Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 2262 | Rev 2265 | 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
 
2263 stevensc 2914
footer a {
2915
    color: var(--dark);
2916
}
2917
 
1239 steven 2918
.footy-sec.mn ul {
2919
    padding: 30px 0;
2920
}
2921
 
2922
.footy-sec.mn ul li a {
2923
    color: #b2b2b2;
2924
}
2925
 
2926
.footy-sec.mn ul li a:hover {
2927
    color: #e44d3a;
2928
}
2929
 
2930
.footy-sec.mn ul li {
2931
    border-color: #b2b2b2;
2932
}
2933
 
2934
.footy-sec.mn p {
2935
    color: #b2b2b2;
2936
    margin-top: 30px;
2937
}
2938
 
2939
.fl-rgt {
2940
    float: right;
2941
    margin-top: 34px;
2942
    padding-right: 30px;
2943
}
2944
 
2945
/* ================== USER PROFILE =================== */
2946
 
2947
.cover-sec img {
2948
    width: 100%;
2949
}
2950
 
2951
.cover-sec>a {
2952
    display: inline-block;
2953
    color: #e44d3a;
2954
    font-size: 16px;
2955
    background-color: #fff;
2956
    border: 1px solid #e44d3a;
2957
    position: absolute;
2958
    top: 30px;
2959
    right: 0;
2960
    padding: 10px 15px;
2961
    font-weight: 600;
2962
    margin-right: 15px;
2963
}
2964
 
2965
.cover-sec>a i {
2966
    padding-right: 5px;
2967
}
2968
 
2969
/* ============= user_profile ============= */
2970
 
2971
.user_profile {
2972
    float: left;
2973
    width: 100%;
2974
    background-color: #fff;
2975
    margin-bottom: 20px;
2976
    text-align: center;
2977
    margin-top: -40px;
2978
}
2979
 
2980
.user-pro-img {
2981
    float: left;
2982
    width: 100%;
2983
    text-align: center;
2984
    margin-bottom: 28px;
2985
    position: relative;
2986
}
2987
 
2988
.user-pro-img .add-dp {
2989
    position: absolute;
2990
    top: 10px;
2991
    left: 60%;
2992
}
2993
 
2994
.add-dp i {
2995
    bottom: 0;
2996
    font-size: 14px;
2997
    box-shadow: none;
2998
    position: relative;
2999
    border-radius: 50px;
3000
    width: 40px;
3001
    height: 40px;
3002
    text-align: center;
3003
    background: #e44d3a;
3004
    padding: 12px;
3005
    color: #ffff;
3006
    left: 0;
3007
    top: -5px;
3008
}
3009
 
3010
.add-dp i:hover {
3011
    font-size: 14px;
3012
    border: 2px solid #fff;
3013
    background: #e44d3a;
3014
    padding: 11px;
3015
}
3016
 
3017
.add-dp {
3018
    margin: -16px;
3019
    padding: 0;
3020
}
3021
 
3022
.add-dp input[type="file"] {
3023
    opacity: 0;
3024
    padding: 10px 0px 9px;
3025
    display: none;
3026
}
3027
 
3028
.user-pro-img img {
3029
    -webkit-border-radius: 100px;
3030
    -moz-border-radius: 100px;
3031
    -ms-border-radius: 100px;
3032
    -o-border-radius: 100px;
3033
    border-radius: 100px;
3034
    float: none;
3035
    border: 5px solid #fff;
3036
}
3037
 
3038
.user_pro_status {
3039
    float: left;
3040
    width: 100%;
3041
    border-bottom: 1px solid #e5e5e5;
3042
    padding-bottom: 27px;
3043
}
3044
 
3045
.flw-hr {
3046
    float: left;
3047
    width: 100%;
3048
    margin-bottom: 30px;
3049
}
3050
 
3051
.flw-hr li {
3052
    display: inline-block;
3053
    margin-right: 17px;
3054
}
3055
 
3056
.flw-hr li:last-child {
3057
    margin-right: 0;
3058
}
3059
 
3060
.flw-hr li a {
3061
    display: inline-block;
3062
    color: #ffffff;
3063
    font-size: 16px;
3064
    font-weight: 600;
3065
    padding: 11px 15px;
3066
}
3067
 
3068
.flw-hr li a i {
3069
    padding-right: 5px;
3070
}
3071
 
3072
.flww {
3073
    background-color: #53d690;
3074
}
3075
 
3076
.hre {
3077
    background-color: #51a5fb;
3078
}
3079
 
3080
/* =============== flw-status ============ */
3081
 
3082
.flw-status {
3083
    float: left;
3084
    width: 100%;
3085
}
3086
 
3087
.flw-status li {
3088
    display: inline-block;
3089
    margin-right: 50px;
3090
}
3091
 
3092
.flw-status li:last-child {
3093
    margin-right: 0;
3094
}
3095
 
3096
.flw-status li span {
3097
    color: #686868;
3098
    font-size: 20px;
3099
    font-weight: 500;
3100
    margin-bottom: 15px;
3101
    display: block;
3102
}
3103
 
3104
.flw-status li b {
3105
    color: #000000;
3106
    font-size: 20px;
3107
    font-weight: 600;
3108
}
3109
 
3110
/* ================== social_links ============= */
3111
 
3112
.social_links {
3113
    float: left;
3114
    width: 100%;
3115
    text-align: left;
3116
}
3117
 
3118
.social_links li {
3119
    float: left;
3120
    width: 100%;
3121
    padding: 15px 15px;
3122
    border-bottom: 1px solid #e5e5e5;
3123
}
3124
 
3125
.social_links li a {
3126
    float: left;
3127
    width: 100%;
3128
    color: #51a5fb;
3129
    font-size: 14px;
3130
    font-weight: 400;
3131
    text-overflow: ellipsis;
3132
    white-space: nowrap;
3133
    overflow: hidden;
3134
}
3135
 
3136
.modal-md {
3137
    max-width: 55vw;
3138
}
3139
 
3140
@media(min-width: 721px) {
3141
    .group-view-tab {
3142
        margin-left: 3.5rem;
3143
    }
2197 stevensc 3144
 
1239 steven 3145
    .group-view-tab span {
3146
        text-overflow: ellipsis;
3147
        white-space: nowrap;
3148
        overflow: hidden;
3149
    }
3150
}
3151
 
3152
@media(max-width: 720px) {
3153
    .group-view-tab {
3154
        margin-left: 3.5rem;
3155
    }
3156
}
3157
 
3158
.text-decoration-underline {
3159
    text-decoration: underline !important;
3160
}
3161
 
3162
.ellipsis {
3163
    text-overflow: ellipsis;
3164
    white-space: nowrap;
3165
    overflow: hidden;
3166
}
3167
 
3168
.social_links li a i {
3169
    padding-right: 5px;
3170
    font-size: 20px;
3171
    position: relative;
3172
    top: 3px;
3173
}
3174
 
3175
.la-globe {
3176
    color: #51a5fb;
3177
}
3178
 
3179
/* ================= user-tab-sec ============== */
3180
 
3181
.user-tab-sec {
3182
    float: left;
3183
    width: 100%;
3184
    padding-top: 4px;
3185
}
3186
 
3187
.user-tab-sec h3 {
3188
    color: #000000;
3189
    font-size: 24px;
3190
    font-weight: 600;
3191
    text-transform: capitalize;
3192
    margin-bottom: 15px;
3193
}
3194
 
3195
.star-descp {
3196
    float: left;
3197
    width: 100%;
3198
    margin-bottom: 10px;
3199
}
3200
 
3201
.star-descp ul li {
3202
    margin-right: 5px !important;
3203
}
3204
 
3205
.star-descp>a {
3206
    float: left;
3207
    color: #51a5fb;
3208
    font-size: 18px;
3209
    font-weight: 600;
3210
    margin-left: 20px;
3211
    text-decoration: underline;
3212
}
3213
 
3214
.star-descp>a:hover {
3215
    color: #51a5fb;
3216
}
3217
 
3218
.star-descp span {
3219
    float: left;
3220
    color: #686868;
3221
    font-size: 18px;
3222
    font-weight: 600;
3223
    margin-right: 20px;
3224
}
3225
 
3226
.star-descp>ul {
3227
    float: left;
3228
}
3229
 
3230
.star-descp ul li {
3231
    display: inline-block;
3232
}
3233
 
3234
.star-descp ul li i {
3235
    color: #b7ce1f;
3236
    font-size: 16px;
3237
}
3238
 
3239
.tab-feed {
3240
    float: left;
3241
    width: 100%;
3242
    margin-bottom: 45px;
3243
    margin-top: 20px;
3244
}
3245
 
3246
.tab-feed ul {
3247
    float: left;
3248
    width: 100%;
3249
}
3250
 
3251
.tab-feed ul li {
3252
    display: inline-block;
3253
    margin-right: 35px;
3254
    text-align: center;
3255
}
3256
 
3257
.savetext ul {
3258
    border-bottom: none !important;
3259
}
3260
 
3261
.tab-feed.st2 ul li {
3262
    margin-right: 17px;
3263
}
3264
 
3265
.tab-feed ul li:last-child {
3266
    margin-right: 0;
3267
}
3268
 
3269
.tab-feed ul li.active img {
3270
    filter: grayscale(0);
3271
}
3272
 
3273
.tab-feed ul li.active span {
3274
    color: #e44d3a;
3275
}
3276
 
3277
.tab-feed ul li img {
3278
    float: none;
3279
    margin-bottom: 5px;
3280
    filter: grayscale(100%);
3281
}
3282
 
3283
.tab-feed ul li span {
3284
    display: block;
3285
    color: #b2b2b2;
3286
    font-weight: 400;
3287
    font-size: 16px;
3288
}
3289
 
3290
.tab-feed ul li:last-child {
3291
    margin-right: 0;
3292
}
3293
 
3294
/* ================ message-btn ============= */
3295
 
3296
.message-btn {
3297
    /* float: right; margin-top: 20px; margin-bottom: 30px; */
3298
}
3299
 
3300
.message-btn a {
3301
    display: inline-block;
3302
    color: #ffffff;
3303
    font-size: 16px;
3304
    background-color: #e44d3a;
3305
    padding: 12px;
3306
    font-weight: 500;
3307
}
3308
 
3309
.message-btn a:hover {
3310
    color: #fff;
3311
}
3312
 
3313
.message-btn a i {
3314
    padding-right: 5px;
3315
}
3316
 
3317
/* ============== widget-portfolio ============== */
3318
 
3319
.wd-heady {
3320
    float: left;
3321
    width: 100%;
3322
    padding: 20px 20px;
3323
    border-bottom: 1px solid #e5e5e5;
3324
}
3325
 
3326
.wd-heady h3 {
3327
    color: #000000;
3328
    font-size: 18px;
3329
    font-weight: 600;
3330
    float: left;
3331
}
3332
 
3333
.wd-heady img {
3334
    float: right;
3335
}
3336
 
3337
.pf-gallery {
3338
    float: left;
3339
    width: 100%;
3340
    padding: 15px 15px;
3341
}
3342
 
3343
.pf-gallery ul {
3344
    float: left;
3345
    width: 100%;
3346
}
3347
 
3348
.pf-gallery ul li {
3349
    float: left;
3350
    width: 33.33%;
3351
    padding: 5px;
3352
    overflow: hidden;
3353
}
3354
 
3355
.pf-gallery ul li:hover {
3356
    -webkit-transform: scale(1.2);
3357
    -moz-transform: scale(1.2);
3358
    -ms-transform: scale(1.2);
3359
    -o-transform: scale(1.2);
3360
    transform: scale(1.2);
3361
}
3362
 
3363
.pf-gallery img {
3364
    width: 100%;
3365
}
3366
 
3367
.product-feed-tab {
3368
    float: left;
3369
    width: 100%;
3370
    display: none;
3371
}
3372
 
3373
.product-feed-tab.current {
3374
    display: block;
3375
}
3376
 
3377
/* =============== user-profile-ov ================ */
3378
 
3379
.user-profile-ov {
3380
    float: left;
3381
    width: 100%;
3382
    background-color: #fff;
3383
    padding: 30px 20px;
3384
    border-left: 1px solid #e4e4e4;
3385
    border-bottom: 1px solid #e4e4e4;
3386
    border-right: 1px solid #e4e4e4;
3387
    margin-bottom: 20px;
3388
}
3389
 
3390
.user-profile-ov h3 {
3391
    color: #000000;
3392
    font-size: 18px;
3393
    font-weight: 600;
3394
    margin-bottom: 20px;
3395
}
3396
 
3397
.user-profile-ov h3 a {
3398
    color: #000000;
3399
}
3400
 
3401
.user-profile-ov i {
3402
    color: #000000;
3403
    font-size: 13px;
3404
    padding-left: 5px;
3405
}
3406
 
3407
.user-profile-ov h4 {
3408
    font-size: 16px;
3409
    color: #000;
3410
    font-weight: 600;
3411
    margin-bottom: 10px;
3412
}
3413
 
3414
.user-profile-ov p {
3415
    color: #686868;
3416
    font-size: 14px;
3417
    line-height: 24px;
3418
}
3419
 
3420
.user-profile-ov.st2 p {
3421
    margin-bottom: 23px;
3422
}
3423
 
3424
.no-margin {
3425
    margin: 0 !important;
3426
}
3427
 
3428
.user-profile-ov>span {
3429
    color: #686868;
3430
    font-size: 14px;
3431
    float: left;
3432
    width: 100%;
3433
    margin-bottom: 8px;
3434
    margin-top: 3px;
3435
}
3436
 
3437
.user-profile-ov ul {
3438
    float: left;
3439
    width: 100%;
3440
}
3441
 
3442
.user-profile-ov ul li {
3443
    display: inline-block;
3444
    margin-bottom: 10px;
3445
    padding: 0 2px;
3446
}
3447
 
3448
.user-profile-ov ul li a {
3449
    display: inline-block;
3450
    color: #b2b2b2;
3451
    font-size: 14px;
3452
    font-weight: 600;
3453
    background-color: #e5e5e5;
3454
    -webkit-border-radius: 30px;
3455
    -moz-border-radius: 30px;
3456
    -ms-border-radius: 30px;
3457
    -o-border-radius: 30px;
3458
    border-radius: 30px;
3459
    padding: 10px 15px;
3460
}
3461
 
3462
/* ==================== portfolio-gallery-sec ==================== */
3463
 
3464
.portfolio-gallery-sec {
3465
    float: left;
3466
    width: 100%;
3467
    background-color: #fff;
3468
    padding: 30px 20px;
3469
    border-left: 1px solid #e4e4e4;
3470
    border-right: 1px solid #e4e4e4;
3471
    border-bottom: 1px solid #e4e4e4;
3472
}
3473
 
3474
.portfolio-gallery-sec h3 {
3475
    font-weight: 600;
3476
    font-size: 18px;
3477
    margin-bottom: 32px;
3478
    padding-left: 5px;
3479
    float: left;
3480
}
3481
 
3482
.portfolio-btn {
3483
    float: right;
3484
}
3485
 
3486
.portfolio-btn a {
3487
    display: inline-block;
3488
    color: #e44d3a;
3489
    font-size: 16px;
3490
    font-weight: 600;
3491
}
3492
 
3493
.portfolio-btn a i {
3494
    margin-right: 5px;
3495
}
3496
 
3497
.gallery_pf {
3498
    float: left;
3499
    width: 100%;
3500
    margin-bottom: -5px;
3501
}
3502
 
3503
.gallery_pf .col-lg-4 {
3504
    padding: 5px;
3505
}
3506
 
3507
.gallery_pt {
3508
    float: left;
3509
    width: 100%;
3510
    position: relative;
3511
    overflow: hidden;
3512
}
3513
 
3514
.gallery_pt:hover:before {
3515
    opacity: 1;
3516
    visibility: visible;
3517
    height: 100%;
3518
}
3519
 
3520
.gallery_pt:before {
3521
    content: "";
3522
    position: absolute;
3523
    top: 0;
3524
    left: 0;
3525
    width: 100%;
3526
    height: 0;
3527
    background-color: rgba(0, 0, 0, 0.6);
3528
    opacity: 0;
3529
    visibility: hidden;
3530
}
3531
 
3532
.gallery_pt img {
3533
    width: 100%;
3534
    height: 134px;
3535
    object-fit: cover;
3536
}
3537
 
3538
.row {
3539
    margin: 0;
3540
}
3541
 
3542
.gallery_pt>a {
3543
    position: absolute;
3544
    top: 100%;
3545
    left: 0;
3546
    float: left;
3547
    width: 100%;
3548
    text-align: center;
3549
    -webkit-transform: translateY(-50%);
3550
    -moz-transform: translateY(-50%);
3551
    -ms-transform: translateY(-50%);
3552
    -o-transform: translateY(-50%);
3553
    transform: translateY(-50%);
3554
    opacity: 0;
3555
    visibility: hidden;
3556
}
3557
 
