Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 4927 | | 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
.sn-field {
2718
    /* float: left; */
2719
    width: 100%;
2720
    position: relative;
2721
}
2722
 
2723
.sn-field.pd-more {
2724
    margin-bottom: 0;
2725
}
2726
 
2727
.sn-field.pd-more input {
2728
    padding-left: 40px;
2729
}
2730
 
2731
.sn-field>i {
2732
    position: absolute;
2733
    top: 50%;
2734
    left: 15px;
2735
    color: #666666;
2736
    font-size: 16px;
2737
    -webkit-transform: translateY(-50%);
2738
    -moz-transform: translateY(-50%);
2739
    -ms-transform: translateY(-50%);
2740
    -o-transform: translateY(-50%);
2741
    transform: translateY(-50%);
2742
}
2743
 
2744
.sn-field>span {
2745
    position: absolute;
2746
    top: 50%;
2747
    right: 15px;
2748
    font-weight: 700;
2749
    color: #666666;
2750
    font-size: 15px;
2751
    -webkit-transform: translateY(-50%);
2752
    -moz-transform: translateY(-50%);
2753
    -ms-transform: translateY(-50%);
2754
    -o-transform: translateY(-50%);
2755
    transform: translateY(-50%);
2756
}
2757
 
2758
.sign_in_sec form input {
2759
    height: 40px;
2760
}
2761
 
2762
.sign_in_sec form input,
2763
.sign_in_sec form select {
2764
    width: 100%;
2765
    padding: 0 15px 0 40px;
2766
    color: #b2b2b2;
2767
    font-size: 14px;
2768
    border: 1px solid #e5e5e5;
2769
}
2770
 
2771
.sign_in_sec form select {
2772
    line-height: 40px;
2773
    height: 40px;
2774
}
2775
 
2776
.sign_in_sec form button {
2777
    color: #ffffff;
2778
    font-size: 16px;
2779
    background-color: #e44d3a;
2780
    padding: 12px 27px;
2781
    border: 0;
2782
    font-weight: 500;
2783
    margin-top: 30px;
2784
    cursor: pointer;
2785
}
2786
 
2787
.sign_in_sec_button {
2788
    color: #ffffff;
2789
    font-size: 16px;
2790
    background-color: #66a7dd;
2791
    padding: 12px 27px;
2792
    border: 0;
2793
    font-weight: 500;
2794
    margin-top: 30px;
2795
    cursor: pointer;
2796
}
2797
 
2798
.checky-sec {
2799
    /* float: left; */
2800
    width: 100%;
2801
    margin-top: 10px;
2802
}
2803
 
2804
.checky-sec.st2 small {
2805
    font-size: 13px;
2806
    width: 90%;
2807
    line-height: 20px;
2808
}
2809
 
2810
.checky-sec.st2 .fgt-sec input[type="checkbox"]+label span {
2811
    margin-top: 3px;
2812
}
2813
 
2814
.fgt-sec {
2815
    /* float: left; */
2816
}
2817
 
2818
.fgt-sec * {
2819
    cursor: pointer;
2820
}
2821
 
2822
.fgt-sec input[type="checkbox"] {
2823
    display: none;
2824
}
2825
 
2826
.fgt-sec label {
2827
    float: left;
2828
}
2829
 
2830
.fgt-sec input[type="checkbox"]+label span {
2831
    display: inline-block;
2832
    width: 15px;
2833
    height: 15px;
2834
    position: relative;
2835
    border: 1px solid #d2d2d2;
2836
    -webkit-border-radius: 100px;
2837
    -moz-border-radius: 100px;
2838
    -ms-border-radius: 100px;
2839
    -o-border-radius: 100px;
2840
    border-radius: 100px;
2841
}
2842
 
2843
.fgt-sec input[type="checkbox"]+label span:before {
2844
    content: "";
2845
    width: 7px;
2846
    height: 7px;
2847
    -webkit-border-radius: 100px;
2848
    -moz-border-radius: 100px;
2849
    -ms-border-radius: 100px;
2850
    -o-border-radius: 100px;
2851
    border-radius: 100px;
2852
    font-size: 8px;
2853
    color: #ffffff;
2854
    opacity: 0;
2855
    visibility: hidden;
2856
    background-color: #e44d3a;
2857
    position: absolute;
2858
    font-family: fontawesome;
2859
    top: 50%;
2860
    left: 50%;
2861
    -webkit-transform: translateX(-50%) translateY(-50%);
2862
    -moz-transform: translateX(-50%) translateY(-50%);
2863
    -ms-transform: translateX(-50%) translateY(-50%);
2864
    -o-transform: translateX(-50%) translateY(-50%);
2865
    transform: translateX(-50%) translateY(-50%);
2866
}
2867
 
2868
.fgt-sec input[type="checkbox"]:checked+label span:before {
2869
    opacity: 1;
2870
    visibility: visible;
2871
}
2872
 
2873
.fgt-sec small {
2874
    /* float: left; */
2875
    color: #000000;
2876
    font-size: 14px;
2877
    font-weight: 500;
2878
    padding-left: 10px;
2879
}
2880
 
2881
.checky-sec>a {
2882
    float: right;
2883
    color: #000000;
2884
    font-size: 14px;
2885
    font-weight: 500;
2886
}
2887
 
2888
/* ======= Radio Button Styles ======= */
2889
 
2890
.fgt-sec input[type="radio"] {
2891
    display: none;
2892
}
2893
 
2894
.fgt-sec label {
2895
    float: left;
2896
}
2897
 
2898
.fgt-sec input[type="radio"]+label span {
2899
    display: inline-block;
2900
    width: 15px;
2901
    height: 15px;
2902
    position: relative;
2903
    border: 1px solid #d2d2d2;
2904
    -webkit-border-radius: 100px;
2905
    -moz-border-radius: 100px;
2906
    -ms-border-radius: 100px;
2907
    -o-border-radius: 100px;
2908
    border-radius: 100px;
2909
}
2910
 
2911
.fgt-sec input[type="radio"]+label span:before {
2912
    content: "";
2913
    width: 7px;
2914
    height: 7px;
2915
    -webkit-border-radius: 100px;
2916
    -moz-border-radius: 100px;
2917
    -ms-border-radius: 100px;
2918
    -o-border-radius: 100px;
2919
    border-radius: 100px;
2920
    font-size: 8px;
2921
    color: #ffffff;
2922
    opacity: 0;
2923
    visibility: hidden;
2924
    background-color: #e44d3a;
2925
    position: absolute;
2926
    font-family: fontawesome;
2927
    top: 49%;
2928
    left: 49%;
2929
    -webkit-transform: translateX(-50%) translateY(-50%);
2930
    -moz-transform: translateX(-50%) translateY(-50%);
2931
    -ms-transform: translateX(-50%) translateY(-50%);
2932
    -o-transform: translateX(-50%) translateY(-50%);
2933
    transform: translateX(-50%) translateY(-50%);
2934
}
2935
 
2936
.fgt-sec input[type="radio"]:checked+label span:before {
2937
    opacity: 1;
2938
    visibility: visible;
2939
}
2940
 
2941
/* =============== signup-tab ============== */
2942
 
2943
.signup-tab {
2944
    float: left;
2945
    width: 100%;
2946
    border: 1px solid #e5e5e5;
2947
    text-align: center;
2948
    padding: 15px 0;
2949
    margin-bottom: 20px;
2950
    position: relative;
2951
    margin-top: -30px;
2952
}
2953
 
2954
.signup-tab>i {
2955
    position: absolute;
2956
    top: 15px;
2957
    left: 13px;
2958
    color: #000;
2959
    font-size: 14px;
2960
}
2961
 
2962
.signup-tab h2 {
2963
    color: #000000;
2964
    font-size: 14px;
2965
    font-weight: 500;
2966
    margin-bottom: 15px;
2967
}
2968
 
2969
.signup-tab ul {
2970
    float: left;
2971
    width: 100%;
2972
}
2973
 
2974
.signup-tab ul li {
2975
    display: inline-block;
2976
    margin-right: -4px;
2977
}
2978
 
2979
.signup-tab ul li a {
2980
    color: #000000;
2981
    font-size: 14px;
2982
    font-weight: 500;
2983
    background-color: #e5e5e5;
2984
    padding: 10px 15px;
2985
    -webkit-border-radius: 3px 0px 0px 3px;
2986
    -moz-border-radius: 3px 0px 0px 3px;
2987
    -ms-border-radius: 3px 0px 0px 3px;
2988
    -o-border-radius: 3px 0px 0px 3px;
2989
    border-radius: 3px 0px 0px 3px;
2990
    display: inline-block;
2991
}
2992
 
2993
.signup-tab ul li.current a {
2994
    background-color: #e44d3a;
2995
    color: #fff;
2996
}
2997
 
2998
.signup-tab ul li:last-child a {
2999
    -webkit-border-radius: 0px 3px 3px 0px;
3000
    -moz-border-radius: 0px 3px 3px 0px;
3001
    -ms-border-radius: 0px 3px 3px 0px;
3002
    -o-border-radius: 0px 3px 3px 0px;
3003
    border-radius: 0px 3px 3px 0px;
3004
}
3005
 
3006
/* ============ login-resources ============= */
3007
 
3008
.login-resources {
3009
    float: left;
3010
    width: 100%;
3011
    text-align: center;
3012
    margin-top: 27px;
3013
}
3014
 
3015
.login-resources h4 {
3016
    color: #000000;
3017
    font-size: 14px;
3018
    font-weight: 600;
3019
    margin-bottom: 30px;
3020
    text-transform: uppercase;
3021
}
3022
 
3023
.login-resources ul {
3024
    float: left;
3025
    width: 100%;
3026
}
3027
 
3028
.login-resources ul li {
3029
    float: left;
3030
    width: 100%;
3031
    margin-bottom: 20px;
3032
}
3033
 
3034
.login-resources ul li a {
3035
    color: #ffffff;
3036
    font-size: 15px;
3037
    font-weight: 500;
3038
    float: left;
3039
    width: 100%;
3040
    padding: 10px 0;
3041
}
3042
 
3043
.login-resources ul li a i {
3044
    margin-right: 15px;
3045
}
3046
 
3047
.fb {
3048
    background-color: #3b5998;
3049
}
3050
 
3051
.tw {
3052
    background-color: #4099ff;
3053
}
3054
 
3055
.tw .fa-twitter {
3056
    color: #fff;
3057
}
3058
 
3059
/* =============== footy-sec ============= */
3060
 
3061
.footy-sec {
3062
    width: 100%;
4904 stevensc 3063
    padding: 2rem 0;
3064
    display: flex;
3065
    flex-wrap: wrap;
3066
    justify-content: center;
4905 stevensc 3067
    gap: .5rem;
3068
    align-items: center;
1239 steven 3069
}
3070
 
4905 stevensc 3071
.footy-sec .fl-rgt {
3072
    max-width: 40px;
3073
    display: inline-flex;
3074
}
3075
 
4904 stevensc 3076
.footy-sec .row {
4905 stevensc 3077
    gap: .5rem;
3078
    width: 94% !important;
4904 stevensc 3079
    display: flex;
4905 stevensc 3080
    justify-content: space-evenly;
1239 steven 3081
}
3082
 
3083
.footy-sec p {
3084
    font-size: 14px;
3085
    font-weight: 500;
3086
}
3087
 
3088
footer {
3089
    background-color: #fff;
3451 stevensc 3090
    float: left;
3091
    width: 100%;
4754 stevensc 3092
    display: none;
1239 steven 3093
}
3094
 
4754 stevensc 3095
@media (min-width: 768px) {
3096
    footer {
3097
        display: block;
3098
    }
3099
}
3100
 
2263 stevensc 3101
footer a {
3102
    color: var(--dark);
3103
}
3104
 
2266 stevensc 3105
footer .footer-row {
2265 stevensc 3106
    display: grid;
3107
    gap: 5px;
2436 stevensc 3108
    grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
2265 stevensc 3109
}
3110
 
1239 steven 3111
.footy-sec.mn p {
3112
    color: #b2b2b2;
3113
}
3114
 
3115
/* ================== USER PROFILE =================== */
3116
 
2366 stevensc 3117
.cover-sec {
3118
    height: 280px;
3085 stevensc 3119
    background-color: #fff;
2366 stevensc 3120
    overflow: hidden;
3121
}
3122
 
1239 steven 3123
.cover-sec img {
3124
    width: 100%;
3125
}
3126
 
3127
.cover-sec>a {
3128
    display: inline-block;
3129
    color: #e44d3a;
3130
    font-size: 16px;
3131
    background-color: #fff;
3132
    border: 1px solid #e44d3a;
3133
    position: absolute;
3134
    top: 30px;
3135
    right: 0;
3136
    padding: 10px 15px;
3137
    font-weight: 600;
3138
    margin-right: 15px;
3139
}
3140
 
3141
.cover-sec>a i {
3142
    padding-right: 5px;
3143
}
3144
 
3145
/* ============= user_profile ============= */
3146
 
3147
.user_profile {
3148
    width: 100%;
3149
    background-color: #fff;
3150
    margin-bottom: 20px;
2375 stevensc 3151
    border-radius: 10px;
1239 steven 3152
    text-align: center;
3153
}
3154
 
3155
.user-pro-img {
3156
    width: 100%;
3157
    text-align: center;
3158
    margin-bottom: 28px;
3159
    position: relative;
3160
}
3161
 
3162
.user-pro-img .add-dp {
3163
    position: absolute;
3164
    top: 10px;
3165
    left: 60%;
3166
}
3167
 
3168
.add-dp i {
3169
    bottom: 0;
3170
    font-size: 14px;
3171
    box-shadow: none;
3172
    position: relative;
3173
    border-radius: 50px;
3174
    width: 40px;
3175
    height: 40px;
3176
    text-align: center;
3177
    background: #e44d3a;
3178
    padding: 12px;
3179
    color: #ffff;
3180
    left: 0;
3181
    top: -5px;
3182
}
3183
 
3184
.add-dp i:hover {
3185
    font-size: 14px;
3186
    border: 2px solid #fff;
3187
    background: #e44d3a;
3188
    padding: 11px;
3189
}
3190
 
3191
.add-dp {
3192
    margin: -16px;
3193
    padding: 0;
3194
}
3195
 
3196
.add-dp input[type="file"] {
3197
    opacity: 0;
3198
    padding: 10px 0px 9px;
3199
    display: none;
3200
}
3201
 
3202
.user-pro-img img {
3203
    -webkit-border-radius: 100px;
3204
    -moz-border-radius: 100px;
3205
    -ms-border-radius: 100px;
3206
    -o-border-radius: 100px;
2703 stevensc 3207
    max-width: 150px;
1239 steven 3208
    border-radius: 100px;
3209
    float: none;
3210
    border: 5px solid #fff;
3211
}
3212
 
3213
.user_pro_status {
3214
    width: 100%;
3215
    border-bottom: 1px solid #e5e5e5;
3216
    padding-bottom: 27px;
3217
}
3218
 
3219
.flw-hr {
3220
    float: left;
3221
    width: 100%;
3222
    margin-bottom: 30px;
3223
}
3224
 
3225
.flw-hr li {
3226
    display: inline-block;
3227
    margin-right: 17px;
3228
}
3229
 
3230
.flw-hr li:last-child {
3231
    margin-right: 0;
3232
}
3233
 
3234
.flw-hr li a {
3235
    display: inline-block;
3236
    color: #ffffff;
3237
    font-size: 16px;
3238
    font-weight: 600;
3239
    padding: 11px 15px;
3240
}
3241
 
3242
.flw-hr li a i {
3243
    padding-right: 5px;
3244
}
3245
 
3246
.flww {
3247
    background-color: #53d690;
3248
}
3249
 
3250
.hre {
3251
    background-color: #51a5fb;
3252
}
3253
 
3254
/* =============== flw-status ============ */
3255
 
3256
.flw-status {
3257
    float: left;
3258
    width: 100%;
3259
}
3260
 
3261
.flw-status li {
3262
    display: inline-block;
3263
    margin-right: 50px;
3264
}
3265
 
3266
.flw-status li:last-child {
3267
    margin-right: 0;
3268
}
3269
 
3270
.flw-status li span {
3271
    color: #686868;
3272
    font-size: 20px;
3273
    font-weight: 500;
3274
    margin-bottom: 15px;
3275
    display: block;
3276
}
3277
 
3278
.flw-status li b {
3279
    color: #000000;
3280
    font-size: 20px;
3281
    font-weight: 600;
3282
}
3283
 
3284
/* ================== social_links ============= */
3285
 
3286
.social_links {
3287
    float: left;
3288
    width: 100%;
3289
    text-align: left;
3290
}
3291
 
3292
.social_links li {
3293
    float: left;
3294
    width: 100%;
3295
    padding: 15px 15px;
3296
    border-bottom: 1px solid #e5e5e5;
3297
}
3298
 
3299
.social_links li a {
3300
    float: left;
3301
    width: 100%;
3302
    color: #51a5fb;
3303
    font-size: 14px;
3304
    font-weight: 400;
3305
    text-overflow: ellipsis;
3306
    white-space: nowrap;
3307
    overflow: hidden;
3308
}
3309
 
3310
.modal-md {
3311
    max-width: 55vw;
3312
}
3313
 
3314
@media(min-width: 721px) {
3315
    .group-view-tab {
3316
        margin-left: 3.5rem;
3317
    }
2197 stevensc 3318
 
1239 steven 3319
    .group-view-tab span {
3320
        text-overflow: ellipsis;
3321
        white-space: nowrap;
3322
        overflow: hidden;
3323
    }
3324
}
3325
 
3326
@media(max-width: 720px) {
3327
    .group-view-tab {
3328
        margin-left: 3.5rem;
3329
    }
3330
}
3331
 
3332
.text-decoration-underline {
3333
    text-decoration: underline !important;
3334
}
3335
 
3336
.ellipsis {
3337
    text-overflow: ellipsis;
3338
    white-space: nowrap;
3339
    overflow: hidden;
3340
}
3341
 
3342
.social_links li a i {
3343
    padding-right: 5px;
3344
    font-size: 20px;
3345
    position: relative;
3346
    top: 3px;
3347
}
3348
 
3349
.la-globe {
3350
    color: #51a5fb;
3351
}
3352
 
3353
/* ================= user-tab-sec ============== */
3354
 
2468 stevensc 3355
.notifications-grid {
3356
    display: grid;
3357
    grid-template-columns: 1fr;
3358
}
3359
 
3360
@media (min-width: 768px) {
3361
    .notifications-grid {
3362
        display: grid;
3363
        grid-template-columns: 30% 70%;
3364
        padding: 0 5%;
3365
    }
3366
}
3367
 
2458 stevensc 3368
.show_filters {
3369
    display: block;
3370
}
3371
 
3372
.hidden_filters {
2464 stevensc 3373
    display: none !important;
2458 stevensc 3374
}
3375
 
2459 stevensc 3376
@media (min-width: 768px) {
2458 stevensc 3377
    .show_filters {
3378
        display: none;
3379
    }
3380
 
3381
    .hidden_filters {
2465 stevensc 3382
        display: block !important;
2458 stevensc 3383
    }
3384
}
3385
 
