@tapni/auth 0.0.108 → 0.0.118

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (44) hide show
  1. package/dist/.vite/manifest.json +32 -0
  2. package/dist/Account-5DndxBQe.js +111 -0
  3. package/dist/QR-rB8KdJig.js +41 -0
  4. package/dist/TapniAuth.es.js +2 -16731
  5. package/dist/TapniAuth.umd.js +39 -39
  6. package/dist/install-QOxCq9FJ.js +18408 -0
  7. package/dist/style.css +1 -1
  8. package/dist/web-AImUTDQQ.js +54 -0
  9. package/package.json +6 -3
  10. package/src/App.vue +55 -11
  11. package/src/components/Language.vue +1 -1
  12. package/src/components/ModalOverlay.vue +1 -0
  13. package/src/components/OTP.vue +120 -0
  14. package/src/install.js +0 -3
  15. package/src/main.js +3 -11
  16. package/src/mixins/apple.mixin.js +2 -2
  17. package/src/mixins/auth.mixin.js +52 -509
  18. package/src/mixins/facebook.mixin.js +2 -2
  19. package/src/mixins/global.mixin.js +5 -4
  20. package/src/mixins/google.mixin.js +2 -2
  21. package/src/mixins/mfa-auth.mixin.js +76 -0
  22. package/src/mixins/microsoft.mixin.js +3 -7
  23. package/src/mixins/okta.mixin.js +1 -1
  24. package/src/mixins/qr-auth.mixin.js +6 -1
  25. package/src/mixins/saml.mixin.js +2 -1
  26. package/src/routes.js +13 -0
  27. package/src/services/Api.js +15 -28
  28. package/src/services/AuthService.js +42 -37
  29. package/src/services/CompanyService.js +7 -8
  30. package/src/services/DeviceService.js +5 -6
  31. package/src/services/UserService.js +22 -23
  32. package/src/services/UtilService.js +1 -1
  33. package/src/store/locales/en.js +8 -1
  34. package/src/store/store.js +563 -0
  35. package/src/views/Account.vue +236 -0
  36. package/src/views/Login.vue +37 -24
  37. package/src/views/MFA.vue +109 -0
  38. package/src/views/Register.vue +10 -10
  39. package/src/views/Reset.vue +3 -3
  40. package/src/views/Verify.vue +4 -4
  41. package/src/views/Welcome.vue +5 -3
  42. package/src/styles/framework.css +0 -4012
  43. package/src/styles/inter.ttf +0 -0
  44. package/src/styles/style.css +0 -618
