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

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

11,649 lines 285.1 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 @charset "UTF-8";
2 /**
3 * Mixin
4 */
5 @-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 right: -40%;
36 width: 40%;
37 }
38 to {
39 right: 100%;
40 width: 10%;
41 }
42 }
43 @keyframes animation4 {
44 from {
45 right: -40%;
46 width: 40%;
47 }
48 to {
49 right: 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 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-right: 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 3px 3px 0;
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 0 3px 5px;
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 0 2px 5px;
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 right: 50%;
249 width: 30px;
250 height: 30px;
251 margin-top: -15px;
252 margin-right: -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 left: 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: left;
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: left;
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: right;
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: right;
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: right;
540 margin-top: 1px;
541 margin-left: -100%;
542 }
543 .lp-ajax-search .lp-search-results .lp-search-items li label span {
544 display: inline-block;
545 margin-right: 25px;
546 }
547 .lp-ajax-search .lp-search-results .lp-search-items li label span a.lp-add-item {
548 visibility: hidden;
549 margin-right: 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 right: 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 right: 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 0 5px 5px;
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-left: 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=113") 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 left: 0;
1550 bottom: 0;
1551 right: 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 left: 0;
1561 bottom: 0;
1562 right: 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: right;
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-left: 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 left: 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 left 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 left: 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 left 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-right: 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-left: 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: right;
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-right: -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: right;
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 10px 0 0;
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-left: 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-left: 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 0 0 20px;
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: right;
1972 width: 100%;
1973 margin-left: -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: right;
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-right: 35%;
1997 padding-right: 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 left: 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: right;
2023 margin-right: 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-right: 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-right: 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-right: 0;
2069 padding-right: 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-right: 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-right: 0;
2098 padding-right: 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: right;
2126 position: relative;
2127 z-index: 5;
2128 width: 250px;
2129 margin: 0 0 0 -250px;
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: left;
2149 margin-left: 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-right: 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-right: 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: right;
2165 position: relative;
2166 z-index: 0;
2167 width: 100%;
2168 padding-right: 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 right: 250px;
2179 border-right: 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: left;
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 .learnpress .rwmb-field {
2230 position: relative;
2231 margin-bottom: 20px;
2232 }
2233 .learnpress .rwmb-field .rwmb-label {
2234 display: block;
2235 float: right;
2236 width: 190px;
2237 margin-bottom: 5px;
2238 font-size: 0.875rem;
2239 _text-transform: capitalize;
2240 }
2241 .learnpress .rwmb-field .rwmb-label label > small {
2242 display: block;
2243 color: #999;
2244 font-weight: normal;
2245 font-style: italic;
2246 }
2247 .learnpress .rwmb-field .rwmb-input {
2248 float: none;
2249 width: auto;
2250 margin-right: 190px;
2251 }
2252 .learnpress .rwmb-field .rwmb-input input[type=checkbox],
2253 .learnpress .rwmb-field .rwmb-input input[type=radio] {
2254 margin: 1px 0 0 5px;
2255 }
2256 .learnpress .rwmb-field .rwmb-input label > input[type=checkbox],
2257 .learnpress .rwmb-field .rwmb-input label > input[type=radio] {
2258 margin-top: -1px;
2259 }
2260 .learnpress .rwmb-field .description {
2261 margin-top: 8px;
2262 color: #888;
2263 }
2264 .learnpress .rwmb-field .description code {
2265 padding: 3px 0 3px 3px;
2266 }
2267 .learnpress .rwmb-field .description.err {
2268 color: #f00;
2269 }
2270 .learnpress .rwmb-field .rwmb-input-list {
2271 margin-right: 0;
2272 }
2273 .learnpress .rwmb-field #course_evaluation_method_quiz_options {
2274 position: relative;
2275 margin-right: 25px;
2276 }
2277 .learnpress .rwmb-field #course_evaluation_method_quiz_options::after {
2278 position: absolute;
2279 z-index: 10;
2280 top: 0;
2281 left: 0;
2282 bottom: 0;
2283 right: 0;
2284 opacity: 0.5;
2285 background: #fff;
2286 content: "";
2287 }
2288 .learnpress .rwmb-field input[name=_lp_course_result]:checked ~ #course_evaluation_method_quiz_options::after {
2289 display: none;
2290 }
2291 .learnpress .rwmb-field.rwmb-heading-wrapper h4 {
2292 display: inline-block;
2293 margin: 0 0 5px 0;
2294 padding: 0 0 0;
2295 border-bottom: 2px solid #563d7c;
2296 font-size: 1rem;
2297 text-transform: initial;
2298 }
2299 .learnpress .rwmb-field.disabled .field-overlay {
2300 position: absolute;
2301 z-index: 10;
2302 top: 0;
2303 right: 0;
2304 width: 100%;
2305 height: 100%;
2306 opacity: 0.6;
2307 background: #fff;
2308 content: "";
2309 }
2310 .learnpress .rwmb-field.rwmb-text-wrapper .rwmb-text {
2311 width: 50%;
2312 min-width: 200px;
2313 }
2314 .learnpress .rwmb-field.rwmb-duration-wrapper .rwmb-input select,
2315 .learnpress .rwmb-field.rwmb-duration-wrapper .rwmb-input input {
2316 vertical-align: top;
2317 }
2318 .learnpress .lp-course-sale_start-field.hide,
2319 .learnpress .lp-course-sale_end-field.hide {
2320 display: none;
2321 }
2322 .learnpress.lp-submenu-settings .lp-admin-settings-buttons {
2323 margin-bottom: 0;
2324 padding-top: 20px;
2325 border-top: 1px solid #ddd;
2326 }
2327 .learnpress.lp-submenu-settings .lp-admin-settings-buttons #learn-press-reset-settings {
2328 float: left;
2329 }
2330 .learnpress.lp-submenu-settings .rwmb-input {
2331 float: none;
2332 width: auto;
2333 margin-right: 270px;
2334 color: #000;
2335 }
2336 .learnpress .rwmb-google-fonts-wrapper .rwmb-input label {
2337 display: block;
2338 margin-bottom: 5px;
2339 font-weight: bold;
2340 }
2341 .learnpress .rwmb-google-fonts-wrapper .rwmb-input input {
2342 width: 90%;
2343 }
2344 .learnpress #learn-press-toggle-course-results {
2345 display: block;
2346 }
2347 .learnpress .lp-item-assigned {
2348 font-size: 0.875rem;
2349 }
2350 .learnpress .lp-item-assigned a {
2351 text-decoration: none;
2352 }
2353 .learnpress .lp-item-assigned ul {
2354 margin-bottom: 0;
2355 }
2356 .learnpress .lp-item-assigned ul ul strong {
2357 font-weight: normal;
2358 }
2359 .learnpress .lp-item-assigned li {
2360 margin: 0;
2361 }
2362 .learnpress .lp-item-assigned li a {
2363 display: inline-block;
2364 margin-bottom: 10px;
2365 }
2366
2367 @media screen and (max-width: 1280px) {
2368 .learnpress #meta-box-tab-course_settings .rwmb-field .rwmb-label {
2369 float: none;
2370 width: auto;
2371 }
2372 .learnpress #meta-box-tab-course_settings .rwmb-field .rwmb-input {
2373 float: right;
2374 width: 100%;
2375 margin-right: 0;
2376 }
2377 }
2378 .lp-metabox__table .titledesc label > small {
2379 display: block;
2380 color: #999;
2381 font-weight: normal;
2382 font-style: italic;
2383 }
2384 .lp-metabox__table .forminp-text > input,
2385 .lp-metabox__table .forminp-email > input,
2386 .lp-metabox__table .forminp-password > input,
2387 .lp-metabox__table .forminp-url > input {
2388 min-width: 260px;
2389 }
2390 .lp-metabox__table .forminp-textarea textarea {
2391 width: 400px;
2392 }
2393
2394 .lp-option-disabled {
2395 pointer-events: none;
2396 opacity: 0.5;
2397 }
2398
2399 .lp-metabox__custom-fields table {
2400 width: 100%;
2401 max-width: max-content;
2402 padding: 0 !important;
2403 }
2404 .lp-metabox__custom-fields table th {
2405 padding: 7px 7px 7px 0 !important;
2406 }
2407 .lp-metabox__custom-fields table th.sort {
2408 width: 17px;
2409 padding: 7px !important;
2410 }
2411 .lp-metabox__custom-fields table td {
2412 position: relative;
2413 padding: 4px 7px 4px 0 !important;
2414 vertical-align: middle !important;
2415 }
2416 .lp-metabox__custom-fields table td.sort {
2417 width: 17px;
2418 padding-left: 7px !important;
2419 background: #f9f9f9;
2420 font-size: 0.9375rem;
2421 text-align: center;
2422 cursor: move;
2423 }
2424 .lp-metabox__custom-fields table td.sort::before {
2425 height: 100%;
2426 color: #999;
2427 font-family: Dashicons;
2428 text-align: center;
2429 content: "\f333";
2430 }
2431 .lp-metabox__custom-fields table td .delete {
2432 display: block;
2433 position: relative;
2434 width: 1em;
2435 height: 1em;
2436 font-size: 1.2em;
2437 text-indent: -9999px;
2438 }
2439 .lp-metabox__custom-fields table td .delete::before {
2440 position: absolute;
2441 top: 0;
2442 right: 0;
2443 width: 100%;
2444 height: 100%;
2445 margin: 0;
2446 color: #999;
2447 font-family: Dashicons;
2448 font-weight: 400;
2449 font-variant: normal;
2450 line-height: 1;
2451 text-align: center;
2452 text-indent: 0;
2453 text-transform: none;
2454 content: "\f153";
2455 speak: none;
2456 -webkit-font-smoothing: antialiased;
2457 }
2458 .lp-metabox__custom-fields table td .delete:hover::before {
2459 color: #a00;
2460 }
2461 .lp-metabox__custom-fields table td:last-child {
2462 padding-left: 7px !important;
2463 }
2464
2465 .lp-metabox-field__color {
2466 font-size: 0 !important;
2467 }
2468 .lp-metabox-field__color .colorpickpreview {
2469 display: inline-block;
2470 width: 30px;
2471 height: 30px;
2472 margin: 0;
2473 margin-left: 3px;
2474 padding: 0;
2475 border: 1px solid #ddd;
2476 border-radius: 4px;
2477 box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
2478 font-size: 1rem;
2479 line-height: 1.75rem;
2480 }
2481 .lp-metabox-field__color .iris-picker {
2482 display: none;
2483 position: absolute;
2484 z-index: 100;
2485 border: 1px solid #ccc;
2486 border-radius: 3px;
2487 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
2488 }
2489
2490 .lp-metabox-field__image-advanced-upload {
2491 padding-top: 10px;
2492 }
2493 .lp-metabox-field__image-advanced-images {
2494 clear: both;
2495 margin: 0;
2496 padding: 0;
2497 }
2498 .lp-metabox-field__image-advanced-images > li {
2499 float: right;
2500 position: relative;
2501 box-sizing: border-box;
2502 width: 80px;
2503 margin: 9px 0 0 9px;
2504 border: 1px solid #d5d5d5;
2505 border-radius: 2px;
2506 background: #f7f7f7;
2507 cursor: move;
2508 }
2509 .lp-metabox-field__image-advanced-images > li img {
2510 display: block;
2511 width: 100%;
2512 height: auto;
2513 }
2514 .lp-metabox-field__image-advanced-images > li ul.actions {
2515 position: absolute;
2516 top: -8px;
2517 left: -8px;
2518 padding: 2px;
2519 }
2520 .lp-metabox-field__image-advanced-images > li ul.actions li {
2521 float: left;
2522 margin: 0 2px 0 0;
2523 }
2524 .lp-metabox-field__image-advanced-images > li ul.actions li a.delete {
2525 display: block;
2526 position: relative;
2527 width: 1em;
2528 height: 1em;
2529 font-size: 1.4em;
2530 text-indent: -9999px;
2531 }
2532 .lp-metabox-field__image-advanced-images > li ul.actions li a.delete::before {
2533 position: absolute;
2534 top: 0;
2535 right: 0;
2536 width: 1em;
2537 height: 1em;
2538 margin: 0;
2539 border-radius: 50%;
2540 color: #999;
2541 background: #fff;
2542 font-family: Dashicons;
2543 font-weight: 400;
2544 font-variant: normal;
2545 line-height: 1;
2546 text-align: center;
2547 text-indent: 0;
2548 text-transform: none;
2549 content: "\f153";
2550 speak: none;
2551 -webkit-font-smoothing: antialiased;
2552 }
2553 .lp-metabox-field__image-advanced-images > li ul.actions::before {
2554 display: table;
2555 content: " ";
2556 }
2557 .lp-metabox-field__image-advanced-images > li:hover ul.actions {
2558 display: block;
2559 }
2560 .lp-metabox-field__image-advanced-images > li.lp-metabox-sortable-placeholder {
2561 position: relative;
2562 border: 3px dashed #ddd;
2563 }
2564 .lp-metabox-field__image-advanced-images > li.lp-metabox-sortable-placeholder::after {
2565 position: absolute;
2566 top: 0;
2567 right: 0;
2568 width: 100%;
2569 height: 100%;
2570 margin: 0;
2571 color: #ddd;
2572 font-family: Dashicons;
2573 font-size: 2.618em;
2574 font-weight: normal;
2575 font-variant: normal;
2576 line-height: 4.5rem;
2577 text-align: center;
2578 text-indent: 0;
2579 text-transform: none;
2580 content: "\f161";
2581 speak: none;
2582 -webkit-font-smoothing: antialiased;
2583 }
2584 .lp-metabox-field__image-advanced-images::before {
2585 display: table;
2586 content: " ";
2587 }
2588 .lp-metabox-field__image-advanced-images::after {
2589 display: table;
2590 clear: both;
2591 content: " ";
2592 }
2593
2594 .lp-metabox-field__image--inner {
2595 position: relative;
2596 box-sizing: border-box;
2597 width: 120px;
2598 border: 1px solid #d5d5d5;
2599 border-radius: 2px;
2600 background: #f7f7f7;
2601 }
2602 .lp-metabox-field__image--inner img {
2603 display: block;
2604 width: 100%;
2605 height: auto;
2606 }
2607 .lp-metabox-field__image--upload {
2608 padding-top: 10px;
2609 }
2610
2611 .lp-meta-box__inner {
2612 display: block;
2613 position: relative;
2614 }
2615 .lp-meta-box__inner .form-field:not(fieldset) {
2616 display: flex;
2617 flex-direction: row;
2618 position: relative;
2619 margin: 0;
2620 padding: 15px 0;
2621 flex-wrap: wrap;
2622 }
2623 .lp-meta-box__inner .form-field:not(fieldset) label {
2624 width: 180px;
2625 min-width: 180px;
2626 max-width: 180px;
2627 padding: 0;
2628 color: #23282d;
2629 font-size: 0.875rem;
2630 font-weight: 600;
2631 flex: 0 0 auto;
2632 }
2633 .lp-meta-box__inner .form-field:not(fieldset) .checkbox {
2634 margin: 2px 0 !important;
2635 vertical-align: middle;
2636 }
2637 .lp-meta-box__inner .form-field:not(fieldset) .description {
2638 flex: 1;
2639 display: inline;
2640 clear: none;
2641 margin: 0 7px 0 0;
2642 padding: 0;
2643 font-size: 0.875rem;
2644 }
2645 .lp-meta-box__inner fieldset.form-field {
2646 display: grid;
2647 grid-template-columns: 180px 1fr;
2648 position: relative;
2649 margin: 0;
2650 padding: 15px 0;
2651 }
2652 .lp-meta-box__inner fieldset.form-field h4 {
2653 width: 180px;
2654 min-width: 180px;
2655 max-width: 180px;
2656 margin: 0;
2657 padding: 0;
2658 color: #23282d;
2659 font-size: 0.875rem;
2660 font-weight: 600;
2661 flex: 0 0 auto;
2662 }
2663 .lp-meta-box__inner fieldset.form-field ul {
2664 margin: 0;
2665 font-size: 0.875rem;
2666 }
2667 .lp-meta-box__inner fieldset.form-field .description {
2668 grid-column-start: 2;
2669 margin-top: 10px;
2670 }
2671 .lp-meta-box__duration-select {
2672 width: auto !important;
2673 }
2674 .lp-meta-box__duration input[type=number] {
2675 width: 80px !important;
2676 }
2677 .lp-meta-box__duration .description {
2678 flex-basis: 100% !important;
2679 width: 100%;
2680 margin-top: 8px !important;
2681 margin-right: 180px !important;
2682 }
2683 .lp-meta-box__wp-editor {
2684 display: block;
2685 }
2686 .lp-meta-box__wp-editor .description {
2687 flex-basis: 100% !important;
2688 width: 100%;
2689 margin-top: 8px !important;
2690 margin-right: 180px !important;
2691 color: #666;
2692 }
2693 .lp-meta-box__wp-editor__textarea {
2694 border: none !important;
2695 }
2696 .lp-meta-box select {
2697 width: auto !important;
2698 }
2699 .lp-meta-box select ~ .description {
2700 flex-basis: 100% !important;
2701 width: 100%;
2702 margin-top: 8px !important;
2703 margin-right: 180px !important;
2704 color: #666;
2705 }
2706 .lp-meta-box input[type=number],
2707 .lp-meta-box input[type=email],
2708 .lp-meta-box input[type=text],
2709 .lp-meta-box input[type=password],
2710 .lp-meta-box textarea:not(.lp-meta-box__wp-editor__textarea) {
2711 width: 50%;
2712 }
2713 .lp-meta-box input[type=number] + .description,
2714 .lp-meta-box input[type=email] + .description,
2715 .lp-meta-box input[type=text] + .description,
2716 .lp-meta-box input[type=password] + .description,
2717 .lp-meta-box textarea:not(.lp-meta-box__wp-editor__textarea) + .description {
2718 flex-basis: 100% !important;
2719 width: 100%;
2720 margin-top: 8px !important;
2721 margin-right: 180px !important;
2722 color: #666;
2723 }
2724 .lp-meta-box input[type=checkbox] {
2725 margin-top: 2px;
2726 }
2727 .lp-meta-box .short {
2728 width: 50%;
2729 }
2730 .lp-meta-box textarea:not(.lp-meta-box__wp-editor__textarea) {
2731 height: 4.6rem;
2732 line-height: 1.5em;
2733 vertical-align: top;
2734 }
2735 .lp-meta-box .learn-press-tip.ready {
2736 display: inline-flex;
2737 align-items: center;
2738 margin-right: 8px;
2739 }
2740
2741 #course-settings .inside {
2742 margin: 0 !important;
2743 padding: 0 !important;
2744 }
2745 #course-settings .lp-meta-box__course-tab {
2746 display: grid;
2747 grid-template-columns: 20% 80%;
2748 }
2749 #course-settings .lp-meta-box__course-tab__tabs {
2750 position: relative;
2751 box-sizing: border-box;
2752 margin: 0;
2753 padding: 0 0 10px;
2754 border-left: 1px solid #eee;
2755 background-color: #fafafa;
2756 }
2757 #course-settings .lp-meta-box__course-tab__tabs li {
2758 display: block;
2759 position: relative;
2760 margin: 0;
2761 padding: 0;
2762 }
2763 #course-settings .lp-meta-box__course-tab__tabs li a {
2764 display: flex;
2765 align-items: center;
2766 margin: 0;
2767 padding: 10px;
2768 border-bottom: 1px solid #eee;
2769 box-shadow: none;
2770 text-decoration: none;
2771 }
2772 #course-settings .lp-meta-box__course-tab__tabs li a i {
2773 margin-left: 5px;
2774 font-weight: 400;
2775 font-style: normal;
2776 font-variant: normal;
2777 text-decoration: none;
2778 text-transform: none;
2779 }
2780 #course-settings .lp-meta-box__course-tab__tabs li a i[class^=dashicon] {
2781 font-family: "Dashicons";
2782 }
2783 #course-settings .lp-meta-box__course-tab__tabs li.active a {
2784 position: relative;
2785 color: #555;
2786 background-color: #eee;
2787 }
2788 @media (max-width: 767px) {
2789 #course-settings .lp-meta-box__course-tab__tabs {
2790 display: flex;
2791 overflow: hidden;
2792 overflow-x: auto;
2793 flex-direction: row;
2794 margin: 0;
2795 margin-bottom: 30px;
2796 padding: 0;
2797 border-bottom: 1px solid #e5e5e5;
2798 text-align: center;
2799 white-space: nowrap;
2800 list-style: none;
2801 align-items: center;
2802 flex-wrap: nowrap;
2803 }
2804 #course-settings .lp-meta-box__course-tab__tabs li {
2805 min-width: 25%;
2806 margin-left: 20px;
2807 }
2808 }
2809 #course-settings .lp-meta-box__course-tab__content > div {
2810 padding: 20px;
2811 }
2812 @media (max-width: 767px) {
2813 #course-settings .lp-meta-box__course-tab {
2814 grid-template-columns: auto;
2815 }
2816 }
2817
2818 #price_course_data ._lp_sale_price_field,
2819 #price_course_data ._lp_price_field {
2820 position: relative;
2821 }
2822 #price_course_data ._lp_sale_price_field .learn-press-tip-floating,
2823 #price_course_data ._lp_price_field .learn-press-tip-floating {
2824 top: 54px;
2825 right: 92px;
2826 opacity: 0.8;
2827 background: #a00;
2828 }
2829 #price_course_data ._lp_sale_price_field .learn-press-tip-floating::before,
2830 #price_course_data ._lp_price_field .learn-press-tip-floating::before {
2831 top: -7px;
2832 border: 7px solid transparent;
2833 border-top-width: 0;
2834 border-bottom-color: #a00;
2835 }
2836
2837 .lp_course_extra_meta_box__content {
2838 flex: 1;
2839 }
2840 .lp_course_extra_meta_box__fields {
2841 margin-bottom: 10px;
2842 }
2843 .lp_course_extra_meta_box__field {
2844 position: relative;
2845 max-width: 600px;
2846 margin-bottom: 10px;
2847 }
2848 .lp_course_extra_meta_box__field .sort {
2849 display: flex;
2850 position: absolute;
2851 top: 0;
2852 right: 0;
2853 width: 40px;
2854 height: 100%;
2855 color: #666;
2856 text-decoration: none;
2857 cursor: grab;
2858 align-items: center;
2859 justify-content: center;
2860 }
2861 .lp_course_extra_meta_box__field .sort::after {
2862 font-family: Dashicons;
2863 font-size: 1.25rem;
2864 line-height: 1;
2865 content: "\f333";
2866 }
2867 .lp_course_extra_meta_box__field .delete {
2868 display: flex;
2869 position: absolute;
2870 top: 0;
2871 left: 0;
2872 width: 40px;
2873 height: 100%;
2874 color: #666;
2875 text-decoration: none;
2876 align-items: center;
2877 justify-content: center;
2878 }
2879 .lp_course_extra_meta_box__field .delete::after {
2880 font-family: Dashicons;
2881 font-size: 1.25rem;
2882 line-height: 1;
2883 content: "\f335";
2884 }
2885 .lp_course_extra_meta_box__input {
2886 width: 100% !important;
2887 padding-left: 40px !important;
2888 padding-right: 40px !important;
2889 }
2890
2891 .lp_repeater_meta_box__wrapper {
2892 flex: 1 !important;
2893 }
2894 .lp_repeater_meta_box__fields {
2895 position: relative;
2896 margin-bottom: 10px;
2897 }
2898 .lp_repeater_meta_box__field {
2899 display: grid;
2900 position: relative;
2901 margin-bottom: 10px;
2902 border: 1px solid #c5c5c5;
2903 border-radius: 2px;
2904 }
2905 .lp_repeater_meta_box__field_active .lp_repeater_meta_box__content {
2906 display: block;
2907 }
2908 .lp_repeater_meta_box__field_active .lp_repeater_meta_box__title__toggle::after {
2909 transform: rotate(-180deg);
2910 }
2911 .lp_repeater_meta_box__title {
2912 display: grid;
2913 grid-template-columns: 44px 1fr 40px 40px;
2914 align-items: center;
2915 position: relative;
2916 background-color: #eee;
2917 }
2918 .lp_repeater_meta_box__title__title {
2919 flex: 1;
2920 padding: 14px 0;
2921 }
2922 .lp_repeater_meta_box__title__sort {
2923 display: flex;
2924 height: 100%;
2925 color: #666;
2926 text-decoration: none;
2927 cursor: grab;
2928 align-items: center;
2929 justify-content: center;
2930 }
2931 .lp_repeater_meta_box__title__sort::after {
2932 font-family: Dashicons;
2933 font-size: 1.25rem;
2934 line-height: 1;
2935 content: "\f333";
2936 }
2937 .lp_repeater_meta_box__title__delete {
2938 display: flex;
2939 height: 100%;
2940 color: #666;
2941 text-decoration: none;
2942 align-items: center;
2943 justify-content: center;
2944 }
2945 .lp_repeater_meta_box__title__delete::after {
2946 font-family: Dashicons;
2947 font-size: 1.25rem;
2948 line-height: 1;
2949 content: "\f335";
2950 }
2951 .lp_repeater_meta_box__title__toggle {
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__toggle::after {
2960 font-family: Dashicons;
2961 font-size: 1.25rem;
2962 line-height: 1;
2963 content: "\f347";
2964 }
2965 .lp_repeater_meta_box__content {
2966 display: none;
2967 padding: 14px 20px;
2968 }
2969 .lp_repeater_meta_box__content > label {
2970 display: grid;
2971 width: 100% !important;
2972 min-width: 100% !important;
2973 max-width: 100% !important;
2974 margin-bottom: 20px;
2975 grid-template-rows: auto 1fr;
2976 }
2977 .lp_repeater_meta_box__content > label:last-child {
2978 margin-bottom: 0;
2979 }
2980 .lp_repeater_meta_box__content > label span {
2981 margin-bottom: 5px;
2982 }
2983 .lp_repeater_meta_box__content > label textarea,
2984 .lp_repeater_meta_box__content > label input {
2985 width: 100% !important;
2986 }
2987
2988 .lp_course_faq_meta_box__content {
2989 flex: 1;
2990 }
2991 .lp_course_faq_meta_box__fields {
2992 position: relative;
2993 margin-bottom: 10px;
2994 }
2995 .lp_course_faq_meta_box__field {
2996 display: grid;
2997 position: relative;
2998 margin-bottom: 10px;
2999 padding: 20px;
3000 border: 1px solid #c5c5c5;
3001 border-radius: 4px;
3002 grid-row-gap: 10px;
3003 }
3004 .lp_course_faq_meta_box__field label {
3005 display: grid;
3006 width: 100% !important;
3007 min-width: 100% !important;
3008 max-width: 100% !important;
3009 grid-template-rows: auto 1fr;
3010 }
3011 .lp_course_faq_meta_box__field label span {
3012 margin-bottom: 5px;
3013 }
3014 .lp_course_faq_meta_box__field label textarea,
3015 .lp_course_faq_meta_box__field label input {
3016 width: 100% !important;
3017 }
3018 .lp_course_faq_meta_box__field a.delete {
3019 display: flex;
3020 position: absolute;
3021 top: 15px;
3022 left: 50px;
3023 width: 30px;
3024 height: 30px;
3025 color: #666;
3026 text-decoration: none;
3027 align-items: center;
3028 justify-content: center;
3029 }
3030 .lp_course_faq_meta_box__field a.delete::after {
3031 font-family: Dashicons;
3032 font-size: 1.25rem;
3033 line-height: 1;
3034 content: "\f335";
3035 }
3036 .lp_course_faq_meta_box__field .sort {
3037 display: flex;
3038 position: absolute;
3039 top: 15px;
3040 left: 20px;
3041 width: 30px;
3042 height: 30px;
3043 color: #666;
3044 text-decoration: none;
3045 align-items: center;
3046 justify-content: center;
3047 cursor: grab;
3048 }
3049 .lp_course_faq_meta_box__field .sort::after {
3050 font-family: Dashicons;
3051 font-size: 1.25rem;
3052 line-height: 1;
3053 content: "\f333";
3054 }
3055
3056 input[name=_lp_course_result]:checked ~ #passing-condition-quiz-result {
3057 display: block;
3058 }
3059
3060 #passing-condition-quiz-result {
3061 display: none;
3062 }
3063 #passing-condition-quiz-result input {
3064 width: 80px !important;
3065 margin-top: 5px !important;
3066 }
3067 #passing-condition-quiz-result p {
3068 padding: 10px 16px;
3069 background-color: #eee;
3070 font-size: 0.875rem;
3071 }
3072
3073 .lp-meta-box__file_list {
3074 display: inline-block;
3075 clear: both;
3076 margin: 0;
3077 padding: 0;
3078 }
3079 .lp-meta-box__file_list > li {
3080 display: flex;
3081 flex-flow: column nowrap;
3082 float: right;
3083 position: relative;
3084 box-sizing: border-box;
3085 width: 80px;
3086 height: 80px;
3087 margin: 9px 0 0 9px;
3088 border: 1px solid #d5d5d5;
3089 border-radius: 2px;
3090 background: #f7f7f7;
3091 cursor: move;
3092 align-items: center;
3093 justify-content: center;
3094 }
3095 .lp-meta-box__file_list > li img {
3096 display: block;
3097 width: 100%;
3098 height: auto;
3099 }
3100 .lp-meta-box__file_list > li img.is_file {
3101 width: 30px;
3102 }
3103 .lp-meta-box__file_list > li img.is_file ~ span {
3104 margin-top: 5px;
3105 font-size: 0.75rem;
3106 }
3107 .lp-meta-box__file_list > li.lp-metabox-sortable-placeholder {
3108 position: relative;
3109 border: 3px dashed #ddd;
3110 }
3111 .lp-meta-box__file_list > li.lp-metabox-sortable-placeholder::after {
3112 position: absolute;
3113 top: 0;
3114 right: 0;
3115 width: 100%;
3116 height: 100%;
3117 margin: 0;
3118 color: #ddd;
3119 font-family: Dashicons;
3120 font-size: 2.618em;
3121 font-weight: normal;
3122 font-variant: normal;
3123 line-height: 4.5rem;
3124 text-align: center;
3125 text-indent: 0;
3126 text-transform: none;
3127 content: "\f161";
3128 speak: none;
3129 -webkit-font-smoothing: antialiased;
3130 }
3131 .lp-meta-box__file_list > li ul.actions {
3132 position: absolute;
3133 top: -8px;
3134 left: -8px;
3135 padding: 2px;
3136 }
3137 .lp-meta-box__file_list > li ul.actions li {
3138 float: left;
3139 margin: 0 2px 0 0;
3140 }
3141 .lp-meta-box__file_list > li ul.actions li a.delete {
3142 display: block;
3143 position: relative;
3144 width: 1em;
3145 height: 1em;
3146 font-size: 1.4em;
3147 text-indent: -9999px;
3148 }
3149 .lp-meta-box__file_list > li ul.actions li a.delete::before {
3150 position: absolute;
3151 top: 0;
3152 right: 0;
3153 width: 1em;
3154 height: 1em;
3155 margin: 0;
3156 border-radius: 50%;
3157 color: #999;
3158 background: #fff;
3159 font-family: Dashicons;
3160 font-weight: 400;
3161 font-variant: normal;
3162 line-height: 1;
3163 text-align: center;
3164 text-indent: 0;
3165 text-transform: none;
3166 content: "\f153";
3167 speak: none;
3168 -webkit-font-smoothing: antialiased;
3169 }
3170 .lp-meta-box__file_list > li ul.actions::before {
3171 display: table;
3172 content: " ";
3173 }
3174 .lp-meta-box__file::before {
3175 display: table;
3176 content: " ";
3177 }
3178 .lp-meta-box__file::after {
3179 display: table;
3180 clear: both;
3181 content: " ";
3182 }
3183
3184 .lp-metabox-evaluate-final_quiz {
3185 display: block;
3186 }
3187 .lp-metabox-evaluate-final_quiz__message {
3188 display: inline-block;
3189 min-width: 50%;
3190 margin-top: 10px;
3191 padding: 8px 20px;
3192 border: 2px solid #36af27;
3193 border-radius: 4px;
3194 background: #f7f7f7;
3195 text-align: center;
3196 }
3197 .lp-metabox-evaluate-final_quiz__message-error {
3198 border-color: lightcoral;
3199 }
3200
3201 .lp_widget_autocomplete__loading {
3202 margin-top: 0 !important;
3203 padding: 7px 10px;
3204 border: 1px solid #949494;
3205 border-top: none !important;
3206 background: #eee;
3207 font-size: 13px !important;
3208 }
3209 .lp_widget_autocomplete__select {
3210 overflow: auto;
3211 right: 0;
3212 width: 100%;
3213 max-height: 148px;
3214 margin-top: -1px;
3215 background: #eee;
3216 font-size: 0.8125rem;
3217 }
3218 .lp_widget_autocomplete__item {
3219 overflow: hidden;
3220 padding: 7px 10px;
3221 border: 1px solid #949494;
3222 border-top: none;
3223 border-bottom-color: #afafaf;
3224 white-space: nowrap;
3225 text-overflow: ellipsis;
3226 cursor: pointer;
3227 }
3228 .lp_widget_autocomplete__item__selected, .lp_widget_autocomplete__item:hover {
3229 color: #fff;
3230 background-color: #007cba;
3231 }
3232
3233 .widget .select2-selection__rendered {
3234 font-size: 0.8125rem;
3235 }
3236
3237 .sortable-wrapper {
3238 margin: 1em 0;
3239 }
3240 .sortable-wrapper .sortable {
3241 margin: 0.5em 0;
3242 }
3243 .sortable-wrapper .sortable .dashicons-move {
3244 cursor: move;
3245 }
3246
3247 @keyframes spin {
3248 from {
3249 transform: rotate(0deg);
3250 }
3251 to {
3252 transform: rotate(-360deg);
3253 }
3254 }
3255 .sortable-wrapper > label {
3256 font-weight: 600;
3257 font-size: 14px;
3258 }
3259
3260 .sortable__item {
3261 display: flex;
3262 align-items: center;
3263 gap: 8px;
3264 margin-bottom: 8px;
3265 }
3266 .sortable__item:last-child {
3267 margin-bottom: 0;
3268 }
3269
3270 .widget-content p {
3271 margin-bottom: 8px;
3272 display: flex;
3273 align-items: center;
3274 flex-wrap: wrap;
3275 }
3276
3277 :root {
3278 --lp-addon-item-padding: 10px;
3279 --lp-border-radius: 3px;
3280 --lp-addon-item-border-color: #c3c4c7;
3281 }
3282
3283 @media screen and (min-width: 1600px) {
3284 .plugin-card:not(.hide-if-js):nth-child(even) {
3285 margin-left: 8px;
3286 }
3287 .plugin-card:not(.hide-if-js):nth-child(3n) {
3288 margin-left: 0;
3289 }
3290 }
3291 /*** Style Addons Manager ***/
3292 #lp-addons {
3293 display: grid;
3294 grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
3295 grid-gap: 20px;
3296 padding-left: 20px;
3297 /***** Toggle *****/
3298 }
3299 #lp-addons.max-3-items {
3300 grid-template-columns: repeat(auto-fit, minmax(280px, 320px));
3301 }
3302 #lp-addons a {
3303 text-decoration: none;
3304 }
3305 #lp-addons button {
3306 padding: 6.5px 17px;
3307 background: rgb(151, 71, 255);
3308 color: white;
3309 border-radius: 3px;
3310 border: none;
3311 cursor: pointer;
3312 }
3313 #lp-addons button.btn-addon-action.handling span {
3314 display: none;
3315 }
3316 #lp-addons button.btn-addon-action.handling span.dashicons {
3317 display: inline-flex;
3318 }
3319 #lp-addons button.btn-addon-action[data-action=cancel] {
3320 position: absolute;
3321 left: 0;
3322 background: transparent;
3323 color: rgba(255, 0, 0, 0.89);
3324 top: 0;
3325 padding: 7px 10px;
3326 }
3327 #lp-addons button.btn-addon-action span.dashicons {
3328 align-items: center;
3329 display: none;
3330 font-size: 1.125em;
3331 width: auto;
3332 height: auto;
3333 animation: rotation 2s infinite linear;
3334 }
3335 #lp-addons button[data-action=update] {
3336 background: #27BF49;
3337 }
3338 #lp-addons button[data-action=setting] {
3339 background: #2D72DA;
3340 }
3341 #lp-addons .lp-addon-item {
3342 background: white;
3343 padding: var(--lp-addon-item-padding);
3344 border: 1px solid var(--lp-addon-item-border-color);
3345 border-radius: 3px;
3346 display: flex;
3347 flex-direction: column;
3348 justify-content: space-between;
3349 position: relative;
3350 }
3351 #lp-addons .lp-addon-item input {
3352 margin: 0 !important;
3353 }
3354 #lp-addons .lp-addon-item.hide, #lp-addons .lp-addon-item.search-not-found {
3355 display: none;
3356 }
3357 #lp-addons .lp-addon-item__content {
3358 text-align: center;
3359 min-height: 290px;
3360 }
3361 #lp-addons .lp-addon-item__content img {
3362 width: 50px;
3363 height: 50px;
3364 border-radius: 10px;
3365 margin-top: 20px;
3366 }
3367 #lp-addons .lp-addon-item__content a {
3368 text-decoration: none;
3369 }
3370 #lp-addons .lp-addon-item__content p {
3371 display: -webkit-box;
3372 -webkit-box-orient: vertical;
3373 overflow: hidden;
3374 }
3375 #lp-addons .lp-addon-item__content p::before {
3376 content: none;
3377 }
3378 #lp-addons .lp-addon-item__actions {
3379 border-top: 1px solid var(--lp-addon-item-border-color);
3380 padding: 10px var(--lp-addon-item-padding) 0;
3381 margin: 0 calc(var(--lp-addon-item-padding) * -1);
3382 display: flex;
3383 align-items: center;
3384 }
3385 #lp-addons .lp-addon-item__actions__left {
3386 flex: 3;
3387 display: flex;
3388 gap: 5px;
3389 align-items: center;
3390 }
3391 #lp-addons .lp-addon-item__actions__left button {
3392 display: none;
3393 }
3394 #lp-addons .lp-addon-item__actions__right button {
3395 display: none;
3396 background: transparent;
3397 color: #2271b1;
3398 }
3399 #lp-addons .lp-addon-item__purchase {
3400 display: none;
3401 position: absolute;
3402 top: 0;
3403 bottom: 0;
3404 right: 0;
3405 left: 0;
3406 background: rgba(255, 255, 255, 0.6);
3407 text-transform: uppercase;
3408 }
3409 #lp-addons .lp-addon-item__purchase__wrapper div {
3410 position: absolute;
3411 bottom: 20%;
3412 right: var(--lp-addon-item-padding);
3413 left: var(--lp-addon-item-padding);
3414 background: white;
3415 border: 1px solid var(--lp-addon-item-border-color);
3416 padding: var(--lp-addon-item-padding);
3417 border-radius: 3px;
3418 flex-direction: column;
3419 display: none;
3420 gap: 5px;
3421 box-shadow: 0 4px 25px 1px rgba(0, 0, 0, 0.25);
3422 }
3423 #lp-addons .lp-addon-item__purchase__wrapper div input {
3424 width: 100%;
3425 }
3426 #lp-addons .lp-addon-item__purchase label {
3427 text-transform: capitalize;
3428 }
3429 #lp-addons .lp-addon-item.installed.activated button[data-action=setting] {
3430 display: block;
3431 }
3432 #lp-addons .lp-addon-item.installed.activated button[data-action=deactivate] {
3433 display: block;
3434 }
3435 #lp-addons .lp-addon-item.installed.activated.update button[data-action=update] {
3436 display: block;
3437 }
3438 #lp-addons .lp-addon-item.installed:not(.activated) button[data-action=activate] {
3439 display: block;
3440 }
3441 #lp-addons .lp-addon-item.installed.purchase button[data-action=update-purchase-code] {
3442 display: inline-flex;
3443 align-items: center;
3444 padding: 0 5px;
3445 height: 12px;
3446 }
3447 #lp-addons .lp-addon-item.installed.purchase button[data-action=update-purchase-code] span {
3448 animation: none;
3449 display: inline;
3450 }
3451 #lp-addons .lp-addon-item.not_installed.purchase button[data-action=purchase] {
3452 display: block;
3453 }
3454 #lp-addons .lp-addon-item.not_installed.free button[data-action=install] {
3455 display: block;
3456 }
3457 #lp-addons .lp-addon-item.not_installed .lp-addon-item__actions__right {
3458 display: none;
3459 }
3460 #lp-addons .lp-addon-item.update button[data-action=update] {
3461 display: block;
3462 }
3463 #lp-addons .lp-toggle-switch .lp-toggle-switch-label {
3464 height: 20px;
3465 align-items: center;
3466 margin-bottom: 0;
3467 background: #b4b9be;
3468 cursor: pointer;
3469 display: inline-flex;
3470 justify-content: space-between;
3471 position: relative;
3472 transition: right 0.15s ease-out;
3473 border-radius: 100px;
3474 }
3475 #lp-addons .lp-toggle-switch .lp-toggle-switch-label:after {
3476 background: #FFFFFF;
3477 content: "";
3478 display: block;
3479 position: absolute;
3480 right: 4px;
3481 width: 12px;
3482 height: 12px;
3483 transition: all 0.25s ease-in-out;
3484 border-radius: 50%;
3485 }
3486 #lp-addons .lp-toggle-switch .lp-toggle-switch-label::before {
3487 right: 0;
3488 }
3489 #lp-addons .lp-toggle-switch .lp-toggle-switch-label .toggle-on,
3490 #lp-addons .lp-toggle-switch .lp-toggle-switch-label .toggle-off {
3491 opacity: 1;
3492 padding-right: 6px;
3493 padding-left: 6px;
3494 font-size: 0.8em;
3495 line-height: 1.125em;
3496 }
3497 #lp-addons .lp-toggle-switch .lp-toggle-switch-label .toggle-on {
3498 color: #fff;
3499 opacity: 0;
3500 padding-left: 0;
3501 width: 12px;
3502 }
3503 #lp-addons .lp-toggle-switch .lp-toggle-switch-label .toggle-off {
3504 width: 12px;
3505 color: #777;
3506 padding-right: 0;
3507 }
3508 #lp-addons .lp-toggle-switch input.lp-toggle-switch-input {
3509 display: none;
3510 }
3511 #lp-addons .lp-toggle-switch input.lp-toggle-switch-input:checked + label {
3512 background: #0073aa;
3513 }
3514 #lp-addons .lp-toggle-switch input.lp-toggle-switch-input:checked + label:after {
3515 right: auto;
3516 left: 5px;
3517 background: #ffffff;
3518 }
3519 #lp-addons .lp-toggle-switch input.lp-toggle-switch-input:checked + label .toggle-on {
3520 opacity: 1;
3521 }
3522 #lp-addons .lp-toggle-switch input.lp-toggle-switch-input:checked + label .toggle-off {
3523 opacity: 0;
3524 }
3525 #lp-addons .lp-toggle-switch .dashicons {
3526 animation: rotation 2s infinite linear;
3527 }
3528 #lp-addons .screen-reader-text:focus {
3529 clip-path: inset(50%);
3530 -webkit-clip-path: inset(50%);
3531 }
3532
3533 /*** Tab of Addons Manager ***/
3534 .lp-nav-tab-wrapper {
3535 display: flex;
3536 margin-bottom: 20px;
3537 justify-content: start;
3538 gap: 5px;
3539 border-bottom: 1px solid #c3c4c7;
3540 }
3541 .lp-nav-tab-wrapper .nav-tab {
3542 border: 1px solid #c3c4c7;
3543 border-bottom: none;
3544 margin-right: 0;
3545 padding: 5px 10px;
3546 line-height: 1.6em;
3547 font-weight: 600;
3548 background: #dcdcde;
3549 color: #50575e;
3550 text-decoration: none;
3551 white-space: nowrap;
3552 border-radius: 3px 3px 0 0;
3553 }
3554 .lp-nav-tab-wrapper .nav-tab-active {
3555 background: #f0f0f1;
3556 border-bottom: 1px solid #f0f0f1;
3557 }
3558
3559 .wp-submenu .lp-notify {
3560 display: none;
3561 vertical-align: top;
3562 box-sizing: border-box;
3563 margin: 1px 5px -1px 0;
3564 padding: 0 5px;
3565 min-width: 18px;
3566 height: 18px;
3567 border-radius: 9px;
3568 background-color: #d63638;
3569 color: #fff;
3570 font-size: 0.75em;
3571 line-height: 1.6;
3572 text-align: center;
3573 }
3574
3575 /*** Theme Manager ***/
3576 .related-themes {
3577 display: grid;
3578 grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
3579 grid-gap: 20px;
3580 }
3581 .related-themes li {
3582 margin: 0;
3583 }
3584 .related-themes .plugin-card-top {
3585 padding-bottom: 0;
3586 background: #fff;
3587 }
3588 .related-themes .theme-content {
3589 position: relative;
3590 }
3591 .related-themes .image-thumbnail img {
3592 width: 100%;
3593 height: auto;
3594 vertical-align: middle;
3595 }
3596 .related-themes .theme-description {
3597 margin: 0 0 25px 0;
3598 display: -webkit-box;
3599 overflow: hidden;
3600 min-height: 8em;
3601 max-height: 8em;
3602 line-height: 1.6em;
3603 text-overflow: ellipsis;
3604 -webkit-box-orient: vertical;
3605 -webkit-line-clamp: 5;
3606 color: #777;
3607 }
3608 .related-themes .theme-title {
3609 min-height: 3.2em;
3610 margin-left: 100px;
3611 margin-bottom: 0;
3612 font-size: 1.2em;
3613 line-height: 1.3em;
3614 }
3615 .related-themes .theme-title a {
3616 color: #545454;
3617 }
3618 .related-themes .theme-rating {
3619 display: inline-block;
3620 float: left;
3621 }
3622 .related-themes .star-rating {
3623 display: inline-block;
3624 }
3625 .related-themes .count-rating {
3626 position: relative;
3627 top: 2px;
3628 font-size: 0.9375rem;
3629 }
3630 .related-themes .theme-detail {
3631 position: absolute;
3632 top: -3px;
3633 left: 3px;
3634 line-height: 1.6em;
3635 text-align: left;
3636 }
3637 .related-themes .theme-detail::after {
3638 display: block;
3639 clear: both;
3640 content: "";
3641 }
3642 .related-themes .theme-detail .theme-price {
3643 display: inline-block;
3644 color: #545454;
3645 font-size: 1.5rem;
3646 font-weight: 700;
3647 line-height: 1.3em;
3648 }
3649 .related-themes .theme-footer {
3650 clear: both;
3651 overflow: hidden;
3652 margin-left: -20px;
3653 margin-right: -20px;
3654 padding: 20px;
3655 border-top: 1px solid #ddd;
3656 background-color: #fafafa;
3657 }
3658
3659 /**
3660 * Order
3661 */
3662 .post-type-lp_order .wp-list-table .column-order_status {
3663 width: 150px;
3664 }
3665 .post-type-lp_order .wp-list-table .order_status span {
3666 display: inline-block;
3667 padding: 3px 6px;
3668 color: #fff;
3669 font-size: 0.75rem;
3670 -webkit-border-radius: 4px;
3671 -moz-border-radius: 4px;
3672 border-radius: 4px;
3673 }
3674 .post-type-lp_order .wp-list-table .order_status span.pending {
3675 background: #bdbdbd;
3676 }
3677 .post-type-lp_order .wp-list-table .order_status span.processing {
3678 background: #ffc107;
3679 }
3680 .post-type-lp_order .wp-list-table .order_status span.completed {
3681 background: #4caf50;
3682 }
3683 .post-type-lp_order .wp-list-table .order_status span.cancelled {
3684 background: #444;
3685 }
3686 .post-type-lp_order .wp-list-table .order_status span.failed {
3687 background: #f00;
3688 }
3689 .post-type-lp_order .wp-list-table .order_status span.trash {
3690 color: rgba(128, 128, 128, 0.68);
3691 }
3692 .post-type-lp_order .wp-list-table .order_status span i {
3693 display: inline-block;
3694 }
3695 .post-type-lp_order .wp-list-table .column-title,
3696 .post-type-lp_order .wp-list-table .column-order_total,
3697 .post-type-lp_order .wp-list-table .column-order_date {
3698 width: 150px;
3699 }
3700 .post-type-lp_order .wp-list-table .column-order_items ol {
3701 margin: 0;
3702 padding: 0;
3703 list-style-position: inside;
3704 }
3705
3706 .post-type-lp_course .wp-list-table .column-price {
3707 width: 80px;
3708 }
3709 .post-type-lp_course .wp-list-table .column-thumbnail {
3710 width: 60px;
3711 padding-top: 8px;
3712 box-sizing: border-box;
3713 }
3714 .post-type-lp_course .wp-list-table .column-thumbnail img {
3715 width: 100%;
3716 height: auto;
3717 }
3718 @media only screen and (max-width: 782px) {
3719 .post-type-lp_course .wp-list-table .column-thumbnail {
3720 display: none;
3721 }
3722 .post-type-lp_course .wp-list-table .column-thumbnail::before {
3723 opacity: 0;
3724 }
3725 }
3726 .post-type-lp_course .wp-list-table .column-certificate {
3727 box-sizing: border-box;
3728 max-width: 60px;
3729 }
3730 .post-type-lp_course .wp-list-table .column-certificate img {
3731 max-width: 100% !important;
3732 }
3733 @media only screen and (min-width: 1024px) {
3734 .post-type-lp_course .wp-list-table .check-column {
3735 width: 1.2em;
3736 }
3737 }
3738 @media only screen and (min-width: 783px) {
3739 .post-type-lp_course .wp-list-table .column-title {
3740 width: 16%;
3741 }
3742 }
3743
3744 .wp-list-table .column-author, .wp-list-table .column-instructor {
3745 width: 80px;
3746 }
3747 .wp-list-table .column-author .post-author, .wp-list-table .column-instructor .post-author {
3748 display: inline-block;
3749 }
3750 .wp-list-table .column-author .post-author img, .wp-list-table .column-instructor .post-author img {
3751 width: 30px;
3752 height: 30px;
3753 margin: 0;
3754 border-radius: 50%;
3755 vertical-align: middle;
3756 }
3757 .wp-list-table .column-author .post-author a, .wp-list-table .column-instructor .post-author a {
3758 display: inline-block;
3759 vertical-align: middle;
3760 }
3761 .wp-list-table .column-curriculum {
3762 width: 60px;
3763 }
3764 .wp-list-table .column-student {
3765 width: 60px;
3766 }
3767 .wp-list-table .column-taxonomy-course_category {
3768 width: 100px;
3769 }
3770 .wp-list-table .column-gradebook {
3771 width: 40px;
3772 text-align: center;
3773 }
3774
3775 .post-type-page .column-lp-page {
3776 width: 200px;
3777 }
3778 .post-type-page .for-plugin-page {
3779 margin: 0;
3780 color: #f00;
3781 font-size: 0.6875rem;
3782 }
3783
3784 .post-state .post-author {
3785 font-size: 0.875rem;
3786 font-weight: normal;
3787 font-style: italic;
3788 }
3789
3790 #learn-press-box-edit-slug {
3791 overflow: hidden;
3792 margin: 0 -10px;
3793 padding: 10px;
3794 border: 1px solid #ddd;
3795 color: #b79186;
3796 background: #fff;
3797 }
3798 #learn-press-box-edit-slug .button {
3799 float: left;
3800 height: 24px;
3801 line-height: 1.375rem;
3802 }
3803
3804 .is-lp-page {
3805 color: #fff;
3806 font-size: 11px;
3807 padding: 1px 8px;
3808 border-radius: 10px;
3809 background-color: #9979ff;
3810 margin-left: 5px;
3811 display: inline-block;
3812 }
3813
3814 .lp-overlay {
3815 display: none;
3816 position: fixed;
3817 z-index: 99999;
3818 top: 0;
3819 left: 0;
3820 bottom: 0;
3821 right: 0;
3822 width: 100%;
3823 height: 100%;
3824 background-color: rgba(209, 213, 219, 0.8);
3825 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
3826 transition-duration: 150ms;
3827 transition-property: opacity;
3828 }
3829
3830 .wp-admin .lp-modal-dialog .lp-modal-header {
3831 padding: 2em;
3832 }
3833 .wp-admin .lp-modal-dialog .lp-modal-header h3 {
3834 font-size: 1.4em;
3835 }
3836
3837 .lp-modal-dialog {
3838 display: flex;
3839 position: fixed;
3840 z-index: 9999;
3841 top: 0;
3842 left: 0;
3843 right: 0;
3844 width: 100%;
3845 min-height: 100vh;
3846 text-align: center;
3847 align-items: center;
3848 justify-content: center;
3849 }
3850 .lp-modal-dialog .learn-press-message {
3851 width: auto;
3852 margin: 0 !important;
3853 }
3854 .lp-modal-dialog .lp-modal-content {
3855 display: inline-block;
3856 overflow: hidden;
3857 z-index: 2;
3858 width: auto;
3859 max-width: 600px;
3860 border-radius: 8px;
3861 text-align: right;
3862 vertical-align: middle;
3863 background: white;
3864 color: black;
3865 }
3866 .lp-modal-dialog .lp-modal-content h2, .lp-modal-dialog .lp-modal-content h3 {
3867 margin: 0;
3868 }
3869 .lp-modal-dialog .lp-modal-content .lp-group-step h3 {
3870 border-bottom: 1px solid #eee;
3871 }
3872 .lp-modal-dialog .lp-modal-content .main-content .terms-upgrade .pd-2em {
3873 padding: 0 1em;
3874 }
3875 .lp-modal-dialog .lp-modal-header {
3876 background: #7c60d9;
3877 border-bottom: 1px solid #eee;
3878 padding: 1em;
3879 }
3880 .lp-modal-dialog .lp-modal-header h3 {
3881 margin: 0;
3882 color: white;
3883 font-weight: 400;
3884 }
3885 .lp-modal-dialog .lp-modal-body .main-content {
3886 max-height: 500px;
3887 overflow: auto;
3888 overscroll-behavior: contain;
3889 }
3890 .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 {
3891 padding: 1em;
3892 }
3893 .lp-modal-dialog .lp-modal-footer {
3894 padding: 20px;
3895 background-color: #f9fafb;
3896 text-align: left;
3897 }
3898 .lp-modal-dialog .btn-yes {
3899 color: #fff;
3900 background-color: #7c60d9;
3901 }
3902
3903 #lp-modal-overlay {
3904 display: none;
3905 position: fixed;
3906 z-index: 999999;
3907 top: 0;
3908 left: 0;
3909 bottom: 0;
3910 right: 0;
3911 opacity: 0.5;
3912 background: #000;
3913 }
3914
3915 #lp-modal-window {
3916 display: none;
3917 position: fixed;
3918 z-index: 999999;
3919 top: 50%;
3920 right: 50%;
3921 padding: 35px 60px 28px 60px;
3922 background: #fff;
3923 transform: translate(50%, -50%);
3924 -webkit-border-radius: 4px;
3925 -moz-border-radius: 4px;
3926 border-radius: 4px;
3927 }
3928 #lp-modal-window #lp-modal-content {
3929 margin: 0 0 24px 0;
3930 color: #333;
3931 font-weight: 400;
3932 text-align: center;
3933 }
3934 #lp-modal-window #lp-modal-content > * {
3935 margin: 0 0 0.5em;
3936 }
3937 #lp-modal-window #lp-modal-buttons {
3938 display: flex;
3939 flex-direction: row-reverse;
3940 align-items: center;
3941 justify-content: center;
3942 }
3943 #lp-modal-window #lp-modal-buttons .lp-button {
3944 position: relative;
3945 margin: 0 10px 0 10px;
3946 }
3947
3948 .learn-press-modal {
3949 position: fixed;
3950 z-index: 1000000;
3951 width: 100%;
3952 height: 100%;
3953 top: 0;
3954 display: table;
3955 }
3956 .learn-press-modal .modal-overlay {
3957 position: fixed;
3958 z-index: 1000000;
3959 background: #000;
3960 opacity: 0.5;
3961 width: 100%;
3962 height: 100%;
3963 top: 0;
3964 }
3965 .learn-press-modal .modal-wrapper {
3966 display: table-cell;
3967 vertical-align: middle;
3968 z-index: 1000010;
3969 position: relative;
3970 }
3971 .learn-press-modal .modal-wrapper .modal-container {
3972 max-width: 800px;
3973 width: 90%;
3974 margin: 0px auto;
3975 background-color: #fff;
3976 border-radius: 2px;
3977 box-shadow: 0 2px 8px rgba(0, 0, 0, 0.33);
3978 transition: all 0.3s ease;
3979 overflow: hidden;
3980 -webkit-box-sizing: border-box;
3981 -moz-box-sizing: border-box;
3982 box-sizing: border-box;
3983 }
3984 .learn-press-modal .modal-wrapper header {
3985 font-size: 1.125rem;
3986 padding: 20px;
3987 border-bottom: 1px solid #DDD;
3988 font-weight: 600;
3989 color: #000;
3990 }
3991 .learn-press-modal .modal-wrapper article {
3992 margin: 30px 20px;
3993 }
3994 .learn-press-modal .modal-wrapper article input[name=search] {
3995 width: 100%;
3996 font-size: 1rem;
3997 box-sizing: border-box;
3998 margin: 0;
3999 box-shadow: none;
4000 color: #444;
4001 padding: 8px 10px;
4002 height: 42px;
4003 border-radius: 2px;
4004 border-color: #e4e4e4;
4005 font-weight: 400;
4006 vertical-align: middle;
4007 }
4008 .learn-press-modal .modal-wrapper article .search-results {
4009 margin: 0;
4010 margin-top: 30px;
4011 }
4012 .learn-press-modal .modal-wrapper article .search-results li > label {
4013 display: block;
4014 }
4015 .learn-press-modal .modal-wrapper footer {
4016 padding: 15px 20px;
4017 overflow: hidden;
4018 border: 1px solid #eee;
4019 }
4020 .learn-press-modal .modal-wrapper footer .search-nav {
4021 float: right;
4022 }
4023 .learn-press-modal .modal-wrapper footer .search-nav a, .learn-press-modal .modal-wrapper footer .search-nav span {
4024 display: inline-block;
4025 line-height: 1.625rem;
4026 height: 28px;
4027 margin: 0;
4028 padding: 0 10px 1px;
4029 }
4030 .learn-press-modal .modal-wrapper footer button {
4031 float: left;
4032 margin-right: 3px;
4033 }
4034
4035 #modal-search-items.loading .search-results:before {
4036 position: absolute;
4037 top: 75px;
4038 right: 0;
4039 left: 0;
4040 bottom: 0;
4041 display: block;
4042 content: "";
4043 z-index: 9;
4044 background: url("../../images/spinner.gif") no-repeat center center;
4045 }
4046
4047 .modal-search {
4048 position: relative;
4049 display: inline-block;
4050 min-width: 300px;
4051 }
4052 .modal-search .search-input {
4053 border: 1px solid #DDD;
4054 width: 100%;
4055 margin: 0;
4056 padding: 5px 10px;
4057 -webkit-box-shadow: none;
4058 -moz-box-shadow: none;
4059 box-shadow: none;
4060 }
4061 .modal-search .search-input:focus {
4062 -webkit-box-shadow: none;
4063 -moz-box-shadow: none;
4064 box-shadow: none;
4065 }
4066 .modal-search .search-input:focus {
4067 border-color: #DDD;
4068 }
4069 .modal-search .search-results-content {
4070 position: absolute;
4071 top: 100%;
4072 width: 100%;
4073 right: 0;
4074 background: #FFF;
4075 border: 1px solid #DDD;
4076 border-top: none;
4077 z-index: 1000;
4078 margin-top: -1px;
4079 -webkit-box-sizing: border-box;
4080 -moz-box-sizing: border-box;
4081 box-sizing: border-box;
4082 }
4083 .modal-search .search-results-content .search-results {
4084 margin: 0;
4085 }
4086 .modal-search .search-results-content .search-results .result-item {
4087 margin: 0;
4088 padding: 0;
4089 list-style: none;
4090 }
4091 .modal-search .search-results-content .search-results .result-item label {
4092 display: block;
4093 padding: 6px 10px;
4094 text-decoration: none;
4095 cursor: pointer;
4096 white-space: nowrap;
4097 overflow: hidden;
4098 text-overflow: ellipsis;
4099 }
4100 .modal-search .search-results-content .search-results .result-item:hover {
4101 background: #f4fcff;
4102 }
4103 .modal-search .has-items .search-input {
4104 border-bottom-color: transparent;
4105 }
4106 .modal-search .has-items .search-results-content {
4107 border-top: none;
4108 }
4109 .modal-search .checked-items {
4110 text-align: center;
4111 }
4112 .modal-search .checked-items .button {
4113 font-size: 0.75rem;
4114 height: 20px;
4115 line-height: 1.25rem;
4116 }
4117 .modal-search .checked-items .disabled {
4118 color: #777;
4119 }
4120 .modal-search .search-navigator {
4121 margin: 5px 0;
4122 text-align: center;
4123 }
4124 .modal-search .search-navigator .page-numbers {
4125 display: inline-block;
4126 padding: 2px 5px;
4127 text-decoration: none;
4128 line-height: 1;
4129 }
4130 .modal-search .search-navigator .page-numbers.next, .modal-search .search-navigator .page-numbers.prev {
4131 display: none;
4132 }
4133
4134 .lp-order-statuses {
4135 margin: 0;
4136 display: grid;
4137 grid-template-columns: auto auto;
4138 grid-gap: 10px;
4139 }
4140 .lp-order-statuses .lp-skeleton-animation {
4141 grid-column: 1/3;
4142 }
4143 .lp-order-statuses li {
4144 width: 100%;
4145 margin: 0;
4146 background: #fff;
4147 }
4148 .lp-order-statuses li span {
4149 font-size: 1.1rem;
4150 display: flex;
4151 text-align: center;
4152 justify-content: center;
4153 align-items: center;
4154 column-gap: 10px;
4155 font-weight: 400;
4156 }
4157 .lp-order-statuses li p {
4158 margin: 0;
4159 padding: 0;
4160 color: #adadad;
4161 font-size: 0.75rem;
4162 }
4163 .lp-order-statuses li.counter-number {
4164 text-align: center;
4165 /*&.order-completed {
4166
4167 strong::before {
4168 color: #0085ba;
4169 content: "\f058";
4170 }
4171 }
4172
4173 &.order-processing {
4174
4175 strong::before {
4176 margin-left: -1px;
4177 color: #563f7a;
4178 content: "\f321";
4179 }
4180 }
4181
4182 &.order-pending {
4183
4184 strong::before {
4185 color: #aaa;
4186 content: "\f534";
4187 }
4188 }
4189
4190 &.order-cancelled {
4191
4192 strong::before {
4193 color: #f00;
4194 content: "\f153";
4195 }
4196 }*/
4197 }
4198 .lp-order-statuses li.counter-number .counter-inner {
4199 padding: 10px 0;
4200 border: 1px solid #f3f3f3;
4201 background: #f9f9f9;
4202 }
4203 .lp-order-statuses li.clear {
4204 float: none;
4205 }
4206 .lp-order-statuses li.featured-theme {
4207 width: auto;
4208 margin: 12px -12px 0 -12px;
4209 padding: 8px 12px 0 12px;
4210 border-top: 1px solid #eee;
4211 }
4212 .lp-order-statuses li.featured-theme .star-rating {
4213 display: inline-block;
4214 line-height: 0.875rem;
4215 vertical-align: middle;
4216 }
4217 .lp-order-statuses li.featured-theme .star-rating .star {
4218 width: 14px;
4219 height: 14px;
4220 font-size: 0.875rem;
4221 }
4222 .lp-order-statuses li.featured-theme > div {
4223 margin-bottom: 3px;
4224 }
4225 .lp-order-statuses li.featured-theme > div span {
4226 color: #999;
4227 font-size: 0.75rem;
4228 vertical-align: middle;
4229 }
4230 .lp-order-statuses li:nth-child(even) .counter-inner {
4231 margin-right: 0;
4232 }
4233 .lp-order-statuses li:nth-child(odd) .counter-inner {
4234 margin-left: 0;
4235 }
4236 .lp-order-statuses li.total-raised {
4237 grid-column: 1/3;
4238 box-sizing: border-box;
4239 padding: 10px 0;
4240 border: 1px solid #f3f3f3;
4241 background: #f9f9f9;
4242 text-align: center;
4243 color: #0073aa;
4244 }
4245 .lp-order-statuses li.total-raised span {
4246 margin-bottom: 10px;
4247 font-size: 1.625rem;
4248 }
4249 .lp-order-statuses li.total-raised span i {
4250 font-size: 1.5625rem;
4251 }
4252 .lp-order-statuses::after {
4253 display: block;
4254 clear: both;
4255 content: "";
4256 }
4257
4258 .featured-theme {
4259 border-top: 1px solid #eee;
4260 margin-top: 10px;
4261 padding-top: 10px;
4262 }
4263 .featured-theme p {
4264 margin: 0;
4265 font-size: 12px;
4266 }
4267 .featured-theme .star-rating {
4268 display: inline-block;
4269 line-height: 0.75rem;
4270 }
4271 .featured-theme .star-rating .star {
4272 font-size: 0.8125rem;
4273 width: 13px;
4274 height: 13px;
4275 }
4276 .featured-theme span {
4277 font-size: 0.6875rem;
4278 }
4279
4280 .lp-place-holder {
4281 background: #fff;
4282 padding: 10px;
4283 display: block;
4284 margin: 20px auto;
4285 box-shadow: 0 0 0 rgba(0, 0, 0, 0.1);
4286 border-radius: 3px;
4287 }
4288 .lp-place-holder [class*=line-] {
4289 height: 6px;
4290 width: 400px;
4291 background: #f6f7f9;
4292 margin-bottom: 13px;
4293 margin-left: 5px;
4294 }
4295 .lp-place-holder .thumbnail {
4296 height: 40px;
4297 width: 40px;
4298 float: right;
4299 margin-left: 20px;
4300 display: inline-block;
4301 }
4302 .lp-place-holder .line-heading {
4303 width: 80%;
4304 height: 20px;
4305 }
4306 .lp-place-holder .line-sm {
4307 width: 30%;
4308 margin-top: 10px;
4309 }
4310 .lp-place-holder .line-xs {
4311 width: 50%;
4312 }
4313 .lp-place-holder .line-df {
4314 margin-top: 30px;
4315 width: 380px;
4316 }
4317 .lp-place-holder .line-lg {
4318 width: 200px;
4319 }
4320 .lp-place-holder .line-lgx {
4321 width: 450px;
4322 }
4323 .lp-place-holder [class*=line],
4324 .lp-place-holder .thumbnail {
4325 animation: lpTimeLine;
4326 animation-duration: 1s;
4327 animation-timing-function: linear;
4328 animation-iteration-count: infinite;
4329 background: linear-gradient(to left, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
4330 background-size: 800px auto;
4331 background-position: 100px 0;
4332 }
4333
4334 @keyframes lpTimeLine {
4335 0% {
4336 background-position: -350px 0;
4337 }
4338 100% {
4339 background-position: 400px 0;
4340 }
4341 }
4342 .post-type-lp_order {
4343 /*Export order function style*/
4344 /* The Modal (background) */
4345 /* Modal Content/Box */
4346 /* The Close Button */
4347 /*tabs css*/
4348 }
4349 .post-type-lp_order #post-body-content {
4350 display: none;
4351 }
4352 .post-type-lp_order #order_details {
4353 border: none !important;
4354 background: transparent !important;
4355 }
4356 .post-type-lp_order #order_details .hndle,
4357 .post-type-lp_order #order_details .handlediv,
4358 .post-type-lp_order #order_details .postbox-header {
4359 display: none;
4360 }
4361 .post-type-lp_order #order_details .inside {
4362 display: block !important;
4363 margin: 0;
4364 padding: 0;
4365 }
4366 .post-type-lp_order #order_details .order-data {
4367 margin: 0 0 20px 0 !important;
4368 padding: 30px !important;
4369 border: 1px solid #ccd0d4 !important;
4370 background-color: #fff !important;
4371 box-shadow: none !important;
4372 }
4373 .post-type-lp_order #order_details .order-data-field {
4374 margin-bottom: 20px;
4375 }
4376 .post-type-lp_order #order_details .order-data-field label {
4377 display: block;
4378 margin-bottom: 5px;
4379 font-weight: 500;
4380 }
4381 .post-type-lp_order #order_details .order-data-number {
4382 margin: 0 0 10px;
4383 font-size: 1.25rem;
4384 font-weight: 600;
4385 }
4386 .post-type-lp_order #order_details .payment-method-title {
4387 color: #777;
4388 font-size: 1rem;
4389 }
4390 .post-type-lp_order #order_details .payment-method-title strong {
4391 color: #23282d;
4392 }
4393 .post-type-lp_order #order_details .order-data-heading {
4394 margin-top: 40px;
4395 font-size: 1rem;
4396 }
4397 .post-type-lp_order #order_details .order-users {
4398 display: inline-block;
4399 }
4400 .post-type-lp_order #order_details .order-users .description {
4401 margin-top: 10px;
4402 padding: 10px;
4403 background: #eee;
4404 }
4405 .post-type-lp_order #order_details .order-data-date .order-date {
4406 width: 130px;
4407 }
4408 .post-type-lp_order #order_details .order-data-date .order-hour,
4409 .post-type-lp_order #order_details .order-data-date .order-minute {
4410 width: 60px;
4411 }
4412 .post-type-lp_order #order_details .order-data-note {
4413 display: inline-block;
4414 }
4415 .post-type-lp_order #order_details .order-data-note .order-note {
4416 padding: 10px;
4417 color: #fff;
4418 background-color: #c1a3b6;
4419 font-size: 0.875rem;
4420 }
4421 .post-type-lp_order #order_details .order-items {
4422 margin: 0;
4423 border: 1px solid #ccd0d4 !important;
4424 background-color: #fff;
4425 }
4426 .post-type-lp_order #order_details .order-items table {
4427 width: 100%;
4428 border-collapse: collapse;
4429 }
4430 .post-type-lp_order #order_details .order-items table thead {
4431 margin: 0;
4432 padding: 0;
4433 }
4434 .post-type-lp_order #order_details .order-items table thead tr {
4435 background-color: #f8f8f8;
4436 }
4437 .post-type-lp_order #order_details .order-items table thead th {
4438 padding: 15px;
4439 border-bottom: none;
4440 color: #999;
4441 font-weight: 400;
4442 text-align: right;
4443 }
4444 .post-type-lp_order #order_details .order-items table thead th:first-child {
4445 padding-right: 30px;
4446 }
4447 .post-type-lp_order #order_details .order-items table thead th:last-child {
4448 padding-left: 30px;
4449 }
4450 .post-type-lp_order #order_details .order-items table tbody td,
4451 .post-type-lp_order #order_details .order-items table tfoot td {
4452 padding: 10px;
4453 border-bottom: 1px solid #ddd;
4454 text-align: right;
4455 }
4456 .post-type-lp_order #order_details .order-items table tbody {
4457 margin: 0;
4458 padding: 0;
4459 }
4460 .post-type-lp_order #order_details .order-items table tbody tr td {
4461 padding: 15px;
4462 }
4463 .post-type-lp_order #order_details .order-items table tbody tr td:first-child {
4464 padding-right: 30px;
4465 }
4466 .post-type-lp_order #order_details .order-items table tbody tr td:last-child {
4467 padding-left: 30px;
4468 }
4469 .post-type-lp_order #order_details .order-items table tfoot {
4470 margin: 0;
4471 padding: 0;
4472 }
4473 .post-type-lp_order #order_details .order-items table tfoot tr {
4474 background-color: #f8f8f8;
4475 }
4476 .post-type-lp_order #order_details .order-items table tfoot tr:last-child td {
4477 padding-top: 20px;
4478 padding-bottom: 20px;
4479 }
4480 .post-type-lp_order #order_details .order-items table tfoot td {
4481 padding: 10px 15px;
4482 padding-bottom: 0;
4483 border: none;
4484 font-size: 0.875rem;
4485 text-align: left;
4486 }
4487 .post-type-lp_order #order_details .order-items table tfoot td:first-child {
4488 padding-right: 30px;
4489 }
4490 .post-type-lp_order #order_details .order-items table tfoot td:last-child {
4491 padding-left: 30px;
4492 }
4493 .post-type-lp_order #order_details .order-items table .column-price,
4494 .post-type-lp_order #order_details .order-items table .column-total,
4495 .post-type-lp_order #order_details .order-items table .column-quantity {
4496 width: 150px;
4497 text-align: left;
4498 }
4499 .post-type-lp_order #order_details .order-items table .row-subtotal td .order-subtotal,
4500 .post-type-lp_order #order_details .order-items table .row-subtotal td .order-total,
4501 .post-type-lp_order #order_details .order-items table .row-total td .order-subtotal,
4502 .post-type-lp_order #order_details .order-items table .row-total td .order-total {
4503 font-weight: 700;
4504 }
4505 .post-type-lp_order #order_details .order-items table .remove-order-item {
4506 outline: none;
4507 color: #ccc;
4508 text-decoration: none;
4509 }
4510 .post-type-lp_order #order_details .order-items table .remove-order-item .dashicons {
4511 font-size: 1.25rem;
4512 }
4513 .post-type-lp_order #order_details .order-items table .remove-order-item:hover {
4514 color: #f00;
4515 }
4516 .post-type-lp_order #order_details .order-items table .order-item-row:hover .remove-order-item {
4517 display: inline-block;
4518 }
4519 .post-type-lp_order #order-export__button:hover {
4520 cursor: pointer;
4521 }
4522 .post-type-lp_order .export-modal.modal {
4523 display: none;
4524 position: fixed;
4525 z-index: 10;
4526 right: 0;
4527 top: 0;
4528 width: 100%;
4529 height: 100%;
4530 overflow: auto;
4531 background-color: #000000;
4532 background-color: rgba(0, 0, 0, 0.4);
4533 }
4534 .post-type-lp_order .export-modal .modal-content {
4535 background-color: #fefefe;
4536 margin: 5% auto;
4537 border: 1px solid #888;
4538 width: 60%;
4539 position: relative;
4540 }
4541 .post-type-lp_order .export-modal .close {
4542 color: #aaa;
4543 position: absolute;
4544 font-size: 28px;
4545 font-weight: bold;
4546 top: -5px;
4547 left: 11px;
4548 }
4549 .post-type-lp_order .export-modal .close:hover {
4550 color: black;
4551 text-decoration: none;
4552 cursor: pointer;
4553 }
4554 .post-type-lp_order .export-modal .close:focus {
4555 color: black;
4556 text-decoration: none;
4557 cursor: pointer;
4558 }
4559 .post-type-lp_order .export-modal .panel {
4560 display: none;
4561 }
4562 .post-type-lp_order .export-modal .panel.active {
4563 display: block;
4564 }
4565 .post-type-lp_order #order-export__tabs.tabs {
4566 display: flex;
4567 justify-content: space-around;
4568 height: 40px;
4569 box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
4570 }
4571 .post-type-lp_order #order-export__tabs.tabs > * {
4572 width: 100%;
4573 color: dimgray;
4574 height: 100%;
4575 cursor: pointer;
4576 display: flex;
4577 justify-content: center;
4578 align-items: center;
4579 }
4580 .post-type-lp_order #order-export__tabs.tabs > *:hover:not(.active) {
4581 background-color: #dcdcdc;
4582 }
4583 .post-type-lp_order #order-export__tabs.tabs > .active {
4584 color: white;
4585 background-color: #4CAF50;
4586 }
4587 .post-type-lp_order #lp-invoice__content {
4588 padding: 20px 40px 0;
4589 margin-bottom: 25px;
4590 }
4591 .post-type-lp_order #lp-invoice__content thead th {
4592 border-bottom: 1px solid #000;
4593 border-top: 1px solid #000;
4594 padding: 10px 20px;
4595 }
4596 .post-type-lp_order #lp-invoice__content tbody td {
4597 border-bottom: 1px solid #000;
4598 text-align: center;
4599 padding: 10px 20px;
4600 }
4601 .post-type-lp_order #lp-invoice__content tfoot td {
4602 border-bottom: 1px solid #000;
4603 text-align: center;
4604 padding: 10px 20px;
4605 }
4606 .post-type-lp_order .export-options__content {
4607 margin-bottom: 25px;
4608 padding: 10px 40px;
4609 }
4610 .post-type-lp_order .export-options {
4611 position: relative;
4612 }
4613 .post-type-lp_order .export-options__loading {
4614 opacity: 0;
4615 z-index: -1;
4616 visibility: hidden;
4617 position: absolute;
4618 top: 0;
4619 right: 0;
4620 width: 100%;
4621 background: #fff;
4622 left: 0;
4623 bottom: 0;
4624 display: flex;
4625 align-items: center;
4626 justify-content: center;
4627 }
4628 .post-type-lp_order .export-options__loading .spinner {
4629 background: url("../../images/spinner.gif") no-repeat center center;
4630 z-index: 9;
4631 display: inline-block;
4632 visibility: visible;
4633 }
4634 .post-type-lp_order .export-options__loading.active {
4635 opacity: 1;
4636 z-index: 9;
4637 visibility: visible;
4638 }
4639 .post-type-lp_order #lp-invoice__export {
4640 color: white;
4641 background-color: #4CAF50;
4642 border: 1px solid #4CAF50;
4643 padding: 10px 20px;
4644 transition: all 0.5s ease;
4645 -moz-transition: all 0.5s ease;
4646 -o-transition: all 0.5s ease;
4647 -webkit-transition: all 0.5s ease;
4648 }
4649 .post-type-lp_order #lp-invoice__export:hover {
4650 color: #000;
4651 background-color: #fff;
4652 border: 1px solid #000;
4653 transition: all 0.5s ease;
4654 -moz-transition: all 0.5s ease;
4655 -o-transition: all 0.5s ease;
4656 -webkit-transition: all 0.5s ease;
4657 cursor: pointer;
4658 }
4659 .post-type-lp_order #lp-invoice__update {
4660 color: white;
4661 background-color: #4CAF50;
4662 border: 1px solid #4CAF50;
4663 padding: 10px 20px;
4664 transition: all 0.5s ease;
4665 -moz-transition: all 0.5s ease;
4666 -o-transition: all 0.5s ease;
4667 -webkit-transition: all 0.5s ease;
4668 }
4669 .post-type-lp_order #lp-invoice__update:hover {
4670 color: #000;
4671 background-color: #fff;
4672 border: 1px solid #000;
4673 transition: all 0.5s ease;
4674 -moz-transition: all 0.5s ease;
4675 -o-transition: all 0.5s ease;
4676 -webkit-transition: all 0.5s ease;
4677 cursor: pointer;
4678 }
4679 .post-type-lp_order #lp-invoice__actions {
4680 display: flex;
4681 flex-direction: row;
4682 justify-content: flex-end;
4683 }
4684 .post-type-lp_order .export-options__actions {
4685 display: flex;
4686 flex-direction: row;
4687 justify-content: flex-end;
4688 }
4689 .post-type-lp_order .lp-invoice__body table {
4690 border-spacing: 0;
4691 width: 100%;
4692 }
4693 .post-type-lp_order .lp-order-status .dashicons {
4694 display: inline-flex !important;
4695 align-items: center;
4696 font-size: 1rem;
4697 }
4698 .post-type-lp_order .lp-order-items-wrapper .learn-press-pagination {
4699 text-align: right;
4700 }
4701 .post-type-lp_order .lp-order-items-wrapper .learn-press-pagination li {
4702 border: 1px solid #2271b1;
4703 background: #f6f7f7;
4704 }
4705 .post-type-lp_order .lp-order-items-wrapper .learn-press-pagination li .page-numbers {
4706 padding: 0 6px;
4707 }
4708 .post-type-lp_order .lp-order-items-wrapper .learn-press-pagination li .current {
4709 background: #2271b1;
4710 color: #fff !important;
4711 }
4712
4713 #learn-press-toggle-settings-js-css {
4714 display: none;
4715 }
4716 #learn-press-toggle-settings-js-css + table {
4717 display: none;
4718 }
4719 #learn-press-toggle-settings-js-css:checked + table {
4720 display: table;
4721 }
4722
4723 .color-schemas {
4724 margin: 0 0 20px 20px;
4725 float: right;
4726 }
4727 .color-schemas ul {
4728 list-style: none;
4729 margin: 0;
4730 padding: 0;
4731 }
4732 .color-schemas ul > li > label {
4733 font-weight: 600;
4734 display: block;
4735 margin-bottom: 10px;
4736 }
4737 .color-schemas .wp-color-picker {
4738 width: 80px;
4739 height: 24px;
4740 vertical-align: top;
4741 margin: 0;
4742 }
4743 .color-schemas .wp-picker-holder {
4744 position: absolute;
4745 }
4746 .color-schemas .buttons {
4747 display: none;
4748 }
4749 .color-schemas table {
4750 border-collapse: collapse;
4751 position: relative;
4752 }
4753 .color-schemas table td, .color-schemas table th {
4754 padding: 10px 10px;
4755 }
4756 .color-schemas table tbody {
4757 border: 1px solid transparent;
4758 position: relative;
4759 }
4760 .color-schemas table tbody td, .color-schemas table tbody th {
4761 text-align: right;
4762 background: #F5F5F5;
4763 }
4764 .color-schemas table tbody tr:first-child td, .color-schemas table tbody tr:first-child th {
4765 padding-bottom: 0;
4766 }
4767 .color-schemas table:after {
4768 content: "";
4769 position: absolute;
4770 top: 0;
4771 right: 0;
4772 left: 0;
4773 bottom: 0;
4774 background: rgba(255, 255, 255, 0.7);
4775 }
4776 .color-schemas tfoot td, .color-schemas tfoot th {
4777 padding-right: 0;
4778 padding-left: 0;
4779 }
4780 .color-schemas .remove-schema {
4781 float: left;
4782 color: #FF0000;
4783 }
4784 .color-schemas .wp-color-result {
4785 margin: 0;
4786 }
4787 .color-schemas .clone-schema {
4788 display: none;
4789 }
4790 .color-schemas:first-child .remove-schema,
4791 .color-schemas:first-child .apply-schema {
4792 display: none;
4793 }
4794 .color-schemas:nth-child(2) {
4795 clear: both;
4796 }
4797 .color-schemas:hover tbody {
4798 opacity: 1;
4799 }
4800 .color-schemas.current tbody {
4801 border-color: #DDD;
4802 }
4803 .color-schemas.current tbody td, .color-schemas.current tbody th {
4804 background: rgba(5, 215, 255, 0.26);
4805 }
4806 .color-schemas.current table:after {
4807 display: none;
4808 }
4809 .color-schemas.current .clone-schema {
4810 display: inline-block;
4811 }
4812
4813 .wp-picker-container {
4814 position: relative;
4815 }
4816 .wp-picker-container .wp-picker-holder {
4817 z-index: 99999;
4818 }
4819
4820 .lp-install-sample {
4821 max-width: 600px;
4822 margin: 0;
4823 padding: 10px 25px;
4824 border: 1px solid #ccd0d4;
4825 border-radius: 4px;
4826 background-color: #fff;
4827 }
4828 .lp-install-sample__options {
4829 margin-bottom: 20px;
4830 padding: 0 20px;
4831 border: 1px solid #eee;
4832 border-radius: 4px;
4833 }
4834 .lp-install-sample__options legend {
4835 padding: 5px;
4836 font-weight: 500;
4837 }
4838 .lp-install-sample__buttons {
4839 display: flex;
4840 margin-top: 25px;
4841 align-items: center;
4842 justify-content: space-between;
4843 }
4844 .lp-install-sample__toggle-options {
4845 margin-left: auto;
4846 margin-right: 10px;
4847 }
4848 .lp-install-sample__uninstall {
4849 float: left;
4850 }
4851 .lp-install-sample__response {
4852 margin: 0;
4853 padding: 10px;
4854 border: 2px solid #059601;
4855 border-radius: 6px;
4856 }
4857 .lp-install-sample__response.fail {
4858 border-color: #d85554;
4859 }
4860
4861 .lp-update-db-modal {
4862 display: flex;
4863 position: fixed;
4864 z-index: 9999;
4865 top: 0;
4866 left: 0;
4867 right: 0;
4868 width: 100%;
4869 min-height: 100vh;
4870 text-align: center;
4871 align-items: center;
4872 justify-content: center;
4873 }
4874 .lp-update-db-modal__hidden {
4875 display: none !important;
4876 visibility: hidden;
4877 opacity: 0;
4878 pointer-events: none;
4879 }
4880 .lp-update-db-modal__overlay {
4881 position: absolute;
4882 z-index: 1;
4883 top: 0;
4884 left: 0;
4885 bottom: 0;
4886 right: 0;
4887 width: 100%;
4888 height: 100%;
4889 background-color: rgba(209, 213, 219, 0.8);
4890 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
4891 transition-duration: 150ms;
4892 transition-property: opacity;
4893 }
4894 .lp-update-db-modal__content {
4895 display: inline-block;
4896 overflow: hidden;
4897 z-index: 2;
4898 width: 100%;
4899 max-width: 510px;
4900 border-radius: 8px;
4901 text-align: right;
4902 vertical-align: middle;
4903 }
4904 .lp-update-db-modal__content-header {
4905 padding: 24px 24px 16px 24px;
4906 background-color: #fff;
4907 }
4908 .lp-update-db-modal__content-start {
4909 display: flex;
4910 flex-direction: flex-start;
4911 }
4912 .lp-update-db-modal__content-icon {
4913 display: flex;
4914 width: 40px;
4915 height: 40px;
4916 margin-left: 0;
4917 margin-right: 0;
4918 border-radius: 999px;
4919 background-color: rgb(254, 226, 226);
4920 justify-content: center;
4921 align-items: center;
4922 flex: 0 0 auto;
4923 }
4924 .lp-update-db-modal__content-icon svg {
4925 width: 24px;
4926 height: 24px;
4927 color: rgb(220, 38, 38);
4928 }
4929 .lp-update-db-modal__content-icon svg:last-child {
4930 color: rgb(37, 141, 108);
4931 }
4932 .lp-update-db-modal__content-icon__success {
4933 display: none;
4934 }
4935 .lp-update-db-modal__content-text {
4936 margin-right: 18px;
4937 text-align: right;
4938 }
4939 .lp-update-db-modal__content-text h3 {
4940 margin: 0;
4941 font-weight: 500;
4942 }
4943 .lp-update-db-modal__content-text p {
4944 margin: 0;
4945 margin-top: 10px;
4946 color: #999;
4947 font-size: 0.875rem;
4948 font-weight: 400;
4949 }
4950 .lp-update-db-modal__content-footer {
4951 display: flex;
4952 flex-direction: row;
4953 padding: 10px 24px;
4954 background-color: rgb(249, 250, 251);
4955 justify-content: flex-end;
4956 align-items: center;
4957 }
4958 .lp-update-db-modal__content-footer a {
4959 padding: 8px 16px;
4960 border: 1px solid #e5e7eb;
4961 border-radius: 6px;
4962 color: rgb(55, 65, 81);
4963 font-size: 0.8125rem;
4964 font-weight: 500;
4965 text-decoration: none;
4966 }
4967 .lp-update-db-modal__content-footer a:last-child {
4968 margin-right: 10px;
4969 color: #fff;
4970 background-color: #0073aa;
4971 }
4972 .lp-update-db-modal__success .lp-update-db-modal__content-icon {
4973 background-color: rgb(222, 247, 236);
4974 }
4975 .lp-update-db-modal__success .lp-update-db-modal__content-icon__error {
4976 display: none;
4977 }
4978 .lp-update-db-modal__success .lp-update-db-modal__content-icon__success {
4979 display: block;
4980 }
4981
4982 #lp-tool-upgrade-db .wrapper-lp-upgrade-message, #lp-tool-upgrade-db .wrapper-terms-upgrade, #lp-tool-upgrade-db .wrapper-lp-loading {
4983 display: none;
4984 }
4985
4986 .terms-upgrade {
4987 max-width: 500px;
4988 margin: 0 auto;
4989 }
4990 .terms-upgrade .error {
4991 display: none;
4992 }
4993
4994 .lp-modal-footer .learn-press-notice {
4995 color: #ff6060;
4996 font-weight: 500;
4997 font-style: italic;
4998 }
4999
5000 .lp-modal-body .lp-skeleton-animation {
5001 width: 500px;
5002 margin: 0 20px;
5003 }
5004
5005 .tools-select__data {
5006 overflow: hidden;
5007 }
5008 .tools-select__data li {
5009 background-color: #fff;
5010 border: 1px solid #eee;
5011 color: #000;
5012 display: flex;
5013 flex-direction: row;
5014 align-items: center;
5015 flex: 0 0 auto;
5016 font-size: 0.875rem;
5017 line-height: 1.4em;
5018 font-weight: normal;
5019 padding: 10px;
5020 width: 100%;
5021 }
5022 .tools-select__data li input {
5023 margin: 0 0 0 10px;
5024 }
5025
5026 .progressbar__content {
5027 width: 100%;
5028 font-size: 0.875rem;
5029 font-weight: normal;
5030 line-height: 1.4em;
5031 background: #eee;
5032 padding: 10px 0;
5033 display: flex;
5034 flex-direction: column;
5035 align-items: center;
5036 justify-content: center;
5037 }
5038 .progressbar__content span {
5039 z-index: 9;
5040 }
5041
5042 .progressbar__container {
5043 position: relative;
5044 }
5045
5046 .progressbar__value {
5047 position: absolute;
5048 width: 0;
5049 height: 100%;
5050 right: 0;
5051 top: 0;
5052 background: #8A2BE2;
5053 }
5054
5055 .progressbar__item h4 {
5056 z-index: 9;
5057 margin: 0;
5058 }
5059
5060 .progressbar__item {
5061 width: 500px;
5062 border-bottom: 1px solid #fff;
5063 }
5064
5065 .progressbar__indexs {
5066 z-index: 9;
5067 }
5068
5069 .lp-tool__message {
5070 text-align: center;
5071 color: red;
5072 padding: 10px 0;
5073 display: none;
5074 }
5075
5076 .tools-prepare__message {
5077 background: #dba617;
5078 padding: 10px 0;
5079 text-align: center;
5080 display: none;
5081 }
5082
5083 /*** Admin notices ***/
5084 .lp-admin-notices {
5085 background: transparent;
5086 display: none;
5087 padding: 0;
5088 border: none;
5089 margin: 0 !important;
5090 }
5091 .lp-admin-notices .lp-admin-notice {
5092 position: relative;
5093 }
5094 .lp-admin-notices .lp-mes-beta-version {
5095 background: #4299e1;
5096 color: whitesmoke;
5097 }
5098 .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 {
5099 color: white;
5100 }
5101 .lp-admin-notices .lp-mes-beta-version .btn-lp-notice-dismiss::before {
5102 color: #fff0f6;
5103 }
5104
5105 .tab-lp-admin-notice {
5106 margin-right: 5px;
5107 width: 4px;
5108 height: 4px;
5109 background: #ff1919;
5110 display: inline-flex;
5111 border-radius: 999px;
5112 vertical-align: middle;
5113 }
5114
5115 /**
5116 * General style for admin editor.
5117 */
5118 .lp-admin-editor {
5119 position: relative;
5120 margin: 0;
5121 background-color: #fff;
5122 }
5123 .lp-admin-editor .heading,
5124 .lp-admin-editor .lp-box-data-content {
5125 padding: 0;
5126 }
5127
5128 #learn-press-admin-editor-metabox-settings {
5129 margin-top: 20px;
5130 }
5131
5132 /**
5133 * Course admin editor.
5134 */
5135 #course-editor .inside {
5136 margin: 0;
5137 padding: 0;
5138 }
5139
5140 #admin-editor-lp_course .lp-course-curriculum .heading {
5141 display: flex;
5142 flex-direction: row;
5143 flex-wrap: nowrap;
5144 position: relative;
5145 padding: 8px 20px;
5146 align-items: center;
5147 line-height: 1;
5148 }
5149 #admin-editor-lp_course .lp-course-curriculum .heading h4 {
5150 margin: 0;
5151 font-size: 1rem;
5152 }
5153 #admin-editor-lp_course .lp-course-curriculum .heading .collapse-sections {
5154 display: flex;
5155 width: 40px;
5156 color: #999;
5157 font-family: Dashicons;
5158 font-size: 1.875rem;
5159 cursor: pointer;
5160 justify-content: center;
5161 align-items: center;
5162 }
5163 #admin-editor-lp_course .lp-course-curriculum .heading .collapse-sections.close::before {
5164 content: "\f140";
5165 }
5166 #admin-editor-lp_course .lp-course-curriculum .heading .collapse-sections.open::before {
5167 content: "\f142";
5168 }
5169 #admin-editor-lp_course .lp-course-curriculum .heading .status {
5170 visibility: hidden;
5171 position: relative;
5172 top: 5px;
5173 margin-right: 10px;
5174 font-family: Dashicons;
5175 font-size: 1.25rem;
5176 }
5177 #admin-editor-lp_course .lp-course-curriculum .heading .status::before {
5178 content: "\f463";
5179 }
5180 #admin-editor-lp_course .lp-course-curriculum .heading .status.loading {
5181 display: inline-block;
5182 visibility: visible;
5183 animation: rotation 2s infinite linear;
5184 }
5185 #admin-editor-lp_course .lp-course-curriculum .curriculum-sections {
5186 margin: 0;
5187 margin: 0 20px 20px 20px;
5188 border: 1px solid #ddd;
5189 }
5190 #admin-editor-lp_course .lp-course-curriculum .section {
5191 margin: 0;
5192 border-bottom: 1px solid #e5e5e5;
5193 opacity: 1;
5194 background: #fff;
5195 }
5196 #admin-editor-lp_course .lp-course-curriculum .section:first-child {
5197 border-top: 0;
5198 }
5199 #admin-editor-lp_course .lp-course-curriculum .section.new-section {
5200 margin-top: 1px;
5201 border: none;
5202 }
5203 #admin-editor-lp_course .lp-course-curriculum .section.new-section form {
5204 margin: 0;
5205 }
5206 #admin-editor-lp_course .lp-course-curriculum .section.new-section .section-head {
5207 background-color: #f4fcff;
5208 }
5209 #admin-editor-lp_course .lp-course-curriculum .section.new-section .section-head .creatable {
5210 position: relative;
5211 top: 1px;
5212 }
5213 #admin-editor-lp_course .lp-course-curriculum .section.new-section .section-head .creatable::before {
5214 content: "\f132";
5215 }
5216 #admin-editor-lp_course .lp-course-curriculum .section.empty-section {
5217 position: relative;
5218 }
5219 #admin-editor-lp_course .lp-course-curriculum .section.empty-section::after {
5220 position: absolute;
5221 top: 0;
5222 left: 0;
5223 bottom: 0;
5224 right: 0;
5225 opacity: 0.5;
5226 background: #fff;
5227 content: "";
5228 }
5229 #admin-editor-lp_course .lp-course-curriculum .section.empty-section .section-head .movable::before {
5230 display: inline-block;
5231 color: #a2a2a2;
5232 content: "\f463";
5233 -webkit-animation: rotating4 2s linear infinite;
5234 -moz-animation: rotating4 2s linear infinite;
5235 -ms-animation: rotating4 2s linear infinite;
5236 -o-animation: rotating4 2s linear infinite;
5237 animation: rotating4 2s linear infinite;
5238 }
5239 #admin-editor-lp_course .lp-course-curriculum .section.empty-section .section-collapse {
5240 display: none;
5241 }
5242 #admin-editor-lp_course .lp-course-curriculum .section:hover .section-actions .remove {
5243 display: inline-block;
5244 }
5245 #admin-editor-lp_course .lp-course-curriculum .section input {
5246 background-color: transparent;
5247 box-shadow: none;
5248 }
5249 #admin-editor-lp_course .lp-course-curriculum .section input:focus {
5250 box-shadow: none;
5251 }
5252 #admin-editor-lp_course .lp-course-curriculum .section .section-head {
5253 display: flex;
5254 position: relative;
5255 height: 42px;
5256 margin: 0;
5257 padding: 0;
5258 background-color: #f4fcff;
5259 line-height: 2.5rem;
5260 transition: background 500ms ease-out;
5261 align-items: center;
5262 }
5263 #admin-editor-lp_course .lp-course-curriculum .section .section-head .movable,
5264 #admin-editor-lp_course .lp-course-curriculum .section .section-head .creatable {
5265 display: inline-block;
5266 width: 40px;
5267 margin: 0;
5268 color: #999;
5269 font-family: Dashicons;
5270 font-size: 1.25rem;
5271 text-align: center;
5272 vertical-align: middle;
5273 }
5274 #admin-editor-lp_course .lp-course-curriculum .section .section-head .movable {
5275 margin-left: -1px;
5276 cursor: url("../../images/openhand.cur") 7 5, default;
5277 }
5278 #admin-editor-lp_course .lp-course-curriculum .section .section-head .movable::before {
5279 content: "\f333";
5280 }
5281 #admin-editor-lp_course .lp-course-curriculum .section .section-head .movable:hover {
5282 color: #0085ba;
5283 }
5284 #admin-editor-lp_course .lp-course-curriculum .section .section-head .section-item-counts {
5285 line-height: 2.5rem;
5286 }
5287 #admin-editor-lp_course .lp-course-curriculum .section .section-head .actions {
5288 height: 100%;
5289 color: #444;
5290 }
5291 #admin-editor-lp_course .lp-course-curriculum .section .section-head .actions > * {
5292 display: inline-block;
5293 height: 100%;
5294 text-align: center;
5295 cursor: pointer;
5296 }
5297 #admin-editor-lp_course .lp-course-curriculum .section .section-head .actions .collapse:hover {
5298 color: #0085ba;
5299 }
5300 #admin-editor-lp_course .lp-course-curriculum .section .section-head .actions .collapse::before {
5301 display: inline-block;
5302 width: 40px;
5303 color: #999;
5304 font-family: Dashicons;
5305 font-size: 1rem;
5306 line-height: 2.5rem;
5307 }
5308 #admin-editor-lp_course .lp-course-curriculum .section .section-head .actions .collapse.open::before {
5309 content: "\f343";
5310 }
5311 #admin-editor-lp_course .lp-course-curriculum .section .section-head .actions .collapse.close::before {
5312 content: "\f347";
5313 }
5314 #admin-editor-lp_course .lp-course-curriculum .section .name {
5315 width: 100%;
5316 border: none;
5317 color: #777;
5318 font-size: 1.5rem;
5319 font-weight: 600;
5320 line-height: 3.125rem;
5321 }
5322 #admin-editor-lp_course .lp-course-curriculum .section .name:focus {
5323 color: #444;
5324 }
5325 #admin-editor-lp_course .lp-course-curriculum .section .section-collapse {
5326 overflow: hidden;
5327 }
5328 #admin-editor-lp_course .lp-course-curriculum .section .section-content {
5329 padding: 20px;
5330 border-top: 1px solid #e5e5e5;
5331 }
5332 #admin-editor-lp_course .lp-course-curriculum .section .details {
5333 margin-bottom: 20px;
5334 }
5335 #admin-editor-lp_course .lp-course-curriculum .section .title-input {
5336 padding-right: 0;
5337 border: none;
5338 font-size: 1.2em;
5339 line-height: 1.875rem;
5340 flex: 1;
5341 }
5342 #admin-editor-lp_course .lp-course-curriculum .section .description-input {
5343 width: 100%;
5344 margin: 0;
5345 padding: 0;
5346 border: none;
5347 color: #999;
5348 }
5349 #admin-editor-lp_course .lp-course-curriculum .section .description-input:focus {
5350 color: #444;
5351 }
5352 #admin-editor-lp_course .lp-course-curriculum .section-list-items {
5353 width: 100%;
5354 border-collapse: collapse;
5355 }
5356 #admin-editor-lp_course .lp-course-curriculum .section-list-items ul {
5357 position: relative;
5358 min-height: 5px;
5359 margin: 0;
5360 }
5361 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item {
5362 display: flex;
5363 position: relative;
5364 margin: 0;
5365 border: 1px solid #eee;
5366 border-bottom-width: 0;
5367 background: #fff;
5368 transition: background 200ms ease-out;
5369 justify-content: center;
5370 align-items: center;
5371 }
5372 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item.ui-sortable-helper {
5373 border-bottom: 1px solid #eee;
5374 }
5375 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item:nth-child(2n+1) {
5376 background-color: #f7f7f7;
5377 }
5378 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item.updating::before {
5379 position: absolute;
5380 z-index: 2;
5381 top: 0;
5382 left: 0;
5383 bottom: 0;
5384 right: 0;
5385 content: "";
5386 }
5387 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item.removing {
5388 background-color: #ffeded;
5389 }
5390 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .drag {
5391 height: 20px;
5392 padding-top: 3px;
5393 padding-right: 6px;
5394 cursor: url("../../images/openhand.cur") 7 5, default;
5395 fill: #999;
5396 flex: 0 0 18px;
5397 }
5398 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .drag:hover {
5399 fill: #0085ba;
5400 }
5401 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .icon {
5402 display: flex;
5403 align-items: center;
5404 justify-content: center;
5405 }
5406 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .title {
5407 margin-left: 120px;
5408 margin-right: 2px;
5409 flex-grow: 1;
5410 flex-basis: 100%;
5411 }
5412 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .title input {
5413 color: inherit;
5414 }
5415 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .item-actions {
5416 display: flex;
5417 position: absolute;
5418 top: 0;
5419 left: 2px;
5420 bottom: 0;
5421 align-items: center;
5422 justify-content: center;
5423 }
5424 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .actions {
5425 margin: 0;
5426 }
5427 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .actions > * {
5428 visibility: hidden;
5429 margin-left: 10px;
5430 }
5431 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .actions .edit {
5432 text-decoration: none;
5433 }
5434 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .actions .remove {
5435 color: #a00;
5436 }
5437 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item:hover .drag {
5438 visibility: visible;
5439 }
5440 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item:not(.lp_lesson) .item-actions .actions .preview-item {
5441 display: none;
5442 }
5443 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item {
5444 display: flex;
5445 position: relative;
5446 border-bottom-width: 1px;
5447 transition: all 200ms ease-out;
5448 align-items: center;
5449 }
5450 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .drag {
5451 display: flex;
5452 width: 30px;
5453 color: #999;
5454 font-family: Dashicons;
5455 font-size: 1rem;
5456 vertical-align: middle;
5457 cursor: default;
5458 align-items: center;
5459 justify-content: center;
5460 }
5461 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .drag::before {
5462 content: "\f132";
5463 }
5464 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .title {
5465 display: inline-block;
5466 margin: 0;
5467 flex: 1;
5468 }
5469 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .types {
5470 display: inline-block;
5471 }
5472 #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 {
5473 background-color: #fff;
5474 }
5475 #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 {
5476 display: inline-block;
5477 }
5478 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .types .type {
5479 display: inline-block;
5480 padding: 8px 5px;
5481 color: #ccc;
5482 }
5483 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .types .type input {
5484 display: none;
5485 }
5486 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .types .type.current {
5487 color: #0085ba;
5488 }
5489 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .types .type::before {
5490 position: relative;
5491 top: 2px;
5492 font-family: Dashicons;
5493 font-size: 1.25rem;
5494 }
5495 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .types .type.lp_quiz {
5496 padding: 8px 0 8px 6px;
5497 }
5498 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .types .type.lp_quiz::before {
5499 content: "\f469";
5500 }
5501 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .types .type.lp_lesson::before {
5502 content: "\f330";
5503 }
5504 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .types .type.empty-item::before {
5505 content: "\f463";
5506 }
5507 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .item-actions {
5508 text-align: left;
5509 }
5510 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .item-actions .actions .action {
5511 display: inline-block;
5512 position: relative;
5513 width: 30px;
5514 height: 30px;
5515 margin: 0;
5516 padding: 0;
5517 text-align: center;
5518 vertical-align: middle;
5519 cursor: pointer;
5520 }
5521 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .item-actions .actions .action > a {
5522 width: 30px;
5523 height: 30px;
5524 color: #999;
5525 line-height: 1.875rem;
5526 }
5527 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .item-actions .actions .action > a:hover {
5528 color: #0073aa;
5529 }
5530 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .item-actions .actions .action.delete-item > a:hover {
5531 color: #e74c3c;
5532 }
5533 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .item-actions .actions .action.delete-item ul {
5534 display: none;
5535 position: absolute;
5536 z-index: 9;
5537 top: 100%;
5538 left: 0;
5539 width: 165px;
5540 margin: 0;
5541 border: 1px solid #999;
5542 background: #fdfeff;
5543 text-align: center;
5544 }
5545 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .item-actions .actions .action.delete-item ul li {
5546 margin: 0;
5547 border-bottom: 1px solid #eee;
5548 text-align: left;
5549 }
5550 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .item-actions .actions .action.delete-item ul li a {
5551 display: block;
5552 padding: 10px 25px;
5553 color: #757575;
5554 font-size: 0.75rem;
5555 text-decoration: none;
5556 }
5557 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .item-actions .actions .action.delete-item ul li a.delete-permanently {
5558 color: #e74c3c;
5559 }
5560 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .item-actions .actions .action.delete-item ul li:hover {
5561 background: #eee;
5562 }
5563 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .item-actions .actions .action.delete-item:hover ul {
5564 display: block;
5565 }
5566 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item:hover .item-actions .actions > * {
5567 visibility: visible;
5568 cursor: pointer;
5569 }
5570 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item.lp_quiz .icon::before {
5571 content: "\f469";
5572 }
5573 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item.lp_lesson .icon::before {
5574 content: "\f330";
5575 }
5576 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item.empty-item {
5577 position: relative;
5578 color: #a2a2a2;
5579 }
5580 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item.empty-item::after {
5581 position: absolute;
5582 top: 0;
5583 left: 0;
5584 bottom: 0;
5585 right: 0;
5586 opacity: 0.5;
5587 background: #fff;
5588 content: "";
5589 }
5590 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item.empty-item .item-actions {
5591 display: none;
5592 }
5593 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item.empty-item .icon::before {
5594 color: #a2a2a2;
5595 content: "\f463";
5596 -webkit-animation: rotating4 2s linear infinite;
5597 -moz-animation: rotating4 2s linear infinite;
5598 -ms-animation: rotating4 2s linear infinite;
5599 -o-animation: rotating4 2s linear infinite;
5600 animation: rotating4 2s linear infinite;
5601 }
5602 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .icon {
5603 color: #0085ba;
5604 font-size: 1.25rem;
5605 text-align: center;
5606 flex: 0 0 29px;
5607 }
5608 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .icon::before {
5609 font-family: Dashicons;
5610 }
5611 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item input {
5612 width: 100%;
5613 padding: 8px 0 8px 10px;
5614 border: none;
5615 color: inherit;
5616 font-size: 0.875rem;
5617 font-weight: 600;
5618 }
5619 #admin-editor-lp_course .lp-course-curriculum .section-actions {
5620 padding: 0 20px 20px 20px;
5621 }
5622 #admin-editor-lp_course .lp-course-curriculum .section-actions .remove {
5623 display: none;
5624 float: left;
5625 height: 30px;
5626 border: 1px solid #eee;
5627 border-radius: 3px;
5628 color: #e74c3c;
5629 line-height: 1.875rem;
5630 cursor: pointer;
5631 }
5632 #admin-editor-lp_course .lp-course-curriculum .section-actions .remove .icon {
5633 padding: 0 18px;
5634 }
5635 #admin-editor-lp_course .lp-course-curriculum .section-actions .remove .confirm {
5636 display: none;
5637 padding: 0 18px;
5638 }
5639 #admin-editor-lp_course .lp-course-curriculum .section-actions .remove.confirm .confirm {
5640 display: inline-block;
5641 }
5642 #admin-editor-lp_course .lp-course-curriculum .section-actions .remove.confirm .icon {
5643 display: none;
5644 }
5645 #admin-editor-lp_course .lp-course-curriculum .ui-sortable-placeholder {
5646 display: block;
5647 visibility: visible !important;
5648 border-color: #bdf4fe !important;
5649 background: #bdf4fe !important;
5650 }
5651
5652 .wp-admin.post-type-lp_course #meta-box-tab-course_payment .learn-press-tip-floating {
5653 top: 40px;
5654 right: 100px;
5655 opacity: 0.8;
5656 background: #a00;
5657 }
5658 .wp-admin.post-type-lp_course #meta-box-tab-course_payment .learn-press-tip-floating::before {
5659 top: -7px;
5660 border: 7px solid transparent;
5661 border-top-width: 0;
5662 border-bottom-color: #a00;
5663 }
5664
5665 .section-item-counts {
5666 margin: 0;
5667 margin-right: auto;
5668 font-size: 0.75rem;
5669 white-space: nowrap;
5670 }
5671 .section-item-counts span {
5672 color: #999;
5673 }
5674
5675 #course-editor {
5676 margin-bottom: 10px;
5677 }
5678 #course-editor .inside .rwmb-custom_html-wrapper > .rwmb-label {
5679 display: none;
5680 }
5681 #course-editor .inside .rwmb-custom_html-wrapper > .rwmb-input {
5682 margin-right: 0;
5683 }
5684
5685 /**
5686 * Quiz admin editor.
5687 */
5688 #quiz-editor .inside .rwmb-custom_html-wrapper > .rwmb-label {
5689 display: none;
5690 }
5691 #quiz-editor .inside .rwmb-custom_html-wrapper > .rwmb-input {
5692 margin-right: 0;
5693 }
5694
5695 #quiz-editor .inside {
5696 margin: 0;
5697 padding: 0;
5698 }
5699
5700 #admin-editor-lp_quiz {
5701 margin: 0;
5702 padding: 0;
5703 border: none;
5704 }
5705 #admin-editor-lp_quiz form {
5706 margin: 0;
5707 }
5708 #admin-editor-lp_quiz .lp-box-data-head {
5709 display: flex;
5710 flex-direction: row;
5711 margin: 0;
5712 padding: 6px 20px;
5713 align-items: center;
5714 }
5715 #admin-editor-lp_quiz .lp-box-data-head h3 {
5716 padding: 0;
5717 }
5718 #admin-editor-lp_quiz .lp-box-data-head .status {
5719 visibility: hidden;
5720 position: relative;
5721 top: 5px;
5722 margin-right: 10px;
5723 font-family: Dashicons;
5724 font-size: 1.25rem;
5725 }
5726 #admin-editor-lp_quiz .lp-box-data-head .status::before {
5727 content: "\f463";
5728 }
5729 #admin-editor-lp_quiz .lp-box-data-head .status.loading {
5730 display: inline-block;
5731 visibility: visible;
5732 animation: rotation 2s infinite linear;
5733 }
5734 #admin-editor-lp_quiz .lp-box-data-head .collapse-list-questions {
5735 display: flex;
5736 width: 40px;
5737 height: 30px;
5738 color: #999;
5739 font-family: Dashicons;
5740 font-size: 1.875rem;
5741 cursor: pointer;
5742 justify-content: center;
5743 align-items: center;
5744 }
5745 #admin-editor-lp_quiz .lp-box-data-content {
5746 margin: 20px;
5747 margin-top: 0;
5748 border: 1px solid #ddd;
5749 }
5750 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions {
5751 border-collapse: collapse;
5752 color: #777;
5753 }
5754 @media (max-width: 1560px) {
5755 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .fill_in_blanks .question-settings {
5756 flex-direction: column;
5757 }
5758 }
5759 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row {
5760 display: flex;
5761 flex-direction: row;
5762 text-align: center;
5763 align-items: center;
5764 }
5765 @media (max-width: 1024px) {
5766 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row.question-settings {
5767 flex-direction: column;
5768 }
5769 }
5770 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > * {
5771 width: 100%;
5772 padding: 12px 8px;
5773 }
5774 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .sort {
5775 position: relative;
5776 color: #999;
5777 cursor: url("../../images/openhand.cur") 7 5, default;
5778 flex: 0 0 15px;
5779 }
5780 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .sort .svg-icon {
5781 height: 18px;
5782 margin-top: -2px;
5783 vertical-align: middle;
5784 fill: #999;
5785 }
5786 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .sort:hover {
5787 fill: #0085ba;
5788 }
5789 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .order {
5790 padding: 12px 0;
5791 color: #32373c;
5792 font-size: 1.2em;
5793 text-align: right;
5794 flex: 0 0 25px;
5795 }
5796 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .order::after {
5797 content: ".";
5798 }
5799 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .type {
5800 display: inline-flex;
5801 position: relative;
5802 width: 125px;
5803 height: 32px;
5804 padding: 0;
5805 border-radius: 2px;
5806 background-color: #eee;
5807 box-shadow: 0 0 2px rgba(0, 0, 0, 0.22);
5808 line-height: 2rem;
5809 cursor: pointer;
5810 flex: 0 0 auto;
5811 align-items: center;
5812 }
5813 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .type > a {
5814 display: inline-flex;
5815 width: 100%;
5816 padding: 0 10px;
5817 color: #666;
5818 text-align: center;
5819 cursor: pointer;
5820 align-items: center;
5821 justify-content: center;
5822 }
5823 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .type > a::after {
5824 margin-right: 5px;
5825 font-family: Dashicons;
5826 font-size: 0.875rem;
5827 line-height: 1.875rem;
5828 content: "\f347";
5829 }
5830 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .type ul {
5831 visibility: hidden;
5832 position: absolute;
5833 z-index: 9999;
5834 top: 100%;
5835 left: 0;
5836 height: auto;
5837 margin: 0;
5838 margin-top: -1px;
5839 border: 1px solid #999;
5840 border-radius: 2px;
5841 opacity: 1;
5842 background: #fdfeff;
5843 pointer-events: none;
5844 }
5845 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .type ul li {
5846 margin: 0;
5847 }
5848 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .type ul li a {
5849 display: block;
5850 min-width: 110px;
5851 padding: 10px 20px;
5852 color: #757575;
5853 line-height: 1.25rem;
5854 text-align: left;
5855 white-space: nowrap;
5856 text-decoration: none;
5857 }
5858 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .type ul li a:hover {
5859 background-color: #eee;
5860 }
5861 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .type ul li.disabled {
5862 opacity: 0.4;
5863 background-color: #fff;
5864 user-select: none;
5865 pointer-events: none;
5866 }
5867 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .type:hover ul {
5868 visibility: visible;
5869 opacity: 1;
5870 pointer-events: visible;
5871 }
5872 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .actions {
5873 width: 300px;
5874 }
5875 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .name {
5876 padding-right: 5px;
5877 }
5878 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row:hover > .sort {
5879 visibility: visible;
5880 }
5881 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row .actions .lp-box-data-actions {
5882 text-align: left !important;
5883 }
5884 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .header {
5885 display: none;
5886 border-bottom: 1px solid #ddd;
5887 }
5888 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .header .table-row > * {
5889 font-weight: bold;
5890 }
5891 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .header .table-row > .order::after {
5892 content: "";
5893 }
5894 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .header .table-row > .actions {
5895 padding: 12px 0;
5896 }
5897 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-actions .name input {
5898 width: 100%;
5899 padding: 0;
5900 border: none;
5901 color: #777;
5902 background: transparent;
5903 box-shadow: none;
5904 font-size: 0.875rem;
5905 font-weight: normal;
5906 }
5907 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings {
5908 padding: 0 20px;
5909 border: 1px solid #ddd;
5910 border-left: none;
5911 border-right: none;
5912 }
5913 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings > * {
5914 padding: 20px 0 20px 20px;
5915 }
5916 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings .quiz-question-data table.lp-list-options {
5917 border: 1px solid #ddd;
5918 }
5919 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings .quiz-question-data table.lp-list-options .sort {
5920 width: 12px;
5921 padding: 8px 6px;
5922 }
5923 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings .quiz-question-data table.lp-list-options .answer-text {
5924 width: calc(100% - 100px);
5925 padding-right: 0;
5926 color: #444;
5927 font-weight: 600;
5928 }
5929 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings .quiz-question-data table.lp-list-options .order {
5930 width: 10px;
5931 padding: 0;
5932 text-align: left;
5933 }
5934 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings .quiz-question-data table.lp-list-options .answer-correct {
5935 width: 65px;
5936 color: #444;
5937 font-weight: 600;
5938 text-align: center;
5939 }
5940 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings .quiz-question-data table.lp-list-options .actions {
5941 padding: 0;
5942 text-align: left;
5943 }
5944 #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 {
5945 height: 42px;
5946 }
5947 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings .quiz-question-data table.lp-list-options tbody tr {
5948 border: 1px solid #ddd;
5949 background: #f4fcff;
5950 }
5951 #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) {
5952 background: #fff;
5953 }
5954 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings .quiz-question-data table.lp-list-options tbody tr td {
5955 position: static;
5956 padding: 0 10px;
5957 border: none;
5958 background: inherit;
5959 }
5960 #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 {
5961 width: 12px;
5962 cursor: url("../../images/openhand.cur") 7 5, default;
5963 }
5964 #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 {
5965 padding-right: 0;
5966 }
5967 #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 {
5968 text-align: center;
5969 }
5970 #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 {
5971 height: 18px;
5972 vertical-align: middle;
5973 fill: #999;
5974 }
5975 #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 {
5976 visibility: visible;
5977 }
5978 #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 {
5979 fill: #0085ba;
5980 }
5981 #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 {
5982 visibility: visible !important;
5983 }
5984 #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 {
5985 height: 43px;
5986 background: #bdf4fe !important;
5987 }
5988 #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 {
5989 border-left: none;
5990 border-right: none;
5991 }
5992 #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 {
5993 border-bottom: 1px solid #ddd;
5994 }
5995 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings .quiz-question-data table.lp-list-options tbody tr.ui-sortable-helper td.sort {
5996 border-right: 0;
5997 }
5998 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings .quiz-question-data table.lp-list-options tbody tr.empty-option .sort i {
5999 display: none;
6000 }
6001 #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 {
6002 display: inline-block;
6003 position: absolute;
6004 top: 12px;
6005 right: 4px;
6006 font-family: Dashicons;
6007 font-size: 1.125rem;
6008 content: "\f463";
6009 -webkit-animation: rotating4 2s linear infinite;
6010 -moz-animation: rotating4 2s linear infinite;
6011 -ms-animation: rotating4 2s linear infinite;
6012 -o-animation: rotating4 2s linear infinite;
6013 animation: rotating4 2s linear infinite;
6014 }
6015 #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 {
6016 position: relative;
6017 }
6018 #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 {
6019 position: absolute;
6020 top: 0;
6021 left: 1px;
6022 bottom: 0;
6023 right: 0;
6024 opacity: 0.5;
6025 background: #fff;
6026 content: "";
6027 }
6028 #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 {
6029 width: 100%;
6030 padding: 0;
6031 border: none;
6032 color: #777;
6033 background: transparent;
6034 box-shadow: none;
6035 font-size: 0.875rem;
6036 font-weight: normal;
6037 }
6038 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item {
6039 border-bottom: 1px solid #ddd;
6040 background: #f4fcff;
6041 line-height: 1.125rem;
6042 /*&:nth-child(2n+1) {
6043 background: #f4fcff;
6044 }*/
6045 }
6046 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item.ui-sortable-helper {
6047 border-top: 1px solid #f1f1f1;
6048 }
6049 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item.ui-sortable-placeholder {
6050 display: block;
6051 visibility: visible !important;
6052 border-color: #bdf4fe !important;
6053 background: #bdf4fe !important;
6054 }
6055 #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 {
6056 position: relative;
6057 }
6058 #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 {
6059 visibility: visible;
6060 }
6061 #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 {
6062 display: none;
6063 }
6064 #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 {
6065 display: inline-block;
6066 position: absolute;
6067 right: 5px;
6068 font-family: Dashicons;
6069 font-size: 1.25rem;
6070 content: "\f463";
6071 -webkit-animation: rotating4 2s linear infinite;
6072 -moz-animation: rotating4 2s linear infinite;
6073 -ms-animation: rotating4 2s linear infinite;
6074 -o-animation: rotating4 2s linear infinite;
6075 animation: rotating4 2s linear infinite;
6076 }
6077 #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 {
6078 position: absolute;
6079 top: 0;
6080 left: 0;
6081 bottom: 0;
6082 right: 0;
6083 opacity: 0.5;
6084 background: #fff;
6085 content: "";
6086 }
6087 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item.empty-question .question-settings {
6088 display: none;
6089 }
6090 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .cell {
6091 padding: 10px;
6092 }
6093 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-actions .name input {
6094 width: 100%;
6095 padding: 0;
6096 border: none;
6097 color: #32373c;
6098 background: transparent;
6099 box-shadow: none;
6100 font-size: 1.2em;
6101 font-weight: normal;
6102 line-height: 1.125rem;
6103 }
6104 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-actions .actions {
6105 margin: 0;
6106 padding: 0;
6107 }
6108 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-actions .actions .lp-toolbar-buttons {
6109 display: grid;
6110 position: static;
6111 z-index: 10;
6112 height: 100%;
6113 text-align: left;
6114 grid-template-columns: 30px 30px 30px 40px;
6115 align-items: center;
6116 justify-content: end;
6117 }
6118 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-actions .actions .lp-toolbar-buttons > div a {
6119 visibility: hidden;
6120 }
6121 #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 {
6122 position: absolute;
6123 z-index: 2;
6124 top: 50%;
6125 right: 50%;
6126 width: 28px;
6127 height: 30px;
6128 margin-top: -15px;
6129 margin-right: -15px;
6130 line-height: 1.875rem;
6131 text-align: center;
6132 }
6133 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-actions .actions .lp-toolbar-buttons .lp-toolbar-btn ul {
6134 z-index: 9;
6135 }
6136 #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 {
6137 padding: 8px 24px;
6138 line-height: 1.5rem;
6139 }
6140 #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 {
6141 border-bottom: 1px solid #eee;
6142 color: #666;
6143 }
6144 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-actions .actions .lp-toolbar-buttons .lp-btn-toggle {
6145 width: 40px;
6146 height: 42px;
6147 padding-left: 0;
6148 font-family: Dashicons;
6149 font-size: 1.25rem;
6150 line-height: 2.625rem;
6151 }
6152 #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 {
6153 content: "\f343";
6154 }
6155 #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 {
6156 content: "\f347";
6157 }
6158 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-actions:hover .lp-toolbar-buttons > div a {
6159 visibility: visible;
6160 }
6161 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-settings {
6162 background: #fff;
6163 }
6164 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-settings .quiz-question-options {
6165 padding-left: 0;
6166 padding-right: 0;
6167 text-align: right;
6168 }
6169 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-settings .quiz-question-options .inside {
6170 margin: 0;
6171 padding: 0;
6172 }
6173 #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 {
6174 margin: 0;
6175 padding: 20px;
6176 }
6177 #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) {
6178 background: #f4fcff;
6179 }
6180 #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 {
6181 margin: 0;
6182 margin-bottom: 10px;
6183 color: #666;
6184 font-weight: 600;
6185 }
6186 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-settings .quiz-question-options .postbox {
6187 border: 1px solid #ddd;
6188 }
6189 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-settings .quiz-question-options .postbox .hndle {
6190 font-weight: 600;
6191 cursor: default;
6192 }
6193 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-settings .quiz-question-options .postbox .toggle {
6194 float: left;
6195 position: absolute;
6196 top: 0;
6197 left: 0;
6198 width: 36px;
6199 height: 36px;
6200 line-height: 2.25rem;
6201 text-align: center;
6202 cursor: pointer;
6203 }
6204 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-settings .quiz-question-options .postbox .toggle::after {
6205 font-family: Dashicons;
6206 font-size: 1.125rem;
6207 content: "\f460";
6208 }
6209 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-settings.closed .quiz-question-options {
6210 width: 38px;
6211 }
6212 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-settings.closed .postbox {
6213 min-width: 34px;
6214 height: 34px;
6215 line-height: 2.625rem;
6216 text-align: center;
6217 }
6218 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-settings.closed .postbox .hndle {
6219 display: none;
6220 }
6221 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-settings.closed .postbox .toggle::after {
6222 content: "\f132";
6223 }
6224 #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 {
6225 display: none !important;
6226 }
6227 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer {
6228 margin-top: -1px;
6229 border-top: 1px solid #ddd;
6230 background: #f4fcff;
6231 }
6232 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row {
6233 height: auto;
6234 text-align: right;
6235 }
6236 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .lp-sortable-handle {
6237 display: flex;
6238 width: 30px;
6239 padding: 8px 10px 8px 6px;
6240 color: #999;
6241 font-family: Dashicons;
6242 font-size: 1.25rem;
6243 vertical-align: middle;
6244 align-items: center;
6245 justify-content: center;
6246 }
6247 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .lp-sortable-handle::before {
6248 content: "\f132";
6249 }
6250 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .order {
6251 padding: 8px 0;
6252 line-height: 1.75rem;
6253 text-align: right;
6254 }
6255 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question {
6256 padding: 8px 5px 8px 10px;
6257 }
6258 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .title {
6259 display: inline-block;
6260 position: relative;
6261 min-width: 500px;
6262 }
6263 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .title form input {
6264 width: 100%;
6265 margin: 0;
6266 padding: 6px 0;
6267 border: 0;
6268 background: transparent;
6269 font-size: 1.2em;
6270 line-height: 1.125rem;
6271 -webkit-box-shadow: none;
6272 -moz-box-shadow: none;
6273 box-shadow: none;
6274 }
6275 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .title form input:focus {
6276 -webkit-box-shadow: none;
6277 -moz-box-shadow: none;
6278 box-shadow: none;
6279 }
6280 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .title form input:focus {
6281 color: #32373c;
6282 }
6283 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .title form input::placeholder {
6284 display: inline-block;
6285 }
6286 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .add-new {
6287 display: inline;
6288 position: relative;
6289 }
6290 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .add-new ul.question-types {
6291 display: none;
6292 position: absolute;
6293 z-index: 9999999;
6294 top: 100%;
6295 left: -2px;
6296 width: 200px;
6297 margin: 6px;
6298 border: 1px solid #999;
6299 background-color: #fff;
6300 }
6301 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .add-new ul.question-types li {
6302 margin: 0;
6303 }
6304 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .add-new ul.question-types li a {
6305 display: block;
6306 padding: 12px 20px;
6307 outline: none;
6308 color: #757575;
6309 box-shadow: none;
6310 line-height: 1;
6311 text-decoration: none;
6312 }
6313 #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 {
6314 background: #eee;
6315 }
6316 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .add-new ul.question-types li.disabled {
6317 opacity: 0.5;
6318 background-color: #eee;
6319 user-select: none;
6320 pointer-events: none;
6321 }
6322 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .add-new button:hover + .question-types {
6323 display: block;
6324 }
6325 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .add-new button + .question-types:hover {
6326 display: block;
6327 }
6328 #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 {
6329 display: none;
6330 }
6331 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .select-item {
6332 display: inline;
6333 }
6334 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question button {
6335 height: 30px;
6336 box-shadow: 0 1px 0 #ccc !important;
6337 }
6338 #admin-editor-lp_quiz .lp-box-data-content .question-button-actions {
6339 text-align: right;
6340 }
6341
6342 /**.section-item-counts span
6343 * Question admin editor.
6344 */
6345 #question-editor .inside .rwmb-custom_html-wrapper .rwmb-label {
6346 display: none;
6347 }
6348 #question-editor .inside .rwmb-custom_html-wrapper .rwmb-input {
6349 margin-right: 0;
6350 }
6351
6352 #question-editor .inside {
6353 margin: 0;
6354 padding: 0;
6355 }
6356
6357 #admin-editor-lp_question {
6358 margin: 0;
6359 padding: 0;
6360 border: none;
6361 background: #fff;
6362 }
6363 #admin-editor-lp_question form {
6364 margin: 0;
6365 }
6366 #admin-editor-lp_question .lp-box-data-head {
6367 display: flex;
6368 flex-direction: row;
6369 padding: 10px 20px;
6370 align-items: center;
6371 }
6372 #admin-editor-lp_question .lp-box-data-head .heading {
6373 margin: 0;
6374 padding: 0;
6375 flex: 1;
6376 }
6377 #admin-editor-lp_question .lp-box-data-head .lp-question-editor {
6378 position: relative;
6379 margin-right: auto;
6380 border-right: 0;
6381 border-top-right-radius: 0;
6382 border-bottom-right-radius: 0;
6383 }
6384 #admin-editor-lp_question .lp-box-data-head .lp-question-editor .question-types > a {
6385 display: inline-flex;
6386 height: 32px;
6387 padding: 0 16px;
6388 border: 1px solid #999;
6389 border-radius: 2px;
6390 color: #666;
6391 line-height: 2rem;
6392 text-decoration: none;
6393 align-items: center;
6394 cursor: pointer;
6395 user-select: none;
6396 }
6397 #admin-editor-lp_question .lp-box-data-head .lp-question-editor .question-types > a::after {
6398 margin-right: 5px;
6399 font-family: Dashicons;
6400 font-size: 0.875rem;
6401 line-height: 1.875rem;
6402 content: "\f347";
6403 }
6404 #admin-editor-lp_question .lp-box-data-head .lp-question-editor .question-types ul {
6405 display: none;
6406 position: absolute;
6407 z-index: 9999;
6408 top: 100%;
6409 left: 0;
6410 height: auto;
6411 margin: 0;
6412 margin-top: -1px;
6413 border: 1px solid #999;
6414 border-radius: 2px;
6415 background: #fdfeff;
6416 }
6417 #admin-editor-lp_question .lp-box-data-head .lp-question-editor .question-types ul li {
6418 margin: 0;
6419 }
6420 #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 {
6421 background: #eee;
6422 }
6423 #admin-editor-lp_question .lp-box-data-head .lp-question-editor .question-types ul li a {
6424 display: block;
6425 min-width: 110px;
6426 padding: 10px;
6427 color: #757575;
6428 font-size: 0.75rem;
6429 text-align: left;
6430 white-space: nowrap;
6431 text-decoration: none;
6432 }
6433 #admin-editor-lp_question .lp-box-data-head .lp-question-editor .question-types ul li.disabled {
6434 opacity: 0.4;
6435 }
6436 #admin-editor-lp_question .lp-box-data-head .lp-question-editor .question-types ul li.disabled a {
6437 color: #999;
6438 cursor: not-allowed;
6439 pointer-events: none;
6440 }
6441 #admin-editor-lp_question .lp-box-data-head .lp-question-editor .question-types ul:hover {
6442 display: block;
6443 }
6444 #admin-editor-lp_question .lp-box-data-head .lp-question-editor:hover .question-types ul {
6445 display: block;
6446 }
6447 #admin-editor-lp_question .lp-box-data-content {
6448 padding: 0 20px 20px 20px;
6449 border: none !important;
6450 }
6451 #admin-editor-lp_question .lp-box-data-content table.list-question-answers {
6452 width: 100%;
6453 border: 1px solid #ddd;
6454 }
6455 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tr td {
6456 padding: 0 15px;
6457 }
6458 #admin-editor-lp_question .lp-box-data-content table.list-question-answers thead tr th {
6459 padding: 15px;
6460 border-bottom: 1px solid #ddd;
6461 background-color: #eee;
6462 font-weight: 600;
6463 }
6464 #admin-editor-lp_question .lp-box-data-content table.list-question-answers thead tr th.answer-text {
6465 padding-right: 10px;
6466 }
6467 #admin-editor-lp_question .lp-box-data-content table.list-question-answers .sort,
6468 #admin-editor-lp_question .lp-box-data-content table.list-question-answers .order,
6469 #admin-editor-lp_question .lp-box-data-content table.list-question-answers .actions {
6470 width: 10px;
6471 }
6472 #admin-editor-lp_question .lp-box-data-content table.list-question-answers .sort {
6473 padding: 0 10px;
6474 }
6475 #admin-editor-lp_question .lp-box-data-content table.list-question-answers .order {
6476 width: 10px;
6477 padding: 0;
6478 text-align: left;
6479 }
6480 #admin-editor-lp_question .lp-box-data-content table.list-question-answers .answer-correct {
6481 width: 65px;
6482 text-align: center;
6483 }
6484 #admin-editor-lp_question .lp-box-data-content table.list-question-answers .answer-text {
6485 padding-right: 8px;
6486 }
6487 #admin-editor-lp_question .lp-box-data-content table.list-question-answers .actions {
6488 padding-left: 0;
6489 text-align: left;
6490 }
6491 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr {
6492 color: #444;
6493 background: #fff;
6494 }
6495 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr:nth-child(2n) {
6496 background: #fff;
6497 }
6498 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr td {
6499 background-color: #fff;
6500 }
6501 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr td.sort {
6502 width: 15px;
6503 padding: 0;
6504 font-size: 1.125rem;
6505 text-align: center;
6506 cursor: url("../../images/openhand.cur") 7 5, default;
6507 }
6508 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr td.sort .svg-icon {
6509 height: 18px;
6510 margin-top: -2px;
6511 vertical-align: middle;
6512 fill: #999;
6513 }
6514 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr td.sort:hover .svg-icon {
6515 fill: #0085ba;
6516 }
6517 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr td.order {
6518 font-size: 0.875rem;
6519 }
6520 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr td.answer-text input {
6521 width: 100%;
6522 padding: 0;
6523 border: none;
6524 color: #444;
6525 background: transparent;
6526 box-shadow: none;
6527 font-size: 0.875rem;
6528 font-weight: 600;
6529 transition: box-shadow 0.2s ease;
6530 }
6531 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr td.lp-toolbar-buttons {
6532 z-index: auto;
6533 }
6534 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr:hover td.actions .remove-answer {
6535 visibility: visible;
6536 height: 42px;
6537 }
6538 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr.ui-sortable-placeholder {
6539 visibility: visible !important;
6540 }
6541 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr.ui-sortable-placeholder td {
6542 height: 43px;
6543 background: #bdf4fe !important;
6544 }
6545 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr.ui-sortable-helper td {
6546 border-bottom: 1px solid #ddd;
6547 }
6548 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr.ui-sortable-helper td.sort {
6549 border-right: 0;
6550 }
6551 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr.new-option .svg-icon {
6552 display: none;
6553 }
6554 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr.new-option td {
6555 position: relative;
6556 }
6557 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr.new-option .sort::before {
6558 display: inline-block;
6559 position: absolute;
6560 top: 8px;
6561 right: 10px;
6562 font-family: "Dashicons";
6563 content: "\f463";
6564 -webkit-animation: rotating4 2s linear infinite;
6565 -moz-animation: rotating4 2s linear infinite;
6566 -ms-animation: rotating4 2s linear infinite;
6567 -o-animation: rotating4 2s linear infinite;
6568 animation: rotating4 2s linear infinite;
6569 }
6570 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr.new-option td::after {
6571 position: absolute;
6572 top: 0;
6573 left: 0;
6574 bottom: 0;
6575 right: 0;
6576 opacity: 0.5;
6577 background: #fff;
6578 content: "";
6579 }
6580 #admin-editor-lp_question .lp-box-data-content .add-answer {
6581 margin: 15px 0 0 0;
6582 }
6583 #admin-editor-lp_question.sorting_choice table.list-question-answers .answer-correct {
6584 display: none !important;
6585 }
6586
6587 .lp-admin-fib-question-editor,
6588 .admin-quiz-fib-question-editor {
6589 text-align: right;
6590 }
6591 .lp-admin-fib-question-editor .lp-box-data-content,
6592 .admin-quiz-fib-question-editor .lp-box-data-content {
6593 margin: 0 !important;
6594 border: none !important;
6595 }
6596 .lp-admin-fib-question-editor .content-editable,
6597 .admin-quiz-fib-question-editor .content-editable {
6598 min-height: 240px !important;
6599 padding: 12px 15px;
6600 border: 2px solid #ddd;
6601 border-radius: 4px;
6602 }
6603 .lp-admin-fib-question-editor .content-editable .fib-blank,
6604 .admin-quiz-fib-question-editor .content-editable .fib-blank {
6605 position: relative;
6606 color: #2196f3;
6607 }
6608 .lp-admin-fib-question-editor .content-editable .fib-blank::before,
6609 .admin-quiz-fib-question-editor .content-editable .fib-blank::before {
6610 content: "#" attr(data-index) ". ";
6611 }
6612 .lp-admin-fib-question-editor .fib-blanks,
6613 .admin-quiz-fib-question-editor .fib-blanks {
6614 min-width: 700px;
6615 border-collapse: collapse;
6616 }
6617 @media (max-width: 1024px) {
6618 .lp-admin-fib-question-editor .fib-blanks,
6619 .admin-quiz-fib-question-editor .fib-blanks {
6620 width: 100%;
6621 min-width: 100%;
6622 }
6623 }
6624 .lp-admin-fib-question-editor .fib-blanks tbody,
6625 .admin-quiz-fib-question-editor .fib-blanks tbody {
6626 border-bottom: 1px solid #bbb;
6627 }
6628 .lp-admin-fib-question-editor .fib-blanks tbody tr,
6629 .admin-quiz-fib-question-editor .fib-blanks tbody tr {
6630 background: #eee;
6631 }
6632 .lp-admin-fib-question-editor .fib-blanks tbody tr td,
6633 .admin-quiz-fib-question-editor .fib-blanks tbody tr td {
6634 padding: 5px;
6635 }
6636 .lp-admin-fib-question-editor .fib-blanks tbody tr.blank-options td,
6637 .admin-quiz-fib-question-editor .fib-blanks tbody tr.blank-options td {
6638 padding: 0;
6639 }
6640 .lp-admin-fib-question-editor .fib-blanks tbody tr.blank-options ul,
6641 .admin-quiz-fib-question-editor .fib-blanks tbody tr.blank-options ul {
6642 display: none;
6643 margin: 5px 0;
6644 padding: 20px;
6645 border: 1px solid #ddd;
6646 background: #fff;
6647 list-style: none;
6648 }
6649 .lp-admin-fib-question-editor .fib-blanks tbody.open .blank-options ul,
6650 .admin-quiz-fib-question-editor .fib-blanks tbody.open .blank-options ul {
6651 display: block;
6652 }
6653 .lp-admin-fib-question-editor .fib-blanks tbody .blank-position,
6654 .admin-quiz-fib-question-editor .fib-blanks tbody .blank-position {
6655 font-weight: 600;
6656 text-align: center;
6657 }
6658 .lp-admin-fib-question-editor .fib-blanks tbody .blank-actions,
6659 .admin-quiz-fib-question-editor .fib-blanks tbody .blank-actions {
6660 text-align: left;
6661 }
6662 .lp-admin-fib-question-editor .fib-blanks tbody:last-child,
6663 .admin-quiz-fib-question-editor .fib-blanks tbody:last-child {
6664 border: none;
6665 }
6666
6667 #fill-in-blanks-editor {
6668 display: flex;
6669 }
6670 #fill-in-blanks-editor .blank-options {
6671 flex: 0 0 65%;
6672 }
6673 #fill-in-blanks-editor .blanks {
6674 width: 100%;
6675 margin: 0;
6676 }
6677 #fill-in-blanks-editor .blanks .blank {
6678 margin: 0 0 20px 0;
6679 padding: 20px;
6680 border: 1px solid #d9e0f1;
6681 background: #fbfcff;
6682 }
6683 #fill-in-blanks-editor .blanks .blank label {
6684 font-weight: bold;
6685 }
6686 #fill-in-blanks-editor .blanks .blank .blank-content {
6687 width: 100%;
6688 min-height: 74px;
6689 font-size: 1rem;
6690 }
6691 #fill-in-blanks-editor .blanks .blank .blank-words .word {
6692 background: #ddd;
6693 line-height: 1;
6694 -webkit-border-radius: 4px;
6695 -moz-border-radius: 4px;
6696 border-radius: 4px;
6697 }
6698 #fill-in-blanks-editor .blanks .blank .blank-words .word.correct {
6699 background: #00a1e6;
6700 }
6701 #fill-in-blanks-editor .blanks .blank .blank-tip p {
6702 font-style: italic;
6703 }
6704 #fill-in-blanks-editor .blanks .blank .button-remove {
6705 color: #f00;
6706 }
6707 #fill-in-blanks-editor .passage-preview {
6708 margin-right: 20px;
6709 padding: 15px 20px;
6710 border: 1px solid #ddd;
6711 font-size: 1rem;
6712 line-height: 1.5rem;
6713 text-align: justify;
6714 flex: 1;
6715 }
6716 #fill-in-blanks-editor .passage-preview .blank-input {
6717 /* line-height: 11px; */
6718 display: inline-block;
6719 position: relative;
6720 width: 50px;
6721 height: 16px;
6722 margin: -2px 10px;
6723 padding: 0;
6724 border: none;
6725 border-bottom: 1px dashed #ddd;
6726 background: transparent;
6727 box-shadow: none;
6728 font-size: 1rem;
6729 vertical-align: middle;
6730 }
6731 #fill-in-blanks-editor .blanks-list {
6732 width: 100%;
6733 }
6734 #fill-in-blanks-editor .blanks-list textarea {
6735 width: 100%;
6736 min-height: 300px;
6737 margin-bottom: 20px;
6738 outline: none;
6739 background: #f9f9f9;
6740 box-shadow: none;
6741 font-size: 1.125rem;
6742 line-height: 1.875rem;
6743 }
6744 #fill-in-blanks-editor .blanks-list code {
6745 line-height: 1;
6746 -webkit-border-radius: 4px;
6747 -moz-border-radius: 4px;
6748 border-radius: 4px;
6749 }
6750 #fill-in-blanks-editor .blanks-list code.correct {
6751 background: #00a1e6;
6752 }
6753
6754 /**
6755 * Modal choose items.
6756 */
6757 #lp-modal-choose-items {
6758 display: none;
6759 position: fixed;
6760 z-index: -1;
6761 top: 0;
6762 left: 0;
6763 bottom: 0;
6764 right: 0;
6765 opacity: 0;
6766 background-color: rgba(0, 0, 0, 0.5);
6767 }
6768 #lp-modal-choose-items.show {
6769 display: block;
6770 z-index: 99999999;
6771 opacity: 1;
6772 }
6773 #lp-modal-choose-items.loading .lp-choose-items ul.list-items::before {
6774 display: block;
6775 position: absolute;
6776 z-index: 9;
6777 top: 0;
6778 left: 0;
6779 bottom: 0;
6780 right: 0;
6781 background: url("../../images/spinner.gif") no-repeat center center;
6782 background-color: #fff;
6783 content: "";
6784 }
6785 #lp-modal-choose-items .lp-choose-items {
6786 position: relative;
6787 max-width: 800px;
6788 margin: 5% 20% 10% auto;
6789 border: 1px solid #ddd;
6790 background-color: #fff;
6791 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
6792 transition: all 200ms ease-out;
6793 }
6794 #lp-modal-choose-items .lp-choose-items.show-preview .header .preview-title {
6795 display: flex;
6796 align-items: center;
6797 }
6798 #lp-modal-choose-items .lp-choose-items .header {
6799 position: relative;
6800 }
6801 #lp-modal-choose-items .lp-choose-items .header .preview-title {
6802 display: none;
6803 position: absolute;
6804 z-index: 10;
6805 top: 0;
6806 left: 0;
6807 bottom: 0;
6808 right: 0;
6809 padding-right: 20px;
6810 border-bottom: 1px solid #ddd;
6811 background-color: #fff;
6812 font-weight: 600;
6813 }
6814 #lp-modal-choose-items .lp-choose-items .header .preview-title h3 {
6815 margin: 0;
6816 }
6817 #lp-modal-choose-items .lp-choose-items .header .tabs {
6818 margin: 0;
6819 border-bottom: 1px solid #ddd;
6820 }
6821 #lp-modal-choose-items .lp-choose-items .header .tabs .tab {
6822 display: inline-block;
6823 position: relative;
6824 margin: 0;
6825 }
6826 #lp-modal-choose-items .lp-choose-items .header .tabs .tab:not(:last-child)::before {
6827 position: absolute;
6828 top: 50%;
6829 left: 0;
6830 height: 44px;
6831 margin-top: -22px;
6832 border-left: 1px solid #ddd;
6833 content: "";
6834 }
6835 #lp-modal-choose-items .lp-choose-items .header .tabs .tab.active::after {
6836 display: inline-block;
6837 position: absolute;
6838 bottom: -6px;
6839 right: 50%;
6840 width: 10px;
6841 height: 10px;
6842 margin-right: -6px;
6843 border: 1px solid #ddd;
6844 border-left: 0;
6845 border-bottom: 0;
6846 background: #fff;
6847 content: "";
6848 transform: rotate(-45deg);
6849 }
6850 #lp-modal-choose-items .lp-choose-items .header .tabs .tab.active a {
6851 color: #0073aa;
6852 }
6853 #lp-modal-choose-items .lp-choose-items .header .tabs .tab a {
6854 display: inline-block;
6855 height: 44px;
6856 padding: 0 20px;
6857 color: #333;
6858 font-weight: 600;
6859 line-height: 2.75rem;
6860 text-decoration: none;
6861 }
6862 #lp-modal-choose-items .lp-choose-items .header .tabs .tab a:focus {
6863 box-shadow: none;
6864 }
6865 #lp-modal-choose-items .lp-choose-items .header .close {
6866 display: inline-block;
6867 position: absolute;
6868 z-index: 30;
6869 top: 0;
6870 left: 0;
6871 padding: 12px;
6872 font-size: 1em;
6873 cursor: pointer;
6874 }
6875 #lp-modal-choose-items .lp-choose-items .main {
6876 overflow: hidden;
6877 position: relative;
6878 padding: 20px;
6879 border-bottom: 1px solid #ddd;
6880 }
6881 #lp-modal-choose-items .lp-choose-items .main .section-item {
6882 display: block;
6883 overflow: hidden;
6884 max-width: 100%;
6885 white-space: nowrap;
6886 text-overflow: ellipsis;
6887 cursor: pointer;
6888 transition: color 200ms ease-out;
6889 }
6890 #lp-modal-choose-items .lp-choose-items .main .section-item::before {
6891 position: relative;
6892 top: 3px;
6893 font-family: Dashicons;
6894 }
6895 #lp-modal-choose-items .lp-choose-items .main .search {
6896 margin-bottom: 20px;
6897 background: transparent;
6898 }
6899 #lp-modal-choose-items .lp-choose-items .main .search input.modal-search-input {
6900 width: 100%;
6901 height: 36px;
6902 padding: 0 14px;
6903 font-size: 1rem;
6904 line-height: 2.25rem;
6905 }
6906 #lp-modal-choose-items .lp-choose-items .main .list-items {
6907 overflow-y: auto;
6908 position: relative;
6909 min-height: 260px;
6910 max-height: 460px;
6911 margin: 0;
6912 }
6913 #lp-modal-choose-items .lp-choose-items .main .list-items li {
6914 margin: 15px 0;
6915 cursor: pointer;
6916 }
6917 #lp-modal-choose-items .lp-choose-items .main .pagination .index {
6918 margin-right: 20px;
6919 line-height: 1.75rem;
6920 }
6921 #lp-modal-choose-items .lp-choose-items .lp-added-items-preview {
6922 overflow: auto;
6923 position: absolute;
6924 z-index: 2;
6925 top: 0;
6926 left: 0;
6927 bottom: 0;
6928 right: 0;
6929 max-height: 420px;
6930 padding: 20px;
6931 background-color: #fff;
6932 transform: translate(-100%, 0);
6933 }
6934 #lp-modal-choose-items .lp-choose-items .lp-added-items-preview.show {
6935 transform: translate(0, 0);
6936 }
6937 #lp-modal-choose-items .lp-choose-items .lp-added-items-preview .list-added-items li {
6938 margin: 15px 0;
6939 }
6940 #lp-modal-choose-items .lp-choose-items .lp-added-items-preview .list-added-items li:first-child {
6941 margin: -10px 0 15px 0;
6942 }
6943 #lp-modal-choose-items .lp-choose-items .footer {
6944 padding: 20px;
6945 }
6946
6947 body.lp-item-moving {
6948 cursor: url("../../images/closedhand.cur") 7 5, default !important;
6949 }
6950
6951 @media screen and (max-width: 900px) {
6952 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .question-settings.table-row {
6953 display: block;
6954 width: auto;
6955 text-align: right;
6956 }
6957 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .question-settings.table-row > * {
6958 width: auto;
6959 }
6960 }
6961 #learn-press-reset-course-users,
6962 #learn-press-reset-user-courses,
6963 #learn-press-reset-user-item {
6964 max-width: 100%;
6965 }
6966 #learn-press-reset-course-users table,
6967 #learn-press-reset-user-courses table,
6968 #learn-press-reset-user-item table {
6969 width: 100%;
6970 border-collapse: collapse;
6971 }
6972 #learn-press-reset-course-users .courses-list,
6973 #learn-press-reset-user-courses .courses-list,
6974 #learn-press-reset-user-item .courses-list {
6975 margin: 0;
6976 }
6977 #learn-press-reset-course-users input[type=text],
6978 #learn-press-reset-user-courses input[type=text],
6979 #learn-press-reset-user-item input[type=text] {
6980 min-width: 300px;
6981 height: 28px;
6982 margin-right: 0;
6983 }
6984 #learn-press-reset-course-users .action-reset.dashicons-trash,
6985 #learn-press-reset-user-courses .action-reset.dashicons-trash,
6986 #learn-press-reset-user-item .action-reset.dashicons-trash {
6987 color: #FF0000;
6988 }
6989 #learn-press-reset-course-users .action-reset.dashicons-update,
6990 #learn-press-reset-user-courses .action-reset.dashicons-update,
6991 #learn-press-reset-user-item .action-reset.dashicons-update {
6992 -webkit-animation: rotating4 2s linear infinite;
6993 -moz-animation: rotating4 2s linear infinite;
6994 -ms-animation: rotating4 2s linear infinite;
6995 -o-animation: rotating4 2s linear infinite;
6996 animation: rotating4 2s linear infinite;
6997 }
6998
6999 #learn-press-assign-course .description {
7000 margin-bottom: 10px;
7001 }
7002 #learn-press-assign-course label {
7003 display: block;
7004 margin-bottom: 5px;
7005 }
7006
7007 #learn-press-unassigned-course .description {
7008 margin-bottom: 10px;
7009 }
7010 #learn-press-unassigned-course label {
7011 display: block;
7012 margin-bottom: 5px;
7013 }
7014
7015 .learn-press-tip {
7016 display: none;
7017 margin: 0 5px;
7018 color: #444;
7019 font-style: normal;
7020 font-weight: normal;
7021 line-height: 1;
7022 vertical-align: baseline;
7023 cursor: pointer;
7024 }
7025 .learn-press-tip.ready {
7026 display: inline-block;
7027 }
7028 .learn-press-tip::before {
7029 font-family: "lp-icon";
7030 content: "\f059";
7031 }
7032 .learn-press-tip:hover {
7033 opacity: 0.8;
7034 }
7035
7036 .learn-press-tip-floating {
7037 position: absolute;
7038 z-index: 9999999;
7039 min-width: 20px;
7040 margin-right: -1px;
7041 padding: 0.618em 1em;
7042 color: #fff;
7043 background: #383838;
7044 font-size: 0.8em;
7045 line-height: 1.2em;
7046 -webkit-border-radius: 3px;
7047 -moz-border-radius: 3px;
7048 border-radius: 3px;
7049 }
7050 .learn-press-tip-floating > * {
7051 font-size: 0.8em;
7052 }
7053 .learn-press-tip-floating .close {
7054 display: inline-block;
7055 position: absolute;
7056 top: -8px;
7057 left: -8px;
7058 width: 16px;
7059 height: 16px;
7060 border: 1px solid #fff;
7061 color: #fff;
7062 background: #468fbc;
7063 line-height: 1rem;
7064 text-align: center;
7065 cursor: pointer;
7066 -webkit-border-radius: 50%;
7067 -moz-border-radius: 50%;
7068 border-radius: 50%;
7069 }
7070 .learn-press-tip-floating .close::before {
7071 font-family: "lp-icon";
7072 content: "\f00d";
7073 }
7074 .learn-press-tip-floating p {
7075 margin: 0;
7076 }
7077 .learn-press-tip-floating::before {
7078 position: absolute;
7079 bottom: -6px;
7080 right: 50%;
7081 width: 0;
7082 height: 0;
7083 margin-right: -6px;
7084 border: 6px solid transparent;
7085 border-top-color: #383838;
7086 border-bottom-width: 0;
7087 content: "";
7088 }
7089
7090 .lp-group-step {
7091 border-bottom: 1px solid #eee;
7092 }
7093 .lp-group-step h3 {
7094 padding: 0 2em;
7095 }
7096 .lp-group-step label {
7097 margin-bottom: 5px;
7098 font-size: 0.8em;
7099 font-weight: 500;
7100 font-style: italic;
7101 }
7102 .lp-group-step .lp-item-step {
7103 display: flex;
7104 position: relative;
7105 min-height: 35px;
7106 margin: 0;
7107 padding: 1em 0 1em 1em;
7108 border-top: 1px solid #eee;
7109 align-items: center;
7110 cursor: pointer;
7111 }
7112 .lp-group-step .lp-item-step:hover {
7113 background: #eee;
7114 }
7115 .lp-group-step .lp-item-step.running .lp-item-step-left::before {
7116 opacity: 1;
7117 }
7118 .lp-group-step .lp-item-step.running .lp-item-step-left input {
7119 opacity: 0;
7120 }
7121 .lp-group-step .lp-item-step.running::before {
7122 display: block;
7123 position: absolute;
7124 width: 0;
7125 height: 100%;
7126 background: #0073aa;
7127 content: "";
7128 opacity: 0.1;
7129 transition: 0.8s linear;
7130 }
7131 .lp-group-step .lp-item-step.running .progress-bar {
7132 opacity: 0.1;
7133 }
7134 .lp-group-step .lp-item-step.completed .lp-item-step-left::after {
7135 opacity: 1;
7136 }
7137 .lp-group-step .lp-item-step.completed .lp-item-step-left input {
7138 opacity: 0;
7139 }
7140 .lp-group-step .lp-item-step.completed .progress-bar {
7141 width: 100%;
7142 opacity: 0.1;
7143 }
7144 .lp-group-step .lp-item-step.error .lp-item-step-left::after {
7145 opacity: 1;
7146 color: #dd3333;
7147 content: "\f335";
7148 }
7149 .lp-group-step .lp-item-step .progress-bar {
7150 display: block;
7151 position: absolute;
7152 top: 0;
7153 right: 0;
7154 width: 0;
7155 height: 100%;
7156 opacity: 0;
7157 background: rgba(124, 96, 217, 0.7490196078);
7158 transition: 0.8s linear;
7159 }
7160 .lp-group-step .lp-item-step-left {
7161 display: inline-flex;
7162 align-items: center;
7163 position: relative;
7164 padding: 0 2em;
7165 }
7166 .lp-group-step .lp-item-step-left::before {
7167 display: block;
7168 position: absolute;
7169 z-index: 2;
7170 width: 1em;
7171 height: 1em;
7172 border: 1px solid rgba(0, 0, 0, 0.1);
7173 border-top: 1px solid #3498db;
7174 border-radius: 50%;
7175 opacity: 0;
7176 content: "";
7177 -webkit-animation: lp-rotating 0.8s linear infinite;
7178 animation: lp-rotating 0.8s linear infinite;
7179 }
7180 .lp-group-step .lp-item-step-left::after {
7181 position: absolute;
7182 z-index: 1;
7183 right: 23px;
7184 opacity: 0;
7185 color: #4caf50;
7186 font-family: Dashicons;
7187 font-size: 1.5em;
7188 content: "\f147";
7189 }
7190
7191 .lp-group-steps-done {
7192 display: none;
7193 }
7194
7195 @keyframes lp-rotating {
7196 from {
7197 -webkit-transform: rotate(0deg);
7198 -moz-transform: rotate(0deg);
7199 -ms-transform: rotate(0deg);
7200 -o-transform: rotate(0deg);
7201 transform: rotate(0deg);
7202 }
7203 to {
7204 -webkit-transform: rotate(-360deg);
7205 -moz-transform: rotate(-360deg);
7206 -ms-transform: rotate(-360deg);
7207 -o-transform: rotate(-360deg);
7208 transform: rotate(-360deg);
7209 }
7210 }
7211 @-webkit-keyframes lp-rotating {
7212 from {
7213 -webkit-transform: rotate(0deg);
7214 -moz-transform: rotate(0deg);
7215 -ms-transform: rotate(0deg);
7216 -o-transform: rotate(0deg);
7217 transform: rotate(0deg);
7218 }
7219 to {
7220 -webkit-transform: rotate(-360deg);
7221 -moz-transform: rotate(-360deg);
7222 -ms-transform: rotate(-360deg);
7223 -o-transform: rotate(-360deg);
7224 transform: rotate(-360deg);
7225 }
7226 }
7227 .lp-loading-change {
7228 position: absolute;
7229 width: 100%;
7230 height: 100%;
7231 background: rgba(255, 255, 255, 0.38);
7232 top: 0;
7233 }
7234
7235 .lp-load-ajax-element {
7236 position: relative;
7237 }
7238
7239 @media screen and (max-width: 782px) {
7240 .learn-press-dropdown-pages .select2-container {
7241 vertical-align: top;
7242 }
7243 .learn-press-dropdown-pages .select2-container .select2-selection--single {
7244 height: 31px;
7245 }
7246 .learn-press-dropdown-pages .select2-selection__rendered {
7247 line-height: 31px !important;
7248 }
7249 #learn-press-advertisement {
7250 margin: 0 12px;
7251 padding-bottom: 0;
7252 }
7253 #learn-press-advertisement .slider-controls {
7254 bottom: 40px;
7255 }
7256 }
7257 .lp-skeleton-animation {
7258 margin: 0;
7259 padding: 0;
7260 list-style: none;
7261 }
7262 .lp-skeleton-animation > li {
7263 width: 100%;
7264 height: 16px;
7265 margin-top: 15px;
7266 border-radius: 2px;
7267 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%);
7268 background-size: 400% 100%;
7269 list-style: none;
7270 animation: lp-skeleton-loading 1.4s ease infinite;
7271 }
7272
7273 @keyframes lp-skeleton-loading {
7274 0% {
7275 background-position: 0% 50%;
7276 }
7277 to {
7278 background-position: 100% 50%;
7279 }
7280 }
7281 .lp-admin-statistics-tab-content {
7282 box-sizing: border-box;
7283 max-width: 100%;
7284 }
7285 .lp-admin-statistics-tab-content .btn-group {
7286 display: flex;
7287 margin: 20px 0;
7288 gap: 10px;
7289 flex-direction: row;
7290 flex-wrap: wrap;
7291 }
7292 .lp-admin-statistics-tab-content .btn-group button.btn-filter-time {
7293 border: 1px solid #284BCA;
7294 color: #000;
7295 padding: 10px 24px;
7296 cursor: pointer;
7297 background: #fff;
7298 }
7299 .lp-admin-statistics-tab-content .btn-group .btn-filter-time.active {
7300 background: #284BCA;
7301 color: #fff;
7302 border: 1px solid #284BCA;
7303 }
7304 .lp-admin-statistics-tab-content .custom-filter-time {
7305 display: none;
7306 }
7307 .lp-admin-statistics-tab-content .statistics-content {
7308 background: white;
7309 border: 1px solid #D9D9D9;
7310 padding: 22px;
7311 }
7312 .lp-admin-statistics-tab-content .statistics-content .statistics-group {
7313 display: flex;
7314 justify-content: space-between;
7315 flex-direction: row;
7316 flex-wrap: wrap;
7317 gap: 10px;
7318 }
7319 .lp-admin-statistics-tab-content .statistics-content .statistics-group .statistics-item {
7320 border: 1px solid #000;
7321 color: #000;
7322 padding: 15px 30px;
7323 display: flex;
7324 flex-direction: column;
7325 text-align: center;
7326 width: 100%;
7327 max-width: 150px;
7328 }
7329 .lp-admin-statistics-tab-content .statistics-content .statistics-group .statistics-item .statistics-item-title {
7330 font-size: 16px;
7331 line-height: 1.2;
7332 }
7333 .lp-admin-statistics-tab-content .statistics-content .statistics-group .statistics-item .statistics-item-count {
7334 font-size: 24px;
7335 line-height: 1.2;
7336 font-weight: 700;
7337 }
7338 .lp-admin-statistics-tab-content .statistics-content .statistics-title {
7339 color: #000;
7340 text-align: center;
7341 font-size: 24px;
7342 font-style: normal;
7343 font-weight: 700;
7344 line-height: normal;
7345 text-transform: capitalize;
7346 }
7347 .lp-admin-statistics-tab-content .statistics-content .statistics-chart-wrapper {
7348 padding: 10px 30px;
7349 }
7350 .lp-admin-statistics-tab-content .statistics-content .sold-course-analytics {
7351 display: flex;
7352 flex-direction: row;
7353 flex-wrap: wrap;
7354 justify-content: space-evenly;
7355 gap: 20px;
7356 margin-top: 20px;
7357 }
7358 .lp-admin-statistics-tab-content .statistics-content .sold-course-analytics .col-50 {
7359 flex: 1;
7360 }
7361 .lp-admin-statistics-tab-content .statistics-content .sold-course-analytics .col-50:first-child {
7362 border-left: 1px solid #D9D9D9;
7363 }
7364 .lp-admin-statistics-tab-content .statistics-content .sold-course-analytics li {
7365 font-size: 16px;
7366 line-height: 1.2;
7367 font-weight: 400;
7368 }
7369 .lp-admin-statistics-tab-content .statistics-content .top-course-analytics-title {
7370 margin-top: 0;
7371 font-size: 24px;
7372 line-height: 1.2;
7373 font-weight: 700;
7374 }
7375
7376 table.lp-material--table {
7377 border-collapse: collapse;
7378 width: 100%;
7379 }
7380 table.lp-material--table td, table.lp-material--table th {
7381 border: 1px solid #dddddd;
7382 text-align: right;
7383 padding: 8px;
7384 }
7385 table.lp-material--table thead.hidden {
7386 display: none;
7387 }
7388 table.lp-material--table td.sort {
7389 cursor: move;
7390 }
7391 table.lp-material--table tr:nth-child(even) {
7392 background-color: rgba(221, 221, 221, 0.2509803922);
7393 }
7394
7395 .lp-material--field-wrap {
7396 display: flex;
7397 flex-direction: row;
7398 align-items: center;
7399 padding-block: 5px;
7400 }
7401
7402 .lp-material--field-wrap label {
7403 min-width: 70px;
7404 }
7405
7406 .lp-material--group {
7407 margin-top: 10px;
7408 padding: 10px;
7409 border: 1px solid #dedede;
7410 border-radius: 10px;
7411 box-shadow: -2px 2px rgba(180, 180, 180, 0.2);
7412 }
7413
7414 .lp-material-btn-wrap {
7415 margin-bottom: 10px;
7416 }
7417
7418 .lp-material-btn-wrap.loading::before:before, #btn-lp--save-material.loading:before {
7419 display: inline-block;
7420 font-family: "lp-icon";
7421 content: "\f110";
7422 animation: lp-rotating 1s linear infinite;
7423 margin-left: 5px;
7424 font-variant: normal;
7425 text-transform: none;
7426 -webkit-font-smoothing: antialiased;
7427 -moz-osx-font-smoothing: grayscale;
7428 }
7429
7430 .button.lp-material--delete {
7431 color: white;
7432 border-color: red;
7433 background: red;
7434 vertical-align: top;
7435 }
7436
7437 .lp-material--field-wrap.field-action-wrap {
7438 display: flex;
7439 justify-content: space-between;
7440 }
7441
7442 .lp-meta-box .lp-material--field-wrap input {
7443 width: 100%;
7444 }
7445
7446 #available-to-upload {
7447 font-weight: bold;
7448 }
7449
7450 .learnpress-block-pagination,
7451 .learn-press-pagination {
7452 margin: 20px 0;
7453 text-align: center;
7454 }
7455 .learnpress-block-pagination .page-numbers,
7456 .learn-press-pagination .page-numbers {
7457 display: inline-flex;
7458 gap: 5px;
7459 flex-wrap: wrap;
7460 margin: 0;
7461 padding: 0;
7462 border: 0;
7463 outline: 0;
7464 background: transparent;
7465 list-style: none;
7466 }
7467 .learnpress-block-pagination .page-numbers > li,
7468 .learn-press-pagination .page-numbers > li {
7469 display: inline-block;
7470 margin: 0;
7471 }
7472 .learnpress-block-pagination .page-numbers > li .page-numbers,
7473 .learn-press-pagination .page-numbers > li .page-numbers {
7474 float: unset;
7475 padding: 0 12px;
7476 color: #666;
7477 text-decoration: none;
7478 }
7479 .learnpress-block-pagination .page-numbers > li .page-numbers.current,
7480 .learn-press-pagination .page-numbers > li .page-numbers.current {
7481 color: var(--lp-primary-color);
7482 font-weight: 400;
7483 }
7484 .learnpress-block-pagination .page-numbers > li .page-numbers:hover,
7485 .learn-press-pagination .page-numbers > li .page-numbers:hover {
7486 color: var(--lp-primary-color);
7487 }
7488
7489 .lp-instructor-info {
7490 display: flex;
7491 gap: 30px;
7492 margin-top: 30px;
7493 margin-bottom: 30px;
7494 }
7495 @media (max-width: 600px) {
7496 .lp-instructor-info {
7497 flex-wrap: wrap;
7498 }
7499 }
7500 .lp-instructor-info .lp-section-instructor {
7501 flex: 1;
7502 }
7503 .lp-instructor-info .instructor-display-name {
7504 font-size: 1.4rem;
7505 }
7506 .lp-instructor-info .instructor-avatar {
7507 max-width: 200px;
7508 }
7509 .lp-instructor-info .lp-instructor-meta {
7510 margin-top: 16px;
7511 display: flex;
7512 column-gap: 20px;
7513 row-gap: 8px;
7514 }
7515 .lp-instructor-info .instructor-description {
7516 margin-top: 16px;
7517 }
7518 .lp-instructor-info img {
7519 max-width: 100%;
7520 border-radius: var(--lp-border-radius, 5px);
7521 }
7522 .lp-instructor-info .instructor-social {
7523 display: inline-flex;
7524 padding: 0;
7525 gap: 12px;
7526 margin: 16px 0 0 0;
7527 }
7528 .lp-instructor-info .instructor-social > a {
7529 text-align: center;
7530 list-style: none;
7531 }
7532 .lp-instructor-info .instructor-social > a span {
7533 display: none;
7534 }
7535 .lp-instructor-info .instructor-social > a i {
7536 width: 40px;
7537 height: 40px;
7538 display: inline-flex;
7539 align-items: center;
7540 justify-content: center;
7541 border: 1px solid var(--lp-border-color, #E2E0DB);
7542 border-radius: 50%;
7543 }
7544 .lp-instructor-info .instructor-social > a i:hover {
7545 background-color: var(--lp-primary-color, #ffb606);
7546 border-color: var(--lp-primary-color, #ffb606);
7547 color: var(--lp-color-white, #fff);
7548 }
7549
7550 .instructor-display-name {
7551 font-weight: var(--lp-font-weight-link, 600);
7552 }
7553
7554 .instructor-item-meta {
7555 display: inline-flex;
7556 border-right: 1px solid var(--lp-border-color, #E2E0DB);
7557 padding-right: 20px;
7558 }
7559
7560 .lp-instructor-meta .instructor-item-meta:first-child {
7561 border: none;
7562 padding-right: 0;
7563 }
7564
7565 .wrapper-instructor-total-students, .wrapper-instructor-total-courses {
7566 display: flex;
7567 gap: 4px;
7568 align-items: center;
7569 }
7570
7571 .course-extra-box {
7572 margin-bottom: 16px;
7573 border: 1px solid var(--lp-border-color, #E2E0DB);
7574 border-radius: var(--lp-border-radius, 5px);
7575 width: 100%;
7576 }
7577 .course-extra-box.active .course-extra-box__content {
7578 height: auto;
7579 }
7580 .course-extra-box__title {
7581 --extra-height: 50px;
7582 display: flex;
7583 align-items: center;
7584 position: relative;
7585 height: var(--extra-height);
7586 margin: 0 !important;
7587 padding: 0 20px 0 45px;
7588 background: rgba(181, 187, 211, 0.15);
7589 font-size: 1em;
7590 font-weight: 700;
7591 cursor: pointer;
7592 }
7593 @media (max-width: 767px) {
7594 .course-extra-box__title {
7595 padding-right: 16px;
7596 }
7597 }
7598 .course-extra-box__title::after {
7599 position: absolute;
7600 top: 0;
7601 left: 20px;
7602 font-family: "lp-icon";
7603 line-height: var(--extra-height);
7604 content: "\f107";
7605 }
7606 .course-extra-box__content {
7607 overflow: hidden;
7608 transition: height 0.3s ease;
7609 }
7610 .course-extra-box__content-inner {
7611 -webkit-animation-name: course-extra-box__content-inner-transform;
7612 animation-name: course-extra-box__content-inner-transform;
7613 -webkit-animation-duration: 0.3s;
7614 animation-duration: 0.3s;
7615 -webkit-animation-timing-function: ease-in-out;
7616 animation-timing-function: ease-in-out;
7617 -webkit-animation-iteration-count: 1;
7618 animation-iteration-count: 1;
7619 -webkit-animation-direction: normal;
7620 animation-direction: normal;
7621 }
7622 .course-extra-box__content-inner > ul {
7623 padding-right: 0 !important;
7624 padding-bottom: 0 !important;
7625 }
7626 .course-extra-box__content ul,
7627 .course-extra-box__content li {
7628 list-style: none;
7629 }
7630 .course-extra-box__content ul {
7631 margin: 0;
7632 padding: 0;
7633 }
7634 .course-extra-box__content li {
7635 margin: 0;
7636 padding: 12px 20px;
7637 border-bottom: 1px solid var(--lp-border-color, #E2E0DB);
7638 }
7639 @media (max-width: 767px) {
7640 .course-extra-box__content li {
7641 padding-right: 16px;
7642 padding-left: 16px;
7643 }
7644 }
7645 .course-extra-box__content li::before {
7646 margin-left: 8px;
7647 color: var(--lp-primary-color);
7648 font-family: "lp-icon";
7649 content: "\f00c";
7650 }
7651 .course-extra-box__content li:last-child {
7652 border-bottom: 0;
7653 }
7654 .course-extra-box:last-child {
7655 margin-bottom: 60px;
7656 }
7657 .course-extra-box.active .course-extra-box__title::after {
7658 content: "\f106";
7659 }
7660 .course-extra-box + .comment-respond, .course-extra-box + .comments-area {
7661 margin-top: 30px;
7662 margin-bottom: 30px;
7663 }
7664 .course-extra-box + .course-tabs {
7665 margin-top: 30px;
7666 }
7667
7668 input[name=course-extra-box-ratio] {
7669 display: none;
7670 }
7671 input[name=course-extra-box-ratio]:checked + .course-extra-box .course-extra-box__content {
7672 display: block;
7673 }
7674 input[name=course-extra-box-ratio]:checked + .course-extra-box .course-extra-box__content .course-extra-box__content-inner {
7675 transform: scale(1);
7676 }
7677
7678 @-webkit-keyframes course-extra-box__content-inner-transform {
7679 from {
7680 opacity: 0;
7681 -webkit-transform: translateX(-5%);
7682 -moz-transform: translateX(-5%);
7683 -ms-transform: translateX(-5%);
7684 -o-transform: translateX(-5%);
7685 transform: translateX(-5%);
7686 }
7687 to {
7688 opacity: 1;
7689 -webkit-transform: translateX(0%);
7690 -moz-transform: translateX(0%);
7691 -ms-transform: translateX(0%);
7692 -o-transform: translateX(0%);
7693 transform: translateX(0%);
7694 }
7695 }
7696 @keyframes course-extra-box__content-inner-transform {
7697 from {
7698 opacity: 0;
7699 transform: translateX(-5%);
7700 }
7701 to {
7702 opacity: 1;
7703 transform: translateX(0%);
7704 }
7705 }
7706 .course-tab-panel-faqs .course-faqs-box {
7707 margin-bottom: 20px;
7708 border: 1px solid rgba(204, 204, 204, 0.6);
7709 border-radius: 5px;
7710 }
7711 .course-tab-panel-faqs .course-faqs-box__title {
7712 display: block;
7713 position: relative;
7714 margin: 0;
7715 padding: 12px 20px 12px 45px;
7716 font-size: 1em;
7717 line-height: 1.5;
7718 font-weight: var(--lp-font-weight-link, 600);
7719 cursor: pointer;
7720 }
7721 .course-tab-panel-faqs .course-faqs-box__title::after {
7722 position: absolute;
7723 top: 12px;
7724 left: 20px;
7725 font-family: "lp-icon";
7726 content: "\f067";
7727 }
7728 .course-tab-panel-faqs .course-faqs-box:last-child {
7729 margin-bottom: 40px;
7730 }
7731 .course-tab-panel-faqs .course-faqs-box:hover .course-faqs-box__title {
7732 color: var(--lp-primary-color);
7733 }
7734 .course-tab-panel-faqs .course-faqs-box__content {
7735 display: none;
7736 }
7737 .course-tab-panel-faqs .course-faqs-box__content-inner {
7738 padding: 20px;
7739 -webkit-animation-name: course-faqs-box__content-inner-transform;
7740 animation-name: course-faqs-box__content-inner-transform;
7741 -webkit-animation-duration: 0.3s;
7742 animation-duration: 0.3s;
7743 -webkit-animation-timing-function: ease-in-out;
7744 animation-timing-function: ease-in-out;
7745 -webkit-animation-iteration-count: 1;
7746 animation-iteration-count: 1;
7747 -webkit-animation-direction: normal;
7748 animation-direction: normal;
7749 }
7750
7751 input[name=course-faqs-box-ratio] {
7752 display: none;
7753 }
7754 input[name=course-faqs-box-ratio]:checked + .course-faqs-box .course-faqs-box__content {
7755 display: block;
7756 }
7757 input[name=course-faqs-box-ratio]:checked + .course-faqs-box .course-faqs-box__title {
7758 color: var(--lp-primary-color);
7759 background: rgba(241, 242, 248, 0.4);
7760 }
7761 input[name=course-faqs-box-ratio]:checked + .course-faqs-box .course-faqs-box__title::after {
7762 content: "\f068";
7763 }
7764
7765 @-webkit-keyframes course-faqs-box__content-inner-transform {
7766 from {
7767 opacity: 0;
7768 -webkit-transform: translateY(-5%);
7769 -moz-transform: translateY(-5%);
7770 -ms-transform: translateY(-5%);
7771 -o-transform: translateY(-5%);
7772 transform: translateY(-5%);
7773 }
7774 to {
7775 opacity: 1;
7776 -webkit-transform: translateY(0%);
7777 -moz-transform: translateY(0%);
7778 -ms-transform: translateY(0%);
7779 -o-transform: translateY(0%);
7780 transform: translateY(0%);
7781 }
7782 }
7783 @keyframes course-faqs-box__content-inner-transform {
7784 from {
7785 opacity: 0;
7786 -webkit-transform: translateY(-5%);
7787 -moz-transform: translateY(-5%);
7788 -ms-transform: translateY(-5%);
7789 -o-transform: translateY(-5%);
7790 transform: translateY(-5%);
7791 }
7792 to {
7793 opacity: 1;
7794 -webkit-transform: translateY(0%);
7795 -moz-transform: translateY(0%);
7796 -ms-transform: translateY(0%);
7797 -o-transform: translateY(0%);
7798 transform: translateY(0%);
7799 }
7800 }
7801 .extra-box__title, .course-faqs__title, .course-material__title {
7802 margin-top: 0;
7803 margin-bottom: 12px;
7804 }
7805
7806 .edit-content {
7807 margin-right: 5px;
7808 }
7809
7810 .course-curriculum ul.curriculum-sections {
7811 position: relative;
7812 margin: 0;
7813 padding: 0;
7814 list-style: none;
7815 }
7816 .course-curriculum ul.curriculum-sections .closed .section-item__loadmore {
7817 display: none;
7818 }
7819 .course-curriculum ul.curriculum-sections .section {
7820 margin: 0;
7821 padding: 0;
7822 flex-wrap: wrap;
7823 }
7824 .course-curriculum ul.curriculum-sections .section:last-child {
7825 padding: 0;
7826 }
7827 .course-curriculum ul.curriculum-sections .section.section-empty .section-header {
7828 margin-bottom: 20px;
7829 }
7830 .course-curriculum ul.curriculum-sections .section.section-empty .learn-press-message {
7831 margin-left: 15px;
7832 margin-right: 15px;
7833 }
7834 .course-curriculum ul.curriculum-sections .section-title.c + .section-desc {
7835 display: block;
7836 }
7837 .course-curriculum ul.curriculum-sections .section-title.c span.show-desc::before {
7838 -webkit-transform: rotate(-180deg);
7839 -moz-transform: rotate(-180deg);
7840 -ms-transform: rotate(-180deg);
7841 -o-transform: rotate(-180deg);
7842 transform: rotate(-180deg);
7843 top: 0;
7844 }
7845 .course-curriculum ul.curriculum-sections .item-meta.duration {
7846 background: #d9e0f1;
7847 }
7848 .course-curriculum .section-item__loadmore {
7849 display: flex;
7850 justify-content: center;
7851 align-items: center;
7852 }
7853 .course-curriculum .section-item__loadmore button {
7854 margin-top: 10px;
7855 border: 1px solid var(--lp-border-color, #E2E0DB);
7856 border-radius: var(--lp-border-radius, 5px);
7857 padding: 8px 16px;
7858 box-shadow: none;
7859 outline: none;
7860 }
7861 .course-curriculum .section-item__loadmore.loading button:before {
7862 display: inline-block;
7863 font-family: "lp-icon";
7864 content: "\f110";
7865 animation: lp-rotating 1s linear infinite;
7866 margin-left: 5px;
7867 font-variant: normal;
7868 text-transform: none;
7869 -webkit-font-smoothing: antialiased;
7870 -moz-osx-font-smoothing: grayscale;
7871 }
7872 .course-curriculum .section-header {
7873 display: table;
7874 width: 100%;
7875 padding: 20px 0;
7876 border-bottom: 0;
7877 border-bottom: 1px solid #d9e0f1;
7878 cursor: pointer;
7879 -webkit-box-sizing: border-box;
7880 -moz-box-sizing: border-box;
7881 box-sizing: border-box;
7882 }
7883 .course-curriculum .section-header .section-title, .course-curriculum .section-header .section-desc {
7884 margin: 0;
7885 }
7886 .course-curriculum .section-header span.show-desc {
7887 display: inline-block;
7888 position: absolute;
7889 top: 50%;
7890 left: 30px;
7891 width: 20px;
7892 height: 20px;
7893 transform: translate(0, -50%);
7894 }
7895 .course-curriculum .section-header span.show-desc::before {
7896 font-family: "lp-icon";
7897 font-size: 1.125em;
7898 content: "\f107";
7899 }
7900 .course-curriculum .section-header span.show-desc:hover::before {
7901 border-top-color: #ccc;
7902 }
7903 .course-curriculum .section-header .section-desc {
7904 margin-top: 10px;
7905 font-size: calc(var(--lp-font-size-base, 1em) * 0.925);
7906 color: var(--lp-color-accent);
7907 font-style: italic;
7908 line-height: 1.3;
7909 }
7910 .course-curriculum .section-header .section-meta {
7911 display: block;
7912 padding-top: 17px;
7913 padding-bottom: 15px;
7914 font-size: 0.8em;
7915 text-align: left;
7916 vertical-align: middle;
7917 white-space: nowrap;
7918 }
7919 .course-curriculum .section-item {
7920 width: 100%;
7921 }
7922 .course-curriculum .section-content {
7923 margin: 0;
7924 padding: 0;
7925 list-style: none;
7926 }
7927 .course-curriculum .section-content .course-item-meta {
7928 display: table-cell;
7929 text-align: left;
7930 vertical-align: middle;
7931 white-space: nowrap;
7932 }
7933 .course-curriculum .section-content .course-item-meta .item-meta {
7934 display: inline-block;
7935 color: #fff;
7936 }
7937 .course-curriculum .section-content .course-item-meta .item-meta.final-quiz {
7938 background: #14c4ff;
7939 }
7940 .course-curriculum .section-content .course-item-meta .item-meta.trans {
7941 padding: 0;
7942 }
7943 .course-curriculum .section-content .course-item-meta .count-questions {
7944 background: #9672cf;
7945 }
7946 .course-curriculum .section-content .course-item-meta .duration {
7947 background: #c0c0c0;
7948 }
7949 .course-curriculum .section-content .course-item-meta .course-item-status {
7950 padding: 0;
7951 color: #999;
7952 }
7953 .course-curriculum .section-content .course-item-meta .course-item-status::before {
7954 font-family: "lp-icon";
7955 content: "\f00c";
7956 }
7957 .course-curriculum .section-content .course-item-preview {
7958 font-style: normal;
7959 padding: 0;
7960 }
7961 .course-curriculum .section-content .course-item-preview::before {
7962 font-family: "lp-icon";
7963 content: "\f06e";
7964 color: #999;
7965 }
7966 .course-curriculum .course-item {
7967 display: flex;
7968 position: relative;
7969 margin: 0 0 2px 0;
7970 padding: 0 16px;
7971 background: rgba(241, 242, 248, 0.4);
7972 transition: padding-right linear 0.15s;
7973 }
7974 .course-curriculum .course-item > span {
7975 display: flex;
7976 width: 28px;
7977 color: #666;
7978 font-weight: 300;
7979 align-items: center;
7980 }
7981 .course-curriculum .course-item .section-item-link {
7982 display: flex;
7983 align-items: flex-start;
7984 justify-content: space-between;
7985 width: 100%;
7986 padding: 12px 0;
7987 color: inherit;
7988 outline: none;
7989 gap: 12px;
7990 }
7991 .course-curriculum .course-item .section-item-link:hover .item-name {
7992 color: var(--lp-primary-color);
7993 }
7994 .course-curriculum .course-item .section-item-link::before {
7995 color: var(--lp-primary-color);
7996 font-family: "lp-icon";
7997 }
7998 .course-curriculum .course-item .section-item-link .course-item-info {
7999 width: 100%;
8000 }
8001 .course-curriculum .course-item .section-item-link .course-item-info .course-item-info-pre {
8002 display: flex;
8003 flex-flow: row-reverse;
8004 justify-content: flex-end;
8005 gap: 16px;
8006 align-items: center;
8007 font-size: calc(var(--lp-font-size-base, 1em) * 0.925);
8008 }
8009 .course-curriculum .course-item .section-item-link .course-item-info .course-item-info-pre .item-meta.duration {
8010 background: transparent;
8011 }
8012 .course-curriculum .course-item .item-name {
8013 font-weight: 600;
8014 }
8015 .course-curriculum .course-item.course-item-lp_quiz .section-item-link::before {
8016 content: "\f059";
8017 }
8018 .course-curriculum .course-item.course-item-lp_assignment .section-item-link::before {
8019 content: "\e929" !important;
8020 }
8021 .course-curriculum .course-item.course-item.course-item-lp_h5p .section-item-link::before {
8022 content: "\e92a" !important;
8023 }
8024 .course-curriculum .course-item.course-item-lp_lesson .section-item-link::before {
8025 content: "\f15b";
8026 }
8027 .course-curriculum .course-item.course-item-lp_lesson.course-item-type-video .section-item-link::before {
8028 content: "\f03d";
8029 }
8030 .course-curriculum .course-item.course-item-lp_lesson.course-item-type-audio .section-item-link::before {
8031 content: "\f028";
8032 }
8033 .course-curriculum .course-item.item-locked .course-item-status::before {
8034 color: var(--lp-secondary-color);
8035 content: "\f023";
8036 }
8037 .course-curriculum .course-item.has-status {
8038 padding-top: 1px;
8039 }
8040 .course-curriculum .course-item.has-status.status-completed .course-item-status::before, .course-curriculum .course-item.has-status.status-evaluated .course-item-status::before {
8041 color: #3bb54a;
8042 }
8043 .course-curriculum .course-item.has-status.item-failed .course-item-status::before, .course-curriculum .course-item.has-status.failed .course-item-status::before {
8044 border-color: #f02425;
8045 color: #f02425;
8046 content: "\f00d";
8047 }
8048 .course-curriculum .course-item::before {
8049 position: absolute;
8050 top: 50%;
8051 right: 0;
8052 width: 3px;
8053 height: 0;
8054 background: #00adff;
8055 content: "";
8056 transition: height linear 0.15s, top linear 0.15s;
8057 }
8058 .course-curriculum .course-item.current {
8059 background: #f9f9f9;
8060 }
8061 .course-curriculum .course-item.current a::before {
8062 right: 10px;
8063 }
8064 .course-curriculum .course-item.current::before {
8065 top: 0;
8066 height: 100%;
8067 }
8068 .course-curriculum .section-left {
8069 vertical-align: top;
8070 }
8071 .course-curriculum .section-left .section-title {
8072 font-weight: 700;
8073 font-size: calc(var(--lp-font-size-base, 1em) * 1.25);
8074 text-transform: capitalize;
8075 display: block;
8076 }
8077 .course-curriculum .curriculum-more__button {
8078 border: 1px solid var(--lp-border-color, #E2E0DB);
8079 border-radius: var(--lp-border-radius, 5px);
8080 padding: 8px 16px;
8081 box-shadow: none;
8082 outline: none;
8083 width: 100%;
8084 margin-top: 20px;
8085 margin-bottom: 20px;
8086 }
8087 .course-curriculum .curriculum-more__button.loading:before {
8088 display: inline-block;
8089 font-family: "lp-icon";
8090 content: "\f110";
8091 animation: lp-rotating 1s linear infinite;
8092 margin-left: 5px;
8093 font-variant: normal;
8094 text-transform: none;
8095 -webkit-font-smoothing: antialiased;
8096 -moz-osx-font-smoothing: grayscale;
8097 }
8098
8099 body .content-item-summary .form-button-finish-course, body .lp-quiz-buttons .form-button-finish-course {
8100 float: left;
8101 }
8102
8103 #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 {
8104 top: 2px;
8105 font-family: "lp-icon";
8106 }
8107 #wpadminbar #wp-admin-bar-edit-lp_quiz .ab-item::before {
8108 content: "\f017";
8109 }
8110 #wpadminbar #wp-admin-bar-edit-lp_lesson .ab-item::before {
8111 content: "\f15c";
8112 }
8113 #wpadminbar #wp-admin-bar-edit-lp_question .ab-item::before {
8114 content: "\f29c";
8115 }
8116
8117 .course-remaining-time .label-enrolled {
8118 font-size: inherit;
8119 }
8120
8121 .lp-course-progress {
8122 position: relative;
8123 }
8124 .lp-course-progress .lp-passing-conditional {
8125 position: absolute;
8126 top: 0;
8127 width: 3px;
8128 height: 6px;
8129 margin-right: -1px;
8130 background: var(--lp-secondary-color);
8131 }
8132
8133 .viewing-course-item .section-header .section-desc {
8134 display: none;
8135 }
8136
8137 .lp-course-curriculum ul, .lp-course-curriculum li {
8138 list-style: none;
8139 margin: 0;
8140 padding: 0;
8141 }
8142 .lp-course-curriculum .course-curriculum-info {
8143 display: flex;
8144 justify-content: space-between;
8145 gap: 20px;
8146 margin-bottom: 20px;
8147 }
8148 .lp-course-curriculum .course-curriculum-info__left {
8149 display: flex;
8150 align-items: center;
8151 flex-wrap: wrap;
8152 gap: 8px;
8153 }
8154 .lp-course-curriculum .course-curriculum-info__left li {
8155 display: inline-flex;
8156 align-items: center;
8157 gap: 8px;
8158 }
8159 .lp-course-curriculum .course-curriculum-info__left li::after {
8160 content: "";
8161 width: 4px;
8162 height: 4px;
8163 background-color: var(--lp-border-color, #E2E0DB);
8164 display: inline-block;
8165 }
8166 .lp-course-curriculum .course-curriculum-info__left li:last-child::after {
8167 content: none;
8168 }
8169 .lp-course-curriculum .course-curriculum-info__right {
8170 font-weight: var(--lp-font-weight-link, 600);
8171 text-align: left;
8172 text-transform: capitalize;
8173 }
8174 .lp-course-curriculum .course-toggle-all-sections {
8175 cursor: pointer;
8176 }
8177 .lp-course-curriculum .course-section {
8178 margin-bottom: 8px;
8179 border: 1px solid var(--lp-border-color, #E2E0DB);
8180 border-radius: var(--lp-border-radius, 5px);
8181 cursor: pointer;
8182 overflow: hidden;
8183 }
8184 .lp-course-curriculum .course-section.lp-collapse .course-section__items {
8185 display: none;
8186 animation: ease-in-out;
8187 }
8188 .lp-course-curriculum .course-section.lp-collapse .lp-icon-angle-up {
8189 display: none;
8190 }
8191 .lp-course-curriculum .course-section.lp-collapse .lp-icon-angle-down {
8192 display: block;
8193 }
8194 .lp-course-curriculum .course-section .lp-icon-angle-down {
8195 display: none;
8196 }
8197 .lp-course-curriculum .course-section:last-child {
8198 margin-bottom: 0;
8199 }
8200 .lp-course-curriculum .course-section .course-section-header {
8201 background-color: var(--lp-white-grey, #F7F7FB);
8202 padding: 20px;
8203 column-gap: 12px;
8204 display: flex;
8205 justify-content: space-between;
8206 }
8207 .lp-course-curriculum .course-section__title {
8208 font-weight: 600;
8209 font-size: 1.1em;
8210 line-height: 1.3em;
8211 }
8212 .lp-course-curriculum .course-section__description {
8213 margin: 4px 0 0 0;
8214 }
8215 .lp-course-curriculum .course-section .section-toggle {
8216 line-height: 1;
8217 }
8218 .lp-course-curriculum .course-section .section-toggle i {
8219 font-size: 24px;
8220 }
8221 .lp-course-curriculum .course-section .course-section-info {
8222 margin-right: 0;
8223 margin-left: auto;
8224 }
8225 .lp-course-curriculum .course-section .section-count-items {
8226 min-width: 24px;
8227 font-weight: 600;
8228 text-align: center;
8229 line-height: 1.3;
8230 white-space: nowrap;
8231 }
8232 .lp-course-curriculum .course-section .course-item {
8233 background-color: transparent;
8234 border-top: 1px solid var(--lp-border-color, #E2E0DB);
8235 padding: 12px 20px;
8236 margin: 0;
8237 }
8238 .lp-course-curriculum .course-section .course-item__link {
8239 display: flex;
8240 justify-content: space-between;
8241 width: 100%;
8242 column-gap: 12px;
8243 row-gap: 8px;
8244 position: relative;
8245 align-items: flex-start;
8246 color: inherit;
8247 }
8248 .lp-course-curriculum .course-section .course-item__info {
8249 display: flex;
8250 column-gap: 12px;
8251 row-gap: 8px;
8252 }
8253 .lp-course-curriculum .course-section .course-item__info .course-item-ico {
8254 min-width: 16px;
8255 }
8256 .lp-course-curriculum .course-section .course-item__content {
8257 display: flex;
8258 justify-content: space-between;
8259 column-gap: 12px;
8260 row-gap: 8px;
8261 align-items: baseline;
8262 flex: 1;
8263 }
8264 @media (max-width: 1024px) {
8265 .lp-course-curriculum .course-section .course-item__content {
8266 flex-wrap: wrap;
8267 }
8268 }
8269 .lp-course-curriculum .course-section .course-item__left:hover {
8270 color: var(--lp-primary-color, #ffb606);
8271 }
8272 .lp-course-curriculum .course-section .course-item__right {
8273 display: flex;
8274 column-gap: 12px;
8275 row-gap: 8px;
8276 align-items: center;
8277 flex: none;
8278 color: var(--lp-color-meta, #8a8a8a);
8279 flex-wrap: wrap;
8280 flex-direction: row-reverse;
8281 justify-content: flex-end;
8282 }
8283 @media (max-width: 1024px) {
8284 .lp-course-curriculum .course-section .course-item__right {
8285 width: 100%;
8286 order: 3;
8287 }
8288 }
8289 .lp-course-curriculum .course-section .course-item__status .course-item-ico {
8290 width: 24px;
8291 display: flex;
8292 justify-content: center;
8293 }
8294 .lp-course-curriculum .course-section .course-item-ico::before {
8295 content: "";
8296 display: inline-block;
8297 font-family: "lp-icon";
8298 font-weight: normal;
8299 }
8300 .lp-course-curriculum .course-section .course-item-ico.lp_lesson::before {
8301 content: "\f15b";
8302 }
8303 .lp-course-curriculum .course-section .course-item-ico.lp_quiz::before {
8304 content: "\f12e";
8305 }
8306 .lp-course-curriculum .course-section .course-item-ico.lp_assignment::before {
8307 content: "\e929";
8308 }
8309 .lp-course-curriculum .course-section .course-item-ico.lp_h5p::before {
8310 content: "\e92a";
8311 }
8312 .lp-course-curriculum .course-section .course-item-ico.preview::before {
8313 content: "\f06e";
8314 color: #999;
8315 }
8316 .lp-course-curriculum .course-section .course-item-ico.locked::before {
8317 content: "\f023";
8318 color: #999;
8319 }
8320 .lp-course-curriculum .course-section .course-item-ico.passed.completed::before {
8321 content: "\f00c";
8322 color: #3bb54a;
8323 }
8324 .lp-course-curriculum .course-section .course-item-ico.in-progress::before, .lp-course-curriculum .course-section .course-item-ico.completed::before {
8325 content: "\f00c";
8326 color: #999;
8327 }
8328 .lp-course-curriculum .course-section .course-item-ico.failed.completed::before {
8329 content: "\f00d";
8330 color: #f02425;
8331 }
8332 .lp-course-curriculum .course-section .course-item-ico.started::before {
8333 content: "\f00c";
8334 color: #999;
8335 }
8336 .lp-course-curriculum .course-section .course-item-ico.doing::before {
8337 content: "\e921";
8338 color: #999;
8339 }
8340
8341 .info-learning .course-progress__line {
8342 width: 100%;
8343 background: #ccc;
8344 height: 5px;
8345 border-radius: 5px;
8346 position: relative;
8347 }
8348 .info-learning .course-progress__line__active {
8349 background: var(--lp-primary-color);
8350 height: 100%;
8351 border-radius: 5px;
8352 position: absolute;
8353 top: 0;
8354 right: 0;
8355 }
8356 .info-learning .course-progress__line__active {
8357 background: var(--lp-primary-color);
8358 height: 100%;
8359 border-radius: 5px;
8360 position: absolute;
8361 top: 0;
8362 right: 0;
8363 }
8364 .info-learning .course-progress__line__point {
8365 position: absolute;
8366 top: 0;
8367 width: 2px;
8368 height: 100%;
8369 background: var(--lp-secondary-color);
8370 }
8371
8372 /*
8373 Css for Block of Gutenberg
8374 */
8375 /**
8376 * Styles for all page of Block LP
8377 *
8378 * @since 4.2.3
8379 * @version 1.0.0
8380 */
8381 .lp-ico svg {
8382 width: 20px;
8383 height: 20px;
8384 }
8385
8386 .lp-hidden {
8387 display: none !important;
8388 }
8389
8390 .course-price .origin-price {
8391 text-decoration: line-through;
8392 margin-left: 4px;
8393 font-size: calc(var(--lp-font-size-base, 1em) * 0.925);
8394 opacity: 0.6;
8395 }
8396
8397 [class*=wp-block-learnpress] img,
8398 .block-editor-block-list__block img {
8399 max-width: 100%;
8400 height: auto;
8401 }
8402 [class*=wp-block-learnpress] .info-meta-item,
8403 .block-editor-block-list__block .info-meta-item {
8404 display: flex;
8405 gap: 4px;
8406 flex-wrap: wrap;
8407 }
8408 [class*=wp-block-learnpress] .info-meta-item i,
8409 .block-editor-block-list__block .info-meta-item i {
8410 color: var(--lp-primary-color, #ffb606);
8411 }
8412 [class*=wp-block-learnpress] .info-meta-left,
8413 .block-editor-block-list__block .info-meta-left {
8414 display: flex;
8415 gap: 8px;
8416 align-items: center;
8417 letter-spacing: 0;
8418 }
8419 [class*=wp-block-learnpress] a,
8420 .block-editor-block-list__block a {
8421 text-decoration: none;
8422 }
8423
8424 .wp-block-learnpress-course-image {
8425 overflow: hidden;
8426 }
8427
8428 .wp-block-learnpress-course-instructor > div > *,
8429 .wp-block-learnpress-course-categories > div > * {
8430 display: inline;
8431 vertical-align: middle;
8432 }
8433
8434 /*
8435 Breadcrumb
8436 */
8437 .wp-block-learnpress-breadcrumb ul {
8438 margin: 0 auto;
8439 list-style: none;
8440 padding: 0;
8441 }
8442 .wp-block-learnpress-breadcrumb li {
8443 display: inline-block;
8444 margin: 0;
8445 }
8446 .wp-block-learnpress-breadcrumb i {
8447 margin: 0 8px;
8448 }
8449 .wp-block-learnpress-breadcrumb a {
8450 color: inherit;
8451 }
8452
8453 .courses-btn-load-more {
8454 padding: 8px 24px;
8455 border-radius: var(--lp-border-radius, 5px);
8456 color: var(--lp-color-base, #333);
8457 border: 1px solid var(--lp-color-base, #333);
8458 font-size: var(--lp-font-size-base, 1em);
8459 transition: all 0.3s;
8460 display: block;
8461 background: transparent;
8462 text-decoration: none;
8463 text-align: center;
8464 cursor: pointer;
8465 margin: 20px auto;
8466 }
8467 .courses-btn-load-more:hover {
8468 background: var(--lp-primary-color, #ffb606);
8469 color: var(--lp-color-white, #fff);
8470 border-color: var(--lp-primary-color, #ffb606);
8471 }
8472
8473 .lp-overlay {
8474 display: none;
8475 position: fixed;
8476 z-index: 99999;
8477 top: 0;
8478 left: 0;
8479 bottom: 0;
8480 right: 0;
8481 width: 100%;
8482 height: 100%;
8483 background-color: rgba(209, 213, 219, 0.8);
8484 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
8485 transition-duration: 150ms;
8486 transition-property: opacity;
8487 }
8488
8489 .lp-modal-dialog {
8490 display: flex;
8491 position: fixed;
8492 z-index: 9999;
8493 top: 0;
8494 left: 0;
8495 right: 0;
8496 width: 100%;
8497 min-height: 100vh;
8498 text-align: center;
8499 align-items: center;
8500 justify-content: center;
8501 }
8502 .lp-modal-dialog .learn-press-message {
8503 width: auto;
8504 margin: 0 !important;
8505 }
8506 .lp-modal-dialog .lp-modal-content {
8507 display: inline-block;
8508 overflow: hidden;
8509 z-index: 2;
8510 width: auto;
8511 max-width: 600px;
8512 border-radius: 8px;
8513 text-align: right;
8514 vertical-align: middle;
8515 background: white;
8516 color: black;
8517 }
8518 .lp-modal-dialog .lp-modal-content h2,
8519 .lp-modal-dialog .lp-modal-content h3 {
8520 margin: 0;
8521 }
8522 .lp-modal-dialog .lp-modal-content .lp-group-step h3 {
8523 border-bottom: 1px solid #eee;
8524 }
8525 .lp-modal-dialog .lp-modal-content .main-content .terms-upgrade .pd-2em {
8526 padding: 0 1em;
8527 }
8528 .lp-modal-dialog .lp-modal-header {
8529 background: #7c60d9;
8530 border-bottom: 1px solid #eee;
8531 padding: 1em;
8532 }
8533 .lp-modal-dialog .lp-modal-header h3 {
8534 margin: 0;
8535 color: white;
8536 font-weight: 400;
8537 }
8538 .lp-modal-dialog .lp-modal-body .main-content {
8539 max-height: 500px;
8540 overflow: auto;
8541 overscroll-behavior: contain;
8542 }
8543 .lp-modal-dialog .lp-modal-body .main-content h3,
8544 .lp-modal-dialog .lp-modal-body .main-content h2,
8545 .lp-modal-dialog .lp-modal-body .main-content .pd-2em {
8546 padding: 1em;
8547 }
8548 .lp-modal-dialog .lp-modal-footer {
8549 padding: 20px;
8550 background-color: #f9fafb;
8551 text-align: left;
8552 }
8553 .lp-modal-dialog .btn-yes {
8554 color: #fff;
8555 background-color: #7c60d9;
8556 }
8557 .lp-modal-dialog .lp_allow_repurchase_select {
8558 padding: 20px;
8559 background: #f7f7f7;
8560 }
8561 .lp-modal-dialog .lp_allow_repurchase_select > ul {
8562 margin: 0;
8563 padding: 0;
8564 list-style: none;
8565 }
8566 .lp-modal-dialog .lp_allow_repurchase_select > ul li label {
8567 display: flex;
8568 align-items: center;
8569 gap: 10px;
8570 }
8571 .lp-modal-dialog .lp-button {
8572 cursor: pointer;
8573 border: 1px solid var(--lp-border-color, #E2E0DB);
8574 border-radius: var(--lp-border-radius, 5px);
8575 padding: 8px 16px;
8576 }
8577 .lp-modal-dialog .lp-button.loading {
8578 pointer-events: none;
8579 opacity: 0.8;
8580 }
8581 .lp-modal-dialog .lp-button.loading:before {
8582 display: inline-block;
8583 font-family: "lp-icon";
8584 content: "\f110";
8585 animation: lp-rotating 1s linear infinite;
8586 margin-left: 5px;
8587 font-variant: normal;
8588 text-transform: none;
8589 -webkit-font-smoothing: antialiased;
8590 -moz-osx-font-smoothing: grayscale;
8591 }
8592 .lp-modal-dialog .lp-button:hover {
8593 border-color: var(--lp-primary-color, #ffb606);
8594 color: #fff;
8595 background: var(--lp-primary-color, #ffb606);
8596 }
8597
8598 .lp-button.btn-finish-course {
8599 cursor: pointer;
8600 width: 100%;
8601 padding: 12px 24px;
8602 background-color: var(--lp-primary-color, #ffb606);
8603 border-width: 0;
8604 border-radius: var(--lp-border-radius, 5px);
8605 border-color: var(--lp-primary-color, #ffb606);
8606 color: var(--lp-color-white, #fff);
8607 font-size: var(--lp-font-size-base, 1em);
8608 text-align: center;
8609 text-decoration: none;
8610 -webkit-transition: all 0.25s;
8611 -moz-transition: all 0.25s;
8612 -ms-transition: all 0.25s;
8613 -o-transition: all 0.25s;
8614 transition: all 0.25s;
8615 }
8616 .lp-button.btn-finish-course:hover {
8617 background-color: var(--lp-secondary-color, #442e66);
8618 border-color: var(--lp-secondary-color, #442e66);
8619 }
8620 .lp-button.btn-finish-course.loading {
8621 pointer-events: none;
8622 opacity: 0.8;
8623 }
8624 .lp-button.btn-finish-course.loading:before {
8625 display: inline-block;
8626 font-family: "lp-icon";
8627 content: "\f110";
8628 animation: lp-rotating 1s linear infinite;
8629 margin-left: 5px;
8630 font-variant: normal;
8631 text-transform: none;
8632 -webkit-font-smoothing: antialiased;
8633 -moz-osx-font-smoothing: grayscale;
8634 }
8635
8636 /**
8637 * Mixin
8638 */
8639 @-webkit-keyframes rotating4 {
8640 from {
8641 -webkit-transform: rotate(0deg);
8642 -o-transform: rotate(0deg);
8643 transform: rotate(0deg);
8644 }
8645 to {
8646 -webkit-transform: rotate(-360deg);
8647 -o-transform: rotate(-360deg);
8648 transform: rotate(-360deg);
8649 }
8650 }
8651 @keyframes rotating4 {
8652 from {
8653 -ms-transform: rotate(0deg);
8654 -moz-transform: rotate(0deg);
8655 -webkit-transform: rotate(0deg);
8656 -o-transform: rotate(0deg);
8657 transform: rotate(0deg);
8658 }
8659 to {
8660 -ms-transform: rotate(-360deg);
8661 -moz-transform: rotate(-360deg);
8662 -webkit-transform: rotate(-360deg);
8663 -o-transform: rotate(-360deg);
8664 transform: rotate(-360deg);
8665 }
8666 }
8667 @-webkit-keyframes animation4 {
8668 from {
8669 right: -40%;
8670 width: 40%;
8671 }
8672 to {
8673 right: 100%;
8674 width: 10%;
8675 }
8676 }
8677 @keyframes animation4 {
8678 from {
8679 right: -40%;
8680 width: 40%;
8681 }
8682 to {
8683 right: 100%;
8684 width: 10%;
8685 }
8686 }
8687 :root {
8688 --lp-cotainer-max-with: var(--lp-container-max-width);
8689 }
8690
8691 .wp-block-group {
8692 --lp-container-max-width: var(--wp--style--global--wide-size);
8693 }
8694
8695 .c-gap-4 {
8696 column-gap: 4px;
8697 }
8698
8699 .wp-block-learnpress-course-feature-review .featured-review__title {
8700 font-weight: var(--lp-font-weight-link, 600);
8701 font-size: calc(var(--lp-font-size-base, 1em) * 1.25);
8702 }
8703
8704 [class^=wp-block-learnpress] .extra-box ul {
8705 margin: 0 20px 0 0;
8706 padding: 0;
8707 }
8708
8709 .wp-block-learnpress-course-button-read-more,
8710 .wp-block-learnpress-course-button {
8711 cursor: pointer;
8712 padding: 12px 24px;
8713 background-color: var(--lp-primary-color, #ffb606);
8714 border-width: 0;
8715 border-radius: var(--lp-border-radius, 5px);
8716 border-color: var(--lp-primary-color, #ffb606);
8717 color: var(--lp-color-white, #fff);
8718 font-size: var(--lp-font-size-base, 1em);
8719 text-align: center;
8720 text-decoration: none;
8721 -webkit-transition: all 0.25s;
8722 -moz-transition: all 0.25s;
8723 -ms-transition: all 0.25s;
8724 -o-transition: all 0.25s;
8725 transition: all 0.25s;
8726 }
8727 .wp-block-learnpress-course-button-read-more:hover,
8728 .wp-block-learnpress-course-button:hover {
8729 background-color: var(--lp-secondary-color, #442e66);
8730 border-color: var(--lp-secondary-color, #442e66);
8731 }
8732 .wp-block-learnpress-course-button-read-more.loading,
8733 .wp-block-learnpress-course-button.loading {
8734 pointer-events: none;
8735 opacity: 0.8;
8736 }
8737 .wp-block-learnpress-course-button-read-more.loading:before,
8738 .wp-block-learnpress-course-button.loading:before {
8739 display: inline-block;
8740 font-family: "lp-icon";
8741 content: "\f110";
8742 animation: lp-rotating 1s linear infinite;
8743 margin-left: 5px;
8744 font-variant: normal;
8745 text-transform: none;
8746 -webkit-font-smoothing: antialiased;
8747 -moz-osx-font-smoothing: grayscale;
8748 vertical-align: middle;
8749 }
8750
8751 @media (min-width: 992px) {
8752 .lp-block-course-sidebar {
8753 margin-top: -260px;
8754 margin-block-start: -260px !important;
8755 }
8756 }
8757 .wp-block-learnpress-item-search .search-course {
8758 display: flex;
8759 position: relative;
8760 height: 70px;
8761 background: var(--lp-white-grey, #F7F7FB);
8762 }
8763 .wp-block-learnpress-item-search .search-course input[name=s] {
8764 display: block;
8765 width: 100%;
8766 margin-right: 30px;
8767 border: none;
8768 color: var(--lp-color-base, #333);
8769 background: transparent;
8770 box-shadow: none;
8771 height: auto;
8772 -webkit-box-sizing: border-box;
8773 -moz-box-sizing: border-box;
8774 box-sizing: border-box;
8775 }
8776 .wp-block-learnpress-item-search .search-course input[name=s]::-webkit-input-placeholder {
8777 color: #999;
8778 }
8779 .wp-block-learnpress-item-search .search-course input[name=s]::-moz-placeholder {
8780 color: #999;
8781 }
8782 .wp-block-learnpress-item-search .search-course input[name=s]:-ms-input-placeholder {
8783 color: #999;
8784 }
8785 .wp-block-learnpress-item-search .search-course input[name=s]:-moz-placeholder {
8786 color: #999;
8787 }
8788 .wp-block-learnpress-item-search .search-course input[name=s]::placeholder {
8789 color: #999;
8790 }
8791 .wp-block-learnpress-item-search .search-course input[name=s]::-webkit-input-placeholder {
8792 font-style: italic;
8793 }
8794 .wp-block-learnpress-item-search .search-course input[name=s]::-moz-placeholder {
8795 font-style: italic;
8796 }
8797 .wp-block-learnpress-item-search .search-course input[name=s]:-ms-input-placeholder {
8798 font-style: italic;
8799 }
8800 .wp-block-learnpress-item-search .search-course input[name=s]:-moz-placeholder {
8801 font-style: italic;
8802 }
8803 .wp-block-learnpress-item-search .search-course input[name=s]::placeholder {
8804 font-style: italic;
8805 }
8806 .wp-block-learnpress-item-search .search-course input[name=s]:focus {
8807 outline: 0;
8808 }
8809 .wp-block-learnpress-item-search .search-course button {
8810 position: absolute;
8811 top: 0;
8812 left: 10px;
8813 height: 70px;
8814 padding: 0 16px;
8815 border: 0;
8816 background: transparent;
8817 line-height: 1px;
8818 box-shadow: none;
8819 }
8820 .wp-block-learnpress-item-search .search-course button:focus {
8821 outline: none;
8822 }
8823 .wp-block-learnpress-item-search .search-course button i {
8824 color: var(--lp-color-accent, #666);
8825 }
8826 .wp-block-learnpress-item-search .search-course button.clear {
8827 display: none;
8828 }
8829 .wp-block-learnpress-item-search .search-course button.clear::before {
8830 content: "\f00d";
8831 }
8832
8833 .wp-block-learnpress-course-material .lp-button {
8834 padding: 12px 24px;
8835 border: 1px solid var(--lp-border-color, #E2E0DB);
8836 color: var(--lp-color-base, #333);
8837 background: transparent;
8838 box-shadow: unset;
8839 font-family: inherit;
8840 font-weight: 400;
8841 text-align: center;
8842 text-transform: capitalize;
8843 -webkit-border-radius: var(--lp-border-radius, 5px);
8844 -moz-border-radius: var(--lp-border-radius, 5px);
8845 border-radius: var(--lp-border-radius, 5px);
8846 margin-top: 20px;
8847 -webkit-transition: all 0.25s;
8848 -moz-transition: all 0.25s;
8849 -ms-transition: all 0.25s;
8850 -o-transition: all 0.25s;
8851 transition: all 0.25s;
8852 }
8853 .wp-block-learnpress-course-material .course-material-table {
8854 width: 100%;
8855 display: table;
8856 border-spacing: 0;
8857 border-collapse: collapse;
8858 }
8859 .wp-block-learnpress-course-material .course-material-table tbody tr:nth-child(even) td,
8860 .wp-block-learnpress-course-material .course-material-table .learnpress table tfoot tr:nth-child(even) td {
8861 background: var(--tb-even-color, #fafafa);
8862 }
8863 .wp-block-learnpress-course-material .course-material-table thead {
8864 box-sizing: border-box;
8865 border: 1px solid var(--lp-border-color, #e2e0db);
8866 }
8867 .wp-block-learnpress-course-material .course-material-table th,
8868 .wp-block-learnpress-course-material .course-material-table td {
8869 padding: 0.7em 1em;
8870 border: 1px solid var(--lp-border-color, #e2e0db);
8871 background: #fff;
8872 }
8873 .wp-block-learnpress-course-material .course-material-table th {
8874 border-bottom: none;
8875 background: var(--lp-white-grey, #f7f7fb);
8876 font-weight: 600;
8877 text-align: center;
8878 }
8879 .wp-block-learnpress-course-material .course-material-table th:first-child {
8880 text-align: right;
8881 }
8882 .wp-block-learnpress-course-material .course-material-table tr td {
8883 border: 1px solid var(--lp-border-color, #e2e0db);
8884 line-height: 1.4;
8885 }
8886 .wp-block-learnpress-course-material .course-material-table tr td:not(:first-child) {
8887 text-align: center;
8888 }
8889 .wp-block-learnpress-course-material .course-material-table tfoot td {
8890 text-align: right;
8891 font-weight: bold;
8892 }
8893 .wp-block-learnpress-course-material .course-material-table.searching button:before {
8894 display: inline-block;
8895 content: "\f110";
8896 animation: lp-rotating 1s linear infinite;
8897 }
8898
8899 .wp-block-learnpress-item-hidden-sidebar .section-toggle {
8900 justify-content: flex-end;
8901 flex: 0;
8902 }
8903 .wp-block-learnpress-item-hidden-sidebar .section-toggle i {
8904 color: var(--lp-color-accent, #666);
8905 }
8906
8907 .wp-block-learnpress-item-close .back-course {
8908 padding: 24px;
8909 line-height: 70px;
8910 background: rgba(255, 255, 255, 0.1);
8911 color: #fff;
8912 }
8913 .wp-block-learnpress-item-close .back-course:hover {
8914 background: rgba(255, 255, 255, 0.15);
8915 }
8916 @media (max-width: 768px) {
8917 .wp-block-learnpress-item-close .back-course {
8918 background: transparent;
8919 opacity: 0.6;
8920 padding-right: 15px;
8921 padding-left: 15px;
8922 }
8923 .wp-block-learnpress-item-close .back-course:hover {
8924 background: transparent;
8925 opacity: 1;
8926 }
8927 }
8928
8929 .wp-block-learnpress-item-hidden-sidebar #sidebar-toggle {
8930 display: inline-block;
8931 width: 32px;
8932 min-width: 32px;
8933 line-height: 70px;
8934 height: unset;
8935 margin: 0;
8936 background: rgba(255, 255, 255, 0.1);
8937 color: var(--lp-color-white, #fff);
8938 font-size: 1.4em;
8939 cursor: pointer;
8940 transition: 0.25s;
8941 -webkit-appearance: none;
8942 border: none;
8943 text-align: center;
8944 }
8945 .wp-block-learnpress-item-hidden-sidebar #sidebar-toggle:after {
8946 display: none;
8947 }
8948 .wp-block-learnpress-item-hidden-sidebar #sidebar-toggle::before {
8949 display: inline-block;
8950 position: static;
8951 margin: 0;
8952 width: auto;
8953 height: auto;
8954 font-family: "lp-icon";
8955 content: "\f0d9";
8956 }
8957 .wp-block-learnpress-item-hidden-sidebar #sidebar-toggle:focus {
8958 border: 0;
8959 outline: 0;
8960 }
8961
8962 .wp-block-learnpress-item-progress .items-progress {
8963 display: flex;
8964 justify-content: center;
8965 align-items: center;
8966 column-gap: 10px;
8967 white-space: nowrap;
8968 }
8969 .wp-block-learnpress-item-progress .number {
8970 padding-left: 10px;
8971 font-size: calc(var(--lp-font-size-base, 1em) * 0.86);
8972 }
8973 .wp-block-learnpress-item-progress .learn-press-progress {
8974 overflow: hidden;
8975 position: relative;
8976 width: 80px;
8977 height: 6px;
8978 border-radius: 3px;
8979 }
8980 .wp-block-learnpress-item-progress .learn-press-progress .progress-bg {
8981 overflow: hidden;
8982 position: relative;
8983 height: 6px;
8984 background: #ccc;
8985 -webkit-border-radius: 5px;
8986 -moz-border-radius: 5px;
8987 border-radius: 5px;
8988 }
8989 .wp-block-learnpress-item-progress .learn-press-progress .progress-bg .progress-active {
8990 position: absolute;
8991 right: 50%;
8992 width: 100%;
8993 height: 100%;
8994 margin-right: -100%;
8995 background: var(--lp-primary-color, #ffb606);
8996 -webkit-border-radius: 5px;
8997 -moz-border-radius: 5px;
8998 border-radius: 5px;
8999 }
9000 .wp-block-learnpress-item-progress .learn-press-progress .learn-press-progress__active {
9001 position: absolute;
9002 z-index: 1;
9003 right: -100%;
9004 width: 100%;
9005 height: 100%;
9006 border-radius: 3px;
9007 background: var(--lp-primary-color, #ffb606);
9008 -webkit-transition: 0.5s;
9009 -moz-transition: 0.5s;
9010 -ms-transition: 0.5s;
9011 -o-transition: 0.5s;
9012 transition: 0.5s;
9013 }
9014 .wp-block-learnpress-item-progress .learn-press-progress::before {
9015 display: block;
9016 position: absolute;
9017 z-index: 0;
9018 top: 0;
9019 width: 100%;
9020 height: 100%;
9021 background: #ccc;
9022 content: "";
9023 }
9024
9025 .wp-block-learnpress-item-navigation .course-item-nav {
9026 display: flex;
9027 justify-content: space-between;
9028 }
9029 .wp-block-learnpress-item-navigation .course-item-nav .prev,
9030 .wp-block-learnpress-item-navigation .course-item-nav .next {
9031 display: flex;
9032 line-height: 3.125em;
9033 flex: 1;
9034 position: relative;
9035 }
9036 .wp-block-learnpress-item-navigation .course-item-nav .prev span,
9037 .wp-block-learnpress-item-navigation .course-item-nav .next span {
9038 display: block;
9039 font-weight: bold;
9040 }
9041 .wp-block-learnpress-item-navigation .course-item-nav .prev a,
9042 .wp-block-learnpress-item-navigation .course-item-nav .next a {
9043 display: block;
9044 color: var(--lp-color-accent, #666);
9045 color: #999;
9046 }
9047 .wp-block-learnpress-item-navigation .course-item-nav .prev::before,
9048 .wp-block-learnpress-item-navigation .course-item-nav .next::before {
9049 color: #999;
9050 font-family: "lp-icon";
9051 }
9052 .wp-block-learnpress-item-navigation .course-item-nav .prev:hover a, .wp-block-learnpress-item-navigation .course-item-nav .prev:hover::before,
9053 .wp-block-learnpress-item-navigation .course-item-nav .next:hover a,
9054 .wp-block-learnpress-item-navigation .course-item-nav .next:hover::before {
9055 color: var(--lp-primary-color, #ffb606);
9056 }
9057 .wp-block-learnpress-item-navigation .course-item-nav .prev:hover .course-item-nav__name,
9058 .wp-block-learnpress-item-navigation .course-item-nav .next:hover .course-item-nav__name {
9059 display: block;
9060 }
9061 .wp-block-learnpress-item-navigation .course-item-nav .next {
9062 text-align: left;
9063 flex-direction: row-reverse;
9064 }
9065 .wp-block-learnpress-item-navigation .course-item-nav .next::before {
9066 margin-right: 10px;
9067 content: "\f0da";
9068 }
9069 .wp-block-learnpress-item-navigation .course-item-nav .next[data-nav=next] {
9070 justify-content: flex-end;
9071 }
9072 .wp-block-learnpress-item-navigation .prev::before {
9073 margin-left: 10px;
9074 content: "\f0d9";
9075 }
9076 .wp-block-learnpress-item-navigation .prev .course-item-nav__name {
9077 left: auto;
9078 right: -30px;
9079 }
9080 .wp-block-learnpress-item-navigation .prev .course-item-nav__name::before {
9081 left: auto;
9082 right: 5px;
9083 }
9084 @media (max-width: 1024px) {
9085 .wp-block-learnpress-item-navigation .prev .course-item-nav__name {
9086 right: 15px;
9087 }
9088 }
9089 .wp-block-learnpress-item-navigation .course-item-nav__name {
9090 display: none;
9091 position: absolute;
9092 top: -20px;
9093 left: -30px;
9094 width: auto;
9095 padding: 10px 15px;
9096 color: var(--lp-color-accent, #666);
9097 background: #ccc;
9098 font-size: calc(var(--lp-font-size-base, 1em) * 0.925);
9099 line-height: 1;
9100 }
9101 @media (max-width: 1024px) {
9102 .wp-block-learnpress-item-navigation .course-item-nav__name {
9103 top: -25px;
9104 left: 15px;
9105 right: auto;
9106 }
9107 }
9108
9109 .wp-block-learnpress-item-curriculum .lp-course-curriculum__title,
9110 .wp-block-learnpress-item-curriculum .course-curriculum-info,
9111 .wp-block-learnpress-item-curriculum .course-section__description {
9112 display: none;
9113 }
9114
9115 .wp-block-learnpress-item-content .content-item-wrap {
9116 padding: 0;
9117 }
9118
9119 .wp-block-learnpress-item-curriculum .lp-course-curriculum .course-section .course-item__content {
9120 display: flex;
9121 justify-content: space-between;
9122 column-gap: 12px;
9123 row-gap: 8px;
9124 align-items: baseline;
9125 flex: 1;
9126 flex-direction: row;
9127 }
9128
9129 .wp-block-learnpress-list-courses .learn-press-courses .course {
9130 width: unset;
9131 padding: 0;
9132 }
9133
9134 .wp-block-learnpress-course-featured .course-featured {
9135 margin-bottom: 0;
9136 background-color: inherit;
9137 color: inherit;
9138 padding: 0;
9139 }
9140
9141 .courses-order-by,
9142 .block-courses-order-by {
9143 border: 1px solid var(--lp-border-color, #E2E0DB);
9144 border-radius: var(--lp-border-radius, 5px);
9145 padding: 8px 16px;
9146 height: inherit;
9147 font-size: inherit;
9148 line-height: 1.1;
9149 box-shadow: none;
9150 padding-left: 30px;
9151 background-image: url(data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjE4cHgiIGhlaWdodD0iMTBweCIgdmlld0JveD0iMCAwIDE4IDEwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4KICAgICAgICA8ZyBpZD0iVmVjdG9yLSgxKSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMS4wMDAwMDAsIDEuMDAwMDAwKSIgc3Ryb2tlPSIjMzMzMzMzIiBzdHJva2Utd2lkdGg9IjIiPgogICAgICAgICAgICA8cG9seWxpbmUgaWQ9IlBhdGgiIHBvaW50cz0iMCAwIDggOCAxNiAwIj48L3BvbHlsaW5lPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
9152 background-size: 0.8em;
9153 background-position: calc(100% - (100% - 0.5em)) center;
9154 background-repeat: no-repeat;
9155 -moz-appearance: none;
9156 -webkit-appearance: none;
9157 appearance: none;
9158 line-height: 1.1;
9159 }
9160 .woocommerce-js .courses-order-by,
9161 .woocommerce-js .block-courses-order-by {
9162 background-position-x: calc(100% - (100% - 10px));
9163 }
9164 .courses-order-by:focus,
9165 .block-courses-order-by:focus {
9166 border-color: var(--lp-primary-color);
9167 outline: 0;
9168 }
9169
9170 .course-img img {
9171 display: block;
9172 }
9173
9174 .block-search-courses {
9175 display: flex;
9176 flex: 1;
9177 margin-bottom: 0;
9178 }
9179 .block-search-courses input {
9180 width: 100%;
9181 max-width: 240px;
9182 margin: 0 0 0 4px;
9183 border: 1px solid var(--lp-border-color, #E2E0DB);
9184 border-radius: var(--lp-border-radius, 5px);
9185 padding: 8px 16px;
9186 height: inherit;
9187 font-size: inherit;
9188 line-height: 1.1;
9189 box-shadow: none;
9190 }
9191 .block-search-courses input::-webkit-input-placeholder {
9192 color: #999;
9193 }
9194 .block-search-courses input::-moz-placeholder {
9195 color: #999;
9196 }
9197 .block-search-courses input:-ms-input-placeholder {
9198 color: #999;
9199 }
9200 .block-search-courses input:-moz-placeholder {
9201 color: #999;
9202 }
9203 .block-search-courses input::placeholder {
9204 color: #999;
9205 }
9206 .block-search-courses input:focus {
9207 border-color: var(--lp-primary-color);
9208 outline: 0;
9209 }
9210 .block-search-courses button {
9211 border: 1px solid var(--lp-border-color, #E2E0DB);
9212 border-radius: var(--lp-border-radius, 5px);
9213 padding: 8px 16px;
9214 height: inherit;
9215 font-size: inherit;
9216 line-height: 1.1;
9217 box-shadow: none;
9218 box-shadow: 0 0 0;
9219 }
9220 .block-search-courses button i {
9221 font-size: 1.2em;
9222 line-height: 1.2;
9223 }
9224 .block-search-courses button:focus {
9225 outline: 0;
9226 }
9227 .block-search-courses button.loading > i:before {
9228 display: inline-block;
9229 content: "\f110";
9230 -webkit-animation: lp-rotating 1s linear infinite;
9231 -moz-animation: lp-rotating 1s linear infinite;
9232 animation: lp-rotating 1s linear infinite;
9233 }
9234
9235 @media (max-width: 767px) {
9236 .wp-block-learnpress-course-search {
9237 width: 100%;
9238 }
9239 .wp-block-learnpress-course-search input {
9240 min-width: 240px;
9241 max-width: unset;
9242 }
9243 }
9244 .course-filter-btn-mobile {
9245 display: inline-flex;
9246 align-items: center;
9247 }
9248 @media (min-width: 769px) {
9249 .course-filter-btn-mobile {
9250 display: none;
9251 }
9252 }
9253
9254 ul.wp-block-learn-press-courses {
9255 list-style: none;
9256 margin: 0;
9257 max-width: 100%;
9258 padding: 0;
9259 }
9260 ul.wp-block-learn-press-courses[data-layout=grid] {
9261 --columns: 3;
9262 --gap: 1.25em;
9263 --min-width: 200px;
9264 grid-gap: var(--gap);
9265 display: grid;
9266 grid-template-columns: repeat(auto-fill, minmax(max(var(--min-width), 100% / var(--columns) - var(--gap) * (var(--columns) - 1) / var(--columns)), 1fr));
9267 margin-bottom: 2.25em;
9268 }
9269 @media (max-width: 768px) {
9270 ul.wp-block-learn-press-courses .wp-block-learn-press-courses[data-layout=grid] {
9271 --columns: min(var(--columns), 2);
9272 }
9273 }
9274 @media (max-width: 480px) {
9275 ul.wp-block-learn-press-courses .wp-block-learn-press-courses[data-layout=grid] {
9276 --columns: 1;
9277 }
9278 }
9279
9280 .wp-block-learnpress-course-price .course-price .free,
9281 .wp-block-learnpress-course-price .course-price .price {
9282 font-size: calc(var(--lp-font-size-base, 1em) * 1.25);
9283 font-weight: var(--lp-font-weight-link, 600);
9284 }
9285 .wp-block-learnpress-course-price .course-price .origin-price {
9286 margin-left: 8px;
9287 opacity: 0.8;
9288 font-size: calc(var(--lp-font-size-base, 1em) * 0.925);
9289 text-decoration: line-through;
9290 }
9291
9292 .wp-block-learnpress-course-button-read-more button {
9293 padding: 8px 24px;
9294 border-radius: var(--lp-border-radius, 5px);
9295 color: var(--lp-color-base, #333);
9296 border: 1px solid var(--lp-color-base, #333);
9297 transition: all 0.3s;
9298 display: block;
9299 background: transparent;
9300 text-decoration: none;
9301 text-align: center;
9302 }
9303 .wp-block-learnpress-course-button-read-more button:hover {
9304 background: var(--lp-primary-color, #ffb606);
9305 color: var(--lp-color-white, #fff);
9306 border-color: var(--lp-primary-color, #ffb606);
9307 }
9308
9309 .wp-block-learnpress-course-button .course-readmore a {
9310 padding: 8px 24px;
9311 border-radius: var(--lp-border-radius, 5px);
9312 color: var(--lp-color-base, #333);
9313 border: 1px solid var(--lp-color-base, #333);
9314 transition: all 0.3s;
9315 display: block;
9316 background: transparent;
9317 text-decoration: none;
9318 text-align: center;
9319 }
9320 .wp-block-learnpress-course-button .course-readmore a:hover {
9321 background: var(--lp-primary-color, #ffb606);
9322 color: var(--lp-color-white, #fff);
9323 border-color: var(--lp-primary-color, #ffb606);
9324 }
9325
9326 .courses-order-by-wrapper .courses-order-by {
9327 border: 1px solid var(--lp-border-color, #E2E0DB);
9328 border-radius: var(--lp-border-radius, 5px);
9329 padding: 8px 16px;
9330 height: inherit;
9331 font-size: inherit;
9332 line-height: 1.1;
9333 box-shadow: none;
9334 padding-left: 30px;
9335 background-image: url(data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjE4cHgiIGhlaWdodD0iMTBweCIgdmlld0JveD0iMCAwIDE4IDEwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4KICAgICAgICA8ZyBpZD0iVmVjdG9yLSgxKSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMS4wMDAwMDAsIDEuMDAwMDAwKSIgc3Ryb2tlPSIjMzMzMzMzIiBzdHJva2Utd2lkdGg9IjIiPgogICAgICAgICAgICA8cG9seWxpbmUgaWQ9IlBhdGgiIHBvaW50cz0iMCAwIDggOCAxNiAwIj48L3BvbHlsaW5lPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
9336 background-size: 0.8em;
9337 background-position: calc(100% - (100% - 0.5em)) center;
9338 background-repeat: no-repeat;
9339 -moz-appearance: none;
9340 -webkit-appearance: none;
9341 appearance: none;
9342 line-height: 1.1;
9343 }
9344 .woocommerce-js .courses-order-by-wrapper .courses-order-by {
9345 background-position-x: calc(100% - (100% - 10px));
9346 }
9347 .courses-order-by-wrapper .courses-order-by:focus {
9348 border-color: var(--lp-primary-color, #ffb606);
9349 outline: 0;
9350 }
9351
9352 .wp-block-learnpress-course-filter h3 {
9353 margin-bottom: 20px;
9354 margin-top: 0;
9355 }
9356 .wp-block-learnpress-course-filter .filter .line {
9357 height: 15px;
9358 background: #ccc;
9359 margin-bottom: 10px;
9360 }
9361
9362 .wp-block-learnpress-course-search-filter,
9363 .wp-block-learnpress-course-level-filter,
9364 .wp-block-learnpress-course-author-filter,
9365 .wp-block-learnpress-course-price-filter,
9366 .wp-block-learnpress-course-categories-filter,
9367 .wp-block-learnpress-course-tag-filter {
9368 margin-bottom: 15px;
9369 padding-bottom: 15px;
9370 border-bottom: 1px solid #ccc;
9371 }
9372 .wp-block-learnpress-course-search-filter .lp-course-filter__field,
9373 .wp-block-learnpress-course-level-filter .lp-course-filter__field,
9374 .wp-block-learnpress-course-author-filter .lp-course-filter__field,
9375 .wp-block-learnpress-course-price-filter .lp-course-filter__field,
9376 .wp-block-learnpress-course-categories-filter .lp-course-filter__field,
9377 .wp-block-learnpress-course-tag-filter .lp-course-filter__field {
9378 position: relative;
9379 display: flex;
9380 align-items: center;
9381 gap: 10px;
9382 cursor: pointer;
9383 }
9384 .wp-block-learnpress-course-search-filter label,
9385 .wp-block-learnpress-course-level-filter label,
9386 .wp-block-learnpress-course-author-filter label,
9387 .wp-block-learnpress-course-price-filter label,
9388 .wp-block-learnpress-course-categories-filter label,
9389 .wp-block-learnpress-course-tag-filter label {
9390 flex: 1;
9391 }
9392 .wp-block-learnpress-course-search-filter span,
9393 .wp-block-learnpress-course-level-filter span,
9394 .wp-block-learnpress-course-author-filter span,
9395 .wp-block-learnpress-course-price-filter span,
9396 .wp-block-learnpress-course-categories-filter span,
9397 .wp-block-learnpress-course-tag-filter span {
9398 color: #999;
9399 }
9400
9401 .wp-block-learnpress-course-search-filter .search-box {
9402 width: 100%;
9403 height: 40px;
9404 border: 1px solid #ccc;
9405 border-radius: 5px;
9406 margin-top: 12px;
9407 }
9408
9409 .wp-block-learnpress-button-submit-filter,
9410 .wp-block-learnpress-button-reset-filter {
9411 box-sizing: border-box;
9412 text-transform: capitalize;
9413 border: 1px solid #ccc;
9414 border-radius: 4px;
9415 background: white;
9416 float: right;
9417 text-align: center;
9418 width: calc(50% - 8px);
9419 padding: 8px 30px;
9420 }
9421
9422 .wp-block-learnpress-button-submit-filter {
9423 margin-left: 4px;
9424 }
9425
9426 .wp-block-learnpress-button-reset-filter {
9427 margin-right: 4px;
9428 }
9429
9430 .block-editor-block-list__block img {
9431 display: block;
9432 }
9433 .block-editor-block-list__block .learn-press-courses {
9434 list-style: none;
9435 margin: 0;
9436 max-width: 100%;
9437 padding: 0;
9438 }
9439 .block-editor-block-list__block a {
9440 text-decoration: none;
9441 }
9442 .block-editor-block-list__block .c-gap-4 {
9443 column-gap: 4px;
9444 }
9445 .block-editor-block-list__block .lp-course-curriculum .course-section .course-item__right {
9446 color: inherit;
9447 }
9448 .block-editor-block-list__block.wp-block-learnpress-course-title > * {
9449 margin-top: 0;
9450 }
9451
9452 a.block-editor-block-list__block.wp-block-learnpress-course-button {
9453 padding: 8px 24px;
9454 border-radius: var(--lp-border-radius, 5px);
9455 color: var(--lp-color-base, #333);
9456 border: 1px solid var(--lp-color-base, #333);
9457 transition: all 0.3s;
9458 display: block;
9459 background: transparent;
9460 text-decoration: none;
9461 text-align: center;
9462 }
9463 a.block-editor-block-list__block.wp-block-learnpress-course-button:hover {
9464 background: var(--lp-primary-color, #ffb606);
9465 color: var(--lp-color-white, #fff);
9466 border-color: var(--lp-primary-color, #ffb606);
9467 }
9468
9469 @keyframes lp-rotating {
9470 from {
9471 -webkit-transform: rotate(0deg);
9472 -moz-transform: rotate(0deg);
9473 -ms-transform: rotate(0deg);
9474 -o-transform: rotate(0deg);
9475 transform: rotate(0deg);
9476 }
9477 to {
9478 -webkit-transform: rotate(-360deg);
9479 -moz-transform: rotate(-360deg);
9480 -ms-transform: rotate(-360deg);
9481 -o-transform: rotate(-360deg);
9482 transform: rotate(-360deg);
9483 }
9484 }
9485 @-webkit-keyframes lp-rotating {
9486 from {
9487 -webkit-transform: rotate(0deg);
9488 -moz-transform: rotate(0deg);
9489 -ms-transform: rotate(0deg);
9490 -o-transform: rotate(0deg);
9491 transform: rotate(0deg);
9492 }
9493 to {
9494 -webkit-transform: rotate(-360deg);
9495 -moz-transform: rotate(-360deg);
9496 -ms-transform: rotate(-360deg);
9497 -o-transform: rotate(-360deg);
9498 transform: rotate(-360deg);
9499 }
9500 }
9501 .lp-loading-change {
9502 position: absolute;
9503 width: 100%;
9504 height: 100%;
9505 background: rgba(255, 255, 255, 0.38);
9506 top: 0;
9507 }
9508
9509 .lp-load-ajax-element {
9510 position: relative;
9511 }
9512
9513 .lp-loading-circle {
9514 width: 15px;
9515 height: 15px;
9516 border: 2px solid #ccc;
9517 border-radius: 50%;
9518 border-top-color: rgba(0, 0, 0, 0.76);
9519 animation: spin 1s infinite linear;
9520 display: inline-block;
9521 }
9522 .lp-loading-circle.hide {
9523 display: none;
9524 }
9525
9526 @keyframes spin {
9527 0% {
9528 transform: rotate(0deg);
9529 }
9530 100% {
9531 transform: rotate(-360deg);
9532 }
9533 }
9534 .lp-btn-ai-style {
9535 background: #f6f7f7;
9536 border: 1px solid #2271b1;
9537 color: #2271b1;
9538 text-decoration: none;
9539 text-shadow: none;
9540 display: inline-flex;
9541 align-items: center;
9542 gap: 5px;
9543 min-height: 30px;
9544 padding: 0 10px;
9545 cursor: pointer;
9546 -webkit-appearance: none;
9547 border-radius: 3px;
9548 white-space: nowrap;
9549 box-sizing: border-box;
9550 }
9551 .lp-btn-ai-style:active {
9552 box-shadow: none;
9553 color: #fff;
9554 }
9555 .lp-btn-ai-style:hover {
9556 background: #6B46E9 !important;
9557 color: #fff !important;
9558 }
9559
9560 .lp-btn-generate-course-with-ai, .lp-btn-warning-enable-ai {
9561 position: absolute;
9562 margin: 10px 10px 0 0 !important;
9563 }
9564
9565 .create-course-modal {
9566 padding: 0;
9567 display: flex !important;
9568 flex-direction: column;
9569 overflow: hidden;
9570 border-radius: 10px;
9571 background-color: #FFFFFF;
9572 height: 90vh;
9573 z-index: 10000000 !important;
9574 }
9575 .create-course-modal .modal-content {
9576 display: grid;
9577 grid-template-columns: 1fr 2fr;
9578 flex-grow: 1;
9579 gap: 30px;
9580 min-height: 500px;
9581 padding: 0 24px;
9582 }
9583 .create-course-modal .input-section {
9584 display: flex;
9585 flex-direction: column;
9586 }
9587 .create-course-modal .input-section label {
9588 font-weight: 700;
9589 line-height: 22px;
9590 font-size: 14px;
9591 color: #4A5568;
9592 margin-bottom: 4px;
9593 }
9594 .create-course-modal .input-section h3 {
9595 font-weight: 700;
9596 line-height: 22px;
9597 font-size: 14px;
9598 color: #4A5568;
9599 margin-bottom: 4px;
9600 }
9601 .create-course-modal .input-section textarea,
9602 .create-course-modal .input-section .ts-wrapper .ts-control {
9603 width: 100%;
9604 padding: 4px 8px;
9605 border: 1px solid #E5E7EB;
9606 border-radius: 6px;
9607 font-size: 0.95em;
9608 background-color: #F7FAFC;
9609 color: #1A202C;
9610 box-shadow: none;
9611 transition: border-color 0.2s, box-shadow 0.2s;
9612 }
9613 .create-course-modal .input-section textarea:focus, .create-course-modal .input-section textarea:focus-within,
9614 .create-course-modal .input-section .ts-wrapper .ts-control:focus,
9615 .create-course-modal .input-section .ts-wrapper .ts-control:focus-within {
9616 outline: none;
9617 border-color: #7E6CE2;
9618 box-shadow: 0 0 0 1px #7E6CE2;
9619 background-color: #FFFFFF;
9620 }
9621 .create-course-modal .input-section textarea {
9622 min-height: 150px;
9623 resize: vertical;
9624 }
9625 .create-course-modal .input-section .outputs-control {
9626 margin-top: 10px;
9627 }
9628 .create-course-modal .input-section .outputs-control .outputs-control-content {
9629 display: flex;
9630 align-items: center;
9631 justify-content: space-between;
9632 flex-direction: row;
9633 }
9634 .create-course-modal .input-section .outputs-control .outputs-control-content .output-number-selector {
9635 width: 120px;
9636 border-radius: 6px;
9637 padding: 10px 12px;
9638 border: 1px solid #E5E7EB;
9639 font-size: 0.95em;
9640 background-color: #F7FAFC;
9641 color: #1A202C;
9642 height: 40px;
9643 }
9644 .create-course-modal .input-section .lp-tom-select {
9645 width: 100%;
9646 }
9647 .create-course-modal .input-section .course-content-wrapper {
9648 background: #F7FAFC;
9649 padding: 8px 16px;
9650 border-radius: 16px;
9651 }
9652 .create-course-modal .input-section .course-content-wrapper input[readonly],
9653 .create-course-modal .input-section .course-content-wrapper textarea[readonly] {
9654 background-color: #FFFFFF !important;
9655 cursor: not-allowed;
9656 opacity: 0.8;
9657 }
9658 .create-course-modal .input-section .course-content-wrapper input[readonly]:focus,
9659 .create-course-modal .input-section .course-content-wrapper textarea[readonly]:focus {
9660 box-shadow: none;
9661 border-color: #E5E7EB;
9662 }
9663 .create-course-modal .output-section {
9664 display: flex;
9665 flex-direction: column;
9666 }
9667 .create-course-modal .output-section .output-header {
9668 display: flex;
9669 justify-content: space-between;
9670 align-items: center;
9671 margin-bottom: 8px;
9672 }
9673 .create-course-modal .output-section .output-header h3 {
9674 font-weight: 700;
9675 line-height: 22px;
9676 font-size: 14px;
9677 color: #1A202C;
9678 }
9679 .create-course-modal .output-section .output-header .icon-button {
9680 background: none;
9681 border: none;
9682 padding: 4px;
9683 cursor: pointer;
9684 color: #A0AEC0;
9685 }
9686 .create-course-modal .output-section .output-header .icon-button:hover {
9687 color: #4A5568;
9688 }
9689 .create-course-modal .output-section .output-item {
9690 border-radius: 6px;
9691 margin-bottom: 16px;
9692 background-color: #FFFFFF;
9693 position: relative;
9694 }
9695 .create-course-modal .output-section .output-item.prompt-item textarea {
9696 background-color: #F7FAFC;
9697 min-height: 80px;
9698 }
9699 .create-course-modal .output-section .output-item.output-suggestion textarea {
9700 border-color: #dbd6f7;
9701 min-height: 80px;
9702 }
9703 .create-course-modal .output-section .output-item p.prompt {
9704 font-weight: 500;
9705 color: #4A5568;
9706 font-size: 0.875rem;
9707 margin-bottom: 4px;
9708 }
9709 .create-course-modal .output-section .output-item .generate-button {
9710 background-color: #7E6CE2;
9711 color: #fff;
9712 border: none;
9713 padding: 12px 20px;
9714 border-radius: 6px;
9715 font-size: 1rem;
9716 font-weight: 500;
9717 cursor: pointer;
9718 width: 25%;
9719 margin-top: 10px;
9720 }
9721 .create-course-modal .output-section .output-item .generate-button:hover {
9722 opacity: 0.9;
9723 }
9724 .create-course-modal .output-section .output-item textarea {
9725 width: 100%;
9726 box-sizing: border-box;
9727 border: 1px solid #E5E7EB;
9728 border-radius: 6px;
9729 padding: 10px 12px;
9730 resize: vertical;
9731 font-size: 0.95em;
9732 color: #1A202C;
9733 transition: border-color 0.2s, box-shadow 0.2s;
9734 }
9735 .create-course-modal .output-section .output-item textarea:focus {
9736 outline: none;
9737 border-color: #7E6CE2;
9738 box-shadow: 0 0 0 1px #7E6CE2;
9739 }
9740 .create-course-modal .output-section .output-item .output-actions {
9741 position: absolute;
9742 top: 30%;
9743 left: 2%;
9744 display: flex;
9745 gap: 8px;
9746 visibility: hidden;
9747 }
9748 .create-course-modal .output-section .output-item .output-actions .action-button {
9749 font-size: 0.875rem;
9750 font-weight: 500;
9751 padding: 6px 12px;
9752 border-radius: 6px;
9753 cursor: pointer;
9754 border: 1px solid #E5E7EB;
9755 background-color: #FFFFFF;
9756 color: #4A5568;
9757 transition: background-color 0.2s, color 0.2s, border-color 0.2s;
9758 }
9759 .create-course-modal .output-section .output-item .output-actions .action-button.copy-button:hover {
9760 background-color: #F7FAFC;
9761 border-color: #c8ccd5;
9762 }
9763 .create-course-modal .output-section .output-item .output-actions .action-button.apply-button {
9764 background-color: #7E6CE2;
9765 border-color: #7E6CE2;
9766 color: #fff;
9767 }
9768 .create-course-modal .output-section .output-item .output-actions .action-button.apply-button:hover {
9769 opacity: 0.9;
9770 }
9771 .create-course-modal .output-section .output-item:hover .output-actions {
9772 visibility: visible;
9773 }
9774 .create-course-modal .output-section #lp-ai-output-suggestion {
9775 overflow-y: auto;
9776 flex-grow: 1;
9777 padding-left: 5px;
9778 }
9779 .create-course-modal .output-section #lp-ai-output-suggestion .output-placeholder {
9780 flex-grow: 1;
9781 border: 2px dashed #E5E7EB;
9782 border-radius: 6px;
9783 background-color: #E5E7EB;
9784 position: relative;
9785 height: 150px;
9786 width: 100%;
9787 background-position: center;
9788 background-repeat: no-repeat;
9789 margin-bottom: 10px;
9790 }
9791 .create-course-modal .output-section #lp-ai-output-suggestion .output-placeholder .output-actions {
9792 position: absolute;
9793 bottom: 5px;
9794 right: 80%;
9795 transform: translateX(50%);
9796 display: flex;
9797 gap: 10px;
9798 width: 30%;
9799 }
9800 .create-course-modal .output-section #lp-ai-output-suggestion .output-placeholder .output-actions .action-button {
9801 padding: 5px 20px;
9802 border-radius: 4px;
9803 border: 1px solid #E5E7EB;
9804 background-color: rgba(255, 255, 255, 0.8);
9805 cursor: pointer;
9806 }
9807 .create-course-modal .output-section #lp-ai-output-suggestion .output-placeholder .output-actions .apply-button {
9808 background-color: #7E6CE2;
9809 color: #fff;
9810 border-color: #7E6CE2;
9811 }
9812 .create-course-modal .ts-wrapper .ts-control .item {
9813 background-color: #F7FAFC;
9814 border: 1px solid #E5E7EB;
9815 color: #4A5568;
9816 border-radius: 20px;
9817 padding: 4px 10px;
9818 }
9819 .create-course-modal .ts-wrapper .ts-control .ts-input::placeholder {
9820 color: #A0AEC0;
9821 }
9822 .create-course-modal .modal-content {
9823 gap: 40px;
9824 padding: 24px 30px;
9825 }
9826 .create-course-modal .modal-content .input-section .form-group {
9827 margin-bottom: 16px;
9828 }
9829 .create-course-modal .modal-content .input-section .form-group label {
9830 margin-bottom: 6px;
9831 display: block;
9832 }
9833 .create-course-modal .modal-content .input-section .lp-ai-modal-grid.lp-ai-grid-2-cols {
9834 display: grid;
9835 grid-template-columns: 1fr 1fr;
9836 gap: 16px 20px;
9837 margin-bottom: 16px;
9838 }
9839 .create-course-modal .modal-content .input-section h3 {
9840 font-size: 16px;
9841 font-weight: 600;
9842 color: #1A202C;
9843 margin-top: 20px;
9844 margin-bottom: 8px;
9845 }
9846 .create-course-modal .modal-content .input-section h3:first-child {
9847 margin-top: 0;
9848 }
9849 .create-course-modal .modal-content .input-section p.description {
9850 font-size: 12px;
9851 color: #4A5568;
9852 margin: -4px 0 16px 0;
9853 }
9854 .create-course-modal .modal-content .input-section .lp-notice.notice-warning {
9855 background-color: #FEFCE8;
9856 border: 1px solid #FDE047;
9857 border-radius: 6px;
9858 padding: 12px;
9859 margin: 10px 0 20px 0;
9860 font-size: 14px;
9861 color: #713F12;
9862 }
9863 .create-course-modal .modal-content .input-section .lp-notice.notice-warning a {
9864 font-weight: 600;
9865 color: #713F12;
9866 text-decoration: underline;
9867 }
9868 .create-course-modal .modal-content .output-section .output-placeholder-wrapper {
9869 display: flex;
9870 justify-content: center;
9871 align-items: center;
9872 text-align: center;
9873 height: 100%;
9874 min-height: 200px;
9875 background-color: #F9FAFB;
9876 border-radius: 8px;
9877 border: 1px solid #E5E7EB;
9878 padding: 20px;
9879 }
9880 .create-course-modal .modal-content .output-section .output-placeholder-wrapper p {
9881 color: #4A5568;
9882 font-size: 15px;
9883 }
9884 .create-course-modal .modal-content .output-section .output-header .icon-button {
9885 display: inline-flex;
9886 align-items: center;
9887 justify-content: center;
9888 color: #4A5568;
9889 }
9890 .create-course-modal .modal-content .output-section .output-header .icon-button svg {
9891 width: 20px;
9892 height: 20px;
9893 }
9894
9895 .lp-generate-data-ai-wrap {
9896 width: 100%;
9897 max-height: 90%;
9898 }
9899 .lp-generate-data-ai-wrap .content-title {
9900 color: #111111;
9901 }
9902 .lp-generate-data-ai-wrap .step-header {
9903 display: flex;
9904 justify-content: space-between;
9905 margin-bottom: 30px;
9906 padding: 0 20px;
9907 gap: 10px;
9908 }
9909 .lp-generate-data-ai-wrap .step-header .step-item {
9910 display: flex;
9911 align-items: center;
9912 font-size: 14px;
9913 color: #1A202C;
9914 position: relative;
9915 flex-grow: 1;
9916 justify-content: center;
9917 }
9918 .lp-generate-data-ai-wrap .step-header .step-item.active .step-number {
9919 background-color: #7E6CE2;
9920 color: #fff;
9921 border-color: #7E6CE2;
9922 }
9923 .lp-generate-data-ai-wrap .step-header .step-item .step-text {
9924 color: #111111;
9925 font-weight: 600;
9926 }
9927 .lp-generate-data-ai-wrap .step-header .step-item .step-number {
9928 width: 28px;
9929 height: 28px;
9930 border-radius: 50%;
9931 border: 1px solid #E5E7EB;
9932 display: flex;
9933 justify-content: center;
9934 align-items: center;
9935 margin-left: 10px;
9936 font-weight: 500;
9937 background-color: #fff;
9938 }
9939 .lp-generate-data-ai-wrap .lp-form-generate-data-ai {
9940 border: 1px solid #E5E7EB;
9941 border-radius: 10px;
9942 padding: 20px;
9943 text-align: right;
9944 }
9945 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .lp-form-fields {
9946 min-height: 400px;
9947 max-height: 600px;
9948 overflow: auto;
9949 padding: 0 2px;
9950 }
9951 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step-title {
9952 font-size: 1.2em;
9953 font-weight: 600;
9954 margin-bottom: 10px;
9955 color: #111111;
9956 }
9957 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step-content {
9958 display: none;
9959 }
9960 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step-content.active {
9961 display: block;
9962 }
9963 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step-header h2 {
9964 font-size: 24px;
9965 font-weight: 700;
9966 margin: 0 0 8px 0;
9967 }
9968 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step-header p {
9969 font-size: 15px;
9970 color: #1A202C;
9971 margin: 0 0 30px 0;
9972 }
9973 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-grid {
9974 display: grid;
9975 grid-template-columns: 1fr 1fr;
9976 gap: 20px 30px;
9977 margin-bottom: 30px;
9978 }
9979 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group {
9980 margin-bottom: 10px;
9981 }
9982 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group.full-width {
9983 grid-column: 1/-1;
9984 }
9985 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group label {
9986 display: block;
9987 font-size: 14px;
9988 font-weight: 600;
9989 margin-bottom: 8px;
9990 color: #111111;
9991 }
9992 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group .lp-tom-select.ts-wrapper {
9993 width: 100%;
9994 }
9995 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group input,
9996 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group .ts-wrapper .ts-control,
9997 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group textarea {
9998 width: 100%;
9999 padding: 8px 16px;
10000 border-radius: 10px;
10001 border: 1px solid #E5E7EB;
10002 font-size: 14px;
10003 line-height: 1.5;
10004 box-sizing: border-box;
10005 transition: border-color 0.2s, box-shadow 0.2s;
10006 margin: 0;
10007 background-color: transparent;
10008 }
10009 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group input:focus,
10010 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group .ts-wrapper .ts-control:focus,
10011 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group textarea:focus {
10012 outline: none;
10013 border-color: #1A202C;
10014 }
10015 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group input .item,
10016 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group .ts-wrapper .ts-control .item,
10017 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group textarea .item {
10018 border: 1px solid #E5E7EB;
10019 color: #4A5568;
10020 border-radius: 6px;
10021 padding: 4px 10px;
10022 background-color: transparent;
10023 }
10024 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group input .ts-input::placeholder,
10025 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group .ts-wrapper .ts-control .ts-input::placeholder,
10026 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group textarea .ts-input::placeholder {
10027 color: #A0AEC0;
10028 }
10029 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group textarea {
10030 min-height: 86px;
10031 resize: vertical;
10032 }
10033 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group .field-description {
10034 color: #898989;
10035 margin-top: 8px;
10036 }
10037 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group .title-refer,
10038 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group .description-refer {
10039 padding: 0;
10040 border: none;
10041 font-size: 16px;
10042 min-height: unset;
10043 box-shadow: none;
10044 border-radius: 0;
10045 }
10046 .lp-generate-data-ai-wrap .lp-form-generate-data-ai #prompt-preview {
10047 min-height: 120px;
10048 background-color: #F9FAFB;
10049 color: #1A202C;
10050 }
10051 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .button-actions {
10052 display: flex;
10053 justify-content: flex-end;
10054 gap: 12px;
10055 margin-top: 20px;
10056 }
10057 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .generate-prompt {
10058 display: flex;
10059 justify-items: center;
10060 align-items: center;
10061 gap: 10px;
10062 margin-bottom: 20px;
10063 }
10064 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .generate-prompt img {
10065 display: none;
10066 }
10067 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .btn,
10068 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .lp-button {
10069 padding: 10px 20px;
10070 font-size: 15px;
10071 font-weight: 600;
10072 border-radius: 8px;
10073 cursor: pointer;
10074 border: 1px solid transparent;
10075 transition: all 0.2s;
10076 display: inline-flex;
10077 align-items: center;
10078 gap: 8px;
10079 }
10080 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .btn-primary,
10081 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .lp-button-primary {
10082 background-color: #7E6CE2;
10083 color: #fff;
10084 }
10085 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .btn-primary:hover,
10086 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .lp-button-primary:hover {
10087 background-color: #1A202C;
10088 }
10089 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .btn-secondary,
10090 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .lp-button-secondary {
10091 background-color: #fff;
10092 color: #7E6CE2;
10093 border-color: #7E6CE2;
10094 }
10095 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .btn-secondary:hover,
10096 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .lp-button-secondary:hover {
10097 background-color: #7E6CE2;
10098 color: #fff;
10099 }
10100 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .btn:disabled,
10101 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .lp-button:disabled {
10102 background-color: #E5E7EB;
10103 color: #1A202C;
10104 cursor: not-allowed;
10105 border-color: #E5E7EB;
10106 }
10107 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout {
10108 display: flex;
10109 gap: 30px;
10110 }
10111 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .step4-left-panel {
10112 flex: 2;
10113 }
10114 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .step4-right-panel {
10115 flex: 1;
10116 min-width: 300px;
10117 }
10118 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .course-details {
10119 display: none;
10120 }
10121 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .course-details h3 {
10122 font-size: 24px;
10123 font-weight: 700;
10124 color: #111827;
10125 margin-top: 0;
10126 margin-bottom: 24px;
10127 }
10128 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .course-details .course-cover-placeholder {
10129 width: 100%;
10130 height: 50vh;
10131 background-color: #E5E7EB;
10132 border-radius: 8px;
10133 display: flex;
10134 justify-content: center;
10135 align-items: center;
10136 justify-items: center;
10137 font-size: 20px;
10138 color: #6B7280;
10139 margin-bottom: 30px;
10140 font-weight: 600;
10141 }
10142 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .course-details .section-title {
10143 font-size: 18px;
10144 font-weight: 700;
10145 margin-top: 30px;
10146 margin-bottom: 16px;
10147 }
10148 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .course-details .section-course-curriculum {
10149 font-size: 18px;
10150 font-weight: 700;
10151 }
10152 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .course-details .section-course-curriculum .course-curriculum-container .course-section-block {
10153 border-radius: 8px;
10154 border: 0.8px solid #E5E7EB;
10155 padding: 16px 8px;
10156 }
10157 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .course-details .section-course-curriculum .course-curriculum-container .course-section-block h4 {
10158 font-size: 13px;
10159 font-weight: bold;
10160 }
10161 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .course-details p {
10162 font-size: 15px;
10163 line-height: 1.6;
10164 color: #374151;
10165 margin-top: 0;
10166 }
10167 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .course-details ul {
10168 list-style: none;
10169 padding: 0;
10170 margin: 12px 0 0 0;
10171 }
10172 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .course-details li {
10173 position: relative;
10174 padding-right: 20px;
10175 margin-bottom: 8px;
10176 color: #374151;
10177 font-size: 15px;
10178 }
10179 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .course-details li::before {
10180 content: "";
10181 position: absolute;
10182 right: 0;
10183 color: #1A202C;
10184 line-height: 1.5;
10185 }
10186 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .summary-panel {
10187 background-color: #F9FAFB;
10188 padding: 24px;
10189 border-radius: 8px;
10190 border: 1px solid #E5E7EB;
10191 height: fit-content;
10192 }
10193 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .summary-panel h3 {
10194 font-size: 16px;
10195 font-weight: 600;
10196 margin-top: 0;
10197 margin-bottom: 20px;
10198 }
10199 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .summary-panel .summary-list {
10200 display: none;
10201 list-style: none;
10202 padding: 0;
10203 margin: 0;
10204 }
10205 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .summary-panel .summary-list li {
10206 display: flex;
10207 align-items: center;
10208 font-size: 15px;
10209 color: #374151;
10210 margin-bottom: 12px;
10211 }
10212 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .summary-panel .summary-list li span {
10213 margin-left: 5px;
10214 }
10215 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .summary-panel .summary-list li svg {
10216 color: #1A202C;
10217 width: 20px;
10218 height: 20px;
10219 margin-left: 12px;
10220 flex-shrink: 0;
10221 }
10222 .lp-generate-data-ai-wrap .lp-form-generate-data-ai textarea[name=lp-openai-prompt-generated-field] {
10223 min-height: 300px;
10224 }
10225 .lp-generate-data-ai-wrap .lp-form-generate-data-ai textarea.lp-ai-string-result {
10226 width: 100%;
10227 }
10228 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .lp-ai-generated-results {
10229 display: grid;
10230 gap: 10px;
10231 }
10232 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .lp-ai-generated-results .lp-ai-string-result {
10233 margin-bottom: 4px;
10234 }
10235 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .lp-ai-generated-results button {
10236 margin-left: 4px;
10237 }
10238 .lp-generate-data-ai-wrap .lp-ai-course-data-preview-wrap {
10239 max-height: 400px;
10240 overflow-y: auto;
10241 margin-bottom: 20px;
10242 }
10243 .lp-generate-data-ai-wrap .lp-btn-close-ai-popup {
10244 position: absolute;
10245 top: 10px;
10246 left: 10px;
10247 background: none;
10248 border: none;
10249 font-size: 20px;
10250 cursor: pointer;
10251 color: #ccc;
10252 }
10253 .lp-generate-data-ai-wrap .lp-btn-close-ai-popup:hover {
10254 color: #f27474;
10255 }
10256 .lp-generate-data-ai-wrap .lp-ai-warning-refer {
10257 border: 1px solid #FCD34D;
10258 background-color: #FFFBEB;
10259 padding: 10px;
10260 border-radius: 5px;
10261 display: flex;
10262 gap: 5px;
10263 align-items: center;
10264 }
10265
10266 .lp-ai-course-data-preview-wrap .course-title {
10267 font-size: 1.5em;
10268 font-weight: 700;
10269 margin-bottom: 10px;
10270 color: #1A202C;
10271 }
10272 .lp-ai-course-data-preview-wrap .course-sections {
10273 margin-top: 30px;
10274 }
10275 .lp-ai-course-data-preview-wrap .section-title {
10276 font-weight: bold;
10277 font-size: 1.2em;
10278 margin-bottom: 10px;
10279 color: #1A202C;
10280 }
10281 .lp-ai-course-data-preview-wrap .lesson-title,
10282 .lp-ai-course-data-preview-wrap .quiz-title,
10283 .lp-ai-course-data-preview-wrap .question-title {
10284 font-weight: 600;
10285 font-size: 1em;
10286 margin-bottom: 8px;
10287 color: #1A202C;
10288 }
10289 .lp-ai-course-data-preview-wrap .course-section-item {
10290 border: 1px solid var(--lp-border-color, #E2E0DB);
10291 border-radius: 10px;
10292 padding: 20px;
10293 margin: 20px 0;
10294 background-color: #fff;
10295 }
10296 .lp-ai-course-data-preview-wrap .course-section-items {
10297 margin: 20px 20px 0 0;
10298 }
10299 .lp-ai-course-data-preview-wrap .course-section-items:last-child {
10300 margin-bottom: 0;
10301 }
10302 .lp-ai-course-data-preview-wrap .course-lesson-item,
10303 .lp-ai-course-data-preview-wrap .course-quiz-item,
10304 .lp-ai-course-data-preview-wrap .quiz-question-item {
10305 padding: 12px 0;
10306 border-top: 1px solid var(--lp-border-color, #E2E0DB);
10307 }
10308 .lp-ai-course-data-preview-wrap .course-lesson-item:last-child,
10309 .lp-ai-course-data-preview-wrap .course-quiz-item:last-child,
10310 .lp-ai-course-data-preview-wrap .quiz-question-item:last-child {
10311 padding-bottom: 0;
10312 }
10313 .lp-ai-course-data-preview-wrap .course-questions,
10314 .lp-ai-course-data-preview-wrap .course-question-options {
10315 margin: 20px 20px 0 0;
10316 }
10317 .lp-ai-course-data-preview-wrap .course-questions:last-child,
10318 .lp-ai-course-data-preview-wrap .course-question-options:last-child {
10319 margin-bottom: 0;
10320 }
10321
10322 .lp-ai-images-warp {
10323 display: grid;
10324 grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
10325 gap: 15px;
10326 margin-top: 20px;
10327 max-height: 400px;
10328 overflow-y: auto;
10329 }
10330 .lp-ai-images-warp .lp-ai-image-item {
10331 position: relative;
10332 }
10333 .lp-ai-images-warp .lp-ai-image-item img {
10334 object-fit: contain;
10335 width: 100%;
10336 }
10337 .lp-ai-images-warp .lp-ai-image-item .lp-btn-ai-apply-image {
10338 position: absolute;
10339 top: 5px;
10340 left: 0;
10341 transform: translateX(5%);
10342 background-color: rgba(0, 0, 0, 0.6);
10343 color: #fff;
10344 border: none;
10345 padding: 6px 12px;
10346 border-radius: 4px;
10347 font-size: 0.875rem;
10348 cursor: pointer;
10349 opacity: 0;
10350 transition: opacity 0.2s;
10351 }
10352 .lp-ai-images-warp .lp-ai-image-item:hover .lp-btn-ai-apply-image {
10353 opacity: 1;
10354 }
10355
10356 .lp-creating-course-ai-wrap .loading-wrap {
10357 margin-top: 20px;
10358 }
10359 .lp-creating-course-ai-wrap .lp-loading-circle {
10360 width: 40px;
10361 height: 40px;
10362 border-width: 5px;
10363 }
10364
10365 .lp-must-enable-ai-wrap {
10366 text-align: right;
10367 line-height: 1.6em;
10368 }
10369 .lp-must-enable-ai-wrap h2 {
10370 margin-bottom: 0;
10371 }
10372 .lp-must-enable-ai-wrap h2 i {
10373 margin-left: 10px;
10374 color: #DC2626;
10375 }
10376 .lp-must-enable-ai-wrap .desc {
10377 color: #6B7280;
10378 }
10379 .lp-must-enable-ai-wrap .p2 {
10380 color: #6B7280;
10381 }
10382 .lp-must-enable-ai-wrap a {
10383 color: #2563EB;
10384 text-decoration: underline;
10385 cursor: pointer;
10386 }
10387 .lp-must-enable-ai-wrap .help-link {
10388 padding: 16px;
10389 border: 1px solid #E5E7EB;
10390 border-radius: 8px;
10391 font-size: 13px;
10392 }
10393 .lp-must-enable-ai-wrap .help-link a {
10394 text-decoration: none;
10395 margin-top: 10px;
10396 }
10397 .lp-must-enable-ai-wrap .help-link i {
10398 color: #2A73AB;
10399 }
10400 .lp-must-enable-ai-wrap .button-actions {
10401 margin-top: 20px;
10402 text-align: left;
10403 }
10404 .lp-must-enable-ai-wrap .button-actions .lp-btn-close-ai-popup {
10405 border: none;
10406 color: #4B5563;
10407 background: none;
10408 }
10409 .lp-must-enable-ai-wrap .button-actions .button-primary {
10410 background-color: #7E6CE2;
10411 color: #fff;
10412 border: none;
10413 }
10414 .lp-must-enable-ai-wrap .button-actions .button-primary:hover {
10415 opacity: 0.9;
10416 }
10417
10418 .fui-loading-spinner-3 {
10419 color: #7E6CE2;
10420 position: relative;
10421 width: 100px;
10422 height: 80px;
10423 margin-right: 80px;
10424 display: none;
10425 }
10426 .fui-loading-spinner-3 div {
10427 transform-origin: 40px 40px;
10428 animation: rj9Ft 1.2s linear infinite;
10429 }
10430 .fui-loading-spinner-3 div:after {
10431 content: " ";
10432 display: block;
10433 position: absolute;
10434 top: 3px;
10435 right: 37px;
10436 width: 6px;
10437 height: 18px;
10438 border-radius: 20%;
10439 background: #7E6CE2;
10440 }
10441 .fui-loading-spinner-3 div:nth-child(1) {
10442 transform: rotate(0deg);
10443 animation-delay: -1.1s;
10444 }
10445 .fui-loading-spinner-3 div:nth-child(2) {
10446 transform: rotate(-30deg);
10447 animation-delay: -1s;
10448 }
10449 .fui-loading-spinner-3 div:nth-child(3) {
10450 transform: rotate(-60deg);
10451 animation-delay: -0.9s;
10452 }
10453 .fui-loading-spinner-3 div:nth-child(4) {
10454 transform: rotate(-90deg);
10455 animation-delay: -0.8s;
10456 }
10457 .fui-loading-spinner-3 div:nth-child(5) {
10458 transform: rotate(-120deg);
10459 animation-delay: -0.7s;
10460 }
10461 .fui-loading-spinner-3 div:nth-child(6) {
10462 transform: rotate(-150deg);
10463 animation-delay: -0.6s;
10464 }
10465 .fui-loading-spinner-3 div:nth-child(7) {
10466 transform: rotate(-180deg);
10467 animation-delay: -0.5s;
10468 }
10469 .fui-loading-spinner-3 div:nth-child(8) {
10470 transform: rotate(-210deg);
10471 animation-delay: -0.4s;
10472 }
10473 .fui-loading-spinner-3 div:nth-child(9) {
10474 transform: rotate(-240deg);
10475 animation-delay: -0.3s;
10476 }
10477 .fui-loading-spinner-3 div:nth-child(10) {
10478 transform: rotate(-270deg);
10479 animation-delay: -0.2s;
10480 }
10481 .fui-loading-spinner-3 div:nth-child(11) {
10482 transform: rotate(-300deg);
10483 animation-delay: -0.1s;
10484 }
10485 .fui-loading-spinner-3 div:nth-child(12) {
10486 transform: rotate(-330deg);
10487 animation-delay: 0s;
10488 }
10489
10490 @keyframes rj9Ft {
10491 0% {
10492 opacity: 1;
10493 }
10494 100% {
10495 opacity: 0;
10496 }
10497 }
10498 /**
10499 * Style for the popup alert, confirm
10500 * @link https://sweetalert2.github.io/
10501 * @since 4.2.9
10502 * @version 1.0.0
10503 */
10504 .swal2-container {
10505 z-index: 99999;
10506 }
10507
10508 .swal2-popup {
10509 max-width: 850px;
10510 }
10511 .swal2-popup .content-title {
10512 margin: 0 0 20px 0;
10513 padding: 0;
10514 text-align: center;
10515 font-size: 1.5em;
10516 font-weight: bold;
10517 }
10518 .swal2-popup .swal2-actions {
10519 width: 100%;
10520 padding: 0 30px;
10521 }
10522 .swal2-popup .swal2-actions button {
10523 flex: 1;
10524 }
10525 .swal2-popup .swal2-actions button.swal2-confirm {
10526 background-color: #e02200;
10527 }
10528 .swal2-popup .swal2-actions button.swal2-cancel {
10529 background-color: transparent;
10530 border: 1px solid #ccc;
10531 color: inherit;
10532 }
10533 .swal2-popup .swal2-warning {
10534 color: #e02200;
10535 border-color: transparent;
10536 background-color: rgba(223, 0, 0, 0.1019607843);
10537 }
10538 .swal2-popup .swal2-icon {
10539 width: 50px;
10540 height: 50px;
10541 }
10542 .swal2-popup .swal2-icon .swal2-icon-content {
10543 font-size: 0;
10544 }
10545 .swal2-popup .swal2-icon .swal2-icon-content::before {
10546 content: "\f071";
10547 font-family: "lp-icon";
10548 font-size: 24px;
10549 display: inline-block;
10550 }
10551 .swal2-popup .swal2-title {
10552 font-size: 1.5em;
10553 }
10554 .swal2-popup .swal2-html-container {
10555 font-size: 1em;
10556 }
10557 .swal2-popup .lp-tom-select.ts-wrapper .ts-dropdown {
10558 max-height: 200px;
10559 overflow: hidden;
10560 }
10561 .swal2-popup .swal2-close {
10562 background-color: unset !important;
10563 outline: none !important;
10564 color: rgb(204, 204, 204) !important;
10565 }
10566 .swal2-popup .swal2-close:hover {
10567 color: #f27474 !important;
10568 }
10569
10570 /**
10571 * LP Table — Reusable Table Standard
10572 *
10573 * A shared table CSS system used by the "Enrolled Students" listing (and future tables).
10574 * Provides card wrapper, header/body styling, avatars, progress bars, badges, toolbar, and pagination.
10575 *
10576 * @since 4.3.3
10577 */
10578 .lp-enrolled-students-table-wrap {
10579 margin-top: 15px;
10580 }
10581 .lp-enrolled-students-table-wrap .instructor-avatar {
10582 align-items: center;
10583 justify-content: center;
10584 width: 36px;
10585 height: 36px;
10586 min-width: 36px;
10587 border-radius: 50%;
10588 background: #64748b;
10589 overflow: hidden;
10590 }
10591 .lp-enrolled-students-table-wrap .instructor-avatar img {
10592 width: 100%;
10593 height: 100%;
10594 object-fit: cover;
10595 }
10596
10597 .lp-enrolled-students-table-toolbar {
10598 display: flex;
10599 flex-direction: column;
10600 gap: 14px;
10601 padding: 20px 20px;
10602 border: 1px solid var(--lp-border-color, #E2E0DB);
10603 border-radius: 5px;
10604 background: var(--lp-white-grey, #F7F7FB);
10605 /*&__actions .button {
10606 min-width: 95px;
10607 height: 36px;
10608 padding: 0 18px;
10609 border-radius: 7px;
10610 font-size: 14px;
10611 font-weight: 600;
10612 line-height: 34px;
10613 border-color: #b9c3d2;
10614 color: #46546c;
10615 background: #fff;
10616 }*/
10617 }
10618 .lp-enrolled-students-table-toolbar__row {
10619 display: grid;
10620 gap: 14px;
10621 }
10622 .lp-enrolled-students-table-toolbar__row--course {
10623 grid-template-columns: minmax(0, 1fr);
10624 }
10625 .lp-enrolled-students-table-toolbar__row--filters {
10626 grid-template-columns: minmax(0, 1fr) minmax(145px, 200px) minmax(145px, 150px) auto;
10627 align-items: end;
10628 max-width: 1000px;
10629 }
10630 .lp-enrolled-students-table-toolbar__field {
10631 display: flex;
10632 flex-direction: column;
10633 min-width: 0;
10634 }
10635 .lp-enrolled-students-table-toolbar__field input {
10636 border: 1px solid var(--lp-border-color, #E2E0DB);
10637 }
10638 .lp-enrolled-students-table-toolbar__label {
10639 color: #3f4a5c;
10640 font-size: 14px;
10641 font-weight: 600;
10642 line-height: 1.3;
10643 margin-bottom: 10px;
10644 text-align: right;
10645 }
10646 .lp-enrolled-students-table-toolbar__input {
10647 width: 100%;
10648 height: 38px;
10649 padding: 0 12px;
10650 border: 1px solid #c6cfdb;
10651 border-radius: 7px;
10652 color: #2f3a4a;
10653 background: #fff;
10654 font-size: 14px;
10655 line-height: 1.4;
10656 box-shadow: none;
10657 }
10658 .lp-enrolled-students-table-toolbar__input:focus {
10659 border-color: #2f75ff;
10660 outline: none;
10661 box-shadow: 0 0 0 1px #2f75ff;
10662 }
10663 .lp-enrolled-students-table-toolbar__actions {
10664 display: flex;
10665 align-items: flex-end;
10666 gap: 8px;
10667 }
10668 .lp-enrolled-students-table-toolbar__actions .button:hover, .lp-enrolled-students-table-toolbar__actions .button:focus {
10669 border-color: #99a7bc;
10670 color: #2f3a4a;
10671 background: #f4f7fb;
10672 }
10673 @media (max-width: 1024px) {
10674 .lp-enrolled-students-table-toolbar__row--filters {
10675 grid-template-columns: minmax(0, 1fr) minmax(150px, 1fr) minmax(150px, 1fr);
10676 }
10677 .lp-enrolled-students-table-toolbar__actions {
10678 grid-column: 1/-1;
10679 }
10680 }
10681 @media (max-width: 782px) {
10682 .lp-enrolled-students-table-toolbar__row--filters {
10683 grid-template-columns: 1fr 1fr;
10684 }
10685 .lp-enrolled-students-table-toolbar__field--student {
10686 grid-column: 1/-1;
10687 }
10688 .lp-enrolled-students-table-toolbar__actions {
10689 grid-column: 1/-1;
10690 }
10691 }
10692 @media (max-width: 640px) {
10693 .lp-enrolled-students-table-toolbar__row--filters {
10694 grid-template-columns: 1fr;
10695 }
10696 .lp-enrolled-students-table-toolbar__actions .button {
10697 width: 100%;
10698 }
10699 }
10700
10701 /*.lp-enrolled-students-table {
10702 width: 100%;
10703 border: 0;
10704 border-spacing: 0;
10705 border-collapse: collapse;
10706 font-size: 13px;
10707
10708 th,
10709 td {
10710 border: 0 !important;
10711 }
10712
10713 thead {
10714 th {
10715 padding: 10px 16px;
10716 border-bottom: 2px solid #e2e8f0 !important;
10717 color: #64748b;
10718 background: #f8fafc;
10719 font-size: 12px;
10720 font-weight: 600;
10721 text-align: left;
10722 text-transform: uppercase;
10723 letter-spacing: 0.05em;
10724
10725 &:first-child {
10726 border-radius: 0;
10727 }
10728 &:last-child {
10729 border-radius: 0;
10730 }
10731 }
10732 }
10733
10734 tbody {
10735 tr {
10736 border-bottom: 1px solid #f1f5f9;
10737 transition: background 0.15s;
10738 text-align: left;
10739
10740 &:hover {
10741 background: #f8fafc;
10742 }
10743
10744 &:last-child {
10745 border-bottom: none;
10746 }
10747 }
10748
10749 td {
10750 padding: 12px 16px;
10751 vertical-align: middle;
10752 border: 0 !important;
10753 }
10754 }
10755
10756 tfoot {
10757 tr,
10758 td {
10759 border: 0 !important;
10760 }
10761 }
10762 }*/
10763 .lp-cell-student {
10764 display: flex;
10765 align-items: center;
10766 gap: 10px;
10767 }
10768
10769 /*.lp-avatar {
10770 display: flex;
10771 flex-shrink: 0;
10772 align-items: center;
10773 justify-content: center;
10774 width: 36px;
10775 height: 36px;
10776 border-radius: 50%;
10777 color: #fff;
10778 background: #64748b;
10779 font-size: 13px;
10780 font-weight: 600;
10781 overflow: hidden;
10782 }
10783
10784 .lp-avatar--image {
10785 background: transparent;
10786
10787 img {
10788 width: 100%;
10789 height: 100%;
10790 object-fit: cover;
10791 }
10792 }*/
10793 .lp-meta {
10794 display: flex;
10795 flex-direction: column;
10796 }
10797 .lp-meta .lp-name {
10798 color: #1e293b;
10799 font-weight: 500;
10800 line-height: 1.4;
10801 }
10802 .lp-meta .lp-email {
10803 color: #94a3b8;
10804 font-size: 12px;
10805 line-height: 1.3;
10806 }
10807
10808 .lp-cell-course a {
10809 color: #3b82f6;
10810 text-decoration: none;
10811 }
10812 .lp-cell-course a:hover {
10813 text-decoration: underline;
10814 }
10815
10816 .lp-cell-progress {
10817 min-width: 120px;
10818 }
10819
10820 .lp-progress-bar {
10821 overflow: hidden;
10822 position: relative;
10823 width: 100%;
10824 max-width: 120px;
10825 height: 6px;
10826 border-radius: 3px;
10827 background: #e2e8f0;
10828 }
10829 .lp-progress-bar span {
10830 display: block;
10831 height: 100%;
10832 border-radius: 3px;
10833 background: linear-gradient(-90deg, #3b82f6, #60a5fa);
10834 transition: width 0.3s ease;
10835 }
10836
10837 .lp-progress-text {
10838 display: inline-block;
10839 margin-top: 3px;
10840 color: #64748b;
10841 font-size: 11px;
10842 }
10843
10844 .lp-badge {
10845 display: inline-block;
10846 padding: 3px 10px;
10847 border-radius: 12px;
10848 font-size: 12px;
10849 font-weight: 500;
10850 line-height: 1.5;
10851 white-space: nowrap;
10852 }
10853 .lp-badge--enrolled {
10854 color: #475569;
10855 background: #f1f5f9;
10856 }
10857 .lp-badge--in-progress, .lp-badge--learning {
10858 color: #1e40af;
10859 background: #dbeafe;
10860 }
10861 .lp-badge--finished {
10862 color: #166534;
10863 background: #dcfce7;
10864 }
10865 .lp-badge--passed {
10866 color: #14532d;
10867 background: #bbf7d0;
10868 }
10869 .lp-badge--failed {
10870 color: #991b1b;
10871 background: #fee2e2;
10872 }
10873
10874 .lp-enrolled-students-table-footer {
10875 display: flex;
10876 flex-wrap: wrap;
10877 align-items: center;
10878 justify-content: space-between;
10879 gap: 8px;
10880 border-top: 1px solid #e2e8f0;
10881 }
10882 .lp-enrolled-students-table-footer__count {
10883 color: #64748b;
10884 font-size: 13px;
10885 }
10886
10887 #profile-content-enrolled-students .lp-enrolled-students-table-footer {
10888 border-top: none;
10889 }
10890
10891 .lp-enrolled-students-table-footer .learn-press-pagination {
10892 margin: 0;
10893 text-align: left;
10894 }
10895 .lp-enrolled-students-table-footer .learn-press-pagination ul.page-numbers {
10896 display: flex;
10897 align-items: center;
10898 gap: 4px;
10899 flex-wrap: wrap;
10900 margin: 0;
10901 padding: 0;
10902 list-style: none;
10903 }
10904 .lp-enrolled-students-table-footer .learn-press-pagination ul.page-numbers > li {
10905 margin: 0;
10906 }
10907 .lp-enrolled-students-table-footer .learn-press-pagination a.page-numbers,
10908 .lp-enrolled-students-table-footer .learn-press-pagination span.page-numbers {
10909 display: inline-flex;
10910 align-items: center;
10911 justify-content: center;
10912 min-width: 40px;
10913 height: 40px;
10914 width: 40px;
10915 line-height: 40px;
10916 padding: 0 8px;
10917 border: 1px solid #e2e8f0;
10918 border-radius: 4px;
10919 color: #475569;
10920 background: #fff;
10921 font-size: 13px;
10922 text-decoration: none;
10923 cursor: pointer;
10924 transition: all 0.15s;
10925 }
10926 .lp-enrolled-students-table-footer .learn-press-pagination a.page-numbers:hover:not(.current),
10927 .lp-enrolled-students-table-footer .learn-press-pagination span.page-numbers:hover:not(.current) {
10928 border-color: #3b82f6;
10929 color: #3b82f6 !important;
10930 background: #eff6ff;
10931 }
10932 .lp-enrolled-students-table-footer .learn-press-pagination span.page-numbers.current {
10933 border-color: #3b82f6;
10934 color: #fff;
10935 background: #3b82f6;
10936 cursor: default;
10937 }
10938 .lp-enrolled-students-table-footer .learn-press-pagination span.page-numbers.dots {
10939 min-width: auto;
10940 border: 0;
10941 background: transparent;
10942 cursor: default;
10943 }
10944 .lp-enrolled-students-table-footer .learn-press-pagination span.page-numbers.current,
10945 .lp-enrolled-students-table-footer .learn-press-pagination span.page-numbers.dots {
10946 pointer-events: none;
10947 }
10948
10949 .lp-enrolled-empty {
10950 padding: 40px 20px;
10951 color: #94a3b8;
10952 text-align: center;
10953 }
10954 .lp-enrolled-empty p {
10955 margin: 0;
10956 font-size: 14px;
10957 }
10958
10959 .lp-enrolled-error {
10960 padding: 15px 20px;
10961 color: #dc2626;
10962 font-size: 13px;
10963 }
10964
10965 #lp-modal-enrolled-wrap {
10966 position: relative;
10967 /*tbody {
10968 display: block;
10969 max-height: 400px;
10970 overflow-y: auto;
10971 }
10972
10973 thead, tbody tr {
10974 display: table;
10975 width: 100%;
10976 table-layout: fixed;
10977 }*/
10978 }
10979
10980 .lp-wrap-btn-view-course-students {
10981 width: 100%;
10982 }
10983 .lp-wrap-btn-view-course-students button {
10984 width: 100%;
10985 }
10986
10987 .lp-students-enrolled-layout.learnpress_page_learn-press-students-enrolled .lp-enrolled-students-table-toolbar {
10988 background: white;
10989 }
10990 .lp-students-enrolled-layout.learnpress_page_learn-press-students-enrolled .lp-list-table tbody {
10991 background: white;
10992 }
10993
10994 .lp-btn-view-students {
10995 margin-top: 10px;
10996 white-space: nowrap;
10997 display: block;
10998 padding: 0;
10999 border: none;
11000 background: none;
11001 }
11002
11003 /**
11004 * Style for table LearnPress
11005 */
11006 .lp-table-wrap {
11007 border-radius: 5px;
11008 width: 100%;
11009 border: 1px solid var(--lp-border-color, #E2E0DB);
11010 overflow-x: auto;
11011 }
11012
11013 table.lp-list-table {
11014 border-collapse: collapse;
11015 width: 100%;
11016 margin: 0;
11017 min-width: 768px;
11018 }
11019 table.lp-list-table td {
11020 padding: 0;
11021 }
11022 table.lp-list-table .learn-press-pagination {
11023 text-align: right;
11024 }
11025 table.lp-list-table thead {
11026 background-color: var(--lp-white-grey, #F7F7FB);
11027 border: none;
11028 }
11029 table.lp-list-table thead tr {
11030 border-bottom: 1px solid var(--lp-border-color, #E2E0DB);
11031 }
11032 table.lp-list-table thead th {
11033 background: none;
11034 border: none;
11035 font-size: 1em;
11036 padding: 10px 20px;
11037 text-align: right;
11038 }
11039 table.lp-list-table thead th td {
11040 border: none;
11041 padding: 0;
11042 }
11043 table.lp-list-table tbody {
11044 font-size: 14px;
11045 }
11046 table.lp-list-table tbody tr {
11047 border: none;
11048 border-bottom: 1px solid var(--lp-white-grey, #F7F7FB);
11049 }
11050 table.lp-list-table tbody tr:nth-child(even) td {
11051 background: none;
11052 }
11053 table.lp-list-table tbody tr td {
11054 border: none;
11055 padding: 10px 20px;
11056 text-align: right;
11057 }
11058 table.lp-list-table tfoot tr {
11059 border: none;
11060 }
11061 table.lp-list-table tfoot tr td {
11062 border: none;
11063 }
11064 table.lp-list-table tfoot tr td > div {
11065 padding: 20px;
11066 }
11067 table.lp-list-table tfoot .pagination {
11068 border: none;
11069 padding: 0;
11070 }
11071
11072 .button.disabled {
11073 pointer-events: none;
11074 }
11075
11076 .learnpress .postbox .rwmb-meta-box {
11077 margin-top: 10px;
11078 }
11079 .learnpress #field-_lp_requirements .rwmb-text-list-clone,
11080 .learnpress #field-_lp_requirements .rwmb-text-list-advanced-clone,
11081 .learnpress #field-_lp_target_audiences .rwmb-text-list-clone,
11082 .learnpress #field-_lp_target_audiences .rwmb-text-list-advanced-clone,
11083 .learnpress #field-_lp_key_features .rwmb-text-list-clone,
11084 .learnpress #field-_lp_key_features .rwmb-text-list-advanced-clone,
11085 .learnpress #field-_lp_faqs .rwmb-text-list-clone,
11086 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone {
11087 clear: none;
11088 position: relative;
11089 border: 1px solid #ddd;
11090 border-radius: 4px;
11091 }
11092 .learnpress #field-_lp_requirements .rwmb-text-list-clone .rwmb-text-list-label,
11093 .learnpress #field-_lp_requirements .rwmb-text-list-advanced-clone .rwmb-text-list-label,
11094 .learnpress #field-_lp_target_audiences .rwmb-text-list-clone .rwmb-text-list-label,
11095 .learnpress #field-_lp_target_audiences .rwmb-text-list-advanced-clone .rwmb-text-list-label,
11096 .learnpress #field-_lp_key_features .rwmb-text-list-clone .rwmb-text-list-label,
11097 .learnpress #field-_lp_key_features .rwmb-text-list-advanced-clone .rwmb-text-list-label,
11098 .learnpress #field-_lp_faqs .rwmb-text-list-clone .rwmb-text-list-label,
11099 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone .rwmb-text-list-label {
11100 display: none;
11101 }
11102 .learnpress #field-_lp_requirements .rwmb-text-list-clone .rwmb-text-list,
11103 .learnpress #field-_lp_requirements .rwmb-text-list-clone .rwmb-text-list-advanced,
11104 .learnpress #field-_lp_requirements .rwmb-text-list-advanced-clone .rwmb-text-list,
11105 .learnpress #field-_lp_requirements .rwmb-text-list-advanced-clone .rwmb-text-list-advanced,
11106 .learnpress #field-_lp_target_audiences .rwmb-text-list-clone .rwmb-text-list,
11107 .learnpress #field-_lp_target_audiences .rwmb-text-list-clone .rwmb-text-list-advanced,
11108 .learnpress #field-_lp_target_audiences .rwmb-text-list-advanced-clone .rwmb-text-list,
11109 .learnpress #field-_lp_target_audiences .rwmb-text-list-advanced-clone .rwmb-text-list-advanced,
11110 .learnpress #field-_lp_key_features .rwmb-text-list-clone .rwmb-text-list,
11111 .learnpress #field-_lp_key_features .rwmb-text-list-clone .rwmb-text-list-advanced,
11112 .learnpress #field-_lp_key_features .rwmb-text-list-advanced-clone .rwmb-text-list,
11113 .learnpress #field-_lp_key_features .rwmb-text-list-advanced-clone .rwmb-text-list-advanced,
11114 .learnpress #field-_lp_faqs .rwmb-text-list-clone .rwmb-text-list,
11115 .learnpress #field-_lp_faqs .rwmb-text-list-clone .rwmb-text-list-advanced,
11116 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone .rwmb-text-list,
11117 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone .rwmb-text-list-advanced {
11118 width: calc(100% - 65px);
11119 padding: 7px 10px;
11120 border: none;
11121 color: #777;
11122 background: transparent;
11123 box-shadow: none;
11124 line-height: 1;
11125 }
11126 .learnpress #field-_lp_requirements .rwmb-text-list-clone .remove-clone,
11127 .learnpress #field-_lp_requirements .rwmb-text-list-advanced-clone .remove-clone,
11128 .learnpress #field-_lp_target_audiences .rwmb-text-list-clone .remove-clone,
11129 .learnpress #field-_lp_target_audiences .rwmb-text-list-advanced-clone .remove-clone,
11130 .learnpress #field-_lp_key_features .rwmb-text-list-clone .remove-clone,
11131 .learnpress #field-_lp_key_features .rwmb-text-list-advanced-clone .remove-clone,
11132 .learnpress #field-_lp_faqs .rwmb-text-list-clone .remove-clone,
11133 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone .remove-clone {
11134 top: 50%;
11135 left: 41px;
11136 margin-top: -10px;
11137 border-radius: unset;
11138 color: #999;
11139 background: transparent;
11140 -webkit-transition: left 0.25s;
11141 -moz-transition: left 0.25s;
11142 -ms-transition: left 0.25s;
11143 -o-transition: left 0.25s;
11144 transition: left 0.25s;
11145 }
11146 .learnpress #field-_lp_requirements .rwmb-text-list-clone .remove-clone i,
11147 .learnpress #field-_lp_requirements .rwmb-text-list-advanced-clone .remove-clone i,
11148 .learnpress #field-_lp_target_audiences .rwmb-text-list-clone .remove-clone i,
11149 .learnpress #field-_lp_target_audiences .rwmb-text-list-advanced-clone .remove-clone i,
11150 .learnpress #field-_lp_key_features .rwmb-text-list-clone .remove-clone i,
11151 .learnpress #field-_lp_key_features .rwmb-text-list-advanced-clone .remove-clone i,
11152 .learnpress #field-_lp_faqs .rwmb-text-list-clone .remove-clone i,
11153 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone .remove-clone i {
11154 font-size: 1.25rem;
11155 }
11156 .learnpress #field-_lp_requirements .rwmb-text-list-clone .remove-clone:hover,
11157 .learnpress #field-_lp_requirements .rwmb-text-list-advanced-clone .remove-clone:hover,
11158 .learnpress #field-_lp_target_audiences .rwmb-text-list-clone .remove-clone:hover,
11159 .learnpress #field-_lp_target_audiences .rwmb-text-list-advanced-clone .remove-clone:hover,
11160 .learnpress #field-_lp_key_features .rwmb-text-list-clone .remove-clone:hover,
11161 .learnpress #field-_lp_key_features .rwmb-text-list-advanced-clone .remove-clone:hover,
11162 .learnpress #field-_lp_faqs .rwmb-text-list-clone .remove-clone:hover,
11163 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone .remove-clone:hover {
11164 color: #e74c3c;
11165 }
11166 .learnpress #field-_lp_requirements .rwmb-text-list-clone::after,
11167 .learnpress #field-_lp_requirements .rwmb-text-list-advanced-clone::after,
11168 .learnpress #field-_lp_target_audiences .rwmb-text-list-clone::after,
11169 .learnpress #field-_lp_target_audiences .rwmb-text-list-advanced-clone::after,
11170 .learnpress #field-_lp_key_features .rwmb-text-list-clone::after,
11171 .learnpress #field-_lp_key_features .rwmb-text-list-advanced-clone::after,
11172 .learnpress #field-_lp_faqs .rwmb-text-list-clone::after,
11173 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone::after {
11174 display: inline-block;
11175 position: absolute;
11176 top: 50%;
11177 left: 10px;
11178 margin: 8px 0 0 0;
11179 margin-top: -9px;
11180 color: #999;
11181 font-family: Dashicons;
11182 font-size: 1.25rem;
11183 content: "\f333";
11184 }
11185 .learnpress #field-_lp_requirements .rwmb-text-list-clone:focus-within,
11186 .learnpress #field-_lp_target_audiences .rwmb-text-list-clone:focus-within,
11187 .learnpress #field-_lp_key_features .rwmb-text-list-clone:focus-within,
11188 .learnpress #field-_lp_faqs .rwmb-text-list-clone:focus-within {
11189 border-color: #0085ba;
11190 }
11191 .learnpress #field-_lp_requirements .rwmb-text-list-advanced-clone .rwmb-text-list:focus,
11192 .learnpress #field-_lp_target_audiences .rwmb-text-list-advanced-clone .rwmb-text-list:focus,
11193 .learnpress #field-_lp_key_features .rwmb-text-list-advanced-clone .rwmb-text-list:focus,
11194 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone .rwmb-text-list:focus {
11195 border-color: #0085ba;
11196 }
11197 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone {
11198 position: relative;
11199 padding: 0 0 16px 0;
11200 }
11201 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone .rwmb-text-list-label {
11202 display: block;
11203 padding: 10px 12px 0 10px;
11204 }
11205 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone .rwmb-text-list {
11206 width: calc(100% - 25px);
11207 margin: 0 13px 0 13px;
11208 border: 1px solid #ddd;
11209 vertical-align: top;
11210 }
11211 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone .remove-clone {
11212 top: 20px;
11213 left: 36px;
11214 margin-top: -10px;
11215 color: #999;
11216 -webkit-transition: left 0.25s;
11217 -moz-transition: left 0.25s;
11218 -ms-transition: left 0.25s;
11219 -o-transition: left 0.25s;
11220 transition: left 0.25s;
11221 }
11222 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone::after {
11223 top: 20px;
11224 }
11225
11226 .lp-notice,
11227 .learn-press-notice {
11228 position: relative;
11229 padding: 12px;
11230 margin: 0;
11231 /*&.lp-upgrade-notice {
11232 position: relative;
11233 border-left-color: #02b7fb;
11234 background: #bceffe;
11235
11236 .close-notice {
11237 position: absolute;
11238 top: 5px;
11239 right: 10px;
11240 }
11241 }*/
11242 }
11243 .lp-notice h4,
11244 .learn-press-notice h4 {
11245 margin: 10px 0 15px;
11246 }
11247 .lp-notice p,
11248 .learn-press-notice p {
11249 margin: 0 0 5px 0;
11250 padding: 0 2px;
11251 }
11252 .lp-notice .lp-message-dismiss,
11253 .learn-press-notice .lp-message-dismiss {
11254 position: absolute;
11255 top: 12px;
11256 left: 12px;
11257 }
11258 .lp-notice .notice-dismiss,
11259 .learn-press-notice .notice-dismiss {
11260 position: absolute;
11261 top: 0;
11262 left: 1px;
11263 margin: 0;
11264 padding: 9px;
11265 border: none;
11266 outline: none;
11267 color: #72777c;
11268 background: 100% 0;
11269 -webkit-box-shadow: none;
11270 -moz-box-shadow: none;
11271 box-shadow: none;
11272 cursor: pointer;
11273 }
11274 .lp-notice .notice-dismiss::before,
11275 .learn-press-notice .notice-dismiss::before {
11276 display: block;
11277 width: 20px;
11278 height: 20px;
11279 color: #72777c;
11280 background: 100% 0;
11281 font: normal 16px/20px dashicons;
11282 text-align: center;
11283 content: "\f153";
11284 speak: none;
11285 -webkit-font-smoothing: antialiased;
11286 }
11287
11288 .learn-press-dropdown-pages {
11289 display: inline-block;
11290 }
11291 .learn-press-dropdown-pages .list-pages-wrapper {
11292 display: flex;
11293 align-items: center;
11294 gap: 10px;
11295 }
11296
11297 .lp-notice-update-database {
11298 border: 1px solid rebeccapurple;
11299 border-right-color: #f00;
11300 border-radius: 3px;
11301 color: white;
11302 background: rebeccapurple;
11303 }
11304 .lp-notice-update-database.do-updating::before {
11305 display: inline-block;
11306 float: right;
11307 margin: 9px -5px 0 5px;
11308 color: #2773aa;
11309 font-family: dashicons;
11310 font-size: 1.25rem;
11311 content: "\f463";
11312 -webkit-animation: rotating4 2s linear infinite;
11313 -moz-animation: rotating4 2s linear infinite;
11314 -ms-animation: rotating4 2s linear infinite;
11315 -o-animation: rotating4 2s linear infinite;
11316 animation: rotating4 2s linear infinite;
11317 }
11318
11319 #adminmenu .update-plugins.lp-plugins-count {
11320 padding: 0 5px;
11321 }
11322
11323 .search-box input[name=post-search-author],
11324 .search-box .select2-container {
11325 min-width: 200px;
11326 margin: 0;
11327 vertical-align: top;
11328 }
11329
11330 .learn-press-notice-assigned-item {
11331 color: #f00;
11332 }
11333
11334 .learnpress .actions {
11335 margin: 0;
11336 }
11337
11338 #learn-press-syncs li {
11339 position: relative;
11340 }
11341 #learn-press-syncs li.syncing, #learn-press-syncs li.synced {
11342 padding-right: 24px;
11343 }
11344 #learn-press-syncs li.syncing input[type=checkbox], #learn-press-syncs li.synced input[type=checkbox] {
11345 display: none;
11346 }
11347 #learn-press-syncs li.syncing::after {
11348 content: "\f463";
11349 -webkit-animation: rotating4 2s linear infinite;
11350 -moz-animation: rotating4 2s linear infinite;
11351 -ms-animation: rotating4 2s linear infinite;
11352 -o-animation: rotating4 2s linear infinite;
11353 animation: rotating4 2s linear infinite;
11354 }
11355 #learn-press-syncs li.synced::after {
11356 color: #2773aa;
11357 content: "\f147";
11358 }
11359 #learn-press-syncs li::after {
11360 display: block;
11361 position: absolute;
11362 top: 0;
11363 right: -3px;
11364 width: 24px;
11365 height: 24px;
11366 font-family: dashicons;
11367 font-size: 1.1875rem;
11368 line-height: 1.5rem;
11369 text-align: center;
11370 }
11371
11372 #learn-press-updater .updater-progress {
11373 position: relative;
11374 margin: 0 2px;
11375 }
11376 #learn-press-updater .updater-progress ul {
11377 display: flex;
11378 position: relative;
11379 height: 5px;
11380 background: #eee;
11381 }
11382 #learn-press-updater .updater-progress ul li {
11383 position: relative;
11384 margin: 0;
11385 flex: 1;
11386 }
11387 #learn-press-updater .updater-progress ul li::after {
11388 display: none;
11389 position: absolute;
11390 top: -30px;
11391 left: 0;
11392 padding: 3px 5px;
11393 border-radius: 3px;
11394 color: #fff;
11395 background: #ddd;
11396 font-size: 0.75rem;
11397 content: attr(data-version);
11398 }
11399 #learn-press-updater .updater-progress ul li::before {
11400 content: "";
11401 }
11402 #learn-press-updater .updater-progress ul li:last-child::after {
11403 _display: block;
11404 }
11405 #learn-press-updater .updater-progress ul::after {
11406 position: absolute;
11407 top: 0;
11408 right: 0;
11409 width: 0;
11410 height: 20px;
11411 }
11412 #learn-press-updater .updater-progress .updater-progress-status {
11413 position: absolute;
11414 top: 0;
11415 right: 0;
11416 width: 0;
11417 height: 5px;
11418 background: #5bc4f9;
11419 -webkit-transition: width 0.25s;
11420 -moz-transition: width 0.25s;
11421 -ms-transition: width 0.25s;
11422 -o-transition: width 0.25s;
11423 transition: width 0.25s;
11424 }
11425 #learn-press-updater .updater-progress .updater-progress-status::before {
11426 position: absolute;
11427 top: -20px;
11428 left: 0;
11429 padding: 0 5px;
11430 border-radius: 3px;
11431 color: #fff;
11432 background: #5bc4f9;
11433 font-size: 0.75rem;
11434 _content: attr(data-value) "%";
11435 }
11436 #learn-press-updater .updater-progress .updater-progress-status .updater-progress-animation {
11437 overflow: hidden;
11438 position: absolute;
11439 top: 0;
11440 right: 0;
11441 width: 100%;
11442 height: 5px;
11443 background: #5bc4f9;
11444 }
11445 #learn-press-updater .updater-progress .updater-progress-status .updater-progress-animation:not(.completed)::after {
11446 position: absolute;
11447 height: 5px;
11448 background: #8dd9ff;
11449 content: "";
11450 -webkit-animation: animation4 1.5s ease-out infinite;
11451 -moz-animation: animation4 1.5s ease-out infinite;
11452 -ms-animation: animation4 1.5s ease-out infinite;
11453 -o-animation: animation4 1.5s ease-out infinite;
11454 animation: animation4 1.5s ease-out infinite;
11455 }
11456 #learn-press-updater .updating-message {
11457 color: #a24666;
11458 }
11459 #learn-press-updater .completed-message {
11460 color: #3c8eb7;
11461 }
11462
11463 #learn-press-updater {
11464 display: none;
11465 }
11466
11467 .select2 .select2-search.select2-search--inline {
11468 margin-bottom: 0;
11469 }
11470 .select2 .select2-selection .select2-selection__choice {
11471 margin-top: 4px;
11472 margin-bottom: 0;
11473 }
11474 .select2 .select2-selection.select2-selection--multiple {
11475 min-height: 30px;
11476 }
11477
11478 .list-pages-wrapper .select2-container--default .select2-selection--single .select2-selection__clear {
11479 margin: 0;
11480 }
11481
11482 .edit-post-layout__metaboxes .rwmb-label > label {
11483 color: #666;
11484 font-size: small;
11485 font-weight: bold;
11486 }
11487
11488 body.post-type-lp_question #button-new-question {
11489 display: inline-block;
11490 position: relative;
11491 }
11492 body.post-type-lp_question #button-new-question div {
11493 display: none;
11494 position: absolute;
11495 z-index: 9999;
11496 top: 100%;
11497 right: 0;
11498 min-width: 100px;
11499 margin: 0 -1px 0 0;
11500 border: 1px solid #999;
11501 background: white;
11502 font-weight: 400;
11503 }
11504 body.post-type-lp_question #button-new-question div a {
11505 display: block;
11506 min-width: 100px;
11507 margin: 0;
11508 padding: 10px 20px;
11509 color: #666;
11510 white-space: nowrap;
11511 text-decoration: none;
11512 }
11513 body.post-type-lp_question #button-new-question div a:hover {
11514 background: #eee;
11515 }
11516 body.post-type-lp_question #button-new-question > a {
11517 position: relative;
11518 padding-left: 15px;
11519 text-decoration: none;
11520 }
11521 body.post-type-lp_question #button-new-question > a::after {
11522 display: inline-block;
11523 position: absolute;
11524 top: 6px;
11525 left: 0;
11526 width: 0;
11527 height: 0;
11528 margin: 0;
11529 border: 5px solid transparent;
11530 border-top-color: #0f7aae;
11531 content: "";
11532 }
11533 body.post-type-lp_question #button-new-question:hover div {
11534 display: block;
11535 }
11536
11537 .lp-label {
11538 display: inline-block;
11539 padding: 3px 6px;
11540 color: #fff;
11541 font-size: 0.75rem;
11542 -webkit-border-radius: 4px;
11543 -moz-border-radius: 4px;
11544 border-radius: 4px;
11545 }
11546 .lp-label.success {
11547 background: #4caf50;
11548 }
11549 .lp-label.error {
11550 background: #f00;
11551 }
11552 .lp-label.warning {
11553 background: #ffc107;
11554 }
11555 .lp-label .far,
11556 .lp-label .fas,
11557 .lp-label .fa {
11558 display: inline-block;
11559 margin-left: 5px;
11560 }
11561
11562 .lp-admin-profile-courses .column-results {
11563 width: 200px;
11564 }
11565 .lp-admin-profile-courses .course-results-progress .lp-progress-row {
11566 margin: 0 0 20px 0;
11567 }
11568 .lp-admin-profile-courses .course-results-progress .lp-course-progress-heading {
11569 margin: 0 0 5px 0;
11570 line-height: 1;
11571 }
11572 .lp-admin-profile-courses .learn-press-progress {
11573 overflow: hidden;
11574 position: relative;
11575 width: 150px;
11576 height: 6px;
11577 border-radius: 3px;
11578 }
11579 .lp-admin-profile-courses .learn-press-progress .learn-press-progress__active {
11580 position: absolute;
11581 z-index: 1;
11582 right: -100%;
11583 width: 100%;
11584 height: 100%;
11585 border-radius: 3px;
11586 background: var(--lp-primary-color);
11587 -webkit-transition: 0.5s;
11588 -moz-transition: 0.5s;
11589 -ms-transition: 0.5s;
11590 -o-transition: 0.5s;
11591 transition: 0.5s;
11592 }
11593 .lp-admin-profile-courses .learn-press-progress::before {
11594 display: block;
11595 position: absolute;
11596 z-index: 0;
11597 top: 0;
11598 width: 100%;
11599 height: 100%;
11600 background: #ccc;
11601 content: "";
11602 }
11603
11604 .lp-notify-action-wrapper {
11605 position: fixed;
11606 bottom: 5%;
11607 z-index: 10000;
11608 right: 50%;
11609 padding: 10px;
11610 transition: all 0.5s;
11611 transform: translateY(500%);
11612 display: flex;
11613 flex-direction: column;
11614 gap: 5px;
11615 }
11616 .lp-notify-action-wrapper.show {
11617 display: flex;
11618 transform: translateY(0);
11619 }
11620 .lp-notify-action-wrapper .lp-notify-action {
11621 box-shadow: 0 4px 25px 1px rgba(0, 0, 0, 0.25);
11622 background: #202937;
11623 padding: 0 20px;
11624 border-radius: 3px;
11625 min-width: 200px;
11626 transition: all 0.8s;
11627 }
11628 .lp-notify-action-wrapper .lp-notify-action.clone {
11629 display: none;
11630 }
11631 .lp-notify-action-wrapper .lp-notify-action__success {
11632 display: none;
11633 color: #01a401;
11634 }
11635 .lp-notify-action-wrapper .lp-notify-action__success.show {
11636 display: block;
11637 }
11638 .lp-notify-action-wrapper .lp-notify-action__error {
11639 display: none;
11640 color: #f44336;
11641 font-weight: bold;
11642 }
11643 .lp-notify-action-wrapper .lp-notify-action__error.show {
11644 display: block;
11645 }
11646
11647 #wp-admin-bar-lp-course-builder svg {
11648 vertical-align: text-bottom;
11649 }