Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 3365 | Rev 3433 | Ir a la última revisión | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
1239 steven 1
/*===================== TABLE OF CONTENT ======================= 1.	1 Homepages 2.  Fonts 3.  Reset Css 4.  Cross Browser Compatibility 5.  Header 6.  Navigations 7.  Dropdown 8.  Responsive Header 9.  Revolution Slider (Banner) 10. About App 11. Amazing Features 12. Interesting Screenshots 14.	Latest Blog News 15.	Questions Sections 16.	Clinet's Testimonial 17.	Our Newsletter 18. Stylish Pricing Plan 19.	Never Miss a Deal 20.	Contact Us 21. Footer =============================================================*/
2
 
3
/* ================================================================================== Fonts ===================================================================================== */
4
 
5
@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,200i,300,300i,400,400i,600,600i,700,700i,900,900i");
6
/* ================================================================================== Reset Css ===================================================================================== */
7
 
8
html,
9
body,
10
div,
11
span,
12
applet,
13
object,
14
iframe,
15
h1,
16
h2,
17
h3,
18
h4,
19
h5,
20
h6,
21
p,
22
blockquote,
23
pre,
24
a,
25
abbr,
26
acronym,
27
address,
28
big,
29
cite,
30
code,
31
del,
32
dfn,
33
em,
34
img,
35
ins,
36
kbd,
37
q,
38
s,
39
samp,
40
small,
41
strike,
42
strong,
43
sub,
44
sup,
45
tt,
46
var,
47
b,
48
u,
49
i,
50
center,
51
dl,
52
dt,
53
dd,
54
ol,
55
ul,
56
li,
57
fieldset,
58
form,
59
label,
60
legend,
61
table,
62
caption,
63
tbody,
64
tfoot,
65
thead,
66
tr,
67
th,
68
td,
69
article,
70
aside,
71
canvas,
72
details,
73
embed,
74
figure,
75
figcaption,
76
footer,
77
header,
78
hgroup,
79
menu,
80
nav,
81
output,
82
ruby,
83
section,
84
summary,
85
time,
86
mark,
87
audio,
88
video {
89
    margin: 0;
90
    padding: 0;
91
    border: 0;
92
    font-size: 100%;
93
    font: inherit;
94
    vertical-align: baseline;
95
}
96
 
97
/* HTML5 display-role reset for older browsers */
98
 
99
article,
100
aside,
101
details,
102
figcaption,
103
figure,
104
footer,
105
header,
106
hgroup,
107
menu,
108
nav,
109
section {
110
    display: block;
111
}
112
 
113
body {
114
    line-height: 1;
115
    font-family: "Source Sans Pro", sans-serif;
116
    overflow-x: hidden;
117
    font-weight: 400;
118
    background-color: #f2f2f2;
119
}
120
 
121
ol,
122
ul {
123
    list-style: none;
124
}
125
 
126
a:hover {
127
    text-decoration: none;
128
}
129
 
130
blockquote,
131
q {
132
    quotes: none;
133
}
134
 
135
blockquote:before,
136
blockquote:after,
137
q:before,
138
q:after {
139
    content: "";
140
    content: none;
141
}
142
 
143
button {
144
    outline: none;
145
}
146
 
147
table {
148
    border-collapse: collapse;
149
    border-spacing: 0;
150
}
151
 
152
* {
153
    margin: 0;
154
    padding: 0;
155
}
156
 
157
a:focus {
158
    text-decoration: none;
159
    outline: none;
160
}
161
 
162
a:hover {
163
    color: #fff;
164
}
165
 
166
button {
167
    outline: none;
168
}
169
 
170
input {
171
    outline: none;
172
}
173
 
174
textarea {
175
    outline: none;
176
}
177
 
178
section {
179
    float: left;
180
    width: 100%;
181
    position: relative;
182
}
183
 
184
p {
185
    font-size: 14px;
186
    line-height: 24px;
187
    color: #666666;
188
}
189
 
190
hr {
191
    margin-top: 1rem;
192
    margin-bottom: 1rem;
193
    border: 0;
194
    border-top: 1px solid #e5e5e5 !important;
195
}
196
 
197
/* ================ CROSS BROWSER COMPATABILITY =============== */
198
 
199
img {
200
    max-width: 100%;
201
}
202
 
203
.ask-question,
204
nav,
205
.notification-box.active,
206
nav ul li a,
207
.user-account-settingss.active,
208
.user-info a,
209
.suggestion-usd>span i,
210
.view-more>a,
211
.tags-sec ul li a,
212
.post-st ul li a,
213
.ed-opts>a,
214
.bk-links li a,
215
.like-com li a,
216
.user-profy>a,
217
.slick-previous:before,
218
.slick-nexti:before,
219
.comment>a,
220
.sign_link>a,
221
.post-popup,
222
.post-project>a,
223
.post-project-fields form ul li button,
224
.post-project-fields form ul li a,
225
.sign-control li a,
226
.cover-sec>a,
227
.star-descp>a,
228
.message-btn a,
229
.pf-gallery ul li,
230
.gallery_pt:before,
231
.gallery_pt>a,
232
.overview-box,
233
.skl-name,
234
.conv-list,
235
.save-stngs ul li button,
236
.forum-links.active,
237
.react-links li a,
238
.next-prev>a,
239
nav ul li:hover>ul,
240
.user-pro-img>a i {
241
    -webkit-transition: all 0.2s;
242
    -moz-transition: all 0.2s;
243
    -ms-transition: all 0.2s;
244
    -o-transition: all 0.2s;
245
    transition: all 0.2s;
246
}
247
 
248
/* ============== DEFAULT BORDER RADIUS =========== */
249
 
250
.ask-question,
251
.login_register ul li a,
252
.search-bar form input,
253
.search-bar form button,
254
.search_form form input,
255
.post-st ul li a,
256
.post-bar,
257
.bk-links li i,
258
.bid_now,
259
.user-profy ul li a,
260
.posty,
261
.comment_box form button,
262
.post-project-fields form input,
263
.post-project-fields form textarea,
264
.post-project-fields form select,
265
.post-project-fields form ul li button,
266
.post-project-fields form ul li a,
267
.signin-pop,
268
.sign-control,
269
.sign_in_sec form input,
270
.sign_in_sec form select,
271
.sign_in_sec form button,
272
.signup-tab,
273
.login-resources ul li a,
274
.flw-hr li a,
275
.message-btn a,
276
.user-profile-ov,
277
.portfolio-gallery-sec,
278
.overview-edit,
279
.overview-edit form textarea,
280
.overview-edit form input,
281
.overview-edit form select,
282
.overview-edit button,
283
.file-submit,
284
.billing-method,
285
.lt-sec>a,
286
.add-billing-method,
287
.payment_methods form button,
288
.payment_methods form input,
289
.company-up-info ul li a,
290
.search-box form input,
291
.filter-dd form input,
292
.filter-dd form select,
293
.conversation-box,
294
.save-stngs ul li button,
295
.cp-field input,
296
.cp-field textarea,
297
.accept-req,
298
.mf-field input,
299
.mf-field button,
300
.pagination li .page-link,
301
.post_comment_sec form textarea,
302
.post_comment_sec form button,
303
.next-prev>a {
304
    -webkit-border-radius: 4px;
305
    -moz-border-radius: 4px;
306
    -ms-border-radius: 4px;
307
    -o-border-radius: 4px;
308
    border-radius: 3px;
309
}
310
 
311
.wrapper {
312
    float: left;
313
    width: 100%;
314
    min-height: 100vh;
315
    position: relative;
2294 stevensc 316
    background-color: #FFFFFF;
1239 steven 317
}
318
 
319
.overlay:before {
320
    content: "";
321
    position: absolute;
322
    top: 0;
323
    left: 0;
324
    width: 100%;
325
    height: 100%;
326
    background-color: rgba(0, 0, 0, 0.75);
327
    z-index: 99;
328
}
329
 
330
header {
331
    float: left;
332
    width: 100%;
333
    background-color: #e44d3a;
334
}
335
 
336
.header-data {
337
    float: left;
338
    width: 100%;
339
}
340
 
341
.logo {
342
    float: left;
343
    width: 40px;
344
    margin-right: 14px;
345
    margin-top: 10px;
346
}
347
 
348
.logo.pd-btm {
349
    padding-bottom: 10px;
350
}
351
 
352
.forum-bar {
353
    float: left;
354
    margin-top: 10px;
355
    width: 400px;
356
}
357
 
358
.forum-bar h2 {
359
    float: left;
360
    margin-right: 40px;
361
}
362
 
363
.forum-bar ul {
364
    float: left;
365
    margin-top: 0px;
366
}
367
 
368
.ask-question {
369
    background-color: #fff;
370
    padding: 10px 25px;
371
    color: #e44d3a !important;
372
    font-size: 14px;
373
    font-weight: 600;
374
}
375
 
376
.ask-question:hover {
377
    color: #e44d3a;
378
}
379
 
380
.forum-bar ul li {
381
    display: inline-block;
382
    margin-right: 40px;
383
}
384
 
385
.forum-bar ul li:last-child {
386
    margin-right: 0;
387
}
388
 
389
.forum-bar ul li a {
390
    display: inline-block;
391
    color: #ffffff;
392
    font-size: 14px;
393
    font-weight: 500;
394
}
395
 
396
.forum-bar h2 {
397
    color: #ffffff;
398
    font-size: 28px;
399
    font-weight: 500;
400
}
401
 
402
/* ========== login_register ========== */
403
 
404
.login_register {
405
    float: right;
406
    margin-top: 8px;
407
    padding-left: 30px;
408
}
409
 
410
.login_register ul li {
411
    display: inline-block;
412
    margin-right: 8px;
413
}
414
 
415
.login_register ul li:last-child {
416
    margin-right: 0;
417
}
418
 
419
.login_register ul li a {
420
    display: inline-block;
421
    color: #ffffff;
422
    font-size: 14px;
423
    border: 1px solid #fff;
424
    height: 40px;
425
    line-height: 40px;
426
    padding: 0 20px;
427
    font-weight: 600;
428
}
429
 
430
.search-bar.st2 {
431
    float: right;
432
}
433
 
434
.search-bar {
435
    float: left;
436
    width: 280px;
437
    margin-top: 9px;
438
}
439
 
440
.search-bar form {
441
    float: left;
442
    width: 100%;
443
    position: relative;
444
}
445
 
446
.search-bar form input {
447
    width: 100%;
448
    background-color: #fff;
449
    height: 38px;
450
    color: #b2b2b2;
451
    font-size: 12px;
452
    border: 0;
453
    padding: 0 10px;
454
}
455
 
456
.search-bar form button {
457
    position: absolute;
458
    top: 0;
459
    right: 0;
460
    background-color: #efefef;
461
    width: 38px;
462
    height: 100%;
463
    border: 0;
464
}
465
 
466
.search-bar form button i {
467
    color: #e44d3a;
468
    font-size: 20px;
469
    font-weight: bold;
470
}
471
 
472
nav {
473
    /* float: left; width: 60%; text-align: right; */
474
    /* padding-right: 13px; */
475
}
476
 
477
nav ul li {
478
    /* display: inline-block; text-align: center; padding: 15px 13px; position: relative; */
479
}
480
 
481
nav ul li:hover>ul {
482
    /* opacity: 1; visibility: visible; z-index: 9999; */
483
}
484
 
485
nav ul ul {
486
    /* position: absolute; top: 100%; left: 0; width: 200px; background-color: #e44d3a; text-align: left; padding: 20px 0 10px 0; opacity: 0; visibility: hidden; z-index: 999999; */
487
}
488
 
489
/* nav ul ul li {padding: 0; float: left; width: 100%; text-align: left; margin-bottom: 15px; padding: 0 20px; } nav ul ul li a:hover {color: #fff; } nav ul ul li a {font-size: 16px; } */
490
 
491
.notification-box.msg p {
492
    line-height: 20px;
493
    font-size: 14px;
494
    font-weight: 400;
495
    margin-top: 2px;
496
}
497
 
498
.notification-box.msg .nott-list .notification-info span {
499
    bottom: auto;
500
    top: 5px;
501
}
502
 
503
.notification-box.msg .notification-info h3 {
504
    margin-bottom: 1px;
505
}
506
 
507
.notification-box.msg .nott-list .notfication-details {
508
    padding: 17px 20px 17px 20px;
509
}
510
 
511
.notification-box {
512
    position: absolute;
513
    top: 100%;
514
    right: 0;
515
    width: 300px;
516
    background-color: #fff;
517
    opacity: 1;
518
    visibility: visible;
519
    z-index: 999;
520
    display: none;
521
}
522
 
523
.notification-box.active {
524
    opacity: 1;
525
    visibility: visible;
526
    z-index: 999999999;
527
}
528
 
529
.nt-title {
530
    float: left;
531
    width: 100%;
532
    border-bottom: 1px solid #e5e5e5;
533
    padding: 10px 20px;
534
}
535
 
536
.nt-title h4 {
537
    float: left;
538
    color: #686868;
539
    font-size: 12px;
540
    font-weight: 600;
541
}
542
 
543
.nt-title>a {
544
    float: right;
545
    color: #686868;
546
    font-size: 12px;
547
    font-weight: 600;
548
}
549
 
550
.nott-list {
551
    float: left;
552
    width: 100%;
553
}
554
 
555
.nott-list .notification-info {
556
    width: 86%;
557
    float: left;
558
    text-align: left;
559
    position: relative;
560
}
561
 
562
.nott-list .notfication-details {
563
    padding: 20px 20px 12px 20px;
564
}
565
 
566
.nott-list .notification-info h3 {
567
    line-height: 20px;
568
}
569
 
570
.nott-list .notification-info span {
571
    position: absolute;
572
    bottom: 5px;
573
    right: 0;
574
}
575
 
576
.view-all-nots {
577
    float: left;
578
    width: 100%;
579
}
580
 
581
.view-all-nots>a {
582
    float: left;
583
    width: 100%;
584
    color: #ffffff;
585
    font-size: 16px;
586
    text-transform: capitalize;
587
    font-weight: 600;
588
    text-align: center;
589
    background-color: #e44d3a;
590
    padding: 18px 0;
591
}
592
 
593
nav ul li span {
594
    display: block;
595
    height: 14px;
596
}
597
 
598
nav ul li span img {
599
    float: none;
600
}
601
 
602
nav ul li a {
603
    color: #ffffff;
604
    font-size: 14px;
605
}
606
 
607
nav>ul>li>a:hover {
608
    color: #fff;
609
}
610
 
611
.user-account {
612
    float: right;
613
    /* width: 110px; */
614
    border-left: 1px solid #dd3e2b;
615
    border-right: 1px solid #dd3e2b;
616
    box-sizing: border-box;
617
    position: relative;
618
    padding: 0 1rem;
619
}
620
 
621
.user-info {
622
    /* float: left; width: 100%; padding: 13px 10px; */
623
    position: relative;
624
}
625
 
626
.user-account-settingss {
627
    position: absolute;
628
    opacity: 1;
629
    visibility: visible;
630
    z-index: 999;
631
    display: none;
632
    top: 100%;
633
    right: 0;
634
    width: 240px;
635
    background-color: #fff;
636
    border-left: 1px solid #e5e5e5;
637
    border-bottom: 1px solid #e5e5e5;
638
    border-right: 1px solid #e5e5e5;
639
    -webkit-border-radius: 0 0 5px 5px;
640
    -moz-border-radius: 0 0 5px 5px;
641
    -ms-border-radius: 0 0 5px 5px;
642
    -o-border-radius: 0 0 5px 5px;
643
    border-radius: 0 0 5px 5px;
644
    -webkit-box-shadow: 1px 1px 6px -2px rgba(0, 0, 0, 0.24);
645
    -moz-box-shadow: 1px 1px 6px -2px rgba(0, 0, 0, 0.24);
646
    -ms-box-shadow: 1px 1px 6px -2px rgba(0, 0, 0, 0.24);
647
    -o-box-shadow: 1px 1px 6px -2px rgba(0, 0, 0, 0.24);
648
    box-shadow: 1px 1px 6px -2px rgba(0, 0, 0, 0.24);
649
    /*opacity: 0; visibility: hidden;*/
650
}
651
 
652
.user-account-settingss.active {
653
    opacity: 1;
654
    visibility: visible;
655
    z-index: 9999;
656
}
657
 
658
.user-account-settingss>h3 {
659
    color: #000000;
660
    font-size: 16px;
661
    font-weight: 600;
662
    float: left;
663
    width: 100%;
664
    border-bottom: 1px solid #e5e5e5;
665
    padding: 15px 20px;
666
}
667
 
668
.on-off-status {
669
    float: left;
670
    width: 100%;
671
    padding: 20px;
672
    border-bottom: 1px solid #e5e5e5;
673
}
674
 
675
.on-off-status li {
676
    float: left;
677
    width: 100%;
678
    margin-bottom: 15px;
679
}
680
 
681
.on-off-status li:last-child {
682
    margin-bottom: 0;
683
}
684
 
685
.on-off-status li .fgt-sec small {
686
    color: #686868;
687
}
688
 
689
/* =========== search_form =========== */
690
 
691
.search_form {
692
    float: left;
693
    width: 100%;
694
    padding: 20px;
695
    border-bottom: 1px solid #e5e5e5;
696
}
697
 
698
.search_form form {
699
    float: left;
700
    width: 100%;
701
    position: relative;
702
}
703
 
704
.search_form form input {
705
    width: 100%;
706
    height: 35px;
707
    padding: 0 15px;
708
    border: 1px solid #e5e5e5;
709
    background-color: #f2f2f2;
710
}
711
 
712
.search_form form button {
713
    color: #f2f2f2;
714
    font-size: 14px;
715
    background-color: #e44d3a;
716
    padding: 0 10px;
717
    height: 100%;
718
    position: absolute;
719
    top: 0;
720
    right: 0;
721
    border: 0;
722
    font-weight: 600;
723
    -webkit-border-radius: 0 3px 3px 0;
724
    -moz-border-radius: 0 3px 3px 0;
725
    -ms-border-radius: 0 3px 3px 0;
726
    -o-border-radius: 0 3px 3px 0;
727
    border-radius: 0 3px 3px 0;
728
    cursor: pointer;
729
}
730
 
731
/* ============ us-links ============= */
732
 
733
.us-links {
734
    float: left;
735
    width: 100%;
736
    border-bottom: 1px solid #e5e5e5;
737
    padding: 20px;
738
}
739
 
740
.us-links li {
741
    float: left;
742
    width: 100%;
743
    margin-bottom: 15px;
744
}
745
 
746
.us-links li:last-child {
747
    margin-bottom: 0;
748
}
749
 
750
.us-links li a {
751
    float: left;
752
    width: 100%;
753
    color: #000000;
754
    font-size: 14px;
755
    font-weight: 500;
756
}
757
 
758
.tc {
759
    text-align: center;
760
}
761
 
762
.tc a {
763
    color: #000;
764
}
765
 
766
.user-info img {
767
    /* margin-right: 10px; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px; border-radius: 100px; */
768
}
769
 
770
.user-info a {
771
    color: #fff;
772
    font-size: 14px;
773
    float: left;
774
    margin-top: 8px;
775
}
776
 
777
.user-info a:hover {
778
    color: #fff;
779
}
780
 
781
.user-info>i {
782
    position: absolute;
783
    top: 50%;
784
    right: -15px;
785
    color: #fff;
786
    font-size: 12px;
787
    -webkit-transform: translateY(-50%);
788
    -moz-transform: translateY(-50%);
789
    -ms-transform: translateY(-50%);
790
    -o-transform: translateY(-50%);
791
    transform: translateY(-50%);
792
}
793
 
794
/* =================== main-section ================= */
795
 
796
main {
797
    float: left;
798
    width: 100%;
2275 stevensc 799
    padding: 10px 0;
1239 steven 800
}
801
 
802
.main-section {
803
    float: left;
804
    width: 100%;
805
    background-color: #fff;
2378 stevensc 806
    padding: 1rem 0;
1239 steven 807
}
808
 
809
.main-section-data {
810
    width: 100%;
2372 stevensc 811
    display: grid;
2376 stevensc 812
    grid-template-columns: 1fr;
2374 stevensc 813
    gap: 1rem;
1239 steven 814
}
815
 
2377 stevensc 816
@media (min-width: 768px) {
2376 stevensc 817
    .main-section-data {
2430 stevensc 818
        grid-template-columns: 30% 70% !important;
2376 stevensc 819
    }
820
}
821
 
2377 stevensc 822
@media (min-width: 1200px) {
2376 stevensc 823
    .main-section-data {
2430 stevensc 824
        grid-template-columns: 25% 50% 25% !important;
2376 stevensc 825
    }
826
}
827
 
2377 stevensc 828
@media (min-width: 1200px) {
2376 stevensc 829
    .main-section-data {
830
        grid-template-columns: 27% 43% 27% !important;
831
    }
832
}
833
 
1239 steven 834
.main-left-sidebar {
835
    float: left;
836
    width: 100%;
2378 stevensc 837
    display: none;
2576 stevensc 838
    margin-top: 30px;
1239 steven 839
}
840
 
2378 stevensc 841
@media (min-width: 768px) {
2379 stevensc 842
    .main-left-sidebar {
2378 stevensc 843
        display: block;
844
    }
845
}
846
 
2478 stevensc 847
@media (max-width: 768px) {
848
    .notifications-page .container {
849
        padding: 0 !important;
850
    }
851
}
852
 
2474 stevensc 853
.notification-item {
854
    margin-bottom: 1.5rem;
2478 stevensc 855
    display: flex;
856
    justify-content: center;
2479 stevensc 857
    gap: 5px;
2478 stevensc 858
    align-items: flex-start;
859
    flex-direction: column;
2474 stevensc 860
}
861
 
2479 stevensc 862
@media (min-width: 768px) {
2478 stevensc 863
    .notification-item {
864
        margin-bottom: 1.5rem;
865
        display: flex;
2479 stevensc 866
        gap: 0;
2478 stevensc 867
        justify-content: space-between;
868
        align-items: center;
869
        flex-direction: row;
870
    }
871
}
872
 
2474 stevensc 873
.notification-item a {
874
    color: var(--gray);
875
    text-decoration: none;
876
    position: relative;
877
}
878
 
879
.notification-item a::before {
880
    content: '';
2477 stevensc 881
    width: 15px;
882
    height: 15px;
2475 stevensc 883
    border-radius: 100px;
884
    background-color: var(--background-gray);
2474 stevensc 885
    position: absolute;
886
    top: 50%;
2477 stevensc 887
    left: -1.2rem;
2475 stevensc 888
    transform: translateY(-50%);
2474 stevensc 889
}
890
 
891
.notification-item span {
892
    color: var(--gray);
893
}
894
 
1239 steven 895
.full-width {
896
    float: left;
897
    width: 100%;
898
    background-color: #fff;
899
    margin-bottom: 20px;
900
    /* border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; */
901
}
902
 
903
.username-dt {
904
    float: left;
905
    width: 100%;
906
    background-color: #e44d3a;
907
    padding-top: 40px;
908
}
909
 
910
.user-data {
911
    text-align: center;
912
}
913
 
914
.usr-pic {
915
    width: 110px;
916
    height: 110px;
917
    margin: 0 auto;
918
    margin-bottom: -48px;
919
}
920
 
921
.usr-pic>img {
922
    float: none;
923
    border: 5px solid #fff;
924
    -webkit-border-radius: 100px;
925
    -moz-border-radius: 100px;
926
    -ms-border-radius: 100px;
927
    -o-border-radius: 100px;
928
    border-radius: 100px;
929
    width: 100%;
930
}
931
 
932
.user-profile {
933
    float: left;
934
    width: 100%;
935
}
936
 
937
.user-specs {
938
    float: left;
939
    width: 100%;
940
    padding: 63px 0 27px 0;
941
}
942
 
943
.user-specs h3 {
944
    color: #000000;
945
    font-size: 24px;
946
    text-transform: capitalize;
947
    font-weight: 600;
948
    margin-bottom: 8px;
949
}
950
 
951
.user-specs span {
952
    color: #686868;
953
    font-size: 14px;
954
}
955
 
956
.user-fw-status {
957
    float: left;
958
    width: 100%;
959
}
960
 
961
.user-fw-status li {
962
    float: left;
963
    width: 100%;
964
    /* border-bottom: 1px solid #e5e5e5; */
965
    /* border-top: 1px solid #e5e5e5; */
966
    padding: 15px 0;
967
}
968
 
969
.user-fw-status li:last-child {
970
    border-bottom: 0;
971
}
972
 
973
.user-fw-status li:nth-child(1),
974
.user-fw-status li:nth-child(2) {
975
    border-bottom: 0;
976
}
977
 
978
.user-fw-status li h4 {
979
    color: #686868;
980
    font-size: 20px;
981
    margin-bottom: 10px;
982
}
983
 
984
.user-fw-status span {
985
    color: #000000;
986
    font-size: 20px;
987
}
988
 
989
.user-fw-status li a {
990
    color: #e44d3a;
991
    font-size: 14px;
992
    font-weight: 600;
993
}
994
 
995
/* ============= Suggestions ============ */
996
 
2758 stevensc 997
.list-icon {
998
    border-radius: 100px;
999
    width: 15px;
1000
    height: 15px;
1001
    background-color: var(--background-light-gray);
1002
    drop-shadow: 0 0 5px #000;
1003
    margin-right: .5rem;
1004
}
1005
 
1239 steven 1006
.sd-title {
1007
    /* float: left; */
1008
    width: 100%;
1009
    /* padding: 20px; */
1010
    /* border-bottom: 1px solid #e5e5e5; */
1011
    position: relative;
1012
    display: grid;
1013
}
1014
 
2891 stevensc 1015
.sd-title h3,
1016
.sd-title a {
1239 steven 1017
    color: #000000;
1018
    font-size: 18px;
2213 stevensc 1019
    font-weight: 700;
1239 steven 1020
}
1021
 
2892 stevensc 1022
.sd-title a {
1023
    font-size: 1rem;
1024
    font-weight: 600;
1025
}
1026
 
1239 steven 1027
.sd-title i {
1028
    float: right;
1029
    color: #b7b7b7;
1030
    font-size: 24px;
1031
    position: absolute;
1032
    right: 5px;
1033
    top: 18px;
1034
}
1035
 
1036
.suggestions-list {
1037
    width: 100%;
1038
}
1039
 
1040
.suggestion-usd {
1041
    float: left;
1042
    width: 100%;
1043
    padding: 15px 20px;
1044
}
1045
 
1046
.suggestion-usd img {
1047
    -webkit-border-radius: 100px;
1048
    -moz-border-radius: 100px;
1049
    -ms-border-radius: 100px;
1050
    -o-border-radius: 100px;
1051
    border-radius: 100px;
1052
}
1053
 
1054
.sgt-text {
1055
    float: left;
1056
    padding-left: 10px;
1057
}
1058
 
1059
.sgt-text h4 {
1060
    color: #000000;
1061
    font-size: 14px;
1062
    font-weight: 400;
1063
    margin-bottom: 4px;
1064
}
1065
 
1066
.sgt-text span {
1067
    color: #686868;
1068
    font-size: 14px;
1069
}
1070
 
1071
.suggestion-usd>span {
1072
    margin-top: 4px;
1073
    position: relative;
1074
    margin-left: 1rem;
1075
}
1076
 
1077
.suggestion-usd>span i {
1078
    color: #b2b2b2;
1079
    width: 25px;
1080
    height: 25px;
1081
    border-radius: 3px;
1082
    cursor: pointer;
1083
    text-align: center;
1084
    display: flex;
1085
    justify-content: center;
1086
    align-items: center;
1087
}
1088
 
1089
.bg-white {
1090
    background-color: white !important;
1091
}
1092
 
1093
.suggestion-usd>span i:hover {
1094
    background-color: #0961bf !important;
1095
    color: #fff;
1096
    border-radius: 3px;
1097
}
1098
 
1099
.icon-button {
1100
    color: #b2b2b2;
1101
    width: 25px;
1102
    height: 25px;
1103
    border-radius: 3px;
1104
    cursor: pointer;
1105
    text-align: center;
1106
    display: flex !important;
1107
    justify-content: center;
1108
    align-items: center;
1109
}
1110
 
