Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev Autor Línea Nro. Línea
1239 steven 1
/*===================== TABLE OF CONTENT ======================= 1.	1 Homepages 2.  Fonts 3.  Reset Css 4.  Cross Browser Compatibility 5.  Header 6.  Navigations 7.  Dropdown 8.  Responsive Header 9.  Revolution Slider (Banner) 10. About App 11. Amazing Features 12. Interesting Screenshots 14.	Latest Blog News 15.	Questions Sections 16.	Clinet's Testimonial 17.	Our Newsletter 18. Stylish Pricing Plan 19.	Never Miss a Deal 20.	Contact Us 21. Footer =============================================================*/
2
 
3
/* ================================================================================== Fonts ===================================================================================== */
4
 
5
@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,200i,300,300i,400,400i,600,600i,700,700i,900,900i");
6
/* ================================================================================== Reset Css ===================================================================================== */
7
 
8
html,
9
body,
10
div,
11
span,
12
applet,
13
object,
14
iframe,
15
h1,
16
h2,
17
h3,
18
h4,
19
h5,
20
h6,
21
p,
22
blockquote,
23
pre,
24
a,
25
abbr,
26
acronym,
27
address,
28
big,
29
cite,
30
code,
31
del,
32
dfn,
33
em,
34
img,
35
ins,
36
kbd,
37
q,
38
s,
39
samp,
40
small,
41
strike,
42
strong,
43
sub,
44
sup,
45
tt,
46
var,
47
b,
48
u,
49
i,
50
center,
51
dl,
52
dt,
53
dd,
54
ol,
55
ul,
56
li,
57
fieldset,
58
form,
59
label,
60
legend,
61
table,
62
caption,
63
tbody,
64
tfoot,
65
thead,
66
tr,
67
th,
68
td,
69
article,
70
aside,
71
canvas,
72
details,
73
embed,
74
figure,
75
figcaption,
76
footer,
77
header,
78
hgroup,
79
menu,
80
nav,
81
output,
82
ruby,
83
section,
84
summary,
85
time,
86
mark,
87
audio,
88
video {
89
    margin: 0;
90
    padding: 0;
91
    border: 0;
92
    font-size: 100%;
93
    font: inherit;
94
    vertical-align: baseline;
95
}
96
 
97
/* HTML5 display-role reset for older browsers */
98
 
99
article,
100
aside,
101
details,
102
figcaption,
103
figure,
104
footer,
105
header,
106
hgroup,
107
menu,
108
nav,
109
section {
110
    display: block;
111
}
112
 
113
body {
114
    line-height: 1;
115
    font-family: "Source Sans Pro", sans-serif;
116
    overflow-x: hidden;
117
    font-weight: 400;
118
    background-color: #f2f2f2;
119
}
120
 
121
ol,
122
ul {
123
    list-style: none;
124
}
125
 
126
a:hover {
127
    text-decoration: none;
128
}
129
 
130
blockquote,
131
q {
132
    quotes: none;
133
}
134
 
135
blockquote:before,
136
blockquote:after,
137
q:before,
138
q:after {
139
    content: "";
140
    content: none;
141
}
142
 
143
button {
144
    outline: none;
145
}
146
 
147
table {
148
    border-collapse: collapse;
149
    border-spacing: 0;
150
}
151
 
152
* {
153
    margin: 0;
154
    padding: 0;
155
}
156
 
157
a:focus {
158
    text-decoration: none;
159
    outline: none;
160
}
161
 
162
a:hover {
163
    color: #fff;
164
}
165
 
166
button {
167
    outline: none;
168
}
169
 
170
input {
171
    outline: none;
172
}
173
 
174
textarea {
175
    outline: none;
176
}
177
 
178
section {
179
    float: left;
180
    width: 100%;
181
    position: relative;
182
}
183
 
184
img {
185
    float: left;
186
}
187
 
188
p {
189
    font-size: 14px;
190
    line-height: 24px;
191
    color: #666666;
192
}
193
 
194
hr {
195
    margin-top: 1rem;
196
    margin-bottom: 1rem;
197
    border: 0;
198
    border-top: 1px solid #e5e5e5 !important;
199
}
200
 
201
/* ================ CROSS BROWSER COMPATABILITY =============== */
202
 
203
img {
204
    max-width: 100%;
205
}
206
 
207
.ask-question,
208
nav,
209
.notification-box.active,
210
nav ul li a,
211
.user-account-settingss.active,
212
.user-info a,
213
.suggestion-usd>span i,
214
.view-more>a,
215
.tags-sec ul li a,
216
.post-st ul li a,
217
.ed-opts>a,
218
.bk-links li a,
219
.like-com li a,
220
.user-profy>a,
221
.slick-previous:before,
222
.slick-nexti:before,
223
.comment>a,
224
.sign_link>a,
225
.post-popup,
226
.post-project>a,
227
.post-project-fields form ul li button,
228
.post-project-fields form ul li a,
229
.sign-control li a,
230
.cover-sec>a,
231
.star-descp>a,
232
.message-btn a,
233
.pf-gallery ul li,
234
.gallery_pt:before,
235
.gallery_pt>a,
236
.overview-box,
237
.skl-name,
238
.conv-list,
239
.save-stngs ul li button,
240
.forum-links.active,
241
.react-links li a,
242
.next-prev>a,
243
nav ul li:hover>ul,
244
.user-pro-img>a i {
245
    -webkit-transition: all 0.2s;
246
    -moz-transition: all 0.2s;
247
    -ms-transition: all 0.2s;
248
    -o-transition: all 0.2s;
249
    transition: all 0.2s;
250
}
251
 
252
/* ============== DEFAULT BORDER RADIUS =========== */
253
 
254
.ask-question,
255
.login_register ul li a,
256
.search-bar form input,
257
.search-bar form button,
258
.search_form form input,
259
.post-st ul li a,
260
.post-bar,
261
.bk-links li i,
262
.bid_now,
263
.user-profy ul li a,
264
.posty,
265
.comment_box form button,
266
.post-project-fields form input,
267
.post-project-fields form textarea,
268
.post-project-fields form select,
269
.post-project-fields form ul li button,
270
.post-project-fields form ul li a,
271
.signin-pop,
272
.sign-control,
273
.sign_in_sec form input,
274
.sign_in_sec form select,
275
.sign_in_sec form button,
276
.signup-tab,
277
.login-resources ul li a,
278
.flw-hr li a,
279
.message-btn a,
280
.user-profile-ov,
281
.portfolio-gallery-sec,
282
.overview-edit,
283
.overview-edit form textarea,
284
.overview-edit form input,
285
.overview-edit form select,
286
.overview-edit button,
287
.file-submit,
288
.billing-method,
289
.lt-sec>a,
290
.add-billing-method,
291
.payment_methods form button,
292
.payment_methods form input,
293
.company-up-info ul li a,
294
.search-box form input,
295
.filter-dd form input,
296
.filter-dd form select,
297
.conversation-box,
298
.save-stngs ul li button,
299
.cp-field input,
300
.cp-field textarea,
301
.accept-req,
302
.mf-field input,
303
.mf-field button,
304
.pagination li .page-link,
305
.post_comment_sec form textarea,
306
.post_comment_sec form button,
307
.next-prev>a {
308
    -webkit-border-radius: 4px;
309
    -moz-border-radius: 4px;
310
    -ms-border-radius: 4px;
311
    -o-border-radius: 4px;
312
    border-radius: 3px;
313
}
314
 
315
.wrapper {
316
    float: left;
317
    width: 100%;
318
    min-height: 100vh;
319
    position: relative;
2236 steven 320
    background-color: #F5F5F5;
1239 steven 321
}
322
 
323
.overlay:before {
324
    content: "";
325
    position: absolute;
326
    top: 0;
327
    left: 0;
328
    width: 100%;
329
    height: 100%;
330
    background-color: rgba(0, 0, 0, 0.75);
331
    z-index: 99;
332
}
333
 
334
header {
335
    float: left;
336
    width: 100%;
337
    background-color: #e44d3a;
338
}
339
 
340
.header-data {
341
    float: left;
342
    width: 100%;
343
}
344
 
345
.logo {
346
    float: left;
347
    width: 40px;
348
    margin-right: 14px;
349
    margin-top: 10px;
350
}
351
 
352
.logo.pd-btm {
353
    padding-bottom: 10px;
354
}
355
 
356
.forum-bar {
357
    float: left;
358
    margin-top: 10px;
359
    width: 400px;
360
}
361
 
362
.forum-bar h2 {
363
    float: left;
364
    margin-right: 40px;
365
}
366
 
367
.forum-bar ul {
368
    float: left;
369
    margin-top: 0px;
370
}
371
 
372
.ask-question {
373
    background-color: #fff;
374
    padding: 10px 25px;
375
    color: #e44d3a !important;
376
    font-size: 14px;
377
    font-weight: 600;
378
}
379
 
380
.ask-question:hover {
381
    color: #e44d3a;
382
}
383
 
384
.forum-bar ul li {
385
    display: inline-block;
386
    margin-right: 40px;
387
}
388
 
389
.forum-bar ul li:last-child {
390
    margin-right: 0;
391
}
392
 
393
.forum-bar ul li a {
394
    display: inline-block;
395
    color: #ffffff;
396
    font-size: 14px;
397
    font-weight: 500;
398
}
399
 
400
.forum-bar h2 {
401
    color: #ffffff;
402
    font-size: 28px;
403
    font-weight: 500;
404
}
405
 
406
/* ========== login_register ========== */
407
 
408
.login_register {
409
    float: right;
410
    margin-top: 8px;
411
    padding-left: 30px;
412
}
413
 
414
.login_register ul li {
415
    display: inline-block;
416
    margin-right: 8px;
417
}
418
 
419
.login_register ul li:last-child {
420
    margin-right: 0;
421
}
422
 
423
.login_register ul li a {
424
    display: inline-block;
425
    color: #ffffff;
426
    font-size: 14px;
427
    border: 1px solid #fff;
428
    height: 40px;
429
    line-height: 40px;
430
    padding: 0 20px;
431
    font-weight: 600;
432
}
433
 
434
.search-bar.st2 {
435
    float: right;
436
}
437
 
438
.search-bar {
439
    float: left;
440
    width: 280px;
441
    margin-top: 9px;
442
}
443
 
444
.search-bar form {
445
    float: left;
446
    width: 100%;
447
    position: relative;
448
}
449
 
450
.search-bar form input {
451
    width: 100%;
452
    background-color: #fff;
453
    height: 38px;
454
    color: #b2b2b2;
455
    font-size: 12px;
456
    border: 0;
457
    padding: 0 10px;
458
}
459
 
460
.search-bar form button {
461
    position: absolute;
462
    top: 0;
463
    right: 0;
464
    background-color: #efefef;
465
    width: 38px;
466
    height: 100%;
467
    border: 0;
468
}
469
 
470
.search-bar form button i {
471
    color: #e44d3a;
472
    font-size: 20px;
473
    font-weight: bold;
474
}
475
 
476
nav {
477
    /* float: left; width: 60%; text-align: right; */
478
    /* padding-right: 13px; */
479
}
480
 
481
nav ul li {
482
    /* display: inline-block; text-align: center; padding: 15px 13px; position: relative; */
483
}
484
 
485
nav ul li:hover>ul {
486
    /* opacity: 1; visibility: visible; z-index: 9999; */
487
}
488
 
489
nav ul ul {
490
    /* position: absolute; top: 100%; left: 0; width: 200px; background-color: #e44d3a; text-align: left; padding: 20px 0 10px 0; opacity: 0; visibility: hidden; z-index: 999999; */
491
}
492
 
493
/* nav ul ul li {padding: 0; float: left; width: 100%; text-align: left; margin-bottom: 15px; padding: 0 20px; } nav ul ul li a:hover {color: #fff; } nav ul ul li a {font-size: 16px; } */
494
 
495
.notification-box.msg p {
496
    line-height: 20px;
497
    font-size: 14px;
498
    font-weight: 400;
499
    margin-top: 2px;
500
}
501
 
502
.notification-box.msg .nott-list .notification-info span {
503
    bottom: auto;
504
    top: 5px;
505
}
506
 
507
.notification-box.msg .notification-info h3 {
508
    margin-bottom: 1px;
509
}
510
 
511
.notification-box.msg .nott-list .notfication-details {
512
    padding: 17px 20px 17px 20px;
513
}
514
 
515
.notification-box {
516
    position: absolute;
517
    top: 100%;
518
    right: 0;
519
    width: 300px;
520
    background-color: #fff;
521
    opacity: 1;
522
    visibility: visible;
523
    z-index: 999;
524
    display: none;
525
}
526
 
527
.notification-box.active {
528
    opacity: 1;
529
    visibility: visible;
530
    z-index: 999999999;
531
}
532
 
533
.nt-title {
534
    float: left;
535
    width: 100%;
536
    border-bottom: 1px solid #e5e5e5;
537
    padding: 10px 20px;
538
}
539
 
540
.nt-title h4 {
541
    float: left;
542
    color: #686868;
543
    font-size: 12px;
544
    font-weight: 600;
545
}
546
 
547
.nt-title>a {
548
    float: right;
549
    color: #686868;
550
    font-size: 12px;
551
    font-weight: 600;
552
}
553
 
554
.nott-list {
555
    float: left;
556
    width: 100%;
557
}
558
 
559
.nott-list .notification-info {
560
    width: 86%;
561
    float: left;
562
    text-align: left;
563
    position: relative;
564
}
565
 
566
.nott-list .notfication-details {
567
    padding: 20px 20px 12px 20px;
568
}
569
 
570
.nott-list .notification-info h3 {
571
    line-height: 20px;
572
}
573
 
574
.nott-list .notification-info span {
575
    position: absolute;
576
    bottom: 5px;
577
    right: 0;
578
}
579
 
580
.view-all-nots {
581
    float: left;
582
    width: 100%;
583
}
584
 
585
.view-all-nots>a {
586
    float: left;
587
    width: 100%;
588
    color: #ffffff;
589
    font-size: 16px;
590
    text-transform: capitalize;
591
    font-weight: 600;
592
    text-align: center;
593
    background-color: #e44d3a;
594
    padding: 18px 0;
595
}
596
 
