Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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