3386
/* ================= user-tab-sec ============== */
3387
 
1239 steven 3388
.user-tab-sec {
3389
    width: 100%;
3390
    padding-top: 4px;
3391
}
3392
 
3393
.user-tab-sec h3 {
3394
    color: #000000;
3395
    font-size: 24px;
3396
    font-weight: 600;
3397
    text-transform: capitalize;
3398
    margin-bottom: 15px;
3399
}
3400
 
3401
.star-descp {
3402
    float: left;
3403
    width: 100%;
3404
    margin-bottom: 10px;
3405
}
3406
 
3407
.star-descp ul li {
3408
    margin-right: 5px !important;
3409
}
3410
 
3411
.star-descp>a {
3412
    float: left;
3413
    color: #51a5fb;
3414
    font-size: 18px;
3415
    font-weight: 600;
3416
    margin-left: 20px;
3417
    text-decoration: underline;
3418
}
3419
 
3420
.star-descp>a:hover {
3421
    color: #51a5fb;
3422
}
3423
 
3424
.star-descp span {
3425
    float: left;
3426
    color: #686868;
3427
    font-size: 18px;
3428
    font-weight: 600;
3429
    margin-right: 20px;
3430
}
3431
 
3432
.star-descp>ul {
3433
    float: left;
3434
}
3435
 
3436
.star-descp ul li {
3437
    display: inline-block;
3438
}
3439
 
3440
.star-descp ul li i {
3441
    color: #b7ce1f;
3442
    font-size: 16px;
3443
}
3444
 
3445
.tab-feed {
3446
    float: left;
3447
    width: 100%;
3448
    margin-bottom: 45px;
3449
    margin-top: 20px;
3450
}
3451
 
3452
.tab-feed ul {
3453
    float: left;
3454
    width: 100%;
3455
}
3456
 
3457
.tab-feed ul li {
3458
    display: inline-block;
3459
    margin-right: 35px;
3460
    text-align: center;
3461
}
3462
 
3463
.savetext ul {
3464
    border-bottom: none !important;
3465
}
3466
 
3467
.tab-feed.st2 ul li {
3468
    margin-right: 17px;
3469
}
3470
 
3471
.tab-feed ul li:last-child {
3472
    margin-right: 0;
3473
}
3474
 
3475
.tab-feed ul li.active img {
3476
    filter: grayscale(0);
3477
}
3478
 
3479
.tab-feed ul li.active span {
3480
    color: #e44d3a;
3481
}
3482
 
3483
.tab-feed ul li img {
3484
    float: none;
3485
    margin-bottom: 5px;
3486
    filter: grayscale(100%);
3487
}
3488
 
3489
.tab-feed ul li span {
3490
    display: block;
3491
    color: #b2b2b2;
3492
    font-weight: 400;
3493
    font-size: 16px;
3494
}
3495
 
3496
.tab-feed ul li:last-child {
3497
    margin-right: 0;
3498
}
3499
 
3500
/* ================ message-btn ============= */
3501
 
3502
.message-btn {
3503
    /* float: right; margin-top: 20px; margin-bottom: 30px; */
3504
}
3505
 
3506
.message-btn a {
3507
    display: inline-block;
3508
    font-size: 16px;
3509
    padding: 12px;
3510
    font-weight: 500;
3511
}
3512
 
3513
.message-btn a:hover {
3514
    color: #fff;
3515
}
3516
 
3517
.message-btn a i {
3518
    padding-right: 5px;
3519
}
3520
 
3521
/* ============== widget-portfolio ============== */
3522
 
3523
.wd-heady {
3524
    float: left;
3525
    width: 100%;
3526
    padding: 20px 20px;
3527
    border-bottom: 1px solid #e5e5e5;
3528
}
3529
 
3530
.wd-heady h3 {
3531
    color: #000000;
3532
    font-size: 18px;
3533
    font-weight: 600;
3534
    float: left;
3535
}
3536
 
3537
.wd-heady img {
3538
    float: right;
3539
}
3540
 
3541
.pf-gallery {
3542
    float: left;
3543
    width: 100%;
3544
    padding: 15px 15px;
3545
}
3546
 
3547
.pf-gallery ul {
3548
    float: left;
3549
    width: 100%;
3550
}
3551
 
3552
.pf-gallery ul li {
3553
    float: left;
3554
    width: 33.33%;
3555
    padding: 5px;
3556
    overflow: hidden;
3557
}
3558
 
3559
.pf-gallery ul li:hover {
3560
    -webkit-transform: scale(1.2);
3561
    -moz-transform: scale(1.2);
3562
    -ms-transform: scale(1.2);
3563
    -o-transform: scale(1.2);
3564
    transform: scale(1.2);
3565
}
3566
 
3567
.pf-gallery img {
3568
    width: 100%;
3569
}
3570
 
3571
.product-feed-tab {
2946 stevensc 3572
    padding-top: 1rem;
2912 stevensc 3573
    display: flex;
3574
    flex-direction: column;
3575
    gap: .5rem;
1239 steven 3576
}
3577
 
3578
.product-feed-tab.current {
3579
    display: block;
3580
}
3581
 
3582
/* =============== user-profile-ov ================ */
3583
 
3584
.user-profile-ov {
3585
    float: left;
3586
    width: 100%;
3587
    background-color: #fff;
3588
    padding: 30px 20px;
3589
    border-left: 1px solid #e4e4e4;
3590
    border-bottom: 1px solid #e4e4e4;
3591
    border-right: 1px solid #e4e4e4;
3592
    margin-bottom: 20px;
3593
}
3594
 
3595
.user-profile-ov h3 {
3596
    color: #000000;
3597
    font-size: 18px;
3598
    font-weight: 600;
3599
    margin-bottom: 20px;
3600
}
3601
 
3602
.user-profile-ov h3 a {
3603
    color: #000000;
3604
}
3605
 
3606
.user-profile-ov i {
3607
    color: #000000;
3608
    font-size: 13px;
3609
    padding-left: 5px;
3610
}
3611
 
3612
.user-profile-ov h4 {
3613
    font-size: 16px;
3614
    color: #000;
3615
    font-weight: 600;
3616
    margin-bottom: 10px;
3617
}
3618
 
3619
.user-profile-ov p {
3620
    color: #686868;
3621
    font-size: 14px;
3622
    line-height: 24px;
3623
}
3624
 
3625
.user-profile-ov.st2 p {
3626
    margin-bottom: 23px;
3627
}
3628
 
3629
.no-margin {
3630
    margin: 0 !important;
3631
}
3632
 
3633
.user-profile-ov>span {
3634
    color: #686868;
3635
    font-size: 14px;
3636
    float: left;
3637
    width: 100%;
3638
    margin-bottom: 8px;
3639
    margin-top: 3px;
3640
}
3641
 
3642
.user-profile-ov ul {
3643
    float: left;
3644
    width: 100%;
3645
}
3646
 
3647
.user-profile-ov ul li {
3648
    display: inline-block;
3649
    margin-bottom: 10px;
3650
    padding: 0 2px;
3651
}
3652
 
3653
.user-profile-ov ul li a {
3654
    display: inline-block;
3655
    color: #b2b2b2;
3656
    font-size: 14px;
3657
    font-weight: 600;
3658
    background-color: #e5e5e5;
3659
    -webkit-border-radius: 30px;
3660
    -moz-border-radius: 30px;
3661
    -ms-border-radius: 30px;
3662
    -o-border-radius: 30px;
3663
    border-radius: 30px;
3664
    padding: 10px 15px;
3665
}
3666
 
3667
/* ==================== portfolio-gallery-sec ==================== */
3668
 
3669
.portfolio-gallery-sec {
3670
    float: left;
3671
    width: 100%;
3672
    background-color: #fff;
3673
    padding: 30px 20px;
3674
    border-left: 1px solid #e4e4e4;
3675
    border-right: 1px solid #e4e4e4;
3676
    border-bottom: 1px solid #e4e4e4;
3677
}
3678
 
3679
.portfolio-gallery-sec h3 {
3680
    font-weight: 600;
3681
    font-size: 18px;
3682
    margin-bottom: 32px;
3683
    padding-left: 5px;
3684
    float: left;
3685
}
3686
 
3687
.portfolio-btn {
3688
    float: right;
3689
}
3690
 
3691
.portfolio-btn a {
3692
    display: inline-block;
3693
    color: #e44d3a;
3694
    font-size: 16px;
3695
    font-weight: 600;
3696
}
3697
 
3698
.portfolio-btn a i {
3699
    margin-right: 5px;
3700
}
3701
 
3702
.gallery_pf {
3703
    float: left;
3704
    width: 100%;
3705
    margin-bottom: -5px;
3706
}
3707
 
3708
.gallery_pf .col-lg-4 {
3709
    padding: 5px;
3710
}
3711
 
3712
.gallery_pt {
3713
    float: left;
3714
    width: 100%;
3715
    position: relative;
3716
    overflow: hidden;
3717
}
3718
 
3719
.gallery_pt:hover:before {
3720
    opacity: 1;
3721
    visibility: visible;
3722
    height: 100%;
3723
}
3724
 
3725
.gallery_pt:before {
3726
    content: "";
3727
    position: absolute;
3728
    top: 0;
3729
    left: 0;
3730
    width: 100%;
3731
    height: 0;
3732
    background-color: rgba(0, 0, 0, 0.6);
3733
    opacity: 0;
3734
    visibility: hidden;
3735
}
3736
 
3737
.gallery_pt img {
3738
    width: 100%;
3739
    height: 134px;
3740
    object-fit: cover;
3741
}
3742
 
3743
.row {
3744
    margin: 0;
3745
}
3746
 
3747
.gallery_pt>a {
3748
    position: absolute;
3749
    top: 100%;
3750
    left: 0;
3751
    float: left;
3752
    width: 100%;
3753
    text-align: center;
3754
    -webkit-transform: translateY(-50%);
3755
    -moz-transform: translateY(-50%);
3756
    -ms-transform: translateY(-50%);
3757
    -o-transform: translateY(-50%);
3758
    transform: translateY(-50%);
3759
    opacity: 0;
3760
    visibility: hidden;
3761
}
3762
 
3763
.gallery_pt:hover>a {
3764
    opacity: 1;
3765
    visibility: visible;
3766
    top: 50%;
3767
}
3768
 
3769
.gallery_pt>a img {
3770
    float: none;
3771
    width: auto;
3772
    height: auto;
3773
}
3774
 
3775
/* ============== overview-box ============= */
3776
 
3777
.overview-box {
3778
    width: 570px;
3779
    position: fixed;
3780
    top: 50%;
3781
    left: 50%;
3782
    -webkit-transform: translateX(-50%) translateY(-50%);
3783
    -moz-transform: translateX(-50%) translateY(-50%);
3784
    -ms-transform: translateX(-50%) translateY(-50%);
3785
    -o-transform: translateX(-50%) translateY(-50%);
3786
    transform: translateX(-50%) translateY(-50%);
3787
    opacity: 0;
3788
    visibility: hidden;
3789
    z-index: 0;
3790
}
3791
 
3792
.close-box {
3793
    position: absolute;
3794
    top: -20px;
3795
    right: -20px;
3796
    color: #fff;
3797
    font-size: 14px;
3798
    text-align: center;
3799
    width: 22px;
3800
    height: 22px;
3801
    line-height: 22px;
3802
    border: 1px solid #fff;
3803
    -webkit-border-radius: 100px;
3804
    -moz-border-radius: 100px;
3805
    -ms-border-radius: 100px;
3806
    -o-border-radius: 100px;
3807
    border-radius: 100px;
3808
    font-weight: 600;
3809
}
3810
 
3811
.close-box:hover {
3812
    color: #fff;
3813
}
3814
 
3815
.overview-box.open {
3816
    opacity: 1;
3817
    visibility: visible;
3818
    z-index: 99999;
3819
}
3820
 
3821
.overview-edit {
3822
    float: left;
3823
    width: 100%;
3824
    background-color: #fff;
3825
    padding: 30px 20px;
3826
}
3827
 
3828
.overview-edit h3 {
3829
    color: #000000;
3830
    font-size: 18px;
3831
    font-weight: 600;
3832
    float: left;
3833
    width: 100%;
3834
    margin-bottom: 25px;
3835
}
3836
 
3837
.overview-edit span {
3838
    color: #b2b2b2;
3839
    font-size: 12px;
3840
    float: right;
3841
    margin-bottom: 5px;
3842
}
3843
 
3844
.overview-edit form {
3845
    float: left;
3846
    width: 100%;
3847
}
3848
 
3849
.overview-edit form input {
3850
    height: 40px;
3851
    padding-left: 15px;
3852
    margin-bottom: 20px;
3853
}
3854
 
3855
.overview-edit form textarea,
3856
.overview-edit form input,
3857
.overview-edit form select {
3858
    width: 100%;
3859
    border: 1px solid #e5e5e5;
3860
    resize: none;
3861
    color: #b2b2b2;
3862
    font-size: 14px;
3863
}
3864
 
3865
.overview-edit form select {
3866
    line-height: 40px;
3867
    padding-left: 40px;
3868
    margin-bottom: 20px;
3869
}
3870
 
3871
.overview-edit form textarea {
3872
    height: 160px;
3873
    margin-bottom: 30px;
3874
    padding: 15px;
3875
}
3876
 
3877
.save {
3878
    background-color: #e44d3a;
3879
    color: #fff;
3880
    border-color: transparent;
3881
}
3882
 
3883
.save-add {
3884
    background-color: #fff;
3885
    padding: 13px 13px !important;
3886
}
3887
 
3888
.overview-edit button {
3889
    float: left;
3890
    border: 1px solid #e5e5e5;
3891
    font-weight: 600;
3892
    font-size: 16px;
3893
    padding: 13px 34px;
3894
    margin-right: 20px;
3895
    outline: none;
3896
    cursor: pointer;
3897
}
3898
 
3899
.cancel {
3900
    background-color: #fff;
3901
    color: #000;
3902
}
3903
 
3904
.datepicky {
3905
    float: left;
3906
    width: 100%;
3907
}
3908
 
3909
.no-left-pd {
3910
    padding: 0;
3911
}
3912
 
3913
.no-righ-pd {
3914
    padding-right: 0;
3915
}
3916
 
3917
.datefm {
3918
    float: left;
3919
    width: 100%;
3920
    position: relative;
3921
}
3922
 
3923
.datefm i {
3924
    position: absolute;
3925
    top: 11px;
3926
    right: 15px;
3927
    font-size: 18px;
3928
    color: #b2b2b2;
3929
}
3930
 
3931
#location-box .datefm i {
3932
    right: auto;
3933
    left: 15px;
3934
}
3935
 
3936
#location-box .datefm input {
3937
    padding-left: 40px;
3938
}
3939
 
3940
#skills-box ul {
3941
    float: left;
3942
    width: 100%;
3943
    margin-bottom: 20px;
3944
}
3945
 
3946
#skills-box ul li {
3947
    display: inline-block;
3948
    margin-right: 10px;
3949
    position: relative;
3950
}
3951
 
3952
.skl-name {
3953
    display: inline-block;
3954
    color: #b2b2b2;
3955
    font-size: 14px;
3956
    font-weight: 500;
3957
    background-color: #e5e5e5;
3958
    -webkit-border-radius: 30px;
3959
    -moz-border-radius: 30px;
3960
    -ms-border-radius: 30px;
3961
    -o-border-radius: 30px;
3962
    border-radius: 30px;
3963
    text-transform: uppercase;
3964
    padding: 10px 30px 10px 12px;
3965
    position: relative;
3966
}
3967
 
3968
.close-skl {
3969
    position: absolute;
3970
    top: 10px;
3971
    right: 10px;
3972
    color: #b2b2b2;
3973
    font-size: 14px;
3974
}
3975
 
3976
.file-submit {
3977
    border: 1px solid #e5e5e5;
3978
    position: relative;
3979
    padding: 0px;
3980
    height: 40px;
3981
    margin-bottom: 20px;
3982
    border-radius: 3px;
3983
}
3984
 
3985
.file-submit [type="file"] {
3986
    height: 40px;
3987
    overflow: hidden;
3988
    width: 100%;
3989
    float: left;
3990
    position: absolute;
3991
    padding: 10px 4px 0px 12px;
3992
    font-size: 14px;
3993
    opacity: 0;
3994
    display: none;
3995
}
3996
 
3997
.file-submit [type="file"]+label {
3998
    background: #e44d3a;
3999
    border: none;
4000
    float: left;
4001
    border-top-right-radius: 0px;
4002
    border-bottom-right-radius: 0px;
4003
    border-top-left-radius: 3px;
4004
    border-bottom-left-radius: 3px;
4005
    color: #fff;
4006
    cursor: pointer;
4007
    /* display: inline-block; */
4008
    font-size: 14px;
4009
    font-weight: 500;
4010
    outline: none;
4011
    padding: 12px 15px;
4012
    position: relative;
4013
    transition: all 0.3s;
4014
    vertical-align: middle;
4015
    margin: 0;
4016
}
4017
 
4018
.file-submit.nomg {
4019
    border: 0;
4020
    margin-bottom: 20px;
4021
}
4022
 
4023
.file-submit.nomg input {
4024
    margin-bottom: 0;
4025
    padding-top: 0;
4026
}
4027
 
4028
.daty {
4029
    float: left;
4030
    width: 100%;
4031
    position: relative;
4032
}
4033
 
4034
.daty>i {
4035
    position: absolute;
4036
    top: 10px;
4037
    right: 15px;
4038
    color: #b2b2b2;
4039
    font-size: 20px;
4040
}
4041
 
4042
a:hover {
4043
    color: initial;
4044
}
4045
 
4046
.pf-img {
4047
    float: left;
4048
    width: 100%;
4049
    background-color: #f2f2f2;
4050
    padding: 15px;
4051
    margin-bottom: 20px;
4052
}
4053
 
4054
/* ================= billing-method ============== */
4055
 
4056
.billing-method {
4057
    float: left;
4058
    width: 100%;
4059
    background-color: #fff;
4060
    border-left: 1px solid #e4e4e4;
4061
    border-right: 1px solid #e4e4e4;
4062
    border-bottom: 1px solid #e4e4e4;
4063
    margin-bottom: 20px;
4064
}
4065
 
4066
.billing-method ul {
4067
    float: left;
4068
    width: 100%;
4069
}
4070
 
4071
.billing-method ul li {
4072
    float: left;
4073
    width: 100%;
4074
    border-bottom: 1px solid #e5e5e5;
4075
    padding: 25px 20px;
4076
}
4077
 
4078
.billing-method ul li h3 {
4079
    color: #000000;
4080
    font-size: 18px;
4081
    font-weight: 600;
4082
    float: left;
4083
}
4084
 
4085
.billing-method ul li a,
4086
.billing-method ul li span {
4087
    float: right;
4088
    color: #000000;
4089
    font-size: 13px;
4090
    text-transform: capitalize;
4091
    font-weight: 600;
4092
    margin-top: 3px;
4093
}
4094
 