597
nav ul li span {
598
    display: block;
599
    height: 14px;
600
}
601
 
602
nav ul li span img {
603
    float: none;
604
}
605
 
606
nav ul li a {
607
    color: #ffffff;
608
    font-size: 14px;
609
}
610
 
611
nav>ul>li>a:hover {
612
    color: #fff;
613
}
614
 
615
.user-account {
616
    float: right;
617
    /* width: 110px; */
618
    border-left: 1px solid #dd3e2b;
619
    border-right: 1px solid #dd3e2b;
620
    box-sizing: border-box;
621
    position: relative;
622
    padding: 0 1rem;
623
}
624
 
625
.user-info {
626
    /* float: left; width: 100%; padding: 13px 10px; */
627
    position: relative;
628
}
629
 
630
.user-account-settingss {
631
    position: absolute;
632
    opacity: 1;
633
    visibility: visible;
634
    z-index: 999;
635
    display: none;
636
    top: 100%;
637
    right: 0;
638
    width: 240px;
639
    background-color: #fff;
640
    border-left: 1px solid #e5e5e5;
641
    border-bottom: 1px solid #e5e5e5;
642
    border-right: 1px solid #e5e5e5;
643
    -webkit-border-radius: 0 0 5px 5px;
644
    -moz-border-radius: 0 0 5px 5px;
645
    -ms-border-radius: 0 0 5px 5px;
646
    -o-border-radius: 0 0 5px 5px;
647
    border-radius: 0 0 5px 5px;
648
    -webkit-box-shadow: 1px 1px 6px -2px rgba(0, 0, 0, 0.24);
649
    -moz-box-shadow: 1px 1px 6px -2px rgba(0, 0, 0, 0.24);
650
    -ms-box-shadow: 1px 1px 6px -2px rgba(0, 0, 0, 0.24);
651
    -o-box-shadow: 1px 1px 6px -2px rgba(0, 0, 0, 0.24);
652
    box-shadow: 1px 1px 6px -2px rgba(0, 0, 0, 0.24);
653
    /*opacity: 0; visibility: hidden;*/
654
}
655
 
656
.user-account-settingss.active {
657
    opacity: 1;
658
    visibility: visible;
659
    z-index: 9999;
660
}
661
 
662
.user-account-settingss>h3 {
663
    color: #000000;
664
    font-size: 16px;
665
    font-weight: 600;
666
    float: left;
667
    width: 100%;
668
    border-bottom: 1px solid #e5e5e5;
669
    padding: 15px 20px;
670
}
671
 
672
.on-off-status {
673
    float: left;
674
    width: 100%;
675
    padding: 20px;
676
    border-bottom: 1px solid #e5e5e5;
677
}
678
 
679
.on-off-status li {
680
    float: left;
681
    width: 100%;
682
    margin-bottom: 15px;
683
}
684
 
685
.on-off-status li:last-child {
686
    margin-bottom: 0;
687
}
688
 
689
.on-off-status li .fgt-sec small {
690
    color: #686868;
691
}
692
 
693
/* =========== search_form =========== */
694
 
695
.search_form {
696
    float: left;
697
    width: 100%;
698
    padding: 20px;
699
    border-bottom: 1px solid #e5e5e5;
700
}
701
 
702
.search_form form {
703
    float: left;
704
    width: 100%;
705
    position: relative;
706
}
707
 
708
.search_form form input {
709
    width: 100%;
710
    height: 35px;
711
    padding: 0 15px;
712
    border: 1px solid #e5e5e5;
713
    background-color: #f2f2f2;
714
}
715
 
716
.search_form form button {
717
    color: #f2f2f2;
718
    font-size: 14px;
719
    background-color: #e44d3a;
720
    padding: 0 10px;
721
    height: 100%;
722
    position: absolute;
723
    top: 0;
724
    right: 0;
725
    border: 0;
726
    font-weight: 600;
727
    -webkit-border-radius: 0 3px 3px 0;
728
    -moz-border-radius: 0 3px 3px 0;
729
    -ms-border-radius: 0 3px 3px 0;
730
    -o-border-radius: 0 3px 3px 0;
731
    border-radius: 0 3px 3px 0;
732
    cursor: pointer;
733
}
734
 
735
/* ============ us-links ============= */
736
 
737
.us-links {
738
    float: left;
739
    width: 100%;
740
    border-bottom: 1px solid #e5e5e5;
741
    padding: 20px;
742
}
743
 
744
.us-links li {
745
    float: left;
746
    width: 100%;
747
    margin-bottom: 15px;
748
}
749
 
750
.us-links li:last-child {
751
    margin-bottom: 0;
752
}
753
 
754
.us-links li a {
755
    float: left;
756
    width: 100%;
757
    color: #000000;
758
    font-size: 14px;
759
    font-weight: 500;
760
}
761
 
762
.tc {
763
    text-align: center;
764
}
765
 
766
.tc a {
767
    color: #000;
768
}
769
 
770
.user-info img {
771
    /* margin-right: 10px; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px; border-radius: 100px; */
772
}
773
 
774
.user-info a {
775
    color: #fff;
776
    font-size: 14px;
777
    float: left;
778
    margin-top: 8px;
779
}
780
 
781
.user-info a:hover {
782
    color: #fff;
783
}
784
 
785
.user-info>i {
786
    position: absolute;
787
    top: 50%;
788
    right: -15px;
789
    color: #fff;
790
    font-size: 12px;
791
    -webkit-transform: translateY(-50%);
792
    -moz-transform: translateY(-50%);
793
    -ms-transform: translateY(-50%);
794
    -o-transform: translateY(-50%);
795
    transform: translateY(-50%);
796
}
797
 
798
/* =================== main-section ================= */
799
 
800
main {
801
    float: left;
802
    width: 100%;
803
    padding: 60px 0;
804
}
805
 
806
.main-section {
807
    float: left;
808
    width: 100%;
809
    background-color: #fff;
810
    padding: 3rem 0;
811
}
812
 
813
.main-section-data {
814
    float: left;
815
    width: 100%;
816
}
817
 
818
.main-left-sidebar {
819
    float: left;
820
    width: 100%;
821
    margin-top: -20px;
822
}
823
 
824
.full-width {
825
    float: left;
826
    width: 100%;
827
    background-color: #fff;
828
    margin-bottom: 20px;
829
    /* border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; */
830
}
831
 
832
.username-dt {
833
    float: left;
834
    width: 100%;
835
    background-color: #e44d3a;
836
    padding-top: 40px;
837
}
838
 
839
.user-data {
840
    text-align: center;
841
}
842
 
843
.usr-pic {
844
    width: 110px;
845
    height: 110px;
846
    margin: 0 auto;
847
    margin-bottom: -48px;
848
}
849
 
850
.usr-pic>img {
851
    float: none;
852
    border: 5px solid #fff;
853
    -webkit-border-radius: 100px;
854
    -moz-border-radius: 100px;
855
    -ms-border-radius: 100px;
856
    -o-border-radius: 100px;
857
    border-radius: 100px;
858
    width: 100%;
859
}
860
 
861
.user-profile {
862
    float: left;
863
    width: 100%;
864
}
865
 
866
.user-specs {
867
    float: left;
868
    width: 100%;
869
    padding: 63px 0 27px 0;
870
}
871
 
872
.user-specs h3 {
873
    color: #000000;
874
    font-size: 24px;
875
    text-transform: capitalize;
876
    font-weight: 600;
877
    margin-bottom: 8px;
878
}
879
 
880
.user-specs span {
881
    color: #686868;
882
    font-size: 14px;
883
}
884
 
885
.user-fw-status {
886
    float: left;
887
    width: 100%;
888
}
889
 
890
.user-fw-status li {
891
    float: left;
892
    width: 100%;
893
    /* border-bottom: 1px solid #e5e5e5; */
894
    /* border-top: 1px solid #e5e5e5; */
895
    padding: 15px 0;
896
}
897
 
898
.user-fw-status li:last-child {
899
    border-bottom: 0;
900
}
901
 
902
.user-fw-status li:nth-child(1),
903
.user-fw-status li:nth-child(2) {
904
    border-bottom: 0;
905
}
906
 
907
.user-fw-status li h4 {
908
    color: #686868;
909
    font-size: 20px;
910
    margin-bottom: 10px;
911
}
912
 
913
.user-fw-status span {
914
    color: #000000;
915
    font-size: 20px;
916
}
917
 
918
.user-fw-status li a {
919
    color: #e44d3a;
920
    font-size: 14px;
921
    font-weight: 600;
922
}
923
 
924
/* ============= Suggestions ============ */
925
 
926
.sd-title {
927
    /* float: left; */
928
    width: 100%;
929
    /* padding: 20px; */
930
    /* border-bottom: 1px solid #e5e5e5; */
931
    position: relative;
932
    display: grid;
933
}
934
 
935
.sd-title h3 {
936
    color: #000000;
937
    font-size: 18px;
2213 stevensc 938
    font-weight: 700;
1239 steven 939
    float: left;
940
}
941
 
942
.sd-title i {
943
    float: right;
944
    color: #b7b7b7;
945
    font-size: 24px;
946
    position: absolute;
947
    right: 5px;
948
    top: 18px;
949
}
950
 
951
.suggestions-list {
952
    /* float: left; */
953
    width: 100%;
954
    /* padding: 13px 0 30px 0; */
955
}
956
 
957
.suggestion-usd {
958
    float: left;
959
    width: 100%;
960
    padding: 15px 20px;
961
}
962
 
963
.suggestion-usd img {
964
    -webkit-border-radius: 100px;
965
    -moz-border-radius: 100px;
966
    -ms-border-radius: 100px;
967
    -o-border-radius: 100px;
968
    border-radius: 100px;
969
}
970
 
971
.sgt-text {
972
    float: left;
973
    padding-left: 10px;
974
}
975
 
976
.sgt-text h4 {
977
    color: #000000;
978
    font-size: 14px;
979
    font-weight: 400;
980
    margin-bottom: 4px;
981
}
982
 
983
.sgt-text span {
984
    color: #686868;
985
    font-size: 14px;
986
}
987
 
988
.suggestion-usd>span {
989
    margin-top: 4px;
990
    position: relative;
991
    margin-left: 1rem;
992
}
993
 
994
.suggestion-usd>span i {
995
    color: #b2b2b2;
996
    width: 25px;
997
    height: 25px;
998
    border-radius: 3px;
999
    cursor: pointer;
1000
    text-align: center;
1001
    display: flex;
1002
    justify-content: center;
1003
    align-items: center;
1004
}
1005
 
1006
.bg-white {
1007
    background-color: white !important;
1008
}
1009
 
1010
.suggestion-usd>span i:hover {
1011
    background-color: #0961bf !important;
1012
    color: #fff;
1013
    border-radius: 3px;
1014
}
1015
 
1016
.icon-button {
1017
    color: #b2b2b2;
1018
    width: 25px;
1019
    height: 25px;
1020
    border-radius: 3px;
1021
    cursor: pointer;
1022
    text-align: center;
1023
    display: flex !important;
1024
    justify-content: center;
1025
    align-items: center;
1026
}
1027
 
1028
.icon-button:hover {
1029
    background-color: #0961bf !important;
1030
    color: #fff;
1031
    border-radius: 3px;
1032
}
1033
 
1034
.view-more {
1035
    /* float: left; width: 100%; text-align: center; padding-top: 10px; */
1036
}
1037
 
1038
.view-more>a {
1039
    color: #e44d3a;
1040
    font-size: 14px;
1041
    font-weight: 700;
1042
}
1043
 
1044
.view-more>a:hover {
1045
    color: #e44d3a;
1046
}
1047
 
1048
/* ============== tags-sec ============= */
1049
 
1050
.tags-sec {
1051
    background-color: #fff;
1052
    padding: 25px 5px;
1053
}
1054
 
1055
.tags-sec ul {
1056
    float: left;
1057
    width: 100%;
1058
    text-align: center;
1059
}
1060
 
1061
.tags-sec ul li {
1062
    display: inline-block;
1063
    border-right: 1px solid #b2b2b2;
1064
    padding: 0 7px;
1065
    margin-bottom: 15px;
1066
}
1067
 
1068
.tags-sec ul li:nth-child(3),
1069
.tags-sec ul li:nth-child(5),
1070
.tags-sec ul li:nth-child(8) {
1071
    border-right: 0;
1072
}
1073
 
1074
.tags-sec ul li a {
1075
    display: inline-block;
1076
    color: #b2b2b2;
1077
    font-size: 13px;
1078
    font-weight: 500;
1079
}
1080
 
1081
.tags-sec ul li a:hover {
1082
    color: #e44d3a;
1083
}
1084
 
1085
.cp-sec {
1086
    float: left;
1087
    width: 100%;
1088
    margin-top: 5px;
1089
    padding: 0 13px;
1090
}
1091
 
1092
.cp-sec>img {
1093
    float: left;
1094
    margin-top: 3px;
1095
}
1096
 
1097
.cp-sec p {
1098
    float: right;
1099
    color: #b2b2b2;
1100
    font-size: 14px;
1101
    font-weight: 500;
1102
}
1103
 
1104
.cp-sec p img {
1105
    float: none;
1106
    display: inline-block;
1107
    position: relative;
1108
    top: 3px;
1109
    padding-right: 5px;
1110
}
1111
 
1112
/* =================== main-ws-sec ================== */
1113
 
1114
.main-ws-sec {
1115
    float: left;
1116
    width: 100%;
1117
}
1118
 
1119
/* ============ post-topbar =========== */
1120
 
1121
.post-topbar {
1122
    float: left;
1123
    width: 100%;
1124
    padding: 23px 20px;
1125
    background-color: #fff;
1126
    border-top: 4px solid #e44d3a;
1127
    border-left: 1px solid #e4e4e4;
1128
    border-bottom: 1px solid #e4e4e4;
1129
    border-right: 1px solid #e4e4e4;
1130
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.24);
1131
    -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.24);
1132
    -ms-box-shadow: 0 0 1px rgba(0, 0, 0, 0.24);
1133
    -o-box-shadow: 0 0 1px rgba(0, 0, 0, 0.24);
1134
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.24);
1135
    margin-bottom: 20px;
1136
}
1137
 
