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

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

12,499 lines 300.2 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 display: inline-block;
94 font-family: "lp-icon";
95 content: "\f110";
96 animation: lp-rotating 1s linear infinite;
97 font-variant: normal;
98 text-transform: none;
99 -webkit-font-smoothing: antialiased;
100 -moz-osx-font-smoothing: grayscale;
101 vertical-align: middle;
102 color: black;
103 }
104
105 .learn-press-message {
106 position: relative;
107 margin: 0 !important;
108 padding: 10px 20px;
109 border-radius: var(--lp-border-radius, 5px);
110 background-color: #E5F7FF;
111 color: #007AFF;
112 max-width: 100%;
113 }
114 .learn-press-message.error {
115 background-color: #FEE5E5;
116 color: #FF3B30;
117 border-right: none;
118 }
119 .learn-press-message.warning {
120 background-color: #FEF7E6;
121 color: #FF9500;
122 }
123 .learn-press-message.success {
124 background-color: #EBF8E5;
125 color: #3AB500;
126 }
127 .learn-press-message.info {
128 background-color: rgba(0, 122, 255, 0.1019607843);
129 color: #007AFF;
130 }
131 .learn-press-message a {
132 text-decoration: underline;
133 }
134
135 .lp-toast.toastify {
136 background: #EBF8E5;
137 color: #3AB500;
138 border-radius: var(--lp-border-radius, 5px);
139 box-shadow: 0 0 0;
140 display: flex;
141 align-items: center;
142 }
143 .lp-toast.toastify .toast-close {
144 background: transparent !important;
145 font-size: 0;
146 padding-right: 12px;
147 }
148 .lp-toast.toastify .toast-close:before {
149 content: "\f00d";
150 font-family: "lp-icon";
151 font-size: 16px;
152 color: #000;
153 line-height: 17px;
154 }
155 .lp-toast.toastify .toast-close:hover {
156 opacity: 1;
157 }
158 .lp-toast.toastify.error {
159 background-color: #FEE5E5;
160 color: #FF3B30;
161 padding: 12px 20px;
162 border: none;
163 margin: 0 auto;
164 }
165 .lp-toast.toastify.warning {
166 background-color: #FEF7E6;
167 color: #fb9422;
168 padding: 12px 20px;
169 border: none;
170 margin: 0 auto;
171 }
172 .lp-toast.toastify.info {
173 background-color: rgba(0, 122, 255, 0.1019607843);
174 color: #277afc;
175 padding: 12px 20px;
176 border: none;
177 margin: 0 auto;
178 }
179
180 /**
181 * Style for the Tom Select
182 * @link https://tom-select.js.org/
183 * @since 4.2.9.5
184 * @version 1.0.0
185 */
186 .lp-tom-select {
187 min-width: 150px;
188 }
189 .lp-tom-select.plugin-dropdown_input .dropdown-input {
190 width: 95%;
191 min-width: auto;
192 border: 1px solid #2271b1;
193 }
194 .lp-tom-select[multiple] {
195 display: block;
196 height: 36px !important;
197 border: 1px solid #d0d0d0;
198 }
199 .lp-tom-select.ts-wrapper {
200 min-width: 200px;
201 width: fit-content;
202 }
203 .lp-tom-select.ts-wrapper dropdown-active .ts-control input.dropdown-input {
204 border-color: #d0d0d0;
205 }
206 .lp-tom-select.ts-wrapper input.dropdown-input {
207 margin: 0 auto 5px;
208 padding: 0 8px;
209 box-shadow: none;
210 }
211 .lp-tom-select.ts-wrapper.multi.has-items .ts-control {
212 padding: 3px 3px 3px 0;
213 }
214 .lp-tom-select.ts-wrapper .ts-control {
215 min-height: 35px;
216 padding: 4px;
217 }
218 .lp-tom-select.ts-wrapper .ts-control input[type=text] {
219 min-width: 30px;
220 }
221 .lp-tom-select.ts-wrapper .ts-control li {
222 margin: 0 0 3px 5px;
223 padding: 3px 8px;
224 background: #eee;
225 border-radius: var(--lp-border-radius);
226 }
227 .lp-tom-select.ts-wrapper .ts-control .item {
228 margin: 0 0 2px 5px;
229 padding: 1px 2px;
230 background: #eee;
231 border-radius: var(--lp-border-radius);
232 }
233 .lp-tom-select.ts-wrapper .ts-dropdown {
234 border: 1px solid #d0d0d0;
235 padding-top: 5px;
236 border-radius: 3px;
237 margin-top: -1px;
238 }
239 .lp-tom-select.ts-wrapper .ts-dropdown .spinner {
240 visibility: visible;
241 }
242 .lp-tom-select.ts-wrapper .ts-dropdown .spinner::after {
243 content: "";
244 border: none;
245 }
246 .lp-tom-select .dropdown-input-wrap {
247 display: flex;
248 }
249
250 /*.search-box {
251 .ts-wrapper {
252 float: left;
253 margin-right: 4px;
254
255 .ts-control {
256 padding: 3px;
257 height: 30px;
258
259 li {
260 margin: 0;
261 }
262 }
263 }
264 }*/
265 /**
266 * Styles for displaying list of table
267 */
268 .lp-toolbar-buttons {
269 position: relative;
270 z-index: 10;
271 height: 50px;
272 }
273 .lp-toolbar-buttons .lp-toolbar-btn {
274 display: inline-block;
275 position: relative;
276 width: 30px;
277 height: 30px;
278 margin: 0;
279 padding: 0;
280 text-align: center;
281 vertical-align: middle;
282 cursor: pointer;
283 }
284 .lp-toolbar-buttons .lp-toolbar-btn a,
285 .lp-toolbar-buttons .lp-toolbar-btn span {
286 outline: none;
287 color: #666;
288 box-shadow: none;
289 }
290 .lp-toolbar-buttons .lp-toolbar-btn .lp-btn-icon {
291 position: absolute;
292 top: 50%;
293 right: 50%;
294 width: 30px;
295 height: 30px;
296 margin-top: -15px;
297 margin-right: -15px;
298 line-height: 1.875rem;
299 text-align: center;
300 }
301 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-move {
302 cursor: ns-resize;
303 }
304 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-move a,
305 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-move span {
306 cursor: ns-resize;
307 }
308 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-move:hover a,
309 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-move span {
310 color: var(--lp-primary-color);
311 }
312 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-remove {
313 cursor: pointer;
314 }
315 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-remove:hover a,
316 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-remove:hover span {
317 color: #e74c3c;
318 }
319 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-toggle .dashicons-arrow-down,
320 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-toggle .dashicons-arrow-down-alt2 {
321 display: none;
322 }
323 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-toggle.closed .dashicons-arrow-up,
324 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-toggle.closed .dashicons-arrow-up-alt2 {
325 display: none;
326 }
327 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-toggle.closed .dashicons-arrow-down,
328 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-toggle.closed .dashicons-arrow-down-alt2 {
329 display: inline-block;
330 }
331 .lp-toolbar-buttons .lp-toolbar-btn.lp-toolbar-btn-dropdown {
332 color: #000;
333 }
334 .lp-toolbar-buttons .lp-toolbar-btn.lp-toolbar-btn-dropdown ul {
335 display: none;
336 position: absolute;
337 top: 100%;
338 left: 0;
339 margin: 0 0;
340 border: 1px solid #999;
341 background: #fdfeff;
342 }
343 .lp-toolbar-buttons .lp-toolbar-btn.lp-toolbar-btn-dropdown ul li {
344 margin: 0;
345 list-style: none;
346 }
347 .lp-toolbar-buttons .lp-toolbar-btn.lp-toolbar-btn-dropdown ul li a {
348 display: block;
349 margin: 0;
350 padding: 3px 8px;
351 color: #757575;
352 font-size: 0.8em;
353 text-align: left;
354 white-space: nowrap;
355 text-decoration: none;
356 }
357 .lp-toolbar-buttons .lp-toolbar-btn.lp-toolbar-btn-dropdown ul li a:hover {
358 background: #eee;
359 }
360 .lp-toolbar-buttons .lp-toolbar-btn.lp-toolbar-btn-dropdown ul li.active a {
361 background: #eee;
362 }
363 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-disabled, .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-disabled:hover {
364 _background: #f5f5f5;
365 }
366 .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 {
367 color: #666;
368 }
369 .lp-toolbar-buttons .lp-toolbar-btn:hover {
370 display: inline-block;
371 background: none;
372 }
373 .lp-toolbar-buttons .lp-toolbar-btn:hover .lp-btn-icon {
374 color: #444;
375 }
376 .lp-toolbar-buttons .lp-toolbar-btn:hover ul {
377 display: block;
378 }
379 .lp-toolbar-buttons .lp-toolbar-btn:hover ul:hover {
380 display: block;
381 }
382
383 .column-content-actions.lp-toolbar-buttons {
384 width: 30px;
385 padding: 0;
386 white-space: nowrap;
387 }
388
389 .learn-press-box-data {
390 position: relative;
391 margin: 20px 0 0 0;
392 border: 1px solid #ddd;
393 }
394 .learn-press-box-data .lp-box-data-head {
395 padding: 10px 15px;
396 background: #fff;
397 }
398 .learn-press-box-data .lp-box-data-head h3 {
399 margin: 0;
400 padding: 15px;
401 font-size: 1em;
402 }
403 .learn-press-box-data .lp-box-data-head .lp-box-data-actions {
404 float: left;
405 position: relative;
406 z-index: 10;
407 }
408 .learn-press-box-data .lp-box-data-head .lp-box-data-actions .lp-btn {
409 display: inline-block;
410 width: 30px;
411 height: 50px;
412 line-height: 2.875rem;
413 text-align: center;
414 vertical-align: middle;
415 }
416 .learn-press-box-data .lp-box-data-head .lp-box-data-actions::after {
417 display: block;
418 clear: both;
419 content: "";
420 }
421 .learn-press-box-data .lp-box-data-head::after {
422 display: block;
423 clear: both;
424 content: "";
425 }
426 .learn-press-box-data .lp-box-data-content {
427 padding: 15px;
428 border-top: 1px solid #ddd;
429 background: #fff;
430 }
431 .learn-press-box-data .lp-box-data-foot {
432 padding: 15px;
433 }
434 .learn-press-box-data.closed .lp-btn-toggle .dashicons-arrow-up,
435 .learn-press-box-data.closed .lp-btn-toggle .dashicons-arrow-up-alt2 {
436 display: none;
437 }
438 .learn-press-box-data.closed .lp-btn-toggle .dashicons-arrow-down,
439 .learn-press-box-data.closed .lp-btn-toggle .dashicons-arrow-down-alt2 {
440 display: inline-block;
441 }
442 .learn-press-box-data.closed .lp-box-data-content {
443 display: none;
444 }
445
446 .lp-list-options {
447 width: 100%;
448 border-collapse: collapse;
449 }
450 .lp-list-options th,
451 .lp-list-options td {
452 padding: 10px 15px;
453 border-top: 1px solid #ddd;
454 background: #f5f5f5;
455 }
456 .lp-list-options thead th {
457 text-align: right;
458 }
459 .lp-list-options tbody tr td {
460 padding: 0 15px;
461 background: #f4fcff;
462 }
463 .lp-list-options tbody tr td.lp-toolbar-buttons {
464 _overflow: hidden;
465 position: relative;
466 width: 30px;
467 height: 42px;
468 white-space: nowrap;
469 }
470 .lp-list-options tbody tr td.lp-toolbar-buttons .lp-toolbar-btn {
471 visibility: hidden;
472 position: relative;
473 height: 43px;
474 margin-top: -4px;
475 margin-bottom: -4px;
476 }
477 .lp-list-options tbody tr:nth-child(odd) td {
478 background: #fff;
479 }
480 .lp-list-options tbody tr:hover td.lp-toolbar-buttons .lp-toolbar-btn {
481 visibility: visible;
482 }
483 .lp-list-options tbody td {
484 text-align: right;
485 }
486 .lp-list-options tbody td input[type=text] {
487 width: 100%;
488 }
489 .lp-list-options tbody td input[type=text][value=""] {
490 font-style: italic;
491 }
492 .lp-list-options tbody td.column-content-answer_correct {
493 width: 125px;
494 }
495 .lp-list-options tbody td.lp-remove-list-option, .lp-list-options tbody td.lp-move-list-option {
496 width: 20px;
497 padding: 0;
498 text-align: center;
499 }
500 .lp-list-options tbody td.lp-remove-list-option a, .lp-list-options tbody td.lp-move-list-option a {
501 visibility: hidden;
502 color: #999;
503 }
504 .lp-list-options tbody td.lp-remove-list-option:hover, .lp-list-options tbody td.lp-move-list-option:hover {
505 background: #dbf5ff;
506 }
507 .lp-list-options tbody td.lp-move-list-option {
508 cursor: ns-resize;
509 }
510 .lp-list-options tbody td.lp-move-list-option a {
511 cursor: ns-resize;
512 }
513 .lp-list-options tbody td.lp-move-list-option:hover a {
514 color: var(--lp-primary-color);
515 }
516 .lp-list-options tbody td.lp-remove-list-option {
517 cursor: pointer;
518 }
519 .lp-list-options tbody td.lp-remove-list-option:hover a {
520 color: #e74c3c;
521 }
522
523 .lp-animation {
524 animation: spin 4s linear infinite;
525 }
526
527 .lp-ajax-search {
528 display: inline-block;
529 position: relative;
530 z-index: 999999;
531 }
532 .lp-ajax-search .lp-search-term {
533 min-width: 300px;
534 height: 28px;
535 margin: 0;
536 outline: none;
537 box-shadow: none;
538 }
539 .lp-ajax-search .lp-search-term:focus {
540 box-shadow: none;
541 }
542 .lp-ajax-search .lp-search-term:focus {
543 outline: none;
544 box-shadow: none;
545 }
546 .lp-ajax-search .lp-search-term:focus:focus {
547 box-shadow: none;
548 }
549 .lp-ajax-search .lp-search-results {
550 position: absolute;
551 top: 100%;
552 width: 100%;
553 margin: -1px 0 0 0;
554 border: 1px solid #ddd;
555 background: #fff;
556 -webkit-box-sizing: border-box;
557 box-sizing: border-box;
558 }
559 .lp-ajax-search .lp-search-results .lp-search-items {
560 overflow: auto;
561 max-height: 300px;
562 margin: 0;
563 }
564 .lp-ajax-search .lp-search-results .lp-search-items li {
565 margin: 0;
566 }
567 .lp-ajax-search .lp-search-results .lp-search-items li label {
568 display: block;
569 padding: 8px 10px;
570 border-bottom: 1px solid #f3f3f3;
571 }
572 .lp-ajax-search .lp-search-results .lp-search-items li label input {
573 float: right;
574 margin-top: 1px;
575 margin-left: -100%;
576 }
577 .lp-ajax-search .lp-search-results .lp-search-items li label span {
578 display: inline-block;
579 margin-right: 25px;
580 }
581 .lp-ajax-search .lp-search-results .lp-search-items li label span a.lp-add-item {
582 visibility: hidden;
583 margin-right: 10px;
584 }
585 .lp-ajax-search .lp-search-results .lp-search-items li.active {
586 background: #dbf5ff;
587 }
588 .lp-ajax-search .lp-search-results .lp-search-items li:hover {
589 color: #fff;
590 background: #0085ba;
591 }
592 .lp-ajax-search .lp-search-results .lp-search-items li:hover a.lp-add-item {
593 visibility: visible;
594 }
595 .lp-ajax-search .lp-search-results .lp-search-actions {
596 margin: 0;
597 padding: 10px;
598 border-top: 1px solid #ddd;
599 }
600
601 #learn-press-ajax-search-overlay {
602 display: none;
603 position: fixed;
604 z-index: 99999;
605 top: 0;
606 right: 0;
607 width: 100%;
608 height: 100%;
609 opacity: 0;
610 }
611
612 .update-overlay {
613 position: fixed;
614 z-index: 99999;
615 top: 0;
616 right: 0;
617 width: 100%;
618 height: 100%;
619 background: rgba(255, 255, 255, 0.5);
620 }
621
622 #course-editor.ajax-search #learn-press-ajax-search-overlay {
623 display: block;
624 }
625 #course-editor.ajax-search .lp-ajax-search {
626 z-index: 100000;
627 }
628
629 .advanced-list {
630 width: 100%;
631 min-width: 200px;
632 border-radius: var(--lp-border-radius);
633 background: #fff;
634 list-style: none;
635 }
636 .advanced-list li {
637 display: inline-block;
638 margin: 0 0 5px 5px;
639 padding: 3px 8px;
640 background: #eee;
641 border-radius: var(--lp-border-radius);
642 }
643 .advanced-list li .remove-item {
644 display: inline-block;
645 margin-left: 5px;
646 line-height: 1;
647 vertical-align: middle;
648 text-decoration: none;
649 cursor: pointer;
650 }
651 .advanced-list li .remove-item:hover {
652 color: #0085ba;
653 }
654 .advanced-list li .remove-item::before {
655 font-family: dashicons;
656 text-decoration: none;
657 content: "\f335";
658 }
659 .advanced-list li span {
660 display: inline-block;
661 }
662 .advanced-list.locked .remove-item {
663 display: none;
664 }
665 .advanced-list::after {
666 display: block;
667 clear: both;
668 content: "";
669 }
670
671 .lp-label-counter {
672 display: inline-block;
673 height: 20px;
674 padding: 0 10px;
675 border-radius: 20px;
676 color: #fff;
677 background: #2196f3;
678 font-weight: bold;
679 line-height: 1.25rem;
680 }
681 .lp-label-counter.disabled {
682 background: #ddd;
683 }
684
685 @keyframes spin {
686 100% {
687 -webkit-transform: rotate(-360deg);
688 transform: rotate(-360deg);
689 }
690 }
691 .rwmb-duration {
692 border: 1px solid #ddd;
693 }
694
695 ul .clearfix {
696 clear: both;
697 height: 0;
698 opacity: 0;
699 }
700
701 .clearfix-after::after {
702 display: block;
703 clear: both;
704 height: 0;
705 opacity: 0;
706 content: "";
707 }
708
709 @font-face {
710 font-family: "lp-icon";
711 src: url("../../src/css/vendor/fonts/lp-icon/lp-icon.woff2?v=94") format("woff2");
712 font-weight: normal;
713 font-style: normal;
714 font-display: swap;
715 }
716 [class^=lp-icon-], [class*=" lp-icon-"] {
717 /* use !important to prevent issues with browser extensions that change fonts */
718 font-family: "lp-icon";
719 speak: never;
720 font-style: normal;
721 font-weight: normal;
722 font-variant: normal;
723 text-transform: none;
724 line-height: 1;
725 font-display: swap;
726 /* Better Font Rendering =========== */
727 -webkit-font-smoothing: antialiased;
728 -moz-osx-font-smoothing: grayscale;
729 }
730
731 .lp-icon-plus:before {
732 content: "\f067";
733 }
734
735 .lp-icon-question:before {
736 content: "\f128";
737 }
738
739 .lp-icon-minus:before {
740 content: "\f068";
741 }
742
743 .lp-icon-search:before {
744 content: "\f002";
745 }
746
747 .lp-icon-envelope-o:before {
748 content: "\f003";
749 }
750
751 .lp-icon-heart:before {
752 content: "\f004";
753 }
754
755 .lp-icon-star:before {
756 content: "\f005";
757 }
758
759 .lp-icon-star-o:before {
760 content: "\f006";
761 }
762
763 .lp-icon-user:before {
764 content: "\f007";
765 }
766
767 .lp-icon-th-large:before {
768 content: "\f009";
769 }
770
771 .lp-icon-th:before {
772 content: "\f00a";
773 }
774
775 .lp-icon-th-list:before {
776 content: "\f00b";
777 }
778
779 .lp-icon-check:before {
780 content: "\f00c";
781 }
782
783 .lp-icon-close:before {
784 content: "\f00d";
785 }
786
787 .lp-icon-remove:before {
788 content: "\f00d";
789 }
790
791 .lp-icon-times:before {
792 content: "\f00d";
793 }
794
795 .lp-icon-signal:before {
796 content: "\f012";
797 }
798
799 .lp-icon-cog:before {
800 content: "\f013";
801 }
802
803 .lp-icon-gear:before {
804 content: "\f013";
805 }
806
807 .lp-icon-trash-o:before {
808 content: "\f014";
809 }
810
811 .lp-icon-home:before {
812 content: "\f015";
813 }
814
815 .lp-icon-file-o:before {
816 content: "\f016";
817 }
818
819 .lp-icon-clock-o:before {
820 content: "\f017";
821 }
822
823 .lp-icon-download:before {
824 content: "\f019";
825 }
826
827 .lp-icon-play-circle-o:before {
828 content: "\f01d";
829 }
830
831 .lp-icon-refresh:before {
832 content: "\f021";
833 }
834
835 .lp-icon-lock:before {
836 content: "\f023";
837 }
838
839 .lp-icon-flag:before {
840 content: "\f024";
841 }
842
843 .lp-icon-book:before {
844 content: "\f02d";
845 }
846
847 .lp-icon-bookmark:before {
848 content: "\f02e";
849 }
850
851 .lp-icon-video-camera:before {
852 content: "\f03d";
853 }
854
855 .lp-icon-edit:before {
856 content: "\f044";
857 }
858
859 .lp-icon-pencil-square-o:before {
860 content: "\f044";
861 }
862
863 .lp-icon-check-square-o:before {
864 content: "\f046";
865 }
866
867 .lp-icon-arrows:before {
868 content: "\f047";
869 }
870
871 .lp-icon-chevron-left:before {
872 content: "\f053";
873 }
874
875 .lp-icon-chevron-right:before {
876 content: "\f054";
877 }
878
879 .lp-icon-check-circle:before {
880 content: "\f058";
881 }
882
883 .lp-icon-question-circle:before {
884 content: "\f059";
885 }
886
887 .lp-icon-arrow-left:before {
888 content: "\f060";
889 }
890
891 .lp-icon-arrow-right:before {
892 content: "\f061";
893 }
894
895 .lp-icon-expand:before {
896 content: "\f065";
897 }
898
899 .lp-icon-compress:before {
900 content: "\f066";
901 }
902
903 .lp-icon-exclamation-circle:before {
904 content: "\f06a";
905 }
906
907 .lp-icon-gift:before {
908 content: "\f06b";
909 }
910
911 .lp-icon-eye:before {
912 content: "\f06e";
913 }
914
915 .lp-icon-eye-slash:before {
916 content: "\f070";
917 }
918
919 .lp-icon-exclamation-triangle:before {
920 content: "\f071";
921 }
922
923 .lp-icon-warning:before {
924 content: "\f071";
925 }
926
927 .lp-icon-calendar:before {
928 content: "\f073";
929 }
930
931 .lp-icon-comment:before {
932 content: "\f075";
933 }
934
935 .lp-icon-chevron-up:before {
936 content: "\f077";
937 }
938
939 .lp-icon-chevron-down:before {
940 content: "\f078";
941 }
942
943 .lp-icon-shopping-cart:before {
944 content: "\f07a";
945 }
946
947 .lp-icon-bar-chart:before {
948 content: "\f080";
949 }
950
951 .lp-icon-bar-chart-o:before {
952 content: "\f080";
953 }
954
955 .lp-icon-key:before {
956 content: "\f084";
957 }
958
959 .lp-icon-cogs:before {
960 content: "\f085";
961 }
962
963 .lp-icon-gears:before {
964 content: "\f085";
965 }
966
967 .lp-icon-thumbs-o-up:before {
968 content: "\f087";
969 }
970
971 .lp-icon-thumbs-o-down:before {
972 content: "\f088";
973 }
974
975 .lp-icon-heart-o:before {
976 content: "\f08a";
977 }
978
979 .lp-icon-sign-out:before {
980 content: "\f08b";
981 }
982
983 .lp-icon-linkedin-square:before {
984 content: "\f08c";
985 }
986
987 .lp-icon-sign-in:before {
988 content: "\f090";
989 }
990
991 .lp-icon-phone:before {
992 content: "\f095";
993 }
994
995 .lp-icon-square-o:before {
996 content: "\f096";
997 }
998
999 .lp-icon-bookmark-o:before {
1000 content: "\f097";
1001 }
1002
1003 .lp-icon-twitter:before {
1004 content: "\f099";
1005 }
1006
1007 .lp-icon-facebook:before {
1008 content: "\f09a";
1009 }
1010
1011 .lp-icon-facebook-f:before {
1012 content: "\f09a";
1013 }
1014
1015 .lp-icon-unlock:before {
1016 content: "\f09c";
1017 }
1018
1019 .lp-icon-bullhorn:before {
1020 content: "\f0a1";
1021 }
1022
1023 .lp-icon-bell-o:before {
1024 content: "\f0a2";
1025 }
1026
1027 .lp-icon-certificate:before {
1028 content: "\f0a3";
1029 }
1030
1031 .lp-icon-briefcase:before {
1032 content: "\f0b1";
1033 }
1034
1035 .lp-icon-arrows-alt:before {
1036 content: "\f0b2";
1037 }
1038
1039 .lp-icon-copy:before {
1040 content: "\f0c5";
1041 }
1042
1043 .lp-icon-files-o:before {
1044 content: "\f0c5";
1045 }
1046
1047 .lp-icon-pinterest-square:before {
1048 content: "\f0d3";
1049 }
1050
1051 .lp-icon-google-plus-square:before {
1052 content: "\f0d4";
1053 }
1054
1055 .lp-icon-google-plus:before {
1056 content: "\f0d5";
1057 }
1058
1059 .lp-icon-money-bill-alt:before {
1060 content: "\f0d6";
1061 }
1062
1063 .lp-icon-caret-down:before {
1064 content: "\f0d7";
1065 }
1066
1067 .lp-icon-caret-up:before {
1068 content: "\f0d8";
1069 }
1070
1071 .lp-icon-caret-left:before {
1072 content: "\f0d9";
1073 }
1074
1075 .lp-icon-caret-right:before {
1076 content: "\f0da";
1077 }
1078
1079 .lp-icon-linkedin:before {
1080 content: "\f0e1";
1081 }
1082
1083 .lp-icon-comment-o:before {
1084 content: "\f0e5";
1085 }
1086
1087 .lp-icon-file-text-o:before {
1088 content: "\f0f6";
1089 }
1090
1091 .lp-icon-angle-double-left:before {
1092 content: "\f100";
1093 }
1094
1095 .lp-icon-angle-double-right:before {
1096 content: "\f101";
1097 }
1098
1099 .lp-icon-angle-double-up:before {
1100 content: "\f102";
1101 }
1102
1103 .lp-icon-angle-double-down:before {
1104 content: "\f103";
1105 }
1106
1107 .lp-icon-angle-left:before {
1108 content: "\f104";
1109 }
1110
1111 .lp-icon-angle-right:before {
1112 content: "\f105";
1113 }
1114
1115 .lp-icon-angle-up:before {
1116 content: "\f106";
1117 }
1118
1119 .lp-icon-angle-down:before {
1120 content: "\f107";
1121 }
1122
1123 .lp-icon-desktop:before {
1124 content: "\f108";
1125 }
1126
1127 .lp-icon-mobile:before {
1128 content: "\f10b";
1129 }
1130
1131 .lp-icon-mobile-phone:before {
1132 content: "\f10b";
1133 }
1134
1135 .lp-icon-circle-o:before {
1136 content: "\f10c";
1137 }
1138
1139 .lp-icon-spinner:before {
1140 content: "\f110";
1141 }
1142
1143 .lp-icon-code:before {
1144 content: "\f121";
1145 }
1146
1147 .lp-icon-puzzle-piece:before {
1148 content: "\f12e";
1149 }
1150
1151 .lp-icon-calendar-o:before {
1152 content: "\f133";
1153 }
1154
1155 .lp-icon-ellipsis-h:before {
1156 content: "\f141";
1157 }
1158
1159 .lp-icon-ellipsis-v:before {
1160 content: "\f142";
1161 }
1162
1163 .lp-icon-file:before {
1164 content: "\f15b";
1165 }
1166
1167 .lp-icon-file-alt:before {
1168 content: "\f15c";
1169 }
1170
1171 .lp-icon-youtube-play:before {
1172 content: "\f16a";
1173 }
1174
1175 .lp-icon-instagram:before {
1176 content: "\f16d";
1177 }
1178
1179 .lp-icon-dot-circle-o:before {
1180 content: "\f192";
1181 }
1182
1183 .lp-icon-graduation-cap:before {
1184 content: "\f19d";
1185 }
1186
1187 .lp-icon-mortar-board:before {
1188 content: "\f19d";
1189 }
1190
1191 .lp-icon-google:before {
1192 content: "\f1a0";
1193 }
1194
1195 .lp-icon-language:before {
1196 content: "\f1ab";
1197 }
1198
1199 .lp-icon-database:before {
1200 content: "\f1c0";
1201 }
1202
1203 .lp-icon-file-pdf:before {
1204 content: "\f1c1";
1205 }
1206
1207 .lp-icon-file-word:before {
1208 content: "\f1c2";
1209 }
1210
1211 .lp-icon-file-excel:before {
1212 content: "\f1c3";
1213 }
1214
1215 .lp-icon-file-powerpoint:before {
1216 content: "\f1c4";
1217 }
1218
1219 .lp-icon-file-image:before {
1220 content: "\f1c5";
1221 }
1222
1223 .lp-icon-file-photo:before {
1224 content: "\f1c5";
1225 }
1226
1227 .lp-icon-file-picture:before {
1228 content: "\f1c5";
1229 }
1230
1231 .lp-icon-file-archive:before {
1232 content: "\f1c6";
1233 }
1234
1235 .lp-icon-file-zip:before {
1236 content: "\f1c6";
1237 }
1238
1239 .lp-icon-file-audio:before {
1240 content: "\f1c7";
1241 }
1242
1243 .lp-icon-file-sound:before {
1244 content: "\f1c7";
1245 }
1246
1247 .lp-icon-file-movie:before {
1248 content: "\f1c8";
1249 }
1250
1251 .lp-icon-file-video:before {
1252 content: "\f1c8";
1253 }
1254
1255 .lp-icon-file-code:before {
1256 content: "\f1c9";
1257 }
1258
1259 .lp-icon-circle-thin:before {
1260 content: "\f1db";
1261 }
1262
1263 .lp-icon-share-alt:before {
1264 content: "\f1e0";
1265 }
1266
1267 .lp-icon-pie-chart:before {
1268 content: "\f200";
1269 }
1270
1271 .lp-icon-line-chart:before {
1272 content: "\f201";
1273 }
1274
1275 .lp-icon-user-secret:before {
1276 content: "\f21b";
1277 }
1278
1279 .lp-icon-television:before {
1280 content: "\f26c";
1281 }
1282
1283 .lp-icon-tv:before {
1284 content: "\f26c";
1285 }
1286
1287 .lp-icon-question-circle-o:before {
1288 content: "\f29c";
1289 }
1290
1291 .lp-icon-google-plus-circle:before {
1292 content: "\f2b3";
1293 }
1294
1295 .lp-icon-google-plus-official:before {
1296 content: "\f2b3";
1297 }
1298
1299 .lp-icon-user-circle:before {
1300 content: "\f2bd";
1301 }
1302
1303 .lp-icon-user-graduate:before {
1304 content: "\f501";
1305 }
1306
1307 .lp-icon-user-edit:before {
1308 content: "\f4ff";
1309 }
1310
1311 .lp-icon-my-courses:before {
1312 content: "\e900";
1313 }
1314
1315 .lp-icon-clock:before {
1316 content: "\e901";
1317 }
1318
1319 .lp-icon-stopwatch:before {
1320 content: "\f2f2";
1321 }
1322
1323 .lp-icon-file-download:before {
1324 content: "\f56d";
1325 }
1326
1327 .lp-icon-list:before {
1328 content: "\f03a";
1329 }
1330
1331 .lp-icon-students:before {
1332 content: "\e902";
1333 }
1334
1335 .lp-icon-courses:before {
1336 content: "\e903";
1337 }
1338
1339 .lp-icon-tiktok-alt:before {
1340 content: "\e908";
1341 }
1342
1343 .lp-icon-alarm-clock:before {
1344 content: "\e909";
1345 }
1346
1347 .lp-icon-art-and-design:before {
1348 content: "\e90a";
1349 }
1350
1351 .lp-icon-best-customer-experience:before {
1352 content: "\e90b";
1353 }
1354
1355 .lp-icon-certificate-o:before {
1356 content: "\e90c";
1357 }
1358
1359 .lp-icon-community:before {
1360 content: "\e90d";
1361 }
1362
1363 .lp-icon-online-education:before {
1364 content: "\e90e";
1365 }
1366
1367 .lp-icon-concierge-bell:before {
1368 content: "\e90f";
1369 }
1370
1371 .lp-icon-target:before {
1372 content: "\e910";
1373 }
1374
1375 .lp-icon-content-marketing:before {
1376 content: "\e911";
1377 }
1378
1379 .lp-icon-dollar-sign:before {
1380 content: "\e912";
1381 }
1382
1383 .lp-icon-website:before {
1384 content: "\e913";
1385 }
1386
1387 .lp-icon-worldwide-security:before {
1388 content: "\e914";
1389 }
1390
1391 .lp-icon-educational-programs:before {
1392 content: "\e915";
1393 }
1394
1395 .lp-icon-online-class:before {
1396 content: "\e916";
1397 }
1398
1399 .lp-icon-monitor:before {
1400 content: "\e917";
1401 }
1402
1403 .lp-icon-lucide:before {
1404 content: "\e918";
1405 }
1406
1407 .lp-icon-ebook:before {
1408 content: "\e919";
1409 }
1410
1411 .lp-icon-co-instructor:before {
1412 content: "\e904";
1413 }
1414
1415 .lp-icon-close-circle:before {
1416 content: "\e907";
1417 }
1418
1419 .lp-icon-layers:before {
1420 content: "\e91a";
1421 }
1422
1423 .lp-icon-filter:before {
1424 content: "\e91c";
1425 }
1426
1427 .lp-icon-in_progress_course:before {
1428 content: "\e91d";
1429 }
1430
1431 .lp-icon-finished_courses:before {
1432 content: "\e91e";
1433 }
1434
1435 .lp-icon-failed_courses:before {
1436 content: "\e91f";
1437 }
1438
1439 .lp-icon-passed_courses:before {
1440 content: "\e920";
1441 }
1442
1443 .lp-icon-student_in_progress:before {
1444 content: "\e924";
1445 }
1446
1447 .lp-icon-student_completed:before {
1448 content: "\e925";
1449 }
1450
1451 .lp-icon-published_course:before {
1452 content: "\e926";
1453 }
1454
1455 .lp-icon-pending_course:before {
1456 content: "\e927";
1457 }
1458
1459 .lp-icon-list-check:before {
1460 content: "\e929";
1461 }
1462
1463 .lp-icon-icon-h5p:before {
1464 content: "\e92a";
1465 }
1466
1467 .lp-icon-comment-written:before {
1468 content: "\e921";
1469 }
1470
1471 .lp-icon-book-open:before {
1472 content: "\f518";
1473 }
1474
1475 .lp-icon-pinterest-p:before {
1476 content: "\f231";
1477 }
1478
1479 .lp-icon-dropbox:before {
1480 content: "\e905";
1481 }
1482
1483 .lp-icon-edit-square:before {
1484 content: "\e923";
1485 }
1486
1487 .lp-icon-drag:before {
1488 content: "\e922";
1489 }
1490
1491 .lp-icon-map-pin:before {
1492 content: "\e91b";
1493 }
1494
1495 .lp-icon-map-marker:before {
1496 content: "\e91b";
1497 }
1498
1499 .lp-icon-box:before {
1500 content: "\e906";
1501 }
1502
1503 .lp-ico-ai {
1504 display: inline-block;
1505 width: 13px;
1506 height: 13px;
1507 background-image: url("../../images/icons/ico-ai.svg");
1508 background-size: contain;
1509 background-repeat: no-repeat;
1510 }
1511
1512 .lp-icon-course-builder {
1513 display: inline-block;
1514 width: 18px;
1515 height: 18px;
1516 background-color: currentColor;
1517 -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");
1518 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");
1519 -webkit-mask-size: contain;
1520 mask-size: contain;
1521 -webkit-mask-repeat: no-repeat;
1522 mask-repeat: no-repeat;
1523 -webkit-mask-position: center;
1524 mask-position: center;
1525 }
1526
1527 @keyframes lp-spinner {
1528 100% {
1529 -webkit-transform: rotate(-360deg);
1530 transform: rotate(-360deg);
1531 }
1532 }
1533 .lp-modal-choose-items-open {
1534 overflow: hidden;
1535 }
1536
1537 .lp-modal-search {
1538 height: 100%;
1539 padding: 20px;
1540 color: #777;
1541 background-color: red;
1542 }
1543 .lp-modal-search li.selected {
1544 display: none;
1545 }
1546
1547 /* message box */
1548 #learn-press-message-box-block {
1549 position: fixed;
1550 z-index: 99999;
1551 top: 0;
1552 left: 0;
1553 bottom: 0;
1554 right: 0;
1555 opacity: 0.8;
1556 background-color: #000;
1557 }
1558
1559 #learn-press-message-box-window {
1560 position: fixed;
1561 z-index: 100000;
1562 top: 0;
1563 left: 0;
1564 bottom: 0;
1565 right: 0;
1566 color: #fff;
1567 text-align: center;
1568 }
1569
1570 #message-box-wrap {
1571 /* text-align: center; */
1572 display: inline-block;
1573 max-width: 70%;
1574 margin: 0 auto;
1575 text-align: right;
1576 }
1577
1578 .message-box-title {
1579 margin: 0 0 40px 0;
1580 color: #fff;
1581 font-size: 2.125rem;
1582 }
1583
1584 .message-box-content {
1585 font-size: 1rem;
1586 line-height: 1.5;
1587 }
1588
1589 .message-box-animation {
1590 width: 220px;
1591 height: 20px;
1592 margin: 20px 0 0;
1593 background-image: url("../../images/animation.gif");
1594 }
1595
1596 .message-box-buttons {
1597 margin: 20px 0 0;
1598 padding-top: 20px;
1599 border-top: 1px solid #929292;
1600 }
1601
1602 .message-box-button {
1603 margin-left: 10px !important;
1604 }
1605
1606 .tipsy {
1607 position: absolute;
1608 }
1609
1610 .learnpress a,
1611 .learnpress a:active {
1612 outline: none;
1613 box-shadow: none;
1614 }
1615
1616 /* Metabox email template field */
1617 .lp-email-templates {
1618 overflow: hidden;
1619 margin-top: 5px;
1620 }
1621
1622 .learn-press-email-variables {
1623 margin: 20px 0 0;
1624 padding: 0;
1625 list-style: none;
1626 }
1627 .learn-press-email-variables li {
1628 display: inline-block;
1629 cursor: pointer;
1630 }
1631
1632 /* Metabox dropdown pages field */
1633 .learn-press-dropdown-pages input[type=text] {
1634 min-width: 300px;
1635 margin: 0;
1636 vertical-align: top;
1637 }
1638 .learn-press-dropdown-pages .select2-container {
1639 min-width: 220px !important;
1640 }
1641 .learn-press-dropdown-pages .select2-container .select2-selection--single {
1642 height: 30px;
1643 border-color: #7e8993;
1644 }
1645 .learn-press-dropdown-pages .select2-container .select2-selection__rendered {
1646 line-height: 1.75em !important;
1647 }
1648 .learn-press-dropdown-pages .select2-container .select2-selection__arrow {
1649 left: 1px;
1650 width: 23px;
1651 height: 28px;
1652 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%;
1653 background-size: 16px 16px;
1654 }
1655 .learn-press-dropdown-pages .select2-container .select2-selection__arrow b {
1656 display: none;
1657 }
1658 .learn-press-dropdown-pages .quick-add-page-actions a {
1659 font-size: 0.8125rem;
1660 text-decoration: none;
1661 }
1662 .learn-press-dropdown-pages .quick-add-page-inline {
1663 margin-top: 0;
1664 }
1665
1666 .lp-select-2 + .select2-container .select2-selection--single {
1667 height: 30px;
1668 border-color: #7e8993;
1669 }
1670 .lp-select-2 + .select2-container .select2-selection--single .select2-selection__rendered {
1671 line-height: 1.75em !important;
1672 }
1673 .lp-select-2 + .select2-container .select2-selection--single .select2-selection__arrow {
1674 left: 1px;
1675 width: 23px;
1676 height: 28px;
1677 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%;
1678 background-size: 16px 16px;
1679 }
1680 .lp-select-2 + .select2-container .select2-selection--single .select2-selection__arrow b {
1681 display: none;
1682 }
1683
1684 /* Tooltip */
1685 .learn-press-tooltip {
1686 display: inline-block;
1687 margin: 0 5px;
1688 color: #999;
1689 font-size: 1.0625rem;
1690 vertical-align: middle;
1691 }
1692 .learn-press-tooltip.icon::after {
1693 font-family: Dashicons;
1694 content: "\f223";
1695 }
1696 .learn-press-tooltip:hover {
1697 opacity: 1;
1698 color: #0073aa;
1699 }
1700
1701 /* Metabox payment order field */
1702 .rwmb-payment-order-wrapper .rwmb-label {
1703 margin-bottom: 20px !important;
1704 }
1705 .rwmb-payment-order-wrapper .rwmb-input {
1706 margin-right: 0 !important;
1707 }
1708
1709 .learn-press-payments,
1710 .learn-press-emails {
1711 width: 100%;
1712 border: 1px solid #ddd;
1713 border-collapse: collapse;
1714 font-size: 0.875rem;
1715 }
1716 .learn-press-payments th,
1717 .learn-press-payments td,
1718 .learn-press-emails th,
1719 .learn-press-emails td {
1720 padding: 10px;
1721 }
1722 .learn-press-payments .order,
1723 .learn-press-emails .order {
1724 width: 30px;
1725 padding-left: 0;
1726 color: #ddd;
1727 text-align: center;
1728 cursor: not-allowed;
1729 }
1730 .learn-press-payments .name,
1731 .learn-press-emails .name {
1732 min-width: 250px;
1733 font-weight: normal;
1734 text-transform: capitalize;
1735 }
1736 .learn-press-payments .name a,
1737 .learn-press-emails .name a {
1738 text-decoration: none;
1739 }
1740 .learn-press-payments .status,
1741 .learn-press-emails .status {
1742 width: 100px;
1743 text-align: center;
1744 cursor: pointer;
1745 }
1746 .learn-press-payments .status .dashicons,
1747 .learn-press-emails .status .dashicons {
1748 border-radius: 50%;
1749 color: #fff;
1750 background: #ddd;
1751 }
1752 .learn-press-payments .status a,
1753 .learn-press-emails .status a {
1754 display: block;
1755 margin-top: 5px;
1756 font-size: 0.75rem;
1757 text-decoration: none;
1758 }
1759 .learn-press-payments .status.enabled .dashicons,
1760 .learn-press-emails .status.enabled .dashicons {
1761 background: #0085ba;
1762 }
1763 .learn-press-payments thead th,
1764 .learn-press-emails thead th {
1765 border-bottom: 1px solid #ddd;
1766 text-align: right;
1767 }
1768 .learn-press-payments tbody tr:nth-child(even) td,
1769 .learn-press-emails tbody tr:nth-child(even) td {
1770 background: #fff;
1771 }
1772 .learn-press-payments tbody tr:nth-child(odd) td,
1773 .learn-press-emails tbody tr:nth-child(odd) td {
1774 background: #f5f5f5;
1775 }
1776 .learn-press-payments tbody td,
1777 .learn-press-emails tbody td {
1778 border-bottom: 1px solid #ddd;
1779 }
1780 .learn-press-payments tbody .ui-sortable-helper,
1781 .learn-press-emails tbody .ui-sortable-helper {
1782 margin-right: -1px;
1783 border: 1px solid #ddd;
1784 }
1785 .learn-press-payments tbody .ui-sortable-placeholder,
1786 .learn-press-emails tbody .ui-sortable-placeholder {
1787 visibility: visible !important;
1788 border: 1px solid #ddd;
1789 }
1790 .learn-press-payments tbody .ui-sortable-placeholder td,
1791 .learn-press-emails tbody .ui-sortable-placeholder td {
1792 height: 35px;
1793 padding: 0;
1794 background: #f7f7f7;
1795 }
1796 .learn-press-payments ~ .email-actions,
1797 .learn-press-emails ~ .email-actions {
1798 text-align: right;
1799 }
1800 .learn-press-payments.sortable .order:hover,
1801 .learn-press-emails.sortable .order:hover {
1802 color: #0073aa;
1803 cursor: ns-resize;
1804 }
1805
1806 /* Submenu tools/templates */
1807 .lp-template-overrides {
1808 margin-top: 20px;
1809 }
1810 .lp-template-overrides thead th h4 {
1811 margin: 0;
1812 }
1813 .lp-template-overrides tbody th {
1814 font-weight: bold;
1815 }
1816 .lp-template-overrides tbody th p {
1817 display: inline-block;
1818 margin: 0 10px 0 0;
1819 }
1820 .lp-template-overrides tbody th p a {
1821 margin: 0;
1822 padding: 2px 8px;
1823 border: none;
1824 border-radius: 3px;
1825 outline: none;
1826 box-shadow: none;
1827 font-weight: normal;
1828 }
1829 .lp-template-overrides tbody th p a.current {
1830 color: #fff;
1831 background: #00aadc;
1832 }
1833 .lp-template-overrides .template-row.outdated code::before, .lp-template-overrides .template-row.up-to-date code::before {
1834 display: inline-block;
1835 margin-top: -2px;
1836 margin-left: 3px;
1837 font-family: Dashicons;
1838 vertical-align: middle;
1839 }
1840 .lp-template-overrides .template-row.outdated .template-version {
1841 color: #f00;
1842 }
1843 .lp-template-overrides .template-row.outdated .template-file code::before {
1844 color: #f00;
1845 content: "\f534";
1846 }
1847 .lp-template-overrides .template-row.up-to-date .template-version {
1848 color: #1859ff;
1849 }
1850 .lp-template-overrides .template-row.up-to-date .template-file code::before {
1851 color: #0085ba;
1852 content: "\f147";
1853 }
1854 .lp-template-overrides .template-version,
1855 .lp-template-overrides .core-version {
1856 width: 100px;
1857 }
1858 .lp-template-overrides #learn-press-no-templates td p {
1859 color: #0073aa;
1860 }
1861
1862 /* General */
1863 .description code {
1864 font-size: smaller;
1865 }
1866
1867 #field-_lp_course_result input[name=_lp_course_result] ~ #passing-condition-quiz-result {
1868 display: none;
1869 padding: 10px;
1870 background: #f5f5f5;
1871 }
1872 #field-_lp_course_result input[name=_lp_course_result] ~ #passing-condition-quiz-result input {
1873 width: 80px;
1874 margin: 0;
1875 -webkit-box-sizing: border-box;
1876 box-sizing: border-box;
1877 }
1878 #field-_lp_course_result input[name=_lp_course_result] ~ #passing-condition-quiz-result p {
1879 margin: 7px 0 0;
1880 color: #777;
1881 font-style: italic;
1882 }
1883 #field-_lp_course_result input[name=_lp_course_result]:checked ~ #passing-condition-quiz-result {
1884 display: block;
1885 }
1886
1887 .widget .widget-content .rwmb-field:not(:last-of-type) {
1888 margin: 0 0 10px;
1889 }
1890 .widget .widget-content .rwmb-field:not(:last-of-type):first-child {
1891 margin-top: 10px;
1892 }
1893 .widget .widget-content .rwmb-field:last-child {
1894 margin-bottom: 10px;
1895 }
1896 .widget .widget-content .rwmb-field .rwmb-label,
1897 .widget .widget-content .rwmb-field .rwmb-input {
1898 width: 100%;
1899 }
1900 .widget .widget-content .rwmb-field .rwmb-label {
1901 margin-bottom: 2px;
1902 }
1903 .widget .widget-content .rwmb-field .rwmb-label label {
1904 font-weight: 400;
1905 }
1906 .widget .widget-content .rwmb-field .rwmb-input input[type=text] {
1907 width: 100%;
1908 }
1909
1910 .course-attributes {
1911 margin: 20px 0;
1912 }
1913 .course-attributes .learn-press-attribute {
1914 margin-top: -1px;
1915 margin-bottom: 0;
1916 border: 1px solid #ddd;
1917 }
1918 .course-attributes .learn-press-attribute > h4 {
1919 margin: 0;
1920 padding: 10px 15px;
1921 background: #f5f5f5;
1922 }
1923 .course-attributes .learn-press-attribute .learn-press-attribute-data {
1924 padding: 15px;
1925 border-top: 1px solid #ddd;
1926 }
1927
1928 .lp-hidden {
1929 display: none !important;
1930 }
1931
1932 .lp-max-width-768 {
1933 max-width: 768px !important;
1934 }
1935
1936 #wpfooter {
1937 z-index: 5;
1938 }
1939
1940 .learn-press-advertisement-slider {
1941 margin: 50px 0 0 20px;
1942 position: relative;
1943 overflow: hidden;
1944 box-sizing: border-box;
1945 z-index: 10;
1946 }
1947 .learn-press-advertisement-slider .slider-items:after {
1948 display: block;
1949 clear: both;
1950 content: "";
1951 }
1952 .learn-press-advertisement-slider .slide-item {
1953 position: relative;
1954 float: right;
1955 width: 100%;
1956 margin-left: -100%;
1957 padding: 20px;
1958 opacity: 0;
1959 background: #FFF;
1960 -webkit-box-sizing: border-box;
1961 box-sizing: border-box;
1962 -webkit-transition: opacity 0.5s linear;
1963 transition: opacity 0.5s linear;
1964 }
1965 .learn-press-advertisement-slider .slide-item .slide-thumbnail {
1966 float: right;
1967 width: 35%;
1968 }
1969 .learn-press-advertisement-slider .slide-item .slide-thumbnail a {
1970 display: block;
1971 line-height: 1;
1972 margin-bottom: 0;
1973 }
1974 .learn-press-advertisement-slider .slide-item .slide-thumbnail img {
1975 max-width: 100%;
1976 }
1977 .learn-press-advertisement-slider .slide-item .slide-detail {
1978 margin-right: 35%;
1979 padding-right: 20px;
1980 }
1981 .learn-press-advertisement-slider .slide-item .slide-detail h2 {
1982 margin-top: 0;
1983 }
1984 .learn-press-advertisement-slider .slide-item .slide-detail .description-short {
1985 display: none;
1986 }
1987 .learn-press-advertisement-slider .slide-item.slide-active {
1988 opacity: 1;
1989 }
1990 .learn-press-advertisement-slider .slider-controls {
1991 position: absolute;
1992 bottom: 20px;
1993 left: 20px;
1994 }
1995 .learn-press-advertisement-slider .slider-controls .next-item,
1996 .learn-press-advertisement-slider .slider-controls .prev-item {
1997 font-family: "dashicons";
1998 width: 40px;
1999 height: 40px;
2000 border: 1px solid #DDD;
2001 line-height: 2.5rem;
2002 font-size: 1rem;
2003 cursor: pointer;
2004 float: right;
2005 margin-right: 10px;
2006 text-align: center;
2007 color: #DDD;
2008 }
2009 .learn-press-advertisement-slider .slider-controls .next-item:hover,
2010 .learn-press-advertisement-slider .slider-controls .prev-item:hover {
2011 border-color: #0085ba;
2012 }
2013 .learn-press-advertisement-slider .slider-controls .next-item:hover:before,
2014 .learn-press-advertisement-slider .slider-controls .prev-item:hover:before {
2015 color: #0085ba;
2016 }
2017 .learn-press-advertisement-slider .slider-controls .next-item:before {
2018 content: "\f345";
2019 }
2020 .learn-press-advertisement-slider .slider-controls .prev-item:before {
2021 content: "\f341";
2022 }
2023
2024 @media only screen and (max-width: 1200px) {
2025 .learn-press-advertisement-slider .slide-item .slide-thumbnail {
2026 width: 50%;
2027 }
2028 .learn-press-advertisement-slider .slide-item .slide-detail {
2029 margin-right: 50%;
2030 }
2031 .learn-press-advertisement-slider .slide-item .slide-detail .description-short {
2032 display: block;
2033 }
2034 .learn-press-advertisement-slider .slide-item .slide-detail .description-full {
2035 display: none;
2036 }
2037 }
2038 @media only screen and (max-width: 960px) {
2039 .learn-press-advertisement-slider {
2040 margin-right: 56px;
2041 }
2042 .learn-press-advertisement-slider .slide-item .slide-thumbnail {
2043 width: 100%;
2044 float: none;
2045 }
2046 .learn-press-advertisement-slider .slide-item .slide-thumbnail img {
2047 width: 100%;
2048 }
2049 .learn-press-advertisement-slider .slide-item .slide-detail {
2050 margin-right: 0;
2051 padding-right: 0;
2052 }
2053 .learn-press-advertisement-slider .slide-item .slide-detail h2 {
2054 padding-top: 20px;
2055 }
2056 .learn-press-advertisement-slider .slide-item .slide-detail .description-short {
2057 display: block;
2058 }
2059 .learn-press-advertisement-slider .slide-item .slide-detail .description-full {
2060 display: none;
2061 }
2062 .learn-press-advertisement-slider .slide-item .slide-detail .slide-controls {
2063 margin-bottom: 0;
2064 }
2065 .learn-press-advertisement-slider .slide-item .slide-detail .slide-controls .button {
2066 margin-bottom: 0;
2067 }
2068 .wp-responsive-open .learn-press-advertisement-slider {
2069 margin-right: 56px;
2070 }
2071 .wp-responsive-open .learn-press-advertisement-slider .slide-item .slide-thumbnail {
2072 width: 100%;
2073 float: none;
2074 }
2075 .wp-responsive-open .learn-press-advertisement-slider .slide-item .slide-thumbnail img {
2076 width: 100%;
2077 }
2078 .wp-responsive-open .learn-press-advertisement-slider .slide-item .slide-detail {
2079 margin-right: 0;
2080 padding-right: 0;
2081 }
2082 .wp-responsive-open .learn-press-advertisement-slider .slide-item .slide-detail h2 {
2083 padding-top: 20px;
2084 }
2085 .wp-responsive-open .learn-press-advertisement-slider .slide-item .slide-detail .description-short {
2086 display: block;
2087 }
2088 .wp-responsive-open .learn-press-advertisement-slider .slide-item .slide-detail .description-full {
2089 display: none;
2090 }
2091 .wp-responsive-open .learn-press-advertisement-slider .slide-item .slide-detail .slide-controls {
2092 margin-bottom: 0;
2093 }
2094 .wp-responsive-open .learn-press-advertisement-slider .slide-item .slide-detail .slide-controls .button {
2095 margin-bottom: 0;
2096 }
2097 }
2098 .lp-admin-tabs {
2099 position: relative;
2100 margin-top: 20px;
2101 }
2102 .lp-admin-tabs.has-sections {
2103 display: flex;
2104 }
2105 .lp-admin-tabs .lp-admin-tab-navs {
2106 display: none;
2107 float: right;
2108 position: relative;
2109 z-index: 5;
2110 width: 250px;
2111 margin: 0 0 0 -250px;
2112 padding: 10px 0;
2113 -webkit-box-sizing: border-box;
2114 box-sizing: border-box;
2115 }
2116 .lp-admin-tabs .lp-admin-tab-navs .nav-section {
2117 margin: 0;
2118 }
2119 .lp-admin-tabs .lp-admin-tab-navs .nav-section > a,
2120 .lp-admin-tabs .lp-admin-tab-navs .nav-section > span {
2121 display: block;
2122 padding: 8px 20px;
2123 outline: none;
2124 box-shadow: none;
2125 text-decoration: none;
2126 text-transform: capitalize;
2127 }
2128 .lp-admin-tabs .lp-admin-tab-navs .nav-section .learn-press-tooltip {
2129 float: left;
2130 margin-left: 0;
2131 }
2132 .lp-admin-tabs .lp-admin-tab-navs .nav-section.nav-section-active, .lp-admin-tabs .lp-admin-tab-navs .nav-section:hover {
2133 border-right: 2px solid #563d7c;
2134 color: #563d7c;
2135 }
2136 .lp-admin-tabs .lp-admin-tab-navs .nav-section.nav-section-active > a,
2137 .lp-admin-tabs .lp-admin-tab-navs .nav-section.nav-section-active > span, .lp-admin-tabs .lp-admin-tab-navs .nav-section:hover > a,
2138 .lp-admin-tabs .lp-admin-tab-navs .nav-section:hover > span {
2139 padding-right: 18px;
2140 }
2141 .lp-admin-tabs.has-sections .lp-admin-tab-navs {
2142 display: block;
2143 }
2144 .lp-admin-tabs.has-sections .lp-admin-tab-content {
2145 float: right;
2146 position: relative;
2147 z-index: 0;
2148 width: 100%;
2149 padding-right: 271px !important;
2150 -webkit-box-sizing: border-box;
2151 box-sizing: border-box;
2152 }
2153 .lp-admin-tabs.has-sections::before {
2154 position: absolute;
2155 z-index: 10;
2156 top: 0;
2157 bottom: 0;
2158 right: 250px;
2159 border-right: 1px solid #ddd;
2160 content: "";
2161 }
2162 .lp-admin-tabs::after {
2163 display: block;
2164 clear: both;
2165 content: "";
2166 z-index: 10;
2167 }
2168
2169 .wrap.learn-press-settings .lp-admin-tab-content {
2170 padding: 18px;
2171 background: #fff;
2172 }
2173 .wrap.learn-press-settings .lp-admin-tab-content .subsubsub {
2174 float: none;
2175 margin: 0 0 20px 0;
2176 padding-bottom: 20px;
2177 border-bottom: 1px solid #ddd;
2178 }
2179 .wrap.learn-press-settings .lp-admin-tab-content .subsubsub .active {
2180 font-weight: bold;
2181 }
2182 .wrap.learn-press-settings .lp-admin-tab-content .subsubsub li {
2183 text-transform: capitalize;
2184 }
2185 .wrap.learn-press-settings .lp-admin-tab-content .subsubsub li::after {
2186 display: inline-block;
2187 padding: 0 10px;
2188 content: "|";
2189 }
2190 .wrap.learn-press-settings .lp-admin-tab-content .subsubsub li:last-child::after {
2191 content: "";
2192 }
2193 .wrap.learn-press-settings .lp-admin-tab-content h2 {
2194 border-bottom: 1px solid #ddd;
2195 padding-bottom: 10px;
2196 }
2197 .wrap #learn-press-uninstall-sample-data {
2198 float: left;
2199 opacity: 0.5;
2200 }
2201 .wrap #learn-press-uninstall-sample-data:hover {
2202 opacity: 1;
2203 }
2204
2205 #adminmenu .wp-menu-image img {
2206 width: 17px;
2207 }
2208 #adminmenu .wp-submenu li.lp-menu-divider {
2209 height: 0;
2210 margin: 8px 0;
2211 border-top: 1px solid rgba(240, 246, 252, 0.15);
2212 }
2213 #adminmenu .wp-submenu li.lp-menu-divider a {
2214 height: 0;
2215 margin: 0;
2216 padding: 0;
2217 pointer-events: none;
2218 overflow: hidden;
2219 text-indent: -9999px;
2220 }
2221
2222 .learnpress .rwmb-field {
2223 position: relative;
2224 margin-bottom: 20px;
2225 }
2226 .learnpress .rwmb-field .rwmb-label {
2227 display: block;
2228 float: right;
2229 width: 190px;
2230 margin-bottom: 5px;
2231 font-size: 0.875rem;
2232 _text-transform: capitalize;
2233 }
2234 .learnpress .rwmb-field .rwmb-label label > small {
2235 display: block;
2236 color: #999;
2237 font-weight: normal;
2238 font-style: italic;
2239 }
2240 .learnpress .rwmb-field .rwmb-input {
2241 float: none;
2242 width: auto;
2243 margin-right: 190px;
2244 }
2245 .learnpress .rwmb-field .rwmb-input input[type=checkbox],
2246 .learnpress .rwmb-field .rwmb-input input[type=radio] {
2247 margin: 1px 0 0 5px;
2248 }
2249 .learnpress .rwmb-field .rwmb-input label > input[type=checkbox],
2250 .learnpress .rwmb-field .rwmb-input label > input[type=radio] {
2251 margin-top: -1px;
2252 }
2253 .learnpress .rwmb-field .description {
2254 margin-top: 8px;
2255 color: #888;
2256 }
2257 .learnpress .rwmb-field .description code {
2258 padding: 3px 0 3px 3px;
2259 }
2260 .learnpress .rwmb-field .description.err {
2261 color: #f00;
2262 }
2263 .learnpress .rwmb-field .rwmb-input-list {
2264 margin-right: 0;
2265 }
2266 .learnpress .rwmb-field #course_evaluation_method_quiz_options {
2267 position: relative;
2268 margin-right: 25px;
2269 }
2270 .learnpress .rwmb-field #course_evaluation_method_quiz_options::after {
2271 position: absolute;
2272 z-index: 10;
2273 top: 0;
2274 left: 0;
2275 bottom: 0;
2276 right: 0;
2277 opacity: 0.5;
2278 background: #fff;
2279 content: "";
2280 }
2281 .learnpress .rwmb-field input[name=_lp_course_result]:checked ~ #course_evaluation_method_quiz_options::after {
2282 display: none;
2283 }
2284 .learnpress .rwmb-field.rwmb-heading-wrapper h4 {
2285 display: inline-block;
2286 margin: 0 0 5px 0;
2287 padding: 0 0 0;
2288 border-bottom: 2px solid #563d7c;
2289 font-size: 1rem;
2290 text-transform: initial;
2291 }
2292 .learnpress .rwmb-field.disabled .field-overlay {
2293 position: absolute;
2294 z-index: 10;
2295 top: 0;
2296 right: 0;
2297 width: 100%;
2298 height: 100%;
2299 opacity: 0.6;
2300 background: #fff;
2301 content: "";
2302 }
2303 .learnpress .rwmb-field.rwmb-text-wrapper .rwmb-text {
2304 width: 50%;
2305 min-width: 200px;
2306 }
2307 .learnpress .rwmb-field.rwmb-duration-wrapper .rwmb-input select,
2308 .learnpress .rwmb-field.rwmb-duration-wrapper .rwmb-input input {
2309 vertical-align: top;
2310 }
2311 .learnpress .lp-course-sale_start-field.hide,
2312 .learnpress .lp-course-sale_end-field.hide {
2313 display: none;
2314 }
2315 .learnpress.lp-submenu-settings .lp-admin-settings-buttons {
2316 margin-bottom: 0;
2317 padding-top: 20px;
2318 border-top: 1px solid #ddd;
2319 }
2320 .learnpress.lp-submenu-settings .lp-admin-settings-buttons #learn-press-reset-settings {
2321 float: left;
2322 }
2323 .learnpress.lp-submenu-settings .rwmb-input {
2324 float: none;
2325 width: auto;
2326 margin-right: 270px;
2327 color: #000;
2328 }
2329 .learnpress .rwmb-google-fonts-wrapper .rwmb-input label {
2330 display: block;
2331 margin-bottom: 5px;
2332 font-weight: bold;
2333 }
2334 .learnpress .rwmb-google-fonts-wrapper .rwmb-input input {
2335 width: 90%;
2336 }
2337 .learnpress #learn-press-toggle-course-results {
2338 display: block;
2339 }
2340 .learnpress .lp-item-assigned {
2341 font-size: 0.875rem;
2342 }
2343 .learnpress .lp-item-assigned a {
2344 text-decoration: none;
2345 }
2346 .learnpress .lp-item-assigned ul {
2347 margin-bottom: 0;
2348 }
2349 .learnpress .lp-item-assigned ul ul strong {
2350 font-weight: normal;
2351 }
2352 .learnpress .lp-item-assigned li {
2353 margin: 0;
2354 }
2355 .learnpress .lp-item-assigned li a {
2356 display: inline-block;
2357 margin-bottom: 10px;
2358 }
2359
2360 @media screen and (max-width: 1280px) {
2361 .learnpress #meta-box-tab-course_settings .rwmb-field .rwmb-label {
2362 float: none;
2363 width: auto;
2364 }
2365 .learnpress #meta-box-tab-course_settings .rwmb-field .rwmb-input {
2366 float: right;
2367 width: 100%;
2368 margin-right: 0;
2369 }
2370 }
2371 .lp-metabox__table .titledesc label > small {
2372 display: block;
2373 color: #999;
2374 font-weight: normal;
2375 font-style: italic;
2376 }
2377 .lp-metabox__table .forminp-text > input,
2378 .lp-metabox__table .forminp-email > input,
2379 .lp-metabox__table .forminp-password > input,
2380 .lp-metabox__table .forminp-url > input {
2381 min-width: 260px;
2382 }
2383 .lp-metabox__table .forminp-textarea textarea {
2384 width: 400px;
2385 }
2386
2387 .lp-option-disabled {
2388 pointer-events: none;
2389 opacity: 0.5;
2390 }
2391
2392 .lp-metabox__custom-fields table {
2393 width: 100%;
2394 max-width: max-content;
2395 padding: 0 !important;
2396 }
2397 .lp-metabox__custom-fields table th {
2398 padding: 7px 7px 7px 0 !important;
2399 }
2400 .lp-metabox__custom-fields table th.sort {
2401 width: 17px;
2402 padding: 7px !important;
2403 }
2404 .lp-metabox__custom-fields table td {
2405 position: relative;
2406 padding: 4px 7px 4px 0 !important;
2407 vertical-align: middle !important;
2408 }
2409 .lp-metabox__custom-fields table td.sort {
2410 width: 17px;
2411 padding-left: 7px !important;
2412 background: #f9f9f9;
2413 font-size: 0.9375rem;
2414 text-align: center;
2415 cursor: move;
2416 }
2417 .lp-metabox__custom-fields table td.sort::before {
2418 height: 100%;
2419 color: #999;
2420 font-family: Dashicons;
2421 text-align: center;
2422 content: "\f333";
2423 }
2424 .lp-metabox__custom-fields table td .delete {
2425 display: block;
2426 position: relative;
2427 width: 1em;
2428 height: 1em;
2429 font-size: 1.2em;
2430 text-indent: -9999px;
2431 }
2432 .lp-metabox__custom-fields table td .delete::before {
2433 position: absolute;
2434 top: 0;
2435 right: 0;
2436 width: 100%;
2437 height: 100%;
2438 margin: 0;
2439 color: #999;
2440 font-family: Dashicons;
2441 font-weight: 400;
2442 font-variant: normal;
2443 line-height: 1;
2444 text-align: center;
2445 text-indent: 0;
2446 text-transform: none;
2447 content: "\f153";
2448 speak: none;
2449 -webkit-font-smoothing: antialiased;
2450 }
2451 .lp-metabox__custom-fields table td .delete:hover::before {
2452 color: #a00;
2453 }
2454 .lp-metabox__custom-fields table td:last-child {
2455 padding-left: 7px !important;
2456 }
2457
2458 .lp-metabox-field__color {
2459 font-size: 0 !important;
2460 }
2461 .lp-metabox-field__color .colorpickpreview {
2462 display: inline-block;
2463 width: 30px;
2464 height: 30px;
2465 margin: 0;
2466 margin-left: 3px;
2467 padding: 0;
2468 border: 1px solid #ddd;
2469 border-radius: 4px;
2470 box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
2471 font-size: 1rem;
2472 line-height: 1.75rem;
2473 }
2474 .lp-metabox-field__color .iris-picker {
2475 display: none;
2476 position: absolute;
2477 z-index: 100;
2478 border: 1px solid #ccc;
2479 border-radius: 3px;
2480 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
2481 }
2482
2483 .lp-metabox-field__image-advanced-upload {
2484 padding-top: 10px;
2485 }
2486 .lp-metabox-field__image-advanced-images {
2487 clear: both;
2488 margin: 0;
2489 padding: 0;
2490 }
2491 .lp-metabox-field__image-advanced-images > li {
2492 float: right;
2493 position: relative;
2494 box-sizing: border-box;
2495 width: 80px;
2496 margin: 9px 0 0 9px;
2497 border: 1px solid #d5d5d5;
2498 border-radius: 2px;
2499 background: #f7f7f7;
2500 cursor: move;
2501 }
2502 .lp-metabox-field__image-advanced-images > li img {
2503 display: block;
2504 width: 100%;
2505 height: auto;
2506 }
2507 .lp-metabox-field__image-advanced-images > li ul.actions {
2508 position: absolute;
2509 top: -8px;
2510 left: -8px;
2511 padding: 2px;
2512 }
2513 .lp-metabox-field__image-advanced-images > li ul.actions li {
2514 float: left;
2515 margin: 0 2px 0 0;
2516 }
2517 .lp-metabox-field__image-advanced-images > li ul.actions li a.delete {
2518 display: block;
2519 position: relative;
2520 width: 1em;
2521 height: 1em;
2522 font-size: 1.4em;
2523 text-indent: -9999px;
2524 }
2525 .lp-metabox-field__image-advanced-images > li ul.actions li a.delete::before {
2526 position: absolute;
2527 top: 0;
2528 right: 0;
2529 width: 1em;
2530 height: 1em;
2531 margin: 0;
2532 border-radius: 50%;
2533 color: #999;
2534 background: #fff;
2535 font-family: Dashicons;
2536 font-weight: 400;
2537 font-variant: normal;
2538 line-height: 1;
2539 text-align: center;
2540 text-indent: 0;
2541 text-transform: none;
2542 content: "\f153";
2543 speak: none;
2544 -webkit-font-smoothing: antialiased;
2545 }
2546 .lp-metabox-field__image-advanced-images > li ul.actions::before {
2547 display: table;
2548 content: " ";
2549 }
2550 .lp-metabox-field__image-advanced-images > li:hover ul.actions {
2551 display: block;
2552 }
2553 .lp-metabox-field__image-advanced-images > li.lp-metabox-sortable-placeholder {
2554 position: relative;
2555 border: 3px dashed #ddd;
2556 }
2557 .lp-metabox-field__image-advanced-images > li.lp-metabox-sortable-placeholder::after {
2558 position: absolute;
2559 top: 0;
2560 right: 0;
2561 width: 100%;
2562 height: 100%;
2563 margin: 0;
2564 color: #ddd;
2565 font-family: Dashicons;
2566 font-size: 2.618em;
2567 font-weight: normal;
2568 font-variant: normal;
2569 line-height: 4.5rem;
2570 text-align: center;
2571 text-indent: 0;
2572 text-transform: none;
2573 content: "\f161";
2574 speak: none;
2575 -webkit-font-smoothing: antialiased;
2576 }
2577 .lp-metabox-field__image-advanced-images::before {
2578 display: table;
2579 content: " ";
2580 }
2581 .lp-metabox-field__image-advanced-images::after {
2582 display: table;
2583 clear: both;
2584 content: " ";
2585 }
2586
2587 .lp-metabox-field__image--inner {
2588 position: relative;
2589 box-sizing: border-box;
2590 width: 120px;
2591 border: 1px solid #d5d5d5;
2592 border-radius: 2px;
2593 background: #f7f7f7;
2594 }
2595 .lp-metabox-field__image--inner img {
2596 display: block;
2597 width: 100%;
2598 height: auto;
2599 }
2600 .lp-metabox-field__image--upload {
2601 padding-top: 10px;
2602 }
2603
2604 .lp-meta-box__inner {
2605 display: block;
2606 position: relative;
2607 }
2608 .lp-meta-box__inner .form-field:not(fieldset) {
2609 display: flex;
2610 flex-direction: row;
2611 position: relative;
2612 margin: 0;
2613 padding: 15px 0;
2614 flex-wrap: wrap;
2615 }
2616 .lp-meta-box__inner .form-field:not(fieldset) label {
2617 width: 180px;
2618 min-width: 180px;
2619 max-width: 180px;
2620 padding: 0;
2621 color: #23282d;
2622 font-size: 0.875rem;
2623 font-weight: 600;
2624 flex: 0 0 auto;
2625 }
2626 .lp-meta-box__inner .form-field:not(fieldset) .checkbox {
2627 margin: 2px 0 !important;
2628 vertical-align: middle;
2629 }
2630 .lp-meta-box__inner .form-field:not(fieldset) .description {
2631 flex: 1;
2632 display: inline;
2633 clear: none;
2634 margin: 0 7px 0 0;
2635 padding: 0;
2636 font-size: 0.875rem;
2637 }
2638 .lp-meta-box__inner fieldset.form-field {
2639 display: grid;
2640 grid-template-columns: 180px 1fr;
2641 position: relative;
2642 margin: 0;
2643 padding: 15px 0;
2644 }
2645 .lp-meta-box__inner fieldset.form-field h4 {
2646 width: 180px;
2647 min-width: 180px;
2648 max-width: 180px;
2649 margin: 0;
2650 padding: 0;
2651 color: #23282d;
2652 font-size: 0.875rem;
2653 font-weight: 600;
2654 flex: 0 0 auto;
2655 }
2656 .lp-meta-box__inner fieldset.form-field ul {
2657 margin: 0;
2658 font-size: 0.875rem;
2659 }
2660 .lp-meta-box__inner fieldset.form-field .description {
2661 grid-column-start: 2;
2662 margin-top: 10px;
2663 }
2664 .lp-meta-box__duration-select {
2665 width: auto !important;
2666 }
2667 .lp-meta-box__duration input[type=number] {
2668 width: 80px !important;
2669 }
2670 .lp-meta-box__duration .description {
2671 flex-basis: 100% !important;
2672 width: 100%;
2673 margin-top: 8px !important;
2674 margin-right: 180px !important;
2675 }
2676 .lp-meta-box__wp-editor {
2677 display: block;
2678 }
2679 .lp-meta-box__wp-editor .description {
2680 flex-basis: 100% !important;
2681 width: 100%;
2682 margin-top: 8px !important;
2683 margin-right: 180px !important;
2684 color: #666;
2685 }
2686 .lp-meta-box__wp-editor__textarea {
2687 border: none !important;
2688 }
2689 .lp-meta-box select {
2690 width: auto !important;
2691 }
2692 .lp-meta-box select ~ .description {
2693 flex-basis: 100% !important;
2694 width: 100%;
2695 margin-top: 8px !important;
2696 margin-right: 180px !important;
2697 color: #666;
2698 }
2699 .lp-meta-box input[type=number],
2700 .lp-meta-box input[type=email],
2701 .lp-meta-box input[type=text],
2702 .lp-meta-box input[type=password],
2703 .lp-meta-box textarea:not(.lp-meta-box__wp-editor__textarea) {
2704 width: 50%;
2705 }
2706 .lp-meta-box input[type=number] + .description,
2707 .lp-meta-box input[type=email] + .description,
2708 .lp-meta-box input[type=text] + .description,
2709 .lp-meta-box input[type=password] + .description,
2710 .lp-meta-box textarea:not(.lp-meta-box__wp-editor__textarea) + .description {
2711 flex-basis: 100% !important;
2712 width: 100%;
2713 margin-top: 8px !important;
2714 margin-right: 180px !important;
2715 color: #666;
2716 }
2717 .lp-meta-box input[type=checkbox] {
2718 margin-top: 2px;
2719 }
2720 .lp-meta-box .short {
2721 width: 50%;
2722 }
2723 .lp-meta-box textarea:not(.lp-meta-box__wp-editor__textarea) {
2724 height: 4.6rem;
2725 line-height: 1.5em;
2726 vertical-align: top;
2727 }
2728 .lp-meta-box .learn-press-tip.ready {
2729 display: inline-flex;
2730 align-items: center;
2731 margin-right: 8px;
2732 }
2733
2734 #course-settings .inside {
2735 margin: 0 !important;
2736 padding: 0 !important;
2737 }
2738 #course-settings .lp-meta-box__course-tab {
2739 display: grid;
2740 grid-template-columns: 20% 80%;
2741 }
2742 #course-settings .lp-meta-box__course-tab__tabs {
2743 position: relative;
2744 box-sizing: border-box;
2745 margin: 0;
2746 padding: 0 0 10px;
2747 border-left: 1px solid #eee;
2748 background-color: #fafafa;
2749 }
2750 #course-settings .lp-meta-box__course-tab__tabs li {
2751 display: block;
2752 position: relative;
2753 margin: 0;
2754 padding: 0;
2755 }
2756 #course-settings .lp-meta-box__course-tab__tabs li a {
2757 display: flex;
2758 align-items: center;
2759 margin: 0;
2760 padding: 10px;
2761 border-bottom: 1px solid #eee;
2762 box-shadow: none;
2763 text-decoration: none;
2764 }
2765 #course-settings .lp-meta-box__course-tab__tabs li a i {
2766 margin-left: 5px;
2767 font-weight: 400;
2768 font-style: normal;
2769 font-variant: normal;
2770 text-decoration: none;
2771 text-transform: none;
2772 }
2773 #course-settings .lp-meta-box__course-tab__tabs li a i[class^=dashicon] {
2774 font-family: "Dashicons";
2775 }
2776 #course-settings .lp-meta-box__course-tab__tabs li.active a {
2777 position: relative;
2778 color: #555;
2779 background-color: #eee;
2780 }
2781 @media (max-width: 767px) {
2782 #course-settings .lp-meta-box__course-tab__tabs {
2783 display: flex;
2784 overflow: hidden;
2785 overflow-x: auto;
2786 flex-direction: row;
2787 margin: 0;
2788 margin-bottom: 30px;
2789 padding: 0;
2790 border-bottom: 1px solid #e5e5e5;
2791 text-align: center;
2792 white-space: nowrap;
2793 list-style: none;
2794 align-items: center;
2795 flex-wrap: nowrap;
2796 }
2797 #course-settings .lp-meta-box__course-tab__tabs li {
2798 min-width: 25%;
2799 margin-left: 20px;
2800 }
2801 }
2802 #course-settings .lp-meta-box__course-tab__content > div {
2803 padding: 20px;
2804 }
2805 @media (max-width: 767px) {
2806 #course-settings .lp-meta-box__course-tab {
2807 grid-template-columns: auto;
2808 }
2809 }
2810
2811 #price_course_data ._lp_sale_price_field,
2812 #price_course_data ._lp_price_field {
2813 position: relative;
2814 }
2815 #price_course_data ._lp_sale_price_field .learn-press-tip-floating,
2816 #price_course_data ._lp_price_field .learn-press-tip-floating {
2817 top: 54px;
2818 right: 92px;
2819 opacity: 0.8;
2820 background: #a00;
2821 }
2822 #price_course_data ._lp_sale_price_field .learn-press-tip-floating::before,
2823 #price_course_data ._lp_price_field .learn-press-tip-floating::before {
2824 top: -7px;
2825 border: 7px solid transparent;
2826 border-top-width: 0;
2827 border-bottom-color: #a00;
2828 }
2829
2830 .lp_course_extra_meta_box__content {
2831 flex: 1;
2832 }
2833 .lp_course_extra_meta_box__fields {
2834 margin-bottom: 10px;
2835 }
2836 .lp_course_extra_meta_box__field {
2837 position: relative;
2838 max-width: 600px;
2839 margin-bottom: 10px;
2840 }
2841 .lp_course_extra_meta_box__field .sort {
2842 display: flex;
2843 position: absolute;
2844 top: 0;
2845 right: 0;
2846 width: 40px;
2847 height: 100%;
2848 color: #666;
2849 text-decoration: none;
2850 cursor: grab;
2851 align-items: center;
2852 justify-content: center;
2853 }
2854 .lp_course_extra_meta_box__field .sort::after {
2855 font-family: Dashicons;
2856 font-size: 1.25rem;
2857 line-height: 1;
2858 content: "\f333";
2859 }
2860 .lp_course_extra_meta_box__field .delete {
2861 display: flex;
2862 position: absolute;
2863 top: 0;
2864 left: 0;
2865 width: 40px;
2866 height: 100%;
2867 color: #666;
2868 text-decoration: none;
2869 align-items: center;
2870 justify-content: center;
2871 }
2872 .lp_course_extra_meta_box__field .delete::after {
2873 font-family: Dashicons;
2874 font-size: 1.25rem;
2875 line-height: 1;
2876 content: "\f335";
2877 }
2878 .lp_course_extra_meta_box__input {
2879 width: 100% !important;
2880 padding-left: 40px !important;
2881 padding-right: 40px !important;
2882 }
2883
2884 .lp_repeater_meta_box__wrapper {
2885 flex: 1 !important;
2886 }
2887 .lp_repeater_meta_box__fields {
2888 position: relative;
2889 margin-bottom: 10px;
2890 }
2891 .lp_repeater_meta_box__field {
2892 display: grid;
2893 position: relative;
2894 margin-bottom: 10px;
2895 border: 1px solid #c5c5c5;
2896 border-radius: 2px;
2897 }
2898 .lp_repeater_meta_box__field_active .lp_repeater_meta_box__content {
2899 display: block;
2900 }
2901 .lp_repeater_meta_box__field_active .lp_repeater_meta_box__title__toggle::after {
2902 transform: rotate(-180deg);
2903 }
2904 .lp_repeater_meta_box__title {
2905 display: grid;
2906 grid-template-columns: 44px 1fr 40px 40px;
2907 align-items: center;
2908 position: relative;
2909 background-color: #eee;
2910 }
2911 .lp_repeater_meta_box__title__title {
2912 flex: 1;
2913 padding: 14px 0;
2914 }
2915 .lp_repeater_meta_box__title__sort {
2916 display: flex;
2917 height: 100%;
2918 color: #666;
2919 text-decoration: none;
2920 cursor: grab;
2921 align-items: center;
2922 justify-content: center;
2923 }
2924 .lp_repeater_meta_box__title__sort::after {
2925 font-family: Dashicons;
2926 font-size: 1.25rem;
2927 line-height: 1;
2928 content: "\f333";
2929 }
2930 .lp_repeater_meta_box__title__delete {
2931 display: flex;
2932 height: 100%;
2933 color: #666;
2934 text-decoration: none;
2935 align-items: center;
2936 justify-content: center;
2937 }
2938 .lp_repeater_meta_box__title__delete::after {
2939 font-family: Dashicons;
2940 font-size: 1.25rem;
2941 line-height: 1;
2942 content: "\f335";
2943 }
2944 .lp_repeater_meta_box__title__toggle {
2945 display: flex;
2946 height: 100%;
2947 color: #666;
2948 text-decoration: none;
2949 align-items: center;
2950 justify-content: center;
2951 }
2952 .lp_repeater_meta_box__title__toggle::after {
2953 font-family: Dashicons;
2954 font-size: 1.25rem;
2955 line-height: 1;
2956 content: "\f347";
2957 }
2958 .lp_repeater_meta_box__content {
2959 display: none;
2960 padding: 14px 20px;
2961 }
2962 .lp_repeater_meta_box__content > label {
2963 display: grid;
2964 width: 100% !important;
2965 min-width: 100% !important;
2966 max-width: 100% !important;
2967 margin-bottom: 20px;
2968 grid-template-rows: auto 1fr;
2969 }
2970 .lp_repeater_meta_box__content > label:last-child {
2971 margin-bottom: 0;
2972 }
2973 .lp_repeater_meta_box__content > label span {
2974 margin-bottom: 5px;
2975 }
2976 .lp_repeater_meta_box__content > label textarea,
2977 .lp_repeater_meta_box__content > label input {
2978 width: 100% !important;
2979 }
2980
2981 .lp_course_faq_meta_box__content {
2982 flex: 1;
2983 }
2984 .lp_course_faq_meta_box__fields {
2985 position: relative;
2986 margin-bottom: 10px;
2987 }
2988 .lp_course_faq_meta_box__field {
2989 display: grid;
2990 position: relative;
2991 margin-bottom: 10px;
2992 padding: 20px;
2993 border: 1px solid #c5c5c5;
2994 border-radius: 4px;
2995 grid-row-gap: 10px;
2996 }
2997 .lp_course_faq_meta_box__field label {
2998 display: grid;
2999 width: 100% !important;
3000 min-width: 100% !important;
3001 max-width: 100% !important;
3002 grid-template-rows: auto 1fr;
3003 }
3004 .lp_course_faq_meta_box__field label span {
3005 margin-bottom: 5px;
3006 }
3007 .lp_course_faq_meta_box__field label textarea,
3008 .lp_course_faq_meta_box__field label input {
3009 width: 100% !important;
3010 }
3011 .lp_course_faq_meta_box__field a.delete {
3012 display: flex;
3013 position: absolute;
3014 top: 15px;
3015 left: 50px;
3016 width: 30px;
3017 height: 30px;
3018 color: #666;
3019 text-decoration: none;
3020 align-items: center;
3021 justify-content: center;
3022 }
3023 .lp_course_faq_meta_box__field a.delete::after {
3024 font-family: Dashicons;
3025 font-size: 1.25rem;
3026 line-height: 1;
3027 content: "\f335";
3028 }
3029 .lp_course_faq_meta_box__field .sort {
3030 display: flex;
3031 position: absolute;
3032 top: 15px;
3033 left: 20px;
3034 width: 30px;
3035 height: 30px;
3036 color: #666;
3037 text-decoration: none;
3038 align-items: center;
3039 justify-content: center;
3040 cursor: grab;
3041 }
3042 .lp_course_faq_meta_box__field .sort::after {
3043 font-family: Dashicons;
3044 font-size: 1.25rem;
3045 line-height: 1;
3046 content: "\f333";
3047 }
3048
3049 input[name=_lp_course_result]:checked ~ #passing-condition-quiz-result {
3050 display: block;
3051 }
3052
3053 #passing-condition-quiz-result {
3054 display: none;
3055 }
3056 #passing-condition-quiz-result input {
3057 width: 80px !important;
3058 margin-top: 5px !important;
3059 }
3060 #passing-condition-quiz-result p {
3061 padding: 10px 16px;
3062 background-color: #eee;
3063 font-size: 0.875rem;
3064 }
3065
3066 .lp-meta-box__file_list {
3067 display: inline-block;
3068 clear: both;
3069 margin: 0;
3070 padding: 0;
3071 }
3072 .lp-meta-box__file_list > li {
3073 display: flex;
3074 flex-flow: column nowrap;
3075 float: right;
3076 position: relative;
3077 box-sizing: border-box;
3078 width: 80px;
3079 height: 80px;
3080 margin: 9px 0 0 9px;
3081 border: 1px solid #d5d5d5;
3082 border-radius: 2px;
3083 background: #f7f7f7;
3084 cursor: move;
3085 align-items: center;
3086 justify-content: center;
3087 }
3088 .lp-meta-box__file_list > li img {
3089 display: block;
3090 width: 100%;
3091 height: auto;
3092 }
3093 .lp-meta-box__file_list > li img.is_file {
3094 width: 30px;
3095 }
3096 .lp-meta-box__file_list > li img.is_file ~ span {
3097 margin-top: 5px;
3098 font-size: 0.75rem;
3099 }
3100 .lp-meta-box__file_list > li.lp-metabox-sortable-placeholder {
3101 position: relative;
3102 border: 3px dashed #ddd;
3103 }
3104 .lp-meta-box__file_list > li.lp-metabox-sortable-placeholder::after {
3105 position: absolute;
3106 top: 0;
3107 right: 0;
3108 width: 100%;
3109 height: 100%;
3110 margin: 0;
3111 color: #ddd;
3112 font-family: Dashicons;
3113 font-size: 2.618em;
3114 font-weight: normal;
3115 font-variant: normal;
3116 line-height: 4.5rem;
3117 text-align: center;
3118 text-indent: 0;
3119 text-transform: none;
3120 content: "\f161";
3121 speak: none;
3122 -webkit-font-smoothing: antialiased;
3123 }
3124 .lp-meta-box__file_list > li ul.actions {
3125 position: absolute;
3126 top: -8px;
3127 left: -8px;
3128 padding: 2px;
3129 }
3130 .lp-meta-box__file_list > li ul.actions li {
3131 float: left;
3132 margin: 0 2px 0 0;
3133 }
3134 .lp-meta-box__file_list > li ul.actions li a.delete {
3135 display: block;
3136 position: relative;
3137 width: 1em;
3138 height: 1em;
3139 font-size: 1.4em;
3140 text-indent: -9999px;
3141 }
3142 .lp-meta-box__file_list > li ul.actions li a.delete::before {
3143 position: absolute;
3144 top: 0;
3145 right: 0;
3146 width: 1em;
3147 height: 1em;
3148 margin: 0;
3149 border-radius: 50%;
3150 color: #999;
3151 background: #fff;
3152 font-family: Dashicons;
3153 font-weight: 400;
3154 font-variant: normal;
3155 line-height: 1;
3156 text-align: center;
3157 text-indent: 0;
3158 text-transform: none;
3159 content: "\f153";
3160 speak: none;
3161 -webkit-font-smoothing: antialiased;
3162 }
3163 .lp-meta-box__file_list > li ul.actions::before {
3164 display: table;
3165 content: " ";
3166 }
3167 .lp-meta-box__file::before {
3168 display: table;
3169 content: " ";
3170 }
3171 .lp-meta-box__file::after {
3172 display: table;
3173 clear: both;
3174 content: " ";
3175 }
3176
3177 .lp-metabox-evaluate-final_quiz {
3178 display: block;
3179 }
3180 .lp-metabox-evaluate-final_quiz__message {
3181 display: inline-block;
3182 min-width: 50%;
3183 margin-top: 10px;
3184 padding: 8px 20px;
3185 border: 2px solid #36af27;
3186 border-radius: 4px;
3187 background: #f7f7f7;
3188 text-align: center;
3189 }
3190 .lp-metabox-evaluate-final_quiz__message-error {
3191 border-color: lightcoral;
3192 }
3193
3194 .lp_widget_autocomplete__loading {
3195 margin-top: 0 !important;
3196 padding: 7px 10px;
3197 border: 1px solid #949494;
3198 border-top: none !important;
3199 background: #eee;
3200 font-size: 13px !important;
3201 }
3202 .lp_widget_autocomplete__select {
3203 overflow: auto;
3204 right: 0;
3205 width: 100%;
3206 max-height: 148px;
3207 margin-top: -1px;
3208 background: #eee;
3209 font-size: 0.8125rem;
3210 }
3211 .lp_widget_autocomplete__item {
3212 overflow: hidden;
3213 padding: 7px 10px;
3214 border: 1px solid #949494;
3215 border-top: none;
3216 border-bottom-color: #afafaf;
3217 white-space: nowrap;
3218 text-overflow: ellipsis;
3219 cursor: pointer;
3220 }
3221 .lp_widget_autocomplete__item__selected, .lp_widget_autocomplete__item:hover {
3222 color: #fff;
3223 background-color: #007cba;
3224 }
3225
3226 .widget .select2-selection__rendered {
3227 font-size: 0.8125rem;
3228 }
3229
3230 .sortable-wrapper {
3231 margin: 1em 0;
3232 }
3233 .sortable-wrapper .sortable {
3234 margin: 0.5em 0;
3235 }
3236 .sortable-wrapper .sortable .dashicons-move {
3237 cursor: move;
3238 }
3239
3240 @keyframes spin {
3241 from {
3242 transform: rotate(0deg);
3243 }
3244 to {
3245 transform: rotate(-360deg);
3246 }
3247 }
3248 .sortable-wrapper > label {
3249 font-weight: 600;
3250 font-size: 14px;
3251 }
3252
3253 .sortable__item {
3254 display: flex;
3255 align-items: center;
3256 gap: 8px;
3257 margin-bottom: 8px;
3258 }
3259 .sortable__item:last-child {
3260 margin-bottom: 0;
3261 }
3262
3263 .widget-content p {
3264 margin-bottom: 8px;
3265 display: flex;
3266 align-items: center;
3267 flex-wrap: wrap;
3268 }
3269
3270 :root {
3271 --lp-addon-item-padding: 10px;
3272 --lp-border-radius: 3px;
3273 --lp-addon-item-border-color: #c3c4c7;
3274 }
3275
3276 @media screen and (min-width: 1600px) {
3277 .plugin-card:not(.hide-if-js):nth-child(even) {
3278 margin-left: 8px;
3279 }
3280 .plugin-card:not(.hide-if-js):nth-child(3n) {
3281 margin-left: 0;
3282 }
3283 }
3284 /*** Style Addons Manager ***/
3285 #lp-addons {
3286 display: grid;
3287 grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
3288 grid-gap: 20px;
3289 padding-left: 20px;
3290 /***** Toggle *****/
3291 }
3292 #lp-addons.max-3-items {
3293 grid-template-columns: repeat(auto-fit, minmax(280px, 320px));
3294 }
3295 #lp-addons a {
3296 text-decoration: none;
3297 }
3298 #lp-addons button {
3299 padding: 6.5px 17px;
3300 background: rgb(151, 71, 255);
3301 color: white;
3302 border-radius: 3px;
3303 border: none;
3304 cursor: pointer;
3305 }
3306 #lp-addons button.btn-addon-action.handling span {
3307 display: none;
3308 }
3309 #lp-addons button.btn-addon-action.handling span.dashicons {
3310 display: inline-flex;
3311 }
3312 #lp-addons button.btn-addon-action[data-action=cancel] {
3313 position: absolute;
3314 left: 0;
3315 background: transparent;
3316 color: rgba(255, 0, 0, 0.89);
3317 top: 0;
3318 padding: 7px 10px;
3319 }
3320 #lp-addons button.btn-addon-action span.dashicons {
3321 align-items: center;
3322 display: none;
3323 font-size: 1.125em;
3324 width: auto;
3325 height: auto;
3326 animation: rotation 2s infinite linear;
3327 }
3328 #lp-addons button[data-action=update] {
3329 background: #27BF49;
3330 }
3331 #lp-addons button[data-action=setting] {
3332 background: #2D72DA;
3333 }
3334 #lp-addons .lp-addon-item {
3335 background: white;
3336 padding: var(--lp-addon-item-padding);
3337 border: 1px solid var(--lp-addon-item-border-color);
3338 border-radius: 3px;
3339 display: flex;
3340 flex-direction: column;
3341 justify-content: space-between;
3342 position: relative;
3343 }
3344 #lp-addons .lp-addon-item input {
3345 margin: 0 !important;
3346 }
3347 #lp-addons .lp-addon-item.hide, #lp-addons .lp-addon-item.search-not-found {
3348 display: none;
3349 }
3350 #lp-addons .lp-addon-item__content {
3351 text-align: center;
3352 min-height: 290px;
3353 }
3354 #lp-addons .lp-addon-item__content img {
3355 width: 50px;
3356 height: 50px;
3357 border-radius: 10px;
3358 margin-top: 20px;
3359 }
3360 #lp-addons .lp-addon-item__content a {
3361 text-decoration: none;
3362 }
3363 #lp-addons .lp-addon-item__content p {
3364 display: -webkit-box;
3365 -webkit-box-orient: vertical;
3366 overflow: hidden;
3367 }
3368 #lp-addons .lp-addon-item__content p::before {
3369 content: none;
3370 }
3371 #lp-addons .lp-addon-item__actions {
3372 border-top: 1px solid var(--lp-addon-item-border-color);
3373 padding: 10px var(--lp-addon-item-padding) 0;
3374 margin: 0 calc(var(--lp-addon-item-padding) * -1);
3375 display: flex;
3376 align-items: center;
3377 }
3378 #lp-addons .lp-addon-item__actions__left {
3379 flex: 3;
3380 display: flex;
3381 gap: 5px;
3382 align-items: center;
3383 }
3384 #lp-addons .lp-addon-item__actions__left button {
3385 display: none;
3386 }
3387 #lp-addons .lp-addon-item__actions__right button {
3388 display: none;
3389 background: transparent;
3390 color: #2271b1;
3391 }
3392 #lp-addons .lp-addon-item__purchase {
3393 display: none;
3394 position: absolute;
3395 top: 0;
3396 bottom: 0;
3397 right: 0;
3398 left: 0;
3399 background: rgba(255, 255, 255, 0.6);
3400 text-transform: uppercase;
3401 }
3402 #lp-addons .lp-addon-item__purchase__wrapper div {
3403 position: absolute;
3404 bottom: 20%;
3405 right: var(--lp-addon-item-padding);
3406 left: var(--lp-addon-item-padding);
3407 background: white;
3408 border: 1px solid var(--lp-addon-item-border-color);
3409 padding: var(--lp-addon-item-padding);
3410 border-radius: 3px;
3411 flex-direction: column;
3412 display: none;
3413 gap: 5px;
3414 box-shadow: 0 4px 25px 1px rgba(0, 0, 0, 0.25);
3415 }
3416 #lp-addons .lp-addon-item__purchase__wrapper div input {
3417 width: 100%;
3418 }
3419 #lp-addons .lp-addon-item__purchase label {
3420 text-transform: capitalize;
3421 }
3422 #lp-addons .lp-addon-item.installed.activated button[data-action=setting] {
3423 display: block;
3424 }
3425 #lp-addons .lp-addon-item.installed.activated button[data-action=deactivate] {
3426 display: block;
3427 }
3428 #lp-addons .lp-addon-item.installed.activated.update button[data-action=update] {
3429 display: block;
3430 }
3431 #lp-addons .lp-addon-item.installed:not(.activated) button[data-action=activate] {
3432 display: block;
3433 }
3434 #lp-addons .lp-addon-item.installed.purchase button[data-action=update-purchase-code] {
3435 display: inline-flex;
3436 align-items: center;
3437 padding: 0 5px;
3438 height: 12px;
3439 }
3440 #lp-addons .lp-addon-item.installed.purchase button[data-action=update-purchase-code] span {
3441 animation: none;
3442 display: inline;
3443 }
3444 #lp-addons .lp-addon-item.not_installed.purchase button[data-action=purchase] {
3445 display: block;
3446 }
3447 #lp-addons .lp-addon-item.not_installed.free button[data-action=install] {
3448 display: block;
3449 }
3450 #lp-addons .lp-addon-item.not_installed .lp-addon-item__actions__right {
3451 display: none;
3452 }
3453 #lp-addons .lp-addon-item.update button[data-action=update] {
3454 display: block;
3455 }
3456 #lp-addons .lp-toggle-switch .lp-toggle-switch-label {
3457 height: 20px;
3458 align-items: center;
3459 margin-bottom: 0;
3460 background: #b4b9be;
3461 cursor: pointer;
3462 display: inline-flex;
3463 justify-content: space-between;
3464 position: relative;
3465 transition: right 0.15s ease-out;
3466 border-radius: 100px;
3467 }
3468 #lp-addons .lp-toggle-switch .lp-toggle-switch-label:after {
3469 background: #FFFFFF;
3470 content: "";
3471 display: block;
3472 position: absolute;
3473 right: 4px;
3474 width: 12px;
3475 height: 12px;
3476 transition: all 0.25s ease-in-out;
3477 border-radius: 50%;
3478 }
3479 #lp-addons .lp-toggle-switch .lp-toggle-switch-label::before {
3480 right: 0;
3481 }
3482 #lp-addons .lp-toggle-switch .lp-toggle-switch-label .toggle-on,
3483 #lp-addons .lp-toggle-switch .lp-toggle-switch-label .toggle-off {
3484 opacity: 1;
3485 padding-right: 6px;
3486 padding-left: 6px;
3487 font-size: 0.8em;
3488 line-height: 1.125em;
3489 }
3490 #lp-addons .lp-toggle-switch .lp-toggle-switch-label .toggle-on {
3491 color: #fff;
3492 opacity: 0;
3493 padding-left: 0;
3494 width: 12px;
3495 }
3496 #lp-addons .lp-toggle-switch .lp-toggle-switch-label .toggle-off {
3497 width: 12px;
3498 color: #777;
3499 padding-right: 0;
3500 }
3501 #lp-addons .lp-toggle-switch input.lp-toggle-switch-input {
3502 display: none;
3503 }
3504 #lp-addons .lp-toggle-switch input.lp-toggle-switch-input:checked + label {
3505 background: #0073aa;
3506 }
3507 #lp-addons .lp-toggle-switch input.lp-toggle-switch-input:checked + label:after {
3508 right: auto;
3509 left: 5px;
3510 background: #ffffff;
3511 }
3512 #lp-addons .lp-toggle-switch input.lp-toggle-switch-input:checked + label .toggle-on {
3513 opacity: 1;
3514 }
3515 #lp-addons .lp-toggle-switch input.lp-toggle-switch-input:checked + label .toggle-off {
3516 opacity: 0;
3517 }
3518 #lp-addons .lp-toggle-switch .dashicons {
3519 animation: rotation 2s infinite linear;
3520 }
3521 #lp-addons .screen-reader-text:focus {
3522 clip-path: inset(50%);
3523 -webkit-clip-path: inset(50%);
3524 }
3525
3526 /*** Tab of Addons Manager ***/
3527 .lp-nav-tab-wrapper {
3528 display: flex;
3529 margin-bottom: 20px;
3530 justify-content: start;
3531 gap: 5px;
3532 border-bottom: 1px solid #c3c4c7;
3533 }
3534 .lp-nav-tab-wrapper .nav-tab {
3535 border: 1px solid #c3c4c7;
3536 border-bottom: none;
3537 margin-right: 0;
3538 padding: 5px 10px;
3539 line-height: 1.6em;
3540 font-weight: 600;
3541 background: #dcdcde;
3542 color: #50575e;
3543 text-decoration: none;
3544 white-space: nowrap;
3545 border-radius: 3px 3px 0 0;
3546 }
3547 .lp-nav-tab-wrapper .nav-tab-active {
3548 background: #f0f0f1;
3549 border-bottom: 1px solid #f0f0f1;
3550 }
3551
3552 .wp-submenu .lp-notify {
3553 display: none;
3554 vertical-align: top;
3555 box-sizing: border-box;
3556 margin: 1px 5px -1px 0;
3557 padding: 0 5px;
3558 min-width: 18px;
3559 height: 18px;
3560 border-radius: 9px;
3561 background-color: #d63638;
3562 color: #fff;
3563 font-size: 0.75em;
3564 line-height: 1.6;
3565 text-align: center;
3566 }
3567
3568 /*** Theme Manager ***/
3569 .related-themes {
3570 display: grid;
3571 grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
3572 grid-gap: 20px;
3573 }
3574 .related-themes li {
3575 margin: 0;
3576 }
3577 .related-themes .plugin-card-top {
3578 padding-bottom: 0;
3579 background: #fff;
3580 }
3581 .related-themes .theme-content {
3582 position: relative;
3583 }
3584 .related-themes .image-thumbnail img {
3585 width: 100%;
3586 height: auto;
3587 vertical-align: middle;
3588 }
3589 .related-themes .theme-description {
3590 margin: 0 0 25px 0;
3591 display: -webkit-box;
3592 overflow: hidden;
3593 min-height: 8em;
3594 max-height: 8em;
3595 line-height: 1.6em;
3596 text-overflow: ellipsis;
3597 -webkit-box-orient: vertical;
3598 -webkit-line-clamp: 5;
3599 color: #777;
3600 }
3601 .related-themes .theme-title {
3602 min-height: 3.2em;
3603 margin-left: 100px;
3604 margin-bottom: 0;
3605 font-size: 1.2em;
3606 line-height: 1.3em;
3607 }
3608 .related-themes .theme-title a {
3609 color: #111;
3610 }
3611 .related-themes .theme-rating {
3612 display: inline-block;
3613 float: left;
3614 }
3615 .related-themes .star-rating {
3616 display: inline-block;
3617 }
3618 .related-themes .count-rating {
3619 position: relative;
3620 top: 2px;
3621 font-size: 0.9375rem;
3622 }
3623 .related-themes .theme-detail {
3624 position: absolute;
3625 top: -3px;
3626 left: 3px;
3627 line-height: 1.6em;
3628 text-align: left;
3629 }
3630 .related-themes .theme-detail::after {
3631 display: block;
3632 clear: both;
3633 content: "";
3634 }
3635 .related-themes .theme-detail .theme-price {
3636 display: inline-block;
3637 font-size: 1.5rem;
3638 font-weight: 700;
3639 line-height: 1.3em;
3640 }
3641 .related-themes .theme-footer {
3642 clear: both;
3643 overflow: hidden;
3644 margin-left: -16px;
3645 margin-right: -16px;
3646 padding: 16px;
3647 border-top: 1px solid #ddd;
3648 background-color: #fafafa;
3649 }
3650
3651 /**
3652 * Order
3653 */
3654 .post-type-lp_order .wp-list-table .column-order_status {
3655 width: 150px;
3656 }
3657 .post-type-lp_order .wp-list-table .order_status span {
3658 display: inline-block;
3659 padding: 3px 6px;
3660 color: #fff;
3661 font-size: 0.75rem;
3662 border-radius: 4px;
3663 }
3664 .post-type-lp_order .wp-list-table .order_status span.pending {
3665 background: #bdbdbd;
3666 }
3667 .post-type-lp_order .wp-list-table .order_status span.processing {
3668 background: #ffc107;
3669 }
3670 .post-type-lp_order .wp-list-table .order_status span.completed {
3671 background: #4caf50;
3672 }
3673 .post-type-lp_order .wp-list-table .order_status span.cancelled {
3674 background: #444;
3675 }
3676 .post-type-lp_order .wp-list-table .order_status span.failed {
3677 background: #f00;
3678 }
3679 .post-type-lp_order .wp-list-table .order_status span.refunded {
3680 background: #2196f3;
3681 }
3682 .post-type-lp_order .wp-list-table .order_status span.trash {
3683 color: rgba(128, 128, 128, 0.68);
3684 }
3685 .post-type-lp_order .wp-list-table .order_status span i {
3686 display: inline-block;
3687 }
3688 .post-type-lp_order .wp-list-table .lp-order-refund-request-badge {
3689 display: inline-block;
3690 margin-top: 10px;
3691 padding: 0 !important;
3692 color: #F59E0B !important;
3693 }
3694 .post-type-lp_order .wp-list-table .column-title,
3695 .post-type-lp_order .wp-list-table .column-order_total,
3696 .post-type-lp_order .wp-list-table .column-order_date {
3697 width: 150px;
3698 }
3699 .post-type-lp_order .wp-list-table .column-order_items ol {
3700 margin: 0;
3701 padding: 0;
3702 list-style-position: inside;
3703 }
3704
3705 .post-type-lp_course .wp-list-table .column-price {
3706 width: 80px;
3707 }
3708 .post-type-lp_course .wp-list-table .column-thumbnail {
3709 width: 60px;
3710 padding-top: 8px;
3711 box-sizing: border-box;
3712 }
3713 .post-type-lp_course .wp-list-table .column-thumbnail img {
3714 width: 100%;
3715 height: auto;
3716 }
3717 @media only screen and (max-width: 782px) {
3718 .post-type-lp_course .wp-list-table .column-thumbnail {
3719 display: none;
3720 }
3721 .post-type-lp_course .wp-list-table .column-thumbnail::before {
3722 opacity: 0;
3723 }
3724 }
3725 .post-type-lp_course .wp-list-table .column-certificate {
3726 box-sizing: border-box;
3727 max-width: 60px;
3728 }
3729 .post-type-lp_course .wp-list-table .column-certificate img {
3730 max-width: 100% !important;
3731 }
3732 @media only screen and (min-width: 1024px) {
3733 .post-type-lp_course .wp-list-table .check-column {
3734 width: 1.2em;
3735 }
3736 }
3737 @media only screen and (min-width: 783px) {
3738 .post-type-lp_course .wp-list-table .column-title {
3739 width: 16%;
3740 }
3741 }
3742
3743 .wp-list-table .column-author, .wp-list-table .column-instructor {
3744 width: 80px;
3745 }
3746 .wp-list-table .column-author .post-author, .wp-list-table .column-instructor .post-author {
3747 display: inline-block;
3748 }
3749 .wp-list-table .column-author .post-author img, .wp-list-table .column-instructor .post-author img {
3750 width: 30px;
3751 height: 30px;
3752 margin: 0;
3753 border-radius: 50%;
3754 vertical-align: middle;
3755 }
3756 .wp-list-table .column-author .post-author a, .wp-list-table .column-instructor .post-author a {
3757 display: inline-block;
3758 vertical-align: middle;
3759 }
3760 .wp-list-table .column-curriculum {
3761 width: 60px;
3762 }
3763 .wp-list-table .column-student {
3764 width: 60px;
3765 }
3766 .wp-list-table .column-taxonomy-course_category {
3767 width: 100px;
3768 }
3769 .wp-list-table .column-gradebook {
3770 width: 40px;
3771 text-align: center;
3772 }
3773
3774 .post-type-page .column-lp-page {
3775 width: 200px;
3776 }
3777 .post-type-page .for-plugin-page {
3778 margin: 0;
3779 color: #f00;
3780 font-size: 0.6875rem;
3781 }
3782
3783 .post-state .post-author {
3784 font-size: 0.875rem;
3785 font-weight: normal;
3786 font-style: italic;
3787 }
3788
3789 #learn-press-box-edit-slug {
3790 overflow: hidden;
3791 margin: 0 -10px;
3792 padding: 10px;
3793 border: 1px solid #ddd;
3794 color: #b79186;
3795 background: #fff;
3796 }
3797 #learn-press-box-edit-slug .button {
3798 float: left;
3799 height: 24px;
3800 line-height: 1.375rem;
3801 }
3802
3803 .is-lp-page {
3804 color: #fff;
3805 font-size: 11px;
3806 padding: 1px 8px;
3807 border-radius: 10px;
3808 background-color: #9979ff;
3809 margin-left: 5px;
3810 display: inline-block;
3811 }
3812
3813 .lp-overlay {
3814 display: none;
3815 position: fixed;
3816 z-index: 99999;
3817 top: 0;
3818 left: 0;
3819 bottom: 0;
3820 right: 0;
3821 width: 100%;
3822 height: 100%;
3823 background-color: rgba(209, 213, 219, 0.8);
3824 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
3825 transition-duration: 150ms;
3826 transition-property: opacity;
3827 }
3828
3829 .wp-admin .lp-modal-dialog .lp-modal-header {
3830 padding: 2em;
3831 }
3832 .wp-admin .lp-modal-dialog .lp-modal-header h3 {
3833 font-size: 1.4em;
3834 }
3835
3836 .lp-modal-dialog {
3837 display: flex;
3838 position: fixed;
3839 z-index: 9999;
3840 top: 0;
3841 left: 0;
3842 right: 0;
3843 width: 100%;
3844 min-height: 100vh;
3845 text-align: center;
3846 align-items: center;
3847 justify-content: center;
3848 }
3849 .lp-modal-dialog .learn-press-message {
3850 width: auto;
3851 margin: 0 !important;
3852 }
3853 .lp-modal-dialog .lp-modal-content {
3854 display: inline-block;
3855 overflow: hidden;
3856 z-index: 2;
3857 width: auto;
3858 max-width: 600px;
3859 border-radius: 8px;
3860 text-align: right;
3861 vertical-align: middle;
3862 background: white;
3863 color: black;
3864 }
3865 .lp-modal-dialog .lp-modal-content h2, .lp-modal-dialog .lp-modal-content h3 {
3866 margin: 0;
3867 }
3868 .lp-modal-dialog .lp-modal-content .lp-group-step h3 {
3869 border-bottom: 1px solid #eee;
3870 }
3871 .lp-modal-dialog .lp-modal-content .main-content .terms-upgrade .pd-2em {
3872 padding: 0 1em;
3873 }
3874 .lp-modal-dialog .lp-modal-header {
3875 background: #7c60d9;
3876 border-bottom: 1px solid #eee;
3877 padding: 1em;
3878 }
3879 .lp-modal-dialog .lp-modal-header h3 {
3880 margin: 0;
3881 color: white;
3882 font-weight: 400;
3883 }
3884 .lp-modal-dialog .lp-modal-body .main-content {
3885 max-height: 500px;
3886 overflow: auto;
3887 overscroll-behavior: contain;
3888 }
3889 .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 {
3890 padding: 1em;
3891 }
3892 .lp-modal-dialog .lp-modal-footer {
3893 padding: 20px;
3894 background-color: #f9fafb;
3895 text-align: left;
3896 }
3897 .lp-modal-dialog .btn-yes {
3898 color: #fff;
3899 background-color: #7c60d9;
3900 }
3901
3902 #lp-modal-overlay {
3903 display: none;
3904 position: fixed;
3905 z-index: 999999;
3906 top: 0;
3907 left: 0;
3908 bottom: 0;
3909 right: 0;
3910 opacity: 0.5;
3911 background: #000;
3912 }
3913
3914 #lp-modal-window {
3915 display: none;
3916 position: fixed;
3917 z-index: 999999;
3918 top: 50%;
3919 right: 50%;
3920 padding: 35px 60px 28px 60px;
3921 background: #fff;
3922 transform: translate(50%, -50%);
3923 border-radius: 4px;
3924 }
3925 #lp-modal-window #lp-modal-content {
3926 margin: 0 0 24px 0;
3927 color: #333;
3928 font-weight: 400;
3929 text-align: center;
3930 }
3931 #lp-modal-window #lp-modal-content > * {
3932 margin: 0 0 0.5em;
3933 }
3934 #lp-modal-window #lp-modal-buttons {
3935 display: flex;
3936 flex-direction: row-reverse;
3937 align-items: center;
3938 justify-content: center;
3939 }
3940 #lp-modal-window #lp-modal-buttons .lp-button {
3941 position: relative;
3942 margin: 0 10px 0 10px;
3943 }
3944
3945 .learn-press-modal {
3946 position: fixed;
3947 z-index: 1000000;
3948 width: 100%;
3949 height: 100%;
3950 top: 0;
3951 display: table;
3952 }
3953 .learn-press-modal .modal-overlay {
3954 position: fixed;
3955 z-index: 1000000;
3956 background: #000;
3957 opacity: 0.5;
3958 width: 100%;
3959 height: 100%;
3960 top: 0;
3961 }
3962 .learn-press-modal .modal-wrapper {
3963 display: table-cell;
3964 vertical-align: middle;
3965 z-index: 1000010;
3966 position: relative;
3967 }
3968 .learn-press-modal .modal-wrapper .modal-container {
3969 max-width: 800px;
3970 width: 90%;
3971 margin: 0px auto;
3972 background-color: #fff;
3973 border-radius: 2px;
3974 box-shadow: 0 2px 8px rgba(0, 0, 0, 0.33);
3975 transition: all 0.3s ease;
3976 overflow: hidden;
3977 -webkit-box-sizing: border-box;
3978 box-sizing: border-box;
3979 }
3980 .learn-press-modal .modal-wrapper header {
3981 font-size: 1.125rem;
3982 padding: 20px;
3983 border-bottom: 1px solid #DDD;
3984 font-weight: 600;
3985 color: #000;
3986 }
3987 .learn-press-modal .modal-wrapper article {
3988 margin: 30px 20px;
3989 }
3990 .learn-press-modal .modal-wrapper article input[name=search] {
3991 width: 100%;
3992 font-size: 1rem;
3993 box-sizing: border-box;
3994 margin: 0;
3995 box-shadow: none;
3996 color: #444;
3997 padding: 8px 10px;
3998 height: 42px;
3999 border-radius: 2px;
4000 border-color: #e4e4e4;
4001 font-weight: 400;
4002 vertical-align: middle;
4003 }
4004 .learn-press-modal .modal-wrapper article .search-results {
4005 margin: 0;
4006 margin-top: 30px;
4007 }
4008 .learn-press-modal .modal-wrapper article .search-results li > label {
4009 display: block;
4010 }
4011 .learn-press-modal .modal-wrapper footer {
4012 padding: 15px 20px;
4013 overflow: hidden;
4014 border: 1px solid #eee;
4015 }
4016 .learn-press-modal .modal-wrapper footer .search-nav {
4017 float: right;
4018 }
4019 .learn-press-modal .modal-wrapper footer .search-nav a, .learn-press-modal .modal-wrapper footer .search-nav span {
4020 display: inline-block;
4021 line-height: 1.625rem;
4022 height: 28px;
4023 margin: 0;
4024 padding: 0 10px 1px;
4025 }
4026 .learn-press-modal .modal-wrapper footer button {
4027 float: left;
4028 margin-right: 3px;
4029 }
4030
4031 #modal-search-items.loading .search-results:before {
4032 position: absolute;
4033 top: 75px;
4034 right: 0;
4035 left: 0;
4036 bottom: 0;
4037 display: block;
4038 content: "";
4039 z-index: 9;
4040 background: url("../../images/spinner.gif") no-repeat center center;
4041 }
4042
4043 .modal-search {
4044 position: relative;
4045 display: inline-block;
4046 min-width: 300px;
4047 }
4048 .modal-search .search-input {
4049 border: 1px solid #DDD;
4050 width: 100%;
4051 margin: 0;
4052 padding: 5px 10px;
4053 box-shadow: none;
4054 }
4055 .modal-search .search-input:focus {
4056 box-shadow: none;
4057 }
4058 .modal-search .search-input:focus {
4059 border-color: #DDD;
4060 }
4061 .modal-search .search-results-content {
4062 position: absolute;
4063 top: 100%;
4064 width: 100%;
4065 right: 0;
4066 background: #FFF;
4067 border: 1px solid #DDD;
4068 border-top: none;
4069 z-index: 1000;
4070 margin-top: -1px;
4071 -webkit-box-sizing: border-box;
4072 box-sizing: border-box;
4073 }
4074 .modal-search .search-results-content .search-results {
4075 margin: 0;
4076 }
4077 .modal-search .search-results-content .search-results .result-item {
4078 margin: 0;
4079 padding: 0;
4080 list-style: none;
4081 }
4082 .modal-search .search-results-content .search-results .result-item label {
4083 display: block;
4084 padding: 6px 10px;
4085 text-decoration: none;
4086 cursor: pointer;
4087 white-space: nowrap;
4088 overflow: hidden;
4089 text-overflow: ellipsis;
4090 }
4091 .modal-search .search-results-content .search-results .result-item:hover {
4092 background: #f4fcff;
4093 }
4094 .modal-search .has-items .search-input {
4095 border-bottom-color: transparent;
4096 }
4097 .modal-search .has-items .search-results-content {
4098 border-top: none;
4099 }
4100 .modal-search .checked-items {
4101 text-align: center;
4102 }
4103 .modal-search .checked-items .button {
4104 font-size: 0.75rem;
4105 height: 20px;
4106 line-height: 1.25rem;
4107 }
4108 .modal-search .checked-items .disabled {
4109 color: #777;
4110 }
4111 .modal-search .search-navigator {
4112 margin: 5px 0;
4113 text-align: center;
4114 }
4115 .modal-search .search-navigator .page-numbers {
4116 display: inline-block;
4117 padding: 2px 5px;
4118 text-decoration: none;
4119 line-height: 1;
4120 }
4121 .modal-search .search-navigator .page-numbers.next, .modal-search .search-navigator .page-numbers.prev {
4122 display: none;
4123 }
4124
4125 .lp-order-statuses {
4126 margin: 0;
4127 display: grid;
4128 grid-template-columns: auto auto;
4129 grid-gap: 10px;
4130 }
4131 .lp-order-statuses .lp-skeleton-animation {
4132 grid-column: 1/3;
4133 }
4134 .lp-order-statuses li {
4135 width: 100%;
4136 margin: 0;
4137 background: #fff;
4138 }
4139 .lp-order-statuses li span {
4140 font-size: 1.1rem;
4141 display: flex;
4142 text-align: center;
4143 justify-content: center;
4144 align-items: center;
4145 column-gap: 10px;
4146 font-weight: 400;
4147 }
4148 .lp-order-statuses li p {
4149 margin: 0;
4150 padding: 0;
4151 color: #adadad;
4152 font-size: 0.75rem;
4153 }
4154 .lp-order-statuses li.counter-number {
4155 text-align: center;
4156 /*&.order-completed {
4157
4158 strong::before {
4159 color: #0085ba;
4160 content: "\f058";
4161 }
4162 }
4163
4164 &.order-processing {
4165
4166 strong::before {
4167 margin-left: -1px;
4168 color: #563f7a;
4169 content: "\f321";
4170 }
4171 }
4172
4173 &.order-pending {
4174
4175 strong::before {
4176 color: #aaa;
4177 content: "\f534";
4178 }
4179 }
4180
4181 &.order-cancelled {
4182
4183 strong::before {
4184 color: #f00;
4185 content: "\f153";
4186 }
4187 }*/
4188 }
4189 .lp-order-statuses li.counter-number .counter-inner {
4190 padding: 10px 0;
4191 border: 1px solid #f3f3f3;
4192 background: #f9f9f9;
4193 }
4194 .lp-order-statuses li.clear {
4195 float: none;
4196 }
4197 .lp-order-statuses li.featured-theme {
4198 width: auto;
4199 margin: 12px -12px 0 -12px;
4200 padding: 8px 12px 0 12px;
4201 border-top: 1px solid #eee;
4202 }
4203 .lp-order-statuses li.featured-theme .star-rating {
4204 display: inline-block;
4205 line-height: 0.875rem;
4206 vertical-align: middle;
4207 }
4208 .lp-order-statuses li.featured-theme .star-rating .star {
4209 width: 14px;
4210 height: 14px;
4211 font-size: 0.875rem;
4212 }
4213 .lp-order-statuses li.featured-theme > div {
4214 margin-bottom: 3px;
4215 }
4216 .lp-order-statuses li.featured-theme > div span {
4217 color: #999;
4218 font-size: 0.75rem;
4219 vertical-align: middle;
4220 }
4221 .lp-order-statuses li:nth-child(even) .counter-inner {
4222 margin-right: 0;
4223 }
4224 .lp-order-statuses li:nth-child(odd) .counter-inner {
4225 margin-left: 0;
4226 }
4227 .lp-order-statuses li.total-raised {
4228 grid-column: 1/3;
4229 box-sizing: border-box;
4230 padding: 10px 0;
4231 border: 1px solid #f3f3f3;
4232 background: #f9f9f9;
4233 text-align: center;
4234 color: #0073aa;
4235 }
4236 .lp-order-statuses li.total-raised span {
4237 margin-bottom: 10px;
4238 font-size: 1.625rem;
4239 }
4240 .lp-order-statuses li.total-raised span i {
4241 font-size: 1.5625rem;
4242 }
4243 .lp-order-statuses::after {
4244 display: block;
4245 clear: both;
4246 content: "";
4247 }
4248
4249 .featured-theme {
4250 border-top: 1px solid #eee;
4251 margin-top: 10px;
4252 padding-top: 10px;
4253 }
4254 .featured-theme p {
4255 margin: 0;
4256 font-size: 12px;
4257 }
4258 .featured-theme .star-rating {
4259 display: inline-block;
4260 line-height: 0.75rem;
4261 }
4262 .featured-theme .star-rating .star {
4263 font-size: 0.8125rem;
4264 width: 13px;
4265 height: 13px;
4266 }
4267 .featured-theme span {
4268 font-size: 0.6875rem;
4269 }
4270
4271 .lp-place-holder {
4272 background: #fff;
4273 padding: 10px;
4274 display: block;
4275 margin: 20px auto;
4276 box-shadow: 0 0 0 rgba(0, 0, 0, 0.1);
4277 border-radius: 3px;
4278 }
4279 .lp-place-holder [class*=line-] {
4280 height: 6px;
4281 width: 400px;
4282 background: #f6f7f9;
4283 margin-bottom: 13px;
4284 margin-left: 5px;
4285 }
4286 .lp-place-holder .thumbnail {
4287 height: 40px;
4288 width: 40px;
4289 float: right;
4290 margin-left: 20px;
4291 display: inline-block;
4292 }
4293 .lp-place-holder .line-heading {
4294 width: 80%;
4295 height: 20px;
4296 }
4297 .lp-place-holder .line-sm {
4298 width: 30%;
4299 margin-top: 10px;
4300 }
4301 .lp-place-holder .line-xs {
4302 width: 50%;
4303 }
4304 .lp-place-holder .line-df {
4305 margin-top: 30px;
4306 width: 380px;
4307 }
4308 .lp-place-holder .line-lg {
4309 width: 200px;
4310 }
4311 .lp-place-holder .line-lgx {
4312 width: 450px;
4313 }
4314 .lp-place-holder [class*=line],
4315 .lp-place-holder .thumbnail {
4316 animation: lpTimeLine;
4317 animation-duration: 1s;
4318 animation-timing-function: linear;
4319 animation-iteration-count: infinite;
4320 background: linear-gradient(to left, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
4321 background-size: 800px auto;
4322 background-position: 100px 0;
4323 }
4324
4325 @keyframes lpTimeLine {
4326 0% {
4327 background-position: -350px 0;
4328 }
4329 100% {
4330 background-position: 400px 0;
4331 }
4332 }
4333 .post-type-lp_order {
4334 /*Export order function style*/
4335 /* The Modal (background) */
4336 /* Modal Content/Box */
4337 /* The Close Button */
4338 /*tabs css*/
4339 }
4340 .post-type-lp_order #post-body-content {
4341 display: none;
4342 }
4343 .post-type-lp_order #order_details {
4344 border: none !important;
4345 background: transparent !important;
4346 }
4347 .post-type-lp_order #order_details .hndle,
4348 .post-type-lp_order #order_details .handlediv,
4349 .post-type-lp_order #order_details .postbox-header {
4350 display: none;
4351 }
4352 .post-type-lp_order #order_details .inside {
4353 display: block !important;
4354 margin: 0;
4355 padding: 0;
4356 }
4357 .post-type-lp_order #order_details .order-data {
4358 margin: 0 0 20px 0 !important;
4359 padding: 30px !important;
4360 border: 1px solid #ccd0d4 !important;
4361 background-color: #fff !important;
4362 box-shadow: none !important;
4363 }
4364 .post-type-lp_order #order_details .order-data-field {
4365 margin-bottom: 20px;
4366 }
4367 .post-type-lp_order #order_details .order-data-field label {
4368 display: block;
4369 margin-bottom: 5px;
4370 font-weight: 500;
4371 }
4372 .post-type-lp_order #order_details .order-data-number {
4373 margin: 0 0 10px;
4374 font-size: 1.25rem;
4375 font-weight: 600;
4376 }
4377 .post-type-lp_order #order_details .payment-method-title {
4378 color: #777;
4379 font-size: 1rem;
4380 }
4381 .post-type-lp_order #order_details .payment-method-title strong {
4382 color: #23282d;
4383 }
4384 .post-type-lp_order #order_details .order-data-heading {
4385 margin-top: 40px;
4386 font-size: 1rem;
4387 }
4388 .post-type-lp_order #order_details .order-users {
4389 display: inline-block;
4390 }
4391 .post-type-lp_order #order_details .order-users .description {
4392 margin-top: 10px;
4393 padding: 10px;
4394 background: #eee;
4395 }
4396 .post-type-lp_order #order_details .order-data-date .order-date {
4397 width: 130px;
4398 }
4399 .post-type-lp_order #order_details .order-data-date .order-hour,
4400 .post-type-lp_order #order_details .order-data-date .order-minute {
4401 width: 60px;
4402 }
4403 .post-type-lp_order #order_details .order-data-note {
4404 display: inline-block;
4405 }
4406 .post-type-lp_order #order_details .order-data-note .order-note {
4407 padding: 10px;
4408 color: #fff;
4409 background-color: #c1a3b6;
4410 font-size: 0.875rem;
4411 }
4412 .post-type-lp_order #order_details .order-items {
4413 margin: 0;
4414 border: 1px solid #ccd0d4 !important;
4415 background-color: #fff;
4416 }
4417 .post-type-lp_order #order_details .order-items table {
4418 width: 100%;
4419 border-collapse: collapse;
4420 }
4421 .post-type-lp_order #order_details .order-items table thead {
4422 margin: 0;
4423 padding: 0;
4424 }
4425 .post-type-lp_order #order_details .order-items table thead tr {
4426 background-color: #f8f8f8;
4427 }
4428 .post-type-lp_order #order_details .order-items table thead th {
4429 padding: 15px;
4430 border-bottom: none;
4431 color: #999;
4432 font-weight: 400;
4433 text-align: right;
4434 }
4435 .post-type-lp_order #order_details .order-items table thead th:first-child {
4436 padding-right: 30px;
4437 }
4438 .post-type-lp_order #order_details .order-items table thead th:last-child {
4439 padding-left: 30px;
4440 }
4441 .post-type-lp_order #order_details .order-items table tbody td,
4442 .post-type-lp_order #order_details .order-items table tfoot td {
4443 padding: 10px;
4444 border-bottom: 1px solid #ddd;
4445 text-align: right;
4446 }
4447 .post-type-lp_order #order_details .order-items table tbody {
4448 margin: 0;
4449 padding: 0;
4450 }
4451 .post-type-lp_order #order_details .order-items table tbody tr td {
4452 padding: 15px;
4453 }
4454 .post-type-lp_order #order_details .order-items table tbody tr td:first-child {
4455 padding-right: 30px;
4456 }
4457 .post-type-lp_order #order_details .order-items table tbody tr td:last-child {
4458 padding-left: 30px;
4459 }
4460 .post-type-lp_order #order_details .order-items table tfoot {
4461 margin: 0;
4462 padding: 0;
4463 }
4464 .post-type-lp_order #order_details .order-items table tfoot tr {
4465 background-color: #f8f8f8;
4466 }
4467 .post-type-lp_order #order_details .order-items table tfoot tr:last-child td {
4468 padding-top: 20px;
4469 padding-bottom: 20px;
4470 }
4471 .post-type-lp_order #order_details .order-items table tfoot td {
4472 padding: 10px 15px;
4473 padding-bottom: 0;
4474 border: none;
4475 font-size: 0.875rem;
4476 text-align: left;
4477 }
4478 .post-type-lp_order #order_details .order-items table tfoot td:first-child {
4479 padding-right: 30px;
4480 }
4481 .post-type-lp_order #order_details .order-items table tfoot td:last-child {
4482 padding-left: 30px;
4483 }
4484 .post-type-lp_order #order_details .order-items table .column-price,
4485 .post-type-lp_order #order_details .order-items table .column-total,
4486 .post-type-lp_order #order_details .order-items table .column-quantity {
4487 width: 150px;
4488 text-align: left;
4489 }
4490 .post-type-lp_order #order_details .order-items table .row-subtotal td .order-subtotal,
4491 .post-type-lp_order #order_details .order-items table .row-subtotal td .order-total,
4492 .post-type-lp_order #order_details .order-items table .row-total td .order-subtotal,
4493 .post-type-lp_order #order_details .order-items table .row-total td .order-total {
4494 font-weight: 700;
4495 }
4496 .post-type-lp_order #order_details .order-items table .remove-order-item {
4497 outline: none;
4498 color: #ccc;
4499 text-decoration: none;
4500 }
4501 .post-type-lp_order #order_details .order-items table .remove-order-item .dashicons {
4502 font-size: 1.25rem;
4503 }
4504 .post-type-lp_order #order_details .order-items table .remove-order-item:hover {
4505 color: #f00;
4506 }
4507 .post-type-lp_order #order_details .order-items table .order-item-row:hover .remove-order-item {
4508 display: inline-block;
4509 }
4510 .post-type-lp_order #order-export__button:hover {
4511 cursor: pointer;
4512 }
4513 .post-type-lp_order .export-modal.modal {
4514 display: none;
4515 position: fixed;
4516 z-index: 10;
4517 right: 0;
4518 top: 0;
4519 width: 100%;
4520 height: 100%;
4521 overflow: auto;
4522 background-color: #000000;
4523 background-color: rgba(0, 0, 0, 0.4);
4524 }
4525 .post-type-lp_order .export-modal .modal-content {
4526 background-color: #fefefe;
4527 margin: 5% auto;
4528 border: 1px solid #888;
4529 width: 60%;
4530 position: relative;
4531 }
4532 .post-type-lp_order .export-modal .close {
4533 color: #aaa;
4534 position: absolute;
4535 font-size: 28px;
4536 font-weight: bold;
4537 top: -5px;
4538 left: 11px;
4539 }
4540 .post-type-lp_order .export-modal .close:hover {
4541 color: black;
4542 text-decoration: none;
4543 cursor: pointer;
4544 }
4545 .post-type-lp_order .export-modal .close:focus {
4546 color: black;
4547 text-decoration: none;
4548 cursor: pointer;
4549 }
4550 .post-type-lp_order .export-modal .panel {
4551 display: none;
4552 }
4553 .post-type-lp_order .export-modal .panel.active {
4554 display: block;
4555 }
4556 .post-type-lp_order #order-export__tabs.tabs {
4557 display: flex;
4558 justify-content: space-around;
4559 height: 40px;
4560 box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
4561 }
4562 .post-type-lp_order #order-export__tabs.tabs > * {
4563 width: 100%;
4564 color: dimgray;
4565 height: 100%;
4566 cursor: pointer;
4567 display: flex;
4568 justify-content: center;
4569 align-items: center;
4570 }
4571 .post-type-lp_order #order-export__tabs.tabs > *:hover:not(.active) {
4572 background-color: #dcdcdc;
4573 }
4574 .post-type-lp_order #order-export__tabs.tabs > .active {
4575 color: white;
4576 background-color: #4CAF50;
4577 }
4578 .post-type-lp_order #lp-invoice__content {
4579 padding: 20px 40px 0;
4580 margin-bottom: 25px;
4581 }
4582 .post-type-lp_order #lp-invoice__content thead th {
4583 border-bottom: 1px solid #000;
4584 border-top: 1px solid #000;
4585 padding: 10px 20px;
4586 }
4587 .post-type-lp_order #lp-invoice__content tbody td {
4588 border-bottom: 1px solid #000;
4589 text-align: center;
4590 padding: 10px 20px;
4591 }
4592 .post-type-lp_order #lp-invoice__content tfoot td {
4593 border-bottom: 1px solid #000;
4594 text-align: center;
4595 padding: 10px 20px;
4596 }
4597 .post-type-lp_order .export-options__content {
4598 margin-bottom: 25px;
4599 padding: 10px 40px;
4600 }
4601 .post-type-lp_order .export-options {
4602 position: relative;
4603 }
4604 .post-type-lp_order .export-options__loading {
4605 opacity: 0;
4606 z-index: -1;
4607 visibility: hidden;
4608 position: absolute;
4609 top: 0;
4610 right: 0;
4611 width: 100%;
4612 background: #fff;
4613 left: 0;
4614 bottom: 0;
4615 display: flex;
4616 align-items: center;
4617 justify-content: center;
4618 }
4619 .post-type-lp_order .export-options__loading .spinner {
4620 background: url("../../images/spinner.gif") no-repeat center center;
4621 z-index: 9;
4622 display: inline-block;
4623 visibility: visible;
4624 }
4625 .post-type-lp_order .export-options__loading.active {
4626 opacity: 1;
4627 z-index: 9;
4628 visibility: visible;
4629 }
4630 .post-type-lp_order #lp-invoice__export {
4631 color: white;
4632 background-color: #4CAF50;
4633 border: 1px solid #4CAF50;
4634 padding: 10px 20px;
4635 transition: all 0.5s ease;
4636 }
4637 .post-type-lp_order #lp-invoice__export:hover {
4638 color: #000;
4639 background-color: #fff;
4640 border: 1px solid #000;
4641 transition: all 0.5s ease;
4642 cursor: pointer;
4643 }
4644 .post-type-lp_order #lp-invoice__update {
4645 color: white;
4646 background-color: #4CAF50;
4647 border: 1px solid #4CAF50;
4648 padding: 10px 20px;
4649 transition: all 0.5s ease;
4650 }
4651 .post-type-lp_order #lp-invoice__update:hover {
4652 color: #000;
4653 background-color: #fff;
4654 border: 1px solid #000;
4655 transition: all 0.5s ease;
4656 cursor: pointer;
4657 }
4658 .post-type-lp_order #lp-invoice__actions {
4659 display: flex;
4660 flex-direction: row;
4661 justify-content: flex-end;
4662 }
4663 .post-type-lp_order .export-options__actions {
4664 display: flex;
4665 flex-direction: row;
4666 justify-content: flex-end;
4667 }
4668 .post-type-lp_order .lp-invoice__body table {
4669 border-spacing: 0;
4670 width: 100%;
4671 }
4672 .post-type-lp_order .lp-order-status .dashicons {
4673 display: inline-flex !important;
4674 align-items: center;
4675 font-size: 1rem;
4676 }
4677 .post-type-lp_order .lp-order-items-wrapper .learn-press-pagination {
4678 text-align: right;
4679 }
4680 .post-type-lp_order .lp-order-items-wrapper .learn-press-pagination li {
4681 border: 1px solid #2271b1;
4682 background: #f6f7f7;
4683 }
4684 .post-type-lp_order .lp-order-items-wrapper .learn-press-pagination li .page-numbers {
4685 padding: 0 6px;
4686 }
4687 .post-type-lp_order .lp-order-items-wrapper .learn-press-pagination li .current {
4688 background: #2271b1;
4689 color: #fff !important;
4690 }
4691
4692 .swal2-popup.lp-admin-refund-modal {
4693 width: 560px;
4694 max-width: calc(100% - 32px);
4695 padding: 32px;
4696 border-radius: 8px;
4697 box-shadow: 0 12px 40px rgba(0, 0, 0, 0.2);
4698 }
4699 .swal2-popup.lp-admin-refund-modal .swal2-icon {
4700 margin-top: 0;
4701 margin-bottom: 20px;
4702 }
4703 .swal2-popup.lp-admin-refund-modal .swal2-title {
4704 padding: 0;
4705 color: #1d2327;
4706 font-size: 1.5rem;
4707 line-height: 1.3;
4708 }
4709 .swal2-popup.lp-admin-refund-modal .lp-admin-refund-modal__content {
4710 margin: 20px 0 0;
4711 padding: 0;
4712 color: #50575e;
4713 overflow: visible;
4714 }
4715 .swal2-popup.lp-admin-refund-modal .lp-admin-refund-modal__description {
4716 margin: 0 0 24px;
4717 line-height: 1.5;
4718 }
4719 .swal2-popup.lp-admin-refund-modal .lp-admin-refund-modal__form {
4720 text-align: right;
4721 }
4722 .swal2-popup.lp-admin-refund-modal .lp-admin-refund-modal__form .swal2-input-label {
4723 display: block;
4724 margin: 0 0 8px;
4725 color: #1d2327;
4726 font-size: 0.875rem;
4727 font-weight: 600;
4728 text-align: right;
4729 }
4730 .swal2-popup.lp-admin-refund-modal .lp-admin-refund-modal__form .swal2-textarea,
4731 .swal2-popup.lp-admin-refund-modal .lp-admin-refund-modal__form .swal2-input {
4732 display: block;
4733 width: 100%;
4734 margin: 0 0 20px;
4735 border: 1px solid #8c8f94;
4736 border-radius: 4px;
4737 color: #2c3338;
4738 background: #fff;
4739 box-shadow: none;
4740 box-sizing: border-box;
4741 font-size: 0.875rem;
4742 }
4743 .swal2-popup.lp-admin-refund-modal .lp-admin-refund-modal__form .swal2-textarea:focus,
4744 .swal2-popup.lp-admin-refund-modal .lp-admin-refund-modal__form .swal2-input:focus {
4745 border-color: #2271b1;
4746 box-shadow: 0 0 0 1px #2271b1;
4747 outline: 2px solid transparent;
4748 }
4749 .swal2-popup.lp-admin-refund-modal .lp-admin-refund-modal__form .swal2-textarea {
4750 min-height: 110px;
4751 padding: 10px 12px;
4752 resize: vertical;
4753 }
4754 .swal2-popup.lp-admin-refund-modal .lp-admin-refund-modal__form .swal2-input {
4755 height: 42px;
4756 padding: 0 12px;
4757 }
4758 .swal2-popup.lp-admin-refund-modal .swal2-validation-message {
4759 margin: 0 0 20px;
4760 border-radius: 4px;
4761 font-size: 0.875rem;
4762 }
4763 .swal2-popup.lp-admin-refund-modal .lp-admin-refund-modal__actions {
4764 display: grid;
4765 grid-template-columns: repeat(2, minmax(0, 1fr));
4766 gap: 12px;
4767 width: 100%;
4768 margin: 4px 0 0;
4769 padding: 0;
4770 }
4771 .swal2-popup.lp-admin-refund-modal .lp-admin-refund-modal__actions .swal2-styled {
4772 min-height: 42px;
4773 margin: 0;
4774 border-radius: 4px;
4775 font-size: 0.875rem;
4776 font-weight: 600;
4777 }
4778
4779 @media screen and (max-width: 480px) {
4780 .swal2-popup.lp-admin-refund-modal {
4781 width: calc(100% - 20px);
4782 max-width: none;
4783 padding: 24px 20px;
4784 }
4785 .swal2-popup.lp-admin-refund-modal .lp-admin-refund-modal__actions {
4786 grid-template-columns: 1fr;
4787 }
4788 }
4789 #learn-press-toggle-settings-js-css {
4790 display: none;
4791 }
4792 #learn-press-toggle-settings-js-css + table {
4793 display: none;
4794 }
4795 #learn-press-toggle-settings-js-css:checked + table {
4796 display: table;
4797 }
4798
4799 .color-schemas {
4800 margin: 0 0 20px 20px;
4801 float: right;
4802 }
4803 .color-schemas ul {
4804 list-style: none;
4805 margin: 0;
4806 padding: 0;
4807 }
4808 .color-schemas ul > li > label {
4809 font-weight: 600;
4810 display: block;
4811 margin-bottom: 10px;
4812 }
4813 .color-schemas .wp-color-picker {
4814 width: 80px;
4815 height: 24px;
4816 vertical-align: top;
4817 margin: 0;
4818 }
4819 .color-schemas .wp-picker-holder {
4820 position: absolute;
4821 }
4822 .color-schemas .buttons {
4823 display: none;
4824 }
4825 .color-schemas table {
4826 border-collapse: collapse;
4827 position: relative;
4828 }
4829 .color-schemas table td, .color-schemas table th {
4830 padding: 10px 10px;
4831 }
4832 .color-schemas table tbody {
4833 border: 1px solid transparent;
4834 position: relative;
4835 }
4836 .color-schemas table tbody td, .color-schemas table tbody th {
4837 text-align: right;
4838 background: #F5F5F5;
4839 }
4840 .color-schemas table tbody tr:first-child td, .color-schemas table tbody tr:first-child th {
4841 padding-bottom: 0;
4842 }
4843 .color-schemas table:after {
4844 content: "";
4845 position: absolute;
4846 top: 0;
4847 right: 0;
4848 left: 0;
4849 bottom: 0;
4850 background: rgba(255, 255, 255, 0.7);
4851 }
4852 .color-schemas tfoot td, .color-schemas tfoot th {
4853 padding-right: 0;
4854 padding-left: 0;
4855 }
4856 .color-schemas .remove-schema {
4857 float: left;
4858 color: #FF0000;
4859 }
4860 .color-schemas .wp-color-result {
4861 margin: 0;
4862 }
4863 .color-schemas .clone-schema {
4864 display: none;
4865 }
4866 .color-schemas:first-child .remove-schema,
4867 .color-schemas:first-child .apply-schema {
4868 display: none;
4869 }
4870 .color-schemas:nth-child(2) {
4871 clear: both;
4872 }
4873 .color-schemas:hover tbody {
4874 opacity: 1;
4875 }
4876 .color-schemas.current tbody {
4877 border-color: #DDD;
4878 }
4879 .color-schemas.current tbody td, .color-schemas.current tbody th {
4880 background: rgba(5, 215, 255, 0.26);
4881 }
4882 .color-schemas.current table:after {
4883 display: none;
4884 }
4885 .color-schemas.current .clone-schema {
4886 display: inline-block;
4887 }
4888
4889 .wp-picker-container {
4890 position: relative;
4891 }
4892 .wp-picker-container .wp-picker-holder {
4893 z-index: 99999;
4894 }
4895
4896 .lp-payment-addons-promo {
4897 margin-top: 15px;
4898 padding: 12px 16px;
4899 background: #f9f9f9;
4900 border: 1px solid #ddd;
4901 border-radius: 4px;
4902 }
4903 .lp-payment-addons-promo p {
4904 margin: 0;
4905 font-size: 0.875rem;
4906 color: #555;
4907 }
4908 .lp-payment-addons-promo__link {
4909 display: inline-flex;
4910 align-items: center;
4911 gap: 4px;
4912 margin-right: 6px;
4913 color: #7f54b3;
4914 font-weight: 600;
4915 text-decoration: none;
4916 }
4917 .lp-payment-addons-promo__link:hover {
4918 color: #5e3d8a;
4919 text-decoration: underline;
4920 }
4921 .lp-payment-addons-promo__link .dashicons {
4922 width: 14px;
4923 height: 14px;
4924 font-size: 14px;
4925 }
4926
4927 .lp-install-sample__options {
4928 margin-bottom: 20px;
4929 padding: 0 20px;
4930 border: 1px solid #eee;
4931 border-radius: 4px;
4932 }
4933 .lp-install-sample__options legend {
4934 padding: 5px;
4935 font-weight: 500;
4936 }
4937 .lp-install-sample__buttons {
4938 display: flex;
4939 margin-top: 25px;
4940 align-items: center;
4941 justify-content: space-between;
4942 }
4943 .lp-install-sample__toggle-options {
4944 margin-left: auto;
4945 margin-right: 10px;
4946 }
4947 .lp-install-sample__uninstall {
4948 float: left;
4949 }
4950 .lp-install-sample__response {
4951 margin: 0;
4952 padding: 10px;
4953 border: 2px solid #059601;
4954 border-radius: 6px;
4955 }
4956 .lp-install-sample__response.fail {
4957 border-color: #d85554;
4958 }
4959
4960 .lp-update-db-modal {
4961 display: flex;
4962 position: fixed;
4963 z-index: 9999;
4964 top: 0;
4965 left: 0;
4966 right: 0;
4967 width: 100%;
4968 min-height: 100vh;
4969 text-align: center;
4970 align-items: center;
4971 justify-content: center;
4972 }
4973 .lp-update-db-modal__hidden {
4974 display: none !important;
4975 visibility: hidden;
4976 opacity: 0;
4977 pointer-events: none;
4978 }
4979 .lp-update-db-modal__overlay {
4980 position: absolute;
4981 z-index: 1;
4982 top: 0;
4983 left: 0;
4984 bottom: 0;
4985 right: 0;
4986 width: 100%;
4987 height: 100%;
4988 background-color: rgba(209, 213, 219, 0.8);
4989 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
4990 transition-duration: 150ms;
4991 transition-property: opacity;
4992 }
4993 .lp-update-db-modal__content {
4994 display: inline-block;
4995 overflow: hidden;
4996 z-index: 2;
4997 width: 100%;
4998 max-width: 510px;
4999 border-radius: 8px;
5000 text-align: right;
5001 vertical-align: middle;
5002 }
5003 .lp-update-db-modal__content-header {
5004 padding: 24px 24px 16px 24px;
5005 background-color: #fff;
5006 }
5007 .lp-update-db-modal__content-start {
5008 display: flex;
5009 flex-direction: flex-start;
5010 }
5011 .lp-update-db-modal__content-icon {
5012 display: flex;
5013 width: 40px;
5014 height: 40px;
5015 margin-left: 0;
5016 margin-right: 0;
5017 border-radius: 999px;
5018 background-color: rgb(254, 226, 226);
5019 justify-content: center;
5020 align-items: center;
5021 flex: 0 0 auto;
5022 }
5023 .lp-update-db-modal__content-icon svg {
5024 width: 24px;
5025 height: 24px;
5026 color: rgb(220, 38, 38);
5027 }
5028 .lp-update-db-modal__content-icon svg:last-child {
5029 color: rgb(37, 141, 108);
5030 }
5031 .lp-update-db-modal__content-icon__success {
5032 display: none;
5033 }
5034 .lp-update-db-modal__content-text {
5035 margin-right: 18px;
5036 text-align: right;
5037 }
5038 .lp-update-db-modal__content-text h3 {
5039 margin: 0;
5040 font-weight: 500;
5041 }
5042 .lp-update-db-modal__content-text p {
5043 margin: 0;
5044 margin-top: 10px;
5045 color: #999;
5046 font-size: 0.875rem;
5047 font-weight: 400;
5048 }
5049 .lp-update-db-modal__content-footer {
5050 display: flex;
5051 flex-direction: row;
5052 padding: 10px 24px;
5053 background-color: rgb(249, 250, 251);
5054 justify-content: flex-end;
5055 align-items: center;
5056 }
5057 .lp-update-db-modal__content-footer a {
5058 padding: 8px 16px;
5059 border: 1px solid #e5e7eb;
5060 border-radius: 6px;
5061 color: rgb(55, 65, 81);
5062 font-size: 0.8125rem;
5063 font-weight: 500;
5064 text-decoration: none;
5065 }
5066 .lp-update-db-modal__content-footer a:last-child {
5067 margin-right: 10px;
5068 color: #fff;
5069 background-color: #0073aa;
5070 }
5071 .lp-update-db-modal__success .lp-update-db-modal__content-icon {
5072 background-color: rgb(222, 247, 236);
5073 }
5074 .lp-update-db-modal__success .lp-update-db-modal__content-icon__error {
5075 display: none;
5076 }
5077 .lp-update-db-modal__success .lp-update-db-modal__content-icon__success {
5078 display: block;
5079 }
5080
5081 #lp-tool-upgrade-db .wrapper-lp-upgrade-message, #lp-tool-upgrade-db .wrapper-terms-upgrade, #lp-tool-upgrade-db .wrapper-lp-loading {
5082 display: none;
5083 }
5084
5085 .terms-upgrade {
5086 max-width: 500px;
5087 margin: 0 auto;
5088 }
5089 .terms-upgrade .error {
5090 display: none;
5091 }
5092
5093 .lp-modal-footer .learn-press-notice {
5094 color: #ff6060;
5095 font-weight: 500;
5096 font-style: italic;
5097 }
5098
5099 .lp-modal-body .lp-skeleton-animation {
5100 width: 500px;
5101 margin: 0 20px;
5102 }
5103
5104 .tools-select__data {
5105 overflow: hidden;
5106 }
5107 .tools-select__data li {
5108 background-color: #fff;
5109 border: 1px solid #eee;
5110 color: #000;
5111 display: flex;
5112 flex-direction: row;
5113 align-items: center;
5114 flex: 0 0 auto;
5115 font-size: 0.875rem;
5116 line-height: 1.4em;
5117 font-weight: normal;
5118 padding: 10px;
5119 width: 100%;
5120 }
5121 .tools-select__data li input {
5122 margin: 0 0 0 10px;
5123 }
5124
5125 .progressbar__content {
5126 width: 100%;
5127 font-size: 0.875rem;
5128 font-weight: normal;
5129 line-height: 1.4em;
5130 background: #eee;
5131 padding: 10px 0;
5132 display: flex;
5133 flex-direction: column;
5134 align-items: center;
5135 justify-content: center;
5136 }
5137 .progressbar__content span {
5138 z-index: 9;
5139 }
5140
5141 .progressbar__container {
5142 position: relative;
5143 }
5144
5145 .progressbar__value {
5146 position: absolute;
5147 width: 0;
5148 height: 100%;
5149 right: 0;
5150 top: 0;
5151 background: #8A2BE2;
5152 }
5153
5154 .progressbar__item h4 {
5155 z-index: 9;
5156 margin: 0;
5157 }
5158
5159 .progressbar__item {
5160 width: 500px;
5161 border-bottom: 1px solid #fff;
5162 }
5163
5164 .progressbar__indexs {
5165 z-index: 9;
5166 }
5167
5168 .lp-tool__message {
5169 text-align: center;
5170 color: red;
5171 padding: 10px 0;
5172 display: none;
5173 }
5174
5175 .tools-prepare__message {
5176 background: #dba617;
5177 padding: 10px 0;
5178 text-align: center;
5179 display: none;
5180 }
5181
5182 /*** Admin notices ***/
5183 .lp-admin-notices {
5184 background: transparent;
5185 display: none;
5186 padding: 0;
5187 border: none;
5188 margin: 0 !important;
5189 }
5190 .lp-admin-notices .lp-admin-notice {
5191 position: relative;
5192 }
5193 .lp-admin-notices .lp-mes-beta-version {
5194 background: #4299e1;
5195 color: whitesmoke;
5196 }
5197 .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 {
5198 color: white;
5199 }
5200 .lp-admin-notices .lp-mes-beta-version .btn-lp-notice-dismiss::before {
5201 color: #fff0f6;
5202 }
5203
5204 .tab-lp-admin-notice {
5205 margin-right: 5px;
5206 width: 4px;
5207 height: 4px;
5208 background: #ff1919;
5209 display: inline-flex;
5210 border-radius: 999px;
5211 vertical-align: middle;
5212 }
5213
5214 /**
5215 * General style for admin editor.
5216 */
5217 .lp-admin-editor {
5218 position: relative;
5219 margin: 0;
5220 background-color: #fff;
5221 }
5222 .lp-admin-editor .heading,
5223 .lp-admin-editor .lp-box-data-content {
5224 padding: 0;
5225 }
5226
5227 #learn-press-admin-editor-metabox-settings {
5228 margin-top: 20px;
5229 }
5230
5231 /**
5232 * Course admin editor.
5233 */
5234 #course-editor .inside {
5235 margin: 0;
5236 padding: 0;
5237 }
5238
5239 #admin-editor-lp_course .lp-course-curriculum .heading {
5240 display: flex;
5241 flex-direction: row;
5242 flex-wrap: nowrap;
5243 position: relative;
5244 padding: 8px 20px;
5245 align-items: center;
5246 line-height: 1;
5247 }
5248 #admin-editor-lp_course .lp-course-curriculum .heading h4 {
5249 margin: 0;
5250 font-size: 1rem;
5251 }
5252 #admin-editor-lp_course .lp-course-curriculum .heading .collapse-sections {
5253 display: flex;
5254 width: 40px;
5255 color: #999;
5256 font-family: Dashicons;
5257 font-size: 1.875rem;
5258 cursor: pointer;
5259 justify-content: center;
5260 align-items: center;
5261 }
5262 #admin-editor-lp_course .lp-course-curriculum .heading .collapse-sections.close::before {
5263 content: "\f140";
5264 }
5265 #admin-editor-lp_course .lp-course-curriculum .heading .collapse-sections.open::before {
5266 content: "\f142";
5267 }
5268 #admin-editor-lp_course .lp-course-curriculum .heading .status {
5269 visibility: hidden;
5270 position: relative;
5271 top: 5px;
5272 margin-right: 10px;
5273 font-family: Dashicons;
5274 font-size: 1.25rem;
5275 }
5276 #admin-editor-lp_course .lp-course-curriculum .heading .status::before {
5277 content: "\f463";
5278 }
5279 #admin-editor-lp_course .lp-course-curriculum .heading .status.loading {
5280 display: inline-block;
5281 visibility: visible;
5282 animation: rotation 2s infinite linear;
5283 }
5284 #admin-editor-lp_course .lp-course-curriculum .curriculum-sections {
5285 margin: 0;
5286 margin: 0 20px 20px 20px;
5287 border: 1px solid #ddd;
5288 }
5289 #admin-editor-lp_course .lp-course-curriculum .section {
5290 margin: 0;
5291 border-bottom: 1px solid #e5e5e5;
5292 opacity: 1;
5293 background: #fff;
5294 }
5295 #admin-editor-lp_course .lp-course-curriculum .section:first-child {
5296 border-top: 0;
5297 }
5298 #admin-editor-lp_course .lp-course-curriculum .section.new-section {
5299 margin-top: 1px;
5300 border: none;
5301 }
5302 #admin-editor-lp_course .lp-course-curriculum .section.new-section form {
5303 margin: 0;
5304 }
5305 #admin-editor-lp_course .lp-course-curriculum .section.new-section .section-head {
5306 background-color: #f4fcff;
5307 }
5308 #admin-editor-lp_course .lp-course-curriculum .section.new-section .section-head .creatable {
5309 position: relative;
5310 top: 1px;
5311 }
5312 #admin-editor-lp_course .lp-course-curriculum .section.new-section .section-head .creatable::before {
5313 content: "\f132";
5314 }
5315 #admin-editor-lp_course .lp-course-curriculum .section.empty-section {
5316 position: relative;
5317 }
5318 #admin-editor-lp_course .lp-course-curriculum .section.empty-section::after {
5319 position: absolute;
5320 top: 0;
5321 left: 0;
5322 bottom: 0;
5323 right: 0;
5324 opacity: 0.5;
5325 background: #fff;
5326 content: "";
5327 }
5328 #admin-editor-lp_course .lp-course-curriculum .section.empty-section .section-head .movable::before {
5329 display: inline-block;
5330 color: #a2a2a2;
5331 content: "\f463";
5332 animation: rotating4 2s linear infinite;
5333 }
5334 #admin-editor-lp_course .lp-course-curriculum .section.empty-section .section-collapse {
5335 display: none;
5336 }
5337 #admin-editor-lp_course .lp-course-curriculum .section:hover .section-actions .remove {
5338 display: inline-block;
5339 }
5340 #admin-editor-lp_course .lp-course-curriculum .section input {
5341 background-color: transparent;
5342 box-shadow: none;
5343 }
5344 #admin-editor-lp_course .lp-course-curriculum .section input:focus {
5345 box-shadow: none;
5346 }
5347 #admin-editor-lp_course .lp-course-curriculum .section .section-head {
5348 display: flex;
5349 position: relative;
5350 height: 42px;
5351 margin: 0;
5352 padding: 0;
5353 background-color: #f4fcff;
5354 line-height: 2.5rem;
5355 transition: background 500ms ease-out;
5356 align-items: center;
5357 }
5358 #admin-editor-lp_course .lp-course-curriculum .section .section-head .movable,
5359 #admin-editor-lp_course .lp-course-curriculum .section .section-head .creatable {
5360 display: inline-block;
5361 width: 40px;
5362 margin: 0;
5363 color: #999;
5364 font-family: Dashicons;
5365 font-size: 1.25rem;
5366 text-align: center;
5367 vertical-align: middle;
5368 }
5369 #admin-editor-lp_course .lp-course-curriculum .section .section-head .movable {
5370 margin-left: -1px;
5371 cursor: url("../../images/openhand.cur") 7 5, default;
5372 }
5373 #admin-editor-lp_course .lp-course-curriculum .section .section-head .movable::before {
5374 content: "\f333";
5375 }
5376 #admin-editor-lp_course .lp-course-curriculum .section .section-head .movable:hover {
5377 color: #0085ba;
5378 }
5379 #admin-editor-lp_course .lp-course-curriculum .section .section-head .section-item-counts {
5380 line-height: 2.5rem;
5381 }
5382 #admin-editor-lp_course .lp-course-curriculum .section .section-head .actions {
5383 height: 100%;
5384 color: #444;
5385 }
5386 #admin-editor-lp_course .lp-course-curriculum .section .section-head .actions > * {
5387 display: inline-block;
5388 height: 100%;
5389 text-align: center;
5390 cursor: pointer;
5391 }
5392 #admin-editor-lp_course .lp-course-curriculum .section .section-head .actions .collapse:hover {
5393 color: #0085ba;
5394 }
5395 #admin-editor-lp_course .lp-course-curriculum .section .section-head .actions .collapse::before {
5396 display: inline-block;
5397 width: 40px;
5398 color: #999;
5399 font-family: Dashicons;
5400 font-size: 1rem;
5401 line-height: 2.5rem;
5402 }
5403 #admin-editor-lp_course .lp-course-curriculum .section .section-head .actions .collapse.open::before {
5404 content: "\f343";
5405 }
5406 #admin-editor-lp_course .lp-course-curriculum .section .section-head .actions .collapse.close::before {
5407 content: "\f347";
5408 }
5409 #admin-editor-lp_course .lp-course-curriculum .section .name {
5410 width: 100%;
5411 border: none;
5412 color: #777;
5413 font-size: 1.5rem;
5414 font-weight: 600;
5415 line-height: 3.125rem;
5416 }
5417 #admin-editor-lp_course .lp-course-curriculum .section .name:focus {
5418 color: #444;
5419 }
5420 #admin-editor-lp_course .lp-course-curriculum .section .section-collapse {
5421 overflow: hidden;
5422 }
5423 #admin-editor-lp_course .lp-course-curriculum .section .section-content {
5424 padding: 20px;
5425 border-top: 1px solid #e5e5e5;
5426 }
5427 #admin-editor-lp_course .lp-course-curriculum .section .details {
5428 margin-bottom: 20px;
5429 }
5430 #admin-editor-lp_course .lp-course-curriculum .section .title-input {
5431 padding-right: 0;
5432 border: none;
5433 font-size: 1.2em;
5434 line-height: 1.875rem;
5435 flex: 1;
5436 }
5437 #admin-editor-lp_course .lp-course-curriculum .section .description-input {
5438 width: 100%;
5439 margin: 0;
5440 padding: 0;
5441 border: none;
5442 color: #999;
5443 }
5444 #admin-editor-lp_course .lp-course-curriculum .section .description-input:focus {
5445 color: #444;
5446 }
5447 #admin-editor-lp_course .lp-course-curriculum .section-list-items {
5448 width: 100%;
5449 border-collapse: collapse;
5450 }
5451 #admin-editor-lp_course .lp-course-curriculum .section-list-items ul {
5452 position: relative;
5453 min-height: 5px;
5454 margin: 0;
5455 }
5456 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item {
5457 display: flex;
5458 position: relative;
5459 margin: 0;
5460 border: 1px solid #eee;
5461 border-bottom-width: 0;
5462 background: #fff;
5463 transition: background 200ms ease-out;
5464 justify-content: center;
5465 align-items: center;
5466 }
5467 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item.ui-sortable-helper {
5468 border-bottom: 1px solid #eee;
5469 }
5470 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item:nth-child(2n+1) {
5471 background-color: #f7f7f7;
5472 }
5473 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item.updating::before {
5474 position: absolute;
5475 z-index: 2;
5476 top: 0;
5477 left: 0;
5478 bottom: 0;
5479 right: 0;
5480 content: "";
5481 }
5482 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item.removing {
5483 background-color: #ffeded;
5484 }
5485 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .drag {
5486 height: 20px;
5487 padding-top: 3px;
5488 padding-right: 6px;
5489 cursor: url("../../images/openhand.cur") 7 5, default;
5490 fill: #999;
5491 flex: 0 0 18px;
5492 }
5493 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .drag:hover {
5494 fill: #0085ba;
5495 }
5496 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .icon {
5497 display: flex;
5498 align-items: center;
5499 justify-content: center;
5500 }
5501 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .title {
5502 margin-left: 120px;
5503 margin-right: 2px;
5504 flex-grow: 1;
5505 flex-basis: 100%;
5506 }
5507 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .title input {
5508 color: inherit;
5509 }
5510 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .item-actions {
5511 display: flex;
5512 position: absolute;
5513 top: 0;
5514 left: 2px;
5515 bottom: 0;
5516 align-items: center;
5517 justify-content: center;
5518 }
5519 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .actions {
5520 margin: 0;
5521 }
5522 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .actions > * {
5523 visibility: hidden;
5524 margin-left: 10px;
5525 }
5526 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .actions .edit {
5527 text-decoration: none;
5528 }
5529 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .actions .remove {
5530 color: #a00;
5531 }
5532 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item:hover .drag {
5533 visibility: visible;
5534 }
5535 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item:not(.lp_lesson) .item-actions .actions .preview-item {
5536 display: none;
5537 }
5538 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item {
5539 display: flex;
5540 position: relative;
5541 border-bottom-width: 1px;
5542 transition: all 200ms ease-out;
5543 align-items: center;
5544 }
5545 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .drag {
5546 display: flex;
5547 width: 30px;
5548 color: #999;
5549 font-family: Dashicons;
5550 font-size: 1rem;
5551 vertical-align: middle;
5552 cursor: default;
5553 align-items: center;
5554 justify-content: center;
5555 }
5556 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .drag::before {
5557 content: "\f132";
5558 }
5559 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .title {
5560 display: inline-block;
5561 margin: 0;
5562 flex: 1;
5563 }
5564 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .types {
5565 display: inline-block;
5566 }
5567 #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 {
5568 background-color: #fff;
5569 }
5570 #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 {
5571 display: inline-block;
5572 }
5573 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .types .type {
5574 display: inline-block;
5575 padding: 8px 5px;
5576 color: #ccc;
5577 }
5578 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .types .type input {
5579 display: none;
5580 }
5581 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .types .type.current {
5582 color: #0085ba;
5583 }
5584 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .types .type::before {
5585 position: relative;
5586 top: 2px;
5587 font-family: Dashicons;
5588 font-size: 1.25rem;
5589 }
5590 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .types .type.lp_quiz {
5591 padding: 8px 0 8px 6px;
5592 }
5593 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .types .type.lp_quiz::before {
5594 content: "\f469";
5595 }
5596 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .types .type.lp_lesson::before {
5597 content: "\f330";
5598 }
5599 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .types .type.empty-item::before {
5600 content: "\f463";
5601 }
5602 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .item-actions {
5603 text-align: left;
5604 }
5605 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .item-actions .actions .action {
5606 display: inline-block;
5607 position: relative;
5608 width: 30px;
5609 height: 30px;
5610 margin: 0;
5611 padding: 0;
5612 text-align: center;
5613 vertical-align: middle;
5614 cursor: pointer;
5615 }
5616 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .item-actions .actions .action > a {
5617 width: 30px;
5618 height: 30px;
5619 color: #999;
5620 line-height: 1.875rem;
5621 }
5622 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .item-actions .actions .action > a:hover {
5623 color: #0073aa;
5624 }
5625 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .item-actions .actions .action.delete-item > a:hover {
5626 color: #e74c3c;
5627 }
5628 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .item-actions .actions .action.delete-item ul {
5629 display: none;
5630 position: absolute;
5631 z-index: 9;
5632 top: 100%;
5633 left: 0;
5634 width: 165px;
5635 margin: 0;
5636 border: 1px solid #999;
5637 background: #fdfeff;
5638 text-align: center;
5639 }
5640 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .item-actions .actions .action.delete-item ul li {
5641 margin: 0;
5642 border-bottom: 1px solid #eee;
5643 text-align: left;
5644 }
5645 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .item-actions .actions .action.delete-item ul li a {
5646 display: block;
5647 padding: 10px 25px;
5648 color: #757575;
5649 font-size: 0.75rem;
5650 text-decoration: none;
5651 }
5652 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .item-actions .actions .action.delete-item ul li a.delete-permanently {
5653 color: #e74c3c;
5654 }
5655 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .item-actions .actions .action.delete-item ul li:hover {
5656 background: #eee;
5657 }
5658 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .item-actions .actions .action.delete-item:hover ul {
5659 display: block;
5660 }
5661 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item:hover .item-actions .actions > * {
5662 visibility: visible;
5663 cursor: pointer;
5664 }
5665 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item.lp_quiz .icon::before {
5666 content: "\f469";
5667 }
5668 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item.lp_lesson .icon::before {
5669 content: "\f330";
5670 }
5671 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item.empty-item {
5672 position: relative;
5673 color: #a2a2a2;
5674 }
5675 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item.empty-item::after {
5676 position: absolute;
5677 top: 0;
5678 left: 0;
5679 bottom: 0;
5680 right: 0;
5681 opacity: 0.5;
5682 background: #fff;
5683 content: "";
5684 }
5685 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item.empty-item .item-actions {
5686 display: none;
5687 }
5688 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item.empty-item .icon::before {
5689 color: #a2a2a2;
5690 content: "\f463";
5691 animation: rotating4 2s linear infinite;
5692 }
5693 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .icon {
5694 color: #0085ba;
5695 font-size: 1.25rem;
5696 text-align: center;
5697 flex: 0 0 29px;
5698 }
5699 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .icon::before {
5700 font-family: Dashicons;
5701 }
5702 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item input {
5703 width: 100%;
5704 padding: 8px 0 8px 10px;
5705 border: none;
5706 color: inherit;
5707 font-size: 0.875rem;
5708 font-weight: 600;
5709 }
5710 #admin-editor-lp_course .lp-course-curriculum .section-actions {
5711 padding: 0 20px 20px 20px;
5712 }
5713 #admin-editor-lp_course .lp-course-curriculum .section-actions .remove {
5714 display: none;
5715 float: left;
5716 height: 30px;
5717 border: 1px solid #eee;
5718 border-radius: 3px;
5719 color: #e74c3c;
5720 line-height: 1.875rem;
5721 cursor: pointer;
5722 }
5723 #admin-editor-lp_course .lp-course-curriculum .section-actions .remove .icon {
5724 padding: 0 18px;
5725 }
5726 #admin-editor-lp_course .lp-course-curriculum .section-actions .remove .confirm {
5727 display: none;
5728 padding: 0 18px;
5729 }
5730 #admin-editor-lp_course .lp-course-curriculum .section-actions .remove.confirm .confirm {
5731 display: inline-block;
5732 }
5733 #admin-editor-lp_course .lp-course-curriculum .section-actions .remove.confirm .icon {
5734 display: none;
5735 }
5736 #admin-editor-lp_course .lp-course-curriculum .ui-sortable-placeholder {
5737 display: block;
5738 visibility: visible !important;
5739 border-color: #bdf4fe !important;
5740 background: #bdf4fe !important;
5741 }
5742
5743 .wp-admin.post-type-lp_course #meta-box-tab-course_payment .learn-press-tip-floating {
5744 top: 40px;
5745 right: 100px;
5746 opacity: 0.8;
5747 background: #a00;
5748 }
5749 .wp-admin.post-type-lp_course #meta-box-tab-course_payment .learn-press-tip-floating::before {
5750 top: -7px;
5751 border: 7px solid transparent;
5752 border-top-width: 0;
5753 border-bottom-color: #a00;
5754 }
5755
5756 .section-item-counts {
5757 margin: 0;
5758 margin-right: auto;
5759 font-size: 0.75rem;
5760 white-space: nowrap;
5761 }
5762 .section-item-counts span {
5763 color: #999;
5764 }
5765
5766 #course-editor {
5767 margin-bottom: 10px;
5768 }
5769 #course-editor .inside .rwmb-custom_html-wrapper > .rwmb-label {
5770 display: none;
5771 }
5772 #course-editor .inside .rwmb-custom_html-wrapper > .rwmb-input {
5773 margin-right: 0;
5774 }
5775
5776 /**
5777 * Quiz admin editor.
5778 */
5779 #quiz-editor .inside .rwmb-custom_html-wrapper > .rwmb-label {
5780 display: none;
5781 }
5782 #quiz-editor .inside .rwmb-custom_html-wrapper > .rwmb-input {
5783 margin-right: 0;
5784 }
5785
5786 #quiz-editor .inside {
5787 margin: 0;
5788 padding: 0;
5789 }
5790
5791 #admin-editor-lp_quiz {
5792 margin: 0;
5793 padding: 0;
5794 border: none;
5795 }
5796 #admin-editor-lp_quiz form {
5797 margin: 0;
5798 }
5799 #admin-editor-lp_quiz .lp-box-data-head {
5800 display: flex;
5801 flex-direction: row;
5802 margin: 0;
5803 padding: 6px 20px;
5804 align-items: center;
5805 }
5806 #admin-editor-lp_quiz .lp-box-data-head h3 {
5807 padding: 0;
5808 }
5809 #admin-editor-lp_quiz .lp-box-data-head .status {
5810 visibility: hidden;
5811 position: relative;
5812 top: 5px;
5813 margin-right: 10px;
5814 font-family: Dashicons;
5815 font-size: 1.25rem;
5816 }
5817 #admin-editor-lp_quiz .lp-box-data-head .status::before {
5818 content: "\f463";
5819 }
5820 #admin-editor-lp_quiz .lp-box-data-head .status.loading {
5821 display: inline-block;
5822 visibility: visible;
5823 animation: rotation 2s infinite linear;
5824 }
5825 #admin-editor-lp_quiz .lp-box-data-head .collapse-list-questions {
5826 display: flex;
5827 width: 40px;
5828 height: 30px;
5829 color: #999;
5830 font-family: Dashicons;
5831 font-size: 1.875rem;
5832 cursor: pointer;
5833 justify-content: center;
5834 align-items: center;
5835 }
5836 #admin-editor-lp_quiz .lp-box-data-content {
5837 margin: 20px;
5838 margin-top: 0;
5839 border: 1px solid #ddd;
5840 }
5841 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions {
5842 border-collapse: collapse;
5843 color: #777;
5844 }
5845 @media (max-width: 1560px) {
5846 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .fill_in_blanks .question-settings {
5847 flex-direction: column;
5848 }
5849 }
5850 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row {
5851 display: flex;
5852 flex-direction: row;
5853 text-align: center;
5854 align-items: center;
5855 }
5856 @media (max-width: 1024px) {
5857 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row.question-settings {
5858 flex-direction: column;
5859 }
5860 }
5861 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > * {
5862 width: 100%;
5863 padding: 12px 8px;
5864 }
5865 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .sort {
5866 position: relative;
5867 color: #999;
5868 cursor: url("../../images/openhand.cur") 7 5, default;
5869 flex: 0 0 15px;
5870 }
5871 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .sort .svg-icon {
5872 height: 18px;
5873 margin-top: -2px;
5874 vertical-align: middle;
5875 fill: #999;
5876 }
5877 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .sort:hover {
5878 fill: #0085ba;
5879 }
5880 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .order {
5881 padding: 12px 0;
5882 color: #32373c;
5883 font-size: 1.2em;
5884 text-align: right;
5885 flex: 0 0 25px;
5886 }
5887 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .order::after {
5888 content: ".";
5889 }
5890 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .type {
5891 display: inline-flex;
5892 position: relative;
5893 width: 125px;
5894 height: 32px;
5895 padding: 0;
5896 border-radius: 2px;
5897 background-color: #eee;
5898 box-shadow: 0 0 2px rgba(0, 0, 0, 0.22);
5899 line-height: 2rem;
5900 cursor: pointer;
5901 flex: 0 0 auto;
5902 align-items: center;
5903 }
5904 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .type > a {
5905 display: inline-flex;
5906 width: 100%;
5907 padding: 0 10px;
5908 color: #666;
5909 text-align: center;
5910 cursor: pointer;
5911 align-items: center;
5912 justify-content: center;
5913 }
5914 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .type > a::after {
5915 margin-right: 5px;
5916 font-family: Dashicons;
5917 font-size: 0.875rem;
5918 line-height: 1.875rem;
5919 content: "\f347";
5920 }
5921 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .type ul {
5922 visibility: hidden;
5923 position: absolute;
5924 z-index: 9999;
5925 top: 100%;
5926 left: 0;
5927 height: auto;
5928 margin: 0;
5929 margin-top: -1px;
5930 border: 1px solid #999;
5931 border-radius: 2px;
5932 opacity: 1;
5933 background: #fdfeff;
5934 pointer-events: none;
5935 }
5936 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .type ul li {
5937 margin: 0;
5938 }
5939 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .type ul li a {
5940 display: block;
5941 min-width: 110px;
5942 padding: 10px 20px;
5943 color: #757575;
5944 line-height: 1.25rem;
5945 text-align: left;
5946 white-space: nowrap;
5947 text-decoration: none;
5948 }
5949 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .type ul li a:hover {
5950 background-color: #eee;
5951 }
5952 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .type ul li.disabled {
5953 opacity: 0.4;
5954 background-color: #fff;
5955 user-select: none;
5956 pointer-events: none;
5957 }
5958 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .type:hover ul {
5959 visibility: visible;
5960 opacity: 1;
5961 pointer-events: visible;
5962 }
5963 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .actions {
5964 width: 300px;
5965 }
5966 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .name {
5967 padding-right: 5px;
5968 }
5969 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row:hover > .sort {
5970 visibility: visible;
5971 }
5972 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row .actions .lp-box-data-actions {
5973 text-align: left !important;
5974 }
5975 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .header {
5976 display: none;
5977 border-bottom: 1px solid #ddd;
5978 }
5979 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .header .table-row > * {
5980 font-weight: bold;
5981 }
5982 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .header .table-row > .order::after {
5983 content: "";
5984 }
5985 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .header .table-row > .actions {
5986 padding: 12px 0;
5987 }
5988 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-actions .name input {
5989 width: 100%;
5990 padding: 0;
5991 border: none;
5992 color: #777;
5993 background: transparent;
5994 box-shadow: none;
5995 font-size: 0.875rem;
5996 font-weight: normal;
5997 }
5998 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings {
5999 padding: 0 20px;
6000 border: 1px solid #ddd;
6001 border-left: none;
6002 border-right: none;
6003 }
6004 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings > * {
6005 padding: 20px 0 20px 20px;
6006 }
6007 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings .quiz-question-data table.lp-list-options {
6008 border: 1px solid #ddd;
6009 }
6010 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings .quiz-question-data table.lp-list-options .sort {
6011 width: 12px;
6012 padding: 8px 6px;
6013 }
6014 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings .quiz-question-data table.lp-list-options .answer-text {
6015 width: calc(100% - 100px);
6016 padding-right: 0;
6017 color: #444;
6018 font-weight: 600;
6019 }
6020 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings .quiz-question-data table.lp-list-options .order {
6021 width: 10px;
6022 padding: 0;
6023 text-align: left;
6024 }
6025 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings .quiz-question-data table.lp-list-options .answer-correct {
6026 width: 65px;
6027 color: #444;
6028 font-weight: 600;
6029 text-align: center;
6030 }
6031 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings .quiz-question-data table.lp-list-options .actions {
6032 padding: 0;
6033 text-align: left;
6034 }
6035 #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 {
6036 height: 42px;
6037 }
6038 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings .quiz-question-data table.lp-list-options tbody tr {
6039 border: 1px solid #ddd;
6040 background: #f4fcff;
6041 }
6042 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings .quiz-question-data table.lp-list-options tbody tr:nth-child(2n) {
6043 background: #fff;
6044 }
6045 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings .quiz-question-data table.lp-list-options tbody tr td {
6046 position: static;
6047 padding: 0 10px;
6048 border: none;
6049 background: inherit;
6050 }
6051 #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 {
6052 width: 12px;
6053 cursor: url("../../images/openhand.cur") 7 5, default;
6054 }
6055 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings .quiz-question-data table.lp-list-options tbody tr td.answer-text {
6056 padding-right: 0;
6057 }
6058 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings .quiz-question-data table.lp-list-options tbody tr td.answer-correct {
6059 text-align: center;
6060 }
6061 #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 {
6062 height: 18px;
6063 vertical-align: middle;
6064 fill: #999;
6065 }
6066 #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 {
6067 visibility: visible;
6068 }
6069 #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 {
6070 fill: #0085ba;
6071 }
6072 #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 {
6073 visibility: visible !important;
6074 }
6075 #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 {
6076 height: 43px;
6077 background: #bdf4fe !important;
6078 }
6079 #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 {
6080 border-left: none;
6081 border-right: none;
6082 }
6083 #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 {
6084 border-bottom: 1px solid #ddd;
6085 }
6086 #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 {
6087 border-right: 0;
6088 }
6089 #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 {
6090 display: none;
6091 }
6092 #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 {
6093 display: inline-block;
6094 position: absolute;
6095 top: 12px;
6096 right: 4px;
6097 font-family: Dashicons;
6098 font-size: 1.125rem;
6099 content: "\f463";
6100 animation: rotating4 2s linear infinite;
6101 }
6102 #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 {
6103 position: relative;
6104 }
6105 #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 {
6106 position: absolute;
6107 top: 0;
6108 left: 1px;
6109 bottom: 0;
6110 right: 0;
6111 opacity: 0.5;
6112 background: #fff;
6113 content: "";
6114 }
6115 #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 {
6116 width: 100%;
6117 padding: 0;
6118 border: none;
6119 color: #777;
6120 background: transparent;
6121 box-shadow: none;
6122 font-size: 0.875rem;
6123 font-weight: normal;
6124 }
6125 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item {
6126 border-bottom: 1px solid #ddd;
6127 background: #f4fcff;
6128 line-height: 1.125rem;
6129 /*&:nth-child(2n+1) {
6130 background: #f4fcff;
6131 }*/
6132 }
6133 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item.ui-sortable-helper {
6134 border-top: 1px solid #f1f1f1;
6135 }
6136 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item.ui-sortable-placeholder {
6137 display: block;
6138 visibility: visible !important;
6139 border-color: #bdf4fe !important;
6140 background: #bdf4fe !important;
6141 }
6142 #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 {
6143 position: relative;
6144 }
6145 #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 {
6146 visibility: visible;
6147 }
6148 #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 {
6149 display: none;
6150 }
6151 #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 {
6152 display: inline-block;
6153 position: absolute;
6154 right: 5px;
6155 font-family: Dashicons;
6156 font-size: 1.25rem;
6157 content: "\f463";
6158 animation: rotating4 2s linear infinite;
6159 }
6160 #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 {
6161 position: absolute;
6162 top: 0;
6163 left: 0;
6164 bottom: 0;
6165 right: 0;
6166 opacity: 0.5;
6167 background: #fff;
6168 content: "";
6169 }
6170 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item.empty-question .question-settings {
6171 display: none;
6172 }
6173 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .cell {
6174 padding: 10px;
6175 }
6176 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-actions .name input {
6177 width: 100%;
6178 padding: 0;
6179 border: none;
6180 color: #32373c;
6181 background: transparent;
6182 box-shadow: none;
6183 font-size: 1.2em;
6184 font-weight: normal;
6185 line-height: 1.125rem;
6186 }
6187 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-actions .actions {
6188 margin: 0;
6189 padding: 0;
6190 }
6191 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-actions .actions .lp-toolbar-buttons {
6192 display: grid;
6193 position: static;
6194 z-index: 10;
6195 height: 100%;
6196 text-align: left;
6197 grid-template-columns: 30px 30px 30px 40px;
6198 align-items: center;
6199 justify-content: end;
6200 }
6201 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-actions .actions .lp-toolbar-buttons > div a {
6202 visibility: hidden;
6203 }
6204 #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 {
6205 position: absolute;
6206 z-index: 2;
6207 top: 50%;
6208 right: 50%;
6209 width: 28px;
6210 height: 30px;
6211 margin-top: -15px;
6212 margin-right: -15px;
6213 line-height: 1.875rem;
6214 text-align: center;
6215 }
6216 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-actions .actions .lp-toolbar-buttons .lp-toolbar-btn ul {
6217 z-index: 9;
6218 }
6219 #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 {
6220 padding: 8px 24px;
6221 line-height: 1.5rem;
6222 }
6223 #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 {
6224 border-bottom: 1px solid #eee;
6225 color: #666;
6226 }
6227 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-actions .actions .lp-toolbar-buttons .lp-btn-toggle {
6228 width: 40px;
6229 height: 42px;
6230 padding-left: 0;
6231 font-family: Dashicons;
6232 font-size: 1.25rem;
6233 line-height: 2.625rem;
6234 }
6235 #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 {
6236 content: "\f343";
6237 }
6238 #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 {
6239 content: "\f347";
6240 }
6241 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-actions:hover .lp-toolbar-buttons > div a {
6242 visibility: visible;
6243 }
6244 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-settings {
6245 background: #fff;
6246 }
6247 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-settings .quiz-question-options {
6248 padding-left: 0;
6249 padding-right: 0;
6250 text-align: right;
6251 }
6252 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-settings .quiz-question-options .inside {
6253 margin: 0;
6254 padding: 0;
6255 }
6256 #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 {
6257 margin: 0;
6258 padding: 20px;
6259 }
6260 #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) {
6261 background: #f4fcff;
6262 }
6263 #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 {
6264 margin: 0;
6265 margin-bottom: 10px;
6266 color: #666;
6267 font-weight: 600;
6268 }
6269 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-settings .quiz-question-options .postbox {
6270 border: 1px solid #ddd;
6271 }
6272 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-settings .quiz-question-options .postbox .hndle {
6273 font-weight: 600;
6274 cursor: default;
6275 }
6276 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-settings .quiz-question-options .postbox .toggle {
6277 float: left;
6278 position: absolute;
6279 top: 0;
6280 left: 0;
6281 width: 36px;
6282 height: 36px;
6283 line-height: 2.25rem;
6284 text-align: center;
6285 cursor: pointer;
6286 }
6287 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-settings .quiz-question-options .postbox .toggle::after {
6288 font-family: Dashicons;
6289 font-size: 1.125rem;
6290 content: "\f460";
6291 }
6292 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-settings.closed .quiz-question-options {
6293 width: 38px;
6294 }
6295 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-settings.closed .postbox {
6296 min-width: 34px;
6297 height: 34px;
6298 line-height: 2.625rem;
6299 text-align: center;
6300 }
6301 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-settings.closed .postbox .hndle {
6302 display: none;
6303 }
6304 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-settings.closed .postbox .toggle::after {
6305 content: "\f132";
6306 }
6307 #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 {
6308 display: none !important;
6309 }
6310 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer {
6311 margin-top: -1px;
6312 border-top: 1px solid #ddd;
6313 background: #f4fcff;
6314 }
6315 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row {
6316 height: auto;
6317 text-align: right;
6318 }
6319 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .lp-sortable-handle {
6320 display: flex;
6321 width: 30px;
6322 padding: 8px 10px 8px 6px;
6323 color: #999;
6324 font-family: Dashicons;
6325 font-size: 1.25rem;
6326 vertical-align: middle;
6327 align-items: center;
6328 justify-content: center;
6329 }
6330 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .lp-sortable-handle::before {
6331 content: "\f132";
6332 }
6333 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .order {
6334 padding: 8px 0;
6335 line-height: 1.75rem;
6336 text-align: right;
6337 }
6338 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question {
6339 padding: 8px 5px 8px 10px;
6340 }
6341 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .title {
6342 display: inline-block;
6343 position: relative;
6344 min-width: 500px;
6345 }
6346 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .title form input {
6347 width: 100%;
6348 margin: 0;
6349 padding: 6px 0;
6350 border: 0;
6351 background: transparent;
6352 font-size: 1.2em;
6353 line-height: 1.125rem;
6354 box-shadow: none;
6355 }
6356 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .title form input:focus {
6357 box-shadow: none;
6358 }
6359 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .title form input:focus {
6360 color: #32373c;
6361 }
6362 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .title form input::placeholder {
6363 display: inline-block;
6364 }
6365 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .add-new {
6366 display: inline;
6367 position: relative;
6368 }
6369 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .add-new ul.question-types {
6370 display: none;
6371 position: absolute;
6372 z-index: 9999999;
6373 top: 100%;
6374 left: -2px;
6375 width: 200px;
6376 margin: 6px;
6377 border: 1px solid #999;
6378 background-color: #fff;
6379 }
6380 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .add-new ul.question-types li {
6381 margin: 0;
6382 }
6383 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .add-new ul.question-types li a {
6384 display: block;
6385 padding: 12px 20px;
6386 outline: none;
6387 color: #757575;
6388 box-shadow: none;
6389 line-height: 1;
6390 text-decoration: none;
6391 }
6392 #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 {
6393 background: #eee;
6394 }
6395 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .add-new ul.question-types li.disabled {
6396 opacity: 0.5;
6397 background-color: #eee;
6398 user-select: none;
6399 pointer-events: none;
6400 }
6401 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .add-new button:hover + .question-types {
6402 display: block;
6403 }
6404 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .add-new button + .question-types:hover {
6405 display: block;
6406 }
6407 #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 {
6408 display: none;
6409 }
6410 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .select-item {
6411 display: inline;
6412 }
6413 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question button {
6414 height: 30px;
6415 box-shadow: 0 1px 0 #ccc !important;
6416 }
6417 #admin-editor-lp_quiz .lp-box-data-content .question-button-actions {
6418 text-align: right;
6419 }
6420
6421 /**.section-item-counts span
6422 * Question admin editor.
6423 */
6424 #question-editor .inside .rwmb-custom_html-wrapper .rwmb-label {
6425 display: none;
6426 }
6427 #question-editor .inside .rwmb-custom_html-wrapper .rwmb-input {
6428 margin-right: 0;
6429 }
6430
6431 #question-editor .inside {
6432 margin: 0;
6433 padding: 0;
6434 }
6435
6436 #admin-editor-lp_question {
6437 margin: 0;
6438 padding: 0;
6439 border: none;
6440 background: #fff;
6441 }
6442 #admin-editor-lp_question form {
6443 margin: 0;
6444 }
6445 #admin-editor-lp_question .lp-box-data-head {
6446 display: flex;
6447 flex-direction: row;
6448 padding: 10px 20px;
6449 align-items: center;
6450 }
6451 #admin-editor-lp_question .lp-box-data-head .heading {
6452 margin: 0;
6453 padding: 0;
6454 flex: 1;
6455 }
6456 #admin-editor-lp_question .lp-box-data-head .lp-question-editor {
6457 position: relative;
6458 margin-right: auto;
6459 border-right: 0;
6460 border-top-right-radius: 0;
6461 border-bottom-right-radius: 0;
6462 }
6463 #admin-editor-lp_question .lp-box-data-head .lp-question-editor .question-types > a {
6464 display: inline-flex;
6465 height: 32px;
6466 padding: 0 16px;
6467 border: 1px solid #999;
6468 border-radius: 2px;
6469 color: #666;
6470 line-height: 2rem;
6471 text-decoration: none;
6472 align-items: center;
6473 cursor: pointer;
6474 user-select: none;
6475 }
6476 #admin-editor-lp_question .lp-box-data-head .lp-question-editor .question-types > a::after {
6477 margin-right: 5px;
6478 font-family: Dashicons;
6479 font-size: 0.875rem;
6480 line-height: 1.875rem;
6481 content: "\f347";
6482 }
6483 #admin-editor-lp_question .lp-box-data-head .lp-question-editor .question-types ul {
6484 display: none;
6485 position: absolute;
6486 z-index: 9999;
6487 top: 100%;
6488 left: 0;
6489 height: auto;
6490 margin: 0;
6491 margin-top: -1px;
6492 border: 1px solid #999;
6493 border-radius: 2px;
6494 background: #fdfeff;
6495 }
6496 #admin-editor-lp_question .lp-box-data-head .lp-question-editor .question-types ul li {
6497 margin: 0;
6498 }
6499 #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 {
6500 background: #eee;
6501 }
6502 #admin-editor-lp_question .lp-box-data-head .lp-question-editor .question-types ul li a {
6503 display: block;
6504 min-width: 110px;
6505 padding: 10px;
6506 color: #757575;
6507 font-size: 0.75rem;
6508 text-align: left;
6509 white-space: nowrap;
6510 text-decoration: none;
6511 }
6512 #admin-editor-lp_question .lp-box-data-head .lp-question-editor .question-types ul li.disabled {
6513 opacity: 0.4;
6514 }
6515 #admin-editor-lp_question .lp-box-data-head .lp-question-editor .question-types ul li.disabled a {
6516 color: #999;
6517 cursor: not-allowed;
6518 pointer-events: none;
6519 }
6520 #admin-editor-lp_question .lp-box-data-head .lp-question-editor .question-types ul:hover {
6521 display: block;
6522 }
6523 #admin-editor-lp_question .lp-box-data-head .lp-question-editor:hover .question-types ul {
6524 display: block;
6525 }
6526 #admin-editor-lp_question .lp-box-data-content {
6527 padding: 0 20px 20px 20px;
6528 border: none !important;
6529 }
6530 #admin-editor-lp_question .lp-box-data-content table.list-question-answers {
6531 width: 100%;
6532 border: 1px solid #ddd;
6533 }
6534 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tr td {
6535 padding: 0 15px;
6536 }
6537 #admin-editor-lp_question .lp-box-data-content table.list-question-answers thead tr th {
6538 padding: 15px;
6539 border-bottom: 1px solid #ddd;
6540 background-color: #eee;
6541 font-weight: 600;
6542 }
6543 #admin-editor-lp_question .lp-box-data-content table.list-question-answers thead tr th.answer-text {
6544 padding-right: 10px;
6545 }
6546 #admin-editor-lp_question .lp-box-data-content table.list-question-answers .sort,
6547 #admin-editor-lp_question .lp-box-data-content table.list-question-answers .order,
6548 #admin-editor-lp_question .lp-box-data-content table.list-question-answers .actions {
6549 width: 10px;
6550 }
6551 #admin-editor-lp_question .lp-box-data-content table.list-question-answers .sort {
6552 padding: 0 10px;
6553 }
6554 #admin-editor-lp_question .lp-box-data-content table.list-question-answers .order {
6555 width: 10px;
6556 padding: 0;
6557 text-align: left;
6558 }
6559 #admin-editor-lp_question .lp-box-data-content table.list-question-answers .answer-correct {
6560 width: 65px;
6561 text-align: center;
6562 }
6563 #admin-editor-lp_question .lp-box-data-content table.list-question-answers .answer-text {
6564 padding-right: 8px;
6565 }
6566 #admin-editor-lp_question .lp-box-data-content table.list-question-answers .actions {
6567 padding-left: 0;
6568 text-align: left;
6569 }
6570 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr {
6571 color: #444;
6572 background: #fff;
6573 }
6574 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr:nth-child(2n) {
6575 background: #fff;
6576 }
6577 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr td {
6578 background-color: #fff;
6579 }
6580 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr td.sort {
6581 width: 15px;
6582 padding: 0;
6583 font-size: 1.125rem;
6584 text-align: center;
6585 cursor: url("../../images/openhand.cur") 7 5, default;
6586 }
6587 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr td.sort .svg-icon {
6588 height: 18px;
6589 margin-top: -2px;
6590 vertical-align: middle;
6591 fill: #999;
6592 }
6593 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr td.sort:hover .svg-icon {
6594 fill: #0085ba;
6595 }
6596 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr td.order {
6597 font-size: 0.875rem;
6598 }
6599 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr td.answer-text input {
6600 width: 100%;
6601 padding: 0;
6602 border: none;
6603 color: #444;
6604 background: transparent;
6605 box-shadow: none;
6606 font-size: 0.875rem;
6607 font-weight: 600;
6608 transition: box-shadow 0.2s ease;
6609 }
6610 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr td.lp-toolbar-buttons {
6611 z-index: auto;
6612 }
6613 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr:hover td.actions .remove-answer {
6614 visibility: visible;
6615 height: 42px;
6616 }
6617 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr.ui-sortable-placeholder {
6618 visibility: visible !important;
6619 }
6620 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr.ui-sortable-placeholder td {
6621 height: 43px;
6622 background: #bdf4fe !important;
6623 }
6624 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr.ui-sortable-helper td {
6625 border-bottom: 1px solid #ddd;
6626 }
6627 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr.ui-sortable-helper td.sort {
6628 border-right: 0;
6629 }
6630 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr.new-option .svg-icon {
6631 display: none;
6632 }
6633 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr.new-option td {
6634 position: relative;
6635 }
6636 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr.new-option .sort::before {
6637 display: inline-block;
6638 position: absolute;
6639 top: 8px;
6640 right: 10px;
6641 font-family: "Dashicons";
6642 content: "\f463";
6643 animation: rotating4 2s linear infinite;
6644 }
6645 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr.new-option td::after {
6646 position: absolute;
6647 top: 0;
6648 left: 0;
6649 bottom: 0;
6650 right: 0;
6651 opacity: 0.5;
6652 background: #fff;
6653 content: "";
6654 }
6655 #admin-editor-lp_question .lp-box-data-content .add-answer {
6656 margin: 15px 0 0 0;
6657 }
6658 #admin-editor-lp_question.sorting_choice table.list-question-answers .answer-correct {
6659 display: none !important;
6660 }
6661
6662 .lp-admin-fib-question-editor,
6663 .admin-quiz-fib-question-editor {
6664 text-align: right;
6665 }
6666 .lp-admin-fib-question-editor .lp-box-data-content,
6667 .admin-quiz-fib-question-editor .lp-box-data-content {
6668 margin: 0 !important;
6669 border: none !important;
6670 }
6671 .lp-admin-fib-question-editor .content-editable,
6672 .admin-quiz-fib-question-editor .content-editable {
6673 min-height: 240px !important;
6674 padding: 12px 15px;
6675 border: 2px solid #ddd;
6676 border-radius: 4px;
6677 }
6678 .lp-admin-fib-question-editor .content-editable .fib-blank,
6679 .admin-quiz-fib-question-editor .content-editable .fib-blank {
6680 position: relative;
6681 color: #2196f3;
6682 }
6683 .lp-admin-fib-question-editor .content-editable .fib-blank::before,
6684 .admin-quiz-fib-question-editor .content-editable .fib-blank::before {
6685 content: "#" attr(data-index) ". ";
6686 }
6687 .lp-admin-fib-question-editor .fib-blanks,
6688 .admin-quiz-fib-question-editor .fib-blanks {
6689 min-width: 700px;
6690 border-collapse: collapse;
6691 }
6692 @media (max-width: 1024px) {
6693 .lp-admin-fib-question-editor .fib-blanks,
6694 .admin-quiz-fib-question-editor .fib-blanks {
6695 width: 100%;
6696 min-width: 100%;
6697 }
6698 }
6699 .lp-admin-fib-question-editor .fib-blanks tbody,
6700 .admin-quiz-fib-question-editor .fib-blanks tbody {
6701 border-bottom: 1px solid #bbb;
6702 }
6703 .lp-admin-fib-question-editor .fib-blanks tbody tr,
6704 .admin-quiz-fib-question-editor .fib-blanks tbody tr {
6705 background: #eee;
6706 }
6707 .lp-admin-fib-question-editor .fib-blanks tbody tr td,
6708 .admin-quiz-fib-question-editor .fib-blanks tbody tr td {
6709 padding: 5px;
6710 }
6711 .lp-admin-fib-question-editor .fib-blanks tbody tr.blank-options td,
6712 .admin-quiz-fib-question-editor .fib-blanks tbody tr.blank-options td {
6713 padding: 0;
6714 }
6715 .lp-admin-fib-question-editor .fib-blanks tbody tr.blank-options ul,
6716 .admin-quiz-fib-question-editor .fib-blanks tbody tr.blank-options ul {
6717 display: none;
6718 margin: 5px 0;
6719 padding: 20px;
6720 border: 1px solid #ddd;
6721 background: #fff;
6722 list-style: none;
6723 }
6724 .lp-admin-fib-question-editor .fib-blanks tbody.open .blank-options ul,
6725 .admin-quiz-fib-question-editor .fib-blanks tbody.open .blank-options ul {
6726 display: block;
6727 }
6728 .lp-admin-fib-question-editor .fib-blanks tbody .blank-position,
6729 .admin-quiz-fib-question-editor .fib-blanks tbody .blank-position {
6730 font-weight: 600;
6731 text-align: center;
6732 }
6733 .lp-admin-fib-question-editor .fib-blanks tbody .blank-actions,
6734 .admin-quiz-fib-question-editor .fib-blanks tbody .blank-actions {
6735 text-align: left;
6736 }
6737 .lp-admin-fib-question-editor .fib-blanks tbody:last-child,
6738 .admin-quiz-fib-question-editor .fib-blanks tbody:last-child {
6739 border: none;
6740 }
6741
6742 #fill-in-blanks-editor {
6743 display: flex;
6744 }
6745 #fill-in-blanks-editor .blank-options {
6746 flex: 0 0 65%;
6747 }
6748 #fill-in-blanks-editor .blanks {
6749 width: 100%;
6750 margin: 0;
6751 }
6752 #fill-in-blanks-editor .blanks .blank {
6753 margin: 0 0 20px 0;
6754 padding: 20px;
6755 border: 1px solid #d9e0f1;
6756 background: #fbfcff;
6757 }
6758 #fill-in-blanks-editor .blanks .blank label {
6759 font-weight: bold;
6760 }
6761 #fill-in-blanks-editor .blanks .blank .blank-content {
6762 width: 100%;
6763 min-height: 74px;
6764 font-size: 1rem;
6765 }
6766 #fill-in-blanks-editor .blanks .blank .blank-words .word {
6767 background: #ddd;
6768 line-height: 1;
6769 border-radius: 4px;
6770 }
6771 #fill-in-blanks-editor .blanks .blank .blank-words .word.correct {
6772 background: #00a1e6;
6773 }
6774 #fill-in-blanks-editor .blanks .blank .blank-tip p {
6775 font-style: italic;
6776 }
6777 #fill-in-blanks-editor .blanks .blank .button-remove {
6778 color: #f00;
6779 }
6780 #fill-in-blanks-editor .passage-preview {
6781 margin-right: 20px;
6782 padding: 15px 20px;
6783 border: 1px solid #ddd;
6784 font-size: 1rem;
6785 line-height: 1.5rem;
6786 text-align: justify;
6787 flex: 1;
6788 }
6789 #fill-in-blanks-editor .passage-preview .blank-input {
6790 /* line-height: 11px; */
6791 display: inline-block;
6792 position: relative;
6793 width: 50px;
6794 height: 16px;
6795 margin: -2px 10px;
6796 padding: 0;
6797 border: none;
6798 border-bottom: 1px dashed #ddd;
6799 background: transparent;
6800 box-shadow: none;
6801 font-size: 1rem;
6802 vertical-align: middle;
6803 }
6804 #fill-in-blanks-editor .blanks-list {
6805 width: 100%;
6806 }
6807 #fill-in-blanks-editor .blanks-list textarea {
6808 width: 100%;
6809 min-height: 300px;
6810 margin-bottom: 20px;
6811 outline: none;
6812 background: #f9f9f9;
6813 box-shadow: none;
6814 font-size: 1.125rem;
6815 line-height: 1.875rem;
6816 }
6817 #fill-in-blanks-editor .blanks-list code {
6818 line-height: 1;
6819 border-radius: 4px;
6820 }
6821 #fill-in-blanks-editor .blanks-list code.correct {
6822 background: #00a1e6;
6823 }
6824
6825 /**
6826 * Modal choose items.
6827 */
6828 #lp-modal-choose-items {
6829 display: none;
6830 position: fixed;
6831 z-index: -1;
6832 top: 0;
6833 left: 0;
6834 bottom: 0;
6835 right: 0;
6836 opacity: 0;
6837 background-color: rgba(0, 0, 0, 0.5);
6838 }
6839 #lp-modal-choose-items.show {
6840 display: block;
6841 z-index: 99999999;
6842 opacity: 1;
6843 }
6844 #lp-modal-choose-items.loading .lp-choose-items ul.list-items::before {
6845 display: block;
6846 position: absolute;
6847 z-index: 9;
6848 top: 0;
6849 left: 0;
6850 bottom: 0;
6851 right: 0;
6852 background: url("../../images/spinner.gif") no-repeat center center;
6853 background-color: #fff;
6854 content: "";
6855 }
6856 #lp-modal-choose-items .lp-choose-items {
6857 position: relative;
6858 max-width: 800px;
6859 margin: 5% 20% 10% auto;
6860 border: 1px solid #ddd;
6861 background-color: #fff;
6862 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
6863 transition: all 200ms ease-out;
6864 }
6865 #lp-modal-choose-items .lp-choose-items.show-preview .header .preview-title {
6866 display: flex;
6867 align-items: center;
6868 }
6869 #lp-modal-choose-items .lp-choose-items .header {
6870 position: relative;
6871 }
6872 #lp-modal-choose-items .lp-choose-items .header .preview-title {
6873 display: none;
6874 position: absolute;
6875 z-index: 10;
6876 top: 0;
6877 left: 0;
6878 bottom: 0;
6879 right: 0;
6880 padding-right: 20px;
6881 border-bottom: 1px solid #ddd;
6882 background-color: #fff;
6883 font-weight: 600;
6884 }
6885 #lp-modal-choose-items .lp-choose-items .header .preview-title h3 {
6886 margin: 0;
6887 }
6888 #lp-modal-choose-items .lp-choose-items .header .tabs {
6889 margin: 0;
6890 border-bottom: 1px solid #ddd;
6891 }
6892 #lp-modal-choose-items .lp-choose-items .header .tabs .tab {
6893 display: inline-block;
6894 position: relative;
6895 margin: 0;
6896 }
6897 #lp-modal-choose-items .lp-choose-items .header .tabs .tab:not(:last-child)::before {
6898 position: absolute;
6899 top: 50%;
6900 left: 0;
6901 height: 44px;
6902 margin-top: -22px;
6903 border-left: 1px solid #ddd;
6904 content: "";
6905 }
6906 #lp-modal-choose-items .lp-choose-items .header .tabs .tab.active::after {
6907 display: inline-block;
6908 position: absolute;
6909 bottom: -6px;
6910 right: 50%;
6911 width: 10px;
6912 height: 10px;
6913 margin-right: -6px;
6914 border: 1px solid #ddd;
6915 border-left: 0;
6916 border-bottom: 0;
6917 background: #fff;
6918 content: "";
6919 transform: rotate(-45deg);
6920 }
6921 #lp-modal-choose-items .lp-choose-items .header .tabs .tab.active a {
6922 color: #0073aa;
6923 }
6924 #lp-modal-choose-items .lp-choose-items .header .tabs .tab a {
6925 display: inline-block;
6926 height: 44px;
6927 padding: 0 20px;
6928 color: #333;
6929 font-weight: 600;
6930 line-height: 2.75rem;
6931 text-decoration: none;
6932 }
6933 #lp-modal-choose-items .lp-choose-items .header .tabs .tab a:focus {
6934 box-shadow: none;
6935 }
6936 #lp-modal-choose-items .lp-choose-items .header .close {
6937 display: inline-block;
6938 position: absolute;
6939 z-index: 30;
6940 top: 0;
6941 left: 0;
6942 padding: 12px;
6943 font-size: 1em;
6944 cursor: pointer;
6945 }
6946 #lp-modal-choose-items .lp-choose-items .main {
6947 overflow: hidden;
6948 position: relative;
6949 padding: 20px;
6950 border-bottom: 1px solid #ddd;
6951 }
6952 #lp-modal-choose-items .lp-choose-items .main .section-item {
6953 display: block;
6954 overflow: hidden;
6955 max-width: 100%;
6956 white-space: nowrap;
6957 text-overflow: ellipsis;
6958 cursor: pointer;
6959 transition: color 200ms ease-out;
6960 }
6961 #lp-modal-choose-items .lp-choose-items .main .section-item::before {
6962 position: relative;
6963 top: 3px;
6964 font-family: Dashicons;
6965 }
6966 #lp-modal-choose-items .lp-choose-items .main .search {
6967 margin-bottom: 20px;
6968 background: transparent;
6969 }
6970 #lp-modal-choose-items .lp-choose-items .main .search input.modal-search-input {
6971 width: 100%;
6972 height: 36px;
6973 padding: 0 14px;
6974 font-size: 1rem;
6975 line-height: 2.25rem;
6976 }
6977 #lp-modal-choose-items .lp-choose-items .main .list-items {
6978 overflow-y: auto;
6979 position: relative;
6980 min-height: 260px;
6981 max-height: 460px;
6982 margin: 0;
6983 }
6984 #lp-modal-choose-items .lp-choose-items .main .list-items li {
6985 margin: 15px 0;
6986 cursor: pointer;
6987 }
6988 #lp-modal-choose-items .lp-choose-items .main .pagination .index {
6989 margin-right: 20px;
6990 line-height: 1.75rem;
6991 }
6992 #lp-modal-choose-items .lp-choose-items .lp-added-items-preview {
6993 overflow: auto;
6994 position: absolute;
6995 z-index: 2;
6996 top: 0;
6997 left: 0;
6998 bottom: 0;
6999 right: 0;
7000 max-height: 420px;
7001 padding: 20px;
7002 background-color: #fff;
7003 transform: translate(-100%, 0);
7004 }
7005 #lp-modal-choose-items .lp-choose-items .lp-added-items-preview.show {
7006 transform: translate(0, 0);
7007 }
7008 #lp-modal-choose-items .lp-choose-items .lp-added-items-preview .list-added-items li {
7009 margin: 15px 0;
7010 }
7011 #lp-modal-choose-items .lp-choose-items .lp-added-items-preview .list-added-items li:first-child {
7012 margin: -10px 0 15px 0;
7013 }
7014 #lp-modal-choose-items .lp-choose-items .footer {
7015 padding: 20px;
7016 }
7017
7018 body.lp-item-moving {
7019 cursor: url("../../images/closedhand.cur") 7 5, default !important;
7020 }
7021
7022 @media screen and (max-width: 900px) {
7023 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .question-settings.table-row {
7024 display: block;
7025 width: auto;
7026 text-align: right;
7027 }
7028 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .question-settings.table-row > * {
7029 width: auto;
7030 }
7031 }
7032 /**
7033 * Style for the popup select item to add in LearnPress
7034 */
7035 .lp-select-items-popup {
7036 padding: 0 !important;
7037 grid-row: 1 !important;
7038 --swal2-close-button-font-size: 32px;
7039 }
7040 .lp-select-items-html-container {
7041 padding: 0 !important;
7042 }
7043
7044 .lp-popup-items-to-select {
7045 text-align: right;
7046 font-size: 1rem;
7047 /**
7048 * Style for the buttons
7049 */
7050 /* 5. Minimal Bottom Line */
7051 }
7052 .lp-popup-items-to-select .lp-btn-edit-primary {
7053 border: none;
7054 background: #135e96;
7055 color: #fff;
7056 }
7057 .lp-popup-items-to-select .lp-btn-edit-primary:not(.active) {
7058 opacity: 0.5;
7059 }
7060 .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 {
7061 background: #135E96;
7062 color: #fff;
7063 opacity: 1;
7064 }
7065 .lp-popup-items-to-select .btn-line::after {
7066 content: "";
7067 position: absolute;
7068 bottom: 0;
7069 right: 0;
7070 height: 4px;
7071 width: 0%;
7072 background-color: #38bdf8;
7073 animation: lineLoad 2s ease-in-out infinite;
7074 }
7075 @keyframes lineLoad {
7076 0% {
7077 width: 0%;
7078 right: 0;
7079 }
7080 50% {
7081 width: 100%;
7082 right: 0;
7083 }
7084 100% {
7085 width: 0%;
7086 right: 100%;
7087 }
7088 }
7089 .lp-popup-items-to-select .header {
7090 position: relative;
7091 }
7092 .lp-popup-items-to-select .header .header-count-items-selected {
7093 border-bottom: 1px solid #C3C4C7;
7094 padding: 16px 20px;
7095 }
7096 .lp-popup-items-to-select .header .tabs {
7097 margin: 0;
7098 border-bottom: 1px solid #C3C4C7;
7099 }
7100 .lp-popup-items-to-select .header .tabs .tab {
7101 display: inline-block;
7102 position: relative;
7103 margin: 0;
7104 }
7105 .lp-popup-items-to-select .header .tabs .tab:not(:last-child)::before {
7106 position: absolute;
7107 top: 50%;
7108 left: 0;
7109 height: 44px;
7110 margin-top: -22px;
7111 border-left: 1px solid #C3C4C7;
7112 content: "";
7113 }
7114 .lp-popup-items-to-select .header .tabs .tab.active::after {
7115 display: inline-block;
7116 position: absolute;
7117 bottom: -6px;
7118 right: 50%;
7119 width: 10px;
7120 height: 10px;
7121 margin-right: -6px;
7122 border: 1px solid #C3C4C7;
7123 border-left: 0;
7124 border-bottom: 0;
7125 background: #fff;
7126 content: "";
7127 transform: rotate(-45deg);
7128 }
7129 .lp-popup-items-to-select .header .tabs .tab.active a {
7130 color: #0073aa;
7131 }
7132 .lp-popup-items-to-select .header .tabs .tab a {
7133 display: inline-block;
7134 height: 44px;
7135 padding: 0 20px;
7136 color: #333;
7137 font-weight: 600;
7138 line-height: 2.75rem;
7139 text-decoration: none;
7140 }
7141 .lp-popup-items-to-select .header .tabs .tab a:focus {
7142 box-shadow: none;
7143 }
7144 .lp-popup-items-to-select .main {
7145 overflow: hidden;
7146 position: relative;
7147 padding: 20px;
7148 border-bottom: 1px solid #C3C4C7;
7149 }
7150 .lp-popup-items-to-select .main input.lp-search-title-item {
7151 width: 100%;
7152 font-size: 1rem;
7153 border: 1px solid #C3C4C7;
7154 margin-bottom: 10px;
7155 }
7156 .lp-popup-items-to-select .list-items, .lp-popup-items-to-select .list-items-selected {
7157 display: flex;
7158 flex-direction: column;
7159 overflow-y: auto;
7160 min-height: 260px;
7161 max-height: 50vh;
7162 margin: 0;
7163 }
7164 .lp-popup-items-to-select .list-items li, .lp-popup-items-to-select .list-items-selected li {
7165 margin: 0;
7166 cursor: pointer;
7167 padding: 10px;
7168 border: 1px solid white;
7169 }
7170 .lp-popup-items-to-select .list-items li:hover, .lp-popup-items-to-select .list-items-selected li:hover {
7171 background-color: #eff6ff;
7172 border-color: #e2eefe;
7173 }
7174 .lp-popup-items-to-select .list-items-selected li {
7175 display: flex;
7176 gap: 5px;
7177 align-items: center;
7178 color: #999;
7179 }
7180 .lp-popup-items-to-select .list-items-selected li .item-type {
7181 padding: 0;
7182 font-size: inherit;
7183 color: inherit;
7184 line-height: unset;
7185 }
7186 .lp-popup-items-to-select .list-items-selected li .item-title {
7187 color: #333;
7188 }
7189 .lp-popup-items-to-select .list-items-selected li.selected {
7190 background-color: #F4FCFF;
7191 }
7192 .lp-popup-items-to-select .list-items-selected li:hover .dashicons-remove {
7193 opacity: 1;
7194 }
7195 .lp-popup-items-to-select .list-items-selected .dashicons-remove {
7196 color: #E74C3C;
7197 opacity: 0.6;
7198 }
7199 .lp-popup-items-to-select .pagination {
7200 display: flex;
7201 flex-wrap: wrap;
7202 margin: 10px 0 -10px 0;
7203 align-items: center;
7204 flex-direction: column;
7205 gap: 10px;
7206 }
7207 .lp-popup-items-to-select .pagination::before {
7208 content: "";
7209 display: block;
7210 width: 100%;
7211 height: 1px;
7212 background-color: #ececec;
7213 position: relative;
7214 }
7215 .lp-popup-items-to-select .pagination li {
7216 margin: 0;
7217 cursor: pointer;
7218 }
7219 .lp-popup-items-to-select .pagination li .page-numbers {
7220 height: 30px;
7221 display: flex;
7222 align-items: center;
7223 justify-content: center;
7224 }
7225 .lp-popup-items-to-select .pagination li a {
7226 text-decoration: none;
7227 display: flex;
7228 align-items: center;
7229 }
7230 .lp-popup-items-to-select .footer {
7231 padding: 16px 20px;
7232 display: flex;
7233 gap: 5px;
7234 }
7235
7236 #learn-press-reset-course-users,
7237 #learn-press-reset-user-courses,
7238 #learn-press-reset-user-item {
7239 max-width: 100%;
7240 }
7241 #learn-press-reset-course-users table,
7242 #learn-press-reset-user-courses table,
7243 #learn-press-reset-user-item table {
7244 width: 100%;
7245 border-collapse: collapse;
7246 }
7247 #learn-press-reset-course-users .courses-list,
7248 #learn-press-reset-user-courses .courses-list,
7249 #learn-press-reset-user-item .courses-list {
7250 margin: 0;
7251 }
7252 #learn-press-reset-course-users input[type=text],
7253 #learn-press-reset-user-courses input[type=text],
7254 #learn-press-reset-user-item input[type=text] {
7255 min-width: 300px;
7256 height: 28px;
7257 margin-right: 0;
7258 }
7259 #learn-press-reset-course-users .action-reset.dashicons-trash,
7260 #learn-press-reset-user-courses .action-reset.dashicons-trash,
7261 #learn-press-reset-user-item .action-reset.dashicons-trash {
7262 color: #FF0000;
7263 }
7264 #learn-press-reset-course-users .action-reset.dashicons-update,
7265 #learn-press-reset-user-courses .action-reset.dashicons-update,
7266 #learn-press-reset-user-item .action-reset.dashicons-update {
7267 animation: rotating4 2s linear infinite;
7268 }
7269
7270 #learn-press-assign-course .description {
7271 margin-bottom: 10px;
7272 }
7273 #learn-press-assign-course label {
7274 display: block;
7275 margin-bottom: 5px;
7276 }
7277
7278 #learn-press-unassigned-course .description {
7279 margin-bottom: 10px;
7280 }
7281 #learn-press-unassigned-course label {
7282 display: block;
7283 margin-bottom: 5px;
7284 }
7285
7286 .lp-form-filter.lp-form-filter-reset-course-progress, .lp-form-filter.lp-form-filter-reset-item-progress {
7287 gap: 0;
7288 margin-bottom: 10px;
7289 }
7290
7291 .learn-press-tip {
7292 display: none;
7293 margin: 0 5px;
7294 color: #444;
7295 font-style: normal;
7296 font-weight: normal;
7297 line-height: 1;
7298 vertical-align: baseline;
7299 cursor: pointer;
7300 }
7301 .learn-press-tip.ready {
7302 display: inline-block;
7303 }
7304 .learn-press-tip::before {
7305 font-family: "lp-icon";
7306 content: "\f059";
7307 }
7308 .learn-press-tip:hover {
7309 opacity: 0.8;
7310 }
7311
7312 .learn-press-tip-floating {
7313 position: absolute;
7314 z-index: 9999999;
7315 min-width: 20px;
7316 margin-right: -1px;
7317 padding: 0.618em 1em;
7318 color: #fff;
7319 background: #383838;
7320 font-size: 0.8em;
7321 line-height: 1.2em;
7322 border-radius: 3px;
7323 }
7324 .learn-press-tip-floating > * {
7325 font-size: 0.8em;
7326 }
7327 .learn-press-tip-floating .close {
7328 display: inline-block;
7329 position: absolute;
7330 top: -8px;
7331 left: -8px;
7332 width: 16px;
7333 height: 16px;
7334 border: 1px solid #fff;
7335 color: #fff;
7336 background: #468fbc;
7337 line-height: 1rem;
7338 text-align: center;
7339 cursor: pointer;
7340 border-radius: 50%;
7341 }
7342 .learn-press-tip-floating .close::before {
7343 font-family: "lp-icon";
7344 content: "\f00d";
7345 }
7346 .learn-press-tip-floating p {
7347 margin: 0;
7348 }
7349 .learn-press-tip-floating::before {
7350 position: absolute;
7351 bottom: -6px;
7352 right: 50%;
7353 width: 0;
7354 height: 0;
7355 margin-right: -6px;
7356 border: 6px solid transparent;
7357 border-top-color: #383838;
7358 border-bottom-width: 0;
7359 content: "";
7360 }
7361
7362 .lp-group-step {
7363 border-bottom: 1px solid #eee;
7364 }
7365 .lp-group-step h3 {
7366 padding: 0 2em;
7367 }
7368 .lp-group-step label {
7369 margin-bottom: 5px;
7370 font-size: 0.8em;
7371 font-weight: 500;
7372 font-style: italic;
7373 }
7374 .lp-group-step .lp-item-step {
7375 display: flex;
7376 position: relative;
7377 min-height: 35px;
7378 margin: 0;
7379 padding: 1em 0 1em 1em;
7380 border-top: 1px solid #eee;
7381 align-items: center;
7382 cursor: pointer;
7383 }
7384 .lp-group-step .lp-item-step:hover {
7385 background: #eee;
7386 }
7387 .lp-group-step .lp-item-step.running .lp-item-step-left::before {
7388 opacity: 1;
7389 }
7390 .lp-group-step .lp-item-step.running .lp-item-step-left input {
7391 opacity: 0;
7392 }
7393 .lp-group-step .lp-item-step.running::before {
7394 display: block;
7395 position: absolute;
7396 width: 0;
7397 height: 100%;
7398 background: #0073aa;
7399 content: "";
7400 opacity: 0.1;
7401 transition: 0.8s linear;
7402 }
7403 .lp-group-step .lp-item-step.running .progress-bar {
7404 opacity: 0.1;
7405 }
7406 .lp-group-step .lp-item-step.completed .lp-item-step-left::after {
7407 opacity: 1;
7408 }
7409 .lp-group-step .lp-item-step.completed .lp-item-step-left input {
7410 opacity: 0;
7411 }
7412 .lp-group-step .lp-item-step.completed .progress-bar {
7413 width: 100%;
7414 opacity: 0.1;
7415 }
7416 .lp-group-step .lp-item-step.error .lp-item-step-left::after {
7417 opacity: 1;
7418 color: #dd3333;
7419 content: "\f335";
7420 }
7421 .lp-group-step .lp-item-step .progress-bar {
7422 display: block;
7423 position: absolute;
7424 top: 0;
7425 right: 0;
7426 width: 0;
7427 height: 100%;
7428 opacity: 0;
7429 background: rgba(124, 96, 217, 0.7490196078);
7430 transition: 0.8s linear;
7431 }
7432 .lp-group-step .lp-item-step-left {
7433 display: inline-flex;
7434 align-items: center;
7435 position: relative;
7436 padding: 0 2em;
7437 }
7438 .lp-group-step .lp-item-step-left::before {
7439 display: block;
7440 position: absolute;
7441 z-index: 2;
7442 width: 1em;
7443 height: 1em;
7444 border: 1px solid rgba(0, 0, 0, 0.1);
7445 border-top: 1px solid #3498db;
7446 border-radius: 50%;
7447 opacity: 0;
7448 content: "";
7449 -webkit-animation: lp-rotating 0.8s linear infinite;
7450 animation: lp-rotating 0.8s linear infinite;
7451 }
7452 .lp-group-step .lp-item-step-left::after {
7453 position: absolute;
7454 z-index: 1;
7455 right: 23px;
7456 opacity: 0;
7457 color: #4caf50;
7458 font-family: Dashicons;
7459 font-size: 1.5em;
7460 content: "\f147";
7461 }
7462
7463 .lp-group-steps-done {
7464 display: none;
7465 }
7466
7467 @keyframes lp-rotating {
7468 from {
7469 -webkit-transform: rotate(0deg);
7470 transform: rotate(0deg);
7471 }
7472 to {
7473 -webkit-transform: rotate(-360deg);
7474 transform: rotate(-360deg);
7475 }
7476 }
7477 @-webkit-keyframes lp-rotating {
7478 from {
7479 -webkit-transform: rotate(0deg);
7480 transform: rotate(0deg);
7481 }
7482 to {
7483 -webkit-transform: rotate(-360deg);
7484 transform: rotate(-360deg);
7485 }
7486 }
7487 .lp-loading-change {
7488 position: absolute;
7489 width: 100%;
7490 height: 100%;
7491 background: rgba(255, 255, 255, 0.38);
7492 top: 0;
7493 }
7494
7495 .lp-load-ajax-element {
7496 position: relative;
7497 }
7498
7499 @media screen and (max-width: 782px) {
7500 .learn-press-dropdown-pages .select2-container {
7501 vertical-align: top;
7502 }
7503 .learn-press-dropdown-pages .select2-container .select2-selection--single {
7504 height: 31px;
7505 }
7506 .learn-press-dropdown-pages .select2-selection__rendered {
7507 line-height: 31px !important;
7508 }
7509 #learn-press-advertisement {
7510 margin: 0 12px;
7511 padding-bottom: 0;
7512 }
7513 #learn-press-advertisement .slider-controls {
7514 bottom: 40px;
7515 }
7516 }
7517 .lp-skeleton-animation {
7518 margin: 0;
7519 padding: 0;
7520 list-style: none;
7521 }
7522 .lp-skeleton-animation > li {
7523 width: 100%;
7524 height: 16px;
7525 margin-top: 15px;
7526 border-radius: 2px;
7527 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%);
7528 background-size: 400% 100%;
7529 list-style: none;
7530 animation: lp-skeleton-loading 1.4s ease infinite;
7531 }
7532
7533 @keyframes lp-skeleton-loading {
7534 0% {
7535 background-position: 0% 50%;
7536 }
7537 to {
7538 background-position: 100% 50%;
7539 }
7540 }
7541 .lp-admin-statistics-tab-content {
7542 box-sizing: border-box;
7543 max-width: 100%;
7544 border: 1px solid #c3c4c7;
7545 background: #fff;
7546 }
7547 .lp-admin-statistics-tab-content .btn-group {
7548 display: flex;
7549 margin: 20px 0;
7550 gap: 10px;
7551 flex-direction: row;
7552 flex-wrap: wrap;
7553 }
7554 .lp-admin-statistics-tab-content .btn-group button.btn-filter-time {
7555 border: 1px solid #284BCA;
7556 color: #000;
7557 padding: 10px 24px;
7558 cursor: pointer;
7559 background: #fff;
7560 }
7561 .lp-admin-statistics-tab-content .btn-group .btn-filter-time.active {
7562 background: #284BCA;
7563 color: #fff;
7564 border: 1px solid #284BCA;
7565 }
7566 .lp-admin-statistics-tab-content .custom-filter-time {
7567 display: none;
7568 }
7569 .lp-admin-statistics-tab-content .statistics-content {
7570 background: white;
7571 border: 1px solid #D9D9D9;
7572 padding: 22px;
7573 }
7574 .lp-admin-statistics-tab-content .statistics-content .statistics-group {
7575 display: flex;
7576 justify-content: space-between;
7577 flex-direction: row;
7578 flex-wrap: wrap;
7579 gap: 10px;
7580 }
7581 .lp-admin-statistics-tab-content .statistics-content .statistics-group .statistics-item {
7582 border: 1px solid #000;
7583 color: #000;
7584 padding: 15px 30px;
7585 display: flex;
7586 flex-direction: column;
7587 text-align: center;
7588 width: 100%;
7589 max-width: 150px;
7590 }
7591 .lp-admin-statistics-tab-content .statistics-content .statistics-group .statistics-item .statistics-item-title {
7592 font-size: 16px;
7593 line-height: 1.2;
7594 }
7595 .lp-admin-statistics-tab-content .statistics-content .statistics-group .statistics-item .statistics-item-count {
7596 font-size: 24px;
7597 line-height: 1.2;
7598 font-weight: 700;
7599 }
7600 .lp-admin-statistics-tab-content .statistics-content .statistics-title {
7601 color: #000;
7602 text-align: center;
7603 font-size: 24px;
7604 font-style: normal;
7605 font-weight: 700;
7606 line-height: normal;
7607 text-transform: capitalize;
7608 }
7609 .lp-admin-statistics-tab-content .statistics-content .statistics-chart-wrapper {
7610 padding: 10px 30px;
7611 }
7612 .lp-admin-statistics-tab-content .statistics-content .sold-course-analytics {
7613 display: flex;
7614 flex-direction: row;
7615 flex-wrap: wrap;
7616 justify-content: space-evenly;
7617 gap: 20px;
7618 margin-top: 20px;
7619 }
7620 .lp-admin-statistics-tab-content .statistics-content .sold-course-analytics .col-50 {
7621 flex: 1;
7622 }
7623 .lp-admin-statistics-tab-content .statistics-content .sold-course-analytics .col-50:first-child {
7624 border-left: 1px solid #D9D9D9;
7625 }
7626 .lp-admin-statistics-tab-content .statistics-content .sold-course-analytics li {
7627 font-size: 16px;
7628 line-height: 1.2;
7629 font-weight: 400;
7630 }
7631 .lp-admin-statistics-tab-content .statistics-content .top-course-analytics-title {
7632 margin-top: 0;
7633 font-size: 24px;
7634 line-height: 1.2;
7635 font-weight: 700;
7636 }
7637
7638 .lp-admin-statistics-tab-content > .lp-stats-kpi-grid {
7639 margin: 20px 20px 14px;
7640 }
7641
7642 .lp-admin-statistics-tab-content > .lp-stats-layout {
7643 margin: 0 20px 20px;
7644 }
7645
7646 .lp-stats-dashboard-body {
7647 padding: 20px;
7648 }
7649
7650 .lp-admin-statistics-tab-content .lp-stats-section.statistics-content {
7651 padding: 0;
7652 }
7653
7654 .lp-statistics-filter-bar {
7655 align-items: center;
7656 gap: 8px;
7657 margin: 0 !important;
7658 padding: 16px;
7659 border-bottom: 1px solid #dcdcde;
7660 background: #fff;
7661 }
7662
7663 .lp-stats-daterange {
7664 position: relative;
7665 }
7666 .lp-stats-daterange .lp-stats-daterange__toggle {
7667 display: flex;
7668 align-items: center;
7669 gap: 8px;
7670 min-height: 38px;
7671 padding: 8px 12px;
7672 border: 1px solid #c3c4c7;
7673 border-radius: 2px;
7674 background: #fff;
7675 color: #1d2327;
7676 font-size: 14px;
7677 font-weight: 500;
7678 line-height: 20px;
7679 cursor: pointer;
7680 }
7681 .lp-stats-daterange .lp-stats-daterange__toggle:hover, .lp-stats-daterange .lp-stats-daterange__toggle[aria-expanded=true] {
7682 border-color: #3858e9;
7683 color: #3858e9;
7684 }
7685 .lp-stats-daterange .lp-stats-daterange__toggle .dashicons {
7686 font-size: 18px;
7687 width: 18px;
7688 height: 18px;
7689 }
7690 .lp-stats-daterange .lp-stats-daterange__toggle .lp-stats-daterange__caret {
7691 font-size: 14px;
7692 width: 14px;
7693 height: 14px;
7694 color: #646970;
7695 }
7696 .lp-stats-daterange .lp-stats-daterange__panel {
7697 position: absolute;
7698 z-index: 100;
7699 top: calc(100% + 4px);
7700 inset-inline-start: 0;
7701 min-width: 280px;
7702 border: 1px solid #c3c4c7;
7703 border-radius: 2px;
7704 background: #fff;
7705 box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
7706 }
7707 .lp-stats-daterange .lp-stats-daterange__tabs {
7708 display: flex;
7709 border-bottom: 1px solid #dcdcde;
7710 }
7711 .lp-stats-daterange .lp-stats-daterange__tabs .lp-stats-daterange__tab {
7712 flex: 1;
7713 padding: 10px 16px;
7714 border: 0;
7715 border-bottom: 2px solid transparent;
7716 background: none;
7717 color: #646970;
7718 font-size: 13px;
7719 font-weight: 600;
7720 cursor: pointer;
7721 }
7722 .lp-stats-daterange .lp-stats-daterange__tabs .lp-stats-daterange__tab.active {
7723 border-bottom-color: #3858e9;
7724 color: #3858e9;
7725 }
7726 .lp-stats-daterange .lp-stats-daterange__tabs .lp-stats-daterange__tab:focus-visible {
7727 outline: 1.5px solid #3858e9;
7728 outline-offset: -2px;
7729 }
7730 .lp-stats-daterange .lp-stats-daterange__presets {
7731 max-height: 320px;
7732 margin: 0;
7733 padding: 8px 0;
7734 overflow-y: auto;
7735 list-style: none;
7736 }
7737 .lp-stats-daterange .lp-stats-daterange__presets li {
7738 margin: 0;
7739 }
7740 .lp-stats-daterange .lp-stats-daterange__presets .lp-stats-daterange__preset {
7741 display: flex;
7742 align-items: center;
7743 gap: 8px;
7744 padding: 7px 16px;
7745 font-size: 13px;
7746 cursor: pointer;
7747 }
7748 .lp-stats-daterange .lp-stats-daterange__presets .lp-stats-daterange__preset:hover {
7749 background: #f0f0f1;
7750 }
7751 .lp-stats-daterange .lp-stats-daterange__presets .lp-stats-daterange__preset input[type=radio] {
7752 margin: 0;
7753 }
7754 .lp-stats-daterange .lp-stats-daterange__tabpanel[data-tabpanel=custom] {
7755 padding: 16px;
7756 }
7757 .lp-stats-daterange .lp-stats-daterange__tabpanel[data-tabpanel=custom] .lp-stats-daterange__custom-fields {
7758 display: flex;
7759 gap: 12px;
7760 margin-bottom: 12px;
7761 }
7762 .lp-stats-daterange .lp-stats-daterange__tabpanel[data-tabpanel=custom] .lp-stats-daterange__custom-fields label {
7763 display: flex;
7764 flex-direction: column;
7765 gap: 4px;
7766 font-size: 12px;
7767 color: #646970;
7768 }
7769 .lp-stats-daterange .lp-stats-daterange__tabpanel[data-tabpanel=custom] .lp-stats-daterange__custom-fields input[type=date] {
7770 min-height: 34px;
7771 }
7772 .lp-stats-daterange .lp-stats-daterange__compare {
7773 margin: 0;
7774 padding: 12px 16px 14px;
7775 border: 0;
7776 border-top: 1px solid #dcdcde;
7777 }
7778 .lp-stats-daterange .lp-stats-daterange__compare legend {
7779 padding: 12px 0 6px;
7780 font-size: 12px;
7781 font-weight: 600;
7782 color: #646970;
7783 text-transform: uppercase;
7784 }
7785 .lp-stats-daterange .lp-stats-daterange__compare label {
7786 display: flex;
7787 align-items: center;
7788 gap: 8px;
7789 padding: 4px 0;
7790 font-size: 13px;
7791 cursor: pointer;
7792 }
7793 .lp-stats-daterange .lp-stats-daterange__compare label input[type=radio] {
7794 margin: 0;
7795 }
7796 @media screen and (max-width: 782px) {
7797 .lp-stats-daterange .lp-stats-daterange__panel {
7798 min-width: 0;
7799 width: min(320px, 100vw - 48px);
7800 }
7801 }
7802
7803 .lp-stats-filter-scope {
7804 display: flex;
7805 align-items: center;
7806 gap: 8px;
7807 margin-inline-start: auto;
7808 }
7809 .lp-stats-filter-scope select {
7810 width: 145px;
7811 max-width: 180px;
7812 min-height: 36px;
7813 }
7814 .lp-stats-filter-scope .lp-stats-export-csv {
7815 min-height: 36px;
7816 border-color: #c3c4c7;
7817 background: #f6f7f7;
7818 font-weight: 500;
7819 }
7820
7821 .lp-admin-statistics-tab-content .lp-stats-section .statistics-chart-wrapper {
7822 position: relative;
7823 box-sizing: border-box;
7824 height: 360px;
7825 max-height: 380px;
7826 padding: 20px;
7827 }
7828 .lp-admin-statistics-tab-content .lp-stats-section .statistics-chart-wrapper canvas {
7829 width: 100% !important;
7830 height: 100% !important;
7831 max-height: 100%;
7832 }
7833 @media screen and (max-width: 782px) {
7834 .lp-admin-statistics-tab-content .lp-stats-section .statistics-chart-wrapper {
7835 height: 280px;
7836 padding: 16px;
7837 }
7838 }
7839
7840 .lp-stats-kpi-grid {
7841 display: grid;
7842 grid-template-columns: repeat(6, 1fr);
7843 gap: 16px;
7844 margin-bottom: 14px;
7845 }
7846 @media screen and (max-width: 1400px) {
7847 .lp-stats-kpi-grid {
7848 grid-template-columns: repeat(3, 1fr);
7849 }
7850 }
7851 @media screen and (max-width: 782px) {
7852 .lp-stats-kpi-grid {
7853 grid-template-columns: repeat(2, 1fr);
7854 }
7855 }
7856
7857 .lp-kpi-card {
7858 display: flex;
7859 flex-direction: column;
7860 gap: 4px;
7861 min-height: 110px;
7862 box-sizing: border-box;
7863 padding: 16px;
7864 border: 1px solid #dcdcde;
7865 background: #fff;
7866 }
7867 .lp-kpi-card.is-highlighted {
7868 border-color: #2271b1;
7869 box-shadow: inset 0 0 0 1px #2271b1;
7870 }
7871 .lp-kpi-card .lp-kpi-title {
7872 font-size: 12px;
7873 font-weight: 600;
7874 text-transform: uppercase;
7875 color: #8c8f94;
7876 }
7877 .lp-kpi-card .lp-kpi-value {
7878 font-size: 24px;
7879 font-weight: 700;
7880 line-height: 1.2;
7881 }
7882 .lp-kpi-card .lp-kpi-delta {
7883 font-size: 12px;
7884 font-weight: 600;
7885 }
7886 .lp-kpi-card .lp-kpi-delta.is-up {
7887 color: #00a32a;
7888 }
7889 .lp-kpi-card .lp-kpi-delta.is-down {
7890 color: #d63638;
7891 }
7892 .lp-kpi-card .lp-kpi-subline {
7893 font-size: 12px;
7894 color: #646970;
7895 }
7896 .lp-kpi-card .lp-kpi-progress {
7897 display: block;
7898 height: 6px;
7899 margin-top: 4px;
7900 background: #f0f0f1;
7901 overflow: hidden;
7902 }
7903 .lp-kpi-card .lp-kpi-progress__bar {
7904 display: block;
7905 height: 100%;
7906 background: #2271b1;
7907 }
7908
7909 .lp-badge {
7910 display: inline-block;
7911 padding: 2px 8px;
7912 border-radius: 3px;
7913 font-size: 12px;
7914 font-weight: 600;
7915 color: #fff;
7916 }
7917 .lp-badge--green {
7918 background: #00a32a;
7919 }
7920 .lp-badge--yellow {
7921 background: #dba617;
7922 }
7923 .lp-badge--red {
7924 background: #d63638;
7925 }
7926 .lp-badge--grey {
7927 background: #646970;
7928 }
7929
7930 .lp-risk--high {
7931 background: #d63638;
7932 }
7933 .lp-risk--high::before {
7934 content: "🔴";
7935 }
7936 .lp-risk--medium {
7937 background: #dba617;
7938 }
7939 .lp-risk--medium::before {
7940 content: "🟡";
7941 }
7942 .lp-risk--healthy {
7943 background: #00a32a;
7944 }
7945 .lp-risk--healthy::before {
7946 content: "🟢";
7947 }
7948
7949 .lp-stats-operations {
7950 margin: 0;
7951 padding: 16px;
7952 }
7953 .lp-stats-operations__row {
7954 display: flex;
7955 flex-wrap: wrap;
7956 align-items: baseline;
7957 gap: 8px;
7958 padding: 10px 0;
7959 border-bottom: 1px solid #dcdcde;
7960 }
7961 .lp-stats-operations__row:last-child {
7962 border-bottom: 0;
7963 }
7964 .lp-stats-operations__label {
7965 flex: 1;
7966 font-size: 13px;
7967 color: #646970;
7968 }
7969 .lp-stats-operations__value {
7970 font-weight: 700;
7971 font-size: 14px;
7972 }
7973 .lp-stats-operations__name {
7974 flex-basis: 100%;
7975 font-size: 12px;
7976 color: #646970;
7977 }
7978
7979 .lp-stats-table tbody tr:hover {
7980 background: #f6f7f7;
7981 }
7982 .lp-stats-table .lp-stats-course-performance-row,
7983 .lp-stats-table .lp-stats-instructor-performance-row {
7984 cursor: pointer;
7985 }
7986 .lp-stats-table tbody tr.is-highlighted {
7987 background: #f0f6fc;
7988 box-shadow: inset -3px 0 0 #2271b1;
7989 }
7990 .lp-stats-table .lp-stats-table__empty {
7991 color: #646970;
7992 text-align: center;
7993 padding: 24px 12px;
7994 }
7995
7996 .lp-admin-statistics-tab-content .lp-table-wrap,
7997 .lp-stats-report-modal .lp-table-wrap {
7998 border: 0;
7999 border-radius: 0;
8000 overflow-x: auto;
8001 }
8002 .lp-admin-statistics-tab-content table.lp-list-table,
8003 .lp-stats-report-modal table.lp-list-table {
8004 min-width: 0;
8005 }
8006
8007 .lp-stats-report-popup.swal2-popup {
8008 max-width: 1600px;
8009 }
8010
8011 .lp-stats-report-modal {
8012 text-align: start;
8013 }
8014 .lp-stats-report-modal__toolbar {
8015 display: flex;
8016 align-items: center;
8017 gap: 10px;
8018 padding: 10px 0;
8019 }
8020 .lp-stats-report-modal__toolbar .lp-stats-report-modal__search {
8021 flex: 1;
8022 max-width: 320px;
8023 }
8024 .lp-stats-report-modal__toolbar .lp-stats-report-modal__export {
8025 margin-inline-start: auto;
8026 }
8027 .lp-stats-report-modal__body {
8028 overflow: auto;
8029 max-height: 72vh;
8030 }
8031 .lp-stats-report-modal table.lp-list-table {
8032 min-width: 720px;
8033 }
8034 .lp-stats-report-modal__loading {
8035 padding: 40px 0;
8036 text-align: center;
8037 color: #646970;
8038 font-size: 14px;
8039 }
8040 .lp-stats-report-modal .lp-stats-report-table-footer {
8041 display: flex;
8042 align-items: center;
8043 justify-content: center;
8044 flex-wrap: wrap;
8045 gap: 10px;
8046 padding-top: 6px;
8047 }
8048 .lp-stats-report-modal .lp-stats-report-table-footer__count {
8049 color: #646970;
8050 font-size: 13px;
8051 }
8052
8053 .lp-stats-funnel {
8054 display: flex;
8055 flex-direction: column;
8056 gap: 14px;
8057 padding: 18px 16px 16px;
8058 }
8059 .lp-stats-funnel .lp-stats-funnel__step {
8060 display: grid;
8061 grid-template-columns: 1fr auto;
8062 gap: 6px 10px;
8063 }
8064 .lp-stats-funnel .lp-stats-funnel__label {
8065 font-size: 14px;
8066 }
8067 .lp-stats-funnel .lp-stats-funnel__track {
8068 grid-column: 1/-1;
8069 background: #f0f0f1;
8070 }
8071 .lp-stats-funnel .lp-stats-funnel__bar {
8072 display: block;
8073 height: 8px;
8074 min-width: 2px;
8075 background: #3858e9;
8076 }
8077 .lp-stats-funnel .lp-stats-funnel__step[data-step=failed] .lp-stats-funnel__bar {
8078 background: #d63638;
8079 }
8080 .lp-stats-funnel .lp-stats-funnel__count {
8081 font-size: 14px;
8082 font-weight: 600;
8083 }
8084
8085 .lp-stats-payment-health {
8086 margin: 0;
8087 padding: 16px;
8088 list-style: none;
8089 }
8090 .lp-stats-payment-health__row {
8091 display: flex;
8092 align-items: center;
8093 justify-content: space-between;
8094 gap: 12px;
8095 margin: 0;
8096 padding: 10px 0;
8097 border-bottom: 1px solid #dcdcde;
8098 }
8099 .lp-stats-payment-health__row:last-child {
8100 border-bottom: 0;
8101 }
8102 .lp-stats-payment-health__label {
8103 color: #1d2327;
8104 font-size: 14px;
8105 }
8106 .lp-stats-payment-health__count {
8107 font-size: 14px;
8108 font-weight: 600;
8109 }
8110
8111 .lp-stats-health-grid {
8112 display: grid;
8113 grid-template-columns: repeat(4, 1fr);
8114 gap: 10px;
8115 }
8116 @media screen and (max-width: 1200px) {
8117 .lp-stats-health-grid {
8118 grid-template-columns: repeat(2, 1fr);
8119 }
8120 }
8121 .lp-stats-health-grid .lp-stats-health-box {
8122 display: flex;
8123 flex-direction: column;
8124 gap: 4px;
8125 padding: 12px 15px;
8126 border: 1px solid #dcdcde;
8127 background: #fff;
8128 }
8129 .lp-stats-health-grid .lp-stats-health-box.is-alert {
8130 border-inline-start: 4px solid #d63638;
8131 }
8132 .lp-stats-health-grid .lp-stats-health-box .lp-stats-health-box__count {
8133 font-size: 20px;
8134 font-weight: 700;
8135 }
8136 .lp-stats-health-grid .lp-stats-health-box .lp-stats-health-box__label {
8137 font-size: 12px;
8138 color: #646970;
8139 }
8140
8141 .lp-stats-layout {
8142 display: grid;
8143 grid-template-columns: minmax(0, 1fr) 320px;
8144 gap: 20px;
8145 align-items: start;
8146 }
8147 @media screen and (max-width: 1200px) {
8148 .lp-stats-layout {
8149 grid-template-columns: minmax(0, 1fr);
8150 }
8151 }
8152 .lp-stats-layout .lp-stats-layout__sidebar > * + * {
8153 margin-top: 20px;
8154 }
8155
8156 .lp-stats-section {
8157 background: #fff;
8158 border: 1px solid #dcdcde;
8159 padding: 0;
8160 margin-bottom: 20px;
8161 overflow: hidden;
8162 }
8163 .lp-stats-section .lp-stats-section__header {
8164 display: flex;
8165 align-items: flex-start;
8166 justify-content: space-between;
8167 gap: 16px;
8168 min-height: 50px;
8169 box-sizing: border-box;
8170 padding: 14px 16px 12px;
8171 border-bottom: 1px solid #dcdcde;
8172 }
8173 .lp-stats-section .lp-stats-section__title {
8174 margin: 0;
8175 font-size: 16px;
8176 font-weight: 600;
8177 line-height: 24px;
8178 }
8179 .lp-stats-section > .lp-stats-section__title {
8180 padding: 14px 16px 12px;
8181 border-bottom: 1px solid #dcdcde;
8182 }
8183 .lp-stats-section .lp-stats-section__description {
8184 margin: 4px 0 0;
8185 color: #50575e;
8186 font-size: 13px;
8187 line-height: 20px;
8188 }
8189 .lp-stats-section .lp-stats-section__action {
8190 align-self: center;
8191 color: #3858e9;
8192 font-size: 14px;
8193 text-decoration: none;
8194 }
8195 .lp-stats-section > .lp-stats-health-grid,
8196 .lp-stats-section > .lp-stats-health-checks {
8197 margin: 0;
8198 padding: 16px;
8199 }
8200 .lp-stats-section > .lp-skeleton-animation {
8201 margin: 16px;
8202 }
8203
8204 .lp-stats-overview-grid {
8205 display: grid;
8206 gap: 20px;
8207 margin-top: 20px;
8208 }
8209 .lp-stats-overview-grid .lp-stats-section {
8210 margin-bottom: 0;
8211 }
8212 .lp-stats-overview-grid:first-of-type {
8213 margin-top: 0;
8214 }
8215 .lp-stats-overview-grid--chart {
8216 grid-template-columns: minmax(0, 2fr) minmax(320px, 1fr);
8217 }
8218 .lp-stats-overview-grid--chart .lp-stats-section {
8219 min-height: 440px;
8220 }
8221 .lp-stats-overview-grid--tables {
8222 grid-template-columns: repeat(2, minmax(0, 1fr));
8223 }
8224 .lp-stats-overview-grid--health {
8225 grid-template-columns: minmax(0, 0.85fr) minmax(0, 1fr);
8226 }
8227 @media screen and (max-width: 1200px) {
8228 .lp-stats-overview-grid {
8229 grid-template-columns: minmax(0, 1fr);
8230 }
8231 }
8232
8233 .lp-stats-health-checks {
8234 list-style: none;
8235 }
8236 .lp-stats-health-checks li {
8237 margin: 0;
8238 border-bottom: 1px solid #dcdcde;
8239 }
8240 .lp-stats-health-checks li:last-child {
8241 border-bottom: 0;
8242 }
8243 .lp-stats-health-checks a {
8244 display: flex;
8245 align-items: center;
8246 justify-content: space-between;
8247 gap: 12px;
8248 padding: 10px 0;
8249 text-decoration: none;
8250 }
8251 .lp-stats-health-checks .lp-stats-health-check__count {
8252 order: 2;
8253 font-weight: 600;
8254 }
8255
8256 table.lp-material--table {
8257 border-collapse: collapse;
8258 width: 100%;
8259 }
8260 table.lp-material--table td, table.lp-material--table th {
8261 border: 1px solid #dddddd;
8262 text-align: right;
8263 padding: 8px;
8264 }
8265 table.lp-material--table thead.hidden {
8266 display: none;
8267 }
8268 table.lp-material--table td.sort {
8269 cursor: move;
8270 }
8271 table.lp-material--table tr:nth-child(even) {
8272 background-color: rgba(221, 221, 221, 0.2509803922);
8273 }
8274
8275 .lp-material--field-wrap {
8276 display: flex;
8277 flex-direction: row;
8278 align-items: center;
8279 padding-block: 5px;
8280 }
8281
8282 .lp-material--field-wrap label {
8283 min-width: 70px;
8284 }
8285
8286 .lp-material--group {
8287 margin-top: 10px;
8288 padding: 10px;
8289 border: 1px solid #dedede;
8290 border-radius: 10px;
8291 box-shadow: -2px 2px rgba(180, 180, 180, 0.2);
8292 }
8293
8294 .lp-material-btn-wrap {
8295 margin-bottom: 10px;
8296 }
8297
8298 .lp-material-btn-wrap.loading::before:before, #btn-lp--save-material.loading:before {
8299 position: absolute;
8300 display: inline-block;
8301 font-family: "lp-icon";
8302 content: "\f110";
8303 animation: lp-rotating 1s linear infinite;
8304 font-variant: normal;
8305 text-transform: none;
8306 -webkit-font-smoothing: antialiased;
8307 -moz-osx-font-smoothing: grayscale;
8308 vertical-align: middle;
8309 color: black;
8310 }
8311
8312 .button.lp-material--delete {
8313 color: white;
8314 border-color: red;
8315 background: red;
8316 vertical-align: top;
8317 }
8318
8319 .lp-material--field-wrap.field-action-wrap {
8320 display: flex;
8321 justify-content: space-between;
8322 }
8323
8324 .lp-meta-box .lp-material--field-wrap input {
8325 width: 100%;
8326 }
8327
8328 #available-to-upload {
8329 font-weight: bold;
8330 }
8331
8332 .learnpress-block-pagination,
8333 .learn-press-pagination {
8334 margin: 20px 0;
8335 text-align: center;
8336 }
8337 .learnpress-block-pagination .page-numbers,
8338 .learn-press-pagination .page-numbers {
8339 display: inline-flex;
8340 gap: 5px;
8341 flex-wrap: wrap;
8342 margin: 0;
8343 padding: 0;
8344 border: 0;
8345 outline: 0;
8346 background: transparent;
8347 list-style: none;
8348 }
8349 .learnpress-block-pagination .page-numbers > li,
8350 .learn-press-pagination .page-numbers > li {
8351 display: inline-block;
8352 margin: 0;
8353 }
8354 .learnpress-block-pagination .page-numbers > li .page-numbers,
8355 .learn-press-pagination .page-numbers > li .page-numbers {
8356 float: unset;
8357 padding: 0 12px;
8358 color: #666;
8359 text-decoration: none;
8360 }
8361 .learnpress-block-pagination .page-numbers > li .page-numbers.current,
8362 .learn-press-pagination .page-numbers > li .page-numbers.current {
8363 color: var(--lp-primary-color);
8364 font-weight: 400;
8365 }
8366 .learnpress-block-pagination .page-numbers > li .page-numbers:hover,
8367 .learn-press-pagination .page-numbers > li .page-numbers:hover {
8368 color: var(--lp-primary-color);
8369 }
8370
8371 .lp-instructor-info {
8372 display: flex;
8373 gap: 30px;
8374 margin-top: 30px;
8375 margin-bottom: 30px;
8376 }
8377 @media (max-width: 600px) {
8378 .lp-instructor-info {
8379 flex-wrap: wrap;
8380 }
8381 }
8382 .lp-instructor-info .lp-section-instructor {
8383 flex: 1;
8384 }
8385 .lp-instructor-info .instructor-display-name {
8386 font-size: 1.4rem;
8387 }
8388 .lp-instructor-info .instructor-avatar {
8389 max-width: 200px;
8390 }
8391 .lp-instructor-info .lp-instructor-meta {
8392 margin-top: 16px;
8393 display: flex;
8394 column-gap: 20px;
8395 row-gap: 8px;
8396 }
8397 .lp-instructor-info .instructor-description {
8398 margin-top: 16px;
8399 }
8400 .lp-instructor-info img {
8401 max-width: 100%;
8402 border-radius: var(--lp-border-radius, 5px);
8403 }
8404 .lp-instructor-info .instructor-social {
8405 display: inline-flex;
8406 padding: 0;
8407 gap: 12px;
8408 margin: 16px 0 0 0;
8409 }
8410 .lp-instructor-info .instructor-social > a {
8411 text-align: center;
8412 list-style: none;
8413 }
8414 .lp-instructor-info .instructor-social > a span {
8415 display: none;
8416 }
8417 .lp-instructor-info .instructor-social > a i {
8418 width: 40px;
8419 height: 40px;
8420 display: inline-flex;
8421 align-items: center;
8422 justify-content: center;
8423 border: 1px solid #C3C4C7;
8424 border-radius: 50%;
8425 }
8426 .lp-instructor-info .instructor-social > a i:hover {
8427 background-color: var(--lp-primary-color, #ffb606);
8428 border-color: var(--lp-primary-color, #ffb606);
8429 color: var(--lp-color-white, #fff);
8430 }
8431
8432 .instructor-display-name {
8433 font-weight: var(--lp-font-weight-link, 600);
8434 }
8435
8436 .instructor-item-meta {
8437 display: inline-flex;
8438 border-right: 1px solid #C3C4C7;
8439 padding-right: 20px;
8440 }
8441
8442 .lp-instructor-meta .instructor-item-meta:first-child {
8443 border: none;
8444 padding-right: 0;
8445 }
8446
8447 .wrapper-instructor-total-students, .wrapper-instructor-total-courses {
8448 display: flex;
8449 gap: 4px;
8450 align-items: center;
8451 }
8452
8453 .course-extra-box {
8454 margin-bottom: 16px;
8455 border: 1px solid #C3C4C7;
8456 border-radius: var(--lp-border-radius, 5px);
8457 width: 100%;
8458 }
8459 .course-extra-box.active .course-extra-box__content {
8460 height: auto;
8461 }
8462 .course-extra-box__title {
8463 --extra-height: 50px;
8464 display: flex;
8465 align-items: center;
8466 position: relative;
8467 height: var(--extra-height);
8468 margin: 0 !important;
8469 padding: 0 20px 0 45px;
8470 background: rgba(181, 187, 211, 0.15);
8471 font-size: 1em;
8472 font-weight: 700;
8473 cursor: pointer;
8474 }
8475 @media (max-width: 767px) {
8476 .course-extra-box__title {
8477 padding-right: 16px;
8478 }
8479 }
8480 .course-extra-box__title::after {
8481 position: absolute;
8482 top: 0;
8483 left: 20px;
8484 font-family: "lp-icon";
8485 line-height: var(--extra-height);
8486 content: "\f107";
8487 }
8488 .course-extra-box__content {
8489 overflow: hidden;
8490 transition: height 0.3s ease;
8491 }
8492 .course-extra-box__content-inner {
8493 animation-name: course-extra-box__content-inner-transform;
8494 animation-duration: 0.3s;
8495 animation-timing-function: ease-in-out;
8496 animation-iteration-count: 1;
8497 animation-direction: normal;
8498 }
8499 .course-extra-box__content-inner > ul {
8500 padding-right: 0 !important;
8501 padding-bottom: 0 !important;
8502 }
8503 .course-extra-box__content ul,
8504 .course-extra-box__content li {
8505 list-style: none;
8506 }
8507 .course-extra-box__content ul {
8508 margin: 0;
8509 padding: 0;
8510 }
8511 .course-extra-box__content li {
8512 margin: 0;
8513 padding: 12px 20px;
8514 border-bottom: 1px solid #C3C4C7;
8515 }
8516 @media (max-width: 767px) {
8517 .course-extra-box__content li {
8518 padding-right: 16px;
8519 padding-left: 16px;
8520 }
8521 }
8522 .course-extra-box__content li::before {
8523 margin-left: 8px;
8524 color: var(--lp-primary-color);
8525 font-family: "lp-icon";
8526 content: "\f00c";
8527 }
8528 .course-extra-box__content li:last-child {
8529 border-bottom: 0;
8530 }
8531 .course-extra-box:last-child {
8532 margin-bottom: 60px;
8533 }
8534 .course-extra-box.active .course-extra-box__title::after {
8535 content: "\f106";
8536 }
8537 .course-extra-box + .comment-respond, .course-extra-box + .comments-area {
8538 margin-top: 30px;
8539 margin-bottom: 30px;
8540 }
8541 .course-extra-box + .course-tabs {
8542 margin-top: 30px;
8543 }
8544
8545 input[name=course-extra-box-ratio] {
8546 display: none;
8547 }
8548 input[name=course-extra-box-ratio]:checked + .course-extra-box .course-extra-box__content {
8549 display: block;
8550 }
8551 input[name=course-extra-box-ratio]:checked + .course-extra-box .course-extra-box__content .course-extra-box__content-inner {
8552 transform: scale(1);
8553 }
8554
8555 @-webkit-keyframes course-extra-box__content-inner-transform {
8556 from {
8557 opacity: 0;
8558 -webkit-transform: translateX(-5%);
8559 transform: translateX(-5%);
8560 }
8561 to {
8562 opacity: 1;
8563 -webkit-transform: translateX(0%);
8564 transform: translateX(0%);
8565 }
8566 }
8567 @keyframes course-extra-box__content-inner-transform {
8568 from {
8569 opacity: 0;
8570 transform: translateX(-5%);
8571 }
8572 to {
8573 opacity: 1;
8574 transform: translateX(0%);
8575 }
8576 }
8577 .course-tab-panel-faqs .course-faqs-box {
8578 margin-bottom: 20px;
8579 border: 1px solid rgba(204, 204, 204, 0.6);
8580 border-radius: 5px;
8581 }
8582 .course-tab-panel-faqs .course-faqs-box__title {
8583 display: block;
8584 position: relative;
8585 margin: 0;
8586 padding: 12px 20px 12px 45px;
8587 font-size: 1em;
8588 line-height: 1.5;
8589 font-weight: var(--lp-font-weight-link, 600);
8590 cursor: pointer;
8591 }
8592 .course-tab-panel-faqs .course-faqs-box__title::after {
8593 position: absolute;
8594 top: 12px;
8595 left: 20px;
8596 font-family: "lp-icon";
8597 content: "\f067";
8598 }
8599 .course-tab-panel-faqs .course-faqs-box:last-child {
8600 margin-bottom: 40px;
8601 }
8602 .course-tab-panel-faqs .course-faqs-box:hover .course-faqs-box__title {
8603 color: var(--lp-primary-color);
8604 }
8605 .course-tab-panel-faqs .course-faqs-box__content {
8606 display: none;
8607 }
8608 .course-tab-panel-faqs .course-faqs-box__content-inner {
8609 padding: 20px;
8610 -webkit-animation-name: course-faqs-box__content-inner-transform;
8611 animation-name: course-faqs-box__content-inner-transform;
8612 -webkit-animation-duration: 0.3s;
8613 animation-duration: 0.3s;
8614 -webkit-animation-timing-function: ease-in-out;
8615 animation-timing-function: ease-in-out;
8616 -webkit-animation-iteration-count: 1;
8617 animation-iteration-count: 1;
8618 -webkit-animation-direction: normal;
8619 animation-direction: normal;
8620 }
8621
8622 input[name=course-faqs-box-ratio] {
8623 display: none;
8624 }
8625 input[name=course-faqs-box-ratio]:checked + .course-faqs-box .course-faqs-box__content {
8626 display: block;
8627 }
8628 input[name=course-faqs-box-ratio]:checked + .course-faqs-box .course-faqs-box__title {
8629 color: var(--lp-primary-color);
8630 background: rgba(241, 242, 248, 0.4);
8631 }
8632 input[name=course-faqs-box-ratio]:checked + .course-faqs-box .course-faqs-box__title::after {
8633 content: "\f068";
8634 }
8635
8636 @-webkit-keyframes course-faqs-box__content-inner-transform {
8637 from {
8638 opacity: 0;
8639 -webkit-transform: translateY(-5%);
8640 transform: translateY(-5%);
8641 }
8642 to {
8643 opacity: 1;
8644 -webkit-transform: translateY(0%);
8645 transform: translateY(0%);
8646 }
8647 }
8648 @keyframes course-faqs-box__content-inner-transform {
8649 from {
8650 opacity: 0;
8651 -webkit-transform: translateY(-5%);
8652 transform: translateY(-5%);
8653 }
8654 to {
8655 opacity: 1;
8656 -webkit-transform: translateY(0%);
8657 transform: translateY(0%);
8658 }
8659 }
8660 .extra-box__title, .course-faqs__title, .course-material__title {
8661 margin-top: 0;
8662 margin-bottom: 12px;
8663 }
8664
8665 .edit-content {
8666 margin-right: 5px;
8667 }
8668
8669 .course-curriculum ul.curriculum-sections {
8670 position: relative;
8671 margin: 0;
8672 padding: 0;
8673 list-style: none;
8674 }
8675 .course-curriculum ul.curriculum-sections .closed .section-item__loadmore {
8676 display: none;
8677 }
8678 .course-curriculum ul.curriculum-sections .section {
8679 margin: 0;
8680 padding: 0;
8681 flex-wrap: wrap;
8682 }
8683 .course-curriculum ul.curriculum-sections .section:last-child {
8684 padding: 0;
8685 }
8686 .course-curriculum ul.curriculum-sections .section.section-empty .section-header {
8687 margin-bottom: 20px;
8688 }
8689 .course-curriculum ul.curriculum-sections .section.section-empty .learn-press-message {
8690 margin-left: 15px;
8691 margin-right: 15px;
8692 }
8693 .course-curriculum ul.curriculum-sections .section-title.c + .section-desc {
8694 display: block;
8695 }
8696 .course-curriculum ul.curriculum-sections .section-title.c span.show-desc::before {
8697 -webkit-transform: rotate(-180deg);
8698 transform: rotate(-180deg);
8699 top: 0;
8700 }
8701 .course-curriculum ul.curriculum-sections .item-meta.duration {
8702 background: #d9e0f1;
8703 }
8704 .course-curriculum .section-item__loadmore {
8705 display: flex;
8706 justify-content: center;
8707 align-items: center;
8708 }
8709 .course-curriculum .section-item__loadmore button {
8710 margin-top: 10px;
8711 border: 1px solid #C3C4C7;
8712 border-radius: var(--lp-border-radius, 5px);
8713 padding: 8px 16px;
8714 box-shadow: none;
8715 outline: none;
8716 }
8717 .course-curriculum .section-item__loadmore.loading button:before {
8718 position: absolute;
8719 display: inline-block;
8720 font-family: "lp-icon";
8721 content: "\f110";
8722 animation: lp-rotating 1s linear infinite;
8723 font-variant: normal;
8724 text-transform: none;
8725 -webkit-font-smoothing: antialiased;
8726 -moz-osx-font-smoothing: grayscale;
8727 vertical-align: middle;
8728 color: black;
8729 }
8730 .course-curriculum .section-header {
8731 display: table;
8732 width: 100%;
8733 padding: 20px 0;
8734 border-bottom: 0;
8735 border-bottom: 1px solid #d9e0f1;
8736 cursor: pointer;
8737 -webkit-box-sizing: border-box;
8738 box-sizing: border-box;
8739 }
8740 .course-curriculum .section-header .section-title, .course-curriculum .section-header .section-desc {
8741 margin: 0;
8742 }
8743 .course-curriculum .section-header span.show-desc {
8744 display: inline-block;
8745 position: absolute;
8746 top: 50%;
8747 left: 30px;
8748 width: 20px;
8749 height: 20px;
8750 transform: translate(0, -50%);
8751 }
8752 .course-curriculum .section-header span.show-desc::before {
8753 font-family: "lp-icon";
8754 font-size: 1.125em;
8755 content: "\f107";
8756 }
8757 .course-curriculum .section-header span.show-desc:hover::before {
8758 border-top-color: #ccc;
8759 }
8760 .course-curriculum .section-header .section-desc {
8761 margin-top: 10px;
8762 font-size: calc(var(--lp-font-size-base, 1em) * 0.925);
8763 color: var(--lp-color-accent);
8764 font-style: italic;
8765 line-height: 1.3;
8766 }
8767 .course-curriculum .section-header .section-meta {
8768 display: block;
8769 padding-top: 17px;
8770 padding-bottom: 15px;
8771 font-size: 0.8em;
8772 text-align: left;
8773 vertical-align: middle;
8774 white-space: nowrap;
8775 }
8776 .course-curriculum .section-item {
8777 width: 100%;
8778 }
8779 .course-curriculum .section-content {
8780 margin: 0;
8781 padding: 0;
8782 list-style: none;
8783 }
8784 .course-curriculum .section-content .course-item-meta {
8785 display: table-cell;
8786 text-align: left;
8787 vertical-align: middle;
8788 white-space: nowrap;
8789 }
8790 .course-curriculum .section-content .course-item-meta .item-meta {
8791 display: inline-block;
8792 color: #fff;
8793 }
8794 .course-curriculum .section-content .course-item-meta .item-meta.final-quiz {
8795 background: #14c4ff;
8796 }
8797 .course-curriculum .section-content .course-item-meta .item-meta.trans {
8798 padding: 0;
8799 }
8800 .course-curriculum .section-content .course-item-meta .count-questions {
8801 background: #9672cf;
8802 }
8803 .course-curriculum .section-content .course-item-meta .duration {
8804 background: #c0c0c0;
8805 }
8806 .course-curriculum .section-content .course-item-meta .course-item-status {
8807 padding: 0;
8808 color: #999;
8809 }
8810 .course-curriculum .section-content .course-item-meta .course-item-status::before {
8811 font-family: "lp-icon";
8812 content: "\f00c";
8813 }
8814 .course-curriculum .section-content .course-item-preview {
8815 font-style: normal;
8816 padding: 0;
8817 }
8818 .course-curriculum .section-content .course-item-preview::before {
8819 font-family: "lp-icon";
8820 content: "\f06e";
8821 color: #999;
8822 }
8823 .course-curriculum .course-item {
8824 display: flex;
8825 position: relative;
8826 margin: 0 0 2px 0;
8827 padding: 0 16px;
8828 background: rgba(241, 242, 248, 0.4);
8829 transition: padding-right linear 0.15s;
8830 }
8831 .course-curriculum .course-item > span {
8832 display: flex;
8833 width: 28px;
8834 color: #666;
8835 font-weight: 300;
8836 align-items: center;
8837 }
8838 .course-curriculum .course-item .section-item-link {
8839 display: flex;
8840 align-items: flex-start;
8841 justify-content: space-between;
8842 width: 100%;
8843 padding: 12px 0;
8844 color: inherit;
8845 outline: none;
8846 gap: 12px;
8847 }
8848 .course-curriculum .course-item .section-item-link:hover .item-name {
8849 color: var(--lp-primary-color);
8850 }
8851 .course-curriculum .course-item .section-item-link::before {
8852 color: var(--lp-primary-color);
8853 font-family: "lp-icon";
8854 }
8855 .course-curriculum .course-item .section-item-link .course-item-info {
8856 width: 100%;
8857 }
8858 .course-curriculum .course-item .section-item-link .course-item-info .course-item-info-pre {
8859 display: flex;
8860 flex-flow: row-reverse;
8861 justify-content: flex-end;
8862 gap: 16px;
8863 align-items: center;
8864 font-size: calc(var(--lp-font-size-base, 1em) * 0.925);
8865 }
8866 .course-curriculum .course-item .section-item-link .course-item-info .course-item-info-pre .item-meta.duration {
8867 background: transparent;
8868 }
8869 .course-curriculum .course-item .item-name {
8870 font-weight: 600;
8871 }
8872 .course-curriculum .course-item.course-item-lp_quiz .section-item-link::before {
8873 content: "\f059";
8874 }
8875 .course-curriculum .course-item.course-item-lp_assignment .section-item-link::before {
8876 content: "\e929" !important;
8877 }
8878 .course-curriculum .course-item.course-item.course-item-lp_h5p .section-item-link::before {
8879 content: "\e92a" !important;
8880 }
8881 .course-curriculum .course-item.course-item-lp_lesson .section-item-link::before {
8882 content: "\f15b";
8883 }
8884 .course-curriculum .course-item.course-item-lp_lesson.course-item-type-video .section-item-link::before {
8885 content: "\f03d";
8886 }
8887 .course-curriculum .course-item.course-item-lp_lesson.course-item-type-audio .section-item-link::before {
8888 content: "\f028";
8889 }
8890 .course-curriculum .course-item.item-locked .course-item-status::before {
8891 color: var(--lp-secondary-color);
8892 content: "\f023";
8893 }
8894 .course-curriculum .course-item.has-status {
8895 padding-top: 1px;
8896 }
8897 .course-curriculum .course-item.has-status.status-completed .course-item-status::before, .course-curriculum .course-item.has-status.status-evaluated .course-item-status::before {
8898 color: #3bb54a;
8899 }
8900 .course-curriculum .course-item.has-status.item-failed .course-item-status::before, .course-curriculum .course-item.has-status.failed .course-item-status::before {
8901 border-color: #f02425;
8902 color: #f02425;
8903 content: "\f00d";
8904 }
8905 .course-curriculum .course-item::before {
8906 position: absolute;
8907 top: 50%;
8908 right: 0;
8909 width: 3px;
8910 height: 0;
8911 background: #00adff;
8912 content: "";
8913 transition: height linear 0.15s, top linear 0.15s;
8914 }
8915 .course-curriculum .course-item.current {
8916 background: #f9f9f9;
8917 }
8918 .course-curriculum .course-item.current a::before {
8919 right: 10px;
8920 }
8921 .course-curriculum .course-item.current::before {
8922 top: 0;
8923 height: 100%;
8924 }
8925 .course-curriculum .section-left {
8926 vertical-align: top;
8927 }
8928 .course-curriculum .section-left .section-title {
8929 font-weight: 700;
8930 font-size: calc(var(--lp-font-size-base, 1em) * 1.25);
8931 text-transform: capitalize;
8932 display: block;
8933 }
8934 .course-curriculum .curriculum-more__button {
8935 border: 1px solid #C3C4C7;
8936 border-radius: var(--lp-border-radius, 5px);
8937 padding: 8px 16px;
8938 box-shadow: none;
8939 outline: none;
8940 width: 100%;
8941 margin-top: 20px;
8942 margin-bottom: 20px;
8943 }
8944 .course-curriculum .curriculum-more__button.loading:before {
8945 position: absolute;
8946 display: inline-block;
8947 font-family: "lp-icon";
8948 content: "\f110";
8949 animation: lp-rotating 1s linear infinite;
8950 font-variant: normal;
8951 text-transform: none;
8952 -webkit-font-smoothing: antialiased;
8953 -moz-osx-font-smoothing: grayscale;
8954 vertical-align: middle;
8955 color: black;
8956 }
8957
8958 body .content-item-summary .form-button-finish-course, body .lp-quiz-buttons .form-button-finish-course {
8959 float: left;
8960 }
8961
8962 #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 {
8963 top: 2px;
8964 font-family: "lp-icon";
8965 }
8966 #wpadminbar #wp-admin-bar-edit-lp_quiz .ab-item::before {
8967 content: "\f017";
8968 }
8969 #wpadminbar #wp-admin-bar-edit-lp_lesson .ab-item::before {
8970 content: "\f15c";
8971 }
8972 #wpadminbar #wp-admin-bar-edit-lp_question .ab-item::before {
8973 content: "\f29c";
8974 }
8975
8976 .course-remaining-time .label-enrolled {
8977 font-size: inherit;
8978 }
8979
8980 .lp-course-progress {
8981 position: relative;
8982 }
8983 .lp-course-progress .lp-passing-conditional {
8984 position: absolute;
8985 top: 0;
8986 width: 3px;
8987 height: 6px;
8988 margin-right: -1px;
8989 background: var(--lp-secondary-color);
8990 }
8991
8992 .viewing-course-item .section-header .section-desc {
8993 display: none;
8994 }
8995
8996 .lp-course-curriculum ul, .lp-course-curriculum li {
8997 list-style: none;
8998 margin: 0;
8999 padding: 0;
9000 }
9001 .lp-course-curriculum .course-curriculum-info {
9002 display: flex;
9003 justify-content: space-between;
9004 gap: 20px;
9005 margin-bottom: 20px;
9006 }
9007 .lp-course-curriculum .course-curriculum-info__left {
9008 display: flex;
9009 align-items: center;
9010 flex-wrap: wrap;
9011 gap: 8px;
9012 }
9013 .lp-course-curriculum .course-curriculum-info__left li {
9014 display: inline-flex;
9015 align-items: center;
9016 gap: 8px;
9017 }
9018 .lp-course-curriculum .course-curriculum-info__left li::after {
9019 content: "";
9020 width: 4px;
9021 height: 4px;
9022 background-color: #C3C4C7;
9023 display: inline-block;
9024 }
9025 .lp-course-curriculum .course-curriculum-info__left li:last-child::after {
9026 content: none;
9027 }
9028 .lp-course-curriculum .course-curriculum-info__right {
9029 font-weight: var(--lp-font-weight-link, 600);
9030 text-align: left;
9031 text-transform: capitalize;
9032 }
9033 .lp-course-curriculum .course-toggle-all-sections {
9034 cursor: pointer;
9035 }
9036 .lp-course-curriculum .course-section {
9037 margin-bottom: 8px;
9038 border: 1px solid #C3C4C7;
9039 border-radius: var(--lp-border-radius, 5px);
9040 cursor: pointer;
9041 overflow: hidden;
9042 }
9043 .lp-course-curriculum .course-section.lp-collapse .course-section__items {
9044 display: none;
9045 animation: ease-in-out;
9046 }
9047 .lp-course-curriculum .course-section.lp-collapse .lp-icon-angle-up {
9048 display: none;
9049 }
9050 .lp-course-curriculum .course-section.lp-collapse .lp-icon-angle-down {
9051 display: block;
9052 }
9053 .lp-course-curriculum .course-section .lp-icon-angle-down {
9054 display: none;
9055 }
9056 .lp-course-curriculum .course-section:last-child {
9057 margin-bottom: 0;
9058 }
9059 .lp-course-curriculum .course-section .course-section-header {
9060 background-color: var(--lp-white-grey, #F7F7FB);
9061 padding: 20px;
9062 column-gap: 12px;
9063 display: flex;
9064 justify-content: space-between;
9065 }
9066 .lp-course-curriculum .course-section__title {
9067 font-weight: 600;
9068 font-size: 1.1em;
9069 line-height: 1.3em;
9070 }
9071 .lp-course-curriculum .course-section__description {
9072 margin: 4px 0 0 0;
9073 }
9074 .lp-course-curriculum .course-section .section-toggle {
9075 line-height: 1;
9076 }
9077 .lp-course-curriculum .course-section .section-toggle i {
9078 font-size: 24px;
9079 }
9080 .lp-course-curriculum .course-section .course-section-info {
9081 margin-right: 0;
9082 margin-left: auto;
9083 }
9084 .lp-course-curriculum .course-section .section-count-items {
9085 min-width: 24px;
9086 font-weight: 600;
9087 text-align: center;
9088 line-height: 1.3;
9089 white-space: nowrap;
9090 }
9091 .lp-course-curriculum .course-section .course-item {
9092 background-color: transparent;
9093 border-top: 1px solid #C3C4C7;
9094 padding: 12px 20px;
9095 margin: 0;
9096 }
9097 .lp-course-curriculum .course-section .course-item__link {
9098 display: flex;
9099 justify-content: space-between;
9100 width: 100%;
9101 column-gap: 12px;
9102 row-gap: 8px;
9103 position: relative;
9104 align-items: flex-start;
9105 color: inherit;
9106 }
9107 .lp-course-curriculum .course-section .course-item__info {
9108 display: flex;
9109 column-gap: 12px;
9110 row-gap: 8px;
9111 }
9112 .lp-course-curriculum .course-section .course-item__info .course-item-ico {
9113 min-width: 16px;
9114 }
9115 .lp-course-curriculum .course-section .course-item__content {
9116 display: flex;
9117 justify-content: space-between;
9118 column-gap: 12px;
9119 row-gap: 8px;
9120 align-items: baseline;
9121 flex: 1;
9122 }
9123 @media (max-width: 1024px) {
9124 .lp-course-curriculum .course-section .course-item__content {
9125 flex-wrap: wrap;
9126 }
9127 }
9128 .lp-course-curriculum .course-section .course-item__left:hover {
9129 color: var(--lp-primary-color, #ffb606);
9130 }
9131 .lp-course-curriculum .course-section .course-item__right {
9132 display: flex;
9133 column-gap: 12px;
9134 row-gap: 8px;
9135 align-items: center;
9136 flex: none;
9137 color: var(--lp-color-meta, #8a8a8a);
9138 flex-wrap: wrap;
9139 flex-direction: row-reverse;
9140 justify-content: flex-end;
9141 }
9142 @media (max-width: 1024px) {
9143 .lp-course-curriculum .course-section .course-item__right {
9144 width: 100%;
9145 order: 3;
9146 }
9147 }
9148 .lp-course-curriculum .course-section .course-item__status .course-item-ico {
9149 width: 24px;
9150 display: flex;
9151 justify-content: center;
9152 }
9153 .lp-course-curriculum .course-section .course-item-ico::before {
9154 content: "";
9155 display: inline-block;
9156 font-family: "lp-icon";
9157 font-weight: normal;
9158 }
9159 .lp-course-curriculum .course-section .course-item-ico.lp_lesson::before {
9160 content: "\f15b";
9161 }
9162 .lp-course-curriculum .course-section .course-item-ico.lp_quiz::before {
9163 content: "\f12e";
9164 }
9165 .lp-course-curriculum .course-section .course-item-ico.lp_assignment::before {
9166 content: "\e929";
9167 }
9168 .lp-course-curriculum .course-section .course-item-ico.lp_h5p::before {
9169 content: "\e92a";
9170 }
9171 .lp-course-curriculum .course-section .course-item-ico.preview::before {
9172 content: "\f06e";
9173 color: #999;
9174 }
9175 .lp-course-curriculum .course-section .course-item-ico.locked::before {
9176 content: "\f023";
9177 color: #999;
9178 }
9179 .lp-course-curriculum .course-section .course-item-ico.passed.completed::before {
9180 content: "\f00c";
9181 color: #3bb54a;
9182 }
9183 .lp-course-curriculum .course-section .course-item-ico.in-progress::before, .lp-course-curriculum .course-section .course-item-ico.completed::before {
9184 content: "\f00c";
9185 color: #999;
9186 }
9187 .lp-course-curriculum .course-section .course-item-ico.failed.completed::before {
9188 content: "\f00d";
9189 color: #f02425;
9190 }
9191 .lp-course-curriculum .course-section .course-item-ico.started::before {
9192 content: "\f00c";
9193 color: #999;
9194 }
9195 .lp-course-curriculum .course-section .course-item-ico.doing::before {
9196 content: "\e921";
9197 color: #999;
9198 }
9199
9200 .info-learning .course-progress > div {
9201 margin-bottom: 8px;
9202 }
9203 .info-learning .course-progress__line {
9204 width: 100%;
9205 background: #ccc;
9206 height: 5px;
9207 border-radius: 5px;
9208 position: relative;
9209 }
9210 .info-learning .course-progress__line__active {
9211 background: var(--lp-primary-color);
9212 height: 100%;
9213 border-radius: 5px;
9214 position: absolute;
9215 top: 0;
9216 right: 0;
9217 }
9218 .info-learning .course-progress__line__active {
9219 background: var(--lp-primary-color);
9220 height: 100%;
9221 border-radius: 5px;
9222 position: absolute;
9223 top: 0;
9224 right: 0;
9225 }
9226 .info-learning .course-progress__line__point {
9227 position: absolute;
9228 top: 0;
9229 width: 2px;
9230 height: 100%;
9231 background: var(--lp-secondary-color);
9232 }
9233 .info-learning .start-date, .info-learning .end-date {
9234 margin-bottom: 8px;
9235 }
9236
9237 /*
9238 Css for Block of Gutenberg
9239 */
9240 /**
9241 * Styles for all page of Block LP
9242 *
9243 * @since 4.2.3
9244 * @version 1.0.0
9245 */
9246 .lp-ico svg {
9247 width: 20px;
9248 height: 20px;
9249 }
9250
9251 .lp-hidden {
9252 display: none !important;
9253 }
9254
9255 .course-price .origin-price {
9256 text-decoration: line-through;
9257 margin-left: 4px;
9258 font-size: calc(var(--lp-font-size-base, 1em) * 0.925);
9259 opacity: 0.6;
9260 }
9261
9262 [class*=wp-block-learnpress] img,
9263 .block-editor-block-list__block img {
9264 max-width: 100%;
9265 height: auto;
9266 }
9267 [class*=wp-block-learnpress] .info-meta-item,
9268 .block-editor-block-list__block .info-meta-item {
9269 display: flex;
9270 gap: 4px;
9271 flex-wrap: wrap;
9272 }
9273 [class*=wp-block-learnpress] .info-meta-item i,
9274 .block-editor-block-list__block .info-meta-item i {
9275 color: var(--lp-primary-color, #ffb606);
9276 }
9277 [class*=wp-block-learnpress] .info-meta-left,
9278 .block-editor-block-list__block .info-meta-left {
9279 display: flex;
9280 gap: 8px;
9281 align-items: center;
9282 letter-spacing: 0;
9283 }
9284 [class*=wp-block-learnpress] a,
9285 .block-editor-block-list__block a {
9286 text-decoration: none;
9287 }
9288
9289 .wp-block-learnpress-course-image {
9290 overflow: hidden;
9291 }
9292
9293 .wp-block-learnpress-course-instructor > div > *,
9294 .wp-block-learnpress-course-categories > div > * {
9295 display: inline;
9296 vertical-align: middle;
9297 }
9298
9299 /*
9300 Breadcrumb
9301 */
9302 .wp-block-learnpress-breadcrumb ul {
9303 margin: 0 auto;
9304 list-style: none;
9305 padding: 0;
9306 }
9307 .wp-block-learnpress-breadcrumb li {
9308 display: inline-block;
9309 margin: 0;
9310 }
9311 .wp-block-learnpress-breadcrumb i {
9312 margin: 0 8px;
9313 }
9314 .wp-block-learnpress-breadcrumb a {
9315 color: inherit;
9316 }
9317
9318 .courses-btn-load-more {
9319 padding: 8px 24px;
9320 border-radius: var(--lp-border-radius, 5px);
9321 color: var(--lp-color-base, #333);
9322 border: 1px solid var(--lp-color-base, #333);
9323 font-size: var(--lp-font-size-base, 1em);
9324 transition: all 0.3s;
9325 display: block;
9326 background: transparent;
9327 text-decoration: none;
9328 text-align: center;
9329 cursor: pointer;
9330 margin: 20px auto;
9331 }
9332 .courses-btn-load-more:hover {
9333 background: var(--lp-primary-color, #ffb606);
9334 color: var(--lp-color-white, #fff);
9335 border-color: var(--lp-primary-color, #ffb606);
9336 }
9337
9338 .lp-overlay {
9339 display: none;
9340 position: fixed;
9341 z-index: 99999;
9342 top: 0;
9343 left: 0;
9344 bottom: 0;
9345 right: 0;
9346 width: 100%;
9347 height: 100%;
9348 background-color: rgba(209, 213, 219, 0.8);
9349 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
9350 transition-duration: 150ms;
9351 transition-property: opacity;
9352 }
9353
9354 .lp-modal-dialog {
9355 display: flex;
9356 position: fixed;
9357 z-index: 9999;
9358 top: 0;
9359 left: 0;
9360 right: 0;
9361 width: 100%;
9362 min-height: 100vh;
9363 text-align: center;
9364 align-items: center;
9365 justify-content: center;
9366 /*.lp-button {
9367 cursor: pointer;
9368 border: 1px solid $border-color;
9369 border-radius: $border-radius-global;
9370 padding: $spacing-base-2x $spacing-base-4x;
9371
9372 &.loading {
9373 pointer-events: none;
9374 opacity: 0.8;
9375 @include loading();
9376 }
9377
9378 &:hover {
9379 border-color: $color-primary;
9380 color: #fff;
9381 background: $color-primary;
9382 }
9383 }*/
9384 }
9385 .lp-modal-dialog .learn-press-message {
9386 width: auto;
9387 margin: 0 !important;
9388 }
9389 .lp-modal-dialog .lp-modal-content {
9390 display: inline-block;
9391 overflow: hidden;
9392 z-index: 2;
9393 width: auto;
9394 max-width: 600px;
9395 border-radius: 8px;
9396 text-align: right;
9397 vertical-align: middle;
9398 background: white;
9399 color: black;
9400 }
9401 .lp-modal-dialog .lp-modal-content h2,
9402 .lp-modal-dialog .lp-modal-content h3 {
9403 margin: 0;
9404 }
9405 .lp-modal-dialog .lp-modal-content .lp-group-step h3 {
9406 border-bottom: 1px solid #eee;
9407 }
9408 .lp-modal-dialog .lp-modal-content .main-content .terms-upgrade .pd-2em {
9409 padding: 0 1em;
9410 }
9411 .lp-modal-dialog .lp-modal-header {
9412 background: #7c60d9;
9413 border-bottom: 1px solid #eee;
9414 padding: 1em;
9415 }
9416 .lp-modal-dialog .lp-modal-header h3 {
9417 margin: 0;
9418 color: white;
9419 font-weight: 400;
9420 }
9421 .lp-modal-dialog .lp-modal-body .main-content {
9422 max-height: 500px;
9423 overflow: auto;
9424 overscroll-behavior: contain;
9425 }
9426 .lp-modal-dialog .lp-modal-body .main-content h3,
9427 .lp-modal-dialog .lp-modal-body .main-content h2,
9428 .lp-modal-dialog .lp-modal-body .main-content .pd-2em {
9429 padding: 1em;
9430 }
9431 .lp-modal-dialog .lp-modal-footer {
9432 padding: 20px;
9433 background-color: #f9fafb;
9434 text-align: left;
9435 }
9436 .lp-modal-dialog .btn-yes {
9437 color: #fff;
9438 background-color: #7c60d9;
9439 }
9440 .lp-modal-dialog .lp_allow_repurchase_select {
9441 padding: 20px;
9442 background: #f7f7f7;
9443 }
9444 .lp-modal-dialog .lp_allow_repurchase_select > ul {
9445 margin: 0;
9446 padding: 0;
9447 list-style: none;
9448 }
9449 .lp-modal-dialog .lp_allow_repurchase_select > ul li label {
9450 display: flex;
9451 align-items: center;
9452 gap: 10px;
9453 }
9454
9455 .lp-button.btn-finish-course {
9456 cursor: pointer;
9457 width: 100%;
9458 padding: 12px 24px;
9459 background-color: var(--lp-primary-color, #ffb606);
9460 border-width: 0;
9461 border-radius: var(--lp-border-radius, 5px);
9462 border-color: var(--lp-primary-color, #ffb606);
9463 color: var(--lp-color-white, #fff);
9464 font-size: var(--lp-font-size-base, 1em);
9465 text-align: center;
9466 text-decoration: none;
9467 -webkit-transition: all 0.25s;
9468 transition: all 0.25s;
9469 }
9470 .lp-button.btn-finish-course:hover {
9471 background-color: var(--lp-secondary-color, #442e66);
9472 border-color: var(--lp-secondary-color, #442e66);
9473 }
9474
9475 /**
9476 * Mixin
9477 */
9478 @keyframes rotating4 {
9479 from {
9480 transform: rotate(0deg);
9481 }
9482 to {
9483 transform: rotate(-360deg);
9484 }
9485 }
9486 @keyframes animation4 {
9487 from {
9488 right: -40%;
9489 width: 40%;
9490 }
9491 to {
9492 right: 100%;
9493 width: 10%;
9494 }
9495 }
9496 :root {
9497 --lp-cotainer-max-with: var(--lp-container-max-width);
9498 }
9499
9500 .wp-block-group {
9501 --lp-container-max-width: var(--wp--style--global--wide-size);
9502 }
9503
9504 .c-gap-4 {
9505 column-gap: 4px;
9506 }
9507
9508 .wp-block-learnpress-course-feature-review .featured-review__title {
9509 font-weight: var(--lp-font-weight-link, 600);
9510 font-size: calc(var(--lp-font-size-base, 1em) * 1.25);
9511 }
9512
9513 [class^=wp-block-learnpress] .extra-box ul {
9514 margin: 0 20px 0 0;
9515 padding: 0;
9516 }
9517
9518 .wp-block-learnpress-course-button-read-more,
9519 .wp-block-learnpress-course-button {
9520 cursor: pointer;
9521 padding: 12px 24px;
9522 background-color: var(--lp-primary-color, #ffb606);
9523 border-width: 0;
9524 border-radius: var(--lp-border-radius, 5px);
9525 border-color: var(--lp-primary-color, #ffb606);
9526 color: var(--lp-color-white, #fff);
9527 font-size: var(--lp-font-size-base, 1em);
9528 text-align: center;
9529 text-decoration: none;
9530 -webkit-transition: all 0.25s;
9531 transition: all 0.25s;
9532 }
9533 .wp-block-learnpress-course-button-read-more:hover,
9534 .wp-block-learnpress-course-button:hover {
9535 background-color: var(--lp-secondary-color, #442e66);
9536 border-color: var(--lp-secondary-color, #442e66);
9537 }
9538 .wp-block-learnpress-course-button-read-more.loading,
9539 .wp-block-learnpress-course-button.loading {
9540 pointer-events: none;
9541 opacity: 0.8;
9542 }
9543 .wp-block-learnpress-course-button-read-more.loading:before,
9544 .wp-block-learnpress-course-button.loading:before {
9545 position: absolute;
9546 display: inline-block;
9547 font-family: "lp-icon";
9548 content: "\f110";
9549 animation: lp-rotating 1s linear infinite;
9550 font-variant: normal;
9551 text-transform: none;
9552 -webkit-font-smoothing: antialiased;
9553 -moz-osx-font-smoothing: grayscale;
9554 vertical-align: middle;
9555 color: black;
9556 }
9557
9558 @media (min-width: 992px) {
9559 .lp-block-course-sidebar {
9560 margin-top: -260px;
9561 margin-block-start: -260px !important;
9562 }
9563 }
9564 .wp-block-learnpress-item-search .search-course {
9565 display: flex;
9566 position: relative;
9567 height: 70px;
9568 background: var(--lp-white-grey, #F7F7FB);
9569 }
9570 .wp-block-learnpress-item-search .search-course input[name=s] {
9571 display: block;
9572 width: 100%;
9573 margin-right: 30px;
9574 border: none;
9575 color: var(--lp-color-base, #333);
9576 background: transparent;
9577 box-shadow: none;
9578 height: auto;
9579 -webkit-box-sizing: border-box;
9580 box-sizing: border-box;
9581 }
9582 .wp-block-learnpress-item-search .search-course input[name=s]::placeholder {
9583 color: #999;
9584 }
9585 .wp-block-learnpress-item-search .search-course input[name=s]::placeholder {
9586 font-style: italic;
9587 }
9588 .wp-block-learnpress-item-search .search-course input[name=s]:focus {
9589 outline: 0;
9590 }
9591 .wp-block-learnpress-item-search .search-course button {
9592 position: absolute;
9593 top: 0;
9594 left: 10px;
9595 height: 70px;
9596 padding: 0 16px;
9597 border: 0;
9598 background: transparent;
9599 line-height: 1px;
9600 box-shadow: none;
9601 }
9602 .wp-block-learnpress-item-search .search-course button:focus {
9603 outline: none;
9604 }
9605 .wp-block-learnpress-item-search .search-course button i {
9606 color: var(--lp-color-accent, #666);
9607 }
9608 .wp-block-learnpress-item-search .search-course button.clear {
9609 display: none;
9610 }
9611 .wp-block-learnpress-item-search .search-course button.clear::before {
9612 content: "\f00d";
9613 }
9614
9615 .wp-block-learnpress-course-material .lp-button {
9616 padding: 12px 24px;
9617 border: 1px solid var(--lp-border-color, #E2E0DB);
9618 color: var(--lp-color-base, #333);
9619 background: transparent;
9620 box-shadow: unset;
9621 font-family: inherit;
9622 font-weight: 400;
9623 text-align: center;
9624 text-transform: capitalize;
9625 border-radius: var(--lp-border-radius, 5px);
9626 margin-top: 20px;
9627 -webkit-transition: all 0.25s;
9628 transition: all 0.25s;
9629 }
9630 .wp-block-learnpress-course-material .course-material-table {
9631 width: 100%;
9632 display: table;
9633 border-spacing: 0;
9634 border-collapse: collapse;
9635 }
9636 .wp-block-learnpress-course-material .course-material-table tbody tr:nth-child(even) td,
9637 .wp-block-learnpress-course-material .course-material-table .learnpress table tfoot tr:nth-child(even) td {
9638 background: var(--tb-even-color, #fafafa);
9639 }
9640 .wp-block-learnpress-course-material .course-material-table thead {
9641 box-sizing: border-box;
9642 border: 1px solid var(--lp-border-color, #e2e0db);
9643 }
9644 .wp-block-learnpress-course-material .course-material-table th,
9645 .wp-block-learnpress-course-material .course-material-table td {
9646 padding: 0.7em 1em;
9647 border: 1px solid var(--lp-border-color, #e2e0db);
9648 background: #fff;
9649 }
9650 .wp-block-learnpress-course-material .course-material-table th {
9651 border-bottom: none;
9652 background: var(--lp-white-grey, #f7f7fb);
9653 font-weight: 600;
9654 text-align: center;
9655 }
9656 .wp-block-learnpress-course-material .course-material-table th:first-child {
9657 text-align: right;
9658 }
9659 .wp-block-learnpress-course-material .course-material-table tr td {
9660 border: 1px solid var(--lp-border-color, #e2e0db);
9661 line-height: 1.4;
9662 }
9663 .wp-block-learnpress-course-material .course-material-table tr td:not(:first-child) {
9664 text-align: center;
9665 }
9666 .wp-block-learnpress-course-material .course-material-table tfoot td {
9667 text-align: right;
9668 font-weight: bold;
9669 }
9670 .wp-block-learnpress-course-material .course-material-table.searching button:before {
9671 display: inline-block;
9672 content: "\f110";
9673 animation: lp-rotating 1s linear infinite;
9674 }
9675
9676 .wp-block-learnpress-item-hidden-sidebar .section-toggle {
9677 justify-content: flex-end;
9678 flex: 0;
9679 }
9680 .wp-block-learnpress-item-hidden-sidebar .section-toggle i {
9681 color: var(--lp-color-accent, #666);
9682 }
9683
9684 .wp-block-learnpress-item-close .back-course {
9685 padding: 24px;
9686 line-height: 70px;
9687 background: rgba(255, 255, 255, 0.1);
9688 color: #fff;
9689 }
9690 .wp-block-learnpress-item-close .back-course:hover {
9691 background: rgba(255, 255, 255, 0.15);
9692 }
9693 @media (max-width: 768px) {
9694 .wp-block-learnpress-item-close .back-course {
9695 background: transparent;
9696 opacity: 0.6;
9697 padding-right: 15px;
9698 padding-left: 15px;
9699 }
9700 .wp-block-learnpress-item-close .back-course:hover {
9701 background: transparent;
9702 opacity: 1;
9703 }
9704 }
9705
9706 .wp-block-learnpress-item-hidden-sidebar #sidebar-toggle {
9707 display: inline-block;
9708 width: 32px;
9709 min-width: 32px;
9710 line-height: 70px;
9711 height: unset;
9712 margin: 0;
9713 background: rgba(255, 255, 255, 0.1);
9714 color: var(--lp-color-white, #fff);
9715 font-size: 1.4em;
9716 cursor: pointer;
9717 transition: 0.25s;
9718 -webkit-appearance: none;
9719 border: none;
9720 text-align: center;
9721 }
9722 .wp-block-learnpress-item-hidden-sidebar #sidebar-toggle:after {
9723 display: none;
9724 }
9725 .wp-block-learnpress-item-hidden-sidebar #sidebar-toggle::before {
9726 display: inline-block;
9727 position: static;
9728 margin: 0;
9729 width: auto;
9730 height: auto;
9731 font-family: "lp-icon";
9732 content: "\f0d9";
9733 }
9734 .wp-block-learnpress-item-hidden-sidebar #sidebar-toggle:focus {
9735 border: 0;
9736 outline: 0;
9737 }
9738
9739 .wp-block-learnpress-item-progress .items-progress {
9740 display: flex;
9741 justify-content: center;
9742 align-items: center;
9743 column-gap: 10px;
9744 white-space: nowrap;
9745 }
9746 .wp-block-learnpress-item-progress .number {
9747 padding-left: 10px;
9748 font-size: calc(var(--lp-font-size-base, 1em) * 0.86);
9749 }
9750 .wp-block-learnpress-item-progress .learn-press-progress {
9751 overflow: hidden;
9752 position: relative;
9753 width: 80px;
9754 height: 6px;
9755 border-radius: 3px;
9756 }
9757 .wp-block-learnpress-item-progress .learn-press-progress .progress-bg {
9758 overflow: hidden;
9759 position: relative;
9760 height: 6px;
9761 background: #ccc;
9762 border-radius: 5px;
9763 }
9764 .wp-block-learnpress-item-progress .learn-press-progress .progress-bg .progress-active {
9765 position: absolute;
9766 right: 50%;
9767 width: 100%;
9768 height: 100%;
9769 margin-right: -100%;
9770 background: var(--lp-primary-color, #ffb606);
9771 border-radius: 5px;
9772 }
9773 .wp-block-learnpress-item-progress .learn-press-progress .learn-press-progress__active {
9774 position: absolute;
9775 z-index: 1;
9776 right: -100%;
9777 width: 100%;
9778 height: 100%;
9779 border-radius: 3px;
9780 background: var(--lp-primary-color, #ffb606);
9781 -webkit-transition: 0.5s;
9782 transition: 0.5s;
9783 }
9784 .wp-block-learnpress-item-progress .learn-press-progress::before {
9785 display: block;
9786 position: absolute;
9787 z-index: 0;
9788 top: 0;
9789 width: 100%;
9790 height: 100%;
9791 background: #ccc;
9792 content: "";
9793 }
9794
9795 .wp-block-learnpress-item-navigation .course-item-nav {
9796 display: flex;
9797 justify-content: space-between;
9798 }
9799 .wp-block-learnpress-item-navigation .course-item-nav .prev,
9800 .wp-block-learnpress-item-navigation .course-item-nav .next {
9801 display: flex;
9802 line-height: 3.125em;
9803 flex: 1;
9804 position: relative;
9805 }
9806 .wp-block-learnpress-item-navigation .course-item-nav .prev span,
9807 .wp-block-learnpress-item-navigation .course-item-nav .next span {
9808 display: block;
9809 font-weight: bold;
9810 }
9811 .wp-block-learnpress-item-navigation .course-item-nav .prev a,
9812 .wp-block-learnpress-item-navigation .course-item-nav .next a {
9813 display: block;
9814 color: var(--lp-color-accent, #666);
9815 color: #999;
9816 }
9817 .wp-block-learnpress-item-navigation .course-item-nav .prev::before,
9818 .wp-block-learnpress-item-navigation .course-item-nav .next::before {
9819 color: #999;
9820 font-family: "lp-icon";
9821 }
9822 .wp-block-learnpress-item-navigation .course-item-nav .prev:hover a, .wp-block-learnpress-item-navigation .course-item-nav .prev:hover::before,
9823 .wp-block-learnpress-item-navigation .course-item-nav .next:hover a,
9824 .wp-block-learnpress-item-navigation .course-item-nav .next:hover::before {
9825 color: var(--lp-primary-color, #ffb606);
9826 }
9827 .wp-block-learnpress-item-navigation .course-item-nav .prev:hover .course-item-nav__name,
9828 .wp-block-learnpress-item-navigation .course-item-nav .next:hover .course-item-nav__name {
9829 display: block;
9830 }
9831 .wp-block-learnpress-item-navigation .course-item-nav .next {
9832 text-align: left;
9833 flex-direction: row-reverse;
9834 }
9835 .wp-block-learnpress-item-navigation .course-item-nav .next::before {
9836 margin-right: 10px;
9837 content: "\f0da";
9838 }
9839 .wp-block-learnpress-item-navigation .course-item-nav .next[data-nav=next] {
9840 justify-content: flex-end;
9841 }
9842 .wp-block-learnpress-item-navigation .prev::before {
9843 margin-left: 10px;
9844 content: "\f0d9";
9845 }
9846 .wp-block-learnpress-item-navigation .prev .course-item-nav__name {
9847 left: auto;
9848 right: -30px;
9849 }
9850 .wp-block-learnpress-item-navigation .prev .course-item-nav__name::before {
9851 left: auto;
9852 right: 5px;
9853 }
9854 @media (max-width: 1024px) {
9855 .wp-block-learnpress-item-navigation .prev .course-item-nav__name {
9856 right: 15px;
9857 }
9858 }
9859 .wp-block-learnpress-item-navigation .course-item-nav__name {
9860 display: none;
9861 position: absolute;
9862 top: -20px;
9863 left: -30px;
9864 width: auto;
9865 padding: 10px 15px;
9866 color: var(--lp-color-accent, #666);
9867 background: #ccc;
9868 font-size: calc(var(--lp-font-size-base, 1em) * 0.925);
9869 line-height: 1;
9870 }
9871 @media (max-width: 1024px) {
9872 .wp-block-learnpress-item-navigation .course-item-nav__name {
9873 top: -25px;
9874 left: 15px;
9875 right: auto;
9876 }
9877 }
9878
9879 .wp-block-learnpress-item-curriculum .lp-course-curriculum__title,
9880 .wp-block-learnpress-item-curriculum .course-curriculum-info,
9881 .wp-block-learnpress-item-curriculum .course-section__description {
9882 display: none;
9883 }
9884
9885 .wp-block-learnpress-item-content .content-item-wrap {
9886 padding: 0;
9887 }
9888
9889 .wp-block-learnpress-item-curriculum .lp-course-curriculum .course-section .course-item__content {
9890 display: flex;
9891 justify-content: space-between;
9892 column-gap: 12px;
9893 row-gap: 8px;
9894 align-items: baseline;
9895 flex: 1;
9896 flex-direction: row;
9897 }
9898
9899 .wp-block-learnpress-list-courses .learn-press-courses .course {
9900 width: unset;
9901 padding: 0;
9902 }
9903
9904 .wp-block-learnpress-course-featured .course-featured {
9905 margin-bottom: 0;
9906 background-color: inherit;
9907 color: inherit;
9908 padding: 0;
9909 }
9910
9911 .courses-order-by,
9912 .block-courses-order-by {
9913 border: 1px solid var(--lp-border-color, #E2E0DB);
9914 border-radius: var(--lp-border-radius, 5px);
9915 padding: 8px 16px;
9916 height: inherit;
9917 font-size: inherit;
9918 line-height: 1.1;
9919 box-shadow: none;
9920 padding-left: 30px;
9921 background-image: url(data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjE4cHgiIGhlaWdodD0iMTBweCIgdmlld0JveD0iMCAwIDE4IDEwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4KICAgICAgICA8ZyBpZD0iVmVjdG9yLSgxKSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMS4wMDAwMDAsIDEuMDAwMDAwKSIgc3Ryb2tlPSIjMzMzMzMzIiBzdHJva2Utd2lkdGg9IjIiPgogICAgICAgICAgICA8cG9seWxpbmUgaWQ9IlBhdGgiIHBvaW50cz0iMCAwIDggOCAxNiAwIj48L3BvbHlsaW5lPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
9922 background-size: 0.8em;
9923 background-position: calc(100% - (100% - 0.5em)) center;
9924 background-repeat: no-repeat;
9925 -webkit-appearance: none;
9926 appearance: none;
9927 line-height: 1.1;
9928 }
9929 .woocommerce-js .courses-order-by,
9930 .woocommerce-js .block-courses-order-by {
9931 background-position-x: calc(100% - (100% - 10px));
9932 }
9933 .courses-order-by:focus,
9934 .block-courses-order-by:focus {
9935 border-color: var(--lp-primary-color);
9936 outline: 0;
9937 }
9938
9939 .course-img img {
9940 display: block;
9941 }
9942
9943 .block-search-courses {
9944 display: flex;
9945 flex: 1;
9946 margin-bottom: 0;
9947 }
9948 .block-search-courses input {
9949 width: 100%;
9950 max-width: 240px;
9951 margin: 0 0 0 4px;
9952 border: 1px solid var(--lp-border-color, #E2E0DB);
9953 border-radius: var(--lp-border-radius, 5px);
9954 padding: 8px 16px;
9955 height: inherit;
9956 font-size: inherit;
9957 line-height: 1.1;
9958 box-shadow: none;
9959 }
9960 .block-search-courses input::placeholder {
9961 color: #999;
9962 }
9963 .block-search-courses input:focus {
9964 border-color: var(--lp-primary-color);
9965 outline: 0;
9966 }
9967 .block-search-courses button {
9968 border: 1px solid var(--lp-border-color, #E2E0DB);
9969 border-radius: var(--lp-border-radius, 5px);
9970 padding: 8px 16px;
9971 height: inherit;
9972 font-size: inherit;
9973 line-height: 1.1;
9974 box-shadow: none;
9975 box-shadow: 0 0 0;
9976 margin-bottom: 0;
9977 }
9978 .block-search-courses button i {
9979 font-size: 1.2em;
9980 line-height: 1.2;
9981 }
9982 .block-search-courses button:focus {
9983 outline: 0;
9984 }
9985 .block-search-courses button.loading > i:before {
9986 display: inline-block;
9987 content: "\f110";
9988 animation: lp-rotating 1s linear infinite;
9989 }
9990
9991 @media (max-width: 767px) {
9992 .wp-block-learnpress-course-search {
9993 width: 100%;
9994 }
9995 .wp-block-learnpress-course-search input {
9996 min-width: 240px;
9997 max-width: unset;
9998 }
9999 }
10000 .course-filter-btn-mobile {
10001 display: inline-flex;
10002 align-items: center;
10003 }
10004 @media (min-width: 769px) {
10005 .course-filter-btn-mobile {
10006 display: none;
10007 }
10008 }
10009
10010 ul.wp-block-learn-press-courses {
10011 list-style: none;
10012 margin: 0;
10013 max-width: 100%;
10014 padding: 0;
10015 }
10016 ul.wp-block-learn-press-courses[data-layout=grid] {
10017 --columns: 3;
10018 --gap: 1.25em;
10019 --min-width: 200px;
10020 grid-gap: var(--gap);
10021 display: grid;
10022 grid-template-columns: repeat(auto-fill, minmax(max(var(--min-width), 100% / var(--columns) - var(--gap) * (var(--columns) - 1) / var(--columns)), 1fr));
10023 margin-bottom: 2.25em;
10024 }
10025 @media (max-width: 768px) {
10026 ul.wp-block-learn-press-courses .wp-block-learn-press-courses[data-layout=grid] {
10027 --columns: min(var(--columns), 2);
10028 }
10029 }
10030 @media (max-width: 480px) {
10031 ul.wp-block-learn-press-courses .wp-block-learn-press-courses[data-layout=grid] {
10032 --columns: 1;
10033 }
10034 }
10035
10036 .wp-block-learnpress-course-price .course-price .free,
10037 .wp-block-learnpress-course-price .course-price .price {
10038 font-size: calc(var(--lp-font-size-base, 1em) * 1.25);
10039 font-weight: var(--lp-font-weight-link, 600);
10040 }
10041 .wp-block-learnpress-course-price .course-price .origin-price {
10042 margin-left: 8px;
10043 opacity: 0.8;
10044 font-size: calc(var(--lp-font-size-base, 1em) * 0.925);
10045 text-decoration: line-through;
10046 }
10047
10048 .wp-block-learnpress-course-button-read-more button {
10049 padding: 8px 24px;
10050 border-radius: var(--lp-border-radius, 5px);
10051 color: var(--lp-color-base, #333);
10052 border: 1px solid var(--lp-color-base, #333);
10053 transition: all 0.3s;
10054 display: block;
10055 background: transparent;
10056 text-decoration: none;
10057 text-align: center;
10058 }
10059 .wp-block-learnpress-course-button-read-more button:hover {
10060 background: var(--lp-primary-color, #ffb606);
10061 color: var(--lp-color-white, #fff);
10062 border-color: var(--lp-primary-color, #ffb606);
10063 }
10064
10065 .wp-block-learnpress-course-button .course-readmore a {
10066 padding: 8px 24px;
10067 border-radius: var(--lp-border-radius, 5px);
10068 color: var(--lp-color-base, #333);
10069 border: 1px solid var(--lp-color-base, #333);
10070 transition: all 0.3s;
10071 display: block;
10072 background: transparent;
10073 text-decoration: none;
10074 text-align: center;
10075 }
10076 .wp-block-learnpress-course-button .course-readmore a:hover {
10077 background: var(--lp-primary-color, #ffb606);
10078 color: var(--lp-color-white, #fff);
10079 border-color: var(--lp-primary-color, #ffb606);
10080 }
10081
10082 .courses-order-by-wrapper .courses-order-by {
10083 border: 1px solid var(--lp-border-color, #E2E0DB);
10084 border-radius: var(--lp-border-radius, 5px);
10085 padding: 8px 16px;
10086 height: inherit;
10087 font-size: inherit;
10088 line-height: 1.1;
10089 box-shadow: none;
10090 padding-left: 30px;
10091 background-image: url(data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjE4cHgiIGhlaWdodD0iMTBweCIgdmlld0JveD0iMCAwIDE4IDEwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4KICAgICAgICA8ZyBpZD0iVmVjdG9yLSgxKSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMS4wMDAwMDAsIDEuMDAwMDAwKSIgc3Ryb2tlPSIjMzMzMzMzIiBzdHJva2Utd2lkdGg9IjIiPgogICAgICAgICAgICA8cG9seWxpbmUgaWQ9IlBhdGgiIHBvaW50cz0iMCAwIDggOCAxNiAwIj48L3BvbHlsaW5lPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
10092 background-size: 0.8em;
10093 background-position: calc(100% - (100% - 0.5em)) center;
10094 background-repeat: no-repeat;
10095 -webkit-appearance: none;
10096 appearance: none;
10097 line-height: 1.1;
10098 }
10099 .woocommerce-js .courses-order-by-wrapper .courses-order-by {
10100 background-position-x: calc(100% - (100% - 10px));
10101 }
10102 .courses-order-by-wrapper .courses-order-by:focus {
10103 border-color: var(--lp-primary-color, #ffb606);
10104 outline: 0;
10105 }
10106
10107 .wp-block-learnpress-course-filter h3 {
10108 margin-bottom: 20px;
10109 margin-top: 0;
10110 }
10111 .wp-block-learnpress-course-filter .filter .line {
10112 height: 15px;
10113 background: #ccc;
10114 margin-bottom: 10px;
10115 }
10116
10117 .wp-block-learnpress-course-search-filter,
10118 .wp-block-learnpress-course-level-filter,
10119 .wp-block-learnpress-course-author-filter,
10120 .wp-block-learnpress-course-price-filter,
10121 .wp-block-learnpress-course-categories-filter,
10122 .wp-block-learnpress-course-tag-filter {
10123 margin-bottom: 15px;
10124 padding-bottom: 15px;
10125 border-bottom: 1px solid #ccc;
10126 }
10127 .wp-block-learnpress-course-search-filter .lp-course-filter__field,
10128 .wp-block-learnpress-course-level-filter .lp-course-filter__field,
10129 .wp-block-learnpress-course-author-filter .lp-course-filter__field,
10130 .wp-block-learnpress-course-price-filter .lp-course-filter__field,
10131 .wp-block-learnpress-course-categories-filter .lp-course-filter__field,
10132 .wp-block-learnpress-course-tag-filter .lp-course-filter__field {
10133 position: relative;
10134 display: flex;
10135 align-items: center;
10136 gap: 10px;
10137 cursor: pointer;
10138 }
10139 .wp-block-learnpress-course-search-filter label,
10140 .wp-block-learnpress-course-level-filter label,
10141 .wp-block-learnpress-course-author-filter label,
10142 .wp-block-learnpress-course-price-filter label,
10143 .wp-block-learnpress-course-categories-filter label,
10144 .wp-block-learnpress-course-tag-filter label {
10145 flex: 1;
10146 }
10147 .wp-block-learnpress-course-search-filter span,
10148 .wp-block-learnpress-course-level-filter span,
10149 .wp-block-learnpress-course-author-filter span,
10150 .wp-block-learnpress-course-price-filter span,
10151 .wp-block-learnpress-course-categories-filter span,
10152 .wp-block-learnpress-course-tag-filter span {
10153 color: #999;
10154 }
10155
10156 .wp-block-learnpress-course-search-filter .search-box {
10157 width: 100%;
10158 height: 40px;
10159 border: 1px solid #ccc;
10160 border-radius: 5px;
10161 margin-top: 12px;
10162 }
10163
10164 .wp-block-learnpress-button-submit-filter,
10165 .wp-block-learnpress-button-reset-filter {
10166 box-sizing: border-box;
10167 text-transform: capitalize;
10168 border: 1px solid #ccc;
10169 border-radius: 4px;
10170 background: white;
10171 float: right;
10172 text-align: center;
10173 width: calc(50% - 8px);
10174 padding: 8px 30px;
10175 }
10176
10177 .wp-block-learnpress-button-submit-filter {
10178 margin-left: 4px;
10179 }
10180
10181 .wp-block-learnpress-button-reset-filter {
10182 margin-right: 4px;
10183 }
10184
10185 .block-editor-block-list__block img {
10186 display: block;
10187 }
10188 .block-editor-block-list__block .learn-press-courses {
10189 list-style: none;
10190 margin: 0;
10191 max-width: 100%;
10192 padding: 0;
10193 }
10194 .block-editor-block-list__block a {
10195 text-decoration: none;
10196 }
10197 .block-editor-block-list__block .c-gap-4 {
10198 column-gap: 4px;
10199 }
10200 .block-editor-block-list__block .lp-course-curriculum .course-section .course-item__right {
10201 color: inherit;
10202 }
10203 .block-editor-block-list__block.wp-block-learnpress-course-title > * {
10204 margin-top: 0;
10205 }
10206
10207 a.block-editor-block-list__block.wp-block-learnpress-course-button {
10208 padding: 8px 24px;
10209 border-radius: var(--lp-border-radius, 5px);
10210 color: var(--lp-color-base, #333);
10211 border: 1px solid var(--lp-color-base, #333);
10212 transition: all 0.3s;
10213 display: block;
10214 background: transparent;
10215 text-decoration: none;
10216 text-align: center;
10217 }
10218 a.block-editor-block-list__block.wp-block-learnpress-course-button:hover {
10219 background: var(--lp-primary-color, #ffb606);
10220 color: var(--lp-color-white, #fff);
10221 border-color: var(--lp-primary-color, #ffb606);
10222 }
10223
10224 @keyframes lp-rotating {
10225 from {
10226 -webkit-transform: rotate(0deg);
10227 transform: rotate(0deg);
10228 }
10229 to {
10230 -webkit-transform: rotate(-360deg);
10231 transform: rotate(-360deg);
10232 }
10233 }
10234 @-webkit-keyframes lp-rotating {
10235 from {
10236 -webkit-transform: rotate(0deg);
10237 transform: rotate(0deg);
10238 }
10239 to {
10240 -webkit-transform: rotate(-360deg);
10241 transform: rotate(-360deg);
10242 }
10243 }
10244 .lp-loading-change {
10245 position: absolute;
10246 width: 100%;
10247 height: 100%;
10248 background: rgba(255, 255, 255, 0.38);
10249 top: 0;
10250 }
10251
10252 .lp-load-ajax-element {
10253 position: relative;
10254 }
10255
10256 .lp-loading-circle {
10257 width: 15px;
10258 height: 15px;
10259 border: 2px solid #ccc;
10260 border-radius: 50%;
10261 border-top-color: rgba(0, 0, 0, 0.76);
10262 animation: spin 1s infinite linear;
10263 display: inline-block;
10264 }
10265 .lp-loading-circle.hide {
10266 display: none;
10267 }
10268
10269 @keyframes spin {
10270 0% {
10271 transform: rotate(0deg);
10272 }
10273 100% {
10274 transform: rotate(-360deg);
10275 }
10276 }
10277 .lp-btn-ai-style {
10278 margin: 10px;
10279 }
10280
10281 .lp-btn-ai-style, .lp-btn-generate-with-ai {
10282 padding: 8px 10px;
10283 background: #f6f7f7;
10284 font-weight: 500;
10285 border: 1px solid #2271b1;
10286 color: #2271b1;
10287 line-height: 1;
10288 text-decoration: none;
10289 text-shadow: none;
10290 display: inline-flex;
10291 align-items: center;
10292 justify-content: center;
10293 gap: 5px;
10294 min-height: 32px;
10295 appearance: none;
10296 border-radius: 2px;
10297 white-space: nowrap;
10298 cursor: pointer;
10299 }
10300 .lp-btn-ai-style:active, .lp-btn-generate-with-ai:active {
10301 box-shadow: none;
10302 color: #fff;
10303 }
10304 .lp-btn-ai-style:hover, .lp-btn-generate-with-ai:hover {
10305 background: #6B46E9 !important;
10306 color: #fff !important;
10307 }
10308
10309 #post-body-content .lp-btn-ai-style {
10310 padding: 12px;
10311 }
10312 #post-body-content #wp-content-media-buttons .lp-btn-ai-style {
10313 margin-top: 0;
10314 margin-bottom: 0;
10315 }
10316
10317 .create-course-modal {
10318 padding: 0;
10319 display: flex !important;
10320 flex-direction: column;
10321 overflow: hidden;
10322 border-radius: 10px;
10323 background-color: #FFFFFF;
10324 height: 90vh;
10325 z-index: 10000000 !important;
10326 }
10327 .create-course-modal .modal-content {
10328 display: grid;
10329 grid-template-columns: 1fr 2fr;
10330 flex-grow: 1;
10331 gap: 30px;
10332 min-height: 500px;
10333 padding: 0 24px;
10334 }
10335 .create-course-modal .input-section {
10336 display: flex;
10337 flex-direction: column;
10338 }
10339 .create-course-modal .input-section label {
10340 font-weight: 700;
10341 line-height: 22px;
10342 font-size: 14px;
10343 color: #4A5568;
10344 margin-bottom: 4px;
10345 }
10346 .create-course-modal .input-section h3 {
10347 font-weight: 700;
10348 line-height: 22px;
10349 font-size: 14px;
10350 color: #4A5568;
10351 margin-bottom: 4px;
10352 }
10353 .create-course-modal .input-section textarea,
10354 .create-course-modal .input-section .ts-wrapper .ts-control {
10355 width: 100%;
10356 padding: 4px 8px;
10357 border: 1px solid #E5E7EB;
10358 border-radius: 6px;
10359 font-size: 0.95em;
10360 background-color: #F7FAFC;
10361 color: #1A202C;
10362 box-shadow: none;
10363 transition: border-color 0.2s, box-shadow 0.2s;
10364 }
10365 .create-course-modal .input-section textarea:focus, .create-course-modal .input-section textarea:focus-within,
10366 .create-course-modal .input-section .ts-wrapper .ts-control:focus,
10367 .create-course-modal .input-section .ts-wrapper .ts-control:focus-within {
10368 outline: none;
10369 border-color: #7E6CE2;
10370 box-shadow: 0 0 0 1px #7E6CE2;
10371 background-color: #FFFFFF;
10372 }
10373 .create-course-modal .input-section textarea {
10374 min-height: 150px;
10375 resize: vertical;
10376 }
10377 .create-course-modal .input-section .outputs-control {
10378 margin-top: 10px;
10379 }
10380 .create-course-modal .input-section .outputs-control .outputs-control-content {
10381 display: flex;
10382 align-items: center;
10383 justify-content: space-between;
10384 flex-direction: row;
10385 }
10386 .create-course-modal .input-section .outputs-control .outputs-control-content .output-number-selector {
10387 width: 120px;
10388 border-radius: 6px;
10389 padding: 10px 12px;
10390 border: 1px solid #E5E7EB;
10391 font-size: 0.95em;
10392 background-color: #F7FAFC;
10393 color: #1A202C;
10394 height: 40px;
10395 }
10396 .create-course-modal .input-section .lp-tom-select {
10397 width: 100%;
10398 }
10399 .create-course-modal .input-section .course-content-wrapper {
10400 background: #F7FAFC;
10401 padding: 8px 16px;
10402 border-radius: 16px;
10403 }
10404 .create-course-modal .input-section .course-content-wrapper input[readonly],
10405 .create-course-modal .input-section .course-content-wrapper textarea[readonly] {
10406 background-color: #FFFFFF !important;
10407 cursor: not-allowed;
10408 opacity: 0.8;
10409 }
10410 .create-course-modal .input-section .course-content-wrapper input[readonly]:focus,
10411 .create-course-modal .input-section .course-content-wrapper textarea[readonly]:focus {
10412 box-shadow: none;
10413 border-color: #E5E7EB;
10414 }
10415 .create-course-modal .output-section {
10416 display: flex;
10417 flex-direction: column;
10418 }
10419 .create-course-modal .output-section .output-header {
10420 display: flex;
10421 justify-content: space-between;
10422 align-items: center;
10423 margin-bottom: 8px;
10424 }
10425 .create-course-modal .output-section .output-header h3 {
10426 font-weight: 700;
10427 line-height: 22px;
10428 font-size: 14px;
10429 color: #1A202C;
10430 }
10431 .create-course-modal .output-section .output-header .icon-button {
10432 background: none;
10433 border: none;
10434 padding: 4px;
10435 cursor: pointer;
10436 color: #A0AEC0;
10437 }
10438 .create-course-modal .output-section .output-header .icon-button:hover {
10439 color: #4A5568;
10440 }
10441 .create-course-modal .output-section .output-item {
10442 border-radius: 6px;
10443 margin-bottom: 16px;
10444 background-color: #FFFFFF;
10445 position: relative;
10446 }
10447 .create-course-modal .output-section .output-item.prompt-item textarea {
10448 background-color: #F7FAFC;
10449 min-height: 80px;
10450 }
10451 .create-course-modal .output-section .output-item.output-suggestion textarea {
10452 border-color: #dbd6f7;
10453 min-height: 80px;
10454 }
10455 .create-course-modal .output-section .output-item p.prompt {
10456 font-weight: 500;
10457 color: #4A5568;
10458 font-size: 0.875rem;
10459 margin-bottom: 4px;
10460 }
10461 .create-course-modal .output-section .output-item .generate-button {
10462 background-color: #7E6CE2;
10463 color: #fff;
10464 border: none;
10465 padding: 12px 20px;
10466 border-radius: 6px;
10467 font-size: 1rem;
10468 font-weight: 500;
10469 cursor: pointer;
10470 width: 25%;
10471 margin-top: 10px;
10472 }
10473 .create-course-modal .output-section .output-item .generate-button:hover {
10474 opacity: 0.9;
10475 }
10476 .create-course-modal .output-section .output-item textarea {
10477 width: 100%;
10478 box-sizing: border-box;
10479 border: 1px solid #E5E7EB;
10480 border-radius: 6px;
10481 padding: 10px 12px;
10482 resize: vertical;
10483 font-size: 0.95em;
10484 color: #1A202C;
10485 transition: border-color 0.2s, box-shadow 0.2s;
10486 }
10487 .create-course-modal .output-section .output-item textarea:focus {
10488 outline: none;
10489 border-color: #7E6CE2;
10490 box-shadow: 0 0 0 1px #7E6CE2;
10491 }
10492 .create-course-modal .output-section .output-item .output-actions {
10493 position: absolute;
10494 top: 30%;
10495 left: 2%;
10496 display: flex;
10497 gap: 8px;
10498 visibility: hidden;
10499 }
10500 .create-course-modal .output-section .output-item .output-actions .action-button {
10501 font-size: 0.875rem;
10502 font-weight: 500;
10503 padding: 6px 12px;
10504 border-radius: 6px;
10505 cursor: pointer;
10506 border: 1px solid #E5E7EB;
10507 background-color: #FFFFFF;
10508 color: #4A5568;
10509 transition: background-color 0.2s, color 0.2s, border-color 0.2s;
10510 }
10511 .create-course-modal .output-section .output-item .output-actions .action-button.copy-button:hover {
10512 background-color: #F7FAFC;
10513 border-color: #c8ccd5;
10514 }
10515 .create-course-modal .output-section .output-item .output-actions .action-button.apply-button {
10516 background-color: #7E6CE2;
10517 border-color: #7E6CE2;
10518 color: #fff;
10519 }
10520 .create-course-modal .output-section .output-item .output-actions .action-button.apply-button:hover {
10521 opacity: 0.9;
10522 }
10523 .create-course-modal .output-section .output-item:hover .output-actions {
10524 visibility: visible;
10525 }
10526 .create-course-modal .output-section #lp-ai-output-suggestion {
10527 overflow-y: auto;
10528 flex-grow: 1;
10529 padding-left: 5px;
10530 }
10531 .create-course-modal .output-section #lp-ai-output-suggestion .output-placeholder {
10532 flex-grow: 1;
10533 border: 2px dashed #E5E7EB;
10534 border-radius: 6px;
10535 background-color: #E5E7EB;
10536 position: relative;
10537 height: 150px;
10538 width: 100%;
10539 background-position: center;
10540 background-repeat: no-repeat;
10541 margin-bottom: 10px;
10542 }
10543 .create-course-modal .output-section #lp-ai-output-suggestion .output-placeholder .output-actions {
10544 position: absolute;
10545 bottom: 5px;
10546 right: 80%;
10547 transform: translateX(50%);
10548 display: flex;
10549 gap: 10px;
10550 width: 30%;
10551 }
10552 .create-course-modal .output-section #lp-ai-output-suggestion .output-placeholder .output-actions .action-button {
10553 padding: 5px 20px;
10554 border-radius: 4px;
10555 border: 1px solid #E5E7EB;
10556 background-color: rgba(255, 255, 255, 0.8);
10557 cursor: pointer;
10558 }
10559 .create-course-modal .output-section #lp-ai-output-suggestion .output-placeholder .output-actions .apply-button {
10560 background-color: #7E6CE2;
10561 color: #fff;
10562 border-color: #7E6CE2;
10563 }
10564 .create-course-modal .ts-wrapper .ts-control .item {
10565 background-color: #F7FAFC;
10566 border: 1px solid #E5E7EB;
10567 color: #4A5568;
10568 border-radius: 20px;
10569 padding: 4px 10px;
10570 }
10571 .create-course-modal .ts-wrapper .ts-control .ts-input::placeholder {
10572 color: #A0AEC0;
10573 }
10574 .create-course-modal .modal-content {
10575 gap: 40px;
10576 padding: 24px 30px;
10577 }
10578 .create-course-modal .modal-content .input-section .form-group {
10579 margin-bottom: 16px;
10580 }
10581 .create-course-modal .modal-content .input-section .form-group label {
10582 margin-bottom: 6px;
10583 display: block;
10584 }
10585 .create-course-modal .modal-content .input-section .lp-ai-modal-grid.lp-ai-grid-2-cols {
10586 display: grid;
10587 grid-template-columns: 1fr 1fr;
10588 gap: 16px 20px;
10589 margin-bottom: 16px;
10590 }
10591 .create-course-modal .modal-content .input-section h3 {
10592 font-size: 16px;
10593 font-weight: 600;
10594 color: #1A202C;
10595 margin-top: 20px;
10596 margin-bottom: 8px;
10597 }
10598 .create-course-modal .modal-content .input-section h3:first-child {
10599 margin-top: 0;
10600 }
10601 .create-course-modal .modal-content .input-section p.description {
10602 font-size: 12px;
10603 color: #4A5568;
10604 margin: -4px 0 16px 0;
10605 }
10606 .create-course-modal .modal-content .input-section .lp-notice.notice-warning {
10607 background-color: #FEFCE8;
10608 border: 1px solid #FDE047;
10609 border-radius: 6px;
10610 padding: 12px;
10611 margin: 10px 0 20px 0;
10612 font-size: 14px;
10613 color: #713F12;
10614 }
10615 .create-course-modal .modal-content .input-section .lp-notice.notice-warning a {
10616 font-weight: 600;
10617 color: #713F12;
10618 text-decoration: underline;
10619 }
10620 .create-course-modal .modal-content .output-section .output-placeholder-wrapper {
10621 display: flex;
10622 justify-content: center;
10623 align-items: center;
10624 text-align: center;
10625 height: 100%;
10626 min-height: 200px;
10627 background-color: #F9FAFB;
10628 border-radius: 8px;
10629 border: 1px solid #E5E7EB;
10630 padding: 20px;
10631 }
10632 .create-course-modal .modal-content .output-section .output-placeholder-wrapper p {
10633 color: #4A5568;
10634 font-size: 15px;
10635 }
10636 .create-course-modal .modal-content .output-section .output-header .icon-button {
10637 display: inline-flex;
10638 align-items: center;
10639 justify-content: center;
10640 color: #4A5568;
10641 }
10642 .create-course-modal .modal-content .output-section .output-header .icon-button svg {
10643 width: 20px;
10644 height: 20px;
10645 }
10646
10647 .lp-generate-data-ai-wrap {
10648 width: 100%;
10649 max-height: 90%;
10650 }
10651 .lp-generate-data-ai-wrap .content-title {
10652 color: #111111;
10653 }
10654 .lp-generate-data-ai-wrap .step-header {
10655 display: flex;
10656 justify-content: space-between;
10657 margin-bottom: 30px;
10658 padding: 0 20px;
10659 gap: 10px;
10660 }
10661 .lp-generate-data-ai-wrap .step-header .step-item {
10662 display: flex;
10663 align-items: center;
10664 font-size: 14px;
10665 color: #1A202C;
10666 position: relative;
10667 flex-grow: 1;
10668 justify-content: center;
10669 }
10670 .lp-generate-data-ai-wrap .step-header .step-item.active .step-number {
10671 background-color: #7E6CE2;
10672 color: #fff;
10673 border-color: #7E6CE2;
10674 }
10675 .lp-generate-data-ai-wrap .step-header .step-item .step-text {
10676 color: #111111;
10677 font-weight: 600;
10678 }
10679 .lp-generate-data-ai-wrap .step-header .step-item .step-number {
10680 width: 28px;
10681 height: 28px;
10682 border-radius: 50%;
10683 border: 1px solid #E5E7EB;
10684 display: flex;
10685 justify-content: center;
10686 align-items: center;
10687 margin-left: 10px;
10688 font-weight: 500;
10689 background-color: #fff;
10690 }
10691 .lp-generate-data-ai-wrap .lp-form-generate-data-ai {
10692 border: 1px solid #E5E7EB;
10693 border-radius: 10px;
10694 padding: 20px;
10695 text-align: right;
10696 }
10697 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .lp-form-fields {
10698 min-height: 400px;
10699 max-height: 600px;
10700 overflow: auto;
10701 padding: 0 2px;
10702 }
10703 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step-title {
10704 font-size: 1.2em;
10705 font-weight: 600;
10706 margin-bottom: 10px;
10707 color: #111111;
10708 }
10709 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step-content {
10710 display: none;
10711 }
10712 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step-content.active {
10713 display: block;
10714 }
10715 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step-header h2 {
10716 font-size: 24px;
10717 font-weight: 700;
10718 margin: 0 0 8px 0;
10719 }
10720 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step-header p {
10721 font-size: 15px;
10722 color: #1A202C;
10723 margin: 0 0 30px 0;
10724 }
10725 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-grid {
10726 display: grid;
10727 grid-template-columns: 1fr 1fr;
10728 gap: 20px 30px;
10729 margin-bottom: 30px;
10730 }
10731 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group {
10732 margin-bottom: 10px;
10733 }
10734 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group.full-width {
10735 grid-column: 1/-1;
10736 }
10737 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group label {
10738 display: block;
10739 font-size: 14px;
10740 font-weight: 600;
10741 margin-bottom: 8px;
10742 color: #111111;
10743 }
10744 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group .lp-tom-select.ts-wrapper {
10745 width: 100%;
10746 }
10747 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group input,
10748 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group .ts-wrapper .ts-control,
10749 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group textarea {
10750 width: 100%;
10751 padding: 8px 16px;
10752 border-radius: 10px;
10753 border: 1px solid #E5E7EB;
10754 font-size: 14px;
10755 line-height: 1.5;
10756 box-sizing: border-box;
10757 transition: border-color 0.2s, box-shadow 0.2s;
10758 margin: 0;
10759 background-color: transparent;
10760 }
10761 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group input:focus,
10762 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group .ts-wrapper .ts-control:focus,
10763 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group textarea:focus {
10764 outline: none;
10765 border-color: #1A202C;
10766 }
10767 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group input .item,
10768 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group .ts-wrapper .ts-control .item,
10769 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group textarea .item {
10770 border: 1px solid #E5E7EB;
10771 color: #4A5568;
10772 border-radius: 6px;
10773 padding: 4px 10px;
10774 background-color: transparent;
10775 }
10776 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group input .ts-input::placeholder,
10777 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group .ts-wrapper .ts-control .ts-input::placeholder,
10778 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group textarea .ts-input::placeholder {
10779 color: #A0AEC0;
10780 }
10781 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group textarea {
10782 min-height: 86px;
10783 resize: vertical;
10784 }
10785 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group .field-description {
10786 color: #898989;
10787 margin-top: 8px;
10788 }
10789 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group .title-refer,
10790 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group .description-refer {
10791 padding: 0;
10792 border: none;
10793 font-size: 16px;
10794 min-height: unset;
10795 box-shadow: none;
10796 border-radius: 0;
10797 }
10798 .lp-generate-data-ai-wrap .lp-form-generate-data-ai #prompt-preview {
10799 min-height: 120px;
10800 background-color: #F9FAFB;
10801 color: #1A202C;
10802 }
10803 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .button-actions {
10804 display: flex;
10805 justify-content: flex-end;
10806 gap: 12px;
10807 margin-top: 20px;
10808 }
10809 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .generate-prompt {
10810 display: flex;
10811 justify-items: center;
10812 align-items: center;
10813 gap: 10px;
10814 margin-bottom: 20px;
10815 }
10816 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .generate-prompt img {
10817 display: none;
10818 }
10819 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .btn,
10820 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .lp-button {
10821 padding: 10px 20px;
10822 font-size: 15px;
10823 font-weight: 600;
10824 border-radius: 8px;
10825 cursor: pointer;
10826 border: 1px solid transparent;
10827 transition: all 0.2s;
10828 display: inline-flex;
10829 align-items: center;
10830 gap: 8px;
10831 }
10832 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .btn.loading:before,
10833 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .lp-button.loading:before {
10834 color: white !important;
10835 }
10836 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .btn-primary,
10837 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .lp-button-primary {
10838 background-color: #7E6CE2;
10839 color: #fff;
10840 }
10841 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .btn-primary:hover,
10842 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .lp-button-primary:hover {
10843 background-color: #1A202C;
10844 }
10845 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .btn-secondary,
10846 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .lp-button-secondary {
10847 background-color: #fff;
10848 color: #7E6CE2;
10849 border-color: #7E6CE2;
10850 }
10851 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .btn-secondary:hover,
10852 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .lp-button-secondary:hover {
10853 background-color: #7E6CE2;
10854 color: #fff;
10855 }
10856 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .btn:disabled,
10857 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .lp-button:disabled {
10858 background-color: #E5E7EB;
10859 color: #1A202C;
10860 cursor: not-allowed;
10861 border-color: #E5E7EB;
10862 }
10863 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout {
10864 display: flex;
10865 gap: 30px;
10866 }
10867 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .step4-left-panel {
10868 flex: 2;
10869 }
10870 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .step4-right-panel {
10871 flex: 1;
10872 min-width: 300px;
10873 }
10874 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .course-details {
10875 display: none;
10876 }
10877 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .course-details h3 {
10878 font-size: 24px;
10879 font-weight: 700;
10880 color: #111827;
10881 margin-top: 0;
10882 margin-bottom: 24px;
10883 }
10884 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .course-details .course-cover-placeholder {
10885 width: 100%;
10886 height: 50vh;
10887 background-color: #E5E7EB;
10888 border-radius: 8px;
10889 display: flex;
10890 justify-content: center;
10891 align-items: center;
10892 justify-items: center;
10893 font-size: 20px;
10894 color: #6B7280;
10895 margin-bottom: 30px;
10896 font-weight: 600;
10897 }
10898 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .course-details .section-title {
10899 font-size: 18px;
10900 font-weight: 700;
10901 margin-top: 30px;
10902 margin-bottom: 16px;
10903 }
10904 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .course-details .section-course-curriculum {
10905 font-size: 18px;
10906 font-weight: 700;
10907 }
10908 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .course-details .section-course-curriculum .course-curriculum-container .course-section-block {
10909 border-radius: 8px;
10910 border: 0.8px solid #E5E7EB;
10911 padding: 16px 8px;
10912 }
10913 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .course-details .section-course-curriculum .course-curriculum-container .course-section-block h4 {
10914 font-size: 13px;
10915 font-weight: bold;
10916 }
10917 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .course-details p {
10918 font-size: 15px;
10919 line-height: 1.6;
10920 color: #374151;
10921 margin-top: 0;
10922 }
10923 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .course-details ul {
10924 list-style: none;
10925 padding: 0;
10926 margin: 12px 0 0 0;
10927 }
10928 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .course-details li {
10929 position: relative;
10930 padding-right: 20px;
10931 margin-bottom: 8px;
10932 color: #374151;
10933 font-size: 15px;
10934 }
10935 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .course-details li::before {
10936 content: "";
10937 position: absolute;
10938 right: 0;
10939 color: #1A202C;
10940 line-height: 1.5;
10941 }
10942 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .summary-panel {
10943 background-color: #F9FAFB;
10944 padding: 24px;
10945 border-radius: 8px;
10946 border: 1px solid #E5E7EB;
10947 height: fit-content;
10948 }
10949 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .summary-panel h3 {
10950 font-size: 16px;
10951 font-weight: 600;
10952 margin-top: 0;
10953 margin-bottom: 20px;
10954 }
10955 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .summary-panel .summary-list {
10956 display: none;
10957 list-style: none;
10958 padding: 0;
10959 margin: 0;
10960 }
10961 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .summary-panel .summary-list li {
10962 display: flex;
10963 align-items: center;
10964 font-size: 15px;
10965 color: #374151;
10966 margin-bottom: 12px;
10967 }
10968 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .summary-panel .summary-list li span {
10969 margin-left: 5px;
10970 }
10971 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .summary-panel .summary-list li svg {
10972 color: #1A202C;
10973 width: 20px;
10974 height: 20px;
10975 margin-left: 12px;
10976 flex-shrink: 0;
10977 }
10978 .lp-generate-data-ai-wrap .lp-form-generate-data-ai textarea[name=lp-openai-prompt-generated-field] {
10979 min-height: 300px;
10980 }
10981 .lp-generate-data-ai-wrap .lp-form-generate-data-ai textarea.lp-ai-string-result {
10982 width: 100%;
10983 }
10984 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .lp-ai-generated-results {
10985 display: grid;
10986 gap: 10px;
10987 }
10988 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .lp-ai-generated-results .lp-ai-string-result {
10989 margin-bottom: 4px;
10990 }
10991 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .lp-ai-generated-results button {
10992 margin-left: 4px;
10993 }
10994 .lp-generate-data-ai-wrap .lp-ai-course-data-preview-wrap {
10995 max-height: 400px;
10996 overflow-y: auto;
10997 margin-bottom: 20px;
10998 }
10999 .lp-generate-data-ai-wrap .lp-btn-close-ai-popup {
11000 position: absolute;
11001 top: 10px;
11002 left: 10px;
11003 background: none;
11004 border: none;
11005 font-size: 20px;
11006 cursor: pointer;
11007 color: #ccc;
11008 }
11009 .lp-generate-data-ai-wrap .lp-btn-close-ai-popup:hover {
11010 color: #f27474;
11011 }
11012 .lp-generate-data-ai-wrap .lp-ai-warning-refer {
11013 border: 1px solid #FCD34D;
11014 background-color: #FFFBEB;
11015 padding: 10px;
11016 border-radius: 5px;
11017 display: flex;
11018 gap: 5px;
11019 align-items: center;
11020 }
11021
11022 .lp-ai-course-data-preview-wrap .course-title {
11023 font-size: 1.5em;
11024 font-weight: 700;
11025 margin-bottom: 10px;
11026 color: #1A202C;
11027 }
11028 .lp-ai-course-data-preview-wrap .course-sections {
11029 margin-top: 30px;
11030 }
11031 .lp-ai-course-data-preview-wrap .section-title {
11032 font-weight: bold;
11033 font-size: 1.2em;
11034 margin-bottom: 10px;
11035 color: #1A202C;
11036 }
11037 .lp-ai-course-data-preview-wrap .lesson-title,
11038 .lp-ai-course-data-preview-wrap .quiz-title,
11039 .lp-ai-course-data-preview-wrap .question-title {
11040 font-weight: 600;
11041 font-size: 1em;
11042 margin-bottom: 8px;
11043 color: #1A202C;
11044 }
11045 .lp-ai-course-data-preview-wrap .course-section-item {
11046 border: 1px solid var(--lp-border-color, #E2E0DB);
11047 border-radius: 10px;
11048 padding: 20px;
11049 margin: 20px 0;
11050 background-color: #fff;
11051 }
11052 .lp-ai-course-data-preview-wrap .course-section-items {
11053 margin: 20px 20px 0 0;
11054 }
11055 .lp-ai-course-data-preview-wrap .course-section-items:last-child {
11056 margin-bottom: 0;
11057 }
11058 .lp-ai-course-data-preview-wrap .course-lesson-item,
11059 .lp-ai-course-data-preview-wrap .course-quiz-item,
11060 .lp-ai-course-data-preview-wrap .quiz-question-item {
11061 padding: 12px 0;
11062 border-top: 1px solid var(--lp-border-color, #E2E0DB);
11063 }
11064 .lp-ai-course-data-preview-wrap .course-lesson-item:last-child,
11065 .lp-ai-course-data-preview-wrap .course-quiz-item:last-child,
11066 .lp-ai-course-data-preview-wrap .quiz-question-item:last-child {
11067 padding-bottom: 0;
11068 }
11069 .lp-ai-course-data-preview-wrap .course-questions,
11070 .lp-ai-course-data-preview-wrap .course-question-options {
11071 margin: 20px 20px 0 0;
11072 }
11073 .lp-ai-course-data-preview-wrap .course-questions:last-child,
11074 .lp-ai-course-data-preview-wrap .course-question-options:last-child {
11075 margin-bottom: 0;
11076 }
11077
11078 .lp-ai-images-warp {
11079 display: grid;
11080 grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
11081 gap: 15px;
11082 margin-top: 20px;
11083 max-height: 400px;
11084 overflow-y: auto;
11085 }
11086 .lp-ai-images-warp .lp-ai-image-item {
11087 position: relative;
11088 }
11089 .lp-ai-images-warp .lp-ai-image-item img {
11090 object-fit: contain;
11091 width: 100%;
11092 }
11093 .lp-ai-images-warp .lp-ai-image-item .lp-btn-ai-apply-image {
11094 position: absolute;
11095 top: 5px;
11096 left: 0;
11097 transform: translateX(5%);
11098 background-color: rgba(0, 0, 0, 0.6);
11099 color: #fff;
11100 border: none;
11101 padding: 6px 12px;
11102 border-radius: 4px;
11103 font-size: 0.875rem;
11104 cursor: pointer;
11105 opacity: 0;
11106 transition: opacity 0.2s;
11107 }
11108 .lp-ai-images-warp .lp-ai-image-item:hover .lp-btn-ai-apply-image {
11109 opacity: 1;
11110 }
11111
11112 .lp-creating-course-ai-wrap .loading-wrap {
11113 margin-top: 20px;
11114 }
11115 .lp-creating-course-ai-wrap .lp-loading-circle {
11116 width: 40px;
11117 height: 40px;
11118 border-width: 5px;
11119 }
11120
11121 .lp-must-enable-ai-wrap {
11122 text-align: right;
11123 line-height: 1.6em;
11124 }
11125 .lp-must-enable-ai-wrap h2 {
11126 margin-bottom: 0;
11127 }
11128 .lp-must-enable-ai-wrap h2 i {
11129 margin-left: 10px;
11130 color: #DC2626;
11131 }
11132 .lp-must-enable-ai-wrap .desc {
11133 color: #6B7280;
11134 }
11135 .lp-must-enable-ai-wrap .p2 {
11136 color: #6B7280;
11137 }
11138 .lp-must-enable-ai-wrap a {
11139 color: #2563EB;
11140 text-decoration: underline;
11141 cursor: pointer;
11142 }
11143 .lp-must-enable-ai-wrap .help-link {
11144 padding: 16px;
11145 border: 1px solid #E5E7EB;
11146 border-radius: 8px;
11147 font-size: 13px;
11148 }
11149 .lp-must-enable-ai-wrap .help-link a {
11150 text-decoration: none;
11151 margin-top: 10px;
11152 }
11153 .lp-must-enable-ai-wrap .help-link i {
11154 color: #2A73AB;
11155 }
11156 .lp-must-enable-ai-wrap .button-actions {
11157 margin-top: 20px;
11158 text-align: left;
11159 }
11160 .lp-must-enable-ai-wrap .button-actions .lp-btn-close-ai-popup {
11161 border: none;
11162 color: #4B5563;
11163 background: none;
11164 }
11165 .lp-must-enable-ai-wrap .button-actions .button-primary {
11166 background-color: #7E6CE2;
11167 color: #fff;
11168 border: none;
11169 }
11170 .lp-must-enable-ai-wrap .button-actions .button-primary:hover {
11171 opacity: 0.9;
11172 }
11173
11174 .fui-loading-spinner-3 {
11175 color: #7E6CE2;
11176 position: relative;
11177 width: 100px;
11178 height: 80px;
11179 margin-right: 80px;
11180 display: none;
11181 }
11182 .fui-loading-spinner-3 div {
11183 transform-origin: 40px 40px;
11184 animation: rj9Ft 1.2s linear infinite;
11185 }
11186 .fui-loading-spinner-3 div:after {
11187 content: " ";
11188 display: block;
11189 position: absolute;
11190 top: 3px;
11191 right: 37px;
11192 width: 6px;
11193 height: 18px;
11194 border-radius: 20%;
11195 background: #7E6CE2;
11196 }
11197 .fui-loading-spinner-3 div:nth-child(1) {
11198 transform: rotate(0deg);
11199 animation-delay: -1.1s;
11200 }
11201 .fui-loading-spinner-3 div:nth-child(2) {
11202 transform: rotate(-30deg);
11203 animation-delay: -1s;
11204 }
11205 .fui-loading-spinner-3 div:nth-child(3) {
11206 transform: rotate(-60deg);
11207 animation-delay: -0.9s;
11208 }
11209 .fui-loading-spinner-3 div:nth-child(4) {
11210 transform: rotate(-90deg);
11211 animation-delay: -0.8s;
11212 }
11213 .fui-loading-spinner-3 div:nth-child(5) {
11214 transform: rotate(-120deg);
11215 animation-delay: -0.7s;
11216 }
11217 .fui-loading-spinner-3 div:nth-child(6) {
11218 transform: rotate(-150deg);
11219 animation-delay: -0.6s;
11220 }
11221 .fui-loading-spinner-3 div:nth-child(7) {
11222 transform: rotate(-180deg);
11223 animation-delay: -0.5s;
11224 }
11225 .fui-loading-spinner-3 div:nth-child(8) {
11226 transform: rotate(-210deg);
11227 animation-delay: -0.4s;
11228 }
11229 .fui-loading-spinner-3 div:nth-child(9) {
11230 transform: rotate(-240deg);
11231 animation-delay: -0.3s;
11232 }
11233 .fui-loading-spinner-3 div:nth-child(10) {
11234 transform: rotate(-270deg);
11235 animation-delay: -0.2s;
11236 }
11237 .fui-loading-spinner-3 div:nth-child(11) {
11238 transform: rotate(-300deg);
11239 animation-delay: -0.1s;
11240 }
11241 .fui-loading-spinner-3 div:nth-child(12) {
11242 transform: rotate(-330deg);
11243 animation-delay: 0s;
11244 }
11245
11246 @keyframes rj9Ft {
11247 0% {
11248 opacity: 1;
11249 }
11250 100% {
11251 opacity: 0;
11252 }
11253 }
11254 /**
11255 * Style for the popup alert, confirm
11256 * @link https://sweetalert2.github.io/
11257 * @since 4.2.9
11258 * @version 1.0.0
11259 */
11260 .swal2-container {
11261 z-index: 99999;
11262 }
11263
11264 .swal2-popup {
11265 max-width: 850px;
11266 }
11267 .swal2-popup .content-title {
11268 margin: 0 0 20px 0;
11269 padding: 0;
11270 text-align: center;
11271 font-size: 1.5em;
11272 font-weight: bold;
11273 }
11274 .swal2-popup .swal2-actions {
11275 width: 100%;
11276 padding: 0 30px;
11277 }
11278 .swal2-popup .swal2-actions button {
11279 flex: 1;
11280 }
11281 .swal2-popup .swal2-actions button.swal2-confirm {
11282 background-color: #e02200;
11283 }
11284 .swal2-popup .swal2-actions button.swal2-cancel {
11285 background-color: transparent;
11286 border: 1px solid #ccc;
11287 color: inherit;
11288 }
11289 .swal2-popup .swal2-warning {
11290 color: #e02200;
11291 border-color: transparent;
11292 background-color: rgba(223, 0, 0, 0.1019607843);
11293 }
11294 .swal2-popup .swal2-icon {
11295 width: 50px;
11296 height: 50px;
11297 }
11298 .swal2-popup .swal2-icon .swal2-icon-content {
11299 font-size: 0;
11300 }
11301 .swal2-popup .swal2-icon .swal2-icon-content::before {
11302 content: "\f071";
11303 font-family: "lp-icon";
11304 font-size: 24px;
11305 display: inline-block;
11306 }
11307 .swal2-popup .swal2-title {
11308 font-size: 1.5em;
11309 }
11310 .swal2-popup .swal2-html-container {
11311 font-size: 1em;
11312 }
11313 .swal2-popup .lp-tom-select.ts-wrapper .ts-dropdown {
11314 max-height: 200px;
11315 overflow: hidden;
11316 }
11317 .swal2-popup .swal2-close {
11318 background-color: unset !important;
11319 outline: none !important;
11320 color: rgb(204, 204, 204) !important;
11321 font-size: 30px;
11322 box-shadow: none !important;
11323 position: absolute;
11324 }
11325 .swal2-popup .swal2-close:hover {
11326 color: #f27474 !important;
11327 }
11328
11329 /**
11330 * LP Table — Reusable Table Standard
11331 *
11332 * A shared table CSS system used by the "Enrolled Students" listing (and future tables).
11333 * Provides card wrapper, header/body styling, avatars, progress bars, badges, toolbar, and pagination.
11334 *
11335 * @since 4.3.3
11336 */
11337 .lp-enrolled-students h1.wp-heading-inline {
11338 margin-bottom: 24px;
11339 }
11340
11341 .lp-enrolled-students-table-wrap {
11342 margin-top: 15px;
11343 }
11344 .lp-enrolled-students-table-wrap .instructor-avatar {
11345 align-items: center;
11346 justify-content: center;
11347 width: 36px;
11348 height: 36px;
11349 min-width: 36px;
11350 border-radius: 50%;
11351 background: #64748b;
11352 overflow: hidden;
11353 }
11354 .lp-enrolled-students-table-wrap .instructor-avatar img {
11355 width: 100%;
11356 height: 100%;
11357 object-fit: cover;
11358 }
11359
11360 /*.lp-enrolled-students-table {
11361 width: 100%;
11362 border: 0;
11363 border-spacing: 0;
11364 border-collapse: collapse;
11365 font-size: 13px;
11366
11367 th,
11368 td {
11369 border: 0 !important;
11370 }
11371
11372 thead {
11373 th {
11374 padding: 10px 16px;
11375 border-bottom: 2px solid #e2e8f0 !important;
11376 color: #64748b;
11377 background: #f8fafc;
11378 font-size: 12px;
11379 font-weight: 600;
11380 text-align: left;
11381 text-transform: uppercase;
11382 letter-spacing: 0.05em;
11383
11384 &:first-child {
11385 border-radius: 0;
11386 }
11387 &:last-child {
11388 border-radius: 0;
11389 }
11390 }
11391 }
11392
11393 tbody {
11394 tr {
11395 border-bottom: 1px solid #f1f5f9;
11396 transition: background 0.15s;
11397 text-align: left;
11398
11399 &:hover {
11400 background: #f8fafc;
11401 }
11402
11403 &:last-child {
11404 border-bottom: none;
11405 }
11406 }
11407
11408 td {
11409 padding: 12px 16px;
11410 vertical-align: middle;
11411 border: 0 !important;
11412 }
11413 }
11414
11415 tfoot {
11416 tr,
11417 td {
11418 border: 0 !important;
11419 }
11420 }
11421 }*/
11422 .lp-cell-student {
11423 display: flex;
11424 align-items: center;
11425 gap: 10px;
11426 }
11427
11428 /*.lp-avatar {
11429 display: flex;
11430 flex-shrink: 0;
11431 align-items: center;
11432 justify-content: center;
11433 width: 36px;
11434 height: 36px;
11435 border-radius: 50%;
11436 color: #fff;
11437 background: #64748b;
11438 font-size: 13px;
11439 font-weight: 600;
11440 overflow: hidden;
11441 }
11442
11443 .lp-avatar--image {
11444 background: transparent;
11445
11446 img {
11447 width: 100%;
11448 height: 100%;
11449 object-fit: cover;
11450 }
11451 }*/
11452 .lp-meta {
11453 display: flex;
11454 flex-direction: column;
11455 }
11456 .lp-meta .lp-name {
11457 color: #1e293b;
11458 font-weight: 500;
11459 line-height: 1.4;
11460 }
11461 .lp-meta .lp-email {
11462 color: #94a3b8;
11463 font-size: 12px;
11464 line-height: 1.3;
11465 }
11466
11467 .lp-cell-course a {
11468 color: #3b82f6;
11469 text-decoration: none;
11470 }
11471 .lp-cell-course a:hover {
11472 text-decoration: underline;
11473 }
11474
11475 .lp-cell-progress {
11476 min-width: 120px;
11477 }
11478
11479 .lp-progress-bar {
11480 overflow: hidden;
11481 position: relative;
11482 width: 100%;
11483 max-width: 120px;
11484 height: 6px;
11485 border-radius: 3px;
11486 background: #e2e8f0;
11487 }
11488 .lp-progress-bar span {
11489 display: block;
11490 height: 100%;
11491 border-radius: 3px;
11492 background: linear-gradient(-90deg, #3b82f6, #60a5fa);
11493 transition: width 0.3s ease;
11494 }
11495
11496 .lp-progress-text {
11497 display: inline-block;
11498 margin-top: 3px;
11499 color: #64748b;
11500 font-size: 11px;
11501 }
11502
11503 .lp-badge {
11504 display: inline-block;
11505 padding: 3px 10px;
11506 border-radius: 12px;
11507 font-size: 12px;
11508 font-weight: 500;
11509 line-height: 1.5;
11510 white-space: nowrap;
11511 }
11512 .lp-badge--enrolled {
11513 color: #475569;
11514 background: #f1f5f9;
11515 }
11516 .lp-badge--in-progress, .lp-badge--learning {
11517 color: #1e40af;
11518 background: #dbeafe;
11519 }
11520 .lp-badge--finished {
11521 color: #166534;
11522 background: #dcfce7;
11523 }
11524 .lp-badge--passed {
11525 color: #14532d;
11526 background: #bbf7d0;
11527 }
11528 .lp-badge--failed {
11529 color: #991b1b;
11530 background: #fee2e2;
11531 }
11532
11533 .lp-enrolled-students-table-footer {
11534 display: flex;
11535 flex-wrap: wrap;
11536 align-items: center;
11537 justify-content: space-between;
11538 gap: 8px;
11539 border-top: 1px solid #e2e8f0;
11540 }
11541 .lp-enrolled-students-table-footer__count {
11542 color: #64748b;
11543 font-size: 13px;
11544 }
11545
11546 #profile-content-enrolled-students .lp-enrolled-students-table-footer {
11547 border-top: none;
11548 }
11549
11550 .lp-enrolled-students-table-footer .learn-press-pagination {
11551 margin: 0;
11552 text-align: left;
11553 }
11554 .lp-enrolled-students-table-footer .learn-press-pagination ul.page-numbers {
11555 display: flex;
11556 align-items: center;
11557 gap: 4px;
11558 flex-wrap: wrap;
11559 margin: 0;
11560 padding: 0;
11561 list-style: none;
11562 }
11563 .lp-enrolled-students-table-footer .learn-press-pagination ul.page-numbers > li {
11564 margin: 0;
11565 }
11566 .lp-enrolled-students-table-footer .learn-press-pagination a.page-numbers,
11567 .lp-enrolled-students-table-footer .learn-press-pagination span.page-numbers {
11568 display: inline-flex;
11569 align-items: center;
11570 justify-content: center;
11571 min-width: 40px;
11572 height: 40px;
11573 width: 40px;
11574 line-height: 40px;
11575 padding: 0 8px;
11576 border: 1px solid #e2e8f0;
11577 border-radius: 4px;
11578 color: #475569;
11579 background: #fff;
11580 font-size: 13px;
11581 text-decoration: none;
11582 cursor: pointer;
11583 transition: all 0.15s;
11584 }
11585 .lp-enrolled-students-table-footer .learn-press-pagination a.page-numbers:hover:not(.current),
11586 .lp-enrolled-students-table-footer .learn-press-pagination span.page-numbers:hover:not(.current) {
11587 border-color: #3b82f6;
11588 color: #3b82f6 !important;
11589 background: #eff6ff;
11590 }
11591 .lp-enrolled-students-table-footer .learn-press-pagination span.page-numbers.current {
11592 border-color: #3b82f6;
11593 color: #fff;
11594 background: #3b82f6;
11595 cursor: default;
11596 }
11597 .lp-enrolled-students-table-footer .learn-press-pagination span.page-numbers.dots {
11598 min-width: auto;
11599 border: 0;
11600 background: transparent;
11601 cursor: default;
11602 }
11603 .lp-enrolled-students-table-footer .learn-press-pagination span.page-numbers.current,
11604 .lp-enrolled-students-table-footer .learn-press-pagination span.page-numbers.dots {
11605 pointer-events: none;
11606 }
11607
11608 .lp-enrolled-empty {
11609 padding: 40px 20px;
11610 color: #94a3b8;
11611 text-align: center;
11612 }
11613 .lp-enrolled-empty p {
11614 margin: 0;
11615 font-size: 14px;
11616 }
11617
11618 .lp-enrolled-error {
11619 padding: 15px 20px;
11620 color: #dc2626;
11621 font-size: 13px;
11622 }
11623
11624 #lp-modal-enrolled-wrap {
11625 position: relative;
11626 /*tbody {
11627 display: block;
11628 max-height: 400px;
11629 overflow-y: auto;
11630 }
11631
11632 thead, tbody tr {
11633 display: table;
11634 width: 100%;
11635 table-layout: fixed;
11636 }*/
11637 }
11638 #lp-modal-enrolled-wrap .lp-table-wrap {
11639 max-height: 60vh;
11640 }
11641
11642 .lp-wrap-btn-view-course-students {
11643 width: 100%;
11644 }
11645 .lp-wrap-btn-view-course-students button {
11646 width: 100%;
11647 }
11648
11649 .lp-btn-view-students {
11650 margin-top: 10px;
11651 white-space: nowrap;
11652 display: block;
11653 padding: 0;
11654 border: none;
11655 background: none;
11656 }
11657
11658 /**
11659 * Style for table LearnPress
11660 */
11661 .lp-table-wrap {
11662 border-radius: 5px;
11663 width: 100%;
11664 border: 1px solid var(--lp-border-color, #E2E0DB);
11665 overflow-x: auto;
11666 overflow-y: auto;
11667 -webkit-overflow-scrolling: touch;
11668 }
11669
11670 table.lp-list-table {
11671 border-collapse: collapse;
11672 width: 100%;
11673 margin: 0;
11674 min-width: 768px;
11675 border: none;
11676 }
11677 table.lp-list-table td {
11678 padding: 0;
11679 }
11680 table.lp-list-table .learn-press-pagination {
11681 text-align: right;
11682 }
11683 table.lp-list-table thead {
11684 border: none;
11685 }
11686 table.lp-list-table thead tr:first-child td, table.lp-list-table thead tr:first-child th {
11687 border-block-start: none;
11688 }
11689 table.lp-list-table thead tr {
11690 border-bottom: 1px solid var(--lp-border-color, #E2E0DB);
11691 position: sticky;
11692 top: 0;
11693 z-index: 2;
11694 background-color: var(--lp-white-grey, #F7F7FB);
11695 }
11696 table.lp-list-table thead th {
11697 background: none;
11698 border: none;
11699 padding: 10px 20px;
11700 text-align: right;
11701 }
11702 table.lp-list-table thead th td {
11703 border: none;
11704 padding: 0;
11705 }
11706 table.lp-list-table tbody tr {
11707 border: none;
11708 }
11709 table.lp-list-table tbody tr:nth-child(even) {
11710 background-color: hsla(0, 0%, 50%, 0.05);
11711 }
11712 table.lp-list-table tbody tr:hover {
11713 background-color: #eff6ff;
11714 }
11715 table.lp-list-table tbody tr td {
11716 border: none;
11717 border-bottom: 1px solid var(--lp-border-color, #E2E0DB);
11718 padding: 10px 20px;
11719 text-align: right;
11720 }
11721 table.lp-list-table tbody tr td a {
11722 text-decoration: none;
11723 }
11724 table.lp-list-table tbody tr:last-child td {
11725 border-bottom: none;
11726 }
11727 table.lp-list-table tbody th {
11728 padding: 10px 20px;
11729 }
11730 table.lp-list-table tfoot tr {
11731 border: none;
11732 }
11733 table.lp-list-table tfoot tr td, table.lp-list-table tfoot tr th {
11734 border: none;
11735 border-top: 1px solid var(--lp-border-color, #E2E0DB);
11736 }
11737 table.lp-list-table tfoot tr td > div, table.lp-list-table tfoot tr th > div {
11738 padding: 20px;
11739 }
11740 table.lp-list-table tfoot .pagination {
11741 border: none;
11742 padding: 0;
11743 }
11744 table.lp-list-table.order-table-details tbody tr:last-child {
11745 --lp-white-grey: var(--lp-border-color, #E2E0DB);
11746 }
11747 table.lp-list-table.order-table-details tfoot {
11748 border-top: 1px solid var(--lp-border-color, #E2E0DB);
11749 }
11750 table.lp-list-table.order-table-details tfoot tr td, table.lp-list-table.order-table-details tfoot tr th {
11751 padding: 10px 20px;
11752 background-color: transparent;
11753 }
11754 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 {
11755 padding-bottom: 0;
11756 }
11757
11758 .lp_profile_course_progress__nav {
11759 margin-top: 1rem;
11760 }
11761
11762 #profile-content-order-details .lp-table-wrap {
11763 margin-bottom: 1rem;
11764 }
11765
11766 /**
11767 * Style for the Form Filter list
11768 * @since 4.4.5
11769 * @version 1.0.0
11770 */
11771 .lp-form-filter {
11772 display: grid;
11773 gap: 12px;
11774 margin-bottom: 24px;
11775 }
11776 .lp-form-filter__fields {
11777 display: flex;
11778 flex-wrap: wrap;
11779 align-items: flex-end;
11780 gap: 14px;
11781 }
11782 .lp-form-filter__fields > * {
11783 flex: 1 1 0;
11784 min-width: 0;
11785 }
11786 .lp-form-filter .filter-field {
11787 display: flex;
11788 flex-direction: column;
11789 gap: 5px;
11790 }
11791 .lp-form-filter .filter-field label {
11792 text-align: right;
11793 font-weight: bold;
11794 }
11795 .lp-form-filter button {
11796 display: inline-flex;
11797 align-items: center;
11798 justify-content: center;
11799 }
11800 .lp-form-filter__actions {
11801 display: flex;
11802 gap: 8px;
11803 align-items: center;
11804 }
11805
11806 /**
11807 * Custom fullscreen view overlay.
11808 *
11809 * Applied directly to the target element; a close button is injected inside it.
11810 *
11811 * @since 4.4.5
11812 * @version 1.0.0
11813 */
11814 html.lp-full-screen-active,
11815 html.lp-full-screen-active body {
11816 overflow: hidden;
11817 }
11818
11819 .lp-full-screen-view {
11820 position: fixed !important;
11821 top: 0;
11822 right: 0;
11823 width: 100vw !important;
11824 height: 100vh !important;
11825 max-width: 100vw !important;
11826 max-height: 100vh !important;
11827 z-index: 99999;
11828 background: #fff;
11829 overflow: auto;
11830 }
11831 .lp-full-screen-view__close {
11832 position: absolute;
11833 top: 5px;
11834 left: 5px;
11835 z-index: 999999;
11836 background: white;
11837 color: #f10808;
11838 border: 1px solid white;
11839 border-radius: 4px;
11840 padding: 0.5em 0.75em;
11841 cursor: pointer;
11842 }
11843 .lp-full-screen-view__close:hover {
11844 border-color: #f10808;
11845 }
11846 .lp-full-screen-view > div {
11847 padding: 40px 10px 0 !important;
11848 }
11849
11850 .lp-toggle-enable {
11851 display: inline-flex;
11852 align-items: center;
11853 gap: 8px;
11854 cursor: pointer;
11855 user-select: none;
11856 }
11857 .lp-toggle-enable .lp-toggle-enable__input {
11858 position: absolute;
11859 opacity: 0;
11860 width: 0;
11861 height: 0;
11862 }
11863 .lp-toggle-enable .lp-toggle-enable__track {
11864 position: relative;
11865 display: inline-block;
11866 width: 44px;
11867 height: 24px;
11868 border-radius: 12px;
11869 background: #c3c4c7;
11870 transition: background 0.2s ease;
11871 flex-shrink: 0;
11872 }
11873 .lp-toggle-enable .lp-toggle-enable__track::before {
11874 content: "";
11875 position: absolute;
11876 top: 2px;
11877 right: 2px;
11878 width: 20px;
11879 height: 20px;
11880 border-radius: 50%;
11881 background: #fff;
11882 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
11883 transition: transform 0.2s ease;
11884 }
11885 .lp-toggle-enable .lp-toggle-enable__label {
11886 font-size: 13px;
11887 font-weight: 500;
11888 color: #50575e;
11889 }
11890 .lp-toggle-enable.is-enabled .lp-toggle-enable__track {
11891 background: #28A746;
11892 }
11893 .lp-toggle-enable.is-enabled .lp-toggle-enable__track::before {
11894 transform: translateX(-20px);
11895 }
11896 .lp-toggle-enable.is-enabled .lp-toggle-enable__label {
11897 color: #28A746;
11898 }
11899 .lp-toggle-enable.is-disabled {
11900 opacity: 0.6;
11901 cursor: not-allowed;
11902 }
11903 .lp-toggle-enable.loading {
11904 position: relative;
11905 cursor: default;
11906 pointer-events: none;
11907 }
11908 .lp-toggle-enable.loading .lp-toggle-enable__track,
11909 .lp-toggle-enable.loading .lp-toggle-enable__label {
11910 opacity: 0.4;
11911 }
11912 .lp-toggle-enable.loading::after {
11913 content: "\f110";
11914 position: absolute;
11915 top: 0;
11916 left: 0;
11917 bottom: 0;
11918 right: 0;
11919 width: 18px;
11920 height: 18px;
11921 margin: auto;
11922 display: flex;
11923 align-items: center;
11924 justify-content: center;
11925 font-family: "lp-icon";
11926 font-size: 14px;
11927 font-style: normal;
11928 font-weight: normal;
11929 font-variant: normal;
11930 text-transform: none;
11931 line-height: 1;
11932 color: #2271b1;
11933 background: #fff;
11934 border-radius: 50%;
11935 animation: lp-scorm-toggle-spin 1s linear infinite;
11936 z-index: 1;
11937 }
11938 .lp-toggle-enable .lp-toggle-enable__input:focus-visible ~ .lp-toggle-enable__track {
11939 outline: 2px solid #2271b1;
11940 outline-offset: 2px;
11941 }
11942
11943 @keyframes lp-scorm-toggle-spin {
11944 from {
11945 transform: rotate(0deg);
11946 }
11947 to {
11948 transform: rotate(-360deg);
11949 }
11950 }
11951 .button.disabled {
11952 pointer-events: none;
11953 }
11954
11955 .learnpress .postbox .rwmb-meta-box {
11956 margin-top: 10px;
11957 }
11958 .learnpress #field-_lp_requirements .rwmb-text-list-clone,
11959 .learnpress #field-_lp_requirements .rwmb-text-list-advanced-clone,
11960 .learnpress #field-_lp_target_audiences .rwmb-text-list-clone,
11961 .learnpress #field-_lp_target_audiences .rwmb-text-list-advanced-clone,
11962 .learnpress #field-_lp_key_features .rwmb-text-list-clone,
11963 .learnpress #field-_lp_key_features .rwmb-text-list-advanced-clone,
11964 .learnpress #field-_lp_faqs .rwmb-text-list-clone,
11965 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone {
11966 clear: none;
11967 position: relative;
11968 border: 1px solid #ddd;
11969 border-radius: 4px;
11970 }
11971 .learnpress #field-_lp_requirements .rwmb-text-list-clone .rwmb-text-list-label,
11972 .learnpress #field-_lp_requirements .rwmb-text-list-advanced-clone .rwmb-text-list-label,
11973 .learnpress #field-_lp_target_audiences .rwmb-text-list-clone .rwmb-text-list-label,
11974 .learnpress #field-_lp_target_audiences .rwmb-text-list-advanced-clone .rwmb-text-list-label,
11975 .learnpress #field-_lp_key_features .rwmb-text-list-clone .rwmb-text-list-label,
11976 .learnpress #field-_lp_key_features .rwmb-text-list-advanced-clone .rwmb-text-list-label,
11977 .learnpress #field-_lp_faqs .rwmb-text-list-clone .rwmb-text-list-label,
11978 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone .rwmb-text-list-label {
11979 display: none;
11980 }
11981 .learnpress #field-_lp_requirements .rwmb-text-list-clone .rwmb-text-list,
11982 .learnpress #field-_lp_requirements .rwmb-text-list-clone .rwmb-text-list-advanced,
11983 .learnpress #field-_lp_requirements .rwmb-text-list-advanced-clone .rwmb-text-list,
11984 .learnpress #field-_lp_requirements .rwmb-text-list-advanced-clone .rwmb-text-list-advanced,
11985 .learnpress #field-_lp_target_audiences .rwmb-text-list-clone .rwmb-text-list,
11986 .learnpress #field-_lp_target_audiences .rwmb-text-list-clone .rwmb-text-list-advanced,
11987 .learnpress #field-_lp_target_audiences .rwmb-text-list-advanced-clone .rwmb-text-list,
11988 .learnpress #field-_lp_target_audiences .rwmb-text-list-advanced-clone .rwmb-text-list-advanced,
11989 .learnpress #field-_lp_key_features .rwmb-text-list-clone .rwmb-text-list,
11990 .learnpress #field-_lp_key_features .rwmb-text-list-clone .rwmb-text-list-advanced,
11991 .learnpress #field-_lp_key_features .rwmb-text-list-advanced-clone .rwmb-text-list,
11992 .learnpress #field-_lp_key_features .rwmb-text-list-advanced-clone .rwmb-text-list-advanced,
11993 .learnpress #field-_lp_faqs .rwmb-text-list-clone .rwmb-text-list,
11994 .learnpress #field-_lp_faqs .rwmb-text-list-clone .rwmb-text-list-advanced,
11995 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone .rwmb-text-list,
11996 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone .rwmb-text-list-advanced {
11997 width: calc(100% - 65px);
11998 padding: 7px 10px;
11999 border: none;
12000 color: #777;
12001 background: transparent;
12002 box-shadow: none;
12003 line-height: 1;
12004 }
12005 .learnpress #field-_lp_requirements .rwmb-text-list-clone .remove-clone,
12006 .learnpress #field-_lp_requirements .rwmb-text-list-advanced-clone .remove-clone,
12007 .learnpress #field-_lp_target_audiences .rwmb-text-list-clone .remove-clone,
12008 .learnpress #field-_lp_target_audiences .rwmb-text-list-advanced-clone .remove-clone,
12009 .learnpress #field-_lp_key_features .rwmb-text-list-clone .remove-clone,
12010 .learnpress #field-_lp_key_features .rwmb-text-list-advanced-clone .remove-clone,
12011 .learnpress #field-_lp_faqs .rwmb-text-list-clone .remove-clone,
12012 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone .remove-clone {
12013 top: 50%;
12014 left: 41px;
12015 margin-top: -10px;
12016 border-radius: unset;
12017 color: #999;
12018 background: transparent;
12019 -webkit-transition: left 0.25s;
12020 transition: left 0.25s;
12021 }
12022 .learnpress #field-_lp_requirements .rwmb-text-list-clone .remove-clone i,
12023 .learnpress #field-_lp_requirements .rwmb-text-list-advanced-clone .remove-clone i,
12024 .learnpress #field-_lp_target_audiences .rwmb-text-list-clone .remove-clone i,
12025 .learnpress #field-_lp_target_audiences .rwmb-text-list-advanced-clone .remove-clone i,
12026 .learnpress #field-_lp_key_features .rwmb-text-list-clone .remove-clone i,
12027 .learnpress #field-_lp_key_features .rwmb-text-list-advanced-clone .remove-clone i,
12028 .learnpress #field-_lp_faqs .rwmb-text-list-clone .remove-clone i,
12029 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone .remove-clone i {
12030 font-size: 1.25rem;
12031 }
12032 .learnpress #field-_lp_requirements .rwmb-text-list-clone .remove-clone:hover,
12033 .learnpress #field-_lp_requirements .rwmb-text-list-advanced-clone .remove-clone:hover,
12034 .learnpress #field-_lp_target_audiences .rwmb-text-list-clone .remove-clone:hover,
12035 .learnpress #field-_lp_target_audiences .rwmb-text-list-advanced-clone .remove-clone:hover,
12036 .learnpress #field-_lp_key_features .rwmb-text-list-clone .remove-clone:hover,
12037 .learnpress #field-_lp_key_features .rwmb-text-list-advanced-clone .remove-clone:hover,
12038 .learnpress #field-_lp_faqs .rwmb-text-list-clone .remove-clone:hover,
12039 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone .remove-clone:hover {
12040 color: #e74c3c;
12041 }
12042 .learnpress #field-_lp_requirements .rwmb-text-list-clone::after,
12043 .learnpress #field-_lp_requirements .rwmb-text-list-advanced-clone::after,
12044 .learnpress #field-_lp_target_audiences .rwmb-text-list-clone::after,
12045 .learnpress #field-_lp_target_audiences .rwmb-text-list-advanced-clone::after,
12046 .learnpress #field-_lp_key_features .rwmb-text-list-clone::after,
12047 .learnpress #field-_lp_key_features .rwmb-text-list-advanced-clone::after,
12048 .learnpress #field-_lp_faqs .rwmb-text-list-clone::after,
12049 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone::after {
12050 display: inline-block;
12051 position: absolute;
12052 top: 50%;
12053 left: 10px;
12054 margin: 8px 0 0 0;
12055 margin-top: -9px;
12056 color: #999;
12057 font-family: Dashicons;
12058 font-size: 1.25rem;
12059 content: "\f333";
12060 }
12061 .learnpress #field-_lp_requirements .rwmb-text-list-clone:focus-within,
12062 .learnpress #field-_lp_target_audiences .rwmb-text-list-clone:focus-within,
12063 .learnpress #field-_lp_key_features .rwmb-text-list-clone:focus-within,
12064 .learnpress #field-_lp_faqs .rwmb-text-list-clone:focus-within {
12065 border-color: #0085ba;
12066 }
12067 .learnpress #field-_lp_requirements .rwmb-text-list-advanced-clone .rwmb-text-list:focus,
12068 .learnpress #field-_lp_target_audiences .rwmb-text-list-advanced-clone .rwmb-text-list:focus,
12069 .learnpress #field-_lp_key_features .rwmb-text-list-advanced-clone .rwmb-text-list:focus,
12070 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone .rwmb-text-list:focus {
12071 border-color: #0085ba;
12072 }
12073 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone {
12074 position: relative;
12075 padding: 0 0 16px 0;
12076 }
12077 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone .rwmb-text-list-label {
12078 display: block;
12079 padding: 10px 12px 0 10px;
12080 }
12081 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone .rwmb-text-list {
12082 width: calc(100% - 25px);
12083 margin: 0 13px 0 13px;
12084 border: 1px solid #ddd;
12085 vertical-align: top;
12086 }
12087 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone .remove-clone {
12088 top: 20px;
12089 left: 36px;
12090 margin-top: -10px;
12091 color: #999;
12092 -webkit-transition: left 0.25s;
12093 transition: left 0.25s;
12094 }
12095 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone::after {
12096 top: 20px;
12097 }
12098
12099 .lp-notice,
12100 .learn-press-notice {
12101 position: relative;
12102 padding: 12px;
12103 margin: 0;
12104 /*&.lp-upgrade-notice {
12105 position: relative;
12106 border-left-color: #02b7fb;
12107 background: #bceffe;
12108
12109 .close-notice {
12110 position: absolute;
12111 top: 5px;
12112 right: 10px;
12113 }
12114 }*/
12115 }
12116 .lp-notice h4,
12117 .learn-press-notice h4 {
12118 margin: 10px 0 15px;
12119 }
12120 .lp-notice p,
12121 .learn-press-notice p {
12122 margin: 0 0 5px 0;
12123 padding: 0 2px;
12124 }
12125 .lp-notice .lp-message-dismiss,
12126 .learn-press-notice .lp-message-dismiss {
12127 position: absolute;
12128 top: 12px;
12129 left: 12px;
12130 }
12131 .lp-notice .notice-dismiss,
12132 .learn-press-notice .notice-dismiss {
12133 position: absolute;
12134 top: 0;
12135 left: 1px;
12136 margin: 0;
12137 padding: 9px;
12138 border: none;
12139 outline: none;
12140 color: #72777c;
12141 background: 100% 0;
12142 box-shadow: none;
12143 cursor: pointer;
12144 }
12145 .lp-notice .notice-dismiss::before,
12146 .learn-press-notice .notice-dismiss::before {
12147 display: block;
12148 width: 20px;
12149 height: 20px;
12150 color: #72777c;
12151 background: 100% 0;
12152 font: normal 16px/20px dashicons;
12153 text-align: center;
12154 content: "\f153";
12155 speak: none;
12156 -webkit-font-smoothing: antialiased;
12157 }
12158
12159 .learn-press-dropdown-pages {
12160 display: inline-block;
12161 }
12162 .learn-press-dropdown-pages .list-pages-wrapper {
12163 display: flex;
12164 align-items: center;
12165 gap: 10px;
12166 }
12167
12168 .lp-notice-update-database {
12169 border: 1px solid rebeccapurple;
12170 border-right-color: #f00;
12171 border-radius: 3px;
12172 color: white;
12173 background: rebeccapurple;
12174 }
12175 .lp-notice-update-database.do-updating::before {
12176 display: inline-block;
12177 float: right;
12178 margin: 9px -5px 0 5px;
12179 color: #2773aa;
12180 font-family: dashicons;
12181 font-size: 1.25rem;
12182 content: "\f463";
12183 animation: rotating4 2s linear infinite;
12184 }
12185
12186 #adminmenu .update-plugins.lp-plugins-count {
12187 padding: 0 5px;
12188 }
12189
12190 .search-box input[name=post-search-author],
12191 .search-box .select2-container {
12192 min-width: 200px;
12193 margin: 0;
12194 vertical-align: top;
12195 }
12196
12197 .learn-press-notice-assigned-item {
12198 color: #f00;
12199 }
12200
12201 .learnpress .actions {
12202 margin: 0;
12203 }
12204
12205 #learn-press-syncs li {
12206 position: relative;
12207 }
12208 #learn-press-syncs li.syncing, #learn-press-syncs li.synced {
12209 padding-right: 24px;
12210 }
12211 #learn-press-syncs li.syncing input[type=checkbox], #learn-press-syncs li.synced input[type=checkbox] {
12212 display: none;
12213 }
12214 #learn-press-syncs li.syncing::after {
12215 content: "\f463";
12216 animation: rotating4 2s linear infinite;
12217 }
12218 #learn-press-syncs li.synced::after {
12219 color: #2773aa;
12220 content: "\f147";
12221 }
12222 #learn-press-syncs li::after {
12223 display: block;
12224 position: absolute;
12225 top: 0;
12226 right: -3px;
12227 width: 24px;
12228 height: 24px;
12229 font-family: dashicons;
12230 font-size: 1.1875rem;
12231 line-height: 1.5rem;
12232 text-align: center;
12233 }
12234
12235 #learn-press-updater .updater-progress {
12236 position: relative;
12237 margin: 0 2px;
12238 }
12239 #learn-press-updater .updater-progress ul {
12240 display: flex;
12241 position: relative;
12242 height: 5px;
12243 background: #eee;
12244 }
12245 #learn-press-updater .updater-progress ul li {
12246 position: relative;
12247 margin: 0;
12248 flex: 1;
12249 }
12250 #learn-press-updater .updater-progress ul li::after {
12251 display: none;
12252 position: absolute;
12253 top: -30px;
12254 left: 0;
12255 padding: 3px 5px;
12256 border-radius: 3px;
12257 color: #fff;
12258 background: #ddd;
12259 font-size: 0.75rem;
12260 content: attr(data-version);
12261 }
12262 #learn-press-updater .updater-progress ul li::before {
12263 content: "";
12264 }
12265 #learn-press-updater .updater-progress ul li:last-child::after {
12266 _display: block;
12267 }
12268 #learn-press-updater .updater-progress ul::after {
12269 position: absolute;
12270 top: 0;
12271 right: 0;
12272 width: 0;
12273 height: 20px;
12274 }
12275 #learn-press-updater .updater-progress .updater-progress-status {
12276 position: absolute;
12277 top: 0;
12278 right: 0;
12279 width: 0;
12280 height: 5px;
12281 background: #5bc4f9;
12282 transition: width 0.25s;
12283 }
12284 #learn-press-updater .updater-progress .updater-progress-status::before {
12285 position: absolute;
12286 top: -20px;
12287 left: 0;
12288 padding: 0 5px;
12289 border-radius: 3px;
12290 color: #fff;
12291 background: #5bc4f9;
12292 font-size: 0.75rem;
12293 _content: attr(data-value) "%";
12294 }
12295 #learn-press-updater .updater-progress .updater-progress-status .updater-progress-animation {
12296 overflow: hidden;
12297 position: absolute;
12298 top: 0;
12299 right: 0;
12300 width: 100%;
12301 height: 5px;
12302 background: #5bc4f9;
12303 }
12304 #learn-press-updater .updater-progress .updater-progress-status .updater-progress-animation:not(.completed)::after {
12305 position: absolute;
12306 height: 5px;
12307 background: #8dd9ff;
12308 content: "";
12309 animation: animation4 1.5s ease-out infinite;
12310 }
12311 #learn-press-updater .updating-message {
12312 color: #a24666;
12313 }
12314 #learn-press-updater .completed-message {
12315 color: #3c8eb7;
12316 }
12317
12318 #learn-press-updater {
12319 display: none;
12320 }
12321
12322 .select2 .select2-search.select2-search--inline {
12323 margin-bottom: 0;
12324 }
12325 .select2 .select2-selection .select2-selection__choice {
12326 margin-top: 4px;
12327 margin-bottom: 0;
12328 }
12329 .select2 .select2-selection.select2-selection--multiple {
12330 min-height: 30px;
12331 }
12332
12333 .list-pages-wrapper .select2-container--default .select2-selection--single .select2-selection__clear {
12334 margin: 0;
12335 }
12336
12337 .edit-post-layout__metaboxes .rwmb-label > label {
12338 color: #666;
12339 font-size: small;
12340 font-weight: bold;
12341 }
12342
12343 body.post-type-lp_question #button-new-question {
12344 display: inline-block;
12345 position: relative;
12346 }
12347 body.post-type-lp_question #button-new-question div {
12348 display: none;
12349 position: absolute;
12350 z-index: 9999;
12351 top: 100%;
12352 right: 0;
12353 min-width: 100px;
12354 margin: 0 -1px 0 0;
12355 border: 1px solid #999;
12356 background: white;
12357 font-weight: 400;
12358 }
12359 body.post-type-lp_question #button-new-question div a {
12360 display: block;
12361 min-width: 100px;
12362 margin: 0;
12363 padding: 10px 20px;
12364 color: #666;
12365 white-space: nowrap;
12366 text-decoration: none;
12367 }
12368 body.post-type-lp_question #button-new-question div a:hover {
12369 background: #eee;
12370 }
12371 body.post-type-lp_question #button-new-question > a {
12372 position: relative;
12373 padding-left: 15px;
12374 text-decoration: none;
12375 }
12376 body.post-type-lp_question #button-new-question > a::after {
12377 display: inline-block;
12378 position: absolute;
12379 top: 6px;
12380 left: 0;
12381 width: 0;
12382 height: 0;
12383 margin: 0;
12384 border: 5px solid transparent;
12385 border-top-color: #0f7aae;
12386 content: "";
12387 }
12388 body.post-type-lp_question #button-new-question:hover div {
12389 display: block;
12390 }
12391
12392 .lp-label {
12393 display: inline-block;
12394 padding: 3px 6px;
12395 color: #fff;
12396 font-size: 0.75rem;
12397 border-radius: 4px;
12398 }
12399 .lp-label.success {
12400 background: #4caf50;
12401 }
12402 .lp-label.error {
12403 background: #f00;
12404 }
12405 .lp-label.warning {
12406 background: #ffc107;
12407 }
12408 .lp-label .far,
12409 .lp-label .fas,
12410 .lp-label .fa {
12411 display: inline-block;
12412 margin-left: 5px;
12413 }
12414
12415 .lp-admin-profile-courses .column-results {
12416 width: 200px;
12417 }
12418 .lp-admin-profile-courses .course-results-progress .lp-progress-row {
12419 margin: 0 0 20px 0;
12420 }
12421 .lp-admin-profile-courses .course-results-progress .lp-course-progress-heading {
12422 margin: 0 0 5px 0;
12423 line-height: 1;
12424 }
12425 .lp-admin-profile-courses .learn-press-progress {
12426 overflow: hidden;
12427 position: relative;
12428 width: 150px;
12429 height: 6px;
12430 border-radius: 3px;
12431 }
12432 .lp-admin-profile-courses .learn-press-progress .learn-press-progress__active {
12433 position: absolute;
12434 z-index: 1;
12435 right: -100%;
12436 width: 100%;
12437 height: 100%;
12438 border-radius: 3px;
12439 background: var(--lp-primary-color);
12440 -webkit-transition: 0.5s;
12441 transition: 0.5s;
12442 }
12443 .lp-admin-profile-courses .learn-press-progress::before {
12444 display: block;
12445 position: absolute;
12446 z-index: 0;
12447 top: 0;
12448 width: 100%;
12449 height: 100%;
12450 background: #ccc;
12451 content: "";
12452 }
12453
12454 .lp-notify-action-wrapper {
12455 position: fixed;
12456 bottom: 5%;
12457 z-index: 10000;
12458 right: 50%;
12459 padding: 10px;
12460 transition: all 0.5s;
12461 transform: translateY(500%);
12462 display: flex;
12463 flex-direction: column;
12464 gap: 5px;
12465 }
12466 .lp-notify-action-wrapper.show {
12467 display: flex;
12468 transform: translateY(0);
12469 }
12470 .lp-notify-action-wrapper .lp-notify-action {
12471 box-shadow: 0 4px 25px 1px rgba(0, 0, 0, 0.25);
12472 background: #202937;
12473 padding: 0 20px;
12474 border-radius: 3px;
12475 min-width: 200px;
12476 transition: all 0.8s;
12477 }
12478 .lp-notify-action-wrapper .lp-notify-action.clone {
12479 display: none;
12480 }
12481 .lp-notify-action-wrapper .lp-notify-action__success {
12482 display: none;
12483 color: #01a401;
12484 }
12485 .lp-notify-action-wrapper .lp-notify-action__success.show {
12486 display: block;
12487 }
12488 .lp-notify-action-wrapper .lp-notify-action__error {
12489 display: none;
12490 color: #f44336;
12491 font-weight: bold;
12492 }
12493 .lp-notify-action-wrapper .lp-notify-action__error.show {
12494 display: block;
12495 }
12496
12497 #wp-admin-bar-lp-course-builder svg {
12498 vertical-align: text-bottom;
12499 }