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

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

12,540 lines 303.7 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 @-webkit-keyframes rotating4 {
6 from {
7 -webkit-transform: rotate(0deg);
8 -o-transform: rotate(0deg);
9 transform: rotate(0deg);
10 }
11 to {
12 -webkit-transform: rotate(360deg);
13 -o-transform: rotate(360deg);
14 transform: rotate(360deg);
15 }
16 }
17 @keyframes rotating4 {
18 from {
19 -ms-transform: rotate(0deg);
20 -moz-transform: rotate(0deg);
21 -webkit-transform: rotate(0deg);
22 -o-transform: rotate(0deg);
23 transform: rotate(0deg);
24 }
25 to {
26 -ms-transform: rotate(360deg);
27 -moz-transform: rotate(360deg);
28 -webkit-transform: rotate(360deg);
29 -o-transform: rotate(360deg);
30 transform: rotate(360deg);
31 }
32 }
33 @-webkit-keyframes animation4 {
34 from {
35 left: -40%;
36 width: 40%;
37 }
38 to {
39 left: 100%;
40 width: 10%;
41 }
42 }
43 @keyframes animation4 {
44 from {
45 left: -40%;
46 width: 40%;
47 }
48 to {
49 left: 100%;
50 width: 10%;
51 }
52 }
53 :root {
54 --lp-cotainer-max-with: var(--lp-container-max-width);
55 }
56
57 .wp-block-group {
58 --lp-container-max-width: var(--wp--style--global--wide-size);
59 }
60
61 .learn-press-message {
62 position: relative;
63 margin: 24px auto;
64 padding: 10px 20px;
65 border-radius: var(--lp-border-radius, 5px);
66 background-color: #E5F7FF;
67 color: #007AFF;
68 max-width: 100%;
69 }
70 .learn-press-message.error {
71 background-color: #FEE5E5;
72 color: #FF3B30;
73 }
74 .learn-press-message.warning {
75 background-color: #FEF7E6;
76 color: #FF9500;
77 }
78 .learn-press-message.success {
79 background-color: #EBF8E5;
80 color: #3AB500;
81 }
82 .learn-press-message.info {
83 background-color: rgba(0, 122, 255, 0.1019607843);
84 color: #007AFF;
85 }
86 .learn-press-message a {
87 text-decoration: underline;
88 }
89
90 .lp-toast.toastify {
91 background: #EBF8E5;
92 color: #3AB500;
93 border-radius: var(--lp-border-radius, 5px);
94 box-shadow: 0 0 0;
95 display: flex;
96 align-items: center;
97 }
98 .lp-toast.toastify .toast-close {
99 background: transparent !important;
100 font-size: 0;
101 padding-left: 12px;
102 }
103 .lp-toast.toastify .toast-close:before {
104 content: "\f00d";
105 font-family: "lp-icon";
106 font-size: 16px;
107 color: #000;
108 line-height: 17px;
109 }
110 .lp-toast.toastify .toast-close:hover {
111 opacity: 1;
112 }
113 .lp-toast.toastify.error {
114 background-color: #FEE5E5;
115 color: #FF3B30;
116 padding: 12px 20px;
117 border: none;
118 margin: 0 auto;
119 }
120 .lp-toast.toastify.warning {
121 background-color: #FEF7E6;
122 color: #fb9422;
123 padding: 12px 20px;
124 border: none;
125 margin: 0 auto;
126 }
127 .lp-toast.toastify.info {
128 background-color: rgba(0, 122, 255, 0.1019607843);
129 color: #277afc;
130 padding: 12px 20px;
131 border: none;
132 margin: 0 auto;
133 }
134
135 /**
136 * Style for the Tom Select
137 * @link https://tom-select.js.org/
138 * @since 4.2.9.5
139 * @version 1.0.0
140 */
141 .lp-tom-select {
142 min-width: 150px;
143 }
144 .lp-tom-select.plugin-dropdown_input .dropdown-input {
145 width: 95%;
146 min-width: auto;
147 border: 1px solid #2271b1;
148 }
149 .lp-tom-select[multiple] {
150 display: block;
151 height: 36px !important;
152 border: 1px solid #d0d0d0;
153 }
154 .lp-tom-select.ts-wrapper {
155 min-width: 200px;
156 width: fit-content;
157 }
158 .lp-tom-select.ts-wrapper dropdown-active .ts-control input.dropdown-input {
159 border-color: #d0d0d0;
160 }
161 .lp-tom-select.ts-wrapper input.dropdown-input {
162 margin: 0 auto 5px;
163 padding: 0 8px;
164 box-shadow: none;
165 }
166 .lp-tom-select.ts-wrapper.multi.has-items .ts-control {
167 padding: 3px 0 3px 3px;
168 }
169 .lp-tom-select.ts-wrapper .ts-control {
170 min-height: 35px;
171 padding: 4px;
172 }
173 .lp-tom-select.ts-wrapper .ts-control input[type=text] {
174 min-width: 30px;
175 }
176 .lp-tom-select.ts-wrapper .ts-control li {
177 margin: 0 5px 3px 0;
178 padding: 3px 8px;
179 background: #eee;
180 border-radius: var(--lp-border-radius);
181 }
182 .lp-tom-select.ts-wrapper .ts-control .item {
183 margin: 0 5px 2px 0;
184 padding: 1px 2px;
185 background: #eee;
186 border-radius: var(--lp-border-radius);
187 }
188 .lp-tom-select.ts-wrapper .ts-dropdown {
189 border: 1px solid #d0d0d0;
190 padding-top: 5px;
191 border-radius: 3px;
192 margin-top: -1px;
193 }
194 .lp-tom-select.ts-wrapper .ts-dropdown .spinner {
195 visibility: visible;
196 }
197 .lp-tom-select.ts-wrapper .ts-dropdown .spinner::after {
198 content: "";
199 border: none;
200 }
201 .lp-tom-select .dropdown-input-wrap {
202 display: flex;
203 }
204
205 /*.search-box {
206 .ts-wrapper {
207 float: left;
208 margin-right: 4px;
209
210 .ts-control {
211 padding: 3px;
212 height: 30px;
213
214 li {
215 margin: 0;
216 }
217 }
218 }
219 }*/
220 /**
221 * Styles for displaying list of table
222 */
223 .lp-toolbar-buttons {
224 position: relative;
225 z-index: 10;
226 height: 50px;
227 }
228 .lp-toolbar-buttons .lp-toolbar-btn {
229 display: inline-block;
230 position: relative;
231 width: 30px;
232 height: 30px;
233 margin: 0;
234 padding: 0;
235 text-align: center;
236 vertical-align: middle;
237 cursor: pointer;
238 }
239 .lp-toolbar-buttons .lp-toolbar-btn a,
240 .lp-toolbar-buttons .lp-toolbar-btn span {
241 outline: none;
242 color: #666;
243 box-shadow: none;
244 }
245 .lp-toolbar-buttons .lp-toolbar-btn .lp-btn-icon {
246 position: absolute;
247 top: 50%;
248 left: 50%;
249 width: 30px;
250 height: 30px;
251 margin-top: -15px;
252 margin-left: -15px;
253 line-height: 1.875rem;
254 text-align: center;
255 }
256 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-move {
257 cursor: ns-resize;
258 }
259 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-move a,
260 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-move span {
261 cursor: ns-resize;
262 }
263 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-move:hover a,
264 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-move span {
265 color: var(--lp-primary-color);
266 }
267 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-remove {
268 cursor: pointer;
269 }
270 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-remove:hover a,
271 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-remove:hover span {
272 color: #e74c3c;
273 }
274 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-toggle .dashicons-arrow-down,
275 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-toggle .dashicons-arrow-down-alt2 {
276 display: none;
277 }
278 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-toggle.closed .dashicons-arrow-up,
279 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-toggle.closed .dashicons-arrow-up-alt2 {
280 display: none;
281 }
282 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-toggle.closed .dashicons-arrow-down,
283 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-toggle.closed .dashicons-arrow-down-alt2 {
284 display: inline-block;
285 }
286 .lp-toolbar-buttons .lp-toolbar-btn.lp-toolbar-btn-dropdown {
287 color: #000;
288 }
289 .lp-toolbar-buttons .lp-toolbar-btn.lp-toolbar-btn-dropdown ul {
290 display: none;
291 position: absolute;
292 top: 100%;
293 right: 0;
294 margin: 0 0;
295 border: 1px solid #999;
296 background: #fdfeff;
297 }
298 .lp-toolbar-buttons .lp-toolbar-btn.lp-toolbar-btn-dropdown ul li {
299 margin: 0;
300 list-style: none;
301 }
302 .lp-toolbar-buttons .lp-toolbar-btn.lp-toolbar-btn-dropdown ul li a {
303 display: block;
304 margin: 0;
305 padding: 3px 8px;
306 color: #757575;
307 font-size: 0.8em;
308 text-align: right;
309 white-space: nowrap;
310 text-decoration: none;
311 }
312 .lp-toolbar-buttons .lp-toolbar-btn.lp-toolbar-btn-dropdown ul li a:hover {
313 background: #eee;
314 }
315 .lp-toolbar-buttons .lp-toolbar-btn.lp-toolbar-btn-dropdown ul li.active a {
316 background: #eee;
317 }
318 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-disabled, .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-disabled:hover {
319 _background: #f5f5f5;
320 }
321 .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 {
322 color: #666;
323 }
324 .lp-toolbar-buttons .lp-toolbar-btn:hover {
325 display: inline-block;
326 background: none;
327 }
328 .lp-toolbar-buttons .lp-toolbar-btn:hover .lp-btn-icon {
329 color: #444;
330 }
331 .lp-toolbar-buttons .lp-toolbar-btn:hover ul {
332 display: block;
333 }
334 .lp-toolbar-buttons .lp-toolbar-btn:hover ul:hover {
335 display: block;
336 }
337
338 .column-content-actions.lp-toolbar-buttons {
339 width: 30px;
340 padding: 0;
341 white-space: nowrap;
342 }
343
344 .learn-press-box-data {
345 position: relative;
346 margin: 20px 0 0 0;
347 border: 1px solid #ddd;
348 }
349 .learn-press-box-data .lp-box-data-head {
350 padding: 10px 15px;
351 background: #fff;
352 }
353 .learn-press-box-data .lp-box-data-head h3 {
354 margin: 0;
355 padding: 15px;
356 font-size: 1em;
357 }
358 .learn-press-box-data .lp-box-data-head .lp-box-data-actions {
359 float: right;
360 position: relative;
361 z-index: 10;
362 }
363 .learn-press-box-data .lp-box-data-head .lp-box-data-actions .lp-btn {
364 display: inline-block;
365 width: 30px;
366 height: 50px;
367 line-height: 2.875rem;
368 text-align: center;
369 vertical-align: middle;
370 }
371 .learn-press-box-data .lp-box-data-head .lp-box-data-actions::after {
372 display: block;
373 clear: both;
374 content: "";
375 }
376 .learn-press-box-data .lp-box-data-head::after {
377 display: block;
378 clear: both;
379 content: "";
380 }
381 .learn-press-box-data .lp-box-data-content {
382 padding: 15px;
383 border-top: 1px solid #ddd;
384 background: #fff;
385 }
386 .learn-press-box-data .lp-box-data-foot {
387 padding: 15px;
388 }
389 .learn-press-box-data.closed .lp-btn-toggle .dashicons-arrow-up,
390 .learn-press-box-data.closed .lp-btn-toggle .dashicons-arrow-up-alt2 {
391 display: none;
392 }
393 .learn-press-box-data.closed .lp-btn-toggle .dashicons-arrow-down,
394 .learn-press-box-data.closed .lp-btn-toggle .dashicons-arrow-down-alt2 {
395 display: inline-block;
396 }
397 .learn-press-box-data.closed .lp-box-data-content {
398 display: none;
399 }
400
401 .lp-list-options {
402 width: 100%;
403 border-collapse: collapse;
404 }
405 .lp-list-options th,
406 .lp-list-options td {
407 padding: 10px 15px;
408 border-top: 1px solid #ddd;
409 background: #f5f5f5;
410 }
411 .lp-list-options thead th {
412 text-align: left;
413 }
414 .lp-list-options tbody tr td {
415 padding: 0 15px;
416 background: #f4fcff;
417 }
418 .lp-list-options tbody tr td.lp-toolbar-buttons {
419 _overflow: hidden;
420 position: relative;
421 width: 30px;
422 height: 42px;
423 white-space: nowrap;
424 }
425 .lp-list-options tbody tr td.lp-toolbar-buttons .lp-toolbar-btn {
426 visibility: hidden;
427 position: relative;
428 height: 43px;
429 margin-top: -4px;
430 margin-bottom: -4px;
431 }
432 .lp-list-options tbody tr:nth-child(odd) td {
433 background: #fff;
434 }
435 .lp-list-options tbody tr:hover td.lp-toolbar-buttons .lp-toolbar-btn {
436 visibility: visible;
437 }
438 .lp-list-options tbody td {
439 text-align: left;
440 }
441 .lp-list-options tbody td input[type=text] {
442 width: 100%;
443 }
444 .lp-list-options tbody td input[type=text][value=""] {
445 font-style: italic;
446 }
447 .lp-list-options tbody td.column-content-answer_correct {
448 width: 125px;
449 }
450 .lp-list-options tbody td.lp-remove-list-option, .lp-list-options tbody td.lp-move-list-option {
451 width: 20px;
452 padding: 0;
453 text-align: center;
454 }
455 .lp-list-options tbody td.lp-remove-list-option a, .lp-list-options tbody td.lp-move-list-option a {
456 visibility: hidden;
457 color: #999;
458 }
459 .lp-list-options tbody td.lp-remove-list-option:hover, .lp-list-options tbody td.lp-move-list-option:hover {
460 background: #dbf5ff;
461 }
462 .lp-list-options tbody td.lp-move-list-option {
463 cursor: ns-resize;
464 }
465 .lp-list-options tbody td.lp-move-list-option a {
466 cursor: ns-resize;
467 }
468 .lp-list-options tbody td.lp-move-list-option:hover a {
469 color: var(--lp-primary-color);
470 }
471 .lp-list-options tbody td.lp-remove-list-option {
472 cursor: pointer;
473 }
474 .lp-list-options tbody td.lp-remove-list-option:hover a {
475 color: #e74c3c;
476 }
477
478 .lp-animation {
479 -webkit-animation: spin 4s linear infinite;
480 -moz-animation: spin 4s linear infinite;
481 animation: spin 4s linear infinite;
482 }
483
484 .lp-ajax-search {
485 display: inline-block;
486 position: relative;
487 z-index: 999999;
488 }
489 .lp-ajax-search .lp-search-term {
490 min-width: 300px;
491 height: 28px;
492 margin: 0;
493 outline: none;
494 -webkit-box-shadow: none;
495 -moz-box-shadow: none;
496 box-shadow: none;
497 }
498 .lp-ajax-search .lp-search-term:focus {
499 -webkit-box-shadow: none;
500 -moz-box-shadow: none;
501 box-shadow: none;
502 }
503 .lp-ajax-search .lp-search-term:focus {
504 outline: none;
505 -webkit-box-shadow: none;
506 -moz-box-shadow: none;
507 box-shadow: none;
508 }
509 .lp-ajax-search .lp-search-term:focus:focus {
510 -webkit-box-shadow: none;
511 -moz-box-shadow: none;
512 box-shadow: none;
513 }
514 .lp-ajax-search .lp-search-results {
515 position: absolute;
516 top: 100%;
517 width: 100%;
518 margin: -1px 0 0 0;
519 border: 1px solid #ddd;
520 background: #fff;
521 -webkit-box-sizing: border-box;
522 -moz-box-sizing: border-box;
523 box-sizing: border-box;
524 }
525 .lp-ajax-search .lp-search-results .lp-search-items {
526 overflow: auto;
527 max-height: 300px;
528 margin: 0;
529 }
530 .lp-ajax-search .lp-search-results .lp-search-items li {
531 margin: 0;
532 }
533 .lp-ajax-search .lp-search-results .lp-search-items li label {
534 display: block;
535 padding: 8px 10px;
536 border-bottom: 1px solid #f3f3f3;
537 }
538 .lp-ajax-search .lp-search-results .lp-search-items li label input {
539 float: left;
540 margin-top: 1px;
541 margin-right: -100%;
542 }
543 .lp-ajax-search .lp-search-results .lp-search-items li label span {
544 display: inline-block;
545 margin-left: 25px;
546 }
547 .lp-ajax-search .lp-search-results .lp-search-items li label span a.lp-add-item {
548 visibility: hidden;
549 margin-left: 10px;
550 }
551 .lp-ajax-search .lp-search-results .lp-search-items li.active {
552 background: #dbf5ff;
553 }
554 .lp-ajax-search .lp-search-results .lp-search-items li:hover {
555 color: #fff;
556 background: #0085ba;
557 }
558 .lp-ajax-search .lp-search-results .lp-search-items li:hover a.lp-add-item {
559 visibility: visible;
560 }
561 .lp-ajax-search .lp-search-results .lp-search-actions {
562 margin: 0;
563 padding: 10px;
564 border-top: 1px solid #ddd;
565 }
566
567 #learn-press-ajax-search-overlay {
568 display: none;
569 position: fixed;
570 z-index: 99999;
571 top: 0;
572 left: 0;
573 width: 100%;
574 height: 100%;
575 opacity: 0;
576 }
577
578 .update-overlay {
579 position: fixed;
580 z-index: 99999;
581 top: 0;
582 left: 0;
583 width: 100%;
584 height: 100%;
585 background: rgba(255, 255, 255, 0.5);
586 }
587
588 #course-editor.ajax-search #learn-press-ajax-search-overlay {
589 display: block;
590 }
591 #course-editor.ajax-search .lp-ajax-search {
592 z-index: 100000;
593 }
594
595 .advanced-list {
596 width: 100%;
597 min-width: 200px;
598 border-radius: var(--lp-border-radius);
599 background: #fff;
600 list-style: none;
601 }
602 .advanced-list li {
603 display: inline-block;
604 margin: 0 5px 5px 0;
605 padding: 3px 8px;
606 background: #eee;
607 border-radius: var(--lp-border-radius);
608 }
609 .advanced-list li .remove-item {
610 display: inline-block;
611 margin-right: 5px;
612 line-height: 1;
613 vertical-align: middle;
614 text-decoration: none;
615 cursor: pointer;
616 }
617 .advanced-list li .remove-item:hover {
618 color: #0085ba;
619 }
620 .advanced-list li .remove-item::before {
621 font-family: dashicons;
622 text-decoration: none;
623 content: "\f335";
624 }
625 .advanced-list li span {
626 display: inline-block;
627 }
628 .advanced-list.locked .remove-item {
629 display: none;
630 }
631 .advanced-list::after {
632 display: block;
633 clear: both;
634 content: "";
635 }
636
637 .lp-label-counter {
638 display: inline-block;
639 height: 20px;
640 padding: 0 10px;
641 border-radius: 20px;
642 color: #fff;
643 background: #2196f3;
644 font-weight: bold;
645 line-height: 1.25rem;
646 }
647 .lp-label-counter.disabled {
648 background: #ddd;
649 }
650
651 @-moz-keyframes spin {
652 100% {
653 -moz-transform: rotate(360deg);
654 }
655 }
656 @-webkit-keyframes spin {
657 100% {
658 -webkit-transform: rotate(360deg);
659 }
660 }
661 @keyframes spin {
662 100% {
663 -webkit-transform: rotate(360deg);
664 transform: rotate(360deg);
665 }
666 }
667 .rwmb-duration {
668 border: 1px solid #ddd;
669 }
670
671 ul .clearfix {
672 clear: both;
673 height: 0;
674 opacity: 0;
675 }
676
677 .clearfix-after::after {
678 display: block;
679 clear: both;
680 height: 0;
681 opacity: 0;
682 content: "";
683 }
684
685 .lp-button {
686 padding: 8px 16px;
687 border: 1px solid #e5e7eb;
688 border-radius: var(--lp-border-radius);
689 color: #374151;
690 font-size: 0.9em;
691 font-weight: 500;
692 text-decoration: none;
693 cursor: pointer;
694 }
695
696 @font-face {
697 font-family: "lp-icon";
698 src: url("../../src/css/vendor/fonts/lp-icon/lp-icon.woff2?v=95") format("woff2");
699 font-weight: normal;
700 font-style: normal;
701 font-display: swap;
702 }
703 [class^=lp-icon-], [class*=" lp-icon-"] {
704 /* use !important to prevent issues with browser extensions that change fonts */
705 font-family: "lp-icon";
706 speak: never;
707 font-style: normal;
708 font-weight: normal;
709 font-variant: normal;
710 text-transform: none;
711 line-height: 1;
712 font-display: swap;
713 /* Better Font Rendering =========== */
714 -webkit-font-smoothing: antialiased;
715 -moz-osx-font-smoothing: grayscale;
716 }
717
718 .lp-icon-plus:before {
719 content: "\f067";
720 }
721
722 .lp-icon-question:before {
723 content: "\f128";
724 }
725
726 .lp-icon-minus:before {
727 content: "\f068";
728 }
729
730 .lp-icon-search:before {
731 content: "\f002";
732 }
733
734 .lp-icon-envelope-o:before {
735 content: "\f003";
736 }
737
738 .lp-icon-heart:before {
739 content: "\f004";
740 }
741
742 .lp-icon-star:before {
743 content: "\f005";
744 }
745
746 .lp-icon-star-o:before {
747 content: "\f006";
748 }
749
750 .lp-icon-user:before {
751 content: "\f007";
752 }
753
754 .lp-icon-th-large:before {
755 content: "\f009";
756 }
757
758 .lp-icon-th:before {
759 content: "\f00a";
760 }
761
762 .lp-icon-th-list:before {
763 content: "\f00b";
764 }
765
766 .lp-icon-check:before {
767 content: "\f00c";
768 }
769
770 .lp-icon-close:before {
771 content: "\f00d";
772 }
773
774 .lp-icon-remove:before {
775 content: "\f00d";
776 }
777
778 .lp-icon-times:before {
779 content: "\f00d";
780 }
781
782 .lp-icon-signal:before {
783 content: "\f012";
784 }
785
786 .lp-icon-cog:before {
787 content: "\f013";
788 }
789
790 .lp-icon-gear:before {
791 content: "\f013";
792 }
793
794 .lp-icon-trash-o:before {
795 content: "\f014";
796 }
797
798 .lp-icon-home:before {
799 content: "\f015";
800 }
801
802 .lp-icon-file-o:before {
803 content: "\f016";
804 }
805
806 .lp-icon-clock-o:before {
807 content: "\f017";
808 }
809
810 .lp-icon-download:before {
811 content: "\f019";
812 }
813
814 .lp-icon-play-circle-o:before {
815 content: "\f01d";
816 }
817
818 .lp-icon-refresh:before {
819 content: "\f021";
820 }
821
822 .lp-icon-lock:before {
823 content: "\f023";
824 }
825
826 .lp-icon-flag:before {
827 content: "\f024";
828 }
829
830 .lp-icon-book:before {
831 content: "\f02d";
832 }
833
834 .lp-icon-bookmark:before {
835 content: "\f02e";
836 }
837
838 .lp-icon-video-camera:before {
839 content: "\f03d";
840 }
841
842 .lp-icon-edit:before {
843 content: "\f044";
844 }
845
846 .lp-icon-pencil-square-o:before {
847 content: "\f044";
848 }
849
850 .lp-icon-check-square-o:before {
851 content: "\f046";
852 }
853
854 .lp-icon-arrows:before {
855 content: "\f047";
856 }
857
858 .lp-icon-chevron-left:before {
859 content: "\f053";
860 }
861
862 .lp-icon-chevron-right:before {
863 content: "\f054";
864 }
865
866 .lp-icon-check-circle:before {
867 content: "\f058";
868 }
869
870 .lp-icon-question-circle:before {
871 content: "\f059";
872 }
873
874 .lp-icon-arrow-left:before {
875 content: "\f060";
876 }
877
878 .lp-icon-arrow-right:before {
879 content: "\f061";
880 }
881
882 .lp-icon-expand:before {
883 content: "\f065";
884 }
885
886 .lp-icon-compress:before {
887 content: "\f066";
888 }
889
890 .lp-icon-exclamation-circle:before {
891 content: "\f06a";
892 }
893
894 .lp-icon-gift:before {
895 content: "\f06b";
896 }
897
898 .lp-icon-eye:before {
899 content: "\f06e";
900 }
901
902 .lp-icon-eye-slash:before {
903 content: "\f070";
904 }
905
906 .lp-icon-exclamation-triangle:before {
907 content: "\f071";
908 }
909
910 .lp-icon-warning:before {
911 content: "\f071";
912 }
913
914 .lp-icon-calendar:before {
915 content: "\f073";
916 }
917
918 .lp-icon-comment:before {
919 content: "\f075";
920 }
921
922 .lp-icon-chevron-up:before {
923 content: "\f077";
924 }
925
926 .lp-icon-chevron-down:before {
927 content: "\f078";
928 }
929
930 .lp-icon-shopping-cart:before {
931 content: "\f07a";
932 }
933
934 .lp-icon-bar-chart:before {
935 content: "\f080";
936 }
937
938 .lp-icon-bar-chart-o:before {
939 content: "\f080";
940 }
941
942 .lp-icon-key:before {
943 content: "\f084";
944 }
945
946 .lp-icon-cogs:before {
947 content: "\f085";
948 }
949
950 .lp-icon-gears:before {
951 content: "\f085";
952 }
953
954 .lp-icon-thumbs-o-up:before {
955 content: "\f087";
956 }
957
958 .lp-icon-thumbs-o-down:before {
959 content: "\f088";
960 }
961
962 .lp-icon-heart-o:before {
963 content: "\f08a";
964 }
965
966 .lp-icon-sign-out:before {
967 content: "\f08b";
968 }
969
970 .lp-icon-linkedin-square:before {
971 content: "\f08c";
972 }
973
974 .lp-icon-sign-in:before {
975 content: "\f090";
976 }
977
978 .lp-icon-phone:before {
979 content: "\f095";
980 }
981
982 .lp-icon-square-o:before {
983 content: "\f096";
984 }
985
986 .lp-icon-bookmark-o:before {
987 content: "\f097";
988 }
989
990 .lp-icon-twitter:before {
991 content: "\f099";
992 }
993
994 .lp-icon-facebook:before {
995 content: "\f09a";
996 }
997
998 .lp-icon-facebook-f:before {
999 content: "\f09a";
1000 }
1001
1002 .lp-icon-unlock:before {
1003 content: "\f09c";
1004 }
1005
1006 .lp-icon-bullhorn:before {
1007 content: "\f0a1";
1008 }
1009
1010 .lp-icon-bell-o:before {
1011 content: "\f0a2";
1012 }
1013
1014 .lp-icon-certificate:before {
1015 content: "\f0a3";
1016 }
1017
1018 .lp-icon-briefcase:before {
1019 content: "\f0b1";
1020 }
1021
1022 .lp-icon-arrows-alt:before {
1023 content: "\f0b2";
1024 }
1025
1026 .lp-icon-copy:before {
1027 content: "\f0c5";
1028 }
1029
1030 .lp-icon-files-o:before {
1031 content: "\f0c5";
1032 }
1033
1034 .lp-icon-pinterest-square:before {
1035 content: "\f0d3";
1036 }
1037
1038 .lp-icon-google-plus-square:before {
1039 content: "\f0d4";
1040 }
1041
1042 .lp-icon-google-plus:before {
1043 content: "\f0d5";
1044 }
1045
1046 .lp-icon-money-bill-alt:before {
1047 content: "\f0d6";
1048 }
1049
1050 .lp-icon-caret-down:before {
1051 content: "\f0d7";
1052 }
1053
1054 .lp-icon-caret-up:before {
1055 content: "\f0d8";
1056 }
1057
1058 .lp-icon-caret-left:before {
1059 content: "\f0d9";
1060 }
1061
1062 .lp-icon-caret-right:before {
1063 content: "\f0da";
1064 }
1065
1066 .lp-icon-linkedin:before {
1067 content: "\f0e1";
1068 }
1069
1070 .lp-icon-comment-o:before {
1071 content: "\f0e5";
1072 }
1073
1074 .lp-icon-file-text-o:before {
1075 content: "\f0f6";
1076 }
1077
1078 .lp-icon-angle-double-left:before {
1079 content: "\f100";
1080 }
1081
1082 .lp-icon-angle-double-right:before {
1083 content: "\f101";
1084 }
1085
1086 .lp-icon-angle-double-up:before {
1087 content: "\f102";
1088 }
1089
1090 .lp-icon-angle-double-down:before {
1091 content: "\f103";
1092 }
1093
1094 .lp-icon-angle-left:before {
1095 content: "\f104";
1096 }
1097
1098 .lp-icon-angle-right:before {
1099 content: "\f105";
1100 }
1101
1102 .lp-icon-angle-up:before {
1103 content: "\f106";
1104 }
1105
1106 .lp-icon-angle-down:before {
1107 content: "\f107";
1108 }
1109
1110 .lp-icon-desktop:before {
1111 content: "\f108";
1112 }
1113
1114 .lp-icon-mobile:before {
1115 content: "\f10b";
1116 }
1117
1118 .lp-icon-mobile-phone:before {
1119 content: "\f10b";
1120 }
1121
1122 .lp-icon-circle-o:before {
1123 content: "\f10c";
1124 }
1125
1126 .lp-icon-spinner:before {
1127 content: "\f110";
1128 }
1129
1130 .lp-icon-code:before {
1131 content: "\f121";
1132 }
1133
1134 .lp-icon-puzzle-piece:before {
1135 content: "\f12e";
1136 }
1137
1138 .lp-icon-calendar-o:before {
1139 content: "\f133";
1140 }
1141
1142 .lp-icon-ellipsis-h:before {
1143 content: "\f141";
1144 }
1145
1146 .lp-icon-ellipsis-v:before {
1147 content: "\f142";
1148 }
1149
1150 .lp-icon-file:before {
1151 content: "\f15b";
1152 }
1153
1154 .lp-icon-file-alt:before {
1155 content: "\f15c";
1156 }
1157
1158 .lp-icon-youtube-play:before {
1159 content: "\f16a";
1160 }
1161
1162 .lp-icon-instagram:before {
1163 content: "\f16d";
1164 }
1165
1166 .lp-icon-dot-circle-o:before {
1167 content: "\f192";
1168 }
1169
1170 .lp-icon-graduation-cap:before {
1171 content: "\f19d";
1172 }
1173
1174 .lp-icon-mortar-board:before {
1175 content: "\f19d";
1176 }
1177
1178 .lp-icon-google:before {
1179 content: "\f1a0";
1180 }
1181
1182 .lp-icon-language:before {
1183 content: "\f1ab";
1184 }
1185
1186 .lp-icon-database:before {
1187 content: "\f1c0";
1188 }
1189
1190 .lp-icon-file-pdf:before {
1191 content: "\f1c1";
1192 }
1193
1194 .lp-icon-file-word:before {
1195 content: "\f1c2";
1196 }
1197
1198 .lp-icon-file-excel:before {
1199 content: "\f1c3";
1200 }
1201
1202 .lp-icon-file-powerpoint:before {
1203 content: "\f1c4";
1204 }
1205
1206 .lp-icon-file-image:before {
1207 content: "\f1c5";
1208 }
1209
1210 .lp-icon-file-photo:before {
1211 content: "\f1c5";
1212 }
1213
1214 .lp-icon-file-picture:before {
1215 content: "\f1c5";
1216 }
1217
1218 .lp-icon-file-archive:before {
1219 content: "\f1c6";
1220 }
1221
1222 .lp-icon-file-zip:before {
1223 content: "\f1c6";
1224 }
1225
1226 .lp-icon-file-audio:before {
1227 content: "\f1c7";
1228 }
1229
1230 .lp-icon-file-sound:before {
1231 content: "\f1c7";
1232 }
1233
1234 .lp-icon-file-movie:before {
1235 content: "\f1c8";
1236 }
1237
1238 .lp-icon-file-video:before {
1239 content: "\f1c8";
1240 }
1241
1242 .lp-icon-file-code:before {
1243 content: "\f1c9";
1244 }
1245
1246 .lp-icon-circle-thin:before {
1247 content: "\f1db";
1248 }
1249
1250 .lp-icon-share-alt:before {
1251 content: "\f1e0";
1252 }
1253
1254 .lp-icon-pie-chart:before {
1255 content: "\f200";
1256 }
1257
1258 .lp-icon-line-chart:before {
1259 content: "\f201";
1260 }
1261
1262 .lp-icon-user-secret:before {
1263 content: "\f21b";
1264 }
1265
1266 .lp-icon-television:before {
1267 content: "\f26c";
1268 }
1269
1270 .lp-icon-tv:before {
1271 content: "\f26c";
1272 }
1273
1274 .lp-icon-question-circle-o:before {
1275 content: "\f29c";
1276 }
1277
1278 .lp-icon-google-plus-circle:before {
1279 content: "\f2b3";
1280 }
1281
1282 .lp-icon-google-plus-official:before {
1283 content: "\f2b3";
1284 }
1285
1286 .lp-icon-user-circle:before {
1287 content: "\f2bd";
1288 }
1289
1290 .lp-icon-user-graduate:before {
1291 content: "\f501";
1292 }
1293
1294 .lp-icon-user-edit:before {
1295 content: "\f4ff";
1296 }
1297
1298 .lp-icon-my-courses:before {
1299 content: "\e900";
1300 }
1301
1302 .lp-icon-clock:before {
1303 content: "\e901";
1304 }
1305
1306 .lp-icon-stopwatch:before {
1307 content: "\f2f2";
1308 }
1309
1310 .lp-icon-file-download:before {
1311 content: "\f56d";
1312 }
1313
1314 .lp-icon-list:before {
1315 content: "\f03a";
1316 }
1317
1318 .lp-icon-students:before {
1319 content: "\e902";
1320 }
1321
1322 .lp-icon-courses:before {
1323 content: "\e903";
1324 }
1325
1326 .lp-icon-tiktok-alt:before {
1327 content: "\e908";
1328 }
1329
1330 .lp-icon-alarm-clock:before {
1331 content: "\e909";
1332 }
1333
1334 .lp-icon-art-and-design:before {
1335 content: "\e90a";
1336 }
1337
1338 .lp-icon-best-customer-experience:before {
1339 content: "\e90b";
1340 }
1341
1342 .lp-icon-certificate-o:before {
1343 content: "\e90c";
1344 }
1345
1346 .lp-icon-community:before {
1347 content: "\e90d";
1348 }
1349
1350 .lp-icon-online-education:before {
1351 content: "\e90e";
1352 }
1353
1354 .lp-icon-concierge-bell:before {
1355 content: "\e90f";
1356 }
1357
1358 .lp-icon-target:before {
1359 content: "\e910";
1360 }
1361
1362 .lp-icon-content-marketing:before {
1363 content: "\e911";
1364 }
1365
1366 .lp-icon-dollar-sign:before {
1367 content: "\e912";
1368 }
1369
1370 .lp-icon-website:before {
1371 content: "\e913";
1372 }
1373
1374 .lp-icon-worldwide-security:before {
1375 content: "\e914";
1376 }
1377
1378 .lp-icon-educational-programs:before {
1379 content: "\e915";
1380 }
1381
1382 .lp-icon-online-class:before {
1383 content: "\e916";
1384 }
1385
1386 .lp-icon-monitor:before {
1387 content: "\e917";
1388 }
1389
1390 .lp-icon-lucide:before {
1391 content: "\e918";
1392 }
1393
1394 .lp-icon-ebook:before {
1395 content: "\e919";
1396 }
1397
1398 .lp-icon-co-instructor:before {
1399 content: "\e904";
1400 }
1401
1402 .lp-icon-close-circle:before {
1403 content: "\e907";
1404 }
1405
1406 .lp-icon-layers:before {
1407 content: "\e91a";
1408 }
1409
1410 .lp-icon-filter:before {
1411 content: "\e91c";
1412 }
1413
1414 .lp-icon-in_progress_course:before {
1415 content: "\e91d";
1416 }
1417
1418 .lp-icon-finished_courses:before {
1419 content: "\e91e";
1420 }
1421
1422 .lp-icon-failed_courses:before {
1423 content: "\e91f";
1424 }
1425
1426 .lp-icon-passed_courses:before {
1427 content: "\e920";
1428 }
1429
1430 .lp-icon-student_in_progress:before {
1431 content: "\e924";
1432 }
1433
1434 .lp-icon-student_completed:before {
1435 content: "\e925";
1436 }
1437
1438 .lp-icon-published_course:before {
1439 content: "\e926";
1440 }
1441
1442 .lp-icon-pending_course:before {
1443 content: "\e927";
1444 }
1445
1446 .lp-icon-list-check:before {
1447 content: "\e929";
1448 }
1449
1450 .lp-icon-icon-h5p:before {
1451 content: "\e92a";
1452 }
1453
1454 .lp-icon-comment-written:before {
1455 content: "\e921";
1456 }
1457
1458 .lp-icon-book-open:before {
1459 content: "\f518";
1460 }
1461
1462 .lp-icon-pinterest-p:before {
1463 content: "\f231";
1464 }
1465
1466 .lp-icon-dropbox:before {
1467 content: "\e905";
1468 }
1469
1470 .lp-icon-edit-square:before {
1471 content: "\e923";
1472 }
1473
1474 .lp-icon-drag:before {
1475 content: "\e922";
1476 }
1477
1478 .lp-icon-map-pin:before {
1479 content: "\e91b";
1480 }
1481
1482 .lp-icon-map-marker:before {
1483 content: "\e91b";
1484 }
1485
1486 .lp-icon-box:before {
1487 content: "\e906";
1488 }
1489
1490 .lp-ico-ai {
1491 display: inline-block;
1492 width: 13px;
1493 height: 13px;
1494 background-image: url("../../images/icons/ico-ai.svg");
1495 background-size: contain;
1496 background-repeat: no-repeat;
1497 }
1498
1499 .lp-icon-course-builder {
1500 display: inline-block;
1501 width: 18px;
1502 height: 18px;
1503 background-color: currentColor;
1504 -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");
1505 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");
1506 -webkit-mask-size: contain;
1507 mask-size: contain;
1508 -webkit-mask-repeat: no-repeat;
1509 mask-repeat: no-repeat;
1510 -webkit-mask-position: center;
1511 mask-position: center;
1512 }
1513
1514 @-moz-keyframes lp-spinner {
1515 100% {
1516 -moz-transform: rotate(360deg);
1517 }
1518 }
1519 @-webkit-keyframes lp-spinner {
1520 100% {
1521 -webkit-transform: rotate(360deg);
1522 }
1523 }
1524 @keyframes lp-spinner {
1525 100% {
1526 -webkit-transform: rotate(360deg);
1527 transform: rotate(360deg);
1528 }
1529 }
1530 .lp-modal-choose-items-open {
1531 overflow: hidden;
1532 }
1533
1534 .lp-modal-search {
1535 height: 100%;
1536 padding: 20px;
1537 color: #777;
1538 background-color: red;
1539 }
1540 .lp-modal-search li.selected {
1541 display: none;
1542 }
1543
1544 /* message box */
1545 #learn-press-message-box-block {
1546 position: fixed;
1547 z-index: 99999;
1548 top: 0;
1549 right: 0;
1550 bottom: 0;
1551 left: 0;
1552 opacity: 0.8;
1553 background-color: #000;
1554 }
1555
1556 #learn-press-message-box-window {
1557 position: fixed;
1558 z-index: 100000;
1559 top: 0;
1560 right: 0;
1561 bottom: 0;
1562 left: 0;
1563 color: #fff;
1564 text-align: center;
1565 }
1566
1567 #message-box-wrap {
1568 /* text-align: center; */
1569 display: inline-block;
1570 max-width: 70%;
1571 margin: 0 auto;
1572 text-align: left;
1573 }
1574
1575 .message-box-title {
1576 margin: 0 0 40px 0;
1577 color: #fff;
1578 font-size: 2.125rem;
1579 }
1580
1581 .message-box-content {
1582 font-size: 1rem;
1583 line-height: 1.5;
1584 }
1585
1586 .message-box-animation {
1587 width: 220px;
1588 height: 20px;
1589 margin: 20px 0 0;
1590 background-image: url("../../images/animation.gif");
1591 }
1592
1593 .message-box-buttons {
1594 margin: 20px 0 0;
1595 padding-top: 20px;
1596 border-top: 1px solid #929292;
1597 }
1598
1599 .message-box-button {
1600 margin-right: 10px !important;
1601 }
1602
1603 .tipsy {
1604 position: absolute;
1605 }
1606
1607 .learnpress a,
1608 .learnpress a:active {
1609 outline: none;
1610 box-shadow: none;
1611 }
1612 .learnpress .lp-install-sample-data-options {
1613 padding: 0 20px 10px 20px;
1614 border: 1px solid #ddd;
1615 }
1616 .learnpress .lp-install-sample-data-options legend {
1617 font-size: 1rem;
1618 }
1619
1620 /* Metabox email template field */
1621 .lp-email-templates {
1622 overflow: hidden;
1623 margin-top: 5px;
1624 }
1625
1626 .learn-press-email-variables {
1627 margin: 20px 0 0;
1628 padding: 0;
1629 list-style: none;
1630 }
1631 .learn-press-email-variables li {
1632 display: inline-block;
1633 cursor: pointer;
1634 }
1635
1636 /* Metabox dropdown pages field */
1637 .learn-press-dropdown-pages input[type=text] {
1638 min-width: 300px;
1639 margin: 0;
1640 vertical-align: top;
1641 }
1642 .learn-press-dropdown-pages .select2-container {
1643 min-width: 220px !important;
1644 }
1645 .learn-press-dropdown-pages .select2-container .select2-selection--single {
1646 height: 30px;
1647 border-color: #7e8993;
1648 }
1649 .learn-press-dropdown-pages .select2-container .select2-selection__rendered {
1650 line-height: 1.75em !important;
1651 }
1652 .learn-press-dropdown-pages .select2-container .select2-selection__arrow {
1653 right: 1px;
1654 width: 23px;
1655 height: 28px;
1656 background: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E) no-repeat right 5px top 55%;
1657 background-size: 16px 16px;
1658 }
1659 .learn-press-dropdown-pages .select2-container .select2-selection__arrow b {
1660 display: none;
1661 }
1662 .learn-press-dropdown-pages .quick-add-page-actions a {
1663 font-size: 0.8125rem;
1664 text-decoration: none;
1665 }
1666 .learn-press-dropdown-pages .quick-add-page-inline {
1667 margin-top: 0;
1668 }
1669
1670 .lp-select-2 + .select2-container .select2-selection--single {
1671 height: 30px;
1672 border-color: #7e8993;
1673 }
1674 .lp-select-2 + .select2-container .select2-selection--single .select2-selection__rendered {
1675 line-height: 1.75em !important;
1676 }
1677 .lp-select-2 + .select2-container .select2-selection--single .select2-selection__arrow {
1678 right: 1px;
1679 width: 23px;
1680 height: 28px;
1681 background: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E) no-repeat right 5px top 55%;
1682 background-size: 16px 16px;
1683 }
1684 .lp-select-2 + .select2-container .select2-selection--single .select2-selection__arrow b {
1685 display: none;
1686 }
1687
1688 /* Tooltip */
1689 .learn-press-tooltip {
1690 display: inline-block;
1691 margin: 0 5px;
1692 color: #999;
1693 font-size: 1.0625rem;
1694 vertical-align: middle;
1695 }
1696 .learn-press-tooltip.icon::after {
1697 font-family: Dashicons;
1698 content: "\f223";
1699 }
1700 .learn-press-tooltip:hover {
1701 opacity: 1;
1702 color: #0073aa;
1703 }
1704
1705 /* Metabox payment order field */
1706 .rwmb-payment-order-wrapper .rwmb-label {
1707 margin-bottom: 20px !important;
1708 }
1709 .rwmb-payment-order-wrapper .rwmb-input {
1710 margin-left: 0 !important;
1711 }
1712
1713 .learn-press-payments,
1714 .learn-press-emails {
1715 width: 100%;
1716 border: 1px solid #ddd;
1717 border-collapse: collapse;
1718 font-size: 0.875rem;
1719 }
1720 .learn-press-payments th,
1721 .learn-press-payments td,
1722 .learn-press-emails th,
1723 .learn-press-emails td {
1724 padding: 10px;
1725 }
1726 .learn-press-payments .order,
1727 .learn-press-emails .order {
1728 width: 30px;
1729 padding-right: 0;
1730 color: #ddd;
1731 text-align: center;
1732 cursor: not-allowed;
1733 }
1734 .learn-press-payments .name,
1735 .learn-press-emails .name {
1736 min-width: 250px;
1737 font-weight: normal;
1738 text-transform: capitalize;
1739 }
1740 .learn-press-payments .name a,
1741 .learn-press-emails .name a {
1742 text-decoration: none;
1743 }
1744 .learn-press-payments .status,
1745 .learn-press-emails .status {
1746 width: 100px;
1747 text-align: center;
1748 cursor: pointer;
1749 }
1750 .learn-press-payments .status .dashicons,
1751 .learn-press-emails .status .dashicons {
1752 border-radius: 50%;
1753 color: #fff;
1754 background: #ddd;
1755 }
1756 .learn-press-payments .status a,
1757 .learn-press-emails .status a {
1758 display: block;
1759 margin-top: 5px;
1760 font-size: 0.75rem;
1761 text-decoration: none;
1762 }
1763 .learn-press-payments .status.enabled .dashicons,
1764 .learn-press-emails .status.enabled .dashicons {
1765 background: #0085ba;
1766 }
1767 .learn-press-payments thead th,
1768 .learn-press-emails thead th {
1769 border-bottom: 1px solid #ddd;
1770 text-align: left;
1771 }
1772 .learn-press-payments tbody tr:nth-child(even) td,
1773 .learn-press-emails tbody tr:nth-child(even) td {
1774 background: #fff;
1775 }
1776 .learn-press-payments tbody tr:nth-child(odd) td,
1777 .learn-press-emails tbody tr:nth-child(odd) td {
1778 background: #f5f5f5;
1779 }
1780 .learn-press-payments tbody td,
1781 .learn-press-emails tbody td {
1782 border-bottom: 1px solid #ddd;
1783 }
1784 .learn-press-payments tbody .ui-sortable-helper,
1785 .learn-press-emails tbody .ui-sortable-helper {
1786 margin-left: -1px;
1787 border: 1px solid #ddd;
1788 }
1789 .learn-press-payments tbody .ui-sortable-placeholder,
1790 .learn-press-emails tbody .ui-sortable-placeholder {
1791 visibility: visible !important;
1792 border: 1px solid #ddd;
1793 }
1794 .learn-press-payments tbody .ui-sortable-placeholder td,
1795 .learn-press-emails tbody .ui-sortable-placeholder td {
1796 height: 35px;
1797 padding: 0;
1798 background: #f7f7f7;
1799 }
1800 .learn-press-payments ~ .email-actions,
1801 .learn-press-emails ~ .email-actions {
1802 text-align: left;
1803 }
1804 .learn-press-payments.sortable .order:hover,
1805 .learn-press-emails.sortable .order:hover {
1806 color: #0073aa;
1807 cursor: ns-resize;
1808 }
1809
1810 /* Submenu tools/templates */
1811 .lp-template-overrides {
1812 margin-top: 20px;
1813 }
1814 .lp-template-overrides thead th h4 {
1815 margin: 0;
1816 }
1817 .lp-template-overrides tbody th {
1818 font-weight: bold;
1819 }
1820 .lp-template-overrides tbody th p {
1821 display: inline-block;
1822 margin: 0 0 0 10px;
1823 }
1824 .lp-template-overrides tbody th p a {
1825 margin: 0;
1826 padding: 2px 8px;
1827 border: none;
1828 border-radius: 3px;
1829 outline: none;
1830 box-shadow: none;
1831 font-weight: normal;
1832 }
1833 .lp-template-overrides tbody th p a.current {
1834 color: #fff;
1835 background: #00aadc;
1836 }
1837 .lp-template-overrides .template-row.outdated code::before, .lp-template-overrides .template-row.up-to-date code::before {
1838 display: inline-block;
1839 margin-top: -2px;
1840 margin-right: 3px;
1841 font-family: Dashicons;
1842 vertical-align: middle;
1843 }
1844 .lp-template-overrides .template-row.outdated .template-version {
1845 color: #f00;
1846 }
1847 .lp-template-overrides .template-row.outdated .template-file code::before {
1848 color: #f00;
1849 content: "\f534";
1850 }
1851 .lp-template-overrides .template-row.up-to-date .template-version {
1852 color: #1859ff;
1853 }
1854 .lp-template-overrides .template-row.up-to-date .template-file code::before {
1855 color: #0085ba;
1856 content: "\f147";
1857 }
1858 .lp-template-overrides .template-version,
1859 .lp-template-overrides .core-version {
1860 width: 100px;
1861 }
1862 .lp-template-overrides #learn-press-no-templates td p {
1863 color: #0073aa;
1864 }
1865
1866 /* General */
1867 .description code {
1868 font-size: smaller;
1869 }
1870
1871 #field-_lp_course_result input[name=_lp_course_result] ~ #passing-condition-quiz-result {
1872 display: none;
1873 padding: 10px;
1874 background: #f5f5f5;
1875 }
1876 #field-_lp_course_result input[name=_lp_course_result] ~ #passing-condition-quiz-result input {
1877 width: 80px;
1878 margin: 0;
1879 -webkit-box-sizing: border-box;
1880 -moz-box-sizing: border-box;
1881 box-sizing: border-box;
1882 }
1883 #field-_lp_course_result input[name=_lp_course_result] ~ #passing-condition-quiz-result p {
1884 margin: 7px 0 0;
1885 color: #777;
1886 font-style: italic;
1887 }
1888 #field-_lp_course_result input[name=_lp_course_result]:checked ~ #passing-condition-quiz-result {
1889 display: block;
1890 }
1891
1892 .widget .widget-content .rwmb-field:not(:last-of-type) {
1893 margin: 0 0 10px;
1894 }
1895 .widget .widget-content .rwmb-field:not(:last-of-type):first-child {
1896 margin-top: 10px;
1897 }
1898 .widget .widget-content .rwmb-field:last-child {
1899 margin-bottom: 10px;
1900 }
1901 .widget .widget-content .rwmb-field .rwmb-label,
1902 .widget .widget-content .rwmb-field .rwmb-input {
1903 width: 100%;
1904 }
1905 .widget .widget-content .rwmb-field .rwmb-label {
1906 margin-bottom: 2px;
1907 }
1908 .widget .widget-content .rwmb-field .rwmb-label label {
1909 font-weight: 400;
1910 }
1911 .widget .widget-content .rwmb-field .rwmb-input input[type=text] {
1912 width: 100%;
1913 }
1914
1915 .course-attributes {
1916 margin: 20px 0;
1917 }
1918 .course-attributes .learn-press-attribute {
1919 margin-top: -1px;
1920 margin-bottom: 0;
1921 border: 1px solid #ddd;
1922 }
1923 .course-attributes .learn-press-attribute > h4 {
1924 margin: 0;
1925 padding: 10px 15px;
1926 background: #f5f5f5;
1927 }
1928 .course-attributes .learn-press-attribute .learn-press-attribute-data {
1929 padding: 15px;
1930 border-top: 1px solid #ddd;
1931 }
1932
1933 .lp-hidden {
1934 display: none !important;
1935 }
1936
1937 .lp-button.loading {
1938 pointer-events: none;
1939 opacity: 0.8;
1940 }
1941 .lp-button.loading:before {
1942 display: inline-block;
1943 font-family: "lp-icon";
1944 content: "\f110";
1945 animation: lp-rotating 1s linear infinite;
1946 margin-right: 5px;
1947 font-variant: normal;
1948 text-transform: none;
1949 -webkit-font-smoothing: antialiased;
1950 -moz-osx-font-smoothing: grayscale;
1951 }
1952
1953 #wpfooter {
1954 z-index: 5;
1955 }
1956
1957 .learn-press-advertisement-slider {
1958 margin: 50px 20px 0 0;
1959 position: relative;
1960 overflow: hidden;
1961 box-sizing: border-box;
1962 z-index: 10;
1963 }
1964 .learn-press-advertisement-slider .slider-items:after {
1965 display: block;
1966 clear: both;
1967 content: "";
1968 }
1969 .learn-press-advertisement-slider .slide-item {
1970 position: relative;
1971 float: left;
1972 width: 100%;
1973 margin-right: -100%;
1974 padding: 20px;
1975 opacity: 0;
1976 background: #FFF;
1977 -webkit-box-sizing: border-box;
1978 -moz-box-sizing: border-box;
1979 box-sizing: border-box;
1980 -webkit-transition: opacity 0.5s linear;
1981 transition: opacity 0.5s linear;
1982 }
1983 .learn-press-advertisement-slider .slide-item .slide-thumbnail {
1984 float: left;
1985 width: 35%;
1986 }
1987 .learn-press-advertisement-slider .slide-item .slide-thumbnail a {
1988 display: block;
1989 line-height: 1;
1990 margin-bottom: 0;
1991 }
1992 .learn-press-advertisement-slider .slide-item .slide-thumbnail img {
1993 max-width: 100%;
1994 }
1995 .learn-press-advertisement-slider .slide-item .slide-detail {
1996 margin-left: 35%;
1997 padding-left: 20px;
1998 }
1999 .learn-press-advertisement-slider .slide-item .slide-detail h2 {
2000 margin-top: 0;
2001 }
2002 .learn-press-advertisement-slider .slide-item .slide-detail .description-short {
2003 display: none;
2004 }
2005 .learn-press-advertisement-slider .slide-item.slide-active {
2006 opacity: 1;
2007 }
2008 .learn-press-advertisement-slider .slider-controls {
2009 position: absolute;
2010 bottom: 20px;
2011 right: 20px;
2012 }
2013 .learn-press-advertisement-slider .slider-controls .next-item,
2014 .learn-press-advertisement-slider .slider-controls .prev-item {
2015 font-family: "dashicons";
2016 width: 40px;
2017 height: 40px;
2018 border: 1px solid #DDD;
2019 line-height: 2.5rem;
2020 font-size: 1rem;
2021 cursor: pointer;
2022 float: left;
2023 margin-left: 10px;
2024 text-align: center;
2025 color: #DDD;
2026 }
2027 .learn-press-advertisement-slider .slider-controls .next-item:hover,
2028 .learn-press-advertisement-slider .slider-controls .prev-item:hover {
2029 border-color: #0085ba;
2030 }
2031 .learn-press-advertisement-slider .slider-controls .next-item:hover:before,
2032 .learn-press-advertisement-slider .slider-controls .prev-item:hover:before {
2033 color: #0085ba;
2034 }
2035 .learn-press-advertisement-slider .slider-controls .next-item:before {
2036 content: "\f345";
2037 }
2038 .learn-press-advertisement-slider .slider-controls .prev-item:before {
2039 content: "\f341";
2040 }
2041
2042 @media only screen and (max-width: 1200px) {
2043 .learn-press-advertisement-slider .slide-item .slide-thumbnail {
2044 width: 50%;
2045 }
2046 .learn-press-advertisement-slider .slide-item .slide-detail {
2047 margin-left: 50%;
2048 }
2049 .learn-press-advertisement-slider .slide-item .slide-detail .description-short {
2050 display: block;
2051 }
2052 .learn-press-advertisement-slider .slide-item .slide-detail .description-full {
2053 display: none;
2054 }
2055 }
2056 @media only screen and (max-width: 960px) {
2057 .learn-press-advertisement-slider {
2058 margin-left: 56px;
2059 }
2060 .learn-press-advertisement-slider .slide-item .slide-thumbnail {
2061 width: 100%;
2062 float: none;
2063 }
2064 .learn-press-advertisement-slider .slide-item .slide-thumbnail img {
2065 width: 100%;
2066 }
2067 .learn-press-advertisement-slider .slide-item .slide-detail {
2068 margin-left: 0;
2069 padding-left: 0;
2070 }
2071 .learn-press-advertisement-slider .slide-item .slide-detail h2 {
2072 padding-top: 20px;
2073 }
2074 .learn-press-advertisement-slider .slide-item .slide-detail .description-short {
2075 display: block;
2076 }
2077 .learn-press-advertisement-slider .slide-item .slide-detail .description-full {
2078 display: none;
2079 }
2080 .learn-press-advertisement-slider .slide-item .slide-detail .slide-controls {
2081 margin-bottom: 0;
2082 }
2083 .learn-press-advertisement-slider .slide-item .slide-detail .slide-controls .button {
2084 margin-bottom: 0;
2085 }
2086 .wp-responsive-open .learn-press-advertisement-slider {
2087 margin-left: 56px;
2088 }
2089 .wp-responsive-open .learn-press-advertisement-slider .slide-item .slide-thumbnail {
2090 width: 100%;
2091 float: none;
2092 }
2093 .wp-responsive-open .learn-press-advertisement-slider .slide-item .slide-thumbnail img {
2094 width: 100%;
2095 }
2096 .wp-responsive-open .learn-press-advertisement-slider .slide-item .slide-detail {
2097 margin-left: 0;
2098 padding-left: 0;
2099 }
2100 .wp-responsive-open .learn-press-advertisement-slider .slide-item .slide-detail h2 {
2101 padding-top: 20px;
2102 }
2103 .wp-responsive-open .learn-press-advertisement-slider .slide-item .slide-detail .description-short {
2104 display: block;
2105 }
2106 .wp-responsive-open .learn-press-advertisement-slider .slide-item .slide-detail .description-full {
2107 display: none;
2108 }
2109 .wp-responsive-open .learn-press-advertisement-slider .slide-item .slide-detail .slide-controls {
2110 margin-bottom: 0;
2111 }
2112 .wp-responsive-open .learn-press-advertisement-slider .slide-item .slide-detail .slide-controls .button {
2113 margin-bottom: 0;
2114 }
2115 }
2116 .lp-admin-tabs {
2117 position: relative;
2118 margin-top: 20px;
2119 }
2120 .lp-admin-tabs.has-sections {
2121 display: flex;
2122 }
2123 .lp-admin-tabs .lp-admin-tab-navs {
2124 display: none;
2125 float: left;
2126 position: relative;
2127 z-index: 5;
2128 width: 250px;
2129 margin: 0 -250px 0 0;
2130 padding: 10px 0;
2131 -webkit-box-sizing: border-box;
2132 -moz-box-sizing: border-box;
2133 box-sizing: border-box;
2134 }
2135 .lp-admin-tabs .lp-admin-tab-navs .nav-section {
2136 margin: 0;
2137 }
2138 .lp-admin-tabs .lp-admin-tab-navs .nav-section > a,
2139 .lp-admin-tabs .lp-admin-tab-navs .nav-section > span {
2140 display: block;
2141 padding: 8px 20px;
2142 outline: none;
2143 box-shadow: none;
2144 text-decoration: none;
2145 text-transform: capitalize;
2146 }
2147 .lp-admin-tabs .lp-admin-tab-navs .nav-section .learn-press-tooltip {
2148 float: right;
2149 margin-right: 0;
2150 }
2151 .lp-admin-tabs .lp-admin-tab-navs .nav-section.nav-section-active, .lp-admin-tabs .lp-admin-tab-navs .nav-section:hover {
2152 border-left: 2px solid #563d7c;
2153 color: #563d7c;
2154 }
2155 .lp-admin-tabs .lp-admin-tab-navs .nav-section.nav-section-active > a,
2156 .lp-admin-tabs .lp-admin-tab-navs .nav-section.nav-section-active > span, .lp-admin-tabs .lp-admin-tab-navs .nav-section:hover > a,
2157 .lp-admin-tabs .lp-admin-tab-navs .nav-section:hover > span {
2158 padding-left: 18px;
2159 }
2160 .lp-admin-tabs.has-sections .lp-admin-tab-navs {
2161 display: block;
2162 }
2163 .lp-admin-tabs.has-sections .lp-admin-tab-content {
2164 float: left;
2165 position: relative;
2166 z-index: 0;
2167 width: 100%;
2168 padding-left: 271px !important;
2169 -webkit-box-sizing: border-box;
2170 -moz-box-sizing: border-box;
2171 box-sizing: border-box;
2172 }
2173 .lp-admin-tabs.has-sections::before {
2174 position: absolute;
2175 z-index: 10;
2176 top: 0;
2177 bottom: 0;
2178 left: 250px;
2179 border-left: 1px solid #ddd;
2180 content: "";
2181 }
2182 .lp-admin-tabs::after {
2183 display: block;
2184 clear: both;
2185 content: "";
2186 z-index: 10;
2187 }
2188
2189 .wrap.learn-press-settings .lp-admin-tab-content {
2190 padding: 18px;
2191 background: #fff;
2192 }
2193 .wrap.learn-press-settings .lp-admin-tab-content .subsubsub {
2194 float: none;
2195 margin: 0 0 20px 0;
2196 padding-bottom: 20px;
2197 border-bottom: 1px solid #ddd;
2198 }
2199 .wrap.learn-press-settings .lp-admin-tab-content .subsubsub .active {
2200 font-weight: bold;
2201 }
2202 .wrap.learn-press-settings .lp-admin-tab-content .subsubsub li {
2203 text-transform: capitalize;
2204 }
2205 .wrap.learn-press-settings .lp-admin-tab-content .subsubsub li::after {
2206 display: inline-block;
2207 padding: 0 10px;
2208 content: "|";
2209 }
2210 .wrap.learn-press-settings .lp-admin-tab-content .subsubsub li:last-child::after {
2211 content: "";
2212 }
2213 .wrap.learn-press-settings .lp-admin-tab-content h2 {
2214 border-bottom: 1px solid #ddd;
2215 padding-bottom: 10px;
2216 }
2217 .wrap #learn-press-uninstall-sample-data {
2218 float: right;
2219 opacity: 0.5;
2220 }
2221 .wrap #learn-press-uninstall-sample-data:hover {
2222 opacity: 1;
2223 }
2224
2225 #adminmenu .wp-menu-image img {
2226 width: 17px;
2227 }
2228
2229 .wp-submenu li.lp-menu-divider {
2230 height: 0;
2231 margin: 8px 0;
2232 border-top: 1px solid rgba(240, 246, 252, 0.15);
2233 }
2234 .wp-submenu li.lp-menu-divider a {
2235 height: 0;
2236 margin: 0;
2237 padding: 0;
2238 pointer-events: none;
2239 overflow: hidden;
2240 text-indent: -9999px;
2241 }
2242
2243 .learnpress .rwmb-field {
2244 position: relative;
2245 margin-bottom: 20px;
2246 }
2247 .learnpress .rwmb-field .rwmb-label {
2248 display: block;
2249 float: left;
2250 width: 190px;
2251 margin-bottom: 5px;
2252 font-size: 0.875rem;
2253 _text-transform: capitalize;
2254 }
2255 .learnpress .rwmb-field .rwmb-label label > small {
2256 display: block;
2257 color: #999;
2258 font-weight: normal;
2259 font-style: italic;
2260 }
2261 .learnpress .rwmb-field .rwmb-input {
2262 float: none;
2263 width: auto;
2264 margin-left: 190px;
2265 }
2266 .learnpress .rwmb-field .rwmb-input input[type=checkbox],
2267 .learnpress .rwmb-field .rwmb-input input[type=radio] {
2268 margin: 1px 5px 0 0;
2269 }
2270 .learnpress .rwmb-field .rwmb-input label > input[type=checkbox],
2271 .learnpress .rwmb-field .rwmb-input label > input[type=radio] {
2272 margin-top: -1px;
2273 }
2274 .learnpress .rwmb-field .description {
2275 margin-top: 8px;
2276 color: #888;
2277 }
2278 .learnpress .rwmb-field .description code {
2279 padding: 3px 3px 3px 0;
2280 }
2281 .learnpress .rwmb-field .description.err {
2282 color: #f00;
2283 }
2284 .learnpress .rwmb-field .rwmb-input-list {
2285 margin-left: 0;
2286 }
2287 .learnpress .rwmb-field #course_evaluation_method_quiz_options {
2288 position: relative;
2289 margin-left: 25px;
2290 }
2291 .learnpress .rwmb-field #course_evaluation_method_quiz_options::after {
2292 position: absolute;
2293 z-index: 10;
2294 top: 0;
2295 right: 0;
2296 bottom: 0;
2297 left: 0;
2298 opacity: 0.5;
2299 background: #fff;
2300 content: "";
2301 }
2302 .learnpress .rwmb-field input[name=_lp_course_result]:checked ~ #course_evaluation_method_quiz_options::after {
2303 display: none;
2304 }
2305 .learnpress .rwmb-field.rwmb-heading-wrapper h4 {
2306 display: inline-block;
2307 margin: 0 0 5px 0;
2308 padding: 0 0 0;
2309 border-bottom: 2px solid #563d7c;
2310 font-size: 1rem;
2311 text-transform: initial;
2312 }
2313 .learnpress .rwmb-field.disabled .field-overlay {
2314 position: absolute;
2315 z-index: 10;
2316 top: 0;
2317 left: 0;
2318 width: 100%;
2319 height: 100%;
2320 opacity: 0.6;
2321 background: #fff;
2322 content: "";
2323 }
2324 .learnpress .rwmb-field.rwmb-text-wrapper .rwmb-text {
2325 width: 50%;
2326 min-width: 200px;
2327 }
2328 .learnpress .rwmb-field.rwmb-duration-wrapper .rwmb-input select,
2329 .learnpress .rwmb-field.rwmb-duration-wrapper .rwmb-input input {
2330 vertical-align: top;
2331 }
2332 .learnpress .lp-course-sale_start-field.hide,
2333 .learnpress .lp-course-sale_end-field.hide {
2334 display: none;
2335 }
2336 .learnpress.lp-submenu-settings .lp-admin-settings-buttons {
2337 margin-bottom: 0;
2338 padding-top: 20px;
2339 border-top: 1px solid #ddd;
2340 }
2341 .learnpress.lp-submenu-settings .lp-admin-settings-buttons #learn-press-reset-settings {
2342 float: right;
2343 }
2344 .learnpress.lp-submenu-settings .rwmb-input {
2345 float: none;
2346 width: auto;
2347 margin-left: 270px;
2348 color: #000;
2349 }
2350 .learnpress .rwmb-google-fonts-wrapper .rwmb-input label {
2351 display: block;
2352 margin-bottom: 5px;
2353 font-weight: bold;
2354 }
2355 .learnpress .rwmb-google-fonts-wrapper .rwmb-input input {
2356 width: 90%;
2357 }
2358 .learnpress #learn-press-toggle-course-results {
2359 display: block;
2360 }
2361 .learnpress .lp-item-assigned {
2362 font-size: 0.875rem;
2363 }
2364 .learnpress .lp-item-assigned a {
2365 text-decoration: none;
2366 }
2367 .learnpress .lp-item-assigned ul {
2368 margin-bottom: 0;
2369 }
2370 .learnpress .lp-item-assigned ul ul strong {
2371 font-weight: normal;
2372 }
2373 .learnpress .lp-item-assigned li {
2374 margin: 0;
2375 }
2376 .learnpress .lp-item-assigned li a {
2377 display: inline-block;
2378 margin-bottom: 10px;
2379 }
2380
2381 @media screen and (max-width: 1280px) {
2382 .learnpress #meta-box-tab-course_settings .rwmb-field .rwmb-label {
2383 float: none;
2384 width: auto;
2385 }
2386 .learnpress #meta-box-tab-course_settings .rwmb-field .rwmb-input {
2387 float: left;
2388 width: 100%;
2389 margin-left: 0;
2390 }
2391 }
2392 .lp-metabox__table .titledesc label > small {
2393 display: block;
2394 color: #999;
2395 font-weight: normal;
2396 font-style: italic;
2397 }
2398 .lp-metabox__table .forminp-text > input,
2399 .lp-metabox__table .forminp-email > input,
2400 .lp-metabox__table .forminp-password > input,
2401 .lp-metabox__table .forminp-url > input {
2402 min-width: 260px;
2403 }
2404 .lp-metabox__table .forminp-textarea textarea {
2405 width: 400px;
2406 }
2407
2408 .lp-option-disabled {
2409 pointer-events: none;
2410 opacity: 0.5;
2411 }
2412
2413 .lp-metabox__custom-fields table {
2414 width: 100%;
2415 max-width: max-content;
2416 padding: 0 !important;
2417 }
2418 .lp-metabox__custom-fields table th {
2419 padding: 7px 0 7px 7px !important;
2420 }
2421 .lp-metabox__custom-fields table th.sort {
2422 width: 17px;
2423 padding: 7px !important;
2424 }
2425 .lp-metabox__custom-fields table td {
2426 position: relative;
2427 padding: 4px 0 4px 7px !important;
2428 vertical-align: middle !important;
2429 }
2430 .lp-metabox__custom-fields table td.sort {
2431 width: 17px;
2432 padding-right: 7px !important;
2433 background: #f9f9f9;
2434 font-size: 0.9375rem;
2435 text-align: center;
2436 cursor: move;
2437 }
2438 .lp-metabox__custom-fields table td.sort::before {
2439 height: 100%;
2440 color: #999;
2441 font-family: Dashicons;
2442 text-align: center;
2443 content: "\f333";
2444 }
2445 .lp-metabox__custom-fields table td .delete {
2446 display: block;
2447 position: relative;
2448 width: 1em;
2449 height: 1em;
2450 font-size: 1.2em;
2451 text-indent: -9999px;
2452 }
2453 .lp-metabox__custom-fields table td .delete::before {
2454 position: absolute;
2455 top: 0;
2456 left: 0;
2457 width: 100%;
2458 height: 100%;
2459 margin: 0;
2460 color: #999;
2461 font-family: Dashicons;
2462 font-weight: 400;
2463 font-variant: normal;
2464 line-height: 1;
2465 text-align: center;
2466 text-indent: 0;
2467 text-transform: none;
2468 content: "\f153";
2469 speak: none;
2470 -webkit-font-smoothing: antialiased;
2471 }
2472 .lp-metabox__custom-fields table td .delete:hover::before {
2473 color: #a00;
2474 }
2475 .lp-metabox__custom-fields table td:last-child {
2476 padding-right: 7px !important;
2477 }
2478
2479 .lp-metabox-field__color {
2480 font-size: 0 !important;
2481 }
2482 .lp-metabox-field__color .colorpickpreview {
2483 display: inline-block;
2484 width: 30px;
2485 height: 30px;
2486 margin: 0;
2487 margin-right: 3px;
2488 padding: 0;
2489 border: 1px solid #ddd;
2490 border-radius: 4px;
2491 box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
2492 font-size: 1rem;
2493 line-height: 1.75rem;
2494 }
2495 .lp-metabox-field__color .iris-picker {
2496 display: none;
2497 position: absolute;
2498 z-index: 100;
2499 border: 1px solid #ccc;
2500 border-radius: 3px;
2501 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
2502 }
2503
2504 .lp-metabox-field__image-advanced-upload {
2505 padding-top: 10px;
2506 }
2507 .lp-metabox-field__image-advanced-images {
2508 clear: both;
2509 margin: 0;
2510 padding: 0;
2511 }
2512 .lp-metabox-field__image-advanced-images > li {
2513 float: left;
2514 position: relative;
2515 box-sizing: border-box;
2516 width: 80px;
2517 margin: 9px 9px 0 0;
2518 border: 1px solid #d5d5d5;
2519 border-radius: 2px;
2520 background: #f7f7f7;
2521 cursor: move;
2522 }
2523 .lp-metabox-field__image-advanced-images > li img {
2524 display: block;
2525 width: 100%;
2526 height: auto;
2527 }
2528 .lp-metabox-field__image-advanced-images > li ul.actions {
2529 position: absolute;
2530 top: -8px;
2531 right: -8px;
2532 padding: 2px;
2533 }
2534 .lp-metabox-field__image-advanced-images > li ul.actions li {
2535 float: right;
2536 margin: 0 0 0 2px;
2537 }
2538 .lp-metabox-field__image-advanced-images > li ul.actions li a.delete {
2539 display: block;
2540 position: relative;
2541 width: 1em;
2542 height: 1em;
2543 font-size: 1.4em;
2544 text-indent: -9999px;
2545 }
2546 .lp-metabox-field__image-advanced-images > li ul.actions li a.delete::before {
2547 position: absolute;
2548 top: 0;
2549 left: 0;
2550 width: 1em;
2551 height: 1em;
2552 margin: 0;
2553 border-radius: 50%;
2554 color: #999;
2555 background: #fff;
2556 font-family: Dashicons;
2557 font-weight: 400;
2558 font-variant: normal;
2559 line-height: 1;
2560 text-align: center;
2561 text-indent: 0;
2562 text-transform: none;
2563 content: "\f153";
2564 speak: none;
2565 -webkit-font-smoothing: antialiased;
2566 }
2567 .lp-metabox-field__image-advanced-images > li ul.actions::before {
2568 display: table;
2569 content: " ";
2570 }
2571 .lp-metabox-field__image-advanced-images > li:hover ul.actions {
2572 display: block;
2573 }
2574 .lp-metabox-field__image-advanced-images > li.lp-metabox-sortable-placeholder {
2575 position: relative;
2576 border: 3px dashed #ddd;
2577 }
2578 .lp-metabox-field__image-advanced-images > li.lp-metabox-sortable-placeholder::after {
2579 position: absolute;
2580 top: 0;
2581 left: 0;
2582 width: 100%;
2583 height: 100%;
2584 margin: 0;
2585 color: #ddd;
2586 font-family: Dashicons;
2587 font-size: 2.618em;
2588 font-weight: normal;
2589 font-variant: normal;
2590 line-height: 4.5rem;
2591 text-align: center;
2592 text-indent: 0;
2593 text-transform: none;
2594 content: "\f161";
2595 speak: none;
2596 -webkit-font-smoothing: antialiased;
2597 }
2598 .lp-metabox-field__image-advanced-images::before {
2599 display: table;
2600 content: " ";
2601 }
2602 .lp-metabox-field__image-advanced-images::after {
2603 display: table;
2604 clear: both;
2605 content: " ";
2606 }
2607
2608 .lp-metabox-field__image--inner {
2609 position: relative;
2610 box-sizing: border-box;
2611 width: 120px;
2612 border: 1px solid #d5d5d5;
2613 border-radius: 2px;
2614 background: #f7f7f7;
2615 }
2616 .lp-metabox-field__image--inner img {
2617 display: block;
2618 width: 100%;
2619 height: auto;
2620 }
2621 .lp-metabox-field__image--upload {
2622 padding-top: 10px;
2623 }
2624
2625 .lp-meta-box__inner {
2626 display: block;
2627 position: relative;
2628 }
2629 .lp-meta-box__inner .form-field:not(fieldset) {
2630 display: flex;
2631 flex-direction: row;
2632 position: relative;
2633 margin: 0;
2634 padding: 15px 0;
2635 flex-wrap: wrap;
2636 }
2637 .lp-meta-box__inner .form-field:not(fieldset) label {
2638 width: 180px;
2639 min-width: 180px;
2640 max-width: 180px;
2641 padding: 0;
2642 color: #23282d;
2643 font-size: 0.875rem;
2644 font-weight: 600;
2645 flex: 0 0 auto;
2646 }
2647 .lp-meta-box__inner .form-field:not(fieldset) .checkbox {
2648 margin: 2px 0 !important;
2649 vertical-align: middle;
2650 }
2651 .lp-meta-box__inner .form-field:not(fieldset) .description {
2652 flex: 1;
2653 display: inline;
2654 clear: none;
2655 margin: 0 0 0 7px;
2656 padding: 0;
2657 font-size: 0.875rem;
2658 }
2659 .lp-meta-box__inner fieldset.form-field {
2660 display: grid;
2661 grid-template-columns: 180px 1fr;
2662 position: relative;
2663 margin: 0;
2664 padding: 15px 0;
2665 }
2666 .lp-meta-box__inner fieldset.form-field h4 {
2667 width: 180px;
2668 min-width: 180px;
2669 max-width: 180px;
2670 margin: 0;
2671 padding: 0;
2672 color: #23282d;
2673 font-size: 0.875rem;
2674 font-weight: 600;
2675 flex: 0 0 auto;
2676 }
2677 .lp-meta-box__inner fieldset.form-field ul {
2678 margin: 0;
2679 font-size: 0.875rem;
2680 }
2681 .lp-meta-box__inner fieldset.form-field .description {
2682 grid-column-start: 2;
2683 margin-top: 10px;
2684 }
2685 .lp-meta-box__duration-select {
2686 width: auto !important;
2687 }
2688 .lp-meta-box__duration input[type=number] {
2689 width: 80px !important;
2690 }
2691 .lp-meta-box__duration .description {
2692 flex-basis: 100% !important;
2693 width: 100%;
2694 margin-top: 8px !important;
2695 margin-left: 180px !important;
2696 }
2697 .lp-meta-box__wp-editor {
2698 display: block;
2699 }
2700 .lp-meta-box__wp-editor .description {
2701 flex-basis: 100% !important;
2702 width: 100%;
2703 margin-top: 8px !important;
2704 margin-left: 180px !important;
2705 color: #666;
2706 }
2707 .lp-meta-box__wp-editor__textarea {
2708 border: none !important;
2709 }
2710 .lp-meta-box select {
2711 width: auto !important;
2712 }
2713 .lp-meta-box select ~ .description {
2714 flex-basis: 100% !important;
2715 width: 100%;
2716 margin-top: 8px !important;
2717 margin-left: 180px !important;
2718 color: #666;
2719 }
2720 .lp-meta-box input[type=number],
2721 .lp-meta-box input[type=email],
2722 .lp-meta-box input[type=text],
2723 .lp-meta-box input[type=password],
2724 .lp-meta-box textarea:not(.lp-meta-box__wp-editor__textarea) {
2725 width: 50%;
2726 }
2727 .lp-meta-box input[type=number] + .description,
2728 .lp-meta-box input[type=email] + .description,
2729 .lp-meta-box input[type=text] + .description,
2730 .lp-meta-box input[type=password] + .description,
2731 .lp-meta-box textarea:not(.lp-meta-box__wp-editor__textarea) + .description {
2732 flex-basis: 100% !important;
2733 width: 100%;
2734 margin-top: 8px !important;
2735 margin-left: 180px !important;
2736 color: #666;
2737 }
2738 .lp-meta-box input[type=checkbox] {
2739 margin-top: 2px;
2740 }
2741 .lp-meta-box .short {
2742 width: 50%;
2743 }
2744 .lp-meta-box textarea:not(.lp-meta-box__wp-editor__textarea) {
2745 height: 4.6rem;
2746 line-height: 1.5em;
2747 vertical-align: top;
2748 }
2749 .lp-meta-box .learn-press-tip.ready {
2750 display: inline-flex;
2751 align-items: center;
2752 margin-left: 8px;
2753 }
2754
2755 #course-settings .inside {
2756 margin: 0 !important;
2757 padding: 0 !important;
2758 }
2759 #course-settings .lp-meta-box__course-tab {
2760 display: grid;
2761 grid-template-columns: 20% 80%;
2762 }
2763 #course-settings .lp-meta-box__course-tab__tabs {
2764 position: relative;
2765 box-sizing: border-box;
2766 margin: 0;
2767 padding: 0 0 10px;
2768 border-right: 1px solid #eee;
2769 background-color: #fafafa;
2770 }
2771 #course-settings .lp-meta-box__course-tab__tabs li {
2772 display: block;
2773 position: relative;
2774 margin: 0;
2775 padding: 0;
2776 }
2777 #course-settings .lp-meta-box__course-tab__tabs li a {
2778 display: flex;
2779 align-items: center;
2780 margin: 0;
2781 padding: 10px;
2782 border-bottom: 1px solid #eee;
2783 box-shadow: none;
2784 text-decoration: none;
2785 }
2786 #course-settings .lp-meta-box__course-tab__tabs li a i {
2787 margin-right: 5px;
2788 font-weight: 400;
2789 font-style: normal;
2790 font-variant: normal;
2791 text-decoration: none;
2792 text-transform: none;
2793 }
2794 #course-settings .lp-meta-box__course-tab__tabs li a i[class^=dashicon] {
2795 font-family: "Dashicons";
2796 }
2797 #course-settings .lp-meta-box__course-tab__tabs li.active a {
2798 position: relative;
2799 color: #555;
2800 background-color: #eee;
2801 }
2802 @media (max-width: 767px) {
2803 #course-settings .lp-meta-box__course-tab__tabs {
2804 display: flex;
2805 overflow: hidden;
2806 overflow-x: auto;
2807 flex-direction: row;
2808 margin: 0;
2809 margin-bottom: 30px;
2810 padding: 0;
2811 border-bottom: 1px solid #e5e5e5;
2812 text-align: center;
2813 white-space: nowrap;
2814 list-style: none;
2815 align-items: center;
2816 flex-wrap: nowrap;
2817 }
2818 #course-settings .lp-meta-box__course-tab__tabs li {
2819 min-width: 25%;
2820 margin-right: 20px;
2821 }
2822 }
2823 #course-settings .lp-meta-box__course-tab__content > div {
2824 padding: 20px;
2825 }
2826 @media (max-width: 767px) {
2827 #course-settings .lp-meta-box__course-tab {
2828 grid-template-columns: auto;
2829 }
2830 }
2831
2832 #price_course_data ._lp_sale_price_field,
2833 #price_course_data ._lp_price_field {
2834 position: relative;
2835 }
2836 #price_course_data ._lp_sale_price_field .learn-press-tip-floating,
2837 #price_course_data ._lp_price_field .learn-press-tip-floating {
2838 top: 54px;
2839 left: 92px;
2840 opacity: 0.8;
2841 background: #a00;
2842 }
2843 #price_course_data ._lp_sale_price_field .learn-press-tip-floating::before,
2844 #price_course_data ._lp_price_field .learn-press-tip-floating::before {
2845 top: -7px;
2846 border: 7px solid transparent;
2847 border-top-width: 0;
2848 border-bottom-color: #a00;
2849 }
2850
2851 .lp_course_extra_meta_box__content {
2852 flex: 1;
2853 }
2854 .lp_course_extra_meta_box__fields {
2855 margin-bottom: 10px;
2856 }
2857 .lp_course_extra_meta_box__field {
2858 position: relative;
2859 max-width: 600px;
2860 margin-bottom: 10px;
2861 }
2862 .lp_course_extra_meta_box__field .sort {
2863 display: flex;
2864 position: absolute;
2865 top: 0;
2866 left: 0;
2867 width: 40px;
2868 height: 100%;
2869 color: #666;
2870 text-decoration: none;
2871 cursor: grab;
2872 align-items: center;
2873 justify-content: center;
2874 }
2875 .lp_course_extra_meta_box__field .sort::after {
2876 font-family: Dashicons;
2877 font-size: 1.25rem;
2878 line-height: 1;
2879 content: "\f333";
2880 }
2881 .lp_course_extra_meta_box__field .delete {
2882 display: flex;
2883 position: absolute;
2884 top: 0;
2885 right: 0;
2886 width: 40px;
2887 height: 100%;
2888 color: #666;
2889 text-decoration: none;
2890 align-items: center;
2891 justify-content: center;
2892 }
2893 .lp_course_extra_meta_box__field .delete::after {
2894 font-family: Dashicons;
2895 font-size: 1.25rem;
2896 line-height: 1;
2897 content: "\f335";
2898 }
2899 .lp_course_extra_meta_box__input {
2900 width: 100% !important;
2901 padding-right: 40px !important;
2902 padding-left: 40px !important;
2903 }
2904
2905 .lp_repeater_meta_box__wrapper {
2906 flex: 1 !important;
2907 }
2908 .lp_repeater_meta_box__fields {
2909 position: relative;
2910 margin-bottom: 10px;
2911 }
2912 .lp_repeater_meta_box__field {
2913 display: grid;
2914 position: relative;
2915 margin-bottom: 10px;
2916 border: 1px solid #c5c5c5;
2917 border-radius: 2px;
2918 }
2919 .lp_repeater_meta_box__field_active .lp_repeater_meta_box__content {
2920 display: block;
2921 }
2922 .lp_repeater_meta_box__field_active .lp_repeater_meta_box__title__toggle::after {
2923 transform: rotate(180deg);
2924 }
2925 .lp_repeater_meta_box__title {
2926 display: grid;
2927 grid-template-columns: 44px 1fr 40px 40px;
2928 align-items: center;
2929 position: relative;
2930 background-color: #eee;
2931 }
2932 .lp_repeater_meta_box__title__title {
2933 flex: 1;
2934 padding: 14px 0;
2935 }
2936 .lp_repeater_meta_box__title__sort {
2937 display: flex;
2938 height: 100%;
2939 color: #666;
2940 text-decoration: none;
2941 cursor: grab;
2942 align-items: center;
2943 justify-content: center;
2944 }
2945 .lp_repeater_meta_box__title__sort::after {
2946 font-family: Dashicons;
2947 font-size: 1.25rem;
2948 line-height: 1;
2949 content: "\f333";
2950 }
2951 .lp_repeater_meta_box__title__delete {
2952 display: flex;
2953 height: 100%;
2954 color: #666;
2955 text-decoration: none;
2956 align-items: center;
2957 justify-content: center;
2958 }
2959 .lp_repeater_meta_box__title__delete::after {
2960 font-family: Dashicons;
2961 font-size: 1.25rem;
2962 line-height: 1;
2963 content: "\f335";
2964 }
2965 .lp_repeater_meta_box__title__toggle {
2966 display: flex;
2967 height: 100%;
2968 color: #666;
2969 text-decoration: none;
2970 align-items: center;
2971 justify-content: center;
2972 }
2973 .lp_repeater_meta_box__title__toggle::after {
2974 font-family: Dashicons;
2975 font-size: 1.25rem;
2976 line-height: 1;
2977 content: "\f347";
2978 }
2979 .lp_repeater_meta_box__content {
2980 display: none;
2981 padding: 14px 20px;
2982 }
2983 .lp_repeater_meta_box__content > label {
2984 display: grid;
2985 width: 100% !important;
2986 min-width: 100% !important;
2987 max-width: 100% !important;
2988 margin-bottom: 20px;
2989 grid-template-rows: auto 1fr;
2990 }
2991 .lp_repeater_meta_box__content > label:last-child {
2992 margin-bottom: 0;
2993 }
2994 .lp_repeater_meta_box__content > label span {
2995 margin-bottom: 5px;
2996 }
2997 .lp_repeater_meta_box__content > label textarea,
2998 .lp_repeater_meta_box__content > label input {
2999 width: 100% !important;
3000 }
3001
3002 .lp_course_faq_meta_box__content {
3003 flex: 1;
3004 }
3005 .lp_course_faq_meta_box__fields {
3006 position: relative;
3007 margin-bottom: 10px;
3008 }
3009 .lp_course_faq_meta_box__field {
3010 display: grid;
3011 position: relative;
3012 margin-bottom: 10px;
3013 padding: 20px;
3014 border: 1px solid #c5c5c5;
3015 border-radius: 4px;
3016 grid-row-gap: 10px;
3017 }
3018 .lp_course_faq_meta_box__field label {
3019 display: grid;
3020 width: 100% !important;
3021 min-width: 100% !important;
3022 max-width: 100% !important;
3023 grid-template-rows: auto 1fr;
3024 }
3025 .lp_course_faq_meta_box__field label span {
3026 margin-bottom: 5px;
3027 }
3028 .lp_course_faq_meta_box__field label textarea,
3029 .lp_course_faq_meta_box__field label input {
3030 width: 100% !important;
3031 }
3032 .lp_course_faq_meta_box__field a.delete {
3033 display: flex;
3034 position: absolute;
3035 top: 15px;
3036 right: 50px;
3037 width: 30px;
3038 height: 30px;
3039 color: #666;
3040 text-decoration: none;
3041 align-items: center;
3042 justify-content: center;
3043 }
3044 .lp_course_faq_meta_box__field a.delete::after {
3045 font-family: Dashicons;
3046 font-size: 1.25rem;
3047 line-height: 1;
3048 content: "\f335";
3049 }
3050 .lp_course_faq_meta_box__field .sort {
3051 display: flex;
3052 position: absolute;
3053 top: 15px;
3054 right: 20px;
3055 width: 30px;
3056 height: 30px;
3057 color: #666;
3058 text-decoration: none;
3059 align-items: center;
3060 justify-content: center;
3061 cursor: grab;
3062 }
3063 .lp_course_faq_meta_box__field .sort::after {
3064 font-family: Dashicons;
3065 font-size: 1.25rem;
3066 line-height: 1;
3067 content: "\f333";
3068 }
3069
3070 input[name=_lp_course_result]:checked ~ #passing-condition-quiz-result {
3071 display: block;
3072 }
3073
3074 #passing-condition-quiz-result {
3075 display: none;
3076 }
3077 #passing-condition-quiz-result input {
3078 width: 80px !important;
3079 margin-top: 5px !important;
3080 }
3081 #passing-condition-quiz-result p {
3082 padding: 10px 16px;
3083 background-color: #eee;
3084 font-size: 0.875rem;
3085 }
3086
3087 .lp-meta-box__file_list {
3088 display: inline-block;
3089 clear: both;
3090 margin: 0;
3091 padding: 0;
3092 }
3093 .lp-meta-box__file_list > li {
3094 display: flex;
3095 flex-flow: column nowrap;
3096 float: left;
3097 position: relative;
3098 box-sizing: border-box;
3099 width: 80px;
3100 height: 80px;
3101 margin: 9px 9px 0 0;
3102 border: 1px solid #d5d5d5;
3103 border-radius: 2px;
3104 background: #f7f7f7;
3105 cursor: move;
3106 align-items: center;
3107 justify-content: center;
3108 }
3109 .lp-meta-box__file_list > li img {
3110 display: block;
3111 width: 100%;
3112 height: auto;
3113 }
3114 .lp-meta-box__file_list > li img.is_file {
3115 width: 30px;
3116 }
3117 .lp-meta-box__file_list > li img.is_file ~ span {
3118 margin-top: 5px;
3119 font-size: 0.75rem;
3120 }
3121 .lp-meta-box__file_list > li.lp-metabox-sortable-placeholder {
3122 position: relative;
3123 border: 3px dashed #ddd;
3124 }
3125 .lp-meta-box__file_list > li.lp-metabox-sortable-placeholder::after {
3126 position: absolute;
3127 top: 0;
3128 left: 0;
3129 width: 100%;
3130 height: 100%;
3131 margin: 0;
3132 color: #ddd;
3133 font-family: Dashicons;
3134 font-size: 2.618em;
3135 font-weight: normal;
3136 font-variant: normal;
3137 line-height: 4.5rem;
3138 text-align: center;
3139 text-indent: 0;
3140 text-transform: none;
3141 content: "\f161";
3142 speak: none;
3143 -webkit-font-smoothing: antialiased;
3144 }
3145 .lp-meta-box__file_list > li ul.actions {
3146 position: absolute;
3147 top: -8px;
3148 right: -8px;
3149 padding: 2px;
3150 }
3151 .lp-meta-box__file_list > li ul.actions li {
3152 float: right;
3153 margin: 0 0 0 2px;
3154 }
3155 .lp-meta-box__file_list > li ul.actions li a.delete {
3156 display: block;
3157 position: relative;
3158 width: 1em;
3159 height: 1em;
3160 font-size: 1.4em;
3161 text-indent: -9999px;
3162 }
3163 .lp-meta-box__file_list > li ul.actions li a.delete::before {
3164 position: absolute;
3165 top: 0;
3166 left: 0;
3167 width: 1em;
3168 height: 1em;
3169 margin: 0;
3170 border-radius: 50%;
3171 color: #999;
3172 background: #fff;
3173 font-family: Dashicons;
3174 font-weight: 400;
3175 font-variant: normal;
3176 line-height: 1;
3177 text-align: center;
3178 text-indent: 0;
3179 text-transform: none;
3180 content: "\f153";
3181 speak: none;
3182 -webkit-font-smoothing: antialiased;
3183 }
3184 .lp-meta-box__file_list > li ul.actions::before {
3185 display: table;
3186 content: " ";
3187 }
3188 .lp-meta-box__file::before {
3189 display: table;
3190 content: " ";
3191 }
3192 .lp-meta-box__file::after {
3193 display: table;
3194 clear: both;
3195 content: " ";
3196 }
3197
3198 .lp-metabox-evaluate-final_quiz {
3199 display: block;
3200 }
3201 .lp-metabox-evaluate-final_quiz__message {
3202 display: inline-block;
3203 min-width: 50%;
3204 margin-top: 10px;
3205 padding: 8px 20px;
3206 border: 2px solid #36af27;
3207 border-radius: 4px;
3208 background: #f7f7f7;
3209 text-align: center;
3210 }
3211 .lp-metabox-evaluate-final_quiz__message-error {
3212 border-color: lightcoral;
3213 }
3214
3215 .lp_widget_autocomplete__loading {
3216 margin-top: 0 !important;
3217 padding: 7px 10px;
3218 border: 1px solid #949494;
3219 border-top: none !important;
3220 background: #eee;
3221 font-size: 13px !important;
3222 }
3223 .lp_widget_autocomplete__select {
3224 overflow: auto;
3225 left: 0;
3226 width: 100%;
3227 max-height: 148px;
3228 margin-top: -1px;
3229 background: #eee;
3230 font-size: 0.8125rem;
3231 }
3232 .lp_widget_autocomplete__item {
3233 overflow: hidden;
3234 padding: 7px 10px;
3235 border: 1px solid #949494;
3236 border-top: none;
3237 border-bottom-color: #afafaf;
3238 white-space: nowrap;
3239 text-overflow: ellipsis;
3240 cursor: pointer;
3241 }
3242 .lp_widget_autocomplete__item__selected, .lp_widget_autocomplete__item:hover {
3243 color: #fff;
3244 background-color: #007cba;
3245 }
3246
3247 .widget .select2-selection__rendered {
3248 font-size: 0.8125rem;
3249 }
3250
3251 .sortable-wrapper {
3252 margin: 1em 0;
3253 }
3254 .sortable-wrapper .sortable {
3255 margin: 0.5em 0;
3256 }
3257 .sortable-wrapper .sortable .dashicons-move {
3258 cursor: move;
3259 }
3260
3261 @keyframes spin {
3262 from {
3263 transform: rotate(0deg);
3264 }
3265 to {
3266 transform: rotate(360deg);
3267 }
3268 }
3269 .sortable-wrapper > label {
3270 font-weight: 600;
3271 font-size: 14px;
3272 }
3273
3274 .sortable__item {
3275 display: flex;
3276 align-items: center;
3277 gap: 8px;
3278 margin-bottom: 8px;
3279 }
3280 .sortable__item:last-child {
3281 margin-bottom: 0;
3282 }
3283
3284 .widget-content p {
3285 margin-bottom: 8px;
3286 display: flex;
3287 align-items: center;
3288 flex-wrap: wrap;
3289 }
3290
3291 :root {
3292 --lp-addon-item-padding: 10px;
3293 --lp-border-radius: 3px;
3294 --lp-addon-item-border-color: #c3c4c7;
3295 }
3296
3297 @media screen and (min-width: 1600px) {
3298 .plugin-card:not(.hide-if-js):nth-child(even) {
3299 margin-right: 8px;
3300 }
3301 .plugin-card:not(.hide-if-js):nth-child(3n) {
3302 margin-right: 0;
3303 }
3304 }
3305 /*** Style Addons Manager ***/
3306 #lp-addons {
3307 display: grid;
3308 grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
3309 grid-gap: 20px;
3310 padding-right: 20px;
3311 /***** Toggle *****/
3312 }
3313 #lp-addons.max-3-items {
3314 grid-template-columns: repeat(auto-fit, minmax(280px, 320px));
3315 }
3316 #lp-addons a {
3317 text-decoration: none;
3318 }
3319 #lp-addons button {
3320 padding: 6.5px 17px;
3321 background: rgb(151, 71, 255);
3322 color: white;
3323 border-radius: 3px;
3324 border: none;
3325 cursor: pointer;
3326 }
3327 #lp-addons button.btn-addon-action.handling span {
3328 display: none;
3329 }
3330 #lp-addons button.btn-addon-action.handling span.dashicons {
3331 display: inline-flex;
3332 }
3333 #lp-addons button.btn-addon-action[data-action=cancel] {
3334 position: absolute;
3335 right: 0;
3336 background: transparent;
3337 color: rgba(255, 0, 0, 0.89);
3338 top: 0;
3339 padding: 7px 10px;
3340 }
3341 #lp-addons button.btn-addon-action span.dashicons {
3342 align-items: center;
3343 display: none;
3344 font-size: 1.125em;
3345 width: auto;
3346 height: auto;
3347 animation: rotation 2s infinite linear;
3348 }
3349 #lp-addons button[data-action=update] {
3350 background: #27BF49;
3351 }
3352 #lp-addons button[data-action=setting] {
3353 background: #2D72DA;
3354 }
3355 #lp-addons .lp-addon-item {
3356 background: white;
3357 padding: var(--lp-addon-item-padding);
3358 border: 1px solid var(--lp-addon-item-border-color);
3359 border-radius: 3px;
3360 display: flex;
3361 flex-direction: column;
3362 justify-content: space-between;
3363 position: relative;
3364 }
3365 #lp-addons .lp-addon-item input {
3366 margin: 0 !important;
3367 }
3368 #lp-addons .lp-addon-item.hide, #lp-addons .lp-addon-item.search-not-found {
3369 display: none;
3370 }
3371 #lp-addons .lp-addon-item__content {
3372 text-align: center;
3373 min-height: 290px;
3374 }
3375 #lp-addons .lp-addon-item__content img {
3376 width: 50px;
3377 height: 50px;
3378 border-radius: 10px;
3379 margin-top: 20px;
3380 }
3381 #lp-addons .lp-addon-item__content a {
3382 text-decoration: none;
3383 }
3384 #lp-addons .lp-addon-item__content p {
3385 display: -webkit-box;
3386 -webkit-box-orient: vertical;
3387 overflow: hidden;
3388 }
3389 #lp-addons .lp-addon-item__content p::before {
3390 content: none;
3391 }
3392 #lp-addons .lp-addon-item__actions {
3393 border-top: 1px solid var(--lp-addon-item-border-color);
3394 padding: 10px var(--lp-addon-item-padding) 0;
3395 margin: 0 calc(var(--lp-addon-item-padding) * -1);
3396 display: flex;
3397 align-items: center;
3398 }
3399 #lp-addons .lp-addon-item__actions__left {
3400 flex: 3;
3401 display: flex;
3402 gap: 5px;
3403 align-items: center;
3404 }
3405 #lp-addons .lp-addon-item__actions__left button {
3406 display: none;
3407 }
3408 #lp-addons .lp-addon-item__actions__right button {
3409 display: none;
3410 background: transparent;
3411 color: #2271b1;
3412 }
3413 #lp-addons .lp-addon-item__purchase {
3414 display: none;
3415 position: absolute;
3416 top: 0;
3417 bottom: 0;
3418 left: 0;
3419 right: 0;
3420 background: rgba(255, 255, 255, 0.6);
3421 text-transform: uppercase;
3422 }
3423 #lp-addons .lp-addon-item__purchase__wrapper div {
3424 position: absolute;
3425 bottom: 20%;
3426 left: var(--lp-addon-item-padding);
3427 right: var(--lp-addon-item-padding);
3428 background: white;
3429 border: 1px solid var(--lp-addon-item-border-color);
3430 padding: var(--lp-addon-item-padding);
3431 border-radius: 3px;
3432 flex-direction: column;
3433 display: none;
3434 gap: 5px;
3435 box-shadow: 0 4px 25px 1px rgba(0, 0, 0, 0.25);
3436 }
3437 #lp-addons .lp-addon-item__purchase__wrapper div input {
3438 width: 100%;
3439 }
3440 #lp-addons .lp-addon-item__purchase label {
3441 text-transform: capitalize;
3442 }
3443 #lp-addons .lp-addon-item.installed.activated button[data-action=setting] {
3444 display: block;
3445 }
3446 #lp-addons .lp-addon-item.installed.activated button[data-action=deactivate] {
3447 display: block;
3448 }
3449 #lp-addons .lp-addon-item.installed.activated.update button[data-action=update] {
3450 display: block;
3451 }
3452 #lp-addons .lp-addon-item.installed:not(.activated) button[data-action=activate] {
3453 display: block;
3454 }
3455 #lp-addons .lp-addon-item.installed.purchase button[data-action=update-purchase-code] {
3456 display: inline-flex;
3457 align-items: center;
3458 padding: 0 5px;
3459 height: 12px;
3460 }
3461 #lp-addons .lp-addon-item.installed.purchase button[data-action=update-purchase-code] span {
3462 animation: none;
3463 display: inline;
3464 }
3465 #lp-addons .lp-addon-item.not_installed.purchase button[data-action=purchase] {
3466 display: block;
3467 }
3468 #lp-addons .lp-addon-item.not_installed.free button[data-action=install] {
3469 display: block;
3470 }
3471 #lp-addons .lp-addon-item.not_installed .lp-addon-item__actions__right {
3472 display: none;
3473 }
3474 #lp-addons .lp-addon-item.update button[data-action=update] {
3475 display: block;
3476 }
3477 #lp-addons .lp-toggle-switch .lp-toggle-switch-label {
3478 height: 20px;
3479 align-items: center;
3480 margin-bottom: 0;
3481 background: #b4b9be;
3482 cursor: pointer;
3483 display: inline-flex;
3484 justify-content: space-between;
3485 position: relative;
3486 transition: left 0.15s ease-out;
3487 border-radius: 100px;
3488 }
3489 #lp-addons .lp-toggle-switch .lp-toggle-switch-label:after {
3490 background: #FFFFFF;
3491 content: "";
3492 display: block;
3493 position: absolute;
3494 left: 4px;
3495 width: 12px;
3496 height: 12px;
3497 transition: all 0.25s ease-in-out;
3498 border-radius: 50%;
3499 }
3500 #lp-addons .lp-toggle-switch .lp-toggle-switch-label::before {
3501 left: 0;
3502 }
3503 #lp-addons .lp-toggle-switch .lp-toggle-switch-label .toggle-on,
3504 #lp-addons .lp-toggle-switch .lp-toggle-switch-label .toggle-off {
3505 opacity: 1;
3506 padding-left: 6px;
3507 padding-right: 6px;
3508 font-size: 0.8em;
3509 line-height: 1.125em;
3510 }
3511 #lp-addons .lp-toggle-switch .lp-toggle-switch-label .toggle-on {
3512 color: #fff;
3513 opacity: 0;
3514 padding-right: 0;
3515 width: 12px;
3516 }
3517 #lp-addons .lp-toggle-switch .lp-toggle-switch-label .toggle-off {
3518 width: 12px;
3519 color: #777;
3520 padding-left: 0;
3521 }
3522 #lp-addons .lp-toggle-switch input.lp-toggle-switch-input {
3523 display: none;
3524 }
3525 #lp-addons .lp-toggle-switch input.lp-toggle-switch-input:checked + label {
3526 background: #0073aa;
3527 }
3528 #lp-addons .lp-toggle-switch input.lp-toggle-switch-input:checked + label:after {
3529 left: auto;
3530 right: 5px;
3531 background: #ffffff;
3532 }
3533 #lp-addons .lp-toggle-switch input.lp-toggle-switch-input:checked + label .toggle-on {
3534 opacity: 1;
3535 }
3536 #lp-addons .lp-toggle-switch input.lp-toggle-switch-input:checked + label .toggle-off {
3537 opacity: 0;
3538 }
3539 #lp-addons .lp-toggle-switch .dashicons {
3540 animation: rotation 2s infinite linear;
3541 }
3542 #lp-addons .screen-reader-text:focus {
3543 clip-path: inset(50%);
3544 -webkit-clip-path: inset(50%);
3545 }
3546
3547 /*** Tab of Addons Manager ***/
3548 .lp-nav-tab-wrapper {
3549 display: flex;
3550 margin-bottom: 20px;
3551 justify-content: start;
3552 gap: 5px;
3553 border-bottom: 1px solid #c3c4c7;
3554 }
3555 .lp-nav-tab-wrapper .nav-tab {
3556 border: 1px solid #c3c4c7;
3557 border-bottom: none;
3558 margin-left: 0;
3559 padding: 5px 10px;
3560 line-height: 1.6em;
3561 font-weight: 600;
3562 background: #dcdcde;
3563 color: #50575e;
3564 text-decoration: none;
3565 white-space: nowrap;
3566 border-radius: 3px 3px 0 0;
3567 }
3568 .lp-nav-tab-wrapper .nav-tab-active {
3569 background: #f0f0f1;
3570 border-bottom: 1px solid #f0f0f1;
3571 }
3572
3573 .wp-submenu .lp-notify {
3574 display: none;
3575 vertical-align: top;
3576 box-sizing: border-box;
3577 margin: 1px 0 -1px 5px;
3578 padding: 0 5px;
3579 min-width: 18px;
3580 height: 18px;
3581 border-radius: 9px;
3582 background-color: #d63638;
3583 color: #fff;
3584 font-size: 0.75em;
3585 line-height: 1.6;
3586 text-align: center;
3587 }
3588
3589 /*** Theme Manager ***/
3590 .related-themes {
3591 display: grid;
3592 grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
3593 grid-gap: 20px;
3594 }
3595 .related-themes li {
3596 margin: 0;
3597 }
3598 .related-themes .plugin-card-top {
3599 padding-bottom: 0;
3600 background: #fff;
3601 }
3602 .related-themes .theme-content {
3603 position: relative;
3604 }
3605 .related-themes .image-thumbnail img {
3606 width: 100%;
3607 height: auto;
3608 vertical-align: middle;
3609 }
3610 .related-themes .theme-description {
3611 margin: 0 0 25px 0;
3612 display: -webkit-box;
3613 overflow: hidden;
3614 min-height: 8em;
3615 max-height: 8em;
3616 line-height: 1.6em;
3617 text-overflow: ellipsis;
3618 -webkit-box-orient: vertical;
3619 -webkit-line-clamp: 5;
3620 color: #777;
3621 }
3622 .related-themes .theme-title {
3623 min-height: 3.2em;
3624 margin-right: 100px;
3625 margin-bottom: 0;
3626 font-size: 1.2em;
3627 line-height: 1.3em;
3628 }
3629 .related-themes .theme-title a {
3630 color: #545454;
3631 }
3632 .related-themes .theme-rating {
3633 display: inline-block;
3634 float: right;
3635 }
3636 .related-themes .star-rating {
3637 display: inline-block;
3638 }
3639 .related-themes .count-rating {
3640 position: relative;
3641 top: 2px;
3642 font-size: 0.9375rem;
3643 }
3644 .related-themes .theme-detail {
3645 position: absolute;
3646 top: -3px;
3647 right: 3px;
3648 line-height: 1.6em;
3649 text-align: right;
3650 }
3651 .related-themes .theme-detail::after {
3652 display: block;
3653 clear: both;
3654 content: "";
3655 }
3656 .related-themes .theme-detail .theme-price {
3657 display: inline-block;
3658 color: #545454;
3659 font-size: 1.5rem;
3660 font-weight: 700;
3661 line-height: 1.3em;
3662 }
3663 .related-themes .theme-footer {
3664 clear: both;
3665 overflow: hidden;
3666 margin-right: -16px;
3667 margin-left: -16px;
3668 padding: 16px;
3669 border-top: 1px solid #ddd;
3670 background-color: #fafafa;
3671 }
3672
3673 /**
3674 * Order
3675 */
3676 .post-type-lp_order .wp-list-table .column-order_status {
3677 width: 150px;
3678 }
3679 .post-type-lp_order .wp-list-table .order_status span {
3680 display: inline-block;
3681 padding: 3px 6px;
3682 color: #fff;
3683 font-size: 0.75rem;
3684 -webkit-border-radius: 4px;
3685 -moz-border-radius: 4px;
3686 border-radius: 4px;
3687 }
3688 .post-type-lp_order .wp-list-table .order_status span.pending {
3689 background: #bdbdbd;
3690 }
3691 .post-type-lp_order .wp-list-table .order_status span.processing {
3692 background: #ffc107;
3693 }
3694 .post-type-lp_order .wp-list-table .order_status span.completed {
3695 background: #4caf50;
3696 }
3697 .post-type-lp_order .wp-list-table .order_status span.cancelled {
3698 background: #444;
3699 }
3700 .post-type-lp_order .wp-list-table .order_status span.failed {
3701 background: #f00;
3702 }
3703 .post-type-lp_order .wp-list-table .order_status span.refunded {
3704 background: #2196f3;
3705 }
3706 .post-type-lp_order .wp-list-table .order_status span.trash {
3707 color: rgba(128, 128, 128, 0.68);
3708 }
3709 .post-type-lp_order .wp-list-table .order_status span i {
3710 display: inline-block;
3711 }
3712 .post-type-lp_order .wp-list-table .lp-order-refund-request-badge {
3713 display: inline-block;
3714 margin-top: 10px;
3715 padding: 0 !important;
3716 color: #F59E0B !important;
3717 }
3718 .post-type-lp_order .wp-list-table .column-title,
3719 .post-type-lp_order .wp-list-table .column-order_total,
3720 .post-type-lp_order .wp-list-table .column-order_date {
3721 width: 150px;
3722 }
3723 .post-type-lp_order .wp-list-table .column-order_items ol {
3724 margin: 0;
3725 padding: 0;
3726 list-style-position: inside;
3727 }
3728
3729 .post-type-lp_course .wp-list-table .column-price {
3730 width: 80px;
3731 }
3732 .post-type-lp_course .wp-list-table .column-thumbnail {
3733 width: 60px;
3734 padding-top: 8px;
3735 box-sizing: border-box;
3736 }
3737 .post-type-lp_course .wp-list-table .column-thumbnail img {
3738 width: 100%;
3739 height: auto;
3740 }
3741 @media only screen and (max-width: 782px) {
3742 .post-type-lp_course .wp-list-table .column-thumbnail {
3743 display: none;
3744 }
3745 .post-type-lp_course .wp-list-table .column-thumbnail::before {
3746 opacity: 0;
3747 }
3748 }
3749 .post-type-lp_course .wp-list-table .column-certificate {
3750 box-sizing: border-box;
3751 max-width: 60px;
3752 }
3753 .post-type-lp_course .wp-list-table .column-certificate img {
3754 max-width: 100% !important;
3755 }
3756 @media only screen and (min-width: 1024px) {
3757 .post-type-lp_course .wp-list-table .check-column {
3758 width: 1.2em;
3759 }
3760 }
3761 @media only screen and (min-width: 783px) {
3762 .post-type-lp_course .wp-list-table .column-title {
3763 width: 16%;
3764 }
3765 }
3766
3767 .wp-list-table .column-author, .wp-list-table .column-instructor {
3768 width: 80px;
3769 }
3770 .wp-list-table .column-author .post-author, .wp-list-table .column-instructor .post-author {
3771 display: inline-block;
3772 }
3773 .wp-list-table .column-author .post-author img, .wp-list-table .column-instructor .post-author img {
3774 width: 30px;
3775 height: 30px;
3776 margin: 0;
3777 border-radius: 50%;
3778 vertical-align: middle;
3779 }
3780 .wp-list-table .column-author .post-author a, .wp-list-table .column-instructor .post-author a {
3781 display: inline-block;
3782 vertical-align: middle;
3783 }
3784 .wp-list-table .column-curriculum {
3785 width: 60px;
3786 }
3787 .wp-list-table .column-student {
3788 width: 60px;
3789 }
3790 .wp-list-table .column-taxonomy-course_category {
3791 width: 100px;
3792 }
3793 .wp-list-table .column-gradebook {
3794 width: 40px;
3795 text-align: center;
3796 }
3797
3798 .post-type-page .column-lp-page {
3799 width: 200px;
3800 }
3801 .post-type-page .for-plugin-page {
3802 margin: 0;
3803 color: #f00;
3804 font-size: 0.6875rem;
3805 }
3806
3807 .post-state .post-author {
3808 font-size: 0.875rem;
3809 font-weight: normal;
3810 font-style: italic;
3811 }
3812
3813 #learn-press-box-edit-slug {
3814 overflow: hidden;
3815 margin: 0 -10px;
3816 padding: 10px;
3817 border: 1px solid #ddd;
3818 color: #b79186;
3819 background: #fff;
3820 }
3821 #learn-press-box-edit-slug .button {
3822 float: right;
3823 height: 24px;
3824 line-height: 1.375rem;
3825 }
3826
3827 .is-lp-page {
3828 color: #fff;
3829 font-size: 11px;
3830 padding: 1px 8px;
3831 border-radius: 10px;
3832 background-color: #9979ff;
3833 margin-right: 5px;
3834 display: inline-block;
3835 }
3836
3837 .lp-overlay {
3838 display: none;
3839 position: fixed;
3840 z-index: 99999;
3841 top: 0;
3842 right: 0;
3843 bottom: 0;
3844 left: 0;
3845 width: 100%;
3846 height: 100%;
3847 background-color: rgba(209, 213, 219, 0.8);
3848 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
3849 transition-duration: 150ms;
3850 transition-property: opacity;
3851 }
3852
3853 .wp-admin .lp-modal-dialog .lp-modal-header {
3854 padding: 2em;
3855 }
3856 .wp-admin .lp-modal-dialog .lp-modal-header h3 {
3857 font-size: 1.4em;
3858 }
3859
3860 .lp-modal-dialog {
3861 display: flex;
3862 position: fixed;
3863 z-index: 9999;
3864 top: 0;
3865 right: 0;
3866 left: 0;
3867 width: 100%;
3868 min-height: 100vh;
3869 text-align: center;
3870 align-items: center;
3871 justify-content: center;
3872 }
3873 .lp-modal-dialog .learn-press-message {
3874 width: auto;
3875 margin: 0 !important;
3876 }
3877 .lp-modal-dialog .lp-modal-content {
3878 display: inline-block;
3879 overflow: hidden;
3880 z-index: 2;
3881 width: auto;
3882 max-width: 600px;
3883 border-radius: 8px;
3884 text-align: left;
3885 vertical-align: middle;
3886 background: white;
3887 color: black;
3888 }
3889 .lp-modal-dialog .lp-modal-content h2, .lp-modal-dialog .lp-modal-content h3 {
3890 margin: 0;
3891 }
3892 .lp-modal-dialog .lp-modal-content .lp-group-step h3 {
3893 border-bottom: 1px solid #eee;
3894 }
3895 .lp-modal-dialog .lp-modal-content .main-content .terms-upgrade .pd-2em {
3896 padding: 0 1em;
3897 }
3898 .lp-modal-dialog .lp-modal-header {
3899 background: #7c60d9;
3900 border-bottom: 1px solid #eee;
3901 padding: 1em;
3902 }
3903 .lp-modal-dialog .lp-modal-header h3 {
3904 margin: 0;
3905 color: white;
3906 font-weight: 400;
3907 }
3908 .lp-modal-dialog .lp-modal-body .main-content {
3909 max-height: 500px;
3910 overflow: auto;
3911 overscroll-behavior: contain;
3912 }
3913 .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 {
3914 padding: 1em;
3915 }
3916 .lp-modal-dialog .lp-modal-footer {
3917 padding: 20px;
3918 background-color: #f9fafb;
3919 text-align: right;
3920 }
3921 .lp-modal-dialog .btn-yes {
3922 color: #fff;
3923 background-color: #7c60d9;
3924 }
3925
3926 #lp-modal-overlay {
3927 display: none;
3928 position: fixed;
3929 z-index: 999999;
3930 top: 0;
3931 right: 0;
3932 bottom: 0;
3933 left: 0;
3934 opacity: 0.5;
3935 background: #000;
3936 }
3937
3938 #lp-modal-window {
3939 display: none;
3940 position: fixed;
3941 z-index: 999999;
3942 top: 50%;
3943 left: 50%;
3944 padding: 35px 60px 28px 60px;
3945 background: #fff;
3946 transform: translate(-50%, -50%);
3947 -webkit-border-radius: 4px;
3948 -moz-border-radius: 4px;
3949 border-radius: 4px;
3950 }
3951 #lp-modal-window #lp-modal-content {
3952 margin: 0 0 24px 0;
3953 color: #333;
3954 font-weight: 400;
3955 text-align: center;
3956 }
3957 #lp-modal-window #lp-modal-content > * {
3958 margin: 0 0 0.5em;
3959 }
3960 #lp-modal-window #lp-modal-buttons {
3961 display: flex;
3962 flex-direction: row-reverse;
3963 align-items: center;
3964 justify-content: center;
3965 }
3966 #lp-modal-window #lp-modal-buttons .lp-button {
3967 position: relative;
3968 margin: 0 10px 0 10px;
3969 }
3970
3971 .learn-press-modal {
3972 position: fixed;
3973 z-index: 1000000;
3974 width: 100%;
3975 height: 100%;
3976 top: 0;
3977 display: table;
3978 }
3979 .learn-press-modal .modal-overlay {
3980 position: fixed;
3981 z-index: 1000000;
3982 background: #000;
3983 opacity: 0.5;
3984 width: 100%;
3985 height: 100%;
3986 top: 0;
3987 }
3988 .learn-press-modal .modal-wrapper {
3989 display: table-cell;
3990 vertical-align: middle;
3991 z-index: 1000010;
3992 position: relative;
3993 }
3994 .learn-press-modal .modal-wrapper .modal-container {
3995 max-width: 800px;
3996 width: 90%;
3997 margin: 0px auto;
3998 background-color: #fff;
3999 border-radius: 2px;
4000 box-shadow: 0 2px 8px rgba(0, 0, 0, 0.33);
4001 transition: all 0.3s ease;
4002 overflow: hidden;
4003 -webkit-box-sizing: border-box;
4004 -moz-box-sizing: border-box;
4005 box-sizing: border-box;
4006 }
4007 .learn-press-modal .modal-wrapper header {
4008 font-size: 1.125rem;
4009 padding: 20px;
4010 border-bottom: 1px solid #DDD;
4011 font-weight: 600;
4012 color: #000;
4013 }
4014 .learn-press-modal .modal-wrapper article {
4015 margin: 30px 20px;
4016 }
4017 .learn-press-modal .modal-wrapper article input[name=search] {
4018 width: 100%;
4019 font-size: 1rem;
4020 box-sizing: border-box;
4021 margin: 0;
4022 box-shadow: none;
4023 color: #444;
4024 padding: 8px 10px;
4025 height: 42px;
4026 border-radius: 2px;
4027 border-color: #e4e4e4;
4028 font-weight: 400;
4029 vertical-align: middle;
4030 }
4031 .learn-press-modal .modal-wrapper article .search-results {
4032 margin: 0;
4033 margin-top: 30px;
4034 }
4035 .learn-press-modal .modal-wrapper article .search-results li > label {
4036 display: block;
4037 }
4038 .learn-press-modal .modal-wrapper footer {
4039 padding: 15px 20px;
4040 overflow: hidden;
4041 border: 1px solid #eee;
4042 }
4043 .learn-press-modal .modal-wrapper footer .search-nav {
4044 float: left;
4045 }
4046 .learn-press-modal .modal-wrapper footer .search-nav a, .learn-press-modal .modal-wrapper footer .search-nav span {
4047 display: inline-block;
4048 line-height: 1.625rem;
4049 height: 28px;
4050 margin: 0;
4051 padding: 0 10px 1px;
4052 }
4053 .learn-press-modal .modal-wrapper footer button {
4054 float: right;
4055 margin-left: 3px;
4056 }
4057
4058 #modal-search-items.loading .search-results:before {
4059 position: absolute;
4060 top: 75px;
4061 left: 0;
4062 right: 0;
4063 bottom: 0;
4064 display: block;
4065 content: "";
4066 z-index: 9;
4067 background: url("../../images/spinner.gif") no-repeat center center;
4068 }
4069
4070 .modal-search {
4071 position: relative;
4072 display: inline-block;
4073 min-width: 300px;
4074 }
4075 .modal-search .search-input {
4076 border: 1px solid #DDD;
4077 width: 100%;
4078 margin: 0;
4079 padding: 5px 10px;
4080 -webkit-box-shadow: none;
4081 -moz-box-shadow: none;
4082 box-shadow: none;
4083 }
4084 .modal-search .search-input:focus {
4085 -webkit-box-shadow: none;
4086 -moz-box-shadow: none;
4087 box-shadow: none;
4088 }
4089 .modal-search .search-input:focus {
4090 border-color: #DDD;
4091 }
4092 .modal-search .search-results-content {
4093 position: absolute;
4094 top: 100%;
4095 width: 100%;
4096 left: 0;
4097 background: #FFF;
4098 border: 1px solid #DDD;
4099 border-top: none;
4100 z-index: 1000;
4101 margin-top: -1px;
4102 -webkit-box-sizing: border-box;
4103 -moz-box-sizing: border-box;
4104 box-sizing: border-box;
4105 }
4106 .modal-search .search-results-content .search-results {
4107 margin: 0;
4108 }
4109 .modal-search .search-results-content .search-results .result-item {
4110 margin: 0;
4111 padding: 0;
4112 list-style: none;
4113 }
4114 .modal-search .search-results-content .search-results .result-item label {
4115 display: block;
4116 padding: 6px 10px;
4117 text-decoration: none;
4118 cursor: pointer;
4119 white-space: nowrap;
4120 overflow: hidden;
4121 text-overflow: ellipsis;
4122 }
4123 .modal-search .search-results-content .search-results .result-item:hover {
4124 background: #f4fcff;
4125 }
4126 .modal-search .has-items .search-input {
4127 border-bottom-color: transparent;
4128 }
4129 .modal-search .has-items .search-results-content {
4130 border-top: none;
4131 }
4132 .modal-search .checked-items {
4133 text-align: center;
4134 }
4135 .modal-search .checked-items .button {
4136 font-size: 0.75rem;
4137 height: 20px;
4138 line-height: 1.25rem;
4139 }
4140 .modal-search .checked-items .disabled {
4141 color: #777;
4142 }
4143 .modal-search .search-navigator {
4144 margin: 5px 0;
4145 text-align: center;
4146 }
4147 .modal-search .search-navigator .page-numbers {
4148 display: inline-block;
4149 padding: 2px 5px;
4150 text-decoration: none;
4151 line-height: 1;
4152 }
4153 .modal-search .search-navigator .page-numbers.next, .modal-search .search-navigator .page-numbers.prev {
4154 display: none;
4155 }
4156
4157 .lp-order-statuses {
4158 margin: 0;
4159 display: grid;
4160 grid-template-columns: auto auto;
4161 grid-gap: 10px;
4162 }
4163 .lp-order-statuses .lp-skeleton-animation {
4164 grid-column: 1/3;
4165 }
4166 .lp-order-statuses li {
4167 width: 100%;
4168 margin: 0;
4169 background: #fff;
4170 }
4171 .lp-order-statuses li span {
4172 font-size: 1.1rem;
4173 display: flex;
4174 text-align: center;
4175 justify-content: center;
4176 align-items: center;
4177 column-gap: 10px;
4178 font-weight: 400;
4179 }
4180 .lp-order-statuses li p {
4181 margin: 0;
4182 padding: 0;
4183 color: #adadad;
4184 font-size: 0.75rem;
4185 }
4186 .lp-order-statuses li.counter-number {
4187 text-align: center;
4188 /*&.order-completed {
4189
4190 strong::before {
4191 color: #0085ba;
4192 content: "\f058";
4193 }
4194 }
4195
4196 &.order-processing {
4197
4198 strong::before {
4199 margin-left: -1px;
4200 color: #563f7a;
4201 content: "\f321";
4202 }
4203 }
4204
4205 &.order-pending {
4206
4207 strong::before {
4208 color: #aaa;
4209 content: "\f534";
4210 }
4211 }
4212
4213 &.order-cancelled {
4214
4215 strong::before {
4216 color: #f00;
4217 content: "\f153";
4218 }
4219 }*/
4220 }
4221 .lp-order-statuses li.counter-number .counter-inner {
4222 padding: 10px 0;
4223 border: 1px solid #f3f3f3;
4224 background: #f9f9f9;
4225 }
4226 .lp-order-statuses li.clear {
4227 float: none;
4228 }
4229 .lp-order-statuses li.featured-theme {
4230 width: auto;
4231 margin: 12px -12px 0 -12px;
4232 padding: 8px 12px 0 12px;
4233 border-top: 1px solid #eee;
4234 }
4235 .lp-order-statuses li.featured-theme .star-rating {
4236 display: inline-block;
4237 line-height: 0.875rem;
4238 vertical-align: middle;
4239 }
4240 .lp-order-statuses li.featured-theme .star-rating .star {
4241 width: 14px;
4242 height: 14px;
4243 font-size: 0.875rem;
4244 }
4245 .lp-order-statuses li.featured-theme > div {
4246 margin-bottom: 3px;
4247 }
4248 .lp-order-statuses li.featured-theme > div span {
4249 color: #999;
4250 font-size: 0.75rem;
4251 vertical-align: middle;
4252 }
4253 .lp-order-statuses li:nth-child(even) .counter-inner {
4254 margin-left: 0;
4255 }
4256 .lp-order-statuses li:nth-child(odd) .counter-inner {
4257 margin-right: 0;
4258 }
4259 .lp-order-statuses li.total-raised {
4260 grid-column: 1/3;
4261 box-sizing: border-box;
4262 padding: 10px 0;
4263 border: 1px solid #f3f3f3;
4264 background: #f9f9f9;
4265 text-align: center;
4266 color: #0073aa;
4267 }
4268 .lp-order-statuses li.total-raised span {
4269 margin-bottom: 10px;
4270 font-size: 1.625rem;
4271 }
4272 .lp-order-statuses li.total-raised span i {
4273 font-size: 1.5625rem;
4274 }
4275 .lp-order-statuses::after {
4276 display: block;
4277 clear: both;
4278 content: "";
4279 }
4280
4281 .featured-theme {
4282 border-top: 1px solid #eee;
4283 margin-top: 10px;
4284 padding-top: 10px;
4285 }
4286 .featured-theme p {
4287 margin: 0;
4288 font-size: 12px;
4289 }
4290 .featured-theme .star-rating {
4291 display: inline-block;
4292 line-height: 0.75rem;
4293 }
4294 .featured-theme .star-rating .star {
4295 font-size: 0.8125rem;
4296 width: 13px;
4297 height: 13px;
4298 }
4299 .featured-theme span {
4300 font-size: 0.6875rem;
4301 }
4302
4303 .lp-place-holder {
4304 background: #fff;
4305 padding: 10px;
4306 display: block;
4307 margin: 20px auto;
4308 box-shadow: 0 0 0 rgba(0, 0, 0, 0.1);
4309 border-radius: 3px;
4310 }
4311 .lp-place-holder [class*=line-] {
4312 height: 6px;
4313 width: 400px;
4314 background: #f6f7f9;
4315 margin-bottom: 13px;
4316 margin-right: 5px;
4317 }
4318 .lp-place-holder .thumbnail {
4319 height: 40px;
4320 width: 40px;
4321 float: left;
4322 margin-right: 20px;
4323 display: inline-block;
4324 }
4325 .lp-place-holder .line-heading {
4326 width: 80%;
4327 height: 20px;
4328 }
4329 .lp-place-holder .line-sm {
4330 width: 30%;
4331 margin-top: 10px;
4332 }
4333 .lp-place-holder .line-xs {
4334 width: 50%;
4335 }
4336 .lp-place-holder .line-df {
4337 margin-top: 30px;
4338 width: 380px;
4339 }
4340 .lp-place-holder .line-lg {
4341 width: 200px;
4342 }
4343 .lp-place-holder .line-lgx {
4344 width: 450px;
4345 }
4346 .lp-place-holder [class*=line],
4347 .lp-place-holder .thumbnail {
4348 animation: lpTimeLine;
4349 animation-duration: 1s;
4350 animation-timing-function: linear;
4351 animation-iteration-count: infinite;
4352 background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
4353 background-size: 800px auto;
4354 background-position: 100px 0;
4355 }
4356
4357 @keyframes lpTimeLine {
4358 0% {
4359 background-position: -350px 0;
4360 }
4361 100% {
4362 background-position: 400px 0;
4363 }
4364 }
4365 .post-type-lp_order {
4366 /*Export order function style*/
4367 /* The Modal (background) */
4368 /* Modal Content/Box */
4369 /* The Close Button */
4370 /*tabs css*/
4371 }
4372 .post-type-lp_order #post-body-content {
4373 display: none;
4374 }
4375 .post-type-lp_order #order_details {
4376 border: none !important;
4377 background: transparent !important;
4378 }
4379 .post-type-lp_order #order_details .hndle,
4380 .post-type-lp_order #order_details .handlediv,
4381 .post-type-lp_order #order_details .postbox-header {
4382 display: none;
4383 }
4384 .post-type-lp_order #order_details .inside {
4385 display: block !important;
4386 margin: 0;
4387 padding: 0;
4388 }
4389 .post-type-lp_order #order_details .order-data {
4390 margin: 0 0 20px 0 !important;
4391 padding: 30px !important;
4392 border: 1px solid #ccd0d4 !important;
4393 background-color: #fff !important;
4394 box-shadow: none !important;
4395 }
4396 .post-type-lp_order #order_details .order-data-field {
4397 margin-bottom: 20px;
4398 }
4399 .post-type-lp_order #order_details .order-data-field label {
4400 display: block;
4401 margin-bottom: 5px;
4402 font-weight: 500;
4403 }
4404 .post-type-lp_order #order_details .order-data-number {
4405 margin: 0 0 10px;
4406 font-size: 1.25rem;
4407 font-weight: 600;
4408 }
4409 .post-type-lp_order #order_details .payment-method-title {
4410 color: #777;
4411 font-size: 1rem;
4412 }
4413 .post-type-lp_order #order_details .payment-method-title strong {
4414 color: #23282d;
4415 }
4416 .post-type-lp_order #order_details .order-data-heading {
4417 margin-top: 40px;
4418 font-size: 1rem;
4419 }
4420 .post-type-lp_order #order_details .order-users {
4421 display: inline-block;
4422 }
4423 .post-type-lp_order #order_details .order-users .description {
4424 margin-top: 10px;
4425 padding: 10px;
4426 background: #eee;
4427 }
4428 .post-type-lp_order #order_details .order-data-date .order-date {
4429 width: 130px;
4430 }
4431 .post-type-lp_order #order_details .order-data-date .order-hour,
4432 .post-type-lp_order #order_details .order-data-date .order-minute {
4433 width: 60px;
4434 }
4435 .post-type-lp_order #order_details .order-data-note {
4436 display: inline-block;
4437 }
4438 .post-type-lp_order #order_details .order-data-note .order-note {
4439 padding: 10px;
4440 color: #fff;
4441 background-color: #c1a3b6;
4442 font-size: 0.875rem;
4443 }
4444 .post-type-lp_order #order_details .order-items {
4445 margin: 0;
4446 border: 1px solid #ccd0d4 !important;
4447 background-color: #fff;
4448 }
4449 .post-type-lp_order #order_details .order-items table {
4450 width: 100%;
4451 border-collapse: collapse;
4452 }
4453 .post-type-lp_order #order_details .order-items table thead {
4454 margin: 0;
4455 padding: 0;
4456 }
4457 .post-type-lp_order #order_details .order-items table thead tr {
4458 background-color: #f8f8f8;
4459 }
4460 .post-type-lp_order #order_details .order-items table thead th {
4461 padding: 15px;
4462 border-bottom: none;
4463 color: #999;
4464 font-weight: 400;
4465 text-align: left;
4466 }
4467 .post-type-lp_order #order_details .order-items table thead th:first-child {
4468 padding-left: 30px;
4469 }
4470 .post-type-lp_order #order_details .order-items table thead th:last-child {
4471 padding-right: 30px;
4472 }
4473 .post-type-lp_order #order_details .order-items table tbody td,
4474 .post-type-lp_order #order_details .order-items table tfoot td {
4475 padding: 10px;
4476 border-bottom: 1px solid #ddd;
4477 text-align: left;
4478 }
4479 .post-type-lp_order #order_details .order-items table tbody {
4480 margin: 0;
4481 padding: 0;
4482 }
4483 .post-type-lp_order #order_details .order-items table tbody tr td {
4484 padding: 15px;
4485 }
4486 .post-type-lp_order #order_details .order-items table tbody tr td:first-child {
4487 padding-left: 30px;
4488 }
4489 .post-type-lp_order #order_details .order-items table tbody tr td:last-child {
4490 padding-right: 30px;
4491 }
4492 .post-type-lp_order #order_details .order-items table tfoot {
4493 margin: 0;
4494 padding: 0;
4495 }
4496 .post-type-lp_order #order_details .order-items table tfoot tr {
4497 background-color: #f8f8f8;
4498 }
4499 .post-type-lp_order #order_details .order-items table tfoot tr:last-child td {
4500 padding-top: 20px;
4501 padding-bottom: 20px;
4502 }
4503 .post-type-lp_order #order_details .order-items table tfoot td {
4504 padding: 10px 15px;
4505 padding-bottom: 0;
4506 border: none;
4507 font-size: 0.875rem;
4508 text-align: right;
4509 }
4510 .post-type-lp_order #order_details .order-items table tfoot td:first-child {
4511 padding-left: 30px;
4512 }
4513 .post-type-lp_order #order_details .order-items table tfoot td:last-child {
4514 padding-right: 30px;
4515 }
4516 .post-type-lp_order #order_details .order-items table .column-price,
4517 .post-type-lp_order #order_details .order-items table .column-total,
4518 .post-type-lp_order #order_details .order-items table .column-quantity {
4519 width: 150px;
4520 text-align: right;
4521 }
4522 .post-type-lp_order #order_details .order-items table .row-subtotal td .order-subtotal,
4523 .post-type-lp_order #order_details .order-items table .row-subtotal td .order-total,
4524 .post-type-lp_order #order_details .order-items table .row-total td .order-subtotal,
4525 .post-type-lp_order #order_details .order-items table .row-total td .order-total {
4526 font-weight: 700;
4527 }
4528 .post-type-lp_order #order_details .order-items table .remove-order-item {
4529 outline: none;
4530 color: #ccc;
4531 text-decoration: none;
4532 }
4533 .post-type-lp_order #order_details .order-items table .remove-order-item .dashicons {
4534 font-size: 1.25rem;
4535 }
4536 .post-type-lp_order #order_details .order-items table .remove-order-item:hover {
4537 color: #f00;
4538 }
4539 .post-type-lp_order #order_details .order-items table .order-item-row:hover .remove-order-item {
4540 display: inline-block;
4541 }
4542 .post-type-lp_order #order-export__button:hover {
4543 cursor: pointer;
4544 }
4545 .post-type-lp_order .export-modal.modal {
4546 display: none;
4547 position: fixed;
4548 z-index: 10;
4549 left: 0;
4550 top: 0;
4551 width: 100%;
4552 height: 100%;
4553 overflow: auto;
4554 background-color: #000000;
4555 background-color: rgba(0, 0, 0, 0.4);
4556 }
4557 .post-type-lp_order .export-modal .modal-content {
4558 background-color: #fefefe;
4559 margin: 5% auto;
4560 border: 1px solid #888;
4561 width: 60%;
4562 position: relative;
4563 }
4564 .post-type-lp_order .export-modal .close {
4565 color: #aaa;
4566 position: absolute;
4567 font-size: 28px;
4568 font-weight: bold;
4569 top: -5px;
4570 right: 11px;
4571 }
4572 .post-type-lp_order .export-modal .close:hover {
4573 color: black;
4574 text-decoration: none;
4575 cursor: pointer;
4576 }
4577 .post-type-lp_order .export-modal .close:focus {
4578 color: black;
4579 text-decoration: none;
4580 cursor: pointer;
4581 }
4582 .post-type-lp_order .export-modal .panel {
4583 display: none;
4584 }
4585 .post-type-lp_order .export-modal .panel.active {
4586 display: block;
4587 }
4588 .post-type-lp_order #order-export__tabs.tabs {
4589 display: flex;
4590 justify-content: space-around;
4591 height: 40px;
4592 box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
4593 }
4594 .post-type-lp_order #order-export__tabs.tabs > * {
4595 width: 100%;
4596 color: dimgray;
4597 height: 100%;
4598 cursor: pointer;
4599 display: flex;
4600 justify-content: center;
4601 align-items: center;
4602 }
4603 .post-type-lp_order #order-export__tabs.tabs > *:hover:not(.active) {
4604 background-color: #dcdcdc;
4605 }
4606 .post-type-lp_order #order-export__tabs.tabs > .active {
4607 color: white;
4608 background-color: #4CAF50;
4609 }
4610 .post-type-lp_order #lp-invoice__content {
4611 padding: 20px 40px 0;
4612 margin-bottom: 25px;
4613 }
4614 .post-type-lp_order #lp-invoice__content thead th {
4615 border-bottom: 1px solid #000;
4616 border-top: 1px solid #000;
4617 padding: 10px 20px;
4618 }
4619 .post-type-lp_order #lp-invoice__content tbody td {
4620 border-bottom: 1px solid #000;
4621 text-align: center;
4622 padding: 10px 20px;
4623 }
4624 .post-type-lp_order #lp-invoice__content tfoot td {
4625 border-bottom: 1px solid #000;
4626 text-align: center;
4627 padding: 10px 20px;
4628 }
4629 .post-type-lp_order .export-options__content {
4630 margin-bottom: 25px;
4631 padding: 10px 40px;
4632 }
4633 .post-type-lp_order .export-options {
4634 position: relative;
4635 }
4636 .post-type-lp_order .export-options__loading {
4637 opacity: 0;
4638 z-index: -1;
4639 visibility: hidden;
4640 position: absolute;
4641 top: 0;
4642 left: 0;
4643 width: 100%;
4644 background: #fff;
4645 right: 0;
4646 bottom: 0;
4647 display: flex;
4648 align-items: center;
4649 justify-content: center;
4650 }
4651 .post-type-lp_order .export-options__loading .spinner {
4652 background: url("../../images/spinner.gif") no-repeat center center;
4653 z-index: 9;
4654 display: inline-block;
4655 visibility: visible;
4656 }
4657 .post-type-lp_order .export-options__loading.active {
4658 opacity: 1;
4659 z-index: 9;
4660 visibility: visible;
4661 }
4662 .post-type-lp_order #lp-invoice__export {
4663 color: white;
4664 background-color: #4CAF50;
4665 border: 1px solid #4CAF50;
4666 padding: 10px 20px;
4667 transition: all 0.5s ease;
4668 -moz-transition: all 0.5s ease;
4669 -o-transition: all 0.5s ease;
4670 -webkit-transition: all 0.5s ease;
4671 }
4672 .post-type-lp_order #lp-invoice__export:hover {
4673 color: #000;
4674 background-color: #fff;
4675 border: 1px solid #000;
4676 transition: all 0.5s ease;
4677 -moz-transition: all 0.5s ease;
4678 -o-transition: all 0.5s ease;
4679 -webkit-transition: all 0.5s ease;
4680 cursor: pointer;
4681 }
4682 .post-type-lp_order #lp-invoice__update {
4683 color: white;
4684 background-color: #4CAF50;
4685 border: 1px solid #4CAF50;
4686 padding: 10px 20px;
4687 transition: all 0.5s ease;
4688 -moz-transition: all 0.5s ease;
4689 -o-transition: all 0.5s ease;
4690 -webkit-transition: all 0.5s ease;
4691 }
4692 .post-type-lp_order #lp-invoice__update:hover {
4693 color: #000;
4694 background-color: #fff;
4695 border: 1px solid #000;
4696 transition: all 0.5s ease;
4697 -moz-transition: all 0.5s ease;
4698 -o-transition: all 0.5s ease;
4699 -webkit-transition: all 0.5s ease;
4700 cursor: pointer;
4701 }
4702 .post-type-lp_order #lp-invoice__actions {
4703 display: flex;
4704 flex-direction: row;
4705 justify-content: flex-end;
4706 }
4707 .post-type-lp_order .export-options__actions {
4708 display: flex;
4709 flex-direction: row;
4710 justify-content: flex-end;
4711 }
4712 .post-type-lp_order .lp-invoice__body table {
4713 border-spacing: 0;
4714 width: 100%;
4715 }
4716 .post-type-lp_order .lp-order-status .dashicons {
4717 display: inline-flex !important;
4718 align-items: center;
4719 font-size: 1rem;
4720 }
4721 .post-type-lp_order .lp-order-items-wrapper .learn-press-pagination {
4722 text-align: left;
4723 }
4724 .post-type-lp_order .lp-order-items-wrapper .learn-press-pagination li {
4725 border: 1px solid #2271b1;
4726 background: #f6f7f7;
4727 }
4728 .post-type-lp_order .lp-order-items-wrapper .learn-press-pagination li .page-numbers {
4729 padding: 0 6px;
4730 }
4731 .post-type-lp_order .lp-order-items-wrapper .learn-press-pagination li .current {
4732 background: #2271b1;
4733 color: #fff !important;
4734 }
4735
4736 .swal2-popup.lp-admin-refund-modal {
4737 width: 560px;
4738 max-width: calc(100% - 32px);
4739 padding: 32px;
4740 border-radius: 8px;
4741 box-shadow: 0 12px 40px rgba(0, 0, 0, 0.2);
4742 }
4743 .swal2-popup.lp-admin-refund-modal .swal2-icon {
4744 margin-top: 0;
4745 margin-bottom: 20px;
4746 }
4747 .swal2-popup.lp-admin-refund-modal .swal2-title {
4748 padding: 0;
4749 color: #1d2327;
4750 font-size: 1.5rem;
4751 line-height: 1.3;
4752 }
4753 .swal2-popup.lp-admin-refund-modal .lp-admin-refund-modal__content {
4754 margin: 20px 0 0;
4755 padding: 0;
4756 color: #50575e;
4757 overflow: visible;
4758 }
4759 .swal2-popup.lp-admin-refund-modal .lp-admin-refund-modal__description {
4760 margin: 0 0 24px;
4761 line-height: 1.5;
4762 }
4763 .swal2-popup.lp-admin-refund-modal .lp-admin-refund-modal__form {
4764 text-align: left;
4765 }
4766 .swal2-popup.lp-admin-refund-modal .lp-admin-refund-modal__form .swal2-input-label {
4767 display: block;
4768 margin: 0 0 8px;
4769 color: #1d2327;
4770 font-size: 0.875rem;
4771 font-weight: 600;
4772 text-align: left;
4773 }
4774 .swal2-popup.lp-admin-refund-modal .lp-admin-refund-modal__form .swal2-textarea,
4775 .swal2-popup.lp-admin-refund-modal .lp-admin-refund-modal__form .swal2-input {
4776 display: block;
4777 width: 100%;
4778 margin: 0 0 20px;
4779 border: 1px solid #8c8f94;
4780 border-radius: 4px;
4781 color: #2c3338;
4782 background: #fff;
4783 box-shadow: none;
4784 box-sizing: border-box;
4785 font-size: 0.875rem;
4786 }
4787 .swal2-popup.lp-admin-refund-modal .lp-admin-refund-modal__form .swal2-textarea:focus,
4788 .swal2-popup.lp-admin-refund-modal .lp-admin-refund-modal__form .swal2-input:focus {
4789 border-color: #2271b1;
4790 box-shadow: 0 0 0 1px #2271b1;
4791 outline: 2px solid transparent;
4792 }
4793 .swal2-popup.lp-admin-refund-modal .lp-admin-refund-modal__form .swal2-textarea {
4794 min-height: 110px;
4795 padding: 10px 12px;
4796 resize: vertical;
4797 }
4798 .swal2-popup.lp-admin-refund-modal .lp-admin-refund-modal__form .swal2-input {
4799 height: 42px;
4800 padding: 0 12px;
4801 }
4802 .swal2-popup.lp-admin-refund-modal .swal2-validation-message {
4803 margin: 0 0 20px;
4804 border-radius: 4px;
4805 font-size: 0.875rem;
4806 }
4807 .swal2-popup.lp-admin-refund-modal .lp-admin-refund-modal__actions {
4808 display: grid;
4809 grid-template-columns: repeat(2, minmax(0, 1fr));
4810 gap: 12px;
4811 width: 100%;
4812 margin: 4px 0 0;
4813 padding: 0;
4814 }
4815 .swal2-popup.lp-admin-refund-modal .lp-admin-refund-modal__actions .swal2-styled {
4816 min-height: 42px;
4817 margin: 0;
4818 border-radius: 4px;
4819 font-size: 0.875rem;
4820 font-weight: 600;
4821 }
4822
4823 @media screen and (max-width: 480px) {
4824 .swal2-popup.lp-admin-refund-modal {
4825 width: calc(100% - 20px);
4826 max-width: none;
4827 padding: 24px 20px;
4828 }
4829 .swal2-popup.lp-admin-refund-modal .lp-admin-refund-modal__actions {
4830 grid-template-columns: 1fr;
4831 }
4832 }
4833 #learn-press-toggle-settings-js-css {
4834 display: none;
4835 }
4836 #learn-press-toggle-settings-js-css + table {
4837 display: none;
4838 }
4839 #learn-press-toggle-settings-js-css:checked + table {
4840 display: table;
4841 }
4842
4843 .color-schemas {
4844 margin: 0 20px 20px 0;
4845 float: left;
4846 }
4847 .color-schemas ul {
4848 list-style: none;
4849 margin: 0;
4850 padding: 0;
4851 }
4852 .color-schemas ul > li > label {
4853 font-weight: 600;
4854 display: block;
4855 margin-bottom: 10px;
4856 }
4857 .color-schemas .wp-color-picker {
4858 width: 80px;
4859 height: 24px;
4860 vertical-align: top;
4861 margin: 0;
4862 }
4863 .color-schemas .wp-picker-holder {
4864 position: absolute;
4865 }
4866 .color-schemas .buttons {
4867 display: none;
4868 }
4869 .color-schemas table {
4870 border-collapse: collapse;
4871 position: relative;
4872 }
4873 .color-schemas table td, .color-schemas table th {
4874 padding: 10px 10px;
4875 }
4876 .color-schemas table tbody {
4877 border: 1px solid transparent;
4878 position: relative;
4879 }
4880 .color-schemas table tbody td, .color-schemas table tbody th {
4881 text-align: left;
4882 background: #F5F5F5;
4883 }
4884 .color-schemas table tbody tr:first-child td, .color-schemas table tbody tr:first-child th {
4885 padding-bottom: 0;
4886 }
4887 .color-schemas table:after {
4888 content: "";
4889 position: absolute;
4890 top: 0;
4891 left: 0;
4892 right: 0;
4893 bottom: 0;
4894 background: rgba(255, 255, 255, 0.7);
4895 }
4896 .color-schemas tfoot td, .color-schemas tfoot th {
4897 padding-left: 0;
4898 padding-right: 0;
4899 }
4900 .color-schemas .remove-schema {
4901 float: right;
4902 color: #FF0000;
4903 }
4904 .color-schemas .wp-color-result {
4905 margin: 0;
4906 }
4907 .color-schemas .clone-schema {
4908 display: none;
4909 }
4910 .color-schemas:first-child .remove-schema,
4911 .color-schemas:first-child .apply-schema {
4912 display: none;
4913 }
4914 .color-schemas:nth-child(2) {
4915 clear: both;
4916 }
4917 .color-schemas:hover tbody {
4918 opacity: 1;
4919 }
4920 .color-schemas.current tbody {
4921 border-color: #DDD;
4922 }
4923 .color-schemas.current tbody td, .color-schemas.current tbody th {
4924 background: rgba(5, 215, 255, 0.26);
4925 }
4926 .color-schemas.current table:after {
4927 display: none;
4928 }
4929 .color-schemas.current .clone-schema {
4930 display: inline-block;
4931 }
4932
4933 .wp-picker-container {
4934 position: relative;
4935 }
4936 .wp-picker-container .wp-picker-holder {
4937 z-index: 99999;
4938 }
4939
4940 .lp-payment-addons-promo {
4941 margin-top: 15px;
4942 padding: 12px 16px;
4943 background: #f9f9f9;
4944 border: 1px solid #ddd;
4945 border-radius: 4px;
4946 }
4947 .lp-payment-addons-promo p {
4948 margin: 0;
4949 font-size: 0.875rem;
4950 color: #555;
4951 }
4952 .lp-payment-addons-promo__link {
4953 display: inline-flex;
4954 align-items: center;
4955 gap: 4px;
4956 margin-left: 6px;
4957 color: #7f54b3;
4958 font-weight: 600;
4959 text-decoration: none;
4960 }
4961 .lp-payment-addons-promo__link:hover {
4962 color: #5e3d8a;
4963 text-decoration: underline;
4964 }
4965 .lp-payment-addons-promo__link .dashicons {
4966 width: 14px;
4967 height: 14px;
4968 font-size: 14px;
4969 }
4970
4971 .lp-install-sample {
4972 max-width: 600px;
4973 margin: 0;
4974 padding: 10px 25px;
4975 border: 1px solid #ccd0d4;
4976 border-radius: 4px;
4977 background-color: #fff;
4978 }
4979 .lp-install-sample__options {
4980 margin-bottom: 20px;
4981 padding: 0 20px;
4982 border: 1px solid #eee;
4983 border-radius: 4px;
4984 }
4985 .lp-install-sample__options legend {
4986 padding: 5px;
4987 font-weight: 500;
4988 }
4989 .lp-install-sample__buttons {
4990 display: flex;
4991 margin-top: 25px;
4992 align-items: center;
4993 justify-content: space-between;
4994 }
4995 .lp-install-sample__toggle-options {
4996 margin-right: auto;
4997 margin-left: 10px;
4998 }
4999 .lp-install-sample__uninstall {
5000 float: right;
5001 }
5002 .lp-install-sample__response {
5003 margin: 0;
5004 padding: 10px;
5005 border: 2px solid #059601;
5006 border-radius: 6px;
5007 }
5008 .lp-install-sample__response.fail {
5009 border-color: #d85554;
5010 }
5011
5012 .lp-update-db-modal {
5013 display: flex;
5014 position: fixed;
5015 z-index: 9999;
5016 top: 0;
5017 right: 0;
5018 left: 0;
5019 width: 100%;
5020 min-height: 100vh;
5021 text-align: center;
5022 align-items: center;
5023 justify-content: center;
5024 }
5025 .lp-update-db-modal__hidden {
5026 display: none !important;
5027 visibility: hidden;
5028 opacity: 0;
5029 pointer-events: none;
5030 }
5031 .lp-update-db-modal__overlay {
5032 position: absolute;
5033 z-index: 1;
5034 top: 0;
5035 right: 0;
5036 bottom: 0;
5037 left: 0;
5038 width: 100%;
5039 height: 100%;
5040 background-color: rgba(209, 213, 219, 0.8);
5041 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
5042 transition-duration: 150ms;
5043 transition-property: opacity;
5044 }
5045 .lp-update-db-modal__content {
5046 display: inline-block;
5047 overflow: hidden;
5048 z-index: 2;
5049 width: 100%;
5050 max-width: 510px;
5051 border-radius: 8px;
5052 text-align: left;
5053 vertical-align: middle;
5054 }
5055 .lp-update-db-modal__content-header {
5056 padding: 24px 24px 16px 24px;
5057 background-color: #fff;
5058 }
5059 .lp-update-db-modal__content-start {
5060 display: flex;
5061 flex-direction: flex-start;
5062 }
5063 .lp-update-db-modal__content-icon {
5064 display: flex;
5065 width: 40px;
5066 height: 40px;
5067 margin-right: 0;
5068 margin-left: 0;
5069 border-radius: 999px;
5070 background-color: rgb(254, 226, 226);
5071 justify-content: center;
5072 align-items: center;
5073 flex: 0 0 auto;
5074 }
5075 .lp-update-db-modal__content-icon svg {
5076 width: 24px;
5077 height: 24px;
5078 color: rgb(220, 38, 38);
5079 }
5080 .lp-update-db-modal__content-icon svg:last-child {
5081 color: rgb(37, 141, 108);
5082 }
5083 .lp-update-db-modal__content-icon__success {
5084 display: none;
5085 }
5086 .lp-update-db-modal__content-text {
5087 margin-left: 18px;
5088 text-align: left;
5089 }
5090 .lp-update-db-modal__content-text h3 {
5091 margin: 0;
5092 font-weight: 500;
5093 }
5094 .lp-update-db-modal__content-text p {
5095 margin: 0;
5096 margin-top: 10px;
5097 color: #999;
5098 font-size: 0.875rem;
5099 font-weight: 400;
5100 }
5101 .lp-update-db-modal__content-footer {
5102 display: flex;
5103 flex-direction: row;
5104 padding: 10px 24px;
5105 background-color: rgb(249, 250, 251);
5106 justify-content: flex-end;
5107 align-items: center;
5108 }
5109 .lp-update-db-modal__content-footer a {
5110 padding: 8px 16px;
5111 border: 1px solid #e5e7eb;
5112 border-radius: 6px;
5113 color: rgb(55, 65, 81);
5114 font-size: 0.8125rem;
5115 font-weight: 500;
5116 text-decoration: none;
5117 }
5118 .lp-update-db-modal__content-footer a:last-child {
5119 margin-left: 10px;
5120 color: #fff;
5121 background-color: #0073aa;
5122 }
5123 .lp-update-db-modal__success .lp-update-db-modal__content-icon {
5124 background-color: rgb(222, 247, 236);
5125 }
5126 .lp-update-db-modal__success .lp-update-db-modal__content-icon__error {
5127 display: none;
5128 }
5129 .lp-update-db-modal__success .lp-update-db-modal__content-icon__success {
5130 display: block;
5131 }
5132
5133 #lp-tool-upgrade-db .wrapper-lp-upgrade-message, #lp-tool-upgrade-db .wrapper-terms-upgrade, #lp-tool-upgrade-db .wrapper-lp-loading {
5134 display: none;
5135 }
5136
5137 .terms-upgrade {
5138 max-width: 500px;
5139 margin: 0 auto;
5140 }
5141 .terms-upgrade .error {
5142 display: none;
5143 }
5144
5145 .lp-modal-footer .learn-press-notice {
5146 color: #ff6060;
5147 font-weight: 500;
5148 font-style: italic;
5149 }
5150
5151 .lp-modal-body .lp-skeleton-animation {
5152 width: 500px;
5153 margin: 0 20px;
5154 }
5155
5156 .tools-select__data {
5157 overflow: hidden;
5158 }
5159 .tools-select__data li {
5160 background-color: #fff;
5161 border: 1px solid #eee;
5162 color: #000;
5163 display: flex;
5164 flex-direction: row;
5165 align-items: center;
5166 flex: 0 0 auto;
5167 font-size: 0.875rem;
5168 line-height: 1.4em;
5169 font-weight: normal;
5170 padding: 10px;
5171 width: 100%;
5172 }
5173 .tools-select__data li input {
5174 margin: 0 10px 0 0;
5175 }
5176
5177 .progressbar__content {
5178 width: 100%;
5179 font-size: 0.875rem;
5180 font-weight: normal;
5181 line-height: 1.4em;
5182 background: #eee;
5183 padding: 10px 0;
5184 display: flex;
5185 flex-direction: column;
5186 align-items: center;
5187 justify-content: center;
5188 }
5189 .progressbar__content span {
5190 z-index: 9;
5191 }
5192
5193 .progressbar__container {
5194 position: relative;
5195 }
5196
5197 .progressbar__value {
5198 position: absolute;
5199 width: 0;
5200 height: 100%;
5201 left: 0;
5202 top: 0;
5203 background: #8A2BE2;
5204 }
5205
5206 .progressbar__item h4 {
5207 z-index: 9;
5208 margin: 0;
5209 }
5210
5211 .progressbar__item {
5212 width: 500px;
5213 border-bottom: 1px solid #fff;
5214 }
5215
5216 .progressbar__indexs {
5217 z-index: 9;
5218 }
5219
5220 .lp-tool__message {
5221 text-align: center;
5222 color: red;
5223 padding: 10px 0;
5224 display: none;
5225 }
5226
5227 .tools-prepare__message {
5228 background: #dba617;
5229 padding: 10px 0;
5230 text-align: center;
5231 display: none;
5232 }
5233
5234 /*** Admin notices ***/
5235 .lp-admin-notices {
5236 background: transparent;
5237 display: none;
5238 padding: 0;
5239 border: none;
5240 margin: 0 !important;
5241 }
5242 .lp-admin-notices .lp-admin-notice {
5243 position: relative;
5244 }
5245 .lp-admin-notices .lp-mes-beta-version {
5246 background: #4299e1;
5247 color: whitesmoke;
5248 }
5249 .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 {
5250 color: white;
5251 }
5252 .lp-admin-notices .lp-mes-beta-version .btn-lp-notice-dismiss::before {
5253 color: #fff0f6;
5254 }
5255
5256 .tab-lp-admin-notice {
5257 margin-left: 5px;
5258 width: 4px;
5259 height: 4px;
5260 background: #ff1919;
5261 display: inline-flex;
5262 border-radius: 999px;
5263 vertical-align: middle;
5264 }
5265
5266 /**
5267 * General style for admin editor.
5268 */
5269 .lp-admin-editor {
5270 position: relative;
5271 margin: 0;
5272 background-color: #fff;
5273 }
5274 .lp-admin-editor .heading,
5275 .lp-admin-editor .lp-box-data-content {
5276 padding: 0;
5277 }
5278
5279 #learn-press-admin-editor-metabox-settings {
5280 margin-top: 20px;
5281 }
5282
5283 /**
5284 * Course admin editor.
5285 */
5286 #course-editor .inside {
5287 margin: 0;
5288 padding: 0;
5289 }
5290
5291 #admin-editor-lp_course .lp-course-curriculum .heading {
5292 display: flex;
5293 flex-direction: row;
5294 flex-wrap: nowrap;
5295 position: relative;
5296 padding: 8px 20px;
5297 align-items: center;
5298 line-height: 1;
5299 }
5300 #admin-editor-lp_course .lp-course-curriculum .heading h4 {
5301 margin: 0;
5302 font-size: 1rem;
5303 }
5304 #admin-editor-lp_course .lp-course-curriculum .heading .collapse-sections {
5305 display: flex;
5306 width: 40px;
5307 color: #999;
5308 font-family: Dashicons;
5309 font-size: 1.875rem;
5310 cursor: pointer;
5311 justify-content: center;
5312 align-items: center;
5313 }
5314 #admin-editor-lp_course .lp-course-curriculum .heading .collapse-sections.close::before {
5315 content: "\f140";
5316 }
5317 #admin-editor-lp_course .lp-course-curriculum .heading .collapse-sections.open::before {
5318 content: "\f142";
5319 }
5320 #admin-editor-lp_course .lp-course-curriculum .heading .status {
5321 visibility: hidden;
5322 position: relative;
5323 top: 5px;
5324 margin-left: 10px;
5325 font-family: Dashicons;
5326 font-size: 1.25rem;
5327 }
5328 #admin-editor-lp_course .lp-course-curriculum .heading .status::before {
5329 content: "\f463";
5330 }
5331 #admin-editor-lp_course .lp-course-curriculum .heading .status.loading {
5332 display: inline-block;
5333 visibility: visible;
5334 animation: rotation 2s infinite linear;
5335 }
5336 #admin-editor-lp_course .lp-course-curriculum .curriculum-sections {
5337 margin: 0;
5338 margin: 0 20px 20px 20px;
5339 border: 1px solid #ddd;
5340 }
5341 #admin-editor-lp_course .lp-course-curriculum .section {
5342 margin: 0;
5343 border-bottom: 1px solid #e5e5e5;
5344 opacity: 1;
5345 background: #fff;
5346 }
5347 #admin-editor-lp_course .lp-course-curriculum .section:first-child {
5348 border-top: 0;
5349 }
5350 #admin-editor-lp_course .lp-course-curriculum .section.new-section {
5351 margin-top: 1px;
5352 border: none;
5353 }
5354 #admin-editor-lp_course .lp-course-curriculum .section.new-section form {
5355 margin: 0;
5356 }
5357 #admin-editor-lp_course .lp-course-curriculum .section.new-section .section-head {
5358 background-color: #f4fcff;
5359 }
5360 #admin-editor-lp_course .lp-course-curriculum .section.new-section .section-head .creatable {
5361 position: relative;
5362 top: 1px;
5363 }
5364 #admin-editor-lp_course .lp-course-curriculum .section.new-section .section-head .creatable::before {
5365 content: "\f132";
5366 }
5367 #admin-editor-lp_course .lp-course-curriculum .section.empty-section {
5368 position: relative;
5369 }
5370 #admin-editor-lp_course .lp-course-curriculum .section.empty-section::after {
5371 position: absolute;
5372 top: 0;
5373 right: 0;
5374 bottom: 0;
5375 left: 0;
5376 opacity: 0.5;
5377 background: #fff;
5378 content: "";
5379 }
5380 #admin-editor-lp_course .lp-course-curriculum .section.empty-section .section-head .movable::before {
5381 display: inline-block;
5382 color: #a2a2a2;
5383 content: "\f463";
5384 -webkit-animation: rotating4 2s linear infinite;
5385 -moz-animation: rotating4 2s linear infinite;
5386 -ms-animation: rotating4 2s linear infinite;
5387 -o-animation: rotating4 2s linear infinite;
5388 animation: rotating4 2s linear infinite;
5389 }
5390 #admin-editor-lp_course .lp-course-curriculum .section.empty-section .section-collapse {
5391 display: none;
5392 }
5393 #admin-editor-lp_course .lp-course-curriculum .section:hover .section-actions .remove {
5394 display: inline-block;
5395 }
5396 #admin-editor-lp_course .lp-course-curriculum .section input {
5397 background-color: transparent;
5398 box-shadow: none;
5399 }
5400 #admin-editor-lp_course .lp-course-curriculum .section input:focus {
5401 box-shadow: none;
5402 }
5403 #admin-editor-lp_course .lp-course-curriculum .section .section-head {
5404 display: flex;
5405 position: relative;
5406 height: 42px;
5407 margin: 0;
5408 padding: 0;
5409 background-color: #f4fcff;
5410 line-height: 2.5rem;
5411 transition: background 500ms ease-out;
5412 align-items: center;
5413 }
5414 #admin-editor-lp_course .lp-course-curriculum .section .section-head .movable,
5415 #admin-editor-lp_course .lp-course-curriculum .section .section-head .creatable {
5416 display: inline-block;
5417 width: 40px;
5418 margin: 0;
5419 color: #999;
5420 font-family: Dashicons;
5421 font-size: 1.25rem;
5422 text-align: center;
5423 vertical-align: middle;
5424 }
5425 #admin-editor-lp_course .lp-course-curriculum .section .section-head .movable {
5426 margin-right: -1px;
5427 cursor: url("../../images/openhand.cur") 7 5, default;
5428 }
5429 #admin-editor-lp_course .lp-course-curriculum .section .section-head .movable::before {
5430 content: "\f333";
5431 }
5432 #admin-editor-lp_course .lp-course-curriculum .section .section-head .movable:hover {
5433 color: #0085ba;
5434 }
5435 #admin-editor-lp_course .lp-course-curriculum .section .section-head .section-item-counts {
5436 line-height: 2.5rem;
5437 }
5438 #admin-editor-lp_course .lp-course-curriculum .section .section-head .actions {
5439 height: 100%;
5440 color: #444;
5441 }
5442 #admin-editor-lp_course .lp-course-curriculum .section .section-head .actions > * {
5443 display: inline-block;
5444 height: 100%;
5445 text-align: center;
5446 cursor: pointer;
5447 }
5448 #admin-editor-lp_course .lp-course-curriculum .section .section-head .actions .collapse:hover {
5449 color: #0085ba;
5450 }
5451 #admin-editor-lp_course .lp-course-curriculum .section .section-head .actions .collapse::before {
5452 display: inline-block;
5453 width: 40px;
5454 color: #999;
5455 font-family: Dashicons;
5456 font-size: 1rem;
5457 line-height: 2.5rem;
5458 }
5459 #admin-editor-lp_course .lp-course-curriculum .section .section-head .actions .collapse.open::before {
5460 content: "\f343";
5461 }
5462 #admin-editor-lp_course .lp-course-curriculum .section .section-head .actions .collapse.close::before {
5463 content: "\f347";
5464 }
5465 #admin-editor-lp_course .lp-course-curriculum .section .name {
5466 width: 100%;
5467 border: none;
5468 color: #777;
5469 font-size: 1.5rem;
5470 font-weight: 600;
5471 line-height: 3.125rem;
5472 }
5473 #admin-editor-lp_course .lp-course-curriculum .section .name:focus {
5474 color: #444;
5475 }
5476 #admin-editor-lp_course .lp-course-curriculum .section .section-collapse {
5477 overflow: hidden;
5478 }
5479 #admin-editor-lp_course .lp-course-curriculum .section .section-content {
5480 padding: 20px;
5481 border-top: 1px solid #e5e5e5;
5482 }
5483 #admin-editor-lp_course .lp-course-curriculum .section .details {
5484 margin-bottom: 20px;
5485 }
5486 #admin-editor-lp_course .lp-course-curriculum .section .title-input {
5487 padding-left: 0;
5488 border: none;
5489 font-size: 1.2em;
5490 line-height: 1.875rem;
5491 flex: 1;
5492 }
5493 #admin-editor-lp_course .lp-course-curriculum .section .description-input {
5494 width: 100%;
5495 margin: 0;
5496 padding: 0;
5497 border: none;
5498 color: #999;
5499 }
5500 #admin-editor-lp_course .lp-course-curriculum .section .description-input:focus {
5501 color: #444;
5502 }
5503 #admin-editor-lp_course .lp-course-curriculum .section-list-items {
5504 width: 100%;
5505 border-collapse: collapse;
5506 }
5507 #admin-editor-lp_course .lp-course-curriculum .section-list-items ul {
5508 position: relative;
5509 min-height: 5px;
5510 margin: 0;
5511 }
5512 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item {
5513 display: flex;
5514 position: relative;
5515 margin: 0;
5516 border: 1px solid #eee;
5517 border-bottom-width: 0;
5518 background: #fff;
5519 transition: background 200ms ease-out;
5520 justify-content: center;
5521 align-items: center;
5522 }
5523 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item.ui-sortable-helper {
5524 border-bottom: 1px solid #eee;
5525 }
5526 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item:nth-child(2n+1) {
5527 background-color: #f7f7f7;
5528 }
5529 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item.updating::before {
5530 position: absolute;
5531 z-index: 2;
5532 top: 0;
5533 right: 0;
5534 bottom: 0;
5535 left: 0;
5536 content: "";
5537 }
5538 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item.removing {
5539 background-color: #ffeded;
5540 }
5541 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .drag {
5542 height: 20px;
5543 padding-top: 3px;
5544 padding-left: 6px;
5545 cursor: url("../../images/openhand.cur") 7 5, default;
5546 fill: #999;
5547 flex: 0 0 18px;
5548 }
5549 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .drag:hover {
5550 fill: #0085ba;
5551 }
5552 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .icon {
5553 display: flex;
5554 align-items: center;
5555 justify-content: center;
5556 }
5557 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .title {
5558 margin-right: 120px;
5559 margin-left: 2px;
5560 flex-grow: 1;
5561 flex-basis: 100%;
5562 }
5563 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .title input {
5564 color: inherit;
5565 }
5566 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .item-actions {
5567 display: flex;
5568 position: absolute;
5569 top: 0;
5570 right: 2px;
5571 bottom: 0;
5572 align-items: center;
5573 justify-content: center;
5574 }
5575 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .actions {
5576 margin: 0;
5577 }
5578 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .actions > * {
5579 visibility: hidden;
5580 margin-right: 10px;
5581 }
5582 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .actions .edit {
5583 text-decoration: none;
5584 }
5585 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .actions .remove {
5586 color: #a00;
5587 }
5588 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item:hover .drag {
5589 visibility: visible;
5590 }
5591 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item:not(.lp_lesson) .item-actions .actions .preview-item {
5592 display: none;
5593 }
5594 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item {
5595 display: flex;
5596 position: relative;
5597 border-bottom-width: 1px;
5598 transition: all 200ms ease-out;
5599 align-items: center;
5600 }
5601 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .drag {
5602 display: flex;
5603 width: 30px;
5604 color: #999;
5605 font-family: Dashicons;
5606 font-size: 1rem;
5607 vertical-align: middle;
5608 cursor: default;
5609 align-items: center;
5610 justify-content: center;
5611 }
5612 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .drag::before {
5613 content: "\f132";
5614 }
5615 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .title {
5616 display: inline-block;
5617 margin: 0;
5618 flex: 1;
5619 }
5620 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .types {
5621 display: inline-block;
5622 }
5623 #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 {
5624 background-color: #fff;
5625 }
5626 #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 {
5627 display: inline-block;
5628 }
5629 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .types .type {
5630 display: inline-block;
5631 padding: 8px 5px;
5632 color: #ccc;
5633 }
5634 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .types .type input {
5635 display: none;
5636 }
5637 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .types .type.current {
5638 color: #0085ba;
5639 }
5640 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .types .type::before {
5641 position: relative;
5642 top: 2px;
5643 font-family: Dashicons;
5644 font-size: 1.25rem;
5645 }
5646 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .types .type.lp_quiz {
5647 padding: 8px 6px 8px 0;
5648 }
5649 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .types .type.lp_quiz::before {
5650 content: "\f469";
5651 }
5652 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .types .type.lp_lesson::before {
5653 content: "\f330";
5654 }
5655 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .types .type.empty-item::before {
5656 content: "\f463";
5657 }
5658 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .item-actions {
5659 text-align: right;
5660 }
5661 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .item-actions .actions .action {
5662 display: inline-block;
5663 position: relative;
5664 width: 30px;
5665 height: 30px;
5666 margin: 0;
5667 padding: 0;
5668 text-align: center;
5669 vertical-align: middle;
5670 cursor: pointer;
5671 }
5672 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .item-actions .actions .action > a {
5673 width: 30px;
5674 height: 30px;
5675 color: #999;
5676 line-height: 1.875rem;
5677 }
5678 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .item-actions .actions .action > a:hover {
5679 color: #0073aa;
5680 }
5681 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .item-actions .actions .action.delete-item > a:hover {
5682 color: #e74c3c;
5683 }
5684 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .item-actions .actions .action.delete-item ul {
5685 display: none;
5686 position: absolute;
5687 z-index: 9;
5688 top: 100%;
5689 right: 0;
5690 width: 165px;
5691 margin: 0;
5692 border: 1px solid #999;
5693 background: #fdfeff;
5694 text-align: center;
5695 }
5696 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .item-actions .actions .action.delete-item ul li {
5697 margin: 0;
5698 border-bottom: 1px solid #eee;
5699 text-align: right;
5700 }
5701 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .item-actions .actions .action.delete-item ul li a {
5702 display: block;
5703 padding: 10px 25px;
5704 color: #757575;
5705 font-size: 0.75rem;
5706 text-decoration: none;
5707 }
5708 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .item-actions .actions .action.delete-item ul li a.delete-permanently {
5709 color: #e74c3c;
5710 }
5711 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .item-actions .actions .action.delete-item ul li:hover {
5712 background: #eee;
5713 }
5714 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .item-actions .actions .action.delete-item:hover ul {
5715 display: block;
5716 }
5717 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item:hover .item-actions .actions > * {
5718 visibility: visible;
5719 cursor: pointer;
5720 }
5721 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item.lp_quiz .icon::before {
5722 content: "\f469";
5723 }
5724 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item.lp_lesson .icon::before {
5725 content: "\f330";
5726 }
5727 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item.empty-item {
5728 position: relative;
5729 color: #a2a2a2;
5730 }
5731 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item.empty-item::after {
5732 position: absolute;
5733 top: 0;
5734 right: 0;
5735 bottom: 0;
5736 left: 0;
5737 opacity: 0.5;
5738 background: #fff;
5739 content: "";
5740 }
5741 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item.empty-item .item-actions {
5742 display: none;
5743 }
5744 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item.empty-item .icon::before {
5745 color: #a2a2a2;
5746 content: "\f463";
5747 -webkit-animation: rotating4 2s linear infinite;
5748 -moz-animation: rotating4 2s linear infinite;
5749 -ms-animation: rotating4 2s linear infinite;
5750 -o-animation: rotating4 2s linear infinite;
5751 animation: rotating4 2s linear infinite;
5752 }
5753 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .icon {
5754 color: #0085ba;
5755 font-size: 1.25rem;
5756 text-align: center;
5757 flex: 0 0 29px;
5758 }
5759 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .icon::before {
5760 font-family: Dashicons;
5761 }
5762 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item input {
5763 width: 100%;
5764 padding: 8px 10px 8px 0;
5765 border: none;
5766 color: inherit;
5767 font-size: 0.875rem;
5768 font-weight: 600;
5769 }
5770 #admin-editor-lp_course .lp-course-curriculum .section-actions {
5771 padding: 0 20px 20px 20px;
5772 }
5773 #admin-editor-lp_course .lp-course-curriculum .section-actions .remove {
5774 display: none;
5775 float: right;
5776 height: 30px;
5777 border: 1px solid #eee;
5778 border-radius: 3px;
5779 color: #e74c3c;
5780 line-height: 1.875rem;
5781 cursor: pointer;
5782 }
5783 #admin-editor-lp_course .lp-course-curriculum .section-actions .remove .icon {
5784 padding: 0 18px;
5785 }
5786 #admin-editor-lp_course .lp-course-curriculum .section-actions .remove .confirm {
5787 display: none;
5788 padding: 0 18px;
5789 }
5790 #admin-editor-lp_course .lp-course-curriculum .section-actions .remove.confirm .confirm {
5791 display: inline-block;
5792 }
5793 #admin-editor-lp_course .lp-course-curriculum .section-actions .remove.confirm .icon {
5794 display: none;
5795 }
5796 #admin-editor-lp_course .lp-course-curriculum .ui-sortable-placeholder {
5797 display: block;
5798 visibility: visible !important;
5799 border-color: #bdf4fe !important;
5800 background: #bdf4fe !important;
5801 }
5802
5803 .wp-admin.post-type-lp_course #meta-box-tab-course_payment .learn-press-tip-floating {
5804 top: 40px;
5805 left: 100px;
5806 opacity: 0.8;
5807 background: #a00;
5808 }
5809 .wp-admin.post-type-lp_course #meta-box-tab-course_payment .learn-press-tip-floating::before {
5810 top: -7px;
5811 border: 7px solid transparent;
5812 border-top-width: 0;
5813 border-bottom-color: #a00;
5814 }
5815
5816 .section-item-counts {
5817 margin: 0;
5818 margin-left: auto;
5819 font-size: 0.75rem;
5820 white-space: nowrap;
5821 }
5822 .section-item-counts span {
5823 color: #999;
5824 }
5825
5826 #course-editor {
5827 margin-bottom: 10px;
5828 }
5829 #course-editor .inside .rwmb-custom_html-wrapper > .rwmb-label {
5830 display: none;
5831 }
5832 #course-editor .inside .rwmb-custom_html-wrapper > .rwmb-input {
5833 margin-left: 0;
5834 }
5835
5836 /**
5837 * Quiz admin editor.
5838 */
5839 #quiz-editor .inside .rwmb-custom_html-wrapper > .rwmb-label {
5840 display: none;
5841 }
5842 #quiz-editor .inside .rwmb-custom_html-wrapper > .rwmb-input {
5843 margin-left: 0;
5844 }
5845
5846 #quiz-editor .inside {
5847 margin: 0;
5848 padding: 0;
5849 }
5850
5851 #admin-editor-lp_quiz {
5852 margin: 0;
5853 padding: 0;
5854 border: none;
5855 }
5856 #admin-editor-lp_quiz form {
5857 margin: 0;
5858 }
5859 #admin-editor-lp_quiz .lp-box-data-head {
5860 display: flex;
5861 flex-direction: row;
5862 margin: 0;
5863 padding: 6px 20px;
5864 align-items: center;
5865 }
5866 #admin-editor-lp_quiz .lp-box-data-head h3 {
5867 padding: 0;
5868 }
5869 #admin-editor-lp_quiz .lp-box-data-head .status {
5870 visibility: hidden;
5871 position: relative;
5872 top: 5px;
5873 margin-left: 10px;
5874 font-family: Dashicons;
5875 font-size: 1.25rem;
5876 }
5877 #admin-editor-lp_quiz .lp-box-data-head .status::before {
5878 content: "\f463";
5879 }
5880 #admin-editor-lp_quiz .lp-box-data-head .status.loading {
5881 display: inline-block;
5882 visibility: visible;
5883 animation: rotation 2s infinite linear;
5884 }
5885 #admin-editor-lp_quiz .lp-box-data-head .collapse-list-questions {
5886 display: flex;
5887 width: 40px;
5888 height: 30px;
5889 color: #999;
5890 font-family: Dashicons;
5891 font-size: 1.875rem;
5892 cursor: pointer;
5893 justify-content: center;
5894 align-items: center;
5895 }
5896 #admin-editor-lp_quiz .lp-box-data-content {
5897 margin: 20px;
5898 margin-top: 0;
5899 border: 1px solid #ddd;
5900 }
5901 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions {
5902 border-collapse: collapse;
5903 color: #777;
5904 }
5905 @media (max-width: 1560px) {
5906 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .fill_in_blanks .question-settings {
5907 flex-direction: column;
5908 }
5909 }
5910 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row {
5911 display: flex;
5912 flex-direction: row;
5913 text-align: center;
5914 align-items: center;
5915 }
5916 @media (max-width: 1024px) {
5917 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row.question-settings {
5918 flex-direction: column;
5919 }
5920 }
5921 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > * {
5922 width: 100%;
5923 padding: 12px 8px;
5924 }
5925 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .sort {
5926 position: relative;
5927 color: #999;
5928 cursor: url("../../images/openhand.cur") 7 5, default;
5929 flex: 0 0 15px;
5930 }
5931 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .sort .svg-icon {
5932 height: 18px;
5933 margin-top: -2px;
5934 vertical-align: middle;
5935 fill: #999;
5936 }
5937 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .sort:hover {
5938 fill: #0085ba;
5939 }
5940 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .order {
5941 padding: 12px 0;
5942 color: #32373c;
5943 font-size: 1.2em;
5944 text-align: left;
5945 flex: 0 0 25px;
5946 }
5947 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .order::after {
5948 content: ".";
5949 }
5950 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .type {
5951 display: inline-flex;
5952 position: relative;
5953 width: 125px;
5954 height: 32px;
5955 padding: 0;
5956 border-radius: 2px;
5957 background-color: #eee;
5958 box-shadow: 0 0 2px rgba(0, 0, 0, 0.22);
5959 line-height: 2rem;
5960 cursor: pointer;
5961 flex: 0 0 auto;
5962 align-items: center;
5963 }
5964 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .type > a {
5965 display: inline-flex;
5966 width: 100%;
5967 padding: 0 10px;
5968 color: #666;
5969 text-align: center;
5970 cursor: pointer;
5971 align-items: center;
5972 justify-content: center;
5973 }
5974 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .type > a::after {
5975 margin-left: 5px;
5976 font-family: Dashicons;
5977 font-size: 0.875rem;
5978 line-height: 1.875rem;
5979 content: "\f347";
5980 }
5981 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .type ul {
5982 visibility: hidden;
5983 position: absolute;
5984 z-index: 9999;
5985 top: 100%;
5986 right: 0;
5987 height: auto;
5988 margin: 0;
5989 margin-top: -1px;
5990 border: 1px solid #999;
5991 border-radius: 2px;
5992 opacity: 1;
5993 background: #fdfeff;
5994 pointer-events: none;
5995 }
5996 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .type ul li {
5997 margin: 0;
5998 }
5999 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .type ul li a {
6000 display: block;
6001 min-width: 110px;
6002 padding: 10px 20px;
6003 color: #757575;
6004 line-height: 1.25rem;
6005 text-align: right;
6006 white-space: nowrap;
6007 text-decoration: none;
6008 }
6009 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .type ul li a:hover {
6010 background-color: #eee;
6011 }
6012 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .type ul li.disabled {
6013 opacity: 0.4;
6014 background-color: #fff;
6015 user-select: none;
6016 pointer-events: none;
6017 }
6018 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .type:hover ul {
6019 visibility: visible;
6020 opacity: 1;
6021 pointer-events: visible;
6022 }
6023 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .actions {
6024 width: 300px;
6025 }
6026 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .name {
6027 padding-left: 5px;
6028 }
6029 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row:hover > .sort {
6030 visibility: visible;
6031 }
6032 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row .actions .lp-box-data-actions {
6033 text-align: right !important;
6034 }
6035 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .header {
6036 display: none;
6037 border-bottom: 1px solid #ddd;
6038 }
6039 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .header .table-row > * {
6040 font-weight: bold;
6041 }
6042 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .header .table-row > .order::after {
6043 content: "";
6044 }
6045 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .header .table-row > .actions {
6046 padding: 12px 0;
6047 }
6048 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-actions .name input {
6049 width: 100%;
6050 padding: 0;
6051 border: none;
6052 color: #777;
6053 background: transparent;
6054 box-shadow: none;
6055 font-size: 0.875rem;
6056 font-weight: normal;
6057 }
6058 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings {
6059 padding: 0 20px;
6060 border: 1px solid #ddd;
6061 border-right: none;
6062 border-left: none;
6063 }
6064 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings > * {
6065 padding: 20px 20px 20px 0;
6066 }
6067 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings .quiz-question-data table.lp-list-options {
6068 border: 1px solid #ddd;
6069 }
6070 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings .quiz-question-data table.lp-list-options .sort {
6071 width: 12px;
6072 padding: 8px 6px;
6073 }
6074 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings .quiz-question-data table.lp-list-options .answer-text {
6075 width: calc(100% - 100px);
6076 padding-left: 0;
6077 color: #444;
6078 font-weight: 600;
6079 }
6080 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings .quiz-question-data table.lp-list-options .order {
6081 width: 10px;
6082 padding: 0;
6083 text-align: right;
6084 }
6085 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings .quiz-question-data table.lp-list-options .answer-correct {
6086 width: 65px;
6087 color: #444;
6088 font-weight: 600;
6089 text-align: center;
6090 }
6091 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings .quiz-question-data table.lp-list-options .actions {
6092 padding: 0;
6093 text-align: right;
6094 }
6095 #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 {
6096 height: 42px;
6097 }
6098 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings .quiz-question-data table.lp-list-options tbody tr {
6099 border: 1px solid #ddd;
6100 background: #f4fcff;
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:nth-child(2n) {
6103 background: #fff;
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 td {
6106 position: static;
6107 padding: 0 10px;
6108 border: none;
6109 background: inherit;
6110 }
6111 #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 {
6112 width: 12px;
6113 cursor: url("../../images/openhand.cur") 7 5, default;
6114 }
6115 #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 {
6116 padding-left: 0;
6117 }
6118 #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 {
6119 text-align: center;
6120 }
6121 #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 {
6122 height: 18px;
6123 vertical-align: middle;
6124 fill: #999;
6125 }
6126 #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 {
6127 visibility: visible;
6128 }
6129 #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 {
6130 fill: #0085ba;
6131 }
6132 #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 {
6133 visibility: visible !important;
6134 }
6135 #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 {
6136 height: 43px;
6137 background: #bdf4fe !important;
6138 }
6139 #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 {
6140 border-right: none;
6141 border-left: none;
6142 }
6143 #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 {
6144 border-bottom: 1px solid #ddd;
6145 }
6146 #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 {
6147 border-left: 0;
6148 }
6149 #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 {
6150 display: none;
6151 }
6152 #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 {
6153 display: inline-block;
6154 position: absolute;
6155 top: 12px;
6156 left: 4px;
6157 font-family: Dashicons;
6158 font-size: 1.125rem;
6159 content: "\f463";
6160 -webkit-animation: rotating4 2s linear infinite;
6161 -moz-animation: rotating4 2s linear infinite;
6162 -ms-animation: rotating4 2s linear infinite;
6163 -o-animation: rotating4 2s linear infinite;
6164 animation: rotating4 2s linear infinite;
6165 }
6166 #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 {
6167 position: relative;
6168 }
6169 #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 {
6170 position: absolute;
6171 top: 0;
6172 right: 1px;
6173 bottom: 0;
6174 left: 0;
6175 opacity: 0.5;
6176 background: #fff;
6177 content: "";
6178 }
6179 #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 {
6180 width: 100%;
6181 padding: 0;
6182 border: none;
6183 color: #777;
6184 background: transparent;
6185 box-shadow: none;
6186 font-size: 0.875rem;
6187 font-weight: normal;
6188 }
6189 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item {
6190 border-bottom: 1px solid #ddd;
6191 background: #f4fcff;
6192 line-height: 1.125rem;
6193 /*&:nth-child(2n+1) {
6194 background: #f4fcff;
6195 }*/
6196 }
6197 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item.ui-sortable-helper {
6198 border-top: 1px solid #f1f1f1;
6199 }
6200 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item.ui-sortable-placeholder {
6201 display: block;
6202 visibility: visible !important;
6203 border-color: #bdf4fe !important;
6204 background: #bdf4fe !important;
6205 }
6206 #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 {
6207 position: relative;
6208 }
6209 #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 {
6210 visibility: visible;
6211 }
6212 #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 {
6213 display: none;
6214 }
6215 #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 {
6216 display: inline-block;
6217 position: absolute;
6218 left: 5px;
6219 font-family: Dashicons;
6220 font-size: 1.25rem;
6221 content: "\f463";
6222 -webkit-animation: rotating4 2s linear infinite;
6223 -moz-animation: rotating4 2s linear infinite;
6224 -ms-animation: rotating4 2s linear infinite;
6225 -o-animation: rotating4 2s linear infinite;
6226 animation: rotating4 2s linear infinite;
6227 }
6228 #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 {
6229 position: absolute;
6230 top: 0;
6231 right: 0;
6232 bottom: 0;
6233 left: 0;
6234 opacity: 0.5;
6235 background: #fff;
6236 content: "";
6237 }
6238 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item.empty-question .question-settings {
6239 display: none;
6240 }
6241 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .cell {
6242 padding: 10px;
6243 }
6244 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-actions .name input {
6245 width: 100%;
6246 padding: 0;
6247 border: none;
6248 color: #32373c;
6249 background: transparent;
6250 box-shadow: none;
6251 font-size: 1.2em;
6252 font-weight: normal;
6253 line-height: 1.125rem;
6254 }
6255 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-actions .actions {
6256 margin: 0;
6257 padding: 0;
6258 }
6259 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-actions .actions .lp-toolbar-buttons {
6260 display: grid;
6261 position: static;
6262 z-index: 10;
6263 height: 100%;
6264 text-align: right;
6265 grid-template-columns: 30px 30px 30px 40px;
6266 align-items: center;
6267 justify-content: end;
6268 }
6269 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-actions .actions .lp-toolbar-buttons > div a {
6270 visibility: hidden;
6271 }
6272 #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 {
6273 position: absolute;
6274 z-index: 2;
6275 top: 50%;
6276 left: 50%;
6277 width: 28px;
6278 height: 30px;
6279 margin-top: -15px;
6280 margin-left: -15px;
6281 line-height: 1.875rem;
6282 text-align: center;
6283 }
6284 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-actions .actions .lp-toolbar-buttons .lp-toolbar-btn ul {
6285 z-index: 9;
6286 }
6287 #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 {
6288 padding: 8px 24px;
6289 line-height: 1.5rem;
6290 }
6291 #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 {
6292 border-bottom: 1px solid #eee;
6293 color: #666;
6294 }
6295 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-actions .actions .lp-toolbar-buttons .lp-btn-toggle {
6296 width: 40px;
6297 height: 42px;
6298 padding-right: 0;
6299 font-family: Dashicons;
6300 font-size: 1.25rem;
6301 line-height: 2.625rem;
6302 }
6303 #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 {
6304 content: "\f343";
6305 }
6306 #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 {
6307 content: "\f347";
6308 }
6309 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-actions:hover .lp-toolbar-buttons > div a {
6310 visibility: visible;
6311 }
6312 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-settings {
6313 background: #fff;
6314 }
6315 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-settings .quiz-question-options {
6316 padding-right: 0;
6317 padding-left: 0;
6318 text-align: left;
6319 }
6320 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-settings .quiz-question-options .inside {
6321 margin: 0;
6322 padding: 0;
6323 }
6324 #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 {
6325 margin: 0;
6326 padding: 20px;
6327 }
6328 #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) {
6329 background: #f4fcff;
6330 }
6331 #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 {
6332 margin: 0;
6333 margin-bottom: 10px;
6334 color: #666;
6335 font-weight: 600;
6336 }
6337 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-settings .quiz-question-options .postbox {
6338 border: 1px solid #ddd;
6339 }
6340 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-settings .quiz-question-options .postbox .hndle {
6341 font-weight: 600;
6342 cursor: default;
6343 }
6344 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-settings .quiz-question-options .postbox .toggle {
6345 float: right;
6346 position: absolute;
6347 top: 0;
6348 right: 0;
6349 width: 36px;
6350 height: 36px;
6351 line-height: 2.25rem;
6352 text-align: center;
6353 cursor: pointer;
6354 }
6355 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-settings .quiz-question-options .postbox .toggle::after {
6356 font-family: Dashicons;
6357 font-size: 1.125rem;
6358 content: "\f460";
6359 }
6360 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-settings.closed .quiz-question-options {
6361 width: 38px;
6362 }
6363 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-settings.closed .postbox {
6364 min-width: 34px;
6365 height: 34px;
6366 line-height: 2.625rem;
6367 text-align: center;
6368 }
6369 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-settings.closed .postbox .hndle {
6370 display: none;
6371 }
6372 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-settings.closed .postbox .toggle::after {
6373 content: "\f132";
6374 }
6375 #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 {
6376 display: none !important;
6377 }
6378 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer {
6379 margin-top: -1px;
6380 border-top: 1px solid #ddd;
6381 background: #f4fcff;
6382 }
6383 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row {
6384 height: auto;
6385 text-align: left;
6386 }
6387 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .lp-sortable-handle {
6388 display: flex;
6389 width: 30px;
6390 padding: 8px 6px 8px 10px;
6391 color: #999;
6392 font-family: Dashicons;
6393 font-size: 1.25rem;
6394 vertical-align: middle;
6395 align-items: center;
6396 justify-content: center;
6397 }
6398 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .lp-sortable-handle::before {
6399 content: "\f132";
6400 }
6401 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .order {
6402 padding: 8px 0;
6403 line-height: 1.75rem;
6404 text-align: left;
6405 }
6406 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question {
6407 padding: 8px 10px 8px 5px;
6408 }
6409 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .title {
6410 display: inline-block;
6411 position: relative;
6412 min-width: 500px;
6413 }
6414 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .title form input {
6415 width: 100%;
6416 margin: 0;
6417 padding: 6px 0;
6418 border: 0;
6419 background: transparent;
6420 font-size: 1.2em;
6421 line-height: 1.125rem;
6422 -webkit-box-shadow: none;
6423 -moz-box-shadow: none;
6424 box-shadow: none;
6425 }
6426 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .title form input:focus {
6427 -webkit-box-shadow: none;
6428 -moz-box-shadow: none;
6429 box-shadow: none;
6430 }
6431 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .title form input:focus {
6432 color: #32373c;
6433 }
6434 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .title form input::placeholder {
6435 display: inline-block;
6436 }
6437 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .add-new {
6438 display: inline;
6439 position: relative;
6440 }
6441 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .add-new ul.question-types {
6442 display: none;
6443 position: absolute;
6444 z-index: 9999999;
6445 top: 100%;
6446 right: -2px;
6447 width: 200px;
6448 margin: 6px;
6449 border: 1px solid #999;
6450 background-color: #fff;
6451 }
6452 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .add-new ul.question-types li {
6453 margin: 0;
6454 }
6455 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .add-new ul.question-types li a {
6456 display: block;
6457 padding: 12px 20px;
6458 outline: none;
6459 color: #757575;
6460 box-shadow: none;
6461 line-height: 1;
6462 text-decoration: none;
6463 }
6464 #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 {
6465 background: #eee;
6466 }
6467 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .add-new ul.question-types li.disabled {
6468 opacity: 0.5;
6469 background-color: #eee;
6470 user-select: none;
6471 pointer-events: none;
6472 }
6473 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .add-new button:hover + .question-types {
6474 display: block;
6475 }
6476 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .add-new button + .question-types:hover {
6477 display: block;
6478 }
6479 #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 {
6480 display: none;
6481 }
6482 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .select-item {
6483 display: inline;
6484 }
6485 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question button {
6486 height: 30px;
6487 box-shadow: 0 1px 0 #ccc !important;
6488 }
6489 #admin-editor-lp_quiz .lp-box-data-content .question-button-actions {
6490 text-align: left;
6491 }
6492
6493 /**.section-item-counts span
6494 * Question admin editor.
6495 */
6496 #question-editor .inside .rwmb-custom_html-wrapper .rwmb-label {
6497 display: none;
6498 }
6499 #question-editor .inside .rwmb-custom_html-wrapper .rwmb-input {
6500 margin-left: 0;
6501 }
6502
6503 #question-editor .inside {
6504 margin: 0;
6505 padding: 0;
6506 }
6507
6508 #admin-editor-lp_question {
6509 margin: 0;
6510 padding: 0;
6511 border: none;
6512 background: #fff;
6513 }
6514 #admin-editor-lp_question form {
6515 margin: 0;
6516 }
6517 #admin-editor-lp_question .lp-box-data-head {
6518 display: flex;
6519 flex-direction: row;
6520 padding: 10px 20px;
6521 align-items: center;
6522 }
6523 #admin-editor-lp_question .lp-box-data-head .heading {
6524 margin: 0;
6525 padding: 0;
6526 flex: 1;
6527 }
6528 #admin-editor-lp_question .lp-box-data-head .lp-question-editor {
6529 position: relative;
6530 margin-left: auto;
6531 border-left: 0;
6532 border-top-left-radius: 0;
6533 border-bottom-left-radius: 0;
6534 }
6535 #admin-editor-lp_question .lp-box-data-head .lp-question-editor .question-types > a {
6536 display: inline-flex;
6537 height: 32px;
6538 padding: 0 16px;
6539 border: 1px solid #999;
6540 border-radius: 2px;
6541 color: #666;
6542 line-height: 2rem;
6543 text-decoration: none;
6544 align-items: center;
6545 cursor: pointer;
6546 user-select: none;
6547 }
6548 #admin-editor-lp_question .lp-box-data-head .lp-question-editor .question-types > a::after {
6549 margin-left: 5px;
6550 font-family: Dashicons;
6551 font-size: 0.875rem;
6552 line-height: 1.875rem;
6553 content: "\f347";
6554 }
6555 #admin-editor-lp_question .lp-box-data-head .lp-question-editor .question-types ul {
6556 display: none;
6557 position: absolute;
6558 z-index: 9999;
6559 top: 100%;
6560 right: 0;
6561 height: auto;
6562 margin: 0;
6563 margin-top: -1px;
6564 border: 1px solid #999;
6565 border-radius: 2px;
6566 background: #fdfeff;
6567 }
6568 #admin-editor-lp_question .lp-box-data-head .lp-question-editor .question-types ul li {
6569 margin: 0;
6570 }
6571 #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 {
6572 background: #eee;
6573 }
6574 #admin-editor-lp_question .lp-box-data-head .lp-question-editor .question-types ul li a {
6575 display: block;
6576 min-width: 110px;
6577 padding: 10px;
6578 color: #757575;
6579 font-size: 0.75rem;
6580 text-align: right;
6581 white-space: nowrap;
6582 text-decoration: none;
6583 }
6584 #admin-editor-lp_question .lp-box-data-head .lp-question-editor .question-types ul li.disabled {
6585 opacity: 0.4;
6586 }
6587 #admin-editor-lp_question .lp-box-data-head .lp-question-editor .question-types ul li.disabled a {
6588 color: #999;
6589 cursor: not-allowed;
6590 pointer-events: none;
6591 }
6592 #admin-editor-lp_question .lp-box-data-head .lp-question-editor .question-types ul:hover {
6593 display: block;
6594 }
6595 #admin-editor-lp_question .lp-box-data-head .lp-question-editor:hover .question-types ul {
6596 display: block;
6597 }
6598 #admin-editor-lp_question .lp-box-data-content {
6599 padding: 0 20px 20px 20px;
6600 border: none !important;
6601 }
6602 #admin-editor-lp_question .lp-box-data-content table.list-question-answers {
6603 width: 100%;
6604 border: 1px solid #ddd;
6605 }
6606 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tr td {
6607 padding: 0 15px;
6608 }
6609 #admin-editor-lp_question .lp-box-data-content table.list-question-answers thead tr th {
6610 padding: 15px;
6611 border-bottom: 1px solid #ddd;
6612 background-color: #eee;
6613 font-weight: 600;
6614 }
6615 #admin-editor-lp_question .lp-box-data-content table.list-question-answers thead tr th.answer-text {
6616 padding-left: 10px;
6617 }
6618 #admin-editor-lp_question .lp-box-data-content table.list-question-answers .sort,
6619 #admin-editor-lp_question .lp-box-data-content table.list-question-answers .order,
6620 #admin-editor-lp_question .lp-box-data-content table.list-question-answers .actions {
6621 width: 10px;
6622 }
6623 #admin-editor-lp_question .lp-box-data-content table.list-question-answers .sort {
6624 padding: 0 10px;
6625 }
6626 #admin-editor-lp_question .lp-box-data-content table.list-question-answers .order {
6627 width: 10px;
6628 padding: 0;
6629 text-align: right;
6630 }
6631 #admin-editor-lp_question .lp-box-data-content table.list-question-answers .answer-correct {
6632 width: 65px;
6633 text-align: center;
6634 }
6635 #admin-editor-lp_question .lp-box-data-content table.list-question-answers .answer-text {
6636 padding-left: 8px;
6637 }
6638 #admin-editor-lp_question .lp-box-data-content table.list-question-answers .actions {
6639 padding-right: 0;
6640 text-align: right;
6641 }
6642 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr {
6643 color: #444;
6644 background: #fff;
6645 }
6646 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr:nth-child(2n) {
6647 background: #fff;
6648 }
6649 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr td {
6650 background-color: #fff;
6651 }
6652 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr td.sort {
6653 width: 15px;
6654 padding: 0;
6655 font-size: 1.125rem;
6656 text-align: center;
6657 cursor: url("../../images/openhand.cur") 7 5, default;
6658 }
6659 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr td.sort .svg-icon {
6660 height: 18px;
6661 margin-top: -2px;
6662 vertical-align: middle;
6663 fill: #999;
6664 }
6665 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr td.sort:hover .svg-icon {
6666 fill: #0085ba;
6667 }
6668 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr td.order {
6669 font-size: 0.875rem;
6670 }
6671 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr td.answer-text input {
6672 width: 100%;
6673 padding: 0;
6674 border: none;
6675 color: #444;
6676 background: transparent;
6677 box-shadow: none;
6678 font-size: 0.875rem;
6679 font-weight: 600;
6680 transition: box-shadow 0.2s ease;
6681 }
6682 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr td.lp-toolbar-buttons {
6683 z-index: auto;
6684 }
6685 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr:hover td.actions .remove-answer {
6686 visibility: visible;
6687 height: 42px;
6688 }
6689 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr.ui-sortable-placeholder {
6690 visibility: visible !important;
6691 }
6692 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr.ui-sortable-placeholder td {
6693 height: 43px;
6694 background: #bdf4fe !important;
6695 }
6696 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr.ui-sortable-helper td {
6697 border-bottom: 1px solid #ddd;
6698 }
6699 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr.ui-sortable-helper td.sort {
6700 border-left: 0;
6701 }
6702 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr.new-option .svg-icon {
6703 display: none;
6704 }
6705 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr.new-option td {
6706 position: relative;
6707 }
6708 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr.new-option .sort::before {
6709 display: inline-block;
6710 position: absolute;
6711 top: 8px;
6712 left: 10px;
6713 font-family: "Dashicons";
6714 content: "\f463";
6715 -webkit-animation: rotating4 2s linear infinite;
6716 -moz-animation: rotating4 2s linear infinite;
6717 -ms-animation: rotating4 2s linear infinite;
6718 -o-animation: rotating4 2s linear infinite;
6719 animation: rotating4 2s linear infinite;
6720 }
6721 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr.new-option td::after {
6722 position: absolute;
6723 top: 0;
6724 right: 0;
6725 bottom: 0;
6726 left: 0;
6727 opacity: 0.5;
6728 background: #fff;
6729 content: "";
6730 }
6731 #admin-editor-lp_question .lp-box-data-content .add-answer {
6732 margin: 15px 0 0 0;
6733 }
6734 #admin-editor-lp_question.sorting_choice table.list-question-answers .answer-correct {
6735 display: none !important;
6736 }
6737
6738 .lp-admin-fib-question-editor,
6739 .admin-quiz-fib-question-editor {
6740 text-align: left;
6741 }
6742 .lp-admin-fib-question-editor .lp-box-data-content,
6743 .admin-quiz-fib-question-editor .lp-box-data-content {
6744 margin: 0 !important;
6745 border: none !important;
6746 }
6747 .lp-admin-fib-question-editor .content-editable,
6748 .admin-quiz-fib-question-editor .content-editable {
6749 min-height: 240px !important;
6750 padding: 12px 15px;
6751 border: 2px solid #ddd;
6752 border-radius: 4px;
6753 }
6754 .lp-admin-fib-question-editor .content-editable .fib-blank,
6755 .admin-quiz-fib-question-editor .content-editable .fib-blank {
6756 position: relative;
6757 color: #2196f3;
6758 }
6759 .lp-admin-fib-question-editor .content-editable .fib-blank::before,
6760 .admin-quiz-fib-question-editor .content-editable .fib-blank::before {
6761 content: "#" attr(data-index) ". ";
6762 }
6763 .lp-admin-fib-question-editor .fib-blanks,
6764 .admin-quiz-fib-question-editor .fib-blanks {
6765 min-width: 700px;
6766 border-collapse: collapse;
6767 }
6768 @media (max-width: 1024px) {
6769 .lp-admin-fib-question-editor .fib-blanks,
6770 .admin-quiz-fib-question-editor .fib-blanks {
6771 width: 100%;
6772 min-width: 100%;
6773 }
6774 }
6775 .lp-admin-fib-question-editor .fib-blanks tbody,
6776 .admin-quiz-fib-question-editor .fib-blanks tbody {
6777 border-bottom: 1px solid #bbb;
6778 }
6779 .lp-admin-fib-question-editor .fib-blanks tbody tr,
6780 .admin-quiz-fib-question-editor .fib-blanks tbody tr {
6781 background: #eee;
6782 }
6783 .lp-admin-fib-question-editor .fib-blanks tbody tr td,
6784 .admin-quiz-fib-question-editor .fib-blanks tbody tr td {
6785 padding: 5px;
6786 }
6787 .lp-admin-fib-question-editor .fib-blanks tbody tr.blank-options td,
6788 .admin-quiz-fib-question-editor .fib-blanks tbody tr.blank-options td {
6789 padding: 0;
6790 }
6791 .lp-admin-fib-question-editor .fib-blanks tbody tr.blank-options ul,
6792 .admin-quiz-fib-question-editor .fib-blanks tbody tr.blank-options ul {
6793 display: none;
6794 margin: 5px 0;
6795 padding: 20px;
6796 border: 1px solid #ddd;
6797 background: #fff;
6798 list-style: none;
6799 }
6800 .lp-admin-fib-question-editor .fib-blanks tbody.open .blank-options ul,
6801 .admin-quiz-fib-question-editor .fib-blanks tbody.open .blank-options ul {
6802 display: block;
6803 }
6804 .lp-admin-fib-question-editor .fib-blanks tbody .blank-position,
6805 .admin-quiz-fib-question-editor .fib-blanks tbody .blank-position {
6806 font-weight: 600;
6807 text-align: center;
6808 }
6809 .lp-admin-fib-question-editor .fib-blanks tbody .blank-actions,
6810 .admin-quiz-fib-question-editor .fib-blanks tbody .blank-actions {
6811 text-align: right;
6812 }
6813 .lp-admin-fib-question-editor .fib-blanks tbody:last-child,
6814 .admin-quiz-fib-question-editor .fib-blanks tbody:last-child {
6815 border: none;
6816 }
6817
6818 #fill-in-blanks-editor {
6819 display: flex;
6820 }
6821 #fill-in-blanks-editor .blank-options {
6822 flex: 0 0 65%;
6823 }
6824 #fill-in-blanks-editor .blanks {
6825 width: 100%;
6826 margin: 0;
6827 }
6828 #fill-in-blanks-editor .blanks .blank {
6829 margin: 0 0 20px 0;
6830 padding: 20px;
6831 border: 1px solid #d9e0f1;
6832 background: #fbfcff;
6833 }
6834 #fill-in-blanks-editor .blanks .blank label {
6835 font-weight: bold;
6836 }
6837 #fill-in-blanks-editor .blanks .blank .blank-content {
6838 width: 100%;
6839 min-height: 74px;
6840 font-size: 1rem;
6841 }
6842 #fill-in-blanks-editor .blanks .blank .blank-words .word {
6843 background: #ddd;
6844 line-height: 1;
6845 -webkit-border-radius: 4px;
6846 -moz-border-radius: 4px;
6847 border-radius: 4px;
6848 }
6849 #fill-in-blanks-editor .blanks .blank .blank-words .word.correct {
6850 background: #00a1e6;
6851 }
6852 #fill-in-blanks-editor .blanks .blank .blank-tip p {
6853 font-style: italic;
6854 }
6855 #fill-in-blanks-editor .blanks .blank .button-remove {
6856 color: #f00;
6857 }
6858 #fill-in-blanks-editor .passage-preview {
6859 margin-left: 20px;
6860 padding: 15px 20px;
6861 border: 1px solid #ddd;
6862 font-size: 1rem;
6863 line-height: 1.5rem;
6864 text-align: justify;
6865 flex: 1;
6866 }
6867 #fill-in-blanks-editor .passage-preview .blank-input {
6868 /* line-height: 11px; */
6869 display: inline-block;
6870 position: relative;
6871 width: 50px;
6872 height: 16px;
6873 margin: -2px 10px;
6874 padding: 0;
6875 border: none;
6876 border-bottom: 1px dashed #ddd;
6877 background: transparent;
6878 box-shadow: none;
6879 font-size: 1rem;
6880 vertical-align: middle;
6881 }
6882 #fill-in-blanks-editor .blanks-list {
6883 width: 100%;
6884 }
6885 #fill-in-blanks-editor .blanks-list textarea {
6886 width: 100%;
6887 min-height: 300px;
6888 margin-bottom: 20px;
6889 outline: none;
6890 background: #f9f9f9;
6891 box-shadow: none;
6892 font-size: 1.125rem;
6893 line-height: 1.875rem;
6894 }
6895 #fill-in-blanks-editor .blanks-list code {
6896 line-height: 1;
6897 -webkit-border-radius: 4px;
6898 -moz-border-radius: 4px;
6899 border-radius: 4px;
6900 }
6901 #fill-in-blanks-editor .blanks-list code.correct {
6902 background: #00a1e6;
6903 }
6904
6905 /**
6906 * Modal choose items.
6907 */
6908 #lp-modal-choose-items {
6909 display: none;
6910 position: fixed;
6911 z-index: -1;
6912 top: 0;
6913 right: 0;
6914 bottom: 0;
6915 left: 0;
6916 opacity: 0;
6917 background-color: rgba(0, 0, 0, 0.5);
6918 }
6919 #lp-modal-choose-items.show {
6920 display: block;
6921 z-index: 99999999;
6922 opacity: 1;
6923 }
6924 #lp-modal-choose-items.loading .lp-choose-items ul.list-items::before {
6925 display: block;
6926 position: absolute;
6927 z-index: 9;
6928 top: 0;
6929 right: 0;
6930 bottom: 0;
6931 left: 0;
6932 background: url("../../images/spinner.gif") no-repeat center center;
6933 background-color: #fff;
6934 content: "";
6935 }
6936 #lp-modal-choose-items .lp-choose-items {
6937 position: relative;
6938 max-width: 800px;
6939 margin: 5% auto 10% 20%;
6940 border: 1px solid #ddd;
6941 background-color: #fff;
6942 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
6943 transition: all 200ms ease-out;
6944 }
6945 #lp-modal-choose-items .lp-choose-items.show-preview .header .preview-title {
6946 display: flex;
6947 align-items: center;
6948 }
6949 #lp-modal-choose-items .lp-choose-items .header {
6950 position: relative;
6951 }
6952 #lp-modal-choose-items .lp-choose-items .header .preview-title {
6953 display: none;
6954 position: absolute;
6955 z-index: 10;
6956 top: 0;
6957 right: 0;
6958 bottom: 0;
6959 left: 0;
6960 padding-left: 20px;
6961 border-bottom: 1px solid #ddd;
6962 background-color: #fff;
6963 font-weight: 600;
6964 }
6965 #lp-modal-choose-items .lp-choose-items .header .preview-title h3 {
6966 margin: 0;
6967 }
6968 #lp-modal-choose-items .lp-choose-items .header .tabs {
6969 margin: 0;
6970 border-bottom: 1px solid #ddd;
6971 }
6972 #lp-modal-choose-items .lp-choose-items .header .tabs .tab {
6973 display: inline-block;
6974 position: relative;
6975 margin: 0;
6976 }
6977 #lp-modal-choose-items .lp-choose-items .header .tabs .tab:not(:last-child)::before {
6978 position: absolute;
6979 top: 50%;
6980 right: 0;
6981 height: 44px;
6982 margin-top: -22px;
6983 border-right: 1px solid #ddd;
6984 content: "";
6985 }
6986 #lp-modal-choose-items .lp-choose-items .header .tabs .tab.active::after {
6987 display: inline-block;
6988 position: absolute;
6989 bottom: -6px;
6990 left: 50%;
6991 width: 10px;
6992 height: 10px;
6993 margin-left: -6px;
6994 border: 1px solid #ddd;
6995 border-right: 0;
6996 border-bottom: 0;
6997 background: #fff;
6998 content: "";
6999 transform: rotate(45deg);
7000 }
7001 #lp-modal-choose-items .lp-choose-items .header .tabs .tab.active a {
7002 color: #0073aa;
7003 }
7004 #lp-modal-choose-items .lp-choose-items .header .tabs .tab a {
7005 display: inline-block;
7006 height: 44px;
7007 padding: 0 20px;
7008 color: #333;
7009 font-weight: 600;
7010 line-height: 2.75rem;
7011 text-decoration: none;
7012 }
7013 #lp-modal-choose-items .lp-choose-items .header .tabs .tab a:focus {
7014 box-shadow: none;
7015 }
7016 #lp-modal-choose-items .lp-choose-items .header .close {
7017 display: inline-block;
7018 position: absolute;
7019 z-index: 30;
7020 top: 0;
7021 right: 0;
7022 padding: 12px;
7023 font-size: 1em;
7024 cursor: pointer;
7025 }
7026 #lp-modal-choose-items .lp-choose-items .main {
7027 overflow: hidden;
7028 position: relative;
7029 padding: 20px;
7030 border-bottom: 1px solid #ddd;
7031 }
7032 #lp-modal-choose-items .lp-choose-items .main .section-item {
7033 display: block;
7034 overflow: hidden;
7035 max-width: 100%;
7036 white-space: nowrap;
7037 text-overflow: ellipsis;
7038 cursor: pointer;
7039 transition: color 200ms ease-out;
7040 }
7041 #lp-modal-choose-items .lp-choose-items .main .section-item::before {
7042 position: relative;
7043 top: 3px;
7044 font-family: Dashicons;
7045 }
7046 #lp-modal-choose-items .lp-choose-items .main .search {
7047 margin-bottom: 20px;
7048 background: transparent;
7049 }
7050 #lp-modal-choose-items .lp-choose-items .main .search input.modal-search-input {
7051 width: 100%;
7052 height: 36px;
7053 padding: 0 14px;
7054 font-size: 1rem;
7055 line-height: 2.25rem;
7056 }
7057 #lp-modal-choose-items .lp-choose-items .main .list-items {
7058 overflow-y: auto;
7059 position: relative;
7060 min-height: 260px;
7061 max-height: 460px;
7062 margin: 0;
7063 }
7064 #lp-modal-choose-items .lp-choose-items .main .list-items li {
7065 margin: 15px 0;
7066 cursor: pointer;
7067 }
7068 #lp-modal-choose-items .lp-choose-items .main .pagination .index {
7069 margin-left: 20px;
7070 line-height: 1.75rem;
7071 }
7072 #lp-modal-choose-items .lp-choose-items .lp-added-items-preview {
7073 overflow: auto;
7074 position: absolute;
7075 z-index: 2;
7076 top: 0;
7077 right: 0;
7078 bottom: 0;
7079 left: 0;
7080 max-height: 420px;
7081 padding: 20px;
7082 background-color: #fff;
7083 transform: translate(100%, 0);
7084 }
7085 #lp-modal-choose-items .lp-choose-items .lp-added-items-preview.show {
7086 transform: translate(0, 0);
7087 }
7088 #lp-modal-choose-items .lp-choose-items .lp-added-items-preview .list-added-items li {
7089 margin: 15px 0;
7090 }
7091 #lp-modal-choose-items .lp-choose-items .lp-added-items-preview .list-added-items li:first-child {
7092 margin: -10px 0 15px 0;
7093 }
7094 #lp-modal-choose-items .lp-choose-items .footer {
7095 padding: 20px;
7096 }
7097
7098 body.lp-item-moving {
7099 cursor: url("../../images/closedhand.cur") 7 5, default !important;
7100 }
7101
7102 @media screen and (max-width: 900px) {
7103 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .question-settings.table-row {
7104 display: block;
7105 width: auto;
7106 text-align: left;
7107 }
7108 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .question-settings.table-row > * {
7109 width: auto;
7110 }
7111 }
7112 #learn-press-reset-course-users,
7113 #learn-press-reset-user-courses,
7114 #learn-press-reset-user-item {
7115 max-width: 100%;
7116 }
7117 #learn-press-reset-course-users table,
7118 #learn-press-reset-user-courses table,
7119 #learn-press-reset-user-item table {
7120 width: 100%;
7121 border-collapse: collapse;
7122 }
7123 #learn-press-reset-course-users .courses-list,
7124 #learn-press-reset-user-courses .courses-list,
7125 #learn-press-reset-user-item .courses-list {
7126 margin: 0;
7127 }
7128 #learn-press-reset-course-users input[type=text],
7129 #learn-press-reset-user-courses input[type=text],
7130 #learn-press-reset-user-item input[type=text] {
7131 min-width: 300px;
7132 height: 28px;
7133 margin-left: 0;
7134 }
7135 #learn-press-reset-course-users .action-reset.dashicons-trash,
7136 #learn-press-reset-user-courses .action-reset.dashicons-trash,
7137 #learn-press-reset-user-item .action-reset.dashicons-trash {
7138 color: #FF0000;
7139 }
7140 #learn-press-reset-course-users .action-reset.dashicons-update,
7141 #learn-press-reset-user-courses .action-reset.dashicons-update,
7142 #learn-press-reset-user-item .action-reset.dashicons-update {
7143 -webkit-animation: rotating4 2s linear infinite;
7144 -moz-animation: rotating4 2s linear infinite;
7145 -ms-animation: rotating4 2s linear infinite;
7146 -o-animation: rotating4 2s linear infinite;
7147 animation: rotating4 2s linear infinite;
7148 }
7149
7150 #learn-press-assign-course .description {
7151 margin-bottom: 10px;
7152 }
7153 #learn-press-assign-course label {
7154 display: block;
7155 margin-bottom: 5px;
7156 }
7157
7158 #learn-press-unassigned-course .description {
7159 margin-bottom: 10px;
7160 }
7161 #learn-press-unassigned-course label {
7162 display: block;
7163 margin-bottom: 5px;
7164 }
7165
7166 .learn-press-tip {
7167 display: none;
7168 margin: 0 5px;
7169 color: #444;
7170 font-style: normal;
7171 font-weight: normal;
7172 line-height: 1;
7173 vertical-align: baseline;
7174 cursor: pointer;
7175 }
7176 .learn-press-tip.ready {
7177 display: inline-block;
7178 }
7179 .learn-press-tip::before {
7180 font-family: "lp-icon";
7181 content: "\f059";
7182 }
7183 .learn-press-tip:hover {
7184 opacity: 0.8;
7185 }
7186
7187 .learn-press-tip-floating {
7188 position: absolute;
7189 z-index: 9999999;
7190 min-width: 20px;
7191 margin-left: -1px;
7192 padding: 0.618em 1em;
7193 color: #fff;
7194 background: #383838;
7195 font-size: 0.8em;
7196 line-height: 1.2em;
7197 -webkit-border-radius: 3px;
7198 -moz-border-radius: 3px;
7199 border-radius: 3px;
7200 }
7201 .learn-press-tip-floating > * {
7202 font-size: 0.8em;
7203 }
7204 .learn-press-tip-floating .close {
7205 display: inline-block;
7206 position: absolute;
7207 top: -8px;
7208 right: -8px;
7209 width: 16px;
7210 height: 16px;
7211 border: 1px solid #fff;
7212 color: #fff;
7213 background: #468fbc;
7214 line-height: 1rem;
7215 text-align: center;
7216 cursor: pointer;
7217 -webkit-border-radius: 50%;
7218 -moz-border-radius: 50%;
7219 border-radius: 50%;
7220 }
7221 .learn-press-tip-floating .close::before {
7222 font-family: "lp-icon";
7223 content: "\f00d";
7224 }
7225 .learn-press-tip-floating p {
7226 margin: 0;
7227 }
7228 .learn-press-tip-floating::before {
7229 position: absolute;
7230 bottom: -6px;
7231 left: 50%;
7232 width: 0;
7233 height: 0;
7234 margin-left: -6px;
7235 border: 6px solid transparent;
7236 border-top-color: #383838;
7237 border-bottom-width: 0;
7238 content: "";
7239 }
7240
7241 .lp-group-step {
7242 border-bottom: 1px solid #eee;
7243 }
7244 .lp-group-step h3 {
7245 padding: 0 2em;
7246 }
7247 .lp-group-step label {
7248 margin-bottom: 5px;
7249 font-size: 0.8em;
7250 font-weight: 500;
7251 font-style: italic;
7252 }
7253 .lp-group-step .lp-item-step {
7254 display: flex;
7255 position: relative;
7256 min-height: 35px;
7257 margin: 0;
7258 padding: 1em 1em 1em 0;
7259 border-top: 1px solid #eee;
7260 align-items: center;
7261 cursor: pointer;
7262 }
7263 .lp-group-step .lp-item-step:hover {
7264 background: #eee;
7265 }
7266 .lp-group-step .lp-item-step.running .lp-item-step-left::before {
7267 opacity: 1;
7268 }
7269 .lp-group-step .lp-item-step.running .lp-item-step-left input {
7270 opacity: 0;
7271 }
7272 .lp-group-step .lp-item-step.running::before {
7273 display: block;
7274 position: absolute;
7275 width: 0;
7276 height: 100%;
7277 background: #0073aa;
7278 content: "";
7279 opacity: 0.1;
7280 transition: 0.8s linear;
7281 }
7282 .lp-group-step .lp-item-step.running .progress-bar {
7283 opacity: 0.1;
7284 }
7285 .lp-group-step .lp-item-step.completed .lp-item-step-left::after {
7286 opacity: 1;
7287 }
7288 .lp-group-step .lp-item-step.completed .lp-item-step-left input {
7289 opacity: 0;
7290 }
7291 .lp-group-step .lp-item-step.completed .progress-bar {
7292 width: 100%;
7293 opacity: 0.1;
7294 }
7295 .lp-group-step .lp-item-step.error .lp-item-step-left::after {
7296 opacity: 1;
7297 color: #dd3333;
7298 content: "\f335";
7299 }
7300 .lp-group-step .lp-item-step .progress-bar {
7301 display: block;
7302 position: absolute;
7303 top: 0;
7304 left: 0;
7305 width: 0;
7306 height: 100%;
7307 opacity: 0;
7308 background: rgba(124, 96, 217, 0.7490196078);
7309 transition: 0.8s linear;
7310 }
7311 .lp-group-step .lp-item-step-left {
7312 display: inline-flex;
7313 align-items: center;
7314 position: relative;
7315 padding: 0 2em;
7316 }
7317 .lp-group-step .lp-item-step-left::before {
7318 display: block;
7319 position: absolute;
7320 z-index: 2;
7321 width: 1em;
7322 height: 1em;
7323 border: 1px solid rgba(0, 0, 0, 0.1);
7324 border-top: 1px solid #3498db;
7325 border-radius: 50%;
7326 opacity: 0;
7327 content: "";
7328 -webkit-animation: lp-rotating 0.8s linear infinite;
7329 animation: lp-rotating 0.8s linear infinite;
7330 }
7331 .lp-group-step .lp-item-step-left::after {
7332 position: absolute;
7333 z-index: 1;
7334 left: 23px;
7335 opacity: 0;
7336 color: #4caf50;
7337 font-family: Dashicons;
7338 font-size: 1.5em;
7339 content: "\f147";
7340 }
7341
7342 .lp-group-steps-done {
7343 display: none;
7344 }
7345
7346 @keyframes lp-rotating {
7347 from {
7348 -webkit-transform: rotate(0deg);
7349 -moz-transform: rotate(0deg);
7350 -ms-transform: rotate(0deg);
7351 -o-transform: rotate(0deg);
7352 transform: rotate(0deg);
7353 }
7354 to {
7355 -webkit-transform: rotate(360deg);
7356 -moz-transform: rotate(360deg);
7357 -ms-transform: rotate(360deg);
7358 -o-transform: rotate(360deg);
7359 transform: rotate(360deg);
7360 }
7361 }
7362 @-webkit-keyframes lp-rotating {
7363 from {
7364 -webkit-transform: rotate(0deg);
7365 -moz-transform: rotate(0deg);
7366 -ms-transform: rotate(0deg);
7367 -o-transform: rotate(0deg);
7368 transform: rotate(0deg);
7369 }
7370 to {
7371 -webkit-transform: rotate(360deg);
7372 -moz-transform: rotate(360deg);
7373 -ms-transform: rotate(360deg);
7374 -o-transform: rotate(360deg);
7375 transform: rotate(360deg);
7376 }
7377 }
7378 .lp-loading-change {
7379 position: absolute;
7380 width: 100%;
7381 height: 100%;
7382 background: rgba(255, 255, 255, 0.38);
7383 top: 0;
7384 }
7385
7386 .lp-load-ajax-element {
7387 position: relative;
7388 }
7389
7390 @media screen and (max-width: 782px) {
7391 .learn-press-dropdown-pages .select2-container {
7392 vertical-align: top;
7393 }
7394 .learn-press-dropdown-pages .select2-container .select2-selection--single {
7395 height: 31px;
7396 }
7397 .learn-press-dropdown-pages .select2-selection__rendered {
7398 line-height: 31px !important;
7399 }
7400 #learn-press-advertisement {
7401 margin: 0 12px;
7402 padding-bottom: 0;
7403 }
7404 #learn-press-advertisement .slider-controls {
7405 bottom: 40px;
7406 }
7407 }
7408 .lp-skeleton-animation {
7409 margin: 0;
7410 padding: 0;
7411 list-style: none;
7412 }
7413 .lp-skeleton-animation > li {
7414 width: 100%;
7415 height: 16px;
7416 margin-top: 15px;
7417 border-radius: 2px;
7418 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%);
7419 background-size: 400% 100%;
7420 list-style: none;
7421 animation: lp-skeleton-loading 1.4s ease infinite;
7422 }
7423
7424 @keyframes lp-skeleton-loading {
7425 0% {
7426 background-position: 100% 50%;
7427 }
7428 to {
7429 background-position: 0 50%;
7430 }
7431 }
7432 .lp-admin-statistics-tab-content {
7433 box-sizing: border-box;
7434 max-width: 100%;
7435 border: 1px solid #c3c4c7;
7436 background: #fff;
7437 }
7438 .lp-admin-statistics-tab-content .btn-group {
7439 display: flex;
7440 margin: 20px 0;
7441 gap: 10px;
7442 flex-direction: row;
7443 flex-wrap: wrap;
7444 }
7445 .lp-admin-statistics-tab-content .btn-group button.btn-filter-time {
7446 border: 1px solid #284BCA;
7447 color: #000;
7448 padding: 10px 24px;
7449 cursor: pointer;
7450 background: #fff;
7451 }
7452 .lp-admin-statistics-tab-content .btn-group .btn-filter-time.active {
7453 background: #284BCA;
7454 color: #fff;
7455 border: 1px solid #284BCA;
7456 }
7457 .lp-admin-statistics-tab-content .custom-filter-time {
7458 display: none;
7459 }
7460 .lp-admin-statistics-tab-content .statistics-content {
7461 background: white;
7462 border: 1px solid #D9D9D9;
7463 padding: 22px;
7464 }
7465 .lp-admin-statistics-tab-content .statistics-content .statistics-group {
7466 display: flex;
7467 justify-content: space-between;
7468 flex-direction: row;
7469 flex-wrap: wrap;
7470 gap: 10px;
7471 }
7472 .lp-admin-statistics-tab-content .statistics-content .statistics-group .statistics-item {
7473 border: 1px solid #000;
7474 color: #000;
7475 padding: 15px 30px;
7476 display: flex;
7477 flex-direction: column;
7478 text-align: center;
7479 width: 100%;
7480 max-width: 150px;
7481 }
7482 .lp-admin-statistics-tab-content .statistics-content .statistics-group .statistics-item .statistics-item-title {
7483 font-size: 16px;
7484 line-height: 1.2;
7485 }
7486 .lp-admin-statistics-tab-content .statistics-content .statistics-group .statistics-item .statistics-item-count {
7487 font-size: 24px;
7488 line-height: 1.2;
7489 font-weight: 700;
7490 }
7491 .lp-admin-statistics-tab-content .statistics-content .statistics-title {
7492 color: #000;
7493 text-align: center;
7494 font-size: 24px;
7495 font-style: normal;
7496 font-weight: 700;
7497 line-height: normal;
7498 text-transform: capitalize;
7499 }
7500 .lp-admin-statistics-tab-content .statistics-content .statistics-chart-wrapper {
7501 padding: 10px 30px;
7502 }
7503 .lp-admin-statistics-tab-content .statistics-content .sold-course-analytics {
7504 display: flex;
7505 flex-direction: row;
7506 flex-wrap: wrap;
7507 justify-content: space-evenly;
7508 gap: 20px;
7509 margin-top: 20px;
7510 }
7511 .lp-admin-statistics-tab-content .statistics-content .sold-course-analytics .col-50 {
7512 flex: 1;
7513 }
7514 .lp-admin-statistics-tab-content .statistics-content .sold-course-analytics .col-50:first-child {
7515 border-right: 1px solid #D9D9D9;
7516 }
7517 .lp-admin-statistics-tab-content .statistics-content .sold-course-analytics li {
7518 font-size: 16px;
7519 line-height: 1.2;
7520 font-weight: 400;
7521 }
7522 .lp-admin-statistics-tab-content .statistics-content .top-course-analytics-title {
7523 margin-top: 0;
7524 font-size: 24px;
7525 line-height: 1.2;
7526 font-weight: 700;
7527 }
7528
7529 .lp-admin-statistics-tab-content > .lp-stats-kpi-grid {
7530 margin: 20px 20px 14px;
7531 }
7532
7533 .lp-admin-statistics-tab-content > .lp-stats-layout {
7534 margin: 0 20px 20px;
7535 }
7536
7537 .lp-stats-dashboard-body {
7538 padding: 20px;
7539 }
7540
7541 .lp-admin-statistics-tab-content .lp-stats-section.statistics-content {
7542 padding: 0;
7543 }
7544
7545 .lp-statistics-filter-bar {
7546 align-items: center;
7547 gap: 8px;
7548 margin: 0 !important;
7549 padding: 16px;
7550 border-bottom: 1px solid #dcdcde;
7551 background: #fff;
7552 }
7553
7554 .lp-stats-daterange {
7555 position: relative;
7556 }
7557 .lp-stats-daterange .lp-stats-daterange__toggle {
7558 display: flex;
7559 align-items: center;
7560 gap: 8px;
7561 min-height: 38px;
7562 padding: 8px 12px;
7563 border: 1px solid #c3c4c7;
7564 border-radius: 2px;
7565 background: #fff;
7566 color: #1d2327;
7567 font-size: 14px;
7568 font-weight: 500;
7569 line-height: 20px;
7570 cursor: pointer;
7571 }
7572 .lp-stats-daterange .lp-stats-daterange__toggle:hover, .lp-stats-daterange .lp-stats-daterange__toggle[aria-expanded=true] {
7573 border-color: #3858e9;
7574 color: #3858e9;
7575 }
7576 .lp-stats-daterange .lp-stats-daterange__toggle .dashicons {
7577 font-size: 18px;
7578 width: 18px;
7579 height: 18px;
7580 }
7581 .lp-stats-daterange .lp-stats-daterange__toggle .lp-stats-daterange__caret {
7582 font-size: 14px;
7583 width: 14px;
7584 height: 14px;
7585 color: #646970;
7586 }
7587 .lp-stats-daterange .lp-stats-daterange__panel {
7588 position: absolute;
7589 z-index: 100;
7590 top: calc(100% + 4px);
7591 inset-inline-start: 0;
7592 min-width: 280px;
7593 border: 1px solid #c3c4c7;
7594 border-radius: 2px;
7595 background: #fff;
7596 box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
7597 }
7598 .lp-stats-daterange .lp-stats-daterange__tabs {
7599 display: flex;
7600 border-bottom: 1px solid #dcdcde;
7601 }
7602 .lp-stats-daterange .lp-stats-daterange__tabs .lp-stats-daterange__tab {
7603 flex: 1;
7604 padding: 10px 16px;
7605 border: 0;
7606 border-bottom: 2px solid transparent;
7607 background: none;
7608 color: #646970;
7609 font-size: 13px;
7610 font-weight: 600;
7611 cursor: pointer;
7612 }
7613 .lp-stats-daterange .lp-stats-daterange__tabs .lp-stats-daterange__tab.active {
7614 border-bottom-color: #3858e9;
7615 color: #3858e9;
7616 }
7617 .lp-stats-daterange .lp-stats-daterange__tabs .lp-stats-daterange__tab:focus-visible {
7618 outline: 1.5px solid #3858e9;
7619 outline-offset: -2px;
7620 }
7621 .lp-stats-daterange .lp-stats-daterange__presets {
7622 max-height: 320px;
7623 margin: 0;
7624 padding: 8px 0;
7625 overflow-y: auto;
7626 list-style: none;
7627 }
7628 .lp-stats-daterange .lp-stats-daterange__presets li {
7629 margin: 0;
7630 }
7631 .lp-stats-daterange .lp-stats-daterange__presets .lp-stats-daterange__preset {
7632 display: flex;
7633 align-items: center;
7634 gap: 8px;
7635 padding: 7px 16px;
7636 font-size: 13px;
7637 cursor: pointer;
7638 }
7639 .lp-stats-daterange .lp-stats-daterange__presets .lp-stats-daterange__preset:hover {
7640 background: #f0f0f1;
7641 }
7642 .lp-stats-daterange .lp-stats-daterange__presets .lp-stats-daterange__preset input[type=radio] {
7643 margin: 0;
7644 }
7645 .lp-stats-daterange .lp-stats-daterange__tabpanel[data-tabpanel=custom] {
7646 padding: 16px;
7647 }
7648 .lp-stats-daterange .lp-stats-daterange__tabpanel[data-tabpanel=custom] .lp-stats-daterange__custom-fields {
7649 display: flex;
7650 gap: 12px;
7651 margin-bottom: 12px;
7652 }
7653 .lp-stats-daterange .lp-stats-daterange__tabpanel[data-tabpanel=custom] .lp-stats-daterange__custom-fields label {
7654 display: flex;
7655 flex-direction: column;
7656 gap: 4px;
7657 font-size: 12px;
7658 color: #646970;
7659 }
7660 .lp-stats-daterange .lp-stats-daterange__tabpanel[data-tabpanel=custom] .lp-stats-daterange__custom-fields input[type=date] {
7661 min-height: 34px;
7662 }
7663 .lp-stats-daterange .lp-stats-daterange__compare {
7664 margin: 0;
7665 padding: 12px 16px 14px;
7666 border: 0;
7667 border-top: 1px solid #dcdcde;
7668 }
7669 .lp-stats-daterange .lp-stats-daterange__compare legend {
7670 padding: 12px 0 6px;
7671 font-size: 12px;
7672 font-weight: 600;
7673 color: #646970;
7674 text-transform: uppercase;
7675 }
7676 .lp-stats-daterange .lp-stats-daterange__compare label {
7677 display: flex;
7678 align-items: center;
7679 gap: 8px;
7680 padding: 4px 0;
7681 font-size: 13px;
7682 cursor: pointer;
7683 }
7684 .lp-stats-daterange .lp-stats-daterange__compare label input[type=radio] {
7685 margin: 0;
7686 }
7687 @media screen and (max-width: 782px) {
7688 .lp-stats-daterange .lp-stats-daterange__panel {
7689 min-width: 0;
7690 width: min(320px, 100vw - 48px);
7691 }
7692 }
7693
7694 .lp-stats-filter-scope {
7695 display: flex;
7696 align-items: center;
7697 gap: 8px;
7698 margin-inline-start: auto;
7699 }
7700 .lp-stats-filter-scope select {
7701 width: 145px;
7702 max-width: 180px;
7703 min-height: 36px;
7704 }
7705 .lp-stats-filter-scope .lp-stats-export-csv {
7706 min-height: 36px;
7707 border-color: #c3c4c7;
7708 background: #f6f7f7;
7709 font-weight: 500;
7710 }
7711
7712 .lp-admin-statistics-tab-content .lp-stats-section .statistics-chart-wrapper {
7713 position: relative;
7714 box-sizing: border-box;
7715 height: 360px;
7716 max-height: 380px;
7717 padding: 20px;
7718 }
7719 .lp-admin-statistics-tab-content .lp-stats-section .statistics-chart-wrapper canvas {
7720 width: 100% !important;
7721 height: 100% !important;
7722 max-height: 100%;
7723 }
7724 @media screen and (max-width: 782px) {
7725 .lp-admin-statistics-tab-content .lp-stats-section .statistics-chart-wrapper {
7726 height: 280px;
7727 padding: 16px;
7728 }
7729 }
7730
7731 .lp-stats-kpi-grid {
7732 display: grid;
7733 grid-template-columns: repeat(6, 1fr);
7734 gap: 16px;
7735 margin-bottom: 14px;
7736 }
7737 @media screen and (max-width: 1400px) {
7738 .lp-stats-kpi-grid {
7739 grid-template-columns: repeat(3, 1fr);
7740 }
7741 }
7742 @media screen and (max-width: 782px) {
7743 .lp-stats-kpi-grid {
7744 grid-template-columns: repeat(2, 1fr);
7745 }
7746 }
7747
7748 .lp-kpi-card {
7749 display: flex;
7750 flex-direction: column;
7751 gap: 4px;
7752 min-height: 110px;
7753 box-sizing: border-box;
7754 padding: 16px;
7755 border: 1px solid #dcdcde;
7756 background: #fff;
7757 }
7758 .lp-kpi-card.is-highlighted {
7759 border-color: #2271b1;
7760 box-shadow: inset 0 0 0 1px #2271b1;
7761 }
7762 .lp-kpi-card .lp-kpi-title {
7763 font-size: 12px;
7764 font-weight: 600;
7765 text-transform: uppercase;
7766 color: #8c8f94;
7767 }
7768 .lp-kpi-card .lp-kpi-value {
7769 font-size: 24px;
7770 font-weight: 700;
7771 line-height: 1.2;
7772 }
7773 .lp-kpi-card .lp-kpi-delta {
7774 font-size: 12px;
7775 font-weight: 600;
7776 }
7777 .lp-kpi-card .lp-kpi-delta.is-up {
7778 color: #00a32a;
7779 }
7780 .lp-kpi-card .lp-kpi-delta.is-down {
7781 color: #d63638;
7782 }
7783 .lp-kpi-card .lp-kpi-subline {
7784 font-size: 12px;
7785 color: #646970;
7786 }
7787 .lp-kpi-card .lp-kpi-progress {
7788 display: block;
7789 height: 6px;
7790 margin-top: 4px;
7791 background: #f0f0f1;
7792 overflow: hidden;
7793 }
7794 .lp-kpi-card .lp-kpi-progress__bar {
7795 display: block;
7796 height: 100%;
7797 background: #2271b1;
7798 }
7799
7800 .lp-badge {
7801 display: inline-block;
7802 padding: 2px 8px;
7803 border-radius: 3px;
7804 font-size: 12px;
7805 font-weight: 600;
7806 color: #fff;
7807 }
7808 .lp-badge--green {
7809 background: #00a32a;
7810 }
7811 .lp-badge--yellow {
7812 background: #dba617;
7813 }
7814 .lp-badge--red {
7815 background: #d63638;
7816 }
7817 .lp-badge--grey {
7818 background: #646970;
7819 }
7820
7821 .lp-risk--high {
7822 background: #d63638;
7823 }
7824 .lp-risk--high::before {
7825 content: "🔴";
7826 }
7827 .lp-risk--medium {
7828 background: #dba617;
7829 }
7830 .lp-risk--medium::before {
7831 content: "🟡";
7832 }
7833 .lp-risk--healthy {
7834 background: #00a32a;
7835 }
7836 .lp-risk--healthy::before {
7837 content: "🟢";
7838 }
7839
7840 .lp-stats-operations {
7841 margin: 0;
7842 padding: 16px;
7843 }
7844 .lp-stats-operations__row {
7845 display: flex;
7846 flex-wrap: wrap;
7847 align-items: baseline;
7848 gap: 8px;
7849 padding: 10px 0;
7850 border-bottom: 1px solid #dcdcde;
7851 }
7852 .lp-stats-operations__row:last-child {
7853 border-bottom: 0;
7854 }
7855 .lp-stats-operations__label {
7856 flex: 1;
7857 font-size: 13px;
7858 color: #646970;
7859 }
7860 .lp-stats-operations__value {
7861 font-weight: 700;
7862 font-size: 14px;
7863 }
7864 .lp-stats-operations__name {
7865 flex-basis: 100%;
7866 font-size: 12px;
7867 color: #646970;
7868 }
7869
7870 .lp-stats-table tbody tr:hover {
7871 background: #f6f7f7;
7872 }
7873 .lp-stats-table .lp-stats-course-performance-row,
7874 .lp-stats-table .lp-stats-instructor-performance-row {
7875 cursor: pointer;
7876 }
7877 .lp-stats-table tbody tr.is-highlighted {
7878 background: #f0f6fc;
7879 box-shadow: inset 3px 0 0 #2271b1;
7880 }
7881 .lp-stats-table .lp-stats-table__empty {
7882 color: #646970;
7883 text-align: center;
7884 padding: 24px 12px;
7885 }
7886
7887 .lp-admin-statistics-tab-content .lp-table-wrap,
7888 .lp-stats-report-modal .lp-table-wrap {
7889 border: 0;
7890 border-radius: 0;
7891 overflow-x: auto;
7892 }
7893 .lp-admin-statistics-tab-content table.lp-list-table,
7894 .lp-stats-report-modal table.lp-list-table {
7895 min-width: 0;
7896 }
7897
7898 .lp-stats-report-popup.swal2-popup {
7899 max-width: 1600px;
7900 }
7901
7902 .lp-stats-report-modal {
7903 text-align: start;
7904 }
7905 .lp-stats-report-modal__toolbar {
7906 display: flex;
7907 align-items: center;
7908 gap: 10px;
7909 padding: 10px 0;
7910 }
7911 .lp-stats-report-modal__toolbar .lp-stats-report-modal__search {
7912 flex: 1;
7913 max-width: 320px;
7914 }
7915 .lp-stats-report-modal__toolbar .lp-stats-report-modal__export {
7916 margin-inline-start: auto;
7917 }
7918 .lp-stats-report-modal__body {
7919 overflow: auto;
7920 max-height: 72vh;
7921 }
7922 .lp-stats-report-modal table.lp-list-table {
7923 min-width: 720px;
7924 }
7925 .lp-stats-report-modal__loading {
7926 padding: 40px 0;
7927 text-align: center;
7928 color: #646970;
7929 font-size: 14px;
7930 }
7931 .lp-stats-report-modal .lp-stats-report-table-footer {
7932 display: flex;
7933 align-items: center;
7934 justify-content: center;
7935 flex-wrap: wrap;
7936 gap: 10px;
7937 padding-top: 6px;
7938 }
7939 .lp-stats-report-modal .lp-stats-report-table-footer__count {
7940 color: #646970;
7941 font-size: 13px;
7942 }
7943
7944 .lp-stats-funnel {
7945 display: flex;
7946 flex-direction: column;
7947 gap: 14px;
7948 padding: 18px 16px 16px;
7949 }
7950 .lp-stats-funnel .lp-stats-funnel__step {
7951 display: grid;
7952 grid-template-columns: 1fr auto;
7953 gap: 6px 10px;
7954 }
7955 .lp-stats-funnel .lp-stats-funnel__label {
7956 font-size: 14px;
7957 }
7958 .lp-stats-funnel .lp-stats-funnel__track {
7959 grid-column: 1/-1;
7960 background: #f0f0f1;
7961 }
7962 .lp-stats-funnel .lp-stats-funnel__bar {
7963 display: block;
7964 height: 8px;
7965 min-width: 2px;
7966 background: #3858e9;
7967 }
7968 .lp-stats-funnel .lp-stats-funnel__step[data-step=failed] .lp-stats-funnel__bar {
7969 background: #d63638;
7970 }
7971 .lp-stats-funnel .lp-stats-funnel__count {
7972 font-size: 14px;
7973 font-weight: 600;
7974 }
7975
7976 .lp-stats-payment-health {
7977 margin: 0;
7978 padding: 16px;
7979 list-style: none;
7980 }
7981 .lp-stats-payment-health__row {
7982 display: flex;
7983 align-items: center;
7984 justify-content: space-between;
7985 gap: 12px;
7986 margin: 0;
7987 padding: 10px 0;
7988 border-bottom: 1px solid #dcdcde;
7989 }
7990 .lp-stats-payment-health__row:last-child {
7991 border-bottom: 0;
7992 }
7993 .lp-stats-payment-health__label {
7994 color: #1d2327;
7995 font-size: 14px;
7996 }
7997 .lp-stats-payment-health__count {
7998 font-size: 14px;
7999 font-weight: 600;
8000 }
8001
8002 .lp-stats-health-grid {
8003 display: grid;
8004 grid-template-columns: repeat(4, 1fr);
8005 gap: 10px;
8006 }
8007 @media screen and (max-width: 1200px) {
8008 .lp-stats-health-grid {
8009 grid-template-columns: repeat(2, 1fr);
8010 }
8011 }
8012 .lp-stats-health-grid .lp-stats-health-box {
8013 display: flex;
8014 flex-direction: column;
8015 gap: 4px;
8016 padding: 12px 15px;
8017 border: 1px solid #dcdcde;
8018 background: #fff;
8019 }
8020 .lp-stats-health-grid .lp-stats-health-box.is-alert {
8021 border-inline-start: 4px solid #d63638;
8022 }
8023 .lp-stats-health-grid .lp-stats-health-box .lp-stats-health-box__count {
8024 font-size: 20px;
8025 font-weight: 700;
8026 }
8027 .lp-stats-health-grid .lp-stats-health-box .lp-stats-health-box__label {
8028 font-size: 12px;
8029 color: #646970;
8030 }
8031
8032 .lp-stats-layout {
8033 display: grid;
8034 grid-template-columns: minmax(0, 1fr) 320px;
8035 gap: 20px;
8036 align-items: start;
8037 }
8038 @media screen and (max-width: 1200px) {
8039 .lp-stats-layout {
8040 grid-template-columns: minmax(0, 1fr);
8041 }
8042 }
8043 .lp-stats-layout .lp-stats-layout__sidebar > * + * {
8044 margin-top: 20px;
8045 }
8046
8047 .lp-stats-section {
8048 background: #fff;
8049 border: 1px solid #dcdcde;
8050 padding: 0;
8051 margin-bottom: 20px;
8052 overflow: hidden;
8053 }
8054 .lp-stats-section .lp-stats-section__header {
8055 display: flex;
8056 align-items: flex-start;
8057 justify-content: space-between;
8058 gap: 16px;
8059 min-height: 50px;
8060 box-sizing: border-box;
8061 padding: 14px 16px 12px;
8062 border-bottom: 1px solid #dcdcde;
8063 }
8064 .lp-stats-section .lp-stats-section__title {
8065 margin: 0;
8066 font-size: 16px;
8067 font-weight: 600;
8068 line-height: 24px;
8069 }
8070 .lp-stats-section > .lp-stats-section__title {
8071 padding: 14px 16px 12px;
8072 border-bottom: 1px solid #dcdcde;
8073 }
8074 .lp-stats-section .lp-stats-section__description {
8075 margin: 4px 0 0;
8076 color: #50575e;
8077 font-size: 13px;
8078 line-height: 20px;
8079 }
8080 .lp-stats-section .lp-stats-section__action {
8081 align-self: center;
8082 color: #3858e9;
8083 font-size: 14px;
8084 text-decoration: none;
8085 }
8086 .lp-stats-section > .lp-stats-health-grid,
8087 .lp-stats-section > .lp-stats-health-checks {
8088 margin: 0;
8089 padding: 16px;
8090 }
8091 .lp-stats-section > .lp-skeleton-animation {
8092 margin: 16px;
8093 }
8094
8095 .lp-stats-overview-grid {
8096 display: grid;
8097 gap: 20px;
8098 margin-top: 20px;
8099 }
8100 .lp-stats-overview-grid .lp-stats-section {
8101 margin-bottom: 0;
8102 }
8103 .lp-stats-overview-grid:first-of-type {
8104 margin-top: 0;
8105 }
8106 .lp-stats-overview-grid--chart {
8107 grid-template-columns: minmax(0, 2fr) minmax(320px, 1fr);
8108 }
8109 .lp-stats-overview-grid--chart .lp-stats-section {
8110 min-height: 440px;
8111 }
8112 .lp-stats-overview-grid--tables {
8113 grid-template-columns: repeat(2, minmax(0, 1fr));
8114 }
8115 .lp-stats-overview-grid--health {
8116 grid-template-columns: minmax(0, 0.85fr) minmax(0, 1fr);
8117 }
8118 @media screen and (max-width: 1200px) {
8119 .lp-stats-overview-grid {
8120 grid-template-columns: minmax(0, 1fr);
8121 }
8122 }
8123
8124 .lp-stats-health-checks {
8125 list-style: none;
8126 }
8127 .lp-stats-health-checks li {
8128 margin: 0;
8129 border-bottom: 1px solid #dcdcde;
8130 }
8131 .lp-stats-health-checks li:last-child {
8132 border-bottom: 0;
8133 }
8134 .lp-stats-health-checks a {
8135 display: flex;
8136 align-items: center;
8137 justify-content: space-between;
8138 gap: 12px;
8139 padding: 10px 0;
8140 text-decoration: none;
8141 }
8142 .lp-stats-health-checks .lp-stats-health-check__count {
8143 order: 2;
8144 font-weight: 600;
8145 }
8146
8147 table.lp-material--table {
8148 border-collapse: collapse;
8149 width: 100%;
8150 }
8151 table.lp-material--table td, table.lp-material--table th {
8152 border: 1px solid #dddddd;
8153 text-align: left;
8154 padding: 8px;
8155 }
8156 table.lp-material--table thead.hidden {
8157 display: none;
8158 }
8159 table.lp-material--table td.sort {
8160 cursor: move;
8161 }
8162 table.lp-material--table tr:nth-child(even) {
8163 background-color: rgba(221, 221, 221, 0.2509803922);
8164 }
8165
8166 .lp-material--field-wrap {
8167 display: flex;
8168 flex-direction: row;
8169 align-items: center;
8170 padding-block: 5px;
8171 }
8172
8173 .lp-material--field-wrap label {
8174 min-width: 70px;
8175 }
8176
8177 .lp-material--group {
8178 margin-top: 10px;
8179 padding: 10px;
8180 border: 1px solid #dedede;
8181 border-radius: 10px;
8182 box-shadow: 2px 2px rgba(180, 180, 180, 0.2);
8183 }
8184
8185 .lp-material-btn-wrap {
8186 margin-bottom: 10px;
8187 }
8188
8189 .lp-material-btn-wrap.loading::before:before, #btn-lp--save-material.loading:before {
8190 display: inline-block;
8191 font-family: "lp-icon";
8192 content: "\f110";
8193 animation: lp-rotating 1s linear infinite;
8194 margin-right: 5px;
8195 font-variant: normal;
8196 text-transform: none;
8197 -webkit-font-smoothing: antialiased;
8198 -moz-osx-font-smoothing: grayscale;
8199 }
8200
8201 .button.lp-material--delete {
8202 color: white;
8203 border-color: red;
8204 background: red;
8205 vertical-align: top;
8206 }
8207
8208 .lp-material--field-wrap.field-action-wrap {
8209 display: flex;
8210 justify-content: space-between;
8211 }
8212
8213 .lp-meta-box .lp-material--field-wrap input {
8214 width: 100%;
8215 }
8216
8217 #available-to-upload {
8218 font-weight: bold;
8219 }
8220
8221 .learnpress-block-pagination,
8222 .learn-press-pagination {
8223 margin: 20px 0;
8224 text-align: center;
8225 }
8226 .learnpress-block-pagination .page-numbers,
8227 .learn-press-pagination .page-numbers {
8228 display: inline-flex;
8229 gap: 5px;
8230 flex-wrap: wrap;
8231 margin: 0;
8232 padding: 0;
8233 border: 0;
8234 outline: 0;
8235 background: transparent;
8236 list-style: none;
8237 }
8238 .learnpress-block-pagination .page-numbers > li,
8239 .learn-press-pagination .page-numbers > li {
8240 display: inline-block;
8241 margin: 0;
8242 }
8243 .learnpress-block-pagination .page-numbers > li .page-numbers,
8244 .learn-press-pagination .page-numbers > li .page-numbers {
8245 float: unset;
8246 padding: 0 12px;
8247 color: #666;
8248 text-decoration: none;
8249 }
8250 .learnpress-block-pagination .page-numbers > li .page-numbers.current,
8251 .learn-press-pagination .page-numbers > li .page-numbers.current {
8252 color: var(--lp-primary-color);
8253 font-weight: 400;
8254 }
8255 .learnpress-block-pagination .page-numbers > li .page-numbers:hover,
8256 .learn-press-pagination .page-numbers > li .page-numbers:hover {
8257 color: var(--lp-primary-color);
8258 }
8259
8260 .lp-instructor-info {
8261 display: flex;
8262 gap: 30px;
8263 margin-top: 30px;
8264 margin-bottom: 30px;
8265 }
8266 @media (max-width: 600px) {
8267 .lp-instructor-info {
8268 flex-wrap: wrap;
8269 }
8270 }
8271 .lp-instructor-info .lp-section-instructor {
8272 flex: 1;
8273 }
8274 .lp-instructor-info .instructor-display-name {
8275 font-size: 1.4rem;
8276 }
8277 .lp-instructor-info .instructor-avatar {
8278 max-width: 200px;
8279 }
8280 .lp-instructor-info .lp-instructor-meta {
8281 margin-top: 16px;
8282 display: flex;
8283 column-gap: 20px;
8284 row-gap: 8px;
8285 }
8286 .lp-instructor-info .instructor-description {
8287 margin-top: 16px;
8288 }
8289 .lp-instructor-info img {
8290 max-width: 100%;
8291 border-radius: var(--lp-border-radius, 5px);
8292 }
8293 .lp-instructor-info .instructor-social {
8294 display: inline-flex;
8295 padding: 0;
8296 gap: 12px;
8297 margin: 16px 0 0 0;
8298 }
8299 .lp-instructor-info .instructor-social > a {
8300 text-align: center;
8301 list-style: none;
8302 }
8303 .lp-instructor-info .instructor-social > a span {
8304 display: none;
8305 }
8306 .lp-instructor-info .instructor-social > a i {
8307 width: 40px;
8308 height: 40px;
8309 display: inline-flex;
8310 align-items: center;
8311 justify-content: center;
8312 border: 1px solid var(--lp-border-color, #E2E0DB);
8313 border-radius: 50%;
8314 }
8315 .lp-instructor-info .instructor-social > a i:hover {
8316 background-color: var(--lp-primary-color, #ffb606);
8317 border-color: var(--lp-primary-color, #ffb606);
8318 color: var(--lp-color-white, #fff);
8319 }
8320
8321 .instructor-display-name {
8322 font-weight: var(--lp-font-weight-link, 600);
8323 }
8324
8325 .instructor-item-meta {
8326 display: inline-flex;
8327 border-left: 1px solid var(--lp-border-color, #E2E0DB);
8328 padding-left: 20px;
8329 }
8330
8331 .lp-instructor-meta .instructor-item-meta:first-child {
8332 border: none;
8333 padding-left: 0;
8334 }
8335
8336 .wrapper-instructor-total-students, .wrapper-instructor-total-courses {
8337 display: flex;
8338 gap: 4px;
8339 align-items: center;
8340 }
8341
8342 .course-extra-box {
8343 margin-bottom: 16px;
8344 border: 1px solid var(--lp-border-color, #E2E0DB);
8345 border-radius: var(--lp-border-radius, 5px);
8346 width: 100%;
8347 }
8348 .course-extra-box.active .course-extra-box__content {
8349 height: auto;
8350 }
8351 .course-extra-box__title {
8352 --extra-height: 50px;
8353 display: flex;
8354 align-items: center;
8355 position: relative;
8356 height: var(--extra-height);
8357 margin: 0 !important;
8358 padding: 0 45px 0 20px;
8359 background: rgba(181, 187, 211, 0.15);
8360 font-size: 1em;
8361 font-weight: 700;
8362 cursor: pointer;
8363 }
8364 @media (max-width: 767px) {
8365 .course-extra-box__title {
8366 padding-left: 16px;
8367 }
8368 }
8369 .course-extra-box__title::after {
8370 position: absolute;
8371 top: 0;
8372 right: 20px;
8373 font-family: "lp-icon";
8374 line-height: var(--extra-height);
8375 content: "\f107";
8376 }
8377 .course-extra-box__content {
8378 overflow: hidden;
8379 transition: height 0.3s ease;
8380 }
8381 .course-extra-box__content-inner {
8382 -webkit-animation-name: course-extra-box__content-inner-transform;
8383 animation-name: course-extra-box__content-inner-transform;
8384 -webkit-animation-duration: 0.3s;
8385 animation-duration: 0.3s;
8386 -webkit-animation-timing-function: ease-in-out;
8387 animation-timing-function: ease-in-out;
8388 -webkit-animation-iteration-count: 1;
8389 animation-iteration-count: 1;
8390 -webkit-animation-direction: normal;
8391 animation-direction: normal;
8392 }
8393 .course-extra-box__content-inner > ul {
8394 padding-left: 0 !important;
8395 padding-bottom: 0 !important;
8396 }
8397 .course-extra-box__content ul,
8398 .course-extra-box__content li {
8399 list-style: none;
8400 }
8401 .course-extra-box__content ul {
8402 margin: 0;
8403 padding: 0;
8404 }
8405 .course-extra-box__content li {
8406 margin: 0;
8407 padding: 12px 20px;
8408 border-bottom: 1px solid var(--lp-border-color, #E2E0DB);
8409 }
8410 @media (max-width: 767px) {
8411 .course-extra-box__content li {
8412 padding-left: 16px;
8413 padding-right: 16px;
8414 }
8415 }
8416 .course-extra-box__content li::before {
8417 margin-right: 8px;
8418 color: var(--lp-primary-color);
8419 font-family: "lp-icon";
8420 content: "\f00c";
8421 }
8422 .course-extra-box__content li:last-child {
8423 border-bottom: 0;
8424 }
8425 .course-extra-box:last-child {
8426 margin-bottom: 60px;
8427 }
8428 .course-extra-box.active .course-extra-box__title::after {
8429 content: "\f106";
8430 }
8431 .course-extra-box + .comment-respond, .course-extra-box + .comments-area {
8432 margin-top: 30px;
8433 margin-bottom: 30px;
8434 }
8435 .course-extra-box + .course-tabs {
8436 margin-top: 30px;
8437 }
8438
8439 input[name=course-extra-box-ratio] {
8440 display: none;
8441 }
8442 input[name=course-extra-box-ratio]:checked + .course-extra-box .course-extra-box__content {
8443 display: block;
8444 }
8445 input[name=course-extra-box-ratio]:checked + .course-extra-box .course-extra-box__content .course-extra-box__content-inner {
8446 transform: scale(1);
8447 }
8448
8449 @-webkit-keyframes course-extra-box__content-inner-transform {
8450 from {
8451 opacity: 0;
8452 -webkit-transform: translateX(5%);
8453 -moz-transform: translateX(5%);
8454 -ms-transform: translateX(5%);
8455 -o-transform: translateX(5%);
8456 transform: translateX(5%);
8457 }
8458 to {
8459 opacity: 1;
8460 -webkit-transform: translateX(0%);
8461 -moz-transform: translateX(0%);
8462 -ms-transform: translateX(0%);
8463 -o-transform: translateX(0%);
8464 transform: translateX(0%);
8465 }
8466 }
8467 @keyframes course-extra-box__content-inner-transform {
8468 from {
8469 opacity: 0;
8470 transform: translateX(5%);
8471 }
8472 to {
8473 opacity: 1;
8474 transform: translateX(0%);
8475 }
8476 }
8477 .course-tab-panel-faqs .course-faqs-box {
8478 margin-bottom: 20px;
8479 border: 1px solid rgba(204, 204, 204, 0.6);
8480 border-radius: 5px;
8481 }
8482 .course-tab-panel-faqs .course-faqs-box__title {
8483 display: block;
8484 position: relative;
8485 margin: 0;
8486 padding: 12px 45px 12px 20px;
8487 font-size: 1em;
8488 line-height: 1.5;
8489 font-weight: var(--lp-font-weight-link, 600);
8490 cursor: pointer;
8491 }
8492 .course-tab-panel-faqs .course-faqs-box__title::after {
8493 position: absolute;
8494 top: 12px;
8495 right: 20px;
8496 font-family: "lp-icon";
8497 content: "\f067";
8498 }
8499 .course-tab-panel-faqs .course-faqs-box:last-child {
8500 margin-bottom: 40px;
8501 }
8502 .course-tab-panel-faqs .course-faqs-box:hover .course-faqs-box__title {
8503 color: var(--lp-primary-color);
8504 }
8505 .course-tab-panel-faqs .course-faqs-box__content {
8506 display: none;
8507 }
8508 .course-tab-panel-faqs .course-faqs-box__content-inner {
8509 padding: 20px;
8510 -webkit-animation-name: course-faqs-box__content-inner-transform;
8511 animation-name: course-faqs-box__content-inner-transform;
8512 -webkit-animation-duration: 0.3s;
8513 animation-duration: 0.3s;
8514 -webkit-animation-timing-function: ease-in-out;
8515 animation-timing-function: ease-in-out;
8516 -webkit-animation-iteration-count: 1;
8517 animation-iteration-count: 1;
8518 -webkit-animation-direction: normal;
8519 animation-direction: normal;
8520 }
8521
8522 input[name=course-faqs-box-ratio] {
8523 display: none;
8524 }
8525 input[name=course-faqs-box-ratio]:checked + .course-faqs-box .course-faqs-box__content {
8526 display: block;
8527 }
8528 input[name=course-faqs-box-ratio]:checked + .course-faqs-box .course-faqs-box__title {
8529 color: var(--lp-primary-color);
8530 background: rgba(241, 242, 248, 0.4);
8531 }
8532 input[name=course-faqs-box-ratio]:checked + .course-faqs-box .course-faqs-box__title::after {
8533 content: "\f068";
8534 }
8535
8536 @-webkit-keyframes course-faqs-box__content-inner-transform {
8537 from {
8538 opacity: 0;
8539 -webkit-transform: translateY(-5%);
8540 -moz-transform: translateY(-5%);
8541 -ms-transform: translateY(-5%);
8542 -o-transform: translateY(-5%);
8543 transform: translateY(-5%);
8544 }
8545 to {
8546 opacity: 1;
8547 -webkit-transform: translateY(0%);
8548 -moz-transform: translateY(0%);
8549 -ms-transform: translateY(0%);
8550 -o-transform: translateY(0%);
8551 transform: translateY(0%);
8552 }
8553 }
8554 @keyframes course-faqs-box__content-inner-transform {
8555 from {
8556 opacity: 0;
8557 -webkit-transform: translateY(-5%);
8558 -moz-transform: translateY(-5%);
8559 -ms-transform: translateY(-5%);
8560 -o-transform: translateY(-5%);
8561 transform: translateY(-5%);
8562 }
8563 to {
8564 opacity: 1;
8565 -webkit-transform: translateY(0%);
8566 -moz-transform: translateY(0%);
8567 -ms-transform: translateY(0%);
8568 -o-transform: translateY(0%);
8569 transform: translateY(0%);
8570 }
8571 }
8572 .extra-box__title, .course-faqs__title, .course-material__title {
8573 margin-top: 0;
8574 margin-bottom: 12px;
8575 }
8576
8577 .edit-content {
8578 margin-left: 5px;
8579 }
8580
8581 .course-curriculum ul.curriculum-sections {
8582 position: relative;
8583 margin: 0;
8584 padding: 0;
8585 list-style: none;
8586 }
8587 .course-curriculum ul.curriculum-sections .closed .section-item__loadmore {
8588 display: none;
8589 }
8590 .course-curriculum ul.curriculum-sections .section {
8591 margin: 0;
8592 padding: 0;
8593 flex-wrap: wrap;
8594 }
8595 .course-curriculum ul.curriculum-sections .section:last-child {
8596 padding: 0;
8597 }
8598 .course-curriculum ul.curriculum-sections .section.section-empty .section-header {
8599 margin-bottom: 20px;
8600 }
8601 .course-curriculum ul.curriculum-sections .section.section-empty .learn-press-message {
8602 margin-right: 15px;
8603 margin-left: 15px;
8604 }
8605 .course-curriculum ul.curriculum-sections .section-title.c + .section-desc {
8606 display: block;
8607 }
8608 .course-curriculum ul.curriculum-sections .section-title.c span.show-desc::before {
8609 -webkit-transform: rotate(180deg);
8610 -moz-transform: rotate(180deg);
8611 -ms-transform: rotate(180deg);
8612 -o-transform: rotate(180deg);
8613 transform: rotate(180deg);
8614 top: 0;
8615 }
8616 .course-curriculum ul.curriculum-sections .item-meta.duration {
8617 background: #d9e0f1;
8618 }
8619 .course-curriculum .section-item__loadmore {
8620 display: flex;
8621 justify-content: center;
8622 align-items: center;
8623 }
8624 .course-curriculum .section-item__loadmore button {
8625 margin-top: 10px;
8626 border: 1px solid var(--lp-border-color, #E2E0DB);
8627 border-radius: var(--lp-border-radius, 5px);
8628 padding: 8px 16px;
8629 box-shadow: none;
8630 outline: none;
8631 }
8632 .course-curriculum .section-item__loadmore.loading button:before {
8633 display: inline-block;
8634 font-family: "lp-icon";
8635 content: "\f110";
8636 animation: lp-rotating 1s linear infinite;
8637 margin-right: 5px;
8638 font-variant: normal;
8639 text-transform: none;
8640 -webkit-font-smoothing: antialiased;
8641 -moz-osx-font-smoothing: grayscale;
8642 }
8643 .course-curriculum .section-header {
8644 display: table;
8645 width: 100%;
8646 padding: 20px 0;
8647 border-bottom: 0;
8648 border-bottom: 1px solid #d9e0f1;
8649 cursor: pointer;
8650 -webkit-box-sizing: border-box;
8651 -moz-box-sizing: border-box;
8652 box-sizing: border-box;
8653 }
8654 .course-curriculum .section-header .section-title, .course-curriculum .section-header .section-desc {
8655 margin: 0;
8656 }
8657 .course-curriculum .section-header span.show-desc {
8658 display: inline-block;
8659 position: absolute;
8660 top: 50%;
8661 right: 30px;
8662 width: 20px;
8663 height: 20px;
8664 transform: translate(0, -50%);
8665 }
8666 .course-curriculum .section-header span.show-desc::before {
8667 font-family: "lp-icon";
8668 font-size: 1.125em;
8669 content: "\f107";
8670 }
8671 .course-curriculum .section-header span.show-desc:hover::before {
8672 border-top-color: #ccc;
8673 }
8674 .course-curriculum .section-header .section-desc {
8675 margin-top: 10px;
8676 font-size: calc(var(--lp-font-size-base, 1em) * 0.925);
8677 color: var(--lp-color-accent);
8678 font-style: italic;
8679 line-height: 1.3;
8680 }
8681 .course-curriculum .section-header .section-meta {
8682 display: block;
8683 padding-top: 17px;
8684 padding-bottom: 15px;
8685 font-size: 0.8em;
8686 text-align: right;
8687 vertical-align: middle;
8688 white-space: nowrap;
8689 }
8690 .course-curriculum .section-item {
8691 width: 100%;
8692 }
8693 .course-curriculum .section-content {
8694 margin: 0;
8695 padding: 0;
8696 list-style: none;
8697 }
8698 .course-curriculum .section-content .course-item-meta {
8699 display: table-cell;
8700 text-align: right;
8701 vertical-align: middle;
8702 white-space: nowrap;
8703 }
8704 .course-curriculum .section-content .course-item-meta .item-meta {
8705 display: inline-block;
8706 color: #fff;
8707 }
8708 .course-curriculum .section-content .course-item-meta .item-meta.final-quiz {
8709 background: #14c4ff;
8710 }
8711 .course-curriculum .section-content .course-item-meta .item-meta.trans {
8712 padding: 0;
8713 }
8714 .course-curriculum .section-content .course-item-meta .count-questions {
8715 background: #9672cf;
8716 }
8717 .course-curriculum .section-content .course-item-meta .duration {
8718 background: #c0c0c0;
8719 }
8720 .course-curriculum .section-content .course-item-meta .course-item-status {
8721 padding: 0;
8722 color: #999;
8723 }
8724 .course-curriculum .section-content .course-item-meta .course-item-status::before {
8725 font-family: "lp-icon";
8726 content: "\f00c";
8727 }
8728 .course-curriculum .section-content .course-item-preview {
8729 font-style: normal;
8730 padding: 0;
8731 }
8732 .course-curriculum .section-content .course-item-preview::before {
8733 font-family: "lp-icon";
8734 content: "\f06e";
8735 color: #999;
8736 }
8737 .course-curriculum .course-item {
8738 display: flex;
8739 position: relative;
8740 margin: 0 0 2px 0;
8741 padding: 0 16px;
8742 background: rgba(241, 242, 248, 0.4);
8743 transition: padding-left linear 0.15s;
8744 }
8745 .course-curriculum .course-item > span {
8746 display: flex;
8747 width: 28px;
8748 color: #666;
8749 font-weight: 300;
8750 align-items: center;
8751 }
8752 .course-curriculum .course-item .section-item-link {
8753 display: flex;
8754 align-items: flex-start;
8755 justify-content: space-between;
8756 width: 100%;
8757 padding: 12px 0;
8758 color: inherit;
8759 outline: none;
8760 gap: 12px;
8761 }
8762 .course-curriculum .course-item .section-item-link:hover .item-name {
8763 color: var(--lp-primary-color);
8764 }
8765 .course-curriculum .course-item .section-item-link::before {
8766 color: var(--lp-primary-color);
8767 font-family: "lp-icon";
8768 }
8769 .course-curriculum .course-item .section-item-link .course-item-info {
8770 width: 100%;
8771 }
8772 .course-curriculum .course-item .section-item-link .course-item-info .course-item-info-pre {
8773 display: flex;
8774 flex-flow: row-reverse;
8775 justify-content: flex-end;
8776 gap: 16px;
8777 align-items: center;
8778 font-size: calc(var(--lp-font-size-base, 1em) * 0.925);
8779 }
8780 .course-curriculum .course-item .section-item-link .course-item-info .course-item-info-pre .item-meta.duration {
8781 background: transparent;
8782 }
8783 .course-curriculum .course-item .item-name {
8784 font-weight: 600;
8785 }
8786 .course-curriculum .course-item.course-item-lp_quiz .section-item-link::before {
8787 content: "\f059";
8788 }
8789 .course-curriculum .course-item.course-item-lp_assignment .section-item-link::before {
8790 content: "\e929" !important;
8791 }
8792 .course-curriculum .course-item.course-item.course-item-lp_h5p .section-item-link::before {
8793 content: "\e92a" !important;
8794 }
8795 .course-curriculum .course-item.course-item-lp_lesson .section-item-link::before {
8796 content: "\f15b";
8797 }
8798 .course-curriculum .course-item.course-item-lp_lesson.course-item-type-video .section-item-link::before {
8799 content: "\f03d";
8800 }
8801 .course-curriculum .course-item.course-item-lp_lesson.course-item-type-audio .section-item-link::before {
8802 content: "\f028";
8803 }
8804 .course-curriculum .course-item.item-locked .course-item-status::before {
8805 color: var(--lp-secondary-color);
8806 content: "\f023";
8807 }
8808 .course-curriculum .course-item.has-status {
8809 padding-top: 1px;
8810 }
8811 .course-curriculum .course-item.has-status.status-completed .course-item-status::before, .course-curriculum .course-item.has-status.status-evaluated .course-item-status::before {
8812 color: #3bb54a;
8813 }
8814 .course-curriculum .course-item.has-status.item-failed .course-item-status::before, .course-curriculum .course-item.has-status.failed .course-item-status::before {
8815 border-color: #f02425;
8816 color: #f02425;
8817 content: "\f00d";
8818 }
8819 .course-curriculum .course-item::before {
8820 position: absolute;
8821 top: 50%;
8822 left: 0;
8823 width: 3px;
8824 height: 0;
8825 background: #00adff;
8826 content: "";
8827 transition: height linear 0.15s, top linear 0.15s;
8828 }
8829 .course-curriculum .course-item.current {
8830 background: #f9f9f9;
8831 }
8832 .course-curriculum .course-item.current a::before {
8833 left: 10px;
8834 }
8835 .course-curriculum .course-item.current::before {
8836 top: 0;
8837 height: 100%;
8838 }
8839 .course-curriculum .section-left {
8840 vertical-align: top;
8841 }
8842 .course-curriculum .section-left .section-title {
8843 font-weight: 700;
8844 font-size: calc(var(--lp-font-size-base, 1em) * 1.25);
8845 text-transform: capitalize;
8846 display: block;
8847 }
8848 .course-curriculum .curriculum-more__button {
8849 border: 1px solid var(--lp-border-color, #E2E0DB);
8850 border-radius: var(--lp-border-radius, 5px);
8851 padding: 8px 16px;
8852 box-shadow: none;
8853 outline: none;
8854 width: 100%;
8855 margin-top: 20px;
8856 margin-bottom: 20px;
8857 }
8858 .course-curriculum .curriculum-more__button.loading:before {
8859 display: inline-block;
8860 font-family: "lp-icon";
8861 content: "\f110";
8862 animation: lp-rotating 1s linear infinite;
8863 margin-right: 5px;
8864 font-variant: normal;
8865 text-transform: none;
8866 -webkit-font-smoothing: antialiased;
8867 -moz-osx-font-smoothing: grayscale;
8868 }
8869
8870 body .content-item-summary .form-button-finish-course, body .lp-quiz-buttons .form-button-finish-course {
8871 float: right;
8872 }
8873
8874 #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 {
8875 top: 2px;
8876 font-family: "lp-icon";
8877 }
8878 #wpadminbar #wp-admin-bar-edit-lp_quiz .ab-item::before {
8879 content: "\f017";
8880 }
8881 #wpadminbar #wp-admin-bar-edit-lp_lesson .ab-item::before {
8882 content: "\f15c";
8883 }
8884 #wpadminbar #wp-admin-bar-edit-lp_question .ab-item::before {
8885 content: "\f29c";
8886 }
8887
8888 .course-remaining-time .label-enrolled {
8889 font-size: inherit;
8890 }
8891
8892 .lp-course-progress {
8893 position: relative;
8894 }
8895 .lp-course-progress .lp-passing-conditional {
8896 position: absolute;
8897 top: 0;
8898 width: 3px;
8899 height: 6px;
8900 margin-left: -1px;
8901 background: var(--lp-secondary-color);
8902 }
8903
8904 .viewing-course-item .section-header .section-desc {
8905 display: none;
8906 }
8907
8908 .lp-course-curriculum ul, .lp-course-curriculum li {
8909 list-style: none;
8910 margin: 0;
8911 padding: 0;
8912 }
8913 .lp-course-curriculum .course-curriculum-info {
8914 display: flex;
8915 justify-content: space-between;
8916 gap: 20px;
8917 margin-bottom: 20px;
8918 }
8919 .lp-course-curriculum .course-curriculum-info__left {
8920 display: flex;
8921 align-items: center;
8922 flex-wrap: wrap;
8923 gap: 8px;
8924 }
8925 .lp-course-curriculum .course-curriculum-info__left li {
8926 display: inline-flex;
8927 align-items: center;
8928 gap: 8px;
8929 }
8930 .lp-course-curriculum .course-curriculum-info__left li::after {
8931 content: "";
8932 width: 4px;
8933 height: 4px;
8934 background-color: var(--lp-border-color, #E2E0DB);
8935 display: inline-block;
8936 }
8937 .lp-course-curriculum .course-curriculum-info__left li:last-child::after {
8938 content: none;
8939 }
8940 .lp-course-curriculum .course-curriculum-info__right {
8941 font-weight: var(--lp-font-weight-link, 600);
8942 text-align: right;
8943 text-transform: capitalize;
8944 }
8945 .lp-course-curriculum .course-toggle-all-sections {
8946 cursor: pointer;
8947 }
8948 .lp-course-curriculum .course-section {
8949 margin-bottom: 8px;
8950 border: 1px solid var(--lp-border-color, #E2E0DB);
8951 border-radius: var(--lp-border-radius, 5px);
8952 cursor: pointer;
8953 overflow: hidden;
8954 }
8955 .lp-course-curriculum .course-section.lp-collapse .course-section__items {
8956 display: none;
8957 animation: ease-in-out;
8958 }
8959 .lp-course-curriculum .course-section.lp-collapse .lp-icon-angle-up {
8960 display: none;
8961 }
8962 .lp-course-curriculum .course-section.lp-collapse .lp-icon-angle-down {
8963 display: block;
8964 }
8965 .lp-course-curriculum .course-section .lp-icon-angle-down {
8966 display: none;
8967 }
8968 .lp-course-curriculum .course-section:last-child {
8969 margin-bottom: 0;
8970 }
8971 .lp-course-curriculum .course-section .course-section-header {
8972 background-color: var(--lp-white-grey, #F7F7FB);
8973 padding: 20px;
8974 column-gap: 12px;
8975 display: flex;
8976 justify-content: space-between;
8977 }
8978 .lp-course-curriculum .course-section__title {
8979 font-weight: 600;
8980 font-size: 1.1em;
8981 line-height: 1.3em;
8982 }
8983 .lp-course-curriculum .course-section__description {
8984 margin: 4px 0 0 0;
8985 }
8986 .lp-course-curriculum .course-section .section-toggle {
8987 line-height: 1;
8988 }
8989 .lp-course-curriculum .course-section .section-toggle i {
8990 font-size: 24px;
8991 }
8992 .lp-course-curriculum .course-section .course-section-info {
8993 margin-left: 0;
8994 margin-right: auto;
8995 }
8996 .lp-course-curriculum .course-section .section-count-items {
8997 min-width: 24px;
8998 font-weight: 600;
8999 text-align: center;
9000 line-height: 1.3;
9001 white-space: nowrap;
9002 }
9003 .lp-course-curriculum .course-section .course-item {
9004 background-color: transparent;
9005 border-top: 1px solid var(--lp-border-color, #E2E0DB);
9006 padding: 12px 20px;
9007 margin: 0;
9008 }
9009 .lp-course-curriculum .course-section .course-item__link {
9010 display: flex;
9011 justify-content: space-between;
9012 width: 100%;
9013 column-gap: 12px;
9014 row-gap: 8px;
9015 position: relative;
9016 align-items: flex-start;
9017 color: inherit;
9018 }
9019 .lp-course-curriculum .course-section .course-item__info {
9020 display: flex;
9021 column-gap: 12px;
9022 row-gap: 8px;
9023 }
9024 .lp-course-curriculum .course-section .course-item__info .course-item-ico {
9025 min-width: 16px;
9026 }
9027 .lp-course-curriculum .course-section .course-item__content {
9028 display: flex;
9029 justify-content: space-between;
9030 column-gap: 12px;
9031 row-gap: 8px;
9032 align-items: baseline;
9033 flex: 1;
9034 }
9035 @media (max-width: 1024px) {
9036 .lp-course-curriculum .course-section .course-item__content {
9037 flex-wrap: wrap;
9038 }
9039 }
9040 .lp-course-curriculum .course-section .course-item__left:hover {
9041 color: var(--lp-primary-color, #ffb606);
9042 }
9043 .lp-course-curriculum .course-section .course-item__right {
9044 display: flex;
9045 column-gap: 12px;
9046 row-gap: 8px;
9047 align-items: center;
9048 flex: none;
9049 color: var(--lp-color-meta, #8a8a8a);
9050 flex-wrap: wrap;
9051 flex-direction: row-reverse;
9052 justify-content: flex-end;
9053 }
9054 @media (max-width: 1024px) {
9055 .lp-course-curriculum .course-section .course-item__right {
9056 width: 100%;
9057 order: 3;
9058 }
9059 }
9060 .lp-course-curriculum .course-section .course-item__status .course-item-ico {
9061 width: 24px;
9062 display: flex;
9063 justify-content: center;
9064 }
9065 .lp-course-curriculum .course-section .course-item-ico::before {
9066 content: "";
9067 display: inline-block;
9068 font-family: "lp-icon";
9069 font-weight: normal;
9070 }
9071 .lp-course-curriculum .course-section .course-item-ico.lp_lesson::before {
9072 content: "\f15b";
9073 }
9074 .lp-course-curriculum .course-section .course-item-ico.lp_quiz::before {
9075 content: "\f12e";
9076 }
9077 .lp-course-curriculum .course-section .course-item-ico.lp_assignment::before {
9078 content: "\e929";
9079 }
9080 .lp-course-curriculum .course-section .course-item-ico.lp_h5p::before {
9081 content: "\e92a";
9082 }
9083 .lp-course-curriculum .course-section .course-item-ico.preview::before {
9084 content: "\f06e";
9085 color: #999;
9086 }
9087 .lp-course-curriculum .course-section .course-item-ico.locked::before {
9088 content: "\f023";
9089 color: #999;
9090 }
9091 .lp-course-curriculum .course-section .course-item-ico.passed.completed::before {
9092 content: "\f00c";
9093 color: #3bb54a;
9094 }
9095 .lp-course-curriculum .course-section .course-item-ico.in-progress::before, .lp-course-curriculum .course-section .course-item-ico.completed::before {
9096 content: "\f00c";
9097 color: #999;
9098 }
9099 .lp-course-curriculum .course-section .course-item-ico.failed.completed::before {
9100 content: "\f00d";
9101 color: #f02425;
9102 }
9103 .lp-course-curriculum .course-section .course-item-ico.started::before {
9104 content: "\f00c";
9105 color: #999;
9106 }
9107 .lp-course-curriculum .course-section .course-item-ico.doing::before {
9108 content: "\e921";
9109 color: #999;
9110 }
9111
9112 .info-learning .course-progress__line {
9113 width: 100%;
9114 background: #ccc;
9115 height: 5px;
9116 border-radius: 5px;
9117 position: relative;
9118 }
9119 .info-learning .course-progress__line__active {
9120 background: var(--lp-primary-color);
9121 height: 100%;
9122 border-radius: 5px;
9123 position: absolute;
9124 top: 0;
9125 left: 0;
9126 }
9127 .info-learning .course-progress__line__active {
9128 background: var(--lp-primary-color);
9129 height: 100%;
9130 border-radius: 5px;
9131 position: absolute;
9132 top: 0;
9133 left: 0;
9134 }
9135 .info-learning .course-progress__line__point {
9136 position: absolute;
9137 top: 0;
9138 width: 2px;
9139 height: 100%;
9140 background: var(--lp-secondary-color);
9141 }
9142
9143 /*
9144 Css for Block of Gutenberg
9145 */
9146 /**
9147 * Styles for all page of Block LP
9148 *
9149 * @since 4.2.3
9150 * @version 1.0.0
9151 */
9152 .lp-ico svg {
9153 width: 20px;
9154 height: 20px;
9155 }
9156
9157 .lp-hidden {
9158 display: none !important;
9159 }
9160
9161 .course-price .origin-price {
9162 text-decoration: line-through;
9163 margin-right: 4px;
9164 font-size: calc(var(--lp-font-size-base, 1em) * 0.925);
9165 opacity: 0.6;
9166 }
9167
9168 [class*=wp-block-learnpress] img,
9169 .block-editor-block-list__block img {
9170 max-width: 100%;
9171 height: auto;
9172 }
9173 [class*=wp-block-learnpress] .info-meta-item,
9174 .block-editor-block-list__block .info-meta-item {
9175 display: flex;
9176 gap: 4px;
9177 flex-wrap: wrap;
9178 }
9179 [class*=wp-block-learnpress] .info-meta-item i,
9180 .block-editor-block-list__block .info-meta-item i {
9181 color: var(--lp-primary-color, #ffb606);
9182 }
9183 [class*=wp-block-learnpress] .info-meta-left,
9184 .block-editor-block-list__block .info-meta-left {
9185 display: flex;
9186 gap: 8px;
9187 align-items: center;
9188 letter-spacing: 0;
9189 }
9190 [class*=wp-block-learnpress] a,
9191 .block-editor-block-list__block a {
9192 text-decoration: none;
9193 }
9194
9195 .wp-block-learnpress-course-image {
9196 overflow: hidden;
9197 }
9198
9199 .wp-block-learnpress-course-instructor > div > *,
9200 .wp-block-learnpress-course-categories > div > * {
9201 display: inline;
9202 vertical-align: middle;
9203 }
9204
9205 /*
9206 Breadcrumb
9207 */
9208 .wp-block-learnpress-breadcrumb ul {
9209 margin: 0 auto;
9210 list-style: none;
9211 padding: 0;
9212 }
9213 .wp-block-learnpress-breadcrumb li {
9214 display: inline-block;
9215 margin: 0;
9216 }
9217 .wp-block-learnpress-breadcrumb i {
9218 margin: 0 8px;
9219 }
9220 .wp-block-learnpress-breadcrumb a {
9221 color: inherit;
9222 }
9223
9224 .courses-btn-load-more {
9225 padding: 8px 24px;
9226 border-radius: var(--lp-border-radius, 5px);
9227 color: var(--lp-color-base, #333);
9228 border: 1px solid var(--lp-color-base, #333);
9229 font-size: var(--lp-font-size-base, 1em);
9230 transition: all 0.3s;
9231 display: block;
9232 background: transparent;
9233 text-decoration: none;
9234 text-align: center;
9235 cursor: pointer;
9236 margin: 20px auto;
9237 }
9238 .courses-btn-load-more:hover {
9239 background: var(--lp-primary-color, #ffb606);
9240 color: var(--lp-color-white, #fff);
9241 border-color: var(--lp-primary-color, #ffb606);
9242 }
9243
9244 .lp-overlay {
9245 display: none;
9246 position: fixed;
9247 z-index: 99999;
9248 top: 0;
9249 right: 0;
9250 bottom: 0;
9251 left: 0;
9252 width: 100%;
9253 height: 100%;
9254 background-color: rgba(209, 213, 219, 0.8);
9255 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
9256 transition-duration: 150ms;
9257 transition-property: opacity;
9258 }
9259
9260 .lp-modal-dialog {
9261 display: flex;
9262 position: fixed;
9263 z-index: 9999;
9264 top: 0;
9265 right: 0;
9266 left: 0;
9267 width: 100%;
9268 min-height: 100vh;
9269 text-align: center;
9270 align-items: center;
9271 justify-content: center;
9272 }
9273 .lp-modal-dialog .learn-press-message {
9274 width: auto;
9275 margin: 0 !important;
9276 }
9277 .lp-modal-dialog .lp-modal-content {
9278 display: inline-block;
9279 overflow: hidden;
9280 z-index: 2;
9281 width: auto;
9282 max-width: 600px;
9283 border-radius: 8px;
9284 text-align: left;
9285 vertical-align: middle;
9286 background: white;
9287 color: black;
9288 }
9289 .lp-modal-dialog .lp-modal-content h2,
9290 .lp-modal-dialog .lp-modal-content h3 {
9291 margin: 0;
9292 }
9293 .lp-modal-dialog .lp-modal-content .lp-group-step h3 {
9294 border-bottom: 1px solid #eee;
9295 }
9296 .lp-modal-dialog .lp-modal-content .main-content .terms-upgrade .pd-2em {
9297 padding: 0 1em;
9298 }
9299 .lp-modal-dialog .lp-modal-header {
9300 background: #7c60d9;
9301 border-bottom: 1px solid #eee;
9302 padding: 1em;
9303 }
9304 .lp-modal-dialog .lp-modal-header h3 {
9305 margin: 0;
9306 color: white;
9307 font-weight: 400;
9308 }
9309 .lp-modal-dialog .lp-modal-body .main-content {
9310 max-height: 500px;
9311 overflow: auto;
9312 overscroll-behavior: contain;
9313 }
9314 .lp-modal-dialog .lp-modal-body .main-content h3,
9315 .lp-modal-dialog .lp-modal-body .main-content h2,
9316 .lp-modal-dialog .lp-modal-body .main-content .pd-2em {
9317 padding: 1em;
9318 }
9319 .lp-modal-dialog .lp-modal-footer {
9320 padding: 20px;
9321 background-color: #f9fafb;
9322 text-align: right;
9323 }
9324 .lp-modal-dialog .btn-yes {
9325 color: #fff;
9326 background-color: #7c60d9;
9327 }
9328 .lp-modal-dialog .lp_allow_repurchase_select {
9329 padding: 20px;
9330 background: #f7f7f7;
9331 }
9332 .lp-modal-dialog .lp_allow_repurchase_select > ul {
9333 margin: 0;
9334 padding: 0;
9335 list-style: none;
9336 }
9337 .lp-modal-dialog .lp_allow_repurchase_select > ul li label {
9338 display: flex;
9339 align-items: center;
9340 gap: 10px;
9341 }
9342 .lp-modal-dialog .lp-button {
9343 cursor: pointer;
9344 border: 1px solid var(--lp-border-color, #E2E0DB);
9345 border-radius: var(--lp-border-radius, 5px);
9346 padding: 8px 16px;
9347 }
9348 .lp-modal-dialog .lp-button.loading {
9349 pointer-events: none;
9350 opacity: 0.8;
9351 }
9352 .lp-modal-dialog .lp-button.loading:before {
9353 display: inline-block;
9354 font-family: "lp-icon";
9355 content: "\f110";
9356 animation: lp-rotating 1s linear infinite;
9357 margin-right: 5px;
9358 font-variant: normal;
9359 text-transform: none;
9360 -webkit-font-smoothing: antialiased;
9361 -moz-osx-font-smoothing: grayscale;
9362 }
9363 .lp-modal-dialog .lp-button:hover {
9364 border-color: var(--lp-primary-color, #ffb606);
9365 color: #fff;
9366 background: var(--lp-primary-color, #ffb606);
9367 }
9368
9369 .lp-button.btn-finish-course {
9370 cursor: pointer;
9371 width: 100%;
9372 padding: 12px 24px;
9373 background-color: var(--lp-primary-color, #ffb606);
9374 border-width: 0;
9375 border-radius: var(--lp-border-radius, 5px);
9376 border-color: var(--lp-primary-color, #ffb606);
9377 color: var(--lp-color-white, #fff);
9378 font-size: var(--lp-font-size-base, 1em);
9379 text-align: center;
9380 text-decoration: none;
9381 -webkit-transition: all 0.25s;
9382 -moz-transition: all 0.25s;
9383 -ms-transition: all 0.25s;
9384 -o-transition: all 0.25s;
9385 transition: all 0.25s;
9386 }
9387 .lp-button.btn-finish-course:hover {
9388 background-color: var(--lp-secondary-color, #442e66);
9389 border-color: var(--lp-secondary-color, #442e66);
9390 }
9391 .lp-button.btn-finish-course.loading {
9392 pointer-events: none;
9393 opacity: 0.8;
9394 }
9395 .lp-button.btn-finish-course.loading:before {
9396 display: inline-block;
9397 font-family: "lp-icon";
9398 content: "\f110";
9399 animation: lp-rotating 1s linear infinite;
9400 margin-right: 5px;
9401 font-variant: normal;
9402 text-transform: none;
9403 -webkit-font-smoothing: antialiased;
9404 -moz-osx-font-smoothing: grayscale;
9405 }
9406
9407 /**
9408 * Mixin
9409 */
9410 @-webkit-keyframes rotating4 {
9411 from {
9412 -webkit-transform: rotate(0deg);
9413 -o-transform: rotate(0deg);
9414 transform: rotate(0deg);
9415 }
9416 to {
9417 -webkit-transform: rotate(360deg);
9418 -o-transform: rotate(360deg);
9419 transform: rotate(360deg);
9420 }
9421 }
9422 @keyframes rotating4 {
9423 from {
9424 -ms-transform: rotate(0deg);
9425 -moz-transform: rotate(0deg);
9426 -webkit-transform: rotate(0deg);
9427 -o-transform: rotate(0deg);
9428 transform: rotate(0deg);
9429 }
9430 to {
9431 -ms-transform: rotate(360deg);
9432 -moz-transform: rotate(360deg);
9433 -webkit-transform: rotate(360deg);
9434 -o-transform: rotate(360deg);
9435 transform: rotate(360deg);
9436 }
9437 }
9438 @-webkit-keyframes animation4 {
9439 from {
9440 left: -40%;
9441 width: 40%;
9442 }
9443 to {
9444 left: 100%;
9445 width: 10%;
9446 }
9447 }
9448 @keyframes animation4 {
9449 from {
9450 left: -40%;
9451 width: 40%;
9452 }
9453 to {
9454 left: 100%;
9455 width: 10%;
9456 }
9457 }
9458 :root {
9459 --lp-cotainer-max-with: var(--lp-container-max-width);
9460 }
9461
9462 .wp-block-group {
9463 --lp-container-max-width: var(--wp--style--global--wide-size);
9464 }
9465
9466 .c-gap-4 {
9467 column-gap: 4px;
9468 }
9469
9470 .wp-block-learnpress-course-feature-review .featured-review__title {
9471 font-weight: var(--lp-font-weight-link, 600);
9472 font-size: calc(var(--lp-font-size-base, 1em) * 1.25);
9473 }
9474
9475 [class^=wp-block-learnpress] .extra-box ul {
9476 margin: 0 0 0 20px;
9477 padding: 0;
9478 }
9479
9480 .wp-block-learnpress-course-button-read-more,
9481 .wp-block-learnpress-course-button {
9482 cursor: pointer;
9483 padding: 12px 24px;
9484 background-color: var(--lp-primary-color, #ffb606);
9485 border-width: 0;
9486 border-radius: var(--lp-border-radius, 5px);
9487 border-color: var(--lp-primary-color, #ffb606);
9488 color: var(--lp-color-white, #fff);
9489 font-size: var(--lp-font-size-base, 1em);
9490 text-align: center;
9491 text-decoration: none;
9492 -webkit-transition: all 0.25s;
9493 -moz-transition: all 0.25s;
9494 -ms-transition: all 0.25s;
9495 -o-transition: all 0.25s;
9496 transition: all 0.25s;
9497 }
9498 .wp-block-learnpress-course-button-read-more:hover,
9499 .wp-block-learnpress-course-button:hover {
9500 background-color: var(--lp-secondary-color, #442e66);
9501 border-color: var(--lp-secondary-color, #442e66);
9502 }
9503 .wp-block-learnpress-course-button-read-more.loading,
9504 .wp-block-learnpress-course-button.loading {
9505 pointer-events: none;
9506 opacity: 0.8;
9507 }
9508 .wp-block-learnpress-course-button-read-more.loading:before,
9509 .wp-block-learnpress-course-button.loading:before {
9510 display: inline-block;
9511 font-family: "lp-icon";
9512 content: "\f110";
9513 animation: lp-rotating 1s linear infinite;
9514 margin-right: 5px;
9515 font-variant: normal;
9516 text-transform: none;
9517 -webkit-font-smoothing: antialiased;
9518 -moz-osx-font-smoothing: grayscale;
9519 vertical-align: middle;
9520 }
9521
9522 @media (min-width: 992px) {
9523 .lp-block-course-sidebar {
9524 margin-top: -260px;
9525 margin-block-start: -260px !important;
9526 }
9527 }
9528 .wp-block-learnpress-item-search .search-course {
9529 display: flex;
9530 position: relative;
9531 height: 70px;
9532 background: var(--lp-white-grey, #F7F7FB);
9533 }
9534 .wp-block-learnpress-item-search .search-course input[name=s] {
9535 display: block;
9536 width: 100%;
9537 margin-left: 30px;
9538 border: none;
9539 color: var(--lp-color-base, #333);
9540 background: transparent;
9541 box-shadow: none;
9542 height: auto;
9543 -webkit-box-sizing: border-box;
9544 -moz-box-sizing: border-box;
9545 box-sizing: border-box;
9546 }
9547 .wp-block-learnpress-item-search .search-course input[name=s]::-webkit-input-placeholder {
9548 color: #999;
9549 }
9550 .wp-block-learnpress-item-search .search-course input[name=s]::-moz-placeholder {
9551 color: #999;
9552 }
9553 .wp-block-learnpress-item-search .search-course input[name=s]:-ms-input-placeholder {
9554 color: #999;
9555 }
9556 .wp-block-learnpress-item-search .search-course input[name=s]:-moz-placeholder {
9557 color: #999;
9558 }
9559 .wp-block-learnpress-item-search .search-course input[name=s]::placeholder {
9560 color: #999;
9561 }
9562 .wp-block-learnpress-item-search .search-course input[name=s]::-webkit-input-placeholder {
9563 font-style: italic;
9564 }
9565 .wp-block-learnpress-item-search .search-course input[name=s]::-moz-placeholder {
9566 font-style: italic;
9567 }
9568 .wp-block-learnpress-item-search .search-course input[name=s]:-ms-input-placeholder {
9569 font-style: italic;
9570 }
9571 .wp-block-learnpress-item-search .search-course input[name=s]:-moz-placeholder {
9572 font-style: italic;
9573 }
9574 .wp-block-learnpress-item-search .search-course input[name=s]::placeholder {
9575 font-style: italic;
9576 }
9577 .wp-block-learnpress-item-search .search-course input[name=s]:focus {
9578 outline: 0;
9579 }
9580 .wp-block-learnpress-item-search .search-course button {
9581 position: absolute;
9582 top: 0;
9583 right: 10px;
9584 height: 70px;
9585 padding: 0 16px;
9586 border: 0;
9587 background: transparent;
9588 line-height: 1px;
9589 box-shadow: none;
9590 }
9591 .wp-block-learnpress-item-search .search-course button:focus {
9592 outline: none;
9593 }
9594 .wp-block-learnpress-item-search .search-course button i {
9595 color: var(--lp-color-accent, #666);
9596 }
9597 .wp-block-learnpress-item-search .search-course button.clear {
9598 display: none;
9599 }
9600 .wp-block-learnpress-item-search .search-course button.clear::before {
9601 content: "\f00d";
9602 }
9603
9604 .wp-block-learnpress-course-material .lp-button {
9605 padding: 12px 24px;
9606 border: 1px solid var(--lp-border-color, #E2E0DB);
9607 color: var(--lp-color-base, #333);
9608 background: transparent;
9609 box-shadow: unset;
9610 font-family: inherit;
9611 font-weight: 400;
9612 text-align: center;
9613 text-transform: capitalize;
9614 -webkit-border-radius: var(--lp-border-radius, 5px);
9615 -moz-border-radius: var(--lp-border-radius, 5px);
9616 border-radius: var(--lp-border-radius, 5px);
9617 margin-top: 20px;
9618 -webkit-transition: all 0.25s;
9619 -moz-transition: all 0.25s;
9620 -ms-transition: all 0.25s;
9621 -o-transition: all 0.25s;
9622 transition: all 0.25s;
9623 }
9624 .wp-block-learnpress-course-material .course-material-table {
9625 width: 100%;
9626 display: table;
9627 border-spacing: 0;
9628 border-collapse: collapse;
9629 }
9630 .wp-block-learnpress-course-material .course-material-table tbody tr:nth-child(even) td,
9631 .wp-block-learnpress-course-material .course-material-table .learnpress table tfoot tr:nth-child(even) td {
9632 background: var(--tb-even-color, #fafafa);
9633 }
9634 .wp-block-learnpress-course-material .course-material-table thead {
9635 box-sizing: border-box;
9636 border: 1px solid var(--lp-border-color, #e2e0db);
9637 }
9638 .wp-block-learnpress-course-material .course-material-table th,
9639 .wp-block-learnpress-course-material .course-material-table td {
9640 padding: 0.7em 1em;
9641 border: 1px solid var(--lp-border-color, #e2e0db);
9642 background: #fff;
9643 }
9644 .wp-block-learnpress-course-material .course-material-table th {
9645 border-bottom: none;
9646 background: var(--lp-white-grey, #f7f7fb);
9647 font-weight: 600;
9648 text-align: center;
9649 }
9650 .wp-block-learnpress-course-material .course-material-table th:first-child {
9651 text-align: left;
9652 }
9653 .wp-block-learnpress-course-material .course-material-table tr td {
9654 border: 1px solid var(--lp-border-color, #e2e0db);
9655 line-height: 1.4;
9656 }
9657 .wp-block-learnpress-course-material .course-material-table tr td:not(:first-child) {
9658 text-align: center;
9659 }
9660 .wp-block-learnpress-course-material .course-material-table tfoot td {
9661 text-align: left;
9662 font-weight: bold;
9663 }
9664 .wp-block-learnpress-course-material .course-material-table.searching button:before {
9665 display: inline-block;
9666 content: "\f110";
9667 animation: lp-rotating 1s linear infinite;
9668 }
9669
9670 .wp-block-learnpress-item-hidden-sidebar .section-toggle {
9671 justify-content: flex-end;
9672 flex: 0;
9673 }
9674 .wp-block-learnpress-item-hidden-sidebar .section-toggle i {
9675 color: var(--lp-color-accent, #666);
9676 }
9677
9678 .wp-block-learnpress-item-close .back-course {
9679 padding: 24px;
9680 line-height: 70px;
9681 background: rgba(255, 255, 255, 0.1);
9682 color: #fff;
9683 }
9684 .wp-block-learnpress-item-close .back-course:hover {
9685 background: rgba(255, 255, 255, 0.15);
9686 }
9687 @media (max-width: 768px) {
9688 .wp-block-learnpress-item-close .back-course {
9689 background: transparent;
9690 opacity: 0.6;
9691 padding-left: 15px;
9692 padding-right: 15px;
9693 }
9694 .wp-block-learnpress-item-close .back-course:hover {
9695 background: transparent;
9696 opacity: 1;
9697 }
9698 }
9699
9700 .wp-block-learnpress-item-hidden-sidebar #sidebar-toggle {
9701 display: inline-block;
9702 width: 32px;
9703 min-width: 32px;
9704 line-height: 70px;
9705 height: unset;
9706 margin: 0;
9707 background: rgba(255, 255, 255, 0.1);
9708 color: var(--lp-color-white, #fff);
9709 font-size: 1.4em;
9710 cursor: pointer;
9711 transition: 0.25s;
9712 -webkit-appearance: none;
9713 border: none;
9714 text-align: center;
9715 }
9716 .wp-block-learnpress-item-hidden-sidebar #sidebar-toggle:after {
9717 display: none;
9718 }
9719 .wp-block-learnpress-item-hidden-sidebar #sidebar-toggle::before {
9720 display: inline-block;
9721 position: static;
9722 margin: 0;
9723 width: auto;
9724 height: auto;
9725 font-family: "lp-icon";
9726 content: "\f0d9";
9727 }
9728 .wp-block-learnpress-item-hidden-sidebar #sidebar-toggle:focus {
9729 border: 0;
9730 outline: 0;
9731 }
9732
9733 .wp-block-learnpress-item-progress .items-progress {
9734 display: flex;
9735 justify-content: center;
9736 align-items: center;
9737 column-gap: 10px;
9738 white-space: nowrap;
9739 }
9740 .wp-block-learnpress-item-progress .number {
9741 padding-right: 10px;
9742 font-size: calc(var(--lp-font-size-base, 1em) * 0.86);
9743 }
9744 .wp-block-learnpress-item-progress .learn-press-progress {
9745 overflow: hidden;
9746 position: relative;
9747 width: 80px;
9748 height: 6px;
9749 border-radius: 3px;
9750 }
9751 .wp-block-learnpress-item-progress .learn-press-progress .progress-bg {
9752 overflow: hidden;
9753 position: relative;
9754 height: 6px;
9755 background: #ccc;
9756 -webkit-border-radius: 5px;
9757 -moz-border-radius: 5px;
9758 border-radius: 5px;
9759 }
9760 .wp-block-learnpress-item-progress .learn-press-progress .progress-bg .progress-active {
9761 position: absolute;
9762 left: 50%;
9763 width: 100%;
9764 height: 100%;
9765 margin-left: -100%;
9766 background: var(--lp-primary-color, #ffb606);
9767 -webkit-border-radius: 5px;
9768 -moz-border-radius: 5px;
9769 border-radius: 5px;
9770 }
9771 .wp-block-learnpress-item-progress .learn-press-progress .learn-press-progress__active {
9772 position: absolute;
9773 z-index: 1;
9774 left: -100%;
9775 width: 100%;
9776 height: 100%;
9777 border-radius: 3px;
9778 background: var(--lp-primary-color, #ffb606);
9779 -webkit-transition: 0.5s;
9780 -moz-transition: 0.5s;
9781 -ms-transition: 0.5s;
9782 -o-transition: 0.5s;
9783 transition: 0.5s;
9784 }
9785 .wp-block-learnpress-item-progress .learn-press-progress::before {
9786 display: block;
9787 position: absolute;
9788 z-index: 0;
9789 top: 0;
9790 width: 100%;
9791 height: 100%;
9792 background: #ccc;
9793 content: "";
9794 }
9795
9796 .wp-block-learnpress-item-navigation .course-item-nav {
9797 display: flex;
9798 justify-content: space-between;
9799 }
9800 .wp-block-learnpress-item-navigation .course-item-nav .prev,
9801 .wp-block-learnpress-item-navigation .course-item-nav .next {
9802 display: flex;
9803 line-height: 3.125em;
9804 flex: 1;
9805 position: relative;
9806 }
9807 .wp-block-learnpress-item-navigation .course-item-nav .prev span,
9808 .wp-block-learnpress-item-navigation .course-item-nav .next span {
9809 display: block;
9810 font-weight: bold;
9811 }
9812 .wp-block-learnpress-item-navigation .course-item-nav .prev a,
9813 .wp-block-learnpress-item-navigation .course-item-nav .next a {
9814 display: block;
9815 color: var(--lp-color-accent, #666);
9816 color: #999;
9817 }
9818 .wp-block-learnpress-item-navigation .course-item-nav .prev::before,
9819 .wp-block-learnpress-item-navigation .course-item-nav .next::before {
9820 color: #999;
9821 font-family: "lp-icon";
9822 }
9823 .wp-block-learnpress-item-navigation .course-item-nav .prev:hover a, .wp-block-learnpress-item-navigation .course-item-nav .prev:hover::before,
9824 .wp-block-learnpress-item-navigation .course-item-nav .next:hover a,
9825 .wp-block-learnpress-item-navigation .course-item-nav .next:hover::before {
9826 color: var(--lp-primary-color, #ffb606);
9827 }
9828 .wp-block-learnpress-item-navigation .course-item-nav .prev:hover .course-item-nav__name,
9829 .wp-block-learnpress-item-navigation .course-item-nav .next:hover .course-item-nav__name {
9830 display: block;
9831 }
9832 .wp-block-learnpress-item-navigation .course-item-nav .next {
9833 text-align: right;
9834 flex-direction: row-reverse;
9835 }
9836 .wp-block-learnpress-item-navigation .course-item-nav .next::before {
9837 margin-left: 10px;
9838 content: "\f0da";
9839 }
9840 .wp-block-learnpress-item-navigation .course-item-nav .next[data-nav=next] {
9841 justify-content: flex-end;
9842 }
9843 .wp-block-learnpress-item-navigation .prev::before {
9844 margin-right: 10px;
9845 content: "\f0d9";
9846 }
9847 .wp-block-learnpress-item-navigation .prev .course-item-nav__name {
9848 right: auto;
9849 left: -30px;
9850 }
9851 .wp-block-learnpress-item-navigation .prev .course-item-nav__name::before {
9852 right: auto;
9853 left: 5px;
9854 }
9855 @media (max-width: 1024px) {
9856 .wp-block-learnpress-item-navigation .prev .course-item-nav__name {
9857 left: 15px;
9858 }
9859 }
9860 .wp-block-learnpress-item-navigation .course-item-nav__name {
9861 display: none;
9862 position: absolute;
9863 top: -20px;
9864 right: -30px;
9865 width: auto;
9866 padding: 10px 15px;
9867 color: var(--lp-color-accent, #666);
9868 background: #ccc;
9869 font-size: calc(var(--lp-font-size-base, 1em) * 0.925);
9870 line-height: 1;
9871 }
9872 @media (max-width: 1024px) {
9873 .wp-block-learnpress-item-navigation .course-item-nav__name {
9874 top: -25px;
9875 right: 15px;
9876 left: auto;
9877 }
9878 }
9879
9880 .wp-block-learnpress-item-curriculum .lp-course-curriculum__title,
9881 .wp-block-learnpress-item-curriculum .course-curriculum-info,
9882 .wp-block-learnpress-item-curriculum .course-section__description {
9883 display: none;
9884 }
9885
9886 .wp-block-learnpress-item-content .content-item-wrap {
9887 padding: 0;
9888 }
9889
9890 .wp-block-learnpress-item-curriculum .lp-course-curriculum .course-section .course-item__content {
9891 display: flex;
9892 justify-content: space-between;
9893 column-gap: 12px;
9894 row-gap: 8px;
9895 align-items: baseline;
9896 flex: 1;
9897 flex-direction: row;
9898 }
9899
9900 .wp-block-learnpress-list-courses .learn-press-courses .course {
9901 width: unset;
9902 padding: 0;
9903 }
9904
9905 .wp-block-learnpress-course-featured .course-featured {
9906 margin-bottom: 0;
9907 background-color: inherit;
9908 color: inherit;
9909 padding: 0;
9910 }
9911
9912 .courses-order-by,
9913 .block-courses-order-by {
9914 border: 1px solid var(--lp-border-color, #E2E0DB);
9915 border-radius: var(--lp-border-radius, 5px);
9916 padding: 8px 16px;
9917 height: inherit;
9918 font-size: inherit;
9919 line-height: 1.1;
9920 box-shadow: none;
9921 padding-right: 30px;
9922 background-image: url(data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjE4cHgiIGhlaWdodD0iMTBweCIgdmlld0JveD0iMCAwIDE4IDEwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4KICAgICAgICA8ZyBpZD0iVmVjdG9yLSgxKSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMS4wMDAwMDAsIDEuMDAwMDAwKSIgc3Ryb2tlPSIjMzMzMzMzIiBzdHJva2Utd2lkdGg9IjIiPgogICAgICAgICAgICA8cG9seWxpbmUgaWQ9IlBhdGgiIHBvaW50cz0iMCAwIDggOCAxNiAwIj48L3BvbHlsaW5lPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
9923 background-size: 0.8em;
9924 background-position: calc(100% - 0.5em) center;
9925 background-repeat: no-repeat;
9926 -moz-appearance: none;
9927 -webkit-appearance: none;
9928 appearance: none;
9929 line-height: 1.1;
9930 }
9931 .woocommerce-js .courses-order-by,
9932 .woocommerce-js .block-courses-order-by {
9933 background-position-x: calc(100% - 10px);
9934 }
9935 .courses-order-by:focus,
9936 .block-courses-order-by:focus {
9937 border-color: var(--lp-primary-color);
9938 outline: 0;
9939 }
9940
9941 .course-img img {
9942 display: block;
9943 }
9944
9945 .block-search-courses {
9946 display: flex;
9947 flex: 1;
9948 margin-bottom: 0;
9949 }
9950 .block-search-courses input {
9951 width: 100%;
9952 max-width: 240px;
9953 margin: 0 4px 0 0;
9954 border: 1px solid var(--lp-border-color, #E2E0DB);
9955 border-radius: var(--lp-border-radius, 5px);
9956 padding: 8px 16px;
9957 height: inherit;
9958 font-size: inherit;
9959 line-height: 1.1;
9960 box-shadow: none;
9961 }
9962 .block-search-courses input::-webkit-input-placeholder {
9963 color: #999;
9964 }
9965 .block-search-courses input::-moz-placeholder {
9966 color: #999;
9967 }
9968 .block-search-courses input:-ms-input-placeholder {
9969 color: #999;
9970 }
9971 .block-search-courses input:-moz-placeholder {
9972 color: #999;
9973 }
9974 .block-search-courses input::placeholder {
9975 color: #999;
9976 }
9977 .block-search-courses input:focus {
9978 border-color: var(--lp-primary-color);
9979 outline: 0;
9980 }
9981 .block-search-courses button {
9982 border: 1px solid var(--lp-border-color, #E2E0DB);
9983 border-radius: var(--lp-border-radius, 5px);
9984 padding: 8px 16px;
9985 height: inherit;
9986 font-size: inherit;
9987 line-height: 1.1;
9988 box-shadow: none;
9989 box-shadow: 0 0 0;
9990 margin-bottom: 0;
9991 }
9992 .block-search-courses button i {
9993 font-size: 1.2em;
9994 line-height: 1.2;
9995 }
9996 .block-search-courses button:focus {
9997 outline: 0;
9998 }
9999 .block-search-courses button.loading > i:before {
10000 display: inline-block;
10001 content: "\f110";
10002 -webkit-animation: lp-rotating 1s linear infinite;
10003 -moz-animation: lp-rotating 1s linear infinite;
10004 animation: lp-rotating 1s linear infinite;
10005 }
10006
10007 @media (max-width: 767px) {
10008 .wp-block-learnpress-course-search {
10009 width: 100%;
10010 }
10011 .wp-block-learnpress-course-search input {
10012 min-width: 240px;
10013 max-width: unset;
10014 }
10015 }
10016 .course-filter-btn-mobile {
10017 display: inline-flex;
10018 align-items: center;
10019 }
10020 @media (min-width: 769px) {
10021 .course-filter-btn-mobile {
10022 display: none;
10023 }
10024 }
10025
10026 ul.wp-block-learn-press-courses {
10027 list-style: none;
10028 margin: 0;
10029 max-width: 100%;
10030 padding: 0;
10031 }
10032 ul.wp-block-learn-press-courses[data-layout=grid] {
10033 --columns: 3;
10034 --gap: 1.25em;
10035 --min-width: 200px;
10036 grid-gap: var(--gap);
10037 display: grid;
10038 grid-template-columns: repeat(auto-fill, minmax(max(var(--min-width), 100% / var(--columns) - var(--gap) * (var(--columns) - 1) / var(--columns)), 1fr));
10039 margin-bottom: 2.25em;
10040 }
10041 @media (max-width: 768px) {
10042 ul.wp-block-learn-press-courses .wp-block-learn-press-courses[data-layout=grid] {
10043 --columns: min(var(--columns), 2);
10044 }
10045 }
10046 @media (max-width: 480px) {
10047 ul.wp-block-learn-press-courses .wp-block-learn-press-courses[data-layout=grid] {
10048 --columns: 1;
10049 }
10050 }
10051
10052 .wp-block-learnpress-course-price .course-price .free,
10053 .wp-block-learnpress-course-price .course-price .price {
10054 font-size: calc(var(--lp-font-size-base, 1em) * 1.25);
10055 font-weight: var(--lp-font-weight-link, 600);
10056 }
10057 .wp-block-learnpress-course-price .course-price .origin-price {
10058 margin-right: 8px;
10059 opacity: 0.8;
10060 font-size: calc(var(--lp-font-size-base, 1em) * 0.925);
10061 text-decoration: line-through;
10062 }
10063
10064 .wp-block-learnpress-course-button-read-more button {
10065 padding: 8px 24px;
10066 border-radius: var(--lp-border-radius, 5px);
10067 color: var(--lp-color-base, #333);
10068 border: 1px solid var(--lp-color-base, #333);
10069 transition: all 0.3s;
10070 display: block;
10071 background: transparent;
10072 text-decoration: none;
10073 text-align: center;
10074 }
10075 .wp-block-learnpress-course-button-read-more button:hover {
10076 background: var(--lp-primary-color, #ffb606);
10077 color: var(--lp-color-white, #fff);
10078 border-color: var(--lp-primary-color, #ffb606);
10079 }
10080
10081 .wp-block-learnpress-course-button .course-readmore a {
10082 padding: 8px 24px;
10083 border-radius: var(--lp-border-radius, 5px);
10084 color: var(--lp-color-base, #333);
10085 border: 1px solid var(--lp-color-base, #333);
10086 transition: all 0.3s;
10087 display: block;
10088 background: transparent;
10089 text-decoration: none;
10090 text-align: center;
10091 }
10092 .wp-block-learnpress-course-button .course-readmore a:hover {
10093 background: var(--lp-primary-color, #ffb606);
10094 color: var(--lp-color-white, #fff);
10095 border-color: var(--lp-primary-color, #ffb606);
10096 }
10097
10098 .courses-order-by-wrapper .courses-order-by {
10099 border: 1px solid var(--lp-border-color, #E2E0DB);
10100 border-radius: var(--lp-border-radius, 5px);
10101 padding: 8px 16px;
10102 height: inherit;
10103 font-size: inherit;
10104 line-height: 1.1;
10105 box-shadow: none;
10106 padding-right: 30px;
10107 background-image: url(data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjE4cHgiIGhlaWdodD0iMTBweCIgdmlld0JveD0iMCAwIDE4IDEwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4KICAgICAgICA8ZyBpZD0iVmVjdG9yLSgxKSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMS4wMDAwMDAsIDEuMDAwMDAwKSIgc3Ryb2tlPSIjMzMzMzMzIiBzdHJva2Utd2lkdGg9IjIiPgogICAgICAgICAgICA8cG9seWxpbmUgaWQ9IlBhdGgiIHBvaW50cz0iMCAwIDggOCAxNiAwIj48L3BvbHlsaW5lPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
10108 background-size: 0.8em;
10109 background-position: calc(100% - 0.5em) center;
10110 background-repeat: no-repeat;
10111 -moz-appearance: none;
10112 -webkit-appearance: none;
10113 appearance: none;
10114 line-height: 1.1;
10115 }
10116 .woocommerce-js .courses-order-by-wrapper .courses-order-by {
10117 background-position-x: calc(100% - 10px);
10118 }
10119 .courses-order-by-wrapper .courses-order-by:focus {
10120 border-color: var(--lp-primary-color, #ffb606);
10121 outline: 0;
10122 }
10123
10124 .wp-block-learnpress-course-filter h3 {
10125 margin-bottom: 20px;
10126 margin-top: 0;
10127 }
10128 .wp-block-learnpress-course-filter .filter .line {
10129 height: 15px;
10130 background: #ccc;
10131 margin-bottom: 10px;
10132 }
10133
10134 .wp-block-learnpress-course-search-filter,
10135 .wp-block-learnpress-course-level-filter,
10136 .wp-block-learnpress-course-author-filter,
10137 .wp-block-learnpress-course-price-filter,
10138 .wp-block-learnpress-course-categories-filter,
10139 .wp-block-learnpress-course-tag-filter {
10140 margin-bottom: 15px;
10141 padding-bottom: 15px;
10142 border-bottom: 1px solid #ccc;
10143 }
10144 .wp-block-learnpress-course-search-filter .lp-course-filter__field,
10145 .wp-block-learnpress-course-level-filter .lp-course-filter__field,
10146 .wp-block-learnpress-course-author-filter .lp-course-filter__field,
10147 .wp-block-learnpress-course-price-filter .lp-course-filter__field,
10148 .wp-block-learnpress-course-categories-filter .lp-course-filter__field,
10149 .wp-block-learnpress-course-tag-filter .lp-course-filter__field {
10150 position: relative;
10151 display: flex;
10152 align-items: center;
10153 gap: 10px;
10154 cursor: pointer;
10155 }
10156 .wp-block-learnpress-course-search-filter label,
10157 .wp-block-learnpress-course-level-filter label,
10158 .wp-block-learnpress-course-author-filter label,
10159 .wp-block-learnpress-course-price-filter label,
10160 .wp-block-learnpress-course-categories-filter label,
10161 .wp-block-learnpress-course-tag-filter label {
10162 flex: 1;
10163 }
10164 .wp-block-learnpress-course-search-filter span,
10165 .wp-block-learnpress-course-level-filter span,
10166 .wp-block-learnpress-course-author-filter span,
10167 .wp-block-learnpress-course-price-filter span,
10168 .wp-block-learnpress-course-categories-filter span,
10169 .wp-block-learnpress-course-tag-filter span {
10170 color: #999;
10171 }
10172
10173 .wp-block-learnpress-course-search-filter .search-box {
10174 width: 100%;
10175 height: 40px;
10176 border: 1px solid #ccc;
10177 border-radius: 5px;
10178 margin-top: 12px;
10179 }
10180
10181 .wp-block-learnpress-button-submit-filter,
10182 .wp-block-learnpress-button-reset-filter {
10183 box-sizing: border-box;
10184 text-transform: capitalize;
10185 border: 1px solid #ccc;
10186 border-radius: 4px;
10187 background: white;
10188 float: left;
10189 text-align: center;
10190 width: calc(50% - 8px);
10191 padding: 8px 30px;
10192 }
10193
10194 .wp-block-learnpress-button-submit-filter {
10195 margin-right: 4px;
10196 }
10197
10198 .wp-block-learnpress-button-reset-filter {
10199 margin-left: 4px;
10200 }
10201
10202 .block-editor-block-list__block img {
10203 display: block;
10204 }
10205 .block-editor-block-list__block .learn-press-courses {
10206 list-style: none;
10207 margin: 0;
10208 max-width: 100%;
10209 padding: 0;
10210 }
10211 .block-editor-block-list__block a {
10212 text-decoration: none;
10213 }
10214 .block-editor-block-list__block .c-gap-4 {
10215 column-gap: 4px;
10216 }
10217 .block-editor-block-list__block .lp-course-curriculum .course-section .course-item__right {
10218 color: inherit;
10219 }
10220 .block-editor-block-list__block.wp-block-learnpress-course-title > * {
10221 margin-top: 0;
10222 }
10223
10224 a.block-editor-block-list__block.wp-block-learnpress-course-button {
10225 padding: 8px 24px;
10226 border-radius: var(--lp-border-radius, 5px);
10227 color: var(--lp-color-base, #333);
10228 border: 1px solid var(--lp-color-base, #333);
10229 transition: all 0.3s;
10230 display: block;
10231 background: transparent;
10232 text-decoration: none;
10233 text-align: center;
10234 }
10235 a.block-editor-block-list__block.wp-block-learnpress-course-button:hover {
10236 background: var(--lp-primary-color, #ffb606);
10237 color: var(--lp-color-white, #fff);
10238 border-color: var(--lp-primary-color, #ffb606);
10239 }
10240
10241 @keyframes lp-rotating {
10242 from {
10243 -webkit-transform: rotate(0deg);
10244 -moz-transform: rotate(0deg);
10245 -ms-transform: rotate(0deg);
10246 -o-transform: rotate(0deg);
10247 transform: rotate(0deg);
10248 }
10249 to {
10250 -webkit-transform: rotate(360deg);
10251 -moz-transform: rotate(360deg);
10252 -ms-transform: rotate(360deg);
10253 -o-transform: rotate(360deg);
10254 transform: rotate(360deg);
10255 }
10256 }
10257 @-webkit-keyframes lp-rotating {
10258 from {
10259 -webkit-transform: rotate(0deg);
10260 -moz-transform: rotate(0deg);
10261 -ms-transform: rotate(0deg);
10262 -o-transform: rotate(0deg);
10263 transform: rotate(0deg);
10264 }
10265 to {
10266 -webkit-transform: rotate(360deg);
10267 -moz-transform: rotate(360deg);
10268 -ms-transform: rotate(360deg);
10269 -o-transform: rotate(360deg);
10270 transform: rotate(360deg);
10271 }
10272 }
10273 .lp-loading-change {
10274 position: absolute;
10275 width: 100%;
10276 height: 100%;
10277 background: rgba(255, 255, 255, 0.38);
10278 top: 0;
10279 }
10280
10281 .lp-load-ajax-element {
10282 position: relative;
10283 }
10284
10285 .lp-loading-circle {
10286 width: 15px;
10287 height: 15px;
10288 border: 2px solid #ccc;
10289 border-radius: 50%;
10290 border-top-color: rgba(0, 0, 0, 0.76);
10291 animation: spin 1s infinite linear;
10292 display: inline-block;
10293 }
10294 .lp-loading-circle.hide {
10295 display: none;
10296 }
10297
10298 @keyframes spin {
10299 0% {
10300 transform: rotate(0deg);
10301 }
10302 100% {
10303 transform: rotate(360deg);
10304 }
10305 }
10306 .lp-btn-ai-style {
10307 background: #f6f7f7;
10308 border: 1px solid #2271b1;
10309 color: #2271b1;
10310 text-decoration: none;
10311 text-shadow: none;
10312 display: inline-flex;
10313 align-items: center;
10314 gap: 5px;
10315 min-height: 30px;
10316 padding: 11px 10px;
10317 cursor: pointer;
10318 -webkit-appearance: none;
10319 border-radius: 3px;
10320 white-space: nowrap;
10321 box-sizing: border-box;
10322 margin: 0 5px 5px 0;
10323 vertical-align: top;
10324 justify-content: center;
10325 }
10326 .lp-btn-ai-style:active {
10327 box-shadow: none;
10328 color: #fff;
10329 }
10330 .lp-btn-ai-style:hover {
10331 background: #6B46E9 !important;
10332 color: #fff !important;
10333 }
10334
10335 .lp-btn-generate-course-with-ai, .lp-btn-warning-enable-ai {
10336 position: absolute;
10337 margin: 10px 0 0 10px !important;
10338 }
10339
10340 .create-course-modal {
10341 padding: 0;
10342 display: flex !important;
10343 flex-direction: column;
10344 overflow: hidden;
10345 border-radius: 10px;
10346 background-color: #FFFFFF;
10347 height: 90vh;
10348 z-index: 10000000 !important;
10349 }
10350 .create-course-modal .modal-content {
10351 display: grid;
10352 grid-template-columns: 1fr 2fr;
10353 flex-grow: 1;
10354 gap: 30px;
10355 min-height: 500px;
10356 padding: 0 24px;
10357 }
10358 .create-course-modal .input-section {
10359 display: flex;
10360 flex-direction: column;
10361 }
10362 .create-course-modal .input-section label {
10363 font-weight: 700;
10364 line-height: 22px;
10365 font-size: 14px;
10366 color: #4A5568;
10367 margin-bottom: 4px;
10368 }
10369 .create-course-modal .input-section h3 {
10370 font-weight: 700;
10371 line-height: 22px;
10372 font-size: 14px;
10373 color: #4A5568;
10374 margin-bottom: 4px;
10375 }
10376 .create-course-modal .input-section textarea,
10377 .create-course-modal .input-section .ts-wrapper .ts-control {
10378 width: 100%;
10379 padding: 4px 8px;
10380 border: 1px solid #E5E7EB;
10381 border-radius: 6px;
10382 font-size: 0.95em;
10383 background-color: #F7FAFC;
10384 color: #1A202C;
10385 box-shadow: none;
10386 transition: border-color 0.2s, box-shadow 0.2s;
10387 }
10388 .create-course-modal .input-section textarea:focus, .create-course-modal .input-section textarea:focus-within,
10389 .create-course-modal .input-section .ts-wrapper .ts-control:focus,
10390 .create-course-modal .input-section .ts-wrapper .ts-control:focus-within {
10391 outline: none;
10392 border-color: #7E6CE2;
10393 box-shadow: 0 0 0 1px #7E6CE2;
10394 background-color: #FFFFFF;
10395 }
10396 .create-course-modal .input-section textarea {
10397 min-height: 150px;
10398 resize: vertical;
10399 }
10400 .create-course-modal .input-section .outputs-control {
10401 margin-top: 10px;
10402 }
10403 .create-course-modal .input-section .outputs-control .outputs-control-content {
10404 display: flex;
10405 align-items: center;
10406 justify-content: space-between;
10407 flex-direction: row;
10408 }
10409 .create-course-modal .input-section .outputs-control .outputs-control-content .output-number-selector {
10410 width: 120px;
10411 border-radius: 6px;
10412 padding: 10px 12px;
10413 border: 1px solid #E5E7EB;
10414 font-size: 0.95em;
10415 background-color: #F7FAFC;
10416 color: #1A202C;
10417 height: 40px;
10418 }
10419 .create-course-modal .input-section .lp-tom-select {
10420 width: 100%;
10421 }
10422 .create-course-modal .input-section .course-content-wrapper {
10423 background: #F7FAFC;
10424 padding: 8px 16px;
10425 border-radius: 16px;
10426 }
10427 .create-course-modal .input-section .course-content-wrapper input[readonly],
10428 .create-course-modal .input-section .course-content-wrapper textarea[readonly] {
10429 background-color: #FFFFFF !important;
10430 cursor: not-allowed;
10431 opacity: 0.8;
10432 }
10433 .create-course-modal .input-section .course-content-wrapper input[readonly]:focus,
10434 .create-course-modal .input-section .course-content-wrapper textarea[readonly]:focus {
10435 box-shadow: none;
10436 border-color: #E5E7EB;
10437 }
10438 .create-course-modal .output-section {
10439 display: flex;
10440 flex-direction: column;
10441 }
10442 .create-course-modal .output-section .output-header {
10443 display: flex;
10444 justify-content: space-between;
10445 align-items: center;
10446 margin-bottom: 8px;
10447 }
10448 .create-course-modal .output-section .output-header h3 {
10449 font-weight: 700;
10450 line-height: 22px;
10451 font-size: 14px;
10452 color: #1A202C;
10453 }
10454 .create-course-modal .output-section .output-header .icon-button {
10455 background: none;
10456 border: none;
10457 padding: 4px;
10458 cursor: pointer;
10459 color: #A0AEC0;
10460 }
10461 .create-course-modal .output-section .output-header .icon-button:hover {
10462 color: #4A5568;
10463 }
10464 .create-course-modal .output-section .output-item {
10465 border-radius: 6px;
10466 margin-bottom: 16px;
10467 background-color: #FFFFFF;
10468 position: relative;
10469 }
10470 .create-course-modal .output-section .output-item.prompt-item textarea {
10471 background-color: #F7FAFC;
10472 min-height: 80px;
10473 }
10474 .create-course-modal .output-section .output-item.output-suggestion textarea {
10475 border-color: #dbd6f7;
10476 min-height: 80px;
10477 }
10478 .create-course-modal .output-section .output-item p.prompt {
10479 font-weight: 500;
10480 color: #4A5568;
10481 font-size: 0.875rem;
10482 margin-bottom: 4px;
10483 }
10484 .create-course-modal .output-section .output-item .generate-button {
10485 background-color: #7E6CE2;
10486 color: #fff;
10487 border: none;
10488 padding: 12px 20px;
10489 border-radius: 6px;
10490 font-size: 1rem;
10491 font-weight: 500;
10492 cursor: pointer;
10493 width: 25%;
10494 margin-top: 10px;
10495 }
10496 .create-course-modal .output-section .output-item .generate-button:hover {
10497 opacity: 0.9;
10498 }
10499 .create-course-modal .output-section .output-item textarea {
10500 width: 100%;
10501 box-sizing: border-box;
10502 border: 1px solid #E5E7EB;
10503 border-radius: 6px;
10504 padding: 10px 12px;
10505 resize: vertical;
10506 font-size: 0.95em;
10507 color: #1A202C;
10508 transition: border-color 0.2s, box-shadow 0.2s;
10509 }
10510 .create-course-modal .output-section .output-item textarea:focus {
10511 outline: none;
10512 border-color: #7E6CE2;
10513 box-shadow: 0 0 0 1px #7E6CE2;
10514 }
10515 .create-course-modal .output-section .output-item .output-actions {
10516 position: absolute;
10517 top: 30%;
10518 right: 2%;
10519 display: flex;
10520 gap: 8px;
10521 visibility: hidden;
10522 }
10523 .create-course-modal .output-section .output-item .output-actions .action-button {
10524 font-size: 0.875rem;
10525 font-weight: 500;
10526 padding: 6px 12px;
10527 border-radius: 6px;
10528 cursor: pointer;
10529 border: 1px solid #E5E7EB;
10530 background-color: #FFFFFF;
10531 color: #4A5568;
10532 transition: background-color 0.2s, color 0.2s, border-color 0.2s;
10533 }
10534 .create-course-modal .output-section .output-item .output-actions .action-button.copy-button:hover {
10535 background-color: #F7FAFC;
10536 border-color: #c8ccd5;
10537 }
10538 .create-course-modal .output-section .output-item .output-actions .action-button.apply-button {
10539 background-color: #7E6CE2;
10540 border-color: #7E6CE2;
10541 color: #fff;
10542 }
10543 .create-course-modal .output-section .output-item .output-actions .action-button.apply-button:hover {
10544 opacity: 0.9;
10545 }
10546 .create-course-modal .output-section .output-item:hover .output-actions {
10547 visibility: visible;
10548 }
10549 .create-course-modal .output-section #lp-ai-output-suggestion {
10550 overflow-y: auto;
10551 flex-grow: 1;
10552 padding-right: 5px;
10553 }
10554 .create-course-modal .output-section #lp-ai-output-suggestion .output-placeholder {
10555 flex-grow: 1;
10556 border: 2px dashed #E5E7EB;
10557 border-radius: 6px;
10558 background-color: #E5E7EB;
10559 position: relative;
10560 height: 150px;
10561 width: 100%;
10562 background-position: center;
10563 background-repeat: no-repeat;
10564 margin-bottom: 10px;
10565 }
10566 .create-course-modal .output-section #lp-ai-output-suggestion .output-placeholder .output-actions {
10567 position: absolute;
10568 bottom: 5px;
10569 left: 80%;
10570 transform: translateX(-50%);
10571 display: flex;
10572 gap: 10px;
10573 width: 30%;
10574 }
10575 .create-course-modal .output-section #lp-ai-output-suggestion .output-placeholder .output-actions .action-button {
10576 padding: 5px 20px;
10577 border-radius: 4px;
10578 border: 1px solid #E5E7EB;
10579 background-color: rgba(255, 255, 255, 0.8);
10580 cursor: pointer;
10581 }
10582 .create-course-modal .output-section #lp-ai-output-suggestion .output-placeholder .output-actions .apply-button {
10583 background-color: #7E6CE2;
10584 color: #fff;
10585 border-color: #7E6CE2;
10586 }
10587 .create-course-modal .ts-wrapper .ts-control .item {
10588 background-color: #F7FAFC;
10589 border: 1px solid #E5E7EB;
10590 color: #4A5568;
10591 border-radius: 20px;
10592 padding: 4px 10px;
10593 }
10594 .create-course-modal .ts-wrapper .ts-control .ts-input::placeholder {
10595 color: #A0AEC0;
10596 }
10597 .create-course-modal .modal-content {
10598 gap: 40px;
10599 padding: 24px 30px;
10600 }
10601 .create-course-modal .modal-content .input-section .form-group {
10602 margin-bottom: 16px;
10603 }
10604 .create-course-modal .modal-content .input-section .form-group label {
10605 margin-bottom: 6px;
10606 display: block;
10607 }
10608 .create-course-modal .modal-content .input-section .lp-ai-modal-grid.lp-ai-grid-2-cols {
10609 display: grid;
10610 grid-template-columns: 1fr 1fr;
10611 gap: 16px 20px;
10612 margin-bottom: 16px;
10613 }
10614 .create-course-modal .modal-content .input-section h3 {
10615 font-size: 16px;
10616 font-weight: 600;
10617 color: #1A202C;
10618 margin-top: 20px;
10619 margin-bottom: 8px;
10620 }
10621 .create-course-modal .modal-content .input-section h3:first-child {
10622 margin-top: 0;
10623 }
10624 .create-course-modal .modal-content .input-section p.description {
10625 font-size: 12px;
10626 color: #4A5568;
10627 margin: -4px 0 16px 0;
10628 }
10629 .create-course-modal .modal-content .input-section .lp-notice.notice-warning {
10630 background-color: #FEFCE8;
10631 border: 1px solid #FDE047;
10632 border-radius: 6px;
10633 padding: 12px;
10634 margin: 10px 0 20px 0;
10635 font-size: 14px;
10636 color: #713F12;
10637 }
10638 .create-course-modal .modal-content .input-section .lp-notice.notice-warning a {
10639 font-weight: 600;
10640 color: #713F12;
10641 text-decoration: underline;
10642 }
10643 .create-course-modal .modal-content .output-section .output-placeholder-wrapper {
10644 display: flex;
10645 justify-content: center;
10646 align-items: center;
10647 text-align: center;
10648 height: 100%;
10649 min-height: 200px;
10650 background-color: #F9FAFB;
10651 border-radius: 8px;
10652 border: 1px solid #E5E7EB;
10653 padding: 20px;
10654 }
10655 .create-course-modal .modal-content .output-section .output-placeholder-wrapper p {
10656 color: #4A5568;
10657 font-size: 15px;
10658 }
10659 .create-course-modal .modal-content .output-section .output-header .icon-button {
10660 display: inline-flex;
10661 align-items: center;
10662 justify-content: center;
10663 color: #4A5568;
10664 }
10665 .create-course-modal .modal-content .output-section .output-header .icon-button svg {
10666 width: 20px;
10667 height: 20px;
10668 }
10669
10670 .lp-generate-data-ai-wrap {
10671 width: 100%;
10672 max-height: 90%;
10673 }
10674 .lp-generate-data-ai-wrap .content-title {
10675 color: #111111;
10676 }
10677 .lp-generate-data-ai-wrap .step-header {
10678 display: flex;
10679 justify-content: space-between;
10680 margin-bottom: 30px;
10681 padding: 0 20px;
10682 gap: 10px;
10683 }
10684 .lp-generate-data-ai-wrap .step-header .step-item {
10685 display: flex;
10686 align-items: center;
10687 font-size: 14px;
10688 color: #1A202C;
10689 position: relative;
10690 flex-grow: 1;
10691 justify-content: center;
10692 }
10693 .lp-generate-data-ai-wrap .step-header .step-item.active .step-number {
10694 background-color: #7E6CE2;
10695 color: #fff;
10696 border-color: #7E6CE2;
10697 }
10698 .lp-generate-data-ai-wrap .step-header .step-item .step-text {
10699 color: #111111;
10700 font-weight: 600;
10701 }
10702 .lp-generate-data-ai-wrap .step-header .step-item .step-number {
10703 width: 28px;
10704 height: 28px;
10705 border-radius: 50%;
10706 border: 1px solid #E5E7EB;
10707 display: flex;
10708 justify-content: center;
10709 align-items: center;
10710 margin-right: 10px;
10711 font-weight: 500;
10712 background-color: #fff;
10713 }
10714 .lp-generate-data-ai-wrap .lp-form-generate-data-ai {
10715 border: 1px solid #E5E7EB;
10716 border-radius: 10px;
10717 padding: 20px;
10718 text-align: left;
10719 }
10720 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .lp-form-fields {
10721 min-height: 400px;
10722 max-height: 600px;
10723 overflow: auto;
10724 padding: 0 2px;
10725 }
10726 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step-title {
10727 font-size: 1.2em;
10728 font-weight: 600;
10729 margin-bottom: 10px;
10730 color: #111111;
10731 }
10732 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step-content {
10733 display: none;
10734 }
10735 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step-content.active {
10736 display: block;
10737 }
10738 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step-header h2 {
10739 font-size: 24px;
10740 font-weight: 700;
10741 margin: 0 0 8px 0;
10742 }
10743 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step-header p {
10744 font-size: 15px;
10745 color: #1A202C;
10746 margin: 0 0 30px 0;
10747 }
10748 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-grid {
10749 display: grid;
10750 grid-template-columns: 1fr 1fr;
10751 gap: 20px 30px;
10752 margin-bottom: 30px;
10753 }
10754 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group {
10755 margin-bottom: 10px;
10756 }
10757 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group.full-width {
10758 grid-column: 1/-1;
10759 }
10760 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group label {
10761 display: block;
10762 font-size: 14px;
10763 font-weight: 600;
10764 margin-bottom: 8px;
10765 color: #111111;
10766 }
10767 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group .lp-tom-select.ts-wrapper {
10768 width: 100%;
10769 }
10770 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group input,
10771 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group .ts-wrapper .ts-control,
10772 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group textarea {
10773 width: 100%;
10774 padding: 8px 16px;
10775 border-radius: 10px;
10776 border: 1px solid #E5E7EB;
10777 font-size: 14px;
10778 line-height: 1.5;
10779 box-sizing: border-box;
10780 transition: border-color 0.2s, box-shadow 0.2s;
10781 margin: 0;
10782 background-color: transparent;
10783 }
10784 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group input:focus,
10785 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group .ts-wrapper .ts-control:focus,
10786 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group textarea:focus {
10787 outline: none;
10788 border-color: #1A202C;
10789 }
10790 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group input .item,
10791 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group .ts-wrapper .ts-control .item,
10792 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group textarea .item {
10793 border: 1px solid #E5E7EB;
10794 color: #4A5568;
10795 border-radius: 6px;
10796 padding: 4px 10px;
10797 background-color: transparent;
10798 }
10799 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group input .ts-input::placeholder,
10800 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group .ts-wrapper .ts-control .ts-input::placeholder,
10801 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group textarea .ts-input::placeholder {
10802 color: #A0AEC0;
10803 }
10804 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group textarea {
10805 min-height: 86px;
10806 resize: vertical;
10807 }
10808 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group .field-description {
10809 color: #898989;
10810 margin-top: 8px;
10811 }
10812 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group .title-refer,
10813 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group .description-refer {
10814 padding: 0;
10815 border: none;
10816 font-size: 16px;
10817 min-height: unset;
10818 box-shadow: none;
10819 border-radius: 0;
10820 }
10821 .lp-generate-data-ai-wrap .lp-form-generate-data-ai #prompt-preview {
10822 min-height: 120px;
10823 background-color: #F9FAFB;
10824 color: #1A202C;
10825 }
10826 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .button-actions {
10827 display: flex;
10828 justify-content: flex-end;
10829 gap: 12px;
10830 margin-top: 20px;
10831 }
10832 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .generate-prompt {
10833 display: flex;
10834 justify-items: center;
10835 align-items: center;
10836 gap: 10px;
10837 margin-bottom: 20px;
10838 }
10839 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .generate-prompt img {
10840 display: none;
10841 }
10842 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .btn,
10843 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .lp-button {
10844 padding: 10px 20px;
10845 font-size: 15px;
10846 font-weight: 600;
10847 border-radius: 8px;
10848 cursor: pointer;
10849 border: 1px solid transparent;
10850 transition: all 0.2s;
10851 display: inline-flex;
10852 align-items: center;
10853 gap: 8px;
10854 }
10855 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .btn-primary,
10856 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .lp-button-primary {
10857 background-color: #7E6CE2;
10858 color: #fff;
10859 }
10860 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .btn-primary:hover,
10861 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .lp-button-primary:hover {
10862 background-color: #1A202C;
10863 }
10864 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .btn-secondary,
10865 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .lp-button-secondary {
10866 background-color: #fff;
10867 color: #7E6CE2;
10868 border-color: #7E6CE2;
10869 }
10870 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .btn-secondary:hover,
10871 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .lp-button-secondary:hover {
10872 background-color: #7E6CE2;
10873 color: #fff;
10874 }
10875 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .btn:disabled,
10876 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .lp-button:disabled {
10877 background-color: #E5E7EB;
10878 color: #1A202C;
10879 cursor: not-allowed;
10880 border-color: #E5E7EB;
10881 }
10882 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout {
10883 display: flex;
10884 gap: 30px;
10885 }
10886 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .step4-left-panel {
10887 flex: 2;
10888 }
10889 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .step4-right-panel {
10890 flex: 1;
10891 min-width: 300px;
10892 }
10893 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .course-details {
10894 display: none;
10895 }
10896 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .course-details h3 {
10897 font-size: 24px;
10898 font-weight: 700;
10899 color: #111827;
10900 margin-top: 0;
10901 margin-bottom: 24px;
10902 }
10903 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .course-details .course-cover-placeholder {
10904 width: 100%;
10905 height: 50vh;
10906 background-color: #E5E7EB;
10907 border-radius: 8px;
10908 display: flex;
10909 justify-content: center;
10910 align-items: center;
10911 justify-items: center;
10912 font-size: 20px;
10913 color: #6B7280;
10914 margin-bottom: 30px;
10915 font-weight: 600;
10916 }
10917 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .course-details .section-title {
10918 font-size: 18px;
10919 font-weight: 700;
10920 margin-top: 30px;
10921 margin-bottom: 16px;
10922 }
10923 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .course-details .section-course-curriculum {
10924 font-size: 18px;
10925 font-weight: 700;
10926 }
10927 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .course-details .section-course-curriculum .course-curriculum-container .course-section-block {
10928 border-radius: 8px;
10929 border: 0.8px solid #E5E7EB;
10930 padding: 16px 8px;
10931 }
10932 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .course-details .section-course-curriculum .course-curriculum-container .course-section-block h4 {
10933 font-size: 13px;
10934 font-weight: bold;
10935 }
10936 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .course-details p {
10937 font-size: 15px;
10938 line-height: 1.6;
10939 color: #374151;
10940 margin-top: 0;
10941 }
10942 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .course-details ul {
10943 list-style: none;
10944 padding: 0;
10945 margin: 12px 0 0 0;
10946 }
10947 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .course-details li {
10948 position: relative;
10949 padding-left: 20px;
10950 margin-bottom: 8px;
10951 color: #374151;
10952 font-size: 15px;
10953 }
10954 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .course-details li::before {
10955 content: "";
10956 position: absolute;
10957 left: 0;
10958 color: #1A202C;
10959 line-height: 1.5;
10960 }
10961 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .summary-panel {
10962 background-color: #F9FAFB;
10963 padding: 24px;
10964 border-radius: 8px;
10965 border: 1px solid #E5E7EB;
10966 height: fit-content;
10967 }
10968 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .summary-panel h3 {
10969 font-size: 16px;
10970 font-weight: 600;
10971 margin-top: 0;
10972 margin-bottom: 20px;
10973 }
10974 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .summary-panel .summary-list {
10975 display: none;
10976 list-style: none;
10977 padding: 0;
10978 margin: 0;
10979 }
10980 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .summary-panel .summary-list li {
10981 display: flex;
10982 align-items: center;
10983 font-size: 15px;
10984 color: #374151;
10985 margin-bottom: 12px;
10986 }
10987 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .summary-panel .summary-list li span {
10988 margin-right: 5px;
10989 }
10990 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .summary-panel .summary-list li svg {
10991 color: #1A202C;
10992 width: 20px;
10993 height: 20px;
10994 margin-right: 12px;
10995 flex-shrink: 0;
10996 }
10997 .lp-generate-data-ai-wrap .lp-form-generate-data-ai textarea[name=lp-openai-prompt-generated-field] {
10998 min-height: 300px;
10999 }
11000 .lp-generate-data-ai-wrap .lp-form-generate-data-ai textarea.lp-ai-string-result {
11001 width: 100%;
11002 }
11003 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .lp-ai-generated-results {
11004 display: grid;
11005 gap: 10px;
11006 }
11007 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .lp-ai-generated-results .lp-ai-string-result {
11008 margin-bottom: 4px;
11009 }
11010 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .lp-ai-generated-results button {
11011 margin-right: 4px;
11012 }
11013 .lp-generate-data-ai-wrap .lp-ai-course-data-preview-wrap {
11014 max-height: 400px;
11015 overflow-y: auto;
11016 margin-bottom: 20px;
11017 }
11018 .lp-generate-data-ai-wrap .lp-btn-close-ai-popup {
11019 position: absolute;
11020 top: 10px;
11021 right: 10px;
11022 background: none;
11023 border: none;
11024 font-size: 20px;
11025 cursor: pointer;
11026 color: #ccc;
11027 }
11028 .lp-generate-data-ai-wrap .lp-btn-close-ai-popup:hover {
11029 color: #f27474;
11030 }
11031 .lp-generate-data-ai-wrap .lp-ai-warning-refer {
11032 border: 1px solid #FCD34D;
11033 background-color: #FFFBEB;
11034 padding: 10px;
11035 border-radius: 5px;
11036 display: flex;
11037 gap: 5px;
11038 align-items: center;
11039 }
11040
11041 .lp-ai-course-data-preview-wrap .course-title {
11042 font-size: 1.5em;
11043 font-weight: 700;
11044 margin-bottom: 10px;
11045 color: #1A202C;
11046 }
11047 .lp-ai-course-data-preview-wrap .course-sections {
11048 margin-top: 30px;
11049 }
11050 .lp-ai-course-data-preview-wrap .section-title {
11051 font-weight: bold;
11052 font-size: 1.2em;
11053 margin-bottom: 10px;
11054 color: #1A202C;
11055 }
11056 .lp-ai-course-data-preview-wrap .lesson-title,
11057 .lp-ai-course-data-preview-wrap .quiz-title,
11058 .lp-ai-course-data-preview-wrap .question-title {
11059 font-weight: 600;
11060 font-size: 1em;
11061 margin-bottom: 8px;
11062 color: #1A202C;
11063 }
11064 .lp-ai-course-data-preview-wrap .course-section-item {
11065 border: 1px solid var(--lp-border-color, #E2E0DB);
11066 border-radius: 10px;
11067 padding: 20px;
11068 margin: 20px 0;
11069 background-color: #fff;
11070 }
11071 .lp-ai-course-data-preview-wrap .course-section-items {
11072 margin: 20px 0 0 20px;
11073 }
11074 .lp-ai-course-data-preview-wrap .course-section-items:last-child {
11075 margin-bottom: 0;
11076 }
11077 .lp-ai-course-data-preview-wrap .course-lesson-item,
11078 .lp-ai-course-data-preview-wrap .course-quiz-item,
11079 .lp-ai-course-data-preview-wrap .quiz-question-item {
11080 padding: 12px 0;
11081 border-top: 1px solid var(--lp-border-color, #E2E0DB);
11082 }
11083 .lp-ai-course-data-preview-wrap .course-lesson-item:last-child,
11084 .lp-ai-course-data-preview-wrap .course-quiz-item:last-child,
11085 .lp-ai-course-data-preview-wrap .quiz-question-item:last-child {
11086 padding-bottom: 0;
11087 }
11088 .lp-ai-course-data-preview-wrap .course-questions,
11089 .lp-ai-course-data-preview-wrap .course-question-options {
11090 margin: 20px 0 0 20px;
11091 }
11092 .lp-ai-course-data-preview-wrap .course-questions:last-child,
11093 .lp-ai-course-data-preview-wrap .course-question-options:last-child {
11094 margin-bottom: 0;
11095 }
11096
11097 .lp-ai-images-warp {
11098 display: grid;
11099 grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
11100 gap: 15px;
11101 margin-top: 20px;
11102 max-height: 400px;
11103 overflow-y: auto;
11104 }
11105 .lp-ai-images-warp .lp-ai-image-item {
11106 position: relative;
11107 }
11108 .lp-ai-images-warp .lp-ai-image-item img {
11109 object-fit: contain;
11110 width: 100%;
11111 }
11112 .lp-ai-images-warp .lp-ai-image-item .lp-btn-ai-apply-image {
11113 position: absolute;
11114 top: 5px;
11115 right: 0;
11116 transform: translateX(-5%);
11117 background-color: rgba(0, 0, 0, 0.6);
11118 color: #fff;
11119 border: none;
11120 padding: 6px 12px;
11121 border-radius: 4px;
11122 font-size: 0.875rem;
11123 cursor: pointer;
11124 opacity: 0;
11125 transition: opacity 0.2s;
11126 }
11127 .lp-ai-images-warp .lp-ai-image-item:hover .lp-btn-ai-apply-image {
11128 opacity: 1;
11129 }
11130
11131 .lp-creating-course-ai-wrap .loading-wrap {
11132 margin-top: 20px;
11133 }
11134 .lp-creating-course-ai-wrap .lp-loading-circle {
11135 width: 40px;
11136 height: 40px;
11137 border-width: 5px;
11138 }
11139
11140 .lp-must-enable-ai-wrap {
11141 text-align: left;
11142 line-height: 1.6em;
11143 }
11144 .lp-must-enable-ai-wrap h2 {
11145 margin-bottom: 0;
11146 }
11147 .lp-must-enable-ai-wrap h2 i {
11148 margin-right: 10px;
11149 color: #DC2626;
11150 }
11151 .lp-must-enable-ai-wrap .desc {
11152 color: #6B7280;
11153 }
11154 .lp-must-enable-ai-wrap .p2 {
11155 color: #6B7280;
11156 }
11157 .lp-must-enable-ai-wrap a {
11158 color: #2563EB;
11159 text-decoration: underline;
11160 cursor: pointer;
11161 }
11162 .lp-must-enable-ai-wrap .help-link {
11163 padding: 16px;
11164 border: 1px solid #E5E7EB;
11165 border-radius: 8px;
11166 font-size: 13px;
11167 }
11168 .lp-must-enable-ai-wrap .help-link a {
11169 text-decoration: none;
11170 margin-top: 10px;
11171 }
11172 .lp-must-enable-ai-wrap .help-link i {
11173 color: #2A73AB;
11174 }
11175 .lp-must-enable-ai-wrap .button-actions {
11176 margin-top: 20px;
11177 text-align: right;
11178 }
11179 .lp-must-enable-ai-wrap .button-actions .lp-btn-close-ai-popup {
11180 border: none;
11181 color: #4B5563;
11182 background: none;
11183 }
11184 .lp-must-enable-ai-wrap .button-actions .button-primary {
11185 background-color: #7E6CE2;
11186 color: #fff;
11187 border: none;
11188 }
11189 .lp-must-enable-ai-wrap .button-actions .button-primary:hover {
11190 opacity: 0.9;
11191 }
11192
11193 .fui-loading-spinner-3 {
11194 color: #7E6CE2;
11195 position: relative;
11196 width: 100px;
11197 height: 80px;
11198 margin-left: 80px;
11199 display: none;
11200 }
11201 .fui-loading-spinner-3 div {
11202 transform-origin: 40px 40px;
11203 animation: rj9Ft 1.2s linear infinite;
11204 }
11205 .fui-loading-spinner-3 div:after {
11206 content: " ";
11207 display: block;
11208 position: absolute;
11209 top: 3px;
11210 left: 37px;
11211 width: 6px;
11212 height: 18px;
11213 border-radius: 20%;
11214 background: #7E6CE2;
11215 }
11216 .fui-loading-spinner-3 div:nth-child(1) {
11217 transform: rotate(0deg);
11218 animation-delay: -1.1s;
11219 }
11220 .fui-loading-spinner-3 div:nth-child(2) {
11221 transform: rotate(30deg);
11222 animation-delay: -1s;
11223 }
11224 .fui-loading-spinner-3 div:nth-child(3) {
11225 transform: rotate(60deg);
11226 animation-delay: -0.9s;
11227 }
11228 .fui-loading-spinner-3 div:nth-child(4) {
11229 transform: rotate(90deg);
11230 animation-delay: -0.8s;
11231 }
11232 .fui-loading-spinner-3 div:nth-child(5) {
11233 transform: rotate(120deg);
11234 animation-delay: -0.7s;
11235 }
11236 .fui-loading-spinner-3 div:nth-child(6) {
11237 transform: rotate(150deg);
11238 animation-delay: -0.6s;
11239 }
11240 .fui-loading-spinner-3 div:nth-child(7) {
11241 transform: rotate(180deg);
11242 animation-delay: -0.5s;
11243 }
11244 .fui-loading-spinner-3 div:nth-child(8) {
11245 transform: rotate(210deg);
11246 animation-delay: -0.4s;
11247 }
11248 .fui-loading-spinner-3 div:nth-child(9) {
11249 transform: rotate(240deg);
11250 animation-delay: -0.3s;
11251 }
11252 .fui-loading-spinner-3 div:nth-child(10) {
11253 transform: rotate(270deg);
11254 animation-delay: -0.2s;
11255 }
11256 .fui-loading-spinner-3 div:nth-child(11) {
11257 transform: rotate(300deg);
11258 animation-delay: -0.1s;
11259 }
11260 .fui-loading-spinner-3 div:nth-child(12) {
11261 transform: rotate(330deg);
11262 animation-delay: 0s;
11263 }
11264
11265 @keyframes rj9Ft {
11266 0% {
11267 opacity: 1;
11268 }
11269 100% {
11270 opacity: 0;
11271 }
11272 }
11273 /**
11274 * Style for the popup alert, confirm
11275 * @link https://sweetalert2.github.io/
11276 * @since 4.2.9
11277 * @version 1.0.0
11278 */
11279 .swal2-container {
11280 z-index: 99999;
11281 }
11282
11283 .swal2-popup {
11284 max-width: 850px;
11285 }
11286 .swal2-popup .content-title {
11287 margin: 0 0 20px 0;
11288 padding: 0;
11289 text-align: center;
11290 font-size: 1.5em;
11291 font-weight: bold;
11292 }
11293 .swal2-popup .swal2-actions {
11294 width: 100%;
11295 padding: 0 30px;
11296 }
11297 .swal2-popup .swal2-actions button {
11298 flex: 1;
11299 }
11300 .swal2-popup .swal2-actions button.swal2-confirm {
11301 background-color: #e02200;
11302 }
11303 .swal2-popup .swal2-actions button.swal2-cancel {
11304 background-color: transparent;
11305 border: 1px solid #ccc;
11306 color: inherit;
11307 }
11308 .swal2-popup .swal2-warning {
11309 color: #e02200;
11310 border-color: transparent;
11311 background-color: rgba(223, 0, 0, 0.1019607843);
11312 }
11313 .swal2-popup .swal2-icon {
11314 width: 50px;
11315 height: 50px;
11316 }
11317 .swal2-popup .swal2-icon .swal2-icon-content {
11318 font-size: 0;
11319 }
11320 .swal2-popup .swal2-icon .swal2-icon-content::before {
11321 content: "\f071";
11322 font-family: "lp-icon";
11323 font-size: 24px;
11324 display: inline-block;
11325 }
11326 .swal2-popup .swal2-title {
11327 font-size: 1.5em;
11328 }
11329 .swal2-popup .swal2-html-container {
11330 font-size: 1em;
11331 }
11332 .swal2-popup .lp-tom-select.ts-wrapper .ts-dropdown {
11333 max-height: 200px;
11334 overflow: hidden;
11335 }
11336 .swal2-popup .swal2-close {
11337 background-color: unset !important;
11338 outline: none !important;
11339 color: rgb(204, 204, 204) !important;
11340 font-size: 30px;
11341 box-shadow: none !important;
11342 position: absolute;
11343 }
11344 .swal2-popup .swal2-close:hover {
11345 color: #f27474 !important;
11346 }
11347
11348 /**
11349 * LP Table — Reusable Table Standard
11350 *
11351 * A shared table CSS system used by the "Enrolled Students" listing (and future tables).
11352 * Provides card wrapper, header/body styling, avatars, progress bars, badges, toolbar, and pagination.
11353 *
11354 * @since 4.3.3
11355 */
11356 .lp-enrolled-students h1.wp-heading-inline {
11357 margin-bottom: 24px;
11358 }
11359
11360 .lp-enrolled-students-table-wrap {
11361 margin-top: 15px;
11362 }
11363 .lp-enrolled-students-table-wrap .instructor-avatar {
11364 align-items: center;
11365 justify-content: center;
11366 width: 36px;
11367 height: 36px;
11368 min-width: 36px;
11369 border-radius: 50%;
11370 background: #64748b;
11371 overflow: hidden;
11372 }
11373 .lp-enrolled-students-table-wrap .instructor-avatar img {
11374 width: 100%;
11375 height: 100%;
11376 object-fit: cover;
11377 }
11378
11379 /*.lp-enrolled-students-table {
11380 width: 100%;
11381 border: 0;
11382 border-spacing: 0;
11383 border-collapse: collapse;
11384 font-size: 13px;
11385
11386 th,
11387 td {
11388 border: 0 !important;
11389 }
11390
11391 thead {
11392 th {
11393 padding: 10px 16px;
11394 border-bottom: 2px solid #e2e8f0 !important;
11395 color: #64748b;
11396 background: #f8fafc;
11397 font-size: 12px;
11398 font-weight: 600;
11399 text-align: left;
11400 text-transform: uppercase;
11401 letter-spacing: 0.05em;
11402
11403 &:first-child {
11404 border-radius: 0;
11405 }
11406 &:last-child {
11407 border-radius: 0;
11408 }
11409 }
11410 }
11411
11412 tbody {
11413 tr {
11414 border-bottom: 1px solid #f1f5f9;
11415 transition: background 0.15s;
11416 text-align: left;
11417
11418 &:hover {
11419 background: #f8fafc;
11420 }
11421
11422 &:last-child {
11423 border-bottom: none;
11424 }
11425 }
11426
11427 td {
11428 padding: 12px 16px;
11429 vertical-align: middle;
11430 border: 0 !important;
11431 }
11432 }
11433
11434 tfoot {
11435 tr,
11436 td {
11437 border: 0 !important;
11438 }
11439 }
11440 }*/
11441 .lp-cell-student {
11442 display: flex;
11443 align-items: center;
11444 gap: 10px;
11445 }
11446
11447 /*.lp-avatar {
11448 display: flex;
11449 flex-shrink: 0;
11450 align-items: center;
11451 justify-content: center;
11452 width: 36px;
11453 height: 36px;
11454 border-radius: 50%;
11455 color: #fff;
11456 background: #64748b;
11457 font-size: 13px;
11458 font-weight: 600;
11459 overflow: hidden;
11460 }
11461
11462 .lp-avatar--image {
11463 background: transparent;
11464
11465 img {
11466 width: 100%;
11467 height: 100%;
11468 object-fit: cover;
11469 }
11470 }*/
11471 .lp-meta {
11472 display: flex;
11473 flex-direction: column;
11474 }
11475 .lp-meta .lp-name {
11476 color: #1e293b;
11477 font-weight: 500;
11478 line-height: 1.4;
11479 }
11480 .lp-meta .lp-email {
11481 color: #94a3b8;
11482 font-size: 12px;
11483 line-height: 1.3;
11484 }
11485
11486 .lp-cell-course a {
11487 color: #3b82f6;
11488 text-decoration: none;
11489 }
11490 .lp-cell-course a:hover {
11491 text-decoration: underline;
11492 }
11493
11494 .lp-cell-progress {
11495 min-width: 120px;
11496 }
11497
11498 .lp-progress-bar {
11499 overflow: hidden;
11500 position: relative;
11501 width: 100%;
11502 max-width: 120px;
11503 height: 6px;
11504 border-radius: 3px;
11505 background: #e2e8f0;
11506 }
11507 .lp-progress-bar span {
11508 display: block;
11509 height: 100%;
11510 border-radius: 3px;
11511 background: linear-gradient(90deg, #3b82f6, #60a5fa);
11512 transition: width 0.3s ease;
11513 }
11514
11515 .lp-progress-text {
11516 display: inline-block;
11517 margin-top: 3px;
11518 color: #64748b;
11519 font-size: 11px;
11520 }
11521
11522 .lp-badge {
11523 display: inline-block;
11524 padding: 3px 10px;
11525 border-radius: 12px;
11526 font-size: 12px;
11527 font-weight: 500;
11528 line-height: 1.5;
11529 white-space: nowrap;
11530 }
11531 .lp-badge--enrolled {
11532 color: #475569;
11533 background: #f1f5f9;
11534 }
11535 .lp-badge--in-progress, .lp-badge--learning {
11536 color: #1e40af;
11537 background: #dbeafe;
11538 }
11539 .lp-badge--finished {
11540 color: #166534;
11541 background: #dcfce7;
11542 }
11543 .lp-badge--passed {
11544 color: #14532d;
11545 background: #bbf7d0;
11546 }
11547 .lp-badge--failed {
11548 color: #991b1b;
11549 background: #fee2e2;
11550 }
11551
11552 .lp-enrolled-students-table-footer {
11553 display: flex;
11554 flex-wrap: wrap;
11555 align-items: center;
11556 justify-content: space-between;
11557 gap: 8px;
11558 border-top: 1px solid #e2e8f0;
11559 }
11560 .lp-enrolled-students-table-footer__count {
11561 color: #64748b;
11562 font-size: 13px;
11563 }
11564
11565 #profile-content-enrolled-students .lp-enrolled-students-table-footer {
11566 border-top: none;
11567 }
11568
11569 .lp-enrolled-students-table-footer .learn-press-pagination {
11570 margin: 0;
11571 text-align: right;
11572 }
11573 .lp-enrolled-students-table-footer .learn-press-pagination ul.page-numbers {
11574 display: flex;
11575 align-items: center;
11576 gap: 4px;
11577 flex-wrap: wrap;
11578 margin: 0;
11579 padding: 0;
11580 list-style: none;
11581 }
11582 .lp-enrolled-students-table-footer .learn-press-pagination ul.page-numbers > li {
11583 margin: 0;
11584 }
11585 .lp-enrolled-students-table-footer .learn-press-pagination a.page-numbers,
11586 .lp-enrolled-students-table-footer .learn-press-pagination span.page-numbers {
11587 display: inline-flex;
11588 align-items: center;
11589 justify-content: center;
11590 min-width: 40px;
11591 height: 40px;
11592 width: 40px;
11593 line-height: 40px;
11594 padding: 0 8px;
11595 border: 1px solid #e2e8f0;
11596 border-radius: 4px;
11597 color: #475569;
11598 background: #fff;
11599 font-size: 13px;
11600 text-decoration: none;
11601 cursor: pointer;
11602 transition: all 0.15s;
11603 }
11604 .lp-enrolled-students-table-footer .learn-press-pagination a.page-numbers:hover:not(.current),
11605 .lp-enrolled-students-table-footer .learn-press-pagination span.page-numbers:hover:not(.current) {
11606 border-color: #3b82f6;
11607 color: #3b82f6 !important;
11608 background: #eff6ff;
11609 }
11610 .lp-enrolled-students-table-footer .learn-press-pagination span.page-numbers.current {
11611 border-color: #3b82f6;
11612 color: #fff;
11613 background: #3b82f6;
11614 cursor: default;
11615 }
11616 .lp-enrolled-students-table-footer .learn-press-pagination span.page-numbers.dots {
11617 min-width: auto;
11618 border: 0;
11619 background: transparent;
11620 cursor: default;
11621 }
11622 .lp-enrolled-students-table-footer .learn-press-pagination span.page-numbers.current,
11623 .lp-enrolled-students-table-footer .learn-press-pagination span.page-numbers.dots {
11624 pointer-events: none;
11625 }
11626
11627 .lp-enrolled-empty {
11628 padding: 40px 20px;
11629 color: #94a3b8;
11630 text-align: center;
11631 }
11632 .lp-enrolled-empty p {
11633 margin: 0;
11634 font-size: 14px;
11635 }
11636
11637 .lp-enrolled-error {
11638 padding: 15px 20px;
11639 color: #dc2626;
11640 font-size: 13px;
11641 }
11642
11643 #lp-modal-enrolled-wrap {
11644 position: relative;
11645 /*tbody {
11646 display: block;
11647 max-height: 400px;
11648 overflow-y: auto;
11649 }
11650
11651 thead, tbody tr {
11652 display: table;
11653 width: 100%;
11654 table-layout: fixed;
11655 }*/
11656 }
11657 #lp-modal-enrolled-wrap .lp-table-wrap {
11658 max-height: 60vh;
11659 }
11660
11661 .lp-wrap-btn-view-course-students {
11662 width: 100%;
11663 }
11664 .lp-wrap-btn-view-course-students button {
11665 width: 100%;
11666 }
11667
11668 .lp-btn-view-students {
11669 margin-top: 10px;
11670 white-space: nowrap;
11671 display: block;
11672 padding: 0;
11673 border: none;
11674 background: none;
11675 }
11676
11677 /**
11678 * Style for table LearnPress
11679 */
11680 .lp-table-wrap {
11681 border-radius: 5px;
11682 width: 100%;
11683 border: 1px solid var(--lp-border-color, #E2E0DB);
11684 overflow-x: auto;
11685 overflow-y: auto;
11686 -webkit-overflow-scrolling: touch;
11687 }
11688
11689 table.lp-list-table {
11690 border-collapse: collapse;
11691 width: 100%;
11692 margin: 0;
11693 min-width: 768px;
11694 }
11695 table.lp-list-table td {
11696 padding: 0;
11697 }
11698 table.lp-list-table .learn-press-pagination {
11699 text-align: left;
11700 }
11701 table.lp-list-table thead {
11702 background-color: var(--lp-white-grey, #F7F7FB);
11703 border: none;
11704 }
11705 table.lp-list-table thead tr {
11706 border-bottom: 1px solid var(--lp-border-color, #E2E0DB);
11707 position: sticky;
11708 top: 0;
11709 z-index: 2;
11710 background: #fff;
11711 }
11712 table.lp-list-table thead th {
11713 background: none;
11714 border: none;
11715 font-size: 1em;
11716 padding: 10px 20px;
11717 text-align: left;
11718 }
11719 table.lp-list-table thead th td {
11720 border: none;
11721 padding: 0;
11722 }
11723 table.lp-list-table tbody {
11724 font-size: 14px;
11725 }
11726 table.lp-list-table tbody tr {
11727 border: none;
11728 border-bottom: 1px solid var(--lp-white-grey, #F7F7FB);
11729 }
11730 table.lp-list-table tbody tr:nth-child(odd) td {
11731 background: #f6f7f7;
11732 }
11733 table.lp-list-table tbody tr:nth-child(even) td {
11734 background: #fff;
11735 }
11736 table.lp-list-table tbody tr td {
11737 border: none;
11738 padding: 10px 20px;
11739 text-align: left;
11740 }
11741 table.lp-list-table tbody tr td a {
11742 text-decoration: none;
11743 }
11744 table.lp-list-table tfoot tr {
11745 border: none;
11746 }
11747 table.lp-list-table tfoot tr td, table.lp-list-table tfoot tr th {
11748 border: none;
11749 }
11750 table.lp-list-table tfoot tr td > div, table.lp-list-table tfoot tr th > div {
11751 padding: 20px;
11752 }
11753 table.lp-list-table tfoot .pagination {
11754 border: none;
11755 padding: 0;
11756 }
11757 table.lp-list-table.order-table-details tbody tr:last-child {
11758 --lp-white-grey: var(--lp-border-color, #E2E0DB);
11759 }
11760 table.lp-list-table.order-table-details tfoot {
11761 border-top: 1px solid var(--lp-border-color, #E2E0DB);
11762 }
11763 table.lp-list-table.order-table-details tfoot tr td, table.lp-list-table.order-table-details tfoot tr th {
11764 padding: 10px 20px;
11765 background-color: transparent;
11766 }
11767 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 {
11768 padding-bottom: 0;
11769 }
11770
11771 .lp_profile_course_progress__nav {
11772 margin-top: 1rem;
11773 }
11774
11775 #profile-content-order-details .lp-table-wrap {
11776 margin-bottom: 1rem;
11777 }
11778
11779 /**
11780 * Style for the Form Filter list
11781 * @since 4.4.5
11782 * @version 1.0.0
11783 */
11784 .lp-form-filter {
11785 display: grid;
11786 gap: 12px;
11787 margin-bottom: 24px;
11788 }
11789 .lp-form-filter__fields {
11790 display: flex;
11791 flex-wrap: wrap;
11792 align-items: flex-end;
11793 gap: 14px;
11794 }
11795 .lp-form-filter__fields > * {
11796 flex: 1 1 0;
11797 min-width: 0;
11798 }
11799 .lp-form-filter .filter-field {
11800 display: flex;
11801 flex-direction: column;
11802 gap: 5px;
11803 }
11804 .lp-form-filter .filter-field label {
11805 text-align: left;
11806 }
11807 .lp-form-filter button {
11808 display: inline-flex;
11809 align-items: center;
11810 justify-content: center;
11811 }
11812 .lp-form-filter__actions {
11813 display: flex;
11814 gap: 8px;
11815 align-items: center;
11816 }
11817
11818 /**
11819 * Custom fullscreen view overlay.
11820 *
11821 * Applied directly to the target element; a close button is injected inside it.
11822 *
11823 * @since 4.4.5
11824 * @version 1.0.0
11825 */
11826 html.lp-full-screen-active,
11827 html.lp-full-screen-active body {
11828 overflow: hidden;
11829 }
11830
11831 .lp-full-screen-view {
11832 position: fixed !important;
11833 top: 0;
11834 left: 0;
11835 width: 100vw !important;
11836 height: 100vh !important;
11837 max-width: 100vw !important;
11838 max-height: 100vh !important;
11839 z-index: 99999;
11840 background: #fff;
11841 overflow: auto;
11842 }
11843 .lp-full-screen-view__close {
11844 position: absolute;
11845 top: 5px;
11846 right: 5px;
11847 z-index: 999999;
11848 background: white;
11849 color: #f10808;
11850 border: 1px solid white;
11851 border-radius: 4px;
11852 padding: 0.5em 0.75em;
11853 cursor: pointer;
11854 }
11855 .lp-full-screen-view__close:hover {
11856 border-color: #f10808;
11857 }
11858 .lp-full-screen-view > div {
11859 padding: 40px 10px 0 !important;
11860 }
11861
11862 .lp-toggle-enable {
11863 display: inline-flex;
11864 align-items: center;
11865 gap: 8px;
11866 cursor: pointer;
11867 user-select: none;
11868 }
11869 .lp-toggle-enable .lp-toggle-enable__input {
11870 position: absolute;
11871 opacity: 0;
11872 width: 0;
11873 height: 0;
11874 }
11875 .lp-toggle-enable .lp-toggle-enable__track {
11876 position: relative;
11877 display: inline-block;
11878 width: 44px;
11879 height: 24px;
11880 border-radius: 12px;
11881 background: #c3c4c7;
11882 transition: background 0.2s ease;
11883 flex-shrink: 0;
11884 }
11885 .lp-toggle-enable .lp-toggle-enable__track::before {
11886 content: "";
11887 position: absolute;
11888 top: 2px;
11889 left: 2px;
11890 width: 20px;
11891 height: 20px;
11892 border-radius: 50%;
11893 background: #fff;
11894 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
11895 transition: transform 0.2s ease;
11896 }
11897 .lp-toggle-enable .lp-toggle-enable__label {
11898 font-size: 13px;
11899 font-weight: 500;
11900 color: #50575e;
11901 }
11902 .lp-toggle-enable.is-enabled .lp-toggle-enable__track {
11903 background: #28A746;
11904 }
11905 .lp-toggle-enable.is-enabled .lp-toggle-enable__track::before {
11906 transform: translateX(20px);
11907 }
11908 .lp-toggle-enable.is-enabled .lp-toggle-enable__label {
11909 color: #28A746;
11910 }
11911 .lp-toggle-enable.is-disabled {
11912 opacity: 0.6;
11913 cursor: not-allowed;
11914 }
11915 .lp-toggle-enable.loading {
11916 position: relative;
11917 cursor: default;
11918 pointer-events: none;
11919 }
11920 .lp-toggle-enable.loading .lp-toggle-enable__track,
11921 .lp-toggle-enable.loading .lp-toggle-enable__label {
11922 opacity: 0.4;
11923 }
11924 .lp-toggle-enable.loading::after {
11925 content: "\f110";
11926 position: absolute;
11927 top: 0;
11928 right: 0;
11929 bottom: 0;
11930 left: 0;
11931 width: 18px;
11932 height: 18px;
11933 margin: auto;
11934 display: flex;
11935 align-items: center;
11936 justify-content: center;
11937 font-family: "lp-icon";
11938 font-size: 14px;
11939 font-style: normal;
11940 font-weight: normal;
11941 font-variant: normal;
11942 text-transform: none;
11943 line-height: 1;
11944 color: #2271b1;
11945 background: #fff;
11946 border-radius: 50%;
11947 animation: lp-scorm-toggle-spin 1s linear infinite;
11948 z-index: 1;
11949 }
11950 .lp-toggle-enable .lp-toggle-enable__input:focus-visible ~ .lp-toggle-enable__track {
11951 outline: 2px solid #2271b1;
11952 outline-offset: 2px;
11953 }
11954
11955 @keyframes lp-scorm-toggle-spin {
11956 from {
11957 transform: rotate(0deg);
11958 }
11959 to {
11960 transform: rotate(360deg);
11961 }
11962 }
11963 .button.disabled {
11964 pointer-events: none;
11965 }
11966
11967 .learnpress .postbox .rwmb-meta-box {
11968 margin-top: 10px;
11969 }
11970 .learnpress #field-_lp_requirements .rwmb-text-list-clone,
11971 .learnpress #field-_lp_requirements .rwmb-text-list-advanced-clone,
11972 .learnpress #field-_lp_target_audiences .rwmb-text-list-clone,
11973 .learnpress #field-_lp_target_audiences .rwmb-text-list-advanced-clone,
11974 .learnpress #field-_lp_key_features .rwmb-text-list-clone,
11975 .learnpress #field-_lp_key_features .rwmb-text-list-advanced-clone,
11976 .learnpress #field-_lp_faqs .rwmb-text-list-clone,
11977 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone {
11978 clear: none;
11979 position: relative;
11980 border: 1px solid #ddd;
11981 border-radius: 4px;
11982 }
11983 .learnpress #field-_lp_requirements .rwmb-text-list-clone .rwmb-text-list-label,
11984 .learnpress #field-_lp_requirements .rwmb-text-list-advanced-clone .rwmb-text-list-label,
11985 .learnpress #field-_lp_target_audiences .rwmb-text-list-clone .rwmb-text-list-label,
11986 .learnpress #field-_lp_target_audiences .rwmb-text-list-advanced-clone .rwmb-text-list-label,
11987 .learnpress #field-_lp_key_features .rwmb-text-list-clone .rwmb-text-list-label,
11988 .learnpress #field-_lp_key_features .rwmb-text-list-advanced-clone .rwmb-text-list-label,
11989 .learnpress #field-_lp_faqs .rwmb-text-list-clone .rwmb-text-list-label,
11990 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone .rwmb-text-list-label {
11991 display: none;
11992 }
11993 .learnpress #field-_lp_requirements .rwmb-text-list-clone .rwmb-text-list,
11994 .learnpress #field-_lp_requirements .rwmb-text-list-clone .rwmb-text-list-advanced,
11995 .learnpress #field-_lp_requirements .rwmb-text-list-advanced-clone .rwmb-text-list,
11996 .learnpress #field-_lp_requirements .rwmb-text-list-advanced-clone .rwmb-text-list-advanced,
11997 .learnpress #field-_lp_target_audiences .rwmb-text-list-clone .rwmb-text-list,
11998 .learnpress #field-_lp_target_audiences .rwmb-text-list-clone .rwmb-text-list-advanced,
11999 .learnpress #field-_lp_target_audiences .rwmb-text-list-advanced-clone .rwmb-text-list,
12000 .learnpress #field-_lp_target_audiences .rwmb-text-list-advanced-clone .rwmb-text-list-advanced,
12001 .learnpress #field-_lp_key_features .rwmb-text-list-clone .rwmb-text-list,
12002 .learnpress #field-_lp_key_features .rwmb-text-list-clone .rwmb-text-list-advanced,
12003 .learnpress #field-_lp_key_features .rwmb-text-list-advanced-clone .rwmb-text-list,
12004 .learnpress #field-_lp_key_features .rwmb-text-list-advanced-clone .rwmb-text-list-advanced,
12005 .learnpress #field-_lp_faqs .rwmb-text-list-clone .rwmb-text-list,
12006 .learnpress #field-_lp_faqs .rwmb-text-list-clone .rwmb-text-list-advanced,
12007 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone .rwmb-text-list,
12008 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone .rwmb-text-list-advanced {
12009 width: calc(100% - 65px);
12010 padding: 7px 10px;
12011 border: none;
12012 color: #777;
12013 background: transparent;
12014 box-shadow: none;
12015 line-height: 1;
12016 }
12017 .learnpress #field-_lp_requirements .rwmb-text-list-clone .remove-clone,
12018 .learnpress #field-_lp_requirements .rwmb-text-list-advanced-clone .remove-clone,
12019 .learnpress #field-_lp_target_audiences .rwmb-text-list-clone .remove-clone,
12020 .learnpress #field-_lp_target_audiences .rwmb-text-list-advanced-clone .remove-clone,
12021 .learnpress #field-_lp_key_features .rwmb-text-list-clone .remove-clone,
12022 .learnpress #field-_lp_key_features .rwmb-text-list-advanced-clone .remove-clone,
12023 .learnpress #field-_lp_faqs .rwmb-text-list-clone .remove-clone,
12024 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone .remove-clone {
12025 top: 50%;
12026 right: 41px;
12027 margin-top: -10px;
12028 border-radius: unset;
12029 color: #999;
12030 background: transparent;
12031 -webkit-transition: right 0.25s;
12032 -moz-transition: right 0.25s;
12033 -ms-transition: right 0.25s;
12034 -o-transition: right 0.25s;
12035 transition: right 0.25s;
12036 }
12037 .learnpress #field-_lp_requirements .rwmb-text-list-clone .remove-clone i,
12038 .learnpress #field-_lp_requirements .rwmb-text-list-advanced-clone .remove-clone i,
12039 .learnpress #field-_lp_target_audiences .rwmb-text-list-clone .remove-clone i,
12040 .learnpress #field-_lp_target_audiences .rwmb-text-list-advanced-clone .remove-clone i,
12041 .learnpress #field-_lp_key_features .rwmb-text-list-clone .remove-clone i,
12042 .learnpress #field-_lp_key_features .rwmb-text-list-advanced-clone .remove-clone i,
12043 .learnpress #field-_lp_faqs .rwmb-text-list-clone .remove-clone i,
12044 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone .remove-clone i {
12045 font-size: 1.25rem;
12046 }
12047 .learnpress #field-_lp_requirements .rwmb-text-list-clone .remove-clone:hover,
12048 .learnpress #field-_lp_requirements .rwmb-text-list-advanced-clone .remove-clone:hover,
12049 .learnpress #field-_lp_target_audiences .rwmb-text-list-clone .remove-clone:hover,
12050 .learnpress #field-_lp_target_audiences .rwmb-text-list-advanced-clone .remove-clone:hover,
12051 .learnpress #field-_lp_key_features .rwmb-text-list-clone .remove-clone:hover,
12052 .learnpress #field-_lp_key_features .rwmb-text-list-advanced-clone .remove-clone:hover,
12053 .learnpress #field-_lp_faqs .rwmb-text-list-clone .remove-clone:hover,
12054 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone .remove-clone:hover {
12055 color: #e74c3c;
12056 }
12057 .learnpress #field-_lp_requirements .rwmb-text-list-clone::after,
12058 .learnpress #field-_lp_requirements .rwmb-text-list-advanced-clone::after,
12059 .learnpress #field-_lp_target_audiences .rwmb-text-list-clone::after,
12060 .learnpress #field-_lp_target_audiences .rwmb-text-list-advanced-clone::after,
12061 .learnpress #field-_lp_key_features .rwmb-text-list-clone::after,
12062 .learnpress #field-_lp_key_features .rwmb-text-list-advanced-clone::after,
12063 .learnpress #field-_lp_faqs .rwmb-text-list-clone::after,
12064 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone::after {
12065 display: inline-block;
12066 position: absolute;
12067 top: 50%;
12068 right: 10px;
12069 margin: 8px 0 0 0;
12070 margin-top: -9px;
12071 color: #999;
12072 font-family: Dashicons;
12073 font-size: 1.25rem;
12074 content: "\f333";
12075 }
12076 .learnpress #field-_lp_requirements .rwmb-text-list-clone:focus-within,
12077 .learnpress #field-_lp_target_audiences .rwmb-text-list-clone:focus-within,
12078 .learnpress #field-_lp_key_features .rwmb-text-list-clone:focus-within,
12079 .learnpress #field-_lp_faqs .rwmb-text-list-clone:focus-within {
12080 border-color: #0085ba;
12081 }
12082 .learnpress #field-_lp_requirements .rwmb-text-list-advanced-clone .rwmb-text-list:focus,
12083 .learnpress #field-_lp_target_audiences .rwmb-text-list-advanced-clone .rwmb-text-list:focus,
12084 .learnpress #field-_lp_key_features .rwmb-text-list-advanced-clone .rwmb-text-list:focus,
12085 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone .rwmb-text-list:focus {
12086 border-color: #0085ba;
12087 }
12088 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone {
12089 position: relative;
12090 padding: 0 0 16px 0;
12091 }
12092 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone .rwmb-text-list-label {
12093 display: block;
12094 padding: 10px 10px 0 12px;
12095 }
12096 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone .rwmb-text-list {
12097 width: calc(100% - 25px);
12098 margin: 0 13px 0 13px;
12099 border: 1px solid #ddd;
12100 vertical-align: top;
12101 }
12102 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone .remove-clone {
12103 top: 20px;
12104 right: 36px;
12105 margin-top: -10px;
12106 color: #999;
12107 -webkit-transition: right 0.25s;
12108 -moz-transition: right 0.25s;
12109 -ms-transition: right 0.25s;
12110 -o-transition: right 0.25s;
12111 transition: right 0.25s;
12112 }
12113 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone::after {
12114 top: 20px;
12115 }
12116
12117 .lp-notice,
12118 .learn-press-notice {
12119 position: relative;
12120 padding: 12px;
12121 margin: 0;
12122 /*&.lp-upgrade-notice {
12123 position: relative;
12124 border-left-color: #02b7fb;
12125 background: #bceffe;
12126
12127 .close-notice {
12128 position: absolute;
12129 top: 5px;
12130 right: 10px;
12131 }
12132 }*/
12133 }
12134 .lp-notice h4,
12135 .learn-press-notice h4 {
12136 margin: 10px 0 15px;
12137 }
12138 .lp-notice p,
12139 .learn-press-notice p {
12140 margin: 0 0 5px 0;
12141 padding: 0 2px;
12142 }
12143 .lp-notice .lp-message-dismiss,
12144 .learn-press-notice .lp-message-dismiss {
12145 position: absolute;
12146 top: 12px;
12147 right: 12px;
12148 }
12149 .lp-notice .notice-dismiss,
12150 .learn-press-notice .notice-dismiss {
12151 position: absolute;
12152 top: 0;
12153 right: 1px;
12154 margin: 0;
12155 padding: 9px;
12156 border: none;
12157 outline: none;
12158 color: #72777c;
12159 background: 0 0;
12160 -webkit-box-shadow: none;
12161 -moz-box-shadow: none;
12162 box-shadow: none;
12163 cursor: pointer;
12164 }
12165 .lp-notice .notice-dismiss::before,
12166 .learn-press-notice .notice-dismiss::before {
12167 display: block;
12168 width: 20px;
12169 height: 20px;
12170 color: #72777c;
12171 background: 0 0;
12172 font: normal 16px/20px dashicons;
12173 text-align: center;
12174 content: "\f153";
12175 speak: none;
12176 -webkit-font-smoothing: antialiased;
12177 }
12178
12179 .learn-press-dropdown-pages {
12180 display: inline-block;
12181 }
12182 .learn-press-dropdown-pages .list-pages-wrapper {
12183 display: flex;
12184 align-items: center;
12185 gap: 10px;
12186 }
12187
12188 .lp-notice-update-database {
12189 border: 1px solid rebeccapurple;
12190 border-left-color: #f00;
12191 border-radius: 3px;
12192 color: white;
12193 background: rebeccapurple;
12194 }
12195 .lp-notice-update-database.do-updating::before {
12196 display: inline-block;
12197 float: left;
12198 margin: 9px 5px 0 -5px;
12199 color: #2773aa;
12200 font-family: dashicons;
12201 font-size: 1.25rem;
12202 content: "\f463";
12203 -webkit-animation: rotating4 2s linear infinite;
12204 -moz-animation: rotating4 2s linear infinite;
12205 -ms-animation: rotating4 2s linear infinite;
12206 -o-animation: rotating4 2s linear infinite;
12207 animation: rotating4 2s linear infinite;
12208 }
12209
12210 #adminmenu .update-plugins.lp-plugins-count {
12211 padding: 0 5px;
12212 }
12213
12214 .search-box input[name=post-search-author],
12215 .search-box .select2-container {
12216 min-width: 200px;
12217 margin: 0;
12218 vertical-align: top;
12219 }
12220
12221 .learn-press-notice-assigned-item {
12222 color: #f00;
12223 }
12224
12225 .learnpress .actions {
12226 margin: 0;
12227 }
12228
12229 #learn-press-syncs li {
12230 position: relative;
12231 }
12232 #learn-press-syncs li.syncing, #learn-press-syncs li.synced {
12233 padding-left: 24px;
12234 }
12235 #learn-press-syncs li.syncing input[type=checkbox], #learn-press-syncs li.synced input[type=checkbox] {
12236 display: none;
12237 }
12238 #learn-press-syncs li.syncing::after {
12239 content: "\f463";
12240 -webkit-animation: rotating4 2s linear infinite;
12241 -moz-animation: rotating4 2s linear infinite;
12242 -ms-animation: rotating4 2s linear infinite;
12243 -o-animation: rotating4 2s linear infinite;
12244 animation: rotating4 2s linear infinite;
12245 }
12246 #learn-press-syncs li.synced::after {
12247 color: #2773aa;
12248 content: "\f147";
12249 }
12250 #learn-press-syncs li::after {
12251 display: block;
12252 position: absolute;
12253 top: 0;
12254 left: -3px;
12255 width: 24px;
12256 height: 24px;
12257 font-family: dashicons;
12258 font-size: 1.1875rem;
12259 line-height: 1.5rem;
12260 text-align: center;
12261 }
12262
12263 #learn-press-updater .updater-progress {
12264 position: relative;
12265 margin: 0 2px;
12266 }
12267 #learn-press-updater .updater-progress ul {
12268 display: flex;
12269 position: relative;
12270 height: 5px;
12271 background: #eee;
12272 }
12273 #learn-press-updater .updater-progress ul li {
12274 position: relative;
12275 margin: 0;
12276 flex: 1;
12277 }
12278 #learn-press-updater .updater-progress ul li::after {
12279 display: none;
12280 position: absolute;
12281 top: -30px;
12282 right: 0;
12283 padding: 3px 5px;
12284 border-radius: 3px;
12285 color: #fff;
12286 background: #ddd;
12287 font-size: 0.75rem;
12288 content: attr(data-version);
12289 }
12290 #learn-press-updater .updater-progress ul li::before {
12291 content: "";
12292 }
12293 #learn-press-updater .updater-progress ul li:last-child::after {
12294 _display: block;
12295 }
12296 #learn-press-updater .updater-progress ul::after {
12297 position: absolute;
12298 top: 0;
12299 left: 0;
12300 width: 0;
12301 height: 20px;
12302 }
12303 #learn-press-updater .updater-progress .updater-progress-status {
12304 position: absolute;
12305 top: 0;
12306 left: 0;
12307 width: 0;
12308 height: 5px;
12309 background: #5bc4f9;
12310 -webkit-transition: width 0.25s;
12311 -moz-transition: width 0.25s;
12312 -ms-transition: width 0.25s;
12313 -o-transition: width 0.25s;
12314 transition: width 0.25s;
12315 }
12316 #learn-press-updater .updater-progress .updater-progress-status::before {
12317 position: absolute;
12318 top: -20px;
12319 right: 0;
12320 padding: 0 5px;
12321 border-radius: 3px;
12322 color: #fff;
12323 background: #5bc4f9;
12324 font-size: 0.75rem;
12325 _content: attr(data-value) "%";
12326 }
12327 #learn-press-updater .updater-progress .updater-progress-status .updater-progress-animation {
12328 overflow: hidden;
12329 position: absolute;
12330 top: 0;
12331 left: 0;
12332 width: 100%;
12333 height: 5px;
12334 background: #5bc4f9;
12335 }
12336 #learn-press-updater .updater-progress .updater-progress-status .updater-progress-animation:not(.completed)::after {
12337 position: absolute;
12338 height: 5px;
12339 background: #8dd9ff;
12340 content: "";
12341 -webkit-animation: animation4 1.5s ease-out infinite;
12342 -moz-animation: animation4 1.5s ease-out infinite;
12343 -ms-animation: animation4 1.5s ease-out infinite;
12344 -o-animation: animation4 1.5s ease-out infinite;
12345 animation: animation4 1.5s ease-out infinite;
12346 }
12347 #learn-press-updater .updating-message {
12348 color: #a24666;
12349 }
12350 #learn-press-updater .completed-message {
12351 color: #3c8eb7;
12352 }
12353
12354 #learn-press-updater {
12355 display: none;
12356 }
12357
12358 .select2 .select2-search.select2-search--inline {
12359 margin-bottom: 0;
12360 }
12361 .select2 .select2-selection .select2-selection__choice {
12362 margin-top: 4px;
12363 margin-bottom: 0;
12364 }
12365 .select2 .select2-selection.select2-selection--multiple {
12366 min-height: 30px;
12367 }
12368
12369 .list-pages-wrapper .select2-container--default .select2-selection--single .select2-selection__clear {
12370 margin: 0;
12371 }
12372
12373 .edit-post-layout__metaboxes .rwmb-label > label {
12374 color: #666;
12375 font-size: small;
12376 font-weight: bold;
12377 }
12378
12379 body.post-type-lp_question #button-new-question {
12380 display: inline-block;
12381 position: relative;
12382 }
12383 body.post-type-lp_question #button-new-question div {
12384 display: none;
12385 position: absolute;
12386 z-index: 9999;
12387 top: 100%;
12388 left: 0;
12389 min-width: 100px;
12390 margin: 0 0 0 -1px;
12391 border: 1px solid #999;
12392 background: white;
12393 font-weight: 400;
12394 }
12395 body.post-type-lp_question #button-new-question div a {
12396 display: block;
12397 min-width: 100px;
12398 margin: 0;
12399 padding: 10px 20px;
12400 color: #666;
12401 white-space: nowrap;
12402 text-decoration: none;
12403 }
12404 body.post-type-lp_question #button-new-question div a:hover {
12405 background: #eee;
12406 }
12407 body.post-type-lp_question #button-new-question > a {
12408 position: relative;
12409 padding-right: 15px;
12410 text-decoration: none;
12411 }
12412 body.post-type-lp_question #button-new-question > a::after {
12413 display: inline-block;
12414 position: absolute;
12415 top: 6px;
12416 right: 0;
12417 width: 0;
12418 height: 0;
12419 margin: 0;
12420 border: 5px solid transparent;
12421 border-top-color: #0f7aae;
12422 content: "";
12423 }
12424 body.post-type-lp_question #button-new-question:hover div {
12425 display: block;
12426 }
12427
12428 .lp-label {
12429 display: inline-block;
12430 padding: 3px 6px;
12431 color: #fff;
12432 font-size: 0.75rem;
12433 -webkit-border-radius: 4px;
12434 -moz-border-radius: 4px;
12435 border-radius: 4px;
12436 }
12437 .lp-label.success {
12438 background: #4caf50;
12439 }
12440 .lp-label.error {
12441 background: #f00;
12442 }
12443 .lp-label.warning {
12444 background: #ffc107;
12445 }
12446 .lp-label .far,
12447 .lp-label .fas,
12448 .lp-label .fa {
12449 display: inline-block;
12450 margin-right: 5px;
12451 }
12452
12453 .lp-admin-profile-courses .column-results {
12454 width: 200px;
12455 }
12456 .lp-admin-profile-courses .course-results-progress .lp-progress-row {
12457 margin: 0 0 20px 0;
12458 }
12459 .lp-admin-profile-courses .course-results-progress .lp-course-progress-heading {
12460 margin: 0 0 5px 0;
12461 line-height: 1;
12462 }
12463 .lp-admin-profile-courses .learn-press-progress {
12464 overflow: hidden;
12465 position: relative;
12466 width: 150px;
12467 height: 6px;
12468 border-radius: 3px;
12469 }
12470 .lp-admin-profile-courses .learn-press-progress .learn-press-progress__active {
12471 position: absolute;
12472 z-index: 1;
12473 left: -100%;
12474 width: 100%;
12475 height: 100%;
12476 border-radius: 3px;
12477 background: var(--lp-primary-color);
12478 -webkit-transition: 0.5s;
12479 -moz-transition: 0.5s;
12480 -ms-transition: 0.5s;
12481 -o-transition: 0.5s;
12482 transition: 0.5s;
12483 }
12484 .lp-admin-profile-courses .learn-press-progress::before {
12485 display: block;
12486 position: absolute;
12487 z-index: 0;
12488 top: 0;
12489 width: 100%;
12490 height: 100%;
12491 background: #ccc;
12492 content: "";
12493 }
12494
12495 .lp-notify-action-wrapper {
12496 position: fixed;
12497 bottom: 5%;
12498 z-index: 10000;
12499 left: 50%;
12500 padding: 10px;
12501 transition: all 0.5s;
12502 transform: translateY(500%);
12503 display: flex;
12504 flex-direction: column;
12505 gap: 5px;
12506 }
12507 .lp-notify-action-wrapper.show {
12508 display: flex;
12509 transform: translateY(0);
12510 }
12511 .lp-notify-action-wrapper .lp-notify-action {
12512 box-shadow: 0 4px 25px 1px rgba(0, 0, 0, 0.25);
12513 background: #202937;
12514 padding: 0 20px;
12515 border-radius: 3px;
12516 min-width: 200px;
12517 transition: all 0.8s;
12518 }
12519 .lp-notify-action-wrapper .lp-notify-action.clone {
12520 display: none;
12521 }
12522 .lp-notify-action-wrapper .lp-notify-action__success {
12523 display: none;
12524 color: #01a401;
12525 }
12526 .lp-notify-action-wrapper .lp-notify-action__success.show {
12527 display: block;
12528 }
12529 .lp-notify-action-wrapper .lp-notify-action__error {
12530 display: none;
12531 color: #f44336;
12532 font-weight: bold;
12533 }
12534 .lp-notify-action-wrapper .lp-notify-action__error.show {
12535 display: block;
12536 }
12537
12538 #wp-admin-bar-lp-course-builder svg {
12539 vertical-align: text-bottom;
12540 }