PluginProbe
LoginPress | wp-login Custom Login Page Customizer / 3.0.4
LoginPress | wp-login Custom Login Page Customizer v3.0.4
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.0.4, at css/style.css

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