Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 3486 | Rev 4904 | Ir a la última revisión | | Comparar con el anterior | Ultima modificación | Ver Log |

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