1111
.icon-button:hover {
1112
    background-color: #0961bf !important;
1113
    color: #fff;
1114
}
1115
 
1116
.view-more {
1117
    /* float: left; width: 100%; text-align: center; padding-top: 10px; */
1118
}
1119
 
1120
.view-more>a {
1121
    color: #e44d3a;
1122
    font-size: 14px;
1123
    font-weight: 700;
1124
}
1125
 
1126
.view-more>a:hover {
1127
    color: #e44d3a;
1128
}
1129
 
1130
/* ============== tags-sec ============= */
1131
 
1132
.tags-sec {
1133
    background-color: #fff;
1134
    padding: 25px 5px;
1135
}
1136
 
1137
.tags-sec ul {
1138
    float: left;
1139
    width: 100%;
1140
    text-align: center;
1141
}
1142
 
1143
.tags-sec ul li {
1144
    display: inline-block;
1145
    border-right: 1px solid #b2b2b2;
1146
    padding: 0 7px;
1147
    margin-bottom: 15px;
1148
}
1149
 
1150
.tags-sec ul li:nth-child(3),
1151
.tags-sec ul li:nth-child(5),
1152
.tags-sec ul li:nth-child(8) {
1153
    border-right: 0;
1154
}
1155
 
1156
.tags-sec ul li a {
1157
    display: inline-block;
1158
    color: #b2b2b2;
1159
    font-size: 13px;
1160
    font-weight: 500;
1161
}
1162
 
1163
.tags-sec ul li a:hover {
1164
    color: #e44d3a;
1165
}
1166
 
1167
.cp-sec {
1168
    float: left;
1169
    width: 100%;
1170
    margin-top: 5px;
1171
    padding: 0 13px;
1172
}
1173
 
1174
.cp-sec>img {
1175
    float: left;
1176
    margin-top: 3px;
1177
}
1178
 
1179
.cp-sec p {
1180
    float: right;
1181
    color: #b2b2b2;
1182
    font-size: 14px;
1183
    font-weight: 500;
1184
}
1185
 
1186
.cp-sec p img {
1187
    float: none;
1188
    display: inline-block;
1189
    position: relative;
1190
    top: 3px;
1191
    padding-right: 5px;
1192
}
1193
 
1194
/* =================== main-ws-sec ================== */
1195
 
1196
.main-ws-sec {
2947 stevensc 1197
    overflow: hidden;
2949 stevensc 1198
    padding-top: 10px;
1239 steven 1199
    width: 100%;
1200
}
1201
 
1202
/* ============ post-topbar =========== */
1203
 
1204
.post-topbar {
1205
    float: left;
1206
    width: 100%;
1207
    padding: 23px 20px;
1208
    background-color: #fff;
1209
    border-top: 4px solid #e44d3a;
1210
    border-left: 1px solid #e4e4e4;
1211
    border-bottom: 1px solid #e4e4e4;
1212
    border-right: 1px solid #e4e4e4;
1213
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.24);
1214
    -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.24);
1215
    -ms-box-shadow: 0 0 1px rgba(0, 0, 0, 0.24);
1216
    -o-box-shadow: 0 0 1px rgba(0, 0, 0, 0.24);
1217
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.24);
1218
    margin-bottom: 20px;
1219
}
1220
 
1221
.user-picy {
1222
    float: left;
1223
    width: 50px;
1224
}
1225
 
1226
.user-picy img {
1227
    width: 100%;
1228
    object-fit: cover;
1229
}
1230
 
1231
.post-st {
1232
    float: right;
1233
    margin-top: 5px;
1234
}
1235
 
1236
.post-st ul li {
1237
    display: inline-block;
1238
    margin-right: 6px;
1239
}
1240
 
1241
.post-st ul li:last-child {
1242
    margin-right: 0;
1243
}
1244
 
1245
.post-st ul li a {
1246
    color: #b2b2b2;
1247
    font-size: 16px;
1248
    display: inline-block;
1249
    background-color: #e5e5e5;
1250
    height: 40px;
1251
    padding: 0 15px;
1252
    line-height: 40px;
1253
    font-weight: 500;
1254
}
1255
 
1256
.post-st ul li a:hover,
1257
.post-st ul li a.active {
1258
    background-color: #e44d3a;
1259
    color: #fff;
1260
}
1261
 
1262
/* ================ posts-section ================== */
1263
 
1264
.posts-section {
1265
    float: left;
1266
    width: 100%;
1267
}
1268
 
1269
.reviewtext {
1270
    margin: 0 -20px;
1271
}
1272
 
1273
.reviewtext p {
1274
    padding-left: 20px;
1275
}
1276
 
1277
.post-bar {
2812 stevensc 1278
    display: flex;
1279
    flex-direction: column;
1280
    align-items: flex-start;
1281
    padding: 24px 36px;
1282
    gap: 22px;
1239 steven 1283
    width: 100%;
2812 stevensc 1284
    height: 100%;
1239 steven 1285
    background-color: #fff;
1477 steven 1286
    border-radius: 10px;
2812 stevensc 1287
    border-bottom: solid 1px var(--border-light-gray);
1288
    border-top: solid 1px var(--border-light-gray);
1289
    box-shadow: 0px 4px 35px rgba(0, 0, 0, 0.12);
1239 steven 1290
}
1291
 
1292
.shared-post-bar {
1293
    margin-top: 1rem;
1294
}
1295
 
1296
.shared-post-bar .post-bar {
2842 stevensc 1297
    display: flex;
1298
    flex-direction: column;
1299
    align-items: flex-start;
1300
    padding: 24px 36px;
1301
    gap: 0;
1302
    width: 100%;
1303
    height: 100%;
1304
    border-radius: 10px;
1305
    border-bottom: solid 1px var(--border-light-gray);
1306
    border-top: solid 1px var(--border-light-gray);
1307
    box-shadow: 0px 14px 14px -2px rgb(0 0 0 / 12%), 0px -14px 14px -2px rgb(0 0 0 / 12%);
1239 steven 1308
}
1309
 
1310
.post_topbar {
1311
    width: 100%;
1312
    position: relative;
2849 stevensc 1313
    display: flex;
1314
    justify-content: space-between;
1239 steven 1315
}
1316
 
2870 stevensc 1317
.badge {
1318
    top: 25% !important;
2882 stevensc 1319
    font-size: .7rem;
2870 stevensc 1320
}
1321
 
2849 stevensc 1322
.feed-options {
2851 stevensc 1323
    display: none;
1324
    position: absolute;
2854 stevensc 1325
    top: 36px;
1326
    right: 1rem;
3311 stevensc 1327
    z-index: 100;
2849 stevensc 1328
    height: fit-content;
2852 stevensc 1329
    padding: 1rem 2.5rem;
2849 stevensc 1330
    background-color: #ffffff;
2851 stevensc 1331
    border-radius: 10px;
1332
    border-start-end-radius: 0;
1333
    box-shadow: 0px 3px 14px -2px rgb(0 0 0 / 12%), 0px -3px 14px -2px rgb(0 0 0 / 12%);
2849 stevensc 1334
}
1335
 
2851 stevensc 1336
.feed-options.active {
1337
    display: block;
1338
}
1339
 
1340
.feed-options li .option-btn {
1341
    cursor: pointer;
1342
    color: #16283C;
1343
    width: 100%;
2852 stevensc 1344
    text-align: left;
1345
    transition: all .2s;
2851 stevensc 1346
}
1347
 
1348
.feed-options li .option-btn:hover {
1349
    font-weight: bold;
1350
}
1351
 
1239 steven 1352
.rep-post {
1353
    padding: 0;
1354
}
1355
 
1356
.usy-dt {
2260 stevensc 1357
    display: flex;
2839 stevensc 1358
    gap: .5rem;
1239 steven 1359
}
1360
 
1361
.usy-dt img {
1362
    border-radius: 100px;
1363
}
1364
 
1365
.ed-opts {
1366
    position: relative;
1367
}
1368
 
1369
.ed-opts>a {
1370
    color: #b2b2b2;
1371
    font-size: 24px;
1372
    position: relative;
1373
}
1374
 
1375
.ed-options {
1376
    position: absolute;
1377
    top: 100%;
1378
    right: 0;
1379
    width: 130px;
1380
    background-color: #fff;
1381
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.28);
1382
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.28);
1383
    -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.28);
1384
    -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.28);
1385
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.28);
1386
    padding: 20px;
1387
    visibility: hidden;
1388
    z-index: 5;
1389
}
1390
 
1391
.ed-options.active {
1392
    visibility: visible;
1393
}
1394
 
1395
.ed-options li {
1396
    float: left;
1397
    width: 100%;
1398
    margin-bottom: 15px;
1399
}
1400
 
1401
.ed-options li:last-child {
1402
    margin-bottom: 0;
1403
}
1404
 
1405
.ed-options li a {
1406
    color: #686868;
1407
    font-size: 14px;
1408
    font-weight: 600;
1409
}
1410
 
1411
.ed-opts>a:hover {
1412
    color: #e44d3a;
1413
}
1414
 
1415
.usy-name {
2839 stevensc 1416
    display: flex;
1417
    flex-direction: column;
1418
    justify-content: center;
1239 steven 1419
}
1420
 
1421
.usy-name h3 {
2839 stevensc 1422
    color: #626D7A;
1239 steven 1423
    font-size: 18px;
1424
    text-transform: capitalize;
1425
    font-weight: 600;
1426
}
1427
 
1428
.usy-name span {
2839 stevensc 1429
    color: #626D7A;
1239 steven 1430
    font-size: 14px;
1431
}
1432
 
1433
.usy-name img {
1434
    margin-top: 4px;
1435
    margin-right: 6px;
1436
}
1437
 
1438
.usy-name .bklink img {
1439
    margin-top: 1px;
1440
    margin-right: 6px;
1441
}
1442
 
1443
.epi2 i {
1444
    margin-right: 5px;
1445
}
1446
 
1447
#rewivewdata .review-lt {
1448
    float: left;
1449
    margin-top: 5px;
1450
    margin-bottom: 15px;
1451
}
1452
 
1453
.review-lt img {
1454
    margin-top: 1px;
1455
    margin-right: 6px;
1456
}
1457
 
1458
.bid-tab {
1459
    margin-bottom: 20px;
1460
}
1461
 
1462
.epi-sec {
1463
    float: left;
1464
    width: 100%;
1465
    padding: 0;
1466
}
1467
 
1468
.usy-name .bklink {
1469
    float: left;
1470
    margin-top: 5px !important;
1471
    margin-bottom: 15px;
1472
}
1473
 
1474
.descp {
1475
    float: left;
1476
    margin-top: 15px;
1477
    margin-bottom: 15px;
1478
}
1479
 
1480
.descp li {
1481
    display: inline-block;
1482
    margin-right: 15px;
1483
}
1484
 
1485
.descp li span {
1486
    color: #b2b2b2;
1487
    font-size: 14px;
1488
    float: left;
1489
}
1490
 
1491
.descp li img {
1492
    margin-right: 5px;
1493
}
1494
 
1495
.bk-links {
1496
    /* float: right; */
1497
}
1498
 
1499
.bk-links li {
1500
    display: inline-block;
1501
    margin-right: 7px;
1502
}
1503
 
1504
.bk-links li:last-child {
1505
    margin-right: 0;
1506
}
1507
 
1508
.bk-links li i {
1509
    color: #fff;
1510
    font-size: 24px;
1511
    width: 33px;
1512
    height: 30px;
1513
    padding-left: 0px;
1514
    background-color: #53d690;
1515
    text-align: center;
1516
    line-height: 30px;
1517
}
1518
 
1519
.bk-links li i.la-envelope {
1520
    background-color: #e44d3a;
1521
}
1522
 
1523
.bid_now {
1524
    color: #fff;
1525
    background-color: #51a5fb;
1526
    text-transform: capitalize;
1527
    display: inline-block;
1528
    height: 30px;
1529
    padding: 0 10px;
1530
    line-height: 30px;
1531
    position: relative;
1532
    top: -3px;
1533
}
1534
 
1535
.bid_now:hover {
1536
    color: #fff;
1537
}
1538
 
1539
/* ============== job_descp ============ */
1540
 
1541
.job_descp {
1542
    width: 100%;
2833 stevensc 1543
    margin: 1.2rem auto;
1239 steven 1544
}
1545
 
1546
.job_descp h3 {
1547
    color: #333;
1548
    font-size: 16px;
1549
    font-weight: 600;
1550
    /* margin-bottom: 15px; */
1551
}
1552
 
1553
.job-dt {
1554
    width: 100%;
1555
    margin-bottom: 22px;
1556
}
1557
 
1558
.job-dt li {
1559
    display: inline-block;
1560
    margin-right: 15px;
1561
}
1562
 
1563
.job-dt li a {
1564
    text-transform: capitalize;
1565
    padding: 5px 13px;
1566
    -webkit-border-radius: 30px;
1567
    -moz-border-radius: 30px;
1568
    -ms-border-radius: 30px;
1569
    -o-border-radius: 30px;
1570
    border-radius: 3px;
1571
    display: inline-block;
1572
    font-size: 14px;
1573
    font-weight: 500;
1574
}
1575
 
1576
.job-dt li span {
1577
    color: #333;
1578
    font-size: 16px;
1579
    font-weight: 600;
1580
}
1581
 
1582
.job_descp>p {
1583
    color: #666666;
1584
    font-size: 15px;
1585
    line-height: 24px;
1586
    margin-bottom: 20px;
1587
}
1588
 
1589
.job_descp>p a {
1590
    color: #e44d3a;
1591
    font-weight: 600;
1592
}
1593
 
1594
/* ============= skill-tags =========== */
1595
 
2586 stevensc 1596
.inmail_contacts {
1597
    max-height: 80vh;
1598
    display: grid;
1599
    grid-template-rows: auto 1fr;
1600
}
1601
 
1602
/* ============= skill-tags =========== */
1603
 
1239 steven 1604
.skill-tags {
1605
    /* float: left; */
1606
    width: 100%;
1607
    /* margin-bottom: 15px; */
1608
    display: flex;
1609
    align-items: center;
1610
    margin-top: 0.5rem;
1611
    flex-wrap: wrap;
2585 stevensc 1612
    gap: 0.5rem;
1239 steven 1613
}
1614
 
1615
.skill-tags li {
1616
    display: inline-block;
1617
    margin-right: 6px;
1618
    /* margin-bottom: 10px; */
1619
}
1620
 
1621
.skill-tags li a {
1622
    display: inline-block;
1623
    color: #b2b2b2;
1624
    font-size: 14px;
1625
    background-color: #f1f1f1;
1626
    -webkit-border-radius: 30px;
1627
    -moz-border-radius: 30px;
1628
    -ms-border-radius: 30px;
1629
    -o-border-radius: 30px;
1630
    border-radius: 30px;
1631
    padding: 7px 15px;
1632
    font-weight: 500;
1633
}
1634
 
1635
/* ========== job-status-bar ========== */
1636
 
1637
.job-status-bar {
1638
    width: 100%;
1639
}
1640
 
2834 stevensc 1641
.reactions-list {
2838 stevensc 1642
    width: 100%;
2833 stevensc 1643
    display: flex;
2834 stevensc 1644
    align-items: center;
2836 stevensc 1645
    gap: 1.5rem;
2837 stevensc 1646
    padding-bottom: 10px;
1647
    border-bottom: 1px solid #CDD2E1;
2833 stevensc 1648
}
1649
 
2835 stevensc 1650
.reactions-list li a,
1651
.reactions-list li button {
2837 stevensc 1652
    color: #626D7A;
1653
    font-size: 1rem;
2834 stevensc 1654
    font-weight: 500;
1655
}
1656
 
1239 steven 1657
.like-com {
2212 stevensc 1658
    width: 100%;
1659
    display: flex;
1660
    justify-content: space-around;
1661
    margin: 0;
1239 steven 1662
    /* margin-top: 20px; */
1663
}
1664
 
1665
.like-com li {
1666
    display: inline-block;
1667
    margin-right: 15px;
1668
}
1669
 
1670
.like-com li a {
1671
    color: #b2b2b2;
1672
    font-size: 14px;
1673
    font-weight: 500;
1674
    float: left;
1675
    margin-top: 6px;
1676
    margin-right: 5px;
1677
}
1678
 
1679
.like-com li a:hover {
1680
    color: #e44d3a;
1681
}
1682
 
1683
.like-com li a.active {
1684
    color: #e44d3a;
1685
}
1686
 
1687
.like-com li a i {
1688
    margin-right: 2px;
1689
    font-size: 14px;
1690
    position: relative;
1691
    top: 2px;
1692
}
1693
 
1694
.like-com li span {
1695
    color: #ffffff;
1696
    font-size: 13px;
1697
    width: 30px;
1698
    height: 30px;
1699
    background-color: #e44d3a;
1700
    line-height: 30px;
1701
    -webkit-border-radius: 30px;
1702
    -moz-border-radius: 30px;
1703
    -ms-border-radius: 30px;
1704
    -o-border-radius: 30px;
1705
    border-radius: 30px;
1706
    float: left;
1707
    text-align: center;
1708
    font-weight: 600;
1709
    margin-left: -25px;
1710
}
1711
 
1712
.like-com li .com {
1713
    position: relative;
1714
    top: -9px;
1715
}
1716
 
1717
.like-com li .com img {
1718
    margin-right: 10px;
1719
}
1720
 
1721
.job-status-bar>a {
1722
    /* float: right; */
1723
    color: #b2b2b2 !important;
1724
    font-size: 14px;
1725
    /* margin-top: 29px; */
1726
    cursor: pointer;
1727
}
1728
 
1729
.job-status-bar>a:hover {
1730
    color: #e44d3a !important;
1731
}
1732
 
1733
.job-status-bar>a i {
1734
    font-size: 14px;
1735
    margin-right: 7px;
1736
    position: relative;
1737
    top: 1px;
1738
}
1739
 
2548 stevensc 1740
 
1741
 
1239 steven 1742
/* ============= top-profiles ============ */
1743
 
1744
.top-profiles {
1745
    float: left;
1746
    width: 100%;
1747
    border: 1px solid #e5e5e5;
1748
    margin-bottom: 20px;
1749
}
1750
 
1751
.pf-hd {
1752
    float: left;
1753
    width: 100%;
1754
    border-bottom: 1px solid #e5e5e5;
1755
    padding: 20px 20px;
1756
    position: relative;
1757
}
1758
 
1759
.pf-hd h3 {
1760
    color: #000000;
1761
    font-size: 20px;
1762
    font-weight: 600;
1763
    text-transform: capitalize;
1764
    float: left;
1765
}
1766
 
1767
.pf-hd i {
1768
    position: absolute;
1769
    top: 50%;
1770
    -webkit-transform: translateY(-50%);
1771
    -moz-transform: translateY(-50%);
1772
    -ms-transform: translateY(-50%);
1773
    -o-transform: translateY(-50%);
1774
    transform: translateY(-50%);
1775
    right: 7px;
1776
    color: #b2b2b2;
1777
    font-size: 24px;
1778
}
1779
 
1780
/* ============== profiles-slider ============== */
1781
 
1782
.profiles-slider {
1783
    float: left;
1784
    width: 100%;
1785
    padding: 20px;
1786
}
1787
 
1788
.user-profy {
1789
    float: left;
1790
    width: 100%;
1791
    background-color: #fff;
1792
    text-align: center;
1793
    border-left: 1px solid #ececec;
1794
    border-bottom: 1px solid #ececec;
1795
    border-right: 1px solid #ececec;
1796
    -webkit-box-shadow: 0px 0.5px 0.2px rgba(0, 0, 0, 0.24);
1797
    -moz-box-shadow: 0px 0.5px 0.2px rgba(0, 0, 0, 0.24);
1798
    -ms-box-shadow: 0px 0.5px 0.2px rgba(0, 0, 0, 0.24);
1799
    -o-box-shadow: 0px 0.5px 0.2px rgba(0, 0, 0, 0.24);
1800
    box-shadow: 0px 0.5px 0.2px rgba(0, 0, 0, 0.24);
1801
    padding: 20px 0 0 0;
1802
}
1803
 
1804
.user-profy>img {
1805
    float: none;
1806
    margin-bottom: 6px;
1807
}
1808
 
1809
.user-profy h3 {
1810
    color: #000000;
1811
    font-size: 16px;
1812
    font-weight: 600;
1813
    text-transform: capitalize;
1814
    margin-bottom: 4px;
1815
}
1816
 
1817
.user-profy span {
1818
    color: #b2b2b2;
1819
    font-size: 14px;
1820
    font-weight: 500;
1821
    display: block;
1822
    margin-bottom: 15px;
1823
}
1824
 
1825
.user-profy ul {
1826
    float: left;
1827
    width: 100%;
1828
    margin-bottom: 15px;
1829
}
1830
 
1831
.user-profy ul li {
1832
    display: inline-block;
1833
}
1834
 
1835
.user-profy ul li a {
1836
    color: #ffffff;
1837
    font-size: 13px;
1838
    padding: 0 8px;
1839
    height: 25px;
1840
    line-height: 25px;
1841
    display: inline-block;
1842
    text-transform: capitalize;
1843
}
1844
 
1845
.followw {
1846
    background-color: #53d690;
1847
}
1848
 
1849
.envlp {
1850
    background-color: #e44d3a;
1851
}
1852
 
1853
.envlp img {
1854
    float: none;
1855
}
1856
 
1857
.hire {
1858
    background-color: #51a5fb;
1859
}
1860
 
1861
.user-profy>a {
1862
    float: left;
1863
    width: 100%;
1864
    color: #000000;
1865
    font-size: 14px;
1866
    text-transform: capitalize;
1867
    padding: 15px 0;
1868
    border-top: 1px solid #ececec;
1869
    font-weight: 600;
1870
}
1871
 
1872
.user-profy>a:hover {
1873
    background-color: #e44d3a;
1874
    color: #fff;
1875
}
1876
 
1877
.slick-slide img {
1878
    display: inline-block;
1879
}
1880
 
1881
.slick-slide {
1882
    margin: 0 4px;
1883
}
1884
 
1885
.envlp img {
1886
    position: relative;
1887
    top: 2px;
1888
}
1889
 
1890
.no-margin {
1891
    margin: 0;
1892
    border: 0;
1893
    -webkit-border-radius: inherit;
1894
    -moz-border-radius: inherit;
1895
    -ms-border-radius: inherit;
1896
    -o-border-radius: inherit;
1897
    border-radius: inherit;
1898
}
1899
 
1900
.posty {
1901
    float: left;
1902
    width: 100%;
1903
    border-left: 1px solid #e4e4e4;
1904
    border-right: 1px solid #e4e4e4;
1905
}
1906
 
1907
.posty .job-status-bar {
1908
    border-bottom: 1px solid #e4e4e4;
1909
    padding-bottom: 20px;
1910
}
1911
 
1912
.slick-previous:before {
1913
    left: -14px;
1914
    content: "\f104";
1915
    margin-left: -2px;
1916
}
1917
 
1918
.slick-nexti:before {
1919
    right: -14px;
1920
    content: "\f105";
1921
    padding-left: 3px;
1922
}
1923
 
1924
.slick-previous:before,
1925
.slick-nexti:before {
1926
    font-size: 24px;
1927
    color: #b7b7b7;
1928
    position: absolute;
1929
    top: 50%;
1930
    line-height: 27px;
1931
    -webkit-transform: translateY(-50%);
1932
    -moz-transform: translateY(-50%);
1933
    -ms-transform: translateY(-50%);
1934
    -o-transform: translateY(-50%);
1935
    transform: translateY(-50%);
1936
    font-family: fontawesome;
1937
    width: 30px;
1938
    height: 30px;
1939
    background-color: #fff;
1940
    -webkit-border-radius: 100px;
1941
    -moz-border-radius: 100px;
1942
    -ms-border-radius: 100px;
1943
    -o-border-radius: 100px;
1944
    border-radius: 100px;
1945
    border: 1px solid #e6e6e6;
1946
    text-align: center;
1947
    cursor: pointer;
1948
}
1949
 
1950
.slick-previous:hover:before,
1951
.slick-nexti:hover:before {
1952
    background-color: #e44d3a;
1953
    color: #fff;
1954
    border-color: transparent;
1955
}
1956
 
1957
/* =============== comment-section ============== */
1958
 
1959
.comment-section {
1960
    float: left;
1961
    width: 100%;
1962
    background-color: #fff;
1963
    padding: 20px;
1964
    box-shadow: 0px 3px #e4e4e4;
1965
    margin-top: 1rem;
1966
}
1967
 
1968
.plus-ic {
1969
    float: left;
1970
    width: 100%;
1971
    text-align: center;
1972
    margin-bottom: 20px;
1973
}
1974
 
1975
.plus-ic i {
1976
    width: 30px;
1977
    height: 30px;
1978
    line-height: 30px;
1979
    border: 1px solid #d2d2d2;
1980
    text-align: center;
1981
    color: #b2b2b2;
1982
    -webkit-border-radius: 100px;
1983
    -moz-border-radius: 100px;
1984
    -ms-border-radius: 100px;
1985
    -o-border-radius: 100px;
1986
    border-radius: 100px;
1987
}
1988
 
1989
/* =============== comment-sec ================ */
1990
 
1991
.comment-sec {
1992
    float: left;
1993
    width: 100%;
1994
}
1995
 
1996
.comment-sec ul {
1997
    float: left;
1998
    width: 100%;
1999
}
2000
 
2001
.comment-sec ul li {
2002
    float: left;
2003
    width: 100%;
2004
}
2005
 
2006
.comment-sec ul ul {
2007
    padding-left: 50px;
2008
}
2009
 
2010
.comment-list {
2011
    display: table;
2012
    /* padding-bottom: 30px; */
2013
}
2014
 
2015
.bg-img {
2016
    display: table-cell;
2017
}
2018
 
2019
.bg-img img {
2020
    -webkit-border-radius: 100px;
2021
    -moz-border-radius: 100px;
2022
    -ms-border-radius: 100px;
2023
    -o-border-radius: 100px;
2024
    border-radius: 100px;
2025
}
2026
 
2027
.comment {
2028
    display: table-cell;
2029
    vertical-align: top;
2030
    width: 100%;
2031
    padding-left: 10px;
2032
}
2033
 
2034
.comment h3 {
2035
    color: #000000;
2036
    font-size: 16px;
2037
    font-weight: 600;
2038
    margin-bottom: 10px;
2039
}
2040
 
2041
.comment img {
2042
    /* position: relative; top: 2px; margin-right: 5px; */
2043
}
2044
 
2045
.comment span {
2046
    color: #b2b2b2;
2047
    font-size: 14px;
2048
    display: block;
2049
    margin-bottom: 14px;
2050
}
2051
 
2052
.comment p {
2053
    color: #686868;
2054
    font-size: 14px;
2055
    margin-bottom: 10px;
2056
    line-height: 20px;
2057
}
2058
 
2059
.comment>a {
2060
    display: inline-block;
2061
    color: #b2b2b2;
2062
    font-size: 14px;
2063
    font-weight: 600;
2064
}
2065
 
2066
.comment>a.active,
2067
.comment>a:hover {
2068
    color: #e44d3a;
2069
}
2070
 
2071
.comment>a i {
2072
    font-weight: 600;
2073
    margin-right: 6px;
2074
}
2075
 
2076
/* =============== post-comment ============= */
2077
 
2078
.post-comment {
2079
    float: left;
2080
    width: 100%;
2081
}
2082
 
2083
.cm_img {
2084
    float: left;
2085
    width: 40px;
2086
    margin-right: 10px;
2087
}
2088
 
2089
.comment_box {
2090
    float: none;
2091
}
2092
 
2093
.comment_box input {
2094
    width: 372px;
2095
    height: 40px;
2096
    border: 1px solid #e5e5e5;
2097
    background-color: #efefef;
2098
    padding-left: 10px;
2099
    color: #b2b2b2;
2100
    font-size: 14px;
2101
    font-weight: 600;
2102
    line-height: 40px;
2103
    resize: none;
2104
}
2105
 
2561 stevensc 2106
.no_results {
2107
    display: grid;
2108
    place-items: center;
2562 stevensc 2109
    min-height: 200px;
2561 stevensc 2110
}
2111
 
