Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 3767 | Rev 3772 | 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
  float: left;
2470
  width: 100%;
2471
  padding: 100px 0 20px 0;
2472
}
2473
 
2474
.signin-popup {
2475
  margin: 0 auto;
2476
  position: relative;
2477
}
2478
 
2479
.signin-popup:before {
2480
  content: "";
2481
  position: absolute;
2482
  top: -16px;
2483
  left: 56px;
2484
  width: 30px;
2485
  height: 30px;
2486
  background-color: #fff;
2487
  -webkit-border-radius: 100px;
2488
  -moz-border-radius: 100px;
2489
  -ms-border-radius: 100px;
2490
  -o-border-radius: 100px;
2491
  border-radius: 100px;
2492
}
2493
 
2494
.signin-popup:after {
2495
  content: "";
2496
  position: absolute;
2497
  top: -37px;
2498
  left: 43px;
2499
  width: 20px;
2500
  height: 20px;
2501
  background-color: #fff;
2502
  -webkit-border-radius: 100px;
2503
  -moz-border-radius: 100px;
2504
  -ms-border-radius: 100px;
2505
  -o-border-radius: 100px;
2506
  border-radius: 100px;
2507
}
2508
 
2509
.signin-pop {
2510
  float: left;
2511
  width: 100%;
2512
  background-color: #fff;
2513
  position: relative;
2514
}
2515
 
2516
.signin-pop:before {
2517
  content: "";
2518
  position: absolute;
2519
  top: 0;
2520
  left: 50%;
2521
  -webkit-transform: translateX(-50%);
2522
  -moz-transform: translateX(-50%);
2523
  -ms-transform: translateX(-50%);
2524
  -o-transform: translateX(-50%);
2525
  transform: translateX(-50%);
2526
  height: 100%;
2527
  width: 1px;
2528
  background-color: #f0f0f0;
2529
}
2530
 
2531
.dff-tab {
2532
  display: none;
2533
}
2534
 
2535
.dff-tab.current {
2536
  display: block;
2537
}
2538
 
2539
.cmp-info {
2540
  width: 100%;
2541
  display: grid;
2542
  place-items: center;
2543
  height: 100%;
2544
}
2545
.cmp-info .cm-logo {
2546
  display: flex;
2547
  flex-direction: column;
2548
  align-items: center;
2549
  justify-content: center;
2550
  padding: 0 3rem;
2551
  width: 100%;
2552
}
2553
.cmp-info .cm-logo img {
2554
  margin-bottom: 0.5rem;
2555
  width: 100%;
2556
  object-fit: scale-down;
2557
}
2558
 
2559
/* =============== login-sec ============= */
2560
.login-sec {
2561
  float: left;
2562
  width: 100%;
2563
  padding: 30px 0;
2564
  position: relative;
2565
}
2566
 
2567
.login-sec:before {
2568
  content: "";
2569
  position: absolute;
2570
  bottom: -15px;
2571
  right: 70px;
2572
  width: 30px;
2573
  height: 30px;
2574
  -webkit-border-radius: 100px;
2575
  -moz-border-radius: 100px;
2576
  -ms-border-radius: 100px;
2577
  -o-border-radius: 100px;
2578
  border-radius: 100px;
2579
  background-color: #fff;
2580
}
2581
 
2582
.login-sec:after {
2583
  content: "";
2584
  position: absolute;
2585
  bottom: -40px;
2586
  right: 55px;
2587
  width: 20px;
2588
  height: 20px;
2589
  -webkit-border-radius: 100px;
2590
  -moz-border-radius: 100px;
2591
  -ms-border-radius: 100px;
2592
  -o-border-radius: 100px;
2593
  border-radius: 100px;
2594
  background-color: #fff;
2595
}
2596
 
2597
.sign-control {
2598
  float: left;
2599
  width: 100%;
2600
  text-align: right;
2601
  padding-right: 50px;
2602
  margin-bottom: 70px;
2603
}
2604
 
2605
.sign-control li {
2606
  display: inline-block;
2607
  margin-right: 0.5rem;
2608
}
2609
 
2610
.sign-control li a {
2611
  color: #000000;
2612
  font-size: 14px;
2613
  font-weight: 500;
2614
  background-color: #e5e5e5;
2615
  padding: 7px 10px;
2616
  display: inline-block;
2617
  /* -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; */
2618
}
2619
 
2620
.sign-control li.current a {
2621
  background-color: #e44d3a;
2622
  color: #fff;
2623
}
2624
 
2625
.sign_in_sec {
2626
  float: left;
2627
  width: 100%;
2628
  padding-right: 75px;
2629
  padding-left: 60px;
2630
  display: none;
2631
}
2632
 
2633
.sign_in_sec.current {
2634
  display: block;
2635
}
2636
 
2637
.sign_in_sec h3 {
2638
  color: #000000;
2639
  font-size: 18px;
2640
  font-weight: 600;
2641
  position: relative;
2642
  padding-bottom: 10px;
2643
  margin-bottom: 30px;
2644
}
2645
 
2646
.sign_in_sec h3:before {
2647
  content: "";
2648
  position: absolute;
2649
  bottom: 0;
2650
  left: 0;
2651
  width: 30px;
2652
  height: 2px;
2653
  background-color: #e44d3a;
2654
}
2655
 
2656
/* ============= sign_in_sec ============= */
2657
.sign_in_sec form {
2658
  float: left;
2659
  width: 100%;
2660
}
2661
 
2662
.inputContainer {
2663
  margin-bottom: 20px;
2664
}
2665
 
2666
.sn-field {
2667
  /* float: left; */
2668
  width: 100%;
2669
  position: relative;
2670
}
2671
 
2672
.sn-field.pd-more {
2673
  margin-bottom: 0;
2674
}
2675
 
2676
.sn-field.pd-more input {
2677
  padding-left: 40px;
2678
}
2679
 
2680
.sn-field > i {
2681
  position: absolute;
2682
  top: 50%;
2683
  left: 15px;
2684
  color: #666666;
2685
  font-size: 16px;
2686
  -webkit-transform: translateY(-50%);
2687
  -moz-transform: translateY(-50%);
2688
  -ms-transform: translateY(-50%);
2689
  -o-transform: translateY(-50%);
2690
  transform: translateY(-50%);
2691
}
2692
 
2693
.sn-field > span {
2694
  position: absolute;
2695
  top: 50%;
2696
  right: 15px;
2697
  font-weight: 700;
2698
  color: #666666;
2699
  font-size: 15px;
2700
  -webkit-transform: translateY(-50%);
2701
  -moz-transform: translateY(-50%);
2702
  -ms-transform: translateY(-50%);
2703
  -o-transform: translateY(-50%);
2704
  transform: translateY(-50%);
2705
}
2706
 
2707
.sign_in_sec form input,
2708
.sign_in_sec form input:-webkit-autofill,
2709
.sign_in_sec form input:-webkit-autofill:hover,
2710
.sign_in_sec form input:-webkit-autofill:focus,
2711
.sign_in_sec form select:-webkit-autofill,
2712
.sign_in_sec form select {
2713
  box-shadow: 0 0 0px 1000px var(--bg-color) inset;
2714
  height: 40px;
2715
  color: var(--font-color);
2716
  background-color: var(--bg-color) !important;
2717
  border: 1px solid var(--border-primary);
2718
  font-size: 14px;
2719
  padding: 0 15px 0 40px;
2720
  width: 100%;
2721
}
2722
 
2723
.sign_in_sec form select {
2724
  line-height: 40px;
2725
  height: 40px;
2726
}
2727
 
2728
.sign_in_sec form button {
2729
  color: var(--button-text-color-secondary);
2730
  border: 1px solid var(--border-primary);
2731
  font-size: 16px;
2732
  background-color: var(--button-bg-secondary);
2733
  padding: 12px 27px;
2734
  font-weight: 500;
2735
  margin-top: 30px;
2736
  cursor: pointer;
2737
}
2738
 
2739
.sign_in_sec_button {
2740
  color: #ffffff;
2741
  font-size: 16px;
2742
  background-color: #66a7dd;
2743
  padding: 12px 27px;
2744
  border: 0;
2745
  font-weight: 500;
2746
  margin-top: 30px;
2747
  cursor: pointer;
2748
}
2749
 
2750
.checky-sec {
2751
  /* float: left; */
2752
  width: 100%;
2753
  margin-top: 10px;
2754
}
2755
 
2756
.checky-sec.st2 small {
2757
  font-size: 13px;
2758
  width: 90%;
2759
  line-height: 20px;
2760
}
2761
 
2762
.checky-sec.st2 .fgt-sec input[type=checkbox] + label span {
2763
  margin-top: 3px;
2764
}
2765
 
2766
.fgt-sec * {
2767
  cursor: pointer;
2768
}
2769
 
2770
.fgt-sec input[type=checkbox] {
2771
  display: none;
2772
}
2773
 
2774
.fgt-sec label {
2775
  float: left;
2776
}
2777
 
2778
.fgt-sec input[type=checkbox] + label span {
2779
  display: inline-block;
2780
  width: 15px;
2781
  height: 15px;
2782
  position: relative;
2783
  border: 1px solid #d2d2d2;
2784
  -webkit-border-radius: 100px;
2785
  -moz-border-radius: 100px;
2786
  -ms-border-radius: 100px;
2787
  -o-border-radius: 100px;
2788
  border-radius: 100px;
2789
}
2790
 
2791
.fgt-sec input[type=checkbox] + label span:before {
2792
  content: "";
2793
  width: 7px;
2794
  height: 7px;
2795
  -webkit-border-radius: 100px;
2796
  -moz-border-radius: 100px;
2797
  -ms-border-radius: 100px;
2798
  -o-border-radius: 100px;
2799
  border-radius: 100px;
2800
  font-size: 8px;
2801
  color: #ffffff;
2802
  opacity: 0;
2803
  visibility: hidden;
2804
  background-color: #e44d3a;
2805
  position: absolute;
2806
  font-family: fontawesome;
2807
  top: 50%;
2808
  left: 50%;
2809
  -webkit-transform: translateX(-50%) translateY(-50%);
2810
  -moz-transform: translateX(-50%) translateY(-50%);
2811
  -ms-transform: translateX(-50%) translateY(-50%);
2812
  -o-transform: translateX(-50%) translateY(-50%);
2813
  transform: translateX(-50%) translateY(-50%);
2814
}
2815
 
2816
.fgt-sec input[type=checkbox]:checked + label span:before {
2817
  opacity: 1;
2818
  visibility: visible;
2819
}
2820
 
2821
.fgt-sec small {
2822
  /* float: left; */
2823
  color: #000000;
2824
  font-size: 14px;
2825
  font-weight: 500;
2826
  padding-left: 10px;
2827
}
2828
 
2829
.checky-sec > a {
2830
  float: right;
2831
  color: #000000;
2832
  font-size: 14px;
2833
  font-weight: 500;
2834
}
2835
 
2836
/* ======= Radio Button Styles ======= */
2837
.fgt-sec input[type=radio] {
2838
  display: none;
2839
}
2840
 
2841
.fgt-sec label {
2842
  float: left;
2843
}
2844
 
2845
.fgt-sec input[type=radio] + label span {
2846
  display: inline-block;
2847
  width: 15px;
2848
  height: 15px;
2849
  position: relative;
2850
  border: 1px solid #d2d2d2;
2851
  -webkit-border-radius: 100px;
2852
  -moz-border-radius: 100px;
2853
  -ms-border-radius: 100px;
2854
  -o-border-radius: 100px;
2855
  border-radius: 100px;
2856
}
2857
 
2858
.fgt-sec input[type=radio] + label span:before {
2859
  content: "";
2860
  width: 7px;
2861
  height: 7px;
2862
  -webkit-border-radius: 100px;
2863
  -moz-border-radius: 100px;
2864
  -ms-border-radius: 100px;
2865
  -o-border-radius: 100px;
2866
  border-radius: 100px;
2867
  font-size: 8px;
2868
  color: #ffffff;
2869
  opacity: 0;
2870
  visibility: hidden;
2871
  background-color: #e44d3a;
2872
  position: absolute;
2873
  font-family: fontawesome;
2874
  top: 49%;
2875
  left: 49%;
2876
  -webkit-transform: translateX(-50%) translateY(-50%);
2877
  -moz-transform: translateX(-50%) translateY(-50%);
2878
  -ms-transform: translateX(-50%) translateY(-50%);
2879
  -o-transform: translateX(-50%) translateY(-50%);
2880
  transform: translateX(-50%) translateY(-50%);
2881
}
2882
 
2883
.fgt-sec input[type=radio]:checked + label span:before {
2884
  opacity: 1;
2885
  visibility: visible;
2886
}
2887
 
2888
/* =============== signup-tab ============== */
2889
.signup-tab {
2890
  float: left;
2891
  width: 100%;
2892
  border: 1px solid #e5e5e5;
2893
  text-align: center;
2894
  padding: 15px 0;
2895
  margin-bottom: 20px;
2896
  position: relative;
2897
  margin-top: -30px;
2898
}
2899
 
2900
.signup-tab > i {
2901
  position: absolute;
2902
  top: 15px;
2903
  left: 13px;
2904
  color: #000;
2905
  font-size: 14px;
2906
}
2907
 
2908
.signup-tab h2 {
2909
  color: #000000;
2910
  font-size: 14px;
2911
  font-weight: 500;
2912
  margin-bottom: 15px;
2913
}
2914
 
2915
.signup-tab ul {
2916
  float: left;
2917
  width: 100%;
2918
}
2919
 
2920
.signup-tab ul li {
2921
  display: inline-block;
2922
  margin-right: -4px;
2923
}
2924
 
2925
.signup-tab ul li a {
2926
  color: #000000;
2927
  font-size: 14px;
2928
  font-weight: 500;
2929
  background-color: #e5e5e5;
2930
  padding: 10px 15px;
2931
  -webkit-border-radius: 3px 0px 0px 3px;
2932
  -moz-border-radius: 3px 0px 0px 3px;
2933
  -ms-border-radius: 3px 0px 0px 3px;
2934
  -o-border-radius: 3px 0px 0px 3px;
2935
  border-radius: 3px 0px 0px 3px;
2936
  display: inline-block;
2937
}
2938
 
2939
.signup-tab ul li.current a {
2940
  background-color: #e44d3a;
2941
  color: #fff;
2942
}
2943
 
2944
.signup-tab ul li:last-child a {
2945
  -webkit-border-radius: 0px 3px 3px 0px;
2946
  -moz-border-radius: 0px 3px 3px 0px;
2947
  -ms-border-radius: 0px 3px 3px 0px;
2948
  -o-border-radius: 0px 3px 3px 0px;
2949
  border-radius: 0px 3px 3px 0px;
2950
}
2951
 
2952
/* ============ login-resources ============= */
2953
.login-resources {
2954
  float: left;
2955
  width: 100%;
2956
  text-align: center;
2957
  margin-top: 27px;
2958
}
2959
 
2960
.login-resources h4 {
2961
  color: #000000;
2962
  font-size: 14px;
2963
  font-weight: 600;
2964
  margin-bottom: 30px;
2965
  text-transform: uppercase;
2966
}
2967
 
2968
.login-resources ul {
2969
  float: left;
2970
  width: 100%;
2971
}
2972
 
2973
.login-resources ul li {
2974
  float: left;
2975
  width: 100%;
2976
  margin-bottom: 20px;
2977
}
2978
 
2979
.login-resources ul li a {
2980
  color: #ffffff;
2981
  font-size: 15px;
2982
  font-weight: 500;
2983
  float: left;
2984
  width: 100%;
2985
  padding: 10px 0;
2986
}
2987
 
2988
.login-resources ul li a i {
2989
  margin-right: 15px;
2990
}
2991
 
2992
.fb {
2993
  background-color: #3b5998;
2994
}
2995
 
2996
.tw {
2997
  background-color: #4099ff;
2998
}
2999
 
3000
.tw .fa-twitter {
3001
  color: #fff;
3002
}
3003
 
3004
/* =============== footy-sec ============= */
3005
.footy-sec {
3006
  width: 100%;
3007
  padding: 50px 0 80px;
3008
  float: left;
3009
  position: relative;
3010
}
3011
 
3012
.footy-sec ul {
3013
  float: left;
3014
  margin-top: 5px;
3015
}
3016
 
3017
.footy-sec ul li {
3018
  display: inline-block;
3019
  padding: 0 10px;
3020
  border-right: 1px solid #ffffff;
3021
}
3022
 
3023
.footy-sec ul li:last-child {
3024
  border-right: none;
3025
}
3026
 
3027
.footy-sec ul li a {
3028
  display: inline-block;
3029
  color: #3b5998;
3030
  font-size: 14px;
3031
  font-weight: 500;
3032
}
3033
 
3034
.footy-sec p img {
3035
  padding-right: 5px;
3036
  float: auto;
3037
  position: relative;
3038
  top: 6px;
3039
}
3040
 
3041
.footy-sec p {
3042
  font-size: 14px;
3043
  position: absolute;
3044
  font-weight: 500;
3045
  left: 50%;
3046
  margin-top: 30px;
3047
  transform: translateX(-50%);
3048
}
3049
 
3050
footer {
3051
  background-color: var(--bg-color);
3052
  float: left;
3053
  width: 100%;
3054
}
3055
 
3056
footer a {
3057
  color: var(--font-color);
3058
}
3059
 
3060
footer .footer-row {
3061
  display: grid;
3062
  gap: 5px;
3063
  grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
3064
}
3065
 
3066
.footy-sec.mn ul {
3067
  padding: 30px 0;
3068
}
3069
 
3070
.footy-sec.mn ul li a {
3071
  color: var(--subtitle-color);
3072
}
3073
 
3074
.footy-sec.mn ul li a:hover {
3075
  color: #e44d3a;
3076
}
3077
 
3078
.footy-sec.mn ul li {
3079
  border-color: #b2b2b2;
3080
}
3081
 
3082
.footy-sec.mn p {
3083
  color: #b2b2b2;
3084
  margin-top: 30px;
3085
  transform: translateX(calc(-50% + 6rem));
3086
}
3087
 
3088
.fl-rgt {
3089
  position: absolute;
3090
  left: 50%;
3091
  transform: translateX(-50%);
3092
  margin-top: 30px;
3093
}
3094
 
3095
/* ================== USER PROFILE =================== */
3096
.cover-sec {
3097
  height: 280px;
3098
  background-color: #fff;
3099
  overflow: hidden;
3100
}
3101
 
3102
.cover-sec img {
3103
  width: 100%;
3104
}
3105
 
3106
.cover-sec > a {
3107
  display: inline-block;
3108
  color: #e44d3a;
3109
  font-size: 16px;
3110
  background-color: #fff;
3111
  border: 1px solid #e44d3a;
3112
  position: absolute;
3113
  top: 30px;
3114
  right: 0;
3115
  padding: 10px 15px;
3116
  font-weight: 600;
3117
  margin-right: 15px;
3118
}
3119
 
3120
.cover-sec > a i {
3121
  padding-right: 5px;
3122
}
3123
 
3124
/* ============= user_profile ============= */
3125
.user_profile {
3126
  width: 100%;
3127
  background-color: var(--bg-color);
3128
  padding: 1rem 0.25rem;
3129
  border-radius: var(--border-radius);
3130
  border-top: 1px solid var(--border-primary);
3131
  border-bottom: 1px solid var(--border-primary);
3132
  text-align: center;
3133
  box-shadow: var(--shadow);
3134
}
3135
 