3558
.gallery_pt:hover>a {
3559
    opacity: 1;
3560
    visibility: visible;
3561
    top: 50%;
3562
}
3563
 
3564
.gallery_pt>a img {
3565
    float: none;
3566
    width: auto;
3567
    height: auto;
3568
}
3569
 
3570
/* ============== overview-box ============= */
3571
 
3572
.overview-box {
3573
    width: 570px;
3574
    position: fixed;
3575
    top: 50%;
3576
    left: 50%;
3577
    -webkit-transform: translateX(-50%) translateY(-50%);
3578
    -moz-transform: translateX(-50%) translateY(-50%);
3579
    -ms-transform: translateX(-50%) translateY(-50%);
3580
    -o-transform: translateX(-50%) translateY(-50%);
3581
    transform: translateX(-50%) translateY(-50%);
3582
    opacity: 0;
3583
    visibility: hidden;
3584
    z-index: 0;
3585
}
3586
 
3587
.close-box {
3588
    position: absolute;
3589
    top: -20px;
3590
    right: -20px;
3591
    color: #fff;
3592
    font-size: 14px;
3593
    text-align: center;
3594
    width: 22px;
3595
    height: 22px;
3596
    line-height: 22px;
3597
    border: 1px solid #fff;
3598
    -webkit-border-radius: 100px;
3599
    -moz-border-radius: 100px;
3600
    -ms-border-radius: 100px;
3601
    -o-border-radius: 100px;
3602
    border-radius: 100px;
3603
    font-weight: 600;
3604
}
3605
 
3606
.close-box:hover {
3607
    color: #fff;
3608
}
3609
 
3610
.overview-box.open {
3611
    opacity: 1;
3612
    visibility: visible;
3613
    z-index: 99999;
3614
}
3615
 
3616
.overview-edit {
3617
    float: left;
3618
    width: 100%;
3619
    background-color: #fff;
3620
    padding: 30px 20px;
3621
}
3622
 
3623
.overview-edit h3 {
3624
    color: #000000;
3625
    font-size: 18px;
3626
    font-weight: 600;
3627
    float: left;
3628
    width: 100%;
3629
    margin-bottom: 25px;
3630
}
3631
 
3632
.overview-edit span {
3633
    color: #b2b2b2;
3634
    font-size: 12px;
3635
    float: right;
3636
    margin-bottom: 5px;
3637
}
3638
 
3639
.overview-edit form {
3640
    float: left;
3641
    width: 100%;
3642
}
3643
 
3644
.overview-edit form input {
3645
    height: 40px;
3646
    padding-left: 15px;
3647
    margin-bottom: 20px;
3648
}
3649
 
3650
.overview-edit form textarea,
3651
.overview-edit form input,
3652
.overview-edit form select {
3653
    width: 100%;
3654
    border: 1px solid #e5e5e5;
3655
    resize: none;
3656
    color: #b2b2b2;
3657
    font-size: 14px;
3658
}
3659
 
3660
.overview-edit form select {
3661
    line-height: 40px;
3662
    padding-left: 40px;
3663
    margin-bottom: 20px;
3664
}
3665
 
3666
.overview-edit form textarea {
3667
    height: 160px;
3668
    margin-bottom: 30px;
3669
    padding: 15px;
3670
}
3671
 
3672
.save {
3673
    background-color: #e44d3a;
3674
    color: #fff;
3675
    border-color: transparent;
3676
}
3677
 
3678
.save-add {
3679
    background-color: #fff;
3680
    padding: 13px 13px !important;
3681
}
3682
 
3683
.overview-edit button {
3684
    float: left;
3685
    border: 1px solid #e5e5e5;
3686
    font-weight: 600;
3687
    font-size: 16px;
3688
    padding: 13px 34px;
3689
    margin-right: 20px;
3690
    outline: none;
3691
    cursor: pointer;
3692
}
3693
 
3694
.cancel {
3695
    background-color: #fff;
3696
    color: #000;
3697
}
3698
 
3699
.datepicky {
3700
    float: left;
3701
    width: 100%;
3702
}
3703
 
3704
.no-left-pd {
3705
    padding: 0;
3706
}
3707
 
3708
.no-righ-pd {
3709
    padding-right: 0;
3710
}
3711
 
3712
.datefm {
3713
    float: left;
3714
    width: 100%;
3715
    position: relative;
3716
}
3717
 
3718
.datefm i {
3719
    position: absolute;
3720
    top: 11px;
3721
    right: 15px;
3722
    font-size: 18px;
3723
    color: #b2b2b2;
3724
}
3725
 
3726
#location-box .datefm i {
3727
    right: auto;
3728
    left: 15px;
3729
}
3730
 
3731
#location-box .datefm input {
3732
    padding-left: 40px;
3733
}
3734
 
3735
#skills-box ul {
3736
    float: left;
3737
    width: 100%;
3738
    margin-bottom: 20px;
3739
}
3740
 
3741
#skills-box ul li {
3742
    display: inline-block;
3743
    margin-right: 10px;
3744
    position: relative;
3745
}
3746
 
3747
.skl-name {
3748
    display: inline-block;
3749
    color: #b2b2b2;
3750
    font-size: 14px;
3751
    font-weight: 500;
3752
    background-color: #e5e5e5;
3753
    -webkit-border-radius: 30px;
3754
    -moz-border-radius: 30px;
3755
    -ms-border-radius: 30px;
3756
    -o-border-radius: 30px;
3757
    border-radius: 30px;
3758
    text-transform: uppercase;
3759
    padding: 10px 30px 10px 12px;
3760
    position: relative;
3761
}
3762
 
3763
.close-skl {
3764
    position: absolute;
3765
    top: 10px;
3766
    right: 10px;
3767
    color: #b2b2b2;
3768
    font-size: 14px;
3769
}
3770
 
3771
.file-submit {
3772
    border: 1px solid #e5e5e5;
3773
    position: relative;
3774
    padding: 0px;
3775
    height: 40px;
3776
    margin-bottom: 20px;
3777
    border-radius: 3px;
3778
}
3779
 
3780
.file-submit [type="file"] {
3781
    height: 40px;
3782
    overflow: hidden;
3783
    width: 100%;
3784
    float: left;
3785
    position: absolute;
3786
    padding: 10px 4px 0px 12px;
3787
    font-size: 14px;
3788
    opacity: 0;
3789
    display: none;
3790
}
3791
 
3792
.file-submit [type="file"]+label {
3793
    background: #e44d3a;
3794
    border: none;
3795
    float: left;
3796
    border-top-right-radius: 0px;
3797
    border-bottom-right-radius: 0px;
3798
    border-top-left-radius: 3px;
3799
    border-bottom-left-radius: 3px;
3800
    color: #fff;
3801
    cursor: pointer;
3802
    /* display: inline-block; */
3803
    font-size: 14px;
3804
    font-weight: 500;
3805
    outline: none;
3806
    padding: 12px 15px;
3807
    position: relative;
3808
    transition: all 0.3s;
3809
    vertical-align: middle;
3810
    margin: 0;
3811
}
3812
 
3813
.file-submit.nomg {
3814
    border: 0;
3815
    margin-bottom: 20px;
3816
}
3817
 
3818
.file-submit.nomg input {
3819
    margin-bottom: 0;
3820
    padding-top: 0;
3821
}
3822
 
3823
.daty {
3824
    float: left;
3825
    width: 100%;
3826
    position: relative;
3827
}
3828
 
3829
.daty>i {
3830
    position: absolute;
3831
    top: 10px;
3832
    right: 15px;
3833
    color: #b2b2b2;
3834
    font-size: 20px;
3835
}
3836
 
3837
a:hover {
3838
    color: initial;
3839
}
3840
 
3841
.pf-img {
3842
    float: left;
3843
    width: 100%;
3844
    background-color: #f2f2f2;
3845
    padding: 15px;
3846
    margin-bottom: 20px;
3847
}
3848
 
3849
/* ================= billing-method ============== */
3850
 
3851
.billing-method {
3852
    float: left;
3853
    width: 100%;
3854
    background-color: #fff;
3855
    border-left: 1px solid #e4e4e4;
3856
    border-right: 1px solid #e4e4e4;
3857
    border-bottom: 1px solid #e4e4e4;
3858
    margin-bottom: 20px;
3859
}
3860
 
3861
.billing-method ul {
3862
    float: left;
3863
    width: 100%;
3864
}
3865
 
3866
.billing-method ul li {
3867
    float: left;
3868
    width: 100%;
3869
    border-bottom: 1px solid #e5e5e5;
3870
    padding: 25px 20px;
3871
}
3872
 
3873
.billing-method ul li h3 {
3874
    color: #000000;
3875
    font-size: 18px;
3876
    font-weight: 600;
3877
    float: left;
3878
}
3879
 
3880
.billing-method ul li a,
3881
.billing-method ul li span {
3882
    float: right;
3883
    color: #000000;
3884
    font-size: 13px;
3885
    text-transform: capitalize;
3886
    font-weight: 600;
3887
    margin-top: 3px;
3888
}
3889
 
3890
.billing-method ul li i {
3891
    font-size: 13px;
3892
    color: #e44d3a;
3893
}
3894
 
3895
.lt-sec {
3896
    float: left;
3897
    width: 100%;
3898
    text-align: center;
3899
    padding: 30px 0;
3900
}
3901
 
3902
.lt-sec img {
3903
    float: none;
3904
    margin-bottom: 15px;
3905
}
3906
 
3907
.lt-sec h4 {
3908
    color: #686868;
3909
    font-size: 18px;
3910
    font-weight: 600;
3911
    margin-bottom: 25px;
3912
}
3913
 
3914
.lt-sec>a {
3915
    display: inline-block;
3916
    color: #ffffff;
3917
    font-size: 16px;
3918
    background-color: #e44d3a;
3919
    padding: 10px 25px;
3920
}
3921
 
3922
/* ============== add-billing-method ============== */
3923
 
3924
.add-billing-method {
3925
    float: left;
3926
    width: 100%;
3927
    background-color: #fff;
3928
    border-left: 1px solid #e4e4e4;
3929
    border-right: 1px solid #e4e4e4;
3930
    border-bottom: 1px solid #e4e4e4;
3931
}
3932
 
3933
.add-billing-method h3 {
3934
    color: #000000;
3935
    font-size: 18px;
3936
    font-weight: 600;
3937
    padding: 20px 20px;
3938
    border-bottom: 1px solid #e5e5e5;
3939
}
3940
 
3941
.add-billing-method>h4 {
3942
    color: #686868;
3943
    font-size: 13px;
3944
    font-weight: 500;
3945
    padding: 20px 20px;
3946
    border-bottom: 1px solid #e5e5e5;
3947
    float: left;
3948
    width: 100%;
3949
}
3950
 
3951
.add-billing-method img {
3952
    margin-right: 10px;
3953
}
3954
 
3955
.add-billing-method span {
3956
    margin-top: 4px;
3957
    float: left;
3958
}
3959
 
3960
/* ============= payment_methods ============ */
3961
 
3962
.payment_methods {
3963
    float: left;
3964
    width: 100%;
3965
}
3966
 
3967
.payment_methods>h4 {
3968
    color: #000000;
3969
    font-size: 16px;
3970
    font-weight: 600;
3971
    position: relative;
3972
    padding: 25px 20px 25px 45px;
3973
    float: left;
3974
    width: 100%;
3975
}
3976
 
3977
.rowwy {
3978
    float: left;
3979
    width: 100%;
3980
}
3981
 
3982
.pd-left-none {
3983
    padding-left: 0;
3984
}
3985
 
3986
.pd-right-none {
3987
    padding-right: 0;
3988
}
3989
 
3990
.payment_methods h4:before {
3991
    content: "";
3992
    position: absolute;
3993
    top: 50%;
3994
    -webkit-transform: translateY(-50%);
3995
    -moz-transform: translateY(-50%);
3996
    -ms-transform: translateY(-50%);
3997
    -o-transform: translateY(-50%);
3998
    transform: translateY(-50%);
3999
    left: 20px;
4000
    width: 15px;
4001
    height: 15px;
4002
    border: 1px solid #e6e6e6;
4003
    -webkit-border-radius: 100px;
4004
    -moz-border-radius: 100px;
4005
    -ms-border-radius: 100px;
4006
    -o-border-radius: 100px;
4007
    border-radius: 100px;
4008
}
4009
 
4010
.payment_methods h4:after {
4011
    content: "";
4012
    position: absolute;
4013
    top: 50%;
4014
    -webkit-transform: translateY(-50%);
4015
    -moz-transform: translateY(-50%);
4016
    -ms-transform: translateY(-50%);
4017
    -o-transform: translateY(-50%);
4018
    transform: translateY(-50%);
4019
    left: 24px;
4020
    width: 7px;
4021
    height: 7px;
4022
    background-color: #e44d3a;
4023
    -webkit-border-radius: 100px;
4024
    -moz-border-radius: 100px;
4025
    -ms-border-radius: 100px;
4026
    -o-border-radius: 100px;
4027
    border-radius: 100px;
4028
}
4029
 
4030
.payment_methods form {
4031
    float: left;
4032
    width: 100%;
4033
    padding-bottom: 30px;
4034
    border-bottom: 1px solid #e5e5e5;
4035
}
4036
 
4037
.payment_methods form button {
4038
    color: #ffffff;
4039
    font-size: 16px;
4040
    background-color: #e44d3a;
4041
    padding: 10px 15px;
4042
    border: 0;
4043
    cursor: pointer;
4044
}
4045
 
4046
.payment_methods form input {
4047
    width: 100%;
4048
    height: 40px;
4049
    border: 1px solid #e5e5e5;
4050
    padding: 0 12px;
4051
}
4052
 
4053
.cc-head {
4054
    float: left;
4055
    width: 100%;
4056
    margin-bottom: 10px;
4057
}
4058
 
4059
.cc-head h5 {
4060
    float: left;
4061
    color: #000000;
4062
    font-size: 16px;
4063
    font-weight: 600;
4064
    margin-top: 4px;
4065
}
4066
 
4067
.cc-head h5 i {
4068
    color: #b2b2b2;
4069
    font-size: 14px;
4070
}
4071
 
4072
.cc-head ul {
4073
    float: right;
4074
}
4075
 
4076
.cc-head ul li {
4077
    display: inline-block;
4078
}
4079
 
4080
.inpt-field {
4081
    float: left;
4082
    width: 100%;
4083
    position: relative;
4084
    margin-bottom: 20px;
4085
}
4086
 
4087
.no-pdd {
4088
    padding: 0;
4089
}
4090
 
4091
.inpt-field.pd-moree input {
4092
    padding-left: 40px !important;
4093
}
4094
 
4095
.inpt-field i {
4096
    color: #b2b2b2;
4097
    font-size: 18px;
4098
    position: absolute;
4099
    top: 50%;
4100
    left: 15px;
4101
    -webkit-transform: translateY(-50%);
4102
    -moz-transform: translateY(-50%);
4103
    -ms-transform: translateY(-50%);
4104
    -o-transform: translateY(-50%);
4105
    transform: translateY(-50%);
4106
}
4107
 
4108
/* ============== companies-info ============== */
4109
 
4110
.companies-info {
4111
    padding: 60px 0;
4112
}
4113
 
4114
.company-title {
4115
    float: left;
4116
    width: 100%;
4117
    margin-bottom: 20px;
4118
    padding: 0 1.9rem;
4119
}
4120
 
4121
.default-link {
4122
    color: #0860bf;
4123
}
4124
 
4125
.default-link:hover {
4126
    font-weight: bold;
4127
    color: #0860bf;
4128
    transition: all .5s;
4129
}
4130
 
4131
.company-title h3 {
4132
    color: #000000;
4133
    font-size: 20px;
4134
    font-weight: 600;
4135
    background-color: #fff;
4136
    padding: 10px 15px;
4137
}
4138
 
4139
.companies-list {
4140
    float: left;
4141
    width: 100%;
4142
    margin-bottom: -30px;
4143
}
4144
 
4145
.companies-list .slick-list {
4146
    max-height: 47vh;
4147
}
4148
 
4149
.slick-prev:before,
4150
.slick-next:before {
4151
    color: #000 !important;
4152
}
4153
 
4154
.company_profile_info {
4155
    /* float: left; */
4156
    width: 100%;
4157
    background-color: #fff;
4158
    text-align: center;
4159
    border-left: 1px solid #e4e4e4;
4160
    border-right: 1px solid #e4e4e4;
4161
    border-bottom: 1px solid #e4e4e4;
4162
    margin-bottom: 30px;
4163
}
4164
 
4165
.company-up-info {
4166
    /* float: left; */
4167
    width: 100%;
4168
    padding: 20px 0;
4169
    border-bottom: 1px solid #e5e5e5;
4170
}
4171
 
4172
.company-up-info .description {
4173
    margin-bottom: 10px;
4174
}
4175
 
