Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

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