Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

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