PluginProbe
LoginPress | wp-login Custom Login Page Customizer / 3.1.2
LoginPress | wp-login Custom Login Page Customizer v3.1.2
6.2.5 6.2.4 6.2.3 6.2.2 6.2.1 trunk 1.0.0 1.0.1 1.0.10 1.0.11 1.0.12 1.0.13 1.0.14 1.0.15 1.0.16 1.0.17 1.0.18 1.0.19 1.0.2 1.0.20 1.0.21 1.0.22 1.0.23 1.0.3 1.0.4 All 118 releases
loginpress / css / style.css

style.css in LoginPress | wp-login Custom Login Page Customizer 3.1.2, at css/style.css

3,299 lines 90.3 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');
2
3
4 /*
5 * LoginPress Style for Settings Page.
6 */
7 .loginpress-admin-setting *,
8 .login-action-login #login *,
9 .login-action-lostpassword #login *,
10 .login-action-register #login * {
11 box-sizing: border-box;
12 }
13
14 .loginpress_page_loginpress-settings #normal-sortables {
15 padding-top: 20px;
16 }
17
18 #loginpress_setting .recaptcha_type,
19 #loginpress_setting .site_key,
20 #loginpress_setting .secret_key,
21 #loginpress_setting .site_key_v2_invisible,
22 #loginpress_setting .secret_key_v2_invisible,
23 #loginpress_setting .site_key_v3,
24 #loginpress_setting .secret_key_v3,
25 #loginpress_setting .good_score,
26 #loginpress_setting .captcha_theme,
27 #loginpress_setting .captcha_language,
28 #loginpress_setting .captcha_enable,
29 #loginpress_setting .loginpress_password_reset_time_limit,
30 #loginpress_setting .roles_for_password_reset {
31 display: none;
32 }
33
34 .toplevel_page_loginpress-settings .inside [class*="tab-wrapper"] {
35 border-bottom: 2px solid #EAEDF4;
36 }
37
38 body .add_white_list, #loginpress_limit_login_log td .loginpress-attempts-whitelist {
39 display: inline-block;
40 background-color: #ffffff !important;
41 color: #3a3a3a !important;
42 border: 1px solid #a5a5a5 !important;
43 cursor: pointer;
44 box-shadow: none;
45 border-radius: 5px !important;
46 padding: 12px 20px 10px !important;
47 font-size: 14px;
48 line-height: 21px;
49 font-family: "Poppins", sans-serif;
50 font-weight: 600;
51 transition: all 0.3s;
52 }
53 body[class*="toplevel_page_loginpress"] #wpbody-content{
54 display: flex;
55 flex-direction: column;
56 }
57 body[class*="toplevel_page_loginpress"] .loginpress-header-wrapper{
58 order: -2;
59 margin-bottom: 10px;
60 }
61 body[class*="toplevel_page_loginpress"] .loginpress-alert-notice{
62 order: -1;
63 }
64 .loginpress_autologin_actions .lp-tbody-cell {
65 width: 100% !important;
66 }
67
68 .loginpress_autologin_users tr td:last-child input {
69 margin-top: 0 !important;
70 margin-bottom: 0 !important;
71 }
72
73 th.loginpress_action {
74 text-align: left !important;
75 }
76
77 body .add_black_list, .loginpress-attempts-blacklist {
78 display: inline-block;
79 background-color: #000 !important;
80 color: #fff !important;
81 border: 1px solid #000;
82 cursor: pointer;
83 border: none !important;
84 box-shadow: none;
85 border-radius: 5px !important;
86 padding: 12px 20px 10px !important;
87 font-size: 14px;
88 line-height: 21px;
89 font-family: "Poppins", sans-serif;
90 font-weight: 600;
91 transition: all 0.3s;
92 }
93
94 .add_black_list:hover, .loginpress-attempts-blacklist:hover {
95 background-color: #555 !important;
96 }
97
98 body .add_white_list:before, #loginpress_limit_login_log td .loginpress-attempts-whitelist:before,
99 body .add_black_list:before, td .loginpress-attempts-blacklist:before{
100 content: "";
101 width: 14px;
102 height: 14px;
103 display: inline-block;
104 margin-right: 5px;
105 background: url(../img/icons-sprite.png) -102px -93px no-repeat;
106 background-size: auto;
107 vertical-align: middle;
108 margin-top: -1px;
109 }
110
111 body .add_black_list:before, td .loginpress-attempts-blacklist:before{
112 background-position: -62px 0px;
113 }
114
115 tr.rename_login_slug .regular-text {
116 align-items: center;
117 padding: 13px 15px;
118 line-height: 2;
119 min-height: 30px;
120 border: 2px solid #D2DDF2;
121 height: 50px;
122 width: 50%;
123 font-family: "Poppins", sans-serif;
124 max-width: 450px;
125 color: #2B3D54;
126 font-size: 14px;
127 line-height: 24px;
128 border-radius: 5px;
129 outline: none !important;
130 box-shadow: none !important;
131 transition: all 0.3s;
132
133 }
134
135 body.add_white_list:hover,
136 #loginpress_limit_login_log .loginpress-attempts-whitelist:hover,
137 #loginpress_limit_login_attempts .loginpress-attempts-whitelist:hover,
138 body .loginpress-user-redirects-update:hover,
139 body .loginpress-redirects-role-update:hover {
140 background-color: #dbdbdb !important;
141 color: #000 !important;
142 }
143
144 body #loginpress_create_new_hidelogin_slug {
145 margin: 15px 15px 15px 15px !important;
146 }
147
148 [dir="rtl"] body[class*="loginpress_page_"] p,
149 [dir="rtl"] body[class*="loginpress_page_"] .description,
150 [dir="rtl"] body[class*="loginpress_page_"] a,
151 [dir="rtl"] body[class*="loginpress_page_"] th,
152 [dir="rtl"] body[class*="loginpress_page_"] td,
153 [dir="rtl"] body[class*="loginpress_page_"] button,
154 [dir="rtl"] body[class*="loginpress_page_"] [type="submit"],
155 [dir="rtl"] body[class*="loginpress_page_"] [type="button"]{
156 line-height: 1.8 !important;
157 }
158
159 body #loginpress_reset_login_slug {
160 margin-top: 15px;
161 }
162
163 body #loginpress_create_new_hidelogin_slug,
164 body #loginpress_reset_login_slug {
165 border: none;
166 background-color: #516885;
167 padding: 15px 15px;
168 font-size: 14px;
169 line-height: 20px;
170 font-weight: 600;
171 color: #fff;
172 font-family: "Poppins", sans-serif;
173 transition: all 0.3s;
174 border-radius: 5px;
175 cursor: pointer;
176 }
177
178 body #loginpress_create_new_hidelogin_slug:hover,
179 body #loginpress_reset_login_slug:hover {
180 border: none;
181 background-color: #2B3D54;
182 }
183
184 .bulk_option_wrapper #loginpress_limit_bulk_blacklist_submit{
185 margin-left: 10px;
186 }
187
188 .bulk_option_wrapper #loginpress_limit_bulk_blacklist_submit,
189 .bulk_option_wrapper #loginpress_limit_bulk_attempts_submit,
190 .bulk_option_wrapper #loginpress_limit_bulk_blacklists_submit,
191 .bulk_option_wrapper #loginpress_limit_bulk_whitelists_submit {
192 border: none;
193 background-color: #5C7697;
194 padding: 14px 20px;
195 font-size: 14px;
196 line-height: 21px;
197 font-weight: 600;
198 color: #fff;
199 font-family: "Poppins", sans-serif;
200 transition: all 0.3s;
201 border-radius: 5px;
202 cursor: pointer;
203 text-decoration: none;
204 max-width: 100%;
205 display: inline-block;
206 text-align: center;
207 outline: none;
208 text-transform: capitalize;
209 }
210
211 .select.selectbox {
212 max-width: 110px;
213 margin-left: 10px;
214 margin-right: 15px;
215 width: 100%;
216 }
217
218 .toplevel_page_loginpress-settings select {
219 background-color: #fff;
220 cursor: pointer;
221 vertical-align: middle;
222 padding: 12px 15px;
223 line-height: 2;
224 min-height: 30px;
225 border: 2px solid #D2DDF2;
226 height: 50px;
227 width: 100%;
228 font-family: "Poppins", sans-serif;
229 max-width: 450px;
230 color: #5C7697;
231 font-size: 14px;
232 line-height: 24px;
233 -webkit-appearance: none;
234 border-radius: 5px;
235 box-shadow: none;
236 outline: none !important;
237 box-shadow: none !important;
238 }
239
240 .toplevel_page_loginpress-settings .dataTable {
241 padding-top: 30px;
242 }
243
244 .toplevel_page_loginpress-settings #loginpress_limit_login_log tbody .loginpress-attempts-whitelist,
245 .toplevel_page_loginpress-settings #loginpress_limit_login_log tbody .loginpress-attempts-blacklist,
246 .toplevel_page_loginpress-settings #loginpress_limit_login_log tbody .loginpress-attempts-unlock {
247 font-size: 12px;
248 line-height: 1;
249 padding: 5px 5px !important;
250 font-weight: 400;
251 height: auto;
252 min-height: auto;
253 border-radius: 4px !important;
254 }
255
256 .toplevel_page_loginpress-settings #loginpress_limit_login_log tbody .loginpress-attempts-whitelist,
257 .toplevel_page_loginpress-settings #loginpress_limit_login_log tbody .loginpress-attempts-blacklist {
258 padding-top: 5px;
259 }
260
261 .loginpress-social-accordions {
262 padding: 20px 0;
263 margin: 0;
264 margin-top: 0 !important;
265 }
266
267 .loginpress-social-accordions .loginpress-social-tabs{
268 border: none;
269 }
270
271 body .loginpress-accordions {
272 display: block;
273 padding: 10px;
274 color: #000;
275 font-size: 22px;
276 font-weight: 600;
277 line-height: 33px;
278 text-decoration: none;
279 position: relative;
280 color: #516885 !important;
281 font-family: "Poppins", sans-serif;
282 padding: 10px 40px 10px 0px;
283 display: inline-block;
284 text-decoration: none !important;
285 background-color: #fff0;
286 border: none;
287 width: auto;
288 }
289
290 .loginpress-accordions:hover, .loginpress-accordions.loginpress-accordions-acive {
291 color: #F6366A !important;
292 }
293
294 .loginpress-social-accordions:not(:first-child) {
295 border-top: 1px solid #D2DDF2;
296 }
297
298 .loginpress-social-tabs,
299 .loginpress-social-tabs p,
300 .loginpress-social-tabs ul {
301 font-size: 14px;
302 line-height: 24px;
303 font-family: "Poppins", sans-serif;
304 color: #516885;
305 border: none;
306 padding: 0;
307 }
308
309 input[type=date],
310 input[type=datetime-local],
311 input[type=datetime],
312 input[type=email],
313 input[type=month],
314 input[type=number],
315 input[type=password],
316 input[type=search],
317 input[type=tel],
318 input[type=text],
319 input[type=time],
320 input[type=url],
321 input[type=week],
322 input[type="file"] {
323 padding: 13px 15px;
324 min-height: 30px;
325 border: 2px solid #D2DDF2;
326 height: 50px;
327 width: 100%;
328 font-family: "Poppins", sans-serif;
329 max-width: 450px;
330 color: #5C7697;
331 font-size: 14px;
332 line-height: 24px;
333 border-radius: 5px;
334 outline: none !important;
335 box-shadow: none !important;
336 background-color: #fff;
337 }
338
339 .toplevel_page_loginpress-settings #wpbody-content .inside [class*="tab-wrapper"] [class*="tab"] {
340 border: 2px solid #EAEDF4;
341 border-bottom: 0;
342 background-color: #EAEDF4;
343 color: #8F9EC3 !important;
344 font-size: 16px;
345 font-weight: 500 !important;
346 line-height: 24px;
347 padding: 9px 30px;
348 border-radius: 5px 5px 0 0;
349 margin: 0 5px 0 0;
350 transition: all 0.3s;
351 text-decoration: none;
352 outline: none !important;
353 box-shadow: none !important;
354 display: inline-block;
355 }
356
357 .toplevel_page_loginpress-settings #wpbody-content .inside [class*="tab-wrapper"] [class*="active"],
358 .toplevel_page_loginpress-settings #wpbody-content .inside [class*="tab-wrapper"] [class*="tab"]:hover {
359 background-color: #ffff;
360 color: #516885 !important;
361 text-decoration: none;
362 }
363
364 .toplevel_page_loginpress-settings ul.ui-autocomplete{
365 border-left: 2px solid #D2DDF2 !important;
366 border-right: 2px solid #D2DDF2 !important;
367 border-bottom: 2px solid #D2DDF2 !important;
368 border-radius: 5px !important;
369 min-height: 30px;
370 }
371
372 #wpbrigade_infs_general_videobox h3 {
373 padding: 0px 10px 10px;
374 border-bottom: 1px solid #eee;
375 }
376
377 .wpbrigade_videobox .column {
378 width: 50%;
379 float: left;
380 padding-right: 2.5%;
381 border-right: 1px solid #ebebeb;
382 padding-bottom: 2em;
383 }
384
385 .select.selectbox {
386 max-width: 110px;
387 margin-left: 10px;
388 margin-right: 15px;
389 width: 100%;
390 }
391
392 .row-per-page {
393 width: 600px;
394 margin-bottom: -60px;
395 position: relative;
396 z-index: 50;
397 display: flex;
398 align-items: center;
399 white-space: nowrap;
400 }
401
402 .upload-file input {
403 opacity: 0;
404 margin: -2px 0 0 -2px;
405 position: absolute;
406 top: 0;
407 left: 0;
408 width: calc(100% + 4px) !important;
409 height: calc(100% + 4px) !important;
410 }
411
412 .upload-file span{
413 cursor: pointer;
414 text-overflow: ellipsis;
415 white-space: nowrap;
416 overflow: hidden;
417 display: block;
418 }
419
420 .upload-file span::before {
421 content: "\f317";
422 font-family: dashicons;
423 display: inline-block;
424 line-height: 1;
425 font-weight: 400;
426 font-style: normal;
427 speak: never;
428 text-decoration: inherit;
429 text-transform: none;
430 text-rendering: auto;
431 -webkit-font-smoothing: antialiased;
432 -moz-osx-font-smoothing: grayscale;
433 vertical-align: top;
434 text-align: center;
435 transition: color .1s ease-in;
436 margin-right: 4px;
437 font-size: 26px;
438 vertical-align: bottom;
439 }
440
441 .upload-file {
442 background: none;
443 min-height: 30px;
444 border: 2px solid #D2DDF2;
445 height: 46px;
446 width: 100%;
447 font-family: "Poppins", sans-serif;
448 max-width: 450px;
449 color: #5C7697;
450 font-size: 14px;
451 line-height: 24px;
452 border-radius: 5px;
453 outline: none !important;
454 box-shadow: none !important;
455 background-color: #fff;
456 position: relative;
457 padding: 11px 15px;
458 height: 50px;
459 box-sizing: border-box;
460 cursor: pointer;
461 display: inline-block;
462 }
463
464 .wpbrigade_videobox .column h2 {
465 font-size: 16px;
466 margin-bottom: 20px;
467 }
468
469 .wpbrigade_videobox .column.right {
470 margin-right: 0;
471 padding-right: 0;
472 padding-left: 2.5%;
473 border: 0;
474 max-width: 49%;
475 }
476
477 .wpbrigade_videobox::after {
478 content: '';
479 display: table;
480 clear: both;
481 }
482
483 .wpbrigade-video-link {
484 width: 100%;
485 max-width: 200px;
486 float: left;
487 margin: 0 1.5em 1.5em 0;
488 }
489
490 .wpbrigade-video-link img {
491 max-width: 100%;
492 height: auto;
493 }
494
495 .wpbrigade-video-popup-overlay {
496 position: fixed;
497 height: 100%;
498 width: 100%;
499 top: 0;
500 left: 0;
501 background: rgba(0, 0, 0, .9);
502 display: none;
503 }
504
505 .wpbrigade-video-popup {
506 width: 600px;
507 position: absolute;
508 top: 50%;
509 left: 50%;
510 background: #fff;
511 height: 450px;
512 -webkit-transform: translate(-50%, -50%);
513 -moz-transform: translate(-50%, -50%);
514 -ms-transform: translate(-50%, -50%);
515 transform: translate(-50%, -50%);
516 padding: 50px 20px 20px;
517 }
518
519 .wpbrigade-video-popup iframe {
520 width: 100%;
521 height: 380px;
522 }
523
524 .wpbrigade-close-popup {
525 position: absolute;
526 top: 10px;
527 right: 20px;
528 cursor: pointer;
529 }
530
531 .wpbrigade-video-description-wrapper {
532 overflow: hidden;
533 }
534
535 .wpbrigade-video-description-wrapper p {
536 margin: 0;
537 }
538
539 .wpbrigade-video-description-wrapper p~p {
540 margin-top: 10px;
541 }
542
543 .wpbrigade-heading {
544 font-size: 16px;
545 margin-bottom: 20px;
546 font-weight: 400;
547 margin: 0;
548 padding: 9px 0 4px;
549 line-height: 29px;
550 display: block;
551 }
552
553 .loginpress-premium {
554 float: left;
555 border: 1px solid #ccc;
556 border-bottom: none;
557 margin-left: .5em;
558 padding: 5px 10px;
559 font-size: 14px;
560 line-height: 24px;
561 background: #444;
562 color: #fff;
563 text-decoration: none;
564 }
565
566 .loginpress-premium:hover,
567 .loginpress-premium:focus {
568 color: #fff;
569 background-color: #616060;
570 }
571
572 html[dir="rtl"] .loginpress-premium {
573 float: right;
574 margin-right: .5em;
575 margin-left: 0;
576 }
577
578 .loginpress-advertise {
579 max-width: 26%;
580 float: right;
581 width: 355px;
582 }
583
584 .autologin-sniper img {
585 height: 20px;
586 width: 20px;
587 }
588
589 .loginpress-advertise .inside iframe {
590 height: 118px;
591 display: block;
592 margin: 0 auto;
593 width: 100%;
594 }
595
596 .advertise-box .inside iframe {
597 height: 114px;
598 display: block;
599 margin: 0 auto;
600 }
601
602 .loginpress-support {
603 background-color: #fff;
604 padding: 13px;
605 margin-top: 25px;
606 }
607
608 .loginpress-support h3 {
609 margin-bottom: 0;
610 }
611
612 .advertise-box {
613 background-color: #fff;
614 color: #000 !important;
615 border-color: #734726 !important;
616 margin-top: 25px;
617 }
618
619 .advertise-box h3 {
620 color: #fff !important;
621 border-color: #23282d !important;
622 background-color: #23282d;
623 padding: 5px;
624 text-align: center;
625 }
626
627 .inside-advertise ul li .dashicons-admin-post {
628 font-size: 14px;
629 }
630
631 .inside-advertise {
632 padding-left: 15px;
633 padding-right: 15px;
634 padding-bottom: 15px;
635 }
636
637 .loginpress-video {
638 margin-top: 25px;
639 background-color: #fff;
640 padding: 13px;
641 }
642
643 .loginpress-video h3 {
644 margin-bottom: 0;
645 font-size: 15px;
646 }
647
648 .loginpress-addon-promotion-video {
649 text-align: center;
650 }
651
652 .loginpress-addon-promotion-video span.dashicons-dashboard {
653 margin-top: 0px;
654 font-size: 30px;
655 margin-right: 3px;
656 }
657
658 .loginpress-promotion-big-button {
659 margin-top: 2.75%;
660 text-align: center;
661 padding-bottom: 20px;
662 }
663
664 .loginpress-promotion-big-button a {
665 border-radius: 5px !important;
666 background-color: #f53069 !important;
667 color: #fff !important;
668 border: 1px solid #F6366A !important;
669 padding: 12px 20px !important;
670 font-size: 16px !important;
671 line-height: 22px !important;
672 font-weight: 600 !important;
673 height: auto !important;
674 text-shadow: none !important;
675 text-decoration: none !important;
676 transition: all 300ms ease 0ms;
677 }
678
679 .loginpress-promotion-big-button a:before {
680 content: "";
681 display: inline-block;
682 width: 20px;
683 height: 20px;
684 display: inline-block;
685 margin-right: 10px;
686 background: url(../img/icons-sprite.png) -8px -80px no-repeat;
687 background-size: 190px;
688 vertical-align: middle;
689 margin-top: -3px;
690 }
691
692 .loginpress-promotion-big-button a:hover {
693 transform: translateY(-10px);
694 opacity: 0.9;
695 }
696
697 #loginpress_setting form>h2 {
698 display: none;
699 }
700
701 .site_key,
702 .secret_key,
703 .recaptcha_type,
704 .captcha_theme,
705 .captcha_language,
706 .good_score,
707 .captcha_enable,
708 .privacy_policy,
709 .rename_email_send_to {
710 display: none;
711 }
712
713 /*************config-page*******/
714
715 .loginpress-import-export-page h2 {
716 padding-top: 15px;
717 }
718
719 .export_setting .export-sniper {
720 padding: 5px;
721 display: none;
722 }
723
724 .export_setting .export-text {
725 padding: 5px;
726 display: none;
727 color: #009306;
728 }
729
730 .import_setting .import-sniper {
731 padding: 5px;
732 display: none;
733 }
734
735 .import_setting .import-text {
736 padding: 5px;
737 color: #009306;
738 display: none;
739 }
740
741 .import_setting .wrong-import {
742 padding: 5px;
743 color: #ff0000;
744 /*display: none;*/
745 }
746
747 /*************config-page*******/
748
749
750 /**********help-page**********/
751 .loginpress-help-page h2 {
752 padding-top: 15px;
753 }
754
755 .loginpress-log-file {
756 background: #0085ba !important;
757 border-color: #0073aa #006799 #006799 !important;
758 -webkit-box-shadow: 0 1px 0 #006799 !important;
759 box-shadow: 0 1px 0 #006799 !important;
760 color: #fff !important;
761 text-decoration: none !important;
762 text-shadow: 0 -1px 1px #006799, 1px 0 1px #006799, 0 1px 1px #006799, -1px 0 1px #006799;
763 }
764
765 .log-file-sniper {
766 padding: 5px;
767 display: none;
768 }
769
770 .log-file-text {
771 padding: 5px;
772 display: none;
773 color: #009306;
774 }
775
776 /**************help-page***************/
777
778 /**********license-page**********/
779 .loginpress-license-page h2 {
780 padding-top: 15px;
781 }
782
783 /**********license-page**********/
784
785
786 .recaptcha-promo-img {
787 display: none;
788 }
789
790 .recaptcha-promo {
791 position: relative;
792 }
793
794 .recaptcha-promo-link {
795 position: absolute;
796 top: 0;
797 left: 0;
798 width: 100%;
799 height: 100%;
800 background: rgba(0, 0, 0, .7);
801 opacity: 0;
802 }
803
804 .recaptcha-promo-link span {
805 position: absolute;
806 top: 50%;
807 left: 50%;
808 -webkit-transform: translate(-50%, -50%);
809 -moz-transform: translate(-50%, -50%);
810 -ms-transform: translate(-50%, -50%);
811 transform: translate(-50%, -50%);
812 content: '';
813 font-size: 37px;
814 color: #fff;
815 width: 100%;
816 text-align: center;
817 text-transform: capitalize;
818 }
819
820 .recaptcha-promo:hover .recaptcha-promo-link {
821 opacity: 1;
822 }
823
824 /*---- !LoginPress-Settings-Checkbox ----*/
825
826 #wpcontent,
827 #wpcontent p {
828 font-size: 14px;
829 font-weight: 400;
830 line-height: 24px;
831 color: #2B3D54;
832 font-family: "Poppins", sans-serif;
833 }
834
835 /* new Styling */
836
837 /* Layout Styling Start */
838 body.toplevel_page_loginpress-settings,
839 .toplevel_page_loginpress-settings #wpcontent,
840 .loginpress_page_loginpress-help,
841 .loginpress_page_loginpress-help #wpcontent,
842 .loginpress_page_loginpress-import-export,
843 .loginpress_page_loginpress-import-export #wpcontent,
844 .loginpress_page_loginpress-license,
845 .loginpress_page_loginpress-license #wpcontent {
846 background-color: #F2F5F6;
847 }
848
849 body a.toplevel_page_loginpress-settings {
850 background-color: transparent;
851 }
852
853 .toplevel_page_loginpress-settings .dataTables_wrapper .dataTables_length label,
854 .toplevel_page_loginpress-settings .dataTables_wrapper .dataTables_filter label {
855 white-space: pre;
856 }
857
858 .toplevel_page_loginpress-settings .dataTables_wrapper .dataTables_length select,
859 .toplevel_page_loginpress-settings .dataTables_wrapper .dataTables_filter select {
860 margin: 0 5px;
861 ;
862 }
863
864 .toplevel_page_loginpress-settings #wpbody-content .loginpress-admin-setting,
865 .loginpress_page_loginpress-license #wpbody-content .loginpress-admin-setting {
866 display: flex;
867 flex-wrap: wrap;
868 padding: 0px 0px 0 0;
869 max-width: 1400px;
870 width: 100%;
871 margin: 0 auto;
872 box-sizing: border-box;
873 }
874
875 .toplevel_page_loginpress-settings .bulk_option_wrapper select {
876 max-width: 190px;
877 width: calc(100% - 130px);
878 margin-right: 10px;
879 }
880
881 .toplevel_page_loginpress-settings #wpbody-content .loginpress-admin-setting h2:not(.nav-tab-wrapper),
882 .loginpress_page_loginpress-license #wpbody-content .loginpress-admin-setting h2:not(.nav-tab-wrapper) {
883 font-family: "Poppins", sans-serif;
884 color: #516885;
885 font-size: 24px;
886 font-weight: 600;
887 margin: 0 !important;
888 padding: 40px 0 0;
889 line-height: 1.3;
890 width: 100%;
891 display: none;
892 }
893
894 h3 {
895 font-size: 22px;
896 line-height: 32px;
897 color: #2B3D54;
898 font-family: "Poppins", sans-serif;
899 font-weight: 600;
900 margin: 0;
901 }
902
903 /* Layout Styling End */
904
905 /* tabs styling Start */
906
907 .loginpress-tabs-main .tabs-toggle{
908 display: none;
909 }
910
911 .toplevel_page_loginpress-settings #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper,
912 .loginpress_page_loginpress-license #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper {
913 width: 250px;
914 padding-top: 40px;
915 border: none;
916 }
917 .loginPress-feature-video{
918 height: auto;
919 aspect-ratio: 16/9;
920 }
921 .toplevel_page_loginpress-settings #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list,
922 .loginpress_page_loginpress-license #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list {
923 display: block;
924 width: 100%;
925 margin-bottom: 0;
926 cursor: pointer;
927 }
928
929 .toplevel_page_loginpress-settings #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list .nav-tab,
930 .loginpress_page_loginpress-license #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list .nav-tab {
931 display: block;
932 float: none;
933 margin: 0;
934 background-color: transparent;
935 border: none;
936 white-space: normal;
937 padding: 20px 15px 20px 57px;
938 font-size: 16px;
939 line-height: 20px;
940 font-family: "Poppins", sans-serif;
941 color: #516885;
942 border-radius: 3px 0 0 3px;
943 position: relative;
944 -webkit-font-smoothing: antialiased;
945 outline: none;
946 text-decoration: none;
947 display: flex;
948 flex-direction: column;
949 justify-content: center;
950 min-height: 77px;
951 }
952
953 .toplevel_page_loginpress-settings #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list .nav-tab span:empty,
954 .loginpress_page_loginpress-license #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list .nav-tab span:empty{
955 display: none;
956 }
957
958 .toplevel_page_loginpress-settings #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list:hover .nav-tab,
959 .toplevel_page_loginpress-settings #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .nav-tab.nav-tab-active,
960 .loginpress_page_loginpress-license #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list:hover .nav-tab,
961 .loginpress_page_loginpress-license #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .nav-tab.nav-tab-active {
962 background-color: #fff;
963 color: #F6366A;
964 }
965
966 .toplevel_page_loginpress-settings #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .nav-tab:after,
967 .loginpress_page_loginpress-license #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .nav-tab:after {
968 content: "";
969 position: absolute;
970 left: 15px;
971 top: 20px;
972 width: 30px;
973 height: 30px;
974 background-image: url(../img/icons-sprite.png);
975 background-position: -87px -62px;
976 background-repeat: no-repeat;
977 background-size: auto;
978 }
979
980 .toplevel_page_loginpress-settings #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list:hover .nav-tab:after,
981 .toplevel_page_loginpress-settings #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list .nav-tab.nav-tab-active:after,
982 .loginpress_page_loginpress-license #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list:hover .nav-tab:after,
983 .loginpress_page_loginpress-license #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list .nav-tab.nav-tab-active:after{
984 background-position: -118px -62px;
985 }
986
987 .toplevel_page_loginpress-settings #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list #loginpress_autologin-tab:after,
988 .loginpress_page_loginpress-license #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list #loginpress_autologin-tab:after {
989 background-position: 0 0;
990 }
991
992 .toplevel_page_loginpress-settings #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list:hover #loginpress_autologin-tab:after,
993 .toplevel_page_loginpress-settings #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list #loginpress_autologin-tab.nav-tab-active:after,
994 .loginpress_page_loginpress-license #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list:hover #loginpress_autologin-tab:after,
995 .loginpress_page_loginpress-license #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list #loginpress_autologin-tab.nav-tab-active:after{
996 background-position: -31px 0;
997 }
998
999 .toplevel_page_loginpress-settings #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list #loginpress_hidelogin-tab:after,
1000 .loginpress_page_loginpress-license #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list #loginpress_hidelogin-tab:after{
1001 background-position: -94px -31px;
1002 }
1003
1004 .toplevel_page_loginpress-settings #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list:hover #loginpress_hidelogin-tab:after,
1005 .toplevel_page_loginpress-settings #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list #loginpress_hidelogin-tab.nav-tab-active:after,
1006 .loginpress_page_loginpress-license #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list:hover #loginpress_hidelogin-tab:after,
1007 .loginpress_page_loginpress-license #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list #loginpress_hidelogin-tab.nav-tab-active:after{
1008 background-position: -125px -31px;
1009 }
1010
1011 .toplevel_page_loginpress-settings #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list #loginpress_limit_login_attempts-tab:after,
1012 .loginpress_page_loginpress-license #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list #loginpress_limit_login_attempts-tab:after{
1013 background-position: -41px -31px;
1014 width: 27px;
1015 height: 30px;
1016 }
1017
1018 .toplevel_page_loginpress-settings #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list:hover #loginpress_limit_login_attempts-tab:after,
1019 .toplevel_page_loginpress-settings #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list #loginpress_limit_login_attempts-tab.nav-tab-active:after,
1020 .loginpress_page_loginpress-license #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list:hover #loginpress_limit_login_attempts-tab:after,
1021 .loginpress_page_loginpress-license #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list #loginpress_limit_login_attempts-tab.nav-tab-active:after{
1022 background-position: -67px -31px;
1023 width: 27px;
1024 height: 30px;
1025 left: 16px;
1026 }
1027
1028 .toplevel_page_loginpress-settings #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list #loginpress_login_redirects-tab:after,
1029 .loginpress_page_loginpress-license #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list #loginpress_login_redirects-tab:after{
1030 background-position: -25px -62px;
1031 }
1032
1033 .toplevel_page_loginpress-settings #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list:hover #loginpress_login_redirects-tab:after,
1034 .toplevel_page_loginpress-settings #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list #loginpress_login_redirects-tab.nav-tab-active:after,
1035 .loginpress_page_loginpress-license #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list:hover #loginpress_login_redirects-tab:after,
1036 .loginpress_page_loginpress-license #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list #loginpress_login_redirects-tab.nav-tab-active:after{
1037 background-position: -56px -62px;
1038 }
1039
1040 .toplevel_page_loginpress-settings #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list #loginpress_social_logins-tab:after,
1041 .loginpress_page_loginpress-license #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list #loginpress_social_logins-tab:after{
1042 background-position: -149px -62px;
1043 }
1044
1045 .toplevel_page_loginpress-settings #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list:hover #loginpress_social_logins-tab:after,
1046 .toplevel_page_loginpress-settings #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list #loginpress_social_logins-tab.nav-tab-active:after,
1047 .loginpress_page_loginpress-license #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list:hover #loginpress_social_logins-tab:after,
1048 .loginpress_page_loginpress-license #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list #loginpress_social_logins-tab.nav-tab-active:after{
1049 background-position: -180px -62px;
1050 }
1051
1052 .toplevel_page_loginpress-settings #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list #loginpress_pro_license-tab:after,
1053 .loginpress_page_loginpress-license #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list #loginpress_pro_license-tab:after{
1054 background-position: -157px -32px;
1055 }
1056
1057 .toplevel_page_loginpress-settings #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list:hover #loginpress_pro_license-tab:after,
1058 .toplevel_page_loginpress-settings #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list #loginpress_pro_license-tab.nav-tab-active:after,
1059 .loginpress_page_loginpress-license #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list:hover #loginpress_pro_license-tab:after,
1060 .loginpress_page_loginpress-license #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list #loginpress_pro_license-tab.nav-tab-active:after{
1061 background-position: -188px -32px;
1062 }
1063
1064 .toplevel_page_loginpress-settings #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list span,
1065 .loginpress_page_loginpress-license #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list span {
1066 display: block;
1067 word-break: break-word;
1068 font-size: 11px;
1069 line-height: 12px;
1070 color: #8F9EC3;
1071 font-family: "Poppins", sans-serif;
1072 font-weight: 500;
1073 margin-top: 5px;
1074 text-decoration: none;
1075 }
1076
1077 /* tabs styling End */
1078
1079 /* Settings styling Start */
1080
1081 .toplevel_page_loginpress-settings #wpbody-content .loginpress-admin-setting .loginpress-settings,
1082 .loginpress_page_loginpress-license #wpbody-content .loginpress-admin-setting > .loginpress-settings{
1083 background-color: transparent;
1084 width: calc(100% - 265px);
1085 margin-top: 40px;
1086 padding-left: 40px;
1087 padding-right: 40px;
1088 background-color: #fff;
1089 padding-top: 20px;
1090 }
1091
1092 .toplevel_page_loginpress-settings #wpbody-content .loginpress-admin-setting .loginpress-settings .inside {
1093 font-size: 14px;
1094 line-height: 24px;
1095 color: #2B3D54;
1096 font-family: "Poppins", sans-serif;
1097 font-weight: 400;
1098 margin: 15px 0 0;
1099 }
1100
1101 .toplevel_page_loginpress-settings #wpbody-content .loginpress-admin-setting .loginpress-settings .inside a:hover {
1102 text-decoration: underline;
1103 }
1104
1105 .toplevel_page_loginpress-settings #wpbody-content .loginpress-admin-setting .loginpress-settings .form-table {
1106 margin-top: 15px;
1107 }
1108
1109 .toplevel_page_loginpress-settings #wpbody-content .loginpress-admin-setting .loginpress-settings .form-table tr th {
1110 font-size: 16px;
1111 line-height: 24px;
1112 color: #2B3D54;
1113 font-family: "Poppins", sans-serif;
1114 font-weight: 500;
1115 width: 275px !important;
1116 padding: 20px 10px 15px 0;
1117 }
1118
1119 .toplevel_page_loginpress-settings #wpbody-content .loginpress-admin-setting .loginpress-settings .form-table tr td fieldset {
1120 max-width: 450px;
1121 flex-wrap: wrap;
1122 }
1123
1124 /* Checkbox styling Start */
1125
1126 .toplevel_page_loginpress-settings #wpbody-content .loginpress-admin-setting .loginpress-settings .form-table tr td fieldset label p,
1127 .toplevel_page_loginpress-settings #wpbody-content .loginpress-admin-setting .loginpress-settings .form-table tr td fieldset label {
1128 font-size: 14px;
1129 line-height: 24px;
1130 color: #2B3D54;
1131 font-family: "Poppins", sans-serif;
1132 font-weight: 400;
1133 overflow: auto;
1134 margin-top: 0;
1135 }
1136
1137 .loginpress-settings .message.error {
1138 margin-top: 5px;
1139 color: #f35959 !important;
1140 border-left: 5px solid red;
1141 padding-left: 9px;
1142 }
1143
1144 .checkbox.loginpress-check-hidden {
1145 display: none;
1146 }
1147
1148 .loginpress-check-hidden+.loginpress-checkbox {
1149 display: inline-block;
1150 outline: 0;
1151 width: 36px;
1152 height: 20px;
1153 position: relative;
1154 cursor: pointer;
1155 -webkit-user-select: none;
1156 -moz-user-select: none;
1157 -ms-user-select: none;
1158 user-select: none;
1159 vertical-align: middle;
1160 border-radius: 2em;
1161 padding: 2px;
1162 -webkit-transition: all .4s ease;
1163 transition: all .4s ease;
1164 border: 2px solid #D2DDF2;
1165 background: #fff;
1166 margin-right: 15px;
1167 margin-top: 2px;
1168 box-shadow: inset 0px 0px 4px rgba(0, 0, 0, 0.1);
1169 float: left;
1170 }
1171
1172 input[type=checkbox].loginpress-check-hidden+.loginpress-checkbox:after {
1173 position: relative;
1174 display: block;
1175 content: "";
1176 width: 12px;
1177 height: 12px;
1178 box-sizing: border-box;
1179 border: 2px solid #D2DDF2;
1180 border-radius: 2em;
1181 background: #D2DDF2;
1182 -webkit-transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), padding 0.3s ease, margin 0.3s ease;
1183 transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), padding 0.3s ease, margin 0.3s ease;
1184 box-shadow: none;
1185 left: 0;
1186 }
1187
1188 input[type=checkbox].loginpress-check-hidden:checked+.loginpress-checkbox {
1189 border-color: #2B3D54;
1190 background-color: #2B3D54;
1191 }
1192
1193 input[type=checkbox].loginpress-check-hidden:checked+.loginpress-checkbox:after {
1194 position: relative;
1195 display: block;
1196 content: "";
1197 width: 12px;
1198 height: 12px;
1199 box-sizing: border-box;
1200 border: 2px solid #ffffff;
1201 border-radius: 2em;
1202 background: #ffffff;
1203 -webkit-transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), padding 0.3s ease, margin 0.3s ease;
1204 transition: left 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275), padding 0.3s ease, margin 0.3s ease;
1205 left: 16px;
1206 }
1207
1208 body .loginpress_login_redirect_users tr th, body .loginpress_login_redirect_users tr td,
1209 body .loginpress_login_redirect_users tr th:last-child, body .loginpress_login_redirect_users tr td:last-child,
1210 body .loginpress_login_redirect_roles tr th, body .loginpress_login_redirect_roles tr td,
1211 body .loginpress_login_redirect_roles tr th:last-child, body .loginpress_login_redirect_roles tr td:last-child {
1212 text-align: center;
1213 }
1214
1215 body .login_redirects input[type="text"] {
1216 width: 300px;
1217 padding: 10px;
1218 }
1219
1220 .loginpress-user-redirects-update,
1221 .loginpress-redirects-role-update {
1222 display: inline-block;
1223 background-color: #ffffff !important;
1224 color: #3a3a3a !important;
1225 border: 1px solid #a5a5a5 !important;
1226 cursor: pointer;
1227 box-shadow: none;
1228 border-radius: 5px !important;
1229 font-size: 14px;
1230 line-height: 21px;
1231 font-family: "Poppins", sans-serif;
1232 font-weight: 600;
1233 transition: all 0.3s;
1234 }
1235
1236 .loginpress-user-redirects-delete:hover,
1237 .loginpress-redirects-role-delete:hover {
1238 background-color: #0c7dcf !important;
1239 transition: all 0.2;
1240 }
1241
1242 #wpcontent table tr td.loginpress_login_redirects_url,
1243 #wpcontent table tr td.loginpress_logout_redirects_url {
1244 padding-right: 10px !important;
1245 }
1246
1247 body .loginpress-user-redirects-delete,
1248 body .loginpress-redirects-role-delete {
1249 line-height: 1.153846;
1250 margin-top: 0 !important;
1251 font-size: 12px;
1252 }
1253
1254
1255 /* Field styling End */
1256
1257 body input[type=date],
1258 body input[type=datetime-local],
1259 body input[type=datetime],
1260 body input[type=email],
1261 body input[type=month],
1262 body input[type=number],
1263 body input[type=password],
1264 body input[type=search],
1265 body input[type=tel],
1266 body input[type=text],
1267 body input[type=time],
1268 body input[type=url],
1269 body input[type=week],
1270 body input[type="file"] {
1271 padding: 10px 15px;
1272 min-height: 30px;
1273 border: 2px solid #D2DDF2;
1274 height: 50px;
1275 width: 100%;
1276 font-family: "Poppins", sans-serif;
1277 max-width: 450px;
1278 color: #2B3D54;
1279 font-size: 14px;
1280 line-height: 24px;
1281 border-radius: 5px;
1282 outline: none !important;
1283 box-shadow: none !important;
1284 background-color: #fff;
1285 }
1286
1287 body input[type=number]{
1288 max-width: 300px;
1289 }
1290
1291 body #wpcontent input[type="file"] {
1292 padding: 11px 15px;
1293 cursor: pointer;
1294 text-indent: -999px;
1295 }
1296
1297 input[type=date]:hover,
1298 input[type=datetime-local]:hover,
1299 input[type=datetime]:hover,
1300 input[type=email]:hover,
1301 input[type=month]:hover,
1302 input[type=number]:hover,
1303 input[type=password]:hover,
1304 input[type=search]:hover,
1305 input[type=tel]:hover,
1306 input[type=text]:hover,
1307 input[type=time]:hover,
1308 input[type=url]:hover,
1309 input[type=week]:hover,
1310 input[type="file"]:hover {
1311 border-color: #B0C4EC;
1312 }
1313
1314 input[type=date]:focus,
1315 input[type=datetime-local]:focus,
1316 input[type=datetime]:focus,
1317 input[type=email]:focus,
1318 input[type=month]:focus,
1319 input[type=number]:focus,
1320 input[type=password]:focus,
1321 input[type=search]:focus,
1322 input[type=tel]:focus,
1323 input[type=text]:focus,
1324 input[type=time]:focus,
1325 input[type=url]:focus,
1326 input[type=week]:focus,
1327 input[type="file"]:focus {
1328 border-color: #5C7697;
1329 }
1330
1331 input[type=date]::placeholder,
1332 input[type=datetime-local]::placeholder,
1333 input[type=datetime]::placeholder,
1334 input[type=email]::placeholder,
1335 input[type=month]::placeholder,
1336 input[type=number]::placeholder,
1337 input[type=password]::placeholder,
1338 input[type=search]::placeholder,
1339 input[type=tel]::placeholder,
1340 input[type=text]::placeholder,
1341 input[type=time]::placeholder,
1342 input[type=url]::placeholder,
1343 input[type=week]::placeholder,
1344 input[type="file"]::placeholder {
1345 color: rgba(92, 118, 151, 0.5);
1346 line-height: 24px;
1347 }
1348
1349 .loginpress_autologin_users td:last-child,
1350 .loginpress_login_redirect_users td:last-child,
1351 .loginpress_login_redirect_roles td:last-child {
1352 margin: -3px;
1353 min-width: 160px;
1354 }
1355
1356 #loginpress_limit_login_log td:last-child {
1357 margin: -3px;
1358 min-width: 200px;
1359 }
1360
1361 .roles_for_password_reset td>fieldset>p {
1362 display: inline-block !important;
1363 }
1364
1365 .roles_for_password_reset td fieldset label,
1366 .enable_social_login_links fieldset label {
1367 width: 50%;
1368 padding: 10px 10px !important;
1369 padding-left: 0 !important;
1370 margin: 0 !important;
1371 }
1372
1373 .toplevel_page_loginpress-settings span.loginpress-settings-span{
1374 display: block;
1375 font-style: italic;
1376 padding-top: 3px;
1377 font-size: 13px;
1378 }
1379 .toplevel_page_loginpress-settings #wpbody-content .loginpress-admin-setting .loginpress-settings .form-table tr td .description {
1380 font-family: "Poppins", sans-serif;
1381 color: #2B3D54;
1382 font-size: 14px;
1383 line-height: 24px;
1384 margin: 4px 0 0 1px;
1385 max-width: 480px;
1386 width: 100%;
1387 }
1388
1389 .toplevel_page_loginpress-settings #wpbody-content .loginpress-admin-setting .loginpress-settings .form-table .ip_add_remove .description{
1390 padding-left: 0;
1391 }
1392
1393 #loginpress_limit_login_attempts .disable_xml_rpc_request{
1394 border: none;
1395 }
1396
1397 /* Submit Button styling Start */
1398
1399 .toplevel_page_loginpress-settings #wpbody-content .loginpress-admin-setting .loginpress-settings .submit input[type="submit"],
1400 .loginpress_page_loginpress-license .form-table input[type="submit"] {
1401 max-width: 400px;
1402 min-width: 180px;
1403 border: none;
1404 /* width: 100%; */
1405 background-color: #3C50E0;
1406 padding: 13px 20px;
1407 font-size: 16px;
1408 line-height: 24px;
1409 font-weight: 600;
1410 color: #fff;
1411 font-family: "Poppins", sans-serif;
1412 transition: all 0.3s;
1413 border-radius: 5px;
1414 cursor: pointer;
1415 }
1416
1417 .loginpress_page_loginpress-license .form-table input[name="loginpress_pro_license_deactivate"] {
1418 max-width: 190px;
1419 padding: 13px 12px;
1420 }
1421
1422 .toplevel_page_loginpress-settings #wpbody-content .loginpress-admin-setting .loginpress-settings .submit input[type="submit"]:hover {
1423 background-color: #2634a1;
1424 }
1425
1426 /* Submit Button styling End */
1427
1428 /* Radio styling Start */
1429
1430 input[type=radio] {
1431 border: 2px solid #D2DDF2;
1432 border-radius: 50%;
1433 background: #fff;
1434 clear: none;
1435 cursor: pointer;
1436 display: inline-block;
1437 height: 20px;
1438 margin: 0 32px 0 0 !important;
1439 outline: 0;
1440 padding: 0 !important;
1441 text-align: center;
1442 vertical-align: middle;
1443 width: 20px;
1444 -webkit-appearance: none;
1445 box-shadow: inset 0px 0px 4px rgba(0, 0, 0, 0.1);
1446 transition: .05s border-color ease-in-out;
1447 position: relative;
1448 }
1449 [dir="rtl"] input[type=radio] {
1450 margin: 0 8px 0 21px !important;
1451 }
1452 input[type=radio]:focus{
1453 border: 2px solid #D2DDF2;
1454 box-shadow: none;
1455 }
1456
1457 input[type=radio]::before {
1458 content: "";
1459 border-radius: 50%;
1460 width: 10px !important;
1461 height: 10px !important;
1462 margin: 0 !important;
1463 background-color: #D2DDF2;
1464 line-height: 1.14285714;
1465 display: block;
1466 position: absolute;
1467 top: 50%;
1468 left: 50%;
1469 transform: translate(-50%, -50%);
1470 }
1471
1472 input[type=radio]:checked::before {
1473 background-color: #516885;
1474 }
1475
1476 /* Radio styling End */
1477
1478 /* Select styling Start */
1479
1480 .toplevel_page_loginpress-settings select {
1481 background-color: #fff;
1482 cursor: pointer;
1483 vertical-align: middle;
1484 padding: 12px 15px;
1485 line-height: 2;
1486 min-height: 30px;
1487 border: 2px solid #D2DDF2;
1488 height: 50px;
1489 width: 100%;
1490 font-family: "Poppins", sans-serif;
1491 max-width: 450px;
1492 color: #5C7697;
1493 font-size: 14px;
1494 line-height: 24px;
1495 -webkit-appearance: none;
1496 border-radius: 5px;
1497 box-shadow: none;
1498 outline: none !important;
1499 box-shadow: none !important;
1500 }
1501
1502 .toplevel_page_loginpress-settings select:focus {
1503 border-color: #5C7697;
1504 }
1505
1506 /* Select styling End */
1507
1508 .toplevel_page_loginpress-settings .dataTables_wrapper .dataTables_length label,
1509 .toplevel_page_loginpress-settings .dataTables_wrapper .dataTables_filter label {
1510 display: flex;
1511 align-items: center;
1512 font-size: 14px;
1513 line-height: 24px;
1514 color: #516885;
1515 font-family: "Poppins", sans-serif;
1516 font-weight: 400;
1517 margin-top: 15px
1518 }
1519
1520 .toplevel_page_loginpress-settings .dataTables_wrapper .dataTables_length label {
1521 text-transform: capitalize;
1522 }
1523
1524 .toplevel_page_loginpress-settings .dataTables_wrapper .dataTables_length label select,
1525 .toplevel_page_loginpress-settings .dataTables_wrapper .dataTables_filter label input {
1526 height: 40px;
1527
1528 }
1529
1530 .toplevel_page_loginpress-settings .dataTables_wrapper .dataTables_length label select {
1531 height: 40px;
1532 padding-top: 6px;
1533 padding-bottom: 8px;
1534 min-width: 100px;
1535 order: 0;
1536 }
1537
1538 #wpbody-content .loginpress-admin-setting a,
1539 #wpbody-content .loginpress-help-page a {
1540 color: #3C50E0;
1541 font-weight: 600;
1542 text-decoration: underline;
1543 text-underline-position: under;
1544 }
1545
1546 #wpbody-content .loginpress-admin-setting a:hover,
1547 #wpbody-content .loginpress-help-page a:hover {
1548 text-decoration: none !important;
1549 }
1550
1551 html .toplevel_page_loginpress-settings .dataTables_paginate {
1552 display: flex;
1553 align-items: center;
1554 padding-top: 17px;
1555 }
1556
1557 html .toplevel_page_loginpress-settings .dataTables_paginate span {
1558 display: flex;
1559 }
1560
1561 html .toplevel_page_loginpress-settings .dataTables_paginate .paginate_button {
1562 background: #D2DDF2;
1563 border: 0 !important;
1564 border-radius: 5px;
1565 margin: 0 3px;
1566 font-size: 14px !important;
1567 line-height: 24px;
1568 color: #5C7697;
1569 font-family: "Poppins", sans-serif;
1570 font-weight: 400;
1571 padding: 0 4px;
1572 display: flex !important;
1573 justify-content: center;
1574 align-items: center;
1575 width: 30px;
1576 height: 30px;
1577 display: inline-block;
1578 cursor: pointer !important;
1579
1580 }
1581
1582 html .toplevel_page_loginpress-settings .dataTables_paginate .paginate_button:hover {
1583 background-color: #5C7697 !important;
1584 color: #fff;
1585 }
1586
1587 html .toplevel_page_loginpress-settings .dataTables_paginate .paginate_button.next,
1588 html .toplevel_page_loginpress-settings .dataTables_paginate .paginate_button.previous {
1589 font-size: 0 !important;
1590 }
1591
1592 html .toplevel_page_loginpress-settings .dataTables_paginate .paginate_button.next {
1593 background-image: url(../img/pagination-right-arrow.svg) !important;
1594 background-color: #fff !important;
1595 background-position: center center !important;
1596 background-repeat: no-repeat !important;
1597 }
1598
1599 html .toplevel_page_loginpress-settings .dataTables_paginate .paginate_button.previous {
1600 background-image: url(../img/pagination-left-arrow.svg) !important;
1601 background-color: #fff !important;
1602 background-position: center center !important;
1603 background-repeat: no-repeat !important;
1604 }
1605
1606 html .toplevel_page_loginpress-settings .dataTables_paginate .paginate_button.current,
1607 html .toplevel_page_loginpress-settings .dataTables_paginate .paginate_button.current:hover {
1608 background: #516885 !important;
1609 color: #fff !important;
1610 }
1611
1612 html .toplevel_page_loginpress-settings .dataTables_paginate a.paginate_button:hover {
1613 background: #d3ddf1;
1614 }
1615
1616 .loginpress-admin-setting .inside hr{
1617 margin: 30px 0;
1618 }
1619
1620 /* Top Header Bar */
1621
1622 #wpcontent .loginpress-header-wrapper {
1623 width: calc(100% + 20px);
1624 margin: 0 0px 0 -20px;
1625 background-color: #fff;
1626 background-image: url(../img/loginpress-logo-divid-logo.svg);
1627 background-position: left -90px top -86px;
1628 background-size: auto;
1629 background-repeat: no-repeat;
1630 }
1631
1632 #wpcontent .loginpress-header-wrapper .loginpress-header-container {
1633 max-width: 100%;
1634 padding: 43px 20px 43px 180px;
1635 display: flex;
1636 flex-wrap: wrap;
1637 align-items: center;
1638 }
1639
1640 #wpcontent .loginpress-header-wrapper .loginpress-header-container .loginpress-header-logo {
1641 width: 40%;
1642 }
1643
1644 #wpcontent .loginpress-header-wrapper .loginpress-header-container .loginpress-header-logo a {
1645 display: inline-block;
1646 }
1647
1648 #wpcontent .loginpress-header-wrapper .loginpress-header-container .loginpress-header-logo a img {
1649 vertical-align: middle;
1650 }
1651
1652 #wpcontent .loginpress-header-wrapper .loginpress-header-container .loginpress-header-logo a:focus {
1653 outline: none !important;
1654 }
1655
1656 #wpcontent .loginpress-header-wrapper .loginpress-header-container .loginpress-header-cta {
1657 width: 60%;
1658 text-align: right;
1659 font-size: 0;
1660 gap: 15px;
1661 display: flex;
1662 flex-wrap: wrap;
1663 justify-content: flex-end;
1664 }
1665
1666 #wpcontent .loginpress-header-wrapper .loginpress-header-container .loginpress-header-cta a {
1667 max-width: 180px;
1668 border: none;
1669 background-color: #2B3D54;
1670 padding: 10px 20px;
1671 font-size: 16px;
1672 line-height: 22px;
1673 font-weight: 600;
1674 color: #fff;
1675 font-family: "Poppins", sans-serif;
1676 transition: all 0.3s;
1677 border-radius: 5px;
1678 cursor: pointer;
1679 text-decoration: none;
1680 max-width: 100%;
1681 display: inline-block;
1682 text-align: center;
1683 outline: none;
1684 text-transform: normal;
1685 border: 1px solid #2B3D54;
1686 }
1687
1688 #wpcontent .loginpress-header-wrapper .loginpress-header-container .loginpress-header-cta a:hover {
1689 background-color: #fff;
1690 color: #516885;
1691 }
1692
1693 #wpcontent .loginpress-header-wrapper .loginpress-header-container .loginpress-header-cta .loginpress-pro-cta {
1694 background-color: #F6366A;
1695 color: #fff;
1696 border: 1px solid #F6366A;
1697 }
1698
1699 #wpcontent .loginpress-header-wrapper .loginpress-header-container .loginpress-header-cta .loginpress-pro-cta .dashicons {
1700 color: #FFD700;
1701 margin-right: 5px;
1702 display: none;
1703 }
1704
1705 #wpcontent .loginpress-header-wrapper .loginpress-header-container .loginpress-header-cta .loginpress-pro-cta:hover {
1706 color: #F6366A;
1707 background-color: #fff;
1708 }
1709
1710 #wpcontent .loginpress-header-wrapper .loginpress-header-container .loginpress-header-cta a:after {
1711 content: "";
1712 display: block;
1713 width: 136px;
1714 max-width: 100%;
1715 }
1716
1717 #wpcontent .loginpress-header-wrapper .loginpress-header-container .loginpress-header-cta a:before{
1718 content: "";
1719 display: inline-block;
1720 width: 20px;
1721 height: 20px;
1722 display: inline-block;
1723 margin-right: 10px;
1724 background: url(../img/icons-sprite.png) -8px -81px no-repeat;
1725 background-size: 190px;
1726 vertical-align: middle;
1727 margin-top: -1px;
1728 }
1729
1730 #wpcontent .loginpress-header-wrapper .loginpress-header-container .loginpress-header-cta a.loginpress-documentation:before{
1731 background-position: -86px 0px;
1732 background: url(../img/icons-sprite.png) -101px -1px no-repeat;
1733 }
1734
1735 #wpcontent .loginpress-header-wrapper .loginpress-header-container .loginpress-header-cta a.loginpress-documentation:hover:before{
1736 background-position: -78px -1px;
1737 }
1738
1739 /* Video Popup Styling */
1740
1741 .inside {
1742 position: relative;
1743 }
1744
1745 .toplevel_page_loginpress-settings #wpcontent .inside .video a {
1746 position: absolute;
1747 top: -25px;
1748 right: 0;
1749 padding: 13px 30px 13px 55px;
1750 background-color: #EAEDF4;
1751 text-decoration: none;
1752 color: #2B3D54;
1753 font-size: 16px;
1754 line-height: 24px;
1755 font-weight: 500;
1756 font-family: "Poppins", sans-serif;
1757 border-radius: 5px;
1758 transition: all 0.3s;
1759 display: inline-block;
1760 }
1761
1762 .toplevel_page_loginpress-settings #wpcontent .inside .video a:hover {
1763 background-color: #c2c7d3;
1764 text-decoration: none !important;
1765 }
1766
1767 .toplevel_page_loginpress-settings #wpcontent .inside .video a:before {
1768 content: "";
1769 position: absolute;
1770 top: 50%;
1771 left: 20px;
1772 width: 24px;
1773 height: 24px;
1774 background: url(../img/icons-sprite.png) -52px -93px no-repeat;
1775 background-size: auto;
1776 transform: translateY(-50%);
1777 }
1778
1779 .toplevel_page_loginpress-settings #wpcontent .inside .desc p {
1780 font-size: 14px;
1781 font-weight: 400;
1782 line-height: 24px;
1783 color: #2B3D54;
1784 font-family: "Poppins", sans-serif;
1785 }
1786
1787 .toplevel_page_loginpress-settings #wpcontent .inside .desc .loginpress-addon-promotion-desc.prom-content,
1788 .toplevel_page_loginpress-settings #wpcontent .inside .desc .loginpress-addon-promotion-video,
1789 .toplevel_page_loginpress-settings .loginpress-promotion-big-button {
1790 padding-right: 0 !important;
1791 }
1792
1793 #wpbody-content .loginpress-admin-setting a.loginpress-premium {
1794 font-size: 16px;
1795 margin: 0;
1796 background-color: #F6366A;
1797 border-radius: 3px 0 0 3px;
1798 border: none;
1799 transition: all 0.3s;
1800 display: inline-block;
1801 padding: 18px 13px 18px 58px;
1802 line-height: 1.625;
1803 color: #fff;
1804 text-decoration: none;
1805 position: relative;
1806 }
1807
1808 .loginpress-premium:hover,
1809 .loginpress-premium:focus {
1810 background-color: #2B3D54;
1811 text-decoration: none;
1812 }
1813
1814 .loginpress-premium .dashicons-star-filled {
1815 float: none;
1816 height: 35px;
1817 margin-right: 0;
1818 width: 35px;
1819 position: absolute;
1820 top: 50%;
1821 left: 15px;
1822 transform: translatey(-50%);
1823 display: block;
1824 }
1825
1826 .loginpress-premium .dashicons-star-filled:before {
1827 color: #FFD700;
1828 font-size: 35px;
1829 }
1830
1831 .styledSelect {
1832 cursor: pointer;
1833 vertical-align: middle;
1834 padding: 13px 40px 13px 15px;
1835 line-height: 2;
1836 min-height: 30px;
1837 border: 2px solid #D2DDF2;
1838 height: 50px;
1839 width: 100%;
1840 font-family: "Poppins", sans-serif;
1841 max-width: 450px;
1842 color: #5C7697;
1843 font-size: 14px;
1844 line-height: 24px;
1845 -webkit-appearance: none;
1846 border-radius: 5px;
1847 box-shadow: none;
1848 outline: none !important;
1849 box-shadow: none !important;
1850 width: 100%;
1851 background: #fff url(../img/dropdown-arrow-icon.svg) right 15px center no-repeat;
1852 }
1853
1854 .styledSelect:hover {
1855 border-color: #B0C4EC;
1856 }
1857
1858 .styledSelect.active {
1859 border-color: #5C7697 !important;
1860 box-shadow: none;
1861 }
1862
1863 .s-hidden{
1864 display: none;
1865 }
1866
1867 .select {
1868 position: relative;
1869 }
1870
1871 body .options {
1872 display: none;
1873 position: absolute;
1874 top: calc(100% + 2px);
1875 right: 15px;
1876 left: 0;
1877 z-index: 5;
1878 margin: 0 !important;
1879 padding: 2px 0 0 0;
1880 list-style: none;
1881 background: #fff;
1882 -webkit-border-radius: 5px;
1883 -moz-border-radius: 5px;
1884 -ms-border-radius: 5px;
1885 -o-border-radius: 5px;
1886 border-radius: 5px;
1887 padding-top: 0px;
1888 padding-bottom: 0px;
1889 max-height: 300px;
1890 overflow-y: auto;
1891 border: solid 2px #5C7697;
1892 box-shadow: none;
1893 font-family: "Poppins", Sans-serif;
1894 width: 100%;
1895 max-width: 450px;
1896 }
1897
1898 body .options li {
1899 margin: 0;
1900 padding: 10px 15px;
1901 font-size: 14px;
1902 line-height: normal;
1903 color: #5C7697;
1904 text-transform: none;
1905 cursor: pointer;
1906 font-family: "Poppins", Sans-serif;
1907 border-top: 2px solid rgba(92, 119, 151, 0.3);
1908 transition: all 0.3s;
1909 }
1910
1911 body .options li:first-child {
1912 border-top: 0;
1913 }
1914
1915 body .options li:hover,
1916 body .options li.active {
1917 background-color: #f1f5fe;
1918 text-decoration: none;
1919 position: relative;
1920 }
1921
1922 .options li::before {
1923 display: none !important;
1924 }
1925
1926 .options li[rel=""] {
1927 display: none;
1928 }
1929
1930 .styledSelect .text-ellipses {
1931 color: rgba(92, 119, 151, 0.5);
1932 font-size: 14px;
1933 }
1934
1935 .styledSelect .text-ellipses.valueAdded {
1936 color: #5C7697;
1937 }
1938
1939 /* license styling */
1940 .loginpress-license-settings table tr th {
1941 font-size: 16px;
1942 line-height: 24px;
1943 color: #516885;
1944 font-family: "Poppins", sans-serif;
1945 font-weight: 500;
1946 width: 275px !important;
1947 padding: 20px 10px 15px 0;
1948 }
1949
1950 .loginpress-license-settings table tr td .description {
1951 font-size: 14px;
1952 font-family: "Poppins", sans-serif;
1953 color: #5C7697;
1954 font-size: 14px;
1955 line-height: 24px;
1956 margin: 4px 0 0 1px;
1957 max-width: 450px;
1958 display: block;
1959 }
1960
1961 .loginpress-license-settings table tr td .button-secondary {
1962 border: none;
1963 background-color: #516885;
1964 padding: 13px 25px;
1965 font-size: 16px;
1966 line-height: 24px;
1967 font-weight: 600;
1968 color: #fff;
1969 font-family: "Poppins", sans-serif;
1970 transition: all 0.3s;
1971 border-radius: 5px;
1972 cursor: pointer;
1973 }
1974
1975 .loginpress-license-settings table tr td .button-secondary:hover {
1976 background-color: #2B3D54;
1977 color: #fff;
1978 }
1979
1980 .loginpress-license-settings table tr .loginpress-license-desc {
1981 font-size: 14px;
1982 font-family: "Poppins", sans-serif;
1983 color: #5C7697;
1984 font-size: 14px;
1985 line-height: 24px;
1986 margin: 4px 0 0 1px;
1987 max-width: 520px;
1988 display: block;
1989 }
1990
1991 /* Help Styling */
1992
1993 .loginpress_page_loginpress-help #wpcontent .loginpress-help-page {
1994 padding: 0px 20px 0 0;
1995 max-width: 1370px;
1996 width: 100%;
1997 margin: 0 auto;
1998 box-sizing: border-box;
1999 }
2000
2001 .loginpress_page_loginpress-help #wpcontent .loginpress-help-page>h2,
2002 .loginpress_page_loginpress-help #wpcontent .loginpress-help-page>h3 {
2003 font-size: 22px;
2004 margin-top: 10px !important;
2005 margin-bottom: 10px !important;
2006 font-weight: 600;
2007 line-height: 32px;
2008 color: #516885;
2009 font-family: "Poppins", sans-serif;
2010 }
2011
2012 .loginpress_page_loginpress-help #wpcontent .loginpress-help-page pre {
2013 margin: 20px 0;
2014 }
2015
2016 .loginpress_page_loginpress-help #wpcontent .loginpress-help-page pre textarea {
2017 background-color: #fff;
2018 border: 2px solid #D2DDF2;
2019 border-radius: 5px;
2020 padding: 20px;
2021 color: #2B3D54;
2022 width: 100%;
2023 max-width: 650px;
2024 }
2025
2026 .loginpress_page_loginpress-help #wpcontent .loginpress-help-page pre textarea:focus {
2027 outline: none !important;
2028 }
2029
2030 /* width */
2031 .loginpress_page_loginpress-help #wpcontent .loginpress-help-page pre textarea::-webkit-scrollbar {
2032 width: 15px;
2033 background-color: #fff;
2034 }
2035
2036 /* Track */
2037 .loginpress_page_loginpress-help #wpcontent .loginpress-help-page pre textarea::-webkit-scrollbar-track {
2038 box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
2039 border-radius: 0px;
2040 }
2041
2042 /* Handle */
2043 .loginpress_page_loginpress-help #wpcontent .loginpress-help-page pre textarea::-webkit-scrollbar-thumb {
2044 background: #516885;
2045 border-radius: 0px;
2046 cursor: pointer;
2047 }
2048
2049 /* Handle on hover */
2050 .loginpress_page_loginpress-help #wpcontent .loginpress-help-page pre textarea::-webkit-scrollbar-thumb:hover {
2051 background: #2d3d52;
2052 cursor: pointer
2053 }
2054
2055 .loginpress_page_loginpress-help #wpcontent .loginpress-help-page .loginpress-log-file {
2056 border: 1px solid #2B3D54 !important;
2057 background-color: #2c3d53 !important;
2058 padding: 13px 25px;
2059 font-size: 16px;
2060 line-height: 24px;
2061 font-weight: 600;
2062 color: #fff !important;
2063 font-family: "Poppins", sans-serif;
2064 transition: all 0.3s;
2065 border-radius: 5px;
2066 cursor: pointer;
2067 text-shadow: none;
2068 box-shadow: none !important;
2069 }
2070
2071 .loginpress_page_loginpress-help #wpcontent .loginpress-help-page .loginpress-log-file:hover {
2072 background-color: #fff !important;
2073 color: #2c3d53 !important;
2074 border: 1px solid #2c3d53 !important;
2075 }
2076
2077 /* Import/Export Styling */
2078
2079 .loginpress_page_loginpress-import-export #wpcontent .loginpress-import-export-page {
2080 padding: 0px 20px 0 0;
2081 max-width: 1370px;
2082 width: 100%;
2083 margin: 0 auto;
2084 box-sizing: border-box;
2085 }
2086
2087 .loginpress_page_loginpress-import-export #wpcontent .loginpress-import-export-page>h2,
2088 .loginpress_page_loginpress-import-export #wpcontent .loginpress-import-export-page>h3 {
2089 font-size: 22px;
2090 margin-top: 10px !important;
2091 margin-bottom: 10px !important;
2092 font-weight: 600;
2093 line-height: 32px;
2094 color: #516885;
2095 font-family: "Poppins", sans-serif;
2096 }
2097
2098 .loginpress-import-export-page table tr th {
2099 font-size: 16px;
2100 line-height: 24px;
2101 color: #516885;
2102 font-family: "Poppins", sans-serif;
2103 font-weight: 500;
2104 width: 275px !important;
2105 padding: 20px 10px 15px 0;
2106 }
2107
2108 .loginpress_page_loginpress-import-export #wpcontent .loginpress-import-export-page .import_setting .loginpress-import:disabled {
2109 border: 1px solid #d2ddf2;
2110 background-color: #D2DDF2 !important;
2111 padding: 12px 24px;
2112 font-size: 16px;
2113 line-height: 24px;
2114 font-weight: 600;
2115 color: #8F9EC3 !important;
2116 font-family: "Poppins", sans-serif;
2117 transition: all 0.3s;
2118 border-radius: 5px;
2119 cursor: not-allowed;
2120 }
2121
2122 .loginpress_page_loginpress-import-export #wpcontent .loginpress-import-export-page .export_setting .loginpress-export,
2123 .loginpress_page_loginpress-import-export #wpcontent .loginpress-import-export-page .import_setting .loginpress-import {
2124 border: none;
2125 background-color: #2c3d53;
2126 padding: 12px 24px;
2127 font-size: 16px;
2128 line-height: 24px;
2129 font-weight: 600;
2130 color: #fff;
2131 font-family: "Poppins", sans-serif;
2132 transition: all 0.3s;
2133 border-radius: 5px;
2134 cursor: pointer;
2135 border: 1px solid #2B3D54;
2136 }
2137
2138 .loginpress_page_loginpress-import-export #wpcontent .loginpress-import-export-page .export_setting .loginpress-export:hover,
2139 .loginpress_page_loginpress-import-export #wpcontent .loginpress-import-export-page .import_setting .loginpress-import:hover {
2140 background-color: #fff;
2141 border: 1px solid #2B3D54;
2142 color: #2B3D54;
2143 }
2144
2145 #wpcontent .loginpress-settings-heading,
2146 #wpcontent .loginpress-license-heading {
2147 font-size: 0;
2148 margin: 0;
2149 padding: 0;
2150 display: none;
2151 }
2152
2153 .toplevel_page_loginpress-settings #loginpress_limit_login_log tbody tr:last-child th {
2154 border-bottom: 1px solid #D2DDF2 !important;
2155 }
2156
2157 .loginpress-video-popup {
2158 position: fixed;
2159 top: 0;
2160 right: 0;
2161 height: 100%;
2162 background: rgb(0 0 0 / 80%);
2163 z-index: 100;
2164 display: none;
2165 left: 160px;
2166 }
2167
2168 .folded .loginpress-video-popup {
2169 left: 36px;
2170 }
2171
2172 .loginpress-cross {
2173 position: fixed;
2174 top: 44px;
2175 right: 10px;
2176 width: 50px;
2177 height: 50px;
2178 cursor: pointer;
2179 }
2180
2181 .loginpress-video-overlay {
2182 position: fixed;
2183 top: 0;
2184 left: 0;
2185 }
2186
2187
2188 .loginpress-video-play .loginpress-video-popup {
2189 display: block;
2190 }
2191
2192 .loginpress-video-play body {
2193 overflow: hidden;
2194 }
2195
2196 .loginpress-video-frame iframe {
2197 width: 100%;
2198 height: 100%;
2199 }
2200
2201 .loginpress-video-frame iframe {
2202 width: calc(177.78vh);
2203 height: calc(100vh);
2204 box-sizing: border-box;
2205 padding: 2.5rem 4.4444444444rem;
2206 margin: 0 auto;
2207 display: block;
2208 }
2209
2210 .loginpress-cross {
2211 cursor: pointer;
2212 position: fixed;
2213 right: 32px;
2214 top: 44px;
2215 width: 32px;
2216 height: 32px;
2217 opacity: 1;
2218 z-index: 2;
2219 transition: all 0.3s;
2220 }
2221
2222 .loginpress-cross:hover {
2223 opacity: 0.7;
2224 }
2225
2226 .loginpress-cross:before,
2227 .loginpress-cross:after {
2228 position: absolute;
2229 left: 15px;
2230 content: ' ';
2231 height: 33px;
2232 width: 2px;
2233 background-color: #fff;
2234 }
2235
2236 .loginpress-cross:before {
2237 transform: rotate(45deg);
2238 }
2239
2240 .loginpress-cross:after {
2241 transform: rotate(-45deg);
2242 }
2243
2244 .loginpress-video-overlay {
2245 position: fixed;
2246 top: 0;
2247 left: 0;
2248 }
2249
2250 .metabox-holder form th label{
2251 cursor: default;
2252 }
2253
2254 .loginpress-video-play .loginpress-video-popup {
2255 display: block;
2256 }
2257
2258 .loginpress-video-play body {
2259 overflow: hidden;
2260 }
2261
2262 .loginpress-video-frame iframe {
2263 width: 100%;
2264 height: 100%;
2265 }
2266
2267 .loginpress-video-frame iframe {
2268 width: calc(177.78vh);
2269 height: calc(100vh);
2270 box-sizing: border-box;
2271 padding: 2.5rem 4.4444444444rem;
2272 margin: 0 auto;
2273 display: block;
2274 }
2275
2276 .loginpress-video-overlay {
2277 position: fixed;
2278 top: 0;
2279 left: 0;
2280 width: 100%;
2281 height: 100%;
2282 }
2283
2284 .loginpress-video-frame iframe {
2285 position: relative;
2286 z-index: 1;
2287 background: #000;
2288 background-clip: content-box;
2289 }
2290
2291 .loginpress-video-frame {
2292 display: inline-block;
2293 vertical-align: middle;
2294 width: calc(100% - 16px);
2295 margin-left: 8px;
2296 }
2297
2298 .loginpress-video-popup:after {
2299 content: '';
2300 display: inline-block;
2301 width: 2px;
2302 height: 100%;
2303 vertical-align: middle;
2304 }
2305
2306 .loginpress_page_loginpress-addons #wpcontent .loginpress-addons-wrap>h2,
2307 .loginpress_page_loginpress-addons #wpcontent .loginpress-addons-wrap>h3,
2308 .loginpress_page_loginpress-license #wpcontent .wrap>h2,
2309 .loginpress_page_loginpress-license #wpcontent .wrap>h3 {
2310 font-size: 22px;
2311 margin-top: 10px !important;
2312 margin-bottom: 0px !important;
2313 font-weight: 600;
2314 line-height: 32px;
2315 color: #516885;
2316 font-family: "Poppins", sans-serif;
2317 }
2318
2319 body.loginpress_page_loginpress-addons .main_notice_msg {
2320 background: #F6366A;
2321 margin: 20px 0 20px;
2322 padding: 15px;
2323 color: #fff;
2324 display: inline-block;
2325 font-size: 16px;
2326 line-height: 24px;
2327 font-family: "Poppins", sans-serif;
2328 border-radius: 5px;
2329 }
2330
2331 .addon_cards_wraper {
2332 display: flex;
2333 flex-wrap: wrap;
2334 margin: 0 -15px;
2335 width: calc(100% + 15px);
2336 box-sizing: border-box;
2337 }
2338
2339 #loginpress_limit_login_attempts .ip_add_remove .regular-text{
2340 max-width: 300px;
2341 width: 100%;
2342 margin-right: 10px;
2343 margin-bottom: 10px;
2344 }
2345
2346 .loginpress-extension {
2347 float: none;
2348 box-sizing: border-box;
2349 width: calc(33% - 30px);
2350 margin: 0px 15px 30px;
2351 border: 2px solid #c8d6f1;
2352 display: inline-block;
2353 height: auto;
2354 vertical-align: top;
2355 background: #fff;
2356 min-height: 300px;
2357 position: relative;
2358 padding-bottom: 70px;
2359 border-radius: 8px;
2360 overflow: hidden;
2361 }
2362
2363 body.loginpress_page_loginpress-addons .loginpress-extension .loginpress_addons_links {
2364 position: relative;
2365 background-color: #DEE5F2;
2366 text-decoration: none !important;
2367 }
2368
2369 .loginpress-extension h3 {
2370 margin: -2px -2px 0 0;
2371 position: relative;
2372 overflow: hidden;
2373 box-sizing: border-box;
2374 padding: 10px 60px 10px 20px;
2375 border-bottom: 2px solid #c8d6f1;
2376 background-size: 115px 100px;
2377 height: 100px;
2378 color: #5C7697;
2379 font-size: 16px;
2380 font-family: "Poppins", sans-serif;
2381 line-height: 1.3;
2382 display: flex;
2383 align-items: center;
2384 }
2385
2386 .loginpress-extension h3 span{
2387 width: calc(100% - 100px);
2388 display: block;
2389 }
2390
2391 #wpbody-content .loginpress-extension .button-primary {
2392 border: 0;
2393 text-shadow: none;
2394 background: #516885;
2395 padding: 12px 18px;
2396 height: auto;
2397 font-size: 15px;
2398 cursor: pointer;
2399 position: absolute;
2400 bottom: 20px;
2401 left: 50%;
2402 transform: translateX(-50%);
2403 box-shadow: none;
2404 border-radius: 5px;
2405 transition: background-color .3s;
2406 font-size: 16px;
2407 line-height: 24px;
2408 color: #fff;
2409 font-family: "Poppins", sans-serif;
2410 font-weight: 500;
2411 text-decoration: none;
2412 }
2413
2414 #wpbody-content .loginpress-extension .button-primary:active,
2415 #wpbody-content .loginpress-extension .button-primary:hover,
2416 #wpbody-content .loginpress-extension .button-primary:focus {
2417 background: #2B3D54;
2418 box-shadow: none;
2419 outline: none;
2420 }
2421
2422 body #loginpress_limit_login_attempts [id*="loginpress_limit_log"] tbody td,
2423 body #loginpress_limit_login_attempts [id*="loginpress_limit_log"] tbody th{
2424 border-right: 1px solid #D2DDF2;
2425 }
2426
2427 body #loginpress_limit_login_attempts [id*="loginpress_limit_log"] tbody td:first-child,
2428 body #loginpress_limit_login_attempts [id*="loginpress_limit_log"] tbody th:first-child{
2429 border-left: 1px solid #D2DDF2 !important;
2430 }
2431
2432 body table.dataTable.display tbody tr.even>.sorting_1,
2433 body table.dataTable.order-column.stripe tbody tr.even>.sorting_1,
2434 body table.dataTable.display tbody tr.odd>.sorting_1,
2435 body table.dataTable.order-column.stripe tbody tr.odd>.sorting_1{
2436 background-color: transparent;
2437 }
2438
2439 body table.dataTable.stripe tbody tr.odd,
2440 body table.dataTable.display tbody tr.odd{
2441 background-color: #F6F9FF;
2442 }
2443
2444 body table.dataTable.stripe tbody tr.even,
2445 body table.dataTable.display tbody tr.even{
2446 background: #fff;
2447 }
2448
2449 #loginpress_limit_login_attempts [id*="loginpress_limit_log"] thead,
2450 #loginpress_limit_login_attempts [id*="loginpress_limit_log"] tfoot,
2451 #loginpress_login_redirect_users tbody tr:first-child,
2452 #loginpress_login_redirect_roles tbody tr:first-child,
2453 #loginpress_autologin_users tbody tr:first-child{
2454 background-color: #DEE5F2;
2455 }
2456
2457 #loginpress_limit_login_attempts [id*="loginpress_limit_log"] thead .sorting{
2458 background: url(../img/thead-sort-icon.svg) right 5px center no-repeat;
2459 }
2460
2461 body #loginpress_limit_login_attempts [id*="loginpress_limit_log"] thead th{
2462 border-bottom: 1px solid #D2DDF2;
2463 }
2464
2465 body #loginpress_limit_login_attempts [id*="loginpress_limit_log"] tfoot th{
2466 border-top: 1px solid #D2DDF2;
2467 }
2468
2469 body #loginpress_limit_login_attempts [id*="loginpress_limit_log"] tbody td .loginpress-whitelist-clear,
2470 body #loginpress_limit_login_attempts [id*="loginpress_limit_log"] tbody td .loginpress-blacklist-clear{
2471 background-color: #2c3d53;
2472 border: 1px solid #2c3d53;
2473 transition: all 0.3s;
2474 font-weight: 500;
2475 }
2476
2477 body #loginpress_limit_login_attempts [id*="loginpress_limit_log"] tbody td .loginpress-whitelist-clear:hover,
2478 body #loginpress_limit_login_attempts [id*="loginpress_limit_log"] tbody td .loginpress-blacklist-clear:hover{
2479 background-color: #fff;
2480 color: #2c3d53;
2481 }
2482
2483 .loginpress_page_loginpress-license #wpcontent form input+label{
2484 font-family: "Poppins", sans-serif;
2485 color: #2B3D54;
2486 font-size: 14px;
2487 line-height: 24px;
2488 margin: 4px 0 0 1px;
2489 max-width: 450px;
2490 display: block;
2491 }
2492
2493 .loginpress-settings-desc{
2494 font-size: 12px;
2495 line-height: 1.4;
2496 font-style: italic;
2497 display: block;
2498 margin-top: 2px;
2499 }
2500 tr.list-active {
2501 z-index: 99;
2502 position: relative;
2503 }
2504
2505 /* Right to left content styling */
2506
2507 [dir="rtl"] .toplevel_page_loginpress-settings #wpbody-content .loginpress-admin-setting .loginpress-settings .inside .loginpress-social-login-tab-wrapper,
2508 [dir="rtl"] .toplevel_page_loginpress-settings .inside [class*="tab-wrapper"]{
2509 display: flex;
2510 width: 100%;
2511 flex-wrap: wrap;
2512 }
2513
2514 [dir="rtl"] .form-table td fieldset label{
2515 display: flex;
2516 padding-left: 10px !important;
2517 padding-right: 0 !important;
2518 }
2519
2520 [dir="rtl"] .form-table td fieldset label .loginpress-check-hidden+.loginpress-checkbox{
2521 margin-left: 15px;
2522 margin-right: 0;
2523 min-width: 36px;
2524 }
2525
2526 [dir="rtl"] input[type=checkbox].loginpress-check-hidden:checked+.loginpress-checkbox:after{
2527 left: 0px;
2528 }
2529
2530 [dir="rtl"] input[type=checkbox].loginpress-check-hidden+.loginpress-checkbox:after{
2531 left: -15px;
2532 }
2533
2534 [dir="rtl"] input[type=checkbox].loginpress-check-hidden+.loginpress-checkbox:after{
2535 left: -15px;
2536 }
2537
2538 [dir="rtl"] .toplevel_page_loginpress-settings #wpcontent .inside .video a{
2539 right: auto;
2540 left: 0;
2541 }
2542
2543 [dir="rtl"] body .add_black_list, .loginpress-attempts-blacklist{
2544 margin-right: 5px;
2545 }
2546
2547 [dir="rtl"] .toplevel_page_loginpress-settings #wpbody-content .loginpress-admin-setting .loginpress-settings .inside .loginpress-social-login-tab-wrapper,
2548 [dir="rtl"] .toplevel_page_loginpress-settings .inside [class*="tab-wrapper"]{
2549 display: flex;
2550 width: 100%;
2551 flex-wrap: wrap;
2552 }
2553
2554 [dir="rtl"] .form-table td fieldset label{
2555 display: flex;
2556 padding-left: 10px !important;
2557 padding-right: 0 !important;
2558 }
2559
2560 [dir="rtl"] .form-table td fieldset label .loginpress-check-hidden+.loginpress-checkbox{
2561 margin-left: 15px;
2562 margin-right: 0;
2563 min-width: 36px;
2564 }
2565
2566 [dir="rtl"] input[type=checkbox].loginpress-check-hidden:checked+.loginpress-checkbox:after{
2567 left: 0px;
2568 }
2569
2570 [dir="rtl"] input[type=checkbox].loginpress-check-hidden+.loginpress-checkbox:after{
2571 left: -15px;
2572 }
2573
2574 [dir="rtl"] input[type=checkbox].loginpress-check-hidden+.loginpress-checkbox:after{
2575 left: -15px;
2576 }
2577
2578 [dir="rtl"] .toplevel_page_loginpress-settings #wpcontent .inside .video a{
2579 right: auto;
2580 left: 0;
2581 }
2582
2583 [dir="rtl"] .rpt-review-notice,
2584 [dir="rtl"] .loginpress-review-notice{
2585 padding: 15px 30px 15px 0;
2586 margin: 20px 0 0 20px;
2587 }
2588
2589 [dir="rtl"] body .add_black_list, .loginpress-attempts-blacklist{
2590 margin-right: 5px;
2591 }
2592
2593 [dir="rtl"] .loginpress_page_loginpress-addons #wpbody-content .addon_cards_wraper .loginpress-radio-btn:after{
2594 left: -18px;
2595 }
2596
2597 [dir="rtl"] .loginpress_page_loginpress-addons #wpbody-content .addon_cards_wraper .loginpress-uninstall-pro-addon + .loginpress-radio-btn:after{
2598 left: 0;
2599 }
2600
2601 [dir="rtl"] .loginpress_page_loginpress-addons #wpbody-content .addon_cards_wraper .loginpress_addons_links .loginpress_addons_thumbnails{
2602 margin-right: 0;
2603 margin-left: 20px;
2604 }
2605
2606 @media (min-width: 1380px) {
2607 body[class*="page_loginpress"] #wpbody-content .wrap{
2608 max-width: 1370px;
2609 width: 100%;
2610 margin: auto;
2611 }
2612 }
2613
2614 @media (max-aspect-ratio: 16/9) {
2615 .loginpress-video-frame iframe {
2616 width: 100%;
2617 height: calc(56.25vw);
2618 padding: 40px;
2619 max-width: 1200px;
2620 }
2621
2622 .loginpress-cross {
2623 top: 44px;
2624 right: 10px;
2625 width: 24px;
2626 height: 24px;
2627 }
2628
2629 .loginpress-cross:after,
2630 .loginpress-cross:before {
2631 left: 11px;
2632 height: 24px;
2633 }
2634 }
2635
2636 @media (min-width: 960px) and (min-width: 767px) {
2637 .loginpress-video-frame iframe {
2638 max-width: 960px;
2639 height: 512px;
2640 max-height: 100vh;
2641 }
2642 }
2643
2644 @media screen and (min-width: 768px) {
2645 .toplevel_page_loginpress-settings #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper,
2646 .loginpress_page_loginpress-license #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper{
2647 display: flex !important;
2648 flex-direction: column;
2649 }
2650 }
2651
2652
2653
2654 @media screen and (max-width: 1320px) {
2655 #wpcontent .loginpress-header-wrapper .loginpress-header-container .loginpress-header-cta a:after {
2656 width: 130px;
2657 }
2658
2659 #wpcontent .loginpress-header-wrapper .loginpress-header-container .loginpress-header-logo a img {
2660 max-width: 220px;
2661 width: 100%;
2662 }
2663
2664 .toplevel_page_loginpress-settings #wpbody-content .loginpress-admin-setting .loginpress-settings,
2665 .loginpress_page_loginpress-license #wpbody-content .loginpress-admin-setting > .loginpress-settings{
2666 background-color: #fff;
2667 width: calc(100% - 225px);
2668 padding-left: 20px;
2669 padding-right: 20px;
2670 }
2671
2672 .toplevel_page_loginpress-settings #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper,
2673 .loginpress_page_loginpress-license #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper {
2674 width: 210px;
2675 }
2676
2677 .toplevel_page_loginpress-settings #wpcontent .inside .video a {
2678 padding: 15px 15px 15px 45px;
2679 top: -45px;
2680 font-size: 14px;
2681 line-height: 22px;
2682 position: relative;
2683 top: 0;
2684 right: 0;
2685 margin: 0px;
2686 }
2687
2688 .toplevel_page_loginpress-settings #wpcontent .inside .video a:before {
2689 left: 10px;
2690 }
2691
2692 .toplevel_page_loginpress-settings #wpcontent .inside .desc>* {
2693 padding-right: 0px;
2694 }
2695
2696 .toplevel_page_loginpress-settings #wpbody-content .loginpress-admin-setting .loginpress-settings .form-table tr th,
2697 .loginpress-license-settings table tr th,
2698 .loginpress-import-export-page table tr th {
2699 font-size: 14px;
2700 line-height: 21px;
2701 width: 170px !important;
2702 }
2703
2704 #wpcontent table tr td {
2705 padding-right: 0 !important;
2706 }
2707
2708 body input[type=date],
2709 body input[type=datetime-local],
2710 body input[type=datetime],
2711 body input[type=email],
2712 body input[type=month],
2713 body input[type=number],
2714 body input[type=password],
2715 body input[type=search],
2716 body input[type=tel],
2717 body input[type=text],
2718 body input[type=time],
2719 body input[type=url],
2720 body input[type=week],
2721 body input[type="file"] {
2722 height: 40px;
2723 padding: 7px ​10px;
2724 }
2725
2726 .toplevel_page_loginpress-settings #wpcontent .inside .desc p {
2727 font-size: 14px;
2728 line-height: 20px;
2729 margin-top: 0;
2730 }
2731
2732 .toplevel_page_loginpress-settings #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list .nav-tab,
2733 .loginpress_page_loginpress-license #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list .nav-tab {
2734 font-size: 13px;
2735 line-height: 20px;
2736 }
2737
2738 .toplevel_page_loginpress-settings #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list span,
2739 .loginpress_page_loginpress-license #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list span {
2740 font-size: 10px;
2741 }
2742
2743 .toplevel_page_loginpress-settings #wpbody-content .loginpress-addon-promotion-video .inside {
2744 display: block;
2745 }
2746
2747 .toplevel_page_loginpress-settings #wpbody-content .loginpress-admin-setting .loginpress-settings .form-table tr td .description {
2748 font-size: 13px;
2749 line-height: 20px;
2750 }
2751
2752 .loginpress_page_loginpress-help #wpcontent .loginpress-help-page pre textarea {
2753 font-size: 14px;
2754 }
2755
2756 body #wpcontent input[type="file"] {
2757 padding: 6px 15px;
2758 }
2759
2760 /* body[class*="loginpress_page_loginpress"] #wpbody-content {
2761 padding-top: 110px !important;
2762 } */
2763
2764 #wpbody-content .loginpress-admin-setting a.loginpress-premium {
2765 font-size: 13px;
2766 }
2767
2768 #wpcontent .loginpress-header-wrapper .loginpress-header-container .loginpress-header-cta a {
2769 padding: 10px 15px;
2770 font-size: 14px;
2771 }
2772
2773 .upload-file {
2774 max-width: 350px;
2775 }
2776
2777 [id*="loginpress"] form .video{
2778 margin-top: 15px;
2779 }
2780
2781 }
2782
2783 @media screen and (max-width: 772px) {
2784 .loginpress-video-popup,
2785 .auto-fold .loginpress-video-popup{
2786 left: 0px;
2787 }
2788
2789 .wp-responsive-open .loginpress-video-popup,
2790 .auto-fold .wp-responsive-open .loginpress-video-popup{
2791 left: 190px;
2792 }
2793
2794 .loginpress-cross {
2795 top: 55px;
2796 }
2797 }
2798
2799 @media screen and (min-width: 768px) {
2800 .toplevel_page_loginpress-settings #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper{
2801 display: flex !important;
2802 }
2803 }
2804
2805 @media screen and (min-width: 1025px) {
2806 .toplevel_page_loginpress-settings #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper{
2807 display: block !important;
2808 }
2809
2810 [dir="rtl"] .toplevel_page_loginpress-settings #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list .nav-tab,
2811 [dir="rtl"] .loginpress_page_loginpress-license #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list .nav-tab{
2812 padding-right: 57px;
2813 padding-left: 15px;
2814 }
2815
2816 [dir="rtl"] .toplevel_page_loginpress-settings #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .nav-tab:after,
2817 [dir="rtl"] .loginpress_page_loginpress-license #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .nav-tab:after{
2818 left: auto;
2819 right: 15px;
2820 }
2821 }
2822
2823 @media screen and (max-width: 1024px) {
2824 .toplevel_page_loginpress-settings #wpbody-content .loginpress-admin-setting,
2825 .loginpress_page_loginpress-license #wpbody-content .loginpress-admin-setting{
2826 flex-direction: column;
2827 }
2828
2829 .toplevel_page_loginpress-settings #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper,
2830 .toplevel_page_loginpress-settings #wpbody-content .loginpress-admin-setting .loginpress-settings,
2831 .loginpress_page_loginpress-license #wpbody-content .loginpress-admin-setting .loginpress-settings,
2832 .loginpress_page_loginpress-license #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper{
2833 width: 100%;
2834 }
2835
2836 .toplevel_page_loginpress-settings #wpbody-content .loginpress-admin-setting .loginpress-settings,
2837 .loginpress_page_loginpress-license #wpbody-content .loginpress-admin-setting .loginpress-settings{
2838 margin-top: 0;
2839 }
2840
2841 .toplevel_page_loginpress-settings #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper,
2842 .loginpress_page_loginpress-license #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper{
2843 flex-direction: row;
2844 padding-top: 0;
2845 }
2846
2847 .toplevel_page_loginpress-settings #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list,
2848 .loginpress_page_loginpress-license #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list {
2849 display: flex;
2850 }
2851
2852 .toplevel_page_loginpress-settings #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list .nav-tab,
2853 .loginpress_page_loginpress-license #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list .nav-tab{
2854 background-color: rgb(255 255 255 / 50%);
2855 padding: 55px 15px 15px 15px;
2856 min-height: auto;
2857 width: 100%;
2858 text-align: center;
2859 }
2860
2861 .toplevel_page_loginpress-settings #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .nav-tab:after,
2862 .loginpress_page_loginpress-license #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list .nav-tab:after{
2863 left: 50%;
2864 top: 15px;
2865 transform: translateX(-50%);
2866 }
2867
2868 .toplevel_page_loginpress-settings #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list span,
2869 .loginpress_page_loginpress-license #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list span {
2870 display: none;
2871 }
2872
2873 .toplevel_page_loginpress-settings #wpbody-content .loginpress-admin-setting .loginpress-settings .form-table tr td fieldset {
2874 max-width: 100%;
2875 }
2876
2877 #wpbody-content .loginpress-admin-setting a.loginpress-premium {
2878 display: none;
2879 }
2880
2881 .loginpress-premium .dashicons-star-filled {
2882 top: 10px;
2883 left: 50%;
2884 transform: translate(-50%, 0);
2885 }
2886
2887 #wpcontent .loginpress-header-wrapper .loginpress-header-container .loginpress-header-logo a img {
2888 max-width: 86px;
2889 }
2890
2891 #wpcontent .loginpress-header-wrapper .loginpress-header-container .loginpress-header-cta .loginpress-pro-cta span{
2892 display: none;
2893 }
2894
2895 .loginpress-header-wrapper .loginpress-header-container {
2896 padding: 10px 15px 10px 70px !important;
2897 }
2898 #wpcontent .loginpress-header-wrapper .loginpress-header-container .loginpress-header-cta {
2899 flex-direction: row-reverse;
2900 justify-content: flex-start;
2901 }
2902
2903 #wpcontent .loginpress-header-wrapper .loginpress-header-container .loginpress-header-cta a.loginpress-pro-cta:before {
2904 display: none;
2905 }
2906
2907 #wpcontent .loginpress-header-wrapper .loginpress-header-container .loginpress-header-cta a {
2908 max-width: 100%;
2909 padding: 4px 15px;
2910 font-size: 14px;
2911 line-height: 20px;
2912 }
2913
2914 #wpcontent .loginpress-header-wrapper .loginpress-header-container .loginpress-header-cta a:after {
2915 width: auto;
2916 }
2917
2918 #wpcontent .loginpress-header-wrapper .loginpress-header-container .loginpress-header-cta a.loginpress-documentation{
2919 padding: 0;
2920 font-size: 0;
2921 background-color: transparent;
2922 border: none;
2923 display: flex;
2924 align-items: center;
2925 }
2926
2927 #wpcontent .loginpress-header-wrapper .loginpress-header-container .loginpress-header-cta a.loginpress-documentation:before {
2928 background-position: -78px -1px;
2929 margin-right: 0;
2930 }
2931
2932 #wpcontent .loginpress-header-wrapper{
2933 background-position: left -30px top -30px;
2934 background-size: 88px;
2935 }
2936
2937 .toplevel_page_loginpress-settings #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list:hover #loginpress_limit_login_attempts-tab:after,
2938 .toplevel_page_loginpress-settings #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list #loginpress_limit_login_attempts-tab.nav-tab-active:after,
2939 .loginpress_page_loginpress-license #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list:hover #loginpress_limit_login_attempts-tab:after,
2940 .loginpress_page_loginpress-license #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list #loginpress_limit_login_attempts-tab.nav-tab-active:after{
2941 left: 50%;
2942 }
2943 }
2944
2945 @media (max-width: 960px) {
2946 .auto-fold .loginpress-video-popup {
2947 left: 36px;
2948 }
2949
2950 .loginpress-video-popup {
2951 left: 160px;
2952 }
2953 }
2954
2955 @media screen and (max-width: 950px) {
2956 .loginpress-advertise {
2957 max-width: 100%;
2958 float: left;
2959 }
2960
2961 h1 .nav-tab,
2962 h2 .nav-tab,
2963 h3 .nav-tab {
2964 margin: 0 !important;
2965 }
2966
2967 body #wpcontent input[type="file"] {
2968 display: block;
2969 }
2970
2971 .loginpress-extension {
2972 width: calc(50% - 30px);
2973
2974 }
2975 }
2976
2977 @media screen and (max-width: 772px) {
2978 .loginpress-video-popup,
2979 .auto-fold .loginpress-video-popup{
2980 left: 0px;
2981 }
2982
2983 .wp-responsive-open .loginpress-video-popup,
2984 .auto-fold .wp-responsive-open .loginpress-video-popup{
2985 left: 190px;
2986 }
2987
2988 .loginpress-cross {
2989 top: 55px;
2990 }
2991 }
2992
2993 @media screen and (max-width: 767px) {
2994 .wpbrigade-video-popup {
2995 max-width: 455px;
2996 width: 100%;
2997 height: auto;
2998 padding: 37px 20px 9px;
2999 }
3000
3001 .wpbrigade-video-popup iframe {
3002 height: 200px;
3003 }
3004
3005 .toplevel_page_loginpress-settings #wpbody-content .loginpress-admin-setting,
3006 .loginpress_page_loginpress-license #wpbody-content .loginpress-admin-setting{
3007 flex-direction: column;
3008 padding: 0;
3009 }
3010
3011 .toplevel_page_loginpress-settings #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper,
3012 .loginpress_page_loginpress-license #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper{
3013 width: 100%;
3014 }
3015
3016 .toplevel_page_loginpress-settings #wpbody-content .loginpress-admin-setting .loginpress-settings,
3017 .loginpress_page_loginpress-license #wpbody-content .loginpress-admin-setting .loginpress-settings{
3018 background-color: transparent;
3019 width: 100%;
3020 }
3021
3022 #wpbody-content .loginpress-admin-setting a.loginpress-premium{
3023 width: 100%;
3024 min-width: 230px;
3025 }
3026
3027 .toplevel_page_loginpress-settings #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper,
3028 .loginpress_page_loginpress-license #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper{
3029 padding-top: 0;
3030 flex-direction: column;
3031 border-radius: 0 0 5px 5px;
3032 overflow: hidden;
3033 box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);
3034 display: none;
3035 position: absolute;
3036 top: calc(100% - 1px);
3037 z-index: 10;
3038 border-top: 1px solid #daddde;
3039 }
3040
3041 .toplevel_page_loginpress-settings #wpbody-content .loginpress-admin-setting .loginpress-tabs-main,
3042 .loginpress_page_loginpress-license #wpbody-content .loginpress-admin-setting .loginpress-tabs-main{
3043 position: relative;
3044 }
3045
3046 .toplevel_page_loginpress-settings #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list,
3047 .loginpress_page_loginpress-license #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list{
3048 display: block;
3049 width: 100%;
3050 margin-bottom: 0;
3051 cursor: pointer;
3052 min-width: fit-content;
3053 }
3054
3055 .toplevel_page_loginpress-settings #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list .nav-tab,
3056 .loginpress_page_loginpress-license #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list .nav-tab {
3057 background-color: rgb(255 255 255 / 100%);
3058 padding: 15px 15px 15px 46px;
3059 min-height: auto;
3060 width: 100%;
3061 text-align: left;
3062 font-size: 14px;
3063 line-height: 21px;
3064 }
3065
3066 .loginpress-tabs-main .tabs-toggle {
3067 display: block;
3068 font-size: 14px;
3069 font-weight: 500;
3070 padding: 10px 15px;
3071 background-color: #fff;
3072 border-radius: 5px;
3073 border: none;
3074 position: relative;
3075 cursor: pointer;
3076 }
3077
3078 .loginpress-tabs-main .tabs-toggle.active{
3079 border-radius: 5px 5px 0 0;
3080 }
3081
3082 .loginpress-tabs-main .tabs-toggle:after{
3083 content: "";
3084 right: 15px;
3085 top: 50%;
3086 transform: translateY(-50%);
3087 width: 14px;
3088 height: 8px;
3089 background: url(../img/menu-dropdown-icon.svg) center center no-repeat;
3090 background-size: contain;
3091 display: block;
3092 position: absolute;
3093 }
3094
3095 .loginpress-tabs-main .tabs-toggle.active:after{
3096 transform: translateY(-50%) rotate(180deg);
3097 }
3098
3099 .toplevel_page_loginpress-settings #wpbody-content .loginpress-settings-heading{
3100 display: none;
3101 }
3102
3103 .toplevel_page_loginpress-settings #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .nav-tab:after,
3104 .loginpress_page_loginpress-license #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list .nav-tab:after{
3105 left: 15px;
3106 top: 50%;
3107 transform: translate(0%, -50%);
3108 width: 21px;
3109 height: 21px;
3110 background-size: 150px;
3111 }
3112 .toplevel_page_loginpress-settings #wpbody-content .loginpress-admin-setting .loginpress-settings,
3113 .loginpress_page_loginpress-license #wpbody-content .loginpress-admin-setting .loginpress-settings{
3114 background-color: transparent;
3115 padding-left: 0;
3116 padding-right: 0;
3117 }
3118
3119 .toplevel_page_loginpress-settings #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list .nav-tab,
3120 .loginpress_page_loginpress-license #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list .nav-tab{
3121 height: 100%;
3122 }
3123
3124 .toplevel_page_loginpress-settings #wpbody-content .loginpress-admin-setting .loginpress-settings .form-table tr th,
3125 .loginpress-license-settings table tr th, .loginpress-import-export-page table tr th{
3126 padding: 10px 0 0;
3127 width: 100% !important;
3128 }
3129
3130 ::-webkit-scrollbar {
3131 -webkit-appearance: none;
3132 }
3133
3134 ::-webkit-scrollbar:vertical {
3135 width: 12px;
3136 }
3137
3138 ::-webkit-scrollbar:horizontal {
3139 height: 12px;
3140 }
3141
3142 ::-webkit-scrollbar-thumb {
3143 background-color: rgba(0, 0, 0, .5);
3144 border-radius: 10px;
3145 border: 2px solid #ffffff;
3146 }
3147
3148 ::-webkit-scrollbar-track {
3149 border-radius: 10px;
3150 background-color: #ffffff;
3151 }
3152
3153 input[type=radio] {
3154 margin: 0 15px 0 0px !important;
3155 }
3156
3157 #wpcontent {
3158 padding-left: 15px !important;
3159 }
3160
3161 .toplevel_page_loginpress-settings #wpbody-content .loginpress-admin-setting .loginpress-settings .form-table tr td fieldset label p,
3162 .toplevel_page_loginpress-settings #wpbody-content .loginpress-admin-setting .loginpress-settings .form-table tr td fieldset label {
3163 font-size: 13px;
3164 }
3165
3166 .loginpress_page_loginpress-import-export #wpcontent .loginpress-import-export-page .import_setting .loginpress-import:disabled,
3167 .loginpress_page_loginpress-import-export #wpcontent .loginpress-import-export-page .import_setting .loginpress-import {
3168 margin-top: 15px;
3169 display: block;
3170 }
3171
3172 .toplevel_page_loginpress-settings #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .nav-tab:after,
3173 .loginpress_page_loginpress-license #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .nav-tab:after{
3174 background-position: -59px -42px;
3175 }
3176
3177 .toplevel_page_loginpress-settings #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list:hover .nav-tab:after,
3178 .toplevel_page_loginpress-settings #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list .nav-tab.nav-tab-active:after,
3179 .loginpress_page_loginpress-license #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list:hover .nav-tab:after,
3180 .loginpress_page_loginpress-license #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list .nav-tab.nav-tab-active:after{
3181 background-position: -81px -42px;
3182 }
3183
3184 .toplevel_page_loginpress-settings #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list:hover #loginpress_autologin-tab:after,
3185 .toplevel_page_loginpress-settings #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list #loginpress_autologin-tab.nav-tab-active:after,
3186 .loginpress_page_loginpress-license #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list:hover #loginpress_autologin-tab:after,
3187 .loginpress_page_loginpress-license #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list #loginpress_autologin-tab.nav-tab-active:after {
3188 background-position: -21px 0;
3189 }
3190
3191 .toplevel_page_loginpress-settings #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list #loginpress_hidelogin-tab:after, .loginpress_page_loginpress-license #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list #loginpress_hidelogin-tab:after {
3192 background-position: -64px -21px;
3193 }
3194
3195 .toplevel_page_loginpress-settings #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list:hover #loginpress_hidelogin-tab:after,
3196 .toplevel_page_loginpress-settings #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list #loginpress_hidelogin-tab.nav-tab-active:after,
3197 .loginpress_page_loginpress-license #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list:hover #loginpress_hidelogin-tab:after,
3198 .loginpress_page_loginpress-license #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list #loginpress_hidelogin-tab.nav-tab-active:after {
3199 background-position: -86px -21px;
3200 }
3201
3202 .toplevel_page_loginpress-settings #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list #loginpress_limit_login_attempts-tab:after,
3203 .loginpress_page_loginpress-license #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list #loginpress_limit_login_attempts-tab:after {
3204 background-position: -28px -21px;
3205 width: 18px;
3206 height: 21px;
3207 }
3208
3209 .toplevel_page_loginpress-settings #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list:hover #loginpress_limit_login_attempts-tab:after,
3210 .toplevel_page_loginpress-settings #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list #loginpress_limit_login_attempts-tab.nav-tab-active:after,
3211 .loginpress_page_loginpress-license #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list:hover #loginpress_limit_login_attempts-tab:after,
3212 .loginpress_page_loginpress-license #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list #loginpress_limit_login_attempts-tab.nav-tab-active:after {
3213 left: 15px;
3214 background-position: -46px -21px;
3215 width: 18px;
3216 height: 21px;
3217 }
3218
3219 .toplevel_page_loginpress-settings #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list #loginpress_login_redirects-tab:after,
3220 .loginpress_page_loginpress-license #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list #loginpress_login_redirects-tab:after {
3221 background-position: -17px -42px;
3222 }
3223
3224 .toplevel_page_loginpress-settings #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list:hover #loginpress_login_redirects-tab:after,
3225 .toplevel_page_loginpress-settings #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list #loginpress_login_redirects-tab.nav-tab-active:after,
3226 .loginpress_page_loginpress-license #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list:hover #loginpress_login_redirects-tab:after,
3227 .loginpress_page_loginpress-license #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list #loginpress_login_redirects-tab.nav-tab-active:after {
3228 background-position: -38px -42px;
3229 }
3230
3231 .toplevel_page_loginpress-settings #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list #loginpress_social_logins-tab:after,
3232 .loginpress_page_loginpress-license #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list #loginpress_social_logins-tab:after {
3233 background-position: -102px -43px;
3234 }
3235
3236 .toplevel_page_loginpress-settings #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list:hover #loginpress_social_logins-tab:after,
3237 .toplevel_page_loginpress-settings #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list #loginpress_social_logins-tab.nav-tab-active:after,
3238 .loginpress_page_loginpress-license #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list:hover #loginpress_social_logins-tab:after,
3239 .loginpress_page_loginpress-license #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list #loginpress_social_logins-tab.nav-tab-active:after {
3240 background-position: -123px -43px;
3241 }
3242
3243 .toplevel_page_loginpress-settings #wpcontent .rename_login_slug td .loginpress-hidelogin-slug-wrapper input{
3244 padding-left: 5px !important;
3245 }
3246
3247 .toplevel_page_loginpress-settings #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list #loginpress_pro_license-tab:after,
3248 .loginpress_page_loginpress-license #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list #loginpress_pro_license-tab:after {
3249 background-position: -107px -23px;
3250 }
3251
3252 .toplevel_page_loginpress-settings #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list:hover #loginpress_pro_license-tab:after,
3253 .toplevel_page_loginpress-settings #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list #loginpress_pro_license-tab.nav-tab-active:after,
3254 .loginpress_page_loginpress-license #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list:hover #loginpress_pro_license-tab:after,
3255 .loginpress_page_loginpress-license #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list #loginpress_pro_license-tab.nav-tab-active:after {
3256 background-position: -128px -23px;
3257 }
3258
3259 body .loginpress-accordions{
3260 background-color: transparent;
3261 }
3262
3263 .loginpress-social-accordions .loginpress-social-tabs{
3264 padding: 1px 15px;
3265 }
3266 [dir="rtl"] input[type=radio] {
3267 margin: 0 0 0 15px !important;
3268 }
3269
3270 [dir="rtl"] .toplevel_page_loginpress-settings #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .settings-tabs-list .nav-tab{
3271 text-align: right;
3272 padding: 15px 46px 15px 15px;
3273 }
3274
3275 [dir="rtl"] .toplevel_page_loginpress-settings #wpbody-content .loginpress-admin-setting .loginpress-tabs-wrapper .nav-tab:after {
3276 right: 15px;
3277 left: auto;
3278 top: 50%;
3279 }
3280
3281 [dir="rtl"] .loginpress-tabs-main .tabs-toggle {
3282 padding: 10px 50px 10px 15px;
3283 }
3284
3285 }
3286
3287 @media screen and (max-width: 600px) {
3288
3289 #wpcontent .loginpress-header-wrapper{
3290 background-position: left -30px top -30px;
3291 background-size: 88px;
3292 top: 46px;
3293 }
3294
3295 #wpbody-content {
3296 padding-bottom: 30px !important;
3297 }
3298 }
3299