Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 2367 | Rev 2372 | 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%;
2367 stevensc 817
    margin-top: 37px;
1239 steven 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
}
2989
 
2990
.user-pro-img {
2991
    float: left;
2992
    width: 100%;
2993
    text-align: center;
2994
    margin-bottom: 28px;
2995
    position: relative;
2996
}
2997
 
2998
.user-pro-img .add-dp {
2999
    position: absolute;
3000
    top: 10px;
3001
    left: 60%;
3002
}
3003
 
3004
.add-dp i {
3005
    bottom: 0;
3006
    font-size: 14px;
3007
    box-shadow: none;
3008
    position: relative;
3009
    border-radius: 50px;
3010
    width: 40px;
3011
    height: 40px;
3012
    text-align: center;
3013
    background: #e44d3a;
3014
    padding: 12px;
3015
    color: #ffff;
3016
    left: 0;
3017
    top: -5px;
3018
}
3019
 
3020
.add-dp i:hover {
3021
    font-size: 14px;
3022
    border: 2px solid #fff;
3023
    background: #e44d3a;
3024
    padding: 11px;
3025
}
3026
 
3027
.add-dp {
3028
    margin: -16px;
3029
    padding: 0;
3030
}
3031
 
3032
.add-dp input[type="file"] {
3033
    opacity: 0;
3034
    padding: 10px 0px 9px;
3035
    display: none;
3036
}
3037
 
3038
.user-pro-img img {
3039
    -webkit-border-radius: 100px;
3040
    -moz-border-radius: 100px;
3041
    -ms-border-radius: 100px;
3042
    -o-border-radius: 100px;
3043
    border-radius: 100px;
3044
    float: none;
3045
    border: 5px solid #fff;
3046
}
3047
 
3048
.user_pro_status {
3049
    float: left;
3050
    width: 100%;
3051
    border-bottom: 1px solid #e5e5e5;
3052
    padding-bottom: 27px;
3053
}
3054
 
3055
.flw-hr {
3056
    float: left;
3057
    width: 100%;
3058
    margin-bottom: 30px;
3059
}
3060
 
3061
.flw-hr li {
3062
    display: inline-block;
3063
    margin-right: 17px;
3064
}
3065
 
3066
.flw-hr li:last-child {
3067
    margin-right: 0;
3068
}
3069
 
3070
.flw-hr li a {
3071
    display: inline-block;
3072
    color: #ffffff;
3073
    font-size: 16px;
3074
    font-weight: 600;
3075
    padding: 11px 15px;
3076
}
3077
 
3078
.flw-hr li a i {
3079
    padding-right: 5px;
3080
}
3081
 
3082
.flww {
3083
    background-color: #53d690;
3084
}
3085
 
3086
.hre {
3087
    background-color: #51a5fb;
3088
}
3089
 
3090
/* =============== flw-status ============ */
3091
 
3092
.flw-status {
3093
    float: left;
3094
    width: 100%;
3095
}
3096
 
3097
.flw-status li {
3098
    display: inline-block;
3099
    margin-right: 50px;
3100
}
3101
 
3102
.flw-status li:last-child {
3103
    margin-right: 0;
3104
}
3105
 
3106
.flw-status li span {
3107
    color: #686868;
3108
    font-size: 20px;
3109
    font-weight: 500;
3110
    margin-bottom: 15px;
3111
    display: block;
3112
}
3113
 
3114
.flw-status li b {
3115
    color: #000000;
3116
    font-size: 20px;
3117
    font-weight: 600;
3118
}
3119
 
3120
/* ================== social_links ============= */
3121
 
3122
.social_links {
3123
    float: left;
3124
    width: 100%;
3125
    text-align: left;
3126
}
3127
 
3128
.social_links li {
3129
    float: left;
3130
    width: 100%;
3131
    padding: 15px 15px;
3132
    border-bottom: 1px solid #e5e5e5;
3133
}
3134
 
3135
.social_links li a {
3136
    float: left;
3137
    width: 100%;
3138
    color: #51a5fb;
3139
    font-size: 14px;
3140
    font-weight: 400;
3141
    text-overflow: ellipsis;
3142
    white-space: nowrap;
3143
    overflow: hidden;
3144
}
3145
 
3146
.modal-md {
3147
    max-width: 55vw;
3148
}
3149
 
3150
@media(min-width: 721px) {
3151
    .group-view-tab {
3152
        margin-left: 3.5rem;
3153
    }
2197 stevensc 3154
 
1239 steven 3155
    .group-view-tab span {
3156
        text-overflow: ellipsis;
3157
        white-space: nowrap;
3158
        overflow: hidden;
3159
    }
3160
}
3161
 
3162
@media(max-width: 720px) {
3163
    .group-view-tab {
3164
        margin-left: 3.5rem;
3165
    }
3166
}
3167
 
3168
.text-decoration-underline {
3169
    text-decoration: underline !important;
3170
}
3171
 
3172
.ellipsis {
3173
    text-overflow: ellipsis;
3174
    white-space: nowrap;
3175
    overflow: hidden;
3176
}
3177
 
3178
.social_links li a i {
3179
    padding-right: 5px;
3180
    font-size: 20px;
3181
    position: relative;
3182
    top: 3px;
3183
}
3184
 
3185
.la-globe {
3186
    color: #51a5fb;
3187
}
3188
 
3189
/* ================= user-tab-sec ============== */
3190
 
3191
.user-tab-sec {
3192
    float: left;
3193
    width: 100%;
3194
    padding-top: 4px;
3195
}
3196
 
3197
.user-tab-sec h3 {
3198
    color: #000000;
3199
    font-size: 24px;
3200
    font-weight: 600;
3201
    text-transform: capitalize;
3202
    margin-bottom: 15px;
3203
}
3204
 
3205
.star-descp {
3206
    float: left;
3207
    width: 100%;
3208
    margin-bottom: 10px;
3209
}
3210
 
3211
.star-descp ul li {
3212
    margin-right: 5px !important;
3213
}
3214
 
3215
.star-descp>a {
3216
    float: left;
3217
    color: #51a5fb;
3218
    font-size: 18px;
3219
    font-weight: 600;
3220
    margin-left: 20px;
3221
    text-decoration: underline;
3222
}
3223
 
3224
.star-descp>a:hover {
3225
    color: #51a5fb;
3226
}
3227
 
3228
.star-descp span {
3229
    float: left;
3230
    color: #686868;
3231
    font-size: 18px;
3232
    font-weight: 600;
3233
    margin-right: 20px;
3234
}
3235
 
3236
.star-descp>ul {
3237
    float: left;
3238
}
3239
 
3240
.star-descp ul li {
3241
    display: inline-block;
3242
}
3243
 
3244
.star-descp ul li i {
3245
    color: #b7ce1f;
3246
    font-size: 16px;
3247
}
3248
 
3249
.tab-feed {
3250
    float: left;
3251
    width: 100%;
3252
    margin-bottom: 45px;
3253
    margin-top: 20px;
3254
}
3255
 
3256
.tab-feed ul {
3257
    float: left;
3258
    width: 100%;
3259
}
3260
 
3261
.tab-feed ul li {
3262
    display: inline-block;
3263
    margin-right: 35px;
3264
    text-align: center;
3265
}
3266
 
3267
.savetext ul {
3268
    border-bottom: none !important;
3269
}
3270
 
3271
.tab-feed.st2 ul li {
3272
    margin-right: 17px;
3273
}
3274
 
3275
.tab-feed ul li:last-child {
3276
    margin-right: 0;
3277
}
3278
 
3279
.tab-feed ul li.active img {
3280
    filter: grayscale(0);
3281
}
3282
 
3283
.tab-feed ul li.active span {
3284
    color: #e44d3a;
3285
}
3286
 
3287
.tab-feed ul li img {
3288
    float: none;
3289
    margin-bottom: 5px;
3290
    filter: grayscale(100%);
3291
}
3292
 
3293
.tab-feed ul li span {
3294
    display: block;
3295
    color: #b2b2b2;
3296
    font-weight: 400;
3297
    font-size: 16px;
3298
}
3299
 
3300
.tab-feed ul li:last-child {
3301
    margin-right: 0;
3302
}
3303
 
3304
/* ================ message-btn ============= */
3305
 
3306
.message-btn {
3307
    /* float: right; margin-top: 20px; margin-bottom: 30px; */
3308
}
3309
 
3310
.message-btn a {
3311
    display: inline-block;
3312
    color: #ffffff;
3313
    font-size: 16px;
3314
    background-color: #e44d3a;
3315
    padding: 12px;
3316
    font-weight: 500;
3317
}
3318
 
3319
.message-btn a:hover {
3320
    color: #fff;
3321
}
3322
 
3323
.message-btn a i {
3324
    padding-right: 5px;
3325
}
3326
 
3327
/* ============== widget-portfolio ============== */
3328
 
3329
.wd-heady {
3330
    float: left;
3331
    width: 100%;
3332
    padding: 20px 20px;
3333
    border-bottom: 1px solid #e5e5e5;
3334
}
3335
 
3336
.wd-heady h3 {
3337
    color: #000000;
3338
    font-size: 18px;
3339
    font-weight: 600;
3340
    float: left;
3341
}
3342
 
3343
.wd-heady img {
3344
    float: right;
3345
}
3346
 
3347
.pf-gallery {
3348
    float: left;
3349
    width: 100%;
3350
    padding: 15px 15px;
3351
}
3352
 
3353
.pf-gallery ul {
3354
    float: left;
3355
    width: 100%;
3356
}
3357
 
3358
.pf-gallery ul li {
3359
    float: left;
3360
    width: 33.33%;
3361
    padding: 5px;
3362
    overflow: hidden;
3363
}
3364
 
3365
.pf-gallery ul li:hover {
3366
    -webkit-transform: scale(1.2);
3367
    -moz-transform: scale(1.2);
3368
    -ms-transform: scale(1.2);
3369
    -o-transform: scale(1.2);
3370
    transform: scale(1.2);
3371
}
3372
 
3373
.pf-gallery img {
3374
    width: 100%;
3375
}
3376
 
3377
.product-feed-tab {
3378
    float: left;
3379
    width: 100%;
3380
    display: none;
3381
}
3382
 
3383
.product-feed-tab.current {
3384
    display: block;
3385
}
3386
 
3387
/* =============== user-profile-ov ================ */
3388
 
3389
.user-profile-ov {
3390
    float: left;
3391
    width: 100%;
3392
    background-color: #fff;
3393
    padding: 30px 20px;
3394
    border-left: 1px solid #e4e4e4;
3395
    border-bottom: 1px solid #e4e4e4;
3396
    border-right: 1px solid #e4e4e4;
3397
    margin-bottom: 20px;
3398
}
3399
 
3400
.user-profile-ov h3 {
3401
    color: #000000;
3402
    font-size: 18px;
3403
    font-weight: 600;
3404
    margin-bottom: 20px;
3405
}
3406
 
3407
.user-profile-ov h3 a {
3408
    color: #000000;
3409
}
3410
 
3411
.user-profile-ov i {
3412
    color: #000000;
3413
    font-size: 13px;
3414
    padding-left: 5px;
3415
}
3416
 
3417
.user-profile-ov h4 {
3418
    font-size: 16px;
3419
    color: #000;
3420
    font-weight: 600;
3421
    margin-bottom: 10px;
3422
}
3423
 
3424
.user-profile-ov p {
3425
    color: #686868;
3426
    font-size: 14px;
3427
    line-height: 24px;
3428
}
3429
 
3430
.user-profile-ov.st2 p {
3431
    margin-bottom: 23px;
3432
}
3433
 
3434
.no-margin {
3435
    margin: 0 !important;
3436
}
3437
 
3438
.user-profile-ov>span {
3439
    color: #686868;
3440
    font-size: 14px;
3441
    float: left;
3442
    width: 100%;
3443
    margin-bottom: 8px;
3444
    margin-top: 3px;
3445
}
3446
 
3447
.user-profile-ov ul {
3448
    float: left;
3449
    width: 100%;
3450
}
3451
 
3452
.user-profile-ov ul li {
3453
    display: inline-block;
3454
    margin-bottom: 10px;
3455
    padding: 0 2px;
3456
}
3457
 
3458
.user-profile-ov ul li a {
3459
    display: inline-block;
3460
    color: #b2b2b2;
3461
    font-size: 14px;
3462
    font-weight: 600;
3463
    background-color: #e5e5e5;
3464
    -webkit-border-radius: 30px;
3465
    -moz-border-radius: 30px;
3466
    -ms-border-radius: 30px;
3467
    -o-border-radius: 30px;
3468
    border-radius: 30px;
3469
    padding: 10px 15px;
3470
}
3471
 
3472
/* ==================== portfolio-gallery-sec ==================== */
3473
 
3474
.portfolio-gallery-sec {
3475
    float: left;
3476
    width: 100%;
3477
    background-color: #fff;
3478
    padding: 30px 20px;
3479
    border-left: 1px solid #e4e4e4;
3480
    border-right: 1px solid #e4e4e4;
3481
    border-bottom: 1px solid #e4e4e4;
3482
}
3483
 
3484
.portfolio-gallery-sec h3 {
3485
    font-weight: 600;
3486
    font-size: 18px;
3487
    margin-bottom: 32px;
3488
    padding-left: 5px;
3489
    float: left;
3490
}
3491
 
3492
.portfolio-btn {
3493
    float: right;
3494
}
3495
 
3496
.portfolio-btn a {
3497
    display: inline-block;
3498
    color: #e44d3a;
3499
    font-size: 16px;
3500
    font-weight: 600;
3501
}
3502
 
3503
.portfolio-btn a i {
3504
    margin-right: 5px;
3505
}
3506
 
3507
.gallery_pf {
3508
    float: left;
3509
    width: 100%;
3510
    margin-bottom: -5px;
3511
}
3512
 
3513
.gallery_pf .col-lg-4 {
3514
    padding: 5px;
3515
}
3516
 
3517
.gallery_pt {
3518
    float: left;
3519
    width: 100%;
3520
    position: relative;
3521
    overflow: hidden;
3522
}
3523
 
3524
.gallery_pt:hover:before {
3525
    opacity: 1;
3526
    visibility: visible;
3527
    height: 100%;
3528
}
3529
 
3530
.gallery_pt:before {
3531
    content: "";
3532
    position: absolute;
3533
    top: 0;
3534
    left: 0;
3535
    width: 100%;
3536
    height: 0;
3537
    background-color: rgba(0, 0, 0, 0.6);
3538
    opacity: 0;
3539
    visibility: hidden;
3540
}
3541
 
3542
.gallery_pt img {
3543
    width: 100%;
3544
    height: 134px;
3545
    object-fit: cover;
3546
}
3547
 
3548
.row {
3549
    margin: 0;
3550
}
3551
 
3552
.gallery_pt>a {
3553
    position: absolute;
3554
    top: 100%;
3555
    left: 0;
3556
    float: left;
3557
    width: 100%;
3558
    text-align: center;
3559
    -webkit-transform: translateY(-50%);
3560
    -moz-transform: translateY(-50%);
3561
    -ms-transform: translateY(-50%);
3562
    -o-transform: translateY(-50%);
3563
    transform: translateY(-50%);
3564
    opacity: 0;
3565
    visibility: hidden;
3566
}
3567
 
3568
.gallery_pt:hover>a {
3569
    opacity: 1;
3570
    visibility: visible;
3571
    top: 50%;
3572
}
3573
 
3574
.gallery_pt>a img {
3575
    float: none;
3576
    width: auto;
3577
    height: auto;
3578
}
3579
 
3580
/* ============== overview-box ============= */
3581
 
3582
.overview-box {
3583
    width: 570px;
3584
    position: fixed;
3585
    top: 50%;
3586
    left: 50%;
3587
    -webkit-transform: translateX(-50%) translateY(-50%);
3588
    -moz-transform: translateX(-50%) translateY(-50%);
3589
    -ms-transform: translateX(-50%) translateY(-50%);
3590
    -o-transform: translateX(-50%) translateY(-50%);
3591
    transform: translateX(-50%) translateY(-50%);
3592
    opacity: 0;
3593
    visibility: hidden;
3594
    z-index: 0;
3595
}
3596
 
3597
.close-box {
3598
    position: absolute;
3599
    top: -20px;
3600
    right: -20px;
3601
    color: #fff;
3602
    font-size: 14px;
3603
    text-align: center;
3604
    width: 22px;
3605
    height: 22px;
3606
    line-height: 22px;
3607
    border: 1px solid #fff;
3608
    -webkit-border-radius: 100px;
3609
    -moz-border-radius: 100px;
3610
    -ms-border-radius: 100px;
3611
    -o-border-radius: 100px;
3612
    border-radius: 100px;
3613
    font-weight: 600;
3614
}
3615
 
