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