2112
.no_results h2 {
2113
    font-weight: 700;
2114
}
2115
 
2548 stevensc 2116
.chatboxinput {
2117
    background: rgb(249, 249, 249);
2118
    display: flex;
2119
    justify-content: space-between;
2561 stevensc 2120
    padding: .5rem 1rem;
2121
    position: relative;
2122
    align-items: center;
2548 stevensc 2123
}
2124
 
2561 stevensc 2125
.chatboxinput .drupalchat_searchinput {
2126
    border-radius: 21px;
2127
    border: none;
2128
    height: 25px;
2129
    background: var(--background-light-gray);
2130
    box-shadow: 0 0 3px var(--gray);
2131
    width: 100%;
2132
    padding: 5px .5rem;
2133
}
2134
 
2135
.chatboxinput .searchbutton {
2136
    height: 30px;
2137
    width: 30px;
2138
    border: none;
2139
    position: absolute;
2140
    z-index: 153;
2141
    top: 50%;
2142
    color: #000;
2143
    right: .5rem;
2144
    transform: translateY(-25%);
2145
}
2146
 
2548 stevensc 2147
.chatboxinput button {
2148
    position: relative;
2149
    font-weight: 700;
2550 stevensc 2150
    padding-bottom: 2px;
2548 stevensc 2151
}
2152
 
2153
.chatboxinput button.active::before {
2154
    content: '';
2155
    position: absolute;
2156
    top: 100%;
2157
    width: 100%;
2550 stevensc 2158
    height: 3px;
2549 stevensc 2159
    background: var(--border-light-gray);
2548 stevensc 2160
}
2161
 
2197 stevensc 2162
.chat-title {
1948 steven 2163
    font-size: 1.3rem;
2164
}
2165
 
1239 steven 2166
.comment_box form button {
2167
    float: right;
2168
    color: #fff;
2169
    background-color: #e44d3a;
2170
    height: 40px;
2171
    padding: 0 10px;
2172
    text-align: center;
2173
    font-size: 14px;
2174
    border: 0;
2175
    margin-left: 10px;
2176
    cursor: pointer;
2177
    font-weight: 600;
2178
}
2179
 
2180
/* ============== process-comm ============= */
2181
 
2182
.process-comm {
2183
    float: left;
2184
    width: 100%;
2185
    text-align: center;
2186
    padding-top: 40px;
2187
}
2188
 
2189
.process-comm img {
2190
    float: none;
2191
}
2192
 
2193
/* =============== right-sidebar ============= */
2194
 
2195
.right-sidebar {
2196
    float: left;
2376 stevensc 2197
    display: none;
1239 steven 2198
    width: 100%;
2576 stevensc 2199
    margin-top: 30px;
1239 steven 2200
}
2201
 
2430 stevensc 2202
@media (min-width: 1024px) {
2376 stevensc 2203
    .right-sidebar {
2204
        display: block;
2205
    }
2206
}
2207
 
1239 steven 2208
.widget {
2209
    width: 100%;
2210
    background-color: #fff;
2211
    margin-bottom: 20px;
2212
}
2213
 
2214
.widget-about {
2215
    text-align: center;
2216
}
2217
 
2218
.widget-about img {
2219
    float: none;
2220
    padding-top: 20px;
2221
}
2222
 
2223
.widget-about h3 {
2224
    color: #000000;
2225
    font-size: 20px;
2226
    font-weight: 600;
2227
    margin-bottom: 12px;
2228
}
2229
 
2230
.widget-about span {
2231
    color: #686868;
2232
    font-size: 14px;
2233
    margin-bottom: 30px;
2234
    float: left;
2235
    width: 100%;
2236
}
2237
 
2238
.sign_link {
2239
    float: left;
2240
    width: 100%;
2241
    /* border-top: 1px solid #e5e5e5; */
2242
    padding: 18px 0 0 0;
2243
}
2244
 
2245
.sign_link h3 {
2246
    color: #000000;
2247
    font-size: 18px;
2248
    font-weight: 600;
2249
    margin-bottom: 5px;
2250
    text-transform: uppercase;
2251
}
2252
 
2253
.sign_link h3 a {
2254
    color: #000;
2255
}
2256
 
2257
.sign_link>a {
2258
    display: inline-block;
2259
    color: #e44d3a;
2260
    font-size: 14px;
2261
    font-weight: 500;
2262
}
2263
 
2264
.sign_link>a:hover {
2265
    color: #e44d3a;
2266
}
2267
 
2268
/* ============== Widget Jobs ============ */
2269
 
2270
.jobs-list {
2271
    float: left;
2272
    width: 100%;
2273
    padding: 20px 20px;
2274
}
2275
 
2276
.job-info {
2277
    float: left;
2278
    width: 100%;
2279
    margin-bottom: 22px;
2280
}
2281
 
2282
.job-info:last-child {
2283
    margin-bottom: 0;
2284
}
2285
 
2286
.job-details {
2287
    float: left;
2288
    width: 165px;
2289
}
2290
 
2291
.job-details h3 {
2292
    color: #000000;
2293
    font-size: 14px;
2294
    font-weight: 600;
2295
    margin-bottom: 10px;
2296
}
2297
 
2298
.job-details p {
2299
    color: #686868;
2300
    font-size: 14px;
2301
    line-height: 20px;
2302
}
2303
 
2304
.hr-rate {
2305
    float: right;
2306
    width: 40px;
2307
}
2308
 
2309
.hr-rate span {
2310
    color: #000000;
2311
    font-size: 14px;
2312
    font-weight: 600;
2313
    float: right;
2314
}
2315
 
2316
/* ================ post-project-popup =============== */
2317
 
2318
.post-popup {
2319
    width: 570px;
2320
    margin: 0 auto;
2321
    position: fixed;
2322
    top: 50%;
2323
    left: 50%;
2324
    -webkit-transform: translateX(-50%) translateY(-50%) scale(0.65);
2325
    -moz-transform: translateX(-50%) translateY(-50%) scale(0.65);
2326
    -ms-transform: translateX(-50%) translateY(-50%) scale(0.65);
2327
    -o-transform: translateX(-50%) translateY(-50%) scale(0.65);
2328
    transform: translateX(-50%) translateY(-50%) scale(0.65);
2329
    opacity: 0;
2330
    visibility: hidden;
2331
    z-index: 0;
2332
}
2333
 
2334
.post-popup.active {
2335
    opacity: 1;
2336
    visibility: visible;
2337
    z-index: 999;
2338
    transform: scale(1) translateX(-50%) translateY(-50%);
2339
}
2340
 
2341
.post-project>a {
2342
    position: absolute;
2343
    top: -20px;
2344
    right: -20px;
2345
    color: #fff;
2346
    font-size: 22px;
2347
    cursor: pointer;
2348
}
2349
 
2350
.post-project>a:hover {
2351
    color: #fff;
2352
}
2353
 
2354
.post-project {
2355
    float: left;
2356
    width: 100%;
2357
    position: relative;
2358
}
2359
 
2360
.post-project h3 {
2361
    float: left;
2362
    width: 100%;
2363
    background-color: #e44d3a;
2364
    color: #fff;
2365
    text-align: center;
2366
    font-size: 18px;
2367
    font-weight: 500;
2368
    padding: 20px 0;
2369
}
2370
 
2371
.post-project-fields {
2372
    float: left;
2373
    width: 100%;
2374
    padding: 30px 20px;
2375
    background-color: #fff;
2376
}
2377
 
2378
.post-project-fields form {
2379
    float: left;
2380
    width: 100%;
2381
}
2382
 
2383
.post-project-fields form input {
2384
    padding: 0 15px;
2385
    height: 40px;
2386
}
2387
 
2388
.post-project-fields form textarea {
2389
    padding: 15px;
2390
    height: 130px;
2391
}
2392
 
2393
.post-project-fields form input,
2394
.post-project-fields form textarea,
2395
.post-project-fields form select {
2396
    width: 100%;
2397
    color: #b2b2b2;
2398
    font-size: 14px;
2399
    border: 1px solid #e5e5e5;
2400
    margin-bottom: 20px;
2401
    font-weight: 500;
2402
}
2403
 
2404
.post-project-fields form select {
2405
    height: 40px;
2406
    padding: 0 10px;
2407
}
2408
 
2409
.post-project-fields form ul {
2410
    float: left;
2411
    margin-top: 10px;
2412
    width: 100%;
2413
}
2414
 
2415
.post-project-fields form ul li {
2416
    display: inline-block;
2417
    margin-right: 15px;
2418
}
2419
 
2420
.post-project-fields form ul li button.active {
2421
    background-color: #e44d3a;
2422
    color: #fff;
2423
}
2424
 
2425
.post-project-fields form ul li button,
2426
.post-project-fields form ul li a {
2427
    color: #000000;
2428
    font-size: 16px;
2429
    border: 1px solid #e5e5e5;
2430
    padding: 10px 25px;
2431
    display: inline-block;
2432
    background-color: #fff;
2433
    font-weight: 600;
2434
    cursor: pointer;
2435
}
2436
 
2437
.post-project-fields form ul li button:hover,
2438
.post-project-fields form ul li a:hover {
2439
    background-color: #e44d3a;
2440
    color: #fff;
2441
}
2442
 
2443
::-webkit-input-placeholder {
2444
    /* Chrome/Opera/Safari */
2445
    color: #b2b2b2;
2446
}
2447
 
2448
::-moz-placeholder {
2449
    /* Firefox 19+ */
2450
    color: #b2b2b2;
2451
}
2452
 
2453
:-ms-input-placeholder {
2454
    /* IE 10+ */
2455
    color: #b2b2b2;
2456
}
2457
 
2458
:-moz-placeholder {
2459
    /* Firefox 18- */
2460
    color: #b2b2b2;
2461
}
2462
 
2463
.price-sec {
2464
    float: left;
2465
    width: 100%;
2466
}
2467
 
2468
.price-br {
2469
    float: left;
2470
    width: 225px !important;
2471
    position: relative;
2472
}
2473
 
2474
.price-br>i {
2475
    position: absolute;
2476
    top: 0;
2477
    right: 0;
2478
    color: #b2b2b2;
2479
    font-size: 18px;
2480
    width: 40px;
2481
    height: 40px;
2482
    line-height: 40px;
2483
    border-left: 1px solid #e5e5e5;
2484
    text-align: center;
2485
}
2486
 
2487
.price-sec span {
2488
    color: #b2b2b2;
2489
    font-size: 14px;
2490
    float: left;
2491
    padding: 12px 17px 0 17px;
2492
}
2493
 
2494
select {
2495
    -webkit-appearance: none;
2496
    -moz-appearance: none;
2497
}
2498
 
2499
.inp-field {
2500
    float: left;
2501
    width: 100%;
2502
    position: relative;
2503
}
2504
 
2505
.inp-field:before {
2506
    content: "\f107";
2507
    position: absolute;
2508
    top: 13px;
2509
    right: 15px;
2510
    color: #717171;
2511
    font-family: fontawesome;
2512
}
2513
 
2514
.post-popup.job_post .price-br {
2515
    width: 100% !important;
2516
}
2517
 
2518
/* ================= sign-in ================ */
2519
 
2520
.sign-in {
2521
    background-color: #e75348;
2522
}
2523
 
2524
.sign-in-page {
2525
    float: left;
2526
    width: 100%;
2527
    padding: 100px 0 20px 0;
2528
}
2529
 
2530
.signin-popup {
2531
    margin: 0 auto;
2532
    position: relative;
2533
}
2534
 
2535
.signin-popup:before {
2536
    content: "";
2537
    position: absolute;
2538
    top: -16px;
2539
    left: 56px;
2540
    width: 30px;
2541
    height: 30px;
2542
    background-color: #fff;
2543
    -webkit-border-radius: 100px;
2544
    -moz-border-radius: 100px;
2545
    -ms-border-radius: 100px;
2546
    -o-border-radius: 100px;
2547
    border-radius: 100px;
2548
}
2549
 
2550
.signin-popup:after {
2551
    content: "";
2552
    position: absolute;
2553
    top: -37px;
2554
    left: 43px;
2555
    width: 20px;
2556
    height: 20px;
2557
    background-color: #fff;
2558
    -webkit-border-radius: 100px;
2559
    -moz-border-radius: 100px;
2560
    -ms-border-radius: 100px;
2561
    -o-border-radius: 100px;
2562
    border-radius: 100px;
2563
}
2564
 
2565
.signin-pop {
2566
    float: left;
2567
    width: 100%;
2568
    background-color: #fff;
2569
    position: relative;
2570
}
2571
 
2572
.signin-pop:before {
2573
    content: "";
2574
    position: absolute;
2575
    top: 0;
2576
    left: 50%;
2577
    -webkit-transform: translateX(-50%);
2578
    -moz-transform: translateX(-50%);
2579
    -ms-transform: translateX(-50%);
2580
    -o-transform: translateX(-50%);
2581
    transform: translateX(-50%);
2582
    height: 100%;
2583
    width: 1px;
2584
    background-color: #f0f0f0;
2585
}
2586
 
2587
.dff-tab {
2588
    display: none;
2589
}
2590
 
2591
.dff-tab.current {
2592
    display: block;
2593
}
2594
 
2595
.cmp-info {
2596
    float: left;
2597
    width: 100%;
2598
    padding: 70px 5px 92px 5px;
2599
}
2600
 
2601
.cm-logo {
2602
    float: left;
2603
    width: 100%;
2604
    padding-left: 45px;
2605
    margin-bottom: 120px;
2606
}
2607
 
2608
.cm-logo img {
2609
    margin-bottom: 30px;
2610
}
2611
 
2612
.cm-logo>p {
2613
    color: #666666;
2614
    font-size: 14px;
2615
    font-weight: 400;
2616
    line-height: 24px;
2617
    float: left;
2618
    width: 100%;
2619
}
2620
 
2621
.cmp-info>img {
2622
    width: 100%;
2623
    padding-left: 10px;
2624
}
2625
 
2626
/* =============== login-sec ============= */
2627
 
2628
.login-sec {
2629
    float: left;
2630
    width: 100%;
2631
    padding: 30px 0;
2632
    position: relative;
2633
}
2634
 
2635
.login-sec:before {
2636
    content: "";
2637
    position: absolute;
2638
    bottom: -15px;
2639
    right: 70px;
2640
    width: 30px;
2641
    height: 30px;
2642
    -webkit-border-radius: 100px;
2643
    -moz-border-radius: 100px;
2644
    -ms-border-radius: 100px;
2645
    -o-border-radius: 100px;
2646
    border-radius: 100px;
2647
    background-color: #fff;
2648
}
2649
 
2650
.login-sec:after {
2651
    content: "";
2652
    position: absolute;
2653
    bottom: -40px;
2654
    right: 55px;
2655
    width: 20px;
2656
    height: 20px;
2657
    -webkit-border-radius: 100px;
2658
    -moz-border-radius: 100px;
2659
    -ms-border-radius: 100px;
2660
    -o-border-radius: 100px;
2661
    border-radius: 100px;
2662
    background-color: #fff;
2663
}
2664
 
2665
.sign-control {
2666
    float: left;
2667
    width: 100%;
2668
    text-align: right;
2669
    padding-right: 50px;
2670
    margin-bottom: 70px;
2671
}
2672
 
2673
.sign-control li {
2674
    display: inline-block;
2675
    margin-right: 0.5rem;
2676
}
2677
 
2678
.sign-control li a {
2679
    color: #000000;
2680
    font-size: 14px;
2681
    font-weight: 500;
2682
    background-color: #e5e5e5;
2683
    padding: 7px 10px;
2684
    display: inline-block;
2685
    /* -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; -ms-border-radius: 4px 0 0 4px; -o-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; */
2686
}
2687
 
2688
.sign-control li:last-child a {
2689
    /* -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; -ms-border-radius: 0 4px 4px 0; -o-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; */
2690
}
2691
 
2692
.sign-control li.current a {
2693
    background-color: #e44d3a;
2694
    color: #fff;
2695
}
2696
 
2697
.sign_in_sec {
2698
    float: left;
2699
    width: 100%;
2700
    padding-right: 75px;
2701
    padding-left: 60px;
2702
    display: none;
2703
}
2704
 
2705
.sign_in_sec.current {
2706
    display: block;
2707
}
2708
 
2709
.sign_in_sec h3 {
2710
    color: #000000;
2711
    font-size: 18px;
2712
    font-weight: 600;
2713
    position: relative;
2714
    padding-bottom: 10px;
2715
    margin-bottom: 30px;
2716
}
2717
 
2718
.sign_in_sec h3:before {
2719
    content: "";
2720
    position: absolute;
2721
    bottom: 0;
2722
    left: 0;
2723
    width: 30px;
2724
    height: 2px;
2725
    background-color: #e44d3a;
2726
}
2727
 
2728
/* ============= sign_in_sec ============= */
2729
 
2730
.sign_in_sec form {
2731
    float: left;
2732
    width: 100%;
2733
}
2734
 
2735
.inputContainer {
2736
    margin-bottom: 20px;
2737
}
2738
 
2739
.sn-field {
2740
    /* float: left; */
2741
    width: 100%;
2742
    position: relative;
2743
}
2744
 
2745
.sn-field.pd-more {
2746
    margin-bottom: 0;
2747
}
2748
 
2749
.sn-field.pd-more input {
2750
    padding-left: 40px;
2751
}
2752
 
2753
.sn-field>i {
2754
    position: absolute;
2755
    top: 50%;
2756
    left: 15px;
2757
    color: #666666;
2758
    font-size: 16px;
2759
    -webkit-transform: translateY(-50%);
2760
    -moz-transform: translateY(-50%);
2761
    -ms-transform: translateY(-50%);
2762
    -o-transform: translateY(-50%);
2763
    transform: translateY(-50%);
2764
}
2765
 
2766
.sn-field>span {
2767
    position: absolute;
2768
    top: 50%;
2769
    right: 15px;
2770
    font-weight: 700;
2771
    color: #666666;
2772
    font-size: 15px;
2773
    -webkit-transform: translateY(-50%);
2774
    -moz-transform: translateY(-50%);
2775
    -ms-transform: translateY(-50%);
2776
    -o-transform: translateY(-50%);
2777
    transform: translateY(-50%);
2778
}
2779
 
2780
.sign_in_sec form input {
2781
    height: 40px;
2782
}
2783
 
2784
.sign_in_sec form input,
2785
.sign_in_sec form select {
2786
    width: 100%;
2787
    padding: 0 15px 0 40px;
2788
    color: #b2b2b2;
2789
    font-size: 14px;
2790
    border: 1px solid #e5e5e5;
2791
}
2792
 
2793
.sign_in_sec form select {
2794
    line-height: 40px;
2795
    height: 40px;
2796
}
2797
 
2798
.sign_in_sec form button {
2799
    color: #ffffff;
2800
    font-size: 16px;
2801
    background-color: #e44d3a;
2802
    padding: 12px 27px;
2803
    border: 0;
2804
    font-weight: 500;
2805
    margin-top: 30px;
2806
    cursor: pointer;
2807
}
2808
 
2809
.sign_in_sec_button {
2810
    color: #ffffff;
2811
    font-size: 16px;
2812
    background-color: #66a7dd;
2813
    padding: 12px 27px;
2814
    border: 0;
2815
    font-weight: 500;
2816
    margin-top: 30px;
2817
    cursor: pointer;
2818
}
2819
 
2820
.checky-sec {
2821
    /* float: left; */
2822
    width: 100%;
2823
    margin-top: 10px;
2824
}
2825
 
2826
.checky-sec.st2 small {
2827
    font-size: 13px;
2828
    width: 90%;
2829
    line-height: 20px;
2830
}
2831
 
2832
.checky-sec.st2 .fgt-sec input[type="checkbox"]+label span {
2833
    margin-top: 3px;
2834
}
2835
 
2836
.fgt-sec {
2837
    /* float: left; */
2838
}
2839
 
2840
.fgt-sec * {
2841
    cursor: pointer;
2842
}
2843
 
2844
.fgt-sec input[type="checkbox"] {
2845
    display: none;
2846
}
2847
 
2848
.fgt-sec label {
2849
    float: left;
2850
}
2851
 
2852
.fgt-sec input[type="checkbox"]+label span {
2853
    display: inline-block;
2854
    width: 15px;
2855
    height: 15px;
2856
    position: relative;
2857
    border: 1px solid #d2d2d2;
2858
    -webkit-border-radius: 100px;
2859
    -moz-border-radius: 100px;
2860
    -ms-border-radius: 100px;
2861
    -o-border-radius: 100px;
2862
    border-radius: 100px;
2863
}
2864
 
2865
.fgt-sec input[type="checkbox"]+label span:before {
2866
    content: "";
2867
    width: 7px;
2868
    height: 7px;
2869
    -webkit-border-radius: 100px;
2870
    -moz-border-radius: 100px;
2871
    -ms-border-radius: 100px;
2872
    -o-border-radius: 100px;
2873
    border-radius: 100px;
2874
    font-size: 8px;
2875
    color: #ffffff;
2876
    opacity: 0;
2877
    visibility: hidden;
2878
    background-color: #e44d3a;
2879
    position: absolute;
2880
    font-family: fontawesome;
2881
    top: 50%;
2882
    left: 50%;
2883
    -webkit-transform: translateX(-50%) translateY(-50%);
2884
    -moz-transform: translateX(-50%) translateY(-50%);
2885
    -ms-transform: translateX(-50%) translateY(-50%);
2886
    -o-transform: translateX(-50%) translateY(-50%);
2887
    transform: translateX(-50%) translateY(-50%);
2888
}
2889
 
2890
.fgt-sec input[type="checkbox"]:checked+label span:before {
2891
    opacity: 1;
2892
    visibility: visible;
2893
}
2894
 
2895
.fgt-sec small {
2896
    /* float: left; */
2897
    color: #000000;
2898
    font-size: 14px;
2899
    font-weight: 500;
2900
    padding-left: 10px;
2901
}
2902
 
2903
.checky-sec>a {
2904
    float: right;
2905
    color: #000000;
2906
    font-size: 14px;
2907
    font-weight: 500;
2908
}
2909
 
2910
/* ======= Radio Button Styles ======= */
2911
 
2912
.fgt-sec input[type="radio"] {
2913
    display: none;
2914
}
2915
 
2916
.fgt-sec label {
2917
    float: left;
2918
}
2919
 
2920
.fgt-sec input[type="radio"]+label span {
2921
    display: inline-block;
2922
    width: 15px;
2923
    height: 15px;
2924
    position: relative;
2925
    border: 1px solid #d2d2d2;
2926
    -webkit-border-radius: 100px;
2927
    -moz-border-radius: 100px;
2928
    -ms-border-radius: 100px;
2929
    -o-border-radius: 100px;
2930
    border-radius: 100px;
2931
}
2932
 
2933
.fgt-sec input[type="radio"]+label span:before {
2934
    content: "";
2935
    width: 7px;
2936
    height: 7px;
2937
    -webkit-border-radius: 100px;
2938
    -moz-border-radius: 100px;
2939
    -ms-border-radius: 100px;
2940
    -o-border-radius: 100px;
2941
    border-radius: 100px;
2942
    font-size: 8px;
2943
    color: #ffffff;
2944
    opacity: 0;
2945
    visibility: hidden;
2946
    background-color: #e44d3a;
2947
    position: absolute;
2948
    font-family: fontawesome;
2949
    top: 49%;
2950
    left: 49%;
2951
    -webkit-transform: translateX(-50%) translateY(-50%);
2952
    -moz-transform: translateX(-50%) translateY(-50%);
2953
    -ms-transform: translateX(-50%) translateY(-50%);
2954
    -o-transform: translateX(-50%) translateY(-50%);
2955
    transform: translateX(-50%) translateY(-50%);
2956
}
2957
 
2958
.fgt-sec input[type="radio"]:checked+label span:before {
2959
    opacity: 1;
2960
    visibility: visible;
2961
}
2962
 
2963
/* =============== signup-tab ============== */
2964
 
2965
.signup-tab {
2966
    float: left;
2967
    width: 100%;
2968
    border: 1px solid #e5e5e5;
2969
    text-align: center;
2970
    padding: 15px 0;
2971
    margin-bottom: 20px;
2972
    position: relative;
2973
    margin-top: -30px;
2974
}
2975
 
2976
.signup-tab>i {
2977
    position: absolute;
2978
    top: 15px;
2979
    left: 13px;
2980
    color: #000;
2981
    font-size: 14px;
2982
}
2983
 
2984
.signup-tab h2 {
2985
    color: #000000;
2986
    font-size: 14px;
2987
    font-weight: 500;
2988
    margin-bottom: 15px;
2989
}
2990
 
2991
.signup-tab ul {
2992
    float: left;
2993
    width: 100%;
2994
}
2995
 
2996
.signup-tab ul li {
2997
    display: inline-block;
2998
    margin-right: -4px;
2999
}
3000
 
3001
.signup-tab ul li a {
3002
    color: #000000;
3003
    font-size: 14px;
3004
    font-weight: 500;
3005
    background-color: #e5e5e5;
3006
    padding: 10px 15px;
3007
    -webkit-border-radius: 3px 0px 0px 3px;
3008
    -moz-border-radius: 3px 0px 0px 3px;
3009
    -ms-border-radius: 3px 0px 0px 3px;
3010
    -o-border-radius: 3px 0px 0px 3px;
3011
    border-radius: 3px 0px 0px 3px;
3012
    display: inline-block;
3013
}
3014
 
3015
.signup-tab ul li.current a {
3016
    background-color: #e44d3a;
3017
    color: #fff;
3018
}
3019
 
3020
.signup-tab ul li:last-child a {
3021
    -webkit-border-radius: 0px 3px 3px 0px;
3022
    -moz-border-radius: 0px 3px 3px 0px;
3023
    -ms-border-radius: 0px 3px 3px 0px;
3024
    -o-border-radius: 0px 3px 3px 0px;
3025
    border-radius: 0px 3px 3px 0px;
3026
}
3027
 
3028
/* ============ login-resources ============= */
3029
 
3030
.login-resources {
3031
    float: left;
3032
    width: 100%;
3033
    text-align: center;
3034
    margin-top: 27px;
3035
}
3036
 
3037
.login-resources h4 {
3038
    color: #000000;
3039
    font-size: 14px;
3040
    font-weight: 600;
3041
    margin-bottom: 30px;
3042
    text-transform: uppercase;
3043
}
3044
 
3045
.login-resources ul {
3046
    float: left;
3047
    width: 100%;
3048
}
3049
 
3050
.login-resources ul li {
3051
    float: left;
3052
    width: 100%;
3053
    margin-bottom: 20px;
3054
}
3055
 
3056
.login-resources ul li a {
3057
    color: #ffffff;
3058
    font-size: 15px;
3059
    font-weight: 500;
3060
    float: left;
3061
    width: 100%;
3062
    padding: 10px 0;
3063
}
3064
 
3065
.login-resources ul li a i {
3066
    margin-right: 15px;
3067
}
3068
 
3069
.fb {
3070
    background-color: #3b5998;
3071
}
3072
 
3073
.tw {
3074
    background-color: #4099ff;
3075
}
3076
 
3077
.tw .fa-twitter {
3078
    color: #fff;
3079
}
3080
 
3081
/* =============== footy-sec ============= */
3082
 
3083
.footy-sec {
3084
    width: 100%;
3432 stevensc 3085
    padding: 50px 0 80px;
1239 steven 3086
}
3087
 
3088
.footy-sec ul {
3089
    float: left;
3090
    margin-top: 5px;
3091
}
3092
 
3093
.footy-sec ul li {
3094
    display: inline-block;
3095
    padding: 0 10px;
3096
    border-right: 1px solid #ffffff;
3097
}
3098
 
3099
.footy-sec ul li:last-child {
3100
    border-right: none;
3101
}
3102
 
3103
.footy-sec ul li a {
3104
    display: inline-block;
3105
    color: #3b5998;
3106
    font-size: 14px;
3107
    font-weight: 500;
3108
}
3109
 
3110
.footy-sec p img {
3111
    padding-right: 5px;
3112
    float: auto;
3113
    position: relative;
3114
    top: 6px;
3115
}
3116
 
