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

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

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