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

11,777 lines 288.7 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 @charset "UTF-8";
2 /**
3 * Mixin
4 */
5 @-webkit-keyframes rotating4 {
6 from {
7 -webkit-transform: rotate(0deg);
8 -o-transform: rotate(0deg);
9 transform: rotate(0deg);
10 }
11 to {
12 -webkit-transform: rotate(-360deg);
13 -o-transform: rotate(-360deg);
14 transform: rotate(-360deg);
15 }
16 }
17 @keyframes rotating4 {
18 from {
19 -ms-transform: rotate(0deg);
20 -moz-transform: rotate(0deg);
21 -webkit-transform: rotate(0deg);
22 -o-transform: rotate(0deg);
23 transform: rotate(0deg);
24 }
25 to {
26 -ms-transform: rotate(-360deg);
27 -moz-transform: rotate(-360deg);
28 -webkit-transform: rotate(-360deg);
29 -o-transform: rotate(-360deg);
30 transform: rotate(-360deg);
31 }
32 }
33 @-webkit-keyframes animation4 {
34 from {
35 right: -40%;
36 width: 40%;
37 }
38 to {
39 right: 100%;
40 width: 10%;
41 }
42 }
43 @keyframes animation4 {
44 from {
45 right: -40%;
46 width: 40%;
47 }
48 to {
49 right: 100%;
50 width: 10%;
51 }
52 }
53 :root {
54 --lp-cotainer-max-with: var(--lp-container-max-width);
55 }
56
57 .wp-block-group {
58 --lp-container-max-width: var(--wp--style--global--wide-size);
59 }
60
61 .learn-press-message {
62 position: relative;
63 margin: 24px auto;
64 padding: 10px 20px;
65 border-radius: var(--lp-border-radius, 5px);
66 background-color: #E5F7FF;
67 color: #007AFF;
68 width: 100%;
69 }
70 .learn-press-message.error {
71 background-color: #FEE5E5;
72 color: #FF3B30;
73 }
74 .learn-press-message.warning {
75 background-color: #FEF7E6;
76 color: #FF9500;
77 }
78 .learn-press-message.success {
79 background-color: #EBF8E5;
80 color: #3AB500;
81 }
82 .learn-press-message.info {
83 background-color: rgba(0, 122, 255, 0.1019607843);
84 color: #007AFF;
85 }
86 .learn-press-message a {
87 text-decoration: underline;
88 }
89
90 .lp-toast.toastify {
91 background: #EBF8E5;
92 color: #3AB500;
93 border-radius: var(--lp-border-radius, 5px);
94 box-shadow: 0 0 0;
95 display: flex;
96 align-items: center;
97 }
98 .lp-toast.toastify .toast-close {
99 background: transparent !important;
100 font-size: 0;
101 padding-right: 12px;
102 }
103 .lp-toast.toastify .toast-close:before {
104 content: "\f00d";
105 font-family: "lp-icon";
106 font-size: 16px;
107 color: #000;
108 line-height: 17px;
109 }
110 .lp-toast.toastify .toast-close:hover {
111 opacity: 1;
112 }
113 .lp-toast.toastify.error {
114 background-color: #FEE5E5;
115 color: #FF3B30;
116 padding: 12px 20px;
117 border: none;
118 margin: 0 auto;
119 }
120 .lp-toast.toastify.warning {
121 background-color: #FEF7E6;
122 color: #fb9422;
123 padding: 12px 20px;
124 border: none;
125 margin: 0 auto;
126 }
127 .lp-toast.toastify.info {
128 background-color: rgba(0, 122, 255, 0.1019607843);
129 color: #277afc;
130 padding: 12px 20px;
131 border: none;
132 margin: 0 auto;
133 }
134
135 /**
136 * Style for the Tom Select
137 * @link https://tom-select.js.org/
138 * @since 4.2.9.5
139 * @version 1.0.0
140 */
141 .lp-tom-select {
142 min-width: 150px;
143 }
144 .lp-tom-select.plugin-dropdown_input .dropdown-input {
145 width: 95%;
146 min-width: auto;
147 border: 1px solid #2271b1;
148 }
149 .lp-tom-select[multiple] {
150 display: block;
151 height: 36px !important;
152 border: 1px solid #d0d0d0;
153 }
154 .lp-tom-select.ts-wrapper {
155 min-width: 200px;
156 width: fit-content;
157 }
158 .lp-tom-select.ts-wrapper dropdown-active .ts-control input.dropdown-input {
159 border-color: #d0d0d0;
160 }
161 .lp-tom-select.ts-wrapper input.dropdown-input {
162 margin: 0 auto 5px;
163 padding: 0 8px;
164 box-shadow: none;
165 }
166 .lp-tom-select.ts-wrapper.multi.has-items .ts-control {
167 padding: 3px 3px 3px 0;
168 }
169 .lp-tom-select.ts-wrapper .ts-control {
170 min-height: 35px;
171 padding: 4px;
172 }
173 .lp-tom-select.ts-wrapper .ts-control input[type=text] {
174 min-width: 30px;
175 }
176 .lp-tom-select.ts-wrapper .ts-control li {
177 margin: 0 0 3px 5px;
178 padding: 3px 8px;
179 background: #eee;
180 border-radius: var(--lp-border-radius);
181 }
182 .lp-tom-select.ts-wrapper .ts-control .item {
183 margin: 0 0 2px 5px;
184 padding: 1px 2px;
185 background: #eee;
186 border-radius: var(--lp-border-radius);
187 }
188 .lp-tom-select.ts-wrapper .ts-dropdown {
189 border: 1px solid #d0d0d0;
190 padding-top: 5px;
191 border-radius: 3px;
192 margin-top: -1px;
193 }
194 .lp-tom-select.ts-wrapper .ts-dropdown .spinner {
195 visibility: visible;
196 }
197 .lp-tom-select.ts-wrapper .ts-dropdown .spinner::after {
198 content: "";
199 border: none;
200 }
201 .lp-tom-select .dropdown-input-wrap {
202 display: flex;
203 }
204
205 /*.search-box {
206 .ts-wrapper {
207 float: left;
208 margin-right: 4px;
209
210 .ts-control {
211 padding: 3px;
212 height: 30px;
213
214 li {
215 margin: 0;
216 }
217 }
218 }
219 }*/
220 /**
221 * Styles for displaying list of table
222 */
223 .lp-toolbar-buttons {
224 position: relative;
225 z-index: 10;
226 height: 50px;
227 }
228 .lp-toolbar-buttons .lp-toolbar-btn {
229 display: inline-block;
230 position: relative;
231 width: 30px;
232 height: 30px;
233 margin: 0;
234 padding: 0;
235 text-align: center;
236 vertical-align: middle;
237 cursor: pointer;
238 }
239 .lp-toolbar-buttons .lp-toolbar-btn a,
240 .lp-toolbar-buttons .lp-toolbar-btn span {
241 outline: none;
242 color: #666;
243 box-shadow: none;
244 }
245 .lp-toolbar-buttons .lp-toolbar-btn .lp-btn-icon {
246 position: absolute;
247 top: 50%;
248 right: 50%;
249 width: 30px;
250 height: 30px;
251 margin-top: -15px;
252 margin-right: -15px;
253 line-height: 1.875rem;
254 text-align: center;
255 }
256 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-move {
257 cursor: ns-resize;
258 }
259 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-move a,
260 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-move span {
261 cursor: ns-resize;
262 }
263 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-move:hover a,
264 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-move span {
265 color: var(--lp-primary-color);
266 }
267 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-remove {
268 cursor: pointer;
269 }
270 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-remove:hover a,
271 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-remove:hover span {
272 color: #e74c3c;
273 }
274 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-toggle .dashicons-arrow-down,
275 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-toggle .dashicons-arrow-down-alt2 {
276 display: none;
277 }
278 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-toggle.closed .dashicons-arrow-up,
279 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-toggle.closed .dashicons-arrow-up-alt2 {
280 display: none;
281 }
282 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-toggle.closed .dashicons-arrow-down,
283 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-toggle.closed .dashicons-arrow-down-alt2 {
284 display: inline-block;
285 }
286 .lp-toolbar-buttons .lp-toolbar-btn.lp-toolbar-btn-dropdown {
287 color: #000;
288 }
289 .lp-toolbar-buttons .lp-toolbar-btn.lp-toolbar-btn-dropdown ul {
290 display: none;
291 position: absolute;
292 top: 100%;
293 left: 0;
294 margin: 0 0;
295 border: 1px solid #999;
296 background: #fdfeff;
297 }
298 .lp-toolbar-buttons .lp-toolbar-btn.lp-toolbar-btn-dropdown ul li {
299 margin: 0;
300 list-style: none;
301 }
302 .lp-toolbar-buttons .lp-toolbar-btn.lp-toolbar-btn-dropdown ul li a {
303 display: block;
304 margin: 0;
305 padding: 3px 8px;
306 color: #757575;
307 font-size: 0.8em;
308 text-align: left;
309 white-space: nowrap;
310 text-decoration: none;
311 }
312 .lp-toolbar-buttons .lp-toolbar-btn.lp-toolbar-btn-dropdown ul li a:hover {
313 background: #eee;
314 }
315 .lp-toolbar-buttons .lp-toolbar-btn.lp-toolbar-btn-dropdown ul li.active a {
316 background: #eee;
317 }
318 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-disabled, .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-disabled:hover {
319 _background: #f5f5f5;
320 }
321 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-disabled .lp-btn-icon, .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-disabled:hover .lp-btn-icon {
322 color: #666;
323 }
324 .lp-toolbar-buttons .lp-toolbar-btn:hover {
325 display: inline-block;
326 background: none;
327 }
328 .lp-toolbar-buttons .lp-toolbar-btn:hover .lp-btn-icon {
329 color: #444;
330 }
331 .lp-toolbar-buttons .lp-toolbar-btn:hover ul {
332 display: block;
333 }
334 .lp-toolbar-buttons .lp-toolbar-btn:hover ul:hover {
335 display: block;
336 }
337
338 .column-content-actions.lp-toolbar-buttons {
339 width: 30px;
340 padding: 0;
341 white-space: nowrap;
342 }
343
344 .learn-press-box-data {
345 position: relative;
346 margin: 20px 0 0 0;
347 border: 1px solid #ddd;
348 }
349 .learn-press-box-data .lp-box-data-head {
350 padding: 10px 15px;
351 background: #fff;
352 }
353 .learn-press-box-data .lp-box-data-head h3 {
354 margin: 0;
355 padding: 15px;
356 font-size: 1em;
357 }
358 .learn-press-box-data .lp-box-data-head .lp-box-data-actions {
359 float: left;
360 position: relative;
361 z-index: 10;
362 }
363 .learn-press-box-data .lp-box-data-head .lp-box-data-actions .lp-btn {
364 display: inline-block;
365 width: 30px;
366 height: 50px;
367 line-height: 2.875rem;
368 text-align: center;
369 vertical-align: middle;
370 }
371 .learn-press-box-data .lp-box-data-head .lp-box-data-actions::after {
372 display: block;
373 clear: both;
374 content: "";
375 }
376 .learn-press-box-data .lp-box-data-head::after {
377 display: block;
378 clear: both;
379 content: "";
380 }
381 .learn-press-box-data .lp-box-data-content {
382 padding: 15px;
383 border-top: 1px solid #ddd;
384 background: #fff;
385 }
386 .learn-press-box-data .lp-box-data-foot {
387 padding: 15px;
388 }
389 .learn-press-box-data.closed .lp-btn-toggle .dashicons-arrow-up,
390 .learn-press-box-data.closed .lp-btn-toggle .dashicons-arrow-up-alt2 {
391 display: none;
392 }
393 .learn-press-box-data.closed .lp-btn-toggle .dashicons-arrow-down,
394 .learn-press-box-data.closed .lp-btn-toggle .dashicons-arrow-down-alt2 {
395 display: inline-block;
396 }
397 .learn-press-box-data.closed .lp-box-data-content {
398 display: none;
399 }
400
401 .lp-list-options {
402 width: 100%;
403 border-collapse: collapse;
404 }
405 .lp-list-options th,
406 .lp-list-options td {
407 padding: 10px 15px;
408 border-top: 1px solid #ddd;
409 background: #f5f5f5;
410 }
411 .lp-list-options thead th {
412 text-align: right;
413 }
414 .lp-list-options tbody tr td {
415 padding: 0 15px;
416 background: #f4fcff;
417 }
418 .lp-list-options tbody tr td.lp-toolbar-buttons {
419 _overflow: hidden;
420 position: relative;
421 width: 30px;
422 height: 42px;
423 white-space: nowrap;
424 }
425 .lp-list-options tbody tr td.lp-toolbar-buttons .lp-toolbar-btn {
426 visibility: hidden;
427 position: relative;
428 height: 43px;
429 margin-top: -4px;
430 margin-bottom: -4px;
431 }
432 .lp-list-options tbody tr:nth-child(odd) td {
433 background: #fff;
434 }
435 .lp-list-options tbody tr:hover td.lp-toolbar-buttons .lp-toolbar-btn {
436 visibility: visible;
437 }
438 .lp-list-options tbody td {
439 text-align: right;
440 }
441 .lp-list-options tbody td input[type=text] {
442 width: 100%;
443 }
444 .lp-list-options tbody td input[type=text][value=""] {
445 font-style: italic;
446 }
447 .lp-list-options tbody td.column-content-answer_correct {
448 width: 125px;
449 }
450 .lp-list-options tbody td.lp-remove-list-option, .lp-list-options tbody td.lp-move-list-option {
451 width: 20px;
452 padding: 0;
453 text-align: center;
454 }
455 .lp-list-options tbody td.lp-remove-list-option a, .lp-list-options tbody td.lp-move-list-option a {
456 visibility: hidden;
457 color: #999;
458 }
459 .lp-list-options tbody td.lp-remove-list-option:hover, .lp-list-options tbody td.lp-move-list-option:hover {
460 background: #dbf5ff;
461 }
462 .lp-list-options tbody td.lp-move-list-option {
463 cursor: ns-resize;
464 }
465 .lp-list-options tbody td.lp-move-list-option a {
466 cursor: ns-resize;
467 }
468 .lp-list-options tbody td.lp-move-list-option:hover a {
469 color: var(--lp-primary-color);
470 }
471 .lp-list-options tbody td.lp-remove-list-option {
472 cursor: pointer;
473 }
474 .lp-list-options tbody td.lp-remove-list-option:hover a {
475 color: #e74c3c;
476 }
477
478 .lp-animation {
479 -webkit-animation: spin 4s linear infinite;
480 -moz-animation: spin 4s linear infinite;
481 animation: spin 4s linear infinite;
482 }
483
484 .lp-ajax-search {
485 display: inline-block;
486 position: relative;
487 z-index: 999999;
488 }
489 .lp-ajax-search .lp-search-term {
490 min-width: 300px;
491 height: 28px;
492 margin: 0;
493 outline: none;
494 -webkit-box-shadow: none;
495 -moz-box-shadow: none;
496 box-shadow: none;
497 }
498 .lp-ajax-search .lp-search-term:focus {
499 -webkit-box-shadow: none;
500 -moz-box-shadow: none;
501 box-shadow: none;
502 }
503 .lp-ajax-search .lp-search-term:focus {
504 outline: none;
505 -webkit-box-shadow: none;
506 -moz-box-shadow: none;
507 box-shadow: none;
508 }
509 .lp-ajax-search .lp-search-term:focus:focus {
510 -webkit-box-shadow: none;
511 -moz-box-shadow: none;
512 box-shadow: none;
513 }
514 .lp-ajax-search .lp-search-results {
515 position: absolute;
516 top: 100%;
517 width: 100%;
518 margin: -1px 0 0 0;
519 border: 1px solid #ddd;
520 background: #fff;
521 -webkit-box-sizing: border-box;
522 -moz-box-sizing: border-box;
523 box-sizing: border-box;
524 }
525 .lp-ajax-search .lp-search-results .lp-search-items {
526 overflow: auto;
527 max-height: 300px;
528 margin: 0;
529 }
530 .lp-ajax-search .lp-search-results .lp-search-items li {
531 margin: 0;
532 }
533 .lp-ajax-search .lp-search-results .lp-search-items li label {
534 display: block;
535 padding: 8px 10px;
536 border-bottom: 1px solid #f3f3f3;
537 }
538 .lp-ajax-search .lp-search-results .lp-search-items li label input {
539 float: right;
540 margin-top: 1px;
541 margin-left: -100%;
542 }
543 .lp-ajax-search .lp-search-results .lp-search-items li label span {
544 display: inline-block;
545 margin-right: 25px;
546 }
547 .lp-ajax-search .lp-search-results .lp-search-items li label span a.lp-add-item {
548 visibility: hidden;
549 margin-right: 10px;
550 }
551 .lp-ajax-search .lp-search-results .lp-search-items li.active {
552 background: #dbf5ff;
553 }
554 .lp-ajax-search .lp-search-results .lp-search-items li:hover {
555 color: #fff;
556 background: #0085ba;
557 }
558 .lp-ajax-search .lp-search-results .lp-search-items li:hover a.lp-add-item {
559 visibility: visible;
560 }
561 .lp-ajax-search .lp-search-results .lp-search-actions {
562 margin: 0;
563 padding: 10px;
564 border-top: 1px solid #ddd;
565 }
566
567 #learn-press-ajax-search-overlay {
568 display: none;
569 position: fixed;
570 z-index: 99999;
571 top: 0;
572 right: 0;
573 width: 100%;
574 height: 100%;
575 opacity: 0;
576 }
577
578 .update-overlay {
579 position: fixed;
580 z-index: 99999;
581 top: 0;
582 right: 0;
583 width: 100%;
584 height: 100%;
585 background: rgba(255, 255, 255, 0.5);
586 }
587
588 #course-editor.ajax-search #learn-press-ajax-search-overlay {
589 display: block;
590 }
591 #course-editor.ajax-search .lp-ajax-search {
592 z-index: 100000;
593 }
594
595 .advanced-list {
596 width: 100%;
597 min-width: 200px;
598 border-radius: var(--lp-border-radius);
599 background: #fff;
600 list-style: none;
601 }
602 .advanced-list li {
603 display: inline-block;
604 margin: 0 0 5px 5px;
605 padding: 3px 8px;
606 background: #eee;
607 border-radius: var(--lp-border-radius);
608 }
609 .advanced-list li .remove-item {
610 display: inline-block;
611 margin-left: 5px;
612 line-height: 1;
613 vertical-align: middle;
614 text-decoration: none;
615 cursor: pointer;
616 }
617 .advanced-list li .remove-item:hover {
618 color: #0085ba;
619 }
620 .advanced-list li .remove-item::before {
621 font-family: dashicons;
622 text-decoration: none;
623 content: "\f335";
624 }
625 .advanced-list li span {
626 display: inline-block;
627 }
628 .advanced-list.locked .remove-item {
629 display: none;
630 }
631 .advanced-list::after {
632 display: block;
633 clear: both;
634 content: "";
635 }
636
637 .lp-label-counter {
638 display: inline-block;
639 height: 20px;
640 padding: 0 10px;
641 border-radius: 20px;
642 color: #fff;
643 background: #2196f3;
644 font-weight: bold;
645 line-height: 1.25rem;
646 }
647 .lp-label-counter.disabled {
648 background: #ddd;
649 }
650
651 @-moz-keyframes spin {
652 100% {
653 -moz-transform: rotate(-360deg);
654 }
655 }
656 @-webkit-keyframes spin {
657 100% {
658 -webkit-transform: rotate(-360deg);
659 }
660 }
661 @keyframes spin {
662 100% {
663 -webkit-transform: rotate(-360deg);
664 transform: rotate(-360deg);
665 }
666 }
667 .rwmb-duration {
668 border: 1px solid #ddd;
669 }
670
671 ul .clearfix {
672 clear: both;
673 height: 0;
674 opacity: 0;
675 }
676
677 .clearfix-after::after {
678 display: block;
679 clear: both;
680 height: 0;
681 opacity: 0;
682 content: "";
683 }
684
685 .lp-button {
686 padding: 8px 16px;
687 border: 1px solid #e5e7eb;
688 border-radius: var(--lp-border-radius);
689 color: #374151;
690 font-size: 0.9em;
691 font-weight: 500;
692 text-decoration: none;
693 cursor: pointer;
694 }
695
696 @font-face {
697 font-family: "lp-icon";
698 src: url("../../src/css/vendor/fonts/lp-icon/lp-icon.woff2?v=50") 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 }
7391 .lp-admin-statistics-tab-content .btn-group {
7392 display: flex;
7393 margin: 20px 0;
7394 gap: 10px;
7395 flex-direction: row;
7396 flex-wrap: wrap;
7397 }
7398 .lp-admin-statistics-tab-content .btn-group button.btn-filter-time {
7399 border: 1px solid #284BCA;
7400 color: #000;
7401 padding: 10px 24px;
7402 cursor: pointer;
7403 background: #fff;
7404 }
7405 .lp-admin-statistics-tab-content .btn-group .btn-filter-time.active {
7406 background: #284BCA;
7407 color: #fff;
7408 border: 1px solid #284BCA;
7409 }
7410 .lp-admin-statistics-tab-content .custom-filter-time {
7411 display: none;
7412 }
7413 .lp-admin-statistics-tab-content .statistics-content {
7414 background: white;
7415 border: 1px solid #D9D9D9;
7416 padding: 22px;
7417 }
7418 .lp-admin-statistics-tab-content .statistics-content .statistics-group {
7419 display: flex;
7420 justify-content: space-between;
7421 flex-direction: row;
7422 flex-wrap: wrap;
7423 gap: 10px;
7424 }
7425 .lp-admin-statistics-tab-content .statistics-content .statistics-group .statistics-item {
7426 border: 1px solid #000;
7427 color: #000;
7428 padding: 15px 30px;
7429 display: flex;
7430 flex-direction: column;
7431 text-align: center;
7432 width: 100%;
7433 max-width: 150px;
7434 }
7435 .lp-admin-statistics-tab-content .statistics-content .statistics-group .statistics-item .statistics-item-title {
7436 font-size: 16px;
7437 line-height: 1.2;
7438 }
7439 .lp-admin-statistics-tab-content .statistics-content .statistics-group .statistics-item .statistics-item-count {
7440 font-size: 24px;
7441 line-height: 1.2;
7442 font-weight: 700;
7443 }
7444 .lp-admin-statistics-tab-content .statistics-content .statistics-title {
7445 color: #000;
7446 text-align: center;
7447 font-size: 24px;
7448 font-style: normal;
7449 font-weight: 700;
7450 line-height: normal;
7451 text-transform: capitalize;
7452 }
7453 .lp-admin-statistics-tab-content .statistics-content .statistics-chart-wrapper {
7454 padding: 10px 30px;
7455 }
7456 .lp-admin-statistics-tab-content .statistics-content .sold-course-analytics {
7457 display: flex;
7458 flex-direction: row;
7459 flex-wrap: wrap;
7460 justify-content: space-evenly;
7461 gap: 20px;
7462 margin-top: 20px;
7463 }
7464 .lp-admin-statistics-tab-content .statistics-content .sold-course-analytics .col-50 {
7465 flex: 1;
7466 }
7467 .lp-admin-statistics-tab-content .statistics-content .sold-course-analytics .col-50:first-child {
7468 border-left: 1px solid #D9D9D9;
7469 }
7470 .lp-admin-statistics-tab-content .statistics-content .sold-course-analytics li {
7471 font-size: 16px;
7472 line-height: 1.2;
7473 font-weight: 400;
7474 }
7475 .lp-admin-statistics-tab-content .statistics-content .top-course-analytics-title {
7476 margin-top: 0;
7477 font-size: 24px;
7478 line-height: 1.2;
7479 font-weight: 700;
7480 }
7481
7482 table.lp-material--table {
7483 border-collapse: collapse;
7484 width: 100%;
7485 }
7486 table.lp-material--table td, table.lp-material--table th {
7487 border: 1px solid #dddddd;
7488 text-align: right;
7489 padding: 8px;
7490 }
7491 table.lp-material--table thead.hidden {
7492 display: none;
7493 }
7494 table.lp-material--table td.sort {
7495 cursor: move;
7496 }
7497 table.lp-material--table tr:nth-child(even) {
7498 background-color: rgba(221, 221, 221, 0.2509803922);
7499 }
7500
7501 .lp-material--field-wrap {
7502 display: flex;
7503 flex-direction: row;
7504 align-items: center;
7505 padding-block: 5px;
7506 }
7507
7508 .lp-material--field-wrap label {
7509 min-width: 70px;
7510 }
7511
7512 .lp-material--group {
7513 margin-top: 10px;
7514 padding: 10px;
7515 border: 1px solid #dedede;
7516 border-radius: 10px;
7517 box-shadow: -2px 2px rgba(180, 180, 180, 0.2);
7518 }
7519
7520 .lp-material-btn-wrap {
7521 margin-bottom: 10px;
7522 }
7523
7524 .lp-material-btn-wrap.loading::before:before, #btn-lp--save-material.loading:before {
7525 display: inline-block;
7526 font-family: "lp-icon";
7527 content: "\f110";
7528 animation: lp-rotating 1s linear infinite;
7529 margin-left: 5px;
7530 font-variant: normal;
7531 text-transform: none;
7532 -webkit-font-smoothing: antialiased;
7533 -moz-osx-font-smoothing: grayscale;
7534 }
7535
7536 .button.lp-material--delete {
7537 color: white;
7538 border-color: red;
7539 background: red;
7540 vertical-align: top;
7541 }
7542
7543 .lp-material--field-wrap.field-action-wrap {
7544 display: flex;
7545 justify-content: space-between;
7546 }
7547
7548 .lp-meta-box .lp-material--field-wrap input {
7549 width: 100%;
7550 }
7551
7552 #available-to-upload {
7553 font-weight: bold;
7554 }
7555
7556 .learnpress-block-pagination,
7557 .learn-press-pagination {
7558 margin: 20px 0;
7559 text-align: center;
7560 }
7561 .learnpress-block-pagination .page-numbers,
7562 .learn-press-pagination .page-numbers {
7563 display: inline-flex;
7564 gap: 5px;
7565 flex-wrap: wrap;
7566 margin: 0;
7567 padding: 0;
7568 border: 0;
7569 outline: 0;
7570 background: transparent;
7571 list-style: none;
7572 }
7573 .learnpress-block-pagination .page-numbers > li,
7574 .learn-press-pagination .page-numbers > li {
7575 display: inline-block;
7576 margin: 0;
7577 }
7578 .learnpress-block-pagination .page-numbers > li .page-numbers,
7579 .learn-press-pagination .page-numbers > li .page-numbers {
7580 float: unset;
7581 padding: 0 12px;
7582 color: #666;
7583 text-decoration: none;
7584 }
7585 .learnpress-block-pagination .page-numbers > li .page-numbers.current,
7586 .learn-press-pagination .page-numbers > li .page-numbers.current {
7587 color: var(--lp-primary-color);
7588 font-weight: 400;
7589 }
7590 .learnpress-block-pagination .page-numbers > li .page-numbers:hover,
7591 .learn-press-pagination .page-numbers > li .page-numbers:hover {
7592 color: var(--lp-primary-color);
7593 }
7594
7595 .lp-instructor-info {
7596 display: flex;
7597 gap: 30px;
7598 margin-top: 30px;
7599 margin-bottom: 30px;
7600 }
7601 @media (max-width: 600px) {
7602 .lp-instructor-info {
7603 flex-wrap: wrap;
7604 }
7605 }
7606 .lp-instructor-info .lp-section-instructor {
7607 flex: 1;
7608 }
7609 .lp-instructor-info .instructor-display-name {
7610 font-size: 1.4rem;
7611 }
7612 .lp-instructor-info .instructor-avatar {
7613 max-width: 200px;
7614 }
7615 .lp-instructor-info .lp-instructor-meta {
7616 margin-top: 16px;
7617 display: flex;
7618 column-gap: 20px;
7619 row-gap: 8px;
7620 }
7621 .lp-instructor-info .instructor-description {
7622 margin-top: 16px;
7623 }
7624 .lp-instructor-info img {
7625 max-width: 100%;
7626 border-radius: var(--lp-border-radius, 5px);
7627 }
7628 .lp-instructor-info .instructor-social {
7629 display: inline-flex;
7630 padding: 0;
7631 gap: 12px;
7632 margin: 16px 0 0 0;
7633 }
7634 .lp-instructor-info .instructor-social > a {
7635 text-align: center;
7636 list-style: none;
7637 }
7638 .lp-instructor-info .instructor-social > a span {
7639 display: none;
7640 }
7641 .lp-instructor-info .instructor-social > a i {
7642 width: 40px;
7643 height: 40px;
7644 display: inline-flex;
7645 align-items: center;
7646 justify-content: center;
7647 border: 1px solid var(--lp-border-color, #E2E0DB);
7648 border-radius: 50%;
7649 }
7650 .lp-instructor-info .instructor-social > a i:hover {
7651 background-color: var(--lp-primary-color, #ffb606);
7652 border-color: var(--lp-primary-color, #ffb606);
7653 color: var(--lp-color-white, #fff);
7654 }
7655
7656 .instructor-display-name {
7657 font-weight: var(--lp-font-weight-link, 600);
7658 }
7659
7660 .instructor-item-meta {
7661 display: inline-flex;
7662 border-right: 1px solid var(--lp-border-color, #E2E0DB);
7663 padding-right: 20px;
7664 }
7665
7666 .lp-instructor-meta .instructor-item-meta:first-child {
7667 border: none;
7668 padding-right: 0;
7669 }
7670
7671 .wrapper-instructor-total-students, .wrapper-instructor-total-courses {
7672 display: flex;
7673 gap: 4px;
7674 align-items: center;
7675 }
7676
7677 .course-extra-box {
7678 margin-bottom: 16px;
7679 border: 1px solid var(--lp-border-color, #E2E0DB);
7680 border-radius: var(--lp-border-radius, 5px);
7681 width: 100%;
7682 }
7683 .course-extra-box.active .course-extra-box__content {
7684 height: auto;
7685 }
7686 .course-extra-box__title {
7687 --extra-height: 50px;
7688 display: flex;
7689 align-items: center;
7690 position: relative;
7691 height: var(--extra-height);
7692 margin: 0 !important;
7693 padding: 0 20px 0 45px;
7694 background: rgba(181, 187, 211, 0.15);
7695 font-size: 1em;
7696 font-weight: 700;
7697 cursor: pointer;
7698 }
7699 @media (max-width: 767px) {
7700 .course-extra-box__title {
7701 padding-right: 16px;
7702 }
7703 }
7704 .course-extra-box__title::after {
7705 position: absolute;
7706 top: 0;
7707 left: 20px;
7708 font-family: "lp-icon";
7709 line-height: var(--extra-height);
7710 content: "\f107";
7711 }
7712 .course-extra-box__content {
7713 overflow: hidden;
7714 transition: height 0.3s ease;
7715 }
7716 .course-extra-box__content-inner {
7717 -webkit-animation-name: course-extra-box__content-inner-transform;
7718 animation-name: course-extra-box__content-inner-transform;
7719 -webkit-animation-duration: 0.3s;
7720 animation-duration: 0.3s;
7721 -webkit-animation-timing-function: ease-in-out;
7722 animation-timing-function: ease-in-out;
7723 -webkit-animation-iteration-count: 1;
7724 animation-iteration-count: 1;
7725 -webkit-animation-direction: normal;
7726 animation-direction: normal;
7727 }
7728 .course-extra-box__content-inner > ul {
7729 padding-right: 0 !important;
7730 padding-bottom: 0 !important;
7731 }
7732 .course-extra-box__content ul,
7733 .course-extra-box__content li {
7734 list-style: none;
7735 }
7736 .course-extra-box__content ul {
7737 margin: 0;
7738 padding: 0;
7739 }
7740 .course-extra-box__content li {
7741 margin: 0;
7742 padding: 12px 20px;
7743 border-bottom: 1px solid var(--lp-border-color, #E2E0DB);
7744 }
7745 @media (max-width: 767px) {
7746 .course-extra-box__content li {
7747 padding-right: 16px;
7748 padding-left: 16px;
7749 }
7750 }
7751 .course-extra-box__content li::before {
7752 margin-left: 8px;
7753 color: var(--lp-primary-color);
7754 font-family: "lp-icon";
7755 content: "\f00c";
7756 }
7757 .course-extra-box__content li:last-child {
7758 border-bottom: 0;
7759 }
7760 .course-extra-box:last-child {
7761 margin-bottom: 60px;
7762 }
7763 .course-extra-box.active .course-extra-box__title::after {
7764 content: "\f106";
7765 }
7766 .course-extra-box + .comment-respond, .course-extra-box + .comments-area {
7767 margin-top: 30px;
7768 margin-bottom: 30px;
7769 }
7770 .course-extra-box + .course-tabs {
7771 margin-top: 30px;
7772 }
7773
7774 input[name=course-extra-box-ratio] {
7775 display: none;
7776 }
7777 input[name=course-extra-box-ratio]:checked + .course-extra-box .course-extra-box__content {
7778 display: block;
7779 }
7780 input[name=course-extra-box-ratio]:checked + .course-extra-box .course-extra-box__content .course-extra-box__content-inner {
7781 transform: scale(1);
7782 }
7783
7784 @-webkit-keyframes course-extra-box__content-inner-transform {
7785 from {
7786 opacity: 0;
7787 -webkit-transform: translateX(-5%);
7788 -moz-transform: translateX(-5%);
7789 -ms-transform: translateX(-5%);
7790 -o-transform: translateX(-5%);
7791 transform: translateX(-5%);
7792 }
7793 to {
7794 opacity: 1;
7795 -webkit-transform: translateX(0%);
7796 -moz-transform: translateX(0%);
7797 -ms-transform: translateX(0%);
7798 -o-transform: translateX(0%);
7799 transform: translateX(0%);
7800 }
7801 }
7802 @keyframes course-extra-box__content-inner-transform {
7803 from {
7804 opacity: 0;
7805 transform: translateX(-5%);
7806 }
7807 to {
7808 opacity: 1;
7809 transform: translateX(0%);
7810 }
7811 }
7812 .course-tab-panel-faqs .course-faqs-box {
7813 margin-bottom: 20px;
7814 border: 1px solid rgba(204, 204, 204, 0.6);
7815 border-radius: 5px;
7816 }
7817 .course-tab-panel-faqs .course-faqs-box__title {
7818 display: block;
7819 position: relative;
7820 margin: 0;
7821 padding: 12px 20px 12px 45px;
7822 font-size: 1em;
7823 line-height: 1.5;
7824 font-weight: var(--lp-font-weight-link, 600);
7825 cursor: pointer;
7826 }
7827 .course-tab-panel-faqs .course-faqs-box__title::after {
7828 position: absolute;
7829 top: 12px;
7830 left: 20px;
7831 font-family: "lp-icon";
7832 content: "\f067";
7833 }
7834 .course-tab-panel-faqs .course-faqs-box:last-child {
7835 margin-bottom: 40px;
7836 }
7837 .course-tab-panel-faqs .course-faqs-box:hover .course-faqs-box__title {
7838 color: var(--lp-primary-color);
7839 }
7840 .course-tab-panel-faqs .course-faqs-box__content {
7841 display: none;
7842 }
7843 .course-tab-panel-faqs .course-faqs-box__content-inner {
7844 padding: 20px;
7845 -webkit-animation-name: course-faqs-box__content-inner-transform;
7846 animation-name: course-faqs-box__content-inner-transform;
7847 -webkit-animation-duration: 0.3s;
7848 animation-duration: 0.3s;
7849 -webkit-animation-timing-function: ease-in-out;
7850 animation-timing-function: ease-in-out;
7851 -webkit-animation-iteration-count: 1;
7852 animation-iteration-count: 1;
7853 -webkit-animation-direction: normal;
7854 animation-direction: normal;
7855 }
7856
7857 input[name=course-faqs-box-ratio] {
7858 display: none;
7859 }
7860 input[name=course-faqs-box-ratio]:checked + .course-faqs-box .course-faqs-box__content {
7861 display: block;
7862 }
7863 input[name=course-faqs-box-ratio]:checked + .course-faqs-box .course-faqs-box__title {
7864 color: var(--lp-primary-color);
7865 background: rgba(241, 242, 248, 0.4);
7866 }
7867 input[name=course-faqs-box-ratio]:checked + .course-faqs-box .course-faqs-box__title::after {
7868 content: "\f068";
7869 }
7870
7871 @-webkit-keyframes course-faqs-box__content-inner-transform {
7872 from {
7873 opacity: 0;
7874 -webkit-transform: translateY(-5%);
7875 -moz-transform: translateY(-5%);
7876 -ms-transform: translateY(-5%);
7877 -o-transform: translateY(-5%);
7878 transform: translateY(-5%);
7879 }
7880 to {
7881 opacity: 1;
7882 -webkit-transform: translateY(0%);
7883 -moz-transform: translateY(0%);
7884 -ms-transform: translateY(0%);
7885 -o-transform: translateY(0%);
7886 transform: translateY(0%);
7887 }
7888 }
7889 @keyframes course-faqs-box__content-inner-transform {
7890 from {
7891 opacity: 0;
7892 -webkit-transform: translateY(-5%);
7893 -moz-transform: translateY(-5%);
7894 -ms-transform: translateY(-5%);
7895 -o-transform: translateY(-5%);
7896 transform: translateY(-5%);
7897 }
7898 to {
7899 opacity: 1;
7900 -webkit-transform: translateY(0%);
7901 -moz-transform: translateY(0%);
7902 -ms-transform: translateY(0%);
7903 -o-transform: translateY(0%);
7904 transform: translateY(0%);
7905 }
7906 }
7907 .extra-box__title, .course-faqs__title, .course-material__title {
7908 margin-top: 0;
7909 margin-bottom: 12px;
7910 }
7911
7912 .edit-content {
7913 margin-right: 5px;
7914 }
7915
7916 .course-curriculum ul.curriculum-sections {
7917 position: relative;
7918 margin: 0;
7919 padding: 0;
7920 list-style: none;
7921 }
7922 .course-curriculum ul.curriculum-sections .closed .section-item__loadmore {
7923 display: none;
7924 }
7925 .course-curriculum ul.curriculum-sections .section {
7926 margin: 0;
7927 padding: 0;
7928 flex-wrap: wrap;
7929 }
7930 .course-curriculum ul.curriculum-sections .section:last-child {
7931 padding: 0;
7932 }
7933 .course-curriculum ul.curriculum-sections .section.section-empty .section-header {
7934 margin-bottom: 20px;
7935 }
7936 .course-curriculum ul.curriculum-sections .section.section-empty .learn-press-message {
7937 margin-left: 15px;
7938 margin-right: 15px;
7939 }
7940 .course-curriculum ul.curriculum-sections .section-title.c + .section-desc {
7941 display: block;
7942 }
7943 .course-curriculum ul.curriculum-sections .section-title.c span.show-desc::before {
7944 -webkit-transform: rotate(-180deg);
7945 -moz-transform: rotate(-180deg);
7946 -ms-transform: rotate(-180deg);
7947 -o-transform: rotate(-180deg);
7948 transform: rotate(-180deg);
7949 top: 0;
7950 }
7951 .course-curriculum ul.curriculum-sections .item-meta.duration {
7952 background: #d9e0f1;
7953 }
7954 .course-curriculum .section-item__loadmore {
7955 display: flex;
7956 justify-content: center;
7957 align-items: center;
7958 }
7959 .course-curriculum .section-item__loadmore button {
7960 margin-top: 10px;
7961 border: 1px solid var(--lp-border-color, #E2E0DB);
7962 border-radius: var(--lp-border-radius, 5px);
7963 padding: 8px 16px;
7964 box-shadow: none;
7965 outline: none;
7966 }
7967 .course-curriculum .section-item__loadmore.loading button:before {
7968 display: inline-block;
7969 font-family: "lp-icon";
7970 content: "\f110";
7971 animation: lp-rotating 1s linear infinite;
7972 margin-left: 5px;
7973 font-variant: normal;
7974 text-transform: none;
7975 -webkit-font-smoothing: antialiased;
7976 -moz-osx-font-smoothing: grayscale;
7977 }
7978 .course-curriculum .section-header {
7979 display: table;
7980 width: 100%;
7981 padding: 20px 0;
7982 border-bottom: 0;
7983 border-bottom: 1px solid #d9e0f1;
7984 cursor: pointer;
7985 -webkit-box-sizing: border-box;
7986 -moz-box-sizing: border-box;
7987 box-sizing: border-box;
7988 }
7989 .course-curriculum .section-header .section-title, .course-curriculum .section-header .section-desc {
7990 margin: 0;
7991 }
7992 .course-curriculum .section-header span.show-desc {
7993 display: inline-block;
7994 position: absolute;
7995 top: 50%;
7996 left: 30px;
7997 width: 20px;
7998 height: 20px;
7999 transform: translate(0, -50%);
8000 }
8001 .course-curriculum .section-header span.show-desc::before {
8002 font-family: "lp-icon";
8003 font-size: 1.125em;
8004 content: "\f107";
8005 }
8006 .course-curriculum .section-header span.show-desc:hover::before {
8007 border-top-color: #ccc;
8008 }
8009 .course-curriculum .section-header .section-desc {
8010 margin-top: 10px;
8011 font-size: calc(var(--lp-font-size-base, 1em) * 0.925);
8012 color: var(--lp-color-accent);
8013 font-style: italic;
8014 line-height: 1.3;
8015 }
8016 .course-curriculum .section-header .section-meta {
8017 display: block;
8018 padding-top: 17px;
8019 padding-bottom: 15px;
8020 font-size: 0.8em;
8021 text-align: left;
8022 vertical-align: middle;
8023 white-space: nowrap;
8024 }
8025 .course-curriculum .section-item {
8026 width: 100%;
8027 }
8028 .course-curriculum .section-content {
8029 margin: 0;
8030 padding: 0;
8031 list-style: none;
8032 }
8033 .course-curriculum .section-content .course-item-meta {
8034 display: table-cell;
8035 text-align: left;
8036 vertical-align: middle;
8037 white-space: nowrap;
8038 }
8039 .course-curriculum .section-content .course-item-meta .item-meta {
8040 display: inline-block;
8041 color: #fff;
8042 }
8043 .course-curriculum .section-content .course-item-meta .item-meta.final-quiz {
8044 background: #14c4ff;
8045 }
8046 .course-curriculum .section-content .course-item-meta .item-meta.trans {
8047 padding: 0;
8048 }
8049 .course-curriculum .section-content .course-item-meta .count-questions {
8050 background: #9672cf;
8051 }
8052 .course-curriculum .section-content .course-item-meta .duration {
8053 background: #c0c0c0;
8054 }
8055 .course-curriculum .section-content .course-item-meta .course-item-status {
8056 padding: 0;
8057 color: #999;
8058 }
8059 .course-curriculum .section-content .course-item-meta .course-item-status::before {
8060 font-family: "lp-icon";
8061 content: "\f00c";
8062 }
8063 .course-curriculum .section-content .course-item-preview {
8064 font-style: normal;
8065 padding: 0;
8066 }
8067 .course-curriculum .section-content .course-item-preview::before {
8068 font-family: "lp-icon";
8069 content: "\f06e";
8070 color: #999;
8071 }
8072 .course-curriculum .course-item {
8073 display: flex;
8074 position: relative;
8075 margin: 0 0 2px 0;
8076 padding: 0 16px;
8077 background: rgba(241, 242, 248, 0.4);
8078 transition: padding-right linear 0.15s;
8079 }
8080 .course-curriculum .course-item > span {
8081 display: flex;
8082 width: 28px;
8083 color: #666;
8084 font-weight: 300;
8085 align-items: center;
8086 }
8087 .course-curriculum .course-item .section-item-link {
8088 display: flex;
8089 align-items: flex-start;
8090 justify-content: space-between;
8091 width: 100%;
8092 padding: 12px 0;
8093 color: inherit;
8094 outline: none;
8095 gap: 12px;
8096 }
8097 .course-curriculum .course-item .section-item-link:hover .item-name {
8098 color: var(--lp-primary-color);
8099 }
8100 .course-curriculum .course-item .section-item-link::before {
8101 color: var(--lp-primary-color);
8102 font-family: "lp-icon";
8103 }
8104 .course-curriculum .course-item .section-item-link .course-item-info {
8105 width: 100%;
8106 }
8107 .course-curriculum .course-item .section-item-link .course-item-info .course-item-info-pre {
8108 display: flex;
8109 flex-flow: row-reverse;
8110 justify-content: flex-end;
8111 gap: 16px;
8112 align-items: center;
8113 font-size: calc(var(--lp-font-size-base, 1em) * 0.925);
8114 }
8115 .course-curriculum .course-item .section-item-link .course-item-info .course-item-info-pre .item-meta.duration {
8116 background: transparent;
8117 }
8118 .course-curriculum .course-item .item-name {
8119 font-weight: 600;
8120 }
8121 .course-curriculum .course-item.course-item-lp_quiz .section-item-link::before {
8122 content: "\f059";
8123 }
8124 .course-curriculum .course-item.course-item-lp_assignment .section-item-link::before {
8125 content: "\e929" !important;
8126 }
8127 .course-curriculum .course-item.course-item.course-item-lp_h5p .section-item-link::before {
8128 content: "\e92a" !important;
8129 }
8130 .course-curriculum .course-item.course-item-lp_lesson .section-item-link::before {
8131 content: "\f15b";
8132 }
8133 .course-curriculum .course-item.course-item-lp_lesson.course-item-type-video .section-item-link::before {
8134 content: "\f03d";
8135 }
8136 .course-curriculum .course-item.course-item-lp_lesson.course-item-type-audio .section-item-link::before {
8137 content: "\f028";
8138 }
8139 .course-curriculum .course-item.item-locked .course-item-status::before {
8140 color: var(--lp-secondary-color);
8141 content: "\f023";
8142 }
8143 .course-curriculum .course-item.has-status {
8144 padding-top: 1px;
8145 }
8146 .course-curriculum .course-item.has-status.status-completed .course-item-status::before, .course-curriculum .course-item.has-status.status-evaluated .course-item-status::before {
8147 color: #3bb54a;
8148 }
8149 .course-curriculum .course-item.has-status.item-failed .course-item-status::before, .course-curriculum .course-item.has-status.failed .course-item-status::before {
8150 border-color: #f02425;
8151 color: #f02425;
8152 content: "\f00d";
8153 }
8154 .course-curriculum .course-item::before {
8155 position: absolute;
8156 top: 50%;
8157 right: 0;
8158 width: 3px;
8159 height: 0;
8160 background: #00adff;
8161 content: "";
8162 transition: height linear 0.15s, top linear 0.15s;
8163 }
8164 .course-curriculum .course-item.current {
8165 background: #f9f9f9;
8166 }
8167 .course-curriculum .course-item.current a::before {
8168 right: 10px;
8169 }
8170 .course-curriculum .course-item.current::before {
8171 top: 0;
8172 height: 100%;
8173 }
8174 .course-curriculum .section-left {
8175 vertical-align: top;
8176 }
8177 .course-curriculum .section-left .section-title {
8178 font-weight: 700;
8179 font-size: calc(var(--lp-font-size-base, 1em) * 1.25);
8180 text-transform: capitalize;
8181 display: block;
8182 }
8183 .course-curriculum .curriculum-more__button {
8184 border: 1px solid var(--lp-border-color, #E2E0DB);
8185 border-radius: var(--lp-border-radius, 5px);
8186 padding: 8px 16px;
8187 box-shadow: none;
8188 outline: none;
8189 width: 100%;
8190 margin-top: 20px;
8191 margin-bottom: 20px;
8192 }
8193 .course-curriculum .curriculum-more__button.loading:before {
8194 display: inline-block;
8195 font-family: "lp-icon";
8196 content: "\f110";
8197 animation: lp-rotating 1s linear infinite;
8198 margin-left: 5px;
8199 font-variant: normal;
8200 text-transform: none;
8201 -webkit-font-smoothing: antialiased;
8202 -moz-osx-font-smoothing: grayscale;
8203 }
8204
8205 body .content-item-summary .form-button-finish-course, body .lp-quiz-buttons .form-button-finish-course {
8206 float: left;
8207 }
8208
8209 #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 {
8210 top: 2px;
8211 font-family: "lp-icon";
8212 }
8213 #wpadminbar #wp-admin-bar-edit-lp_quiz .ab-item::before {
8214 content: "\f017";
8215 }
8216 #wpadminbar #wp-admin-bar-edit-lp_lesson .ab-item::before {
8217 content: "\f15c";
8218 }
8219 #wpadminbar #wp-admin-bar-edit-lp_question .ab-item::before {
8220 content: "\f29c";
8221 }
8222
8223 .course-remaining-time .label-enrolled {
8224 font-size: inherit;
8225 }
8226
8227 .lp-course-progress {
8228 position: relative;
8229 }
8230 .lp-course-progress .lp-passing-conditional {
8231 position: absolute;
8232 top: 0;
8233 width: 3px;
8234 height: 6px;
8235 margin-right: -1px;
8236 background: var(--lp-secondary-color);
8237 }
8238
8239 .viewing-course-item .section-header .section-desc {
8240 display: none;
8241 }
8242
8243 .lp-course-curriculum ul, .lp-course-curriculum li {
8244 list-style: none;
8245 margin: 0;
8246 padding: 0;
8247 }
8248 .lp-course-curriculum .course-curriculum-info {
8249 display: flex;
8250 justify-content: space-between;
8251 gap: 20px;
8252 margin-bottom: 20px;
8253 }
8254 .lp-course-curriculum .course-curriculum-info__left {
8255 display: flex;
8256 align-items: center;
8257 flex-wrap: wrap;
8258 gap: 8px;
8259 }
8260 .lp-course-curriculum .course-curriculum-info__left li {
8261 display: inline-flex;
8262 align-items: center;
8263 gap: 8px;
8264 }
8265 .lp-course-curriculum .course-curriculum-info__left li::after {
8266 content: "";
8267 width: 4px;
8268 height: 4px;
8269 background-color: var(--lp-border-color, #E2E0DB);
8270 display: inline-block;
8271 }
8272 .lp-course-curriculum .course-curriculum-info__left li:last-child::after {
8273 content: none;
8274 }
8275 .lp-course-curriculum .course-curriculum-info__right {
8276 font-weight: var(--lp-font-weight-link, 600);
8277 text-align: left;
8278 text-transform: capitalize;
8279 }
8280 .lp-course-curriculum .course-toggle-all-sections {
8281 cursor: pointer;
8282 }
8283 .lp-course-curriculum .course-section {
8284 margin-bottom: 8px;
8285 border: 1px solid var(--lp-border-color, #E2E0DB);
8286 border-radius: var(--lp-border-radius, 5px);
8287 cursor: pointer;
8288 overflow: hidden;
8289 }
8290 .lp-course-curriculum .course-section.lp-collapse .course-section__items {
8291 display: none;
8292 animation: ease-in-out;
8293 }
8294 .lp-course-curriculum .course-section.lp-collapse .lp-icon-angle-up {
8295 display: none;
8296 }
8297 .lp-course-curriculum .course-section.lp-collapse .lp-icon-angle-down {
8298 display: block;
8299 }
8300 .lp-course-curriculum .course-section .lp-icon-angle-down {
8301 display: none;
8302 }
8303 .lp-course-curriculum .course-section:last-child {
8304 margin-bottom: 0;
8305 }
8306 .lp-course-curriculum .course-section .course-section-header {
8307 background-color: var(--lp-white-grey, #F7F7FB);
8308 padding: 20px;
8309 column-gap: 12px;
8310 display: flex;
8311 justify-content: space-between;
8312 }
8313 .lp-course-curriculum .course-section__title {
8314 font-weight: 600;
8315 font-size: 1.1em;
8316 line-height: 1.3em;
8317 }
8318 .lp-course-curriculum .course-section__description {
8319 margin: 4px 0 0 0;
8320 }
8321 .lp-course-curriculum .course-section .section-toggle {
8322 line-height: 1;
8323 }
8324 .lp-course-curriculum .course-section .section-toggle i {
8325 font-size: 24px;
8326 }
8327 .lp-course-curriculum .course-section .course-section-info {
8328 margin-right: 0;
8329 margin-left: auto;
8330 }
8331 .lp-course-curriculum .course-section .section-count-items {
8332 min-width: 24px;
8333 font-weight: 600;
8334 text-align: center;
8335 line-height: 1.3;
8336 white-space: nowrap;
8337 }
8338 .lp-course-curriculum .course-section .course-item {
8339 background-color: transparent;
8340 border-top: 1px solid var(--lp-border-color, #E2E0DB);
8341 padding: 12px 20px;
8342 margin: 0;
8343 }
8344 .lp-course-curriculum .course-section .course-item__link {
8345 display: flex;
8346 justify-content: space-between;
8347 width: 100%;
8348 column-gap: 12px;
8349 row-gap: 8px;
8350 position: relative;
8351 align-items: flex-start;
8352 color: inherit;
8353 }
8354 .lp-course-curriculum .course-section .course-item__info {
8355 display: flex;
8356 column-gap: 12px;
8357 row-gap: 8px;
8358 }
8359 .lp-course-curriculum .course-section .course-item__info .course-item-ico {
8360 min-width: 16px;
8361 }
8362 .lp-course-curriculum .course-section .course-item__content {
8363 display: flex;
8364 justify-content: space-between;
8365 column-gap: 12px;
8366 row-gap: 8px;
8367 align-items: baseline;
8368 flex: 1;
8369 }
8370 @media (max-width: 1024px) {
8371 .lp-course-curriculum .course-section .course-item__content {
8372 flex-wrap: wrap;
8373 }
8374 }
8375 .lp-course-curriculum .course-section .course-item__left:hover {
8376 color: var(--lp-primary-color, #ffb606);
8377 }
8378 .lp-course-curriculum .course-section .course-item__right {
8379 display: flex;
8380 column-gap: 12px;
8381 row-gap: 8px;
8382 align-items: center;
8383 flex: none;
8384 color: var(--lp-color-meta, #8a8a8a);
8385 flex-wrap: wrap;
8386 flex-direction: row-reverse;
8387 justify-content: flex-end;
8388 }
8389 @media (max-width: 1024px) {
8390 .lp-course-curriculum .course-section .course-item__right {
8391 width: 100%;
8392 order: 3;
8393 }
8394 }
8395 .lp-course-curriculum .course-section .course-item__status .course-item-ico {
8396 width: 24px;
8397 display: flex;
8398 justify-content: center;
8399 }
8400 .lp-course-curriculum .course-section .course-item-ico::before {
8401 content: "";
8402 display: inline-block;
8403 font-family: "lp-icon";
8404 font-weight: normal;
8405 }
8406 .lp-course-curriculum .course-section .course-item-ico.lp_lesson::before {
8407 content: "\f15b";
8408 }
8409 .lp-course-curriculum .course-section .course-item-ico.lp_quiz::before {
8410 content: "\f12e";
8411 }
8412 .lp-course-curriculum .course-section .course-item-ico.lp_assignment::before {
8413 content: "\e929";
8414 }
8415 .lp-course-curriculum .course-section .course-item-ico.lp_h5p::before {
8416 content: "\e92a";
8417 }
8418 .lp-course-curriculum .course-section .course-item-ico.preview::before {
8419 content: "\f06e";
8420 color: #999;
8421 }
8422 .lp-course-curriculum .course-section .course-item-ico.locked::before {
8423 content: "\f023";
8424 color: #999;
8425 }
8426 .lp-course-curriculum .course-section .course-item-ico.passed.completed::before {
8427 content: "\f00c";
8428 color: #3bb54a;
8429 }
8430 .lp-course-curriculum .course-section .course-item-ico.in-progress::before, .lp-course-curriculum .course-section .course-item-ico.completed::before {
8431 content: "\f00c";
8432 color: #999;
8433 }
8434 .lp-course-curriculum .course-section .course-item-ico.failed.completed::before {
8435 content: "\f00d";
8436 color: #f02425;
8437 }
8438 .lp-course-curriculum .course-section .course-item-ico.started::before {
8439 content: "\f00c";
8440 color: #999;
8441 }
8442 .lp-course-curriculum .course-section .course-item-ico.doing::before {
8443 content: "\e921";
8444 color: #999;
8445 }
8446
8447 .info-learning .course-progress__line {
8448 width: 100%;
8449 background: #ccc;
8450 height: 5px;
8451 border-radius: 5px;
8452 position: relative;
8453 }
8454 .info-learning .course-progress__line__active {
8455 background: var(--lp-primary-color);
8456 height: 100%;
8457 border-radius: 5px;
8458 position: absolute;
8459 top: 0;
8460 right: 0;
8461 }
8462 .info-learning .course-progress__line__active {
8463 background: var(--lp-primary-color);
8464 height: 100%;
8465 border-radius: 5px;
8466 position: absolute;
8467 top: 0;
8468 right: 0;
8469 }
8470 .info-learning .course-progress__line__point {
8471 position: absolute;
8472 top: 0;
8473 width: 2px;
8474 height: 100%;
8475 background: var(--lp-secondary-color);
8476 }
8477
8478 /*
8479 Css for Block of Gutenberg
8480 */
8481 /**
8482 * Styles for all page of Block LP
8483 *
8484 * @since 4.2.3
8485 * @version 1.0.0
8486 */
8487 .lp-ico svg {
8488 width: 20px;
8489 height: 20px;
8490 }
8491
8492 .lp-hidden {
8493 display: none !important;
8494 }
8495
8496 .course-price .origin-price {
8497 text-decoration: line-through;
8498 margin-left: 4px;
8499 font-size: calc(var(--lp-font-size-base, 1em) * 0.925);
8500 opacity: 0.6;
8501 }
8502
8503 [class*=wp-block-learnpress] img,
8504 .block-editor-block-list__block img {
8505 max-width: 100%;
8506 height: auto;
8507 }
8508 [class*=wp-block-learnpress] .info-meta-item,
8509 .block-editor-block-list__block .info-meta-item {
8510 display: flex;
8511 gap: 4px;
8512 flex-wrap: wrap;
8513 }
8514 [class*=wp-block-learnpress] .info-meta-item i,
8515 .block-editor-block-list__block .info-meta-item i {
8516 color: var(--lp-primary-color, #ffb606);
8517 }
8518 [class*=wp-block-learnpress] .info-meta-left,
8519 .block-editor-block-list__block .info-meta-left {
8520 display: flex;
8521 gap: 8px;
8522 align-items: center;
8523 letter-spacing: 0;
8524 }
8525 [class*=wp-block-learnpress] a,
8526 .block-editor-block-list__block a {
8527 text-decoration: none;
8528 }
8529
8530 .wp-block-learnpress-course-image {
8531 overflow: hidden;
8532 }
8533
8534 .wp-block-learnpress-course-instructor > div > *,
8535 .wp-block-learnpress-course-categories > div > * {
8536 display: inline;
8537 vertical-align: middle;
8538 }
8539
8540 /*
8541 Breadcrumb
8542 */
8543 .wp-block-learnpress-breadcrumb ul {
8544 margin: 0 auto;
8545 list-style: none;
8546 padding: 0;
8547 }
8548 .wp-block-learnpress-breadcrumb li {
8549 display: inline-block;
8550 margin: 0;
8551 }
8552 .wp-block-learnpress-breadcrumb i {
8553 margin: 0 8px;
8554 }
8555 .wp-block-learnpress-breadcrumb a {
8556 color: inherit;
8557 }
8558
8559 .courses-btn-load-more {
8560 padding: 8px 24px;
8561 border-radius: var(--lp-border-radius, 5px);
8562 color: var(--lp-color-base, #333);
8563 border: 1px solid var(--lp-color-base, #333);
8564 font-size: var(--lp-font-size-base, 1em);
8565 transition: all 0.3s;
8566 display: block;
8567 background: transparent;
8568 text-decoration: none;
8569 text-align: center;
8570 cursor: pointer;
8571 margin: 20px auto;
8572 }
8573 .courses-btn-load-more:hover {
8574 background: var(--lp-primary-color, #ffb606);
8575 color: var(--lp-color-white, #fff);
8576 border-color: var(--lp-primary-color, #ffb606);
8577 }
8578
8579 .lp-overlay {
8580 display: none;
8581 position: fixed;
8582 z-index: 99999;
8583 top: 0;
8584 left: 0;
8585 bottom: 0;
8586 right: 0;
8587 width: 100%;
8588 height: 100%;
8589 background-color: rgba(209, 213, 219, 0.8);
8590 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
8591 transition-duration: 150ms;
8592 transition-property: opacity;
8593 }
8594
8595 .lp-modal-dialog {
8596 display: flex;
8597 position: fixed;
8598 z-index: 9999;
8599 top: 0;
8600 left: 0;
8601 right: 0;
8602 width: 100%;
8603 min-height: 100vh;
8604 text-align: center;
8605 align-items: center;
8606 justify-content: center;
8607 }
8608 .lp-modal-dialog .learn-press-message {
8609 width: auto;
8610 margin: 0 !important;
8611 }
8612 .lp-modal-dialog .lp-modal-content {
8613 display: inline-block;
8614 overflow: hidden;
8615 z-index: 2;
8616 width: auto;
8617 max-width: 600px;
8618 border-radius: 8px;
8619 text-align: right;
8620 vertical-align: middle;
8621 background: white;
8622 color: black;
8623 }
8624 .lp-modal-dialog .lp-modal-content h2,
8625 .lp-modal-dialog .lp-modal-content h3 {
8626 margin: 0;
8627 }
8628 .lp-modal-dialog .lp-modal-content .lp-group-step h3 {
8629 border-bottom: 1px solid #eee;
8630 }
8631 .lp-modal-dialog .lp-modal-content .main-content .terms-upgrade .pd-2em {
8632 padding: 0 1em;
8633 }
8634 .lp-modal-dialog .lp-modal-header {
8635 background: #7c60d9;
8636 border-bottom: 1px solid #eee;
8637 padding: 1em;
8638 }
8639 .lp-modal-dialog .lp-modal-header h3 {
8640 margin: 0;
8641 color: white;
8642 font-weight: 400;
8643 }
8644 .lp-modal-dialog .lp-modal-body .main-content {
8645 max-height: 500px;
8646 overflow: auto;
8647 overscroll-behavior: contain;
8648 }
8649 .lp-modal-dialog .lp-modal-body .main-content h3,
8650 .lp-modal-dialog .lp-modal-body .main-content h2,
8651 .lp-modal-dialog .lp-modal-body .main-content .pd-2em {
8652 padding: 1em;
8653 }
8654 .lp-modal-dialog .lp-modal-footer {
8655 padding: 20px;
8656 background-color: #f9fafb;
8657 text-align: left;
8658 }
8659 .lp-modal-dialog .btn-yes {
8660 color: #fff;
8661 background-color: #7c60d9;
8662 }
8663 .lp-modal-dialog .lp_allow_repurchase_select {
8664 padding: 20px;
8665 background: #f7f7f7;
8666 }
8667 .lp-modal-dialog .lp_allow_repurchase_select > ul {
8668 margin: 0;
8669 padding: 0;
8670 list-style: none;
8671 }
8672 .lp-modal-dialog .lp_allow_repurchase_select > ul li label {
8673 display: flex;
8674 align-items: center;
8675 gap: 10px;
8676 }
8677 .lp-modal-dialog .lp-button {
8678 cursor: pointer;
8679 border: 1px solid var(--lp-border-color, #E2E0DB);
8680 border-radius: var(--lp-border-radius, 5px);
8681 padding: 8px 16px;
8682 }
8683 .lp-modal-dialog .lp-button.loading {
8684 pointer-events: none;
8685 opacity: 0.8;
8686 }
8687 .lp-modal-dialog .lp-button.loading:before {
8688 display: inline-block;
8689 font-family: "lp-icon";
8690 content: "\f110";
8691 animation: lp-rotating 1s linear infinite;
8692 margin-left: 5px;
8693 font-variant: normal;
8694 text-transform: none;
8695 -webkit-font-smoothing: antialiased;
8696 -moz-osx-font-smoothing: grayscale;
8697 }
8698 .lp-modal-dialog .lp-button:hover {
8699 border-color: var(--lp-primary-color, #ffb606);
8700 color: #fff;
8701 background: var(--lp-primary-color, #ffb606);
8702 }
8703
8704 .lp-button.btn-finish-course {
8705 cursor: pointer;
8706 width: 100%;
8707 padding: 12px 24px;
8708 background-color: var(--lp-primary-color, #ffb606);
8709 border-width: 0;
8710 border-radius: var(--lp-border-radius, 5px);
8711 border-color: var(--lp-primary-color, #ffb606);
8712 color: var(--lp-color-white, #fff);
8713 font-size: var(--lp-font-size-base, 1em);
8714 text-align: center;
8715 text-decoration: none;
8716 -webkit-transition: all 0.25s;
8717 -moz-transition: all 0.25s;
8718 -ms-transition: all 0.25s;
8719 -o-transition: all 0.25s;
8720 transition: all 0.25s;
8721 }
8722 .lp-button.btn-finish-course:hover {
8723 background-color: var(--lp-secondary-color, #442e66);
8724 border-color: var(--lp-secondary-color, #442e66);
8725 }
8726 .lp-button.btn-finish-course.loading {
8727 pointer-events: none;
8728 opacity: 0.8;
8729 }
8730 .lp-button.btn-finish-course.loading:before {
8731 display: inline-block;
8732 font-family: "lp-icon";
8733 content: "\f110";
8734 animation: lp-rotating 1s linear infinite;
8735 margin-left: 5px;
8736 font-variant: normal;
8737 text-transform: none;
8738 -webkit-font-smoothing: antialiased;
8739 -moz-osx-font-smoothing: grayscale;
8740 }
8741
8742 /**
8743 * Mixin
8744 */
8745 @-webkit-keyframes rotating4 {
8746 from {
8747 -webkit-transform: rotate(0deg);
8748 -o-transform: rotate(0deg);
8749 transform: rotate(0deg);
8750 }
8751 to {
8752 -webkit-transform: rotate(-360deg);
8753 -o-transform: rotate(-360deg);
8754 transform: rotate(-360deg);
8755 }
8756 }
8757 @keyframes rotating4 {
8758 from {
8759 -ms-transform: rotate(0deg);
8760 -moz-transform: rotate(0deg);
8761 -webkit-transform: rotate(0deg);
8762 -o-transform: rotate(0deg);
8763 transform: rotate(0deg);
8764 }
8765 to {
8766 -ms-transform: rotate(-360deg);
8767 -moz-transform: rotate(-360deg);
8768 -webkit-transform: rotate(-360deg);
8769 -o-transform: rotate(-360deg);
8770 transform: rotate(-360deg);
8771 }
8772 }
8773 @-webkit-keyframes animation4 {
8774 from {
8775 right: -40%;
8776 width: 40%;
8777 }
8778 to {
8779 right: 100%;
8780 width: 10%;
8781 }
8782 }
8783 @keyframes animation4 {
8784 from {
8785 right: -40%;
8786 width: 40%;
8787 }
8788 to {
8789 right: 100%;
8790 width: 10%;
8791 }
8792 }
8793 :root {
8794 --lp-cotainer-max-with: var(--lp-container-max-width);
8795 }
8796
8797 .wp-block-group {
8798 --lp-container-max-width: var(--wp--style--global--wide-size);
8799 }
8800
8801 .c-gap-4 {
8802 column-gap: 4px;
8803 }
8804
8805 .wp-block-learnpress-course-feature-review .featured-review__title {
8806 font-weight: var(--lp-font-weight-link, 600);
8807 font-size: calc(var(--lp-font-size-base, 1em) * 1.25);
8808 }
8809
8810 [class^=wp-block-learnpress] .extra-box ul {
8811 margin: 0 20px 0 0;
8812 padding: 0;
8813 }
8814
8815 .wp-block-learnpress-course-button-read-more,
8816 .wp-block-learnpress-course-button {
8817 cursor: pointer;
8818 padding: 12px 24px;
8819 background-color: var(--lp-primary-color, #ffb606);
8820 border-width: 0;
8821 border-radius: var(--lp-border-radius, 5px);
8822 border-color: var(--lp-primary-color, #ffb606);
8823 color: var(--lp-color-white, #fff);
8824 font-size: var(--lp-font-size-base, 1em);
8825 text-align: center;
8826 text-decoration: none;
8827 -webkit-transition: all 0.25s;
8828 -moz-transition: all 0.25s;
8829 -ms-transition: all 0.25s;
8830 -o-transition: all 0.25s;
8831 transition: all 0.25s;
8832 }
8833 .wp-block-learnpress-course-button-read-more:hover,
8834 .wp-block-learnpress-course-button:hover {
8835 background-color: var(--lp-secondary-color, #442e66);
8836 border-color: var(--lp-secondary-color, #442e66);
8837 }
8838 .wp-block-learnpress-course-button-read-more.loading,
8839 .wp-block-learnpress-course-button.loading {
8840 pointer-events: none;
8841 opacity: 0.8;
8842 }
8843 .wp-block-learnpress-course-button-read-more.loading:before,
8844 .wp-block-learnpress-course-button.loading:before {
8845 display: inline-block;
8846 font-family: "lp-icon";
8847 content: "\f110";
8848 animation: lp-rotating 1s linear infinite;
8849 margin-left: 5px;
8850 font-variant: normal;
8851 text-transform: none;
8852 -webkit-font-smoothing: antialiased;
8853 -moz-osx-font-smoothing: grayscale;
8854 vertical-align: middle;
8855 }
8856
8857 @media (min-width: 992px) {
8858 .lp-block-course-sidebar {
8859 margin-top: -260px;
8860 margin-block-start: -260px !important;
8861 }
8862 }
8863 .wp-block-learnpress-item-search .search-course {
8864 display: flex;
8865 position: relative;
8866 height: 70px;
8867 background: var(--lp-white-grey, #F7F7FB);
8868 }
8869 .wp-block-learnpress-item-search .search-course input[name=s] {
8870 display: block;
8871 width: 100%;
8872 margin-right: 30px;
8873 border: none;
8874 color: var(--lp-color-base, #333);
8875 background: transparent;
8876 box-shadow: none;
8877 height: auto;
8878 -webkit-box-sizing: border-box;
8879 -moz-box-sizing: border-box;
8880 box-sizing: border-box;
8881 }
8882 .wp-block-learnpress-item-search .search-course input[name=s]::-webkit-input-placeholder {
8883 color: #999;
8884 }
8885 .wp-block-learnpress-item-search .search-course input[name=s]::-moz-placeholder {
8886 color: #999;
8887 }
8888 .wp-block-learnpress-item-search .search-course input[name=s]:-ms-input-placeholder {
8889 color: #999;
8890 }
8891 .wp-block-learnpress-item-search .search-course input[name=s]:-moz-placeholder {
8892 color: #999;
8893 }
8894 .wp-block-learnpress-item-search .search-course input[name=s]::placeholder {
8895 color: #999;
8896 }
8897 .wp-block-learnpress-item-search .search-course input[name=s]::-webkit-input-placeholder {
8898 font-style: italic;
8899 }
8900 .wp-block-learnpress-item-search .search-course input[name=s]::-moz-placeholder {
8901 font-style: italic;
8902 }
8903 .wp-block-learnpress-item-search .search-course input[name=s]:-ms-input-placeholder {
8904 font-style: italic;
8905 }
8906 .wp-block-learnpress-item-search .search-course input[name=s]:-moz-placeholder {
8907 font-style: italic;
8908 }
8909 .wp-block-learnpress-item-search .search-course input[name=s]::placeholder {
8910 font-style: italic;
8911 }
8912 .wp-block-learnpress-item-search .search-course input[name=s]:focus {
8913 outline: 0;
8914 }
8915 .wp-block-learnpress-item-search .search-course button {
8916 position: absolute;
8917 top: 0;
8918 left: 10px;
8919 height: 70px;
8920 padding: 0 16px;
8921 border: 0;
8922 background: transparent;
8923 line-height: 1px;
8924 box-shadow: none;
8925 }
8926 .wp-block-learnpress-item-search .search-course button:focus {
8927 outline: none;
8928 }
8929 .wp-block-learnpress-item-search .search-course button i {
8930 color: var(--lp-color-accent, #666);
8931 }
8932 .wp-block-learnpress-item-search .search-course button.clear {
8933 display: none;
8934 }
8935 .wp-block-learnpress-item-search .search-course button.clear::before {
8936 content: "\f00d";
8937 }
8938
8939 .wp-block-learnpress-course-material .lp-button {
8940 padding: 12px 24px;
8941 border: 1px solid var(--lp-border-color, #E2E0DB);
8942 color: var(--lp-color-base, #333);
8943 background: transparent;
8944 box-shadow: unset;
8945 font-family: inherit;
8946 font-weight: 400;
8947 text-align: center;
8948 text-transform: capitalize;
8949 -webkit-border-radius: var(--lp-border-radius, 5px);
8950 -moz-border-radius: var(--lp-border-radius, 5px);
8951 border-radius: var(--lp-border-radius, 5px);
8952 margin-top: 20px;
8953 -webkit-transition: all 0.25s;
8954 -moz-transition: all 0.25s;
8955 -ms-transition: all 0.25s;
8956 -o-transition: all 0.25s;
8957 transition: all 0.25s;
8958 }
8959 .wp-block-learnpress-course-material .course-material-table {
8960 width: 100%;
8961 display: table;
8962 border-spacing: 0;
8963 border-collapse: collapse;
8964 }
8965 .wp-block-learnpress-course-material .course-material-table tbody tr:nth-child(even) td,
8966 .wp-block-learnpress-course-material .course-material-table .learnpress table tfoot tr:nth-child(even) td {
8967 background: var(--tb-even-color, #fafafa);
8968 }
8969 .wp-block-learnpress-course-material .course-material-table thead {
8970 box-sizing: border-box;
8971 border: 1px solid var(--lp-border-color, #e2e0db);
8972 }
8973 .wp-block-learnpress-course-material .course-material-table th,
8974 .wp-block-learnpress-course-material .course-material-table td {
8975 padding: 0.7em 1em;
8976 border: 1px solid var(--lp-border-color, #e2e0db);
8977 background: #fff;
8978 }
8979 .wp-block-learnpress-course-material .course-material-table th {
8980 border-bottom: none;
8981 background: var(--lp-white-grey, #f7f7fb);
8982 font-weight: 600;
8983 text-align: center;
8984 }
8985 .wp-block-learnpress-course-material .course-material-table th:first-child {
8986 text-align: right;
8987 }
8988 .wp-block-learnpress-course-material .course-material-table tr td {
8989 border: 1px solid var(--lp-border-color, #e2e0db);
8990 line-height: 1.4;
8991 }
8992 .wp-block-learnpress-course-material .course-material-table tr td:not(:first-child) {
8993 text-align: center;
8994 }
8995 .wp-block-learnpress-course-material .course-material-table tfoot td {
8996 text-align: right;
8997 font-weight: bold;
8998 }
8999 .wp-block-learnpress-course-material .course-material-table.searching button:before {
9000 display: inline-block;
9001 content: "\f110";
9002 animation: lp-rotating 1s linear infinite;
9003 }
9004
9005 .wp-block-learnpress-item-hidden-sidebar .section-toggle {
9006 justify-content: flex-end;
9007 flex: 0;
9008 }
9009 .wp-block-learnpress-item-hidden-sidebar .section-toggle i {
9010 color: var(--lp-color-accent, #666);
9011 }
9012
9013 .wp-block-learnpress-item-close .back-course {
9014 padding: 24px;
9015 line-height: 70px;
9016 background: rgba(255, 255, 255, 0.1);
9017 color: #fff;
9018 }
9019 .wp-block-learnpress-item-close .back-course:hover {
9020 background: rgba(255, 255, 255, 0.15);
9021 }
9022 @media (max-width: 768px) {
9023 .wp-block-learnpress-item-close .back-course {
9024 background: transparent;
9025 opacity: 0.6;
9026 padding-right: 15px;
9027 padding-left: 15px;
9028 }
9029 .wp-block-learnpress-item-close .back-course:hover {
9030 background: transparent;
9031 opacity: 1;
9032 }
9033 }
9034
9035 .wp-block-learnpress-item-hidden-sidebar #sidebar-toggle {
9036 display: inline-block;
9037 width: 32px;
9038 min-width: 32px;
9039 line-height: 70px;
9040 height: unset;
9041 margin: 0;
9042 background: rgba(255, 255, 255, 0.1);
9043 color: var(--lp-color-white, #fff);
9044 font-size: 1.4em;
9045 cursor: pointer;
9046 transition: 0.25s;
9047 -webkit-appearance: none;
9048 border: none;
9049 text-align: center;
9050 }
9051 .wp-block-learnpress-item-hidden-sidebar #sidebar-toggle:after {
9052 display: none;
9053 }
9054 .wp-block-learnpress-item-hidden-sidebar #sidebar-toggle::before {
9055 display: inline-block;
9056 position: static;
9057 margin: 0;
9058 width: auto;
9059 height: auto;
9060 font-family: "lp-icon";
9061 content: "\f0d9";
9062 }
9063 .wp-block-learnpress-item-hidden-sidebar #sidebar-toggle:focus {
9064 border: 0;
9065 outline: 0;
9066 }
9067
9068 .wp-block-learnpress-item-progress .items-progress {
9069 display: flex;
9070 justify-content: center;
9071 align-items: center;
9072 column-gap: 10px;
9073 white-space: nowrap;
9074 }
9075 .wp-block-learnpress-item-progress .number {
9076 padding-left: 10px;
9077 font-size: calc(var(--lp-font-size-base, 1em) * 0.86);
9078 }
9079 .wp-block-learnpress-item-progress .learn-press-progress {
9080 overflow: hidden;
9081 position: relative;
9082 width: 80px;
9083 height: 6px;
9084 border-radius: 3px;
9085 }
9086 .wp-block-learnpress-item-progress .learn-press-progress .progress-bg {
9087 overflow: hidden;
9088 position: relative;
9089 height: 6px;
9090 background: #ccc;
9091 -webkit-border-radius: 5px;
9092 -moz-border-radius: 5px;
9093 border-radius: 5px;
9094 }
9095 .wp-block-learnpress-item-progress .learn-press-progress .progress-bg .progress-active {
9096 position: absolute;
9097 right: 50%;
9098 width: 100%;
9099 height: 100%;
9100 margin-right: -100%;
9101 background: var(--lp-primary-color, #ffb606);
9102 -webkit-border-radius: 5px;
9103 -moz-border-radius: 5px;
9104 border-radius: 5px;
9105 }
9106 .wp-block-learnpress-item-progress .learn-press-progress .learn-press-progress__active {
9107 position: absolute;
9108 z-index: 1;
9109 right: -100%;
9110 width: 100%;
9111 height: 100%;
9112 border-radius: 3px;
9113 background: var(--lp-primary-color, #ffb606);
9114 -webkit-transition: 0.5s;
9115 -moz-transition: 0.5s;
9116 -ms-transition: 0.5s;
9117 -o-transition: 0.5s;
9118 transition: 0.5s;
9119 }
9120 .wp-block-learnpress-item-progress .learn-press-progress::before {
9121 display: block;
9122 position: absolute;
9123 z-index: 0;
9124 top: 0;
9125 width: 100%;
9126 height: 100%;
9127 background: #ccc;
9128 content: "";
9129 }
9130
9131 .wp-block-learnpress-item-navigation .course-item-nav {
9132 display: flex;
9133 justify-content: space-between;
9134 }
9135 .wp-block-learnpress-item-navigation .course-item-nav .prev,
9136 .wp-block-learnpress-item-navigation .course-item-nav .next {
9137 display: flex;
9138 line-height: 3.125em;
9139 flex: 1;
9140 position: relative;
9141 }
9142 .wp-block-learnpress-item-navigation .course-item-nav .prev span,
9143 .wp-block-learnpress-item-navigation .course-item-nav .next span {
9144 display: block;
9145 font-weight: bold;
9146 }
9147 .wp-block-learnpress-item-navigation .course-item-nav .prev a,
9148 .wp-block-learnpress-item-navigation .course-item-nav .next a {
9149 display: block;
9150 color: var(--lp-color-accent, #666);
9151 color: #999;
9152 }
9153 .wp-block-learnpress-item-navigation .course-item-nav .prev::before,
9154 .wp-block-learnpress-item-navigation .course-item-nav .next::before {
9155 color: #999;
9156 font-family: "lp-icon";
9157 }
9158 .wp-block-learnpress-item-navigation .course-item-nav .prev:hover a, .wp-block-learnpress-item-navigation .course-item-nav .prev:hover::before,
9159 .wp-block-learnpress-item-navigation .course-item-nav .next:hover a,
9160 .wp-block-learnpress-item-navigation .course-item-nav .next:hover::before {
9161 color: var(--lp-primary-color, #ffb606);
9162 }
9163 .wp-block-learnpress-item-navigation .course-item-nav .prev:hover .course-item-nav__name,
9164 .wp-block-learnpress-item-navigation .course-item-nav .next:hover .course-item-nav__name {
9165 display: block;
9166 }
9167 .wp-block-learnpress-item-navigation .course-item-nav .next {
9168 text-align: left;
9169 flex-direction: row-reverse;
9170 }
9171 .wp-block-learnpress-item-navigation .course-item-nav .next::before {
9172 margin-right: 10px;
9173 content: "\f0da";
9174 }
9175 .wp-block-learnpress-item-navigation .course-item-nav .next[data-nav=next] {
9176 justify-content: flex-end;
9177 }
9178 .wp-block-learnpress-item-navigation .prev::before {
9179 margin-left: 10px;
9180 content: "\f0d9";
9181 }
9182 .wp-block-learnpress-item-navigation .prev .course-item-nav__name {
9183 left: auto;
9184 right: -30px;
9185 }
9186 .wp-block-learnpress-item-navigation .prev .course-item-nav__name::before {
9187 left: auto;
9188 right: 5px;
9189 }
9190 @media (max-width: 1024px) {
9191 .wp-block-learnpress-item-navigation .prev .course-item-nav__name {
9192 right: 15px;
9193 }
9194 }
9195 .wp-block-learnpress-item-navigation .course-item-nav__name {
9196 display: none;
9197 position: absolute;
9198 top: -20px;
9199 left: -30px;
9200 width: auto;
9201 padding: 10px 15px;
9202 color: var(--lp-color-accent, #666);
9203 background: #ccc;
9204 font-size: calc(var(--lp-font-size-base, 1em) * 0.925);
9205 line-height: 1;
9206 }
9207 @media (max-width: 1024px) {
9208 .wp-block-learnpress-item-navigation .course-item-nav__name {
9209 top: -25px;
9210 left: 15px;
9211 right: auto;
9212 }
9213 }
9214
9215 .wp-block-learnpress-item-curriculum .lp-course-curriculum__title,
9216 .wp-block-learnpress-item-curriculum .course-curriculum-info,
9217 .wp-block-learnpress-item-curriculum .course-section__description {
9218 display: none;
9219 }
9220
9221 .wp-block-learnpress-item-content .content-item-wrap {
9222 padding: 0;
9223 }
9224
9225 .wp-block-learnpress-item-curriculum .lp-course-curriculum .course-section .course-item__content {
9226 display: flex;
9227 justify-content: space-between;
9228 column-gap: 12px;
9229 row-gap: 8px;
9230 align-items: baseline;
9231 flex: 1;
9232 flex-direction: row;
9233 }
9234
9235 .wp-block-learnpress-list-courses .learn-press-courses .course {
9236 width: unset;
9237 padding: 0;
9238 }
9239
9240 .wp-block-learnpress-course-featured .course-featured {
9241 margin-bottom: 0;
9242 background-color: inherit;
9243 color: inherit;
9244 padding: 0;
9245 }
9246
9247 .courses-order-by,
9248 .block-courses-order-by {
9249 border: 1px solid var(--lp-border-color, #E2E0DB);
9250 border-radius: var(--lp-border-radius, 5px);
9251 padding: 8px 16px;
9252 height: inherit;
9253 font-size: inherit;
9254 line-height: 1.1;
9255 box-shadow: none;
9256 padding-left: 30px;
9257 background-image: url(data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjE4cHgiIGhlaWdodD0iMTBweCIgdmlld0JveD0iMCAwIDE4IDEwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4KICAgICAgICA8ZyBpZD0iVmVjdG9yLSgxKSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMS4wMDAwMDAsIDEuMDAwMDAwKSIgc3Ryb2tlPSIjMzMzMzMzIiBzdHJva2Utd2lkdGg9IjIiPgogICAgICAgICAgICA8cG9seWxpbmUgaWQ9IlBhdGgiIHBvaW50cz0iMCAwIDggOCAxNiAwIj48L3BvbHlsaW5lPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
9258 background-size: 0.8em;
9259 background-position: calc(100% - (100% - 0.5em)) center;
9260 background-repeat: no-repeat;
9261 -moz-appearance: none;
9262 -webkit-appearance: none;
9263 appearance: none;
9264 line-height: 1.1;
9265 }
9266 .woocommerce-js .courses-order-by,
9267 .woocommerce-js .block-courses-order-by {
9268 background-position-x: calc(100% - (100% - 10px));
9269 }
9270 .courses-order-by:focus,
9271 .block-courses-order-by:focus {
9272 border-color: var(--lp-primary-color);
9273 outline: 0;
9274 }
9275
9276 .course-img img {
9277 display: block;
9278 }
9279
9280 .block-search-courses {
9281 display: flex;
9282 flex: 1;
9283 margin-bottom: 0;
9284 }
9285 .block-search-courses input {
9286 width: 100%;
9287 max-width: 240px;
9288 margin: 0 0 0 4px;
9289 border: 1px solid var(--lp-border-color, #E2E0DB);
9290 border-radius: var(--lp-border-radius, 5px);
9291 padding: 8px 16px;
9292 height: inherit;
9293 font-size: inherit;
9294 line-height: 1.1;
9295 box-shadow: none;
9296 }
9297 .block-search-courses input::-webkit-input-placeholder {
9298 color: #999;
9299 }
9300 .block-search-courses input::-moz-placeholder {
9301 color: #999;
9302 }
9303 .block-search-courses input:-ms-input-placeholder {
9304 color: #999;
9305 }
9306 .block-search-courses input:-moz-placeholder {
9307 color: #999;
9308 }
9309 .block-search-courses input::placeholder {
9310 color: #999;
9311 }
9312 .block-search-courses input:focus {
9313 border-color: var(--lp-primary-color);
9314 outline: 0;
9315 }
9316 .block-search-courses button {
9317 border: 1px solid var(--lp-border-color, #E2E0DB);
9318 border-radius: var(--lp-border-radius, 5px);
9319 padding: 8px 16px;
9320 height: inherit;
9321 font-size: inherit;
9322 line-height: 1.1;
9323 box-shadow: none;
9324 box-shadow: 0 0 0;
9325 margin-bottom: 0;
9326 }
9327 .block-search-courses button i {
9328 font-size: 1.2em;
9329 line-height: 1.2;
9330 }
9331 .block-search-courses button:focus {
9332 outline: 0;
9333 }
9334 .block-search-courses button.loading > i:before {
9335 display: inline-block;
9336 content: "\f110";
9337 -webkit-animation: lp-rotating 1s linear infinite;
9338 -moz-animation: lp-rotating 1s linear infinite;
9339 animation: lp-rotating 1s linear infinite;
9340 }
9341
9342 @media (max-width: 767px) {
9343 .wp-block-learnpress-course-search {
9344 width: 100%;
9345 }
9346 .wp-block-learnpress-course-search input {
9347 min-width: 240px;
9348 max-width: unset;
9349 }
9350 }
9351 .course-filter-btn-mobile {
9352 display: inline-flex;
9353 align-items: center;
9354 }
9355 @media (min-width: 769px) {
9356 .course-filter-btn-mobile {
9357 display: none;
9358 }
9359 }
9360
9361 ul.wp-block-learn-press-courses {
9362 list-style: none;
9363 margin: 0;
9364 max-width: 100%;
9365 padding: 0;
9366 }
9367 ul.wp-block-learn-press-courses[data-layout=grid] {
9368 --columns: 3;
9369 --gap: 1.25em;
9370 --min-width: 200px;
9371 grid-gap: var(--gap);
9372 display: grid;
9373 grid-template-columns: repeat(auto-fill, minmax(max(var(--min-width), 100% / var(--columns) - var(--gap) * (var(--columns) - 1) / var(--columns)), 1fr));
9374 margin-bottom: 2.25em;
9375 }
9376 @media (max-width: 768px) {
9377 ul.wp-block-learn-press-courses .wp-block-learn-press-courses[data-layout=grid] {
9378 --columns: min(var(--columns), 2);
9379 }
9380 }
9381 @media (max-width: 480px) {
9382 ul.wp-block-learn-press-courses .wp-block-learn-press-courses[data-layout=grid] {
9383 --columns: 1;
9384 }
9385 }
9386
9387 .wp-block-learnpress-course-price .course-price .free,
9388 .wp-block-learnpress-course-price .course-price .price {
9389 font-size: calc(var(--lp-font-size-base, 1em) * 1.25);
9390 font-weight: var(--lp-font-weight-link, 600);
9391 }
9392 .wp-block-learnpress-course-price .course-price .origin-price {
9393 margin-left: 8px;
9394 opacity: 0.8;
9395 font-size: calc(var(--lp-font-size-base, 1em) * 0.925);
9396 text-decoration: line-through;
9397 }
9398
9399 .wp-block-learnpress-course-button-read-more button {
9400 padding: 8px 24px;
9401 border-radius: var(--lp-border-radius, 5px);
9402 color: var(--lp-color-base, #333);
9403 border: 1px solid var(--lp-color-base, #333);
9404 transition: all 0.3s;
9405 display: block;
9406 background: transparent;
9407 text-decoration: none;
9408 text-align: center;
9409 }
9410 .wp-block-learnpress-course-button-read-more button:hover {
9411 background: var(--lp-primary-color, #ffb606);
9412 color: var(--lp-color-white, #fff);
9413 border-color: var(--lp-primary-color, #ffb606);
9414 }
9415
9416 .wp-block-learnpress-course-button .course-readmore a {
9417 padding: 8px 24px;
9418 border-radius: var(--lp-border-radius, 5px);
9419 color: var(--lp-color-base, #333);
9420 border: 1px solid var(--lp-color-base, #333);
9421 transition: all 0.3s;
9422 display: block;
9423 background: transparent;
9424 text-decoration: none;
9425 text-align: center;
9426 }
9427 .wp-block-learnpress-course-button .course-readmore a:hover {
9428 background: var(--lp-primary-color, #ffb606);
9429 color: var(--lp-color-white, #fff);
9430 border-color: var(--lp-primary-color, #ffb606);
9431 }
9432
9433 .courses-order-by-wrapper .courses-order-by {
9434 border: 1px solid var(--lp-border-color, #E2E0DB);
9435 border-radius: var(--lp-border-radius, 5px);
9436 padding: 8px 16px;
9437 height: inherit;
9438 font-size: inherit;
9439 line-height: 1.1;
9440 box-shadow: none;
9441 padding-left: 30px;
9442 background-image: url(data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjE4cHgiIGhlaWdodD0iMTBweCIgdmlld0JveD0iMCAwIDE4IDEwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4KICAgICAgICA8ZyBpZD0iVmVjdG9yLSgxKSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMS4wMDAwMDAsIDEuMDAwMDAwKSIgc3Ryb2tlPSIjMzMzMzMzIiBzdHJva2Utd2lkdGg9IjIiPgogICAgICAgICAgICA8cG9seWxpbmUgaWQ9IlBhdGgiIHBvaW50cz0iMCAwIDggOCAxNiAwIj48L3BvbHlsaW5lPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
9443 background-size: 0.8em;
9444 background-position: calc(100% - (100% - 0.5em)) center;
9445 background-repeat: no-repeat;
9446 -moz-appearance: none;
9447 -webkit-appearance: none;
9448 appearance: none;
9449 line-height: 1.1;
9450 }
9451 .woocommerce-js .courses-order-by-wrapper .courses-order-by {
9452 background-position-x: calc(100% - (100% - 10px));
9453 }
9454 .courses-order-by-wrapper .courses-order-by:focus {
9455 border-color: var(--lp-primary-color, #ffb606);
9456 outline: 0;
9457 }
9458
9459 .wp-block-learnpress-course-filter h3 {
9460 margin-bottom: 20px;
9461 margin-top: 0;
9462 }
9463 .wp-block-learnpress-course-filter .filter .line {
9464 height: 15px;
9465 background: #ccc;
9466 margin-bottom: 10px;
9467 }
9468
9469 .wp-block-learnpress-course-search-filter,
9470 .wp-block-learnpress-course-level-filter,
9471 .wp-block-learnpress-course-author-filter,
9472 .wp-block-learnpress-course-price-filter,
9473 .wp-block-learnpress-course-categories-filter,
9474 .wp-block-learnpress-course-tag-filter {
9475 margin-bottom: 15px;
9476 padding-bottom: 15px;
9477 border-bottom: 1px solid #ccc;
9478 }
9479 .wp-block-learnpress-course-search-filter .lp-course-filter__field,
9480 .wp-block-learnpress-course-level-filter .lp-course-filter__field,
9481 .wp-block-learnpress-course-author-filter .lp-course-filter__field,
9482 .wp-block-learnpress-course-price-filter .lp-course-filter__field,
9483 .wp-block-learnpress-course-categories-filter .lp-course-filter__field,
9484 .wp-block-learnpress-course-tag-filter .lp-course-filter__field {
9485 position: relative;
9486 display: flex;
9487 align-items: center;
9488 gap: 10px;
9489 cursor: pointer;
9490 }
9491 .wp-block-learnpress-course-search-filter label,
9492 .wp-block-learnpress-course-level-filter label,
9493 .wp-block-learnpress-course-author-filter label,
9494 .wp-block-learnpress-course-price-filter label,
9495 .wp-block-learnpress-course-categories-filter label,
9496 .wp-block-learnpress-course-tag-filter label {
9497 flex: 1;
9498 }
9499 .wp-block-learnpress-course-search-filter span,
9500 .wp-block-learnpress-course-level-filter span,
9501 .wp-block-learnpress-course-author-filter span,
9502 .wp-block-learnpress-course-price-filter span,
9503 .wp-block-learnpress-course-categories-filter span,
9504 .wp-block-learnpress-course-tag-filter span {
9505 color: #999;
9506 }
9507
9508 .wp-block-learnpress-course-search-filter .search-box {
9509 width: 100%;
9510 height: 40px;
9511 border: 1px solid #ccc;
9512 border-radius: 5px;
9513 margin-top: 12px;
9514 }
9515
9516 .wp-block-learnpress-button-submit-filter,
9517 .wp-block-learnpress-button-reset-filter {
9518 box-sizing: border-box;
9519 text-transform: capitalize;
9520 border: 1px solid #ccc;
9521 border-radius: 4px;
9522 background: white;
9523 float: right;
9524 text-align: center;
9525 width: calc(50% - 8px);
9526 padding: 8px 30px;
9527 }
9528
9529 .wp-block-learnpress-button-submit-filter {
9530 margin-left: 4px;
9531 }
9532
9533 .wp-block-learnpress-button-reset-filter {
9534 margin-right: 4px;
9535 }
9536
9537 .block-editor-block-list__block img {
9538 display: block;
9539 }
9540 .block-editor-block-list__block .learn-press-courses {
9541 list-style: none;
9542 margin: 0;
9543 max-width: 100%;
9544 padding: 0;
9545 }
9546 .block-editor-block-list__block a {
9547 text-decoration: none;
9548 }
9549 .block-editor-block-list__block .c-gap-4 {
9550 column-gap: 4px;
9551 }
9552 .block-editor-block-list__block .lp-course-curriculum .course-section .course-item__right {
9553 color: inherit;
9554 }
9555 .block-editor-block-list__block.wp-block-learnpress-course-title > * {
9556 margin-top: 0;
9557 }
9558
9559 a.block-editor-block-list__block.wp-block-learnpress-course-button {
9560 padding: 8px 24px;
9561 border-radius: var(--lp-border-radius, 5px);
9562 color: var(--lp-color-base, #333);
9563 border: 1px solid var(--lp-color-base, #333);
9564 transition: all 0.3s;
9565 display: block;
9566 background: transparent;
9567 text-decoration: none;
9568 text-align: center;
9569 }
9570 a.block-editor-block-list__block.wp-block-learnpress-course-button:hover {
9571 background: var(--lp-primary-color, #ffb606);
9572 color: var(--lp-color-white, #fff);
9573 border-color: var(--lp-primary-color, #ffb606);
9574 }
9575
9576 @keyframes lp-rotating {
9577 from {
9578 -webkit-transform: rotate(0deg);
9579 -moz-transform: rotate(0deg);
9580 -ms-transform: rotate(0deg);
9581 -o-transform: rotate(0deg);
9582 transform: rotate(0deg);
9583 }
9584 to {
9585 -webkit-transform: rotate(-360deg);
9586 -moz-transform: rotate(-360deg);
9587 -ms-transform: rotate(-360deg);
9588 -o-transform: rotate(-360deg);
9589 transform: rotate(-360deg);
9590 }
9591 }
9592 @-webkit-keyframes lp-rotating {
9593 from {
9594 -webkit-transform: rotate(0deg);
9595 -moz-transform: rotate(0deg);
9596 -ms-transform: rotate(0deg);
9597 -o-transform: rotate(0deg);
9598 transform: rotate(0deg);
9599 }
9600 to {
9601 -webkit-transform: rotate(-360deg);
9602 -moz-transform: rotate(-360deg);
9603 -ms-transform: rotate(-360deg);
9604 -o-transform: rotate(-360deg);
9605 transform: rotate(-360deg);
9606 }
9607 }
9608 .lp-loading-change {
9609 position: absolute;
9610 width: 100%;
9611 height: 100%;
9612 background: rgba(255, 255, 255, 0.38);
9613 top: 0;
9614 }
9615
9616 .lp-load-ajax-element {
9617 position: relative;
9618 }
9619
9620 .lp-loading-circle {
9621 width: 15px;
9622 height: 15px;
9623 border: 2px solid #ccc;
9624 border-radius: 50%;
9625 border-top-color: rgba(0, 0, 0, 0.76);
9626 animation: spin 1s infinite linear;
9627 display: inline-block;
9628 }
9629 .lp-loading-circle.hide {
9630 display: none;
9631 }
9632
9633 @keyframes spin {
9634 0% {
9635 transform: rotate(0deg);
9636 }
9637 100% {
9638 transform: rotate(-360deg);
9639 }
9640 }
9641 .lp-btn-ai-style {
9642 background: #f6f7f7;
9643 border: 1px solid #2271b1;
9644 color: #2271b1;
9645 text-decoration: none;
9646 text-shadow: none;
9647 display: inline-flex;
9648 align-items: center;
9649 gap: 5px;
9650 min-height: 30px;
9651 padding: 0 10px;
9652 cursor: pointer;
9653 -webkit-appearance: none;
9654 border-radius: 3px;
9655 white-space: nowrap;
9656 box-sizing: border-box;
9657 }
9658 .lp-btn-ai-style:active {
9659 box-shadow: none;
9660 color: #fff;
9661 }
9662 .lp-btn-ai-style:hover {
9663 background: #6B46E9 !important;
9664 color: #fff !important;
9665 }
9666
9667 .lp-btn-generate-course-with-ai, .lp-btn-warning-enable-ai {
9668 position: absolute;
9669 margin: 10px 10px 0 0 !important;
9670 }
9671
9672 .create-course-modal {
9673 padding: 0;
9674 display: flex !important;
9675 flex-direction: column;
9676 overflow: hidden;
9677 border-radius: 10px;
9678 background-color: #FFFFFF;
9679 height: 90vh;
9680 z-index: 10000000 !important;
9681 }
9682 .create-course-modal .modal-content {
9683 display: grid;
9684 grid-template-columns: 1fr 2fr;
9685 flex-grow: 1;
9686 gap: 30px;
9687 min-height: 500px;
9688 padding: 0 24px;
9689 }
9690 .create-course-modal .input-section {
9691 display: flex;
9692 flex-direction: column;
9693 }
9694 .create-course-modal .input-section label {
9695 font-weight: 700;
9696 line-height: 22px;
9697 font-size: 14px;
9698 color: #4A5568;
9699 margin-bottom: 4px;
9700 }
9701 .create-course-modal .input-section h3 {
9702 font-weight: 700;
9703 line-height: 22px;
9704 font-size: 14px;
9705 color: #4A5568;
9706 margin-bottom: 4px;
9707 }
9708 .create-course-modal .input-section textarea,
9709 .create-course-modal .input-section .ts-wrapper .ts-control {
9710 width: 100%;
9711 padding: 4px 8px;
9712 border: 1px solid #E5E7EB;
9713 border-radius: 6px;
9714 font-size: 0.95em;
9715 background-color: #F7FAFC;
9716 color: #1A202C;
9717 box-shadow: none;
9718 transition: border-color 0.2s, box-shadow 0.2s;
9719 }
9720 .create-course-modal .input-section textarea:focus, .create-course-modal .input-section textarea:focus-within,
9721 .create-course-modal .input-section .ts-wrapper .ts-control:focus,
9722 .create-course-modal .input-section .ts-wrapper .ts-control:focus-within {
9723 outline: none;
9724 border-color: #7E6CE2;
9725 box-shadow: 0 0 0 1px #7E6CE2;
9726 background-color: #FFFFFF;
9727 }
9728 .create-course-modal .input-section textarea {
9729 min-height: 150px;
9730 resize: vertical;
9731 }
9732 .create-course-modal .input-section .outputs-control {
9733 margin-top: 10px;
9734 }
9735 .create-course-modal .input-section .outputs-control .outputs-control-content {
9736 display: flex;
9737 align-items: center;
9738 justify-content: space-between;
9739 flex-direction: row;
9740 }
9741 .create-course-modal .input-section .outputs-control .outputs-control-content .output-number-selector {
9742 width: 120px;
9743 border-radius: 6px;
9744 padding: 10px 12px;
9745 border: 1px solid #E5E7EB;
9746 font-size: 0.95em;
9747 background-color: #F7FAFC;
9748 color: #1A202C;
9749 height: 40px;
9750 }
9751 .create-course-modal .input-section .lp-tom-select {
9752 width: 100%;
9753 }
9754 .create-course-modal .input-section .course-content-wrapper {
9755 background: #F7FAFC;
9756 padding: 8px 16px;
9757 border-radius: 16px;
9758 }
9759 .create-course-modal .input-section .course-content-wrapper input[readonly],
9760 .create-course-modal .input-section .course-content-wrapper textarea[readonly] {
9761 background-color: #FFFFFF !important;
9762 cursor: not-allowed;
9763 opacity: 0.8;
9764 }
9765 .create-course-modal .input-section .course-content-wrapper input[readonly]:focus,
9766 .create-course-modal .input-section .course-content-wrapper textarea[readonly]:focus {
9767 box-shadow: none;
9768 border-color: #E5E7EB;
9769 }
9770 .create-course-modal .output-section {
9771 display: flex;
9772 flex-direction: column;
9773 }
9774 .create-course-modal .output-section .output-header {
9775 display: flex;
9776 justify-content: space-between;
9777 align-items: center;
9778 margin-bottom: 8px;
9779 }
9780 .create-course-modal .output-section .output-header h3 {
9781 font-weight: 700;
9782 line-height: 22px;
9783 font-size: 14px;
9784 color: #1A202C;
9785 }
9786 .create-course-modal .output-section .output-header .icon-button {
9787 background: none;
9788 border: none;
9789 padding: 4px;
9790 cursor: pointer;
9791 color: #A0AEC0;
9792 }
9793 .create-course-modal .output-section .output-header .icon-button:hover {
9794 color: #4A5568;
9795 }
9796 .create-course-modal .output-section .output-item {
9797 border-radius: 6px;
9798 margin-bottom: 16px;
9799 background-color: #FFFFFF;
9800 position: relative;
9801 }
9802 .create-course-modal .output-section .output-item.prompt-item textarea {
9803 background-color: #F7FAFC;
9804 min-height: 80px;
9805 }
9806 .create-course-modal .output-section .output-item.output-suggestion textarea {
9807 border-color: #dbd6f7;
9808 min-height: 80px;
9809 }
9810 .create-course-modal .output-section .output-item p.prompt {
9811 font-weight: 500;
9812 color: #4A5568;
9813 font-size: 0.875rem;
9814 margin-bottom: 4px;
9815 }
9816 .create-course-modal .output-section .output-item .generate-button {
9817 background-color: #7E6CE2;
9818 color: #fff;
9819 border: none;
9820 padding: 12px 20px;
9821 border-radius: 6px;
9822 font-size: 1rem;
9823 font-weight: 500;
9824 cursor: pointer;
9825 width: 25%;
9826 margin-top: 10px;
9827 }
9828 .create-course-modal .output-section .output-item .generate-button:hover {
9829 opacity: 0.9;
9830 }
9831 .create-course-modal .output-section .output-item textarea {
9832 width: 100%;
9833 box-sizing: border-box;
9834 border: 1px solid #E5E7EB;
9835 border-radius: 6px;
9836 padding: 10px 12px;
9837 resize: vertical;
9838 font-size: 0.95em;
9839 color: #1A202C;
9840 transition: border-color 0.2s, box-shadow 0.2s;
9841 }
9842 .create-course-modal .output-section .output-item textarea:focus {
9843 outline: none;
9844 border-color: #7E6CE2;
9845 box-shadow: 0 0 0 1px #7E6CE2;
9846 }
9847 .create-course-modal .output-section .output-item .output-actions {
9848 position: absolute;
9849 top: 30%;
9850 left: 2%;
9851 display: flex;
9852 gap: 8px;
9853 visibility: hidden;
9854 }
9855 .create-course-modal .output-section .output-item .output-actions .action-button {
9856 font-size: 0.875rem;
9857 font-weight: 500;
9858 padding: 6px 12px;
9859 border-radius: 6px;
9860 cursor: pointer;
9861 border: 1px solid #E5E7EB;
9862 background-color: #FFFFFF;
9863 color: #4A5568;
9864 transition: background-color 0.2s, color 0.2s, border-color 0.2s;
9865 }
9866 .create-course-modal .output-section .output-item .output-actions .action-button.copy-button:hover {
9867 background-color: #F7FAFC;
9868 border-color: #c8ccd5;
9869 }
9870 .create-course-modal .output-section .output-item .output-actions .action-button.apply-button {
9871 background-color: #7E6CE2;
9872 border-color: #7E6CE2;
9873 color: #fff;
9874 }
9875 .create-course-modal .output-section .output-item .output-actions .action-button.apply-button:hover {
9876 opacity: 0.9;
9877 }
9878 .create-course-modal .output-section .output-item:hover .output-actions {
9879 visibility: visible;
9880 }
9881 .create-course-modal .output-section #lp-ai-output-suggestion {
9882 overflow-y: auto;
9883 flex-grow: 1;
9884 padding-left: 5px;
9885 }
9886 .create-course-modal .output-section #lp-ai-output-suggestion .output-placeholder {
9887 flex-grow: 1;
9888 border: 2px dashed #E5E7EB;
9889 border-radius: 6px;
9890 background-color: #E5E7EB;
9891 position: relative;
9892 height: 150px;
9893 width: 100%;
9894 background-position: center;
9895 background-repeat: no-repeat;
9896 margin-bottom: 10px;
9897 }
9898 .create-course-modal .output-section #lp-ai-output-suggestion .output-placeholder .output-actions {
9899 position: absolute;
9900 bottom: 5px;
9901 right: 80%;
9902 transform: translateX(50%);
9903 display: flex;
9904 gap: 10px;
9905 width: 30%;
9906 }
9907 .create-course-modal .output-section #lp-ai-output-suggestion .output-placeholder .output-actions .action-button {
9908 padding: 5px 20px;
9909 border-radius: 4px;
9910 border: 1px solid #E5E7EB;
9911 background-color: rgba(255, 255, 255, 0.8);
9912 cursor: pointer;
9913 }
9914 .create-course-modal .output-section #lp-ai-output-suggestion .output-placeholder .output-actions .apply-button {
9915 background-color: #7E6CE2;
9916 color: #fff;
9917 border-color: #7E6CE2;
9918 }
9919 .create-course-modal .ts-wrapper .ts-control .item {
9920 background-color: #F7FAFC;
9921 border: 1px solid #E5E7EB;
9922 color: #4A5568;
9923 border-radius: 20px;
9924 padding: 4px 10px;
9925 }
9926 .create-course-modal .ts-wrapper .ts-control .ts-input::placeholder {
9927 color: #A0AEC0;
9928 }
9929 .create-course-modal .modal-content {
9930 gap: 40px;
9931 padding: 24px 30px;
9932 }
9933 .create-course-modal .modal-content .input-section .form-group {
9934 margin-bottom: 16px;
9935 }
9936 .create-course-modal .modal-content .input-section .form-group label {
9937 margin-bottom: 6px;
9938 display: block;
9939 }
9940 .create-course-modal .modal-content .input-section .lp-ai-modal-grid.lp-ai-grid-2-cols {
9941 display: grid;
9942 grid-template-columns: 1fr 1fr;
9943 gap: 16px 20px;
9944 margin-bottom: 16px;
9945 }
9946 .create-course-modal .modal-content .input-section h3 {
9947 font-size: 16px;
9948 font-weight: 600;
9949 color: #1A202C;
9950 margin-top: 20px;
9951 margin-bottom: 8px;
9952 }
9953 .create-course-modal .modal-content .input-section h3:first-child {
9954 margin-top: 0;
9955 }
9956 .create-course-modal .modal-content .input-section p.description {
9957 font-size: 12px;
9958 color: #4A5568;
9959 margin: -4px 0 16px 0;
9960 }
9961 .create-course-modal .modal-content .input-section .lp-notice.notice-warning {
9962 background-color: #FEFCE8;
9963 border: 1px solid #FDE047;
9964 border-radius: 6px;
9965 padding: 12px;
9966 margin: 10px 0 20px 0;
9967 font-size: 14px;
9968 color: #713F12;
9969 }
9970 .create-course-modal .modal-content .input-section .lp-notice.notice-warning a {
9971 font-weight: 600;
9972 color: #713F12;
9973 text-decoration: underline;
9974 }
9975 .create-course-modal .modal-content .output-section .output-placeholder-wrapper {
9976 display: flex;
9977 justify-content: center;
9978 align-items: center;
9979 text-align: center;
9980 height: 100%;
9981 min-height: 200px;
9982 background-color: #F9FAFB;
9983 border-radius: 8px;
9984 border: 1px solid #E5E7EB;
9985 padding: 20px;
9986 }
9987 .create-course-modal .modal-content .output-section .output-placeholder-wrapper p {
9988 color: #4A5568;
9989 font-size: 15px;
9990 }
9991 .create-course-modal .modal-content .output-section .output-header .icon-button {
9992 display: inline-flex;
9993 align-items: center;
9994 justify-content: center;
9995 color: #4A5568;
9996 }
9997 .create-course-modal .modal-content .output-section .output-header .icon-button svg {
9998 width: 20px;
9999 height: 20px;
10000 }
10001
10002 .lp-generate-data-ai-wrap {
10003 width: 100%;
10004 max-height: 90%;
10005 }
10006 .lp-generate-data-ai-wrap .content-title {
10007 color: #111111;
10008 }
10009 .lp-generate-data-ai-wrap .step-header {
10010 display: flex;
10011 justify-content: space-between;
10012 margin-bottom: 30px;
10013 padding: 0 20px;
10014 gap: 10px;
10015 }
10016 .lp-generate-data-ai-wrap .step-header .step-item {
10017 display: flex;
10018 align-items: center;
10019 font-size: 14px;
10020 color: #1A202C;
10021 position: relative;
10022 flex-grow: 1;
10023 justify-content: center;
10024 }
10025 .lp-generate-data-ai-wrap .step-header .step-item.active .step-number {
10026 background-color: #7E6CE2;
10027 color: #fff;
10028 border-color: #7E6CE2;
10029 }
10030 .lp-generate-data-ai-wrap .step-header .step-item .step-text {
10031 color: #111111;
10032 font-weight: 600;
10033 }
10034 .lp-generate-data-ai-wrap .step-header .step-item .step-number {
10035 width: 28px;
10036 height: 28px;
10037 border-radius: 50%;
10038 border: 1px solid #E5E7EB;
10039 display: flex;
10040 justify-content: center;
10041 align-items: center;
10042 margin-left: 10px;
10043 font-weight: 500;
10044 background-color: #fff;
10045 }
10046 .lp-generate-data-ai-wrap .lp-form-generate-data-ai {
10047 border: 1px solid #E5E7EB;
10048 border-radius: 10px;
10049 padding: 20px;
10050 text-align: right;
10051 }
10052 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .lp-form-fields {
10053 min-height: 400px;
10054 max-height: 600px;
10055 overflow: auto;
10056 padding: 0 2px;
10057 }
10058 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step-title {
10059 font-size: 1.2em;
10060 font-weight: 600;
10061 margin-bottom: 10px;
10062 color: #111111;
10063 }
10064 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step-content {
10065 display: none;
10066 }
10067 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step-content.active {
10068 display: block;
10069 }
10070 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step-header h2 {
10071 font-size: 24px;
10072 font-weight: 700;
10073 margin: 0 0 8px 0;
10074 }
10075 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step-header p {
10076 font-size: 15px;
10077 color: #1A202C;
10078 margin: 0 0 30px 0;
10079 }
10080 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-grid {
10081 display: grid;
10082 grid-template-columns: 1fr 1fr;
10083 gap: 20px 30px;
10084 margin-bottom: 30px;
10085 }
10086 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group {
10087 margin-bottom: 10px;
10088 }
10089 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group.full-width {
10090 grid-column: 1/-1;
10091 }
10092 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group label {
10093 display: block;
10094 font-size: 14px;
10095 font-weight: 600;
10096 margin-bottom: 8px;
10097 color: #111111;
10098 }
10099 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group .lp-tom-select.ts-wrapper {
10100 width: 100%;
10101 }
10102 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group input,
10103 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group .ts-wrapper .ts-control,
10104 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group textarea {
10105 width: 100%;
10106 padding: 8px 16px;
10107 border-radius: 10px;
10108 border: 1px solid #E5E7EB;
10109 font-size: 14px;
10110 line-height: 1.5;
10111 box-sizing: border-box;
10112 transition: border-color 0.2s, box-shadow 0.2s;
10113 margin: 0;
10114 background-color: transparent;
10115 }
10116 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group input:focus,
10117 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group .ts-wrapper .ts-control:focus,
10118 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group textarea:focus {
10119 outline: none;
10120 border-color: #1A202C;
10121 }
10122 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group input .item,
10123 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group .ts-wrapper .ts-control .item,
10124 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group textarea .item {
10125 border: 1px solid #E5E7EB;
10126 color: #4A5568;
10127 border-radius: 6px;
10128 padding: 4px 10px;
10129 background-color: transparent;
10130 }
10131 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group input .ts-input::placeholder,
10132 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group .ts-wrapper .ts-control .ts-input::placeholder,
10133 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group textarea .ts-input::placeholder {
10134 color: #A0AEC0;
10135 }
10136 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group textarea {
10137 min-height: 86px;
10138 resize: vertical;
10139 }
10140 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group .field-description {
10141 color: #898989;
10142 margin-top: 8px;
10143 }
10144 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group .title-refer,
10145 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .form-group .description-refer {
10146 padding: 0;
10147 border: none;
10148 font-size: 16px;
10149 min-height: unset;
10150 box-shadow: none;
10151 border-radius: 0;
10152 }
10153 .lp-generate-data-ai-wrap .lp-form-generate-data-ai #prompt-preview {
10154 min-height: 120px;
10155 background-color: #F9FAFB;
10156 color: #1A202C;
10157 }
10158 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .button-actions {
10159 display: flex;
10160 justify-content: flex-end;
10161 gap: 12px;
10162 margin-top: 20px;
10163 }
10164 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .generate-prompt {
10165 display: flex;
10166 justify-items: center;
10167 align-items: center;
10168 gap: 10px;
10169 margin-bottom: 20px;
10170 }
10171 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .generate-prompt img {
10172 display: none;
10173 }
10174 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .btn,
10175 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .lp-button {
10176 padding: 10px 20px;
10177 font-size: 15px;
10178 font-weight: 600;
10179 border-radius: 8px;
10180 cursor: pointer;
10181 border: 1px solid transparent;
10182 transition: all 0.2s;
10183 display: inline-flex;
10184 align-items: center;
10185 gap: 8px;
10186 }
10187 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .btn-primary,
10188 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .lp-button-primary {
10189 background-color: #7E6CE2;
10190 color: #fff;
10191 }
10192 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .btn-primary:hover,
10193 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .lp-button-primary:hover {
10194 background-color: #1A202C;
10195 }
10196 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .btn-secondary,
10197 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .lp-button-secondary {
10198 background-color: #fff;
10199 color: #7E6CE2;
10200 border-color: #7E6CE2;
10201 }
10202 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .btn-secondary:hover,
10203 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .lp-button-secondary:hover {
10204 background-color: #7E6CE2;
10205 color: #fff;
10206 }
10207 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .btn:disabled,
10208 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .lp-button:disabled {
10209 background-color: #E5E7EB;
10210 color: #1A202C;
10211 cursor: not-allowed;
10212 border-color: #E5E7EB;
10213 }
10214 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout {
10215 display: flex;
10216 gap: 30px;
10217 }
10218 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .step4-left-panel {
10219 flex: 2;
10220 }
10221 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .step4-right-panel {
10222 flex: 1;
10223 min-width: 300px;
10224 }
10225 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .course-details {
10226 display: none;
10227 }
10228 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .course-details h3 {
10229 font-size: 24px;
10230 font-weight: 700;
10231 color: #111827;
10232 margin-top: 0;
10233 margin-bottom: 24px;
10234 }
10235 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .course-details .course-cover-placeholder {
10236 width: 100%;
10237 height: 50vh;
10238 background-color: #E5E7EB;
10239 border-radius: 8px;
10240 display: flex;
10241 justify-content: center;
10242 align-items: center;
10243 justify-items: center;
10244 font-size: 20px;
10245 color: #6B7280;
10246 margin-bottom: 30px;
10247 font-weight: 600;
10248 }
10249 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .course-details .section-title {
10250 font-size: 18px;
10251 font-weight: 700;
10252 margin-top: 30px;
10253 margin-bottom: 16px;
10254 }
10255 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .course-details .section-course-curriculum {
10256 font-size: 18px;
10257 font-weight: 700;
10258 }
10259 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .course-details .section-course-curriculum .course-curriculum-container .course-section-block {
10260 border-radius: 8px;
10261 border: 0.8px solid #E5E7EB;
10262 padding: 16px 8px;
10263 }
10264 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .course-details .section-course-curriculum .course-curriculum-container .course-section-block h4 {
10265 font-size: 13px;
10266 font-weight: bold;
10267 }
10268 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .course-details p {
10269 font-size: 15px;
10270 line-height: 1.6;
10271 color: #374151;
10272 margin-top: 0;
10273 }
10274 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .course-details ul {
10275 list-style: none;
10276 padding: 0;
10277 margin: 12px 0 0 0;
10278 }
10279 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .course-details li {
10280 position: relative;
10281 padding-right: 20px;
10282 margin-bottom: 8px;
10283 color: #374151;
10284 font-size: 15px;
10285 }
10286 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .course-details li::before {
10287 content: "";
10288 position: absolute;
10289 right: 0;
10290 color: #1A202C;
10291 line-height: 1.5;
10292 }
10293 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .summary-panel {
10294 background-color: #F9FAFB;
10295 padding: 24px;
10296 border-radius: 8px;
10297 border: 1px solid #E5E7EB;
10298 height: fit-content;
10299 }
10300 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .summary-panel h3 {
10301 font-size: 16px;
10302 font-weight: 600;
10303 margin-top: 0;
10304 margin-bottom: 20px;
10305 }
10306 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .summary-panel .summary-list {
10307 display: none;
10308 list-style: none;
10309 padding: 0;
10310 margin: 0;
10311 }
10312 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .summary-panel .summary-list li {
10313 display: flex;
10314 align-items: center;
10315 font-size: 15px;
10316 color: #374151;
10317 margin-bottom: 12px;
10318 }
10319 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .summary-panel .summary-list li span {
10320 margin-left: 5px;
10321 }
10322 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .step4-layout .summary-panel .summary-list li svg {
10323 color: #1A202C;
10324 width: 20px;
10325 height: 20px;
10326 margin-left: 12px;
10327 flex-shrink: 0;
10328 }
10329 .lp-generate-data-ai-wrap .lp-form-generate-data-ai textarea[name=lp-openai-prompt-generated-field] {
10330 min-height: 300px;
10331 }
10332 .lp-generate-data-ai-wrap .lp-form-generate-data-ai textarea.lp-ai-string-result {
10333 width: 100%;
10334 }
10335 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .lp-ai-generated-results {
10336 display: grid;
10337 gap: 10px;
10338 }
10339 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .lp-ai-generated-results .lp-ai-string-result {
10340 margin-bottom: 4px;
10341 }
10342 .lp-generate-data-ai-wrap .lp-form-generate-data-ai .lp-ai-generated-results button {
10343 margin-left: 4px;
10344 }
10345 .lp-generate-data-ai-wrap .lp-ai-course-data-preview-wrap {
10346 max-height: 400px;
10347 overflow-y: auto;
10348 margin-bottom: 20px;
10349 }
10350 .lp-generate-data-ai-wrap .lp-btn-close-ai-popup {
10351 position: absolute;
10352 top: 10px;
10353 left: 10px;
10354 background: none;
10355 border: none;
10356 font-size: 20px;
10357 cursor: pointer;
10358 color: #ccc;
10359 }
10360 .lp-generate-data-ai-wrap .lp-btn-close-ai-popup:hover {
10361 color: #f27474;
10362 }
10363 .lp-generate-data-ai-wrap .lp-ai-warning-refer {
10364 border: 1px solid #FCD34D;
10365 background-color: #FFFBEB;
10366 padding: 10px;
10367 border-radius: 5px;
10368 display: flex;
10369 gap: 5px;
10370 align-items: center;
10371 }
10372
10373 .lp-ai-course-data-preview-wrap .course-title {
10374 font-size: 1.5em;
10375 font-weight: 700;
10376 margin-bottom: 10px;
10377 color: #1A202C;
10378 }
10379 .lp-ai-course-data-preview-wrap .course-sections {
10380 margin-top: 30px;
10381 }
10382 .lp-ai-course-data-preview-wrap .section-title {
10383 font-weight: bold;
10384 font-size: 1.2em;
10385 margin-bottom: 10px;
10386 color: #1A202C;
10387 }
10388 .lp-ai-course-data-preview-wrap .lesson-title,
10389 .lp-ai-course-data-preview-wrap .quiz-title,
10390 .lp-ai-course-data-preview-wrap .question-title {
10391 font-weight: 600;
10392 font-size: 1em;
10393 margin-bottom: 8px;
10394 color: #1A202C;
10395 }
10396 .lp-ai-course-data-preview-wrap .course-section-item {
10397 border: 1px solid var(--lp-border-color, #E2E0DB);
10398 border-radius: 10px;
10399 padding: 20px;
10400 margin: 20px 0;
10401 background-color: #fff;
10402 }
10403 .lp-ai-course-data-preview-wrap .course-section-items {
10404 margin: 20px 20px 0 0;
10405 }
10406 .lp-ai-course-data-preview-wrap .course-section-items:last-child {
10407 margin-bottom: 0;
10408 }
10409 .lp-ai-course-data-preview-wrap .course-lesson-item,
10410 .lp-ai-course-data-preview-wrap .course-quiz-item,
10411 .lp-ai-course-data-preview-wrap .quiz-question-item {
10412 padding: 12px 0;
10413 border-top: 1px solid var(--lp-border-color, #E2E0DB);
10414 }
10415 .lp-ai-course-data-preview-wrap .course-lesson-item:last-child,
10416 .lp-ai-course-data-preview-wrap .course-quiz-item:last-child,
10417 .lp-ai-course-data-preview-wrap .quiz-question-item:last-child {
10418 padding-bottom: 0;
10419 }
10420 .lp-ai-course-data-preview-wrap .course-questions,
10421 .lp-ai-course-data-preview-wrap .course-question-options {
10422 margin: 20px 20px 0 0;
10423 }
10424 .lp-ai-course-data-preview-wrap .course-questions:last-child,
10425 .lp-ai-course-data-preview-wrap .course-question-options:last-child {
10426 margin-bottom: 0;
10427 }
10428
10429 .lp-ai-images-warp {
10430 display: grid;
10431 grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
10432 gap: 15px;
10433 margin-top: 20px;
10434 max-height: 400px;
10435 overflow-y: auto;
10436 }
10437 .lp-ai-images-warp .lp-ai-image-item {
10438 position: relative;
10439 }
10440 .lp-ai-images-warp .lp-ai-image-item img {
10441 object-fit: contain;
10442 width: 100%;
10443 }
10444 .lp-ai-images-warp .lp-ai-image-item .lp-btn-ai-apply-image {
10445 position: absolute;
10446 top: 5px;
10447 left: 0;
10448 transform: translateX(5%);
10449 background-color: rgba(0, 0, 0, 0.6);
10450 color: #fff;
10451 border: none;
10452 padding: 6px 12px;
10453 border-radius: 4px;
10454 font-size: 0.875rem;
10455 cursor: pointer;
10456 opacity: 0;
10457 transition: opacity 0.2s;
10458 }
10459 .lp-ai-images-warp .lp-ai-image-item:hover .lp-btn-ai-apply-image {
10460 opacity: 1;
10461 }
10462
10463 .lp-creating-course-ai-wrap .loading-wrap {
10464 margin-top: 20px;
10465 }
10466 .lp-creating-course-ai-wrap .lp-loading-circle {
10467 width: 40px;
10468 height: 40px;
10469 border-width: 5px;
10470 }
10471
10472 .lp-must-enable-ai-wrap {
10473 text-align: right;
10474 line-height: 1.6em;
10475 }
10476 .lp-must-enable-ai-wrap h2 {
10477 margin-bottom: 0;
10478 }
10479 .lp-must-enable-ai-wrap h2 i {
10480 margin-left: 10px;
10481 color: #DC2626;
10482 }
10483 .lp-must-enable-ai-wrap .desc {
10484 color: #6B7280;
10485 }
10486 .lp-must-enable-ai-wrap .p2 {
10487 color: #6B7280;
10488 }
10489 .lp-must-enable-ai-wrap a {
10490 color: #2563EB;
10491 text-decoration: underline;
10492 cursor: pointer;
10493 }
10494 .lp-must-enable-ai-wrap .help-link {
10495 padding: 16px;
10496 border: 1px solid #E5E7EB;
10497 border-radius: 8px;
10498 font-size: 13px;
10499 }
10500 .lp-must-enable-ai-wrap .help-link a {
10501 text-decoration: none;
10502 margin-top: 10px;
10503 }
10504 .lp-must-enable-ai-wrap .help-link i {
10505 color: #2A73AB;
10506 }
10507 .lp-must-enable-ai-wrap .button-actions {
10508 margin-top: 20px;
10509 text-align: left;
10510 }
10511 .lp-must-enable-ai-wrap .button-actions .lp-btn-close-ai-popup {
10512 border: none;
10513 color: #4B5563;
10514 background: none;
10515 }
10516 .lp-must-enable-ai-wrap .button-actions .button-primary {
10517 background-color: #7E6CE2;
10518 color: #fff;
10519 border: none;
10520 }
10521 .lp-must-enable-ai-wrap .button-actions .button-primary:hover {
10522 opacity: 0.9;
10523 }
10524
10525 .fui-loading-spinner-3 {
10526 color: #7E6CE2;
10527 position: relative;
10528 width: 100px;
10529 height: 80px;
10530 margin-right: 80px;
10531 display: none;
10532 }
10533 .fui-loading-spinner-3 div {
10534 transform-origin: 40px 40px;
10535 animation: rj9Ft 1.2s linear infinite;
10536 }
10537 .fui-loading-spinner-3 div:after {
10538 content: " ";
10539 display: block;
10540 position: absolute;
10541 top: 3px;
10542 right: 37px;
10543 width: 6px;
10544 height: 18px;
10545 border-radius: 20%;
10546 background: #7E6CE2;
10547 }
10548 .fui-loading-spinner-3 div:nth-child(1) {
10549 transform: rotate(0deg);
10550 animation-delay: -1.1s;
10551 }
10552 .fui-loading-spinner-3 div:nth-child(2) {
10553 transform: rotate(-30deg);
10554 animation-delay: -1s;
10555 }
10556 .fui-loading-spinner-3 div:nth-child(3) {
10557 transform: rotate(-60deg);
10558 animation-delay: -0.9s;
10559 }
10560 .fui-loading-spinner-3 div:nth-child(4) {
10561 transform: rotate(-90deg);
10562 animation-delay: -0.8s;
10563 }
10564 .fui-loading-spinner-3 div:nth-child(5) {
10565 transform: rotate(-120deg);
10566 animation-delay: -0.7s;
10567 }
10568 .fui-loading-spinner-3 div:nth-child(6) {
10569 transform: rotate(-150deg);
10570 animation-delay: -0.6s;
10571 }
10572 .fui-loading-spinner-3 div:nth-child(7) {
10573 transform: rotate(-180deg);
10574 animation-delay: -0.5s;
10575 }
10576 .fui-loading-spinner-3 div:nth-child(8) {
10577 transform: rotate(-210deg);
10578 animation-delay: -0.4s;
10579 }
10580 .fui-loading-spinner-3 div:nth-child(9) {
10581 transform: rotate(-240deg);
10582 animation-delay: -0.3s;
10583 }
10584 .fui-loading-spinner-3 div:nth-child(10) {
10585 transform: rotate(-270deg);
10586 animation-delay: -0.2s;
10587 }
10588 .fui-loading-spinner-3 div:nth-child(11) {
10589 transform: rotate(-300deg);
10590 animation-delay: -0.1s;
10591 }
10592 .fui-loading-spinner-3 div:nth-child(12) {
10593 transform: rotate(-330deg);
10594 animation-delay: 0s;
10595 }
10596
10597 @keyframes rj9Ft {
10598 0% {
10599 opacity: 1;
10600 }
10601 100% {
10602 opacity: 0;
10603 }
10604 }
10605 /**
10606 * Style for the popup alert, confirm
10607 * @link https://sweetalert2.github.io/
10608 * @since 4.2.9
10609 * @version 1.0.0
10610 */
10611 .swal2-container {
10612 z-index: 99999;
10613 }
10614
10615 .swal2-popup {
10616 max-width: 850px;
10617 }
10618 .swal2-popup .content-title {
10619 margin: 0 0 20px 0;
10620 padding: 0;
10621 text-align: center;
10622 font-size: 1.5em;
10623 font-weight: bold;
10624 }
10625 .swal2-popup .swal2-actions {
10626 width: 100%;
10627 padding: 0 30px;
10628 }
10629 .swal2-popup .swal2-actions button {
10630 flex: 1;
10631 }
10632 .swal2-popup .swal2-actions button.swal2-confirm {
10633 background-color: #e02200;
10634 }
10635 .swal2-popup .swal2-actions button.swal2-cancel {
10636 background-color: transparent;
10637 border: 1px solid #ccc;
10638 color: inherit;
10639 }
10640 .swal2-popup .swal2-warning {
10641 color: #e02200;
10642 border-color: transparent;
10643 background-color: rgba(223, 0, 0, 0.1019607843);
10644 }
10645 .swal2-popup .swal2-icon {
10646 width: 50px;
10647 height: 50px;
10648 }
10649 .swal2-popup .swal2-icon .swal2-icon-content {
10650 font-size: 0;
10651 }
10652 .swal2-popup .swal2-icon .swal2-icon-content::before {
10653 content: "\f071";
10654 font-family: "lp-icon";
10655 font-size: 24px;
10656 display: inline-block;
10657 }
10658 .swal2-popup .swal2-title {
10659 font-size: 1.5em;
10660 }
10661 .swal2-popup .swal2-html-container {
10662 font-size: 1em;
10663 }
10664 .swal2-popup .lp-tom-select.ts-wrapper .ts-dropdown {
10665 max-height: 200px;
10666 overflow: hidden;
10667 }
10668 .swal2-popup .swal2-close {
10669 background-color: unset !important;
10670 outline: none !important;
10671 color: rgb(204, 204, 204) !important;
10672 }
10673 .swal2-popup .swal2-close:hover {
10674 color: #f27474 !important;
10675 }
10676
10677 /**
10678 * LP Table — Reusable Table Standard
10679 *
10680 * A shared table CSS system used by the "Enrolled Students" listing (and future tables).
10681 * Provides card wrapper, header/body styling, avatars, progress bars, badges, toolbar, and pagination.
10682 *
10683 * @since 4.3.3
10684 */
10685 .lp-enrolled-students-table-wrap {
10686 margin-top: 15px;
10687 }
10688 .lp-enrolled-students-table-wrap .instructor-avatar {
10689 align-items: center;
10690 justify-content: center;
10691 width: 36px;
10692 height: 36px;
10693 min-width: 36px;
10694 border-radius: 50%;
10695 background: #64748b;
10696 overflow: hidden;
10697 }
10698 .lp-enrolled-students-table-wrap .instructor-avatar img {
10699 width: 100%;
10700 height: 100%;
10701 object-fit: cover;
10702 }
10703
10704 .lp-enrolled-students-table-toolbar {
10705 display: flex;
10706 flex-direction: column;
10707 gap: 14px;
10708 padding: 20px 20px;
10709 border: 1px solid var(--lp-border-color, #E2E0DB);
10710 border-radius: 5px;
10711 background: var(--lp-white-grey, #F7F7FB);
10712 /*&__actions .button {
10713 min-width: 95px;
10714 height: 36px;
10715 padding: 0 18px;
10716 border-radius: 7px;
10717 font-size: 14px;
10718 font-weight: 600;
10719 line-height: 34px;
10720 border-color: #b9c3d2;
10721 color: #46546c;
10722 background: #fff;
10723 }*/
10724 }
10725 .lp-enrolled-students-table-toolbar__row {
10726 display: grid;
10727 gap: 14px;
10728 }
10729 .lp-enrolled-students-table-toolbar__row--course {
10730 grid-template-columns: minmax(0, 1fr);
10731 }
10732 .lp-enrolled-students-table-toolbar__row--filters {
10733 grid-template-columns: minmax(0, 1fr) minmax(145px, 200px) minmax(145px, 150px) auto;
10734 align-items: end;
10735 max-width: 1000px;
10736 }
10737 .lp-enrolled-students-table-toolbar__field {
10738 display: flex;
10739 flex-direction: column;
10740 min-width: 0;
10741 }
10742 .lp-enrolled-students-table-toolbar__field input {
10743 border: 1px solid var(--lp-border-color, #E2E0DB);
10744 }
10745 .lp-enrolled-students-table-toolbar__label {
10746 color: #3f4a5c;
10747 font-size: 14px;
10748 font-weight: 600;
10749 line-height: 1.3;
10750 margin-bottom: 10px;
10751 text-align: right;
10752 }
10753 .lp-enrolled-students-table-toolbar__input {
10754 width: 100%;
10755 height: 38px;
10756 padding: 0 12px;
10757 border: 1px solid #c6cfdb;
10758 border-radius: 7px;
10759 color: #2f3a4a;
10760 background: #fff;
10761 font-size: 14px;
10762 line-height: 1.4;
10763 box-shadow: none;
10764 }
10765 .lp-enrolled-students-table-toolbar__input:focus {
10766 border-color: #2f75ff;
10767 outline: none;
10768 box-shadow: 0 0 0 1px #2f75ff;
10769 }
10770 .lp-enrolled-students-table-toolbar__actions {
10771 display: flex;
10772 align-items: flex-end;
10773 gap: 8px;
10774 }
10775 .lp-enrolled-students-table-toolbar__actions .button:hover, .lp-enrolled-students-table-toolbar__actions .button:focus {
10776 border-color: #99a7bc;
10777 color: #2f3a4a;
10778 background: #f4f7fb;
10779 }
10780 @media (max-width: 1024px) {
10781 .lp-enrolled-students-table-toolbar__row--filters {
10782 grid-template-columns: minmax(0, 1fr) minmax(150px, 1fr) minmax(150px, 1fr);
10783 }
10784 .lp-enrolled-students-table-toolbar__actions {
10785 grid-column: 1/-1;
10786 }
10787 }
10788 @media (max-width: 782px) {
10789 .lp-enrolled-students-table-toolbar__row--filters {
10790 grid-template-columns: 1fr 1fr;
10791 }
10792 .lp-enrolled-students-table-toolbar__field--student {
10793 grid-column: 1/-1;
10794 }
10795 .lp-enrolled-students-table-toolbar__actions {
10796 grid-column: 1/-1;
10797 }
10798 }
10799 @media (max-width: 640px) {
10800 .lp-enrolled-students-table-toolbar__row--filters {
10801 grid-template-columns: 1fr;
10802 }
10803 .lp-enrolled-students-table-toolbar__actions .button {
10804 width: 100%;
10805 }
10806 }
10807
10808 /*.lp-enrolled-students-table {
10809 width: 100%;
10810 border: 0;
10811 border-spacing: 0;
10812 border-collapse: collapse;
10813 font-size: 13px;
10814
10815 th,
10816 td {
10817 border: 0 !important;
10818 }
10819
10820 thead {
10821 th {
10822 padding: 10px 16px;
10823 border-bottom: 2px solid #e2e8f0 !important;
10824 color: #64748b;
10825 background: #f8fafc;
10826 font-size: 12px;
10827 font-weight: 600;
10828 text-align: left;
10829 text-transform: uppercase;
10830 letter-spacing: 0.05em;
10831
10832 &:first-child {
10833 border-radius: 0;
10834 }
10835 &:last-child {
10836 border-radius: 0;
10837 }
10838 }
10839 }
10840
10841 tbody {
10842 tr {
10843 border-bottom: 1px solid #f1f5f9;
10844 transition: background 0.15s;
10845 text-align: left;
10846
10847 &:hover {
10848 background: #f8fafc;
10849 }
10850
10851 &:last-child {
10852 border-bottom: none;
10853 }
10854 }
10855
10856 td {
10857 padding: 12px 16px;
10858 vertical-align: middle;
10859 border: 0 !important;
10860 }
10861 }
10862
10863 tfoot {
10864 tr,
10865 td {
10866 border: 0 !important;
10867 }
10868 }
10869 }*/
10870 .lp-cell-student {
10871 display: flex;
10872 align-items: center;
10873 gap: 10px;
10874 }
10875
10876 /*.lp-avatar {
10877 display: flex;
10878 flex-shrink: 0;
10879 align-items: center;
10880 justify-content: center;
10881 width: 36px;
10882 height: 36px;
10883 border-radius: 50%;
10884 color: #fff;
10885 background: #64748b;
10886 font-size: 13px;
10887 font-weight: 600;
10888 overflow: hidden;
10889 }
10890
10891 .lp-avatar--image {
10892 background: transparent;
10893
10894 img {
10895 width: 100%;
10896 height: 100%;
10897 object-fit: cover;
10898 }
10899 }*/
10900 .lp-meta {
10901 display: flex;
10902 flex-direction: column;
10903 }
10904 .lp-meta .lp-name {
10905 color: #1e293b;
10906 font-weight: 500;
10907 line-height: 1.4;
10908 }
10909 .lp-meta .lp-email {
10910 color: #94a3b8;
10911 font-size: 12px;
10912 line-height: 1.3;
10913 }
10914
10915 .lp-cell-course a {
10916 color: #3b82f6;
10917 text-decoration: none;
10918 }
10919 .lp-cell-course a:hover {
10920 text-decoration: underline;
10921 }
10922
10923 .lp-cell-progress {
10924 min-width: 120px;
10925 }
10926
10927 .lp-progress-bar {
10928 overflow: hidden;
10929 position: relative;
10930 width: 100%;
10931 max-width: 120px;
10932 height: 6px;
10933 border-radius: 3px;
10934 background: #e2e8f0;
10935 }
10936 .lp-progress-bar span {
10937 display: block;
10938 height: 100%;
10939 border-radius: 3px;
10940 background: linear-gradient(-90deg, #3b82f6, #60a5fa);
10941 transition: width 0.3s ease;
10942 }
10943
10944 .lp-progress-text {
10945 display: inline-block;
10946 margin-top: 3px;
10947 color: #64748b;
10948 font-size: 11px;
10949 }
10950
10951 .lp-badge {
10952 display: inline-block;
10953 padding: 3px 10px;
10954 border-radius: 12px;
10955 font-size: 12px;
10956 font-weight: 500;
10957 line-height: 1.5;
10958 white-space: nowrap;
10959 }
10960 .lp-badge--enrolled {
10961 color: #475569;
10962 background: #f1f5f9;
10963 }
10964 .lp-badge--in-progress, .lp-badge--learning {
10965 color: #1e40af;
10966 background: #dbeafe;
10967 }
10968 .lp-badge--finished {
10969 color: #166534;
10970 background: #dcfce7;
10971 }
10972 .lp-badge--passed {
10973 color: #14532d;
10974 background: #bbf7d0;
10975 }
10976 .lp-badge--failed {
10977 color: #991b1b;
10978 background: #fee2e2;
10979 }
10980
10981 .lp-enrolled-students-table-footer {
10982 display: flex;
10983 flex-wrap: wrap;
10984 align-items: center;
10985 justify-content: space-between;
10986 gap: 8px;
10987 border-top: 1px solid #e2e8f0;
10988 }
10989 .lp-enrolled-students-table-footer__count {
10990 color: #64748b;
10991 font-size: 13px;
10992 }
10993
10994 #profile-content-enrolled-students .lp-enrolled-students-table-footer {
10995 border-top: none;
10996 }
10997
10998 .lp-enrolled-students-table-footer .learn-press-pagination {
10999 margin: 0;
11000 text-align: left;
11001 }
11002 .lp-enrolled-students-table-footer .learn-press-pagination ul.page-numbers {
11003 display: flex;
11004 align-items: center;
11005 gap: 4px;
11006 flex-wrap: wrap;
11007 margin: 0;
11008 padding: 0;
11009 list-style: none;
11010 }
11011 .lp-enrolled-students-table-footer .learn-press-pagination ul.page-numbers > li {
11012 margin: 0;
11013 }
11014 .lp-enrolled-students-table-footer .learn-press-pagination a.page-numbers,
11015 .lp-enrolled-students-table-footer .learn-press-pagination span.page-numbers {
11016 display: inline-flex;
11017 align-items: center;
11018 justify-content: center;
11019 min-width: 40px;
11020 height: 40px;
11021 width: 40px;
11022 line-height: 40px;
11023 padding: 0 8px;
11024 border: 1px solid #e2e8f0;
11025 border-radius: 4px;
11026 color: #475569;
11027 background: #fff;
11028 font-size: 13px;
11029 text-decoration: none;
11030 cursor: pointer;
11031 transition: all 0.15s;
11032 }
11033 .lp-enrolled-students-table-footer .learn-press-pagination a.page-numbers:hover:not(.current),
11034 .lp-enrolled-students-table-footer .learn-press-pagination span.page-numbers:hover:not(.current) {
11035 border-color: #3b82f6;
11036 color: #3b82f6 !important;
11037 background: #eff6ff;
11038 }
11039 .lp-enrolled-students-table-footer .learn-press-pagination span.page-numbers.current {
11040 border-color: #3b82f6;
11041 color: #fff;
11042 background: #3b82f6;
11043 cursor: default;
11044 }
11045 .lp-enrolled-students-table-footer .learn-press-pagination span.page-numbers.dots {
11046 min-width: auto;
11047 border: 0;
11048 background: transparent;
11049 cursor: default;
11050 }
11051 .lp-enrolled-students-table-footer .learn-press-pagination span.page-numbers.current,
11052 .lp-enrolled-students-table-footer .learn-press-pagination span.page-numbers.dots {
11053 pointer-events: none;
11054 }
11055
11056 .lp-enrolled-empty {
11057 padding: 40px 20px;
11058 color: #94a3b8;
11059 text-align: center;
11060 }
11061 .lp-enrolled-empty p {
11062 margin: 0;
11063 font-size: 14px;
11064 }
11065
11066 .lp-enrolled-error {
11067 padding: 15px 20px;
11068 color: #dc2626;
11069 font-size: 13px;
11070 }
11071
11072 #lp-modal-enrolled-wrap {
11073 position: relative;
11074 /*tbody {
11075 display: block;
11076 max-height: 400px;
11077 overflow-y: auto;
11078 }
11079
11080 thead, tbody tr {
11081 display: table;
11082 width: 100%;
11083 table-layout: fixed;
11084 }*/
11085 }
11086
11087 .lp-wrap-btn-view-course-students {
11088 width: 100%;
11089 }
11090 .lp-wrap-btn-view-course-students button {
11091 width: 100%;
11092 }
11093
11094 .lp-students-enrolled-layout.learnpress_page_learn-press-students-enrolled .lp-enrolled-students-table-toolbar {
11095 background: white;
11096 }
11097 .lp-students-enrolled-layout.learnpress_page_learn-press-students-enrolled .lp-list-table tbody {
11098 background: white;
11099 }
11100
11101 .lp-btn-view-students {
11102 margin-top: 10px;
11103 white-space: nowrap;
11104 display: block;
11105 padding: 0;
11106 border: none;
11107 background: none;
11108 }
11109
11110 /**
11111 * Style for table LearnPress
11112 */
11113 .lp-table-wrap {
11114 border-radius: 5px;
11115 width: 100%;
11116 border: 1px solid var(--lp-border-color, #E2E0DB);
11117 overflow-x: auto;
11118 }
11119
11120 table.lp-list-table {
11121 border-collapse: collapse;
11122 width: 100%;
11123 margin: 0;
11124 min-width: 768px;
11125 }
11126 table.lp-list-table td {
11127 padding: 0;
11128 }
11129 table.lp-list-table .learn-press-pagination {
11130 text-align: right;
11131 }
11132 table.lp-list-table thead {
11133 background-color: var(--lp-white-grey, #F7F7FB);
11134 border: none;
11135 }
11136 table.lp-list-table thead tr {
11137 border-bottom: 1px solid var(--lp-border-color, #E2E0DB);
11138 }
11139 table.lp-list-table thead th {
11140 background: none;
11141 border: none;
11142 font-size: 1em;
11143 padding: 10px 20px;
11144 text-align: right;
11145 }
11146 table.lp-list-table thead th td {
11147 border: none;
11148 padding: 0;
11149 }
11150 table.lp-list-table tbody {
11151 font-size: 14px;
11152 }
11153 table.lp-list-table tbody tr {
11154 border: none;
11155 border-bottom: 1px solid var(--lp-white-grey, #F7F7FB);
11156 }
11157 table.lp-list-table tbody tr:nth-child(even) td {
11158 background: none;
11159 }
11160 table.lp-list-table tbody tr td {
11161 border: none;
11162 padding: 10px 20px;
11163 text-align: right;
11164 }
11165 table.lp-list-table tfoot tr {
11166 border: none;
11167 }
11168 table.lp-list-table tfoot tr td, table.lp-list-table tfoot tr th {
11169 border: none;
11170 }
11171 table.lp-list-table tfoot tr td > div, table.lp-list-table tfoot tr th > div {
11172 padding: 20px;
11173 }
11174 table.lp-list-table tfoot .pagination {
11175 border: none;
11176 padding: 0;
11177 }
11178 table.lp-list-table.order-table-details tbody tr:last-child {
11179 --lp-white-grey: var(--lp-border-color, #E2E0DB);
11180 }
11181 table.lp-list-table.order-table-details tfoot {
11182 border-top: 1px solid var(--lp-border-color, #E2E0DB);
11183 }
11184 table.lp-list-table.order-table-details tfoot tr td, table.lp-list-table.order-table-details tfoot tr th {
11185 padding: 10px 20px;
11186 background-color: transparent;
11187 }
11188 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 {
11189 padding-bottom: 0;
11190 }
11191
11192 .lp_profile_course_progress__nav {
11193 margin-top: 1rem;
11194 }
11195
11196 #profile-content-order-details .lp-table-wrap {
11197 margin-bottom: 1rem;
11198 }
11199
11200 .button.disabled {
11201 pointer-events: none;
11202 }
11203
11204 .learnpress .postbox .rwmb-meta-box {
11205 margin-top: 10px;
11206 }
11207 .learnpress #field-_lp_requirements .rwmb-text-list-clone,
11208 .learnpress #field-_lp_requirements .rwmb-text-list-advanced-clone,
11209 .learnpress #field-_lp_target_audiences .rwmb-text-list-clone,
11210 .learnpress #field-_lp_target_audiences .rwmb-text-list-advanced-clone,
11211 .learnpress #field-_lp_key_features .rwmb-text-list-clone,
11212 .learnpress #field-_lp_key_features .rwmb-text-list-advanced-clone,
11213 .learnpress #field-_lp_faqs .rwmb-text-list-clone,
11214 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone {
11215 clear: none;
11216 position: relative;
11217 border: 1px solid #ddd;
11218 border-radius: 4px;
11219 }
11220 .learnpress #field-_lp_requirements .rwmb-text-list-clone .rwmb-text-list-label,
11221 .learnpress #field-_lp_requirements .rwmb-text-list-advanced-clone .rwmb-text-list-label,
11222 .learnpress #field-_lp_target_audiences .rwmb-text-list-clone .rwmb-text-list-label,
11223 .learnpress #field-_lp_target_audiences .rwmb-text-list-advanced-clone .rwmb-text-list-label,
11224 .learnpress #field-_lp_key_features .rwmb-text-list-clone .rwmb-text-list-label,
11225 .learnpress #field-_lp_key_features .rwmb-text-list-advanced-clone .rwmb-text-list-label,
11226 .learnpress #field-_lp_faqs .rwmb-text-list-clone .rwmb-text-list-label,
11227 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone .rwmb-text-list-label {
11228 display: none;
11229 }
11230 .learnpress #field-_lp_requirements .rwmb-text-list-clone .rwmb-text-list,
11231 .learnpress #field-_lp_requirements .rwmb-text-list-clone .rwmb-text-list-advanced,
11232 .learnpress #field-_lp_requirements .rwmb-text-list-advanced-clone .rwmb-text-list,
11233 .learnpress #field-_lp_requirements .rwmb-text-list-advanced-clone .rwmb-text-list-advanced,
11234 .learnpress #field-_lp_target_audiences .rwmb-text-list-clone .rwmb-text-list,
11235 .learnpress #field-_lp_target_audiences .rwmb-text-list-clone .rwmb-text-list-advanced,
11236 .learnpress #field-_lp_target_audiences .rwmb-text-list-advanced-clone .rwmb-text-list,
11237 .learnpress #field-_lp_target_audiences .rwmb-text-list-advanced-clone .rwmb-text-list-advanced,
11238 .learnpress #field-_lp_key_features .rwmb-text-list-clone .rwmb-text-list,
11239 .learnpress #field-_lp_key_features .rwmb-text-list-clone .rwmb-text-list-advanced,
11240 .learnpress #field-_lp_key_features .rwmb-text-list-advanced-clone .rwmb-text-list,
11241 .learnpress #field-_lp_key_features .rwmb-text-list-advanced-clone .rwmb-text-list-advanced,
11242 .learnpress #field-_lp_faqs .rwmb-text-list-clone .rwmb-text-list,
11243 .learnpress #field-_lp_faqs .rwmb-text-list-clone .rwmb-text-list-advanced,
11244 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone .rwmb-text-list,
11245 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone .rwmb-text-list-advanced {
11246 width: calc(100% - 65px);
11247 padding: 7px 10px;
11248 border: none;
11249 color: #777;
11250 background: transparent;
11251 box-shadow: none;
11252 line-height: 1;
11253 }
11254 .learnpress #field-_lp_requirements .rwmb-text-list-clone .remove-clone,
11255 .learnpress #field-_lp_requirements .rwmb-text-list-advanced-clone .remove-clone,
11256 .learnpress #field-_lp_target_audiences .rwmb-text-list-clone .remove-clone,
11257 .learnpress #field-_lp_target_audiences .rwmb-text-list-advanced-clone .remove-clone,
11258 .learnpress #field-_lp_key_features .rwmb-text-list-clone .remove-clone,
11259 .learnpress #field-_lp_key_features .rwmb-text-list-advanced-clone .remove-clone,
11260 .learnpress #field-_lp_faqs .rwmb-text-list-clone .remove-clone,
11261 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone .remove-clone {
11262 top: 50%;
11263 left: 41px;
11264 margin-top: -10px;
11265 border-radius: unset;
11266 color: #999;
11267 background: transparent;
11268 -webkit-transition: left 0.25s;
11269 -moz-transition: left 0.25s;
11270 -ms-transition: left 0.25s;
11271 -o-transition: left 0.25s;
11272 transition: left 0.25s;
11273 }
11274 .learnpress #field-_lp_requirements .rwmb-text-list-clone .remove-clone i,
11275 .learnpress #field-_lp_requirements .rwmb-text-list-advanced-clone .remove-clone i,
11276 .learnpress #field-_lp_target_audiences .rwmb-text-list-clone .remove-clone i,
11277 .learnpress #field-_lp_target_audiences .rwmb-text-list-advanced-clone .remove-clone i,
11278 .learnpress #field-_lp_key_features .rwmb-text-list-clone .remove-clone i,
11279 .learnpress #field-_lp_key_features .rwmb-text-list-advanced-clone .remove-clone i,
11280 .learnpress #field-_lp_faqs .rwmb-text-list-clone .remove-clone i,
11281 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone .remove-clone i {
11282 font-size: 1.25rem;
11283 }
11284 .learnpress #field-_lp_requirements .rwmb-text-list-clone .remove-clone:hover,
11285 .learnpress #field-_lp_requirements .rwmb-text-list-advanced-clone .remove-clone:hover,
11286 .learnpress #field-_lp_target_audiences .rwmb-text-list-clone .remove-clone:hover,
11287 .learnpress #field-_lp_target_audiences .rwmb-text-list-advanced-clone .remove-clone:hover,
11288 .learnpress #field-_lp_key_features .rwmb-text-list-clone .remove-clone:hover,
11289 .learnpress #field-_lp_key_features .rwmb-text-list-advanced-clone .remove-clone:hover,
11290 .learnpress #field-_lp_faqs .rwmb-text-list-clone .remove-clone:hover,
11291 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone .remove-clone:hover {
11292 color: #e74c3c;
11293 }
11294 .learnpress #field-_lp_requirements .rwmb-text-list-clone::after,
11295 .learnpress #field-_lp_requirements .rwmb-text-list-advanced-clone::after,
11296 .learnpress #field-_lp_target_audiences .rwmb-text-list-clone::after,
11297 .learnpress #field-_lp_target_audiences .rwmb-text-list-advanced-clone::after,
11298 .learnpress #field-_lp_key_features .rwmb-text-list-clone::after,
11299 .learnpress #field-_lp_key_features .rwmb-text-list-advanced-clone::after,
11300 .learnpress #field-_lp_faqs .rwmb-text-list-clone::after,
11301 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone::after {
11302 display: inline-block;
11303 position: absolute;
11304 top: 50%;
11305 left: 10px;
11306 margin: 8px 0 0 0;
11307 margin-top: -9px;
11308 color: #999;
11309 font-family: Dashicons;
11310 font-size: 1.25rem;
11311 content: "\f333";
11312 }
11313 .learnpress #field-_lp_requirements .rwmb-text-list-clone:focus-within,
11314 .learnpress #field-_lp_target_audiences .rwmb-text-list-clone:focus-within,
11315 .learnpress #field-_lp_key_features .rwmb-text-list-clone:focus-within,
11316 .learnpress #field-_lp_faqs .rwmb-text-list-clone:focus-within {
11317 border-color: #0085ba;
11318 }
11319 .learnpress #field-_lp_requirements .rwmb-text-list-advanced-clone .rwmb-text-list:focus,
11320 .learnpress #field-_lp_target_audiences .rwmb-text-list-advanced-clone .rwmb-text-list:focus,
11321 .learnpress #field-_lp_key_features .rwmb-text-list-advanced-clone .rwmb-text-list:focus,
11322 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone .rwmb-text-list:focus {
11323 border-color: #0085ba;
11324 }
11325 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone {
11326 position: relative;
11327 padding: 0 0 16px 0;
11328 }
11329 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone .rwmb-text-list-label {
11330 display: block;
11331 padding: 10px 12px 0 10px;
11332 }
11333 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone .rwmb-text-list {
11334 width: calc(100% - 25px);
11335 margin: 0 13px 0 13px;
11336 border: 1px solid #ddd;
11337 vertical-align: top;
11338 }
11339 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone .remove-clone {
11340 top: 20px;
11341 left: 36px;
11342 margin-top: -10px;
11343 color: #999;
11344 -webkit-transition: left 0.25s;
11345 -moz-transition: left 0.25s;
11346 -ms-transition: left 0.25s;
11347 -o-transition: left 0.25s;
11348 transition: left 0.25s;
11349 }
11350 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone::after {
11351 top: 20px;
11352 }
11353
11354 .lp-notice,
11355 .learn-press-notice {
11356 position: relative;
11357 padding: 12px;
11358 margin: 0;
11359 /*&.lp-upgrade-notice {
11360 position: relative;
11361 border-left-color: #02b7fb;
11362 background: #bceffe;
11363
11364 .close-notice {
11365 position: absolute;
11366 top: 5px;
11367 right: 10px;
11368 }
11369 }*/
11370 }
11371 .lp-notice h4,
11372 .learn-press-notice h4 {
11373 margin: 10px 0 15px;
11374 }
11375 .lp-notice p,
11376 .learn-press-notice p {
11377 margin: 0 0 5px 0;
11378 padding: 0 2px;
11379 }
11380 .lp-notice .lp-message-dismiss,
11381 .learn-press-notice .lp-message-dismiss {
11382 position: absolute;
11383 top: 12px;
11384 left: 12px;
11385 }
11386 .lp-notice .notice-dismiss,
11387 .learn-press-notice .notice-dismiss {
11388 position: absolute;
11389 top: 0;
11390 left: 1px;
11391 margin: 0;
11392 padding: 9px;
11393 border: none;
11394 outline: none;
11395 color: #72777c;
11396 background: 100% 0;
11397 -webkit-box-shadow: none;
11398 -moz-box-shadow: none;
11399 box-shadow: none;
11400 cursor: pointer;
11401 }
11402 .lp-notice .notice-dismiss::before,
11403 .learn-press-notice .notice-dismiss::before {
11404 display: block;
11405 width: 20px;
11406 height: 20px;
11407 color: #72777c;
11408 background: 100% 0;
11409 font: normal 16px/20px dashicons;
11410 text-align: center;
11411 content: "\f153";
11412 speak: none;
11413 -webkit-font-smoothing: antialiased;
11414 }
11415
11416 .learn-press-dropdown-pages {
11417 display: inline-block;
11418 }
11419 .learn-press-dropdown-pages .list-pages-wrapper {
11420 display: flex;
11421 align-items: center;
11422 gap: 10px;
11423 }
11424
11425 .lp-notice-update-database {
11426 border: 1px solid rebeccapurple;
11427 border-right-color: #f00;
11428 border-radius: 3px;
11429 color: white;
11430 background: rebeccapurple;
11431 }
11432 .lp-notice-update-database.do-updating::before {
11433 display: inline-block;
11434 float: right;
11435 margin: 9px -5px 0 5px;
11436 color: #2773aa;
11437 font-family: dashicons;
11438 font-size: 1.25rem;
11439 content: "\f463";
11440 -webkit-animation: rotating4 2s linear infinite;
11441 -moz-animation: rotating4 2s linear infinite;
11442 -ms-animation: rotating4 2s linear infinite;
11443 -o-animation: rotating4 2s linear infinite;
11444 animation: rotating4 2s linear infinite;
11445 }
11446
11447 #adminmenu .update-plugins.lp-plugins-count {
11448 padding: 0 5px;
11449 }
11450
11451 .search-box input[name=post-search-author],
11452 .search-box .select2-container {
11453 min-width: 200px;
11454 margin: 0;
11455 vertical-align: top;
11456 }
11457
11458 .learn-press-notice-assigned-item {
11459 color: #f00;
11460 }
11461
11462 .learnpress .actions {
11463 margin: 0;
11464 }
11465
11466 #learn-press-syncs li {
11467 position: relative;
11468 }
11469 #learn-press-syncs li.syncing, #learn-press-syncs li.synced {
11470 padding-right: 24px;
11471 }
11472 #learn-press-syncs li.syncing input[type=checkbox], #learn-press-syncs li.synced input[type=checkbox] {
11473 display: none;
11474 }
11475 #learn-press-syncs li.syncing::after {
11476 content: "\f463";
11477 -webkit-animation: rotating4 2s linear infinite;
11478 -moz-animation: rotating4 2s linear infinite;
11479 -ms-animation: rotating4 2s linear infinite;
11480 -o-animation: rotating4 2s linear infinite;
11481 animation: rotating4 2s linear infinite;
11482 }
11483 #learn-press-syncs li.synced::after {
11484 color: #2773aa;
11485 content: "\f147";
11486 }
11487 #learn-press-syncs li::after {
11488 display: block;
11489 position: absolute;
11490 top: 0;
11491 right: -3px;
11492 width: 24px;
11493 height: 24px;
11494 font-family: dashicons;
11495 font-size: 1.1875rem;
11496 line-height: 1.5rem;
11497 text-align: center;
11498 }
11499
11500 #learn-press-updater .updater-progress {
11501 position: relative;
11502 margin: 0 2px;
11503 }
11504 #learn-press-updater .updater-progress ul {
11505 display: flex;
11506 position: relative;
11507 height: 5px;
11508 background: #eee;
11509 }
11510 #learn-press-updater .updater-progress ul li {
11511 position: relative;
11512 margin: 0;
11513 flex: 1;
11514 }
11515 #learn-press-updater .updater-progress ul li::after {
11516 display: none;
11517 position: absolute;
11518 top: -30px;
11519 left: 0;
11520 padding: 3px 5px;
11521 border-radius: 3px;
11522 color: #fff;
11523 background: #ddd;
11524 font-size: 0.75rem;
11525 content: attr(data-version);
11526 }
11527 #learn-press-updater .updater-progress ul li::before {
11528 content: "";
11529 }
11530 #learn-press-updater .updater-progress ul li:last-child::after {
11531 _display: block;
11532 }
11533 #learn-press-updater .updater-progress ul::after {
11534 position: absolute;
11535 top: 0;
11536 right: 0;
11537 width: 0;
11538 height: 20px;
11539 }
11540 #learn-press-updater .updater-progress .updater-progress-status {
11541 position: absolute;
11542 top: 0;
11543 right: 0;
11544 width: 0;
11545 height: 5px;
11546 background: #5bc4f9;
11547 -webkit-transition: width 0.25s;
11548 -moz-transition: width 0.25s;
11549 -ms-transition: width 0.25s;
11550 -o-transition: width 0.25s;
11551 transition: width 0.25s;
11552 }
11553 #learn-press-updater .updater-progress .updater-progress-status::before {
11554 position: absolute;
11555 top: -20px;
11556 left: 0;
11557 padding: 0 5px;
11558 border-radius: 3px;
11559 color: #fff;
11560 background: #5bc4f9;
11561 font-size: 0.75rem;
11562 _content: attr(data-value) "%";
11563 }
11564 #learn-press-updater .updater-progress .updater-progress-status .updater-progress-animation {
11565 overflow: hidden;
11566 position: absolute;
11567 top: 0;
11568 right: 0;
11569 width: 100%;
11570 height: 5px;
11571 background: #5bc4f9;
11572 }
11573 #learn-press-updater .updater-progress .updater-progress-status .updater-progress-animation:not(.completed)::after {
11574 position: absolute;
11575 height: 5px;
11576 background: #8dd9ff;
11577 content: "";
11578 -webkit-animation: animation4 1.5s ease-out infinite;
11579 -moz-animation: animation4 1.5s ease-out infinite;
11580 -ms-animation: animation4 1.5s ease-out infinite;
11581 -o-animation: animation4 1.5s ease-out infinite;
11582 animation: animation4 1.5s ease-out infinite;
11583 }
11584 #learn-press-updater .updating-message {
11585 color: #a24666;
11586 }
11587 #learn-press-updater .completed-message {
11588 color: #3c8eb7;
11589 }
11590
11591 #learn-press-updater {
11592 display: none;
11593 }
11594
11595 .select2 .select2-search.select2-search--inline {
11596 margin-bottom: 0;
11597 }
11598 .select2 .select2-selection .select2-selection__choice {
11599 margin-top: 4px;
11600 margin-bottom: 0;
11601 }
11602 .select2 .select2-selection.select2-selection--multiple {
11603 min-height: 30px;
11604 }
11605
11606 .list-pages-wrapper .select2-container--default .select2-selection--single .select2-selection__clear {
11607 margin: 0;
11608 }
11609
11610 .edit-post-layout__metaboxes .rwmb-label > label {
11611 color: #666;
11612 font-size: small;
11613 font-weight: bold;
11614 }
11615
11616 body.post-type-lp_question #button-new-question {
11617 display: inline-block;
11618 position: relative;
11619 }
11620 body.post-type-lp_question #button-new-question div {
11621 display: none;
11622 position: absolute;
11623 z-index: 9999;
11624 top: 100%;
11625 right: 0;
11626 min-width: 100px;
11627 margin: 0 -1px 0 0;
11628 border: 1px solid #999;
11629 background: white;
11630 font-weight: 400;
11631 }
11632 body.post-type-lp_question #button-new-question div a {
11633 display: block;
11634 min-width: 100px;
11635 margin: 0;
11636 padding: 10px 20px;
11637 color: #666;
11638 white-space: nowrap;
11639 text-decoration: none;
11640 }
11641 body.post-type-lp_question #button-new-question div a:hover {
11642 background: #eee;
11643 }
11644 body.post-type-lp_question #button-new-question > a {
11645 position: relative;
11646 padding-left: 15px;
11647 text-decoration: none;
11648 }
11649 body.post-type-lp_question #button-new-question > a::after {
11650 display: inline-block;
11651 position: absolute;
11652 top: 6px;
11653 left: 0;
11654 width: 0;
11655 height: 0;
11656 margin: 0;
11657 border: 5px solid transparent;
11658 border-top-color: #0f7aae;
11659 content: "";
11660 }
11661 body.post-type-lp_question #button-new-question:hover div {
11662 display: block;
11663 }
11664
11665 .lp-label {
11666 display: inline-block;
11667 padding: 3px 6px;
11668 color: #fff;
11669 font-size: 0.75rem;
11670 -webkit-border-radius: 4px;
11671 -moz-border-radius: 4px;
11672 border-radius: 4px;
11673 }
11674 .lp-label.success {
11675 background: #4caf50;
11676 }
11677 .lp-label.error {
11678 background: #f00;
11679 }
11680 .lp-label.warning {
11681 background: #ffc107;
11682 }
11683 .lp-label .far,
11684 .lp-label .fas,
11685 .lp-label .fa {
11686 display: inline-block;
11687 margin-left: 5px;
11688 }
11689
11690 .lp-admin-profile-courses .column-results {
11691 width: 200px;
11692 }
11693 .lp-admin-profile-courses .course-results-progress .lp-progress-row {
11694 margin: 0 0 20px 0;
11695 }
11696 .lp-admin-profile-courses .course-results-progress .lp-course-progress-heading {
11697 margin: 0 0 5px 0;
11698 line-height: 1;
11699 }
11700 .lp-admin-profile-courses .learn-press-progress {
11701 overflow: hidden;
11702 position: relative;
11703 width: 150px;
11704 height: 6px;
11705 border-radius: 3px;
11706 }
11707 .lp-admin-profile-courses .learn-press-progress .learn-press-progress__active {
11708 position: absolute;
11709 z-index: 1;
11710 right: -100%;
11711 width: 100%;
11712 height: 100%;
11713 border-radius: 3px;
11714 background: var(--lp-primary-color);
11715 -webkit-transition: 0.5s;
11716 -moz-transition: 0.5s;
11717 -ms-transition: 0.5s;
11718 -o-transition: 0.5s;
11719 transition: 0.5s;
11720 }
11721 .lp-admin-profile-courses .learn-press-progress::before {
11722 display: block;
11723 position: absolute;
11724 z-index: 0;
11725 top: 0;
11726 width: 100%;
11727 height: 100%;
11728 background: #ccc;
11729 content: "";
11730 }
11731
11732 .lp-notify-action-wrapper {
11733 position: fixed;
11734 bottom: 5%;
11735 z-index: 10000;
11736 right: 50%;
11737 padding: 10px;
11738 transition: all 0.5s;
11739 transform: translateY(500%);
11740 display: flex;
11741 flex-direction: column;
11742 gap: 5px;
11743 }
11744 .lp-notify-action-wrapper.show {
11745 display: flex;
11746 transform: translateY(0);
11747 }
11748 .lp-notify-action-wrapper .lp-notify-action {
11749 box-shadow: 0 4px 25px 1px rgba(0, 0, 0, 0.25);
11750 background: #202937;
11751 padding: 0 20px;
11752 border-radius: 3px;
11753 min-width: 200px;
11754 transition: all 0.8s;
11755 }
11756 .lp-notify-action-wrapper .lp-notify-action.clone {
11757 display: none;
11758 }
11759 .lp-notify-action-wrapper .lp-notify-action__success {
11760 display: none;
11761 color: #01a401;
11762 }
11763 .lp-notify-action-wrapper .lp-notify-action__success.show {
11764 display: block;
11765 }
11766 .lp-notify-action-wrapper .lp-notify-action__error {
11767 display: none;
11768 color: #f44336;
11769 font-weight: bold;
11770 }
11771 .lp-notify-action-wrapper .lp-notify-action__error.show {
11772 display: block;
11773 }
11774
11775 #wp-admin-bar-lp-course-builder svg {
11776 vertical-align: text-bottom;
11777 }