Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

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