Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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