1138
.user-picy {
1139
    float: left;
1140
    width: 50px;
1141
}
1142
 
1143
.user-picy img {
1144
    width: 100%;
1145
    object-fit: cover;
1146
}
1147
 
1148
.post-st {
1149
    float: right;
1150
    margin-top: 5px;
1151
}
1152
 
1153
.post-st ul li {
1154
    display: inline-block;
1155
    margin-right: 6px;
1156
}
1157
 
1158
.post-st ul li:last-child {
1159
    margin-right: 0;
1160
}
1161
 
1162
.post-st ul li a {
1163
    color: #b2b2b2;
1164
    font-size: 16px;
1165
    display: inline-block;
1166
    background-color: #e5e5e5;
1167
    height: 40px;
1168
    padding: 0 15px;
1169
    line-height: 40px;
1170
    font-weight: 500;
1171
}
1172
 
1173
.post-st ul li a:hover,
1174
.post-st ul li a.active {
1175
    background-color: #e44d3a;
1176
    color: #fff;
1177
}
1178
 
1179
/* ================ posts-section ================== */
1180
 
1181
.posts-section {
1182
    float: left;
1183
    width: 100%;
1184
}
1185
 
1186
.reviewtext {
1187
    margin: 0 -20px;
1188
}
1189
 
1190
.reviewtext p {
1191
    padding-left: 20px;
1192
}
1193
 
1194
.post-bar {
1195
    width: 100%;
1196
    background-color: #fff;
1477 steven 1197
    border: solid 1px var(--border-light-gray);
1198
    border-radius: 10px;
1239 steven 1199
    /* border-left: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; */
1200
    /* border: 1px solid #e4e4e4; */
1201
    /* margin-bottom: 20px; */
2193 stevensc 1202
    padding: 5px 20px;
1239 steven 1203
    /* box-shadow: 0px 2px #e4e4e4; */
1204
    /* box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.05); */
1205
    height: 100%;
1206
}
1207
 
1208
.shared-post-bar {
1209
    margin-top: 1rem;
1210
}
1211
 
1212
.shared-post-bar .post-bar {
1213
    box-shadow: 0px 0px 11px 0px rgb(0 0 0 / 15%);
1214
}
1215
 
1216
.post_topbar {
1217
    float: left;
1218
    width: 100%;
1219
    position: relative;
1220
}
1221
 
1222
.rep-post {
1223
    padding: 0;
1224
}
1225
 
1226
.usy-dt {
1227
    float: left;
1228
}
1229
 
1230
.usy-dt img {
1231
    -webkit-border-radius: 100px;
1232
    -moz-border-radius: 100px;
1233
    -ms-border-radius: 100px;
1234
    -o-border-radius: 100px;
1235
    border-radius: 100px;
1236
    margin-top: 2px;
1237
}
1238
 
1239
.ed-opts {
1240
    position: relative;
1241
}
1242
 
1243
.ed-opts>a {
1244
    color: #b2b2b2;
1245
    font-size: 24px;
1246
    position: relative;
1247
}
1248
 
1249
.ed-options {
1250
    position: absolute;
1251
    top: 100%;
1252
    right: 0;
1253
    width: 130px;
1254
    background-color: #fff;
1255
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.28);
1256
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.28);
1257
    -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.28);
1258
    -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.28);
1259
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.28);
1260
    padding: 20px;
1261
    visibility: hidden;
1262
    z-index: 5;
1263
}
1264
 
1265
.ed-options.active {
1266
    visibility: visible;
1267
}
1268
 
1269
.ed-options li {
1270
    float: left;
1271
    width: 100%;
1272
    margin-bottom: 15px;
1273
}
1274
 
1275
.ed-options li:last-child {
1276
    margin-bottom: 0;
1277
}
1278
 
1279
.ed-options li a {
1280
    color: #686868;
1281
    font-size: 14px;
1282
    font-weight: 600;
1283
}
1284
 
1285
.ed-opts>a:hover {
1286
    color: #e44d3a;
1287
}
1288
 
1289
.usy-name {
1290
    float: left;
1291
    margin-left: 15px;
1292
}
1293
 
1294
.usy-name h3 {
1295
    color: #000000;
1296
    font-size: 18px;
1297
    text-transform: capitalize;
1298
    font-weight: 600;
1299
    margin-bottom: 5px;
1300
    margin-top: 2px;
1301
}
1302
 
1303
.usy-name span {
1304
    font-size: 14px;
2197 stevensc 1305
    font-weight: 600;
1239 steven 1306
}
1307
 
1308
.usy-name img {
1309
    margin-top: 4px;
1310
    margin-right: 6px;
1311
}
1312
 
1313
.usy-name .bklink img {
1314
    margin-top: 1px;
1315
    margin-right: 6px;
1316
}
1317
 
1318
.epi2 i {
1319
    margin-right: 5px;
1320
}
1321
 
1322
#rewivewdata .review-lt {
1323
    float: left;
1324
    margin-top: 5px;
1325
    margin-bottom: 15px;
1326
}
1327
 
1328
.review-lt img {
1329
    margin-top: 1px;
1330
    margin-right: 6px;
1331
}
1332
 
1333
.bid-tab {
1334
    margin-bottom: 20px;
1335
}
1336
 
1337
.epi-sec {
1338
    float: left;
1339
    width: 100%;
1340
    padding: 0;
1341
}
1342
 
1343
.usy-name .bklink {
1344
    float: left;
1345
    margin-top: 5px !important;
1346
    margin-bottom: 15px;
1347
}
1348
 
1349
.descp {
1350
    float: left;
1351
    margin-top: 15px;
1352
    margin-bottom: 15px;
1353
}
1354
 
1355
.descp li {
1356
    display: inline-block;
1357
    margin-right: 15px;
1358
}
1359
 
1360
.descp li span {
1361
    color: #b2b2b2;
1362
    font-size: 14px;
1363
    float: left;
1364
}
1365
 
1366
.descp li img {
1367
    margin-right: 5px;
1368
}
1369
 
1370
.bk-links {
1371
    /* float: right; */
1372
}
1373
 
1374
.bk-links li {
1375
    display: inline-block;
1376
    margin-right: 7px;
1377
}
1378
 
1379
.bk-links li:last-child {
1380
    margin-right: 0;
1381
}
1382
 
1383
.bk-links li i {
1384
    color: #fff;
1385
    font-size: 24px;
1386
    width: 33px;
1387
    height: 30px;
1388
    padding-left: 0px;
1389
    background-color: #53d690;
1390
    text-align: center;
1391
    line-height: 30px;
1392
}
1393
 
1394
.bk-links li i.la-envelope {
1395
    background-color: #e44d3a;
1396
}
1397
 
1398
.bid_now {
1399
    color: #fff;
1400
    background-color: #51a5fb;
1401
    text-transform: capitalize;
1402
    display: inline-block;
1403
    height: 30px;
1404
    padding: 0 10px;
1405
    line-height: 30px;
1406
    position: relative;
1407
    top: -3px;
1408
}
1409
 
1410
.bid_now:hover {
1411
    color: #fff;
1412
}
1413
 
1414
/* ============== job_descp ============ */
1415
 
1416
.job_descp {
1417
    float: left;
1418
    width: 100%;
1419
    margin: 1rem 0;
1420
}
1421
 
1422
.job_descp h3 {
1423
    color: #333;
1424
    font-size: 16px;
1425
    font-weight: 600;
1426
    /* margin-bottom: 15px; */
1427
}
1428
 
1429
.job-dt {
1430
    float: left;
1431
    width: 100%;
1432
    margin-bottom: 22px;
1433
}
1434
 
1435
.job-dt li {
1436
    display: inline-block;
1437
    margin-right: 15px;
1438
}
1439
 
1440
.job-dt li a {
1441
    text-transform: capitalize;
1442
    padding: 5px 13px;
1443
    -webkit-border-radius: 30px;
1444
    -moz-border-radius: 30px;
1445
    -ms-border-radius: 30px;
1446
    -o-border-radius: 30px;
1447
    border-radius: 3px;
1448
    display: inline-block;
1449
    font-size: 14px;
1450
    font-weight: 500;
1451
}
1452
 
1453
.job-dt li span {
1454
    color: #333;
1455
    font-size: 16px;
1456
    font-weight: 600;
1457
}
1458
 
1459
.job_descp>p {
1460
    color: #666666;
1461
    font-size: 15px;
1462
    line-height: 24px;
1463
    margin-bottom: 20px;
1464
}
1465
 
1466
.job_descp>p a {
1467
    color: #e44d3a;
1468
    font-weight: 600;
1469
}
1470
 
1471
/* ============= skill-tags =========== */
1472
 
1473
.skill-tags {
1474
    /* float: left; */
1475
    width: 100%;
1476
    /* margin-bottom: 15px; */
1477
    display: flex;
1478
    align-items: center;
1479
    margin-top: 0.5rem;
1480
    flex-wrap: wrap;
1481
    /* gap: 0.5rem 0; */
1482
}
1483
 
1484
.skill-tags li {
1485
    display: inline-block;
1486
    margin-right: 6px;
1487
    /* margin-bottom: 10px; */
1488
}
1489
 
1490
.skill-tags li a {
1491
    display: inline-block;
1492
    color: #b2b2b2;
1493
    font-size: 14px;
1494
    background-color: #f1f1f1;
1495
    -webkit-border-radius: 30px;
1496
    -moz-border-radius: 30px;
1497
    -ms-border-radius: 30px;
1498
    -o-border-radius: 30px;
1499
    border-radius: 30px;
1500
    padding: 7px 15px;
1501
    font-weight: 500;
1502
}
1503
 
1504
/* ========== job-status-bar ========== */
1505
 
1506
.job-status-bar {
1507
    float: left;
1508
    width: 100%;
1509
}
1510
 
1511
.like-com {
2212 stevensc 1512
    width: 100%;
1513
    display: flex;
1514
    justify-content: space-around;
1515
    margin: 0;
1239 steven 1516
    /* margin-top: 20px; */
1517
}
1518
 
1519
.like-com li {
1520
    display: inline-block;
1521
    margin-right: 15px;
1522
}
1523
 
1524
.like-com li a {
1525
    color: #b2b2b2;
1526
    font-size: 14px;
1527
    font-weight: 500;
1528
    float: left;
1529
    margin-top: 6px;
1530
    margin-right: 5px;
1531
}
1532
 
1533
.like-com li a:hover {
1534
    color: #e44d3a;
1535
}
1536
 
1537
.like-com li a.active {
1538
    color: #e44d3a;
1539
}
1540
 
1541
.like-com li a i {
1542
    margin-right: 2px;
1543
    font-size: 14px;
1544
    position: relative;
1545
    top: 2px;
1546
}
1547
 
1548
.like-com li span {
1549
    color: #ffffff;
1550
    font-size: 13px;
1551
    width: 30px;
1552
    height: 30px;
1553
    background-color: #e44d3a;
1554
    line-height: 30px;
1555
    -webkit-border-radius: 30px;
1556
    -moz-border-radius: 30px;
1557
    -ms-border-radius: 30px;
1558
    -o-border-radius: 30px;
1559
    border-radius: 30px;
1560
    float: left;
1561
    text-align: center;
1562
    font-weight: 600;
1563
    margin-left: -25px;
1564
}
1565
 
1566
.like-com li .com {
1567
    position: relative;
1568
    top: -9px;
1569
}
1570
 
1571
.like-com li .com img {
1572
    margin-right: 10px;
1573
}
1574
 
1575
.job-status-bar>a {
1576
    /* float: right; */
1577
    color: #b2b2b2 !important;
1578
    font-size: 14px;
1579
    /* margin-top: 29px; */
1580
    cursor: pointer;
1581
}
1582
 
1583
.job-status-bar>a:hover {
1584
    color: #e44d3a !important;
1585
}
1586
 
1587
.job-status-bar>a i {
1588
    font-size: 14px;
1589
    margin-right: 7px;
1590
    position: relative;
1591
    top: 1px;
1592
}
1593
 
1594
/* ============= top-profiles ============ */
1595
 
1596
.top-profiles {
1597
    float: left;
1598
    width: 100%;
1599
    border: 1px solid #e5e5e5;
1600
    margin-bottom: 20px;
1601
}
1602
 
1603
.pf-hd {
1604
    float: left;
1605
    width: 100%;
1606
    border-bottom: 1px solid #e5e5e5;
1607
    padding: 20px 20px;
1608
    position: relative;
1609
}
1610
 
1611
.pf-hd h3 {
1612
    color: #000000;
1613
    font-size: 20px;
1614
    font-weight: 600;
1615
    text-transform: capitalize;
1616
    float: left;
1617
}
1618
 
1619
.pf-hd i {
1620
    position: absolute;
1621
    top: 50%;
1622
    -webkit-transform: translateY(-50%);
1623
    -moz-transform: translateY(-50%);
1624
    -ms-transform: translateY(-50%);
1625
    -o-transform: translateY(-50%);
1626
    transform: translateY(-50%);
1627
    right: 7px;
1628
    color: #b2b2b2;
1629
    font-size: 24px;
1630
}
1631
 
1632
/* ============== profiles-slider ============== */
1633
 
1634
.profiles-slider {
1635
    float: left;
1636
    width: 100%;
1637
    padding: 20px;
1638
}
1639
 
1640
.user-profy {
1641
    float: left;
1642
    width: 100%;
1643
    background-color: #fff;
1644
    text-align: center;
1645
    border-left: 1px solid #ececec;
1646
    border-bottom: 1px solid #ececec;
1647
    border-right: 1px solid #ececec;
1648
    -webkit-box-shadow: 0px 0.5px 0.2px rgba(0, 0, 0, 0.24);
1649
    -moz-box-shadow: 0px 0.5px 0.2px rgba(0, 0, 0, 0.24);
1650
    -ms-box-shadow: 0px 0.5px 0.2px rgba(0, 0, 0, 0.24);
1651
    -o-box-shadow: 0px 0.5px 0.2px rgba(0, 0, 0, 0.24);
1652
    box-shadow: 0px 0.5px 0.2px rgba(0, 0, 0, 0.24);
1653
    padding: 20px 0 0 0;
1654
}
1655
 