3117
.footy-sec p {
3118
    font-size: 14px;
3432 stevensc 3119
    position: absolute;
1239 steven 3120
    font-weight: 500;
3432 stevensc 3121
    right: 8rem;
3122
    top: 130%;
1239 steven 3123
}
3124
 
3125
footer {
3126
    background-color: #fff;
3127
}
3128
 
2263 stevensc 3129
footer a {
3130
    color: var(--dark);
3131
}
3132
 
2266 stevensc 3133
footer .footer-row {
2265 stevensc 3134
    display: grid;
3135
    gap: 5px;
2436 stevensc 3136
    grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
2265 stevensc 3137
}
3138
 
1239 steven 3139
.footy-sec.mn ul {
3140
    padding: 30px 0;
3141
}
3142
 
3143
.footy-sec.mn ul li a {
3144
    color: #b2b2b2;
3145
}
3146
 
3147
.footy-sec.mn ul li a:hover {
3148
    color: #e44d3a;
3149
}
3150
 
3151
.footy-sec.mn ul li {
3152
    border-color: #b2b2b2;
3153
}
3154
 
3155
.footy-sec.mn p {
3156
    color: #b2b2b2;
3157
    margin-top: 30px;
3158
}
3159
 
3160
.fl-rgt {
3432 stevensc 3161
    position: absolute;
3162
    right: 16rem;
1239 steven 3163
}
3164
 
3165
/* ================== USER PROFILE =================== */
3166
 
2366 stevensc 3167
.cover-sec {
3168
    height: 280px;
3085 stevensc 3169
    background-color: #fff;
2366 stevensc 3170
    overflow: hidden;
3171
}
3172
 
1239 steven 3173
.cover-sec img {
3174
    width: 100%;
3175
}
3176
 
3177
.cover-sec>a {
3178
    display: inline-block;
3179
    color: #e44d3a;
3180
    font-size: 16px;
3181
    background-color: #fff;
3182
    border: 1px solid #e44d3a;
3183
    position: absolute;
3184
    top: 30px;
3185
    right: 0;
3186
    padding: 10px 15px;
3187
    font-weight: 600;
3188
    margin-right: 15px;
3189
}
3190
 
3191
.cover-sec>a i {
3192
    padding-right: 5px;
3193
}
3194
 
3195
/* ============= user_profile ============= */
3196
 
3197
.user_profile {
3198
    width: 100%;
3199
    background-color: #fff;
3200
    margin-bottom: 20px;
2375 stevensc 3201
    border-radius: 10px;
1239 steven 3202
    text-align: center;
3203
}
3204
 
3205
.user-pro-img {
3206
    width: 100%;
3207
    text-align: center;
3208
    margin-bottom: 28px;
3209
    position: relative;
3210
}
3211
 
3212
.user-pro-img .add-dp {
3213
    position: absolute;
3214
    top: 10px;
3215
    left: 60%;
3216
}
3217
 
3218
.add-dp i {
3219
    bottom: 0;
3220
    font-size: 14px;
3221
    box-shadow: none;
3222
    position: relative;
3223
    border-radius: 50px;
3224
    width: 40px;
3225
    height: 40px;
3226
    text-align: center;
3227
    background: #e44d3a;
3228
    padding: 12px;
3229
    color: #ffff;
3230
    left: 0;
3231
    top: -5px;
3232
}
3233
 
3234
.add-dp i:hover {
3235
    font-size: 14px;
3236
    border: 2px solid #fff;
3237
    background: #e44d3a;
3238
    padding: 11px;
3239
}
3240
 
3241
.add-dp {
3242
    margin: -16px;
3243
    padding: 0;
3244
}
3245
 
3246
.add-dp input[type="file"] {
3247
    opacity: 0;
3248
    padding: 10px 0px 9px;
3249
    display: none;
3250
}
3251
 
3252
.user-pro-img img {
3253
    -webkit-border-radius: 100px;
3254
    -moz-border-radius: 100px;
3255
    -ms-border-radius: 100px;
3256
    -o-border-radius: 100px;
2703 stevensc 3257
    max-width: 150px;
1239 steven 3258
    border-radius: 100px;
3259
    float: none;
3260
    border: 5px solid #fff;
3261
}
3262
 
3263
.user_pro_status {
3264
    width: 100%;
3265
    border-bottom: 1px solid #e5e5e5;
3266
    padding-bottom: 27px;
3267
}
3268
 
3269
.flw-hr {
3270
    float: left;
3271
    width: 100%;
3272
    margin-bottom: 30px;
3273
}
3274
 
3275
.flw-hr li {
3276
    display: inline-block;
3277
    margin-right: 17px;
3278
}
3279
 
3280
.flw-hr li:last-child {
3281
    margin-right: 0;
3282
}
3283
 
3284
.flw-hr li a {
3285
    display: inline-block;
3286
    color: #ffffff;
3287
    font-size: 16px;
3288
    font-weight: 600;
3289
    padding: 11px 15px;
3290
}
3291
 
3292
.flw-hr li a i {
3293
    padding-right: 5px;
3294
}
3295
 
3296
.flww {
3297
    background-color: #53d690;
3298
}
3299
 
3300
.hre {
3301
    background-color: #51a5fb;
3302
}
3303
 
3304
/* =============== flw-status ============ */
3305
 
3306
.flw-status {
3307
    float: left;
3308
    width: 100%;
3309
}
3310
 
3311
.flw-status li {
3312
    display: inline-block;
3313
    margin-right: 50px;
3314
}
3315
 
3316
.flw-status li:last-child {
3317
    margin-right: 0;
3318
}
3319
 
3320
.flw-status li span {
3321
    color: #686868;
3322
    font-size: 20px;
3323
    font-weight: 500;
3324
    margin-bottom: 15px;
3325
    display: block;
3326
}
3327
 
3328
.flw-status li b {
3329
    color: #000000;
3330
    font-size: 20px;
3331
    font-weight: 600;
3332
}
3333
 
3334
/* ================== social_links ============= */
3335
 
3336
.social_links {
3337
    float: left;
3338
    width: 100%;
3339
    text-align: left;
3340
}
3341
 
3342
.social_links li {
3343
    float: left;
3344
    width: 100%;
3345
    padding: 15px 15px;
3346
    border-bottom: 1px solid #e5e5e5;
3347
}
3348
 
3349
.social_links li a {
3350
    float: left;
3351
    width: 100%;
3352
    color: #51a5fb;
3353
    font-size: 14px;
3354
    font-weight: 400;
3355
    text-overflow: ellipsis;
3356
    white-space: nowrap;
3357
    overflow: hidden;
3358
}
3359
 
3360
.modal-md {
3361
    max-width: 55vw;
3362
}
3363
 
3364
@media(min-width: 721px) {
3365
    .group-view-tab {
3366
        margin-left: 3.5rem;
3367
    }
2197 stevensc 3368
 
1239 steven 3369
    .group-view-tab span {
3370
        text-overflow: ellipsis;
3371
        white-space: nowrap;
3372
        overflow: hidden;
3373
    }
3374
}
3375
 
3376
@media(max-width: 720px) {
3377
    .group-view-tab {
3378
        margin-left: 3.5rem;
3379
    }
3380
}
3381
 
3382
.text-decoration-underline {
3383
    text-decoration: underline !important;
3384
}
3385
 
3386
.ellipsis {
3387
    text-overflow: ellipsis;
3388
    white-space: nowrap;
3389
    overflow: hidden;
3390
}
3391
 
3392
.social_links li a i {
3393
    padding-right: 5px;
3394
    font-size: 20px;
3395
    position: relative;
3396
    top: 3px;
3397
}
3398
 
3399
.la-globe {
3400
    color: #51a5fb;
3401
}
3402
 
3403
/* ================= user-tab-sec ============== */
3404
 
2468 stevensc 3405
.notifications-grid {
3406
    display: grid;
3407
    grid-template-columns: 1fr;
3408
}
3409
 
3410
@media (min-width: 768px) {
3411
    .notifications-grid {
3412
        display: grid;
3413
        grid-template-columns: 30% 70%;
3414
        padding: 0 5%;
3415
    }
3416
}
3417
 
2458 stevensc 3418
.show_filters {
3419
    display: block;
3420
}
3421
 
3422
.hidden_filters {
2464 stevensc 3423
    display: none !important;
2458 stevensc 3424
}
3425
 
2459 stevensc 3426
@media (min-width: 768px) {
2458 stevensc 3427
    .show_filters {
3428
        display: none;
3429
    }
3430
 
3431
    .hidden_filters {
2465 stevensc 3432
        display: block !important;
2458 stevensc 3433
    }
3434
}
3435
 
3436
/* ================= user-tab-sec ============== */
3437
 
1239 steven 3438
.user-tab-sec {
3439
    width: 100%;
3440
    padding-top: 4px;
3441
}
3442
 
3443
.user-tab-sec h3 {
3444
    color: #000000;
3445
    font-size: 24px;
3446
    font-weight: 600;
3447
    text-transform: capitalize;
3448
    margin-bottom: 15px;
3449
}
3450
 
3451
.star-descp {
3452
    float: left;
3453
    width: 100%;
3454
    margin-bottom: 10px;
3455
}
3456
 
3457
.star-descp ul li {
3458
    margin-right: 5px !important;
3459
}
3460
 
3461
.star-descp>a {
3462
    float: left;
3463
    color: #51a5fb;
3464
    font-size: 18px;
3465
    font-weight: 600;
3466
    margin-left: 20px;
3467
    text-decoration: underline;
3468
}
3469
 
3470
.star-descp>a:hover {
3471
    color: #51a5fb;
3472
}
3473
 
3474
.star-descp span {
3475
    float: left;
3476
    color: #686868;
3477
    font-size: 18px;
3478
    font-weight: 600;
3479
    margin-right: 20px;
3480
}
3481
 
3482
.star-descp>ul {
3483
    float: left;
3484
}
3485
 
3486
.star-descp ul li {
3487
    display: inline-block;
3488
}
3489
 
3490
.star-descp ul li i {
3491
    color: #b7ce1f;
3492
    font-size: 16px;
3493
}
3494
 
3495
.tab-feed {
3496
    float: left;
3497
    width: 100%;
3498
    margin-bottom: 45px;
3499
    margin-top: 20px;
3500
}
3501
 
3502
.tab-feed ul {
3503
    float: left;
3504
    width: 100%;
3505
}
3506
 
3507
.tab-feed ul li {
3508
    display: inline-block;
3509
    margin-right: 35px;
3510
    text-align: center;
3511
}
3512
 
3513
.savetext ul {
3514
    border-bottom: none !important;
3515
}
3516
 
3517
.tab-feed.st2 ul li {
3518
    margin-right: 17px;
3519
}
3520
 
3521
.tab-feed ul li:last-child {
3522
    margin-right: 0;
3523
}
3524
 
3525
.tab-feed ul li.active img {
3526
    filter: grayscale(0);
3527
}
3528
 
3529
.tab-feed ul li.active span {
3530
    color: #e44d3a;
3531
}
3532
 
3533
.tab-feed ul li img {
3534
    float: none;
3535
    margin-bottom: 5px;
3536
    filter: grayscale(100%);
3537
}
3538
 
3539
.tab-feed ul li span {
3540
    display: block;
3541
    color: #b2b2b2;
3542
    font-weight: 400;
3543
    font-size: 16px;
3544
}
3545
 
3546
.tab-feed ul li:last-child {
3547
    margin-right: 0;
3548
}
3549
 
3550
/* ================ message-btn ============= */
3551
 
3552
.message-btn {
3553
    /* float: right; margin-top: 20px; margin-bottom: 30px; */
3554
}
3555
 
3556
.message-btn a {
3557
    display: inline-block;
3558
    font-size: 16px;
3559
    padding: 12px;
3560
    font-weight: 500;
3561
}
3562
 
3563
.message-btn a:hover {
3564
    color: #fff;
3565
}
3566
 
3567
.message-btn a i {
3568
    padding-right: 5px;
3569
}
3570
 
3571
/* ============== widget-portfolio ============== */
3572
 
3573
.wd-heady {
3574
    float: left;
3575
    width: 100%;
3576
    padding: 20px 20px;
3577
    border-bottom: 1px solid #e5e5e5;
3578
}
3579
 
3580
.wd-heady h3 {
3581
    color: #000000;
3582
    font-size: 18px;
3583
    font-weight: 600;
3584
    float: left;
3585
}
3586
 
3587
.wd-heady img {
3588
    float: right;
3589
}
3590
 
3591
.pf-gallery {
3592
    float: left;
3593
    width: 100%;
3594
    padding: 15px 15px;
3595
}
3596
 
3597
.pf-gallery ul {
3598
    float: left;
3599
    width: 100%;
3600
}
3601
 
3602
.pf-gallery ul li {
3603
    float: left;
3604
    width: 33.33%;
3605
    padding: 5px;
3606
    overflow: hidden;
3607
}
3608
 
3609
.pf-gallery ul li:hover {
3610
    -webkit-transform: scale(1.2);
3611
    -moz-transform: scale(1.2);
3612
    -ms-transform: scale(1.2);
3613
    -o-transform: scale(1.2);
3614
    transform: scale(1.2);
3615
}
3616
 
3617
.pf-gallery img {
3618
    width: 100%;
3619
}
3620
 
3621
.product-feed-tab {
2946 stevensc 3622
    padding-top: 1rem;
2912 stevensc 3623
    display: flex;
3624
    flex-direction: column;
3625
    gap: .5rem;
1239 steven 3626
}
3627
 
3628
.product-feed-tab.current {
3629
    display: block;
3630
}
3631
 
3632
/* =============== user-profile-ov ================ */
3633
 
3634
.user-profile-ov {
3635
    float: left;
3636
    width: 100%;
3637
    background-color: #fff;
3638
    padding: 30px 20px;
3639
    border-left: 1px solid #e4e4e4;
3640
    border-bottom: 1px solid #e4e4e4;
3641
    border-right: 1px solid #e4e4e4;
3642
    margin-bottom: 20px;
3643
}
3644
 
3645
.user-profile-ov h3 {
3646
    color: #000000;
3647
    font-size: 18px;
3648
    font-weight: 600;
3649
    margin-bottom: 20px;
3650
}
3651
 
3652
.user-profile-ov h3 a {
3653
    color: #000000;
3654
}
3655
 
3656
.user-profile-ov i {
3657
    color: #000000;
3658
    font-size: 13px;
3659
    padding-left: 5px;
3660
}
3661
 
3662
.user-profile-ov h4 {
3663
    font-size: 16px;
3664
    color: #000;
3665
    font-weight: 600;
3666
    margin-bottom: 10px;
3667
}
3668
 
3669
.user-profile-ov p {
3670
    color: #686868;
3671
    font-size: 14px;
3672
    line-height: 24px;
3673
}
3674
 
3675
.user-profile-ov.st2 p {
3676
    margin-bottom: 23px;
3677
}
3678
 
3679
.no-margin {
3680
    margin: 0 !important;
3681
}
3682
 
3683
.user-profile-ov>span {
3684
    color: #686868;
3685
    font-size: 14px;
3686
    float: left;
3687
    width: 100%;
3688
    margin-bottom: 8px;
3689
    margin-top: 3px;
3690
}
3691
 
3692
.user-profile-ov ul {
3693
    float: left;
3694
    width: 100%;
3695
}
3696
 
3697
.user-profile-ov ul li {
3698
    display: inline-block;
3699
    margin-bottom: 10px;
3700
    padding: 0 2px;
3701
}
3702
 
3703
.user-profile-ov ul li a {
3704
    display: inline-block;
3705
    color: #b2b2b2;
3706
    font-size: 14px;
3707
    font-weight: 600;
3708
    background-color: #e5e5e5;
3709
    -webkit-border-radius: 30px;
3710
    -moz-border-radius: 30px;
3711
    -ms-border-radius: 30px;
3712
    -o-border-radius: 30px;
3713
    border-radius: 30px;
3714
    padding: 10px 15px;
3715
}
3716
 
3717
/* ==================== portfolio-gallery-sec ==================== */
3718
 
3719
.portfolio-gallery-sec {
3720
    float: left;
3721
    width: 100%;
3722
    background-color: #fff;
3723
    padding: 30px 20px;
3724
    border-left: 1px solid #e4e4e4;
3725
    border-right: 1px solid #e4e4e4;
3726
    border-bottom: 1px solid #e4e4e4;
3727
}
3728
 
3729
.portfolio-gallery-sec h3 {
3730
    font-weight: 600;
3731
    font-size: 18px;
3732
    margin-bottom: 32px;
3733
    padding-left: 5px;
3734
    float: left;
3735
}
3736
 
3737
.portfolio-btn {
3738
    float: right;
3739
}
3740
 
3741
.portfolio-btn a {
3742
    display: inline-block;
3743
    color: #e44d3a;
3744
    font-size: 16px;
3745
    font-weight: 600;
3746
}
3747
 
3748
.portfolio-btn a i {
3749
    margin-right: 5px;
3750
}
3751
 
3752
.gallery_pf {
3753
    float: left;
3754
    width: 100%;
3755
    margin-bottom: -5px;
3756
}
3757
 
3758
.gallery_pf .col-lg-4 {
3759
    padding: 5px;
3760
}
3761
 
3762
.gallery_pt {
3763
    float: left;
3764
    width: 100%;
3765
    position: relative;
3766
    overflow: hidden;
3767
}
3768
 
3769
.gallery_pt:hover:before {
3770
    opacity: 1;
3771
    visibility: visible;
3772
    height: 100%;
3773
}
3774
 
3775
.gallery_pt:before {
3776
    content: "";
3777
    position: absolute;
3778
    top: 0;
3779
    left: 0;
3780
    width: 100%;
3781
    height: 0;
3782
    background-color: rgba(0, 0, 0, 0.6);
3783
    opacity: 0;
3784
    visibility: hidden;
3785
}
3786
 
3787
.gallery_pt img {
3788
    width: 100%;
3789
    height: 134px;
3790
    object-fit: cover;
3791
}
3792
 
3793
.row {
3794
    margin: 0;
3795
}
3796
 
3797
.gallery_pt>a {
3798
    position: absolute;
3799
    top: 100%;
3800
    left: 0;
3801
    float: left;
3802
    width: 100%;
3803
    text-align: center;
3804
    -webkit-transform: translateY(-50%);
3805
    -moz-transform: translateY(-50%);
3806
    -ms-transform: translateY(-50%);
3807
    -o-transform: translateY(-50%);
3808
    transform: translateY(-50%);
3809
    opacity: 0;
3810
    visibility: hidden;
3811
}
3812
 
3813
.gallery_pt:hover>a {
3814
    opacity: 1;
3815
    visibility: visible;
3816
    top: 50%;
3817
}
3818
 
3819
.gallery_pt>a img {
3820
    float: none;
3821
    width: auto;
3822
    height: auto;
3823
}
3824
 
3825
/* ============== overview-box ============= */
3826
 
3827
.overview-box {
3828
    width: 570px;
3829
    position: fixed;
3830
    top: 50%;
3831
    left: 50%;
3832
    -webkit-transform: translateX(-50%) translateY(-50%);
3833
    -moz-transform: translateX(-50%) translateY(-50%);
3834
    -ms-transform: translateX(-50%) translateY(-50%);
3835
    -o-transform: translateX(-50%) translateY(-50%);
3836
    transform: translateX(-50%) translateY(-50%);
3837
    opacity: 0;
3838
    visibility: hidden;
3839
    z-index: 0;
3840
}
3841
 
3842
.close-box {
3843
    position: absolute;
3844
    top: -20px;
3845
    right: -20px;
3846
    color: #fff;
3847
    font-size: 14px;
3848
    text-align: center;
3849
    width: 22px;
3850
    height: 22px;
3851
    line-height: 22px;
3852
    border: 1px solid #fff;
3853
    -webkit-border-radius: 100px;
3854
    -moz-border-radius: 100px;
3855
    -ms-border-radius: 100px;
3856
    -o-border-radius: 100px;
3857
    border-radius: 100px;
3858
    font-weight: 600;
3859
}
3860
 
3861
.close-box:hover {
3862
    color: #fff;
3863
}
3864
 
3865
.overview-box.open {
3866
    opacity: 1;
3867
    visibility: visible;
3868
    z-index: 99999;
3869
}
3870
 
3871
.overview-edit {
3872
    float: left;
3873
    width: 100%;
3874
    background-color: #fff;
3875
    padding: 30px 20px;
3876
}
3877
 
3878
.overview-edit h3 {
3879
    color: #000000;
3880
    font-size: 18px;
3881
    font-weight: 600;
3882
    float: left;
3883
    width: 100%;
3884
    margin-bottom: 25px;
3885
}
3886
 
3887
.overview-edit span {
3888
    color: #b2b2b2;
3889
    font-size: 12px;
3890
    float: right;
3891
    margin-bottom: 5px;
3892
}
3893
 
3894
.overview-edit form {
3895
    float: left;
3896
    width: 100%;
3897
}
3898
 
3899
.overview-edit form input {
3900
    height: 40px;
3901
    padding-left: 15px;
3902
    margin-bottom: 20px;
3903
}
3904
 
3905
.overview-edit form textarea,
3906
.overview-edit form input,
3907
.overview-edit form select {
3908
    width: 100%;
3909
    border: 1px solid #e5e5e5;
3910
    resize: none;
3911
    color: #b2b2b2;
3912
    font-size: 14px;
3913
}
3914
 
3915
.overview-edit form select {
3916
    line-height: 40px;
3917
    padding-left: 40px;
3918
    margin-bottom: 20px;
3919
}
3920
 
3921
.overview-edit form textarea {
3922
    height: 160px;
3923
    margin-bottom: 30px;
3924
    padding: 15px;
3925
}
3926
 
3927
.save {
3928
    background-color: #e44d3a;
3929
    color: #fff;
3930
    border-color: transparent;
3931
}
3932
 
3933
.save-add {
3934
    background-color: #fff;
3935
    padding: 13px 13px !important;
3936
}
3937
 
3938
.overview-edit button {
3939
    float: left;
3940
    border: 1px solid #e5e5e5;
3941
    font-weight: 600;
3942
    font-size: 16px;
3943
    padding: 13px 34px;
3944
    margin-right: 20px;
3945
    outline: none;
3946
    cursor: pointer;
3947
}
3948
 
3949
.cancel {
3950
    background-color: #fff;
3951
    color: #000;
3952
}
3953
 
3954
.datepicky {
3955
    float: left;
3956
    width: 100%;
3957
}
3958
 
3959
.no-left-pd {
3960
    padding: 0;
3961
}
3962
 
3963
.no-righ-pd {
3964
    padding-right: 0;
3965
}
3966
 
3967
.datefm {
3968
    float: left;
3969
    width: 100%;
3970
    position: relative;
3971
}
3972
 
3973
.datefm i {
3974
    position: absolute;
3975
    top: 11px;
3976
    right: 15px;
3977
    font-size: 18px;
3978
    color: #b2b2b2;
3979
}
3980
 
3981
#location-box .datefm i {
3982
    right: auto;
3983
    left: 15px;
3984
}
3985
 
3986
#location-box .datefm input {
3987
    padding-left: 40px;
3988
}
3989
 
3990
#skills-box ul {
3991
    float: left;
3992
    width: 100%;
3993
    margin-bottom: 20px;
3994
}
3995
 
3996
#skills-box ul li {
3997
    display: inline-block;
3998
    margin-right: 10px;
3999
    position: relative;
4000
}
4001
 
4002
.skl-name {
4003
    display: inline-block;
4004
    color: #b2b2b2;
4005
    font-size: 14px;
4006
    font-weight: 500;
4007
    background-color: #e5e5e5;
4008
    -webkit-border-radius: 30px;
4009
    -moz-border-radius: 30px;
4010
    -ms-border-radius: 30px;
4011
    -o-border-radius: 30px;
4012
    border-radius: 30px;
4013
    text-transform: uppercase;
4014
    padding: 10px 30px 10px 12px;
4015
    position: relative;
4016
}
4017
 
4018
.close-skl {
4019
    position: absolute;
4020
    top: 10px;
4021
    right: 10px;
4022
    color: #b2b2b2;
4023
    font-size: 14px;
4024
}
4025
 
4026
.file-submit {
4027
    border: 1px solid #e5e5e5;
4028
    position: relative;
4029
    padding: 0px;
4030
    height: 40px;
4031
    margin-bottom: 20px;
4032
    border-radius: 3px;
4033
}
4034
 
4035
.file-submit [type="file"] {
4036
    height: 40px;
4037
    overflow: hidden;
4038
    width: 100%;
4039
    float: left;
4040
    position: absolute;
4041
    padding: 10px 4px 0px 12px;
4042
    font-size: 14px;
4043
    opacity: 0;
4044
    display: none;
4045
}
4046
 
4047
.file-submit [type="file"]+label {
4048
    background: #e44d3a;
4049
    border: none;
4050
    float: left;
4051
    border-top-right-radius: 0px;
4052
    border-bottom-right-radius: 0px;
4053
    border-top-left-radius: 3px;
4054
    border-bottom-left-radius: 3px;
4055
    color: #fff;
4056
    cursor: pointer;
4057
    /* display: inline-block; */
4058
    font-size: 14px;
4059
    font-weight: 500;
4060
    outline: none;
4061
    padding: 12px 15px;
4062
    position: relative;
4063
    transition: all 0.3s;
4064
    vertical-align: middle;
4065
    margin: 0;
4066
}
4067
 
4068
.file-submit.nomg {
4069
    border: 0;
4070
    margin-bottom: 20px;
4071
}
4072
 
4073
.file-submit.nomg input {
4074
    margin-bottom: 0;
4075
    padding-top: 0;
4076
}
4077
 
4078
.daty {
4079
    float: left;
4080
    width: 100%;
4081
    position: relative;
4082
}
4083
 
4084
.daty>i {
4085
    position: absolute;
4086
    top: 10px;
4087
    right: 15px;
4088
    color: #b2b2b2;
4089
    font-size: 20px;
4090
}
4091
 
4092
a:hover {
4093
    color: initial;
4094
}
4095
 
4096
.pf-img {
4097
    float: left;
4098
    width: 100%;
4099
    background-color: #f2f2f2;
4100
    padding: 15px;
4101
    margin-bottom: 20px;
4102
}
4103
 
4104
/* ================= billing-method ============== */
4105
 
4106
.billing-method {
4107
    float: left;
4108
    width: 100%;
4109
    background-color: #fff;
4110
    border-left: 1px solid #e4e4e4;
4111
    border-right: 1px solid #e4e4e4;
4112
    border-bottom: 1px solid #e4e4e4;
4113
    margin-bottom: 20px;
4114
}
4115
 
4116
.billing-method ul {
4117
    float: left;
4118
    width: 100%;
4119
}
4120
 
4121
.billing-method ul li {
4122
    float: left;
4123
    width: 100%;
4124
    border-bottom: 1px solid #e5e5e5;
4125
    padding: 25px 20px;
4126
}
4127
 
4128
.billing-method ul li h3 {
4129
    color: #000000;
4130
    font-size: 18px;
4131
    font-weight: 600;
4132
    float: left;
4133
}
4134
 
4135
.billing-method ul li a,
4136
.billing-method ul li span {
4137
    float: right;
4138
    color: #000000;
4139
    font-size: 13px;
4140
    text-transform: capitalize;
4141
    font-weight: 600;
4142
    margin-top: 3px;
4143
}
4144
 
4145
.billing-method ul li i {
4146
    font-size: 13px;
4147
    color: #e44d3a;
4148
}
4149
 
4150
.lt-sec {
4151
    float: left;
4152
    width: 100%;
4153
    text-align: center;
4154
    padding: 30px 0;
4155
}
4156
 
4157
.lt-sec img {
4158
    float: none;
4159
    margin-bottom: 15px;
4160
}
4161
 
4162
.lt-sec h4 {
4163
    color: #686868;
4164
    font-size: 18px;
4165
    font-weight: 600;
4166
    margin-bottom: 25px;
4167
}
4168
 
4169
.lt-sec>a {
4170
    display: inline-block;
4171
    color: #ffffff;
4172
    font-size: 16px;
4173
    background-color: #e44d3a;
4174
    padding: 10px 25px;
4175
}
4176
 
