Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev Autor Línea Nro. Línea
1239 steven 1
/*===================== TABLE OF CONTENT ======================= 1.	1 Homepages 2.  Fonts 3.  Reset Css 4.  Cross Browser Compatibility 5.  Header 6.  Navigations 7.  Dropdown 8.  Responsive Header 9.  Revolution Slider (Banner) 10. About App 11. Amazing Features 12. Interesting Screenshots 14.	Latest Blog News 15.	Questions Sections 16.	Clinet's Testimonial 17.	Our Newsletter 18. Stylish Pricing Plan 19.	Never Miss a Deal 20.	Contact Us 21. Footer =============================================================*/
2
 
3
/* ================================================================================== Fonts ===================================================================================== */
4
 
5
@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,200i,300,300i,400,400i,600,600i,700,700i,900,900i");
6
/* ================================================================================== Reset Css ===================================================================================== */
7
 
8
html,
9
body,
10
div,
11
span,
12
applet,
13
object,
14
iframe,
15
h1,
16
h2,
17
h3,
18
h4,
19
h5,
20
h6,
21
p,
22
blockquote,
23
pre,
24
a,
25
abbr,
26
acronym,
27
address,
28
big,
29
cite,
30
code,
31
del,
32
dfn,
33
em,
34
img,
35
ins,
36
kbd,
37
q,
38
s,
39
samp,
40
small,
41
strike,
42
strong,
43
sub,
44
sup,
45
tt,
46
var,
47
b,
48
u,
49
i,
50
center,
51
dl,
52
dt,
53
dd,
54
ol,
55
ul,
56
li,
57
fieldset,
58
form,
59
label,
60
legend,
61
table,
62
caption,
63
tbody,
64
tfoot,
65
thead,
66
tr,
67
th,
68
td,
69
article,
70
aside,
71
canvas,
72
details,
73
embed,
74
figure,
75
figcaption,
76
footer,
77
header,
78
hgroup,
79
menu,
80
nav,
81
output,
82
ruby,
83
section,
84
summary,
85
time,
86
mark,
87
audio,
88
video {
89
    margin: 0;
90
    padding: 0;
91
    border: 0;
92
    font-size: 100%;
93
    font: inherit;
94
    vertical-align: baseline;
95
}
96
 
97
/* HTML5 display-role reset for older browsers */
98
 
99
article,
100
aside,
101
details,
102
figcaption,
103
figure,
104
footer,
105
header,
106
hgroup,
107
menu,
108
nav,
109
section {
110
    display: block;
111
}
112
 
113
body {
114
    line-height: 1;
115
    font-family: "Source Sans Pro", sans-serif;
116
    overflow-x: hidden;
117
    font-weight: 400;
118
    background-color: #f2f2f2;
119
}
120
 
121
ol,
122
ul {
123
    list-style: none;
124
}
125
 
126
a:hover {
127
    text-decoration: none;
128
}
129
 
130
blockquote,
131
q {
132
    quotes: none;
133
}
134
 
135
blockquote:before,
136
blockquote:after,
137
q:before,
138
q:after {
139
    content: "";
140
    content: none;
141
}
142
 
143
button {
144
    outline: none;
145
}
146
 
147
table {
148
    border-collapse: collapse;
149
    border-spacing: 0;
150
}
151
 
152
* {
153
    margin: 0;
154
    padding: 0;
155
}
156
 
157
a:focus {
158
    text-decoration: none;
159
    outline: none;
160
}
161
 
162
a:hover {
163
    color: #fff;
164
}
165
 
166
button {
167
    outline: none;
168
}
169
 
170
input {
171
    outline: none;
172
}
173
 
174
textarea {
175
    outline: none;
176
}
177
 
178
section {
179
    float: left;
180
    width: 100%;
181
    position: relative;
182
}
183
 
184
p {
185
    font-size: 14px;
186
    line-height: 24px;
187
    color: #666666;
188
}
189
 
190
hr {
191
    margin-top: 1rem;
192
    margin-bottom: 1rem;
193
    border: 0;
194
    border-top: 1px solid #e5e5e5 !important;
195
}
196
 
197
/* ================ CROSS BROWSER COMPATABILITY =============== */
198
 
199
img {
200
    max-width: 100%;
201
}
202
 
203
.ask-question,
204
nav,
205
.notification-box.active,
206
nav ul li a,
207
.user-account-settingss.active,
208
.user-info a,
209
.suggestion-usd>span i,
210
.view-more>a,
211
.tags-sec ul li a,
212
.post-st ul li a,
213
.ed-opts>a,
214
.bk-links li a,
215
.like-com li a,
216
.user-profy>a,
217
.slick-previous:before,
218
.slick-nexti:before,
219
.comment>a,
220
.sign_link>a,
221
.post-popup,
222
.post-project>a,
223
.post-project-fields form ul li button,
224
.post-project-fields form ul li a,
225
.sign-control li a,
226
.cover-sec>a,
227
.star-descp>a,
228
.message-btn a,
229
.pf-gallery ul li,
230
.gallery_pt:before,
231
.gallery_pt>a,
232
.overview-box,
233
.skl-name,
234
.conv-list,
235
.save-stngs ul li button,
236
.forum-links.active,
237
.react-links li a,
238
.next-prev>a,
239
nav ul li:hover>ul,
240
.user-pro-img>a i {
241
    -webkit-transition: all 0.2s;
242
    -moz-transition: all 0.2s;
243
    -ms-transition: all 0.2s;
244
    -o-transition: all 0.2s;
245
    transition: all 0.2s;
246
}
247
 
248
/* ============== DEFAULT BORDER RADIUS =========== */
249
 
250
.ask-question,
251
.login_register ul li a,
252
.search-bar form input,
253
.search-bar form button,
254
.search_form form input,
255
.post-st ul li a,
256
.post-bar,
257
.bk-links li i,
258
.bid_now,
259
.user-profy ul li a,
260
.posty,
261
.comment_box form button,
262
.post-project-fields form input,
263
.post-project-fields form textarea,
264
.post-project-fields form select,
265
.post-project-fields form ul li button,
266
.post-project-fields form ul li a,
267
.signin-pop,
268
.sign-control,
269
.sign_in_sec form input,
270
.sign_in_sec form select,
271
.sign_in_sec form button,
272
.signup-tab,
273
.login-resources ul li a,
274
.flw-hr li a,
275
.message-btn a,
276
.user-profile-ov,
277
.portfolio-gallery-sec,
278
.overview-edit,
279
.overview-edit form textarea,
280
.overview-edit form input,
281
.overview-edit form select,
282
.overview-edit button,
283
.file-submit,
284
.billing-method,
285
.lt-sec>a,
286
.add-billing-method,
287
.payment_methods form button,
288
.payment_methods form input,
289
.company-up-info ul li a,
290
.search-box form input,
291
.filter-dd form input,
292
.filter-dd form select,
293
.conversation-box,
294
.save-stngs ul li button,
295
.cp-field input,
296
.cp-field textarea,
297
.accept-req,
298
.mf-field input,
299
.mf-field button,
300
.pagination li .page-link,
301
.post_comment_sec form textarea,
302
.post_comment_sec form button,
303
.next-prev>a {
304
    -webkit-border-radius: 4px;
305
    -moz-border-radius: 4px;
306
    -ms-border-radius: 4px;
307
    -o-border-radius: 4px;
308
    border-radius: 3px;
309
}
310
 
311
.wrapper {
312
    float: left;
313
    width: 100%;
314
    min-height: 100vh;
315
    position: relative;
2294 stevensc 316
    background-color: #FFFFFF;
1239 steven 317
}
318
 
319
.overlay:before {
320
    content: "";
321
    position: absolute;
322
    top: 0;
323
    left: 0;
324
    width: 100%;
325
    height: 100%;
326
    background-color: rgba(0, 0, 0, 0.75);
327
    z-index: 99;
328
}
329
 
330
header {
331
    float: left;
332
    width: 100%;
333
    background-color: #e44d3a;
334
}
335
 
336
.header-data {
337
    float: left;
338
    width: 100%;
339
}
340
 
341
.logo {
342
    float: left;
343
    width: 40px;
344
    margin-right: 14px;
345
    margin-top: 10px;
346
}
347
 
348
.logo.pd-btm {
349
    padding-bottom: 10px;
350
}
351
 
352
.forum-bar {
353
    float: left;
354
    margin-top: 10px;
355
    width: 400px;
356
}
357
 
358
.forum-bar h2 {
359
    float: left;
360
    margin-right: 40px;
361
}
362
 
363
.forum-bar ul {
364
    float: left;
365
    margin-top: 0px;
366
}
367
 
368
.ask-question {
369
    background-color: #fff;
370
    padding: 10px 25px;
371
    color: #e44d3a !important;
372
    font-size: 14px;
373
    font-weight: 600;
374
}
375
 
376
.ask-question:hover {
377
    color: #e44d3a;
378
}
379
 
380
.forum-bar ul li {
381
    display: inline-block;
382
    margin-right: 40px;
383
}
384
 
385
.forum-bar ul li:last-child {
386
    margin-right: 0;
387
}
388
 
389
.forum-bar ul li a {
390
    display: inline-block;
391
    color: #ffffff;
392
    font-size: 14px;
393
    font-weight: 500;
394
}
395
 
396
.forum-bar h2 {
397
    color: #ffffff;
398
    font-size: 28px;
399
    font-weight: 500;
400
}
401
 
402
/* ========== login_register ========== */
403
 
404
.login_register {
405
    float: right;
406
    margin-top: 8px;
407
    padding-left: 30px;
408
}
409
 
410
.login_register ul li {
411
    display: inline-block;
412
    margin-right: 8px;
413
}
414
 
415
.login_register ul li:last-child {
416
    margin-right: 0;
417
}
418
 
419
.login_register ul li a {
420
    display: inline-block;
421
    color: #ffffff;
422
    font-size: 14px;
423
    border: 1px solid #fff;
424
    height: 40px;
425
    line-height: 40px;
426
    padding: 0 20px;
427
    font-weight: 600;
428
}
429
 
430
.search-bar.st2 {
431
    float: right;
432
}
433
 
434
.search-bar {
435
    float: left;
436
    width: 280px;
437
    margin-top: 9px;
438
}
439
 
440
.search-bar form {
441
    float: left;
442
    width: 100%;
443
    position: relative;
444
}
445
 
446
.search-bar form input {
447
    width: 100%;
448
    background-color: #fff;
449
    height: 38px;
450
    color: #b2b2b2;
451
    font-size: 12px;
452
    border: 0;
453
    padding: 0 10px;
454
}
455
 
456
.search-bar form button {
457
    position: absolute;
458
    top: 0;
459
    right: 0;
460
    background-color: #efefef;
461
    width: 38px;
462
    height: 100%;
463
    border: 0;
464
}
465
 
466
.search-bar form button i {
467
    color: #e44d3a;
468
    font-size: 20px;
469
    font-weight: bold;
470
}
471
 
472
nav {
473
    /* float: left; width: 60%; text-align: right; */
474
    /* padding-right: 13px; */
475
}
476
 
477
nav ul li {
478
    /* display: inline-block; text-align: center; padding: 15px 13px; position: relative; */
479
}
480
 
481
nav ul li:hover>ul {
482
    /* opacity: 1; visibility: visible; z-index: 9999; */
483
}
484
 
485
nav ul ul {
486
    /* position: absolute; top: 100%; left: 0; width: 200px; background-color: #e44d3a; text-align: left; padding: 20px 0 10px 0; opacity: 0; visibility: hidden; z-index: 999999; */
487
}
488
 
489
/* nav ul ul li {padding: 0; float: left; width: 100%; text-align: left; margin-bottom: 15px; padding: 0 20px; } nav ul ul li a:hover {color: #fff; } nav ul ul li a {font-size: 16px; } */
490
 
491
.notification-box.msg p {
492
    line-height: 20px;
493
    font-size: 14px;
494
    font-weight: 400;
495
    margin-top: 2px;
496
}
497
 
498
.notification-box.msg .nott-list .notification-info span {
499
    bottom: auto;
500
    top: 5px;
501
}
502
 
503
.notification-box.msg .notification-info h3 {
504
    margin-bottom: 1px;
505
}
506
 
507
.notification-box.msg .nott-list .notfication-details {
508
    padding: 17px 20px 17px 20px;
509
}
510
 
511
.notification-box {
512
    position: absolute;
513
    top: 100%;
514
    right: 0;
515
    width: 300px;
516
    background-color: #fff;
517
    opacity: 1;
518
    visibility: visible;
519
    z-index: 999;
520
    display: none;
521
}
522
 
523
.notification-box.active {
524
    opacity: 1;
525
    visibility: visible;
526
    z-index: 999999999;
527
}
528
 
529
.nt-title {
530
    float: left;
531
    width: 100%;
532
    border-bottom: 1px solid #e5e5e5;
533
    padding: 10px 20px;
534
}
535
 
536
.nt-title h4 {
537
    float: left;
538
    color: #686868;
539
    font-size: 12px;
540
    font-weight: 600;
541
}
542
 
543
.nt-title>a {
544
    float: right;
545
    color: #686868;
546
    font-size: 12px;
547
    font-weight: 600;
548
}
549
 
550
.nott-list {
551
    float: left;
552
    width: 100%;
553
}
554
 
555
.nott-list .notification-info {
556
    width: 86%;
557
    float: left;
558
    text-align: left;
559
    position: relative;
560
}
561
 
562
.nott-list .notfication-details {
563
    padding: 20px 20px 12px 20px;
564
}
565
 
566
.nott-list .notification-info h3 {
567
    line-height: 20px;
568
}
569
 
570
.nott-list .notification-info span {
571
    position: absolute;
572
    bottom: 5px;
573
    right: 0;
574
}
575
 
576
.view-all-nots {
577
    float: left;
578
    width: 100%;
579
}
580
 
581
.view-all-nots>a {
582
    float: left;
583
    width: 100%;
584
    color: #ffffff;
585
    font-size: 16px;
586
    text-transform: capitalize;
587
    font-weight: 600;
588
    text-align: center;
589
    background-color: #e44d3a;
590
    padding: 18px 0;
591
}
592
 
593
nav ul li span {
594
    display: block;
595
    height: 14px;
596
}
597
 
598
nav ul li span img {
599
    float: none;
600
}
601
 
602
nav ul li a {
603
    color: #ffffff;
604
    font-size: 14px;
605
}
606
 