3136
.user-pro-img {
3137
  width: 100%;
3138
  text-align: center;
3139
  margin-bottom: 28px;
3140
  position: relative;
3141
}
3142
 
3143
.user-pro-img .add-dp {
3144
  position: absolute;
3145
  top: 10px;
3146
  left: 60%;
3147
}
3148
 
3149
.add-dp i {
3150
  bottom: 0;
3151
  font-size: 14px;
3152
  box-shadow: none;
3153
  position: relative;
3154
  border-radius: 50px;
3155
  width: 40px;
3156
  height: 40px;
3157
  background: #0961bf;
3158
  padding: 12px;
3159
  color: white;
3160
  left: 0;
3161
  top: -5px;
3162
}
3163
 
3164
.add-dp i:hover {
3165
  font-size: 14px;
3166
  border: 2px solid #fff;
3167
  background: #1dac98;
3168
  padding: 11px;
3169
}
3170
 
3171
.add-dp {
3172
  margin: -16px;
3173
  padding: 0;
3174
}
3175
 
3176
.add-dp input[type=file] {
3177
  opacity: 0;
3178
  padding: 10px 0px 9px;
3179
  display: none;
3180
}
3181
 
3182
.user-pro-img img {
3183
  -webkit-border-radius: 100px;
3184
  -moz-border-radius: 100px;
3185
  -ms-border-radius: 100px;
3186
  -o-border-radius: 100px;
3187
  max-width: 150px;
3188
  border-radius: 100px;
3189
  float: none;
3190
  border: 1px solid var(--font-color);
3191
  background: #fff;
3192
}
3193
 
3194
.user_pro_status {
3195
  width: 100%;
3196
  padding-bottom: 27px;
3197
}
3198
 
3199
.flw-hr {
3200
  float: left;
3201
  width: 100%;
3202
  margin-bottom: 30px;
3203
}
3204
 
3205
.flw-hr li {
3206
  display: inline-block;
3207
  margin-right: 17px;
3208
}
3209
 
3210
.flw-hr li:last-child {
3211
  margin-right: 0;
3212
}
3213
 
3214
.flw-hr li a {
3215
  display: inline-block;
3216
  color: #ffffff;
3217
  font-size: 16px;
3218
  font-weight: 600;
3219
  padding: 11px 15px;
3220
}
3221
 
3222
.flw-hr li a i {
3223
  padding-right: 5px;
3224
}
3225
 
3226
.flww {
3227
  background-color: #53d690;
3228
}
3229
 
3230
.hre {
3231
  background-color: #51a5fb;
3232
}
3233
 
3234
/* =============== flw-status ============ */
3235
.flw-status {
3236
  width: 100%;
3237
}
3238
.flw-status li {
3239
  display: inline-block;
3240
}
3241
.flw-status li span {
3242
  color: var(--font-color);
3243
  font-size: 20px;
3244
  font-weight: 500;
3245
  margin-bottom: 15px;
3246
  display: block;
3247
  height: auto;
3248
}
3249
.flw-status li b {
3250
  color: var(--font-color);
3251
  font-size: 20px;
3252
  font-weight: 600;
3253
}
3254
 
3255
/* ================== social_links ============= */
3256
.social_links {
3257
  width: 100%;
3258
  text-align: left;
3259
}
3260
.social_links li {
3261
  width: 100%;
3262
  padding: 15px 15px;
3263
  border-bottom: 1px solid #e5e5e5;
3264
}
3265
.social_links li a {
3266
  width: 100%;
3267
  color: #51a5fb;
3268
  font-size: 14px;
3269
  font-weight: 400;
3270
  text-overflow: ellipsis;
3271
  white-space: nowrap;
3272
  overflow: hidden;
3273
}
3274
.social_links li a i {
3275
  padding-right: 5px;
3276
  font-size: 20px;
3277
  position: relative;
3278
  top: 3px;
3279
}
3280
 
3281
.modal-md {
3282
  max-width: 55vw;
3283
}
3284
 
3285
@media (min-width: 721px) {
3286
  .group-view-tab {
3287
    margin-left: 3.5rem;
3288
  }
3289
  .group-view-tab span {
3290
    text-overflow: ellipsis;
3291
    white-space: nowrap;
3292
    overflow: hidden;
3293
  }
3294
}
3295
@media (max-width: 720px) {
3296
  .group-view-tab {
3297
    margin-left: 3.5rem;
3298
  }
3299
}
3300
.text-decoration-underline {
3301
  text-decoration: underline !important;
3302
}
3303
 
3304
.ellipsis {
3305
  text-overflow: ellipsis;
3306
  white-space: nowrap;
3307
  overflow: hidden;
3308
}
3309
 
3310
.la-globe {
3311
  color: #51a5fb;
3312
}
3313
 
3314
/* ================= user-tab-sec ============== */
3315
.notifications-grid {
3316
  display: grid;
3317
  grid-template-columns: 1fr;
3318
}
3319
 
3320
@media (min-width: 768px) {
3321
  .notifications-grid {
3322
    display: grid;
3323
    grid-template-columns: 30% 70%;
3324
    padding: 0 5%;
3325
  }
3326
}
3327
.show_filters {
3328
  display: block;
3329
}
3330
 
3331
.hidden_filters {
3332
  display: none !important;
3333
}
3334
 
3335
@media (min-width: 768px) {
3336
  .show_filters {
3337
    display: none;
3338
  }
3339
  .hidden_filters {
3340
    display: block !important;
3341
  }
3342
}
3343
/* ================= user-tab-sec ============== */
3344
.user-tab-sec {
3345
  width: 100%;
3346
  padding-top: 4px;
3347
}
3348
 
3349
.user-tab-sec h3 {
3350
  color: var(--title-color);
3351
  font-size: 24px;
3352
  font-weight: 600;
3353
  text-transform: capitalize;
3354
  margin-bottom: 15px;
3355
}
3356
 
3357
.star-descp {
3358
  float: left;
3359
  width: 100%;
3360
  margin-bottom: 10px;
3361
}
3362
 
3363
.star-descp ul li {
3364
  margin-right: 5px !important;
3365
}
3366
 
3367
.star-descp > a {
3368
  float: left;
3369
  color: #51a5fb;
3370
  font-size: 18px;
3371
  font-weight: 600;
3372
  margin-left: 20px;
3373
  text-decoration: underline;
3374
}
3375
 
3376
.star-descp > a:hover {
3377
  color: #51a5fb;
3378
}
3379
 
3380
.star-descp span {
3381
  float: left;
3382
  color: #686868;
3383
  font-size: 18px;
3384
  font-weight: 600;
3385
  margin-right: 20px;
3386
}
3387
 
3388
.star-descp > ul {
3389
  float: left;
3390
}
3391
 
3392
.star-descp ul li {
3393
  display: inline-block;
3394
}
3395
 
3396
.star-descp ul li i {
3397
  color: #b7ce1f;
3398
  font-size: 16px;
3399
}
3400
 
3401
.tab-feed {
3402
  float: left;
3403
  width: 100%;
3404
  margin-bottom: 45px;
3405
  margin-top: 20px;
3406
}
3407
 
3408
.tab-feed ul {
3409
  float: left;
3410
  width: 100%;
3411
}
3412
 
3413
.tab-feed ul li {
3414
  display: inline-block;
3415
  margin-right: 35px;
3416
  text-align: center;
3417
}
3418
 
3419
.savetext ul {
3420
  border-bottom: none !important;
3421
}
3422
 
3423
.tab-feed.st2 ul li {
3424
  margin-right: 17px;
3425
}
3426
 
3427
.tab-feed ul li:last-child {
3428
  margin-right: 0;
3429
}
3430
 
3431
.tab-feed ul li.active img {
3432
  filter: grayscale(0);
3433
}
3434
 
3435
.tab-feed ul li.active span {
3436
  color: #e44d3a;
3437
}
3438
 
3439
.tab-feed ul li img {
3440
  float: none;
3441
  margin-bottom: 5px;
3442
  filter: grayscale(100%);
3443
}
3444
 
3445
.tab-feed ul li span {
3446
  display: block;
3447
  color: #b2b2b2;
3448
  font-weight: 400;
3449
  font-size: 16px;
3450
}
3451
 
3452
.tab-feed ul li:last-child {
3453
  margin-right: 0;
3454
}
3455
 
3456
/* ================ message-btn ============= */
3457
.message-btn a {
3458
  display: inline-block;
3459
  font-size: 16px;
3460
  padding: 12px;
3461
  font-weight: 500;
3462
}
3463
 
3464
.message-btn a:hover {
3465
  color: #fff;
3466
}
3467
 
3468
.message-btn a i {
3469
  padding-right: 5px;
3470
}
3471
 
3472
/* ============== widget-portfolio ============== */
3473
.wd-heady {
3474
  float: left;
3475
  width: 100%;
3476
  padding: 20px 20px;
3477
  border-bottom: 1px solid #e5e5e5;
3478
}
3479
 
3480
.wd-heady h3 {
3481
  color: #000000;
3482
  font-size: 18px;
3483
  font-weight: 600;
3484
  float: left;
3485
}
3486
 
3487
.wd-heady img {
3488
  float: right;
3489
}
3490
 
3491
.pf-gallery {
3492
  float: left;
3493
  width: 100%;
3494
  padding: 15px 15px;
3495
}
3496
 
3497
.pf-gallery ul {
3498
  float: left;
3499
  width: 100%;
3500
}
3501
 
3502
.pf-gallery ul li {
3503
  float: left;
3504
  width: 33.33%;
3505
  padding: 5px;
3506
  overflow: hidden;
3507
}
3508
 
3509
.pf-gallery ul li:hover {
3510
  -webkit-transform: scale(1.2);
3511
  -moz-transform: scale(1.2);
3512
  -ms-transform: scale(1.2);
3513
  -o-transform: scale(1.2);
3514
  transform: scale(1.2);
3515
}
3516
 
3517
.pf-gallery img {
3518
  width: 100%;
3519
}
3520
 
3521
.product-feed-tab {
3522
  padding-top: 1rem;
3523
  display: flex;
3524
  flex-direction: column;
3525
  gap: 0.5rem;
3526
}
3527
 
3528
.product-feed-tab.current {
3529
  display: block;
3530
}
3531
 
3532
/* =============== user-profile-ov ================ */
3533
.user-profile-ov {
3534
  width: 100%;
3535
  background-color: var(--bg-color);
3536
  padding: 10px 20px 30px;
3537
  box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.12);
3538
  margin-bottom: 20px;
3539
  border-radius: 10px;
3540
}
3541
 
3542
.user-profile-ov h3 {
3543
  color: var(--title-color);
3544
  font-size: 18px;
3545
  font-weight: 600;
3546
  margin-bottom: 20px;
3547
}
3548
 
3549
.user-profile-ov h3 a {
3550
  color: var(--title-color);
3551
}
3552
 
3553
.user-profile-ov i {
3554
  color: var(--title-color);
3555
  font-size: 13px;
3556
  padding-left: 5px;
3557
}
3558
 
3559
.user-profile-ov h4 {
3560
  font-size: 16px;
3561
  color: var(--title-color);
3562
  font-weight: 600;
3563
  margin-bottom: 10px;
3564
}
3565
 
3566
.user-profile-ov p {
3567
  color: var(--font-color);
3568
  font-size: 14px;
3569
  line-height: 24px;
3570
}
3571
 
3572
.user-profile-ov.st2 p {
3573
  margin-bottom: 23px;
3574
}
3575
 
3576
.no-margin {
3577
  margin: 0 !important;
3578
}
3579
 
3580
.user-profile-ov > span {
3581
  color: var(--font-color);
3582
  font-size: 14px;
3583
  float: left;
3584
  width: 100%;
3585
  margin-bottom: 8px;
3586
  margin-top: 3px;
3587
}
3588
 
3589
.user-profile-ov ul li {
3590
  display: inline-block;
3591
  margin-bottom: 10px;
3592
  padding: 0 2px;
3593
}
3594
 
3595
.user-profile-ov ul li a {
3596
  display: inline-block;
3597
  color: var(--bg-color);
3598
  font-size: 14px;
3599
  font-weight: 600;
3600
  background-color: var(--font-color);
3601
  border-radius: 30px;
3602
  padding: 10px 15px;
3603
}
3604
 
3605
/* ==================== portfolio-gallery-sec ==================== */
3606
.portfolio-gallery-sec {
3607
  float: left;
3608
  width: 100%;
3609
  background-color: #fff;
3610
  padding: 30px 20px;
3611
  border-left: 1px solid #e4e4e4;
3612
  border-right: 1px solid #e4e4e4;
3613
  border-bottom: 1px solid #e4e4e4;
3614
}
3615
 
3616
.portfolio-gallery-sec h3 {
3617
  font-weight: 600;
3618
  font-size: 18px;
3619
  margin-bottom: 32px;
3620
  padding-left: 5px;
3621
  float: left;
3622
}
3623
 
3624
.portfolio-btn {
3625
  float: right;
3626
}
3627
 
3628
.portfolio-btn a {
3629
  display: inline-block;
3630
  color: #e44d3a;
3631
  font-size: 16px;
3632
  font-weight: 600;
3633
}
3634
 
3635
.portfolio-btn a i {
3636
  margin-right: 5px;
3637
}
3638
 
3639
.gallery_pf {
3640
  float: left;
3641
  width: 100%;
3642
  margin-bottom: -5px;
3643
}
3644
 
3645
.gallery_pf .col-lg-4 {
3646
  padding: 5px;
3647
}
3648
 
3649
.gallery_pt {
3650
  float: left;
3651
  width: 100%;
3652
  position: relative;
3653
  overflow: hidden;
3654
}
3655
 
3656
.gallery_pt:hover:before {
3657
  opacity: 1;
3658
  visibility: visible;
3659
  height: 100%;
3660
}
3661
 
3662
.gallery_pt:before {
3663
  content: "";
3664
  position: absolute;
3665
  top: 0;
3666
  left: 0;
3667
  width: 100%;
3668
  height: 0;
3669
  background-color: rgba(0, 0, 0, 0.6);
3670
  opacity: 0;
3671
  visibility: hidden;
3672
}
3673
 
3674
.gallery_pt img {
3675
  width: 100%;
3676
  height: 134px;
3677
  object-fit: cover;
3678
}
3679
 
3680
.row {
3681
  margin: 0;
3682
}
3683
 
3684
.gallery_pt > a {
3685
  position: absolute;
3686
  top: 100%;
3687
  left: 0;
3688
  float: left;
3689
  width: 100%;
3690
  text-align: center;
3691
  -webkit-transform: translateY(-50%);
3692
  -moz-transform: translateY(-50%);
3693
  -ms-transform: translateY(-50%);
3694
  -o-transform: translateY(-50%);
3695
  transform: translateY(-50%);
3696
  opacity: 0;
3697
  visibility: hidden;
3698
}
3699
 
3700
.gallery_pt:hover > a {
3701
  opacity: 1;
3702
  visibility: visible;
3703
  top: 50%;
3704
}
3705
 
3706
.gallery_pt > a img {
3707
  float: none;
3708
  width: auto;
3709
  height: auto;
3710
}
3711
 
3712
/* ============== overview-box ============= */
3713
.overview-box {
3714
  width: 570px;
3715
  position: fixed;
3716
  top: 50%;
3717
  left: 50%;
3718
  -webkit-transform: translateX(-50%) translateY(-50%);
3719
  -moz-transform: translateX(-50%) translateY(-50%);
3720
  -ms-transform: translateX(-50%) translateY(-50%);
3721
  -o-transform: translateX(-50%) translateY(-50%);
3722
  transform: translateX(-50%) translateY(-50%);
3723
  opacity: 0;
3724
  visibility: hidden;
3725
  z-index: 0;
3726
}
3727
 
3728
.close-box {
3729
  position: absolute;
3730
  top: -20px;
3731
  right: -20px;
3732
  color: #fff;
3733
  font-size: 14px;
3734
  text-align: center;
3735
  width: 22px;
3736
  height: 22px;
3737
  line-height: 22px;
3738
  border: 1px solid #fff;
3739
  -webkit-border-radius: 100px;
3740
  -moz-border-radius: 100px;
3741
  -ms-border-radius: 100px;
3742
  -o-border-radius: 100px;
3743
  border-radius: 100px;
3744
  font-weight: 600;
3745
}
3746
 
3747
.close-box:hover {
3748
  color: #fff;
3749
}
3750
 
3751
.overview-box.open {
3752
  opacity: 1;
3753
  visibility: visible;
3754
  z-index: 99999;
3755
}
3756
 
3757
.overview-edit {
3758
  float: left;
3759
  width: 100%;
3760
  background-color: #fff;
3761
  padding: 30px 20px;
3762
}
3763
 
3764
.overview-edit h3 {
3765
  color: #000000;
3766
  font-size: 18px;
3767
  font-weight: 600;
3768
  float: left;
3769
  width: 100%;
3770
  margin-bottom: 25px;
3771
}
3772
 
3773
.overview-edit span {
3774
  color: #b2b2b2;
3775
  font-size: 12px;
3776
  float: right;
3777
  margin-bottom: 5px;
3778
}
3779
 
3780
.overview-edit form {
3781
  float: left;
3782
  width: 100%;
3783
}
3784
 
3785
.overview-edit form input {
3786
  height: 40px;
3787
  padding-left: 15px;
3788
  margin-bottom: 20px;
3789
}
3790
 
3791
.overview-edit form textarea,
3792
.overview-edit form input,
3793
.overview-edit form select {
3794
  width: 100%;
3795
  border: 1px solid #e5e5e5;
3796
  resize: none;
3797
  color: #b2b2b2;
3798
  font-size: 14px;
3799
}
3800
 
3801
.overview-edit form select {
3802
  line-height: 40px;
3803
  padding-left: 40px;
3804
  margin-bottom: 20px;
3805
}
3806
 
3807
.overview-edit form textarea {
3808
  height: 160px;
3809
  margin-bottom: 30px;
3810
  padding: 15px;
3811
}
3812
 
3813
.save {
3814
  background-color: #e44d3a;
3815
  color: #fff;
3816
  border-color: transparent;
3817
}
3818
 
3819
.save-add {
3820
  background-color: #fff;
3821
  padding: 13px 13px !important;
3822
}
3823
 
3824
.overview-edit button {
3825
  float: left;
3826
  border: 1px solid #e5e5e5;
3827
  font-weight: 600;
3828
  font-size: 16px;
3829
  padding: 13px 34px;
3830
  margin-right: 20px;
3831
  outline: none;
3832
  cursor: pointer;
3833
}
3834
 
3835
.cancel {
3836
  background-color: #fff;
3837
  color: #000;
3838
}
3839
 
3840
.datepicky {
3841
  float: left;
3842
  width: 100%;
3843
}
3844
 
3845
.no-left-pd {
3846
  padding: 0;
3847
}
3848
 
3849
.no-righ-pd {
3850
  padding-right: 0;
3851
}
3852
 
3853
.datefm {
3854
  width: 100%;
3855
  position: relative;
3856
}
3857
.datefm i {
3858
  position: absolute;
3859
  top: 11px;
3860
  right: 15px;
3861
  font-size: 18px;
3862
  color: #b2b2b2;
3863
}
3864
 
3865
#location-box .datefm i {
3866
  right: auto;
3867
  left: 15px;
