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

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

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