Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

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