Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

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