4177
/* ============== add-billing-method ============== */
4178
 
4179
.add-billing-method {
4180
    float: left;
4181
    width: 100%;
4182
    background-color: #fff;
4183
    border-left: 1px solid #e4e4e4;
4184
    border-right: 1px solid #e4e4e4;
4185
    border-bottom: 1px solid #e4e4e4;
4186
}
4187
 
4188
.add-billing-method h3 {
4189
    color: #000000;
4190
    font-size: 18px;
4191
    font-weight: 600;
4192
    padding: 20px 20px;
4193
    border-bottom: 1px solid #e5e5e5;
4194
}
4195
 
4196
.add-billing-method>h4 {
4197
    color: #686868;
4198
    font-size: 13px;
4199
    font-weight: 500;
4200
    padding: 20px 20px;
4201
    border-bottom: 1px solid #e5e5e5;
4202
    float: left;
4203
    width: 100%;
4204
}
4205
 
4206
.add-billing-method img {
4207
    margin-right: 10px;
4208
}
4209
 
4210
.add-billing-method span {
4211
    margin-top: 4px;
4212
    float: left;
4213
}
4214
 
4215
/* ============= payment_methods ============ */
4216
 
4217
.payment_methods {
4218
    float: left;
4219
    width: 100%;
4220
}
4221
 
4222
.payment_methods>h4 {
4223
    color: #000000;
4224
    font-size: 16px;
4225
    font-weight: 600;
4226
    position: relative;
4227
    padding: 25px 20px 25px 45px;
4228
    float: left;
4229
    width: 100%;
4230
}
4231
 
4232
.rowwy {
4233
    float: left;
4234
    width: 100%;
4235
}
4236
 
4237
.pd-left-none {
4238
    padding-left: 0;
4239
}
4240
 
4241
.pd-right-none {
4242
    padding-right: 0;
4243
}
4244
 
4245
.payment_methods h4:before {
4246
    content: "";
4247
    position: absolute;
4248
    top: 50%;
4249
    -webkit-transform: translateY(-50%);
4250
    -moz-transform: translateY(-50%);
4251
    -ms-transform: translateY(-50%);
4252
    -o-transform: translateY(-50%);
4253
    transform: translateY(-50%);
4254
    left: 20px;
4255
    width: 15px;
4256
    height: 15px;
4257
    border: 1px solid #e6e6e6;
4258
    -webkit-border-radius: 100px;
4259
    -moz-border-radius: 100px;
4260
    -ms-border-radius: 100px;
4261
    -o-border-radius: 100px;
4262
    border-radius: 100px;
4263
}
4264
 
4265
.payment_methods h4:after {
4266
    content: "";
4267
    position: absolute;
4268
    top: 50%;
4269
    -webkit-transform: translateY(-50%);
4270
    -moz-transform: translateY(-50%);
4271
    -ms-transform: translateY(-50%);
4272
    -o-transform: translateY(-50%);
4273
    transform: translateY(-50%);
4274
    left: 24px;
4275
    width: 7px;
4276
    height: 7px;
4277
    background-color: #e44d3a;
4278
    -webkit-border-radius: 100px;
4279
    -moz-border-radius: 100px;
4280
    -ms-border-radius: 100px;
4281
    -o-border-radius: 100px;
4282
    border-radius: 100px;
4283
}
4284
 
4285
.payment_methods form {
4286
    float: left;
4287
    width: 100%;
4288
    padding-bottom: 30px;
4289
    border-bottom: 1px solid #e5e5e5;
4290
}
4291
 
4292
.payment_methods form button {
4293
    color: #ffffff;
4294
    font-size: 16px;
4295
    background-color: #e44d3a;
4296
    padding: 10px 15px;
4297
    border: 0;
4298
    cursor: pointer;
4299
}
4300
 
4301
.payment_methods form input {
4302
    width: 100%;
4303
    height: 40px;
4304
    border: 1px solid #e5e5e5;
4305
    padding: 0 12px;
4306
}
4307
 
4308
.cc-head {
4309
    float: left;
4310
    width: 100%;
4311
    margin-bottom: 10px;
4312
}
4313
 
4314
.cc-head h5 {
4315
    float: left;
4316
    color: #000000;
4317
    font-size: 16px;
4318
    font-weight: 600;
4319
    margin-top: 4px;
4320
}
4321
 
4322
.cc-head h5 i {
4323
    color: #b2b2b2;
4324
    font-size: 14px;
4325
}
4326
 
4327
.cc-head ul {
4328
    float: right;
4329
}
4330
 
4331
.cc-head ul li {
4332
    display: inline-block;
4333
}
4334
 
4335
.inpt-field {
4336
    float: left;
4337
    width: 100%;
4338
    position: relative;
4339
    margin-bottom: 20px;
4340
}
4341
 
4342
.no-pdd {
4343
    padding: 0;
4344
}
4345
 
4346
.inpt-field.pd-moree input {
4347
    padding-left: 40px !important;
4348
}
4349
 
4350
.inpt-field i {
4351
    color: #b2b2b2;
4352
    font-size: 18px;
4353
    position: absolute;
4354
    top: 50%;
4355
    left: 15px;
4356
    -webkit-transform: translateY(-50%);
4357
    -moz-transform: translateY(-50%);
4358
    -ms-transform: translateY(-50%);
4359
    -o-transform: translateY(-50%);
4360
    transform: translateY(-50%);
4361
}
4362
 
4363
/* ============== companies-info ============== */
4364
 
4365
.companies-info {
4366
    padding: 60px 0;
4367
}
4368
 
4369
.company-title {
4370
    width: 100%;
4371
    margin-bottom: 20px;
4372
}
4373
 
4374
.default-link {
4375
    color: #0860bf;
4376
}
4377
 
4378
.default-link:hover {
4379
    font-weight: bold;
4380
    color: #0860bf;
4381
    transition: all .5s;
4382
}
4383
 
4384
.company-title h3 {
4385
    color: #000000;
4386
    font-size: 20px;
4387
    font-weight: 600;
4388
    background-color: #fff;
4389
    padding: 10px 15px;
4390
}
4391
 
4392
.companies-list {
4393
    width: 100%;
2294 stevensc 4394
    display: grid;
2296 stevensc 4395
    gap: 20px;
4396
    grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
2294 stevensc 4397
    position: relative;
1239 steven 4398
}
4399
 
4400
.companies-list .slick-list {
4401
    max-height: 47vh;
4402
}
4403
 
4404
.slick-prev:before,
4405
.slick-next:before {
4406
    color: #000 !important;
4407
}
4408
 
4409
.company_profile_info {
4410
    /* float: left; */
4411
    width: 100%;
4412
    background-color: #fff;
4413
    text-align: center;
4414
    border-left: 1px solid #e4e4e4;
4415
    border-right: 1px solid #e4e4e4;
4416
    border-bottom: 1px solid #e4e4e4;
4417
    margin-bottom: 30px;
4418
}
4419
 
2620 stevensc 4420
.marketplace_card {
4421
    width: 100%;
4422
    background-color: #fff;
4423
    text-align: center;
4424
}
4425
 
1239 steven 4426
.company-up-info {
4427
    /* float: left; */
4428
    width: 100%;
4429
    padding: 20px 0;
4430
    border-bottom: 1px solid #e5e5e5;
4431
}
4432
 
4433
.company-up-info .description {
4434
    margin-bottom: 10px;
4435
}
4436
 
4437
.company-up-info img {
4438
    float: none;
4439
    margin-bottom: 10px;
4440
    -webkit-border-radius: 100px;
4441
    -moz-border-radius: 100px;
4442
    -ms-border-radius: 100px;
4443
    -o-border-radius: 100px;
4444
    border-radius: 100px;
4445
    height: 90px;
4446
    object-fit: cover;
4447
}
4448
 
4449
.company-up-info h3 {
4450
    color: #000000;
4451
    font-size: 18px;
4452
    font-weight: 600;
4453
    margin-bottom: 10px;
4454
}
4455
 
4456
.company-up-info h4 {
4457
    color: #686868;
4458
    font-size: 14px;
4459
    font-weight: 500;
4460
    margin-bottom: 21px;
4461
}
4462
 
4463
.company-up-info h6 {
4464
    color: #686868;
4465
    font-size: 15px;
4466
    font-weight: 500;
4467
    margin-bottom: 10px;
4468
}
4469
 
4470
.company-up-info ul {
4471
    /* float: left; */
4472
    width: 100%;
4473
}
4474
 
4475
.company-up-info ul li {
4476
    display: inline-block;
4477
    margin-right: 6px;
4478
}
4479
 
4480
.company-up-info ul li a i {
4481
    font-size: 24px;
4482
    position: relative;
4483
    top: 3px;
4484
}
4485
 
4486
.follow {
4487
    background-color: #53d690;
4488
}
4489
 
4490
.message-us {
4491
    background-color: #e44d3a;
4492
}
4493
 
4494
.hire-us {
4495
    background-color: #51a5fb;
4496
}
4497
 
4498
.company_profile_info .cancelButton {
4499
    display: inline-block;
4500
    color: #000000;
4501
    font-size: 16px;
4502
    font-weight: 500;
4503
    margin: 18px 0;
4504
}
4505
 
4506
/* ============= search-sec ============= */
4507
 
2501 stevensc 4508
.list-col {
4509
    display: flex;
4510
    gap: 20px;
4511
    flex-direction: column;
4512
}
4513
 
1239 steven 4514
.search-sec {
4515
    float: left;
4516
    width: 100%;
4517
    margin: 30px 0 0 0;
4518
}
4519
 
4520
.search-box {
4521
    width: 100%;
1809 steven 4522
    padding: 2.1%;
2500 stevensc 4523
    position: relative;
1239 steven 4524
}
4525
 
2500 stevensc 4526
.search-box>.form-group::before {
4527
    width: 100px;
4528
    content: 'Buscar';
4529
    right: 2.1%;
4530
    place-items: center;
4531
    display: grid;
4532
    height: calc(1.5em + .75rem + 2px);
4533
    background: #fff;
4534
    position: absolute;
4535
    border: 1px solid #ced4da;
4536
    cursor: pointer;
4537
    color: var(--gray);
4538
    font-weight: 600;
4539
    border-start-end-radius: .25rem;
4540
    border-bottom-right-radius: .25rem;
4541
}
4542
 
1239 steven 4543
.search-box form {
4544
    width: 100%;
4545
    position: relative;
4546
}
4547
 
4548
.search-box form input {
4549
    width: 100%;
4550
    height: 40px;
4551
    padding: 0 15px;
1808 steven 4552
    background: var(--background-light-gray);
1807 steven 4553
    color: var(--gray);
1239 steven 4554
    font-size: 14px;
1808 steven 4555
    border: solid 1px var(--border-light-gray);
1239 steven 4556
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
4557
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
4558
    -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
4559
    -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
4560
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
4561
}
4562
 
1803 steven 4563
.search-box form button {
4564
    position: absolute;
4565
    top: 0;
4566
    right: 0;
1804 steven 4567
    border: solid 1px var(--border-light-gray);
1806 steven 4568
    color: var(--gray);
1803 steven 4569
    font-size: 16px;
4570
    font-weight: 500;
4571
    height: 100%;
4572
    padding: 0 28px;
4573
    cursor: pointer;
4574
    -webkit-border-radius: 0 4px 4px 0;
4575
    -moz-border-radius: 0 4px 4px 0;
4576
    -ms-border-radius: 0 4px 4px 0;
4577
    -o-border-radius: 0 4px 4px 0;
4578
    border-radius: 0 4px 4px 0;
4579
}
4580
 
1239 steven 4581
/* =============== filter-secs ============== */
4582
 
4583
.filter-secs {
4584
    float: left;
4585
    width: 100%;
4586
    /* background-color: #fff; */
4587
    box-shadow: 0px 2px #e4e4e4;
4588
    border: 1px solid #e5e5e5;
4589
}
4590
 
4591
.filter-heading {
4592
    float: left;
4593
    width: 100%;
4594
    padding: 15px 20px;
4595
    border-bottom: 1px solid #e5e5e5;
4596
    margin-bottom: 15px;
4597
}
4598
 
4599
.filter-heading h3 {
4600
    float: left;
4601
    color: #e44d3a;
4602
    font-size: 18px;
4603
    font-weight: 600;
4604
}
4605
 
4606
.filter-heading a {
4607
    float: right;
4608
    color: #686868;
4609
    font-size: 14px;
4610
    margin-top: 4px;
4611
}
4612
 
4613
.filter-ttl {
4614
    float: left;
4615
    width: 100%;
4616
    border-bottom: 1px solid #e5e5e5;
4617
    padding: 0 0 16px 0;
4618
    margin-bottom: 10px;
4619
}
4620
 
4621
.filter--tt2 {
4622
    margin-bottom: 0px !important;
4623
}
4624
 
4625
.top--1 {
4626
    margin-top: 20px;
4627
}
4628
 
4629
.filter--tt2 .dropdown .dropdown-menu a {
4630
    float: none;
4631
    color: #666666 !important;
4632
    margin-bottom: 12px !important;
4633
}
4634
 
4635
.filter--tt2 .dropdown .dropdown-menu a:hover {
4636
    color: #e44d3a !important;
4637
    background: none !important;
4638
}
4639
 
4640
.filter--tt2 .dropdown .dropdown-menu a:focus {
4641
    color: #e44d3a !important;
4642
    background: none !important;
4643
}
4644
 
4645
.filter--tt2 a {
4646
    float: left !important;
4647
    padding: 0 0 0 15px !important;
4648
    font-size: 16px !important;
4649
    color: #000000 !important;
4650
    font-weight: 500 !important;
4651
}
4652
 
4653
.filter-ttl h3 {
4654
    float: left;
4655
    padding: 0;
4656
    font-size: 16px;
4657
    color: #000000;
4658
    font-weight: 400;
4659
}
4660
 
4661
.filter-ttl a {
4662
    float: right;
4663
    font-size: 14px;
4664
    color: #666666;
4665
}
4666
 
4667
.filter-ttl .dropdown a {
4668
    float: none;
4669
    color: #666666;
4670
}
4671
 
4672
.filter-dd {
4673
    float: left;
4674
    width: 100%;
4675
    margin-bottom: 15px;
4676
}
4677
 
4678
.filter-dd form {
4679
    float: left;
4680
    width: 100%;
4681
    position: relative;
4682
}
4683
 
4684
.filter-dd form input,
4685
.filter-dd form select {
4686
    width: 100%;
4687
    height: 30px;
4688
    background-color: #f2f2f2;
4689
    padding: 0 10px;
4690
    color: #b2b2b2;
4691
    font-size: 12px;
4692
    font-weight: 600;
4693
    border: 0;
4694
    border: 1px solid #e5e5e5;
4695
}
4696
 
4697
.job-tp i {
4698
    color: #666666;
4699
    position: absolute;
4700
    top: 9px;
4701
    right: 15px;
4702
    font-size: 14px;
4703
}
4704
 
4705
.avail-checks {
4706
    float: left;
4707
    width: 100%;
4708
    margin-top: 7px;
4709
}
4710
 
4711
.avail-checks li {
4712
    float: left;
4713
    width: 100%;
4714
    margin-bottom: 10px;
4715
}
4716
 
4717
.avail-checks li:last-child {
4718
    margin-bottom: 0;
4719
}
4720
 
4721
.avail-checks li input[type="radio"] {
4722
    display: none;
4723
}
4724
 
4725
.avail-checks li label {
4726
    float: left;
4727
}
4728
 
4729
.avail-checks li input[type="radio"]+label span {
4730
    display: inline-block;
4731
    width: 15px;
4732
    height: 15px;
4733
    position: relative;
4734
    margin-top: 3px;
4735
    border: 1px solid #d2d2d2;
4736
    -webkit-border-radius: 100px;
4737
    -moz-border-radius: 100px;
4738
    -ms-border-radius: 100px;
4739
    -o-border-radius: 100px;
4740
    border-radius: 100px;
4741
}
4742
 
4743
.avail-checks li input[type="radio"]+label span:before {
4744
    content: "";
4745
    opacity: 0;
4746
    visibility: hidden;
4747
    position: absolute;
4748
    width: 7px;
4749
    height: 7px;
4750
    -webkit-border-radius: 100px;
4751
    -moz-border-radius: 100px;
4752
    -ms-border-radius: 100px;
4753
    -o-border-radius: 100px;
4754
    border-radius: 100px;
4755
    background-color: #e44d3a;
4756
    top: 3px;
4757
    left: 3px;
4758
}
4759
 
4760
.avail-checks li input[type="radio"]:checked+label span:before {
4761
    opacity: 1;
4762
    visibility: visible;
4763
}
4764
 
4765
.avail-checks li small {
4766
    color: #909090;
4767
    font-size: 14px;
4768
    padding-left: 10px;
4769
    font-weight: 500;
4770
}
4771
 
4772
/* =========== Range Slider ========== */
4773
 
4774
.rg-slider {
4775
    float: left;
4776
    width: 100%;
4777
}
4778
 
4779
.slider-container {
4780
    width: 100% !important;
4781
    padding-top: 50px;
4782
    position: relative;
4783
}
4784
 
4785
.theme-green .back-bar {
4786
    height: 5px;
4787
    border: 1px solid #e5e5e5;
4788
    -webkit-border-radius: 30px;
4789
    -moz-border-radius: 30px;
4790
    -ms-border-radius: 30px;
4791
    -o-border-radius: 30px;
4792
    border-radius: 30px;
4793
}
4794
 
4795
.theme-green .back-bar .pointer {
4796
    width: 17px;
4797
    height: 17px;
4798
    -webkit-border-radius: 100px;
4799
    -moz-border-radius: 100px;
4800
    -ms-border-radius: 100px;
4801
    -o-border-radius: 100px;
4802
    border-radius: 100px;
4803
    background-color: #e44d3a;
4804
    border: 2px solid #e3e3e3;
4805
    -webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.43);
4806
    -moz-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.43);
4807
    -ms-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.43);
4808
    -o-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.43);
4809
    box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.43);
4810
}
4811
 
4812
.theme-green .back-bar .pointer {
4813
    top: -7px;
4814
}
4815
 
4816
.slider-container .back-bar .pointer-label {
4817
    top: -50px;
4818
    height: 26px;
4819
    background-color: #e5e5e5;
4820
    -webkit-border-radius: 30px;
4821
    -moz-border-radius: 30px;
4822
    -ms-border-radius: 30px;
4823
    -o-border-radius: 30px;
4824
    border-radius: 30px;
4825
    line-height: 26px;
4826
    width: 50px;
4827
}
4828
 
4829
.pointer-label.low {
4830
    left: 0 !important;
4831
}
4832
 
4833
.pointer-label.high {
4834
    left: 70px !important;
4835
}
4836
 
4837
.pointer-label.low:before {
4838
    content: "";
4839
    position: absolute;
4840
    top: 13px;
4841
    right: -14px;
4842
    width: 8px;
4843
    height: 1px;
4844
    background-color: #e5e5e5;
4845
}
4846
 
4847
.rg-limit {
4848
    float: left;
4849
    width: 100%;
4850
    margin-top: 16px;
4851
}
4852
 
4853
.rg-limit h4 {
4854
    color: #686868;
4855
    font-size: 15px;
4856
    font-weight: 600;
4857
    float: left;
4858
}
4859
 
4860
.rg-limit h4:last-child {
4861
    float: right;
4862
}
4863
 
4864
/* ============== chatbox-list ============== */
4865
 
4866
.chatbox-list {
4867
    position: fixed;
4868
    bottom: 0;
4869
    right: 0;
4870
}
4871
 
3307 stevensc 4872
.ext_share {
4873
    display: flex;
3308 stevensc 4874
    position: absolute;
3307 stevensc 4875
    align-items: center;
3310 stevensc 4876
    padding: 5px 1rem;
4877
    bottom: calc(100% + .5rem);
3308 stevensc 4878
    gap: .5rem;
3310 stevensc 4879
    left: 50%;
3365 stevensc 4880
    width: 14rem;
3361 stevensc 4881
    flex-wrap: wrap;
4882
    overflow-x: scroll;
3310 stevensc 4883
    transform: translateX(-43%);
3308 stevensc 4884
    border-radius: 20px;
3307 stevensc 4885
    background-color: #fff;
4886
    box-shadow: 0px 4px 4px -2px rgb(0 0 0 / 12%), 0px -4px 4px -2px rgb(0 0 0 / 12%);
4887
}
4888
 
3363 stevensc 4889
.ext_share.post {
4890
    transform: none;
4891
    left: inherit;
4892
    bottom: inherit;
3365 stevensc 4893
    top: 1.5rem;
4894
    right: 1.5rem;
3363 stevensc 4895
}
4896
 
3207 stevensc 4897
.highlighted {
4898
    backdrop-filter: blur(35px);
4899
    animation: droping 1s ease infinite;
4900
}
4901
 
4902
@keyframes droping {
4903
    0% {
4904
        box-shadow: 0 0 5px #96bde9;
4905
    }
4906
 
4907
    50% {
4908
        box-shadow: 0 0 12px #96bde9;
4909
    }
4910
 
4911
    100% {
4912
        box-shadow: 0 0 5px #96bde9;
4913
    }
4914
}
4915
 
1239 steven 4916
.chatbox {
4917
    display: inline-block;
4918
    position: relative;
2577 stevensc 4919
    z-index: 10;
1239 steven 4920
}
4921
 
4922
.chat-mg {
4923
    display: inline-block;
4924
    position: relative;
4925
}
4926
 
4927
.chat-mg img {
4928
    width: 70px;
4929
    height: 70px;
4930
    -webkit-border-radius: 100px;
4931
    -moz-border-radius: 100px;
4932
    -ms-border-radius: 100px;
4933
    -o-border-radius: 100px;
4934
    border-radius: 100px;
4935
}
4936
 
4937
.chat-mg span {
4938
    position: absolute;
4939
    top: -5px;
4940
    right: 10px;
4941
    width: 20px;
4942
    height: 20px;
4943
    background-color: #e44d3a;
4944
    text-align: center;
4945
    font-size: 12px;
4946
    color: #fff;
4947
    line-height: 20px;
4948
    -webkit-border-radius: 100px;
4949
    -moz-border-radius: 100px;
4950
    -ms-border-radius: 100px;
4951
    -o-border-radius: 100px;
4952
    border-radius: 100px;
4953
}
4954
 
4955
.chat-mg.bx img {
4956
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
4957
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
4958
    -ms-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
4959
    -o-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
4960
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
4961
}
4962
 
4963
.conversation-box {
4964
    position: absolute;
4965
    bottom: 132%;
4966
    right: 100%;
4967
    width: 350px;
4968
    background-color: #fff;
4969
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);
4970
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);
4971
    -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);
4972
    -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);
4973
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);
4974
    opacity: 0;
4975
    visibility: hidden;
4976
    z-index: 0;
4977
}
4978
 
4979
.conversation-box.active {
4980
    opacity: 1;
4981
    visibility: visible;
4982
    z-index: 9999;
4983
}
4984
 
4985
.conversation-box:before {
4986
    content: "";
4987
    position: absolute;
4988
    bottom: -7px;
4989
    right: 26px;
4990
    border-top: 15px solid #fff;
4991
    border-right: 15px solid transparent;
4992
    -webkit-transform: rotate(225deg);
4993
    -moz-transform: rotate(225deg);
4994
    -ms-transform: rotate(225deg);
4995
    -o-transform: rotate(225deg);
4996
    transform: rotate(225deg);
4997
}
4998
 
4999
.con-title {
5000
    float: left;
5001
    width: 100%;
5002
    background-color: #e44d3a;
5003
    padding: 15px 25px;
5004
    -webkit-border-radius: 10px 10px 0 0;
5005
    -moz-border-radius: 10px 10px 0 0;
5006
    -ms-border-radius: 10px 10px 0 0;
5007
    -o-border-radius: 10px 10px 0 0;
5008
    border-radius: 10px 10px 0 0;
5009
}
5010
 
5011
.con-title h3 {
5012
    float: left;
5013
    color: #ffffff;
5014
    font-size: 16px;
5015
    font-weight: 600;
5016
}
5017
 
5018
.con-title>a {
5019
    float: right;
5020
    color: #fff;
5021
    font-size: 20px;
5022
}
5023
 
5024
.chat-list {
5025
    float: left;
5026
    width: 100%;
5027
    min-height: 390px;
5028
}
5029
 
5030
.conv-list {
5031
    float: left;
5032
    width: 100%;
5033
    display: table;
5034
    padding: 20px 25px;
5035
    position: relative;
5036
}
5037
 
5038
.conv-list:hover,
5039
.conv-list.active {
5040
    background-color: #efefef;
5041
}
5042
 
5043
.msg-numbers {
5044
    position: absolute;
5045
    bottom: 18px;
5046
    right: 25px;
5047
    width: 25px;
5048
    height: 25px;
5049
    background-color: #e77667;
5050
    text-align: center;
5051
    line-height: 25px;
5052
    color: #fff;
5053
    font-size: 13px;
5054
    -webkit-border-radius: 100px;
5055
    -moz-border-radius: 100px;
5056
    -ms-border-radius: 100px;
5057
    -o-border-radius: 100px;
5058
    border-radius: 100px;
5059
}
5060
 
5061
.usrr-pic {
5062
    display: table-cell;
5063
    position: relative;
5064
}
5065
 
5066
.active-status {
5067
    width: 9px;
5068
    height: 9px;
5069
    border: 2px solid #ecf5fb;
5070
    -webkit-border-radius: 100px;
5071
    -moz-border-radius: 100px;
5072
    -ms-border-radius: 100px;
5073
    -o-border-radius: 100px;
5074
    border-radius: 100px;
5075
    position: absolute;
5076
    top: -3px;
5077
    right: 0;
5078
}
5079
 
5080
.activee {
5081
    background-color: #e44d3a;
5082
}
5083
 
5084
.usy-info {
5085
    display: table-cell;
5086
    vertical-align: top;
5087
    width: 100%;
5088
    padding-left: 15px;
5089
}
5090
 
5091
.usy-info h3 {
5092
    color: #000000;
5093
    font-size: 18px;
5094
    font-weight: 600;
5095
    margin-bottom: 5px;
5096
}
5097
 
5098
.usy-info span {
5099
    color: #686868;
5100
    font-size: 16px;
5101
    float: left;
5102
}
5103
 
5104
.usy-info span img {
5105
    padding-left: 5px;
5106
    float: right;
5107
}
5108
 
5109
.ct-time {
5110
    position: absolute;
5111
    top: 20px;
5112
    right: 25px;
5113
}
5114
 
5115
.ct-time span {
5116
    color: #b2b2b2;
5117
    font-size: 14px;
5118
}
5119
 
5120
.st-icons {
5121
    float: right;
5122
    margin-top: 7px;
5123
}
5124
 
5125
.st-icons a {
5126
    color: #fff;
5127
    font-size: 20px;
5128
    margin-right: 5px;
5129
}
5130
 
5131
.chat-hist {
5132
    float: left;
5133
    width: 100%;
5134
    background-color: #fff;
5135
    height: 280px;
5136
}
5137
 
5138
.chat-msg {
5139
    float: left;
5140
    width: 100%;
5141
    padding-right: 25px;
5142
    margin-bottom: 15px;
5143
}
5144
 
5145
.chat-msg p {
5146
    color: #ffffff;
5147
    font-size: 14px;
5148
    background-color: #e44d3a;
5149
    line-height: 18px;
5150
    -webkit-border-radius: 15px;
5151
    -moz-border-radius: 15px;
5152
    -ms-border-radius: 15px;
5153
    -o-border-radius: 15px;
5154
    border-radius: 15px;
5155
    padding: 10px 15px;
5156
    width: 80%;
5157
    float: right;
5158
    margin-bottom: 10px;
5159
}
5160
 
5161
.mg-3 {
5162
    margin-bottom: 3px;
5163
}
5164
 
5165
.chat-msg span {
5166
    float: right;
5167
    color: #b1b1b1;
5168
    width: 100%;
5169
    font-size: 9px;
5170
    text-align: right;
5171
}
5172
 
