Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

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