4095
.billing-method ul li i {
4096
    font-size: 13px;
4097
    color: #e44d3a;
4098
}
4099
 
4100
.lt-sec {
4101
    float: left;
4102
    width: 100%;
4103
    text-align: center;
4104
    padding: 30px 0;
4105
}
4106
 
4107
.lt-sec img {
4108
    float: none;
4109
    margin-bottom: 15px;
4110
}
4111
 
4112
.lt-sec h4 {
4113
    color: #686868;
4114
    font-size: 18px;
4115
    font-weight: 600;
4116
    margin-bottom: 25px;
4117
}
4118
 
4119
.lt-sec>a {
4120
    display: inline-block;
4121
    color: #ffffff;
4122
    font-size: 16px;
4123
    background-color: #e44d3a;
4124
    padding: 10px 25px;
4125
}
4126
 
4127
/* ============== add-billing-method ============== */
4128
 
4129
.add-billing-method {
4130
    float: left;
4131
    width: 100%;
4132
    background-color: #fff;
4133
    border-left: 1px solid #e4e4e4;
4134
    border-right: 1px solid #e4e4e4;
4135
    border-bottom: 1px solid #e4e4e4;
4136
}
4137
 
4138
.add-billing-method h3 {
4139
    color: #000000;
4140
    font-size: 18px;
4141
    font-weight: 600;
4142
    padding: 20px 20px;
4143
    border-bottom: 1px solid #e5e5e5;
4144
}
4145
 
4146
.add-billing-method>h4 {
4147
    color: #686868;
4148
    font-size: 13px;
4149
    font-weight: 500;
4150
    padding: 20px 20px;
4151
    border-bottom: 1px solid #e5e5e5;
4152
    float: left;
4153
    width: 100%;
4154
}
4155
 
4156
.add-billing-method img {
4157
    margin-right: 10px;
4158
}
4159
 
4160
.add-billing-method span {
4161
    margin-top: 4px;
4162
    float: left;
4163
}
4164
 
4165
/* ============= payment_methods ============ */
4166
 
4167
.payment_methods {
4168
    float: left;
4169
    width: 100%;
4170
}
4171
 
4172
.payment_methods>h4 {
4173
    color: #000000;
4174
    font-size: 16px;
4175
    font-weight: 600;
4176
    position: relative;
4177
    padding: 25px 20px 25px 45px;
4178
    float: left;
4179
    width: 100%;
4180
}
4181
 
4182
.rowwy {
4183
    float: left;
4184
    width: 100%;
4185
}
4186
 
4187
.pd-left-none {
4188
    padding-left: 0;
4189
}
4190
 
4191
.pd-right-none {
4192
    padding-right: 0;
4193
}
4194
 
4195
.payment_methods h4:before {
4196
    content: "";
4197
    position: absolute;
4198
    top: 50%;
4199
    -webkit-transform: translateY(-50%);
4200
    -moz-transform: translateY(-50%);
4201
    -ms-transform: translateY(-50%);
4202
    -o-transform: translateY(-50%);
4203
    transform: translateY(-50%);
4204
    left: 20px;
4205
    width: 15px;
4206
    height: 15px;
4207
    border: 1px solid #e6e6e6;
4208
    -webkit-border-radius: 100px;
4209
    -moz-border-radius: 100px;
4210
    -ms-border-radius: 100px;
4211
    -o-border-radius: 100px;
4212
    border-radius: 100px;
4213
}
4214
 
4215
.payment_methods h4:after {
4216
    content: "";
4217
    position: absolute;
4218
    top: 50%;
4219
    -webkit-transform: translateY(-50%);
4220
    -moz-transform: translateY(-50%);
4221
    -ms-transform: translateY(-50%);
4222
    -o-transform: translateY(-50%);
4223
    transform: translateY(-50%);
4224
    left: 24px;
4225
    width: 7px;
4226
    height: 7px;
4227
    background-color: #e44d3a;
4228
    -webkit-border-radius: 100px;
4229
    -moz-border-radius: 100px;
4230
    -ms-border-radius: 100px;
4231
    -o-border-radius: 100px;
4232
    border-radius: 100px;
4233
}
4234
 
4235
.payment_methods form {
4236
    float: left;
4237
    width: 100%;
4238
    padding-bottom: 30px;
4239
    border-bottom: 1px solid #e5e5e5;
4240
}
4241
 
4242
.payment_methods form button {
4243
    color: #ffffff;
4244
    font-size: 16px;
4245
    background-color: #e44d3a;
4246
    padding: 10px 15px;
4247
    border: 0;
4248
    cursor: pointer;
4249
}
4250
 
4251
.payment_methods form input {
4252
    width: 100%;
4253
    height: 40px;
4254
    border: 1px solid #e5e5e5;
4255
    padding: 0 12px;
4256
}
4257
 
4258
.cc-head {
4259
    float: left;
4260
    width: 100%;
4261
    margin-bottom: 10px;
4262
}
4263
 
4264
.cc-head h5 {
4265
    float: left;
4266
    color: #000000;
4267
    font-size: 16px;
4268
    font-weight: 600;
4269
    margin-top: 4px;
4270
}
4271
 
4272
.cc-head h5 i {
4273
    color: #b2b2b2;
4274
    font-size: 14px;
4275
}
4276
 
4277
.cc-head ul {
4278
    float: right;
4279
}
4280
 
4281
.cc-head ul li {
4282
    display: inline-block;
4283
}
4284
 
4285
.inpt-field {
4286
    float: left;
4287
    width: 100%;
4288
    position: relative;
4289
    margin-bottom: 20px;
4290
}
4291
 
4292
.no-pdd {
4293
    padding: 0;
4294
}
4295
 
4296
.inpt-field.pd-moree input {
4297
    padding-left: 40px !important;
4298
}
4299
 
4300
.inpt-field i {
4301
    color: #b2b2b2;
4302
    font-size: 18px;
4303
    position: absolute;
4304
    top: 50%;
4305
    left: 15px;
4306
    -webkit-transform: translateY(-50%);
4307
    -moz-transform: translateY(-50%);
4308
    -ms-transform: translateY(-50%);
4309
    -o-transform: translateY(-50%);
4310
    transform: translateY(-50%);
4311
}
4312
 
4313
/* ============== companies-info ============== */
4314
 
4315
.companies-info {
4316
    padding: 60px 0;
4317
}
4318
 
4319
.company-title {
4320
    width: 100%;
4321
    margin-bottom: 20px;
4322
}
4323
 
4324
.default-link {
4325
    color: #0860bf;
4326
}
4327
 
4328
.default-link:hover {
4329
    font-weight: bold;
4330
    color: #0860bf;
4331
    transition: all .5s;
4332
}
4333
 
4334
.company-title h3 {
4335
    color: #000000;
4336
    font-size: 20px;
4337
    font-weight: 600;
4338
    background-color: #fff;
4339
    padding: 10px 15px;
4340
}
4341
 
4342
.companies-list {
4343
    width: 100%;
2294 stevensc 4344
    display: grid;
2296 stevensc 4345
    gap: 20px;
4346
    grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
2294 stevensc 4347
    position: relative;
1239 steven 4348
}
4349
 
4350
.companies-list .slick-list {
4351
    max-height: 47vh;
4352
}
4353
 
4354
.slick-prev:before,
4355
.slick-next:before {
4356
    color: #000 !important;
4357
}
4358
 
4359
.company_profile_info {
4360
    /* float: left; */
4361
    width: 100%;
4362
    background-color: #fff;
4363
    text-align: center;
4364
    border-left: 1px solid #e4e4e4;
4365
    border-right: 1px solid #e4e4e4;
4366
    border-bottom: 1px solid #e4e4e4;
4367
    margin-bottom: 30px;
4368
}
4369
 
2620 stevensc 4370
.marketplace_card {
4371
    width: 100%;
4372
    background-color: #fff;
4373
    text-align: center;
4374
}
4375
 
1239 steven 4376
.company-up-info {
4377
    /* float: left; */
4378
    width: 100%;
4379
    padding: 20px 0;
4380
    border-bottom: 1px solid #e5e5e5;
4381
}
4382
 
4383
.company-up-info .description {
4384
    margin-bottom: 10px;
4385
}
4386
 
4387
.company-up-info img {
4388
    float: none;
4389
    margin-bottom: 10px;
4390
    -webkit-border-radius: 100px;
4391
    -moz-border-radius: 100px;
4392
    -ms-border-radius: 100px;
4393
    -o-border-radius: 100px;
4394
    border-radius: 100px;
4395
    height: 90px;
4396
    object-fit: cover;
4397
}
4398
 
4399
.company-up-info h3 {
4400
    color: #000000;
4401
    font-size: 18px;
4402
    font-weight: 600;
4403
    margin-bottom: 10px;
4404
}
4405
 
4406
.company-up-info h4 {
4407
    color: #686868;
4408
    font-size: 14px;
4409
    font-weight: 500;
4410
    margin-bottom: 21px;
4411
}
4412
 
4413
.company-up-info h6 {
4414
    color: #686868;
4415
    font-size: 15px;
4416
    font-weight: 500;
4417
    margin-bottom: 10px;
4418
}
4419
 
4420
.company-up-info ul {
4421
    /* float: left; */
4422
    width: 100%;
4423
}
4424
 
4425
.company-up-info ul li {
4426
    display: inline-block;
4427
    margin-right: 6px;
4428
}
4429
 
4430
.company-up-info ul li a i {
4431
    font-size: 24px;
4432
    position: relative;
4433
    top: 3px;
4434
}
4435
 
4436
.follow {
4437
    background-color: #53d690;
4438
}
4439
 
4440
.message-us {
4441
    background-color: #e44d3a;
4442
}
4443
 
4444
.hire-us {
4445
    background-color: #51a5fb;
4446
}
4447
 
4448
.company_profile_info .cancelButton {
4449
    display: inline-block;
4450
    color: #000000;
4451
    font-size: 16px;
4452
    font-weight: 500;
4453
    margin: 18px 0;
4454
}
4455
 
4456
/* ============= search-sec ============= */
4457
 
2501 stevensc 4458
.list-col {
4459
    display: flex;
4460
    gap: 20px;
4461
    flex-direction: column;
4462
}
4463
 
1239 steven 4464
.search-sec {
4465
    float: left;
4466
    width: 100%;
4467
    margin: 30px 0 0 0;
4468
}
4469
 
4470
.search-box {
4471
    width: 100%;
1809 steven 4472
    padding: 2.1%;
2500 stevensc 4473
    position: relative;
1239 steven 4474
}
4475
 
2500 stevensc 4476
.search-box>.form-group::before {
4477
    width: 100px;
4478
    content: 'Buscar';
4479
    right: 2.1%;
4480
    place-items: center;
4481
    display: grid;
4482
    height: calc(1.5em + .75rem + 2px);
4483
    background: #fff;
4484
    position: absolute;
4485
    border: 1px solid #ced4da;
4486
    cursor: pointer;
4487
    color: var(--gray);
4488
    font-weight: 600;
4489
    border-start-end-radius: .25rem;
4490
    border-bottom-right-radius: .25rem;
4491
}
4492
 
1239 steven 4493
.search-box form {
4494
    width: 100%;
4495
    position: relative;
4496
}
4497
 
4498
.search-box form input {
4499
    width: 100%;
4500
    height: 40px;
4501
    padding: 0 15px;
1808 steven 4502
    background: var(--background-light-gray);
1807 steven 4503
    color: var(--gray);
1239 steven 4504
    font-size: 14px;
1808 steven 4505
    border: solid 1px var(--border-light-gray);
1239 steven 4506
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
4507
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
4508
    -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
4509
    -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
4510
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
4511
}
4512
 
1803 steven 4513
.search-box form button {
4514
    position: absolute;
4515
    top: 0;
4516
    right: 0;
1804 steven 4517
    border: solid 1px var(--border-light-gray);
1806 steven 4518
    color: var(--gray);
1803 steven 4519
    font-size: 16px;
4520
    font-weight: 500;
4521
    height: 100%;
4522
    padding: 0 28px;
4523
    cursor: pointer;
4524
    -webkit-border-radius: 0 4px 4px 0;
4525
    -moz-border-radius: 0 4px 4px 0;
4526
    -ms-border-radius: 0 4px 4px 0;
4527
    -o-border-radius: 0 4px 4px 0;
4528
    border-radius: 0 4px 4px 0;
4529
}
4530
 
1239 steven 4531
/* =============== filter-secs ============== */
4532
 
4533
.filter-secs {
4534
    float: left;
4535
    width: 100%;
4536
    /* background-color: #fff; */
4537
    box-shadow: 0px 2px #e4e4e4;
4538
    border: 1px solid #e5e5e5;
4539
}
4540
 
4541
.filter-heading {
4542
    float: left;
4543
    width: 100%;
4544
    padding: 15px 20px;
4545
    border-bottom: 1px solid #e5e5e5;
4546
    margin-bottom: 15px;
4547
}
4548
 
4549
.filter-heading h3 {
4550
    float: left;
4551
    color: #e44d3a;
4552
    font-size: 18px;
4553
    font-weight: 600;
4554
}
4555
 
4556
.filter-heading a {
4557
    float: right;
4558
    color: #686868;
4559
    font-size: 14px;
4560
    margin-top: 4px;
4561
}
4562
 
4563
.filter-ttl {
4564
    float: left;
4565
    width: 100%;
4566
    border-bottom: 1px solid #e5e5e5;
4567
    padding: 0 0 16px 0;
4568
    margin-bottom: 10px;
4569
}
4570
 
4571
.filter--tt2 {
4572
    margin-bottom: 0px !important;
4573
}
4574
 
4575
.top--1 {
4576
    margin-top: 20px;
4577
}
4578
 
4579
.filter--tt2 .dropdown .dropdown-menu a {
4580
    float: none;
4581
    color: #666666 !important;
4582
    margin-bottom: 12px !important;
4583
}
4584
 
4585
.filter--tt2 .dropdown .dropdown-menu a:hover {
4586
    color: #e44d3a !important;
4587
    background: none !important;
4588
}
4589
 
4590
.filter--tt2 .dropdown .dropdown-menu a:focus {
4591
    color: #e44d3a !important;
4592
    background: none !important;
4593
}
4594
 
4595
.filter--tt2 a {
4596
    float: left !important;
4597
    padding: 0 0 0 15px !important;
4598
    font-size: 16px !important;
4599
    color: #000000 !important;
4600
    font-weight: 500 !important;
4601
}
4602
 
4603
.filter-ttl h3 {
4604
    float: left;
4605
    padding: 0;
4606
    font-size: 16px;
4607
    color: #000000;
4608
    font-weight: 400;
4609
}
4610
 
4611
.filter-ttl a {
4612
    float: right;
4613
    font-size: 14px;
4614
    color: #666666;
4615
}
4616
 
4617
.filter-ttl .dropdown a {
4618
    float: none;
4619
    color: #666666;
4620
}
4621
 
4622
.filter-dd {
4623
    float: left;
4624
    width: 100%;
4625
    margin-bottom: 15px;
4626
}
4627
 
4628
.filter-dd form {
4629
    float: left;
4630
    width: 100%;
4631
    position: relative;
4632
}
4633
 
4634
.filter-dd form input,
4635
.filter-dd form select {
4636
    width: 100%;
4637
    height: 30px;
4638
    background-color: #f2f2f2;
4639
    padding: 0 10px;
4640
    color: #b2b2b2;
4641
    font-size: 12px;
4642
    font-weight: 600;
4643
    border: 0;
4644
    border: 1px solid #e5e5e5;
4645
}
4646
 
4647
.job-tp i {
4648
    color: #666666;
4649
    position: absolute;
4650
    top: 9px;
4651
    right: 15px;
4652
    font-size: 14px;
4653
}
4654
 
4655
.avail-checks {
4656
    float: left;
4657
    width: 100%;
4658
    margin-top: 7px;
4659
}
4660
 
4661
.avail-checks li {
4662
    float: left;
4663
    width: 100%;
4664
    margin-bottom: 10px;
4665
}
4666
 
4667
.avail-checks li:last-child {
4668
    margin-bottom: 0;
4669
}
4670
 
4671
.avail-checks li input[type="radio"] {
4672
    display: none;
4673
}
4674
 
4675
.avail-checks li label {
4676
    float: left;
4677
}
4678
 
4679
.avail-checks li input[type="radio"]+label span {
4680
    display: inline-block;
4681
    width: 15px;
4682
    height: 15px;
4683
    position: relative;
4684
    margin-top: 3px;
4685
    border: 1px solid #d2d2d2;
4686
    -webkit-border-radius: 100px;
4687
    -moz-border-radius: 100px;
4688
    -ms-border-radius: 100px;
4689
    -o-border-radius: 100px;
4690
    border-radius: 100px;
4691
}
4692
 
4693
.avail-checks li input[type="radio"]+label span:before {
4694
    content: "";
4695
    opacity: 0;
4696
    visibility: hidden;
4697
    position: absolute;
4698
    width: 7px;
4699
    height: 7px;
4700
    -webkit-border-radius: 100px;
4701
    -moz-border-radius: 100px;
4702
    -ms-border-radius: 100px;
4703
    -o-border-radius: 100px;
4704
    border-radius: 100px;
4705
    background-color: #e44d3a;
4706
    top: 3px;
4707
    left: 3px;
4708
}
4709
 
4710
.avail-checks li input[type="radio"]:checked+label span:before {
4711
    opacity: 1;
4712
    visibility: visible;
4713
}
4714
 
4715
.avail-checks li small {
4716
    color: #909090;
4717
    font-size: 14px;
4718
    padding-left: 10px;
4719
    font-weight: 500;
4720
}
4721
 
4722
/* =========== Range Slider ========== */
4723
 
4724
.rg-slider {
4725
    float: left;
4726
    width: 100%;
4727
}
4728
 
4729
.slider-container {
4730
    width: 100% !important;
4731
    padding-top: 50px;
4732
    position: relative;
4733
}
4734
 
4735
.theme-green .back-bar {
4736
    height: 5px;
4737
    border: 1px solid #e5e5e5;
4738
    -webkit-border-radius: 30px;
4739
    -moz-border-radius: 30px;
4740
    -ms-border-radius: 30px;
4741
    -o-border-radius: 30px;
4742
    border-radius: 30px;
4743
}
4744
 
4745
.theme-green .back-bar .pointer {
4746
    width: 17px;
4747
    height: 17px;
4748
    -webkit-border-radius: 100px;
4749
    -moz-border-radius: 100px;
4750
    -ms-border-radius: 100px;
4751
    -o-border-radius: 100px;
4752
    border-radius: 100px;
4753
    background-color: #e44d3a;
4754
    border: 2px solid #e3e3e3;
4755
    -webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.43);
4756
    -moz-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.43);
4757
    -ms-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.43);
4758
    -o-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.43);
4759
    box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.43);
4760
}
4761
 
4762
.theme-green .back-bar .pointer {
4763
    top: -7px;
4764
}
4765
 
