Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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