WP-Chatbot for Facebook Messenger Customer Chat - Version 4.1.2

Version Description

= From Dashboard ( WordPress admin ) = * If plugin new version released - you can see 'update now' link at wp-admin -> plugins * click on 'update now'

= using FTP or similar = * Delete wp-chatbot folder - your setting will not lost. * unzip wp-chatbot file and * Upload "wp-chatbot" folder to the "/wp-content/plugins/" directory. * Activate the plugin through the "Plugins" menu in WordPress.

Download this release

Release Info

Developer yankovski
Plugin Icon 128x128 WP-Chatbot for Facebook Messenger Customer Chat
Version 4.1.2
Comparing to
See all releases

Code changes from version 4.0.9 to 4.1.2

admin/admin.php CHANGED
@@ -23,9 +23,19 @@ require_once('class-htcc-enqueue.php');
23
24
25
$admin = new HTCC_Admin();
26
add_action('admin_menu', array( $admin, 'htcc_options_page') );
27
add_action( 'admin_init', array( $admin, 'htcc_custom_settings' ) );
28
- add_action('admin_init', 'general_admin_notice');
29
30
31
#premium
@@ -35,8 +45,9 @@ if ( 'true' == HTCC_PRO ) {
35
}
36
37
38
- function general_admin_notice(){
39
- if ($_GET['activate']) {
40
if( version_compare( get_bloginfo('version'), HTCC_WP_MIN_VERSION, '<') ) {
41
echo '<style>.update-nag, .updated, .error, .is-dismissible ,.settings{ display: none; }</style>';
42
echo '<style>.settings{ display: block; }</style><div class="updated error is-dismissible" style="display: block">
23
24
25
$admin = new HTCC_Admin();
26
+ $api = new MobileMonkeyApi();
27
add_action('admin_menu', array( $admin, 'htcc_options_page') );
28
add_action( 'admin_init', array( $admin, 'htcc_custom_settings' ) );
29
+ add_action( 'admin_init', array( $admin, 'htcc_incomplete_setup' ) );
30
+ add_action('admin_init', 'htcc_admin_notice');
31
+ add_action('admin_notices', array( $admin, 'example_admin_notice'));
32
+ add_action('wp_ajax_send_done', array($admin,'set_tab_done'));
33
+ add_action('wp_ajax_get_done', array($admin,'get_tab_done'));
34
+ add_action('wp_ajax_set_current_tab', array($admin,'set_current_tab'));
35
+ add_action('wp_ajax_create_subscribe', array($api,'create_subscribe'));
36
+ add_action('wp_ajax_cancel_subscribe', array($api,'cancel_subscribe'));
37
+
38
+
39
40
41
#premium
45
}
46
47
48
+ function htcc_admin_notice(){
49
+
50
+ if (isset($_GET['activate'])&&($_GET['activate'])) {
51
if( version_compare( get_bloginfo('version'), HTCC_WP_MIN_VERSION, '<') ) {
52
echo '<style>.update-nag, .updated, .error, .is-dismissible ,.settings{ display: none; }</style>';
53
echo '<style>.settings{ display: block; }</style><div class="updated error is-dismissible" style="display: block">
admin/assets/css/admin-styles.css CHANGED
@@ -6,7 +6,6 @@
6
.submit {
7
position: sticky !important;
8
bottom: 1px;
9
- float: right;
10
}
11
12
@@ -38,9 +37,7 @@
38
}
39
40
.connected-page {
41
- padding: 15px;
42
- background: #eaeaea;
43
- margin-bottom: 30px;
44
}
45
46
.connected-page .connected-page-title {
@@ -53,11 +50,13 @@
53
color: green;
54
}
55
56
- .connected-page .connected-page-settings {
57
position: relative;
58
}
59
60
- .connected-page .connected-page-settings a {
61
background-color: #ca4646;
62
display: inline-block;
63
padding: 3px 8px;
@@ -67,7 +66,7 @@
67
border-radius: 5px;
68
}
69
70
- .connected-page .connected-page-settings a:hover {
71
color: #3a3a3a;
72
background: #e8e8e8;
73
}
@@ -129,7 +128,8 @@
129
130
.logout-mobilemonkey {
131
text-align: right;
132
- margin: 15px;
133
}
134
135
.logout-mobilemonkey a {
@@ -233,18 +233,55 @@
233
background: url(../img/lazyload.svg) center no-repeat;
234
width: 100%;
235
bottom: 0;
236
}
237
238
.connect-page .lazyload, .connected-page-settings .lazyload {
239
top: -8px;
240
}
241
242
.active-page-info {
243
display: flex;
244
- justify-content: space-between;
245
align-items: center;
246
}
247
-
248
/* .active-page-image, .active-page-info {
249
display: inline-block;
250
vertical-align: middle;
@@ -339,57 +376,10 @@
339
}
340
341
342
- .toc-tab-box h3.acc-title {
343
- color: #002d5b;
344
- background: #F3FAFD;
345
- padding: 20px 0px 20px 30px;
346
- font-size: 20px;
347
- font-weight: 400;
348
- margin: 0px;
349
- margin-bottom: 4px;
350
- cursor: pointer;
351
- position: relative;
352
- transition: all 0.5s ease;
353
- width: 100%;
354
- float: left;
355
- }
356
-
357
- .toc-tab-box table.form-table, .acc-content {
358
- width: 100%;
359
- margin-bottom: 4px;
360
- float: left;
361
- padding: 15px 30px 30px 60px;
362
- font-size: 14px;
363
- position: relative;
364
- overflow: hidden;
365
- background-color: #FFFFFF;
366
- }
367
-
368
369
- .step_fa {
370
- float: right;
371
- margin-right: 20px;
372
- font-size: 48px;
373
- font-weight: bolder;
374
- color: #666;
375
- vertical-align: middle;
376
- }
377
378
- .circle {
379
- width: 50px;
380
- height: 50px;
381
- border-radius: 25px;
382
- color: #fff;
383
- background: #647BE0;
384
- display: inline-block;
385
- font-size: 35px;
386
- line-height: 42px;
387
- text-align: center;
388
- vertical-align: middle;
389
- margin-right: 20px;
390
- }
391
392
- .answering-service .switch {
393
position: relative;
394
display: inline-block;
395
width: 60px;
@@ -491,54 +481,46 @@ body .toc-tab-box .button {
491
.toc-tab-box .form-table th {
492
width: 1px;
493
}
494
495
496
- .toc-tab-box .answering-service .mm_only h6 {
497
line-height: 1.6rem;
498
- margin: 0px;
499
font-weight: 600;
500
font-size: 16px;
501
letter-spacing: 1px;
502
}
503
504
- .mm_only a.button {
505
- margin-top: 20px;
506
height: auto;
507
- background-color: darkgreen;
508
- padding: 25px 40px;
509
- border: 1px solid #000;
510
color: #fff;
511
}
512
513
- .mm_only a.button:active, .mm_only a.button:focus {
514
- background-color: darkgreen;
515
- border: 1px solid #000;
516
- color: #fff;
517
- }
518
519
- .test-bot-button {
520
- float: right;
521
- }
522
523
- .acc-content .testchat {
524
- float: right;
525
- background-color: #6071fb;
526
- color: #FFFFFF;
527
- box-shadow: none;
528
- border: 0px;
529
}
530
-
531
- .acc-content .button.testchat {
532
- padding: 15px;
533
- margin-right: 8px;
534
- margin-bottom: 2px;
535
}
536
537
- .acc-content .testchat:hover,.button.testchat:active {
538
- background-color: #6071fb;
539
- color: #FFFFFF;
540
}
541
542
.test-bot-button__button-wrapper {
543
height: 29px;
544
width: 137px;
@@ -570,13 +552,14 @@ body .toc-tab-box .button {
570
position: absolute;
571
left: 0;
572
top: 0;
573
- width: 135px;
574
padding-right: 0px;
575
z-index: 2;
576
- padding-left: 12px;
577
-webkit-transition: background-color .3s ease-in-out;
578
transition: background-color .3s ease-in-out;
579
cursor: pointer;
580
}
581
582
.fb_iframe_widget span {
@@ -586,4 +569,1708 @@ body .toc-tab-box .button {
586
}
587
.sp-input{
588
text-transform: uppercase;
589
}
6
.submit {
7
position: sticky !important;
8
bottom: 1px;
9
}
10
11
37
}
38
39
.connected-page {
40
+ padding: 0 15px 15px 0;
41
}
42
43
.connected-page .connected-page-title {
50
color: green;
51
}
52
53
+ .connected-page-settings {
54
position: relative;
55
+ float: right;
56
}
57
58
+ .connected-page-settings #button_disconnect_page {
59
+ cursor: pointer;
60
background-color: #ca4646;
61
display: inline-block;
62
padding: 3px 8px;
66
border-radius: 5px;
67
}
68
69
+ .connected-page-settings #button_disconnect_page:hover {
70
color: #3a3a3a;
71
background: #e8e8e8;
72
}
128
129
.logout-mobilemonkey {
130
text-align: right;
131
+ margin: 0 0 15px 0;
132
+ overflow: hidden;
133
}
134
135
.logout-mobilemonkey a {
233
background: url(../img/lazyload.svg) center no-repeat;
234
width: 100%;
235
bottom: 0;
236
+ left: 0;
237
+ }
238
+ .save_change{
239
+ position: relative;
240
}
241
242
.connect-page .lazyload, .connected-page-settings .lazyload {
243
top: -8px;
244
+
245
}
246
247
.active-page-info {
248
display: flex;
249
+ align-items: flex-start;
250
+ flex-direction: column;
251
+ }
252
+ .connect_check .fa{
253
+ display: inline;
254
+ }
255
+ .page_name__wrap{
256
+ display: flex;
257
+ flex-direction: row;
258
align-items: center;
259
}
260
+ span.pro,span.free{
261
+ padding: 3px 10px 3px 10px;
262
+ width: 50px;
263
+ height: 25px;
264
+ color: #FFFFFF;
265
+ font-family: "Open Sans",sans-serif;
266
+ font-size: 13px;
267
+ font-weight: bold;
268
+ line-height: 19px;
269
+ text-align: center;
270
+ border-radius: 7px;
271
+ margin-left: 11px;
272
+ background: -webkit-gradient(linear, left top, right top, from(#db8700), to(#f0b537));
273
+ background: linear-gradient(to right, #db8700 0%, #f0b537 100%);
274
+ background: -webkit-linear-gradient(left, #db8700 0%, #f0b537 100%);
275
+ }
276
+ span.pro{
277
+ background: -webkit-gradient(linear, left top, right top, from(#db8700), to(#f0b537));
278
+ background: linear-gradient(to right, #db8700 0%, #f0b537 100%);
279
+ background: -webkit-linear-gradient(left, #db8700 0%, #f0b537 100%);
280
+ }
281
+ span.free{
282
+ background: none;
283
+ background-color: #C8C8CE;
284
+ }
285
/* .active-page-image, .active-page-info {
286
display: inline-block;
287
vertical-align: middle;
376
}
377
378
379
380
381
382
+ .switch {
383
position: relative;
384
display: inline-block;
385
width: 60px;
481
.toc-tab-box .form-table th {
482
width: 1px;
483
}
484
+ .form-table td p{
485
+ display: block;
486
+ }
487
488
+ .form-table{
489
+ position: relative;
490
+ }
491
492
+ .mm_only_block h6 {
493
line-height: 1.6rem;
494
+ margin: 0 0 20px 0;
495
font-weight: 600;
496
font-size: 16px;
497
letter-spacing: 1px;
498
}
499
500
+ .mm_only_block a.go_mm{
501
height: auto;
502
+ padding: 5px 15px;
503
+ border-radius: 4px;
504
color: #fff;
505
}
506
507
508
509
+ .mm_only_block a.go_mm{
510
+ background-color: #324ef8;
511
}
512
+ .mm_only_block .but__wrap{
513
+ margin-top: 20px;
514
+ display: flex;
515
+ flex-direction: row;
516
}
517
518
+ .test-bot-button {
519
+ position: absolute;
520
+ right: 0;
521
}
522
523
+
524
.test-bot-button__button-wrapper {
525
height: 29px;
526
width: 137px;
552
position: absolute;
553
left: 0;
554
top: 0;
555
+ width: 140px;
556
padding-right: 0px;
557
z-index: 2;
558
+ padding-left: 8px;
559
-webkit-transition: background-color .3s ease-in-out;
560
transition: background-color .3s ease-in-out;
561
cursor: pointer;
562
+ font-family: "Open Sans", sans-serif;
563
}
564
565
.fb_iframe_widget span {
569
}
570
.sp-input{
571
text-transform: uppercase;
572
+ }
573
+
574
+
575
+
576
+ body {
577
+ margin-top: 100px;
578
+ font-family: 'Trebuchet MS', serif;
579
+ line-height: 1.6;
580
+ background-color: #efefef;
581
+ }
582
+
583
+ .step-wrapper {
584
+ margin: 0 auto;
585
+ background-color: #ffffff;
586
+ border-radius: 10px;
587
+ margin-bottom: 100px;
588
+ -webkit-box-shadow: 0px 0px 5px -2px rgba(0, 0, 0, 0.75);
589
+ box-shadow: 0px 0px 5px -2px rgba(0, 0, 0, 0.75);
590
+ }
591
+
592
+ .step-wrapper .tab_header {
593
+ display: -webkit-box;
594
+ display: -ms-flexbox;
595
+ display: flex;
596
+ -webkit-box-align: center;
597
+ -ms-flex-align: center;
598
+ align-items: center;
599
+ background-color: #f7f8fa;
600
+ }
601
+ .step-wrapper .tab-link.current span.tab_header{
602
+ background-color: #ffffff;
603
+ }
604
+ .step-wrapper .tab_header .setup_statement {
605
+ width: auto;
606
+ margin-left: auto;
607
+ margin-right: 2em;
608
+ font-size: 18px;
609
+ text-transform: uppercase;
610
+ color: #ca4646;
611
+ font-weight: 600;
612
+ }
613
+
614
+ .step-wrapper ul.tabs_wrapper {
615
+ margin: 0px;
616
+ padding: 0px;
617
+ list-style: none;
618
+ border-radius: 12px;
619
+
620
+ }
621
+
622
+ .step-wrapper ul li {
623
+ color: #222;
624
+ display: -ms-inline-flexbox;
625
+ display: inline-flex;
626
+ -webkit-box-align: center;
627
+ -ms-flex-align: center;
628
+ align-items: center;
629
+ padding: 0 1em;
630
+ font-size: 18px;
631
+ cursor: pointer;
632
+ margin-bottom: 0px;
633
+ height: 50px;
634
+ }
635
+
636
+ .step-wrapper ul li .tab_number {
637
+ width: 30px;
638
+ height: 30px;
639
+ display: block;
640
+ background-color: #fff;
641
+ display: -webkit-box;
642
+ display: -ms-flexbox;
643
+ display: flex;
644
+ -webkit-box-align: center;
645
+ -ms-flex-align: center;
646
+ align-items: center;
647
+ -webkit-box-pack: center;
648
+ -ms-flex-pack: center;
649
+ justify-content: center;
650
+ border-radius: 50%;
651
+ color: #3c59e4;
652
+ margin-right: 0.7rem;
653
+ border: 2px solid #3c59e4;
654
+ }
655
+
656
+ .step-wrapper ul li .tab_contacts__count {
657
+ margin-left: 0.5em;
658
+ background-color: #1ac9b7;
659
+ padding: 0.1em 0.8em;
660
+ font-size: 14px;
661
+ color: #fff;
662
+ border-radius: 5px;
663
+ }
664
+
665
+ .step-wrapper ul li.current {
666
+ background-color: #fff;
667
+ color: #222;
668
+ border: 2px solid #3c59e4;
669
+ border-bottom: 0;
670
+ border-top-left-radius: 5px;
671
+ border-top-right-radius: 5px;
672
+ height: 52px;
673
+ }
674
+ .step-wrapper ul li.done .tab_number{
675
+ background-color: #3c59e4;
676
+ color: #fff;
677
+ border: 2px solid #3c59e4;
678
+ }
679
+ /*.step-wrapper ul li.done.incomplete{
680
+ pointer-events: none;
681
+ opacity: 0.6;
682
+ }*/
683
+ .step-wrapper ul li.current .tab_number {
684
+ background-color: #3c59e4;
685
+ color: #fff;
686
+ border: 2px solid #3c59e4;
687
+ }
688
+
689
+
690
+ .tab-content {
691
+ display: none;
692
+ border-bottom-right-radius: 5px;
693
+ border-bottom-left-radius: 5px;
694
+ }
695
+
696
+ .tab-content .tab-content__wrapper {
697
+ background: #fff;
698
+ padding: 1em 2em;
699
+ border-bottom-right-radius: 10px;
700
+ border-bottom-left-radius: 10px;
701
+ }
702
+
703
+ .tab-content.current {
704
+ display: inherit;
705
+ }
706
+
707
+ .tab-content h1 {
708
+ color: #525252;
709
+ font-family: "Open Sans",sans-serif;
710
+ font-size: 36px;
711
+ font-weight: bold;
712
+ line-height: 49px;
713
+ margin: 0 0 0.7em;
714
+ }
715
+
716
+ .tab-content h3 {
717
+ text-transform: uppercase;
718
+ color: #525252;
719
+ font-family: "Open Sans",sans-serif;
720
+ font-size: 16px;
721
+ font-weight: 800;
722
+ letter-spacing: 0.15px;
723
+ line-height: 22px;
724
+ margin-bottom: 0;
725
+ }
726
+
727
+ .tab-content p {
728
+ color: #949494;
729
+ font-family: "Open Sans",sans-serif;
730
+ font-size: 16px;
731
+ line-height: 22px;
732
+ margin: 0.7em 0;
733
+ }
734
+
735
+ .tab-content textarea, .tab-content input[type=text]:not(.browser-default) {
736
+ padding: 20px;
737
+ width: 100%;
738
+ border: 1px solid #979797;
739
+ margin: .5em 0;
740
+ line-height: 20px;
741
+ border-radius: 5px;
742
+ font-size: 16px;
743
+ -webkit-box-sizing: border-box;
744
+ box-sizing: border-box;
745
+ }
746
+
747
+ .tab-content .input-field {
748
+ display: -webkit-box;
749
+ display: -ms-flexbox;
750
+ display: flex;
751
+ -webkit-box-orient: vertical;
752
+ -webkit-box-direction: normal;
753
+ -ms-flex-direction: column;
754
+ flex-direction: column;
755
+ width: 100%;
756
+ }
757
+
758
+ .tab-content .input-field__email input[type=email]:not(.browser-default) {
759
+ width: 250px;
760
+ padding: .5em;
761
+ background-color: #e7e7e7;
762
+ -webkit-box-sizing: border-box;
763
+ box-sizing: border-box;
764
+ }
765
+
766
+ .tab-content .upgrade_button {
767
+ padding: .7em;
768
+ border: none;
769
+ border-radius: 5px;
770
+ color: #fff;
771
+ background: -webkit-gradient(linear, left top, right top, from(#db8700), to(#f0b537));
772
+ background: linear-gradient(to right, #db8700 0%, #f0b537 100%);
773
+ background: -webkit-linear-gradient(left, #db8700 0%, #f0b537 100%);
774
+ font-size: 14px;
775
+ font-weight: 600;
776
+ text-decoration: none;
777
+ }
778
+
779
+ .tab-content .tab-content__footer {
780
+ margin-top: 50px;
781
+ display: -webkit-box;
782
+ display: -ms-flexbox;
783
+ display: flex;
784
+ -webkit-box-pack: end;
785
+ -ms-flex-pack: end;
786
+ justify-content: flex-end;
787
+ }
788
+
789
+ .tab-content .button-primary{
790
+ padding: 10px 30px;
791
+ background-color: #324ef8;
792
+ border-radius: 5px;
793
+ color: #fff;
794
+ text-decoration: none;
795
+ text-transform: uppercase;
796
+ font-size: 16px;
797
+ height: auto;
798
+ border: none;
799
+ width: auto;
800
+ }
801
+ p.submit{
802
+ margin-top: 30px;
803
+ text-align: right;
804
+ width: 100%;
805
+ }
806
+ .tab-content .button-primary:hover,.tab-content .button-primary:active,.tab-content .button-primary:focus {
807
+ opacity: 0.75;
808
+ background-color: #324ef8;
809
+ border: none;
810
+ }
811
+
812
+
813
+ .as_row {
814
+ display: -webkit-box;
815
+ display: -ms-flexbox;
816
+ display: flex;
817
+ -webkit-box-orient: horizontal;
818
+ -webkit-box-direction: normal;
819
+ -ms-flex-direction: row;
820
+ flex-direction: row;
821
+ -webkit-box-align: center;
822
+ -ms-flex-align: center;
823
+ align-items: center;
824
+ }
825
+
826
+ .as_row .switch {
827
+ position: relative;
828
+ display: inline-block;
829
+ width: 52px;
830
+ height: 27px;
831
+ margin: 0;
832
+ margin-right: 20px;
833
+ }
834
+
835
+ .as_row .switch input {
836
+ opacity: 0;
837
+ width: 0;
838
+ height: 0;
839
+ }
840
+
841
+ .as_row .slider {
842
+ position: absolute;
843
+ cursor: pointer;
844
+ top: 0;
845
+ left: 0;
846
+ right: 0;
847
+ bottom: 0;
848
+ background-color: #ccc;
849
+ -webkit-transition: .4s;
850
+ transition: .4s;
851
+ }
852
+
853
+ .as_row .slider:before {
854
+ position: absolute;
855
+ content: "";
856
+ height: 19px;
857
+ width: 19px;
858
+ left: 4px;
859
+ bottom: 4px;
860
+ background-color: white;
861
+ -webkit-transition: .4s;
862
+ transition: .4s;
863
+ }
864
+
865
+ .as_row input:checked + .slider {
866
+ background-color: #2196F3;
867
+ }
868
+
869
+ .as_row input:focus + .slider {
870
+ -webkit-box-shadow: 0 0 1px #2196F3;
871
+ box-shadow: 0 0 1px #2196F3;
872
+ }
873
+
874
+ .as_row input:checked + .slider:before {
875
+ -webkit-transform: translateX(25px);
876
+ transform: translateX(25px);
877
+ }
878
+
879
+ .as_row .slider.round {
880
+ border-radius: 34px;
881
+ }
882
+
883
+ .as_row .slider.round:before {
884
+ border-radius: 50%;
885
+ }
886
+
887
+ .customization_button__wrapper, .pro_button__wrapper {
888
+ background: -webkit-gradient(linear, left top, right top, from(#3d5afe), to(#7c4dff));
889
+ background: linear-gradient(to right, #3d5afe 0%, #7c4dff 100%);
890
+ padding: 1em 1.5em;
891
+ border-radius: 18px;
892
+ -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.75);
893
+ box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.75);
894
+ }
895
+ .pro_button__wrapper{
896
+ position: absolute;
897
+ display: flex;
898
+ align-items: center;
899
+ top: -4px;
900
+ width: 107%;
901
+ height: 60px;
902
+ left: -15px;
903
+ }
904
+
905
+ .customization_button__wrapper .customization_button__link, .pro_button__wrapper .pro_button__link {
906
+ text-decoration: none;
907
+ }
908
+ .pro_button__wrapper .pro_button__link{
909
+ width: 100%;
910
+ }
911
+ .pro_button__wrapper .pro_button__link:focus{
912
+ border: 0;
913
+ box-shadow: none;
914
+ }
915
+
916
+ .customization_button__wrapper .customization_button__image {
917
+ background-image: url("../img/monkey_head.png");
918
+ background-size: contain;
919
+ width: 45px;
920
+ height: 45px;
921
+ display: block;
922
+ background-repeat: no-repeat;
923
+ background-position: center;
924
+ margin: 0 0.3em;
925
+ }
926
+
927
+ .customization_button__wrapper .customization_button,.pro_button__wrapper .pro_button {
928
+ display: -webkit-box;
929
+ display: -ms-flexbox;
930
+ display: flex;
931
+ -webkit-box-pack: justify;
932
+ -ms-flex-pack: justify;
933
+ justify-content: space-between;
934
+ -webkit-box-align: center;
935
+ -ms-flex-align: center;
936
+ align-items: center;
937
+ }
938
+ .pro_button__wrapper .pro_button{
939
+ display: flex;
940
+ justify-content: space-between;
941
+ }
942
+
943
+ .customization_button__wrapper .customization_button .customization_button__content,.pro_button__wrapper .pro_button .pro_button__content {
944
+ display: -webkit-box;
945
+ display: -ms-flexbox;
946
+ display: flex;
947
+ -webkit-box-align: center;
948
+ -ms-flex-align: center;
949
+ align-items: center;
950
+ color: #fff;
951
+ font-size: 22px;
952
+ font-weight: bold;
953
+ line-height: 30px;
954
+ }
955
+
956
+ .customization_button__wrapper .customization_button__action, .pro_button__wrapper .pro_button__action{
957
+ padding: 1em 2em;
958
+ background-color: #fff;
959
+ border-radius: 10px;
960
+ display: -webkit-box;
961
+ display: -ms-flexbox;
962
+ display: flex;
963
+ -webkit-box-align: center;
964
+ -ms-flex-align: center;
965
+ align-items: center;
966
+ }
967
+ .pro_button__wrapper .pro_button__action{
968
+ padding: 0.6rem 2rem;
969
+ }
970
+ .customization_button__wrapper .customization_button__action .button_action__text , .pro_button__wrapper .pro_button_action__text{
971
+ font-size: 18px;
972
+ font-weight: 800;
973
+ line-height: 24px;
974
+ text-transform: uppercase;
975
+ color: #7e74fe;
976
+ }
977
+
978
+ .customize_section input, .customize_section select{
979
+ width: 30%;
980
+ }
981
+ .select-1{
982
+ margin: 15px 0;
983
+ }
984
+
985
+ .customize_section input.select_numbers, .customize_section select.select_numbers {
986
+ width: 100px;
987
+ }
988
+
989
+ .customize_section .greeting_display__wrapper span {
990
+ color: #949494;
991
+ font-family: "Open Sans",sans-serif;
992
+ font-size: 16px;
993
+ line-height: 22px;
994
+ margin-left: 1.2em;
995
+ }
996
+
997
+ .list_tabs__button {
998
+ display: none;
999
+
1000
+ background-size: contain;
1001
+ width: 20px;
1002
+ height: 20px;
1003
+ background-repeat: no-repeat;
1004
+ background-position: center;
1005
+ }
1006
+
1007
+ .list_tabs__button .list_tabs {
1008
+ display: none;
1009
+ }
1010
+ .form-table p.description{
1011
+ font-style: normal;
1012
+ }
1013
+ #to_pro,#unsaved_option, #pro_option,#cancel {
1014
+ z-index: 999;
1015
+ transition: all 0.5s ease;
1016
+ background-color: #FFFFFF;
1017
+ display: none;
1018
+ position: fixed;
1019
+ top: 30%;
1020
+ left: 0;
1021
+ right: 0;
1022
+ width: 563px;
1023
+ margin: 0 auto;
1024
+ color: #525252;
1025
+ border: 1px solid #000;
1026
+ border-radius: 10px;
1027
+ }
1028
+
1029
+ #to_pro .modal_close,#unsaved_option .modal_close,#pro_option .modal_close,#cancel .modal_close{
1030
+ background-size: contain;
1031
+ width: 15px;
1032
+ height: 15px;
1033
+ background-repeat: no-repeat;
1034
+ background-position: center;
1035
+ position: absolute;
1036
+ right: 12px;
1037
+ top: 12px;
1038
+ cursor: pointer;
1039
+ z-index: 999;
1040
+ }
1041
+
1042
+ #to_pro .upgrade__wrapper,#unsaved_option .unsaved__wrapper,#cancel .cancel__wrapper{
1043
+ position: relative;
1044
+ height: 302px;
1045
+ padding-top: 1em;
1046
+ }
1047
+
1048
+ #to_pro .upgrade__content,#unsaved_option .unsaved__content,#cancel .cancel__content{
1049
+ padding: 1.5em;
1050
+ }
1051
+
1052
+
1053
+
1054
+ #to_pro .upgrade__button, #unsaved_option .unsaved__button,#cancel .cancel__button{
1055
+ padding: 1.5em 2em;
1056
+ text-align: center;
1057
+ position: absolute;
1058
+ width: 100%;
1059
+ max-width: 564px;
1060
+ bottom: 0px;
1061
+ display: flex;
1062
+ justify-content: flex-end;
1063
+ align-items: baseline;
1064
+ }
1065
+ #unsaved_option .unsaved__button{
1066
+ flex-direction: row-reverse;
1067
+ justify-content: flex-start;
1068
+ }
1069
+
1070
+ #to_pro .upgrade__button .reds,#unsaved_option .unsaved__button .reds,#cancel .cancel__button .reds{
1071
+ padding: 5px 15px;
1072
+ background-color: #ca4646;
1073
+ border-radius: 5px;
1074
+ color: #fff;
1075
+ text-decoration: none;
1076
+ text-transform: uppercase;
1077
+ font-size: 16px;
1078
+ border: none;
1079
+ flex-basis: 25%;
1080
+ position: relative;
1081
+ margin: 0 10px;
1082
+ }
1083
+ #cancel .cancel__button .reds{
1084
+ flex-basis: 40%;
1085
+ }
1086
+ .subscribe_succes_cancel{
1087
+ font-size: 19px;
1088
+ padding: 20px;
1089
+ height: 80%;
1090
+ display: flex;
1091
+ align-items: center;
1092
+ }
1093
+ #to_pro .upgrade__button .reds:hover,#unsaved_option .unsaved__button .reds:hover,#cancel .cancel__button .reds:hover{
1094
+ opacity: 0.75;
1095
+ background-color: #ca4646;
1096
+ border: none;
1097
+ }
1098
+ #unsaved_option .unsaved__button #discard_button{
1099
+ background-color: #fff;
1100
+ color: #ca4646;
1101
+ }
1102
+ #unsaved_option .unsaved__button #discard_button:hover{
1103
+ text-decoration: underline;
1104
+ background-color: #fff;
1105
+ opacity: 1;
1106
+ }
1107
+ #unsaved_option .unsaved__button #discard_button:focus{
1108
+ box-shadow: none;
1109
+ }
1110
+ .modal a.blues{
1111
+ cursor: pointer;
1112
+ padding: 5px 15px;
1113
+ background-color: #324ef8;
1114
+ border-radius: 5px;
1115
+ color: #fff;
1116
+ text-decoration: none;
1117
+ font-size: 16px;
1118
+ border: none;
1119
+ margin: 0 10px;
1120
+ position: relative;
1121
+ }
1122
+ .modal .mm__content{
1123
+ color: #525252;
1124
+ }
1125
+ .modal a.gray{
1126
+ padding: 5px 15px;
1127
+ border-radius: 5px;
1128
+ background-color: gray;
1129
+ cursor: pointer;
1130
+ color: #fff;
1131
+ text-decoration: none;
1132
+ font-size: 16px;
1133
+ border: none;
1134
+ margin: 0 10px;
1135
+ }
1136
+ .modal .upgrade__button .blues,.modal .unsaved__button .blues{
1137
+ text-transform: uppercase;
1138
+ flex-basis: 25%;
1139
+ }
1140
+ .modal a.blues:hover,.modal a.blues:hover{
1141
+ opacity: 0.75;
1142
+ background-color: #324ef8;
1143
+ border: none;
1144
+ }
1145
+ .mobile_wrap .modal-overlays {
1146
+ position: fixed;
1147
+ margin-left: -20px;
1148
+ right: 0;
1149
+ height: auto;
1150
+ width: auto;
1151
+ background: #000;
1152
+ will-change: opacity;
1153
+ opacity: 0.4;
1154
+ z-index: 998;
1155
+ top: -25%;
1156
+ left: 0;
1157
+ bottom: 0;
1158
+ display: none;
1159
+ }
1160
+ .mobile_wrap{
1161
+ overflow: hidden;
1162
+ width: 100%;
1163
+ }
1164
+
1165
+ #modal_form {
1166
+ display: none;
1167
+ position: fixed;
1168
+ top: 5%;
1169
+ right: 0;
1170
+ left: 0;
1171
+ width: 650px;
1172
+ margin: 0 auto;
1173
+ background-color: #4558fe;
1174
+ font-size: 18px;
1175
+ border-radius: 0.9em;
1176
+ -webkit-box-shadow: 0px 0px 5px -2px rgba(0, 0, 0, 0.75);
1177
+ box-shadow: 0px 0px 5px -2px rgba(0, 0, 0, 0.75);
1178
+ }
1179
+
1180
+ #modal_form .modal_form__wrapper {
1181
+ padding: 0.5em;
1182
+ }
1183
+
1184
+ #modal_form .modal_form__header {
1185
+ padding: 0 1.7em;
1186
+ color: #fff;
1187
+ }
1188
+
1189
+ #modal_form .modal_form__header .customization_button__image {
1190
+ background-size: contain;
1191
+ width: 45px;
1192
+ height: 45px;
1193
+ display: block;
1194
+ background-repeat: no-repeat;
1195
+ background-position: center;
1196
+ margin: 0 1em;
1197
+ }
1198
+
1199
+ #modal_form .modal_form__header .logo_header {
1200
+ display: -webkit-box;
1201
+ display: -ms-flexbox;
1202
+ display: flex;
1203
+ -webkit-box-pack: center;
1204
+ -ms-flex-pack: center;
1205
+ justify-content: center;
1206
+ -webkit-box-align: center;
1207
+ -ms-flex-align: center;
1208
+ align-items: center;
1209
+ color: #FFFFFF;
1210
+ font-size: 20px;
1211
+ font-weight: bold;
1212
+ line-height: 19px;
1213
+ }
1214
+
1215
+ #modal_form .modal_form__header .version_name__header {
1216
+ display: -webkit-box;
1217
+ display: -ms-flexbox;
1218
+ display: flex;
1219
+ -webkit-box-orient: vertical;
1220
+ -webkit-box-direction: normal;
1221
+ -ms-flex-direction: column;
1222
+ flex-direction: column;
1223
+ -webkit-box-pack: center;
1224
+ -ms-flex-pack: center;
1225
+ justify-content: center;
1226
+ -webkit-box-align: center;
1227
+ -ms-flex-align: center;
1228
+ align-items: center;
1229
+ margin-bottom: 1em;
1230
+ }
1231
+
1232
+ #modal_form .modal_form__header .version_name__header .version_header__text {
1233
+ color: #FFFFFF;
1234
+ font-size: 56px;
1235
+ font-weight: 800;
1236
+ line-height: 77px;
1237
+ }
1238
+
1239
+ #modal_form .modal_form__header .version_name__header .version_header__price {
1240
+ font-size: 32px;
1241
+ font-weight: 800;
1242
+ line-height: 43px;
1243
+ text-align: right;
1244
+ }
1245
+
1246
+ #modal_form .modal_form__header .version_name__header .version_header__price span {
1247
+ font-size: 24px;
1248
+ font-weight: bold;
1249
+ line-height: 32px;
1250
+ }
1251
+
1252
+ #modal_form .modal_form__header .header_variations {
1253
+ display: -webkit-box;
1254
+ display: -ms-flexbox;
1255
+ display: flex;
1256
+ }
1257
+
1258
+ #modal_form .modal_form__header .header_variations span {
1259
+ background-size: 15px;
1260
+ width: 15px;
1261
+ height: 15px;
1262
+ padding: 0.5em;
1263
+ background-repeat: no-repeat;
1264
+ background-position: center;
1265
+ }
1266
+
1267
+ #modal_form .modal_form__header .header_variations .variation_item {
1268
+ margin-right: 2em;
1269
+ color: #FFFFFF;
1270
+ font-size: 16px;
1271
+ font-weight: 600;
1272
+ line-height: 22px;
1273
+ }
1274
+
1275
+ #modal_form .modal_form__header .header_input {
1276
+ background-color: #fff;
1277
+ border-radius: 0.7em;
1278
+ padding: 0.7em 1em;
1279
+ display: -webkit-box;
1280
+ display: -ms-flexbox;
1281
+ display: flex;
1282
+ -webkit-box-align: center;
1283
+ -ms-flex-align: center;
1284
+ align-items: center;
1285
+ margin: 1em 0;
1286
+ }
1287
+
1288
+ #modal_form .modal_form__header .header_input .checkbox_image {
1289
+ background-size: 25px;
1290
+ width: 28px;
1291
+ height: 28px;
1292
+ padding: 0.5em;
1293
+ background-repeat: no-repeat;
1294
+ background-position: center;
1295
+ background-color: #5455fe;
1296
+ border-radius: 50%;
1297
+ }
1298
+
1299
+ #modal_form .modal_form__header .header_input .header_input__content {
1300
+ margin-left: 3em;
1301
+ }
1302
+
1303
+ #modal_form .modal_form__header .header_input .header_input__name {
1304
+ color: #525252;
1305
+ font-size: 20px;
1306
+ font-weight: bold;
1307
+ line-height: 27px;
1308
+ }
1309
+
1310
+ #modal_form .modal_form__header .header_input .header_input__date {
1311
+ color: #525252;
1312
+ font-size: 14px;
1313
+ line-height: 19px;
1314
+ }
1315
+
1316
+ #modal_form .form_row {
1317
+ display: -webkit-box;
1318
+ display: -ms-flexbox;
1319
+ display: flex;
1320
+ padding: 0.5em;
1321
+ }
1322
+
1323
+ #modal_form .form_input {
1324
+ -webkit-box-orient: vertical;
1325
+ -webkit-box-direction: normal;
1326
+ -ms-flex-direction: column;
1327
+ flex-direction: column;
1328
+ width: 100%;
1329
+ max-width: 100%;
1330
+ padding: 0 1.2em;
1331
+ color: #fff;
1332
+ }
1333
+
1334
+ #modal_form .form_input label {
1335
+ color: #FFFFFF;
1336
+ font-size: 16px;
1337
+ font-weight: 800;
1338
+ line-height: 22px;
1339
+ text-transform: uppercase;
1340
+ }
1341
+
1342
+ #modal_form .form_input input {
1343
+ padding: 0.8em 1.5em;
1344
+ border-radius: 0.7em;
1345
+ border: none;
1346
+ font-size: 18px;
1347
+ line-height: 20px;
1348
+ width: 100%;
1349
+ max-width: 100%;
1350
+ -webkit-box-sizing: border-box;
1351
+ box-sizing: border-box;
1352
+ }
1353
+
1354
+ #modal_form .form_input a {
1355
+ color: #FFFFFF;
1356
+ font-size: 14px;
1357
+ font-weight: bold;
1358
+ line-height: 19px;
1359
+ }
1360
+
1361
+ #modal_form .form_privacy {
1362
+ padding: 0.5em;
1363
+ }
1364
+
1365
+ #modal_form .form_privacy .form_checkbox {
1366
+ padding: 0 1.2em;
1367
+ }
1368
+
1369
+ #modal_form .form_checkbox {
1370
+ color: #FFFFFF;
1371
+ font-size: 14px;
1372
+ line-height: 19px;
1373
+ }
1374
+
1375
+ #modal_form .form_checkbox a {
1376
+ color: #FFFFFF;
1377
+ font-size: 14px;
1378
+ font-weight: bold;
1379
+ line-height: 19px;
1380
+ }
1381
+
1382
+ #modal_form .form_submit {
1383
+ display: -webkit-box;
1384
+ display: -ms-flexbox;
1385
+ display: flex;
1386
+ -webkit-box-pack: center;
1387
+ -ms-flex-pack: center;
1388
+ justify-content: center;
1389
+ }
1390
+
1391
+ #modal_form .form_submit a {
1392
+ color: #5456FF;
1393
+ font-size: 30px;
1394
+ font-weight: bold;
1395
+ line-height: 41px;
1396
+ background-color: #fff;
1397
+ padding: 0.5em 1.9em;
1398
+ text-decoration: none;
1399
+ display: inline-block;
1400
+ border-radius: 0.7em;
1401
+ }
1402
+ .setup_section table tbody tr:first-child th{
1403
+ float: left;
1404
+ padding: 10px 0;
1405
+ font-size: 16px;
1406
+ font-weight: 800;
1407
+ }
1408
+ .tab-content .tab-content__wrapper .testchat{
1409
+ position: absolute;
1410
+ right: 0;
1411
+ background-color: #6071fb;
1412
+ color: #fff;
1413
+ border:none;
1414
+ box-shadow: none;
1415
+ width: 140px;
1416
+ text-align: center;
1417
+ font-family: "Open Sans", sans-serif;
1418
+ font-size: 14px;
1419
+ font-weight: 500;
1420
+ }
1421
+ .tab-content table th{
1422
+ font-family: "Open Sans",sans-serif;
1423
+ font-weight: bold;
1424
+ color: #525252;
1425
+ font-size: 14px;
1426
+ letter-spacing: 0.15px;
1427
+ line-height: 22px;
1428
+ padding: 0;
1429
+ text-transform: uppercase;
1430
+ }
1431
+ .tab-content label.gray{
1432
+ color: #949494;
1433
+ font-family: "Open Sans",sans-serif;
1434
+ font-size: 16px;
1435
+ line-height: 22px;
1436
+ padding: 10px 0;
1437
+ }
1438
+ .tab-content .form-table td p{
1439
+ font-family: "Open Sans",sans-serif;
1440
+ font-size: 16px;
1441
+ }
1442
+ .tab-content table label{
1443
+ color: #525252;
1444
+ font-family: "Open Sans",sans-serif;
1445
+ font-size: 14px;
1446
+ letter-spacing: 0.13px;
1447
+ line-height: 19px;
1448
+ padding-bottom: 10px;
1449
+ }
1450
+ .tab-content .input-field{
1451
+ padding: 0;
1452
+ }
1453
+ .tab-content .as_state{
1454
+ display: flex;
1455
+ flex-direction: row;
1456
+ }
1457
+ .tab-content .as_state p {
1458
+ color: #525252;
1459
+ font-family: "Open Sans",sans-serif;
1460
+ font-size: 14px;
1461
+ font-weight: 600;
1462
+ line-height: 19px;
1463
+ padding-left: 20px;
1464
+ }
1465
+ .tab-content .as h6{
1466
+ font-size: 14px;
1467
+ font-weight: bold;
1468
+ line-height: 19px;
1469
+ text-transform: uppercase;
1470
+ }
1471
+ .tab-content .sp-replacer{
1472
+ margin-top: 20px;
1473
+ background: none;
1474
+ padding: 0;
1475
+ }
1476
+ .tab-content input[type=checkbox]{
1477
+ width: auto;
1478
+ }
1479
+ .tab-content input[type=number]{
1480
+ width: 30%!important;
1481
+ }
1482
+ .tab-content .sp-replacer,.sp-preview{
1483
+ width: 80px;
1484
+ height: 80px;
1485
+ border: none;
1486
+ }
1487
+ .tab-content .sp-dd{
1488
+ display: none;
1489
+ }
1490
+
1491
+ .customize_section table th, td {
1492
+ margin-bottom: 10px;
1493
+ }
1494
+ .options table td{
1495
+ margin-bottom: 15px;
1496
+ padding: 0;
1497
+ width: 80%;
1498
+ }
1499
+ .wrap__pro{
1500
+ position: relative;
1501
+ }
1502
+ .customize_section table th{
1503
+ font-family: "Open Sans",sans-serif;
1504
+ font-weight: 800;
1505
+ color: #525252;
1506
+ font-size: 16px;
1507
+ letter-spacing: 0.15px;
1508
+ line-height: 22px;
1509
+ padding: 0;
1510
+ text-transform: uppercase;
1511
+ }
1512
+
1513
+ .setup_section th,td{
1514
+ display: block;
1515
+ width: auto;
1516
+ }
1517
+ .customize_section th,td{
1518
+ display: block!important;
1519
+ width: auto;
1520
+ }
1521
+ .options .contact_tab table td{
1522
+ display: table-cell!important;
1523
+ padding: 0 20px;
1524
+ }
1525
+ .options .contact_tab table{
1526
+ border: none;
1527
+ -webkit-filter: blur(2px);
1528
+ filter: blur(2px);
1529
+ }
1530
+ .contact_tab{
1531
+ padding: 20px;
1532
+ }
1533
+ .contact_tab .table__wrap .displaying-num{
1534
+ display: none;
1535
+ }
1536
+ .contact_tab .table__wrap{
1537
+ padding-bottom: 5rem;
1538
+ }
1539
+ .tab-content .contact_head__wrap h4,.tab-content .contact_head__wrap p{
1540
+ display: inline-block;
1541
+ font-size: 18px;
1542
+ }
1543
+ .contact_head__wrap{
1544
+ display: flex;
1545
+ justify-content: space-between;
1546
+ align-items: center;
1547
+ margin-bottom: 20px;
1548
+ }
1549
+
1550
+ .contact_head__wrap a{
1551
+ color: #324EF8;
1552
+ font-family: "Open Sans",sans-serif;
1553
+ font-size: 16px;
1554
+ font-weight: 600;
1555
+ line-height: 22px;
1556
+ box-shadow: 0 0 10px #cfcfcf;
1557
+ border-radius: 9px;
1558
+ padding: 10px;
1559
+ }
1560
+ .contact_head__wrap a:active{
1561
+ box-shadow: none;
1562
+ }
1563
+ .contact_head__wrap a>i{
1564
+ color: #324EF8;
1565
+ margin-right: 8px;
1566
+ }
1567
+ .contact_head__wrap .download__wrap{
1568
+ position: relative;
1569
+ width: 60%;
1570
+ height: 100%;
1571
+ text-align: right;
1572
+ }
1573
+ .contact_head__wrap .pro_button__wrapper{
1574
+ display: flex;
1575
+ align-items: center;
1576
+ top: -57px;
1577
+ width: 100%;
1578
+ height: fit-content;
1579
+ left: 0;
1580
+ padding: 0;
1581
+ }
1582
+ .contact_head__wrap .pro_button__wrapper a{
1583
+ padding: 1em 1.5em;
1584
+ }
1585
+
1586
+ .contact_head__wrap .pro_button__wrapper a{
1587
+ box-shadow: none;
1588
+ }
1589
+
1590
+
1591
+ .tab-content .contact_head__wrap h4{
1592
+ margin: 0 10px 0 0;
1593
+ color: #525252;
1594
+ font-family: "Open Sans",sans-serif;
1595
+ font-size: 36px;
1596
+ font-weight: bold;
1597
+ }
1598
+ .table__wrap{
1599
+ position: relative;
1600
+ -moz-user-select: none; /* Firefox */
1601
+ -ms-user-select: none; /* Internet Explorer/Edge */
1602
+ user-select: none;
1603
+ }
1604
+ .table__wrap table{
1605
+ pointer-events: none;
1606
+ }
1607
+ .connected-page .connect_check{
1608
+ display: inline-block;
1609
+ margin: 10px 0 0 0;
1610
+ padding: 1px 10px;
1611
+ background-color: green;
1612
+ border-radius: 5px;
1613
+ color: #fff;
1614
+ text-decoration: none;
1615
+ text-transform: uppercase;
1616
+ font-size: 13px;
1617
+ height: auto;
1618
+ border: none;
1619
+ width: fit-content;
1620
+
1621
+ }
1622
+ .connected-page .connect_check:hover {
1623
+ opacity: 0.75;
1624
+ border: none;
1625
+ }
1626
+ .connect_check .fa-check{
1627
+ margin-right: 5px;
1628
+ }
1629
+ .page_name{
1630
+ color: #525252;
1631
+ font-family: "Open Sans",sans-serif;
1632
+ font-size: 26px;
1633
+ font-weight: bold;
1634
+ letter-spacing: 0.24px;
1635
+ line-height: 32px;
1636
+ margin: 0;
1637
+ vertical-align: middle;
1638
+
1639
+ }
1640
+ #contacts_modal {
1641
+ width: 65%;
1642
+ -webkit-user-drag:none;
1643
+ user-drag:none;
1644
+ -moz-user-drag:none;
1645
+ -ms-user-drag:none;
1646
+ position: absolute;
1647
+ padding: 1em 2em;
1648
+ color: #fff;
1649
+ top: 20%;
1650
+ left: 0;
1651
+ right: 0;
1652
+ margin: 0 auto;
1653
+ background: -webkit-gradient(linear, left top, right top, from(#3d5afe), to(#7c4dff));
1654
+ background: linear-gradient(to right, #3d5afe 0%, #7c4dff 100%);
1655
+ border-radius: 18px;
1656
+ -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75);
1657
+ box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75);
1658
+ }
1659
+
1660
+ #contacts_modal .contact_modal__wrapper {
1661
+ display: -webkit-box;
1662
+ display: -ms-flexbox;
1663
+ display: flex;
1664
+ -webkit-box-pack: justify;
1665
+ -ms-flex-pack: justify;
1666
+ justify-content: space-between;
1667
+ -webkit-box-align: center;
1668
+ -ms-flex-align: center;
1669
+ align-items: center;
1670
+ }
1671
+
1672
+ #contacts_modal .contact_modal__content {
1673
+ display: -webkit-box;
1674
+ display: -ms-flexbox;
1675
+ display: flex;
1676
+ -webkit-box-align: center;
1677
+ -ms-flex-align: center;
1678
+ align-items: center;
1679
+ }
1680
+ #contacts_modal .contact_modal__content p {
1681
+ color: #FFFFFF;
1682
+ font-size: 22px;
1683
+ font-weight: bold;
1684
+ line-height: 30px;
1685
+ }
1686
+ #contacts_modal .contact_modal__content .logo_name {
1687
+ color: #FFFFFF;
1688
+ font-family: "Open Sans",sans-serif;
1689
+ font-size: 20px;
1690
+ font-weight: bold;
1691
+ line-height: 19px;
1692
+ }
1693
+
1694
+ #contacts_modal .contact_modal__button {
1695
+ background-color: #fff;
1696
+ padding: 0.7em 1.5em;
1697
+ font-size: 18px;
1698
+ font-weight: 800;
1699
+ line-height: 24px;
1700
+ text-transform: uppercase;
1701
+ border-radius: 9px;
1702
+ }
1703
+
1704
+ #contacts_modal .contact_modal__button a {
1705
+ text-decoration: none;
1706
+ }
1707
+
1708
+ #contacts_modal .customization_button__image {
1709
+ background-image: url("../img/monkey_head.png");
1710
+ background-size: contain;
1711
+ width: 45px;
1712
+ height: 45px;
1713
+ background-repeat: no-repeat;
1714
+ background-position: center;
1715
+ margin: 0 .3em;
1716
+ display: inline-block;
1717
+ }
1718
+ .connected-page-bottom .active-page-info{
1719
+ display: block;
1720
+ }
1721
+ .log_out__wrapper,.disconnect_page__wrapper{
1722
+ margin-top: 10px;
1723
+ display: flex;
1724
+ justify-content: space-between;
1725
+ align-items: center;
1726
+ }
1727
+ .log_out__wrapper h5{
1728
+ margin: 0;
1729
+ padding: 0;
1730
+ }
1731
+ .log_out__wrapper .logout-mobilemonkey{
1732
+ margin: 0;
1733
+ }
1734
+ .disconnect_page__wrapper{
1735
+ padding: 0 20px;
1736
+ background-color: #25252525;
1737
+ }
1738
+ .disconnect_page__wrapper p b {
1739
+ color: green;
1740
+ }
1741
+ .disconnect_page__wrapper p {
1742
+ color: #000;
1743
+ }
1744
+ .mm_only-state{
1745
+ background-color: #000000;
1746
+ }
1747
+ .contact_modal__button div{
1748
+ color: #5F52FE;
1749
+ }
1750
+ .mobilemonkey-settings h5{
1751
+ color: #525252;
1752
+ font-family: "Open Sans",sans-serif;
1753
+ font-size: 36px;
1754
+ font-weight: bold;
1755
+ letter-spacing: 0.33px;
1756
+ line-height: 49px;
1757
+ margin: 20px 0 0 0;
1758
+ }
1759
+ .mobilemonkey-settings p.get_start{
1760
+ color: #525252; font-family: "Open Sans",sans-serif;
1761
+ font-size: 24px;
1762
+ letter-spacing: 0.22px;
1763
+ line-height: 33px;
1764
+ margin: 0 0 30px 0;
1765
+ }
1766
+ .mobilemonkey-settings p{
1767
+ margin-top: 15px;
1768
+ }
1769
+ .tab-content .as_state .as_text{
1770
+ font-size: 16px;
1771
+ font-weight: 800;
1772
+ font-family: "Open Sans",sans-serif;
1773
+ letter-spacing: 0.15px;
1774
+ line-height: 22px;
1775
+ }
1776
+
1777
+ @media (max-width: 575.98px) {
1778
+ #to_pro, #unsaved_option{
1779
+ width: 90%;
1780
+ }
1781
+ .service-content {
1782
+ text-align: center;
1783
+ }
1784
+ .service-content iframe{
1785
+ width: 250px!important;
1786
+ }
1787
+ .contact_tab{
1788
+ padding-bottom: 100px;
1789
+ }
1790
+ .customization_button,#contacts_modal .contact_modal__wrapper{
1791
+ flex-direction: column;
1792
+ }
1793
+ .customization_button .customization_button__action,#contacts_modal .contact_modal__button{
1794
+ margin-top: 20px;
1795
+ }
1796
+ #contacts_modal {
1797
+ width: 100%;
1798
+ }
1799
+ #contacts_modal .contact_modal__content{
1800
+ flex-direction: column;
1801
+ text-align: center;
1802
+ }
1803
+ .contact_tab .table__wrap{
1804
+ padding-bottom: 10rem;
1805
+ }
1806
+ .customization_button__wrapper .customization_button .customization_button__content{
1807
+ flex-direction: column;
1808
+ text-align: center;
1809
+ }
1810
+ }
1811
+
1812
+ @media (min-width: 576px) and (max-width: 767.98px) {
1813
+ .contact_tab{
1814
+ padding-bottom: 100px;
1815
+ }
1816
+ .customization_button,#contacts_modal .contact_modal__wrapper{
1817
+ flex-direction: column;
1818
+ }
1819
+ .customization_button .customization_button__action,#contacts_modal .contact_modal__button{
1820
+ margin-top: 20px;
1821
+ }
1822
+ #contacts_modal {
1823
+ width: 100%;
1824
+ }
1825
+ .download__wrap .pro_button__wrapper{
1826
+ padding: 0;
1827
+ }
1828
+ .download__wrap .pro_button__wrapper .pro_button{
1829
+ flex-direction: column;
1830
+ text-align: center;
1831
+ }
1832
+ }
1833
+
1834
+
1835
+ @media (min-width: 768px) and (max-width: 991.98px) {
1836
+ .contact_tab{
1837
+ padding-bottom: 100px;
1838
+ }
1839
+ .customization_button,#contacts_modal .contact_modal__wrapper{
1840
+ flex-direction: column;
1841
+ }
1842
+ .customization_button .customization_button__action,#contacts_modal .contact_modal__button{
1843
+ margin-top: 20px;
1844
+ }
1845
+ .download__wrap .pro_button__wrapper{
1846
+ padding: 0;
1847
+ }
1848
+ .download__wrap .pro_button__wrapper .pro_button{
1849
+ flex-direction: column;
1850
+ text-align: center;
1851
+ }
1852
+ }
1853
+
1854
+
1855
+ @media (min-width: 992px) and (max-width: 1199.98px) {
1856
+ .customization_button,#contacts_modal .contact_modal__wrapper{
1857
+ flex-direction: column;
1858
+ }
1859
+ .download__wrap .pro_button__wrapper{
1860
+ padding: 0;
1861
+ }
1862
+ .download__wrap .pro_button__wrapper .pro_button{
1863
+ flex-direction: column;
1864
+ text-align: center;
1865
+ }
1866
+ }
1867
+
1868
+
1869
+ @media (min-width: 1200px) {
1870
+
1871
+ }
1872
+
1873
+
1874
+ /*PRO modal*/
1875
+
1876
+ #pro_option{
1877
+ border-radius: 0;
1878
+ border: 0;
1879
+ background-color: transparent;
1880
+ top: 10%;
1881
+ max-height: 100%;
1882
+ }
1883
+ #pro_option .modal_close i{
1884
+ color: #fff;
1885
+ font-size: 20px;
1886
+ }
1887
+ .billing-modal-header {
1888
+ width: 100%;
1889
+ display: flex;
1890
+ background-color: #4F57FF;
1891
+ align-items: center;
1892
+ flex-direction: column;
1893
+ color: #fff;
1894
+ border-radius: 10px 10px 0 0;
1895
+ }
1896
+ .billing-modal-header__plan-name {
1897
+ font-size: 43px;
1898
+ font-weight: 700;
1899
+ text-transform: uppercase;
1900
+ line-height: 45px;
1901
+ text-align: center;
1902
+ }
1903
+
1904
+ .billing-modal-header__plan-price {
1905
+ font-size: 23px;
1906
+ font-weight: 800;
1907
+ }
1908
+
1909
+ .billing-modal-header__logo div{
1910
+ background-image: url("../img/monkey_head.png");
1911
+ background-size: contain;
1912
+ width: 35px;
1913
+ height: 35px;
1914
+ display: block;
1915
+ background-repeat: no-repeat;
1916
+ background-position: center;
1917
+ margin: 0 0.3em;
1918
+ }
1919
+
1920
+ .billing-modal-header__logo{
1921
+ margin: 1rem 0;
1922
+ display: flex;
1923
+ align-items: center;
1924
+ }
1925
+
1926
+ .billing-modal-header__logo span{
1927
+ color: #fff;
1928
+ font-size: 18px;
1929
+ font-weight: bold;
1930
+ }
1931
+
1932
+ .billing-page-details {
1933
+ width: 90%;
1934
+ background-color: #fff;
1935
+ display: flex;
1936
+ padding: 10px 15px;
1937
+ align-items: center;
1938
+ justify-content: space-between;
1939
+ margin-top: 10px;
1940
+ border-radius: 12px;
1941
+ margin-bottom: 1rem;
1942
+ }
1943
+
1944
+ .billing-page-details__image {
1945
+ width: 50px;
1946
+ height: 50px;
1947
+ border-radius: 100%;
1948
+ background-color: grey;
1949
+ }
1950
+
1951
+ .billing-page-details__name {
1952
+ font-weight: 800;
1953
+ font-size: 20px;
1954
+ color: #525252;
1955
+ margin: 5px 0;
1956
+ }
1957
+
1958
+ .billing-page-details__middle {
1959
+ align-self: flex-start;
1960
+ margin-left: 15px;
1961
+ }
1962
+
1963
+ .billing-page-details__check-circle {
1964
+ background-color: #de8f08;
1965
+ border-radius: 100%;
1966
+ width: 40px;
1967
+ height: 40px;
1968
+ display: flex;
1969
+ justify-content: center;
1970
+ align-items: center;
1971
+ }
1972
+
1973
+
1974
+ .billing-page-details__left-section {
1975
+ display: flex;
1976
+ align-items: center;
1977
+ }
1978
+
1979
+ .billing-page-details__sends-text {
1980
+ color: #de8f08;
1981
+ font-size: 16px;
1982
+ font-weight: 600;
1983
+ }
1984
+
1985
+ .billing-modal {
1986
+ width: 525px;
1987
+ color: #525252;
1988
+ display: flex;
1989
+ align-items: center;
1990
+ flex-direction: column;
1991
+ padding: 0;
1992
+ overflow: hidden;
1993
+ }
1994
+ .checkout-form {
1995
+ display: flex;
1996
+ flex-direction: column;
1997
+ align-items: center;
1998
+ font-family: 'Open-sans', sans-serif;
1999
+ }
2000
+
2001
+ .checkout-form__name-fields {
2002
+ width: 100%;
2003
+ display: flex;
2004
+ flex-direction: row;
2005
+ justify-content: space-between;
2006
+ }
2007
+
2008
+ .billing-modal-body{
2009
+ padding: 30px 30px 0 30px;
2010
+ width: 100%;
2011
+ background-color:#fff;
2012
+ }
2013
+ .billing_info_wrap{
2014
+ display: flex;
2015
+ justify-content: center;
2016
+ }
2017
+ .billing-modal-body .name__wrap,.billing-modal-body .card__wrap{
2018
+ display: flex;
2019
+ justify-content: space-between;
2020
+ }
2021
+ .name__wrap .firstname__wrap,.name__wrap .lastname__wrap{
2022
+ width: 45%;
2023
+ }
2024
+ .billing-modal-body label{
2025
+ font-size: 14px;
2026
+ font-weight: bold;
2027
+ font-family: 'Open-sans', sans-serif;
2028
+ color: #666;
2029
+ }
2030
+ .checkout-form .billing-modal-body input[type=email]:not(.browser-default):focus:not([readonly]),
2031
+ .checkout-form .billing-modal-body input[type=text]:not(.browser-default):focus:not([readonly]),
2032
+ .checkout-form .billing-modal-body select:focus
2033
+ {
2034
+ border-bottom: 1px solid #dfdfdf;
2035
+ box-shadow: none;
2036
+ }
2037
+ .checkout-form .billing-modal-body input[type=email],
2038
+ .checkout-form .billing-modal-body input[type=text],
2039
+ .checkout-form .billing-modal-body select
2040
+ {
2041
+ padding: 20px;
2042
+ width: 100%;
2043
+ border: 1px solid #dfdfdf;
2044
+ margin: .5em 0;
2045
+ line-height: 20px;
2046
+ border-radius: 5px;
2047
+ font-size: 16px;
2048
+ -webkit-box-sizing: border-box;
2049
+ box-sizing: border-box;
2050
+ }
2051
+ .checkout-form .billing-modal-body select{
2052
+ padding: 0 20px;
2053
+ height: 45px;
2054
+ }
2055
+ .billing-modal-footer {
2056
+ font-family: "Open Sans", sans-serif;
2057
+ border-radius: 0 0 10px 10px;
2058
+ background-color: #fff;
2059
+ width: 100%;
2060
+ padding: 5px 30px 25px 30px;
2061
+ display: flex;
2062
+ flex-direction: column;
2063
+ }
2064
+ .billing-modal-body hr{
2065
+ border-top: 1px solid #CFCFCF;
2066
+ margin: 15px 0;
2067
+ }
2068
+ .more_info{
2069
+ margin: 15px 0 0 0;
2070
+ }
2071
+ .billing-modal-footer input[type=checkbox]{
2072
+ background: #999;
2073
+ }
2074
+ .billing-modal-footer input[type=checkbox]:before{
2075
+ color: #fff;
2076
+ }
2077
+ .billing-modal-footer .term__wrap{
2078
+ margin: 10px 0;
2079
+ }
2080
+
2081
+ .modal a.oranges,.modal button.oranges{
2082
+ cursor: pointer;
2083
+ padding: 13px 25px;
2084
+ background-color: RGB(236,182,83);
2085
+ border-radius: 10px;
2086
+ color: #fff;
2087
+ text-decoration: none;
2088
+ font-size: 20px;
2089
+ font-family: "Open Sans", sans-serif;
2090
+ font-weight: 700;
2091
+ border: none;
2092
+ margin: 0 10px;
2093
+ position: relative;
2094
+ align-self: center;
2095
+ }
2096
+ .billing-page-details__check-circle i {
2097
+ font-size: 28px;
2098
+ }
2099
+ .recurly-hosted-field{
2100
+ height: 3.5rem;
2101
+ margin-top: 0;
2102
+ }
2103
+
2104
+ .card__wrap input[type=text]:not(.browser-default){
2105
+ border-radius: 0;
2106
+ border-right: 0;
2107
+ border-left: 0;
2108
+ }
2109
+
2110
+ .card__wrap #card_number{
2111
+ width: 100%;
2112
+ }
2113
+ .terms-label a{
2114
+ color: #525252;
2115
+ font-weight: bold;
2116
+ }
2117
+ #pro_option{
2118
+ width: 640px;
2119
+ }
2120
+
2121
+ .subscribe__wrap .page_name__wrap h2.subscribe_page_name{
2122
+ margin: 0;
2123
+ font-size: 2.5rem;
2124
+ font-family: 'Open-Sans',sans-serif;
2125
+ }
2126
+ .subscribe__wrap .page_name__wrap span.pro{
2127
+ border-radius: 5px;
2128
+ width: auto;
2129
+ height: auto;
2130
+ line-height: 22px;
2131
+ align-self: center;
2132
+ font-size: 1.2rem;
2133
+ padding: 7px;
2134
+ }
2135
+ .subscribe_connect p {
2136
+ color: #888;
2137
+ font-size: 15px;
2138
+ }
2139
+ .page_info__wrap{
2140
+ border: 1px solid #EFEFEF;
2141
+ padding: 20px 35px 30px;
2142
+ border-radius: 10px;
2143
+ display: flex;
2144
+ justify-content: space-between;
2145
+ }
2146
+
2147
+ .percentage-bar__body-wrapper {
2148
+ display: -webkit-box;
2149
+ display: -ms-flexbox;
2150
+ display: flex;
2151
+ -webkit-box-orient: horizontal;
2152
+ -webkit-box-direction: normal;
2153
+ -ms-flex-direction: column;
2154
+ flex-direction: column;
2155
+ -webkit-box-align: center;
2156
+ -ms-flex-align: center;
2157
+ align-items: center;
2158
+ width: 80%;
2159
+ margin-top: 10px;
2160
+ }
2161
+ .percentage-bar__card-used-number,.percentage-bar__card-max-number {
2162
+ font-weight: 800;
2163
+ font-size: 16px;
2164
+ margin-right: -20px;
2165
+ }
2166
+ .number__wrap{
2167
+ display: flex;
2168
+ flex-direction: row;
2169
+ justify-content: space-between;
2170
+ width: 100%;
2171
+ }
2172
+ .percentage-bar__bar {
2173
+ height: 9px;
2174
+ }
2175
+ .percentage-bar__bar {
2176
+ position: relative;
2177
+ background-color: #cbcbcb;
2178
+ width: 100%;
2179
+ height: 12px;
2180
+ border-radius: 10px;
2181
+ }
2182
+ .percentage-bar__used-percentage{
2183
+ height: 9px;
2184
+ }
2185
+ .percentage-bar__used-percentage {
2186
+ position: absolute;
2187
+ left: 0;
2188
+ background-color: #ff943f;
2189
+ height: 12px;
2190
+ border-radius: 10px;
2191
+ }
2192
+ .message_sent__wrap label{
2193
+ font-size: 0.9rem;
2194
+ text-transform: uppercase;
2195
+ color: #555;
2196
+ font-weight: bold;
2197
+ }
2198
+ .message_sent__wrap{
2199
+ margin-top: 2rem;
2200
+ }
2201
+ .button_cancel,.button_edit{
2202
+ padding: 5px 15px;
2203
+ border-radius: 5px;
2204
+ background-color: gray;
2205
+ cursor: pointer;
2206
+ color: #fff;
2207
+ text-decoration: none;
2208
+ font-size: 16px;
2209
+ border: none;
2210
+ margin: 0 10px;
2211
+ }
2212
+ a.button_cancel:hover,a.button_cancel:focus,a.button_edit:focus,a.button_edit:hover{
2213
+ color: #fff;
2214
+ }
2215
+ .button_go{
2216
+ margin-top: 20px;
2217
+ height: auto;
2218
+ background-color: darkgreen;
2219
+ padding: 10px 15px;
2220
+ border: 1px solid #000;
2221
+ color: #fff;
2222
+ }
2223
+ .button_go:hover,.button_go:focus{
2224
+ color: #fff;
2225
+ }
2226
+ .invoice_info_wrap a{
2227
+ text-decoration: underline;
2228
+ margin-right: 25px;
2229
+ }
2230
+ .subscribe_info__wrap,.invoice_info_wrap{
2231
+ display: flex;
2232
+ justify-content: space-between;
2233
+ }
2234
+ .button__wrap{
2235
+ align-self: center;
2236
+ }
2237
+ .subscribe_info__wrap{
2238
+ padding: 0 0 20px 0;
2239
+ }
2240
+ .button_update{
2241
+ background-color: #324ef8;
2242
+ height: auto;
2243
+ padding: 12px 20px;
2244
+ border-radius: 4px;
2245
+ color: #fff;
2246
+ font-size: 18px;
2247
+ }
2248
+ .button_update:focus,.button_update:hover{
2249
+ color: #fff;
2250
+ }
2251
+ .payment_info{
2252
+ background-color: #DDE3FE;
2253
+ border-radius: 14px;
2254
+ width: 50%;
2255
+ display: flex;
2256
+ flex-direction: column;
2257
+ padding: 10px 24px;
2258
+ margin-bottom: 20px;
2259
+ }
2260
+ .billed_with{
2261
+ color: #ADB0B9;
2262
+ }
2263
+ #errors{
2264
+ color: red;
2265
+ text-align: center;
2266
+ height: 50px;
2267
+ background-color: #1111;
2268
+ border-radius: 14px;
2269
+ width: 50%;
2270
+ display: flex;
2271
+ align-self: center;
2272
+ justify-content: center;
2273
+ align-items: center;
2274
+ margin-bottom: 30px;
2275
+ display: none;
2276
}
admin/assets/img/logo.png ADDED
Binary file
admin/assets/img/monkey.png ADDED
Binary file
admin/assets/img/monkey_head.png ADDED
Binary file
admin/assets/img/notice_icon_new.png ADDED
Binary file
admin/assets/img/pacebook_logo.png ADDED
Binary file
admin/assets/js/admin.js CHANGED
@@ -18,6