1656
.user-profy>img {
1657
    float: none;
1658
    margin-bottom: 6px;
1659
}
1660
 
1661
.user-profy h3 {
1662
    color: #000000;
1663
    font-size: 16px;
1664
    font-weight: 600;
1665
    text-transform: capitalize;
1666
    margin-bottom: 4px;
1667
}
1668
 
1669
.user-profy span {
1670
    color: #b2b2b2;
1671
    font-size: 14px;
1672
    font-weight: 500;
1673
    display: block;
1674
    margin-bottom: 15px;
1675
}
1676
 
1677
.user-profy ul {
1678
    float: left;
1679
    width: 100%;
1680
    margin-bottom: 15px;
1681
}
1682
 
1683
.user-profy ul li {
1684
    display: inline-block;
1685
}
1686
 
1687
.user-profy ul li a {
1688
    color: #ffffff;
1689
    font-size: 13px;
1690
    padding: 0 8px;
1691
    height: 25px;
1692
    line-height: 25px;
1693
    display: inline-block;
1694
    text-transform: capitalize;
1695
}
1696
 
1697
.followw {
1698
    background-color: #53d690;
1699
}
1700
 
1701
.envlp {
1702
    background-color: #e44d3a;
1703
}
1704
 
1705
.envlp img {
1706
    float: none;
1707
}
1708
 
1709
.hire {
1710
    background-color: #51a5fb;
1711
}
1712
 
1713
.user-profy>a {
1714
    float: left;
1715
    width: 100%;
1716
    color: #000000;
1717
    font-size: 14px;
1718
    text-transform: capitalize;
1719
    padding: 15px 0;
1720
    border-top: 1px solid #ececec;
1721
    font-weight: 600;
1722
}
1723
 
1724
.user-profy>a:hover {
1725
    background-color: #e44d3a;
1726
    color: #fff;
1727
}
1728
 
1729
.slick-slide img {
1730
    display: inline-block;
1731
}
1732
 
1733
.slick-slide {
1734
    margin: 0 4px;
1735
}
1736
 
1737
.envlp img {
1738
    position: relative;
1739
    top: 2px;
1740
}
1741
 
1742
.no-margin {
1743
    margin: 0;
1744
    border: 0;
1745
    -webkit-border-radius: inherit;
1746
    -moz-border-radius: inherit;
1747
    -ms-border-radius: inherit;
1748
    -o-border-radius: inherit;
1749
    border-radius: inherit;
1750
}
1751
 
1752
.posty {
1753
    float: left;
1754
    width: 100%;
1755
    border-left: 1px solid #e4e4e4;
1756
    border-right: 1px solid #e4e4e4;
1757
}
1758
 
1759
.posty .job-status-bar {
1760
    border-bottom: 1px solid #e4e4e4;
1761
    padding-bottom: 20px;
1762
}
1763
 
1764
.slick-previous:before {
1765
    left: -14px;
1766
    content: "\f104";
1767
    margin-left: -2px;
1768
}
1769
 
1770
.slick-nexti:before {
1771
    right: -14px;
1772
    content: "\f105";
1773
    padding-left: 3px;
1774
}
1775
 
1776
.slick-previous:before,
1777
.slick-nexti:before {
1778
    font-size: 24px;
1779
    color: #b7b7b7;
1780
    position: absolute;
1781
    top: 50%;
1782
    line-height: 27px;
1783
    -webkit-transform: translateY(-50%);
1784
    -moz-transform: translateY(-50%);
1785
    -ms-transform: translateY(-50%);
1786
    -o-transform: translateY(-50%);
1787
    transform: translateY(-50%);
1788
    font-family: fontawesome;
1789
    width: 30px;
1790
    height: 30px;
1791
    background-color: #fff;
1792
    -webkit-border-radius: 100px;
1793
    -moz-border-radius: 100px;
1794
    -ms-border-radius: 100px;
1795
    -o-border-radius: 100px;
1796
    border-radius: 100px;
1797
    border: 1px solid #e6e6e6;
1798
    text-align: center;
1799
    cursor: pointer;
1800
}
1801
 
1802
.slick-previous:hover:before,
1803
.slick-nexti:hover:before {
1804
    background-color: #e44d3a;
1805
    color: #fff;
1806
    border-color: transparent;
1807
}
1808
 
1809
/* =============== comment-section ============== */
1810
 
1811
.comment-section {
1812
    float: left;
1813
    width: 100%;
1814
    background-color: #fff;
1815
    padding: 20px;
1816
    box-shadow: 0px 3px #e4e4e4;
1817
    margin-top: 1rem;
1818
}
1819
 
1820
.plus-ic {
1821
    float: left;
1822
    width: 100%;
1823
    text-align: center;
1824
    margin-bottom: 20px;
1825
}
1826
 
1827
.plus-ic i {
1828
    width: 30px;
1829
    height: 30px;
1830
    line-height: 30px;
1831
    border: 1px solid #d2d2d2;
1832
    text-align: center;
1833
    color: #b2b2b2;
1834
    -webkit-border-radius: 100px;
1835
    -moz-border-radius: 100px;
1836
    -ms-border-radius: 100px;
1837
    -o-border-radius: 100px;
1838
    border-radius: 100px;
1839
}
1840
 
1841
/* =============== comment-sec ================ */
1842
 
1843
.comment-sec {
1844
    float: left;
1845
    width: 100%;
1846
}
1847
 
1848
.comment-sec ul {
1849
    float: left;
1850
    width: 100%;
1851
}
1852
 
1853
.comment-sec ul li {
1854
    float: left;
1855
    width: 100%;
1856
}
1857
 
1858
.comment-sec ul ul {
1859
    padding-left: 50px;
1860
}
1861
 
1862
.comment-list {
1863
    display: table;
1864
    /* padding-bottom: 30px; */
1865
}
1866
 
1867
.bg-img {
1868
    display: table-cell;
1869
}
1870
 
1871
.bg-img img {
1872
    -webkit-border-radius: 100px;
1873
    -moz-border-radius: 100px;
1874
    -ms-border-radius: 100px;
1875
    -o-border-radius: 100px;
1876
    border-radius: 100px;
1877
}
1878
 
1879
.comment {
1880
    display: table-cell;
1881
    vertical-align: top;
1882
    width: 100%;
1883
    padding-left: 10px;
1884
}
1885
 
1886
.comment h3 {
1887
    color: #000000;
1888
    font-size: 16px;
1889
    font-weight: 600;
1890
    margin-bottom: 10px;
1891
}
1892
 
1893
.comment img {
1894
    /* position: relative; top: 2px; margin-right: 5px; */
1895
}
1896
 
1897
.comment span {
1898
    color: #b2b2b2;
1899
    font-size: 14px;
1900
    display: block;
1901
    margin-bottom: 14px;
1902
}
1903
 
1904
.comment p {
1905
    color: #686868;
1906
    font-size: 14px;
1907
    margin-bottom: 10px;
1908
    line-height: 20px;
1909
}
1910
 
1911
.comment>a {
1912
    display: inline-block;
1913
    color: #b2b2b2;
1914
    font-size: 14px;
1915
    font-weight: 600;
1916
}
1917
 
1918
.comment>a.active,
1919
.comment>a:hover {
1920
    color: #e44d3a;
1921
}
1922
 
1923
.comment>a i {
1924
    font-weight: 600;
1925
    margin-right: 6px;
1926
}
1927
 
1928
/* =============== post-comment ============= */
1929
 
1930
.post-comment {
1931
    float: left;
1932
    width: 100%;
1933
}
1934
 
1935
.cm_img {
1936
    float: left;
1937
    width: 40px;
1938
    margin-right: 10px;
1939
}
1940
 
1941
.comment_box {
1942
    float: none;
1943
}
1944
 
1945
.comment_box input {
1946
    width: 372px;
1947
    height: 40px;
1948
    border: 1px solid #e5e5e5;
1949
    background-color: #efefef;
1950
    padding-left: 10px;
1951
    color: #b2b2b2;
1952
    font-size: 14px;
1953
    font-weight: 600;
1954
    line-height: 40px;
1955
    resize: none;
1956
}
1957
 
2197 stevensc 1958
.chat-title {
1948 steven 1959
    font-size: 1.3rem;
1960
}
1961
 
1239 steven 1962
.comment_box form button {
1963
    float: right;
1964
    color: #fff;
1965
    background-color: #e44d3a;
1966
    height: 40px;
1967
    padding: 0 10px;
1968
    text-align: center;
1969
    font-size: 14px;
1970
    border: 0;
1971
    margin-left: 10px;
1972
    cursor: pointer;
1973
    font-weight: 600;
1974
}
1975
 
1976
/* ============== process-comm ============= */
1977
 
1978
.process-comm {
1979
    float: left;
1980
    width: 100%;
1981
    text-align: center;
1982
    padding-top: 40px;
1983
}
1984
 
1985
.process-comm img {
1986
    float: none;
1987
}
1988
 
1989
/* =============== right-sidebar ============= */
1990
 
1991
.right-sidebar {
1992
    float: left;
1993
    width: 100%;
1994
}
1995
 
1996
.widget {
1997
    float: left;
1998
    width: 100%;
1999
    background-color: #fff;
2000
    /* border-left: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; */
2001
    margin-bottom: 20px;
2002
    /* -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; */
2003
}
2004
 
2005
.widget-about {
2006
    text-align: center;
2007
}
2008
 
2009
.widget-about img {
2010
    float: none;
2011
    padding-top: 20px;
2012
}
2013
 
2014
.widget-about h3 {
2015
    color: #000000;
2016
    font-size: 20px;
2017
    font-weight: 600;
2018
    margin-bottom: 12px;
2019
}
2020
 
2021
.widget-about span {
2022
    color: #686868;
2023
    font-size: 14px;
2024
    margin-bottom: 30px;
2025
    float: left;
2026
    width: 100%;
2027
}
2028
 
2029
.sign_link {
2030
    float: left;
2031
    width: 100%;
2032
    /* border-top: 1px solid #e5e5e5; */
2033
    padding: 18px 0 0 0;
2034
}
2035
 
2036
.sign_link h3 {
2037
    color: #000000;
2038
    font-size: 18px;
2039
    font-weight: 600;
2040
    margin-bottom: 5px;
2041
    text-transform: uppercase;
2042
}
2043
 
2044
.sign_link h3 a {
2045
    color: #000;
2046
}
2047
 
2048
.sign_link>a {
2049
    display: inline-block;
2050
    color: #e44d3a;
2051
    font-size: 14px;
2052
    font-weight: 500;
2053
}
2054
 
2055
.sign_link>a:hover {
2056
    color: #e44d3a;
2057
}
2058
 
2059
/* ============== Widget Jobs ============ */
2060
 
2061
.jobs-list {
2062
    float: left;
2063
    width: 100%;
2064
    padding: 20px 20px;
2065
}
2066
 
2067
.job-info {
2068
    float: left;
2069
    width: 100%;
2070
    margin-bottom: 22px;
2071
}
2072
 
2073
.job-info:last-child {
2074
    margin-bottom: 0;
2075
}
2076
 
2077
.job-details {
2078
    float: left;
2079
    width: 165px;
2080
}
2081
 
2082
.job-details h3 {
2083
    color: #000000;
2084
    font-size: 14px;
2085
    font-weight: 600;
2086
    margin-bottom: 10px;
2087
}
2088
 
2089
.job-details p {
2090
    color: #686868;
2091
    font-size: 14px;
2092
    line-height: 20px;
2093
}
2094
 
2095
.hr-rate {
2096
    float: right;
2097
    width: 40px;
2098
}
2099
 
2100
.hr-rate span {
2101
    color: #000000;
2102
    font-size: 14px;
2103
    font-weight: 600;
2104
    float: right;
2105
}
2106
 
2107
/* ================ post-project-popup =============== */
2108
 
2109
.post-popup {
2110
    width: 570px;
2111
    margin: 0 auto;
2112
    position: fixed;
2113
    top: 50%;
2114
    left: 50%;
2115
    -webkit-transform: translateX(-50%) translateY(-50%) scale(0.65);
2116
    -moz-transform: translateX(-50%) translateY(-50%) scale(0.65);
2117
    -ms-transform: translateX(-50%) translateY(-50%) scale(0.65);
2118
    -o-transform: translateX(-50%) translateY(-50%) scale(0.65);
2119
    transform: translateX(-50%) translateY(-50%) scale(0.65);
2120
    opacity: 0;
2121
    visibility: hidden;
2122
    z-index: 0;
2123
}
2124
 
2125
.post-popup.active {
2126
    opacity: 1;
2127
    visibility: visible;
2128
    z-index: 999;
2129
    transform: scale(1) translateX(-50%) translateY(-50%);
2130
}
2131
 
2132
.post-project>a {
2133
    position: absolute;
2134
    top: -20px;
2135
    right: -20px;
2136
    color: #fff;
2137
    font-size: 22px;
2138
    cursor: pointer;
2139
}
2140
 
2141
.post-project>a:hover {
2142
    color: #fff;
2143
}
2144
 
2145
.post-project {
2146
    float: left;
2147
    width: 100%;
2148
    position: relative;
2149
}
2150
 
2151
.post-project h3 {
2152
    float: left;
2153
    width: 100%;
2154
    background-color: #e44d3a;
2155
    color: #fff;
2156
    text-align: center;
2157
    font-size: 18px;
2158
    font-weight: 500;
2159
    padding: 20px 0;
2160
}
2161
 
2162
.post-project-fields {
2163
    float: left;
2164
    width: 100%;
2165
    padding: 30px 20px;
2166
    background-color: #fff;
2167
}
2168
 
2169
.post-project-fields form {
2170
    float: left;
2171
    width: 100%;
2172
}
2173
 
2174
.post-project-fields form input {
2175
    padding: 0 15px;
2176
    height: 40px;
2177
}
2178
 
2179
.post-project-fields form textarea {
2180
    padding: 15px;
2181
    height: 130px;
2182
}
2183
 
2184
.post-project-fields form input,
2185
.post-project-fields form textarea,
2186
.post-project-fields form select {
2187
    width: 100%;
2188
    color: #b2b2b2;
2189
    font-size: 14px;
2190
    border: 1px solid #e5e5e5;
2191
    margin-bottom: 20px;
2192
    font-weight: 500;
2193
}
2194
 
