Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

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