607
nav>ul>li>a:hover {
608
    color: #fff;
609
}
610
 
611
.user-account {
612
    float: right;
613
    /* width: 110px; */
614
    border-left: 1px solid #dd3e2b;
615
    border-right: 1px solid #dd3e2b;
616
    box-sizing: border-box;
617
    position: relative;
618
    padding: 0 1rem;
619
}
620
 
621
.user-info {
622
    /* float: left; width: 100%; padding: 13px 10px; */
623
    position: relative;
624
}
625
 
626
.user-account-settingss {
627
    position: absolute;
628
    opacity: 1;
629
    visibility: visible;
630
    z-index: 999;
631
    display: none;
632
    top: 100%;
633
    right: 0;
634
    width: 240px;
635
    background-color: #fff;
636
    border-left: 1px solid #e5e5e5;
637
    border-bottom: 1px solid #e5e5e5;
638
    border-right: 1px solid #e5e5e5;
639
    -webkit-border-radius: 0 0 5px 5px;
640
    -moz-border-radius: 0 0 5px 5px;
641
    -ms-border-radius: 0 0 5px 5px;
642
    -o-border-radius: 0 0 5px 5px;
643
    border-radius: 0 0 5px 5px;
644
    -webkit-box-shadow: 1px 1px 6px -2px rgba(0, 0, 0, 0.24);
645
    -moz-box-shadow: 1px 1px 6px -2px rgba(0, 0, 0, 0.24);
646
    -ms-box-shadow: 1px 1px 6px -2px rgba(0, 0, 0, 0.24);
647
    -o-box-shadow: 1px 1px 6px -2px rgba(0, 0, 0, 0.24);
648
    box-shadow: 1px 1px 6px -2px rgba(0, 0, 0, 0.24);
649
    /*opacity: 0; visibility: hidden;*/
650
}
651
 
652
.user-account-settingss.active {
653
    opacity: 1;
654
    visibility: visible;
655
    z-index: 9999;
656
}
657
 
658
.user-account-settingss>h3 {
659
    color: #000000;
660
    font-size: 16px;
661
    font-weight: 600;
662
    float: left;
663
    width: 100%;
664
    border-bottom: 1px solid #e5e5e5;
665
    padding: 15px 20px;
666
}
667
 
668
.on-off-status {
669
    float: left;
670
    width: 100%;
671
    padding: 20px;
672
    border-bottom: 1px solid #e5e5e5;
673
}
674
 
675
.on-off-status li {
676
    float: left;
677
    width: 100%;
678
    margin-bottom: 15px;
679
}
680
 
681
.on-off-status li:last-child {
682
    margin-bottom: 0;
683
}
684
 
685
.on-off-status li .fgt-sec small {
686
    color: #686868;
687
}
688
 
689
/* =========== search_form =========== */
690
 
691
.search_form {
692
    float: left;
693
    width: 100%;
694
    padding: 20px;
695
    border-bottom: 1px solid #e5e5e5;
696
}
697
 
698
.search_form form {
699
    float: left;
700
    width: 100%;
701
    position: relative;
702
}
703
 
704
.search_form form input {
705
    width: 100%;
706
    height: 35px;
707
    padding: 0 15px;
708
    border: 1px solid #e5e5e5;
709
    background-color: #f2f2f2;
710
}
711
 
712
.search_form form button {
713
    color: #f2f2f2;
714
    font-size: 14px;
715
    background-color: #e44d3a;
716
    padding: 0 10px;
717
    height: 100%;
718
    position: absolute;
719
    top: 0;
720
    right: 0;
721
    border: 0;
722
    font-weight: 600;
723
    -webkit-border-radius: 0 3px 3px 0;
724
    -moz-border-radius: 0 3px 3px 0;
725
    -ms-border-radius: 0 3px 3px 0;
726
    -o-border-radius: 0 3px 3px 0;
727
    border-radius: 0 3px 3px 0;
728
    cursor: pointer;
729
}
730
 
731
/* ============ us-links ============= */
732
 
733
.us-links {
734
    float: left;
735
    width: 100%;
736
    border-bottom: 1px solid #e5e5e5;
737
    padding: 20px;
738
}
739
 
740
.us-links li {
741
    float: left;
742
    width: 100%;
743
    margin-bottom: 15px;
744
}
745
 
746
.us-links li:last-child {
747
    margin-bottom: 0;
748
}
749
 
750
.us-links li a {
751
    float: left;
752
    width: 100%;
753
    color: #000000;
754
    font-size: 14px;
755
    font-weight: 500;
756
}
757
 
758
.tc {
759
    text-align: center;
760
}
761
 
762
.tc a {
763
    color: #000;
764
}
765
 
766
.user-info img {
767
    /* margin-right: 10px; -webkit-border-radius: 100px; -moz-border-radius: 100px; -ms-border-radius: 100px; -o-border-radius: 100px; border-radius: 100px; */
768
}
769
 
770
.user-info a {
771
    color: #fff;
772
    font-size: 14px;
773
    float: left;
774
    margin-top: 8px;
775
}
776
 
777
.user-info a:hover {
778
    color: #fff;
779
}
780
 
781
.user-info>i {
782
    position: absolute;
783
    top: 50%;
784
    right: -15px;
785
    color: #fff;
786
    font-size: 12px;
787
    -webkit-transform: translateY(-50%);
788
    -moz-transform: translateY(-50%);
789
    -ms-transform: translateY(-50%);
790
    -o-transform: translateY(-50%);
791
    transform: translateY(-50%);
792
}
793
 
794
/* =================== main-section ================= */
795
 
796
main {
797
    float: left;
798
    width: 100%;
2275 stevensc 799
    padding: 10px 0;
1239 steven 800
}
801
 
802
.main-section {
803
    float: left;
804
    width: 100%;
805
    background-color: #fff;
2378 stevensc 806
    padding: 1rem 0;
1239 steven 807
}
808
 
809
.main-section-data {
810
    width: 100%;
2372 stevensc 811
    display: grid;
2376 stevensc 812
    grid-template-columns: 1fr;
2374 stevensc 813
    gap: 1rem;
1239 steven 814
}
815
 
2377 stevensc 816
@media (min-width: 768px) {
2376 stevensc 817
    .main-section-data {
2430 stevensc 818
        grid-template-columns: 30% 70% !important;
2376 stevensc 819
    }
820
}
821
 
2377 stevensc 822
@media (min-width: 1200px) {
2376 stevensc 823
    .main-section-data {
2430 stevensc 824
        grid-template-columns: 25% 50% 25% !important;
2376 stevensc 825
    }
826
}
827
 
2377 stevensc 828
@media (min-width: 1200px) {
2376 stevensc 829
    .main-section-data {
830
        grid-template-columns: 27% 43% 27% !important;
831
    }
832
}
833
 
1239 steven 834
.main-left-sidebar {
835
    float: left;
836
    width: 100%;
2378 stevensc 837
    display: none;
2576 stevensc 838
    margin-top: 30px;
1239 steven 839
}
840
 
2378 stevensc 841
@media (min-width: 768px) {
2379 stevensc 842
    .main-left-sidebar {
2378 stevensc 843
        display: block;
844
    }
845
}
846
 
2478 stevensc 847
@media (max-width: 768px) {
848
    .notifications-page .container {
849
        padding: 0 !important;
850
    }
851
}
852
 
2474 stevensc 853
.notification-item {
854
    margin-bottom: 1.5rem;
2478 stevensc 855
    display: flex;
856
    justify-content: center;
2479 stevensc 857
    gap: 5px;
2478 stevensc 858
    align-items: flex-start;
859
    flex-direction: column;
2474 stevensc 860
}
861
 
2479 stevensc 862
@media (min-width: 768px) {
2478 stevensc 863
    .notification-item {
864
        margin-bottom: 1.5rem;
865
        display: flex;
2479 stevensc 866
        gap: 0;
2478 stevensc 867
        justify-content: space-between;
868
        align-items: center;
869
        flex-direction: row;
870
    }
871
}
872
 
2474 stevensc 873
.notification-item a {
874
    color: var(--gray);
875
    text-decoration: none;
876
    position: relative;
877
}
878
 
879
.notification-item a::before {
880
    content: '';
2477 stevensc 881
    width: 15px;
882
    height: 15px;
2475 stevensc 883
    border-radius: 100px;
884
    background-color: var(--background-gray);
2474 stevensc 885
    position: absolute;
886
    top: 50%;
2477 stevensc 887
    left: -1.2rem;
2475 stevensc 888
    transform: translateY(-50%);
2474 stevensc 889
}
890
 
891
.notification-item span {
892
    color: var(--gray);
893
}
894
 
1239 steven 895
.full-width {
896
    float: left;
897
    width: 100%;
898
    background-color: #fff;
899
    margin-bottom: 20px;
900
    /* border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; */
901
}
902
 
903
.username-dt {
904
    float: left;
905
    width: 100%;
906
    background-color: #e44d3a;
907
    padding-top: 40px;
908
}
909
 
910
.user-data {
911
    text-align: center;
912
}
913
 
914
.usr-pic {
915
    width: 110px;
916
    height: 110px;
917
    margin: 0 auto;
918
    margin-bottom: -48px;
919
}
920
 
921
.usr-pic>img {
922
    float: none;
923
    border: 5px solid #fff;
924
    -webkit-border-radius: 100px;
925
    -moz-border-radius: 100px;
926
    -ms-border-radius: 100px;
927
    -o-border-radius: 100px;
928
    border-radius: 100px;
929
    width: 100%;
930
}
931
 
932
.user-profile {
933
    float: left;
934
    width: 100%;
935
}
936
 
937
.user-specs {
938
    float: left;
939
    width: 100%;
940
    padding: 63px 0 27px 0;
941
}
942
 
943
.user-specs h3 {
944
    color: #000000;
945
    font-size: 24px;
946
    text-transform: capitalize;
947
    font-weight: 600;
948
    margin-bottom: 8px;
949
}
950
 
951
.user-specs span {
952
    color: #686868;
953
    font-size: 14px;
954
}
955
 
956
.user-fw-status {
957
    float: left;
958
    width: 100%;
959
}
960
 
961
.user-fw-status li {
962
    float: left;
963
    width: 100%;
964
    /* border-bottom: 1px solid #e5e5e5; */
965
    /* border-top: 1px solid #e5e5e5; */
966
    padding: 15px 0;
967
}
968
 
969
.user-fw-status li:last-child {
970
    border-bottom: 0;
971
}
972
 
973
.user-fw-status li:nth-child(1),
974
.user-fw-status li:nth-child(2) {
975
    border-bottom: 0;
976
}
977
 
978
.user-fw-status li h4 {
979
    color: #686868;
980
    font-size: 20px;
981
    margin-bottom: 10px;
982
}
983
 
984
.user-fw-status span {
985
    color: #000000;
986
    font-size: 20px;
987
}
988
 
989
.user-fw-status li a {
990
    color: #e44d3a;
991
    font-size: 14px;
992
    font-weight: 600;
993
}
994
 
995
/* ============= Suggestions ============ */
996
 
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%;
2576 stevensc 2119
    margin-top: 30px;
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;
2577 stevensc 4796
    z-index: 10;
1239 steven 4797
}
4798
 
4799
.chat-mg {
4800
    display: inline-block;
4801
    position: relative;
4802
}
4803
 
4804
.chat-mg img {
4805
    width: 70px;
4806
    height: 70px;
4807
    -webkit-border-radius: 100px;
4808
    -moz-border-radius: 100px;
4809
    -ms-border-radius: 100px;
4810
    -o-border-radius: 100px;
4811
    border-radius: 100px;
4812
}
4813
 
4814
.chat-mg span {
4815
    position: absolute;
4816
    top: -5px;
4817
    right: 10px;
4818
    width: 20px;
4819
    height: 20px;
4820
    background-color: #e44d3a;
4821
    text-align: center;
4822
    font-size: 12px;
4823
    color: #fff;
4824
    line-height: 20px;
4825
    -webkit-border-radius: 100px;
4826
    -moz-border-radius: 100px;
4827
    -ms-border-radius: 100px;
4828
    -o-border-radius: 100px;
4829
    border-radius: 100px;
4830
}
4831
 
4832
.chat-mg.bx img {
4833
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
4834
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
4835
    -ms-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
4836
    -o-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
4837
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
4838
}
4839
 
4840
.conversation-box {
4841
    position: absolute;
4842
    bottom: 132%;
4843
    right: 100%;
4844
    width: 350px;
4845
    background-color: #fff;
4846
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);
4847
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);
4848
    -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);
4849
    -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);
4850
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);
4851
    opacity: 0;
4852
    visibility: hidden;
4853
    z-index: 0;
4854
}
4855
 
4856
.conversation-box.active {
4857
    opacity: 1;
4858
    visibility: visible;
4859
    z-index: 9999;
4860
}
4861
 
4862
.conversation-box:before {
4863
    content: "";
4864
    position: absolute;
4865
    bottom: -7px;
4866
    right: 26px;
4867
    border-top: 15px solid #fff;
4868
    border-right: 15px solid transparent;
4869
    -webkit-transform: rotate(225deg);
4870
    -moz-transform: rotate(225deg);
4871
    -ms-transform: rotate(225deg);
4872
    -o-transform: rotate(225deg);
4873
    transform: rotate(225deg);
4874
}
4875
 
4876
.con-title {
4877
    float: left;
4878
    width: 100%;
4879
    background-color: #e44d3a;
4880
    padding: 15px 25px;
4881
    -webkit-border-radius: 10px 10px 0 0;
4882
    -moz-border-radius: 10px 10px 0 0;
4883
    -ms-border-radius: 10px 10px 0 0;
4884
    -o-border-radius: 10px 10px 0 0;
4885
    border-radius: 10px 10px 0 0;
4886
}
4887
 
4888
.con-title h3 {
4889
    float: left;
4890
    color: #ffffff;
4891
    font-size: 16px;
4892
    font-weight: 600;
4893
}
4894
 
4895
.con-title>a {
4896
    float: right;
4897
    color: #fff;
4898
    font-size: 20px;
4899
}
4900
 
4901
.chat-list {
4902
    float: left;
4903
    width: 100%;
4904
    min-height: 390px;
4905
}
4906
 
4907
.conv-list {
4908
    float: left;
4909
    width: 100%;
4910
    display: table;
4911
    padding: 20px 25px;
4912
    position: relative;
4913
}
4914
 
4915
.conv-list:hover,
4916
.conv-list.active {
4917
    background-color: #efefef;
4918
}
4919
 
