Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

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