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

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

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