Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

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