3616
.close-box:hover {
3617
    color: #fff;
3618
}
3619
 
3620
.overview-box.open {
3621
    opacity: 1;
3622
    visibility: visible;
3623
    z-index: 99999;
3624
}
3625
 
3626
.overview-edit {
3627
    float: left;
3628
    width: 100%;
3629
    background-color: #fff;
3630
    padding: 30px 20px;
3631
}
3632
 
3633
.overview-edit h3 {
3634
    color: #000000;
3635
    font-size: 18px;
3636
    font-weight: 600;
3637
    float: left;
3638
    width: 100%;
3639
    margin-bottom: 25px;
3640
}
3641
 
3642
.overview-edit span {
3643
    color: #b2b2b2;
3644
    font-size: 12px;
3645
    float: right;
3646
    margin-bottom: 5px;
3647
}
3648
 
3649
.overview-edit form {
3650
    float: left;
3651
    width: 100%;
3652
}
3653
 
3654
.overview-edit form input {
3655
    height: 40px;
3656
    padding-left: 15px;
3657
    margin-bottom: 20px;
3658
}
3659
 
3660
.overview-edit form textarea,
3661
.overview-edit form input,
3662
.overview-edit form select {
3663
    width: 100%;
3664
    border: 1px solid #e5e5e5;
3665
    resize: none;
3666
    color: #b2b2b2;
3667
    font-size: 14px;
3668
}
3669
 
3670
.overview-edit form select {
3671
    line-height: 40px;
3672
    padding-left: 40px;
3673
    margin-bottom: 20px;
3674
}
3675
 
3676
.overview-edit form textarea {
3677
    height: 160px;
3678
    margin-bottom: 30px;
3679
    padding: 15px;
3680
}
3681
 
3682
.save {
3683
    background-color: #e44d3a;
3684
    color: #fff;
3685
    border-color: transparent;
3686
}
3687
 
3688
.save-add {
3689
    background-color: #fff;
3690
    padding: 13px 13px !important;
3691
}
3692
 
3693
.overview-edit button {
3694
    float: left;
3695
    border: 1px solid #e5e5e5;
3696
    font-weight: 600;
3697
    font-size: 16px;
3698
    padding: 13px 34px;
3699
    margin-right: 20px;
3700
    outline: none;
3701
    cursor: pointer;
3702
}
3703
 
3704
.cancel {
3705
    background-color: #fff;
3706
    color: #000;
3707
}
3708
 
3709
.datepicky {
3710
    float: left;
3711
    width: 100%;
3712
}
3713
 
3714
.no-left-pd {
3715
    padding: 0;
3716
}
3717
 
3718
.no-righ-pd {
3719
    padding-right: 0;
3720
}
3721
 
3722
.datefm {
3723
    float: left;
3724
    width: 100%;
3725
    position: relative;
3726
}
3727
 
3728
.datefm i {
3729
    position: absolute;
3730
    top: 11px;
3731
    right: 15px;
3732
    font-size: 18px;
3733
    color: #b2b2b2;
3734
}
3735
 
3736
#location-box .datefm i {
3737
    right: auto;
3738
    left: 15px;
3739
}
3740
 
3741
#location-box .datefm input {
3742
    padding-left: 40px;
3743
}
3744
 
3745
#skills-box ul {
3746
    float: left;
3747
    width: 100%;
3748
    margin-bottom: 20px;
3749
}
3750
 
3751
#skills-box ul li {
3752
    display: inline-block;
3753
    margin-right: 10px;
3754
    position: relative;
3755
}
3756
 
3757
.skl-name {
3758
    display: inline-block;
3759
    color: #b2b2b2;
3760
    font-size: 14px;
3761
    font-weight: 500;
3762
    background-color: #e5e5e5;
3763
    -webkit-border-radius: 30px;
3764
    -moz-border-radius: 30px;
3765
    -ms-border-radius: 30px;
3766
    -o-border-radius: 30px;
3767
    border-radius: 30px;
3768
    text-transform: uppercase;
3769
    padding: 10px 30px 10px 12px;
3770
    position: relative;
3771
}
3772
 
3773
.close-skl {
3774
    position: absolute;
3775
    top: 10px;
3776
    right: 10px;
3777
    color: #b2b2b2;
3778
    font-size: 14px;
3779
}
3780
 
3781
.file-submit {
3782
    border: 1px solid #e5e5e5;
3783
    position: relative;
3784
    padding: 0px;
3785
    height: 40px;
3786
    margin-bottom: 20px;
3787
    border-radius: 3px;
3788
}
3789
 
3790
.file-submit [type="file"] {
3791
    height: 40px;
3792
    overflow: hidden;
3793
    width: 100%;
3794
    float: left;
3795
    position: absolute;
3796
    padding: 10px 4px 0px 12px;
3797
    font-size: 14px;
3798
    opacity: 0;
3799
    display: none;
3800
}
3801
 
3802
.file-submit [type="file"]+label {
3803
    background: #e44d3a;
3804
    border: none;
3805
    float: left;
3806
    border-top-right-radius: 0px;
3807
    border-bottom-right-radius: 0px;
3808
    border-top-left-radius: 3px;
3809
    border-bottom-left-radius: 3px;
3810
    color: #fff;
3811
    cursor: pointer;
3812
    /* display: inline-block; */
3813
    font-size: 14px;
3814
    font-weight: 500;
3815
    outline: none;
3816
    padding: 12px 15px;
3817
    position: relative;
3818
    transition: all 0.3s;
3819
    vertical-align: middle;
3820
    margin: 0;
3821
}
3822
 
3823
.file-submit.nomg {
3824
    border: 0;
3825
    margin-bottom: 20px;
3826
}
3827
 
3828
.file-submit.nomg input {
3829
    margin-bottom: 0;
3830
    padding-top: 0;
3831
}
3832
 
3833
.daty {
3834
    float: left;
3835
    width: 100%;
3836
    position: relative;
3837
}
3838
 
3839
.daty>i {
3840
    position: absolute;
3841
    top: 10px;
3842
    right: 15px;
3843
    color: #b2b2b2;
3844
    font-size: 20px;
3845
}
3846
 
3847
a:hover {
3848
    color: initial;
3849
}
3850
 
3851
.pf-img {
3852
    float: left;
3853
    width: 100%;
3854
    background-color: #f2f2f2;
3855
    padding: 15px;
3856
    margin-bottom: 20px;
3857
}
3858
 
3859
/* ================= billing-method ============== */
3860
 
3861
.billing-method {
3862
    float: left;
3863
    width: 100%;
3864
    background-color: #fff;
3865
    border-left: 1px solid #e4e4e4;
3866
    border-right: 1px solid #e4e4e4;
3867
    border-bottom: 1px solid #e4e4e4;
3868
    margin-bottom: 20px;
3869
}
3870
 
3871
.billing-method ul {
3872
    float: left;
3873
    width: 100%;
3874
}
3875
 
3876
.billing-method ul li {
3877
    float: left;
3878
    width: 100%;
3879
    border-bottom: 1px solid #e5e5e5;
3880
    padding: 25px 20px;
3881
}
3882
 
3883
.billing-method ul li h3 {
3884
    color: #000000;
3885
    font-size: 18px;
3886
    font-weight: 600;
3887
    float: left;
3888
}
3889
 
3890
.billing-method ul li a,
3891
.billing-method ul li span {
3892
    float: right;
3893
    color: #000000;
3894
    font-size: 13px;
3895
    text-transform: capitalize;
3896
    font-weight: 600;
3897
    margin-top: 3px;
3898
}
3899
 
3900
.billing-method ul li i {
3901
    font-size: 13px;
3902
    color: #e44d3a;
3903
}
3904
 
3905
.lt-sec {
3906
    float: left;
3907
    width: 100%;
3908
    text-align: center;
3909
    padding: 30px 0;
3910
}
3911
 
3912
.lt-sec img {
3913
    float: none;
3914
    margin-bottom: 15px;
3915
}
3916
 
3917
.lt-sec h4 {
3918
    color: #686868;
3919
    font-size: 18px;
3920
    font-weight: 600;
3921
    margin-bottom: 25px;
3922
}
3923
 
3924
.lt-sec>a {
3925
    display: inline-block;
3926
    color: #ffffff;
3927
    font-size: 16px;
3928
    background-color: #e44d3a;
3929
    padding: 10px 25px;
3930
}
3931
 
3932
/* ============== add-billing-method ============== */
3933
 
3934
.add-billing-method {
3935
    float: left;
3936
    width: 100%;
3937
    background-color: #fff;
3938
    border-left: 1px solid #e4e4e4;
3939
    border-right: 1px solid #e4e4e4;
3940
    border-bottom: 1px solid #e4e4e4;
3941
}
3942
 
3943
.add-billing-method h3 {
3944
    color: #000000;
3945
    font-size: 18px;
3946
    font-weight: 600;
3947
    padding: 20px 20px;
3948
    border-bottom: 1px solid #e5e5e5;
3949
}
3950
 
3951
.add-billing-method>h4 {
3952
    color: #686868;
3953
    font-size: 13px;
3954
    font-weight: 500;
3955
    padding: 20px 20px;
3956
    border-bottom: 1px solid #e5e5e5;
3957
    float: left;
3958
    width: 100%;
3959
}
3960
 
3961
.add-billing-method img {
3962
    margin-right: 10px;
3963
}
3964
 
3965
.add-billing-method span {
3966
    margin-top: 4px;
3967
    float: left;
3968
}
3969
 
3970
/* ============= payment_methods ============ */
3971
 
3972
.payment_methods {
3973
    float: left;
3974
    width: 100%;
3975
}
3976
 
3977
.payment_methods>h4 {
3978
    color: #000000;
3979
    font-size: 16px;
3980
    font-weight: 600;
3981
    position: relative;
3982
    padding: 25px 20px 25px 45px;
3983
    float: left;
3984
    width: 100%;
3985
}
3986
 
3987
.rowwy {
3988
    float: left;
3989
    width: 100%;
3990
}
3991
 
3992
.pd-left-none {
3993
    padding-left: 0;
3994
}
3995
 
3996
.pd-right-none {
3997
    padding-right: 0;
3998
}
3999
 
4000
.payment_methods h4:before {
4001
    content: "";
4002
    position: absolute;
4003
    top: 50%;
4004
    -webkit-transform: translateY(-50%);
4005
    -moz-transform: translateY(-50%);
4006
    -ms-transform: translateY(-50%);
4007
    -o-transform: translateY(-50%);
4008
    transform: translateY(-50%);
4009
    left: 20px;
4010
    width: 15px;
4011
    height: 15px;
4012
    border: 1px solid #e6e6e6;
4013
    -webkit-border-radius: 100px;
4014
    -moz-border-radius: 100px;
4015
    -ms-border-radius: 100px;
4016
    -o-border-radius: 100px;
4017
    border-radius: 100px;
4018
}
4019
 
4020
.payment_methods h4:after {
4021
    content: "";
4022
    position: absolute;
4023
    top: 50%;
4024
    -webkit-transform: translateY(-50%);
4025
    -moz-transform: translateY(-50%);
4026
    -ms-transform: translateY(-50%);
4027
    -o-transform: translateY(-50%);
4028
    transform: translateY(-50%);
4029
    left: 24px;
4030
    width: 7px;
4031
    height: 7px;
4032
    background-color: #e44d3a;
4033
    -webkit-border-radius: 100px;
4034
    -moz-border-radius: 100px;
4035
    -ms-border-radius: 100px;
4036
    -o-border-radius: 100px;
4037
    border-radius: 100px;
4038
}
4039
 
4040
.payment_methods form {
4041
    float: left;
4042
    width: 100%;
4043
    padding-bottom: 30px;
4044
    border-bottom: 1px solid #e5e5e5;
4045
}
4046
 
4047
.payment_methods form button {
4048
    color: #ffffff;
4049
    font-size: 16px;
4050
    background-color: #e44d3a;
4051
    padding: 10px 15px;
4052
    border: 0;
4053
    cursor: pointer;
4054
}
4055
 
4056
.payment_methods form input {
4057
    width: 100%;
4058
    height: 40px;
4059
    border: 1px solid #e5e5e5;
4060
    padding: 0 12px;
4061
}
4062
 
4063
.cc-head {
4064
    float: left;
4065
    width: 100%;
4066
    margin-bottom: 10px;
4067
}
4068
 
4069
.cc-head h5 {
4070
    float: left;
4071
    color: #000000;
4072
    font-size: 16px;
4073
    font-weight: 600;
4074
    margin-top: 4px;
4075
}
4076
 
4077
.cc-head h5 i {
4078
    color: #b2b2b2;
4079
    font-size: 14px;
4080
}
4081
 
4082
.cc-head ul {
4083
    float: right;
4084
}
4085
 
4086
.cc-head ul li {
4087
    display: inline-block;
4088
}
4089
 
4090
.inpt-field {
4091
    float: left;
4092
    width: 100%;
4093
    position: relative;
4094
    margin-bottom: 20px;
4095
}
4096
 
4097
.no-pdd {
4098
    padding: 0;
4099
}
4100
 
4101
.inpt-field.pd-moree input {
4102
    padding-left: 40px !important;
4103
}
4104
 
4105
.inpt-field i {
4106
    color: #b2b2b2;
4107
    font-size: 18px;
4108
    position: absolute;
4109
    top: 50%;
4110
    left: 15px;
4111
    -webkit-transform: translateY(-50%);
4112
    -moz-transform: translateY(-50%);
4113
    -ms-transform: translateY(-50%);
4114
    -o-transform: translateY(-50%);
4115
    transform: translateY(-50%);
4116
}
4117
 
4118
/* ============== companies-info ============== */
4119
 
4120
.companies-info {
4121
    padding: 60px 0;
4122
}
4123
 
4124
.company-title {
4125
    width: 100%;
4126
    margin-bottom: 20px;
4127
}
4128
 
4129
.default-link {
4130
    color: #0860bf;
4131
}
4132
 
4133
.default-link:hover {
4134
    font-weight: bold;
4135
    color: #0860bf;
4136
    transition: all .5s;
4137
}
4138
 
4139
.company-title h3 {
4140
    color: #000000;
4141
    font-size: 20px;
4142
    font-weight: 600;
4143
    background-color: #fff;
4144
    padding: 10px 15px;
4145
}
4146
 
4147
.companies-list {
4148
    width: 100%;
2294 stevensc 4149
    display: grid;
2296 stevensc 4150
    gap: 20px;
4151
    grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
2294 stevensc 4152
    position: relative;
1239 steven 4153
}
4154
 
4155
.companies-list .slick-list {
4156
    max-height: 47vh;
4157
}
4158
 
4159
.slick-prev:before,
4160
.slick-next:before {
4161
    color: #000 !important;
4162
}
4163
 
4164
.company_profile_info {
4165
    /* float: left; */
4166
    width: 100%;
4167
    background-color: #fff;
4168
    text-align: center;
4169
    border-left: 1px solid #e4e4e4;
4170
    border-right: 1px solid #e4e4e4;
4171
    border-bottom: 1px solid #e4e4e4;
4172
    margin-bottom: 30px;
4173
}
4174
 
4175
.company-up-info {
4176
    /* float: left; */
4177
    width: 100%;
4178
    padding: 20px 0;
4179
    border-bottom: 1px solid #e5e5e5;
4180
}
4181
 
4182
.company-up-info .description {
4183
    margin-bottom: 10px;
4184
}
4185
 
4186
.company-up-info img {
4187
    float: none;
4188
    margin-bottom: 10px;
4189
    -webkit-border-radius: 100px;
4190
    -moz-border-radius: 100px;
4191
    -ms-border-radius: 100px;
4192
    -o-border-radius: 100px;
4193
    border-radius: 100px;
4194
    height: 90px;
4195
    object-fit: cover;
4196
}
4197
 
4198
.company-up-info h3 {
4199
    color: #000000;
4200
    font-size: 18px;
4201
    font-weight: 600;
4202
    margin-bottom: 10px;
4203
}
4204
 
4205
.company-up-info h4 {
4206
    color: #686868;
4207
    font-size: 14px;
4208
    font-weight: 500;
4209
    margin-bottom: 21px;
4210
}
4211
 
4212
.company-up-info h6 {
4213
    color: #686868;
4214
    font-size: 15px;
4215
    font-weight: 500;
4216
    margin-bottom: 10px;
4217
}
4218
 
4219
.company-up-info ul {
4220
    /* float: left; */
4221
    width: 100%;
4222
}
4223
 
4224
.company-up-info ul li {
4225
    display: inline-block;
4226
    margin-right: 6px;
4227
}
4228
 