4920
.msg-numbers {
4921
    position: absolute;
4922
    bottom: 18px;
4923
    right: 25px;
4924
    width: 25px;
4925
    height: 25px;
4926
    background-color: #e77667;
4927
    text-align: center;
4928
    line-height: 25px;
4929
    color: #fff;
4930
    font-size: 13px;
4931
    -webkit-border-radius: 100px;
4932
    -moz-border-radius: 100px;
4933
    -ms-border-radius: 100px;
4934
    -o-border-radius: 100px;
4935
    border-radius: 100px;
4936
}
4937
 
4938
.usrr-pic {
4939
    display: table-cell;
4940
    position: relative;
4941
}
4942
 
4943
.active-status {
4944
    width: 9px;
4945
    height: 9px;
4946
    border: 2px solid #ecf5fb;
4947
    -webkit-border-radius: 100px;
4948
    -moz-border-radius: 100px;
4949
    -ms-border-radius: 100px;
4950
    -o-border-radius: 100px;
4951
    border-radius: 100px;
4952
    position: absolute;
4953
    top: -3px;
4954
    right: 0;
4955
}
4956
 
4957
.activee {
4958
    background-color: #e44d3a;
4959
}
4960
 
4961
.usy-info {
4962
    display: table-cell;
4963
    vertical-align: top;
4964
    width: 100%;
4965
    padding-left: 15px;
4966
}
4967
 
4968
.usy-info h3 {
4969
    color: #000000;
4970
    font-size: 18px;
4971
    font-weight: 600;
4972
    margin-bottom: 5px;
4973
}
4974
 
4975
.usy-info span {
4976
    color: #686868;
4977
    font-size: 16px;
4978
    float: left;
4979
}
4980
 
4981
.usy-info span img {
4982
    padding-left: 5px;
4983
    float: right;
4984
}
4985
 
4986
.ct-time {
4987
    position: absolute;
4988
    top: 20px;
4989
    right: 25px;
4990
}
4991
 
4992
.ct-time span {
4993
    color: #b2b2b2;
4994
    font-size: 14px;
4995
}
4996
 
4997
.st-icons {
4998
    float: right;
4999
    margin-top: 7px;
5000
}
5001
 
5002
.st-icons a {
5003
    color: #fff;
5004
    font-size: 20px;
5005
    margin-right: 5px;
5006
}
5007
 
5008
.chat-hist {
5009
    float: left;
5010
    width: 100%;
5011
    background-color: #fff;
5012
    height: 280px;
5013
}
5014
 
5015
.chat-msg {
5016
    float: left;
5017
    width: 100%;
5018
    padding-right: 25px;
5019
    margin-bottom: 15px;
5020
}
5021
 
5022
.chat-msg p {
5023
    color: #ffffff;
5024
    font-size: 14px;
5025
    background-color: #e44d3a;
5026
    line-height: 18px;
5027
    -webkit-border-radius: 15px;
5028
    -moz-border-radius: 15px;
5029
    -ms-border-radius: 15px;
5030
    -o-border-radius: 15px;
5031
    border-radius: 15px;
5032
    padding: 10px 15px;
5033
    width: 80%;
5034
    float: right;
5035
    margin-bottom: 10px;
5036
}
5037
 
5038
.mg-3 {
5039
    margin-bottom: 3px;
5040
}
5041
 
5042
.chat-msg span {
5043
    float: right;
5044
    color: #b1b1b1;
5045
    width: 100%;
5046
    font-size: 9px;
5047
    text-align: right;
5048
}
5049
 
5050
.status-info {
5051
    width: 8px;
5052
    height: 8px;
5053
    background-color: #fff;
5054
    -webkit-border-radius: 100px;
5055
    -moz-border-radius: 100px;
5056
    -ms-border-radius: 100px;
5057
    -o-border-radius: 100px;
5058
    border-radius: 100px;
5059
    display: inline-block;
5060
    margin-left: 7px;
5061
}
5062
 
5063
.chat-user-info h3 {
5064
    margin-top: 7px;
5065
    margin-left: 10px;
5066
}
5067
 
5068
.date-nd {
5069
    float: left;
5070
    width: 100%;
5071
    text-align: center;
5072
    margin-bottom: 20px;
5073
    position: relative;
5074
}
5075
 
5076
.date-nd:before,
5077
.date-nd:after {
5078
    content: "";
5079
    position: absolute;
5080
    top: 10px;
5081
    left: 15px;
5082
    width: 92px;
5083
    height: 1px;
5084
    background-color: #e5e5e5;
5085
}
5086
 
5087
.date-nd:after {
5088
    left: auto;
5089
    right: 15px;
5090
}
5091
 
5092
.date-nd span {
5093
    color: #b1b1b1;
5094
    font-size: 12px;
5095
    text-align: center;
5096
}
5097
 
5098
.chat-msg.st2 p {
5099
    background-color: #efefef;
5100
    color: #686868;
5101
    float: left;
5102
    width: 55%;
5103
}
5104
 
5105
.chat-msg.st2 {
5106
    padding-left: 25px;
5107
}
5108
 
5109
.chat-msg.st2 span {
5110
    float: left;
5111
    text-align: left;
5112
}
5113
 
5114
/* =========== typing-msg =========== */
5115
 
5116
.typing-msg {
5117
    float: left;
5118
    width: 100%;
5119
    border-top: 1px solid #e6e6e6;
5120
    padding-top: 15px;
5121
}
5122
 
5123
.typing-msg form {
5124
    float: left;
5125
    width: 100%;
5126
    position: relative;
5127
}
5128
 
5129
.typing-msg form textarea {
5130
    width: 100%;
5131
    height: 30px;
5132
    background-color: #fff;
5133
    padding: 0 20px;
5134
    color: #b2b2b2;
5135
    font-size: 16px;
5136
    border: 0;
5137
    resize: none;
5138
}
5139
 
5140
.typing-msg form button {
5141
    color: #e44d3a;
5142
    font-size: 18px;
5143
    font-weight: 600;
5144
    position: absolute;
5145
    top: 2px;
5146
    right: 20px;
5147
    background: none;
5148
    border: 0;
5149
    cursor: pointer;
5150
}
5151
 
5152
.ft-options {
5153
    float: left;
5154
    width: 100%;
5155
    padding: 0 20px 8px 20px;
5156
}
5157
 
5158
.ft-options li {
5159
    display: inline-block;
5160
    margin-right: 15px;
5161
}
5162
 
5163
.ft-options li a {
5164
    color: #b2b2b2;
5165
    font-size: 24px;
5166
    display: inline-block;
5167
}
5168
 
5169
.mCSB_scrollTools {
5170
    right: -5px;
5171
}
5172
 
5173
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
5174
    background-color: #cccccc;
5175
    width: 5px;
5176
}
5177
 
5178
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
5179
    opacity: 0;
5180
}
5181
 
5182
/* ============ Menu Btn =============*/
5183
 
5184
.menu-btn {
5185
    float: right;
5186
    display: none;
5187
}
5188
 
5189
.menu-btn a {
5190
    font-size: 24px;
5191
    color: #fff;
5192
    display: inline-block;
5193
    padding-top: 16px;
5194
    padding-left: 20px;
5195
}
5196
 
5197
/* ============= account-tabs-setting ============ */
5198
 
5199
/* .profile-account-setting {} */
5200
 
5201
.account-tabs-setting {
5202
    float: left;
5203
    width: 100%;
5204
    padding: 70px 0;
5205
}
5206
 
5207
.acc-leftbar {
5208
    float: left;
5209
    width: 100%;
5210
    background-color: #fff;
5211
    border-left: 1px solid #e5e5e5;
5212
    border-bottom: 1px solid #e5e5e5;
5213
    border-right: 1px solid #e5e5e5;
5214
}
5215
 
5216
.acc-leftbar .nav-tabs>a {
5217
    float: left;
5218
    width: 100%;
5219
    background: none;
5220
    padding: 18px 20px;
5221
    border-bottom: 1px solid #e5e5e5;
5222
    border-left: 0;
5223
    border-right: 0;
5224
    color: #000000;
5225
    font-size: 16px;
5226
    font-weight: 500;
5227
    -webkit-border-radius: 0;
5228
    -moz-border-radius: 0;
5229
    -ms-border-radius: 0;
5230
    -o-border-radius: 0;
5231
    border-radius: 0;
5232
    border-top: 0;
5233
}
5234
 
5235
.nav-tabs {
5236
    border-bottom: 0;
5237
}
5238
 
5239
.acc-leftbar .nav-tabs>a:last-child {
5240
    border-bottom: 0;
5241
}
5242
 
5243
.acc-leftbar .nav-tabs>a i {
5244
    padding-right: 15px;
5245
    font-size: 20px;
5246
    position: relative;
5247
    top: 2px;
5248
    font-weight: 700;
5249
    width: 40px;
5250
}
5251
 
5252
.nav-tabs .nav-item.show .nav-link,
5253
.nav-tabs .nav-link.active {
5254
    background-color: inherit;
5255
    color: #e44d3a;
5256
    border-color: inherit;
5257
}
5258
 
5259
/* ============= acc-setting ============ */
5260
 
5261
.acc-setting {
5262
    float: left;
5263
    width: 100%;
5264
    background-color: #fff;
5265
    border-left: 1px solid #e5e5e5;
5266
    border-bottom: 1px solid #e5e5e5;
5267
    border-right: 1px solid #e5e5e5;
5268
    -webkit-box-shadow: 1px 0 4px rgba(0, 0, 0, 0.24);
5269
    -moz-box-shadow: 1px 0 4px rgba(0, 0, 0, 0.24);
5270
    -ms-box-shadow: 1px 0 4px rgba(0, 0, 0, 0.24);
5271
    -o-box-shadow: 1px 0 4px rgba(0, 0, 0, 0.24);
5272
    box-shadow: 1px 0 4px rgba(0, 0, 0, 0.24);
5273
}
5274
 
5275
.acc-setting form {
5276
    float: left;
5277
    width: 100%;
5278
}
5279
 
5280
.acc-setting>h3 {
5281
    width: 100%;
5282
    color: #000000;
5283
    font-weight: 600;
5284
    font-size: 18px;
5285
    text-transform: capitalize;
5286
    border-bottom: 1px solid #e5e5e5;
5287
    padding: 17px 20px;
5288
}
5289
 
5290
.notbar {
5291
    float: left;
5292
    width: 100%;
5293
    border-bottom: 1px solid #e5e5e5;
5294
    padding: 20px;
5295
    position: relative;
5296
}
5297
 
5298
.notbar h4 {
5299
    color: #000000;
5300
    font-size: 16px;
5301
    font-weight: 600;
5302
    margin-bottom: 5px;
5303
}
5304
 
5305
.notbar p {
5306
    color: #686868;
5307
    font-size: 14px;
5308
    line-height: 24px;
5309
    width: 75%;
5310
}
5311
 
5312
.toggle-btn {
5313
    position: absolute;
5314
    top: 35px;
5315
    right: 20px;
5316
}
5317
 
5318
.save-stngs {
5319
    float: left;
5320
    width: 100%;
5321
    padding: 30px 20px 50px 20px;
5322
}
5323
 
5324
.save-stngs.pd2 {
5325
    padding: 25px 20px 42px 20px;
5326
}
5327
 
5328
.save-stngs.pd3 {
5329
    padding: 25px 20px 25px 20px;
5330
}
5331
 
5332
.save-stngs ul li {
5333
    display: inline-block;
5334
    margin-right: 17px;
5335
}
5336
 
5337
.save-stngs ul li button {
5338
    display: inline-block;
5339
    color: #000000;
5340
    font-size: 16px;
5341
    border: 1px solid #e5e5e5;
5342
    height: 40px;
5343
    line-height: 40px;
5344
    padding: 0 22px;
5345
    font-weight: 600;
5346
    background: none;
5347
    cursor: pointer;
5348
}
5349
 
5350
.save-stngs ul li button:hover {
5351
    background-color: #e44d3a;
5352
    color: #fff;
5353
    border-color: transparent;
5354
}
5355
 
5356
/* =============== Password Update ============ */
5357
 
5358
.cp-field {
5359
    float: left;
5360
    width: 100%;
5361
    margin-top: 29.4px;
5362
    padding: 0 20px;
5363
}
5364
 
5365
.cp-field h5 {
5366
    color: #000000;
5367
    font-size: 16px;
5368
    font-weight: 600;
5369
    float: left;
5370
    width: 100%;
5371
    margin-bottom: 10px;
5372
}
5373
 
5374
.cp-field h5 a {
5375
    color: #000;
5376
}
5377
 
5378
.cpp-fiel {
5379
    float: left;
5380
    width: 100%;
5381
    position: relative;
5382
}
5383
 
5384
.cp-field input {
5385
    height: 40px;
5386
    padding: 0 40px;
5387
}
5388
 
5389
.cp-field input,
5390
.cp-field textarea {
5391
    width: 100%;
5392
    border: 1px solid #e5e5e5;
5393
}
5394
 
5395
.cp-field textarea {
5396
    padding: 20px;
5397
    height: 115px;
5398
}
5399
 
5400
.cpp-fiel i {
5401
    position: absolute;
5402
    top: 12px;
5403
    left: 15px;
5404
    color: #b2b2b2;
5405
    font-size: 16px;
5406
}
5407
 
5408
.cp-field>p {
5409
    /* float: left; width: 100%; color: #686868; font-size: 14px; line-height: 24px; margin-top: 5px; */
5410
}
5411
 
5412
/* =============== notifications-list ============= */
5413
 
5414
.notifications-list {
5415
    float: left;
5416
    width: 100%;
5417
}
5418
 
5419
.notfication-details {
5420
    float: left;
5421
    width: 100%;
5422
    padding: 20px;
5423
    border-bottom: 1px solid #e5e5e5;
5424
}
5425
 
5426
.notfication-details:last-child {
5427
    border-bottom: 0;
5428
}
5429
 
5430
.noty-user-img {
5431
    float: left;
5432
    width: 35px;
5433
}
5434
 
5435
.noty-user-img img {
5436
    width: 100%;
5437
}
5438
 
5439
.notification-info {
5440
    float: left;
5441
    width: auto;
5442
    padding-left: 10px;
5443
}
5444
 
5445
.notification-info h3 {
5446
    color: #686868;
5447
    font-size: 14px;
5448
    font-weight: 500;
5449
    border: 0;
5450
    padding: 0;
5451
    margin-bottom: 6px;
5452
}
5453
 
