Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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