4176
.company-up-info img {
4177
    float: none;
4178
    margin-bottom: 10px;
4179
    -webkit-border-radius: 100px;
4180
    -moz-border-radius: 100px;
4181
    -ms-border-radius: 100px;
4182
    -o-border-radius: 100px;
4183
    border-radius: 100px;
4184
    height: 90px;
4185
    object-fit: cover;
4186
}
4187
 
4188
.company-up-info h3 {
4189
    color: #000000;
4190
    font-size: 18px;
4191
    font-weight: 600;
4192
    margin-bottom: 10px;
4193
}
4194
 
4195
.company-up-info h4 {
4196
    color: #686868;
4197
    font-size: 14px;
4198
    font-weight: 500;
4199
    margin-bottom: 21px;
4200
}
4201
 
4202
.company-up-info h6 {
4203
    color: #686868;
4204
    font-size: 15px;
4205
    font-weight: 500;
4206
    margin-bottom: 10px;
4207
}
4208
 
4209
.company-up-info ul {
4210
    /* float: left; */
4211
    width: 100%;
4212
}
4213
 
4214
.company-up-info ul li {
4215
    display: inline-block;
4216
    margin-right: 6px;
4217
}
4218
 
4219
.company-up-info ul li a i {
4220
    font-size: 24px;
4221
    position: relative;
4222
    top: 3px;
4223
}
4224
 
4225
.follow {
4226
    background-color: #53d690;
4227
}
4228
 
4229
.message-us {
4230
    background-color: #e44d3a;
4231
}
4232
 
4233
.hire-us {
4234
    background-color: #51a5fb;
4235
}
4236
 
4237
.company_profile_info .cancelButton {
4238
    display: inline-block;
4239
    color: #000000;
4240
    font-size: 16px;
4241
    font-weight: 500;
4242
    margin: 18px 0;
4243
}
4244
 
4245
/* ============= search-sec ============= */
4246
 
4247
.search-sec {
4248
    float: left;
4249
    width: 100%;
4250
    margin: 30px 0 0 0;
4251
}
4252
 
4253
.search-box {
4254
    float: left;
4255
    width: 100%;
1809 steven 4256
    padding: 2.1%;
1239 steven 4257
}
4258
 
4259
.search-box form {
4260
    float: left;
4261
    width: 100%;
4262
    position: relative;
4263
}
4264
 
4265
.search-box form input {
4266
    width: 100%;
4267
    height: 40px;
4268
    padding: 0 15px;
1808 steven 4269
    background: var(--background-light-gray);
1807 steven 4270
    color: var(--gray);
1239 steven 4271
    font-size: 14px;
1808 steven 4272
    border: solid 1px var(--border-light-gray);
1239 steven 4273
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
4274
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
4275
    -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
4276
    -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
4277
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
4278
}
4279
 
1803 steven 4280
.search-box form button {
4281
    position: absolute;
4282
    top: 0;
4283
    right: 0;
1804 steven 4284
    border: solid 1px var(--border-light-gray);
1806 steven 4285
    color: var(--gray);
1803 steven 4286
    font-size: 16px;
4287
    font-weight: 500;
4288
    height: 100%;
4289
    padding: 0 28px;
4290
    cursor: pointer;
4291
    -webkit-border-radius: 0 4px 4px 0;
4292
    -moz-border-radius: 0 4px 4px 0;
4293
    -ms-border-radius: 0 4px 4px 0;
4294
    -o-border-radius: 0 4px 4px 0;
4295
    border-radius: 0 4px 4px 0;
4296
}
4297
 
1239 steven 4298
/* =============== filter-secs ============== */
4299
 
4300
.filter-secs {
4301
    float: left;
4302
    width: 100%;
4303
    /* background-color: #fff; */
4304
    box-shadow: 0px 2px #e4e4e4;
4305
    border: 1px solid #e5e5e5;
4306
}
4307
 
4308
.filter-heading {
4309
    float: left;
4310
    width: 100%;
4311
    padding: 15px 20px;
4312
    border-bottom: 1px solid #e5e5e5;
4313
    margin-bottom: 15px;
4314
}
4315
 
4316
.filter-heading h3 {
4317
    float: left;
4318
    color: #e44d3a;
4319
    font-size: 18px;
4320
    font-weight: 600;
4321
}
4322
 
4323
.filter-heading a {
4324
    float: right;
4325
    color: #686868;
4326
    font-size: 14px;
4327
    margin-top: 4px;
4328
}
4329
 
4330
.filter-ttl {
4331
    float: left;
4332
    width: 100%;
4333
    border-bottom: 1px solid #e5e5e5;
4334
    padding: 0 0 16px 0;
4335
    margin-bottom: 10px;
4336
}
4337
 
4338
.filter--tt2 {
4339
    margin-bottom: 0px !important;
4340
}
4341
 
4342
.top--1 {
4343
    margin-top: 20px;
4344
}
4345
 
4346
.filter--tt2 .dropdown .dropdown-menu a {
4347
    float: none;
4348
    color: #666666 !important;
4349
    margin-bottom: 12px !important;
4350
}
4351
 
4352
.filter--tt2 .dropdown .dropdown-menu a:hover {
4353
    color: #e44d3a !important;
4354
    background: none !important;
4355
}
4356
 
4357
.filter--tt2 .dropdown .dropdown-menu a:focus {
4358
    color: #e44d3a !important;
4359
    background: none !important;
4360
}
4361
 
4362
.filter--tt2 a {
4363
    float: left !important;
4364
    padding: 0 0 0 15px !important;
4365
    font-size: 16px !important;
4366
    color: #000000 !important;
4367
    font-weight: 500 !important;
4368
}
4369
 
4370
.filter-ttl h3 {
4371
    float: left;
4372
    padding: 0;
4373
    font-size: 16px;
4374
    color: #000000;
4375
    font-weight: 400;
4376
}
4377
 
4378
.filter-ttl a {
4379
    float: right;
4380
    font-size: 14px;
4381
    color: #666666;
4382
}
4383
 
4384
.filter-ttl .dropdown a {
4385
    float: none;
4386
    color: #666666;
4387
}
4388
 
4389
.filter-dd {
4390
    float: left;
4391
    width: 100%;
4392
    margin-bottom: 15px;
4393
}
4394
 
4395
.filter-dd form {
4396
    float: left;
4397
    width: 100%;
4398
    position: relative;
4399
}
4400
 
4401
.filter-dd form input,
4402
.filter-dd form select {
4403
    width: 100%;
4404
    height: 30px;
4405
    background-color: #f2f2f2;
4406
    padding: 0 10px;
4407
    color: #b2b2b2;
4408
    font-size: 12px;
4409
    font-weight: 600;
4410
    border: 0;
4411
    border: 1px solid #e5e5e5;
4412
}
4413
 
4414
.job-tp i {
4415
    color: #666666;
4416
    position: absolute;
4417
    top: 9px;
4418
    right: 15px;
4419
    font-size: 14px;
4420
}
4421
 
4422
.avail-checks {
4423
    float: left;
4424
    width: 100%;
4425
    margin-top: 7px;
4426
}
4427
 
4428
.avail-checks li {
4429
    float: left;
4430
    width: 100%;
4431
    margin-bottom: 10px;
4432
}
4433
 
4434
.avail-checks li:last-child {
4435
    margin-bottom: 0;
4436
}
4437
 
4438
.avail-checks li input[type="radio"] {
4439
    display: none;
4440
}
4441
 
4442
.avail-checks li label {
4443
    float: left;
4444
}
4445
 
4446
.avail-checks li input[type="radio"]+label span {
4447
    display: inline-block;
4448
    width: 15px;
4449
    height: 15px;
4450
    position: relative;
4451
    margin-top: 3px;
4452
    border: 1px solid #d2d2d2;
4453
    -webkit-border-radius: 100px;
4454
    -moz-border-radius: 100px;
4455
    -ms-border-radius: 100px;
4456
    -o-border-radius: 100px;
4457
    border-radius: 100px;
4458
}
4459
 
4460
.avail-checks li input[type="radio"]+label span:before {
4461
    content: "";
4462
    opacity: 0;
4463
    visibility: hidden;
4464
    position: absolute;
4465
    width: 7px;
4466
    height: 7px;
4467
    -webkit-border-radius: 100px;
4468
    -moz-border-radius: 100px;
4469
    -ms-border-radius: 100px;
4470
    -o-border-radius: 100px;
4471
    border-radius: 100px;
4472
    background-color: #e44d3a;
4473
    top: 3px;
4474
    left: 3px;
4475
}
4476
 
4477
.avail-checks li input[type="radio"]:checked+label span:before {
4478
    opacity: 1;
4479
    visibility: visible;
4480
}
4481
 
4482
.avail-checks li small {
4483
    color: #909090;
4484
    font-size: 14px;
4485
    padding-left: 10px;
4486
    font-weight: 500;
4487
}
4488
 
4489
/* =========== Range Slider ========== */
4490
 
4491
.rg-slider {
4492
    float: left;
4493
    width: 100%;
4494
}
4495
 
4496
.slider-container {
4497
    width: 100% !important;
4498
    padding-top: 50px;
4499
    position: relative;
4500
}
4501
 
4502
.theme-green .back-bar {
4503
    height: 5px;
4504
    border: 1px solid #e5e5e5;
4505
    -webkit-border-radius: 30px;
4506
    -moz-border-radius: 30px;
4507
    -ms-border-radius: 30px;
4508
    -o-border-radius: 30px;
4509
    border-radius: 30px;
4510
}
4511
 
4512
.theme-green .back-bar .pointer {
4513
    width: 17px;
4514
    height: 17px;
4515
    -webkit-border-radius: 100px;
4516
    -moz-border-radius: 100px;
4517
    -ms-border-radius: 100px;
4518
    -o-border-radius: 100px;
4519
    border-radius: 100px;
4520
    background-color: #e44d3a;
4521
    border: 2px solid #e3e3e3;
4522
    -webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.43);
4523
    -moz-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.43);
4524
    -ms-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.43);
4525
    -o-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.43);
4526
    box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.43);
4527
}
4528
 
4529
.theme-green .back-bar .pointer {
4530
    top: -7px;
4531
}
4532
 
4533
.slider-container .back-bar .pointer-label {
4534
    top: -50px;
4535
    height: 26px;
4536
    background-color: #e5e5e5;
4537
    -webkit-border-radius: 30px;
4538
    -moz-border-radius: 30px;
4539
    -ms-border-radius: 30px;
4540
    -o-border-radius: 30px;
4541
    border-radius: 30px;
4542
    line-height: 26px;
4543
    width: 50px;
4544
}
4545
 
4546
.pointer-label.low {
4547
    left: 0 !important;
4548
}
4549
 
4550
.pointer-label.high {
4551
    left: 70px !important;
4552
}
4553
 
4554
.pointer-label.low:before {
4555
    content: "";
4556
    position: absolute;
4557
    top: 13px;
4558
    right: -14px;
4559
    width: 8px;
4560
    height: 1px;
4561
    background-color: #e5e5e5;
4562
}
4563
 
4564
.rg-limit {
4565
    float: left;
4566
    width: 100%;
4567
    margin-top: 16px;
4568
}
4569
 
4570
.rg-limit h4 {
4571
    color: #686868;
4572
    font-size: 15px;
4573
    font-weight: 600;
4574
    float: left;
4575
}
4576
 
4577
.rg-limit h4:last-child {
4578
    float: right;
4579
}
4580
 
4581
/* ============== chatbox-list ============== */
4582
 
4583
.chatbox-list {
4584
    position: fixed;
4585
    bottom: 0;
4586
    right: 0;
4587
}
4588
 
4589
.chatbox {
4590
    display: inline-block;
4591
    margin-right: 13px;
4592
    position: relative;
4593
}
4594
 
4595
.chat-mg {
4596
    display: inline-block;
4597
    position: relative;
4598
}
4599
 
4600
.chat-mg img {
4601
    width: 70px;
4602
    height: 70px;
4603
    -webkit-border-radius: 100px;
4604
    -moz-border-radius: 100px;
4605
    -ms-border-radius: 100px;
4606
    -o-border-radius: 100px;
4607
    border-radius: 100px;
4608
}
4609
 
4610
.chat-mg span {
4611
    position: absolute;
4612
    top: -5px;
4613
    right: 10px;
4614
    width: 20px;
4615
    height: 20px;
4616
    background-color: #e44d3a;
4617
    text-align: center;
4618
    font-size: 12px;
4619
    color: #fff;
4620
    line-height: 20px;
4621
    -webkit-border-radius: 100px;
4622
    -moz-border-radius: 100px;
4623
    -ms-border-radius: 100px;
4624
    -o-border-radius: 100px;
4625
    border-radius: 100px;
4626
}
4627
 
4628
.chat-mg.bx img {
4629
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
4630
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
4631
    -ms-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
4632
    -o-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
4633
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
4634
}
4635
 
4636
.conversation-box {
4637
    position: absolute;
4638
    bottom: 132%;
4639
    right: 100%;
4640
    width: 350px;
4641
    background-color: #fff;
4642
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);
4643
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);
4644
    -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);
4645
    -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);
4646
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);
4647
    opacity: 0;
4648
    visibility: hidden;
4649
    z-index: 0;
4650
}
4651
 
4652
.conversation-box.active {
4653
    opacity: 1;
4654
    visibility: visible;
4655
    z-index: 9999;
4656
}
4657
 
4658
.conversation-box:before {
4659
    content: "";
4660
    position: absolute;
4661
    bottom: -7px;
4662
    right: 26px;
4663
    border-top: 15px solid #fff;
4664
    border-right: 15px solid transparent;
4665
    -webkit-transform: rotate(225deg);
4666
    -moz-transform: rotate(225deg);
4667
    -ms-transform: rotate(225deg);
4668
    -o-transform: rotate(225deg);
4669
    transform: rotate(225deg);
4670
}
4671
 
4672
.con-title {
4673
    float: left;
4674
    width: 100%;
4675
    background-color: #e44d3a;
4676
    padding: 15px 25px;
4677
    -webkit-border-radius: 10px 10px 0 0;
4678
    -moz-border-radius: 10px 10px 0 0;
4679
    -ms-border-radius: 10px 10px 0 0;
4680
    -o-border-radius: 10px 10px 0 0;
4681
    border-radius: 10px 10px 0 0;
4682
}
4683
 
4684
.con-title h3 {
4685
    float: left;
4686
    color: #ffffff;
4687
    font-size: 16px;
4688
    font-weight: 600;
4689
}
4690
 
4691
.con-title>a {
4692
    float: right;
4693
    color: #fff;
4694
    font-size: 20px;
4695
}
4696
 
4697
.chat-list {
4698
    float: left;
4699
    width: 100%;
4700
    min-height: 390px;
4701
}
4702
 
4703
.conv-list {
4704
    float: left;
4705
    width: 100%;
4706
    display: table;
4707
    padding: 20px 25px;
4708
    position: relative;
4709
}
4710
 
4711
.conv-list:hover,
4712
.conv-list.active {
4713
    background-color: #efefef;
4714
}
4715
 
4716
.msg-numbers {
4717
    position: absolute;
4718
    bottom: 18px;
4719
    right: 25px;
4720
    width: 25px;
4721
    height: 25px;
4722
    background-color: #e77667;
4723
    text-align: center;
4724
    line-height: 25px;
4725
    color: #fff;
4726
    font-size: 13px;
4727
    -webkit-border-radius: 100px;
4728
    -moz-border-radius: 100px;
4729
    -ms-border-radius: 100px;
4730
    -o-border-radius: 100px;
4731
    border-radius: 100px;
4732
}
4733
 
4734
.usrr-pic {
4735
    display: table-cell;
4736
    position: relative;
4737
}
4738
 
4739
.active-status {
4740
    width: 9px;
4741
    height: 9px;
4742
    border: 2px solid #ecf5fb;
4743
    -webkit-border-radius: 100px;
4744
    -moz-border-radius: 100px;
4745
    -ms-border-radius: 100px;
4746
    -o-border-radius: 100px;
4747
    border-radius: 100px;
4748
    position: absolute;
4749
    top: -3px;
4750
    right: 0;
4751
}
4752
 
4753
.activee {
4754
    background-color: #e44d3a;
4755
}
4756
 
4757
.usy-info {
4758
    display: table-cell;
4759
    vertical-align: top;
4760
    width: 100%;
4761
    padding-left: 15px;
4762
}
4763
 
4764
.usy-info h3 {
4765
    color: #000000;
4766
    font-size: 18px;
4767
    font-weight: 600;
4768
    margin-bottom: 5px;
4769
}
4770
 
4771
.usy-info span {
4772
    color: #686868;
4773
    font-size: 16px;
4774
    float: left;
4775
}
4776
 
4777
.usy-info span img {
4778
    padding-left: 5px;
4779
    float: right;
4780
}
4781
 
4782
.ct-time {
4783
    position: absolute;
4784
    top: 20px;
4785
    right: 25px;
4786
}
4787
 
