Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

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