5454
.notification-info h3 a {
5455
    color: #000000;
5456
    font-size: 16px;
5457
    font-weight: 600;
5458
    display: inline-block;
5459
}
5460
 
5461
.notification-info>span {
5462
    display: inline-block;
5463
    color: #b2b2b2;
5464
    font-size: 12px;
5465
    font-weight: 600;
5466
}
5467
 
5468
/* ============== requests-list ============== */
5469
 
5470
.requests-list {
5471
    float: left;
5472
    width: 100%;
5473
    padding-bottom: 0;
5474
}
5475
 
5476
.request-details {
5477
    float: left;
5478
    width: 100%;
5479
    padding: 20px;
5480
    border-bottom: 1px solid #e5e5e5;
5481
}
5482
 
5483
.request-details:last-child {
5484
    border-bottom: 0;
5485
}
5486
 
5487
.request-info {
5488
    float: left;
5489
    padding-left: 10px;
5490
}
5491
 
5492
.request-info h3 {
5493
    color: #000000;
5494
    font-size: 14px;
5495
    font-weight: 600;
5496
    padding: 0;
5497
    border: 0;
5498
    margin-bottom: 3px;
5499
}
5500
 
5501
.request-info span {
5502
    color: #686868;
5503
    font-size: 12px;
5504
    display: inline-block;
5505
}
5506
 
5507
.accept-feat {
5508
    float: right;
5509
}
5510
 
5511
.accept-feat ul li {
5512
    display: inline-block;
5513
}
5514
 
5515
.accept-feat ul li button {
5516
    cursor: pointer;
5517
}
5518
 
5519
.accept-req {
5520
    color: #ffffff;
5521
    font-size: 16px;
5522
    background-color: #51a5fb;
5523
    height: 30px;
5524
    padding: 0 20px;
5525
    font-weight: 600;
5526
    border: 0;
5527
    border: 1px solid #51a5fb;
5528
}
5529
 
5530
.close-req {
5531
    height: 30px;
5532
    width: 30px;
5533
    text-align: center;
5534
    line-height: 30px;
5535
    border: 1px solid #e5e5e5;
5536
    background: inherit;
5537
    color: #b2b2b2;
5538
    margin-left: 7px;
5539
}
5540
 
5541
.close-req i {
5542
    font-weight: 600;
5543
}
5544
 
5545
/* ============= Profile Sattus =========== */
5546
 
5547
.profile-bx-details {
5548
    float: left;
5549
    width: 100%;
5550
    padding: 30px 7px 30px 7px;
5551
}
5552
 
5553
.profile-bx-details .row .col-lg-3 {
5554
    padding: 0 7px;
5555
}
5556
 
5557
.profile-bx-info {
5558
    float: left;
5559
    width: 100%;
5560
    background-color: #f2f2f2;
5561
    padding: 20px;
5562
    border: 1px solid #e5e5e5;
5563
}
5564
 
5565
.pro-bx {
5566
    float: left;
5567
    width: 100%;
5568
    border-bottom: 1px solid #e5e5e5;
5569
    padding-bottom: 10px;
5570
}
5571
 
5572
.bx-info {
5573
    float: left;
5574
    margin-top: 7px;
5575
    padding-left: 10px;
5576
}
5577
 
5578
.bx-info h3 {
5579
    color: #e44d3a;
5580
    font-size: 20px;
5581
    font-weight: 600;
5582
    margin-bottom: 5px;
5583
}
5584
 
5585
.bx-info h5 {
5586
    color: #000000;
5587
    font-size: 14px;
5588
    font-weight: 600;
5589
    margin: 0;
5590
    padding: 0;
5591
    border: 0;
5592
}
5593
 
5594
.pd-left-20 {
5595
    padding-left: 20px;
5596
    padding-right: 0;
5597
}
5598
 
5599
.pd-left-15 {
5600
    padding-left: 15px;
5601
    padding-right: 0;
5602
}
5603
 
5604
.pd-left-right {
5605
    padding-left: 15px;
5606
    padding-right: 20px;
5607
}
5608
 
5609
.profile-bx-info>p {
5610
    float: left;
5611
    width: 100%;
5612
    font-size: 14px;
5613
    line-height: 20px;
5614
    padding-top: 5px;
5615
}
5616
 
5617
/* =========== pro-work-status ========= */
5618
 
5619
.pro-work-status {
5620
    float: left;
5621
    width: 100%;
5622
    padding: 0 15px;
5623
}
5624
 
5625
.pro-work-status h4 {
5626
    color: #000000;
5627
    font-size: 18px;
5628
    font-weight: 600;
5629
    margin-bottom: 50px;
5630
}
5631
 
5632
/* ============== messages-page ============== */
5633
 
5634
.messages-page {
5635
    padding: 20px 0;
5636
}
5637
 
5638
.messages-sec {
5639
    width: 100%;
5640
    border-radius: 10px;
5641
    overflow: hidden;
1875 steven 5642
    background-color: transparent;
1239 steven 5643
}
5644
 
5645
.msgs-list {
5646
    width: 100%;
5647
}
5648
 
5649
.inmail_conversations-list {
5650
    border-right: 1px solid #3333;
5651
    padding-left: 0;
5652
    padding-right: 0;
5653
}
5654
 
5655
.msg-title {
5656
    padding: 20px;
5657
    border-bottom: 2px solid #3333;
5658
}
5659
 
2197 stevensc 5660
.active-tab {
1940 steven 5661
    border-bottom: solid 2px #E4E4E4;
5662
}
5663
 
1239 steven 5664
.msg-title>h3 {
5665
    color: #000000;
5666
    font-size: 18px;
5667
    font-weight: 600;
5668
}
5669
 
5670
.msg-title>ul {
5671
    float: right;
5672
    position: relative;
5673
    top: 1px;
5674
}
5675
 
5676
.msg-title ul li {
5677
    display: inline-block;
5678
    margin-right: 15px;
5679
    border-bottom: 1px solid #3333;
5680
}
5681
 
5682
.msg-title ul li:last-child {
5683
    margin-right: 0;
5684
}
5685
 
5686
.msg-title ul li a {
5687
    color: #b2b2b2;
5688
    font-size: 18px;
5689
}
5690
 
5691
.messages-list {
5692
    float: left;
5693
    width: 100%;
5694
}
5695
 
2197 stevensc 5696
.date-chat {
2170 steven 5697
    font-size: .6rem;
5698
    color: var(--gray);
5699
    padding-top: 5%;
5700
}
5701
 
1239 steven 5702
.messages-list ul {
5703
    float: left;
5704
    width: 100%;
5705
}
5706
 
2197 stevensc 5707
.text-chat-title {
2171 steven 5708
    color: var(--gray) !important;
5709
    font-size: 1rem;
5710
}
5711
 
1239 steven 5712
.messages-list ul li {
5713
    float: left;
5714
    width: 100%;
1949 steven 5715
    padding: 3%;
1239 steven 5716
    border-bottom: 1px solid #eeeeee;
5717
    cursor: pointer;
5718
}
5719
 
2124 steven 5720
 
1239 steven 5721
.messages-list ul li.active {
5722
    background-color: #efefef;
5723
}
5724
 
5725
.usr-msg-details {
5726
    float: left;
5727
    position: relative;
5728
    width: 100%;
1871 steven 5729
    border-bottom: solid 1px var(--border-light-gray);
5730
    padding-bottom: 3%;
1239 steven 5731
}
5732
 
5733
.usr-ms-img {
5734
    float: left;
5735
    width: 50px;
5736
    position: relative;
5737
}
5738
 
5739
.msg-status {
5740
    -webkit-border-radius: 100px;
5741
    -moz-border-radius: 100px;
5742
    -ms-border-radius: 100px;
5743
    -o-border-radius: 100px;
5744
    border-radius: 100px;
5745
    background-color: #e44d3a;
5746
    position: absolute;
5747
    top: -3px;
5748
    right: 0;
5749
    width: 6px;
5750
    height: 6px;
5751
}
5752
 
5753
.messages-list ul li.active .msg-status {
5754
    border: 2px solid #ecf5fb;
5755
    height: 10px;
5756
    width: 10px;
5757
}
5758
 
5759
.msg-notifc {
5760
    position: absolute;
1872 steven 5761
    /* bottom: 0;
5762
    right: 0; */
1239 steven 5763
    width: 25px;
5764
    height: 25px;
5765
    -webkit-border-radius: 100px;
5766
    -moz-border-radius: 100px;
5767
    -ms-border-radius: 100px;
5768
    -o-border-radius: 100px;
5769
    border-radius: 100px;
5770
    background-color: #e77667;
5771
    text-align: center;
5772
    line-height: 25px;
5773
    font-size: 13px;
5774
    color: #fff;
5775
}
5776
 
5777
.usr-ms-img img {
5778
    width: 100%;
5779
    -webkit-border-radius: 100px;
5780
    -moz-border-radius: 100px;
5781
    -ms-border-radius: 100px;
5782
    -o-border-radius: 100px;
5783
    border-radius: 100px;
5784
}
5785
 
5786
.usr-mg-info {
5787
    float: left;
5788
    padding-left: 13px;
5789
    margin-top: 4px;
5790
}
5791
 
5792
.usr-mg-info h3 {
5793
    color: #000000;
5794
    font-size: 18px;
5795
    font-weight: 600;
5796
}
5797
 
5798
.usr-mg-info p {
5799
    color: #686868;
5800
    font-size: 16px;
5801
}
5802
 
5803
.usr-mg-info p img {
5804
    float: right;
5805
    position: relative;
5806
    top: 5px;
5807
    padding-left: 5px;
5808
}
5809
 
5810
.posted_time {
5811
    position: absolute;
5812
    top: 2px;
5813
    right: 0;
5814
    color: #b2b2b2;
5815
    font-size: 14px;
5816
}
5817
 
5818
/* =============== main-message-box ============= */
5819
 
5820
.main-conversation-box {
5821
    width: 100%;
5822
    background-color: #fff;
5823
    position: relative;
5824
    height: 100%;
5825
}
5826
 
5827
.message-bar-head {
5828
    height: 13vh;
5829
    width: 100%;
5830
    padding: 20px;
1880 steven 5831
    border-bottom: 1px solid var(--border-light-gray);
1239 steven 5832
}
5833
 
5834
.message-bar-head .usr-msg-details {
5835
    width: auto;
5836
}
5837
 
5838
.message-bar-head>a {
5839
    float: right;
5840
    color: #b2b2b2;
5841
    font-size: 20px;
5842
    padding-top: 15px;
5843
}
5844
 
5845
.main-message-box {
5846
    display: flex;
5847
    width: 100%;
5848
    position: relative;
5849
    margin-bottom: 15.5px;
5850
}
5851
 
5852
.messg-usr-img {
5853
    margin-left: 20px;
5854
    width: 50px;
5855
}
5856
 
5857
.messg-usr-img img {
5858
    width: 100%;
5859
    -webkit-border-radius: 100px;
5860
    -moz-border-radius: 100px;
5861
    -ms-border-radius: 100px;
5862
    -o-border-radius: 100px;
5863
    border-radius: 100px;
5864
}
5865
 
5866
.message-dt {
5867
    width: auto;
5868
    margin-left: 15px;
5869
}
5870
 
5871
.main-message-box.ta-right {
5872
    flex-direction: row-reverse;
5873
}
5874
 
5875
.main-message-box.ta-right .messg-usr-img {
5876
    margin-left: 0;
5877
    margin-right: 20px;
5878
}
5879
 
5880
.main-message-box.ta-right .message-dt {
5881
    margin-right: 15px;
5882
}
5883
 
5884
.main-message-box.ta-right .message-dt>span {
5885
    float: right;
5886
    width: auto;
5887
}
5888
 
5889
.message-inner-dt {
5890
    -webkit-border-radius: 15px;
5891
    -moz-border-radius: 15px;
5892
    -ms-border-radius: 15px;
5893
    -o-border-radius: 15px;
5894
    border-radius: 15px;
5895
    width: 100%;
5896
    border-bottom-left-radius: 0;
5897
}
5898
 
5899
.img-bx {
5900
    background-color: #efefef;
5901
    padding: 20px;
5902
}
5903
 
5904
.message-inner-dt>img {
5905
    display: inline-block;
5906
    width: auto;
5907
    margin-right: 5px;
5908
}
5909
 
5910
.message-dt>span {
5911
    color: #b2b2b2;
5912
    font-size: 14px;
5913
    float: left;
5914
    width: 100%;
5915
    margin-top: 7px;
5916
}
5917
 
5918
.message-inner-dt>p {
5919
    font-size: 14px;
5920
    line-height: 22px;
5921
    padding: 2px 10px;
5922
    color: #000;
5923
    -webkit-border-radius: 15px;
5924
    -moz-border-radius: 15px;
5925
    -ms-border-radius: 15px;
5926
    -o-border-radius: 15px;
5927
    border-radius: 15px;
5928
}
5929
 
5930
.message-dt.st3 .message-inner-dt>p {
5931
    background-color: #efefef;
5932
    color: #686868;
5933
    width: auto;
5934
    padding: 10px 15px;
5935
    float: left;
5936
}
5937
 
5938
.message-dt.st3 .message-inner-dt>p img {
5939
    float: right;
5940
    position: relative;
5941
    top: 3px;
5942
    padding-left: 5px;
5943
}
5944
 
5945
.main-message-box.st3 .messg-usr-img {
5946
    bottom: 13px;
5947
}
5948
 
5949
.messages-line {
5950
    width: 100%;
5951
    height: 604px;
5952
    padding-top: 20px;
5953
}
5954
 
5955
/* ============== message-send-area ============ */
5956
 
5957
.message-send-area {
5958
    width: 100%;
5959
    background-color: #f3f5f7;
5960
    padding: 20px;
2040 steven 5961
    /* position: absolute; */
1876 steven 5962
    bottom: 0;
1239 steven 5963
}
2197 stevensc 5964
 
5965
.inmail-submit-btn {
1879 steven 5966
    width: 6%;
5967
}
1239 steven 5968
 
5969
.message-send-area form {
5970
    width: 100%;
5971
}
5972
 
5973
.mf-field {
5974
    width: 100%;
5975
    display: flex;
5976
}
5977
 