4788
.ct-time span {
4789
    color: #b2b2b2;
4790
    font-size: 14px;
4791
}
4792
 
4793
.st-icons {
4794
    float: right;
4795
    margin-top: 7px;
4796
}
4797
 
4798
.st-icons a {
4799
    color: #fff;
4800
    font-size: 20px;
4801
    margin-right: 5px;
4802
}
4803
 
4804
.chat-hist {
4805
    float: left;
4806
    width: 100%;
4807
    background-color: #fff;
4808
    height: 280px;
4809
}
4810
 
4811
.chat-msg {
4812
    float: left;
4813
    width: 100%;
4814
    padding-right: 25px;
4815
    margin-bottom: 15px;
4816
}
4817
 
4818
.chat-msg p {
4819
    color: #ffffff;
4820
    font-size: 14px;
4821
    background-color: #e44d3a;
4822
    line-height: 18px;
4823
    -webkit-border-radius: 15px;
4824
    -moz-border-radius: 15px;
4825
    -ms-border-radius: 15px;
4826
    -o-border-radius: 15px;
4827
    border-radius: 15px;
4828
    padding: 10px 15px;
4829
    width: 80%;
4830
    float: right;
4831
    margin-bottom: 10px;
4832
}
4833
 
4834
.mg-3 {
4835
    margin-bottom: 3px;
4836
}
4837
 
4838
.chat-msg span {
4839
    float: right;
4840
    color: #b1b1b1;
4841
    width: 100%;
4842
    font-size: 9px;
4843
    text-align: right;
4844
}
4845
 
4846
.status-info {
4847
    width: 8px;
4848
    height: 8px;
4849
    background-color: #fff;
4850
    -webkit-border-radius: 100px;
4851
    -moz-border-radius: 100px;
4852
    -ms-border-radius: 100px;
4853
    -o-border-radius: 100px;
4854
    border-radius: 100px;
4855
    display: inline-block;
4856
    margin-left: 7px;
4857
}
4858
 
4859
.chat-user-info h3 {
4860
    margin-top: 7px;
4861
    margin-left: 10px;
4862
}
4863
 
4864
.date-nd {
4865
    float: left;
4866
    width: 100%;
4867
    text-align: center;
4868
    margin-bottom: 20px;
4869
    position: relative;
4870
}
4871
 
4872
.date-nd:before,
4873
.date-nd:after {
4874
    content: "";
4875
    position: absolute;
4876
    top: 10px;
4877
    left: 15px;
4878
    width: 92px;
4879
    height: 1px;
4880
    background-color: #e5e5e5;
4881
}
4882
 
4883
.date-nd:after {
4884
    left: auto;
4885
    right: 15px;
4886
}
4887
 
4888
.date-nd span {
4889
    color: #b1b1b1;
4890
    font-size: 12px;
4891
    text-align: center;
4892
}
4893
 
4894
.chat-msg.st2 p {
4895
    background-color: #efefef;
4896
    color: #686868;
4897
    float: left;
4898
    width: 55%;
4899
}
4900
 
4901
.chat-msg.st2 {
4902
    padding-left: 25px;
4903
}
4904
 
4905
.chat-msg.st2 span {
4906
    float: left;
4907
    text-align: left;
4908
}
4909
 
4910
/* =========== typing-msg =========== */
4911
 
4912
.typing-msg {
4913
    float: left;
4914
    width: 100%;
4915
    border-top: 1px solid #e6e6e6;
4916
    padding-top: 15px;
4917
}
4918
 
4919
.typing-msg form {
4920
    float: left;
4921
    width: 100%;
4922
    position: relative;
4923
}
4924
 
4925
.typing-msg form textarea {
4926
    width: 100%;
4927
    height: 30px;
4928
    background-color: #fff;
4929
    padding: 0 20px;
4930
    color: #b2b2b2;
4931
    font-size: 16px;
4932
    border: 0;
4933
    resize: none;
4934
}
4935
 
4936
.typing-msg form button {
4937
    color: #e44d3a;
4938
    font-size: 18px;
4939
    font-weight: 600;
4940
    position: absolute;
4941
    top: 2px;
4942
    right: 20px;
4943
    background: none;
4944
    border: 0;
4945
    cursor: pointer;
4946
}
4947
 
4948
.ft-options {
4949
    float: left;
4950
    width: 100%;
4951
    padding: 0 20px 8px 20px;
4952
}
4953
 
4954
.ft-options li {
4955
    display: inline-block;
4956
    margin-right: 15px;
4957
}
4958
 
4959
.ft-options li a {
4960
    color: #b2b2b2;
4961
    font-size: 24px;
4962
    display: inline-block;
4963
}
4964
 
4965
.mCSB_scrollTools {
4966
    right: -5px;
4967
}
4968
 
4969
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
4970
    background-color: #cccccc;
4971
    width: 5px;
4972
}
4973
 
4974
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
4975
    opacity: 0;
4976
}
4977
 
4978
/* ============ Menu Btn =============*/
4979
 
4980
.menu-btn {
4981
    float: right;
4982
    display: none;
4983
}
4984
 
4985
.menu-btn a {
4986
    font-size: 24px;
4987
    color: #fff;
4988
    display: inline-block;
4989
    padding-top: 16px;
4990
    padding-left: 20px;
4991
}
4992
 
4993
/* ============= account-tabs-setting ============ */
4994
 
4995
/* .profile-account-setting {} */
4996
 
4997
.account-tabs-setting {
4998
    float: left;
4999
    width: 100%;
5000
    padding: 70px 0;
5001
}
5002
 
5003
.acc-leftbar {
5004
    float: left;
5005
    width: 100%;
5006
    background-color: #fff;
5007
    border-left: 1px solid #e5e5e5;
5008
    border-bottom: 1px solid #e5e5e5;
5009
    border-right: 1px solid #e5e5e5;
5010
}
5011
 
5012
.acc-leftbar .nav-tabs>a {
5013
    float: left;
5014
    width: 100%;
5015
    background: none;
5016
    padding: 18px 20px;
5017
    border-bottom: 1px solid #e5e5e5;
5018
    border-left: 0;
5019
    border-right: 0;
5020
    color: #000000;
5021
    font-size: 16px;
5022
    font-weight: 500;
5023
    -webkit-border-radius: 0;
5024
    -moz-border-radius: 0;
5025
    -ms-border-radius: 0;
5026
    -o-border-radius: 0;
5027
    border-radius: 0;
5028
    border-top: 0;
5029
}
5030
 
5031
.nav-tabs {
5032
    border-bottom: 0;
5033
}
5034
 
5035
.acc-leftbar .nav-tabs>a:last-child {
5036
    border-bottom: 0;
5037
}
5038
 
5039
.acc-leftbar .nav-tabs>a i {
5040
    padding-right: 15px;
5041
    font-size: 20px;
5042
    position: relative;
5043
    top: 2px;
5044
    font-weight: 700;
5045
    width: 40px;
5046
}
5047
 
5048
.nav-tabs .nav-item.show .nav-link,
5049
.nav-tabs .nav-link.active {
5050
    background-color: inherit;
5051
    color: #e44d3a;
5052
    border-color: inherit;
5053
}
5054
 
5055
/* ============= acc-setting ============ */
5056
 
5057
.acc-setting {
5058
    float: left;
5059
    width: 100%;
5060
    background-color: #fff;
5061
    border-left: 1px solid #e5e5e5;
5062
    border-bottom: 1px solid #e5e5e5;
5063
    border-right: 1px solid #e5e5e5;
5064
    -webkit-box-shadow: 1px 0 4px rgba(0, 0, 0, 0.24);
5065
    -moz-box-shadow: 1px 0 4px rgba(0, 0, 0, 0.24);
5066
    -ms-box-shadow: 1px 0 4px rgba(0, 0, 0, 0.24);
5067
    -o-box-shadow: 1px 0 4px rgba(0, 0, 0, 0.24);
5068
    box-shadow: 1px 0 4px rgba(0, 0, 0, 0.24);
5069
}
5070
 
5071
.acc-setting form {
5072
    float: left;
5073
    width: 100%;
5074
}
5075
 
5076
.acc-setting>h3 {
5077
    width: 100%;
5078
    color: #000000;
5079
    font-weight: 600;
5080
    font-size: 18px;
5081
    text-transform: capitalize;
5082
    border-bottom: 1px solid #e5e5e5;
5083
    padding: 17px 20px;
5084
}
5085
 
5086
.notbar {
5087
    float: left;
5088
    width: 100%;
5089
    border-bottom: 1px solid #e5e5e5;
5090
    padding: 20px;
5091
    position: relative;
5092
}
5093
 
5094
.notbar h4 {
5095
    color: #000000;
5096
    font-size: 16px;
5097
    font-weight: 600;
5098
    margin-bottom: 5px;
5099
}
5100
 
5101
.notbar p {
5102
    color: #686868;
5103
    font-size: 14px;
5104
    line-height: 24px;
5105
    width: 75%;
5106
}
5107
 
5108
.toggle-btn {
5109
    position: absolute;
5110
    top: 35px;
5111
    right: 20px;
5112
}
5113
 
5114
.save-stngs {
5115
    float: left;
5116
    width: 100%;
5117
    padding: 30px 20px 50px 20px;
5118
}
5119
 
5120
.save-stngs.pd2 {
5121
    padding: 25px 20px 42px 20px;
5122
}
5123
 
5124
.save-stngs.pd3 {
5125
    padding: 25px 20px 25px 20px;
5126
}
5127
 
5128
.save-stngs ul li {
5129
    display: inline-block;
5130
    margin-right: 17px;
5131
}
5132
 
5133
.save-stngs ul li button {
5134
    display: inline-block;
5135
    color: #000000;
5136
    font-size: 16px;
5137
    border: 1px solid #e5e5e5;
5138
    height: 40px;
5139
    line-height: 40px;
5140
    padding: 0 22px;
5141
    font-weight: 600;
5142
    background: none;
5143
    cursor: pointer;
5144
}
5145
 
5146
.save-stngs ul li button:hover {
5147
    background-color: #e44d3a;
5148
    color: #fff;
5149
    border-color: transparent;
5150
}
5151
 
5152
/* =============== Password Update ============ */
5153
 
5154
.cp-field {
5155
    float: left;
5156
    width: 100%;
5157
    margin-top: 29.4px;
5158
    padding: 0 20px;
5159
}
5160
 
5161
.cp-field h5 {
5162
    color: #000000;
5163
    font-size: 16px;
5164
    font-weight: 600;
5165
    float: left;
5166
    width: 100%;
5167
    margin-bottom: 10px;
5168
}
5169
 
5170
.cp-field h5 a {
5171
    color: #000;
5172
}
5173
 
5174
.cpp-fiel {
5175
    float: left;
5176
    width: 100%;
5177
    position: relative;
5178
}
5179
 
5180
.cp-field input {
5181
    height: 40px;
5182
    padding: 0 40px;
5183
}
5184
 
5185
.cp-field input,
5186
.cp-field textarea {
5187
    width: 100%;
5188
    border: 1px solid #e5e5e5;
5189
}
5190
 
5191
.cp-field textarea {
5192
    padding: 20px;
5193
    height: 115px;
5194
}
5195
 
5196
.cpp-fiel i {
5197
    position: absolute;
5198
    top: 12px;
5199
    left: 15px;
5200
    color: #b2b2b2;
5201
    font-size: 16px;
5202
}
5203
 
5204
.cp-field>p {
5205
    /* float: left; width: 100%; color: #686868; font-size: 14px; line-height: 24px; margin-top: 5px; */
5206
}
5207
 
5208
/* =============== notifications-list ============= */
5209
 
5210
.notifications-list {
5211
    float: left;
5212
    width: 100%;
5213
}
5214
 
5215
.notfication-details {
5216
    float: left;
5217
    width: 100%;
5218
    padding: 20px;
5219
    border-bottom: 1px solid #e5e5e5;
5220
}
5221
 
5222
.notfication-details:last-child {
5223
    border-bottom: 0;
5224
}
5225
 
5226
.noty-user-img {
5227
    float: left;
5228
    width: 35px;
5229
}
5230
 
5231
.noty-user-img img {
5232
    width: 100%;
5233
}
5234
 
5235
.notification-info {
5236
    float: left;
5237
    width: auto;
5238
    padding-left: 10px;
5239
}
5240
 
5241
.notification-info h3 {
5242
    color: #686868;
5243
    font-size: 14px;
5244
    font-weight: 500;
5245
    border: 0;
5246
    padding: 0;
5247
    margin-bottom: 6px;
5248
}
5249
 
5250
.notification-info h3 a {
5251
    color: #000000;
5252
    font-size: 16px;
5253
    font-weight: 600;
5254
    display: inline-block;
5255
}
5256
 
5257
.notification-info>span {
5258
    display: inline-block;
5259
    color: #b2b2b2;
5260
    font-size: 12px;
5261
    font-weight: 600;
5262
}
5263
 
5264
/* ============== requests-list ============== */
5265
 
5266
.requests-list {
5267
    float: left;
5268
    width: 100%;
5269
    padding-bottom: 0;
5270
}
5271
 
5272
.request-details {
5273
    float: left;
5274
    width: 100%;
5275
    padding: 20px;
5276
    border-bottom: 1px solid #e5e5e5;
5277
}
5278
 
5279
.request-details:last-child {
5280
    border-bottom: 0;
5281
}
5282
 
5283
.request-info {
5284
    float: left;
5285
    padding-left: 10px;
5286
}
5287
 
5288
.request-info h3 {
5289
    color: #000000;
5290
    font-size: 14px;
5291
    font-weight: 600;
5292
    padding: 0;
5293
    border: 0;
5294
    margin-bottom: 3px;
5295
}
5296
 
5297
.request-info span {
5298
    color: #686868;
5299
    font-size: 12px;
5300
    display: inline-block;
5301
}
5302
 
5303
.accept-feat {
5304
    float: right;
5305
}
5306
 
5307
.accept-feat ul li {
5308
    display: inline-block;
5309
}
5310
 
5311
.accept-feat ul li button {
5312
    cursor: pointer;
5313
}
5314
 
5315
.accept-req {
5316
    color: #ffffff;
5317
    font-size: 16px;
5318
    background-color: #51a5fb;
5319
    height: 30px;
5320
    padding: 0 20px;
5321
    font-weight: 600;
5322
    border: 0;
5323
    border: 1px solid #51a5fb;
5324
}
5325
 
5326
.close-req {
5327
    height: 30px;
5328
    width: 30px;
5329
    text-align: center;
5330
    line-height: 30px;
5331
    border: 1px solid #e5e5e5;
5332
    background: inherit;
5333
    color: #b2b2b2;
5334
    margin-left: 7px;
5335
}
5336
 
5337
.close-req i {
5338
    font-weight: 600;
5339
}
5340
 
5341
/* ============= Profile Sattus =========== */
5342
 
5343
.profile-bx-details {
5344
    float: left;
5345
    width: 100%;
5346
    padding: 30px 7px 30px 7px;
5347
}
5348
 
5349
.profile-bx-details .row .col-lg-3 {
5350
    padding: 0 7px;
5351
}
5352
 
5353
.profile-bx-info {
5354
    float: left;
5355
    width: 100%;
5356
    background-color: #f2f2f2;
5357
    padding: 20px;
5358
    border: 1px solid #e5e5e5;
5359
}
5360
 
5361
.pro-bx {
5362
    float: left;
5363
    width: 100%;
5364
    border-bottom: 1px solid #e5e5e5;
5365
    padding-bottom: 10px;
5366
}
5367
 
5368
.bx-info {
5369
    float: left;
5370
    margin-top: 7px;
5371
    padding-left: 10px;
5372
}
5373
 
5374
.bx-info h3 {
5375
    color: #e44d3a;
5376
    font-size: 20px;
5377
    font-weight: 600;
5378
    margin-bottom: 5px;
5379
}
5380
 
5381
.bx-info h5 {
5382
    color: #000000;
5383
    font-size: 14px;
5384
    font-weight: 600;
5385
    margin: 0;
5386
    padding: 0;
5387
    border: 0;
5388
}
5389
 
5390
.pd-left-20 {
5391
    padding-left: 20px;
5392
    padding-right: 0;
5393
}
5394
 
5395
.pd-left-15 {
5396
    padding-left: 15px;
5397
    padding-right: 0;
5398
}
5399
 
5400
.pd-left-right {
5401
    padding-left: 15px;
5402
    padding-right: 20px;
5403
}
5404
 
5405
.profile-bx-info>p {
5406
    float: left;
5407
    width: 100%;
5408
    font-size: 14px;
5409
    line-height: 20px;
5410
    padding-top: 5px;
5411
}
5412
 
5413
/* =========== pro-work-status ========= */
5414
 
5415
.pro-work-status {
5416
    float: left;
5417
    width: 100%;
5418
    padding: 0 15px;
5419
}
5420
 