4229
.company-up-info ul li a i {
4230
    font-size: 24px;
4231
    position: relative;
4232
    top: 3px;
4233
}
4234
 
4235
.follow {
4236
    background-color: #53d690;
4237
}
4238
 
4239
.message-us {
4240
    background-color: #e44d3a;
4241
}
4242
 
4243
.hire-us {
4244
    background-color: #51a5fb;
4245
}
4246
 
4247
.company_profile_info .cancelButton {
4248
    display: inline-block;
4249
    color: #000000;
4250
    font-size: 16px;
4251
    font-weight: 500;
4252
    margin: 18px 0;
4253
}
4254
 
4255
/* ============= search-sec ============= */
4256
 
4257
.search-sec {
4258
    float: left;
4259
    width: 100%;
4260
    margin: 30px 0 0 0;
4261
}
4262
 
4263
.search-box {
4264
    width: 100%;
1809 steven 4265
    padding: 2.1%;
2298 stevensc 4266
    margin-bottom: 30px;
1239 steven 4267
}
4268
 
4269
.search-box form {
4270
    width: 100%;
4271
    position: relative;
4272
}
4273
 
4274
.search-box form input {
4275
    width: 100%;
4276
    height: 40px;
4277
    padding: 0 15px;
1808 steven 4278
    background: var(--background-light-gray);
1807 steven 4279
    color: var(--gray);
1239 steven 4280
    font-size: 14px;
1808 steven 4281
    border: solid 1px var(--border-light-gray);
1239 steven 4282
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
4283
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
4284
    -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
4285
    -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
4286
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
4287
}
4288
 
1803 steven 4289
.search-box form button {
4290
    position: absolute;
4291
    top: 0;
4292
    right: 0;
1804 steven 4293
    border: solid 1px var(--border-light-gray);
1806 steven 4294
    color: var(--gray);
1803 steven 4295
    font-size: 16px;
4296
    font-weight: 500;
4297
    height: 100%;
4298
    padding: 0 28px;
4299
    cursor: pointer;
4300
    -webkit-border-radius: 0 4px 4px 0;
4301
    -moz-border-radius: 0 4px 4px 0;
4302
    -ms-border-radius: 0 4px 4px 0;
4303
    -o-border-radius: 0 4px 4px 0;
4304
    border-radius: 0 4px 4px 0;
4305
}
4306
 
1239 steven 4307
/* =============== filter-secs ============== */
4308
 
4309
.filter-secs {
4310
    float: left;
4311
    width: 100%;
4312
    /* background-color: #fff; */
4313
    box-shadow: 0px 2px #e4e4e4;
4314
    border: 1px solid #e5e5e5;
4315
}
4316
 
4317
.filter-heading {
4318
    float: left;
4319
    width: 100%;
4320
    padding: 15px 20px;
4321
    border-bottom: 1px solid #e5e5e5;
4322
    margin-bottom: 15px;
4323
}
4324
 
4325
.filter-heading h3 {
4326
    float: left;
4327
    color: #e44d3a;
4328
    font-size: 18px;
4329
    font-weight: 600;
4330
}
4331
 
4332
.filter-heading a {
4333
    float: right;
4334
    color: #686868;
4335
    font-size: 14px;
4336
    margin-top: 4px;
4337
}
4338
 
4339
.filter-ttl {
4340
    float: left;
4341
    width: 100%;
4342
    border-bottom: 1px solid #e5e5e5;
4343
    padding: 0 0 16px 0;
4344
    margin-bottom: 10px;
4345
}
4346
 
4347
.filter--tt2 {
4348
    margin-bottom: 0px !important;
4349
}
4350
 
4351
.top--1 {
4352
    margin-top: 20px;
4353
}
4354
 
4355
.filter--tt2 .dropdown .dropdown-menu a {
4356
    float: none;
4357
    color: #666666 !important;
4358
    margin-bottom: 12px !important;
4359
}
4360
 
4361
.filter--tt2 .dropdown .dropdown-menu a:hover {
4362
    color: #e44d3a !important;
4363
    background: none !important;
4364
}
4365
 
4366
.filter--tt2 .dropdown .dropdown-menu a:focus {
4367
    color: #e44d3a !important;
4368
    background: none !important;
4369
}
4370
 
4371
.filter--tt2 a {
4372
    float: left !important;
4373
    padding: 0 0 0 15px !important;
4374
    font-size: 16px !important;
4375
    color: #000000 !important;
4376
    font-weight: 500 !important;
4377
}
4378
 
4379
.filter-ttl h3 {
4380
    float: left;
4381
    padding: 0;
4382
    font-size: 16px;
4383
    color: #000000;
4384
    font-weight: 400;
4385
}
4386
 
4387
.filter-ttl a {
4388
    float: right;
4389
    font-size: 14px;
4390
    color: #666666;
4391
}
4392
 
4393
.filter-ttl .dropdown a {
4394
    float: none;
4395
    color: #666666;
4396
}
4397
 
4398
.filter-dd {
4399
    float: left;
4400
    width: 100%;
4401
    margin-bottom: 15px;
4402
}
4403
 
4404
.filter-dd form {
4405
    float: left;
4406
    width: 100%;
4407
    position: relative;
4408
}
4409
 
4410
.filter-dd form input,
4411
.filter-dd form select {
4412
    width: 100%;
4413
    height: 30px;
4414
    background-color: #f2f2f2;
4415
    padding: 0 10px;
4416
    color: #b2b2b2;
4417
    font-size: 12px;
4418
    font-weight: 600;
4419
    border: 0;
4420
    border: 1px solid #e5e5e5;
4421
}
4422
 
4423
.job-tp i {
4424
    color: #666666;
4425
    position: absolute;
4426
    top: 9px;
4427
    right: 15px;
4428
    font-size: 14px;
4429
}
4430
 
4431
.avail-checks {
4432
    float: left;
4433
    width: 100%;
4434
    margin-top: 7px;
4435
}
4436
 
4437
.avail-checks li {
4438
    float: left;
4439
    width: 100%;
4440
    margin-bottom: 10px;
4441
}
4442
 
4443
.avail-checks li:last-child {
4444
    margin-bottom: 0;
4445
}
4446
 
4447
.avail-checks li input[type="radio"] {
4448
    display: none;
4449
}
4450
 
4451
.avail-checks li label {
4452
    float: left;
4453
}
4454
 
4455
.avail-checks li input[type="radio"]+label span {
4456
    display: inline-block;
4457
    width: 15px;
4458
    height: 15px;
4459
    position: relative;
4460
    margin-top: 3px;
4461
    border: 1px solid #d2d2d2;
4462
    -webkit-border-radius: 100px;
4463
    -moz-border-radius: 100px;
4464
    -ms-border-radius: 100px;
4465
    -o-border-radius: 100px;
4466
    border-radius: 100px;
4467
}
4468
 
4469
.avail-checks li input[type="radio"]+label span:before {
4470
    content: "";
4471
    opacity: 0;
4472
    visibility: hidden;
4473
    position: absolute;
4474
    width: 7px;
4475
    height: 7px;
4476
    -webkit-border-radius: 100px;
4477
    -moz-border-radius: 100px;
4478
    -ms-border-radius: 100px;
4479
    -o-border-radius: 100px;
4480
    border-radius: 100px;
4481
    background-color: #e44d3a;
4482
    top: 3px;
4483
    left: 3px;
4484
}
4485
 
4486
.avail-checks li input[type="radio"]:checked+label span:before {
4487
    opacity: 1;
4488
    visibility: visible;
4489
}
4490
 
4491
.avail-checks li small {
4492
    color: #909090;
4493
    font-size: 14px;
4494
    padding-left: 10px;
4495
    font-weight: 500;
4496
}
4497
 
4498
/* =========== Range Slider ========== */
4499
 
4500
.rg-slider {
4501
    float: left;
4502
    width: 100%;
4503
}
4504
 
4505
.slider-container {
4506
    width: 100% !important;
4507
    padding-top: 50px;
4508
    position: relative;
4509
}
4510
 
4511
.theme-green .back-bar {
4512
    height: 5px;
4513
    border: 1px solid #e5e5e5;
4514
    -webkit-border-radius: 30px;
4515
    -moz-border-radius: 30px;
4516
    -ms-border-radius: 30px;
4517
    -o-border-radius: 30px;
4518
    border-radius: 30px;
4519
}
4520
 
4521
.theme-green .back-bar .pointer {
4522
    width: 17px;
4523
    height: 17px;
4524
    -webkit-border-radius: 100px;
4525
    -moz-border-radius: 100px;
4526
    -ms-border-radius: 100px;
4527
    -o-border-radius: 100px;
4528
    border-radius: 100px;
4529
    background-color: #e44d3a;
4530
    border: 2px solid #e3e3e3;
4531
    -webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.43);
4532
    -moz-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.43);
4533
    -ms-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.43);
4534
    -o-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.43);
4535
    box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.43);
4536
}
4537
 
4538
.theme-green .back-bar .pointer {
4539
    top: -7px;
4540
}
4541
 
4542
.slider-container .back-bar .pointer-label {
4543
    top: -50px;
4544
    height: 26px;
4545
    background-color: #e5e5e5;
4546
    -webkit-border-radius: 30px;
4547
    -moz-border-radius: 30px;
4548
    -ms-border-radius: 30px;
4549
    -o-border-radius: 30px;
4550
    border-radius: 30px;
4551
    line-height: 26px;
4552
    width: 50px;
4553
}
4554
 
4555
.pointer-label.low {
4556
    left: 0 !important;
4557
}
4558
 
4559
.pointer-label.high {
4560
    left: 70px !important;
4561
}
4562
 
4563
.pointer-label.low:before {
4564
    content: "";
4565
    position: absolute;
4566
    top: 13px;
4567
    right: -14px;
4568
    width: 8px;
4569
    height: 1px;
4570
    background-color: #e5e5e5;
4571
}
4572
 
4573
.rg-limit {
4574
    float: left;
4575
    width: 100%;
4576
    margin-top: 16px;
4577
}
4578
 
4579
.rg-limit h4 {
4580
    color: #686868;
4581
    font-size: 15px;
4582
    font-weight: 600;
4583
    float: left;
4584
}
4585
 
4586
.rg-limit h4:last-child {
4587
    float: right;
4588
}
4589
 
4590
/* ============== chatbox-list ============== */
4591
 
4592
.chatbox-list {
4593
    position: fixed;
4594
    bottom: 0;
4595
    right: 0;
4596
}
4597
 
4598
.chatbox {
4599
    display: inline-block;
4600
    margin-right: 13px;
4601
    position: relative;
4602
}
4603
 
4604
.chat-mg {
4605
    display: inline-block;
4606
    position: relative;
4607
}
4608
 
4609
.chat-mg img {
4610
    width: 70px;
4611
    height: 70px;
4612
    -webkit-border-radius: 100px;
4613
    -moz-border-radius: 100px;
4614
    -ms-border-radius: 100px;
4615
    -o-border-radius: 100px;
4616
    border-radius: 100px;
4617
}
4618
 
4619
.chat-mg span {
4620
    position: absolute;
4621
    top: -5px;
4622
    right: 10px;
4623
    width: 20px;
4624
    height: 20px;
4625
    background-color: #e44d3a;
4626
    text-align: center;
4627
    font-size: 12px;
4628
    color: #fff;
4629
    line-height: 20px;
4630
    -webkit-border-radius: 100px;
4631
    -moz-border-radius: 100px;
4632
    -ms-border-radius: 100px;
4633
    -o-border-radius: 100px;
4634
    border-radius: 100px;
4635
}
4636
 
4637
.chat-mg.bx img {
4638
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
4639
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
4640
    -ms-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
4641
    -o-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
4642
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
4643
}
4644
 
4645
.conversation-box {
4646
    position: absolute;
4647
    bottom: 132%;
4648
    right: 100%;
4649
    width: 350px;
4650
    background-color: #fff;
4651
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);
4652
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);
4653
    -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);
4654
    -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);
4655
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);
4656
    opacity: 0;
4657
    visibility: hidden;
4658
    z-index: 0;
4659
}
4660
 
4661
.conversation-box.active {
4662
    opacity: 1;
4663
    visibility: visible;
4664
    z-index: 9999;
4665
}
4666
 
4667
.conversation-box:before {
4668
    content: "";
4669
    position: absolute;
4670
    bottom: -7px;
4671
    right: 26px;
4672
    border-top: 15px solid #fff;
4673
    border-right: 15px solid transparent;
4674
    -webkit-transform: rotate(225deg);
4675
    -moz-transform: rotate(225deg);
4676
    -ms-transform: rotate(225deg);
4677
    -o-transform: rotate(225deg);
4678
    transform: rotate(225deg);
4679
}
4680
 
4681
.con-title {
4682
    float: left;
4683
    width: 100%;
4684
    background-color: #e44d3a;
4685
    padding: 15px 25px;
4686
    -webkit-border-radius: 10px 10px 0 0;
4687
    -moz-border-radius: 10px 10px 0 0;
4688
    -ms-border-radius: 10px 10px 0 0;
4689
    -o-border-radius: 10px 10px 0 0;
4690
    border-radius: 10px 10px 0 0;
4691
}
4692
 
4693
.con-title h3 {
4694
    float: left;
4695
    color: #ffffff;
4696
    font-size: 16px;
4697
    font-weight: 600;
4698
}
4699
 
4700
.con-title>a {
4701
    float: right;
4702
    color: #fff;
4703
    font-size: 20px;
4704
}
4705
 
4706
.chat-list {
4707
    float: left;
4708
    width: 100%;
4709
    min-height: 390px;
4710
}
4711
 
4712
.conv-list {
4713
    float: left;
4714
    width: 100%;
4715
    display: table;
4716
    padding: 20px 25px;
4717
    position: relative;
4718
}
4719
 
4720
.conv-list:hover,
4721
.conv-list.active {
4722
    background-color: #efefef;
4723
}
4724
 
4725
.msg-numbers {
4726
    position: absolute;
4727
    bottom: 18px;
4728
    right: 25px;
4729
    width: 25px;
4730
    height: 25px;
4731
    background-color: #e77667;
4732
    text-align: center;
4733
    line-height: 25px;
4734
    color: #fff;
4735
    font-size: 13px;
4736
    -webkit-border-radius: 100px;
4737
    -moz-border-radius: 100px;
4738
    -ms-border-radius: 100px;
4739
    -o-border-radius: 100px;
4740
    border-radius: 100px;
4741
}
4742
 
4743
.usrr-pic {
4744
    display: table-cell;
4745
    position: relative;
4746
}
4747
 
4748
.active-status {
4749
    width: 9px;
4750
    height: 9px;
4751
    border: 2px solid #ecf5fb;
4752
    -webkit-border-radius: 100px;
4753
    -moz-border-radius: 100px;
4754
    -ms-border-radius: 100px;
4755
    -o-border-radius: 100px;
4756
    border-radius: 100px;
4757
    position: absolute;
4758
    top: -3px;
4759
    right: 0;
4760
}
4761
 
4762
.activee {
4763
    background-color: #e44d3a;
4764
}
4765
 
4766
.usy-info {
4767
    display: table-cell;
4768
    vertical-align: top;
4769
    width: 100%;
4770
    padding-left: 15px;
4771
}
4772
 
4773
.usy-info h3 {
4774
    color: #000000;
4775
    font-size: 18px;
4776
    font-weight: 600;
4777
    margin-bottom: 5px;
4778
}
4779
 
4780
.usy-info span {
4781
    color: #686868;
4782
    font-size: 16px;
4783
    float: left;
4784
}
4785
 
4786
.usy-info span img {
4787
    padding-left: 5px;
4788
    float: right;
4789
}
4790
 
4791
.ct-time {
4792
    position: absolute;
4793
    top: 20px;
4794
    right: 25px;
4795
}
4796
 
4797
.ct-time span {
4798
    color: #b2b2b2;
4799
    font-size: 14px;
4800
}
4801
 
4802
.st-icons {
4803
    float: right;
4804
    margin-top: 7px;
4805
}
4806
 
4807
.st-icons a {
4808
    color: #fff;
4809
    font-size: 20px;
4810
    margin-right: 5px;
4811
}
4812
 
4813
.chat-hist {
4814
    float: left;
4815
    width: 100%;
4816
    background-color: #fff;
4817
    height: 280px;
4818
}
4819
 
4820
.chat-msg {
4821
    float: left;
4822
    width: 100%;
4823
    padding-right: 25px;
4824
    margin-bottom: 15px;
4825
}
4826
 