2195
.post-project-fields form select {
2196
    height: 40px;
2197
    padding: 0 10px;
2198
}
2199
 
2200
.post-project-fields form ul {
2201
    float: left;
2202
    margin-top: 10px;
2203
    width: 100%;
2204
}
2205
 
2206
.post-project-fields form ul li {
2207
    display: inline-block;
2208
    margin-right: 15px;
2209
}
2210
 
2211
.post-project-fields form ul li button.active {
2212
    background-color: #e44d3a;
2213
    color: #fff;
2214
}
2215
 
2216
.post-project-fields form ul li button,
2217
.post-project-fields form ul li a {
2218
    color: #000000;
2219
    font-size: 16px;
2220
    border: 1px solid #e5e5e5;
2221
    padding: 10px 25px;
2222
    display: inline-block;
2223
    background-color: #fff;
2224
    font-weight: 600;
2225
    cursor: pointer;
2226
}
2227
 
2228
.post-project-fields form ul li button:hover,
2229
.post-project-fields form ul li a:hover {
2230
    background-color: #e44d3a;
2231
    color: #fff;
2232
}
2233
 
2234
::-webkit-input-placeholder {
2235
    /* Chrome/Opera/Safari */
2236
    color: #b2b2b2;
2237
}
2238
 
2239
::-moz-placeholder {
2240
    /* Firefox 19+ */
2241
    color: #b2b2b2;
2242
}
2243
 
2244
:-ms-input-placeholder {
2245
    /* IE 10+ */
2246
    color: #b2b2b2;
2247
}
2248
 
2249
:-moz-placeholder {
2250
    /* Firefox 18- */
2251
    color: #b2b2b2;
2252
}
2253
 
2254
.price-sec {
2255
    float: left;
2256
    width: 100%;
2257
}
2258
 
2259
.price-br {
2260
    float: left;
2261
    width: 225px !important;
2262
    position: relative;
2263
}
2264
 
2265
.price-br>i {
2266
    position: absolute;
2267
    top: 0;
2268
    right: 0;
2269
    color: #b2b2b2;
2270
    font-size: 18px;
2271
    width: 40px;
2272
    height: 40px;
2273
    line-height: 40px;
2274
    border-left: 1px solid #e5e5e5;
2275
    text-align: center;
2276
}
2277
 
2278
.price-sec span {
2279
    color: #b2b2b2;
2280
    font-size: 14px;
2281
    float: left;
2282
    padding: 12px 17px 0 17px;
2283
}
2284
 
2285
select {
2286
    -webkit-appearance: none;
2287
    -moz-appearance: none;
2288
}
2289
 
2290
.inp-field {
2291
    float: left;
2292
    width: 100%;
2293
    position: relative;
2294
}
2295
 
2296
.inp-field:before {
2297
    content: "\f107";
2298
    position: absolute;
2299
    top: 13px;
2300
    right: 15px;
2301
    color: #717171;
2302
    font-family: fontawesome;
2303
}
2304
 
2305
.post-popup.job_post .price-br {
2306
    width: 100% !important;
2307
}
2308
 
2309
/* ================= sign-in ================ */
2310
 
2311
.sign-in {
2312
    background-color: #e75348;
2313
}
2314
 
2315
.sign-in-page {
2316
    float: left;
2317
    width: 100%;
2318
    padding: 100px 0 20px 0;
2319
}
2320
 
2321
.signin-popup {
2322
    width: 870px;
2323
    margin: 0 auto;
2324
    position: relative;
2325
}
2326
 
2327
.signin-popup:before {
2328
    content: "";
2329
    position: absolute;
2330
    top: -16px;
2331
    left: 56px;
2332
    width: 30px;
2333
    height: 30px;
2334
    background-color: #fff;
2335
    -webkit-border-radius: 100px;
2336
    -moz-border-radius: 100px;
2337
    -ms-border-radius: 100px;
2338
    -o-border-radius: 100px;
2339
    border-radius: 100px;
2340
}
2341
 
2342
.signin-popup:after {
2343
    content: "";
2344
    position: absolute;
2345
    top: -37px;
2346
    left: 43px;
2347
    width: 20px;
2348
    height: 20px;
2349
    background-color: #fff;
2350
    -webkit-border-radius: 100px;
2351
    -moz-border-radius: 100px;
2352
    -ms-border-radius: 100px;
2353
    -o-border-radius: 100px;
2354
    border-radius: 100px;
2355
}
2356
 
2357
.signin-pop {
2358
    float: left;
2359
    width: 100%;
2360
    background-color: #fff;
2361
    position: relative;
2362
}
2363
 
2364
.signin-pop:before {
2365
    content: "";
2366
    position: absolute;
2367
    top: 0;
2368
    left: 50%;
2369
    -webkit-transform: translateX(-50%);
2370
    -moz-transform: translateX(-50%);
2371
    -ms-transform: translateX(-50%);
2372
    -o-transform: translateX(-50%);
2373
    transform: translateX(-50%);
2374
    height: 100%;
2375
    width: 1px;
2376
    background-color: #f0f0f0;
2377
}
2378
 
2379
.dff-tab {
2380
    display: none;
2381
}
2382
 
2383
.dff-tab.current {
2384
    display: block;
2385
}
2386
 
2387
.cmp-info {
2388
    float: left;
2389
    width: 100%;
2390
    padding: 70px 5px 92px 5px;
2391
}
2392
 
2393
.cm-logo {
2394
    float: left;
2395
    width: 100%;
2396
    padding-left: 45px;
2397
    margin-bottom: 120px;
2398
}
2399
 
2400
.cm-logo img {
2401
    margin-bottom: 30px;
2402
}
2403
 
2404
.cm-logo>p {
2405
    color: #666666;
2406
    font-size: 14px;
2407
    font-weight: 400;
2408
    line-height: 24px;
2409
    float: left;
2410
    width: 100%;
2411
}
2412
 
2413
.cmp-info>img {
2414
    width: 100%;
2415
    padding-left: 10px;
2416
}
2417
 
2418
/* =============== login-sec ============= */
2419
 
2420
.login-sec {
2421
    float: left;
2422
    width: 100%;
2423
    padding: 30px 0;
2424
    position: relative;
2425
}
2426
 
2427
.login-sec:before {
2428
    content: "";
2429
    position: absolute;
2430
    bottom: -15px;
2431
    right: 70px;
2432
    width: 30px;
2433
    height: 30px;
2434
    -webkit-border-radius: 100px;
2435
    -moz-border-radius: 100px;
2436
    -ms-border-radius: 100px;
2437
    -o-border-radius: 100px;
2438
    border-radius: 100px;
2439
    background-color: #fff;
2440
}
2441
 
2442
.login-sec:after {
2443
    content: "";
2444
    position: absolute;
2445
    bottom: -40px;
2446
    right: 55px;
2447
    width: 20px;
2448
    height: 20px;
2449
    -webkit-border-radius: 100px;
2450
    -moz-border-radius: 100px;
2451
    -ms-border-radius: 100px;
2452
    -o-border-radius: 100px;
2453
    border-radius: 100px;
2454
    background-color: #fff;
2455
}
2456
 
2457
.sign-control {
2458
    float: left;
2459
    width: 100%;
2460
    text-align: right;
2461
    padding-right: 50px;
2462
    margin-bottom: 70px;
2463
}
2464
 
2465
.sign-control li {
2466
    display: inline-block;
2467
    margin-right: 0.5rem;
2468
}
2469
 
2470
.sign-control li a {
2471
    color: #000000;
2472
    font-size: 14px;
2473
    font-weight: 500;
2474
    background-color: #e5e5e5;
2475
    padding: 7px 10px;
2476
    display: inline-block;
2477
    /* -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; */
2478
}
2479
 
2480
.sign-control li:last-child a {
2481
    /* -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; */
2482
}
2483
 
2484
.sign-control li.current a {
2485
    background-color: #e44d3a;
2486
    color: #fff;
2487
}
2488
 
2489
.sign_in_sec {
2490
    float: left;
2491
    width: 100%;
2492
    padding-right: 75px;
2493
    padding-left: 60px;
2494
    display: none;
2495
}
2496
 
2497
.sign_in_sec.current {
2498
    display: block;
2499
}
2500
 
2501
.sign_in_sec h3 {
2502
    color: #000000;
2503
    font-size: 18px;
2504
    font-weight: 600;
2505
    position: relative;
2506
    padding-bottom: 10px;
2507
    margin-bottom: 30px;
2508
}
2509
 
2510
.sign_in_sec h3:before {
2511
    content: "";
2512
    position: absolute;
2513
    bottom: 0;
2514
    left: 0;
2515
    width: 30px;
2516
    height: 2px;
2517
    background-color: #e44d3a;
2518
}
2519
 
2520
/* ============= sign_in_sec ============= */
2521
 
2522
.sign_in_sec form {
2523
    float: left;
2524
    width: 100%;
2525
}
2526
 
2527
.inputContainer {
2528
    margin-bottom: 20px;
2529
}
2530
 
2531
.sn-field {
2532
    /* float: left; */
2533
    width: 100%;
2534
    position: relative;
2535
}
2536
 
2537
.sn-field.pd-more {
2538
    margin-bottom: 0;
2539
}
2540
 
2541
.sn-field.pd-more input {
2542
    padding-left: 40px;
2543
}
2544
 
2545
.sn-field>i {
2546
    position: absolute;
2547
    top: 50%;
2548
    left: 15px;
2549
    color: #666666;
2550
    font-size: 16px;
2551
    -webkit-transform: translateY(-50%);
2552
    -moz-transform: translateY(-50%);
2553
    -ms-transform: translateY(-50%);
2554
    -o-transform: translateY(-50%);
2555
    transform: translateY(-50%);
2556
}
2557
 
2558
.sn-field>span {
2559
    position: absolute;
2560
    top: 50%;
2561
    right: 15px;
2562
    font-weight: 700;
2563
    color: #666666;
2564
    font-size: 15px;
2565
    -webkit-transform: translateY(-50%);
2566
    -moz-transform: translateY(-50%);
2567
    -ms-transform: translateY(-50%);
2568
    -o-transform: translateY(-50%);
2569
    transform: translateY(-50%);
2570
}
2571
 
2572
.sign_in_sec form input {
2573
    height: 40px;
2574
}
2575
 
2576
.sign_in_sec form input,
2577
.sign_in_sec form select {
2578
    width: 100%;
2579
    padding: 0 15px 0 40px;
2580
    color: #b2b2b2;
2581
    font-size: 14px;
2582
    border: 1px solid #e5e5e5;
2583
}
2584
 
2585
.sign_in_sec form select {
2586
    line-height: 40px;
2587
    height: 40px;
2588
}
2589
 
2590
.sign_in_sec form button {
2591
    color: #ffffff;
2592
    font-size: 16px;
2593
    background-color: #e44d3a;
2594
    padding: 12px 27px;
2595
    border: 0;
2596
    font-weight: 500;
2597
    margin-top: 30px;
2598
    cursor: pointer;
2599
}
2600
 
2601
.sign_in_sec_button {
2602
    color: #ffffff;
2603
    font-size: 16px;
2604
    background-color: #66a7dd;
2605
    padding: 12px 27px;
2606
    border: 0;
2607
    font-weight: 500;
2608
    margin-top: 30px;
2609
    cursor: pointer;
2610
}
2611
 
2612
.checky-sec {
2613
    /* float: left; */
2614
    width: 100%;
2615
    margin-top: 10px;
2616
}
2617
 
2618
.checky-sec.st2 small {
2619
    font-size: 13px;
2620
    width: 90%;
2621
    line-height: 20px;
2622
}
2623
 
2624
.checky-sec.st2 .fgt-sec input[type="checkbox"]+label span {
2625
    margin-top: 3px;
2626
}
2627
 
2628
.fgt-sec {
2629
    /* float: left; */
2630
}
2631
 
2632
.fgt-sec * {
2633
    cursor: pointer;
2634
}
2635
 
2636
.fgt-sec input[type="checkbox"] {
2637
    display: none;
2638
}
2639
 
2640
.fgt-sec label {
2641
    float: left;
2642
}
2643
 
2644
.fgt-sec input[type="checkbox"]+label span {
2645
    display: inline-block;
2646
    width: 15px;
2647
    height: 15px;
2648
    position: relative;
2649
    border: 1px solid #d2d2d2;
2650
    -webkit-border-radius: 100px;
2651
    -moz-border-radius: 100px;
2652
    -ms-border-radius: 100px;
2653
    -o-border-radius: 100px;
2654
    border-radius: 100px;
2655
}
2656
 
2657
.fgt-sec input[type="checkbox"]+label span:before {
2658
    content: "";
2659
    width: 7px;
2660
    height: 7px;
2661
    -webkit-border-radius: 100px;
2662
    -moz-border-radius: 100px;
2663
    -ms-border-radius: 100px;
2664
    -o-border-radius: 100px;
2665
    border-radius: 100px;
2666
    font-size: 8px;
2667
    color: #ffffff;
2668
    opacity: 0;
2669
    visibility: hidden;
2670
    background-color: #e44d3a;
2671
    position: absolute;
2672
    font-family: fontawesome;
2673
    top: 50%;
2674
    left: 50%;
2675
    -webkit-transform: translateX(-50%) translateY(-50%);
2676
    -moz-transform: translateX(-50%) translateY(-50%);
2677
    -ms-transform: translateX(-50%) translateY(-50%);
2678
    -o-transform: translateX(-50%) translateY(-50%);
2679
    transform: translateX(-50%) translateY(-50%);
2680
}
2681
 
2682
.fgt-sec input[type="checkbox"]:checked+label span:before {
2683
    opacity: 1;
2684
    visibility: visible;
2685
}
2686
 
2687
.fgt-sec small {
2688
    /* float: left; */
2689
    color: #000000;
2690
    font-size: 14px;
2691
    font-weight: 500;
2692
    padding-left: 10px;
2693
}
2694
 
2695
.checky-sec>a {
2696
    float: right;
2697
    color: #000000;
2698
    font-size: 14px;
2699
    font-weight: 500;
2700
}
2701
 
2702
/* ======= Radio Button Styles ======= */
2703
 
