Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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