5978
.mf-field input {
5979
    flex: 1;
5980
    background-color: #fff;
5981
    color: #b2b2b2;
5982
    font-size: 16px;
5983
    padding: 0 15px;
5984
    border: 1px solid #e6e6e6;
5985
    height: 45px;
5986
    border-radius: 25px;
5987
}
5988
 
5989
 
5990
.message-send-area form>ul {
5991
    float: left;
5992
    width: 100%;
5993
    margin-top: 15px;
5994
}
5995
 
5996
.message-send-area form>ul li {
5997
    display: inline-block;
5998
    margin-right: 20px;
5999
}
6000
 
6001
.message-send-area form>ul li a {
6002
    color: #b2b2b2;
6003
    font-size: 18px;
6004
}
6005
 
6006
/* ============== forum-links ============= */
6007
 
6008
.forum-sec {
6009
    background-color: #fff;
6010
}
6011
 
6012
.forum-links {
6013
    float: left;
6014
    width: 100%;
6015
}
6016
 
6017
.forum-links.active {
6018
    opacity: 1;
6019
    visibility: visible;
6020
    z-index: 9999;
6021
}
6022
 
6023
.forum-links ul li {
6024
    display: inline-block;
6025
    padding: 20px 0;
6026
    margin-right: 45px;
6027
    border-bottom: 2px solid transparent;
6028
}
6029
 
6030
.forum-links ul li.active {
6031
    border-color: #e44d3a;
6032
}
6033
 
6034
.forum-links ul li.active a {
6035
    color: #e44d3a;
6036
}
6037
 
6038
.forum-links ul li a {
6039
    display: inline-block;
6040
    color: #b2b2b2;
6041
    font-size: 14px;
6042
    font-weight: 600;
6043
}
6044
 
6045
.forum-links-btn {
6046
    float: left;
6047
    width: 100%;
6048
    text-align: center;
6049
    display: none;
6050
    padding: 20px 0;
6051
}
6052
 
6053
.forum-links-btn a {
6054
    color: #000;
6055
    font-size: 30px;
6056
    display: inline-block;
6057
}
6058
 
6059
/* ================ forum-page =============== */
6060
 
6061
.forum-page {
6062
    padding: 50px 0;
6063
}
6064
 
6065
.forum-questions-sec {
6066
    float: left;
6067
    width: 100%;
6068
}
6069
 
6070
.forum-questions {
6071
    float: left;
6072
    width: 100%;
6073
    background-color: #fff;
6074
}
6075
 
6076
.usr-question {
6077
    float: left;
6078
    width: 100%;
6079
    position: relative;
6080
    padding: 25px;
6081
    border-bottom: 1px solid #e5e5e5;
6082
}
6083
 
6084
.usr_img {
6085
    float: left;
6086
    width: 60px;
6087
}
6088
 
6089
.usr_img img {
6090
    width: 100%;
6091
    -webkit-border-radius: 100px;
6092
    -moz-border-radius: 100px;
6093
    -ms-border-radius: 100px;
6094
    -o-border-radius: 100px;
6095
    border-radius: 100px;
6096
}
6097
 
6098
.usr_quest {
6099
    float: left;
6100
    width: 90%;
6101
    padding-left: 15px;
6102
}
6103
 
6104
.usr_quest>h3 {
6105
    color: #000000;
6106
    font-size: 17px;
6107
    font-weight: 600;
6108
    margin-bottom: 20px;
6109
}
6110
 
6111
.forum-post-view .usr_quest>h3 {
6112
    margin-bottom: 10px;
6113
}
6114
 
6115
.react-links {
6116
    float: left;
6117
    width: 100%;
6118
}
6119
 
6120
.react-links li {
6121
    display: inline-block;
6122
    margin-right: 30px;
6123
}
6124
 
6125
.react-links li a {
6126
    display: inline-block;
6127
    color: #b2b2b2;
6128
    font-size: 14px;
6129
    font-weight: 600;
6130
}
6131
 
6132
.react-links li a:hover {
6133
    color: #e44d3a;
6134
}
6135
 
6136
.react-links li a i {
6137
    padding-right: 7px;
6138
}
6139
 
6140
.react-links li:last-child {
6141
    margin-right: 0;
6142
}
6143
 
6144
/* ============= quest-tags ============ */
6145
 
6146
.quest-tags {
6147
    float: left;
6148
    width: 100%;
6149
    margin-top: 20px;
6150
}
6151
 
6152
.quest-tags li {
6153
    display: inline-block;
6154
    margin-right: 10px;
6155
}
6156
 
6157
.quest-tags li a {
6158
    display: inline-block;
6159
    color: #ffffff;
6160
    background-color: #53d690;
6161
    -webkit-border-radius: 3px;
6162
    -moz-border-radius: 3px;
6163
    -ms-border-radius: 3px;
6164
    -o-border-radius: 3px;
6165
    border-radius: 3px;
6166
    padding: 7px 25px;
6167
}
6168
 
6169
.quest-posted-time {
6170
    position: absolute;
6171
    bottom: 30px;
6172
    right: 20px;
6173
    color: #b2b2b2;
6174
    font-size: 14px;
6175
}
6176
 
6177
.quest-posted-time i {
6178
    padding-right: 5px;
6179
}
6180
 
6181
.pd-right-none {
6182
    padding-right: 0;
6183
}
6184
 
6185
/* =========== navigation ============ */
6186
 
6187
.pagination {
6188
    float: left;
6189
    width: 100%;
6190
    /* background-color: #fff; */
6191
    padding: 13px 25px;
6192
}
6193
 
6194
.full-pagi {
6195
    float: left;
6196
    width: 100%;
6197
    padding-right: 0;
6198
    text-align: inherit;
6199
    margin-top: 20px;
6200
}
6201
 
6202
.pagination li {
6203
    padding: 0;
6204
    margin-right: 10px;
6205
}
6206
 
6207
.pagination li .page-link {
6208
    /* background-color: #e5e5e5; */
6209
    color: #b2b2b2;
6210
}
6211
 
6212
.pagination li .page-link.active {
6213
    background-color: #e44d3a;
6214
    color: #fff;
6215
    border-color: transparent;
6216
}
6217
 
6218
.pvr {
6219
    padding: 0.5rem 30px;
6220
}
6221
 
6222
/* ============ User Widget =========== */
6223
 
6224
.title-wd {
6225
    float: left;
6226
    width: 100%;
6227
    color: #000000;
6228
    font-size: 18px;
6229
    font-weight: 600;
6230
    border-bottom: 1px solid #e5e5e5;
6231
    padding: 25px 20px;
6232
}
6233
 
6234
.widget-user ul {
6235
    float: left;
6236
    width: 100%;
6237
    padding: 15px 0;
6238
}
6239
 
6240
.widget-user ul li {
6241
    float: left;
6242
    width: 100%;
6243
    padding: 15px 20px;
6244
}
6245
 
6246
.widget-user ul li .usr-msg-details {
6247
    float: left;
6248
    width: auto;
6249
}
6250
 
6251
.widget-user ul li .usr-ms-img {
6252
    width: 35px;
6253
}
6254
 
6255
.widget-user ul li .usr-mg-info h3 {
6256
    font-size: 14px;
6257
}
6258
 
6259
.widget-user ul li .usr-mg-info p {
6260
    font-size: 12px;
6261
}
6262
 
6263
.widget-user ul li>span {
6264
    color: #686868;
6265
    font-size: 16px;
6266
    float: right;
6267
    margin-top: 10px;
6268
}
6269
 
6270
.widget-user ul li>span img {
6271
    padding-right: 5px;
6272
}
6273
 
6274
/* ============== widget-adver ============ */
6275
 
6276
.widget-adver img {
6277
    width: 100%;
6278
}
6279
 
6280
/* ============ forum-post-view ============ */
6281
 
6282
.forum-post-view {
6283
    float: left;
6284
    width: 100%;
6285
    background-color: #fff;
6286
    padding: 25px 25px 0 25px;
6287
    border-bottom: 1px solid #e5e5e5;
6288
}
6289
 
6290
.forum-post-view .usr-question {
6291
    border-bottom: 0;
6292
    padding: 0;
6293
}
6294
 
6295
.forum-post-view .usr_quest span {
6296
    color: #b2b2b2;
6297
    font-size: 14px;
6298
    display: inline-block;
6299
    margin-bottom: 20px;
6300
}
6301
 
6302
.forum-post-view .usr_quest span i {
6303
    padding-right: 7px;
6304
}
6305
 
6306
.forum-post-view .quest-tags {
6307
    margin-bottom: 30px;
6308
}
6309
 
6310
.forum-post-view .usr_quest>p {
6311
    float: left;
6312
    width: 100%;
6313
    color: #686868;
6314
    font-size: 14px;
6315
    line-height: 24px;
6316
    margin-bottom: 40px;
6317
}
6318
 
6319
.forum-post-view .comment-section {
6320
    padding: 0;
6321
}
6322
 
6323
.forum-post-view .comment-section>h3 {
6324
    float: left;
6325
    width: 100%;
6326
    color: #000000;
6327
    font-size: 18px;
6328
    font-weight: 600;
6329
    border-bottom: 1px solid #e5e5e5;
6330
    padding-bottom: 15px;
6331
}
6332
 
6333
.forum-post-view .comment-sec ul li {
6334
    border-bottom: 1px solid #e5e5e5;
6335
    padding: 23px 0;
6336
}
6337
 
6338
.forum-post-view .comment span {
6339
    margin-bottom: 10px;
6340
}
6341
 
6342
.forum-post-view .comment-list {
6343
    padding-bottom: 0;
6344
    margin-bottom: -4px;
6345
}
6346
 
6347
.forum-post-view .comment p {
6348
    margin: 0;
6349
    margin-top: 5px;
6350
}
6351
 
6352
.forum-post-view .comment h3 {
6353
    margin-bottom: 9px;
6354
}
6355
 
6356
.forum-post-view .comment-sec ul li:last-child {
6357
    border-bottom: 0;
6358
}
6359
 
6360
/* =============== post-comment-box ============= */
6361
 
6362
.post-comment-box {
6363
    float: left;
6364
    width: 100%;
6365
    padding: 20px;
6366
    background-color: #fff;
6367
}
6368
 
6369
.post-comment-box h3 {
6370
    float: left;
6371
    width: 100%;
6372
    color: #000000;
6373
    font-size: 18px;
6374
    font-weight: 600;
6375
    margin-bottom: 30px;
6376
}
6377
 
6378
.user-poster {
6379
    float: left;
6380
    width: 100%;
6381
}
6382
 
6383
.usr-post-img {
6384
    float: left;
6385
    width: 50px;
6386
    margin-right: 15px;
6387
}
6388
 
6389
.usr-post-img img {
6390
    width: 100%;
6391
    -webkit-border-radius: 100px;
6392
    -moz-border-radius: 100px;
6393
    -ms-border-radius: 100px;
6394
    -o-border-radius: 100px;
6395
    border-radius: 100px;
6396
}
6397
 
6398
.post_comment_sec {
6399
    float: left;
6400
    width: 90%;
6401
}
6402
 
6403
.post_comment_sec form {
6404
    float: left;
6405
    width: 100%;
6406
}
6407
 
6408
.post_comment_sec form textarea {
6409
    float: left;
6410
    width: 100%;
6411
    height: 130px;
6412
    border: 1px solid #dce2eb;
6413
    padding: 15px;
6414
    resize: none;
6415
}
6416
 
6417
.post_comment_sec form button {
6418
    color: #ffffff;
6419
    font-size: 14px;
6420
    background-color: #e44d3a;
6421
    padding: 10px 25px;
6422
    border: 0;
6423
    font-weight: 600;
6424
    margin-top: 20px;
6425
    cursor: pointer;
6426
}
6427
 
6428
/* ======== next-prev ========*/
6429
 
6430
.next-prev {
6431
    float: left;
6432
    width: 100%;
6433
    background-color: #fff;
6434
    margin-top: 20px;
6435
    padding: 12px 25px;
6436
}
6437
 
6438
.next-prev>a {
6439
    width: 90px;
6440
    height: 35px;
6441
    text-align: center;
6442
    line-height: 35px;
6443
    color: #b2b2b2;
6444
    font-size: 14px;
6445
    background-color: #e5e5e5;
6446
}
6447
 
6448
.next-prev>a:hover {
6449
    color: #fff;
6450
    background-color: #e44d3a;
6451
}
6452
 
6453
.fl-left {
6454
    float: left;
6455
}
6456
 
6457
.fl-right {
6458
    float: right;
6459
}
6460
 
6461
/* ========== widget-feat ========= */
6462
 
6463
.widget-feat {
6464
    padding: 25px 20px;
6465
}
6466
 
6467
.widget-feat ul {
6468
    float: left;
6469
    width: 100%;
6470
}
6471
 
6472
.widget-feat ul li {
6473
    float: left;
6474
    width: 25%;
6475
    text-align: center;
6476
}
6477
 
6478
.widget-feat ul li i {
6479
    display: block;
6480
    font-size: 18px;
6481
    margin-bottom: 9px;
6482
}
6483
 
6484
.widget-feat ul li span {
6485
    display: block;
6486
    color: #686868;
6487
    font-size: 16px;
6488
    font-weight: 500;
6489
}
6490
 
6491
.widget-feat ul li i.fa-heart {
6492
    color: #53d690;
6493
}
6494
 
6495
.widget-feat ul li i.fa-comment {
6496
    color: #e44d3a;
6497
}
6498
 
6499
.widget-feat ul li i.fa-share-alt {
6500
    color: #51a5fb;
6501
}
6502
 
6503
.widget-feat ul li i.fa-eye {
6504
    color: #00b540;
6505
}
6506
 
6507
/* =============== ANIMATION LOADER =============== */
6508
 
6509
.spinner {
6510
    margin: 0 auto 0;
6511
    width: 80px;
6512
    text-align: center;
6513
    height: 80px;
6514
    border-radius: 100px;
6515
    background-color: #fff;
6516
    line-height: 80px;
6517
    border: 1px solid #e1e1e1;
6518
    cursor: pointer;
6519
}
6520
 
6521
.spinner>div {
6522
    width: 15px;
6523
    height: 15px;
6524
    background-color: #b9b9b9;
6525
    border-radius: 100%;
6526
    display: inline-block;
6527
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
6528
    animation: sk-bouncedelay 1.4s infinite ease-in-out both;
6529
}
6530
 
6531
.spinner .bounce1 {
6532
    -webkit-animation-delay: -0.32s;
6533
    animation-delay: -0.32s;
6534
}
6535
 
