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

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

13,282 lines 317.5 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 right: -40%;
16 width: 40%;
17 }
18 to {
19 right: 100%;
20 width: 10%;
21 }
22 }
23 :root {
24 --lp-cotainer-max-with: var(--lp-container-max-width);
25 }
26
27 .wp-block-group {
28 --lp-container-max-width: var(--wp--style--global--wide-size);
29 }
30
31 /**
32 * Style for the buttons
33 */
34 .lp-btn-edit-primary {
35 border: none;
36 background: #135e96;
37 color: #fff;
38 }
39 .lp-btn-edit-primary:not(.active) {
40 opacity: 0.5;
41 }
42 .lp-btn-edit-primary:hover, .lp-btn-edit-primary.active, .lp-btn-edit-primary.active:hover {
43 background: #135E96;
44 color: #fff;
45 opacity: 1;
46 }
47
48 /* 5. Minimal Bottom Line */
49 .btn-line::after {
50 content: "";
51 position: absolute;
52 bottom: 0;
53 right: 0;
54 height: 4px;
55 width: 0%;
56 background-color: #38bdf8;
57 animation: lineLoad 2s ease-in-out infinite;
58 }
59
60 @keyframes lineLoad {
61 0% {
62 width: 0%;
63 right: 0;
64 }
65 50% {
66 width: 100%;
67 right: 0;
68 }
69 100% {
70 width: 0%;
71 right: 100%;
72 }
73 }
74 .lp-button {
75 padding: 8px 16px;
76 border: 1px solid var(--lp-border-color, #E2E0DB);
77 border-radius: var(--lp-border-radius, 5px);
78 color: #374151;
79 font-weight: 500;
80 text-decoration: none;
81 cursor: pointer;
82 }
83 .lp-button.loading {
84 position: relative;
85 display: flex;
86 align-items: center;
87 justify-content: center;
88 pointer-events: none;
89 color: rgba(0, 0, 0, 0.2) !important;
90 }
91 .lp-button.loading:before {
92 position: absolute;
93 inset: 0;
94 display: flex;
95 align-items: center;
96 justify-content: center;
97 font-family: "lp-icon";
98 content: "\f110";
99 animation: lp-rotating 1s linear infinite;
100 line-height: 1;
101 font-variant: normal;
102 text-transform: none;
103 -webkit-font-smoothing: antialiased;
104 -moz-osx-font-smoothing: grayscale;
105 color: black;
106 }
107
108 .learn-press-message {
109 position: relative;
110 display: flex;
111 align-items: center;
112 margin: 0 !important;
113 padding: 10px 20px;
114 border-radius: var(--lp-border-radius, 5px);
115 background-color: #E5F7FF;
116 color: #007AFF;
117 max-width: 100%;
118 }
119 .learn-press-message::before {
120 display: inline-block;
121 margin-left: 8px;
122 font-family: "lp-icon";
123 font-size: 20px;
124 font-style: normal;
125 font-weight: normal;
126 line-height: 1;
127 }
128 .learn-press-message.error {
129 background-color: #FEE5E5;
130 color: #FF3B30;
131 border: 1px solid #E31A1A;
132 padding: 10px 20px;
133 }
134 .learn-press-message.error::before {
135 content: "\f071";
136 color: #E31A1A;
137 }
138 .learn-press-message.warning {
139 background-color: #FEF7E6;
140 color: #FF9500;
141 border: 1px solid #F8A100;
142 }
143 .learn-press-message.warning::before {
144 content: "\f06a";
145 color: #F8A100;
146 }
147 .learn-press-message.success {
148 background-color: #EBF8E5;
149 color: #3AB500;
150 border: 1px solid #28A746;
151 }
152 .learn-press-message.success::before {
153 content: "\f058";
154 color: #28A746;
155 }
156 .learn-press-message.info {
157 background-color: rgba(0, 122, 255, 0.1019607843);
158 color: #007AFF;
159 border: 1px solid #2E91FA;
160 }
161 .learn-press-message.info::before {
162 content: "\e931";
163 color: #2E91FA;
164 }
165 .learn-press-message a {
166 text-decoration: underline;
167 }
168
169 .lp-toast.toastify {
170 background: #EBF8E5;
171 color: #3AB500;
172 border-radius: var(--lp-border-radius, 5px);
173 box-shadow: 0 0 0;
174 display: flex;
175 align-items: center;
176 }
177 .lp-toast.toastify .toast-close {
178 background: transparent !important;
179 font-size: 0;
180 padding-right: 12px;
181 }
182 .lp-toast.toastify .toast-close:before {
183 content: "\f00d";
184 font-family: "lp-icon";
185 font-size: 16px;
186 color: #000;
187 line-height: 17px;
188 }
189 .lp-toast.toastify .toast-close:hover {
190 opacity: 1;
191 }
192 .lp-toast.toastify.error {
193 background-color: #FEE5E5;
194 color: #FF3B30;
195 padding: 12px 20px;
196 border: none;
197 margin: 0 auto;
198 }
199 .lp-toast.toastify.warning {
200 background-color: #FEF7E6;
201 color: #fb9422;
202 padding: 12px 20px;
203 border: none;
204 margin: 0 auto;
205 }
206 .lp-toast.toastify.info {
207 background-color: rgba(0, 122, 255, 0.1019607843);
208 color: #277afc;
209 padding: 12px 20px;
210 border: none;
211 margin: 0 auto;
212 }
213
214 /**
215 * Style for the Tom Select
216 * @link https://tom-select.js.org/
217 * @since 4.2.9.5
218 * @version 1.0.0
219 */
220 .lp-tom-select {
221 min-width: 150px;
222 }
223 .lp-tom-select.plugin-dropdown_input .dropdown-input {
224 width: 95%;
225 min-width: auto;
226 border: 1px solid #2271b1;
227 }
228 .lp-tom-select[multiple] {
229 display: block;
230 height: 36px !important;
231 border: 1px solid #d0d0d0;
232 }
233 .lp-tom-select.ts-wrapper {
234 min-width: 200px;
235 width: fit-content;
236 }
237 .lp-tom-select.ts-wrapper dropdown-active .ts-control input.dropdown-input {
238 border-color: #d0d0d0;
239 }
240 .lp-tom-select.ts-wrapper input.dropdown-input {
241 margin: 0 auto 5px;
242 padding: 0 8px;
243 box-shadow: none;
244 }
245 .lp-tom-select.ts-wrapper.multi.has-items .ts-control {
246 padding: 3px 3px 3px 0;
247 }
248 .lp-tom-select.ts-wrapper .ts-control {
249 min-height: 35px;
250 padding: 4px;
251 }
252 .lp-tom-select.ts-wrapper .ts-control input[type=text] {
253 min-width: 30px;
254 }
255 .lp-tom-select.ts-wrapper .ts-control li {
256 margin: 0 0 3px 5px;
257 padding: 3px 8px;
258 background: #eee;
259 border-radius: var(--lp-border-radius);
260 }
261 .lp-tom-select.ts-wrapper .ts-control .item {
262 margin: 0 0 2px 5px;
263 padding: 1px 2px;
264 background: #eee;
265 border-radius: var(--lp-border-radius);
266 }
267 .lp-tom-select.ts-wrapper .ts-dropdown {
268 border: 1px solid #d0d0d0;
269 padding-top: 5px;
270 border-radius: 3px;
271 margin-top: -1px;
272 }
273 .lp-tom-select.ts-wrapper .ts-dropdown .spinner {
274 visibility: visible;
275 }
276 .lp-tom-select.ts-wrapper .ts-dropdown .spinner::after {
277 content: "";
278 border: none;
279 }
280 .lp-tom-select .dropdown-input-wrap {
281 display: flex;
282 }
283
284 /*.search-box {
285 .ts-wrapper {
286 float: left;
287 margin-right: 4px;
288
289 .ts-control {
290 padding: 3px;
291 height: 30px;
292
293 li {
294 margin: 0;
295 }
296 }
297 }
298 }*/
299 /**
300 * Styles for displaying list of table
301 */
302 .lp-toolbar-buttons {
303 position: relative;
304 z-index: 10;
305 height: 50px;
306 }
307 .lp-toolbar-buttons .lp-toolbar-btn {
308 display: inline-block;
309 position: relative;
310 width: 30px;
311 height: 30px;
312 margin: 0;
313 padding: 0;
314 text-align: center;
315 vertical-align: middle;
316 cursor: pointer;
317 }
318 .lp-toolbar-buttons .lp-toolbar-btn a,
319 .lp-toolbar-buttons .lp-toolbar-btn span {
320 outline: none;
321 color: #666;
322 box-shadow: none;
323 }
324 .lp-toolbar-buttons .lp-toolbar-btn .lp-btn-icon {
325 position: absolute;
326 top: 50%;
327 right: 50%;
328 width: 30px;
329 height: 30px;
330 margin-top: -15px;
331 margin-right: -15px;
332 line-height: 1.875rem;
333 text-align: center;
334 }
335 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-move {
336 cursor: ns-resize;
337 }
338 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-move a,
339 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-move span {
340 cursor: ns-resize;
341 }
342 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-move:hover a,
343 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-move span {
344 color: var(--lp-primary-color);
345 }
346 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-remove {
347 cursor: pointer;
348 }
349 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-remove:hover a,
350 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-remove:hover span {
351 color: #e74c3c;
352 }
353 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-toggle .dashicons-arrow-down,
354 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-toggle .dashicons-arrow-down-alt2 {
355 display: none;
356 }
357 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-toggle.closed .dashicons-arrow-up,
358 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-toggle.closed .dashicons-arrow-up-alt2 {
359 display: none;
360 }
361 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-toggle.closed .dashicons-arrow-down,
362 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-toggle.closed .dashicons-arrow-down-alt2 {
363 display: inline-block;
364 }
365 .lp-toolbar-buttons .lp-toolbar-btn.lp-toolbar-btn-dropdown {
366 color: #000;
367 }
368 .lp-toolbar-buttons .lp-toolbar-btn.lp-toolbar-btn-dropdown ul {
369 display: none;
370 position: absolute;
371 top: 100%;
372 left: 0;
373 margin: 0 0;
374 border: 1px solid #999;
375 background: #fdfeff;
376 }
377 .lp-toolbar-buttons .lp-toolbar-btn.lp-toolbar-btn-dropdown ul li {
378 margin: 0;
379 list-style: none;
380 }
381 .lp-toolbar-buttons .lp-toolbar-btn.lp-toolbar-btn-dropdown ul li a {
382 display: block;
383 margin: 0;
384 padding: 3px 8px;
385 color: #757575;
386 font-size: 0.8em;
387 text-align: left;
388 white-space: nowrap;
389 text-decoration: none;
390 }
391 .lp-toolbar-buttons .lp-toolbar-btn.lp-toolbar-btn-dropdown ul li a:hover {
392 background: #eee;
393 }
394 .lp-toolbar-buttons .lp-toolbar-btn.lp-toolbar-btn-dropdown ul li.active a {
395 background: #eee;
396 }
397 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-disabled, .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-disabled:hover {
398 _background: #f5f5f5;
399 }
400 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-disabled .lp-btn-icon, .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-disabled:hover .lp-btn-icon {
401 color: #666;
402 }
403 .lp-toolbar-buttons .lp-toolbar-btn:hover {
404 display: inline-block;
405 background: none;
406 }
407 .lp-toolbar-buttons .lp-toolbar-btn:hover .lp-btn-icon {
408 color: #444;
409 }
410 .lp-toolbar-buttons .lp-toolbar-btn:hover ul {
411 display: block;
412 }
413 .lp-toolbar-buttons .lp-toolbar-btn:hover ul:hover {
414 display: block;
415 }
416
417 .column-content-actions.lp-toolbar-buttons {
418 width: 30px;
419 padding: 0;
420 white-space: nowrap;
421 }
422
423 .learn-press-box-data {
424 position: relative;
425 margin: 20px 0 0 0;
426 border: 1px solid #ddd;
427 }
428 .learn-press-box-data .lp-box-data-head {
429 padding: 10px 15px;
430 background: #fff;
431 }
432 .learn-press-box-data .lp-box-data-head h3 {
433 margin: 0;
434 padding: 15px;
435 font-size: 1em;
436 }
437 .learn-press-box-data .lp-box-data-head .lp-box-data-actions {
438 float: left;
439 position: relative;
440 z-index: 10;
441 }
442 .learn-press-box-data .lp-box-data-head .lp-box-data-actions .lp-btn {
443 display: inline-block;
444 width: 30px;
445 height: 50px;
446 line-height: 2.875rem;
447 text-align: center;
448 vertical-align: middle;
449 }
450 .learn-press-box-data .lp-box-data-head .lp-box-data-actions::after {
451 display: block;
452 clear: both;
453 content: "";
454 }
455 .learn-press-box-data .lp-box-data-head::after {
456 display: block;
457 clear: both;
458 content: "";
459 }
460 .learn-press-box-data .lp-box-data-content {
461 padding: 15px;
462 border-top: 1px solid #ddd;
463 background: #fff;
464 }
465 .learn-press-box-data .lp-box-data-foot {
466 padding: 15px;
467 }
468 .learn-press-box-data.closed .lp-btn-toggle .dashicons-arrow-up,
469 .learn-press-box-data.closed .lp-btn-toggle .dashicons-arrow-up-alt2 {
470 display: none;
471 }
472 .learn-press-box-data.closed .lp-btn-toggle .dashicons-arrow-down,
473 .learn-press-box-data.closed .lp-btn-toggle .dashicons-arrow-down-alt2 {
474 display: inline-block;
475 }
476 .learn-press-box-data.closed .lp-box-data-content {
477 display: none;
478 }
479
480 .lp-list-options {
481 width: 100%;
482 border-collapse: collapse;
483 }
484 .lp-list-options th,
485 .lp-list-options td {
486 padding: 10px 15px;
487 border-top: 1px solid #ddd;
488 background: #f5f5f5;
489 }
490 .lp-list-options thead th {
491 text-align: right;
492 }
493 .lp-list-options tbody tr td {
494 padding: 0 15px;
495 background: #f4fcff;
496 }
497 .lp-list-options tbody tr td.lp-toolbar-buttons {
498 _overflow: hidden;
499 position: relative;
500 width: 30px;
501 height: 42px;
502 white-space: nowrap;
503 }
504 .lp-list-options tbody tr td.lp-toolbar-buttons .lp-toolbar-btn {
505 visibility: hidden;
506 position: relative;
507 height: 43px;
508 margin-top: -4px;
509 margin-bottom: -4px;
510 }
511 .lp-list-options tbody tr:nth-child(odd) td {
512 background: #fff;
513 }
514 .lp-list-options tbody tr:hover td.lp-toolbar-buttons .lp-toolbar-btn {
515 visibility: visible;
516 }
517 .lp-list-options tbody td {
518 text-align: right;
519 }
520 .lp-list-options tbody td input[type=text] {
521 width: 100%;
522 }
523 .lp-list-options tbody td input[type=text][value=""] {
524 font-style: italic;
525 }
526 .lp-list-options tbody td.column-content-answer_correct {
527 width: 125px;
528 }
529 .lp-list-options tbody td.lp-remove-list-option, .lp-list-options tbody td.lp-move-list-option {
530 width: 20px;
531 padding: 0;
532 text-align: center;
533 }
534 .lp-list-options tbody td.lp-remove-list-option a, .lp-list-options tbody td.lp-move-list-option a {
535 visibility: hidden;
536 color: #999;
537 }
538 .lp-list-options tbody td.lp-remove-list-option:hover, .lp-list-options tbody td.lp-move-list-option:hover {
539 background: #dbf5ff;
540 }
541 .lp-list-options tbody td.lp-move-list-option {
542 cursor: ns-resize;
543 }
544 .lp-list-options tbody td.lp-move-list-option a {
545 cursor: ns-resize;
546 }
547 .lp-list-options tbody td.lp-move-list-option:hover a {
548 color: var(--lp-primary-color);
549 }
550 .lp-list-options tbody td.lp-remove-list-option {
551 cursor: pointer;
552 }
553 .lp-list-options tbody td.lp-remove-list-option:hover a {
554 color: #e74c3c;
555 }
556
557 .lp-animation {
558 animation: spin 4s linear infinite;
559 }
560
561 .lp-ajax-search {
562 display: inline-block;
563 position: relative;
564 z-index: 999999;
565 }
566 .lp-ajax-search .lp-search-term {
567 min-width: 300px;
568 height: 28px;
569 margin: 0;
570 outline: none;
571 box-shadow: none;
572 }
573 .lp-ajax-search .lp-search-term:focus {
574 box-shadow: none;
575 }
576 .lp-ajax-search .lp-search-term:focus {
577 outline: none;
578 box-shadow: none;
579 }
580 .lp-ajax-search .lp-search-term:focus:focus {
581 box-shadow: none;
582 }
583 .lp-ajax-search .lp-search-results {
584 position: absolute;
585 top: 100%;
586 width: 100%;
587 margin: -1px 0 0 0;
588 border: 1px solid #ddd;
589 background: #fff;
590 -webkit-box-sizing: border-box;
591 box-sizing: border-box;
592 }
593 .lp-ajax-search .lp-search-results .lp-search-items {
594 overflow: auto;
595 max-height: 300px;
596 margin: 0;
597 }
598 .lp-ajax-search .lp-search-results .lp-search-items li {
599 margin: 0;
600 }
601 .lp-ajax-search .lp-search-results .lp-search-items li label {
602 display: block;
603 padding: 8px 10px;
604 border-bottom: 1px solid #f3f3f3;
605 }
606 .lp-ajax-search .lp-search-results .lp-search-items li label input {
607 float: right;
608 margin-top: 1px;
609 margin-left: -100%;
610 }
611 .lp-ajax-search .lp-search-results .lp-search-items li label span {
612 display: inline-block;
613 margin-right: 25px;
614 }
615 .lp-ajax-search .lp-search-results .lp-search-items li label span a.lp-add-item {
616 visibility: hidden;
617 margin-right: 10px;
618 }
619 .lp-ajax-search .lp-search-results .lp-search-items li.active {
620 background: #dbf5ff;
621 }
622 .lp-ajax-search .lp-search-results .lp-search-items li:hover {
623 color: #fff;
624 background: #0085ba;
625 }
626 .lp-ajax-search .lp-search-results .lp-search-items li:hover a.lp-add-item {
627 visibility: visible;
628 }
629 .lp-ajax-search .lp-search-results .lp-search-actions {
630 margin: 0;
631 padding: 10px;
632 border-top: 1px solid #ddd;
633 }
634
635 #learn-press-ajax-search-overlay {
636 display: none;
637 position: fixed;
638 z-index: 99999;
639 top: 0;
640 right: 0;
641 width: 100%;
642 height: 100%;
643 opacity: 0;
644 }
645
646 .update-overlay {
647 position: fixed;
648 z-index: 99999;
649 top: 0;
650 right: 0;
651 width: 100%;
652 height: 100%;
653 background: rgba(255, 255, 255, 0.5);
654 }
655
656 #course-editor.ajax-search #learn-press-ajax-search-overlay {
657 display: block;
658 }
659 #course-editor.ajax-search .lp-ajax-search {
660 z-index: 100000;
661 }
662
663 .advanced-list {
664 width: 100%;
665 min-width: 200px;
666 border-radius: var(--lp-border-radius);
667 background: #fff;
668 list-style: none;
669 }
670 .advanced-list li {
671 display: inline-block;
672 margin: 0 0 5px 5px;
673 padding: 3px 8px;
674 background: #eee;
675 border-radius: var(--lp-border-radius);
676 }
677 .advanced-list li .remove-item {
678 display: inline-block;
679 margin-left: 5px;
680 line-height: 1;
681 vertical-align: middle;
682 text-decoration: none;
683 cursor: pointer;
684 }
685 .advanced-list li .remove-item:hover {
686 color: #0085ba;
687 }
688 .advanced-list li .remove-item::before {
689 font-family: dashicons;
690 text-decoration: none;
691 content: "\f335";
692 }
693 .advanced-list li span {
694 display: inline-block;
695 }
696 .advanced-list.locked .remove-item {
697 display: none;
698 }
699 .advanced-list::after {
700 display: block;
701 clear: both;
702 content: "";
703 }
704
705 .lp-label-counter {
706 display: inline-block;
707 height: 20px;
708 padding: 0 10px;
709 border-radius: 20px;
710 color: #fff;
711 background: #2196f3;
712 font-weight: bold;
713 line-height: 1.25rem;
714 }
715 .lp-label-counter.disabled {
716 background: #ddd;
717 }
718
719 @keyframes spin {
720 100% {
721 -webkit-transform: rotate(-360deg);
722 transform: rotate(-360deg);
723 }
724 }
725 .rwmb-duration {
726 border: 1px solid #ddd;
727 }
728
729 ul .clearfix {
730 clear: both;
731 height: 0;
732 opacity: 0;
733 }
734
735 .clearfix-after::after {
736 display: block;
737 clear: both;
738 height: 0;
739 opacity: 0;
740 content: "";
741 }
742
743 @font-face {
744 font-family: "lp-icon";
745 src: url("../../src/css/vendor/fonts/lp-icon/lp-icon.woff2?v=189") format("woff2");
746 font-weight: normal;
747 font-style: normal;
748 font-display: swap;
749 }
750 [class^=lp-icon-], [class*=" lp-icon-"] {
751 /* use !important to prevent issues with browser extensions that change fonts */
752 font-family: "lp-icon";
753 speak: never;
754 font-style: normal;
755 font-weight: normal;
756 font-variant: normal;
757 text-transform: none;
758 line-height: 1;
759 font-display: swap;
760 /* Better Font Rendering =========== */
761 -webkit-font-smoothing: antialiased;
762 -moz-osx-font-smoothing: grayscale;
763 }
764
765 .lp-icon-my-courses:before {
766 content: "\e900";
767 }
768
769 .lp-icon-clock:before {
770 content: "\e901";
771 }
772
773 .lp-icon-ico-students:before {
774 content: "\e902";
775 }
776
777 .lp-icon-ico-courses:before {
778 content: "\e903";
779 }
780
781 .lp-icon-co-instructor:before {
782 content: "\e904";
783 }
784
785 .lp-icon-dropbox:before {
786 content: "\e905";
787 }
788
789 .lp-icon-box:before {
790 content: "\e906";
791 }
792
793 .lp-icon-close-circle:before {
794 content: "\e907";
795 }
796
797 .lp-icon-tiktok-alt:before {
798 content: "\e908";
799 }
800
801 .lp-icon-alarm-clock:before {
802 content: "\e909";
803 }
804
805 .lp-icon-art-and-design:before {
806 content: "\e90a";
807 }
808
809 .lp-icon-best-customer-experience:before {
810 content: "\e90b";
811 }
812
813 .lp-icon-certificate-o:before {
814 content: "\e90c";
815 }
816
817 .lp-icon-community:before {
818 content: "\e90d";
819 }
820
821 .lp-icon-online-education:before {
822 content: "\e90e";
823 }
824
825 .lp-icon-concierge-bell:before {
826 content: "\e90f";
827 }
828
829 .lp-icon-target:before {
830 content: "\e910";
831 }
832
833 .lp-icon-content-marketing:before {
834 content: "\e911";
835 }
836
837 .lp-icon-dollar-sign:before {
838 content: "\e912";
839 }
840
841 .lp-icon-website:before {
842 content: "\e913";
843 }
844
845 .lp-icon-worldwide-security:before {
846 content: "\e914";
847 }
848
849 .lp-icon-educational-programs:before {
850 content: "\e915";
851 }
852
853 .lp-icon-online-class:before {
854 content: "\e916";
855 }
856
857 .lp-icon-monitor:before {
858 content: "\e917";
859 }
860
861 .lp-icon-lucide:before {
862 content: "\e918";
863 }
864
865 .lp-icon-ebook:before {
866 content: "\e919";
867 }
868
869 .lp-icon-layers:before {
870 content: "\e91a";
871 }
872
873 .lp-icon-map-pin:before {
874 content: "\e91b";
875 }
876
877 .lp-icon-map-marker:before {
878 content: "\e91b";
879 }
880
881 .lp-icon-filter:before {
882 content: "\e91c";
883 }
884
885 .lp-icon-in_progress_course:before {
886 content: "\e91d";
887 }
888
889 .lp-icon-finished_courses:before {
890 content: "\e91e";
891 }
892
893 .lp-icon-failed_courses:before {
894 content: "\e91f";
895 }
896
897 .lp-icon-passed_courses:before {
898 content: "\e920";
899 }
900
901 .lp-icon-comment-written:before {
902 content: "\e921";
903 }
904
905 .lp-icon-student_in_progress:before {
906 content: "\e924";
907 }
908
909 .lp-icon-student_completed:before {
910 content: "\e925";
911 }
912
913 .lp-icon-published_course:before {
914 content: "\e926";
915 }
916
917 .lp-icon-pending_course:before {
918 content: "\e927";
919 }
920
921 .lp-icon-list-check:before {
922 content: "\e929";
923 }
924
925 .lp-icon-icon-h5p:before {
926 content: "\e92a";
927 }
928
929 .lp-icon-search:before {
930 content: "\f002";
931 }
932
933 .lp-icon-envelope-o:before {
934 content: "\f003";
935 }
936
937 .lp-icon-heart:before {
938 content: "\f004";
939 }
940
941 .lp-icon-star:before {
942 content: "\f005";
943 }
944
945 .lp-icon-star-o:before {
946 content: "\f006";
947 }
948
949 .lp-icon-user:before {
950 content: "\f007";
951 }
952
953 .lp-icon-th-large:before {
954 content: "\f009";
955 }
956
957 .lp-icon-th:before {
958 content: "\f00a";
959 }
960
961 .lp-icon-th-list:before {
962 content: "\f00b";
963 }
964
965 .lp-icon-check:before {
966 content: "\f00c";
967 }
968
969 .lp-icon-close:before {
970 content: "\f00d";
971 }
972
973 .lp-icon-remove:before {
974 content: "\f00d";
975 }
976
977 .lp-icon-times:before {
978 content: "\f00d";
979 }
980
981 .lp-icon-signal:before {
982 content: "\f012";
983 }
984
985 .lp-icon-cog:before {
986 content: "\f013";
987 }
988
989 .lp-icon-gear:before {
990 content: "\f013";
991 }
992
993 .lp-icon-trash-o:before {
994 content: "\f014";
995 }
996
997 .lp-icon-home:before {
998 content: "\f015";
999 }
1000
1001 .lp-icon-file-o:before {
1002 content: "\f016";
1003 }
1004
1005 .lp-icon-clock-o:before {
1006 content: "\f017";
1007 }
1008
1009 .lp-icon-download:before {
1010 content: "\f019";
1011 }
1012
1013 .lp-icon-play-circle-o:before {
1014 content: "\f01d";
1015 }
1016
1017 .lp-icon-refresh:before {
1018 content: "\f021";
1019 }
1020
1021 .lp-icon-lock:before {
1022 content: "\f023";
1023 }
1024
1025 .lp-icon-flag:before {
1026 content: "\f024";
1027 }
1028
1029 .lp-icon-book:before {
1030 content: "\f02d";
1031 }
1032
1033 .lp-icon-bookmark:before {
1034 content: "\f02e";
1035 }
1036
1037 .lp-icon-list:before {
1038 content: "\f03a";
1039 }
1040
1041 .lp-icon-video-camera:before {
1042 content: "\f03d";
1043 }
1044
1045 .lp-icon-edit:before {
1046 content: "\f044";
1047 }
1048
1049 .lp-icon-pencil-square-o:before {
1050 content: "\f044";
1051 }
1052
1053 .lp-icon-check-square-o:before {
1054 content: "\f046";
1055 }
1056
1057 .lp-icon-arrows:before {
1058 content: "\f047";
1059 }
1060
1061 .lp-icon-chevron-left:before {
1062 content: "\f053";
1063 }
1064
1065 .lp-icon-chevron-right:before {
1066 content: "\f054";
1067 }
1068
1069 .lp-icon-check-circle:before {
1070 content: "\f058";
1071 }
1072
1073 .lp-icon-question-circle:before {
1074 content: "\f059";
1075 }
1076
1077 .lp-icon-arrow-left:before {
1078 content: "\f060";
1079 }
1080
1081 .lp-icon-arrow-right:before {
1082 content: "\f061";
1083 }
1084
1085 .lp-icon-expand:before {
1086 content: "\f065";
1087 }
1088
1089 .lp-icon-compress:before {
1090 content: "\f066";
1091 }
1092
1093 .lp-icon-plus:before {
1094 content: "\f067";
1095 }
1096
1097 .lp-icon-minus:before {
1098 content: "\f068";
1099 }
1100
1101 .lp-icon-exclamation-circle:before {
1102 content: "\f06a";
1103 }
1104
1105 .lp-icon-gift:before {
1106 content: "\f06b";
1107 }
1108
1109 .lp-icon-eye:before {
1110 content: "\f06e";
1111 }
1112
1113 .lp-icon-eye-slash:before {
1114 content: "\f070";
1115 }
1116
1117 .lp-icon-exclamation-triangle:before {
1118 content: "\f071";
1119 }
1120
1121 .lp-icon-warning:before {
1122 content: "\f071";
1123 }
1124
1125 .lp-icon-calendar:before {
1126 content: "\f073";
1127 }
1128
1129 .lp-icon-comment:before {
1130 content: "\f075";
1131 }
1132
1133 .lp-icon-chevron-up:before {
1134 content: "\f077";
1135 }
1136
1137 .lp-icon-chevron-down:before {
1138 content: "\f078";
1139 }
1140
1141 .lp-icon-shopping-cart:before {
1142 content: "\f07a";
1143 }
1144
1145 .lp-icon-bar-chart:before {
1146 content: "\f080";
1147 }
1148
1149 .lp-icon-bar-chart-o:before {
1150 content: "\f080";
1151 }
1152
1153 .lp-icon-key:before {
1154 content: "\f084";
1155 }
1156
1157 .lp-icon-cogs:before {
1158 content: "\f085";
1159 }
1160
1161 .lp-icon-gears:before {
1162 content: "\f085";
1163 }
1164
1165 .lp-icon-thumbs-o-up:before {
1166 content: "\f087";
1167 }
1168
1169 .lp-icon-thumbs-o-down:before {
1170 content: "\f088";
1171 }
1172
1173 .lp-icon-heart-o:before {
1174 content: "\f08a";
1175 }
1176
1177 .lp-icon-sign-out:before {
1178 content: "\f08b";
1179 }
1180
1181 .lp-icon-linkedin-square:before {
1182 content: "\f08c";
1183 }
1184
1185 .lp-icon-sign-in:before {
1186 content: "\f090";
1187 }
1188
1189 .lp-icon-phone:before {
1190 content: "\f095";
1191 }
1192
1193 .lp-icon-square-o:before {
1194 content: "\f096";
1195 }
1196
1197 .lp-icon-bookmark-o:before {
1198 content: "\f097";
1199 }
1200
1201 .lp-icon-twitter:before {
1202 content: "\f099";
1203 }
1204
1205 .lp-icon-facebook:before {
1206 content: "\f09a";
1207 }
1208
1209 .lp-icon-facebook-f:before {
1210 content: "\f09a";
1211 }
1212
1213 .lp-icon-unlock:before {
1214 content: "\f09c";
1215 }
1216
1217 .lp-icon-bullhorn:before {
1218 content: "\f0a1";
1219 }
1220
1221 .lp-icon-bell-o:before {
1222 content: "\f0a2";
1223 }
1224
1225 .lp-icon-certificate:before {
1226 content: "\f0a3";
1227 }
1228
1229 .lp-icon-briefcase:before {
1230 content: "\f0b1";
1231 }
1232
1233 .lp-icon-arrows-alt:before {
1234 content: "\f0b2";
1235 }
1236
1237 .lp-icon-copy:before {
1238 content: "\f0c5";
1239 }
1240
1241 .lp-icon-files-o:before {
1242 content: "\f0c5";
1243 }
1244
1245 .lp-icon-pinterest-square:before {
1246 content: "\f0d3";
1247 }
1248
1249 .lp-icon-google-plus-square:before {
1250 content: "\f0d4";
1251 }
1252
1253 .lp-icon-google-plus:before {
1254 content: "\f0d5";
1255 }
1256
1257 .lp-icon-money-bill-alt:before {
1258 content: "\f0d6";
1259 }
1260
1261 .lp-icon-caret-down:before {
1262 content: "\f0d7";
1263 }
1264
1265 .lp-icon-caret-up:before {
1266 content: "\f0d8";
1267 }
1268
1269 .lp-icon-caret-left:before {
1270 content: "\f0d9";
1271 }
1272
1273 .lp-icon-caret-right:before {
1274 content: "\f0da";
1275 }
1276
1277 .lp-icon-linkedin:before {
1278 content: "\f0e1";
1279 }
1280
1281 .lp-icon-comment-o:before {
1282 content: "\f0e5";
1283 }
1284
1285 .lp-icon-file-text-o:before {
1286 content: "\f0f6";
1287 }
1288
1289 .lp-icon-angle-double-left:before {
1290 content: "\f100";
1291 }
1292
1293 .lp-icon-angle-double-right:before {
1294 content: "\f101";
1295 }
1296
1297 .lp-icon-angle-double-up:before {
1298 content: "\f102";
1299 }
1300
1301 .lp-icon-angle-double-down:before {
1302 content: "\f103";
1303 }
1304
1305 .lp-icon-angle-left:before {
1306 content: "\f104";
1307 }
1308
1309 .lp-icon-angle-right:before {
1310 content: "\f105";
1311 }
1312
1313 .lp-icon-angle-up:before {
1314 content: "\f106";
1315 }
1316
1317 .lp-icon-angle-down:before {
1318 content: "\f107";
1319 }
1320
1321 .lp-icon-desktop:before {
1322 content: "\f108";
1323 }
1324
1325 .lp-icon-mobile:before {
1326 content: "\f10b";
1327 }
1328
1329 .lp-icon-mobile-phone:before {
1330 content: "\f10b";
1331 }
1332
1333 .lp-icon-circle-o:before {
1334 content: "\f10c";
1335 }
1336
1337 .lp-icon-spinner:before {
1338 content: "\f110";
1339 }
1340
1341 .lp-icon-code:before {
1342 content: "\f121";
1343 }
1344
1345 .lp-icon-question:before {
1346 content: "\f128";
1347 }
1348
1349 .lp-icon-puzzle-piece:before {
1350 content: "\f12e";
1351 }
1352
1353 .lp-icon-calendar-o:before {
1354 content: "\f133";
1355 }
1356
1357 .lp-icon-ellipsis-h:before {
1358 content: "\f141";
1359 }
1360
1361 .lp-icon-ellipsis-v:before {
1362 content: "\f142";
1363 }
1364
1365 .lp-icon-file:before {
1366 content: "\f15b";
1367 }
1368
1369 .lp-icon-file-alt:before {
1370 content: "\f15c";
1371 }
1372
1373 .lp-icon-youtube-play:before {
1374 content: "\f16a";
1375 }
1376
1377 .lp-icon-instagram:before {
1378 content: "\f16d";
1379 }
1380
1381 .lp-icon-dot-circle-o:before {
1382 content: "\f192";
1383 }
1384
1385 .lp-icon-graduation-cap:before {
1386 content: "\f19d";
1387 }
1388
1389 .lp-icon-mortar-board:before {
1390 content: "\f19d";
1391 }
1392
1393 .lp-icon-google:before {
1394 content: "\f1a0";
1395 }
1396
1397 .lp-icon-language:before {
1398 content: "\f1ab";
1399 }
1400
1401 .lp-icon-database:before {
1402 content: "\f1c0";
1403 }
1404
1405 .lp-icon-file-pdf:before {
1406 content: "\f1c1";
1407 }
1408
1409 .lp-icon-file-word:before {
1410 content: "\f1c2";
1411 }
1412
1413 .lp-icon-file-excel:before {
1414 content: "\f1c3";
1415 }
1416
1417 .lp-icon-file-powerpoint:before {
1418 content: "\f1c4";
1419 }
1420
1421 .lp-icon-file-image:before {
1422 content: "\f1c5";
1423 }
1424
1425 .lp-icon-file-photo:before {
1426 content: "\f1c5";
1427 }
1428
1429 .lp-icon-file-picture:before {
1430 content: "\f1c5";
1431 }
1432
1433 .lp-icon-file-archive:before {
1434 content: "\f1c6";
1435 }
1436
1437 .lp-icon-file-zip:before {
1438 content: "\f1c6";
1439 }
1440
1441 .lp-icon-file-audio:before {
1442 content: "\f1c7";
1443 }
1444
1445 .lp-icon-file-sound:before {
1446 content: "\f1c7";
1447 }
1448
1449 .lp-icon-file-movie:before {
1450 content: "\f1c8";
1451 }
1452
1453 .lp-icon-file-video:before {
1454 content: "\f1c8";
1455 }
1456
1457 .lp-icon-file-code:before {
1458 content: "\f1c9";
1459 }
1460
1461 .lp-icon-circle-thin:before {
1462 content: "\f1db";
1463 }
1464
1465 .lp-icon-share-alt:before {
1466 content: "\f1e0";
1467 }
1468
1469 .lp-icon-pie-chart:before {
1470 content: "\f200";
1471 }
1472
1473 .lp-icon-line-chart:before {
1474 content: "\f201";
1475 }
1476
1477 .lp-icon-user-secret:before {
1478 content: "\f21b";
1479 }
1480
1481 .lp-icon-pinterest-p:before {
1482 content: "\f231";
1483 }
1484
1485 .lp-icon-television:before {
1486 content: "\f26c";
1487 }
1488
1489 .lp-icon-tv:before {
1490 content: "\f26c";
1491 }
1492
1493 .lp-icon-question-circle-o:before {
1494 content: "\f29c";
1495 }
1496
1497 .lp-icon-google-plus-circle:before {
1498 content: "\f2b3";
1499 }
1500
1501 .lp-icon-google-plus-official:before {
1502 content: "\f2b3";
1503 }
1504
1505 .lp-icon-user-circle:before {
1506 content: "\f2bd";
1507 }
1508
1509 .lp-icon-stopwatch:before {
1510 content: "\f2f2";
1511 }
1512
1513 .lp-icon-user-edit:before {
1514 content: "\f4ff";
1515 }
1516
1517 .lp-icon-user-graduate:before {
1518 content: "\f501";
1519 }
1520
1521 .lp-icon-book-open:before {
1522 content: "\f518";
1523 }
1524
1525 .lp-icon-file-download:before {
1526 content: "\f56d";
1527 }
1528
1529 .lp-icon-edit-square:before {
1530 content: "\e923";
1531 }
1532
1533 .lp-icon-drag:before {
1534 content: "\e922";
1535 }
1536
1537 .lp-icon-sidebar-left:before {
1538 content: "\e928";
1539 }
1540
1541 .lp-icon-sidebar-right:before {
1542 content: "\e92b";
1543 }
1544
1545 .lp-icon-link:before {
1546 content: "\e92c";
1547 }
1548
1549 .lp-icon-folder:before {
1550 content: "\e92d";
1551 }
1552
1553 .lp-icon-send:before {
1554 content: "\e92e";
1555 }
1556
1557 .lp-icon-warning-octagon:before {
1558 content: "\e92f";
1559 }
1560
1561 .lp-icon-warning-octagon-o:before {
1562 content: "\e930";
1563 }
1564
1565 .lp-icon-info-circle:before {
1566 content: "\e931";
1567 }
1568
1569 .lp-icon-info-triangle:before {
1570 content: "\e932";
1571 }
1572
1573 .lp-ico-ai {
1574 display: inline-block;
1575 width: 13px;
1576 height: 13px;
1577 background-image: url("../../images/icons/ico-ai.svg");
1578 background-size: contain;
1579 background-repeat: no-repeat;
1580 }
1581
1582 .lp-icon-course-builder {
1583 display: inline-block;
1584 width: 18px;
1585 height: 18px;
1586 background-color: currentColor;
1587 -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.6422 16.0228C21.7413 16.1947 21.7682 16.3988 21.717 16.5905C21.6659 16.7822 21.5409 16.9458 21.3694 17.0456L12.3694 22.2956C12.2547 22.3624 12.1243 22.3977 11.9916 22.3977C11.8588 22.3977 11.7284 22.3624 11.6138 22.2956L2.61376 17.0456C2.44472 16.944 2.3225 16.7799 2.27354 16.5889C2.22459 16.3978 2.25284 16.1952 2.3522 16.0249C2.45155 15.8545 2.614 15.7301 2.80438 15.6787C2.99476 15.6272 3.19774 15.6528 3.36938 15.7499L11.9983 20.5004L20.6194 15.7499C20.7913 15.6509 20.9954 15.624 21.1871 15.6751C21.3788 15.7262 21.5425 15.8512 21.6422 16.0228ZM20.6194 11.2499L11.9916 16.0228L3.36938 11.2499C3.19861 11.1649 3.00186 11.1482 2.81917 11.2031C2.63648 11.258 2.48159 11.3805 2.38602 11.5456C2.29044 11.7107 2.26138 11.906 2.30473 12.0918C2.34809 12.2776 2.46061 12.4398 2.61938 12.5456L11.6194 17.7956C11.7341 17.8624 11.8644 17.8977 11.9972 17.8977C12.13 17.8977 12.2603 17.8624 12.375 17.7956L21.375 12.5456C21.4615 12.4967 21.5373 12.4311 21.5982 12.3526C21.6591 12.2741 21.7038 12.1844 21.7297 12.0885C21.7556 11.9926 21.7622 11.8925 21.7492 11.7941C21.7361 11.6956 21.7036 11.6007 21.6536 11.515C21.6035 11.4292 21.5369 11.3542 21.4577 11.2943C21.3784 11.2344 21.2881 11.1909 21.1919 11.1663C21.0957 11.1416 20.9955 11.1363 20.8972 11.1507C20.799 11.165 20.7045 11.1988 20.6194 11.2499ZM2.24438 7.39775C2.24468 7.26639 2.27948 7.13741 2.34529 7.02372C2.4111 6.91003 2.50562 6.81562 2.61938 6.74994L11.6194 1.49994C11.7341 1.43306 11.8644 1.39783 11.9972 1.39783C12.13 1.39783 12.2603 1.43306 12.375 1.49994L21.375 6.74994C21.4882 6.81599 21.5822 6.91056 21.6474 7.02423C21.7127 7.13789 21.7471 7.26668 21.7471 7.39775C21.7471 7.52883 21.7127 7.65762 21.6474 7.77128C21.5822 7.88494 21.4882 7.97951 21.375 8.04557L12.375 13.2956C12.2603 13.3624 12.13 13.3977 11.9972 13.3977C11.8644 13.3977 11.7341 13.3624 11.6194 13.2956L2.61938 8.04557C2.50562 7.97988 2.4111 7.88547 2.34529 7.77178C2.27948 7.6581 2.24468 7.52912 2.24438 7.39775ZM4.99439 7.39783L11.9944 11.5456L18.9944 7.39783L11.9944 3.39783L4.99439 7.39783Z' fill='black'/%3E%3C/svg%3E");
1588 mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.6422 16.0228C21.7413 16.1947 21.7682 16.3988 21.717 16.5905C21.6659 16.7822 21.5409 16.9458 21.3694 17.0456L12.3694 22.2956C12.2547 22.3624 12.1243 22.3977 11.9916 22.3977C11.8588 22.3977 11.7284 22.3624 11.6138 22.2956L2.61376 17.0456C2.44472 16.944 2.3225 16.7799 2.27354 16.5889C2.22459 16.3978 2.25284 16.1952 2.3522 16.0249C2.45155 15.8545 2.614 15.7301 2.80438 15.6787C2.99476 15.6272 3.19774 15.6528 3.36938 15.7499L11.9983 20.5004L20.6194 15.7499C20.7913 15.6509 20.9954 15.624 21.1871 15.6751C21.3788 15.7262 21.5425 15.8512 21.6422 16.0228ZM20.6194 11.2499L11.9916 16.0228L3.36938 11.2499C3.19861 11.1649 3.00186 11.1482 2.81917 11.2031C2.63648 11.258 2.48159 11.3805 2.38602 11.5456C2.29044 11.7107 2.26138 11.906 2.30473 12.0918C2.34809 12.2776 2.46061 12.4398 2.61938 12.5456L11.6194 17.7956C11.7341 17.8624 11.8644 17.8977 11.9972 17.8977C12.13 17.8977 12.2603 17.8624 12.375 17.7956L21.375 12.5456C21.4615 12.4967 21.5373 12.4311 21.5982 12.3526C21.6591 12.2741 21.7038 12.1844 21.7297 12.0885C21.7556 11.9926 21.7622 11.8925 21.7492 11.7941C21.7361 11.6956 21.7036 11.6007 21.6536 11.515C21.6035 11.4292 21.5369 11.3542 21.4577 11.2943C21.3784 11.2344 21.2881 11.1909 21.1919 11.1663C21.0957 11.1416 20.9955 11.1363 20.8972 11.1507C20.799 11.165 20.7045 11.1988 20.6194 11.2499ZM2.24438 7.39775C2.24468 7.26639 2.27948 7.13741 2.34529 7.02372C2.4111 6.91003 2.50562 6.81562 2.61938 6.74994L11.6194 1.49994C11.7341 1.43306 11.8644 1.39783 11.9972 1.39783C12.13 1.39783 12.2603 1.43306 12.375 1.49994L21.375 6.74994C21.4882 6.81599 21.5822 6.91056 21.6474 7.02423C21.7127 7.13789 21.7471 7.26668 21.7471 7.39775C21.7471 7.52883 21.7127 7.65762 21.6474 7.77128C21.5822 7.88494 21.4882 7.97951 21.375 8.04557L12.375 13.2956C12.2603 13.3624 12.13 13.3977 11.9972 13.3977C11.8644 13.3977 11.7341 13.3624 11.6194 13.2956L2.61938 8.04557C2.50562 7.97988 2.4111 7.88547 2.34529 7.77178C2.27948 7.6581 2.24468 7.52912 2.24438 7.39775ZM4.99439 7.39783L11.9944 11.5456L18.9944 7.39783L11.9944 3.39783L4.99439 7.39783Z' fill='black'/%3E%3C/svg%3E");
1589 -webkit-mask-size: contain;
1590 mask-size: contain;
1591 -webkit-mask-repeat: no-repeat;
1592 mask-repeat: no-repeat;
1593 -webkit-mask-position: center;
1594 mask-position: center;
1595 }
1596
1597 @keyframes lp-spinner {
1598 100% {
1599 -webkit-transform: rotate(-360deg);
1600 transform: rotate(-360deg);
1601 }
1602 }
1603 .lp-modal-choose-items-open {
1604 overflow: hidden;
1605 }
1606
1607 .lp-modal-search {
1608 height: 100%;
1609 padding: 20px;
1610 color: #777;
1611 background-color: red;
1612 }
1613 .lp-modal-search li.selected {
1614 display: none;
1615 }
1616
1617 /* message box */
1618 #learn-press-message-box-block {
1619 position: fixed;
1620 z-index: 99999;
1621 top: 0;
1622 left: 0;
1623 bottom: 0;
1624 right: 0;
1625 opacity: 0.8;
1626 background-color: #000;
1627 }
1628
1629 #learn-press-message-box-window {
1630 position: fixed;
1631 z-index: 100000;
1632 top: 0;
1633 left: 0;
1634 bottom: 0;
1635 right: 0;
1636 color: #fff;
1637 text-align: center;
1638 }
1639
1640 #message-box-wrap {
1641 /* text-align: center; */
1642 display: inline-block;
1643 max-width: 70%;
1644 margin: 0 auto;
1645 text-align: right;
1646 }
1647
1648 .message-box-title {
1649 margin: 0 0 40px 0;
1650 color: #fff;
1651 font-size: 2.125rem;
1652 }
1653
1654 .message-box-content {
1655 font-size: 1rem;
1656 line-height: 1.5;
1657 }
1658
1659 .message-box-animation {
1660 width: 220px;
1661 height: 20px;
1662 margin: 20px 0 0;
1663 background-image: url("../../images/animation.gif");
1664 }
1665
1666 .message-box-buttons {
1667 margin: 20px 0 0;
1668 padding-top: 20px;
1669 border-top: 1px solid #929292;
1670 }
1671
1672 .message-box-button {
1673 margin-left: 10px !important;
1674 }
1675
1676 .tipsy {
1677 position: absolute;
1678 }
1679
1680 .learnpress a,
1681 .learnpress a:active {
1682 outline: none;
1683 box-shadow: none;
1684 }
1685
1686 /* Metabox email template field */
1687 .lp-email-templates {
1688 overflow: hidden;
1689 margin-top: 5px;
1690 }
1691
1692 .learn-press-email-variables {
1693 margin: 20px 0 0;
1694 padding: 0;
1695 list-style: none;
1696 }
1697 .learn-press-email-variables li {
1698 display: inline-block;
1699 cursor: pointer;
1700 }
1701
1702 /* Metabox dropdown pages field */
1703 .learn-press-dropdown-pages input[type=text] {
1704 min-width: 300px;
1705 margin: 0;
1706 vertical-align: top;
1707 }
1708 .learn-press-dropdown-pages .select2-container {
1709 min-width: 220px !important;
1710 }
1711 .learn-press-dropdown-pages .select2-container .select2-selection--single {
1712 height: 30px;
1713 border-color: #7e8993;
1714 }
1715 .learn-press-dropdown-pages .select2-container .select2-selection__rendered {
1716 line-height: 1.75em !important;
1717 }
1718 .learn-press-dropdown-pages .select2-container .select2-selection__arrow {
1719 left: 1px;
1720 width: 23px;
1721 height: 28px;
1722 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 left 5px top 55%;
1723 background-size: 16px 16px;
1724 }
1725 .learn-press-dropdown-pages .select2-container .select2-selection__arrow b {
1726 display: none;
1727 }
1728 .learn-press-dropdown-pages .quick-add-page-actions a {
1729 font-size: 0.8125rem;
1730 text-decoration: none;
1731 }
1732 .learn-press-dropdown-pages .quick-add-page-inline {
1733 margin-top: 0;
1734 }
1735
1736 .lp-select-2 + .select2-container .select2-selection--single {
1737 height: 30px;
1738 border-color: #7e8993;
1739 }
1740 .lp-select-2 + .select2-container .select2-selection--single .select2-selection__rendered {
1741 line-height: 1.75em !important;
1742 }
1743 .lp-select-2 + .select2-container .select2-selection--single .select2-selection__arrow {
1744 left: 1px;
1745 width: 23px;
1746 height: 28px;
1747 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 left 5px top 55%;
1748 background-size: 16px 16px;
1749 }
1750 .lp-select-2 + .select2-container .select2-selection--single .select2-selection__arrow b {
1751 display: none;
1752 }
1753
1754 /* Tooltip */
1755 .learn-press-tooltip {
1756 display: inline-block;
1757 margin: 0 5px;
1758 color: #999;
1759 font-size: 1.0625rem;
1760 vertical-align: middle;
1761 }
1762 .learn-press-tooltip.icon::after {
1763 font-family: Dashicons;
1764 content: "\f223";
1765 }
1766 .learn-press-tooltip:hover {
1767 opacity: 1;
1768 color: #0073aa;
1769 }
1770
1771 /* Metabox payment order field */
1772 .rwmb-payment-order-wrapper .rwmb-label {
1773 margin-bottom: 20px !important;
1774 }
1775 .rwmb-payment-order-wrapper .rwmb-input {
1776 margin-right: 0 !important;
1777 }
1778
1779 .learn-press-payments,
1780 .learn-press-emails {
1781 width: 100%;
1782 border: 1px solid #ddd;
1783 border-collapse: collapse;
1784 font-size: 0.875rem;
1785 }
1786 .learn-press-payments th,
1787 .learn-press-payments td,
1788 .learn-press-emails th,
1789 .learn-press-emails td {
1790 padding: 10px;
1791 }
1792 .learn-press-payments .order,
1793 .learn-press-emails .order {
1794 width: 30px;
1795 padding-left: 0;
1796 color: #ddd;
1797 text-align: center;
1798 cursor: not-allowed;
1799 }
1800 .learn-press-payments .name,
1801 .learn-press-emails .name {
1802 min-width: 250px;
1803 font-weight: normal;
1804 text-transform: capitalize;
1805 }
1806 .learn-press-payments .name a,
1807 .learn-press-emails .name a {
1808 text-decoration: none;
1809 }
1810 .learn-press-payments .status,
1811 .learn-press-emails .status {
1812 width: 100px;
1813 text-align: center;
1814 cursor: pointer;
1815 }
1816 .learn-press-payments .status .dashicons,
1817 .learn-press-emails .status .dashicons {
1818 border-radius: 50%;
1819 color: #fff;
1820 background: #ddd;
1821 }
1822 .learn-press-payments .status a,
1823 .learn-press-emails .status a {
1824 display: block;
1825 margin-top: 5px;
1826 font-size: 0.75rem;
1827 text-decoration: none;
1828 }
1829 .learn-press-payments .status.enabled .dashicons,
1830 .learn-press-emails .status.enabled .dashicons {
1831 background: #0085ba;
1832 }
1833 .learn-press-payments thead th,
1834 .learn-press-emails thead th {
1835 border-bottom: 1px solid #ddd;
1836 text-align: right;
1837 }
1838 .learn-press-payments tbody tr:nth-child(even) td,
1839 .learn-press-emails tbody tr:nth-child(even) td {
1840 background: #fff;
1841 }
1842 .learn-press-payments tbody tr:nth-child(odd) td,
1843 .learn-press-emails tbody tr:nth-child(odd) td {
1844 background: #f5f5f5;
1845 }
1846 .learn-press-payments tbody td,
1847 .learn-press-emails tbody td {
1848 border-bottom: 1px solid #ddd;
1849 }
1850 .learn-press-payments tbody .ui-sortable-helper,
1851 .learn-press-emails tbody .ui-sortable-helper {
1852 margin-right: -1px;
1853 border: 1px solid #ddd;
1854 }
1855 .learn-press-payments tbody .ui-sortable-placeholder,
1856 .learn-press-emails tbody .ui-sortable-placeholder {
1857 visibility: visible !important;
1858 border: 1px solid #ddd;
1859 }
1860 .learn-press-payments tbody .ui-sortable-placeholder td,
1861 .learn-press-emails tbody .ui-sortable-placeholder td {
1862 height: 35px;
1863 padding: 0;
1864 background: #f7f7f7;
1865 }
1866 .learn-press-payments ~ .email-actions,
1867 .learn-press-emails ~ .email-actions {
1868 text-align: right;
1869 }
1870 .learn-press-payments.sortable .order:hover,
1871 .learn-press-emails.sortable .order:hover {
1872 color: #0073aa;
1873 cursor: ns-resize;
1874 }
1875
1876 /* Submenu tools/templates */
1877 .lp-template-overrides {
1878 margin-top: 20px;
1879 }
1880 .lp-template-overrides thead th h4 {
1881 margin: 0;
1882 }
1883 .lp-template-overrides tbody th {
1884 font-weight: bold;
1885 }
1886 .lp-template-overrides tbody th p {
1887 display: inline-block;
1888 margin: 0 10px 0 0;
1889 }
1890 .lp-template-overrides tbody th p a {
1891 margin: 0;
1892 padding: 2px 8px;
1893 border: none;
1894 border-radius: 3px;
1895 outline: none;
1896 box-shadow: none;
1897 font-weight: normal;
1898 }
1899 .lp-template-overrides tbody th p a.current {
1900 color: #fff;
1901 background: #00aadc;
1902 }
1903 .lp-template-overrides .template-row.outdated code::before, .lp-template-overrides .template-row.up-to-date code::before {
1904 display: inline-block;
1905 margin-top: -2px;
1906 margin-left: 3px;
1907 font-family: Dashicons;
1908 vertical-align: middle;
1909 }
1910 .lp-template-overrides .template-row.outdated .template-version {
1911 color: #f00;
1912 }
1913 .lp-template-overrides .template-row.outdated .template-file code::before {
1914 color: #f00;
1915 content: "\f534";
1916 }
1917 .lp-template-overrides .template-row.up-to-date .template-version {
1918 color: #1859ff;
1919 }
1920 .lp-template-overrides .template-row.up-to-date .template-file code::before {
1921 color: #0085ba;
1922 content: "\f147";
1923 }
1924 .lp-template-overrides .template-version,
1925 .lp-template-overrides .core-version {
1926 width: 100px;
1927 }
1928 .lp-template-overrides #learn-press-no-templates td p {
1929 color: #0073aa;
1930 }
1931
1932 /* General */
1933 .description code {
1934 font-size: smaller;
1935 }
1936
1937 #field-_lp_course_result input[name=_lp_course_result] ~ #passing-condition-quiz-result {
1938 display: none;
1939 padding: 10px;
1940 background: #f5f5f5;
1941 }
1942 #field-_lp_course_result input[name=_lp_course_result] ~ #passing-condition-quiz-result input {
1943 width: 80px;
1944 margin: 0;
1945 -webkit-box-sizing: border-box;
1946 box-sizing: border-box;
1947 }
1948 #field-_lp_course_result input[name=_lp_course_result] ~ #passing-condition-quiz-result p {
1949 margin: 7px 0 0;
1950 color: #777;
1951 font-style: italic;
1952 }
1953 #field-_lp_course_result input[name=_lp_course_result]:checked ~ #passing-condition-quiz-result {
1954 display: block;
1955 }
1956
1957 .widget .widget-content .rwmb-field:not(:last-of-type) {
1958 margin: 0 0 10px;
1959 }
1960 .widget .widget-content .rwmb-field:not(:last-of-type):first-child {
1961 margin-top: 10px;
1962 }
1963 .widget .widget-content .rwmb-field:last-child {
1964 margin-bottom: 10px;
1965 }
1966 .widget .widget-content .rwmb-field .rwmb-label,
1967 .widget .widget-content .rwmb-field .rwmb-input {
1968 width: 100%;
1969 }
1970 .widget .widget-content .rwmb-field .rwmb-label {
1971 margin-bottom: 2px;
1972 }
1973 .widget .widget-content .rwmb-field .rwmb-label label {
1974 font-weight: 400;
1975 }
1976 .widget .widget-content .rwmb-field .rwmb-input input[type=text] {
1977 width: 100%;
1978 }
1979
1980 .course-attributes {
1981 margin: 20px 0;
1982 }
1983 .course-attributes .learn-press-attribute {
1984 margin-top: -1px;
1985 margin-bottom: 0;
1986 border: 1px solid #ddd;
1987 }
1988 .course-attributes .learn-press-attribute > h4 {
1989 margin: 0;
1990 padding: 10px 15px;
1991 background: #f5f5f5;
1992 }
1993 .course-attributes .learn-press-attribute .learn-press-attribute-data {
1994 padding: 15px;
1995 border-top: 1px solid #ddd;
1996 }
1997
1998 .lp-hidden {
1999 display: none !important;
2000 }
2001
2002 .lp-max-width-768 {
2003 max-width: 768px !important;
2004 }
2005
2006 #wpfooter {
2007 z-index: 5;
2008 }
2009
2010 .learn-press-advertisement-slider {
2011 margin: 50px 0 0 20px;
2012 position: relative;
2013 overflow: hidden;
2014 box-sizing: border-box;
2015 z-index: 10;
2016 }
2017 .learn-press-advertisement-slider .slider-items:after {
2018 display: block;
2019 clear: both;
2020 content: "";
2021 }
2022 .learn-press-advertisement-slider .slide-item {
2023 position: relative;
2024 float: right;
2025 width: 100%;
2026 margin-left: -100%;
2027 padding: 20px;
2028 opacity: 0;
2029 background: #FFF;
2030 -webkit-box-sizing: border-box;
2031 box-sizing: border-box;
2032 -webkit-transition: opacity 0.5s linear;
2033 transition: opacity 0.5s linear;
2034 }
2035 .learn-press-advertisement-slider .slide-item .slide-thumbnail {
2036 float: right;
2037 width: 35%;
2038 }
2039 .learn-press-advertisement-slider .slide-item .slide-thumbnail a {
2040 display: block;
2041 line-height: 1;
2042 margin-bottom: 0;
2043 }
2044 .learn-press-advertisement-slider .slide-item .slide-thumbnail img {
2045 max-width: 100%;
2046 }
2047 .learn-press-advertisement-slider .slide-item .slide-detail {
2048 margin-right: 35%;
2049 padding-right: 20px;
2050 }
2051 .learn-press-advertisement-slider .slide-item .slide-detail h2 {
2052 margin-top: 0;
2053 }
2054 .learn-press-advertisement-slider .slide-item .slide-detail .description-short {
2055 display: none;
2056 }
2057 .learn-press-advertisement-slider .slide-item.slide-active {
2058 opacity: 1;
2059 }
2060 .learn-press-advertisement-slider .slider-controls {
2061 position: absolute;
2062 bottom: 20px;
2063 left: 20px;
2064 }
2065 .learn-press-advertisement-slider .slider-controls .next-item,
2066 .learn-press-advertisement-slider .slider-controls .prev-item {
2067 font-family: "dashicons";
2068 width: 40px;
2069 height: 40px;
2070 border: 1px solid #DDD;
2071 line-height: 2.5rem;
2072 font-size: 1rem;
2073 cursor: pointer;
2074 float: right;
2075 margin-right: 10px;
2076 text-align: center;
2077 color: #DDD;
2078 }
2079 .learn-press-advertisement-slider .slider-controls .next-item:hover,
2080 .learn-press-advertisement-slider .slider-controls .prev-item:hover {
2081 border-color: #0085ba;
2082 }
2083 .learn-press-advertisement-slider .slider-controls .next-item:hover:before,
2084 .learn-press-advertisement-slider .slider-controls .prev-item:hover:before {
2085 color: #0085ba;
2086 }
2087 .learn-press-advertisement-slider .slider-controls .next-item:before {
2088 content: "\f345";
2089 }
2090 .learn-press-advertisement-slider .slider-controls .prev-item:before {
2091 content: "\f341";
2092 }
2093
2094 @media only screen and (max-width: 1200px) {
2095 .learn-press-advertisement-slider .slide-item .slide-thumbnail {
2096 width: 50%;
2097 }
2098 .learn-press-advertisement-slider .slide-item .slide-detail {
2099 margin-right: 50%;
2100 }
2101 .learn-press-advertisement-slider .slide-item .slide-detail .description-short {
2102 display: block;
2103 }
2104 .learn-press-advertisement-slider .slide-item .slide-detail .description-full {
2105 display: none;
2106 }
2107 }
2108 @media only screen and (max-width: 960px) {
2109 .learn-press-advertisement-slider {
2110 margin-right: 56px;
2111 }
2112 .learn-press-advertisement-slider .slide-item .slide-thumbnail {
2113 width: 100%;
2114 float: none;
2115 }
2116 .learn-press-advertisement-slider .slide-item .slide-thumbnail img {
2117 width: 100%;
2118 }
2119 .learn-press-advertisement-slider .slide-item .slide-detail {
2120 margin-right: 0;
2121 padding-right: 0;
2122 }
2123 .learn-press-advertisement-slider .slide-item .slide-detail h2 {
2124 padding-top: 20px;
2125 }
2126 .learn-press-advertisement-slider .slide-item .slide-detail .description-short {
2127 display: block;
2128 }
2129 .learn-press-advertisement-slider .slide-item .slide-detail .description-full {
2130 display: none;
2131 }
2132 .learn-press-advertisement-slider .slide-item .slide-detail .slide-controls {
2133 margin-bottom: 0;
2134 }
2135 .learn-press-advertisement-slider .slide-item .slide-detail .slide-controls .button {
2136 margin-bottom: 0;
2137 }
2138 .wp-responsive-open .learn-press-advertisement-slider {
2139 margin-right: 56px;
2140 }
2141 .wp-responsive-open .learn-press-advertisement-slider .slide-item .slide-thumbnail {
2142 width: 100%;
2143 float: none;
2144 }
2145 .wp-responsive-open .learn-press-advertisement-slider .slide-item .slide-thumbnail img {
2146 width: 100%;
2147 }
2148 .wp-responsive-open .learn-press-advertisement-slider .slide-item .slide-detail {
2149 margin-right: 0;
2150 padding-right: 0;
2151 }
2152 .wp-responsive-open .learn-press-advertisement-slider .slide-item .slide-detail h2 {
2153 padding-top: 20px;
2154 }
2155 .wp-responsive-open .learn-press-advertisement-slider .slide-item .slide-detail .description-short {
2156 display: block;
2157 }
2158 .wp-responsive-open .learn-press-advertisement-slider .slide-item .slide-detail .description-full {
2159 display: none;
2160 }
2161 .wp-responsive-open .learn-press-advertisement-slider .slide-item .slide-detail .slide-controls {
2162 margin-bottom: 0;
2163 }
2164 .wp-responsive-open .learn-press-advertisement-slider .slide-item .slide-detail .slide-controls .button {
2165 margin-bottom: 0;
2166 }
2167 }
2168 .lp-admin-tabs {
2169 position: relative;
2170 margin-top: 20px;
2171 }
2172 .lp-admin-tabs.has-sections {
2173 display: flex;
2174 }
2175 .lp-admin-tabs .lp-admin-tab-navs {
2176 display: none;
2177 float: right;
2178 position: relative;
2179 z-index: 5;
2180 width: 250px;
2181 margin: 0 0 0 -250px;
2182 padding: 10px 0;
2183 -webkit-box-sizing: border-box;
2184 box-sizing: border-box;
2185 }
2186 .lp-admin-tabs .lp-admin-tab-navs .nav-section {
2187 margin: 0;
2188 }
2189 .lp-admin-tabs .lp-admin-tab-navs .nav-section > a,
2190 .lp-admin-tabs .lp-admin-tab-navs .nav-section > span {
2191 display: block;
2192 padding: 8px 20px;
2193 outline: none;
2194 box-shadow: none;
2195 text-decoration: none;
2196 text-transform: capitalize;
2197 }
2198 .lp-admin-tabs .lp-admin-tab-navs .nav-section .learn-press-tooltip {
2199 float: left;
2200 margin-left: 0;
2201 }
2202 .lp-admin-tabs .lp-admin-tab-navs .nav-section.nav-section-active, .lp-admin-tabs .lp-admin-tab-navs .nav-section:hover {
2203 border-right: 2px solid #563d7c;
2204 color: #563d7c;
2205 }
2206 .lp-admin-tabs .lp-admin-tab-navs .nav-section.nav-section-active > a,
2207 .lp-admin-tabs .lp-admin-tab-navs .nav-section.nav-section-active > span, .lp-admin-tabs .lp-admin-tab-navs .nav-section:hover > a,
2208 .lp-admin-tabs .lp-admin-tab-navs .nav-section:hover > span {
2209 padding-right: 18px;
2210 }
2211 .lp-admin-tabs.has-sections .lp-admin-tab-navs {
2212 display: block;
2213 }
2214 .lp-admin-tabs.has-sections .lp-admin-tab-content {
2215 float: right;
2216 position: relative;
2217 z-index: 0;
2218 width: 100%;
2219 padding-right: 271px !important;
2220 -webkit-box-sizing: border-box;
2221 box-sizing: border-box;
2222 }
2223 .lp-admin-tabs.has-sections::before {
2224 position: absolute;
2225 z-index: 10;
2226 top: 0;
2227 bottom: 0;
2228 right: 250px;
2229 border-right: 1px solid #ddd;
2230 content: "";
2231 }
2232 .lp-admin-tabs::after {
2233 display: block;
2234 clear: both;
2235 content: "";
2236 z-index: 10;
2237 }
2238
2239 .wrap.learn-press-settings .lp-admin-tab-content {
2240 padding: 18px;
2241 background: #fff;
2242 }
2243 .wrap.learn-press-settings .lp-admin-tab-content .subsubsub {
2244 float: none;
2245 margin: 0 0 20px 0;
2246 padding-bottom: 20px;
2247 border-bottom: 1px solid #ddd;
2248 }
2249 .wrap.learn-press-settings .lp-admin-tab-content .subsubsub .active {
2250 font-weight: bold;
2251 }
2252 .wrap.learn-press-settings .lp-admin-tab-content .subsubsub li {
2253 text-transform: capitalize;
2254 }
2255 .wrap.learn-press-settings .lp-admin-tab-content .subsubsub li::after {
2256 display: inline-block;
2257 padding: 0 10px;
2258 content: "|";
2259 }
2260 .wrap.learn-press-settings .lp-admin-tab-content .subsubsub li:last-child::after {
2261 content: "";
2262 }
2263 .wrap.learn-press-settings .lp-admin-tab-content h2 {
2264 border-bottom: 1px solid #ddd;
2265 padding-bottom: 10px;
2266 }
2267 .wrap #learn-press-uninstall-sample-data {
2268 float: left;
2269 opacity: 0.5;
2270 }
2271 .wrap #learn-press-uninstall-sample-data:hover {
2272 opacity: 1;
2273 }
2274
2275 #adminmenu .wp-menu-image img {
2276 width: 17px;
2277 }
2278 #adminmenu .wp-submenu li.lp-menu-divider {
2279 height: 0;
2280 margin: 8px 0;
2281 border-top: 1px solid rgba(240, 246, 252, 0.15);
2282 }
2283 #adminmenu .wp-submenu li.lp-menu-divider a {
2284 height: 0;
2285 margin: 0;
2286 padding: 0;
2287 pointer-events: none;
2288 overflow: hidden;
2289 text-indent: -9999px;
2290 }
2291
2292 .learnpress .rwmb-field {
2293 position: relative;
2294 margin-bottom: 20px;
2295 }
2296 .learnpress .rwmb-field .rwmb-label {
2297 display: block;
2298 float: right;
2299 width: 190px;
2300 margin-bottom: 5px;
2301 font-size: 0.875rem;
2302 _text-transform: capitalize;
2303 }
2304 .learnpress .rwmb-field .rwmb-label label > small {
2305 display: block;
2306 color: #999;
2307 font-weight: normal;
2308 font-style: italic;
2309 }
2310 .learnpress .rwmb-field .rwmb-input {
2311 float: none;
2312 width: auto;
2313 margin-right: 190px;
2314 }
2315 .learnpress .rwmb-field .rwmb-input input[type=checkbox],
2316 .learnpress .rwmb-field .rwmb-input input[type=radio] {
2317 margin: 1px 0 0 5px;
2318 }
2319 .learnpress .rwmb-field .rwmb-input label > input[type=checkbox],
2320 .learnpress .rwmb-field .rwmb-input label > input[type=radio] {
2321 margin-top: -1px;
2322 }
2323 .learnpress .rwmb-field .description {
2324 margin-top: 8px;
2325 color: #888;
2326 }
2327 .learnpress .rwmb-field .description code {
2328 padding: 3px 0 3px 3px;
2329 }
2330 .learnpress .rwmb-field .description.err {
2331 color: #f00;
2332 }
2333 .learnpress .rwmb-field .rwmb-input-list {
2334 margin-right: 0;
2335 }
2336 .learnpress .rwmb-field #course_evaluation_method_quiz_options {
2337 position: relative;
2338 margin-right: 25px;
2339 }
2340 .learnpress .rwmb-field #course_evaluation_method_quiz_options::after {
2341 position: absolute;
2342 z-index: 10;
2343 top: 0;
2344 left: 0;
2345 bottom: 0;
2346 right: 0;
2347 opacity: 0.5;
2348 background: #fff;
2349 content: "";
2350 }
2351 .learnpress .rwmb-field input[name=_lp_course_result]:checked ~ #course_evaluation_method_quiz_options::after {
2352 display: none;
2353 }
2354 .learnpress .rwmb-field.rwmb-heading-wrapper h4 {
2355 display: inline-block;
2356 margin: 0 0 5px 0;
2357 padding: 0 0 0;
2358 border-bottom: 2px solid #563d7c;
2359 font-size: 1rem;
2360 text-transform: initial;
2361 }
2362 .learnpress .rwmb-field.disabled .field-overlay {
2363 position: absolute;
2364 z-index: 10;
2365 top: 0;
2366 right: 0;
2367 width: 100%;
2368 height: 100%;
2369 opacity: 0.6;
2370 background: #fff;
2371 content: "";
2372 }
2373 .learnpress .rwmb-field.rwmb-text-wrapper .rwmb-text {
2374 width: 50%;
2375 min-width: 200px;
2376 }
2377 .learnpress .rwmb-field.rwmb-duration-wrapper .rwmb-input select,
2378 .learnpress .rwmb-field.rwmb-duration-wrapper .rwmb-input input {
2379 vertical-align: top;
2380 }
2381 .learnpress .lp-course-sale_start-field.hide,
2382 .learnpress .lp-course-sale_end-field.hide {
2383 display: none;
2384 }
2385 .learnpress.lp-submenu-settings .lp-admin-settings-buttons {
2386 margin-bottom: 0;
2387 padding-top: 20px;
2388 border-top: 1px solid #ddd;
2389 }
2390 .learnpress.lp-submenu-settings .lp-admin-settings-buttons #learn-press-reset-settings {
2391 float: left;
2392 }
2393 .learnpress.lp-submenu-settings .rwmb-input {
2394 float: none;
2395 width: auto;
2396 margin-right: 270px;
2397 color: #000;
2398 }
2399 .learnpress .rwmb-google-fonts-wrapper .rwmb-input label {
2400 display: block;
2401 margin-bottom: 5px;
2402 font-weight: bold;
2403 }
2404 .learnpress .rwmb-google-fonts-wrapper .rwmb-input input {
2405 width: 90%;
2406 }
2407 .learnpress #learn-press-toggle-course-results {
2408 display: block;
2409 }
2410 .learnpress .lp-item-assigned {
2411 font-size: 0.875rem;
2412 }
2413 .learnpress .lp-item-assigned a {
2414 text-decoration: none;
2415 }
2416 .learnpress .lp-item-assigned ul {
2417 margin-bottom: 0;
2418 }
2419 .learnpress .lp-item-assigned ul ul strong {
2420 font-weight: normal;
2421 }
2422 .learnpress .lp-item-assigned li {
2423 margin: 0;
2424 }
2425 .learnpress .lp-item-assigned li a {
2426 display: inline-block;
2427 margin-bottom: 10px;
2428 }
2429
2430 @media screen and (max-width: 1280px) {
2431 .learnpress #meta-box-tab-course_settings .rwmb-field .rwmb-label {
2432 float: none;
2433 width: auto;
2434 }
2435 .learnpress #meta-box-tab-course_settings .rwmb-field .rwmb-input {
2436 float: right;
2437 width: 100%;
2438 margin-right: 0;
2439 }
2440 }
2441 .lp-metabox__table .titledesc label > small {
2442 display: block;
2443 color: #999;
2444 font-weight: normal;
2445 font-style: italic;
2446 }
2447 .lp-metabox__table .forminp-text > input,
2448 .lp-metabox__table .forminp-email > input,
2449 .lp-metabox__table .forminp-password > input,
2450 .lp-metabox__table .forminp-url > input {
2451 min-width: 260px;
2452 }
2453 .lp-metabox__table .forminp-textarea textarea {
2454 width: 400px;
2455 }
2456
2457 .lp-option-disabled {
2458 pointer-events: none;
2459 opacity: 0.5;
2460 }
2461
2462 .lp-metabox__custom-fields table {
2463 width: 100%;
2464 max-width: max-content;
2465 padding: 0 !important;
2466 }
2467 .lp-metabox__custom-fields table th {
2468 padding: 7px 7px 7px 0 !important;
2469 }
2470 .lp-metabox__custom-fields table th.sort {
2471 width: 17px;
2472 padding: 7px !important;
2473 }
2474 .lp-metabox__custom-fields table td {
2475 position: relative;
2476 padding: 4px 7px 4px 0 !important;
2477 vertical-align: middle !important;
2478 }
2479 .lp-metabox__custom-fields table td.sort {
2480 width: 17px;
2481 padding-left: 7px !important;
2482 background: #f9f9f9;
2483 font-size: 0.9375rem;
2484 text-align: center;
2485 cursor: move;
2486 }
2487 .lp-metabox__custom-fields table td.sort::before {
2488 height: 100%;
2489 color: #999;
2490 font-family: Dashicons;
2491 text-align: center;
2492 content: "\f333";
2493 }
2494 .lp-metabox__custom-fields table td .delete {
2495 display: block;
2496 position: relative;
2497 width: 1em;
2498 height: 1em;
2499 font-size: 1.2em;
2500 text-indent: -9999px;
2501 }
2502 .lp-metabox__custom-fields table td .delete::before {
2503 position: absolute;
2504 top: 0;
2505 right: 0;
2506 width: 100%;
2507 height: 100%;
2508 margin: 0;
2509 color: #999;
2510 font-family: Dashicons;
2511 font-weight: 400;
2512 font-variant: normal;
2513 line-height: 1;
2514 text-align: center;
2515 text-indent: 0;
2516 text-transform: none;
2517 content: "\f153";
2518 speak: none;
2519 -webkit-font-smoothing: antialiased;
2520 }
2521 .lp-metabox__custom-fields table td .delete:hover::before {
2522 color: #a00;
2523 }
2524 .lp-metabox__custom-fields table td:last-child {
2525 padding-left: 7px !important;
2526 }
2527
2528 .lp-metabox-field__color {
2529 font-size: 0 !important;
2530 }
2531 .lp-metabox-field__color .colorpickpreview {
2532 display: inline-block;
2533 width: 30px;
2534 height: 30px;
2535 margin: 0;
2536 margin-left: 3px;
2537 padding: 0;
2538 border: 1px solid #ddd;
2539 border-radius: 4px;
2540 box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
2541 font-size: 1rem;
2542 line-height: 1.75rem;
2543 }
2544 .lp-metabox-field__color .iris-picker {
2545 display: none;
2546 position: absolute;
2547 z-index: 100;
2548 border: 1px solid #ccc;
2549 border-radius: 3px;
2550 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
2551 }
2552
2553 .lp-metabox-field__image-advanced-upload {
2554 padding-top: 10px;
2555 }
2556 .lp-metabox-field__image-advanced-images {
2557 clear: both;
2558 margin: 0;
2559 padding: 0;
2560 }
2561 .lp-metabox-field__image-advanced-images > li {
2562 float: right;
2563 position: relative;
2564 box-sizing: border-box;
2565 width: 80px;
2566 margin: 9px 0 0 9px;
2567 border: 1px solid #d5d5d5;
2568 border-radius: 2px;
2569 background: #f7f7f7;
2570 cursor: move;
2571 }
2572 .lp-metabox-field__image-advanced-images > li img {
2573 display: block;
2574 width: 100%;
2575 height: auto;
2576 }
2577 .lp-metabox-field__image-advanced-images > li ul.actions {
2578 position: absolute;
2579 top: -8px;
2580 left: -8px;
2581 padding: 2px;
2582 }
2583 .lp-metabox-field__image-advanced-images > li ul.actions li {
2584 float: left;
2585 margin: 0 2px 0 0;
2586 }
2587 .lp-metabox-field__image-advanced-images > li ul.actions li a.delete {
2588 display: block;
2589 position: relative;
2590 width: 1em;
2591 height: 1em;
2592 font-size: 1.4em;
2593 text-indent: -9999px;
2594 }
2595 .lp-metabox-field__image-advanced-images > li ul.actions li a.delete::before {
2596 position: absolute;
2597 top: 0;
2598 right: 0;
2599 width: 1em;
2600 height: 1em;
2601 margin: 0;
2602 border-radius: 50%;
2603 color: #999;
2604 background: #fff;
2605 font-family: Dashicons;
2606 font-weight: 400;
2607 font-variant: normal;
2608 line-height: 1;
2609 text-align: center;
2610 text-indent: 0;
2611 text-transform: none;
2612 content: "\f153";
2613 speak: none;
2614 -webkit-font-smoothing: antialiased;
2615 }
2616 .lp-metabox-field__image-advanced-images > li ul.actions::before {
2617 display: table;
2618 content: " ";
2619 }
2620 .lp-metabox-field__image-advanced-images > li:hover ul.actions {
2621 display: block;
2622 }
2623 .lp-metabox-field__image-advanced-images > li.lp-metabox-sortable-placeholder {
2624 position: relative;
2625 border: 3px dashed #ddd;
2626 }
2627 .lp-metabox-field__image-advanced-images > li.lp-metabox-sortable-placeholder::after {
2628 position: absolute;
2629 top: 0;
2630 right: 0;
2631 width: 100%;
2632 height: 100%;
2633 margin: 0;
2634 color: #ddd;
2635 font-family: Dashicons;
2636 font-size: 2.618em;
2637 font-weight: normal;
2638 font-variant: normal;
2639 line-height: 4.5rem;
2640 text-align: center;
2641 text-indent: 0;
2642 text-transform: none;
2643 content: "\f161";
2644 speak: none;
2645 -webkit-font-smoothing: antialiased;
2646 }
2647 .lp-metabox-field__image-advanced-images::before {
2648 display: table;
2649 content: " ";
2650 }
2651 .lp-metabox-field__image-advanced-images::after {
2652 display: table;
2653 clear: both;
2654 content: " ";
2655 }
2656
2657 .lp-metabox-field__image--inner {
2658 position: relative;
2659 box-sizing: border-box;
2660 width: 120px;
2661 border: 1px solid #d5d5d5;
2662 border-radius: 2px;
2663 background: #f7f7f7;
2664 }
2665 .lp-metabox-field__image--inner img {
2666 display: block;
2667 width: 100%;
2668 height: auto;
2669 }
2670 .lp-metabox-field__image--upload {
2671 padding-top: 10px;
2672 }
2673
2674 .lp-meta-box__inner {
2675 display: block;
2676 position: relative;
2677 }
2678 .lp-meta-box__inner .form-field:not(fieldset) {
2679 display: flex;
2680 flex-direction: row;
2681 position: relative;
2682 margin: 0;
2683 padding: 15px 0;
2684 flex-wrap: wrap;
2685 }
2686 .lp-meta-box__inner .form-field:not(fieldset) label {
2687 width: 180px;
2688 min-width: 180px;
2689 max-width: 180px;
2690 padding: 0;
2691 color: #23282d;
2692 font-size: 0.875rem;
2693 font-weight: 600;
2694 flex: 0 0 auto;
2695 }
2696 .lp-meta-box__inner .form-field:not(fieldset) .checkbox {
2697 margin: 2px 0 !important;
2698 vertical-align: middle;
2699 }
2700 .lp-meta-box__inner .form-field:not(fieldset) .description {
2701 flex: 1;
2702 display: inline;
2703 clear: none;
2704 margin: 0 7px 0 0;
2705 padding: 0;
2706 font-size: 0.875rem;
2707 }
2708 .lp-meta-box__inner fieldset.form-field {
2709 display: grid;
2710 grid-template-columns: 180px 1fr;
2711 position: relative;
2712 margin: 0;
2713 padding: 15px 0;
2714 }
2715 .lp-meta-box__inner fieldset.form-field h4 {
2716 width: 180px;
2717 min-width: 180px;
2718 max-width: 180px;
2719 margin: 0;
2720 padding: 0;
2721 color: #23282d;
2722 font-size: 0.875rem;
2723 font-weight: 600;
2724 flex: 0 0 auto;
2725 }
2726 .lp-meta-box__inner fieldset.form-field ul {
2727 margin: 0;
2728 font-size: 0.875rem;
2729 }
2730 .lp-meta-box__inner fieldset.form-field .description {
2731 grid-column-start: 2;
2732 margin-top: 10px;
2733 }
2734 .lp-meta-box__duration-select {
2735 width: auto !important;
2736 }
2737 .lp-meta-box__duration input[type=number] {
2738 width: 80px !important;
2739 }
2740 .lp-meta-box__duration .description {
2741 flex-basis: 100% !important;
2742 width: 100%;
2743 margin-top: 8px !important;
2744 margin-right: 180px !important;
2745 }
2746 .lp-meta-box__wp-editor {
2747 display: block;
2748 }
2749 .lp-meta-box__wp-editor .description {
2750 flex-basis: 100% !important;
2751 width: 100%;
2752 margin-top: 8px !important;
2753 margin-right: 180px !important;
2754 color: #666;
2755 }
2756 .lp-meta-box__wp-editor__textarea {
2757 border: none !important;
2758 }
2759 .lp-meta-box select {
2760 width: auto !important;
2761 }
2762 .lp-meta-box select ~ .description {
2763 flex-basis: 100% !important;
2764 width: 100%;
2765 margin-top: 8px !important;
2766 margin-right: 180px !important;
2767 color: #666;
2768 }
2769 .lp-meta-box input[type=number],
2770 .lp-meta-box input[type=email],
2771 .lp-meta-box input[type=text],
2772 .lp-meta-box input[type=password],
2773 .lp-meta-box textarea:not(.lp-meta-box__wp-editor__textarea) {
2774 width: 50%;
2775 }
2776 .lp-meta-box input[type=number] + .description,
2777 .lp-meta-box input[type=email] + .description,
2778 .lp-meta-box input[type=text] + .description,
2779 .lp-meta-box input[type=password] + .description,
2780 .lp-meta-box textarea:not(.lp-meta-box__wp-editor__textarea) + .description {
2781 flex-basis: 100% !important;
2782 width: 100%;
2783 margin-top: 8px !important;
2784 margin-right: 180px !important;
2785 color: #666;
2786 }
2787 .lp-meta-box input[type=checkbox] {
2788 margin-top: 2px;
2789 }
2790 .lp-meta-box .short {
2791 width: 50%;
2792 }
2793 .lp-meta-box textarea:not(.lp-meta-box__wp-editor__textarea) {
2794 height: 4.6rem;
2795 line-height: 1.5em;
2796 vertical-align: top;
2797 }
2798 .lp-meta-box .learn-press-tip.ready {
2799 display: inline-flex;
2800 align-items: center;
2801 margin-right: 8px;
2802 }
2803
2804 #course-settings .inside {
2805 margin: 0 !important;
2806 padding: 0 !important;
2807 }
2808 #course-settings .lp-meta-box__course-tab {
2809 display: grid;
2810 grid-template-columns: 20% 80%;
2811 }
2812 #course-settings .lp-meta-box__course-tab__tabs {
2813 position: relative;
2814 box-sizing: border-box;
2815 margin: 0;
2816 padding: 0 0 10px;
2817 border-left: 1px solid #eee;
2818 background-color: #fafafa;
2819 }
2820 #course-settings .lp-meta-box__course-tab__tabs li {
2821 display: block;
2822 position: relative;
2823 margin: 0;
2824 padding: 0;
2825 }
2826 #course-settings .lp-meta-box__course-tab__tabs li a {
2827 display: flex;
2828 align-items: center;
2829 margin: 0;
2830 padding: 10px;
2831 border-bottom: 1px solid #eee;
2832 box-shadow: none;
2833 text-decoration: none;
2834 }
2835 #course-settings .lp-meta-box__course-tab__tabs li a i {
2836 margin-left: 5px;
2837 font-weight: 400;
2838 font-style: normal;
2839 font-variant: normal;
2840 text-decoration: none;
2841 text-transform: none;
2842 }
2843 #course-settings .lp-meta-box__course-tab__tabs li a i[class^=dashicon] {
2844 font-family: "Dashicons";
2845 }
2846 #course-settings .lp-meta-box__course-tab__tabs li.active a {
2847 position: relative;
2848 color: #555;
2849 background-color: #eee;
2850 }
2851 @media (max-width: 767px) {
2852 #course-settings .lp-meta-box__course-tab__tabs {
2853 display: flex;
2854 overflow: hidden;
2855 overflow-x: auto;
2856 flex-direction: row;
2857 margin: 0;
2858 margin-bottom: 30px;
2859 padding: 0;
2860 border-bottom: 1px solid #e5e5e5;
2861 text-align: center;
2862 white-space: nowrap;
2863 list-style: none;
2864 align-items: center;
2865 flex-wrap: nowrap;
2866 }
2867 #course-settings .lp-meta-box__course-tab__tabs li {
2868 min-width: 25%;
2869 margin-left: 20px;
2870 }
2871 }
2872 #course-settings .lp-meta-box__course-tab__content > div {
2873 padding: 20px;
2874 }
2875 @media (max-width: 767px) {
2876 #course-settings .lp-meta-box__course-tab {
2877 grid-template-columns: auto;
2878 }
2879 }
2880
2881 #price_course_data ._lp_sale_price_field,
2882 #price_course_data ._lp_price_field {
2883 position: relative;
2884 }
2885 #price_course_data ._lp_sale_price_field .learn-press-tip-floating,
2886 #price_course_data ._lp_price_field .learn-press-tip-floating {
2887 top: 54px;
2888 right: 92px;
2889 opacity: 0.8;
2890 background: #a00;
2891 }
2892 #price_course_data ._lp_sale_price_field .learn-press-tip-floating::before,
2893 #price_course_data ._lp_price_field .learn-press-tip-floating::before {
2894 top: -7px;
2895 border: 7px solid transparent;
2896 border-top-width: 0;
2897 border-bottom-color: #a00;
2898 }
2899
2900 .lp_course_extra_meta_box__content {
2901 flex: 1;
2902 }
2903 .lp_course_extra_meta_box__fields {
2904 margin-bottom: 10px;
2905 }
2906 .lp_course_extra_meta_box__field {
2907 position: relative;
2908 max-width: 600px;
2909 margin-bottom: 10px;
2910 }
2911 .lp_course_extra_meta_box__field .sort {
2912 display: flex;
2913 position: absolute;
2914 top: 0;
2915 right: 0;
2916 width: 40px;
2917 height: 100%;
2918 color: #666;
2919 text-decoration: none;
2920 cursor: grab;
2921 align-items: center;
2922 justify-content: center;
2923 }
2924 .lp_course_extra_meta_box__field .sort::after {
2925 font-family: Dashicons;
2926 font-size: 1.25rem;
2927 line-height: 1;
2928 content: "\f333";
2929 }
2930 .lp_course_extra_meta_box__field .delete {
2931 display: flex;
2932 position: absolute;
2933 top: 0;
2934 left: 0;
2935 width: 40px;
2936 height: 100%;
2937 color: #666;
2938 text-decoration: none;
2939 align-items: center;
2940 justify-content: center;
2941 }
2942 .lp_course_extra_meta_box__field .delete::after {
2943 font-family: Dashicons;
2944 font-size: 1.25rem;
2945 line-height: 1;
2946 content: "\f335";
2947 }
2948 .lp_course_extra_meta_box__input {
2949 width: 100% !important;
2950 padding-left: 40px !important;
2951 padding-right: 40px !important;
2952 }
2953
2954 .lp_repeater_meta_box__wrapper {
2955 flex: 1 !important;
2956 }
2957 .lp_repeater_meta_box__fields {
2958 position: relative;
2959 margin-bottom: 10px;
2960 }
2961 .lp_repeater_meta_box__field {
2962 display: grid;
2963 position: relative;
2964 margin-bottom: 10px;
2965 border: 1px solid #c5c5c5;
2966 border-radius: 2px;
2967 }
2968 .lp_repeater_meta_box__field_active .lp_repeater_meta_box__content {
2969 display: block;
2970 }
2971 .lp_repeater_meta_box__field_active .lp_repeater_meta_box__title__toggle::after {
2972 transform: rotate(-180deg);
2973 }
2974 .lp_repeater_meta_box__title {
2975 display: grid;
2976 grid-template-columns: 44px 1fr 40px 40px;
2977 align-items: center;
2978 position: relative;
2979 background-color: #eee;
2980 }
2981 .lp_repeater_meta_box__title__title {
2982 flex: 1;
2983 padding: 14px 0;
2984 }
2985 .lp_repeater_meta_box__title__sort {
2986 display: flex;
2987 height: 100%;
2988 color: #666;
2989 text-decoration: none;
2990 cursor: grab;
2991 align-items: center;
2992 justify-content: center;
2993 }
2994 .lp_repeater_meta_box__title__sort::after {
2995 font-family: Dashicons;
2996 font-size: 1.25rem;
2997 line-height: 1;
2998 content: "\f333";
2999 }
3000 .lp_repeater_meta_box__title__delete {
3001 display: flex;
3002 height: 100%;
3003 color: #666;
3004 text-decoration: none;
3005 align-items: center;
3006 justify-content: center;
3007 }
3008 .lp_repeater_meta_box__title__delete::after {
3009 font-family: Dashicons;
3010 font-size: 1.25rem;
3011 line-height: 1;
3012 content: "\f335";
3013 }
3014 .lp_repeater_meta_box__title__toggle {
3015 display: flex;
3016 height: 100%;
3017 color: #666;
3018 text-decoration: none;
3019 align-items: center;
3020 justify-content: center;
3021 }
3022 .lp_repeater_meta_box__title__toggle::after {
3023 font-family: Dashicons;
3024 font-size: 1.25rem;
3025 line-height: 1;
3026 content: "\f347";
3027 }
3028 .lp_repeater_meta_box__content {
3029 display: none;
3030 padding: 14px 20px;
3031 }
3032 .lp_repeater_meta_box__content > label {
3033 display: grid;
3034 width: 100% !important;
3035 min-width: 100% !important;
3036 max-width: 100% !important;
3037 margin-bottom: 20px;
3038 grid-template-rows: auto 1fr;
3039 }
3040 .lp_repeater_meta_box__content > label:last-child {
3041 margin-bottom: 0;
3042 }
3043 .lp_repeater_meta_box__content > label span {
3044 margin-bottom: 5px;
3045 }
3046 .lp_repeater_meta_box__content > label textarea,
3047 .lp_repeater_meta_box__content > label input {
3048 width: 100% !important;
3049 }
3050
3051 .lp_course_faq_meta_box__content {
3052 flex: 1;
3053 }
3054 .lp_course_faq_meta_box__fields {
3055 position: relative;
3056 margin-bottom: 10px;
3057 }
3058 .lp_course_faq_meta_box__field {
3059 display: grid;
3060 position: relative;
3061 margin-bottom: 10px;
3062 padding: 20px;
3063 border: 1px solid #c5c5c5;
3064 border-radius: 4px;
3065 grid-row-gap: 10px;
3066 }
3067 .lp_course_faq_meta_box__field label {
3068 display: grid;
3069 width: 100% !important;
3070 min-width: 100% !important;
3071 max-width: 100% !important;
3072 grid-template-rows: auto 1fr;
3073 }
3074 .lp_course_faq_meta_box__field label span {
3075 margin-bottom: 5px;
3076 }
3077 .lp_course_faq_meta_box__field label textarea,
3078 .lp_course_faq_meta_box__field label input {
3079 width: 100% !important;
3080 }
3081 .lp_course_faq_meta_box__field a.delete {
3082 display: flex;
3083 position: absolute;
3084 top: 15px;
3085 left: 50px;
3086 width: 30px;
3087 height: 30px;
3088 color: #666;
3089 text-decoration: none;
3090 align-items: center;
3091 justify-content: center;
3092 }
3093 .lp_course_faq_meta_box__field a.delete::after {
3094 font-family: Dashicons;
3095 font-size: 1.25rem;
3096 line-height: 1;
3097 content: "\f335";
3098 }
3099 .lp_course_faq_meta_box__field .sort {
3100 display: flex;
3101 position: absolute;
3102 top: 15px;
3103 left: 20px;
3104 width: 30px;
3105 height: 30px;
3106 color: #666;
3107 text-decoration: none;
3108 align-items: center;
3109 justify-content: center;
3110 cursor: grab;
3111 }
3112 .lp_course_faq_meta_box__field .sort::after {
3113 font-family: Dashicons;
3114 font-size: 1.25rem;
3115 line-height: 1;
3116 content: "\f333";
3117 }
3118
3119 input[name=_lp_course_result]:checked ~ #passing-condition-quiz-result {
3120 display: block;
3121 }
3122
3123 #passing-condition-quiz-result {
3124 display: none;
3125 }
3126 #passing-condition-quiz-result input {
3127 width: 80px !important;
3128 margin-top: 5px !important;
3129 }
3130 #passing-condition-quiz-result p {
3131 padding: 10px 16px;
3132 background-color: #eee;
3133 font-size: 0.875rem;
3134 }
3135
3136 .lp-meta-box__file_list {
3137 display: inline-block;
3138 clear: both;
3139 margin: 0;
3140 padding: 0;
3141 }
3142 .lp-meta-box__file_list > li {
3143 display: flex;
3144 flex-flow: column nowrap;
3145 float: right;
3146 position: relative;
3147 box-sizing: border-box;
3148 width: 80px;
3149 height: 80px;
3150 margin: 9px 0 0 9px;
3151 border: 1px solid #d5d5d5;
3152 border-radius: 2px;
3153 background: #f7f7f7;
3154 cursor: move;
3155 align-items: center;
3156 justify-content: center;
3157 }
3158 .lp-meta-box__file_list > li img {
3159 display: block;
3160 width: 100%;
3161 height: auto;
3162 }
3163 .lp-meta-box__file_list > li img.is_file {
3164 width: 30px;
3165 }
3166 .lp-meta-box__file_list > li img.is_file ~ span {
3167 margin-top: 5px;
3168 font-size: 0.75rem;
3169 }
3170 .lp-meta-box__file_list > li.lp-metabox-sortable-placeholder {
3171 position: relative;
3172 border: 3px dashed #ddd;
3173 }
3174 .lp-meta-box__file_list > li.lp-metabox-sortable-placeholder::after {
3175 position: absolute;
3176 top: 0;
3177 right: 0;
3178 width: 100%;
3179 height: 100%;
3180 margin: 0;
3181 color: #ddd;
3182 font-family: Dashicons;
3183 font-size: 2.618em;
3184 font-weight: normal;
3185 font-variant: normal;
3186 line-height: 4.5rem;
3187 text-align: center;
3188 text-indent: 0;
3189 text-transform: none;
3190 content: "\f161";
3191 speak: none;
3192 -webkit-font-smoothing: antialiased;
3193 }
3194 .lp-meta-box__file_list > li ul.actions {
3195 position: absolute;
3196 top: -8px;
3197 left: -8px;
3198 padding: 2px;
3199 }
3200 .lp-meta-box__file_list > li ul.actions li {
3201 float: left;
3202 margin: 0 2px 0 0;
3203 }
3204 .lp-meta-box__file_list > li ul.actions li a.delete {
3205 display: block;
3206 position: relative;
3207 width: 1em;
3208 height: 1em;
3209 font-size: 1.4em;
3210 text-indent: -9999px;
3211 }
3212 .lp-meta-box__file_list > li ul.actions li a.delete::before {
3213 position: absolute;
3214 top: 0;
3215 right: 0;
3216 width: 1em;
3217 height: 1em;
3218 margin: 0;
3219 border-radius: 50%;
3220 color: #999;
3221 background: #fff;
3222 font-family: Dashicons;
3223 font-weight: 400;
3224 font-variant: normal;
3225 line-height: 1;
3226 text-align: center;
3227 text-indent: 0;
3228 text-transform: none;
3229 content: "\f153";
3230 speak: none;
3231 -webkit-font-smoothing: antialiased;
3232 }
3233 .lp-meta-box__file_list > li ul.actions::before {
3234 display: table;
3235 content: " ";
3236 }
3237 .lp-meta-box__file::before {
3238 display: table;
3239 content: " ";
3240 }
3241 .lp-meta-box__file::after {
3242 display: table;
3243 clear: both;
3244 content: " ";
3245 }
3246
3247 .lp-metabox-evaluate-final_quiz {
3248 display: block;
3249 }
3250 .lp-metabox-evaluate-final_quiz__message {
3251 display: inline-block;
3252 min-width: 50%;
3253 margin-top: 10px;
3254 padding: 8px 20px;
3255 border: 2px solid #36af27;
3256 border-radius: 4px;
3257 background: #f7f7f7;
3258 text-align: center;
3259 }
3260 .lp-metabox-evaluate-final_quiz__message-error {
3261 border-color: lightcoral;
3262 }
3263
3264 .lp_widget_autocomplete__loading {
3265 margin-top: 0 !important;
3266 padding: 7px 10px;
3267 border: 1px solid #949494;
3268 border-top: none !important;
3269 background: #eee;
3270 font-size: 13px !important;
3271 }
3272 .lp_widget_autocomplete__select {
3273 overflow: auto;
3274 right: 0;
3275 width: 100%;
3276 max-height: 148px;
3277 margin-top: -1px;
3278 background: #eee;
3279 font-size: 0.8125rem;
3280 }
3281 .lp_widget_autocomplete__item {
3282 overflow: hidden;
3283 padding: 7px 10px;
3284 border: 1px solid #949494;
3285 border-top: none;
3286 border-bottom-color: #afafaf;
3287 white-space: nowrap;
3288 text-overflow: ellipsis;
3289 cursor: pointer;
3290 }
3291 .lp_widget_autocomplete__item__selected, .lp_widget_autocomplete__item:hover {
3292 color: #fff;
3293 background-color: #007cba;
3294 }
3295
3296 .widget .select2-selection__rendered {
3297 font-size: 0.8125rem;
3298 }
3299
3300 .sortable-wrapper {
3301 margin: 1em 0;
3302 }
3303 .sortable-wrapper .sortable {
3304 margin: 0.5em 0;
3305 }
3306 .sortable-wrapper .sortable .dashicons-move {
3307 cursor: move;
3308 }
3309
3310 @keyframes spin {
3311 from {
3312 transform: rotate(0deg);
3313 }
3314 to {
3315 transform: rotate(-360deg);
3316 }
3317 }
3318 .sortable-wrapper > label {
3319 font-weight: 600;
3320 font-size: 14px;
3321 }
3322
3323 .sortable__item {
3324 display: flex;
3325 align-items: center;
3326 gap: 8px;
3327 margin-bottom: 8px;
3328 }
3329 .sortable__item:last-child {
3330 margin-bottom: 0;
3331 }
3332
3333 .widget-content p {
3334 margin-bottom: 8px;
3335 display: flex;
3336 align-items: center;
3337 flex-wrap: wrap;
3338 }
3339
3340 :root {
3341 --lp-addon-item-padding: 10px;
3342 --lp-border-radius: 3px;
3343 --lp-addon-item-border-color: #c3c4c7;
3344 }
3345
3346 /*@media screen and (min-width: 1600px) {
3347
3348 .plugin-card:not(.hide-if-js):nth-child(even) {
3349 margin-right: 8px;
3350 }
3351
3352 .plugin-card:not(.hide-if-js):nth-child(3n) {
3353 margin-right: 0;
3354 }
3355 }*/
3356 /*** Style Addons Manager ***/
3357 #lp-addons {
3358 display: grid;
3359 grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
3360 grid-gap: 20px;
3361 padding-left: 20px;
3362 /***** Toggle *****/
3363 /*.lp-toggle-switch {
3364 .lp-toggle-switch-label{
3365 height: 20px;
3366 align-items: center;
3367 margin-bottom: 0;
3368 background: #b4b9be;
3369 cursor: pointer;
3370 display: inline-flex;
3371 justify-content: space-between;
3372 position: relative;
3373 transition: left 0.15s ease-out;
3374 border-radius: 100px;
3375
3376 &:after {
3377 background: #FFFFFF;
3378 content: "";
3379 display: block;
3380 position: absolute;
3381 left: 4px;
3382 width: 12px;
3383 height: 12px;
3384 transition: all 0.25s ease-in-out;
3385 border-radius: 50%;
3386 }
3387
3388 &::before {
3389 left: 0;
3390 }
3391
3392 .toggle-on,
3393 .toggle-off {
3394 opacity: 1;
3395 padding-left: 6px;
3396 padding-right: 6px;
3397 font-size: 0.8em;
3398 line-height: 1.125em;
3399 }
3400
3401 .toggle-on {
3402 color: #fff;
3403 opacity: 0;
3404 padding-right: 0;
3405 width: 12px;
3406 }
3407
3408 .toggle-off {
3409 width: 12px;
3410 color: #777;
3411 padding-left: 0;
3412 }
3413 }
3414
3415 input.lp-toggle-switch-input{
3416 display: none;
3417
3418 &:checked{
3419 + label{
3420 background: #0073aa;
3421
3422 &:after {
3423 left: auto;
3424 right: 5px;
3425 background: #ffffff;
3426 }
3427 .toggle-on {
3428 opacity: 1;
3429 }
3430
3431 .toggle-off {
3432 opacity: 0;
3433 }
3434 }
3435 }
3436 }
3437
3438 .dashicons {
3439 animation: rotation 2s infinite linear;
3440 }
3441 }*/
3442 }
3443 #lp-addons a {
3444 text-decoration: none;
3445 }
3446 #lp-addons button {
3447 padding: 6.5px 17px;
3448 background: rgb(151, 71, 255);
3449 color: white;
3450 border-radius: 3px;
3451 border: none;
3452 cursor: pointer;
3453 }
3454 #lp-addons button.btn-addon-action[data-action=cancel] {
3455 position: absolute;
3456 left: 0;
3457 background: transparent;
3458 color: rgba(255, 0, 0, 0.89);
3459 top: 0;
3460 padding: 7px 10px;
3461 }
3462 #lp-addons button.btn-addon-action[data-action=update] {
3463 border-color: #3b82f6;
3464 color: #ffffff;
3465 background: #3b82f6;
3466 }
3467 #lp-addons button.btn-addon-action.loading:before {
3468 color: white;
3469 }
3470 #lp-addons [data-action=setting] {
3471 display: none;
3472 }
3473 #lp-addons .lp-addon-item {
3474 background: white;
3475 padding: var(--lp-addon-item-padding);
3476 border: 1px solid var(--lp-addon-item-border-color);
3477 border-radius: 3px;
3478 display: flex;
3479 flex-direction: column;
3480 justify-content: space-between;
3481 position: relative;
3482 }
3483 #lp-addons .lp-addon-item input {
3484 margin: 0 !important;
3485 }
3486 #lp-addons .lp-addon-item.hide, #lp-addons .lp-addon-item.search-not-found {
3487 display: none;
3488 }
3489 #lp-addons .lp-addon-item__content {
3490 text-align: center;
3491 min-height: 290px;
3492 }
3493 #lp-addons .lp-addon-item__content img {
3494 width: 50px;
3495 height: 50px;
3496 border-radius: 10px;
3497 }
3498 #lp-addons .lp-addon-item__content a {
3499 text-decoration: none;
3500 }
3501 #lp-addons .lp-addon-item__content p {
3502 display: -webkit-box;
3503 -webkit-box-orient: vertical;
3504 overflow: hidden;
3505 }
3506 #lp-addons .lp-addon-item__content p::before {
3507 content: none;
3508 }
3509 #lp-addons .lp-addon-item__actions {
3510 border-top: 1px solid var(--lp-addon-item-border-color);
3511 padding: 10px var(--lp-addon-item-padding) 0;
3512 margin: 0 calc(var(--lp-addon-item-padding) * -1);
3513 display: flex;
3514 align-items: center;
3515 overflow: auto;
3516 }
3517 #lp-addons .lp-addon-item__actions__left {
3518 flex: 3;
3519 display: flex;
3520 gap: 4px;
3521 align-items: center;
3522 }
3523 #lp-addons .lp-addon-item__actions__left button, #lp-addons .lp-addon-item__actions__left a {
3524 display: none;
3525 }
3526 #lp-addons .lp-addon-item__actions__right {
3527 display: flex;
3528 gap: 4px;
3529 }
3530 #lp-addons .lp-addon-item__actions__right button, #lp-addons .lp-addon-item__actions__right a {
3531 display: none;
3532 background: transparent;
3533 color: #2271b1;
3534 }
3535 #lp-addons .lp-addon-item__purchase {
3536 display: none;
3537 position: absolute;
3538 top: 0;
3539 bottom: 0;
3540 right: 0;
3541 left: 0;
3542 background: rgba(255, 255, 255, 0.6);
3543 text-transform: uppercase;
3544 }
3545 #lp-addons .lp-addon-item__purchase__wrapper > div {
3546 position: absolute;
3547 bottom: 20%;
3548 right: var(--lp-addon-item-padding);
3549 left: var(--lp-addon-item-padding);
3550 background: white;
3551 border: 1px solid var(--lp-addon-item-border-color);
3552 padding: var(--lp-addon-item-padding);
3553 border-radius: 3px;
3554 flex-direction: column;
3555 display: none;
3556 gap: 5px;
3557 box-shadow: 0 4px 25px 1px rgba(0, 0, 0, 0.25);
3558 }
3559 #lp-addons .lp-addon-item__purchase__wrapper > div input {
3560 width: 100%;
3561 }
3562 #lp-addons .lp-addon-item__purchase label {
3563 text-transform: capitalize;
3564 }
3565 #lp-addons .lp-addon-item.installed.activated button[data-action=setting], #lp-addons .lp-addon-item.installed.activated a[data-action=setting] {
3566 display: flex;
3567 }
3568 #lp-addons .lp-addon-item.installed.activated button[data-action=deactivate], #lp-addons .lp-addon-item.installed.activated a[data-action=deactivate] {
3569 display: flex;
3570 }
3571 #lp-addons .lp-addon-item.installed:not(.activated) button[data-action=activate], #lp-addons .lp-addon-item.installed:not(.activated) a[data-action=activate] {
3572 display: flex;
3573 }
3574 #lp-addons .lp-addon-item.installed.purchase button[data-action=update-purchase-code], #lp-addons .lp-addon-item.installed.purchase a[data-action=update-purchase-code] {
3575 display: inline-flex;
3576 align-items: center;
3577 height: 12px;
3578 }
3579 #lp-addons .lp-addon-item.installed.purchase button[data-action=update-purchase-code] span, #lp-addons .lp-addon-item.installed.purchase a[data-action=update-purchase-code] span {
3580 animation: none;
3581 display: inline;
3582 }
3583 #lp-addons .lp-addon-item.not_installed {
3584 /*.lp-addon-item {
3585 &__actions {
3586 &__right {
3587 display: none;
3588 }
3589 }
3590 }*/
3591 }
3592 #lp-addons .lp-addon-item.not_installed.purchase button[data-action=purchase], #lp-addons .lp-addon-item.not_installed.purchase a[data-action=purchase] {
3593 display: flex;
3594 }
3595 #lp-addons .lp-addon-item.not_installed.free button[data-action=install], #lp-addons .lp-addon-item.not_installed.free a[data-action=install] {
3596 display: flex;
3597 }
3598 #lp-addons .lp-addon-item.update:not(.expired) button[data-action=update] {
3599 display: flex;
3600 }
3601 #lp-addons .screen-reader-text:focus {
3602 clip-path: inset(50%);
3603 -webkit-clip-path: inset(50%);
3604 }
3605
3606 /*** Add-ons card redesign ***/
3607 #lp-addons {
3608 grid-template-columns: repeat(4, minmax(0, 1fr));
3609 gap: 24px;
3610 }
3611 #lp-addons .lp-addon-item {
3612 overflow: hidden;
3613 min-width: 0;
3614 min-height: 280px;
3615 padding: 20px;
3616 border: 1px solid #d1d5db;
3617 border-radius: 12px;
3618 background: #ffffff;
3619 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
3620 transition: border-color 0.2s ease, box-shadow 0.2s ease;
3621 /*&__actions__left,
3622 &__actions__right {
3623 display: flex;
3624 align-items: center;
3625 gap: $cb-spacing-sm;
3626 }*/
3627 /*&__actions__left {
3628 flex: 1;
3629 justify-content: flex-end;
3630 }*/
3631 /*&__actions__right {
3632 display: grid;
3633 grid-template-columns: max-content;
3634 }*/
3635 /*.lp-addon-button,*/
3636 /* .lp-addon-button {
3637 border-color: $cb-border-input;
3638 color: $cb-text-secondary;
3639 background: $cb-bg;
3640
3641 &:hover,
3642 &:focus {
3643 border-color: $cb-primary;
3644 color: $cb-primary;
3645 background: $cb-bg-hover;
3646 }
3647 }*/
3648 /* .lp-addon-button {
3649 display: none;
3650 align-items: center;
3651 }*/
3652 /*&.installed [data-action="setting"] {
3653 display: inline-flex;
3654 visibility: hidden;
3655 }*/
3656 /*&.installed.activated [data-action="setting"] {
3657 visibility: visible;
3658 }
3659
3660 &.installed .lp-addon-item__actions__right .btn-addon-action[data-action="activate"],
3661 &.installed .lp-addon-item__actions__right .btn-addon-action[data-action="deactivate"] {
3662 grid-area: 1 / 1;
3663 display: inline-flex;
3664 align-items: center;
3665 justify-content: center;
3666 visibility: hidden;
3667 }
3668
3669 &.installed:not(.activated) .lp-addon-item__actions__right .btn-addon-action[data-action="activate"],
3670 &.installed.activated .lp-addon-item__actions__right .btn-addon-action[data-action="deactivate"] {
3671 visibility: visible;
3672 }*/
3673 }
3674 #lp-addons .lp-addon-item:hover, #lp-addons .lp-addon-item:focus-within {
3675 border-color: #7067ED;
3676 box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
3677 }
3678 #lp-addons .lp-addon-item__content {
3679 min-height: 0;
3680 text-align: start;
3681 }
3682 #lp-addons .lp-addon-item__header {
3683 display: grid;
3684 grid-template-columns: 48px minmax(0, 1fr);
3685 gap: 12px;
3686 margin-bottom: 12px;
3687 }
3688 #lp-addons .lp-addon-item__heading {
3689 display: flex;
3690 align-items: flex-start;
3691 gap: 8px;
3692 min-width: 0;
3693 }
3694 #lp-addons .lp-addon-item__content #lp-addons .lp-addon-item__image {
3695 display: block;
3696 width: 48px;
3697 height: 48px;
3698 margin: 0;
3699 border-radius: 8px;
3700 object-fit: cover;
3701 }
3702 #lp-addons .lp-addon-item__title {
3703 display: -webkit-box;
3704 flex: 1;
3705 overflow: hidden;
3706 min-width: 0;
3707 margin: 0;
3708 color: #1e1e1e;
3709 font-size: 16px;
3710 font-weight: 600;
3711 line-height: 1.4;
3712 -webkit-box-orient: vertical;
3713 -webkit-line-clamp: 2;
3714 }
3715 #lp-addons .lp-addon-item__title a,
3716 #lp-addons .lp-addon-item__title a:visited {
3717 color: inherit;
3718 }
3719 #lp-addons .lp-addon-item__title a:hover,
3720 #lp-addons .lp-addon-item__title a:focus {
3721 color: #7067ED;
3722 }
3723 #lp-addons .lp-addon-item__badge {
3724 display: inline-flex;
3725 align-items: center;
3726 justify-content: center;
3727 flex-shrink: 0;
3728 padding: 4px 8px;
3729 border-radius: 4px;
3730 color: #ffffff;
3731 background: #E31A1B;
3732 font-size: 11px;
3733 font-weight: 600;
3734 white-space: nowrap;
3735 }
3736 #lp-addons .lp-addon-item__price {
3737 display: flex;
3738 align-items: baseline;
3739 flex-shrink: 0;
3740 gap: 4px;
3741 white-space: nowrap;
3742 }
3743 #lp-addons .lp-addon-item__price-sale {
3744 color: #E31A1B;
3745 font-size: 18px;
3746 font-weight: 600;
3747 line-height: 1.25;
3748 }
3749 #lp-addons .lp-addon-item__price-regular {
3750 color: #9ca3af;
3751 font-size: 16px;
3752 line-height: 1;
3753 font-weight: 300;
3754 }
3755 #lp-addons .lp-addon-item__price-regular--current, #lp-addons .lp-addon-item__price-regular--free {
3756 font-size: 18px;
3757 font-weight: 600;
3758 line-height: 1.25;
3759 }
3760 #lp-addons .lp-addon-item__price-regular--current {
3761 color: #E31A1B;
3762 }
3763 #lp-addons .lp-addon-item__price-regular--free {
3764 color: #28A746;
3765 }
3766 #lp-addons .lp-addon-item__description {
3767 display: -webkit-box;
3768 overflow: hidden;
3769 min-height: 4.35em;
3770 margin: 0 0 8px;
3771 color: #6b7280;
3772 font-size: 14px;
3773 line-height: 1.45;
3774 -webkit-box-orient: vertical;
3775 -webkit-line-clamp: 3;
3776 }
3777 #lp-addons .lp-addon-item .lp-addon-license {
3778 margin: 0 0 12px;
3779 padding: 12px;
3780 border: 1px solid rgba(40, 167, 70, 0.28);
3781 border-radius: 8px;
3782 color: #374151;
3783 background: #E7F6E9;
3784 font-size: 12px;
3785 line-height: 1.45;
3786 }
3787 #lp-addons .lp-addon-item .lp-addon-license__summary {
3788 display: flex;
3789 align-items: baseline;
3790 flex-wrap: wrap;
3791 gap: 4px;
3792 }
3793 #lp-addons .lp-addon-item .lp-addon-license__status {
3794 color: #28A746;
3795 font-weight: 600;
3796 }
3797 #lp-addons .lp-addon-item .lp-addon-license__expiry {
3798 color: #6b7280;
3799 }
3800 #lp-addons .lp-addon-item .lp-addon-license--not-activated {
3801 border-color: rgba(245, 158, 11, 0.35);
3802 background: #fff7e6;
3803 }
3804 #lp-addons .lp-addon-item .lp-addon-license--not-activated .lp-addon-license__status {
3805 color: #b45309;
3806 }
3807 #lp-addons .lp-addon-item .lp-addon-license--expired {
3808 border-color: rgba(217, 119, 6, 0.35);
3809 background: #ffedd5;
3810 }
3811 #lp-addons .lp-addon-item .lp-addon-license--expired .lp-addon-license__status {
3812 color: #c2410c;
3813 }
3814 #lp-addons .lp-addon-item .lp-addon-license--deactivated {
3815 border-color: #d1d5db;
3816 background: #F7F7F7;
3817 }
3818 #lp-addons .lp-addon-item .lp-addon-license--deactivated .lp-addon-license__status {
3819 color: #6b7280;
3820 }
3821 #lp-addons .lp-addon-item .lp-addon-license__manage.btn-addon-action[data-action=update-purchase-code] {
3822 display: inline-flex;
3823 width: auto;
3824 height: auto;
3825 min-height: 0;
3826 margin-top: 4px;
3827 padding: 0;
3828 border: 0;
3829 border-radius: 0;
3830 color: #2E91FA;
3831 background: transparent;
3832 font-size: 12px;
3833 font-weight: 500;
3834 line-height: 1.45;
3835 text-decoration: underline;
3836 }
3837 #lp-addons .lp-addon-item .lp-addon-license__manage.btn-addon-action[data-action=update-purchase-code]:hover, #lp-addons .lp-addon-item .lp-addon-license__manage.btn-addon-action[data-action=update-purchase-code]:focus {
3838 color: #7067ED;
3839 background: transparent;
3840 }
3841 #lp-addons .lp-addon-item__meta {
3842 display: flex;
3843 align-items: center;
3844 flex-wrap: wrap;
3845 gap: 4px;
3846 color: #898989;
3847 font-size: 12px;
3848 line-height: 1.4;
3849 }
3850 #lp-addons .lp-addon-item__meta a {
3851 color: #2E91FA;
3852 font-weight: 500;
3853 }
3854 #lp-addons .lp-addon-item__meta a:focus {
3855 outline: none;
3856 box-shadow: none;
3857 }
3858 #lp-addons .lp-addon-item__meta > * + *::before {
3859 margin-inline-end: 8px;
3860 color: #d1d5db;
3861 content: "|";
3862 }
3863 #lp-addons .lp-addon-item .new-update,
3864 #lp-addons .lp-addon-item .need-extend {
3865 display: block;
3866 margin-top: 8px;
3867 font-size: 12px;
3868 line-height: 1.45;
3869 }
3870 #lp-addons .lp-addon-item .new-update {
3871 color: #28A746;
3872 }
3873 #lp-addons .lp-addon-item .need-extend {
3874 color: #991b1b;
3875 }
3876 #lp-addons .lp-addon-item .need-extend__link {
3877 color: #dc2626;
3878 font-weight: 500;
3879 text-decoration: underline;
3880 }
3881 #lp-addons .lp-addon-item .need-extend__days {
3882 color: #dc2626;
3883 }
3884 #lp-addons .lp-addon-item__actions {
3885 gap: 8px;
3886 min-height: 41px;
3887 margin: 20px 0 0;
3888 padding: 12px 0 0;
3889 border-top: 1px solid #e5e7eb;
3890 }
3891 #lp-addons .lp-addon-item .btn-addon-action {
3892 box-sizing: border-box;
3893 padding: 8px 16px;
3894 border: 1px solid #7067ED;
3895 border-radius: 12px;
3896 color: #ffffff;
3897 background: #7067ED;
3898 font-size: 14px;
3899 font-weight: 500;
3900 line-height: 1.25;
3901 text-decoration: none;
3902 transition: border-color 0.2s ease, color 0.2s ease, background 0.2s ease;
3903 }
3904 #lp-addons .lp-addon-item .btn-addon-action:hover, #lp-addons .lp-addon-item .btn-addon-action:focus {
3905 border-color: #5b52d1;
3906 color: #ffffff;
3907 background: #5b52d1;
3908 }
3909 #lp-addons .lp-addon-item .btn-addon-action:focus-visible {
3910 outline: none;
3911 box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
3912 }
3913 #lp-addons .lp-addon-item .lp-addon-item__actions .btn-addon-action[data-action=activate] {
3914 border-color: #28A746;
3915 color: #ffffff;
3916 background: #28A746;
3917 }
3918 #lp-addons .lp-addon-item .lp-addon-item__actions .btn-addon-action[data-action=deactivate] {
3919 border-color: #dc2626;
3920 color: #dc2626;
3921 background: #ffffff;
3922 }
3923 #lp-addons .lp-addon-item .lp-addon-item__actions .btn-addon-action[data-action=deactivate]:hover, #lp-addons .lp-addon-item .lp-addon-item__actions .btn-addon-action[data-action=deactivate]:focus {
3924 border-color: #dc2626;
3925 color: #991b1b;
3926 background: #fee2e2;
3927 }
3928 #lp-addons .lp-addon-item .btn-addon-action[data-action=update-purchase-code] {
3929 min-height: 36px;
3930 height: 36px;
3931 padding: 0 8px;
3932 border-color: transparent;
3933 color: #6b7280;
3934 background: transparent;
3935 }
3936 #lp-addons .lp-addon-item__purchase {
3937 z-index: 5;
3938 inset: 0;
3939 box-sizing: border-box;
3940 padding: 20px;
3941 border-radius: inherit;
3942 background: #ffffff;
3943 text-transform: none;
3944 }
3945 #lp-addons .lp-addon-item__purchase__wrapper {
3946 height: 100%;
3947 }
3948 #lp-addons .lp-addon-item__purchase__wrapper .purchase-install {
3949 position: static;
3950 box-sizing: border-box;
3951 width: 100%;
3952 height: 100%;
3953 padding: 0;
3954 border: 0;
3955 border-radius: 0;
3956 background: transparent;
3957 box-shadow: none;
3958 gap: 16px;
3959 }
3960
3961 #lp-addons .lp-addon-purchase__header {
3962 display: flex;
3963 align-items: center;
3964 justify-content: space-between;
3965 gap: 12px;
3966 color: #1e1e1e;
3967 font-size: 14px;
3968 line-height: 1.4;
3969 }
3970 #lp-addons .lp-addon-purchase__field {
3971 display: block;
3972 }
3973 #lp-addons .lp-addon-purchase__title {
3974 display: block;
3975 color: #1e1e1e;
3976 font-size: 14px;
3977 font-weight: 600;
3978 }
3979 #lp-addons .lp-addon-purchase__field input.enter-purchase-code {
3980 box-sizing: border-box;
3981 width: 100%;
3982 min-height: 48px;
3983 padding: 8px 12px;
3984 border: 1px solid #d1d5db;
3985 border-radius: 6px;
3986 color: #1a1a1a;
3987 background: #ffffff;
3988 font-size: 14px;
3989 box-shadow: none;
3990 }
3991 #lp-addons .lp-addon-purchase__field input.enter-purchase-code::placeholder {
3992 color: #9ca3af;
3993 }
3994 #lp-addons .lp-addon-purchase__field input.enter-purchase-code:focus {
3995 border-color: #7067ED;
3996 outline: none;
3997 box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
3998 }
3999 #lp-addons .lp-addon-purchase__field input.enter-purchase-code.is-error, #lp-addons .lp-addon-purchase__field input.enter-purchase-code.is-error:focus {
4000 border-color: #dc2626;
4001 background: #fee2e2;
4002 box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.1);
4003 }
4004 #lp-addons .lp-addon-purchase__submit.btn-addon-action, #lp-addons .lp-addon-purchase__buy.btn-addon-action {
4005 display: inline-flex;
4006 align-items: center;
4007 justify-content: center;
4008 width: 100%;
4009 min-height: 40px;
4010 }
4011 #lp-addons .lp-addon-purchase__buy.btn-addon-action {
4012 border-color: #d1d5db;
4013 color: #374151;
4014 background: #ffffff;
4015 }
4016 #lp-addons .lp-addon-purchase__buy.btn-addon-action:hover, #lp-addons .lp-addon-purchase__buy.btn-addon-action:focus {
4017 border-color: #7067ED;
4018 color: #7067ED;
4019 background: #F7F7F7;
4020 }
4021 #lp-addons .lp-addon-purchase__close.btn-addon-action[data-action=cancel] {
4022 position: static;
4023 display: inline-flex;
4024 align-items: center;
4025 justify-content: center;
4026 width: 32px;
4027 height: 32px;
4028 min-height: 32px;
4029 padding: 0;
4030 border: 0;
4031 color: #6b7280;
4032 background: transparent;
4033 font-size: 16px;
4034 }
4035 #lp-addons .lp-addon-purchase__close.btn-addon-action[data-action=cancel]:hover, #lp-addons .lp-addon-purchase__close.btn-addon-action[data-action=cancel]:focus {
4036 color: #7067ED;
4037 background: #F7F7F7;
4038 }
4039 #lp-addons .lp-addon-purchase__close-symbol {
4040 display: block;
4041 font-family: Arial, sans-serif;
4042 font-size: 24px;
4043 font-weight: 300;
4044 line-height: 1;
4045 }
4046 #lp-addons .lp-addon-purchase__divider {
4047 display: flex;
4048 align-items: center;
4049 gap: 8px;
4050 color: #6b7280;
4051 font-size: 12px;
4052 white-space: nowrap;
4053 }
4054 #lp-addons .lp-addon-purchase__divider::before, #lp-addons .lp-addon-purchase__divider::after {
4055 width: 100%;
4056 height: 1px;
4057 background: #e5e7eb;
4058 content: "";
4059 }
4060
4061 @media (max-width: 1550px) {
4062 #lp-addons {
4063 grid-template-columns: repeat(3, minmax(0, 1fr));
4064 }
4065 }
4066 @media (max-width: 1200px) {
4067 #lp-addons {
4068 grid-template-columns: repeat(2, minmax(0, 1fr));
4069 }
4070 }
4071 @media (max-width: 960px) {
4072 #lp-addons {
4073 grid-template-columns: repeat(2, minmax(0, 1fr));
4074 }
4075 }
4076 @media (max-width: 782px) {
4077 #lp-addons {
4078 grid-template-columns: 1fr;
4079 padding-left: 0;
4080 }
4081 }
4082 /*** Tab of Addons Manager ***/
4083 .learn-press-addons {
4084 max-width: 100%;
4085 }
4086 .learn-press-addons .wp-heading-inline {
4087 color: #1e1e1e;
4088 font-size: 32px;
4089 font-weight: 600;
4090 line-height: 1.25;
4091 }
4092 .learn-press-addons .lp-addons-page-subtitle {
4093 margin: 4px 0 24px;
4094 color: #374151;
4095 font-size: 16px;
4096 line-height: 1.5;
4097 }
4098
4099 .lp-addons-controls {
4100 margin-bottom: 20px;
4101 padding-left: 20px;
4102 }
4103 .lp-addons-controls[hidden] {
4104 display: none;
4105 }
4106
4107 .lp-addons-toolbar {
4108 display: flex;
4109 align-items: center;
4110 justify-content: space-between;
4111 gap: 16px;
4112 box-sizing: border-box;
4113 margin-bottom: 30px;
4114 padding: 20px;
4115 border: 1px solid #e5e7eb;
4116 border-radius: 12px;
4117 background: #ffffff;
4118 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
4119 }
4120 .lp-addons-toolbar[hidden] {
4121 display: none;
4122 }
4123 .lp-addons-toolbar .lp-addons-filter {
4124 display: flex;
4125 align-items: center;
4126 flex-wrap: nowrap;
4127 gap: 12px;
4128 margin: -4px;
4129 padding: 4px;
4130 overflow-x: auto;
4131 overflow-y: hidden;
4132 scrollbar-width: thin;
4133 -webkit-overflow-scrolling: touch;
4134 }
4135 .lp-addons-toolbar .nav-tab {
4136 display: inline-flex;
4137 align-items: center;
4138 justify-content: center;
4139 box-sizing: border-box;
4140 min-height: 49px;
4141 margin-right: 0;
4142 padding: 8px 20px;
4143 border: 1px solid transparent;
4144 border-radius: 12px;
4145 color: #7067ED;
4146 background: #EEF1FF;
4147 font-size: 16px;
4148 font-weight: 500;
4149 line-height: 1;
4150 text-decoration: none;
4151 white-space: nowrap;
4152 transition: border-color 0.2s ease, color 0.2s ease, background 0.2s ease;
4153 }
4154 .lp-addons-toolbar .nav-tab:hover, .lp-addons-toolbar .nav-tab:focus {
4155 border-color: #7067ED;
4156 color: #7067ED;
4157 background: #F7F7F7;
4158 }
4159 .lp-addons-toolbar .nav-tab:focus-visible {
4160 outline: none;
4161 box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
4162 }
4163 .lp-addons-toolbar .nav-tab-active {
4164 border-color: #7067ED;
4165 color: #ffffff;
4166 background: #7067ED;
4167 }
4168 .lp-addons-toolbar .nav-tab-active:hover, .lp-addons-toolbar .nav-tab-active:focus {
4169 border-color: #5b52d1;
4170 color: #ffffff;
4171 background: #5b52d1;
4172 }
4173
4174 .lp-addons-categories {
4175 display: flex;
4176 align-items: center;
4177 flex-wrap: wrap;
4178 gap: 8px;
4179 }
4180
4181 .lp-addons-category {
4182 display: inline-flex;
4183 align-items: center;
4184 justify-content: center;
4185 box-sizing: border-box;
4186 min-height: 42px;
4187 padding: 8px 16px;
4188 border: 1px solid #d1d5db;
4189 border-radius: 12px;
4190 color: #9ca3af;
4191 background: #ffffff;
4192 font-size: 16px;
4193 font-weight: 500;
4194 line-height: 150%;
4195 cursor: pointer;
4196 transition: border-color 0.2s ease, color 0.2s ease, background 0.2s ease;
4197 }
4198 .lp-addons-category__count {
4199 margin-inline-start: 4px;
4200 }
4201 .lp-addons-category:hover, .lp-addons-category:focus {
4202 border-color: #7067ED;
4203 color: #7067ED;
4204 background: #F7F7F7;
4205 }
4206 .lp-addons-category:focus-visible {
4207 outline: none;
4208 box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
4209 }
4210 .lp-addons-category.active {
4211 border-color: #7067ED;
4212 color: #7067ED;
4213 background: #ffffff;
4214 }
4215 .lp-addons-category[hidden] {
4216 display: none;
4217 }
4218
4219 .lp-addons-search {
4220 position: relative;
4221 flex-shrink: 0;
4222 width: 360px;
4223 max-width: 100%;
4224 }
4225 .lp-addons-search__icon {
4226 position: absolute;
4227 top: 50%;
4228 inset-inline-start: 12px;
4229 display: inline-flex;
4230 align-items: center;
4231 justify-content: center;
4232 width: 20px;
4233 height: 20px;
4234 color: #9ca3af;
4235 font-size: 16px;
4236 transform: translateY(-50%);
4237 pointer-events: none;
4238 }
4239
4240 .lp-addons-page .lp-addon-notice {
4241 margin-bottom: 20px;
4242 }
4243 .lp-addons-page input.lp-addons-search__input {
4244 box-sizing: border-box;
4245 width: 100%;
4246 min-height: 48px;
4247 margin: 0;
4248 padding: 4px 12px;
4249 padding-inline-start: 40px;
4250 border: 1px solid #d1d5db;
4251 border-radius: 12px;
4252 color: #1a1a1a;
4253 background: #ffffff;
4254 font-size: 14px;
4255 }
4256 .lp-addons-page input.lp-addons-search__input::placeholder {
4257 color: #9ca3af;
4258 }
4259 .lp-addons-page input.lp-addons-search__input:focus {
4260 border-color: #7067ED;
4261 outline: none;
4262 box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
4263 }
4264
4265 @media (max-width: 1200px) {
4266 .lp-addons-toolbar {
4267 align-items: stretch;
4268 flex-direction: column;
4269 }
4270 .lp-addons-toolbar .lp-addons-filter {
4271 width: 100%;
4272 min-width: 0;
4273 }
4274 .lp-addons-search {
4275 width: 100%;
4276 }
4277 }
4278 @media (max-width: 782px) {
4279 .lp-addons-controls {
4280 padding-left: 0;
4281 }
4282 .lp-addons-toolbar {
4283 padding: 12px;
4284 }
4285 .lp-addons-toolbar .nav-tab {
4286 flex: 0 0 auto;
4287 }
4288 .lp-addons-categories {
4289 flex-wrap: nowrap;
4290 overflow-x: auto;
4291 overflow-y: hidden;
4292 scrollbar-width: thin;
4293 -webkit-overflow-scrolling: touch;
4294 }
4295 .lp-addons-category {
4296 flex: 0 0 auto;
4297 }
4298 }
4299 .wp-submenu .lp-notify {
4300 display: none;
4301 vertical-align: top;
4302 box-sizing: border-box;
4303 margin: 1px 5px -1px 0;
4304 padding: 0 5px;
4305 min-width: 18px;
4306 height: 18px;
4307 border-radius: 9px;
4308 background-color: #d63638;
4309 color: #fff;
4310 font-size: 0.75em;
4311 line-height: 1.6;
4312 text-align: center;
4313 }
4314
4315 /*** Theme Manager ***/
4316 .related-themes {
4317 display: grid;
4318 grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
4319 grid-gap: 20px;
4320 }
4321 .related-themes li {
4322 margin: 0;
4323 }
4324 .related-themes .plugin-card-top {
4325 padding-bottom: 0;
4326 background: #fff;
4327 }
4328 .related-themes .theme-content {
4329 position: relative;
4330 }
4331 .related-themes .image-thumbnail img {
4332 width: 100%;
4333 height: auto;
4334 vertical-align: middle;
4335 }
4336 .related-themes .theme-description {
4337 margin: 0 0 25px 0;
4338 display: -webkit-box;
4339 overflow: hidden;
4340 min-height: 8em;
4341 max-height: 8em;
4342 line-height: 1.6em;
4343 text-overflow: ellipsis;
4344 -webkit-box-orient: vertical;
4345 -webkit-line-clamp: 5;
4346 color: #777;
4347 }
4348 .related-themes .theme-title {
4349 min-height: 3.2em;
4350 margin-left: 100px;
4351 margin-bottom: 0;
4352 font-size: 1.2em;
4353 line-height: 1.3em;
4354 }
4355 .related-themes .theme-title a {
4356 color: #111;
4357 }
4358 .related-themes .theme-rating {
4359 display: inline-block;
4360 float: left;
4361 }
4362 .related-themes .star-rating {
4363 display: inline-block;
4364 }
4365 .related-themes .count-rating {
4366 position: relative;
4367 top: 2px;
4368 font-size: 0.9375rem;
4369 }
4370 .related-themes .theme-detail {
4371 position: absolute;
4372 top: -3px;
4373 left: 3px;
4374 line-height: 1.6em;
4375 text-align: left;
4376 }
4377 .related-themes .theme-detail::after {
4378 display: block;
4379 clear: both;
4380 content: "";
4381 }
4382 .related-themes .theme-detail .theme-price {
4383 display: inline-block;
4384 font-size: 1.5rem;
4385 font-weight: 700;
4386 line-height: 1.3em;
4387 }
4388 .related-themes .theme-footer {
4389 clear: both;
4390 overflow: hidden;
4391 margin-left: -16px;
4392 margin-right: -16px;
4393 padding: 16px;
4394 border-top: 1px solid #ddd;
4395 background-color: #fafafa;
4396 }
4397
4398 /**
4399 * Order
4400 */
4401 .post-type-lp_order .wp-list-table .column-order_status {
4402 width: 150px;
4403 }
4404 .post-type-lp_order .wp-list-table .order_status span {
4405 display: inline-block;
4406 padding: 3px 6px;
4407 color: #fff;
4408 font-size: 0.75rem;
4409 border-radius: 4px;
4410 }
4411 .post-type-lp_order .wp-list-table .order_status span.pending {
4412 background: #bdbdbd;
4413 }
4414 .post-type-lp_order .wp-list-table .order_status span.processing {
4415 background: #ffc107;
4416 }
4417 .post-type-lp_order .wp-list-table .order_status span.completed {
4418 background: #4caf50;
4419 }
4420 .post-type-lp_order .wp-list-table .order_status span.cancelled {
4421 background: #444;
4422 }
4423 .post-type-lp_order .wp-list-table .order_status span.failed {
4424 background: #f00;
4425 }
4426 .post-type-lp_order .wp-list-table .order_status span.refunded {
4427 background: #2196f3;
4428 }
4429 .post-type-lp_order .wp-list-table .order_status span.trash {
4430 color: rgba(128, 128, 128, 0.68);
4431 }
4432 .post-type-lp_order .wp-list-table .order_status span i {
4433 display: inline-block;
4434 }
4435 .post-type-lp_order .wp-list-table .lp-order-refund-request-badge {
4436 display: inline-block;
4437 margin-top: 10px;
4438 padding: 0 !important;
4439 color: #F59E0B !important;
4440 }
4441 .post-type-lp_order .wp-list-table .column-title,
4442 .post-type-lp_order .wp-list-table .column-order_total,
4443 .post-type-lp_order .wp-list-table .column-order_date {
4444 width: 150px;
4445 }
4446 .post-type-lp_order .wp-list-table .column-order_items ol {
4447 margin: 0;
4448 padding: 0;
4449 list-style-position: inside;
4450 }
4451
4452 .post-type-lp_course .wp-list-table .column-price {
4453 width: 80px;
4454 }
4455 .post-type-lp_course .wp-list-table .column-thumbnail {
4456 width: 60px;
4457 padding-top: 8px;
4458 box-sizing: border-box;
4459 }
4460 .post-type-lp_course .wp-list-table .column-thumbnail img {
4461 width: 100%;
4462 height: auto;
4463 }
4464 @media only screen and (max-width: 782px) {
4465 .post-type-lp_course .wp-list-table .column-thumbnail {
4466 display: none;
4467 }
4468 .post-type-lp_course .wp-list-table .column-thumbnail::before {
4469 opacity: 0;
4470 }
4471 }
4472 .post-type-lp_course .wp-list-table .column-certificate {
4473 box-sizing: border-box;
4474 max-width: 60px;
4475 }
4476 .post-type-lp_course .wp-list-table .column-certificate img {
4477 max-width: 100% !important;
4478 }
4479 @media only screen and (min-width: 1024px) {
4480 .post-type-lp_course .wp-list-table .check-column {
4481 width: 1.2em;
4482 }
4483 }
4484 @media only screen and (min-width: 783px) {
4485 .post-type-lp_course .wp-list-table .column-title {
4486 width: 16%;
4487 }
4488 }
4489
4490 .wp-list-table .column-author, .wp-list-table .column-instructor {
4491 width: 80px;
4492 }
4493 .wp-list-table .column-author .post-author, .wp-list-table .column-instructor .post-author {
4494 display: inline-block;
4495 }
4496 .wp-list-table .column-author .post-author img, .wp-list-table .column-instructor .post-author img {
4497 width: 30px;
4498 height: 30px;
4499 margin: 0;
4500 border-radius: 50%;
4501 vertical-align: middle;
4502 }
4503 .wp-list-table .column-author .post-author a, .wp-list-table .column-instructor .post-author a {
4504 display: inline-block;
4505 vertical-align: middle;
4506 }
4507 .wp-list-table .column-curriculum {
4508 width: 60px;
4509 }
4510 .wp-list-table .column-student {
4511 width: 60px;
4512 }
4513 .wp-list-table .column-taxonomy-course_category {
4514 width: 100px;
4515 }
4516 .wp-list-table .column-gradebook {
4517 width: 40px;
4518 text-align: center;
4519 }
4520
4521 .post-type-page .column-lp-page {
4522 width: 200px;
4523 }
4524 .post-type-page .for-plugin-page {
4525 margin: 0;
4526 color: #f00;
4527 font-size: 0.6875rem;
4528 }
4529
4530 .post-state .post-author {
4531 font-size: 0.875rem;
4532 font-weight: normal;
4533 font-style: italic;
4534 }
4535
4536 #learn-press-box-edit-slug {
4537 overflow: hidden;
4538 margin: 0 -10px;
4539 padding: 10px;
4540 border: 1px solid #ddd;
4541 color: #b79186;
4542 background: #fff;
4543 }
4544 #learn-press-box-edit-slug .button {
4545 float: left;
4546 height: 24px;
4547 line-height: 1.375rem;
4548 }
4549
4550 .is-lp-page {
4551 color: #fff;
4552 font-size: 11px;
4553 padding: 1px 8px;
4554 border-radius: 10px;
4555 background-color: #9979ff;
4556 margin-left: 5px;
4557 display: inline-block;
4558 }
4559
4560 .lp-overlay {
4561 display: none;
4562 position: fixed;
4563 z-index: 99999;
4564 top: 0;
4565 left: 0;
4566 bottom: 0;
4567 right: 0;
4568 width: 100%;
4569 height: 100%;
4570 background-color: rgba(209, 213, 219, 0.8);
4571 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
4572 transition-duration: 150ms;
4573 transition-property: opacity;
4574 }
4575
4576 .wp-admin .lp-modal-dialog .lp-modal-header {
4577 padding: 2em;
4578 }
4579 .wp-admin .lp-modal-dialog .lp-modal-header h3 {
4580 font-size: 1.4em;
4581 }
4582
4583 .lp-modal-dialog {
4584 display: flex;
4585 position: fixed;
4586 z-index: 9999;
4587 top: 0;
4588 left: 0;
4589 right: 0;
4590 width: 100%;
4591 min-height: 100vh;
4592 text-align: center;
4593 align-items: center;
4594 justify-content: center;
4595 }
4596 .lp-modal-dialog .learn-press-message {
4597 width: auto;
4598 margin: 0 !important;
4599 }
4600 .lp-modal-dialog .lp-modal-content {
4601 display: inline-block;
4602 overflow: hidden;
4603 z-index: 2;
4604 width: auto;
4605 max-width: 600px;
4606 border-radius: 8px;
4607 text-align: right;
4608 vertical-align: middle;
4609 background: white;
4610 color: black;
4611 }
4612 .lp-modal-dialog .lp-modal-content h2, .lp-modal-dialog .lp-modal-content h3 {
4613 margin: 0;
4614 }
4615 .lp-modal-dialog .lp-modal-content .lp-group-step h3 {
4616 border-bottom: 1px solid #eee;
4617 }
4618 .lp-modal-dialog .lp-modal-content .main-content .terms-upgrade .pd-2em {
4619 padding: 0 1em;
4620 }
4621 .lp-modal-dialog .lp-modal-header {
4622 background: #7c60d9;
4623 border-bottom: 1px solid #eee;
4624 padding: 1em;
4625 }
4626 .lp-modal-dialog .lp-modal-header h3 {
4627 margin: 0;
4628 color: white;
4629 font-weight: 400;
4630 }
4631 .lp-modal-dialog .lp-modal-body .main-content {
4632 max-height: 500px;
4633 overflow: auto;
4634 overscroll-behavior: contain;
4635 }
4636 .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 {
4637 padding: 1em;
4638 }
4639 .lp-modal-dialog .lp-modal-footer {
4640 padding: 20px;
4641 background-color: #f9fafb;
4642 text-align: left;
4643 }
4644 .lp-modal-dialog .btn-yes {
4645 color: #fff;
4646 background-color: #7c60d9;
4647 }
4648
4649 #lp-modal-overlay {
4650 display: none;
4651 position: fixed;
4652 z-index: 999999;
4653 top: 0;
4654 left: 0;
4655 bottom: 0;
4656 right: 0;
4657 opacity: 0.5;
4658 background: #000;
4659 }
4660
4661 #lp-modal-window {
4662 display: none;
4663 position: fixed;
4664 z-index: 999999;
4665 top: 50%;
4666 right: 50%;
4667 padding: 35px 60px 28px 60px;
4668 background: #fff;
4669 transform: translate(50%, -50%);
4670 border-radius: 4px;
4671 }
4672 #lp-modal-window #lp-modal-content {
4673 margin: 0 0 24px 0;
4674 color: #333;
4675 font-weight: 400;
4676 text-align: center;
4677 }
4678 #lp-modal-window #lp-modal-content > * {
4679 margin: 0 0 0.5em;
4680 }
4681 #lp-modal-window #lp-modal-buttons {
4682 display: flex;
4683 flex-direction: row-reverse;
4684 align-items: center;
4685 justify-content: center;
4686 }
4687 #lp-modal-window #lp-modal-buttons .lp-button {
4688 position: relative;
4689 margin: 0 10px 0 10px;
4690 }
4691
4692 .learn-press-modal {
4693 position: fixed;
4694 z-index: 1000000;
4695 width: 100%;
4696 height: 100%;
4697 top: 0;
4698 display: table;
4699 }
4700 .learn-press-modal .modal-overlay {
4701 position: fixed;
4702 z-index: 1000000;
4703 background: #000;
4704 opacity: 0.5;
4705 width: 100%;
4706 height: 100%;
4707 top: 0;
4708 }
4709 .learn-press-modal .modal-wrapper {
4710 display: table-cell;
4711 vertical-align: middle;
4712 z-index: 1000010;
4713 position: relative;
4714 }
4715 .learn-press-modal .modal-wrapper .modal-container {
4716 max-width: 800px;
4717 width: 90%;
4718 margin: 0px auto;
4719 background-color: #fff;
4720 border-radius: 2px;
4721 box-shadow: 0 2px 8px rgba(0, 0, 0, 0.33);
4722 transition: all 0.3s ease;
4723 overflow: hidden;
4724 -webkit-box-sizing: border-box;
4725 box-sizing: border-box;
4726 }
4727 .learn-press-modal .modal-wrapper header {
4728 font-size: 1.125rem;
4729 padding: 20px;
4730 border-bottom: 1px solid #DDD;
4731 font-weight: 600;
4732 color: #000;
4733 }
4734 .learn-press-modal .modal-wrapper article {
4735 margin: 30px 20px;
4736 }
4737 .learn-press-modal .modal-wrapper article input[name=search] {
4738 width: 100%;
4739 font-size: 1rem;
4740 box-sizing: border-box;
4741 margin: 0;
4742 box-shadow: none;
4743 color: #444;
4744 padding: 8px 10px;
4745 height: 42px;
4746 border-radius: 2px;
4747 border-color: #e4e4e4;
4748 font-weight: 400;
4749 vertical-align: middle;
4750 }
4751 .learn-press-modal .modal-wrapper article .search-results {
4752 margin: 0;
4753 margin-top: 30px;
4754 }
4755 .learn-press-modal .modal-wrapper article .search-results li > label {
4756 display: block;
4757 }
4758 .learn-press-modal .modal-wrapper footer {
4759 padding: 15px 20px;
4760 overflow: hidden;
4761 border: 1px solid #eee;
4762 }
4763 .learn-press-modal .modal-wrapper footer .search-nav {
4764 float: right;
4765 }
4766 .learn-press-modal .modal-wrapper footer .search-nav a, .learn-press-modal .modal-wrapper footer .search-nav span {
4767 display: inline-block;
4768 line-height: 1.625rem;
4769 height: 28px;
4770 margin: 0;
4771 padding: 0 10px 1px;
4772 }
4773 .learn-press-modal .modal-wrapper footer button {
4774 float: left;
4775 margin-right: 3px;
4776 }
4777
4778 #modal-search-items.loading .search-results:before {
4779 position: absolute;
4780 top: 75px;
4781 right: 0;
4782 left: 0;
4783 bottom: 0;
4784 display: block;
4785 content: "";
4786 z-index: 9;
4787 background: url("../../images/spinner.gif") no-repeat center center;
4788 }
4789
4790 .modal-search {
4791 position: relative;
4792 display: inline-block;
4793 min-width: 300px;
4794 }
4795 .modal-search .search-input {
4796 border: 1px solid #DDD;
4797 width: 100%;
4798 margin: 0;
4799 padding: 5px 10px;
4800 box-shadow: none;
4801 }
4802 .modal-search .search-input:focus {
4803 box-shadow: none;
4804 }
4805 .modal-search .search-input:focus {
4806 border-color: #DDD;
4807 }
4808 .modal-search .search-results-content {
4809 position: absolute;
4810 top: 100%;
4811 width: 100%;
4812 right: 0;
4813 background: #FFF;
4814 border: 1px solid #DDD;
4815 border-top: none;
4816 z-index: 1000;
4817 margin-top: -1px;
4818 -webkit-box-sizing: border-box;
4819 box-sizing: border-box;
4820 }
4821 .modal-search .search-results-content .search-results {
4822 margin: 0;
4823 }
4824 .modal-search .search-results-content .search-results .result-item {
4825 margin: 0;
4826 padding: 0;
4827 list-style: none;
4828 }
4829 .modal-search .search-results-content .search-results .result-item label {
4830 display: block;
4831 padding: 6px 10px;
4832 text-decoration: none;
4833 cursor: pointer;
4834 white-space: nowrap;
4835 overflow: hidden;
4836 text-overflow: ellipsis;
4837 }
4838 .modal-search .search-results-content .search-results .result-item:hover {
4839 background: #f4fcff;
4840 }
4841 .modal-search .has-items .search-input {
4842 border-bottom-color: transparent;
4843 }
4844 .modal-search .has-items .search-results-content {
4845 border-top: none;
4846 }
4847 .modal-search .checked-items {
4848 text-align: center;
4849 }
4850 .modal-search .checked-items .button {
4851 font-size: 0.75rem;
4852 height: 20px;
4853 line-height: 1.25rem;
4854 }
4855 .modal-search .checked-items .disabled {
4856 color: #777;
4857 }
4858 .modal-search .search-navigator {
4859 margin: 5px 0;
4860 text-align: center;
4861 }
4862 .modal-search .search-navigator .page-numbers {
4863 display: inline-block;
4864 padding: 2px 5px;
4865 text-decoration: none;
4866 line-height: 1;
4867 }
4868 .modal-search .search-navigator .page-numbers.next, .modal-search .search-navigator .page-numbers.prev {
4869 display: none;
4870 }
4871
4872 .lp-order-statuses {
4873 margin: 0;
4874 display: grid;
4875 grid-template-columns: auto auto;
4876 grid-gap: 10px;
4877 }
4878 .lp-order-statuses .lp-skeleton-animation {
4879 grid-column: 1/3;
4880 }
4881 .lp-order-statuses li {
4882 width: 100%;
4883 margin: 0;
4884 background: #fff;
4885 }
4886 .lp-order-statuses li span {
4887 font-size: 1.1rem;
4888 display: flex;
4889 text-align: center;
4890 justify-content: center;
4891 align-items: center;
4892 column-gap: 10px;
4893 font-weight: 400;
4894 }
4895 .lp-order-statuses li p {
4896 margin: 0;
4897 padding: 0;
4898 color: #adadad;
4899 font-size: 0.75rem;
4900 }
4901 .lp-order-statuses li.counter-number {
4902 text-align: center;
4903 /*&.order-completed {
4904
4905 strong::before {
4906 color: #0085ba;
4907 content: "\f058";
4908 }
4909 }
4910
4911 &.order-processing {
4912
4913 strong::before {
4914 margin-left: -1px;
4915 color: #563f7a;
4916 content: "\f321";
4917 }
4918 }
4919
4920 &.order-pending {
4921
4922 strong::before {
4923 color: #aaa;
4924 content: "\f534";
4925 }
4926 }
4927
4928 &.order-cancelled {
4929
4930 strong::before {
4931 color: #f00;
4932 content: "\f153";
4933 }
4934 }*/
4935 }
4936 .lp-order-statuses li.counter-number .counter-inner {
4937 padding: 10px 0;
4938 border: 1px solid #f3f3f3;
4939 background: #f9f9f9;
4940 }
4941 .lp-order-statuses li.clear {
4942 float: none;
4943 }
4944 .lp-order-statuses li.featured-theme {
4945 width: auto;
4946 margin: 12px -12px 0 -12px;
4947 padding: 8px 12px 0 12px;
4948 border-top: 1px solid #eee;
4949 }
4950 .lp-order-statuses li.featured-theme .star-rating {
4951 display: inline-block;
4952 line-height: 0.875rem;
4953 vertical-align: middle;
4954 }
4955 .lp-order-statuses li.featured-theme .star-rating .star {
4956 width: 14px;
4957 height: 14px;
4958 font-size: 0.875rem;
4959 }
4960 .lp-order-statuses li.featured-theme > div {
4961 margin-bottom: 3px;
4962 }
4963 .lp-order-statuses li.featured-theme > div span {
4964 color: #999;
4965 font-size: 0.75rem;
4966 vertical-align: middle;
4967 }
4968 .lp-order-statuses li:nth-child(even) .counter-inner {
4969 margin-right: 0;
4970 }
4971 .lp-order-statuses li:nth-child(odd) .counter-inner {
4972 margin-left: 0;
4973 }
4974 .lp-order-statuses li.total-raised {
4975 grid-column: 1/3;
4976 box-sizing: border-box;
4977 padding: 10px 0;
4978 border: 1px solid #f3f3f3;
4979 background: #f9f9f9;
4980 text-align: center;
4981 color: #0073aa;
4982 }
4983 .lp-order-statuses li.total-raised span {
4984 margin-bottom: 10px;
4985 font-size: 1.625rem;
4986 }
4987 .lp-order-statuses li.total-raised span i {
4988 font-size: 1.5625rem;
4989 }
4990 .lp-order-statuses::after {
4991 display: block;
4992 clear: both;
4993 content: "";
4994 }
4995
4996 .featured-theme {
4997 border-top: 1px solid #eee;
4998 margin-top: 10px;
4999 padding-top: 10px;
5000 }
5001 .featured-theme p {
5002 margin: 0;
5003 font-size: 12px;
5004 }
5005 .featured-theme .star-rating {
5006 display: inline-block;
5007 line-height: 0.75rem;
5008 }
5009 .featured-theme .star-rating .star {
5010 font-size: 0.8125rem;
5011 width: 13px;
5012 height: 13px;
5013 }
5014 .featured-theme span {
5015 font-size: 0.6875rem;
5016 }
5017
5018 .lp-place-holder {
5019 background: #fff;
5020 padding: 10px;
5021 display: block;
5022 margin: 20px auto;
5023 box-shadow: 0 0 0 rgba(0, 0, 0, 0.1);
5024 border-radius: 3px;
5025 }
5026 .lp-place-holder [class*=line-] {
5027 height: 6px;
5028 width: 400px;
5029 background: #f6f7f9;
5030 margin-bottom: 13px;
5031 margin-left: 5px;
5032 }
5033 .lp-place-holder .thumbnail {
5034 height: 40px;
5035 width: 40px;
5036 float: right;
5037 margin-left: 20px;
5038 display: inline-block;
5039 }
5040 .lp-place-holder .line-heading {
5041 width: 80%;
5042 height: 20px;
5043 }
5044 .lp-place-holder .line-sm {
5045 width: 30%;
5046 margin-top: 10px;
5047 }
5048 .lp-place-holder .line-xs {
5049 width: 50%;
5050 }
5051 .lp-place-holder .line-df {
5052 margin-top: 30px;
5053 width: 380px;
5054 }
5055 .lp-place-holder .line-lg {
5056 width: 200px;
5057 }
5058 .lp-place-holder .line-lgx {
5059 width: 450px;
5060 }
5061 .lp-place-holder [class*=line],
5062 .lp-place-holder .thumbnail {
5063 animation: lpTimeLine;
5064 animation-duration: 1s;
5065 animation-timing-function: linear;
5066 animation-iteration-count: infinite;
5067 background: linear-gradient(to left, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
5068 background-size: 800px auto;
5069 background-position: 100px 0;
5070 }
5071
5072 @keyframes lpTimeLine {
5073 0% {
5074 background-position: -350px 0;
5075 }
5076 100% {
5077 background-position: 400px 0;
5078 }
5079 }
5080 .post-type-lp_order {
5081 /*Export order function style*/
5082 /* The Modal (background) */
5083 /* Modal Content/Box */
5084 /* The Close Button */
5085 /*tabs css*/
5086 }
5087 .post-type-lp_order #post-body-content {
5088 display: none;
5089 }
5090 .post-type-lp_order #order_details {
5091 border: none !important;
5092 background: transparent !important;
5093 }
5094 .post-type-lp_order #order_details .hndle,
5095 .post-type-lp_order #order_details .handlediv,
5096 .post-type-lp_order #order_details .postbox-header {
5097 display: none;
5098 }
5099 .post-type-lp_order #order_details .inside {
5100 display: block !important;
5101 margin: 0;
5102 padding: 0;
5103 }
5104 .post-type-lp_order #order_details .order-data {
5105 margin: 0 0 20px 0 !important;
5106 padding: 30px !important;
5107 border: 1px solid #ccd0d4 !important;
5108 background-color: #fff !important;
5109 box-shadow: none !important;
5110 }
5111 .post-type-lp_order #order_details .order-data-field {
5112 margin-bottom: 20px;
5113 }
5114 .post-type-lp_order #order_details .order-data-field label {
5115 display: block;
5116 margin-bottom: 5px;
5117 font-weight: 500;
5118 }
5119 .post-type-lp_order #order_details .order-data-number {
5120 margin: 0 0 10px;
5121 font-size: 1.25rem;
5122 font-weight: 600;
5123 }
5124 .post-type-lp_order #order_details .payment-method-title {
5125 color: #777;
5126 font-size: 1rem;
5127 }
5128 .post-type-lp_order #order_details .payment-method-title strong {
5129 color: #23282d;
5130 }
5131 .post-type-lp_order #order_details .order-data-heading {
5132 margin-top: 40px;
5133 font-size: 1rem;
5134 }
5135 .post-type-lp_order #order_details .order-users {
5136 display: inline-block;
5137 }
5138 .post-type-lp_order #order_details .order-users .description {
5139 margin-top: 10px;
5140 padding: 10px;
5141 background: #eee;
5142 }
5143 .post-type-lp_order #order_details .order-data-date .order-date {
5144 width: 130px;
5145 }
5146 .post-type-lp_order #order_details .order-data-date .order-hour,
5147 .post-type-lp_order #order_details .order-data-date .order-minute {
5148 width: 60px;
5149 }
5150 .post-type-lp_order #order_details .order-data-note {
5151 display: inline-block;
5152 }
5153 .post-type-lp_order #order_details .order-data-note .order-note {
5154 padding: 10px;
5155 color: #fff;
5156 background-color: #c1a3b6;
5157 font-size: 0.875rem;
5158 }
5159 .post-type-lp_order #order_details .order-items {
5160 margin: 0;
5161 border: 1px solid #ccd0d4 !important;
5162 background-color: #fff;
5163 }
5164 .post-type-lp_order #order_details .order-items table {
5165 width: 100%;
5166 border-collapse: collapse;
5167 }
5168 .post-type-lp_order #order_details .order-items table thead {
5169 margin: 0;
5170 padding: 0;
5171 }
5172 .post-type-lp_order #order_details .order-items table thead tr {
5173 background-color: #f8f8f8;
5174 }
5175 .post-type-lp_order #order_details .order-items table thead th {
5176 padding: 15px;
5177 border-bottom: none;
5178 color: #999;
5179 font-weight: 400;
5180 text-align: right;
5181 }
5182 .post-type-lp_order #order_details .order-items table thead th:first-child {
5183 padding-right: 30px;
5184 }
5185 .post-type-lp_order #order_details .order-items table thead th:last-child {
5186 padding-left: 30px;
5187 }
5188 .post-type-lp_order #order_details .order-items table tbody td,
5189 .post-type-lp_order #order_details .order-items table tfoot td {
5190 padding: 10px;
5191 border-bottom: 1px solid #ddd;
5192 text-align: right;
5193 }
5194 .post-type-lp_order #order_details .order-items table tbody {
5195 margin: 0;
5196 padding: 0;
5197 }
5198 .post-type-lp_order #order_details .order-items table tbody tr td {
5199 padding: 15px;
5200 }
5201 .post-type-lp_order #order_details .order-items table tbody tr td:first-child {
5202 padding-right: 30px;
5203 }
5204 .post-type-lp_order #order_details .order-items table tbody tr td:last-child {
5205 padding-left: 30px;
5206 }
5207 .post-type-lp_order #order_details .order-items table tfoot {
5208 margin: 0;
5209 padding: 0;
5210 }
5211 .post-type-lp_order #order_details .order-items table tfoot tr {
5212 background-color: #f8f8f8;
5213 }
5214 .post-type-lp_order #order_details .order-items table tfoot tr:last-child td {
5215 padding-top: 20px;
5216 padding-bottom: 20px;
5217 }
5218 .post-type-lp_order #order_details .order-items table tfoot td {
5219 padding: 10px 15px;
5220 padding-bottom: 0;
5221 border: none;
5222 font-size: 0.875rem;
5223 text-align: left;
5224 }
5225 .post-type-lp_order #order_details .order-items table tfoot td:first-child {
5226 padding-right: 30px;
5227 }
5228 .post-type-lp_order #order_details .order-items table tfoot td:last-child {
5229 padding-left: 30px;
5230 }
5231 .post-type-lp_order #order_details .order-items table .column-price,
5232 .post-type-lp_order #order_details .order-items table .column-total,
5233 .post-type-lp_order #order_details .order-items table .column-quantity {
5234 width: 150px;
5235 text-align: left;
5236 }
5237 .post-type-lp_order #order_details .order-items table .row-subtotal td .order-subtotal,
5238 .post-type-lp_order #order_details .order-items table .row-subtotal td .order-total,
5239 .post-type-lp_order #order_details .order-items table .row-total td .order-subtotal,
5240 .post-type-lp_order #order_details .order-items table .row-total td .order-total {
5241 font-weight: 700;
5242 }
5243 .post-type-lp_order #order_details .order-items table .remove-order-item {
5244 outline: none;
5245 color: #ccc;
5246 text-decoration: none;
5247 }
5248 .post-type-lp_order #order_details .order-items table .remove-order-item .dashicons {
5249 font-size: 1.25rem;
5250 }
5251 .post-type-lp_order #order_details .order-items table .remove-order-item:hover {
5252 color: #f00;
5253 }
5254 .post-type-lp_order #order_details .order-items table .order-item-row:hover .remove-order-item {
5255 display: inline-block;
5256 }
5257 .post-type-lp_order #order-export__button:hover {
5258 cursor: pointer;
5259 }
5260 .post-type-lp_order .export-modal.modal {
5261 display: none;
5262 position: fixed;
5263 z-index: 10;
5264 right: 0;
5265 top: 0;
5266 width: 100%;
5267 height: 100%;
5268 overflow: auto;
5269 background-color: #000000;
5270 background-color: rgba(0, 0, 0, 0.4);
5271 }
5272 .post-type-lp_order .export-modal .modal-content {
5273 background-color: #fefefe;
5274 margin: 5% auto;
5275 border: 1px solid #888;
5276 width: 60%;
5277 position: relative;
5278 }
5279 .post-type-lp_order .export-modal .close {
5280 color: #aaa;
5281 position: absolute;
5282 font-size: 28px;
5283 font-weight: bold;
5284 top: -5px;
5285 left: 11px;
5286 }
5287 .post-type-lp_order .export-modal .close:hover {
5288 color: black;
5289 text-decoration: none;
5290 cursor: pointer;
5291 }
5292 .post-type-lp_order .export-modal .close:focus {
5293 color: black;
5294 text-decoration: none;
5295 cursor: pointer;
5296 }
5297 .post-type-lp_order .export-modal .panel {
5298 display: none;
5299 }
5300 .post-type-lp_order .export-modal .panel.active {
5301 display: block;
5302 }
5303 .post-type-lp_order #order-export__tabs.tabs {
5304 display: flex;
5305 justify-content: space-around;
5306 height: 40px;
5307 box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
5308 }
5309 .post-type-lp_order #order-export__tabs.tabs > * {
5310 width: 100%;
5311 color: dimgray;
5312 height: 100%;
5313 cursor: pointer;
5314 display: flex;
5315 justify-content: center;
5316 align-items: center;
5317 }
5318 .post-type-lp_order #order-export__tabs.tabs > *:hover:not(.active) {
5319 background-color: #dcdcdc;
5320 }
5321 .post-type-lp_order #order-export__tabs.tabs > .active {
5322 color: white;
5323 background-color: #4CAF50;
5324 }
5325 .post-type-lp_order #lp-invoice__content {
5326 padding: 20px 40px 0;
5327 margin-bottom: 25px;
5328 }
5329 .post-type-lp_order #lp-invoice__content thead th {
5330 border-bottom: 1px solid #000;
5331 border-top: 1px solid #000;
5332 padding: 10px 20px;
5333 }
5334 .post-type-lp_order #lp-invoice__content tbody td {
5335 border-bottom: 1px solid #000;
5336 text-align: center;
5337 padding: 10px 20px;
5338 }
5339 .post-type-lp_order #lp-invoice__content tfoot td {
5340 border-bottom: 1px solid #000;
5341 text-align: center;
5342 padding: 10px 20px;
5343 }
5344 .post-type-lp_order .export-options__content {
5345 margin-bottom: 25px;
5346 padding: 10px 40px;
5347 }
5348 .post-type-lp_order .export-options {
5349 position: relative;
5350 }
5351 .post-type-lp_order .export-options__loading {
5352 opacity: 0;
5353 z-index: -1;
5354 visibility: hidden;
5355 position: absolute;
5356 top: 0;
5357 right: 0;
5358 width: 100%;
5359 background: #fff;
5360 left: 0;
5361 bottom: 0;
5362 display: flex;
5363 align-items: center;
5364 justify-content: center;
5365 }
5366 .post-type-lp_order .export-options__loading .spinner {
5367 background: url("../../images/spinner.gif") no-repeat center center;
5368 z-index: 9;
5369 display: inline-block;
5370 visibility: visible;
5371 }
5372 .post-type-lp_order .export-options__loading.active {
5373 opacity: 1;
5374 z-index: 9;
5375 visibility: visible;
5376 }
5377 .post-type-lp_order #lp-invoice__export {
5378 color: white;
5379 background-color: #4CAF50;
5380 border: 1px solid #4CAF50;
5381 padding: 10px 20px;
5382 transition: all 0.5s ease;
5383 }
5384 .post-type-lp_order #lp-invoice__export:hover {
5385 color: #000;
5386 background-color: #fff;
5387 border: 1px solid #000;
5388 transition: all 0.5s ease;
5389 cursor: pointer;
5390 }
5391 .post-type-lp_order #lp-invoice__update {
5392 color: white;
5393 background-color: #4CAF50;
5394 border: 1px solid #4CAF50;
5395 padding: 10px 20px;
5396 transition: all 0.5s ease;
5397 }
5398 .post-type-lp_order #lp-invoice__update:hover {
5399 color: #000;
5400 background-color: #fff;
5401 border: 1px solid #000;
5402 transition: all 0.5s ease;
5403 cursor: pointer;
5404 }
5405 .post-type-lp_order #lp-invoice__actions {
5406 display: flex;
5407 flex-direction: row;
5408 justify-content: flex-end;
5409 }
5410 .post-type-lp_order .export-options__actions {
5411 display: flex;
5412 flex-direction: row;
5413 justify-content: flex-end;
5414 }
5415 .post-type-lp_order .lp-invoice__body table {
5416 border-spacing: 0;
5417 width: 100%;
5418 }
5419 .post-type-lp_order .lp-order-status .dashicons {
5420 display: inline-flex !important;
5421 align-items: center;
5422 font-size: 1rem;
5423 }
5424 .post-type-lp_order .lp-order-items-wrapper .learn-press-pagination {
5425 text-align: right;
5426 }
5427 .post-type-lp_order .lp-order-items-wrapper .learn-press-pagination li {
5428 border: 1px solid #2271b1;
5429 background: #f6f7f7;
5430 }
5431 .post-type-lp_order .lp-order-items-wrapper .learn-press-pagination li .page-numbers {
5432 padding: 0 6px;
5433 }
5434 .post-type-lp_order .lp-order-items-wrapper .learn-press-pagination li .current {
5435 background: #2271b1;
5436 color: #fff !important;
5437 }
5438
5439 .swal2-popup.lp-admin-refund-modal {
5440 width: 560px;
5441 max-width: calc(100% - 32px);
5442 padding: 32px;
5443 border-radius: 8px;
5444 box-shadow: 0 12px 40px rgba(0, 0, 0, 0.2);
5445 }
5446 .swal2-popup.lp-admin-refund-modal .swal2-icon {
5447 margin-top: 0;
5448 margin-bottom: 20px;
5449 }
5450 .swal2-popup.lp-admin-refund-modal .swal2-title {
5451 padding: 0;
5452 color: #1d2327;
5453 font-size: 1.5rem;
5454 line-height: 1.3;
5455 }
5456 .swal2-popup.lp-admin-refund-modal .lp-admin-refund-modal__content {
5457 margin: 20px 0 0;
5458 padding: 0;
5459 color: #50575e;
5460 overflow: visible;
5461 }
5462 .swal2-popup.lp-admin-refund-modal .lp-admin-refund-modal__description {
5463 margin: 0 0 24px;
5464 line-height: 1.5;
5465 }
5466 .swal2-popup.lp-admin-refund-modal .lp-admin-refund-modal__form {
5467 text-align: right;
5468 }
5469 .swal2-popup.lp-admin-refund-modal .lp-admin-refund-modal__form .swal2-input-label {
5470 display: block;
5471 margin: 0 0 8px;
5472 color: #1d2327;
5473 font-size: 0.875rem;
5474 font-weight: 600;
5475 text-align: right;
5476 }
5477 .swal2-popup.lp-admin-refund-modal .lp-admin-refund-modal__form .swal2-textarea,
5478 .swal2-popup.lp-admin-refund-modal .lp-admin-refund-modal__form .swal2-input {
5479 display: block;
5480 width: 100%;
5481 margin: 0 0 20px;
5482 border: 1px solid #8c8f94;
5483 border-radius: 4px;
5484 color: #2c3338;
5485 background: #fff;
5486 box-shadow: none;
5487 box-sizing: border-box;
5488 font-size: 0.875rem;
5489 }
5490 .swal2-popup.lp-admin-refund-modal .lp-admin-refund-modal__form .swal2-textarea:focus,
5491 .swal2-popup.lp-admin-refund-modal .lp-admin-refund-modal__form .swal2-input:focus {
5492 border-color: #2271b1;
5493 box-shadow: 0 0 0 1px #2271b1;
5494 outline: 2px solid transparent;
5495 }
5496 .swal2-popup.lp-admin-refund-modal .lp-admin-refund-modal__form .swal2-textarea {
5497 min-height: 110px;
5498 padding: 10px 12px;
5499 resize: vertical;
5500 }
5501 .swal2-popup.lp-admin-refund-modal .lp-admin-refund-modal__form .swal2-input {
5502 height: 42px;
5503 padding: 0 12px;
5504 }
5505 .swal2-popup.lp-admin-refund-modal .swal2-validation-message {
5506 margin: 0 0 20px;
5507 border-radius: 4px;
5508 font-size: 0.875rem;
5509 }
5510 .swal2-popup.lp-admin-refund-modal .lp-admin-refund-modal__actions {
5511 display: grid;
5512 grid-template-columns: repeat(2, minmax(0, 1fr));
5513 gap: 12px;
5514 width: 100%;
5515 margin: 4px 0 0;
5516 padding: 0;
5517 }
5518 .swal2-popup.lp-admin-refund-modal .lp-admin-refund-modal__actions .swal2-styled {
5519 min-height: 42px;
5520 margin: 0;
5521 border-radius: 4px;
5522 font-size: 0.875rem;
5523 font-weight: 600;
5524 }
5525
5526 @media screen and (max-width: 480px) {
5527 .swal2-popup.lp-admin-refund-modal {
5528 width: calc(100% - 20px);
5529 max-width: none;
5530 padding: 24px 20px;
5531 }
5532 .swal2-popup.lp-admin-refund-modal .lp-admin-refund-modal__actions {
5533 grid-template-columns: 1fr;
5534 }
5535 }
5536 #learn-press-toggle-settings-js-css {
5537 display: none;
5538 }
5539 #learn-press-toggle-settings-js-css + table {
5540 display: none;
5541 }
5542 #learn-press-toggle-settings-js-css:checked + table {
5543 display: table;
5544 }
5545
5546 .color-schemas {
5547 margin: 0 0 20px 20px;
5548 float: right;
5549 }
5550 .color-schemas ul {
5551 list-style: none;
5552 margin: 0;
5553 padding: 0;
5554 }
5555 .color-schemas ul > li > label {
5556 font-weight: 600;
5557 display: block;
5558 margin-bottom: 10px;
5559 }
5560 .color-schemas .wp-color-picker {
5561 width: 80px;
5562 height: 24px;
5563 vertical-align: top;
5564 margin: 0;
5565 }
5566 .color-schemas .wp-picker-holder {
5567 position: absolute;
5568 }
5569 .color-schemas .buttons {
5570 display: none;
5571 }
5572 .color-schemas table {
5573 border-collapse: collapse;
5574 position: relative;
5575 }
5576 .color-schemas table td, .color-schemas table th {
5577 padding: 10px 10px;
5578 }
5579 .color-schemas table tbody {
5580 border: 1px solid transparent;
5581 position: relative;
5582 }
5583 .color-schemas table tbody td, .color-schemas table tbody th {
5584 text-align: right;
5585 background: #F5F5F5;
5586 }
5587 .color-schemas table tbody tr:first-child td, .color-schemas table tbody tr:first-child th {
5588 padding-bottom: 0;
5589 }
5590 .color-schemas table:after {
5591 content: "";
5592 position: absolute;
5593 top: 0;
5594 right: 0;
5595 left: 0;
5596 bottom: 0;
5597 background: rgba(255, 255, 255, 0.7);
5598 }
5599 .color-schemas tfoot td, .color-schemas tfoot th {
5600 padding-right: 0;
5601 padding-left: 0;
5602 }
5603 .color-schemas .remove-schema {
5604 float: left;
5605 color: #FF0000;
5606 }
5607 .color-schemas .wp-color-result {
5608 margin: 0;
5609 }
5610 .color-schemas .clone-schema {
5611 display: none;
5612 }
5613 .color-schemas:first-child .remove-schema,
5614 .color-schemas:first-child .apply-schema {
5615 display: none;
5616 }
5617 .color-schemas:nth-child(2) {
5618 clear: both;
5619 }
5620 .color-schemas:hover tbody {
5621 opacity: 1;
5622 }
5623 .color-schemas.current tbody {
5624 border-color: #DDD;
5625 }
5626 .color-schemas.current tbody td, .color-schemas.current tbody th {
5627 background: rgba(5, 215, 255, 0.26);
5628 }
5629 .color-schemas.current table:after {
5630 display: none;
5631 }
5632 .color-schemas.current .clone-schema {
5633 display: inline-block;
5634 }
5635
5636 .wp-picker-container {
5637 position: relative;
5638 }
5639 .wp-picker-container .wp-picker-holder {
5640 z-index: 99999;
5641 }
5642
5643 .lp-payment-addons-promo {
5644 margin-top: 15px;
5645 padding: 12px 16px;
5646 background: #f9f9f9;
5647 border: 1px solid #ddd;
5648 border-radius: 4px;
5649 }
5650 .lp-payment-addons-promo p {
5651 margin: 0;
5652 font-size: 0.875rem;
5653 color: #555;
5654 }
5655 .lp-payment-addons-promo__link {
5656 display: inline-flex;
5657 align-items: center;
5658 gap: 4px;
5659 margin-right: 6px;
5660 color: #7f54b3;
5661 font-weight: 600;
5662 text-decoration: none;
5663 }
5664 .lp-payment-addons-promo__link:hover {
5665 color: #5e3d8a;
5666 text-decoration: underline;
5667 }
5668 .lp-payment-addons-promo__link .dashicons {
5669 width: 14px;
5670 height: 14px;
5671 font-size: 14px;
5672 }
5673
5674 .lp-install-sample__options {
5675 margin-bottom: 20px;
5676 padding: 0 20px;
5677 border: 1px solid #eee;
5678 border-radius: 4px;
5679 }
5680 .lp-install-sample__options legend {
5681 padding: 5px;
5682 font-weight: 500;
5683 }
5684 .lp-install-sample__buttons {
5685 display: flex;
5686 margin-top: 25px;
5687 align-items: center;
5688 justify-content: space-between;
5689 }
5690 .lp-install-sample__toggle-options {
5691 margin-left: auto;
5692 margin-right: 10px;
5693 }
5694 .lp-install-sample__uninstall {
5695 float: left;
5696 }
5697 .lp-install-sample__response {
5698 margin: 0;
5699 padding: 10px;
5700 border: 2px solid #059601;
5701 border-radius: 6px;
5702 }
5703 .lp-install-sample__response.fail {
5704 border-color: #d85554;
5705 }
5706
5707 .lp-update-db-modal {
5708 display: flex;
5709 position: fixed;
5710 z-index: 9999;
5711 top: 0;
5712 left: 0;
5713 right: 0;
5714 width: 100%;
5715 min-height: 100vh;
5716 text-align: center;
5717 align-items: center;
5718 justify-content: center;
5719 }
5720 .lp-update-db-modal__hidden {
5721 display: none !important;
5722 visibility: hidden;
5723 opacity: 0;
5724 pointer-events: none;
5725 }
5726 .lp-update-db-modal__overlay {
5727 position: absolute;
5728 z-index: 1;
5729 top: 0;
5730 left: 0;
5731 bottom: 0;
5732 right: 0;
5733 width: 100%;
5734 height: 100%;
5735 background-color: rgba(209, 213, 219, 0.8);
5736 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
5737 transition-duration: 150ms;
5738 transition-property: opacity;
5739 }
5740 .lp-update-db-modal__content {
5741 display: inline-block;
5742 overflow: hidden;
5743 z-index: 2;
5744 width: 100%;
5745 max-width: 510px;
5746 border-radius: 8px;
5747 text-align: right;
5748 vertical-align: middle;
5749 }
5750 .lp-update-db-modal__content-header {
5751 padding: 24px 24px 16px 24px;
5752 background-color: #fff;
5753 }
5754 .lp-update-db-modal__content-start {
5755 display: flex;
5756 flex-direction: flex-start;
5757 }
5758 .lp-update-db-modal__content-icon {
5759 display: flex;
5760 width: 40px;
5761 height: 40px;
5762 margin-left: 0;
5763 margin-right: 0;
5764 border-radius: 999px;
5765 background-color: rgb(254, 226, 226);
5766 justify-content: center;
5767 align-items: center;
5768 flex: 0 0 auto;
5769 }
5770 .lp-update-db-modal__content-icon svg {
5771 width: 24px;
5772 height: 24px;
5773 color: rgb(220, 38, 38);
5774 }
5775 .lp-update-db-modal__content-icon svg:last-child {
5776 color: rgb(37, 141, 108);
5777 }
5778 .lp-update-db-modal__content-icon__success {
5779 display: none;
5780 }
5781 .lp-update-db-modal__content-text {
5782 margin-right: 18px;
5783 text-align: right;
5784 }
5785 .lp-update-db-modal__content-text h3 {
5786 margin: 0;
5787 font-weight: 500;
5788 }
5789 .lp-update-db-modal__content-text p {
5790 margin: 0;
5791 margin-top: 10px;
5792 color: #999;
5793 font-size: 0.875rem;
5794 font-weight: 400;
5795 }
5796 .lp-update-db-modal__content-footer {
5797 display: flex;
5798 flex-direction: row;
5799 padding: 10px 24px;
5800 background-color: rgb(249, 250, 251);
5801 justify-content: flex-end;
5802 align-items: center;
5803 }
5804 .lp-update-db-modal__content-footer a {
5805 padding: 8px 16px;
5806 border: 1px solid #e5e7eb;
5807 border-radius: 6px;
5808 color: rgb(55, 65, 81);
5809 font-size: 0.8125rem;
5810 font-weight: 500;
5811 text-decoration: none;
5812 }
5813 .lp-update-db-modal__content-footer a:last-child {
5814 margin-right: 10px;
5815 color: #fff;
5816 background-color: #0073aa;
5817 }
5818 .lp-update-db-modal__success .lp-update-db-modal__content-icon {
5819 background-color: rgb(222, 247, 236);
5820 }
5821 .lp-update-db-modal__success .lp-update-db-modal__content-icon__error {
5822 display: none;
5823 }
5824 .lp-update-db-modal__success .lp-update-db-modal__content-icon__success {
5825 display: block;
5826 }
5827
5828 #lp-tool-upgrade-db .wrapper-lp-upgrade-message, #lp-tool-upgrade-db .wrapper-terms-upgrade, #lp-tool-upgrade-db .wrapper-lp-loading {
5829 display: none;
5830 }
5831
5832 .terms-upgrade {
5833 max-width: 500px;
5834 margin: 0 auto;
5835 }
5836 .terms-upgrade .error {
5837 display: none;
5838 }
5839
5840 .lp-modal-footer .learn-press-notice {
5841 color: #ff6060;
5842 font-weight: 500;
5843 font-style: italic;
5844 }
5845
5846 .lp-modal-body .lp-skeleton-animation {
5847 width: 500px;
5848 margin: 0 20px;
5849 }
5850
5851 .tools-select__data {
5852 overflow: hidden;
5853 }
5854 .tools-select__data li {
5855 background-color: #fff;
5856 border: 1px solid #eee;
5857 color: #000;
5858 display: flex;
5859 flex-direction: row;
5860 align-items: center;
5861 flex: 0 0 auto;
5862 font-size: 0.875rem;
5863 line-height: 1.4em;
5864 font-weight: normal;
5865 padding: 10px;
5866 width: 100%;
5867 }
5868 .tools-select__data li input {
5869 margin: 0 0 0 10px;
5870 }
5871
5872 .progressbar__content {
5873 width: 100%;
5874 font-size: 0.875rem;
5875 font-weight: normal;
5876 line-height: 1.4em;
5877 background: #eee;
5878 padding: 10px 0;
5879 display: flex;
5880 flex-direction: column;
5881 align-items: center;
5882 justify-content: center;
5883 }
5884 .progressbar__content span {
5885 z-index: 9;
5886 }
5887
5888 .progressbar__container {
5889 position: relative;
5890 }
5891
5892 .progressbar__value {
5893 position: absolute;
5894 width: 0;
5895 height: 100%;
5896 right: 0;
5897 top: 0;
5898 background: #8A2BE2;
5899 }
5900
5901 .progressbar__item h4 {
5902 z-index: 9;
5903 margin: 0;
5904 }
5905
5906 .progressbar__item {
5907 width: 500px;
5908 border-bottom: 1px solid #fff;
5909 }
5910
5911 .progressbar__indexs {
5912 z-index: 9;
5913 }
5914
5915 .lp-tool__message {
5916 text-align: center;
5917 color: red;
5918 padding: 10px 0;
5919 display: none;
5920 }
5921
5922 .tools-prepare__message {
5923 background: #dba617;
5924 padding: 10px 0;
5925 text-align: center;
5926 display: none;
5927 }
5928
5929 /*** Admin notices ***/
5930 .lp-admin-notices {
5931 background: transparent;
5932 display: none;
5933 padding: 0;
5934 border: none;
5935 margin: 0 !important;
5936 }
5937 .lp-admin-notices .lp-admin-notice {
5938 position: relative;
5939 }
5940 .lp-admin-notices .lp-mes-beta-version {
5941 background: #4299e1;
5942 color: whitesmoke;
5943 }
5944 .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 {
5945 color: white;
5946 }
5947 .lp-admin-notices .lp-mes-beta-version .btn-lp-notice-dismiss::before {
5948 color: #fff0f6;
5949 }
5950
5951 .tab-lp-admin-notice {
5952 margin-right: 5px;
5953 width: 4px;
5954 height: 4px;
5955 background: #ff1919;
5956 display: inline-flex;
5957 border-radius: 999px;
5958 vertical-align: middle;
5959 }
5960
5961 .learn-press-admin-notices {
5962 padding: 0;
5963 border: none;
5964 background: transparent;
5965 }
5966 .learn-press-admin-notices .lp-target {
5967 display: grid;
5968 gap: 10px;
5969 }
5970 .learn-press-admin-notices .btn-lp-notice-dismiss {
5971 position: absolute;
5972 top: 15px;
5973 left: 20px;
5974 color: #898989;
5975 }
5976 .learn-press-admin-notices .btn-lp-notice-dismiss:hover {
5977 cursor: pointer;
5978 color: #dc2626;
5979 }
5980 .learn-press-admin-notices.notice a, .learn-press-admin-notices a {
5981 text-decoration: none;
5982 }
5983
5984 /**
5985 * General style for admin editor.
5986 */
5987 .lp-admin-editor {
5988 position: relative;
5989 margin: 0;
5990 background-color: #fff;
5991 }
5992 .lp-admin-editor .heading,
5993 .lp-admin-editor .lp-box-data-content {
5994 padding: 0;
5995 }
5996
5997 #learn-press-admin-editor-metabox-settings {
5998 margin-top: 20px;
5999 }
6000
6001 /**
6002 * Course admin editor.
6003 */
6004 #course-editor .inside {
6005 margin: 0;
6006 padding: 0;
6007 }
6008
6009 #admin-editor-lp_course .lp-course-curriculum .heading {
6010 display: flex;
6011 flex-direction: row;
6012 flex-wrap: nowrap;
6013 position: relative;
6014 padding: 8px 20px;
6015 align-items: center;
6016 line-height: 1;
6017 }
6018 #admin-editor-lp_course .lp-course-curriculum .heading h4 {
6019 margin: 0;
6020 font-size: 1rem;
6021 }
6022 #admin-editor-lp_course .lp-course-curriculum .heading .collapse-sections {
6023 display: flex;
6024 width: 40px;
6025 color: #999;
6026 font-family: Dashicons;
6027 font-size: 1.875rem;
6028 cursor: pointer;
6029 justify-content: center;
6030 align-items: center;
6031 }
6032 #admin-editor-lp_course .lp-course-curriculum .heading .collapse-sections.close::before {
6033 content: "\f140";
6034 }
6035 #admin-editor-lp_course .lp-course-curriculum .heading .collapse-sections.open::before {
6036 content: "\f142";
6037 }
6038 #admin-editor-lp_course .lp-course-curriculum .heading .status {
6039 visibility: hidden;
6040 position: relative;
6041 top: 5px;
6042 margin-right: 10px;
6043 font-family: Dashicons;
6044 font-size: 1.25rem;
6045 }
6046 #admin-editor-lp_course .lp-course-curriculum .heading .status::before {
6047 content: "\f463";
6048 }
6049 #admin-editor-lp_course .lp-course-curriculum .heading .status.loading {
6050 display: inline-block;
6051 visibility: visible;
6052 animation: rotation 2s infinite linear;
6053 }
6054 #admin-editor-lp_course .lp-course-curriculum .curriculum-sections {
6055 margin: 0;
6056 margin: 0 20px 20px 20px;
6057 border: 1px solid #ddd;
6058 }
6059 #admin-editor-lp_course .lp-course-curriculum .section {
6060 margin: 0;
6061 border-bottom: 1px solid #e5e5e5;
6062 opacity: 1;
6063 background: #fff;
6064 }
6065 #admin-editor-lp_course .lp-course-curriculum .section:first-child {
6066 border-top: 0;
6067 }
6068 #admin-editor-lp_course .lp-course-curriculum .section.new-section {
6069 margin-top: 1px;
6070 border: none;
6071 }
6072 #admin-editor-lp_course .lp-course-curriculum .section.new-section form {
6073 margin: 0;
6074 }
6075 #admin-editor-lp_course .lp-course-curriculum .section.new-section .section-head {
6076 background-color: #f4fcff;
6077 }
6078 #admin-editor-lp_course .lp-course-curriculum .section.new-section .section-head .creatable {
6079 position: relative;
6080 top: 1px;
6081 }
6082 #admin-editor-lp_course .lp-course-curriculum .section.new-section .section-head .creatable::before {
6083 content: "\f132";
6084 }
6085 #admin-editor-lp_course .lp-course-curriculum .section.empty-section {
6086 position: relative;
6087 }
6088 #admin-editor-lp_course .lp-course-curriculum .section.empty-section::after {
6089 position: absolute;
6090 top: 0;
6091 left: 0;
6092 bottom: 0;
6093 right: 0;
6094 opacity: 0.5;
6095 background: #fff;
6096 content: "";
6097 }
6098 #admin-editor-lp_course .lp-course-curriculum .section.empty-section .section-head .movable::before {
6099 display: inline-block;
6100 color: #a2a2a2;
6101 content: "\f463";
6102 animation: rotating4 2s linear infinite;
6103 }
6104 #admin-editor-lp_course .lp-course-curriculum .section.empty-section .section-collapse {
6105 display: none;
6106 }
6107 #admin-editor-lp_course .lp-course-curriculum .section:hover .section-actions .remove {
6108 display: inline-block;
6109 }
6110 #admin-editor-lp_course .lp-course-curriculum .section input {
6111 background-color: transparent;
6112 box-shadow: none;
6113 }
6114 #admin-editor-lp_course .lp-course-curriculum .section input:focus {
6115 box-shadow: none;
6116 }
6117 #admin-editor-lp_course .lp-course-curriculum .section .section-head {
6118 display: flex;
6119 position: relative;
6120 height: 42px;
6121 margin: 0;
6122 padding: 0;
6123 background-color: #f4fcff;
6124 line-height: 2.5rem;
6125 transition: background 500ms ease-out;
6126 align-items: center;
6127 }
6128 #admin-editor-lp_course .lp-course-curriculum .section .section-head .movable,
6129 #admin-editor-lp_course .lp-course-curriculum .section .section-head .creatable {
6130 display: inline-block;
6131 width: 40px;
6132 margin: 0;
6133 color: #999;
6134 font-family: Dashicons;
6135 font-size: 1.25rem;
6136 text-align: center;
6137 vertical-align: middle;
6138 }
6139 #admin-editor-lp_course .lp-course-curriculum .section .section-head .movable {
6140 margin-left: -1px;
6141 cursor: url("../../images/openhand.cur") 7 5, default;
6142 }
6143 #admin-editor-lp_course .lp-course-curriculum .section .section-head .movable::before {
6144 content: "\f333";
6145 }
6146 #admin-editor-lp_course .lp-course-curriculum .section .section-head .movable:hover {
6147 color: #0085ba;
6148 }
6149 #admin-editor-lp_course .lp-course-curriculum .section .section-head .section-item-counts {
6150 line-height: 2.5rem;
6151 }
6152 #admin-editor-lp_course .lp-course-curriculum .section .section-head .actions {
6153 height: 100%;
6154 color: #444;
6155 }
6156 #admin-editor-lp_course .lp-course-curriculum .section .section-head .actions > * {
6157 display: inline-block;
6158 height: 100%;
6159 text-align: center;
6160 cursor: pointer;
6161 }
6162 #admin-editor-lp_course .lp-course-curriculum .section .section-head .actions .collapse:hover {
6163 color: #0085ba;
6164 }
6165 #admin-editor-lp_course .lp-course-curriculum .section .section-head .actions .collapse::before {
6166 display: inline-block;
6167 width: 40px;
6168 color: #999;
6169 font-family: Dashicons;
6170 font-size: 1rem;
6171 line-height: 2.5rem;
6172 }
6173 #admin-editor-lp_course .lp-course-curriculum .section .section-head .actions .collapse.open::before {
6174 content: "\f343";
6175 }
6176 #admin-editor-lp_course .lp-course-curriculum .section .section-head .actions .collapse.close::before {
6177 content: "\f347";
6178 }
6179 #admin-editor-lp_course .lp-course-curriculum .section .name {
6180 width: 100%;
6181 border: none;
6182 color: #777;
6183 font-size: 1.5rem;
6184 font-weight: 600;
6185 line-height: 3.125rem;
6186 }
6187 #admin-editor-lp_course .lp-course-curriculum .section .name:focus {
6188 color: #444;
6189 }
6190 #admin-editor-lp_course .lp-course-curriculum .section .section-collapse {
6191 overflow: hidden;
6192 }
6193 #admin-editor-lp_course .lp-course-curriculum .section .section-content {
6194 padding: 20px;
6195 border-top: 1px solid #e5e5e5;
6196 }
6197 #admin-editor-lp_course .lp-course-curriculum .section .details {
6198 margin-bottom: 20px;
6199 }
6200 #admin-editor-lp_course .lp-course-curriculum .section .title-input {
6201 padding-right: 0;
6202 border: none;
6203 font-size: 1.2em;
6204 line-height: 1.875rem;
6205 flex: 1;
6206 }
6207 #admin-editor-lp_course .lp-course-curriculum .section .description-input {
6208 width: 100%;
6209 margin: 0;
6210 padding: 0;
6211 border: none;
6212 color: #999;
6213 }
6214 #admin-editor-lp_course .lp-course-curriculum .section .description-input:focus {
6215 color: #444;
6216 }
6217 #admin-editor-lp_course .lp-course-curriculum .section-list-items {
6218 width: 100%;
6219 border-collapse: collapse;
6220 }
6221 #admin-editor-lp_course .lp-course-curriculum .section-list-items ul {
6222 position: relative;
6223 min-height: 5px;
6224 margin: 0;
6225 }
6226 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item {
6227 display: flex;
6228 position: relative;
6229 margin: 0;
6230 border: 1px solid #eee;
6231 border-bottom-width: 0;
6232 background: #fff;
6233 transition: background 200ms ease-out;
6234 justify-content: center;
6235 align-items: center;
6236 }
6237 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item.ui-sortable-helper {
6238 border-bottom: 1px solid #eee;
6239 }
6240 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item:nth-child(2n+1) {
6241 background-color: #f7f7f7;
6242 }
6243 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item.updating::before {
6244 position: absolute;
6245 z-index: 2;
6246 top: 0;
6247 left: 0;
6248 bottom: 0;
6249 right: 0;
6250 content: "";
6251 }
6252 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item.removing {
6253 background-color: #ffeded;
6254 }
6255 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .drag {
6256 height: 20px;
6257 padding-top: 3px;
6258 padding-right: 6px;
6259 cursor: url("../../images/openhand.cur") 7 5, default;
6260 fill: #999;
6261 flex: 0 0 18px;
6262 }
6263 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .drag:hover {
6264 fill: #0085ba;
6265 }
6266 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .icon {
6267 display: flex;
6268 align-items: center;
6269 justify-content: center;
6270 }
6271 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .title {
6272 margin-left: 120px;
6273 margin-right: 2px;
6274 flex-grow: 1;
6275 flex-basis: 100%;
6276 }
6277 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .title input {
6278 color: inherit;
6279 }
6280 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .item-actions {
6281 display: flex;
6282 position: absolute;
6283 top: 0;
6284 left: 2px;
6285 bottom: 0;
6286 align-items: center;
6287 justify-content: center;
6288 }
6289 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .actions {
6290 margin: 0;
6291 }
6292 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .actions > * {
6293 visibility: hidden;
6294 margin-left: 10px;
6295 }
6296 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .actions .edit {
6297 text-decoration: none;
6298 }
6299 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .actions .remove {
6300 color: #a00;
6301 }
6302 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item:hover .drag {
6303 visibility: visible;
6304 }
6305 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item:not(.lp_lesson) .item-actions .actions .preview-item {
6306 display: none;
6307 }
6308 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item {
6309 display: flex;
6310 position: relative;
6311 border-bottom-width: 1px;
6312 transition: all 200ms ease-out;
6313 align-items: center;
6314 }
6315 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .drag {
6316 display: flex;
6317 width: 30px;
6318 color: #999;
6319 font-family: Dashicons;
6320 font-size: 1rem;
6321 vertical-align: middle;
6322 cursor: default;
6323 align-items: center;
6324 justify-content: center;
6325 }
6326 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .drag::before {
6327 content: "\f132";
6328 }
6329 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .title {
6330 display: inline-block;
6331 margin: 0;
6332 flex: 1;
6333 }
6334 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .types {
6335 display: inline-block;
6336 }
6337 #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 {
6338 background-color: #fff;
6339 }
6340 #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 {
6341 display: inline-block;
6342 }
6343 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .types .type {
6344 display: inline-block;
6345 padding: 8px 5px;
6346 color: #ccc;
6347 }
6348 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .types .type input {
6349 display: none;
6350 }
6351 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .types .type.current {
6352 color: #0085ba;
6353 }
6354 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .types .type::before {
6355 position: relative;
6356 top: 2px;
6357 font-family: Dashicons;
6358 font-size: 1.25rem;
6359 }
6360 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .types .type.lp_quiz {
6361 padding: 8px 0 8px 6px;
6362 }
6363 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .types .type.lp_quiz::before {
6364 content: "\f469";
6365 }
6366 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .types .type.lp_lesson::before {
6367 content: "\f330";
6368 }
6369 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .types .type.empty-item::before {
6370 content: "\f463";
6371 }
6372 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .item-actions {
6373 text-align: left;
6374 }
6375 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .item-actions .actions .action {
6376 display: inline-block;
6377 position: relative;
6378 width: 30px;
6379 height: 30px;
6380 margin: 0;
6381 padding: 0;
6382 text-align: center;
6383 vertical-align: middle;
6384 cursor: pointer;
6385 }
6386 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .item-actions .actions .action > a {
6387 width: 30px;
6388 height: 30px;
6389 color: #999;
6390 line-height: 1.875rem;
6391 }
6392 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .item-actions .actions .action > a:hover {
6393 color: #0073aa;
6394 }
6395 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .item-actions .actions .action.delete-item > a:hover {
6396 color: #e74c3c;
6397 }
6398 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .item-actions .actions .action.delete-item ul {
6399 display: none;
6400 position: absolute;
6401 z-index: 9;
6402 top: 100%;
6403 left: 0;
6404 width: 165px;
6405 margin: 0;
6406 border: 1px solid #999;
6407 background: #fdfeff;
6408 text-align: center;
6409 }
6410 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .item-actions .actions .action.delete-item ul li {
6411 margin: 0;
6412 border-bottom: 1px solid #eee;
6413 text-align: left;
6414 }
6415 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .item-actions .actions .action.delete-item ul li a {
6416 display: block;
6417 padding: 10px 25px;
6418 color: #757575;
6419 font-size: 0.75rem;
6420 text-decoration: none;
6421 }
6422 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .item-actions .actions .action.delete-item ul li a.delete-permanently {
6423 color: #e74c3c;
6424 }
6425 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .item-actions .actions .action.delete-item ul li:hover {
6426 background: #eee;
6427 }
6428 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .item-actions .actions .action.delete-item:hover ul {
6429 display: block;
6430 }
6431 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item:hover .item-actions .actions > * {
6432 visibility: visible;
6433 cursor: pointer;
6434 }
6435 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item.lp_quiz .icon::before {
6436 content: "\f469";
6437 }
6438 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item.lp_lesson .icon::before {
6439 content: "\f330";
6440 }
6441 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item.empty-item {
6442 position: relative;
6443 color: #a2a2a2;
6444 }
6445 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item.empty-item::after {
6446 position: absolute;
6447 top: 0;
6448 left: 0;
6449 bottom: 0;
6450 right: 0;
6451 opacity: 0.5;
6452 background: #fff;
6453 content: "";
6454 }
6455 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item.empty-item .item-actions {
6456 display: none;
6457 }
6458 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item.empty-item .icon::before {
6459 color: #a2a2a2;
6460 content: "\f463";
6461 animation: rotating4 2s linear infinite;
6462 }
6463 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .icon {
6464 color: #0085ba;
6465 font-size: 1.25rem;
6466 text-align: center;
6467 flex: 0 0 29px;
6468 }
6469 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .icon::before {
6470 font-family: Dashicons;
6471 }
6472 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item input {
6473 width: 100%;
6474 padding: 8px 0 8px 10px;
6475 border: none;
6476 color: inherit;
6477 font-size: 0.875rem;
6478 font-weight: 600;
6479 }
6480 #admin-editor-lp_course .lp-course-curriculum .section-actions {
6481 padding: 0 20px 20px 20px;
6482 }
6483 #admin-editor-lp_course .lp-course-curriculum .section-actions .remove {
6484 display: none;
6485 float: left;
6486 height: 30px;
6487 border: 1px solid #eee;
6488 border-radius: 3px;
6489 color: #e74c3c;
6490 line-height: 1.875rem;
6491 cursor: pointer;
6492 }
6493 #admin-editor-lp_course .lp-course-curriculum .section-actions .remove .icon {
6494 padding: 0 18px;
6495 }
6496 #admin-editor-lp_course .lp-course-curriculum .section-actions .remove .confirm {
6497 display: none;
6498 padding: 0 18px;
6499 }
6500 #admin-editor-lp_course .lp-course-curriculum .section-actions .remove.confirm .confirm {
6501 display: inline-block;
6502 }
6503 #admin-editor-lp_course .lp-course-curriculum .section-actions .remove.confirm .icon {
6504 display: none;
6505 }
6506 #admin-editor-lp_course .lp-course-curriculum .ui-sortable-placeholder {
6507 display: block;
6508 visibility: visible !important;
6509 border-color: #bdf4fe !important;
6510 background: #bdf4fe !important;
6511 }
6512
6513 .wp-admin.post-type-lp_course #meta-box-tab-course_payment .learn-press-tip-floating {
6514 top: 40px;
6515 right: 100px;
6516 opacity: 0.8;
6517 background: #a00;
6518 }
6519 .wp-admin.post-type-lp_course #meta-box-tab-course_payment .learn-press-tip-floating::before {
6520 top: -7px;
6521 border: 7px solid transparent;
6522 border-top-width: 0;
6523 border-bottom-color: #a00;
6524 }
6525
6526 .section-item-counts {
6527 margin: 0;
6528 margin-right: auto;
6529 font-size: 0.75rem;
6530 white-space: nowrap;
6531 }
6532 .section-item-counts span {
6533 color: #999;
6534 }
6535
6536 #course-editor {
6537 margin-bottom: 10px;
6538 }
6539 #course-editor .inside .rwmb-custom_html-wrapper > .rwmb-label {
6540 display: none;
6541 }
6542 #course-editor .inside .rwmb-custom_html-wrapper > .rwmb-input {
6543 margin-right: 0;
6544 }
6545
6546 /**
6547 * Quiz admin editor.
6548 */
6549 #quiz-editor .inside .rwmb-custom_html-wrapper > .rwmb-label {
6550 display: none;
6551 }
6552 #quiz-editor .inside .rwmb-custom_html-wrapper > .rwmb-input {
6553 margin-right: 0;
6554 }
6555
6556 #quiz-editor .inside {
6557 margin: 0;
6558 padding: 0;
6559 }
6560
6561 #admin-editor-lp_quiz {
6562 margin: 0;
6563 padding: 0;
6564 border: none;
6565 }
6566 #admin-editor-lp_quiz form {
6567 margin: 0;
6568 }
6569 #admin-editor-lp_quiz .lp-box-data-head {
6570 display: flex;
6571 flex-direction: row;
6572 margin: 0;
6573 padding: 6px 20px;
6574 align-items: center;
6575 }
6576 #admin-editor-lp_quiz .lp-box-data-head h3 {
6577 padding: 0;
6578 }
6579 #admin-editor-lp_quiz .lp-box-data-head .status {
6580 visibility: hidden;
6581 position: relative;
6582 top: 5px;
6583 margin-right: 10px;
6584 font-family: Dashicons;
6585 font-size: 1.25rem;
6586 }
6587 #admin-editor-lp_quiz .lp-box-data-head .status::before {
6588 content: "\f463";
6589 }
6590 #admin-editor-lp_quiz .lp-box-data-head .status.loading {
6591 display: inline-block;
6592 visibility: visible;
6593 animation: rotation 2s infinite linear;
6594 }
6595 #admin-editor-lp_quiz .lp-box-data-head .collapse-list-questions {
6596 display: flex;
6597 width: 40px;
6598 height: 30px;
6599 color: #999;
6600 font-family: Dashicons;
6601 font-size: 1.875rem;
6602 cursor: pointer;
6603 justify-content: center;
6604 align-items: center;
6605 }
6606 #admin-editor-lp_quiz .lp-box-data-content {
6607 margin: 20px;
6608 margin-top: 0;
6609 border: 1px solid #ddd;
6610 }
6611 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions {
6612 border-collapse: collapse;
6613 color: #777;
6614 }
6615 @media (max-width: 1560px) {
6616 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .fill_in_blanks .question-settings {
6617 flex-direction: column;
6618 }
6619 }
6620 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row {
6621 display: flex;
6622 flex-direction: row;
6623 text-align: center;
6624 align-items: center;
6625 }
6626 @media (max-width: 1024px) {
6627 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row.question-settings {
6628 flex-direction: column;
6629 }
6630 }
6631 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > * {
6632 width: 100%;
6633 padding: 12px 8px;
6634 }
6635 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .sort {
6636 position: relative;
6637 color: #999;
6638 cursor: url("../../images/openhand.cur") 7 5, default;
6639 flex: 0 0 15px;
6640 }
6641 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .sort .svg-icon {
6642 height: 18px;
6643 margin-top: -2px;
6644 vertical-align: middle;
6645 fill: #999;
6646 }
6647 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .sort:hover {
6648 fill: #0085ba;
6649 }
6650 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .order {
6651 padding: 12px 0;
6652 color: #32373c;
6653 font-size: 1.2em;
6654 text-align: right;
6655 flex: 0 0 25px;
6656 }
6657 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .order::after {
6658 content: ".";
6659 }
6660 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .type {
6661 display: inline-flex;
6662 position: relative;
6663 width: 125px;
6664 height: 32px;
6665 padding: 0;
6666 border-radius: 2px;
6667 background-color: #eee;
6668 box-shadow: 0 0 2px rgba(0, 0, 0, 0.22);
6669 line-height: 2rem;
6670 cursor: pointer;
6671 flex: 0 0 auto;
6672 align-items: center;
6673 }
6674 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .type > a {
6675 display: inline-flex;
6676 width: 100%;
6677 padding: 0 10px;
6678 color: #666;
6679 text-align: center;
6680 cursor: pointer;
6681 align-items: center;
6682 justify-content: center;
6683 }
6684 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .type > a::after {
6685 margin-right: 5px;
6686 font-family: Dashicons;
6687 font-size: 0.875rem;
6688 line-height: 1.875rem;
6689 content: "\f347";
6690 }
6691 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .type ul {
6692 visibility: hidden;
6693 position: absolute;
6694 z-index: 9999;
6695 top: 100%;
6696 left: 0;
6697 height: auto;
6698 margin: 0;
6699 margin-top: -1px;
6700 border: 1px solid #999;
6701 border-radius: 2px;
6702 opacity: 1;
6703 background: #fdfeff;
6704 pointer-events: none;
6705 }
6706 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .type ul li {
6707 margin: 0;
6708 }
6709 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .type ul li a {
6710 display: block;
6711 min-width: 110px;
6712 padding: 10px 20px;
6713 color: #757575;
6714 line-height: 1.25rem;
6715 text-align: left;
6716 white-space: nowrap;
6717 text-decoration: none;
6718 }
6719 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .type ul li a:hover {
6720 background-color: #eee;
6721 }
6722 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .type ul li.disabled {
6723 opacity: 0.4;
6724 background-color: #fff;
6725 user-select: none;
6726 pointer-events: none;
6727 }
6728 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .type:hover ul {
6729 visibility: visible;
6730 opacity: 1;
6731 pointer-events: visible;
6732 }
6733 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .actions {
6734 width: 300px;
6735 }
6736 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .name {
6737 padding-right: 5px;
6738 }
6739 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row:hover > .sort {
6740 visibility: visible;
6741 }
6742 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row .actions .lp-box-data-actions {
6743 text-align: left !important;
6744 }
6745 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .header {
6746 display: none;
6747 border-bottom: 1px solid #ddd;
6748 }
6749 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .header .table-row > * {
6750 font-weight: bold;
6751 }
6752 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .header .table-row > .order::after {
6753 content: "";
6754 }
6755 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .header .table-row > .actions {
6756 padding: 12px 0;
6757 }
6758 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-actions .name input {
6759 width: 100%;
6760 padding: 0;
6761 border: none;
6762 color: #777;
6763 background: transparent;
6764 box-shadow: none;
6765 font-size: 0.875rem;
6766 font-weight: normal;
6767 }
6768 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings {
6769 padding: 0 20px;
6770 border: 1px solid #ddd;
6771 border-left: none;
6772 border-right: none;
6773 }
6774 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings > * {
6775 padding: 20px 0 20px 20px;
6776 }
6777 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings .quiz-question-data table.lp-list-options {
6778 border: 1px solid #ddd;
6779 }
6780 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings .quiz-question-data table.lp-list-options .sort {
6781 width: 12px;
6782 padding: 8px 6px;
6783 }
6784 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings .quiz-question-data table.lp-list-options .answer-text {
6785 width: calc(100% - 100px);
6786 padding-right: 0;
6787 color: #444;
6788 font-weight: 600;
6789 }
6790 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings .quiz-question-data table.lp-list-options .order {
6791 width: 10px;
6792 padding: 0;
6793 text-align: left;
6794 }
6795 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings .quiz-question-data table.lp-list-options .answer-correct {
6796 width: 65px;
6797 color: #444;
6798 font-weight: 600;
6799 text-align: center;
6800 }
6801 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings .quiz-question-data table.lp-list-options .actions {
6802 padding: 0;
6803 text-align: left;
6804 }
6805 #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 {
6806 height: 42px;
6807 }
6808 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings .quiz-question-data table.lp-list-options tbody tr {
6809 border: 1px solid #ddd;
6810 background: #f4fcff;
6811 }
6812 #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) {
6813 background: #fff;
6814 }
6815 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings .quiz-question-data table.lp-list-options tbody tr td {
6816 position: static;
6817 padding: 0 10px;
6818 border: none;
6819 background: inherit;
6820 }
6821 #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 {
6822 width: 12px;
6823 cursor: url("../../images/openhand.cur") 7 5, default;
6824 }
6825 #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 {
6826 padding-right: 0;
6827 }
6828 #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 {
6829 text-align: center;
6830 }
6831 #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 {
6832 height: 18px;
6833 vertical-align: middle;
6834 fill: #999;
6835 }
6836 #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 {
6837 visibility: visible;
6838 }
6839 #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 {
6840 fill: #0085ba;
6841 }
6842 #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 {
6843 visibility: visible !important;
6844 }
6845 #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 {
6846 height: 43px;
6847 background: #bdf4fe !important;
6848 }
6849 #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 {
6850 border-left: none;
6851 border-right: none;
6852 }
6853 #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 {
6854 border-bottom: 1px solid #ddd;
6855 }
6856 #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 {
6857 border-right: 0;
6858 }
6859 #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 {
6860 display: none;
6861 }
6862 #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 {
6863 display: inline-block;
6864 position: absolute;
6865 top: 12px;
6866 right: 4px;
6867 font-family: Dashicons;
6868 font-size: 1.125rem;
6869 content: "\f463";
6870 animation: rotating4 2s linear infinite;
6871 }
6872 #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 {
6873 position: relative;
6874 }
6875 #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 {
6876 position: absolute;
6877 top: 0;
6878 left: 1px;
6879 bottom: 0;
6880 right: 0;
6881 opacity: 0.5;
6882 background: #fff;
6883 content: "";
6884 }
6885 #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 {
6886 width: 100%;
6887 padding: 0;
6888 border: none;
6889 color: #777;
6890 background: transparent;
6891 box-shadow: none;
6892 font-size: 0.875rem;
6893 font-weight: normal;
6894 }
6895 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item {
6896 border-bottom: 1px solid #ddd;
6897 background: #f4fcff;
6898 line-height: 1.125rem;
6899 /*&:nth-child(2n+1) {
6900 background: #f4fcff;
6901 }*/
6902 }
6903 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item.ui-sortable-helper {
6904 border-top: 1px solid #f1f1f1;
6905 }
6906 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item.ui-sortable-placeholder {
6907 display: block;
6908 visibility: visible !important;
6909 border-color: #bdf4fe !important;
6910 background: #bdf4fe !important;
6911 }
6912 #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 {
6913 position: relative;
6914 }
6915 #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 {
6916 visibility: visible;
6917 }
6918 #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 {
6919 display: none;
6920 }
6921 #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 {
6922 display: inline-block;
6923 position: absolute;
6924 right: 5px;
6925 font-family: Dashicons;
6926 font-size: 1.25rem;
6927 content: "\f463";
6928 animation: rotating4 2s linear infinite;
6929 }
6930 #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 {
6931 position: absolute;
6932 top: 0;
6933 left: 0;
6934 bottom: 0;
6935 right: 0;
6936 opacity: 0.5;
6937 background: #fff;
6938 content: "";
6939 }
6940 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item.empty-question .question-settings {
6941 display: none;
6942 }
6943 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .cell {
6944 padding: 10px;
6945 }
6946 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-actions .name input {
6947 width: 100%;
6948 padding: 0;
6949 border: none;
6950 color: #32373c;
6951 background: transparent;
6952 box-shadow: none;
6953 font-size: 1.2em;
6954 font-weight: normal;
6955 line-height: 1.125rem;
6956 }
6957 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-actions .actions {
6958 margin: 0;
6959 padding: 0;
6960 }
6961 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-actions .actions .lp-toolbar-buttons {
6962 display: grid;
6963 position: static;
6964 z-index: 10;
6965 height: 100%;
6966 text-align: left;
6967 grid-template-columns: 30px 30px 30px 40px;
6968 align-items: center;
6969 justify-content: end;
6970 }
6971 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-actions .actions .lp-toolbar-buttons > div a {
6972 visibility: hidden;
6973 }
6974 #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 {
6975 position: absolute;
6976 z-index: 2;
6977 top: 50%;
6978 right: 50%;
6979 width: 28px;
6980 height: 30px;
6981 margin-top: -15px;
6982 margin-right: -15px;
6983 line-height: 1.875rem;
6984 text-align: center;
6985 }
6986 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-actions .actions .lp-toolbar-buttons .lp-toolbar-btn ul {
6987 z-index: 9;
6988 }
6989 #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 {
6990 padding: 8px 24px;
6991 line-height: 1.5rem;
6992 }
6993 #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 {
6994 border-bottom: 1px solid #eee;
6995 color: #666;
6996 }
6997 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-actions .actions .lp-toolbar-buttons .lp-btn-toggle {
6998 width: 40px;
6999 height: 42px;
7000 padding-left: 0;
7001 font-family: Dashicons;
7002 font-size: 1.25rem;
7003 line-height: 2.625rem;
7004 }
7005 #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 {
7006 content: "\f343";
7007 }
7008 #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 {
7009 content: "\f347";
7010 }
7011 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-actions:hover .lp-toolbar-buttons > div a {
7012 visibility: visible;
7013 }
7014 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-settings {
7015 background: #fff;
7016 }
7017 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-settings .quiz-question-options {
7018 padding-left: 0;
7019 padding-right: 0;
7020 text-align: right;
7021 }
7022 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-settings .quiz-question-options .inside {
7023 margin: 0;
7024 padding: 0;
7025 }
7026 #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 {
7027 margin: 0;
7028 padding: 20px;
7029 }
7030 #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) {
7031 background: #f4fcff;
7032 }
7033 #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 {
7034 margin: 0;
7035 margin-bottom: 10px;
7036 color: #666;
7037 font-weight: 600;
7038 }
7039 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-settings .quiz-question-options .postbox {
7040 border: 1px solid #ddd;
7041 }
7042 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-settings .quiz-question-options .postbox .hndle {
7043 font-weight: 600;
7044 cursor: default;
7045 }
7046 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-settings .quiz-question-options .postbox .toggle {
7047 float: left;
7048 position: absolute;
7049 top: 0;
7050 left: 0;
7051 width: 36px;
7052 height: 36px;
7053 line-height: 2.25rem;
7054 text-align: center;
7055 cursor: pointer;
7056 }
7057 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-settings .quiz-question-options .postbox .toggle::after {
7058 font-family: Dashicons;
7059 font-size: 1.125rem;
7060 content: "\f460";
7061 }
7062 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-settings.closed .quiz-question-options {
7063 width: 38px;
7064 }
7065 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-settings.closed .postbox {
7066 min-width: 34px;
7067 height: 34px;
7068 line-height: 2.625rem;
7069 text-align: center;
7070 }
7071 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-settings.closed .postbox .hndle {
7072 display: none;
7073 }
7074 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-settings.closed .postbox .toggle::after {
7075 content: "\f132";
7076 }
7077 #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 {
7078 display: none !important;
7079 }
7080 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer {
7081 margin-top: -1px;
7082 border-top: 1px solid #ddd;
7083 background: #f4fcff;
7084 }
7085 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row {
7086 height: auto;
7087 text-align: right;
7088 }
7089 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .lp-sortable-handle {
7090 display: flex;
7091 width: 30px;
7092 padding: 8px 10px 8px 6px;
7093 color: #999;
7094 font-family: Dashicons;
7095 font-size: 1.25rem;
7096 vertical-align: middle;
7097 align-items: center;
7098 justify-content: center;
7099 }
7100 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .lp-sortable-handle::before {
7101 content: "\f132";
7102 }
7103 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .order {
7104 padding: 8px 0;
7105 line-height: 1.75rem;
7106 text-align: right;
7107 }
7108 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question {
7109 padding: 8px 5px 8px 10px;
7110 }
7111 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .title {
7112 display: inline-block;
7113 position: relative;
7114 min-width: 500px;
7115 }
7116 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .title form input {
7117 width: 100%;
7118 margin: 0;
7119 padding: 6px 0;
7120 border: 0;
7121 background: transparent;
7122 font-size: 1.2em;
7123 line-height: 1.125rem;
7124 box-shadow: none;
7125 }
7126 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .title form input:focus {
7127 box-shadow: none;
7128 }
7129 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .title form input:focus {
7130 color: #32373c;
7131 }
7132 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .title form input::placeholder {
7133 display: inline-block;
7134 }
7135 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .add-new {
7136 display: inline;
7137 position: relative;
7138 }
7139 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .add-new ul.question-types {
7140 display: none;
7141 position: absolute;
7142 z-index: 9999999;
7143 top: 100%;
7144 left: -2px;
7145 width: 200px;
7146 margin: 6px;
7147 border: 1px solid #999;
7148 background-color: #fff;
7149 }
7150 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .add-new ul.question-types li {
7151 margin: 0;
7152 }
7153 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .add-new ul.question-types li a {
7154 display: block;
7155 padding: 12px 20px;
7156 outline: none;
7157 color: #757575;
7158 box-shadow: none;
7159 line-height: 1;
7160 text-decoration: none;
7161 }
7162 #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 {
7163 background: #eee;
7164 }
7165 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .add-new ul.question-types li.disabled {
7166 opacity: 0.5;
7167 background-color: #eee;
7168 user-select: none;
7169 pointer-events: none;
7170 }
7171 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .add-new button:hover + .question-types {
7172 display: block;
7173 }
7174 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .add-new button + .question-types:hover {
7175 display: block;
7176 }
7177 #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 {
7178 display: none;
7179 }
7180 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .select-item {
7181 display: inline;
7182 }
7183 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question button {
7184 height: 30px;
7185 box-shadow: 0 1px 0 #ccc !important;
7186 }
7187 #admin-editor-lp_quiz .lp-box-data-content .question-button-actions {
7188 text-align: right;
7189 }
7190
7191 /**.section-item-counts span
7192 * Question admin editor.
7193 */
7194 #question-editor .inside .rwmb-custom_html-wrapper .rwmb-label {
7195 display: none;
7196 }
7197 #question-editor .inside .rwmb-custom_html-wrapper .rwmb-input {
7198 margin-right: 0;
7199 }
7200
7201 #question-editor .inside {
7202 margin: 0;
7203 padding: 0;
7204 }
7205
7206 #admin-editor-lp_question {
7207 margin: 0;
7208 padding: 0;
7209 border: none;
7210 background: #fff;
7211 }
7212 #admin-editor-lp_question form {
7213 margin: 0;
7214 }
7215 #admin-editor-lp_question .lp-box-data-head {
7216 display: flex;
7217 flex-direction: row;
7218 padding: 10px 20px;
7219 align-items: center;
7220 }
7221 #admin-editor-lp_question .lp-box-data-head .heading {
7222 margin: 0;
7223 padding: 0;
7224 flex: 1;
7225 }
7226 #admin-editor-lp_question .lp-box-data-head .lp-question-editor {
7227 position: relative;
7228 margin-right: auto;
7229 border-right: 0;
7230 border-top-right-radius: 0;
7231 border-bottom-right-radius: 0;
7232 }
7233 #admin-editor-lp_question .lp-box-data-head .lp-question-editor .question-types > a {
7234 display: inline-flex;
7235 height: 32px;
7236 padding: 0 16px;
7237 border: 1px solid #999;
7238 border-radius: 2px;
7239 color: #666;
7240 line-height: 2rem;
7241 text-decoration: none;
7242 align-items: center;
7243 cursor: pointer;
7244 user-select: none;
7245 }
7246 #admin-editor-lp_question .lp-box-data-head .lp-question-editor .question-types > a::after {
7247 margin-right: 5px;
7248 font-family: Dashicons;
7249 font-size: 0.875rem;
7250 line-height: 1.875rem;
7251 content: "\f347";
7252 }
7253 #admin-editor-lp_question .lp-box-data-head .lp-question-editor .question-types ul {
7254 display: none;
7255 position: absolute;
7256 z-index: 9999;
7257 top: 100%;
7258 left: 0;
7259 height: auto;
7260 margin: 0;
7261 margin-top: -1px;
7262 border: 1px solid #999;
7263 border-radius: 2px;
7264 background: #fdfeff;
7265 }
7266 #admin-editor-lp_question .lp-box-data-head .lp-question-editor .question-types ul li {
7267 margin: 0;
7268 }
7269 #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 {
7270 background: #eee;
7271 }
7272 #admin-editor-lp_question .lp-box-data-head .lp-question-editor .question-types ul li a {
7273 display: block;
7274 min-width: 110px;
7275 padding: 10px;
7276 color: #757575;
7277 font-size: 0.75rem;
7278 text-align: left;
7279 white-space: nowrap;
7280 text-decoration: none;
7281 }
7282 #admin-editor-lp_question .lp-box-data-head .lp-question-editor .question-types ul li.disabled {
7283 opacity: 0.4;
7284 }
7285 #admin-editor-lp_question .lp-box-data-head .lp-question-editor .question-types ul li.disabled a {
7286 color: #999;
7287 cursor: not-allowed;
7288 pointer-events: none;
7289 }
7290 #admin-editor-lp_question .lp-box-data-head .lp-question-editor .question-types ul:hover {
7291 display: block;
7292 }
7293 #admin-editor-lp_question .lp-box-data-head .lp-question-editor:hover .question-types ul {
7294 display: block;
7295 }
7296 #admin-editor-lp_question .lp-box-data-content {
7297 padding: 0 20px 20px 20px;
7298 border: none !important;
7299 }
7300 #admin-editor-lp_question .lp-box-data-content table.list-question-answers {
7301 width: 100%;
7302 border: 1px solid #ddd;
7303 }
7304 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tr td {
7305 padding: 0 15px;
7306 }
7307 #admin-editor-lp_question .lp-box-data-content table.list-question-answers thead tr th {
7308 padding: 15px;
7309 border-bottom: 1px solid #ddd;
7310 background-color: #eee;
7311 font-weight: 600;
7312 }
7313 #admin-editor-lp_question .lp-box-data-content table.list-question-answers thead tr th.answer-text {
7314 padding-right: 10px;
7315 }
7316 #admin-editor-lp_question .lp-box-data-content table.list-question-answers .sort,
7317 #admin-editor-lp_question .lp-box-data-content table.list-question-answers .order,
7318 #admin-editor-lp_question .lp-box-data-content table.list-question-answers .actions {
7319 width: 10px;
7320 }
7321 #admin-editor-lp_question .lp-box-data-content table.list-question-answers .sort {
7322 padding: 0 10px;
7323 }
7324 #admin-editor-lp_question .lp-box-data-content table.list-question-answers .order {
7325 width: 10px;
7326 padding: 0;
7327 text-align: left;
7328 }
7329 #admin-editor-lp_question .lp-box-data-content table.list-question-answers .answer-correct {
7330 width: 65px;
7331 text-align: center;
7332 }
7333 #admin-editor-lp_question .lp-box-data-content table.list-question-answers .answer-text {
7334 padding-right: 8px;
7335 }
7336 #admin-editor-lp_question .lp-box-data-content table.list-question-answers .actions {
7337 padding-left: 0;
7338 text-align: left;
7339 }
7340 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr {
7341 color: #444;
7342 background: #fff;
7343 }
7344 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr:nth-child(2n) {
7345 background: #fff;
7346 }
7347 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr td {
7348 background-color: #fff;
7349 }
7350 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr td.sort {
7351 width: 15px;
7352 padding: 0;
7353 font-size: 1.125rem;
7354 text-align: center;
7355 cursor: url("../../images/openhand.cur") 7 5, default;
7356 }
7357 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr td.sort .svg-icon {
7358 height: 18px;
7359 margin-top: -2px;
7360 vertical-align: middle;
7361 fill: #999;
7362 }
7363 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr td.sort:hover .svg-icon {
7364 fill: #0085ba;
7365 }
7366 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr td.order {
7367 font-size: 0.875rem;
7368 }
7369 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr td.answer-text input {
7370 width: 100%;
7371 padding: 0;
7372 border: none;
7373 color: #444;
7374 background: transparent;
7375 box-shadow: none;
7376 font-size: 0.875rem;
7377 font-weight: 600;
7378 transition: box-shadow 0.2s ease;
7379 }
7380 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr td.lp-toolbar-buttons {
7381 z-index: auto;
7382 }
7383 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr:hover td.actions .remove-answer {
7384 visibility: visible;
7385 height: 42px;
7386 }
7387 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr.ui-sortable-placeholder {
7388 visibility: visible !important;
7389 }
7390 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr.ui-sortable-placeholder td {
7391 height: 43px;
7392 background: #bdf4fe !important;
7393 }
7394 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr.ui-sortable-helper td {
7395 border-bottom: 1px solid #ddd;
7396 }
7397 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr.ui-sortable-helper td.sort {
7398 border-right: 0;
7399 }
7400 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr.new-option .svg-icon {
7401 display: none;
7402 }
7403 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr.new-option td {
7404 position: relative;
7405 }
7406 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr.new-option .sort::before {
7407 display: inline-block;
7408 position: absolute;
7409 top: 8px;
7410 right: 10px;
7411 font-family: "Dashicons";
7412 content: "\f463";
7413 animation: rotating4 2s linear infinite;
7414 }
7415 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr.new-option td::after {
7416 position: absolute;
7417 top: 0;
7418 left: 0;
7419 bottom: 0;
7420 right: 0;
7421 opacity: 0.5;
7422 background: #fff;
7423 content: "";
7424 }
7425 #admin-editor-lp_question .lp-box-data-content .add-answer {
7426 margin: 15px 0 0 0;
7427 }
7428 #admin-editor-lp_question.sorting_choice table.list-question-answers .answer-correct {
7429 display: none !important;
7430 }
7431
7432 .lp-admin-fib-question-editor,
7433 .admin-quiz-fib-question-editor {
7434 text-align: right;
7435 }
7436 .lp-admin-fib-question-editor .lp-box-data-content,
7437 .admin-quiz-fib-question-editor .lp-box-data-content {
7438 margin: 0 !important;
7439 border: none !important;
7440 }
7441 .lp-admin-fib-question-editor .content-editable,
7442 .admin-quiz-fib-question-editor .content-editable {
7443 min-height: 240px !important;
7444 padding: 12px 15px;
7445 border: 2px solid #ddd;
7446 border-radius: 4px;
7447 }
7448 .lp-admin-fib-question-editor .content-editable .fib-blank,
7449 .admin-quiz-fib-question-editor .content-editable .fib-blank {
7450 position: relative;
7451 color: #2196f3;
7452 }
7453 .lp-admin-fib-question-editor .content-editable .fib-blank::before,
7454 .admin-quiz-fib-question-editor .content-editable .fib-blank::before {
7455 content: "#" attr(data-index) ". ";
7456 }
7457 .lp-admin-fib-question-editor .fib-blanks,
7458 .admin-quiz-fib-question-editor .fib-blanks {
7459 min-width: 700px;
7460 border-collapse: collapse;
7461 }
7462 @media (max-width: 1024px) {
7463 .lp-admin-fib-question-editor .fib-blanks,
7464 .admin-quiz-fib-question-editor .fib-blanks {
7465 width: 100%;
7466 min-width: 100%;
7467 }
7468 }
7469 .lp-admin-fib-question-editor .fib-blanks tbody,
7470 .admin-quiz-fib-question-editor .fib-blanks tbody {
7471 border-bottom: 1px solid #bbb;
7472 }
7473 .lp-admin-fib-question-editor .fib-blanks tbody tr,
7474 .admin-quiz-fib-question-editor .fib-blanks tbody tr {
7475 background: #eee;
7476 }
7477 .lp-admin-fib-question-editor .fib-blanks tbody tr td,
7478 .admin-quiz-fib-question-editor .fib-blanks tbody tr td {
7479 padding: 5px;
7480 }
7481 .lp-admin-fib-question-editor .fib-blanks tbody tr.blank-options td,
7482 .admin-quiz-fib-question-editor .fib-blanks tbody tr.blank-options td {
7483 padding: 0;
7484 }
7485 .lp-admin-fib-question-editor .fib-blanks tbody tr.blank-options ul,
7486 .admin-quiz-fib-question-editor .fib-blanks tbody tr.blank-options ul {
7487 display: none;
7488 margin: 5px 0;
7489 padding: 20px;
7490 border: 1px solid #ddd;
7491 background: #fff;
7492 list-style: none;
7493 }
7494 .lp-admin-fib-question-editor .fib-blanks tbody.open .blank-options ul,
7495 .admin-quiz-fib-question-editor .fib-blanks tbody.open .blank-options ul {
7496 display: block;
7497 }
7498 .lp-admin-fib-question-editor .fib-blanks tbody .blank-position,
7499 .admin-quiz-fib-question-editor .fib-blanks tbody .blank-position {
7500 font-weight: 600;
7501 text-align: center;
7502 }
7503 .lp-admin-fib-question-editor .fib-blanks tbody .blank-actions,
7504 .admin-quiz-fib-question-editor .fib-blanks tbody .blank-actions {
7505 text-align: left;
7506 }
7507 .lp-admin-fib-question-editor .fib-blanks tbody:last-child,
7508 .admin-quiz-fib-question-editor .fib-blanks tbody:last-child {
7509 border: none;
7510 }
7511
7512 #fill-in-blanks-editor {
7513 display: flex;
7514 }
7515 #fill-in-blanks-editor .blank-options {
7516 flex: 0 0 65%;
7517 }
7518 #fill-in-blanks-editor .blanks {
7519 width: 100%;
7520 margin: 0;
7521 }
7522 #fill-in-blanks-editor .blanks .blank {
7523 margin: 0 0 20px 0;
7524 padding: 20px;
7525 border: 1px solid #d9e0f1;
7526 background: #fbfcff;
7527 }
7528 #fill-in-blanks-editor .blanks .blank label {
7529 font-weight: bold;
7530 }
7531 #fill-in-blanks-editor .blanks .blank .blank-content {
7532 width: 100%;
7533 min-height: 74px;
7534 font-size: 1rem;
7535 }
7536 #fill-in-blanks-editor .blanks .blank .blank-words .word {
7537 background: #ddd;
7538 line-height: 1;
7539 border-radius: 4px;
7540 }
7541 #fill-in-blanks-editor .blanks .blank .blank-words .word.correct {
7542 background: #00a1e6;
7543 }
7544 #fill-in-blanks-editor .blanks .blank .blank-tip p {
7545 font-style: italic;
7546 }
7547 #fill-in-blanks-editor .blanks .blank .button-remove {
7548 color: #f00;
7549 }
7550 #fill-in-blanks-editor .passage-preview {
7551 margin-right: 20px;
7552 padding: 15px 20px;
7553 border: 1px solid #ddd;
7554 font-size: 1rem;
7555 line-height: 1.5rem;
7556 text-align: justify;
7557 flex: 1;
7558 }
7559 #fill-in-blanks-editor .passage-preview .blank-input {
7560 /* line-height: 11px; */
7561 display: inline-block;
7562 position: relative;
7563 width: 50px;
7564 height: 16px;
7565 margin: -2px 10px;
7566 padding: 0;
7567 border: none;
7568 border-bottom: 1px dashed #ddd;
7569 background: transparent;
7570 box-shadow: none;
7571 font-size: 1rem;
7572 vertical-align: middle;
7573 }
7574 #fill-in-blanks-editor .blanks-list {
7575 width: 100%;
7576 }
7577 #fill-in-blanks-editor .blanks-list textarea {
7578 width: 100%;
7579 min-height: 300px;
7580 margin-bottom: 20px;
7581 outline: none;
7582 background: #f9f9f9;
7583 box-shadow: none;
7584 font-size: 1.125rem;
7585 line-height: 1.875rem;
7586 }
7587 #fill-in-blanks-editor .blanks-list code {
7588 line-height: 1;
7589 border-radius: 4px;
7590 }
7591 #fill-in-blanks-editor .blanks-list code.correct {
7592 background: #00a1e6;
7593 }
7594
7595 /**
7596 * Modal choose items.
7597 */
7598 #lp-modal-choose-items {
7599 display: none;
7600 position: fixed;
7601 z-index: -1;
7602 top: 0;
7603 left: 0;
7604 bottom: 0;
7605 right: 0;
7606 opacity: 0;
7607 background-color: rgba(0, 0, 0, 0.5);
7608 }
7609 #lp-modal-choose-items.show {
7610 display: block;
7611 z-index: 99999999;
7612 opacity: 1;
7613 }
7614 #lp-modal-choose-items.loading .lp-choose-items ul.list-items::before {
7615 display: block;
7616 position: absolute;
7617 z-index: 9;
7618 top: 0;
7619 left: 0;
7620 bottom: 0;
7621 right: 0;
7622 background: url("../../images/spinner.gif") no-repeat center center;
7623 background-color: #fff;
7624 content: "";
7625 }
7626 #lp-modal-choose-items .lp-choose-items {
7627 position: relative;
7628 max-width: 800px;
7629 margin: 5% 20% 10% auto;
7630 border: 1px solid #ddd;
7631 background-color: #fff;
7632 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
7633 transition: all 200ms ease-out;
7634 }
7635 #lp-modal-choose-items .lp-choose-items.show-preview .header .preview-title {
7636 display: flex;
7637 align-items: center;
7638 }
7639 #lp-modal-choose-items .lp-choose-items .header {
7640 position: relative;
7641 }
7642 #lp-modal-choose-items .lp-choose-items .header .preview-title {
7643 display: none;
7644 position: absolute;
7645 z-index: 10;
7646 top: 0;
7647 left: 0;
7648 bottom: 0;
7649 right: 0;
7650 padding-right: 20px;
7651 border-bottom: 1px solid #ddd;
7652 background-color: #fff;
7653 font-weight: 600;
7654 }
7655 #lp-modal-choose-items .lp-choose-items .header .preview-title h3 {
7656 margin: 0;
7657 }
7658 #lp-modal-choose-items .lp-choose-items .header .tabs {
7659 margin: 0;
7660 border-bottom: 1px solid #ddd;
7661 }
7662 #lp-modal-choose-items .lp-choose-items .header .tabs .tab {
7663 display: inline-block;
7664 position: relative;
7665 margin: 0;
7666 }
7667 #lp-modal-choose-items .lp-choose-items .header .tabs .tab:not(:last-child)::before {
7668 position: absolute;
7669 top: 50%;
7670 left: 0;
7671 height: 44px;
7672 margin-top: -22px;
7673 border-left: 1px solid #ddd;
7674 content: "";
7675 }
7676 #lp-modal-choose-items .lp-choose-items .header .tabs .tab.active::after {
7677 display: inline-block;
7678 position: absolute;
7679 bottom: -6px;
7680 right: 50%;
7681 width: 10px;
7682 height: 10px;
7683 margin-right: -6px;
7684 border: 1px solid #ddd;
7685 border-left: 0;
7686 border-bottom: 0;
7687 background: #fff;
7688 content: "";
7689 transform: rotate(-45deg);
7690 }
7691 #lp-modal-choose-items .lp-choose-items .header .tabs .tab.active a {
7692 color: #0073aa;
7693 }
7694 #lp-modal-choose-items .lp-choose-items .header .tabs .tab a {
7695 display: inline-block;
7696 height: 44px;
7697 padding: 0 20px;
7698 color: #333;
7699 font-weight: 600;
7700 line-height: 2.75rem;
7701 text-decoration: none;
7702 }
7703 #lp-modal-choose-items .lp-choose-items .header .tabs .tab a:focus {
7704 box-shadow: none;
7705 }
7706 #lp-modal-choose-items .lp-choose-items .header .close {
7707 display: inline-block;
7708 position: absolute;
7709 z-index: 30;
7710 top: 0;
7711 left: 0;
7712 padding: 12px;
7713 font-size: 1em;
7714 cursor: pointer;
7715 }
7716 #lp-modal-choose-items .lp-choose-items .main {
7717 overflow: hidden;
7718 position: relative;
7719 padding: 20px;
7720 border-bottom: 1px solid #ddd;
7721 }
7722 #lp-modal-choose-items .lp-choose-items .main .section-item {
7723 display: block;
7724 overflow: hidden;
7725 max-width: 100%;
7726 white-space: nowrap;
7727 text-overflow: ellipsis;
7728 cursor: pointer;
7729 transition: color 200ms ease-out;
7730 }
7731 #lp-modal-choose-items .lp-choose-items .main .section-item::before {
7732 position: relative;
7733 top: 3px;
7734 font-family: Dashicons;
7735 }
7736 #lp-modal-choose-items .lp-choose-items .main .search {
7737 margin-bottom: 20px;
7738 background: transparent;
7739 }
7740 #lp-modal-choose-items .lp-choose-items .main .search input.modal-search-input {
7741 width: 100%;
7742 height: 36px;
7743 padding: 0 14px;
7744 font-size: 1rem;
7745 line-height: 2.25rem;
7746 }
7747 #lp-modal-choose-items .lp-choose-items .main .list-items {
7748 overflow-y: auto;
7749 position: relative;
7750 min-height: 260px;
7751 max-height: 460px;
7752 margin: 0;
7753 }
7754 #lp-modal-choose-items .lp-choose-items .main .list-items li {
7755 margin: 15px 0;
7756 cursor: pointer;
7757 }
7758 #lp-modal-choose-items .lp-choose-items .main .pagination .index {
7759 margin-right: 20px;
7760 line-height: 1.75rem;
7761 }
7762 #lp-modal-choose-items .lp-choose-items .lp-added-items-preview {
7763 overflow: auto;
7764 position: absolute;
7765 z-index: 2;
7766 top: 0;
7767 left: 0;
7768 bottom: 0;
7769 right: 0;
7770 max-height: 420px;
7771 padding: 20px;
7772 background-color: #fff;
7773 transform: translate(-100%, 0);
7774 }
7775 #lp-modal-choose-items .lp-choose-items .lp-added-items-preview.show {
7776 transform: translate(0, 0);
7777 }
7778 #lp-modal-choose-items .lp-choose-items .lp-added-items-preview .list-added-items li {
7779 margin: 15px 0;
7780 }
7781 #lp-modal-choose-items .lp-choose-items .lp-added-items-preview .list-added-items li:first-child {
7782 margin: -10px 0 15px 0;
7783 }
7784 #lp-modal-choose-items .lp-choose-items .footer {
7785 padding: 20px;
7786 }
7787
7788 body.lp-item-moving {
7789 cursor: url("../../images/closedhand.cur") 7 5, default !important;
7790 }
7791
7792 @media screen and (max-width: 900px) {
7793 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .question-settings.table-row {
7794 display: block;
7795 width: auto;
7796 text-align: right;
7797 }
7798 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .question-settings.table-row > * {
7799 width: auto;
7800 }
7801 }
7802 /**
7803 * Style for the popup select item to add in LearnPress
7804 */
7805 .lp-select-items-popup {
7806 padding: 0 !important;
7807 grid-row: 1 !important;
7808 --swal2-close-button-font-size: 32px;
7809 }
7810 .lp-select-items-html-container {
7811 padding: 0 !important;
7812 }
7813
7814 .lp-popup-items-to-select {
7815 text-align: right;
7816 font-size: 1rem;
7817 /**
7818 * Style for the buttons
7819 */
7820 /* 5. Minimal Bottom Line */
7821 }
7822 .lp-popup-items-to-select .lp-btn-edit-primary {
7823 border: none;
7824 background: #135e96;
7825 color: #fff;
7826 }
7827 .lp-popup-items-to-select .lp-btn-edit-primary:not(.active) {
7828 opacity: 0.5;
7829 }
7830 .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 {
7831 background: #135E96;
7832 color: #fff;
7833 opacity: 1;
7834 }
7835 .lp-popup-items-to-select .btn-line::after {
7836 content: "";
7837 position: absolute;
7838 bottom: 0;
7839 right: 0;
7840 height: 4px;
7841 width: 0%;
7842 background-color: #38bdf8;
7843 animation: lineLoad 2s ease-in-out infinite;
7844 }
7845 @keyframes lineLoad {
7846 0% {
7847 width: 0%;
7848 right: 0;
7849 }
7850 50% {
7851 width: 100%;
7852 right: 0;
7853 }
7854 100% {
7855 width: 0%;
7856 right: 100%;
7857 }
7858 }
7859 .lp-popup-items-to-select .header {
7860 position: relative;
7861 }
7862 .lp-popup-items-to-select .header .header-count-items-selected {
7863 border-bottom: 1px solid #C3C4C7;
7864 padding: 16px 20px;
7865 }
7866 .lp-popup-items-to-select .header .tabs {
7867 margin: 0;
7868 border-bottom: 1px solid #C3C4C7;
7869 }
7870 .lp-popup-items-to-select .header .tabs .tab {
7871 display: inline-block;
7872 position: relative;
7873 margin: 0;
7874 }
7875 .lp-popup-items-to-select .header .tabs .tab:not(:last-child)::before {
7876 position: absolute;
7877 top: 50%;
7878 left: 0;
7879 height: 44px;
7880 margin-top: -22px;
7881 border-left: 1px solid #C3C4C7;
7882 content: "";
7883 }
7884 .lp-popup-items-to-select .header .tabs .tab.active::after {
7885 display: inline-block;
7886 position: absolute;
7887 bottom: -6px;
7888 right: 50%;
7889 width: 10px;
7890 height: 10px;
7891 margin-right: -6px;
7892 border: 1px solid #C3C4C7;
7893 border-left: 0;
7894 border-bottom: 0;
7895 background: #fff;
7896 content: "";
7897 transform: rotate(-45deg);
7898 }
7899 .lp-popup-items-to-select .header .tabs .tab.active a {
7900 color: #0073aa;
7901 }
7902 .lp-popup-items-to-select .header .tabs .tab a {
7903 display: inline-block;
7904 height: 44px;
7905 padding: 0 20px;
7906 color: #333;
7907 font-weight: 600;
7908 line-height: 2.75rem;
7909 text-decoration: none;
7910 }
7911 .lp-popup-items-to-select .header .tabs .tab a:focus {
7912 box-shadow: none;
7913 }
7914 .lp-popup-items-to-select .main {
7915 overflow: hidden;
7916 position: relative;
7917 padding: 20px;
7918 border-bottom: 1px solid #C3C4C7;
7919 }
7920 .lp-popup-items-to-select .main input.lp-search-title-item {
7921 width: 100%;
7922 font-size: 1rem;
7923 border: 1px solid #C3C4C7;
7924 margin-bottom: 10px;
7925 }
7926 .lp-popup-items-to-select .list-items, .lp-popup-items-to-select .list-items-selected {
7927 display: flex;
7928 flex-direction: column;
7929 overflow-y: auto;
7930 min-height: 260px;
7931 max-height: 50vh;
7932 margin: 0;
7933 }
7934 .lp-popup-items-to-select .list-items li, .lp-popup-items-to-select .list-items-selected li {
7935 margin: 0;
7936 cursor: pointer;
7937 padding: 10px;
7938 border: 1px solid white;
7939 }
7940 .lp-popup-items-to-select .list-items li:hover, .lp-popup-items-to-select .list-items-selected li:hover {
7941 background-color: #eff6ff;
7942 border-color: #e2eefe;
7943 }
7944 .lp-popup-items-to-select .list-items-selected li {
7945 display: flex;
7946 gap: 5px;
7947 align-items: center;
7948 color: #999;
7949 }
7950 .lp-popup-items-to-select .list-items-selected li .item-type {
7951 padding: 0;
7952 font-size: inherit;
7953 color: inherit;
7954 line-height: unset;
7955 }
7956 .lp-popup-items-to-select .list-items-selected li .item-title {
7957 color: #333;
7958 }
7959 .lp-popup-items-to-select .list-items-selected li.selected {
7960 background-color: #F4FCFF;
7961 }
7962 .lp-popup-items-to-select .list-items-selected li:hover .dashicons-remove {
7963 opacity: 1;
7964 }
7965 .lp-popup-items-to-select .list-items-selected .dashicons-remove {
7966 color: #E74C3C;
7967 opacity: 0.6;
7968 }
7969 .lp-popup-items-to-select .pagination {
7970 display: flex;
7971 flex-wrap: wrap;
7972 margin: 10px 0 -10px 0;
7973 align-items: center;
7974 flex-direction: column;
7975 gap: 10px;
7976 }
7977 .lp-popup-items-to-select .pagination::before {
7978 content: "";
7979 display: block;
7980 width: 100%;
7981 height: 1px;
7982 background-color: #ececec;
7983 position: relative;
7984 }
7985 .lp-popup-items-to-select .pagination li {
7986 margin: 0;
7987 cursor: pointer;
7988 }
7989 .lp-popup-items-to-select .pagination li .page-numbers {
7990 height: 30px;
7991 display: flex;
7992 align-items: center;
7993 justify-content: center;
7994 }
7995 .lp-popup-items-to-select .pagination li a {
7996 text-decoration: none;
7997 display: flex;
7998 align-items: center;
7999 }
8000 .lp-popup-items-to-select .footer {
8001 padding: 16px 20px;
8002 display: flex;
8003 gap: 5px;
8004 }
8005
8006 #learn-press-reset-course-users,
8007 #learn-press-reset-user-courses,
8008 #learn-press-reset-user-item {
8009 max-width: 100%;
8010 }
8011 #learn-press-reset-course-users table,
8012 #learn-press-reset-user-courses table,
8013 #learn-press-reset-user-item table {
8014 width: 100%;
8015 border-collapse: collapse;
8016 }
8017 #learn-press-reset-course-users .courses-list,
8018 #learn-press-reset-user-courses .courses-list,
8019 #learn-press-reset-user-item .courses-list {
8020 margin: 0;
8021 }
8022 #learn-press-reset-course-users input[type=text],
8023 #learn-press-reset-user-courses input[type=text],
8024 #learn-press-reset-user-item input[type=text] {
8025 min-width: 300px;
8026 height: 28px;
8027 margin-right: 0;
8028 }
8029 #learn-press-reset-course-users .action-reset.dashicons-trash,
8030 #learn-press-reset-user-courses .action-reset.dashicons-trash,
8031 #learn-press-reset-user-item .action-reset.dashicons-trash {
8032 color: #FF0000;
8033 }
8034 #learn-press-reset-course-users .action-reset.dashicons-update,
8035 #learn-press-reset-user-courses .action-reset.dashicons-update,
8036 #learn-press-reset-user-item .action-reset.dashicons-update {
8037 animation: rotating4 2s linear infinite;
8038 }
8039
8040 #learn-press-assign-course .description {
8041 margin-bottom: 10px;
8042 }
8043 #learn-press-assign-course label {
8044 display: block;
8045 margin-bottom: 5px;
8046 }
8047
8048 #learn-press-unassigned-course .description {
8049 margin-bottom: 10px;
8050 }
8051 #learn-press-unassigned-course label {
8052 display: block;
8053 margin-bottom: 5px;
8054 }
8055
8056 .lp-form-filter.lp-form-filter-reset-course-progress, .lp-form-filter.lp-form-filter-reset-item-progress {
8057 gap: 0;
8058 margin-bottom: 10px;
8059 }
8060
8061 .learn-press-tip {
8062 display: none;
8063 margin: 0 5px;
8064 color: #444;
8065 font-style: normal;
8066 font-weight: normal;
8067 line-height: 1;
8068 vertical-align: baseline;
8069 cursor: pointer;
8070 }
8071 .learn-press-tip.ready {
8072 display: inline-block;
8073 }
8074 .learn-press-tip::before {
8075 font-family: "lp-icon";
8076 content: "\f059";
8077 }
8078 .learn-press-tip:hover {
8079 opacity: 0.8;
8080 }
8081
8082 .learn-press-tip-floating {
8083 position: absolute;
8084 z-index: 9999999;
8085 min-width: 20px;
8086 margin-right: -1px;
8087 padding: 0.618em 1em;
8088 color: #fff;
8089 background: #383838;
8090 font-size: 0.8em;
8091 line-height: 1.2em;
8092 border-radius: 3px;
8093 }
8094 .learn-press-tip-floating > * {
8095 font-size: 0.8em;
8096 }
8097 .learn-press-tip-floating .close {
8098 display: inline-block;
8099 position: absolute;
8100 top: -8px;
8101 left: -8px;
8102 width: 16px;
8103 height: 16px;
8104 border: 1px solid #fff;
8105 color: #fff;
8106 background: #468fbc;
8107 line-height: 1rem;
8108 text-align: center;
8109 cursor: pointer;
8110 border-radius: 50%;
8111 }
8112 .learn-press-tip-floating .close::before {
8113 font-family: "lp-icon";
8114 content: "\f00d";
8115 }
8116 .learn-press-tip-floating p {
8117 margin: 0;
8118 }
8119 .learn-press-tip-floating::before {
8120 position: absolute;
8121 bottom: -6px;
8122 right: 50%;
8123 width: 0;
8124 height: 0;
8125 margin-right: -6px;
8126 border: 6px solid transparent;
8127 border-top-color: #383838;
8128 border-bottom-width: 0;
8129 content: "";
8130 }
8131
8132 .lp-group-step {
8133 border-bottom: 1px solid #eee;
8134 }
8135 .lp-group-step h3 {
8136 padding: 0 2em;
8137 }
8138 .lp-group-step label {
8139 margin-bottom: 5px;
8140 font-size: 0.8em;
8141 font-weight: 500;
8142 font-style: italic;
8143 }
8144 .lp-group-step .lp-item-step {
8145 display: flex;
8146 position: relative;
8147 min-height: 35px;
8148 margin: 0;
8149 padding: 1em 0 1em 1em;
8150 border-top: 1px solid #eee;
8151 align-items: center;
8152 cursor: pointer;
8153 }
8154 .lp-group-step .lp-item-step:hover {
8155 background: #eee;
8156 }
8157 .lp-group-step .lp-item-step.running .lp-item-step-left::before {
8158 opacity: 1;
8159 }
8160 .lp-group-step .lp-item-step.running .lp-item-step-left input {
8161 opacity: 0;
8162 }
8163 .lp-group-step .lp-item-step.running::before {
8164 display: block;
8165 position: absolute;
8166 width: 0;
8167 height: 100%;
8168 background: #0073aa;
8169 content: "";
8170 opacity: 0.1;
8171 transition: 0.8s linear;
8172 }
8173 .lp-group-step .lp-item-step.running .progress-bar {
8174 opacity: 0.1;
8175 }
8176 .lp-group-step .lp-item-step.completed .lp-item-step-left::after {
8177 opacity: 1;
8178 }
8179 .lp-group-step .lp-item-step.completed .lp-item-step-left input {
8180 opacity: 0;
8181 }
8182 .lp-group-step .lp-item-step.completed .progress-bar {
8183 width: 100%;
8184 opacity: 0.1;
8185 }
8186 .lp-group-step .lp-item-step.error .lp-item-step-left::after {
8187 opacity: 1;
8188 color: #dd3333;
8189 content: "\f335";
8190 }
8191 .lp-group-step .lp-item-step .progress-bar {
8192 display: block;
8193 position: absolute;
8194 top: 0;
8195 right: 0;
8196 width: 0;
8197 height: 100%;
8198 opacity: 0;
8199 background: rgba(124, 96, 217, 0.7490196078);
8200 transition: 0.8s linear;
8201 }
8202 .lp-group-step .lp-item-step-left {
8203 display: inline-flex;
8204 align-items: center;
8205 position: relative;
8206 padding: 0 2em;
8207 }
8208 .lp-group-step .lp-item-step-left::before {
8209 display: block;
8210 position: absolute;
8211 z-index: 2;
8212 width: 1em;
8213 height: 1em;
8214 border: 1px solid rgba(0, 0, 0, 0.1);
8215 border-top: 1px solid #3498db;
8216 border-radius: 50%;
8217 opacity: 0;
8218 content: "";
8219 -webkit-animation: lp-rotating 0.8s linear infinite;
8220 animation: lp-rotating 0.8s linear infinite;
8221 }
8222 .lp-group-step .lp-item-step-left::after {
8223 position: absolute;
8224 z-index: 1;
8225 right: 23px;
8226 opacity: 0;
8227 color: #4caf50;
8228 font-family: Dashicons;
8229 font-size: 1.5em;
8230 content: "\f147";
8231 }
8232
8233 .lp-group-steps-done {
8234 display: none;
8235 }
8236
8237 @keyframes lp-rotating {
8238 from {
8239 -webkit-transform: rotate(0deg);
8240 transform: rotate(0deg);
8241 }
8242 to {
8243 -webkit-transform: rotate(-360deg);
8244 transform: rotate(-360deg);
8245 }
8246 }
8247 @-webkit-keyframes lp-rotating {
8248 from {
8249 -webkit-transform: rotate(0deg);
8250 transform: rotate(0deg);
8251 }
8252 to {
8253 -webkit-transform: rotate(-360deg);
8254 transform: rotate(-360deg);
8255 }
8256 }
8257 .lp-loading-change {
8258 position: absolute;
8259 width: 100%;
8260 height: 100%;
8261 background: rgba(255, 255, 255, 0.38);
8262 top: 0;
8263 }
8264
8265 .lp-load-ajax-element {
8266 position: relative;
8267 }
8268
8269 @media screen and (max-width: 782px) {
8270 .learn-press-dropdown-pages .select2-container {
8271 vertical-align: top;
8272 }
8273 .learn-press-dropdown-pages .select2-container .select2-selection--single {
8274 height: 31px;
8275 }
8276 .learn-press-dropdown-pages .select2-selection__rendered {
8277 line-height: 31px !important;
8278 }
8279 #learn-press-advertisement {
8280 margin: 0 12px;
8281 padding-bottom: 0;
8282 }
8283 #learn-press-advertisement .slider-controls {
8284 bottom: 40px;
8285 }
8286 }
8287 .lp-skeleton-animation {
8288 margin: 0;
8289 padding: 0;
8290 list-style: none;
8291 }
8292 .lp-skeleton-animation > li {
8293 width: 100%;
8294 height: 16px;
8295 margin-top: 15px;
8296 border-radius: 2px;
8297 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%);
8298 background-size: 400% 100%;
8299 list-style: none;
8300 animation: lp-skeleton-loading 1.4s ease infinite;
8301 }
8302
8303 @keyframes lp-skeleton-loading {
8304 0% {
8305 background-position: 0% 50%;
8306 }
8307 to {
8308 background-position: 100% 50%;
8309 }
8310 }
8311 .lp-admin-statistics-tab-content {
8312 box-sizing: border-box;
8313 max-width: 100%;
8314 border: 1px solid #c3c4c7;
8315 background: #fff;
8316 }
8317 .lp-admin-statistics-tab-content .btn-group {
8318 display: flex;
8319 margin: 20px 0;
8320 gap: 10px;
8321 flex-direction: row;
8322 flex-wrap: wrap;
8323 }
8324 .lp-admin-statistics-tab-content .btn-group button.btn-filter-time {
8325 border: 1px solid #284BCA;
8326 color: #000;
8327 padding: 10px 24px;
8328 cursor: pointer;
8329 background: #fff;
8330 }
8331 .lp-admin-statistics-tab-content .btn-group .btn-filter-time.active {
8332 background: #284BCA;
8333 color: #fff;
8334 border: 1px solid #284BCA;
8335 }
8336 .lp-admin-statistics-tab-content .custom-filter-time {
8337 display: none;
8338 }
8339 .lp-admin-statistics-tab-content .statistics-content {
8340 background: white;
8341 border: 1px solid #D9D9D9;
8342 padding: 22px;
8343 }
8344 .lp-admin-statistics-tab-content .statistics-content .statistics-group {
8345 display: flex;
8346 justify-content: space-between;
8347 flex-direction: row;
8348 flex-wrap: wrap;
8349 gap: 10px;
8350 }
8351 .lp-admin-statistics-tab-content .statistics-content .statistics-group .statistics-item {
8352 border: 1px solid #000;
8353 color: #000;
8354 padding: 15px 30px;
8355 display: flex;
8356 flex-direction: column;
8357 text-align: center;
8358 width: 100%;
8359 max-width: 150px;
8360 }
8361 .lp-admin-statistics-tab-content .statistics-content .statistics-group .statistics-item .statistics-item-title {
8362 font-size: 16px;
8363 line-height: 1.2;
8364 }
8365 .lp-admin-statistics-tab-content .statistics-content .statistics-group .statistics-item .statistics-item-count {
8366 font-size: 24px;
8367 line-height: 1.2;
8368 font-weight: 700;
8369 }
8370 .lp-admin-statistics-tab-content .statistics-content .statistics-title {
8371 color: #000;
8372 text-align: center;
8373 font-size: 24px;
8374 font-style: normal;
8375 font-weight: 700;
8376 line-height: normal;
8377 text-transform: capitalize;
8378 }
8379 .lp-admin-statistics-tab-content .statistics-content .statistics-chart-wrapper {
8380 padding: 10px 30px;
8381 }
8382 .lp-admin-statistics-tab-content .statistics-content .sold-course-analytics {
8383 display: flex;
8384 flex-direction: row;
8385 flex-wrap: wrap;
8386 justify-content: space-evenly;
8387 gap: 20px;
8388 margin-top: 20px;
8389 }
8390 .lp-admin-statistics-tab-content .statistics-content .sold-course-analytics .col-50 {
8391 flex: 1;
8392 }
8393 .lp-admin-statistics-tab-content .statistics-content .sold-course-analytics .col-50:first-child {
8394 border-left: 1px solid #D9D9D9;
8395 }
8396 .lp-admin-statistics-tab-content .statistics-content .sold-course-analytics li {
8397 font-size: 16px;
8398 line-height: 1.2;
8399 font-weight: 400;
8400 }
8401 .lp-admin-statistics-tab-content .statistics-content .top-course-analytics-title {
8402 margin-top: 0;
8403 font-size: 24px;
8404 line-height: 1.2;
8405 font-weight: 700;
8406 }
8407
8408 .lp-admin-statistics-tab-content > .lp-stats-kpi-grid {
8409 margin: 20px 20px 14px;
8410 }
8411
8412 .lp-admin-statistics-tab-content > .lp-stats-layout {
8413 margin: 0 20px 20px;
8414 }
8415
8416 .lp-stats-dashboard-body {
8417 padding: 20px;
8418 }
8419
8420 .lp-admin-statistics-tab-content .lp-stats-section.statistics-content {
8421 padding: 0;
8422 }
8423
8424 .lp-statistics-filter-bar {
8425 align-items: center;
8426 gap: 8px;
8427 margin: 0 !important;
8428 padding: 16px;
8429 border-bottom: 1px solid #dcdcde;
8430 background: #fff;
8431 }
8432
8433 .lp-stats-daterange {
8434 position: relative;
8435 }
8436 .lp-stats-daterange .lp-stats-daterange__toggle {
8437 display: flex;
8438 align-items: center;
8439 gap: 8px;
8440 min-height: 38px;
8441 padding: 8px 12px;
8442 border: 1px solid #c3c4c7;
8443 border-radius: 2px;
8444 background: #fff;
8445 color: #1d2327;
8446 font-size: 14px;
8447 font-weight: 500;
8448 line-height: 20px;
8449 cursor: pointer;
8450 }
8451 .lp-stats-daterange .lp-stats-daterange__toggle:hover, .lp-stats-daterange .lp-stats-daterange__toggle[aria-expanded=true] {
8452 border-color: #3858e9;
8453 color: #3858e9;
8454 }
8455 .lp-stats-daterange .lp-stats-daterange__toggle .dashicons {
8456 font-size: 18px;
8457 width: 18px;
8458 height: 18px;
8459 }
8460 .lp-stats-daterange .lp-stats-daterange__toggle .lp-stats-daterange__caret {
8461 font-size: 14px;
8462 width: 14px;
8463 height: 14px;
8464 color: #646970;
8465 }
8466 .lp-stats-daterange .lp-stats-daterange__panel {
8467 position: absolute;
8468 z-index: 100;
8469 top: calc(100% + 4px);
8470 inset-inline-start: 0;
8471 min-width: 280px;
8472 border: 1px solid #c3c4c7;
8473 border-radius: 2px;
8474 background: #fff;
8475 box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
8476 }
8477 .lp-stats-daterange .lp-stats-daterange__tabs {
8478 display: flex;
8479 border-bottom: 1px solid #dcdcde;
8480 }
8481 .lp-stats-daterange .lp-stats-daterange__tabs .lp-stats-daterange__tab {
8482 flex: 1;
8483 padding: 10px 16px;
8484 border: 0;
8485 border-bottom: 2px solid transparent;
8486 background: none;
8487 color: #646970;
8488 font-size: 13px;
8489 font-weight: 600;
8490 cursor: pointer;
8491 }
8492 .lp-stats-daterange .lp-stats-daterange__tabs .lp-stats-daterange__tab.active {
8493 border-bottom-color: #3858e9;
8494 color: #3858e9;
8495 }
8496 .lp-stats-daterange .lp-stats-daterange__tabs .lp-stats-daterange__tab:focus-visible {
8497 outline: 1.5px solid #3858e9;
8498 outline-offset: -2px;
8499 }
8500 .lp-stats-daterange .lp-stats-daterange__presets {
8501 max-height: 320px;
8502 margin: 0;
8503 padding: 8px 0;
8504 overflow-y: auto;
8505 list-style: none;
8506 }
8507 .lp-stats-daterange .lp-stats-daterange__presets li {
8508 margin: 0;
8509 }
8510 .lp-stats-daterange .lp-stats-daterange__presets .lp-stats-daterange__preset {
8511 display: flex;
8512 align-items: center;
8513 gap: 8px;
8514 padding: 7px 16px;
8515 font-size: 13px;
8516 cursor: pointer;
8517 }
8518 .lp-stats-daterange .lp-stats-daterange__presets .lp-stats-daterange__preset:hover {
8519 background: #f0f0f1;
8520 }
8521 .lp-stats-daterange .lp-stats-daterange__presets .lp-stats-daterange__preset input[type=radio] {
8522 margin: 0;
8523 }
8524 .lp-stats-daterange .lp-stats-daterange__tabpanel[data-tabpanel=custom] {
8525 padding: 16px;
8526 }
8527 .lp-stats-daterange .lp-stats-daterange__tabpanel[data-tabpanel=custom] .lp-stats-daterange__custom-fields {
8528 display: flex;
8529 gap: 12px;
8530 margin-bottom: 12px;
8531 }
8532 .lp-stats-daterange .lp-stats-daterange__tabpanel[data-tabpanel=custom] .lp-stats-daterange__custom-fields label {
8533 display: flex;
8534 flex-direction: column;
8535 gap: 4px;
8536 font-size: 12px;
8537 color: #646970;
8538 }
8539 .lp-stats-daterange .lp-stats-daterange__tabpanel[data-tabpanel=custom] .lp-stats-daterange__custom-fields input[type=date] {
8540 min-height: 34px;
8541 }
8542 .lp-stats-daterange .lp-stats-daterange__compare {
8543 margin: 0;
8544 padding: 12px 16px 14px;
8545 border: 0;
8546 border-top: 1px solid #dcdcde;
8547 }
8548 .lp-stats-daterange .lp-stats-daterange__compare legend {
8549 padding: 12px 0 6px;
8550 font-size: 12px;
8551 font-weight: 600;
8552 color: #646970;
8553 text-transform: uppercase;
8554 }
8555 .lp-stats-daterange .lp-stats-daterange__compare label {
8556 display: flex;
8557 align-items: center;
8558 gap: 8px;
8559 padding: 4px 0;
8560 font-size: 13px;
8561 cursor: pointer;
8562 }
8563 .lp-stats-daterange .lp-stats-daterange__compare label input[type=radio] {
8564 margin: 0;
8565 }
8566 @media screen and (max-width: 782px) {
8567 .lp-stats-daterange .lp-stats-daterange__panel {
8568 min-width: 0;
8569 width: min(320px, 100vw - 48px);
8570 }
8571 }
8572
8573 .lp-stats-filter-scope {
8574 display: flex;
8575 align-items: center;
8576 gap: 8px;
8577 margin-inline-start: auto;
8578 }
8579 .lp-stats-filter-scope select {
8580 width: 145px;
8581 max-width: 180px;
8582 min-height: 36px;
8583 }
8584 .lp-stats-filter-scope .lp-stats-export-csv {
8585 min-height: 36px;
8586 border-color: #c3c4c7;
8587 background: #f6f7f7;
8588 font-weight: 500;
8589 }
8590
8591 .lp-admin-statistics-tab-content .lp-stats-section .statistics-chart-wrapper {
8592 position: relative;
8593 box-sizing: border-box;
8594 height: 360px;
8595 max-height: 380px;
8596 padding: 20px;
8597 }
8598 .lp-admin-statistics-tab-content .lp-stats-section .statistics-chart-wrapper canvas {
8599 width: 100% !important;
8600 height: 100% !important;
8601 max-height: 100%;
8602 }
8603 @media screen and (max-width: 782px) {
8604 .lp-admin-statistics-tab-content .lp-stats-section .statistics-chart-wrapper {
8605 height: 280px;
8606 padding: 16px;
8607 }
8608 }
8609
8610 .lp-stats-kpi-grid {
8611 display: grid;
8612 grid-template-columns: repeat(6, 1fr);
8613 gap: 16px;
8614 margin-bottom: 14px;
8615 }
8616 @media screen and (max-width: 1400px) {
8617 .lp-stats-kpi-grid {
8618 grid-template-columns: repeat(3, 1fr);
8619 }
8620 }
8621 @media screen and (max-width: 782px) {
8622 .lp-stats-kpi-grid {
8623 grid-template-columns: repeat(2, 1fr);
8624 }
8625 }
8626
8627 .lp-kpi-card {
8628 display: flex;
8629 flex-direction: column;
8630 gap: 4px;
8631 min-height: 110px;
8632 box-sizing: border-box;
8633 padding: 16px;
8634 border: 1px solid #dcdcde;
8635 background: #fff;
8636 }
8637 .lp-kpi-card.is-highlighted {
8638 border-color: #2271b1;
8639 box-shadow: inset 0 0 0 1px #2271b1;
8640 }
8641 .lp-kpi-card .lp-kpi-title {
8642 font-size: 12px;
8643 font-weight: 600;
8644 text-transform: uppercase;
8645 color: #8c8f94;
8646 }
8647 .lp-kpi-card .lp-kpi-value {
8648 font-size: 24px;
8649 font-weight: 700;
8650 line-height: 1.2;
8651 }
8652 .lp-kpi-card .lp-kpi-delta {
8653 font-size: 12px;
8654 font-weight: 600;
8655 }
8656 .lp-kpi-card .lp-kpi-delta.is-up {
8657 color: #00a32a;
8658 }
8659 .lp-kpi-card .lp-kpi-delta.is-down {
8660 color: #d63638;
8661 }
8662 .lp-kpi-card .lp-kpi-subline {
8663 font-size: 12px;
8664 color: #646970;
8665 }
8666 .lp-kpi-card .lp-kpi-progress {
8667 display: block;
8668 height: 6px;
8669 margin-top: 4px;
8670 background: #f0f0f1;
8671 overflow: hidden;
8672 }
8673 .lp-kpi-card .lp-kpi-progress__bar {
8674 display: block;
8675 height: 100%;
8676 background: #2271b1;
8677 }
8678
8679 .lp-badge {
8680 display: inline-block;
8681 padding: 2px 8px;
8682 border-radius: 3px;
8683 font-size: 12px;
8684 font-weight: 600;
8685 color: #fff;
8686 }
8687 .lp-badge--green {
8688 background: #00a32a;
8689 }
8690 .lp-badge--yellow {
8691 background: #dba617;
8692 }
8693 .lp-badge--red {
8694 background: #d63638;
8695 }
8696 .lp-badge--grey {
8697 background: #646970;
8698 }
8699
8700 .lp-risk--high {
8701 background: #d63638;
8702 }
8703 .lp-risk--high::before {
8704 content: "🔴";
8705 }
8706 .lp-risk--medium {
8707 background: #dba617;
8708 }
8709 .lp-risk--medium::before {
8710 content: "🟡";
8711 }
8712 .lp-risk--healthy {
8713 background: #00a32a;
8714 }
8715 .lp-risk--healthy::before {
8716 content: "🟢";
8717 }
8718
8719 .lp-stats-operations {
8720 margin: 0;
8721 padding: 16px;
8722 }
8723 .lp-stats-operations__row {
8724 display: flex;
8725 flex-wrap: wrap;
8726 align-items: baseline;
8727 gap: 8px;
8728 padding: 10px 0;
8729 border-bottom: 1px solid #dcdcde;
8730 }
8731 .lp-stats-operations__row:last-child {
8732 border-bottom: 0;
8733 }
8734 .lp-stats-operations__label {
8735 flex: 1;
8736 font-size: 13px;
8737 color: #646970;
8738 }
8739 .lp-stats-operations__value {
8740 font-weight: 700;
8741 font-size: 14px;
8742 }
8743 .lp-stats-operations__name {
8744 flex-basis: 100%;
8745 font-size: 12px;
8746 color: #646970;
8747 }
8748
8749 .lp-stats-table tbody tr:hover {
8750 background: #f6f7f7;
8751 }
8752 .lp-stats-table .lp-stats-course-performance-row,
8753 .lp-stats-table .lp-stats-instructor-performance-row {
8754 cursor: pointer;
8755 }
8756 .lp-stats-table tbody tr.is-highlighted {
8757 background: #f0f6fc;
8758 box-shadow: inset -3px 0 0 #2271b1;
8759 }
8760 .lp-stats-table .lp-stats-table__empty {
8761 color: #646970;
8762 text-align: center;
8763 padding: 24px 12px;
8764 }
8765
8766 .lp-admin-statistics-tab-content .lp-table-wrap,
8767 .lp-stats-report-modal .lp-table-wrap {
8768 border: 0;
8769 border-radius: 0;
8770 overflow-x: auto;
8771 }
8772 .lp-admin-statistics-tab-content table.lp-list-table,
8773 .lp-stats-report-modal table.lp-list-table {
8774 min-width: 0;
8775 }
8776
8777 .lp-stats-report-popup.swal2-popup {
8778 max-width: 1600px;
8779 }
8780
8781 .lp-stats-report-modal {
8782 text-align: start;
8783 }
8784 .lp-stats-report-modal__toolbar {
8785 display: flex;
8786 align-items: center;
8787 gap: 10px;
8788 padding: 10px 0;
8789 }
8790 .lp-stats-report-modal__toolbar .lp-stats-report-modal__search {
8791 flex: 1;
8792 max-width: 320px;
8793 }
8794 .lp-stats-report-modal__toolbar .lp-stats-report-modal__export {
8795 margin-inline-start: auto;
8796 }
8797 .lp-stats-report-modal__body {
8798 overflow: auto;
8799 max-height: 72vh;
8800 }
8801 .lp-stats-report-modal table.lp-list-table {
8802 min-width: 720px;
8803 }
8804 .lp-stats-report-modal__loading {
8805 padding: 40px 0;
8806 text-align: center;
8807 color: #646970;
8808 font-size: 14px;
8809 }
8810 .lp-stats-report-modal .lp-stats-report-table-footer {
8811 display: flex;
8812 align-items: center;
8813 justify-content: center;
8814 flex-wrap: wrap;
8815 gap: 10px;
8816 padding-top: 6px;
8817 }
8818 .lp-stats-report-modal .lp-stats-report-table-footer__count {
8819 color: #646970;
8820 font-size: 13px;
8821 }
8822
8823 .lp-stats-funnel {
8824 display: flex;
8825 flex-direction: column;
8826 gap: 14px;
8827 padding: 18px 16px 16px;
8828 }
8829 .lp-stats-funnel .lp-stats-funnel__step {
8830 display: grid;
8831 grid-template-columns: 1fr auto;
8832 gap: 6px 10px;
8833 }
8834 .lp-stats-funnel .lp-stats-funnel__label {
8835 font-size: 14px;
8836 }
8837 .lp-stats-funnel .lp-stats-funnel__track {
8838 grid-column: 1/-1;
8839 background: #f0f0f1;
8840 }
8841 .lp-stats-funnel .lp-stats-funnel__bar {
8842 display: block;
8843 height: 8px;
8844 min-width: 2px;
8845 background: #3858e9;
8846 }
8847 .lp-stats-funnel .lp-stats-funnel__step[data-step=failed] .lp-stats-funnel__bar {
8848 background: #d63638;
8849 }
8850 .lp-stats-funnel .lp-stats-funnel__count {
8851 font-size: 14px;
8852 font-weight: 600;
8853 }
8854
8855 .lp-stats-payment-health {
8856 margin: 0;
8857 padding: 16px;
8858 list-style: none;
8859 }
8860 .lp-stats-payment-health__row {
8861 display: flex;
8862 align-items: center;
8863 justify-content: space-between;
8864 gap: 12px;
8865 margin: 0;
8866 padding: 10px 0;
8867 border-bottom: 1px solid #dcdcde;
8868 }
8869 .lp-stats-payment-health__row:last-child {
8870 border-bottom: 0;
8871 }
8872 .lp-stats-payment-health__label {
8873 color: #1d2327;
8874 font-size: 14px;
8875 }
8876 .lp-stats-payment-health__count {
8877 font-size: 14px;
8878 font-weight: 600;
8879 }
8880
8881 .lp-stats-health-grid {
8882 display: grid;
8883 grid-template-columns: repeat(4, 1fr);
8884 gap: 10px;
8885 }
8886 @media screen and (max-width: 1200px) {
8887 .lp-stats-health-grid {
8888 grid-template-columns: repeat(2, 1fr);
8889 }
8890 }
8891 .lp-stats-health-grid .lp-stats-health-box {
8892 display: flex;
8893 flex-direction: column;
8894 gap: 4px;
8895 padding: 12px 15px;
8896 border: 1px solid #dcdcde;
8897 background: #fff;
8898 }
8899 .lp-stats-health-grid .lp-stats-health-box.is-alert {
8900 border-inline-start: 4px solid #d63638;
8901 }
8902 .lp-stats-health-grid .lp-stats-health-box .lp-stats-health-box__count {
8903 font-size: 20px;
8904 font-weight: 700;
8905 }
8906 .lp-stats-health-grid .lp-stats-health-box .lp-stats-health-box__label {
8907 font-size: 12px;
8908 color: #646970;
8909 }
8910
8911 .lp-stats-layout {
8912 display: grid;
8913 grid-template-columns: minmax(0, 1fr) 320px;
8914 gap: 20px;
8915 align-items: start;
8916 }
8917 @media screen and (max-width: 1200px) {
8918 .lp-stats-layout {
8919 grid-template-columns: minmax(0, 1fr);
8920 }
8921 }
8922 .lp-stats-layout .lp-stats-layout__sidebar > * + * {
8923 margin-top: 20px;
8924 }
8925
8926 .lp-stats-section {
8927 background: #fff;
8928 border: 1px solid #dcdcde;
8929 padding: 0;
8930 margin-bottom: 20px;
8931 overflow: hidden;
8932 }
8933 .lp-stats-section .lp-stats-section__header {
8934 display: flex;
8935 align-items: flex-start;
8936 justify-content: space-between;
8937 gap: 16px;
8938 min-height: 50px;
8939 box-sizing: border-box;
8940 padding: 14px 16px 12px;
8941 border-bottom: 1px solid #dcdcde;
8942 }
8943 .lp-stats-section .lp-stats-section__title {
8944 margin: 0;
8945 font-size: 16px;
8946 font-weight: 600;
8947 line-height: 24px;
8948 }
8949 .lp-stats-section > .lp-stats-section__title {
8950 padding: 14px 16px 12px;
8951 border-bottom: 1px solid #dcdcde;
8952 }
8953 .lp-stats-section .lp-stats-section__description {
8954 margin: 4px 0 0;
8955 color: #50575e;
8956 font-size: 13px;
8957 line-height: 20px;
8958 }
8959 .lp-stats-section .lp-stats-section__action {
8960 align-self: center;
8961 color: #3858e9;
8962 font-size: 14px;
8963 text-decoration: none;
8964 }
8965 .lp-stats-section > .lp-stats-health-grid,
8966 .lp-stats-section > .lp-stats-health-checks {
8967 margin: 0;
8968 padding: 16px;
8969 }
8970 .lp-stats-section > .lp-skeleton-animation {
8971 margin: 16px;
8972 }
8973
8974 .lp-stats-overview-grid {
8975 display: grid;
8976 gap: 20px;
8977 margin-top: 20px;
8978 }
8979 .lp-stats-overview-grid .lp-stats-section {
8980 margin-bottom: 0;
8981 }
8982 .lp-stats-overview-grid:first-of-type {
8983 margin-top: 0;
8984 }
8985 .lp-stats-overview-grid--chart {
8986 grid-template-columns: minmax(0, 2fr) minmax(320px, 1fr);
8987 }
8988 .lp-stats-overview-grid--chart .lp-stats-section {
8989 min-height: 440px;
8990 }
8991 .lp-stats-overview-grid--tables {
8992 grid-template-columns: repeat(2, minmax(0, 1fr));
8993 }
8994 .lp-stats-overview-grid--health {
8995 grid-template-columns: minmax(0, 0.85fr) minmax(0, 1fr);
8996 }
8997 @media screen and (max-width: 1200px) {
8998 .lp-stats-overview-grid {
8999 grid-template-columns: minmax(0, 1fr);
9000 }
9001 }
9002
9003 .lp-stats-health-checks {
9004 list-style: none;
9005 }
9006 .lp-stats-health-checks li {
9007 margin: 0;
9008 border-bottom: 1px solid #dcdcde;
9009 }
9010 .lp-stats-health-checks li:last-child {
9011 border-bottom: 0;
9012 }
9013 .lp-stats-health-checks a {
9014 display: flex;
9015 align-items: center;
9016 justify-content: space-between;
9017 gap: 12px;
9018 padding: 10px 0;
9019 text-decoration: none;
9020 }
9021 .lp-stats-health-checks .lp-stats-health-check__count {
9022 order: 2;
9023 font-weight: 600;
9024 }
9025
9026 table.lp-material--table {
9027 border-collapse: collapse;
9028 width: 100%;
9029 }
9030 table.lp-material--table td, table.lp-material--table th {
9031 border: 1px solid #dddddd;
9032 text-align: right;
9033 padding: 8px;
9034 }
9035 table.lp-material--table thead.hidden {
9036 display: none;
9037 }
9038 table.lp-material--table td.sort {
9039 cursor: move;
9040 }
9041 table.lp-material--table tr:nth-child(even) {
9042 background-color: rgba(221, 221, 221, 0.2509803922);
9043 }
9044
9045 .lp-material--field-wrap {
9046 display: flex;
9047 flex-direction: row;
9048 align-items: center;
9049 padding-block: 5px;
9050 }
9051
9052 .lp-material--field-wrap label {
9053 min-width: 70px;
9054 }
9055
9056 .lp-material--group {
9057 margin-top: 10px;
9058 padding: 10px;
9059 border: 1px solid #dedede;
9060 border-radius: 10px;
9061 box-shadow: -2px 2px rgba(180, 180, 180, 0.2);
9062 }
9063
9064 .lp-material-btn-wrap {
9065 margin-bottom: 10px;
9066 }
9067
9068 .lp-material-btn-wrap.loading::before:before, #btn-lp--save-material.loading:before {
9069 position: absolute;
9070 inset: 0;
9071 display: flex;
9072 align-items: center;
9073 justify-content: center;
9074 font-family: "lp-icon";
9075 content: "\f110";
9076 animation: lp-rotating 1s linear infinite;
9077 line-height: 1;
9078 font-variant: normal;
9079 text-transform: none;
9080 -webkit-font-smoothing: antialiased;
9081 -moz-osx-font-smoothing: grayscale;
9082 color: black;
9083 }
9084
9085 .button.lp-material--delete {
9086 color: white;
9087 border-color: red;
9088 background: red;
9089 vertical-align: top;
9090 }
9091
9092 .lp-material--field-wrap.field-action-wrap {
9093 display: flex;
9094 justify-content: space-between;
9095 }
9096
9097 .lp-meta-box .lp-material--field-wrap input {
9098 width: 100%;
9099 }
9100
9101 #available-to-upload {
9102 font-weight: bold;
9103 }
9104
9105 .learnpress-block-pagination,
9106 .learn-press-pagination {
9107 margin: 20px 0;
9108 text-align: center;
9109 }
9110 .learnpress-block-pagination .page-numbers,
9111 .learn-press-pagination .page-numbers {
9112 display: inline-flex;
9113 gap: 5px;
9114 flex-wrap: wrap;
9115 margin: 0;
9116 padding: 0;
9117 border: 0;
9118 outline: 0;
9119 background: transparent;
9120 list-style: none;
9121 }
9122 .learnpress-block-pagination .page-numbers > li,
9123 .learn-press-pagination .page-numbers > li {
9124 display: inline-block;
9125 margin: 0;
9126 }
9127 .learnpress-block-pagination .page-numbers > li .page-numbers,
9128 .learn-press-pagination .page-numbers > li .page-numbers {
9129 float: unset;
9130 padding: 0 12px;
9131 color: #666;
9132 text-decoration: none;
9133 }
9134 .learnpress-block-pagination .page-numbers > li .page-numbers.current,
9135 .learn-press-pagination .page-numbers > li .page-numbers.current {
9136 color: var(--lp-primary-color);
9137 font-weight: 400;
9138 }
9139 .learnpress-block-pagination .page-numbers > li .page-numbers:hover,
9140 .learn-press-pagination .page-numbers > li .page-numbers:hover {
9141 color: var(--lp-primary-color);
9142 }
9143
9144 .lp-instructor-info {
9145 display: flex;
9146 gap: 30px;
9147 margin-top: 30px;
9148 margin-bottom: 30px;
9149 }
9150 @media (max-width: 600px) {
9151 .lp-instructor-info {
9152 flex-wrap: wrap;
9153 }
9154 }
9155 .lp-instructor-info .lp-section-instructor {
9156 flex: 1;
9157 }
9158 .lp-instructor-info .instructor-display-name {
9159 font-size: 1.4rem;
9160 }
9161 .lp-instructor-info .instructor-avatar {
9162 max-width: 200px;
9163 }
9164 .lp-instructor-info .lp-instructor-meta {
9165 margin-top: 16px;
9166 display: flex;
9167 column-gap: 20px;
9168 row-gap: 8px;
9169 }
9170 .lp-instructor-info .instructor-description {
9171 margin-top: 16px;
9172 }
9173 .lp-instructor-info img {
9174 max-width: 100%;
9175 border-radius: var(--lp-border-radius, 5px);
9176 }
9177 .lp-instructor-info .instructor-social {
9178 display: inline-flex;
9179 padding: 0;
9180 gap: 12px;
9181 margin: 16px 0 0 0;
9182 }
9183 .lp-instructor-info .instructor-social > a {
9184 text-align: center;
9185 list-style: none;
9186 }
9187 .lp-instructor-info .instructor-social > a span {
9188 display: none;
9189 }
9190 .lp-instructor-info .instructor-social > a i {
9191 width: 40px;
9192 height: 40px;
9193 display: inline-flex;
9194 align-items: center;
9195 justify-content: center;
9196 border: 1px solid #C3C4C7;
9197 border-radius: 50%;
9198 }
9199 .lp-instructor-info .instructor-social > a i:hover {
9200 background-color: var(--lp-primary-color, #ffb606);
9201 border-color: var(--lp-primary-color, #ffb606);
9202 color: var(--lp-color-white, #fff);
9203 }
9204
9205 .instructor-display-name {
9206 font-weight: var(--lp-font-weight-link, 600);
9207 }
9208
9209 .instructor-item-meta {
9210 display: inline-flex;
9211 border-right: 1px solid #C3C4C7;
9212 padding-right: 20px;
9213 }
9214
9215 .lp-instructor-meta .instructor-item-meta:first-child {
9216 border: none;
9217 padding-right: 0;
9218 }
9219
9220 .wrapper-instructor-total-students, .wrapper-instructor-total-courses {
9221 display: flex;
9222 gap: 4px;
9223 align-items: center;
9224 }
9225
9226 .course-extra-box {
9227 margin-bottom: 16px;
9228 border: 1px solid #C3C4C7;
9229 border-radius: var(--lp-border-radius, 5px);
9230 width: 100%;
9231 }
9232 .course-extra-box.active .course-extra-box__content {
9233 height: auto;
9234 }
9235 .course-extra-box__title {
9236 --extra-height: 50px;
9237 display: flex;
9238 align-items: center;
9239 position: relative;
9240 height: var(--extra-height);
9241 margin: 0 !important;
9242 padding: 0 20px 0 45px;
9243 background: rgba(181, 187, 211, 0.15);
9244 font-size: 1em;
9245 font-weight: 700;
9246 cursor: pointer;
9247 }
9248 @media (max-width: 767px) {
9249 .course-extra-box__title {
9250 padding-right: 16px;
9251 }
9252 }
9253 .course-extra-box__title::after {
9254 position: absolute;
9255 top: 0;
9256 left: 20px;
9257 font-family: "lp-icon";
9258 line-height: var(--extra-height);
9259 content: "\f107";
9260 }
9261 .course-extra-box__content {
9262 overflow: hidden;
9263 transition: height 0.3s ease;
9264 }
9265 .course-extra-box__content-inner {
9266 animation-name: course-extra-box__content-inner-transform;
9267 animation-duration: 0.3s;
9268 animation-timing-function: ease-in-out;
9269 animation-iteration-count: 1;
9270 animation-direction: normal;
9271 }
9272 .course-extra-box__content-inner > ul {
9273 padding-right: 0 !important;
9274 padding-bottom: 0 !important;
9275 }
9276 .course-extra-box__content ul,
9277 .course-extra-box__content li {
9278 list-style: none;
9279 }
9280 .course-extra-box__content ul {
9281 margin: 0;
9282 padding: 0;
9283 }
9284 .course-extra-box__content li {
9285 margin: 0;
9286 padding: 12px 20px;
9287 border-bottom: 1px solid #C3C4C7;
9288 }
9289 @media (max-width: 767px) {
9290 .course-extra-box__content li {
9291 padding-right: 16px;
9292 padding-left: 16px;
9293 }
9294 }
9295 .course-extra-box__content li::before {
9296 margin-left: 8px;
9297 color: var(--lp-primary-color);
9298 font-family: "lp-icon";
9299 content: "\f00c";
9300 }
9301 .course-extra-box__content li:last-child {
9302 border-bottom: 0;
9303 }
9304 .course-extra-box:last-child {
9305 margin-bottom: 60px;
9306 }
9307 .course-extra-box.active .course-extra-box__title::after {
9308 content: "\f106";
9309 }
9310 .course-extra-box + .comment-respond, .course-extra-box + .comments-area {
9311 margin-top: 30px;
9312 margin-bottom: 30px;
9313 }
9314 .course-extra-box + .course-tabs {
9315 margin-top: 30px;
9316 }
9317
9318 input[name=course-extra-box-ratio] {
9319 display: none;
9320 }
9321 input[name=course-extra-box-ratio]:checked + .course-extra-box .course-extra-box__content {
9322 display: block;
9323 }
9324 input[name=course-extra-box-ratio]:checked + .course-extra-box .course-extra-box__content .course-extra-box__content-inner {
9325 transform: scale(1);
9326 }
9327
9328 @-webkit-keyframes course-extra-box__content-inner-transform {
9329 from {
9330 opacity: 0;
9331 -webkit-transform: translateX(-5%);
9332 transform: translateX(-5%);
9333 }
9334 to {
9335 opacity: 1;
9336 -webkit-transform: translateX(0%);
9337 transform: translateX(0%);
9338 }
9339 }
9340 @keyframes course-extra-box__content-inner-transform {
9341 from {
9342 opacity: 0;
9343 transform: translateX(-5%);
9344 }
9345 to {
9346 opacity: 1;
9347 transform: translateX(0%);
9348 }
9349 }
9350 .course-tab-panel-faqs .course-faqs-box {
9351 margin-bottom: 20px;
9352 border: 1px solid rgba(204, 204, 204, 0.6);
9353 border-radius: 5px;
9354 }
9355 .course-tab-panel-faqs .course-faqs-box__title {
9356 display: block;
9357 position: relative;
9358 margin: 0;
9359 padding: 12px 20px 12px 45px;
9360 font-size: 1em;
9361 line-height: 1.5;
9362 font-weight: var(--lp-font-weight-link, 600);
9363 cursor: pointer;
9364 }
9365 .course-tab-panel-faqs .course-faqs-box__title::after {
9366 position: absolute;
9367 top: 12px;
9368 left: 20px;
9369 font-family: "lp-icon";
9370 content: "\f067";
9371 }
9372 .course-tab-panel-faqs .course-faqs-box:last-child {
9373 margin-bottom: 40px;
9374 }
9375 .course-tab-panel-faqs .course-faqs-box:hover .course-faqs-box__title {
9376 color: var(--lp-primary-color);
9377 }
9378 .course-tab-panel-faqs .course-faqs-box__content {
9379 display: none;
9380 }
9381 .course-tab-panel-faqs .course-faqs-box__content-inner {
9382 padding: 20px;
9383 -webkit-animation-name: course-faqs-box__content-inner-transform;
9384 animation-name: course-faqs-box__content-inner-transform;
9385 -webkit-animation-duration: 0.3s;
9386 animation-duration: 0.3s;
9387 -webkit-animation-timing-function: ease-in-out;
9388 animation-timing-function: ease-in-out;
9389 -webkit-animation-iteration-count: 1;
9390 animation-iteration-count: 1;
9391 -webkit-animation-direction: normal;
9392 animation-direction: normal;
9393 }
9394
9395 input[name=course-faqs-box-ratio] {
9396 display: none;
9397 }
9398 input[name=course-faqs-box-ratio]:checked + .course-faqs-box .course-faqs-box__content {
9399 display: block;
9400 }
9401 input[name=course-faqs-box-ratio]:checked + .course-faqs-box .course-faqs-box__title {
9402 color: var(--lp-primary-color);
9403 background: rgba(241, 242, 248, 0.4);
9404 }
9405 input[name=course-faqs-box-ratio]:checked + .course-faqs-box .course-faqs-box__title::after {
9406 content: "\f068";
9407 }
9408
9409 @-webkit-keyframes course-faqs-box__content-inner-transform {
9410 from {
9411 opacity: 0;
9412 -webkit-transform: translateY(-5%);
9413 transform: translateY(-5%);
9414 }
9415 to {
9416 opacity: 1;
9417 -webkit-transform: translateY(0%);
9418 transform: translateY(0%);
9419 }
9420 }
9421 @keyframes course-faqs-box__content-inner-transform {
9422 from {
9423 opacity: 0;
9424 -webkit-transform: translateY(-5%);
9425 transform: translateY(-5%);
9426 }
9427 to {
9428 opacity: 1;
9429 -webkit-transform: translateY(0%);
9430 transform: translateY(0%);
9431 }
9432 }
9433 .extra-box__title, .course-faqs__title, .course-material__title {
9434 margin-top: 0;
9435 margin-bottom: 12px;
9436 }
9437
9438 .edit-content {
9439 margin-right: 5px;
9440 }
9441
9442 .course-curriculum ul.curriculum-sections {
9443 position: relative;
9444 margin: 0;
9445 padding: 0;
9446 list-style: none;
9447 }
9448 .course-curriculum ul.curriculum-sections .closed .section-item__loadmore {
9449 display: none;
9450 }
9451 .course-curriculum ul.curriculum-sections .section {
9452 margin: 0;
9453 padding: 0;
9454 flex-wrap: wrap;
9455 }
9456 .course-curriculum ul.curriculum-sections .section:last-child {
9457 padding: 0;
9458 }
9459 .course-curriculum ul.curriculum-sections .section.section-empty .section-header {
9460 margin-bottom: 20px;
9461 }
9462 .course-curriculum ul.curriculum-sections .section.section-empty .learn-press-message {
9463 margin-left: 15px;
9464 margin-right: 15px;
9465 }
9466 .course-curriculum ul.curriculum-sections .section-title.c + .section-desc {
9467 display: block;
9468 }
9469 .course-curriculum ul.curriculum-sections .section-title.c span.show-desc::before {
9470 -webkit-transform: rotate(-180deg);
9471 transform: rotate(-180deg);
9472 top: 0;
9473 }
9474 .course-curriculum ul.curriculum-sections .item-meta.duration {
9475 background: #d9e0f1;
9476 }
9477 .course-curriculum .section-item__loadmore {
9478 display: flex;
9479 justify-content: center;
9480 align-items: center;
9481 }
9482 .course-curriculum .section-item__loadmore button {
9483 margin-top: 10px;
9484 border: 1px solid #C3C4C7;
9485 border-radius: var(--lp-border-radius, 5px);
9486 padding: 8px 16px;
9487 box-shadow: none;
9488 outline: none;
9489 }
9490 .course-curriculum .section-item__loadmore.loading button:before {
9491 position: absolute;
9492 inset: 0;
9493 display: flex;
9494 align-items: center;
9495 justify-content: center;
9496 font-family: "lp-icon";
9497 content: "\f110";
9498 animation: lp-rotating 1s linear infinite;
9499 line-height: 1;
9500 font-variant: normal;
9501 text-transform: none;
9502 -webkit-font-smoothing: antialiased;
9503 -moz-osx-font-smoothing: grayscale;
9504 color: black;
9505 }
9506 .course-curriculum .section-header {
9507 display: table;
9508 width: 100%;
9509 padding: 20px 0;
9510 border-bottom: 0;
9511 border-bottom: 1px solid #d9e0f1;
9512 cursor: pointer;
9513 -webkit-box-sizing: border-box;
9514 box-sizing: border-box;
9515 }
9516 .course-curriculum .section-header .section-title, .course-curriculum .section-header .section-desc {
9517 margin: 0;
9518 }
9519 .course-curriculum .section-header span.show-desc {
9520 display: inline-block;
9521 position: absolute;
9522 top: 50%;
9523 left: 30px;
9524 width: 20px;
9525 height: 20px;
9526 transform: translate(0, -50%);
9527 }
9528 .course-curriculum .section-header span.show-desc::before {
9529 font-family: "lp-icon";
9530 font-size: 1.125em;
9531 content: "\f107";
9532 }
9533 .course-curriculum .section-header span.show-desc:hover::before {
9534 border-top-color: #ccc;
9535 }
9536 .course-curriculum .section-header .section-desc {
9537 margin-top: 10px;
9538 font-size: calc(var(--lp-font-size-base, 1em) * 0.925);
9539 color: var(--lp-color-accent);
9540 font-style: italic;
9541 line-height: 1.3;
9542 }
9543 .course-curriculum .section-header .section-meta {
9544 display: block;
9545 padding-top: 17px;
9546 padding-bottom: 15px;
9547 font-size: 0.8em;
9548 text-align: left;
9549 vertical-align: middle;
9550 white-space: nowrap;
9551 }
9552 .course-curriculum .section-item {
9553 width: 100%;
9554 }
9555 .course-curriculum .section-content {
9556 margin: 0;
9557 padding: 0;
9558 list-style: none;
9559 }
9560 .course-curriculum .section-content .course-item-meta {
9561 display: table-cell;
9562 text-align: left;
9563 vertical-align: middle;
9564 white-space: nowrap;
9565 }
9566 .course-curriculum .section-content .course-item-meta .item-meta {
9567 display: inline-block;
9568 color: #fff;
9569 }
9570 .course-curriculum .section-content .course-item-meta .item-meta.final-quiz {
9571 background: #14c4ff;
9572 }
9573 .course-curriculum .section-content .course-item-meta .item-meta.trans {
9574 padding: 0;
9575 }
9576 .course-curriculum .section-content .course-item-meta .count-questions {
9577 background: #9672cf;
9578 }
9579 .course-curriculum .section-content .course-item-meta .duration {
9580 background: #c0c0c0;
9581 }
9582 .course-curriculum .section-content .course-item-meta .course-item-status {
9583 padding: 0;
9584 color: #999;
9585 }
9586 .course-curriculum .section-content .course-item-meta .course-item-status::before {
9587 font-family: "lp-icon";
9588 content: "\f00c";
9589 }
9590 .course-curriculum .section-content .course-item-preview {
9591 font-style: normal;
9592 padding: 0;
9593 }
9594 .course-curriculum .section-content .course-item-preview::before {
9595 font-family: "lp-icon";
9596 content: "\f06e";
9597 color: #999;
9598 }
9599 .course-curriculum .course-item {
9600 display: flex;
9601 position: relative;
9602 margin: 0 0 2px 0;
9603 padding: 0 16px;
9604 background: rgba(241, 242, 248, 0.4);
9605 transition: padding-right linear 0.15s;
9606 }
9607 .course-curriculum .course-item > span {
9608 display: flex;
9609 width: 28px;
9610 color: #666;
9611 font-weight: 300;
9612 align-items: center;
9613 }
9614 .course-curriculum .course-item .section-item-link {
9615 display: flex;
9616 align-items: flex-start;
9617 justify-content: space-between;
9618 width: 100%;
9619 padding: 12px 0;
9620 color: inherit;
9621 outline: none;
9622 gap: 12px;
9623 }
9624 .course-curriculum .course-item .section-item-link:hover .item-name {
9625 color: var(--lp-primary-color);
9626 }
9627 .course-curriculum .course-item .section-item-link::before {
9628 color: var(--lp-primary-color);
9629 font-family: "lp-icon";
9630 }
9631 .course-curriculum .course-item .section-item-link .course-item-info {
9632 width: 100%;
9633 }
9634 .course-curriculum .course-item .section-item-link .course-item-info .course-item-info-pre {
9635 display: flex;
9636 flex-flow: row-reverse;
9637 justify-content: flex-end;
9638 gap: 16px;
9639 align-items: center;
9640 font-size: calc(var(--lp-font-size-base, 1em) * 0.925);
9641 }
9642 .course-curriculum .course-item .section-item-link .course-item-info .course-item-info-pre .item-meta.duration {
9643 background: transparent;
9644 }
9645 .course-curriculum .course-item .item-name {
9646 font-weight: 600;
9647 }
9648 .course-curriculum .course-item.course-item-lp_quiz .section-item-link::before {
9649 content: "\f059";
9650 }
9651 .course-curriculum .course-item.course-item-lp_assignment .section-item-link::before {
9652 content: "\e929" !important;
9653 }
9654 .course-curriculum .course-item.course-item.course-item-lp_h5p .section-item-link::before {
9655 content: "\e92a" !important;
9656 }
9657 .course-curriculum .course-item.course-item-lp_lesson .section-item-link::before {
9658 content: "\f15b";
9659 }
9660 .course-curriculum .course-item.course-item-lp_lesson.course-item-type-video .section-item-link::before {
9661 content: "\f03d";
9662 }
9663 .course-curriculum .course-item.course-item-lp_lesson.course-item-type-audio .section-item-link::before {
9664 content: "\f028";
9665 }
9666 .course-curriculum .course-item.item-locked .course-item-status::before {
9667 color: var(--lp-secondary-color);
9668 content: "\f023";
9669 }
9670 .course-curriculum .course-item.has-status {
9671 padding-top: 1px;
9672 }
9673 .course-curriculum .course-item.has-status.status-completed .course-item-status::before, .course-curriculum .course-item.has-status.status-evaluated .course-item-status::before {
9674 color: #3bb54a;
9675 }
9676 .course-curriculum .course-item.has-status.item-failed .course-item-status::before, .course-curriculum .course-item.has-status.failed .course-item-status::before {
9677 border-color: #f02425;
9678 color: #f02425;
9679 content: "\f00d";
9680 }
9681 .course-curriculum .course-item::before {
9682 position: absolute;
9683 top: 50%;
9684 right: 0;
9685 width: 3px;
9686 height: 0;
9687 background: #00adff;
9688 content: "";
9689 transition: height linear 0.15s, top linear 0.15s;
9690 }
9691 .course-curriculum .course-item.current {
9692 background: #f9f9f9;
9693 }
9694 .course-curriculum .course-item.current a::before {
9695 right: 10px;
9696 }
9697 .course-curriculum .course-item.current::before {
9698 top: 0;
9699 height: 100%;
9700 }
9701 .course-curriculum .section-left {
9702 vertical-align: top;
9703 }
9704 .course-curriculum .section-left .section-title {
9705 font-weight: 700;
9706 font-size: calc(var(--lp-font-size-base, 1em) * 1.25);
9707 text-transform: capitalize;
9708 display: block;
9709 }
9710 .course-curriculum .curriculum-more__button {
9711 border: 1px solid #C3C4C7;
9712 border-radius: var(--lp-border-radius, 5px);
9713 padding: 8px 16px;
9714 box-shadow: none;
9715 outline: none;
9716 width: 100%;
9717 margin-top: 20px;
9718 margin-bottom: 20px;
9719 }
9720 .course-curriculum .curriculum-more__button.loading:before {
9721 position: absolute;
9722 inset: 0;
9723 display: flex;
9724 align-items: center;
9725 justify-content: center;
9726 font-family: "lp-icon";
9727 content: "\f110";
9728 animation: lp-rotating 1s linear infinite;
9729 line-height: 1;
9730 font-variant: normal;
9731 text-transform: none;
9732 -webkit-font-smoothing: antialiased;
9733 -moz-osx-font-smoothing: grayscale;
9734 color: black;
9735 }
9736
9737 body .content-item-summary .form-button-finish-course, body .lp-quiz-buttons .form-button-finish-course {
9738 float: left;
9739 }
9740
9741 #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 {
9742 top: 2px;
9743 font-family: "lp-icon";
9744 }
9745 #wpadminbar #wp-admin-bar-edit-lp_quiz .ab-item::before {
9746 content: "\f017";
9747 }
9748 #wpadminbar #wp-admin-bar-edit-lp_lesson .ab-item::before {
9749 content: "\f15c";
9750 }
9751 #wpadminbar #wp-admin-bar-edit-lp_question .ab-item::before {
9752 content: "\f29c";
9753 }
9754
9755 .course-remaining-time .label-enrolled {
9756 font-size: inherit;
9757 }
9758
9759 .lp-course-progress {
9760 position: relative;
9761 }
9762 .lp-course-progress .lp-passing-conditional {
9763 position: absolute;
9764 top: 0;
9765 width: 3px;
9766 height: 6px;
9767 margin-right: -1px;
9768 background: var(--lp-secondary-color);
9769 }
9770
9771 .viewing-course-item .section-header .section-desc {
9772 display: none;
9773 }
9774
9775 .lp-course-curriculum ul, .lp-course-curriculum li {
9776 list-style: none;
9777 margin: 0;
9778 padding: 0;
9779 }
9780 .lp-course-curriculum .course-curriculum-info {
9781 display: flex;
9782 justify-content: space-between;
9783 gap: 20px;
9784 margin-bottom: 20px;
9785 }
9786 .lp-course-curriculum .course-curriculum-info__left {
9787 display: flex;
9788 align-items: center;
9789 flex-wrap: wrap;
9790 gap: 8px;
9791 }
9792 .lp-course-curriculum .course-curriculum-info__left li {
9793 display: inline-flex;
9794 align-items: center;
9795 gap: 8px;
9796 }
9797 .lp-course-curriculum .course-curriculum-info__left li::after {
9798 content: "";
9799 width: 4px;
9800 height: 4px;
9801 background-color: #C3C4C7;
9802 display: inline-block;
9803 }
9804 .lp-course-curriculum .course-curriculum-info__left li:last-child::after {
9805 content: none;
9806 }
9807 .lp-course-curriculum .course-curriculum-info__right {
9808 font-weight: var(--lp-font-weight-link, 600);
9809 text-align: left;
9810 text-transform: capitalize;
9811 }
9812 .lp-course-curriculum .course-toggle-all-sections {
9813 cursor: pointer;
9814 }
9815 .lp-course-curriculum .course-section {
9816 margin-bottom: 8px;
9817 border: 1px solid #C3C4C7;
9818 border-radius: var(--lp-border-radius, 5px);
9819 cursor: pointer;
9820 overflow: hidden;
9821 }
9822 .lp-course-curriculum .course-section.lp-collapse .course-section__items {
9823 display: none;
9824 animation: ease-in-out;
9825 }
9826 .lp-course-curriculum .course-section.lp-collapse .lp-icon-angle-up {
9827 display: none;
9828 }
9829 .lp-course-curriculum .course-section.lp-collapse .lp-icon-angle-down {
9830 display: block;
9831 }
9832 .lp-course-curriculum .course-section .lp-icon-angle-down {
9833 display: none;
9834 }
9835 .lp-course-curriculum .course-section:last-child {
9836 margin-bottom: 0;
9837 }
9838 .lp-course-curriculum .course-section .course-section-header {
9839 background-color: var(--lp-white-grey, #F7F7FB);
9840 padding: 20px;
9841 column-gap: 12px;
9842 display: flex;
9843 justify-content: space-between;
9844 }
9845 .lp-course-curriculum .course-section__title {
9846 font-weight: 600;
9847 font-size: 1.1em;
9848 line-height: 1.3em;
9849 }
9850 .lp-course-curriculum .course-section__description {
9851 margin: 4px 0 0 0;
9852 }
9853 .lp-course-curriculum .course-section .section-toggle {
9854 line-height: 1;
9855 }
9856 .lp-course-curriculum .course-section .section-toggle i {
9857 font-size: 24px;
9858 }
9859 .lp-course-curriculum .course-section .course-section-info {
9860 margin-right: 0;
9861 margin-left: auto;
9862 }
9863 .lp-course-curriculum .course-section .section-count-items {
9864 min-width: 24px;
9865 font-weight: 600;
9866 text-align: center;
9867 line-height: 1.3;
9868 white-space: nowrap;
9869 }
9870 .lp-course-curriculum .course-section .course-item {
9871 background-color: transparent;
9872 border-top: 1px solid #C3C4C7;
9873 padding: 12px 20px;
9874 margin: 0;
9875 }
9876 .lp-course-curriculum .course-section .course-item__link {
9877 display: flex;
9878 justify-content: space-between;
9879 width: 100%;
9880 column-gap: 12px;
9881 row-gap: 8px;
9882 position: relative;
9883 align-items: flex-start;
9884 color: inherit;
9885 }
9886 .lp-course-curriculum .course-section .course-item__info {
9887 display: flex;
9888 column-gap: 12px;
9889 row-gap: 8px;
9890 }
9891 .lp-course-curriculum .course-section .course-item__info .course-item-ico {
9892 min-width: 16px;
9893 }
9894 .lp-course-curriculum .course-section .course-item__content {
9895 display: flex;
9896 justify-content: space-between;
9897 column-gap: 12px;
9898 row-gap: 8px;
9899 align-items: baseline;
9900 flex: 1;
9901 }
9902 @media (max-width: 1024px) {
9903 .lp-course-curriculum .course-section .course-item__content {
9904 flex-wrap: wrap;
9905 }
9906 }
9907 .lp-course-curriculum .course-section .course-item__left:hover {
9908 color: var(--lp-primary-color, #ffb606);
9909 }
9910 .lp-course-curriculum .course-section .course-item__right {
9911 display: flex;
9912 column-gap: 12px;
9913 row-gap: 8px;
9914 align-items: center;
9915 flex: none;
9916 color: var(--lp-color-meta, #8a8a8a);
9917 flex-wrap: wrap;
9918 flex-direction: row-reverse;
9919 justify-content: flex-end;
9920 }
9921 @media (max-width: 1024px) {
9922 .lp-course-curriculum .course-section .course-item__right {
9923 width: 100%;
9924 order: 3;
9925 }
9926 }
9927 .lp-course-curriculum .course-section .course-item__status .course-item-ico {
9928 width: 24px;
9929 display: flex;
9930 justify-content: center;
9931 }
9932 .lp-course-curriculum .course-section .course-item-ico::before {
9933 content: "";
9934 display: inline-block;
9935 font-family: "lp-icon";
9936 font-weight: normal;
9937 }
9938 .lp-course-curriculum .course-section .course-item-ico.lp_lesson::before {
9939 content: "\f15b";
9940 }
9941 .lp-course-curriculum .course-section .course-item-ico.lp_quiz::before {
9942 content: "\f12e";
9943 }
9944 .lp-course-curriculum .course-section .course-item-ico.lp_assignment::before {
9945 content: "\e929";
9946 }
9947 .lp-course-curriculum .course-section .course-item-ico.lp_h5p::before {
9948 content: "\e92a";
9949 }
9950 .lp-course-curriculum .course-section .course-item-ico.preview::before {
9951 content: "\f06e";
9952 color: #999;
9953 }
9954 .lp-course-curriculum .course-section .course-item-ico.locked::before {
9955 content: "\f023";
9956 color: #999;
9957 }
9958 .lp-course-curriculum .course-section .course-item-ico.passed.completed::before {
9959 content: "\f00c";
9960 color: #3bb54a;
9961 }
9962 .lp-course-curriculum .course-section .course-item-ico.in-progress::before, .lp-course-curriculum .course-section .course-item-ico.completed::before {
9963 content: "\f00c";
9964 color: #999;
9965 }
9966 .lp-course-curriculum .course-section .course-item-ico.failed.completed::before {
9967 content: "\f00d";
9968 color: #f02425;
9969 }
9970 .lp-course-curriculum .course-section .course-item-ico.started::before {
9971 content: "\f00c";
9972 color: #999;
9973 }
9974 .lp-course-curriculum .course-section .course-item-ico.doing::before {
9975 content: "\e921";
9976 color: #999;
9977 }
9978
9979 .info-learning .course-progress > div {
9980 margin-bottom: 8px;
9981 }
9982 .info-learning .course-progress__line {
9983 width: 100%;
9984 background: #ccc;
9985 height: 5px;
9986 border-radius: 5px;
9987 position: relative;
9988 }
9989 .info-learning .course-progress__line__active {
9990 background: var(--lp-primary-color);
9991 height: 100%;
9992 border-radius: 5px;
9993 position: absolute;
9994 top: 0;
9995 right: 0;
9996 }
9997 .info-learning .course-progress__line__active {
9998 background: var(--lp-primary-color);
9999 height: 100%;
10000 border-radius: 5px;
10001 position: absolute;
10002 top: 0;
10003 right: 0;
10004 }
10005 .info-learning .course-progress__line__point {
10006 position: absolute;
10007 top: 0;
10008 width: 2px;
10009 height: 100%;
10010 background: var(--lp-secondary-color);
10011 }
10012 .info-learning .start-date, .info-learning .end-date {
10013 margin-bottom: 8px;
10014 }
10015
10016 /*
10017 Css for Block of Gutenberg
10018 */
10019 /**
10020 * Styles for all page of Block LP
10021 *
10022 * @since 4.2.3
10023 * @version 1.0.0
10024 */
10025 .lp-ico svg {
10026 width: 20px;
10027 height: 20px;
10028 }
10029
10030 .lp-hidden {
10031 display: none !important;
10032 }
10033
10034 .course-price .origin-price {
10035 text-decoration: line-through;
10036 margin-left: 4px;
10037 font-size: calc(var(--lp-font-size-base, 1em) * 0.925);
10038 opacity: 0.6;
10039 }
10040
10041 [class*=wp-block-learnpress] img,
10042 .block-editor-block-list__block img {
10043 max-width: 100%;
10044 height: auto;
10045 }
10046 [class*=wp-block-learnpress] .info-meta-item,
10047 .block-editor-block-list__block .info-meta-item {
10048 display: flex;
10049 gap: 4px;
10050 flex-wrap: wrap;
10051 }
10052 [class*=wp-block-learnpress] .info-meta-item i,
10053 .block-editor-block-list__block .info-meta-item i {
10054 color: var(--lp-primary-color, #ffb606);
10055 }
10056 [class*=wp-block-learnpress] .info-meta-left,
10057 .block-editor-block-list__block .info-meta-left {
10058 display: flex;
10059 gap: 8px;
10060 align-items: center;
10061 letter-spacing: 0;
10062 }
10063 [class*=wp-block-learnpress] a,
10064 .block-editor-block-list__block a {
10065 text-decoration: none;
10066 }
10067
10068 .wp-block-learnpress-course-image {
10069 overflow: hidden;
10070 }
10071
10072 .wp-block-learnpress-course-instructor > div > *,
10073 .wp-block-learnpress-course-categories > div > * {
10074 display: inline;
10075 vertical-align: middle;
10076 }
10077
10078 /*
10079 Breadcrumb
10080 */
10081 .wp-block-learnpress-breadcrumb ul {
10082 margin: 0 auto;
10083 list-style: none;
10084 padding: 0;
10085 }
10086 .wp-block-learnpress-breadcrumb li {
10087 display: inline-block;
10088 margin: 0;
10089 }
10090 .wp-block-learnpress-breadcrumb i {
10091 margin: 0 8px;
10092 }
10093 .wp-block-learnpress-breadcrumb a {
10094 color: inherit;
10095 }
10096
10097 .courses-btn-load-more {
10098 padding: 8px 24px;
10099 border-radius: var(--lp-border-radius, 5px);
10100 color: var(--lp-color-base, #333);
10101 border: 1px solid var(--lp-color-base, #333);
10102 font-size: var(--lp-font-size-base, 1em);
10103 transition: all 0.3s;
10104 display: block;
10105 background: transparent;
10106 text-decoration: none;
10107 text-align: center;
10108 cursor: pointer;
10109 margin: 20px auto;
10110 }
10111 .courses-btn-load-more:hover {
10112 background: var(--lp-primary-color, #ffb606);
10113 color: var(--lp-color-white, #fff);
10114 border-color: var(--lp-primary-color, #ffb606);
10115 }
10116
10117 .lp-overlay {
10118 display: none;
10119 position: fixed;
10120 z-index: 99999;
10121 top: 0;
10122 left: 0;
10123 bottom: 0;
10124 right: 0;
10125 width: 100%;
10126 height: 100%;
10127 background-color: rgba(209, 213, 219, 0.8);
10128 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
10129 transition-duration: 150ms;
10130 transition-property: opacity;
10131 }
10132
10133 .lp-modal-dialog {
10134 display: flex;
10135 position: fixed;
10136 z-index: 9999;
10137 top: 0;
10138 left: 0;
10139 right: 0;
10140 width: 100%;
10141 min-height: 100vh;
10142 text-align: center;
10143 align-items: center;
10144 justify-content: center;
10145 /*.lp-button {
10146 cursor: pointer;
10147 border: 1px solid $border-color;
10148 border-radius: $border-radius-global;
10149 padding: $spacing-base-2x $spacing-base-4x;
10150
10151 &.loading {
10152 pointer-events: none;
10153 opacity: 0.8;
10154 @include loading();
10155 }
10156
10157 &:hover {
10158 border-color: $color-primary;
10159 color: #fff;
10160 background: $color-primary;
10161 }
10162 }*/
10163 }
10164 .lp-modal-dialog .learn-press-message {
10165 width: auto;
10166 margin: 0 !important;
10167 }
10168 .lp-modal-dialog .lp-modal-content {
10169 display: inline-block;
10170 overflow: hidden;
10171 z-index: 2;
10172 width: auto;
10173 max-width: 600px;
10174 border-radius: 8px;
10175 text-align: right;
10176 vertical-align: middle;
10177 background: white;
10178 color: black;
10179 }
10180 .lp-modal-dialog .lp-modal-content h2,
10181 .lp-modal-dialog .lp-modal-content h3 {
10182 margin: 0;
10183 }
10184 .lp-modal-dialog .lp-modal-content .lp-group-step h3 {
10185 border-bottom: 1px solid #eee;
10186 }
10187 .lp-modal-dialog .lp-modal-content .main-content .terms-upgrade .pd-2em {
10188 padding: 0 1em;
10189 }
10190 .lp-modal-dialog .lp-modal-header {
10191 background: #7c60d9;
10192 border-bottom: 1px solid #eee;
10193 padding: 1em;
10194 }
10195 .lp-modal-dialog .lp-modal-header h3 {
10196 margin: 0;
10197 color: white;
10198 font-weight: 400;
10199 }
10200 .lp-modal-dialog .lp-modal-body .main-content {
10201 max-height: 500px;
10202 overflow: auto;
10203 overscroll-behavior: contain;
10204 }
10205 .lp-modal-dialog .lp-modal-body .main-content h3,
10206 .lp-modal-dialog .lp-modal-body .main-content h2,
10207 .lp-modal-dialog .lp-modal-body .main-content .pd-2em {
10208 padding: 1em;
10209 }
10210 .lp-modal-dialog .lp-modal-footer {
10211 padding: 20px;
10212 background-color: #f9fafb;
10213 text-align: left;
10214 }
10215 .lp-modal-dialog .btn-yes {
10216 color: #fff;
10217 background-color: #7c60d9;
10218 }
10219 .lp-modal-dialog .lp_allow_repurchase_select {
10220 padding: 20px;
10221 background: #f7f7f7;
10222 }
10223 .lp-modal-dialog .lp_allow_repurchase_select > ul {
10224 margin: 0;
10225 padding: 0;
10226 list-style: none;
10227 }
10228 .lp-modal-dialog .lp_allow_repurchase_select > ul li label {
10229 display: flex;
10230 align-items: center;
10231 gap: 10px;
10232 }
10233
10234 .lp-button.btn-finish-course {
10235 cursor: pointer;
10236 width: 100%;
10237 padding: 12px 24px;
10238 background-color: var(--lp-primary-color, #ffb606);
10239 border-width: 0;
10240 border-radius: var(--lp-border-radius, 5px);
10241 border-color: var(--lp-primary-color, #ffb606);
10242 color: var(--lp-color-white, #fff);
10243 font-size: var(--lp-font-size-base, 1em);
10244 text-align: center;
10245 text-decoration: none;
10246 -webkit-transition: all 0.25s;
10247 transition: all 0.25s;
10248 }
10249 .lp-button.btn-finish-course:hover {
10250 background-color: var(--lp-secondary-color, #442e66);
10251 border-color: var(--lp-secondary-color, #442e66);
10252 }
10253
10254 /**
10255 * Mixin
10256 */
10257 @keyframes rotating4 {
10258 from {
10259 transform: rotate(0deg);
10260 }
10261 to {
10262 transform: rotate(-360deg);
10263 }
10264 }
10265 @keyframes animation4 {
10266 from {
10267 right: -40%;
10268 width: 40%;
10269 }
10270 to {
10271 right: 100%;
10272 width: 10%;
10273 }
10274 }
10275 :root {
10276 --lp-cotainer-max-with: var(--lp-container-max-width);
10277 }
10278
10279 .wp-block-group {
10280 --lp-container-max-width: var(--wp--style--global--wide-size);
10281 }
10282
10283 .c-gap-4 {
10284 column-gap: 4px;
10285 }
10286
10287 .wp-block-learnpress-course-feature-review .featured-review__title {
10288 font-weight: var(--lp-font-weight-link, 600);
10289 font-size: calc(var(--lp-font-size-base, 1em) * 1.25);
10290 }
10291
10292 [class^=wp-block-learnpress] .extra-box ul {
10293 margin: 0 20px 0 0;
10294 padding: 0;
10295 }
10296
10297 .wp-block-learnpress-course-button-read-more,
10298 .wp-block-learnpress-course-button {
10299 cursor: pointer;
10300 padding: 12px 24px;
10301 background-color: var(--lp-primary-color, #ffb606);
10302 border-width: 0;
10303 border-radius: var(--lp-border-radius, 5px);
10304 border-color: var(--lp-primary-color, #ffb606);
10305 color: var(--lp-color-white, #fff);
10306 font-size: var(--lp-font-size-base, 1em);
10307 text-align: center;
10308 text-decoration: none;
10309 -webkit-transition: all 0.25s;
10310 transition: all 0.25s;
10311 }
10312 .wp-block-learnpress-course-button-read-more:hover,
10313 .wp-block-learnpress-course-button:hover {
10314 background-color: var(--lp-secondary-color, #442e66);
10315 border-color: var(--lp-secondary-color, #442e66);
10316 }
10317 .wp-block-learnpress-course-button-read-more.loading,
10318 .wp-block-learnpress-course-button.loading {
10319 pointer-events: none;
10320 opacity: 0.8;
10321 }
10322 .wp-block-learnpress-course-button-read-more.loading:before,
10323 .wp-block-learnpress-course-button.loading:before {
10324 position: absolute;
10325 inset: 0;
10326 display: flex;
10327 align-items: center;
10328 justify-content: center;
10329 font-family: "lp-icon";
10330 content: "\f110";
10331 animation: lp-rotating 1s linear infinite;
10332 line-height: 1;
10333 font-variant: normal;
10334 text-transform: none;
10335 -webkit-font-smoothing: antialiased;
10336 -moz-osx-font-smoothing: grayscale;
10337 color: black;
10338 }
10339
10340 @media (min-width: 992px) {
10341 .lp-block-course-sidebar {
10342 margin-top: -260px;
10343 margin-block-start: -260px !important;
10344 }
10345 }
10346 .wp-block-learnpress-item-search .search-course {
10347 display: flex;
10348 position: relative;
10349 height: 70px;
10350 background: var(--lp-white-grey, #F7F7FB);
10351 }
10352 .wp-block-learnpress-item-search .search-course input[name=s] {
10353 display: block;
10354 width: 100%;
10355 margin-right: 30px;
10356 border: none;
10357 color: var(--lp-color-base, #333);
10358 background: transparent;
10359 box-shadow: none;
10360 height: auto;
10361 -webkit-box-sizing: border-box;
10362 box-sizing: border-box;
10363 }
10364 .wp-block-learnpress-item-search .search-course input[name=s]::placeholder {
10365 color: #999;
10366 }
10367 .wp-block-learnpress-item-search .search-course input[name=s]::placeholder {
10368 font-style: italic;
10369 }
10370 .wp-block-learnpress-item-search .search-course input[name=s]:focus {
10371 outline: 0;
10372 }
10373 .wp-block-learnpress-item-search .search-course button {
10374 position: absolute;
10375 top: 0;
10376 left: 10px;
10377 height: 70px;
10378 padding: 0 16px;
10379 border: 0;
10380 background: transparent;
10381 line-height: 1px;
10382 box-shadow: none;
10383 }
10384 .wp-block-learnpress-item-search .search-course button:focus {
10385 outline: none;
10386 }
10387 .wp-block-learnpress-item-search .search-course button i {
10388 color: var(--lp-color-accent, #666);
10389 }
10390 .wp-block-learnpress-item-search .search-course button.clear {
10391 display: none;
10392 }
10393 .wp-block-learnpress-item-search .search-course button.clear::before {
10394 content: "\f00d";
10395 }
10396
10397 .wp-block-learnpress-course-material .lp-button {
10398 padding: 12px 24px;
10399 border: 1px solid var(--lp-border-color, #E2E0DB);
10400 color: var(--lp-color-base, #333);
10401 background: transparent;
10402 box-shadow: unset;
10403 font-family: inherit;
10404 font-weight: 400;
10405 text-align: center;
10406 text-transform: capitalize;
10407 border-radius: var(--lp-border-radius, 5px);
10408 margin-top: 20px;
10409 -webkit-transition: all 0.25s;
10410 transition: all 0.25s;
10411 }
10412 .wp-block-learnpress-course-material .course-material-table {
10413 width: 100%;
10414 display: table;
10415 border-spacing: 0;
10416 border-collapse: collapse;
10417 }
10418 .wp-block-learnpress-course-material .course-material-table tbody tr:nth-child(even) td,
10419 .wp-block-learnpress-course-material .course-material-table .learnpress table tfoot tr:nth-child(even) td {
10420 background: var(--tb-even-color, #fafafa);
10421 }
10422 .wp-block-learnpress-course-material .course-material-table thead {
10423 box-sizing: border-box;
10424 border: 1px solid var(--lp-border-color, #e2e0db);
10425 }
10426 .wp-block-learnpress-course-material .course-material-table th,
10427 .wp-block-learnpress-course-material .course-material-table td {
10428 padding: 0.7em 1em;
10429 border: 1px solid var(--lp-border-color, #e2e0db);
10430 background: #fff;
10431 }
10432 .wp-block-learnpress-course-material .course-material-table th {
10433 border-bottom: none;
10434 background: var(--lp-white-grey, #f7f7fb);
10435 font-weight: 600;
10436 text-align: center;
10437 }
10438 .wp-block-learnpress-course-material .course-material-table th:first-child {
10439 text-align: right;
10440 }
10441 .wp-block-learnpress-course-material .course-material-table tr td {
10442 border: 1px solid var(--lp-border-color, #e2e0db);
10443 line-height: 1.4;
10444 }
10445 .wp-block-learnpress-course-material .course-material-table tr td:not(:first-child) {
10446 text-align: center;
10447 }
10448 .wp-block-learnpress-course-material .course-material-table tfoot td {
10449 text-align: right;
10450 font-weight: bold;
10451 }
10452 .wp-block-learnpress-course-material .course-material-table.searching button:before {
10453 display: inline-block;
10454 content: "\f110";
10455 animation: lp-rotating 1s linear infinite;
10456 }
10457
10458 .wp-block-learnpress-item-hidden-sidebar .section-toggle {
10459 justify-content: flex-end;
10460 flex: 0;
10461 }
10462 .wp-block-learnpress-item-hidden-sidebar .section-toggle i {
10463 color: var(--lp-color-accent, #666);
10464 }
10465
10466 .wp-block-learnpress-item-close .back-course {
10467 padding: 24px;
10468 line-height: 70px;
10469 background: rgba(255, 255, 255, 0.1);
10470 color: #fff;
10471 }
10472 .wp-block-learnpress-item-close .back-course:hover {
10473 background: rgba(255, 255, 255, 0.15);
10474 }
10475 @media (max-width: 768px) {
10476 .wp-block-learnpress-item-close .back-course {
10477 background: transparent;
10478 opacity: 0.6;
10479 padding-right: 15px;
10480 padding-left: 15px;
10481 }
10482 .wp-block-learnpress-item-close .back-course:hover {
10483 background: transparent;
10484 opacity: 1;
10485 }
10486 }
10487
10488 .wp-block-learnpress-item-hidden-sidebar #sidebar-toggle {
10489 display: inline-block;
10490 width: 32px;
10491 min-width: 32px;
10492 line-height: 70px;
10493 height: unset;
10494 margin: 0;
10495 background: rgba(255, 255, 255, 0.1);
10496 color: var(--lp-color-white, #fff);
10497 font-size: 1.4em;
10498 cursor: pointer;
10499 transition: 0.25s;
10500 -webkit-appearance: none;
10501 border: none;
10502 text-align: center;
10503 }
10504 .wp-block-learnpress-item-hidden-sidebar #sidebar-toggle:after {
10505 display: none;
10506 }
10507 .wp-block-learnpress-item-hidden-sidebar #sidebar-toggle::before {
10508 display: inline-block;
10509 position: static;
10510 margin: 0;
10511 width: auto;
10512 height: auto;
10513 font-family: "lp-icon";
10514 content: "\f0d9";
10515 }
10516 .wp-block-learnpress-item-hidden-sidebar #sidebar-toggle:focus {
10517 border: 0;
10518 outline: 0;
10519 }
10520
10521 .wp-block-learnpress-item-progress .items-progress {
10522 display: flex;
10523 justify-content: center;
10524 align-items: center;
10525 column-gap: 10px;
10526 white-space: nowrap;
10527 }
10528 .wp-block-learnpress-item-progress .number {
10529 padding-left: 10px;
10530 font-size: calc(var(--lp-font-size-base, 1em) * 0.86);
10531 }
10532 .wp-block-learnpress-item-progress .learn-press-progress {
10533 overflow: hidden;
10534 position: relative;
10535 width: 80px;
10536 height: 6px;
10537 border-radius: 3px;
10538 }
10539 .wp-block-learnpress-item-progress .learn-press-progress .progress-bg {
10540 overflow: hidden;
10541 position: relative;
10542 height: 6px;
10543 background: #ccc;
10544 border-radius: 5px;
10545 }
10546 .wp-block-learnpress-item-progress .learn-press-progress .progress-bg .progress-active {
10547 position: absolute;
10548 right: 50%;
10549 width: 100%;
10550 height: 100%;
10551 margin-right: -100%;
10552 background: var(--lp-primary-color, #ffb606);
10553 border-radius: 5px;
10554 }
10555 .wp-block-learnpress-item-progress .learn-press-progress .learn-press-progress__active {
10556 position: absolute;
10557 z-index: 1;
10558 right: -100%;
10559 width: 100%;
10560 height: 100%;
10561 border-radius: 3px;
10562 background: var(--lp-primary-color, #ffb606);
10563 -webkit-transition: 0.5s;
10564 transition: 0.5s;
10565 }
10566 .wp-block-learnpress-item-progress .learn-press-progress::before {
10567 display: block;
10568 position: absolute;
10569 z-index: 0;
10570 top: 0;
10571 width: 100%;
10572 height: 100%;
10573 background: #ccc;
10574 content: "";
10575 }
10576
10577 .wp-block-learnpress-item-navigation .course-item-nav {
10578 display: flex;
10579 justify-content: space-between;
10580 }
10581 .wp-block-learnpress-item-navigation .course-item-nav .prev,
10582 .wp-block-learnpress-item-navigation .course-item-nav .next {
10583 display: flex;
10584 line-height: 3.125em;
10585 flex: 1;
10586 position: relative;
10587 }
10588 .wp-block-learnpress-item-navigation .course-item-nav .prev span,
10589 .wp-block-learnpress-item-navigation .course-item-nav .next span {
10590 display: block;
10591 font-weight: bold;
10592 }
10593 .wp-block-learnpress-item-navigation .course-item-nav .prev a,
10594 .wp-block-learnpress-item-navigation .course-item-nav .next a {
10595 display: block;
10596 color: var(--lp-color-accent, #666);
10597 color: #999;
10598 }
10599 .wp-block-learnpress-item-navigation .course-item-nav .prev::before,
10600 .wp-block-learnpress-item-navigation .course-item-nav .next::before {
10601 color: #999;
10602 font-family: "lp-icon";
10603 }
10604 .wp-block-learnpress-item-navigation .course-item-nav .prev:hover a, .wp-block-learnpress-item-navigation .course-item-nav .prev:hover::before,
10605 .wp-block-learnpress-item-navigation .course-item-nav .next:hover a,
10606 .wp-block-learnpress-item-navigation .course-item-nav .next:hover::before {
10607 color: var(--lp-primary-color, #ffb606);
10608 }
10609 .wp-block-learnpress-item-navigation .course-item-nav .prev:hover .course-item-nav__name,
10610 .wp-block-learnpress-item-navigation .course-item-nav .next:hover .course-item-nav__name {
10611 display: block;
10612 }
10613 .wp-block-learnpress-item-navigation .course-item-nav .next {
10614 text-align: left;
10615 flex-direction: row-reverse;
10616 }
10617 .wp-block-learnpress-item-navigation .course-item-nav .next::before {
10618 margin-right: 10px;
10619 content: "\f0da";
10620 }
10621 .wp-block-learnpress-item-navigation .course-item-nav .next[data-nav=next] {
10622 justify-content: flex-end;
10623 }
10624 .wp-block-learnpress-item-navigation .prev::before {
10625 margin-left: 10px;
10626 content: "\f0d9";
10627 }
10628 .wp-block-learnpress-item-navigation .prev .course-item-nav__name {
10629 left: auto;
10630 right: -30px;
10631 }
10632 .wp-block-learnpress-item-navigation .prev .course-item-nav__name::before {
10633 left: auto;
10634 right: 5px;
10635 }
10636 @media (max-width: 1024px) {
10637 .wp-block-learnpress-item-navigation .prev .course-item-nav__name {
10638 right: 15px;
10639 }
10640 }
10641 .wp-block-learnpress-item-navigation .course-item-nav__name {
10642 display: none;
10643 position: absolute;
10644 top: -20px;
10645 left: -30px;
10646 width: auto;
10647 padding: 10px 15px;
10648 color: var(--lp-color-accent, #666);
10649 background: #ccc;
10650 font-size: calc(var(--lp-font-size-base, 1em) * 0.925);
10651 line-height: 1;
10652 }
10653 @media (max-width: 1024px) {
10654 .wp-block-learnpress-item-navigation .course-item-nav__name {
10655 top: -25px;
10656 left: 15px;
10657 right: auto;
10658 }
10659 }
10660
10661 .wp-block-learnpress-item-curriculum .lp-course-curriculum__title,
10662 .wp-block-learnpress-item-curriculum .course-curriculum-info,
10663 .wp-block-learnpress-item-curriculum .course-section__description {
10664 display: none;
10665 }
10666
10667 .wp-block-learnpress-item-content .content-item-wrap {
10668 padding: 0;
10669 }
10670
10671 .wp-block-learnpress-item-curriculum .lp-course-curriculum .course-section .course-item__content {
10672 display: flex;
10673 justify-content: space-between;
10674 column-gap: 12px;
10675 row-gap: 8px;
10676 align-items: baseline;
10677 flex: 1;
10678 flex-direction: row;
10679 }
10680
10681 .wp-block-learnpress-list-courses .learn-press-courses .course {
10682 width: unset;
10683 padding: 0;
10684 }
10685
10686 .wp-block-learnpress-course-featured .course-featured {
10687 margin-bottom: 0;
10688 background-color: inherit;
10689 color: inherit;
10690 padding: 0;
10691 }
10692
10693 .courses-order-by,
10694 .block-courses-order-by {
10695 border: 1px solid var(--lp-border-color, #E2E0DB);
10696 border-radius: var(--lp-border-radius, 5px);
10697 padding: 8px 16px;
10698 height: inherit;
10699 font-size: inherit;
10700 line-height: 1.1;
10701 box-shadow: none;
10702 padding-left: 30px;
10703 background-image: url(data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjE4cHgiIGhlaWdodD0iMTBweCIgdmlld0JveD0iMCAwIDE4IDEwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4KICAgICAgICA8ZyBpZD0iVmVjdG9yLSgxKSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMS4wMDAwMDAsIDEuMDAwMDAwKSIgc3Ryb2tlPSIjMzMzMzMzIiBzdHJva2Utd2lkdGg9IjIiPgogICAgICAgICAgICA8cG9seWxpbmUgaWQ9IlBhdGgiIHBvaW50cz0iMCAwIDggOCAxNiAwIj48L3BvbHlsaW5lPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
10704 background-size: 0.8em;
10705 background-position: calc(100% - (100% - 0.5em)) center;
10706 background-repeat: no-repeat;
10707 -webkit-appearance: none;
10708 appearance: none;
10709 line-height: 1.1;
10710 }
10711 .woocommerce-js .courses-order-by,
10712 .woocommerce-js .block-courses-order-by {
10713 background-position-x: calc(100% - (100% - 10px));
10714 }
10715 .courses-order-by:focus,
10716 .block-courses-order-by:focus {
10717 border-color: var(--lp-primary-color);
10718 outline: 0;
10719 }
10720
10721 .course-img img {
10722 display: block;
10723 }
10724
10725 .block-search-courses {
10726 display: flex;
10727 flex: 1;
10728 margin-bottom: 0;
10729 }
10730 .block-search-courses input {
10731 width: 100%;
10732 max-width: 240px;
10733 margin: 0 0 0 4px;
10734 border: 1px solid var(--lp-border-color, #E2E0DB);
10735 border-radius: var(--lp-border-radius, 5px);
10736 padding: 8px 16px;
10737 height: inherit;
10738 font-size: inherit;
10739 line-height: 1.1;
10740 box-shadow: none;
10741 }
10742 .block-search-courses input::placeholder {
10743 color: #999;
10744 }
10745 .block-search-courses input:focus {
10746 border-color: var(--lp-primary-color);
10747 outline: 0;
10748 }
10749 .block-search-courses button {
10750 border: 1px solid var(--lp-border-color, #E2E0DB);
10751 border-radius: var(--lp-border-radius, 5px);
10752 padding: 8px 16px;
10753 height: inherit;
10754 font-size: inherit;
10755 line-height: 1.1;
10756 box-shadow: none;
10757 box-shadow: 0 0 0;
10758 margin-bottom: 0;
10759 }
10760 .block-search-courses button i {
10761 font-size: 1.2em;
10762 line-height: 1.2;
10763 }
10764 .block-search-courses button:focus {
10765 outline: 0;
10766 }
10767 .block-search-courses button.loading > i:before {
10768 display: inline-block;
10769 content: "\f110";
10770 animation: lp-rotating 1s linear infinite;
10771 }
10772
10773 @media (max-width: 767px) {
10774 .wp-block-learnpress-course-search {
10775 width: 100%;
10776 }
10777 .wp-block-learnpress-course-search input {
10778 min-width: 240px;
10779 max-width: unset;
10780 }
10781 }
10782 .course-filter-btn-mobile {
10783 display: inline-flex;
10784 align-items: center;
10785 }
10786 @media (min-width: 769px) {
10787 .course-filter-btn-mobile {
10788 display: none;
10789 }
10790 }
10791
10792 ul.wp-block-learn-press-courses {
10793 list-style: none;
10794 margin: 0;
10795 max-width: 100%;
10796 padding: 0;
10797 }
10798 ul.wp-block-learn-press-courses[data-layout=grid] {
10799 --columns: 3;
10800 --gap: 1.25em;
10801 --min-width: 200px;
10802 grid-gap: var(--gap);
10803 display: grid;
10804 grid-template-columns: repeat(auto-fill, minmax(max(var(--min-width), 100% / var(--columns) - var(--gap) * (var(--columns) - 1) / var(--columns)), 1fr));
10805 margin-bottom: 2.25em;
10806 }
10807 @media (max-width: 768px) {
10808 ul.wp-block-learn-press-courses .wp-block-learn-press-courses[data-layout=grid] {
10809 --columns: min(var(--columns), 2);
10810 }
10811 }
10812 @media (max-width: 480px) {
10813 ul.wp-block-learn-press-courses .wp-block-learn-press-courses[data-layout=grid] {
10814 --columns: 1;
10815 }
10816 }
10817
10818 .wp-block-learnpress-course-price .course-price .free,
10819 .wp-block-learnpress-course-price .course-price .price {
10820 font-size: calc(var(--lp-font-size-base, 1em) * 1.25);
10821 font-weight: var(--lp-font-weight-link, 600);
10822 }
10823 .wp-block-learnpress-course-price .course-price .origin-price {
10824 margin-left: 8px;
10825 opacity: 0.8;
10826 font-size: calc(var(--lp-font-size-base, 1em) * 0.925);
10827 text-decoration: line-through;
10828 }
10829
10830 .wp-block-learnpress-course-button-read-more button {
10831 padding: 8px 24px;
10832 border-radius: var(--lp-border-radius, 5px);
10833 color: var(--lp-color-base, #333);
10834 border: 1px solid var(--lp-color-base, #333);
10835 transition: all 0.3s;
10836 display: block;
10837 background: transparent;
10838 text-decoration: none;
10839 text-align: center;
10840 }
10841 .wp-block-learnpress-course-button-read-more button:hover {
10842 background: var(--lp-primary-color, #ffb606);
10843 color: var(--lp-color-white, #fff);
10844 border-color: var(--lp-primary-color, #ffb606);
10845 }
10846
10847 .wp-block-learnpress-course-button .course-readmore a {
10848 padding: 8px 24px;
10849 border-radius: var(--lp-border-radius, 5px);
10850 color: var(--lp-color-base, #333);
10851 border: 1px solid var(--lp-color-base, #333);
10852 transition: all 0.3s;
10853 display: block;
10854 background: transparent;
10855 text-decoration: none;
10856 text-align: center;
10857 }
10858 .wp-block-learnpress-course-button .course-readmore a:hover {
10859 background: var(--lp-primary-color, #ffb606);
10860 color: var(--lp-color-white, #fff);
10861 border-color: var(--lp-primary-color, #ffb606);
10862 }
10863
10864 .courses-order-by-wrapper .courses-order-by {
10865 border: 1px solid var(--lp-border-color, #E2E0DB);
10866 border-radius: var(--lp-border-radius, 5px);
10867 padding: 8px 16px;
10868 height: inherit;
10869 font-size: inherit;
10870 line-height: 1.1;
10871 box-shadow: none;
10872 padding-left: 30px;
10873 background-image: url(data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjE4cHgiIGhlaWdodD0iMTBweCIgdmlld0JveD0iMCAwIDE4IDEwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4KICAgICAgICA8ZyBpZD0iVmVjdG9yLSgxKSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMS4wMDAwMDAsIDEuMDAwMDAwKSIgc3Ryb2tlPSIjMzMzMzMzIiBzdHJva2Utd2lkdGg9IjIiPgogICAgICAgICAgICA8cG9seWxpbmUgaWQ9IlBhdGgiIHBvaW50cz0iMCAwIDggOCAxNiAwIj48L3BvbHlsaW5lPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
10874 background-size: 0.8em;
10875 background-position: calc(100% - (100% - 0.5em)) center;
10876 background-repeat: no-repeat;
10877 -webkit-appearance: none;
10878 appearance: none;
10879 line-height: 1.1;
10880 }
10881 .woocommerce-js .courses-order-by-wrapper .courses-order-by {
10882 background-position-x: calc(100% - (100% - 10px));
10883 }
10884 .courses-order-by-wrapper .courses-order-by:focus {
10885 border-color: var(--lp-primary-color, #ffb606);
10886 outline: 0;
10887 }
10888
10889 .wp-block-learnpress-course-filter h3 {
10890 margin-bottom: 20px;
10891 margin-top: 0;
10892 }
10893 .wp-block-learnpress-course-filter .filter .line {
10894 height: 15px;
10895 background: #ccc;
10896 margin-bottom: 10px;
10897 }
10898
10899 .wp-block-learnpress-course-search-filter,
10900 .wp-block-learnpress-course-level-filter,
10901 .wp-block-learnpress-course-author-filter,
10902 .wp-block-learnpress-course-price-filter,
10903 .wp-block-learnpress-course-categories-filter,
10904 .wp-block-learnpress-course-tag-filter {
10905 margin-bottom: 15px;
10906 padding-bottom: 15px;
10907 border-bottom: 1px solid #ccc;
10908 }
10909 .wp-block-learnpress-course-search-filter .lp-course-filter__field,
10910 .wp-block-learnpress-course-level-filter .lp-course-filter__field,
10911 .wp-block-learnpress-course-author-filter .lp-course-filter__field,
10912 .wp-block-learnpress-course-price-filter .lp-course-filter__field,
10913 .wp-block-learnpress-course-categories-filter .lp-course-filter__field,
10914 .wp-block-learnpress-course-tag-filter .lp-course-filter__field {
10915 position: relative;
10916 display: flex;
10917 align-items: center;
10918 gap: 10px;
10919 cursor: pointer;
10920 }
10921 .wp-block-learnpress-course-search-filter label,
10922 .wp-block-learnpress-course-level-filter label,
10923 .wp-block-learnpress-course-author-filter label,
10924 .wp-block-learnpress-course-price-filter label,
10925 .wp-block-learnpress-course-categories-filter label,
10926 .wp-block-learnpress-course-tag-filter label {
10927 flex: 1;
10928 }
10929 .wp-block-learnpress-course-search-filter span,
10930 .wp-block-learnpress-course-level-filter span,
10931 .wp-block-learnpress-course-author-filter span,
10932 .wp-block-learnpress-course-price-filter span,
10933 .wp-block-learnpress-course-categories-filter span,
10934 .wp-block-learnpress-course-tag-filter span {
10935 color: #999;
10936 }
10937
10938 .wp-block-learnpress-course-search-filter .search-box {
10939 width: 100%;
10940 height: 40px;
10941 border: 1px solid #ccc;
10942 border-radius: 5px;
10943 margin-top: 12px;
10944 }
10945
10946 .wp-block-learnpress-button-submit-filter,
10947 .wp-block-learnpress-button-reset-filter {
10948 box-sizing: border-box;
10949 text-transform: capitalize;
10950 border: 1px solid #ccc;
10951 border-radius: 4px;
10952 background: white;
10953 float: right;
10954 text-align: center;
10955 width: calc(50% - 8px);
10956 padding: 8px 30px;
10957 }
10958
10959 .wp-block-learnpress-button-submit-filter {
10960 margin-left: 4px;
10961 }
10962
10963 .wp-block-learnpress-button-reset-filter {
10964 margin-right: 4px;
10965 }
10966
10967 .block-editor-block-list__block img {
10968 display: block;
10969 }
10970 .block-editor-block-list__block .learn-press-courses {
10971 list-style: none;
10972 margin: 0;
10973 max-width: 100%;
10974 padding: 0;
10975 }
10976 .block-editor-block-list__block a {
10977 text-decoration: none;
10978 }
10979 .block-editor-block-list__block .c-gap-4 {
10980 column-gap: 4px;
10981 }
10982 .block-editor-block-list__block .lp-course-curriculum .course-section .course-item__right {
10983 color: inherit;
10984 }
10985 .block-editor-block-list__block.wp-block-learnpress-course-title > * {
10986 margin-top: 0;
10987 }
10988
10989 a.block-editor-block-list__block.wp-block-learnpress-course-button {
10990 padding: 8px 24px;
10991 border-radius: var(--lp-border-radius, 5px);
10992 color: var(--lp-color-base, #333);
10993 border: 1px solid var(--lp-color-base, #333);
10994 transition: all 0.3s;
10995 display: block;
10996 background: transparent;
10997 text-decoration: none;
10998 text-align: center;
10999 }
11000 a.block-editor-block-list__block.wp-block-learnpress-course-button:hover {
11001 background: var(--lp-primary-color, #ffb606);
11002 color: var(--lp-color-white, #fff);
11003 border-color: var(--lp-primary-color, #ffb606);
11004 }
11005
11006 @keyframes lp-rotating {
11007 from {
11008 -webkit-transform: rotate(0deg);
11009 transform: rotate(0deg);
11010 }
11011 to {
11012 -webkit-transform: rotate(-360deg);
11013 transform: rotate(-360deg);
11014 }
11015 }
11016 @-webkit-keyframes lp-rotating {
11017 from {
11018 -webkit-transform: rotate(0deg);
11019 transform: rotate(0deg);
11020 }
11021 to {
11022 -webkit-transform: rotate(-360deg);
11023 transform: rotate(-360deg);
11024 }
11025 }
11026 .lp-loading-change {
11027 position: absolute;
11028 width: 100%;
11029 height: 100%;
11030 background: rgba(255, 255, 255, 0.38);
11031 top: 0;
11032 }
11033
11034 .lp-load-ajax-element {
11035 position: relative;
11036 }
11037
11038 .lp-loading-circle {
11039 width: 15px;
11040 height: 15px;
11041 border: 2px solid #ccc;
11042 border-radius: 50%;
11043 border-top-color: rgba(0, 0, 0, 0.76);
11044 animation: spin 1s infinite linear;
11045 display: inline-block;
11046 }
11047 .lp-loading-circle.hide {
11048 display: none;
11049 }
11050
11051 @keyframes spin {
11052 0% {
11053 transform: rotate(0deg);
11054 }
11055 100% {
11056 transform: rotate(-360deg);
11057 }
11058 }
11059 .lp-btn-ai-style {
11060 margin: 10px;
11061 }
11062
11063 .lp-btn-ai-style, .lp-btn-generate-with-ai {
11064 padding: 8px 10px;
11065 background: #f6f7f7;
11066 font-weight: 500;
11067 border: 1px solid #2271b1;
11068 color: #2271b1;
11069 line-height: 1;
11070 text-decoration: none;
11071 text-shadow: none;
11072 display: inline-flex;
11073 align-items: center;
11074 justify-content: center;
11075 gap: 5px;
11076 min-height: 32px;
11077 appearance: none;
11078 border-radius: 2px;
11079 white-space: nowrap;
11080 cursor: pointer;
11081 }
11082 .lp-btn-ai-style:active, .lp-btn-generate-with-ai:active {
11083 box-shadow: none;
11084 color: #fff;
11085 }
11086 .lp-btn-ai-style:hover, .lp-btn-generate-with-ai:hover {
11087 background: #6B46E9 !important;
11088 color: #fff !important;
11089 }
11090
11091 #post-body-content .lp-btn-ai-style {
11092 padding: 12px;
11093 }
11094 #post-body-content #wp-content-media-buttons .lp-btn-ai-style {
11095 margin-top: 0;
11096 margin-bottom: 0;
11097 }
11098
11099 .create-course-modal {
11100 padding: 0;
11101 display: flex !important;
11102 flex-direction: column;
11103 overflow: hidden;
11104 border-radius: 10px;
11105 background-color: #FFFFFF;
11106 height: 90vh;
11107 z-index: 10000000 !important;
11108 }
11109 .create-course-modal .modal-content {
11110 display: grid;
11111 grid-template-columns: 1fr 2fr;
11112 flex-grow: 1;
11113 gap: 30px;
11114 min-height: 500px;
11115 padding: 0 24px;
11116 }
11117 .create-course-modal .input-section {
11118 display: flex;
11119 flex-direction: column;
11120 }
11121 .create-course-modal .input-section label {
11122 font-weight: 700;
11123 line-height: 22px;
11124 font-size: 14px;
11125 color: #4A5568;
11126 margin-bottom: 4px;
11127 }
11128 .create-course-modal .input-section h3 {
11129 font-weight: 700;
11130 line-height: 22px;
11131 font-size: 14px;
11132 color: #4A5568;
11133 margin-bottom: 4px;
11134 }
11135 .create-course-modal .input-section textarea,
11136 .create-course-modal .input-section .ts-wrapper .ts-control {
11137 width: 100%;
11138 padding: 4px 8px;
11139 border: 1px solid #E5E7EB;
11140 border-radius: 6px;
11141 font-size: 0.95em;
11142 background-color: #F7FAFC;
11143 color: #1A202C;
11144 box-shadow: none;
11145 transition: border-color 0.2s, box-shadow 0.2s;
11146 }
11147 .create-course-modal .input-section textarea:focus, .create-course-modal .input-section textarea:focus-within,
11148 .create-course-modal .input-section .ts-wrapper .ts-control:focus,
11149 .create-course-modal .input-section .ts-wrapper .ts-control:focus-within {
11150 outline: none;
11151 border-color: #7E6CE2;
11152 box-shadow: 0 0 0 1px #7E6CE2;
11153 background-color: #FFFFFF;
11154 }
11155 .create-course-modal .input-section textarea {
11156 min-height: 150px;
11157 resize: vertical;
11158 }
11159 .create-course-modal .input-section .outputs-control {
11160 margin-top: 10px;
11161 }
11162 .create-course-modal .input-section .outputs-control .outputs-control-content {
11163 display: flex;
11164 align-items: center;
11165 justify-content: space-between;
11166 flex-direction: row;
11167 }
11168 .create-course-modal .input-section .outputs-control .outputs-control-content .output-number-selector {
11169 width: 120px;
11170 border-radius: 6px;
11171 padding: 10px 12px;
11172 border: 1px solid #E5E7EB;
11173 font-size: 0.95em;
11174 background-color: #F7FAFC;
11175 color: #1A202C;
11176 height: 40px;
11177 }
11178 .create-course-modal .input-section .lp-tom-select {
11179 width: 100%;
11180 }
11181 .create-course-modal .input-section .course-content-wrapper {
11182 background: #F7FAFC;
11183 padding: 8px 16px;
11184 border-radius: 16px;
11185 }
11186 .create-course-modal .input-section .course-content-wrapper input[readonly],
11187 .create-course-modal .input-section .course-content-wrapper textarea[readonly] {
11188 background-color: #FFFFFF !important;
11189 cursor: not-allowed;
11190 opacity: 0.8;
11191 }
11192 .create-course-modal .input-section .course-content-wrapper input[readonly]:focus,
11193 .create-course-modal .input-section .course-content-wrapper textarea[readonly]:focus {
11194 box-shadow: none;
11195 border-color: #E5E7EB;
11196 }
11197 .create-course-modal .output-section {
11198 display: flex;
11199 flex-direction: column;
11200 }
11201 .create-course-modal .output-section .output-header {
11202 display: flex;
11203 justify-content: space-between;
11204 align-items: center;
11205 margin-bottom: 8px;
11206 }
11207 .create-course-modal .output-section .output-header h3 {
11208 font-weight: 700;
11209 line-height: 22px;
11210 font-size: 14px;
11211 color: #1A202C;
11212 }
11213 .create-course-modal .output-section .output-header .icon-button {
11214 background: none;
11215 border: none;
11216 padding: 4px;
11217 cursor: pointer;
11218 color: #A0AEC0;
11219 }
11220 .create-course-modal .output-section .output-header .icon-button:hover {
11221 color: #4A5568;
11222 }
11223 .create-course-modal .output-section .output-item {
11224 border-radius: 6px;
11225 margin-bottom: 16px;
11226 background-color: #FFFFFF;
11227 position: relative;
11228 }
11229 .create-course-modal .output-section .output-item.prompt-item textarea {
11230 background-color: #F7FAFC;
11231 min-height: 80px;
11232 }
11233 .create-course-modal .output-section .output-item.output-suggestion textarea {
11234 border-color: #dbd6f7;
11235 min-height: 80px;
11236 }
11237 .create-course-modal .output-section .output-item p.prompt {
11238 font-weight: 500;
11239 color: #4A5568;
11240 font-size: 0.875rem;
11241 margin-bottom: 4px;
11242 }
11243 .create-course-modal .output-section .output-item .generate-button {
11244 background-color: #7E6CE2;
11245 color: #fff;
11246 border: none;
11247 padding: 12px 20px;
11248 border-radius: 6px;
11249 font-size: 1rem;
11250 font-weight: 500;
11251 cursor: pointer;
11252 width: 25%;
11253 margin-top: 10px;
11254 }
11255 .create-course-modal .output-section .output-item .generate-button:hover {
11256 opacity: 0.9;
11257 }
11258 .create-course-modal .output-section .output-item textarea {
11259 width: 100%;
11260 box-sizing: border-box;
11261 border: 1px solid #E5E7EB;
11262 border-radius: 6px;
11263 padding: 10px 12px;
11264 resize: vertical;
11265 font-size: 0.95em;
11266 color: #1A202C;
11267 transition: border-color 0.2s, box-shadow 0.2s;
11268 }
11269 .create-course-modal .output-section .output-item textarea:focus {
11270 outline: none;
11271 border-color: #7E6CE2;
11272 box-shadow: 0 0 0 1px #7E6CE2;
11273 }
11274 .create-course-modal .output-section .output-item .output-actions {
11275 position: absolute;
11276 top: 30%;
11277 left: 2%;
11278 display: flex;
11279 gap: 8px;
11280 visibility: hidden;
11281 }
11282 .create-course-modal .output-section .output-item .output-actions .action-button {
11283 font-size: 0.875rem;
11284 font-weight: 500;
11285 padding: 6px 12px;
11286 border-radius: 6px;
11287 cursor: pointer;
11288 border: 1px solid #E5E7EB;
11289 background-color: #FFFFFF;
11290 color: #4A5568;
11291 transition: background-color 0.2s, color 0.2s, border-color 0.2s;
11292 }
11293 .create-course-modal .output-section .output-item .output-actions .action-button.copy-button:hover {
11294 background-color: #F7FAFC;
11295 border-color: #c8ccd5;
11296 }
11297 .create-course-modal .output-section .output-item .output-actions .action-button.apply-button {
11298 background-color: #7E6CE2;
11299 border-color: #7E6CE2;
11300 color: #fff;
11301 }
11302 .create-course-modal .output-section .output-item .output-actions .action-button.apply-button:hover {
11303 opacity: 0.9;
11304 }
11305 .create-course-modal .output-section .output-item:hover .output-actions {
11306 visibility: visible;
11307 }
11308 .create-course-modal .output-section #lp-ai-output-suggestion {
11309 overflow-y: auto;
11310 flex-grow: 1;
11311 padding-left: 5px;
11312 }
11313 .create-course-modal .output-section #lp-ai-output-suggestion .output-placeholder {
11314 flex-grow: 1;
11315 border: 2px dashed #E5E7EB;
11316 border-radius: 6px;
11317 background-color: #E5E7EB;
11318 position: relative;
11319 height: 150px;
11320 width: 100%;
11321 background-position: center;
11322 background-repeat: no-repeat;
11323 margin-bottom: 10px;
11324 }
11325 .create-course-modal .output-section #lp-ai-output-suggestion .output-placeholder .output-actions {
11326 position: absolute;
11327 bottom: 5px;
11328 right: 80%;
11329 transform: translateX(50%);
11330 display: flex;
11331 gap: 10px;
11332 width: 30%;
11333 }
11334 .create-course-modal .output-section #lp-ai-output-suggestion .output-placeholder .output-actions .action-button {
11335 padding: 5px 20px;
11336 border-radius: 4px;
11337 border: 1px solid #E5E7EB;
11338 background-color: rgba(255, 255, 255, 0.8);
11339 cursor: pointer;
11340 }
11341 .create-course-modal .output-section #lp-ai-output-suggestion .output-placeholder .output-actions .apply-button {
11342 background-color: #7E6CE2;
11343 color: #fff;
11344 border-color: #7E6CE2;
11345 }
11346 .create-course-modal .ts-wrapper .ts-control .item {
11347 background-color: #F7FAFC;
11348 border: 1px solid #E5E7EB;
11349 color: #4A5568;
11350 border-radius: 20px;
11351 padding: 4px 10px;
11352 }
11353 .create-course-modal .ts-wrapper .ts-control .ts-input::placeholder {
11354 color: #A0AEC0;
11355 }
11356 .create-course-modal .modal-content {
11357 gap: 40px;
11358 padding: 24px 30px;
11359 }
11360 .create-course-modal .modal-content .input-section .form-group {
11361 margin-bottom: 16px;
11362 }
11363 .create-course-modal .modal-content .input-section .form-group label {
11364 margin-bottom: 6px;
11365 display: block;
11366 }
11367 .create-course-modal .modal-content .input-section .lp-ai-modal-grid.lp-ai-grid-2-cols {
11368 display: grid;
11369 grid-template-columns: 1fr 1fr;
11370 gap: 16px 20px;
11371 margin-bottom: 16px;
11372 }
11373 .create-course-modal .modal-content .input-section h3 {
11374 font-size: 16px;
11375 font-weight: 600;
11376 color: #1A202C;
11377 margin-top: 20px;
11378 margin-bottom: 8px;
11379 }
11380 .create-course-modal .modal-content .input-section h3:first-child {
11381 margin-top: 0;
11382 }
11383 .create-course-modal .modal-content .input-section p.description {
11384 font-size: 12px;
11385 color: #4A5568;
11386 margin: -4px 0 16px 0;
11387 }
11388 .create-course-modal .modal-content .input-section .lp-notice.notice-warning {
11389 background-color: #FEFCE8;
11390 border: 1px solid #FDE047;
11391 border-radius: 6px;
11392 padding: 12px;
11393 margin: 10px 0 20px 0;
11394 font-size: 14px;
11395 color: #713F12;
11396 }
11397 .create-course-modal .modal-content .input-section .lp-notice.notice-warning a {
11398 font-weight: 600;
11399 color: #713F12;
11400 text-decoration: underline;
11401 }
11402 .create-course-modal .modal-content .output-section .output-placeholder-wrapper {
11403 display: flex;
11404 justify-content: center;
11405 align-items: center;
11406 text-align: center;
11407 height: 100%;
11408 min-height: 200px;
11409 background-color: #F9FAFB;
11410 border-radius: 8px;
11411 border: 1px solid #E5E7EB;
11412 padding: 20px;
11413 }
11414 .create-course-modal .modal-content .output-section .output-placeholder-wrapper p {
11415 color: #4A5568;
11416 font-size: 15px;
11417 }
11418 .create-course-modal .modal-content .output-section .output-header .icon-button {
11419 display: inline-flex;
11420 align-items: center;
11421 justify-content: center;
11422 color: #4A5568;
11423 }
11424 .create-course-modal .modal-content .output-section .output-header .icon-button svg {
11425 width: 20px;
11426 height: 20px;
11427 }
11428
11429 .lp-generate-data-ai-wrap {
11430 width: 100%;
11431 max-height: 90%;
11432 }
11433 .lp-generate-data-ai-wrap .content-title {
11434 color: #111111;
11435 }
11436 .lp-generate-data-ai-wrap .step-header {
11437 display: flex;
11438 justify-content: space-between;
11439 margin-bottom: 30px;
11440 padding: 0 20px;
11441 gap: 10px;
11442 }
11443 .lp-generate-data-ai-wrap .step-header .step-item {
11444 display: flex;
11445 align-items: center;
11446 font-size: 14px;
11447 color: #1A202C;
11448 position: relative;
11449 flex-grow: 1;
11450 justify-content: center;
11451 }
11452 .lp-generate-data-ai-wrap .step-header .step-item.active .step-number {
11453 background-color: #7E6CE2;
11454 color: #fff;
11455 border-color: #7E6CE2;
11456 }
11457 .lp-generate-data-ai-wrap .step-header .step-item .step-text {
11458 color: #111111;
11459 font-weight: 600;
11460 }
11461 .lp-generate-data-ai-wrap .step-header .step-item .step-number {
11462 width: 28px;
11463 height: 28px;
11464 border-radius: 50%;
11465 border: 1px solid #E5E7EB;
11466 display: flex;
11467 justify-content: center;
11468 align-items: center;
11469 margin-left: 10px;
11470 font-weight: 500;
11471 background-color: #fff;
11472 }
11473 .lp-generate-data-ai-wrap .lp-form-generate-data-ai {
11474 border: 1px solid #E5E7EB;
11475 border-radius: 10px;
11476 padding: 20px;
11477 text-align: right;
11478 }
11479 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .lp-form-fields {
11480 min-height: 400px;
11481 max-height: 600px;
11482 overflow: auto;
11483 padding: 0 2px;
11484 }
11485 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step-title {
11486 font-size: 1.2em;
11487 font-weight: 600;
11488 margin-bottom: 10px;
11489 color: #111111;
11490 }
11491 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step-content {
11492 display: none;
11493 }
11494 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step-content.active {
11495 display: block;
11496 }
11497 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step-header h2 {
11498 font-size: 24px;
11499 font-weight: 700;
11500 margin: 0 0 8px 0;
11501 }
11502 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step-header p {
11503 font-size: 15px;
11504 color: #1A202C;
11505 margin: 0 0 30px 0;
11506 }
11507 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-grid {
11508 display: grid;
11509 grid-template-columns: 1fr 1fr;
11510 gap: 20px 30px;
11511 margin-bottom: 30px;
11512 }
11513 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group {
11514 margin-bottom: 10px;
11515 }
11516 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group.full-width {
11517 grid-column: 1/-1;
11518 }
11519 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group label {
11520 display: block;
11521 font-size: 14px;
11522 font-weight: 600;
11523 margin-bottom: 8px;
11524 color: #111111;
11525 }
11526 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group .lp-tom-select.ts-wrapper {
11527 width: 100%;
11528 }
11529 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group input,
11530 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group .ts-wrapper .ts-control,
11531 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group textarea {
11532 width: 100%;
11533 padding: 8px 16px;
11534 border-radius: 10px;
11535 border: 1px solid #E5E7EB;
11536 font-size: 14px;
11537 line-height: 1.5;
11538 box-sizing: border-box;
11539 transition: border-color 0.2s, box-shadow 0.2s;
11540 margin: 0;
11541 background-color: transparent;
11542 }
11543 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group input:focus,
11544 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group .ts-wrapper .ts-control:focus,
11545 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group textarea:focus {
11546 outline: none;
11547 border-color: #1A202C;
11548 }
11549 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group input .item,
11550 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group .ts-wrapper .ts-control .item,
11551 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group textarea .item {
11552 border: 1px solid #E5E7EB;
11553 color: #4A5568;
11554 border-radius: 6px;
11555 padding: 4px 10px;
11556 background-color: transparent;
11557 }
11558 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group input .ts-input::placeholder,
11559 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group .ts-wrapper .ts-control .ts-input::placeholder,
11560 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group textarea .ts-input::placeholder {
11561 color: #A0AEC0;
11562 }
11563 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group textarea {
11564 min-height: 86px;
11565 resize: vertical;
11566 }
11567 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group .field-description {
11568 color: #898989;
11569 margin-top: 8px;
11570 }
11571 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group .title-refer,
11572 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group .description-refer {
11573 padding: 0;
11574 border: none;
11575 font-size: 16px;
11576 min-height: unset;
11577 box-shadow: none;
11578 border-radius: 0;
11579 }
11580 .lp-generate-data-ai-wrap .lp-form-generate-data-ai #prompt-preview {
11581 min-height: 120px;
11582 background-color: #F9FAFB;
11583 color: #1A202C;
11584 }
11585 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .button-actions {
11586 display: flex;
11587 justify-content: flex-end;
11588 gap: 12px;
11589 margin-top: 20px;
11590 }
11591 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .generate-prompt {
11592 display: flex;
11593 justify-items: center;
11594 align-items: center;
11595 gap: 10px;
11596 margin-bottom: 20px;
11597 }
11598 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .generate-prompt img {
11599 display: none;
11600 }
11601 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .btn,
11602 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .lp-button {
11603 padding: 10px 20px;
11604 font-size: 15px;
11605 font-weight: 600;
11606 border-radius: 8px;
11607 cursor: pointer;
11608 border: 1px solid transparent;
11609 transition: all 0.2s;
11610 display: inline-flex;
11611 align-items: center;
11612 gap: 8px;
11613 }
11614 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .btn.loading:before,
11615 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .lp-button.loading:before {
11616 color: white !important;
11617 }
11618 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .btn-primary,
11619 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .lp-button-primary {
11620 background-color: #7E6CE2;
11621 color: #fff;
11622 }
11623 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .btn-primary:hover,
11624 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .lp-button-primary:hover {
11625 background-color: #1A202C;
11626 }
11627 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .btn-secondary,
11628 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .lp-button-secondary {
11629 background-color: #fff;
11630 color: #7E6CE2;
11631 border-color: #7E6CE2;
11632 }
11633 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .btn-secondary:hover,
11634 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .lp-button-secondary:hover {
11635 background-color: #7E6CE2;
11636 color: #fff;
11637 }
11638 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .btn:disabled,
11639 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .lp-button:disabled {
11640 background-color: #E5E7EB;
11641 color: #1A202C;
11642 cursor: not-allowed;
11643 border-color: #E5E7EB;
11644 }
11645 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout {
11646 display: flex;
11647 gap: 30px;
11648 }
11649 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .step4-left-panel {
11650 flex: 2;
11651 }
11652 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .step4-right-panel {
11653 flex: 1;
11654 min-width: 300px;
11655 }
11656 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .course-details {
11657 display: none;
11658 }
11659 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .course-details h3 {
11660 font-size: 24px;
11661 font-weight: 700;
11662 color: #111827;
11663 margin-top: 0;
11664 margin-bottom: 24px;
11665 }
11666 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .course-details .course-cover-placeholder {
11667 width: 100%;
11668 height: 50vh;
11669 background-color: #E5E7EB;
11670 border-radius: 8px;
11671 display: flex;
11672 justify-content: center;
11673 align-items: center;
11674 justify-items: center;
11675 font-size: 20px;
11676 color: #6B7280;
11677 margin-bottom: 30px;
11678 font-weight: 600;
11679 }
11680 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .course-details .section-title {
11681 font-size: 18px;
11682 font-weight: 700;
11683 margin-top: 30px;
11684 margin-bottom: 16px;
11685 }
11686 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .course-details .section-course-curriculum {
11687 font-size: 18px;
11688 font-weight: 700;
11689 }
11690 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .course-details .section-course-curriculum .course-curriculum-container .course-section-block {
11691 border-radius: 8px;
11692 border: 0.8px solid #E5E7EB;
11693 padding: 16px 8px;
11694 }
11695 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .course-details .section-course-curriculum .course-curriculum-container .course-section-block h4 {
11696 font-size: 13px;
11697 font-weight: bold;
11698 }
11699 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .course-details p {
11700 font-size: 15px;
11701 line-height: 1.6;
11702 color: #374151;
11703 margin-top: 0;
11704 }
11705 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .course-details ul {
11706 list-style: none;
11707 padding: 0;
11708 margin: 12px 0 0 0;
11709 }
11710 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .course-details li {
11711 position: relative;
11712 padding-right: 20px;
11713 margin-bottom: 8px;
11714 color: #374151;
11715 font-size: 15px;
11716 }
11717 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .course-details li::before {
11718 content: "•";
11719 position: absolute;
11720 right: 0;
11721 color: #1A202C;
11722 line-height: 1.5;
11723 }
11724 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .summary-panel {
11725 background-color: #F9FAFB;
11726 padding: 24px;
11727 border-radius: 8px;
11728 border: 1px solid #E5E7EB;
11729 height: fit-content;
11730 }
11731 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .summary-panel h3 {
11732 font-size: 16px;
11733 font-weight: 600;
11734 margin-top: 0;
11735 margin-bottom: 20px;
11736 }
11737 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .summary-panel .summary-list {
11738 display: none;
11739 list-style: none;
11740 padding: 0;
11741 margin: 0;
11742 }
11743 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .summary-panel .summary-list li {
11744 display: flex;
11745 align-items: center;
11746 font-size: 15px;
11747 color: #374151;
11748 margin-bottom: 12px;
11749 }
11750 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .summary-panel .summary-list li span {
11751 margin-left: 5px;
11752 }
11753 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .summary-panel .summary-list li svg {
11754 color: #1A202C;
11755 width: 20px;
11756 height: 20px;
11757 margin-left: 12px;
11758 flex-shrink: 0;
11759 }
11760 .lp-generate-data-ai-wrap .lp-form-generate-data-ai textarea[name=lp-openai-prompt-generated-field] {
11761 min-height: 300px;
11762 }
11763 .lp-generate-data-ai-wrap .lp-form-generate-data-ai textarea.lp-ai-string-result {
11764 width: 100%;
11765 }
11766 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .lp-ai-generated-results {
11767 display: grid;
11768 gap: 10px;
11769 }
11770 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .lp-ai-generated-results .lp-ai-string-result {
11771 margin-bottom: 4px;
11772 }
11773 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .lp-ai-generated-results button {
11774 margin-left: 4px;
11775 }
11776 .lp-generate-data-ai-wrap .lp-ai-course-data-preview-wrap {
11777 max-height: 400px;
11778 overflow-y: auto;
11779 margin-bottom: 20px;
11780 }
11781 .lp-generate-data-ai-wrap .lp-btn-close-ai-popup {
11782 position: absolute;
11783 top: 10px;
11784 left: 10px;
11785 background: none;
11786 border: none;
11787 font-size: 20px;
11788 cursor: pointer;
11789 color: #ccc;
11790 }
11791 .lp-generate-data-ai-wrap .lp-btn-close-ai-popup:hover {
11792 color: #f27474;
11793 }
11794 .lp-generate-data-ai-wrap .lp-ai-warning-refer {
11795 border: 1px solid #FCD34D;
11796 background-color: #FFFBEB;
11797 padding: 10px;
11798 border-radius: 5px;
11799 display: flex;
11800 gap: 5px;
11801 align-items: center;
11802 }
11803
11804 .lp-ai-course-data-preview-wrap .course-title {
11805 font-size: 1.5em;
11806 font-weight: 700;
11807 margin-bottom: 10px;
11808 color: #1A202C;
11809 }
11810 .lp-ai-course-data-preview-wrap .course-sections {
11811 margin-top: 30px;
11812 }
11813 .lp-ai-course-data-preview-wrap .section-title {
11814 font-weight: bold;
11815 font-size: 1.2em;
11816 margin-bottom: 10px;
11817 color: #1A202C;
11818 }
11819 .lp-ai-course-data-preview-wrap .lesson-title,
11820 .lp-ai-course-data-preview-wrap .quiz-title,
11821 .lp-ai-course-data-preview-wrap .question-title {
11822 font-weight: 600;
11823 font-size: 1em;
11824 margin-bottom: 8px;
11825 color: #1A202C;
11826 }
11827 .lp-ai-course-data-preview-wrap .course-section-item {
11828 border: 1px solid var(--lp-border-color, #E2E0DB);
11829 border-radius: 10px;
11830 padding: 20px;
11831 margin: 20px 0;
11832 background-color: #fff;
11833 }
11834 .lp-ai-course-data-preview-wrap .course-section-items {
11835 margin: 20px 20px 0 0;
11836 }
11837 .lp-ai-course-data-preview-wrap .course-section-items:last-child {
11838 margin-bottom: 0;
11839 }
11840 .lp-ai-course-data-preview-wrap .course-lesson-item,
11841 .lp-ai-course-data-preview-wrap .course-quiz-item,
11842 .lp-ai-course-data-preview-wrap .quiz-question-item {
11843 padding: 12px 0;
11844 border-top: 1px solid var(--lp-border-color, #E2E0DB);
11845 }
11846 .lp-ai-course-data-preview-wrap .course-lesson-item:last-child,
11847 .lp-ai-course-data-preview-wrap .course-quiz-item:last-child,
11848 .lp-ai-course-data-preview-wrap .quiz-question-item:last-child {
11849 padding-bottom: 0;
11850 }
11851 .lp-ai-course-data-preview-wrap .course-questions,
11852 .lp-ai-course-data-preview-wrap .course-question-options {
11853 margin: 20px 20px 0 0;
11854 }
11855 .lp-ai-course-data-preview-wrap .course-questions:last-child,
11856 .lp-ai-course-data-preview-wrap .course-question-options:last-child {
11857 margin-bottom: 0;
11858 }
11859
11860 .lp-ai-images-warp {
11861 display: grid;
11862 grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
11863 gap: 15px;
11864 margin-top: 20px;
11865 max-height: 400px;
11866 overflow-y: auto;
11867 }
11868 .lp-ai-images-warp .lp-ai-image-item {
11869 position: relative;
11870 }
11871 .lp-ai-images-warp .lp-ai-image-item img {
11872 object-fit: contain;
11873 width: 100%;
11874 }
11875 .lp-ai-images-warp .lp-ai-image-item .lp-btn-ai-apply-image {
11876 position: absolute;
11877 top: 5px;
11878 left: 0;
11879 transform: translateX(5%);
11880 background-color: rgba(0, 0, 0, 0.6);
11881 color: #fff;
11882 border: none;
11883 padding: 6px 12px;
11884 border-radius: 4px;
11885 font-size: 0.875rem;
11886 cursor: pointer;
11887 opacity: 0;
11888 transition: opacity 0.2s;
11889 }
11890 .lp-ai-images-warp .lp-ai-image-item:hover .lp-btn-ai-apply-image {
11891 opacity: 1;
11892 }
11893
11894 .lp-creating-course-ai-wrap .loading-wrap {
11895 margin-top: 20px;
11896 }
11897 .lp-creating-course-ai-wrap .lp-loading-circle {
11898 width: 40px;
11899 height: 40px;
11900 border-width: 5px;
11901 }
11902
11903 .lp-must-enable-ai-wrap {
11904 text-align: right;
11905 line-height: 1.6em;
11906 }
11907 .lp-must-enable-ai-wrap h2 {
11908 margin-bottom: 0;
11909 }
11910 .lp-must-enable-ai-wrap h2 i {
11911 margin-left: 10px;
11912 color: #DC2626;
11913 }
11914 .lp-must-enable-ai-wrap .desc {
11915 color: #6B7280;
11916 }
11917 .lp-must-enable-ai-wrap .p2 {
11918 color: #6B7280;
11919 }
11920 .lp-must-enable-ai-wrap a {
11921 color: #2563EB;
11922 text-decoration: underline;
11923 cursor: pointer;
11924 }
11925 .lp-must-enable-ai-wrap .help-link {
11926 padding: 16px;
11927 border: 1px solid #E5E7EB;
11928 border-radius: 8px;
11929 font-size: 13px;
11930 }
11931 .lp-must-enable-ai-wrap .help-link a {
11932 text-decoration: none;
11933 margin-top: 10px;
11934 }
11935 .lp-must-enable-ai-wrap .help-link i {
11936 color: #2A73AB;
11937 }
11938 .lp-must-enable-ai-wrap .button-actions {
11939 margin-top: 20px;
11940 text-align: left;
11941 }
11942 .lp-must-enable-ai-wrap .button-actions .lp-btn-close-ai-popup {
11943 border: none;
11944 color: #4B5563;
11945 background: none;
11946 }
11947 .lp-must-enable-ai-wrap .button-actions .button-primary {
11948 background-color: #7E6CE2;
11949 color: #fff;
11950 border: none;
11951 }
11952 .lp-must-enable-ai-wrap .button-actions .button-primary:hover {
11953 opacity: 0.9;
11954 }
11955
11956 .fui-loading-spinner-3 {
11957 color: #7E6CE2;
11958 position: relative;
11959 width: 100px;
11960 height: 80px;
11961 margin-right: 80px;
11962 display: none;
11963 }
11964 .fui-loading-spinner-3 div {
11965 transform-origin: 40px 40px;
11966 animation: rj9Ft 1.2s linear infinite;
11967 }
11968 .fui-loading-spinner-3 div:after {
11969 content: " ";
11970 display: block;
11971 position: absolute;
11972 top: 3px;
11973 right: 37px;
11974 width: 6px;
11975 height: 18px;
11976 border-radius: 20%;
11977 background: #7E6CE2;
11978 }
11979 .fui-loading-spinner-3 div:nth-child(1) {
11980 transform: rotate(0deg);
11981 animation-delay: -1.1s;
11982 }
11983 .fui-loading-spinner-3 div:nth-child(2) {
11984 transform: rotate(-30deg);
11985 animation-delay: -1s;
11986 }
11987 .fui-loading-spinner-3 div:nth-child(3) {
11988 transform: rotate(-60deg);
11989 animation-delay: -0.9s;
11990 }
11991 .fui-loading-spinner-3 div:nth-child(4) {
11992 transform: rotate(-90deg);
11993 animation-delay: -0.8s;
11994 }
11995 .fui-loading-spinner-3 div:nth-child(5) {
11996 transform: rotate(-120deg);
11997 animation-delay: -0.7s;
11998 }
11999 .fui-loading-spinner-3 div:nth-child(6) {
12000 transform: rotate(-150deg);
12001 animation-delay: -0.6s;
12002 }
12003 .fui-loading-spinner-3 div:nth-child(7) {
12004 transform: rotate(-180deg);
12005 animation-delay: -0.5s;
12006 }
12007 .fui-loading-spinner-3 div:nth-child(8) {
12008 transform: rotate(-210deg);
12009 animation-delay: -0.4s;
12010 }
12011 .fui-loading-spinner-3 div:nth-child(9) {
12012 transform: rotate(-240deg);
12013 animation-delay: -0.3s;
12014 }
12015 .fui-loading-spinner-3 div:nth-child(10) {
12016 transform: rotate(-270deg);
12017 animation-delay: -0.2s;
12018 }
12019 .fui-loading-spinner-3 div:nth-child(11) {
12020 transform: rotate(-300deg);
12021 animation-delay: -0.1s;
12022 }
12023 .fui-loading-spinner-3 div:nth-child(12) {
12024 transform: rotate(-330deg);
12025 animation-delay: 0s;
12026 }
12027
12028 @keyframes rj9Ft {
12029 0% {
12030 opacity: 1;
12031 }
12032 100% {
12033 opacity: 0;
12034 }
12035 }
12036 /**
12037 * Style for the popup alert, confirm
12038 * @link https://sweetalert2.github.io/
12039 * @since 4.2.9
12040 * @version 1.0.0
12041 */
12042 .swal2-container {
12043 z-index: 99999;
12044 }
12045
12046 .swal2-popup {
12047 max-width: 850px;
12048 }
12049 .swal2-popup .content-title {
12050 margin: 0 0 20px 0;
12051 padding: 0;
12052 text-align: center;
12053 font-size: 1.5em;
12054 font-weight: bold;
12055 }
12056 .swal2-popup .swal2-actions {
12057 width: 100%;
12058 padding: 0 30px;
12059 }
12060 .swal2-popup .swal2-actions button {
12061 flex: 1;
12062 }
12063 .swal2-popup .swal2-actions button.swal2-confirm {
12064 background-color: #e02200;
12065 }
12066 .swal2-popup .swal2-actions button.swal2-cancel {
12067 background-color: transparent;
12068 border: 1px solid #ccc;
12069 color: inherit;
12070 }
12071 .swal2-popup .swal2-warning {
12072 color: #e02200;
12073 border-color: transparent;
12074 background-color: rgba(223, 0, 0, 0.1019607843);
12075 }
12076 .swal2-popup .swal2-icon {
12077 width: 50px;
12078 height: 50px;
12079 }
12080 .swal2-popup .swal2-icon .swal2-icon-content {
12081 font-size: 0;
12082 }
12083 .swal2-popup .swal2-icon .swal2-icon-content::before {
12084 content: "\f071";
12085 font-family: "lp-icon";
12086 font-size: 24px;
12087 display: inline-block;
12088 }
12089 .swal2-popup .swal2-title {
12090 font-size: 1.5em;
12091 }
12092 .swal2-popup .swal2-html-container {
12093 font-size: 1em;
12094 }
12095 .swal2-popup .lp-tom-select.ts-wrapper .ts-dropdown {
12096 max-height: 200px;
12097 overflow: hidden;
12098 }
12099 .swal2-popup .swal2-close {
12100 background-color: unset !important;
12101 outline: none !important;
12102 color: rgb(204, 204, 204) !important;
12103 font-size: 30px;
12104 box-shadow: none !important;
12105 position: absolute;
12106 }
12107 .swal2-popup .swal2-close:hover {
12108 color: #f27474 !important;
12109 }
12110
12111 /**
12112 * LP Table — Reusable Table Standard
12113 *
12114 * A shared table CSS system used by the "Enrolled Students" listing (and future tables).
12115 * Provides card wrapper, header/body styling, avatars, progress bars, badges, toolbar, and pagination.
12116 *
12117 * @since 4.3.3
12118 */
12119 .lp-enrolled-students h1.wp-heading-inline {
12120 margin-bottom: 24px;
12121 }
12122
12123 .lp-enrolled-students-table-wrap {
12124 margin-top: 15px;
12125 }
12126 .lp-enrolled-students-table-wrap .instructor-avatar {
12127 align-items: center;
12128 justify-content: center;
12129 width: 36px;
12130 height: 36px;
12131 min-width: 36px;
12132 border-radius: 50%;
12133 background: #64748b;
12134 overflow: hidden;
12135 }
12136 .lp-enrolled-students-table-wrap .instructor-avatar img {
12137 width: 100%;
12138 height: 100%;
12139 object-fit: cover;
12140 }
12141
12142 /*.lp-enrolled-students-table {
12143 width: 100%;
12144 border: 0;
12145 border-spacing: 0;
12146 border-collapse: collapse;
12147 font-size: 13px;
12148
12149 th,
12150 td {
12151 border: 0 !important;
12152 }
12153
12154 thead {
12155 th {
12156 padding: 10px 16px;
12157 border-bottom: 2px solid #e2e8f0 !important;
12158 color: #64748b;
12159 background: #f8fafc;
12160 font-size: 12px;
12161 font-weight: 600;
12162 text-align: left;
12163 text-transform: uppercase;
12164 letter-spacing: 0.05em;
12165
12166 &:first-child {
12167 border-radius: 0;
12168 }
12169 &:last-child {
12170 border-radius: 0;
12171 }
12172 }
12173 }
12174
12175 tbody {
12176 tr {
12177 border-bottom: 1px solid #f1f5f9;
12178 transition: background 0.15s;
12179 text-align: left;
12180
12181 &:hover {
12182 background: #f8fafc;
12183 }
12184
12185 &:last-child {
12186 border-bottom: none;
12187 }
12188 }
12189
12190 td {
12191 padding: 12px 16px;
12192 vertical-align: middle;
12193 border: 0 !important;
12194 }
12195 }
12196
12197 tfoot {
12198 tr,
12199 td {
12200 border: 0 !important;
12201 }
12202 }
12203 }*/
12204 .lp-cell-student {
12205 display: flex;
12206 align-items: center;
12207 gap: 10px;
12208 }
12209
12210 /*.lp-avatar {
12211 display: flex;
12212 flex-shrink: 0;
12213 align-items: center;
12214 justify-content: center;
12215 width: 36px;
12216 height: 36px;
12217 border-radius: 50%;
12218 color: #fff;
12219 background: #64748b;
12220 font-size: 13px;
12221 font-weight: 600;
12222 overflow: hidden;
12223 }
12224
12225 .lp-avatar--image {
12226 background: transparent;
12227
12228 img {
12229 width: 100%;
12230 height: 100%;
12231 object-fit: cover;
12232 }
12233 }*/
12234 .lp-meta {
12235 display: flex;
12236 flex-direction: column;
12237 }
12238 .lp-meta .lp-name {
12239 color: #1e293b;
12240 font-weight: 500;
12241 line-height: 1.4;
12242 }
12243 .lp-meta .lp-email {
12244 color: #94a3b8;
12245 font-size: 12px;
12246 line-height: 1.3;
12247 }
12248
12249 .lp-cell-course a {
12250 color: #3b82f6;
12251 text-decoration: none;
12252 }
12253 .lp-cell-course a:hover {
12254 text-decoration: underline;
12255 }
12256
12257 .lp-cell-progress {
12258 min-width: 120px;
12259 }
12260
12261 .lp-progress-bar {
12262 overflow: hidden;
12263 position: relative;
12264 width: 100%;
12265 max-width: 120px;
12266 height: 6px;
12267 border-radius: 3px;
12268 background: #e2e8f0;
12269 }
12270 .lp-progress-bar span {
12271 display: block;
12272 height: 100%;
12273 border-radius: 3px;
12274 background: linear-gradient(-90deg, #3b82f6, #60a5fa);
12275 transition: width 0.3s ease;
12276 }
12277
12278 .lp-progress-text {
12279 display: inline-block;
12280 margin-top: 3px;
12281 color: #64748b;
12282 font-size: 11px;
12283 }
12284
12285 .lp-badge {
12286 display: inline-block;
12287 padding: 3px 10px;
12288 border-radius: 12px;
12289 font-size: 12px;
12290 font-weight: 500;
12291 line-height: 1.5;
12292 white-space: nowrap;
12293 }
12294 .lp-badge--enrolled {
12295 color: #475569;
12296 background: #f1f5f9;
12297 }
12298 .lp-badge--in-progress, .lp-badge--learning {
12299 color: #1e40af;
12300 background: #dbeafe;
12301 }
12302 .lp-badge--finished {
12303 color: #166534;
12304 background: #dcfce7;
12305 }
12306 .lp-badge--passed {
12307 color: #14532d;
12308 background: #bbf7d0;
12309 }
12310 .lp-badge--failed {
12311 color: #991b1b;
12312 background: #fee2e2;
12313 }
12314
12315 .lp-enrolled-students-table-footer {
12316 display: flex;
12317 flex-wrap: wrap;
12318 align-items: center;
12319 justify-content: space-between;
12320 gap: 8px;
12321 }
12322 .lp-enrolled-students-table-footer__count {
12323 color: #64748b;
12324 font-size: 13px;
12325 }
12326
12327 #profile-content-enrolled-students .lp-enrolled-students-table-footer {
12328 border-top: none;
12329 }
12330
12331 .lp-enrolled-students-table-footer .learn-press-pagination {
12332 margin: 0;
12333 text-align: left;
12334 }
12335 .lp-enrolled-students-table-footer .learn-press-pagination ul.page-numbers {
12336 display: flex;
12337 align-items: center;
12338 gap: 4px;
12339 flex-wrap: wrap;
12340 margin: 0;
12341 padding: 0;
12342 list-style: none;
12343 }
12344 .lp-enrolled-students-table-footer .learn-press-pagination ul.page-numbers > li {
12345 margin: 0;
12346 }
12347 .lp-enrolled-students-table-footer .learn-press-pagination a.page-numbers,
12348 .lp-enrolled-students-table-footer .learn-press-pagination span.page-numbers {
12349 display: inline-flex;
12350 align-items: center;
12351 justify-content: center;
12352 min-width: 40px;
12353 height: 40px;
12354 width: 40px;
12355 line-height: 40px;
12356 padding: 0 8px;
12357 border: 1px solid #e2e8f0;
12358 border-radius: 4px;
12359 color: #475569;
12360 background: #fff;
12361 font-size: 13px;
12362 text-decoration: none;
12363 cursor: pointer;
12364 transition: all 0.15s;
12365 }
12366 .lp-enrolled-students-table-footer .learn-press-pagination a.page-numbers:hover:not(.current),
12367 .lp-enrolled-students-table-footer .learn-press-pagination span.page-numbers:hover:not(.current) {
12368 border-color: #3b82f6;
12369 color: #3b82f6 !important;
12370 background: #eff6ff;
12371 }
12372 .lp-enrolled-students-table-footer .learn-press-pagination span.page-numbers.current {
12373 border-color: #3b82f6;
12374 color: #fff;
12375 background: #3b82f6;
12376 cursor: default;
12377 }
12378 .lp-enrolled-students-table-footer .learn-press-pagination span.page-numbers.dots {
12379 min-width: auto;
12380 border: 0;
12381 background: transparent;
12382 cursor: default;
12383 }
12384 .lp-enrolled-students-table-footer .learn-press-pagination span.page-numbers.current,
12385 .lp-enrolled-students-table-footer .learn-press-pagination span.page-numbers.dots {
12386 pointer-events: none;
12387 }
12388
12389 .lp-enrolled-empty {
12390 padding: 40px 20px;
12391 color: #94a3b8;
12392 text-align: center;
12393 }
12394 .lp-enrolled-empty p {
12395 margin: 0;
12396 font-size: 14px;
12397 }
12398
12399 .lp-enrolled-error {
12400 padding: 15px 20px;
12401 color: #dc2626;
12402 font-size: 13px;
12403 }
12404
12405 #lp-modal-enrolled-wrap {
12406 position: relative;
12407 /*tbody {
12408 display: block;
12409 max-height: 400px;
12410 overflow-y: auto;
12411 }
12412
12413 thead, tbody tr {
12414 display: table;
12415 width: 100%;
12416 table-layout: fixed;
12417 }*/
12418 }
12419 #lp-modal-enrolled-wrap .lp-table-wrap {
12420 max-height: 60vh;
12421 }
12422
12423 .lp-wrap-btn-view-course-students {
12424 width: 100%;
12425 }
12426 .lp-wrap-btn-view-course-students button {
12427 width: 100%;
12428 }
12429
12430 .lp-btn-view-students {
12431 margin-top: 10px;
12432 white-space: nowrap;
12433 display: block;
12434 padding: 0;
12435 border: none;
12436 background: none;
12437 }
12438
12439 /**
12440 * Style for table LearnPress
12441 * @since 4.3.3
12442 * @version 1.0.1
12443 */
12444 .lp-table-wrap {
12445 border-radius: 5px;
12446 width: 100%;
12447 border: 1px solid var(--lp-border-color, #E2E0DB);
12448 overflow-x: auto;
12449 overflow-y: auto;
12450 -webkit-overflow-scrolling: touch;
12451 }
12452
12453 table.lp-list-table {
12454 border-collapse: collapse;
12455 width: 100%;
12456 margin: 0;
12457 min-width: 768px;
12458 border: none;
12459 }
12460 table.lp-list-table td {
12461 padding: 0;
12462 }
12463 table.lp-list-table .learn-press-pagination {
12464 text-align: right;
12465 }
12466 table.lp-list-table thead {
12467 border: none;
12468 }
12469 table.lp-list-table thead tr:first-child td, table.lp-list-table thead tr:first-child th {
12470 border-block-start: none;
12471 }
12472 table.lp-list-table thead tr {
12473 border-bottom: 1px solid var(--lp-border-color, #E2E0DB);
12474 position: sticky;
12475 top: 0;
12476 z-index: 2;
12477 background-color: var(--lp-white-grey, #F7F7FB);
12478 }
12479 table.lp-list-table thead th {
12480 background: none;
12481 border: none;
12482 padding: 10px 20px;
12483 text-align: right;
12484 }
12485 table.lp-list-table thead th td {
12486 border: none;
12487 padding: 0;
12488 }
12489 table.lp-list-table tbody tr {
12490 border: none;
12491 }
12492 table.lp-list-table tbody tr:nth-child(even) {
12493 background-color: hsla(0, 0%, 50%, 0.05);
12494 }
12495 table.lp-list-table tbody tr:hover {
12496 background-color: #eff6ff;
12497 }
12498 table.lp-list-table tbody tr td {
12499 border: none;
12500 border-bottom: 1px solid var(--lp-border-color, #E2E0DB);
12501 padding: 10px 20px;
12502 text-align: right;
12503 }
12504 table.lp-list-table tbody tr td a {
12505 text-decoration: none;
12506 }
12507 table.lp-list-table tbody tr:last-child td {
12508 border-bottom: none;
12509 }
12510 table.lp-list-table tbody th {
12511 padding: 10px 20px;
12512 }
12513 table.lp-list-table tfoot tr {
12514 border: none;
12515 }
12516 table.lp-list-table tfoot tr td, table.lp-list-table tfoot tr th {
12517 border: none;
12518 border-top: 1px solid var(--lp-border-color, #E2E0DB);
12519 }
12520 table.lp-list-table tfoot tr td > div, table.lp-list-table tfoot tr th > div {
12521 padding: 20px;
12522 }
12523 table.lp-list-table tfoot .pagination {
12524 border: none;
12525 padding: 0;
12526 }
12527 table.lp-list-table.order-table-details tbody tr:last-child {
12528 --lp-white-grey: var(--lp-border-color, #E2E0DB);
12529 }
12530 table.lp-list-table.order-table-details tfoot {
12531 border-top: 1px solid var(--lp-border-color, #E2E0DB);
12532 }
12533 table.lp-list-table.order-table-details tfoot tr td, table.lp-list-table.order-table-details tfoot tr th {
12534 padding: 10px 20px;
12535 background-color: transparent;
12536 }
12537 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 {
12538 padding-bottom: 0;
12539 }
12540
12541 /**
12542 * Style for the Form Filter list
12543 * @since 4.4.5
12544 * @version 1.0.0
12545 */
12546 .lp-form-filter {
12547 display: grid;
12548 gap: 12px;
12549 margin-bottom: 24px;
12550 }
12551 .lp-form-filter__fields {
12552 display: flex;
12553 flex-wrap: wrap;
12554 align-items: flex-end;
12555 gap: 14px;
12556 }
12557 .lp-form-filter__fields > * {
12558 flex: 1 1 0;
12559 min-width: 0;
12560 }
12561 .lp-form-filter .filter-field {
12562 display: flex;
12563 flex-direction: column;
12564 gap: 5px;
12565 }
12566 .lp-form-filter .filter-field label {
12567 text-align: right;
12568 font-weight: bold;
12569 }
12570 .lp-form-filter button {
12571 display: inline-flex;
12572 align-items: center;
12573 justify-content: center;
12574 }
12575 .lp-form-filter__actions {
12576 display: flex;
12577 gap: 8px;
12578 align-items: center;
12579 }
12580 .lp-form-filter input, .lp-form-filter select {
12581 min-height: 40px;
12582 padding: 0 12px;
12583 }
12584
12585 /**
12586 * Custom fullscreen view overlay.
12587 *
12588 * Applied directly to the target element; a close button is injected inside it.
12589 *
12590 * @since 4.4.5
12591 * @version 1.0.0
12592 */
12593 html.lp-full-screen-active,
12594 html.lp-full-screen-active body {
12595 overflow: hidden;
12596 }
12597
12598 .lp-full-screen-view {
12599 position: fixed !important;
12600 top: 0;
12601 right: 0;
12602 width: 100vw !important;
12603 height: 100vh !important;
12604 max-width: 100vw !important;
12605 max-height: 100vh !important;
12606 z-index: 99999;
12607 background: #fff;
12608 overflow: auto;
12609 }
12610 .lp-full-screen-view__close {
12611 position: absolute;
12612 top: 5px;
12613 left: 5px;
12614 z-index: 999999;
12615 background: white;
12616 color: #f10808;
12617 border: 1px solid white;
12618 border-radius: 4px;
12619 padding: 0.5em 0.75em;
12620 cursor: pointer;
12621 }
12622 .lp-full-screen-view__close:hover {
12623 border-color: #f10808;
12624 }
12625 .lp-full-screen-view > div {
12626 padding: 40px 10px 0 !important;
12627 }
12628
12629 .lp-toggle-enable {
12630 display: inline-flex;
12631 align-items: center;
12632 gap: 8px;
12633 cursor: pointer;
12634 user-select: none;
12635 }
12636 .lp-toggle-enable .lp-toggle-enable__input {
12637 position: absolute;
12638 opacity: 0;
12639 width: 0;
12640 height: 0;
12641 }
12642 .lp-toggle-enable .lp-toggle-enable__track {
12643 position: relative;
12644 display: inline-block;
12645 width: 44px;
12646 height: 24px;
12647 border-radius: 12px;
12648 background: #c3c4c7;
12649 transition: background 0.2s ease;
12650 flex-shrink: 0;
12651 }
12652 .lp-toggle-enable .lp-toggle-enable__track::before {
12653 content: "";
12654 position: absolute;
12655 top: 2px;
12656 right: 2px;
12657 width: 20px;
12658 height: 20px;
12659 border-radius: 50%;
12660 background: #fff;
12661 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
12662 transition: transform 0.2s ease;
12663 }
12664 .lp-toggle-enable .lp-toggle-enable__label {
12665 font-size: 13px;
12666 font-weight: 500;
12667 color: #50575e;
12668 }
12669 .lp-toggle-enable.is-enabled .lp-toggle-enable__track {
12670 background: #28A746;
12671 }
12672 .lp-toggle-enable.is-enabled .lp-toggle-enable__track::before {
12673 transform: translateX(-20px);
12674 }
12675 .lp-toggle-enable.is-enabled .lp-toggle-enable__label {
12676 color: #28A746;
12677 }
12678 .lp-toggle-enable.is-disabled {
12679 opacity: 0.6;
12680 cursor: not-allowed;
12681 }
12682 .lp-toggle-enable.loading {
12683 position: relative;
12684 cursor: default;
12685 pointer-events: none;
12686 }
12687 .lp-toggle-enable.loading .lp-toggle-enable__track,
12688 .lp-toggle-enable.loading .lp-toggle-enable__label {
12689 opacity: 0.4;
12690 }
12691 .lp-toggle-enable.loading::after {
12692 content: "\f110";
12693 position: absolute;
12694 top: 0;
12695 left: 0;
12696 bottom: 0;
12697 right: 0;
12698 width: 18px;
12699 height: 18px;
12700 margin: auto;
12701 display: flex;
12702 align-items: center;
12703 justify-content: center;
12704 font-family: "lp-icon";
12705 font-size: 14px;
12706 font-style: normal;
12707 font-weight: normal;
12708 font-variant: normal;
12709 text-transform: none;
12710 line-height: 1;
12711 color: #2271b1;
12712 background: #fff;
12713 border-radius: 50%;
12714 animation: lp-scorm-toggle-spin 1s linear infinite;
12715 z-index: 1;
12716 }
12717 .lp-toggle-enable .lp-toggle-enable__input:focus-visible ~ .lp-toggle-enable__track {
12718 outline: 2px solid #2271b1;
12719 outline-offset: 2px;
12720 }
12721
12722 @keyframes lp-scorm-toggle-spin {
12723 from {
12724 transform: rotate(0deg);
12725 }
12726 to {
12727 transform: rotate(-360deg);
12728 }
12729 }
12730 .button.disabled {
12731 pointer-events: none;
12732 }
12733
12734 .learnpress .postbox .rwmb-meta-box {
12735 margin-top: 10px;
12736 }
12737 .learnpress #field-_lp_requirements .rwmb-text-list-clone,
12738 .learnpress #field-_lp_requirements .rwmb-text-list-advanced-clone,
12739 .learnpress #field-_lp_target_audiences .rwmb-text-list-clone,
12740 .learnpress #field-_lp_target_audiences .rwmb-text-list-advanced-clone,
12741 .learnpress #field-_lp_key_features .rwmb-text-list-clone,
12742 .learnpress #field-_lp_key_features .rwmb-text-list-advanced-clone,
12743 .learnpress #field-_lp_faqs .rwmb-text-list-clone,
12744 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone {
12745 clear: none;
12746 position: relative;
12747 border: 1px solid #ddd;
12748 border-radius: 4px;
12749 }
12750 .learnpress #field-_lp_requirements .rwmb-text-list-clone .rwmb-text-list-label,
12751 .learnpress #field-_lp_requirements .rwmb-text-list-advanced-clone .rwmb-text-list-label,
12752 .learnpress #field-_lp_target_audiences .rwmb-text-list-clone .rwmb-text-list-label,
12753 .learnpress #field-_lp_target_audiences .rwmb-text-list-advanced-clone .rwmb-text-list-label,
12754 .learnpress #field-_lp_key_features .rwmb-text-list-clone .rwmb-text-list-label,
12755 .learnpress #field-_lp_key_features .rwmb-text-list-advanced-clone .rwmb-text-list-label,
12756 .learnpress #field-_lp_faqs .rwmb-text-list-clone .rwmb-text-list-label,
12757 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone .rwmb-text-list-label {
12758 display: none;
12759 }
12760 .learnpress #field-_lp_requirements .rwmb-text-list-clone .rwmb-text-list,
12761 .learnpress #field-_lp_requirements .rwmb-text-list-clone .rwmb-text-list-advanced,
12762 .learnpress #field-_lp_requirements .rwmb-text-list-advanced-clone .rwmb-text-list,
12763 .learnpress #field-_lp_requirements .rwmb-text-list-advanced-clone .rwmb-text-list-advanced,
12764 .learnpress #field-_lp_target_audiences .rwmb-text-list-clone .rwmb-text-list,
12765 .learnpress #field-_lp_target_audiences .rwmb-text-list-clone .rwmb-text-list-advanced,
12766 .learnpress #field-_lp_target_audiences .rwmb-text-list-advanced-clone .rwmb-text-list,
12767 .learnpress #field-_lp_target_audiences .rwmb-text-list-advanced-clone .rwmb-text-list-advanced,
12768 .learnpress #field-_lp_key_features .rwmb-text-list-clone .rwmb-text-list,
12769 .learnpress #field-_lp_key_features .rwmb-text-list-clone .rwmb-text-list-advanced,
12770 .learnpress #field-_lp_key_features .rwmb-text-list-advanced-clone .rwmb-text-list,
12771 .learnpress #field-_lp_key_features .rwmb-text-list-advanced-clone .rwmb-text-list-advanced,
12772 .learnpress #field-_lp_faqs .rwmb-text-list-clone .rwmb-text-list,
12773 .learnpress #field-_lp_faqs .rwmb-text-list-clone .rwmb-text-list-advanced,
12774 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone .rwmb-text-list,
12775 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone .rwmb-text-list-advanced {
12776 width: calc(100% - 65px);
12777 padding: 7px 10px;
12778 border: none;
12779 color: #777;
12780 background: transparent;
12781 box-shadow: none;
12782 line-height: 1;
12783 }
12784 .learnpress #field-_lp_requirements .rwmb-text-list-clone .remove-clone,
12785 .learnpress #field-_lp_requirements .rwmb-text-list-advanced-clone .remove-clone,
12786 .learnpress #field-_lp_target_audiences .rwmb-text-list-clone .remove-clone,
12787 .learnpress #field-_lp_target_audiences .rwmb-text-list-advanced-clone .remove-clone,
12788 .learnpress #field-_lp_key_features .rwmb-text-list-clone .remove-clone,
12789 .learnpress #field-_lp_key_features .rwmb-text-list-advanced-clone .remove-clone,
12790 .learnpress #field-_lp_faqs .rwmb-text-list-clone .remove-clone,
12791 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone .remove-clone {
12792 top: 50%;
12793 left: 41px;
12794 margin-top: -10px;
12795 border-radius: unset;
12796 color: #999;
12797 background: transparent;
12798 -webkit-transition: left 0.25s;
12799 transition: left 0.25s;
12800 }
12801 .learnpress #field-_lp_requirements .rwmb-text-list-clone .remove-clone i,
12802 .learnpress #field-_lp_requirements .rwmb-text-list-advanced-clone .remove-clone i,
12803 .learnpress #field-_lp_target_audiences .rwmb-text-list-clone .remove-clone i,
12804 .learnpress #field-_lp_target_audiences .rwmb-text-list-advanced-clone .remove-clone i,
12805 .learnpress #field-_lp_key_features .rwmb-text-list-clone .remove-clone i,
12806 .learnpress #field-_lp_key_features .rwmb-text-list-advanced-clone .remove-clone i,
12807 .learnpress #field-_lp_faqs .rwmb-text-list-clone .remove-clone i,
12808 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone .remove-clone i {
12809 font-size: 1.25rem;
12810 }
12811 .learnpress #field-_lp_requirements .rwmb-text-list-clone .remove-clone:hover,
12812 .learnpress #field-_lp_requirements .rwmb-text-list-advanced-clone .remove-clone:hover,
12813 .learnpress #field-_lp_target_audiences .rwmb-text-list-clone .remove-clone:hover,
12814 .learnpress #field-_lp_target_audiences .rwmb-text-list-advanced-clone .remove-clone:hover,
12815 .learnpress #field-_lp_key_features .rwmb-text-list-clone .remove-clone:hover,
12816 .learnpress #field-_lp_key_features .rwmb-text-list-advanced-clone .remove-clone:hover,
12817 .learnpress #field-_lp_faqs .rwmb-text-list-clone .remove-clone:hover,
12818 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone .remove-clone:hover {
12819 color: #e74c3c;
12820 }
12821 .learnpress #field-_lp_requirements .rwmb-text-list-clone::after,
12822 .learnpress #field-_lp_requirements .rwmb-text-list-advanced-clone::after,
12823 .learnpress #field-_lp_target_audiences .rwmb-text-list-clone::after,
12824 .learnpress #field-_lp_target_audiences .rwmb-text-list-advanced-clone::after,
12825 .learnpress #field-_lp_key_features .rwmb-text-list-clone::after,
12826 .learnpress #field-_lp_key_features .rwmb-text-list-advanced-clone::after,
12827 .learnpress #field-_lp_faqs .rwmb-text-list-clone::after,
12828 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone::after {
12829 display: inline-block;
12830 position: absolute;
12831 top: 50%;
12832 left: 10px;
12833 margin: 8px 0 0 0;
12834 margin-top: -9px;
12835 color: #999;
12836 font-family: Dashicons;
12837 font-size: 1.25rem;
12838 content: "\f333";
12839 }
12840 .learnpress #field-_lp_requirements .rwmb-text-list-clone:focus-within,
12841 .learnpress #field-_lp_target_audiences .rwmb-text-list-clone:focus-within,
12842 .learnpress #field-_lp_key_features .rwmb-text-list-clone:focus-within,
12843 .learnpress #field-_lp_faqs .rwmb-text-list-clone:focus-within {
12844 border-color: #0085ba;
12845 }
12846 .learnpress #field-_lp_requirements .rwmb-text-list-advanced-clone .rwmb-text-list:focus,
12847 .learnpress #field-_lp_target_audiences .rwmb-text-list-advanced-clone .rwmb-text-list:focus,
12848 .learnpress #field-_lp_key_features .rwmb-text-list-advanced-clone .rwmb-text-list:focus,
12849 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone .rwmb-text-list:focus {
12850 border-color: #0085ba;
12851 }
12852 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone {
12853 position: relative;
12854 padding: 0 0 16px 0;
12855 }
12856 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone .rwmb-text-list-label {
12857 display: block;
12858 padding: 10px 12px 0 10px;
12859 }
12860 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone .rwmb-text-list {
12861 width: calc(100% - 25px);
12862 margin: 0 13px 0 13px;
12863 border: 1px solid #ddd;
12864 vertical-align: top;
12865 }
12866 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone .remove-clone {
12867 top: 20px;
12868 left: 36px;
12869 margin-top: -10px;
12870 color: #999;
12871 -webkit-transition: left 0.25s;
12872 transition: left 0.25s;
12873 }
12874 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone::after {
12875 top: 20px;
12876 }
12877
12878 .lp-notice,
12879 .learn-press-notice {
12880 position: relative;
12881 padding: 12px;
12882 margin: 0;
12883 /*&.lp-upgrade-notice {
12884 position: relative;
12885 border-left-color: #02b7fb;
12886 background: #bceffe;
12887
12888 .close-notice {
12889 position: absolute;
12890 top: 5px;
12891 right: 10px;
12892 }
12893 }*/
12894 }
12895 .lp-notice h4,
12896 .learn-press-notice h4 {
12897 margin: 10px 0 15px;
12898 }
12899 .lp-notice p,
12900 .learn-press-notice p {
12901 margin: 0 0 5px 0;
12902 padding: 0 2px;
12903 }
12904 .lp-notice .lp-message-dismiss,
12905 .learn-press-notice .lp-message-dismiss {
12906 position: absolute;
12907 top: 12px;
12908 left: 12px;
12909 }
12910 .lp-notice .notice-dismiss,
12911 .learn-press-notice .notice-dismiss {
12912 position: absolute;
12913 top: 0;
12914 left: 1px;
12915 margin: 0;
12916 padding: 9px;
12917 border: none;
12918 outline: none;
12919 color: #72777c;
12920 background: 100% 0;
12921 box-shadow: none;
12922 cursor: pointer;
12923 }
12924 .lp-notice .notice-dismiss::before,
12925 .learn-press-notice .notice-dismiss::before {
12926 display: block;
12927 width: 20px;
12928 height: 20px;
12929 color: #72777c;
12930 background: 100% 0;
12931 font: normal 16px/20px dashicons;
12932 text-align: center;
12933 content: "\f153";
12934 speak: none;
12935 -webkit-font-smoothing: antialiased;
12936 }
12937
12938 .learn-press-dropdown-pages {
12939 display: inline-block;
12940 }
12941 .learn-press-dropdown-pages .list-pages-wrapper {
12942 display: flex;
12943 align-items: center;
12944 gap: 10px;
12945 }
12946
12947 .lp-notice-update-database {
12948 border: 1px solid rebeccapurple;
12949 border-right-color: #f00;
12950 border-radius: 3px;
12951 color: white;
12952 background: rebeccapurple;
12953 }
12954 .lp-notice-update-database.do-updating::before {
12955 display: inline-block;
12956 float: right;
12957 margin: 9px -5px 0 5px;
12958 color: #2773aa;
12959 font-family: dashicons;
12960 font-size: 1.25rem;
12961 content: "\f463";
12962 animation: rotating4 2s linear infinite;
12963 }
12964
12965 #adminmenu .update-plugins.lp-plugins-count {
12966 padding: 0 5px;
12967 }
12968
12969 .search-box input[name=post-search-author],
12970 .search-box .select2-container {
12971 min-width: 200px;
12972 margin: 0;
12973 vertical-align: top;
12974 }
12975
12976 .learn-press-notice-assigned-item {
12977 color: #f00;
12978 }
12979
12980 .learnpress .actions {
12981 margin: 0;
12982 }
12983
12984 #learn-press-syncs li {
12985 position: relative;
12986 }
12987 #learn-press-syncs li.syncing, #learn-press-syncs li.synced {
12988 padding-right: 24px;
12989 }
12990 #learn-press-syncs li.syncing input[type=checkbox], #learn-press-syncs li.synced input[type=checkbox] {
12991 display: none;
12992 }
12993 #learn-press-syncs li.syncing::after {
12994 content: "\f463";
12995 animation: rotating4 2s linear infinite;
12996 }
12997 #learn-press-syncs li.synced::after {
12998 color: #2773aa;
12999 content: "\f147";
13000 }
13001 #learn-press-syncs li::after {
13002 display: block;
13003 position: absolute;
13004 top: 0;
13005 right: -3px;
13006 width: 24px;
13007 height: 24px;
13008 font-family: dashicons;
13009 font-size: 1.1875rem;
13010 line-height: 1.5rem;
13011 text-align: center;
13012 }
13013
13014 #learn-press-updater .updater-progress {
13015 position: relative;
13016 margin: 0 2px;
13017 }
13018 #learn-press-updater .updater-progress ul {
13019 display: flex;
13020 position: relative;
13021 height: 5px;
13022 background: #eee;
13023 }
13024 #learn-press-updater .updater-progress ul li {
13025 position: relative;
13026 margin: 0;
13027 flex: 1;
13028 }
13029 #learn-press-updater .updater-progress ul li::after {
13030 display: none;
13031 position: absolute;
13032 top: -30px;
13033 left: 0;
13034 padding: 3px 5px;
13035 border-radius: 3px;
13036 color: #fff;
13037 background: #ddd;
13038 font-size: 0.75rem;
13039 content: attr(data-version);
13040 }
13041 #learn-press-updater .updater-progress ul li::before {
13042 content: "";
13043 }
13044 #learn-press-updater .updater-progress ul li:last-child::after {
13045 _display: block;
13046 }
13047 #learn-press-updater .updater-progress ul::after {
13048 position: absolute;
13049 top: 0;
13050 right: 0;
13051 width: 0;
13052 height: 20px;
13053 }
13054 #learn-press-updater .updater-progress .updater-progress-status {
13055 position: absolute;
13056 top: 0;
13057 right: 0;
13058 width: 0;
13059 height: 5px;
13060 background: #5bc4f9;
13061 transition: width 0.25s;
13062 }
13063 #learn-press-updater .updater-progress .updater-progress-status::before {
13064 position: absolute;
13065 top: -20px;
13066 left: 0;
13067 padding: 0 5px;
13068 border-radius: 3px;
13069 color: #fff;
13070 background: #5bc4f9;
13071 font-size: 0.75rem;
13072 _content: attr(data-value) "%";
13073 }
13074 #learn-press-updater .updater-progress .updater-progress-status .updater-progress-animation {
13075 overflow: hidden;
13076 position: absolute;
13077 top: 0;
13078 right: 0;
13079 width: 100%;
13080 height: 5px;
13081 background: #5bc4f9;
13082 }
13083 #learn-press-updater .updater-progress .updater-progress-status .updater-progress-animation:not(.completed)::after {
13084 position: absolute;
13085 height: 5px;
13086 background: #8dd9ff;
13087 content: "";
13088 animation: animation4 1.5s ease-out infinite;
13089 }
13090 #learn-press-updater .updating-message {
13091 color: #a24666;
13092 }
13093 #learn-press-updater .completed-message {
13094 color: #3c8eb7;
13095 }
13096
13097 #learn-press-updater {
13098 display: none;
13099 }
13100
13101 .select2 .select2-search.select2-search--inline {
13102 margin-bottom: 0;
13103 }
13104 .select2 .select2-selection .select2-selection__choice {
13105 margin-top: 4px;
13106 margin-bottom: 0;
13107 }
13108 .select2 .select2-selection.select2-selection--multiple {
13109 min-height: 30px;
13110 }
13111
13112 .list-pages-wrapper .select2-container--default .select2-selection--single .select2-selection__clear {
13113 margin: 0;
13114 }
13115
13116 .edit-post-layout__metaboxes .rwmb-label > label {
13117 color: #666;
13118 font-size: small;
13119 font-weight: bold;
13120 }
13121
13122 body.post-type-lp_question #button-new-question {
13123 display: inline-block;
13124 position: relative;
13125 }
13126 body.post-type-lp_question #button-new-question div {
13127 display: none;
13128 position: absolute;
13129 z-index: 9999;
13130 top: 100%;
13131 right: 0;
13132 min-width: 100px;
13133 margin: 0 -1px 0 0;
13134 border: 1px solid #999;
13135 background: white;
13136 font-weight: 400;
13137 }
13138 body.post-type-lp_question #button-new-question div a {
13139 display: block;
13140 min-width: 100px;
13141 margin: 0;
13142 padding: 10px 20px;
13143 color: #666;
13144 white-space: nowrap;
13145 text-decoration: none;
13146 }
13147 body.post-type-lp_question #button-new-question div a:hover {
13148 background: #eee;
13149 }
13150 body.post-type-lp_question #button-new-question > a {
13151 position: relative;
13152 padding-left: 15px;
13153 text-decoration: none;
13154 }
13155 body.post-type-lp_question #button-new-question > a::after {
13156 display: inline-block;
13157 position: absolute;
13158 top: 6px;
13159 left: 0;
13160 width: 0;
13161 height: 0;
13162 margin: 0;
13163 border: 5px solid transparent;
13164 border-top-color: #0f7aae;
13165 content: "";
13166 }
13167 body.post-type-lp_question #button-new-question:hover div {
13168 display: block;
13169 }
13170
13171 .lp-label {
13172 display: inline-block;
13173 padding: 3px 6px;
13174 color: #fff;
13175 font-size: 0.75rem;
13176 border-radius: 4px;
13177 }
13178 .lp-label.success {
13179 background: #4caf50;
13180 }
13181 .lp-label.error {
13182 background: #f00;
13183 }
13184 .lp-label.warning {
13185 background: #ffc107;
13186 }
13187 .lp-label .far,
13188 .lp-label .fas,
13189 .lp-label .fa {
13190 display: inline-block;
13191 margin-left: 5px;
13192 }
13193
13194 .lp-admin-profile-courses .column-results {
13195 width: 200px;
13196 }
13197 .lp-admin-profile-courses .course-results-progress .lp-progress-row {
13198 margin: 0 0 20px 0;
13199 }
13200 .lp-admin-profile-courses .course-results-progress .lp-course-progress-heading {
13201 margin: 0 0 5px 0;
13202 line-height: 1;
13203 }
13204 .lp-admin-profile-courses .learn-press-progress {
13205 overflow: hidden;
13206 position: relative;
13207 width: 150px;
13208 height: 6px;
13209 border-radius: 3px;
13210 }
13211 .lp-admin-profile-courses .learn-press-progress .learn-press-progress__active {
13212 position: absolute;
13213 z-index: 1;
13214 right: -100%;
13215 width: 100%;
13216 height: 100%;
13217 border-radius: 3px;
13218 background: var(--lp-primary-color);
13219 -webkit-transition: 0.5s;
13220 transition: 0.5s;
13221 }
13222 .lp-admin-profile-courses .learn-press-progress::before {
13223 display: block;
13224 position: absolute;
13225 z-index: 0;
13226 top: 0;
13227 width: 100%;
13228 height: 100%;
13229 background: #ccc;
13230 content: "";
13231 }
13232
13233 .lp-notify-action-wrapper {
13234 position: fixed;
13235 bottom: 5%;
13236 z-index: 10000;
13237 right: 50%;
13238 padding: 10px;
13239 transition: all 0.5s;
13240 transform: translateY(500%);
13241 display: flex;
13242 flex-direction: column;
13243 gap: 5px;
13244 }
13245 .lp-notify-action-wrapper.show {
13246 display: flex;
13247 transform: translateY(0);
13248 }
13249 .lp-notify-action-wrapper .lp-notify-action {
13250 box-shadow: 0 4px 25px 1px rgba(0, 0, 0, 0.25);
13251 background: #202937;
13252 padding: 0 20px;
13253 border-radius: 3px;
13254 min-width: 200px;
13255 transition: all 0.8s;
13256 }
13257 .lp-notify-action-wrapper .lp-notify-action.clone {
13258 display: none;
13259 }
13260 .lp-notify-action-wrapper .lp-notify-action__success {
13261 display: none;
13262 color: #01a401;
13263 }
13264 .lp-notify-action-wrapper .lp-notify-action__success.show {
13265 display: block;
13266 }
13267 .lp-notify-action-wrapper .lp-notify-action__error {
13268 display: none;
13269 color: #f44336;
13270 font-weight: bold;
13271 }
13272 .lp-notify-action-wrapper .lp-notify-action__error.show {
13273 display: block;
13274 }
13275
13276 #wp-admin-bar-lp-course-builder svg {
13277 vertical-align: text-bottom;
13278 }
13279
13280 #wpbody-content .lp-list-table {
13281 background-color: white;
13282 }