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

6,908 lines 172.5 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /**
2 * Mixin
3 */
4 @-webkit-keyframes rotating4 {
5 from {
6 -webkit-transform: rotate(0deg);
7 -o-transform: rotate(0deg);
8 transform: rotate(0deg);
9 }
10 to {
11 -webkit-transform: rotate(-360deg);
12 -o-transform: rotate(-360deg);
13 transform: rotate(-360deg);
14 }
15 }
16 @keyframes rotating4 {
17 from {
18 -ms-transform: rotate(0deg);
19 -moz-transform: rotate(0deg);
20 -webkit-transform: rotate(0deg);
21 -o-transform: rotate(0deg);
22 transform: rotate(0deg);
23 }
24 to {
25 -ms-transform: rotate(-360deg);
26 -moz-transform: rotate(-360deg);
27 -webkit-transform: rotate(-360deg);
28 -o-transform: rotate(-360deg);
29 transform: rotate(-360deg);
30 }
31 }
32 @-webkit-keyframes animation4 {
33 from {
34 right: -40%;
35 width: 40%;
36 }
37 to {
38 right: 100%;
39 width: 10%;
40 }
41 }
42 @keyframes animation4 {
43 from {
44 right: -40%;
45 width: 40%;
46 }
47 to {
48 right: 100%;
49 width: 10%;
50 }
51 }
52 .learn-press-message {
53 position: relative;
54 margin: 0 0 20px 0;
55 padding: 10px 15px 10px 50px;
56 border-top: 5px solid #00adff;
57 border-radius: 0 0 5px 5px;
58 background: #f5f5f5;
59 width: 100%;
60 }
61 .learn-press-message.icon {
62 padding-right: 45px;
63 }
64 .learn-press-message.icon::before {
65 background: #00adff;
66 }
67 .learn-press-message.icon::after {
68 position: absolute;
69 top: 50%;
70 right: 15px;
71 width: 10px;
72 height: 10px;
73 margin-top: -13px;
74 margin-left: 10px;
75 border-radius: 50%;
76 color: #fff;
77 background: #00adff;
78 font-family: "Font Awesome 5 Free";
79 font-size: 20px;
80 line-height: 26px;
81 text-align: center;
82 vertical-align: baseline;
83 content: "\f129";
84 }
85 .learn-press-message::before, .learn-press-message::after {
86 position: absolute;
87 top: 0;
88 content: "";
89 }
90 .learn-press-message::before {
91 left: 20px;
92 width: 20px;
93 height: 30px;
94 background: #00adff;
95 }
96 .learn-press-message::after {
97 top: 10px;
98 left: 20px;
99 width: 0;
100 height: 0;
101 border: 10px solid transparent;
102 border-bottom-color: #f5f5f5;
103 }
104 .learn-press-message.error {
105 border-color: #d85554;
106 }
107 .learn-press-message.error::before {
108 background: #d85554;
109 }
110 .learn-press-message.error.icon::before, .learn-press-message.error.icon::after {
111 background: #d85554;
112 }
113 .learn-press-message.error.icon::after {
114 content: "\f00d";
115 }
116 .learn-press-message.warning {
117 border-color: #ffc107;
118 }
119 .learn-press-message.warning::before {
120 background: #ffc107;
121 }
122 .learn-press-message.warning.icon::before, .learn-press-message.warning.icon::after {
123 background: #ffc107;
124 }
125 .learn-press-message.warning.icon::after {
126 content: "\f00d";
127 }
128 .learn-press-message.success {
129 border-color: #059601;
130 }
131 .learn-press-message.success::before {
132 background: #059601;
133 }
134 .learn-press-message.success.icon::before, .learn-press-message.success.icon::after {
135 background: #059601;
136 }
137 .learn-press-message.success.icon::after {
138 content: "\f129";
139 }
140 .learn-press-message a {
141 text-decoration: underline;
142 }
143
144 /**
145 * Styles for displaying list of table
146 */
147 .lp-toolbar-buttons {
148 position: relative;
149 z-index: 10;
150 height: 50px;
151 }
152 .lp-toolbar-buttons .lp-toolbar-btn {
153 display: inline-block;
154 position: relative;
155 width: 30px;
156 height: 30px;
157 margin: 0;
158 padding: 0;
159 text-align: center;
160 vertical-align: middle;
161 cursor: pointer;
162 }
163 .lp-toolbar-buttons .lp-toolbar-btn a,
164 .lp-toolbar-buttons .lp-toolbar-btn span {
165 outline: none;
166 color: #666;
167 box-shadow: none;
168 }
169 .lp-toolbar-buttons .lp-toolbar-btn .lp-btn-icon {
170 position: absolute;
171 top: 50%;
172 right: 50%;
173 width: 30px;
174 height: 30px;
175 margin-top: -15px;
176 margin-right: -15px;
177 line-height: 30px;
178 text-align: center;
179 }
180 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-move {
181 cursor: ns-resize;
182 }
183 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-move a,
184 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-move span {
185 cursor: ns-resize;
186 }
187 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-move:hover a,
188 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-move span {
189 color: var(--lp-primary-color);
190 }
191 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-remove {
192 cursor: pointer;
193 }
194 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-remove:hover a,
195 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-remove:hover span {
196 color: #e74c3c;
197 }
198 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-toggle .dashicons-arrow-down,
199 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-toggle .dashicons-arrow-down-alt2 {
200 display: none;
201 }
202 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-toggle.closed .dashicons-arrow-up,
203 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-toggle.closed .dashicons-arrow-up-alt2 {
204 display: none;
205 }
206 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-toggle.closed .dashicons-arrow-down,
207 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-toggle.closed .dashicons-arrow-down-alt2 {
208 display: inline-block;
209 }
210 .lp-toolbar-buttons .lp-toolbar-btn.lp-toolbar-btn-dropdown {
211 color: #000;
212 }
213 .lp-toolbar-buttons .lp-toolbar-btn.lp-toolbar-btn-dropdown ul {
214 display: none;
215 position: absolute;
216 top: 100%;
217 left: 0;
218 margin: 0 0;
219 border: 1px solid #999;
220 background: #fdfeff;
221 }
222 .lp-toolbar-buttons .lp-toolbar-btn.lp-toolbar-btn-dropdown ul li {
223 margin: 0;
224 list-style: none;
225 }
226 .lp-toolbar-buttons .lp-toolbar-btn.lp-toolbar-btn-dropdown ul li a {
227 display: block;
228 margin: 0;
229 padding: 3px 8px;
230 color: #757575;
231 font-size: 12px;
232 text-align: left;
233 white-space: nowrap;
234 text-decoration: none;
235 }
236 .lp-toolbar-buttons .lp-toolbar-btn.lp-toolbar-btn-dropdown ul li a:hover {
237 background: #eee;
238 }
239 .lp-toolbar-buttons .lp-toolbar-btn.lp-toolbar-btn-dropdown ul li.active a {
240 background: #eee;
241 }
242 .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-disabled, .lp-toolbar-buttons .lp-toolbar-btn.lp-btn-disabled:hover {
243 _background: #f5f5f5;
244 }
245 .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 {
246 color: #666;
247 }
248 .lp-toolbar-buttons .lp-toolbar-btn:hover {
249 display: inline-block;
250 background: none;
251 }
252 .lp-toolbar-buttons .lp-toolbar-btn:hover .lp-btn-icon {
253 color: #444;
254 }
255 .lp-toolbar-buttons .lp-toolbar-btn:hover ul {
256 display: block;
257 }
258 .lp-toolbar-buttons .lp-toolbar-btn:hover ul:hover {
259 display: block;
260 }
261
262 .column-content-actions.lp-toolbar-buttons {
263 width: 30px;
264 padding: 0;
265 white-space: nowrap;
266 }
267
268 .learn-press-box-data {
269 position: relative;
270 margin: 20px 0 0 0;
271 border: 1px solid #ddd;
272 }
273 .learn-press-box-data .lp-box-data-head {
274 padding: 10px 15px;
275 background: #fff;
276 }
277 .learn-press-box-data .lp-box-data-head h3 {
278 margin: 0;
279 padding: 15px;
280 font-size: 16px;
281 }
282 .learn-press-box-data .lp-box-data-head .lp-box-data-actions {
283 float: left;
284 position: relative;
285 z-index: 10;
286 }
287 .learn-press-box-data .lp-box-data-head .lp-box-data-actions .lp-btn {
288 display: inline-block;
289 width: 30px;
290 height: 50px;
291 line-height: 46px;
292 text-align: center;
293 vertical-align: middle;
294 }
295 .learn-press-box-data .lp-box-data-head .lp-box-data-actions::after {
296 display: block;
297 clear: both;
298 content: "";
299 }
300 .learn-press-box-data .lp-box-data-head::after {
301 display: block;
302 clear: both;
303 content: "";
304 }
305 .learn-press-box-data .lp-box-data-content {
306 padding: 15px;
307 border-top: 1px solid #ddd;
308 background: #fff;
309 }
310 .learn-press-box-data .lp-box-data-foot {
311 padding: 15px;
312 }
313 .learn-press-box-data.closed .lp-btn-toggle .dashicons-arrow-up,
314 .learn-press-box-data.closed .lp-btn-toggle .dashicons-arrow-up-alt2 {
315 display: none;
316 }
317 .learn-press-box-data.closed .lp-btn-toggle .dashicons-arrow-down,
318 .learn-press-box-data.closed .lp-btn-toggle .dashicons-arrow-down-alt2 {
319 display: inline-block;
320 }
321 .learn-press-box-data.closed .lp-box-data-content {
322 display: none;
323 }
324
325 .lp-list-options {
326 width: 100%;
327 border-collapse: collapse;
328 }
329 .lp-list-options th,
330 .lp-list-options td {
331 padding: 10px 15px;
332 border-top: 1px solid #ddd;
333 background: #f5f5f5;
334 }
335 .lp-list-options thead th {
336 text-align: right;
337 }
338 .lp-list-options tbody tr td {
339 padding: 0 15px;
340 background: #f4fcff;
341 }
342 .lp-list-options tbody tr td.lp-toolbar-buttons {
343 _overflow: hidden;
344 position: relative;
345 width: 30px;
346 height: 42px;
347 white-space: nowrap;
348 }
349 .lp-list-options tbody tr td.lp-toolbar-buttons .lp-toolbar-btn {
350 visibility: hidden;
351 position: relative;
352 height: 43px;
353 margin-top: -4px;
354 margin-bottom: -4px;
355 }
356 .lp-list-options tbody tr:nth-child(odd) td {
357 background: #fff;
358 }
359 .lp-list-options tbody tr:hover td.lp-toolbar-buttons .lp-toolbar-btn {
360 visibility: visible;
361 }
362 .lp-list-options tbody td {
363 text-align: right;
364 }
365 .lp-list-options tbody td input[type=text] {
366 width: 100%;
367 }
368 .lp-list-options tbody td input[type=text][value=""] {
369 font-style: italic;
370 }
371 .lp-list-options tbody td.column-content-answer_correct {
372 width: 125px;
373 }
374 .lp-list-options tbody td.lp-remove-list-option, .lp-list-options tbody td.lp-move-list-option {
375 width: 20px;
376 padding: 0;
377 text-align: center;
378 }
379 .lp-list-options tbody td.lp-remove-list-option a, .lp-list-options tbody td.lp-move-list-option a {
380 visibility: hidden;
381 color: #999;
382 }
383 .lp-list-options tbody td.lp-remove-list-option:hover, .lp-list-options tbody td.lp-move-list-option:hover {
384 background: #dbf5ff;
385 }
386 .lp-list-options tbody td.lp-move-list-option {
387 cursor: ns-resize;
388 }
389 .lp-list-options tbody td.lp-move-list-option a {
390 cursor: ns-resize;
391 }
392 .lp-list-options tbody td.lp-move-list-option:hover a {
393 color: var(--lp-primary-color);
394 }
395 .lp-list-options tbody td.lp-remove-list-option {
396 cursor: pointer;
397 }
398 .lp-list-options tbody td.lp-remove-list-option:hover a {
399 color: #e74c3c;
400 }
401
402 .lp-animation {
403 -webkit-animation: spin 4s linear infinite;
404 -moz-animation: spin 4s linear infinite;
405 animation: spin 4s linear infinite;
406 }
407
408 .lp-ajax-search {
409 display: inline-block;
410 position: relative;
411 z-index: 999999;
412 }
413 .lp-ajax-search .lp-search-term {
414 min-width: 300px;
415 height: 28px;
416 margin: 0;
417 -webkit-box-shadow: none;
418 -moz-box-shadow: none;
419 box-shadow: none;
420 outline: none;
421 }
422 .lp-ajax-search .lp-search-term:focus {
423 -webkit-box-shadow: none;
424 -moz-box-shadow: none;
425 box-shadow: none;
426 }
427 .lp-ajax-search .lp-search-term:focus {
428 -webkit-box-shadow: none;
429 -moz-box-shadow: none;
430 box-shadow: none;
431 outline: none;
432 }
433 .lp-ajax-search .lp-search-term:focus:focus {
434 -webkit-box-shadow: none;
435 -moz-box-shadow: none;
436 box-shadow: none;
437 }
438 .lp-ajax-search .lp-search-results {
439 position: absolute;
440 top: 100%;
441 width: 100%;
442 margin: -1px 0 0 0;
443 border: 1px solid #ddd;
444 background: #fff;
445 -webkit-box-sizing: border-box;
446 -moz-box-sizing: border-box;
447 box-sizing: border-box;
448 }
449 .lp-ajax-search .lp-search-results .lp-search-items {
450 overflow: auto;
451 max-height: 300px;
452 margin: 0;
453 }
454 .lp-ajax-search .lp-search-results .lp-search-items li {
455 margin: 0;
456 }
457 .lp-ajax-search .lp-search-results .lp-search-items li label {
458 display: block;
459 padding: 8px 10px;
460 border-bottom: 1px solid #f3f3f3;
461 }
462 .lp-ajax-search .lp-search-results .lp-search-items li label input {
463 float: right;
464 margin-top: 1px;
465 margin-left: -100%;
466 }
467 .lp-ajax-search .lp-search-results .lp-search-items li label span {
468 display: inline-block;
469 margin-right: 25px;
470 }
471 .lp-ajax-search .lp-search-results .lp-search-items li label span a.lp-add-item {
472 visibility: hidden;
473 margin-right: 10px;
474 }
475 .lp-ajax-search .lp-search-results .lp-search-items li.active {
476 background: #dbf5ff;
477 }
478 .lp-ajax-search .lp-search-results .lp-search-items li:hover {
479 color: #fff;
480 background: #0085ba;
481 }
482 .lp-ajax-search .lp-search-results .lp-search-items li:hover a.lp-add-item {
483 visibility: visible;
484 }
485 .lp-ajax-search .lp-search-results .lp-search-actions {
486 margin: 0;
487 padding: 10px;
488 border-top: 1px solid #ddd;
489 }
490
491 #learn-press-ajax-search-overlay {
492 display: none;
493 position: fixed;
494 z-index: 99999;
495 top: 0;
496 right: 0;
497 width: 100%;
498 height: 100%;
499 opacity: 0;
500 }
501
502 .update-overlay {
503 position: fixed;
504 z-index: 99999;
505 top: 0;
506 right: 0;
507 width: 100%;
508 height: 100%;
509 background: rgba(255, 255, 255, 0.5);
510 }
511
512 #course-editor.ajax-search #learn-press-ajax-search-overlay {
513 display: block;
514 }
515 #course-editor.ajax-search .lp-ajax-search {
516 z-index: 100000;
517 }
518
519 .advanced-list {
520 padding: 5px 8px 0 0;
521 border: 1px solid #ddd;
522 border-radius: 3px;
523 background: #fff;
524 list-style: none;
525 }
526 .advanced-list li {
527 display: inline-block;
528 margin: 0 -3px 5px 5px;
529 padding: 3px 8px;
530 background: #eee;
531 -webkit-border-radius: 2px;
532 -moz-border-radius: 2px;
533 border-radius: 2px;
534 }
535 .advanced-list li .remove-item {
536 display: inline-block;
537 margin-left: 5px;
538 line-height: 1;
539 vertical-align: middle;
540 text-decoration: none;
541 cursor: pointer;
542 }
543 .advanced-list li .remove-item:hover {
544 color: #0085ba;
545 }
546 .advanced-list li .remove-item::before {
547 font-family: dashicons;
548 text-decoration: none;
549 content: "\f335";
550 }
551 .advanced-list li span {
552 display: inline-block;
553 }
554 .advanced-list.locked .remove-item {
555 display: none;
556 }
557 .advanced-list::after {
558 display: block;
559 clear: both;
560 content: "";
561 }
562
563 .lp-label-counter {
564 display: inline-block;
565 height: 20px;
566 padding: 0 10px;
567 border-radius: 20px;
568 color: #fff;
569 background: #2196f3;
570 font-weight: bold;
571 line-height: 20px;
572 }
573 .lp-label-counter.disabled {
574 background: #ddd;
575 }
576
577 @-moz-keyframes spin {
578 100% {
579 -moz-transform: rotate(-360deg);
580 }
581 }
582 @-webkit-keyframes spin {
583 100% {
584 -webkit-transform: rotate(-360deg);
585 }
586 }
587 @keyframes spin {
588 100% {
589 -webkit-transform: rotate(-360deg);
590 transform: rotate(-360deg);
591 }
592 }
593 .rwmb-duration {
594 border: 1px solid #ddd;
595 }
596
597 ul .clearfix {
598 clear: both;
599 height: 0;
600 opacity: 0;
601 }
602
603 .clearfix-after::after {
604 display: block;
605 clear: both;
606 height: 0;
607 opacity: 0;
608 content: "";
609 }
610
611 .lp-button {
612 padding: 8px 16px;
613 border: 1px solid #e5e7eb;
614 border-radius: 6px;
615 color: #374151;
616 font-size: 13px;
617 font-weight: 500;
618 text-decoration: none;
619 cursor: pointer;
620 }
621
622 @-moz-keyframes lp-spinner {
623 100% {
624 -moz-transform: rotate(-360deg);
625 }
626 }
627 @-webkit-keyframes lp-spinner {
628 100% {
629 -webkit-transform: rotate(-360deg);
630 }
631 }
632 @keyframes lp-spinner {
633 100% {
634 -webkit-transform: rotate(-360deg);
635 transform: rotate(-360deg);
636 }
637 }
638 .lp-modal-choose-items-open {
639 overflow: hidden;
640 }
641
642 .lp-modal-search {
643 height: 100%;
644 padding: 20px;
645 color: #777;
646 background-color: red;
647 }
648 .lp-modal-search li.selected {
649 display: none;
650 }
651
652 /* message box */
653 #learn-press-message-box-block {
654 position: fixed;
655 z-index: 99999;
656 top: 0;
657 left: 0;
658 bottom: 0;
659 right: 0;
660 opacity: 0.8;
661 background-color: #000;
662 }
663
664 #learn-press-message-box-window {
665 position: fixed;
666 z-index: 100000;
667 top: 0;
668 left: 0;
669 bottom: 0;
670 right: 0;
671 color: #fff;
672 text-align: center;
673 }
674
675 #message-box-wrap {
676 /* text-align: center; */
677 display: inline-block;
678 max-width: 70%;
679 margin: 0 auto;
680 text-align: right;
681 }
682
683 .message-box-title {
684 margin: 0 0 40px 0;
685 color: #fff;
686 font-size: 34px;
687 }
688
689 .message-box-content {
690 font-size: 16px;
691 line-height: 1.5;
692 }
693
694 .message-box-animation {
695 width: 220px;
696 height: 20px;
697 margin: 20px 0 0;
698 background-image: url("../../images/animation.gif");
699 }
700
701 .message-box-buttons {
702 margin: 20px 0 0;
703 padding-top: 20px;
704 border-top: 1px solid #929292;
705 }
706
707 .message-box-button {
708 margin-left: 10px !important;
709 }
710
711 .tipsy {
712 position: absolute;
713 }
714
715 .learnpress a,
716 .learnpress a:active {
717 outline: none;
718 box-shadow: none;
719 }
720 .learnpress .lp-install-sample-data-options {
721 padding: 0 20px 10px 20px;
722 border: 1px solid #ddd;
723 }
724 .learnpress .lp-install-sample-data-options legend {
725 font-size: 16px;
726 }
727
728 /* Metabox email template field */
729 .lp-email-templates {
730 overflow: hidden;
731 margin-top: 5px;
732 }
733
734 .learn-press-email-variables {
735 margin: 20px 0 0;
736 padding: 0;
737 list-style: none;
738 }
739 .learn-press-email-variables li {
740 display: inline-block;
741 cursor: pointer;
742 }
743
744 /* Metabox dropdown pages field */
745 .learn-press-dropdown-pages input[type=text] {
746 min-width: 300px;
747 height: 29px;
748 margin: 0;
749 vertical-align: top;
750 }
751 .learn-press-dropdown-pages .select2-container {
752 min-width: 220px !important;
753 }
754 .learn-press-dropdown-pages .select2-container .select2-selection--single {
755 height: 30px;
756 border-color: #7e8993;
757 }
758 .learn-press-dropdown-pages .select2-container .select2-selection__rendered {
759 line-height: 28px !important;
760 }
761 .learn-press-dropdown-pages .select2-container .select2-selection__arrow {
762 left: 1px;
763 width: 23px;
764 height: 28px;
765 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%;
766 background-size: 16px 16px;
767 }
768 .learn-press-dropdown-pages .select2-container .select2-selection__arrow b {
769 display: none;
770 }
771 .learn-press-dropdown-pages .quick-add-page-actions a {
772 font-size: 13px;
773 text-decoration: none;
774 }
775 .learn-press-dropdown-pages .quick-add-page-inline {
776 margin-top: 0;
777 }
778
779 .lp-select-2 + .select2-container .select2-selection--single {
780 height: 30px;
781 border-color: #7e8993;
782 }
783 .lp-select-2 + .select2-container .select2-selection--single .select2-selection__rendered {
784 line-height: 28px !important;
785 }
786 .lp-select-2 + .select2-container .select2-selection--single .select2-selection__arrow {
787 left: 1px;
788 width: 23px;
789 height: 28px;
790 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%;
791 background-size: 16px 16px;
792 }
793 .lp-select-2 + .select2-container .select2-selection--single .select2-selection__arrow b {
794 display: none;
795 }
796
797 /* Tooltip */
798 .learn-press-tooltip {
799 display: inline-block;
800 margin: 0 5px;
801 color: #999;
802 font-size: 17px;
803 vertical-align: middle;
804 }
805 .learn-press-tooltip.icon::after {
806 font-family: Dashicons;
807 content: "\f223";
808 }
809 .learn-press-tooltip:hover {
810 opacity: 1;
811 color: #0073aa;
812 }
813
814 /* Metabox payment order field */
815 .rwmb-payment-order-wrapper .rwmb-label {
816 margin-bottom: 20px !important;
817 }
818 .rwmb-payment-order-wrapper .rwmb-input {
819 margin-right: 0 !important;
820 }
821
822 .learn-press-payments,
823 .learn-press-emails {
824 width: 100%;
825 border: 1px solid #ddd;
826 border-collapse: collapse;
827 font-size: 14px;
828 }
829 .learn-press-payments th,
830 .learn-press-payments td,
831 .learn-press-emails th,
832 .learn-press-emails td {
833 padding: 10px;
834 }
835 .learn-press-payments .order,
836 .learn-press-emails .order {
837 width: 30px;
838 padding-left: 0;
839 color: #ddd;
840 text-align: center;
841 cursor: not-allowed;
842 }
843 .learn-press-payments .name,
844 .learn-press-emails .name {
845 min-width: 250px;
846 font-weight: normal;
847 text-transform: capitalize;
848 }
849 .learn-press-payments .name a,
850 .learn-press-emails .name a {
851 text-decoration: none;
852 }
853 .learn-press-payments .status,
854 .learn-press-emails .status {
855 width: 100px;
856 text-align: center;
857 cursor: pointer;
858 }
859 .learn-press-payments .status .dashicons,
860 .learn-press-emails .status .dashicons {
861 border-radius: 50%;
862 color: #fff;
863 background: #ddd;
864 }
865 .learn-press-payments .status a,
866 .learn-press-emails .status a {
867 display: block;
868 margin-top: 5px;
869 font-size: 12px;
870 text-decoration: none;
871 }
872 .learn-press-payments .status.enabled .dashicons,
873 .learn-press-emails .status.enabled .dashicons {
874 background: #0085ba;
875 }
876 .learn-press-payments thead th,
877 .learn-press-emails thead th {
878 border-bottom: 1px solid #ddd;
879 text-align: right;
880 }
881 .learn-press-payments tbody tr:nth-child(even) td,
882 .learn-press-emails tbody tr:nth-child(even) td {
883 background: #fff;
884 }
885 .learn-press-payments tbody tr:nth-child(odd) td,
886 .learn-press-emails tbody tr:nth-child(odd) td {
887 background: #f5f5f5;
888 }
889 .learn-press-payments tbody td,
890 .learn-press-emails tbody td {
891 border-bottom: 1px solid #ddd;
892 }
893 .learn-press-payments tbody .ui-sortable-helper,
894 .learn-press-emails tbody .ui-sortable-helper {
895 margin-right: -1px;
896 border: 1px solid #ddd;
897 }
898 .learn-press-payments tbody .ui-sortable-placeholder,
899 .learn-press-emails tbody .ui-sortable-placeholder {
900 visibility: visible !important;
901 border: 1px solid #ddd;
902 }
903 .learn-press-payments tbody .ui-sortable-placeholder td,
904 .learn-press-emails tbody .ui-sortable-placeholder td {
905 height: 35px;
906 padding: 0;
907 background: #f7f7f7;
908 }
909 .learn-press-payments ~ .email-actions,
910 .learn-press-emails ~ .email-actions {
911 text-align: right;
912 }
913 .learn-press-payments.sortable .order:hover,
914 .learn-press-emails.sortable .order:hover {
915 color: #0073aa;
916 cursor: ns-resize;
917 }
918
919 /* Submenu tools/templates */
920 .lp-template-overrides {
921 margin-top: 20px;
922 }
923 .lp-template-overrides thead th h4 {
924 margin: 0;
925 }
926 .lp-template-overrides tbody th {
927 font-weight: bold;
928 }
929 .lp-template-overrides tbody th p {
930 display: inline-block;
931 margin: 0 10px 0 0;
932 }
933 .lp-template-overrides tbody th p a {
934 margin: 0;
935 padding: 2px 8px;
936 border: none;
937 border-radius: 3px;
938 outline: none;
939 box-shadow: none;
940 font-weight: normal;
941 }
942 .lp-template-overrides tbody th p a.current {
943 color: #fff;
944 background: #00aadc;
945 }
946 .lp-template-overrides .template-row.outdated code::before, .lp-template-overrides .template-row.up-to-date code::before {
947 display: inline-block;
948 margin-top: -2px;
949 margin-left: 3px;
950 font-family: Dashicons;
951 vertical-align: middle;
952 }
953 .lp-template-overrides .template-row.outdated .template-version {
954 color: #f00;
955 }
956 .lp-template-overrides .template-row.outdated .template-file code::before {
957 color: #f00;
958 content: "\f534";
959 }
960 .lp-template-overrides .template-row.up-to-date .template-version {
961 color: #1859ff;
962 }
963 .lp-template-overrides .template-row.up-to-date .template-file code::before {
964 color: #0085ba;
965 content: "\f147";
966 }
967 .lp-template-overrides .template-version,
968 .lp-template-overrides .core-version {
969 width: 100px;
970 }
971 .lp-template-overrides #learn-press-no-templates td p {
972 color: #0073aa;
973 }
974
975 /* General */
976 .description code {
977 font-size: smaller;
978 }
979
980 #field-_lp_course_result input[name=_lp_course_result] ~ #passing-condition-quiz-result {
981 display: none;
982 padding: 10px;
983 background: #f5f5f5;
984 }
985 #field-_lp_course_result input[name=_lp_course_result] ~ #passing-condition-quiz-result input {
986 width: 80px;
987 margin: 0;
988 -webkit-box-sizing: border-box;
989 -moz-box-sizing: border-box;
990 box-sizing: border-box;
991 }
992 #field-_lp_course_result input[name=_lp_course_result] ~ #passing-condition-quiz-result p {
993 margin: 7px 0 0;
994 color: #777;
995 font-style: italic;
996 }
997 #field-_lp_course_result input[name=_lp_course_result]:checked ~ #passing-condition-quiz-result {
998 display: block;
999 }
1000
1001 .widget .widget-content .rwmb-field:not(:last-of-type) {
1002 margin: 0 0 10px;
1003 }
1004 .widget .widget-content .rwmb-field:not(:last-of-type):first-child {
1005 margin-top: 10px;
1006 }
1007 .widget .widget-content .rwmb-field:last-child {
1008 margin-bottom: 10px;
1009 }
1010 .widget .widget-content .rwmb-field .rwmb-label,
1011 .widget .widget-content .rwmb-field .rwmb-input {
1012 width: 100%;
1013 }
1014 .widget .widget-content .rwmb-field .rwmb-label {
1015 margin-bottom: 2px;
1016 }
1017 .widget .widget-content .rwmb-field .rwmb-label label {
1018 font-weight: 400;
1019 }
1020 .widget .widget-content .rwmb-field .rwmb-input input[type=text] {
1021 width: 100%;
1022 }
1023
1024 .course-attributes {
1025 margin: 20px 0;
1026 }
1027 .course-attributes .learn-press-attribute {
1028 margin-top: -1px;
1029 margin-bottom: 0;
1030 border: 1px solid #ddd;
1031 }
1032 .course-attributes .learn-press-attribute > h4 {
1033 margin: 0;
1034 padding: 10px 15px;
1035 background: #f5f5f5;
1036 }
1037 .course-attributes .learn-press-attribute .learn-press-attribute-data {
1038 padding: 15px;
1039 border-top: 1px solid #ddd;
1040 }
1041
1042 #wpfooter {
1043 z-index: 20;
1044 }
1045
1046 .learn-press-advertisement-slider {
1047 margin: 50px 0 0 20px;
1048 position: relative;
1049 overflow: hidden;
1050 box-sizing: border-box;
1051 z-index: 10;
1052 }
1053 .learn-press-advertisement-slider .slider-items:after {
1054 display: block;
1055 clear: both;
1056 content: "";
1057 }
1058 .learn-press-advertisement-slider .slide-item {
1059 position: relative;
1060 float: right;
1061 width: 100%;
1062 margin-left: -100%;
1063 padding: 20px;
1064 opacity: 0;
1065 background: #FFF;
1066 -webkit-box-sizing: border-box;
1067 -moz-box-sizing: border-box;
1068 box-sizing: border-box;
1069 -webkit-transition: opacity 0.5s linear;
1070 transition: opacity 0.5s linear;
1071 }
1072 .learn-press-advertisement-slider .slide-item .slide-thumbnail {
1073 float: right;
1074 width: 35%;
1075 }
1076 .learn-press-advertisement-slider .slide-item .slide-thumbnail a {
1077 display: block;
1078 line-height: 1;
1079 margin-bottom: 0;
1080 }
1081 .learn-press-advertisement-slider .slide-item .slide-thumbnail img {
1082 max-width: 100%;
1083 }
1084 .learn-press-advertisement-slider .slide-item .slide-detail {
1085 margin-right: 35%;
1086 padding-right: 20px;
1087 }
1088 .learn-press-advertisement-slider .slide-item .slide-detail h2 {
1089 margin-top: 0;
1090 }
1091 .learn-press-advertisement-slider .slide-item .slide-detail .description-short {
1092 display: none;
1093 }
1094 .learn-press-advertisement-slider .slide-item.slide-active {
1095 opacity: 1;
1096 }
1097 .learn-press-advertisement-slider .slider-controls {
1098 position: absolute;
1099 bottom: 20px;
1100 left: 20px;
1101 }
1102 .learn-press-advertisement-slider .slider-controls .next-item,
1103 .learn-press-advertisement-slider .slider-controls .prev-item {
1104 font-family: "dashicons";
1105 width: 40px;
1106 height: 40px;
1107 border: 1px solid #DDD;
1108 line-height: 40px;
1109 font-size: 16px;
1110 cursor: pointer;
1111 float: right;
1112 margin-right: 10px;
1113 text-align: center;
1114 color: #DDD;
1115 }
1116 .learn-press-advertisement-slider .slider-controls .next-item:hover,
1117 .learn-press-advertisement-slider .slider-controls .prev-item:hover {
1118 border-color: #0085ba;
1119 }
1120 .learn-press-advertisement-slider .slider-controls .next-item:hover:before,
1121 .learn-press-advertisement-slider .slider-controls .prev-item:hover:before {
1122 color: #0085ba;
1123 }
1124 .learn-press-advertisement-slider .slider-controls .next-item:before {
1125 content: "\f345";
1126 }
1127 .learn-press-advertisement-slider .slider-controls .prev-item:before {
1128 content: "\f341";
1129 }
1130
1131 @media only screen and (max-width: 1200px) {
1132 .learn-press-advertisement-slider .slide-item .slide-thumbnail {
1133 width: 50%;
1134 }
1135 .learn-press-advertisement-slider .slide-item .slide-detail {
1136 margin-right: 50%;
1137 }
1138 .learn-press-advertisement-slider .slide-item .slide-detail .description-short {
1139 display: block;
1140 }
1141 .learn-press-advertisement-slider .slide-item .slide-detail .description-full {
1142 display: none;
1143 }
1144 }
1145 @media only screen and (max-width: 960px) {
1146 .learn-press-advertisement-slider {
1147 margin-right: 56px;
1148 }
1149 .learn-press-advertisement-slider .slide-item .slide-thumbnail {
1150 width: 100%;
1151 float: none;
1152 }
1153 .learn-press-advertisement-slider .slide-item .slide-thumbnail img {
1154 width: 100%;
1155 }
1156 .learn-press-advertisement-slider .slide-item .slide-detail {
1157 margin-right: 0;
1158 padding-right: 0;
1159 }
1160 .learn-press-advertisement-slider .slide-item .slide-detail h2 {
1161 padding-top: 20px;
1162 }
1163 .learn-press-advertisement-slider .slide-item .slide-detail .description-short {
1164 display: block;
1165 }
1166 .learn-press-advertisement-slider .slide-item .slide-detail .description-full {
1167 display: none;
1168 }
1169 .learn-press-advertisement-slider .slide-item .slide-detail .slide-controls {
1170 margin-bottom: 0;
1171 }
1172 .learn-press-advertisement-slider .slide-item .slide-detail .slide-controls .button {
1173 margin-bottom: 0;
1174 }
1175 .wp-responsive-open .learn-press-advertisement-slider {
1176 margin-right: 56px;
1177 }
1178 .wp-responsive-open .learn-press-advertisement-slider .slide-item .slide-thumbnail {
1179 width: 100%;
1180 float: none;
1181 }
1182 .wp-responsive-open .learn-press-advertisement-slider .slide-item .slide-thumbnail img {
1183 width: 100%;
1184 }
1185 .wp-responsive-open .learn-press-advertisement-slider .slide-item .slide-detail {
1186 margin-right: 0;
1187 padding-right: 0;
1188 }
1189 .wp-responsive-open .learn-press-advertisement-slider .slide-item .slide-detail h2 {
1190 padding-top: 20px;
1191 }
1192 .wp-responsive-open .learn-press-advertisement-slider .slide-item .slide-detail .description-short {
1193 display: block;
1194 }
1195 .wp-responsive-open .learn-press-advertisement-slider .slide-item .slide-detail .description-full {
1196 display: none;
1197 }
1198 .wp-responsive-open .learn-press-advertisement-slider .slide-item .slide-detail .slide-controls {
1199 margin-bottom: 0;
1200 }
1201 .wp-responsive-open .learn-press-advertisement-slider .slide-item .slide-detail .slide-controls .button {
1202 margin-bottom: 0;
1203 }
1204 }
1205 .lp-admin-tabs {
1206 position: relative;
1207 margin-top: 20px;
1208 }
1209 .lp-admin-tabs .lp-admin-tab-navs {
1210 display: none;
1211 float: right;
1212 position: relative;
1213 z-index: 5;
1214 width: 250px;
1215 margin: 0 0 0 -250px;
1216 padding: 10px 0;
1217 -webkit-box-sizing: border-box;
1218 -moz-box-sizing: border-box;
1219 box-sizing: border-box;
1220 }
1221 .lp-admin-tabs .lp-admin-tab-navs .nav-section {
1222 margin: 0;
1223 }
1224 .lp-admin-tabs .lp-admin-tab-navs .nav-section > a,
1225 .lp-admin-tabs .lp-admin-tab-navs .nav-section > span {
1226 display: block;
1227 padding: 8px 20px;
1228 outline: none;
1229 box-shadow: none;
1230 text-decoration: none;
1231 text-transform: capitalize;
1232 }
1233 .lp-admin-tabs .lp-admin-tab-navs .nav-section .learn-press-tooltip {
1234 float: left;
1235 margin-left: 0;
1236 }
1237 .lp-admin-tabs .lp-admin-tab-navs .nav-section.nav-section-active, .lp-admin-tabs .lp-admin-tab-navs .nav-section:hover {
1238 border-right: 2px solid #563d7c;
1239 color: #563d7c;
1240 }
1241 .lp-admin-tabs .lp-admin-tab-navs .nav-section.nav-section-active > a,
1242 .lp-admin-tabs .lp-admin-tab-navs .nav-section.nav-section-active > span, .lp-admin-tabs .lp-admin-tab-navs .nav-section:hover > a,
1243 .lp-admin-tabs .lp-admin-tab-navs .nav-section:hover > span {
1244 padding-right: 18px;
1245 }
1246 .lp-admin-tabs.has-sections .lp-admin-tab-navs {
1247 display: block;
1248 }
1249 .lp-admin-tabs.has-sections .lp-admin-tab-content {
1250 float: right;
1251 position: relative;
1252 z-index: 0;
1253 width: 100%;
1254 padding-right: 271px !important;
1255 -webkit-box-sizing: border-box;
1256 -moz-box-sizing: border-box;
1257 box-sizing: border-box;
1258 }
1259 .lp-admin-tabs.has-sections::before {
1260 position: absolute;
1261 z-index: 10;
1262 top: 0;
1263 bottom: 0;
1264 right: 250px;
1265 border-right: 1px solid #ddd;
1266 content: "";
1267 }
1268 .lp-admin-tabs::after {
1269 display: block;
1270 clear: both;
1271 content: "";
1272 z-index: 10;
1273 }
1274
1275 .wrap.learn-press-settings .lp-admin-tab-content {
1276 padding: 18px;
1277 background: #fff;
1278 }
1279 .wrap.learn-press-settings .lp-admin-tab-content .subsubsub {
1280 float: none;
1281 margin: 0 0 20px 0;
1282 padding-bottom: 20px;
1283 border-bottom: 1px solid #ddd;
1284 }
1285 .wrap.learn-press-settings .lp-admin-tab-content .subsubsub .active {
1286 font-weight: bold;
1287 }
1288 .wrap.learn-press-settings .lp-admin-tab-content .subsubsub li {
1289 text-transform: capitalize;
1290 }
1291 .wrap.learn-press-settings .lp-admin-tab-content .subsubsub li::after {
1292 display: inline-block;
1293 padding: 0 10px;
1294 content: "|";
1295 }
1296 .wrap.learn-press-settings .lp-admin-tab-content .subsubsub li:last-child::after {
1297 content: "";
1298 }
1299 .wrap.learn-press-settings .lp-admin-tab-content h2 {
1300 border-bottom: 1px solid #ddd;
1301 padding-bottom: 10px;
1302 }
1303 .wrap #learn-press-uninstall-sample-data {
1304 float: left;
1305 opacity: 0.5;
1306 }
1307 .wrap #learn-press-uninstall-sample-data:hover {
1308 opacity: 1;
1309 }
1310
1311 .learnpress .rwmb-field {
1312 position: relative;
1313 margin-bottom: 20px;
1314 }
1315 .learnpress .rwmb-field .rwmb-label {
1316 display: block;
1317 float: right;
1318 width: 190px;
1319 margin-bottom: 5px;
1320 font-size: 14px;
1321 _text-transform: capitalize;
1322 }
1323 .learnpress .rwmb-field .rwmb-label label > small {
1324 display: block;
1325 color: #999;
1326 font-weight: normal;
1327 font-style: italic;
1328 }
1329 .learnpress .rwmb-field .rwmb-input {
1330 float: none;
1331 width: auto;
1332 margin-right: 190px;
1333 }
1334 .learnpress .rwmb-field .rwmb-input input[type=checkbox],
1335 .learnpress .rwmb-field .rwmb-input input[type=radio] {
1336 margin: 1px 0 0 5px;
1337 }
1338 .learnpress .rwmb-field .rwmb-input label > input[type=checkbox],
1339 .learnpress .rwmb-field .rwmb-input label > input[type=radio] {
1340 margin-top: -1px;
1341 }
1342 .learnpress .rwmb-field .description {
1343 margin-top: 8px;
1344 color: #888;
1345 }
1346 .learnpress .rwmb-field .description code {
1347 padding: 3px 0 3px 3px;
1348 }
1349 .learnpress .rwmb-field .description.err {
1350 color: #f00;
1351 }
1352 .learnpress .rwmb-field .rwmb-input-list {
1353 margin-right: 0;
1354 }
1355 .learnpress .rwmb-field #course_evaluation_method_quiz_options {
1356 position: relative;
1357 margin-right: 25px;
1358 }
1359 .learnpress .rwmb-field #course_evaluation_method_quiz_options::after {
1360 position: absolute;
1361 z-index: 10;
1362 top: 0;
1363 left: 0;
1364 bottom: 0;
1365 right: 0;
1366 opacity: 0.5;
1367 background: #fff;
1368 content: "";
1369 }
1370 .learnpress .rwmb-field input[name=_lp_course_result]:checked ~ #course_evaluation_method_quiz_options::after {
1371 display: none;
1372 }
1373 .learnpress .rwmb-field.rwmb-heading-wrapper h4 {
1374 display: inline-block;
1375 margin: 0 0 5px 0;
1376 padding: 0 0 0;
1377 border-bottom: 2px solid #563d7c;
1378 font-size: 16px;
1379 text-transform: initial;
1380 }
1381 .learnpress .rwmb-field.disabled .field-overlay {
1382 position: absolute;
1383 z-index: 10;
1384 top: 0;
1385 right: 0;
1386 width: 100%;
1387 height: 100%;
1388 opacity: 0.6;
1389 background: #fff;
1390 content: "";
1391 }
1392 .learnpress .rwmb-field.rwmb-text-wrapper .rwmb-text {
1393 width: 50%;
1394 min-width: 200px;
1395 }
1396 .learnpress .rwmb-field.rwmb-duration-wrapper .rwmb-input select,
1397 .learnpress .rwmb-field.rwmb-duration-wrapper .rwmb-input input {
1398 vertical-align: top;
1399 }
1400 .learnpress .lp-course-sale_start-field.hide,
1401 .learnpress .lp-course-sale_end-field.hide {
1402 display: none;
1403 }
1404 .learnpress.lp-submenu-settings .lp-admin-settings-buttons {
1405 margin-bottom: 0;
1406 padding-top: 20px;
1407 border-top: 1px solid #ddd;
1408 }
1409 .learnpress.lp-submenu-settings .lp-admin-settings-buttons #learn-press-reset-settings {
1410 float: left;
1411 }
1412 .learnpress.lp-submenu-settings .rwmb-input {
1413 float: none;
1414 width: auto;
1415 margin-right: 270px;
1416 color: #000;
1417 }
1418 .learnpress .rwmb-google-fonts-wrapper .rwmb-input label {
1419 display: block;
1420 margin-bottom: 5px;
1421 font-weight: bold;
1422 }
1423 .learnpress .rwmb-google-fonts-wrapper .rwmb-input input {
1424 width: 90%;
1425 }
1426 .learnpress #learn-press-toggle-course-results {
1427 display: block;
1428 }
1429 .learnpress .lp-item-assigned {
1430 font-size: 14px;
1431 }
1432 .learnpress .lp-item-assigned a {
1433 text-decoration: none;
1434 }
1435 .learnpress .lp-item-assigned ul {
1436 margin-bottom: 0;
1437 }
1438 .learnpress .lp-item-assigned ul ul strong {
1439 font-weight: normal;
1440 }
1441 .learnpress .lp-item-assigned li {
1442 margin: 0;
1443 }
1444 .learnpress .lp-item-assigned li a {
1445 display: inline-block;
1446 margin-bottom: 10px;
1447 }
1448
1449 @media screen and (max-width: 1280px) {
1450 .learnpress #meta-box-tab-course_settings .rwmb-field .rwmb-label {
1451 float: none;
1452 width: auto;
1453 }
1454 .learnpress #meta-box-tab-course_settings .rwmb-field .rwmb-input {
1455 float: right;
1456 width: 100%;
1457 margin-right: 0;
1458 }
1459 }
1460 .lp-metabox__table .titledesc label > small {
1461 display: block;
1462 color: #999;
1463 font-weight: normal;
1464 font-style: italic;
1465 }
1466 .lp-metabox__table .forminp-text > input,
1467 .lp-metabox__table .forminp-email > input,
1468 .lp-metabox__table .forminp-password > input,
1469 .lp-metabox__table .forminp-url > input {
1470 min-width: 260px;
1471 }
1472 .lp-metabox__table .forminp-textarea textarea {
1473 width: 400px;
1474 }
1475
1476 .lp-metabox__custom-fields table {
1477 width: 100%;
1478 max-width: max-content;
1479 padding: 0 !important;
1480 }
1481 .lp-metabox__custom-fields table th {
1482 padding: 7px 7px 7px 0 !important;
1483 }
1484 .lp-metabox__custom-fields table th.sort {
1485 width: 17px;
1486 padding: 7px !important;
1487 }
1488 .lp-metabox__custom-fields table td {
1489 position: relative;
1490 padding: 4px 7px 4px 0 !important;
1491 vertical-align: middle !important;
1492 }
1493 .lp-metabox__custom-fields table td.sort {
1494 width: 17px;
1495 padding-left: 7px !important;
1496 background: #f9f9f9;
1497 font-size: 15px;
1498 text-align: center;
1499 cursor: move;
1500 }
1501 .lp-metabox__custom-fields table td.sort::before {
1502 height: 100%;
1503 color: #999;
1504 font-family: Dashicons;
1505 text-align: center;
1506 content: "\f333";
1507 }
1508 .lp-metabox__custom-fields table td .delete {
1509 display: block;
1510 position: relative;
1511 width: 1em;
1512 height: 1em;
1513 font-size: 1.2em;
1514 text-indent: -9999px;
1515 }
1516 .lp-metabox__custom-fields table td .delete::before {
1517 position: absolute;
1518 top: 0;
1519 right: 0;
1520 width: 100%;
1521 height: 100%;
1522 margin: 0;
1523 color: #999;
1524 font-family: Dashicons;
1525 font-weight: 400;
1526 font-variant: normal;
1527 line-height: 1;
1528 text-align: center;
1529 text-indent: 0;
1530 text-transform: none;
1531 content: "\f153";
1532 speak: none;
1533 -webkit-font-smoothing: antialiased;
1534 }
1535 .lp-metabox__custom-fields table td .delete:hover::before {
1536 color: #a00;
1537 }
1538 .lp-metabox__custom-fields table td:last-child {
1539 padding-left: 7px !important;
1540 }
1541
1542 .lp-metabox-field__color {
1543 font-size: 0 !important;
1544 }
1545 .lp-metabox-field__color .colorpickpreview {
1546 display: inline-block;
1547 width: 30px;
1548 height: 30px;
1549 margin: 0;
1550 margin-left: 3px;
1551 padding: 0;
1552 border: 1px solid #ddd;
1553 border-radius: 4px;
1554 box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
1555 font-size: 16px;
1556 line-height: 28px;
1557 }
1558 .lp-metabox-field__color .iris-picker {
1559 display: none;
1560 position: absolute;
1561 z-index: 100;
1562 border: 1px solid #ccc;
1563 border-radius: 3px;
1564 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
1565 }
1566
1567 .lp-metabox-field__image-advanced-upload {
1568 padding-top: 10px;
1569 }
1570 .lp-metabox-field__image-advanced-images {
1571 clear: both;
1572 margin: 0;
1573 padding: 0;
1574 }
1575 .lp-metabox-field__image-advanced-images > li {
1576 float: right;
1577 position: relative;
1578 box-sizing: border-box;
1579 width: 80px;
1580 margin: 9px 0 0 9px;
1581 border: 1px solid #d5d5d5;
1582 border-radius: 2px;
1583 background: #f7f7f7;
1584 cursor: move;
1585 }
1586 .lp-metabox-field__image-advanced-images > li img {
1587 display: block;
1588 width: 100%;
1589 height: auto;
1590 }
1591 .lp-metabox-field__image-advanced-images > li ul.actions {
1592 position: absolute;
1593 top: -8px;
1594 left: -8px;
1595 padding: 2px;
1596 }
1597 .lp-metabox-field__image-advanced-images > li ul.actions li {
1598 float: left;
1599 margin: 0 2px 0 0;
1600 }
1601 .lp-metabox-field__image-advanced-images > li ul.actions li a.delete {
1602 display: block;
1603 position: relative;
1604 width: 1em;
1605 height: 1em;
1606 font-size: 1.4em;
1607 text-indent: -9999px;
1608 }
1609 .lp-metabox-field__image-advanced-images > li ul.actions li a.delete::before {
1610 position: absolute;
1611 top: 0;
1612 right: 0;
1613 width: 1em;
1614 height: 1em;
1615 margin: 0;
1616 border-radius: 50%;
1617 color: #999;
1618 background: #fff;
1619 font-family: Dashicons;
1620 font-weight: 400;
1621 font-variant: normal;
1622 line-height: 1;
1623 text-align: center;
1624 text-indent: 0;
1625 text-transform: none;
1626 content: "\f153";
1627 speak: none;
1628 -webkit-font-smoothing: antialiased;
1629 }
1630 .lp-metabox-field__image-advanced-images > li ul.actions::before {
1631 display: table;
1632 content: " ";
1633 }
1634 .lp-metabox-field__image-advanced-images > li:hover ul.actions {
1635 display: block;
1636 }
1637 .lp-metabox-field__image-advanced-images > li.lp-metabox-sortable-placeholder {
1638 position: relative;
1639 border: 3px dashed #ddd;
1640 }
1641 .lp-metabox-field__image-advanced-images > li.lp-metabox-sortable-placeholder::after {
1642 position: absolute;
1643 top: 0;
1644 right: 0;
1645 width: 100%;
1646 height: 100%;
1647 margin: 0;
1648 color: #ddd;
1649 font-family: Dashicons;
1650 font-size: 2.618em;
1651 font-weight: normal;
1652 font-variant: normal;
1653 line-height: 72px;
1654 text-align: center;
1655 text-indent: 0;
1656 text-transform: none;
1657 content: "\f161";
1658 speak: none;
1659 -webkit-font-smoothing: antialiased;
1660 }
1661 .lp-metabox-field__image-advanced-images::before {
1662 display: table;
1663 content: " ";
1664 }
1665 .lp-metabox-field__image-advanced-images::after {
1666 display: table;
1667 clear: both;
1668 content: " ";
1669 }
1670
1671 .lp-metabox-field__image--inner {
1672 position: relative;
1673 box-sizing: border-box;
1674 width: 120px;
1675 border: 1px solid #d5d5d5;
1676 border-radius: 2px;
1677 background: #f7f7f7;
1678 }
1679 .lp-metabox-field__image--inner img {
1680 display: block;
1681 width: 100%;
1682 height: auto;
1683 }
1684 .lp-metabox-field__image--upload {
1685 padding-top: 10px;
1686 }
1687
1688 .lp-meta-box__inner {
1689 display: block;
1690 position: relative;
1691 }
1692 .lp-meta-box__inner .form-field:not(fieldset) {
1693 display: flex;
1694 flex-direction: row;
1695 position: relative;
1696 margin: 0;
1697 padding: 15px 0;
1698 flex-wrap: wrap;
1699 }
1700 .lp-meta-box__inner .form-field:not(fieldset) label {
1701 width: 180px;
1702 min-width: 180px;
1703 max-width: 180px;
1704 padding: 0;
1705 color: #23282d;
1706 font-size: 14px;
1707 font-weight: 600;
1708 flex: 0 0 auto;
1709 }
1710 .lp-meta-box__inner .form-field:not(fieldset) .checkbox {
1711 margin: 2px 0 !important;
1712 vertical-align: middle;
1713 }
1714 .lp-meta-box__inner .form-field:not(fieldset) .description {
1715 flex: 1;
1716 display: inline;
1717 clear: none;
1718 margin: 0 7px 0 0;
1719 padding: 0;
1720 font-size: 14px;
1721 }
1722 .lp-meta-box__inner fieldset.form-field {
1723 display: grid;
1724 grid-template-columns: 180px 1fr;
1725 position: relative;
1726 margin: 0;
1727 padding: 15px 0;
1728 }
1729 .lp-meta-box__inner fieldset.form-field h4 {
1730 width: 180px;
1731 min-width: 180px;
1732 max-width: 180px;
1733 margin: 0;
1734 padding: 0;
1735 color: #23282d;
1736 font-size: 14px;
1737 font-weight: 600;
1738 flex: 0 0 auto;
1739 }
1740 .lp-meta-box__inner fieldset.form-field ul {
1741 margin: 0;
1742 font-size: 14px;
1743 }
1744 .lp-meta-box__inner fieldset.form-field .description {
1745 grid-column-start: 2;
1746 margin-top: 10px;
1747 }
1748 .lp-meta-box__duration-select {
1749 width: auto !important;
1750 }
1751 .lp-meta-box__duration input[type=number] {
1752 width: 80px !important;
1753 }
1754 .lp-meta-box__duration .description {
1755 flex-basis: 100% !important;
1756 width: 100%;
1757 margin-top: 8px !important;
1758 margin-right: 180px !important;
1759 }
1760 .lp-meta-box__wp-editor {
1761 display: block;
1762 }
1763 .lp-meta-box__wp-editor .description {
1764 flex-basis: 100% !important;
1765 width: 100%;
1766 margin-top: 8px !important;
1767 margin-right: 180px !important;
1768 color: #666;
1769 }
1770 .lp-meta-box__wp-editor__textarea {
1771 border: none !important;
1772 }
1773 .lp-meta-box select {
1774 width: auto !important;
1775 }
1776 .lp-meta-box select ~ .description {
1777 flex-basis: 100% !important;
1778 width: 100%;
1779 margin-top: 8px !important;
1780 margin-right: 180px !important;
1781 color: #666;
1782 }
1783 .lp-meta-box input[type=number],
1784 .lp-meta-box input[type=email],
1785 .lp-meta-box input[type=text],
1786 .lp-meta-box input[type=password],
1787 .lp-meta-box textarea:not(.lp-meta-box__wp-editor__textarea) {
1788 width: 50%;
1789 }
1790 .lp-meta-box input[type=number] + .description,
1791 .lp-meta-box input[type=email] + .description,
1792 .lp-meta-box input[type=text] + .description,
1793 .lp-meta-box input[type=password] + .description,
1794 .lp-meta-box textarea:not(.lp-meta-box__wp-editor__textarea) + .description {
1795 flex-basis: 100% !important;
1796 width: 100%;
1797 margin-top: 8px !important;
1798 margin-right: 180px !important;
1799 color: #666;
1800 }
1801 .lp-meta-box input[type=checkbox] {
1802 margin-top: 2px;
1803 }
1804 .lp-meta-box .short {
1805 width: 50%;
1806 }
1807 .lp-meta-box textarea:not(.lp-meta-box__wp-editor__textarea) {
1808 height: 4.6rem;
1809 line-height: 1.5em;
1810 vertical-align: top;
1811 }
1812 .lp-meta-box .learn-press-tip.ready {
1813 display: inline-flex;
1814 align-items: center;
1815 margin-right: 8px;
1816 }
1817
1818 #course-settings .inside {
1819 margin: 0 !important;
1820 padding: 0 !important;
1821 }
1822 #course-settings .lp-meta-box__course-tab {
1823 display: grid;
1824 grid-template-columns: 20% 80%;
1825 }
1826 #course-settings .lp-meta-box__course-tab__tabs {
1827 position: relative;
1828 box-sizing: border-box;
1829 margin: 0;
1830 padding: 0 0 10px;
1831 border-left: 1px solid #eee;
1832 background-color: #fafafa;
1833 line-height: 1;
1834 }
1835 #course-settings .lp-meta-box__course-tab__tabs li {
1836 display: block;
1837 position: relative;
1838 margin: 0;
1839 padding: 0;
1840 }
1841 #course-settings .lp-meta-box__course-tab__tabs li a {
1842 display: block;
1843 margin: 0;
1844 padding: 10px;
1845 border-bottom: 1px solid #eee;
1846 box-shadow: none;
1847 line-height: 20px !important;
1848 text-decoration: none;
1849 }
1850 #course-settings .lp-meta-box__course-tab__tabs li a i {
1851 margin-left: 5px;
1852 font-weight: 400;
1853 font-style: normal;
1854 font-variant: normal;
1855 line-height: 1;
1856 text-decoration: none;
1857 text-transform: none;
1858 }
1859 #course-settings .lp-meta-box__course-tab__tabs li a i[class^=dashicon] {
1860 font-family: "Dashicons";
1861 }
1862 #course-settings .lp-meta-box__course-tab__tabs li.active a {
1863 position: relative;
1864 color: #555;
1865 background-color: #eee;
1866 }
1867 @media (max-width: 767px) {
1868 #course-settings .lp-meta-box__course-tab__tabs {
1869 display: flex;
1870 overflow: hidden;
1871 overflow-x: auto;
1872 flex-direction: row;
1873 margin: 0;
1874 margin-bottom: 30px;
1875 padding: 0;
1876 border-bottom: 1px solid #e5e5e5;
1877 text-align: center;
1878 white-space: nowrap;
1879 list-style: none;
1880 align-items: center;
1881 flex-wrap: nowrap;
1882 }
1883 #course-settings .lp-meta-box__course-tab__tabs li {
1884 min-width: 25%;
1885 margin-left: 20px;
1886 }
1887 }
1888 #course-settings .lp-meta-box__course-tab__content > div {
1889 padding: 20px;
1890 }
1891 @media (max-width: 767px) {
1892 #course-settings .lp-meta-box__course-tab {
1893 grid-template-columns: auto;
1894 }
1895 }
1896
1897 #price_course_data ._lp_sale_price_field,
1898 #price_course_data ._lp_price_field {
1899 position: relative;
1900 }
1901 #price_course_data ._lp_sale_price_field .learn-press-tip-floating,
1902 #price_course_data ._lp_price_field .learn-press-tip-floating {
1903 top: 54px;
1904 right: 92px;
1905 opacity: 0.8;
1906 background: #a00;
1907 }
1908 #price_course_data ._lp_sale_price_field .learn-press-tip-floating::before,
1909 #price_course_data ._lp_price_field .learn-press-tip-floating::before {
1910 top: -7px;
1911 border: 7px solid transparent;
1912 border-top-width: 0;
1913 border-bottom-color: #a00;
1914 }
1915
1916 .lp_course_extra_meta_box__content {
1917 flex: 1;
1918 }
1919 .lp_course_extra_meta_box__fields {
1920 margin-bottom: 10px;
1921 }
1922 .lp_course_extra_meta_box__field {
1923 position: relative;
1924 max-width: 600px;
1925 margin-bottom: 10px;
1926 }
1927 .lp_course_extra_meta_box__field .sort {
1928 display: flex;
1929 position: absolute;
1930 top: 0;
1931 right: 0;
1932 width: 40px;
1933 height: 100%;
1934 color: #666;
1935 text-decoration: none;
1936 cursor: grab;
1937 align-items: center;
1938 justify-content: center;
1939 }
1940 .lp_course_extra_meta_box__field .sort::after {
1941 font-family: Dashicons;
1942 font-size: 20px;
1943 line-height: 1;
1944 content: "\f333";
1945 }
1946 .lp_course_extra_meta_box__field .delete {
1947 display: flex;
1948 position: absolute;
1949 top: 0;
1950 left: 0;
1951 width: 40px;
1952 height: 100%;
1953 color: #666;
1954 text-decoration: none;
1955 align-items: center;
1956 justify-content: center;
1957 }
1958 .lp_course_extra_meta_box__field .delete::after {
1959 font-family: Dashicons;
1960 font-size: 20px;
1961 line-height: 1;
1962 content: "\f335";
1963 }
1964 .lp_course_extra_meta_box__input {
1965 width: 100% !important;
1966 padding-left: 40px !important;
1967 padding-right: 40px !important;
1968 }
1969
1970 .lp_repeater_meta_box__wrapper {
1971 flex: 1 !important;
1972 }
1973 .lp_repeater_meta_box__fields {
1974 position: relative;
1975 margin-bottom: 10px;
1976 }
1977 .lp_repeater_meta_box__field {
1978 display: grid;
1979 position: relative;
1980 margin-bottom: 10px;
1981 border: 1px solid #c5c5c5;
1982 border-radius: 2px;
1983 }
1984 .lp_repeater_meta_box__field_active .lp_repeater_meta_box__content {
1985 display: block;
1986 }
1987 .lp_repeater_meta_box__field_active .lp_repeater_meta_box__title__toggle::after {
1988 transform: rotate(-180deg);
1989 }
1990 .lp_repeater_meta_box__title {
1991 display: grid;
1992 grid-template-columns: 44px 1fr 40px 40px;
1993 align-items: center;
1994 position: relative;
1995 background-color: #eee;
1996 }
1997 .lp_repeater_meta_box__title__title {
1998 flex: 1;
1999 padding: 14px 0;
2000 }
2001 .lp_repeater_meta_box__title__sort {
2002 display: flex;
2003 height: 100%;
2004 color: #666;
2005 text-decoration: none;
2006 cursor: grab;
2007 align-items: center;
2008 justify-content: center;
2009 }
2010 .lp_repeater_meta_box__title__sort::after {
2011 font-family: Dashicons;
2012 font-size: 20px;
2013 line-height: 1;
2014 content: "\f333";
2015 }
2016 .lp_repeater_meta_box__title__delete {
2017 display: flex;
2018 height: 100%;
2019 color: #666;
2020 text-decoration: none;
2021 align-items: center;
2022 justify-content: center;
2023 }
2024 .lp_repeater_meta_box__title__delete::after {
2025 font-family: Dashicons;
2026 font-size: 20px;
2027 line-height: 1;
2028 content: "\f335";
2029 }
2030 .lp_repeater_meta_box__title__toggle {
2031 display: flex;
2032 height: 100%;
2033 color: #666;
2034 text-decoration: none;
2035 align-items: center;
2036 justify-content: center;
2037 }
2038 .lp_repeater_meta_box__title__toggle::after {
2039 font-family: Dashicons;
2040 font-size: 20px;
2041 line-height: 1;
2042 content: "\f347";
2043 }
2044 .lp_repeater_meta_box__content {
2045 display: none;
2046 padding: 14px 20px;
2047 }
2048 .lp_repeater_meta_box__content > label {
2049 display: grid;
2050 width: 100% !important;
2051 min-width: 100% !important;
2052 max-width: 100% !important;
2053 margin-bottom: 20px;
2054 grid-template-rows: auto 1fr;
2055 }
2056 .lp_repeater_meta_box__content > label:last-child {
2057 margin-bottom: 0;
2058 }
2059 .lp_repeater_meta_box__content > label span {
2060 margin-bottom: 5px;
2061 }
2062 .lp_repeater_meta_box__content > label textarea,
2063 .lp_repeater_meta_box__content > label input {
2064 width: 100% !important;
2065 }
2066
2067 .lp_course_faq_meta_box__content {
2068 flex: 1;
2069 }
2070 .lp_course_faq_meta_box__fields {
2071 position: relative;
2072 margin-bottom: 10px;
2073 }
2074 .lp_course_faq_meta_box__field {
2075 display: grid;
2076 position: relative;
2077 margin-bottom: 10px;
2078 padding: 20px;
2079 border: 1px solid #c5c5c5;
2080 border-radius: 4px;
2081 grid-row-gap: 10px;
2082 }
2083 .lp_course_faq_meta_box__field label {
2084 display: grid;
2085 width: 100% !important;
2086 min-width: 100% !important;
2087 max-width: 100% !important;
2088 grid-template-rows: auto 1fr;
2089 }
2090 .lp_course_faq_meta_box__field label span {
2091 margin-bottom: 5px;
2092 }
2093 .lp_course_faq_meta_box__field label textarea,
2094 .lp_course_faq_meta_box__field label input {
2095 width: 100% !important;
2096 }
2097 .lp_course_faq_meta_box__field a.delete {
2098 display: flex;
2099 position: absolute;
2100 top: 15px;
2101 left: 50px;
2102 width: 30px;
2103 height: 30px;
2104 color: #666;
2105 text-decoration: none;
2106 align-items: center;
2107 justify-content: center;
2108 }
2109 .lp_course_faq_meta_box__field a.delete::after {
2110 font-family: Dashicons;
2111 font-size: 20px;
2112 line-height: 1;
2113 content: "\f335";
2114 }
2115 .lp_course_faq_meta_box__field .sort {
2116 display: flex;
2117 position: absolute;
2118 top: 15px;
2119 left: 20px;
2120 width: 30px;
2121 height: 30px;
2122 color: #666;
2123 text-decoration: none;
2124 align-items: center;
2125 justify-content: center;
2126 cursor: grab;
2127 }
2128 .lp_course_faq_meta_box__field .sort::after {
2129 font-family: Dashicons;
2130 font-size: 20px;
2131 line-height: 1;
2132 content: "\f333";
2133 }
2134
2135 input[name=_lp_course_result]:checked ~ #passing-condition-quiz-result {
2136 display: block;
2137 }
2138
2139 #passing-condition-quiz-result {
2140 display: none;
2141 }
2142 #passing-condition-quiz-result input {
2143 width: 80px !important;
2144 margin-top: 5px !important;
2145 }
2146 #passing-condition-quiz-result p {
2147 padding: 10px 16px;
2148 background-color: #eee;
2149 font-size: 14px;
2150 }
2151
2152 .lp-meta-box__file_list {
2153 display: inline-block;
2154 clear: both;
2155 margin: 0;
2156 padding: 0;
2157 }
2158 .lp-meta-box__file_list > li {
2159 display: flex;
2160 flex-flow: column nowrap;
2161 float: right;
2162 position: relative;
2163 box-sizing: border-box;
2164 width: 80px;
2165 height: 80px;
2166 margin: 9px 0 0 9px;
2167 border: 1px solid #d5d5d5;
2168 border-radius: 2px;
2169 background: #f7f7f7;
2170 cursor: move;
2171 align-items: center;
2172 justify-content: center;
2173 }
2174 .lp-meta-box__file_list > li img {
2175 display: block;
2176 width: 100%;
2177 height: auto;
2178 }
2179 .lp-meta-box__file_list > li img.is_file {
2180 width: 30px;
2181 }
2182 .lp-meta-box__file_list > li img.is_file ~ span {
2183 margin-top: 5px;
2184 font-size: 12px;
2185 }
2186 .lp-meta-box__file_list > li.lp-metabox-sortable-placeholder {
2187 position: relative;
2188 border: 3px dashed #ddd;
2189 }
2190 .lp-meta-box__file_list > li.lp-metabox-sortable-placeholder::after {
2191 position: absolute;
2192 top: 0;
2193 right: 0;
2194 width: 100%;
2195 height: 100%;
2196 margin: 0;
2197 color: #ddd;
2198 font-family: Dashicons;
2199 font-size: 2.618em;
2200 font-weight: normal;
2201 font-variant: normal;
2202 line-height: 72px;
2203 text-align: center;
2204 text-indent: 0;
2205 text-transform: none;
2206 content: "\f161";
2207 speak: none;
2208 -webkit-font-smoothing: antialiased;
2209 }
2210 .lp-meta-box__file_list > li ul.actions {
2211 position: absolute;
2212 top: -8px;
2213 left: -8px;
2214 padding: 2px;
2215 }
2216 .lp-meta-box__file_list > li ul.actions li {
2217 float: left;
2218 margin: 0 2px 0 0;
2219 }
2220 .lp-meta-box__file_list > li ul.actions li a.delete {
2221 display: block;
2222 position: relative;
2223 width: 1em;
2224 height: 1em;
2225 font-size: 1.4em;
2226 text-indent: -9999px;
2227 }
2228 .lp-meta-box__file_list > li ul.actions li a.delete::before {
2229 position: absolute;
2230 top: 0;
2231 right: 0;
2232 width: 1em;
2233 height: 1em;
2234 margin: 0;
2235 border-radius: 50%;
2236 color: #999;
2237 background: #fff;
2238 font-family: Dashicons;
2239 font-weight: 400;
2240 font-variant: normal;
2241 line-height: 1;
2242 text-align: center;
2243 text-indent: 0;
2244 text-transform: none;
2245 content: "\f153";
2246 speak: none;
2247 -webkit-font-smoothing: antialiased;
2248 }
2249 .lp-meta-box__file_list > li ul.actions::before {
2250 display: table;
2251 content: " ";
2252 }
2253 .lp-meta-box__file::before {
2254 display: table;
2255 content: " ";
2256 }
2257 .lp-meta-box__file::after {
2258 display: table;
2259 clear: both;
2260 content: " ";
2261 }
2262
2263 .lp-metabox-evaluate-final_quiz {
2264 display: block;
2265 }
2266 .lp-metabox-evaluate-final_quiz__message {
2267 display: inline-block;
2268 min-width: 50%;
2269 margin-top: 10px;
2270 padding: 8px 20px;
2271 border: 2px solid #36af27;
2272 border-radius: 4px;
2273 background: #f7f7f7;
2274 text-align: center;
2275 }
2276 .lp-metabox-evaluate-final_quiz__message-error {
2277 border-color: lightcoral;
2278 }
2279
2280 .learn-press-tabs.vertical .tabs-heading {
2281 border: 1px solid #ddd;
2282 background: #fff;
2283 }
2284 .learn-press-tabs.vertical .tabs-heading h4 {
2285 margin: 0;
2286 padding: 15px;
2287 }
2288 .learn-press-tabs.vertical .tabs-nav {
2289 float: right;
2290 position: relative;
2291 z-index: 100;
2292 box-sizing: border-box;
2293 width: 270px;
2294 margin: 0;
2295 background-color: #fafafa;
2296 }
2297 .learn-press-tabs.vertical .tabs-nav li {
2298 display: block;
2299 position: relative;
2300 margin: 0;
2301 padding: 0;
2302 }
2303 .learn-press-tabs.vertical .tabs-nav li a {
2304 display: block;
2305 box-sizing: border-box;
2306 margin: 0;
2307 padding: 10px;
2308 border-bottom: 1px solid #eee;
2309 box-shadow: none;
2310 line-height: 20px !important;
2311 text-decoration: none;
2312 text-transform: capitalize;
2313 }
2314 .learn-press-tabs.vertical .tabs-nav li.icon a {
2315 padding-right: 35px;
2316 }
2317 .learn-press-tabs.vertical .tabs-nav li.icon a::before {
2318 position: absolute;
2319 right: 10px;
2320 margin-left: 8px;
2321 font-family: Dashicons;
2322 font-size: 16px;
2323 vertical-align: top;
2324 }
2325 .learn-press-tabs.vertical .tabs-nav li.active a {
2326 position: relative;
2327 color: #555;
2328 background-color: #eee;
2329 }
2330 .learn-press-tabs.vertical .tabs-container {
2331 overflow: hidden;
2332 position: relative;
2333 border: 1px solid #ddd;
2334 border-top: none;
2335 background: #fafafa;
2336 }
2337 .learn-press-tabs.vertical .tabs-container .tabs-content-container {
2338 margin: 0 270px 0 0;
2339 }
2340 .learn-press-tabs.vertical .tabs-container .tabs-content-container > li {
2341 display: none;
2342 float: right;
2343 width: 100%;
2344 margin-left: -100%;
2345 margin-bottom: 0;
2346 padding: 20px;
2347 border-right: 1px solid #eee;
2348 background: #fff;
2349 -webkit-box-sizing: border-box;
2350 -moz-box-sizing: border-box;
2351 box-sizing: border-box;
2352 }
2353 .learn-press-tabs.vertical::after {
2354 display: block;
2355 clear: both;
2356 content: "";
2357 }
2358
2359 @media screen and (max-width: 1280px) {
2360 .learnpress .rwmb-field .rwmb-label {
2361 float: none;
2362 }
2363 .learnpress .rwmb-field .rwmb-input {
2364 margin-right: 0;
2365 }
2366 }
2367 .lp_widget_autocomplete__loading {
2368 margin-top: 0 !important;
2369 padding: 7px 10px;
2370 border: 1px solid #949494;
2371 border-top: none !important;
2372 background: #eee;
2373 font-size: 13px !important;
2374 }
2375 .lp_widget_autocomplete__select {
2376 overflow: auto;
2377 right: 0;
2378 width: 100%;
2379 max-height: 148px;
2380 margin-top: -1px;
2381 background: #eee;
2382 font-size: 13px;
2383 }
2384 .lp_widget_autocomplete__item {
2385 overflow: hidden;
2386 padding: 7px 10px;
2387 border: 1px solid #949494;
2388 border-top: none;
2389 border-bottom-color: #afafaf;
2390 white-space: nowrap;
2391 text-overflow: ellipsis;
2392 cursor: pointer;
2393 }
2394 .lp_widget_autocomplete__item__selected, .lp_widget_autocomplete__item:hover {
2395 color: #fff;
2396 background-color: #007cba;
2397 }
2398
2399 .widget .select2-selection__rendered {
2400 font-size: 13px;
2401 }
2402
2403 @keyframes spin {
2404 from {
2405 transform: rotate(0deg);
2406 }
2407 to {
2408 transform: rotate(-360deg);
2409 }
2410 }
2411 :root {
2412 --lp-addon-item-padding: 10px;
2413 --lp-border-radius: 3px;
2414 --lp-addon-item-border-color: #c3c4c7;
2415 }
2416
2417 @media screen and (min-width: 1600px) {
2418 .plugin-card:not(.hide-if-js):nth-child(even) {
2419 margin-left: 8px;
2420 }
2421 .plugin-card:not(.hide-if-js):nth-child(3n) {
2422 margin-left: 0;
2423 }
2424 }
2425 /*** Style Addons Manager ***/
2426 #lp-addons {
2427 display: grid;
2428 grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
2429 grid-gap: 20px;
2430 padding-left: 20px;
2431 /***** Toggle *****/
2432 }
2433 #lp-addons.max-3-items {
2434 grid-template-columns: repeat(auto-fit, minmax(280px, 320px));
2435 }
2436 #lp-addons a {
2437 text-decoration: none;
2438 }
2439 #lp-addons button {
2440 padding: 6.5px 17px;
2441 background: rgb(151, 71, 255);
2442 color: white;
2443 border-radius: 3px;
2444 border: none;
2445 cursor: pointer;
2446 font-size: 1em;
2447 }
2448 #lp-addons button.btn-addon-action.handling span {
2449 display: none;
2450 }
2451 #lp-addons button.btn-addon-action.handling span.dashicons {
2452 display: inline-flex;
2453 }
2454 #lp-addons button.btn-addon-action span.dashicons {
2455 align-items: center;
2456 display: none;
2457 font-size: 18px;
2458 width: auto;
2459 height: auto;
2460 animation: rotation 2s infinite linear;
2461 }
2462 #lp-addons button[data-action=update] {
2463 background: #27BF49;
2464 }
2465 #lp-addons button[data-action=setting] {
2466 background: #2D72DA;
2467 }
2468 #lp-addons .lp-addon-item {
2469 background: white;
2470 padding: var(--lp-addon-item-padding);
2471 border: 1px solid var(--lp-addon-item-border-color);
2472 border-radius: 3px;
2473 display: flex;
2474 flex-direction: column;
2475 justify-content: space-between;
2476 position: relative;
2477 }
2478 #lp-addons .lp-addon-item.hide, #lp-addons .lp-addon-item.search-not-found {
2479 display: none;
2480 }
2481 #lp-addons .lp-addon-item__content {
2482 text-align: center;
2483 min-height: 290px;
2484 }
2485 #lp-addons .lp-addon-item__content img {
2486 width: 50px;
2487 height: 50px;
2488 border-radius: 10px;
2489 margin-top: 20px;
2490 }
2491 #lp-addons .lp-addon-item__content a {
2492 text-decoration: none;
2493 }
2494 #lp-addons .lp-addon-item__content p {
2495 display: -webkit-box;
2496 -webkit-box-orient: vertical;
2497 overflow: hidden;
2498 }
2499 #lp-addons .lp-addon-item__content p::before {
2500 content: none;
2501 }
2502 #lp-addons .lp-addon-item__actions {
2503 border-top: 1px solid var(--lp-addon-item-border-color);
2504 padding: 10px var(--lp-addon-item-padding) 0;
2505 margin: 0 calc(var(--lp-addon-item-padding) * -1);
2506 display: flex;
2507 align-items: center;
2508 }
2509 #lp-addons .lp-addon-item__actions__left {
2510 flex: 3;
2511 display: flex;
2512 gap: 5px;
2513 align-items: center;
2514 }
2515 #lp-addons .lp-addon-item__actions__left button {
2516 display: none;
2517 }
2518 #lp-addons .lp-addon-item__actions__right button {
2519 display: none;
2520 background: transparent;
2521 color: #2271b1;
2522 }
2523 #lp-addons .lp-addon-item__purchase {
2524 display: none;
2525 position: absolute;
2526 top: 0;
2527 bottom: 0;
2528 right: 0;
2529 left: 0;
2530 background: rgba(255, 255, 255, 0.6);
2531 text-transform: uppercase;
2532 }
2533 #lp-addons .lp-addon-item__purchase__wrapper div {
2534 position: absolute;
2535 bottom: 20%;
2536 right: var(--lp-addon-item-padding);
2537 left: var(--lp-addon-item-padding);
2538 background: white;
2539 border: 1px solid var(--lp-addon-item-border-color);
2540 padding: var(--lp-addon-item-padding);
2541 border-radius: 3px;
2542 flex-direction: column;
2543 display: none;
2544 gap: 5px;
2545 box-shadow: 0 4px 25px 1px rgba(0, 0, 0, 0.25);
2546 }
2547 #lp-addons .lp-addon-item__purchase__wrapper div input {
2548 width: 100%;
2549 }
2550 #lp-addons .lp-addon-item.installed.activated button[data-action=setting] {
2551 display: block;
2552 }
2553 #lp-addons .lp-addon-item.installed.activated button[data-action=deactivate] {
2554 display: block;
2555 }
2556 #lp-addons .lp-addon-item.installed.activated.update button[data-action=update] {
2557 display: block;
2558 }
2559 #lp-addons .lp-addon-item.installed:not(.activated) button[data-action=activate] {
2560 display: block;
2561 }
2562 #lp-addons .lp-addon-item.installed.purchase button[data-action=update-purchase-code] {
2563 display: inline-flex;
2564 align-items: center;
2565 padding: 0 5px;
2566 height: 12px;
2567 }
2568 #lp-addons .lp-addon-item.installed.purchase button[data-action=update-purchase-code] span {
2569 animation: none;
2570 display: inline;
2571 }
2572 #lp-addons .lp-addon-item.not_installed.purchase button[data-action=purchase] {
2573 display: block;
2574 }
2575 #lp-addons .lp-addon-item.not_installed.free button[data-action=install] {
2576 display: block;
2577 }
2578 #lp-addons .lp-addon-item.not_installed .lp-addon-item__actions__right {
2579 display: none;
2580 }
2581 #lp-addons .lp-addon-item.update button[data-action=update] {
2582 display: block;
2583 }
2584 #lp-addons .lp-toggle-switch .lp-toggle-switch-label {
2585 height: 20px;
2586 align-items: center;
2587 margin-bottom: 0;
2588 background: #b4b9be;
2589 cursor: pointer;
2590 display: inline-flex;
2591 justify-content: space-between;
2592 position: relative;
2593 transition: right 0.15s ease-out;
2594 border-radius: 100px;
2595 }
2596 #lp-addons .lp-toggle-switch .lp-toggle-switch-label:after {
2597 background: #FFFFFF;
2598 content: "";
2599 display: block;
2600 position: absolute;
2601 right: 4px;
2602 width: 12px;
2603 height: 12px;
2604 transition: all 0.25s ease-in-out;
2605 border-radius: 50%;
2606 }
2607 #lp-addons .lp-toggle-switch .lp-toggle-switch-label::before {
2608 right: 0;
2609 }
2610 #lp-addons .lp-toggle-switch .lp-toggle-switch-label .toggle-on,
2611 #lp-addons .lp-toggle-switch .lp-toggle-switch-label .toggle-off {
2612 opacity: 1;
2613 padding-right: 6px;
2614 padding-left: 6px;
2615 font-size: 14px;
2616 line-height: 18px;
2617 }
2618 #lp-addons .lp-toggle-switch .lp-toggle-switch-label .toggle-on {
2619 color: #fff;
2620 opacity: 0;
2621 padding-left: 0;
2622 width: 12px;
2623 }
2624 #lp-addons .lp-toggle-switch .lp-toggle-switch-label .toggle-off {
2625 width: 12px;
2626 color: #777;
2627 padding-right: 0;
2628 }
2629 #lp-addons .lp-toggle-switch input.lp-toggle-switch-input {
2630 display: none;
2631 }
2632 #lp-addons .lp-toggle-switch input.lp-toggle-switch-input:checked + label {
2633 background: #0073aa;
2634 }
2635 #lp-addons .lp-toggle-switch input.lp-toggle-switch-input:checked + label:after {
2636 right: auto;
2637 left: 5px;
2638 background: #ffffff;
2639 }
2640 #lp-addons .lp-toggle-switch input.lp-toggle-switch-input:checked + label .toggle-on {
2641 opacity: 1;
2642 }
2643 #lp-addons .lp-toggle-switch input.lp-toggle-switch-input:checked + label .toggle-off {
2644 opacity: 0;
2645 }
2646 #lp-addons .lp-toggle-switch .dashicons {
2647 animation: rotation 2s infinite linear;
2648 }
2649 #lp-addons .screen-reader-text:focus {
2650 clip-path: inset(50%);
2651 -webkit-clip-path: inset(50%);
2652 }
2653
2654 /*** Tab of Addons Manager ***/
2655 .lp-nav-tab-wrapper {
2656 display: flex;
2657 margin-bottom: 20px;
2658 justify-content: start;
2659 gap: 5px;
2660 border-bottom: 1px solid #c3c4c7;
2661 }
2662 .lp-nav-tab-wrapper .nav-tab {
2663 border: 1px solid #c3c4c7;
2664 border-bottom: none;
2665 margin-right: 0;
2666 padding: 5px 10px;
2667 font-size: 14px;
2668 line-height: 1.71428571;
2669 font-weight: 600;
2670 background: #dcdcde;
2671 color: #50575e;
2672 text-decoration: none;
2673 white-space: nowrap;
2674 border-radius: 3px 3px 0 0;
2675 }
2676 .lp-nav-tab-wrapper .nav-tab-active {
2677 background: #f0f0f1;
2678 border-bottom: 1px solid #f0f0f1;
2679 }
2680
2681 /*** Theme Manager ***/
2682 .related-themes {
2683 display: grid;
2684 grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
2685 grid-gap: 20px;
2686 }
2687 .related-themes li {
2688 margin: 0;
2689 }
2690 .related-themes .plugin-card-top {
2691 padding-bottom: 0;
2692 background: #fff;
2693 }
2694 .related-themes .theme-content {
2695 position: relative;
2696 }
2697 .related-themes .image-thumbnail img {
2698 width: 100%;
2699 height: auto;
2700 vertical-align: middle;
2701 }
2702 .related-themes .theme-description {
2703 margin: 0 0 25px 0;
2704 display: -webkit-box;
2705 overflow: hidden;
2706 min-height: 8em;
2707 max-height: 8em;
2708 line-height: 1.6em;
2709 text-overflow: ellipsis;
2710 -webkit-box-orient: vertical;
2711 -webkit-line-clamp: 5;
2712 color: #777;
2713 }
2714 .related-themes .theme-title {
2715 min-height: 3.2em;
2716 margin-left: 100px;
2717 margin-bottom: 0;
2718 font-size: 1.2em;
2719 line-height: 1.3em;
2720 }
2721 .related-themes .theme-title a {
2722 color: #545454;
2723 }
2724 .related-themes .theme-rating {
2725 display: inline-block;
2726 float: left;
2727 }
2728 .related-themes .star-rating {
2729 display: inline-block;
2730 }
2731 .related-themes .count-rating {
2732 position: relative;
2733 top: 2px;
2734 font-size: 15px;
2735 }
2736 .related-themes .theme-detail {
2737 position: absolute;
2738 top: -3px;
2739 left: 3px;
2740 line-height: 1.6em;
2741 text-align: left;
2742 }
2743 .related-themes .theme-detail::after {
2744 display: block;
2745 clear: both;
2746 content: "";
2747 }
2748 .related-themes .theme-detail .theme-price {
2749 display: inline-block;
2750 color: #545454;
2751 font-size: 24px;
2752 font-weight: 700;
2753 line-height: 1.3em;
2754 }
2755 .related-themes .theme-footer {
2756 clear: both;
2757 overflow: hidden;
2758 margin-left: -20px;
2759 margin-right: -20px;
2760 padding: 20px;
2761 border-top: 1px solid #ddd;
2762 background-color: #fafafa;
2763 }
2764
2765 /**
2766 * Order
2767 */
2768 .post-type-lp_order .wp-list-table .column-order_status {
2769 width: 150px;
2770 }
2771 .post-type-lp_order .wp-list-table .order_status span {
2772 display: inline-block;
2773 padding: 3px 6px;
2774 color: #fff;
2775 font-size: 12px;
2776 -webkit-border-radius: 4px;
2777 -moz-border-radius: 4px;
2778 border-radius: 4px;
2779 }
2780 .post-type-lp_order .wp-list-table .order_status span.pending {
2781 background: #bdbdbd;
2782 }
2783 .post-type-lp_order .wp-list-table .order_status span.processing {
2784 background: #ffc107;
2785 }
2786 .post-type-lp_order .wp-list-table .order_status span.completed {
2787 background: #4caf50;
2788 }
2789 .post-type-lp_order .wp-list-table .order_status span.cancelled {
2790 background: #444;
2791 }
2792 .post-type-lp_order .wp-list-table .order_status span.failed {
2793 background: #f00;
2794 }
2795 .post-type-lp_order .wp-list-table .order_status span i {
2796 display: inline-block;
2797 }
2798 .post-type-lp_order .wp-list-table .column-title,
2799 .post-type-lp_order .wp-list-table .column-order_total,
2800 .post-type-lp_order .wp-list-table .column-order_date {
2801 width: 150px;
2802 }
2803 .post-type-lp_order .wp-list-table .column-order_items ol {
2804 margin: 0;
2805 padding: 0;
2806 list-style-position: inside;
2807 }
2808
2809 .post-type-lp_course .column-price .origin-price {
2810 margin-left: 10px;
2811 color: #f00;
2812 font-size: 12px;
2813 text-decoration: line-through;
2814 }
2815
2816 .wp-list-table .column-preview {
2817 float: none;
2818 text-align: right;
2819 }
2820 .wp-list-table .column-instructor {
2821 width: 150px;
2822 }
2823 .wp-list-table .column-instructor .post-author {
2824 display: inline-block;
2825 }
2826 .wp-list-table .column-instructor .post-author img {
2827 width: 30px;
2828 height: 30px;
2829 margin-left: 5px;
2830 border-radius: 50%;
2831 vertical-align: middle;
2832 }
2833 .wp-list-table .column-instructor .post-author a {
2834 display: inline-block;
2835 vertical-align: middle;
2836 }
2837 .wp-list-table .column-students {
2838 width: 80px;
2839 }
2840 .wp-list-table .column-price {
2841 width: 120px;
2842 }
2843 .wp-list-table .column-thumbnail {
2844 width: 100px;
2845 padding-top: 11px;
2846 }
2847 .wp-list-table .column-thumbnail img {
2848 max-width: 100%;
2849 height: auto;
2850 }
2851
2852 .post-type-page .column-lp-page {
2853 width: 200px;
2854 }
2855 .post-type-page .for-plugin-page {
2856 margin: 0;
2857 color: #f00;
2858 font-size: 11px;
2859 }
2860
2861 .post-state .post-author {
2862 font-size: 14px;
2863 font-weight: normal;
2864 font-style: italic;
2865 }
2866
2867 #learn-press-box-edit-slug {
2868 overflow: hidden;
2869 margin: 0 -10px;
2870 padding: 10px;
2871 border: 1px solid #ddd;
2872 color: #b79186;
2873 background: #fff;
2874 }
2875 #learn-press-box-edit-slug .button {
2876 float: left;
2877 height: 24px;
2878 line-height: 22px;
2879 }
2880
2881 .lp-overlay {
2882 display: none;
2883 position: fixed;
2884 z-index: 99999;
2885 top: 0;
2886 left: 0;
2887 bottom: 0;
2888 right: 0;
2889 width: 100%;
2890 height: 100%;
2891 background-color: rgba(209, 213, 219, 0.8);
2892 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2893 transition-duration: 150ms;
2894 transition-property: opacity;
2895 }
2896
2897 .wp-admin .lp-modal-dialog .lp-modal-header {
2898 padding: 2em;
2899 }
2900 .wp-admin .lp-modal-dialog .lp-modal-header h3 {
2901 font-size: 1.4em;
2902 }
2903
2904 .lp-modal-dialog {
2905 display: flex;
2906 position: fixed;
2907 z-index: 9999;
2908 top: 0;
2909 left: 0;
2910 right: 0;
2911 width: 100%;
2912 min-height: 100vh;
2913 text-align: center;
2914 align-items: center;
2915 justify-content: center;
2916 }
2917 .lp-modal-dialog .lp-modal-content {
2918 display: inline-block;
2919 overflow: hidden;
2920 z-index: 2;
2921 width: auto;
2922 max-width: 600px;
2923 border-radius: 8px;
2924 text-align: right;
2925 vertical-align: middle;
2926 background: white;
2927 color: black;
2928 }
2929 .lp-modal-dialog .lp-modal-header {
2930 background: #7c60d9;
2931 border-bottom: 1px solid #eee;
2932 padding: 1em;
2933 }
2934 .lp-modal-dialog .lp-modal-header h3 {
2935 margin: 0;
2936 color: white;
2937 font-size: inherit;
2938 font-weight: 400;
2939 }
2940 .lp-modal-dialog .lp-modal-body .main-content {
2941 max-height: 500px;
2942 overflow: auto;
2943 }
2944 .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 {
2945 padding: 1em;
2946 }
2947 .lp-modal-dialog .lp-modal-footer {
2948 padding: 20px;
2949 background-color: #f9fafb;
2950 text-align: left;
2951 }
2952 .lp-modal-dialog .btn-yes {
2953 color: #fff;
2954 background-color: #7c60d9;
2955 }
2956
2957 #lp-modal-overlay {
2958 display: none;
2959 position: fixed;
2960 z-index: 999999;
2961 top: 0;
2962 left: 0;
2963 bottom: 0;
2964 right: 0;
2965 opacity: 0.5;
2966 background: #000;
2967 }
2968
2969 #lp-modal-window {
2970 display: none;
2971 position: fixed;
2972 z-index: 999999;
2973 top: 50%;
2974 right: 50%;
2975 padding: 35px 60px 28px 60px;
2976 background: #fff;
2977 transform: translate(50%, -50%);
2978 -webkit-border-radius: 4px;
2979 -moz-border-radius: 4px;
2980 border-radius: 4px;
2981 }
2982 #lp-modal-window #lp-modal-content {
2983 margin: 0 0 24px 0;
2984 color: #333;
2985 font-size: 16px;
2986 font-weight: 400;
2987 line-height: 26px;
2988 text-align: center;
2989 }
2990 #lp-modal-window #lp-modal-content > * {
2991 margin: 0 0 0.5em;
2992 }
2993 #lp-modal-window #lp-modal-buttons {
2994 display: flex;
2995 flex-direction: row-reverse;
2996 align-items: center;
2997 justify-content: center;
2998 }
2999 #lp-modal-window #lp-modal-buttons .lp-button {
3000 position: relative;
3001 margin: 0 10px 0 10px;
3002 }
3003
3004 .learn-press-modal {
3005 position: fixed;
3006 z-index: 1000000;
3007 width: 100%;
3008 height: 100%;
3009 top: 0;
3010 display: table;
3011 }
3012 .learn-press-modal .modal-overlay {
3013 position: fixed;
3014 z-index: 1000000;
3015 background: #000;
3016 opacity: 0.5;
3017 width: 100%;
3018 height: 100%;
3019 top: 0;
3020 }
3021 .learn-press-modal .modal-wrapper {
3022 display: table-cell;
3023 vertical-align: middle;
3024 z-index: 1000010;
3025 position: relative;
3026 }
3027 .learn-press-modal .modal-wrapper .modal-container {
3028 max-width: 800px;
3029 width: 90%;
3030 margin: 0px auto;
3031 background-color: #fff;
3032 border-radius: 2px;
3033 box-shadow: 0 2px 8px rgba(0, 0, 0, 0.33);
3034 transition: all 0.3s ease;
3035 overflow: hidden;
3036 -webkit-box-sizing: border-box;
3037 -moz-box-sizing: border-box;
3038 box-sizing: border-box;
3039 }
3040 .learn-press-modal .modal-wrapper header {
3041 font-size: 18px;
3042 padding: 20px;
3043 border-bottom: 1px solid #DDD;
3044 font-weight: 600;
3045 color: #000;
3046 }
3047 .learn-press-modal .modal-wrapper article {
3048 margin: 30px 20px;
3049 }
3050 .learn-press-modal .modal-wrapper article input[name=search] {
3051 width: 100%;
3052 font-size: 16px;
3053 box-sizing: border-box;
3054 margin: 0;
3055 box-shadow: none;
3056 color: #444;
3057 padding: 8px 10px;
3058 height: 42px;
3059 border-radius: 2px;
3060 border-color: #e4e4e4;
3061 font-weight: 400;
3062 vertical-align: middle;
3063 }
3064 .learn-press-modal .modal-wrapper article .search-results {
3065 margin: 0;
3066 margin-top: 30px;
3067 }
3068 .learn-press-modal .modal-wrapper article .search-results li > label {
3069 display: block;
3070 }
3071 .learn-press-modal .modal-wrapper footer {
3072 padding: 15px 20px;
3073 overflow: hidden;
3074 border: 1px solid #eee;
3075 }
3076 .learn-press-modal .modal-wrapper footer .search-nav {
3077 float: right;
3078 }
3079 .learn-press-modal .modal-wrapper footer .search-nav a, .learn-press-modal .modal-wrapper footer .search-nav span {
3080 display: inline-block;
3081 line-height: 26px;
3082 height: 28px;
3083 margin: 0;
3084 padding: 0 10px 1px;
3085 }
3086 .learn-press-modal .modal-wrapper footer button {
3087 float: left;
3088 margin-right: 3px;
3089 }
3090
3091 #modal-search-items.loading .search-results:before {
3092 position: absolute;
3093 top: 75px;
3094 right: 0;
3095 left: 0;
3096 bottom: 0;
3097 display: block;
3098 content: "";
3099 z-index: 9;
3100 background: url("../../images/spinner.gif") no-repeat center center;
3101 }
3102
3103 .modal-search {
3104 position: relative;
3105 display: inline-block;
3106 min-width: 300px;
3107 }
3108 .modal-search .search-input {
3109 border: 1px solid #DDD;
3110 width: 100%;
3111 margin: 0;
3112 padding: 5px 10px;
3113 -webkit-box-shadow: none;
3114 -moz-box-shadow: none;
3115 box-shadow: none;
3116 }
3117 .modal-search .search-input:focus {
3118 -webkit-box-shadow: none;
3119 -moz-box-shadow: none;
3120 box-shadow: none;
3121 }
3122 .modal-search .search-input:focus {
3123 border-color: #DDD;
3124 }
3125 .modal-search .search-results-content {
3126 position: absolute;
3127 top: 100%;
3128 width: 100%;
3129 right: 0;
3130 background: #FFF;
3131 border: 1px solid #DDD;
3132 border-top: none;
3133 z-index: 1000;
3134 margin-top: -1px;
3135 -webkit-box-sizing: border-box;
3136 -moz-box-sizing: border-box;
3137 box-sizing: border-box;
3138 }
3139 .modal-search .search-results-content .search-results {
3140 margin: 0;
3141 }
3142 .modal-search .search-results-content .search-results .result-item {
3143 margin: 0;
3144 padding: 0;
3145 list-style: none;
3146 }
3147 .modal-search .search-results-content .search-results .result-item label {
3148 display: block;
3149 padding: 6px 10px;
3150 text-decoration: none;
3151 cursor: pointer;
3152 white-space: nowrap;
3153 overflow: hidden;
3154 text-overflow: ellipsis;
3155 }
3156 .modal-search .search-results-content .search-results .result-item:hover {
3157 background: #f4fcff;
3158 }
3159 .modal-search .has-items .search-input {
3160 border-bottom-color: transparent;
3161 }
3162 .modal-search .has-items .search-results-content {
3163 border-top: none;
3164 }
3165 .modal-search .checked-items {
3166 text-align: center;
3167 }
3168 .modal-search .checked-items .button {
3169 font-size: 12px;
3170 height: 20px;
3171 line-height: 20px;
3172 }
3173 .modal-search .checked-items .disabled {
3174 color: #777;
3175 }
3176 .modal-search .search-navigator {
3177 margin: 5px 0;
3178 text-align: center;
3179 }
3180 .modal-search .search-navigator .page-numbers {
3181 display: inline-block;
3182 padding: 2px 5px;
3183 text-decoration: none;
3184 line-height: 1;
3185 }
3186 .modal-search .search-navigator .page-numbers.next, .modal-search .search-navigator .page-numbers.prev {
3187 display: none;
3188 }
3189
3190 .lp-order-statuses {
3191 margin: 0;
3192 display: grid;
3193 grid-template-columns: auto auto;
3194 grid-gap: 10px;
3195 }
3196 .lp-order-statuses .lp-skeleton-animation {
3197 grid-column: 1/3;
3198 }
3199 .lp-order-statuses li {
3200 width: 100%;
3201 margin: 0;
3202 background: #fff;
3203 }
3204 .lp-order-statuses li span {
3205 font-size: 1.1rem;
3206 display: flex;
3207 text-align: center;
3208 justify-content: center;
3209 align-items: center;
3210 column-gap: 10px;
3211 font-weight: 400;
3212 }
3213 .lp-order-statuses li p {
3214 margin: 0;
3215 padding: 0;
3216 color: #adadad;
3217 font-size: 12px;
3218 }
3219 .lp-order-statuses li.counter-number {
3220 text-align: center;
3221 /*&.order-completed {
3222
3223 strong::before {
3224 color: #0085ba;
3225 content: "\f058";
3226 }
3227 }
3228
3229 &.order-processing {
3230
3231 strong::before {
3232 margin-left: -1px;
3233 color: #563f7a;
3234 content: "\f321";
3235 }
3236 }
3237
3238 &.order-pending {
3239
3240 strong::before {
3241 color: #aaa;
3242 content: "\f534";
3243 }
3244 }
3245
3246 &.order-cancelled {
3247
3248 strong::before {
3249 color: #f00;
3250 content: "\f153";
3251 }
3252 }*/
3253 }
3254 .lp-order-statuses li.counter-number .counter-inner {
3255 padding: 10px 0;
3256 border: 1px solid #f3f3f3;
3257 background: #f9f9f9;
3258 }
3259 .lp-order-statuses li.clear {
3260 float: none;
3261 }
3262 .lp-order-statuses li.featured-theme {
3263 width: auto;
3264 margin: 12px -12px 0 -12px;
3265 padding: 8px 12px 0 12px;
3266 border-top: 1px solid #eee;
3267 }
3268 .lp-order-statuses li.featured-theme .star-rating {
3269 display: inline-block;
3270 line-height: 14px;
3271 vertical-align: middle;
3272 }
3273 .lp-order-statuses li.featured-theme .star-rating .star {
3274 width: 14px;
3275 height: 14px;
3276 font-size: 14px;
3277 }
3278 .lp-order-statuses li.featured-theme > div {
3279 margin-bottom: 3px;
3280 }
3281 .lp-order-statuses li.featured-theme > div span {
3282 color: #999;
3283 font-size: 12px;
3284 vertical-align: middle;
3285 }
3286 .lp-order-statuses li:nth-child(even) .counter-inner {
3287 margin-right: 0;
3288 }
3289 .lp-order-statuses li:nth-child(odd) .counter-inner {
3290 margin-left: 0;
3291 }
3292 .lp-order-statuses li.total-raised {
3293 grid-column: 1/3;
3294 box-sizing: border-box;
3295 padding: 10px 0;
3296 border: 1px solid #f3f3f3;
3297 background: #f9f9f9;
3298 text-align: center;
3299 color: #0073aa;
3300 }
3301 .lp-order-statuses li.total-raised span {
3302 margin-bottom: 10px;
3303 font-size: 26px;
3304 }
3305 .lp-order-statuses li.total-raised span i {
3306 font-size: 25px;
3307 }
3308 .lp-order-statuses::after {
3309 display: block;
3310 clear: both;
3311 content: "";
3312 }
3313
3314 .featured-theme {
3315 border-top: 1px solid #eee;
3316 margin-top: 10px;
3317 padding-top: 10px;
3318 }
3319 .featured-theme p {
3320 margin: 0;
3321 font-size: 12px;
3322 }
3323 .featured-theme .star-rating {
3324 display: inline-block;
3325 line-height: 12px;
3326 }
3327 .featured-theme .star-rating .star {
3328 font-size: 13px;
3329 width: 13px;
3330 height: 13px;
3331 }
3332 .featured-theme span {
3333 font-size: 11px;
3334 }
3335
3336 .lp-place-holder {
3337 background: #fff;
3338 padding: 10px;
3339 display: block;
3340 margin: 20px auto;
3341 box-shadow: 0 0 0 rgba(0, 0, 0, 0.1);
3342 border-radius: 3px;
3343 }
3344 .lp-place-holder [class*=line-] {
3345 height: 6px;
3346 width: 400px;
3347 background: #f6f7f9;
3348 margin-bottom: 13px;
3349 margin-left: 5px;
3350 }
3351 .lp-place-holder .thumbnail {
3352 height: 40px;
3353 width: 40px;
3354 float: right;
3355 margin-left: 20px;
3356 display: inline-block;
3357 }
3358 .lp-place-holder .line-heading {
3359 width: 80%;
3360 height: 20px;
3361 }
3362 .lp-place-holder .line-sm {
3363 width: 30%;
3364 margin-top: 10px;
3365 }
3366 .lp-place-holder .line-xs {
3367 width: 50%;
3368 }
3369 .lp-place-holder .line-df {
3370 margin-top: 30px;
3371 width: 380px;
3372 }
3373 .lp-place-holder .line-lg {
3374 width: 200px;
3375 }
3376 .lp-place-holder .line-lgx {
3377 width: 450px;
3378 }
3379 .lp-place-holder [class*=line],
3380 .lp-place-holder .thumbnail {
3381 animation: lpTimeLine;
3382 animation-duration: 1s;
3383 animation-timing-function: linear;
3384 animation-iteration-count: infinite;
3385 background: linear-gradient(to left, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
3386 background-size: 800px auto;
3387 background-position: 100px 0;
3388 }
3389
3390 @keyframes lpTimeLine {
3391 0% {
3392 background-position: -350px 0;
3393 }
3394 100% {
3395 background-position: 400px 0;
3396 }
3397 }
3398 .post-type-lp_order {
3399 /*Export order function style*/
3400 /* The Modal (background) */
3401 /* Modal Content/Box */
3402 /* The Close Button */
3403 /*tabs css*/
3404 }
3405 .post-type-lp_order #post-body-content {
3406 display: none;
3407 }
3408 .post-type-lp_order #order_details {
3409 border: none !important;
3410 background: transparent !important;
3411 }
3412 .post-type-lp_order #order_details .hndle,
3413 .post-type-lp_order #order_details .handlediv,
3414 .post-type-lp_order #order_details .postbox-header {
3415 display: none;
3416 }
3417 .post-type-lp_order #order_details .inside {
3418 display: block !important;
3419 margin: 0;
3420 padding: 0;
3421 }
3422 .post-type-lp_order #order_details .order-data {
3423 margin: 0 0 20px 0 !important;
3424 padding: 30px !important;
3425 border: 1px solid #ccd0d4 !important;
3426 background-color: #fff !important;
3427 box-shadow: none !important;
3428 }
3429 .post-type-lp_order #order_details .order-data-field {
3430 margin-bottom: 20px;
3431 }
3432 .post-type-lp_order #order_details .order-data-field label {
3433 display: block;
3434 margin-bottom: 5px;
3435 font-weight: 500;
3436 }
3437 .post-type-lp_order #order_details .order-data-number {
3438 margin: 0 0 10px;
3439 font-size: 20px;
3440 font-weight: 600;
3441 }
3442 .post-type-lp_order #order_details .payment-method-title {
3443 color: #777;
3444 font-size: 16px;
3445 }
3446 .post-type-lp_order #order_details .payment-method-title strong {
3447 color: #23282d;
3448 }
3449 .post-type-lp_order #order_details .order-data-heading {
3450 margin-top: 40px;
3451 font-size: 16px;
3452 }
3453 .post-type-lp_order #order_details .order-users {
3454 display: inline-block;
3455 }
3456 .post-type-lp_order #order_details .order-users .description {
3457 margin-top: 10px;
3458 padding: 10px;
3459 background: #eee;
3460 }
3461 .post-type-lp_order #order_details .order-data-date .order-date {
3462 width: 100px;
3463 }
3464 .post-type-lp_order #order_details .order-data-date .order-hour,
3465 .post-type-lp_order #order_details .order-data-date .order-minute {
3466 width: 50px;
3467 }
3468 .post-type-lp_order #order_details .order-data-note {
3469 display: inline-block;
3470 }
3471 .post-type-lp_order #order_details .order-data-note .order-note {
3472 padding: 10px;
3473 color: #fff;
3474 background-color: #c1a3b6;
3475 font-size: 14px;
3476 }
3477 .post-type-lp_order #order_details .order-items {
3478 margin: 0;
3479 border: 1px solid #ccd0d4 !important;
3480 background-color: #fff;
3481 }
3482 .post-type-lp_order #order_details .order-items table {
3483 width: 100%;
3484 border-collapse: collapse;
3485 }
3486 .post-type-lp_order #order_details .order-items table thead {
3487 margin: 0;
3488 padding: 0;
3489 }
3490 .post-type-lp_order #order_details .order-items table thead tr {
3491 background-color: #f8f8f8;
3492 }
3493 .post-type-lp_order #order_details .order-items table thead th {
3494 padding: 15px;
3495 border-bottom: none;
3496 color: #999;
3497 font-weight: 400;
3498 text-align: right;
3499 }
3500 .post-type-lp_order #order_details .order-items table thead th:first-child {
3501 padding-right: 30px;
3502 }
3503 .post-type-lp_order #order_details .order-items table thead th:last-child {
3504 padding-left: 30px;
3505 }
3506 .post-type-lp_order #order_details .order-items table tbody td,
3507 .post-type-lp_order #order_details .order-items table tfoot td {
3508 padding: 10px;
3509 border-bottom: 1px solid #ddd;
3510 text-align: right;
3511 }
3512 .post-type-lp_order #order_details .order-items table tbody {
3513 margin: 0;
3514 padding: 0;
3515 }
3516 .post-type-lp_order #order_details .order-items table tbody tr td {
3517 padding: 15px;
3518 }
3519 .post-type-lp_order #order_details .order-items table tbody tr td:first-child {
3520 padding-right: 30px;
3521 }
3522 .post-type-lp_order #order_details .order-items table tbody tr td:last-child {
3523 padding-left: 30px;
3524 }
3525 .post-type-lp_order #order_details .order-items table tfoot {
3526 margin: 0;
3527 padding: 0;
3528 }
3529 .post-type-lp_order #order_details .order-items table tfoot tr {
3530 background-color: #f8f8f8;
3531 }
3532 .post-type-lp_order #order_details .order-items table tfoot tr:last-child td {
3533 padding-top: 20px;
3534 padding-bottom: 20px;
3535 }
3536 .post-type-lp_order #order_details .order-items table tfoot td {
3537 padding: 10px 15px;
3538 padding-bottom: 0;
3539 border: none;
3540 font-size: 14px;
3541 text-align: left;
3542 }
3543 .post-type-lp_order #order_details .order-items table tfoot td:first-child {
3544 padding-right: 30px;
3545 }
3546 .post-type-lp_order #order_details .order-items table tfoot td:last-child {
3547 padding-left: 30px;
3548 }
3549 .post-type-lp_order #order_details .order-items table .column-price,
3550 .post-type-lp_order #order_details .order-items table .column-total,
3551 .post-type-lp_order #order_details .order-items table .column-quantity {
3552 width: 150px;
3553 text-align: left;
3554 }
3555 .post-type-lp_order #order_details .order-items table .row-subtotal td .order-subtotal,
3556 .post-type-lp_order #order_details .order-items table .row-subtotal td .order-total,
3557 .post-type-lp_order #order_details .order-items table .row-total td .order-subtotal,
3558 .post-type-lp_order #order_details .order-items table .row-total td .order-total {
3559 font-weight: 700;
3560 }
3561 .post-type-lp_order #order_details .order-items table .remove-order-item {
3562 outline: none;
3563 color: #ccc;
3564 text-decoration: none;
3565 }
3566 .post-type-lp_order #order_details .order-items table .remove-order-item .dashicons {
3567 font-size: 20px;
3568 }
3569 .post-type-lp_order #order_details .order-items table .remove-order-item:hover {
3570 color: #f00;
3571 }
3572 .post-type-lp_order #order_details .order-items table .order-item-row:hover .remove-order-item {
3573 display: inline-block;
3574 }
3575 .post-type-lp_order #order-export__button:hover {
3576 cursor: pointer;
3577 }
3578 .post-type-lp_order .export-modal.modal {
3579 display: none;
3580 position: fixed;
3581 z-index: 1;
3582 right: 0;
3583 top: 0;
3584 width: 100%;
3585 height: 100%;
3586 overflow: auto;
3587 background-color: #000000;
3588 background-color: rgba(0, 0, 0, 0.4);
3589 }
3590 .post-type-lp_order .export-modal .modal-content {
3591 background-color: #fefefe;
3592 margin: 5% auto;
3593 padding: 20px;
3594 border: 1px solid #888;
3595 width: 60%;
3596 position: relative;
3597 }
3598 .post-type-lp_order .export-modal .close {
3599 color: #aaa;
3600 position: absolute;
3601 font-size: 28px;
3602 font-weight: bold;
3603 top: -5px;
3604 left: 11px;
3605 }
3606 .post-type-lp_order .export-modal .close:hover {
3607 color: black;
3608 text-decoration: none;
3609 cursor: pointer;
3610 }
3611 .post-type-lp_order .export-modal .close:focus {
3612 color: black;
3613 text-decoration: none;
3614 cursor: pointer;
3615 }
3616 .post-type-lp_order .export-modal .panel {
3617 display: none;
3618 }
3619 .post-type-lp_order .export-modal .panel.active {
3620 display: block;
3621 }
3622 .post-type-lp_order #order-export__tabs.tabs {
3623 display: flex;
3624 justify-content: space-around;
3625 margin: 20px 2px 40px 2px;
3626 height: 40px;
3627 box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
3628 }
3629 .post-type-lp_order #order-export__tabs.tabs > * {
3630 width: 100%;
3631 color: dimgray;
3632 height: 100%;
3633 cursor: pointer;
3634 display: flex;
3635 justify-content: center;
3636 align-items: center;
3637 }
3638 .post-type-lp_order #order-export__tabs.tabs > *:hover:not(.active) {
3639 background-color: #dcdcdc;
3640 }
3641 .post-type-lp_order #order-export__tabs.tabs > .active {
3642 color: white;
3643 background-color: #4CAF50;
3644 }
3645 .post-type-lp_order #lp-invoice__content {
3646 margin-bottom: 25px;
3647 }
3648 .post-type-lp_order #lp-invoice__content thead th {
3649 border-bottom: 1px solid #000;
3650 border-top: 1px solid #000;
3651 padding: 10px 20px;
3652 }
3653 .post-type-lp_order #lp-invoice__content tbody td {
3654 border-bottom: 1px solid #000;
3655 text-align: center;
3656 padding: 10px 20px;
3657 }
3658 .post-type-lp_order #lp-invoice__content tfoot td {
3659 border-bottom: 1px solid #000;
3660 text-align: center;
3661 padding: 10px 20px;
3662 }
3663 .post-type-lp_order .export-options__content {
3664 margin-bottom: 25px;
3665 }
3666 .post-type-lp_order .export-options {
3667 position: relative;
3668 }
3669 .post-type-lp_order .export-options__loading {
3670 opacity: 0;
3671 z-index: -1;
3672 visibility: hidden;
3673 position: absolute;
3674 top: 0;
3675 right: 0;
3676 width: 100%;
3677 background: #fff;
3678 left: 0;
3679 bottom: 0;
3680 display: flex;
3681 align-items: center;
3682 justify-content: center;
3683 }
3684 .post-type-lp_order .export-options__loading .spinner {
3685 background: url("../../images/spinner.gif") no-repeat center center;
3686 z-index: 9;
3687 display: inline-block;
3688 visibility: visible;
3689 }
3690 .post-type-lp_order .export-options__loading.active {
3691 opacity: 1;
3692 z-index: 9;
3693 visibility: visible;
3694 }
3695 .post-type-lp_order #lp-invoice__export {
3696 color: white;
3697 background-color: #4CAF50;
3698 border: 1px solid #4CAF50;
3699 padding: 10px 20px;
3700 transition: all 0.5s ease;
3701 -moz-transition: all 0.5s ease;
3702 -o-transition: all 0.5s ease;
3703 -webkit-transition: all 0.5s ease;
3704 }
3705 .post-type-lp_order #lp-invoice__export:hover {
3706 color: #000;
3707 background-color: #fff;
3708 border: 1px solid #000;
3709 transition: all 0.5s ease;
3710 -moz-transition: all 0.5s ease;
3711 -o-transition: all 0.5s ease;
3712 -webkit-transition: all 0.5s ease;
3713 cursor: pointer;
3714 }
3715 .post-type-lp_order #lp-invoice__update {
3716 color: white;
3717 background-color: #4CAF50;
3718 border: 1px solid #4CAF50;
3719 padding: 10px 20px;
3720 transition: all 0.5s ease;
3721 -moz-transition: all 0.5s ease;
3722 -o-transition: all 0.5s ease;
3723 -webkit-transition: all 0.5s ease;
3724 }
3725 .post-type-lp_order #lp-invoice__update:hover {
3726 color: #000;
3727 background-color: #fff;
3728 border: 1px solid #000;
3729 transition: all 0.5s ease;
3730 -moz-transition: all 0.5s ease;
3731 -o-transition: all 0.5s ease;
3732 -webkit-transition: all 0.5s ease;
3733 cursor: pointer;
3734 }
3735 .post-type-lp_order #lp-invoice__actions {
3736 display: flex;
3737 flex-direction: row;
3738 justify-content: flex-end;
3739 }
3740 .post-type-lp_order .export-options__actions {
3741 display: flex;
3742 flex-direction: row;
3743 justify-content: flex-end;
3744 }
3745 .post-type-lp_order .lp-invoice__body table {
3746 border-spacing: 0;
3747 width: 100%;
3748 }
3749 .post-type-lp_order .lp-order-status .dashicons {
3750 display: inline-flex !important;
3751 align-items: center;
3752 font-size: 16px;
3753 }
3754
3755 #learn-press-toggle-settings-js-css {
3756 display: none;
3757 }
3758 #learn-press-toggle-settings-js-css + table {
3759 display: none;
3760 }
3761 #learn-press-toggle-settings-js-css:checked + table {
3762 display: table;
3763 }
3764
3765 .color-schemas {
3766 margin: 0 0 20px 20px;
3767 float: right;
3768 }
3769 .color-schemas ul {
3770 list-style: none;
3771 margin: 0;
3772 padding: 0;
3773 }
3774 .color-schemas ul > li > label {
3775 font-weight: 600;
3776 display: block;
3777 margin-bottom: 10px;
3778 }
3779 .color-schemas .wp-color-picker {
3780 width: 80px;
3781 height: 24px;
3782 vertical-align: top;
3783 margin: 0;
3784 }
3785 .color-schemas .wp-picker-holder {
3786 position: absolute;
3787 }
3788 .color-schemas .buttons {
3789 display: none;
3790 }
3791 .color-schemas table {
3792 border-collapse: collapse;
3793 position: relative;
3794 }
3795 .color-schemas table td, .color-schemas table th {
3796 padding: 10px 10px;
3797 }
3798 .color-schemas table tbody {
3799 border: 1px solid transparent;
3800 position: relative;
3801 }
3802 .color-schemas table tbody td, .color-schemas table tbody th {
3803 text-align: right;
3804 background: #F5F5F5;
3805 }
3806 .color-schemas table tbody tr:first-child td, .color-schemas table tbody tr:first-child th {
3807 padding-bottom: 0;
3808 }
3809 .color-schemas table:after {
3810 content: "";
3811 position: absolute;
3812 top: 0;
3813 right: 0;
3814 left: 0;
3815 bottom: 0;
3816 background: rgba(255, 255, 255, 0.7);
3817 }
3818 .color-schemas tfoot td, .color-schemas tfoot th {
3819 padding-right: 0;
3820 padding-left: 0;
3821 }
3822 .color-schemas .remove-schema {
3823 float: left;
3824 color: #FF0000;
3825 }
3826 .color-schemas .wp-color-result {
3827 margin: 0;
3828 }
3829 .color-schemas .clone-schema {
3830 display: none;
3831 }
3832 .color-schemas:first-child .remove-schema,
3833 .color-schemas:first-child .apply-schema {
3834 display: none;
3835 }
3836 .color-schemas:nth-child(2) {
3837 clear: both;
3838 }
3839 .color-schemas:hover tbody {
3840 opacity: 1;
3841 }
3842 .color-schemas.current tbody {
3843 border-color: #DDD;
3844 }
3845 .color-schemas.current tbody td, .color-schemas.current tbody th {
3846 background: rgba(5, 215, 255, 0.26);
3847 }
3848 .color-schemas.current table:after {
3849 display: none;
3850 }
3851 .color-schemas.current .clone-schema {
3852 display: inline-block;
3853 }
3854
3855 .wp-picker-container {
3856 position: relative;
3857 }
3858 .wp-picker-container .wp-picker-holder {
3859 z-index: 99999;
3860 }
3861
3862 .lp-install-sample {
3863 max-width: 600px;
3864 margin: 0;
3865 padding: 10px 25px;
3866 border: 1px solid #ccd0d4;
3867 border-radius: 4px;
3868 background-color: #fff;
3869 }
3870 .lp-install-sample__options {
3871 margin-bottom: 20px;
3872 padding: 0 20px;
3873 border: 1px solid #eee;
3874 border-radius: 4px;
3875 }
3876 .lp-install-sample__options legend {
3877 padding: 5px;
3878 font-weight: 500;
3879 }
3880 .lp-install-sample__buttons {
3881 display: flex;
3882 margin-top: 25px;
3883 align-items: center;
3884 justify-content: space-between;
3885 }
3886 .lp-install-sample__toggle-options {
3887 margin-left: auto;
3888 margin-right: 10px;
3889 }
3890 .lp-install-sample__uninstall {
3891 float: left;
3892 }
3893 .lp-install-sample__response {
3894 margin: 0;
3895 padding: 10px;
3896 border: 2px solid #059601;
3897 border-radius: 6px;
3898 }
3899 .lp-install-sample__response.fail {
3900 border-color: #d85554;
3901 }
3902
3903 .lp-update-db-modal {
3904 display: flex;
3905 position: fixed;
3906 z-index: 9999;
3907 top: 0;
3908 left: 0;
3909 right: 0;
3910 width: 100%;
3911 min-height: 100vh;
3912 text-align: center;
3913 align-items: center;
3914 justify-content: center;
3915 }
3916 .lp-update-db-modal__hidden {
3917 display: none !important;
3918 visibility: hidden;
3919 opacity: 0;
3920 pointer-events: none;
3921 }
3922 .lp-update-db-modal__overlay {
3923 position: absolute;
3924 z-index: 1;
3925 top: 0;
3926 left: 0;
3927 bottom: 0;
3928 right: 0;
3929 width: 100%;
3930 height: 100%;
3931 background-color: rgba(209, 213, 219, 0.8);
3932 transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
3933 transition-duration: 150ms;
3934 transition-property: opacity;
3935 }
3936 .lp-update-db-modal__content {
3937 display: inline-block;
3938 overflow: hidden;
3939 z-index: 2;
3940 width: 100%;
3941 max-width: 510px;
3942 border-radius: 8px;
3943 text-align: right;
3944 vertical-align: middle;
3945 }
3946 .lp-update-db-modal__content-header {
3947 padding: 24px 24px 16px 24px;
3948 background-color: #fff;
3949 }
3950 .lp-update-db-modal__content-start {
3951 display: flex;
3952 flex-direction: flex-start;
3953 }
3954 .lp-update-db-modal__content-icon {
3955 display: flex;
3956 width: 40px;
3957 height: 40px;
3958 margin-left: 0;
3959 margin-right: 0;
3960 border-radius: 999px;
3961 background-color: rgb(254, 226, 226);
3962 justify-content: center;
3963 align-items: center;
3964 flex: 0 0 auto;
3965 }
3966 .lp-update-db-modal__content-icon svg {
3967 width: 24px;
3968 height: 24px;
3969 color: rgb(220, 38, 38);
3970 }
3971 .lp-update-db-modal__content-icon svg:last-child {
3972 color: rgb(37, 141, 108);
3973 }
3974 .lp-update-db-modal__content-icon__success {
3975 display: none;
3976 }
3977 .lp-update-db-modal__content-text {
3978 margin-right: 18px;
3979 text-align: right;
3980 }
3981 .lp-update-db-modal__content-text h3 {
3982 margin: 0;
3983 font-weight: 500;
3984 }
3985 .lp-update-db-modal__content-text p {
3986 margin: 0;
3987 margin-top: 10px;
3988 color: #999;
3989 font-size: 14px;
3990 font-weight: 400;
3991 }
3992 .lp-update-db-modal__content-footer {
3993 display: flex;
3994 flex-direction: row;
3995 padding: 10px 24px;
3996 background-color: rgb(249, 250, 251);
3997 justify-content: flex-end;
3998 align-items: center;
3999 }
4000 .lp-update-db-modal__content-footer a {
4001 padding: 8px 16px;
4002 border: 1px solid #e5e7eb;
4003 border-radius: 6px;
4004 color: rgb(55, 65, 81);
4005 font-size: 13px;
4006 font-weight: 500;
4007 text-decoration: none;
4008 }
4009 .lp-update-db-modal__content-footer a:last-child {
4010 margin-right: 10px;
4011 color: #fff;
4012 background-color: #0073aa;
4013 }
4014 .lp-update-db-modal__success .lp-update-db-modal__content-icon {
4015 background-color: rgb(222, 247, 236);
4016 }
4017 .lp-update-db-modal__success .lp-update-db-modal__content-icon__error {
4018 display: none;
4019 }
4020 .lp-update-db-modal__success .lp-update-db-modal__content-icon__success {
4021 display: block;
4022 }
4023
4024 #lp-tool-upgrade-db .wrapper-lp-upgrade-message, #lp-tool-upgrade-db .wrapper-terms-upgrade, #lp-tool-upgrade-db .wrapper-lp-loading {
4025 display: none;
4026 }
4027
4028 .terms-upgrade {
4029 max-width: 500px;
4030 margin: 0 auto;
4031 }
4032 .terms-upgrade .error {
4033 display: none;
4034 }
4035
4036 .lp-upgrade-message .learn-press-message::before, .lp-upgrade-message .learn-press-message::after {
4037 content: none;
4038 }
4039
4040 .lp-modal-footer .learn-press-notice {
4041 color: #ff6060;
4042 font-weight: 500;
4043 font-style: italic;
4044 }
4045
4046 .lp-modal-body .lp-skeleton-animation {
4047 width: 500px;
4048 margin: 0 20px;
4049 }
4050
4051 .tools-select__data {
4052 overflow: hidden;
4053 }
4054 .tools-select__data li {
4055 background-color: #fff;
4056 border: 1px solid #eee;
4057 color: #000;
4058 display: flex;
4059 flex-direction: row;
4060 align-items: center;
4061 flex: 0 0 auto;
4062 font-size: 14px;
4063 line-height: 1.4em;
4064 font-weight: normal;
4065 padding: 10px;
4066 width: 100%;
4067 }
4068 .tools-select__data li input {
4069 margin: 0 0 0 10px;
4070 }
4071
4072 .progressbar__content {
4073 width: 100%;
4074 font-size: 14px;
4075 font-weight: normal;
4076 line-height: 1.4em;
4077 background: #eee;
4078 padding: 10px 0;
4079 display: flex;
4080 flex-direction: column;
4081 align-items: center;
4082 justify-content: center;
4083 }
4084 .progressbar__content span {
4085 z-index: 9;
4086 }
4087
4088 .progressbar__container {
4089 position: relative;
4090 }
4091
4092 .progressbar__value {
4093 position: absolute;
4094 width: 0;
4095 height: 100%;
4096 right: 0;
4097 top: 0;
4098 background: #8A2BE2;
4099 }
4100
4101 .progressbar__item h4 {
4102 z-index: 9;
4103 margin: 0;
4104 }
4105
4106 .progressbar__item {
4107 width: 500px;
4108 border-bottom: 1px solid #fff;
4109 }
4110
4111 .progressbar__indexs {
4112 z-index: 9;
4113 }
4114
4115 .lp-tool__message {
4116 text-align: center;
4117 color: red;
4118 padding: 10px 0;
4119 display: none;
4120 }
4121
4122 .tools-prepare__message {
4123 background: #dba617;
4124 padding: 10px 0;
4125 text-align: center;
4126 display: none;
4127 }
4128
4129 /*** Admin notices ***/
4130 .lp-admin-notices {
4131 background: transparent;
4132 display: none;
4133 padding: 0;
4134 border: none;
4135 }
4136 .lp-admin-notices .lp-admin-notice {
4137 position: relative;
4138 padding: 1px 10px;
4139 }
4140 .lp-admin-notices .lp-mes-beta-version {
4141 background: #4299e1;
4142 color: whitesmoke;
4143 }
4144 .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 {
4145 color: white;
4146 }
4147 .lp-admin-notices .lp-mes-beta-version .btn-lp-notice-dismiss::before {
4148 color: #fff0f6;
4149 }
4150
4151 /**
4152 * General style for admin editor.
4153 */
4154 .lp-admin-editor {
4155 position: relative;
4156 margin: 0;
4157 background-color: #fff;
4158 }
4159 .lp-admin-editor .heading,
4160 .lp-admin-editor .lp-box-data-content {
4161 padding: 0;
4162 }
4163
4164 #learn-press-admin-editor-metabox-settings {
4165 margin-top: 20px;
4166 }
4167
4168 /**
4169 * Course admin editor.
4170 */
4171 #course-editor .inside {
4172 margin: 0;
4173 padding: 0;
4174 }
4175
4176 #admin-editor-lp_course .lp-course-curriculum .heading {
4177 display: flex;
4178 flex-direction: row;
4179 flex-wrap: nowrap;
4180 position: relative;
4181 padding: 8px 20px;
4182 align-items: center;
4183 line-height: 1;
4184 }
4185 #admin-editor-lp_course .lp-course-curriculum .heading h4 {
4186 margin: 0;
4187 font-size: 16px;
4188 }
4189 #admin-editor-lp_course .lp-course-curriculum .heading .collapse-sections {
4190 display: flex;
4191 width: 40px;
4192 color: #999;
4193 font-family: Dashicons;
4194 font-size: 30px;
4195 cursor: pointer;
4196 justify-content: center;
4197 align-items: center;
4198 }
4199 #admin-editor-lp_course .lp-course-curriculum .heading .collapse-sections.close::before {
4200 content: "\f140";
4201 }
4202 #admin-editor-lp_course .lp-course-curriculum .heading .collapse-sections.open::before {
4203 content: "\f142";
4204 }
4205 #admin-editor-lp_course .lp-course-curriculum .heading .status {
4206 visibility: hidden;
4207 position: relative;
4208 top: 5px;
4209 margin-right: 10px;
4210 font-family: Dashicons;
4211 font-size: 20px;
4212 }
4213 #admin-editor-lp_course .lp-course-curriculum .heading .status::before {
4214 content: "\f463";
4215 }
4216 #admin-editor-lp_course .lp-course-curriculum .heading .status.loading {
4217 display: inline-block;
4218 visibility: visible;
4219 animation: rotation 2s infinite linear;
4220 }
4221 #admin-editor-lp_course .lp-course-curriculum .curriculum-sections {
4222 margin: 0;
4223 margin: 0 20px 20px 20px;
4224 border: 1px solid #ddd;
4225 }
4226 #admin-editor-lp_course .lp-course-curriculum .section {
4227 margin: 0;
4228 border-bottom: 1px solid #e5e5e5;
4229 opacity: 1;
4230 background: #fff;
4231 }
4232 #admin-editor-lp_course .lp-course-curriculum .section:first-child {
4233 border-top: 0;
4234 }
4235 #admin-editor-lp_course .lp-course-curriculum .section.new-section {
4236 margin-top: 1px;
4237 border: none;
4238 }
4239 #admin-editor-lp_course .lp-course-curriculum .section.new-section form {
4240 margin: 0;
4241 }
4242 #admin-editor-lp_course .lp-course-curriculum .section.new-section .section-head {
4243 background-color: #f4fcff;
4244 }
4245 #admin-editor-lp_course .lp-course-curriculum .section.new-section .section-head .creatable {
4246 position: relative;
4247 top: 1px;
4248 }
4249 #admin-editor-lp_course .lp-course-curriculum .section.new-section .section-head .creatable::before {
4250 content: "\f132";
4251 }
4252 #admin-editor-lp_course .lp-course-curriculum .section.empty-section {
4253 position: relative;
4254 }
4255 #admin-editor-lp_course .lp-course-curriculum .section.empty-section::after {
4256 position: absolute;
4257 top: 0;
4258 left: 0;
4259 bottom: 0;
4260 right: 0;
4261 opacity: 0.5;
4262 background: #fff;
4263 content: "";
4264 }
4265 #admin-editor-lp_course .lp-course-curriculum .section.empty-section .section-head .movable::before {
4266 display: inline-block;
4267 color: #a2a2a2;
4268 content: "\f463";
4269 -webkit-animation: rotating4 2s linear infinite;
4270 -moz-animation: rotating4 2s linear infinite;
4271 -ms-animation: rotating4 2s linear infinite;
4272 -o-animation: rotating4 2s linear infinite;
4273 animation: rotating4 2s linear infinite;
4274 }
4275 #admin-editor-lp_course .lp-course-curriculum .section.empty-section .section-collapse {
4276 display: none;
4277 }
4278 #admin-editor-lp_course .lp-course-curriculum .section:hover .section-actions .remove {
4279 display: inline-block;
4280 }
4281 #admin-editor-lp_course .lp-course-curriculum .section input {
4282 background-color: transparent;
4283 box-shadow: none;
4284 }
4285 #admin-editor-lp_course .lp-course-curriculum .section input:focus {
4286 box-shadow: none;
4287 }
4288 #admin-editor-lp_course .lp-course-curriculum .section .section-head {
4289 display: flex;
4290 position: relative;
4291 height: 42px;
4292 margin: 0;
4293 padding: 0;
4294 background-color: #f4fcff;
4295 line-height: 40px;
4296 transition: background 500ms ease-out;
4297 align-items: center;
4298 }
4299 #admin-editor-lp_course .lp-course-curriculum .section .section-head .movable,
4300 #admin-editor-lp_course .lp-course-curriculum .section .section-head .creatable {
4301 display: inline-block;
4302 width: 40px;
4303 margin: 0;
4304 color: #999;
4305 font-family: Dashicons;
4306 font-size: 20px;
4307 text-align: center;
4308 vertical-align: middle;
4309 }
4310 #admin-editor-lp_course .lp-course-curriculum .section .section-head .movable {
4311 margin-left: -1px;
4312 cursor: url("../../images/openhand.cur") 7 5, default;
4313 }
4314 #admin-editor-lp_course .lp-course-curriculum .section .section-head .movable::before {
4315 content: "\f333";
4316 }
4317 #admin-editor-lp_course .lp-course-curriculum .section .section-head .movable:hover {
4318 color: #0085ba;
4319 }
4320 #admin-editor-lp_course .lp-course-curriculum .section .section-head .section-item-counts {
4321 line-height: 40px;
4322 }
4323 #admin-editor-lp_course .lp-course-curriculum .section .section-head .actions {
4324 height: 100%;
4325 color: #444;
4326 }
4327 #admin-editor-lp_course .lp-course-curriculum .section .section-head .actions > * {
4328 display: inline-block;
4329 height: 100%;
4330 text-align: center;
4331 cursor: pointer;
4332 }
4333 #admin-editor-lp_course .lp-course-curriculum .section .section-head .actions .collapse:hover {
4334 color: #0085ba;
4335 }
4336 #admin-editor-lp_course .lp-course-curriculum .section .section-head .actions .collapse::before {
4337 display: inline-block;
4338 width: 40px;
4339 color: #999;
4340 font-family: Dashicons;
4341 font-size: 16px;
4342 line-height: 40px;
4343 }
4344 #admin-editor-lp_course .lp-course-curriculum .section .section-head .actions .collapse.open::before {
4345 content: "\f343";
4346 }
4347 #admin-editor-lp_course .lp-course-curriculum .section .section-head .actions .collapse.close::before {
4348 content: "\f347";
4349 }
4350 #admin-editor-lp_course .lp-course-curriculum .section .name {
4351 width: 100%;
4352 border: none;
4353 color: #777;
4354 font-size: 24px;
4355 font-weight: 600;
4356 line-height: 50px;
4357 }
4358 #admin-editor-lp_course .lp-course-curriculum .section .name:focus {
4359 color: #444;
4360 }
4361 #admin-editor-lp_course .lp-course-curriculum .section .section-collapse {
4362 overflow: hidden;
4363 }
4364 #admin-editor-lp_course .lp-course-curriculum .section .section-content {
4365 padding: 20px;
4366 border-top: 1px solid #e5e5e5;
4367 }
4368 #admin-editor-lp_course .lp-course-curriculum .section .details {
4369 margin-bottom: 20px;
4370 }
4371 #admin-editor-lp_course .lp-course-curriculum .section .title-input {
4372 padding-right: 0;
4373 border: none;
4374 font-size: 1.2em;
4375 line-height: 30px;
4376 flex: 1;
4377 }
4378 #admin-editor-lp_course .lp-course-curriculum .section .description-input {
4379 width: 100%;
4380 margin: 0;
4381 padding: 0;
4382 border: none;
4383 color: #999;
4384 }
4385 #admin-editor-lp_course .lp-course-curriculum .section .description-input:focus {
4386 color: #444;
4387 }
4388 #admin-editor-lp_course .lp-course-curriculum .section-list-items {
4389 width: 100%;
4390 border-collapse: collapse;
4391 }
4392 #admin-editor-lp_course .lp-course-curriculum .section-list-items ul {
4393 position: relative;
4394 min-height: 5px;
4395 margin: 0;
4396 }
4397 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item {
4398 display: flex;
4399 position: relative;
4400 margin: 0;
4401 border: 1px solid #eee;
4402 border-bottom-width: 0;
4403 background: #fff;
4404 transition: background 200ms ease-out;
4405 justify-content: center;
4406 align-items: center;
4407 }
4408 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item.ui-sortable-helper {
4409 border-bottom: 1px solid #eee;
4410 }
4411 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item:nth-child(2n+1) {
4412 background-color: #f7f7f7;
4413 }
4414 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item.updating::before {
4415 position: absolute;
4416 z-index: 2;
4417 top: 0;
4418 left: 0;
4419 bottom: 0;
4420 right: 0;
4421 content: "";
4422 }
4423 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item.removing {
4424 background-color: #ffeded;
4425 }
4426 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .drag {
4427 height: 20px;
4428 padding-top: 3px;
4429 padding-right: 6px;
4430 cursor: url("../../images/openhand.cur") 7 5, default;
4431 fill: #999;
4432 flex: 0 0 18px;
4433 }
4434 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .drag:hover {
4435 fill: #0085ba;
4436 }
4437 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .icon {
4438 display: flex;
4439 align-items: center;
4440 justify-content: center;
4441 }
4442 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .title {
4443 margin-left: 120px;
4444 margin-right: 2px;
4445 flex-grow: 1;
4446 flex-basis: 100%;
4447 }
4448 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .title input {
4449 color: inherit;
4450 }
4451 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .item-actions {
4452 display: flex;
4453 position: absolute;
4454 top: 0;
4455 left: 2px;
4456 bottom: 0;
4457 align-items: center;
4458 justify-content: center;
4459 }
4460 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .actions {
4461 margin: 0;
4462 }
4463 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .actions > * {
4464 visibility: hidden;
4465 margin-left: 10px;
4466 }
4467 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .actions .edit {
4468 text-decoration: none;
4469 }
4470 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .actions .remove {
4471 color: #a00;
4472 }
4473 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item:hover .drag {
4474 visibility: visible;
4475 }
4476 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item:not(.lp_lesson) .item-actions .actions .preview-item {
4477 display: none;
4478 }
4479 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item {
4480 display: flex;
4481 position: relative;
4482 border-bottom-width: 1px;
4483 transition: all 200ms ease-out;
4484 align-items: center;
4485 }
4486 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .drag {
4487 display: flex;
4488 width: 30px;
4489 color: #999;
4490 font-family: Dashicons;
4491 font-size: 16px;
4492 vertical-align: middle;
4493 cursor: default;
4494 align-items: center;
4495 justify-content: center;
4496 }
4497 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .drag::before {
4498 content: "\f132";
4499 }
4500 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .title {
4501 display: inline-block;
4502 margin: 0;
4503 flex: 1;
4504 }
4505 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .types {
4506 display: inline-block;
4507 }
4508 #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 {
4509 background-color: #fff;
4510 }
4511 #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 {
4512 display: inline-block;
4513 }
4514 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .types .type {
4515 display: inline-block;
4516 padding: 8px 5px;
4517 color: #ccc;
4518 }
4519 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .types .type input {
4520 display: none;
4521 }
4522 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .types .type.current {
4523 color: #0085ba;
4524 }
4525 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .types .type::before {
4526 position: relative;
4527 top: 2px;
4528 font-family: Dashicons;
4529 font-size: 20px;
4530 }
4531 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .types .type.lp_quiz {
4532 padding: 8px 0 8px 6px;
4533 }
4534 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .types .type.lp_quiz::before {
4535 content: "\f469";
4536 }
4537 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .types .type.lp_lesson::before {
4538 content: "\f330";
4539 }
4540 #admin-editor-lp_course .lp-course-curriculum .section-list-items .new-section-item .types .type.empty-item::before {
4541 content: "\f463";
4542 }
4543 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .item-actions {
4544 text-align: left;
4545 }
4546 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .item-actions .actions .action {
4547 display: inline-block;
4548 position: relative;
4549 width: 30px;
4550 height: 30px;
4551 margin: 0;
4552 padding: 0;
4553 text-align: center;
4554 vertical-align: middle;
4555 cursor: pointer;
4556 }
4557 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .item-actions .actions .action > a {
4558 width: 30px;
4559 height: 30px;
4560 color: #999;
4561 line-height: 30px;
4562 }
4563 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .item-actions .actions .action > a:hover {
4564 color: #0073aa;
4565 }
4566 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .item-actions .actions .action.delete-item > a:hover {
4567 color: #e74c3c;
4568 }
4569 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .item-actions .actions .action.delete-item ul {
4570 display: none;
4571 position: absolute;
4572 z-index: 9;
4573 top: 100%;
4574 left: 0;
4575 width: 165px;
4576 margin: 0;
4577 border: 1px solid #999;
4578 background: #fdfeff;
4579 text-align: center;
4580 }
4581 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .item-actions .actions .action.delete-item ul li {
4582 margin: 0;
4583 border-bottom: 1px solid #eee;
4584 text-align: left;
4585 }
4586 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .item-actions .actions .action.delete-item ul li a {
4587 display: block;
4588 padding: 10px 25px;
4589 color: #757575;
4590 font-size: 12px;
4591 text-decoration: none;
4592 }
4593 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .item-actions .actions .action.delete-item ul li a.delete-permanently {
4594 color: #e74c3c;
4595 }
4596 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .item-actions .actions .action.delete-item ul li:hover {
4597 background: #eee;
4598 }
4599 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .item-actions .actions .action.delete-item:hover ul {
4600 display: block;
4601 }
4602 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item:hover .item-actions .actions > * {
4603 visibility: visible;
4604 cursor: pointer;
4605 }
4606 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item.lp_quiz .icon::before {
4607 content: "\f469";
4608 }
4609 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item.lp_lesson .icon::before {
4610 content: "\f330";
4611 }
4612 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item.empty-item {
4613 position: relative;
4614 color: #a2a2a2;
4615 }
4616 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item.empty-item::after {
4617 position: absolute;
4618 top: 0;
4619 left: 0;
4620 bottom: 0;
4621 right: 0;
4622 opacity: 0.5;
4623 background: #fff;
4624 content: "";
4625 }
4626 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item.empty-item .item-actions {
4627 display: none;
4628 }
4629 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item.empty-item .icon::before {
4630 color: #a2a2a2;
4631 content: "\f463";
4632 -webkit-animation: rotating4 2s linear infinite;
4633 -moz-animation: rotating4 2s linear infinite;
4634 -ms-animation: rotating4 2s linear infinite;
4635 -o-animation: rotating4 2s linear infinite;
4636 animation: rotating4 2s linear infinite;
4637 }
4638 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .icon {
4639 color: #0085ba;
4640 font-size: 20px;
4641 text-align: center;
4642 flex: 0 0 29px;
4643 }
4644 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item .icon::before {
4645 font-family: Dashicons;
4646 }
4647 #admin-editor-lp_course .lp-course-curriculum .section-list-items .section-item input {
4648 width: 100%;
4649 padding: 8px 0 8px 10px;
4650 border: none;
4651 color: inherit;
4652 font-size: 14px;
4653 font-weight: 600;
4654 }
4655 #admin-editor-lp_course .lp-course-curriculum .section-actions {
4656 padding: 0 20px 20px 20px;
4657 }
4658 #admin-editor-lp_course .lp-course-curriculum .section-actions .remove {
4659 display: none;
4660 float: left;
4661 height: 30px;
4662 border: 1px solid #eee;
4663 border-radius: 3px;
4664 color: #e74c3c;
4665 line-height: 30px;
4666 cursor: pointer;
4667 }
4668 #admin-editor-lp_course .lp-course-curriculum .section-actions .remove .icon {
4669 padding: 0 18px;
4670 }
4671 #admin-editor-lp_course .lp-course-curriculum .section-actions .remove .confirm {
4672 display: none;
4673 padding: 0 18px;
4674 }
4675 #admin-editor-lp_course .lp-course-curriculum .section-actions .remove.confirm .confirm {
4676 display: inline-block;
4677 }
4678 #admin-editor-lp_course .lp-course-curriculum .section-actions .remove.confirm .icon {
4679 display: none;
4680 }
4681 #admin-editor-lp_course .lp-course-curriculum .ui-sortable-placeholder {
4682 display: block;
4683 visibility: visible !important;
4684 border-color: #bdf4fe !important;
4685 background: #bdf4fe !important;
4686 }
4687
4688 .wp-admin.post-type-lp_course #meta-box-tab-course_payment .learn-press-tip-floating {
4689 top: 40px;
4690 right: 100px;
4691 opacity: 0.8;
4692 background: #a00;
4693 }
4694 .wp-admin.post-type-lp_course #meta-box-tab-course_payment .learn-press-tip-floating::before {
4695 top: -7px;
4696 border: 7px solid transparent;
4697 border-top-width: 0;
4698 border-bottom-color: #a00;
4699 }
4700
4701 .section-item-counts {
4702 margin: 0;
4703 margin-right: auto;
4704 font-size: 12px;
4705 white-space: nowrap;
4706 }
4707 .section-item-counts span {
4708 color: #999;
4709 }
4710
4711 #course-editor {
4712 margin-bottom: 10px;
4713 }
4714 #course-editor .inside .rwmb-custom_html-wrapper > .rwmb-label {
4715 display: none;
4716 }
4717 #course-editor .inside .rwmb-custom_html-wrapper > .rwmb-input {
4718 margin-right: 0;
4719 }
4720
4721 /**
4722 * Quiz admin editor.
4723 */
4724 #quiz-editor .inside .rwmb-custom_html-wrapper > .rwmb-label {
4725 display: none;
4726 }
4727 #quiz-editor .inside .rwmb-custom_html-wrapper > .rwmb-input {
4728 margin-right: 0;
4729 }
4730
4731 #quiz-editor .inside {
4732 margin: 0;
4733 padding: 0;
4734 }
4735
4736 #admin-editor-lp_quiz {
4737 margin: 0;
4738 padding: 0;
4739 border: none;
4740 }
4741 #admin-editor-lp_quiz form {
4742 margin: 0;
4743 }
4744 #admin-editor-lp_quiz .lp-box-data-head {
4745 display: flex;
4746 flex-direction: row;
4747 margin: 0;
4748 padding: 6px 20px;
4749 align-items: center;
4750 }
4751 #admin-editor-lp_quiz .lp-box-data-head h3 {
4752 padding: 0;
4753 }
4754 #admin-editor-lp_quiz .lp-box-data-head .status {
4755 visibility: hidden;
4756 position: relative;
4757 top: 5px;
4758 margin-right: 10px;
4759 font-family: Dashicons;
4760 font-size: 20px;
4761 }
4762 #admin-editor-lp_quiz .lp-box-data-head .status::before {
4763 content: "\f463";
4764 }
4765 #admin-editor-lp_quiz .lp-box-data-head .status.loading {
4766 display: inline-block;
4767 visibility: visible;
4768 animation: rotation 2s infinite linear;
4769 }
4770 #admin-editor-lp_quiz .lp-box-data-head .collapse-list-questions {
4771 display: flex;
4772 width: 40px;
4773 height: 30px;
4774 color: #999;
4775 font-family: Dashicons;
4776 font-size: 30px;
4777 cursor: pointer;
4778 justify-content: center;
4779 align-items: center;
4780 }
4781 #admin-editor-lp_quiz .lp-box-data-content {
4782 margin: 20px;
4783 margin-top: 0;
4784 border: 1px solid #ddd;
4785 }
4786 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions {
4787 border-collapse: collapse;
4788 color: #777;
4789 }
4790 @media (max-width: 1560px) {
4791 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .fill_in_blanks .question-settings {
4792 flex-direction: column;
4793 }
4794 }
4795 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row {
4796 display: flex;
4797 flex-direction: row;
4798 text-align: center;
4799 align-items: center;
4800 }
4801 @media (max-width: 1024px) {
4802 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row.question-settings {
4803 flex-direction: column;
4804 }
4805 }
4806 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > * {
4807 width: 100%;
4808 padding: 12px 8px;
4809 }
4810 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .sort {
4811 position: relative;
4812 color: #999;
4813 cursor: url("../../images/openhand.cur") 7 5, default;
4814 flex: 0 0 15px;
4815 }
4816 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .sort .svg-icon {
4817 height: 18px;
4818 margin-top: -2px;
4819 vertical-align: middle;
4820 fill: #999;
4821 }
4822 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .sort:hover {
4823 fill: #0085ba;
4824 }
4825 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .order {
4826 padding: 12px 0;
4827 color: #32373c;
4828 font-size: 1.2em;
4829 text-align: right;
4830 flex: 0 0 25px;
4831 }
4832 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .order::after {
4833 content: ".";
4834 }
4835 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .type {
4836 display: inline-flex;
4837 position: relative;
4838 width: 125px;
4839 height: 32px;
4840 padding: 0;
4841 border-radius: 2px;
4842 background-color: #eee;
4843 box-shadow: 0 0 2px rgba(0, 0, 0, 0.22);
4844 line-height: 32px;
4845 cursor: pointer;
4846 flex: 0 0 auto;
4847 align-items: center;
4848 }
4849 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .type > a {
4850 display: inline-flex;
4851 width: 100%;
4852 padding: 0 10px;
4853 color: #666;
4854 text-align: center;
4855 cursor: pointer;
4856 align-items: center;
4857 justify-content: center;
4858 }
4859 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .type > a::after {
4860 margin-right: 5px;
4861 font-family: Dashicons;
4862 font-size: 14px;
4863 line-height: 30px;
4864 content: "\f347";
4865 }
4866 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .type ul {
4867 visibility: hidden;
4868 position: absolute;
4869 z-index: 9999;
4870 top: 100%;
4871 left: 0;
4872 height: auto;
4873 margin: 0;
4874 margin-top: -1px;
4875 border: 1px solid #999;
4876 border-radius: 2px;
4877 opacity: 1;
4878 background: #fdfeff;
4879 pointer-events: none;
4880 }
4881 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .type ul li {
4882 margin: 0;
4883 }
4884 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .type ul li a {
4885 display: block;
4886 min-width: 110px;
4887 padding: 10px 20px;
4888 color: #757575;
4889 line-height: 20px;
4890 text-align: left;
4891 white-space: nowrap;
4892 text-decoration: none;
4893 }
4894 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .type ul li a:hover {
4895 background-color: #eee;
4896 }
4897 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .type ul li.disabled {
4898 opacity: 0.4;
4899 background-color: #fff;
4900 user-select: none;
4901 pointer-events: none;
4902 }
4903 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .type:hover ul {
4904 visibility: visible;
4905 opacity: 1;
4906 pointer-events: visible;
4907 }
4908 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .actions {
4909 width: 300px;
4910 }
4911 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row > .name {
4912 padding-right: 5px;
4913 }
4914 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row:hover > .sort {
4915 visibility: visible;
4916 }
4917 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .table-row .actions .lp-box-data-actions {
4918 text-align: left !important;
4919 }
4920 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .header {
4921 display: none;
4922 border-bottom: 1px solid #ddd;
4923 }
4924 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .header .table-row > * {
4925 font-weight: bold;
4926 }
4927 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .header .table-row > .order::after {
4928 content: "";
4929 }
4930 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .header .table-row > .actions {
4931 padding: 12px 0;
4932 }
4933 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-actions .name input {
4934 width: 100%;
4935 padding: 0;
4936 border: none;
4937 color: #777;
4938 background: transparent;
4939 box-shadow: none;
4940 font-size: 14px;
4941 font-weight: normal;
4942 }
4943 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings {
4944 padding: 0 20px;
4945 border: 1px solid #ddd;
4946 border-left: none;
4947 border-right: none;
4948 }
4949 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings > * {
4950 padding: 20px 0 20px 20px;
4951 }
4952 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings .quiz-question-data table.lp-list-options {
4953 border: 1px solid #ddd;
4954 }
4955 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings .quiz-question-data table.lp-list-options .sort {
4956 width: 12px;
4957 padding: 8px 6px;
4958 }
4959 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings .quiz-question-data table.lp-list-options .answer-text {
4960 width: calc(100% - 100px);
4961 padding-right: 0;
4962 color: #444;
4963 font-weight: 600;
4964 }
4965 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings .quiz-question-data table.lp-list-options .order {
4966 width: 10px;
4967 padding: 0;
4968 text-align: left;
4969 }
4970 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings .quiz-question-data table.lp-list-options .answer-correct {
4971 width: 65px;
4972 color: #444;
4973 font-weight: 600;
4974 text-align: center;
4975 }
4976 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings .quiz-question-data table.lp-list-options .actions {
4977 padding: 0;
4978 text-align: left;
4979 }
4980 #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 {
4981 height: 42px;
4982 }
4983 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings .quiz-question-data table.lp-list-options tbody tr {
4984 border: 1px solid #ddd;
4985 background: #f4fcff;
4986 }
4987 #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) {
4988 background: #fff;
4989 }
4990 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-settings .quiz-question-data table.lp-list-options tbody tr td {
4991 position: static;
4992 padding: 0 10px;
4993 border: none;
4994 background: inherit;
4995 }
4996 #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 {
4997 width: 12px;
4998 cursor: url("../../images/openhand.cur") 7 5, default;
4999 }
5000 #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 {
5001 padding-right: 0;
5002 }
5003 #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 {
5004 text-align: center;
5005 }
5006 #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 {
5007 height: 18px;
5008 vertical-align: middle;
5009 fill: #999;
5010 }
5011 #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 {
5012 visibility: visible;
5013 }
5014 #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 {
5015 fill: #0085ba;
5016 }
5017 #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 {
5018 visibility: visible !important;
5019 }
5020 #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 {
5021 height: 43px;
5022 background: #bdf4fe !important;
5023 }
5024 #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 {
5025 border-left: none;
5026 border-right: none;
5027 }
5028 #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 {
5029 border-bottom: 1px solid #ddd;
5030 }
5031 #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 {
5032 border-right: 0;
5033 }
5034 #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 {
5035 display: none;
5036 }
5037 #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 {
5038 display: inline-block;
5039 position: absolute;
5040 top: 12px;
5041 right: 4px;
5042 font-family: Dashicons;
5043 font-size: 18px;
5044 content: "\f463";
5045 -webkit-animation: rotating4 2s linear infinite;
5046 -moz-animation: rotating4 2s linear infinite;
5047 -ms-animation: rotating4 2s linear infinite;
5048 -o-animation: rotating4 2s linear infinite;
5049 animation: rotating4 2s linear infinite;
5050 }
5051 #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 {
5052 position: relative;
5053 }
5054 #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 {
5055 position: absolute;
5056 top: 0;
5057 left: 1px;
5058 bottom: 0;
5059 right: 0;
5060 opacity: 0.5;
5061 background: #fff;
5062 content: "";
5063 }
5064 #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 {
5065 width: 100%;
5066 padding: 0;
5067 border: none;
5068 color: #777;
5069 background: transparent;
5070 box-shadow: none;
5071 font-size: 14px;
5072 font-weight: normal;
5073 }
5074 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item {
5075 border-bottom: 1px solid #ddd;
5076 background: #f4fcff;
5077 line-height: 18px;
5078 /*&:nth-child(2n+1) {
5079 background: #f4fcff;
5080 }*/
5081 }
5082 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item.ui-sortable-helper {
5083 border-top: 1px solid #f1f1f1;
5084 }
5085 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item.ui-sortable-placeholder {
5086 display: block;
5087 visibility: visible !important;
5088 border-color: #bdf4fe !important;
5089 background: #bdf4fe !important;
5090 }
5091 #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 {
5092 position: relative;
5093 }
5094 #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 {
5095 visibility: visible;
5096 }
5097 #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 {
5098 display: none;
5099 }
5100 #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 {
5101 display: inline-block;
5102 position: absolute;
5103 right: 5px;
5104 font-family: Dashicons;
5105 font-size: 20px;
5106 content: "\f463";
5107 -webkit-animation: rotating4 2s linear infinite;
5108 -moz-animation: rotating4 2s linear infinite;
5109 -ms-animation: rotating4 2s linear infinite;
5110 -o-animation: rotating4 2s linear infinite;
5111 animation: rotating4 2s linear infinite;
5112 }
5113 #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 {
5114 position: absolute;
5115 top: 0;
5116 left: 0;
5117 bottom: 0;
5118 right: 0;
5119 opacity: 0.5;
5120 background: #fff;
5121 content: "";
5122 }
5123 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item.empty-question .question-settings {
5124 display: none;
5125 }
5126 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .cell {
5127 padding: 10px;
5128 }
5129 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-actions .name input {
5130 width: 100%;
5131 padding: 0;
5132 border: none;
5133 color: #32373c;
5134 background: transparent;
5135 box-shadow: none;
5136 font-size: 1.2em;
5137 font-weight: normal;
5138 line-height: 18px;
5139 }
5140 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-actions .actions {
5141 margin: 0;
5142 padding: 0;
5143 }
5144 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-actions .actions .lp-toolbar-buttons {
5145 display: grid;
5146 position: static;
5147 z-index: 10;
5148 height: 100%;
5149 text-align: left;
5150 grid-template-columns: 30px 30px 30px 40px;
5151 align-items: center;
5152 justify-content: end;
5153 }
5154 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-actions .actions .lp-toolbar-buttons > div a {
5155 visibility: hidden;
5156 }
5157 #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 {
5158 position: absolute;
5159 z-index: 2;
5160 top: 50%;
5161 right: 50%;
5162 width: 28px;
5163 height: 30px;
5164 margin-top: -15px;
5165 margin-right: -15px;
5166 line-height: 30px;
5167 text-align: center;
5168 }
5169 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-actions .actions .lp-toolbar-buttons .lp-toolbar-btn ul {
5170 z-index: 9;
5171 }
5172 #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 {
5173 padding: 8px 24px;
5174 line-height: 24px;
5175 }
5176 #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 {
5177 border-bottom: 1px solid #eee;
5178 color: #666;
5179 }
5180 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-actions .actions .lp-toolbar-buttons .lp-btn-toggle {
5181 width: 40px;
5182 height: 42px;
5183 padding-left: 0;
5184 font-family: Dashicons;
5185 font-size: 20px;
5186 line-height: 42px;
5187 }
5188 #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 {
5189 content: "\f343";
5190 }
5191 #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 {
5192 content: "\f347";
5193 }
5194 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-actions:hover .lp-toolbar-buttons > div a {
5195 visibility: visible;
5196 }
5197 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-settings {
5198 background: #fff;
5199 }
5200 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-settings .quiz-question-options {
5201 padding-left: 0;
5202 padding-right: 0;
5203 text-align: right;
5204 }
5205 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-settings .quiz-question-options .inside {
5206 margin: 0;
5207 padding: 0;
5208 }
5209 #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 {
5210 margin: 0;
5211 padding: 20px;
5212 }
5213 #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) {
5214 background: #f4fcff;
5215 }
5216 #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 {
5217 margin: 0;
5218 margin-bottom: 10px;
5219 color: #666;
5220 font-weight: 600;
5221 }
5222 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-settings .quiz-question-options .postbox {
5223 border: 1px solid #ddd;
5224 }
5225 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-settings .quiz-question-options .postbox .hndle {
5226 font-weight: 600;
5227 cursor: default;
5228 }
5229 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-settings .quiz-question-options .postbox .toggle {
5230 float: left;
5231 position: absolute;
5232 top: 0;
5233 left: 0;
5234 width: 36px;
5235 height: 36px;
5236 line-height: 36px;
5237 text-align: center;
5238 cursor: pointer;
5239 }
5240 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-settings .quiz-question-options .postbox .toggle::after {
5241 font-family: Dashicons;
5242 font-size: 18px;
5243 content: "\f460";
5244 }
5245 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-settings.closed .quiz-question-options {
5246 width: 38px;
5247 }
5248 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-settings.closed .postbox {
5249 min-width: 34px;
5250 height: 34px;
5251 line-height: 42px;
5252 text-align: center;
5253 }
5254 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-settings.closed .postbox .hndle {
5255 display: none;
5256 }
5257 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .main .question-item .question-settings.closed .postbox .toggle::after {
5258 content: "\f132";
5259 }
5260 #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 {
5261 display: none !important;
5262 }
5263 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer {
5264 margin-top: -1px;
5265 border-top: 1px solid #ddd;
5266 background: #f4fcff;
5267 }
5268 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row {
5269 height: auto;
5270 text-align: right;
5271 }
5272 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .lp-sortable-handle {
5273 display: flex;
5274 width: 30px;
5275 padding: 8px 10px 8px 6px;
5276 color: #999;
5277 font-family: Dashicons;
5278 font-size: 20px;
5279 vertical-align: middle;
5280 align-items: center;
5281 justify-content: center;
5282 }
5283 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .lp-sortable-handle::before {
5284 content: "\f132";
5285 }
5286 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .order {
5287 padding: 8px 0;
5288 line-height: 28px;
5289 text-align: right;
5290 }
5291 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question {
5292 padding: 8px 5px 8px 10px;
5293 }
5294 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .title {
5295 display: inline-block;
5296 position: relative;
5297 min-width: 500px;
5298 }
5299 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .title form input {
5300 width: 100%;
5301 margin: 0;
5302 padding: 6px 0;
5303 border: 0;
5304 background: transparent;
5305 font-size: 1.2em;
5306 line-height: 18px;
5307 -webkit-box-shadow: none;
5308 -moz-box-shadow: none;
5309 box-shadow: none;
5310 }
5311 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .title form input:focus {
5312 -webkit-box-shadow: none;
5313 -moz-box-shadow: none;
5314 box-shadow: none;
5315 }
5316 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .title form input:focus {
5317 color: #32373c;
5318 }
5319 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .title form input::placeholder {
5320 display: inline-block;
5321 }
5322 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .add-new {
5323 display: inline;
5324 position: relative;
5325 }
5326 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .add-new ul.question-types {
5327 display: none;
5328 position: absolute;
5329 z-index: 9999999;
5330 top: 100%;
5331 left: -2px;
5332 width: 200px;
5333 margin: 6px;
5334 border: 1px solid #999;
5335 background-color: #fff;
5336 }
5337 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .add-new ul.question-types li {
5338 margin: 0;
5339 }
5340 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .add-new ul.question-types li a {
5341 display: block;
5342 padding: 12px 20px;
5343 outline: none;
5344 color: #757575;
5345 box-shadow: none;
5346 line-height: 1;
5347 text-decoration: none;
5348 }
5349 #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 {
5350 background: #eee;
5351 }
5352 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .add-new ul.question-types li.disabled {
5353 opacity: 0.5;
5354 background-color: #eee;
5355 user-select: none;
5356 pointer-events: none;
5357 }
5358 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .add-new button:hover + .question-types {
5359 display: block;
5360 }
5361 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .add-new button + .question-types:hover {
5362 display: block;
5363 }
5364 #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 {
5365 display: none;
5366 }
5367 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question .select-item {
5368 display: inline;
5369 }
5370 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .footer .table-row .add-new-question button {
5371 height: 30px;
5372 box-shadow: 0 1px 0 #ccc !important;
5373 }
5374 #admin-editor-lp_quiz .lp-box-data-content .question-button-actions {
5375 text-align: right;
5376 }
5377
5378 /**.section-item-counts span
5379 * Question admin editor.
5380 */
5381 #question-editor .inside .rwmb-custom_html-wrapper .rwmb-label {
5382 display: none;
5383 }
5384 #question-editor .inside .rwmb-custom_html-wrapper .rwmb-input {
5385 margin-right: 0;
5386 }
5387
5388 #question-editor .inside {
5389 margin: 0;
5390 padding: 0;
5391 }
5392
5393 #admin-editor-lp_question {
5394 margin: 0;
5395 padding: 0;
5396 border: none;
5397 background: #fff;
5398 }
5399 #admin-editor-lp_question form {
5400 margin: 0;
5401 }
5402 #admin-editor-lp_question .lp-box-data-head {
5403 display: flex;
5404 flex-direction: row;
5405 padding: 10px 20px;
5406 align-items: center;
5407 }
5408 #admin-editor-lp_question .lp-box-data-head .heading {
5409 margin: 0;
5410 padding: 0;
5411 flex: 1;
5412 }
5413 #admin-editor-lp_question .lp-box-data-head .lp-question-editor {
5414 position: relative;
5415 margin-right: auto;
5416 border-right: 0;
5417 border-top-right-radius: 0;
5418 border-bottom-right-radius: 0;
5419 }
5420 #admin-editor-lp_question .lp-box-data-head .lp-question-editor .question-types > a {
5421 display: inline-flex;
5422 height: 32px;
5423 padding: 0 16px;
5424 border: 1px solid #999;
5425 border-radius: 2px;
5426 color: #666;
5427 line-height: 32px;
5428 text-decoration: none;
5429 align-items: center;
5430 cursor: pointer;
5431 user-select: none;
5432 }
5433 #admin-editor-lp_question .lp-box-data-head .lp-question-editor .question-types > a::after {
5434 margin-right: 5px;
5435 font-family: Dashicons;
5436 font-size: 14px;
5437 line-height: 30px;
5438 content: "\f347";
5439 }
5440 #admin-editor-lp_question .lp-box-data-head .lp-question-editor .question-types ul {
5441 display: none;
5442 position: absolute;
5443 z-index: 9999;
5444 top: 100%;
5445 left: 0;
5446 height: auto;
5447 margin: 0;
5448 margin-top: -1px;
5449 border: 1px solid #999;
5450 border-radius: 2px;
5451 background: #fdfeff;
5452 }
5453 #admin-editor-lp_question .lp-box-data-head .lp-question-editor .question-types ul li {
5454 margin: 0;
5455 }
5456 #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 {
5457 background: #eee;
5458 }
5459 #admin-editor-lp_question .lp-box-data-head .lp-question-editor .question-types ul li a {
5460 display: block;
5461 min-width: 110px;
5462 padding: 10px;
5463 color: #757575;
5464 font-size: 12px;
5465 text-align: left;
5466 white-space: nowrap;
5467 text-decoration: none;
5468 }
5469 #admin-editor-lp_question .lp-box-data-head .lp-question-editor .question-types ul li.disabled {
5470 opacity: 0.4;
5471 }
5472 #admin-editor-lp_question .lp-box-data-head .lp-question-editor .question-types ul li.disabled a {
5473 color: #999;
5474 cursor: not-allowed;
5475 pointer-events: none;
5476 }
5477 #admin-editor-lp_question .lp-box-data-head .lp-question-editor .question-types ul:hover {
5478 display: block;
5479 }
5480 #admin-editor-lp_question .lp-box-data-head .lp-question-editor:hover .question-types ul {
5481 display: block;
5482 }
5483 #admin-editor-lp_question .lp-box-data-content {
5484 padding: 0 20px 20px 20px;
5485 border: none !important;
5486 }
5487 #admin-editor-lp_question .lp-box-data-content table.list-question-answers {
5488 width: 100%;
5489 border: 1px solid #ddd;
5490 }
5491 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tr td {
5492 padding: 0 15px;
5493 }
5494 #admin-editor-lp_question .lp-box-data-content table.list-question-answers thead tr th {
5495 padding: 15px;
5496 border-bottom: 1px solid #ddd;
5497 background-color: #eee;
5498 font-weight: 600;
5499 }
5500 #admin-editor-lp_question .lp-box-data-content table.list-question-answers thead tr th.answer-text {
5501 padding-right: 10px;
5502 }
5503 #admin-editor-lp_question .lp-box-data-content table.list-question-answers .sort,
5504 #admin-editor-lp_question .lp-box-data-content table.list-question-answers .order,
5505 #admin-editor-lp_question .lp-box-data-content table.list-question-answers .actions {
5506 width: 10px;
5507 }
5508 #admin-editor-lp_question .lp-box-data-content table.list-question-answers .sort {
5509 padding: 0 10px;
5510 }
5511 #admin-editor-lp_question .lp-box-data-content table.list-question-answers .order {
5512 width: 10px;
5513 padding: 0;
5514 text-align: left;
5515 }
5516 #admin-editor-lp_question .lp-box-data-content table.list-question-answers .answer-correct {
5517 width: 65px;
5518 text-align: center;
5519 }
5520 #admin-editor-lp_question .lp-box-data-content table.list-question-answers .answer-text {
5521 padding-right: 8px;
5522 }
5523 #admin-editor-lp_question .lp-box-data-content table.list-question-answers .actions {
5524 padding-left: 0;
5525 text-align: left;
5526 }
5527 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr {
5528 color: #444;
5529 background: #fff;
5530 }
5531 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr:nth-child(2n) {
5532 background: #fff;
5533 }
5534 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr td {
5535 background-color: #fff;
5536 }
5537 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr td.sort {
5538 width: 15px;
5539 padding: 0;
5540 font-size: 18px;
5541 text-align: center;
5542 cursor: url("../../images/openhand.cur") 7 5, default;
5543 }
5544 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr td.sort .svg-icon {
5545 height: 18px;
5546 margin-top: -2px;
5547 vertical-align: middle;
5548 fill: #999;
5549 }
5550 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr td.sort:hover .svg-icon {
5551 fill: #0085ba;
5552 }
5553 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr td.order {
5554 font-size: 14px;
5555 }
5556 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr td.answer-text input {
5557 width: 100%;
5558 padding: 0;
5559 border: none;
5560 color: #444;
5561 background: transparent;
5562 box-shadow: none;
5563 font-size: 14px;
5564 font-weight: 600;
5565 transition: box-shadow 0.2s ease;
5566 }
5567 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr td.lp-toolbar-buttons {
5568 z-index: auto;
5569 }
5570 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr:hover td.actions .remove-answer {
5571 visibility: visible;
5572 height: 42px;
5573 }
5574 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr.ui-sortable-placeholder {
5575 visibility: visible !important;
5576 }
5577 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr.ui-sortable-placeholder td {
5578 height: 43px;
5579 background: #bdf4fe !important;
5580 }
5581 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr.ui-sortable-helper td {
5582 border-bottom: 1px solid #ddd;
5583 }
5584 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr.ui-sortable-helper td.sort {
5585 border-right: 0;
5586 }
5587 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr.new-option .svg-icon {
5588 display: none;
5589 }
5590 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr.new-option td {
5591 position: relative;
5592 }
5593 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr.new-option .sort::before {
5594 display: inline-block;
5595 position: absolute;
5596 top: 8px;
5597 right: 10px;
5598 font-family: "Dashicons";
5599 content: "\f463";
5600 -webkit-animation: rotating4 2s linear infinite;
5601 -moz-animation: rotating4 2s linear infinite;
5602 -ms-animation: rotating4 2s linear infinite;
5603 -o-animation: rotating4 2s linear infinite;
5604 animation: rotating4 2s linear infinite;
5605 }
5606 #admin-editor-lp_question .lp-box-data-content table.list-question-answers tbody tr.new-option td::after {
5607 position: absolute;
5608 top: 0;
5609 left: 0;
5610 bottom: 0;
5611 right: 0;
5612 opacity: 0.5;
5613 background: #fff;
5614 content: "";
5615 }
5616 #admin-editor-lp_question .lp-box-data-content .add-answer {
5617 margin: 15px 0 0 0;
5618 }
5619 #admin-editor-lp_question.sorting_choice table.list-question-answers .answer-correct {
5620 display: none !important;
5621 }
5622
5623 .lp-admin-fib-question-editor,
5624 .admin-quiz-fib-question-editor {
5625 text-align: right;
5626 }
5627 .lp-admin-fib-question-editor .lp-box-data-content,
5628 .admin-quiz-fib-question-editor .lp-box-data-content {
5629 margin: 0 !important;
5630 border: none !important;
5631 }
5632 .lp-admin-fib-question-editor .content-editable,
5633 .admin-quiz-fib-question-editor .content-editable {
5634 min-height: 240px !important;
5635 padding: 12px 15px;
5636 border: 2px solid #ddd;
5637 border-radius: 4px;
5638 }
5639 .lp-admin-fib-question-editor .content-editable .fib-blank,
5640 .admin-quiz-fib-question-editor .content-editable .fib-blank {
5641 position: relative;
5642 color: #2196f3;
5643 }
5644 .lp-admin-fib-question-editor .content-editable .fib-blank::before,
5645 .admin-quiz-fib-question-editor .content-editable .fib-blank::before {
5646 content: "#" attr(data-index) ". ";
5647 }
5648 .lp-admin-fib-question-editor .fib-blanks,
5649 .admin-quiz-fib-question-editor .fib-blanks {
5650 min-width: 700px;
5651 border-collapse: collapse;
5652 }
5653 @media (max-width: 1024px) {
5654 .lp-admin-fib-question-editor .fib-blanks,
5655 .admin-quiz-fib-question-editor .fib-blanks {
5656 width: 100%;
5657 min-width: 100%;
5658 }
5659 }
5660 .lp-admin-fib-question-editor .fib-blanks tbody,
5661 .admin-quiz-fib-question-editor .fib-blanks tbody {
5662 border-bottom: 1px solid #bbb;
5663 }
5664 .lp-admin-fib-question-editor .fib-blanks tbody tr,
5665 .admin-quiz-fib-question-editor .fib-blanks tbody tr {
5666 background: #eee;
5667 }
5668 .lp-admin-fib-question-editor .fib-blanks tbody tr td,
5669 .admin-quiz-fib-question-editor .fib-blanks tbody tr td {
5670 padding: 5px;
5671 }
5672 .lp-admin-fib-question-editor .fib-blanks tbody tr.blank-options td,
5673 .admin-quiz-fib-question-editor .fib-blanks tbody tr.blank-options td {
5674 padding: 0;
5675 }
5676 .lp-admin-fib-question-editor .fib-blanks tbody tr.blank-options ul,
5677 .admin-quiz-fib-question-editor .fib-blanks tbody tr.blank-options ul {
5678 display: none;
5679 margin: 5px 0;
5680 padding: 20px;
5681 border: 1px solid #ddd;
5682 background: #fff;
5683 list-style: none;
5684 }
5685 .lp-admin-fib-question-editor .fib-blanks tbody.open .blank-options ul,
5686 .admin-quiz-fib-question-editor .fib-blanks tbody.open .blank-options ul {
5687 display: block;
5688 }
5689 .lp-admin-fib-question-editor .fib-blanks tbody .blank-position,
5690 .admin-quiz-fib-question-editor .fib-blanks tbody .blank-position {
5691 font-weight: 600;
5692 text-align: center;
5693 }
5694 .lp-admin-fib-question-editor .fib-blanks tbody .blank-actions,
5695 .admin-quiz-fib-question-editor .fib-blanks tbody .blank-actions {
5696 text-align: left;
5697 }
5698 .lp-admin-fib-question-editor .fib-blanks tbody:last-child,
5699 .admin-quiz-fib-question-editor .fib-blanks tbody:last-child {
5700 border: none;
5701 }
5702
5703 #fill-in-blanks-editor {
5704 display: flex;
5705 }
5706 #fill-in-blanks-editor .blank-options {
5707 flex: 0 0 65%;
5708 }
5709 #fill-in-blanks-editor .blanks {
5710 width: 100%;
5711 margin: 0;
5712 }
5713 #fill-in-blanks-editor .blanks .blank {
5714 margin: 0 0 20px 0;
5715 padding: 20px;
5716 border: 1px solid #d9e0f1;
5717 background: #fbfcff;
5718 }
5719 #fill-in-blanks-editor .blanks .blank label {
5720 font-weight: bold;
5721 }
5722 #fill-in-blanks-editor .blanks .blank .blank-content {
5723 width: 100%;
5724 min-height: 74px;
5725 font-size: 16px;
5726 }
5727 #fill-in-blanks-editor .blanks .blank .blank-words .word {
5728 background: #ddd;
5729 line-height: 1;
5730 -webkit-border-radius: 4px;
5731 -moz-border-radius: 4px;
5732 border-radius: 4px;
5733 }
5734 #fill-in-blanks-editor .blanks .blank .blank-words .word.correct {
5735 background: #00a1e6;
5736 }
5737 #fill-in-blanks-editor .blanks .blank .blank-tip p {
5738 font-style: italic;
5739 }
5740 #fill-in-blanks-editor .blanks .blank .button-remove {
5741 color: #f00;
5742 }
5743 #fill-in-blanks-editor .passage-preview {
5744 margin-right: 20px;
5745 padding: 15px 20px;
5746 border: 1px solid #ddd;
5747 font-size: 16px;
5748 line-height: 24px;
5749 text-align: justify;
5750 flex: 1;
5751 }
5752 #fill-in-blanks-editor .passage-preview .blank-input {
5753 /* line-height: 11px; */
5754 display: inline-block;
5755 position: relative;
5756 width: 50px;
5757 height: 16px;
5758 margin: -2px 10px;
5759 padding: 0;
5760 border: none;
5761 border-bottom: 1px dashed #ddd;
5762 background: transparent;
5763 box-shadow: none;
5764 font-size: 16px;
5765 vertical-align: middle;
5766 }
5767 #fill-in-blanks-editor .blanks-list {
5768 width: 100%;
5769 }
5770 #fill-in-blanks-editor .blanks-list textarea {
5771 width: 100%;
5772 min-height: 300px;
5773 margin-bottom: 20px;
5774 outline: none;
5775 background: #f9f9f9;
5776 box-shadow: none;
5777 font-size: 18px;
5778 line-height: 30px;
5779 }
5780 #fill-in-blanks-editor .blanks-list code {
5781 line-height: 1;
5782 -webkit-border-radius: 4px;
5783 -moz-border-radius: 4px;
5784 border-radius: 4px;
5785 }
5786 #fill-in-blanks-editor .blanks-list code.correct {
5787 background: #00a1e6;
5788 }
5789
5790 /**
5791 * Modal choose items.
5792 */
5793 #lp-modal-choose-items {
5794 display: none;
5795 position: fixed;
5796 z-index: -1;
5797 top: 0;
5798 left: 0;
5799 bottom: 0;
5800 right: 0;
5801 opacity: 0;
5802 background-color: rgba(0, 0, 0, 0.5);
5803 }
5804 #lp-modal-choose-items.show {
5805 display: block;
5806 z-index: 99999999;
5807 opacity: 1;
5808 }
5809 #lp-modal-choose-items.loading .lp-choose-items ul.list-items::before {
5810 display: block;
5811 position: absolute;
5812 z-index: 9;
5813 top: 0;
5814 left: 0;
5815 bottom: 0;
5816 right: 0;
5817 background: url("../../images/spinner.gif") no-repeat center center;
5818 background-color: #fff;
5819 content: "";
5820 }
5821 #lp-modal-choose-items .lp-choose-items {
5822 position: relative;
5823 max-width: 800px;
5824 margin: 5% 20% 10% auto;
5825 border: 1px solid #ddd;
5826 background-color: #fff;
5827 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
5828 transition: all 200ms ease-out;
5829 }
5830 #lp-modal-choose-items .lp-choose-items.show-preview .header .preview-title {
5831 display: flex;
5832 align-items: center;
5833 }
5834 #lp-modal-choose-items .lp-choose-items .header {
5835 position: relative;
5836 }
5837 #lp-modal-choose-items .lp-choose-items .header .preview-title {
5838 display: none;
5839 position: absolute;
5840 z-index: 10;
5841 top: 0;
5842 left: 0;
5843 bottom: 0;
5844 right: 0;
5845 padding-right: 20px;
5846 border-bottom: 1px solid #ddd;
5847 background-color: #fff;
5848 font-weight: 600;
5849 }
5850 #lp-modal-choose-items .lp-choose-items .header .preview-title h3 {
5851 margin: 0;
5852 }
5853 #lp-modal-choose-items .lp-choose-items .header .tabs {
5854 margin: 0;
5855 border-bottom: 1px solid #ddd;
5856 }
5857 #lp-modal-choose-items .lp-choose-items .header .tabs .tab {
5858 display: inline-block;
5859 position: relative;
5860 margin: 0;
5861 }
5862 #lp-modal-choose-items .lp-choose-items .header .tabs .tab:not(:last-child)::before {
5863 position: absolute;
5864 top: 50%;
5865 left: 0;
5866 height: 44px;
5867 margin-top: -22px;
5868 border-left: 1px solid #ddd;
5869 content: "";
5870 }
5871 #lp-modal-choose-items .lp-choose-items .header .tabs .tab.active::after {
5872 display: inline-block;
5873 position: absolute;
5874 bottom: -6px;
5875 right: 50%;
5876 width: 10px;
5877 height: 10px;
5878 margin-right: -6px;
5879 border: 1px solid #ddd;
5880 border-left: 0;
5881 border-bottom: 0;
5882 background: #fff;
5883 content: "";
5884 transform: rotate(-45deg);
5885 }
5886 #lp-modal-choose-items .lp-choose-items .header .tabs .tab.active a {
5887 color: #0073aa;
5888 }
5889 #lp-modal-choose-items .lp-choose-items .header .tabs .tab a {
5890 display: inline-block;
5891 height: 44px;
5892 padding: 0 20px;
5893 color: #333;
5894 font-weight: 600;
5895 line-height: 44px;
5896 text-decoration: none;
5897 }
5898 #lp-modal-choose-items .lp-choose-items .header .tabs .tab a:focus {
5899 box-shadow: none;
5900 }
5901 #lp-modal-choose-items .lp-choose-items .header .close {
5902 display: inline-block;
5903 position: absolute;
5904 z-index: 30;
5905 top: 0;
5906 left: 0;
5907 padding: 12px;
5908 font-size: 1em;
5909 cursor: pointer;
5910 }
5911 #lp-modal-choose-items .lp-choose-items .main {
5912 overflow: hidden;
5913 position: relative;
5914 padding: 20px;
5915 border-bottom: 1px solid #ddd;
5916 }
5917 #lp-modal-choose-items .lp-choose-items .main .section-item {
5918 display: block;
5919 overflow: hidden;
5920 max-width: 100%;
5921 white-space: nowrap;
5922 text-overflow: ellipsis;
5923 cursor: pointer;
5924 transition: color 200ms ease-out;
5925 }
5926 #lp-modal-choose-items .lp-choose-items .main .section-item::before {
5927 position: relative;
5928 top: 3px;
5929 font-family: Dashicons;
5930 }
5931 #lp-modal-choose-items .lp-choose-items .main .search {
5932 margin-bottom: 20px;
5933 background: transparent;
5934 }
5935 #lp-modal-choose-items .lp-choose-items .main .search input.modal-search-input {
5936 width: 100%;
5937 height: 36px;
5938 padding: 0 14px;
5939 font-size: 16px;
5940 line-height: 36px;
5941 }
5942 #lp-modal-choose-items .lp-choose-items .main .list-items {
5943 overflow-y: auto;
5944 position: relative;
5945 min-height: 260px;
5946 max-height: 460px;
5947 margin: 0;
5948 }
5949 #lp-modal-choose-items .lp-choose-items .main .list-items li {
5950 margin: 15px 0;
5951 cursor: pointer;
5952 }
5953 #lp-modal-choose-items .lp-choose-items .main .pagination .index {
5954 margin-right: 20px;
5955 line-height: 28px;
5956 }
5957 #lp-modal-choose-items .lp-choose-items .lp-added-items-preview {
5958 overflow: auto;
5959 position: absolute;
5960 z-index: 2;
5961 top: 0;
5962 left: 0;
5963 bottom: 0;
5964 right: 0;
5965 max-height: 420px;
5966 padding: 20px;
5967 background-color: #fff;
5968 transform: translate(-100%, 0);
5969 }
5970 #lp-modal-choose-items .lp-choose-items .lp-added-items-preview.show {
5971 transform: translate(0, 0);
5972 }
5973 #lp-modal-choose-items .lp-choose-items .lp-added-items-preview .list-added-items li {
5974 margin: 15px 0;
5975 }
5976 #lp-modal-choose-items .lp-choose-items .lp-added-items-preview .list-added-items li:first-child {
5977 margin: -10px 0 15px 0;
5978 }
5979 #lp-modal-choose-items .lp-choose-items .footer {
5980 padding: 20px;
5981 }
5982
5983 body.lp-item-moving {
5984 cursor: url("../../images/closedhand.cur") 7 5, default !important;
5985 }
5986
5987 @media screen and (max-width: 900px) {
5988 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .question-settings.table-row {
5989 display: block;
5990 width: auto;
5991 text-align: right;
5992 }
5993 #admin-editor-lp_quiz .lp-box-data-content .lp-list-questions .question-settings.table-row > * {
5994 width: auto;
5995 }
5996 }
5997 #learn-press-reset-course-users,
5998 #learn-press-reset-user-courses,
5999 #learn-press-reset-user-item {
6000 max-width: 100%;
6001 }
6002 #learn-press-reset-course-users table,
6003 #learn-press-reset-user-courses table,
6004 #learn-press-reset-user-item table {
6005 width: 100%;
6006 border-collapse: collapse;
6007 }
6008 #learn-press-reset-course-users .courses-list,
6009 #learn-press-reset-user-courses .courses-list,
6010 #learn-press-reset-user-item .courses-list {
6011 margin: 0;
6012 }
6013 #learn-press-reset-course-users input[type=text],
6014 #learn-press-reset-user-courses input[type=text],
6015 #learn-press-reset-user-item input[type=text] {
6016 min-width: 300px;
6017 height: 28px;
6018 margin-right: 0;
6019 }
6020 #learn-press-reset-course-users .action-reset.dashicons-trash,
6021 #learn-press-reset-user-courses .action-reset.dashicons-trash,
6022 #learn-press-reset-user-item .action-reset.dashicons-trash {
6023 color: #FF0000;
6024 }
6025 #learn-press-reset-course-users .action-reset.dashicons-update,
6026 #learn-press-reset-user-courses .action-reset.dashicons-update,
6027 #learn-press-reset-user-item .action-reset.dashicons-update {
6028 -webkit-animation: rotating4 2s linear infinite;
6029 -moz-animation: rotating4 2s linear infinite;
6030 -ms-animation: rotating4 2s linear infinite;
6031 -o-animation: rotating4 2s linear infinite;
6032 animation: rotating4 2s linear infinite;
6033 }
6034
6035 .learn-press-tip {
6036 display: none;
6037 margin: 0 5px;
6038 color: #444;
6039 font-size: 13px;
6040 font-style: normal;
6041 line-height: 1;
6042 vertical-align: baseline;
6043 cursor: pointer;
6044 }
6045 .learn-press-tip.ready {
6046 display: inline-block;
6047 }
6048 .learn-press-tip::before {
6049 font-family: "Font Awesome 5 Free";
6050 content: "\f059";
6051 }
6052 .learn-press-tip:hover {
6053 opacity: 0.8;
6054 }
6055
6056 .learn-press-tip-floating {
6057 position: absolute;
6058 z-index: 9999999;
6059 min-width: 20px;
6060 margin-right: -1px;
6061 padding: 0.618em 1em;
6062 color: #fff;
6063 background: #383838;
6064 font-size: 12px;
6065 line-height: 1.2em;
6066 -webkit-border-radius: 3px;
6067 -moz-border-radius: 3px;
6068 border-radius: 3px;
6069 }
6070 .learn-press-tip-floating > * {
6071 font-size: 12px;
6072 }
6073 .learn-press-tip-floating .close {
6074 display: inline-block;
6075 position: absolute;
6076 top: -8px;
6077 left: -8px;
6078 width: 16px;
6079 height: 16px;
6080 border: 1px solid #fff;
6081 color: #fff;
6082 background: #468fbc;
6083 line-height: 16px;
6084 text-align: center;
6085 cursor: pointer;
6086 -webkit-border-radius: 50%;
6087 -moz-border-radius: 50%;
6088 border-radius: 50%;
6089 }
6090 .learn-press-tip-floating .close::before {
6091 font-family: "Font Awesome 5 Free";
6092 content: "\f00d";
6093 }
6094 .learn-press-tip-floating p {
6095 margin: 0;
6096 }
6097 .learn-press-tip-floating::before {
6098 position: absolute;
6099 bottom: -6px;
6100 right: 50%;
6101 width: 0;
6102 height: 0;
6103 margin-right: -6px;
6104 border: 6px solid transparent;
6105 border-top-color: #383838;
6106 border-bottom-width: 0;
6107 content: "";
6108 }
6109
6110 .lp-group-step {
6111 border-bottom: 1px solid #eee;
6112 }
6113 .lp-group-step h3 {
6114 padding: 0 2em;
6115 }
6116 .lp-group-step label {
6117 margin-bottom: 5px;
6118 font-size: 13px;
6119 font-weight: 500;
6120 font-style: italic;
6121 }
6122 .lp-group-step .lp-item-step {
6123 display: flex;
6124 position: relative;
6125 min-height: 35px;
6126 margin: 0;
6127 padding: 1em 0;
6128 border-top: 1px solid #eee;
6129 align-items: center;
6130 cursor: pointer;
6131 }
6132 .lp-group-step .lp-item-step:hover {
6133 background: #eee;
6134 }
6135 .lp-group-step .lp-item-step.running .lp-item-step-left::before {
6136 opacity: 1;
6137 }
6138 .lp-group-step .lp-item-step.running .lp-item-step-left input {
6139 opacity: 0;
6140 }
6141 .lp-group-step .lp-item-step.running::before {
6142 display: block;
6143 position: absolute;
6144 width: 0;
6145 height: 100%;
6146 background: #0073aa;
6147 content: "";
6148 opacity: 0.1;
6149 transition: 0.8s linear;
6150 }
6151 .lp-group-step .lp-item-step.running .progress-bar {
6152 opacity: 0.1;
6153 }
6154 .lp-group-step .lp-item-step.completed .lp-item-step-left::after {
6155 opacity: 1;
6156 }
6157 .lp-group-step .lp-item-step.completed .lp-item-step-left input {
6158 opacity: 0;
6159 }
6160 .lp-group-step .lp-item-step.completed .progress-bar {
6161 width: 100%;
6162 opacity: 0.1;
6163 }
6164 .lp-group-step .lp-item-step.error .lp-item-step-left::after {
6165 opacity: 1;
6166 color: #dd3333;
6167 content: "\f335";
6168 }
6169 .lp-group-step .lp-item-step .progress-bar {
6170 display: block;
6171 position: absolute;
6172 top: 0;
6173 right: 0;
6174 width: 0;
6175 height: 100%;
6176 opacity: 0;
6177 background: rgba(124, 96, 217, 0.7490196078);
6178 transition: 0.8s linear;
6179 }
6180 .lp-group-step .lp-item-step-left {
6181 display: inline-flex;
6182 align-items: center;
6183 position: relative;
6184 padding: 0 2em;
6185 }
6186 .lp-group-step .lp-item-step-left::before {
6187 display: block;
6188 position: absolute;
6189 z-index: 2;
6190 width: 1em;
6191 height: 1em;
6192 border: 1px solid rgba(0, 0, 0, 0.1);
6193 border-top: 1px solid #3498db;
6194 border-radius: 50%;
6195 opacity: 0;
6196 content: "";
6197 -webkit-animation: lp-rotating 0.8s linear infinite;
6198 animation: lp-rotating 0.8s linear infinite;
6199 }
6200 .lp-group-step .lp-item-step-left::after {
6201 position: absolute;
6202 z-index: 1;
6203 right: 23px;
6204 opacity: 0;
6205 color: #4caf50;
6206 font-family: Dashicons;
6207 font-size: 1.5em;
6208 content: "\f147";
6209 }
6210
6211 .lp-group-steps-done {
6212 display: none;
6213 }
6214
6215 @keyframes lp-rotating {
6216 from {
6217 -webkit-transform: rotate(0deg);
6218 -moz-transform: rotate(0deg);
6219 -ms-transform: rotate(0deg);
6220 -o-transform: rotate(0deg);
6221 transform: rotate(0deg);
6222 }
6223 to {
6224 -webkit-transform: rotate(-360deg);
6225 -moz-transform: rotate(-360deg);
6226 -ms-transform: rotate(-360deg);
6227 -o-transform: rotate(-360deg);
6228 transform: rotate(-360deg);
6229 }
6230 }
6231 @-webkit-keyframes lp-rotating {
6232 from {
6233 -webkit-transform: rotate(0deg);
6234 -moz-transform: rotate(0deg);
6235 -ms-transform: rotate(0deg);
6236 -o-transform: rotate(0deg);
6237 transform: rotate(0deg);
6238 }
6239 to {
6240 -webkit-transform: rotate(-360deg);
6241 -moz-transform: rotate(-360deg);
6242 -ms-transform: rotate(-360deg);
6243 -o-transform: rotate(-360deg);
6244 transform: rotate(-360deg);
6245 }
6246 }
6247 .ajaxload {
6248 display: inline-block;
6249 position: relative;
6250 width: 30px;
6251 height: 30px;
6252 background: #7b7b7b;
6253 content: "";
6254 -webkit-border-radius: 50%;
6255 -moz-border-radius: 50%;
6256 border-radius: 50%;
6257 -webkit-animation: lp-rotating 1s linear infinite;
6258 -moz-animation: lp-rotating 1s linear infinite;
6259 animation: lp-rotating 1s linear infinite;
6260 }
6261 .ajaxload::after {
6262 -webkit-border-radius: 50%;
6263 -moz-border-radius: 50%;
6264 border-radius: 50%;
6265 display: inline-block;
6266 position: absolute;
6267 top: 2px;
6268 right: 50%;
6269 width: 6px;
6270 height: 6px;
6271 margin-right: -3px;
6272 background: #dedede;
6273 content: "";
6274 }
6275
6276 .lp-ajaxload-style-1 {
6277 display: inline-block;
6278 position: relative;
6279 width: 32px;
6280 height: 32px;
6281 }
6282 .lp-ajaxload-style-1::before, .lp-ajaxload-style-1::after {
6283 position: absolute;
6284 top: 0;
6285 right: 0;
6286 width: 100%;
6287 height: 100%;
6288 border: 3px solid #ddd;
6289 content: "";
6290 }
6291 .lp-ajaxload-style-1::after {
6292 clip: rect(0, 32px, 16px, 16px);
6293 border-color: #2fa7ff;
6294 -webkit-border-radius: 50%;
6295 -moz-border-radius: 50%;
6296 border-radius: 50%;
6297 -webkit-animation: lp-rotating 1s linear infinite;
6298 -moz-animation: lp-rotating 1s linear infinite;
6299 animation: lp-rotating 1s linear infinite;
6300 }
6301
6302 @media screen and (max-width: 782px) {
6303 .learn-press-dropdown-pages .select2-container {
6304 vertical-align: top;
6305 }
6306 .learn-press-dropdown-pages .select2-container .select2-selection--single {
6307 height: 31px;
6308 }
6309 .learn-press-dropdown-pages .select2-selection__rendered {
6310 line-height: 31px !important;
6311 }
6312 #learn-press-advertisement {
6313 margin: 0 12px;
6314 padding-bottom: 0;
6315 }
6316 #learn-press-advertisement .slider-controls {
6317 bottom: 40px;
6318 }
6319 }
6320 .lp-skeleton-animation {
6321 margin: 0;
6322 padding: 0;
6323 list-style: none;
6324 }
6325 .lp-skeleton-animation > li {
6326 width: 100%;
6327 height: 16px;
6328 margin-top: 15px;
6329 border-radius: 2px;
6330 background: linear-gradient(-90deg, hsla(0deg, 0%, 74.5%, 0.2) 25%, hsla(0deg, 0%, 50.6%, 0.24) 37%, hsla(0deg, 0%, 74.5%, 0.2) 63%);
6331 background-size: 400% 100%;
6332 list-style: none;
6333 animation: lp-skeleton-loading 1.4s ease infinite;
6334 }
6335
6336 @keyframes lp-skeleton-loading {
6337 0% {
6338 background-position: 0% 50%;
6339 }
6340 to {
6341 background-position: 100% 50%;
6342 }
6343 }
6344 .button.disabled {
6345 pointer-events: none;
6346 }
6347
6348 .learnpress .postbox .rwmb-meta-box {
6349 margin-top: 10px;
6350 }
6351 .learnpress #field-_lp_requirements .rwmb-text-list-clone,
6352 .learnpress #field-_lp_requirements .rwmb-text-list-advanced-clone,
6353 .learnpress #field-_lp_target_audiences .rwmb-text-list-clone,
6354 .learnpress #field-_lp_target_audiences .rwmb-text-list-advanced-clone,
6355 .learnpress #field-_lp_key_features .rwmb-text-list-clone,
6356 .learnpress #field-_lp_key_features .rwmb-text-list-advanced-clone,
6357 .learnpress #field-_lp_faqs .rwmb-text-list-clone,
6358 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone {
6359 clear: none;
6360 position: relative;
6361 border: 1px solid #ddd;
6362 border-radius: 4px;
6363 }
6364 .learnpress #field-_lp_requirements .rwmb-text-list-clone .rwmb-text-list-label,
6365 .learnpress #field-_lp_requirements .rwmb-text-list-advanced-clone .rwmb-text-list-label,
6366 .learnpress #field-_lp_target_audiences .rwmb-text-list-clone .rwmb-text-list-label,
6367 .learnpress #field-_lp_target_audiences .rwmb-text-list-advanced-clone .rwmb-text-list-label,
6368 .learnpress #field-_lp_key_features .rwmb-text-list-clone .rwmb-text-list-label,
6369 .learnpress #field-_lp_key_features .rwmb-text-list-advanced-clone .rwmb-text-list-label,
6370 .learnpress #field-_lp_faqs .rwmb-text-list-clone .rwmb-text-list-label,
6371 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone .rwmb-text-list-label {
6372 display: none;
6373 }
6374 .learnpress #field-_lp_requirements .rwmb-text-list-clone .rwmb-text-list,
6375 .learnpress #field-_lp_requirements .rwmb-text-list-clone .rwmb-text-list-advanced,
6376 .learnpress #field-_lp_requirements .rwmb-text-list-advanced-clone .rwmb-text-list,
6377 .learnpress #field-_lp_requirements .rwmb-text-list-advanced-clone .rwmb-text-list-advanced,
6378 .learnpress #field-_lp_target_audiences .rwmb-text-list-clone .rwmb-text-list,
6379 .learnpress #field-_lp_target_audiences .rwmb-text-list-clone .rwmb-text-list-advanced,
6380 .learnpress #field-_lp_target_audiences .rwmb-text-list-advanced-clone .rwmb-text-list,
6381 .learnpress #field-_lp_target_audiences .rwmb-text-list-advanced-clone .rwmb-text-list-advanced,
6382 .learnpress #field-_lp_key_features .rwmb-text-list-clone .rwmb-text-list,
6383 .learnpress #field-_lp_key_features .rwmb-text-list-clone .rwmb-text-list-advanced,
6384 .learnpress #field-_lp_key_features .rwmb-text-list-advanced-clone .rwmb-text-list,
6385 .learnpress #field-_lp_key_features .rwmb-text-list-advanced-clone .rwmb-text-list-advanced,
6386 .learnpress #field-_lp_faqs .rwmb-text-list-clone .rwmb-text-list,
6387 .learnpress #field-_lp_faqs .rwmb-text-list-clone .rwmb-text-list-advanced,
6388 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone .rwmb-text-list,
6389 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone .rwmb-text-list-advanced {
6390 width: calc(100% - 65px);
6391 padding: 7px 10px;
6392 border: none;
6393 color: #777;
6394 background: transparent;
6395 box-shadow: none;
6396 line-height: 1;
6397 }
6398 .learnpress #field-_lp_requirements .rwmb-text-list-clone .remove-clone,
6399 .learnpress #field-_lp_requirements .rwmb-text-list-advanced-clone .remove-clone,
6400 .learnpress #field-_lp_target_audiences .rwmb-text-list-clone .remove-clone,
6401 .learnpress #field-_lp_target_audiences .rwmb-text-list-advanced-clone .remove-clone,
6402 .learnpress #field-_lp_key_features .rwmb-text-list-clone .remove-clone,
6403 .learnpress #field-_lp_key_features .rwmb-text-list-advanced-clone .remove-clone,
6404 .learnpress #field-_lp_faqs .rwmb-text-list-clone .remove-clone,
6405 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone .remove-clone {
6406 top: 50%;
6407 left: 41px;
6408 margin-top: -10px;
6409 border-radius: unset;
6410 color: #999;
6411 background: transparent;
6412 -webkit-transition: left 0.25s;
6413 -moz-transition: left 0.25s;
6414 -ms-transition: left 0.25s;
6415 -o-transition: left 0.25s;
6416 transition: left 0.25s;
6417 }
6418 .learnpress #field-_lp_requirements .rwmb-text-list-clone .remove-clone i,
6419 .learnpress #field-_lp_requirements .rwmb-text-list-advanced-clone .remove-clone i,
6420 .learnpress #field-_lp_target_audiences .rwmb-text-list-clone .remove-clone i,
6421 .learnpress #field-_lp_target_audiences .rwmb-text-list-advanced-clone .remove-clone i,
6422 .learnpress #field-_lp_key_features .rwmb-text-list-clone .remove-clone i,
6423 .learnpress #field-_lp_key_features .rwmb-text-list-advanced-clone .remove-clone i,
6424 .learnpress #field-_lp_faqs .rwmb-text-list-clone .remove-clone i,
6425 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone .remove-clone i {
6426 font-size: 20px;
6427 }
6428 .learnpress #field-_lp_requirements .rwmb-text-list-clone .remove-clone:hover,
6429 .learnpress #field-_lp_requirements .rwmb-text-list-advanced-clone .remove-clone:hover,
6430 .learnpress #field-_lp_target_audiences .rwmb-text-list-clone .remove-clone:hover,
6431 .learnpress #field-_lp_target_audiences .rwmb-text-list-advanced-clone .remove-clone:hover,
6432 .learnpress #field-_lp_key_features .rwmb-text-list-clone .remove-clone:hover,
6433 .learnpress #field-_lp_key_features .rwmb-text-list-advanced-clone .remove-clone:hover,
6434 .learnpress #field-_lp_faqs .rwmb-text-list-clone .remove-clone:hover,
6435 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone .remove-clone:hover {
6436 color: #e74c3c;
6437 }
6438 .learnpress #field-_lp_requirements .rwmb-text-list-clone::after,
6439 .learnpress #field-_lp_requirements .rwmb-text-list-advanced-clone::after,
6440 .learnpress #field-_lp_target_audiences .rwmb-text-list-clone::after,
6441 .learnpress #field-_lp_target_audiences .rwmb-text-list-advanced-clone::after,
6442 .learnpress #field-_lp_key_features .rwmb-text-list-clone::after,
6443 .learnpress #field-_lp_key_features .rwmb-text-list-advanced-clone::after,
6444 .learnpress #field-_lp_faqs .rwmb-text-list-clone::after,
6445 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone::after {
6446 display: inline-block;
6447 position: absolute;
6448 top: 50%;
6449 left: 10px;
6450 margin: 8px 0 0 0;
6451 margin-top: -9px;
6452 color: #999;
6453 font-family: Dashicons;
6454 font-size: 20px;
6455 content: "\f333";
6456 }
6457 .learnpress #field-_lp_requirements .rwmb-text-list-clone:focus-within,
6458 .learnpress #field-_lp_target_audiences .rwmb-text-list-clone:focus-within,
6459 .learnpress #field-_lp_key_features .rwmb-text-list-clone:focus-within,
6460 .learnpress #field-_lp_faqs .rwmb-text-list-clone:focus-within {
6461 border-color: #0085ba;
6462 }
6463 .learnpress #field-_lp_requirements .rwmb-text-list-advanced-clone .rwmb-text-list:focus,
6464 .learnpress #field-_lp_target_audiences .rwmb-text-list-advanced-clone .rwmb-text-list:focus,
6465 .learnpress #field-_lp_key_features .rwmb-text-list-advanced-clone .rwmb-text-list:focus,
6466 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone .rwmb-text-list:focus {
6467 border-color: #0085ba;
6468 }
6469 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone {
6470 position: relative;
6471 padding: 0 0 16px 0;
6472 }
6473 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone .rwmb-text-list-label {
6474 display: block;
6475 padding: 10px 12px 0 10px;
6476 }
6477 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone .rwmb-text-list {
6478 width: calc(100% - 25px);
6479 margin: 0 13px 0 13px;
6480 border: 1px solid #ddd;
6481 vertical-align: top;
6482 }
6483 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone .remove-clone {
6484 top: 20px;
6485 left: 36px;
6486 margin-top: -10px;
6487 color: #999;
6488 -webkit-transition: left 0.25s;
6489 -moz-transition: left 0.25s;
6490 -ms-transition: left 0.25s;
6491 -o-transition: left 0.25s;
6492 transition: left 0.25s;
6493 }
6494 .learnpress #field-_lp_faqs .rwmb-text-list-advanced-clone::after {
6495 top: 20px;
6496 }
6497
6498 .lp-notice,
6499 .learn-press-notice {
6500 position: relative;
6501 padding: 12px;
6502 }
6503 .lp-notice h4,
6504 .learn-press-notice h4 {
6505 margin: 10px 0 15px;
6506 }
6507 .lp-notice p,
6508 .learn-press-notice p {
6509 margin: 0 0 5px 0;
6510 padding: 0 2px;
6511 }
6512 .lp-notice.lp-upgrade-notice,
6513 .learn-press-notice.lp-upgrade-notice {
6514 position: relative;
6515 border-right-color: #02b7fb;
6516 background: #bceffe;
6517 }
6518 .lp-notice.lp-upgrade-notice .close-notice,
6519 .learn-press-notice.lp-upgrade-notice .close-notice {
6520 position: absolute;
6521 top: 5px;
6522 left: 10px;
6523 }
6524 .lp-notice .lp-message-dismiss,
6525 .learn-press-notice .lp-message-dismiss {
6526 position: absolute;
6527 top: 12px;
6528 left: 12px;
6529 }
6530 .lp-notice .notice-dismiss,
6531 .learn-press-notice .notice-dismiss {
6532 position: absolute;
6533 top: 0;
6534 left: 1px;
6535 margin: 0;
6536 padding: 9px;
6537 border: none;
6538 outline: none;
6539 color: #72777c;
6540 background: 100% 0;
6541 -webkit-box-shadow: none;
6542 -moz-box-shadow: none;
6543 box-shadow: none;
6544 cursor: pointer;
6545 }
6546 .lp-notice .notice-dismiss::before,
6547 .learn-press-notice .notice-dismiss::before {
6548 display: block;
6549 width: 20px;
6550 height: 20px;
6551 color: #72777c;
6552 background: 100% 0;
6553 font: normal 16px/20px dashicons;
6554 text-align: center;
6555 content: "\f153";
6556 speak: none;
6557 -webkit-font-smoothing: antialiased;
6558 }
6559
6560 .learn-press-dropdown-pages {
6561 display: inline-block;
6562 }
6563
6564 .lp-notice-update-database {
6565 border: 1px solid rebeccapurple;
6566 border-right-color: #f00;
6567 border-radius: 3px;
6568 color: white;
6569 background: rebeccapurple;
6570 }
6571 .lp-notice-update-database.do-updating::before {
6572 display: inline-block;
6573 float: right;
6574 margin: 9px -5px 0 5px;
6575 color: #2773aa;
6576 font-family: dashicons;
6577 font-size: 20px;
6578 content: "\f463";
6579 -webkit-animation: rotating4 2s linear infinite;
6580 -moz-animation: rotating4 2s linear infinite;
6581 -ms-animation: rotating4 2s linear infinite;
6582 -o-animation: rotating4 2s linear infinite;
6583 animation: rotating4 2s linear infinite;
6584 }
6585
6586 #adminmenu .update-plugins.lp-plugins-count {
6587 padding: 0 5px;
6588 }
6589
6590 .search-box input[name=post-search-author],
6591 .search-box .select2-container {
6592 min-width: 200px;
6593 margin: 0;
6594 vertical-align: top;
6595 }
6596
6597 .learn-press-notice-assigned-item {
6598 color: #f00;
6599 }
6600
6601 .learnpress .actions {
6602 margin: 0;
6603 }
6604
6605 #learn-press-syncs li {
6606 position: relative;
6607 }
6608 #learn-press-syncs li.syncing, #learn-press-syncs li.synced {
6609 padding-right: 24px;
6610 }
6611 #learn-press-syncs li.syncing input[type=checkbox], #learn-press-syncs li.synced input[type=checkbox] {
6612 display: none;
6613 }
6614 #learn-press-syncs li.syncing::after {
6615 content: "\f463";
6616 -webkit-animation: rotating4 2s linear infinite;
6617 -moz-animation: rotating4 2s linear infinite;
6618 -ms-animation: rotating4 2s linear infinite;
6619 -o-animation: rotating4 2s linear infinite;
6620 animation: rotating4 2s linear infinite;
6621 }
6622 #learn-press-syncs li.synced::after {
6623 color: #2773aa;
6624 content: "\f147";
6625 }
6626 #learn-press-syncs li::after {
6627 display: block;
6628 position: absolute;
6629 top: 0;
6630 right: -3px;
6631 width: 24px;
6632 height: 24px;
6633 font-family: dashicons;
6634 font-size: 19px;
6635 line-height: 24px;
6636 text-align: center;
6637 }
6638
6639 #learn-press-updater .updater-progress {
6640 position: relative;
6641 margin: 0 2px;
6642 }
6643 #learn-press-updater .updater-progress ul {
6644 display: flex;
6645 position: relative;
6646 height: 5px;
6647 background: #eee;
6648 }
6649 #learn-press-updater .updater-progress ul li {
6650 position: relative;
6651 margin: 0;
6652 flex: 1;
6653 }
6654 #learn-press-updater .updater-progress ul li::after {
6655 display: none;
6656 position: absolute;
6657 top: -30px;
6658 left: 0;
6659 padding: 3px 5px;
6660 border-radius: 3px;
6661 color: #fff;
6662 background: #ddd;
6663 font-size: 12px;
6664 content: attr(data-version);
6665 }
6666 #learn-press-updater .updater-progress ul li::before {
6667 content: "";
6668 }
6669 #learn-press-updater .updater-progress ul li:last-child::after {
6670 _display: block;
6671 }
6672 #learn-press-updater .updater-progress ul::after {
6673 position: absolute;
6674 top: 0;
6675 right: 0;
6676 width: 0;
6677 height: 20px;
6678 }
6679 #learn-press-updater .updater-progress .updater-progress-status {
6680 position: absolute;
6681 top: 0;
6682 right: 0;
6683 width: 0;
6684 height: 5px;
6685 background: #5bc4f9;
6686 -webkit-transition: width 0.25s;
6687 -moz-transition: width 0.25s;
6688 -ms-transition: width 0.25s;
6689 -o-transition: width 0.25s;
6690 transition: width 0.25s;
6691 }
6692 #learn-press-updater .updater-progress .updater-progress-status::before {
6693 position: absolute;
6694 top: -20px;
6695 left: 0;
6696 padding: 0 5px;
6697 border-radius: 3px;
6698 color: #fff;
6699 background: #5bc4f9;
6700 font-size: 12px;
6701 _content: attr(data-value) "%";
6702 }
6703 #learn-press-updater .updater-progress .updater-progress-status .updater-progress-animation {
6704 overflow: hidden;
6705 position: absolute;
6706 top: 0;
6707 right: 0;
6708 width: 100%;
6709 height: 5px;
6710 background: #5bc4f9;
6711 }
6712 #learn-press-updater .updater-progress .updater-progress-status .updater-progress-animation:not(.completed)::after {
6713 position: absolute;
6714 height: 5px;
6715 background: #8dd9ff;
6716 content: "";
6717 -webkit-animation: animation4 1.5s ease-out infinite;
6718 -moz-animation: animation4 1.5s ease-out infinite;
6719 -ms-animation: animation4 1.5s ease-out infinite;
6720 -o-animation: animation4 1.5s ease-out infinite;
6721 animation: animation4 1.5s ease-out infinite;
6722 }
6723 #learn-press-updater .updating-message {
6724 color: #a24666;
6725 }
6726 #learn-press-updater .completed-message {
6727 color: #3c8eb7;
6728 }
6729
6730 #learn-press-updater {
6731 display: none;
6732 }
6733
6734 .select2 .select2-search.select2-search--inline {
6735 margin-bottom: 0;
6736 }
6737 .select2 .select2-selection .select2-selection__choice {
6738 margin-top: 4px;
6739 margin-bottom: 0;
6740 }
6741 .select2 .select2-selection.select2-selection--multiple {
6742 min-height: 30px;
6743 }
6744
6745 .edit-post-layout__metaboxes .rwmb-label > label {
6746 color: #666;
6747 font-size: small;
6748 font-weight: bold;
6749 }
6750
6751 body.post-type-lp_question #button-new-question {
6752 display: inline-block;
6753 position: relative;
6754 }
6755 body.post-type-lp_question #button-new-question div {
6756 display: none;
6757 position: absolute;
6758 z-index: 9999;
6759 top: 100%;
6760 right: 0;
6761 min-width: 100px;
6762 margin: 0 -1px 0 0;
6763 border: 1px solid #999;
6764 background: white;
6765 font-weight: 400;
6766 }
6767 body.post-type-lp_question #button-new-question div a {
6768 display: block;
6769 min-width: 100px;
6770 margin: 0;
6771 padding: 10px 20px;
6772 color: #666;
6773 white-space: nowrap;
6774 text-decoration: none;
6775 }
6776 body.post-type-lp_question #button-new-question div a:hover {
6777 background: #eee;
6778 }
6779 body.post-type-lp_question #button-new-question > a {
6780 position: relative;
6781 padding-left: 15px;
6782 text-decoration: none;
6783 }
6784 body.post-type-lp_question #button-new-question > a::after {
6785 display: inline-block;
6786 position: absolute;
6787 top: 6px;
6788 left: 0;
6789 width: 0;
6790 height: 0;
6791 margin: 0;
6792 border: 5px solid transparent;
6793 border-top-color: #0f7aae;
6794 content: "";
6795 }
6796 body.post-type-lp_question #button-new-question:hover div {
6797 display: block;
6798 }
6799
6800 .lp-label {
6801 display: inline-block;
6802 padding: 3px 6px;
6803 color: #fff;
6804 font-size: 12px;
6805 -webkit-border-radius: 4px;
6806 -moz-border-radius: 4px;
6807 border-radius: 4px;
6808 }
6809 .lp-label.success {
6810 background: #4caf50;
6811 }
6812 .lp-label.error {
6813 background: #f00;
6814 }
6815 .lp-label.warning {
6816 background: #ffc107;
6817 }
6818 .lp-label .far,
6819 .lp-label .fas,
6820 .lp-label .fa {
6821 display: inline-block;
6822 margin-left: 5px;
6823 }
6824
6825 .lp-admin-profile-courses .column-results {
6826 width: 200px;
6827 }
6828 .lp-admin-profile-courses .course-results-progress .lp-progress-row {
6829 margin: 0 0 20px 0;
6830 }
6831 .lp-admin-profile-courses .course-results-progress .lp-course-progress-heading {
6832 margin: 0 0 5px 0;
6833 line-height: 1;
6834 }
6835 .lp-admin-profile-courses .learn-press-progress {
6836 overflow: hidden;
6837 position: relative;
6838 width: 150px;
6839 height: 6px;
6840 border-radius: 3px;
6841 }
6842 .lp-admin-profile-courses .learn-press-progress .learn-press-progress__active {
6843 position: absolute;
6844 z-index: 1;
6845 right: -100%;
6846 width: 100%;
6847 height: 100%;
6848 border-radius: 3px;
6849 background: var(--lp-primary-color);
6850 -webkit-transition: 0.5s;
6851 -moz-transition: 0.5s;
6852 -ms-transition: 0.5s;
6853 -o-transition: 0.5s;
6854 transition: 0.5s;
6855 }
6856 .lp-admin-profile-courses .learn-press-progress::before {
6857 display: block;
6858 position: absolute;
6859 z-index: 0;
6860 top: 0;
6861 width: 100%;
6862 height: 100%;
6863 background: #ccc;
6864 content: "";
6865 }
6866
6867 .lp-notify-action-wrapper {
6868 position: fixed;
6869 bottom: 5%;
6870 z-index: 10000;
6871 right: 50%;
6872 padding: 10px;
6873 transition: all 0.5s;
6874 transform: translateY(500%);
6875 display: flex;
6876 flex-direction: column;
6877 gap: 5px;
6878 }
6879 .lp-notify-action-wrapper.show {
6880 display: flex;
6881 transform: translateY(0);
6882 }
6883 .lp-notify-action-wrapper .lp-notify-action {
6884 box-shadow: 0 4px 25px 1px rgba(0, 0, 0, 0.25);
6885 background: #202937;
6886 padding: 0 20px;
6887 border-radius: 3px;
6888 min-width: 200px;
6889 transition: all 0.8s;
6890 }
6891 .lp-notify-action-wrapper .lp-notify-action.clone {
6892 display: none;
6893 }
6894 .lp-notify-action-wrapper .lp-notify-action__success {
6895 display: none;
6896 color: #01a401;
6897 }
6898 .lp-notify-action-wrapper .lp-notify-action__success.show {
6899 display: block;
6900 }
6901 .lp-notify-action-wrapper .lp-notify-action__error {
6902 display: none;
6903 color: #f44336;
6904 font-weight: bold;
6905 }
6906 .lp-notify-action-wrapper .lp-notify-action__error.show {
6907 display: block;
6908 }