@@ -1,4012 +0,0 @@
1
- /* vue-context */
2
- .v-context,.v-context ul{background-color:#fff;background-clip:padding-box;border-radius:.25rem;border:1px solid rgba(0,0,0,.15);box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);display:block;margin:0;padding:10px 0;min-width:10rem;z-index:1500;position:fixed;list-style:none;box-sizing:border-box;max-height:calc(100% - 50px);overflow-y:auto}.v-context>li,.v-context ul>li{margin:0;position:relative}.v-context>li>a,.v-context ul>li>a{display:block;padding:.5rem 1.5rem;font-weight:400;color:#212529;text-decoration:none;white-space:nowrap;background-color:transparent;border:0}.v-context>li>a:focus,.v-context>li>a:hover,.v-context ul>li>a:focus,.v-context ul>li>a:hover{text-decoration:none;color:#212529;background-color:#f8f9fa}.v-context:focus,.v-context>li>a:focus,.v-context ul:focus,.v-context ul>li>a:focus{outline:0}.v-context__sub>a:after{content:"\203A";float:right;padding-left:1rem}.v-context__sub>ul{display:none}
3
-
4
- p strong {
5
- color: #1f1f1f;
6
- }
7
-
8
- a {
9
- color: #05668d;
10
- }
11
-
12
- ::-webkit-scrollbar {
13
- display: none;
14
- }
15
-
16
- html,
17
- body {
18
- overscroll-behavior-y: contain;
19
- height: 100% !important;
20
- overflow-y: scroll !important;
21
- -webkit-overflow-scrolling: touch;
22
- background-color: #ffffff;
23
- }
24
-
25
- img {
26
- pointer-events: none !important;
27
- }
28
-
29
- .no-select {
30
- -webkit-touch-callout: none;
31
- /* iOS Safari */
32
- -webkit-user-select: none;
33
- /* Safari */
34
- -khtml-user-select: none;
35
- /* Konqueror HTML */
36
- -moz-user-select: none;
37
- /* Old versions of Firefox */
38
- -ms-user-select: none;
39
- /* Internet Explorer/Edge */
40
- user-select: none;
41
- /* Non-prefixed version, currently */
42
- }
43
-
44
- * {
45
- margin: 0;
46
- padding: 0;
47
- border: 0;
48
- font-size: 100%;
49
- vertical-align: baseline;
50
- outline: none;
51
- font-size-adjust: none;
52
- -webkit-text-size-adjust: none;
53
- -moz-text-size-adjust: none;
54
- -ms-text-size-adjust: none;
55
- -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
56
- -webkit-font-smoothing: antialiased !important;
57
- /*
58
- -webkit-transform: translate3d(1, 1, 1);
59
- transform: translate3d(1, 1, 1);
60
- */
61
- text-rendering: auto;
62
- -webkit-font-smoothing: antialiased;
63
- -moz-osx-font-smoothing: grayscale;
64
- }
65
-
66
- *:focus {
67
- outline: none;
68
- }
69
-
70
- *,
71
- *:after,
72
- *:before {
73
- -webkit-box-sizing: border-box;
74
- -moz-box-sizing: border-box;
75
- box-sizing: border-box;
76
- padding: 0;
77
- margin: 0;
78
- }
79
-
80
- body {
81
- margin: 0;
82
- padding: 0;
83
- font-size: 14px;
84
- line-height: 30px;
85
- font-weight: 400;
86
- }
87
-
88
- ::selection {
89
- background-color: #ccc;
90
- color: #000;
91
- }
92
-
93
- div,
94
- a,
95
- p,
96
- img,
97
- blockquote,
98
- form,
99
- fieldset,
100
- textarea,
101
- input,
102
- label,
103
- iframe,
104
- code,
105
- pre {
106
- display: block;
107
- position: relative;
108
- }
109
-
110
- textarea,
111
- input {
112
- outline: none;
113
- }
114
-
115
- input {
116
- border-radius: 0 !important;
117
- -webkit-border-radius: 0px !important;
118
- }
119
-
120
- textarea {
121
- -webkit-appearance: none !important;
122
- border-radius: 0 !important;
123
- -webkit-border-radius: 0px !important;
124
- }
125
-
126
- label a {
127
- display: inline-block;
128
- }
129
-
130
- /*---Page Content Settings---*/
131
- /*---------------------------*/
132
-
133
- #page-transitions {
134
- left: 0px;
135
- right: 0px;
136
- }
137
-
138
- #page-content {
139
- margin-bottom: 0px;
140
- background-color: #ffffff;
141
- }
142
-
143
- .page-content-gray {
144
- background-color: #e1e0e6;
145
- }
146
-
147
- .page-content-dark {
148
- background-color: #0c1117 !important;
149
- }
150
-
151
- .page-content-light {
152
- background-color: #fefefe !important;
153
- }
154
-
155
- .transparent-bg {
156
- background-color: rgba(255, 255, 255, 0) !important;
157
- transition: all 250ms ease;
158
- }
159
-
160
- .margin-center {
161
- margin: 0 auto !important;
162
- }
163
-
164
- /*---Typography---*/
165
- /*----------------*/
166
-
167
- p {
168
- line-height: 18px;
169
- font-size: 13px;
170
- color: #444444;
171
- }
172
-
173
- p > a {
174
- display: inline;
175
- text-decoration: none;
176
- }
177
-
178
- p > a:hover {
179
- text-decoration: underline;
180
- }
181
-
182
- p > span {
183
- display: inline;
184
- }
185
-
186
- p strong {
187
- font-size: 13px;
188
- font-weight: 500;
189
- }
190
-
191
- span > a {
192
- display: inline;
193
- }
194
-
195
- a > span {
196
- display: inline;
197
- }
198
-
199
- a {
200
- text-decoration: none;
201
- }
202
-
203
- a:hover {
204
- text-decoration: none;
205
- }
206
-
207
- strong a,
208
- em a {
209
- display: inline;
210
- }
211
-
212
- h1 > a,
213
- h2 > a,
214
- h3 > a,
215
- h4 > a,
216
- h5 > a,
217
- h6 > a {
218
- display: inline;
219
- }
220
-
221
- table {
222
- border-collapse: separate;
223
- border-spacing: 0;
224
- width: 100%;
225
- clear: both;
226
- margin-bottom: 27px;
227
- }
228
-
229
- th {
230
- vertical-align: middle;
231
- font-weight: bold;
232
- }
233
-
234
- tr {
235
- line-height: 18px;
236
- }
237
-
238
- td {
239
- text-align: center;
240
- padding: 9px 0px 9px 0px;
241
- line-height: 18px;
242
- vertical-align: middle;
243
- }
244
-
245
- .table tr.even td {
246
- background: #efefef;
247
- }
248
-
249
- .table tr:hover td {
250
- background: #f8f8f8;
251
- }
252
-
253
- tr:hover > td {
254
- background: #fff;
255
- }
256
-
257
- th {
258
- border-bottom: 1px solid #e9e9e9;
259
- border-right: 1px solid #e9e9e9;
260
- color: #1f1f1f;
261
- line-height: 35px;
262
- background-color: #f6f6f6;
263
- }
264
-
265
- td {
266
- border-right: 1px solid #e9e9e9;
267
- border-bottom: 1px solid #e9e9e9;
268
- color: #666;
269
- background-color: #fdfdfd;
270
- }
271
-
272
- table {
273
- background-color: #f6f6f6;
274
- border-left: 1px solid #e9e9e9;
275
- border-top: 1px solid #e9e9e9;
276
- }
277
-
278
- .table-borders-light * {
279
- border-color: rgba(255, 255, 255, 0.1) !important;
280
- }
281
-
282
- ul,
283
- ol {
284
- color: #666666;
285
- }
286
-
287
- ul {
288
- margin-bottom: 30px;
289
- }
290
-
291
- ul ul {
292
- margin-bottom: 5px;
293
- }
294
-
295
- ol ol {
296
- margin-bottom: 5px;
297
- }
298
-
299
- ol {
300
- margin-bottom: 30px;
301
- }
302
-
303
- li {
304
- line-height: 24px;
305
- margin-bottom: 5px;
306
- }
307
-
308
- ol > li:last-child,
309
- ul > li:last-child {
310
- margin-bottom: 0px;
311
- }
312
-
313
- textarea {
314
- font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
315
- }
316
-
317
- sub,
318
- sup {
319
- font-size: 50%;
320
- line-height: 0;
321
- position: relative;
322
- vertical-align: baseline;
323
- }
324
-
325
- sup {
326
- top: -15px;
327
- }
328
-
329
- sub {
330
- bottom: 0px;
331
- }
332
-
333
- .disabled {
334
- display: none !important;
335
- }
336
-
337
- .disabled-box {
338
- display: none;
339
- }
340
-
341
- .center-item {
342
- margin-left: auto !important;
343
- margin-right: auto;
344
- }
345
-
346
- .font-10 {
347
- font-size: 10px !important;
348
- }
349
-
350
- .font-11 {
351
- font-size: 11px !important;
352
- }
353
-
354
- .font-12 {
355
- font-size: 12px !important;
356
- }
357
-
358
- .font-13 {
359
- font-size: 13px !important;
360
- }
361
-
362
- .font-14 {
363
- font-size: 14px !important;
364
- }
365
-
366
- .font-15 {
367
- font-size: 15px !important;
368
- }
369
-
370
- .font-16 {
371
- font-size: 16px !important;
372
- }
373
-
374
- .font-17 {
375
- font-size: 17px !important;
376
- }
377
-
378
- .font-18 {
379
- font-size: 18px !important;
380
- }
381
-
382
- .font-19 {
383
- font-size: 19px !important;
384
- }
385
-
386
- .font-20 {
387
- font-size: 20px !important;
388
- }
389
-
390
- .font-21 {
391
- font-size: 21px !important;
392
- }
393
-
394
- .font-22 {
395
- font-size: 22px !important;
396
- }
397
-
398
- .font-23 {
399
- font-size: 23px !important;
400
- }
401
-
402
- .font-24 {
403
- font-size: 24px !important;
404
- }
405
-
406
- .font-25 {
407
- font-size: 25px !important;
408
- }
409
-
410
- /*---Background & Colors---*/
411
- /*-------------------------*/
412
- .bg-full {
413
- position: fixed;
414
- top: -20px;
415
- left: -20px;
416
- right: -20px;
417
- bottom: -20px;
418
- overflow: hidden;
419
- }
420
-
421
- .bg-cover {
422
- background-size: cover;
423
- background-position: center center;
424
- }
425
-
426
- .bg-transparent {
427
- background: rgba(0, 0, 0, 0) !important;
428
- }
429
-
430
- .bg-dark {
431
- background-color: rgba(0, 0, 0, 0.3) !important;
432
- }
433
-
434
- .overlay,
435
- .overlay-image {
436
- position: absolute;
437
- top: 0px;
438
- left: 0px;
439
- right: 0px;
440
- bottom: 0px;
441
- z-index: 9;
442
- background-size: cover;
443
- }
444
-
445
- .overlay-image {
446
- z-index: 8;
447
- }
448
-
449
- .above-overlay {
450
- position: relative;
451
- z-index: 10 !important;
452
- }
453
-
454
- .dark-overlay {
455
- background-color: rgba(0, 0, 0, 0.7);
456
- }
457
-
458
- .medium-overlay {
459
- background-color: rgba(0, 0, 0, 0.6);
460
- }
461
-
462
- .light-overlay {
463
- background-color: rgba(255, 255, 255, 0.85);
464
- }
465
-
466
- .overlay-dark {
467
- background-color: rgba(0, 0, 0, 0.8);
468
- }
469
-
470
- .overlay-medium {
471
- background-color: rgba(0, 0, 0, 0.65);
472
- }
473
-
474
- .overlay-light {
475
- background-color: rgba(255, 255, 255, 0.75);
476
- }
477
-
478
- .overlay-gradient {
479
- background: linear-gradient(
480
- to bottom,
481
- rgba(0, 0, 0, 0) 0%,
482
- rgba(0, 0, 0, 0) 20%,
483
- rgba(0, 0, 0, 0.1) 40%,
484
- rgba(0, 0, 0, 0.7) 70%,
485
- rgba(0, 0, 0, 1) 100%
486
- );
487
- }
488
-
489
- .overlay-gradient-small {
490
- background: linear-gradient(
491
- to bottom,
492
- rgba(0, 0, 0, 0) 0%,
493
- rgba(0, 0, 0, 0) 30%,
494
- rgba(0, 0, 0, 0.1) 40%,
495
- rgba(0, 0, 0, 0.5) 70%,
496
- rgba(0, 0, 0, 0.8) 100%
497
- );
498
- }
499
-
500
- .bg-teal-light {
501
- background-color: #a0cecb !important;
502
- color: #ffffff;
503
- }
504
-
505
- .bg-teal-dark {
506
- background-color: #7db1b1 !important;
507
- color: #ffffff;
508
- }
509
-
510
- .border-teal-light {
511
- border: solid 1px #a0cecb !important;
512
- }
513
-
514
- .border-teal-dark {
515
- border: solid 1px #7db1b1 !important;
516
- }
517
-
518
- .bg-hover-teal-light:hover {
519
- background-color: #a0cecb !important;
520
- color: #ffffff !important;
521
- transition: all 200ms ease;
522
- }
523
-
524
- .bg-hover-teal-dark:hover {
525
- background-color: #7db1b1 !important;
526
- color: #ffffff !important;
527
- transition: all 200ms ease;
528
- }
529
-
530
- .color-teal-light {
531
- color: #a0cecb !important;
532
- }
533
-
534
- .color-teal-dark {
535
- color: #7db1b1 !important;
536
- }
537
-
538
- .bg-green-light {
539
- background-color: #a0d468 !important;
540
- color: #ffffff;
541
- }
542
-
543
- .bg-green-dark {
544
- background-color: #8cc152 !important;
545
- color: #ffffff;
546
- }
547
-
548
- .border-green-light {
549
- border: solid 1px #a0d468 !important;
550
- }
551
-
552
- .border-green-dark {
553
- border: solid 1px #8cc152 !important;
554
- }
555
-
556
- .bg-hover-green-light:hover {
557
- background-color: #a0d468 !important;
558
- color: #ffffff !important;
559
- transition: all 200ms ease;
560
- }
561
-
562
- .bg-hover-green-dark:hover {
563
- background-color: #8cc152 !important;
564
- color: #ffffff !important;
565
- transition: all 200ms ease;
566
- }
567
-
568
- .color-green-light {
569
- color: #a0d468 !important;
570
- }
571
-
572
- .color-green-dark {
573
- color: #8cc152 !important;
574
- }
575
-
576
- .bg-green2-light {
577
- background-color: #2ecc71 !important;
578
- color: #ffffff;
579
- }
580
-
581
- .bg-green2-dark {
582
- background-color: #2aba66 !important;
583
- color: #ffffff;
584
- }
585
-
586
- .border-green2-light {
587
- border: solid 1px #2ecc71 !important;
588
- }
589
-
590
- .border-green2-dark {
591
- border: solid 1px #2aba66 !important;
592
- }
593
-
594
- .bg-hover-green2-light:hover {
595
- background-color: #2ecc71 !important;
596
- color: #ffffff !important;
597
- transition: all 200ms ease;
598
- }
599
-
600
- .bg-hover-green2-dark:hover {
601
- background-color: #2aba66 !important;
602
- color: #ffffff !important;
603
- transition: all 200ms ease;
604
- }
605
-
606
- .color-green2-light {
607
- color: #2ecc71 !important;
608
- }
609
-
610
- .color-green2-dark {
611
- color: #2aba66 !important;
612
- }
613
-
614
- .bg-blue-light {
615
- background-color: #5d9cec !important;
616
- color: #ffffff;
617
- }
618
-
619
- .bg-blue-dark {
620
- background-color: #4a89dc !important;
621
- color: #ffffff;
622
- }
623
-
624
- .border-blue-light {
625
- border: solid 1px #5d9cec !important;
626
- }
627
-
628
- .border-blue-dark {
629
- border: solid 1px #3e5674 !important;
630
- }
631
-
632
- .bg-hover-blue-light:hover {
633
- background-color: #5d9cec !important;
634
- color: #ffffff !important;
635
- transition: all 200ms ease;
636
- }
637
-
638
- .bg-hover-blue-dark:hover {
639
- background-color: #4a89dc !important;
640
- color: #ffffff !important;
641
- transition: all 200ms ease;
642
- }
643
-
644
- .color-blue-light {
645
- color: #5d9cec !important;
646
- }
647
-
648
- .color-blue-dark {
649
- color: #3e5674 !important;
650
- }
651
-
652
- .bg-blue2-light {
653
- background-color: #4fc1e9 !important;
654
- color: #ffffff;
655
- }
656
-
657
- .bg-blue2-dark {
658
- background-color: #3bafda !important;
659
- color: #ffffff !important;
660
- }
661
-
662
- .border-blue2-light {
663
- border: solid 1px #4fc1e9 !important;
664
- }
665
-
666
- .border-blue2-dark {
667
- border: solid 1px #3bafda !important;
668
- }
669
-
670
- .bg-hover-blue2-light:hover {
671
- background-color: #4fc1e9 !important;
672
- color: #ffffff !important;
673
- transition: all 200ms ease;
674
- }
675
-
676
- .bg-hover-blue2-dark:hover {
677
- background-color: #3bafda !important;
678
- color: #ffffff !important;
679
- transition: all 200ms ease;
680
- }
681
-
682
- .color-blue2-light {
683
- color: #4fc1e9 !important;
684
- }
685
-
686
- .color-blue2-dark {
687
- color: #3bafda !important;
688
- }
689
-
690
- .bg-magenta-light {
691
- background-color: #8067b7 !important;
692
- color: #ffffff;
693
- }
694
-
695
- .bg-magenta-dark {
696
- background-color: #6a50a7 !important;
697
- color: #ffffff;
698
- }
699
-
700
- .border-magenta-light {
701
- border: solid 1px #8067b7 !important;
702
- }
703
-
704
- .border-magenta-dark {
705
- border: solid 1px #6a50a7 !important;
706
- }
707
-
708
- .bg-hover-magenta-light:hover {
709
- background-color: #8067b7 !important;
710
- color: #ffffff !important;
711
- transition: all 200ms ease;
712
- }
713
-
714
- .bg-hover-magenta-dark:hover {
715
- background-color: #6a50a7 !important;
716
- color: #ffffff !important;
717
- transition: all 200ms ease;
718
- }
719
-
720
- .color-magenta-light {
721
- color: #8067b7 !important;
722
- }
723
-
724
- .color-magenta-dark {
725
- color: #6a50a7 !important;
726
- }
727
-
728
- .bg-night-light {
729
- background-color: #656d78 !important;
730
- color: #ffffff;
731
- }
732
-
733
- .bg-night-dark {
734
- background-color: #434a54 !important;
735
- color: #ffffff;
736
- }
737
-
738
- .border-night-light {
739
- border: solid 1px #656d78 !important;
740
- }
741
-
742
- .border-night-dark {
743
- border: solid 1px #434a54 !important;
744
- }
745
-
746
- .bg-hover-night-light:hover {
747
- background-color: #656d78 !important;
748
- color: #ffffff !important;
749
- transition: all 200ms ease;
750
- }
751
-
752
- .bg-hover-night-dark:hover {
753
- background-color: #434a54 !important;
754
- color: #ffffff !important;
755
- transition: all 200ms ease;
756
- }
757
-
758
- .color-night-light {
759
- color: #656d78 !important;
760
- }
761
-
762
- .color-night-dark {
763
- color: #434a54 !important;
764
- }
765
-
766
- .bg-yellow-light {
767
- background-color: #ffce54 !important;
768
- color: #ffffff;
769
- }
770
-
771
- .bg-yellow-dark {
772
- background-color: #f6bb42 !important;
773
- color: #ffffff;
774
- }
775
-
776
- .border-yellow-light {
777
- border: solid 1px #ffce54 !important;
778
- }
779
-
780
- .border-yellow-dark {
781
- border: solid 1px #f6bb42 !important;
782
- }
783
-
784
- .bg-hover-yellow-light:hover {
785
- background-color: #ffce54 !important;
786
- color: #ffffff !important;
787
- transition: all 200ms ease;
788
- }
789
-
790
- .bg-hover-yellow-dark:hover {
791
- background-color: #f6bb42 !important;
792
- color: #ffffff !important;
793
- transition: all 200ms ease;
794
- }
795
-
796
- .color-yellow-light {
797
- color: #ffce54 !important;
798
- }
799
-
800
- .color-yellow-dark {
801
- color: #f6bb42 !important;
802
- }
803
-
804
- .bg-yellow2-light {
805
- background-color: #e8ce4d !important;
806
- color: #ffffff;
807
- }
808
-
809
- .bg-yellow2-dark {
810
- background-color: #e0c341 !important;
811
- color: #ffffff;
812
- }
813
-
814
- .border-yellow2-light {
815
- border: solid 1px #e8ce4d !important;
816
- }
817
-
818
- .border-yellow2-dark {
819
- border: solid 1px #e0c341 !important;
820
- }
821
-
822
- .bg-hover-yellow2-light:hover {
823
- background-color: #e8ce4d !important;
824
- color: #ffffff !important;
825
- transition: all 200ms ease;
826
- }
827
-
828
- .bg-hover-yellow2-dark:hover {
829
- background-color: #e0c341 !important;
830
- color: #ffffff !important;
831
- transition: all 200ms ease;
832
- }
833
-
834
- .color-yellow2-light {
835
- color: #e8ce4d !important;
836
- }
837
-
838
- .color-yellow2-dark {
839
- color: #e0c341 !important;
840
- }
841
-
842
- .bg-orange-light {
843
- background-color: #fc6e51 !important;
844
- color: #ffffff;
845
- }
846
-
847
- .bg-orange-dark {
848
- background-color: #e9573f !important;
849
- color: #ffffff;
850
- }
851
-
852
- .border-orange-light {
853
- border: solid 1px #fc6e51 !important;
854
- }
855
-
856
- .border-orange-dark {
857
- border: solid 1px #e9573f !important;
858
- }
859
-
860
- .bg-hover-orange-light:hover {
861
- background-color: #fc6e51 !important;
862
- color: #ffffff !important;
863
- transition: all 200ms ease;
864
- }
865
-
866
- .bg-hover-orange-dark:hover {
867
- background-color: #e9573f !important;
868
- color: #ffffff !important;
869
- transition: all 200ms ease;
870
- }
871
-
872
- .color-orange-light {
873
- color: #fc6e51 !important;
874
- }
875
-
876
- .color-orange-dark {
877
- color: #e9573f !important;
878
- }
879
-
880
- .bg-red-light {
881
- background-color: #e74c3c !important;
882
- color: #ffffff;
883
- }
884
-
885
- .bg-red-dark {
886
- background-color: #c0392b !important;
887
- color: #ffffff;
888
- }
889
-
890
- .border-red-light {
891
- border: solid 1px #e74c3c !important;
892
- }
893
-
894
- .border-red-dark {
895
- border: solid 1px #c0392b !important;
896
- }
897
-
898
- .bg-hover-red-light:hover {
899
- background-color: #e74c3c !important;
900
- color: #ffffff !important;
901
- transition: all 200ms ease;
902
- }
903
-
904
- .bg-hover-red-dark:hover {
905
- background-color: #c0392b !important;
906
- color: #ffffff !important;
907
- transition: all 200ms ease;
908
- }
909
-
910
- .color-red-light {
911
- color: #e74c3c !important;
912
- }
913
-
914
- .color-red-dark {
915
- color: #c0392b !important;
916
- }
917
-
918
- .bg-pink-light {
919
- background-color: #fa6a8e !important;
920
- color: #ffffff;
921
- }
922
-
923
- .bg-pink-dark {
924
- background-color: #fb3365 !important;
925
- color: #ffffff;
926
- }
927
-
928
- .border-pink-light {
929
- border: solid 1px #fa6a8e !important;
930
- }
931
-
932
- .border-pink-dark {
933
- border: solid 1px #fb3365 !important;
934
- }
935
-
936
- .bg-hover-pink-light:hover {
937
- background-color: #f85d84 !important;
938
- color: #ffffff !important;
939
- transition: all 200ms ease;
940
- }
941
-
942
- .bg-hover-pink-dark:hover {
943
- background-color: #fa6a8e !important;
944
- color: #ffffff !important;
945
- transition: all 200ms ease;
946
- }
947
-
948
- .color-pink-light {
949
- color: #fa6a8e !important;
950
- }
951
-
952
- .color-pink-dark {
953
- color: #fb3365 !important;
954
- }
955
-
956
- .bg-brown-light {
957
- background-color: #baa286 !important;
958
- color: #ffffff;
959
- }
960
-
961
- .bg-brown-dark {
962
- background-color: #aa8e69 !important;
963
- color: #ffffff;
964
- }
965
-
966
- .border-brown-light {
967
- border: solid 1px #baa286 !important;
968
- }
969
-
970
- .border-brown-dark {
971
- border: solid 1px #aa8e69 !important;
972
- }
973
-
974
- .bg-hover-brown-light:hover {
975
- background-color: #baa286 !important;
976
- color: #ffffff !important;
977
- transition: all 200ms ease;
978
- }
979
-
980
- .bg-hover-brown-dark:hover {
981
- background-color: #aa8e69 !important;
982
- color: #ffffff !important;
983
- transition: all 200ms ease;
984
- }
985
-
986
- .color-brown-light {
987
- color: #baa286 !important;
988
- }
989
-
990
- .color-brown-dark {
991
- color: #aa8e69 !important;
992
- }
993
-
994
- .bg-brown2-light {
995
- background-color: #8e8271 !important;
996
- color: #ffffff;
997
- }
998
-
999
- .bg-brown2-dark {
1000
- background-color: #7b7163 !important;
1001
- color: #ffffff;
1002
- }
1003
-
1004
- .border-brown2-light {
1005
- border: solid 1px #8e8271 !important;
1006
- }
1007
-
1008
- .border-brown2-dark {
1009
- border: solid 1px #7b7163 !important;
1010
- }
1011
-
1012
- .bg-hover-brown2-light:hover {
1013
- background-color: #8e8271 !important;
1014
- color: #ffffff !important;
1015
- transition: all 200ms ease;
1016
- }
1017
-
1018
- .bg-hover-brown2-dark:hover {
1019
- background-color: #7b7163 !important;
1020
- color: #ffffff !important;
1021
- transition: all 200ms ease;
1022
- }
1023
-
1024
- .color-brown2-light {
1025
- color: #8e8271 !important;
1026
- }
1027
-
1028
- .color-brown2-dark {
1029
- color: #7b7163 !important;
1030
- }
1031
-
1032
- .bg-gray-light {
1033
- background-color: #bdc3c7 !important;
1034
- color: #ffffff;
1035
- }
1036
-
1037
- .bg-gray-dark {
1038
- background-color: #95a5a6 !important;
1039
- color: #ffffff;
1040
- }
1041
-
1042
- .border-gray-light {
1043
- border: solid 1px #bdc3c7 !important;
1044
- }
1045
-
1046
- .border-gray-dark {
1047
- border: solid 1px #95a5a6 !important;
1048
- }
1049
-
1050
- .bg-hover-gray-light:hover {
1051
- background-color: #bdc3c7 !important;
1052
- color: #ffffff !important;
1053
- transition: all 200ms ease;
1054
- }
1055
-
1056
- .bg-hover-gray-dark:hover {
1057
- background-color: #95a5a6 !important;
1058
- color: #ffffff !important;
1059
- transition: all 200ms ease;
1060
- }
1061
-
1062
- .color-gray-light {
1063
- color: #bdc3c7 !important;
1064
- }
1065
-
1066
- .color-gray-dark {
1067
- color: #95a5a6 !important;
1068
- }
1069
-
1070
- .bg-white {
1071
- background-color: #ffffff !important;
1072
- }
1073
-
1074
- .bg-hover-black:hover {
1075
- background-color: #ffffff !important;
1076
- color: #000000 !important;
1077
- }
1078
-
1079
- .color-white {
1080
- color: #ffffff !important;
1081
- }
1082
-
1083
- .border-white {
1084
- border: solid 1px #ffffff !important;
1085
- }
1086
-
1087
- .border-light {
1088
- border-color: rgba(255, 255, 255, 0.05) !important;
1089
- }
1090
-
1091
- .bg-tapni-grey {
1092
- background-color: #232323 !important;
1093
- color: #ffffff !important;
1094
- }
1095
-
1096
- .bg-black {
1097
- background-color: #000000 !important;
1098
- color: #ffffff !important;
1099
- }
1100
-
1101
- .bg-hover-black:hover {
1102
- background-color: #000000 !important;
1103
- color: #ffffff !important;
1104
- }
1105
-
1106
- .color-black {
1107
- color: #000000 !important;
1108
- }
1109
-
1110
- .border-black {
1111
- border: solid 1px #000000 !important;
1112
- }
1113
-
1114
- .opacity-05 {
1115
- opacity: 0.05;
1116
- }
1117
-
1118
- .opacity-10 {
1119
- opacity: 0.1;
1120
- }
1121
-
1122
- .opacity-20 {
1123
- opacity: 0.2;
1124
- }
1125
-
1126
- .opacity-25 {
1127
- opacity: 0.25;
1128
- }
1129
-
1130
- .opacity-30 {
1131
- opacity: 0.3;
1132
- }
1133
-
1134
- .opacity-40 {
1135
- opacity: 0.4;
1136
- }
1137
-
1138
- .opacity-50 {
1139
- opacity: 0.5;
1140
- }
1141
-
1142
- .opacity-60 {
1143
- opacity: 0.6;
1144
- }
1145
-
1146
- .opacity-70 {
1147
- opacity: 0.7;
1148
- }
1149
-
1150
- .opacity-75 {
1151
- opacity: 0.75;
1152
- }
1153
-
1154
- .opacity-80 {
1155
- opacity: 0.8;
1156
- }
1157
-
1158
- .opacity-90 {
1159
- opacity: 0.9;
1160
- }
1161
-
1162
- .border-round {
1163
- border-radius: 100px;
1164
- overflow: hidden;
1165
- }
1166
-
1167
- .bg-green-light i,
1168
- .bg-green-dark i,
1169
- .bg-teal-light i,
1170
- .bg-teal-dark i,
1171
- .bg-magenta-light i,
1172
- .bg-magenta-dark i,
1173
- .bg-yellow-light i,
1174
- .bg-yellow-dark i,
1175
- .bg-orange-light i,
1176
- .bg-orange-dark i,
1177
- .bg-red-dark i,
1178
- .bg-red-light i,
1179
- .bg-gray-light i,
1180
- .bg-gray-dark i {
1181
- color: #ffffff;
1182
- }
1183
-
1184
- .fb-button {
1185
- border-radius: 16px !important;
1186
- overflow: hidden;
1187
- }
1188
-
1189
- .facebook-bg {
1190
- background-color: #3b5998;
1191
- color: #ffffff;
1192
- border: solid 1px #3b5998;
1193
- }
1194
-
1195
- .facebook-bg:hover {
1196
- background-color: #4469b7;
1197
- color: #ffffff;
1198
- border: solid 1px #3b5998;
1199
- }
1200
-
1201
- .facebook-color {
1202
- color: #3b5998 !important;
1203
- }
1204
-
1205
- .facebook-color:hover {
1206
- color: #ffffff;
1207
- }
1208
-
1209
- .instagram-bg {
1210
- background: #d6249f;
1211
- color: #ffffff;
1212
- border: solid 1px #951a6f;
1213
- }
1214
-
1215
- .instagram-bg:hover {
1216
- background-color: #ad1e81;
1217
- color: #ffffff;
1218
- border: solid 1px #951a6f;
1219
- }
1220
-
1221
- .float-left {
1222
- float: left;
1223
- margin-top: 10px;
1224
- margin-right: 10px;
1225
- }
1226
-
1227
- .float-right {
1228
- float: right;
1229
- margin-top: 10px;
1230
- margin-left: 10px;
1231
- }
1232
-
1233
- /*---Typography---*/
1234
- /*----------------*/
1235
-
1236
- h1 {
1237
- font-size: 24px;
1238
- line-height: 26px;
1239
- font-weight: 500;
1240
- margin-bottom: 5px;
1241
- }
1242
-
1243
- h2 {
1244
- font-size: 21px;
1245
- line-height: 25px;
1246
- font-weight: 500;
1247
- margin-bottom: 5px;
1248
- }
1249
-
1250
- h3 {
1251
- font-size: 20px;
1252
- line-height: 24px;
1253
- font-weight: 500;
1254
- margin-bottom: 5px;
1255
- }
1256
-
1257
- h4 {
1258
- font-size: 18px;
1259
- line-height: 23px;
1260
- font-weight: 500;
1261
- margin-bottom: 5px;
1262
- }
1263
-
1264
- h5 {
1265
- font-size: 15px;
1266
- line-height: 22px;
1267
- font-weight: 500;
1268
- margin-bottom: 5px;
1269
- }
1270
-
1271
- /*---Lists---*/
1272
- ul {
1273
- padding-left: 20px;
1274
- list-style-type: disc;
1275
- }
1276
-
1277
- ul ul,
1278
- ol ol {
1279
- padding-top: 10px;
1280
- padding-bottom: 10px;
1281
- }
1282
-
1283
- ol {
1284
- padding-left: 20px;
1285
- list-style-type: decimal;
1286
- }
1287
-
1288
- ol ol {
1289
- list-style-type: lower-alpha;
1290
- }
1291
-
1292
- ol ol ol {
1293
- list-style-type: disc;
1294
- }
1295
-
1296
- /*---Responsive Classes---*/
1297
- .clear {
1298
- clear: both !important;
1299
- }
1300
-
1301
- .last-column {
1302
- margin-right: 0% !important;
1303
- }
1304
-
1305
- .no-margin {
1306
- margin: 0px !important;
1307
- }
1308
-
1309
- .no-bottom {
1310
- margin-bottom: 0px !important;
1311
- padding-bottom: 0px !important;
1312
- }
1313
-
1314
- .no-top {
1315
- margin-top: 0px !important;
1316
- padding-top: 0px !important;
1317
- }
1318
-
1319
- .half-bottom {
1320
- margin-bottom: 20px !important;
1321
- display: block;
1322
- }
1323
-
1324
- .quarter-bottom {
1325
- margin-bottom: 5px !important;
1326
- }
1327
-
1328
- .quarter-top {
1329
- margin-top: 5px !important;
1330
- }
1331
-
1332
- .small-bottom {
1333
- margin-bottom: 11px !important;
1334
- display: block;
1335
- }
1336
-
1337
- .small-top {
1338
- margin-top: 8px !important;
1339
- display: block;
1340
- }
1341
-
1342
- .tiny-top {
1343
- margin-top: 4px !important;
1344
- display: block;
1345
- }
1346
-
1347
- .half-top-padding {
1348
- padding-top: 15px !important;
1349
- display: block;
1350
- }
1351
-
1352
- .small-top-padding {
1353
- padding-top: 8px !important;
1354
- display: block;
1355
- }
1356
-
1357
- .tiny-top-padding {
1358
- padding-top: 4px !important;
1359
- display: block;
1360
- }
1361
-
1362
- .no-padding {
1363
- padding: 0 !important;
1364
- }
1365
-
1366
- .half-top {
1367
- margin-top: 15px !important;
1368
- display: block;
1369
- }
1370
-
1371
- .full-bottom {
1372
- margin-bottom: 33px !important;
1373
- display: block;
1374
- }
1375
-
1376
- .max-bottom {
1377
- margin-bottom: 75px !important;
1378
- display: block;
1379
- }
1380
-
1381
- .full-top {
1382
- margin-top: 30px !important;
1383
- display: block;
1384
- }
1385
-
1386
- .left-padding {
1387
- padding-left: 30px;
1388
- }
1389
-
1390
- .right-padding {
1391
- padding-right: 30px;
1392
- }
1393
-
1394
- .padding-right {
1395
- padding-right: 20px;
1396
- }
1397
-
1398
- .padding-left {
1399
- padding-left: 20px;
1400
- }
1401
-
1402
- .no-border {
1403
- border: none !important;
1404
- }
1405
-
1406
- .responsive-image {
1407
- display: block;
1408
- width: 100%;
1409
- }
1410
-
1411
- .rounded-image {
1412
- border-radius: 300px;
1413
- max-width: 300px;
1414
- overflow: hidden;
1415
- }
1416
-
1417
- .no-shadow {
1418
- box-shadow: none !important;
1419
- }
1420
-
1421
- .center-object {
1422
- margin: auto;
1423
- background-position: center !important;
1424
- }
1425
-
1426
- .box-shadow {
1427
- box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
1428
- }
1429
-
1430
- .icon-clear-left {
1431
- padding-left: 15px;
1432
- }
1433
-
1434
- .icon-clear-right {
1435
- padding-right: 15px;
1436
- }
1437
-
1438
- .responsive-video {
1439
- position: relative;
1440
- min-height: 220px;
1441
- width: 100%;
1442
- overflow: hidden;
1443
- }
1444
-
1445
- .responsive-video iframe,
1446
- .responsive-video object,
1447
- .responsive-video embed {
1448
- position: absolute;
1449
- top: 0;
1450
- left: 0;
1451
- width: 100%;
1452
- height: 100%;
1453
- }
1454
-
1455
- .content-padding {
1456
- padding: 10px 10px;
1457
- }
1458
-
1459
- .content-large {
1460
- margin-top: 40px !important;
1461
- margin-bottom: 40px !important;
1462
- }
1463
-
1464
- .content-boxed {
1465
- overflow: hidden;
1466
- border-radius: 15px;
1467
- }
1468
-
1469
- .content-boxed-padding {
1470
- padding: 15px 20px;
1471
- margin-bottom: 30px;
1472
- }
1473
-
1474
- .content-boxed-shadow {
1475
- box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.15);
1476
- }
1477
-
1478
- .content-boxed .owl-dots {
1479
- margin-bottom: 0px !important;
1480
- }
1481
-
1482
- .content {
1483
- margin: 0px 20px 30px 20px;
1484
- }
1485
-
1486
- .content-fullscreen,
1487
- .content-full {
1488
- margin-bottom: 30px;
1489
- padding: 0px;
1490
- }
1491
-
1492
- .last-column:after,
1493
- container:after {
1494
- visibility: hidden !important;
1495
- display: block !important;
1496
- content: "" !important;
1497
- clear: both !important;
1498
- height: 0 !important;
1499
- }
1500
-
1501
- .container,
1502
- .container-fullscreen {
1503
- margin-bottom: 30px;
1504
- display: block;
1505
- }
1506
-
1507
- .hide-if-mobile {
1508
- display: none !important;
1509
- }
1510
-
1511
- .uppercase {
1512
- text-transform: uppercase;
1513
- }
1514
-
1515
- .lowercase {
1516
- text-transform: lowercase;
1517
- }
1518
-
1519
- .capitalize {
1520
- text-transform: capitalize !important;
1521
- }
1522
-
1523
- .thin {
1524
- font-weight: 300 !important;
1525
- }
1526
-
1527
- .ultrathin {
1528
- font-weight: 100 !important;
1529
- }
1530
-
1531
- .thiner {
1532
- font-weight: 400 !important;
1533
- }
1534
-
1535
- .bold {
1536
- font-weight: 600 !important;
1537
- }
1538
-
1539
- .regular {
1540
- font-weight: 400 !important;
1541
- }
1542
-
1543
- .regularbold {
1544
- font-weight: 500 !important;
1545
- }
1546
-
1547
- .ultrabold {
1548
- font-weight: 900 !important;
1549
- }
1550
-
1551
- .justify {
1552
- text-align: justify !important;
1553
- }
1554
-
1555
- .italic {
1556
- font-style: italic;
1557
- }
1558
-
1559
- .pointer {
1560
- cursor: pointer;
1561
- }
1562
-
1563
- .ultrasmall-text {
1564
- font-size: 10px !important;
1565
- }
1566
-
1567
- .small-text {
1568
- font-size: 12px !important;
1569
- margin-top: -5px;
1570
- display: block;
1571
- line-height: 24px;
1572
- }
1573
-
1574
- .smaller-text {
1575
- font-size: 11px !important;
1576
- margin-top: -5px;
1577
- display: block;
1578
- }
1579
-
1580
- .normal-text {
1581
- font-size: 14px !important;
1582
- }
1583
-
1584
- .larger-text {
1585
- font-size: 26px !important;
1586
- }
1587
-
1588
- .large-text {
1589
- font-size: 28px !important;
1590
- }
1591
-
1592
- .huge-text {
1593
- font-size: 30px !important;
1594
- }
1595
-
1596
- .boxed-text {
1597
- max-width: 80%;
1598
- margin: 0 auto;
1599
- text-align: center;
1600
- }
1601
-
1602
- .boxed-text-small {
1603
- max-width: 200px;
1604
- margin: 0 auto;
1605
- text-align: center;
1606
- }
1607
-
1608
- .boxed-text-large {
1609
- max-width: 300px;
1610
- margin: 0 auto;
1611
- text-align: center;
1612
- }
1613
-
1614
- .medium-line-height {
1615
- line-height: 30px;
1616
- }
1617
-
1618
- .large-line-height {
1619
- line-height: 40px;
1620
- }
1621
-
1622
- .small-text-icon i {
1623
- padding-left: 15px;
1624
- width: 25px;
1625
- padding-right: 10px;
1626
- }
1627
-
1628
- .small-text-icon i:first-child {
1629
- padding-left: 0px;
1630
- }
1631
-
1632
- .border-text {
1633
- border-width: 3px !important;
1634
- padding: 5px 0px 16px 5px;
1635
- border-right: none !important;
1636
- border-top: none !important;
1637
- border-bottom: none !important;
1638
- }
1639
-
1640
- .center-text {
1641
- text-align: center !important;
1642
- display: block;
1643
- }
1644
-
1645
- .left-text {
1646
- text-align: left !important;
1647
- display: block;
1648
- }
1649
-
1650
- .right-text {
1651
- text-align: right !important;
1652
- display: block;
1653
- }
1654
-
1655
- .one-half {
1656
- width: 45%;
1657
- float: left;
1658
- margin-right: 10%;
1659
- }
1660
-
1661
- .one-third {
1662
- width: 28%;
1663
- float: left;
1664
- margin-right: 8%;
1665
- }
1666
-
1667
- /*---Decorations---*/
1668
- .decoration-margins {
1669
- margin: 0px 20px 0px 20px;
1670
- }
1671
-
1672
- .decoration {
1673
- height: 1px;
1674
- display: block;
1675
- margin: 15px 0 20px 0;
1676
- clear: both !important;
1677
- background-color: rgba(0, 0, 0, 0.1);
1678
- background-image: linear-gradient(to right, #fff, #ddd, #fff);
1679
- }
1680
-
1681
- .decoration-boxed {
1682
- margin: 0px 20px 0px 20px;
1683
- }
1684
-
1685
- .decoration-lines div {
1686
- height: 5px;
1687
- width: 10%;
1688
- float: left;
1689
- }
1690
-
1691
- .decoration-lines-thin div {
1692
- height: 3px;
1693
- width: 10%;
1694
- float: left;
1695
- }
1696
-
1697
- /*Input Style*/
1698
- #registerName {
1699
- height: 26px;
1700
- }
1701
-
1702
- #registerPhone {
1703
- height: 26px;
1704
- margin-top: 5px;
1705
- }
1706
-
1707
- .input-simple-1.has-icon i {
1708
- position: absolute;
1709
- z-index: 2;
1710
- right: 0px;
1711
- font-size: 12px;
1712
- height: 40px;
1713
- width: 12px;
1714
- line-height: 41px;
1715
- text-align: center;
1716
- color: #666666;
1717
- }
1718
-
1719
- .input-simple-1.textarea.has-icon i {
1720
- margin-top: 28px;
1721
- }
1722
-
1723
- .input-simple-1.textarea textarea {
1724
- padding: 5px 30px 10px 0px;
1725
- height: 45px;
1726
- line-height: 28px;
1727
- border-bottom: solid 1px rgba(0, 0, 0, 0.1);
1728
- background-color: transparent;
1729
- transition: all 250ms ease;
1730
- }
1731
-
1732
- .input-simple-1.textarea textarea:focus {
1733
- height: 120px;
1734
- }
1735
-
1736
- .input-simple-1 em,
1737
- .select-box-1 em {
1738
- font-weight: 400;
1739
- font-style: normal;
1740
- display: block;
1741
- margin-top: 10px;
1742
- color: #333;
1743
- }
1744
-
1745
- .input-simple-1 strong,
1746
- .select-box-1 strong {
1747
- position: absolute;
1748
- right: 0px;
1749
- font-size: 10px;
1750
- font-style: italic;
1751
- font-weight: 400;
1752
- color: #cacaca;
1753
- }
1754
-
1755
- .input-simple-1 input {
1756
- height: 30px;
1757
- line-height: 20px;
1758
- border-bottom: solid 1px rgba(0, 0, 0, 0.1);
1759
- border-left: none !important;
1760
- border-right: none !important;
1761
- border-top: none !important;
1762
- display: block;
1763
- width: 100%;
1764
- box-shadow: none;
1765
- background-color: transparent;
1766
- transition: all 250ms ease;
1767
- }
1768
-
1769
- .input-simple-verify input {
1770
- height: 30px;
1771
- font-size: 18px;
1772
- line-height: 20px;
1773
- border-bottom: solid 1px rgba(0, 0, 0, 0.1);
1774
- border-left: none !important;
1775
- border-right: none !important;
1776
- border-top: none !important;
1777
- display: block;
1778
- margin: auto;
1779
- width: 50%;
1780
- box-shadow: none;
1781
- background-color: transparent;
1782
- transition: all 250ms ease;
1783
- }
1784
-
1785
- .input-simple-1.has-icon input {
1786
- text-indent: 0px !important;
1787
- }
1788
-
1789
- .input-simple-1 input::placeholder,
1790
- .input-simple-1 textarea::placeholder {
1791
- color: #959595;
1792
- }
1793
-
1794
- .input-simple-1.input-blue input:focus {
1795
- border-bottom: solid 1px #5d9cec !important;
1796
- }
1797
-
1798
- .input-simple-1.input-green input:focus {
1799
- border-bottom: solid 1px #a0d468 !important;
1800
- }
1801
-
1802
- .input-simple-1.input-red input:focus {
1803
- border-bottom: solid 1px #d8334a !important;
1804
- }
1805
-
1806
- .input-simple-1 .textarea-simple-1 {
1807
- width: 100%;
1808
- display: block;
1809
- padding: 0px;
1810
- text-indent: 0px;
1811
- transition: all 250ms ease;
1812
- }
1813
-
1814
- /*---Switches---*/
1815
- /*--------------*/
1816
- .switch-box h5 {
1817
- float: left;
1818
- width: 200px;
1819
- font-weight: 400;
1820
- font-size: 15px;
1821
- }
1822
-
1823
- .switch-box div {
1824
- float: right;
1825
- }
1826
-
1827
- .switch-box:after {
1828
- content: "";
1829
- display: block;
1830
- clear: both;
1831
- }
1832
-
1833
- /*iOS Style*/
1834
- .ios-switch {
1835
- position: relative;
1836
- width: 45px;
1837
- -webkit-user-select: none;
1838
- -moz-user-select: none;
1839
- -ms-user-select: none;
1840
- }
1841
-
1842
- .ios-switch-checkbox {
1843
- display: none;
1844
- }
1845
-
1846
- .ios-switch-label {
1847
- display: block;
1848
- overflow: hidden;
1849
- cursor: pointer;
1850
- height: 27px;
1851
- padding: 0;
1852
- line-height: 20px;
1853
- border: 1px solid #d9dadc;
1854
- border-radius: 20px;
1855
- background-color: #d9dadc;
1856
- transition: all 250ms ease;
1857
- }
1858
-
1859
- .ios-switch-label:before {
1860
- content: "";
1861
- display: block;
1862
- width: 25px;
1863
- margin: 0px;
1864
- background: #ffffff;
1865
- position: absolute;
1866
- top: 0;
1867
- bottom: 0;
1868
- right: 19px;
1869
- border-radius: 20px;
1870
- transition: all 250ms ease;
1871
- }
1872
-
1873
- .ios-switch-checkbox:checked + .ios-switch-label {
1874
- background-color: #4ed164;
1875
- }
1876
-
1877
- .ios-switch-checkbox:checked + .ios-switch-label,
1878
- .ios-switch-checkbox:checked + .ios-switch-label:before {
1879
- border-color: #4ed164;
1880
- }
1881
-
1882
- .ios-switch-checkbox:checked + .ios-switch-label:before {
1883
- right: 0px;
1884
- }
1885
-
1886
- .switch-disabled {
1887
- background-color: #E1E1E1 !important;
1888
- border-color: #E1E1E1 !important;
1889
- }
1890
- .switch-disabled:before {
1891
- background-color: #B9B9B9 !important;
1892
- }
1893
-
1894
- /*---Buttons---*/
1895
- .button {
1896
- transition: all 250ms ease;
1897
- text-overflow: ellipsis;
1898
- white-space: nowrap;
1899
- overflow: hidden;
1900
- }
1901
-
1902
- @media (max-width: 560px) {
1903
- .demo-socials a {
1904
- width: 100%;
1905
- }
1906
- }
1907
-
1908
- @media (min-width: 560px) and (max-width: 760px) {
1909
- .demo-socials a {
1910
- width: 45%;
1911
- }
1912
- }
1913
-
1914
- @media (min-width: 760px) and (max-width: 1280px) {
1915
- .demo-socials a {
1916
- width: 31%;
1917
- }
1918
- }
1919
-
1920
- @media (min-width: 1280px) {
1921
- .demo-socials a {
1922
- width: 18%;
1923
- }
1924
- }
1925
-
1926
- .icon {
1927
- display: inline-block;
1928
- margin: 0px 5px 5px 5px;
1929
- }
1930
-
1931
- .button,
1932
- .button-round {
1933
- color: #fff;
1934
- height: 48px;
1935
- line-height: 42px;
1936
- text-align: center;
1937
- font-size: 14px;
1938
- display: inline-block;
1939
- margin: 0px 10px 10px 0px;
1940
- padding: 0px 20px 0px 20px;
1941
- }
1942
-
1943
- .button-ghost {
1944
- text-align: center;
1945
- font-size: 13px;
1946
- display: inline-block;
1947
- margin: 0px 5px 10px 5px;
1948
- padding: 0px 20px 0px 20px;
1949
- background-color: transparent;
1950
- color: #ffffff;
1951
- padding-top: 1px;
1952
- }
1953
-
1954
- .button-ghost:hover {
1955
- background-color: #ffffff !important;
1956
- color: #1f1f1f !important;
1957
- }
1958
-
1959
- .icon i {
1960
- display: block;
1961
- text-align: center;
1962
- }
1963
-
1964
- .button-bold {
1965
- font-weight: 700 !important;
1966
- }
1967
-
1968
- .button-xl {
1969
- font-size: 18px;
1970
- height: 70px !important;
1971
- line-height: 68px !important;
1972
- }
1973
-
1974
- .button-xl.button-icon i {
1975
- font-size: 12px;
1976
- height: 70px !important;
1977
- width: 68px !important;
1978
- border-radius: 70px !important;
1979
- line-height: 70px !important;
1980
- }
1981
-
1982
- .button-l {
1983
- font-size: 16px;
1984
- height: 60px !important;
1985
- line-height: 60px !important;
1986
- }
1987
-
1988
- .button-l.button-icon i {
1989
- font-size: 20px;
1990
- height: 60px !important;
1991
- width: 55px !important;
1992
- line-height: 60px !important;
1993
- }
1994
-
1995
- .button-l.button-icon {
1996
- line-height: 60px !important;
1997
- }
1998
-
1999
- .button-m {
2000
- font-size: 15px;
2001
- height: 55px !important;
2002
- line-height: 55px !important;
2003
- }
2004
-
2005
- .button-m.button-icon i {
2006
- font-size: 16px;
2007
- height: 55px !important;
2008
- width: 55px !important;
2009
- line-height: 55px !important;
2010
- }
2011
-
2012
- .button-m.button-icon {
2013
- line-height: 55px !important;
2014
- }
2015
-
2016
- .button-sm {
2017
- font-size: 12px;
2018
- height: 45px !important;
2019
- line-height: 41px !important;
2020
- }
2021
-
2022
- .button-sm.button-icon i {
2023
- font-size: 14px;
2024
- height: 45px !important;
2025
- width: 45px !important;
2026
- line-height: 45px !important;
2027
- }
2028
-
2029
- .button-sm.button-icon {
2030
- line-height: 45px !important;
2031
- }
2032
-
2033
- .button-s {
2034
- font-size: 12px;
2035
- height: 40px !important;
2036
- line-height: 36px !important;
2037
- }
2038
-
2039
- .button-s.button-icon i {
2040
- font-size: 14px;
2041
- height: 40px !important;
2042
- width: 40px !important;
2043
- line-height: 40px !important;
2044
- }
2045
-
2046
- .button-s.button-icon {
2047
- line-height: 40px !important;
2048
- }
2049
-
2050
- .button-xs {
2051
- font-size: 11px;
2052
- height: 35px !important;
2053
- line-height: 31px !important;
2054
- }
2055
-
2056
- .button-xs.button-icon i {
2057
- font-size: 14px;
2058
- height: 35px !important;
2059
- width: 35px !important;
2060
- line-height: 35px !important;
2061
- }
2062
-
2063
- .button-xs.button-icon {
2064
- line-height: 35px !important;
2065
- }
2066
-
2067
- .button-icon.button-center-large {
2068
- padding-left: 40px;
2069
- }
2070
-
2071
- .icon-xxl {
2072
- width: 100px !important;
2073
- height: 100px !important;
2074
- line-height: 100px !important;
2075
- font-size: 40px !important;
2076
- }
2077
-
2078
- .icon-xxl i {
2079
- width: 100px !important;
2080
- height: 100px !important;
2081
- line-height: 100px !important;
2082
- font-size: 40px;
2083
- }
2084
-
2085
- .icon-xl {
2086
- width: 70px !important;
2087
- height: 70px !important;
2088
- line-height: 70px !important;
2089
- font-size: 32px !important;
2090
- }
2091
-
2092
- .icon-xl i {
2093
- width: 70px !important;
2094
- height: 70px !important;
2095
- line-height: 70px !important;
2096
- font-size: 32px;
2097
- }
2098
-
2099
- .icon-l {
2100
- width: 60px !important;
2101
- height: 60px !important;
2102
- line-height: 60px !important;
2103
- font-size: 24px !important;
2104
- }
2105
-
2106
- .icon-l i {
2107
- width: 60px !important;
2108
- height: 60px !important;
2109
- line-height: 60px !important;
2110
- font-size: 24px;
2111
- }
2112
-
2113
- .icon-m {
2114
- width: 55px !important;
2115
- height: 55px !important;
2116
- line-height: 55px !important;
2117
- font-size: 20px !important;
2118
- }
2119
-
2120
- .icon-m i {
2121
- width: 55px !important;
2122
- height: 55px !important;
2123
- line-height: 55px !important;
2124
- font-size: 20px;
2125
- }
2126
-
2127
- .icon-s {
2128
- width: 40px !important;
2129
- height: 40px !important;
2130
- line-height: 38px !important;
2131
- font-size: 16px !important;
2132
- }
2133
-
2134
- .icon-s i {
2135
- width: 40px !important;
2136
- height: 40px !important;
2137
- line-height: 39px !important;
2138
- font-size: 16px;
2139
- }
2140
-
2141
- .icon-xs i {
2142
- width: 35px !important;
2143
- height: 35px !important;
2144
- line-height: 35px !important;
2145
- font-size: 14px;
2146
- }
2147
-
2148
- .icon-xs {
2149
- width: 35px !important;
2150
- height: 35px !important;
2151
- line-height: 35px !important;
2152
- font-size: 14px !important;
2153
- }
2154
-
2155
- .icon-round {
2156
- border-radius: 3px;
2157
- }
2158
-
2159
- .icon-circle {
2160
- border-radius: 100%;
2161
- }
2162
-
2163
- .icon-center {
2164
- margin: 0 auto;
2165
- display: block;
2166
- }
2167
-
2168
- .center-icons {
2169
- margin: 20px auto 30px auto;
2170
- }
2171
-
2172
- .center-3-icons {
2173
- width: 142px;
2174
- }
2175
-
2176
- .center-2-icons {
2177
- width: 94px;
2178
- }
2179
-
2180
- .button-teal {
2181
- background-color: #a0cecb;
2182
- border: solid 2px #a0cecb;
2183
- }
2184
-
2185
- .button-teal-3d {
2186
- border: none !important;
2187
- border-bottom: solid 5px #7db1b1 !important;
2188
- padding: 0px 22px;
2189
- z-index: 77777 !important;
2190
- }
2191
-
2192
- .button-teal:hover {
2193
- background-color: #7db1b1;
2194
- border: solid 2px #7db1b1;
2195
- }
2196
-
2197
- .button-teal:active {
2198
- background-color: #628d8d;
2199
- border-bottom: solid 2px #628d8d !important;
2200
- }
2201
-
2202
- .button-mint {
2203
- background-color: #48cfad;
2204
- border: solid 2px #48cfad;
2205
- }
2206
-
2207
- .button-mint-3d {
2208
- border: none !important;
2209
- border-bottom: solid 5px #37bc9b !important;
2210
- padding: 0px 22px;
2211
- }
2212
-
2213
- .button-mint:hover {
2214
- background-color: #37bc9b;
2215
- border: solid 2px #37bc9b;
2216
- }
2217
-
2218
- .button-mint:active {
2219
- background-color: #2fa285;
2220
- border-bottom: solid 2px #2fa285 !important;
2221
- }
2222
-
2223
- .circle-green-button {
2224
- border-radius: 50px;
2225
- text-align: center;
2226
- width: 65px;
2227
- height: 65px;
2228
- right: 10px;
2229
- bottom: 7px;
2230
- z-index: 999999;
2231
- position: fixed;
2232
- color: #ffffff;
2233
- background-color: #2ecc71;
2234
- cursor: pointer;
2235
- transition: 0.55s all;
2236
- }
2237
-
2238
- .circle-green-button:hover {
2239
- background: #2edf71;
2240
- transition: 0.55s all;
2241
- }
2242
-
2243
- .wrapper-action-button {
2244
- position: fixed;
2245
- width: 100%;
2246
- bottom: 10px;
2247
- z-index: 999999;
2248
- }
2249
-
2250
- /** WiFi Button */
2251
- .wifi-button {
2252
- text-align: center;
2253
- position: relative;
2254
- color: #ffffff;
2255
- background-color: #2ecc71;
2256
- transition: 0.55s all;
2257
- width: 90%;
2258
- height: 60px;
2259
- margin: 0 auto;
2260
- border-radius: 15px !important;
2261
- cursor: pointer;
2262
- }
2263
-
2264
- .wifi-button:before {
2265
- font-size: 17px;
2266
- margin: -5px 15px 10px 30px;
2267
- line-height: 30px;
2268
- }
2269
-
2270
- .wifi-button:hover {
2271
- background: #2edf71;
2272
- transition: 0.55s all;
2273
- }
2274
-
2275
- /** Gift Button */
2276
- .gift-button {
2277
- text-align: center;
2278
- position: relative;
2279
- color: #ffffff;
2280
- background-color: #3aa6fe;
2281
- transition: 0.55s all;
2282
- width: 90%;
2283
- height: 60px;
2284
- margin: 0 auto;
2285
- border-radius: 15px !important;
2286
- cursor: pointer;
2287
- }
2288
-
2289
- .gift-button:before {
2290
- font-size: 17px;
2291
- margin: -5px 15px 10px 30px;
2292
- line-height: 30px;
2293
- }
2294
-
2295
- .gift-button:hover {
2296
- background: #328edb;
2297
- transition: 0.55s all;
2298
- }
2299
-
2300
- .circle-blue-button {
2301
- border-radius: 50px;
2302
- text-align: center;
2303
- width: 60px;
2304
- height: 60px;
2305
- right: 10px;
2306
- bottom: 7px;
2307
- z-index: 999;
2308
- position: fixed;
2309
- color: #ffffff;
2310
- background-color: #3399cc;
2311
- cursor: pointer;
2312
- transition: 0.55s all;
2313
- }
2314
-
2315
- .circle-blue-button:hover {
2316
- background: #3a84df;
2317
- transition: 0.55s all;
2318
- }
2319
-
2320
- .button-disabled {
2321
- opacity: 0.7;
2322
- }
2323
-
2324
- .button-green {
2325
- background-color: #2ecc71;
2326
- cursor: pointer;
2327
- }
2328
-
2329
- .button-green-3d {
2330
- border: none !important;
2331
- border-bottom: solid 5px #77a346 !important;
2332
- padding: 0px 22px;
2333
- }
2334
-
2335
- .button-green:hover {
2336
- background-color: #2edf71;
2337
- }
2338
-
2339
- .button-green:active {
2340
- background-color: #2edf71;
2341
- border: solid 2px #36c338b0;
2342
- }
2343
-
2344
- .button-red {
2345
- background-color: #c0392b;
2346
- border: solid 2px #c0392b;
2347
- }
2348
-
2349
- .button-red-3d {
2350
- border: none !important;
2351
- border-bottom: solid 5px #bf263c !important;
2352
- padding: 0px 22px;
2353
- }
2354
-
2355
- .button-red:hover {
2356
- background-color: #da4453;
2357
- border: solid 2px #da4453;
2358
- }
2359
-
2360
- .button-red:active {
2361
- background-color: #bf263c;
2362
- border: solid 2px #bf263c;
2363
- }
2364
-
2365
- .button-icon {
2366
- padding-left: 50px;
2367
- height: 50px;
2368
- line-height: 50px !important;
2369
- border: none !important;
2370
- }
2371
-
2372
- .button-full {
2373
- display: block;
2374
- width: 100% !important;
2375
- margin-left: -1px;
2376
- }
2377
-
2378
- .button-90 {
2379
- display: block;
2380
- width: 90%;
2381
- margin-left: -1px;
2382
- }
2383
-
2384
- .button-round {
2385
- border-radius: 40px;
2386
- }
2387
-
2388
- .button-social {
2389
- text-align: left !important;
2390
- width: 100%;
2391
- padding-left: 70px !important;
2392
- }
2393
-
2394
- .button-social i {
2395
- text-align: center !important;
2396
- }
2397
-
2398
- .button-social-center {
2399
- text-align: center !important;
2400
- padding-left: 40px !important;
2401
- }
2402
-
2403
- .button-center-large {
2404
- display: block;
2405
- width: 250px;
2406
- margin-left: auto;
2407
- margin-right: auto;
2408
- }
2409
-
2410
- .button-center {
2411
- margin-left: auto;
2412
- margin-right: auto;
2413
- display: block;
2414
- }
2415
-
2416
- .button-center-small {
2417
- width: 100px;
2418
- margin: 0 auto;
2419
- display: block;
2420
- }
2421
-
2422
- .button-rounded {
2423
- border-radius: 16px;
2424
- }
2425
-
2426
- .button-round.button-icon i {
2427
- border-radius: 50px;
2428
- }
2429
-
2430
- .button-icon i {
2431
- width: 50px;
2432
- line-height: 50px !important;
2433
- height: 100%;
2434
- top: 0px;
2435
- left: 3px;
2436
- position: absolute;
2437
- font-size: 21px;
2438
- }
2439
-
2440
- .button-icon.button-full {
2441
- padding-left: 20px;
2442
- }
2443
-
2444
- /*Menu Wrappers*/
2445
- .page-content-scroll {
2446
- overflow: scroll;
2447
- -webkit-overflow-scrolling: touch;
2448
- /* lets it scroll lazy */
2449
- }
2450
-
2451
- .page-content {
2452
- transition: all 350ms ease;
2453
- padding-top: 30px;
2454
- margin-top: 0px;
2455
- }
2456
-
2457
- .page-content-full {
2458
- padding-top: 0px !important;
2459
- }
2460
-
2461
- .menu-wrapper {
2462
- position: fixed;
2463
- }
2464
-
2465
- .menu-scroll {
2466
- position: absolute;
2467
- top: 0px;
2468
- left: 0px;
2469
- right: 0px;
2470
- bottom: 0px;
2471
- z-index: 9;
2472
- overflow: scroll;
2473
- overflow-x: hidden;
2474
- -webkit-overflow-scrolling: touch !important;
2475
- }
2476
-
2477
- .delete-menu {
2478
- position: fixed;
2479
- top: 0px;
2480
- left: 0px;
2481
- right: 0px;
2482
- bottom: 0px;
2483
- z-index: -1;
2484
- background-color: rgba(0, 0, 0, 0.3);
2485
- opacity: 0;
2486
- /* 1 !!!*/
2487
- transition: all 500ms ease;
2488
- will-change: opacity;
2489
- }
2490
-
2491
- .delete-menu-active {
2492
- opacity: 1 !important;
2493
- pointer-events: all !important;
2494
- transition: all 500ms ease;
2495
- z-index: 9999 !important;
2496
- }
2497
-
2498
- .menu-top {
2499
- top: -1px;
2500
- left: 0px;
2501
- right: 0px;
2502
- z-index: 999;
2503
- transition: all 400ms ease;
2504
- }
2505
-
2506
- .menu-bottom {
2507
- bottom: -1px;
2508
- left: 0px;
2509
- right: 0px;
2510
- z-index: 999;
2511
- background-color: #1f1f1f;
2512
- transition: all 350ms ease;
2513
- }
2514
-
2515
- .menu-modal.menu-large {
2516
- padding: 0px !important;
2517
- }
2518
-
2519
- .menu-modal-square {
2520
- border-radius: 0px !important;
2521
- }
2522
-
2523
- .menu-modal {
2524
- bottom: 0px;
2525
- z-index: 10001;
2526
- width: 100%;
2527
- max-width: 550px;
2528
- transform: translate3d(0, 200%, 0);
2529
- border-top-left-radius: 30px;
2530
- border-top-right-radius: 30px;
2531
- padding: 15px 20px;
2532
- overflow: scroll;
2533
- transition: all 350ms ease;
2534
- will-change: transform;
2535
- }
2536
-
2537
- .dismiss-menu-icon {
2538
- position: absolute;
2539
- top: 0px;
2540
- right: 0px;
2541
- width: 50px;
2542
- height: 50px;
2543
- line-height: 50px;
2544
- text-align: center;
2545
- z-index: 9999;
2546
- }
2547
-
2548
- .header-original {
2549
- display: none;
2550
- }
2551
-
2552
- /*---Menu Cookie---*/
2553
- /*-----------------*/
2554
-
2555
- #menu-cookie {
2556
- position: fixed;
2557
- bottom: 0px;
2558
- left: 0px;
2559
- right: 0px;
2560
- height: 165px !important;
2561
- z-index: 9998;
2562
- transition: all 350ms ease !important;
2563
- transform: translateY(200px);
2564
- box-shadow: 5px 0 20px 1px rgba(0, 0, 0, 0.2);
2565
- border-top: solid 1px rgba(0, 0, 0, 0.1);
2566
- }
2567
-
2568
- #menu-cookie .cookie-buttons {
2569
- width: 200px !important;
2570
- margin: 0 auto;
2571
- display: block;
2572
- opacity: 0.8;
2573
- }
2574
-
2575
- #menu-cookie .cookie-buttons a {
2576
- float: left;
2577
- width: 100px;
2578
- text-align: center;
2579
- }
2580
-
2581
- .active-cookie {
2582
- transform: translateY(0px) !important;
2583
- transition-delay: 1500ms;
2584
- }
2585
-
2586
- .body-left {
2587
- transform: translateX(50px) !important;
2588
- transition: all 350ms ease;
2589
- }
2590
-
2591
- .body-right {
2592
- transform: translateX(-50px) !important;
2593
- transition: all 350ms ease;
2594
- }
2595
-
2596
- .body-top {
2597
- transform: translateY(80px) !important;
2598
- transition: all 350ms ease;
2599
- }
2600
-
2601
- .body-bottom {
2602
- transform: translateY(-80px) !important;
2603
- transition: all 350ms ease;
2604
- }
2605
-
2606
- .body-scale {
2607
- transform: scale(1.1, 1.1);
2608
- transition: all 350ms ease;
2609
- }
2610
-
2611
- /*Menu Dark & Light*/
2612
- .menu-dark {
2613
- background-color: #0c1117 !important;
2614
- }
2615
-
2616
- .menu-grey {
2617
- background: rgba(255, 255, 255, 0.4) !important;
2618
- }
2619
-
2620
- .menu-light {
2621
- background-color: #ffffff !important;
2622
- }
2623
-
2624
- .menu-white {
2625
- background-color: #ffffff !important;
2626
- }
2627
-
2628
- .menu-dark .link-list li {
2629
- background-color: transparent;
2630
- }
2631
-
2632
- .menu-light .link-list li {
2633
- background-color: transparent;
2634
- }
2635
-
2636
- .menu-dark .menu-divider {
2637
- color: #51585e;
2638
- background-color: #21242e;
2639
- border-bottom: solid 1px rgba(255, 255, 255, 0.02);
2640
- border-top: solid 1px rgba(255, 255, 255, 0.03);
2641
- box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.07);
2642
- }
2643
-
2644
- .menu-dark .menu-divider span {
2645
- color: #51585e !important;
2646
- }
2647
-
2648
- .menu-light .menu-divider {
2649
- color: #1f1f1f;
2650
- background-color: rgba(0, 0, 0, 0.02);
2651
- border-top: solid 1px rgba(0, 0, 0, 0.08);
2652
- border-bottom: solid 1px rgba(0, 0, 0, 0.08);
2653
- box-shadow: none;
2654
- }
2655
-
2656
- .menu-light .menu-divider span {
2657
- color: #1f1f1f !important;
2658
- }
2659
-
2660
- /*---Menu Divider---*/
2661
- .menu-divider {
2662
- font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
2663
- display: block;
2664
- height: 40px;
2665
- line-height: 40px;
2666
- font-size: 9px;
2667
- text-transform: uppercase;
2668
- font-weight: 700;
2669
- font-style: normal;
2670
- padding-left: 20px;
2671
- margin-bottom: -1px;
2672
- margin-top: -1px;
2673
- z-index: 999;
2674
- position: relative;
2675
- }
2676
-
2677
- .menu-divider i {
2678
- position: absolute;
2679
- right: 25px;
2680
- height: 40px;
2681
- line-height: 40px !important;
2682
- }
2683
-
2684
- /*---Notification Menu Style---*/
2685
- .menu-notification a i {
2686
- width: 30px;
2687
- height: 50px;
2688
- line-height: 20px;
2689
- text-align: center;
2690
- border-radius: 5px;
2691
- margin-top: 16px;
2692
- font-size: 16px;
2693
- border: none !important;
2694
- }
2695
-
2696
- .menu-notification a {
2697
- margin: 0;
2698
- }
2699
-
2700
- .menu-notification a strong {
2701
- position: absolute;
2702
- padding-left: 20px;
2703
- text-transform: uppercase;
2704
- margin-top: 10px;
2705
- font-size: 14px;
2706
- font-weight: 600;
2707
- }
2708
-
2709
- .menu-notification a em {
2710
- position: absolute;
2711
- padding-top: 7px;
2712
- line-height: 15px;
2713
- font-size: 11px;
2714
- margin-top: 30px;
2715
- padding-left: 20px;
2716
- font-style: normal;
2717
- }
2718
-
2719
- .menu-dark.menu-notification a i {
2720
- border-bottom: solid 3px rgba(255, 255, 255, 0.2);
2721
- }
2722
-
2723
- .menu-dark.menu-notification a strong {
2724
- color: #ffffff !important;
2725
- }
2726
-
2727
- .menu-dark.menu-notification a em {
2728
- color: #94999e;
2729
- }
2730
-
2731
- .menu-light.menu-notification a i {
2732
- border-bottom: solid 3px rgba(0, 0, 0, 0.3);
2733
- }
2734
-
2735
- .menu-light.menu-notification a strong {
2736
- color: #404040 !important;
2737
- }
2738
-
2739
- .menu-light.menu-notification a em {
2740
- color: #94999e;
2741
- }
2742
-
2743
- .menu-large .menu-item {
2744
- cursor: pointer;
2745
- height: 55px;
2746
- line-height: 55px;
2747
- display: block;
2748
- transition: all 350ms ease;
2749
- }
2750
-
2751
- .menu-large .menu-item strong {
2752
- font-weight: 300;
2753
- font-size: 13px;
2754
- transition: all 350ms ease;
2755
- position: absolute;
2756
- padding-left: 10px;
2757
- }
2758
-
2759
- .menu-large .active-item strong,
2760
- .menu-large .active-item i {
2761
- transition: all 350ms ease;
2762
- }
2763
-
2764
- .menu-large .menu-item i {
2765
- width: 50px;
2766
- height: 55px;
2767
- text-align: center;
2768
- line-height: 55px;
2769
- transition: all 250ms ease;
2770
- font-size: 15px;
2771
- }
2772
-
2773
- .menu-large .menu-item i:first-child {
2774
- padding-left: 10px;
2775
- }
2776
-
2777
- .menu-large .plushide-animated {
2778
- position: absolute;
2779
- width: 50px;
2780
- height: 50px;
2781
- right: 5px;
2782
- margin-top: 2px;
2783
- transform: scale(0.6, 0.6);
2784
- }
2785
-
2786
- .menu-large .menu-item .fa-circle {
2787
- position: absolute;
2788
- width: 50px;
2789
- height: 50px;
2790
- right: 5px;
2791
- font-size: 4px;
2792
- text-align: center;
2793
- opacity: 0.3;
2794
- }
2795
-
2796
- .menu-large .menu .submenu-items {
2797
- width: 17px;
2798
- height: 17px;
2799
- border-radius: 17px;
2800
- line-height: 18px;
2801
- position: absolute;
2802
- right: 0px;
2803
- text-align: center;
2804
- font-size: 9px;
2805
- font-style: normal;
2806
- z-index: 99;
2807
- margin-top: 19px;
2808
- margin-right: 21px;
2809
- font-weight: 300;
2810
- }
2811
-
2812
- [data-submenu] .fa-circle {
2813
- display: none;
2814
- }
2815
-
2816
- .menu-dark.menu-large .menu-sub-logo {
2817
- margin: -20px 0px 15px 30px;
2818
- display: block;
2819
- font-size: 11px;
2820
- font-style: normal;
2821
- color: #a1a1a1;
2822
- }
2823
-
2824
- .menu-dark.menu-large .menu-item {
2825
- color: #94999e;
2826
- border-top: solid 1px rgba(255, 255, 255, 0.03);
2827
- border-bottom: solid 1px rgba(0, 0, 0, 0.2);
2828
- }
2829
-
2830
- .menu-dark.menu-large .menu-item strong {
2831
- color: #a6aeb5;
2832
- }
2833
-
2834
- .menu-dark.menu-large .menu-item i {
2835
- color: #ffffff !important;
2836
- }
2837
-
2838
- .menu-dark.menu-large .fa-circle {
2839
- font-size: 4px !important;
2840
- }
2841
-
2842
- .menu-dark.menu-large .active-item strong {
2843
- color: #ffffff;
2844
- font-weight: 700;
2845
- }
2846
-
2847
- .menu-dark.menu-large .active-item i {
2848
- color: #ffffff !important;
2849
- }
2850
-
2851
- .menu-dark.menu-large .active-item .fa-circle {
2852
- color: #c0392b !important;
2853
- opacity: 1 !important;
2854
- }
2855
-
2856
- .menu-dark.menu-large .plushide-animated * {
2857
- background-color: #65686c;
2858
- }
2859
-
2860
- .menu-dark.menu-large .menu .submenu-items {
2861
- background-color: #bf263c;
2862
- color: #ffffff;
2863
- }
2864
-
2865
- .menu-dark .menu-divider-contrast {
2866
- color: rgba(255, 255, 255, 0.8);
2867
- font-size: 10px;
2868
- }
2869
-
2870
- .menu-light.menu-large {
2871
- box-shadow: 5px 0 20px 1px rgba(0, 0, 0, 0.1);
2872
- }
2873
-
2874
- .menu-light.menu-large .menu-sub-logo {
2875
- margin: -20px 0px 15px 30px;
2876
- display: block;
2877
- font-size: 11px;
2878
- font-style: normal;
2879
- color: #808080;
2880
- }
2881
-
2882
- .menu-light.menu-large .menu-sub-username {
2883
- height: 55px;
2884
- margin: 15px 0px 15px 15px;
2885
- display: block;
2886
- font-size: 14px;
2887
- font-style: normal;
2888
- color: #0c1117;
2889
- }
2890
-
2891
- .menu-light.menu-large .menu-wrap {
2892
- padding-top: env(safe-area-inset-top);
2893
- }
2894
-
2895
- .menu-light.menu-large .menu-item {
2896
- color: #1f1f1f;
2897
- border-top: solid 1px rgba(255, 255, 255, 0.01);
2898
- border-bottom: solid 1px rgba(0, 0, 0, 0.05);
2899
- }
2900
-
2901
- .menu-light.menu-large .menu-item strong {
2902
- color: rgba(0, 0, 0, 1);
2903
- font-weight: 600;
2904
- }
2905
-
2906
- .menu-light.menu-large .menu-item i {
2907
- color: #1f1f1f;
2908
- }
2909
-
2910
- .menu-light.menu-large .active-item {
2911
- }
2912
-
2913
- .menu-light.menu-large .active-item strong {
2914
- color: #000000;
2915
- font-weight: 700;
2916
- }
2917
-
2918
- .menu-light.menu-large .active-item .fa-circle {
2919
- color: #e74c3c !important;
2920
- font-size: 5px !important;
2921
- opacity: 1 !important;
2922
- }
2923
-
2924
- .menu-light.menu-large .active-item i {
2925
- color: #000000;
2926
- }
2927
-
2928
- .menu-light.menu-large .plushide-animated * {
2929
- background-color: #65686c;
2930
- }
2931
-
2932
- .menu-light.menu-large .menu .submenu-items {
2933
- background-color: #bf263c;
2934
- color: #ffffff;
2935
- }
2936
-
2937
- /*---Mobile Ads---*/
2938
- .mobile-ad-box {
2939
- width: 320px;
2940
- height: 50px;
2941
- position: fixed;
2942
- bottom: 0px;
2943
- left: 50%;
2944
- margin-left: -160px;
2945
- z-index: 999;
2946
- overflow: hidden;
2947
- transition: all 500ms ease;
2948
- }
2949
-
2950
- .mobile-ad-dark {
2951
- background-color: #242631;
2952
- }
2953
-
2954
- .mobile-ad-dark .mobile-ad-heading-1,
2955
- .mobile-ad-dark .mobile-ad-heading-2 {
2956
- color: #ffffff;
2957
- }
2958
-
2959
- .mobile-ad-dark .close-mobile-ad {
2960
- color: #ffffff;
2961
- background-color: rgba(255, 255, 255, 0.05);
2962
- }
2963
-
2964
- .mobile-ad-light {
2965
- background-color: #ffffff;
2966
- box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.2);
2967
- border: solid 1px rgba(0, 0, 0, 0.1);
2968
- }
2969
-
2970
- .mobile-ad-light .close-mobile-ad {
2971
- color: #1f1f1f;
2972
- background-color: rgba(0, 0, 0, 0.05);
2973
- }
2974
-
2975
- .mobile-ad-heading-1 {
2976
- padding-top: 6px;
2977
- text-align: center;
2978
- font-weight: 800;
2979
- }
2980
-
2981
- .mobile-ad-heading-2 {
2982
- padding-top: 25px;
2983
- text-align: center;
2984
- font-weight: 800;
2985
- }
2986
-
2987
- .mobile-ad-small {
2988
- height: 50px;
2989
- transform: translateY(80px);
2990
- }
2991
-
2992
- .mobile-ad-small .small-text {
2993
- margin-top: -10px;
2994
- font-size: 10px !important;
2995
- }
2996
-
2997
- .mobile-ad-large {
2998
- height: 100px;
2999
- transform: translateY(130px);
3000
- }
3001
-
3002
- .mobile-ad-active {
3003
- transform: translateY(0px);
3004
- transition: all 500ms ease;
3005
- }
3006
-
3007
- .close-mobile-ad {
3008
- position: absolute;
3009
- top: 0px;
3010
- right: 0px;
3011
- height: 25px;
3012
- width: 25px;
3013
- text-align: center;
3014
- margin-top: 0px;
3015
- line-height: 27px;
3016
- color: #ffffff;
3017
- font-size: 12px;
3018
- background-color: rgba(255, 255, 255, 0.1);
3019
- z-index: 25;
3020
- }
3021
-
3022
- .remove-header {
3023
- transform: translateY(-60px) !important;
3024
- transition: all 350ms ease !important;
3025
- }
3026
-
3027
- /*---Snackbar---*/
3028
- .snackbar {
3029
- position: fixed;
3030
- z-index: 19000;
3031
- max-width: 480px;
3032
- left: 0;
3033
- right: 0;
3034
- margin-left: auto;
3035
- margin-right: auto;
3036
- bottom: -300px;
3037
- }
3038
-
3039
- .notification-bar {
3040
- top: 100px;
3041
- }
3042
-
3043
- .snackbar p {
3044
- margin-top: 0px;
3045
- margin-bottom: 0px;
3046
- line-height: 22px;
3047
- padding-left: 30px;
3048
- padding-right: 70px;
3049
- padding-top: 10px;
3050
- padding-bottom: 10px;
3051
- font-size: 14px;
3052
- font-weight: 600;
3053
- letter-spacing: 0;
3054
- height: 0px;
3055
- opacity: 0;
3056
- overflow: hidden;
3057
- transition: all 350ms cubic-bezier(0.1, 0.2, 0.1, 1);
3058
- background-color: #242631;
3059
- align-items: center;
3060
- justify-content: center;
3061
- }
3062
-
3063
- .snackbar-boxed {
3064
- left: 10px;
3065
- right: 10px;
3066
- }
3067
-
3068
- .snackbar-full {
3069
- left: 0px;
3070
- right: 0px;
3071
- margin-right: 0px;
3072
- }
3073
-
3074
- .snackbar-full p {
3075
- border-radius: 0px;
3076
- margin-right: 0px;
3077
- }
3078
-
3079
- .snackbar-full .active-snack {
3080
- margin-bottom: 0px !important;
3081
- transform: translateY(0px) !important;
3082
- }
3083
-
3084
- .snackbar .bg-white {
3085
- border: solid 1px rgba(0, 0, 0, 0.15);
3086
- }
3087
-
3088
- .snackbar .bg-white a {
3089
- color: red !important;
3090
- }
3091
-
3092
- .snackbar i {
3093
- width: 35px;
3094
- }
3095
-
3096
- .show-snack {
3097
- bottom: 25px !important;
3098
- }
3099
-
3100
- .active-snack {
3101
- opacity: 1 !important;
3102
- height: 70px !important;
3103
- transition: all 350ms cubic-bezier(0.1, 0.2, 0.1, 1);
3104
- display: flex !important;
3105
- }
3106
-
3107
- .snackbar a {
3108
- color: #ffffff;
3109
- position: absolute;
3110
- right: 0px;
3111
- width: 35px;
3112
- top: 0px;
3113
- text-align: center;
3114
- font-size: 10px;
3115
- }
3116
-
3117
- .box {
3118
- padding: 30px 30px;
3119
- margin: 30px 25px;
3120
- border: solid 1px rgba(0, 0, 0, 0.1);
3121
- box-shadow: 0px 2px 5px 2px rgba(0, 0, 0, 0.05);
3122
- border-radius: 5px;
3123
- }
3124
-
3125
- /*---Page Login---*/
3126
- .page-login {
3127
- max-width: 400px;
3128
- /*max-height: 90vh;*/
3129
- margin: 0px auto 0px auto;
3130
- background: #ffffff;
3131
- border-radius: 20px;
3132
- padding: 0px 15px !important;
3133
- }
3134
-
3135
- .form-wrapper {
3136
- position: relative;
3137
- border-radius: 24px;
3138
- padding: 8px 30px;
3139
- margin: 0 16px;
3140
- background-color: #f2f1f1;
3141
- }
3142
-
3143
- .page-login .login-bg {
3144
- margin: 0 auto;
3145
- width: 50%;
3146
- top: 10px;
3147
- }
3148
-
3149
- .page-login .login-image {
3150
- width: 80px;
3151
- height: 80px;
3152
- border-radius: 50px;
3153
- position: absolute;
3154
- margin-top: -48px;
3155
- right: 22px;
3156
- border: solid 1px rgba(0, 0, 0, 0.1);
3157
- box-shadow: 0px 8px 20.1px 1.9px rgba(0, 0, 0, 0.1);
3158
- }
3159
-
3160
- .login-h3 {
3161
- color: #3e3e3e;
3162
- font-weight: bold;
3163
- font-size: 26px;
3164
- padding: 14px 0 0;
3165
- }
3166
-
3167
- .login-h4 {
3168
- color: #3e3e3e;
3169
- font-weight: bold;
3170
- font-size: 22px;
3171
- padding: 14px 0 0;
3172
- }
3173
-
3174
- .login-p {
3175
- padding: 0;
3176
- margin: 15px 0 10px;
3177
- font-size: 18px;
3178
- line-height: 20px;
3179
- }
3180
-
3181
- .page-login .page-login-field {
3182
- height: 45px;
3183
- line-height: 45px;
3184
- margin-bottom: 10px;
3185
- border-radius: 10px;
3186
- overflow: hidden;
3187
- }
3188
-
3189
- .page-login .page-login-field i {
3190
- position: absolute;
3191
- z-index: 2;
3192
- height: 45px;
3193
- line-height: 45px;
3194
- width: 30px;
3195
- text-align: center;
3196
- margin-left: 10px;
3197
- font-size: 15px;
3198
- }
3199
-
3200
- .page-login .page-login-field em {
3201
- position: absolute;
3202
- right: 10px;
3203
- z-index: 2;
3204
- top: 0px;
3205
- font-size: 10px;
3206
- color: #cacaca;
3207
- transition: all 250ms ease;
3208
- }
3209
-
3210
- .page-login .page-login-field input:focus ~ em {
3211
- color: #000000;
3212
- opacity: 0;
3213
- font-size: 17px;
3214
- }
3215
-
3216
- .page-login .page-login-field input {
3217
- font-size: 13.333px;
3218
- height: 45px;
3219
- line-height: 45px;
3220
- border-bottom: solid 1px rgba(0, 0, 0, 0.1);
3221
- background-color: transparent;
3222
- display: block;
3223
- width: 100%;
3224
- padding-left: 50px;
3225
- }
3226
-
3227
- .page-login .page-login-field input::placeholder {
3228
- color: #aaaaaa;
3229
- }
3230
-
3231
- .page-login .page-login-links {
3232
- padding: 0 20px;
3233
- margin-bottom: 20px;
3234
- }
3235
-
3236
- .page-login .page-login-links a {
3237
- color: #0c1117;
3238
- }
3239
-
3240
- .page-login .forgot i {
3241
- padding-left: 5px;
3242
- display: none;
3243
- }
3244
-
3245
- .page-login .create i {
3246
- padding-right: 10px;
3247
- display: none;
3248
- }
3249
-
3250
- /*---Page Profile---*/
3251
- .profile-1 .profile-header {
3252
- position: fixed;
3253
- top: 0px;
3254
- left: 0px;
3255
- right: 0px;
3256
- bottom: 0px;
3257
- }
3258
-
3259
- .profile-1-back {
3260
- position: absolute;
3261
- top: 0px;
3262
- left: 5px;
3263
- z-index: 2;
3264
- height: 50px;
3265
- width: 50px;
3266
- line-height: 50px;
3267
- text-align: center;
3268
- color: #1f1f1f;
3269
- z-index: 2;
3270
- }
3271
-
3272
- .profile-1-menu {
3273
- position: absolute;
3274
- top: 0px;
3275
- right: 5px;
3276
- z-index: 2;
3277
- height: 50px;
3278
- width: 50px;
3279
- line-height: 50px;
3280
- text-align: center;
3281
- color: #1f1f1f;
3282
- z-index: 2;
3283
- }
3284
-
3285
- .profile-logo {
3286
- width: 100%;
3287
- background-position: center;
3288
- background-repeat: no-repeat;
3289
- position: absolute;
3290
- z-index: 1;
3291
- }
3292
-
3293
- .profile-1 .profile-body {
3294
- position: relative;
3295
- background-color: #ffffff;
3296
- box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.15);
3297
- border: solid 1px rgba(0, 0, 0, 0.1);
3298
- display: block;
3299
- margin: 0px 0px;
3300
- padding: 0px 20px;
3301
- z-index: 10;
3302
- }
3303
-
3304
- .profile-1 .profile-button {
3305
- margin-top: -22px;
3306
- letter-spacing: 1.1px;
3307
- }
3308
-
3309
- .profile-1 .profile-heading {
3310
- font-size: 28px;
3311
- text-align: center;
3312
- font-weight: 100;
3313
- margin-top: 25px;
3314
- letter-spacing: 1.1px;
3315
- }
3316
-
3317
- .profile-1 .profile-sub-heading {
3318
- font-size: 15px;
3319
- text-align: center;
3320
- font-weight: 400;
3321
- margin-top: 0px;
3322
- color: #3f3f3f;
3323
- }
3324
-
3325
- .profile-1 .profile-stats {
3326
- margin: 20px 30px 30px 20px;
3327
- }
3328
-
3329
- .profile-1 .profile-content {
3330
- margin: 0px 20px 30px 10px;
3331
- }
3332
-
3333
- .profile-1 .profile-stats a {
3334
- width: 33.3%;
3335
- float: left;
3336
- text-align: center;
3337
- font-size: 14px;
3338
- color: #1f1f1f;
3339
- }
3340
-
3341
- .profile-1 .profile-stats a i {
3342
- font-size: 15px;
3343
- padding-right: 15px;
3344
- }
3345
-
3346
- .profile-gallery a {
3347
- width: 29%;
3348
- margin: 0px 2% 0px 2%;
3349
- float: left;
3350
- }
3351
-
3352
- @keyframes scroll {
3353
- 100% {
3354
- background-position: 2000px 2000px;
3355
- }
3356
- }
3357
-
3358
- .user-section {
3359
- padding: 0px 0px 0px 0px;
3360
- background: transparent;
3361
- text-align: center;
3362
- }
3363
-
3364
- .user-sub-section {
3365
- padding: 0px 10px !important;
3366
- background: transparent;
3367
- text-align: center;
3368
- }
3369
-
3370
- .user-section .store-slide-button {
3371
- padding: 10px 0px 0px 90px;
3372
- }
3373
-
3374
- .user-section .store-slide-button a i {
3375
- padding-right: 10px;
3376
- }
3377
-
3378
- .user-section .user-image {
3379
- cursor: pointer;
3380
- width: 31.5%;
3381
- aspect-ratio: 1/1;
3382
- display: block;
3383
- margin: 0 auto;
3384
- }
3385
-
3386
- .user-section .user-image img {
3387
- width: 100%;
3388
- }
3389
-
3390
- .user-section .user-image strong {
3391
- text-align: center;
3392
- display: block;
3393
- text-decoration: none;
3394
- color: #1f1f1f;
3395
- font-size: 14px;
3396
- }
3397
-
3398
- .user-section .user-text-section {
3399
- width: 90%;
3400
- margin: 0 auto;
3401
- clear: both;
3402
- color: #1d1d1d !important;
3403
- opacity: 1;
3404
- -webkit-text-fill-color: #1d1d1d;
3405
- }
3406
-
3407
- .user-section .user-text-section strong {
3408
- display: inline-flex;
3409
- margin-top: 10px;
3410
- line-height: 22px;
3411
- }
3412
-
3413
- .user-section .user-text-section p {
3414
- font-size: 12px;
3415
- display: block;
3416
- line-height: 18px;
3417
- }
3418
-
3419
- .user-section .store-slide-button strong {
3420
- font-size: 14px;
3421
- }
3422
-
3423
- .user-section .store-slide-button strong del {
3424
- position: absolute;
3425
- margin-top: -14px;
3426
- text-decoration: none;
3427
- font-weight: 400;
3428
- }
3429
-
3430
- .user-section .store-slide-button a {
3431
- padding-left: 10px;
3432
- height: 35px;
3433
- min-width: 35px;
3434
- font-size: 12px;
3435
- color: #8b8b8b;
3436
- float: right;
3437
- }
3438
-
3439
- .user-section-dark {
3440
- background: #0c1117 !important;
3441
- }
3442
-
3443
- .user-section-dark .user-text-section textarea {
3444
- color: #ffffff !important;
3445
- }
3446
-
3447
- .user-section-dark .user-text-section input {
3448
- color: #ffffff !important;
3449
- }
3450
-
3451
- .user-section-dark .link-text {
3452
- color: #ffffff !important;
3453
- }
3454
-
3455
- .user-section-edit {
3456
- background: #f4f4f4 !important;
3457
- }
3458
-
3459
- .sr-only {
3460
- position: absolute;
3461
- width: 1px;
3462
- height: 1px;
3463
- padding: 0;
3464
- margin: -1px;
3465
- overflow: hidden;
3466
- clip: rect(0, 0, 0, 0);
3467
- border: 0;
3468
- }
3469
-
3470
- .sr-only-focusable:active,
3471
- .sr-only-focusable:focus {
3472
- position: static;
3473
- width: auto;
3474
- height: auto;
3475
- margin: 0;
3476
- overflow: visible;
3477
- clip: auto;
3478
- }
3479
-
3480
- /*Iphone 5 Responsive Media Queries*/
3481
- @media only screen and (max-device-width: 568px) {
3482
- .form-wrapper {
3483
- padding: 10px 25px;
3484
- }
3485
-
3486
- .button-90 {
3487
- width: 90%;
3488
- }
3489
- }
3490
-
3491
- .white-button:active {
3492
- color: #111111;
3493
- border: 1px solid #aaaaaa;
3494
- cursor: pointer;
3495
- }
3496
-
3497
- .white-button {
3498
- height: 60px !important;
3499
- background-color: #ffffff;
3500
- font-weight: bold;
3501
- color: #1d1d1d;
3502
- border: 1px solid #e8e8e8;
3503
- border-radius: 50px;
3504
- line-height: 58px !important;
3505
- font-size: 18px;
3506
- }
3507
-
3508
- .black-button {
3509
- position: relative;
3510
- height: 60px;
3511
- background-color: #000000;
3512
- font-weight: bold;
3513
- color: #ffffff;
3514
- border: 1px solid #000000;
3515
- border-radius: 50px;
3516
- line-height: 58px !important;
3517
- font-size: 17px;
3518
- }
3519
-
3520
- .user-name {
3521
- }
3522
-
3523
- .user-bio {
3524
- }
3525
-
3526
- .user-work {
3527
- }
3528
-
3529
- .user-location {
3530
- margin-top: 5px !important;
3531
- }
3532
-
3533
- .google-button:hover {
3534
- color: #111111;
3535
- border: 1px solid #aaaaaa;
3536
- }
3537
-
3538
- .google-button {
3539
- padding-left: 25px;
3540
- margin-bottom: 25px;
3541
- background-color: #ffffff;
3542
- font-weight: bold;
3543
- color: #3e3e3e;
3544
- border: 1px solid #dddddd;
3545
- border-radius: 50px;
3546
- line-height: 58px;
3547
- height: 58px;
3548
- }
3549
-
3550
- .linkedin-button:hover {
3551
- background-color: #4f8ee6 !important;
3552
- color: #eeeeee;
3553
- }
3554
-
3555
- .linkedin-button {
3556
- padding-left: 28px;
3557
- margin-bottom: 25px;
3558
- line-height: 48px !important;
3559
- }
3560
-
3561
- .twitter-button:hover {
3562
- background-color: #5f91e2 !important;
3563
- color: #eeeeee;
3564
- }
3565
-
3566
- .twitter-button {
3567
- padding-left: 28px;
3568
- margin-bottom: 25px;
3569
- line-height: 48px !important;
3570
- }
3571
-
3572
- .load-social-icon {
3573
- margin: 0 auto;
3574
- width: 100% !important;
3575
- text-align: center;
3576
- }
3577
-
3578
- .edit-input {
3579
- background: rgb(244, 244, 244) !important;
3580
- padding: 7px 10px;
3581
- border-radius: 12px !important;
3582
- height: 50px !important;
3583
- line-height: 48px;
3584
- font-size: 15px;
3585
- }
3586
-
3587
- .switch-section {
3588
- padding: 20px;
3589
- margin-bottom: 20px;
3590
- margin-top: 20px;
3591
- height: 90px;
3592
- border-radius: 25px;
3593
- border: solid 1px #e8e8e8;
3594
- }
3595
-
3596
- .edit-shadow {
3597
- box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.22);
3598
- }
3599
-
3600
- /*---Accordions---*/
3601
- /*----------------*/
3602
-
3603
- .accordion a {
3604
- font-size: 15px;
3605
- height: 40px;
3606
- line-height: 40px;
3607
- font-weight: 500;
3608
- }
3609
-
3610
- .accordion a i:last-child {
3611
- position: absolute;
3612
- right: -15px;
3613
- height: 40px;
3614
- line-height: 40px;
3615
- width: 40px;
3616
- text-align: center;
3617
- transition: all 350ms ease;
3618
- }
3619
-
3620
- .accordion a i:first-child {
3621
- height: 100%;
3622
- width: 40px;
3623
- text-align: center;
3624
- margin-left: -10px;
3625
- }
3626
-
3627
- .accordion-content {
3628
- overflow: hidden;
3629
- }
3630
-
3631
- .menu-top {
3632
- top: -1px;
3633
- left: 0px;
3634
- right: 0px;
3635
- z-index: 999;
3636
- transition: all 400ms ease;
3637
- }
3638
-
3639
- #page-content {
3640
- margin-bottom: 0px;
3641
- padding: 10px 0;
3642
- background-color: #efefef;
3643
- min-height: calc(100vh - env(safe-area-inset-top));
3644
- }
3645
-
3646
- /*Sidebar Large Menu Style*/
3647
- .menu-large .menu-socials:after {
3648
- content: "";
3649
- display: block;
3650
- clear: both;
3651
- }
3652
-
3653
- .menu-large .menu-socials a {
3654
- font-size: 12px;
3655
- width: 16.6%;
3656
- height: 55px;
3657
- line-height: 55px;
3658
- text-align: center;
3659
- float: left;
3660
- }
3661
-
3662
- .menu-large .menu-logo {
3663
- margin-top: env(safe-area-inset-top);
3664
- padding: 40px 0px 40px 0px;
3665
- background-repeat: no-repeat;
3666
- background-position: left 20px center;
3667
- display: block;
3668
- float: none;
3669
- clear: both;
3670
- width: 100%;
3671
- height: 70px;
3672
- z-index: 1002;
3673
- position: relative;
3674
- pointer-events: all !important;
3675
- }
3676
-
3677
- .menu-large .menu-item {
3678
- height: 55px;
3679
- line-height: 55px;
3680
- display: block;
3681
- transition: all 350ms ease;
3682
- }
3683
-
3684
- .menu-large .menu-item strong {
3685
- font-family: "Nunito Sans", "Helvetica Neue", Helvetica, Arial,
3686
- "Lucida Grande", sans-serif;
3687
- font-weight: 300;
3688
- font-size: 13px;
3689
- transition: all 350ms ease;
3690
- position: absolute;
3691
- padding-left: 10px;
3692
- }
3693
-
3694
- .submenu-item .active-item {
3695
- font-weight: 600;
3696
- }
3697
-
3698
- .menu-large .active-item strong,
3699
- .menu-large .active-item i {
3700
- transition: all 350ms ease;
3701
- }
3702
-
3703
- .menu-large .close-menu {
3704
- margin-top: env(safe-area-inset-top);
3705
- }
3706
-
3707
- .menu-large .menu-item i {
3708
- width: 50px;
3709
- height: 55px;
3710
- text-align: center;
3711
- line-height: 55px;
3712
- transition: all 250ms ease;
3713
- font-size: 15px;
3714
- }
3715
-
3716
- .menu-large .menu-item i:first-child {
3717
- padding-left: 10px;
3718
- }
3719
-
3720
- .menu-large .plushide-animated {
3721
- position: absolute;
3722
- width: 50px;
3723
- height: 50px;
3724
- right: 5px;
3725
- margin-top: 2px;
3726
- transform: scale(0.6, 0.6);
3727
- }
3728
-
3729
- .menu-large .submenu-item a {
3730
- font-family: "Roboto", sans-serif !important;
3731
- font-size: 12px !important;
3732
- height: 50px;
3733
- line-height: 50px;
3734
- padding-left: 60px;
3735
- }
3736
-
3737
- .menu-large .submenu-item a:nth-child(1) {
3738
- margin-top: -1px;
3739
- }
3740
-
3741
- .menu-large .submenu-item .fa-angle-right {
3742
- position: absolute;
3743
- left: 0px;
3744
- height: 50px;
3745
- line-height: 50px;
3746
- width: 60px;
3747
- text-align: center;
3748
- font-size: 10px;
3749
- opacity: 0.5;
3750
- }
3751
-
3752
- .menu-large .menu-item .fa-circle {
3753
- position: absolute;
3754
- width: 50px;
3755
- height: 50px;
3756
- right: 5px;
3757
- font-size: 4px;
3758
- text-align: center;
3759
- opacity: 0.3;
3760
- }
3761
-
3762
- .menu-large .submenu-item .fa-circle {
3763
- position: absolute;
3764
- width: 50px;
3765
- height: 50px;
3766
- right: 5px;
3767
- font-size: 4px;
3768
- margin-top: 23px;
3769
- text-align: center;
3770
- opacity: 0.3;
3771
- }
3772
-
3773
- .menu-large .menu .submenu-items {
3774
- width: 17px;
3775
- height: 17px;
3776
- border-radius: 17px;
3777
- line-height: 18px;
3778
- position: absolute;
3779
- right: 0px;
3780
- text-align: center;
3781
- font-size: 9px;
3782
- font-style: normal;
3783
- z-index: 99;
3784
- margin-top: 19px;
3785
- margin-right: 21px;
3786
- font-weight: 300;
3787
- }
3788
-
3789
- .menu-sidebar-left {
3790
- top: 0px;
3791
- left: 0px;
3792
- right: 0px;
3793
- bottom: 0px;
3794
- width: 250px;
3795
- z-index: 10000;
3796
- transform: translate3d(-100%, 0, 0);
3797
- transition: transform 350ms ease;
3798
- }
3799
-
3800
- /*Menu Effects*/
3801
- /*------------*/
3802
- .active-menu.menu-sidebar-left {
3803
- transform: translate3d(0%, 0, 0) !important;
3804
- }
3805
-
3806
- .active-menu.menu-modal {
3807
- transform: translate3d(0, 0%, 0) !important;
3808
- }
3809
-
3810
- .active-menu.menu-modal-full {
3811
- transform: scale(1, 1) !important;
3812
- }
3813
-
3814
- .active-menu.menu-modal-fade {
3815
- opacity: 1 !important;
3816
- pointer-events: all !important;
3817
- }
3818
-
3819
- .img-shadow {
3820
- box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.16);
3821
- border-radius: 25%;
3822
- }
3823
-
3824
- .wrapper-terms {
3825
- margin: 0 auto;
3826
- width: 100%;
3827
- padding: 5px 18px;
3828
- transition: 0.55s all;
3829
- position: relative;
3830
- }
3831
-
3832
- .wrapper-terms h1 {
3833
- font-weight: normal;
3834
- border-bottom: 4px solid rgba(5, 173, 245, 1);
3835
- padding: 10px 20px 20px;
3836
- color: #000;
3837
- font-size: 22px;
3838
- }
3839
-
3840
- .wrapper-terms h2 {
3841
- letter-spacing: 0.5px;
3842
- margin: 20px 0;
3843
- font-size: 26px;
3844
- text-align: center;
3845
- color: #000;
3846
- font-weight: normal;
3847
- }
3848
-
3849
- .wrapper-terms h6 {
3850
- font-size: 18px;
3851
- margin: 30px 0;
3852
- text-align: center;
3853
- }
3854
-
3855
- .wrapper-terms p {
3856
- font-size: 1.1em;
3857
- line-height: 27px;
3858
- padding: 10px 10px;
3859
- color: rgba(48, 48, 48, 1);
3860
- text-align: left;
3861
- font-family: "Nunito Sans", "Helvetica Neue", Helvetica, Arial,
3862
- "Lucida Grande", sans-serif;
3863
- }
3864
-
3865
- .wrapper-terms p b {
3866
- font-size: 1.3em;
3867
- }
3868
-
3869
- .tapni-p {
3870
- padding: 20px 0 10px;
3871
- margin-top: 20px;
3872
- color: #000;
3873
- font-family: "Nunito Sans", "Helvetica Neue", Helvetica, Arial,
3874
- "Lucida Grande", sans-serif;
3875
- border-top: 3px solid rgba(5, 173, 245, 1);
3876
- }
3877
-
3878
- @media screen and (min-width: 1024px) and (max-width: 1260px) {
3879
- .wrapper-terms {
3880
- width: 100%;
3881
- transition: 0.55s all;
3882
- }
3883
- }
3884
-
3885
- @media screen and (min-width: 768px) and (max-width: 1023px) {
3886
- .wrapper-terms {
3887
- width: 100%;
3888
- transition: 0.55s all;
3889
- }
3890
- }
3891
-
3892
- @media screen and (max-width: 767px) {
3893
- .wrapper-terms {
3894
- width: 100%;
3895
- transition: 0.55s all;
3896
- }
3897
- }
3898
-
3899
- .password-reveal-icon {
3900
- width: 30%;
3901
- margin: 20% 0 0 55%;
3902
- opacity: 0.9;
3903
- }
3904
-
3905
- .search-field {
3906
- height: 45px;
3907
- line-height: 45px;
3908
- margin-bottom: 10px;
3909
- border-radius: 10px;
3910
- overflow: hidden;
3911
- }
3912
-
3913
- .search-field i {
3914
- position: absolute;
3915
- right: 20px;
3916
- z-index: 2;
3917
- height: 45px;
3918
- line-height: 45px;
3919
- width: 30px;
3920
- text-align: center;
3921
- margin-left: 10px;
3922
- font-size: 15px;
3923
- }
3924
-
3925
- .search-field em {
3926
- position: absolute;
3927
- right: 10px;
3928
- z-index: 2;
3929
- top: 0px;
3930
- font-size: 10px;
3931
- color: #cacaca;
3932
- transition: all 250ms ease;
3933
- }
3934
-
3935
- .search-field input:focus ~ em {
3936
- color: #000000;
3937
- opacity: 0;
3938
- font-size: 17px;
3939
- }
3940
-
3941
- .search-field input {
3942
- font-size: 13.333px;
3943
- height: 40px;
3944
- line-height: 38px;
3945
- border-bottom: solid 1px rgba(0, 0, 0, 0.1);
3946
- background-color: transparent;
3947
- display: block;
3948
- width: 90%;
3949
- padding: 0 2%;
3950
- padding-top: 2%;
3951
- margin: 0 auto;
3952
- }
3953
-
3954
- .search-field input::placeholder {
3955
- color: #aaaaaa;
3956
- }
3957
-
3958
- .disable-select {
3959
- -webkit-touch-callout: none;
3960
- -webkit-user-select: none;
3961
- -moz-user-select: none;
3962
- -ms-user-select: none;
3963
- user-select: none;
3964
- -o-user-select: none;
3965
- }
3966
-
3967
- .margin-bottom-100 {
3968
- margin-bottom: 100px;
3969
- }
3970
-
3971
- .pac-container {
3972
- z-index: 200000 !important;
3973
- }
3974
-
3975
- .btn-icon {
3976
- top: 5px;
3977
- margin-right: 5px;
3978
- display: inline !important;
3979
- }
3980
-
3981
- .h-40 {
3982
- height: 40px !important;
3983
- }
3984
-
3985
- .lh-40 {
3986
- line-height: 38px;
3987
- }
3988
-
3989
- .h-65 {
3990
- height: 65px !important;
3991
- }
3992
-
3993
- .lh-20 {
3994
- line-height: 20px !important;
3995
- }
3996
-
3997
- .edit-background {
3998
- background-color: #f4f4f4 !important;
3999
- }
4000
-
4001
- .modal-title {
4002
- font-size: 25px;
4003
- font-weight: 500;
4004
- float: left;
4005
- margin-left: 25px;
4006
- margin-top: 20px;
4007
- margin-bottom: 25px;
4008
- }
4009
-
4010
- .headerText {
4011
- margin-bottom: 20px;
4012
- }