6536
.spinner .bounce2 {
6537
    -webkit-animation-delay: -0.16s;
6538
    animation-delay: -0.16s;
6539
}
6540
 
6541
@-webkit-keyframes sk-bouncedelay {
2197 stevensc 6542
 
1239 steven 6543
    0%,
6544
    80%,
6545
    100% {
6546
        -webkit-transform: scale(0);
6547
    }
2197 stevensc 6548
 
1239 steven 6549
    40% {
6550
        -webkit-transform: scale(1);
6551
    }
6552
}
6553
 
6554
@keyframes sk-bouncedelay {
2197 stevensc 6555
 
1239 steven 6556
    0%,
6557
    80%,
6558
    100% {
6559
        -webkit-transform: scale(0);
6560
        transform: scale(0);
6561
    }
2197 stevensc 6562
 
1239 steven 6563
    40% {
6564
        -webkit-transform: scale(1);
6565
        transform: scale(1);
6566
    }
6567
}
6568
 
6569
.wordpressdevlp {
6570
    background-color: #fff;
6571
}
6572
 
6573
.bgclr {
6574
    background-color: #fff;
6575
    margin-bottom: 15px;
6576
}
6577
 
6578
.cadidatesbtn {
6579
    position: absolute;
6580
    left: 0;
6581
    padding-top: 5px;
6582
}
6583
 
6584
.cadidatesbtn button {
6585
    background-color: #e44d3a;
6586
    border: none;
6587
    margin-top: -3px;
6588
}
6589
 
6590
.cadidatesbtn button:hover {
6591
    background-color: #e44d3a;
6592
}
6593
 
6594
.cadidatesbtn span {
6595
    background-color: #bd2e1c;
6596
    color: #fff;
6597
    margin-right: 10px;
6598
    padding: 0.25em 0.5em;
6599
    font-weight: 600;
6600
    font-size: 12px;
6601
}
6602
 
6603
.wordpressdevlp i {
6604
    color: #e86554;
6605
    font-size: 18px;
6606
    font-weight: bold;
6607
    padding-right: 5px;
6608
}
6609
 
6610
.wordpressdevlp h2 {
6611
    font-size: 18px;
6612
    font-weight: 600;
6613
}
6614
 
6615
.cadidatesbtn i {
6616
    color: #b2b2b2;
6617
    border: 1px solid #b2b2b2;
6618
    font-size: 14px;
6619
    text-align: center;
6620
    margin-left: 7px;
6621
    border-radius: 3px;
6622
    padding: 10px;
6623
}
6624
 
6625
.cadidatesbtn i:hover {
6626
    background-color: #e44d3a;
6627
    color: #fff;
6628
    border: 1px solid #e44d3a;
6629
}
6630
 
6631
.inner {
6632
    border-bottom: 2px solid #e5e5e5;
6633
    padding-bottom: 10px;
6634
}
6635
 
6636
.inner li a:hover {
6637
    color: #e44d3a;
6638
    border-bottom: 2px solid #e44d3a;
6639
    padding-bottom: 9px;
6640
}
6641
 
6642
.inner li a {
6643
    color: #000000;
6644
}
6645
 
6646
.posttext {
6647
    position: absolute;
6648
    left: 0;
6649
}
6650
 
6651
.deatile h3 {
6652
    font-size: 14px;
6653
    font-weight: bold;
6654
    padding-bottom: 5px;
6655
}
6656
 
6657
.clrbtn a {
6658
    background-color: #e44d3a;
6659
    color: #fff;
6660
    padding: 5px 10px 5px 10px;
6661
    margin-right: 15px;
6662
}
6663
 
6664
.transpairentbtn a {
6665
    color: #222;
6666
    border: 2px solid #f1f1f1;
6667
    padding: 5px 10px 5px 10px;
6668
}
6669
 
6670
.savetext h3 {
6671
    font-size: 14px;
6672
    font-weight: bold;
6673
    padding-bottom: 5px;
6674
}
6675
 
6676
.devepbtn .clrbtn {
6677
    padding: 7px 20px;
6678
}
6679
 
6680
.devepbtn a {
6681
    color: #666666;
6682
    border: 1px solid #b2b2b2;
6683
    padding: 7px 10px 7px 10px;
6684
    border-radius: 3px;
6685
    margin-right: 5px;
6686
}
6687
 
6688
.devepbtn a:hover i {
6689
    color: #fff;
6690
}
6691
 
6692
.devepbtn a:hover {
6693
    background-color: #e44d3a;
6694
    color: #fff;
6695
}
6696
 
6697
.rew-reply hr {
6698
    margin-left: -20px;
6699
    margin-right: -20px;
6700
}
6701
 
6702
.rew-reply p {
6703
    padding-left: 20px;
6704
}
6705
 
6706
.rew-reply ul {
6707
    padding-left: 20px;
6708
}
6709
 
6710
.devepbtn {
6711
    margin-top: 30px;
6712
    padding-left: 20px;
6713
}
6714
 
6715
.rep-thanks hr {
6716
    margin-right: -20px;
6717
    margin-left: -20px;
6718
}
6719
 
6720
.profilecnd {
6721
    margin-bottom: 0px;
6722
}
6723
 
6724
.devepbtn i {
6725
    color: #b2b2b2;
6726
    font-size: 14px;
6727
}
6728
 
6729
.appliedinfo {
6730
    padding-left: 0;
6731
    padding-top: 20px !important;
6732
    padding-bottom: 10px;
6733
}
6734
 
6735
.epi2 {
6736
    padding: 0;
6737
}
6738
 
6739
.review a {
6740
    line-height: 16px;
6741
    font-size: 14px;
6742
    text-decoration: none;
6743
    font-weight: 500;
6744
    margin-left: 15px;
6745
}
6746
 
6747
.add-pic-box {
6748
    display: inline-block;
6749
    color: #e44d3a;
6750
    font-size: 16px;
6751
    position: absolute;
6752
    top: 30px;
6753
    right: 0;
6754
    font-weight: 600;
6755
    margin-right: 0;
6756
    width: 100%;
6757
}
6758
 
6759
.add-pic-box [type="file"] {
6760
    height: 0;
6761
    overflow: hidden;
6762
    width: 0;
6763
    float: left;
6764
}
6765
 
6766
.add-pic-box [type="file"]+label {
6767
    background: #fff;
6768
    border: 2px solid #e44d3a;
6769
    border-radius: 3px;
6770
    color: #e44d3a;
6771
    cursor: pointer;
6772
    /* display: inline-block; */
6773
    font-size: 15px;
6774
    font-weight: 600;
6775
    outline: none;
6776
    padding: 12px 20px;
6777
    position: relative;
6778
    transition: all 0.3s;
6779
    vertical-align: middle;
6780
    margin: 0;
6781
    float: right;
6782
    text-transform: uppercase;
6783
}
6784
 
6785
.add-pic-box [type="file"]+label:hover {
6786
    background: #e44d3a;
6787
    color: #fff;
6788
}
6789
 
6790
.noreview li i {
6791
    color: #b2b2b2;
6792
}
6793
 
6794
.review-tb {
6795
    margin: 0 0 10px;
6796
    padding-left: 20px;
6797
}
6798
 
6799
.noreview ul li i {
6800
    color: #b2b2b2;
6801
}
6802
 
6803
.mngdetl {
6804
    border-bottom: none;
6805
}
6806
 
6807
.post-reply {
6808
    padding-top: 0;
6809
    padding-bottom: 0;
6810
}
6811
 
6812
.activebidbtn i:hover {
6813
    background-color: #e44d3a;
6814
    color: #fff;
6815
    border: none;
6816
}
6817
 
6818
.reviewtitle h2 {
6819
    font-size: 17px;
6820
    font-weight: 600;
6821
}
6822
 
6823
.horiline {
6824
    width: 118%;
6825
    position: relative;
6826
    left: -40px;
6827
}
6828
 
6829
.tahnks {
6830
    font-weight: 500;
6831
    margin-top: 5px;
6832
}
6833
 
6834
/*about-page*/
6835
 
6836
.banner span {
6837
    position: absolute;
6838
    display: flex;
6839
    background-color: #222;
6840
    width: 100%;
6841
    opacity: 0.9;
6842
    justify-content: center;
6843
    padding: 10px;
6844
    margin-top: 0;
6845
    color: #fff;
6846
}
6847
 
6848
.innertitle {
6849
    margin-top: 130px;
6850
}
6851
 
6852
.Company-overview {
6853
    padding-bottom: 50px;
6854
}
6855
 
6856
.bennertext {
6857
    position: absolute;
6858
    left: 20%;
6859
    right: 20%;
6860
    text-align: center;
6861
}
6862
 
6863
.bannerimage img {
6864
    height: 100%;
6865
}
6866
 
6867
.innertitle h2 {
6868
    color: #fff;
6869
    font-size: 30px;
6870
    line-height: 32px;
6871
    font-weight: 600;
6872
    margin-bottom: 20px;
6873
}
6874
 
6875
.innertitle p {
6876
    color: #fff;
6877
    font-size: 16px;
6878
}
6879
 
6880
.Company-overview h2 {
6881
    padding-top: 100px;
6882
    font-size: 24px;
6883
    font-weight: 600;
6884
    padding-bottom: 12px;
6885
}
6886
 
6887
.Company-overview p {
6888
    font-size: 15px;
6889
    font-weight: 500;
6890
}
6891
 
6892
.Company-overview img {
6893
    float: right;
6894
    padding-top: 25px;
6895
}
6896
 
6897
.blog {
6898
    text-align: center;
6899
    display: inline-block;
6900
    margin-bottom: 50px;
6901
}
6902
 
6903
.blog img {
6904
    padding-bottom: 30px;
6905
}
6906
 
6907
.blog h2 {
6908
    font-size: 18px;
6909
    font-weight: 600;
6910
    padding-bottom: 30px;
6911
}
6912
 
6913
.blog a {
6914
    background-color: #ff4500;
6915
    color: #fff;
6916
    padding: 7px 25px 7px 25px;
6917
    border-radius: 3px;
6918
    font-size: 16px;
6919
    font-weight: 500;
6920
}
6921
 
6922
.services {
6923
    padding-top: 80px;
6924
    padding-bottom: 80px;
6925
}
6926
 
6927
.video {
6928
    padding-bottom: 40px;
6929
}
6930
 
6931
.search-container {
6932
    text-align: center;
6933
}
6934
 
6935
.search-container input[type="text"] {
6936
    padding: 6px 15px;
6937
    margin-top: 8px;
6938
    font-size: 17px;
6939
    border: none;
6940
    height: 50px;
6941
    width: 50%;
6942
    margin-bottom: 25px;
6943
    border-top-left-radius: 3px;
6944
    border-top-right-radius: 0px;
6945
    border-bottom-left-radius: 3px;
6946
    border-bottom-right-radius: 0px;
6947
}
6948
 
6949
.searchtitle {
6950
    text-align: center;
6951
}
6952
 
6953
.searchtitle h2 {
6954
    color: #fff;
6955
    font-size: 30px;
6956
    font-weight: 400;
6957
    padding-bottom: 10px;
6958
}
6959
 
6960
.modal-header {
6961
    position: relative;
6962
}
6963
 
6964
.modal-header h3 {
6965
    font-size: 18px;
6966
}
6967
 
6968
.search-container button {
6969
    padding: 8px 10px;
6970
    text-align: center;
6971
    margin-top: 8px;
6972
    margin-left: -3px;
6973
    margin-right: 18px;
6974
    background: #efefef;
6975
    font-size: 17px;
6976
    border: none;
6977
    cursor: pointer;
6978
    height: 50px;
6979
    width: 6%;
6980
    border-bottom-right-radius: 3px;
6981
    border-top-right-radius: 3px;
6982
}
6983
 
6984
.topsearch i {
6985
    color: #e44d3a;
6986
}
6987
 
6988
.dropdown-toggle::after {
6989
    position: absolute;
6990
    right: 15px;
6991
    color: #b2b2b2;
6992
    top: 7px;
6993
}
6994
 
6995
.help-paddy {
6996
    padding: 0 !important;
6997
}
6998
 
6999
.paddy {
7000
    padding: 20px;
7001
    float: left;
7002
}
7003
 
7004
.dropdown-menu {
7005
    position: absolute;
7006
    top: 100%;
7007
    left: 0;
7008
    z-index: 1000;
7009
    display: none;
7010
    float: left;
7011
    min-width: 10rem;
7012
    padding: 0.5rem 0;
7013
    margin: 0.125rem 0 0;
7014
    font-size: 1rem;
7015
    color: #212529;
7016
    text-align: left;
7017
    list-style: none;
7018
    background-color: #fff;
7019
    width: 100%;
7020
    background-clip: padding-box;
7021
    border: none;
7022
    border-radius: 0.25rem;
7023
}
7024
 
7025
.radio-form p {
7026
    display: -webkit-inline-box;
7027
}
7028
 
7029
.dropdown a {
7030
    color: #000000;
7031
    font-size: 16px;
7032
    font-weight: 400;
7033
    padding: 0 20px;
7034
}
7035
 
7036
.accountnone {
7037
    border: none;
7038
}
7039
 
7040
.helpforum {
7041
    background-color: #fff;
7042
    padding: 15px 0;
7043
    box-shadow: 0px 2px #c6c6c6;
7044
}
7045
 
7046
.helpforum h3 {
7047
    font-size: 18px;
7048
    font-weight: 600;
7049
}
7050
 
7051
.helpforum a {
7052
    background-color: #e44d3a;
7053
    color: #fff;
7054
    padding: 10px 15px 10px 15px;
7055
    line-height: 4;
7056
    border-radius: 3px;
7057
}
7058
 
7059
.helpforum p {
7060
    line-height: 3;
7061
}
7062
 
7063
.actionstitle h3 {
7064
    font-size: 18px;
7065
    font-weight: 400;
7066
    color: #000;
7067
    padding-top: 30px;
7068
}
7069
 
7070
.actionstitle img {
7071
    padding-right: 10px;
7072
}
7073
 
7074
.actionstext a {
7075
    font-size: 16px;
7076
    font-weight: 500;
7077
    color: #e44d3a;
7078
    line-height: 2;
7079
    display: block;
7080
}
7081
 
7082
.helpform {
7083
    text-align: center;
7084
    padding-top: 70px;
7085
}
7086
 
7087
.helpform h3 {
7088
    font-size: 18px;
7089
    font-weight: 400;
7090
    color: #e44d3a;
7091
    margin-bottom: 10px;
7092
}
7093
 
