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

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

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