Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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