3868
}
3869
 
3870
#location-box .datefm input {
3871
  padding-left: 40px;
3872
}
3873
 
3874
#skills-box ul {
3875
  float: left;
3876
  width: 100%;
3877
  margin-bottom: 20px;
3878
}
3879
 
3880
#skills-box ul li {
3881
  display: inline-block;
3882
  margin-right: 10px;
3883
  position: relative;
3884
}
3885
 
3886
.skl-name {
3887
  display: inline-block;
3888
  color: #b2b2b2;
3889
  font-size: 14px;
3890
  font-weight: 500;
3891
  background-color: #e5e5e5;
3892
  -webkit-border-radius: 30px;
3893
  -moz-border-radius: 30px;
3894
  -ms-border-radius: 30px;
3895
  -o-border-radius: 30px;
3896
  border-radius: 30px;
3897
  text-transform: uppercase;
3898
  padding: 10px 30px 10px 12px;
3899
  position: relative;
3900
}
3901
 
3902
.close-skl {
3903
  position: absolute;
3904
  top: 10px;
3905
  right: 10px;
3906
  color: #b2b2b2;
3907
  font-size: 14px;
3908
}
3909
 
3910
.file-submit {
3911
  border: 1px solid #e5e5e5;
3912
  position: relative;
3913
  padding: 0px;
3914
  height: 40px;
3915
  margin-bottom: 20px;
3916
  border-radius: 3px;
3917
}
3918
 
3919
.file-submit [type=file] {
3920
  height: 40px;
3921
  overflow: hidden;
3922
  width: 100%;
3923
  float: left;
3924
  position: absolute;
3925
  padding: 10px 4px 0px 12px;
3926
  font-size: 14px;
3927
  opacity: 0;
3928
  display: none;
3929
}
3930
 
3931
.file-submit [type=file] + label {
3932
  background: #e44d3a;
3933
  border: none;
3934
  float: left;
3935
  border-top-right-radius: 0px;
3936
  border-bottom-right-radius: 0px;
3937
  border-top-left-radius: 3px;
3938
  border-bottom-left-radius: 3px;
3939
  color: #fff;
3940
  cursor: pointer;
3941
  /* display: inline-block; */
3942
  font-size: 14px;
3943
  font-weight: 500;
3944
  outline: none;
3945
  padding: 12px 15px;
3946
  position: relative;
3947
  transition: all 0.3s;
3948
  vertical-align: middle;
3949
  margin: 0;
3950
}
3951
 
3952
.file-submit.nomg {
3953
  border: 0;
3954
  margin-bottom: 20px;
3955
}
3956
 
3957
.file-submit.nomg input {
3958
  margin-bottom: 0;
3959
  padding-top: 0;
3960
}
3961
 
3962
.daty {
3963
  float: left;
3964
  width: 100%;
3965
  position: relative;
3966
}
3967
 
3968
.daty > i {
3969
  position: absolute;
3970
  top: 10px;
3971
  right: 15px;
3972
  color: #b2b2b2;
3973
  font-size: 20px;
3974
}
3975
 
3976
a:hover {
3977
  color: initial;
3978
}
3979
 
3980
.pf-img {
3981
  float: left;
3982
  width: 100%;
3983
  background-color: #f2f2f2;
3984
  padding: 15px;
3985
  margin-bottom: 20px;
3986
}
3987
 
3988
/* ================= billing-method ============== */
3989
.billing-method {
3990
  float: left;
3991
  width: 100%;
3992
  background-color: #fff;
3993
  border-left: 1px solid #e4e4e4;
3994
  border-right: 1px solid #e4e4e4;
3995
  border-bottom: 1px solid #e4e4e4;
3996
  margin-bottom: 20px;
3997
}
3998
 
3999
.billing-method ul {
4000
  float: left;
4001
  width: 100%;
4002
}
4003
 
4004
.billing-method ul li {
4005
  float: left;
4006
  width: 100%;
4007
  border-bottom: 1px solid #e5e5e5;
4008
  padding: 25px 20px;
4009
}
4010
 
4011
.billing-method ul li h3 {
4012
  color: #000000;
4013
  font-size: 18px;
4014
  font-weight: 600;
4015
  float: left;
4016
}
4017
 
4018
.billing-method ul li a,
4019
.billing-method ul li span {
4020
  float: right;
4021
  color: #000000;
4022
  font-size: 13px;
4023
  text-transform: capitalize;
4024
  font-weight: 600;
4025
  margin-top: 3px;
4026
}
4027
 
4028
.billing-method ul li i {
4029
  font-size: 13px;
4030
  color: #e44d3a;
4031
}
4032
 
4033
.lt-sec {
4034
  float: left;
4035
  width: 100%;
4036
  text-align: center;
4037
  padding: 30px 0;
4038
}
4039
 
4040
.lt-sec img {
4041
  float: none;
4042
  margin-bottom: 15px;
4043
}
4044
 
4045
.lt-sec h4 {
4046
  color: #686868;
4047
  font-size: 18px;
4048
  font-weight: 600;
4049
  margin-bottom: 25px;
4050
}
4051
 
4052
.lt-sec > a {
4053
  display: inline-block;
4054
  color: #ffffff;
4055
  font-size: 16px;
4056
  background-color: #e44d3a;
4057
  padding: 10px 25px;
4058
}
4059
 
4060
/* ============== add-billing-method ============== */
4061
.add-billing-method {
4062
  float: left;
4063
  width: 100%;
4064
  background-color: #fff;
4065
  border-left: 1px solid #e4e4e4;
4066
  border-right: 1px solid #e4e4e4;
4067
  border-bottom: 1px solid #e4e4e4;
4068
}
4069
 
4070
.add-billing-method h3 {
4071
  color: #000000;
4072
  font-size: 18px;
4073
  font-weight: 600;
4074
  padding: 20px 20px;
4075
  border-bottom: 1px solid #e5e5e5;
4076
}
4077
 
4078
.add-billing-method > h4 {
4079
  color: #686868;
4080
  font-size: 13px;
4081
  font-weight: 500;
4082
  padding: 20px 20px;
4083
  border-bottom: 1px solid #e5e5e5;
4084
  float: left;
4085
  width: 100%;
4086
}
4087
 
4088
.add-billing-method img {
4089
  margin-right: 10px;
4090
}
4091
 
4092
.add-billing-method span {
4093
  margin-top: 4px;
4094
  float: left;
4095
}
4096
 
4097
/* ============= payment_methods ============ */
4098
.payment_methods {
4099
  float: left;
4100
  width: 100%;
4101
}
4102
 
4103
.payment_methods > h4 {
4104
  color: #000000;
4105
  font-size: 16px;
4106
  font-weight: 600;
4107
  position: relative;
4108
  padding: 25px 20px 25px 45px;
4109
  float: left;
4110
  width: 100%;
4111
}
4112
 
4113
.rowwy {
4114
  float: left;
4115
  width: 100%;
4116
}
4117
 
4118
.pd-left-none {
4119
  padding-left: 0;
4120
}
4121
 
4122
.pd-right-none {
4123
  padding-right: 0;
4124
}
4125
 
4126
.payment_methods h4:before {
4127
  content: "";
4128
  position: absolute;
4129
  top: 50%;
4130
  -webkit-transform: translateY(-50%);
4131
  -moz-transform: translateY(-50%);
4132
  -ms-transform: translateY(-50%);
4133
  -o-transform: translateY(-50%);
4134
  transform: translateY(-50%);
4135
  left: 20px;
4136
  width: 15px;
4137
  height: 15px;
4138
  border: 1px solid #e6e6e6;
4139
  -webkit-border-radius: 100px;
4140
  -moz-border-radius: 100px;
4141
  -ms-border-radius: 100px;
4142
  -o-border-radius: 100px;
4143
  border-radius: 100px;
4144
}
4145
 
4146
.payment_methods h4:after {
4147
  content: "";
4148
  position: absolute;
4149
  top: 50%;
4150
  -webkit-transform: translateY(-50%);
4151
  -moz-transform: translateY(-50%);
4152
  -ms-transform: translateY(-50%);
4153
  -o-transform: translateY(-50%);
4154
  transform: translateY(-50%);
4155
  left: 24px;
4156
  width: 7px;
4157
  height: 7px;
4158
  background-color: #e44d3a;
4159
  -webkit-border-radius: 100px;
4160
  -moz-border-radius: 100px;
4161
  -ms-border-radius: 100px;
4162
  -o-border-radius: 100px;
4163
  border-radius: 100px;
4164
}
4165
 
4166
.payment_methods form {
4167
  float: left;
4168
  width: 100%;
4169
  padding-bottom: 30px;
4170
  border-bottom: 1px solid #e5e5e5;
4171
}
4172
 
4173
.payment_methods form button {
4174
  color: #ffffff;
4175
  font-size: 16px;
4176
  background-color: #e44d3a;
4177
  padding: 10px 15px;
4178
  border: 0;
4179
  cursor: pointer;
4180
}
4181
 
4182
.payment_methods form input {
4183
  width: 100%;
4184
  height: 40px;
4185
  border: 1px solid #e5e5e5;
4186
  padding: 0 12px;
4187
}
4188
 
4189
.cc-head {
4190
  float: left;
4191
  width: 100%;
4192
  margin-bottom: 10px;
4193
}
4194
 
4195
.cc-head h5 {
4196
  float: left;
4197
  color: #000000;
4198
  font-size: 16px;
4199
  font-weight: 600;
4200
  margin-top: 4px;
4201
}
4202
 
4203
.cc-head h5 i {
4204
  color: #b2b2b2;
4205
  font-size: 14px;
4206
}
4207
 
4208
.cc-head ul {
4209
  float: right;
4210
}
4211
 
4212
.cc-head ul li {
4213
  display: inline-block;
4214
}
4215
 
4216
.inpt-field {
4217
  float: left;
4218
  width: 100%;
4219
  position: relative;
4220
  margin-bottom: 20px;
4221
}
4222
 
4223
.no-pdd {
4224
  padding: 0;
4225
}
4226
 
4227
.inpt-field.pd-moree input {
4228
  padding-left: 40px !important;
4229
}
4230
 
4231
.inpt-field i {
4232
  color: #b2b2b2;
4233
  font-size: 18px;
4234
  position: absolute;
4235
  top: 50%;
4236
  left: 15px;
4237
  -webkit-transform: translateY(-50%);
4238
  -moz-transform: translateY(-50%);
4239
  -ms-transform: translateY(-50%);
4240
  -o-transform: translateY(-50%);
4241
  transform: translateY(-50%);
4242
}
4243
 
4244
/* ============== companies-info ============== */
4245
.companies-info {
4246
  padding: 60px 0;
4247
}
4248
 
4249
.company-title {
4250
  width: 100%;
4251
  margin-bottom: 20px;
4252
}
4253
 
4254
.default-link {
4255
  color: #0860bf;
4256
}
4257
 
4258
.default-link:hover {
4259
  font-weight: bold;
4260
  color: #0860bf;
4261
  transition: all 0.5s;
4262
}
4263
 
4264
.company-title h3 {
4265
  color: #000000;
4266
  font-size: 20px;
4267
  font-weight: 600;
4268
  background-color: #fff;
4269
  padding: 10px 15px;
4270
}
4271
 
4272
.companies-list {
4273
  width: 100%;
4274
  display: grid;
4275
  gap: 20px;
4276
  grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
4277
  position: relative;
4278
}
4279
 
4280
.companies-list .slick-list {
4281
  max-height: 47vh;
4282
}
4283
 
4284
.slick-prev:before,
4285
.slick-next:before {
4286
  color: #000 !important;
4287
}
4288
 
4289
.company_profile_info {
4290
  /* float: left; */
4291
  width: 100%;
4292
  background-color: #fff;
4293
  text-align: center;
4294
  border-left: 1px solid #e4e4e4;
4295
  border-right: 1px solid #e4e4e4;
4296
  border-bottom: 1px solid #e4e4e4;
4297
  margin-bottom: 30px;
4298
}
4299
 
4300
.marketplace_card {
4301
  width: 100%;
4302
  background-color: var(--bg-color);
4303
  text-align: center;
4304
  max-width: 215px !important;
4305
}
4306
 
4307
.company-up-info {
4308
  /* float: left; */
4309
  width: 100%;
4310
  padding: 20px 0;
4311
  border-bottom: 1px solid #e5e5e5;
4312
}
4313
 
4314
.company-up-info .description {
4315
  margin-bottom: 10px;
4316
}
4317
 
4318
.company-up-info img {
4319
  float: none;
4320
  margin-bottom: 10px;
4321
  -webkit-border-radius: 100px;
4322
  -moz-border-radius: 100px;
4323
  -ms-border-radius: 100px;
4324
  -o-border-radius: 100px;
4325
  border-radius: 100px;
4326
  height: 90px;
4327
  object-fit: cover;
4328
}
4329
 
4330
.company-up-info h3 {
4331
  color: #000000;
4332
  font-size: 18px;
4333
  font-weight: 600;
4334
  margin-bottom: 10px;
4335
}
4336
 
4337
.company-up-info h4 {
4338
  color: #686868;
4339
  font-size: 14px;
4340
  font-weight: 500;
4341
  margin-bottom: 21px;
4342
}
4343
 
4344
.company-up-info h6 {
4345
  color: #686868;
4346
  font-size: 15px;
4347
  font-weight: 500;
4348
  margin-bottom: 10px;
4349
}
4350
 
4351
.company-up-info ul {
4352
  /* float: left; */
4353
  width: 100%;
4354
}
4355
 
4356
.company-up-info ul li {
4357
  display: inline-block;
4358
  margin-right: 6px;
4359
}
4360
 
4361
.company-up-info ul li a i {
4362
  font-size: 24px;
4363
  position: relative;
4364
  top: 3px;
4365
}
4366
 
4367
.modal-content {
4368
  background-color: var(--bg-color) !important;
4369
  color: var(--font-color) !important;
4370
}
4371
 
4372
.follow {
4373
  background-color: #53d690;
4374
}
4375
 
4376
.message-us {
4377
  background-color: #e44d3a;
4378
}
4379
 
4380
.hire-us {
4381
  background-color: #51a5fb;
4382
}
4383
 
4384
.company_profile_info .cancelButton {
4385
  display: inline-block;
4386
  color: #000000;
4387
  font-size: 16px;
4388
  font-weight: 500;
4389
  margin: 18px 0;
4390
}
4391
 
4392
/* ============= search-sec ============= */
4393
.list-col {
4394
  display: flex;
4395
  gap: 20px;
4396
  flex-direction: column;
4397
}
4398
 
4399
.search-sec {
4400
  float: left;
4401
  width: 100%;
4402
  margin: 30px 0 0 0;
4403
}
4404
 
4405
.search-box {
4406
  width: 100%;
4407
  padding: 2.1%;
4408
  position: relative;
4409
}
4410
 
4411
.search-box input,
4412
.search-box input:focus {
4413
  background: var(--bg-color);
4414
  color: var(--font-color);
4415
}
4416
 
4417
.search-box > .form-group::before {
4418
  width: 100px;
4419
  content: "Buscar";
4420
  right: 2.1%;
4421
  place-items: center;
4422
  display: grid;
4423
  height: calc(1.5em + 0.75rem + 2px);
4424
  background: var(--bg-color);
4425
  position: absolute;
4426
  border: 1px solid var(--border-primary);
4427
  cursor: pointer;
4428
  color: var(--subtitle-color);
4429
  font-weight: 600;
4430
  border-start-end-radius: 0.25rem;
4431
  border-bottom-right-radius: 0.25rem;
4432
}
4433
 
4434
.search-box form {
4435
  width: 100%;
4436
  position: relative;
4437
}
4438
 
4439
.search-box form input {
4440
  width: 100%;
4441
  height: 40px;
4442
  padding: 0 15px;
4443
  background: var(--background-light-gray);
4444
  color: var(--gray);
4445
  font-size: 14px;
4446
  border: solid 1px var(--border-primary);
4447
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
4448
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
4449
  -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
4450
  -o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
4451
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
4452
}
4453
 
4454
.search-box form button {
4455
  position: absolute;
4456
  top: 0;
4457
  right: 0;
4458
  border: solid 1px var(--border-primary);
4459
  color: var(--gray);
4460
  font-size: 16px;
4461
  font-weight: 500;
4462
  height: 100%;
4463
  padding: 0 28px;
4464
  cursor: pointer;
4465
  -webkit-border-radius: 0 4px 4px 0;
4466
  -moz-border-radius: 0 4px 4px 0;
4467
  -ms-border-radius: 0 4px 4px 0;
4468
  -o-border-radius: 0 4px 4px 0;
4469
  border-radius: 0 4px 4px 0;
4470
}
4471
 
4472
/* =============== filter-secs ============== */
4473
.filter-secs {
4474
  float: left;
4475
  width: 100%;
4476
  /* background-color: #fff; */
4477
  box-shadow: 0px 2px #e4e4e4;
4478
  border: 1px solid #e5e5e5;
4479
}
4480
 
4481
.filter-heading {
4482
  float: left;
4483
  width: 100%;
4484
  padding: 15px 20px;
4485
  border-bottom: 1px solid #e5e5e5;
4486
  margin-bottom: 15px;
4487
}
4488
 
4489
.filter-heading h3 {
4490
  float: left;
4491
  color: #e44d3a;
4492
  font-size: 18px;
4493
  font-weight: 600;
4494
}
4495
 
4496
.filter-heading a {
4497
  float: right;
4498
  color: #686868;
4499
  font-size: 14px;
4500
  margin-top: 4px;
4501
}
4502
 
4503
.filter-ttl {
4504
  float: left;
4505
  width: 100%;
4506
  border-bottom: 1px solid #e5e5e5;
4507
  padding: 0 0 16px 0;
4508
  margin-bottom: 10px;
4509
}
4510
 
4511
.filter--tt2 {
4512
  margin-bottom: 0px !important;
4513
}
4514
 
4515
.top--1 {
4516
  margin-top: 20px;
4517
}
4518
 
4519
.filter--tt2 .dropdown .dropdown-menu a {
4520
  float: none;
4521
  color: #666666 !important;
4522
  margin-bottom: 12px !important;
4523
}
4524
 
4525
.filter--tt2 .dropdown .dropdown-menu a:hover {
4526
  color: #e44d3a !important;
4527
  background: none !important;
4528
}
4529
 
4530
.filter--tt2 .dropdown .dropdown-menu a:focus {
4531
  color: #e44d3a !important;
4532
  background: none !important;
4533
}
4534
 
4535
.filter--tt2 a {
4536
  float: left !important;
4537
  padding: 0 0 0 15px !important;
4538
  font-size: 16px !important;
4539
  color: #000000 !important;
4540
  font-weight: 500 !important;
4541
}
4542
 
4543
.filter-ttl h3 {
4544
  float: left;
4545
  padding: 0;
4546
  font-size: 16px;
4547
  color: #000000;
4548
  font-weight: 400;
4549
}
4550
 
4551
.filter-ttl a {
4552
  float: right;
4553
  font-size: 14px;
4554
  color: #666666;
4555
}
4556
 
4557
.filter-ttl .dropdown a {
4558
  float: none;
4559
  color: #666666;
4560
}
4561
 
4562
.filter-dd {
4563
  float: left;
4564
  width: 100%;
4565
  margin-bottom: 15px;
4566
}
4567
 