4766
.slider-container .back-bar .pointer-label {
4767
    top: -50px;
4768
    height: 26px;
4769
    background-color: #e5e5e5;
4770
    -webkit-border-radius: 30px;
4771
    -moz-border-radius: 30px;
4772
    -ms-border-radius: 30px;
4773
    -o-border-radius: 30px;
4774
    border-radius: 30px;
4775
    line-height: 26px;
4776
    width: 50px;
4777
}
4778
 
4779
.pointer-label.low {
4780
    left: 0 !important;
4781
}
4782
 
4783
.pointer-label.high {
4784
    left: 70px !important;
4785
}
4786
 
4787
.pointer-label.low:before {
4788
    content: "";
4789
    position: absolute;
4790
    top: 13px;
4791
    right: -14px;
4792
    width: 8px;
4793
    height: 1px;
4794
    background-color: #e5e5e5;
4795
}
4796
 
4797
.rg-limit {
4798
    float: left;
4799
    width: 100%;
4800
    margin-top: 16px;
4801
}
4802
 
4803
.rg-limit h4 {
4804
    color: #686868;
4805
    font-size: 15px;
4806
    font-weight: 600;
4807
    float: left;
4808
}
4809
 
4810
.rg-limit h4:last-child {
4811
    float: right;
4812
}
4813
 
4814
/* ============== chatbox-list ============== */
4815
 
4816
.chatbox-list {
4817
    position: fixed;
4818
    bottom: 0;
4819
    right: 0;
4820
}
4821
 
3307 stevensc 4822
.ext_share {
4823
    display: flex;
3308 stevensc 4824
    position: absolute;
3307 stevensc 4825
    align-items: center;
3310 stevensc 4826
    padding: 5px 1rem;
4827
    bottom: calc(100% + .5rem);
3308 stevensc 4828
    gap: .5rem;
3310 stevensc 4829
    left: 50%;
3467 stevensc 4830
    width: 16.5rem;
3361 stevensc 4831
    flex-wrap: wrap;
4832
    overflow-x: scroll;
3310 stevensc 4833
    transform: translateX(-43%);
3308 stevensc 4834
    border-radius: 20px;
3307 stevensc 4835
    background-color: #fff;
4836
    box-shadow: 0px 4px 4px -2px rgb(0 0 0 / 12%), 0px -4px 4px -2px rgb(0 0 0 / 12%);
4837
}
4838
 
3363 stevensc 4839
.ext_share.post {
4840
    transform: none;
4841
    left: inherit;
4842
    bottom: inherit;
3365 stevensc 4843
    top: 1.5rem;
4844
    right: 1.5rem;
3363 stevensc 4845
}
4846
 
3207 stevensc 4847
.highlighted {
4848
    backdrop-filter: blur(35px);
4849
    animation: droping 1s ease infinite;
4850
}
4851
 
4852
@keyframes droping {
4853
    0% {
4854
        box-shadow: 0 0 5px #96bde9;
4855
    }
4856
 
4857
    50% {
4858
        box-shadow: 0 0 12px #96bde9;
4859
    }
4860
 
4861
    100% {
4862
        box-shadow: 0 0 5px #96bde9;
4863
    }
4864
}
4865
 
1239 steven 4866
.chatbox {
4867
    display: inline-block;
4868
    position: relative;
2577 stevensc 4869
    z-index: 10;
1239 steven 4870
}
4871
 
4872
.chat-mg {
4873
    display: inline-block;
4874
    position: relative;
4875
}
4876
 
4877
.chat-mg img {
4878
    width: 70px;
4879
    height: 70px;
4880
    -webkit-border-radius: 100px;
4881
    -moz-border-radius: 100px;
4882
    -ms-border-radius: 100px;
4883
    -o-border-radius: 100px;
4884
    border-radius: 100px;
4885
}
4886
 
4887
.chat-mg span {
4888
    position: absolute;
4889
    top: -5px;
4890
    right: 10px;
4891
    width: 20px;
4892
    height: 20px;
4893
    background-color: #e44d3a;
4894
    text-align: center;
4895
    font-size: 12px;
4896
    color: #fff;
4897
    line-height: 20px;
4898
    -webkit-border-radius: 100px;
4899
    -moz-border-radius: 100px;
4900
    -ms-border-radius: 100px;
4901
    -o-border-radius: 100px;
4902
    border-radius: 100px;
4903
}
4904
 
4905
.chat-mg.bx img {
4906
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
4907
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
4908
    -ms-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
4909
    -o-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
4910
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
4911
}
4912
 
4913
.conversation-box {
4914
    position: absolute;
4915
    bottom: 132%;
4916
    right: 100%;
4917
    width: 350px;
4918
    background-color: #fff;
4919
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);
4920
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);
4921
    -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);
4922
    -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);
4923
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);
4924
    opacity: 0;
4925
    visibility: hidden;
4926
    z-index: 0;
4927
}
4928
 
4929
.conversation-box.active {
4930
    opacity: 1;
4931
    visibility: visible;
4932
    z-index: 9999;
4933
}
4934
 
4935
.conversation-box:before {
4936
    content: "";
4937
    position: absolute;
4938
    bottom: -7px;
4939
    right: 26px;
4940
    border-top: 15px solid #fff;
4941
    border-right: 15px solid transparent;
4942
    -webkit-transform: rotate(225deg);
4943
    -moz-transform: rotate(225deg);
4944
    -ms-transform: rotate(225deg);
4945
    -o-transform: rotate(225deg);
4946
    transform: rotate(225deg);
4947
}
4948
 
4949
.con-title {
4950
    float: left;
4951
    width: 100%;
4952
    background-color: #e44d3a;
4953
    padding: 15px 25px;
4954
    -webkit-border-radius: 10px 10px 0 0;
4955
    -moz-border-radius: 10px 10px 0 0;
4956
    -ms-border-radius: 10px 10px 0 0;
4957
    -o-border-radius: 10px 10px 0 0;
4958
    border-radius: 10px 10px 0 0;
4959
}
4960
 
4961
.con-title h3 {
4962
    float: left;
4963
    color: #ffffff;
4964
    font-size: 16px;
4965
    font-weight: 600;
4966
}
4967
 
4968
.con-title>a {
4969
    float: right;
4970
    color: #fff;
4971
    font-size: 20px;
4972
}
4973
 
4974
.chat-list {
4975
    float: left;
4976
    width: 100%;
4977
    min-height: 390px;
4978
}
4979
 
4980
.conv-list {
4981
    float: left;
4982
    width: 100%;
4983
    display: table;
4984
    padding: 20px 25px;
4985
    position: relative;
4986
}
4987
 
4988
.conv-list:hover,
4989
.conv-list.active {
4990
    background-color: #efefef;
4991
}
4992
 
4993
.msg-numbers {
4994
    position: absolute;
4995
    bottom: 18px;
4996
    right: 25px;
4997
    width: 25px;
4998
    height: 25px;
4999
    background-color: #e77667;
5000
    text-align: center;
5001
    line-height: 25px;
5002
    color: #fff;
5003
    font-size: 13px;
5004
    -webkit-border-radius: 100px;
5005
    -moz-border-radius: 100px;
5006
    -ms-border-radius: 100px;
5007
    -o-border-radius: 100px;
5008
    border-radius: 100px;
5009
}
5010
 
5011
.usrr-pic {
5012
    display: table-cell;
5013
    position: relative;
5014
}
5015
 
5016
.active-status {
5017
    width: 9px;
5018
    height: 9px;
5019
    border: 2px solid #ecf5fb;
5020
    -webkit-border-radius: 100px;
5021
    -moz-border-radius: 100px;
5022
    -ms-border-radius: 100px;
5023
    -o-border-radius: 100px;
5024
    border-radius: 100px;
5025
    position: absolute;
5026
    top: -3px;
5027
    right: 0;
5028
}
5029
 
5030
.activee {
5031
    background-color: #e44d3a;
5032
}
5033
 
5034
.usy-info {
5035
    display: table-cell;
5036
    vertical-align: top;
5037
    width: 100%;
5038
    padding-left: 15px;
5039
}
5040
 
5041
.usy-info h3 {
5042
    color: #000000;
5043
    font-size: 18px;
5044
    font-weight: 600;
5045
    margin-bottom: 5px;
5046
}
5047
 
5048
.usy-info span {
5049
    color: #686868;
5050
    font-size: 16px;
5051
    float: left;
5052
}
5053
 
5054
.usy-info span img {
5055
    padding-left: 5px;
5056
    float: right;
5057
}
5058
 
5059
.ct-time {
5060
    position: absolute;
5061
    top: 20px;
5062
    right: 25px;
5063
}
5064
 
5065
.ct-time span {
5066
    color: #b2b2b2;
5067
    font-size: 14px;
5068
}
5069
 
5070
.st-icons {
5071
    float: right;
5072
    margin-top: 7px;
5073
}
5074
 
5075
.st-icons a {
5076
    color: #fff;
5077
    font-size: 20px;
5078
    margin-right: 5px;
5079
}
5080
 
5081
.chat-hist {
5082
    float: left;
5083
    width: 100%;
5084
    background-color: #fff;
5085
    height: 280px;
5086
}
5087
 
5088
.chat-msg {
5089
    float: left;
5090
    width: 100%;
5091
    padding-right: 25px;
5092
    margin-bottom: 15px;
5093
}
5094
 
5095
.chat-msg p {
5096
    color: #ffffff;
5097
    font-size: 14px;
5098
    background-color: #e44d3a;
5099
    line-height: 18px;
5100
    -webkit-border-radius: 15px;
5101
    -moz-border-radius: 15px;
5102
    -ms-border-radius: 15px;
5103
    -o-border-radius: 15px;
5104
    border-radius: 15px;
5105
    padding: 10px 15px;
5106
    width: 80%;
5107
    float: right;
5108
    margin-bottom: 10px;
5109
}
5110
 
5111
.mg-3 {
5112
    margin-bottom: 3px;
5113
}
5114
 
5115
.chat-msg span {
5116
    float: right;
5117
    color: #b1b1b1;
5118
    width: 100%;
5119
    font-size: 9px;
5120
    text-align: right;
5121
}
5122
 
5123
.status-info {
5124
    width: 8px;
5125
    height: 8px;
5126
    background-color: #fff;
5127
    -webkit-border-radius: 100px;
5128
    -moz-border-radius: 100px;
5129
    -ms-border-radius: 100px;
5130
    -o-border-radius: 100px;
5131
    border-radius: 100px;
5132
    display: inline-block;
5133
    margin-left: 7px;
5134
}
5135
 
5136
.chat-user-info h3 {
5137
    margin-top: 7px;
5138
    margin-left: 10px;
5139
}
5140
 
5141
.date-nd {
5142
    float: left;
5143
    width: 100%;
5144
    text-align: center;
5145
    margin-bottom: 20px;
5146
    position: relative;
5147
}
5148
 
5149
.date-nd:before,
5150
.date-nd:after {
5151
    content: "";
5152
    position: absolute;
5153
    top: 10px;
5154
    left: 15px;
5155
    width: 92px;
5156
    height: 1px;
5157
    background-color: #e5e5e5;
5158
}
5159
 
5160
.date-nd:after {
5161
    left: auto;
5162
    right: 15px;
5163
}
5164
 
5165
.date-nd span {
5166
    color: #b1b1b1;
5167
    font-size: 12px;
5168
    text-align: center;
5169
}
5170
 
5171
.chat-msg.st2 p {
5172
    background-color: #efefef;
5173
    color: #686868;
5174
    float: left;
5175
    width: 55%;
5176
}
5177
 
5178
.chat-msg.st2 {
5179
    padding-left: 25px;
5180
}
5181
 
5182
.chat-msg.st2 span {
5183
    float: left;
5184
    text-align: left;
5185
}
5186
 
5187
/* =========== typing-msg =========== */
5188
 
5189
.typing-msg {
5190
    float: left;
5191
    width: 100%;
5192
    border-top: 1px solid #e6e6e6;
5193
    padding-top: 15px;
5194
}
5195
 
5196
.typing-msg form {
5197
    float: left;
5198
    width: 100%;
5199
    position: relative;
5200
}
5201
 
5202
.typing-msg form textarea {
5203
    width: 100%;
5204
    height: 30px;
5205
    background-color: #fff;
5206
    padding: 0 20px;
5207
    color: #b2b2b2;
5208
    font-size: 16px;
5209
    border: 0;
5210
    resize: none;
5211
}
5212
 
5213
.typing-msg form button {
5214
    color: #e44d3a;
5215
    font-size: 18px;
5216
    font-weight: 600;
5217
    position: absolute;
5218
    top: 2px;
5219
    right: 20px;
5220
    background: none;
5221
    border: 0;
5222
    cursor: pointer;
5223
}
5224
 
5225
.ft-options {
5226
    float: left;
5227
    width: 100%;
5228
    padding: 0 20px 8px 20px;
5229
}
5230
 
5231
.ft-options li {
5232
    display: inline-block;
5233
    margin-right: 15px;
5234
}
5235
 
5236
.ft-options li a {
5237
    color: #b2b2b2;
5238
    font-size: 24px;
5239
    display: inline-block;
5240
}
5241
 
5242
.mCSB_scrollTools {
5243
    right: -5px;
5244
}
5245
 
5246
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
5247
    background-color: #cccccc;
5248
    width: 5px;
5249
}
5250
 
5251
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
5252
    opacity: 0;
5253
}
5254
 
5255
/* ============ Menu Btn =============*/
5256
 
5257
.menu-btn {
5258
    float: right;
5259
    display: none;
5260
}
5261
 
5262
.menu-btn a {
5263
    font-size: 24px;
5264
    color: #fff;
5265
    display: inline-block;
5266
    padding-top: 16px;
5267
    padding-left: 20px;
5268
}
5269
 
5270
/* ============= account-tabs-setting ============ */
5271
 
5272
/* .profile-account-setting {} */
5273
 
5274
.account-tabs-setting {
5275
    width: 100%;
5276
}
5277
 
2634 stevensc 5278
.account-tabs-setting h1 {
5279
    font-size: 1rem;
5280
    font-weight: 700;
5281
    margin: 2rem auto;
5282
    text-align: center;
5283
}
5284
 
1239 steven 5285
.acc-leftbar {
5286
    width: 100%;
5287
    background-color: #fff;
2629 stevensc 5288
    border: 1px solid #e5e5e5;
5289
    border-radius: 10px;
5290
    overflow: hidden;
1239 steven 5291
}
5292
 
5293
.acc-leftbar .nav-tabs>a {
5294
    border-bottom: 1px solid #e5e5e5;
2630 stevensc 5295
    color: #666666;
1239 steven 5296
    font-size: 16px;
2629 stevensc 5297
    font-weight: 700;
5298
    margin: 0 auto;
2646 stevensc 5299
    padding: 1rem 0;
2629 stevensc 5300
    width: 90%;
1239 steven 5301
}
5302
 
5303
.nav-tabs {
5304
    border-bottom: 0;
5305
}
5306
 
5307
.acc-leftbar .nav-tabs>a:last-child {
5308
    border-bottom: 0;
5309
}
5310
 
5311
.acc-leftbar .nav-tabs>a i {
2632 stevensc 5312
    font-size: 1.5rem;
1239 steven 5313
    position: relative;
2632 stevensc 5314
    width: 50px;
5315
    height: 50px;
5316
    display: inline-flex;
5317
    align-items: center;
5318
    background-color: #f5f5f5;
5319
    border-radius: 100px;
5320
    justify-content: center;
5321
    margin-right: 5px;
1239 steven 5322
}
5323
 
5324
.nav-tabs .nav-item.show .nav-link,
5325
.nav-tabs .nav-link.active {
5326
    background-color: inherit;
5327
    color: #e44d3a;
5328
    border-color: inherit;
5329
}
5330
 
5331
/* ============= acc-setting ============ */
5332
 
2633 stevensc 5333
.settings-container {
5334
    font-weight: normal;
5335
}
5336
 
5337
.settings-container h2 {
2634 stevensc 5338
    font-weight: normal;
2633 stevensc 5339
    margin: .5rem auto;
5340
}
5341
 
5342
.acc-setting_content {
5343
    padding: 2rem 1rem;
1239 steven 5344
    width: 100%;
2633 stevensc 5345
    overflow: hidden;
5346
    border-radius: 10px;
1239 steven 5347
    background-color: #fff;
2633 stevensc 5348
    border: 1px solid #e5e5e5;
5349
    box-shadow: 1px 0 4px var(--background-gray);
1239 steven 5350
}
5351
 
5352
.acc-setting form {
5353
    float: left;
5354
    width: 100%;
5355
}
5356
 
5357
.acc-setting>h3 {
5358
    width: 100%;
5359
    color: #000000;
5360
    font-weight: 600;
5361
    font-size: 18px;
5362
    text-transform: capitalize;
5363
    border-bottom: 1px solid #e5e5e5;
5364
    padding: 17px 20px;
5365
}
5366
 
5367
.notbar {
5368
    float: left;
5369
    width: 100%;
5370
    border-bottom: 1px solid #e5e5e5;
5371
    padding: 20px;
5372
    position: relative;
5373
}
5374
 
5375
.notbar h4 {
5376
    color: #000000;
5377
    font-size: 16px;
5378
    font-weight: 600;
5379
    margin-bottom: 5px;
5380
}
5381
 
5382
.notbar p {
5383
    color: #686868;
5384
    font-size: 14px;
5385
    line-height: 24px;
5386
    width: 75%;
5387
}
5388
 
5389
.toggle-btn {
5390
    position: absolute;
5391
    top: 35px;
5392
    right: 20px;
5393
}
5394
 
5395
.save-stngs {
5396
    float: left;
5397
    width: 100%;
5398
    padding: 30px 20px 50px 20px;
5399
}
5400
 
5401
.save-stngs.pd2 {
5402
    padding: 25px 20px 42px 20px;
5403
}
5404
 
5405
.save-stngs.pd3 {
5406
    padding: 25px 20px 25px 20px;
5407
}
5408
 
5409
.save-stngs ul li {
5410
    display: inline-block;
5411
    margin-right: 17px;
5412
}
5413
 
5414
.save-stngs ul li button {
5415
    display: inline-block;
5416
    color: #000000;
5417
    font-size: 16px;
5418
    border: 1px solid #e5e5e5;
5419
    height: 40px;
5420
    line-height: 40px;
5421
    padding: 0 22px;
5422
    font-weight: 600;
5423
    background: none;
5424
    cursor: pointer;
5425
}
5426
 
5427
.save-stngs ul li button:hover {
5428
    background-color: #e44d3a;
5429
    color: #fff;
5430
    border-color: transparent;
5431
}
5432
 
5433
/* =============== Password Update ============ */
5434
 
2648 stevensc 5435
.cp-field,
5436
.cp-field2 {
1239 steven 5437
    width: 100%;
5438
}
5439
 