4827
.chat-msg p {
4828
    color: #ffffff;
4829
    font-size: 14px;
4830
    background-color: #e44d3a;
4831
    line-height: 18px;
4832
    -webkit-border-radius: 15px;
4833
    -moz-border-radius: 15px;
4834
    -ms-border-radius: 15px;
4835
    -o-border-radius: 15px;
4836
    border-radius: 15px;
4837
    padding: 10px 15px;
4838
    width: 80%;
4839
    float: right;
4840
    margin-bottom: 10px;
4841
}
4842
 
4843
.mg-3 {
4844
    margin-bottom: 3px;
4845
}
4846
 
4847
.chat-msg span {
4848
    float: right;
4849
    color: #b1b1b1;
4850
    width: 100%;
4851
    font-size: 9px;
4852
    text-align: right;
4853
}
4854
 
4855
.status-info {
4856
    width: 8px;
4857
    height: 8px;
4858
    background-color: #fff;
4859
    -webkit-border-radius: 100px;
4860
    -moz-border-radius: 100px;
4861
    -ms-border-radius: 100px;
4862
    -o-border-radius: 100px;
4863
    border-radius: 100px;
4864
    display: inline-block;
4865
    margin-left: 7px;
4866
}
4867
 
4868
.chat-user-info h3 {
4869
    margin-top: 7px;
4870
    margin-left: 10px;
4871
}
4872
 
4873
.date-nd {
4874
    float: left;
4875
    width: 100%;
4876
    text-align: center;
4877
    margin-bottom: 20px;
4878
    position: relative;
4879
}
4880
 
4881
.date-nd:before,
4882
.date-nd:after {
4883
    content: "";
4884
    position: absolute;
4885
    top: 10px;
4886
    left: 15px;
4887
    width: 92px;
4888
    height: 1px;
4889
    background-color: #e5e5e5;
4890
}
4891
 
4892
.date-nd:after {
4893
    left: auto;
4894
    right: 15px;
4895
}
4896
 
4897
.date-nd span {
4898
    color: #b1b1b1;
4899
    font-size: 12px;
4900
    text-align: center;
4901
}
4902
 
4903
.chat-msg.st2 p {
4904
    background-color: #efefef;
4905
    color: #686868;
4906
    float: left;
4907
    width: 55%;
4908
}
4909
 
4910
.chat-msg.st2 {
4911
    padding-left: 25px;
4912
}
4913
 
4914
.chat-msg.st2 span {
4915
    float: left;
4916
    text-align: left;
4917
}
4918
 
4919
/* =========== typing-msg =========== */
4920
 
4921
.typing-msg {
4922
    float: left;
4923
    width: 100%;
4924
    border-top: 1px solid #e6e6e6;
4925
    padding-top: 15px;
4926
}
4927
 
4928
.typing-msg form {
4929
    float: left;
4930
    width: 100%;
4931
    position: relative;
4932
}
4933
 
4934
.typing-msg form textarea {
4935
    width: 100%;
4936
    height: 30px;
4937
    background-color: #fff;
4938
    padding: 0 20px;
4939
    color: #b2b2b2;
4940
    font-size: 16px;
4941
    border: 0;
4942
    resize: none;
4943
}
4944
 
4945
.typing-msg form button {
4946
    color: #e44d3a;
4947
    font-size: 18px;
4948
    font-weight: 600;
4949
    position: absolute;
4950
    top: 2px;
4951
    right: 20px;
4952
    background: none;
4953
    border: 0;
4954
    cursor: pointer;
4955
}
4956
 
4957
.ft-options {
4958
    float: left;
4959
    width: 100%;
4960
    padding: 0 20px 8px 20px;
4961
}
4962
 
4963
.ft-options li {
4964
    display: inline-block;
4965
    margin-right: 15px;
4966
}
4967
 
4968
.ft-options li a {
4969
    color: #b2b2b2;
4970
    font-size: 24px;
4971
    display: inline-block;
4972
}
4973
 
4974
.mCSB_scrollTools {
4975
    right: -5px;
4976
}
4977
 
4978
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
4979
    background-color: #cccccc;
4980
    width: 5px;
4981
}
4982
 
4983
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
4984
    opacity: 0;
4985
}
4986
 
4987
/* ============ Menu Btn =============*/
4988
 
4989
.menu-btn {
4990
    float: right;
4991
    display: none;
4992
}
4993
 
4994
.menu-btn a {
4995
    font-size: 24px;
4996
    color: #fff;
4997
    display: inline-block;
4998
    padding-top: 16px;
4999
    padding-left: 20px;
5000
}
5001
 
5002
/* ============= account-tabs-setting ============ */
5003
 
5004
/* .profile-account-setting {} */
5005
 
5006
.account-tabs-setting {
5007
    float: left;
5008
    width: 100%;
5009
    padding: 70px 0;
5010
}
5011
 
5012
.acc-leftbar {
5013
    float: left;
5014
    width: 100%;
5015
    background-color: #fff;
5016
    border-left: 1px solid #e5e5e5;
5017
    border-bottom: 1px solid #e5e5e5;
5018
    border-right: 1px solid #e5e5e5;
5019
}
5020
 
5021
.acc-leftbar .nav-tabs>a {
5022
    float: left;
5023
    width: 100%;
5024
    background: none;
5025
    padding: 18px 20px;
5026
    border-bottom: 1px solid #e5e5e5;
5027
    border-left: 0;
5028
    border-right: 0;
5029
    color: #000000;
5030
    font-size: 16px;
5031
    font-weight: 500;
5032
    -webkit-border-radius: 0;
5033
    -moz-border-radius: 0;
5034
    -ms-border-radius: 0;
5035
    -o-border-radius: 0;
5036
    border-radius: 0;
5037
    border-top: 0;
5038
}
5039
 
5040
.nav-tabs {
5041
    border-bottom: 0;
5042
}
5043
 
5044
.acc-leftbar .nav-tabs>a:last-child {
5045
    border-bottom: 0;
5046
}
5047
 
5048
.acc-leftbar .nav-tabs>a i {
5049
    padding-right: 15px;
5050
    font-size: 20px;
5051
    position: relative;
5052
    top: 2px;
5053
    font-weight: 700;
5054
    width: 40px;
5055
}
5056
 
5057
.nav-tabs .nav-item.show .nav-link,
5058
.nav-tabs .nav-link.active {
5059
    background-color: inherit;
5060
    color: #e44d3a;
5061
    border-color: inherit;
5062
}
5063
 
5064
/* ============= acc-setting ============ */
5065
 
5066
.acc-setting {
5067
    float: left;
5068
    width: 100%;
5069
    background-color: #fff;
5070
    border-left: 1px solid #e5e5e5;
5071
    border-bottom: 1px solid #e5e5e5;
5072
    border-right: 1px solid #e5e5e5;
5073
    -webkit-box-shadow: 1px 0 4px rgba(0, 0, 0, 0.24);
5074
    -moz-box-shadow: 1px 0 4px rgba(0, 0, 0, 0.24);
5075
    -ms-box-shadow: 1px 0 4px rgba(0, 0, 0, 0.24);
5076
    -o-box-shadow: 1px 0 4px rgba(0, 0, 0, 0.24);
5077
    box-shadow: 1px 0 4px rgba(0, 0, 0, 0.24);
5078
}
5079
 
5080
.acc-setting form {
5081
    float: left;
5082
    width: 100%;
5083
}
5084
 
5085
.acc-setting>h3 {
5086
    width: 100%;
5087
    color: #000000;
5088
    font-weight: 600;
5089
    font-size: 18px;
5090
    text-transform: capitalize;
5091
    border-bottom: 1px solid #e5e5e5;
5092
    padding: 17px 20px;
5093
}
5094
 
5095
.notbar {
5096
    float: left;
5097
    width: 100%;
5098
    border-bottom: 1px solid #e5e5e5;
5099
    padding: 20px;
5100
    position: relative;
5101
}
5102
 
5103
.notbar h4 {
5104
    color: #000000;
5105
    font-size: 16px;
5106
    font-weight: 600;
5107
    margin-bottom: 5px;
5108
}
5109
 
5110
.notbar p {
5111
    color: #686868;
5112
    font-size: 14px;
5113
    line-height: 24px;
5114
    width: 75%;
5115
}
5116
 
5117
.toggle-btn {
5118
    position: absolute;
5119
    top: 35px;
5120
    right: 20px;
5121
}
5122
 
5123
.save-stngs {
5124
    float: left;
5125
    width: 100%;
5126
    padding: 30px 20px 50px 20px;
5127
}
5128
 
5129
.save-stngs.pd2 {
5130
    padding: 25px 20px 42px 20px;
5131
}
5132
 
5133
.save-stngs.pd3 {
5134
    padding: 25px 20px 25px 20px;
5135
}
5136
 
5137
.save-stngs ul li {
5138
    display: inline-block;
5139
    margin-right: 17px;
5140
}
5141
 
5142
.save-stngs ul li button {
5143
    display: inline-block;
5144
    color: #000000;
5145
    font-size: 16px;
5146
    border: 1px solid #e5e5e5;
5147
    height: 40px;
5148
    line-height: 40px;
5149
    padding: 0 22px;
5150
    font-weight: 600;
5151
    background: none;
5152
    cursor: pointer;
5153
}
5154
 
5155
.save-stngs ul li button:hover {
5156
    background-color: #e44d3a;
5157
    color: #fff;
5158
    border-color: transparent;
5159
}
5160
 
5161
/* =============== Password Update ============ */
5162
 
5163
.cp-field {
5164
    float: left;
5165
    width: 100%;
5166
    margin-top: 29.4px;
5167
    padding: 0 20px;
5168
}
5169
 
5170
.cp-field h5 {
5171
    color: #000000;
5172
    font-size: 16px;
5173
    font-weight: 600;
5174
    float: left;
5175
    width: 100%;
5176
    margin-bottom: 10px;
5177
}
5178
 
5179
.cp-field h5 a {
5180
    color: #000;
5181
}
5182
 
5183
.cpp-fiel {
5184
    float: left;
5185
    width: 100%;
5186
    position: relative;
5187
}
5188
 
5189
.cp-field input {
5190
    height: 40px;
5191
    padding: 0 40px;
5192
}
5193
 
5194
.cp-field input,
5195
.cp-field textarea {
5196
    width: 100%;
5197
    border: 1px solid #e5e5e5;
5198
}
5199
 
5200
.cp-field textarea {
5201
    padding: 20px;
5202
    height: 115px;
5203
}
5204
 
5205
.cpp-fiel i {
5206
    position: absolute;
5207
    top: 12px;
5208
    left: 15px;
5209
    color: #b2b2b2;
5210
    font-size: 16px;
5211
}
5212
 
5213
.cp-field>p {
5214
    /* float: left; width: 100%; color: #686868; font-size: 14px; line-height: 24px; margin-top: 5px; */
5215
}
5216
 
5217
/* =============== notifications-list ============= */
5218
 
5219
.notifications-list {
5220
    float: left;
5221
    width: 100%;
5222
}
5223
 
5224
.notfication-details {
5225
    float: left;
5226
    width: 100%;
5227
    padding: 20px;
5228
    border-bottom: 1px solid #e5e5e5;
5229
}
5230
 
5231
.notfication-details:last-child {
5232
    border-bottom: 0;
5233
}
5234
 
5235
.noty-user-img {
5236
    float: left;
5237
    width: 35px;
5238
}
5239
 
5240
.noty-user-img img {
5241
    width: 100%;
5242
}
5243
 
5244
.notification-info {
5245
    float: left;
5246
    width: auto;
5247
    padding-left: 10px;
5248
}
5249
 
5250
.notification-info h3 {
5251
    color: #686868;
5252
    font-size: 14px;
5253
    font-weight: 500;
5254
    border: 0;
5255
    padding: 0;
5256
    margin-bottom: 6px;
5257
}
5258
 
5259
.notification-info h3 a {
5260
    color: #000000;
5261
    font-size: 16px;
5262
    font-weight: 600;
5263
    display: inline-block;
5264
}
5265
 
5266
.notification-info>span {
5267
    display: inline-block;
5268
    color: #b2b2b2;
5269
    font-size: 12px;
5270
    font-weight: 600;
5271
}
5272
 
5273
/* ============== requests-list ============== */
5274
 
5275
.requests-list {
5276
    float: left;
5277
    width: 100%;
5278
    padding-bottom: 0;
5279
}
5280
 
5281
.request-details {
5282
    float: left;
5283
    width: 100%;
5284
    padding: 20px;
5285
    border-bottom: 1px solid #e5e5e5;
5286
}
5287
 
5288
.request-details:last-child {
5289
    border-bottom: 0;
5290
}
5291
 
5292
.request-info {
5293
    float: left;
5294
    padding-left: 10px;
5295
}
5296
 
5297
.request-info h3 {
5298
    color: #000000;
5299
    font-size: 14px;
5300
    font-weight: 600;
5301
    padding: 0;
5302
    border: 0;
5303
    margin-bottom: 3px;
5304
}
5305
 
5306
.request-info span {
5307
    color: #686868;
5308
    font-size: 12px;
5309
    display: inline-block;
5310
}
5311
 
5312
.accept-feat {
5313
    float: right;
5314
}
5315
 
5316
.accept-feat ul li {
5317
    display: inline-block;
5318
}
5319
 
5320
.accept-feat ul li button {
5321
    cursor: pointer;
5322
}
5323
 
5324
.accept-req {
5325
    color: #ffffff;
5326
    font-size: 16px;
5327
    background-color: #51a5fb;
5328
    height: 30px;
5329
    padding: 0 20px;
5330
    font-weight: 600;
5331
    border: 0;
5332
    border: 1px solid #51a5fb;
5333
}
5334
 
5335
.close-req {
5336
    height: 30px;
5337
    width: 30px;
5338
    text-align: center;
5339
    line-height: 30px;
5340
    border: 1px solid #e5e5e5;
5341
    background: inherit;
5342
    color: #b2b2b2;
5343
    margin-left: 7px;
5344
}
5345
 
5346
.close-req i {
5347
    font-weight: 600;
5348
}
5349
 
5350
/* ============= Profile Sattus =========== */
5351
 
5352
.profile-bx-details {
5353
    float: left;
5354
    width: 100%;
5355
    padding: 30px 7px 30px 7px;
5356
}
5357
 
5358
.profile-bx-details .row .col-lg-3 {
5359
    padding: 0 7px;
5360
}
5361
 
5362
.profile-bx-info {
5363
    float: left;
5364
    width: 100%;
5365
    background-color: #f2f2f2;
5366
    padding: 20px;
5367
    border: 1px solid #e5e5e5;
5368
}
5369
 
5370
.pro-bx {
5371
    float: left;
5372
    width: 100%;
5373
    border-bottom: 1px solid #e5e5e5;
5374
    padding-bottom: 10px;
5375
}
5376
 
5377
.bx-info {
5378
    float: left;
5379
    margin-top: 7px;
5380
    padding-left: 10px;
5381
}
5382
 
5383
.bx-info h3 {
5384
    color: #e44d3a;
5385
    font-size: 20px;
5386
    font-weight: 600;
5387
    margin-bottom: 5px;
5388
}
5389
 
5390
.bx-info h5 {
5391
    color: #000000;
5392
    font-size: 14px;
5393
    font-weight: 600;
5394
    margin: 0;
5395
    padding: 0;
5396
    border: 0;
5397
}
5398
 
5399
.pd-left-20 {
5400
    padding-left: 20px;
5401
    padding-right: 0;
5402
}
5403
 
5404
.pd-left-15 {
5405
    padding-left: 15px;
5406
    padding-right: 0;
5407
}
5408
 
5409
.pd-left-right {
5410
    padding-left: 15px;
5411
    padding-right: 20px;
5412
}
5413
 
5414
.profile-bx-info>p {
5415
    float: left;
5416
    width: 100%;
5417
    font-size: 14px;
5418
    line-height: 20px;
5419
    padding-top: 5px;
5420
}
5421
 
5422
/* =========== pro-work-status ========= */
5423
 
5424
.pro-work-status {
5425
    float: left;
5426
    width: 100%;
5427
    padding: 0 15px;
5428
}
5429
 
5430
.pro-work-status h4 {
5431
    color: #000000;
5432
    font-size: 18px;
5433
    font-weight: 600;
5434
    margin-bottom: 50px;
5435
}
5436
 
5437
/* ============== messages-page ============== */
5438
 
5439
.messages-page {
5440
    padding: 20px 0;
5441
}
5442
 
5443
.messages-sec {
5444
    width: 100%;
5445
    border-radius: 10px;
5446
    overflow: hidden;
1875 steven 5447
    background-color: transparent;
1239 steven 5448
}
5449
 
5450
.msgs-list {
5451
    width: 100%;
5452
}
5453
 
5454
.inmail_conversations-list {
5455
    border-right: 1px solid #3333;
5456
    padding-left: 0;
5457
    padding-right: 0;
5458
}
5459
 