5421
.pro-work-status h4 {
5422
    color: #000000;
5423
    font-size: 18px;
5424
    font-weight: 600;
5425
    margin-bottom: 50px;
5426
}
5427
 
5428
/* ============== messages-page ============== */
5429
 
5430
.messages-page {
5431
    padding: 20px 0;
5432
}
5433
 
5434
.messages-sec {
5435
    width: 100%;
5436
    border-radius: 10px;
5437
    overflow: hidden;
1875 steven 5438
    background-color: transparent;
1239 steven 5439
}
5440
 
5441
.msgs-list {
5442
    width: 100%;
5443
}
5444
 
5445
.inmail_conversations-list {
5446
    border-right: 1px solid #3333;
5447
    padding-left: 0;
5448
    padding-right: 0;
5449
}
5450
 
5451
.msg-title {
5452
    padding: 20px;
5453
    border-bottom: 2px solid #3333;
5454
}
5455
 
2197 stevensc 5456
.active-tab {
1940 steven 5457
    border-bottom: solid 2px #E4E4E4;
5458
}
5459
 
1239 steven 5460
.msg-title>h3 {
5461
    color: #000000;
5462
    font-size: 18px;
5463
    font-weight: 600;
5464
}
5465
 
5466
.msg-title>ul {
5467
    float: right;
5468
    position: relative;
5469
    top: 1px;
5470
}
5471
 
5472
.msg-title ul li {
5473
    display: inline-block;
5474
    margin-right: 15px;
5475
    border-bottom: 1px solid #3333;
5476
}
5477
 
5478
.msg-title ul li:last-child {
5479
    margin-right: 0;
5480
}
5481
 
5482
.msg-title ul li a {
5483
    color: #b2b2b2;
5484
    font-size: 18px;
5485
}
5486
 
5487
.messages-list {
5488
    float: left;
5489
    width: 100%;
5490
}
5491
 
2197 stevensc 5492
.date-chat {
2170 steven 5493
    font-size: .6rem;
5494
    color: var(--gray);
5495
    padding-top: 5%;
5496
}
5497
 
1239 steven 5498
.messages-list ul {
5499
    float: left;
5500
    width: 100%;
5501
}
5502
 
2197 stevensc 5503
.text-chat-title {
2171 steven 5504
    color: var(--gray) !important;
5505
    font-size: 1rem;
5506
}
5507
 
1239 steven 5508
.messages-list ul li {
5509
    float: left;
5510
    width: 100%;
1949 steven 5511
    padding: 3%;
1239 steven 5512
    border-bottom: 1px solid #eeeeee;
5513
    cursor: pointer;
5514
}
5515
 
2124 steven 5516
 
1239 steven 5517
.messages-list ul li.active {
5518
    background-color: #efefef;
5519
}
5520
 
5521
.usr-msg-details {
5522
    float: left;
5523
    position: relative;
5524
    width: 100%;
1871 steven 5525
    border-bottom: solid 1px var(--border-light-gray);
5526
    padding-bottom: 3%;
1239 steven 5527
}
5528
 
5529
.usr-ms-img {
5530
    float: left;
5531
    width: 50px;
5532
    position: relative;
5533
}
5534
 
5535
.msg-status {
5536
    -webkit-border-radius: 100px;
5537
    -moz-border-radius: 100px;
5538
    -ms-border-radius: 100px;
5539
    -o-border-radius: 100px;
5540
    border-radius: 100px;
5541
    background-color: #e44d3a;
5542
    position: absolute;
5543
    top: -3px;
5544
    right: 0;
5545
    width: 6px;
5546
    height: 6px;
5547
}
5548
 
5549
.messages-list ul li.active .msg-status {
5550
    border: 2px solid #ecf5fb;
5551
    height: 10px;
5552
    width: 10px;
5553
}
5554
 
5555
.msg-notifc {
5556
    position: absolute;
1872 steven 5557
    /* bottom: 0;
5558
    right: 0; */
1239 steven 5559
    width: 25px;
5560
    height: 25px;
5561
    -webkit-border-radius: 100px;
5562
    -moz-border-radius: 100px;
5563
    -ms-border-radius: 100px;
5564
    -o-border-radius: 100px;
5565
    border-radius: 100px;
5566
    background-color: #e77667;
5567
    text-align: center;
5568
    line-height: 25px;
5569
    font-size: 13px;
5570
    color: #fff;
5571
}
5572
 
5573
.usr-ms-img img {
5574
    width: 100%;
5575
    -webkit-border-radius: 100px;
5576
    -moz-border-radius: 100px;
5577
    -ms-border-radius: 100px;
5578
    -o-border-radius: 100px;
5579
    border-radius: 100px;
5580
}
5581
 
5582
.usr-mg-info {
5583
    float: left;
5584
    padding-left: 13px;
5585
    margin-top: 4px;
5586
}
5587
 
5588
.usr-mg-info h3 {
5589
    color: #000000;
5590
    font-size: 18px;
5591
    font-weight: 600;
5592
}
5593
 
5594
.usr-mg-info p {
5595
    color: #686868;
5596
    font-size: 16px;
5597
}
5598
 
5599
.usr-mg-info p img {
5600
    float: right;
5601
    position: relative;
5602
    top: 5px;
5603
    padding-left: 5px;
5604
}
5605
 
5606
.posted_time {
5607
    position: absolute;
5608
    top: 2px;
5609
    right: 0;
5610
    color: #b2b2b2;
5611
    font-size: 14px;
5612
}
5613
 
5614
/* =============== main-message-box ============= */
5615
 
5616
.main-conversation-box {
5617
    width: 100%;
5618
    background-color: #fff;
5619
    position: relative;
5620
    height: 100%;
5621
}
5622
 
5623
.message-bar-head {
5624
    height: 13vh;
5625
    width: 100%;
5626
    padding: 20px;
1880 steven 5627
    border-bottom: 1px solid var(--border-light-gray);
1239 steven 5628
}
5629
 
5630
.message-bar-head .usr-msg-details {
5631
    width: auto;
5632
}
5633
 
5634
.message-bar-head>a {
5635
    float: right;
5636
    color: #b2b2b2;
5637
    font-size: 20px;
5638
    padding-top: 15px;
5639
}
5640
 
5641
.main-message-box {
5642
    display: flex;
5643
    width: 100%;
5644
    position: relative;
5645
    margin-bottom: 15.5px;
5646
}
5647
 
5648
.messg-usr-img {
5649
    margin-left: 20px;
5650
    width: 50px;
5651
}
5652
 
5653
.messg-usr-img img {
5654
    width: 100%;
5655
    -webkit-border-radius: 100px;
5656
    -moz-border-radius: 100px;
5657
    -ms-border-radius: 100px;
5658
    -o-border-radius: 100px;
5659
    border-radius: 100px;
5660
}
5661
 
5662
.message-dt {
5663
    width: auto;
5664
    margin-left: 15px;
5665
}
5666
 
5667
.main-message-box.ta-right {
5668
    flex-direction: row-reverse;
5669
}
5670
 
5671
.main-message-box.ta-right .messg-usr-img {
5672
    margin-left: 0;
5673
    margin-right: 20px;
5674
}
5675
 
5676
.main-message-box.ta-right .message-dt {
5677
    margin-right: 15px;
5678
}
5679
 
5680
.main-message-box.ta-right .message-dt>span {
5681
    float: right;
5682
    width: auto;
5683
}
5684
 
5685
.message-inner-dt {
5686
    -webkit-border-radius: 15px;
5687
    -moz-border-radius: 15px;
5688
    -ms-border-radius: 15px;
5689
    -o-border-radius: 15px;
5690
    border-radius: 15px;
5691
    width: 100%;
5692
    border-bottom-left-radius: 0;
5693
}
5694
 
5695
.img-bx {
5696
    background-color: #efefef;
5697
    padding: 20px;
5698
}
5699
 
5700
.message-inner-dt>img {
5701
    display: inline-block;
5702
    width: auto;
5703
    margin-right: 5px;
5704
}
5705
 
5706
.message-dt>span {
5707
    color: #b2b2b2;
5708
    font-size: 14px;
5709
    float: left;
5710
    width: 100%;
5711
    margin-top: 7px;
5712
}
5713
 
5714
.message-inner-dt>p {
5715
    font-size: 14px;
5716
    line-height: 22px;
5717
    padding: 2px 10px;
5718
    color: #000;
5719
    -webkit-border-radius: 15px;
5720
    -moz-border-radius: 15px;
5721
    -ms-border-radius: 15px;
5722
    -o-border-radius: 15px;
5723
    border-radius: 15px;
5724
}
5725
 
5726
.message-dt.st3 .message-inner-dt>p {
5727
    background-color: #efefef;
5728
    color: #686868;
5729
    width: auto;
5730
    padding: 10px 15px;
5731
    float: left;
5732
}
5733
 
5734
.message-dt.st3 .message-inner-dt>p img {
5735
    float: right;
5736
    position: relative;
5737
    top: 3px;
5738
    padding-left: 5px;
5739
}
5740
 
5741
.main-message-box.st3 .messg-usr-img {
5742
    bottom: 13px;
5743
}
5744
 
5745
.messages-line {
5746
    width: 100%;
5747
    height: 604px;
5748
    padding-top: 20px;
5749
}
5750
 
5751
/* ============== message-send-area ============ */
5752
 
5753
.message-send-area {
5754
    width: 100%;
5755
    background-color: #f3f5f7;
5756
    padding: 20px;
2040 steven 5757
    /* position: absolute; */
1876 steven 5758
    bottom: 0;
1239 steven 5759
}
2197 stevensc 5760
 
5761
.inmail-submit-btn {
1879 steven 5762
    width: 6%;
5763
}
1239 steven 5764
 
5765
.message-send-area form {
5766
    width: 100%;
5767
}
5768
 
5769
.mf-field {
5770
    width: 100%;
5771
    display: flex;
5772
}
5773
 
5774
.mf-field input {
5775
    flex: 1;
5776
    background-color: #fff;
5777
    color: #b2b2b2;
5778
    font-size: 16px;
5779
    padding: 0 15px;
5780
    border: 1px solid #e6e6e6;
5781
    height: 45px;
5782
    border-radius: 25px;
5783
}
5784
 
5785
 
5786
.message-send-area form>ul {
5787
    float: left;
5788
    width: 100%;
5789
    margin-top: 15px;
5790
}
5791
 
5792
.message-send-area form>ul li {
5793
    display: inline-block;
5794
    margin-right: 20px;
5795
}
5796
 
5797
.message-send-area form>ul li a {
5798
    color: #b2b2b2;
5799
    font-size: 18px;
5800
}
5801
 
5802
/* ============== forum-links ============= */
5803
 
5804
.forum-sec {
5805
    background-color: #fff;
5806
}
5807
 
5808
.forum-links {
5809
    float: left;
5810
    width: 100%;
5811
}
5812
 
5813
.forum-links.active {
5814
    opacity: 1;
5815
    visibility: visible;
5816
    z-index: 9999;
5817
}
5818
 
5819
.forum-links ul li {
5820
    display: inline-block;
5821
    padding: 20px 0;
5822
    margin-right: 45px;
5823
    border-bottom: 2px solid transparent;
5824
}
5825
 
5826
.forum-links ul li.active {
5827
    border-color: #e44d3a;
5828
}
5829
 
5830
.forum-links ul li.active a {
5831
    color: #e44d3a;
5832
}
5833
 
5834
.forum-links ul li a {
5835
    display: inline-block;
5836
    color: #b2b2b2;
5837
    font-size: 14px;
5838
    font-weight: 600;
5839
}
5840
 
5841
.forum-links-btn {
5842
    float: left;
5843
    width: 100%;
5844
    text-align: center;
5845
    display: none;
5846
    padding: 20px 0;
5847
}
5848
 
5849
.forum-links-btn a {
5850
    color: #000;
5851
    font-size: 30px;
5852
    display: inline-block;
5853
}
5854
 
5855
/* ================ forum-page =============== */
5856
 
5857
.forum-page {
5858
    padding: 50px 0;
5859
}
5860
 
5861
.forum-questions-sec {
5862
    float: left;
5863
    width: 100%;
5864
}
5865
 
5866
.forum-questions {
5867
    float: left;
5868
    width: 100%;
5869
    background-color: #fff;
5870
}
5871
 
5872
.usr-question {
5873
    float: left;
5874
    width: 100%;
5875
    position: relative;
5876
    padding: 25px;
5877
    border-bottom: 1px solid #e5e5e5;
5878
}
5879
 
5880
.usr_img {
5881
    float: left;
5882
    width: 60px;
5883
}
5884
 
5885
.usr_img img {
5886
    width: 100%;
5887
    -webkit-border-radius: 100px;
5888
    -moz-border-radius: 100px;
5889
    -ms-border-radius: 100px;
5890
    -o-border-radius: 100px;
5891
    border-radius: 100px;
5892
}
5893
 
5894
.usr_quest {
5895
    float: left;
5896
    width: 90%;
5897
    padding-left: 15px;
5898
}
5899
 
5900
.usr_quest>h3 {
5901
    color: #000000;
5902
    font-size: 17px;
5903
    font-weight: 600;
5904
    margin-bottom: 20px;
5905
}
5906
 
5907
.forum-post-view .usr_quest>h3 {
5908
    margin-bottom: 10px;
5909
}
5910
 
5911
.react-links {
5912
    float: left;
5913
    width: 100%;
5914
}
5915
 
5916
.react-links li {
5917
    display: inline-block;
5918
    margin-right: 30px;
5919
}
5920
 
5921
.react-links li a {
5922
    display: inline-block;
5923
    color: #b2b2b2;
5924
    font-size: 14px;
5925
    font-weight: 600;
5926
}
5927
 
5928
.react-links li a:hover {
5929
    color: #e44d3a;
5930
}
5931
 
5932
.react-links li a i {
5933
    padding-right: 7px;
5934
}
5935
 
5936
.react-links li:last-child {
5937
    margin-right: 0;
5938
}
5939
 
5940
/* ============= quest-tags ============ */
5941
 
5942
.quest-tags {
5943
    float: left;
5944
    width: 100%;
5945
    margin-top: 20px;
5946
}
5947
 
5948
.quest-tags li {
5949
    display: inline-block;
5950
    margin-right: 10px;
5951
}
5952
 
5953
.quest-tags li a {
5954
    display: inline-block;
5955
    color: #ffffff;
5956
    background-color: #53d690;
5957
    -webkit-border-radius: 3px;
5958
    -moz-border-radius: 3px;
5959
    -ms-border-radius: 3px;
5960
    -o-border-radius: 3px;
5961
    border-radius: 3px;
5962
    padding: 7px 25px;
5963
}
5964
 
5965
.quest-posted-time {
5966
    position: absolute;
5967
    bottom: 30px;
5968
    right: 20px;
5969
    color: #b2b2b2;
5970
    font-size: 14px;
5971
}
5972
 
5973
.quest-posted-time i {
5974
    padding-right: 5px;
5975
}
5976
 
5977
.pd-right-none {
5978
    padding-right: 0;
5979
}
5980
 
5981
/* =========== navigation ============ */
5982
 
5983
.pagination {
5984
    float: left;
5985
    width: 100%;
5986
    /* background-color: #fff; */
5987
    padding: 13px 25px;
5988
}
5989
 
5990
.full-pagi {
5991
    float: left;
5992
    width: 100%;
5993
    padding-right: 0;
5994
    text-align: inherit;
5995
    margin-top: 20px;
5996
}
5997
 
5998
.pagination li {
5999
    padding: 0;
6000
    margin-right: 10px;
6001
}
6002
 
6003
.pagination li .page-link {
6004
    /* background-color: #e5e5e5; */
6005
    color: #b2b2b2;
6006
}
6007
 
6008
.pagination li .page-link.active {
6009
    background-color: #e44d3a;
6010
    color: #fff;
6011
    border-color: transparent;
6012
}
6013
 
6014
.pvr {
6015
    padding: 0.5rem 30px;
6016
}
6017
 
6018
/* ============ User Widget =========== */
6019
 
6020
.title-wd {
6021
    float: left;
6022
    width: 100%;
6023
    color: #000000;
6024
    font-size: 18px;
6025
    font-weight: 600;
6026
    border-bottom: 1px solid #e5e5e5;
6027
    padding: 25px 20px;
6028
}
6029
 
6030
.widget-user ul {
6031
    float: left;
6032
    width: 100%;
6033
    padding: 15px 0;
6034
}
6035
 
6036
.widget-user ul li {
6037
    float: left;
6038
    width: 100%;
6039
    padding: 15px 20px;
6040
}
6041
 
6042
.widget-user ul li .usr-msg-details {
6043
    float: left;
6044
    width: auto;
6045
}
6046
 
6047
.widget-user ul li .usr-ms-img {
6048
    width: 35px;
6049
}
6050
 