7094
.helpform a {
7095
    background-color: #e44d3a;
7096
    color: #fff;
7097
    padding: 10px 15px 10px 15px;
7098
    border-radius: 3px;
7099
}
7100
 
7101
.helpform p {
7102
    margin-bottom: 30px;
7103
}
7104
 
7105
.helpform img {
7106
    float: unset;
7107
    padding-bottom: 10px;
7108
}
7109
 
7110
.bookingsideber h3 {
7111
    color: #000;
7112
}
7113
 
7114
.bookingsideber h3:active {
7115
    color: #e44d3a;
7116
}
7117
 
7118
.helpforum h4 {
7119
    font-size: 16px;
7120
    font-weight: 600;
7121
}
7122
 
7123
.bloktext {
7124
    padding-left: 25px;
7125
}
7126
 
7127
.privacy {
7128
    background-color: #fff;
7129
    height: 850px;
7130
}
7131
 
7132
.privacydropd .dropdown-toggle::after {
7133
    float: right;
7134
    vertical-align: 0.255em;
7135
}
7136
 
7137
/* .checkbox {} */
7138
 
7139
.form-check {
7140
    padding-left: 0;
7141
}
7142
 
7143
.btns a {
7144
    color: #000;
7145
    border: 1px solid #e5e5e5;
7146
    padding: 10px 25px 10px 25px;
7147
    margin-left: 15px;
7148
    border-radius: 5px;
7149
    font-weight: 600;
7150
}
7151
 
7152
.btns {
7153
    padding-top: 20px;
7154
}
7155
 
7156
.btns a:hover {
7157
    background-color: #e44d3a;
7158
    color: #fff;
7159
}
7160
 
7161
.privacy h3 {
7162
    font-size: 18px;
7163
    font-weight: 600;
7164
    padding-top: 18px;
7165
    margin-bottom: 10px;
7166
}
7167
 
7168
.privacy p {
7169
    padding-top: 0px;
7170
    display: inline-block;
7171
}
7172
 
7173
.form-group {
7174
    margin-bottom: 1rem;
7175
    padding-top: 0px;
7176
}
7177
 
7178
.privacy i {
7179
    float: right;
7180
    color: #e44d3a;
7181
    font-size: 20px;
7182
    font-weight: 600;
7183
}
7184
 
7185
.dropdown-menu input {
7186
    margin-right: 10px;
7187
    margin-top: 15px;
7188
}
7189
 
7190
.dropdown-menu a {
7191
    padding: 10px 0 10px 40px;
7192
    margin-bottom: 10px;
7193
}
7194
 
7195
.dropdown-menu form {
7196
    margin-bottom: 10px;
7197
    margin-top: 10px;
7198
}
7199
 
7200
.privacydropd p {
7201
    margin-left: 20px;
7202
    margin-top: 5px;
7203
}
7204
 
7205
.privabtns {
7206
    margin-top: 20px;
7207
}
7208
 
7209
.privabtns {
7210
    padding-bottom: 15px;
7211
}
7212
 
7213
.privabtns a {
7214
    margin-right: 15px;
7215
    padding: 8px 25px;
7216
    color: #000000;
7217
    border: 1px solid #e5e5e5;
7218
}
7219
 
7220
.privabtns a:hover {
7221
    color: #fff;
7222
    background-color: #e44d3a;
7223
}
7224
 
7225
.privac {
7226
    background-color: #fff;
7227
    height: 560px;
7228
    padding-top: 20px;
7229
}
7230
 
7231
.privac h3 {
7232
    font-size: 18px;
7233
    font-weight: 600;
7234
}
7235
 
7236
.bids-detail ul {
7237
    display: -webkit-inline-box;
7238
}
7239
 
7240
.bids-detail ul li {
7241
    margin-right: 30px;
7242
}
7243
 
7244
.bids-detail h3 {
7245
    font-size: 16px;
7246
    font-weight: 400;
7247
}
7248
 
7249
.bids-detail {
7250
    background-color: #fff;
7251
    padding: 20px;
7252
    margin-bottom: 25px;
7253
    box-shadow: 0px 2px #e4e4e4;
7254
}
7255
 
7256
.dropdown-menu.show {
7257
    display: contents;
7258
}
7259
 
7260
.postpaid:checked:after {
7261
    content: "\f17b";
7262
    font: normal normal normal 16px/1 "LineAwesome";
7263
    font-weight: 600;
7264
    border: 1px solid #fff;
7265
    color: #ffffff;
7266
    text-align: center;
7267
    font-size: 12px;
7268
    width: 100%;
7269
    height: 100%;
7270
    background: #e44d3a;
7271
    display: block;
7272
    border-radius: 50%;
7273
    padding-top: 3px;
7274
}
7275
 
7276
.postpaid:focus {
7277
    border: 1px solid #fff;
7278
    width: 25px;
7279
    height: 25px;
7280
}
7281
 
7282
.postpaid {
7283
    -webkit-appearance: none;
7284
    content: "";
7285
    width: 20px;
7286
    height: 20px;
7287
    border-radius: 50%;
7288
    border: 1px solid #5e5e5e;
7289
    outline: 0;
7290
    margin-right: 5px;
7291
}
7292
 
7293
/* .main-ws-sec .job-status-bar {} */
7294
 
7295
.main-ws-sec .btm-line {
7296
    padding-bottom: 20px !important;
7297
    border-bottom: 1px solid #e5e5e5 !important;
7298
    margin-bottom: 20px;
7299
}
7300
 
7301
.job-status-bar hr {
7302
    margin: 0 -40px;
7303
}
7304
 
7305
.reply-area {
7306
    padding-left: 55px;
7307
}
7308
 
7309
.reply-rply1 {
7310
    margin: 24px 0;
7311
}
7312
 
7313
.reply-area p {
7314
    padding-bottom: 10px;
7315
}
7316
 
7317
.reply-area span {
7318
    cursor: pointer;
7319
}
7320
 
7321
.reply-area span:hover {
7322
    color: #e44d3a;
7323
}
7324
 
7325
.reply-area i {
7326
    font-size: 16px;
7327
    font-weight: 600;
7328
    padding-right: 8px;
7329
}
7330
 
7331
.comment-area .la-plus-circle {
7332
    display: block;
7333
    text-align: center;
7334
    font-size: 40px;
7335
    color: #b2b2b2;
7336
}
7337
 
7338
.reply-area span {
7339
    padding-top: 5px;
7340
    color: #b2b2b2;
7341
}
7342
 
7343
.comt span {
7344
    font-size: 16px;
7345
    color: #666666;
7346
}
7347
 
7348
.comt i {
7349
    padding-right: 8px;
7350
}
7351
 
7352
.postcomment .form-control {
7353
    width: 112%;
7354
    margin-left: -50px;
7355
    background-color: #efefef;
7356
    border-radius: 3px;
7357
}
7358
 
7359
.postcomment a {
7360
    background-color: #e44d3a;
7361
    color: #fff;
7362
    padding: 9px 25px 8px 25px;
7363
    line-height: 37px;
7364
    border-radius: 3px;
7365
}
7366
 
7367
.postcomment {
7368
    padding-top: 30px;
7369
}
7370
 
7371
.widget-about button:focus {
7372
    box-shadow: none;
7373
}
7374
 
7375
.widget-about button:hover {
7376
    background-color: #e44d3a;
7377
}
7378
 
7379
.widget-about button {
7380
    background-color: #e44d3a;
7381
    border: none;
7382
    padding: 12px 0;
7383
    width: 100%;
7384
}
7385
 
7386
.widget-about p {
7387
    background-color: #e44d3a;
7388
    color: #fff;
7389
    padding: 10px 0;
7390
}
7391
 
7392
.widget-projectid {
7393
    padding: 15px;
7394
}
7395
 
7396
.widget-projectid h3 {
7397
    padding-bottom: 7px;
7398
    font-size: 14px;
7399
    font-weight: 600;
7400
}
7401
 
7402
.sd-title h4 {
7403
    margin-bottom: 5px;
7404
    font-size: 16px;
7405
    font-weight: 600;
7406
    line-height: 24px;
7407
}
7408
 
7409
.paymethd p {
7410
    color: #e44d3a;
7411
}
7412
 
7413
.copylink p {
7414
    background-color: #efefef;
7415
    padding: 7px 0 8px 10px;
7416
}
7417
 
7418
.copylink a {
7419
    background-color: #e44d3a;
7420
    color: #fff;
7421
    padding: 10px 15px 10px 15px;
7422
    border-radius: 4px;
7423
}
7424
 
7425
.copylink span {
7426
    padding: 30px 0 20px;
7427
}
7428
 
7429
.copylink i {
7430
    float: unset;
7431
    position: unset;
7432
}
7433
 
7434
.copylink .la-facebook {
7435
    background-color: #3b5998;
7436
    color: #fff;
7437
}
7438
 
7439
.copylink .la-twitter {
7440
    color: #1da1f2;
7441
}
7442
 
7443
.copylink .la-pinterest-p {
7444
    background-color: #fff;
7445
    color: #c11628;
7446
    border-radius: 50%;
7447
}
7448
 
7449
.copylink img {
7450
    padding-right: 10px;
7451
}
7452
 
7453
.freelancerbiding {
7454
    background-color: #fff;
7455
    padding-top: 20px;
7456
}
7457
 
7458
.freelancerbiding h3 {
7459
    font-size: 18px;
7460
    font-weight: 400;
7461
}
7462
 
7463
.repcent {
7464
    text-align: left;
7465
}
7466
 
7467
.bidrit {
7468
    float: right;
7469
}
7470
 
7471
.repcent i {
7472
    padding-left: 5px;
7473
}
7474
 
7475
.star {
7476
    display: inline-flex;
7477
    padding: 5px 0;
7478
}
7479
 
7480
.star li i {
7481
    color: #bfd337;
7482
}
7483
 
7484
.repcent span {
7485
    color: #51a5fb;
7486
}
7487
 
7488
.repcent p {
7489
    padding-left: 7px;
7490
}
7491
 
7492
.noreview ul li i {
7493
    color: #b2b2b2;
7494
}
7495
 
7496
.paymethd .star li i {
7497
    position: unset;
7498
    font-size: 14px;
7499
}
7500
 
7501
.paymethd .star a {
7502
    color: #51a5fb;
7503
    padding-left: 12px;
7504
}
7505
 
7506
/* .modal-header {background-color: #e44d3a; display: block !important; } */
7507
 
7508
.modal-body {
7509
    padding: 1rem 0;
7510
}
7511
 
7512
.notice {
7513
    background-color: #ddf3ff;
7514
    padding: 15px;
7515
}
7516
 
7517
.notice span {
7518
    font-weight: 500;
7519
    padding-right: 5px;
7520
}
7521
 
7522
.innerbody {
7523
    padding: 15px;
7524
}
7525
 
7526
.innerbody h3 {
7527
    font-size: 18px;
7528
    font-weight: 600;
7529
}
7530
 
7531
.innerbody h4 {
7532
    font-weight: 600;
7533
    font-size: 14px;
7534
    margin-left: -15px;
7535
    float: left;
7536
}
7537
 
7538
.delivery .input-group select {
7539
    width: 150px;
7540
    height: 50px !important;
7541
    font-size: 19px;
7542
    border: 1px solid #e5e5e5;
7543
    border-radius: 3px;
7544
}
7545
 
7546
.input-group-prepend {
7547
    background-color: #f3f3f3;
7548
    color: #bfbfbf;
7549
    text-align: center;
7550
    line-height: 3;
7551
    border: 1px solid #e5e5e5;
7552
}
7553
 
7554
.input-group-text {
7555
    color: #666666 !important;
7556
    background-color: #f5f5f5 !important;
7557
    border: 0px !important;
7558
    border-radius: 3px !important;
7559
}
7560
 
7561
.place-bid-form {
7562
    position: relative;
7563
    left: 20px;
7564
    top: -15px;
7565
    padding-bottom: 15px;
7566
}
7567
 
7568
.place-bid-form .input-group input {
7569
    width: 70px;
7570
    border: 1px solid #e5e5e5;
7571
}
7572
 
7573
.paydel {
7574
    padding: 40px 0 0;
7575
}
7576
 
7577
.beatcompitation {
7578
    background-color: #f3f3f3;
7579
    padding: 15px;
7580
}
7581
 
7582
.beatcompitation h3 {
7583
    font-weight: 500;
7584
}
7585
 
7586
.sponser i {
7587
    background-color: #e44d3a;
7588
    color: #fff;
7589
    margin-right: 5px;
7590
    padding: 2px;
7591
}
7592
 
7593
.sponser h2 {
7594
    font-size: 18px;
7595
    font-weight: 600;
7596
    padding-top: 15px;
7597
    padding-bottom: 15px;
7598
}
7599
 
7600
.sponser {
7601
    padding: 15px;
7602
}
7603
 
7604
.modal-footer {
7605
    display: block !important;
7606
    border-top: none;
7607
    padding: 1rem 0;
7608
}
7609
 
7610
.modal-footer button {
7611
    font-size: 15px;
7612
    font-weight: 500;
7613
    background-color: unset;
7614
    border: none;
7615
    padding: 10px;
7616
    border: 1px solid #d2d2d2;
7617
    border-radius: 3px;
7618
}
7619
 
7620
.modal-footer button:hover {
7621
    background-color: #e44d3a;
7622
    /* color: #fff; */
7623
    /* border: 1px solid #e44d3a; */
7624
}
7625
 
7626
.place-bid-btn {
7627
    font-size: 15px;
7628
    font-weight: 500;
7629
    color: #fff !important;
7630
    background-color: #e44d3a !important;
7631
    border: none;
7632
    padding: 10px;
7633
    border: 1px solid #e44d3a;
7634
    border-radius: 3px;
7635
}
7636
 
7637
.usy-dt .reply {
7638
    margin: 3px 0 0 10px;
7639
    width: 360px;
7640
    height: 40px;
7641
    background-color: #efefef;
7642
    border: 1px solid #e5e5e5;
7643
    padding-left: 10px;
7644
    border-radius: 3px;
7645
}
7646
 
7647
.replybtn {
7648
    background-color: #e44d3a;
7649
    color: #fff;
7650
    padding: 10px;
7651
    margin-left: 15px;
7652
    border-radius: 3px;
7653
}
7654
 
7655
.replybtn:hover {
7656
    color: #fff;
7657
}
7658
 
