Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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