Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

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