Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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