Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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