7659
.rewivew ul li {
7660
    margin-right: 5px !important;
7661
}
7662
 
7663
.security hr {
7664
    margin-right: -15px;
7665
    margin-left: -15px;
7666
}
7667
 
7668
.privacy .la-check {
7669
    float: left;
7670
    font-size: 12px;
7671
    margin: 5px 5px 0 0;
7672
    padding: 3px;
7673
    background-color: #e44d3a;
7674
    color: #fff;
7675
    border-radius: 50%;
7676
}
7677
 
7678
ul#myTab {
7679
    border-bottom: 1px solid #e5e5e5;
7680
}
7681
 
7682
.nav-tabs .nav-link {
7683
    border: none;
7684
}
7685
 
7686
.noborder {
7687
    border-bottom: none;
7688
}
7689
 
7690
.manbids {
7691
    margin-bottom: 0 !important;
7692
}
7693
 
7694
.noreply {
7695
    padding-top: 30px;
7696
}
7697
 
7698
#my-bids .nav-tabs {
7699
    margin-bottom: 20px;
7700
    margin-top: 7px;
7701
    padding-bottom: 0;
7702
}
7703
 
7704
#my-bids ul {
7705
    margin-bottom: 15px;
7706
    margin-top: 7px;
7707
    padding-bottom: 0;
7708
}
7709
 
7710
.savedjob-info p {
7711
    color: #666666;
7712
    margin-top: 5px;
7713
}
7714
 
7715
#my-bids ul li a {
7716
    color: #000000;
7717
    font-size: 16px;
7718
    font-weight: 500;
7719
}
7720
 
7721
#my-bids li a:hover {
7722
    color: #e44d3a;
7723
}
7724
 
7725
#saved-jobs ul {
7726
    margin-bottom: 20px;
7727
}
7728
 
7729
#saved-jobs ul li a {
7730
    color: #000000;
7731
    font-size: 16px;
7732
    font-weight: 500;
7733
}
7734
 
7735
#saved-jobs li a:hover {
7736
    color: #e44d3a;
7737
}
7738
 
7739
.wordpressdevlp h2 {
7740
    font-size: 18px;
7741
    font-weight: 600;
7742
    margin-bottom: 15px;
7743
}
7744
 
7745
#saved-jobs .nav-tabs .nav-item.show .nav-link,
7746
#saved-jobs .nav-tabs .nav-link.active {
7747
    background-color: inherit;
7748
    color: #e44d3a !important;
7749
    padding-bottom: 9px;
7750
    border-bottom: 2px solid #e44d3a !important;
7751
}
7752
 
7753
#my-bids .nav-tabs .nav-item.show .nav-link,
7754
#my-bids .nav-tabs .nav-link.active {
7755
    background-color: inherit;
7756
    color: #e44d3a !important;
7757
    padding-bottom: 9px;
7758
    border-bottom: 2px solid #e44d3a !important;
7759
}
7760
 
7761
.descptab li img {
7762
    float: left !important;
7763
    filter: inherit !important;
7764
}
7765
 
7766
.bklink {
7767
    border-bottom: none !important;
7768
    width: unset !important;
7769
    float: right !important;
7770
}
7771
 
7772
.bklik {
7773
    border-bottom: none !important;
7774
}
7775
 
7776
/*////////////////////////////////////////My css//////////////////////////////// //////////////////////////////////////////////////////////////////////////////*/
7777
 
7778
.savedjob-info li {
7779
    display: inline-block;
7780
    padding-left: 25px;
7781
}
7782
 
7783
.savedjob-info h3 {
7784
    font-size: 14px;
7785
    font-weight: 500;
7786
}
7787
 
7788
.settingjb ul li {
7789
    margin-right: 25px !important;
7790
}
7791
 
7792
.mangebid li {
7793
    padding-left: 0;
7794
    padding-right: 20px;
7795
    padding-top: 10px;
7796
}
7797
 
7798
.bk-links.bklink li {
7799
    padding-right: 0;
7800
}
7801
 
7802
.bidsbtn {
7803
    position: relative;
7804
}
7805
 
7806
.biddersinfo li {
7807
    padding-left: 0;
7808
    padding-right: 20px;
7809
}
7810
 
7811
#review {
7812
    background-color: #fff;
7813
    margin-bottom: 40px;
7814
}
7815
 
7816
.starreview {
7817
    padding-left: 20px;
7818
}
7819
 
7820
.replytext {
7821
    padding-bottom: 20px;
7822
}
7823
 
7824
.starrevi {
7825
    padding-left: 20px;
7826
}
7827
 
7828
.apply-jobbox {
7829
    text-align: center;
7830
}
7831
 
7832
.apply-jobbox form input {
7833
    width: 100%;
7834
    margin-top: 20px;
7835
    padding: 10px;
7836
    color: #222;
7837
    border: 1px solid #e5e5e5;
7838
    border-radius: 3px;
7839
    font-size: 14px;
7840
}
7841
 
7842
.apply-jobbox h3 {
7843
    margin: 20px 0;
7844
}
7845
 
7846
.select-files {
7847
    border: 1px solid #e5e5e5;
7848
    margin-top: 20px;
7849
    padding: 30px;
7850
    background: #efefef;
7851
}
7852
 
7853
.select-files button {
7854
    margin-bottom: 20px;
7855
    background-color: transparent;
7856
    border: 1px solid #e5e5e5;
7857
    padding: 10px 15px 10px 15px;
7858
    border-radius: 5px;
7859
    font-weight: 600;
7860
}
7861
 
7862
.select-files button:hover {
7863
    background-color: #e44d3a;
7864
    color: #fff;
7865
}
7866
 
7867
.close {
7868
    position: absolute;
7869
    right: 0px;
7870
    top: 0px;
7871
    color: #929292;
7872
    border: 1px solid !important;
7873
    border-radius: 50%;
7874
    height: 30px;
7875
    width: 30px;
7876
}
7877
 
7878
.mapouter iframe {
7879
    width: 100%;
7880
    height: 400px;
7881
}
7882
 
7883
.mapouter {
7884
    position: relative;
7885
    text-align: right;
7886
    height: 500px;
7887
    width: 100%;
7888
}
7889
 
7890
.gmap_canvas {
7891
    overflow: hidden;
7892
    background: none !important;
7893
}
7894
 
7895
.video-iframe {
7896
    width: 100%;
7897
    height: 400px;
7898
}
7899
 
7900
.custom-file-input {
7901
    color: transparent;
7902
    opacity: 1;
7903
    /* margin-left: 140px; */
7904
    margin-bottom: 10px;
7905
}
7906
 
7907
.custom-file-input::-webkit-file-upload-button {
7908
    visibility: hidden;
7909
}
7910
 
7911
.custom-file-input::before {
7912
    content: "Select Files";
7913
    color: #fff;
7914
    display: inline-block;
7915
    border: 1px solid #e5e5e5;
7916
    border-radius: 3px;
7917
    background: #e44d3a;
7918
    font-weight: 500;
7919
    padding: 10px 15px;
7920
    outline: none;
7921
    white-space: nowrap;
7922
    -webkit-user-select: none;
7923
    cursor: pointer;
7924
}
7925
 
7926
.custom-file-input:hover::before {
7927
    background-color: #e44d3a;
7928
    color: #fff;
7929
}
7930
 
7931
.custom-file-input:active {
7932
    outline: 0;
7933
}
7934
 
7935
.custom-file-input:active::before {
7936
    background: #e44d3a;
7937
    color: #fff;
7938
}
7939
 
7940
.bids-time {
7941
    float: right;
7942
}
7943
 
7944
.saved-post {
7945
    padding: 0;
7946
}
7947
 
7948
.saved-post p {
7949
    padding-bottom: 20px;
7950
}
7951
 
7952
.saved-info li {
7953
    padding-right: 25px;
7954
    padding-left: 0;
7955
}
7956
 
7957
.saved-btn {
7958
    padding: 0;
7959
    margin-bottom: -12px;
7960
}
7961
 
7962
.applied-post {
7963
    padding: 0;
7964
}
7965
 
7966
.post-bid {
7967
    padding: 0 !important;
7968
}
7969
 
7970
.bidsbtn {
7971
    padding-top: 0 !important;
7972
}
7973
 
7974
.active-bids {
7975
    padding: 0;
7976
}
7977
 
7978
.activ-bidinfo li {
7979
    padding-top: 10px;
7980
    padding-left: 0;
7981
    padding-right: 25px;
7982
}
7983
 
7984
.activebtn {
7985
    padding-left: 0;
7986
}
7987
 
7988
.p-all {
7989
    padding: 0px;
7990
    float: left;
7991
    width: 100%;
7992
    position: relative;
7993
}
7994
 
7995
.toggle-btn .custom-switch .custom-control-label::before {
7996
    left: -2.25rem;
7997
    width: 70px;
7998
    pointer-events: all;
7999
    border-radius: 100px;
8000
    height: 30px;
8001
    top: -1px;
8002
    box-shadow: none;
8003
}
8004
 
8005
.toggle-btn .custom-control-label::before {
8006
    position: absolute;
8007
    top: 0.25rem;
8008
    left: -1.5rem;
8009
    display: block;
8010
    width: 1rem;
8011
    height: 1rem;
8012
    pointer-events: none;
8013
    content: "";
8014
    background-color: #fff;
8015
    border: #e1e1e1 solid 2px;
8016
}
8017
 
8018
.custom-control-input:checked~.custom-control-label::before {
8019
    color: #fff;
8020
    border-color: #e44d3a;
8021
    background-color: #e44d3a;
8022
    box-shadow: none;
8023
    outline: none;
8024
}
8025
 
8026
.toggle-btn .custom-switch .custom-control-label::after {
8027
    top: calc(-1px + 2px);
8028
    left: calc(-36px + 2px);
8029
    width: calc(30px - 4px);
8030
    height: calc(30px - 4px);
8031
    background-color: #e1e1e1;
8032
    border-radius: 100%;
8033
    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;
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;
8035
    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;
8036
}
8037
 
8038
.toggle-btn .custom-control-label::after {
8039
    position: absolute;
8040
    top: 0.25rem;
8041
    left: -1.5rem;
8042
    display: block;
8043
    width: 0;
8044
    height: 0;
8045
    content: "";
8046
    background: no-repeat 50%/50% 50%;
8047
}
8048
 
8049
.toggle-btn .custom-control-label {
8050
    position: initial;
8051
    margin-bottom: 0;
8052
    vertical-align: top;
8053
}
8054
 
8055
.toggle-btn .custom-switch .custom-control-input:checked~.custom-control-label::after {
8056
    background-color: #fff;
8057
    -webkit-transform: translateX(2.5rem);
8058
    transform: translateX(2.5rem);
8059
}
8060
 
8061
.custom-control-label {
8062
    position: relative;
8063
    margin-bottom: 0;
8064
    vertical-align: top;
8065
    line-height: 24px;
8066
    font-size: 14px;
8067
    color: #666666;
8068
}
8069
 
8070
.small-text-children p,
8071
.small-text-children span {
8072
    font-size: .8rem;
8073
}
8074
 
8075
.search-item-selected {
2275 stevensc 8076
    padding: 1px 10px;
8077
    background: var(--background-gray);
8078
    line-height: 1;
8079
    border-radius: 10px;
1239 steven 8080
    font-weight: bold;
8081
}
8082
 
8083
main {
8084
    background-color: #fff !important;
8085
}
8086
 
8087
.row .sc-dkzDqf {
8088
    margin: 0 auto;
8089
}
8090
 
8091
.test-section .title,
8092
.test-section .description {
8093
    margin-bottom: 10px;
8094
}
8095
 
8096
.test-section .btn-danger {
8097
    margin-right: 10px;
8098
}
8099
 
8100
.test-section .panel-body {
8101
    padding: 20px 0px;
8102
}
8103
 
8104
.test-section .panel {
8105
    margin-top: 20px;
8106
    padding-bottom: 10px;
8107
}
8108
 
8109
.test-section .panel-title {
8110
    font-size: 16px;
8111
    font-weight: bold;
8112
    text-transform: uppercase;
8113
}
8114
 
8115
.test-section .np-padding {
8116
    padding: 0px;
8117
}
8118
 
8119
.test-section .checkbox {
8120
    display: flex;
8121
    margin: 20px 0px;
8122
}
8123
 
8124
.test-section .option {
8125
    margin-left: 10px;
8126
}
8127
 
8128
.checkbox input[type=checkbox],
8129
input[type=radio] {
8130
    margin-top: 5px !important;
8131
}
8132
 
8133
.test-section h6 {
8134
    margin-bottom: 10px;
8135
    color: #0860bf;
8136
}
8137
 
8138
.wizard {
8139
    display: flex;
8140
    margin-top: 10px;
8141
}
8142
 
8143
.wizard li {
8144
    width: 50%;
8145
    display: inline-block;
8146
}
8147
 
8148
.btn-secondary:disabled,
8149
.btn-primary:disabled {
8150
    cursor: no-drop;
8151
}
8152
 
8153
.test-section .btn-primary {
8154
    margin-left: 10px
8155
}
8156
 
8157
.previous {
8158
    text-align: left;
8159
}
8160
 
8161
.next {
8162
    text-align: right;
8163
}
8164
 
8165
.test-section .close {
8166
    border: none !important;
8167
    border-radius: 0px !important;
8168
}
8169
 
8170
.ratin-range {
8171
    display: block;
8172
}
8173
 
8174
.ratin-range li {
8175
    display: inline-block;
8176
    width: 6%;
8177
}
8178
 
8179
.ratin-range li .option {
8180
    margin-top: 2px !important;
8181
}
8182
 
8183
#react-self-evaluation .company-up-info ul {
8184
    width: 100%;
8185
    position: absolute;
8186
    float: left;
8187
    left: 0px;
8188
    bottom: 4vw;
8189
}
8190
 
8191
#react-self-evaluation .company-up-info {
8192
    padding: 30px 10px;
8193
    min-height: 20vw;
8194
    border: 1px solid #e5e5e5
8195
}
8196
 
8197
#react-self-evaluation .company-up-info h3 {
8198
    width: 90%;
8199
    margin: 5px auto;
8200
}
8201
 
8202
.mb10 {
597 geraldo 8203
    margin-bottom: 3vw;
598 geraldo 8204
}
1239 steven 8205
 
8206
.opt-h6 {
8207
    font-weight: 600 !important;
8208
    color: #000 !important;
597 geraldo 8209
}