5460
.msg-title {
5461
    padding: 20px;
5462
    border-bottom: 2px solid #3333;
5463
}
5464
 
2197 stevensc 5465
.active-tab {
1940 steven 5466
    border-bottom: solid 2px #E4E4E4;
5467
}
5468
 
1239 steven 5469
.msg-title>h3 {
5470
    color: #000000;
5471
    font-size: 18px;
5472
    font-weight: 600;
5473
}
5474
 
5475
.msg-title>ul {
5476
    float: right;
5477
    position: relative;
5478
    top: 1px;
5479
}
5480
 
5481
.msg-title ul li {
5482
    display: inline-block;
5483
    margin-right: 15px;
5484
    border-bottom: 1px solid #3333;
5485
}
5486
 
5487
.msg-title ul li:last-child {
5488
    margin-right: 0;
5489
}
5490
 
5491
.msg-title ul li a {
5492
    color: #b2b2b2;
5493
    font-size: 18px;
5494
}
5495
 
5496
.messages-list {
5497
    float: left;
5498
    width: 100%;
5499
}
5500
 
2197 stevensc 5501
.date-chat {
2170 steven 5502
    font-size: .6rem;
5503
    color: var(--gray);
5504
    padding-top: 5%;
5505
}
5506
 
1239 steven 5507
.messages-list ul {
5508
    float: left;
5509
    width: 100%;
5510
}
5511
 
2197 stevensc 5512
.text-chat-title {
2171 steven 5513
    color: var(--gray) !important;
5514
    font-size: 1rem;
5515
}
5516
 
1239 steven 5517
.messages-list ul li {
5518
    float: left;
5519
    width: 100%;
1949 steven 5520
    padding: 3%;
1239 steven 5521
    border-bottom: 1px solid #eeeeee;
5522
    cursor: pointer;
5523
}
5524
 
2124 steven 5525
 
1239 steven 5526
.messages-list ul li.active {
5527
    background-color: #efefef;
5528
}
5529
 
5530
.usr-msg-details {
5531
    float: left;
5532
    position: relative;
5533
    width: 100%;
1871 steven 5534
    border-bottom: solid 1px var(--border-light-gray);
5535
    padding-bottom: 3%;
1239 steven 5536
}
5537
 
5538
.usr-ms-img {
5539
    float: left;
5540
    width: 50px;
5541
    position: relative;
5542
}
5543
 
5544
.msg-status {
5545
    -webkit-border-radius: 100px;
5546
    -moz-border-radius: 100px;
5547
    -ms-border-radius: 100px;
5548
    -o-border-radius: 100px;
5549
    border-radius: 100px;
5550
    background-color: #e44d3a;
5551
    position: absolute;
5552
    top: -3px;
5553
    right: 0;
5554
    width: 6px;
5555
    height: 6px;
5556
}
5557
 
5558
.messages-list ul li.active .msg-status {
5559
    border: 2px solid #ecf5fb;
5560
    height: 10px;
5561
    width: 10px;
5562
}
5563
 
5564
.msg-notifc {
5565
    position: absolute;
1872 steven 5566
    /* bottom: 0;
5567
    right: 0; */
1239 steven 5568
    width: 25px;
5569
    height: 25px;
5570
    -webkit-border-radius: 100px;
5571
    -moz-border-radius: 100px;
5572
    -ms-border-radius: 100px;
5573
    -o-border-radius: 100px;
5574
    border-radius: 100px;
5575
    background-color: #e77667;
5576
    text-align: center;
5577
    line-height: 25px;
5578
    font-size: 13px;
5579
    color: #fff;
5580
}
5581
 
5582
.usr-ms-img img {
5583
    width: 100%;
5584
    -webkit-border-radius: 100px;
5585
    -moz-border-radius: 100px;
5586
    -ms-border-radius: 100px;
5587
    -o-border-radius: 100px;
5588
    border-radius: 100px;
5589
}
5590
 
5591
.usr-mg-info {
5592
    float: left;
5593
    padding-left: 13px;
5594
    margin-top: 4px;
5595
}
5596
 
5597
.usr-mg-info h3 {
5598
    color: #000000;
5599
    font-size: 18px;
5600
    font-weight: 600;
5601
}
5602
 
5603
.usr-mg-info p {
5604
    color: #686868;
5605
    font-size: 16px;
5606
}
5607
 
5608
.usr-mg-info p img {
5609
    float: right;
5610
    position: relative;
5611
    top: 5px;
5612
    padding-left: 5px;
5613
}
5614
 
5615
.posted_time {
5616
    position: absolute;
5617
    top: 2px;
5618
    right: 0;
5619
    color: #b2b2b2;
5620
    font-size: 14px;
5621
}
5622
 
5623
/* =============== main-message-box ============= */
5624
 
5625
.main-conversation-box {
5626
    width: 100%;
5627
    background-color: #fff;
5628
    position: relative;
5629
    height: 100%;
5630
}
5631
 
5632
.message-bar-head {
5633
    height: 13vh;
5634
    width: 100%;
5635
    padding: 20px;
1880 steven 5636
    border-bottom: 1px solid var(--border-light-gray);
1239 steven 5637
}
5638
 
5639
.message-bar-head .usr-msg-details {
5640
    width: auto;
5641
}
5642
 
5643
.message-bar-head>a {
5644
    float: right;
5645
    color: #b2b2b2;
5646
    font-size: 20px;
5647
    padding-top: 15px;
5648
}
5649
 
5650
.main-message-box {
5651
    display: flex;
5652
    width: 100%;
5653
    position: relative;
5654
    margin-bottom: 15.5px;
5655
}
5656
 
5657
.messg-usr-img {
5658
    margin-left: 20px;
5659
    width: 50px;
5660
}
5661
 
5662
.messg-usr-img img {
5663
    width: 100%;
5664
    -webkit-border-radius: 100px;
5665
    -moz-border-radius: 100px;
5666
    -ms-border-radius: 100px;
5667
    -o-border-radius: 100px;
5668
    border-radius: 100px;
5669
}
5670
 
5671
.message-dt {
5672
    width: auto;
5673
    margin-left: 15px;
5674
}
5675
 
5676
.main-message-box.ta-right {
5677
    flex-direction: row-reverse;
5678
}
5679
 
5680
.main-message-box.ta-right .messg-usr-img {
5681
    margin-left: 0;
5682
    margin-right: 20px;
5683
}
5684
 
5685
.main-message-box.ta-right .message-dt {
5686
    margin-right: 15px;
5687
}
5688
 
5689
.main-message-box.ta-right .message-dt>span {
5690
    float: right;
5691
    width: auto;
5692
}
5693
 
5694
.message-inner-dt {
5695
    -webkit-border-radius: 15px;
5696
    -moz-border-radius: 15px;
5697
    -ms-border-radius: 15px;
5698
    -o-border-radius: 15px;
5699
    border-radius: 15px;
5700
    width: 100%;
5701
    border-bottom-left-radius: 0;
5702
}
5703
 
5704
.img-bx {
5705
    background-color: #efefef;
5706
    padding: 20px;
5707
}
5708
 
5709
.message-inner-dt>img {
5710
    display: inline-block;
5711
    width: auto;
5712
    margin-right: 5px;
5713
}
5714
 
5715
.message-dt>span {
5716
    color: #b2b2b2;
5717
    font-size: 14px;
5718
    float: left;
5719
    width: 100%;
5720
    margin-top: 7px;
5721
}
5722
 
5723
.message-inner-dt>p {
5724
    font-size: 14px;
5725
    line-height: 22px;
5726
    padding: 2px 10px;
5727
    color: #000;
5728
    -webkit-border-radius: 15px;
5729
    -moz-border-radius: 15px;
5730
    -ms-border-radius: 15px;
5731
    -o-border-radius: 15px;
5732
    border-radius: 15px;
5733
}
5734
 
5735
.message-dt.st3 .message-inner-dt>p {
5736
    background-color: #efefef;
5737
    color: #686868;
5738
    width: auto;
5739
    padding: 10px 15px;
5740
    float: left;
5741
}
5742
 
5743
.message-dt.st3 .message-inner-dt>p img {
5744
    float: right;
5745
    position: relative;
5746
    top: 3px;
5747
    padding-left: 5px;
5748
}
5749
 
5750
.main-message-box.st3 .messg-usr-img {
5751
    bottom: 13px;
5752
}
5753
 
5754
.messages-line {
5755
    width: 100%;
5756
    height: 604px;
5757
    padding-top: 20px;
5758
}
5759
 
5760
/* ============== message-send-area ============ */
5761
 
5762
.message-send-area {
5763
    width: 100%;
5764
    background-color: #f3f5f7;
5765
    padding: 20px;
2040 steven 5766
    /* position: absolute; */
1876 steven 5767
    bottom: 0;
1239 steven 5768
}
2197 stevensc 5769
 
5770
.inmail-submit-btn {
1879 steven 5771
    width: 6%;
5772
}
1239 steven 5773
 
5774
.message-send-area form {
5775
    width: 100%;
5776
}
5777
 
5778
.mf-field {
5779
    width: 100%;
5780
    display: flex;
5781
}
5782
 
5783
.mf-field input {
5784
    flex: 1;
5785
    background-color: #fff;
5786
    color: #b2b2b2;
5787
    font-size: 16px;
5788
    padding: 0 15px;
5789
    border: 1px solid #e6e6e6;
5790
    height: 45px;
5791
    border-radius: 25px;
5792
}
5793
 
5794
 
5795
.message-send-area form>ul {
5796
    float: left;
5797
    width: 100%;
5798
    margin-top: 15px;
5799
}
5800
 
5801
.message-send-area form>ul li {
5802
    display: inline-block;
5803
    margin-right: 20px;
5804
}
5805
 
5806
.message-send-area form>ul li a {
5807
    color: #b2b2b2;
5808
    font-size: 18px;
5809
}
5810
 
5811
/* ============== forum-links ============= */
5812
 
5813
.forum-sec {
5814
    background-color: #fff;
5815
}
5816
 
5817
.forum-links {
5818
    float: left;
5819
    width: 100%;
5820
}
5821
 
5822
.forum-links.active {
5823
    opacity: 1;
5824
    visibility: visible;
5825
    z-index: 9999;
5826
}
5827
 
5828
.forum-links ul li {
5829
    display: inline-block;
5830
    padding: 20px 0;
5831
    margin-right: 45px;
5832
    border-bottom: 2px solid transparent;
5833
}
5834
 
5835
.forum-links ul li.active {
5836
    border-color: #e44d3a;
5837
}
5838
 
5839
.forum-links ul li.active a {
5840
    color: #e44d3a;
5841
}
5842
 
5843
.forum-links ul li a {
5844
    display: inline-block;
5845
    color: #b2b2b2;
5846
    font-size: 14px;
5847
    font-weight: 600;
5848
}
5849
 
5850
.forum-links-btn {
5851
    float: left;
5852
    width: 100%;
5853
    text-align: center;
5854
    display: none;
5855
    padding: 20px 0;
5856
}
5857
 
5858
.forum-links-btn a {
5859
    color: #000;
5860
    font-size: 30px;
5861
    display: inline-block;
5862
}
5863
 
5864
/* ================ forum-page =============== */
5865
 
5866
.forum-page {
5867
    padding: 50px 0;
5868
}
5869
 
5870
.forum-questions-sec {
5871
    float: left;
5872
    width: 100%;
5873
}
5874
 
5875
.forum-questions {
5876
    float: left;
5877
    width: 100%;
5878
    background-color: #fff;
5879
}
5880
 
5881
.usr-question {
5882
    float: left;
5883
    width: 100%;
5884
    position: relative;
5885
    padding: 25px;
5886
    border-bottom: 1px solid #e5e5e5;
5887
}
5888
 
5889
.usr_img {
5890
    float: left;
5891
    width: 60px;
5892
}
5893
 
5894
.usr_img img {
5895
    width: 100%;
5896
    -webkit-border-radius: 100px;
5897
    -moz-border-radius: 100px;
5898
    -ms-border-radius: 100px;
5899
    -o-border-radius: 100px;
5900
    border-radius: 100px;
5901
}
5902
 
5903
.usr_quest {
5904
    float: left;
5905
    width: 90%;
5906
    padding-left: 15px;
5907
}
5908
 
5909
.usr_quest>h3 {
5910
    color: #000000;
5911
    font-size: 17px;
5912
    font-weight: 600;
5913
    margin-bottom: 20px;
5914
}
5915
 
5916
.forum-post-view .usr_quest>h3 {
5917
    margin-bottom: 10px;
5918
}
5919
 
5920
.react-links {
5921
    float: left;
5922
    width: 100%;
5923
}
5924
 
5925
.react-links li {
5926
    display: inline-block;
5927
    margin-right: 30px;
5928
}
5929
 
5930
.react-links li a {
5931
    display: inline-block;
5932
    color: #b2b2b2;
5933
    font-size: 14px;
5934
    font-weight: 600;
5935
}
5936
 
5937
.react-links li a:hover {
5938
    color: #e44d3a;
5939
}
5940
 
5941
.react-links li a i {
5942
    padding-right: 7px;
5943
}
5944
 
5945
.react-links li:last-child {
5946
    margin-right: 0;
5947
}
5948
 
5949
/* ============= quest-tags ============ */
5950
 
5951
.quest-tags {
5952
    float: left;
5953
    width: 100%;
5954
    margin-top: 20px;
5955
}
5956
 
5957
.quest-tags li {
5958
    display: inline-block;
5959
    margin-right: 10px;
5960
}
5961
 
5962
.quest-tags li a {
5963
    display: inline-block;
5964
    color: #ffffff;
5965
    background-color: #53d690;
5966
    -webkit-border-radius: 3px;
5967
    -moz-border-radius: 3px;
5968
    -ms-border-radius: 3px;
5969
    -o-border-radius: 3px;
5970
    border-radius: 3px;
5971
    padding: 7px 25px;
5972
}
5973
 
5974
.quest-posted-time {
5975
    position: absolute;
5976
    bottom: 30px;
5977
    right: 20px;
5978
    color: #b2b2b2;
5979
    font-size: 14px;
5980
}
5981
 
5982
.quest-posted-time i {
5983
    padding-right: 5px;
5984
}
5985
 
5986
.pd-right-none {
5987
    padding-right: 0;
5988
}
5989
 
5990
/* =========== navigation ============ */
5991
 
5992
.pagination {
5993
    float: left;
5994
    width: 100%;
5995
    /* background-color: #fff; */
5996
    padding: 13px 25px;
5997
}
5998
 
5999
.full-pagi {
6000
    float: left;
6001
    width: 100%;
6002
    padding-right: 0;
6003
    text-align: inherit;
6004
    margin-top: 20px;
6005
}
6006
 
6007
.pagination li {
6008
    padding: 0;
6009
    margin-right: 10px;
6010
}
6011
 
6012
.pagination li .page-link {
6013
    /* background-color: #e5e5e5; */
6014
    color: #b2b2b2;
6015
}
6016
 
6017
.pagination li .page-link.active {
6018
    background-color: #e44d3a;
6019
    color: #fff;
6020
    border-color: transparent;
6021
}
6022
 
6023
.pvr {
6024
    padding: 0.5rem 30px;
6025
}
6026
 
6027
/* ============ User Widget =========== */
6028
 
6029
.title-wd {
6030
    float: left;
6031
    width: 100%;
6032
    color: #000000;
6033
    font-size: 18px;
6034
    font-weight: 600;
6035
    border-bottom: 1px solid #e5e5e5;
6036
    padding: 25px 20px;
6037
}
6038
 
6039
.widget-user ul {
6040
    float: left;
6041
    width: 100%;
6042
    padding: 15px 0;
6043
}
6044
 
6045
.widget-user ul li {
6046
    float: left;
6047
    width: 100%;
6048
    padding: 15px 20px;
6049
}
6050
 
6051
.widget-user ul li .usr-msg-details {
6052
    float: left;
6053
    width: auto;
6054
}
6055
 
6056
.widget-user ul li .usr-ms-img {
6057
    width: 35px;
6058
}
6059
 
6060
.widget-user ul li .usr-mg-info h3 {
6061
    font-size: 14px;
6062
}
6063
 
6064
.widget-user ul li .usr-mg-info p {
6065
    font-size: 12px;
6066
}
6067
 
6068
.widget-user ul li>span {
6069
    color: #686868;
6070
    font-size: 16px;
6071
    float: right;
6072
    margin-top: 10px;
6073
}
6074
 
6075
.widget-user ul li>span img {
6076
    padding-right: 5px;
6077
}
6078
 
6079
/* ============== widget-adver ============ */
6080
 
6081
.widget-adver img {
6082
    width: 100%;
6083
}
6084
 
6085
/* ============ forum-post-view ============ */
6086
 