2704
.fgt-sec input[type="radio"] {
2705
    display: none;
2706
}
2707
 
2708
.fgt-sec label {
2709
    float: left;
2710
}
2711
 
2712
.fgt-sec input[type="radio"]+label span {
2713
    display: inline-block;
2714
    width: 15px;
2715
    height: 15px;
2716
    position: relative;
2717
    border: 1px solid #d2d2d2;
2718
    -webkit-border-radius: 100px;
2719
    -moz-border-radius: 100px;
2720
    -ms-border-radius: 100px;
2721
    -o-border-radius: 100px;
2722
    border-radius: 100px;
2723
}
2724
 
2725
.fgt-sec input[type="radio"]+label span:before {
2726
    content: "";
2727
    width: 7px;
2728
    height: 7px;
2729
    -webkit-border-radius: 100px;
2730
    -moz-border-radius: 100px;
2731
    -ms-border-radius: 100px;
2732
    -o-border-radius: 100px;
2733
    border-radius: 100px;
2734
    font-size: 8px;
2735
    color: #ffffff;
2736
    opacity: 0;
2737
    visibility: hidden;
2738
    background-color: #e44d3a;
2739
    position: absolute;
2740
    font-family: fontawesome;
2741
    top: 49%;
2742
    left: 49%;
2743
    -webkit-transform: translateX(-50%) translateY(-50%);
2744
    -moz-transform: translateX(-50%) translateY(-50%);
2745
    -ms-transform: translateX(-50%) translateY(-50%);
2746
    -o-transform: translateX(-50%) translateY(-50%);
2747
    transform: translateX(-50%) translateY(-50%);
2748
}
2749
 
2750
.fgt-sec input[type="radio"]:checked+label span:before {
2751
    opacity: 1;
2752
    visibility: visible;
2753
}
2754
 
2755
/* =============== signup-tab ============== */
2756
 
2757
.signup-tab {
2758
    float: left;
2759
    width: 100%;
2760
    border: 1px solid #e5e5e5;
2761
    text-align: center;
2762
    padding: 15px 0;
2763
    margin-bottom: 20px;
2764
    position: relative;
2765
    margin-top: -30px;
2766
}
2767
 
2768
.signup-tab>i {
2769
    position: absolute;
2770
    top: 15px;
2771
    left: 13px;
2772
    color: #000;
2773
    font-size: 14px;
2774
}
2775
 
2776
.signup-tab h2 {
2777
    color: #000000;
2778
    font-size: 14px;
2779
    font-weight: 500;
2780
    margin-bottom: 15px;
2781
}
2782
 
2783
.signup-tab ul {
2784
    float: left;
2785
    width: 100%;
2786
}
2787
 
2788
.signup-tab ul li {
2789
    display: inline-block;
2790
    margin-right: -4px;
2791
}
2792
 
2793
.signup-tab ul li a {
2794
    color: #000000;
2795
    font-size: 14px;
2796
    font-weight: 500;
2797
    background-color: #e5e5e5;
2798
    padding: 10px 15px;
2799
    -webkit-border-radius: 3px 0px 0px 3px;
2800
    -moz-border-radius: 3px 0px 0px 3px;
2801
    -ms-border-radius: 3px 0px 0px 3px;
2802
    -o-border-radius: 3px 0px 0px 3px;
2803
    border-radius: 3px 0px 0px 3px;
2804
    display: inline-block;
2805
}
2806
 
2807
.signup-tab ul li.current a {
2808
    background-color: #e44d3a;
2809
    color: #fff;
2810
}
2811
 
2812
.signup-tab ul li:last-child a {
2813
    -webkit-border-radius: 0px 3px 3px 0px;
2814
    -moz-border-radius: 0px 3px 3px 0px;
2815
    -ms-border-radius: 0px 3px 3px 0px;
2816
    -o-border-radius: 0px 3px 3px 0px;
2817
    border-radius: 0px 3px 3px 0px;
2818
}
2819
 
2820
/* ============ login-resources ============= */
2821
 
2822
.login-resources {
2823
    float: left;
2824
    width: 100%;
2825
    text-align: center;
2826
    margin-top: 27px;
2827
}
2828
 
2829
.login-resources h4 {
2830
    color: #000000;
2831
    font-size: 14px;
2832
    font-weight: 600;
2833
    margin-bottom: 30px;
2834
    text-transform: uppercase;
2835
}
2836
 
2837
.login-resources ul {
2838
    float: left;
2839
    width: 100%;
2840
}
2841
 
2842
.login-resources ul li {
2843
    float: left;
2844
    width: 100%;
2845
    margin-bottom: 20px;
2846
}
2847
 
2848
.login-resources ul li a {
2849
    color: #ffffff;
2850
    font-size: 15px;
2851
    font-weight: 500;
2852
    float: left;
2853
    width: 100%;
2854
    padding: 10px 0;
2855
}
2856
 
2857
.login-resources ul li a i {
2858
    margin-right: 15px;
2859
}
2860
 
2861
.fb {
2862
    background-color: #3b5998;
2863
}
2864
 
2865
.tw {
2866
    background-color: #4099ff;
2867
}
2868
 
2869
.tw .fa-twitter {
2870
    color: #fff;
2871
}
2872
 
2873
/* =============== footy-sec ============= */
2874
 
2875
.footy-sec {
2876
    float: left;
2877
    width: 100%;
2878
    margin-top: 70px;
2879
}
2880
 
2881
.footy-sec ul {
2882
    float: left;
2883
    margin-top: 5px;
2884
}
2885
 
2886
.footy-sec ul li {
2887
    display: inline-block;
2888
    padding: 0 10px;
2889
    border-right: 1px solid #ffffff;
2890
}
2891
 
2892
.footy-sec ul li:last-child {
2893
    border-right: none;
2894
}
2895
 
2896
.footy-sec ul li a {
2897
    display: inline-block;
2898
    color: #3b5998;
2899
    font-size: 14px;
2900
    font-weight: 500;
2901
}
2902
 
2903
.footy-sec p img {
2904
    padding-right: 5px;
2905
    float: auto;
2906
    position: relative;
2907
    top: 6px;
2908
}
2909
 
2910
.footy-sec p {
2911
    float: right;
2912
    color: #ffffff;
2913
    font-size: 14px;
2914
    font-weight: 500;
2915
}
2916
 
2917
footer {
2918
    float: left;
2919
    width: 100%;
2920
    background-color: #fff;
2921
}
2922
 
2923
.footy-sec.mn ul {
2924
    padding: 30px 0;
2925
}
2926
 
2927
.footy-sec.mn ul li a {
2928
    color: #b2b2b2;
2929
}
2930
 
2931
.footy-sec.mn ul li a:hover {
2932
    color: #e44d3a;
2933
}
2934
 
2935
.footy-sec.mn ul li {
2936
    border-color: #b2b2b2;
2937
}
2938
 
2939
.footy-sec.mn p {
2940
    color: #b2b2b2;
2941
    margin-top: 30px;
2942
}
2943
 
2944
.fl-rgt {
2945
    float: right;
2946
    margin-top: 34px;
2947
    padding-right: 30px;
2948
}
2949
 
2950
/* ================== USER PROFILE =================== */
2951
 
2952
.cover-sec img {
2953
    width: 100%;
2954
}
2955
 
2956
.cover-sec>a {
2957
    display: inline-block;
2958
    color: #e44d3a;
2959
    font-size: 16px;
2960
    background-color: #fff;
2961
    border: 1px solid #e44d3a;
2962
    position: absolute;
2963
    top: 30px;
2964
    right: 0;
2965
    padding: 10px 15px;
2966
    font-weight: 600;
2967
    margin-right: 15px;
2968
}
2969
 
2970
.cover-sec>a i {
2971
    padding-right: 5px;
2972
}
2973
 
2974
/* ============= user_profile ============= */
2975
 
2976
.user_profile {
2977
    float: left;
2978
    width: 100%;
2979
    background-color: #fff;
2980
    margin-bottom: 20px;
2981
    text-align: center;
2982
    margin-top: -40px;
2983
}
2984
 
2985
.user-pro-img {
2986
    float: left;
2987
    width: 100%;
2988
    text-align: center;
2989
    margin-bottom: 28px;
2990
    position: relative;
2991
}
2992
 
2993
.user-pro-img .add-dp {
2994
    position: absolute;
2995
    top: 10px;
2996
    left: 60%;
2997
}
2998
 
2999
.add-dp i {
3000
    bottom: 0;
3001
    font-size: 14px;
3002
    box-shadow: none;
3003
    position: relative;
3004
    border-radius: 50px;
3005
    width: 40px;
3006
    height: 40px;
3007
    text-align: center;
3008
    background: #e44d3a;
3009
    padding: 12px;
3010
    color: #ffff;
3011
    left: 0;
3012
    top: -5px;
3013
}
3014
 
3015
.add-dp i:hover {
3016
    font-size: 14px;
3017
    border: 2px solid #fff;
3018
    background: #e44d3a;
3019
    padding: 11px;
3020
}
3021
 
3022
.add-dp {
3023
    margin: -16px;
3024
    padding: 0;
3025
}
3026
 
3027
.add-dp input[type="file"] {
3028
    opacity: 0;
3029
    padding: 10px 0px 9px;
3030
    display: none;
3031
}
3032
 
3033
.user-pro-img img {
3034
    -webkit-border-radius: 100px;
3035
    -moz-border-radius: 100px;
3036
    -ms-border-radius: 100px;
3037
    -o-border-radius: 100px;
3038
    border-radius: 100px;
3039
    float: none;
3040
    border: 5px solid #fff;
3041
}
3042
 
3043
.user_pro_status {
3044
    float: left;
3045
    width: 100%;
3046
    border-bottom: 1px solid #e5e5e5;
3047
    padding-bottom: 27px;
3048
}
3049
 
3050
.flw-hr {
3051
    float: left;
3052
    width: 100%;
3053
    margin-bottom: 30px;
3054
}
3055
 
3056
.flw-hr li {
3057
    display: inline-block;
3058
    margin-right: 17px;
3059
}
3060
 
3061
.flw-hr li:last-child {
3062
    margin-right: 0;
3063
}
3064
 
3065
.flw-hr li a {
3066
    display: inline-block;
3067
    color: #ffffff;
3068
    font-size: 16px;
3069
    font-weight: 600;
3070
    padding: 11px 15px;
3071
}
3072
 
3073
.flw-hr li a i {
3074
    padding-right: 5px;
3075
}
3076
 
3077
.flww {
3078
    background-color: #53d690;
3079
}
3080
 
3081
.hre {
3082
    background-color: #51a5fb;
3083
}
3084
 
3085
/* =============== flw-status ============ */
3086
 
3087
.flw-status {
3088
    float: left;
3089
    width: 100%;
3090
}
3091
 
3092
.flw-status li {
3093
    display: inline-block;
3094
    margin-right: 50px;
3095
}
3096
 
3097
.flw-status li:last-child {
3098
    margin-right: 0;
3099
}
3100
 
3101
.flw-status li span {
3102
    color: #686868;
3103
    font-size: 20px;
3104
    font-weight: 500;
3105
    margin-bottom: 15px;
3106
    display: block;
3107
}
3108
 
3109
.flw-status li b {
3110
    color: #000000;
3111
    font-size: 20px;
3112
    font-weight: 600;
3113
}
3114
 
3115
/* ================== social_links ============= */
3116
 
3117
.social_links {
3118
    float: left;
3119
    width: 100%;
3120
    text-align: left;
3121
}
3122
 
3123
.social_links li {
3124
    float: left;
3125
    width: 100%;
3126
    padding: 15px 15px;
3127
    border-bottom: 1px solid #e5e5e5;
3128
}
3129
 
3130
.social_links li a {
3131
    float: left;
3132
    width: 100%;
3133
    color: #51a5fb;
3134
    font-size: 14px;
3135
    font-weight: 400;
3136
    text-overflow: ellipsis;
3137
    white-space: nowrap;
3138
    overflow: hidden;
3139
}
3140
 
3141
.modal-md {
3142
    max-width: 55vw;
3143
}
3144
 
3145
@media(min-width: 721px) {
3146
    .group-view-tab {
3147
        margin-left: 3.5rem;
3148
    }
2197 stevensc 3149
 
1239 steven 3150
    .group-view-tab span {
3151
        text-overflow: ellipsis;
3152
        white-space: nowrap;
3153
        overflow: hidden;
3154
    }
3155
}
3156
 
3157
@media(max-width: 720px) {
3158
    .group-view-tab {
3159
        margin-left: 3.5rem;
3160
    }
3161
}
3162
 
3163
.text-decoration-underline {
3164
    text-decoration: underline !important;
3165
}
3166
 
3167
.ellipsis {
3168
    text-overflow: ellipsis;
3169
    white-space: nowrap;
3170
    overflow: hidden;
3171
}
3172
 
3173
.social_links li a i {
3174
    padding-right: 5px;
3175
    font-size: 20px;
3176
    position: relative;
3177
    top: 3px;
3178
}
3179
 
3180
.la-globe {
3181
    color: #51a5fb;
3182
}
3183
 
3184
/* ================= user-tab-sec ============== */
3185
 
3186
.user-tab-sec {
3187
    float: left;
3188
    width: 100%;
3189
    padding-top: 4px;
3190
}
3191
 
3192
.user-tab-sec h3 {
3193
    color: #000000;
3194
    font-size: 24px;
3195
    font-weight: 600;
3196
    text-transform: capitalize;
3197
    margin-bottom: 15px;
3198
}
3199
 
3200
.star-descp {
3201
    float: left;
3202
    width: 100%;
3203
    margin-bottom: 10px;
3204
}
3205
 
3206
.star-descp ul li {
3207
    margin-right: 5px !important;
3208
}
3209
 
3210
.star-descp>a {
3211
    float: left;
3212
    color: #51a5fb;
3213
    font-size: 18px;
3214
    font-weight: 600;
3215
    margin-left: 20px;
3216
    text-decoration: underline;
3217
}
3218
 
3219
.star-descp>a:hover {
3220
    color: #51a5fb;
3221
}
3222
 
3223
.star-descp span {
3224
    float: left;
3225
    color: #686868;
3226
    font-size: 18px;
3227
    font-weight: 600;
3228
    margin-right: 20px;
3229
}
3230
 