2643 stevensc 5440
@media (min-width: 992px) {
5441
    .cp-field {
2644 stevensc 5442
        width: 47%;
2643 stevensc 5443
    }
2681 stevensc 5444
 
2648 stevensc 5445
    .cp-field2 {
2649 stevensc 5446
        width: 80%;
2648 stevensc 5447
    }
2643 stevensc 5448
}
5449
 
1239 steven 5450
.cp-field h5 {
5451
    color: #000000;
5452
    font-size: 16px;
5453
    font-weight: 600;
5454
    float: left;
5455
    width: 100%;
5456
    margin-bottom: 10px;
5457
}
5458
 
5459
.cp-field h5 a {
5460
    color: #000;
5461
}
5462
 
5463
.cpp-fiel {
5464
    width: 100%;
5465
    position: relative;
5466
}
5467
 
2642 stevensc 5468
.cp-field input,
2644 stevensc 5469
.cp-field select,
5470
.custom-input {
1239 steven 5471
    height: 40px;
5472
    padding: 0 40px;
5473
}
5474
 
5475
.cp-field input,
2642 stevensc 5476
.cp-field textarea,
2644 stevensc 5477
.cp-field select,
5478
.custom-input {
2645 stevensc 5479
    width: 100% !important;
5480
    background-color: #f5f5f5 !important;
5481
    box-shadow: 0 0 2px var(--border-light-gray) !important;
5482
    border-radius: 10px !important;
5483
    border: none !important;
2635 stevensc 5484
    margin-top: 4px;
1239 steven 5485
}
5486
 
5487
.cp-field textarea {
5488
    padding: 20px;
5489
    height: 115px;
5490
}
5491
 
5492
.cpp-fiel i {
5493
    position: absolute;
5494
    top: 12px;
5495
    left: 15px;
5496
    color: #b2b2b2;
5497
    font-size: 16px;
5498
}
5499
 
5500
/* =============== notifications-list ============= */
5501
 
5502
.notifications-list {
5503
    float: left;
5504
    width: 100%;
5505
}
5506
 
5507
.notfication-details {
5508
    float: left;
5509
    width: 100%;
5510
    padding: 20px;
5511
    border-bottom: 1px solid #e5e5e5;
5512
}
5513
 
5514
.notfication-details:last-child {
5515
    border-bottom: 0;
5516
}
5517
 
5518
.noty-user-img {
5519
    float: left;
5520
    width: 35px;
5521
}
5522
 
5523
.noty-user-img img {
5524
    width: 100%;
5525
}
5526
 
5527
.notification-info {
5528
    float: left;
5529
    width: auto;
5530
    padding-left: 10px;
5531
}
5532
 
5533
.notification-info h3 {
5534
    color: #686868;
5535
    font-size: 14px;
5536
    font-weight: 500;
5537
    border: 0;
5538
    padding: 0;
5539
    margin-bottom: 6px;
5540
}
5541
 
5542
.notification-info h3 a {
5543
    color: #000000;
5544
    font-size: 16px;
5545
    font-weight: 600;
5546
    display: inline-block;
5547
}
5548
 
5549
.notification-info>span {
5550
    display: inline-block;
5551
    color: #b2b2b2;
5552
    font-size: 12px;
5553
    font-weight: 600;
5554
}
5555
 
5556
/* ============== requests-list ============== */
5557
 
5558
.requests-list {
5559
    float: left;
5560
    width: 100%;
5561
    padding-bottom: 0;
5562
}
5563
 
5564
.request-details {
5565
    float: left;
5566
    width: 100%;
5567
    padding: 20px;
5568
    border-bottom: 1px solid #e5e5e5;
5569
}
5570
 
5571
.request-details:last-child {
5572
    border-bottom: 0;
5573
}
5574
 
5575
.request-info {
5576
    float: left;
5577
    padding-left: 10px;
5578
}
5579
 
5580
.request-info h3 {
5581
    color: #000000;
5582
    font-size: 14px;
5583
    font-weight: 600;
5584
    padding: 0;
5585
    border: 0;
5586
    margin-bottom: 3px;
5587
}
5588
 
5589
.request-info span {
5590
    color: #686868;
5591
    font-size: 12px;
5592
    display: inline-block;
5593
}
5594
 
5595
.accept-feat {
5596
    float: right;
5597
}
5598
 
5599
.accept-feat ul li {
5600
    display: inline-block;
5601
}
5602
 
5603
.accept-feat ul li button {
5604
    cursor: pointer;
5605
}
5606
 
5607
.accept-req {
5608
    color: #ffffff;
5609
    font-size: 16px;
5610
    background-color: #51a5fb;
5611
    height: 30px;
5612
    padding: 0 20px;
5613
    font-weight: 600;
5614
    border: 0;
5615
    border: 1px solid #51a5fb;
5616
}
5617
 
5618
.close-req {
5619
    height: 30px;
5620
    width: 30px;
5621
    text-align: center;
5622
    line-height: 30px;
5623
    border: 1px solid #e5e5e5;
5624
    background: inherit;
5625
    color: #b2b2b2;
5626
    margin-left: 7px;
5627
}
5628
 
5629
.close-req i {
5630
    font-weight: 600;
5631
}
5632
 
5633
/* ============= Profile Sattus =========== */
5634
 
5635
.profile-bx-details {
5636
    float: left;
5637
    width: 100%;
5638
    padding: 30px 7px 30px 7px;
5639
}
5640
 
5641
.profile-bx-details .row .col-lg-3 {
5642
    padding: 0 7px;
5643
}
5644
 
5645
.profile-bx-info {
5646
    float: left;
5647
    width: 100%;
5648
    background-color: #f2f2f2;
5649
    padding: 20px;
5650
    border: 1px solid #e5e5e5;
5651
}
5652
 
5653
.pro-bx {
5654
    float: left;
5655
    width: 100%;
5656
    border-bottom: 1px solid #e5e5e5;
5657
    padding-bottom: 10px;
5658
}
5659
 
5660
.bx-info {
5661
    float: left;
5662
    margin-top: 7px;
5663
    padding-left: 10px;
5664
}
5665
 
5666
.bx-info h3 {
5667
    color: #e44d3a;
5668
    font-size: 20px;
5669
    font-weight: 600;
5670
    margin-bottom: 5px;
5671
}
5672
 
5673
.bx-info h5 {
5674
    color: #000000;
5675
    font-size: 14px;
5676
    font-weight: 600;
5677
    margin: 0;
5678
    padding: 0;
5679
    border: 0;
5680
}
5681
 
5682
.pd-left-20 {
5683
    padding-left: 20px;
5684
    padding-right: 0;
5685
}
5686
 
5687
.pd-left-15 {
5688
    padding-left: 15px;
5689
    padding-right: 0;
5690
}
5691
 
5692
.pd-left-right {
5693
    padding-left: 15px;
5694
    padding-right: 20px;
5695
}
5696
 
5697
.profile-bx-info>p {
5698
    float: left;
5699
    width: 100%;
5700
    font-size: 14px;
5701
    line-height: 20px;
5702
    padding-top: 5px;
5703
}
5704
 
5705
/* =========== pro-work-status ========= */
5706
 
5707
.pro-work-status {
5708
    float: left;
5709
    width: 100%;
5710
    padding: 0 15px;
5711
}
5712
 
5713
.pro-work-status h4 {
5714
    color: #000000;
5715
    font-size: 18px;
5716
    font-weight: 600;
5717
    margin-bottom: 50px;
5718
}
5719
 
5720
/* ============== messages-page ============== */
5721
 
5722
.messages-page {
5723
    padding: 20px 0;
5724
}
5725
 
5726
.messages-sec {
5727
    width: 100%;
5728
    border-radius: 10px;
5729
    overflow: hidden;
1875 steven 5730
    background-color: transparent;
1239 steven 5731
}
5732
 
5733
.msgs-list {
5734
    width: 100%;
5735
}
5736
 
5737
.inmail_conversations-list {
5738
    border-right: 1px solid #3333;
5739
    padding-left: 0;
5740
    padding-right: 0;
5741
}
5742
 
5743
.msg-title {
5744
    padding: 20px;
5745
    border-bottom: 2px solid #3333;
5746
}
5747
 
2197 stevensc 5748
.active-tab {
1940 steven 5749
    border-bottom: solid 2px #E4E4E4;
5750
}
5751
 
1239 steven 5752
.msg-title>h3 {
5753
    color: #000000;
5754
    font-size: 18px;
5755
    font-weight: 600;
5756
}
5757
 
5758
.msg-title>ul {
5759
    float: right;
5760
    position: relative;
5761
    top: 1px;
5762
}
5763
 
5764
.msg-title ul li {
5765
    display: inline-block;
5766
    margin-right: 15px;
5767
    border-bottom: 1px solid #3333;
5768
}
5769
 
5770
.msg-title ul li:last-child {
5771
    margin-right: 0;
5772
}
5773
 
5774
.msg-title ul li a {
5775
    color: #b2b2b2;
5776
    font-size: 18px;
5777
}
5778
 
5779
.messages-list {
5780
    float: left;
5781
    width: 100%;
2593 stevensc 5782
    overflow-y: scroll;
1239 steven 5783
}
5784
 
2197 stevensc 5785
.date-chat {
2170 steven 5786
    font-size: .6rem;
5787
    color: var(--gray);
5788
    padding-top: 5%;
5789
}
5790
 
1239 steven 5791
.messages-list ul {
5792
    float: left;
5793
    width: 100%;
5794
}
5795
 
2197 stevensc 5796
.text-chat-title {
2171 steven 5797
    color: var(--gray) !important;
5798
    font-size: 1rem;
5799
}
5800
 
1239 steven 5801
.messages-list ul li {
5802
    float: left;
5803
    width: 100%;
1949 steven 5804
    padding: 3%;
1239 steven 5805
    border-bottom: 1px solid #eeeeee;
5806
    cursor: pointer;
5807
}
5808
 
2124 steven 5809
 
1239 steven 5810
.messages-list ul li.active {
5811
    background-color: #efefef;
5812
}
5813
 
5814
.usr-msg-details {
5815
    float: left;
5816
    position: relative;
5817
    width: 100%;
2726 stevensc 5818
    padding: .5rem 1rem;
5819
    border-radius: 10px;
1239 steven 5820
}
5821
 
2726 stevensc 5822
.usr-msg-details:hover {
5823
    background: var(--background-light-gray);
5824
}
5825
 
1239 steven 5826
.usr-ms-img {
5827
    float: left;
5828
    width: 50px;
5829
    position: relative;
5830
}
5831
 
5832
.msg-status {
5833
    -webkit-border-radius: 100px;
5834
    -moz-border-radius: 100px;
5835
    -ms-border-radius: 100px;
5836
    -o-border-radius: 100px;
5837
    border-radius: 100px;
5838
    background-color: #e44d3a;
5839
    position: absolute;
5840
    top: -3px;
5841
    right: 0;
5842
    width: 6px;
5843
    height: 6px;
5844
}
5845
 
5846
.messages-list ul li.active .msg-status {
5847
    border: 2px solid #ecf5fb;
5848
    height: 10px;
5849
    width: 10px;
5850
}
5851
 
5852
.msg-notifc {
5853
    position: absolute;
1872 steven 5854
    /* bottom: 0;
5855
    right: 0; */
1239 steven 5856
    width: 25px;
5857
    height: 25px;
5858
    -webkit-border-radius: 100px;
5859
    -moz-border-radius: 100px;
5860
    -ms-border-radius: 100px;
5861
    -o-border-radius: 100px;
5862
    border-radius: 100px;
5863
    background-color: #e77667;
5864
    text-align: center;
5865
    line-height: 25px;
5866
    font-size: 13px;
5867
    color: #fff;
5868
}
5869
 
5870
.usr-ms-img img {
5871
    width: 100%;
5872
    -webkit-border-radius: 100px;
5873
    -moz-border-radius: 100px;
5874
    -ms-border-radius: 100px;
5875
    -o-border-radius: 100px;
5876
    border-radius: 100px;
5877
}
5878
 
5879
.usr-mg-info {
5880
    float: left;
5881
    padding-left: 13px;
5882
    margin-top: 4px;
5883
}
5884
 
5885
.usr-mg-info h3 {
5886
    color: #000000;
5887
    font-size: 18px;
5888
    font-weight: 600;
5889
}
5890
 
5891
.usr-mg-info p {
5892
    color: #686868;
5893
    font-size: 16px;
5894
}
5895
 
5896
.usr-mg-info p img {
5897
    float: right;
5898
    position: relative;
5899
    top: 5px;
5900
    padding-left: 5px;
5901
}
5902
 
5903
.posted_time {
5904
    position: absolute;
5905
    top: 2px;
5906
    right: 0;
5907
    color: #b2b2b2;
5908
    font-size: 14px;
5909
}
5910
 
5911
/* =============== main-message-box ============= */
5912
 
5913
.main-conversation-box {
5914
    width: 100%;
5915
    background-color: #fff;
5916
    position: relative;
2587 stevensc 5917
    height: 80vh;
5918
    display: grid;
5919
    grid-template-rows: auto 65% auto;
1239 steven 5920
}
5921
 
2748 stevensc 5922
.inmail-conversation-container {
5923
    width: 100%;
5924
    background-color: #fff;
5925
    position: relative;
5926
    height: 80vh;
5927
    gap: .5rem;
5928
    display: grid;
3093 stevensc 5929
    grid-template-rows: 5% 80% 15%;
2748 stevensc 5930
}
5931
 
3093 stevensc 5932
@media (min-width: 992px) {
5933
    .inmail-conversation-container {
5934
        grid-template-rows: 85% 15%;
5935
    }
5936
}
5937
 
2748 stevensc 5938
.inmail-conversation-box {
5939
    width: 100%;
5940
    position: relative;
5941
    display: grid;
2749 stevensc 5942
    grid-template-rows: auto 90%;
5943
    overflow: hidden;
2748 stevensc 5944
}
5945
 
1239 steven 5946
.message-bar-head {
5947
    height: 13vh;
5948
    width: 100%;
5949
    padding: 20px;
1880 steven 5950
    border-bottom: 1px solid var(--border-light-gray);
1239 steven 5951
}
5952
 
5953
.message-bar-head .usr-msg-details {
5954
    width: auto;
5955
}
5956
 
5957
.message-bar-head>a {
5958
    float: right;
5959
    color: #b2b2b2;
5960
    font-size: 20px;
5961
    padding-top: 15px;
5962
}
5963
 
5964
.main-message-box {
5965
    display: flex;
5966
    width: 100%;
5967
    position: relative;
5968
    margin-bottom: 15.5px;
5969
}
5970
 
5971
.messg-usr-img {
5972
    margin-left: 20px;
5973
    width: 50px;
5974
}
5975
 
5976
.messg-usr-img img {
5977
    width: 100%;
5978
    -webkit-border-radius: 100px;
5979
    -moz-border-radius: 100px;
5980
    -ms-border-radius: 100px;
5981
    -o-border-radius: 100px;
5982
    border-radius: 100px;
5983
}
5984
 
5985
.message-dt {
5986
    width: auto;
5987
    margin-left: 15px;
5988
}
5989
 
5990
.main-message-box.ta-right {
5991
    flex-direction: row-reverse;
5992
}
5993
 
5994
.main-message-box.ta-right .messg-usr-img {
5995
    margin-left: 0;
5996
    margin-right: 20px;
5997
}
5998
 
5999
.main-message-box.ta-right .message-dt {
6000
    margin-right: 15px;
6001
}
6002
 
6003
.main-message-box.ta-right .message-dt>span {
6004
    float: right;
6005
    width: auto;
6006
}
6007
 
6008
.message-inner-dt {
6009
    -webkit-border-radius: 15px;
6010
    -moz-border-radius: 15px;
6011
    -ms-border-radius: 15px;
6012
    -o-border-radius: 15px;
6013
    border-radius: 15px;
6014
    width: 100%;
6015
    border-bottom-left-radius: 0;
6016
}
6017
 
6018
.img-bx {
6019
    background-color: #efefef;
6020
    padding: 20px;
6021
}
6022
 
6023
.message-inner-dt>img {
6024
    display: inline-block;
6025
    width: auto;
6026
    margin-right: 5px;
6027
}
6028
 
6029
.message-dt>span {
6030
    color: #b2b2b2;
6031
    font-size: 14px;
6032
    float: left;
6033
    width: 100%;
6034
    margin-top: 7px;
6035
}
6036
 
6037
.message-inner-dt>p {
6038
    font-size: 14px;
6039
    line-height: 22px;
6040
    padding: 2px 10px;
6041
    color: #000;
6042
    -webkit-border-radius: 15px;
6043
    -moz-border-radius: 15px;
6044
    -ms-border-radius: 15px;
6045
    -o-border-radius: 15px;
6046
    border-radius: 15px;
6047
}
6048
 
6049
.message-dt.st3 .message-inner-dt>p {
6050
    background-color: #efefef;
6051
    color: #686868;
6052
    width: auto;
6053
    padding: 10px 15px;
6054
    float: left;
6055
}
6056
 
6057
.message-dt.st3 .message-inner-dt>p img {
6058
    float: right;
6059
    position: relative;
6060
    top: 3px;
6061
    padding-left: 5px;
6062
}
6063
 
6064
.main-message-box.st3 .messg-usr-img {
6065
    bottom: 13px;
6066
}
6067
 
6068
.messages-line {
6069
    width: 100%;
6070
    height: 604px;
6071
}
6072
 
6073
/* ============== message-send-area ============ */
6074
 
6075
.message-send-area {
6076
    width: 100%;
2749 stevensc 6077
    background: #fff;
6078
    padding: .5rem;
6079
    height: fit-content;
1239 steven 6080
}
2197 stevensc 6081
 
6082
.inmail-submit-btn {
1879 steven 6083
    width: 6%;
6084
}
1239 steven 6085
 
6086
.message-send-area form {
6087
    width: 100%;
6088
}
6089
 
6090
.mf-field {
6091
    width: 100%;
6092
    display: flex;
2749 stevensc 6093
    align-items: center;
2588 stevensc 6094
    gap: .5rem;
1239 steven 6095
}
6096
 
2590 stevensc 6097
.chat-header a {
6098
    text-decoration: none;
6099
    color: var(--dark);
6100
}
6101
 
6102
.chat-header h2 {
6103
    font-weight: 700;
6104
    text-align: center;
6105
}
6106
 
2592 stevensc 6107
.chat_contacts {
6108
    display: grid;
6109
    grid-template-rows: auto auto 1fr;
6110
    max-height: 80vh;
6111
}
6112
 
1239 steven 6113
.mf-field input {
6114
    flex: 1;
2749 stevensc 6115
    background-color: #fbf9f9;
2752 stevensc 6116
    border: none;
1239 steven 6117
    color: #b2b2b2;
6118
    font-size: 16px;
6119
    padding: 0 15px;
6120
    height: 45px;
2749 stevensc 6121
    border-radius: 100px;
1239 steven 6122
}
6123
 
6124
 
6125
.message-send-area form>ul {
6126
    float: left;
6127
    width: 100%;
6128
    margin-top: 15px;
6129
}
6130
 
6131
.message-send-area form>ul li {
6132
    display: inline-block;
6133
    margin-right: 20px;
6134
}
6135
 
