Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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