Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

| Ultima modificación | Ver Log |

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