6051
.widget-user ul li .usr-mg-info h3 {
6052
    font-size: 14px;
6053
}
6054
 
6055
.widget-user ul li .usr-mg-info p {
6056
    font-size: 12px;
6057
}
6058
 
6059
.widget-user ul li>span {
6060
    color: #686868;
6061
    font-size: 16px;
6062
    float: right;
6063
    margin-top: 10px;
6064
}
6065
 
6066
.widget-user ul li>span img {
6067
    padding-right: 5px;
6068
}
6069
 
6070
/* ============== widget-adver ============ */
6071
 
6072
.widget-adver img {
6073
    width: 100%;
6074
}
6075
 
6076
/* ============ forum-post-view ============ */
6077
 
6078
.forum-post-view {
6079
    float: left;
6080
    width: 100%;
6081
    background-color: #fff;
6082
    padding: 25px 25px 0 25px;
6083
    border-bottom: 1px solid #e5e5e5;
6084
}
6085
 
6086
.forum-post-view .usr-question {
6087
    border-bottom: 0;
6088
    padding: 0;
6089
}
6090
 
6091
.forum-post-view .usr_quest span {
6092
    color: #b2b2b2;
6093
    font-size: 14px;
6094
    display: inline-block;
6095
    margin-bottom: 20px;
6096
}
6097
 
6098
.forum-post-view .usr_quest span i {
6099
    padding-right: 7px;
6100
}
6101
 
6102
.forum-post-view .quest-tags {
6103
    margin-bottom: 30px;
6104
}
6105
 
6106
.forum-post-view .usr_quest>p {
6107
    float: left;
6108
    width: 100%;
6109
    color: #686868;
6110
    font-size: 14px;
6111
    line-height: 24px;
6112
    margin-bottom: 40px;
6113
}
6114
 
6115
.forum-post-view .comment-section {
6116
    padding: 0;
6117
}
6118
 
6119
.forum-post-view .comment-section>h3 {
6120
    float: left;
6121
    width: 100%;
6122
    color: #000000;
6123
    font-size: 18px;
6124
    font-weight: 600;
6125
    border-bottom: 1px solid #e5e5e5;
6126
    padding-bottom: 15px;
6127
}
6128
 
6129
.forum-post-view .comment-sec ul li {
6130
    border-bottom: 1px solid #e5e5e5;
6131
    padding: 23px 0;
6132
}
6133
 
6134
.forum-post-view .comment span {
6135
    margin-bottom: 10px;
6136
}
6137
 
6138
.forum-post-view .comment-list {
6139
    padding-bottom: 0;
6140
    margin-bottom: -4px;
6141
}
6142
 
6143
.forum-post-view .comment p {
6144
    margin: 0;
6145
    margin-top: 5px;
6146
}
6147
 
6148
.forum-post-view .comment h3 {
6149
    margin-bottom: 9px;
6150
}
6151
 
6152
.forum-post-view .comment-sec ul li:last-child {
6153
    border-bottom: 0;
6154
}
6155
 
6156
/* =============== post-comment-box ============= */
6157
 
6158
.post-comment-box {
6159
    float: left;
6160
    width: 100%;
6161
    padding: 20px;
6162
    background-color: #fff;
6163
}
6164
 
6165
.post-comment-box h3 {
6166
    float: left;
6167
    width: 100%;
6168
    color: #000000;
6169
    font-size: 18px;
6170
    font-weight: 600;
6171
    margin-bottom: 30px;
6172
}
6173
 
6174
.user-poster {
6175
    float: left;
6176
    width: 100%;
6177
}
6178
 
6179
.usr-post-img {
6180
    float: left;
6181
    width: 50px;
6182
    margin-right: 15px;
6183
}
6184
 
6185
.usr-post-img img {
6186
    width: 100%;
6187
    -webkit-border-radius: 100px;
6188
    -moz-border-radius: 100px;
6189
    -ms-border-radius: 100px;
6190
    -o-border-radius: 100px;
6191
    border-radius: 100px;
6192
}
6193
 
6194
.post_comment_sec {
6195
    float: left;
6196
    width: 90%;
6197
}
6198
 
6199
.post_comment_sec form {
6200
    float: left;
6201
    width: 100%;
6202
}
6203
 
6204
.post_comment_sec form textarea {
6205
    float: left;
6206
    width: 100%;
6207
    height: 130px;
6208
    border: 1px solid #dce2eb;
6209
    padding: 15px;
6210
    resize: none;
6211
}
6212
 
6213
.post_comment_sec form button {
6214
    color: #ffffff;
6215
    font-size: 14px;
6216
    background-color: #e44d3a;
6217
    padding: 10px 25px;
6218
    border: 0;
6219
    font-weight: 600;
6220
    margin-top: 20px;
6221
    cursor: pointer;
6222
}
6223
 
6224
/* ======== next-prev ========*/
6225
 
6226
.next-prev {
6227
    float: left;
6228
    width: 100%;
6229
    background-color: #fff;
6230
    margin-top: 20px;
6231
    padding: 12px 25px;
6232
}
6233
 
6234
.next-prev>a {
6235
    width: 90px;
6236
    height: 35px;
6237
    text-align: center;
6238
    line-height: 35px;
6239
    color: #b2b2b2;
6240
    font-size: 14px;
6241
    background-color: #e5e5e5;
6242
}
6243
 
6244
.next-prev>a:hover {
6245
    color: #fff;
6246
    background-color: #e44d3a;
6247
}
6248
 
6249
.fl-left {
6250
    float: left;
6251
}
6252
 
6253
.fl-right {
6254
    float: right;
6255
}
6256
 
6257
/* ========== widget-feat ========= */
6258
 
6259
.widget-feat {
6260
    padding: 25px 20px;
6261
}
6262
 
6263
.widget-feat ul {
6264
    float: left;
6265
    width: 100%;
6266
}
6267
 
6268
.widget-feat ul li {
6269
    float: left;
6270
    width: 25%;
6271
    text-align: center;
6272
}
6273
 
6274
.widget-feat ul li i {
6275
    display: block;
6276
    font-size: 18px;
6277
    margin-bottom: 9px;
6278
}
6279
 
6280
.widget-feat ul li span {
6281
    display: block;
6282
    color: #686868;
6283
    font-size: 16px;
6284
    font-weight: 500;
6285
}
6286
 
6287
.widget-feat ul li i.fa-heart {
6288
    color: #53d690;
6289
}
6290
 
6291
.widget-feat ul li i.fa-comment {
6292
    color: #e44d3a;
6293
}
6294
 
6295
.widget-feat ul li i.fa-share-alt {
6296
    color: #51a5fb;
6297
}
6298
 
6299
.widget-feat ul li i.fa-eye {
6300
    color: #00b540;
6301
}
6302
 
6303
/* =============== ANIMATION LOADER =============== */
6304
 
6305
.spinner {
6306
    margin: 0 auto 0;
6307
    width: 80px;
6308
    text-align: center;
6309
    height: 80px;
6310
    border-radius: 100px;
6311
    background-color: #fff;
6312
    line-height: 80px;
6313
    border: 1px solid #e1e1e1;
6314
    cursor: pointer;
6315
}
6316
 
6317
.spinner>div {
6318
    width: 15px;
6319
    height: 15px;
6320
    background-color: #b9b9b9;
6321
    border-radius: 100%;
6322
    display: inline-block;
6323
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
6324
    animation: sk-bouncedelay 1.4s infinite ease-in-out both;
6325
}
6326
 
6327
.spinner .bounce1 {
6328
    -webkit-animation-delay: -0.32s;
6329
    animation-delay: -0.32s;
6330
}
6331
 
6332
.spinner .bounce2 {
6333
    -webkit-animation-delay: -0.16s;
6334
    animation-delay: -0.16s;
6335
}
6336
 
6337
@-webkit-keyframes sk-bouncedelay {
2197 stevensc 6338
 
1239 steven 6339
    0%,
6340
    80%,
6341
    100% {
6342
        -webkit-transform: scale(0);
6343
    }
2197 stevensc 6344
 
1239 steven 6345
    40% {
6346
        -webkit-transform: scale(1);
6347
    }
6348
}
6349
 
6350
@keyframes sk-bouncedelay {
2197 stevensc 6351
 
1239 steven 6352
    0%,
6353
    80%,
6354
    100% {
6355
        -webkit-transform: scale(0);
6356
        transform: scale(0);
6357
    }
2197 stevensc 6358
 
1239 steven 6359
    40% {
6360
        -webkit-transform: scale(1);
6361
        transform: scale(1);
6362
    }
6363
}
6364
 
6365
.wordpressdevlp {
6366
    background-color: #fff;
6367
}
6368
 
6369
.bgclr {
6370
    background-color: #fff;
6371
    margin-bottom: 15px;
6372
}
6373
 
6374
.cadidatesbtn {
6375
    position: absolute;
6376
    left: 0;
6377
    padding-top: 5px;
6378
}
6379
 
6380
.cadidatesbtn button {
6381
    background-color: #e44d3a;
6382
    border: none;
6383
    margin-top: -3px;
6384
}
6385
 
6386
.cadidatesbtn button:hover {
6387
    background-color: #e44d3a;
6388
}
6389
 
6390
.cadidatesbtn span {
6391
    background-color: #bd2e1c;
6392
    color: #fff;
6393
    margin-right: 10px;
6394
    padding: 0.25em 0.5em;
6395
    font-weight: 600;
6396
    font-size: 12px;
6397
}
6398
 
6399
.wordpressdevlp i {
6400
    color: #e86554;
6401
    font-size: 18px;
6402
    font-weight: bold;
6403
    padding-right: 5px;
6404
}
6405
 
6406
.wordpressdevlp h2 {
6407
    font-size: 18px;
6408
    font-weight: 600;
6409
}
6410
 
6411
.cadidatesbtn i {
6412
    color: #b2b2b2;
6413
    border: 1px solid #b2b2b2;
6414
    font-size: 14px;
6415
    text-align: center;
6416
    margin-left: 7px;
6417
    border-radius: 3px;
6418
    padding: 10px;
6419
}
6420
 
6421
.cadidatesbtn i:hover {
6422
    background-color: #e44d3a;
6423
    color: #fff;
6424
    border: 1px solid #e44d3a;
6425
}
6426
 
6427
.inner {
6428
    border-bottom: 2px solid #e5e5e5;
6429
    padding-bottom: 10px;
6430
}
6431
 
6432
.inner li a:hover {
6433
    color: #e44d3a;
6434
    border-bottom: 2px solid #e44d3a;
6435
    padding-bottom: 9px;
6436
}
6437
 
6438
.inner li a {
6439
    color: #000000;
6440
}
6441
 
6442
.posttext {
6443
    position: absolute;
6444
    left: 0;
6445
}
6446
 
6447
.deatile h3 {
6448
    font-size: 14px;
6449
    font-weight: bold;
6450
    padding-bottom: 5px;
6451
}
6452
 
6453
.clrbtn a {
6454
    background-color: #e44d3a;
6455
    color: #fff;
6456
    padding: 5px 10px 5px 10px;
6457
    margin-right: 15px;
6458
}
6459
 
6460
.transpairentbtn a {
6461
    color: #222;
6462
    border: 2px solid #f1f1f1;
6463
    padding: 5px 10px 5px 10px;
6464
}
6465
 
6466
.savetext h3 {
6467
    font-size: 14px;
6468
    font-weight: bold;
6469
    padding-bottom: 5px;
6470
}
6471
 
6472
.devepbtn .clrbtn {
6473
    padding: 7px 20px;
6474
}
6475
 
6476
.devepbtn a {
6477
    color: #666666;
6478
    border: 1px solid #b2b2b2;
6479
    padding: 7px 10px 7px 10px;
6480
    border-radius: 3px;
6481
    margin-right: 5px;
6482
}
6483
 
6484
.devepbtn a:hover i {
6485
    color: #fff;
6486
}
6487
 
6488
.devepbtn a:hover {
6489
    background-color: #e44d3a;
6490
    color: #fff;
6491
}
6492
 
6493
.rew-reply hr {
6494
    margin-left: -20px;
6495
    margin-right: -20px;
6496
}
6497
 
6498
.rew-reply p {
6499
    padding-left: 20px;
6500
}
6501
 
6502
.rew-reply ul {
6503
    padding-left: 20px;
6504
}
6505
 
6506
.devepbtn {
6507
    margin-top: 30px;
6508
    padding-left: 20px;
6509
}
6510
 
6511
.rep-thanks hr {
6512
    margin-right: -20px;
6513
    margin-left: -20px;
6514
}
6515
 
6516
.profilecnd {
6517
    margin-bottom: 0px;
6518
}
6519
 
6520
.devepbtn i {
6521
    color: #b2b2b2;
6522
    font-size: 14px;
6523
}
6524
 
6525
.appliedinfo {
6526
    padding-left: 0;
6527
    padding-top: 20px !important;
6528
    padding-bottom: 10px;
6529
}
6530
 
6531
.epi2 {
6532
    padding: 0;
6533
}
6534
 
6535
.review a {
6536
    line-height: 16px;
6537
    font-size: 14px;
6538
    text-decoration: none;
6539
    font-weight: 500;
6540
    margin-left: 15px;
6541
}
6542
 
6543
.add-pic-box {
6544
    display: inline-block;
6545
    color: #e44d3a;
6546
    font-size: 16px;
6547
    position: absolute;
6548
    top: 30px;
6549
    right: 0;
6550
    font-weight: 600;
6551
    margin-right: 0;
6552
    width: 100%;
6553
}
6554
 
6555
.add-pic-box [type="file"] {
6556
    height: 0;
6557
    overflow: hidden;
6558
    width: 0;
6559
    float: left;
6560
}
6561
 
6562
.add-pic-box [type="file"]+label {
6563
    background: #fff;
6564
    border: 2px solid #e44d3a;
6565
    border-radius: 3px;
6566
    color: #e44d3a;
6567
    cursor: pointer;
6568
    /* display: inline-block; */
6569
    font-size: 15px;
6570
    font-weight: 600;
6571
    outline: none;
6572
    padding: 12px 20px;
6573
    position: relative;
6574
    transition: all 0.3s;
6575
    vertical-align: middle;
6576
    margin: 0;
6577
    float: right;
6578
    text-transform: uppercase;
6579
}
6580
 
6581
.add-pic-box [type="file"]+label:hover {
6582
    background: #e44d3a;
6583
    color: #fff;
6584
}
6585
 
6586
.noreview li i {
6587
    color: #b2b2b2;
6588
}
6589
 
6590
.review-tb {
6591
    margin: 0 0 10px;
6592
    padding-left: 20px;
6593
}
6594
 
6595
.noreview ul li i {
6596
    color: #b2b2b2;
6597
}
6598
 
6599
.mngdetl {
6600
    border-bottom: none;
6601
}
6602
 
6603
.post-reply {
6604
    padding-top: 0;
6605
    padding-bottom: 0;
6606
}
6607
 
6608
.activebidbtn i:hover {
6609
    background-color: #e44d3a;
6610
    color: #fff;
6611
    border: none;
6612
}
6613
 
6614
.reviewtitle h2 {
6615
    font-size: 17px;
6616
    font-weight: 600;
6617
}
6618
 
6619
.horiline {
6620
    width: 118%;
6621
    position: relative;
6622
    left: -40px;
6623
}
6624
 
6625
.tahnks {
6626
    font-weight: 500;
6627
    margin-top: 5px;
6628
}
6629
 
6630
/*about-page*/
6631
 
6632
.banner span {
6633
    position: absolute;
6634
    display: flex;
6635
    background-color: #222;
6636
    width: 100%;
6637
    opacity: 0.9;
6638
    justify-content: center;
6639
    padding: 10px;
6640
    margin-top: 0;
6641
    color: #fff;
6642
}
6643
 
6644
.innertitle {
6645
    margin-top: 130px;
6646
}
6647
 
6648
.Company-overview {
6649
    padding-bottom: 50px;
6650
}
6651
 
6652
.bennertext {
6653
    position: absolute;
6654
    left: 20%;
6655
    right: 20%;
6656
    text-align: center;
6657
}
6658
 
6659
.bannerimage img {
6660
    height: 100%;
6661
}
6662
 
6663
.innertitle h2 {
6664
    color: #fff;
6665
    font-size: 30px;
6666
    line-height: 32px;
6667
    font-weight: 600;
6668
    margin-bottom: 20px;
6669
}
6670
 
6671
.innertitle p {
6672
    color: #fff;
6673
    font-size: 16px;
6674
}
6675
 
6676
.Company-overview h2 {
6677
    padding-top: 100px;
6678
    font-size: 24px;
6679
    font-weight: 600;
6680
    padding-bottom: 12px;
6681
}
6682
 
6683
.Company-overview p {
6684
    font-size: 15px;
6685
    font-weight: 500;
6686
}
6687
 
6688
.Company-overview img {
6689
    float: right;
6690
    padding-top: 25px;
6691
}
6692
 