4568
.filter-dd form {
4569
  float: left;
4570
  width: 100%;
4571
  position: relative;
4572
}
4573
 
4574
.filter-dd form input,
4575
.filter-dd form select {
4576
  width: 100%;
4577
  height: 30px;
4578
  background-color: #f2f2f2;
4579
  padding: 0 10px;
4580
  color: #b2b2b2;
4581
  font-size: 12px;
4582
  font-weight: 600;
4583
  border: 0;
4584
  border: 1px solid #e5e5e5;
4585
}
4586
 
4587
.job-tp i {
4588
  color: #666666;
4589
  position: absolute;
4590
  top: 9px;
4591
  right: 15px;
4592
  font-size: 14px;
4593
}
4594
 
4595
.avail-checks {
4596
  float: left;
4597
  width: 100%;
4598
  margin-top: 7px;
4599
}
4600
 
4601
.avail-checks li {
4602
  float: left;
4603
  width: 100%;
4604
  margin-bottom: 10px;
4605
}
4606
 
4607
.avail-checks li:last-child {
4608
  margin-bottom: 0;
4609
}
4610
 
4611
.avail-checks li input[type=radio] {
4612
  display: none;
4613
}
4614
 
4615
.avail-checks li label {
4616
  float: left;
4617
}
4618
 
4619
.avail-checks li input[type=radio] + label span {
4620
  display: inline-block;
4621
  width: 15px;
4622
  height: 15px;
4623
  position: relative;
4624
  margin-top: 3px;
4625
  border: 1px solid #d2d2d2;
4626
  -webkit-border-radius: 100px;
4627
  -moz-border-radius: 100px;
4628
  -ms-border-radius: 100px;
4629
  -o-border-radius: 100px;
4630
  border-radius: 100px;
4631
}
4632
 
4633
.avail-checks li input[type=radio] + label span:before {
4634
  content: "";
4635
  opacity: 0;
4636
  visibility: hidden;
4637
  position: absolute;
4638
  width: 7px;
4639
  height: 7px;
4640
  -webkit-border-radius: 100px;
4641
  -moz-border-radius: 100px;
4642
  -ms-border-radius: 100px;
4643
  -o-border-radius: 100px;
4644
  border-radius: 100px;
4645
  background-color: #e44d3a;
4646
  top: 3px;
4647
  left: 3px;
4648
}
4649
 
4650
.avail-checks li input[type=radio]:checked + label span:before {
4651
  opacity: 1;
4652
  visibility: visible;
4653
}
4654
 
4655
.avail-checks li small {
4656
  color: #909090;
4657
  font-size: 14px;
4658
  padding-left: 10px;
4659
  font-weight: 500;
4660
}
4661
 
4662
/* =========== Range Slider ========== */
4663
.rg-slider {
4664
  float: left;
4665
  width: 100%;
4666
}
4667
 
4668
.slider-container {
4669
  width: 100% !important;
4670
  padding-top: 50px;
4671
  position: relative;
4672
}
4673
 
4674
.theme-green .back-bar {
4675
  height: 5px;
4676
  border: 1px solid #e5e5e5;
4677
  -webkit-border-radius: 30px;
4678
  -moz-border-radius: 30px;
4679
  -ms-border-radius: 30px;
4680
  -o-border-radius: 30px;
4681
  border-radius: 30px;
4682
}
4683
 
4684
.theme-green .back-bar .pointer {
4685
  width: 17px;
4686
  height: 17px;
4687
  -webkit-border-radius: 100px;
4688
  -moz-border-radius: 100px;
4689
  -ms-border-radius: 100px;
4690
  -o-border-radius: 100px;
4691
  border-radius: 100px;
4692
  background-color: #e44d3a;
4693
  border: 2px solid #e3e3e3;
4694
  -webkit-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.43);
4695
  -moz-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.43);
4696
  -ms-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.43);
4697
  -o-box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.43);
4698
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.43);
4699
}
4700
 
4701
.theme-green .back-bar .pointer {
4702
  top: -7px;
4703
}
4704
 
4705
.slider-container .back-bar .pointer-label {
4706
  top: -50px;
4707
  height: 26px;
4708
  background-color: #e5e5e5;
4709
  -webkit-border-radius: 30px;
4710
  -moz-border-radius: 30px;
4711
  -ms-border-radius: 30px;
4712
  -o-border-radius: 30px;
4713
  border-radius: 30px;
4714
  line-height: 26px;
4715
  width: 50px;
4716
}
4717
 
4718
.pointer-label.low {
4719
  left: 0 !important;
4720
}
4721
 
4722
.pointer-label.high {
4723
  left: 70px !important;
4724
}
4725
 
4726
.pointer-label.low:before {
4727
  content: "";
4728
  position: absolute;
4729
  top: 13px;
4730
  right: -14px;
4731
  width: 8px;
4732
  height: 1px;
4733
  background-color: #e5e5e5;
4734
}
4735
 
4736
.rg-limit {
4737
  float: left;
4738
  width: 100%;
4739
  margin-top: 16px;
4740
}
4741
 
4742
.rg-limit h4 {
4743
  color: #686868;
4744
  font-size: 15px;
4745
  font-weight: 600;
4746
  float: left;
4747
}
4748
 
4749
.rg-limit h4:last-child {
4750
  float: right;
4751
}
4752
 
4753
/* ============== chatbox-list ============== */
4754
.chatbox-list {
4755
  position: fixed;
4756
  bottom: 0;
4757
  right: 0;
4758
}
4759
 
4760
.ext_share {
4761
  display: flex;
4762
  position: absolute;
4763
  align-items: center;
4764
  padding: 5px 1rem;
4765
  bottom: calc(100% + 0.5rem);
4766
  gap: 0.5rem;
4767
  left: 50%;
4768
  width: 16.5rem;
4769
  flex-wrap: wrap;
4770
  overflow-x: scroll;
4771
  transform: translateX(-43%);
4772
  border-radius: 20px;
4773
  background-color: #fff;
4774
  box-shadow: 0px 4px 4px -2px rgba(0, 0, 0, 0.12), 0px -4px 4px -2px rgba(0, 0, 0, 0.12);
4775
}
4776
 
4777
.ext_share.post {
4778
  transform: none;
4779
  left: inherit;
4780
  bottom: inherit;
4781
  top: 1.5rem;
4782
  right: 1.5rem;
4783
}
4784
 
4785
.highlighted {
4786
  backdrop-filter: blur(35px);
4787
  animation: droping 1s ease infinite;
4788
}
4789
 
4790
@keyframes droping {
4791
  0% {
4792
    box-shadow: 0 0 5px #96bde9;
4793
  }
4794
  50% {
4795
    box-shadow: 0 0 12px #96bde9;
4796
  }
4797
  100% {
4798
    box-shadow: 0 0 5px #96bde9;
4799
  }
4800
}
4801
.chatbox {
4802
  display: inline-block;
4803
  position: relative;
4804
  z-index: 10;
4805
}
4806
 
4807
.chat-mg {
4808
  display: inline-block;
4809
  position: relative;
4810
}
4811
 
4812
.chat-mg img {
4813
  width: 70px;
4814
  height: 70px;
4815
  -webkit-border-radius: 100px;
4816
  -moz-border-radius: 100px;
4817
  -ms-border-radius: 100px;
4818
  -o-border-radius: 100px;
4819
  border-radius: 100px;
4820
}
4821
 
4822
.chat-mg span {
4823
  position: absolute;
4824
  top: -5px;
4825
  right: 10px;
4826
  width: 20px;
4827
  height: 20px;
4828
  background-color: #e44d3a;
4829
  text-align: center;
4830
  font-size: 12px;
4831
  color: #fff;
4832
  line-height: 20px;
4833
  -webkit-border-radius: 100px;
4834
  -moz-border-radius: 100px;
4835
  -ms-border-radius: 100px;
4836
  -o-border-radius: 100px;
4837
  border-radius: 100px;
4838
}
4839
 
4840
.chat-mg.bx img {
4841
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
4842
  -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
4843
  -ms-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
4844
  -o-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
4845
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
4846
}
4847
 
4848
.conversation-box {
4849
  position: absolute;
4850
  bottom: 132%;
4851
  right: 100%;
4852
  width: 350px;
4853
  background-color: #fff;
4854
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);
4855
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);
4856
  -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);
4857
  -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);
4858
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.17);
4859
  opacity: 0;
4860
  visibility: hidden;
4861
  z-index: 0;
4862
}
4863
 
4864
.conversation-box.active {
4865
  opacity: 1;
4866
  visibility: visible;
4867
  z-index: 9999;
4868
}
4869
 
4870
.conversation-box:before {
4871
  content: "";
4872
  position: absolute;
4873
  bottom: -7px;
4874
  right: 26px;
4875
  border-top: 15px solid #fff;
4876
  border-right: 15px solid transparent;
4877
  -webkit-transform: rotate(225deg);
4878
  -moz-transform: rotate(225deg);
4879
  -ms-transform: rotate(225deg);
4880
  -o-transform: rotate(225deg);
4881
  transform: rotate(225deg);
4882
}
4883
 
4884
.con-title {
4885
  float: left;
4886
  width: 100%;
4887
  background-color: #e44d3a;
4888
  padding: 15px 25px;
4889
  -webkit-border-radius: 10px 10px 0 0;
4890
  -moz-border-radius: 10px 10px 0 0;
4891
  -ms-border-radius: 10px 10px 0 0;
4892
  -o-border-radius: 10px 10px 0 0;
4893
  border-radius: 10px 10px 0 0;
4894
}
4895
 
4896
.con-title h3 {
4897
  float: left;
4898
  color: #ffffff;
4899
  font-size: 16px;
4900
  font-weight: 600;
4901
}
4902
 
4903
.con-title > a {
4904
  float: right;
4905
  color: #fff;
4906
  font-size: 20px;
4907
}
4908
 
4909
.chat-list {
4910
  float: left;
4911
  width: 100%;
4912
  min-height: 390px;
4913
}
4914
 
4915
.conv-list {
4916
  float: left;
4917
  width: 100%;
4918
  display: table;
4919
  padding: 20px 25px;
4920
  position: relative;
4921
}
4922
 
4923
.conv-list:hover,
4924
.conv-list.active {
4925
  background-color: #efefef;
4926
}
4927
 
4928
.msg-numbers {
4929
  position: absolute;
4930
  bottom: 18px;
4931
  right: 25px;
4932
  width: 25px;
4933
  height: 25px;
4934
  background-color: #e77667;
4935
  text-align: center;
4936
  line-height: 25px;
4937
  color: #fff;
4938
  font-size: 13px;
4939
  -webkit-border-radius: 100px;
4940
  -moz-border-radius: 100px;
4941
  -ms-border-radius: 100px;
4942
  -o-border-radius: 100px;
4943
  border-radius: 100px;
4944
}
4945
 
4946
.usrr-pic {
4947
  display: table-cell;
4948
  position: relative;
4949
}
4950
 
4951
.active-status {
4952
  width: 9px;
4953
  height: 9px;
4954
  border: 2px solid #ecf5fb;
4955
  -webkit-border-radius: 100px;
4956
  -moz-border-radius: 100px;
4957
  -ms-border-radius: 100px;
4958
  -o-border-radius: 100px;
4959
  border-radius: 100px;
4960
  position: absolute;
4961
  top: -3px;
4962
  right: 0;
4963
}
4964
 
4965
.activee {
4966
  background-color: #e44d3a;
4967
}
4968
 
4969
.usy-info {
4970
  display: table-cell;
4971
  vertical-align: top;
4972
  width: 100%;
4973
  padding-left: 15px;
4974
}
4975
 
4976
.usy-info h3 {
4977
  color: #000000;
4978
  font-size: 18px;
4979
  font-weight: 600;
4980
  margin-bottom: 5px;
4981
}
4982
 
4983
.usy-info span {
4984
  color: #686868;
4985
  font-size: 16px;
4986
  float: left;
4987
}
4988
 
4989
.usy-info span img {
4990
  padding-left: 5px;
4991
  float: right;
4992
}
4993
 
4994
.ct-time {
4995
  position: absolute;
4996
  top: 20px;
4997
  right: 25px;
4998
}
4999
 
5000
.ct-time span {
5001
  color: #b2b2b2;
5002
  font-size: 14px;
5003
}
5004
 
5005
.st-icons {
5006
  float: right;
5007
  margin-top: 7px;
5008
}
5009
 
5010
.st-icons a {
5011
  color: #fff;
5012
  font-size: 20px;
5013
  margin-right: 5px;
5014
}
5015
 
5016
.chat-hist {
5017
  float: left;
5018
  width: 100%;
5019
  background-color: #fff;
5020
  height: 280px;
5021
}
5022
 
5023
.chat-msg {
5024
  float: left;
5025
  width: 100%;
5026
  padding-right: 25px;
5027
  margin-bottom: 15px;
5028
}
5029
 
5030
.chat-msg p {
5031
  color: #ffffff;
5032
  font-size: 14px;
5033
  background-color: #e44d3a;
5034
  line-height: 18px;
5035
  -webkit-border-radius: 15px;
5036
  -moz-border-radius: 15px;
5037
  -ms-border-radius: 15px;
5038
  -o-border-radius: 15px;
5039
  border-radius: 15px;
5040
  padding: 10px 15px;
5041
  width: 80%;
5042
  float: right;
5043
  margin-bottom: 10px;
5044
}
5045
 
5046
.mg-3 {
5047
  margin-bottom: 3px;
5048
}
5049
 
5050
.chat-msg span {
5051
  float: right;
5052
  color: #b1b1b1;
5053
  width: 100%;
5054
  font-size: 9px;
5055
  text-align: right;
5056
}
5057
 
5058
.status-info {
5059
  width: 8px;
5060
  height: 8px;
5061
  background-color: #fff;
5062
  -webkit-border-radius: 100px;
5063
  -moz-border-radius: 100px;
5064
  -ms-border-radius: 100px;
5065
  -o-border-radius: 100px;
5066
  border-radius: 100px;
5067
  display: inline-block;
5068
  margin-left: 7px;
5069
}
5070
 
5071
.chat-user-info h3 {
5072
  margin-top: 7px;
5073
  margin-left: 10px;
5074
}
5075
 
5076
.date-nd {
5077
  float: left;
5078
  width: 100%;
5079
  text-align: center;
5080
  margin-bottom: 20px;
5081
  position: relative;
5082
}
5083
 
5084
.date-nd:before,
5085
.date-nd:after {
5086
  content: "";
5087
  position: absolute;
5088
  top: 10px;
5089
  left: 15px;
5090
  width: 92px;
5091
  height: 1px;
5092
  background-color: #e5e5e5;
5093
}
5094
 
5095
.date-nd:after {
5096
  left: auto;
5097
  right: 15px;
5098
}
5099
 
5100
.date-nd span {
5101
  color: #b1b1b1;
5102
  font-size: 12px;
5103
  text-align: center;
5104
}
5105
 
5106
.chat-msg.st2 p {
5107
  background-color: #efefef;
5108
  color: #686868;
5109
  float: left;
5110
  width: 55%;
5111
}
5112
 
5113
.chat-msg.st2 {
5114
  padding-left: 25px;
5115
}
5116
 
5117
.chat-msg.st2 span {
5118
  float: left;
5119
  text-align: left;
5120
}
5121
 
5122
/* =========== typing-msg =========== */
5123
.typing-msg {
5124
  float: left;
5125
  width: 100%;
5126
  border-top: 1px solid #e6e6e6;
5127
  padding-top: 15px;
5128
}
5129
 
5130
.typing-msg form {
5131
  float: left;
5132
  width: 100%;
5133
  position: relative;
5134
}
5135
 
5136
.typing-msg form textarea {
5137
  width: 100%;
5138
  height: 30px;
5139
  background-color: #fff;
5140
  padding: 0 20px;
5141
  color: #b2b2b2;
5142
  font-size: 16px;
5143
  border: 0;
5144
  resize: none;
5145
}
5146
 
5147
.typing-msg form button {
5148
  color: #e44d3a;
5149
  font-size: 18px;
5150
  font-weight: 600;
5151
  position: absolute;
5152
  top: 2px;
5153
  right: 20px;
5154
  background: none;
5155
  border: 0;
5156
  cursor: pointer;
5157
}
5158
 
5159
.ft-options {
5160
  float: left;
5161
  width: 100%;
5162
  padding: 0 20px 8px 20px;
5163
}
5164
 
5165
.ft-options li {
5166
  display: inline-block;
5167
  margin-right: 15px;
5168
}
5169
 
5170
.ft-options li a {
5171
  color: #b2b2b2;
5172
  font-size: 24px;
5173
  display: inline-block;
5174
}
5175
 
5176
.mCSB_scrollTools {
5177
  right: -5px;
5178
}
5179
 
5180
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
5181
  background-color: #cccccc;
5182
  width: 5px;
5183
}
5184
 
5185
.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
5186
  opacity: 0;
5187
}
5188
 
5189
/* ============ Menu Btn =============*/
5190
.menu-btn {
5191
  float: right;
5192
  display: none;
5193
}
5194
 
5195
.menu-btn a {
5196
  font-size: 24px;
5197
  color: #fff;
5198
  display: inline-block;
5199
  padding-top: 16px;
5200
  padding-left: 20px;
5201
}
5202
 
5203
/* ============= account-tabs-setting ============ */
5204
/* .profile-account-setting {} */
5205
.account-tabs-setting {
5206
  width: 100%;
5207
}
5208
 
5209
.account-tabs-setting h1 {
5210
  font-size: 1rem;
5211
  font-weight: 700;
5212
  margin: 2rem auto;
5213
  text-align: center;
5214
  color: var(--title-color);
5215
}
5216
 
5217
.acc-leftbar {
5218
  width: 100%;
5219
  background-color: var(--bg-color);
5220
  border: 1px solid var(--border-primary);
5221
  border-radius: 10px;
5222
  overflow: hidden;
5223
}
5224
 
5225
.acc-leftbar .nav-tabs > a {
5226
  border-bottom: 1px solid var(--border-primary);
5227
  color: var(--subtitle-color);
5228
  font-size: 16px;
5229
  font-weight: 700;
5230
  margin: 0 auto;
5231
  padding: 1rem 0;
5232
  width: 90%;
5233
}
5234
 
5235
.nav-tabs {
5236
  border-bottom: 0;
5237
}
5238
 
5239
.acc-leftbar .nav-tabs > a:last-child {
5240
  border-bottom: 0;
5241
}
5242
 
5243
.acc-leftbar .nav-tabs > a i {
5244
  font-size: 1.5rem;
5245
  position: relative;
5246
  width: 50px;
5247
  height: 50px;
5248
  display: inline-flex;
5249
  align-items: center;
5250
  background-color: var(--bg-color-secondary);
5251
  border-radius: 100px;
5252
  justify-content: center;
5253
  margin-right: 5px;
5254
}
5255
 
5256
.nav-tabs .nav-item.show .nav-link,
5257
.nav-tabs .nav-link.active {
5258
  background-color: inherit;
5259
  color: #e44d3a;
5260
  border-color: inherit;
5261
}
5262
 
5263
/* ============= acc-setting ============ */
5264
.settings-container {
5265
  font-weight: normal;
5266
}
5267
 
5268
.settings-container h2 {
5269
  font-weight: normal;
5270
  margin: 0.5rem auto;
5271
  color: var(--subtitle-color);
5272
}
5273
 
