Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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