Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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