5274
.acc-setting_content {
5275
  padding: 2rem 1rem;
5276
  width: 100%;
5277
  overflow: hidden;
5278
  border-radius: 10px;
5279
  background-color: var(--bg-color);
5280
  border: 1px solid var(--border-primary);
5281
  box-shadow: 1px 0 4px var(--background-gray);
5282
}
5283
 
5284
.acc-setting form {
5285
  float: left;
5286
  width: 100%;
5287
}
5288
 
5289
.acc-setting > h3 {
5290
  width: 100%;
5291
  color: var(--subtitle-color);
5292
  font-weight: 600;
5293
  font-size: 18px;
5294
  text-transform: capitalize;
5295
  border-bottom: 1px solid var(--border-primary);
5296
  padding: 17px 20px;
5297
}
5298
 
5299
.notbar {
5300
  float: left;
5301
  width: 100%;
5302
  border-bottom: 1px solid var(--border-primary);
5303
  padding: 20px;
5304
  position: relative;
5305
}
5306
 
5307
.notbat {
5308
  color: var(--font-color);
5309
}
5310
 
5311
.notbar h4 {
5312
  color: var(--title-color);
5313
  font-size: 16px;
5314
  font-weight: 600;
5315
  margin-bottom: 5px;
5316
}
5317
 
5318
.notbar p {
5319
  color: var(--font-color);
5320
  font-size: 14px;
5321
  line-height: 24px;
5322
  width: 75%;
5323
}
5324
 
5325
.toggle-btn {
5326
  position: absolute;
5327
  top: 35px;
5328
  right: 20px;
5329
}
5330
 
5331
.save-stngs {
5332
  float: left;
5333
  width: 100%;
5334
  padding: 30px 20px 50px 20px;
5335
}
5336
 
5337
.save-stngs.pd2 {
5338
  padding: 25px 20px 42px 20px;
5339
}
5340
 
5341
.save-stngs.pd3 {
5342
  padding: 25px 20px 25px 20px;
5343
}
5344
 
5345
.save-stngs ul li {
5346
  display: inline-block;
5347
  margin-right: 17px;
5348
}
5349
 
5350
.save-stngs ul li button {
5351
  display: inline-block;
5352
  color: #000000;
5353
  font-size: 16px;
5354
  border: 1px solid #e5e5e5;
5355
  height: 40px;
5356
  line-height: 40px;
5357
  padding: 0 22px;
5358
  font-weight: 600;
5359
  background: none;
5360
  cursor: pointer;
5361
}
5362
 
5363
/* =============== Password Update ============ */
5364
.cp-field,
5365
.cp-field2 {
5366
  width: 100%;
5367
}
5368
 
5369
@media (min-width: 992px) {
5370
  .cp-field {
5371
    width: 47%;
5372
  }
5373
  .cp-field2 {
5374
    width: 80%;
5375
  }
5376
}
5377
.cp-field h5 {
5378
  color: #000000;
5379
  font-size: 16px;
5380
  font-weight: 600;
5381
  float: left;
5382
  width: 100%;
5383
  margin-bottom: 10px;
5384
}
5385
 
5386
.cp-field h5 a {
5387
  color: #000;
5388
}
5389
 
5390
.cpp-fiel {
5391
  width: 100%;
5392
  position: relative;
5393
}
5394
 
5395
.cp-field input,
5396
.cp-field select,
5397
.custom-input {
5398
  height: 40px;
5399
  padding: 0 40px;
5400
}
5401
 
5402
.cp-field input,
5403
.cp-field textarea,
5404
.cp-field select,
5405
.custom-input {
5406
  width: 100% !important;
5407
  background-color: var(--bg-color) !important;
5408
  color: var(--font-color) !important;
5409
  box-shadow: 0 0 2px var(--border-primary) !important;
5410
  border-radius: 10px !important;
5411
  border: none !important;
5412
  margin-top: 4px;
5413
}
5414
 
5415
.cp-field textarea {
5416
  padding: 20px;
5417
  height: 115px;
5418
}
5419
 
5420
.cpp-fiel i {
5421
  position: absolute;
5422
  top: 12px;
5423
  left: 15px;
5424
  color: #b2b2b2;
5425
  font-size: 16px;
5426
}
5427
 
5428
/* =============== notifications-list ============= */
5429
.notifications-list {
5430
  float: left;
5431
  width: 100%;
5432
}
5433
 
5434
.notfication-details {
5435
  float: left;
5436
  width: 100%;
5437
  padding: 20px;
5438
  border-bottom: 1px solid #e5e5e5;
5439
}
5440
 
5441
.notfication-details:last-child {
5442
  border-bottom: 0;
5443
}
5444
 
5445
.noty-user-img {
5446
  float: left;
5447
  width: 35px;
5448
}
5449
 
5450
.noty-user-img img {
5451
  width: 100%;
5452
}
5453
 
5454
.notification-info {
5455
  float: left;
5456
  width: auto;
5457
  padding-left: 10px;
5458
}
5459
 
5460
.notification-info h3 {
5461
  color: #686868;
5462
  font-size: 14px;
5463
  font-weight: 500;
5464
  border: 0;
5465
  padding: 0;
5466
  margin-bottom: 6px;
5467
}
5468
 
5469
.notification-info h3 a {
5470
  color: #000000;
5471
  font-size: 16px;
5472
  font-weight: 600;
5473
  display: inline-block;
5474
}
5475
 
5476
.notification-info > span {
5477
  display: inline-block;
5478
  color: #b2b2b2;
5479
  font-size: 12px;
5480
  font-weight: 600;
5481
}
5482
 
5483
/* ============== requests-list ============== */
5484
.requests-list {
5485
  float: left;
5486
  width: 100%;
5487
  padding-bottom: 0;
5488
}
5489
 
5490
.request-details {
5491
  float: left;
5492
  width: 100%;
5493
  padding: 20px;
5494
  border-bottom: 1px solid #e5e5e5;
5495
}
5496
 
5497
.request-details:last-child {
5498
  border-bottom: 0;
5499
}
5500
 
5501
.request-info {
5502
  float: left;
5503
  padding-left: 10px;
5504
}
5505
 
5506
.request-info h3 {
5507
  color: #000000;
5508
  font-size: 14px;
5509
  font-weight: 600;
5510
  padding: 0;
5511
  border: 0;
5512
  margin-bottom: 3px;
5513
}
5514
 
5515
.request-info span {
5516
  color: #686868;
5517
  font-size: 12px;
5518
  display: inline-block;
5519
}
5520
 
5521
.accept-feat {
5522
  float: right;
5523
}
5524
 
5525
.accept-feat ul li {
5526
  display: inline-block;
5527
}
5528
 
5529
.accept-feat ul li button {
5530
  cursor: pointer;
5531
}
5532
 
5533
.accept-req {
5534
  color: #ffffff;
5535
  font-size: 16px;
5536
  background-color: #51a5fb;
5537
  height: 30px;
5538
  padding: 0 20px;
5539
  font-weight: 600;
5540
  border: 0;
5541
  border: 1px solid #51a5fb;
5542
}
5543
 
5544
.close-req {
5545
  height: 30px;
5546
  width: 30px;
5547
  text-align: center;
5548
  line-height: 30px;
5549
  border: 1px solid #e5e5e5;
5550
  background: inherit;
5551
  color: #b2b2b2;
5552
  margin-left: 7px;
5553
}
5554
 
5555
.close-req i {
5556
  font-weight: 600;
5557
}
5558
 
5559
/* ============= Profile Sattus =========== */
5560
.profile-bx-details {
5561
  float: left;
5562
  width: 100%;
5563
  padding: 30px 7px 30px 7px;
5564
}
5565
 
5566
.profile-bx-details .row .col-lg-3 {
5567
  padding: 0 7px;
5568
}
5569
 
5570
.profile-bx-info {
5571
  float: left;
5572
  width: 100%;
5573
  background-color: #f2f2f2;
5574
  padding: 20px;
5575
  border: 1px solid #e5e5e5;
5576
}
5577
 
5578
.pro-bx {
5579
  float: left;
5580
  width: 100%;
5581
  border-bottom: 1px solid #e5e5e5;
5582
  padding-bottom: 10px;
5583
}
5584
 
5585
.bx-info {
5586
  float: left;
5587
  margin-top: 7px;
5588
  padding-left: 10px;
5589
}
5590
 
5591
.bx-info h3 {
5592
  color: #e44d3a;
5593
  font-size: 20px;
5594
  font-weight: 600;
5595
  margin-bottom: 5px;
5596
}
5597
 
5598
.bx-info h5 {
5599
  color: #000000;
5600
  font-size: 14px;
5601
  font-weight: 600;
5602
  margin: 0;
5603
  padding: 0;
5604
  border: 0;
5605
}
5606
 
5607
.pd-left-20 {
5608
  padding-left: 20px;
5609
  padding-right: 0;
5610
}
5611
 
5612
.pd-left-15 {
5613
  padding-left: 15px;
5614
  padding-right: 0;
5615
}
5616
 
5617
.pd-left-right {
5618
  padding-left: 15px;
5619
  padding-right: 20px;
5620
}
5621
 
5622
.profile-bx-info > p {
5623
  float: left;
5624
  width: 100%;
5625
  font-size: 14px;
5626
  line-height: 20px;
5627
  padding-top: 5px;
5628
}
5629
 
5630
/* =========== pro-work-status ========= */
5631
.pro-work-status {
5632
  float: left;
5633
  width: 100%;
5634
  padding: 0 15px;
5635
}
5636
 
5637
.pro-work-status h4 {
5638
  color: #000000;
5639
  font-size: 18px;
5640
  font-weight: 600;
5641
  margin-bottom: 50px;
5642
}
5643
 
5644
/* ============== messages-page ============== */
5645
.messages-page {
5646
  padding: 20px 0;
5647
}
5648
 
5649
.messages-sec {
5650
  width: 100%;
5651
  border-radius: 10px;
5652
  overflow: hidden;
5653
  background-color: transparent;
5654
}
5655
 
5656
.msgs-list {
5657
  width: 100%;
5658
}
5659
 
5660
.inmail_conversations-list {
5661
  border-right: 1px solid rgba(51, 51, 51, 0.2);
5662
  padding-left: 0;
5663
  padding-right: 0;
5664
}
5665
 
5666
.msg-title {
5667
  padding: 20px;
5668
  border-bottom: 2px solid rgba(51, 51, 51, 0.2);
5669
}
5670
 
5671
.active-tab {
5672
  border-bottom: solid 2px #e4e4e4;
5673
}
5674
 
5675
.msg-title > h3 {
5676
  color: #000000;
5677
  font-size: 18px;
5678
  font-weight: 600;
5679
}
5680
 
5681
.msg-title > ul {
5682
  float: right;
5683
  position: relative;
5684
  top: 1px;
5685
}
5686
 
5687
.msg-title ul li {
5688
  display: inline-block;
5689
  margin-right: 15px;
5690
  border-bottom: 1px solid rgba(51, 51, 51, 0.2);
5691
}
5692
 
5693
.msg-title ul li:last-child {
5694
  margin-right: 0;
5695
}
5696
 
5697
.msg-title ul li a {
5698
  color: #b2b2b2;
5699
  font-size: 18px;
5700
}
5701
 
5702
.messages-list {
5703
  float: left;
5704
  width: 100%;
5705
  overflow-y: scroll;
5706
}
5707
 
5708
.date-chat {
5709
  font-size: 0.6rem;
5710
  color: var(--gray);
5711
  padding-top: 5%;
5712
}
5713
 
5714
.messages-list ul {
5715
  float: left;
5716
  width: 100%;
5717
}
5718
 
5719
.text-chat-title {
5720
  color: var(--gray) !important;
5721
  font-size: 1rem;
5722
}
5723
 
5724
.messages-list ul li {
5725
  float: left;
5726
  width: 100%;
5727
  padding: 3%;
5728
  cursor: pointer;
5729
}
5730
 
5731
.messages-list ul li.active {
5732
  background-color: #efefef;
5733
}
5734
 
5735
.usr-msg-details {
5736
  float: left;
5737
  position: relative;
5738
  width: 100%;
5739
  padding: 0.5rem 1rem;
5740
  border-radius: 10px;
5741
}
5742
.usr-msg-details:hover, .usr-msg-details.is_selected {
5743
  background: var(--light-gray);
5744
}
5745
 
5746
.usr-ms-img {
5747
  float: left;
5748
  width: 50px;
5749
  position: relative;
5750
}
5751
 
5752
.msg-status {
5753
  -webkit-border-radius: 100px;
5754
  -moz-border-radius: 100px;
5755
  -ms-border-radius: 100px;
5756
  -o-border-radius: 100px;
5757
  border-radius: 100px;
5758
  background-color: #e44d3a;
5759
  position: absolute;
5760
  top: -3px;
5761
  right: 0;
5762
  width: 6px;
5763
  height: 6px;
5764
}
5765
 
5766
.messages-list ul li.active .msg-status {
5767
  border: 2px solid #ecf5fb;
5768
  height: 10px;
5769
  width: 10px;
5770
}
5771
 
5772
.msg-notifc {
5773
  position: absolute;
5774
  /* bottom: 0;
5775
  right: 0; */
5776
  width: 25px;
5777
  height: 25px;
5778
  -webkit-border-radius: 100px;
5779
  -moz-border-radius: 100px;
5780
  -ms-border-radius: 100px;
5781
  -o-border-radius: 100px;
5782
  border-radius: 100px;
5783
  background-color: #e77667;
5784
  text-align: center;
5785
  line-height: 25px;
5786
  font-size: 13px;
5787
  color: #fff;
5788
}
5789
 
5790
.usr-ms-img img {
5791
  width: 100%;
5792
  -webkit-border-radius: 100px;
5793
  -moz-border-radius: 100px;
5794
  -ms-border-radius: 100px;
5795
  -o-border-radius: 100px;
5796
  border-radius: 100px;
5797
}
5798
 
5799
.usr-mg-info {
5800
  float: left;
5801
  padding-left: 13px;
5802
  margin-top: 4px;
5803
}
5804
 
5805
.usr-mg-info h3 {
5806
  color: #000000;
5807
  font-size: 18px;
5808
  font-weight: 600;
5809
}
5810
 
5811
.usr-mg-info p {
5812
  color: #686868;
5813
  font-size: 16px;
5814
}
5815
 
5816
.usr-mg-info p img {
5817
  float: right;
5818
  position: relative;
5819
  top: 5px;
5820
  padding-left: 5px;
5821
}
5822
 
5823
.posted_time {
5824
  position: absolute;
5825
  top: 2px;
5826
  right: 0;
5827
  color: #b2b2b2;
5828
  font-size: 14px;
5829
}
5830
 
5831
/* =============== main-message-box ============= */
5832
.main-conversation-box {
5833
  width: 100%;
5834
  background-color: var(--bg-color);
5835
  position: relative;
5836
  height: 80vh;
5837
  display: grid;
5838
  grid-template-rows: auto 65% auto;
5839
}
5840
 
5841
.inmail-conversation-container {
5842
  width: 100%;
5843
  background-color: var(--bg-color);
5844
  position: relative;
5845
  height: 80vh;
5846
  gap: 0.5rem;
5847
  display: grid;
5848
  grid-template-rows: 5% 80% 15%;
5849
}
5850
 
5851
@media (min-width: 992px) {
5852
  .inmail-conversation-container {
5853
    grid-template-rows: 85% 15%;
5854
  }
5855
}
5856
.inmail-conversation-box {
5857
  width: 100%;
5858
  position: relative;
5859
  display: grid;
5860
  grid-template-rows: auto 85%;
5861
  overflow: hidden;
5862
}
5863
 
5864
.message-bar-head {
5865
  height: 13vh;
5866
  width: 100%;
5867
  padding: 20px;
5868
  border-bottom: 1px solid var(--border-primary);
5869
}
5870
 
5871
.message-bar-head .usr-msg-details {
5872
  width: auto;
5873
}
5874
 
5875
.message-bar-head > a {
5876
  float: right;
5877
  color: #b2b2b2;
5878
  font-size: 20px;
5879
  padding-top: 15px;
5880
}
5881
 
5882
.main-message-box {
5883
  display: flex;
5884
  width: 100%;
5885
  position: relative;
5886
  margin-bottom: 15.5px;
5887
}
5888
.main-message-box .message-inner-dt {
5889
  width: 100%;
5890
}
5891
.main-message-box .message-inner-dt > img {
5892
  display: inline-block;
5893
  width: auto;
5894
  max-height: 180px;
5895
}
5896
.main-message-box .message-inner-dt > p {
5897
  font-size: 14px;
5898
}
5899
.main-message-box .message-dt {
5900
  border-radius: var(--border-radius);
5901
  border-top-left-radius: 0;
5902
  width: auto;
5903
  padding: 0.5rem;
5904
  margin-left: 15px;
5905
  background-color: var(--chat-send);
5906
  color: var(--chat-color);
5907
  box-shadow: var(--light-shadow);
5908
}
5909
.main-message-box .messg-usr-img {
5910
  margin-left: 20px;
5911
  width: 50px;
5912
}
5913
.main-message-box .message-dt > span {
5914
  color: #b2b2b2;
5915
  font-size: 14px;
5916
  float: left;
5917
  width: 100%;
5918
  margin-top: 7px;
5919
}
5920
.main-message-box.ta-right {
5921
  flex-direction: row-reverse;
5922
}
5923
.main-message-box.ta-right .messg-usr-img {
5924
  margin-left: 0;
5925
  margin-right: 20px;
5926
}
5927
.main-message-box.ta-right .message-dt {
5928
  border-top-left-radius: var(--border-radius);
5929
  border-top-right-radius: 0;
5930
  margin-right: 15px;
5931
  background-color: var(--chat-received);
5932
}
5933
.main-message-box.ta-right .message-dt > span {
5934
  float: right;
5935
  width: auto;
5936
}
5937
 
5938
.messg-usr-img img {
5939
  width: 100%;
5940
  background: #fff;
5941
  border-radius: 100px;
5942
}
5943
 
5944
.img-bx {
5945
  background-color: #efefef;
5946
  padding: 20px;
5947
}
5948
 
5949
.message-dt.st3 .message-inner-dt > p {
5950
  background-color: #efefef;
5951
  color: #686868;
5952
  width: auto;
5953
  padding: 10px 15px;
5954
  float: left;
5955
}
5956
.message-dt.st3 .message-inner-dt > img {
5957
  float: right;
5958
  position: relative;
5959
  top: 3px;
5960
  padding-left: 5px;
5961
}
5962
 
5963
.main-message-box.st3 .messg-usr-img {
5964
  bottom: 13px;
5965
}
5966
 
5967
.messages-line {
5968
  width: 100%;
5969
}
5970
 
5971
/* ============== message-send-area ============ */
5972
.message-send-area {
5973
  width: 100%;
5974
  background: var(--bg-color);
5975
  padding: 0.5rem;
5976
  height: fit-content;
5977
}
5978
 
5979
.inmail-submit-btn {
5980
  width: 6%;
5981
}
5982
 
5983
.message-send-area form {
5984
  width: 100%;
5985
}
5986
 
5987
.mf-field {
5988
  width: 100%;
5989
  display: flex;
5990
  align-items: center;
5991
  gap: 0.5rem;
5992
}
5993
 
5994
.chat-header a {
5995
  text-decoration: none;
5996
  color: var(--dark);
5997
}
5998
 