6136
.message-send-area form>ul li a {
6137
    color: #b2b2b2;
6138
    font-size: 18px;
6139
}
6140
 
6141
/* ============== forum-links ============= */
6142
 
6143
.forum-sec {
6144
    background-color: #fff;
6145
}
6146
 
6147
.forum-links {
6148
    float: left;
6149
    width: 100%;
6150
}
6151
 
6152
.forum-links.active {
6153
    opacity: 1;
6154
    visibility: visible;
6155
    z-index: 9999;
6156
}
6157
 
6158
.forum-links ul li {
6159
    display: inline-block;
6160
    padding: 20px 0;
6161
    margin-right: 45px;
6162
    border-bottom: 2px solid transparent;
6163
}
6164
 
6165
.forum-links ul li.active {
6166
    border-color: #e44d3a;
6167
}
6168
 
6169
.forum-links ul li.active a {
6170
    color: #e44d3a;
6171
}
6172
 
6173
.forum-links ul li a {
6174
    display: inline-block;
6175
    color: #b2b2b2;
6176
    font-size: 14px;
6177
    font-weight: 600;
6178
}
6179
 
6180
.forum-links-btn {
6181
    float: left;
6182
    width: 100%;
6183
    text-align: center;
6184
    display: none;
6185
    padding: 20px 0;
6186
}
6187
 
6188
.forum-links-btn a {
6189
    color: #000;
6190
    font-size: 30px;
6191
    display: inline-block;
6192
}
6193
 
6194
/* ================ forum-page =============== */
6195
 
6196
.forum-page {
6197
    padding: 50px 0;
6198
}
6199
 
6200
.forum-questions-sec {
6201
    float: left;
6202
    width: 100%;
6203
}
6204
 
6205
.forum-questions {
6206
    float: left;
6207
    width: 100%;
6208
    background-color: #fff;
6209
}
6210
 
6211
.usr-question {
6212
    float: left;
6213
    width: 100%;
6214
    position: relative;
6215
    padding: 25px;
6216
    border-bottom: 1px solid #e5e5e5;
6217
}
6218
 
6219
.usr_img {
6220
    float: left;
6221
    width: 60px;
6222
}
6223
 
6224
.usr_img img {
6225
    width: 100%;
6226
    -webkit-border-radius: 100px;
6227
    -moz-border-radius: 100px;
6228
    -ms-border-radius: 100px;
6229
    -o-border-radius: 100px;
6230
    border-radius: 100px;
6231
}
6232
 
6233
.usr_quest {
6234
    float: left;
6235
    width: 90%;
6236
    padding-left: 15px;
6237
}
6238
 
6239
.usr_quest>h3 {
6240
    color: #000000;
6241
    font-size: 17px;
6242
    font-weight: 600;
6243
    margin-bottom: 20px;
6244
}
6245
 
6246
.forum-post-view .usr_quest>h3 {
6247
    margin-bottom: 10px;
6248
}
6249
 
6250
.react-links {
6251
    float: left;
6252
    width: 100%;
6253
}
6254
 
6255
.react-links li {
6256
    display: inline-block;
6257
    margin-right: 30px;
6258
}
6259
 
6260
.react-links li a {
6261
    display: inline-block;
6262
    color: #b2b2b2;
6263
    font-size: 14px;
6264
    font-weight: 600;
6265
}
6266
 
6267
.react-links li a:hover {
6268
    color: #e44d3a;
6269
}
6270
 
6271
.react-links li a i {
6272
    padding-right: 7px;
6273
}
6274
 
6275
.react-links li:last-child {
6276
    margin-right: 0;
6277
}
6278
 
6279
/* ============= quest-tags ============ */
6280
 
6281
.quest-tags {
6282
    float: left;
6283
    width: 100%;
6284
    margin-top: 20px;
6285
}
6286
 
6287
.quest-tags li {
6288
    display: inline-block;
6289
    margin-right: 10px;
6290
}
6291
 
6292
.quest-tags li a {
6293
    display: inline-block;
6294
    color: #ffffff;
6295
    background-color: #53d690;
6296
    -webkit-border-radius: 3px;
6297
    -moz-border-radius: 3px;
6298
    -ms-border-radius: 3px;
6299
    -o-border-radius: 3px;
6300
    border-radius: 3px;
6301
    padding: 7px 25px;
6302
}
6303
 
6304
.quest-posted-time {
6305
    position: absolute;
6306
    bottom: 30px;
6307
    right: 20px;
6308
    color: #b2b2b2;
6309
    font-size: 14px;
6310
}
6311
 
6312
.quest-posted-time i {
6313
    padding-right: 5px;
6314
}
6315
 
6316
.pd-right-none {
6317
    padding-right: 0;
6318
}
6319
 
6320
/* =========== navigation ============ */
6321
 
6322
.pagination {
6323
    float: left;
6324
    width: 100%;
6325
    /* background-color: #fff; */
6326
    padding: 13px 25px;
6327
}
6328
 
6329
.full-pagi {
6330
    float: left;
6331
    width: 100%;
6332
    padding-right: 0;
6333
    text-align: inherit;
6334
    margin-top: 20px;
6335
}
6336
 
6337
.pagination li {
6338
    padding: 0;
6339
    margin-right: 10px;
6340
}
6341
 
6342
.pagination li .page-link {
6343
    /* background-color: #e5e5e5; */
6344
    color: #b2b2b2;
6345
}
6346
 
6347
.pagination li .page-link.active {
6348
    background-color: #e44d3a;
6349
    color: #fff;
6350
    border-color: transparent;
6351
}
6352
 
6353
.pvr {
6354
    padding: 0.5rem 30px;
6355
}
6356
 
6357
/* ============ User Widget =========== */
6358
 
6359
.title-wd {
6360
    float: left;
6361
    width: 100%;
6362
    color: #000000;
6363
    font-size: 18px;
6364
    font-weight: 600;
6365
    border-bottom: 1px solid #e5e5e5;
6366
    padding: 25px 20px;
6367
}
6368
 
6369
.widget-user ul {
6370
    float: left;
6371
    width: 100%;
6372
    padding: 15px 0;
6373
}
6374
 
6375
.widget-user ul li {
6376
    float: left;
6377
    width: 100%;
6378
    padding: 15px 20px;
6379
}
6380
 
6381
.widget-user ul li .usr-msg-details {
6382
    float: left;
6383
    width: auto;
6384
}
6385
 
6386
.widget-user ul li .usr-ms-img {
6387
    width: 35px;
6388
}
6389
 
6390
.widget-user ul li .usr-mg-info h3 {
6391
    font-size: 14px;
6392
}
6393
 
6394
.widget-user ul li .usr-mg-info p {
6395
    font-size: 12px;
6396
}
6397
 
6398
.widget-user ul li>span {
6399
    color: #686868;
6400
    font-size: 16px;
6401
    float: right;
6402
    margin-top: 10px;
6403
}
6404
 
6405
.widget-user ul li>span img {
6406
    padding-right: 5px;
6407
}
6408
 
6409
/* ============== widget-adver ============ */
6410
 
6411
.widget-adver img {
6412
    width: 100%;
6413
}
6414
 
6415
/* ============ forum-post-view ============ */
6416
 
6417
.forum-post-view {
6418
    float: left;
6419
    width: 100%;
6420
    background-color: #fff;
6421
    padding: 25px 25px 0 25px;
6422
    border-bottom: 1px solid #e5e5e5;
6423
}
6424
 
6425
.forum-post-view .usr-question {
6426
    border-bottom: 0;
6427
    padding: 0;
6428
}
6429
 
6430
.forum-post-view .usr_quest span {
6431
    color: #b2b2b2;
6432
    font-size: 14px;
6433
    display: inline-block;
6434
    margin-bottom: 20px;
6435
}
6436
 
6437
.forum-post-view .usr_quest span i {
6438
    padding-right: 7px;
6439
}
6440
 
6441
.forum-post-view .quest-tags {
6442
    margin-bottom: 30px;
6443
}
6444
 
6445
.forum-post-view .usr_quest>p {
6446
    float: left;
6447
    width: 100%;
6448
    color: #686868;
6449
    font-size: 14px;
6450
    line-height: 24px;
6451
    margin-bottom: 40px;
6452
}
6453
 
6454
.forum-post-view .comment-section {
6455
    padding: 0;
6456
}
6457
 
6458
.forum-post-view .comment-section>h3 {
6459
    float: left;
6460
    width: 100%;
6461
    color: #000000;
6462
    font-size: 18px;
6463
    font-weight: 600;
6464
    border-bottom: 1px solid #e5e5e5;
6465
    padding-bottom: 15px;
6466
}
6467
 
6468
.forum-post-view .comment-sec ul li {
6469
    border-bottom: 1px solid #e5e5e5;
6470
    padding: 23px 0;
6471
}
6472
 
6473
.forum-post-view .comment span {
6474
    margin-bottom: 10px;
6475
}
6476
 
6477
.forum-post-view .comment-list {
6478
    padding-bottom: 0;
6479
    margin-bottom: -4px;
6480
}
6481
 
6482
.forum-post-view .comment p {
6483
    margin: 0;
6484
    margin-top: 5px;
6485
}
6486
 
6487
.forum-post-view .comment h3 {
6488
    margin-bottom: 9px;
6489
}
6490
 
6491
.forum-post-view .comment-sec ul li:last-child {
6492
    border-bottom: 0;
6493
}
6494
 
6495
/* =============== post-comment-box ============= */
6496
 
6497
.post-comment-box {
6498
    float: left;
6499
    width: 100%;
6500
    padding: 20px;
6501
    background-color: #fff;
6502
}
6503
 
6504
.post-comment-box h3 {
6505
    float: left;
6506
    width: 100%;
6507
    color: #000000;
6508
    font-size: 18px;
6509
    font-weight: 600;
6510
    margin-bottom: 30px;
6511
}
6512
 
6513
.user-poster {
6514
    float: left;
6515
    width: 100%;
6516
}
6517
 
6518
.usr-post-img {
6519
    float: left;
6520
    width: 50px;
6521
    margin-right: 15px;
6522
}
6523
 
6524
.usr-post-img img {
6525
    width: 100%;
6526
    -webkit-border-radius: 100px;
6527
    -moz-border-radius: 100px;
6528
    -ms-border-radius: 100px;
6529
    -o-border-radius: 100px;
6530
    border-radius: 100px;
6531
}
6532
 
6533
.post_comment_sec {
6534
    float: left;
6535
    width: 90%;
6536
}
6537
 
6538
.post_comment_sec form {
6539
    float: left;
6540
    width: 100%;
6541
}
6542
 
6543
.post_comment_sec form textarea {
6544
    float: left;
6545
    width: 100%;
6546
    height: 130px;
6547
    border: 1px solid #dce2eb;
6548
    padding: 15px;
6549
    resize: none;
6550
}
6551
 
6552
.post_comment_sec form button {
6553
    color: #ffffff;
6554
    font-size: 14px;
6555
    background-color: #e44d3a;
6556
    padding: 10px 25px;
6557
    border: 0;
6558
    font-weight: 600;
6559
    margin-top: 20px;
6560
    cursor: pointer;
6561
}
6562
 
6563
/* ======== next-prev ========*/
6564
 
6565
.next-prev {
6566
    float: left;
6567
    width: 100%;
6568
    background-color: #fff;
6569
    margin-top: 20px;
6570
    padding: 12px 25px;
6571
}
6572
 
6573
.next-prev>a {
6574
    width: 90px;
6575
    height: 35px;
6576
    text-align: center;
6577
    line-height: 35px;
6578
    color: #b2b2b2;
6579
    font-size: 14px;
6580
    background-color: #e5e5e5;
6581
}
6582
 
6583
.next-prev>a:hover {
6584
    color: #fff;
6585
    background-color: #e44d3a;
6586
}
6587
 
6588
.fl-left {
6589
    float: left;
6590
}
6591
 
6592
.fl-right {
6593
    float: right;
6594
}
6595
 
6596
/* ========== widget-feat ========= */
6597
 
6598
.widget-feat {
6599
    padding: 25px 20px;
6600
}
6601
 
6602
.widget-feat ul {
6603
    float: left;
6604
    width: 100%;
6605
}
6606
 
6607
.widget-feat ul li {
6608
    float: left;
6609
    width: 25%;
6610
    text-align: center;
6611
}
6612
 
6613
.widget-feat ul li i {
6614
    display: block;
6615
    font-size: 18px;
6616
    margin-bottom: 9px;
6617
}
6618
 
6619
.widget-feat ul li span {
6620
    display: block;
6621
    color: #686868;
6622
    font-size: 16px;
6623
    font-weight: 500;
6624
}
6625
 
6626
.widget-feat ul li i.fa-heart {
6627
    color: #53d690;
6628
}
6629
 
6630
.widget-feat ul li i.fa-comment {
6631
    color: #e44d3a;
6632
}
6633
 
6634
.widget-feat ul li i.fa-share-alt {
6635
    color: #51a5fb;
6636
}
6637
 
6638
.widget-feat ul li i.fa-eye {
6639
    color: #00b540;
6640
}
6641
 
6642
/* =============== ANIMATION LOADER =============== */
6643
 
6644
.spinner {
6645
    margin: 0 auto 0;
6646
    width: 80px;
6647
    text-align: center;
6648
    height: 80px;
6649
    border-radius: 100px;
6650
    background-color: #fff;
6651
    line-height: 80px;
6652
    border: 1px solid #e1e1e1;
6653
    cursor: pointer;
6654
}
6655
 
6656
.spinner>div {
6657
    width: 15px;
6658
    height: 15px;
6659
    background-color: #b9b9b9;
6660
    border-radius: 100%;
6661
    display: inline-block;
6662
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
6663
    animation: sk-bouncedelay 1.4s infinite ease-in-out both;
6664
}
6665
 
6666
.spinner .bounce1 {
6667
    -webkit-animation-delay: -0.32s;
6668
    animation-delay: -0.32s;
6669
}
6670
 
6671
.spinner .bounce2 {
6672
    -webkit-animation-delay: -0.16s;
6673
    animation-delay: -0.16s;
6674
}
6675
 
6676
@-webkit-keyframes sk-bouncedelay {
2197 stevensc 6677
 
1239 steven 6678
    0%,
6679
    80%,
6680
    100% {
6681
        -webkit-transform: scale(0);
6682
    }
2197 stevensc 6683
 
1239 steven 6684
    40% {
6685
        -webkit-transform: scale(1);
6686
    }
6687
}
6688
 
6689
@keyframes sk-bouncedelay {
2197 stevensc 6690
 
1239 steven 6691
    0%,
6692
    80%,
6693
    100% {
6694
        -webkit-transform: scale(0);
6695
        transform: scale(0);
6696
    }
2197 stevensc 6697
 
1239 steven 6698
    40% {
6699
        -webkit-transform: scale(1);
6700
        transform: scale(1);
6701
    }
6702
}
6703
 
6704
.wordpressdevlp {
6705
    background-color: #fff;
6706
}
6707
 
6708
.bgclr {
6709
    background-color: #fff;
6710
    margin-bottom: 15px;
6711
}
6712
 
6713
.cadidatesbtn {
6714
    position: absolute;
6715
    left: 0;
6716
    padding-top: 5px;
6717
}
6718
 
6719
.cadidatesbtn button {
6720
    background-color: #e44d3a;
6721
    border: none;
6722
    margin-top: -3px;
6723
}
6724
 
6725
.cadidatesbtn button:hover {
6726
    background-color: #e44d3a;
6727
}
6728
 
6729
.cadidatesbtn span {
6730
    background-color: #bd2e1c;
6731
    color: #fff;
6732
    margin-right: 10px;
6733
    padding: 0.25em 0.5em;
6734
    font-weight: 600;
6735
    font-size: 12px;
6736
}
6737
 
6738
.wordpressdevlp i {
6739
    color: #e86554;
6740
    font-size: 18px;
6741
    font-weight: bold;
6742
    padding-right: 5px;
6743
}
6744
 
6745
.wordpressdevlp h2 {
6746
    font-size: 18px;
6747
    font-weight: 600;
6748
}
6749
 
6750
.cadidatesbtn i {
6751
    color: #b2b2b2;
6752
    border: 1px solid #b2b2b2;
6753
    font-size: 14px;
6754
    text-align: center;
6755
    margin-left: 7px;
6756
    border-radius: 3px;
6757
    padding: 10px;
6758
}
6759
 
6760
.cadidatesbtn i:hover {
6761
    background-color: #e44d3a;
6762
    color: #fff;
6763
    border: 1px solid #e44d3a;
6764
}
6765
 
6766
.inner {
6767
    border-bottom: 2px solid #e5e5e5;
6768
    padding-bottom: 10px;
6769
}
6770
 
6771
.inner li a:hover {
6772
    color: #e44d3a;
6773
    border-bottom: 2px solid #e44d3a;
6774
    padding-bottom: 9px;
6775
}
6776
 
6777
.inner li a {
6778
    color: #000000;
6779
}
6780
 
6781
.posttext {
6782
    position: absolute;
6783
    left: 0;
6784
}
6785
 
6786
.deatile h3 {
6787
    font-size: 14px;
6788
    font-weight: bold;
6789
    padding-bottom: 5px;
6790
}
6791
 
6792
.clrbtn a {
6793
    background-color: #e44d3a;
6794
    color: #fff;
6795
    padding: 5px 10px 5px 10px;
6796
    margin-right: 15px;
6797
}
6798
 
6799
.transpairentbtn a {
6800
    color: #222;
6801
    border: 2px solid #f1f1f1;
6802
    padding: 5px 10px 5px 10px;
6803
}
6804
 
6805
.savetext h3 {
6806
    font-size: 14px;
6807
    font-weight: bold;
6808
    padding-bottom: 5px;
6809
}
6810
 
6811
.devepbtn .clrbtn {
6812
    padding: 7px 20px;
6813
}
6814
 
6815
.devepbtn a {
6816
    color: #666666;
6817
    border: 1px solid #b2b2b2;
6818
    padding: 7px 10px 7px 10px;
6819
    border-radius: 3px;
6820
    margin-right: 5px;
6821
}
6822
 
6823
.devepbtn a:hover i {
6824
    color: #fff;
6825
}
6826
 
6827
.devepbtn a:hover {
6828
    background-color: #e44d3a;
6829
    color: #fff;
6830
}
6831
 
6832
.rew-reply hr {
6833
    margin-left: -20px;
6834
    margin-right: -20px;
6835
}
6836
 
6837
.rew-reply p {
6838
    padding-left: 20px;
6839
}
6840
 
6841
.rew-reply ul {
6842
    padding-left: 20px;
6843
}
6844
 
6845
.devepbtn {
6846
    margin-top: 30px;
6847
    padding-left: 20px;
6848
}
6849
 
6850
.rep-thanks hr {
6851
    margin-right: -20px;
6852
    margin-left: -20px;
6853
}
6854
 
6855
.profilecnd {
6856
    margin-bottom: 0px;
6857
}
6858
 
