Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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