Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

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