6859
.devepbtn i {
6860
    color: #b2b2b2;
6861
    font-size: 14px;
6862
}
6863
 
6864
.appliedinfo {
6865
    padding-left: 0;
6866
    padding-top: 20px !important;
6867
    padding-bottom: 10px;
6868
}
6869
 
6870
.epi2 {
6871
    padding: 0;
6872
}
6873
 
6874
.review a {
6875
    line-height: 16px;
6876
    font-size: 14px;
6877
    text-decoration: none;
6878
    font-weight: 500;
6879
    margin-left: 15px;
6880
}
6881
 
6882
.add-pic-box {
6883
    display: inline-block;
6884
    color: #e44d3a;
6885
    font-size: 16px;
6886
    position: absolute;
6887
    top: 30px;
6888
    right: 0;
6889
    font-weight: 600;
6890
    margin-right: 0;
6891
    width: 100%;
6892
}
6893
 
6894
.add-pic-box [type="file"] {
6895
    height: 0;
6896
    overflow: hidden;
6897
    width: 0;
6898
    float: left;
6899
}
6900
 
6901
.add-pic-box [type="file"]+label {
6902
    background: #fff;
6903
    border: 2px solid #e44d3a;
6904
    border-radius: 3px;
6905
    color: #e44d3a;
6906
    cursor: pointer;
6907
    /* display: inline-block; */
6908
    font-size: 15px;
6909
    font-weight: 600;
6910
    outline: none;
6911
    padding: 12px 20px;
6912
    position: relative;
6913
    transition: all 0.3s;
6914
    vertical-align: middle;
6915
    margin: 0;
6916
    float: right;
6917
    text-transform: uppercase;
6918
}
6919
 
6920
.add-pic-box [type="file"]+label:hover {
6921
    background: #e44d3a;
6922
    color: #fff;
6923
}
6924
 
6925
.noreview li i {
6926
    color: #b2b2b2;
6927
}
6928
 
6929
.review-tb {
6930
    margin: 0 0 10px;
6931
    padding-left: 20px;
6932
}
6933
 
6934
.noreview ul li i {
6935
    color: #b2b2b2;
6936
}
6937
 
6938
.mngdetl {
6939
    border-bottom: none;
6940
}
6941
 
6942
.post-reply {
6943
    padding-top: 0;
6944
    padding-bottom: 0;
6945
}
6946
 
6947
.activebidbtn i:hover {
6948
    background-color: #e44d3a;
6949
    color: #fff;
6950
    border: none;
6951
}
6952
 
6953
.reviewtitle h2 {
6954
    font-size: 17px;
6955
    font-weight: 600;
6956
}
6957
 
6958
.horiline {
6959
    width: 118%;
6960
    position: relative;
6961
    left: -40px;
6962
}
6963
 
6964
.tahnks {
6965
    font-weight: 500;
6966
    margin-top: 5px;
6967
}
6968
 
6969
/*about-page*/
6970
 
6971
.banner span {
6972
    position: absolute;
6973
    display: flex;
6974
    background-color: #222;
6975
    width: 100%;
6976
    opacity: 0.9;
6977
    justify-content: center;
6978
    padding: 10px;
6979
    margin-top: 0;
6980
    color: #fff;
6981
}
6982
 
6983
.innertitle {
6984
    margin-top: 130px;
6985
}
6986
 
6987
.Company-overview {
6988
    padding-bottom: 50px;
6989
}
6990
 
6991
.bennertext {
6992
    position: absolute;
6993
    left: 20%;
6994
    right: 20%;
6995
    text-align: center;
6996
}
6997
 
6998
.bannerimage img {
6999
    height: 100%;
7000
}
7001
 
7002
.innertitle h2 {
7003
    color: #fff;
7004
    font-size: 30px;
7005
    line-height: 32px;
7006
    font-weight: 600;
7007
    margin-bottom: 20px;
7008
}
7009
 
7010
.innertitle p {
7011
    color: #fff;
7012
    font-size: 16px;
7013
}
7014
 
7015
.Company-overview h2 {
7016
    padding-top: 100px;
7017
    font-size: 24px;
7018
    font-weight: 600;
7019
    padding-bottom: 12px;
7020
}
7021
 
7022
.Company-overview p {
7023
    font-size: 15px;
7024
    font-weight: 500;
7025
}
7026
 
7027
.Company-overview img {
7028
    float: right;
7029
    padding-top: 25px;
7030
}
7031
 
7032
.blog {
7033
    text-align: center;
7034
    display: inline-block;
7035
    margin-bottom: 50px;
7036
}
7037
 
7038
.blog img {
7039
    padding-bottom: 30px;
7040
}
7041
 
7042
.blog h2 {
7043
    font-size: 18px;
7044
    font-weight: 600;
7045
    padding-bottom: 30px;
7046
}
7047
 
7048
.blog a {
7049
    background-color: #ff4500;
7050
    color: #fff;
7051
    padding: 7px 25px 7px 25px;
7052
    border-radius: 3px;
7053
    font-size: 16px;
7054
    font-weight: 500;
7055
}
7056
 
7057
.services {
7058
    padding-top: 80px;
7059
    padding-bottom: 80px;
7060
}
7061
 
7062
.video {
7063
    padding-bottom: 40px;
7064
}
7065
 
7066
.search-container {
7067
    text-align: center;
7068
}
7069
 
7070
.search-container input[type="text"] {
7071
    padding: 6px 15px;
7072
    margin-top: 8px;
7073
    font-size: 17px;
7074
    border: none;
7075
    height: 50px;
7076
    width: 50%;
7077
    margin-bottom: 25px;
7078
    border-top-left-radius: 3px;
7079
    border-top-right-radius: 0px;
7080
    border-bottom-left-radius: 3px;
7081
    border-bottom-right-radius: 0px;
7082
}
7083
 
7084
.searchtitle {
7085
    text-align: center;
7086
}
7087
 
7088
.searchtitle h2 {
7089
    color: #fff;
7090
    font-size: 30px;
7091
    font-weight: 400;
7092
    padding-bottom: 10px;
7093
}
7094
 
7095
.modal-header {
7096
    position: relative;
7097
}
7098
 
7099
.modal-header h3 {
7100
    font-size: 18px;
7101
}
7102
 
7103
.search-container button {
7104
    padding: 8px 10px;
7105
    text-align: center;
7106
    margin-top: 8px;
7107
    margin-left: -3px;
7108
    margin-right: 18px;
7109
    background: #efefef;
7110
    font-size: 17px;
7111
    border: none;
7112
    cursor: pointer;
7113
    height: 50px;
7114
    width: 6%;
7115
    border-bottom-right-radius: 3px;
7116
    border-top-right-radius: 3px;
7117
}
7118
 
7119
.topsearch i {
7120
    color: #e44d3a;
7121
}
7122
 
7123
.dropdown-toggle::after {
7124
    position: absolute;
7125
    right: 15px;
7126
    color: #b2b2b2;
7127
    top: 7px;
7128
}
7129
 
7130
.help-paddy {
7131
    padding: 0 !important;
7132
}
7133
 
7134
.paddy {
7135
    padding: 20px;
7136
    float: left;
7137
}
7138
 
7139
.dropdown-menu {
7140
    position: absolute;
7141
    top: 100%;
7142
    left: 0;
7143
    z-index: 1000;
7144
    display: none;
7145
    float: left;
7146
    min-width: 10rem;
7147
    padding: 0.5rem 0;
7148
    margin: 0.125rem 0 0;
7149
    font-size: 1rem;
7150
    color: #212529;
7151
    text-align: left;
7152
    list-style: none;
7153
    background-color: #fff;
7154
    width: 100%;
7155
    background-clip: padding-box;
7156
    border: none;
7157
    border-radius: 0.25rem;
7158
}
7159
 
7160
.radio-form p {
7161
    display: -webkit-inline-box;
7162
}
7163
 
7164
.dropdown a {
7165
    color: #000000;
7166
    font-size: 16px;
7167
    font-weight: 400;
7168
    padding: 0 20px;
7169
}
7170
 
7171
.accountnone {
7172
    border: none;
7173
}
7174
 
7175
.helpforum {
7176
    background-color: #fff;
7177
    padding: 15px 0;
7178
    box-shadow: 0px 2px #c6c6c6;
7179
}
7180
 
7181
.helpforum h3 {
7182
    font-size: 18px;
7183
    font-weight: 600;
7184
}
7185
 
7186
.helpforum a {
7187
    background-color: #e44d3a;
7188
    color: #fff;
7189
    padding: 10px 15px 10px 15px;
7190
    line-height: 4;
7191
    border-radius: 3px;
7192
}
7193
 
7194
.helpforum p {
7195
    line-height: 3;
7196
}
7197
 
7198
.actionstitle h3 {
7199
    font-size: 18px;
7200
    font-weight: 400;
7201
    color: #000;
7202
    padding-top: 30px;
7203
}
7204
 
7205
.actionstitle img {
7206
    padding-right: 10px;
7207
}
7208
 
7209
.actionstext a {
7210
    font-size: 16px;
7211
    font-weight: 500;
7212
    color: #e44d3a;
7213
    line-height: 2;
7214
    display: block;
7215
}
7216
 
7217
.helpform {
7218
    text-align: center;
7219
    padding-top: 70px;
7220
}
7221
 
7222
.helpform h3 {
7223
    font-size: 18px;
7224
    font-weight: 400;
7225
    color: #e44d3a;
7226
    margin-bottom: 10px;
7227
}
7228
 
7229
.helpform a {
7230
    background-color: #e44d3a;
7231
    color: #fff;
7232
    padding: 10px 15px 10px 15px;
7233
    border-radius: 3px;
7234
}
7235
 
7236
.helpform p {
7237
    margin-bottom: 30px;
7238
}
7239
 
7240
.helpform img {
7241
    float: unset;
7242
    padding-bottom: 10px;
7243
}
7244
 
7245
.bookingsideber h3 {
7246
    color: #000;
7247
}
7248
 
7249
.bookingsideber h3:active {
7250
    color: #e44d3a;
7251
}
7252
 
7253
.helpforum h4 {
7254
    font-size: 16px;
7255
    font-weight: 600;
7256
}
7257
 
7258
.bloktext {
7259
    padding-left: 25px;
7260
}
7261
 
7262
.privacy {
7263
    background-color: #fff;
7264
    height: 850px;
7265
}
7266
 
7267
.privacydropd .dropdown-toggle::after {
7268
    float: right;
7269
    vertical-align: 0.255em;
7270
}
7271
 
7272
/* .checkbox {} */
7273
 
7274
.form-check {
7275
    padding-left: 0;
7276
}
7277
 
7278
.btns a {
7279
    color: #000;
7280
    border: 1px solid #e5e5e5;
7281
    padding: 10px 25px 10px 25px;
7282
    margin-left: 15px;
7283
    border-radius: 5px;
7284
    font-weight: 600;
7285
}
7286
 
7287
.btns {
7288
    padding-top: 20px;
7289
}
7290
 
7291
.btns a:hover {
7292
    background-color: #e44d3a;
7293
    color: #fff;
7294
}
7295
 
7296
.privacy h3 {
7297
    font-size: 18px;
7298
    font-weight: 600;
7299
    padding-top: 18px;
7300
    margin-bottom: 10px;
7301
}
7302
 
7303
.privacy p {
7304
    padding-top: 0px;
7305
    display: inline-block;
7306
}
7307
 
7308
.form-group {
7309
    margin-bottom: 1rem;
7310
    padding-top: 0px;
7311
}
7312
 
7313
.privacy i {
7314
    float: right;
7315
    color: #e44d3a;
7316
    font-size: 20px;
7317
    font-weight: 600;
7318
}
7319
 
7320
.dropdown-menu input {
7321
    margin-right: 10px;
7322
    margin-top: 15px;
7323
}
7324
 
7325
.dropdown-menu a {
7326
    padding: 10px 0 10px 40px;
7327
    margin-bottom: 10px;
7328
}
7329
 
7330
.dropdown-menu form {
7331
    margin-bottom: 10px;
7332
    margin-top: 10px;
7333
}
7334
 
7335
.privacydropd p {
7336
    margin-left: 20px;
7337
    margin-top: 5px;
7338
}
7339
 
7340
.privabtns {
7341
    margin-top: 20px;
7342
}
7343
 
7344
.privabtns {
7345
    padding-bottom: 15px;
7346
}
7347
 
7348
.privabtns a {
7349
    margin-right: 15px;
7350
    padding: 8px 25px;
7351
    color: #000000;
7352
    border: 1px solid #e5e5e5;
7353
}
7354
 
7355
.privabtns a:hover {
7356
    color: #fff;
7357
    background-color: #e44d3a;
7358
}
7359
 
7360
.privac {
7361
    background-color: #fff;
7362
    height: 560px;
7363
    padding-top: 20px;
7364
}
7365
 
7366
.privac h3 {
7367
    font-size: 18px;
7368
    font-weight: 600;
7369
}
7370
 
7371
.bids-detail ul {
7372
    display: -webkit-inline-box;
7373
}
7374
 
7375
.bids-detail ul li {
7376
    margin-right: 30px;
7377
}
7378
 
7379
.bids-detail h3 {
7380
    font-size: 16px;
7381
    font-weight: 400;
7382
}
7383
 
7384
.bids-detail {
7385
    background-color: #fff;
7386
    padding: 20px;
7387
    margin-bottom: 25px;
7388
    box-shadow: 0px 2px #e4e4e4;
7389
}
7390
 
7391
.dropdown-menu.show {
7392
    display: contents;
7393
}
7394
 
7395
.postpaid:checked:after {
7396
    content: "\f17b";
7397
    font: normal normal normal 16px/1 "LineAwesome";
7398
    font-weight: 600;
7399
    border: 1px solid #fff;
7400
    color: #ffffff;
7401
    text-align: center;
7402
    font-size: 12px;
7403
    width: 100%;
7404
    height: 100%;
7405
    background: #e44d3a;
7406
    display: block;
7407
    border-radius: 50%;
7408
    padding-top: 3px;
7409
}
7410
 
7411
.postpaid:focus {
7412
    border: 1px solid #fff;
7413
    width: 25px;
7414
    height: 25px;
7415
}
7416
 
7417
.postpaid {
7418
    -webkit-appearance: none;
7419
    content: "";
7420
    width: 20px;
7421
    height: 20px;
7422
    border-radius: 50%;
7423
    border: 1px solid #5e5e5e;
7424
    outline: 0;
7425
    margin-right: 5px;
7426
}
7427
 
7428
/* .main-ws-sec .job-status-bar {} */
7429
 
7430
.main-ws-sec .btm-line {
7431
    padding-bottom: 20px !important;
7432
    border-bottom: 1px solid #e5e5e5 !important;
7433
    margin-bottom: 20px;
7434
}
7435
 
7436
.job-status-bar hr {
7437
    margin: 0 -40px;
7438
}
7439
 
7440
.reply-area {
7441
    padding-left: 55px;
7442
}
7443
 
7444
.reply-rply1 {
7445
    margin: 24px 0;
7446
}
7447
 
7448
.reply-area p {
7449
    padding-bottom: 10px;
7450
}
7451
 
7452
.reply-area span {
7453
    cursor: pointer;
7454
}
7455
 
7456
.reply-area span:hover {
7457
    color: #e44d3a;
7458
}
7459
 
7460
.reply-area i {
7461
    font-size: 16px;
7462
    font-weight: 600;
7463
    padding-right: 8px;
7464
}
7465
 
7466
.comment-area .la-plus-circle {
7467
    display: block;
7468
    text-align: center;
7469
    font-size: 40px;
7470
    color: #b2b2b2;
7471
}
7472
 
7473
.reply-area span {
7474
    padding-top: 5px;
7475
    color: #b2b2b2;
7476
}
7477
 
7478
.comt span {
7479
    font-size: 16px;
7480
    color: #666666;
7481
}
7482
 
7483
.comt i {
7484
    padding-right: 8px;
7485
}
7486
 
7487
.postcomment .form-control {
7488
    width: 112%;
7489
    margin-left: -50px;
7490
    background-color: #efefef;
7491
    border-radius: 3px;
7492
}
7493
 
7494
.postcomment a {
7495
    background-color: #e44d3a;
7496
    color: #fff;
7497
    padding: 9px 25px 8px 25px;
7498
    line-height: 37px;
7499
    border-radius: 3px;
7500
}
7501
 
7502
.postcomment {
7503
    padding-top: 30px;
7504
}
7505
 
7506
.widget-about button:focus {
7507
    box-shadow: none;
7508
}
7509
 
7510
.widget-about button:hover {
7511
    background-color: #e44d3a;
7512
}
7513
 
7514
.widget-about button {
7515
    background-color: #e44d3a;
7516
    border: none;
7517
    padding: 12px 0;
7518
    width: 100%;
7519
}
7520
 
7521
.widget-about p {
7522
    background-color: #e44d3a;
7523
    color: #fff;
7524
    padding: 10px 0;
7525
}
7526
 
7527
.widget-projectid {
7528
    padding: 15px;
7529
}
7530
 
7531
.widget-projectid h3 {
7532
    padding-bottom: 7px;
7533
    font-size: 14px;
7534
    font-weight: 600;
7535
}
7536
 
7537
.sd-title h4 {
7538
    margin-bottom: 5px;
7539
    font-size: 16px;
7540
    font-weight: 600;
7541
    line-height: 24px;
7542
}
7543
 
7544
.paymethd p {
7545
    color: #e44d3a;
7546
}
7547
 
7548
.copylink p {
7549
    background-color: #efefef;
7550
    padding: 7px 0 8px 10px;
7551
}
7552
 
7553
.copylink a {
7554
    background-color: #e44d3a;
7555
    color: #fff;
7556
    padding: 10px 15px 10px 15px;
7557
    border-radius: 4px;
7558
}
7559
 
7560
.copylink span {
7561
    padding: 30px 0 20px;
7562
}
7563
 
7564
.copylink i {
7565
    float: unset;
7566
    position: unset;
7567
}
7568
 
7569
.copylink .la-facebook {
7570
    background-color: #3b5998;
7571
    color: #fff;
7572
}
7573
 
7574
.copylink .la-twitter {
7575
    color: #1da1f2;
7576
}
7577
 
7578
.copylink .la-pinterest-p {
7579
    background-color: #fff;
7580
    color: #c11628;
7581
    border-radius: 50%;
7582
}
7583
 
7584
.copylink img {
7585
    padding-right: 10px;
7586
}
7587
 
7588
.freelancerbiding {
7589
    background-color: #fff;
7590
    padding-top: 20px;
7591
}
7592
 
7593
.freelancerbiding h3 {
7594
    font-size: 18px;
7595
    font-weight: 400;
7596
}
7597
 
7598
.repcent {
7599
    text-align: left;
7600
}
7601
 
7602
.bidrit {
7603
    float: right;
7604
}
7605
 
7606
.repcent i {
7607
    padding-left: 5px;
7608
}
7609
 
7610
.star {
7611
    display: inline-flex;
7612
    padding: 5px 0;
7613
}
7614
 
