Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

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