6693
.blog {
6694
    text-align: center;
6695
    display: inline-block;
6696
    margin-bottom: 50px;
6697
}
6698
 
6699
.blog img {
6700
    padding-bottom: 30px;
6701
}
6702
 
6703
.blog h2 {
6704
    font-size: 18px;
6705
    font-weight: 600;
6706
    padding-bottom: 30px;
6707
}
6708
 
6709
.blog a {
6710
    background-color: #ff4500;
6711
    color: #fff;
6712
    padding: 7px 25px 7px 25px;
6713
    border-radius: 3px;
6714
    font-size: 16px;
6715
    font-weight: 500;
6716
}
6717
 
6718
.services {
6719
    padding-top: 80px;
6720
    padding-bottom: 80px;
6721
}
6722
 
6723
.video {
6724
    padding-bottom: 40px;
6725
}
6726
 
6727
.search-container {
6728
    text-align: center;
6729
}
6730
 
6731
.search-container input[type="text"] {
6732
    padding: 6px 15px;
6733
    margin-top: 8px;
6734
    font-size: 17px;
6735
    border: none;
6736
    height: 50px;
6737
    width: 50%;
6738
    margin-bottom: 25px;
6739
    border-top-left-radius: 3px;
6740
    border-top-right-radius: 0px;
6741
    border-bottom-left-radius: 3px;
6742
    border-bottom-right-radius: 0px;
6743
}
6744
 
6745
.searchtitle {
6746
    text-align: center;
6747
}
6748
 
6749
.searchtitle h2 {
6750
    color: #fff;
6751
    font-size: 30px;
6752
    font-weight: 400;
6753
    padding-bottom: 10px;
6754
}
6755
 
6756
.modal-header {
6757
    position: relative;
6758
}
6759
 
6760
.modal-header h3 {
6761
    font-size: 18px;
6762
}
6763
 
6764
.search-container button {
6765
    padding: 8px 10px;
6766
    text-align: center;
6767
    margin-top: 8px;
6768
    margin-left: -3px;
6769
    margin-right: 18px;
6770
    background: #efefef;
6771
    font-size: 17px;
6772
    border: none;
6773
    cursor: pointer;
6774
    height: 50px;
6775
    width: 6%;
6776
    border-bottom-right-radius: 3px;
6777
    border-top-right-radius: 3px;
6778
}
6779
 
6780
.topsearch i {
6781
    color: #e44d3a;
6782
}
6783
 
6784
.dropdown-toggle::after {
6785
    position: absolute;
6786
    right: 15px;
6787
    color: #b2b2b2;
6788
    top: 7px;
6789
}
6790
 
6791
.help-paddy {
6792
    padding: 0 !important;
6793
}
6794
 
6795
.paddy {
6796
    padding: 20px;
6797
    float: left;
6798
}
6799
 
6800
.dropdown-menu {
6801
    position: absolute;
6802
    top: 100%;
6803
    left: 0;
6804
    z-index: 1000;
6805
    display: none;
6806
    float: left;
6807
    min-width: 10rem;
6808
    padding: 0.5rem 0;
6809
    margin: 0.125rem 0 0;
6810
    font-size: 1rem;
6811
    color: #212529;
6812
    text-align: left;
6813
    list-style: none;
6814
    background-color: #fff;
6815
    width: 100%;
6816
    background-clip: padding-box;
6817
    border: none;
6818
    border-radius: 0.25rem;
6819
}
6820
 
6821
.radio-form p {
6822
    display: -webkit-inline-box;
6823
}
6824
 
6825
.dropdown a {
6826
    color: #000000;
6827
    font-size: 16px;
6828
    font-weight: 400;
6829
    padding: 0 20px;
6830
}
6831
 
6832
.accountnone {
6833
    border: none;
6834
}
6835
 
6836
.helpforum {
6837
    background-color: #fff;
6838
    padding: 15px 0;
6839
    box-shadow: 0px 2px #c6c6c6;
6840
}
6841
 
6842
.helpforum h3 {
6843
    font-size: 18px;
6844
    font-weight: 600;
6845
}
6846
 
6847
.helpforum a {
6848
    background-color: #e44d3a;
6849
    color: #fff;
6850
    padding: 10px 15px 10px 15px;
6851
    line-height: 4;
6852
    border-radius: 3px;
6853
}
6854
 
6855
.helpforum p {
6856
    line-height: 3;
6857
}
6858
 
6859
.actionstitle h3 {
6860
    font-size: 18px;
6861
    font-weight: 400;
6862
    color: #000;
6863
    padding-top: 30px;
6864
}
6865
 
6866
.actionstitle img {
6867
    padding-right: 10px;
6868
}
6869
 
6870
.actionstext a {
6871
    font-size: 16px;
6872
    font-weight: 500;
6873
    color: #e44d3a;
6874
    line-height: 2;
6875
    display: block;
6876
}
6877
 
6878
.helpform {
6879
    text-align: center;
6880
    padding-top: 70px;
6881
}
6882
 
6883
.helpform h3 {
6884
    font-size: 18px;
6885
    font-weight: 400;
6886
    color: #e44d3a;
6887
    margin-bottom: 10px;
6888
}
6889
 
6890
.helpform a {
6891
    background-color: #e44d3a;
6892
    color: #fff;
6893
    padding: 10px 15px 10px 15px;
6894
    border-radius: 3px;
6895
}
6896
 
6897
.helpform p {
6898
    margin-bottom: 30px;
6899
}
6900
 
6901
.helpform img {
6902
    float: unset;
6903
    padding-bottom: 10px;
6904
}
6905
 
6906
.bookingsideber h3 {
6907
    color: #000;
6908
}
6909
 
6910
.bookingsideber h3:active {
6911
    color: #e44d3a;
6912
}
6913
 
6914
.helpforum h4 {
6915
    font-size: 16px;
6916
    font-weight: 600;
6917
}
6918
 
6919
.bloktext {
6920
    padding-left: 25px;
6921
}
6922
 
6923
.privacy {
6924
    background-color: #fff;
6925
    height: 850px;
6926
}
6927
 
6928
.privacydropd .dropdown-toggle::after {
6929
    float: right;
6930
    vertical-align: 0.255em;
6931
}
6932
 
6933
/* .checkbox {} */
6934
 
6935
.form-check {
6936
    padding-left: 0;
6937
}
6938
 
6939
.btns a {
6940
    color: #000;
6941
    border: 1px solid #e5e5e5;
6942
    padding: 10px 25px 10px 25px;
6943
    margin-left: 15px;
6944
    border-radius: 5px;
6945
    font-weight: 600;
6946
}
6947
 
6948
.btns {
6949
    padding-top: 20px;
6950
}
6951
 
6952
.btns a:hover {
6953
    background-color: #e44d3a;
6954
    color: #fff;
6955
}
6956
 
6957
.privacy h3 {
6958
    font-size: 18px;
6959
    font-weight: 600;
6960
    padding-top: 18px;
6961
    margin-bottom: 10px;
6962
}
6963
 
6964
.privacy p {
6965
    padding-top: 0px;
6966
    display: inline-block;
6967
}
6968
 
6969
.form-group {
6970
    margin-bottom: 1rem;
6971
    padding-top: 0px;
6972
}
6973
 
6974
.privacy i {
6975
    float: right;
6976
    color: #e44d3a;
6977
    font-size: 20px;
6978
    font-weight: 600;
6979
}
6980
 
6981
.dropdown-menu input {
6982
    margin-right: 10px;
6983
    margin-top: 15px;
6984
}
6985
 
6986
.dropdown-menu a {
6987
    padding: 10px 0 10px 40px;
6988
    margin-bottom: 10px;
6989
}
6990
 
6991
.dropdown-menu form {
6992
    margin-bottom: 10px;
6993
    margin-top: 10px;
6994
}
6995
 
6996
.privacydropd p {
6997
    margin-left: 20px;
6998
    margin-top: 5px;
6999
}
7000
 
7001
.privabtns {
7002
    margin-top: 20px;
7003
}
7004
 
7005
.privabtns {
7006
    padding-bottom: 15px;
7007
}
7008
 
7009
.privabtns a {
7010
    margin-right: 15px;
7011
    padding: 8px 25px;
7012
    color: #000000;
7013
    border: 1px solid #e5e5e5;
7014
}
7015
 
7016
.privabtns a:hover {
7017
    color: #fff;
7018
    background-color: #e44d3a;
7019
}
7020
 
7021
.privac {
7022
    background-color: #fff;
7023
    height: 560px;
7024
    padding-top: 20px;
7025
}
7026
 
7027
.privac h3 {
7028
    font-size: 18px;
7029
    font-weight: 600;
7030
}
7031
 
7032
.bids-detail ul {
7033
    display: -webkit-inline-box;
7034
}
7035
 
7036
.bids-detail ul li {
7037
    margin-right: 30px;
7038
}
7039
 
7040
.bids-detail h3 {
7041
    font-size: 16px;
7042
    font-weight: 400;
7043
}
7044
 
7045
.bids-detail {
7046
    background-color: #fff;
7047
    padding: 20px;
7048
    margin-bottom: 25px;
7049
    box-shadow: 0px 2px #e4e4e4;
7050
}
7051
 
7052
.dropdown-menu.show {
7053
    display: contents;
7054
}
7055
 
7056
.postpaid:checked:after {
7057
    content: "\f17b";
7058
    font: normal normal normal 16px/1 "LineAwesome";
7059
    font-weight: 600;
7060
    border: 1px solid #fff;
7061
    color: #ffffff;
7062
    text-align: center;
7063
    font-size: 12px;
7064
    width: 100%;
7065
    height: 100%;
7066
    background: #e44d3a;
7067
    display: block;
7068
    border-radius: 50%;
7069
    padding-top: 3px;
7070
}
7071
 
7072
.postpaid:focus {
7073
    border: 1px solid #fff;
7074
    width: 25px;
7075
    height: 25px;
7076
}
7077
 
7078
.postpaid {
7079
    -webkit-appearance: none;
7080
    content: "";
7081
    width: 20px;
7082
    height: 20px;
7083
    border-radius: 50%;
7084
    border: 1px solid #5e5e5e;
7085
    outline: 0;
7086
    margin-right: 5px;
7087
}
7088
 
7089
/* .main-ws-sec .job-status-bar {} */
7090
 
7091
.main-ws-sec .btm-line {
7092
    padding-bottom: 20px !important;
7093
    border-bottom: 1px solid #e5e5e5 !important;
7094
    margin-bottom: 20px;
7095
}
7096
 
7097
.job-status-bar hr {
7098
    margin: 0 -40px;
7099
}
7100
 
7101
.reply-area {
7102
    padding-left: 55px;
7103
}
7104
 
7105
.reply-rply1 {
7106
    margin: 24px 0;
7107
}
7108
 
7109
.reply-area p {
7110
    padding-bottom: 10px;
7111
}
7112
 
7113
.reply-area span {
7114
    cursor: pointer;
7115
}
7116
 
7117
.reply-area span:hover {
7118
    color: #e44d3a;
7119
}
7120
 
7121
.reply-area i {
7122
    font-size: 16px;
7123
    font-weight: 600;
7124
    padding-right: 8px;
7125
}
7126
 
7127
.comment-area .la-plus-circle {
7128
    display: block;
7129
    text-align: center;
7130
    font-size: 40px;
7131
    color: #b2b2b2;
7132
}
7133
 
7134
.reply-area span {
7135
    padding-top: 5px;
7136
    color: #b2b2b2;
7137
}
7138
 
7139
.comt span {
7140
    font-size: 16px;
7141
    color: #666666;
7142
}
7143
 
7144
.comt i {
7145
    padding-right: 8px;
7146
}
7147
 
7148
.postcomment .form-control {
7149
    width: 112%;
7150
    margin-left: -50px;
7151
    background-color: #efefef;
7152
    border-radius: 3px;
7153
}
7154
 
7155
.postcomment a {
7156
    background-color: #e44d3a;
7157
    color: #fff;
7158
    padding: 9px 25px 8px 25px;
7159
    line-height: 37px;
7160
    border-radius: 3px;
7161
}
7162
 
7163
.postcomment {
7164
    padding-top: 30px;
7165
}
7166
 
7167
.widget-about button:focus {
7168
    box-shadow: none;
7169
}
7170
 
7171
.widget-about button:hover {
7172
    background-color: #e44d3a;
7173
}
7174
 
7175
.widget-about button {
7176
    background-color: #e44d3a;
7177
    border: none;
7178
    padding: 12px 0;
7179
    width: 100%;
7180
}
7181
 
7182
.widget-about p {
7183
    background-color: #e44d3a;
7184
    color: #fff;
7185
    padding: 10px 0;
7186
}
7187
 
7188
.widget-projectid {
7189
    padding: 15px;
7190
}
7191
 
7192
.widget-projectid h3 {
7193
    padding-bottom: 7px;
7194
    font-size: 14px;
7195
    font-weight: 600;
7196
}
7197
 
7198
.sd-title h4 {
7199
    margin-bottom: 5px;
7200
    font-size: 16px;
7201
    font-weight: 600;
7202
    line-height: 24px;
7203
}
7204
 
7205
.paymethd p {
7206
    color: #e44d3a;
7207
}
7208
 
7209
.copylink p {
7210
    background-color: #efefef;
7211
    padding: 7px 0 8px 10px;
7212
}
7213
 
7214
.copylink a {
7215
    background-color: #e44d3a;
7216
    color: #fff;
7217
    padding: 10px 15px 10px 15px;
7218
    border-radius: 4px;
7219
}
7220
 
7221
.copylink span {
7222
    padding: 30px 0 20px;
7223
}
7224
 
7225
.copylink i {
7226
    float: unset;
7227
    position: unset;
7228
}
7229
 
7230
.copylink .la-facebook {
7231
    background-color: #3b5998;
7232
    color: #fff;
7233
}
7234
 
7235
.copylink .la-twitter {
7236
    color: #1da1f2;
7237
}
7238
 
7239
.copylink .la-pinterest-p {
7240
    background-color: #fff;
7241
    color: #c11628;
7242
    border-radius: 50%;
7243
}
7244
 
7245
.copylink img {
7246
    padding-right: 10px;
7247
}
7248
 
7249
.freelancerbiding {
7250
    background-color: #fff;
7251
    padding-top: 20px;
7252
}
7253
 
7254
.freelancerbiding h3 {
7255
    font-size: 18px;
7256
    font-weight: 400;
7257
}
7258
 
7259
.repcent {
7260
    text-align: left;
7261
}
7262
 
7263
.bidrit {
7264
    float: right;
7265
}
7266
 
7267
.repcent i {
7268
    padding-left: 5px;
7269
}
7270
 
7271
.star {
7272
    display: inline-flex;
7273
    padding: 5px 0;
7274
}
7275
 
7276
.star li i {
7277
    color: #bfd337;
7278
}
7279
 
7280
.repcent span {
7281
    color: #51a5fb;
7282
}
7283
 
7284
.repcent p {
7285
    padding-left: 7px;
7286
}
7287
 
7288
.noreview ul li i {
7289
    color: #b2b2b2;
7290
}
7291
 
7292
.paymethd .star li i {
7293
    position: unset;
7294
    font-size: 14px;
7295
}
7296
 
7297
.paymethd .star a {
7298
    color: #51a5fb;
7299
    padding-left: 12px;
7300
}
7301
 
7302
/* .modal-header {background-color: #e44d3a; display: block !important; } */
7303
 
7304
.modal-body {
7305
    padding: 1rem 0;
7306
}
7307
 
7308
.notice {
7309
    background-color: #ddf3ff;
7310
    padding: 15px;
7311
}
7312
 
7313
.notice span {
7314
    font-weight: 500;
7315
    padding-right: 5px;
7316
}
7317
 
7318
.innerbody {
7319
    padding: 15px;
7320
}
7321
 
7322
.innerbody h3 {
7323
    font-size: 18px;
7324
    font-weight: 600;
7325
}
7326
 
7327
.innerbody h4 {
7328
    font-weight: 600;
7329
    font-size: 14px;
7330
    margin-left: -15px;
7331
    float: left;
7332
}
7333
 
7334
.delivery .input-group select {
7335
    width: 150px;
7336
    height: 50px !important;
7337
    font-size: 19px;
7338
    border: 1px solid #e5e5e5;
7339
    border-radius: 3px;
7340
}
7341
 
7342
.input-group-prepend {
7343
    background-color: #f3f3f3;
7344
    color: #bfbfbf;
7345
    text-align: center;
7346
    line-height: 3;
7347
    border: 1px solid #e5e5e5;
7348
}
7349
 
7350
.input-group-text {
7351
    color: #666666 !important;
7352
    background-color: #f5f5f5 !important;
7353
    border: 0px !important;
7354
    border-radius: 3px !important;
7355
}
7356
 
7357
.place-bid-form {
7358
    position: relative;
7359
    left: 20px;
7360
    top: -15px;
7361
    padding-bottom: 15px;
7362
}
7363
 
