PluginProbe
LearnPress – WordPress LMS Plugin for Create and Sell Online Courses / 4.4.4
LearnPress – WordPress LMS Plugin for Create and Sell Online Courses v4.4.4
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.4.4, at assets/css/admin/admin-rtl.css

12,397 lines 301.8 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 max-width: 100%;
69 }
70 .learn-press-message.error {
71 background-color: #FEE5E5;
72 color: #FF3B30;
73 }
74 .learn-press-message.warning {
75 background-color: #FEF7E6;
76 color: #FF9500;
77 }
78 .learn-press-message.success {
79 background-color: #EBF8E5;
80 color: #3AB500;
81 }
82 .learn-press-message.info {
83 background-color: rgba(0, 122, 255, 0.1019607843);
84 color: #007AFF;
85 }
86 .learn-press-message a {
87 text-decoration: underline;
88 }
89
90 .lp-toast.toastify {
91 background: #EBF8E5;
92 color: #3AB500;
93 border-radius: var(--lp-border-radius, 5px);
94 box-shadow: 0 0 0;
95 display: flex;
96 align-items: center;
97 }
98 .lp-toast.toastify .toast-close {
99 background: transparent !important;
100 font-size: 0;
101 padding-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=160") 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.refunded {
3690 background: #2196f3;
3691 }
3692 .post-type-lp_order .wp-list-table .order_status span.trash {
3693 color: rgba(128, 128, 128, 0.68);
3694 }
3695 .post-type-lp_order .wp-list-table .order_status span i {
3696 display: inline-block;
3697 }
3698 .post-type-lp_order .wp-list-table .lp-order-refund-request-badge {
3699 display: inline-block;
3700 margin-top: 10px;
3701 padding: 0 !important;
3702 color: #F59E0B !important;
3703 }
3704 .post-type-lp_order .wp-list-table .column-title,
3705 .post-type-lp_order .wp-list-table .column-order_total,
3706 .post-type-lp_order .wp-list-table .column-order_date {
3707 width: 150px;
3708 }
3709 .post-type-lp_order .wp-list-table .column-order_items ol {
3710 margin: 0;
3711 padding: 0;
3712 list-style-position: inside;
3713 }
3714
3715 .post-type-lp_course .wp-list-table .column-price {
3716 width: 80px;
3717 }
3718 .post-type-lp_course .wp-list-table .column-thumbnail {
3719 width: 60px;
3720 padding-top: 8px;
3721 box-sizing: border-box;
3722 }
3723 .post-type-lp_course .wp-list-table .column-thumbnail img {
3724 width: 100%;
3725 height: auto;
3726 }
3727 @media only screen and (max-width: 782px) {
3728 .post-type-lp_course .wp-list-table .column-thumbnail {
3729 display: none;
3730 }
3731 .post-type-lp_course .wp-list-table .column-thumbnail::before {
3732 opacity: 0;
3733 }
3734 }
3735 .post-type-lp_course .wp-list-table .column-certificate {
3736 box-sizing: border-box;
3737 max-width: 60px;
3738 }
3739 .post-type-lp_course .wp-list-table .column-certificate img {
3740 max-width: 100% !important;
3741 }
3742 @media only screen and (min-width: 1024px) {
3743 .post-type-lp_course .wp-list-table .check-column {
3744 width: 1.2em;
3745 }
3746 }
3747 @media only screen and (min-width: 783px) {
3748 .post-type-lp_course .wp-list-table .column-title {
3749 width: 16%;
3750 }
3751 }
3752
3753 .wp-list-table .column-author, .wp-list-table .column-instructor {
3754 width: 80px;
3755 }
3756 .wp-list-table .column-author .post-author, .wp-list-table .column-instructor .post-author {
3757 display: inline-block;
3758 }
3759 .wp-list-table .column-author .post-author img, .wp-list-table .column-instructor .post-author img {
3760 width: 30px;
3761 height: 30px;
3762 margin: 0;
3763 border-radius: 50%;
3764 vertical-align: middle;
3765 }
3766 .wp-list-table .column-author .post-author a, .wp-list-table .column-instructor .post-author a {
3767 display: inline-block;
3768 vertical-align: middle;
3769 }
3770 .wp-list-table .column-curriculum {
3771 width: 60px;
3772 }
3773 .wp-list-table .column-student {
3774 width: 60px;
3775 }
3776 .wp-list-table .column-taxonomy-course_category {
3777 width: 100px;
3778 }
3779 .wp-list-table .column-gradebook {
3780 width: 40px;
3781 text-align: center;
3782 }
3783
3784 .post-type-page .column-lp-page {
3785 width: 200px;
3786 }
3787 .post-type-page .for-plugin-page {
3788 margin: 0;
3789 color: #f00;
3790 font-size: 0.6875rem;
3791 }
3792
3793 .post-state .post-author {
3794 font-size: 0.875rem;
3795 font-weight: normal;
3796 font-style: italic;
3797 }
3798
3799 #learn-press-box-edit-slug {
3800 overflow: hidden;
3801 margin: 0 -10px;
3802 padding: 10px;
3803 border: 1px solid #ddd;
3804 color: #b79186;
3805 background: #fff;
3806 }
3807 #learn-press-box-edit-slug .button {
3808 float: left;
3809 height: 24px;
3810 line-height: 1.375rem;
3811 }
3812
3813 .is-lp-page {
3814 color: #fff;
3815 font-size: 11px;
3816 padding: 1px 8px;
3817 border-radius: 10px;
3818 background-color: #9979ff;
3819 margin-left: 5px;
3820 display: inline-block;
3821 }
3822
3823 .lp-overlay {
3824 display: none;
3825 position: fixed;
3826 z-index: 99999;
3827 top: 0;
3828 left: 0;
3829 bottom: 0;
3830 right: 0;
3831 width: 100%;
3832 height: 100%;
3833 background-color: rgba(209, 213, 219, 0.8);
3834 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
3835 transition-duration: 150ms;
3836 transition-property: opacity;
3837 }
3838
3839 .wp-admin .lp-modal-dialog .lp-modal-header {
3840 padding: 2em;
3841 }
3842 .wp-admin .lp-modal-dialog .lp-modal-header h3 {
3843 font-size: 1.4em;
3844 }
3845
3846 .lp-modal-dialog {
3847 display: flex;
3848 position: fixed;
3849 z-index: 9999;
3850 top: 0;
3851 left: 0;
3852 right: 0;
3853 width: 100%;
3854 min-height: 100vh;
3855 text-align: center;
3856 align-items: center;
3857 justify-content: center;
3858 }
3859 .lp-modal-dialog .learn-press-message {
3860 width: auto;
3861 margin: 0 !important;
3862 }
3863 .lp-modal-dialog .lp-modal-content {
3864 display: inline-block;
3865 overflow: hidden;
3866 z-index: 2;
3867 width: auto;
3868 max-width: 600px;
3869 border-radius: 8px;
3870 text-align: right;
3871 vertical-align: middle;
3872 background: white;
3873 color: black;
3874 }
3875 .lp-modal-dialog .lp-modal-content h2, .lp-modal-dialog .lp-modal-content h3 {
3876 margin: 0;
3877 }
3878 .lp-modal-dialog .lp-modal-content .lp-group-step h3 {
3879 border-bottom: 1px solid #eee;
3880 }
3881 .lp-modal-dialog .lp-modal-content .main-content .terms-upgrade .pd-2em {
3882 padding: 0 1em;
3883 }
3884 .lp-modal-dialog .lp-modal-header {
3885 background: #7c60d9;
3886 border-bottom: 1px solid #eee;
3887 padding: 1em;
3888 }
3889 .lp-modal-dialog .lp-modal-header h3 {
3890 margin: 0;
3891 color: white;
3892 font-weight: 400;
3893 }
3894 .lp-modal-dialog .lp-modal-body .main-content {
3895 max-height: 500px;
3896 overflow: auto;
3897 overscroll-behavior: contain;
3898 }
3899 .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 {
3900 padding: 1em;
3901 }
3902 .lp-modal-dialog .lp-modal-footer {
3903 padding: 20px;
3904 background-color: #f9fafb;
3905 text-align: left;
3906 }
3907 .lp-modal-dialog .btn-yes {
3908 color: #fff;
3909 background-color: #7c60d9;
3910 }
3911
3912 #lp-modal-overlay {
3913 display: none;
3914 position: fixed;
3915 z-index: 999999;
3916 top: 0;
3917 left: 0;
3918 bottom: 0;
3919 right: 0;
3920 opacity: 0.5;
3921 background: #000;
3922 }
3923
3924 #lp-modal-window {
3925 display: none;
3926 position: fixed;
3927 z-index: 999999;
3928 top: 50%;
3929 right: 50%;
3930 padding: 35px 60px 28px 60px;
3931 background: #fff;
3932 transform: translate(50%, -50%);
3933 -webkit-border-radius: 4px;
3934 -moz-border-radius: 4px;
3935 border-radius: 4px;
3936 }
3937 #lp-modal-window #lp-modal-content {
3938 margin: 0 0 24px 0;
3939 color: #333;
3940 font-weight: 400;
3941 text-align: center;
3942 }
3943 #lp-modal-window #lp-modal-content > * {
3944 margin: 0 0 0.5em;
3945 }
3946 #lp-modal-window #lp-modal-buttons {
3947 display: flex;
3948 flex-direction: row-reverse;
3949 align-items: center;
3950 justify-content: center;
3951 }
3952 #lp-modal-window #lp-modal-buttons .lp-button {
3953 position: relative;
3954 margin: 0 10px 0 10px;
3955 }
3956
3957 .learn-press-modal {
3958 position: fixed;
3959 z-index: 1000000;
3960 width: 100%;
3961 height: 100%;
3962 top: 0;
3963 display: table;
3964 }
3965 .learn-press-modal .modal-overlay {
3966 position: fixed;
3967 z-index: 1000000;
3968 background: #000;
3969 opacity: 0.5;
3970 width: 100%;
3971 height: 100%;
3972 top: 0;
3973 }
3974 .learn-press-modal .modal-wrapper {
3975 display: table-cell;
3976 vertical-align: middle;
3977 z-index: 1000010;
3978 position: relative;
3979 }
3980 .learn-press-modal .modal-wrapper .modal-container {
3981 max-width: 800px;
3982 width: 90%;
3983 margin: 0px auto;
3984 background-color: #fff;
3985 border-radius: 2px;
3986 box-shadow: 0 2px 8px rgba(0, 0, 0, 0.33);
3987 transition: all 0.3s ease;
3988 overflow: hidden;
3989 -webkit-box-sizing: border-box;
3990 -moz-box-sizing: border-box;
3991 box-sizing: border-box;
3992 }
3993 .learn-press-modal .modal-wrapper header {
3994 font-size: 1.125rem;
3995 padding: 20px;
3996 border-bottom: 1px solid #DDD;
3997 font-weight: 600;
3998 color: #000;
3999 }
4000 .learn-press-modal .modal-wrapper article {
4001 margin: 30px 20px;
4002 }
4003 .learn-press-modal .modal-wrapper article input[name=search] {
4004 width: 100%;
4005 font-size: 1rem;
4006 box-sizing: border-box;
4007 margin: 0;
4008 box-shadow: none;
4009 color: #444;
4010 padding: 8px 10px;
4011 height: 42px;
4012 border-radius: 2px;
4013 border-color: #e4e4e4;
4014 font-weight: 400;
4015 vertical-align: middle;
4016 }
4017 .learn-press-modal .modal-wrapper article .search-results {
4018 margin: 0;
4019 margin-top: 30px;
4020 }
4021 .learn-press-modal .modal-wrapper article .search-results li > label {
4022 display: block;
4023 }
4024 .learn-press-modal .modal-wrapper footer {
4025 padding: 15px 20px;
4026 overflow: hidden;
4027 border: 1px solid #eee;
4028 }
4029 .learn-press-modal .modal-wrapper footer .search-nav {
4030 float: right;
4031 }
4032 .learn-press-modal .modal-wrapper footer .search-nav a, .learn-press-modal .modal-wrapper footer .search-nav span {
4033 display: inline-block;
4034 line-height: 1.625rem;
4035 height: 28px;
4036 margin: 0;
4037 padding: 0 10px 1px;
4038 }
4039 .learn-press-modal .modal-wrapper footer button {
4040 float: left;
4041 margin-right: 3px;
4042 }
4043
4044 #modal-search-items.loading .search-results:before {
4045 position: absolute;
4046 top: 75px;
4047 right: 0;
4048 left: 0;
4049 bottom: 0;
4050 display: block;
4051 content: "";
4052 z-index: 9;
4053 background: url("../../images/spinner.gif") no-repeat center center;
4054 }
4055
4056 .modal-search {
4057 position: relative;
4058 display: inline-block;
4059 min-width: 300px;
4060 }
4061 .modal-search .search-input {
4062 border: 1px solid #DDD;
4063 width: 100%;
4064 margin: 0;
4065 padding: 5px 10px;
4066 -webkit-box-shadow: none;
4067 -moz-box-shadow: none;
4068 box-shadow: none;
4069 }
4070 .modal-search .search-input:focus {
4071 -webkit-box-shadow: none;
4072 -moz-box-shadow: none;
4073 box-shadow: none;
4074 }
4075 .modal-search .search-input:focus {
4076 border-color: #DDD;
4077 }
4078 .modal-search .search-results-content {
4079 position: absolute;
4080 top: 100%;
4081 width: 100%;
4082 right: 0;
4083 background: #FFF;
4084 border: 1px solid #DDD;
4085 border-top: none;
4086 z-index: 1000;
4087 margin-top: -1px;
4088 -webkit-box-sizing: border-box;
4089 -moz-box-sizing: border-box;
4090 box-sizing: border-box;
4091 }
4092 .modal-search .search-results-content .search-results {
4093 margin: 0;
4094 }
4095 .modal-search .search-results-content .search-results .result-item {
4096 margin: 0;
4097 padding: 0;
4098 list-style: none;
4099 }
4100 .modal-search .search-results-content .search-results .result-item label {
4101 display: block;
4102 padding: 6px 10px;
4103 text-decoration: none;
4104 cursor: pointer;
4105 white-space: nowrap;
4106 overflow: hidden;
4107 text-overflow: ellipsis;
4108 }
4109 .modal-search .search-results-content .search-results .result-item:hover {
4110 background: #f4fcff;
4111 }
4112 .modal-search .has-items .search-input {
4113 border-bottom-color: transparent;
4114 }
4115 .modal-search .has-items .search-results-content {
4116 border-top: none;
4117 }
4118 .modal-search .checked-items {
4119 text-align: center;
4120 }
4121 .modal-search .checked-items .button {
4122 font-size: 0.75rem;
4123 height: 20px;
4124 line-height: 1.25rem;
4125 }
4126 .modal-search .checked-items .disabled {
4127 color: #777;
4128 }
4129 .modal-search .search-navigator {
4130 margin: 5px 0;
4131 text-align: center;
4132 }
4133 .modal-search .search-navigator .page-numbers {
4134 display: inline-block;
4135 padding: 2px 5px;
4136 text-decoration: none;
4137 line-height: 1;
4138 }
4139 .modal-search .search-navigator .page-numbers.next, .modal-search .search-navigator .page-numbers.prev {
4140 display: none;
4141 }
4142
4143 .lp-order-statuses {
4144 margin: 0;
4145 display: grid;
4146 grid-template-columns: auto auto;
4147 grid-gap: 10px;
4148 }
4149 .lp-order-statuses .lp-skeleton-animation {
4150 grid-column: 1/3;
4151 }
4152 .lp-order-statuses li {
4153 width: 100%;
4154 margin: 0;
4155 background: #fff;
4156 }
4157 .lp-order-statuses li span {
4158 font-size: 1.1rem;
4159 display: flex;
4160 text-align: center;
4161 justify-content: center;
4162 align-items: center;
4163 column-gap: 10px;
4164 font-weight: 400;
4165 }
4166 .lp-order-statuses li p {
4167 margin: 0;
4168 padding: 0;
4169 color: #adadad;
4170 font-size: 0.75rem;
4171 }
4172 .lp-order-statuses li.counter-number {
4173 text-align: center;
4174 /*&.order-completed {
4175
4176 strong::before {
4177 color: #0085ba;
4178 content: "\f058";
4179 }
4180 }
4181
4182 &.order-processing {
4183
4184 strong::before {
4185 margin-left: -1px;
4186 color: #563f7a;
4187 content: "\f321";
4188 }
4189 }
4190
4191 &.order-pending {
4192
4193 strong::before {
4194 color: #aaa;
4195 content: "\f534";
4196 }
4197 }
4198
4199 &.order-cancelled {
4200
4201 strong::before {
4202 color: #f00;
4203 content: "\f153";
4204 }
4205 }*/
4206 }
4207 .lp-order-statuses li.counter-number .counter-inner {
4208 padding: 10px 0;
4209 border: 1px solid #f3f3f3;
4210 background: #f9f9f9;
4211 }
4212 .lp-order-statuses li.clear {
4213 float: none;
4214 }
4215 .lp-order-statuses li.featured-theme {
4216 width: auto;
4217 margin: 12px -12px 0 -12px;
4218 padding: 8px 12px 0 12px;
4219 border-top: 1px solid #eee;
4220 }
4221 .lp-order-statuses li.featured-theme .star-rating {
4222 display: inline-block;
4223 line-height: 0.875rem;
4224 vertical-align: middle;
4225 }
4226 .lp-order-statuses li.featured-theme .star-rating .star {
4227 width: 14px;
4228 height: 14px;
4229 font-size: 0.875rem;
4230 }
4231 .lp-order-statuses li.featured-theme > div {
4232 margin-bottom: 3px;
4233 }
4234 .lp-order-statuses li.featured-theme > div span {
4235 color: #999;
4236 font-size: 0.75rem;
4237 vertical-align: middle;
4238 }
4239 .lp-order-statuses li:nth-child(even) .counter-inner {
4240 margin-right: 0;
4241 }
4242 .lp-order-statuses li:nth-child(odd) .counter-inner {
4243 margin-left: 0;
4244 }
4245 .lp-order-statuses li.total-raised {
4246 grid-column: 1/3;
4247 box-sizing: border-box;
4248 padding: 10px 0;
4249 border: 1px solid #f3f3f3;
4250 background: #f9f9f9;
4251 text-align: center;
4252 color: #0073aa;
4253 }
4254 .lp-order-statuses li.total-raised span {
4255 margin-bottom: 10px;
4256 font-size: 1.625rem;
4257 }
4258 .lp-order-statuses li.total-raised span i {
4259 font-size: 1.5625rem;
4260 }
4261 .lp-order-statuses::after {
4262 display: block;
4263 clear: both;
4264 content: "";
4265 }
4266
4267 .featured-theme {
4268 border-top: 1px solid #eee;
4269 margin-top: 10px;
4270 padding-top: 10px;
4271 }
4272 .featured-theme p {
4273 margin: 0;
4274 font-size: 12px;
4275 }
4276 .featured-theme .star-rating {
4277 display: inline-block;
4278 line-height: 0.75rem;
4279 }
4280 .featured-theme .star-rating .star {
4281 font-size: 0.8125rem;
4282 width: 13px;
4283 height: 13px;
4284 }
4285 .featured-theme span {
4286 font-size: 0.6875rem;
4287 }
4288
4289 .lp-place-holder {
4290 background: #fff;
4291 padding: 10px;
4292 display: block;
4293 margin: 20px auto;
4294 box-shadow: 0 0 0 rgba(0, 0, 0, 0.1);
4295 border-radius: 3px;
4296 }
4297 .lp-place-holder [class*=line-] {
4298 height: 6px;
4299 width: 400px;
4300 background: #f6f7f9;
4301 margin-bottom: 13px;
4302 margin-left: 5px;
4303 }
4304 .lp-place-holder .thumbnail {
4305 height: 40px;
4306 width: 40px;
4307 float: right;
4308 margin-left: 20px;
4309 display: inline-block;
4310 }
4311 .lp-place-holder .line-heading {
4312 width: 80%;
4313 height: 20px;
4314 }
4315 .lp-place-holder .line-sm {
4316 width: 30%;
4317 margin-top: 10px;
4318 }
4319 .lp-place-holder .line-xs {
4320 width: 50%;
4321 }
4322 .lp-place-holder .line-df {
4323 margin-top: 30px;
4324 width: 380px;
4325 }
4326 .lp-place-holder .line-lg {
4327 width: 200px;
4328 }
4329 .lp-place-holder .line-lgx {
4330 width: 450px;
4331 }
4332 .lp-place-holder [class*=line],
4333 .lp-place-holder .thumbnail {
4334 animation: lpTimeLine;
4335 animation-duration: 1s;
4336 animation-timing-function: linear;
4337 animation-iteration-count: infinite;
4338 background: linear-gradient(to left, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
4339 background-size: 800px auto;
4340 background-position: 100px 0;
4341 }
4342
4343 @keyframes lpTimeLine {
4344 0% {
4345 background-position: -350px 0;
4346 }
4347 100% {
4348 background-position: 400px 0;
4349 }
4350 }
4351 .post-type-lp_order {
4352 /*Export order function style*/
4353 /* The Modal (background) */
4354 /* Modal Content/Box */
4355 /* The Close Button */
4356 /*tabs css*/
4357 }
4358 .post-type-lp_order #post-body-content {
4359 display: none;
4360 }
4361 .post-type-lp_order #order_details {
4362 border: none !important;
4363 background: transparent !important;
4364 }
4365 .post-type-lp_order #order_details .hndle,
4366 .post-type-lp_order #order_details .handlediv,
4367 .post-type-lp_order #order_details .postbox-header {
4368 display: none;
4369 }
4370 .post-type-lp_order #order_details .inside {
4371 display: block !important;
4372 margin: 0;
4373 padding: 0;
4374 }
4375 .post-type-lp_order #order_details .order-data {
4376 margin: 0 0 20px 0 !important;
4377 padding: 30px !important;
4378 border: 1px solid #ccd0d4 !important;
4379 background-color: #fff !important;
4380 box-shadow: none !important;
4381 }
4382 .post-type-lp_order #order_details .order-data-field {
4383 margin-bottom: 20px;
4384 }
4385 .post-type-lp_order #order_details .order-data-field label {
4386 display: block;
4387 margin-bottom: 5px;
4388 font-weight: 500;
4389 }
4390 .post-type-lp_order #order_details .order-data-number {
4391 margin: 0 0 10px;
4392 font-size: 1.25rem;
4393 font-weight: 600;
4394 }
4395 .post-type-lp_order #order_details .payment-method-title {
4396 color: #777;
4397 font-size: 1rem;
4398 }
4399 .post-type-lp_order #order_details .payment-method-title strong {
4400 color: #23282d;
4401 }
4402 .post-type-lp_order #order_details .order-data-heading {
4403 margin-top: 40px;
4404 font-size: 1rem;
4405 }
4406 .post-type-lp_order #order_details .order-users {
4407 display: inline-block;
4408 }
4409 .post-type-lp_order #order_details .order-users .description {
4410 margin-top: 10px;
4411 padding: 10px;
4412 background: #eee;
4413 }
4414 .post-type-lp_order #order_details .order-data-date .order-date {
4415 width: 130px;
4416 }
4417 .post-type-lp_order #order_details .order-data-date .order-hour,
4418 .post-type-lp_order #order_details .order-data-date .order-minute {
4419 width: 60px;
4420 }
4421 .post-type-lp_order #order_details .order-data-note {
4422 display: inline-block;
4423 }
4424 .post-type-lp_order #order_details .order-data-note .order-note {
4425 padding: 10px;
4426 color: #fff;
4427 background-color: #c1a3b6;
4428 font-size: 0.875rem;
4429 }
4430 .post-type-lp_order #order_details .order-items {
4431 margin: 0;
4432 border: 1px solid #ccd0d4 !important;
4433 background-color: #fff;
4434 }
4435 .post-type-lp_order #order_details .order-items table {
4436 width: 100%;
4437 border-collapse: collapse;
4438 }
4439 .post-type-lp_order #order_details .order-items table thead {
4440 margin: 0;
4441 padding: 0;
4442 }
4443 .post-type-lp_order #order_details .order-items table thead tr {
4444 background-color: #f8f8f8;
4445 }
4446 .post-type-lp_order #order_details .order-items table thead th {
4447 padding: 15px;
4448 border-bottom: none;
4449 color: #999;
4450 font-weight: 400;
4451 text-align: right;
4452 }
4453 .post-type-lp_order #order_details .order-items table thead th:first-child {
4454 padding-right: 30px;
4455 }
4456 .post-type-lp_order #order_details .order-items table thead th:last-child {
4457 padding-left: 30px;
4458 }
4459 .post-type-lp_order #order_details .order-items table tbody td,
4460 .post-type-lp_order #order_details .order-items table tfoot td {
4461 padding: 10px;
4462 border-bottom: 1px solid #ddd;
4463 text-align: right;
4464 }
4465 .post-type-lp_order #order_details .order-items table tbody {
4466 margin: 0;
4467 padding: 0;
4468 }
4469 .post-type-lp_order #order_details .order-items table tbody tr td {
4470 padding: 15px;
4471 }
4472 .post-type-lp_order #order_details .order-items table tbody tr td:first-child {
4473 padding-right: 30px;
4474 }
4475 .post-type-lp_order #order_details .order-items table tbody tr td:last-child {
4476 padding-left: 30px;
4477 }
4478 .post-type-lp_order #order_details .order-items table tfoot {
4479 margin: 0;
4480 padding: 0;
4481 }
4482 .post-type-lp_order #order_details .order-items table tfoot tr {
4483 background-color: #f8f8f8;
4484 }
4485 .post-type-lp_order #order_details .order-items table tfoot tr:last-child td {
4486 padding-top: 20px;
4487 padding-bottom: 20px;
4488 }
4489 .post-type-lp_order #order_details .order-items table tfoot td {
4490 padding: 10px 15px;
4491 padding-bottom: 0;
4492 border: none;
4493 font-size: 0.875rem;
4494 text-align: left;
4495 }
4496 .post-type-lp_order #order_details .order-items table tfoot td:first-child {
4497 padding-right: 30px;
4498 }
4499 .post-type-lp_order #order_details .order-items table tfoot td:last-child {
4500 padding-left: 30px;
4501 }
4502 .post-type-lp_order #order_details .order-items table .column-price,
4503 .post-type-lp_order #order_details .order-items table .column-total,
4504 .post-type-lp_order #order_details .order-items table .column-quantity {
4505 width: 150px;
4506 text-align: left;
4507 }
4508 .post-type-lp_order #order_details .order-items table .row-subtotal td .order-subtotal,
4509 .post-type-lp_order #order_details .order-items table .row-subtotal td .order-total,
4510 .post-type-lp_order #order_details .order-items table .row-total td .order-subtotal,
4511 .post-type-lp_order #order_details .order-items table .row-total td .order-total {
4512 font-weight: 700;
4513 }
4514 .post-type-lp_order #order_details .order-items table .remove-order-item {
4515 outline: none;
4516 color: #ccc;
4517 text-decoration: none;
4518 }
4519 .post-type-lp_order #order_details .order-items table .remove-order-item .dashicons {
4520 font-size: 1.25rem;
4521 }
4522 .post-type-lp_order #order_details .order-items table .remove-order-item:hover {
4523 color: #f00;
4524 }
4525 .post-type-lp_order #order_details .order-items table .order-item-row:hover .remove-order-item {
4526 display: inline-block;
4527 }
4528 .post-type-lp_order #order-export__button:hover {
4529 cursor: pointer;
4530 }
4531 .post-type-lp_order .export-modal.modal {
4532 display: none;
4533 position: fixed;
4534 z-index: 10;
4535 right: 0;
4536 top: 0;
4537 width: 100%;
4538 height: 100%;
4539 overflow: auto;
4540 background-color: #000000;
4541 background-color: rgba(0, 0, 0, 0.4);
4542 }
4543 .post-type-lp_order .export-modal .modal-content {
4544 background-color: #fefefe;
4545 margin: 5% auto;
4546 border: 1px solid #888;
4547 width: 60%;
4548 position: relative;
4549 }
4550 .post-type-lp_order .export-modal .close {
4551 color: #aaa;
4552 position: absolute;
4553 font-size: 28px;
4554 font-weight: bold;
4555 top: -5px;
4556 left: 11px;
4557 }
4558 .post-type-lp_order .export-modal .close:hover {
4559 color: black;
4560 text-decoration: none;
4561 cursor: pointer;
4562 }
4563 .post-type-lp_order .export-modal .close:focus {
4564 color: black;
4565 text-decoration: none;
4566 cursor: pointer;
4567 }
4568 .post-type-lp_order .export-modal .panel {
4569 display: none;
4570 }
4571 .post-type-lp_order .export-modal .panel.active {
4572 display: block;
4573 }
4574 .post-type-lp_order #order-export__tabs.tabs {
4575 display: flex;
4576 justify-content: space-around;
4577 height: 40px;
4578 box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
4579 }
4580 .post-type-lp_order #order-export__tabs.tabs > * {
4581 width: 100%;
4582 color: dimgray;
4583 height: 100%;
4584 cursor: pointer;
4585 display: flex;
4586 justify-content: center;
4587 align-items: center;
4588 }
4589 .post-type-lp_order #order-export__tabs.tabs > *:hover:not(.active) {
4590 background-color: #dcdcdc;
4591 }
4592 .post-type-lp_order #order-export__tabs.tabs > .active {
4593 color: white;
4594 background-color: #4CAF50;
4595 }
4596 .post-type-lp_order #lp-invoice__content {
4597 padding: 20px 40px 0;
4598 margin-bottom: 25px;
4599 }
4600 .post-type-lp_order #lp-invoice__content thead th {
4601 border-bottom: 1px solid #000;
4602 border-top: 1px solid #000;
4603 padding: 10px 20px;
4604 }
4605 .post-type-lp_order #lp-invoice__content tbody td {
4606 border-bottom: 1px solid #000;
4607 text-align: center;
4608 padding: 10px 20px;
4609 }
4610 .post-type-lp_order #lp-invoice__content tfoot td {
4611 border-bottom: 1px solid #000;
4612 text-align: center;
4613 padding: 10px 20px;
4614 }
4615 .post-type-lp_order .export-options__content {
4616 margin-bottom: 25px;
4617 padding: 10px 40px;
4618 }
4619 .post-type-lp_order .export-options {
4620 position: relative;
4621 }
4622 .post-type-lp_order .export-options__loading {
4623 opacity: 0;
4624 z-index: -1;
4625 visibility: hidden;
4626 position: absolute;
4627 top: 0;
4628 right: 0;
4629 width: 100%;
4630 background: #fff;
4631 left: 0;
4632 bottom: 0;
4633 display: flex;
4634 align-items: center;
4635 justify-content: center;
4636 }
4637 .post-type-lp_order .export-options__loading .spinner {
4638 background: url("../../images/spinner.gif") no-repeat center center;
4639 z-index: 9;
4640 display: inline-block;
4641 visibility: visible;
4642 }
4643 .post-type-lp_order .export-options__loading.active {
4644 opacity: 1;
4645 z-index: 9;
4646 visibility: visible;
4647 }
4648 .post-type-lp_order #lp-invoice__export {
4649 color: white;
4650 background-color: #4CAF50;
4651 border: 1px solid #4CAF50;
4652 padding: 10px 20px;
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 }
4658 .post-type-lp_order #lp-invoice__export:hover {
4659 color: #000;
4660 background-color: #fff;
4661 border: 1px solid #000;
4662 transition: all 0.5s ease;
4663 -moz-transition: all 0.5s ease;
4664 -o-transition: all 0.5s ease;
4665 -webkit-transition: all 0.5s ease;
4666 cursor: pointer;
4667 }
4668 .post-type-lp_order #lp-invoice__update {
4669 color: white;
4670 background-color: #4CAF50;
4671 border: 1px solid #4CAF50;
4672 padding: 10px 20px;
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 }
4678 .post-type-lp_order #lp-invoice__update:hover {
4679 color: #000;
4680 background-color: #fff;
4681 border: 1px solid #000;
4682 transition: all 0.5s ease;
4683 -moz-transition: all 0.5s ease;
4684 -o-transition: all 0.5s ease;
4685 -webkit-transition: all 0.5s ease;
4686 cursor: pointer;
4687 }
4688 .post-type-lp_order #lp-invoice__actions {
4689 display: flex;
4690 flex-direction: row;
4691 justify-content: flex-end;
4692 }
4693 .post-type-lp_order .export-options__actions {
4694 display: flex;
4695 flex-direction: row;
4696 justify-content: flex-end;
4697 }
4698 .post-type-lp_order .lp-invoice__body table {
4699 border-spacing: 0;
4700 width: 100%;
4701 }
4702 .post-type-lp_order .lp-order-status .dashicons {
4703 display: inline-flex !important;
4704 align-items: center;
4705 font-size: 1rem;
4706 }
4707 .post-type-lp_order .lp-order-items-wrapper .learn-press-pagination {
4708 text-align: right;
4709 }
4710 .post-type-lp_order .lp-order-items-wrapper .learn-press-pagination li {
4711 border: 1px solid #2271b1;
4712 background: #f6f7f7;
4713 }
4714 .post-type-lp_order .lp-order-items-wrapper .learn-press-pagination li .page-numbers {
4715 padding: 0 6px;
4716 }
4717 .post-type-lp_order .lp-order-items-wrapper .learn-press-pagination li .current {
4718 background: #2271b1;
4719 color: #fff !important;
4720 }
4721
4722 .swal2-popup.lp-admin-refund-modal {
4723 width: 560px;
4724 max-width: calc(100% - 32px);
4725 padding: 32px;
4726 border-radius: 8px;
4727 box-shadow: 0 12px 40px rgba(0, 0, 0, 0.2);
4728 }
4729 .swal2-popup.lp-admin-refund-modal .swal2-icon {
4730 margin-top: 0;
4731 margin-bottom: 20px;
4732 }
4733 .swal2-popup.lp-admin-refund-modal .swal2-title {
4734 padding: 0;
4735 color: #1d2327;
4736 font-size: 1.5rem;
4737 line-height: 1.3;
4738 }
4739 .swal2-popup.lp-admin-refund-modal .lp-admin-refund-modal__content {
4740 margin: 20px 0 0;
4741 padding: 0;
4742 color: #50575e;
4743 overflow: visible;
4744 }
4745 .swal2-popup.lp-admin-refund-modal .lp-admin-refund-modal__description {
4746 margin: 0 0 24px;
4747 line-height: 1.5;
4748 }
4749 .swal2-popup.lp-admin-refund-modal .lp-admin-refund-modal__form {
4750 text-align: right;
4751 }
4752 .swal2-popup.lp-admin-refund-modal .lp-admin-refund-modal__form .swal2-input-label {
4753 display: block;
4754 margin: 0 0 8px;
4755 color: #1d2327;
4756 font-size: 0.875rem;
4757 font-weight: 600;
4758 text-align: right;
4759 }
4760 .swal2-popup.lp-admin-refund-modal .lp-admin-refund-modal__form .swal2-textarea,
4761 .swal2-popup.lp-admin-refund-modal .lp-admin-refund-modal__form .swal2-input {
4762 display: block;
4763 width: 100%;
4764 margin: 0 0 20px;
4765 border: 1px solid #8c8f94;
4766 border-radius: 4px;
4767 color: #2c3338;
4768 background: #fff;
4769 box-shadow: none;
4770 box-sizing: border-box;
4771 font-size: 0.875rem;
4772 }
4773 .swal2-popup.lp-admin-refund-modal .lp-admin-refund-modal__form .swal2-textarea:focus,
4774 .swal2-popup.lp-admin-refund-modal .lp-admin-refund-modal__form .swal2-input:focus {
4775 border-color: #2271b1;
4776 box-shadow: 0 0 0 1px #2271b1;
4777 outline: 2px solid transparent;
4778 }
4779 .swal2-popup.lp-admin-refund-modal .lp-admin-refund-modal__form .swal2-textarea {
4780 min-height: 110px;
4781 padding: 10px 12px;
4782 resize: vertical;
4783 }
4784 .swal2-popup.lp-admin-refund-modal .lp-admin-refund-modal__form .swal2-input {
4785 height: 42px;
4786 padding: 0 12px;
4787 }
4788 .swal2-popup.lp-admin-refund-modal .swal2-validation-message {
4789 margin: 0 0 20px;
4790 border-radius: 4px;
4791 font-size: 0.875rem;
4792 }
4793 .swal2-popup.lp-admin-refund-modal .lp-admin-refund-modal__actions {
4794 display: grid;
4795 grid-template-columns: repeat(2, minmax(0, 1fr));
4796 gap: 12px;
4797 width: 100%;
4798 margin: 4px 0 0;
4799 padding: 0;
4800 }
4801 .swal2-popup.lp-admin-refund-modal .lp-admin-refund-modal__actions .swal2-styled {
4802 min-height: 42px;
4803 margin: 0;
4804 border-radius: 4px;
4805 font-size: 0.875rem;
4806 font-weight: 600;
4807 }
4808
4809 @media screen and (max-width: 480px) {
4810 .swal2-popup.lp-admin-refund-modal {
4811 width: calc(100% - 20px);
4812 max-width: none;
4813 padding: 24px 20px;
4814 }
4815 .swal2-popup.lp-admin-refund-modal .lp-admin-refund-modal__actions {
4816 grid-template-columns: 1fr;
4817 }
4818 }
4819 #learn-press-toggle-settings-js-css {
4820 display: none;
4821 }
4822 #learn-press-toggle-settings-js-css + table {
4823 display: none;
4824 }
4825 #learn-press-toggle-settings-js-css:checked + table {
4826 display: table;
4827 }
4828
4829 .color-schemas {
4830 margin: 0 0 20px 20px;
4831 float: right;
4832 }
4833 .color-schemas ul {
4834 list-style: none;
4835 margin: 0;
4836 padding: 0;
4837 }
4838 .color-schemas ul > li > label {
4839 font-weight: 600;
4840 display: block;
4841 margin-bottom: 10px;
4842 }
4843 .color-schemas .wp-color-picker {
4844 width: 80px;
4845 height: 24px;
4846 vertical-align: top;
4847 margin: 0;
4848 }
4849 .color-schemas .wp-picker-holder {
4850 position: absolute;
4851 }
4852 .color-schemas .buttons {
4853 display: none;
4854 }
4855 .color-schemas table {
4856 border-collapse: collapse;
4857 position: relative;
4858 }
4859 .color-schemas table td, .color-schemas table th {
4860 padding: 10px 10px;
4861 }
4862 .color-schemas table tbody {
4863 border: 1px solid transparent;
4864 position: relative;
4865 }
4866 .color-schemas table tbody td, .color-schemas table tbody th {
4867 text-align: right;
4868 background: #F5F5F5;
4869 }
4870 .color-schemas table tbody tr:first-child td, .color-schemas table tbody tr:first-child th {
4871 padding-bottom: 0;
4872 }
4873 .color-schemas table:after {
4874 content: "";
4875 position: absolute;
4876 top: 0;
4877 right: 0;
4878 left: 0;
4879 bottom: 0;
4880 background: rgba(255, 255, 255, 0.7);
4881 }
4882 .color-schemas tfoot td, .color-schemas tfoot th {
4883 padding-right: 0;
4884 padding-left: 0;
4885 }
4886 .color-schemas .remove-schema {
4887 float: left;
4888 color: #FF0000;
4889 }
4890 .color-schemas .wp-color-result {
4891 margin: 0;
4892 }
4893 .color-schemas .clone-schema {
4894 display: none;
4895 }
4896 .color-schemas:first-child .remove-schema,
4897 .color-schemas:first-child .apply-schema {
4898 display: none;
4899 }
4900 .color-schemas:nth-child(2) {
4901 clear: both;
4902 }
4903 .color-schemas:hover tbody {
4904 opacity: 1;
4905 }
4906 .color-schemas.current tbody {
4907 border-color: #DDD;
4908 }
4909 .color-schemas.current tbody td, .color-schemas.current tbody th {
4910 background: rgba(5, 215, 255, 0.26);
4911 }
4912 .color-schemas.current table:after {
4913 display: none;
4914 }
4915 .color-schemas.current .clone-schema {
4916 display: inline-block;
4917 }
4918
4919 .wp-picker-container {
4920 position: relative;
4921 }
4922 .wp-picker-container .wp-picker-holder {
4923 z-index: 99999;
4924 }
4925
4926 .lp-install-sample {
4927 max-width: 600px;
4928 margin: 0;
4929 padding: 10px 25px;
4930 border: 1px solid #ccd0d4;
4931 border-radius: 4px;
4932 background-color: #fff;
4933 }
4934 .lp-install-sample__options {
4935 margin-bottom: 20px;
4936 padding: 0 20px;
4937 border: 1px solid #eee;
4938 border-radius: 4px;
4939 }
4940 .lp-install-sample__options legend {
4941 padding: 5px;
4942 font-weight: 500;
4943 }
4944 .lp-install-sample__buttons {
4945 display: flex;
4946 margin-top: 25px;
4947 align-items: center;
4948 justify-content: space-between;
4949 }
4950 .lp-install-sample__toggle-options {
4951 margin-left: auto;
4952 margin-right: 10px;
4953 }
4954 .lp-install-sample__uninstall {
4955 float: left;
4956 }
4957 .lp-install-sample__response {
4958 margin: 0;
4959 padding: 10px;
4960 border: 2px solid #059601;
4961 border-radius: 6px;
4962 }
4963 .lp-install-sample__response.fail {
4964 border-color: #d85554;
4965 }
4966
4967 .lp-update-db-modal {
4968 display: flex;
4969 position: fixed;
4970 z-index: 9999;
4971 top: 0;
4972 left: 0;
4973 right: 0;
4974 width: 100%;
4975 min-height: 100vh;
4976 text-align: center;
4977 align-items: center;
4978 justify-content: center;
4979 }
4980 .lp-update-db-modal__hidden {
4981 display: none !important;
4982 visibility: hidden;
4983 opacity: 0;
4984 pointer-events: none;
4985 }
4986 .lp-update-db-modal__overlay {
4987 position: absolute;
4988 z-index: 1;
4989 top: 0;
4990 left: 0;
4991 bottom: 0;
4992 right: 0;
4993 width: 100%;
4994 height: 100%;
4995 background-color: rgba(209, 213, 219, 0.8);
4996 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
4997 transition-duration: 150ms;
4998 transition-property: opacity;
4999 }
5000 .lp-update-db-modal__content {
5001 display: inline-block;
5002 overflow: hidden;
5003 z-index: 2;
5004 width: 100%;
5005 max-width: 510px;
5006 border-radius: 8px;
5007 text-align: right;
5008 vertical-align: middle;
5009 }
5010 .lp-update-db-modal__content-header {
5011 padding: 24px 24px 16px 24px;
5012 background-color: #fff;
5013 }
5014 .lp-update-db-modal__content-start {
5015 display: flex;
5016 flex-direction: flex-start;
5017 }
5018 .lp-update-db-modal__content-icon {
5019 display: flex;
5020 width: 40px;
5021 height: 40px;
5022 margin-left: 0;
5023 margin-right: 0;
5024 border-radius: 999px;
5025 background-color: rgb(254, 226, 226);
5026 justify-content: center;
5027 align-items: center;
5028 flex: 0 0 auto;
5029 }
5030 .lp-update-db-modal__content-icon svg {
5031 width: 24px;
5032 height: 24px;
5033 color: rgb(220, 38, 38);
5034 }
5035 .lp-update-db-modal__content-icon svg:last-child {
5036 color: rgb(37, 141, 108);
5037 }
5038 .lp-update-db-modal__content-icon__success {
5039 display: none;
5040 }
5041 .lp-update-db-modal__content-text {
5042 margin-right: 18px;
5043 text-align: right;
5044 }
5045 .lp-update-db-modal__content-text h3 {
5046 margin: 0;
5047 font-weight: 500;
5048 }
5049 .lp-update-db-modal__content-text p {
5050 margin: 0;
5051 margin-top: 10px;
5052 color: #999;
5053 font-size: 0.875rem;
5054 font-weight: 400;
5055 }
5056 .lp-update-db-modal__content-footer {
5057 display: flex;
5058 flex-direction: row;
5059 padding: 10px 24px;
5060 background-color: rgb(249, 250, 251);
5061 justify-content: flex-end;
5062 align-items: center;
5063 }
5064 .lp-update-db-modal__content-footer a {
5065 padding: 8px 16px;
5066 border: 1px solid #e5e7eb;
5067 border-radius: 6px;
5068 color: rgb(55, 65, 81);
5069 font-size: 0.8125rem;
5070 font-weight: 500;
5071 text-decoration: none;
5072 }
5073 .lp-update-db-modal__content-footer a:last-child {
5074 margin-right: 10px;
5075 color: #fff;
5076 background-color: #0073aa;
5077 }
5078 .lp-update-db-modal__success .lp-update-db-modal__content-icon {
5079 background-color: rgb(222, 247, 236);
5080 }
5081 .lp-update-db-modal__success .lp-update-db-modal__content-icon__error {
5082 display: none;
5083 }
5084 .lp-update-db-modal__success .lp-update-db-modal__content-icon__success {
5085 display: block;
5086 }
5087
5088 #lp-tool-upgrade-db .wrapper-lp-upgrade-message, #lp-tool-upgrade-db .wrapper-terms-upgrade, #lp-tool-upgrade-db .wrapper-lp-loading {
5089 display: none;
5090 }
5091
5092 .terms-upgrade {
5093 max-width: 500px;
5094 margin: 0 auto;
5095 }
5096 .terms-upgrade .error {
5097 display: none;
5098 }
5099
5100 .lp-modal-footer .learn-press-notice {
5101 color: #ff6060;
5102 font-weight: 500;
5103 font-style: italic;
5104 }
5105
5106 .lp-modal-body .lp-skeleton-animation {
5107 width: 500px;
5108 margin: 0 20px;
5109 }
5110
5111 .tools-select__data {
5112 overflow: hidden;
5113 }
5114 .tools-select__data li {
5115 background-color: #fff;
5116 border: 1px solid #eee;
5117 color: #000;
5118 display: flex;
5119 flex-direction: row;
5120 align-items: center;
5121 flex: 0 0 auto;
5122 font-size: 0.875rem;
5123 line-height: 1.4em;
5124 font-weight: normal;
5125 padding: 10px;
5126 width: 100%;
5127 }
5128 .tools-select__data li input {
5129 margin: 0 0 0 10px;
5130 }
5131
5132 .progressbar__content {
5133 width: 100%;
5134 font-size: 0.875rem;
5135 font-weight: normal;
5136 line-height: 1.4em;
5137 background: #eee;
5138 padding: 10px 0;
5139 display: flex;
5140 flex-direction: column;
5141 align-items: center;
5142 justify-content: center;
5143 }
5144 .progressbar__content span {
5145 z-index: 9;
5146 }
5147
5148 .progressbar__container {
5149 position: relative;
5150 }
5151
5152 .progressbar__value {
5153 position: absolute;
5154 width: 0;
5155 height: 100%;
5156 right: 0;
5157 top: 0;
5158 background: #8A2BE2;
5159 }
5160
5161 .progressbar__item h4 {
5162 z-index: 9;
5163 margin: 0;
5164 }
5165
5166 .progressbar__item {
5167 width: 500px;
5168 border-bottom: 1px solid #fff;
5169 }
5170
5171 .progressbar__indexs {
5172 z-index: 9;
5173 }
5174
5175 .lp-tool__message {
5176 text-align: center;
5177 color: red;
5178 padding: 10px 0;
5179 display: none;
5180 }
5181
5182 .tools-prepare__message {
5183 background: #dba617;
5184 padding: 10px 0;
5185 text-align: center;
5186 display: none;
5187 }
5188
5189 /*** Admin notices ***/
5190 .lp-admin-notices {
5191 background: transparent;
5192 display: none;
5193 padding: 0;
5194 border: none;
5195 margin: 0 !important;
5196 }
5197 .lp-admin-notices .lp-admin-notice {
5198 position: relative;
5199 }
5200 .lp-admin-notices .lp-mes-beta-version {
5201 background: #4299e1;
5202 color: whitesmoke;
5203 }
5204 .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 {
5205 color: white;
5206 }
5207 .lp-admin-notices .lp-mes-beta-version .btn-lp-notice-dismiss::before {
5208 color: #fff0f6;
5209 }
5210
5211 .tab-lp-admin-notice {
5212 margin-right: 5px;
5213 width: 4px;
5214 height: 4px;
5215 background: #ff1919;
5216 display: inline-flex;
5217 border-radius: 999px;
5218 vertical-align: middle;
5219 }
5220
5221 /**
5222 * General style for admin editor.
5223 */
5224 .lp-admin-editor {
5225 position: relative;
5226 margin: 0;
5227 background-color: #fff;
5228 }
5229 .lp-admin-editor .heading,
5230 .lp-admin-editor .lp-box-data-content {
5231 padding: 0;
5232 }
5233
5234 #learn-press-admin-editor-metabox-settings {
5235 margin-top: 20px;
5236 }
5237
5238 /**
5239 * Course admin editor.
5240 */
5241 #course-editor .inside {
5242 margin: 0;
5243 padding: 0;
5244 }
5245
5246 #admin-editor-lp_course .lp-course-curriculum .heading {
5247 display: flex;
5248 flex-direction: row;
5249 flex-wrap: nowrap;
5250 position: relative;
5251 padding: 8px 20px;
5252 align-items: center;
5253 line-height: 1;
5254 }
5255 #admin-editor-lp_course .lp-course-curriculum .heading h4 {
5256 margin: 0;
5257 font-size: 1rem;
5258 }
5259 #admin-editor-lp_course .lp-course-curriculum .heading .collapse-sections {
5260 display: flex;
5261 width: 40px;
5262 color: #999;
5263 font-family: Dashicons;
5264 font-size: 1.875rem;
5265 cursor: pointer;
5266 justify-content: center;
5267 align-items: center;
5268 }
5269 #admin-editor-lp_course .lp-course-curriculum .heading .collapse-sections.close::before {
5270 content: "\f140";
5271 }
5272 #admin-editor-lp_course .lp-course-curriculum .heading .collapse-sections.open::before {
5273 content: "\f142";
5274 }
5275 #admin-editor-lp_course .lp-course-curriculum .heading .status {
5276 visibility: hidden;
5277 position: relative;
5278 top: 5px;
5279 margin-right: 10px;
5280 font-family: Dashicons;
5281 font-size: 1.25rem;
5282 }
5283 #admin-editor-lp_course .lp-course-curriculum .heading .status::before {
5284 content: "\f463";
5285 }
5286 #admin-editor-lp_course .lp-course-curriculum .heading .status.loading {
5287 display: inline-block;
5288 visibility: visible;
5289 animation: rotation 2s infinite linear;
5290 }
5291 #admin-editor-lp_course .lp-course-curriculum .curriculum-sections {
5292 margin: 0;
5293 margin: 0 20px 20px 20px;
5294 border: 1px solid #ddd;
5295 }
5296 #admin-editor-lp_course .lp-course-curriculum .section {
5297 margin: 0;
5298 border-bottom: 1px solid #e5e5e5;
5299 opacity: 1;
5300 background: #fff;
5301 }
5302 #admin-editor-lp_course .lp-course-curriculum .section:first-child {
5303 border-top: 0;
5304 }
5305 #admin-editor-lp_course .lp-course-curriculum .section.new-section {
5306 margin-top: 1px;
5307 border: none;
5308 }
5309 #admin-editor-lp_course .lp-course-curriculum .section.new-section form {
5310 margin: 0;
5311 }
5312 #admin-editor-lp_course .lp-course-curriculum .section.new-section .section-head {
5313 background-color: #f4fcff;
5314 }
5315 #admin-editor-lp_course .lp-course-curriculum .section.new-section .section-head .creatable {
5316 position: relative;
5317 top: 1px;
5318 }
5319 #admin-editor-lp_course .lp-course-curriculum .section.new-section .section-head .creatable::before {
5320 content: "\f132";
5321 }
5322 #admin-editor-lp_course .lp-course-curriculum .section.empty-section {
5323 position: relative;
5324 }
5325 #admin-editor-lp_course .lp-course-curriculum .section.empty-section::after {
5326 position: absolute;
5327 top: 0;
5328 left: 0;
5329 bottom: 0;
5330 right: 0;
5331 opacity: 0.5;
5332 background: #fff;
5333 content: "";
5334 }
5335 #admin-editor-lp_course .lp-course-curriculum .section.empty-section .section-head .movable::before {
5336 display: inline-block;
5337 color: #a2a2a2;
5338 content: "\f463";
5339 -webkit-animation: rotating4 2s linear infinite;
5340 -moz-animation: rotating4 2s linear infinite;
5341 -ms-animation: rotating4 2s linear infinite;
5342 -o-animation: rotating4 2s linear infinite;
5343 animation: rotating4 2s linear infinite;
5344 }
5345 #admin-editor-lp_course .lp-course-curriculum .section.empty-section .section-collapse {
5346 display: none;
5347 }
5348 #admin-editor-lp_course .lp-course-curriculum .section:hover .section-actions .remove {
5349 display: inline-block;
5350 }
5351 #admin-editor-lp_course .lp-course-curriculum .section input {
5352 background-color: transparent;
5353 box-shadow: none;
5354 }
5355 #admin-editor-lp_course .lp-course-curriculum .section input:focus {
5356 box-shadow: none;
5357 }
5358 #admin-editor-lp_course .lp-course-curriculum .section .section-head {
5359 display: flex;
5360 position: relative;
5361 height: 42px;
5362 margin: 0;
5363 padding: 0;
5364 background-color: #f4fcff;
5365 line-height: 2.5rem;
5366 transition: background 500ms ease-out;
5367 align-items: center;
5368 }
5369 #admin-editor-lp_course .lp-course-curriculum .section .section-head .movable,
5370 #admin-editor-lp_course .lp-course-curriculum .section .section-head .creatable {
5371 display: inline-block;
5372 width: 40px;
5373 margin: 0;
5374 color: #999;
5375 font-family: Dashicons;
5376 font-size: 1.25rem;
5377 text-align: center;
5378 vertical-align: middle;
5379 }
5380 #admin-editor-lp_course .lp-course-curriculum .section .section-head .movable {
5381 margin-left: -1px;
5382 cursor: url("../../images/openhand.cur") 7 5, default;
5383 }
5384 #admin-editor-lp_course .lp-course-curriculum .section .section-head .movable::before {
5385 content: "\f333";
5386 }
5387 #admin-editor-lp_course .lp-course-curriculum .section .section-head .movable:hover {
5388 color: #0085ba;
5389 }
5390 #admin-editor-lp_course .lp-course-curriculum .section .section-head .section-item-counts {
5391 line-height: 2.5rem;
5392 }
5393 #admin-editor-lp_course .lp-course-curriculum .section .section-head .actions {
5394 height: 100%;
5395 color: #444;
5396 }
5397 #admin-editor-lp_course .lp-course-curriculum .section .section-head .actions > * {
5398 display: inline-block;
5399 height: 100%;
5400 text-align: center;
5401 cursor: pointer;
5402 }
5403 #admin-editor-lp_course .lp-course-curriculum .section .section-head .actions .collapse:hover {
5404 color: #0085ba;
5405 }
5406 #admin-editor-lp_course .lp-course-curriculum .section .section-head .actions .collapse::before {
5407 display: inline-block;
5408 width: 40px;
5409 color: #999;
5410 font-family: Dashicons;
5411 font-size: 1rem;
5412 line-height: 2.5rem;
5413 }
5414 #admin-editor-lp_course .lp-course-curriculum .section .section-head .actions .collapse.open::before {
5415 content: "\f343";
5416 }
5417 #admin-editor-lp_course .lp-course-curriculum .section .section-head .actions .collapse.close::before {
5418 content: "\f347";
5419 }
5420 #admin-editor-lp_course .lp-course-curriculum .section .name {
5421 width: 100%;
5422 border: none;
5423 color: #777;
5424 font-size: 1.5rem;
5425 font-weight: 600;
5426 line-height: 3.125rem;
5427 }
5428 #admin-editor-lp_course .lp-course-curriculum .section .name:focus {
5429 color: #444;
5430 }
5431 #admin-editor-lp_course .lp-course-curriculum .section .section-collapse {
5432 overflow: hidden;
5433 }
5434 #admin-editor-lp_course .lp-course-curriculum .section .section-content {
5435 padding: 20px;
5436 border-top: 1px solid #e5e5e5;
5437 }
5438 #admin-editor-lp_course .lp-course-curriculum .section .details {
5439 margin-bottom: 20px;
5440 }
5441 #admin-editor-lp_course .lp-course-curriculum .section .title-input {
5442 padding-right: 0;
5443 border: none;
5444 font-size: 1.2em;
5445 line-height: 1.875rem;
5446 flex: 1;
5447 }
5448 #admin-editor-lp_course .lp-course-curriculum .section .description-input {
5449 width: 100%;
5450 margin: 0;
5451 padding: 0;
5452 border: none;
5453 color: #999;
5454 }
5455 #admin-editor-lp_course .lp-course-curriculum .section .description-input:focus {
5456 color: #444;
5457 }
5458 #admin-editor-lp_course .lp-course-curriculum .section-list-items {
5459 width: 100%;
5460 border-collapse: collapse;
5461 }
5462 #admin-editor-lp_course .lp-course-curriculum .section-list-items ul {
5463 position: relative;
5464 min-height: 5px;
5465 margin: 0;
5466 }
5467 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item {
5468 display: flex;
5469 position: relative;
5470 margin: 0;
5471 border: 1px solid #eee;
5472 border-bottom-width: 0;
5473 background: #fff;
5474 transition: background 200ms ease-out;
5475 justify-content: center;
5476 align-items: center;
5477 }
5478 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item.ui-sortable-helper {
5479 border-bottom: 1px solid #eee;
5480 }
5481 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item:nth-child(2n+1) {
5482 background-color: #f7f7f7;
5483 }
5484 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item.updating::before {
5485 position: absolute;
5486 z-index: 2;
5487 top: 0;
5488 left: 0;
5489 bottom: 0;
5490 right: 0;
5491 content: "";
5492 }
5493 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item.removing {
5494 background-color: #ffeded;
5495 }
5496 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .drag {
5497 height: 20px;
5498 padding-top: 3px;
5499 padding-right: 6px;
5500 cursor: url("../../images/openhand.cur") 7 5, default;
5501 fill: #999;
5502 flex: 0 0 18px;
5503 }
5504 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .drag:hover {
5505 fill: #0085ba;
5506 }
5507 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .icon {
5508 display: flex;
5509 align-items: center;
5510 justify-content: center;
5511 }
5512 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .title {
5513 margin-left: 120px;
5514 margin-right: 2px;
5515 flex-grow: 1;
5516 flex-basis: 100%;
5517 }
5518 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .title input {
5519 color: inherit;
5520 }
5521 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .item-actions {
5522 display: flex;
5523 position: absolute;
5524 top: 0;
5525 left: 2px;
5526 bottom: 0;
5527 align-items: center;
5528 justify-content: center;
5529 }
5530 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .actions {
5531 margin: 0;
5532 }
5533 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .actions > * {
5534 visibility: hidden;
5535 margin-left: 10px;
5536 }
5537 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .actions .edit {
5538 text-decoration: none;
5539 }
5540 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .actions .remove {
5541 color: #a00;
5542 }
5543 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item:hover .drag {
5544 visibility: visible;
5545 }
5546 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item:not(.lp_lesson) .item-actions .actions .preview-item {
5547 display: none;
5548 }
5549 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item {
5550 display: flex;
5551 position: relative;
5552 border-bottom-width: 1px;
5553 transition: all 200ms ease-out;
5554 align-items: center;
5555 }
5556 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .drag {
5557 display: flex;
5558 width: 30px;
5559 color: #999;
5560 font-family: Dashicons;
5561 font-size: 1rem;
5562 vertical-align: middle;
5563 cursor: default;
5564 align-items: center;
5565 justify-content: center;
5566 }
5567 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .drag::before {
5568 content: "\f132";
5569 }
5570 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .title {
5571 display: inline-block;
5572 margin: 0;
5573 flex: 1;
5574 }
5575 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .types {
5576 display: inline-block;
5577 }
5578 #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 {
5579 background-color: #fff;
5580 }
5581 #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 {
5582 display: inline-block;
5583 }
5584 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .types .type {
5585 display: inline-block;
5586 padding: 8px 5px;
5587 color: #ccc;
5588 }
5589 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .types .type input {
5590 display: none;
5591 }
5592 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .types .type.current {
5593 color: #0085ba;
5594 }
5595 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .types .type::before {
5596 position: relative;
5597 top: 2px;
5598 font-family: Dashicons;
5599 font-size: 1.25rem;
5600 }
5601 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .types .type.lp_quiz {
5602 padding: 8px 0 8px 6px;
5603 }
5604 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .types .type.lp_quiz::before {
5605 content: "\f469";
5606 }
5607 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .types .type.lp_lesson::before {
5608 content: "\f330";
5609 }
5610 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .types .type.empty-item::before {
5611 content: "\f463";
5612 }
5613 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .item-actions {
5614 text-align: left;
5615 }
5616 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .item-actions .actions .action {
5617 display: inline-block;
5618 position: relative;
5619 width: 30px;
5620 height: 30px;
5621 margin: 0;
5622 padding: 0;
5623 text-align: center;
5624 vertical-align: middle;
5625 cursor: pointer;
5626 }
5627 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .item-actions .actions .action > a {
5628 width: 30px;
5629 height: 30px;
5630 color: #999;
5631 line-height: 1.875rem;
5632 }
5633 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .item-actions .actions .action > a:hover {
5634 color: #0073aa;
5635 }
5636 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .item-actions .actions .action.delete-item > a:hover {
5637 color: #e74c3c;
5638 }
5639 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .item-actions .actions .action.delete-item ul {
5640 display: none;
5641 position: absolute;
5642 z-index: 9;
5643 top: 100%;
5644 left: 0;
5645 width: 165px;
5646 margin: 0;
5647 border: 1px solid #999;
5648 background: #fdfeff;
5649 text-align: center;
5650 }
5651 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .item-actions .actions .action.delete-item ul li {
5652 margin: 0;
5653 border-bottom: 1px solid #eee;
5654 text-align: left;
5655 }
5656 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .item-actions .actions .action.delete-item ul li a {
5657 display: block;
5658 padding: 10px 25px;
5659 color: #757575;
5660 font-size: 0.75rem;
5661 text-decoration: none;
5662 }
5663 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .item-actions .actions .action.delete-item ul li a.delete-permanently {
5664 color: #e74c3c;
5665 }
5666 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .item-actions .actions .action.delete-item ul li:hover {
5667 background: #eee;
5668 }
5669 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .item-actions .actions .action.delete-item:hover ul {
5670 display: block;
5671 }
5672 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item:hover .item-actions .actions > * {
5673 visibility: visible;
5674 cursor: pointer;
5675 }
5676 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item.lp_quiz .icon::before {
5677 content: "\f469";
5678 }
5679 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item.lp_lesson .icon::before {
5680 content: "\f330";
5681 }
5682 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item.empty-item {
5683 position: relative;
5684 color: #a2a2a2;
5685 }
5686 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item.empty-item::after {
5687 position: absolute;
5688 top: 0;
5689 left: 0;
5690 bottom: 0;
5691 right: 0;
5692 opacity: 0.5;
5693 background: #fff;
5694 content: "";
5695 }
5696 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item.empty-item .item-actions {
5697 display: none;
5698 }
5699 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item.empty-item .icon::before {
5700 color: #a2a2a2;
5701 content: "\f463";
5702 -webkit-animation: rotating4 2s linear infinite;
5703 -moz-animation: rotating4 2s linear infinite;
5704 -ms-animation: rotating4 2s linear infinite;
5705 -o-animation: rotating4 2s linear infinite;
5706 animation: rotating4 2s linear infinite;
5707 }
5708 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .icon {
5709 color: #0085ba;
5710 font-size: 1.25rem;
5711 text-align: center;
5712 flex: 0 0 29px;
5713 }
5714 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .icon::before {
5715 font-family: Dashicons;
5716 }
5717 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item input {
5718 width: 100%;
5719 padding: 8px 0 8px 10px;
5720 border: none;
5721 color: inherit;
5722 font-size: 0.875rem;
5723 font-weight: 600;
5724 }
5725 #admin-editor-lp_course .lp-course-curriculum .section-actions {
5726 padding: 0 20px 20px 20px;
5727 }
5728 #admin-editor-lp_course .lp-course-curriculum .section-actions .remove {
5729 display: none;
5730 float: left;
5731 height: 30px;
5732 border: 1px solid #eee;
5733 border-radius: 3px;
5734 color: #e74c3c;
5735 line-height: 1.875rem;
5736 cursor: pointer;
5737 }
5738 #admin-editor-lp_course .lp-course-curriculum .section-actions .remove .icon {
5739 padding: 0 18px;
5740 }
5741 #admin-editor-lp_course .lp-course-curriculum .section-actions .remove .confirm {
5742 display: none;
5743 padding: 0 18px;
5744 }
5745 #admin-editor-lp_course .lp-course-curriculum .section-actions .remove.confirm .confirm {
5746 display: inline-block;
5747 }
5748 #admin-editor-lp_course .lp-course-curriculum .section-actions .remove.confirm .icon {
5749 display: none;
5750 }
5751 #admin-editor-lp_course .lp-course-curriculum .ui-sortable-placeholder {
5752 display: block;
5753 visibility: visible !important;
5754 border-color: #bdf4fe !important;
5755 background: #bdf4fe !important;
5756 }
5757
5758 .wp-admin.post-type-lp_course #meta-box-tab-course_payment .learn-press-tip-floating {
5759 top: 40px;
5760 right: 100px;
5761 opacity: 0.8;
5762 background: #a00;
5763 }
5764 .wp-admin.post-type-lp_course #meta-box-tab-course_payment .learn-press-tip-floating::before {
5765 top: -7px;
5766 border: 7px solid transparent;
5767 border-top-width: 0;
5768 border-bottom-color: #a00;
5769 }
5770
5771 .section-item-counts {
5772 margin: 0;
5773 margin-right: auto;
5774 font-size: 0.75rem;
5775 white-space: nowrap;
5776 }
5777 .section-item-counts span {
5778 color: #999;
5779 }
5780
5781 #course-editor {
5782 margin-bottom: 10px;
5783 }
5784 #course-editor .inside .rwmb-custom_html-wrapper > .rwmb-label {
5785 display: none;
5786 }
5787 #course-editor .inside .rwmb-custom_html-wrapper > .rwmb-input {
5788 margin-right: 0;
5789 }
5790
5791 /**
5792 * Quiz admin editor.
5793 */
5794 #quiz-editor .inside .rwmb-custom_html-wrapper > .rwmb-label {
5795 display: none;
5796 }
5797 #quiz-editor .inside .rwmb-custom_html-wrapper > .rwmb-input {
5798 margin-right: 0;
5799 }
5800
5801 #quiz-editor .inside {
5802 margin: 0;
5803 padding: 0;
5804 }
5805
5806 #admin-editor-lp_quiz {
5807 margin: 0;
5808 padding: 0;
5809 border: none;
5810 }
5811 #admin-editor-lp_quiz form {
5812 margin: 0;
5813 }
5814 #admin-editor-lp_quiz .lp-box-data-head {
5815 display: flex;
5816 flex-direction: row;
5817 margin: 0;
5818 padding: 6px 20px;
5819 align-items: center;
5820 }
5821 #admin-editor-lp_quiz .lp-box-data-head h3 {
5822 padding: 0;
5823 }
5824 #admin-editor-lp_quiz .lp-box-data-head .status {
5825 visibility: hidden;
5826 position: relative;
5827 top: 5px;
5828 margin-right: 10px;
5829 font-family: Dashicons;
5830 font-size: 1.25rem;
5831 }
5832 #admin-editor-lp_quiz .lp-box-data-head .status::before {
5833 content: "\f463";
5834 }
5835 #admin-editor-lp_quiz .lp-box-data-head .status.loading {
5836 display: inline-block;
5837 visibility: visible;
5838 animation: rotation 2s infinite linear;
5839 }
5840 #admin-editor-lp_quiz .lp-box-data-head .collapse-list-questions {
5841 display: flex;
5842 width: 40px;
5843 height: 30px;
5844 color: #999;
5845 font-family: Dashicons;
5846 font-size: 1.875rem;
5847 cursor: pointer;
5848 justify-content: center;
5849 align-items: center;
5850 }
5851 #admin-editor-lp_quiz .lp-box-data-content {
5852 margin: 20px;
5853 margin-top: 0;
5854 border: 1px solid #ddd;
5855 }
5856 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions {
5857 border-collapse: collapse;
5858 color: #777;
5859 }
5860 @media (max-width: 1560px) {
5861 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .fill_in_blanks .question-settings {
5862 flex-direction: column;
5863 }
5864 }
5865 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row {
5866 display: flex;
5867 flex-direction: row;
5868 text-align: center;
5869 align-items: center;
5870 }
5871 @media (max-width: 1024px) {
5872 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row.question-settings {
5873 flex-direction: column;
5874 }
5875 }
5876 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > * {
5877 width: 100%;
5878 padding: 12px 8px;
5879 }
5880 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .sort {
5881 position: relative;
5882 color: #999;
5883 cursor: url("../../images/openhand.cur") 7 5, default;
5884 flex: 0 0 15px;
5885 }
5886 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .sort .svg-icon {
5887 height: 18px;
5888 margin-top: -2px;
5889 vertical-align: middle;
5890 fill: #999;
5891 }
5892 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .sort:hover {
5893 fill: #0085ba;
5894 }
5895 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .order {
5896 padding: 12px 0;
5897 color: #32373c;
5898 font-size: 1.2em;
5899 text-align: right;
5900 flex: 0 0 25px;
5901 }
5902 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .order::after {
5903 content: ".";
5904 }
5905 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .type {
5906 display: inline-flex;
5907 position: relative;
5908 width: 125px;
5909 height: 32px;
5910 padding: 0;
5911 border-radius: 2px;
5912 background-color: #eee;
5913 box-shadow: 0 0 2px rgba(0, 0, 0, 0.22);
5914 line-height: 2rem;
5915 cursor: pointer;
5916 flex: 0 0 auto;
5917 align-items: center;
5918 }
5919 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .type > a {
5920 display: inline-flex;
5921 width: 100%;
5922 padding: 0 10px;
5923 color: #666;
5924 text-align: center;
5925 cursor: pointer;
5926 align-items: center;
5927 justify-content: center;
5928 }
5929 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .type > a::after {
5930 margin-right: 5px;
5931 font-family: Dashicons;
5932 font-size: 0.875rem;
5933 line-height: 1.875rem;
5934 content: "\f347";
5935 }
5936 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .type ul {
5937 visibility: hidden;
5938 position: absolute;
5939 z-index: 9999;
5940 top: 100%;
5941 left: 0;
5942 height: auto;
5943 margin: 0;
5944 margin-top: -1px;
5945 border: 1px solid #999;
5946 border-radius: 2px;
5947 opacity: 1;
5948 background: #fdfeff;
5949 pointer-events: none;
5950 }
5951 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .type ul li {
5952 margin: 0;
5953 }
5954 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .type ul li a {
5955 display: block;
5956 min-width: 110px;
5957 padding: 10px 20px;
5958 color: #757575;
5959 line-height: 1.25rem;
5960 text-align: left;
5961 white-space: nowrap;
5962 text-decoration: none;
5963 }
5964 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .type ul li a:hover {
5965 background-color: #eee;
5966 }
5967 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .type ul li.disabled {
5968 opacity: 0.4;
5969 background-color: #fff;
5970 user-select: none;
5971 pointer-events: none;
5972 }
5973 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .type:hover ul {
5974 visibility: visible;
5975 opacity: 1;
5976 pointer-events: visible;
5977 }
5978 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .actions {
5979 width: 300px;
5980 }
5981 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .name {
5982 padding-right: 5px;
5983 }
5984 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row:hover > .sort {
5985 visibility: visible;
5986 }
5987 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row .actions .lp-box-data-actions {
5988 text-align: left !important;
5989 }
5990 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .header {
5991 display: none;
5992 border-bottom: 1px solid #ddd;
5993 }
5994 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .header .table-row > * {
5995 font-weight: bold;
5996 }
5997 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .header .table-row > .order::after {
5998 content: "";
5999 }
6000 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .header .table-row > .actions {
6001 padding: 12px 0;
6002 }
6003 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-actions .name input {
6004 width: 100%;
6005 padding: 0;
6006 border: none;
6007 color: #777;
6008 background: transparent;
6009 box-shadow: none;
6010 font-size: 0.875rem;
6011 font-weight: normal;
6012 }
6013 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings {
6014 padding: 0 20px;
6015 border: 1px solid #ddd;
6016 border-left: none;
6017 border-right: none;
6018 }
6019 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings > * {
6020 padding: 20px 0 20px 20px;
6021 }
6022 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings .quiz-question-data table.lp-list-options {
6023 border: 1px solid #ddd;
6024 }
6025 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings .quiz-question-data table.lp-list-options .sort {
6026 width: 12px;
6027 padding: 8px 6px;
6028 }
6029 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings .quiz-question-data table.lp-list-options .answer-text {
6030 width: calc(100% - 100px);
6031 padding-right: 0;
6032 color: #444;
6033 font-weight: 600;
6034 }
6035 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings .quiz-question-data table.lp-list-options .order {
6036 width: 10px;
6037 padding: 0;
6038 text-align: left;
6039 }
6040 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings .quiz-question-data table.lp-list-options .answer-correct {
6041 width: 65px;
6042 color: #444;
6043 font-weight: 600;
6044 text-align: center;
6045 }
6046 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings .quiz-question-data table.lp-list-options .actions {
6047 padding: 0;
6048 text-align: left;
6049 }
6050 #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 {
6051 height: 42px;
6052 }
6053 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings .quiz-question-data table.lp-list-options tbody tr {
6054 border: 1px solid #ddd;
6055 background: #f4fcff;
6056 }
6057 #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) {
6058 background: #fff;
6059 }
6060 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings .quiz-question-data table.lp-list-options tbody tr td {
6061 position: static;
6062 padding: 0 10px;
6063 border: none;
6064 background: inherit;
6065 }
6066 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings .quiz-question-data table.lp-list-options tbody tr td.sort {
6067 width: 12px;
6068 cursor: url("../../images/openhand.cur") 7 5, default;
6069 }
6070 #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 {
6071 padding-right: 0;
6072 }
6073 #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 {
6074 text-align: center;
6075 }
6076 #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 {
6077 height: 18px;
6078 vertical-align: middle;
6079 fill: #999;
6080 }
6081 #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 {
6082 visibility: visible;
6083 }
6084 #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 {
6085 fill: #0085ba;
6086 }
6087 #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 {
6088 visibility: visible !important;
6089 }
6090 #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 {
6091 height: 43px;
6092 background: #bdf4fe !important;
6093 }
6094 #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 {
6095 border-left: none;
6096 border-right: none;
6097 }
6098 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings .quiz-question-data table.lp-list-options tbody tr.ui-sortable-helper td {
6099 border-bottom: 1px solid #ddd;
6100 }
6101 #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 {
6102 border-right: 0;
6103 }
6104 #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 {
6105 display: none;
6106 }
6107 #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 {
6108 display: inline-block;
6109 position: absolute;
6110 top: 12px;
6111 right: 4px;
6112 font-family: Dashicons;
6113 font-size: 1.125rem;
6114 content: "\f463";
6115 -webkit-animation: rotating4 2s linear infinite;
6116 -moz-animation: rotating4 2s linear infinite;
6117 -ms-animation: rotating4 2s linear infinite;
6118 -o-animation: rotating4 2s linear infinite;
6119 animation: rotating4 2s linear infinite;
6120 }
6121 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings .quiz-question-data table.lp-list-options tbody tr.empty-option td {
6122 position: relative;
6123 }
6124 #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 {
6125 position: absolute;
6126 top: 0;
6127 left: 1px;
6128 bottom: 0;
6129 right: 0;
6130 opacity: 0.5;
6131 background: #fff;
6132 content: "";
6133 }
6134 #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 {
6135 width: 100%;
6136 padding: 0;
6137 border: none;
6138 color: #777;
6139 background: transparent;
6140 box-shadow: none;
6141 font-size: 0.875rem;
6142 font-weight: normal;
6143 }
6144 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item {
6145 border-bottom: 1px solid #ddd;
6146 background: #f4fcff;
6147 line-height: 1.125rem;
6148 /*&:nth-child(2n+1) {
6149 background: #f4fcff;
6150 }*/
6151 }
6152 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item.ui-sortable-helper {
6153 border-top: 1px solid #f1f1f1;
6154 }
6155 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item.ui-sortable-placeholder {
6156 display: block;
6157 visibility: visible !important;
6158 border-color: #bdf4fe !important;
6159 background: #bdf4fe !important;
6160 }
6161 #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 {
6162 position: relative;
6163 }
6164 #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 {
6165 visibility: visible;
6166 }
6167 #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 {
6168 display: none;
6169 }
6170 #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 {
6171 display: inline-block;
6172 position: absolute;
6173 right: 5px;
6174 font-family: Dashicons;
6175 font-size: 1.25rem;
6176 content: "\f463";
6177 -webkit-animation: rotating4 2s linear infinite;
6178 -moz-animation: rotating4 2s linear infinite;
6179 -ms-animation: rotating4 2s linear infinite;
6180 -o-animation: rotating4 2s linear infinite;
6181 animation: rotating4 2s linear infinite;
6182 }
6183 #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 {
6184 position: absolute;
6185 top: 0;
6186 left: 0;
6187 bottom: 0;
6188 right: 0;
6189 opacity: 0.5;
6190 background: #fff;
6191 content: "";
6192 }
6193 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item.empty-question .question-settings {
6194 display: none;
6195 }
6196 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .cell {
6197 padding: 10px;
6198 }
6199 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-actions .name input {
6200 width: 100%;
6201 padding: 0;
6202 border: none;
6203 color: #32373c;
6204 background: transparent;
6205 box-shadow: none;
6206 font-size: 1.2em;
6207 font-weight: normal;
6208 line-height: 1.125rem;
6209 }
6210 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-actions .actions {
6211 margin: 0;
6212 padding: 0;
6213 }
6214 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-actions .actions .lp-toolbar-buttons {
6215 display: grid;
6216 position: static;
6217 z-index: 10;
6218 height: 100%;
6219 text-align: left;
6220 grid-template-columns: 30px 30px 30px 40px;
6221 align-items: center;
6222 justify-content: end;
6223 }
6224 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-actions .actions .lp-toolbar-buttons > div a {
6225 visibility: hidden;
6226 }
6227 #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 {
6228 position: absolute;
6229 z-index: 2;
6230 top: 50%;
6231 right: 50%;
6232 width: 28px;
6233 height: 30px;
6234 margin-top: -15px;
6235 margin-right: -15px;
6236 line-height: 1.875rem;
6237 text-align: center;
6238 }
6239 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-actions .actions .lp-toolbar-buttons .lp-toolbar-btn ul {
6240 z-index: 9;
6241 }
6242 #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 {
6243 padding: 8px 24px;
6244 line-height: 1.5rem;
6245 }
6246 #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 {
6247 border-bottom: 1px solid #eee;
6248 color: #666;
6249 }
6250 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-actions .actions .lp-toolbar-buttons .lp-btn-toggle {
6251 width: 40px;
6252 height: 42px;
6253 padding-left: 0;
6254 font-family: Dashicons;
6255 font-size: 1.25rem;
6256 line-height: 2.625rem;
6257 }
6258 #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 {
6259 content: "\f343";
6260 }
6261 #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 {
6262 content: "\f347";
6263 }
6264 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-actions:hover .lp-toolbar-buttons > div a {
6265 visibility: visible;
6266 }
6267 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-settings {
6268 background: #fff;
6269 }
6270 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-settings .quiz-question-options {
6271 padding-left: 0;
6272 padding-right: 0;
6273 text-align: right;
6274 }
6275 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-settings .quiz-question-options .inside {
6276 margin: 0;
6277 padding: 0;
6278 }
6279 #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 {
6280 margin: 0;
6281 padding: 20px;
6282 }
6283 #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) {
6284 background: #f4fcff;
6285 }
6286 #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 {
6287 margin: 0;
6288 margin-bottom: 10px;
6289 color: #666;
6290 font-weight: 600;
6291 }
6292 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-settings .quiz-question-options .postbox {
6293 border: 1px solid #ddd;
6294 }
6295 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-settings .quiz-question-options .postbox .hndle {
6296 font-weight: 600;
6297 cursor: default;
6298 }
6299 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-settings .quiz-question-options .postbox .toggle {
6300 float: left;
6301 position: absolute;
6302 top: 0;
6303 left: 0;
6304 width: 36px;
6305 height: 36px;
6306 line-height: 2.25rem;
6307 text-align: center;
6308 cursor: pointer;
6309 }
6310 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-settings .quiz-question-options .postbox .toggle::after {
6311 font-family: Dashicons;
6312 font-size: 1.125rem;
6313 content: "\f460";
6314 }
6315 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-settings.closed .quiz-question-options {
6316 width: 38px;
6317 }
6318 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-settings.closed .postbox {
6319 min-width: 34px;
6320 height: 34px;
6321 line-height: 2.625rem;
6322 text-align: center;
6323 }
6324 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-settings.closed .postbox .hndle {
6325 display: none;
6326 }
6327 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-settings.closed .postbox .toggle::after {
6328 content: "\f132";
6329 }
6330 #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 {
6331 display: none !important;
6332 }
6333 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer {
6334 margin-top: -1px;
6335 border-top: 1px solid #ddd;
6336 background: #f4fcff;
6337 }
6338 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row {
6339 height: auto;
6340 text-align: right;
6341 }
6342 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .lp-sortable-handle {
6343 display: flex;
6344 width: 30px;
6345 padding: 8px 10px 8px 6px;
6346 color: #999;
6347 font-family: Dashicons;
6348 font-size: 1.25rem;
6349 vertical-align: middle;
6350 align-items: center;
6351 justify-content: center;
6352 }
6353 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .lp-sortable-handle::before {
6354 content: "\f132";
6355 }
6356 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .order {
6357 padding: 8px 0;
6358 line-height: 1.75rem;
6359 text-align: right;
6360 }
6361 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question {
6362 padding: 8px 5px 8px 10px;
6363 }
6364 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .title {
6365 display: inline-block;
6366 position: relative;
6367 min-width: 500px;
6368 }
6369 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .title form input {
6370 width: 100%;
6371 margin: 0;
6372 padding: 6px 0;
6373 border: 0;
6374 background: transparent;
6375 font-size: 1.2em;
6376 line-height: 1.125rem;
6377 -webkit-box-shadow: none;
6378 -moz-box-shadow: none;
6379 box-shadow: none;
6380 }
6381 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .title form input:focus {
6382 -webkit-box-shadow: none;
6383 -moz-box-shadow: none;
6384 box-shadow: none;
6385 }
6386 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .title form input:focus {
6387 color: #32373c;
6388 }
6389 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .title form input::placeholder {
6390 display: inline-block;
6391 }
6392 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .add-new {
6393 display: inline;
6394 position: relative;
6395 }
6396 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .add-new ul.question-types {
6397 display: none;
6398 position: absolute;
6399 z-index: 9999999;
6400 top: 100%;
6401 left: -2px;
6402 width: 200px;
6403 margin: 6px;
6404 border: 1px solid #999;
6405 background-color: #fff;
6406 }
6407 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .add-new ul.question-types li {
6408 margin: 0;
6409 }
6410 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .add-new ul.question-types li a {
6411 display: block;
6412 padding: 12px 20px;
6413 outline: none;
6414 color: #757575;
6415 box-shadow: none;
6416 line-height: 1;
6417 text-decoration: none;
6418 }
6419 #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 {
6420 background: #eee;
6421 }
6422 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .add-new ul.question-types li.disabled {
6423 opacity: 0.5;
6424 background-color: #eee;
6425 user-select: none;
6426 pointer-events: none;
6427 }
6428 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .add-new button:hover + .question-types {
6429 display: block;
6430 }
6431 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .add-new button + .question-types:hover {
6432 display: block;
6433 }
6434 #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 {
6435 display: none;
6436 }
6437 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .select-item {
6438 display: inline;
6439 }
6440 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question button {
6441 height: 30px;
6442 box-shadow: 0 1px 0 #ccc !important;
6443 }
6444 #admin-editor-lp_quiz .lp-box-data-content .question-button-actions {
6445 text-align: right;
6446 }
6447
6448 /**.section-item-counts span
6449 * Question admin editor.
6450 */
6451 #question-editor .inside .rwmb-custom_html-wrapper .rwmb-label {
6452 display: none;
6453 }
6454 #question-editor .inside .rwmb-custom_html-wrapper .rwmb-input {
6455 margin-right: 0;
6456 }
6457
6458 #question-editor .inside {
6459 margin: 0;
6460 padding: 0;
6461 }
6462
6463 #admin-editor-lp_question {
6464 margin: 0;
6465 padding: 0;
6466 border: none;
6467 background: #fff;
6468 }
6469 #admin-editor-lp_question form {
6470 margin: 0;
6471 }
6472 #admin-editor-lp_question .lp-box-data-head {
6473 display: flex;
6474 flex-direction: row;
6475 padding: 10px 20px;
6476 align-items: center;
6477 }
6478 #admin-editor-lp_question .lp-box-data-head .heading {
6479 margin: 0;
6480 padding: 0;
6481 flex: 1;
6482 }
6483 #admin-editor-lp_question .lp-box-data-head .lp-question-editor {
6484 position: relative;
6485 margin-right: auto;
6486 border-right: 0;
6487 border-top-right-radius: 0;
6488 border-bottom-right-radius: 0;
6489 }
6490 #admin-editor-lp_question .lp-box-data-head .lp-question-editor .question-types > a {
6491 display: inline-flex;
6492 height: 32px;
6493 padding: 0 16px;
6494 border: 1px solid #999;
6495 border-radius: 2px;
6496 color: #666;
6497 line-height: 2rem;
6498 text-decoration: none;
6499 align-items: center;
6500 cursor: pointer;
6501 user-select: none;
6502 }
6503 #admin-editor-lp_question .lp-box-data-head .lp-question-editor .question-types > a::after {
6504 margin-right: 5px;
6505 font-family: Dashicons;
6506 font-size: 0.875rem;
6507 line-height: 1.875rem;
6508 content: "\f347";
6509 }
6510 #admin-editor-lp_question .lp-box-data-head .lp-question-editor .question-types ul {
6511 display: none;
6512 position: absolute;
6513 z-index: 9999;
6514 top: 100%;
6515 left: 0;
6516 height: auto;
6517 margin: 0;
6518 margin-top: -1px;
6519 border: 1px solid #999;
6520 border-radius: 2px;
6521 background: #fdfeff;
6522 }
6523 #admin-editor-lp_question .lp-box-data-head .lp-question-editor .question-types ul li {
6524 margin: 0;
6525 }
6526 #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 {
6527 background: #eee;
6528 }
6529 #admin-editor-lp_question .lp-box-data-head .lp-question-editor .question-types ul li a {
6530 display: block;
6531 min-width: 110px;
6532 padding: 10px;
6533 color: #757575;
6534 font-size: 0.75rem;
6535 text-align: left;
6536 white-space: nowrap;
6537 text-decoration: none;
6538 }
6539 #admin-editor-lp_question .lp-box-data-head .lp-question-editor .question-types ul li.disabled {
6540 opacity: 0.4;
6541 }
6542 #admin-editor-lp_question .lp-box-data-head .lp-question-editor .question-types ul li.disabled a {
6543 color: #999;
6544 cursor: not-allowed;
6545 pointer-events: none;
6546 }
6547 #admin-editor-lp_question .lp-box-data-head .lp-question-editor .question-types ul:hover {
6548 display: block;
6549 }
6550 #admin-editor-lp_question .lp-box-data-head .lp-question-editor:hover .question-types ul {
6551 display: block;
6552 }
6553 #admin-editor-lp_question .lp-box-data-content {
6554 padding: 0 20px 20px 20px;
6555 border: none !important;
6556 }
6557 #admin-editor-lp_question .lp-box-data-content table.list-question-answers {
6558 width: 100%;
6559 border: 1px solid #ddd;
6560 }
6561 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tr td {
6562 padding: 0 15px;
6563 }
6564 #admin-editor-lp_question .lp-box-data-content table.list-question-answers thead tr th {
6565 padding: 15px;
6566 border-bottom: 1px solid #ddd;
6567 background-color: #eee;
6568 font-weight: 600;
6569 }
6570 #admin-editor-lp_question .lp-box-data-content table.list-question-answers thead tr th.answer-text {
6571 padding-right: 10px;
6572 }
6573 #admin-editor-lp_question .lp-box-data-content table.list-question-answers .sort,
6574 #admin-editor-lp_question .lp-box-data-content table.list-question-answers .order,
6575 #admin-editor-lp_question .lp-box-data-content table.list-question-answers .actions {
6576 width: 10px;
6577 }
6578 #admin-editor-lp_question .lp-box-data-content table.list-question-answers .sort {
6579 padding: 0 10px;
6580 }
6581 #admin-editor-lp_question .lp-box-data-content table.list-question-answers .order {
6582 width: 10px;
6583 padding: 0;
6584 text-align: left;
6585 }
6586 #admin-editor-lp_question .lp-box-data-content table.list-question-answers .answer-correct {
6587 width: 65px;
6588 text-align: center;
6589 }
6590 #admin-editor-lp_question .lp-box-data-content table.list-question-answers .answer-text {
6591 padding-right: 8px;
6592 }
6593 #admin-editor-lp_question .lp-box-data-content table.list-question-answers .actions {
6594 padding-left: 0;
6595 text-align: left;
6596 }
6597 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr {
6598 color: #444;
6599 background: #fff;
6600 }
6601 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr:nth-child(2n) {
6602 background: #fff;
6603 }
6604 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr td {
6605 background-color: #fff;
6606 }
6607 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr td.sort {
6608 width: 15px;
6609 padding: 0;
6610 font-size: 1.125rem;
6611 text-align: center;
6612 cursor: url("../../images/openhand.cur") 7 5, default;
6613 }
6614 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr td.sort .svg-icon {
6615 height: 18px;
6616 margin-top: -2px;
6617 vertical-align: middle;
6618 fill: #999;
6619 }
6620 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr td.sort:hover .svg-icon {
6621 fill: #0085ba;
6622 }
6623 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr td.order {
6624 font-size: 0.875rem;
6625 }
6626 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr td.answer-text input {
6627 width: 100%;
6628 padding: 0;
6629 border: none;
6630 color: #444;
6631 background: transparent;
6632 box-shadow: none;
6633 font-size: 0.875rem;
6634 font-weight: 600;
6635 transition: box-shadow 0.2s ease;
6636 }
6637 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr td.lp-toolbar-buttons {
6638 z-index: auto;
6639 }
6640 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr:hover td.actions .remove-answer {
6641 visibility: visible;
6642 height: 42px;
6643 }
6644 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr.ui-sortable-placeholder {
6645 visibility: visible !important;
6646 }
6647 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr.ui-sortable-placeholder td {
6648 height: 43px;
6649 background: #bdf4fe !important;
6650 }
6651 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr.ui-sortable-helper td {
6652 border-bottom: 1px solid #ddd;
6653 }
6654 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr.ui-sortable-helper td.sort {
6655 border-right: 0;
6656 }
6657 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr.new-option .svg-icon {
6658 display: none;
6659 }
6660 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr.new-option td {
6661 position: relative;
6662 }
6663 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr.new-option .sort::before {
6664 display: inline-block;
6665 position: absolute;
6666 top: 8px;
6667 right: 10px;
6668 font-family: "Dashicons";
6669 content: "\f463";
6670 -webkit-animation: rotating4 2s linear infinite;
6671 -moz-animation: rotating4 2s linear infinite;
6672 -ms-animation: rotating4 2s linear infinite;
6673 -o-animation: rotating4 2s linear infinite;
6674 animation: rotating4 2s linear infinite;
6675 }
6676 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr.new-option td::after {
6677 position: absolute;
6678 top: 0;
6679 left: 0;
6680 bottom: 0;
6681 right: 0;
6682 opacity: 0.5;
6683 background: #fff;
6684 content: "";
6685 }
6686 #admin-editor-lp_question .lp-box-data-content .add-answer {
6687 margin: 15px 0 0 0;
6688 }
6689 #admin-editor-lp_question.sorting_choice table.list-question-answers .answer-correct {
6690 display: none !important;
6691 }
6692
6693 .lp-admin-fib-question-editor,
6694 .admin-quiz-fib-question-editor {
6695 text-align: right;
6696 }
6697 .lp-admin-fib-question-editor .lp-box-data-content,
6698 .admin-quiz-fib-question-editor .lp-box-data-content {
6699 margin: 0 !important;
6700 border: none !important;
6701 }
6702 .lp-admin-fib-question-editor .content-editable,
6703 .admin-quiz-fib-question-editor .content-editable {
6704 min-height: 240px !important;
6705 padding: 12px 15px;
6706 border: 2px solid #ddd;
6707 border-radius: 4px;
6708 }
6709 .lp-admin-fib-question-editor .content-editable .fib-blank,
6710 .admin-quiz-fib-question-editor .content-editable .fib-blank {
6711 position: relative;
6712 color: #2196f3;
6713 }
6714 .lp-admin-fib-question-editor .content-editable .fib-blank::before,
6715 .admin-quiz-fib-question-editor .content-editable .fib-blank::before {
6716 content: "#" attr(data-index) ". ";
6717 }
6718 .lp-admin-fib-question-editor .fib-blanks,
6719 .admin-quiz-fib-question-editor .fib-blanks {
6720 min-width: 700px;
6721 border-collapse: collapse;
6722 }
6723 @media (max-width: 1024px) {
6724 .lp-admin-fib-question-editor .fib-blanks,
6725 .admin-quiz-fib-question-editor .fib-blanks {
6726 width: 100%;
6727 min-width: 100%;
6728 }
6729 }
6730 .lp-admin-fib-question-editor .fib-blanks tbody,
6731 .admin-quiz-fib-question-editor .fib-blanks tbody {
6732 border-bottom: 1px solid #bbb;
6733 }
6734 .lp-admin-fib-question-editor .fib-blanks tbody tr,
6735 .admin-quiz-fib-question-editor .fib-blanks tbody tr {
6736 background: #eee;
6737 }
6738 .lp-admin-fib-question-editor .fib-blanks tbody tr td,
6739 .admin-quiz-fib-question-editor .fib-blanks tbody tr td {
6740 padding: 5px;
6741 }
6742 .lp-admin-fib-question-editor .fib-blanks tbody tr.blank-options td,
6743 .admin-quiz-fib-question-editor .fib-blanks tbody tr.blank-options td {
6744 padding: 0;
6745 }
6746 .lp-admin-fib-question-editor .fib-blanks tbody tr.blank-options ul,
6747 .admin-quiz-fib-question-editor .fib-blanks tbody tr.blank-options ul {
6748 display: none;
6749 margin: 5px 0;
6750 padding: 20px;
6751 border: 1px solid #ddd;
6752 background: #fff;
6753 list-style: none;
6754 }
6755 .lp-admin-fib-question-editor .fib-blanks tbody.open .blank-options ul,
6756 .admin-quiz-fib-question-editor .fib-blanks tbody.open .blank-options ul {
6757 display: block;
6758 }
6759 .lp-admin-fib-question-editor .fib-blanks tbody .blank-position,
6760 .admin-quiz-fib-question-editor .fib-blanks tbody .blank-position {
6761 font-weight: 600;
6762 text-align: center;
6763 }
6764 .lp-admin-fib-question-editor .fib-blanks tbody .blank-actions,
6765 .admin-quiz-fib-question-editor .fib-blanks tbody .blank-actions {
6766 text-align: left;
6767 }
6768 .lp-admin-fib-question-editor .fib-blanks tbody:last-child,
6769 .admin-quiz-fib-question-editor .fib-blanks tbody:last-child {
6770 border: none;
6771 }
6772
6773 #fill-in-blanks-editor {
6774 display: flex;
6775 }
6776 #fill-in-blanks-editor .blank-options {
6777 flex: 0 0 65%;
6778 }
6779 #fill-in-blanks-editor .blanks {
6780 width: 100%;
6781 margin: 0;
6782 }
6783 #fill-in-blanks-editor .blanks .blank {
6784 margin: 0 0 20px 0;
6785 padding: 20px;
6786 border: 1px solid #d9e0f1;
6787 background: #fbfcff;
6788 }
6789 #fill-in-blanks-editor .blanks .blank label {
6790 font-weight: bold;
6791 }
6792 #fill-in-blanks-editor .blanks .blank .blank-content {
6793 width: 100%;
6794 min-height: 74px;
6795 font-size: 1rem;
6796 }
6797 #fill-in-blanks-editor .blanks .blank .blank-words .word {
6798 background: #ddd;
6799 line-height: 1;
6800 -webkit-border-radius: 4px;
6801 -moz-border-radius: 4px;
6802 border-radius: 4px;
6803 }
6804 #fill-in-blanks-editor .blanks .blank .blank-words .word.correct {
6805 background: #00a1e6;
6806 }
6807 #fill-in-blanks-editor .blanks .blank .blank-tip p {
6808 font-style: italic;
6809 }
6810 #fill-in-blanks-editor .blanks .blank .button-remove {
6811 color: #f00;
6812 }
6813 #fill-in-blanks-editor .passage-preview {
6814 margin-right: 20px;
6815 padding: 15px 20px;
6816 border: 1px solid #ddd;
6817 font-size: 1rem;
6818 line-height: 1.5rem;
6819 text-align: justify;
6820 flex: 1;
6821 }
6822 #fill-in-blanks-editor .passage-preview .blank-input {
6823 /* line-height: 11px; */
6824 display: inline-block;
6825 position: relative;
6826 width: 50px;
6827 height: 16px;
6828 margin: -2px 10px;
6829 padding: 0;
6830 border: none;
6831 border-bottom: 1px dashed #ddd;
6832 background: transparent;
6833 box-shadow: none;
6834 font-size: 1rem;
6835 vertical-align: middle;
6836 }
6837 #fill-in-blanks-editor .blanks-list {
6838 width: 100%;
6839 }
6840 #fill-in-blanks-editor .blanks-list textarea {
6841 width: 100%;
6842 min-height: 300px;
6843 margin-bottom: 20px;
6844 outline: none;
6845 background: #f9f9f9;
6846 box-shadow: none;
6847 font-size: 1.125rem;
6848 line-height: 1.875rem;
6849 }
6850 #fill-in-blanks-editor .blanks-list code {
6851 line-height: 1;
6852 -webkit-border-radius: 4px;
6853 -moz-border-radius: 4px;
6854 border-radius: 4px;
6855 }
6856 #fill-in-blanks-editor .blanks-list code.correct {
6857 background: #00a1e6;
6858 }
6859
6860 /**
6861 * Modal choose items.
6862 */
6863 #lp-modal-choose-items {
6864 display: none;
6865 position: fixed;
6866 z-index: -1;
6867 top: 0;
6868 left: 0;
6869 bottom: 0;
6870 right: 0;
6871 opacity: 0;
6872 background-color: rgba(0, 0, 0, 0.5);
6873 }
6874 #lp-modal-choose-items.show {
6875 display: block;
6876 z-index: 99999999;
6877 opacity: 1;
6878 }
6879 #lp-modal-choose-items.loading .lp-choose-items ul.list-items::before {
6880 display: block;
6881 position: absolute;
6882 z-index: 9;
6883 top: 0;
6884 left: 0;
6885 bottom: 0;
6886 right: 0;
6887 background: url("../../images/spinner.gif") no-repeat center center;
6888 background-color: #fff;
6889 content: "";
6890 }
6891 #lp-modal-choose-items .lp-choose-items {
6892 position: relative;
6893 max-width: 800px;
6894 margin: 5% 20% 10% auto;
6895 border: 1px solid #ddd;
6896 background-color: #fff;
6897 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
6898 transition: all 200ms ease-out;
6899 }
6900 #lp-modal-choose-items .lp-choose-items.show-preview .header .preview-title {
6901 display: flex;
6902 align-items: center;
6903 }
6904 #lp-modal-choose-items .lp-choose-items .header {
6905 position: relative;
6906 }
6907 #lp-modal-choose-items .lp-choose-items .header .preview-title {
6908 display: none;
6909 position: absolute;
6910 z-index: 10;
6911 top: 0;
6912 left: 0;
6913 bottom: 0;
6914 right: 0;
6915 padding-right: 20px;
6916 border-bottom: 1px solid #ddd;
6917 background-color: #fff;
6918 font-weight: 600;
6919 }
6920 #lp-modal-choose-items .lp-choose-items .header .preview-title h3 {
6921 margin: 0;
6922 }
6923 #lp-modal-choose-items .lp-choose-items .header .tabs {
6924 margin: 0;
6925 border-bottom: 1px solid #ddd;
6926 }
6927 #lp-modal-choose-items .lp-choose-items .header .tabs .tab {
6928 display: inline-block;
6929 position: relative;
6930 margin: 0;
6931 }
6932 #lp-modal-choose-items .lp-choose-items .header .tabs .tab:not(:last-child)::before {
6933 position: absolute;
6934 top: 50%;
6935 left: 0;
6936 height: 44px;
6937 margin-top: -22px;
6938 border-left: 1px solid #ddd;
6939 content: "";
6940 }
6941 #lp-modal-choose-items .lp-choose-items .header .tabs .tab.active::after {
6942 display: inline-block;
6943 position: absolute;
6944 bottom: -6px;
6945 right: 50%;
6946 width: 10px;
6947 height: 10px;
6948 margin-right: -6px;
6949 border: 1px solid #ddd;
6950 border-left: 0;
6951 border-bottom: 0;
6952 background: #fff;
6953 content: "";
6954 transform: rotate(-45deg);
6955 }
6956 #lp-modal-choose-items .lp-choose-items .header .tabs .tab.active a {
6957 color: #0073aa;
6958 }
6959 #lp-modal-choose-items .lp-choose-items .header .tabs .tab a {
6960 display: inline-block;
6961 height: 44px;
6962 padding: 0 20px;
6963 color: #333;
6964 font-weight: 600;
6965 line-height: 2.75rem;
6966 text-decoration: none;
6967 }
6968 #lp-modal-choose-items .lp-choose-items .header .tabs .tab a:focus {
6969 box-shadow: none;
6970 }
6971 #lp-modal-choose-items .lp-choose-items .header .close {
6972 display: inline-block;
6973 position: absolute;
6974 z-index: 30;
6975 top: 0;
6976 left: 0;
6977 padding: 12px;
6978 font-size: 1em;
6979 cursor: pointer;
6980 }
6981 #lp-modal-choose-items .lp-choose-items .main {
6982 overflow: hidden;
6983 position: relative;
6984 padding: 20px;
6985 border-bottom: 1px solid #ddd;
6986 }
6987 #lp-modal-choose-items .lp-choose-items .main .section-item {
6988 display: block;
6989 overflow: hidden;
6990 max-width: 100%;
6991 white-space: nowrap;
6992 text-overflow: ellipsis;
6993 cursor: pointer;
6994 transition: color 200ms ease-out;
6995 }
6996 #lp-modal-choose-items .lp-choose-items .main .section-item::before {
6997 position: relative;
6998 top: 3px;
6999 font-family: Dashicons;
7000 }
7001 #lp-modal-choose-items .lp-choose-items .main .search {
7002 margin-bottom: 20px;
7003 background: transparent;
7004 }
7005 #lp-modal-choose-items .lp-choose-items .main .search input.modal-search-input {
7006 width: 100%;
7007 height: 36px;
7008 padding: 0 14px;
7009 font-size: 1rem;
7010 line-height: 2.25rem;
7011 }
7012 #lp-modal-choose-items .lp-choose-items .main .list-items {
7013 overflow-y: auto;
7014 position: relative;
7015 min-height: 260px;
7016 max-height: 460px;
7017 margin: 0;
7018 }
7019 #lp-modal-choose-items .lp-choose-items .main .list-items li {
7020 margin: 15px 0;
7021 cursor: pointer;
7022 }
7023 #lp-modal-choose-items .lp-choose-items .main .pagination .index {
7024 margin-right: 20px;
7025 line-height: 1.75rem;
7026 }
7027 #lp-modal-choose-items .lp-choose-items .lp-added-items-preview {
7028 overflow: auto;
7029 position: absolute;
7030 z-index: 2;
7031 top: 0;
7032 left: 0;
7033 bottom: 0;
7034 right: 0;
7035 max-height: 420px;
7036 padding: 20px;
7037 background-color: #fff;
7038 transform: translate(-100%, 0);
7039 }
7040 #lp-modal-choose-items .lp-choose-items .lp-added-items-preview.show {
7041 transform: translate(0, 0);
7042 }
7043 #lp-modal-choose-items .lp-choose-items .lp-added-items-preview .list-added-items li {
7044 margin: 15px 0;
7045 }
7046 #lp-modal-choose-items .lp-choose-items .lp-added-items-preview .list-added-items li:first-child {
7047 margin: -10px 0 15px 0;
7048 }
7049 #lp-modal-choose-items .lp-choose-items .footer {
7050 padding: 20px;
7051 }
7052
7053 body.lp-item-moving {
7054 cursor: url("../../images/closedhand.cur") 7 5, default !important;
7055 }
7056
7057 @media screen and (max-width: 900px) {
7058 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .question-settings.table-row {
7059 display: block;
7060 width: auto;
7061 text-align: right;
7062 }
7063 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .question-settings.table-row > * {
7064 width: auto;
7065 }
7066 }
7067 #learn-press-reset-course-users,
7068 #learn-press-reset-user-courses,
7069 #learn-press-reset-user-item {
7070 max-width: 100%;
7071 }
7072 #learn-press-reset-course-users table,
7073 #learn-press-reset-user-courses table,
7074 #learn-press-reset-user-item table {
7075 width: 100%;
7076 border-collapse: collapse;
7077 }
7078 #learn-press-reset-course-users .courses-list,
7079 #learn-press-reset-user-courses .courses-list,
7080 #learn-press-reset-user-item .courses-list {
7081 margin: 0;
7082 }
7083 #learn-press-reset-course-users input[type=text],
7084 #learn-press-reset-user-courses input[type=text],
7085 #learn-press-reset-user-item input[type=text] {
7086 min-width: 300px;
7087 height: 28px;
7088 margin-right: 0;
7089 }
7090 #learn-press-reset-course-users .action-reset.dashicons-trash,
7091 #learn-press-reset-user-courses .action-reset.dashicons-trash,
7092 #learn-press-reset-user-item .action-reset.dashicons-trash {
7093 color: #FF0000;
7094 }
7095 #learn-press-reset-course-users .action-reset.dashicons-update,
7096 #learn-press-reset-user-courses .action-reset.dashicons-update,
7097 #learn-press-reset-user-item .action-reset.dashicons-update {
7098 -webkit-animation: rotating4 2s linear infinite;
7099 -moz-animation: rotating4 2s linear infinite;
7100 -ms-animation: rotating4 2s linear infinite;
7101 -o-animation: rotating4 2s linear infinite;
7102 animation: rotating4 2s linear infinite;
7103 }
7104
7105 #learn-press-assign-course .description {
7106 margin-bottom: 10px;
7107 }
7108 #learn-press-assign-course label {
7109 display: block;
7110 margin-bottom: 5px;
7111 }
7112
7113 #learn-press-unassigned-course .description {
7114 margin-bottom: 10px;
7115 }
7116 #learn-press-unassigned-course label {
7117 display: block;
7118 margin-bottom: 5px;
7119 }
7120
7121 .learn-press-tip {
7122 display: none;
7123 margin: 0 5px;
7124 color: #444;
7125 font-style: normal;
7126 font-weight: normal;
7127 line-height: 1;
7128 vertical-align: baseline;
7129 cursor: pointer;
7130 }
7131 .learn-press-tip.ready {
7132 display: inline-block;
7133 }
7134 .learn-press-tip::before {
7135 font-family: "lp-icon";
7136 content: "\f059";
7137 }
7138 .learn-press-tip:hover {
7139 opacity: 0.8;
7140 }
7141
7142 .learn-press-tip-floating {
7143 position: absolute;
7144 z-index: 9999999;
7145 min-width: 20px;
7146 margin-right: -1px;
7147 padding: 0.618em 1em;
7148 color: #fff;
7149 background: #383838;
7150 font-size: 0.8em;
7151 line-height: 1.2em;
7152 -webkit-border-radius: 3px;
7153 -moz-border-radius: 3px;
7154 border-radius: 3px;
7155 }
7156 .learn-press-tip-floating > * {
7157 font-size: 0.8em;
7158 }
7159 .learn-press-tip-floating .close {
7160 display: inline-block;
7161 position: absolute;
7162 top: -8px;
7163 left: -8px;
7164 width: 16px;
7165 height: 16px;
7166 border: 1px solid #fff;
7167 color: #fff;
7168 background: #468fbc;
7169 line-height: 1rem;
7170 text-align: center;
7171 cursor: pointer;
7172 -webkit-border-radius: 50%;
7173 -moz-border-radius: 50%;
7174 border-radius: 50%;
7175 }
7176 .learn-press-tip-floating .close::before {
7177 font-family: "lp-icon";
7178 content: "\f00d";
7179 }
7180 .learn-press-tip-floating p {
7181 margin: 0;
7182 }
7183 .learn-press-tip-floating::before {
7184 position: absolute;
7185 bottom: -6px;
7186 right: 50%;
7187 width: 0;
7188 height: 0;
7189 margin-right: -6px;
7190 border: 6px solid transparent;
7191 border-top-color: #383838;
7192 border-bottom-width: 0;
7193 content: "";
7194 }
7195
7196 .lp-group-step {
7197 border-bottom: 1px solid #eee;
7198 }
7199 .lp-group-step h3 {
7200 padding: 0 2em;
7201 }
7202 .lp-group-step label {
7203 margin-bottom: 5px;
7204 font-size: 0.8em;
7205 font-weight: 500;
7206 font-style: italic;
7207 }
7208 .lp-group-step .lp-item-step {
7209 display: flex;
7210 position: relative;
7211 min-height: 35px;
7212 margin: 0;
7213 padding: 1em 0 1em 1em;
7214 border-top: 1px solid #eee;
7215 align-items: center;
7216 cursor: pointer;
7217 }
7218 .lp-group-step .lp-item-step:hover {
7219 background: #eee;
7220 }
7221 .lp-group-step .lp-item-step.running .lp-item-step-left::before {
7222 opacity: 1;
7223 }
7224 .lp-group-step .lp-item-step.running .lp-item-step-left input {
7225 opacity: 0;
7226 }
7227 .lp-group-step .lp-item-step.running::before {
7228 display: block;
7229 position: absolute;
7230 width: 0;
7231 height: 100%;
7232 background: #0073aa;
7233 content: "";
7234 opacity: 0.1;
7235 transition: 0.8s linear;
7236 }
7237 .lp-group-step .lp-item-step.running .progress-bar {
7238 opacity: 0.1;
7239 }
7240 .lp-group-step .lp-item-step.completed .lp-item-step-left::after {
7241 opacity: 1;
7242 }
7243 .lp-group-step .lp-item-step.completed .lp-item-step-left input {
7244 opacity: 0;
7245 }
7246 .lp-group-step .lp-item-step.completed .progress-bar {
7247 width: 100%;
7248 opacity: 0.1;
7249 }
7250 .lp-group-step .lp-item-step.error .lp-item-step-left::after {
7251 opacity: 1;
7252 color: #dd3333;
7253 content: "\f335";
7254 }
7255 .lp-group-step .lp-item-step .progress-bar {
7256 display: block;
7257 position: absolute;
7258 top: 0;
7259 right: 0;
7260 width: 0;
7261 height: 100%;
7262 opacity: 0;
7263 background: rgba(124, 96, 217, 0.7490196078);
7264 transition: 0.8s linear;
7265 }
7266 .lp-group-step .lp-item-step-left {
7267 display: inline-flex;
7268 align-items: center;
7269 position: relative;
7270 padding: 0 2em;
7271 }
7272 .lp-group-step .lp-item-step-left::before {
7273 display: block;
7274 position: absolute;
7275 z-index: 2;
7276 width: 1em;
7277 height: 1em;
7278 border: 1px solid rgba(0, 0, 0, 0.1);
7279 border-top: 1px solid #3498db;
7280 border-radius: 50%;
7281 opacity: 0;
7282 content: "";
7283 -webkit-animation: lp-rotating 0.8s linear infinite;
7284 animation: lp-rotating 0.8s linear infinite;
7285 }
7286 .lp-group-step .lp-item-step-left::after {
7287 position: absolute;
7288 z-index: 1;
7289 right: 23px;
7290 opacity: 0;
7291 color: #4caf50;
7292 font-family: Dashicons;
7293 font-size: 1.5em;
7294 content: "\f147";
7295 }
7296
7297 .lp-group-steps-done {
7298 display: none;
7299 }
7300
7301 @keyframes lp-rotating {
7302 from {
7303 -webkit-transform: rotate(0deg);
7304 -moz-transform: rotate(0deg);
7305 -ms-transform: rotate(0deg);
7306 -o-transform: rotate(0deg);
7307 transform: rotate(0deg);
7308 }
7309 to {
7310 -webkit-transform: rotate(-360deg);
7311 -moz-transform: rotate(-360deg);
7312 -ms-transform: rotate(-360deg);
7313 -o-transform: rotate(-360deg);
7314 transform: rotate(-360deg);
7315 }
7316 }
7317 @-webkit-keyframes lp-rotating {
7318 from {
7319 -webkit-transform: rotate(0deg);
7320 -moz-transform: rotate(0deg);
7321 -ms-transform: rotate(0deg);
7322 -o-transform: rotate(0deg);
7323 transform: rotate(0deg);
7324 }
7325 to {
7326 -webkit-transform: rotate(-360deg);
7327 -moz-transform: rotate(-360deg);
7328 -ms-transform: rotate(-360deg);
7329 -o-transform: rotate(-360deg);
7330 transform: rotate(-360deg);
7331 }
7332 }
7333 .lp-loading-change {
7334 position: absolute;
7335 width: 100%;
7336 height: 100%;
7337 background: rgba(255, 255, 255, 0.38);
7338 top: 0;
7339 }
7340
7341 .lp-load-ajax-element {
7342 position: relative;
7343 }
7344
7345 @media screen and (max-width: 782px) {
7346 .learn-press-dropdown-pages .select2-container {
7347 vertical-align: top;
7348 }
7349 .learn-press-dropdown-pages .select2-container .select2-selection--single {
7350 height: 31px;
7351 }
7352 .learn-press-dropdown-pages .select2-selection__rendered {
7353 line-height: 31px !important;
7354 }
7355 #learn-press-advertisement {
7356 margin: 0 12px;
7357 padding-bottom: 0;
7358 }
7359 #learn-press-advertisement .slider-controls {
7360 bottom: 40px;
7361 }
7362 }
7363 .lp-skeleton-animation {
7364 margin: 0;
7365 padding: 0;
7366 list-style: none;
7367 }
7368 .lp-skeleton-animation > li {
7369 width: 100%;
7370 height: 16px;
7371 margin-top: 15px;
7372 border-radius: 2px;
7373 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%);
7374 background-size: 400% 100%;
7375 list-style: none;
7376 animation: lp-skeleton-loading 1.4s ease infinite;
7377 }
7378
7379 @keyframes lp-skeleton-loading {
7380 0% {
7381 background-position: 0% 50%;
7382 }
7383 to {
7384 background-position: 100% 50%;
7385 }
7386 }
7387 .lp-admin-statistics-tab-content {
7388 box-sizing: border-box;
7389 max-width: 100%;
7390 border: 1px solid #c3c4c7;
7391 background: #fff;
7392 }
7393 .lp-admin-statistics-tab-content .btn-group {
7394 display: flex;
7395 margin: 20px 0;
7396 gap: 10px;
7397 flex-direction: row;
7398 flex-wrap: wrap;
7399 }
7400 .lp-admin-statistics-tab-content .btn-group button.btn-filter-time {
7401 border: 1px solid #284BCA;
7402 color: #000;
7403 padding: 10px 24px;
7404 cursor: pointer;
7405 background: #fff;
7406 }
7407 .lp-admin-statistics-tab-content .btn-group .btn-filter-time.active {
7408 background: #284BCA;
7409 color: #fff;
7410 border: 1px solid #284BCA;
7411 }
7412 .lp-admin-statistics-tab-content .custom-filter-time {
7413 display: none;
7414 }
7415 .lp-admin-statistics-tab-content .statistics-content {
7416 background: white;
7417 border: 1px solid #D9D9D9;
7418 padding: 22px;
7419 }
7420 .lp-admin-statistics-tab-content .statistics-content .statistics-group {
7421 display: flex;
7422 justify-content: space-between;
7423 flex-direction: row;
7424 flex-wrap: wrap;
7425 gap: 10px;
7426 }
7427 .lp-admin-statistics-tab-content .statistics-content .statistics-group .statistics-item {
7428 border: 1px solid #000;
7429 color: #000;
7430 padding: 15px 30px;
7431 display: flex;
7432 flex-direction: column;
7433 text-align: center;
7434 width: 100%;
7435 max-width: 150px;
7436 }
7437 .lp-admin-statistics-tab-content .statistics-content .statistics-group .statistics-item .statistics-item-title {
7438 font-size: 16px;
7439 line-height: 1.2;
7440 }
7441 .lp-admin-statistics-tab-content .statistics-content .statistics-group .statistics-item .statistics-item-count {
7442 font-size: 24px;
7443 line-height: 1.2;
7444 font-weight: 700;
7445 }
7446 .lp-admin-statistics-tab-content .statistics-content .statistics-title {
7447 color: #000;
7448 text-align: center;
7449 font-size: 24px;
7450 font-style: normal;
7451 font-weight: 700;
7452 line-height: normal;
7453 text-transform: capitalize;
7454 }
7455 .lp-admin-statistics-tab-content .statistics-content .statistics-chart-wrapper {
7456 padding: 10px 30px;
7457 }
7458 .lp-admin-statistics-tab-content .statistics-content .sold-course-analytics {
7459 display: flex;
7460 flex-direction: row;
7461 flex-wrap: wrap;
7462 justify-content: space-evenly;
7463 gap: 20px;
7464 margin-top: 20px;
7465 }
7466 .lp-admin-statistics-tab-content .statistics-content .sold-course-analytics .col-50 {
7467 flex: 1;
7468 }
7469 .lp-admin-statistics-tab-content .statistics-content .sold-course-analytics .col-50:first-child {
7470 border-left: 1px solid #D9D9D9;
7471 }
7472 .lp-admin-statistics-tab-content .statistics-content .sold-course-analytics li {
7473 font-size: 16px;
7474 line-height: 1.2;
7475 font-weight: 400;
7476 }
7477 .lp-admin-statistics-tab-content .statistics-content .top-course-analytics-title {
7478 margin-top: 0;
7479 font-size: 24px;
7480 line-height: 1.2;
7481 font-weight: 700;
7482 }
7483
7484 .lp-admin-statistics-tab-content > .lp-stats-kpi-grid {
7485 margin: 20px 20px 14px;
7486 }
7487
7488 .lp-admin-statistics-tab-content > .lp-stats-layout {
7489 margin: 0 20px 20px;
7490 }
7491
7492 .lp-stats-dashboard-body {
7493 padding: 20px;
7494 }
7495
7496 .lp-admin-statistics-tab-content .lp-stats-section.statistics-content {
7497 padding: 0;
7498 }
7499
7500 .lp-statistics-filter-bar {
7501 align-items: center;
7502 gap: 8px;
7503 margin: 0 !important;
7504 padding: 16px;
7505 border-bottom: 1px solid #dcdcde;
7506 background: #fff;
7507 }
7508
7509 .lp-stats-daterange {
7510 position: relative;
7511 }
7512 .lp-stats-daterange .lp-stats-daterange__toggle {
7513 display: flex;
7514 align-items: center;
7515 gap: 8px;
7516 min-height: 38px;
7517 padding: 8px 12px;
7518 border: 1px solid #c3c4c7;
7519 border-radius: 2px;
7520 background: #fff;
7521 color: #1d2327;
7522 font-size: 14px;
7523 font-weight: 500;
7524 line-height: 20px;
7525 cursor: pointer;
7526 }
7527 .lp-stats-daterange .lp-stats-daterange__toggle:hover, .lp-stats-daterange .lp-stats-daterange__toggle[aria-expanded=true] {
7528 border-color: #3858e9;
7529 color: #3858e9;
7530 }
7531 .lp-stats-daterange .lp-stats-daterange__toggle .dashicons {
7532 font-size: 18px;
7533 width: 18px;
7534 height: 18px;
7535 }
7536 .lp-stats-daterange .lp-stats-daterange__toggle .lp-stats-daterange__caret {
7537 font-size: 14px;
7538 width: 14px;
7539 height: 14px;
7540 color: #646970;
7541 }
7542 .lp-stats-daterange .lp-stats-daterange__panel {
7543 position: absolute;
7544 z-index: 100;
7545 top: calc(100% + 4px);
7546 inset-inline-start: 0;
7547 min-width: 280px;
7548 border: 1px solid #c3c4c7;
7549 border-radius: 2px;
7550 background: #fff;
7551 box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
7552 }
7553 .lp-stats-daterange .lp-stats-daterange__tabs {
7554 display: flex;
7555 border-bottom: 1px solid #dcdcde;
7556 }
7557 .lp-stats-daterange .lp-stats-daterange__tabs .lp-stats-daterange__tab {
7558 flex: 1;
7559 padding: 10px 16px;
7560 border: 0;
7561 border-bottom: 2px solid transparent;
7562 background: none;
7563 color: #646970;
7564 font-size: 13px;
7565 font-weight: 600;
7566 cursor: pointer;
7567 }
7568 .lp-stats-daterange .lp-stats-daterange__tabs .lp-stats-daterange__tab.active {
7569 border-bottom-color: #3858e9;
7570 color: #3858e9;
7571 }
7572 .lp-stats-daterange .lp-stats-daterange__tabs .lp-stats-daterange__tab:focus-visible {
7573 outline: 1.5px solid #3858e9;
7574 outline-offset: -2px;
7575 }
7576 .lp-stats-daterange .lp-stats-daterange__presets {
7577 max-height: 320px;
7578 margin: 0;
7579 padding: 8px 0;
7580 overflow-y: auto;
7581 list-style: none;
7582 }
7583 .lp-stats-daterange .lp-stats-daterange__presets li {
7584 margin: 0;
7585 }
7586 .lp-stats-daterange .lp-stats-daterange__presets .lp-stats-daterange__preset {
7587 display: flex;
7588 align-items: center;
7589 gap: 8px;
7590 padding: 7px 16px;
7591 font-size: 13px;
7592 cursor: pointer;
7593 }
7594 .lp-stats-daterange .lp-stats-daterange__presets .lp-stats-daterange__preset:hover {
7595 background: #f0f0f1;
7596 }
7597 .lp-stats-daterange .lp-stats-daterange__presets .lp-stats-daterange__preset input[type=radio] {
7598 margin: 0;
7599 }
7600 .lp-stats-daterange .lp-stats-daterange__tabpanel[data-tabpanel=custom] {
7601 padding: 16px;
7602 }
7603 .lp-stats-daterange .lp-stats-daterange__tabpanel[data-tabpanel=custom] .lp-stats-daterange__custom-fields {
7604 display: flex;
7605 gap: 12px;
7606 margin-bottom: 12px;
7607 }
7608 .lp-stats-daterange .lp-stats-daterange__tabpanel[data-tabpanel=custom] .lp-stats-daterange__custom-fields label {
7609 display: flex;
7610 flex-direction: column;
7611 gap: 4px;
7612 font-size: 12px;
7613 color: #646970;
7614 }
7615 .lp-stats-daterange .lp-stats-daterange__tabpanel[data-tabpanel=custom] .lp-stats-daterange__custom-fields input[type=date] {
7616 min-height: 34px;
7617 }
7618 .lp-stats-daterange .lp-stats-daterange__compare {
7619 margin: 0;
7620 padding: 12px 16px 14px;
7621 border: 0;
7622 border-top: 1px solid #dcdcde;
7623 }
7624 .lp-stats-daterange .lp-stats-daterange__compare legend {
7625 padding: 12px 0 6px;
7626 font-size: 12px;
7627 font-weight: 600;
7628 color: #646970;
7629 text-transform: uppercase;
7630 }
7631 .lp-stats-daterange .lp-stats-daterange__compare label {
7632 display: flex;
7633 align-items: center;
7634 gap: 8px;
7635 padding: 4px 0;
7636 font-size: 13px;
7637 cursor: pointer;
7638 }
7639 .lp-stats-daterange .lp-stats-daterange__compare label input[type=radio] {
7640 margin: 0;
7641 }
7642 @media screen and (max-width: 782px) {
7643 .lp-stats-daterange .lp-stats-daterange__panel {
7644 min-width: 0;
7645 width: min(320px, 100vw - 48px);
7646 }
7647 }
7648
7649 .lp-stats-filter-scope {
7650 display: flex;
7651 align-items: center;
7652 gap: 8px;
7653 margin-inline-start: auto;
7654 }
7655 .lp-stats-filter-scope select {
7656 width: 145px;
7657 max-width: 180px;
7658 min-height: 36px;
7659 }
7660 .lp-stats-filter-scope .lp-stats-export-csv {
7661 min-height: 36px;
7662 border-color: #c3c4c7;
7663 background: #f6f7f7;
7664 font-weight: 500;
7665 }
7666
7667 .lp-admin-statistics-tab-content .lp-stats-section .statistics-chart-wrapper {
7668 position: relative;
7669 box-sizing: border-box;
7670 height: 360px;
7671 max-height: 380px;
7672 padding: 20px;
7673 }
7674 .lp-admin-statistics-tab-content .lp-stats-section .statistics-chart-wrapper canvas {
7675 width: 100% !important;
7676 height: 100% !important;
7677 max-height: 100%;
7678 }
7679 @media screen and (max-width: 782px) {
7680 .lp-admin-statistics-tab-content .lp-stats-section .statistics-chart-wrapper {
7681 height: 280px;
7682 padding: 16px;
7683 }
7684 }
7685
7686 .lp-stats-kpi-grid {
7687 display: grid;
7688 grid-template-columns: repeat(6, 1fr);
7689 gap: 16px;
7690 margin-bottom: 14px;
7691 }
7692 @media screen and (max-width: 1400px) {
7693 .lp-stats-kpi-grid {
7694 grid-template-columns: repeat(3, 1fr);
7695 }
7696 }
7697 @media screen and (max-width: 782px) {
7698 .lp-stats-kpi-grid {
7699 grid-template-columns: repeat(2, 1fr);
7700 }
7701 }
7702
7703 .lp-kpi-card {
7704 display: flex;
7705 flex-direction: column;
7706 gap: 4px;
7707 min-height: 110px;
7708 box-sizing: border-box;
7709 padding: 16px;
7710 border: 1px solid #dcdcde;
7711 background: #fff;
7712 }
7713 .lp-kpi-card.is-highlighted {
7714 border-color: #2271b1;
7715 box-shadow: inset 0 0 0 1px #2271b1;
7716 }
7717 .lp-kpi-card .lp-kpi-title {
7718 font-size: 12px;
7719 font-weight: 600;
7720 text-transform: uppercase;
7721 color: #8c8f94;
7722 }
7723 .lp-kpi-card .lp-kpi-value {
7724 font-size: 24px;
7725 font-weight: 700;
7726 line-height: 1.2;
7727 }
7728 .lp-kpi-card .lp-kpi-delta {
7729 font-size: 12px;
7730 font-weight: 600;
7731 }
7732 .lp-kpi-card .lp-kpi-delta.is-up {
7733 color: #00a32a;
7734 }
7735 .lp-kpi-card .lp-kpi-delta.is-down {
7736 color: #d63638;
7737 }
7738 .lp-kpi-card .lp-kpi-subline {
7739 font-size: 12px;
7740 color: #646970;
7741 }
7742 .lp-kpi-card .lp-kpi-progress {
7743 display: block;
7744 height: 6px;
7745 margin-top: 4px;
7746 background: #f0f0f1;
7747 overflow: hidden;
7748 }
7749 .lp-kpi-card .lp-kpi-progress__bar {
7750 display: block;
7751 height: 100%;
7752 background: #2271b1;
7753 }
7754
7755 .lp-badge {
7756 display: inline-block;
7757 padding: 2px 8px;
7758 border-radius: 3px;
7759 font-size: 12px;
7760 font-weight: 600;
7761 color: #fff;
7762 }
7763 .lp-badge--green {
7764 background: #00a32a;
7765 }
7766 .lp-badge--yellow {
7767 background: #dba617;
7768 }
7769 .lp-badge--red {
7770 background: #d63638;
7771 }
7772 .lp-badge--grey {
7773 background: #646970;
7774 }
7775
7776 .lp-risk--high {
7777 background: #d63638;
7778 }
7779 .lp-risk--high::before {
7780 content: "🔴";
7781 }
7782 .lp-risk--medium {
7783 background: #dba617;
7784 }
7785 .lp-risk--medium::before {
7786 content: "🟡";
7787 }
7788 .lp-risk--healthy {
7789 background: #00a32a;
7790 }
7791 .lp-risk--healthy::before {
7792 content: "🟢";
7793 }
7794
7795 .lp-stats-operations {
7796 margin: 0;
7797 padding: 16px;
7798 }
7799 .lp-stats-operations__row {
7800 display: flex;
7801 flex-wrap: wrap;
7802 align-items: baseline;
7803 gap: 8px;
7804 padding: 10px 0;
7805 border-bottom: 1px solid #dcdcde;
7806 }
7807 .lp-stats-operations__row:last-child {
7808 border-bottom: 0;
7809 }
7810 .lp-stats-operations__label {
7811 flex: 1;
7812 font-size: 13px;
7813 color: #646970;
7814 }
7815 .lp-stats-operations__value {
7816 font-weight: 700;
7817 font-size: 14px;
7818 }
7819 .lp-stats-operations__name {
7820 flex-basis: 100%;
7821 font-size: 12px;
7822 color: #646970;
7823 }
7824
7825 .lp-stats-table tbody tr:hover {
7826 background: #f6f7f7;
7827 }
7828 .lp-stats-table .lp-stats-course-performance-row,
7829 .lp-stats-table .lp-stats-instructor-performance-row {
7830 cursor: pointer;
7831 }
7832 .lp-stats-table tbody tr.is-highlighted {
7833 background: #f0f6fc;
7834 box-shadow: inset -3px 0 0 #2271b1;
7835 }
7836 .lp-stats-table .lp-stats-table__empty {
7837 color: #646970;
7838 text-align: center;
7839 padding: 24px 12px;
7840 }
7841
7842 .lp-admin-statistics-tab-content .lp-table-wrap,
7843 .lp-stats-report-modal .lp-table-wrap {
7844 border: 0;
7845 border-radius: 0;
7846 overflow-x: auto;
7847 }
7848 .lp-admin-statistics-tab-content table.lp-list-table,
7849 .lp-stats-report-modal table.lp-list-table {
7850 min-width: 0;
7851 }
7852
7853 .lp-stats-report-popup.swal2-popup {
7854 max-width: 1600px;
7855 }
7856
7857 .lp-stats-report-modal {
7858 text-align: start;
7859 }
7860 .lp-stats-report-modal__toolbar {
7861 display: flex;
7862 align-items: center;
7863 gap: 10px;
7864 padding: 10px 0;
7865 }
7866 .lp-stats-report-modal__toolbar .lp-stats-report-modal__search {
7867 flex: 1;
7868 max-width: 320px;
7869 }
7870 .lp-stats-report-modal__toolbar .lp-stats-report-modal__export {
7871 margin-inline-start: auto;
7872 }
7873 .lp-stats-report-modal__body {
7874 overflow: auto;
7875 max-height: 72vh;
7876 }
7877 .lp-stats-report-modal table.lp-list-table {
7878 min-width: 720px;
7879 }
7880 .lp-stats-report-modal__loading {
7881 padding: 40px 0;
7882 text-align: center;
7883 color: #646970;
7884 font-size: 14px;
7885 }
7886 .lp-stats-report-modal .lp-stats-report-table-footer {
7887 display: flex;
7888 align-items: center;
7889 justify-content: center;
7890 flex-wrap: wrap;
7891 gap: 10px;
7892 padding-top: 6px;
7893 }
7894 .lp-stats-report-modal .lp-stats-report-table-footer__count {
7895 color: #646970;
7896 font-size: 13px;
7897 }
7898
7899 .lp-stats-funnel {
7900 display: flex;
7901 flex-direction: column;
7902 gap: 14px;
7903 padding: 18px 16px 16px;
7904 }
7905 .lp-stats-funnel .lp-stats-funnel__step {
7906 display: grid;
7907 grid-template-columns: 1fr auto;
7908 gap: 6px 10px;
7909 }
7910 .lp-stats-funnel .lp-stats-funnel__label {
7911 font-size: 14px;
7912 }
7913 .lp-stats-funnel .lp-stats-funnel__track {
7914 grid-column: 1/-1;
7915 background: #f0f0f1;
7916 }
7917 .lp-stats-funnel .lp-stats-funnel__bar {
7918 display: block;
7919 height: 8px;
7920 min-width: 2px;
7921 background: #3858e9;
7922 }
7923 .lp-stats-funnel .lp-stats-funnel__step[data-step=failed] .lp-stats-funnel__bar {
7924 background: #d63638;
7925 }
7926 .lp-stats-funnel .lp-stats-funnel__count {
7927 font-size: 14px;
7928 font-weight: 600;
7929 }
7930
7931 .lp-stats-payment-health {
7932 margin: 0;
7933 padding: 16px;
7934 list-style: none;
7935 }
7936 .lp-stats-payment-health__row {
7937 display: flex;
7938 align-items: center;
7939 justify-content: space-between;
7940 gap: 12px;
7941 margin: 0;
7942 padding: 10px 0;
7943 border-bottom: 1px solid #dcdcde;
7944 }
7945 .lp-stats-payment-health__row:last-child {
7946 border-bottom: 0;
7947 }
7948 .lp-stats-payment-health__label {
7949 color: #1d2327;
7950 font-size: 14px;
7951 }
7952 .lp-stats-payment-health__count {
7953 font-size: 14px;
7954 font-weight: 600;
7955 }
7956
7957 .lp-stats-health-grid {
7958 display: grid;
7959 grid-template-columns: repeat(4, 1fr);
7960 gap: 10px;
7961 }
7962 @media screen and (max-width: 1200px) {
7963 .lp-stats-health-grid {
7964 grid-template-columns: repeat(2, 1fr);
7965 }
7966 }
7967 .lp-stats-health-grid .lp-stats-health-box {
7968 display: flex;
7969 flex-direction: column;
7970 gap: 4px;
7971 padding: 12px 15px;
7972 border: 1px solid #dcdcde;
7973 background: #fff;
7974 }
7975 .lp-stats-health-grid .lp-stats-health-box.is-alert {
7976 border-inline-start: 4px solid #d63638;
7977 }
7978 .lp-stats-health-grid .lp-stats-health-box .lp-stats-health-box__count {
7979 font-size: 20px;
7980 font-weight: 700;
7981 }
7982 .lp-stats-health-grid .lp-stats-health-box .lp-stats-health-box__label {
7983 font-size: 12px;
7984 color: #646970;
7985 }
7986
7987 .lp-stats-layout {
7988 display: grid;
7989 grid-template-columns: minmax(0, 1fr) 320px;
7990 gap: 20px;
7991 align-items: start;
7992 }
7993 @media screen and (max-width: 1200px) {
7994 .lp-stats-layout {
7995 grid-template-columns: minmax(0, 1fr);
7996 }
7997 }
7998 .lp-stats-layout .lp-stats-layout__sidebar > * + * {
7999 margin-top: 20px;
8000 }
8001
8002 .lp-stats-section {
8003 background: #fff;
8004 border: 1px solid #dcdcde;
8005 padding: 0;
8006 margin-bottom: 20px;
8007 overflow: hidden;
8008 }
8009 .lp-stats-section .lp-stats-section__header {
8010 display: flex;
8011 align-items: flex-start;
8012 justify-content: space-between;
8013 gap: 16px;
8014 min-height: 50px;
8015 box-sizing: border-box;
8016 padding: 14px 16px 12px;
8017 border-bottom: 1px solid #dcdcde;
8018 }
8019 .lp-stats-section .lp-stats-section__title {
8020 margin: 0;
8021 font-size: 16px;
8022 font-weight: 600;
8023 line-height: 24px;
8024 }
8025 .lp-stats-section > .lp-stats-section__title {
8026 padding: 14px 16px 12px;
8027 border-bottom: 1px solid #dcdcde;
8028 }
8029 .lp-stats-section .lp-stats-section__description {
8030 margin: 4px 0 0;
8031 color: #50575e;
8032 font-size: 13px;
8033 line-height: 20px;
8034 }
8035 .lp-stats-section .lp-stats-section__action {
8036 align-self: center;
8037 color: #3858e9;
8038 font-size: 14px;
8039 text-decoration: none;
8040 }
8041 .lp-stats-section > .lp-stats-health-grid,
8042 .lp-stats-section > .lp-stats-health-checks {
8043 margin: 0;
8044 padding: 16px;
8045 }
8046 .lp-stats-section > .lp-skeleton-animation {
8047 margin: 16px;
8048 }
8049
8050 .lp-stats-overview-grid {
8051 display: grid;
8052 gap: 20px;
8053 margin-top: 20px;
8054 }
8055 .lp-stats-overview-grid .lp-stats-section {
8056 margin-bottom: 0;
8057 }
8058 .lp-stats-overview-grid:first-of-type {
8059 margin-top: 0;
8060 }
8061 .lp-stats-overview-grid--chart {
8062 grid-template-columns: minmax(0, 2fr) minmax(320px, 1fr);
8063 }
8064 .lp-stats-overview-grid--chart .lp-stats-section {
8065 min-height: 440px;
8066 }
8067 .lp-stats-overview-grid--tables {
8068 grid-template-columns: repeat(2, minmax(0, 1fr));
8069 }
8070 .lp-stats-overview-grid--health {
8071 grid-template-columns: minmax(0, 0.85fr) minmax(0, 1fr);
8072 }
8073 @media screen and (max-width: 1200px) {
8074 .lp-stats-overview-grid {
8075 grid-template-columns: minmax(0, 1fr);
8076 }
8077 }
8078
8079 .lp-stats-health-checks {
8080 list-style: none;
8081 }
8082 .lp-stats-health-checks li {
8083 margin: 0;
8084 border-bottom: 1px solid #dcdcde;
8085 }
8086 .lp-stats-health-checks li:last-child {
8087 border-bottom: 0;
8088 }
8089 .lp-stats-health-checks a {
8090 display: flex;
8091 align-items: center;
8092 justify-content: space-between;
8093 gap: 12px;
8094 padding: 10px 0;
8095 text-decoration: none;
8096 }
8097 .lp-stats-health-checks .lp-stats-health-check__count {
8098 order: 2;
8099 font-weight: 600;
8100 }
8101
8102 table.lp-material--table {
8103 border-collapse: collapse;
8104 width: 100%;
8105 }
8106 table.lp-material--table td, table.lp-material--table th {
8107 border: 1px solid #dddddd;
8108 text-align: right;
8109 padding: 8px;
8110 }
8111 table.lp-material--table thead.hidden {
8112 display: none;
8113 }
8114 table.lp-material--table td.sort {
8115 cursor: move;
8116 }
8117 table.lp-material--table tr:nth-child(even) {
8118 background-color: rgba(221, 221, 221, 0.2509803922);
8119 }
8120
8121 .lp-material--field-wrap {
8122 display: flex;
8123 flex-direction: row;
8124 align-items: center;
8125 padding-block: 5px;
8126 }
8127
8128 .lp-material--field-wrap label {
8129 min-width: 70px;
8130 }
8131
8132 .lp-material--group {
8133 margin-top: 10px;
8134 padding: 10px;
8135 border: 1px solid #dedede;
8136 border-radius: 10px;
8137 box-shadow: -2px 2px rgba(180, 180, 180, 0.2);
8138 }
8139
8140 .lp-material-btn-wrap {
8141 margin-bottom: 10px;
8142 }
8143
8144 .lp-material-btn-wrap.loading::before:before, #btn-lp--save-material.loading:before {
8145 display: inline-block;
8146 font-family: "lp-icon";
8147 content: "\f110";
8148 animation: lp-rotating 1s linear infinite;
8149 margin-left: 5px;
8150 font-variant: normal;
8151 text-transform: none;
8152 -webkit-font-smoothing: antialiased;
8153 -moz-osx-font-smoothing: grayscale;
8154 }
8155
8156 .button.lp-material--delete {
8157 color: white;
8158 border-color: red;
8159 background: red;
8160 vertical-align: top;
8161 }
8162
8163 .lp-material--field-wrap.field-action-wrap {
8164 display: flex;
8165 justify-content: space-between;
8166 }
8167
8168 .lp-meta-box .lp-material--field-wrap input {
8169 width: 100%;
8170 }
8171
8172 #available-to-upload {
8173 font-weight: bold;
8174 }
8175
8176 .learnpress-block-pagination,
8177 .learn-press-pagination {
8178 margin: 20px 0;
8179 text-align: center;
8180 }
8181 .learnpress-block-pagination .page-numbers,
8182 .learn-press-pagination .page-numbers {
8183 display: inline-flex;
8184 gap: 5px;
8185 flex-wrap: wrap;
8186 margin: 0;
8187 padding: 0;
8188 border: 0;
8189 outline: 0;
8190 background: transparent;
8191 list-style: none;
8192 }
8193 .learnpress-block-pagination .page-numbers > li,
8194 .learn-press-pagination .page-numbers > li {
8195 display: inline-block;
8196 margin: 0;
8197 }
8198 .learnpress-block-pagination .page-numbers > li .page-numbers,
8199 .learn-press-pagination .page-numbers > li .page-numbers {
8200 float: unset;
8201 padding: 0 12px;
8202 color: #666;
8203 text-decoration: none;
8204 }
8205 .learnpress-block-pagination .page-numbers > li .page-numbers.current,
8206 .learn-press-pagination .page-numbers > li .page-numbers.current {
8207 color: var(--lp-primary-color);
8208 font-weight: 400;
8209 }
8210 .learnpress-block-pagination .page-numbers > li .page-numbers:hover,
8211 .learn-press-pagination .page-numbers > li .page-numbers:hover {
8212 color: var(--lp-primary-color);
8213 }
8214
8215 .lp-instructor-info {
8216 display: flex;
8217 gap: 30px;
8218 margin-top: 30px;
8219 margin-bottom: 30px;
8220 }
8221 @media (max-width: 600px) {
8222 .lp-instructor-info {
8223 flex-wrap: wrap;
8224 }
8225 }
8226 .lp-instructor-info .lp-section-instructor {
8227 flex: 1;
8228 }
8229 .lp-instructor-info .instructor-display-name {
8230 font-size: 1.4rem;
8231 }
8232 .lp-instructor-info .instructor-avatar {
8233 max-width: 200px;
8234 }
8235 .lp-instructor-info .lp-instructor-meta {
8236 margin-top: 16px;
8237 display: flex;
8238 column-gap: 20px;
8239 row-gap: 8px;
8240 }
8241 .lp-instructor-info .instructor-description {
8242 margin-top: 16px;
8243 }
8244 .lp-instructor-info img {
8245 max-width: 100%;
8246 border-radius: var(--lp-border-radius, 5px);
8247 }
8248 .lp-instructor-info .instructor-social {
8249 display: inline-flex;
8250 padding: 0;
8251 gap: 12px;
8252 margin: 16px 0 0 0;
8253 }
8254 .lp-instructor-info .instructor-social > a {
8255 text-align: center;
8256 list-style: none;
8257 }
8258 .lp-instructor-info .instructor-social > a span {
8259 display: none;
8260 }
8261 .lp-instructor-info .instructor-social > a i {
8262 width: 40px;
8263 height: 40px;
8264 display: inline-flex;
8265 align-items: center;
8266 justify-content: center;
8267 border: 1px solid var(--lp-border-color, #E2E0DB);
8268 border-radius: 50%;
8269 }
8270 .lp-instructor-info .instructor-social > a i:hover {
8271 background-color: var(--lp-primary-color, #ffb606);
8272 border-color: var(--lp-primary-color, #ffb606);
8273 color: var(--lp-color-white, #fff);
8274 }
8275
8276 .instructor-display-name {
8277 font-weight: var(--lp-font-weight-link, 600);
8278 }
8279
8280 .instructor-item-meta {
8281 display: inline-flex;
8282 border-right: 1px solid var(--lp-border-color, #E2E0DB);
8283 padding-right: 20px;
8284 }
8285
8286 .lp-instructor-meta .instructor-item-meta:first-child {
8287 border: none;
8288 padding-right: 0;
8289 }
8290
8291 .wrapper-instructor-total-students, .wrapper-instructor-total-courses {
8292 display: flex;
8293 gap: 4px;
8294 align-items: center;
8295 }
8296
8297 .course-extra-box {
8298 margin-bottom: 16px;
8299 border: 1px solid var(--lp-border-color, #E2E0DB);
8300 border-radius: var(--lp-border-radius, 5px);
8301 width: 100%;
8302 }
8303 .course-extra-box.active .course-extra-box__content {
8304 height: auto;
8305 }
8306 .course-extra-box__title {
8307 --extra-height: 50px;
8308 display: flex;
8309 align-items: center;
8310 position: relative;
8311 height: var(--extra-height);
8312 margin: 0 !important;
8313 padding: 0 20px 0 45px;
8314 background: rgba(181, 187, 211, 0.15);
8315 font-size: 1em;
8316 font-weight: 700;
8317 cursor: pointer;
8318 }
8319 @media (max-width: 767px) {
8320 .course-extra-box__title {
8321 padding-right: 16px;
8322 }
8323 }
8324 .course-extra-box__title::after {
8325 position: absolute;
8326 top: 0;
8327 left: 20px;
8328 font-family: "lp-icon";
8329 line-height: var(--extra-height);
8330 content: "\f107";
8331 }
8332 .course-extra-box__content {
8333 overflow: hidden;
8334 transition: height 0.3s ease;
8335 }
8336 .course-extra-box__content-inner {
8337 -webkit-animation-name: course-extra-box__content-inner-transform;
8338 animation-name: course-extra-box__content-inner-transform;
8339 -webkit-animation-duration: 0.3s;
8340 animation-duration: 0.3s;
8341 -webkit-animation-timing-function: ease-in-out;
8342 animation-timing-function: ease-in-out;
8343 -webkit-animation-iteration-count: 1;
8344 animation-iteration-count: 1;
8345 -webkit-animation-direction: normal;
8346 animation-direction: normal;
8347 }
8348 .course-extra-box__content-inner > ul {
8349 padding-right: 0 !important;
8350 padding-bottom: 0 !important;
8351 }
8352 .course-extra-box__content ul,
8353 .course-extra-box__content li {
8354 list-style: none;
8355 }
8356 .course-extra-box__content ul {
8357 margin: 0;
8358 padding: 0;
8359 }
8360 .course-extra-box__content li {
8361 margin: 0;
8362 padding: 12px 20px;
8363 border-bottom: 1px solid var(--lp-border-color, #E2E0DB);
8364 }
8365 @media (max-width: 767px) {
8366 .course-extra-box__content li {
8367 padding-right: 16px;
8368 padding-left: 16px;
8369 }
8370 }
8371 .course-extra-box__content li::before {
8372 margin-left: 8px;
8373 color: var(--lp-primary-color);
8374 font-family: "lp-icon";
8375 content: "\f00c";
8376 }
8377 .course-extra-box__content li:last-child {
8378 border-bottom: 0;
8379 }
8380 .course-extra-box:last-child {
8381 margin-bottom: 60px;
8382 }
8383 .course-extra-box.active .course-extra-box__title::after {
8384 content: "\f106";
8385 }
8386 .course-extra-box + .comment-respond, .course-extra-box + .comments-area {
8387 margin-top: 30px;
8388 margin-bottom: 30px;
8389 }
8390 .course-extra-box + .course-tabs {
8391 margin-top: 30px;
8392 }
8393
8394 input[name=course-extra-box-ratio] {
8395 display: none;
8396 }
8397 input[name=course-extra-box-ratio]:checked + .course-extra-box .course-extra-box__content {
8398 display: block;
8399 }
8400 input[name=course-extra-box-ratio]:checked + .course-extra-box .course-extra-box__content .course-extra-box__content-inner {
8401 transform: scale(1);
8402 }
8403
8404 @-webkit-keyframes course-extra-box__content-inner-transform {
8405 from {
8406 opacity: 0;
8407 -webkit-transform: translateX(-5%);
8408 -moz-transform: translateX(-5%);
8409 -ms-transform: translateX(-5%);
8410 -o-transform: translateX(-5%);
8411 transform: translateX(-5%);
8412 }
8413 to {
8414 opacity: 1;
8415 -webkit-transform: translateX(0%);
8416 -moz-transform: translateX(0%);
8417 -ms-transform: translateX(0%);
8418 -o-transform: translateX(0%);
8419 transform: translateX(0%);
8420 }
8421 }
8422 @keyframes course-extra-box__content-inner-transform {
8423 from {
8424 opacity: 0;
8425 transform: translateX(-5%);
8426 }
8427 to {
8428 opacity: 1;
8429 transform: translateX(0%);
8430 }
8431 }
8432 .course-tab-panel-faqs .course-faqs-box {
8433 margin-bottom: 20px;
8434 border: 1px solid rgba(204, 204, 204, 0.6);
8435 border-radius: 5px;
8436 }
8437 .course-tab-panel-faqs .course-faqs-box__title {
8438 display: block;
8439 position: relative;
8440 margin: 0;
8441 padding: 12px 20px 12px 45px;
8442 font-size: 1em;
8443 line-height: 1.5;
8444 font-weight: var(--lp-font-weight-link, 600);
8445 cursor: pointer;
8446 }
8447 .course-tab-panel-faqs .course-faqs-box__title::after {
8448 position: absolute;
8449 top: 12px;
8450 left: 20px;
8451 font-family: "lp-icon";
8452 content: "\f067";
8453 }
8454 .course-tab-panel-faqs .course-faqs-box:last-child {
8455 margin-bottom: 40px;
8456 }
8457 .course-tab-panel-faqs .course-faqs-box:hover .course-faqs-box__title {
8458 color: var(--lp-primary-color);
8459 }
8460 .course-tab-panel-faqs .course-faqs-box__content {
8461 display: none;
8462 }
8463 .course-tab-panel-faqs .course-faqs-box__content-inner {
8464 padding: 20px;
8465 -webkit-animation-name: course-faqs-box__content-inner-transform;
8466 animation-name: course-faqs-box__content-inner-transform;
8467 -webkit-animation-duration: 0.3s;
8468 animation-duration: 0.3s;
8469 -webkit-animation-timing-function: ease-in-out;
8470 animation-timing-function: ease-in-out;
8471 -webkit-animation-iteration-count: 1;
8472 animation-iteration-count: 1;
8473 -webkit-animation-direction: normal;
8474 animation-direction: normal;
8475 }
8476
8477 input[name=course-faqs-box-ratio] {
8478 display: none;
8479 }
8480 input[name=course-faqs-box-ratio]:checked + .course-faqs-box .course-faqs-box__content {
8481 display: block;
8482 }
8483 input[name=course-faqs-box-ratio]:checked + .course-faqs-box .course-faqs-box__title {
8484 color: var(--lp-primary-color);
8485 background: rgba(241, 242, 248, 0.4);
8486 }
8487 input[name=course-faqs-box-ratio]:checked + .course-faqs-box .course-faqs-box__title::after {
8488 content: "\f068";
8489 }
8490
8491 @-webkit-keyframes course-faqs-box__content-inner-transform {
8492 from {
8493 opacity: 0;
8494 -webkit-transform: translateY(-5%);
8495 -moz-transform: translateY(-5%);
8496 -ms-transform: translateY(-5%);
8497 -o-transform: translateY(-5%);
8498 transform: translateY(-5%);
8499 }
8500 to {
8501 opacity: 1;
8502 -webkit-transform: translateY(0%);
8503 -moz-transform: translateY(0%);
8504 -ms-transform: translateY(0%);
8505 -o-transform: translateY(0%);
8506 transform: translateY(0%);
8507 }
8508 }
8509 @keyframes course-faqs-box__content-inner-transform {
8510 from {
8511 opacity: 0;
8512 -webkit-transform: translateY(-5%);
8513 -moz-transform: translateY(-5%);
8514 -ms-transform: translateY(-5%);
8515 -o-transform: translateY(-5%);
8516 transform: translateY(-5%);
8517 }
8518 to {
8519 opacity: 1;
8520 -webkit-transform: translateY(0%);
8521 -moz-transform: translateY(0%);
8522 -ms-transform: translateY(0%);
8523 -o-transform: translateY(0%);
8524 transform: translateY(0%);
8525 }
8526 }
8527 .extra-box__title, .course-faqs__title, .course-material__title {
8528 margin-top: 0;
8529 margin-bottom: 12px;
8530 }
8531
8532 .edit-content {
8533 margin-right: 5px;
8534 }
8535
8536 .course-curriculum ul.curriculum-sections {
8537 position: relative;
8538 margin: 0;
8539 padding: 0;
8540 list-style: none;
8541 }
8542 .course-curriculum ul.curriculum-sections .closed .section-item__loadmore {
8543 display: none;
8544 }
8545 .course-curriculum ul.curriculum-sections .section {
8546 margin: 0;
8547 padding: 0;
8548 flex-wrap: wrap;
8549 }
8550 .course-curriculum ul.curriculum-sections .section:last-child {
8551 padding: 0;
8552 }
8553 .course-curriculum ul.curriculum-sections .section.section-empty .section-header {
8554 margin-bottom: 20px;
8555 }
8556 .course-curriculum ul.curriculum-sections .section.section-empty .learn-press-message {
8557 margin-left: 15px;
8558 margin-right: 15px;
8559 }
8560 .course-curriculum ul.curriculum-sections .section-title.c + .section-desc {
8561 display: block;
8562 }
8563 .course-curriculum ul.curriculum-sections .section-title.c span.show-desc::before {
8564 -webkit-transform: rotate(-180deg);
8565 -moz-transform: rotate(-180deg);
8566 -ms-transform: rotate(-180deg);
8567 -o-transform: rotate(-180deg);
8568 transform: rotate(-180deg);
8569 top: 0;
8570 }
8571 .course-curriculum ul.curriculum-sections .item-meta.duration {
8572 background: #d9e0f1;
8573 }
8574 .course-curriculum .section-item__loadmore {
8575 display: flex;
8576 justify-content: center;
8577 align-items: center;
8578 }
8579 .course-curriculum .section-item__loadmore button {
8580 margin-top: 10px;
8581 border: 1px solid var(--lp-border-color, #E2E0DB);
8582 border-radius: var(--lp-border-radius, 5px);
8583 padding: 8px 16px;
8584 box-shadow: none;
8585 outline: none;
8586 }
8587 .course-curriculum .section-item__loadmore.loading button:before {
8588 display: inline-block;
8589 font-family: "lp-icon";
8590 content: "\f110";
8591 animation: lp-rotating 1s linear infinite;
8592 margin-left: 5px;
8593 font-variant: normal;
8594 text-transform: none;
8595 -webkit-font-smoothing: antialiased;
8596 -moz-osx-font-smoothing: grayscale;
8597 }
8598 .course-curriculum .section-header {
8599 display: table;
8600 width: 100%;
8601 padding: 20px 0;
8602 border-bottom: 0;
8603 border-bottom: 1px solid #d9e0f1;
8604 cursor: pointer;
8605 -webkit-box-sizing: border-box;
8606 -moz-box-sizing: border-box;
8607 box-sizing: border-box;
8608 }
8609 .course-curriculum .section-header .section-title, .course-curriculum .section-header .section-desc {
8610 margin: 0;
8611 }
8612 .course-curriculum .section-header span.show-desc {
8613 display: inline-block;
8614 position: absolute;
8615 top: 50%;
8616 left: 30px;
8617 width: 20px;
8618 height: 20px;
8619 transform: translate(0, -50%);
8620 }
8621 .course-curriculum .section-header span.show-desc::before {
8622 font-family: "lp-icon";
8623 font-size: 1.125em;
8624 content: "\f107";
8625 }
8626 .course-curriculum .section-header span.show-desc:hover::before {
8627 border-top-color: #ccc;
8628 }
8629 .course-curriculum .section-header .section-desc {
8630 margin-top: 10px;
8631 font-size: calc(var(--lp-font-size-base, 1em) * 0.925);
8632 color: var(--lp-color-accent);
8633 font-style: italic;
8634 line-height: 1.3;
8635 }
8636 .course-curriculum .section-header .section-meta {
8637 display: block;
8638 padding-top: 17px;
8639 padding-bottom: 15px;
8640 font-size: 0.8em;
8641 text-align: left;
8642 vertical-align: middle;
8643 white-space: nowrap;
8644 }
8645 .course-curriculum .section-item {
8646 width: 100%;
8647 }
8648 .course-curriculum .section-content {
8649 margin: 0;
8650 padding: 0;
8651 list-style: none;
8652 }
8653 .course-curriculum .section-content .course-item-meta {
8654 display: table-cell;
8655 text-align: left;
8656 vertical-align: middle;
8657 white-space: nowrap;
8658 }
8659 .course-curriculum .section-content .course-item-meta .item-meta {
8660 display: inline-block;
8661 color: #fff;
8662 }
8663 .course-curriculum .section-content .course-item-meta .item-meta.final-quiz {
8664 background: #14c4ff;
8665 }
8666 .course-curriculum .section-content .course-item-meta .item-meta.trans {
8667 padding: 0;
8668 }
8669 .course-curriculum .section-content .course-item-meta .count-questions {
8670 background: #9672cf;
8671 }
8672 .course-curriculum .section-content .course-item-meta .duration {
8673 background: #c0c0c0;
8674 }
8675 .course-curriculum .section-content .course-item-meta .course-item-status {
8676 padding: 0;
8677 color: #999;
8678 }
8679 .course-curriculum .section-content .course-item-meta .course-item-status::before {
8680 font-family: "lp-icon";
8681 content: "\f00c";
8682 }
8683 .course-curriculum .section-content .course-item-preview {
8684 font-style: normal;
8685 padding: 0;
8686 }
8687 .course-curriculum .section-content .course-item-preview::before {
8688 font-family: "lp-icon";
8689 content: "\f06e";
8690 color: #999;
8691 }
8692 .course-curriculum .course-item {
8693 display: flex;
8694 position: relative;
8695 margin: 0 0 2px 0;
8696 padding: 0 16px;
8697 background: rgba(241, 242, 248, 0.4);
8698 transition: padding-right linear 0.15s;
8699 }
8700 .course-curriculum .course-item > span {
8701 display: flex;
8702 width: 28px;
8703 color: #666;
8704 font-weight: 300;
8705 align-items: center;
8706 }
8707 .course-curriculum .course-item .section-item-link {
8708 display: flex;
8709 align-items: flex-start;
8710 justify-content: space-between;
8711 width: 100%;
8712 padding: 12px 0;
8713 color: inherit;
8714 outline: none;
8715 gap: 12px;
8716 }
8717 .course-curriculum .course-item .section-item-link:hover .item-name {
8718 color: var(--lp-primary-color);
8719 }
8720 .course-curriculum .course-item .section-item-link::before {
8721 color: var(--lp-primary-color);
8722 font-family: "lp-icon";
8723 }
8724 .course-curriculum .course-item .section-item-link .course-item-info {
8725 width: 100%;
8726 }
8727 .course-curriculum .course-item .section-item-link .course-item-info .course-item-info-pre {
8728 display: flex;
8729 flex-flow: row-reverse;
8730 justify-content: flex-end;
8731 gap: 16px;
8732 align-items: center;
8733 font-size: calc(var(--lp-font-size-base, 1em) * 0.925);
8734 }
8735 .course-curriculum .course-item .section-item-link .course-item-info .course-item-info-pre .item-meta.duration {
8736 background: transparent;
8737 }
8738 .course-curriculum .course-item .item-name {
8739 font-weight: 600;
8740 }
8741 .course-curriculum .course-item.course-item-lp_quiz .section-item-link::before {
8742 content: "\f059";
8743 }
8744 .course-curriculum .course-item.course-item-lp_assignment .section-item-link::before {
8745 content: "\e929" !important;
8746 }
8747 .course-curriculum .course-item.course-item.course-item-lp_h5p .section-item-link::before {
8748 content: "\e92a" !important;
8749 }
8750 .course-curriculum .course-item.course-item-lp_lesson .section-item-link::before {
8751 content: "\f15b";
8752 }
8753 .course-curriculum .course-item.course-item-lp_lesson.course-item-type-video .section-item-link::before {
8754 content: "\f03d";
8755 }
8756 .course-curriculum .course-item.course-item-lp_lesson.course-item-type-audio .section-item-link::before {
8757 content: "\f028";
8758 }
8759 .course-curriculum .course-item.item-locked .course-item-status::before {
8760 color: var(--lp-secondary-color);
8761 content: "\f023";
8762 }
8763 .course-curriculum .course-item.has-status {
8764 padding-top: 1px;
8765 }
8766 .course-curriculum .course-item.has-status.status-completed .course-item-status::before, .course-curriculum .course-item.has-status.status-evaluated .course-item-status::before {
8767 color: #3bb54a;
8768 }
8769 .course-curriculum .course-item.has-status.item-failed .course-item-status::before, .course-curriculum .course-item.has-status.failed .course-item-status::before {
8770 border-color: #f02425;
8771 color: #f02425;
8772 content: "\f00d";
8773 }
8774 .course-curriculum .course-item::before {
8775 position: absolute;
8776 top: 50%;
8777 right: 0;
8778 width: 3px;
8779 height: 0;
8780 background: #00adff;
8781 content: "";
8782 transition: height linear 0.15s, top linear 0.15s;
8783 }
8784 .course-curriculum .course-item.current {
8785 background: #f9f9f9;
8786 }
8787 .course-curriculum .course-item.current a::before {
8788 right: 10px;
8789 }
8790 .course-curriculum .course-item.current::before {
8791 top: 0;
8792 height: 100%;
8793 }
8794 .course-curriculum .section-left {
8795 vertical-align: top;
8796 }
8797 .course-curriculum .section-left .section-title {
8798 font-weight: 700;
8799 font-size: calc(var(--lp-font-size-base, 1em) * 1.25);
8800 text-transform: capitalize;
8801 display: block;
8802 }
8803 .course-curriculum .curriculum-more__button {
8804 border: 1px solid var(--lp-border-color, #E2E0DB);
8805 border-radius: var(--lp-border-radius, 5px);
8806 padding: 8px 16px;
8807 box-shadow: none;
8808 outline: none;
8809 width: 100%;
8810 margin-top: 20px;
8811 margin-bottom: 20px;
8812 }
8813 .course-curriculum .curriculum-more__button.loading:before {
8814 display: inline-block;
8815 font-family: "lp-icon";
8816 content: "\f110";
8817 animation: lp-rotating 1s linear infinite;
8818 margin-left: 5px;
8819 font-variant: normal;
8820 text-transform: none;
8821 -webkit-font-smoothing: antialiased;
8822 -moz-osx-font-smoothing: grayscale;
8823 }
8824
8825 body .content-item-summary .form-button-finish-course, body .lp-quiz-buttons .form-button-finish-course {
8826 float: left;
8827 }
8828
8829 #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 {
8830 top: 2px;
8831 font-family: "lp-icon";
8832 }
8833 #wpadminbar #wp-admin-bar-edit-lp_quiz .ab-item::before {
8834 content: "\f017";
8835 }
8836 #wpadminbar #wp-admin-bar-edit-lp_lesson .ab-item::before {
8837 content: "\f15c";
8838 }
8839 #wpadminbar #wp-admin-bar-edit-lp_question .ab-item::before {
8840 content: "\f29c";
8841 }
8842
8843 .course-remaining-time .label-enrolled {
8844 font-size: inherit;
8845 }
8846
8847 .lp-course-progress {
8848 position: relative;
8849 }
8850 .lp-course-progress .lp-passing-conditional {
8851 position: absolute;
8852 top: 0;
8853 width: 3px;
8854 height: 6px;
8855 margin-right: -1px;
8856 background: var(--lp-secondary-color);
8857 }
8858
8859 .viewing-course-item .section-header .section-desc {
8860 display: none;
8861 }
8862
8863 .lp-course-curriculum ul, .lp-course-curriculum li {
8864 list-style: none;
8865 margin: 0;
8866 padding: 0;
8867 }
8868 .lp-course-curriculum .course-curriculum-info {
8869 display: flex;
8870 justify-content: space-between;
8871 gap: 20px;
8872 margin-bottom: 20px;
8873 }
8874 .lp-course-curriculum .course-curriculum-info__left {
8875 display: flex;
8876 align-items: center;
8877 flex-wrap: wrap;
8878 gap: 8px;
8879 }
8880 .lp-course-curriculum .course-curriculum-info__left li {
8881 display: inline-flex;
8882 align-items: center;
8883 gap: 8px;
8884 }
8885 .lp-course-curriculum .course-curriculum-info__left li::after {
8886 content: "";
8887 width: 4px;
8888 height: 4px;
8889 background-color: var(--lp-border-color, #E2E0DB);
8890 display: inline-block;
8891 }
8892 .lp-course-curriculum .course-curriculum-info__left li:last-child::after {
8893 content: none;
8894 }
8895 .lp-course-curriculum .course-curriculum-info__right {
8896 font-weight: var(--lp-font-weight-link, 600);
8897 text-align: left;
8898 text-transform: capitalize;
8899 }
8900 .lp-course-curriculum .course-toggle-all-sections {
8901 cursor: pointer;
8902 }
8903 .lp-course-curriculum .course-section {
8904 margin-bottom: 8px;
8905 border: 1px solid var(--lp-border-color, #E2E0DB);
8906 border-radius: var(--lp-border-radius, 5px);
8907 cursor: pointer;
8908 overflow: hidden;
8909 }
8910 .lp-course-curriculum .course-section.lp-collapse .course-section__items {
8911 display: none;
8912 animation: ease-in-out;
8913 }
8914 .lp-course-curriculum .course-section.lp-collapse .lp-icon-angle-up {
8915 display: none;
8916 }
8917 .lp-course-curriculum .course-section.lp-collapse .lp-icon-angle-down {
8918 display: block;
8919 }
8920 .lp-course-curriculum .course-section .lp-icon-angle-down {
8921 display: none;
8922 }
8923 .lp-course-curriculum .course-section:last-child {
8924 margin-bottom: 0;
8925 }
8926 .lp-course-curriculum .course-section .course-section-header {
8927 background-color: var(--lp-white-grey, #F7F7FB);
8928 padding: 20px;
8929 column-gap: 12px;
8930 display: flex;
8931 justify-content: space-between;
8932 }
8933 .lp-course-curriculum .course-section__title {
8934 font-weight: 600;
8935 font-size: 1.1em;
8936 line-height: 1.3em;
8937 }
8938 .lp-course-curriculum .course-section__description {
8939 margin: 4px 0 0 0;
8940 }
8941 .lp-course-curriculum .course-section .section-toggle {
8942 line-height: 1;
8943 }
8944 .lp-course-curriculum .course-section .section-toggle i {
8945 font-size: 24px;
8946 }
8947 .lp-course-curriculum .course-section .course-section-info {
8948 margin-right: 0;
8949 margin-left: auto;
8950 }
8951 .lp-course-curriculum .course-section .section-count-items {
8952 min-width: 24px;
8953 font-weight: 600;
8954 text-align: center;
8955 line-height: 1.3;
8956 white-space: nowrap;
8957 }
8958 .lp-course-curriculum .course-section .course-item {
8959 background-color: transparent;
8960 border-top: 1px solid var(--lp-border-color, #E2E0DB);
8961 padding: 12px 20px;
8962 margin: 0;
8963 }
8964 .lp-course-curriculum .course-section .course-item__link {
8965 display: flex;
8966 justify-content: space-between;
8967 width: 100%;
8968 column-gap: 12px;
8969 row-gap: 8px;
8970 position: relative;
8971 align-items: flex-start;
8972 color: inherit;
8973 }
8974 .lp-course-curriculum .course-section .course-item__info {
8975 display: flex;
8976 column-gap: 12px;
8977 row-gap: 8px;
8978 }
8979 .lp-course-curriculum .course-section .course-item__info .course-item-ico {
8980 min-width: 16px;
8981 }
8982 .lp-course-curriculum .course-section .course-item__content {
8983 display: flex;
8984 justify-content: space-between;
8985 column-gap: 12px;
8986 row-gap: 8px;
8987 align-items: baseline;
8988 flex: 1;
8989 }
8990 @media (max-width: 1024px) {
8991 .lp-course-curriculum .course-section .course-item__content {
8992 flex-wrap: wrap;
8993 }
8994 }
8995 .lp-course-curriculum .course-section .course-item__left:hover {
8996 color: var(--lp-primary-color, #ffb606);
8997 }
8998 .lp-course-curriculum .course-section .course-item__right {
8999 display: flex;
9000 column-gap: 12px;
9001 row-gap: 8px;
9002 align-items: center;
9003 flex: none;
9004 color: var(--lp-color-meta, #8a8a8a);
9005 flex-wrap: wrap;
9006 flex-direction: row-reverse;
9007 justify-content: flex-end;
9008 }
9009 @media (max-width: 1024px) {
9010 .lp-course-curriculum .course-section .course-item__right {
9011 width: 100%;
9012 order: 3;
9013 }
9014 }
9015 .lp-course-curriculum .course-section .course-item__status .course-item-ico {
9016 width: 24px;
9017 display: flex;
9018 justify-content: center;
9019 }
9020 .lp-course-curriculum .course-section .course-item-ico::before {
9021 content: "";
9022 display: inline-block;
9023 font-family: "lp-icon";
9024 font-weight: normal;
9025 }
9026 .lp-course-curriculum .course-section .course-item-ico.lp_lesson::before {
9027 content: "\f15b";
9028 }
9029 .lp-course-curriculum .course-section .course-item-ico.lp_quiz::before {
9030 content: "\f12e";
9031 }
9032 .lp-course-curriculum .course-section .course-item-ico.lp_assignment::before {
9033 content: "\e929";
9034 }
9035 .lp-course-curriculum .course-section .course-item-ico.lp_h5p::before {
9036 content: "\e92a";
9037 }
9038 .lp-course-curriculum .course-section .course-item-ico.preview::before {
9039 content: "\f06e";
9040 color: #999;
9041 }
9042 .lp-course-curriculum .course-section .course-item-ico.locked::before {
9043 content: "\f023";
9044 color: #999;
9045 }
9046 .lp-course-curriculum .course-section .course-item-ico.passed.completed::before {
9047 content: "\f00c";
9048 color: #3bb54a;
9049 }
9050 .lp-course-curriculum .course-section .course-item-ico.in-progress::before, .lp-course-curriculum .course-section .course-item-ico.completed::before {
9051 content: "\f00c";
9052 color: #999;
9053 }
9054 .lp-course-curriculum .course-section .course-item-ico.failed.completed::before {
9055 content: "\f00d";
9056 color: #f02425;
9057 }
9058 .lp-course-curriculum .course-section .course-item-ico.started::before {
9059 content: "\f00c";
9060 color: #999;
9061 }
9062 .lp-course-curriculum .course-section .course-item-ico.doing::before {
9063 content: "\e921";
9064 color: #999;
9065 }
9066
9067 .info-learning .course-progress__line {
9068 width: 100%;
9069 background: #ccc;
9070 height: 5px;
9071 border-radius: 5px;
9072 position: relative;
9073 }
9074 .info-learning .course-progress__line__active {
9075 background: var(--lp-primary-color);
9076 height: 100%;
9077 border-radius: 5px;
9078 position: absolute;
9079 top: 0;
9080 right: 0;
9081 }
9082 .info-learning .course-progress__line__active {
9083 background: var(--lp-primary-color);
9084 height: 100%;
9085 border-radius: 5px;
9086 position: absolute;
9087 top: 0;
9088 right: 0;
9089 }
9090 .info-learning .course-progress__line__point {
9091 position: absolute;
9092 top: 0;
9093 width: 2px;
9094 height: 100%;
9095 background: var(--lp-secondary-color);
9096 }
9097
9098 /*
9099 Css for Block of Gutenberg
9100 */
9101 /**
9102 * Styles for all page of Block LP
9103 *
9104 * @since 4.2.3
9105 * @version 1.0.0
9106 */
9107 .lp-ico svg {
9108 width: 20px;
9109 height: 20px;
9110 }
9111
9112 .lp-hidden {
9113 display: none !important;
9114 }
9115
9116 .course-price .origin-price {
9117 text-decoration: line-through;
9118 margin-left: 4px;
9119 font-size: calc(var(--lp-font-size-base, 1em) * 0.925);
9120 opacity: 0.6;
9121 }
9122
9123 [class*=wp-block-learnpress] img,
9124 .block-editor-block-list__block img {
9125 max-width: 100%;
9126 height: auto;
9127 }
9128 [class*=wp-block-learnpress] .info-meta-item,
9129 .block-editor-block-list__block .info-meta-item {
9130 display: flex;
9131 gap: 4px;
9132 flex-wrap: wrap;
9133 }
9134 [class*=wp-block-learnpress] .info-meta-item i,
9135 .block-editor-block-list__block .info-meta-item i {
9136 color: var(--lp-primary-color, #ffb606);
9137 }
9138 [class*=wp-block-learnpress] .info-meta-left,
9139 .block-editor-block-list__block .info-meta-left {
9140 display: flex;
9141 gap: 8px;
9142 align-items: center;
9143 letter-spacing: 0;
9144 }
9145 [class*=wp-block-learnpress] a,
9146 .block-editor-block-list__block a {
9147 text-decoration: none;
9148 }
9149
9150 .wp-block-learnpress-course-image {
9151 overflow: hidden;
9152 }
9153
9154 .wp-block-learnpress-course-instructor > div > *,
9155 .wp-block-learnpress-course-categories > div > * {
9156 display: inline;
9157 vertical-align: middle;
9158 }
9159
9160 /*
9161 Breadcrumb
9162 */
9163 .wp-block-learnpress-breadcrumb ul {
9164 margin: 0 auto;
9165 list-style: none;
9166 padding: 0;
9167 }
9168 .wp-block-learnpress-breadcrumb li {
9169 display: inline-block;
9170 margin: 0;
9171 }
9172 .wp-block-learnpress-breadcrumb i {
9173 margin: 0 8px;
9174 }
9175 .wp-block-learnpress-breadcrumb a {
9176 color: inherit;
9177 }
9178
9179 .courses-btn-load-more {
9180 padding: 8px 24px;
9181 border-radius: var(--lp-border-radius, 5px);
9182 color: var(--lp-color-base, #333);
9183 border: 1px solid var(--lp-color-base, #333);
9184 font-size: var(--lp-font-size-base, 1em);
9185 transition: all 0.3s;
9186 display: block;
9187 background: transparent;
9188 text-decoration: none;
9189 text-align: center;
9190 cursor: pointer;
9191 margin: 20px auto;
9192 }
9193 .courses-btn-load-more:hover {
9194 background: var(--lp-primary-color, #ffb606);
9195 color: var(--lp-color-white, #fff);
9196 border-color: var(--lp-primary-color, #ffb606);
9197 }
9198
9199 .lp-overlay {
9200 display: none;
9201 position: fixed;
9202 z-index: 99999;
9203 top: 0;
9204 left: 0;
9205 bottom: 0;
9206 right: 0;
9207 width: 100%;
9208 height: 100%;
9209 background-color: rgba(209, 213, 219, 0.8);
9210 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
9211 transition-duration: 150ms;
9212 transition-property: opacity;
9213 }
9214
9215 .lp-modal-dialog {
9216 display: flex;
9217 position: fixed;
9218 z-index: 9999;
9219 top: 0;
9220 left: 0;
9221 right: 0;
9222 width: 100%;
9223 min-height: 100vh;
9224 text-align: center;
9225 align-items: center;
9226 justify-content: center;
9227 }
9228 .lp-modal-dialog .learn-press-message {
9229 width: auto;
9230 margin: 0 !important;
9231 }
9232 .lp-modal-dialog .lp-modal-content {
9233 display: inline-block;
9234 overflow: hidden;
9235 z-index: 2;
9236 width: auto;
9237 max-width: 600px;
9238 border-radius: 8px;
9239 text-align: right;
9240 vertical-align: middle;
9241 background: white;
9242 color: black;
9243 }
9244 .lp-modal-dialog .lp-modal-content h2,
9245 .lp-modal-dialog .lp-modal-content h3 {
9246 margin: 0;
9247 }
9248 .lp-modal-dialog .lp-modal-content .lp-group-step h3 {
9249 border-bottom: 1px solid #eee;
9250 }
9251 .lp-modal-dialog .lp-modal-content .main-content .terms-upgrade .pd-2em {
9252 padding: 0 1em;
9253 }
9254 .lp-modal-dialog .lp-modal-header {
9255 background: #7c60d9;
9256 border-bottom: 1px solid #eee;
9257 padding: 1em;
9258 }
9259 .lp-modal-dialog .lp-modal-header h3 {
9260 margin: 0;
9261 color: white;
9262 font-weight: 400;
9263 }
9264 .lp-modal-dialog .lp-modal-body .main-content {
9265 max-height: 500px;
9266 overflow: auto;
9267 overscroll-behavior: contain;
9268 }
9269 .lp-modal-dialog .lp-modal-body .main-content h3,
9270 .lp-modal-dialog .lp-modal-body .main-content h2,
9271 .lp-modal-dialog .lp-modal-body .main-content .pd-2em {
9272 padding: 1em;
9273 }
9274 .lp-modal-dialog .lp-modal-footer {
9275 padding: 20px;
9276 background-color: #f9fafb;
9277 text-align: left;
9278 }
9279 .lp-modal-dialog .btn-yes {
9280 color: #fff;
9281 background-color: #7c60d9;
9282 }
9283 .lp-modal-dialog .lp_allow_repurchase_select {
9284 padding: 20px;
9285 background: #f7f7f7;
9286 }
9287 .lp-modal-dialog .lp_allow_repurchase_select > ul {
9288 margin: 0;
9289 padding: 0;
9290 list-style: none;
9291 }
9292 .lp-modal-dialog .lp_allow_repurchase_select > ul li label {
9293 display: flex;
9294 align-items: center;
9295 gap: 10px;
9296 }
9297 .lp-modal-dialog .lp-button {
9298 cursor: pointer;
9299 border: 1px solid var(--lp-border-color, #E2E0DB);
9300 border-radius: var(--lp-border-radius, 5px);
9301 padding: 8px 16px;
9302 }
9303 .lp-modal-dialog .lp-button.loading {
9304 pointer-events: none;
9305 opacity: 0.8;
9306 }
9307 .lp-modal-dialog .lp-button.loading:before {
9308 display: inline-block;
9309 font-family: "lp-icon";
9310 content: "\f110";
9311 animation: lp-rotating 1s linear infinite;
9312 margin-left: 5px;
9313 font-variant: normal;
9314 text-transform: none;
9315 -webkit-font-smoothing: antialiased;
9316 -moz-osx-font-smoothing: grayscale;
9317 }
9318 .lp-modal-dialog .lp-button:hover {
9319 border-color: var(--lp-primary-color, #ffb606);
9320 color: #fff;
9321 background: var(--lp-primary-color, #ffb606);
9322 }
9323
9324 .lp-button.btn-finish-course {
9325 cursor: pointer;
9326 width: 100%;
9327 padding: 12px 24px;
9328 background-color: var(--lp-primary-color, #ffb606);
9329 border-width: 0;
9330 border-radius: var(--lp-border-radius, 5px);
9331 border-color: var(--lp-primary-color, #ffb606);
9332 color: var(--lp-color-white, #fff);
9333 font-size: var(--lp-font-size-base, 1em);
9334 text-align: center;
9335 text-decoration: none;
9336 -webkit-transition: all 0.25s;
9337 -moz-transition: all 0.25s;
9338 -ms-transition: all 0.25s;
9339 -o-transition: all 0.25s;
9340 transition: all 0.25s;
9341 }
9342 .lp-button.btn-finish-course:hover {
9343 background-color: var(--lp-secondary-color, #442e66);
9344 border-color: var(--lp-secondary-color, #442e66);
9345 }
9346 .lp-button.btn-finish-course.loading {
9347 pointer-events: none;
9348 opacity: 0.8;
9349 }
9350 .lp-button.btn-finish-course.loading:before {
9351 display: inline-block;
9352 font-family: "lp-icon";
9353 content: "\f110";
9354 animation: lp-rotating 1s linear infinite;
9355 margin-left: 5px;
9356 font-variant: normal;
9357 text-transform: none;
9358 -webkit-font-smoothing: antialiased;
9359 -moz-osx-font-smoothing: grayscale;
9360 }
9361
9362 /**
9363 * Mixin
9364 */
9365 @-webkit-keyframes rotating4 {
9366 from {
9367 -webkit-transform: rotate(0deg);
9368 -o-transform: rotate(0deg);
9369 transform: rotate(0deg);
9370 }
9371 to {
9372 -webkit-transform: rotate(-360deg);
9373 -o-transform: rotate(-360deg);
9374 transform: rotate(-360deg);
9375 }
9376 }
9377 @keyframes rotating4 {
9378 from {
9379 -ms-transform: rotate(0deg);
9380 -moz-transform: rotate(0deg);
9381 -webkit-transform: rotate(0deg);
9382 -o-transform: rotate(0deg);
9383 transform: rotate(0deg);
9384 }
9385 to {
9386 -ms-transform: rotate(-360deg);
9387 -moz-transform: rotate(-360deg);
9388 -webkit-transform: rotate(-360deg);
9389 -o-transform: rotate(-360deg);
9390 transform: rotate(-360deg);
9391 }
9392 }
9393 @-webkit-keyframes animation4 {
9394 from {
9395 right: -40%;
9396 width: 40%;
9397 }
9398 to {
9399 right: 100%;
9400 width: 10%;
9401 }
9402 }
9403 @keyframes animation4 {
9404 from {
9405 right: -40%;
9406 width: 40%;
9407 }
9408 to {
9409 right: 100%;
9410 width: 10%;
9411 }
9412 }
9413 :root {
9414 --lp-cotainer-max-with: var(--lp-container-max-width);
9415 }
9416
9417 .wp-block-group {
9418 --lp-container-max-width: var(--wp--style--global--wide-size);
9419 }
9420
9421 .c-gap-4 {
9422 column-gap: 4px;
9423 }
9424
9425 .wp-block-learnpress-course-feature-review .featured-review__title {
9426 font-weight: var(--lp-font-weight-link, 600);
9427 font-size: calc(var(--lp-font-size-base, 1em) * 1.25);
9428 }
9429
9430 [class^=wp-block-learnpress] .extra-box ul {
9431 margin: 0 20px 0 0;
9432 padding: 0;
9433 }
9434
9435 .wp-block-learnpress-course-button-read-more,
9436 .wp-block-learnpress-course-button {
9437 cursor: pointer;
9438 padding: 12px 24px;
9439 background-color: var(--lp-primary-color, #ffb606);
9440 border-width: 0;
9441 border-radius: var(--lp-border-radius, 5px);
9442 border-color: var(--lp-primary-color, #ffb606);
9443 color: var(--lp-color-white, #fff);
9444 font-size: var(--lp-font-size-base, 1em);
9445 text-align: center;
9446 text-decoration: none;
9447 -webkit-transition: all 0.25s;
9448 -moz-transition: all 0.25s;
9449 -ms-transition: all 0.25s;
9450 -o-transition: all 0.25s;
9451 transition: all 0.25s;
9452 }
9453 .wp-block-learnpress-course-button-read-more:hover,
9454 .wp-block-learnpress-course-button:hover {
9455 background-color: var(--lp-secondary-color, #442e66);
9456 border-color: var(--lp-secondary-color, #442e66);
9457 }
9458 .wp-block-learnpress-course-button-read-more.loading,
9459 .wp-block-learnpress-course-button.loading {
9460 pointer-events: none;
9461 opacity: 0.8;
9462 }
9463 .wp-block-learnpress-course-button-read-more.loading:before,
9464 .wp-block-learnpress-course-button.loading:before {
9465 display: inline-block;
9466 font-family: "lp-icon";
9467 content: "\f110";
9468 animation: lp-rotating 1s linear infinite;
9469 margin-left: 5px;
9470 font-variant: normal;
9471 text-transform: none;
9472 -webkit-font-smoothing: antialiased;
9473 -moz-osx-font-smoothing: grayscale;
9474 vertical-align: middle;
9475 }
9476
9477 @media (min-width: 992px) {
9478 .lp-block-course-sidebar {
9479 margin-top: -260px;
9480 margin-block-start: -260px !important;
9481 }
9482 }
9483 .wp-block-learnpress-item-search .search-course {
9484 display: flex;
9485 position: relative;
9486 height: 70px;
9487 background: var(--lp-white-grey, #F7F7FB);
9488 }
9489 .wp-block-learnpress-item-search .search-course input[name=s] {
9490 display: block;
9491 width: 100%;
9492 margin-right: 30px;
9493 border: none;
9494 color: var(--lp-color-base, #333);
9495 background: transparent;
9496 box-shadow: none;
9497 height: auto;
9498 -webkit-box-sizing: border-box;
9499 -moz-box-sizing: border-box;
9500 box-sizing: border-box;
9501 }
9502 .wp-block-learnpress-item-search .search-course input[name=s]::-webkit-input-placeholder {
9503 color: #999;
9504 }
9505 .wp-block-learnpress-item-search .search-course input[name=s]::-moz-placeholder {
9506 color: #999;
9507 }
9508 .wp-block-learnpress-item-search .search-course input[name=s]:-ms-input-placeholder {
9509 color: #999;
9510 }
9511 .wp-block-learnpress-item-search .search-course input[name=s]:-moz-placeholder {
9512 color: #999;
9513 }
9514 .wp-block-learnpress-item-search .search-course input[name=s]::placeholder {
9515 color: #999;
9516 }
9517 .wp-block-learnpress-item-search .search-course input[name=s]::-webkit-input-placeholder {
9518 font-style: italic;
9519 }
9520 .wp-block-learnpress-item-search .search-course input[name=s]::-moz-placeholder {
9521 font-style: italic;
9522 }
9523 .wp-block-learnpress-item-search .search-course input[name=s]:-ms-input-placeholder {
9524 font-style: italic;
9525 }
9526 .wp-block-learnpress-item-search .search-course input[name=s]:-moz-placeholder {
9527 font-style: italic;
9528 }
9529 .wp-block-learnpress-item-search .search-course input[name=s]::placeholder {
9530 font-style: italic;
9531 }
9532 .wp-block-learnpress-item-search .search-course input[name=s]:focus {
9533 outline: 0;
9534 }
9535 .wp-block-learnpress-item-search .search-course button {
9536 position: absolute;
9537 top: 0;
9538 left: 10px;
9539 height: 70px;
9540 padding: 0 16px;
9541 border: 0;
9542 background: transparent;
9543 line-height: 1px;
9544 box-shadow: none;
9545 }
9546 .wp-block-learnpress-item-search .search-course button:focus {
9547 outline: none;
9548 }
9549 .wp-block-learnpress-item-search .search-course button i {
9550 color: var(--lp-color-accent, #666);
9551 }
9552 .wp-block-learnpress-item-search .search-course button.clear {
9553 display: none;
9554 }
9555 .wp-block-learnpress-item-search .search-course button.clear::before {
9556 content: "\f00d";
9557 }
9558
9559 .wp-block-learnpress-course-material .lp-button {
9560 padding: 12px 24px;
9561 border: 1px solid var(--lp-border-color, #E2E0DB);
9562 color: var(--lp-color-base, #333);
9563 background: transparent;
9564 box-shadow: unset;
9565 font-family: inherit;
9566 font-weight: 400;
9567 text-align: center;
9568 text-transform: capitalize;
9569 -webkit-border-radius: var(--lp-border-radius, 5px);
9570 -moz-border-radius: var(--lp-border-radius, 5px);
9571 border-radius: var(--lp-border-radius, 5px);
9572 margin-top: 20px;
9573 -webkit-transition: all 0.25s;
9574 -moz-transition: all 0.25s;
9575 -ms-transition: all 0.25s;
9576 -o-transition: all 0.25s;
9577 transition: all 0.25s;
9578 }
9579 .wp-block-learnpress-course-material .course-material-table {
9580 width: 100%;
9581 display: table;
9582 border-spacing: 0;
9583 border-collapse: collapse;
9584 }
9585 .wp-block-learnpress-course-material .course-material-table tbody tr:nth-child(even) td,
9586 .wp-block-learnpress-course-material .course-material-table .learnpress table tfoot tr:nth-child(even) td {
9587 background: var(--tb-even-color, #fafafa);
9588 }
9589 .wp-block-learnpress-course-material .course-material-table thead {
9590 box-sizing: border-box;
9591 border: 1px solid var(--lp-border-color, #e2e0db);
9592 }
9593 .wp-block-learnpress-course-material .course-material-table th,
9594 .wp-block-learnpress-course-material .course-material-table td {
9595 padding: 0.7em 1em;
9596 border: 1px solid var(--lp-border-color, #e2e0db);
9597 background: #fff;
9598 }
9599 .wp-block-learnpress-course-material .course-material-table th {
9600 border-bottom: none;
9601 background: var(--lp-white-grey, #f7f7fb);
9602 font-weight: 600;
9603 text-align: center;
9604 }
9605 .wp-block-learnpress-course-material .course-material-table th:first-child {
9606 text-align: right;
9607 }
9608 .wp-block-learnpress-course-material .course-material-table tr td {
9609 border: 1px solid var(--lp-border-color, #e2e0db);
9610 line-height: 1.4;
9611 }
9612 .wp-block-learnpress-course-material .course-material-table tr td:not(:first-child) {
9613 text-align: center;
9614 }
9615 .wp-block-learnpress-course-material .course-material-table tfoot td {
9616 text-align: right;
9617 font-weight: bold;
9618 }
9619 .wp-block-learnpress-course-material .course-material-table.searching button:before {
9620 display: inline-block;
9621 content: "\f110";
9622 animation: lp-rotating 1s linear infinite;
9623 }
9624
9625 .wp-block-learnpress-item-hidden-sidebar .section-toggle {
9626 justify-content: flex-end;
9627 flex: 0;
9628 }
9629 .wp-block-learnpress-item-hidden-sidebar .section-toggle i {
9630 color: var(--lp-color-accent, #666);
9631 }
9632
9633 .wp-block-learnpress-item-close .back-course {
9634 padding: 24px;
9635 line-height: 70px;
9636 background: rgba(255, 255, 255, 0.1);
9637 color: #fff;
9638 }
9639 .wp-block-learnpress-item-close .back-course:hover {
9640 background: rgba(255, 255, 255, 0.15);
9641 }
9642 @media (max-width: 768px) {
9643 .wp-block-learnpress-item-close .back-course {
9644 background: transparent;
9645 opacity: 0.6;
9646 padding-right: 15px;
9647 padding-left: 15px;
9648 }
9649 .wp-block-learnpress-item-close .back-course:hover {
9650 background: transparent;
9651 opacity: 1;
9652 }
9653 }
9654
9655 .wp-block-learnpress-item-hidden-sidebar #sidebar-toggle {
9656 display: inline-block;
9657 width: 32px;
9658 min-width: 32px;
9659 line-height: 70px;
9660 height: unset;
9661 margin: 0;
9662 background: rgba(255, 255, 255, 0.1);
9663 color: var(--lp-color-white, #fff);
9664 font-size: 1.4em;
9665 cursor: pointer;
9666 transition: 0.25s;
9667 -webkit-appearance: none;
9668 border: none;
9669 text-align: center;
9670 }
9671 .wp-block-learnpress-item-hidden-sidebar #sidebar-toggle:after {
9672 display: none;
9673 }
9674 .wp-block-learnpress-item-hidden-sidebar #sidebar-toggle::before {
9675 display: inline-block;
9676 position: static;
9677 margin: 0;
9678 width: auto;
9679 height: auto;
9680 font-family: "lp-icon";
9681 content: "\f0d9";
9682 }
9683 .wp-block-learnpress-item-hidden-sidebar #sidebar-toggle:focus {
9684 border: 0;
9685 outline: 0;
9686 }
9687
9688 .wp-block-learnpress-item-progress .items-progress {
9689 display: flex;
9690 justify-content: center;
9691 align-items: center;
9692 column-gap: 10px;
9693 white-space: nowrap;
9694 }
9695 .wp-block-learnpress-item-progress .number {
9696 padding-left: 10px;
9697 font-size: calc(var(--lp-font-size-base, 1em) * 0.86);
9698 }
9699 .wp-block-learnpress-item-progress .learn-press-progress {
9700 overflow: hidden;
9701 position: relative;
9702 width: 80px;
9703 height: 6px;
9704 border-radius: 3px;
9705 }
9706 .wp-block-learnpress-item-progress .learn-press-progress .progress-bg {
9707 overflow: hidden;
9708 position: relative;
9709 height: 6px;
9710 background: #ccc;
9711 -webkit-border-radius: 5px;
9712 -moz-border-radius: 5px;
9713 border-radius: 5px;
9714 }
9715 .wp-block-learnpress-item-progress .learn-press-progress .progress-bg .progress-active {
9716 position: absolute;
9717 right: 50%;
9718 width: 100%;
9719 height: 100%;
9720 margin-right: -100%;
9721 background: var(--lp-primary-color, #ffb606);
9722 -webkit-border-radius: 5px;
9723 -moz-border-radius: 5px;
9724 border-radius: 5px;
9725 }
9726 .wp-block-learnpress-item-progress .learn-press-progress .learn-press-progress__active {
9727 position: absolute;
9728 z-index: 1;
9729 right: -100%;
9730 width: 100%;
9731 height: 100%;
9732 border-radius: 3px;
9733 background: var(--lp-primary-color, #ffb606);
9734 -webkit-transition: 0.5s;
9735 -moz-transition: 0.5s;
9736 -ms-transition: 0.5s;
9737 -o-transition: 0.5s;
9738 transition: 0.5s;
9739 }
9740 .wp-block-learnpress-item-progress .learn-press-progress::before {
9741 display: block;
9742 position: absolute;
9743 z-index: 0;
9744 top: 0;
9745 width: 100%;
9746 height: 100%;
9747 background: #ccc;
9748 content: "";
9749 }
9750
9751 .wp-block-learnpress-item-navigation .course-item-nav {
9752 display: flex;
9753 justify-content: space-between;
9754 }
9755 .wp-block-learnpress-item-navigation .course-item-nav .prev,
9756 .wp-block-learnpress-item-navigation .course-item-nav .next {
9757 display: flex;
9758 line-height: 3.125em;
9759 flex: 1;
9760 position: relative;
9761 }
9762 .wp-block-learnpress-item-navigation .course-item-nav .prev span,
9763 .wp-block-learnpress-item-navigation .course-item-nav .next span {
9764 display: block;
9765 font-weight: bold;
9766 }
9767 .wp-block-learnpress-item-navigation .course-item-nav .prev a,
9768 .wp-block-learnpress-item-navigation .course-item-nav .next a {
9769 display: block;
9770 color: var(--lp-color-accent, #666);
9771 color: #999;
9772 }
9773 .wp-block-learnpress-item-navigation .course-item-nav .prev::before,
9774 .wp-block-learnpress-item-navigation .course-item-nav .next::before {
9775 color: #999;
9776 font-family: "lp-icon";
9777 }
9778 .wp-block-learnpress-item-navigation .course-item-nav .prev:hover a, .wp-block-learnpress-item-navigation .course-item-nav .prev:hover::before,
9779 .wp-block-learnpress-item-navigation .course-item-nav .next:hover a,
9780 .wp-block-learnpress-item-navigation .course-item-nav .next:hover::before {
9781 color: var(--lp-primary-color, #ffb606);
9782 }
9783 .wp-block-learnpress-item-navigation .course-item-nav .prev:hover .course-item-nav__name,
9784 .wp-block-learnpress-item-navigation .course-item-nav .next:hover .course-item-nav__name {
9785 display: block;
9786 }
9787 .wp-block-learnpress-item-navigation .course-item-nav .next {
9788 text-align: left;
9789 flex-direction: row-reverse;
9790 }
9791 .wp-block-learnpress-item-navigation .course-item-nav .next::before {
9792 margin-right: 10px;
9793 content: "\f0da";
9794 }
9795 .wp-block-learnpress-item-navigation .course-item-nav .next[data-nav=next] {
9796 justify-content: flex-end;
9797 }
9798 .wp-block-learnpress-item-navigation .prev::before {
9799 margin-left: 10px;
9800 content: "\f0d9";
9801 }
9802 .wp-block-learnpress-item-navigation .prev .course-item-nav__name {
9803 left: auto;
9804 right: -30px;
9805 }
9806 .wp-block-learnpress-item-navigation .prev .course-item-nav__name::before {
9807 left: auto;
9808 right: 5px;
9809 }
9810 @media (max-width: 1024px) {
9811 .wp-block-learnpress-item-navigation .prev .course-item-nav__name {
9812 right: 15px;
9813 }
9814 }
9815 .wp-block-learnpress-item-navigation .course-item-nav__name {
9816 display: none;
9817 position: absolute;
9818 top: -20px;
9819 left: -30px;
9820 width: auto;
9821 padding: 10px 15px;
9822 color: var(--lp-color-accent, #666);
9823 background: #ccc;
9824 font-size: calc(var(--lp-font-size-base, 1em) * 0.925);
9825 line-height: 1;
9826 }
9827 @media (max-width: 1024px) {
9828 .wp-block-learnpress-item-navigation .course-item-nav__name {
9829 top: -25px;
9830 left: 15px;
9831 right: auto;
9832 }
9833 }
9834
9835 .wp-block-learnpress-item-curriculum .lp-course-curriculum__title,
9836 .wp-block-learnpress-item-curriculum .course-curriculum-info,
9837 .wp-block-learnpress-item-curriculum .course-section__description {
9838 display: none;
9839 }
9840
9841 .wp-block-learnpress-item-content .content-item-wrap {
9842 padding: 0;
9843 }
9844
9845 .wp-block-learnpress-item-curriculum .lp-course-curriculum .course-section .course-item__content {
9846 display: flex;
9847 justify-content: space-between;
9848 column-gap: 12px;
9849 row-gap: 8px;
9850 align-items: baseline;
9851 flex: 1;
9852 flex-direction: row;
9853 }
9854
9855 .wp-block-learnpress-list-courses .learn-press-courses .course {
9856 width: unset;
9857 padding: 0;
9858 }
9859
9860 .wp-block-learnpress-course-featured .course-featured {
9861 margin-bottom: 0;
9862 background-color: inherit;
9863 color: inherit;
9864 padding: 0;
9865 }
9866
9867 .courses-order-by,
9868 .block-courses-order-by {
9869 border: 1px solid var(--lp-border-color, #E2E0DB);
9870 border-radius: var(--lp-border-radius, 5px);
9871 padding: 8px 16px;
9872 height: inherit;
9873 font-size: inherit;
9874 line-height: 1.1;
9875 box-shadow: none;
9876 padding-left: 30px;
9877 background-image: url(data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjE4cHgiIGhlaWdodD0iMTBweCIgdmlld0JveD0iMCAwIDE4IDEwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4KICAgICAgICA8ZyBpZD0iVmVjdG9yLSgxKSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMS4wMDAwMDAsIDEuMDAwMDAwKSIgc3Ryb2tlPSIjMzMzMzMzIiBzdHJva2Utd2lkdGg9IjIiPgogICAgICAgICAgICA8cG9seWxpbmUgaWQ9IlBhdGgiIHBvaW50cz0iMCAwIDggOCAxNiAwIj48L3BvbHlsaW5lPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
9878 background-size: 0.8em;
9879 background-position: calc(100% - (100% - 0.5em)) center;
9880 background-repeat: no-repeat;
9881 -moz-appearance: none;
9882 -webkit-appearance: none;
9883 appearance: none;
9884 line-height: 1.1;
9885 }
9886 .woocommerce-js .courses-order-by,
9887 .woocommerce-js .block-courses-order-by {
9888 background-position-x: calc(100% - (100% - 10px));
9889 }
9890 .courses-order-by:focus,
9891 .block-courses-order-by:focus {
9892 border-color: var(--lp-primary-color);
9893 outline: 0;
9894 }
9895
9896 .course-img img {
9897 display: block;
9898 }
9899
9900 .block-search-courses {
9901 display: flex;
9902 flex: 1;
9903 margin-bottom: 0;
9904 }
9905 .block-search-courses input {
9906 width: 100%;
9907 max-width: 240px;
9908 margin: 0 0 0 4px;
9909 border: 1px solid var(--lp-border-color, #E2E0DB);
9910 border-radius: var(--lp-border-radius, 5px);
9911 padding: 8px 16px;
9912 height: inherit;
9913 font-size: inherit;
9914 line-height: 1.1;
9915 box-shadow: none;
9916 }
9917 .block-search-courses input::-webkit-input-placeholder {
9918 color: #999;
9919 }
9920 .block-search-courses input::-moz-placeholder {
9921 color: #999;
9922 }
9923 .block-search-courses input:-ms-input-placeholder {
9924 color: #999;
9925 }
9926 .block-search-courses input:-moz-placeholder {
9927 color: #999;
9928 }
9929 .block-search-courses input::placeholder {
9930 color: #999;
9931 }
9932 .block-search-courses input:focus {
9933 border-color: var(--lp-primary-color);
9934 outline: 0;
9935 }
9936 .block-search-courses button {
9937 border: 1px solid var(--lp-border-color, #E2E0DB);
9938 border-radius: var(--lp-border-radius, 5px);
9939 padding: 8px 16px;
9940 height: inherit;
9941 font-size: inherit;
9942 line-height: 1.1;
9943 box-shadow: none;
9944 box-shadow: 0 0 0;
9945 margin-bottom: 0;
9946 }
9947 .block-search-courses button i {
9948 font-size: 1.2em;
9949 line-height: 1.2;
9950 }
9951 .block-search-courses button:focus {
9952 outline: 0;
9953 }
9954 .block-search-courses button.loading > i:before {
9955 display: inline-block;
9956 content: "\f110";
9957 -webkit-animation: lp-rotating 1s linear infinite;
9958 -moz-animation: lp-rotating 1s linear infinite;
9959 animation: lp-rotating 1s linear infinite;
9960 }
9961
9962 @media (max-width: 767px) {
9963 .wp-block-learnpress-course-search {
9964 width: 100%;
9965 }
9966 .wp-block-learnpress-course-search input {
9967 min-width: 240px;
9968 max-width: unset;
9969 }
9970 }
9971 .course-filter-btn-mobile {
9972 display: inline-flex;
9973 align-items: center;
9974 }
9975 @media (min-width: 769px) {
9976 .course-filter-btn-mobile {
9977 display: none;
9978 }
9979 }
9980
9981 ul.wp-block-learn-press-courses {
9982 list-style: none;
9983 margin: 0;
9984 max-width: 100%;
9985 padding: 0;
9986 }
9987 ul.wp-block-learn-press-courses[data-layout=grid] {
9988 --columns: 3;
9989 --gap: 1.25em;
9990 --min-width: 200px;
9991 grid-gap: var(--gap);
9992 display: grid;
9993 grid-template-columns: repeat(auto-fill, minmax(max(var(--min-width), 100% / var(--columns) - var(--gap) * (var(--columns) - 1) / var(--columns)), 1fr));
9994 margin-bottom: 2.25em;
9995 }
9996 @media (max-width: 768px) {
9997 ul.wp-block-learn-press-courses .wp-block-learn-press-courses[data-layout=grid] {
9998 --columns: min(var(--columns), 2);
9999 }
10000 }
10001 @media (max-width: 480px) {
10002 ul.wp-block-learn-press-courses .wp-block-learn-press-courses[data-layout=grid] {
10003 --columns: 1;
10004 }
10005 }
10006
10007 .wp-block-learnpress-course-price .course-price .free,
10008 .wp-block-learnpress-course-price .course-price .price {
10009 font-size: calc(var(--lp-font-size-base, 1em) * 1.25);
10010 font-weight: var(--lp-font-weight-link, 600);
10011 }
10012 .wp-block-learnpress-course-price .course-price .origin-price {
10013 margin-left: 8px;
10014 opacity: 0.8;
10015 font-size: calc(var(--lp-font-size-base, 1em) * 0.925);
10016 text-decoration: line-through;
10017 }
10018
10019 .wp-block-learnpress-course-button-read-more button {
10020 padding: 8px 24px;
10021 border-radius: var(--lp-border-radius, 5px);
10022 color: var(--lp-color-base, #333);
10023 border: 1px solid var(--lp-color-base, #333);
10024 transition: all 0.3s;
10025 display: block;
10026 background: transparent;
10027 text-decoration: none;
10028 text-align: center;
10029 }
10030 .wp-block-learnpress-course-button-read-more button:hover {
10031 background: var(--lp-primary-color, #ffb606);
10032 color: var(--lp-color-white, #fff);
10033 border-color: var(--lp-primary-color, #ffb606);
10034 }
10035
10036 .wp-block-learnpress-course-button .course-readmore a {
10037 padding: 8px 24px;
10038 border-radius: var(--lp-border-radius, 5px);
10039 color: var(--lp-color-base, #333);
10040 border: 1px solid var(--lp-color-base, #333);
10041 transition: all 0.3s;
10042 display: block;
10043 background: transparent;
10044 text-decoration: none;
10045 text-align: center;
10046 }
10047 .wp-block-learnpress-course-button .course-readmore a:hover {
10048 background: var(--lp-primary-color, #ffb606);
10049 color: var(--lp-color-white, #fff);
10050 border-color: var(--lp-primary-color, #ffb606);
10051 }
10052
10053 .courses-order-by-wrapper .courses-order-by {
10054 border: 1px solid var(--lp-border-color, #E2E0DB);
10055 border-radius: var(--lp-border-radius, 5px);
10056 padding: 8px 16px;
10057 height: inherit;
10058 font-size: inherit;
10059 line-height: 1.1;
10060 box-shadow: none;
10061 padding-left: 30px;
10062 background-image: url(data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjE4cHgiIGhlaWdodD0iMTBweCIgdmlld0JveD0iMCAwIDE4IDEwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4KICAgICAgICA8ZyBpZD0iVmVjdG9yLSgxKSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMS4wMDAwMDAsIDEuMDAwMDAwKSIgc3Ryb2tlPSIjMzMzMzMzIiBzdHJva2Utd2lkdGg9IjIiPgogICAgICAgICAgICA8cG9seWxpbmUgaWQ9IlBhdGgiIHBvaW50cz0iMCAwIDggOCAxNiAwIj48L3BvbHlsaW5lPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
10063 background-size: 0.8em;
10064 background-position: calc(100% - (100% - 0.5em)) center;
10065 background-repeat: no-repeat;
10066 -moz-appearance: none;
10067 -webkit-appearance: none;
10068 appearance: none;
10069 line-height: 1.1;
10070 }
10071 .woocommerce-js .courses-order-by-wrapper .courses-order-by {
10072 background-position-x: calc(100% - (100% - 10px));
10073 }
10074 .courses-order-by-wrapper .courses-order-by:focus {
10075 border-color: var(--lp-primary-color, #ffb606);
10076 outline: 0;
10077 }
10078
10079 .wp-block-learnpress-course-filter h3 {
10080 margin-bottom: 20px;
10081 margin-top: 0;
10082 }
10083 .wp-block-learnpress-course-filter .filter .line {
10084 height: 15px;
10085 background: #ccc;
10086 margin-bottom: 10px;
10087 }
10088
10089 .wp-block-learnpress-course-search-filter,
10090 .wp-block-learnpress-course-level-filter,
10091 .wp-block-learnpress-course-author-filter,
10092 .wp-block-learnpress-course-price-filter,
10093 .wp-block-learnpress-course-categories-filter,
10094 .wp-block-learnpress-course-tag-filter {
10095 margin-bottom: 15px;
10096 padding-bottom: 15px;
10097 border-bottom: 1px solid #ccc;
10098 }
10099 .wp-block-learnpress-course-search-filter .lp-course-filter__field,
10100 .wp-block-learnpress-course-level-filter .lp-course-filter__field,
10101 .wp-block-learnpress-course-author-filter .lp-course-filter__field,
10102 .wp-block-learnpress-course-price-filter .lp-course-filter__field,
10103 .wp-block-learnpress-course-categories-filter .lp-course-filter__field,
10104 .wp-block-learnpress-course-tag-filter .lp-course-filter__field {
10105 position: relative;
10106 display: flex;
10107 align-items: center;
10108 gap: 10px;
10109 cursor: pointer;
10110 }
10111 .wp-block-learnpress-course-search-filter label,
10112 .wp-block-learnpress-course-level-filter label,
10113 .wp-block-learnpress-course-author-filter label,
10114 .wp-block-learnpress-course-price-filter label,
10115 .wp-block-learnpress-course-categories-filter label,
10116 .wp-block-learnpress-course-tag-filter label {
10117 flex: 1;
10118 }
10119 .wp-block-learnpress-course-search-filter span,
10120 .wp-block-learnpress-course-level-filter span,
10121 .wp-block-learnpress-course-author-filter span,
10122 .wp-block-learnpress-course-price-filter span,
10123 .wp-block-learnpress-course-categories-filter span,
10124 .wp-block-learnpress-course-tag-filter span {
10125 color: #999;
10126 }
10127
10128 .wp-block-learnpress-course-search-filter .search-box {
10129 width: 100%;
10130 height: 40px;
10131 border: 1px solid #ccc;
10132 border-radius: 5px;
10133 margin-top: 12px;
10134 }
10135
10136 .wp-block-learnpress-button-submit-filter,
10137 .wp-block-learnpress-button-reset-filter {
10138 box-sizing: border-box;
10139 text-transform: capitalize;
10140 border: 1px solid #ccc;
10141 border-radius: 4px;
10142 background: white;
10143 float: right;
10144 text-align: center;
10145 width: calc(50% - 8px);
10146 padding: 8px 30px;
10147 }
10148
10149 .wp-block-learnpress-button-submit-filter {
10150 margin-left: 4px;
10151 }
10152
10153 .wp-block-learnpress-button-reset-filter {
10154 margin-right: 4px;
10155 }
10156
10157 .block-editor-block-list__block img {
10158 display: block;
10159 }
10160 .block-editor-block-list__block .learn-press-courses {
10161 list-style: none;
10162 margin: 0;
10163 max-width: 100%;
10164 padding: 0;
10165 }
10166 .block-editor-block-list__block a {
10167 text-decoration: none;
10168 }
10169 .block-editor-block-list__block .c-gap-4 {
10170 column-gap: 4px;
10171 }
10172 .block-editor-block-list__block .lp-course-curriculum .course-section .course-item__right {
10173 color: inherit;
10174 }
10175 .block-editor-block-list__block.wp-block-learnpress-course-title > * {
10176 margin-top: 0;
10177 }
10178
10179 a.block-editor-block-list__block.wp-block-learnpress-course-button {
10180 padding: 8px 24px;
10181 border-radius: var(--lp-border-radius, 5px);
10182 color: var(--lp-color-base, #333);
10183 border: 1px solid var(--lp-color-base, #333);
10184 transition: all 0.3s;
10185 display: block;
10186 background: transparent;
10187 text-decoration: none;
10188 text-align: center;
10189 }
10190 a.block-editor-block-list__block.wp-block-learnpress-course-button:hover {
10191 background: var(--lp-primary-color, #ffb606);
10192 color: var(--lp-color-white, #fff);
10193 border-color: var(--lp-primary-color, #ffb606);
10194 }
10195
10196 @keyframes lp-rotating {
10197 from {
10198 -webkit-transform: rotate(0deg);
10199 -moz-transform: rotate(0deg);
10200 -ms-transform: rotate(0deg);
10201 -o-transform: rotate(0deg);
10202 transform: rotate(0deg);
10203 }
10204 to {
10205 -webkit-transform: rotate(-360deg);
10206 -moz-transform: rotate(-360deg);
10207 -ms-transform: rotate(-360deg);
10208 -o-transform: rotate(-360deg);
10209 transform: rotate(-360deg);
10210 }
10211 }
10212 @-webkit-keyframes lp-rotating {
10213 from {
10214 -webkit-transform: rotate(0deg);
10215 -moz-transform: rotate(0deg);
10216 -ms-transform: rotate(0deg);
10217 -o-transform: rotate(0deg);
10218 transform: rotate(0deg);
10219 }
10220 to {
10221 -webkit-transform: rotate(-360deg);
10222 -moz-transform: rotate(-360deg);
10223 -ms-transform: rotate(-360deg);
10224 -o-transform: rotate(-360deg);
10225 transform: rotate(-360deg);
10226 }
10227 }
10228 .lp-loading-change {
10229 position: absolute;
10230 width: 100%;
10231 height: 100%;
10232 background: rgba(255, 255, 255, 0.38);
10233 top: 0;
10234 }
10235
10236 .lp-load-ajax-element {
10237 position: relative;
10238 }
10239
10240 .lp-loading-circle {
10241 width: 15px;
10242 height: 15px;
10243 border: 2px solid #ccc;
10244 border-radius: 50%;
10245 border-top-color: rgba(0, 0, 0, 0.76);
10246 animation: spin 1s infinite linear;
10247 display: inline-block;
10248 }
10249 .lp-loading-circle.hide {
10250 display: none;
10251 }
10252
10253 @keyframes spin {
10254 0% {
10255 transform: rotate(0deg);
10256 }
10257 100% {
10258 transform: rotate(-360deg);
10259 }
10260 }
10261 .lp-btn-ai-style {
10262 background: #f6f7f7;
10263 border: 1px solid #2271b1;
10264 color: #2271b1;
10265 text-decoration: none;
10266 text-shadow: none;
10267 display: inline-flex;
10268 align-items: center;
10269 gap: 5px;
10270 min-height: 30px;
10271 padding: 0 10px;
10272 cursor: pointer;
10273 -webkit-appearance: none;
10274 border-radius: 3px;
10275 white-space: nowrap;
10276 box-sizing: border-box;
10277 }
10278 .lp-btn-ai-style:active {
10279 box-shadow: none;
10280 color: #fff;
10281 }
10282 .lp-btn-ai-style:hover {
10283 background: #6B46E9 !important;
10284 color: #fff !important;
10285 }
10286
10287 .lp-btn-generate-course-with-ai, .lp-btn-warning-enable-ai {
10288 position: absolute;
10289 margin: 10px 10px 0 0 !important;
10290 }
10291
10292 .create-course-modal {
10293 padding: 0;
10294 display: flex !important;
10295 flex-direction: column;
10296 overflow: hidden;
10297 border-radius: 10px;
10298 background-color: #FFFFFF;
10299 height: 90vh;
10300 z-index: 10000000 !important;
10301 }
10302 .create-course-modal .modal-content {
10303 display: grid;
10304 grid-template-columns: 1fr 2fr;
10305 flex-grow: 1;
10306 gap: 30px;
10307 min-height: 500px;
10308 padding: 0 24px;
10309 }
10310 .create-course-modal .input-section {
10311 display: flex;
10312 flex-direction: column;
10313 }
10314 .create-course-modal .input-section label {
10315 font-weight: 700;
10316 line-height: 22px;
10317 font-size: 14px;
10318 color: #4A5568;
10319 margin-bottom: 4px;
10320 }
10321 .create-course-modal .input-section h3 {
10322 font-weight: 700;
10323 line-height: 22px;
10324 font-size: 14px;
10325 color: #4A5568;
10326 margin-bottom: 4px;
10327 }
10328 .create-course-modal .input-section textarea,
10329 .create-course-modal .input-section .ts-wrapper .ts-control {
10330 width: 100%;
10331 padding: 4px 8px;
10332 border: 1px solid #E5E7EB;
10333 border-radius: 6px;
10334 font-size: 0.95em;
10335 background-color: #F7FAFC;
10336 color: #1A202C;
10337 box-shadow: none;
10338 transition: border-color 0.2s, box-shadow 0.2s;
10339 }
10340 .create-course-modal .input-section textarea:focus, .create-course-modal .input-section textarea:focus-within,
10341 .create-course-modal .input-section .ts-wrapper .ts-control:focus,
10342 .create-course-modal .input-section .ts-wrapper .ts-control:focus-within {
10343 outline: none;
10344 border-color: #7E6CE2;
10345 box-shadow: 0 0 0 1px #7E6CE2;
10346 background-color: #FFFFFF;
10347 }
10348 .create-course-modal .input-section textarea {
10349 min-height: 150px;
10350 resize: vertical;
10351 }
10352 .create-course-modal .input-section .outputs-control {
10353 margin-top: 10px;
10354 }
10355 .create-course-modal .input-section .outputs-control .outputs-control-content {
10356 display: flex;
10357 align-items: center;
10358 justify-content: space-between;
10359 flex-direction: row;
10360 }
10361 .create-course-modal .input-section .outputs-control .outputs-control-content .output-number-selector {
10362 width: 120px;
10363 border-radius: 6px;
10364 padding: 10px 12px;
10365 border: 1px solid #E5E7EB;
10366 font-size: 0.95em;
10367 background-color: #F7FAFC;
10368 color: #1A202C;
10369 height: 40px;
10370 }
10371 .create-course-modal .input-section .lp-tom-select {
10372 width: 100%;
10373 }
10374 .create-course-modal .input-section .course-content-wrapper {
10375 background: #F7FAFC;
10376 padding: 8px 16px;
10377 border-radius: 16px;
10378 }
10379 .create-course-modal .input-section .course-content-wrapper input[readonly],
10380 .create-course-modal .input-section .course-content-wrapper textarea[readonly] {
10381 background-color: #FFFFFF !important;
10382 cursor: not-allowed;
10383 opacity: 0.8;
10384 }
10385 .create-course-modal .input-section .course-content-wrapper input[readonly]:focus,
10386 .create-course-modal .input-section .course-content-wrapper textarea[readonly]:focus {
10387 box-shadow: none;
10388 border-color: #E5E7EB;
10389 }
10390 .create-course-modal .output-section {
10391 display: flex;
10392 flex-direction: column;
10393 }
10394 .create-course-modal .output-section .output-header {
10395 display: flex;
10396 justify-content: space-between;
10397 align-items: center;
10398 margin-bottom: 8px;
10399 }
10400 .create-course-modal .output-section .output-header h3 {
10401 font-weight: 700;
10402 line-height: 22px;
10403 font-size: 14px;
10404 color: #1A202C;
10405 }
10406 .create-course-modal .output-section .output-header .icon-button {
10407 background: none;
10408 border: none;
10409 padding: 4px;
10410 cursor: pointer;
10411 color: #A0AEC0;
10412 }
10413 .create-course-modal .output-section .output-header .icon-button:hover {
10414 color: #4A5568;
10415 }
10416 .create-course-modal .output-section .output-item {
10417 border-radius: 6px;
10418 margin-bottom: 16px;
10419 background-color: #FFFFFF;
10420 position: relative;
10421 }
10422 .create-course-modal .output-section .output-item.prompt-item textarea {
10423 background-color: #F7FAFC;
10424 min-height: 80px;
10425 }
10426 .create-course-modal .output-section .output-item.output-suggestion textarea {
10427 border-color: #dbd6f7;
10428 min-height: 80px;
10429 }
10430 .create-course-modal .output-section .output-item p.prompt {
10431 font-weight: 500;
10432 color: #4A5568;
10433 font-size: 0.875rem;
10434 margin-bottom: 4px;
10435 }
10436 .create-course-modal .output-section .output-item .generate-button {
10437 background-color: #7E6CE2;
10438 color: #fff;
10439 border: none;
10440 padding: 12px 20px;
10441 border-radius: 6px;
10442 font-size: 1rem;
10443 font-weight: 500;
10444 cursor: pointer;
10445 width: 25%;
10446 margin-top: 10px;
10447 }
10448 .create-course-modal .output-section .output-item .generate-button:hover {
10449 opacity: 0.9;
10450 }
10451 .create-course-modal .output-section .output-item textarea {
10452 width: 100%;
10453 box-sizing: border-box;
10454 border: 1px solid #E5E7EB;
10455 border-radius: 6px;
10456 padding: 10px 12px;
10457 resize: vertical;
10458 font-size: 0.95em;
10459 color: #1A202C;
10460 transition: border-color 0.2s, box-shadow 0.2s;
10461 }
10462 .create-course-modal .output-section .output-item textarea:focus {
10463 outline: none;
10464 border-color: #7E6CE2;
10465 box-shadow: 0 0 0 1px #7E6CE2;
10466 }
10467 .create-course-modal .output-section .output-item .output-actions {
10468 position: absolute;
10469 top: 30%;
10470 left: 2%;
10471 display: flex;
10472 gap: 8px;
10473 visibility: hidden;
10474 }
10475 .create-course-modal .output-section .output-item .output-actions .action-button {
10476 font-size: 0.875rem;
10477 font-weight: 500;
10478 padding: 6px 12px;
10479 border-radius: 6px;
10480 cursor: pointer;
10481 border: 1px solid #E5E7EB;
10482 background-color: #FFFFFF;
10483 color: #4A5568;
10484 transition: background-color 0.2s, color 0.2s, border-color 0.2s;
10485 }
10486 .create-course-modal .output-section .output-item .output-actions .action-button.copy-button:hover {
10487 background-color: #F7FAFC;
10488 border-color: #c8ccd5;
10489 }
10490 .create-course-modal .output-section .output-item .output-actions .action-button.apply-button {
10491 background-color: #7E6CE2;
10492 border-color: #7E6CE2;
10493 color: #fff;
10494 }
10495 .create-course-modal .output-section .output-item .output-actions .action-button.apply-button:hover {
10496 opacity: 0.9;
10497 }
10498 .create-course-modal .output-section .output-item:hover .output-actions {
10499 visibility: visible;
10500 }
10501 .create-course-modal .output-section #lp-ai-output-suggestion {
10502 overflow-y: auto;
10503 flex-grow: 1;
10504 padding-left: 5px;
10505 }
10506 .create-course-modal .output-section #lp-ai-output-suggestion .output-placeholder {
10507 flex-grow: 1;
10508 border: 2px dashed #E5E7EB;
10509 border-radius: 6px;
10510 background-color: #E5E7EB;
10511 position: relative;
10512 height: 150px;
10513 width: 100%;
10514 background-position: center;
10515 background-repeat: no-repeat;
10516 margin-bottom: 10px;
10517 }
10518 .create-course-modal .output-section #lp-ai-output-suggestion .output-placeholder .output-actions {
10519 position: absolute;
10520 bottom: 5px;
10521 right: 80%;
10522 transform: translateX(50%);
10523 display: flex;
10524 gap: 10px;
10525 width: 30%;
10526 }
10527 .create-course-modal .output-section #lp-ai-output-suggestion .output-placeholder .output-actions .action-button {
10528 padding: 5px 20px;
10529 border-radius: 4px;
10530 border: 1px solid #E5E7EB;
10531 background-color: rgba(255, 255, 255, 0.8);
10532 cursor: pointer;
10533 }
10534 .create-course-modal .output-section #lp-ai-output-suggestion .output-placeholder .output-actions .apply-button {
10535 background-color: #7E6CE2;
10536 color: #fff;
10537 border-color: #7E6CE2;
10538 }
10539 .create-course-modal .ts-wrapper .ts-control .item {
10540 background-color: #F7FAFC;
10541 border: 1px solid #E5E7EB;
10542 color: #4A5568;
10543 border-radius: 20px;
10544 padding: 4px 10px;
10545 }
10546 .create-course-modal .ts-wrapper .ts-control .ts-input::placeholder {
10547 color: #A0AEC0;
10548 }
10549 .create-course-modal .modal-content {
10550 gap: 40px;
10551 padding: 24px 30px;
10552 }
10553 .create-course-modal .modal-content .input-section .form-group {
10554 margin-bottom: 16px;
10555 }
10556 .create-course-modal .modal-content .input-section .form-group label {
10557 margin-bottom: 6px;
10558 display: block;
10559 }
10560 .create-course-modal .modal-content .input-section .lp-ai-modal-grid.lp-ai-grid-2-cols {
10561 display: grid;
10562 grid-template-columns: 1fr 1fr;
10563 gap: 16px 20px;
10564 margin-bottom: 16px;
10565 }
10566 .create-course-modal .modal-content .input-section h3 {
10567 font-size: 16px;
10568 font-weight: 600;
10569 color: #1A202C;
10570 margin-top: 20px;
10571 margin-bottom: 8px;
10572 }
10573 .create-course-modal .modal-content .input-section h3:first-child {
10574 margin-top: 0;
10575 }
10576 .create-course-modal .modal-content .input-section p.description {
10577 font-size: 12px;
10578 color: #4A5568;
10579 margin: -4px 0 16px 0;
10580 }
10581 .create-course-modal .modal-content .input-section .lp-notice.notice-warning {
10582 background-color: #FEFCE8;
10583 border: 1px solid #FDE047;
10584 border-radius: 6px;
10585 padding: 12px;
10586 margin: 10px 0 20px 0;
10587 font-size: 14px;
10588 color: #713F12;
10589 }
10590 .create-course-modal .modal-content .input-section .lp-notice.notice-warning a {
10591 font-weight: 600;
10592 color: #713F12;
10593 text-decoration: underline;
10594 }
10595 .create-course-modal .modal-content .output-section .output-placeholder-wrapper {
10596 display: flex;
10597 justify-content: center;
10598 align-items: center;
10599 text-align: center;
10600 height: 100%;
10601 min-height: 200px;
10602 background-color: #F9FAFB;
10603 border-radius: 8px;
10604 border: 1px solid #E5E7EB;
10605 padding: 20px;
10606 }
10607 .create-course-modal .modal-content .output-section .output-placeholder-wrapper p {
10608 color: #4A5568;
10609 font-size: 15px;
10610 }
10611 .create-course-modal .modal-content .output-section .output-header .icon-button {
10612 display: inline-flex;
10613 align-items: center;
10614 justify-content: center;
10615 color: #4A5568;
10616 }
10617 .create-course-modal .modal-content .output-section .output-header .icon-button svg {
10618 width: 20px;
10619 height: 20px;
10620 }
10621
10622 .lp-generate-data-ai-wrap {
10623 width: 100%;
10624 max-height: 90%;
10625 }
10626 .lp-generate-data-ai-wrap .content-title {
10627 color: #111111;
10628 }
10629 .lp-generate-data-ai-wrap .step-header {
10630 display: flex;
10631 justify-content: space-between;
10632 margin-bottom: 30px;
10633 padding: 0 20px;
10634 gap: 10px;
10635 }
10636 .lp-generate-data-ai-wrap .step-header .step-item {
10637 display: flex;
10638 align-items: center;
10639 font-size: 14px;
10640 color: #1A202C;
10641 position: relative;
10642 flex-grow: 1;
10643 justify-content: center;
10644 }
10645 .lp-generate-data-ai-wrap .step-header .step-item.active .step-number {
10646 background-color: #7E6CE2;
10647 color: #fff;
10648 border-color: #7E6CE2;
10649 }
10650 .lp-generate-data-ai-wrap .step-header .step-item .step-text {
10651 color: #111111;
10652 font-weight: 600;
10653 }
10654 .lp-generate-data-ai-wrap .step-header .step-item .step-number {
10655 width: 28px;
10656 height: 28px;
10657 border-radius: 50%;
10658 border: 1px solid #E5E7EB;
10659 display: flex;
10660 justify-content: center;
10661 align-items: center;
10662 margin-left: 10px;
10663 font-weight: 500;
10664 background-color: #fff;
10665 }
10666 .lp-generate-data-ai-wrap .lp-form-generate-data-ai {
10667 border: 1px solid #E5E7EB;
10668 border-radius: 10px;
10669 padding: 20px;
10670 text-align: right;
10671 }
10672 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .lp-form-fields {
10673 min-height: 400px;
10674 max-height: 600px;
10675 overflow: auto;
10676 padding: 0 2px;
10677 }
10678 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step-title {
10679 font-size: 1.2em;
10680 font-weight: 600;
10681 margin-bottom: 10px;
10682 color: #111111;
10683 }
10684 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step-content {
10685 display: none;
10686 }
10687 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step-content.active {
10688 display: block;
10689 }
10690 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step-header h2 {
10691 font-size: 24px;
10692 font-weight: 700;
10693 margin: 0 0 8px 0;
10694 }
10695 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step-header p {
10696 font-size: 15px;
10697 color: #1A202C;
10698 margin: 0 0 30px 0;
10699 }
10700 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-grid {
10701 display: grid;
10702 grid-template-columns: 1fr 1fr;
10703 gap: 20px 30px;
10704 margin-bottom: 30px;
10705 }
10706 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group {
10707 margin-bottom: 10px;
10708 }
10709 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group.full-width {
10710 grid-column: 1/-1;
10711 }
10712 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group label {
10713 display: block;
10714 font-size: 14px;
10715 font-weight: 600;
10716 margin-bottom: 8px;
10717 color: #111111;
10718 }
10719 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group .lp-tom-select.ts-wrapper {
10720 width: 100%;
10721 }
10722 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group input,
10723 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group .ts-wrapper .ts-control,
10724 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group textarea {
10725 width: 100%;
10726 padding: 8px 16px;
10727 border-radius: 10px;
10728 border: 1px solid #E5E7EB;
10729 font-size: 14px;
10730 line-height: 1.5;
10731 box-sizing: border-box;
10732 transition: border-color 0.2s, box-shadow 0.2s;
10733 margin: 0;
10734 background-color: transparent;
10735 }
10736 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group input:focus,
10737 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group .ts-wrapper .ts-control:focus,
10738 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group textarea:focus {
10739 outline: none;
10740 border-color: #1A202C;
10741 }
10742 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group input .item,
10743 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group .ts-wrapper .ts-control .item,
10744 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group textarea .item {
10745 border: 1px solid #E5E7EB;
10746 color: #4A5568;
10747 border-radius: 6px;
10748 padding: 4px 10px;
10749 background-color: transparent;
10750 }
10751 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group input .ts-input::placeholder,
10752 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group .ts-wrapper .ts-control .ts-input::placeholder,
10753 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group textarea .ts-input::placeholder {
10754 color: #A0AEC0;
10755 }
10756 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group textarea {
10757 min-height: 86px;
10758 resize: vertical;
10759 }
10760 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group .field-description {
10761 color: #898989;
10762 margin-top: 8px;
10763 }
10764 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group .title-refer,
10765 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group .description-refer {
10766 padding: 0;
10767 border: none;
10768 font-size: 16px;
10769 min-height: unset;
10770 box-shadow: none;
10771 border-radius: 0;
10772 }
10773 .lp-generate-data-ai-wrap .lp-form-generate-data-ai #prompt-preview {
10774 min-height: 120px;
10775 background-color: #F9FAFB;
10776 color: #1A202C;
10777 }
10778 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .button-actions {
10779 display: flex;
10780 justify-content: flex-end;
10781 gap: 12px;
10782 margin-top: 20px;
10783 }
10784 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .generate-prompt {
10785 display: flex;
10786 justify-items: center;
10787 align-items: center;
10788 gap: 10px;
10789 margin-bottom: 20px;
10790 }
10791 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .generate-prompt img {
10792 display: none;
10793 }
10794 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .btn,
10795 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .lp-button {
10796 padding: 10px 20px;
10797 font-size: 15px;
10798 font-weight: 600;
10799 border-radius: 8px;
10800 cursor: pointer;
10801 border: 1px solid transparent;
10802 transition: all 0.2s;
10803 display: inline-flex;
10804 align-items: center;
10805 gap: 8px;
10806 }
10807 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .btn-primary,
10808 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .lp-button-primary {
10809 background-color: #7E6CE2;
10810 color: #fff;
10811 }
10812 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .btn-primary:hover,
10813 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .lp-button-primary:hover {
10814 background-color: #1A202C;
10815 }
10816 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .btn-secondary,
10817 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .lp-button-secondary {
10818 background-color: #fff;
10819 color: #7E6CE2;
10820 border-color: #7E6CE2;
10821 }
10822 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .btn-secondary:hover,
10823 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .lp-button-secondary:hover {
10824 background-color: #7E6CE2;
10825 color: #fff;
10826 }
10827 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .btn:disabled,
10828 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .lp-button:disabled {
10829 background-color: #E5E7EB;
10830 color: #1A202C;
10831 cursor: not-allowed;
10832 border-color: #E5E7EB;
10833 }
10834 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout {
10835 display: flex;
10836 gap: 30px;
10837 }
10838 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .step4-left-panel {
10839 flex: 2;
10840 }
10841 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .step4-right-panel {
10842 flex: 1;
10843 min-width: 300px;
10844 }
10845 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .course-details {
10846 display: none;
10847 }
10848 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .course-details h3 {
10849 font-size: 24px;
10850 font-weight: 700;
10851 color: #111827;
10852 margin-top: 0;
10853 margin-bottom: 24px;
10854 }
10855 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .course-details .course-cover-placeholder {
10856 width: 100%;
10857 height: 50vh;
10858 background-color: #E5E7EB;
10859 border-radius: 8px;
10860 display: flex;
10861 justify-content: center;
10862 align-items: center;
10863 justify-items: center;
10864 font-size: 20px;
10865 color: #6B7280;
10866 margin-bottom: 30px;
10867 font-weight: 600;
10868 }
10869 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .course-details .section-title {
10870 font-size: 18px;
10871 font-weight: 700;
10872 margin-top: 30px;
10873 margin-bottom: 16px;
10874 }
10875 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .course-details .section-course-curriculum {
10876 font-size: 18px;
10877 font-weight: 700;
10878 }
10879 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .course-details .section-course-curriculum .course-curriculum-container .course-section-block {
10880 border-radius: 8px;
10881 border: 0.8px solid #E5E7EB;
10882 padding: 16px 8px;
10883 }
10884 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .course-details .section-course-curriculum .course-curriculum-container .course-section-block h4 {
10885 font-size: 13px;
10886 font-weight: bold;
10887 }
10888 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .course-details p {
10889 font-size: 15px;
10890 line-height: 1.6;
10891 color: #374151;
10892 margin-top: 0;
10893 }
10894 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .course-details ul {
10895 list-style: none;
10896 padding: 0;
10897 margin: 12px 0 0 0;
10898 }
10899 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .course-details li {
10900 position: relative;
10901 padding-right: 20px;
10902 margin-bottom: 8px;
10903 color: #374151;
10904 font-size: 15px;
10905 }
10906 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .course-details li::before {
10907 content: "";
10908 position: absolute;
10909 right: 0;
10910 color: #1A202C;
10911 line-height: 1.5;
10912 }
10913 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .summary-panel {
10914 background-color: #F9FAFB;
10915 padding: 24px;
10916 border-radius: 8px;
10917 border: 1px solid #E5E7EB;
10918 height: fit-content;
10919 }
10920 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .summary-panel h3 {
10921 font-size: 16px;
10922 font-weight: 600;
10923 margin-top: 0;
10924 margin-bottom: 20px;
10925 }
10926 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .summary-panel .summary-list {
10927 display: none;
10928 list-style: none;
10929 padding: 0;
10930 margin: 0;
10931 }
10932 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .summary-panel .summary-list li {
10933 display: flex;
10934 align-items: center;
10935 font-size: 15px;
10936 color: #374151;
10937 margin-bottom: 12px;
10938 }
10939 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .summary-panel .summary-list li span {
10940 margin-left: 5px;
10941 }
10942 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .summary-panel .summary-list li svg {
10943 color: #1A202C;
10944 width: 20px;
10945 height: 20px;
10946 margin-left: 12px;
10947 flex-shrink: 0;
10948 }
10949 .lp-generate-data-ai-wrap .lp-form-generate-data-ai textarea[name=lp-openai-prompt-generated-field] {
10950 min-height: 300px;
10951 }
10952 .lp-generate-data-ai-wrap .lp-form-generate-data-ai textarea.lp-ai-string-result {
10953 width: 100%;
10954 }
10955 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .lp-ai-generated-results {
10956 display: grid;
10957 gap: 10px;
10958 }
10959 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .lp-ai-generated-results .lp-ai-string-result {
10960 margin-bottom: 4px;
10961 }
10962 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .lp-ai-generated-results button {
10963 margin-left: 4px;
10964 }
10965 .lp-generate-data-ai-wrap .lp-ai-course-data-preview-wrap {
10966 max-height: 400px;
10967 overflow-y: auto;
10968 margin-bottom: 20px;
10969 }
10970 .lp-generate-data-ai-wrap .lp-btn-close-ai-popup {
10971 position: absolute;
10972 top: 10px;
10973 left: 10px;
10974 background: none;
10975 border: none;
10976 font-size: 20px;
10977 cursor: pointer;
10978 color: #ccc;
10979 }
10980 .lp-generate-data-ai-wrap .lp-btn-close-ai-popup:hover {
10981 color: #f27474;
10982 }
10983 .lp-generate-data-ai-wrap .lp-ai-warning-refer {
10984 border: 1px solid #FCD34D;
10985 background-color: #FFFBEB;
10986 padding: 10px;
10987 border-radius: 5px;
10988 display: flex;
10989 gap: 5px;
10990 align-items: center;
10991 }
10992
10993 .lp-ai-course-data-preview-wrap .course-title {
10994 font-size: 1.5em;
10995 font-weight: 700;
10996 margin-bottom: 10px;
10997 color: #1A202C;
10998 }
10999 .lp-ai-course-data-preview-wrap .course-sections {
11000 margin-top: 30px;
11001 }
11002 .lp-ai-course-data-preview-wrap .section-title {
11003 font-weight: bold;
11004 font-size: 1.2em;
11005 margin-bottom: 10px;
11006 color: #1A202C;
11007 }
11008 .lp-ai-course-data-preview-wrap .lesson-title,
11009 .lp-ai-course-data-preview-wrap .quiz-title,
11010 .lp-ai-course-data-preview-wrap .question-title {
11011 font-weight: 600;
11012 font-size: 1em;
11013 margin-bottom: 8px;
11014 color: #1A202C;
11015 }
11016 .lp-ai-course-data-preview-wrap .course-section-item {
11017 border: 1px solid var(--lp-border-color, #E2E0DB);
11018 border-radius: 10px;
11019 padding: 20px;
11020 margin: 20px 0;
11021 background-color: #fff;
11022 }
11023 .lp-ai-course-data-preview-wrap .course-section-items {
11024 margin: 20px 20px 0 0;
11025 }
11026 .lp-ai-course-data-preview-wrap .course-section-items:last-child {
11027 margin-bottom: 0;
11028 }
11029 .lp-ai-course-data-preview-wrap .course-lesson-item,
11030 .lp-ai-course-data-preview-wrap .course-quiz-item,
11031 .lp-ai-course-data-preview-wrap .quiz-question-item {
11032 padding: 12px 0;
11033 border-top: 1px solid var(--lp-border-color, #E2E0DB);
11034 }
11035 .lp-ai-course-data-preview-wrap .course-lesson-item:last-child,
11036 .lp-ai-course-data-preview-wrap .course-quiz-item:last-child,
11037 .lp-ai-course-data-preview-wrap .quiz-question-item:last-child {
11038 padding-bottom: 0;
11039 }
11040 .lp-ai-course-data-preview-wrap .course-questions,
11041 .lp-ai-course-data-preview-wrap .course-question-options {
11042 margin: 20px 20px 0 0;
11043 }
11044 .lp-ai-course-data-preview-wrap .course-questions:last-child,
11045 .lp-ai-course-data-preview-wrap .course-question-options:last-child {
11046 margin-bottom: 0;
11047 }
11048
11049 .lp-ai-images-warp {
11050 display: grid;
11051 grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
11052 gap: 15px;
11053 margin-top: 20px;
11054 max-height: 400px;
11055 overflow-y: auto;
11056 }
11057 .lp-ai-images-warp .lp-ai-image-item {
11058 position: relative;
11059 }
11060 .lp-ai-images-warp .lp-ai-image-item img {
11061 object-fit: contain;
11062 width: 100%;
11063 }
11064 .lp-ai-images-warp .lp-ai-image-item .lp-btn-ai-apply-image {
11065 position: absolute;
11066 top: 5px;
11067 left: 0;
11068 transform: translateX(5%);
11069 background-color: rgba(0, 0, 0, 0.6);
11070 color: #fff;
11071 border: none;
11072 padding: 6px 12px;
11073 border-radius: 4px;
11074 font-size: 0.875rem;
11075 cursor: pointer;
11076 opacity: 0;
11077 transition: opacity 0.2s;
11078 }
11079 .lp-ai-images-warp .lp-ai-image-item:hover .lp-btn-ai-apply-image {
11080 opacity: 1;
11081 }
11082
11083 .lp-creating-course-ai-wrap .loading-wrap {
11084 margin-top: 20px;
11085 }
11086 .lp-creating-course-ai-wrap .lp-loading-circle {
11087 width: 40px;
11088 height: 40px;
11089 border-width: 5px;
11090 }
11091
11092 .lp-must-enable-ai-wrap {
11093 text-align: right;
11094 line-height: 1.6em;
11095 }
11096 .lp-must-enable-ai-wrap h2 {
11097 margin-bottom: 0;
11098 }
11099 .lp-must-enable-ai-wrap h2 i {
11100 margin-left: 10px;
11101 color: #DC2626;
11102 }
11103 .lp-must-enable-ai-wrap .desc {
11104 color: #6B7280;
11105 }
11106 .lp-must-enable-ai-wrap .p2 {
11107 color: #6B7280;
11108 }
11109 .lp-must-enable-ai-wrap a {
11110 color: #2563EB;
11111 text-decoration: underline;
11112 cursor: pointer;
11113 }
11114 .lp-must-enable-ai-wrap .help-link {
11115 padding: 16px;
11116 border: 1px solid #E5E7EB;
11117 border-radius: 8px;
11118 font-size: 13px;
11119 }
11120 .lp-must-enable-ai-wrap .help-link a {
11121 text-decoration: none;
11122 margin-top: 10px;
11123 }
11124 .lp-must-enable-ai-wrap .help-link i {
11125 color: #2A73AB;
11126 }
11127 .lp-must-enable-ai-wrap .button-actions {
11128 margin-top: 20px;
11129 text-align: left;
11130 }
11131 .lp-must-enable-ai-wrap .button-actions .lp-btn-close-ai-popup {
11132 border: none;
11133 color: #4B5563;
11134 background: none;
11135 }
11136 .lp-must-enable-ai-wrap .button-actions .button-primary {
11137 background-color: #7E6CE2;
11138 color: #fff;
11139 border: none;
11140 }
11141 .lp-must-enable-ai-wrap .button-actions .button-primary:hover {
11142 opacity: 0.9;
11143 }
11144
11145 .fui-loading-spinner-3 {
11146 color: #7E6CE2;
11147 position: relative;
11148 width: 100px;
11149 height: 80px;
11150 margin-right: 80px;
11151 display: none;
11152 }
11153 .fui-loading-spinner-3 div {
11154 transform-origin: 40px 40px;
11155 animation: rj9Ft 1.2s linear infinite;
11156 }
11157 .fui-loading-spinner-3 div:after {
11158 content: " ";
11159 display: block;
11160 position: absolute;
11161 top: 3px;
11162 right: 37px;
11163 width: 6px;
11164 height: 18px;
11165 border-radius: 20%;
11166 background: #7E6CE2;
11167 }
11168 .fui-loading-spinner-3 div:nth-child(1) {
11169 transform: rotate(0deg);
11170 animation-delay: -1.1s;
11171 }
11172 .fui-loading-spinner-3 div:nth-child(2) {
11173 transform: rotate(-30deg);
11174 animation-delay: -1s;
11175 }
11176 .fui-loading-spinner-3 div:nth-child(3) {
11177 transform: rotate(-60deg);
11178 animation-delay: -0.9s;
11179 }
11180 .fui-loading-spinner-3 div:nth-child(4) {
11181 transform: rotate(-90deg);
11182 animation-delay: -0.8s;
11183 }
11184 .fui-loading-spinner-3 div:nth-child(5) {
11185 transform: rotate(-120deg);
11186 animation-delay: -0.7s;
11187 }
11188 .fui-loading-spinner-3 div:nth-child(6) {
11189 transform: rotate(-150deg);
11190 animation-delay: -0.6s;
11191 }
11192 .fui-loading-spinner-3 div:nth-child(7) {
11193 transform: rotate(-180deg);
11194 animation-delay: -0.5s;
11195 }
11196 .fui-loading-spinner-3 div:nth-child(8) {
11197 transform: rotate(-210deg);
11198 animation-delay: -0.4s;
11199 }
11200 .fui-loading-spinner-3 div:nth-child(9) {
11201 transform: rotate(-240deg);
11202 animation-delay: -0.3s;
11203 }
11204 .fui-loading-spinner-3 div:nth-child(10) {
11205 transform: rotate(-270deg);
11206 animation-delay: -0.2s;
11207 }
11208 .fui-loading-spinner-3 div:nth-child(11) {
11209 transform: rotate(-300deg);
11210 animation-delay: -0.1s;
11211 }
11212 .fui-loading-spinner-3 div:nth-child(12) {
11213 transform: rotate(-330deg);
11214 animation-delay: 0s;
11215 }
11216
11217 @keyframes rj9Ft {
11218 0% {
11219 opacity: 1;
11220 }
11221 100% {
11222 opacity: 0;
11223 }
11224 }
11225 /**
11226 * Style for the popup alert, confirm
11227 * @link https://sweetalert2.github.io/
11228 * @since 4.2.9
11229 * @version 1.0.0
11230 */
11231 .swal2-container {
11232 z-index: 99999;
11233 }
11234
11235 .swal2-popup {
11236 max-width: 850px;
11237 }
11238 .swal2-popup .content-title {
11239 margin: 0 0 20px 0;
11240 padding: 0;
11241 text-align: center;
11242 font-size: 1.5em;
11243 font-weight: bold;
11244 }
11245 .swal2-popup .swal2-actions {
11246 width: 100%;
11247 padding: 0 30px;
11248 }
11249 .swal2-popup .swal2-actions button {
11250 flex: 1;
11251 }
11252 .swal2-popup .swal2-actions button.swal2-confirm {
11253 background-color: #e02200;
11254 }
11255 .swal2-popup .swal2-actions button.swal2-cancel {
11256 background-color: transparent;
11257 border: 1px solid #ccc;
11258 color: inherit;
11259 }
11260 .swal2-popup .swal2-warning {
11261 color: #e02200;
11262 border-color: transparent;
11263 background-color: rgba(223, 0, 0, 0.1019607843);
11264 }
11265 .swal2-popup .swal2-icon {
11266 width: 50px;
11267 height: 50px;
11268 }
11269 .swal2-popup .swal2-icon .swal2-icon-content {
11270 font-size: 0;
11271 }
11272 .swal2-popup .swal2-icon .swal2-icon-content::before {
11273 content: "\f071";
11274 font-family: "lp-icon";
11275 font-size: 24px;
11276 display: inline-block;
11277 }
11278 .swal2-popup .swal2-title {
11279 font-size: 1.5em;
11280 }
11281 .swal2-popup .swal2-html-container {
11282 font-size: 1em;
11283 }
11284 .swal2-popup .lp-tom-select.ts-wrapper .ts-dropdown {
11285 max-height: 200px;
11286 overflow: hidden;
11287 }
11288 .swal2-popup .swal2-close {
11289 background-color: unset !important;
11290 outline: none !important;
11291 color: rgb(204, 204, 204) !important;
11292 }
11293 .swal2-popup .swal2-close:hover {
11294 color: #f27474 !important;
11295 }
11296
11297 /**
11298 * LP Table — Reusable Table Standard
11299 *
11300 * A shared table CSS system used by the "Enrolled Students" listing (and future tables).
11301 * Provides card wrapper, header/body styling, avatars, progress bars, badges, toolbar, and pagination.
11302 *
11303 * @since 4.3.3
11304 */
11305 .lp-enrolled-students-table-wrap {
11306 margin-top: 15px;
11307 }
11308 .lp-enrolled-students-table-wrap .instructor-avatar {
11309 align-items: center;
11310 justify-content: center;
11311 width: 36px;
11312 height: 36px;
11313 min-width: 36px;
11314 border-radius: 50%;
11315 background: #64748b;
11316 overflow: hidden;
11317 }
11318 .lp-enrolled-students-table-wrap .instructor-avatar img {
11319 width: 100%;
11320 height: 100%;
11321 object-fit: cover;
11322 }
11323
11324 .lp-enrolled-students-table-toolbar {
11325 display: flex;
11326 flex-direction: column;
11327 gap: 14px;
11328 padding: 20px 20px;
11329 border: 1px solid var(--lp-border-color, #E2E0DB);
11330 border-radius: 5px;
11331 background: var(--lp-white-grey, #F7F7FB);
11332 /*&__actions .button {
11333 min-width: 95px;
11334 height: 36px;
11335 padding: 0 18px;
11336 border-radius: 7px;
11337 font-size: 14px;
11338 font-weight: 600;
11339 line-height: 34px;
11340 border-color: #b9c3d2;
11341 color: #46546c;
11342 background: #fff;
11343 }*/
11344 }
11345 .lp-enrolled-students-table-toolbar__row {
11346 display: grid;
11347 gap: 14px;
11348 }
11349 .lp-enrolled-students-table-toolbar__row--course {
11350 grid-template-columns: minmax(0, 1fr);
11351 }
11352 .lp-enrolled-students-table-toolbar__row--filters {
11353 grid-template-columns: minmax(0, 1fr) minmax(145px, 200px) minmax(145px, 150px) auto;
11354 align-items: end;
11355 max-width: 1000px;
11356 }
11357 .lp-enrolled-students-table-toolbar__field {
11358 display: flex;
11359 flex-direction: column;
11360 min-width: 0;
11361 }
11362 .lp-enrolled-students-table-toolbar__field input {
11363 border: 1px solid var(--lp-border-color, #E2E0DB);
11364 }
11365 .lp-enrolled-students-table-toolbar__label {
11366 color: #3f4a5c;
11367 font-size: 14px;
11368 font-weight: 600;
11369 line-height: 1.3;
11370 margin-bottom: 10px;
11371 text-align: right;
11372 }
11373 .lp-enrolled-students-table-toolbar__input {
11374 width: 100%;
11375 height: 38px;
11376 padding: 0 12px;
11377 border: 1px solid #c6cfdb;
11378 border-radius: 7px;
11379 color: #2f3a4a;
11380 background: #fff;
11381 font-size: 14px;
11382 line-height: 1.4;
11383 box-shadow: none;
11384 }
11385 .lp-enrolled-students-table-toolbar__input:focus {
11386 border-color: #2f75ff;
11387 outline: none;
11388 box-shadow: 0 0 0 1px #2f75ff;
11389 }
11390 .lp-enrolled-students-table-toolbar__actions {
11391 display: flex;
11392 align-items: flex-end;
11393 gap: 8px;
11394 }
11395 .lp-enrolled-students-table-toolbar__actions .button:hover, .lp-enrolled-students-table-toolbar__actions .button:focus {
11396 border-color: #99a7bc;
11397 color: #2f3a4a;
11398 background: #f4f7fb;
11399 }
11400 @media (max-width: 1024px) {
11401 .lp-enrolled-students-table-toolbar__row--filters {
11402 grid-template-columns: minmax(0, 1fr) minmax(150px, 1fr) minmax(150px, 1fr);
11403 }
11404 .lp-enrolled-students-table-toolbar__actions {
11405 grid-column: 1/-1;
11406 }
11407 }
11408 @media (max-width: 782px) {
11409 .lp-enrolled-students-table-toolbar__row--filters {
11410 grid-template-columns: 1fr 1fr;
11411 }
11412 .lp-enrolled-students-table-toolbar__field--student {
11413 grid-column: 1/-1;
11414 }
11415 .lp-enrolled-students-table-toolbar__actions {
11416 grid-column: 1/-1;
11417 }
11418 }
11419 @media (max-width: 640px) {
11420 .lp-enrolled-students-table-toolbar__row--filters {
11421 grid-template-columns: 1fr;
11422 }
11423 .lp-enrolled-students-table-toolbar__actions .button {
11424 width: 100%;
11425 }
11426 }
11427
11428 /*.lp-enrolled-students-table {
11429 width: 100%;
11430 border: 0;
11431 border-spacing: 0;
11432 border-collapse: collapse;
11433 font-size: 13px;
11434
11435 th,
11436 td {
11437 border: 0 !important;
11438 }
11439
11440 thead {
11441 th {
11442 padding: 10px 16px;
11443 border-bottom: 2px solid #e2e8f0 !important;
11444 color: #64748b;
11445 background: #f8fafc;
11446 font-size: 12px;
11447 font-weight: 600;
11448 text-align: left;
11449 text-transform: uppercase;
11450 letter-spacing: 0.05em;
11451
11452 &:first-child {
11453 border-radius: 0;
11454 }
11455 &:last-child {
11456 border-radius: 0;
11457 }
11458 }
11459 }
11460
11461 tbody {
11462 tr {
11463 border-bottom: 1px solid #f1f5f9;
11464 transition: background 0.15s;
11465 text-align: left;
11466
11467 &:hover {
11468 background: #f8fafc;
11469 }
11470
11471 &:last-child {
11472 border-bottom: none;
11473 }
11474 }
11475
11476 td {
11477 padding: 12px 16px;
11478 vertical-align: middle;
11479 border: 0 !important;
11480 }
11481 }
11482
11483 tfoot {
11484 tr,
11485 td {
11486 border: 0 !important;
11487 }
11488 }
11489 }*/
11490 .lp-cell-student {
11491 display: flex;
11492 align-items: center;
11493 gap: 10px;
11494 }
11495
11496 /*.lp-avatar {
11497 display: flex;
11498 flex-shrink: 0;
11499 align-items: center;
11500 justify-content: center;
11501 width: 36px;
11502 height: 36px;
11503 border-radius: 50%;
11504 color: #fff;
11505 background: #64748b;
11506 font-size: 13px;
11507 font-weight: 600;
11508 overflow: hidden;
11509 }
11510
11511 .lp-avatar--image {
11512 background: transparent;
11513
11514 img {
11515 width: 100%;
11516 height: 100%;
11517 object-fit: cover;
11518 }
11519 }*/
11520 .lp-meta {
11521 display: flex;
11522 flex-direction: column;
11523 }
11524 .lp-meta .lp-name {
11525 color: #1e293b;
11526 font-weight: 500;
11527 line-height: 1.4;
11528 }
11529 .lp-meta .lp-email {
11530 color: #94a3b8;
11531 font-size: 12px;
11532 line-height: 1.3;
11533 }
11534
11535 .lp-cell-course a {
11536 color: #3b82f6;
11537 text-decoration: none;
11538 }
11539 .lp-cell-course a:hover {
11540 text-decoration: underline;
11541 }
11542
11543 .lp-cell-progress {
11544 min-width: 120px;
11545 }
11546
11547 .lp-progress-bar {
11548 overflow: hidden;
11549 position: relative;
11550 width: 100%;
11551 max-width: 120px;
11552 height: 6px;
11553 border-radius: 3px;
11554 background: #e2e8f0;
11555 }
11556 .lp-progress-bar span {
11557 display: block;
11558 height: 100%;
11559 border-radius: 3px;
11560 background: linear-gradient(-90deg, #3b82f6, #60a5fa);
11561 transition: width 0.3s ease;
11562 }
11563
11564 .lp-progress-text {
11565 display: inline-block;
11566 margin-top: 3px;
11567 color: #64748b;
11568 font-size: 11px;
11569 }
11570
11571 .lp-badge {
11572 display: inline-block;
11573 padding: 3px 10px;
11574 border-radius: 12px;
11575 font-size: 12px;
11576 font-weight: 500;
11577 line-height: 1.5;
11578 white-space: nowrap;
11579 }
11580 .lp-badge--enrolled {
11581 color: #475569;
11582 background: #f1f5f9;
11583 }
11584 .lp-badge--in-progress, .lp-badge--learning {
11585 color: #1e40af;
11586 background: #dbeafe;
11587 }
11588 .lp-badge--finished {
11589 color: #166534;
11590 background: #dcfce7;
11591 }
11592 .lp-badge--passed {
11593 color: #14532d;
11594 background: #bbf7d0;
11595 }
11596 .lp-badge--failed {
11597 color: #991b1b;
11598 background: #fee2e2;
11599 }
11600
11601 .lp-enrolled-students-table-footer {
11602 display: flex;
11603 flex-wrap: wrap;
11604 align-items: center;
11605 justify-content: space-between;
11606 gap: 8px;
11607 border-top: 1px solid #e2e8f0;
11608 }
11609 .lp-enrolled-students-table-footer__count {
11610 color: #64748b;
11611 font-size: 13px;
11612 }
11613
11614 #profile-content-enrolled-students .lp-enrolled-students-table-footer {
11615 border-top: none;
11616 }
11617
11618 .lp-enrolled-students-table-footer .learn-press-pagination {
11619 margin: 0;
11620 text-align: left;
11621 }
11622 .lp-enrolled-students-table-footer .learn-press-pagination ul.page-numbers {
11623 display: flex;
11624 align-items: center;
11625 gap: 4px;
11626 flex-wrap: wrap;
11627 margin: 0;
11628 padding: 0;
11629 list-style: none;
11630 }
11631 .lp-enrolled-students-table-footer .learn-press-pagination ul.page-numbers > li {
11632 margin: 0;
11633 }
11634 .lp-enrolled-students-table-footer .learn-press-pagination a.page-numbers,
11635 .lp-enrolled-students-table-footer .learn-press-pagination span.page-numbers {
11636 display: inline-flex;
11637 align-items: center;
11638 justify-content: center;
11639 min-width: 40px;
11640 height: 40px;
11641 width: 40px;
11642 line-height: 40px;
11643 padding: 0 8px;
11644 border: 1px solid #e2e8f0;
11645 border-radius: 4px;
11646 color: #475569;
11647 background: #fff;
11648 font-size: 13px;
11649 text-decoration: none;
11650 cursor: pointer;
11651 transition: all 0.15s;
11652 }
11653 .lp-enrolled-students-table-footer .learn-press-pagination a.page-numbers:hover:not(.current),
11654 .lp-enrolled-students-table-footer .learn-press-pagination span.page-numbers:hover:not(.current) {
11655 border-color: #3b82f6;
11656 color: #3b82f6 !important;
11657 background: #eff6ff;
11658 }
11659 .lp-enrolled-students-table-footer .learn-press-pagination span.page-numbers.current {
11660 border-color: #3b82f6;
11661 color: #fff;
11662 background: #3b82f6;
11663 cursor: default;
11664 }
11665 .lp-enrolled-students-table-footer .learn-press-pagination span.page-numbers.dots {
11666 min-width: auto;
11667 border: 0;
11668 background: transparent;
11669 cursor: default;
11670 }
11671 .lp-enrolled-students-table-footer .learn-press-pagination span.page-numbers.current,
11672 .lp-enrolled-students-table-footer .learn-press-pagination span.page-numbers.dots {
11673 pointer-events: none;
11674 }
11675
11676 .lp-enrolled-empty {
11677 padding: 40px 20px;
11678 color: #94a3b8;
11679 text-align: center;
11680 }
11681 .lp-enrolled-empty p {
11682 margin: 0;
11683 font-size: 14px;
11684 }
11685
11686 .lp-enrolled-error {
11687 padding: 15px 20px;
11688 color: #dc2626;
11689 font-size: 13px;
11690 }
11691
11692 #lp-modal-enrolled-wrap {
11693 position: relative;
11694 /*tbody {
11695 display: block;
11696 max-height: 400px;
11697 overflow-y: auto;
11698 }
11699
11700 thead, tbody tr {
11701 display: table;
11702 width: 100%;
11703 table-layout: fixed;
11704 }*/
11705 }
11706
11707 .lp-wrap-btn-view-course-students {
11708 width: 100%;
11709 }
11710 .lp-wrap-btn-view-course-students button {
11711 width: 100%;
11712 }
11713
11714 .lp-students-enrolled-layout.learnpress_page_learn-press-students-enrolled .lp-enrolled-students-table-toolbar {
11715 background: white;
11716 }
11717 .lp-students-enrolled-layout.learnpress_page_learn-press-students-enrolled .lp-list-table tbody {
11718 background: white;
11719 }
11720
11721 .lp-btn-view-students {
11722 margin-top: 10px;
11723 white-space: nowrap;
11724 display: block;
11725 padding: 0;
11726 border: none;
11727 background: none;
11728 }
11729
11730 /**
11731 * Style for table LearnPress
11732 */
11733 .lp-table-wrap {
11734 border-radius: 5px;
11735 width: 100%;
11736 border: 1px solid var(--lp-border-color, #E2E0DB);
11737 overflow-x: auto;
11738 }
11739
11740 table.lp-list-table {
11741 border-collapse: collapse;
11742 width: 100%;
11743 margin: 0;
11744 min-width: 768px;
11745 }
11746 table.lp-list-table td {
11747 padding: 0;
11748 }
11749 table.lp-list-table .learn-press-pagination {
11750 text-align: right;
11751 }
11752 table.lp-list-table thead {
11753 background-color: var(--lp-white-grey, #F7F7FB);
11754 border: none;
11755 }
11756 table.lp-list-table thead tr {
11757 border-bottom: 1px solid var(--lp-border-color, #E2E0DB);
11758 }
11759 table.lp-list-table thead th {
11760 background: none;
11761 border: none;
11762 font-size: 1em;
11763 padding: 10px 20px;
11764 text-align: right;
11765 }
11766 table.lp-list-table thead th td {
11767 border: none;
11768 padding: 0;
11769 }
11770 table.lp-list-table tbody {
11771 font-size: 14px;
11772 }
11773 table.lp-list-table tbody tr {
11774 border: none;
11775 border-bottom: 1px solid var(--lp-white-grey, #F7F7FB);
11776 }
11777 table.lp-list-table tbody tr:nth-child(even) td {
11778 background: none;
11779 }
11780 table.lp-list-table tbody tr td {
11781 border: none;
11782 padding: 10px 20px;
11783 text-align: right;
11784 }
11785 table.lp-list-table tfoot tr {
11786 border: none;
11787 }
11788 table.lp-list-table tfoot tr td, table.lp-list-table tfoot tr th {
11789 border: none;
11790 }
11791 table.lp-list-table tfoot tr td > div, table.lp-list-table tfoot tr th > div {
11792 padding: 20px;
11793 }
11794 table.lp-list-table tfoot .pagination {
11795 border: none;
11796 padding: 0;
11797 }
11798 table.lp-list-table.order-table-details tbody tr:last-child {
11799 --lp-white-grey: var(--lp-border-color, #E2E0DB);
11800 }
11801 table.lp-list-table.order-table-details tfoot {
11802 border-top: 1px solid var(--lp-border-color, #E2E0DB);
11803 }
11804 table.lp-list-table.order-table-details tfoot tr td, table.lp-list-table.order-table-details tfoot tr th {
11805 padding: 10px 20px;
11806 background-color: transparent;
11807 }
11808 table.lp-list-table.order-table-details tfoot tr:not(:last-child) td, table.lp-list-table.order-table-details tfoot tr:not(:last-child) th {
11809 padding-bottom: 0;
11810 }
11811
11812 .lp_profile_course_progress__nav {
11813 margin-top: 1rem;
11814 }
11815
11816 #profile-content-order-details .lp-table-wrap {
11817 margin-bottom: 1rem;
11818 }
11819
11820 .button.disabled {
11821 pointer-events: none;
11822 }
11823
11824 .learnpress .postbox .rwmb-meta-box {
11825 margin-top: 10px;
11826 }
11827 .learnpress #field-_lp_requirements .rwmb-text-list-clone,
11828 .learnpress #field-_lp_requirements .rwmb-text-list-advanced-clone,
11829 .learnpress #field-_lp_target_audiences .rwmb-text-list-clone,
11830 .learnpress #field-_lp_target_audiences .rwmb-text-list-advanced-clone,
11831 .learnpress #field-_lp_key_features .rwmb-text-list-clone,
11832 .learnpress #field-_lp_key_features .rwmb-text-list-advanced-clone,
11833 .learnpress #field-_lp_faqs .rwmb-text-list-clone,
11834 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone {
11835 clear: none;
11836 position: relative;
11837 border: 1px solid #ddd;
11838 border-radius: 4px;
11839 }
11840 .learnpress #field-_lp_requirements .rwmb-text-list-clone .rwmb-text-list-label,
11841 .learnpress #field-_lp_requirements .rwmb-text-list-advanced-clone .rwmb-text-list-label,
11842 .learnpress #field-_lp_target_audiences .rwmb-text-list-clone .rwmb-text-list-label,
11843 .learnpress #field-_lp_target_audiences .rwmb-text-list-advanced-clone .rwmb-text-list-label,
11844 .learnpress #field-_lp_key_features .rwmb-text-list-clone .rwmb-text-list-label,
11845 .learnpress #field-_lp_key_features .rwmb-text-list-advanced-clone .rwmb-text-list-label,
11846 .learnpress #field-_lp_faqs .rwmb-text-list-clone .rwmb-text-list-label,
11847 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone .rwmb-text-list-label {
11848 display: none;
11849 }
11850 .learnpress #field-_lp_requirements .rwmb-text-list-clone .rwmb-text-list,
11851 .learnpress #field-_lp_requirements .rwmb-text-list-clone .rwmb-text-list-advanced,
11852 .learnpress #field-_lp_requirements .rwmb-text-list-advanced-clone .rwmb-text-list,
11853 .learnpress #field-_lp_requirements .rwmb-text-list-advanced-clone .rwmb-text-list-advanced,
11854 .learnpress #field-_lp_target_audiences .rwmb-text-list-clone .rwmb-text-list,
11855 .learnpress #field-_lp_target_audiences .rwmb-text-list-clone .rwmb-text-list-advanced,
11856 .learnpress #field-_lp_target_audiences .rwmb-text-list-advanced-clone .rwmb-text-list,
11857 .learnpress #field-_lp_target_audiences .rwmb-text-list-advanced-clone .rwmb-text-list-advanced,
11858 .learnpress #field-_lp_key_features .rwmb-text-list-clone .rwmb-text-list,
11859 .learnpress #field-_lp_key_features .rwmb-text-list-clone .rwmb-text-list-advanced,
11860 .learnpress #field-_lp_key_features .rwmb-text-list-advanced-clone .rwmb-text-list,
11861 .learnpress #field-_lp_key_features .rwmb-text-list-advanced-clone .rwmb-text-list-advanced,
11862 .learnpress #field-_lp_faqs .rwmb-text-list-clone .rwmb-text-list,
11863 .learnpress #field-_lp_faqs .rwmb-text-list-clone .rwmb-text-list-advanced,
11864 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone .rwmb-text-list,
11865 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone .rwmb-text-list-advanced {
11866 width: calc(100% - 65px);
11867 padding: 7px 10px;
11868 border: none;
11869 color: #777;
11870 background: transparent;
11871 box-shadow: none;
11872 line-height: 1;
11873 }
11874 .learnpress #field-_lp_requirements .rwmb-text-list-clone .remove-clone,
11875 .learnpress #field-_lp_requirements .rwmb-text-list-advanced-clone .remove-clone,
11876 .learnpress #field-_lp_target_audiences .rwmb-text-list-clone .remove-clone,
11877 .learnpress #field-_lp_target_audiences .rwmb-text-list-advanced-clone .remove-clone,
11878 .learnpress #field-_lp_key_features .rwmb-text-list-clone .remove-clone,
11879 .learnpress #field-_lp_key_features .rwmb-text-list-advanced-clone .remove-clone,
11880 .learnpress #field-_lp_faqs .rwmb-text-list-clone .remove-clone,
11881 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone .remove-clone {
11882 top: 50%;
11883 left: 41px;
11884 margin-top: -10px;
11885 border-radius: unset;
11886 color: #999;
11887 background: transparent;
11888 -webkit-transition: left 0.25s;
11889 -moz-transition: left 0.25s;
11890 -ms-transition: left 0.25s;
11891 -o-transition: left 0.25s;
11892 transition: left 0.25s;
11893 }
11894 .learnpress #field-_lp_requirements .rwmb-text-list-clone .remove-clone i,
11895 .learnpress #field-_lp_requirements .rwmb-text-list-advanced-clone .remove-clone i,
11896 .learnpress #field-_lp_target_audiences .rwmb-text-list-clone .remove-clone i,
11897 .learnpress #field-_lp_target_audiences .rwmb-text-list-advanced-clone .remove-clone i,
11898 .learnpress #field-_lp_key_features .rwmb-text-list-clone .remove-clone i,
11899 .learnpress #field-_lp_key_features .rwmb-text-list-advanced-clone .remove-clone i,
11900 .learnpress #field-_lp_faqs .rwmb-text-list-clone .remove-clone i,
11901 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone .remove-clone i {
11902 font-size: 1.25rem;
11903 }
11904 .learnpress #field-_lp_requirements .rwmb-text-list-clone .remove-clone:hover,
11905 .learnpress #field-_lp_requirements .rwmb-text-list-advanced-clone .remove-clone:hover,
11906 .learnpress #field-_lp_target_audiences .rwmb-text-list-clone .remove-clone:hover,
11907 .learnpress #field-_lp_target_audiences .rwmb-text-list-advanced-clone .remove-clone:hover,
11908 .learnpress #field-_lp_key_features .rwmb-text-list-clone .remove-clone:hover,
11909 .learnpress #field-_lp_key_features .rwmb-text-list-advanced-clone .remove-clone:hover,
11910 .learnpress #field-_lp_faqs .rwmb-text-list-clone .remove-clone:hover,
11911 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone .remove-clone:hover {
11912 color: #e74c3c;
11913 }
11914 .learnpress #field-_lp_requirements .rwmb-text-list-clone::after,
11915 .learnpress #field-_lp_requirements .rwmb-text-list-advanced-clone::after,
11916 .learnpress #field-_lp_target_audiences .rwmb-text-list-clone::after,
11917 .learnpress #field-_lp_target_audiences .rwmb-text-list-advanced-clone::after,
11918 .learnpress #field-_lp_key_features .rwmb-text-list-clone::after,
11919 .learnpress #field-_lp_key_features .rwmb-text-list-advanced-clone::after,
11920 .learnpress #field-_lp_faqs .rwmb-text-list-clone::after,
11921 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone::after {
11922 display: inline-block;
11923 position: absolute;
11924 top: 50%;
11925 left: 10px;
11926 margin: 8px 0 0 0;
11927 margin-top: -9px;
11928 color: #999;
11929 font-family: Dashicons;
11930 font-size: 1.25rem;
11931 content: "\f333";
11932 }
11933 .learnpress #field-_lp_requirements .rwmb-text-list-clone:focus-within,
11934 .learnpress #field-_lp_target_audiences .rwmb-text-list-clone:focus-within,
11935 .learnpress #field-_lp_key_features .rwmb-text-list-clone:focus-within,
11936 .learnpress #field-_lp_faqs .rwmb-text-list-clone:focus-within {
11937 border-color: #0085ba;
11938 }
11939 .learnpress #field-_lp_requirements .rwmb-text-list-advanced-clone .rwmb-text-list:focus,
11940 .learnpress #field-_lp_target_audiences .rwmb-text-list-advanced-clone .rwmb-text-list:focus,
11941 .learnpress #field-_lp_key_features .rwmb-text-list-advanced-clone .rwmb-text-list:focus,
11942 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone .rwmb-text-list:focus {
11943 border-color: #0085ba;
11944 }
11945 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone {
11946 position: relative;
11947 padding: 0 0 16px 0;
11948 }
11949 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone .rwmb-text-list-label {
11950 display: block;
11951 padding: 10px 12px 0 10px;
11952 }
11953 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone .rwmb-text-list {
11954 width: calc(100% - 25px);
11955 margin: 0 13px 0 13px;
11956 border: 1px solid #ddd;
11957 vertical-align: top;
11958 }
11959 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone .remove-clone {
11960 top: 20px;
11961 left: 36px;
11962 margin-top: -10px;
11963 color: #999;
11964 -webkit-transition: left 0.25s;
11965 -moz-transition: left 0.25s;
11966 -ms-transition: left 0.25s;
11967 -o-transition: left 0.25s;
11968 transition: left 0.25s;
11969 }
11970 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone::after {
11971 top: 20px;
11972 }
11973
11974 .lp-notice,
11975 .learn-press-notice {
11976 position: relative;
11977 padding: 12px;
11978 margin: 0;
11979 /*&.lp-upgrade-notice {
11980 position: relative;
11981 border-left-color: #02b7fb;
11982 background: #bceffe;
11983
11984 .close-notice {
11985 position: absolute;
11986 top: 5px;
11987 right: 10px;
11988 }
11989 }*/
11990 }
11991 .lp-notice h4,
11992 .learn-press-notice h4 {
11993 margin: 10px 0 15px;
11994 }
11995 .lp-notice p,
11996 .learn-press-notice p {
11997 margin: 0 0 5px 0;
11998 padding: 0 2px;
11999 }
12000 .lp-notice .lp-message-dismiss,
12001 .learn-press-notice .lp-message-dismiss {
12002 position: absolute;
12003 top: 12px;
12004 left: 12px;
12005 }
12006 .lp-notice .notice-dismiss,
12007 .learn-press-notice .notice-dismiss {
12008 position: absolute;
12009 top: 0;
12010 left: 1px;
12011 margin: 0;
12012 padding: 9px;
12013 border: none;
12014 outline: none;
12015 color: #72777c;
12016 background: 100% 0;
12017 -webkit-box-shadow: none;
12018 -moz-box-shadow: none;
12019 box-shadow: none;
12020 cursor: pointer;
12021 }
12022 .lp-notice .notice-dismiss::before,
12023 .learn-press-notice .notice-dismiss::before {
12024 display: block;
12025 width: 20px;
12026 height: 20px;
12027 color: #72777c;
12028 background: 100% 0;
12029 font: normal 16px/20px dashicons;
12030 text-align: center;
12031 content: "\f153";
12032 speak: none;
12033 -webkit-font-smoothing: antialiased;
12034 }
12035
12036 .learn-press-dropdown-pages {
12037 display: inline-block;
12038 }
12039 .learn-press-dropdown-pages .list-pages-wrapper {
12040 display: flex;
12041 align-items: center;
12042 gap: 10px;
12043 }
12044
12045 .lp-notice-update-database {
12046 border: 1px solid rebeccapurple;
12047 border-right-color: #f00;
12048 border-radius: 3px;
12049 color: white;
12050 background: rebeccapurple;
12051 }
12052 .lp-notice-update-database.do-updating::before {
12053 display: inline-block;
12054 float: right;
12055 margin: 9px -5px 0 5px;
12056 color: #2773aa;
12057 font-family: dashicons;
12058 font-size: 1.25rem;
12059 content: "\f463";
12060 -webkit-animation: rotating4 2s linear infinite;
12061 -moz-animation: rotating4 2s linear infinite;
12062 -ms-animation: rotating4 2s linear infinite;
12063 -o-animation: rotating4 2s linear infinite;
12064 animation: rotating4 2s linear infinite;
12065 }
12066
12067 #adminmenu .update-plugins.lp-plugins-count {
12068 padding: 0 5px;
12069 }
12070
12071 .search-box input[name=post-search-author],
12072 .search-box .select2-container {
12073 min-width: 200px;
12074 margin: 0;
12075 vertical-align: top;
12076 }
12077
12078 .learn-press-notice-assigned-item {
12079 color: #f00;
12080 }
12081
12082 .learnpress .actions {
12083 margin: 0;
12084 }
12085
12086 #learn-press-syncs li {
12087 position: relative;
12088 }
12089 #learn-press-syncs li.syncing, #learn-press-syncs li.synced {
12090 padding-right: 24px;
12091 }
12092 #learn-press-syncs li.syncing input[type=checkbox], #learn-press-syncs li.synced input[type=checkbox] {
12093 display: none;
12094 }
12095 #learn-press-syncs li.syncing::after {
12096 content: "\f463";
12097 -webkit-animation: rotating4 2s linear infinite;
12098 -moz-animation: rotating4 2s linear infinite;
12099 -ms-animation: rotating4 2s linear infinite;
12100 -o-animation: rotating4 2s linear infinite;
12101 animation: rotating4 2s linear infinite;
12102 }
12103 #learn-press-syncs li.synced::after {
12104 color: #2773aa;
12105 content: "\f147";
12106 }
12107 #learn-press-syncs li::after {
12108 display: block;
12109 position: absolute;
12110 top: 0;
12111 right: -3px;
12112 width: 24px;
12113 height: 24px;
12114 font-family: dashicons;
12115 font-size: 1.1875rem;
12116 line-height: 1.5rem;
12117 text-align: center;
12118 }
12119
12120 #learn-press-updater .updater-progress {
12121 position: relative;
12122 margin: 0 2px;
12123 }
12124 #learn-press-updater .updater-progress ul {
12125 display: flex;
12126 position: relative;
12127 height: 5px;
12128 background: #eee;
12129 }
12130 #learn-press-updater .updater-progress ul li {
12131 position: relative;
12132 margin: 0;
12133 flex: 1;
12134 }
12135 #learn-press-updater .updater-progress ul li::after {
12136 display: none;
12137 position: absolute;
12138 top: -30px;
12139 left: 0;
12140 padding: 3px 5px;
12141 border-radius: 3px;
12142 color: #fff;
12143 background: #ddd;
12144 font-size: 0.75rem;
12145 content: attr(data-version);
12146 }
12147 #learn-press-updater .updater-progress ul li::before {
12148 content: "";
12149 }
12150 #learn-press-updater .updater-progress ul li:last-child::after {
12151 _display: block;
12152 }
12153 #learn-press-updater .updater-progress ul::after {
12154 position: absolute;
12155 top: 0;
12156 right: 0;
12157 width: 0;
12158 height: 20px;
12159 }
12160 #learn-press-updater .updater-progress .updater-progress-status {
12161 position: absolute;
12162 top: 0;
12163 right: 0;
12164 width: 0;
12165 height: 5px;
12166 background: #5bc4f9;
12167 -webkit-transition: width 0.25s;
12168 -moz-transition: width 0.25s;
12169 -ms-transition: width 0.25s;
12170 -o-transition: width 0.25s;
12171 transition: width 0.25s;
12172 }
12173 #learn-press-updater .updater-progress .updater-progress-status::before {
12174 position: absolute;
12175 top: -20px;
12176 left: 0;
12177 padding: 0 5px;
12178 border-radius: 3px;
12179 color: #fff;
12180 background: #5bc4f9;
12181 font-size: 0.75rem;
12182 _content: attr(data-value) "%";
12183 }
12184 #learn-press-updater .updater-progress .updater-progress-status .updater-progress-animation {
12185 overflow: hidden;
12186 position: absolute;
12187 top: 0;
12188 right: 0;
12189 width: 100%;
12190 height: 5px;
12191 background: #5bc4f9;
12192 }
12193 #learn-press-updater .updater-progress .updater-progress-status .updater-progress-animation:not(.completed)::after {
12194 position: absolute;
12195 height: 5px;
12196 background: #8dd9ff;
12197 content: "";
12198 -webkit-animation: animation4 1.5s ease-out infinite;
12199 -moz-animation: animation4 1.5s ease-out infinite;
12200 -ms-animation: animation4 1.5s ease-out infinite;
12201 -o-animation: animation4 1.5s ease-out infinite;
12202 animation: animation4 1.5s ease-out infinite;
12203 }
12204 #learn-press-updater .updating-message {
12205 color: #a24666;
12206 }
12207 #learn-press-updater .completed-message {
12208 color: #3c8eb7;
12209 }
12210
12211 #learn-press-updater {
12212 display: none;
12213 }
12214
12215 .select2 .select2-search.select2-search--inline {
12216 margin-bottom: 0;
12217 }
12218 .select2 .select2-selection .select2-selection__choice {
12219 margin-top: 4px;
12220 margin-bottom: 0;
12221 }
12222 .select2 .select2-selection.select2-selection--multiple {
12223 min-height: 30px;
12224 }
12225
12226 .list-pages-wrapper .select2-container--default .select2-selection--single .select2-selection__clear {
12227 margin: 0;
12228 }
12229
12230 .edit-post-layout__metaboxes .rwmb-label > label {
12231 color: #666;
12232 font-size: small;
12233 font-weight: bold;
12234 }
12235
12236 body.post-type-lp_question #button-new-question {
12237 display: inline-block;
12238 position: relative;
12239 }
12240 body.post-type-lp_question #button-new-question div {
12241 display: none;
12242 position: absolute;
12243 z-index: 9999;
12244 top: 100%;
12245 right: 0;
12246 min-width: 100px;
12247 margin: 0 -1px 0 0;
12248 border: 1px solid #999;
12249 background: white;
12250 font-weight: 400;
12251 }
12252 body.post-type-lp_question #button-new-question div a {
12253 display: block;
12254 min-width: 100px;
12255 margin: 0;
12256 padding: 10px 20px;
12257 color: #666;
12258 white-space: nowrap;
12259 text-decoration: none;
12260 }
12261 body.post-type-lp_question #button-new-question div a:hover {
12262 background: #eee;
12263 }
12264 body.post-type-lp_question #button-new-question > a {
12265 position: relative;
12266 padding-left: 15px;
12267 text-decoration: none;
12268 }
12269 body.post-type-lp_question #button-new-question > a::after {
12270 display: inline-block;
12271 position: absolute;
12272 top: 6px;
12273 left: 0;
12274 width: 0;
12275 height: 0;
12276 margin: 0;
12277 border: 5px solid transparent;
12278 border-top-color: #0f7aae;
12279 content: "";
12280 }
12281 body.post-type-lp_question #button-new-question:hover div {
12282 display: block;
12283 }
12284
12285 .lp-label {
12286 display: inline-block;
12287 padding: 3px 6px;
12288 color: #fff;
12289 font-size: 0.75rem;
12290 -webkit-border-radius: 4px;
12291 -moz-border-radius: 4px;
12292 border-radius: 4px;
12293 }
12294 .lp-label.success {
12295 background: #4caf50;
12296 }
12297 .lp-label.error {
12298 background: #f00;
12299 }
12300 .lp-label.warning {
12301 background: #ffc107;
12302 }
12303 .lp-label .far,
12304 .lp-label .fas,
12305 .lp-label .fa {
12306 display: inline-block;
12307 margin-left: 5px;
12308 }
12309
12310 .lp-admin-profile-courses .column-results {
12311 width: 200px;
12312 }
12313 .lp-admin-profile-courses .course-results-progress .lp-progress-row {
12314 margin: 0 0 20px 0;
12315 }
12316 .lp-admin-profile-courses .course-results-progress .lp-course-progress-heading {
12317 margin: 0 0 5px 0;
12318 line-height: 1;
12319 }
12320 .lp-admin-profile-courses .learn-press-progress {
12321 overflow: hidden;
12322 position: relative;
12323 width: 150px;
12324 height: 6px;
12325 border-radius: 3px;
12326 }
12327 .lp-admin-profile-courses .learn-press-progress .learn-press-progress__active {
12328 position: absolute;
12329 z-index: 1;
12330 right: -100%;
12331 width: 100%;
12332 height: 100%;
12333 border-radius: 3px;
12334 background: var(--lp-primary-color);
12335 -webkit-transition: 0.5s;
12336 -moz-transition: 0.5s;
12337 -ms-transition: 0.5s;
12338 -o-transition: 0.5s;
12339 transition: 0.5s;
12340 }
12341 .lp-admin-profile-courses .learn-press-progress::before {
12342 display: block;
12343 position: absolute;
12344 z-index: 0;
12345 top: 0;
12346 width: 100%;
12347 height: 100%;
12348 background: #ccc;
12349 content: "";
12350 }
12351
12352 .lp-notify-action-wrapper {
12353 position: fixed;
12354 bottom: 5%;
12355 z-index: 10000;
12356 right: 50%;
12357 padding: 10px;
12358 transition: all 0.5s;
12359 transform: translateY(500%);
12360 display: flex;
12361 flex-direction: column;
12362 gap: 5px;
12363 }
12364 .lp-notify-action-wrapper.show {
12365 display: flex;
12366 transform: translateY(0);
12367 }
12368 .lp-notify-action-wrapper .lp-notify-action {
12369 box-shadow: 0 4px 25px 1px rgba(0, 0, 0, 0.25);
12370 background: #202937;
12371 padding: 0 20px;
12372 border-radius: 3px;
12373 min-width: 200px;
12374 transition: all 0.8s;
12375 }
12376 .lp-notify-action-wrapper .lp-notify-action.clone {
12377 display: none;
12378 }
12379 .lp-notify-action-wrapper .lp-notify-action__success {
12380 display: none;
12381 color: #01a401;
12382 }
12383 .lp-notify-action-wrapper .lp-notify-action__success.show {
12384 display: block;
12385 }
12386 .lp-notify-action-wrapper .lp-notify-action__error {
12387 display: none;
12388 color: #f44336;
12389 font-weight: bold;
12390 }
12391 .lp-notify-action-wrapper .lp-notify-action__error.show {
12392 display: block;
12393 }
12394
12395 #wp-admin-bar-lp-course-builder svg {
12396 vertical-align: text-bottom;
12397 }