5173
.status-info {
5174
    width: 8px;
5175
    height: 8px;
5176
    background-color: #fff;
5177
    -webkit-border-radius: 100px;
5178
    -moz-border-radius: 100px;
5179
    -ms-border-radius: 100px;
5180
    -o-border-radius: 100px;
5181
    border-radius: 100px;
5182
    display: inline-block;
5183
    margin-left: 7px;
5184
}
5185
 
5186
.chat-user-info h3 {
5187
    margin-top: 7px;
5188
    margin-left: 10px;
5189
}
5190
 
5191
.date-nd {
5192
    float: left;
5193
    width: 100%;
5194
    text-align: center;
5195
    margin-bottom: 20px;
5196
    position: relative;
5197
}
5198
 
5199
.date-nd:before,
5200
.date-nd:after {
5201
    content: "";
5202
    position: absolute;
5203
    top: 10px;
5204
    left: 15px;
5205
    width: 92px;
5206
    height: 1px;
5207
    background-color: #e5e5e5;
5208
}
5209
 
5210
.date-nd:after {
5211
    left: auto;
5212
    right: 15px;
5213
}
5214
 
5215
.date-nd span {
5216
    color: #b1b1b1;
5217
    font-size: 12px;
5218
    text-align: center;
5219
}
5220
 
5221
.chat-msg.st2 p {
5222
    background-color: #efefef;
5223
    color: #686868;
5224
    float: left;
5225
    width: 55%;
5226
}
5227
 
5228
.chat-msg.st2 {
5229
    padding-left: 25px;
5230
}
5231
 
5232
.chat-msg.st2 span {
5233
    float: left;
5234
    text-align: left;
5235
}
5236
 
5237
/* =========== typing-msg =========== */
5238
 
5239
.typing-msg {
5240
    float: left;
5241
    width: 100%;
5242
    border-top: 1px solid #e6e6e6;
5243
    padding-top: 15px;
5244
}
5245
 
5246
.typing-msg form {
5247
    float: left;
5248
    width: 100%;
5249
    position: relative;
5250
}
5251
 
5252
.typing-msg form textarea {
5253
    width: 100%;
5254
    height: 30px;
5255
    background-color: #fff;
5256
    padding: 0 20px;
5257
    color: #b2b2b2;
5258
    font-size: 16px;
5259
    border: 0;
5260
    resize: none;
5261
}
5262
 
5263
.typing-msg form button {
5264
    color: #e44d3a;
5265
    font-size: 18px;
5266
    font-weight: 600;
5267
    position: absolute;
5268
    top: 2px;
5269
    right: 20px;
5270
    background: none;
5271
    border: 0;
5272
    cursor: pointer;
5273
}
5274
 
5275
.ft-options {
5276
    float: left;
5277
    width: 100%;
5278
    padding: 0 20px 8px 20px;
5279
}
5280
 
5281
.ft-options li {
5282
    display: inline-block;
5283
    margin-right: 15px;
5284
}
5285
 
5286
.ft-options li a {
5287
    color: #b2b2b2;
5288
    font-size: 24px;
5289
    display: inline-block;
5290
}
5291
 
5292
.mCSB_scrollTools {
5293
    right: -5px;
5294
}
5295
 
5296
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
5297
    background-color: #cccccc;
5298
    width: 5px;
5299
}
5300
 
5301
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
5302
    opacity: 0;
5303
}
5304
 
5305
/* ============ Menu Btn =============*/
5306
 
5307
.menu-btn {
5308
    float: right;
5309
    display: none;
5310
}
5311
 
5312
.menu-btn a {
5313
    font-size: 24px;
5314
    color: #fff;
5315
    display: inline-block;
5316
    padding-top: 16px;
5317
    padding-left: 20px;
5318
}
5319
 
5320
/* ============= account-tabs-setting ============ */
5321
 
5322
/* .profile-account-setting {} */
5323
 
5324
.account-tabs-setting {
5325
    width: 100%;
5326
}
5327
 
2634 stevensc 5328
.account-tabs-setting h1 {
5329
    font-size: 1rem;
5330
    font-weight: 700;
5331
    margin: 2rem auto;
5332
    text-align: center;
5333
}
5334
 
1239 steven 5335
.acc-leftbar {
5336
    width: 100%;
5337
    background-color: #fff;
2629 stevensc 5338
    border: 1px solid #e5e5e5;
5339
    border-radius: 10px;
5340
    overflow: hidden;
1239 steven 5341
}
5342
 
5343
.acc-leftbar .nav-tabs>a {
5344
    border-bottom: 1px solid #e5e5e5;
2630 stevensc 5345
    color: #666666;
1239 steven 5346
    font-size: 16px;
2629 stevensc 5347
    font-weight: 700;
5348
    margin: 0 auto;
2646 stevensc 5349
    padding: 1rem 0;
2629 stevensc 5350
    width: 90%;
1239 steven 5351
}
5352
 
5353
.nav-tabs {
5354
    border-bottom: 0;
5355
}
5356
 
5357
.acc-leftbar .nav-tabs>a:last-child {
5358
    border-bottom: 0;
5359
}
5360
 
5361
.acc-leftbar .nav-tabs>a i {
2632 stevensc 5362
    font-size: 1.5rem;
1239 steven 5363
    position: relative;
2632 stevensc 5364
    width: 50px;
5365
    height: 50px;
5366
    display: inline-flex;
5367
    align-items: center;
5368
    background-color: #f5f5f5;
5369
    border-radius: 100px;
5370
    justify-content: center;
5371
    margin-right: 5px;
1239 steven 5372
}
5373
 
5374
.nav-tabs .nav-item.show .nav-link,
5375
.nav-tabs .nav-link.active {
5376
    background-color: inherit;
5377
    color: #e44d3a;
5378
    border-color: inherit;
5379
}
5380
 
5381
/* ============= acc-setting ============ */
5382
 
2633 stevensc 5383
.settings-container {
5384
    font-weight: normal;
5385
}
5386
 
5387
.settings-container h2 {
2634 stevensc 5388
    font-weight: normal;
2633 stevensc 5389
    margin: .5rem auto;
5390
}
5391
 
5392
.acc-setting_content {
5393
    padding: 2rem 1rem;
1239 steven 5394
    width: 100%;
2633 stevensc 5395
    overflow: hidden;
5396
    border-radius: 10px;
1239 steven 5397
    background-color: #fff;
2633 stevensc 5398
    border: 1px solid #e5e5e5;
5399
    box-shadow: 1px 0 4px var(--background-gray);
1239 steven 5400
}
5401
 
5402
.acc-setting form {
5403
    float: left;
5404
    width: 100%;
5405
}
5406
 
5407
.acc-setting>h3 {
5408
    width: 100%;
5409
    color: #000000;
5410
    font-weight: 600;
5411
    font-size: 18px;
5412
    text-transform: capitalize;
5413
    border-bottom: 1px solid #e5e5e5;
5414
    padding: 17px 20px;
5415
}
5416
 
5417
.notbar {
5418
    float: left;
5419
    width: 100%;
5420
    border-bottom: 1px solid #e5e5e5;
5421
    padding: 20px;
5422
    position: relative;
5423
}
5424
 
5425
.notbar h4 {
5426
    color: #000000;
5427
    font-size: 16px;
5428
    font-weight: 600;
5429
    margin-bottom: 5px;
5430
}
5431
 
5432
.notbar p {
5433
    color: #686868;
5434
    font-size: 14px;
5435
    line-height: 24px;
5436
    width: 75%;
5437
}
5438
 
5439
.toggle-btn {
5440
    position: absolute;
5441
    top: 35px;
5442
    right: 20px;
5443
}
5444
 
5445
.save-stngs {
5446
    float: left;
5447
    width: 100%;
5448
    padding: 30px 20px 50px 20px;
5449
}
5450
 
5451
.save-stngs.pd2 {
5452
    padding: 25px 20px 42px 20px;
5453
}
5454
 
5455
.save-stngs.pd3 {
5456
    padding: 25px 20px 25px 20px;
5457
}
5458
 
5459
.save-stngs ul li {
5460
    display: inline-block;
5461
    margin-right: 17px;
5462
}
5463
 
5464
.save-stngs ul li button {
5465
    display: inline-block;
5466
    color: #000000;
5467
    font-size: 16px;
5468
    border: 1px solid #e5e5e5;
5469
    height: 40px;
5470
    line-height: 40px;
5471
    padding: 0 22px;
5472
    font-weight: 600;
5473
    background: none;
5474
    cursor: pointer;
5475
}
5476
 
5477
.save-stngs ul li button:hover {
5478
    background-color: #e44d3a;
5479
    color: #fff;
5480
    border-color: transparent;
5481
}
5482
 
5483
/* =============== Password Update ============ */
5484
 
2648 stevensc 5485
.cp-field,
5486
.cp-field2 {
1239 steven 5487
    width: 100%;
5488
}
5489
 
2643 stevensc 5490
@media (min-width: 992px) {
5491
    .cp-field {
2644 stevensc 5492
        width: 47%;
2643 stevensc 5493
    }
2681 stevensc 5494
 
2648 stevensc 5495
    .cp-field2 {
2649 stevensc 5496
        width: 80%;
2648 stevensc 5497
    }
2643 stevensc 5498
}
5499
 
1239 steven 5500
.cp-field h5 {
5501
    color: #000000;
5502
    font-size: 16px;
5503
    font-weight: 600;
5504
    float: left;
5505
    width: 100%;
5506
    margin-bottom: 10px;
5507
}
5508
 
5509
.cp-field h5 a {
5510
    color: #000;
5511
}
5512
 
5513
.cpp-fiel {
5514
    width: 100%;
5515
    position: relative;
5516
}
5517
 
2642 stevensc 5518
.cp-field input,
2644 stevensc 5519
.cp-field select,
5520
.custom-input {
1239 steven 5521
    height: 40px;
5522
    padding: 0 40px;
5523
}
5524
 
5525
.cp-field input,
2642 stevensc 5526
.cp-field textarea,
2644 stevensc 5527
.cp-field select,
5528
.custom-input {
2645 stevensc 5529
    width: 100% !important;
5530
    background-color: #f5f5f5 !important;
5531
    box-shadow: 0 0 2px var(--border-light-gray) !important;
5532
    border-radius: 10px !important;
5533
    border: none !important;
2635 stevensc 5534
    margin-top: 4px;
1239 steven 5535
}
5536
 
5537
.cp-field textarea {
5538
    padding: 20px;
5539
    height: 115px;
5540
}
5541
 
5542
.cpp-fiel i {
5543
    position: absolute;
5544
    top: 12px;
5545
    left: 15px;
5546
    color: #b2b2b2;
5547
    font-size: 16px;
5548
}
5549
 
5550
/* =============== notifications-list ============= */
5551
 
5552
.notifications-list {
5553
    float: left;
5554
    width: 100%;
5555
}
5556
 
5557
.notfication-details {
5558
    float: left;
5559
    width: 100%;
5560
    padding: 20px;
5561
    border-bottom: 1px solid #e5e5e5;
5562
}
5563
 
5564
.notfication-details:last-child {
5565
    border-bottom: 0;
5566
}
5567
 
5568
.noty-user-img {
5569
    float: left;
5570
    width: 35px;
5571
}
5572
 
5573
.noty-user-img img {
5574
    width: 100%;
5575
}
5576
 
5577
.notification-info {
5578
    float: left;
5579
    width: auto;
5580
    padding-left: 10px;
5581
}
5582
 
5583
.notification-info h3 {
5584
    color: #686868;
5585
    font-size: 14px;
5586
    font-weight: 500;
5587
    border: 0;
5588
    padding: 0;
5589
    margin-bottom: 6px;
5590
}
5591
 
5592
.notification-info h3 a {
5593
    color: #000000;
5594
    font-size: 16px;
5595
    font-weight: 600;
5596
    display: inline-block;
5597
}
5598
 
5599
.notification-info>span {
5600
    display: inline-block;
5601
    color: #b2b2b2;
5602
    font-size: 12px;
5603
    font-weight: 600;
5604
}
5605
 
5606
/* ============== requests-list ============== */
5607
 
5608
.requests-list {
5609
    float: left;
5610
    width: 100%;
5611
    padding-bottom: 0;
5612
}
5613
 
5614
.request-details {
5615
    float: left;
5616
    width: 100%;
5617
    padding: 20px;
5618
    border-bottom: 1px solid #e5e5e5;
5619
}
5620
 
5621
.request-details:last-child {
5622
    border-bottom: 0;
5623
}
5624
 
5625
.request-info {
5626
    float: left;
5627
    padding-left: 10px;
5628
}
5629
 
5630
.request-info h3 {
5631
    color: #000000;
5632
    font-size: 14px;
5633
    font-weight: 600;
5634
    padding: 0;
5635
    border: 0;
5636
    margin-bottom: 3px;
5637
}
5638
 
5639
.request-info span {
5640
    color: #686868;
5641
    font-size: 12px;
5642
    display: inline-block;
5643
}
5644
 
5645
.accept-feat {
5646
    float: right;
5647
}
5648
 
5649
.accept-feat ul li {
5650
    display: inline-block;
5651
}
5652
 
5653
.accept-feat ul li button {
5654
    cursor: pointer;
5655
}
5656
 
5657
.accept-req {
5658
    color: #ffffff;
5659
    font-size: 16px;
5660
    background-color: #51a5fb;
5661
    height: 30px;
5662
    padding: 0 20px;
5663
    font-weight: 600;
5664
    border: 0;
5665
    border: 1px solid #51a5fb;
5666
}
5667
 
5668
.close-req {
5669
    height: 30px;
5670
    width: 30px;
5671
    text-align: center;
5672
    line-height: 30px;
5673
    border: 1px solid #e5e5e5;
5674
    background: inherit;
5675
    color: #b2b2b2;
5676
    margin-left: 7px;
5677
}
5678
 
5679
.close-req i {
5680
    font-weight: 600;
5681
}
5682
 
5683
/* ============= Profile Sattus =========== */
5684
 
5685
.profile-bx-details {
5686
    float: left;
5687
    width: 100%;
5688
    padding: 30px 7px 30px 7px;
5689
}
5690
 
5691
.profile-bx-details .row .col-lg-3 {
5692
    padding: 0 7px;
5693
}
5694
 
5695
.profile-bx-info {
5696
    float: left;
5697
    width: 100%;
5698
    background-color: #f2f2f2;
5699
    padding: 20px;
5700
    border: 1px solid #e5e5e5;
5701
}
5702
 
5703
.pro-bx {
5704
    float: left;
5705
    width: 100%;
5706
    border-bottom: 1px solid #e5e5e5;
5707
    padding-bottom: 10px;
5708
}
5709
 
5710
.bx-info {
5711
    float: left;
5712
    margin-top: 7px;
5713
    padding-left: 10px;
5714
}
5715
 
5716
.bx-info h3 {
5717
    color: #e44d3a;
5718
    font-size: 20px;
5719
    font-weight: 600;
5720
    margin-bottom: 5px;
5721
}
5722
 
5723
.bx-info h5 {
5724
    color: #000000;
5725
    font-size: 14px;
5726
    font-weight: 600;
5727
    margin: 0;
5728
    padding: 0;
5729
    border: 0;
5730
}
5731
 
5732
.pd-left-20 {
5733
    padding-left: 20px;
5734
    padding-right: 0;
5735
}
5736
 
5737
.pd-left-15 {
5738
    padding-left: 15px;
5739
    padding-right: 0;
5740
}
5741
 
5742
.pd-left-right {
5743
    padding-left: 15px;
5744
    padding-right: 20px;
5745
}
5746
 
5747
.profile-bx-info>p {
5748
    float: left;
5749
    width: 100%;
5750
    font-size: 14px;
5751
    line-height: 20px;
5752
    padding-top: 5px;
5753
}
5754
 
5755
/* =========== pro-work-status ========= */
5756
 
5757
.pro-work-status {
5758
    float: left;
5759
    width: 100%;
5760
    padding: 0 15px;
5761
}
5762
 
5763
.pro-work-status h4 {
5764
    color: #000000;
5765
    font-size: 18px;
5766
    font-weight: 600;
5767
    margin-bottom: 50px;
5768
}
5769
 
5770
/* ============== messages-page ============== */
5771
 
5772
.messages-page {
5773
    padding: 20px 0;
5774
}
5775
 
5776
.messages-sec {
5777
    width: 100%;
5778
    border-radius: 10px;
5779
    overflow: hidden;
1875 steven 5780
    background-color: transparent;
1239 steven 5781
}
5782
 
5783
.msgs-list {
5784
    width: 100%;
5785
}
5786
 
5787
.inmail_conversations-list {
5788
    border-right: 1px solid #3333;
5789
    padding-left: 0;
5790
    padding-right: 0;
5791
}
5792
 
5793
.msg-title {
5794
    padding: 20px;
5795
    border-bottom: 2px solid #3333;
5796
}
5797
 
2197 stevensc 5798
.active-tab {
1940 steven 5799
    border-bottom: solid 2px #E4E4E4;
5800
}
5801
 
1239 steven 5802
.msg-title>h3 {
5803
    color: #000000;
5804
    font-size: 18px;
5805
    font-weight: 600;
5806
}
5807
 
5808
.msg-title>ul {
5809
    float: right;
5810
    position: relative;
5811
    top: 1px;
5812
}
5813
 
5814
.msg-title ul li {
5815
    display: inline-block;
5816
    margin-right: 15px;
5817
    border-bottom: 1px solid #3333;
5818
}
5819
 
5820
.msg-title ul li:last-child {
5821
    margin-right: 0;
5822
}
5823
 
5824
.msg-title ul li a {
5825
    color: #b2b2b2;
5826
    font-size: 18px;
5827
}
5828
 
5829
.messages-list {
5830
    float: left;
5831
    width: 100%;
2593 stevensc 5832
    overflow-y: scroll;
1239 steven 5833
}
5834
 
2197 stevensc 5835
.date-chat {
2170 steven 5836
    font-size: .6rem;
5837
    color: var(--gray);
5838
    padding-top: 5%;
5839
}
5840
 
1239 steven 5841
.messages-list ul {
5842
    float: left;
5843
    width: 100%;
5844
}
5845
 
2197 stevensc 5846
.text-chat-title {
2171 steven 5847
    color: var(--gray) !important;
5848
    font-size: 1rem;
5849
}
5850
 
1239 steven 5851
.messages-list ul li {
5852
    float: left;
5853
    width: 100%;
1949 steven 5854
    padding: 3%;
1239 steven 5855
    border-bottom: 1px solid #eeeeee;
5856
    cursor: pointer;
5857
}
5858
 
2124 steven 5859
 
1239 steven 5860
.messages-list ul li.active {
5861
    background-color: #efefef;
5862
}
5863
 
5864
.usr-msg-details {
5865
    float: left;
5866
    position: relative;
5867
    width: 100%;
2726 stevensc 5868
    padding: .5rem 1rem;
5869
    border-radius: 10px;
1239 steven 5870
}
5871
 
2726 stevensc 5872
.usr-msg-details:hover {
5873
    background: var(--background-light-gray);
5874
}
5875
 
1239 steven 5876
.usr-ms-img {
5877
    float: left;
5878
    width: 50px;
5879
    position: relative;
5880
}
5881
 
5882
.msg-status {
5883
    -webkit-border-radius: 100px;
5884
    -moz-border-radius: 100px;
5885
    -ms-border-radius: 100px;
5886
    -o-border-radius: 100px;
5887
    border-radius: 100px;
5888
    background-color: #e44d3a;
5889
    position: absolute;
5890
    top: -3px;
5891
    right: 0;
5892
    width: 6px;
5893
    height: 6px;
5894
}
5895
 
5896
.messages-list ul li.active .msg-status {
5897
    border: 2px solid #ecf5fb;
5898
    height: 10px;
5899
    width: 10px;
5900
}
5901
 
5902
.msg-notifc {
5903
    position: absolute;
1872 steven 5904
    /* bottom: 0;
5905
    right: 0; */
1239 steven 5906
    width: 25px;
5907
    height: 25px;
5908
    -webkit-border-radius: 100px;
5909
    -moz-border-radius: 100px;
5910
    -ms-border-radius: 100px;
5911
    -o-border-radius: 100px;
5912
    border-radius: 100px;
5913
    background-color: #e77667;
5914
    text-align: center;
5915
    line-height: 25px;
5916
    font-size: 13px;
5917
    color: #fff;
5918
}
5919
 
5920
.usr-ms-img img {
5921
    width: 100%;
5922
    -webkit-border-radius: 100px;
5923
    -moz-border-radius: 100px;
5924
    -ms-border-radius: 100px;
5925
    -o-border-radius: 100px;
5926
    border-radius: 100px;
5927
}
5928
 
5929
.usr-mg-info {
5930
    float: left;
5931
    padding-left: 13px;
5932
    margin-top: 4px;
5933
}
5934
 
5935
.usr-mg-info h3 {
5936
    color: #000000;
5937
    font-size: 18px;
5938
    font-weight: 600;
5939
}
5940
 
5941
.usr-mg-info p {
5942
    color: #686868;
5943
    font-size: 16px;
5944
}
5945
 
5946
.usr-mg-info p img {
5947
    float: right;
5948
    position: relative;
5949
    top: 5px;
5950
    padding-left: 5px;
5951
}
5952
 
5953
.posted_time {
5954
    position: absolute;
5955
    top: 2px;
5956
    right: 0;
5957
    color: #b2b2b2;
5958
    font-size: 14px;
5959
}
5960
 
5961
/* =============== main-message-box ============= */
5962
 
5963
.main-conversation-box {
5964
    width: 100%;
5965
    background-color: #fff;
5966
    position: relative;
2587 stevensc 5967
    height: 80vh;
5968
    display: grid;
5969
    grid-template-rows: auto 65% auto;
1239 steven 5970
}
5971
 
2748 stevensc 5972
.inmail-conversation-container {
5973
    width: 100%;
5974
    background-color: #fff;
5975
    position: relative;
5976
    height: 80vh;
5977
    gap: .5rem;
5978
    display: grid;
3093 stevensc 5979
    grid-template-rows: 5% 80% 15%;
2748 stevensc 5980
}
5981
 
3093 stevensc 5982
@media (min-width: 992px) {
5983
    .inmail-conversation-container {
5984
        grid-template-rows: 85% 15%;
5985
    }
5986
}
5987
 
2748 stevensc 5988
.inmail-conversation-box {
5989
    width: 100%;
5990
    position: relative;
5991
    display: grid;
2749 stevensc 5992
    grid-template-rows: auto 90%;
5993
    overflow: hidden;
2748 stevensc 5994
}
5995
 
1239 steven 5996
.message-bar-head {
5997
    height: 13vh;
5998
    width: 100%;
5999
    padding: 20px;
1880 steven 6000
    border-bottom: 1px solid var(--border-light-gray);
1239 steven 6001
}
6002
 
6003
.message-bar-head .usr-msg-details {
6004
    width: auto;
6005
}
6006
 
6007
.message-bar-head>a {
6008
    float: right;
6009
    color: #b2b2b2;
6010
    font-size: 20px;
6011
    padding-top: 15px;
6012
}
6013
 
6014
.main-message-box {
6015
    display: flex;
6016
    width: 100%;
6017
    position: relative;
6018
    margin-bottom: 15.5px;
6019
}
6020
 
6021
.messg-usr-img {
6022
    margin-left: 20px;
6023
    width: 50px;
6024
}
6025
 
6026
.messg-usr-img img {
6027
    width: 100%;
6028
    -webkit-border-radius: 100px;
6029
    -moz-border-radius: 100px;
6030
    -ms-border-radius: 100px;
6031
    -o-border-radius: 100px;
6032
    border-radius: 100px;
6033
}
6034
 
6035
.message-dt {
6036
    width: auto;
6037
    margin-left: 15px;
6038
}
6039
 
6040
.main-message-box.ta-right {
6041
    flex-direction: row-reverse;
6042
}
6043
 
6044
.main-message-box.ta-right .messg-usr-img {
6045
    margin-left: 0;
6046
    margin-right: 20px;
6047
}
6048
 
6049
.main-message-box.ta-right .message-dt {
6050
    margin-right: 15px;
6051
}
6052
 
6053
.main-message-box.ta-right .message-dt>span {
6054
    float: right;
6055
    width: auto;
6056
}
6057
 
6058
.message-inner-dt {
6059
    -webkit-border-radius: 15px;
6060
    -moz-border-radius: 15px;
6061
    -ms-border-radius: 15px;
6062
    -o-border-radius: 15px;
6063
    border-radius: 15px;
6064
    width: 100%;
6065
    border-bottom-left-radius: 0;
6066
}
6067
 
6068
.img-bx {
6069
    background-color: #efefef;
6070
    padding: 20px;
6071
}
6072
 
6073
.message-inner-dt>img {
6074
    display: inline-block;
6075
    width: auto;
6076
    margin-right: 5px;
6077
}
6078
 
6079
.message-dt>span {
6080
    color: #b2b2b2;
6081
    font-size: 14px;
6082
    float: left;
6083
    width: 100%;
6084
    margin-top: 7px;
6085
}
6086
 
6087
.message-inner-dt>p {
6088
    font-size: 14px;
6089
    line-height: 22px;
6090
    padding: 2px 10px;
6091
    color: #000;
6092
    -webkit-border-radius: 15px;
6093
    -moz-border-radius: 15px;
6094
    -ms-border-radius: 15px;
6095
    -o-border-radius: 15px;
6096
    border-radius: 15px;
6097
}
6098
 
6099
.message-dt.st3 .message-inner-dt>p {
6100
    background-color: #efefef;
6101
    color: #686868;
6102
    width: auto;
6103
    padding: 10px 15px;
6104
    float: left;
6105
}
6106
 
6107
.message-dt.st3 .message-inner-dt>p img {
6108
    float: right;
6109
    position: relative;
6110
    top: 3px;
6111
    padding-left: 5px;
6112
}
6113
 
6114
.main-message-box.st3 .messg-usr-img {
6115
    bottom: 13px;
6116
}
6117
 
6118
.messages-line {
6119
    width: 100%;
6120
    height: 604px;
6121
}
6122
 
6123
/* ============== message-send-area ============ */
6124
 
6125
.message-send-area {
6126
    width: 100%;
2749 stevensc 6127
    background: #fff;
6128
    padding: .5rem;
6129
    height: fit-content;
1239 steven 6130
}
2197 stevensc 6131
 
6132
.inmail-submit-btn {
1879 steven 6133
    width: 6%;
6134
}
1239 steven 6135
 
6136
.message-send-area form {
6137
    width: 100%;
6138
}
6139
 
6140
.mf-field {
6141
    width: 100%;
6142
    display: flex;
2749 stevensc 6143
    align-items: center;
2588 stevensc 6144
    gap: .5rem;
1239 steven 6145
}
6146
 
2590 stevensc 6147
.chat-header a {
6148
    text-decoration: none;
6149
    color: var(--dark);
6150
}
6151
 
6152
.chat-header h2 {
6153
    font-weight: 700;
6154
    text-align: center;
6155
}
6156
 
2592 stevensc 6157
.chat_contacts {
6158
    display: grid;
6159
    grid-template-rows: auto auto 1fr;
6160
    max-height: 80vh;
6161
}
6162
 
1239 steven 6163
.mf-field input {
6164
    flex: 1;
2749 stevensc 6165
    background-color: #fbf9f9;
2752 stevensc 6166
    border: none;
1239 steven 6167
    color: #b2b2b2;
6168
    font-size: 16px;
6169
    padding: 0 15px;
6170
    height: 45px;
2749 stevensc 6171
    border-radius: 100px;
1239 steven 6172
}
6173
 
6174
 
6175
.message-send-area form>ul {
6176
    float: left;
6177
    width: 100%;
6178
    margin-top: 15px;
6179
}
6180
 
6181
.message-send-area form>ul li {
6182
    display: inline-block;
6183
    margin-right: 20px;
6184
}
6185
 
6186
.message-send-area form>ul li a {
6187
    color: #b2b2b2;
6188
    font-size: 18px;
6189
}
6190
 
6191
/* ============== forum-links ============= */
6192
 
6193
.forum-sec {
6194
    background-color: #fff;
6195
}
6196
 
6197
.forum-links {
6198
    float: left;
6199
    width: 100%;
6200
}
6201
 