3231
.star-descp>ul {
3232
    float: left;
3233
}
3234
 
3235
.star-descp ul li {
3236
    display: inline-block;
3237
}
3238
 
3239
.star-descp ul li i {
3240
    color: #b7ce1f;
3241
    font-size: 16px;
3242
}
3243
 
3244
.tab-feed {
3245
    float: left;
3246
    width: 100%;
3247
    margin-bottom: 45px;
3248
    margin-top: 20px;
3249
}
3250
 
3251
.tab-feed ul {
3252
    float: left;
3253
    width: 100%;
3254
}
3255
 
3256
.tab-feed ul li {
3257
    display: inline-block;
3258
    margin-right: 35px;
3259
    text-align: center;
3260
}
3261
 
3262
.savetext ul {
3263
    border-bottom: none !important;
3264
}
3265
 
3266
.tab-feed.st2 ul li {
3267
    margin-right: 17px;
3268
}
3269
 
3270
.tab-feed ul li:last-child {
3271
    margin-right: 0;
3272
}
3273
 
3274
.tab-feed ul li.active img {
3275
    filter: grayscale(0);
3276
}
3277
 
3278
.tab-feed ul li.active span {
3279
    color: #e44d3a;
3280
}
3281
 
3282
.tab-feed ul li img {
3283
    float: none;
3284
    margin-bottom: 5px;
3285
    filter: grayscale(100%);
3286
}
3287
 
3288
.tab-feed ul li span {
3289
    display: block;
3290
    color: #b2b2b2;
3291
    font-weight: 400;
3292
    font-size: 16px;
3293
}
3294
 
3295
.tab-feed ul li:last-child {
3296
    margin-right: 0;
3297
}
3298
 
3299
/* ================ message-btn ============= */
3300
 
3301
.message-btn {
3302
    /* float: right; margin-top: 20px; margin-bottom: 30px; */
3303
}
3304
 
3305
.message-btn a {
3306
    display: inline-block;
3307
    color: #ffffff;
3308
    font-size: 16px;
3309
    background-color: #e44d3a;
3310
    padding: 12px;
3311
    font-weight: 500;
3312
}
3313
 
3314
.message-btn a:hover {
3315
    color: #fff;
3316
}
3317
 
3318
.message-btn a i {
3319
    padding-right: 5px;
3320
}
3321
 
3322
/* ============== widget-portfolio ============== */
3323
 
3324
.wd-heady {
3325
    float: left;
3326
    width: 100%;
3327
    padding: 20px 20px;
3328
    border-bottom: 1px solid #e5e5e5;
3329
}
3330
 
3331
.wd-heady h3 {
3332
    color: #000000;
3333
    font-size: 18px;
3334
    font-weight: 600;
3335
    float: left;
3336
}
3337
 
3338
.wd-heady img {
3339
    float: right;
3340
}
3341
 
3342
.pf-gallery {
3343
    float: left;
3344
    width: 100%;
3345
    padding: 15px 15px;
3346
}
3347
 
3348
.pf-gallery ul {
3349
    float: left;
3350
    width: 100%;
3351
}
3352
 
3353
.pf-gallery ul li {
3354
    float: left;
3355
    width: 33.33%;
3356
    padding: 5px;
3357
    overflow: hidden;
3358
}
3359
 
3360
.pf-gallery ul li:hover {
3361
    -webkit-transform: scale(1.2);
3362
    -moz-transform: scale(1.2);
3363
    -ms-transform: scale(1.2);
3364
    -o-transform: scale(1.2);
3365
    transform: scale(1.2);
3366
}
3367
 
3368
.pf-gallery img {
3369
    width: 100%;
3370
}
3371
 
3372
.product-feed-tab {
3373
    float: left;
3374
    width: 100%;
3375
    display: none;
3376
}
3377
 
3378
.product-feed-tab.current {
3379
    display: block;
3380
}
3381
 
3382
/* =============== user-profile-ov ================ */
3383
 
3384
.user-profile-ov {
3385
    float: left;
3386
    width: 100%;
3387
    background-color: #fff;
3388
    padding: 30px 20px;
3389
    border-left: 1px solid #e4e4e4;
3390
    border-bottom: 1px solid #e4e4e4;
3391
    border-right: 1px solid #e4e4e4;
3392
    margin-bottom: 20px;
3393
}
3394
 
3395
.user-profile-ov h3 {
3396
    color: #000000;
3397
    font-size: 18px;
3398
    font-weight: 600;
3399
    margin-bottom: 20px;
3400
}
3401
 
3402
.user-profile-ov h3 a {
3403
    color: #000000;
3404
}
3405
 
3406
.user-profile-ov i {
3407
    color: #000000;
3408
    font-size: 13px;
3409
    padding-left: 5px;
3410
}
3411
 
3412
.user-profile-ov h4 {
3413
    font-size: 16px;
3414
    color: #000;
3415
    font-weight: 600;
3416
    margin-bottom: 10px;
3417
}
3418
 
3419
.user-profile-ov p {
3420
    color: #686868;
3421
    font-size: 14px;
3422
    line-height: 24px;
3423
}
3424
 
3425
.user-profile-ov.st2 p {
3426
    margin-bottom: 23px;
3427
}
3428
 
3429
.no-margin {
3430
    margin: 0 !important;
3431
}
3432
 
3433
.user-profile-ov>span {
3434
    color: #686868;
3435
    font-size: 14px;
3436
    float: left;
3437
    width: 100%;
3438
    margin-bottom: 8px;
3439
    margin-top: 3px;
3440
}
3441
 
3442
.user-profile-ov ul {
3443
    float: left;
3444
    width: 100%;
3445
}
3446
 
3447
.user-profile-ov ul li {
3448
    display: inline-block;
3449
    margin-bottom: 10px;
3450
    padding: 0 2px;
3451
}
3452
 
3453
.user-profile-ov ul li a {
3454
    display: inline-block;
3455
    color: #b2b2b2;
3456
    font-size: 14px;
3457
    font-weight: 600;
3458
    background-color: #e5e5e5;
3459
    -webkit-border-radius: 30px;
3460
    -moz-border-radius: 30px;
3461
    -ms-border-radius: 30px;
3462
    -o-border-radius: 30px;
3463
    border-radius: 30px;
3464
    padding: 10px 15px;
3465
}
3466
 
3467
/* ==================== portfolio-gallery-sec ==================== */
3468
 
3469
.portfolio-gallery-sec {
3470
    float: left;
3471
    width: 100%;
3472
    background-color: #fff;
3473
    padding: 30px 20px;
3474
    border-left: 1px solid #e4e4e4;
3475
    border-right: 1px solid #e4e4e4;
3476
    border-bottom: 1px solid #e4e4e4;
3477
}
3478
 
3479
.portfolio-gallery-sec h3 {
3480
    font-weight: 600;
3481
    font-size: 18px;
3482
    margin-bottom: 32px;
3483
    padding-left: 5px;
3484
    float: left;
3485
}
3486
 
3487
.portfolio-btn {
3488
    float: right;
3489
}
3490
 
3491
.portfolio-btn a {
3492
    display: inline-block;
3493
    color: #e44d3a;
3494
    font-size: 16px;
3495
    font-weight: 600;
3496
}
3497
 
3498
.portfolio-btn a i {
3499
    margin-right: 5px;
3500
}
3501
 
3502
.gallery_pf {
3503
    float: left;
3504
    width: 100%;
3505
    margin-bottom: -5px;
3506
}
3507
 
3508
.gallery_pf .col-lg-4 {
3509
    padding: 5px;
3510
}
3511
 
3512
.gallery_pt {
3513
    float: left;
3514
    width: 100%;
3515
    position: relative;
3516
    overflow: hidden;
3517
}
3518
 
3519
.gallery_pt:hover:before {
3520
    opacity: 1;
3521
    visibility: visible;
3522
    height: 100%;
3523
}
3524
 
3525
.gallery_pt:before {
3526
    content: "";
3527
    position: absolute;
3528
    top: 0;
3529
    left: 0;
3530
    width: 100%;
3531
    height: 0;
3532
    background-color: rgba(0, 0, 0, 0.6);
3533
    opacity: 0;
3534
    visibility: hidden;
3535
}
3536
 
3537
.gallery_pt img {
3538
    width: 100%;
3539
    height: 134px;
3540
    object-fit: cover;
3541
}
3542
 
3543
.row {
3544
    margin: 0;
3545
}
3546
 
3547
.gallery_pt>a {
3548
    position: absolute;
3549
    top: 100%;
3550
    left: 0;
3551
    float: left;
3552
    width: 100%;
3553
    text-align: center;
3554
    -webkit-transform: translateY(-50%);
3555
    -moz-transform: translateY(-50%);
3556
    -ms-transform: translateY(-50%);
3557
    -o-transform: translateY(-50%);
3558
    transform: translateY(-50%);
3559
    opacity: 0;
3560
    visibility: hidden;
3561
}
3562
 
3563
.gallery_pt:hover>a {
3564
    opacity: 1;
3565
    visibility: visible;
3566
    top: 50%;
3567
}
3568
 
3569
.gallery_pt>a img {
3570
    float: none;
3571
    width: auto;
3572
    height: auto;
3573
}
3574
 
3575
/* ============== overview-box ============= */
3576
 
3577
.overview-box {
3578
    width: 570px;
3579
    position: fixed;
3580
    top: 50%;
3581
    left: 50%;
3582
    -webkit-transform: translateX(-50%) translateY(-50%);
3583
    -moz-transform: translateX(-50%) translateY(-50%);
3584
    -ms-transform: translateX(-50%) translateY(-50%);
3585
    -o-transform: translateX(-50%) translateY(-50%);
3586
    transform: translateX(-50%) translateY(-50%);
3587
    opacity: 0;
3588
    visibility: hidden;
3589
    z-index: 0;
3590
}
3591
 
3592
.close-box {
3593
    position: absolute;
3594
    top: -20px;
3595
    right: -20px;
3596
    color: #fff;
3597
    font-size: 14px;
3598
    text-align: center;
3599
    width: 22px;
3600
    height: 22px;
3601
    line-height: 22px;
3602
    border: 1px solid #fff;
3603
    -webkit-border-radius: 100px;
3604
    -moz-border-radius: 100px;
3605
    -ms-border-radius: 100px;
3606
    -o-border-radius: 100px;
3607
    border-radius: 100px;
3608
    font-weight: 600;
3609
}
3610
 
3611
.close-box:hover {
3612
    color: #fff;
3613
}
3614
 
3615
.overview-box.open {
3616
    opacity: 1;
3617
    visibility: visible;
3618
    z-index: 99999;
3619
}
3620
 
3621
.overview-edit {
3622
    float: left;
3623
    width: 100%;
3624
    background-color: #fff;
3625
    padding: 30px 20px;
3626
}
3627
 
3628
.overview-edit h3 {
3629
    color: #000000;
3630
    font-size: 18px;
3631
    font-weight: 600;
3632
    float: left;
3633
    width: 100%;
3634
    margin-bottom: 25px;
3635
}
3636
 
3637
.overview-edit span {
3638
    color: #b2b2b2;
3639
    font-size: 12px;
3640
    float: right;
3641
    margin-bottom: 5px;
3642
}
3643
 
3644
.overview-edit form {
3645
    float: left;
3646
    width: 100%;
3647
}
3648
 
3649
.overview-edit form input {
3650
    height: 40px;
3651
    padding-left: 15px;
3652
    margin-bottom: 20px;
3653
}
3654
 
3655
.overview-edit form textarea,
3656
.overview-edit form input,
3657
.overview-edit form select {
3658
    width: 100%;
3659
    border: 1px solid #e5e5e5;
3660
    resize: none;
3661
    color: #b2b2b2;
3662
    font-size: 14px;
3663
}
3664
 
3665
.overview-edit form select {
3666
    line-height: 40px;
3667
    padding-left: 40px;
3668
    margin-bottom: 20px;
3669
}
3670
 
3671
.overview-edit form textarea {
3672
    height: 160px;
3673
    margin-bottom: 30px;
3674
    padding: 15px;
3675
}
3676
 
3677
.save {
3678
    background-color: #e44d3a;
3679
    color: #fff;
3680
    border-color: transparent;
3681
}
3682
 
3683
.save-add {
3684
    background-color: #fff;
3685
    padding: 13px 13px !important;
3686
}
3687
 
3688
.overview-edit button {
3689
    float: left;
3690
    border: 1px solid #e5e5e5;
3691
    font-weight: 600;
3692
    font-size: 16px;
3693
    padding: 13px 34px;
3694
    margin-right: 20px;
3695
    outline: none;
3696
    cursor: pointer;
3697
}
3698
 
3699
.cancel {
3700
    background-color: #fff;
3701
    color: #000;
3702
}
3703
 
3704
.datepicky {
3705
    float: left;
3706
    width: 100%;
3707
}
3708
 
3709
.no-left-pd {
3710
    padding: 0;
3711
}
3712
 
3713
.no-righ-pd {
3714
    padding-right: 0;
3715
}
3716
 
3717
.datefm {
3718
    float: left;
3719
    width: 100%;
3720
    position: relative;
3721
}
3722
 
3723
.datefm i {
3724
    position: absolute;
3725
    top: 11px;
3726
    right: 15px;
3727
    font-size: 18px;
3728
    color: #b2b2b2;
3729
}
3730
 
3731
#location-box .datefm i {
3732
    right: auto;
3733
    left: 15px;
3734
}
3735
 
3736
#location-box .datefm input {
3737
    padding-left: 40px;
3738
}
3739
 
3740
#skills-box ul {
3741
    float: left;
3742
    width: 100%;
3743
    margin-bottom: 20px;
3744
}
3745
 
3746
#skills-box ul li {
3747
    display: inline-block;
3748
    margin-right: 10px;
3749
    position: relative;
3750
}
3751
 
3752
.skl-name {
3753
    display: inline-block;
3754
    color: #b2b2b2;
3755
    font-size: 14px;
3756
    font-weight: 500;
3757
    background-color: #e5e5e5;
3758
    -webkit-border-radius: 30px;
3759
    -moz-border-radius: 30px;
3760
    -ms-border-radius: 30px;
3761
    -o-border-radius: 30px;
3762
    border-radius: 30px;
3763
    text-transform: uppercase;
3764
    padding: 10px 30px 10px 12px;
3765
    position: relative;
3766
}
3767
 