6087
.forum-post-view {
6088
    float: left;
6089
    width: 100%;
6090
    background-color: #fff;
6091
    padding: 25px 25px 0 25px;
6092
    border-bottom: 1px solid #e5e5e5;
6093
}
6094
 
6095
.forum-post-view .usr-question {
6096
    border-bottom: 0;
6097
    padding: 0;
6098
}
6099
 
6100
.forum-post-view .usr_quest span {
6101
    color: #b2b2b2;
6102
    font-size: 14px;
6103
    display: inline-block;
6104
    margin-bottom: 20px;
6105
}
6106
 
6107
.forum-post-view .usr_quest span i {
6108
    padding-right: 7px;
6109
}
6110
 
6111
.forum-post-view .quest-tags {
6112
    margin-bottom: 30px;
6113
}
6114
 
6115
.forum-post-view .usr_quest>p {
6116
    float: left;
6117
    width: 100%;
6118
    color: #686868;
6119
    font-size: 14px;
6120
    line-height: 24px;
6121
    margin-bottom: 40px;
6122
}
6123
 
6124
.forum-post-view .comment-section {
6125
    padding: 0;
6126
}
6127
 
6128
.forum-post-view .comment-section>h3 {
6129
    float: left;
6130
    width: 100%;
6131
    color: #000000;
6132
    font-size: 18px;
6133
    font-weight: 600;
6134
    border-bottom: 1px solid #e5e5e5;
6135
    padding-bottom: 15px;
6136
}
6137
 
6138
.forum-post-view .comment-sec ul li {
6139
    border-bottom: 1px solid #e5e5e5;
6140
    padding: 23px 0;
6141
}
6142
 
6143
.forum-post-view .comment span {
6144
    margin-bottom: 10px;
6145
}
6146
 
6147
.forum-post-view .comment-list {
6148
    padding-bottom: 0;
6149
    margin-bottom: -4px;
6150
}
6151
 
6152
.forum-post-view .comment p {
6153
    margin: 0;
6154
    margin-top: 5px;
6155
}
6156
 
6157
.forum-post-view .comment h3 {
6158
    margin-bottom: 9px;
6159
}
6160
 
6161
.forum-post-view .comment-sec ul li:last-child {
6162
    border-bottom: 0;
6163
}
6164
 
6165
/* =============== post-comment-box ============= */
6166
 
6167
.post-comment-box {
6168
    float: left;
6169
    width: 100%;
6170
    padding: 20px;
6171
    background-color: #fff;
6172
}
6173
 
6174
.post-comment-box h3 {
6175
    float: left;
6176
    width: 100%;
6177
    color: #000000;
6178
    font-size: 18px;
6179
    font-weight: 600;
6180
    margin-bottom: 30px;
6181
}
6182
 
6183
.user-poster {
6184
    float: left;
6185
    width: 100%;
6186
}
6187
 
6188
.usr-post-img {
6189
    float: left;
6190
    width: 50px;
6191
    margin-right: 15px;
6192
}
6193
 
6194
.usr-post-img img {
6195
    width: 100%;
6196
    -webkit-border-radius: 100px;
6197
    -moz-border-radius: 100px;
6198
    -ms-border-radius: 100px;
6199
    -o-border-radius: 100px;
6200
    border-radius: 100px;
6201
}
6202
 
6203
.post_comment_sec {
6204
    float: left;
6205
    width: 90%;
6206
}
6207
 
6208
.post_comment_sec form {
6209
    float: left;
6210
    width: 100%;
6211
}
6212
 
6213
.post_comment_sec form textarea {
6214
    float: left;
6215
    width: 100%;
6216
    height: 130px;
6217
    border: 1px solid #dce2eb;
6218
    padding: 15px;
6219
    resize: none;
6220
}
6221
 
6222
.post_comment_sec form button {
6223
    color: #ffffff;
6224
    font-size: 14px;
6225
    background-color: #e44d3a;
6226
    padding: 10px 25px;
6227
    border: 0;
6228
    font-weight: 600;
6229
    margin-top: 20px;
6230
    cursor: pointer;
6231
}
6232
 
6233
/* ======== next-prev ========*/
6234
 
6235
.next-prev {
6236
    float: left;
6237
    width: 100%;
6238
    background-color: #fff;
6239
    margin-top: 20px;
6240
    padding: 12px 25px;
6241
}
6242
 
6243
.next-prev>a {
6244
    width: 90px;
6245
    height: 35px;
6246
    text-align: center;
6247
    line-height: 35px;
6248
    color: #b2b2b2;
6249
    font-size: 14px;
6250
    background-color: #e5e5e5;
6251
}
6252
 
6253
.next-prev>a:hover {
6254
    color: #fff;
6255
    background-color: #e44d3a;
6256
}
6257
 
6258
.fl-left {
6259
    float: left;
6260
}
6261
 
6262
.fl-right {
6263
    float: right;
6264
}
6265
 
6266
/* ========== widget-feat ========= */
6267
 
6268
.widget-feat {
6269
    padding: 25px 20px;
6270
}
6271
 
6272
.widget-feat ul {
6273
    float: left;
6274
    width: 100%;
6275
}
6276
 
6277
.widget-feat ul li {
6278
    float: left;
6279
    width: 25%;
6280
    text-align: center;
6281
}
6282
 
6283
.widget-feat ul li i {
6284
    display: block;
6285
    font-size: 18px;
6286
    margin-bottom: 9px;
6287
}
6288
 
6289
.widget-feat ul li span {
6290
    display: block;
6291
    color: #686868;
6292
    font-size: 16px;
6293
    font-weight: 500;
6294
}
6295
 
6296
.widget-feat ul li i.fa-heart {
6297
    color: #53d690;
6298
}
6299
 
6300
.widget-feat ul li i.fa-comment {
6301
    color: #e44d3a;
6302
}
6303
 
6304
.widget-feat ul li i.fa-share-alt {
6305
    color: #51a5fb;
6306
}
6307
 
6308
.widget-feat ul li i.fa-eye {
6309
    color: #00b540;
6310
}
6311
 
6312
/* =============== ANIMATION LOADER =============== */
6313
 
6314
.spinner {
6315
    margin: 0 auto 0;
6316
    width: 80px;
6317
    text-align: center;
6318
    height: 80px;
6319
    border-radius: 100px;
6320
    background-color: #fff;
6321
    line-height: 80px;
6322
    border: 1px solid #e1e1e1;
6323
    cursor: pointer;
6324
}
6325
 
6326
.spinner>div {
6327
    width: 15px;
6328
    height: 15px;
6329
    background-color: #b9b9b9;
6330
    border-radius: 100%;
6331
    display: inline-block;
6332
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
6333
    animation: sk-bouncedelay 1.4s infinite ease-in-out both;
6334
}
6335
 
6336
.spinner .bounce1 {
6337
    -webkit-animation-delay: -0.32s;
6338
    animation-delay: -0.32s;
6339
}
6340
 
6341
.spinner .bounce2 {
6342
    -webkit-animation-delay: -0.16s;
6343
    animation-delay: -0.16s;
6344
}
6345
 
6346
@-webkit-keyframes sk-bouncedelay {
2197 stevensc 6347
 
1239 steven 6348
    0%,
6349
    80%,
6350
    100% {
6351
        -webkit-transform: scale(0);
6352
    }
2197 stevensc 6353
 
1239 steven 6354
    40% {
6355
        -webkit-transform: scale(1);
6356
    }
6357
}
6358
 
6359
@keyframes sk-bouncedelay {
2197 stevensc 6360
 
1239 steven 6361
    0%,
6362
    80%,
6363
    100% {
6364
        -webkit-transform: scale(0);
6365
        transform: scale(0);
6366
    }
2197 stevensc 6367
 
1239 steven 6368
    40% {
6369
        -webkit-transform: scale(1);
6370
        transform: scale(1);
6371
    }
6372
}
6373
 
6374
.wordpressdevlp {
6375
    background-color: #fff;
6376
}
6377
 
6378
.bgclr {
6379
    background-color: #fff;
6380
    margin-bottom: 15px;
6381
}
6382
 
6383
.cadidatesbtn {
6384
    position: absolute;
6385
    left: 0;
6386
    padding-top: 5px;
6387
}
6388
 
6389
.cadidatesbtn button {
6390
    background-color: #e44d3a;
6391
    border: none;
6392
    margin-top: -3px;
6393
}
6394
 
6395
.cadidatesbtn button:hover {
6396
    background-color: #e44d3a;
6397
}
6398
 
6399
.cadidatesbtn span {
6400
    background-color: #bd2e1c;
6401
    color: #fff;
6402
    margin-right: 10px;
6403
    padding: 0.25em 0.5em;
6404
    font-weight: 600;
6405
    font-size: 12px;
6406
}
6407
 
6408
.wordpressdevlp i {
6409
    color: #e86554;
6410
    font-size: 18px;
6411
    font-weight: bold;
6412
    padding-right: 5px;
6413
}
6414
 
6415
.wordpressdevlp h2 {
6416
    font-size: 18px;
6417
    font-weight: 600;
6418
}
6419
 
6420
.cadidatesbtn i {
6421
    color: #b2b2b2;
6422
    border: 1px solid #b2b2b2;
6423
    font-size: 14px;
6424
    text-align: center;
6425
    margin-left: 7px;
6426
    border-radius: 3px;
6427
    padding: 10px;
6428
}
6429
 
6430
.cadidatesbtn i:hover {
6431
    background-color: #e44d3a;
6432
    color: #fff;
6433
    border: 1px solid #e44d3a;
6434
}
6435
 
6436
.inner {
6437
    border-bottom: 2px solid #e5e5e5;
6438
    padding-bottom: 10px;
6439
}
6440
 
6441
.inner li a:hover {
6442
    color: #e44d3a;
6443
    border-bottom: 2px solid #e44d3a;
6444
    padding-bottom: 9px;
6445
}
6446
 
6447
.inner li a {
6448
    color: #000000;
6449
}
6450
 
6451
.posttext {
6452
    position: absolute;
6453
    left: 0;
6454
}
6455
 
6456
.deatile h3 {
6457
    font-size: 14px;
6458
    font-weight: bold;
6459
    padding-bottom: 5px;
6460
}
6461
 
6462
.clrbtn a {
6463
    background-color: #e44d3a;
6464
    color: #fff;
6465
    padding: 5px 10px 5px 10px;
6466
    margin-right: 15px;
6467
}
6468
 
6469
.transpairentbtn a {
6470
    color: #222;
6471
    border: 2px solid #f1f1f1;
6472
    padding: 5px 10px 5px 10px;
6473
}
6474
 
6475
.savetext h3 {
6476
    font-size: 14px;
6477
    font-weight: bold;
6478
    padding-bottom: 5px;
6479
}
6480
 
6481
.devepbtn .clrbtn {
6482
    padding: 7px 20px;
6483
}
6484
 
6485
.devepbtn a {
6486
    color: #666666;
6487
    border: 1px solid #b2b2b2;
6488
    padding: 7px 10px 7px 10px;
6489
    border-radius: 3px;
6490
    margin-right: 5px;
6491
}
6492
 
6493
.devepbtn a:hover i {
6494
    color: #fff;
6495
}
6496
 
6497
.devepbtn a:hover {
6498
    background-color: #e44d3a;
6499
    color: #fff;
6500
}
6501
 
6502
.rew-reply hr {
6503
    margin-left: -20px;
6504
    margin-right: -20px;
6505
}
6506
 
6507
.rew-reply p {
6508
    padding-left: 20px;
6509
}
6510
 
6511
.rew-reply ul {
6512
    padding-left: 20px;
6513
}
6514
 
6515
.devepbtn {
6516
    margin-top: 30px;
6517
    padding-left: 20px;
6518
}
6519
 
6520
.rep-thanks hr {
6521
    margin-right: -20px;
6522
    margin-left: -20px;
6523
}
6524
 
6525
.profilecnd {
6526
    margin-bottom: 0px;
6527
}
6528
 
6529
.devepbtn i {
6530
    color: #b2b2b2;
6531
    font-size: 14px;
6532
}
6533
 
6534
.appliedinfo {
6535
    padding-left: 0;
6536
    padding-top: 20px !important;
6537
    padding-bottom: 10px;
6538
}
6539
 
6540
.epi2 {
6541
    padding: 0;
6542
}
6543
 
6544
.review a {
6545
    line-height: 16px;
6546
    font-size: 14px;
6547
    text-decoration: none;
6548
    font-weight: 500;
6549
    margin-left: 15px;
6550
}
6551
 
6552
.add-pic-box {
6553
    display: inline-block;
6554
    color: #e44d3a;
6555
    font-size: 16px;
6556
    position: absolute;
6557
    top: 30px;
6558
    right: 0;
6559
    font-weight: 600;
6560
    margin-right: 0;
6561
    width: 100%;
6562
}
6563
 
6564
.add-pic-box [type="file"] {
6565
    height: 0;
6566
    overflow: hidden;
6567
    width: 0;
6568
    float: left;
6569
}
6570
 
6571
.add-pic-box [type="file"]+label {
6572
    background: #fff;
6573
    border: 2px solid #e44d3a;
6574
    border-radius: 3px;
6575
    color: #e44d3a;
6576
    cursor: pointer;
6577
    /* display: inline-block; */
6578
    font-size: 15px;
6579
    font-weight: 600;
6580
    outline: none;
6581
    padding: 12px 20px;
6582
    position: relative;
6583
    transition: all 0.3s;
6584
    vertical-align: middle;
6585
    margin: 0;
6586
    float: right;
6587
    text-transform: uppercase;
6588
}
6589
 
6590
.add-pic-box [type="file"]+label:hover {
6591
    background: #e44d3a;
6592
    color: #fff;
6593
}
6594
 
6595
.noreview li i {
6596
    color: #b2b2b2;
6597
}
6598
 
6599
.review-tb {
6600
    margin: 0 0 10px;
6601
    padding-left: 20px;
6602
}
6603
 
6604
.noreview ul li i {
6605
    color: #b2b2b2;
6606
}
6607
 
6608
.mngdetl {
6609
    border-bottom: none;
6610
}
6611
 
6612
.post-reply {
6613
    padding-top: 0;
6614
    padding-bottom: 0;
6615
}
6616
 
6617
.activebidbtn i:hover {
6618
    background-color: #e44d3a;
6619
    color: #fff;
6620
    border: none;
6621
}
6622
 
6623
.reviewtitle h2 {
6624
    font-size: 17px;
6625
    font-weight: 600;
6626
}
6627
 
6628
.horiline {
6629
    width: 118%;
6630
    position: relative;
6631
    left: -40px;
6632
}
6633
 
6634
.tahnks {
6635
    font-weight: 500;
6636
    margin-top: 5px;
6637
}
6638
 
6639
/*about-page*/
6640
 
6641
.banner span {
6642
    position: absolute;
6643
    display: flex;
6644
    background-color: #222;
6645
    width: 100%;
6646
    opacity: 0.9;
6647
    justify-content: center;
6648
    padding: 10px;
6649
    margin-top: 0;
6650
    color: #fff;
6651
}
6652
 
6653
.innertitle {
6654
    margin-top: 130px;
6655
}
6656
 
6657
.Company-overview {
6658
    padding-bottom: 50px;
6659
}
6660
 
6661
.bennertext {
6662
    position: absolute;
6663
    left: 20%;
6664
    right: 20%;
6665
    text-align: center;
6666
}
6667
 
6668
.bannerimage img {
6669
    height: 100%;
6670
}
6671
 
6672
.innertitle h2 {
6673
    color: #fff;
6674
    font-size: 30px;
6675
    line-height: 32px;
6676
    font-weight: 600;
6677
    margin-bottom: 20px;
6678
}
6679
 
6680
.innertitle p {
6681
    color: #fff;
6682
    font-size: 16px;
6683
}
6684
 
6685
.Company-overview h2 {
6686
    padding-top: 100px;
6687
    font-size: 24px;
6688
    font-weight: 600;
6689
    padding-bottom: 12px;
6690
}
6691
 
6692
.Company-overview p {
6693
    font-size: 15px;
6694
    font-weight: 500;
6695
}
6696
 
6697
.Company-overview img {
6698
    float: right;
6699
    padding-top: 25px;
6700
}
6701
 
6702
.blog {
6703
    text-align: center;
6704
    display: inline-block;
6705
    margin-bottom: 50px;
6706
}
6707
 
6708
.blog img {
6709
    padding-bottom: 30px;
6710
}
6711
 
6712
.blog h2 {
6713
    font-size: 18px;
6714
    font-weight: 600;
6715
    padding-bottom: 30px;
6716
}
6717
 
