Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 2465 | Rev 2474 | Ir a la última revisión | | Comparar con el anterior | Ultima modificación | Ver Log |

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