3768
.close-skl {
3769
    position: absolute;
3770
    top: 10px;
3771
    right: 10px;
3772
    color: #b2b2b2;
3773
    font-size: 14px;
3774
}
3775
 
3776
.file-submit {
3777
    border: 1px solid #e5e5e5;
3778
    position: relative;
3779
    padding: 0px;
3780
    height: 40px;
3781
    margin-bottom: 20px;
3782
    border-radius: 3px;
3783
}
3784
 
3785
.file-submit [type="file"] {
3786
    height: 40px;
3787
    overflow: hidden;
3788
    width: 100%;
3789
    float: left;
3790
    position: absolute;
3791
    padding: 10px 4px 0px 12px;
3792
    font-size: 14px;
3793
    opacity: 0;
3794
    display: none;
3795
}
3796
 
3797
.file-submit [type="file"]+label {
3798
    background: #e44d3a;
3799
    border: none;
3800
    float: left;
3801
    border-top-right-radius: 0px;
3802
    border-bottom-right-radius: 0px;
3803
    border-top-left-radius: 3px;
3804
    border-bottom-left-radius: 3px;
3805
    color: #fff;
3806
    cursor: pointer;
3807
    /* display: inline-block; */
3808
    font-size: 14px;
3809
    font-weight: 500;
3810
    outline: none;
3811
    padding: 12px 15px;
3812
    position: relative;
3813
    transition: all 0.3s;
3814
    vertical-align: middle;
3815
    margin: 0;
3816
}
3817
 
3818
.file-submit.nomg {
3819
    border: 0;
3820
    margin-bottom: 20px;
3821
}
3822
 
3823
.file-submit.nomg input {
3824
    margin-bottom: 0;
3825
    padding-top: 0;
3826
}
3827
 
3828
.daty {
3829
    float: left;
3830
    width: 100%;
3831
    position: relative;
3832
}
3833
 
3834
.daty>i {
3835
    position: absolute;
3836
    top: 10px;
3837
    right: 15px;
3838
    color: #b2b2b2;
3839
    font-size: 20px;
3840
}
3841
 
3842
a:hover {
3843
    color: initial;
3844
}
3845
 
3846
.pf-img {
3847
    float: left;
3848
    width: 100%;
3849
    background-color: #f2f2f2;
3850
    padding: 15px;
3851
    margin-bottom: 20px;
3852
}
3853
 
3854
/* ================= billing-method ============== */
3855
 
3856
.billing-method {
3857
    float: left;
3858
    width: 100%;
3859
    background-color: #fff;
3860
    border-left: 1px solid #e4e4e4;
3861
    border-right: 1px solid #e4e4e4;
3862
    border-bottom: 1px solid #e4e4e4;
3863
    margin-bottom: 20px;
3864
}
3865
 
3866
.billing-method ul {
3867
    float: left;
3868
    width: 100%;
3869
}
3870
 
3871
.billing-method ul li {
3872
    float: left;
3873
    width: 100%;
3874
    border-bottom: 1px solid #e5e5e5;
3875
    padding: 25px 20px;
3876
}
3877
 
3878
.billing-method ul li h3 {
3879
    color: #000000;
3880
    font-size: 18px;
3881
    font-weight: 600;
3882
    float: left;
3883
}
3884
 
3885
.billing-method ul li a,
3886
.billing-method ul li span {
3887
    float: right;
3888
    color: #000000;
3889
    font-size: 13px;
3890
    text-transform: capitalize;
3891
    font-weight: 600;
3892
    margin-top: 3px;
3893
}
3894
 
3895
.billing-method ul li i {
3896
    font-size: 13px;
3897
    color: #e44d3a;
3898
}
3899
 
3900
.lt-sec {
3901
    float: left;
3902
    width: 100%;
3903
    text-align: center;
3904
    padding: 30px 0;
3905
}
3906
 
3907
.lt-sec img {
3908
    float: none;
3909
    margin-bottom: 15px;
3910
}
3911
 
3912
.lt-sec h4 {
3913
    color: #686868;
3914
    font-size: 18px;
3915
    font-weight: 600;
3916
    margin-bottom: 25px;
3917
}
3918
 
3919
.lt-sec>a {
3920
    display: inline-block;
3921
    color: #ffffff;
3922
    font-size: 16px;
3923
    background-color: #e44d3a;
3924
    padding: 10px 25px;
3925
}
3926
 
3927
/* ============== add-billing-method ============== */
3928
 
3929
.add-billing-method {
3930
    float: left;
3931
    width: 100%;
3932
    background-color: #fff;
3933
    border-left: 1px solid #e4e4e4;
3934
    border-right: 1px solid #e4e4e4;
3935
    border-bottom: 1px solid #e4e4e4;
3936
}
3937
 
3938
.add-billing-method h3 {
3939
    color: #000000;
3940
    font-size: 18px;
3941
    font-weight: 600;
3942
    padding: 20px 20px;
3943
    border-bottom: 1px solid #e5e5e5;
3944
}
3945
 
3946
.add-billing-method>h4 {
3947
    color: #686868;
3948
    font-size: 13px;
3949
    font-weight: 500;
3950
    padding: 20px 20px;
3951
    border-bottom: 1px solid #e5e5e5;
3952
    float: left;
3953
    width: 100%;
3954
}
3955
 
3956
.add-billing-method img {
3957
    margin-right: 10px;
3958
}
3959
 
3960
.add-billing-method span {
3961
    margin-top: 4px;
3962
    float: left;
3963
}
3964
 
3965
/* ============= payment_methods ============ */
3966
 
3967
.payment_methods {
3968
    float: left;
3969
    width: 100%;
3970
}
3971
 
3972
.payment_methods>h4 {
3973
    color: #000000;
3974
    font-size: 16px;
3975
    font-weight: 600;
3976
    position: relative;
3977
    padding: 25px 20px 25px 45px;
3978
    float: left;
3979
    width: 100%;
3980
}
3981
 
3982
.rowwy {
3983
    float: left;
3984
    width: 100%;
3985
}
3986
 
3987
.pd-left-none {
3988
    padding-left: 0;
3989
}
3990
 
3991
.pd-right-none {
3992
    padding-right: 0;
3993
}
3994
 
3995
.payment_methods h4:before {
3996
    content: "";
3997
    position: absolute;
3998
    top: 50%;
3999
    -webkit-transform: translateY(-50%);
4000
    -moz-transform: translateY(-50%);
4001
    -ms-transform: translateY(-50%);
4002
    -o-transform: translateY(-50%);
4003
    transform: translateY(-50%);
4004
    left: 20px;
4005
    width: 15px;
4006
    height: 15px;
4007
    border: 1px solid #e6e6e6;
4008
    -webkit-border-radius: 100px;
4009
    -moz-border-radius: 100px;
4010
    -ms-border-radius: 100px;
4011
    -o-border-radius: 100px;
4012
    border-radius: 100px;
4013
}
4014
 
4015
.payment_methods h4:after {
4016
    content: "";
4017
    position: absolute;
4018
    top: 50%;
4019
    -webkit-transform: translateY(-50%);
4020
    -moz-transform: translateY(-50%);
4021
    -ms-transform: translateY(-50%);
4022
    -o-transform: translateY(-50%);
4023
    transform: translateY(-50%);
4024
    left: 24px;
4025
    width: 7px;
4026
    height: 7px;
4027
    background-color: #e44d3a;
4028
    -webkit-border-radius: 100px;
4029
    -moz-border-radius: 100px;
4030
    -ms-border-radius: 100px;
4031
    -o-border-radius: 100px;
4032
    border-radius: 100px;
4033
}
4034
 
4035
.payment_methods form {
4036
    float: left;
4037
    width: 100%;
4038
    padding-bottom: 30px;
4039
    border-bottom: 1px solid #e5e5e5;
4040
}
4041
 
4042
.payment_methods form button {
4043
    color: #ffffff;
4044
    font-size: 16px;
4045
    background-color: #e44d3a;
4046
    padding: 10px 15px;
4047
    border: 0;
4048
    cursor: pointer;
4049
}
4050
 
4051
.payment_methods form input {
4052
    width: 100%;
4053
    height: 40px;
4054
    border: 1px solid #e5e5e5;
4055
    padding: 0 12px;
4056
}
4057
 
4058
.cc-head {
4059
    float: left;
4060
    width: 100%;
4061
    margin-bottom: 10px;
4062
}
4063
 
4064
.cc-head h5 {
4065
    float: left;
4066
    color: #000000;
4067
    font-size: 16px;
4068
    font-weight: 600;
4069
    margin-top: 4px;
4070
}
4071
 
4072
.cc-head h5 i {
4073
    color: #b2b2b2;
4074
    font-size: 14px;
4075
}
4076
 
4077
.cc-head ul {
4078
    float: right;
4079
}
4080
 
4081
.cc-head ul li {
4082
    display: inline-block;
4083
}
4084
 
4085
.inpt-field {
4086
    float: left;
4087
    width: 100%;
4088
    position: relative;
4089
    margin-bottom: 20px;
4090
}
4091
 
4092
.no-pdd {
4093
    padding: 0;
4094
}
4095
 
4096
.inpt-field.pd-moree input {
4097
    padding-left: 40px !important;
4098
}
4099
 
4100
.inpt-field i {
4101
    color: #b2b2b2;
4102
    font-size: 18px;
4103
    position: absolute;
4104
    top: 50%;
4105
    left: 15px;
4106
    -webkit-transform: translateY(-50%);
4107
    -moz-transform: translateY(-50%);
4108
    -ms-transform: translateY(-50%);
4109
    -o-transform: translateY(-50%);
4110
    transform: translateY(-50%);
4111
}
4112
 
4113
/* ============== companies-info ============== */
4114
 
4115
.companies-info {
4116
    padding: 60px 0;
4117
}
4118
 
4119
.company-title {
4120
    float: left;
4121
    width: 100%;
4122
    margin-bottom: 20px;
4123
    padding: 0 1.9rem;
4124
}
4125
 
4126
.default-link {
4127
    color: #0860bf;
4128
}
4129
 
4130
.default-link:hover {
4131
    font-weight: bold;
4132
    color: #0860bf;
4133
    transition: all .5s;
4134
}
4135
 
4136
.company-title h3 {
4137
    color: #000000;
4138
    font-size: 20px;
4139
    font-weight: 600;
4140
    background-color: #fff;
4141
    padding: 10px 15px;
4142
}
4143
 
4144
.companies-list {
4145
    float: left;
4146
    width: 100%;
4147
    margin-bottom: -30px;
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
    float: left;
4260
    width: 100%;
1809 steven 4261
    padding: 2.1%;
1239 steven 4262
}
4263
 
4264
.search-box form {
4265
    float: left;
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 {
7877
    padding: 2%;
1821 steven 7878
    background: #F0F0F0;
1239 steven 7879
    border-radius: 6px;
7880
    font-weight: bold;
7881
}
7882
 
7883
main {
7884
    background-color: #fff !important;
7885
}
7886
 
7887
.row .sc-dkzDqf {
7888
    margin: 0 auto;
7889
}
7890
 
7891
.test-section .title,
7892
.test-section .description {
7893
    margin-bottom: 10px;
7894
}
7895
 
7896
.test-section .btn-danger {
7897
    margin-right: 10px;
7898
}
7899
 
7900
.test-section .panel-body {
7901
    padding: 20px 0px;
7902
}
7903
 
7904
.test-section .panel {
7905
    margin-top: 20px;
7906
    padding-bottom: 10px;
7907
}
7908
 
7909
.test-section .panel-title {
7910
    font-size: 16px;
7911
    font-weight: bold;
7912
    text-transform: uppercase;
7913
}
7914
 
7915
.test-section .np-padding {
7916
    padding: 0px;
7917
}
7918
 
7919
.test-section .checkbox {
7920
    display: flex;
7921
    margin: 20px 0px;
7922
}
7923
 
7924
.test-section .option {
7925
    margin-left: 10px;
7926
}
7927
 
7928
.checkbox input[type=checkbox],
7929
input[type=radio] {
7930
    margin-top: 5px !important;
7931
}
7932
 
7933
.test-section h6 {
7934
    margin-bottom: 10px;
7935
    color: #0860bf;
7936
}
7937
 
7938
.wizard {
7939
    display: flex;
7940
    margin-top: 10px;
7941
}
7942
 
7943
.wizard li {
7944
    width: 50%;
7945
    display: inline-block;
7946
}
7947
 
7948
.btn-secondary:disabled,
7949
.btn-primary:disabled {
7950
    cursor: no-drop;
7951
}
7952
 
7953
.test-section .btn-primary {
7954
    margin-left: 10px
7955
}
7956
 
7957
.previous {
7958
    text-align: left;
7959
}
7960
 
7961
.next {
7962
    text-align: right;
7963
}
7964
 
7965
.test-section .close {
7966
    border: none !important;
7967
    border-radius: 0px !important;
7968
}
7969
 
7970
.ratin-range {
7971
    display: block;
7972
}
7973
 
7974
.ratin-range li {
7975
    display: inline-block;
7976
    width: 6%;
7977
}
7978
 
7979
.ratin-range li .option {
7980
    margin-top: 2px !important;
7981
}
7982
 
7983
#react-self-evaluation .company-up-info ul {
7984
    width: 100%;
7985
    position: absolute;
7986
    float: left;
7987
    left: 0px;
7988
    bottom: 4vw;
7989
}
7990
 
7991
#react-self-evaluation .company-up-info {
7992
    padding: 30px 10px;
7993
    min-height: 20vw;
7994
    border: 1px solid #e5e5e5
7995
}
7996
 
7997
#react-self-evaluation .company-up-info h3 {
7998
    width: 90%;
7999
    margin: 5px auto;
8000
}
8001
 
8002
.mb10 {
597 geraldo 8003
    margin-bottom: 3vw;
598 geraldo 8004
}
1239 steven 8005
 
8006
.opt-h6 {
8007
    font-weight: 600 !important;
8008
    color: #000 !important;
597 geraldo 8009
}