Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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