Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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