Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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