7364
.place-bid-form .input-group input {
7365
    width: 70px;
7366
    border: 1px solid #e5e5e5;
7367
}
7368
 
7369
.paydel {
7370
    padding: 40px 0 0;
7371
}
7372
 
7373
.beatcompitation {
7374
    background-color: #f3f3f3;
7375
    padding: 15px;
7376
}
7377
 
7378
.beatcompitation h3 {
7379
    font-weight: 500;
7380
}
7381
 
7382
.sponser i {
7383
    background-color: #e44d3a;
7384
    color: #fff;
7385
    margin-right: 5px;
7386
    padding: 2px;
7387
}
7388
 
7389
.sponser h2 {
7390
    font-size: 18px;
7391
    font-weight: 600;
7392
    padding-top: 15px;
7393
    padding-bottom: 15px;
7394
}
7395
 
7396
.sponser {
7397
    padding: 15px;
7398
}
7399
 
7400
.modal-footer {
7401
    display: block !important;
7402
    border-top: none;
7403
    padding: 1rem 0;
7404
}
7405
 
7406
.modal-footer button {
7407
    font-size: 15px;
7408
    font-weight: 500;
7409
    background-color: unset;
7410
    border: none;
7411
    padding: 10px;
7412
    border: 1px solid #d2d2d2;
7413
    border-radius: 3px;
7414
}
7415
 
7416
.modal-footer button:hover {
7417
    background-color: #e44d3a;
7418
    /* color: #fff; */
7419
    /* border: 1px solid #e44d3a; */
7420
}
7421
 
7422
.place-bid-btn {
7423
    font-size: 15px;
7424
    font-weight: 500;
7425
    color: #fff !important;
7426
    background-color: #e44d3a !important;
7427
    border: none;
7428
    padding: 10px;
7429
    border: 1px solid #e44d3a;
7430
    border-radius: 3px;
7431
}
7432
 
7433
.usy-dt .reply {
7434
    margin: 3px 0 0 10px;
7435
    width: 360px;
7436
    height: 40px;
7437
    background-color: #efefef;
7438
    border: 1px solid #e5e5e5;
7439
    padding-left: 10px;
7440
    border-radius: 3px;
7441
}
7442
 
7443
.replybtn {
7444
    background-color: #e44d3a;
7445
    color: #fff;
7446
    padding: 10px;
7447
    margin-left: 15px;
7448
    border-radius: 3px;
7449
}
7450
 
7451
.replybtn:hover {
7452
    color: #fff;
7453
}
7454
 
7455
.rewivew ul li {
7456
    margin-right: 5px !important;
7457
}
7458
 
7459
.security hr {
7460
    margin-right: -15px;
7461
    margin-left: -15px;
7462
}
7463
 
7464
.privacy .la-check {
7465
    float: left;
7466
    font-size: 12px;
7467
    margin: 5px 5px 0 0;
7468
    padding: 3px;
7469
    background-color: #e44d3a;
7470
    color: #fff;
7471
    border-radius: 50%;
7472
}
7473
 
7474
ul#myTab {
7475
    border-bottom: 1px solid #e5e5e5;
7476
}
7477
 
7478
.nav-tabs .nav-link {
7479
    border: none;
7480
}
7481
 
7482
.noborder {
7483
    border-bottom: none;
7484
}
7485
 
7486
.manbids {
7487
    margin-bottom: 0 !important;
7488
}
7489
 
7490
.noreply {
7491
    padding-top: 30px;
7492
}
7493
 
7494
#my-bids .nav-tabs {
7495
    margin-bottom: 20px;
7496
    margin-top: 7px;
7497
    padding-bottom: 0;
7498
}
7499
 
7500
#my-bids ul {
7501
    margin-bottom: 15px;
7502
    margin-top: 7px;
7503
    padding-bottom: 0;
7504
}
7505
 
7506
.savedjob-info p {
7507
    color: #666666;
7508
    margin-top: 5px;
7509
}
7510
 
7511
#my-bids ul li a {
7512
    color: #000000;
7513
    font-size: 16px;
7514
    font-weight: 500;
7515
}
7516
 
7517
#my-bids li a:hover {
7518
    color: #e44d3a;
7519
}
7520
 
7521
#saved-jobs ul {
7522
    margin-bottom: 20px;
7523
}
7524
 
7525
#saved-jobs ul li a {
7526
    color: #000000;
7527
    font-size: 16px;
7528
    font-weight: 500;
7529
}
7530
 
7531
#saved-jobs li a:hover {
7532
    color: #e44d3a;
7533
}
7534
 
7535
.wordpressdevlp h2 {
7536
    font-size: 18px;
7537
    font-weight: 600;
7538
    margin-bottom: 15px;
7539
}
7540
 
7541
#saved-jobs .nav-tabs .nav-item.show .nav-link,
7542
#saved-jobs .nav-tabs .nav-link.active {
7543
    background-color: inherit;
7544
    color: #e44d3a !important;
7545
    padding-bottom: 9px;
7546
    border-bottom: 2px solid #e44d3a !important;
7547
}
7548
 
7549
#my-bids .nav-tabs .nav-item.show .nav-link,
7550
#my-bids .nav-tabs .nav-link.active {
7551
    background-color: inherit;
7552
    color: #e44d3a !important;
7553
    padding-bottom: 9px;
7554
    border-bottom: 2px solid #e44d3a !important;
7555
}
7556
 
7557
.descptab li img {
7558
    float: left !important;
7559
    filter: inherit !important;
7560
}
7561
 
7562
.bklink {
7563
    border-bottom: none !important;
7564
    width: unset !important;
7565
    float: right !important;
7566
}
7567
 
7568
.bklik {
7569
    border-bottom: none !important;
7570
}
7571
 
7572
/*////////////////////////////////////////My css//////////////////////////////// //////////////////////////////////////////////////////////////////////////////*/
7573
 
7574
.savedjob-info li {
7575
    display: inline-block;
7576
    padding-left: 25px;
7577
}
7578
 
7579
.savedjob-info h3 {
7580
    font-size: 14px;
7581
    font-weight: 500;
7582
}
7583
 
7584
.settingjb ul li {
7585
    margin-right: 25px !important;
7586
}
7587
 
7588
.mangebid li {
7589
    padding-left: 0;
7590
    padding-right: 20px;
7591
    padding-top: 10px;
7592
}
7593
 
7594
.bk-links.bklink li {
7595
    padding-right: 0;
7596
}
7597
 
7598
.bidsbtn {
7599
    position: relative;
7600
}
7601
 
7602
.biddersinfo li {
7603
    padding-left: 0;
7604
    padding-right: 20px;
7605
}
7606
 
7607
#review {
7608
    background-color: #fff;
7609
    margin-bottom: 40px;
7610
}
7611
 
7612
.starreview {
7613
    padding-left: 20px;
7614
}
7615
 
7616
.replytext {
7617
    padding-bottom: 20px;
7618
}
7619
 
7620
.starrevi {
7621
    padding-left: 20px;
7622
}
7623
 
7624
.apply-jobbox {
7625
    text-align: center;
7626
}
7627
 
7628
.apply-jobbox form input {
7629
    width: 100%;
7630
    margin-top: 20px;
7631
    padding: 10px;
7632
    color: #222;
7633
    border: 1px solid #e5e5e5;
7634
    border-radius: 3px;
7635
    font-size: 14px;
7636
}
7637
 
7638
.apply-jobbox h3 {
7639
    margin: 20px 0;
7640
}
7641
 
7642
.select-files {
7643
    border: 1px solid #e5e5e5;
7644
    margin-top: 20px;
7645
    padding: 30px;
7646
    background: #efefef;
7647
}
7648
 
7649
.select-files button {
7650
    margin-bottom: 20px;
7651
    background-color: transparent;
7652
    border: 1px solid #e5e5e5;
7653
    padding: 10px 15px 10px 15px;
7654
    border-radius: 5px;
7655
    font-weight: 600;
7656
}
7657
 
7658
.select-files button:hover {
7659
    background-color: #e44d3a;
7660
    color: #fff;
7661
}
7662
 
7663
.close {
7664
    position: absolute;
7665
    right: 0px;
7666
    top: 0px;
7667
    color: #929292;
7668
    border: 1px solid !important;
7669
    border-radius: 50%;
7670
    height: 30px;
7671
    width: 30px;
7672
}
7673
 
7674
.mapouter iframe {
7675
    width: 100%;
7676
    height: 400px;
7677
}
7678
 
7679
.mapouter {
7680
    position: relative;
7681
    text-align: right;
7682
    height: 500px;
7683
    width: 100%;
7684
}
7685
 
7686
.gmap_canvas {
7687
    overflow: hidden;
7688
    background: none !important;
7689
}
7690
 
7691
.video-iframe {
7692
    width: 100%;
7693
    height: 400px;
7694
}
7695
 
7696
.custom-file-input {
7697
    color: transparent;
7698
    opacity: 1;
7699
    /* margin-left: 140px; */
7700
    margin-bottom: 10px;
7701
}
7702
 
7703
.custom-file-input::-webkit-file-upload-button {
7704
    visibility: hidden;
7705
}
7706
 
7707
.custom-file-input::before {
7708
    content: "Select Files";
7709
    color: #fff;
7710
    display: inline-block;
7711
    border: 1px solid #e5e5e5;
7712
    border-radius: 3px;
7713
    background: #e44d3a;
7714
    font-weight: 500;
7715
    padding: 10px 15px;
7716
    outline: none;
7717
    white-space: nowrap;
7718
    -webkit-user-select: none;
7719
    cursor: pointer;
7720
}
7721
 
7722
.custom-file-input:hover::before {
7723
    background-color: #e44d3a;
7724
    color: #fff;
7725
}
7726
 
7727
.custom-file-input:active {
7728
    outline: 0;
7729
}
7730
 
7731
.custom-file-input:active::before {
7732
    background: #e44d3a;
7733
    color: #fff;
7734
}
7735
 
7736
.bids-time {
7737
    float: right;
7738
}
7739
 
7740
.saved-post {
7741
    padding: 0;
7742
}
7743
 
7744
.saved-post p {
7745
    padding-bottom: 20px;
7746
}
7747
 
7748
.saved-info li {
7749
    padding-right: 25px;
7750
    padding-left: 0;
7751
}
7752
 
7753
.saved-btn {
7754
    padding: 0;
7755
    margin-bottom: -12px;
7756
}
7757
 
7758
.applied-post {
7759
    padding: 0;
7760
}
7761
 
7762
.post-bid {
7763
    padding: 0 !important;
7764
}
7765
 
7766
.bidsbtn {
7767
    padding-top: 0 !important;
7768
}
7769
 
7770
.active-bids {
7771
    padding: 0;
7772
}
7773
 
7774
.activ-bidinfo li {
7775
    padding-top: 10px;
7776
    padding-left: 0;
7777
    padding-right: 25px;
7778
}
7779
 
7780
.activebtn {
7781
    padding-left: 0;
7782
}
7783
 
7784
.p-all {
7785
    padding: 0px;
7786
    float: left;
7787
    width: 100%;
7788
    position: relative;
7789
}
7790
 
7791
.toggle-btn .custom-switch .custom-control-label::before {
7792
    left: -2.25rem;
7793
    width: 70px;
7794
    pointer-events: all;
7795
    border-radius: 100px;
7796
    height: 30px;
7797
    top: -1px;
7798
    box-shadow: none;
7799
}
7800
 
7801
.toggle-btn .custom-control-label::before {
7802
    position: absolute;
7803
    top: 0.25rem;
7804
    left: -1.5rem;
7805
    display: block;
7806
    width: 1rem;
7807
    height: 1rem;
7808
    pointer-events: none;
7809
    content: "";
7810
    background-color: #fff;
7811
    border: #e1e1e1 solid 2px;
7812
}
7813
 
7814
.custom-control-input:checked~.custom-control-label::before {
7815
    color: #fff;
7816
    border-color: #e44d3a;
7817
    background-color: #e44d3a;
7818
    box-shadow: none;
7819
    outline: none;
7820
}
7821
 
7822
.toggle-btn .custom-switch .custom-control-label::after {
7823
    top: calc(-1px + 2px);
7824
    left: calc(-36px + 2px);
7825
    width: calc(30px - 4px);
7826
    height: calc(30px - 4px);
7827
    background-color: #e1e1e1;
7828
    border-radius: 100%;
7829
    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;
7830
    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;
7831
    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;
7832
}
7833
 
7834
.toggle-btn .custom-control-label::after {
7835
    position: absolute;
7836
    top: 0.25rem;
7837
    left: -1.5rem;
7838
    display: block;
7839
    width: 0;
7840
    height: 0;
7841
    content: "";
7842
    background: no-repeat 50%/50% 50%;
7843
}
7844
 
7845
.toggle-btn .custom-control-label {
7846
    position: initial;
7847
    margin-bottom: 0;
7848
    vertical-align: top;
7849
}
7850
 
7851
.toggle-btn .custom-switch .custom-control-input:checked~.custom-control-label::after {
7852
    background-color: #fff;
7853
    -webkit-transform: translateX(2.5rem);
7854
    transform: translateX(2.5rem);
7855
}
7856
 
7857
.custom-control-label {
7858
    position: relative;
7859
    margin-bottom: 0;
7860
    vertical-align: top;
7861
    line-height: 24px;
7862
    font-size: 14px;
7863
    color: #666666;
7864
}
7865
 
7866
.small-text-children p,
7867
.small-text-children span {
7868
    font-size: .8rem;
7869
}
7870
 
7871
.search-item-selected {
7872
    padding: 2%;
1821 steven 7873
    background: #F0F0F0;
1239 steven 7874
    border-radius: 6px;
7875
    font-weight: bold;
7876
}
7877
 
7878
main {
7879
    background-color: #fff !important;
7880
}
7881
 
7882
.row .sc-dkzDqf {
7883
    margin: 0 auto;
7884
}
7885
 
7886
.test-section .title,
7887
.test-section .description {
7888
    margin-bottom: 10px;
7889
}
7890
 
7891
.test-section .btn-danger {
7892
    margin-right: 10px;
7893
}
7894
 
7895
.test-section .panel-body {
7896
    padding: 20px 0px;
7897
}
7898
 
7899
.test-section .panel {
7900
    margin-top: 20px;
7901
    padding-bottom: 10px;
7902
}
7903
 
7904
.test-section .panel-title {
7905
    font-size: 16px;
7906
    font-weight: bold;
7907
    text-transform: uppercase;
7908
}
7909
 
7910
.test-section .np-padding {
7911
    padding: 0px;
7912
}
7913
 
7914
.test-section .checkbox {
7915
    display: flex;
7916
    margin: 20px 0px;
7917
}
7918
 
7919
.test-section .option {
7920
    margin-left: 10px;
7921
}
7922
 
7923
.checkbox input[type=checkbox],
7924
input[type=radio] {
7925
    margin-top: 5px !important;
7926
}
7927
 
7928
.test-section h6 {
7929
    margin-bottom: 10px;
7930
    color: #0860bf;
7931
}
7932
 
7933
.wizard {
7934
    display: flex;
7935
    margin-top: 10px;
7936
}
7937
 
7938
.wizard li {
7939
    width: 50%;
7940
    display: inline-block;
7941
}
7942
 
7943
.btn-secondary:disabled,
7944
.btn-primary:disabled {
7945
    cursor: no-drop;
7946
}
7947
 
7948
.test-section .btn-primary {
7949
    margin-left: 10px
7950
}
7951
 
7952
.previous {
7953
    text-align: left;
7954
}
7955
 
7956
.next {
7957
    text-align: right;
7958
}
7959
 
7960
.test-section .close {
7961
    border: none !important;
7962
    border-radius: 0px !important;
7963
}
7964
 
7965
.ratin-range {
7966
    display: block;
7967
}
7968
 
7969
.ratin-range li {
7970
    display: inline-block;
7971
    width: 6%;
7972
}
7973
 
7974
.ratin-range li .option {
7975
    margin-top: 2px !important;
7976
}
7977
 
7978
#react-self-evaluation .company-up-info ul {
7979
    width: 100%;
7980
    position: absolute;
7981
    float: left;
7982
    left: 0px;
7983
    bottom: 4vw;
7984
}
7985
 
7986
#react-self-evaluation .company-up-info {
7987
    padding: 30px 10px;
7988
    min-height: 20vw;
7989
    border: 1px solid #e5e5e5
7990
}
7991
 
7992
#react-self-evaluation .company-up-info h3 {
7993
    width: 90%;
7994
    margin: 5px auto;
7995
}
7996
 
7997
.mb10 {
597 geraldo 7998
    margin-bottom: 3vw;
598 geraldo 7999
}
1239 steven 8000
 
8001
.opt-h6 {
8002
    font-weight: 600 !important;
8003
    color: #000 !important;
597 geraldo 8004
}