Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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