6718
.blog a {
6719
    background-color: #ff4500;
6720
    color: #fff;
6721
    padding: 7px 25px 7px 25px;
6722
    border-radius: 3px;
6723
    font-size: 16px;
6724
    font-weight: 500;
6725
}
6726
 
6727
.services {
6728
    padding-top: 80px;
6729
    padding-bottom: 80px;
6730
}
6731
 
6732
.video {
6733
    padding-bottom: 40px;
6734
}
6735
 
6736
.search-container {
6737
    text-align: center;
6738
}
6739
 
6740
.search-container input[type="text"] {
6741
    padding: 6px 15px;
6742
    margin-top: 8px;
6743
    font-size: 17px;
6744
    border: none;
6745
    height: 50px;
6746
    width: 50%;
6747
    margin-bottom: 25px;
6748
    border-top-left-radius: 3px;
6749
    border-top-right-radius: 0px;
6750
    border-bottom-left-radius: 3px;
6751
    border-bottom-right-radius: 0px;
6752
}
6753
 
6754
.searchtitle {
6755
    text-align: center;
6756
}
6757
 
6758
.searchtitle h2 {
6759
    color: #fff;
6760
    font-size: 30px;
6761
    font-weight: 400;
6762
    padding-bottom: 10px;
6763
}
6764
 
6765
.modal-header {
6766
    position: relative;
6767
}
6768
 
6769
.modal-header h3 {
6770
    font-size: 18px;
6771
}
6772
 
6773
.search-container button {
6774
    padding: 8px 10px;
6775
    text-align: center;
6776
    margin-top: 8px;
6777
    margin-left: -3px;
6778
    margin-right: 18px;
6779
    background: #efefef;
6780
    font-size: 17px;
6781
    border: none;
6782
    cursor: pointer;
6783
    height: 50px;
6784
    width: 6%;
6785
    border-bottom-right-radius: 3px;
6786
    border-top-right-radius: 3px;
6787
}
6788
 
6789
.topsearch i {
6790
    color: #e44d3a;
6791
}
6792
 
6793
.dropdown-toggle::after {
6794
    position: absolute;
6795
    right: 15px;
6796
    color: #b2b2b2;
6797
    top: 7px;
6798
}
6799
 
6800
.help-paddy {
6801
    padding: 0 !important;
6802
}
6803
 
6804
.paddy {
6805
    padding: 20px;
6806
    float: left;
6807
}
6808
 
6809
.dropdown-menu {
6810
    position: absolute;
6811
    top: 100%;
6812
    left: 0;
6813
    z-index: 1000;
6814
    display: none;
6815
    float: left;
6816
    min-width: 10rem;
6817
    padding: 0.5rem 0;
6818
    margin: 0.125rem 0 0;
6819
    font-size: 1rem;
6820
    color: #212529;
6821
    text-align: left;
6822
    list-style: none;
6823
    background-color: #fff;
6824
    width: 100%;
6825
    background-clip: padding-box;
6826
    border: none;
6827
    border-radius: 0.25rem;
6828
}
6829
 
6830
.radio-form p {
6831
    display: -webkit-inline-box;
6832
}
6833
 
6834
.dropdown a {
6835
    color: #000000;
6836
    font-size: 16px;
6837
    font-weight: 400;
6838
    padding: 0 20px;
6839
}
6840
 
6841
.accountnone {
6842
    border: none;
6843
}
6844
 
6845
.helpforum {
6846
    background-color: #fff;
6847
    padding: 15px 0;
6848
    box-shadow: 0px 2px #c6c6c6;
6849
}
6850
 
6851
.helpforum h3 {
6852
    font-size: 18px;
6853
    font-weight: 600;
6854
}
6855
 
6856
.helpforum a {
6857
    background-color: #e44d3a;
6858
    color: #fff;
6859
    padding: 10px 15px 10px 15px;
6860
    line-height: 4;
6861
    border-radius: 3px;
6862
}
6863
 
6864
.helpforum p {
6865
    line-height: 3;
6866
}
6867
 
6868
.actionstitle h3 {
6869
    font-size: 18px;
6870
    font-weight: 400;
6871
    color: #000;
6872
    padding-top: 30px;
6873
}
6874
 
6875
.actionstitle img {
6876
    padding-right: 10px;
6877
}
6878
 
6879
.actionstext a {
6880
    font-size: 16px;
6881
    font-weight: 500;
6882
    color: #e44d3a;
6883
    line-height: 2;
6884
    display: block;
6885
}
6886
 
6887
.helpform {
6888
    text-align: center;
6889
    padding-top: 70px;
6890
}
6891
 
6892
.helpform h3 {
6893
    font-size: 18px;
6894
    font-weight: 400;
6895
    color: #e44d3a;
6896
    margin-bottom: 10px;
6897
}
6898
 
6899
.helpform a {
6900
    background-color: #e44d3a;
6901
    color: #fff;
6902
    padding: 10px 15px 10px 15px;
6903
    border-radius: 3px;
6904
}
6905
 
6906
.helpform p {
6907
    margin-bottom: 30px;
6908
}
6909
 
6910
.helpform img {
6911
    float: unset;
6912
    padding-bottom: 10px;
6913
}
6914
 
6915
.bookingsideber h3 {
6916
    color: #000;
6917
}
6918
 
6919
.bookingsideber h3:active {
6920
    color: #e44d3a;
6921
}
6922
 
6923
.helpforum h4 {
6924
    font-size: 16px;
6925
    font-weight: 600;
6926
}
6927
 
6928
.bloktext {
6929
    padding-left: 25px;
6930
}
6931
 
6932
.privacy {
6933
    background-color: #fff;
6934
    height: 850px;
6935
}
6936
 
6937
.privacydropd .dropdown-toggle::after {
6938
    float: right;
6939
    vertical-align: 0.255em;
6940
}
6941
 
6942
/* .checkbox {} */
6943
 
6944
.form-check {
6945
    padding-left: 0;
6946
}
6947
 
6948
.btns a {
6949
    color: #000;
6950
    border: 1px solid #e5e5e5;
6951
    padding: 10px 25px 10px 25px;
6952
    margin-left: 15px;
6953
    border-radius: 5px;
6954
    font-weight: 600;
6955
}
6956
 
6957
.btns {
6958
    padding-top: 20px;
6959
}
6960
 
6961
.btns a:hover {
6962
    background-color: #e44d3a;
6963
    color: #fff;
6964
}
6965
 
6966
.privacy h3 {
6967
    font-size: 18px;
6968
    font-weight: 600;
6969
    padding-top: 18px;
6970
    margin-bottom: 10px;
6971
}
6972
 
6973
.privacy p {
6974
    padding-top: 0px;
6975
    display: inline-block;
6976
}
6977
 
6978
.form-group {
6979
    margin-bottom: 1rem;
6980
    padding-top: 0px;
6981
}
6982
 
6983
.privacy i {
6984
    float: right;
6985
    color: #e44d3a;
6986
    font-size: 20px;
6987
    font-weight: 600;
6988
}
6989
 
6990
.dropdown-menu input {
6991
    margin-right: 10px;
6992
    margin-top: 15px;
6993
}
6994
 
6995
.dropdown-menu a {
6996
    padding: 10px 0 10px 40px;
6997
    margin-bottom: 10px;
6998
}
6999
 
7000
.dropdown-menu form {
7001
    margin-bottom: 10px;
7002
    margin-top: 10px;
7003
}
7004
 
7005
.privacydropd p {
7006
    margin-left: 20px;
7007
    margin-top: 5px;
7008
}
7009
 
7010
.privabtns {
7011
    margin-top: 20px;
7012
}
7013
 
7014
.privabtns {
7015
    padding-bottom: 15px;
7016
}
7017
 
7018
.privabtns a {
7019
    margin-right: 15px;
7020
    padding: 8px 25px;
7021
    color: #000000;
7022
    border: 1px solid #e5e5e5;
7023
}
7024
 
7025
.privabtns a:hover {
7026
    color: #fff;
7027
    background-color: #e44d3a;
7028
}
7029
 
7030
.privac {
7031
    background-color: #fff;
7032
    height: 560px;
7033
    padding-top: 20px;
7034
}
7035
 
7036
.privac h3 {
7037
    font-size: 18px;
7038
    font-weight: 600;
7039
}
7040
 
7041
.bids-detail ul {
7042
    display: -webkit-inline-box;
7043
}
7044
 
7045
.bids-detail ul li {
7046
    margin-right: 30px;
7047
}
7048
 
7049
.bids-detail h3 {
7050
    font-size: 16px;
7051
    font-weight: 400;
7052
}
7053
 
7054
.bids-detail {
7055
    background-color: #fff;
7056
    padding: 20px;
7057
    margin-bottom: 25px;
7058
    box-shadow: 0px 2px #e4e4e4;
7059
}
7060
 
7061
.dropdown-menu.show {
7062
    display: contents;
7063
}
7064
 
7065
.postpaid:checked:after {
7066
    content: "\f17b";
7067
    font: normal normal normal 16px/1 "LineAwesome";
7068
    font-weight: 600;
7069
    border: 1px solid #fff;
7070
    color: #ffffff;
7071
    text-align: center;
7072
    font-size: 12px;
7073
    width: 100%;
7074
    height: 100%;
7075
    background: #e44d3a;
7076
    display: block;
7077
    border-radius: 50%;
7078
    padding-top: 3px;
7079
}
7080
 
7081
.postpaid:focus {
7082
    border: 1px solid #fff;
7083
    width: 25px;
7084
    height: 25px;
7085
}
7086
 
7087
.postpaid {
7088
    -webkit-appearance: none;
7089
    content: "";
7090
    width: 20px;
7091
    height: 20px;
7092
    border-radius: 50%;
7093
    border: 1px solid #5e5e5e;
7094
    outline: 0;
7095
    margin-right: 5px;
7096
}
7097
 
7098
/* .main-ws-sec .job-status-bar {} */
7099
 
7100
.main-ws-sec .btm-line {
7101
    padding-bottom: 20px !important;
7102
    border-bottom: 1px solid #e5e5e5 !important;
7103
    margin-bottom: 20px;
7104
}
7105
 
7106
.job-status-bar hr {
7107
    margin: 0 -40px;
7108
}
7109
 
7110
.reply-area {
7111
    padding-left: 55px;
7112
}
7113
 
7114
.reply-rply1 {
7115
    margin: 24px 0;
7116
}
7117
 
7118
.reply-area p {
7119
    padding-bottom: 10px;
7120
}
7121
 
7122
.reply-area span {
7123
    cursor: pointer;
7124
}
7125
 
7126
.reply-area span:hover {
7127
    color: #e44d3a;
7128
}
7129
 
7130
.reply-area i {
7131
    font-size: 16px;
7132
    font-weight: 600;
7133
    padding-right: 8px;
7134
}
7135
 
7136
.comment-area .la-plus-circle {
7137
    display: block;
7138
    text-align: center;
7139
    font-size: 40px;
7140
    color: #b2b2b2;
7141
}
7142
 
7143
.reply-area span {
7144
    padding-top: 5px;
7145
    color: #b2b2b2;
7146
}
7147
 
7148
.comt span {
7149
    font-size: 16px;
7150
    color: #666666;
7151
}
7152
 
7153
.comt i {
7154
    padding-right: 8px;
7155
}
7156
 
7157
.postcomment .form-control {
7158
    width: 112%;
7159
    margin-left: -50px;
7160
    background-color: #efefef;
7161
    border-radius: 3px;
7162
}
7163
 
7164
.postcomment a {
7165
    background-color: #e44d3a;
7166
    color: #fff;
7167
    padding: 9px 25px 8px 25px;
7168
    line-height: 37px;
7169
    border-radius: 3px;
7170
}
7171
 
7172
.postcomment {
7173
    padding-top: 30px;
7174
}
7175
 
7176
.widget-about button:focus {
7177
    box-shadow: none;
7178
}
7179
 
7180
.widget-about button:hover {
7181
    background-color: #e44d3a;
7182
}
7183
 
7184
.widget-about button {
7185
    background-color: #e44d3a;
7186
    border: none;
7187
    padding: 12px 0;
7188
    width: 100%;
7189
}
7190
 
7191
.widget-about p {
7192
    background-color: #e44d3a;
7193
    color: #fff;
7194
    padding: 10px 0;
7195
}
7196
 
7197
.widget-projectid {
7198
    padding: 15px;
7199
}
7200
 
7201
.widget-projectid h3 {
7202
    padding-bottom: 7px;
7203
    font-size: 14px;
7204
    font-weight: 600;
7205
}
7206
 
7207
.sd-title h4 {
7208
    margin-bottom: 5px;
7209
    font-size: 16px;
7210
    font-weight: 600;
7211
    line-height: 24px;
7212
}
7213
 
7214
.paymethd p {
7215
    color: #e44d3a;
7216
}
7217
 
7218
.copylink p {
7219
    background-color: #efefef;
7220
    padding: 7px 0 8px 10px;
7221
}
7222
 
7223
.copylink a {
7224
    background-color: #e44d3a;
7225
    color: #fff;
7226
    padding: 10px 15px 10px 15px;
7227
    border-radius: 4px;
7228
}
7229
 
7230
.copylink span {
7231
    padding: 30px 0 20px;
7232
}
7233
 
7234
.copylink i {
7235
    float: unset;
7236
    position: unset;
7237
}
7238
 
7239
.copylink .la-facebook {
7240
    background-color: #3b5998;
7241
    color: #fff;
7242
}
7243
 
7244
.copylink .la-twitter {
7245
    color: #1da1f2;
7246
}
7247
 
7248
.copylink .la-pinterest-p {
7249
    background-color: #fff;
7250
    color: #c11628;
7251
    border-radius: 50%;
7252
}
7253
 
7254
.copylink img {
7255
    padding-right: 10px;
7256
}
7257
 
7258
.freelancerbiding {
7259
    background-color: #fff;
7260
    padding-top: 20px;
7261
}
7262
 
7263
.freelancerbiding h3 {
7264
    font-size: 18px;
7265
    font-weight: 400;
7266
}
7267
 
7268
.repcent {
7269
    text-align: left;
7270
}
7271
 
7272
.bidrit {
7273
    float: right;
7274
}
7275
 
7276
.repcent i {
7277
    padding-left: 5px;
7278
}
7279
 
7280
.star {
7281
    display: inline-flex;
7282
    padding: 5px 0;
7283
}
7284
 
7285
.star li i {
7286
    color: #bfd337;
7287
}
7288
 
7289
.repcent span {
7290
    color: #51a5fb;
7291
}
7292
 
7293
.repcent p {
7294
    padding-left: 7px;
7295
}
7296
 
7297
.noreview ul li i {
7298
    color: #b2b2b2;
7299
}
7300
 
7301
.paymethd .star li i {
7302
    position: unset;
7303
    font-size: 14px;
7304
}
7305
 
7306
.paymethd .star a {
7307
    color: #51a5fb;
7308
    padding-left: 12px;
7309
}
7310
 
7311
/* .modal-header {background-color: #e44d3a; display: block !important; } */
7312
 
7313
.modal-body {
7314
    padding: 1rem 0;
7315
}
7316
 
7317
.notice {
7318
    background-color: #ddf3ff;
7319
    padding: 15px;
7320
}
7321
 
7322
.notice span {
7323
    font-weight: 500;
7324
    padding-right: 5px;
7325
}
7326
 
7327
.innerbody {
7328
    padding: 15px;
7329
}
7330
 
7331
.innerbody h3 {
7332
    font-size: 18px;
7333
    font-weight: 600;
7334
}
7335
 
7336
.innerbody h4 {
7337
    font-weight: 600;
7338
    font-size: 14px;
7339
    margin-left: -15px;
7340
    float: left;
7341
}
7342
 
7343
.delivery .input-group select {
7344
    width: 150px;
7345
    height: 50px !important;
7346
    font-size: 19px;
7347
    border: 1px solid #e5e5e5;
7348
    border-radius: 3px;
7349
}
7350
 
7351
.input-group-prepend {
7352
    background-color: #f3f3f3;
7353
    color: #bfbfbf;
7354
    text-align: center;
7355
    line-height: 3;
7356
    border: 1px solid #e5e5e5;
7357
}
7358
 
7359
.input-group-text {
7360
    color: #666666 !important;
7361
    background-color: #f5f5f5 !important;
7362
    border: 0px !important;
7363
    border-radius: 3px !important;
7364
}
7365
 
7366
.place-bid-form {
7367
    position: relative;
7368
    left: 20px;
7369
    top: -15px;
7370
    padding-bottom: 15px;
7371
}
7372
 
7373
.place-bid-form .input-group input {
7374
    width: 70px;
7375
    border: 1px solid #e5e5e5;
7376
}
7377
 
7378
.paydel {
7379
    padding: 40px 0 0;
7380
}
7381
 