5999
.chat-header h2 {
6000
  font-weight: 700;
6001
  text-align: center;
6002
}
6003
 
6004
.chat_contacts {
6005
  display: grid;
6006
  grid-template-rows: auto auto 1fr;
6007
  max-height: 80vh;
6008
}
6009
 
6010
.mf-field input {
6011
  flex: 1;
6012
  background-color: var(--bg-color-secondary);
6013
  border: none;
6014
  color: var(--font-color);
6015
  font-size: 16px;
6016
  padding: 0 15px;
6017
  height: 45px;
6018
  border-radius: 100px;
6019
}
6020
 
6021
.message-send-area form > ul {
6022
  float: left;
6023
  width: 100%;
6024
  margin-top: 15px;
6025
}
6026
 
6027
.message-send-area form > ul li {
6028
  display: inline-block;
6029
  margin-right: 20px;
6030
}
6031
 
6032
.message-send-area form > ul li a {
6033
  color: #b2b2b2;
6034
  font-size: 18px;
6035
}
6036
 
6037
/* ============== forum-links ============= */
6038
.forum-sec {
6039
  background-color: #fff;
6040
}
6041
 
6042
.forum-links {
6043
  float: left;
6044
  width: 100%;
6045
}
6046
 
6047
.forum-links.active {
6048
  opacity: 1;
6049
  visibility: visible;
6050
  z-index: 9999;
6051
}
6052
 
6053
.forum-links ul li {
6054
  display: inline-block;
6055
  padding: 20px 0;
6056
  margin-right: 45px;
6057
  border-bottom: 2px solid transparent;
6058
}
6059
 
6060
.forum-links ul li.active {
6061
  border-color: #e44d3a;
6062
}
6063
 
6064
.forum-links ul li.active a {
6065
  color: #e44d3a;
6066
}
6067
 
6068
.forum-links ul li a {
6069
  display: inline-block;
6070
  color: #b2b2b2;
6071
  font-size: 14px;
6072
  font-weight: 600;
6073
}
6074
 
6075
.forum-links-btn {
6076
  float: left;
6077
  width: 100%;
6078
  text-align: center;
6079
  display: none;
6080
  padding: 20px 0;
6081
}
6082
 
6083
.forum-links-btn a {
6084
  color: #000;
6085
  font-size: 30px;
6086
  display: inline-block;
6087
}
6088
 
6089
/* ================ forum-page =============== */
6090
.forum-page {
6091
  padding: 50px 0;
6092
}
6093
 
6094
.forum-questions-sec {
6095
  float: left;
6096
  width: 100%;
6097
}
6098
 
6099
.forum-questions {
6100
  float: left;
6101
  width: 100%;
6102
  background-color: #fff;
6103
}
6104
 
6105
.usr-question {
6106
  float: left;
6107
  width: 100%;
6108
  position: relative;
6109
  padding: 25px;
6110
  border-bottom: 1px solid #e5e5e5;
6111
}
6112
 
6113
.usr_img {
6114
  float: left;
6115
  width: 60px;
6116
}
6117
 
6118
.usr_img img {
6119
  width: 100%;
6120
  -webkit-border-radius: 100px;
6121
  -moz-border-radius: 100px;
6122
  -ms-border-radius: 100px;
6123
  -o-border-radius: 100px;
6124
  border-radius: 100px;
6125
}
6126
 
6127
.usr_quest {
6128
  float: left;
6129
  width: 90%;
6130
  padding-left: 15px;
6131
}
6132
 
6133
.usr_quest > h3 {
6134
  color: #000000;
6135
  font-size: 17px;
6136
  font-weight: 600;
6137
  margin-bottom: 20px;
6138
}
6139
 
6140
.forum-post-view .usr_quest > h3 {
6141
  margin-bottom: 10px;
6142
}
6143
 
6144
.react-links {
6145
  float: left;
6146
  width: 100%;
6147
}
6148
 
6149
.react-links li {
6150
  display: inline-block;
6151
  margin-right: 30px;
6152
}
6153
 
6154
.react-links li a {
6155
  display: inline-block;
6156
  color: #b2b2b2;
6157
  font-size: 14px;
6158
  font-weight: 600;
6159
}
6160
 
6161
.react-links li a:hover {
6162
  color: #e44d3a;
6163
}
6164
 
6165
.react-links li a i {
6166
  padding-right: 7px;
6167
}
6168
 
6169
.react-links li:last-child {
6170
  margin-right: 0;
6171
}
6172
 
6173
/* ============= quest-tags ============ */
6174
.quest-tags {
6175
  float: left;
6176
  width: 100%;
6177
  margin-top: 20px;
6178
}
6179
 
6180
.quest-tags li {
6181
  display: inline-block;
6182
  margin-right: 10px;
6183
}
6184
 
6185
.quest-tags li a {
6186
  display: inline-block;
6187
  color: #ffffff;
6188
  background-color: #53d690;
6189
  -webkit-border-radius: 3px;
6190
  -moz-border-radius: 3px;
6191
  -ms-border-radius: 3px;
6192
  -o-border-radius: 3px;
6193
  border-radius: 3px;
6194
  padding: 7px 25px;
6195
}
6196
 
6197
.quest-posted-time {
6198
  position: absolute;
6199
  bottom: 30px;
6200
  right: 20px;
6201
  color: #b2b2b2;
6202
  font-size: 14px;
6203
}
6204
 
6205
.quest-posted-time i {
6206
  padding-right: 5px;
6207
}
6208
 
6209
.pd-right-none {
6210
  padding-right: 0;
6211
}
6212
 
6213
/* =========== navigation ============ */
6214
.pagination {
6215
  float: left;
6216
  width: 100%;
6217
  /* background-color: #fff; */
6218
  padding: 13px 25px;
6219
}
6220
 
6221
.full-pagi {
6222
  float: left;
6223
  width: 100%;
6224
  padding-right: 0;
6225
  text-align: inherit;
6226
  margin-top: 20px;
6227
}
6228
 
6229
.pagination li {
6230
  padding: 0;
6231
  margin-right: 10px;
6232
}
6233
 
6234
.pagination li .page-link {
6235
  /* background-color: #e5e5e5; */
6236
  color: #b2b2b2;
6237
}
6238
 
6239
.pagination li .page-link.active {
6240
  background-color: #e44d3a;
6241
  color: #fff;
6242
  border-color: transparent;
6243
}
6244
 
6245
.pvr {
6246
  padding: 0.5rem 30px;
6247
}
6248
 
6249
/* ============ User Widget =========== */
6250
.title-wd {
6251
  float: left;
6252
  width: 100%;
6253
  color: #000000;
6254
  font-size: 18px;
6255
  font-weight: 600;
6256
  border-bottom: 1px solid #e5e5e5;
6257
  padding: 25px 20px;
6258
}
6259
 
6260
.widget-user ul {
6261
  float: left;
6262
  width: 100%;
6263
  padding: 15px 0;
6264
}
6265
 
6266
.widget-user ul li {
6267
  float: left;
6268
  width: 100%;
6269
  padding: 15px 20px;
6270
}
6271
 
6272
.widget-user ul li .usr-msg-details {
6273
  float: left;
6274
  width: auto;
6275
}
6276
 
6277
.widget-user ul li .usr-ms-img {
6278
  width: 35px;
6279
}
6280
 
6281
.widget-user ul li .usr-mg-info h3 {
6282
  font-size: 14px;
6283
}
6284
 
6285
.widget-user ul li .usr-mg-info p {
6286
  font-size: 12px;
6287
}
6288
 
6289
.widget-user ul li > span {
6290
  color: #686868;
6291
  font-size: 16px;
6292
  float: right;
6293
  margin-top: 10px;
6294
}
6295
 
6296
.widget-user ul li > span img {
6297
  padding-right: 5px;
6298
}
6299
 
6300
/* ============== widget-adver ============ */
6301
.widget-adver img {
6302
  width: 100%;
6303
}
6304
 
6305
/* ============ forum-post-view ============ */
6306
.forum-post-view {
6307
  float: left;
6308
  width: 100%;
6309
  background-color: #fff;
6310
  padding: 25px 25px 0 25px;
6311
  border-bottom: 1px solid #e5e5e5;
6312
}
6313
 
6314
.forum-post-view .usr-question {
6315
  border-bottom: 0;
6316
  padding: 0;
6317
}
6318
 
6319
.forum-post-view .usr_quest span {
6320
  color: #b2b2b2;
6321
  font-size: 14px;
6322
  display: inline-block;
6323
  margin-bottom: 20px;
6324
}
6325
 
6326
.forum-post-view .usr_quest span i {
6327
  padding-right: 7px;
6328
}
6329
 
6330
.forum-post-view .quest-tags {
6331
  margin-bottom: 30px;
6332
}
6333
 
6334
.forum-post-view .usr_quest > p {
6335
  float: left;
6336
  width: 100%;
6337
  color: #686868;
6338
  font-size: 14px;
6339
  line-height: 24px;
6340
  margin-bottom: 40px;
6341
}
6342
 
6343
.forum-post-view .comment-section {
6344
  padding: 0;
6345
}
6346
 
6347
.forum-post-view .comment-section > h3 {
6348
  float: left;
6349
  width: 100%;
6350
  color: #000000;
6351
  font-size: 18px;
6352
  font-weight: 600;
6353
  border-bottom: 1px solid #e5e5e5;
6354
  padding-bottom: 15px;
6355
}
6356
 
6357
.forum-post-view .comment-sec ul li {
6358
  border-bottom: 1px solid #e5e5e5;
6359
  padding: 23px 0;
6360
}
6361
 
6362
.forum-post-view .comment span {
6363
  margin-bottom: 10px;
6364
}
6365
 
6366
.forum-post-view .comment-list {
6367
  padding-bottom: 0;
6368
  margin-bottom: -4px;
6369
}
6370
 
6371
.forum-post-view .comment p {
6372
  margin: 0;
6373
  margin-top: 5px;
6374
}
6375
 
6376
.forum-post-view .comment h3 {
6377
  margin-bottom: 9px;
6378
}
6379
 
6380
.forum-post-view .comment-sec ul li:last-child {
6381
  border-bottom: 0;
6382
}
6383
 
6384
/* =============== post-comment-box ============= */
6385
.post-comment-box {
6386
  float: left;
6387
  width: 100%;
6388
  padding: 20px;
6389
  background-color: #fff;
6390
}
6391
 
6392
.post-comment-box h3 {
6393
  float: left;
6394
  width: 100%;
6395
  color: #000000;
6396
  font-size: 18px;
6397
  font-weight: 600;
6398
  margin-bottom: 30px;
6399
}
6400
 
6401
.user-poster {
6402
  float: left;
6403
  width: 100%;
6404
}
6405
 
6406
.usr-post-img {
6407
  float: left;
6408
  width: 50px;
6409
  margin-right: 15px;
6410
}
6411
 
6412
.usr-post-img img {
6413
  width: 100%;
6414
  -webkit-border-radius: 100px;
6415
  -moz-border-radius: 100px;
6416
  -ms-border-radius: 100px;
6417
  -o-border-radius: 100px;
6418
  border-radius: 100px;
6419
}
6420
 
6421
.post_comment_sec {
6422
  float: left;
6423
  width: 90%;
6424
}
6425
 
6426
.post_comment_sec form {
6427
  float: left;
6428
  width: 100%;
6429
}
6430
 
6431
.post_comment_sec form textarea {
6432
  float: left;
6433
  width: 100%;
6434
  height: 130px;
6435
  border: 1px solid #dce2eb;
6436
  padding: 15px;
6437
  resize: none;
6438
}
6439
 
6440
.post_comment_sec form button {
6441
  color: #ffffff;
6442
  font-size: 14px;
6443
  background-color: #e44d3a;
6444
  padding: 10px 25px;
6445
  border: 0;
6446
  font-weight: 600;
6447
  margin-top: 20px;
6448
  cursor: pointer;
6449
}
6450
 
6451
/* ======== next-prev ========*/
6452
.next-prev {
6453
  float: left;
6454
  width: 100%;
6455
  background-color: #fff;
6456
  margin-top: 20px;
6457
  padding: 12px 25px;
6458
}
6459
 
6460
.next-prev > a {
6461
  width: 90px;
6462
  height: 35px;
6463
  text-align: center;
6464
  line-height: 35px;
6465
  color: #b2b2b2;
6466
  font-size: 14px;
6467
  background-color: #e5e5e5;
6468
}
6469
 
6470
.next-prev > a:hover {
6471
  color: #fff;
6472
  background-color: #e44d3a;
6473
}
6474
 
6475
.fl-left {
6476
  float: left;
6477
}
6478
 
6479
.fl-right {
6480
  float: right;
6481
}
6482
 
6483
/* ========== widget-feat ========= */
6484
.widget-feat {
6485
  padding: 25px 20px;
6486
}
6487
 
6488
.widget-feat ul {
6489
  float: left;
6490
  width: 100%;
6491
}
6492
 
6493
.widget-feat ul li {
6494
  float: left;
6495
  width: 25%;
6496
  text-align: center;
6497
}
6498
 
6499
.widget-feat ul li i {
6500
  display: block;
6501
  font-size: 18px;
6502
  margin-bottom: 9px;
6503
}
6504
 
6505
.widget-feat ul li span {
6506
  display: block;
6507
  color: #686868;
6508
  font-size: 16px;
6509
  font-weight: 500;
6510
}
6511
 
6512
.widget-feat ul li i.fa-heart {
6513
  color: #53d690;
6514
}
6515
 
6516
.widget-feat ul li i.fa-comment {
6517
  color: #e44d3a;
6518
}
6519
 
6520
.widget-feat ul li i.fa-share-alt {
6521
  color: #51a5fb;
6522
}
6523
 
6524
.widget-feat ul li i.fa-eye {
6525
  color: #00b540;
6526
}
6527
 
6528
/* =============== ANIMATION LOADER =============== */
6529
.spinner {
6530
  margin: 0 auto 0;
6531
  width: 80px;
6532
  text-align: center;
6533
  height: 80px;
6534
  border-radius: 100px;
6535
  background-color: #fff;
6536
  line-height: 80px;
6537
  border: 1px solid #e1e1e1;
6538
  cursor: pointer;
6539
}
6540
 
6541
.spinner > div {
6542
  width: 15px;
6543
  height: 15px;
6544
  background-color: #b9b9b9;
6545
  border-radius: 100%;
6546
  display: inline-block;
6547
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
6548
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
6549
}
6550
 
6551
.spinner .bounce1 {
6552
  -webkit-animation-delay: -0.32s;
6553
  animation-delay: -0.32s;
6554
}
6555
 
6556
.spinner .bounce2 {
6557
  -webkit-animation-delay: -0.16s;
6558
  animation-delay: -0.16s;
6559
}
6560
 
6561
@-webkit-keyframes sk-bouncedelay {
6562
  0%, 80%, 100% {
6563
    -webkit-transform: scale(0);
6564
  }
6565
  40% {
6566
    -webkit-transform: scale(1);
6567
  }
6568
}
6569
@keyframes sk-bouncedelay {
6570
  0%, 80%, 100% {
6571
    -webkit-transform: scale(0);
6572
    transform: scale(0);
6573
  }
6574
  40% {
6575
    -webkit-transform: scale(1);
6576
    transform: scale(1);
6577
  }
6578
}
6579
.wordpressdevlp {
6580
  background-color: #fff;
6581
}
6582
 
6583
.bgclr {
6584
  background-color: #fff;
6585
  margin-bottom: 15px;
6586
}
6587
 
6588
.cadidatesbtn {
6589
  position: absolute;
6590
  left: 0;
6591
  padding-top: 5px;
6592
}
6593
 
6594
.cadidatesbtn button {
6595
  background-color: #e44d3a;
6596
  border: none;
6597
  margin-top: -3px;
6598
}
6599
 
6600
.cadidatesbtn button:hover {
6601
  background-color: #e44d3a;
6602
}
6603
 
6604
.cadidatesbtn span {
6605
  background-color: #bd2e1c;
6606
  color: #fff;
6607
  margin-right: 10px;
6608
  padding: 0.25em 0.5em;
6609
  font-weight: 600;
6610
  font-size: 12px;
6611
}
6612
 
6613
.wordpressdevlp i {
6614
  color: #e86554;
6615
  font-size: 18px;
6616
  font-weight: bold;
6617
  padding-right: 5px;
6618
}
6619
 
6620
.wordpressdevlp h2 {
6621
  font-size: 18px;
6622
  font-weight: 600;
6623
}
6624
 
6625
.cadidatesbtn i {
6626
  color: #b2b2b2;
6627
  border: 1px solid #b2b2b2;
6628
  font-size: 14px;
6629
  text-align: center;
6630
  margin-left: 7px;
6631
  border-radius: 3px;
6632
  padding: 10px;
6633
}
6634
 
6635
.cadidatesbtn i:hover {
6636
  background-color: #e44d3a;
6637
  color: #fff;
6638
  border: 1px solid #e44d3a;
6639
}
6640
 
6641
.inner {
6642
  border-bottom: 2px solid #e5e5e5;
6643
  padding-bottom: 10px;
6644
}
6645
 
6646
.inner li a:hover {
6647
  color: #e44d3a;
6648
  border-bottom: 2px solid #e44d3a;
6649
  padding-bottom: 9px;
6650
}
6651
 
6652
.inner li a {
6653
  color: #000000;
6654
}
6655
 
6656
.posttext {
6657
  position: absolute;
6658
  left: 0;
6659
}
6660
 
6661
.deatile h3 {
6662
  font-size: 14px;
6663
  font-weight: bold;
6664
  padding-bottom: 5px;
6665
}
6666
 
6667
.clrbtn a {
6668
  background-color: #e44d3a;
6669
  color: #fff;
6670
  padding: 5px 10px 5px 10px;
6671
  margin-right: 15px;
6672
}
6673
 
6674
.transpairentbtn a {
6675
  color: #222;
6676
  border: 2px solid #f1f1f1;
6677
  padding: 5px 10px 5px 10px;
6678
}
6679
 
6680
.savetext h3 {
6681
  font-size: 14px;
6682
  font-weight: bold;
6683
  padding-bottom: 5px;
6684
}
6685
 
6686
.devepbtn .clrbtn {
6687
  padding: 7px 20px;
6688
}
6689
 
6690
.devepbtn a {
6691
  color: #666666;
6692
  border: 1px solid #b2b2b2;
6693
  padding: 7px 10px 7px 10px;
6694
  border-radius: 3px;
6695
  margin-right: 5px;
6696
}
6697
 
6698
.devepbtn a:hover i {
6699
  color: #fff;
6700
}
6701
 
6702
.devepbtn a:hover {
6703
  background-color: #e44d3a;
6704
  color: #fff;
6705
}
6706
 
6707
.rew-reply hr {
6708
  margin-left: -20px;
6709
  margin-right: -20px;
6710
}
6711
 
6712
.rew-reply p {
6713
  padding-left: 20px;
6714
}
6715
 
6716
.rew-reply ul {
6717
  padding-left: 20px;
6718
}
6719
 
6720
.devepbtn {
6721
  margin-top: 30px;
6722
  padding-left: 20px;
6723
}
6724
 
6725
.rep-thanks hr {
6726
  margin-right: -20px;
6727
  margin-left: -20px;
6728
}
6729
 
6730
.profilecnd {
6731
  margin-bottom: 0px;
6732
}
6733
 
6734
.devepbtn i {
6735
  color: #b2b2b2;
6736
  font-size: 14px;
6737
}
6738
 
