Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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