Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

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