6739
.appliedinfo {
6740
  padding-left: 0;
6741
  padding-top: 20px !important;
6742
  padding-bottom: 10px;
6743
}
6744
 
6745
.epi2 {
6746
  padding: 0;
6747
}
6748
 
6749
.review a {
6750
  line-height: 16px;
6751
  font-size: 14px;
6752
  text-decoration: none;
6753
  font-weight: 500;
6754
  margin-left: 15px;
6755
}
6756
 
6757
.add-pic-box {
6758
  display: inline-block;
6759
  color: #e44d3a;
6760
  font-size: 16px;
6761
  position: absolute;
6762
  top: 30px;
6763
  right: 0;
6764
  font-weight: 600;
6765
  margin-right: 0;
6766
  width: 100%;
6767
}
6768
 
6769
.add-pic-box [type=file] {
6770
  height: 0;
6771
  overflow: hidden;
6772
  width: 0;
6773
  float: left;
6774
}
6775
 
6776
.add-pic-box [type=file] + label {
6777
  background: #fff;
6778
  border: 2px solid #e44d3a;
6779
  border-radius: 3px;
6780
  color: #e44d3a;
6781
  cursor: pointer;
6782
  /* display: inline-block; */
6783
  font-size: 15px;
6784
  font-weight: 600;
6785
  outline: none;
6786
  padding: 12px 20px;
6787
  position: relative;
6788
  transition: all 0.3s;
6789
  vertical-align: middle;
6790
  margin: 0;
6791
  float: right;
6792
  text-transform: uppercase;
6793
}
6794
 
6795
.add-pic-box [type=file] + label:hover {
6796
  background: #e44d3a;
6797
  color: #fff;
6798
}
6799
 
6800
.noreview li i {
6801
  color: #b2b2b2;
6802
}
6803
 
6804
.review-tb {
6805
  margin: 0 0 10px;
6806
  padding-left: 20px;
6807
}
6808
 
6809
.noreview ul li i {
6810
  color: #b2b2b2;
6811
}
6812
 
6813
.mngdetl {
6814
  border-bottom: none;
6815
}
6816
 
6817
.post-reply {
6818
  padding-top: 0;
6819
  padding-bottom: 0;
6820
}
6821
 
6822
.activebidbtn i:hover {
6823
  background-color: #e44d3a;
6824
  color: #fff;
6825
  border: none;
6826
}
6827
 
6828
.reviewtitle h2 {
6829
  font-size: 17px;
6830
  font-weight: 600;
6831
}
6832
 
6833
.horiline {
6834
  width: 118%;
6835
  position: relative;
6836
  left: -40px;
6837
}
6838
 
6839
.tahnks {
6840
  font-weight: 500;
6841
  margin-top: 5px;
6842
}
6843
 
6844
/*about-page*/
6845
.banner span {
6846
  position: absolute;
6847
  display: flex;
6848
  background-color: #222;
6849
  width: 100%;
6850
  opacity: 0.9;
6851
  justify-content: center;
6852
  padding: 10px;
6853
  margin-top: 0;
6854
  color: #fff;
6855
}
6856
 
6857
.innertitle {
6858
  margin-top: 130px;
6859
}
6860
 
6861
.Company-overview {
6862
  padding-bottom: 50px;
6863
}
6864
 
6865
.bennertext {
6866
  position: absolute;
6867
  left: 20%;
6868
  right: 20%;
6869
  text-align: center;
6870
}
6871
 
6872
.bannerimage img {
6873
  height: 100%;
6874
}
6875
 
6876
.innertitle h2 {
6877
  color: #fff;
6878
  font-size: 30px;
6879
  line-height: 32px;
6880
  font-weight: 600;
6881
  margin-bottom: 20px;
6882
}
6883
 
6884
.innertitle p {
6885
  color: #fff;
6886
  font-size: 16px;
6887
}
6888
 
6889
.Company-overview h2 {
6890
  padding-top: 100px;
6891
  font-size: 24px;
6892
  font-weight: 600;
6893
  padding-bottom: 12px;
6894
}
6895
 
6896
.Company-overview p {
6897
  font-size: 15px;
6898
  font-weight: 500;
6899
}
6900
 
6901
.Company-overview img {
6902
  float: right;
6903
  padding-top: 25px;
6904
}
6905
 
6906
.blog {
6907
  text-align: center;
6908
  display: inline-block;
6909
  margin-bottom: 50px;
6910
}
6911
 
6912
.blog img {
6913
  padding-bottom: 30px;
6914
}
6915
 
6916
.blog h2 {
6917
  font-size: 18px;
6918
  font-weight: 600;
6919
  padding-bottom: 30px;
6920
}
6921
 
6922
.blog a {
6923
  background-color: #ff4500;
6924
  color: #fff;
6925
  padding: 7px 25px 7px 25px;
6926
  border-radius: 3px;
6927
  font-size: 16px;
6928
  font-weight: 500;
6929
}
6930
 
6931
.services {
6932
  padding-top: 80px;
6933
  padding-bottom: 80px;
6934
}
6935
 
6936
.video {
6937
  padding-bottom: 40px;
6938
}
6939
 
6940
.search-container {
6941
  text-align: center;
6942
}
6943
 
6944
.search-container input[type=text] {
6945
  padding: 6px 15px;
6946
  margin-top: 8px;
6947
  font-size: 17px;
6948
  border: none;
6949
  height: 50px;
6950
  width: 50%;
6951
  margin-bottom: 25px;
6952
  border-top-left-radius: 3px;
6953
  border-top-right-radius: 0px;
6954
  border-bottom-left-radius: 3px;
6955
  border-bottom-right-radius: 0px;
6956
}
6957
 
6958
.searchtitle {
6959
  text-align: center;
6960
}
6961
 
6962
.searchtitle h2 {
6963
  color: #fff;
6964
  font-size: 30px;
6965
  font-weight: 400;
6966
  padding-bottom: 10px;
6967
}
6968
 
6969
.modal-header {
6970
  position: relative;
6971
}
6972
 
6973
.modal-header h3 {
6974
  font-size: 18px;
6975
}
6976
 
6977
.search-container button {
6978
  padding: 8px 10px;
6979
  text-align: center;
6980
  margin-top: 8px;
6981
  margin-left: -3px;
6982
  margin-right: 18px;
6983
  background: #efefef;
6984
  font-size: 17px;
6985
  border: none;
6986
  cursor: pointer;
6987
  height: 50px;
6988
  width: 6%;
6989
  border-bottom-right-radius: 3px;
6990
  border-top-right-radius: 3px;
6991
}
6992
 
6993
.topsearch i {
6994
  color: #e44d3a;
6995
}
6996
 
6997
.dropdown-toggle::after {
6998
  position: absolute;
6999
  right: 15px;
7000
  color: #b2b2b2;
7001
  top: 7px;
7002
}
7003
 
7004
.help-paddy {
7005
  padding: 0 !important;
7006
}
7007
 
7008
.paddy {
7009
  padding: 20px;
7010
  float: left;
7011
}
7012
 
7013
.dropdown-menu {
7014
  position: absolute;
7015
  top: 100%;
7016
  left: 0;
7017
  z-index: 1000;
7018
  display: none;
7019
  float: left;
7020
  min-width: 10rem;
7021
  padding: 0.5rem 0;
7022
  margin: 0.125rem 0 0;
7023
  font-size: 1rem;
7024
  color: #212529;
7025
  text-align: left;
7026
  list-style: none;
7027
  background-color: #fff;
7028
  width: 100%;
7029
  background-clip: padding-box;
7030
  border: none;
7031
  border-radius: 0.25rem;
7032
}
7033
 
7034
.radio-form p {
7035
  display: -webkit-inline-box;
7036
}
7037
 
7038
.dropdown a {
7039
  color: #000000;
7040
  font-size: 16px;
7041
  font-weight: 400;
7042
  padding: 0 20px;
7043
}
7044
 
7045
.accountnone {
7046
  border: none;
7047
}
7048
 
7049
.helpforum {
7050
  background-color: #fff;
7051
  padding: 15px 0;
7052
  box-shadow: 0px 2px #c6c6c6;
7053
}
7054
 
7055
.helpforum h3 {
7056
  font-size: 18px;
7057
  font-weight: 600;
7058
}
7059
 
7060
.helpforum a {
7061
  background-color: #e44d3a;
7062
  color: #fff;
7063
  padding: 10px 15px 10px 15px;
7064
  line-height: 4;
7065
  border-radius: 3px;
7066
}
7067
 
7068
.helpforum p {
7069
  line-height: 3;
7070
}
7071
 
7072
.actionstitle h3 {
7073
  font-size: 18px;
7074
  font-weight: 400;
7075
  color: #000;
7076
  padding-top: 30px;
7077
}
7078
 
7079
.actionstitle img {
7080
  padding-right: 10px;
7081
}
7082
 
7083
.actionstext a {
7084
  font-size: 16px;
7085
  font-weight: 500;
7086
  color: #e44d3a;
7087
  line-height: 2;
7088
  display: block;
7089
}
7090
 
7091
.helpform {
7092
  text-align: center;
7093
  padding-top: 70px;
7094
}
7095
 
7096
.helpform h3 {
7097
  font-size: 18px;
7098
  font-weight: 400;
7099
  color: #e44d3a;
7100
  margin-bottom: 10px;
7101
}
7102
 
7103
.helpform a {
7104
  background-color: #e44d3a;
7105
  color: #fff;
7106
  padding: 10px 15px 10px 15px;
7107
  border-radius: 3px;
7108
}
7109
 
7110
.helpform p {
7111
  margin-bottom: 30px;
7112
}
7113
 
7114
.helpform img {
7115
  float: unset;
7116
  padding-bottom: 10px;
7117
}
7118
 
7119
.bookingsideber h3 {
7120
  color: #000;
7121
}
7122
 
7123
.bookingsideber h3:active {
7124
  color: #e44d3a;
7125
}
7126
 
7127
.helpforum h4 {
7128
  font-size: 16px;
7129
  font-weight: 600;
7130
}
7131
 
7132
.bloktext {
7133
  padding-left: 25px;
7134
}
7135
 
7136
.privacy {
7137
  background-color: #fff;
7138
  height: 850px;
7139
}
7140
 
7141
.privacydropd .dropdown-toggle::after {
7142
  float: right;
7143
  vertical-align: 0.255em;
7144
}
7145
 
7146
/* .checkbox {} */
7147
.form-check {
7148
  padding-left: 0;
7149
}
7150
 
7151
.btns a {
7152
  color: #000;
7153
  border: 1px solid #e5e5e5;
7154
  padding: 10px 25px 10px 25px;
7155
  margin-left: 15px;
7156
  border-radius: 5px;
7157
  font-weight: 600;
7158
}
7159
 
7160
.btns {
7161
  padding-top: 20px;
7162
}
7163
 
7164
.btns a:hover {
7165
  background-color: #e44d3a;
7166
  color: #fff;
7167
}
7168
 
7169
.privacy h3 {
7170
  font-size: 18px;
7171
  font-weight: 600;
7172
  padding-top: 18px;
7173
  margin-bottom: 10px;
7174
}
7175
 
7176
.privacy p {
7177
  padding-top: 0px;
7178
  display: inline-block;
7179
}
7180
 
7181
.form-group {
7182
  margin-bottom: 1rem;
7183
  padding-top: 0px;
7184
}
7185
 
7186
.privacy i {
7187
  float: right;
7188
  color: #e44d3a;
7189
  font-size: 20px;
7190
  font-weight: 600;
7191
}
7192
 
7193
.dropdown-menu input {
7194
  margin-right: 10px;
7195
  margin-top: 15px;
7196
}
7197
 
7198
.dropdown-menu a {
7199
  padding: 10px 0 10px 40px;
7200
  margin-bottom: 10px;
7201
}
7202
 
7203
.dropdown-menu form {
7204
  margin-bottom: 10px;
7205
  margin-top: 10px;
7206
}
7207
 
7208
.privacydropd p {
7209
  margin-left: 20px;
7210
  margin-top: 5px;
7211
}
7212
 
7213
.privabtns {
7214
  margin-top: 20px;
7215
}
7216
 
7217
.privabtns {
7218
  padding-bottom: 15px;
7219
}
7220
 
7221
.privabtns a {
7222
  margin-right: 15px;
7223
  padding: 8px 25px;
7224
  color: #000000;
7225
  border: 1px solid #e5e5e5;
7226
}
7227
 
7228
.privabtns a:hover {
7229
  color: #fff;
7230
  background-color: #e44d3a;
7231
}
7232
 
7233
.privac {
7234
  background-color: #fff;
7235
  height: 560px;
7236
  padding-top: 20px;
7237
}
7238
 
7239
.privac h3 {
7240
  font-size: 18px;
7241
  font-weight: 600;
7242
}
7243
 
7244
.bids-detail ul {
7245
  display: -webkit-inline-box;
7246
}
7247
 
7248
.bids-detail ul li {
7249
  margin-right: 30px;
7250
}
7251
 
7252
.bids-detail h3 {
7253
  font-size: 16px;
7254
  font-weight: 400;
7255
}
7256
 
7257
.bids-detail {
7258
  background-color: #fff;
7259
  padding: 20px;
7260
  margin-bottom: 25px;
7261
  box-shadow: 0px 2px #e4e4e4;
7262
}
7263
 
7264
.dropdown-menu.show {
7265
  display: contents;
7266
}
7267
 
7268
.postpaid:checked:after {
7269
  content: "\f17b";
7270
  font: normal normal normal 16px/1 "LineAwesome";
7271
  font-weight: 600;
7272
  border: 1px solid #fff;
7273
  color: #ffffff;
7274
  text-align: center;
7275
  font-size: 12px;
7276
  width: 100%;
7277
  height: 100%;
7278
  background: #e44d3a;
7279
  display: block;
7280
  border-radius: 50%;
7281
  padding-top: 3px;
7282
}
7283
 
7284
.postpaid:focus {
7285
  border: 1px solid #fff;
7286
  width: 25px;
7287
  height: 25px;
7288
}
7289
 
7290
.postpaid {
7291
  -webkit-appearance: none;
7292
  content: "";
7293
  width: 20px;
7294
  height: 20px;
7295
  border-radius: 50%;
7296
  border: 1px solid #5e5e5e;
7297
  outline: 0;
7298
  margin-right: 5px;
7299
}
7300
 
7301
/* .main-ws-sec .job-status-bar {} */
7302
.main-ws-sec .btm-line {
7303
  padding-bottom: 20px !important;
7304
  border-bottom: 1px solid #e5e5e5 !important;
7305
  margin-bottom: 20px;
7306
}
7307
 
7308
.job-status-bar hr {
7309
  margin: 0 -40px;
7310
}
7311
 
7312
.reply-area {
7313
  padding-left: 55px;
7314
}
7315
 
7316
.reply-rply1 {
7317
  margin: 24px 0;
7318
}
7319
 
7320
.reply-area p {
7321
  padding-bottom: 10px;
7322
}
7323
 
7324
.reply-area span {
7325
  cursor: pointer;
7326
}
7327
 
7328
.reply-area span:hover {
7329
  color: #e44d3a;
7330
}
7331
 
7332
.reply-area i {
7333
  font-size: 16px;
7334
  font-weight: 600;
7335
  padding-right: 8px;
7336
}
7337
 
7338
.comment-area .la-plus-circle {
7339
  display: block;
7340
  text-align: center;
7341
  font-size: 40px;
7342
  color: #b2b2b2;
7343
}
7344
 
7345
.reply-area span {
7346
  padding-top: 5px;
7347
  color: #b2b2b2;
7348
}
7349
 
7350
.comt span {
7351
  font-size: 16px;
7352
  color: #666666;
7353
}
7354
 
7355
.comt i {
7356
  padding-right: 8px;
7357
}
7358
 
7359
.postcomment .form-control {
7360
  width: 112%;
7361
  margin-left: -50px;
7362
  background-color: #efefef;
7363
  border-radius: 3px;
7364
}
7365
 
7366
.postcomment a {
7367
  background-color: #e44d3a;
7368
  color: #fff;
7369
  padding: 9px 25px 8px 25px;
7370
  line-height: 37px;
7371
  border-radius: 3px;
7372
}
7373
 
7374
.postcomment {
7375
  padding-top: 30px;
7376
}
7377
 
7378
.widget-about button:focus {
7379
  box-shadow: none;
7380
}
7381
 
7382
.widget-about button:hover {
7383
  background-color: #e44d3a;
7384
}
7385
 
7386
.widget-about button {
7387
  background-color: #e44d3a;
7388
  border: none;
7389
  padding: 12px 0;
7390
  width: 100%;
7391
}
7392
 
7393
.widget-about p {
7394
  background-color: #e44d3a;
7395
  color: #fff;
7396
  padding: 10px 0;
7397
}
7398
 
7399
.widget-projectid {
7400
  padding: 15px;
7401
}
7402
 
7403
.widget-projectid h3 {
7404
  padding-bottom: 7px;
7405
  font-size: 14px;
7406
  font-weight: 600;
7407
}
7408
 
7409
.sd-title h4 {
7410
  margin-bottom: 5px;
7411
  font-size: 16px;
7412
  font-weight: 600;
7413
  line-height: 24px;
7414
}
7415
 
7416
.paymethd p {
7417
  color: #e44d3a;
7418
}
7419
 
7420
.copylink p {
7421
  background-color: #efefef;
7422
  padding: 7px 0 8px 10px;
7423
}
7424
 
7425
.copylink a {
7426
  background-color: #e44d3a;
7427
  color: #fff;
7428
  padding: 10px 15px 10px 15px;
7429
  border-radius: 4px;
7430
}
7431
 
7432
.copylink span {
7433
  padding: 30px 0 20px;
7434
}
7435
 
7436
.copylink i {
7437
  float: unset;
7438
  position: unset;
7439
}
7440
 
7441
.copylink .la-facebook {
7442
  background-color: #3b5998;
7443
  color: #fff;
7444
}
7445
 
7446
.copylink .la-twitter {
7447
  color: #1da1f2;
7448
}
7449
 
7450
.copylink .la-pinterest-p {
7451
  background-color: #fff;
7452
  color: #c11628;
7453
  border-radius: 50%;
7454
}
7455
 
7456
.copylink img {
7457
  padding-right: 10px;
7458
}
7459
 
7460
.freelancerbiding {
7461
  background-color: #fff;
7462
  padding-top: 20px;
7463
}
7464
 
7465
.freelancerbiding h3 {
7466
  font-size: 18px;
7467
  font-weight: 400;
7468
}
7469
 
7470
.repcent {
7471
  text-align: left;
7472
}
7473
 
7474
.bidrit {
7475
  float: right;
7476
}
7477
 
7478
.repcent i {
7479
  padding-left: 5px;
7480
}
7481
 
7482
.star {
7483
  display: inline-flex;
7484
  padding: 5px 0;
7485
}
7486
 
7487
.star li i {
7488
  color: #bfd337;
7489
}
7490
 
7491
.repcent span {
7492
  color: #51a5fb;
7493
}
7494
 
7495
.repcent p {
7496
  padding-left: 7px;
7497
}
7498
 
7499
.noreview ul li i {
7500
  color: #b2b2b2;
7501
}
7502
 
7503
.paymethd .star li i {
7504
  position: unset;
7505
  font-size: 14px;
7506
}
7507
 
