Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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