Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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