6202
.forum-links.active {
6203
    opacity: 1;
6204
    visibility: visible;
6205
    z-index: 9999;
6206
}
6207
 
6208
.forum-links ul li {
6209
    display: inline-block;
6210
    padding: 20px 0;
6211
    margin-right: 45px;
6212
    border-bottom: 2px solid transparent;
6213
}
6214
 
6215
.forum-links ul li.active {
6216
    border-color: #e44d3a;
6217
}
6218
 
6219
.forum-links ul li.active a {
6220
    color: #e44d3a;
6221
}
6222
 
6223
.forum-links ul li a {
6224
    display: inline-block;
6225
    color: #b2b2b2;
6226
    font-size: 14px;
6227
    font-weight: 600;
6228
}
6229
 
6230
.forum-links-btn {
6231
    float: left;
6232
    width: 100%;
6233
    text-align: center;
6234
    display: none;
6235
    padding: 20px 0;
6236
}
6237
 
6238
.forum-links-btn a {
6239
    color: #000;
6240
    font-size: 30px;
6241
    display: inline-block;
6242
}
6243
 
6244
/* ================ forum-page =============== */
6245
 
6246
.forum-page {
6247
    padding: 50px 0;
6248
}
6249
 
6250
.forum-questions-sec {
6251
    float: left;
6252
    width: 100%;
6253
}
6254
 
6255
.forum-questions {
6256
    float: left;
6257
    width: 100%;
6258
    background-color: #fff;
6259
}
6260
 
6261
.usr-question {
6262
    float: left;
6263
    width: 100%;
6264
    position: relative;
6265
    padding: 25px;
6266
    border-bottom: 1px solid #e5e5e5;
6267
}
6268
 
6269
.usr_img {
6270
    float: left;
6271
    width: 60px;
6272
}
6273
 
6274
.usr_img img {
6275
    width: 100%;
6276
    -webkit-border-radius: 100px;
6277
    -moz-border-radius: 100px;
6278
    -ms-border-radius: 100px;
6279
    -o-border-radius: 100px;
6280
    border-radius: 100px;
6281
}
6282
 
6283
.usr_quest {
6284
    float: left;
6285
    width: 90%;
6286
    padding-left: 15px;
6287
}
6288
 
6289
.usr_quest>h3 {
6290
    color: #000000;
6291
    font-size: 17px;
6292
    font-weight: 600;
6293
    margin-bottom: 20px;
6294
}
6295
 
6296
.forum-post-view .usr_quest>h3 {
6297
    margin-bottom: 10px;
6298
}
6299
 
6300
.react-links {
6301
    float: left;
6302
    width: 100%;
6303
}
6304
 
6305
.react-links li {
6306
    display: inline-block;
6307
    margin-right: 30px;
6308
}
6309
 
6310
.react-links li a {
6311
    display: inline-block;
6312
    color: #b2b2b2;
6313
    font-size: 14px;
6314
    font-weight: 600;
6315
}
6316
 
6317
.react-links li a:hover {
6318
    color: #e44d3a;
6319
}
6320
 
6321
.react-links li a i {
6322
    padding-right: 7px;
6323
}
6324
 
6325
.react-links li:last-child {
6326
    margin-right: 0;
6327
}
6328
 
6329
/* ============= quest-tags ============ */
6330
 
6331
.quest-tags {
6332
    float: left;
6333
    width: 100%;
6334
    margin-top: 20px;
6335
}
6336
 
6337
.quest-tags li {
6338
    display: inline-block;
6339
    margin-right: 10px;
6340
}
6341
 
6342
.quest-tags li a {
6343
    display: inline-block;
6344
    color: #ffffff;
6345
    background-color: #53d690;
6346
    -webkit-border-radius: 3px;
6347
    -moz-border-radius: 3px;
6348
    -ms-border-radius: 3px;
6349
    -o-border-radius: 3px;
6350
    border-radius: 3px;
6351
    padding: 7px 25px;
6352
}
6353
 
6354
.quest-posted-time {
6355
    position: absolute;
6356
    bottom: 30px;
6357
    right: 20px;
6358
    color: #b2b2b2;
6359
    font-size: 14px;
6360
}
6361
 
6362
.quest-posted-time i {
6363
    padding-right: 5px;
6364
}
6365
 
6366
.pd-right-none {
6367
    padding-right: 0;
6368
}
6369
 
6370
/* =========== navigation ============ */
6371
 
6372
.pagination {
6373
    float: left;
6374
    width: 100%;
6375
    /* background-color: #fff; */
6376
    padding: 13px 25px;
6377
}
6378
 
6379
.full-pagi {
6380
    float: left;
6381
    width: 100%;
6382
    padding-right: 0;
6383
    text-align: inherit;
6384
    margin-top: 20px;
6385
}
6386
 
6387
.pagination li {
6388
    padding: 0;
6389
    margin-right: 10px;
6390
}
6391
 
6392
.pagination li .page-link {
6393
    /* background-color: #e5e5e5; */
6394
    color: #b2b2b2;
6395
}
6396
 
6397
.pagination li .page-link.active {
6398
    background-color: #e44d3a;
6399
    color: #fff;
6400
    border-color: transparent;
6401
}
6402
 
6403
.pvr {
6404
    padding: 0.5rem 30px;
6405
}
6406
 
6407
/* ============ User Widget =========== */
6408
 
6409
.title-wd {
6410
    float: left;
6411
    width: 100%;
6412
    color: #000000;
6413
    font-size: 18px;
6414
    font-weight: 600;
6415
    border-bottom: 1px solid #e5e5e5;
6416
    padding: 25px 20px;
6417
}
6418
 
6419
.widget-user ul {
6420
    float: left;
6421
    width: 100%;
6422
    padding: 15px 0;
6423
}
6424
 
6425
.widget-user ul li {
6426
    float: left;
6427
    width: 100%;
6428
    padding: 15px 20px;
6429
}
6430
 
6431
.widget-user ul li .usr-msg-details {
6432
    float: left;
6433
    width: auto;
6434
}
6435
 
6436
.widget-user ul li .usr-ms-img {
6437
    width: 35px;
6438
}
6439
 
6440
.widget-user ul li .usr-mg-info h3 {
6441
    font-size: 14px;
6442
}
6443
 
6444
.widget-user ul li .usr-mg-info p {
6445
    font-size: 12px;
6446
}
6447
 
6448
.widget-user ul li>span {
6449
    color: #686868;
6450
    font-size: 16px;
6451
    float: right;
6452
    margin-top: 10px;
6453
}
6454
 
6455
.widget-user ul li>span img {
6456
    padding-right: 5px;
6457
}
6458
 
6459
/* ============== widget-adver ============ */
6460
 
6461
.widget-adver img {
6462
    width: 100%;
6463
}
6464
 
6465
/* ============ forum-post-view ============ */
6466
 
6467
.forum-post-view {
6468
    float: left;
6469
    width: 100%;
6470
    background-color: #fff;
6471
    padding: 25px 25px 0 25px;
6472
    border-bottom: 1px solid #e5e5e5;
6473
}
6474
 
6475
.forum-post-view .usr-question {
6476
    border-bottom: 0;
6477
    padding: 0;
6478
}
6479
 
6480
.forum-post-view .usr_quest span {
6481
    color: #b2b2b2;
6482
    font-size: 14px;
6483
    display: inline-block;
6484
    margin-bottom: 20px;
6485
}
6486
 
6487
.forum-post-view .usr_quest span i {
6488
    padding-right: 7px;
6489
}
6490
 
6491
.forum-post-view .quest-tags {
6492
    margin-bottom: 30px;
6493
}
6494
 
6495
.forum-post-view .usr_quest>p {
6496
    float: left;
6497
    width: 100%;
6498
    color: #686868;
6499
    font-size: 14px;
6500
    line-height: 24px;
6501
    margin-bottom: 40px;
6502
}
6503
 
6504
.forum-post-view .comment-section {
6505
    padding: 0;
6506
}
6507
 
6508
.forum-post-view .comment-section>h3 {
6509
    float: left;
6510
    width: 100%;
6511
    color: #000000;
6512
    font-size: 18px;
6513
    font-weight: 600;
6514
    border-bottom: 1px solid #e5e5e5;
6515
    padding-bottom: 15px;
6516
}
6517
 
6518
.forum-post-view .comment-sec ul li {
6519
    border-bottom: 1px solid #e5e5e5;
6520
    padding: 23px 0;
6521
}
6522
 
6523
.forum-post-view .comment span {
6524
    margin-bottom: 10px;
6525
}
6526
 
6527
.forum-post-view .comment-list {
6528
    padding-bottom: 0;
6529
    margin-bottom: -4px;
6530
}
6531
 
6532
.forum-post-view .comment p {
6533
    margin: 0;
6534
    margin-top: 5px;
6535
}
6536
 
6537
.forum-post-view .comment h3 {
6538
    margin-bottom: 9px;
6539
}
6540
 
6541
.forum-post-view .comment-sec ul li:last-child {
6542
    border-bottom: 0;
6543
}
6544
 
6545
/* =============== post-comment-box ============= */
6546
 
6547
.post-comment-box {
6548
    float: left;
6549
    width: 100%;
6550
    padding: 20px;
6551
    background-color: #fff;
6552
}
6553
 
6554
.post-comment-box h3 {
6555
    float: left;
6556
    width: 100%;
6557
    color: #000000;
6558
    font-size: 18px;
6559
    font-weight: 600;
6560
    margin-bottom: 30px;
6561
}
6562
 
6563
.user-poster {
6564
    float: left;
6565
    width: 100%;
6566
}
6567
 
6568
.usr-post-img {
6569
    float: left;
6570
    width: 50px;
6571
    margin-right: 15px;
6572
}
6573
 
6574
.usr-post-img img {
6575
    width: 100%;
6576
    -webkit-border-radius: 100px;
6577
    -moz-border-radius: 100px;
6578
    -ms-border-radius: 100px;
6579
    -o-border-radius: 100px;
6580
    border-radius: 100px;
6581
}
6582
 
6583
.post_comment_sec {
6584
    float: left;
6585
    width: 90%;
6586
}
6587
 
6588
.post_comment_sec form {
6589
    float: left;
6590
    width: 100%;
6591
}
6592
 
6593
.post_comment_sec form textarea {
6594
    float: left;
6595
    width: 100%;
6596
    height: 130px;
6597
    border: 1px solid #dce2eb;
6598
    padding: 15px;
6599
    resize: none;
6600
}
6601
 
6602
.post_comment_sec form button {
6603
    color: #ffffff;
6604
    font-size: 14px;
6605
    background-color: #e44d3a;
6606
    padding: 10px 25px;
6607
    border: 0;
6608
    font-weight: 600;
6609
    margin-top: 20px;
6610
    cursor: pointer;
6611
}
6612
 
6613
/* ======== next-prev ========*/
6614
 
6615
.next-prev {
6616
    float: left;
6617
    width: 100%;
6618
    background-color: #fff;
6619
    margin-top: 20px;
6620
    padding: 12px 25px;
6621
}
6622
 
6623
.next-prev>a {
6624
    width: 90px;
6625
    height: 35px;
6626
    text-align: center;
6627
    line-height: 35px;
6628
    color: #b2b2b2;
6629
    font-size: 14px;
6630
    background-color: #e5e5e5;
6631
}
6632
 
6633
.next-prev>a:hover {
6634
    color: #fff;
6635
    background-color: #e44d3a;
6636
}
6637
 
6638
.fl-left {
6639
    float: left;
6640
}
6641
 
6642
.fl-right {
6643
    float: right;
6644
}
6645
 
6646
/* ========== widget-feat ========= */
6647
 
6648
.widget-feat {
6649
    padding: 25px 20px;
6650
}
6651
 
6652
.widget-feat ul {
6653
    float: left;
6654
    width: 100%;
6655
}
6656
 
6657
.widget-feat ul li {
6658
    float: left;
6659
    width: 25%;
6660
    text-align: center;
6661
}
6662
 
6663
.widget-feat ul li i {
6664
    display: block;
6665
    font-size: 18px;
6666
    margin-bottom: 9px;
6667
}
6668
 
6669
.widget-feat ul li span {
6670
    display: block;
6671
    color: #686868;
6672
    font-size: 16px;
6673
    font-weight: 500;
6674
}
6675
 
6676
.widget-feat ul li i.fa-heart {
6677
    color: #53d690;
6678
}
6679
 
6680
.widget-feat ul li i.fa-comment {
6681
    color: #e44d3a;
6682
}
6683
 
6684
.widget-feat ul li i.fa-share-alt {
6685
    color: #51a5fb;
6686
}
6687
 
6688
.widget-feat ul li i.fa-eye {
6689
    color: #00b540;
6690
}
6691
 
6692
/* =============== ANIMATION LOADER =============== */
6693
 
6694
.spinner {
6695
    margin: 0 auto 0;
6696
    width: 80px;
6697
    text-align: center;
6698
    height: 80px;
6699
    border-radius: 100px;
6700
    background-color: #fff;
6701
    line-height: 80px;
6702
    border: 1px solid #e1e1e1;
6703
    cursor: pointer;
6704
}
6705
 
6706
.spinner>div {
6707
    width: 15px;
6708
    height: 15px;
6709
    background-color: #b9b9b9;
6710
    border-radius: 100%;
6711
    display: inline-block;
6712
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
6713
    animation: sk-bouncedelay 1.4s infinite ease-in-out both;
6714
}
6715
 
6716
.spinner .bounce1 {
6717
    -webkit-animation-delay: -0.32s;
6718
    animation-delay: -0.32s;
6719
}
6720
 
6721
.spinner .bounce2 {
6722
    -webkit-animation-delay: -0.16s;
6723
    animation-delay: -0.16s;
6724
}
6725
 
6726
@-webkit-keyframes sk-bouncedelay {
2197 stevensc 6727
 
1239 steven 6728
    0%,
6729
    80%,
6730
    100% {
6731
        -webkit-transform: scale(0);
6732
    }
2197 stevensc 6733
 
1239 steven 6734
    40% {
6735
        -webkit-transform: scale(1);
6736
    }
6737
}
6738
 
6739
@keyframes sk-bouncedelay {
2197 stevensc 6740
 
1239 steven 6741
    0%,
6742
    80%,
6743
    100% {
6744
        -webkit-transform: scale(0);
6745
        transform: scale(0);
6746
    }
2197 stevensc 6747
 
1239 steven 6748
    40% {
6749
        -webkit-transform: scale(1);
6750
        transform: scale(1);
6751
    }
6752
}
6753
 
6754
.wordpressdevlp {
6755
    background-color: #fff;
6756
}
6757
 
6758
.bgclr {
6759
    background-color: #fff;
6760
    margin-bottom: 15px;
6761
}
6762
 
6763
.cadidatesbtn {
6764
    position: absolute;
6765
    left: 0;
6766
    padding-top: 5px;
6767
}
6768
 
6769
.cadidatesbtn button {
6770
    background-color: #e44d3a;
6771
    border: none;
6772
    margin-top: -3px;
6773
}
6774
 
6775
.cadidatesbtn button:hover {
6776
    background-color: #e44d3a;
6777
}
6778
 
6779
.cadidatesbtn span {
6780
    background-color: #bd2e1c;
6781
    color: #fff;
6782
    margin-right: 10px;
6783
    padding: 0.25em 0.5em;
6784
    font-weight: 600;
6785
    font-size: 12px;
6786
}
6787
 
6788
.wordpressdevlp i {
6789
    color: #e86554;
6790
    font-size: 18px;
6791
    font-weight: bold;
6792
    padding-right: 5px;
6793
}
6794
 
6795
.wordpressdevlp h2 {
6796
    font-size: 18px;
6797
    font-weight: 600;
6798
}
6799
 
6800
.cadidatesbtn i {
6801
    color: #b2b2b2;
6802
    border: 1px solid #b2b2b2;
6803
    font-size: 14px;
6804
    text-align: center;
6805
    margin-left: 7px;
6806
    border-radius: 3px;
6807
    padding: 10px;
6808
}
6809
 
6810
.cadidatesbtn i:hover {
6811
    background-color: #e44d3a;
6812
    color: #fff;
6813
    border: 1px solid #e44d3a;
6814
}
6815
 
6816
.inner {
6817
    border-bottom: 2px solid #e5e5e5;
6818
    padding-bottom: 10px;
6819
}
6820
 
6821
.inner li a:hover {
6822
    color: #e44d3a;
6823
    border-bottom: 2px solid #e44d3a;
6824
    padding-bottom: 9px;
6825
}
6826
 
6827
.inner li a {
6828
    color: #000000;
6829
}
6830
 
6831
.posttext {
6832
    position: absolute;
6833
    left: 0;
6834
}
6835
 
6836
.deatile h3 {
6837
    font-size: 14px;
6838
    font-weight: bold;
6839
    padding-bottom: 5px;
6840
}
6841
 
6842
.clrbtn a {
6843
    background-color: #e44d3a;
6844
    color: #fff;
6845
    padding: 5px 10px 5px 10px;
6846
    margin-right: 15px;
6847
}
6848
 
6849
.transpairentbtn a {
6850
    color: #222;
6851
    border: 2px solid #f1f1f1;
6852
    padding: 5px 10px 5px 10px;
6853
}
6854
 
6855
.savetext h3 {
6856
    font-size: 14px;
6857
    font-weight: bold;
6858
    padding-bottom: 5px;
6859
}
6860
 
6861
.devepbtn .clrbtn {
6862
    padding: 7px 20px;
6863
}
6864
 
6865
.devepbtn a {
6866
    color: #666666;
6867
    border: 1px solid #b2b2b2;
6868
    padding: 7px 10px 7px 10px;
6869
    border-radius: 3px;
6870
    margin-right: 5px;
6871
}
6872
 
6873
.devepbtn a:hover i {
6874
    color: #fff;
6875
}
6876
 
6877
.devepbtn a:hover {
6878
    background-color: #e44d3a;
6879
    color: #fff;
6880
}
6881
 
6882
.rew-reply hr {
6883
    margin-left: -20px;
6884
    margin-right: -20px;
6885
}
6886
 
6887
.rew-reply p {
6888
    padding-left: 20px;
6889
}
6890
 
6891
.rew-reply ul {
6892
    padding-left: 20px;
6893
}
6894
 
6895
.devepbtn {
6896
    margin-top: 30px;
6897
    padding-left: 20px;
6898
}
6899
 
6900
.rep-thanks hr {
6901
    margin-right: -20px;
6902
    margin-left: -20px;
6903
}
6904
 
6905
.profilecnd {
6906
    margin-bottom: 0px;
6907
}
6908
 
6909
.devepbtn i {
6910
    color: #b2b2b2;
6911
    font-size: 14px;
6912
}
6913
 
6914
.appliedinfo {
6915
    padding-left: 0;
6916
    padding-top: 20px !important;
6917
    padding-bottom: 10px;
6918
}
6919
 
6920
.epi2 {
6921
    padding: 0;
6922
}
6923
 
6924
.review a {
6925
    line-height: 16px;
6926
    font-size: 14px;
6927
    text-decoration: none;
6928
    font-weight: 500;
6929
    margin-left: 15px;
6930
}
6931
 
6932
.add-pic-box {
6933
    display: inline-block;
6934
    color: #e44d3a;
6935
    font-size: 16px;
6936
    position: absolute;
6937
    top: 30px;
6938
    right: 0;
6939
    font-weight: 600;
6940
    margin-right: 0;
6941
    width: 100%;
6942
}
6943
 
6944
.add-pic-box [type="file"] {
6945
    height: 0;
6946
    overflow: hidden;
6947
    width: 0;
6948
    float: left;
6949
}
6950
 
6951
.add-pic-box [type="file"]+label {
6952
    background: #fff;
6953
    border: 2px solid #e44d3a;
6954
    border-radius: 3px;
6955
    color: #e44d3a;
6956
    cursor: pointer;
6957
    /* display: inline-block; */
6958
    font-size: 15px;
6959
    font-weight: 600;
6960
    outline: none;
6961
    padding: 12px 20px;
6962
    position: relative;
6963
    transition: all 0.3s;
6964
    vertical-align: middle;
6965
    margin: 0;
6966
    float: right;
6967
    text-transform: uppercase;
6968
}
6969
 
6970
.add-pic-box [type="file"]+label:hover {
6971
    background: #e44d3a;
6972
    color: #fff;
6973
}
6974
 
6975
.noreview li i {
6976
    color: #b2b2b2;
6977
}
6978
 
6979
.review-tb {
6980
    margin: 0 0 10px;
6981
    padding-left: 20px;
6982
}
6983
 
6984
.noreview ul li i {
6985
    color: #b2b2b2;
6986
}
6987
 
6988
.mngdetl {
6989
    border-bottom: none;
6990
}
6991
 
6992
.post-reply {
6993
    padding-top: 0;
6994
    padding-bottom: 0;
6995
}
6996
 
6997
.activebidbtn i:hover {
6998
    background-color: #e44d3a;
6999
    color: #fff;
7000
    border: none;
7001
}
7002
 
7003
.reviewtitle h2 {
7004
    font-size: 17px;
7005
    font-weight: 600;
7006
}
7007
 
7008
.horiline {
7009
    width: 118%;
7010
    position: relative;
7011
    left: -40px;
7012
}
7013
 
7014
.tahnks {
7015
    font-weight: 500;
7016
    margin-top: 5px;
7017
}
7018
 
7019
/*about-page*/
7020
 
7021
.banner span {
7022
    position: absolute;
7023
    display: flex;
7024
    background-color: #222;
7025
    width: 100%;
7026
    opacity: 0.9;
7027
    justify-content: center;
7028
    padding: 10px;
7029
    margin-top: 0;
7030
    color: #fff;
7031
}
7032
 
7033
.innertitle {
7034
    margin-top: 130px;
7035
}
7036
 
7037
.Company-overview {
7038
    padding-bottom: 50px;
7039
}
7040
 
7041
.bennertext {
7042
    position: absolute;
7043
    left: 20%;
7044
    right: 20%;
7045
    text-align: center;
7046
}
7047
 
7048
.bannerimage img {
7049
    height: 100%;
7050
}
7051
 
7052
.innertitle h2 {
7053
    color: #fff;
7054
    font-size: 30px;
7055
    line-height: 32px;
7056
    font-weight: 600;
7057
    margin-bottom: 20px;
7058
}
7059
 
7060
.innertitle p {
7061
    color: #fff;
7062
    font-size: 16px;
7063
}
7064
 
7065
.Company-overview h2 {
7066
    padding-top: 100px;
7067
    font-size: 24px;
7068
    font-weight: 600;
7069
    padding-bottom: 12px;
7070
}
7071
 
7072
.Company-overview p {
7073
    font-size: 15px;
7074
    font-weight: 500;
7075
}
7076
 
7077
.Company-overview img {
7078
    float: right;
7079
    padding-top: 25px;
7080
}
7081
 
7082
.blog {
7083
    text-align: center;
7084
    display: inline-block;
7085
    margin-bottom: 50px;
7086
}
7087
 
7088
.blog img {
7089
    padding-bottom: 30px;
7090
}
7091
 
7092
.blog h2 {
7093
    font-size: 18px;
7094
    font-weight: 600;
7095
    padding-bottom: 30px;
7096
}
7097
 
7098
.blog a {
7099
    background-color: #ff4500;
7100
    color: #fff;
7101
    padding: 7px 25px 7px 25px;
7102
    border-radius: 3px;
7103
    font-size: 16px;
7104
    font-weight: 500;
7105
}
7106
 
7107
.services {
7108
    padding-top: 80px;
7109
    padding-bottom: 80px;
7110
}
7111
 
7112
.video {
7113
    padding-bottom: 40px;
7114
}
7115
 
7116
.search-container {
7117
    text-align: center;
7118
}
7119
 
7120
.search-container input[type="text"] {
7121
    padding: 6px 15px;
7122
    margin-top: 8px;
7123
    font-size: 17px;
7124
    border: none;
7125
    height: 50px;
7126
    width: 50%;
7127
    margin-bottom: 25px;
7128
    border-top-left-radius: 3px;
7129
    border-top-right-radius: 0px;
7130
    border-bottom-left-radius: 3px;
7131
    border-bottom-right-radius: 0px;
7132
}
7133
 
7134
.searchtitle {
7135
    text-align: center;
7136
}
7137
 
7138
.searchtitle h2 {
7139
    color: #fff;
7140
    font-size: 30px;
7141
    font-weight: 400;
7142
    padding-bottom: 10px;
7143
}
7144
 
7145
.modal-header {
7146
    position: relative;
7147
}
7148
 
7149
.modal-header h3 {
7150
    font-size: 18px;
7151
}
7152
 
7153
.search-container button {
7154
    padding: 8px 10px;
7155
    text-align: center;
7156
    margin-top: 8px;
7157
    margin-left: -3px;
7158
    margin-right: 18px;
7159
    background: #efefef;
7160
    font-size: 17px;
7161
    border: none;
7162
    cursor: pointer;
7163
    height: 50px;
7164
    width: 6%;
7165
    border-bottom-right-radius: 3px;
7166
    border-top-right-radius: 3px;
7167
}
7168
 
7169
.topsearch i {
7170
    color: #e44d3a;
7171
}
7172
 
7173
.dropdown-toggle::after {
7174
    position: absolute;
7175
    right: 15px;
7176
    color: #b2b2b2;
7177
    top: 7px;
7178
}
7179
 
7180
.help-paddy {
7181
    padding: 0 !important;
7182
}
7183
 
7184
.paddy {
7185
    padding: 20px;
7186
    float: left;
7187
}
7188
 
7189
.dropdown-menu {
7190
    position: absolute;
7191
    top: 100%;
7192
    left: 0;
7193
    z-index: 1000;
7194
    display: none;
7195
    float: left;
7196
    min-width: 10rem;
7197
    padding: 0.5rem 0;
7198
    margin: 0.125rem 0 0;
7199
    font-size: 1rem;
7200
    color: #212529;
7201
    text-align: left;
7202
    list-style: none;
7203
    background-color: #fff;
7204
    width: 100%;
7205
    background-clip: padding-box;
7206
    border: none;
7207
    border-radius: 0.25rem;
7208
}
7209
 
7210
.radio-form p {
7211
    display: -webkit-inline-box;
7212
}
7213
 
7214
.dropdown a {
7215
    color: #000000;
7216
    font-size: 16px;
7217
    font-weight: 400;
7218
    padding: 0 20px;
7219
}
7220
 
7221
.accountnone {
7222
    border: none;
7223
}
7224
 
7225
.helpforum {
7226
    background-color: #fff;
7227
    padding: 15px 0;
7228
    box-shadow: 0px 2px #c6c6c6;
7229
}
7230
 
7231
.helpforum h3 {
7232
    font-size: 18px;
7233
    font-weight: 600;
7234
}
7235
 
7236
.helpforum a {
7237
    background-color: #e44d3a;
7238
    color: #fff;
7239
    padding: 10px 15px 10px 15px;
7240
    line-height: 4;
7241
    border-radius: 3px;
7242
}
7243
 
7244
.helpforum p {
7245
    line-height: 3;
7246
}
7247
 
7248
.actionstitle h3 {
7249
    font-size: 18px;
7250
    font-weight: 400;
7251
    color: #000;
7252
    padding-top: 30px;
7253
}
7254
 
7255
.actionstitle img {
7256
    padding-right: 10px;
7257
}
7258
 
7259
.actionstext a {
7260
    font-size: 16px;
7261
    font-weight: 500;
7262
    color: #e44d3a;
7263
    line-height: 2;
7264
    display: block;
7265
}
7266
 
7267
.helpform {
7268
    text-align: center;
7269
    padding-top: 70px;
7270
}
7271
 
7272
.helpform h3 {
7273
    font-size: 18px;
7274
    font-weight: 400;
7275
    color: #e44d3a;
7276
    margin-bottom: 10px;
7277
}
7278
 
7279
.helpform a {
7280
    background-color: #e44d3a;
7281
    color: #fff;
7282
    padding: 10px 15px 10px 15px;
7283
    border-radius: 3px;
7284
}
7285
 
7286
.helpform p {
7287
    margin-bottom: 30px;
7288
}
7289
 
7290
.helpform img {
7291
    float: unset;
7292
    padding-bottom: 10px;
7293
}
7294
 