7508
.paymethd .star a {
7509
  color: #51a5fb;
7510
  padding-left: 12px;
7511
}
7512
 
7513
/* .modal-header {background-color: #e44d3a; display: block !important; } */
7514
.modal-body {
7515
  padding: 1rem 0;
7516
}
7517
 
7518
.notice {
7519
  background-color: #ddf3ff;
7520
  padding: 15px;
7521
}
7522
 
7523
.notice span {
7524
  font-weight: 500;
7525
  padding-right: 5px;
7526
}
7527
 
7528
.innerbody {
7529
  padding: 15px;
7530
}
7531
 
7532
.innerbody h3 {
7533
  font-size: 18px;
7534
  font-weight: 600;
7535
}
7536
 
7537
.innerbody h4 {
7538
  font-weight: 600;
7539
  font-size: 14px;
7540
  margin-left: -15px;
7541
  float: left;
7542
}
7543
 
7544
.delivery .input-group select {
7545
  width: 150px;
7546
  height: 50px !important;
7547
  font-size: 19px;
7548
  border: 1px solid #e5e5e5;
7549
  border-radius: 3px;
7550
}
7551
 
7552
.input-group-prepend {
7553
  background-color: #f3f3f3;
7554
  color: #bfbfbf;
7555
  text-align: center;
7556
  line-height: 3;
7557
  border: 1px solid #e5e5e5;
7558
}
7559
 
7560
.input-group-text {
7561
  color: #666666 !important;
7562
  background-color: #f5f5f5 !important;
7563
  border: 0px !important;
7564
  border-radius: 3px !important;
7565
}
7566
 
7567
.place-bid-form {
7568
  position: relative;
7569
  left: 20px;
7570
  top: -15px;
7571
  padding-bottom: 15px;
7572
}
7573
 
7574
.place-bid-form .input-group input {
7575
  width: 70px;
7576
  border: 1px solid #e5e5e5;
7577
}
7578
 
7579
.paydel {
7580
  padding: 40px 0 0;
7581
}
7582
 
7583
.beatcompitation {
7584
  background-color: #f3f3f3;
7585
  padding: 15px;
7586
}
7587
 
7588
.beatcompitation h3 {
7589
  font-weight: 500;
7590
}
7591
 
7592
.sponser i {
7593
  background-color: #e44d3a;
7594
  color: #fff;
7595
  margin-right: 5px;
7596
  padding: 2px;
7597
}
7598
 
7599
.sponser h2 {
7600
  font-size: 18px;
7601
  font-weight: 600;
7602
  padding-top: 15px;
7603
  padding-bottom: 15px;
7604
}
7605
 
7606
.sponser {
7607
  padding: 15px;
7608
}
7609
 
7610
.modal-footer {
7611
  display: block !important;
7612
  border-top: none;
7613
  padding: 1rem 0;
7614
}
7615
 
7616
.modal-footer button {
7617
  background-color: var(--button-bg);
7618
  border: none;
7619
  border-radius: var(--button-text-color);
7620
  font-size: 15px;
7621
  font-weight: 500;
7622
  padding: 10px;
7623
  border-radius: var(--border-radius);
7624
}
7625
.modal-footer button:hover, .modal-footer button:active {
7626
  background-color: var(--button-bg-hover);
7627
}
7628
.modal-footer button:nth-child(2) {
7629
  color: var(--button-text-color-secondary) !important;
7630
  background-color: var(--button-bg-secondary);
7631
  border: 1px solid var(--border-gray-primary);
7632
}
7633
.modal-footer button:nth-child(2):hover {
7634
  background-color: var(--button-bg-secondary-hover);
7635
}
7636
 
7637
.modal-footer button.save {
7638
  color: var(--button-text-color-secondary);
7639
  background-color: var(--button-bg-secondary);
7640
}
7641
.modal-footer button.save:hover {
7642
  background-color: var(--button-bg-secondary-hover);
7643
}
7644
 
7645
.place-bid-btn {
7646
  font-size: 15px;
7647
  font-weight: 500;
7648
  color: #fff !important;
7649
  background-color: #e44d3a !important;
7650
  border: none;
7651
  padding: 10px;
7652
  border: 1px solid #e44d3a;
7653
  border-radius: 3px;
7654
}
7655
 
7656
.usy-dt .reply {
7657
  margin: 3px 0 0 10px;
7658
  width: 360px;
7659
  height: 40px;
7660
  background-color: #efefef;
7661
  border: 1px solid #e5e5e5;
7662
  padding-left: 10px;
7663
  border-radius: 3px;
7664
}
7665
 
7666
.replybtn {
7667
  background-color: #e44d3a;
7668
  color: #fff;
7669
  padding: 10px;
7670
  margin-left: 15px;
7671
  border-radius: 3px;
7672
}
7673
 
7674
.replybtn:hover {
7675
  color: #fff;
7676
}
7677
 
7678
.rewivew ul li {
7679
  margin-right: 5px !important;
7680
}
7681
 
7682
.security hr {
7683
  margin-right: -15px;
7684
  margin-left: -15px;
7685
}
7686
 
7687
.privacy .la-check {
7688
  float: left;
7689
  font-size: 12px;
7690
  margin: 5px 5px 0 0;
7691
  padding: 3px;
7692
  background-color: #e44d3a;
7693
  color: #fff;
7694
  border-radius: 50%;
7695
}
7696
 
7697
ul#myTab {
7698
  border-bottom: 1px solid #e5e5e5;
7699
}
7700
 
7701
.nav-tabs .nav-link {
7702
  border: none;
7703
}
7704
 
7705
.noborder {
7706
  border-bottom: none;
7707
}
7708
 
7709
.manbids {
7710
  margin-bottom: 0 !important;
7711
}
7712
 
7713
.noreply {
7714
  padding-top: 30px;
7715
}
7716
 
7717
#my-bids .nav-tabs {
7718
  margin-bottom: 20px;
7719
  margin-top: 7px;
7720
  padding-bottom: 0;
7721
}
7722
 
7723
#my-bids ul {
7724
  margin-bottom: 15px;
7725
  margin-top: 7px;
7726
  padding-bottom: 0;
7727
}
7728
 
7729
.savedjob-info p {
7730
  color: #666666;
7731
  margin-top: 5px;
7732
}
7733
 
7734
#my-bids ul li a {
7735
  color: #000000;
7736
  font-size: 16px;
7737
  font-weight: 500;
7738
}
7739
 
7740
#my-bids li a:hover {
7741
  color: #e44d3a;
7742
}
7743
 
7744
#saved-jobs ul {
7745
  margin-bottom: 20px;
7746
}
7747
 
7748
#saved-jobs ul li a {
7749
  color: #000000;
7750
  font-size: 16px;
7751
  font-weight: 500;
7752
}
7753
 
7754
#saved-jobs li a:hover {
7755
  color: #e44d3a;
7756
}
7757
 
7758
.wordpressdevlp h2 {
7759
  font-size: 18px;
7760
  font-weight: 600;
7761
  margin-bottom: 15px;
7762
}
7763
 
7764
#saved-jobs .nav-tabs .nav-item.show .nav-link,
7765
#saved-jobs .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
#my-bids .nav-tabs .nav-item.show .nav-link,
7773
#my-bids .nav-tabs .nav-link.active {
7774
  background-color: inherit;
7775
  color: #e44d3a !important;
7776
  padding-bottom: 9px;
7777
  border-bottom: 2px solid #e44d3a !important;
7778
}
7779
 
7780
.descptab li img {
7781
  float: left !important;
7782
  filter: inherit !important;
7783
}
7784
 
7785
.bklink {
7786
  border-bottom: none !important;
7787
  width: unset !important;
7788
  float: right !important;
7789
}
7790
 
7791
.bklik {
7792
  border-bottom: none !important;
7793
}
7794
 
7795
/*////////////////////////////////////////My css//////////////////////////////// //////////////////////////////////////////////////////////////////////////////*/
7796
.savedjob-info li {
7797
  display: inline-block;
7798
  padding-left: 25px;
7799
}
7800
 
7801
.savedjob-info h3 {
7802
  font-size: 14px;
7803
  font-weight: 500;
7804
}
7805
 
7806
.settingjb ul li {
7807
  margin-right: 25px !important;
7808
}
7809
 
7810
.mangebid li {
7811
  padding-left: 0;
7812
  padding-right: 20px;
7813
  padding-top: 10px;
7814
}
7815
 
7816
.bk-links.bklink li {
7817
  padding-right: 0;
7818
}
7819
 
7820
.bidsbtn {
7821
  position: relative;
7822
}
7823
 
7824
.biddersinfo li {
7825
  padding-left: 0;
7826
  padding-right: 20px;
7827
}
7828
 
7829
#review {
7830
  background-color: #fff;
7831
  margin-bottom: 40px;
7832
}
7833
 
7834
.starreview {
7835
  padding-left: 20px;
7836
}
7837
 
7838
.replytext {
7839
  padding-bottom: 20px;
7840
}
7841
 
7842
.starrevi {
7843
  padding-left: 20px;
7844
}
7845
 
7846
.apply-jobbox {
7847
  text-align: center;
7848
}
7849
 
7850
.apply-jobbox form input {
7851
  width: 100%;
7852
  margin-top: 20px;
7853
  padding: 10px;
7854
  color: #222;
7855
  border: 1px solid #e5e5e5;
7856
  border-radius: 3px;
7857
  font-size: 14px;
7858
}
7859
 
7860
.apply-jobbox h3 {
7861
  margin: 20px 0;
7862
}
7863
 
7864
.select-files {
7865
  border: 1px solid #e5e5e5;
7866
  margin-top: 20px;
7867
  padding: 30px;
7868
  background: #efefef;
7869
}
7870
 
7871
.select-files button {
7872
  margin-bottom: 20px;
7873
  background-color: transparent;
7874
  border: 1px solid #e5e5e5;
7875
  padding: 10px 15px 10px 15px;
7876
  border-radius: 5px;
7877
  font-weight: 600;
7878
}
7879
 
7880
.select-files button:hover {
7881
  background-color: #e44d3a;
7882
  color: #fff;
7883
}
7884
 
7885
.close {
7886
  position: absolute;
7887
  right: 0px;
7888
  top: 0px;
7889
  color: #929292;
7890
  border: 1px solid !important;
7891
  border-radius: 50%;
7892
  height: 30px;
7893
  width: 30px;
7894
}
7895
 
7896
.mapouter iframe {
7897
  width: 100%;
7898
  height: 400px;
7899
}
7900
 
7901
.mapouter {
7902
  position: relative;
7903
  text-align: right;
7904
  height: 500px;
7905
  width: 100%;
7906
}
7907
 
7908
.gmap_canvas {
7909
  overflow: hidden;
7910
  background: none !important;
7911
}
7912
 
7913
.video-iframe {
7914
  width: 100%;
7915
  height: 400px;
7916
}
7917
 
7918
.custom-file-input {
7919
  color: transparent;
7920
  opacity: 1;
7921
  /* margin-left: 140px; */
7922
  margin-bottom: 10px;
7923
}
7924
 
7925
.custom-file-input::-webkit-file-upload-button {
7926
  visibility: hidden;
7927
}
7928
 
7929
.custom-file-input::before {
7930
  content: "Select Files";
7931
  color: #fff;
7932
  display: inline-block;
7933
  border: 1px solid #e5e5e5;
7934
  border-radius: 3px;
7935
  background: #e44d3a;
7936
  font-weight: 500;
7937
  padding: 10px 15px;
7938
  outline: none;
7939
  white-space: nowrap;
7940
  -webkit-user-select: none;
7941
  cursor: pointer;
7942
}
7943
 
7944
.custom-file-input:hover::before {
7945
  background-color: #e44d3a;
7946
  color: #fff;
7947
}
7948
 
7949
.custom-file-input:active {
7950
  outline: 0;
7951
}
7952
 
7953
.custom-file-input:active::before {
7954
  background: #e44d3a;
7955
  color: #fff;
7956
}
7957
 
7958
.bids-time {
7959
  float: right;
7960
}
7961
 
7962
.saved-post {
7963
  padding: 0;
7964
}
7965
 
7966
.saved-post p {
7967
  padding-bottom: 20px;
7968
}
7969
 
7970
.saved-info li {
7971
  padding-right: 25px;
7972
  padding-left: 0;
7973
}
7974
 
7975
.saved-btn {
7976
  padding: 0;
7977
  margin-bottom: -12px;
7978
}
7979
 
7980
.applied-post {
7981
  padding: 0;
7982
}
7983
 
7984
.post-bid {
7985
  padding: 0 !important;
7986
}
7987
 
7988
.bidsbtn {
7989
  padding-top: 0 !important;
7990
}
7991
 
7992
.active-bids {
7993
  padding: 0;
7994
}
7995
 
7996
.activ-bidinfo li {
7997
  padding-top: 10px;
7998
  padding-left: 0;
7999
  padding-right: 25px;
8000
}
8001
 
8002
.activebtn {
8003
  padding-left: 0;
8004
}
8005
 
8006
.p-all {
8007
  padding: 0px;
8008
  float: left;
8009
  width: 100%;
8010
  position: relative;
8011
}
8012
 
8013
.toggle-btn .custom-switch .custom-control-label::before {
8014
  left: -2.25rem;
8015
  width: 70px;
8016
  pointer-events: all;
8017
  border-radius: 100px;
8018
  height: 30px;
8019
  top: -1px;
8020
  box-shadow: none;
8021
}
8022
 
8023
.toggle-btn .custom-control-label::before {
8024
  position: absolute;
8025
  top: 0.25rem;
8026
  left: -1.5rem;
8027
  display: block;
8028
  width: 1rem;
8029
  height: 1rem;
8030
  pointer-events: none;
8031
  content: "";
8032
  background-color: #fff;
8033
  border: #e1e1e1 solid 2px;
8034
}
8035
 
8036
.custom-control-input:checked ~ .custom-control-label::before {
8037
  color: #fff;
8038
  border-color: #e44d3a;
8039
  background-color: #e44d3a;
8040
  box-shadow: none;
8041
  outline: none;
8042
}
8043
 
8044
.toggle-btn .custom-switch .custom-control-label::after {
8045
  top: 1px;
8046
  left: -34px;
8047
  width: 26px;
8048
  height: 26px;
8049
  background-color: #e1e1e1;
8050
  border-radius: 100%;
8051
  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;
8052
  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;
8053
  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;
8054
}
8055
 
8056
.toggle-btn .custom-control-label::after {
8057
  position: absolute;
8058
  top: 0.25rem;
8059
  left: -1.5rem;
8060
  display: block;
8061
  width: 0;
8062
  height: 0;
8063
  content: "";
8064
  background: no-repeat 50%/50% 50%;
8065
}
8066
 
8067
.toggle-btn .custom-control-label {
8068
  position: initial;
8069
  margin-bottom: 0;
8070
  vertical-align: top;
8071
}
8072
 
8073
.toggle-btn .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
8074
  background-color: #fff;
8075
  -webkit-transform: translateX(2.5rem);
8076
  transform: translateX(2.5rem);
8077
}
8078
 
8079
.custom-control-label {
8080
  position: relative;
8081
  margin-bottom: 0;
8082
  vertical-align: top;
8083
  line-height: 24px;
8084
  font-size: 14px;
8085
  color: #666666;
8086
}
8087
 
8088
.small-text-children p,
8089
.small-text-children span {
8090
  font-size: 0.8rem;
8091
}
8092
 
8093
.search-item-selected {
8094
  padding: 1px 10px;
8095
  background: var(--background-gray);
8096
  line-height: 1;
8097
  border-radius: 10px;
8098
  font-weight: bold;
8099
}
8100
 
8101
.row .sc-dkzDqf {
8102
  margin: 0 auto;
8103
}
8104
 
8105
.test-section .title,
8106
.test-section .description {
8107
  margin-bottom: 10px;
8108
}
8109
 
8110
.test-section .btn-danger {
8111
  margin-right: 10px;
8112
}
8113
 
8114
.test-section .panel-body {
8115
  padding: 20px 0px;
8116
}
8117
 
8118
.test-section .panel {
8119
  margin-top: 20px;
8120
  padding-bottom: 10px;
8121
}
8122
 
8123
.test-section .panel-title {
8124
  font-size: 16px;
8125
  font-weight: bold;
8126
  text-transform: uppercase;
8127
}
8128
 
8129
.test-section .np-padding {
8130
  padding: 0px;
8131
}
8132
 
8133
.test-section .checkbox {
8134
  display: flex;
8135
  margin: 20px 0px;
8136
}
8137
 
8138
.test-section .option {
8139
  margin-left: 10px;
8140
}
8141
 
8142
.checkbox input[type=checkbox],
8143
input[type=radio] {
8144
  margin-top: 5px !important;
8145
}
8146
 
8147
.test-section h6 {
8148
  margin-bottom: 10px;
8149
  color: #0860bf;
8150
}
8151
 
8152
.wizard {
8153
  display: flex;
8154
  margin-top: 10px;
8155
}
8156
 
8157
.wizard li {
8158
  width: 50%;
8159
  display: inline-block;
8160
}
8161
 
8162
.btn-secondary:disabled,
8163
.btn-primary:disabled {
8164
  cursor: no-drop;
8165
}
8166
 
8167
.test-section .btn-primary {
8168
  margin-left: 10px;
8169
}
8170
 
8171
.previous {
8172
  text-align: left;
8173
}
8174
 
8175
.next {
8176
  text-align: right;
8177
}
8178
 
8179
.test-section .close {
8180
  border: none !important;
8181
  border-radius: 0px !important;
8182
}
8183
 
8184
.ratin-range {
8185
  display: block;
8186
}
8187
 
8188
.ratin-range li {
8189
  display: inline-block;
8190
  width: 6%;
8191
}
8192
 
8193
.ratin-range li .option {
8194
  margin-top: 2px !important;
8195
}
8196
 
8197
#react-self-evaluation .company-up-info ul {
8198
  width: 100%;
8199
  position: absolute;
8200
  float: left;
8201
  left: 0px;
8202
  bottom: 4vw;
8203
}
8204
 
8205
#react-self-evaluation .company-up-info {
8206
  padding: 30px 10px;
8207
  min-height: 20vw;
8208
  border: 1px solid #e5e5e5;
8209
}
8210
 
8211
#react-self-evaluation .company-up-info h3 {
8212
  width: 90%;
8213
  margin: 5px auto;
8214
}
8215
 
8216
.mb10 {
8217
  margin-bottom: 3vw;
8218
}
8219
 
8220
.opt-h6 {
8221
  font-weight: 600 !important;
8222
  color: #000 !important;
8223
}
8224
 
8225
.btn-primary {
8226
  background-color: var(--button-bg);
8227
  border-radius: 10px;
8228
  color: var(--button-text-color) !important;
8229
  border: none;
8230
}
8231
.btn-primary:hover {
8232
  background-color: var(--button-bg-hover);
8233
}
8234
 
8235
.btn-secondary {
8236
  background: var(--button-bg-secondary);
8237
  border: 1px solid var(--border-primary);
8238
  border-radius: 5px;
8239
  color: var(--button-text-color-secondary) !important;
8240
}
8241
.btn-secondary:hover {
8242
  background-color: var(--button-bg-secondary-hover);
8243
  border-color: var(--border-trasnparent);
8244
}
8245
 
8246
.btn-tertiary {
8247
  background-color: var(--button-bg-tertiary);
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 */