7382
.beatcompitation {
7383
    background-color: #f3f3f3;
7384
    padding: 15px;
7385
}
7386
 
7387
.beatcompitation h3 {
7388
    font-weight: 500;
7389
}
7390
 
7391
.sponser i {
7392
    background-color: #e44d3a;
7393
    color: #fff;
7394
    margin-right: 5px;
7395
    padding: 2px;
7396
}
7397
 
7398
.sponser h2 {
7399
    font-size: 18px;
7400
    font-weight: 600;
7401
    padding-top: 15px;
7402
    padding-bottom: 15px;
7403
}
7404
 
7405
.sponser {
7406
    padding: 15px;
7407
}
7408
 
7409
.modal-footer {
7410
    display: block !important;
7411
    border-top: none;
7412
    padding: 1rem 0;
7413
}
7414
 
7415
.modal-footer button {
7416
    font-size: 15px;
7417
    font-weight: 500;
7418
    background-color: unset;
7419
    border: none;
7420
    padding: 10px;
7421
    border: 1px solid #d2d2d2;
7422
    border-radius: 3px;
7423
}
7424
 
7425
.modal-footer button:hover {
7426
    background-color: #e44d3a;
7427
    /* color: #fff; */
7428
    /* border: 1px solid #e44d3a; */
7429
}
7430
 
7431
.place-bid-btn {
7432
    font-size: 15px;
7433
    font-weight: 500;
7434
    color: #fff !important;
7435
    background-color: #e44d3a !important;
7436
    border: none;
7437
    padding: 10px;
7438
    border: 1px solid #e44d3a;
7439
    border-radius: 3px;
7440
}
7441
 
7442
.usy-dt .reply {
7443
    margin: 3px 0 0 10px;
7444
    width: 360px;
7445
    height: 40px;
7446
    background-color: #efefef;
7447
    border: 1px solid #e5e5e5;
7448
    padding-left: 10px;
7449
    border-radius: 3px;
7450
}
7451
 
7452
.replybtn {
7453
    background-color: #e44d3a;
7454
    color: #fff;
7455
    padding: 10px;
7456
    margin-left: 15px;
7457
    border-radius: 3px;
7458
}
7459
 
7460
.replybtn:hover {
7461
    color: #fff;
7462
}
7463
 
7464
.rewivew ul li {
7465
    margin-right: 5px !important;
7466
}
7467
 
7468
.security hr {
7469
    margin-right: -15px;
7470
    margin-left: -15px;
7471
}
7472
 
7473
.privacy .la-check {
7474
    float: left;
7475
    font-size: 12px;
7476
    margin: 5px 5px 0 0;
7477
    padding: 3px;
7478
    background-color: #e44d3a;
7479
    color: #fff;
7480
    border-radius: 50%;
7481
}
7482
 
7483
ul#myTab {
7484
    border-bottom: 1px solid #e5e5e5;
7485
}
7486
 
7487
.nav-tabs .nav-link {
7488
    border: none;
7489
}
7490
 
7491
.noborder {
7492
    border-bottom: none;
7493
}
7494
 
7495
.manbids {
7496
    margin-bottom: 0 !important;
7497
}
7498
 
7499
.noreply {
7500
    padding-top: 30px;
7501
}
7502
 
7503
#my-bids .nav-tabs {
7504
    margin-bottom: 20px;
7505
    margin-top: 7px;
7506
    padding-bottom: 0;
7507
}
7508
 
7509
#my-bids ul {
7510
    margin-bottom: 15px;
7511
    margin-top: 7px;
7512
    padding-bottom: 0;
7513
}
7514
 
7515
.savedjob-info p {
7516
    color: #666666;
7517
    margin-top: 5px;
7518
}
7519
 
7520
#my-bids ul li a {
7521
    color: #000000;
7522
    font-size: 16px;
7523
    font-weight: 500;
7524
}
7525
 
7526
#my-bids li a:hover {
7527
    color: #e44d3a;
7528
}
7529
 
7530
#saved-jobs ul {
7531
    margin-bottom: 20px;
7532
}
7533
 
7534
#saved-jobs ul li a {
7535
    color: #000000;
7536
    font-size: 16px;
7537
    font-weight: 500;
7538
}
7539
 
7540
#saved-jobs li a:hover {
7541
    color: #e44d3a;
7542
}
7543
 
7544
.wordpressdevlp h2 {
7545
    font-size: 18px;
7546
    font-weight: 600;
7547
    margin-bottom: 15px;
7548
}
7549
 
7550
#saved-jobs .nav-tabs .nav-item.show .nav-link,
7551
#saved-jobs .nav-tabs .nav-link.active {
7552
    background-color: inherit;
7553
    color: #e44d3a !important;
7554
    padding-bottom: 9px;
7555
    border-bottom: 2px solid #e44d3a !important;
7556
}
7557
 
7558
#my-bids .nav-tabs .nav-item.show .nav-link,
7559
#my-bids .nav-tabs .nav-link.active {
7560
    background-color: inherit;
7561
    color: #e44d3a !important;
7562
    padding-bottom: 9px;
7563
    border-bottom: 2px solid #e44d3a !important;
7564
}
7565
 
7566
.descptab li img {
7567
    float: left !important;
7568
    filter: inherit !important;
7569
}
7570
 
7571
.bklink {
7572
    border-bottom: none !important;
7573
    width: unset !important;
7574
    float: right !important;
7575
}
7576
 
7577
.bklik {
7578
    border-bottom: none !important;
7579
}
7580
 
7581
/*////////////////////////////////////////My css//////////////////////////////// //////////////////////////////////////////////////////////////////////////////*/
7582
 
7583
.savedjob-info li {
7584
    display: inline-block;
7585
    padding-left: 25px;
7586
}
7587
 
7588
.savedjob-info h3 {
7589
    font-size: 14px;
7590
    font-weight: 500;
7591
}
7592
 
7593
.settingjb ul li {
7594
    margin-right: 25px !important;
7595
}
7596
 
7597
.mangebid li {
7598
    padding-left: 0;
7599
    padding-right: 20px;
7600
    padding-top: 10px;
7601
}
7602
 
7603
.bk-links.bklink li {
7604
    padding-right: 0;
7605
}
7606
 
7607
.bidsbtn {
7608
    position: relative;
7609
}
7610
 
7611
.biddersinfo li {
7612
    padding-left: 0;
7613
    padding-right: 20px;
7614
}
7615
 
7616
#review {
7617
    background-color: #fff;
7618
    margin-bottom: 40px;
7619
}
7620
 
7621
.starreview {
7622
    padding-left: 20px;
7623
}
7624
 
7625
.replytext {
7626
    padding-bottom: 20px;
7627
}
7628
 
7629
.starrevi {
7630
    padding-left: 20px;
7631
}
7632
 
7633
.apply-jobbox {
7634
    text-align: center;
7635
}
7636
 
7637
.apply-jobbox form input {
7638
    width: 100%;
7639
    margin-top: 20px;
7640
    padding: 10px;
7641
    color: #222;
7642
    border: 1px solid #e5e5e5;
7643
    border-radius: 3px;
7644
    font-size: 14px;
7645
}
7646
 
7647
.apply-jobbox h3 {
7648
    margin: 20px 0;
7649
}
7650
 
7651
.select-files {
7652
    border: 1px solid #e5e5e5;
7653
    margin-top: 20px;
7654
    padding: 30px;
7655
    background: #efefef;
7656
}
7657
 
7658
.select-files button {
7659
    margin-bottom: 20px;
7660
    background-color: transparent;
7661
    border: 1px solid #e5e5e5;
7662
    padding: 10px 15px 10px 15px;
7663
    border-radius: 5px;
7664
    font-weight: 600;
7665
}
7666
 
7667
.select-files button:hover {
7668
    background-color: #e44d3a;
7669
    color: #fff;
7670
}
7671
 
7672
.close {
7673
    position: absolute;
7674
    right: 0px;
7675
    top: 0px;
7676
    color: #929292;
7677
    border: 1px solid !important;
7678
    border-radius: 50%;
7679
    height: 30px;
7680
    width: 30px;
7681
}
7682
 
7683
.mapouter iframe {
7684
    width: 100%;
7685
    height: 400px;
7686
}
7687
 
7688
.mapouter {
7689
    position: relative;
7690
    text-align: right;
7691
    height: 500px;
7692
    width: 100%;
7693
}
7694
 
7695
.gmap_canvas {
7696
    overflow: hidden;
7697
    background: none !important;
7698
}
7699
 
7700
.video-iframe {
7701
    width: 100%;
7702
    height: 400px;
7703
}
7704
 
7705
.custom-file-input {
7706
    color: transparent;
7707
    opacity: 1;
7708
    /* margin-left: 140px; */
7709
    margin-bottom: 10px;
7710
}
7711
 
7712
.custom-file-input::-webkit-file-upload-button {
7713
    visibility: hidden;
7714
}
7715
 
7716
.custom-file-input::before {
7717
    content: "Select Files";
7718
    color: #fff;
7719
    display: inline-block;
7720
    border: 1px solid #e5e5e5;
7721
    border-radius: 3px;
7722
    background: #e44d3a;
7723
    font-weight: 500;
7724
    padding: 10px 15px;
7725
    outline: none;
7726
    white-space: nowrap;
7727
    -webkit-user-select: none;
7728
    cursor: pointer;
7729
}
7730
 
7731
.custom-file-input:hover::before {
7732
    background-color: #e44d3a;
7733
    color: #fff;
7734
}
7735
 
7736
.custom-file-input:active {
7737
    outline: 0;
7738
}
7739
 
7740
.custom-file-input:active::before {
7741
    background: #e44d3a;
7742
    color: #fff;
7743
}
7744
 
7745
.bids-time {
7746
    float: right;
7747
}
7748
 
7749
.saved-post {
7750
    padding: 0;
7751
}
7752
 
7753
.saved-post p {
7754
    padding-bottom: 20px;
7755
}
7756
 
7757
.saved-info li {
7758
    padding-right: 25px;
7759
    padding-left: 0;
7760
}
7761
 
7762
.saved-btn {
7763
    padding: 0;
7764
    margin-bottom: -12px;
7765
}
7766
 
7767
.applied-post {
7768
    padding: 0;
7769
}
7770
 
7771
.post-bid {
7772
    padding: 0 !important;
7773
}
7774
 
7775
.bidsbtn {
7776
    padding-top: 0 !important;
7777
}
7778
 
7779
.active-bids {
7780
    padding: 0;
7781
}
7782
 
7783
.activ-bidinfo li {
7784
    padding-top: 10px;
7785
    padding-left: 0;
7786
    padding-right: 25px;
7787
}
7788
 
7789
.activebtn {
7790
    padding-left: 0;
7791
}
7792
 
7793
.p-all {
7794
    padding: 0px;
7795
    float: left;
7796
    width: 100%;
7797
    position: relative;
7798
}
7799
 
7800
.toggle-btn .custom-switch .custom-control-label::before {
7801
    left: -2.25rem;
7802
    width: 70px;
7803
    pointer-events: all;
7804
    border-radius: 100px;
7805
    height: 30px;
7806
    top: -1px;
7807
    box-shadow: none;
7808
}
7809
 
7810
.toggle-btn .custom-control-label::before {
7811
    position: absolute;
7812
    top: 0.25rem;
7813
    left: -1.5rem;
7814
    display: block;
7815
    width: 1rem;
7816
    height: 1rem;
7817
    pointer-events: none;
7818
    content: "";
7819
    background-color: #fff;
7820
    border: #e1e1e1 solid 2px;
7821
}
7822
 
7823
.custom-control-input:checked~.custom-control-label::before {
7824
    color: #fff;
7825
    border-color: #e44d3a;
7826
    background-color: #e44d3a;
7827
    box-shadow: none;
7828
    outline: none;
7829
}
7830
 
7831
.toggle-btn .custom-switch .custom-control-label::after {
7832
    top: calc(-1px + 2px);
7833
    left: calc(-36px + 2px);
7834
    width: calc(30px - 4px);
7835
    height: calc(30px - 4px);
7836
    background-color: #e1e1e1;
7837
    border-radius: 100%;
7838
    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;
7839
    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;
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, -webkit-transform 0.15s ease-in-out;
7841
}
7842
 
7843
.toggle-btn .custom-control-label::after {
7844
    position: absolute;
7845
    top: 0.25rem;
7846
    left: -1.5rem;
7847
    display: block;
7848
    width: 0;
7849
    height: 0;
7850
    content: "";
7851
    background: no-repeat 50%/50% 50%;
7852
}
7853
 
7854
.toggle-btn .custom-control-label {
7855
    position: initial;
7856
    margin-bottom: 0;
7857
    vertical-align: top;
7858
}
7859
 
7860
.toggle-btn .custom-switch .custom-control-input:checked~.custom-control-label::after {
7861
    background-color: #fff;
7862
    -webkit-transform: translateX(2.5rem);
7863
    transform: translateX(2.5rem);
7864
}
7865
 
7866
.custom-control-label {
7867
    position: relative;
7868
    margin-bottom: 0;
7869
    vertical-align: top;
7870
    line-height: 24px;
7871
    font-size: 14px;
7872
    color: #666666;
7873
}
7874
 
7875
.small-text-children p,
7876
.small-text-children span {
7877
    font-size: .8rem;
7878
}
7879
 
7880
.search-item-selected {
2275 stevensc 7881
    padding: 1px 10px;
7882
    background: var(--background-gray);
7883
    line-height: 1;
7884
    border-radius: 10px;
1239 steven 7885
    font-weight: bold;
7886
}
7887
 
7888
main {
7889
    background-color: #fff !important;
7890
}
7891
 
7892
.row .sc-dkzDqf {
7893
    margin: 0 auto;
7894
}
7895
 
7896
.test-section .title,
7897
.test-section .description {
7898
    margin-bottom: 10px;
7899
}
7900
 
7901
.test-section .btn-danger {
7902
    margin-right: 10px;
7903
}
7904
 
7905
.test-section .panel-body {
7906
    padding: 20px 0px;
7907
}
7908
 
7909
.test-section .panel {
7910
    margin-top: 20px;
7911
    padding-bottom: 10px;
7912
}
7913
 
7914
.test-section .panel-title {
7915
    font-size: 16px;
7916
    font-weight: bold;
7917
    text-transform: uppercase;
7918
}
7919
 
7920
.test-section .np-padding {
7921
    padding: 0px;
7922
}
7923
 
7924
.test-section .checkbox {
7925
    display: flex;
7926
    margin: 20px 0px;
7927
}
7928
 
7929
.test-section .option {
7930
    margin-left: 10px;
7931
}
7932
 
7933
.checkbox input[type=checkbox],
7934
input[type=radio] {
7935
    margin-top: 5px !important;
7936
}
7937
 
7938
.test-section h6 {
7939
    margin-bottom: 10px;
7940
    color: #0860bf;
7941
}
7942
 
7943
.wizard {
7944
    display: flex;
7945
    margin-top: 10px;
7946
}
7947
 
7948
.wizard li {
7949
    width: 50%;
7950
    display: inline-block;
7951
}
7952
 
7953
.btn-secondary:disabled,
7954
.btn-primary:disabled {
7955
    cursor: no-drop;
7956
}
7957
 
7958
.test-section .btn-primary {
7959
    margin-left: 10px
7960
}
7961
 
7962
.previous {
7963
    text-align: left;
7964
}
7965
 
7966
.next {
7967
    text-align: right;
7968
}
7969
 
7970
.test-section .close {
7971
    border: none !important;
7972
    border-radius: 0px !important;
7973
}
7974
 
7975
.ratin-range {
7976
    display: block;
7977
}
7978
 
7979
.ratin-range li {
7980
    display: inline-block;
7981
    width: 6%;
7982
}
7983
 
7984
.ratin-range li .option {
7985
    margin-top: 2px !important;
7986
}
7987
 
7988
#react-self-evaluation .company-up-info ul {
7989
    width: 100%;
7990
    position: absolute;
7991
    float: left;
7992
    left: 0px;
7993
    bottom: 4vw;
7994
}
7995
 
7996
#react-self-evaluation .company-up-info {
7997
    padding: 30px 10px;
7998
    min-height: 20vw;
7999
    border: 1px solid #e5e5e5
8000
}
8001
 
8002
#react-self-evaluation .company-up-info h3 {
8003
    width: 90%;
8004
    margin: 5px auto;
8005
}
8006
 
8007
.mb10 {
597 geraldo 8008
    margin-bottom: 3vw;
598 geraldo 8009
}
1239 steven 8010
 
8011
.opt-h6 {
8012
    font-weight: 600 !important;
8013
    color: #000 !important;
597 geraldo 8014
}