7295
.bookingsideber h3 {
7296
    color: #000;
7297
}
7298
 
7299
.bookingsideber h3:active {
7300
    color: #e44d3a;
7301
}
7302
 
7303
.helpforum h4 {
7304
    font-size: 16px;
7305
    font-weight: 600;
7306
}
7307
 
7308
.bloktext {
7309
    padding-left: 25px;
7310
}
7311
 
7312
.privacy {
7313
    background-color: #fff;
7314
    height: 850px;
7315
}
7316
 
7317
.privacydropd .dropdown-toggle::after {
7318
    float: right;
7319
    vertical-align: 0.255em;
7320
}
7321
 
7322
/* .checkbox {} */
7323
 
7324
.form-check {
7325
    padding-left: 0;
7326
}
7327
 
7328
.btns a {
7329
    color: #000;
7330
    border: 1px solid #e5e5e5;
7331
    padding: 10px 25px 10px 25px;
7332
    margin-left: 15px;
7333
    border-radius: 5px;
7334
    font-weight: 600;
7335
}
7336
 
7337
.btns {
7338
    padding-top: 20px;
7339
}
7340
 
7341
.btns a:hover {
7342
    background-color: #e44d3a;
7343
    color: #fff;
7344
}
7345
 
7346
.privacy h3 {
7347
    font-size: 18px;
7348
    font-weight: 600;
7349
    padding-top: 18px;
7350
    margin-bottom: 10px;
7351
}
7352
 
7353
.privacy p {
7354
    padding-top: 0px;
7355
    display: inline-block;
7356
}
7357
 
7358
.form-group {
7359
    margin-bottom: 1rem;
7360
    padding-top: 0px;
7361
}
7362
 
7363
.privacy i {
7364
    float: right;
7365
    color: #e44d3a;
7366
    font-size: 20px;
7367
    font-weight: 600;
7368
}
7369
 
7370
.dropdown-menu input {
7371
    margin-right: 10px;
7372
    margin-top: 15px;
7373
}
7374
 
7375
.dropdown-menu a {
7376
    padding: 10px 0 10px 40px;
7377
    margin-bottom: 10px;
7378
}
7379
 
7380
.dropdown-menu form {
7381
    margin-bottom: 10px;
7382
    margin-top: 10px;
7383
}
7384
 
7385
.privacydropd p {
7386
    margin-left: 20px;
7387
    margin-top: 5px;
7388
}
7389
 
7390
.privabtns {
7391
    margin-top: 20px;
7392
}
7393
 
7394
.privabtns {
7395
    padding-bottom: 15px;
7396
}
7397
 
7398
.privabtns a {
7399
    margin-right: 15px;
7400
    padding: 8px 25px;
7401
    color: #000000;
7402
    border: 1px solid #e5e5e5;
7403
}
7404
 
7405
.privabtns a:hover {
7406
    color: #fff;
7407
    background-color: #e44d3a;
7408
}
7409
 
7410
.privac {
7411
    background-color: #fff;
7412
    height: 560px;
7413
    padding-top: 20px;
7414
}
7415
 
7416
.privac h3 {
7417
    font-size: 18px;
7418
    font-weight: 600;
7419
}
7420
 
7421
.bids-detail ul {
7422
    display: -webkit-inline-box;
7423
}
7424
 
7425
.bids-detail ul li {
7426
    margin-right: 30px;
7427
}
7428
 
7429
.bids-detail h3 {
7430
    font-size: 16px;
7431
    font-weight: 400;
7432
}
7433
 
7434
.bids-detail {
7435
    background-color: #fff;
7436
    padding: 20px;
7437
    margin-bottom: 25px;
7438
    box-shadow: 0px 2px #e4e4e4;
7439
}
7440
 
7441
.dropdown-menu.show {
7442
    display: contents;
7443
}
7444
 
7445
.postpaid:checked:after {
7446
    content: "\f17b";
7447
    font: normal normal normal 16px/1 "LineAwesome";
7448
    font-weight: 600;
7449
    border: 1px solid #fff;
7450
    color: #ffffff;
7451
    text-align: center;
7452
    font-size: 12px;
7453
    width: 100%;
7454
    height: 100%;
7455
    background: #e44d3a;
7456
    display: block;
7457
    border-radius: 50%;
7458
    padding-top: 3px;
7459
}
7460
 
7461
.postpaid:focus {
7462
    border: 1px solid #fff;
7463
    width: 25px;
7464
    height: 25px;
7465
}
7466
 
7467
.postpaid {
7468
    -webkit-appearance: none;
7469
    content: "";
7470
    width: 20px;
7471
    height: 20px;
7472
    border-radius: 50%;
7473
    border: 1px solid #5e5e5e;
7474
    outline: 0;
7475
    margin-right: 5px;
7476
}
7477
 
7478
/* .main-ws-sec .job-status-bar {} */
7479
 
7480
.main-ws-sec .btm-line {
7481
    padding-bottom: 20px !important;
7482
    border-bottom: 1px solid #e5e5e5 !important;
7483
    margin-bottom: 20px;
7484
}
7485
 
7486
.job-status-bar hr {
7487
    margin: 0 -40px;
7488
}
7489
 
7490
.reply-area {
7491
    padding-left: 55px;
7492
}
7493
 
7494
.reply-rply1 {
7495
    margin: 24px 0;
7496
}
7497
 
7498
.reply-area p {
7499
    padding-bottom: 10px;
7500
}
7501
 
7502
.reply-area span {
7503
    cursor: pointer;
7504
}
7505
 
7506
.reply-area span:hover {
7507
    color: #e44d3a;
7508
}
7509
 
7510
.reply-area i {
7511
    font-size: 16px;
7512
    font-weight: 600;
7513
    padding-right: 8px;
7514
}
7515
 
7516
.comment-area .la-plus-circle {
7517
    display: block;
7518
    text-align: center;
7519
    font-size: 40px;
7520
    color: #b2b2b2;
7521
}
7522
 
7523
.reply-area span {
7524
    padding-top: 5px;
7525
    color: #b2b2b2;
7526
}
7527
 
7528
.comt span {
7529
    font-size: 16px;
7530
    color: #666666;
7531
}
7532
 
7533
.comt i {
7534
    padding-right: 8px;
7535
}
7536
 
7537
.postcomment .form-control {
7538
    width: 112%;
7539
    margin-left: -50px;
7540
    background-color: #efefef;
7541
    border-radius: 3px;
7542
}
7543
 
7544
.postcomment a {
7545
    background-color: #e44d3a;
7546
    color: #fff;
7547
    padding: 9px 25px 8px 25px;
7548
    line-height: 37px;
7549
    border-radius: 3px;
7550
}
7551
 
7552
.postcomment {
7553
    padding-top: 30px;
7554
}
7555
 
7556
.widget-about button:focus {
7557
    box-shadow: none;
7558
}
7559
 
7560
.widget-about button:hover {
7561
    background-color: #e44d3a;
7562
}
7563
 
7564
.widget-about button {
7565
    background-color: #e44d3a;
7566
    border: none;
7567
    padding: 12px 0;
7568
    width: 100%;
7569
}
7570
 
7571
.widget-about p {
7572
    background-color: #e44d3a;
7573
    color: #fff;
7574
    padding: 10px 0;
7575
}
7576
 
7577
.widget-projectid {
7578
    padding: 15px;
7579
}
7580
 
7581
.widget-projectid h3 {
7582
    padding-bottom: 7px;
7583
    font-size: 14px;
7584
    font-weight: 600;
7585
}
7586
 
7587
.sd-title h4 {
7588
    margin-bottom: 5px;
7589
    font-size: 16px;
7590
    font-weight: 600;
7591
    line-height: 24px;
7592
}
7593
 
7594
.paymethd p {
7595
    color: #e44d3a;
7596
}
7597
 
7598
.copylink p {
7599
    background-color: #efefef;
7600
    padding: 7px 0 8px 10px;
7601
}
7602
 
7603
.copylink a {
7604
    background-color: #e44d3a;
7605
    color: #fff;
7606
    padding: 10px 15px 10px 15px;
7607
    border-radius: 4px;
7608
}
7609
 
7610
.copylink span {
7611
    padding: 30px 0 20px;
7612
}
7613
 
7614
.copylink i {
7615
    float: unset;
7616
    position: unset;
7617
}
7618
 
7619
.copylink .la-facebook {
7620
    background-color: #3b5998;
7621
    color: #fff;
7622
}
7623
 
7624
.copylink .la-twitter {
7625
    color: #1da1f2;
7626
}
7627
 
7628
.copylink .la-pinterest-p {
7629
    background-color: #fff;
7630
    color: #c11628;
7631
    border-radius: 50%;
7632
}
7633
 
7634
.copylink img {
7635
    padding-right: 10px;
7636
}
7637
 
7638
.freelancerbiding {
7639
    background-color: #fff;
7640
    padding-top: 20px;
7641
}
7642
 
7643
.freelancerbiding h3 {
7644
    font-size: 18px;
7645
    font-weight: 400;
7646
}
7647
 
7648
.repcent {
7649
    text-align: left;
7650
}
7651
 
7652
.bidrit {
7653
    float: right;
7654
}
7655
 
7656
.repcent i {
7657
    padding-left: 5px;
7658
}
7659
 
7660
.star {
7661
    display: inline-flex;
7662
    padding: 5px 0;
7663
}
7664
 
7665
.star li i {
7666
    color: #bfd337;
7667
}
7668
 
7669
.repcent span {
7670
    color: #51a5fb;
7671
}
7672
 
7673
.repcent p {
7674
    padding-left: 7px;
7675
}
7676
 
7677
.noreview ul li i {
7678
    color: #b2b2b2;
7679
}
7680
 
7681
.paymethd .star li i {
7682
    position: unset;
7683
    font-size: 14px;
7684
}
7685
 
7686
.paymethd .star a {
7687
    color: #51a5fb;
7688
    padding-left: 12px;
7689
}
7690
 
7691
/* .modal-header {background-color: #e44d3a; display: block !important; } */
7692
 
7693
.modal-body {
7694
    padding: 1rem 0;
7695
}
7696
 
7697
.notice {
7698
    background-color: #ddf3ff;
7699
    padding: 15px;
7700
}
7701
 
7702
.notice span {
7703
    font-weight: 500;
7704
    padding-right: 5px;
7705
}
7706
 
7707
.innerbody {
7708
    padding: 15px;
7709
}
7710
 
7711
.innerbody h3 {
7712
    font-size: 18px;
7713
    font-weight: 600;
7714
}
7715
 
7716
.innerbody h4 {
7717
    font-weight: 600;
7718
    font-size: 14px;
7719
    margin-left: -15px;
7720
    float: left;
7721
}
7722
 
7723
.delivery .input-group select {
7724
    width: 150px;
7725
    height: 50px !important;
7726
    font-size: 19px;
7727
    border: 1px solid #e5e5e5;
7728
    border-radius: 3px;
7729
}
7730
 
7731
.input-group-prepend {
7732
    background-color: #f3f3f3;
7733
    color: #bfbfbf;
7734
    text-align: center;
7735
    line-height: 3;
7736
    border: 1px solid #e5e5e5;
7737
}
7738
 
7739
.input-group-text {
7740
    color: #666666 !important;
7741
    background-color: #f5f5f5 !important;
7742
    border: 0px !important;
7743
    border-radius: 3px !important;
7744
}
7745
 
7746
.place-bid-form {
7747
    position: relative;
7748
    left: 20px;
7749
    top: -15px;
7750
    padding-bottom: 15px;
7751
}
7752
 
7753
.place-bid-form .input-group input {
7754
    width: 70px;
7755
    border: 1px solid #e5e5e5;
7756
}
7757
 
7758
.paydel {
7759
    padding: 40px 0 0;
7760
}
7761
 
7762
.beatcompitation {
7763
    background-color: #f3f3f3;
7764
    padding: 15px;
7765
}
7766
 
7767
.beatcompitation h3 {
7768
    font-weight: 500;
7769
}
7770
 
7771
.sponser i {
7772
    background-color: #e44d3a;
7773
    color: #fff;
7774
    margin-right: 5px;
7775
    padding: 2px;
7776
}
7777
 
7778
.sponser h2 {
7779
    font-size: 18px;
7780
    font-weight: 600;
7781
    padding-top: 15px;
7782
    padding-bottom: 15px;
7783
}
7784
 
7785
.sponser {
7786
    padding: 15px;
7787
}
7788
 
7789
.modal-footer {
7790
    display: block !important;
7791
    border-top: none;
7792
    padding: 1rem 0;
7793
}
7794
 
7795
.modal-footer button {
7796
    font-size: 15px;
7797
    font-weight: 500;
7798
    background-color: unset;
7799
    border: none;
7800
    padding: 10px;
7801
    border: 1px solid #d2d2d2;
7802
    border-radius: 3px;
7803
}
7804
 
7805
.modal-footer button:hover {
7806
    background-color: #e44d3a;
7807
    /* color: #fff; */
7808
    /* border: 1px solid #e44d3a; */
7809
}
7810
 
7811
.place-bid-btn {
7812
    font-size: 15px;
7813
    font-weight: 500;
7814
    color: #fff !important;
7815
    background-color: #e44d3a !important;
7816
    border: none;
7817
    padding: 10px;
7818
    border: 1px solid #e44d3a;
7819
    border-radius: 3px;
7820
}
7821
 
7822
.usy-dt .reply {
7823
    margin: 3px 0 0 10px;
7824
    width: 360px;
7825
    height: 40px;
7826
    background-color: #efefef;
7827
    border: 1px solid #e5e5e5;
7828
    padding-left: 10px;
7829
    border-radius: 3px;
7830
}
7831
 
7832
.replybtn {
7833
    background-color: #e44d3a;
7834
    color: #fff;
7835
    padding: 10px;
7836
    margin-left: 15px;
7837
    border-radius: 3px;
7838
}
7839
 
7840
.replybtn:hover {
7841
    color: #fff;
7842
}
7843
 
7844
.rewivew ul li {
7845
    margin-right: 5px !important;
7846
}
7847
 
7848
.security hr {
7849
    margin-right: -15px;
7850
    margin-left: -15px;
7851
}
7852
 
7853
.privacy .la-check {
7854
    float: left;
7855
    font-size: 12px;
7856
    margin: 5px 5px 0 0;
7857
    padding: 3px;
7858
    background-color: #e44d3a;
7859
    color: #fff;
7860
    border-radius: 50%;
7861
}
7862
 
7863
ul#myTab {
7864
    border-bottom: 1px solid #e5e5e5;
7865
}
7866
 
7867
.nav-tabs .nav-link {
7868
    border: none;
7869
}
7870
 
7871
.noborder {
7872
    border-bottom: none;
7873
}
7874
 
7875
.manbids {
7876
    margin-bottom: 0 !important;
7877
}
7878
 
7879
.noreply {
7880
    padding-top: 30px;
7881
}
7882
 
7883
#my-bids .nav-tabs {
7884
    margin-bottom: 20px;
7885
    margin-top: 7px;
7886
    padding-bottom: 0;
7887
}
7888
 
7889
#my-bids ul {
7890
    margin-bottom: 15px;
7891
    margin-top: 7px;
7892
    padding-bottom: 0;
7893
}
7894
 
7895
.savedjob-info p {
7896
    color: #666666;
7897
    margin-top: 5px;
7898
}
7899
 
7900
#my-bids ul li a {
7901
    color: #000000;
7902
    font-size: 16px;
7903
    font-weight: 500;
7904
}
7905
 
7906
#my-bids li a:hover {
7907
    color: #e44d3a;
7908
}
7909
 
7910
#saved-jobs ul {
7911
    margin-bottom: 20px;
7912
}
7913
 
7914
#saved-jobs ul li a {
7915
    color: #000000;
7916
    font-size: 16px;
7917
    font-weight: 500;
7918
}
7919
 
7920
#saved-jobs li a:hover {
7921
    color: #e44d3a;
7922
}
7923
 
7924
.wordpressdevlp h2 {
7925
    font-size: 18px;
7926
    font-weight: 600;
7927
    margin-bottom: 15px;
7928
}
7929
 
7930
#saved-jobs .nav-tabs .nav-item.show .nav-link,
7931
#saved-jobs .nav-tabs .nav-link.active {
7932
    background-color: inherit;
7933
    color: #e44d3a !important;
7934
    padding-bottom: 9px;
7935
    border-bottom: 2px solid #e44d3a !important;
7936
}
7937
 
7938
#my-bids .nav-tabs .nav-item.show .nav-link,
7939
#my-bids .nav-tabs .nav-link.active {
7940
    background-color: inherit;
7941
    color: #e44d3a !important;
7942
    padding-bottom: 9px;
7943
    border-bottom: 2px solid #e44d3a !important;
7944
}
7945
 
7946
.descptab li img {
7947
    float: left !important;
7948
    filter: inherit !important;
7949
}
7950
 
7951
.bklink {
7952
    border-bottom: none !important;
7953
    width: unset !important;
7954
    float: right !important;
7955
}
7956
 
7957
.bklik {
7958
    border-bottom: none !important;
7959
}
7960
 
7961
/*////////////////////////////////////////My css//////////////////////////////// //////////////////////////////////////////////////////////////////////////////*/
7962
 
7963
.savedjob-info li {
7964
    display: inline-block;
7965
    padding-left: 25px;
7966
}
7967
 
7968
.savedjob-info h3 {
7969
    font-size: 14px;
7970
    font-weight: 500;
7971
}
7972
 
7973
.settingjb ul li {
7974
    margin-right: 25px !important;
7975
}
7976
 
7977
.mangebid li {
7978
    padding-left: 0;
7979
    padding-right: 20px;
7980
    padding-top: 10px;
7981
}
7982
 
7983
.bk-links.bklink li {
7984
    padding-right: 0;
7985
}
7986
 
7987
.bidsbtn {
7988
    position: relative;
7989
}
7990
 
7991
.biddersinfo li {
7992
    padding-left: 0;
7993
    padding-right: 20px;
7994
}
7995
 
7996
#review {
7997
    background-color: #fff;
7998
    margin-bottom: 40px;
7999
}
8000
 
8001
.starreview {
8002
    padding-left: 20px;
8003
}
8004
 
8005
.replytext {
8006
    padding-bottom: 20px;
8007
}
8008
 
8009
.starrevi {
8010
    padding-left: 20px;
8011
}
8012
 
8013
.apply-jobbox {
8014
    text-align: center;
8015
}
8016
 
8017
.apply-jobbox form input {
8018
    width: 100%;
8019
    margin-top: 20px;
8020
    padding: 10px;
8021
    color: #222;
8022
    border: 1px solid #e5e5e5;
8023
    border-radius: 3px;
8024
    font-size: 14px;
8025
}
8026
 
8027
.apply-jobbox h3 {
8028
    margin: 20px 0;
8029
}
8030
 
8031
.select-files {
8032
    border: 1px solid #e5e5e5;
8033
    margin-top: 20px;
8034
    padding: 30px;
8035
    background: #efefef;
8036
}
8037
 
8038
.select-files button {
8039
    margin-bottom: 20px;
8040
    background-color: transparent;
8041
    border: 1px solid #e5e5e5;
8042
    padding: 10px 15px 10px 15px;
8043
    border-radius: 5px;
8044
    font-weight: 600;
8045
}
8046
 
8047
.select-files button:hover {
8048
    background-color: #e44d3a;
8049
    color: #fff;
8050
}
8051
 
8052
.close {
8053
    position: absolute;
8054
    right: 0px;
8055
    top: 0px;
8056
    color: #929292;
8057
    border: 1px solid !important;
8058
    border-radius: 50%;
8059
    height: 30px;
8060
    width: 30px;
8061
}
8062
 
8063
.mapouter iframe {
8064
    width: 100%;
8065
    height: 400px;
8066
}
8067
 
8068
.mapouter {
8069
    position: relative;
8070
    text-align: right;
8071
    height: 500px;
8072
    width: 100%;
8073
}
8074
 
8075
.gmap_canvas {
8076
    overflow: hidden;
8077
    background: none !important;
8078
}
8079
 
8080
.video-iframe {
8081
    width: 100%;
8082
    height: 400px;
8083
}
8084
 
8085
.custom-file-input {
8086
    color: transparent;
8087
    opacity: 1;
8088
    /* margin-left: 140px; */
8089
    margin-bottom: 10px;
8090
}
8091
 
8092
.custom-file-input::-webkit-file-upload-button {
8093
    visibility: hidden;
8094
}
8095
 
8096
.custom-file-input::before {
8097
    content: "Select Files";
8098
    color: #fff;
8099
    display: inline-block;
8100
    border: 1px solid #e5e5e5;
8101
    border-radius: 3px;
8102
    background: #e44d3a;
8103
    font-weight: 500;
8104
    padding: 10px 15px;
8105
    outline: none;
8106
    white-space: nowrap;
8107
    -webkit-user-select: none;
8108
    cursor: pointer;
8109
}
8110
 
8111
.custom-file-input:hover::before {
8112
    background-color: #e44d3a;
8113
    color: #fff;
8114
}
8115
 
8116
.custom-file-input:active {
8117
    outline: 0;
8118
}
8119
 
8120
.custom-file-input:active::before {
8121
    background: #e44d3a;
8122
    color: #fff;
8123
}
8124
 
8125
.bids-time {
8126
    float: right;
8127
}
8128
 
8129
.saved-post {
8130
    padding: 0;
8131
}
8132
 
8133
.saved-post p {
8134
    padding-bottom: 20px;
8135
}
8136
 
8137
.saved-info li {
8138
    padding-right: 25px;
8139
    padding-left: 0;
8140
}
8141
 
8142
.saved-btn {
8143
    padding: 0;
8144
    margin-bottom: -12px;
8145
}
8146
 
8147
.applied-post {
8148
    padding: 0;
8149
}
8150
 
8151
.post-bid {
8152
    padding: 0 !important;
8153
}
8154
 
8155
.bidsbtn {
8156
    padding-top: 0 !important;
8157
}
8158
 
8159
.active-bids {
8160
    padding: 0;
8161
}
8162
 
8163
.activ-bidinfo li {
8164
    padding-top: 10px;
8165
    padding-left: 0;
8166
    padding-right: 25px;
8167
}
8168
 
8169
.activebtn {
8170
    padding-left: 0;
8171
}
8172
 
8173
.p-all {
8174
    padding: 0px;
8175
    float: left;
8176
    width: 100%;
8177
    position: relative;
8178
}
8179
 
8180
.toggle-btn .custom-switch .custom-control-label::before {
8181
    left: -2.25rem;
8182
    width: 70px;
8183
    pointer-events: all;
8184
    border-radius: 100px;
8185
    height: 30px;
8186
    top: -1px;
8187
    box-shadow: none;
8188
}
8189
 
8190
.toggle-btn .custom-control-label::before {
8191
    position: absolute;
8192
    top: 0.25rem;
8193
    left: -1.5rem;
8194
    display: block;
8195
    width: 1rem;
8196
    height: 1rem;
8197
    pointer-events: none;
8198
    content: "";
8199
    background-color: #fff;
8200
    border: #e1e1e1 solid 2px;
8201
}
8202
 
8203
.custom-control-input:checked~.custom-control-label::before {
8204
    color: #fff;
8205
    border-color: #e44d3a;
8206
    background-color: #e44d3a;
8207
    box-shadow: none;
8208
    outline: none;
8209
}
8210
 
8211
.toggle-btn .custom-switch .custom-control-label::after {
8212
    top: calc(-1px + 2px);
8213
    left: calc(-36px + 2px);
8214
    width: calc(30px - 4px);
8215
    height: calc(30px - 4px);
8216
    background-color: #e1e1e1;
8217
    border-radius: 100%;
8218
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
8219
    transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
8220
    transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
8221
}
8222
 
8223
.toggle-btn .custom-control-label::after {
8224
    position: absolute;
8225
    top: 0.25rem;
8226
    left: -1.5rem;
8227
    display: block;
8228
    width: 0;
8229
    height: 0;
8230
    content: "";
8231
    background: no-repeat 50%/50% 50%;
8232
}
8233
 
8234
.toggle-btn .custom-control-label {
8235
    position: initial;
8236
    margin-bottom: 0;
8237
    vertical-align: top;
8238
}
8239
 
8240
.toggle-btn .custom-switch .custom-control-input:checked~.custom-control-label::after {
8241
    background-color: #fff;
8242
    -webkit-transform: translateX(2.5rem);
8243
    transform: translateX(2.5rem);
8244
}
8245
 
8246
.custom-control-label {
8247
    position: relative;
8248
    margin-bottom: 0;
8249
    vertical-align: top;
8250
    line-height: 24px;
8251
    font-size: 14px;
8252
    color: #666666;
8253
}
8254
 
8255
.small-text-children p,
8256
.small-text-children span {
8257
    font-size: .8rem;
8258
}
8259
 
8260
.search-item-selected {
2275 stevensc 8261
    padding: 1px 10px;
8262
    background: var(--background-gray);
8263
    line-height: 1;
8264
    border-radius: 10px;
1239 steven 8265
    font-weight: bold;
8266
}
8267
 
8268
main {
8269
    background-color: #fff !important;
8270
}
8271
 
8272
.row .sc-dkzDqf {
8273
    margin: 0 auto;
8274
}
8275
 
8276
.test-section .title,
8277
.test-section .description {
8278
    margin-bottom: 10px;
8279
}
8280
 
8281
.test-section .btn-danger {
8282
    margin-right: 10px;
8283
}
8284
 
8285
.test-section .panel-body {
8286
    padding: 20px 0px;
8287
}
8288
 
8289
.test-section .panel {
8290
    margin-top: 20px;
8291
    padding-bottom: 10px;
8292
}
8293
 
8294
.test-section .panel-title {
8295
    font-size: 16px;
8296
    font-weight: bold;
8297
    text-transform: uppercase;
8298
}
8299
 
8300
.test-section .np-padding {
8301
    padding: 0px;
8302
}
8303
 
8304
.test-section .checkbox {
8305
    display: flex;
8306
    margin: 20px 0px;
8307
}
8308
 
8309
.test-section .option {
8310
    margin-left: 10px;
8311
}
8312
 
8313
.checkbox input[type=checkbox],
8314
input[type=radio] {
8315
    margin-top: 5px !important;
8316
}
8317
 
8318
.test-section h6 {
8319
    margin-bottom: 10px;
8320
    color: #0860bf;
8321
}
8322
 
8323
.wizard {
8324
    display: flex;
8325
    margin-top: 10px;
8326
}
8327
 
8328
.wizard li {
8329
    width: 50%;
8330
    display: inline-block;
8331
}
8332
 
8333
.btn-secondary:disabled,
8334
.btn-primary:disabled {
8335
    cursor: no-drop;
8336
}
8337
 
8338
.test-section .btn-primary {
8339
    margin-left: 10px
8340
}
8341
 
8342
.previous {
8343
    text-align: left;
8344
}
8345
 
8346
.next {
8347
    text-align: right;
8348
}
8349
 
8350
.test-section .close {
8351
    border: none !important;
8352
    border-radius: 0px !important;
8353
}
8354
 
8355
.ratin-range {
8356
    display: block;
8357
}
8358
 
8359
.ratin-range li {
8360
    display: inline-block;
8361
    width: 6%;
8362
}
8363
 
8364
.ratin-range li .option {
8365
    margin-top: 2px !important;
8366
}
8367
 
8368
#react-self-evaluation .company-up-info ul {
8369
    width: 100%;
8370
    position: absolute;
8371
    float: left;
8372
    left: 0px;
8373
    bottom: 4vw;
8374
}
8375
 
8376
#react-self-evaluation .company-up-info {
8377
    padding: 30px 10px;
8378
    min-height: 20vw;
8379
    border: 1px solid #e5e5e5
8380
}
8381
 
8382
#react-self-evaluation .company-up-info h3 {
8383
    width: 90%;
8384
    margin: 5px auto;
8385
}
8386
 
8387
.mb10 {
597 geraldo 8388
    margin-bottom: 3vw;
598 geraldo 8389
}
1239 steven 8390
 
8391
.opt-h6 {
8392
    font-weight: 600 !important;
8393
    color: #000 !important;
597 geraldo 8394
}