7615
.star li i {
7616
    color: #bfd337;
7617
}
7618
 
7619
.repcent span {
7620
    color: #51a5fb;
7621
}
7622
 
7623
.repcent p {
7624
    padding-left: 7px;
7625
}
7626
 
7627
.noreview ul li i {
7628
    color: #b2b2b2;
7629
}
7630
 
7631
.paymethd .star li i {
7632
    position: unset;
7633
    font-size: 14px;
7634
}
7635
 
7636
.paymethd .star a {
7637
    color: #51a5fb;
7638
    padding-left: 12px;
7639
}
7640
 
7641
/* .modal-header {background-color: #e44d3a; display: block !important; } */
7642
 
7643
.modal-body {
7644
    padding: 1rem 0;
7645
}
7646
 
7647
.notice {
7648
    background-color: #ddf3ff;
7649
    padding: 15px;
7650
}
7651
 
7652
.notice span {
7653
    font-weight: 500;
7654
    padding-right: 5px;
7655
}
7656
 
7657
.innerbody {
7658
    padding: 15px;
7659
}
7660
 
7661
.innerbody h3 {
7662
    font-size: 18px;
7663
    font-weight: 600;
7664
}
7665
 
7666
.innerbody h4 {
7667
    font-weight: 600;
7668
    font-size: 14px;
7669
    margin-left: -15px;
7670
    float: left;
7671
}
7672
 
7673
.delivery .input-group select {
7674
    width: 150px;
7675
    height: 50px !important;
7676
    font-size: 19px;
7677
    border: 1px solid #e5e5e5;
7678
    border-radius: 3px;
7679
}
7680
 
7681
.input-group-prepend {
7682
    background-color: #f3f3f3;
7683
    color: #bfbfbf;
7684
    text-align: center;
7685
    line-height: 3;
7686
    border: 1px solid #e5e5e5;
7687
}
7688
 
7689
.input-group-text {
7690
    color: #666666 !important;
7691
    background-color: #f5f5f5 !important;
7692
    border: 0px !important;
7693
    border-radius: 3px !important;
7694
}
7695
 
7696
.place-bid-form {
7697
    position: relative;
7698
    left: 20px;
7699
    top: -15px;
7700
    padding-bottom: 15px;
7701
}
7702
 
7703
.place-bid-form .input-group input {
7704
    width: 70px;
7705
    border: 1px solid #e5e5e5;
7706
}
7707
 
7708
.paydel {
7709
    padding: 40px 0 0;
7710
}
7711
 
7712
.beatcompitation {
7713
    background-color: #f3f3f3;
7714
    padding: 15px;
7715
}
7716
 
7717
.beatcompitation h3 {
7718
    font-weight: 500;
7719
}
7720
 
7721
.sponser i {
7722
    background-color: #e44d3a;
7723
    color: #fff;
7724
    margin-right: 5px;
7725
    padding: 2px;
7726
}
7727
 
7728
.sponser h2 {
7729
    font-size: 18px;
7730
    font-weight: 600;
7731
    padding-top: 15px;
7732
    padding-bottom: 15px;
7733
}
7734
 
7735
.sponser {
7736
    padding: 15px;
7737
}
7738
 
7739
.modal-footer {
7740
    display: block !important;
7741
    border-top: none;
7742
    padding: 1rem 0;
7743
}
7744
 
7745
.modal-footer button {
7746
    font-size: 15px;
7747
    font-weight: 500;
7748
    background-color: unset;
7749
    border: none;
7750
    padding: 10px;
7751
    border: 1px solid #d2d2d2;
7752
    border-radius: 3px;
7753
}
7754
 
7755
.modal-footer button:hover {
7756
    background-color: #e44d3a;
7757
    /* color: #fff; */
7758
    /* border: 1px solid #e44d3a; */
7759
}
7760
 
7761
.place-bid-btn {
7762
    font-size: 15px;
7763
    font-weight: 500;
7764
    color: #fff !important;
7765
    background-color: #e44d3a !important;
7766
    border: none;
7767
    padding: 10px;
7768
    border: 1px solid #e44d3a;
7769
    border-radius: 3px;
7770
}
7771
 
7772
.usy-dt .reply {
7773
    margin: 3px 0 0 10px;
7774
    width: 360px;
7775
    height: 40px;
7776
    background-color: #efefef;
7777
    border: 1px solid #e5e5e5;
7778
    padding-left: 10px;
7779
    border-radius: 3px;
7780
}
7781
 
7782
.replybtn {
7783
    background-color: #e44d3a;
7784
    color: #fff;
7785
    padding: 10px;
7786
    margin-left: 15px;
7787
    border-radius: 3px;
7788
}
7789
 
7790
.replybtn:hover {
7791
    color: #fff;
7792
}
7793
 
7794
.rewivew ul li {
7795
    margin-right: 5px !important;
7796
}
7797
 
7798
.security hr {
7799
    margin-right: -15px;
7800
    margin-left: -15px;
7801
}
7802
 
7803
.privacy .la-check {
7804
    float: left;
7805
    font-size: 12px;
7806
    margin: 5px 5px 0 0;
7807
    padding: 3px;
7808
    background-color: #e44d3a;
7809
    color: #fff;
7810
    border-radius: 50%;
7811
}
7812
 
7813
ul#myTab {
7814
    border-bottom: 1px solid #e5e5e5;
7815
}
7816
 
7817
.nav-tabs .nav-link {
7818
    border: none;
7819
}
7820
 
7821
.noborder {
7822
    border-bottom: none;
7823
}
7824
 
7825
.manbids {
7826
    margin-bottom: 0 !important;
7827
}
7828
 
7829
.noreply {
7830
    padding-top: 30px;
7831
}
7832
 
7833
#my-bids .nav-tabs {
7834
    margin-bottom: 20px;
7835
    margin-top: 7px;
7836
    padding-bottom: 0;
7837
}
7838
 
7839
#my-bids ul {
7840
    margin-bottom: 15px;
7841
    margin-top: 7px;
7842
    padding-bottom: 0;
7843
}
7844
 
7845
.savedjob-info p {
7846
    color: #666666;
7847
    margin-top: 5px;
7848
}
7849
 
7850
#my-bids ul li a {
7851
    color: #000000;
7852
    font-size: 16px;
7853
    font-weight: 500;
7854
}
7855
 
7856
#my-bids li a:hover {
7857
    color: #e44d3a;
7858
}
7859
 
7860
#saved-jobs ul {
7861
    margin-bottom: 20px;
7862
}
7863
 
7864
#saved-jobs ul li a {
7865
    color: #000000;
7866
    font-size: 16px;
7867
    font-weight: 500;
7868
}
7869
 
7870
#saved-jobs li a:hover {
7871
    color: #e44d3a;
7872
}
7873
 
7874
.wordpressdevlp h2 {
7875
    font-size: 18px;
7876
    font-weight: 600;
7877
    margin-bottom: 15px;
7878
}
7879
 
7880
#saved-jobs .nav-tabs .nav-item.show .nav-link,
7881
#saved-jobs .nav-tabs .nav-link.active {
7882
    background-color: inherit;
7883
    color: #e44d3a !important;
7884
    padding-bottom: 9px;
7885
    border-bottom: 2px solid #e44d3a !important;
7886
}
7887
 
7888
#my-bids .nav-tabs .nav-item.show .nav-link,
7889
#my-bids .nav-tabs .nav-link.active {
7890
    background-color: inherit;
7891
    color: #e44d3a !important;
7892
    padding-bottom: 9px;
7893
    border-bottom: 2px solid #e44d3a !important;
7894
}
7895
 
7896
.descptab li img {
7897
    float: left !important;
7898
    filter: inherit !important;
7899
}
7900
 
7901
.bklink {
7902
    border-bottom: none !important;
7903
    width: unset !important;
7904
    float: right !important;
7905
}
7906
 
7907
.bklik {
7908
    border-bottom: none !important;
7909
}
7910
 
7911
/*////////////////////////////////////////My css//////////////////////////////// //////////////////////////////////////////////////////////////////////////////*/
7912
 
7913
.savedjob-info li {
7914
    display: inline-block;
7915
    padding-left: 25px;
7916
}
7917
 
7918
.savedjob-info h3 {
7919
    font-size: 14px;
7920
    font-weight: 500;
7921
}
7922
 
7923
.settingjb ul li {
7924
    margin-right: 25px !important;
7925
}
7926
 
7927
.mangebid li {
7928
    padding-left: 0;
7929
    padding-right: 20px;
7930
    padding-top: 10px;
7931
}
7932
 
7933
.bk-links.bklink li {
7934
    padding-right: 0;
7935
}
7936
 
7937
.bidsbtn {
7938
    position: relative;
7939
}
7940
 
7941
.biddersinfo li {
7942
    padding-left: 0;
7943
    padding-right: 20px;
7944
}
7945
 
7946
#review {
7947
    background-color: #fff;
7948
    margin-bottom: 40px;
7949
}
7950
 
7951
.starreview {
7952
    padding-left: 20px;
7953
}
7954
 
7955
.replytext {
7956
    padding-bottom: 20px;
7957
}
7958
 
7959
.starrevi {
7960
    padding-left: 20px;
7961
}
7962
 
7963
.apply-jobbox {
7964
    text-align: center;
7965
}
7966
 
7967
.apply-jobbox form input {
7968
    width: 100%;
7969
    margin-top: 20px;
7970
    padding: 10px;
7971
    color: #222;
7972
    border: 1px solid #e5e5e5;
7973
    border-radius: 3px;
7974
    font-size: 14px;
7975
}
7976
 
7977
.apply-jobbox h3 {
7978
    margin: 20px 0;
7979
}
7980
 
7981
.select-files {
7982
    border: 1px solid #e5e5e5;
7983
    margin-top: 20px;
7984
    padding: 30px;
7985
    background: #efefef;
7986
}
7987
 
7988
.select-files button {
7989
    margin-bottom: 20px;
7990
    background-color: transparent;
7991
    border: 1px solid #e5e5e5;
7992
    padding: 10px 15px 10px 15px;
7993
    border-radius: 5px;
7994
    font-weight: 600;
7995
}
7996
 
7997
.select-files button:hover {
7998
    background-color: #e44d3a;
7999
    color: #fff;
8000
}
8001
 
8002
.close {
8003
    position: absolute;
8004
    right: 0px;
8005
    top: 0px;
8006
    color: #929292;
8007
    border: 1px solid !important;
8008
    border-radius: 50%;
8009
    height: 30px;
8010
    width: 30px;
8011
}
8012
 
8013
.mapouter iframe {
8014
    width: 100%;
8015
    height: 400px;
8016
}
8017
 
8018
.mapouter {
8019
    position: relative;
8020
    text-align: right;
8021
    height: 500px;
8022
    width: 100%;
8023
}
8024
 
8025
.gmap_canvas {
8026
    overflow: hidden;
8027
    background: none !important;
8028
}
8029
 
8030
.video-iframe {
8031
    width: 100%;
8032
    height: 400px;
8033
}
8034
 
8035
.custom-file-input {
8036
    color: transparent;
8037
    opacity: 1;
8038
    /* margin-left: 140px; */
8039
    margin-bottom: 10px;
8040
}
8041
 
8042
.custom-file-input::-webkit-file-upload-button {
8043
    visibility: hidden;
8044
}
8045
 
8046
.custom-file-input::before {
8047
    content: "Select Files";
8048
    color: #fff;
8049
    display: inline-block;
8050
    border: 1px solid #e5e5e5;
8051
    border-radius: 3px;
8052
    background: #e44d3a;
8053
    font-weight: 500;
8054
    padding: 10px 15px;
8055
    outline: none;
8056
    white-space: nowrap;
8057
    -webkit-user-select: none;
8058
    cursor: pointer;
8059
}
8060
 
8061
.custom-file-input:hover::before {
8062
    background-color: #e44d3a;
8063
    color: #fff;
8064
}
8065
 
8066
.custom-file-input:active {
8067
    outline: 0;
8068
}
8069
 
8070
.custom-file-input:active::before {
8071
    background: #e44d3a;
8072
    color: #fff;
8073
}
8074
 
8075
.bids-time {
8076
    float: right;
8077
}
8078
 
8079
.saved-post {
8080
    padding: 0;
8081
}
8082
 
8083
.saved-post p {
8084
    padding-bottom: 20px;
8085
}
8086
 
8087
.saved-info li {
8088
    padding-right: 25px;
8089
    padding-left: 0;
8090
}
8091
 
8092
.saved-btn {
8093
    padding: 0;
8094
    margin-bottom: -12px;
8095
}
8096
 
8097
.applied-post {
8098
    padding: 0;
8099
}
8100
 
8101
.post-bid {
8102
    padding: 0 !important;
8103
}
8104
 
8105
.bidsbtn {
8106
    padding-top: 0 !important;
8107
}
8108
 
8109
.active-bids {
8110
    padding: 0;
8111
}
8112
 
8113
.activ-bidinfo li {
8114
    padding-top: 10px;
8115
    padding-left: 0;
8116
    padding-right: 25px;
8117
}
8118
 
8119
.activebtn {
8120
    padding-left: 0;
8121
}
8122
 
8123
.p-all {
8124
    padding: 0px;
8125
    float: left;
8126
    width: 100%;
8127
    position: relative;
8128
}
8129
 
8130
.toggle-btn .custom-switch .custom-control-label::before {
8131
    left: -2.25rem;
8132
    width: 70px;
8133
    pointer-events: all;
8134
    border-radius: 100px;
8135
    height: 30px;
8136
    top: -1px;
8137
    box-shadow: none;
8138
}
8139
 
8140
.toggle-btn .custom-control-label::before {
8141
    position: absolute;
8142
    top: 0.25rem;
8143
    left: -1.5rem;
8144
    display: block;
8145
    width: 1rem;
8146
    height: 1rem;
8147
    pointer-events: none;
8148
    content: "";
8149
    background-color: #fff;
8150
    border: #e1e1e1 solid 2px;
8151
}
8152
 
8153
.custom-control-input:checked~.custom-control-label::before {
8154
    color: #fff;
8155
    border-color: #e44d3a;
8156
    background-color: #e44d3a;
8157
    box-shadow: none;
8158
    outline: none;
8159
}
8160
 
8161
.toggle-btn .custom-switch .custom-control-label::after {
8162
    top: calc(-1px + 2px);
8163
    left: calc(-36px + 2px);
8164
    width: calc(30px - 4px);
8165
    height: calc(30px - 4px);
8166
    background-color: #e1e1e1;
8167
    border-radius: 100%;
8168
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
8169
    transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
8170
    transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
8171
}
8172
 
8173
.toggle-btn .custom-control-label::after {
8174
    position: absolute;
8175
    top: 0.25rem;
8176
    left: -1.5rem;
8177
    display: block;
8178
    width: 0;
8179
    height: 0;
8180
    content: "";
8181
    background: no-repeat 50%/50% 50%;
8182
}
8183
 
8184
.toggle-btn .custom-control-label {
8185
    position: initial;
8186
    margin-bottom: 0;
8187
    vertical-align: top;
8188
}
8189
 
8190
.toggle-btn .custom-switch .custom-control-input:checked~.custom-control-label::after {
8191
    background-color: #fff;
8192
    -webkit-transform: translateX(2.5rem);
8193
    transform: translateX(2.5rem);
8194
}
8195
 
8196
.custom-control-label {
8197
    position: relative;
8198
    margin-bottom: 0;
8199
    vertical-align: top;
8200
    line-height: 24px;
8201
    font-size: 14px;
8202
    color: #666666;
8203
}
8204
 
8205
.small-text-children p,
8206
.small-text-children span {
8207
    font-size: .8rem;
8208
}
8209
 
8210
.search-item-selected {
2275 stevensc 8211
    padding: 1px 10px;
8212
    background: var(--background-gray);
8213
    line-height: 1;
8214
    border-radius: 10px;
1239 steven 8215
    font-weight: bold;
8216
}
8217
 
8218
main {
8219
    background-color: #fff !important;
8220
}
8221
 
8222
.row .sc-dkzDqf {
8223
    margin: 0 auto;
8224
}
8225
 
8226
.test-section .title,
8227
.test-section .description {
8228
    margin-bottom: 10px;
8229
}
8230
 
8231
.test-section .btn-danger {
8232
    margin-right: 10px;
8233
}
8234
 
8235
.test-section .panel-body {
8236
    padding: 20px 0px;
8237
}
8238
 
8239
.test-section .panel {
8240
    margin-top: 20px;
8241
    padding-bottom: 10px;
8242
}
8243
 
8244
.test-section .panel-title {
8245
    font-size: 16px;
8246
    font-weight: bold;
8247
    text-transform: uppercase;
8248
}
8249
 
8250
.test-section .np-padding {
8251
    padding: 0px;
8252
}
8253
 
8254
.test-section .checkbox {
8255
    display: flex;
8256
    margin: 20px 0px;
8257
}
8258
 
8259
.test-section .option {
8260
    margin-left: 10px;
8261
}
8262
 
8263
.checkbox input[type=checkbox],
8264
input[type=radio] {
8265
    margin-top: 5px !important;
8266
}
8267
 
8268
.test-section h6 {
8269
    margin-bottom: 10px;
8270
    color: #0860bf;
8271
}
8272
 
8273
.wizard {
8274
    display: flex;
8275
    margin-top: 10px;
8276
}
8277
 
8278
.wizard li {
8279
    width: 50%;
8280
    display: inline-block;
8281
}
8282
 
8283
.btn-secondary:disabled,
8284
.btn-primary:disabled {
8285
    cursor: no-drop;
8286
}
8287
 
8288
.test-section .btn-primary {
8289
    margin-left: 10px
8290
}
8291
 
8292
.previous {
8293
    text-align: left;
8294
}
8295
 
8296
.next {
8297
    text-align: right;
8298
}
8299
 
8300
.test-section .close {
8301
    border: none !important;
8302
    border-radius: 0px !important;
8303
}
8304
 
8305
.ratin-range {
8306
    display: block;
8307
}
8308
 
8309
.ratin-range li {
8310
    display: inline-block;
8311
    width: 6%;
8312
}
8313
 
8314
.ratin-range li .option {
8315
    margin-top: 2px !important;
8316
}
8317
 
8318
#react-self-evaluation .company-up-info ul {
8319
    width: 100%;
8320
    position: absolute;
8321
    float: left;
8322
    left: 0px;
8323
    bottom: 4vw;
8324
}
8325
 
8326
#react-self-evaluation .company-up-info {
8327
    padding: 30px 10px;
8328
    min-height: 20vw;
8329
    border: 1px solid #e5e5e5
8330
}
8331
 
8332
#react-self-evaluation .company-up-info h3 {
8333
    width: 90%;
8334
    margin: 5px auto;
8335
}
8336
 
8337
.mb10 {
597 geraldo 8338
    margin-bottom: 3vw;
598 geraldo 8339
}
1239 steven 8340
 
8341
.opt-h6 {
8342
    font-weight: 600 !important;
8343
    color: #000 !important;
597 geraldo 8344
}