Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev Autor Línea Nro. Línea
3508 stevensc 1
/*===================== TABLE OF CONTENT ======================= 1.	Header 2.  Nav Hover =============================================================*/
2
@import "./settings/variables.scss";
3
 
4
body {
5
    overflow-y: scroll;
6
}
7
 
8
header {
9
    float: left;
10
    width: 100%;
11
    /*background-color: #0961bf; border-bottom: 8px #1dac98 solid;*/
12
    background-color: white;
13
    border-bottom: 1px solid #afafaf;
14
}
15
 
16
.search-bar {
17
    margin-top: 10px;
18
}
19
 
20
nav > ul > li > a:hover {
21
    /*color: #1dac98 !important;*/
22
    color: #ffffff;
23
}
24
 
25
.user-account {
26
    border-left: none;
27
    border-right: none;
28
    display: flex;
29
    height: 56px;
30
    align-items: center;
31
    justify-content: space-between;
32
}
33
 
34
.mail_menu {
35
    display: flex;
36
    flex-direction: column;
37
    justify-content: center;
38
    align-items: center;
39
    /* gap: 0.5rem; */
40
}
41
 
42
nav ul ul {
43
    /* background-color: #1dac98; */
44
    background-color: #f4e6a6;
45
}
46
 
47
.search-bar form input {
48
    width: 100%;
49
    background-color: #fff;
50
    height: 30px;
51
    color: #b2b2b2;
52
    font-size: 12px;
53
    border: 0;
54
    padding: 0 10px;
55
    border-radius: 25px;
56
}
57
 
58
.search-bar form button i {
59
    /* color: #0a0a0a; */
60
    color: #fff;
61
    font-size: 20px;
62
    font-weight: bold;
63
}
64
 
65
.search-bar form button {
66
    position: absolute;
67
    top: 0;
68
    right: 0;
69
    background-color: #efefef;
70
    width: 38px;
71
    height: 100%;
72
    /*border: 0;*/
73
    border-radius: 25px;
74
}
75
 
76
.username-dt {
77
    float: left;
78
    width: 100%;
79
    /*background-color: #1dac98; */
80
    /* background-color: #F7EE9F; */
81
    background-color: #1eb89e;
82
    padding-top: 40px;
83
}
84
 
85
.post-topbar {
86
    /* border-top: 4px solid #ffd600; */
3509 stevensc 87
    border-top: 4px solid $border-primary;
3508 stevensc 88
}
89
 
90
.post-st ul li a:hover,
91
.post-st ul li a.active {
92
    /* background-color: #1dac98; */
93
    background-color: #82d0d4;
94
    color: #fff;
95
}
96
 
97
.widget-about img {
98
    float: none;
99
    padding-top: 0px;
100
}
101
 
102
.modal-notificacion {
103
    /* color: #0961bf !important; */
104
    color: #0961bf !important;
105
}
106
 
107
.view-all-nots > a {
108
    /* background-color: #0961bf; */
109
    background-color: #0961bf;
110
}
111
 
112
/* .notification-box {top: 24px !important; } */
113
.comment_box form button {
114
    /* background-color: #0961bf; */
115
    background-color: #0860bf !important;
116
    color: #ffffff;
117
    height: 38px;
118
    font-size: 15px !important;
119
}
120
 
121
.comment_box form button:hover {
122
    /* background-color: #0961bf; */
123
    background-color: #1e5591 !important;
124
}
125
 
126
.chat-mg span {
127
    /* background-color: #0961bf !important; */
128
    background-color: #0961bf !important;
129
}
130
 
131
.post-project h3 {
132
    background-color: #1dac98;
133
}
134
 
135
.post-project-fields form ul li button.active {
136
    background-color: #1dac98;
137
    color: #fff;
138
}
139
 
140
.chat-msg p {
141
    background-color: #1dac98;
142
}
143
 
144
.con-title {
145
    /* background-color: #0961bf !important; */
146
    background-color: #0961bf !important;
147
}
148
 
149
.typing-msg form button {
150
    /* color: #0961bf; */
151
    color: #0961bf;
152
}
153
 
154
.msg-numbers {
155
    background-color: #1dac98;
156
}
157
 
158
.search_form form button {
159
    /* background-color: #0961bf; */
160
    background-color: #0961bf;
161
}
162
 
163
.bk-links li i.la-envelope {
164
    /* background-color: #0961bf; */
165
    background-color: #0961bf;
166
}
167
 
168
.message-btn a {
169
    margin: 0.5rem 0;
170
}
171
 
172
.sign-in {
173
    background-color: white;
174
}
175
 
176
.sign_in_sec {
177
    padding-left: 25px;
178
}
179
 
180
.sign_in_sec form button:disabled {
181
    background-color: #dddddd;
182
    color: #a3a1a1;
183
}
184
 
185
.sign-control li.current a {
3737 stevensc 186
    background-color: $button-bg-secondary;
3508 stevensc 187
}
188
 
189
.sign-control li a.current {
3737 stevensc 190
    background-color: $button-bg-secondary;
191
    color: $button-text-color-secondary !important;
192
    border: 1px solid $border-primary;
3508 stevensc 193
}
194
 
195
.sign_in_sec h3:before {
196
    background-color: #0961bf;
197
}
198
 
199
.signup-tab ul li.current a {
200
    background-color: #0961bf;
201
}
202
 
203
.filter-heading h3 {
204
    color: #0961bf;
205
}
206
 
207
.theme-green .back-bar .selected-bar {
208
    background-color: #0961bf;
209
    background-image: linear-gradient(to bottom, #0961bf, #0961bf);
210
}
211
 
212
.theme-green .back-bar .pointer {
213
    background-color: #0961bf;
214
}
215
 
216
.job_descp > p a {
217
    color: #0961bf;
218
}
219
 
220
.like-com li a.active {
221
    color: #0961bf;
222
}
223
 
224
.like-com li button {
225
    color: #bebebe;
226
    font-size: 0.95rem;
227
}
228
 
229
.btn-feed-share {
230
    font-size: 0.95rem;
231
    color: #929292;
232
}
233
 
234
.btn-feed-share i {
235
    margin-right: 5px;
236
}
237
 
238
.btn-unlike,
239
.btn-like {
240
    color: #0961bf;
241
}
242
 
243
.btn-profile-cancel {
244
    background-color: #e44d3a;
245
    border: none;
246
    display: inline-block;
247
    padding: 0 12px;
248
    color: #fff;
249
    height: 35px;
250
    line-height: 35px;
251
}
252
 
253
.display-reactions {
254
    border-radius: 5px;
255
    padding: 10px;
256
    display: flex;
257
    align-items: center;
258
    justify-content: center;
259
    gap: 5px;
260
}
261
 
262
.display-reactions button {
3601 stevensc 263
    color: $chat-color;
3508 stevensc 264
}
265
 
266
.sign_link > a {
267
    color: #0961bf;
268
}
269
 
270
.view-more > a:hover {
271
    color: #0961bf;
272
}
273
 
274
.view-more > a {
275
    color: #0961bf;
276
}
277
 
278
.nav-tabs .nav-item.show .nav-link,
279
.nav-tabs .nav-link.active {
280
    color: #0961bf;
281
}
282
 
283
.tab-feed ul li.active span {
284
    color: #0961bf;
285
}
286
 
287
.btn-feed-trash,
288
.btn-comment-trash {
289
    color: #b2b2b2;
290
    margin-left: 0.2rem;
291
    transition: 0.2s linear;
292
}
293
 
294
.btn-feed-trash:hover,
295
.btn-comment-trash:hover {
296
    color: #df3e3e;
297
    margin-left: 0.2rem;
298
}
299
 
300
.btn-purple {
301
    background-color: #04478f;
302
}
303
 
304
.msg-notifc {
305
    background-color: #0961bf;
306
}
307
 
308
.msg-status {
309
    background-color: #0961bf;
310
}
311
 
312
.select-with-icon {
313
    background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
314
    background-repeat: no-repeat;
315
    background-position-x: 100%;
316
    background-position-y: 5px;
317
}
318
 
319
/* .mf-field > button {
320
    width: 1.7rem;
321
    white-space: nowrap;
322
    overflow: hidden;
323
    border: none !important;
324
}
325
.mf-field button i {
326
    margin-right: 5px;
327
    font-size: 1.5rem;
328
}
329
.mf-field > button:hover{
330
    color: #fff !important;
331
    text-shadow: 2px 2px 2px #0003 !important;
332
    border: none !important;
333
} */
334
.msg-title {
335
    display: flex;
336
    align-items: center;
337
    justify-content: space-between;
338
}
339
 
340
.msg-title .msgs_icons-container {
341
    display: flex;
342
    align-items: center;
343
}
344
 
345
.messages-sec .icon {
346
    cursor: pointer;
347
    height: 30px;
348
    display: grid;
349
    place-items: center;
350
    width: 30px;
351
    border-radius: 50px;
352
    padding: 0;
353
    transition: all 0.2s;
354
    color: #0860bf;
355
}
356
 
357
.messages-sec .icon:hover {
358
    background-color: #efefef;
359
}
360
 
361
.messages-page > .container h1 {
362
    font-weight: 600;
363
    font-size: 2rem;
364
    text-align: left;
365
    margin-bottom: 1.5rem;
366
}
367
 
368
.messages-list > .messages_conversation-search {
369
    transition: all 0.2s;
370
    padding: 10px 20px;
371
    position: relative;
372
    overflow: hidden;
373
}
374
 
375
.messages-list > .messages_conversation-search.hide {
376
    height: 0;
377
    padding: 0;
378
}
379
 
380
.messages-list > .messages_conversation-search input {
381
    outline: none;
382
    box-shadow: none;
383
    border: 1px solid #e6e6e6;
384
}
385
 
386
.messages-line {
387
    display: flex;
388
    flex-direction: column-reverse;
389
    height: auto;
390
    overflow: auto;
391
}
392
 
393
.main-conversation-box > .messages-line > hr {
394
    margin-top: 0 !important;
395
    margin-bottom: 0 !important;
396
    opacity: 0 !important;
397
}
398
 
399
.message-bar-head .usr-msg-details {
400
    display: flex;
401
    align-items: center;
402
}
403
 
404
.message-select-conversation {
405
    display: grid;
406
    place-items: center;
407
    width: 100%;
408
    min-height: 300px;
409
    height: 100%;
3572 stevensc 410
    position: absolute;
3508 stevensc 411
}
412
 
413
.message-select-conversation .msgs-select-container {
414
    display: flex;
415
    flex-direction: column;
416
    align-items: center;
417
}
418
 
419
.message-select-conversation .msgs-select-container .icon {
420
    font-size: 2.5rem;
421
    margin-bottom: 1rem;
422
}
423
 
424
.message-select-conversation .msgs-select-container .icon:hover {
425
    background-color: #0000;
426
}
427
 
428
@media (min-width: 1200px) {
429
    .msgs-container {
430
        max-width: 1000px;
431
    }
432
}
433
 
434
.main-conversation-box .message-bar-head .usr-msg-details .icon {
435
    display: none;
436
}
437
 
438
.msgs-hide {
439
    font-size: 1.2rem;
440
    color: var(--gray);
441
}
442
 
443
@media (max-width: 992px) {
444
    .main-conversation-box .message-bar-head .usr-msg-details .icon {
445
        display: grid;
446
    }
447
}
448
 
449
@media (max-width: 992px) {
450
    .msgs-hide {
451
        display: none;
452
    }
453
}
454
 
455
@media (min-width: 992px) {
456
    .icon-hide {
457
        display: none !important;
458
    }
459
}
460
 
461
#shared_with {
462
    font-size: 16px;
463
    display: inline-block;
464
    height: 40px;
465
    padding: 0 15px;
466
    line-height: 40px;
467
    font-weight: 500;
468
}
469
 
470
#shared_with > option {
471
    font-size: 1.2rem;
472
    display: inline-block;
473
    height: 40px;
474
    padding: 0 15px;
475
    line-height: 40px;
476
    font-weight: 500;
477
}
478
 
479
.flww {
480
    background-color: #0961bf;
481
}
482
 
483
.tab-feed ul li.active span {
484
    color: #1dac98;
485
}
486
 
487
.add-pic-box [type="file"] + label {
488
    border: 2px solid #0961bf;
489
    color: #0961bf;
490
}
491
 
492
.add-pic-box [type="file"] + label:hover {
493
    background: #0961bf;
494
}
495
 
496
.user-pro-img .add-dp {
497
    left: 34%;
498
}
499
 
500
/****estilos del feed***/
501
.img-sm {
502
    width: 46px;
503
    height: 46px;
504
}
505
 
506
.panel .panel-footer,
507
.panel > :last-child {
508
    border-bottom-left-radius: 0;
509
    border-bottom-right-radius: 0;
510
}
511
 
512
.panel .panel-heading,
513
.panel > :first-child {
514
    border-top-left-radius: 0;
515
    border-top-right-radius: 0;
516
}
517
 
518
.panel-body {
519
    padding: 25px 20px;
520
}
521
 
522
.media-block .media-left {
523
    display: block;
524
    float: left;
525
}
526
 
527
.media-block .media-right {
528
    float: right;
529
}
530
 
531
.media-block .media-body {
532
    display: block;
533
    overflow: hidden;
534
    width: auto;
535
}
536
 
537
.middle .media-left,
538
.middle .media-right,
539
.middle .media-body {
540
    vertical-align: middle;
541
}
542
 
543
.thumbnail {
544
    border-radius: 0;
545
    border-color: #e9e9e9;
546
}
547
 
548
.tag.tag-sm,
549
.btn-group-sm > .tag {
550
    padding: 5px 10px;
551
}
552
 
553
.tag:not(.label) {
554
    background-color: #fff;
555
    padding: 6px 12px;
556
    border-radius: 2px;
557
    border: 1px solid #cdd6e1;
558
    font-size: 12px;
559
    line-height: 1.42857;
560
    vertical-align: middle;
561
    -webkit-transition: all 0.15s;
562
    transition: all 0.15s;
563
}
564
 
565
.text-muted,
566
a.text-muted:hover,
567
a.text-muted:focus {
568
    color: #acacac;
569
}
570
 
571
.text-sm {
572
    font-size: 0.9em;
573
}
574
 
575
.text-5x,
576
.text-4x,
577
.text-5x,
578
.text-2x,
579
.text-lg,
580
.text-sm,
581
.text-xs {
582
    line-height: 1.25;
583
}
584
 
585
.btn-trans {
586
    background-color: transparent;
587
    border-color: transparent;
588
    color: #929292;
589
}
590
 
591
.btn-icon {
592
    padding-left: 9px;
593
    padding-right: 9px;
594
}
595
 
596
.btn:hover {
597
    color: #fff;
598
}
599
 
600
.btn-sm,
601
.btn-group-sm > .btn,
602
.btn-icon.btn-sm {
603
    padding: 5px 10px !important;
604
}
605
 
606
.mar-top {
607
    margin-top: 15px;
608
}
609
 
610
.post_comment_sec form button {
611
    background-color: #0961bf;
612
}
613
 
614
.save {
615
    background-color: #0961bf;
616
}
617
 
618
.post_comment_sec form textarea {
619
    height: 80px;
620
}
621
 
622
.actions-common-com > a i {
623
    -webkit-transition: all 0.4s ease-in;
624
    -moz-transition: all 0.4s ease-in;
625
    -ms-transition: all 0.4s ease-in;
626
    -o-transition: all 0.4s ease-in;
627
    transition: all 0.4s ease-in;
628
}
629
 
630
.actions-common-com {
631
    float: right;
632
    margin-top: 20px;
633
}
634
 
635
.actions-common-com li {
636
    display: inline-block;
637
    margin-right: 15px;
638
}
639
 
640
.actions-common-com li a {
641
    color: #b2b2b2;
642
    font-size: 14px;
643
    font-weight: 500;
644
    float: left;
645
    margin-top: 6px;
646
    margin-right: 5px;
647
}
648
 
649
.actions-common-com li a:hover {
650
    color: #e44d3a;
651
}
652
 
653
.actions-common-com li a.active {
654
    color: #e44d3a;
655
}
656
 
657
.actions-common-com li a i {
658
    margin-right: 2px;
659
    font-size: 14px;
660
    position: relative;
661
    top: 2px;
662
}
663
 
664
.actions-common-com li span {
665
    color: #ffffff;
666
    font-size: 13px;
667
    width: 30px;
668
    height: 30px;
669
    background-color: #e44d3a;
670
    line-height: 30px;
671
    -webkit-border-radius: 30px;
672
    -moz-border-radius: 30px;
673
    -ms-border-radius: 30px;
674
    -o-border-radius: 30px;
675
    border-radius: 30px;
676
    float: left;
677
    text-align: center;
678
    font-weight: 600;
679
    margin-left: -25px;
680
}
681
 
682
.actions-common-com li .com {
683
    position: relative;
684
    top: -9px;
685
}
686
 
687
.actions-common-com li .com img {
688
    margin-right: 10px;
689
}
690
 
691
.widget-about button {
3565 stevensc 692
    background-color: $button-bg;
3508 stevensc 693
}
694
 
695
.copylink a {
696
    background-color: #0961bf;
697
}
698
 
699
/* .modal-header {background-color: #0961bf; } */
700
.custom-file-input::before {
701
    background: #0961bf;
702
}
703
 
704
.custom-file-input:hover::before {
705
    background-color: #1dac98;
706
}
707
 
708
.place-bid-btn {
709
    background-color: #0961bf !important;
710
}
711
 
712
.widget-about button:hover {
3565 stevensc 713
    background-color: $button-bg-hover;
3508 stevensc 714
}
715
 
716
.user-info img {
717
    /* width: 30px; height: 30px; */
718
    width: 100%;
719
    height: 100%;
720
    border-radius: 50%;
721
}
722
 
723
.sn-field-has-error {
724
    border: 1px solid red;
725
    margin-bottom: 5px;
726
}
727
 
728
.sn-field-invalid-feedback {
729
    color: red;
730
    font-size: 13px;
731
    line-height: 20px;
732
    margin-bottom: 5px;
733
}
734
 
735
.form-group {
736
    margin-bottom: 5px;
737
    margin-top: 5px;
738
}
739
 
740
.form-group-has-error {
741
    border: 1px solid red !important;
742
}
743
 
744
.form-group-invalid-feedback {
745
    color: red;
746
    font-size: 13px;
747
    line-height: 20px;
748
    margin-bottom: 5px;
749
}
750
 
751
.fgt-sec input[type="checkbox"] + label span:before {
752
    background-color: #0961bf;
753
}
754
 
755
::-webkit-input-placeholder {
756
    /* Edge */
757
    color: #515151;
758
}
759
 
760
:-ms-input-placeholder {
761
    /* Internet Explorer 10-11 */
762
    color: #515151;
763
}
764
 
765
::placeholder {
766
    color: #515151;
767
}
768
 
769
.info-page {
770
    padding: 50px 0;
771
}
772
 
773
.section_admin_title_buttons {
774
    width: 100%;
775
    display: flex;
776
    margin-left: 0;
777
    justify-content: space-between;
778
    align-items: center;
779
}
780
 
781
.market_admin_title_buttons {
782
    width: 100%;
783
    display: flex;
784
    gap: 1rem;
785
    flex-direction: column;
786
    justify-content: space-between;
787
    align-items: center;
788
}
789
 
790
.search-btn {
791
    width: 100px;
792
    right: 0;
793
    height: 100%;
3573 stevensc 794
    background: $bg-color;
3508 stevensc 795
    position: absolute;
3573 stevensc 796
    border: 1px solid $border-primary;
3508 stevensc 797
    top: 0;
3573 stevensc 798
    color: $font-color;
3508 stevensc 799
    font-weight: 600;
800
    border-start-end-radius: 0.25rem;
801
    border-bottom-right-radius: 0.25rem;
802
}
803
 
804
.market_admin_title_buttons .search_input {
805
    width: 100%;
806
    position: relative;
3573 stevensc 807
    input,
808
    input:focus {
809
        background: $bg-color;
3574 stevensc 810
        &::placeholder {
811
            color: $font-color;
812
        }
3573 stevensc 813
    }
3508 stevensc 814
}
815
 
816
.market_admin_title_buttons .search_categories {
817
    width: 100%;
3573 stevensc 818
    select {
819
        background-color: $bg-color;
3574 stevensc 820
        &::placeholder {
821
            color: $font-color;
822
        }
3573 stevensc 823
    }
3508 stevensc 824
}
825
 
826
.section_admin_title_buttons h1.title,
827
.section_admin_title_buttons h2 {
3523 stevensc 828
    color: $title-color;
3508 stevensc 829
    font-weight: bold;
830
    font-size: 18px;
831
}
832
 
833
.section_admin_title_buttons h2 {
834
    cursor: pointer;
835
}
836
 
837
@media (min-width: 768px) {
838
    .section_admin_title_buttons {
839
        width: 50%;
840
        margin-left: auto;
841
    }
842
 
843
    .market_admin_title_buttons {
844
        flex-direction: row;
845
    }
846
 
847
    .market_admin_title_buttons .search_input {
848
        width: 60%;
849
    }
850
 
851
    .market_admin_title_buttons .search_categories {
852
        width: 40%;
853
    }
854
}
855
 
856
.section_admin_form {
857
    float: left;
858
    width: 100%;
859
    padding-left: 15px;
860
}
861
 
862
.section_admin_form form input,
863
.section_admin_form form select {
864
    width: 100%;
865
    padding: 0 15px 0 15px;
866
    color: #000000;
867
    font-size: 14px;
868
    border: 1px solid #e5e5e5;
869
    height: 40px;
870
}
871
 
872
.section_admin_form form textarea {
873
    width: 100%;
874
    padding: 10px 15px 0 15px;
875
    color: #000000;
876
    font-size: 14px;
877
    border: 1px solid #e5e5e5;
878
    height: 300px;
879
}
880
 
881
/* .section_admin_form form button {color: #ffffff; font-size: 16px; background-color: #0961bf; padding: 12px 27px; border: 0; font-weight: 500; margin-top: 30px; cursor: pointer; }*/
882
.section_admin_form .form-group label {
883
    color: #666 !important;
884
    font-weight: 400;
885
    font-size: 14px;
886
    padding-bottom: 5px;
887
}
888
 
889
.section_admin_form .form-group .toggle-group label {
890
    color: #fff !important;
891
    font-weight: 400;
892
    font-size: 16px;
893
    padding-bottom: 5px;
894
}
895
 
896
.section_admin_form .form-group .toggle-group label.toggle-off {
897
    background-color: #808080;
898
    border-color: #808080;
899
}
900
 
901
.section_admin_form .form-group .toggle-group label.toggle-off:hover {
902
    background-color: #808080;
903
    border-color: #808080;
904
}
905
 
906
.select2-container .select2-selection--single .select2-selection__rendered {
907
    display: block;
908
    padding: 0 15px 0 15px;
909
    overflow: hidden;
910
    text-overflow: ellipsis;
911
    white-space: nowrap;
912
    color: #000000;
913
    font-size: 14px;
914
    border: 1px solid #e5e5e5;
915
    height: 40px;
916
}
917
 
918
.select2-container .select2-search--inline .select2-search__field {
919
    margin-left: 0px;
920
}
921
 
922
.select2-results__option {
923
    display: block;
924
    padding: 10px 15px 0 15px !important;
925
    overflow: hidden;
926
    text-overflow: ellipsis;
927
    white-space: nowrap;
928
    font-size: 14px;
929
    border: 1px solid #e5e5e5;
930
    height: 40px;
931
}
932
 
933
.text-vertical-middle {
934
    vertical-align: middle !important;
935
}
936
 
937
table.dataTable thead .sorting:before,
938
table.dataTable thead .sorting_asc:before,
939
table.dataTable thead .sorting_desc:before,
940
table.dataTable thead .sorting_asc_disabled:before,
941
table.dataTable thead .sorting_desc_disabled:before {
942
    right: 1em;
943
    /* content: "\2191";*/
944
    content: none !important;
945
}
946
 
947
table.dataTable thead .sorting:after,
948
table.dataTable thead .sorting_asc:after,
949
table.dataTable thead .sorting_desc:after,
950
table.dataTable thead .sorting_asc_disabled:after,
951
table.dataTable thead .sorting_desc_disabled:after {
952
    right: 0.5em;
953
    /*content: "\2193";*/
954
    content: none !important;
955
}
956
 
957
.btn-edit {
958
    display: inline-block;
959
    padding: 0 12px;
960
    color: #fff;
961
    height: 35px;
962
    line-height: 35px;
963
    background-color: #0961bf;
964
}
965
 
966
.btn-delete {
967
    display: inline-block;
968
    padding: 0 12px;
969
    color: #fff;
970
    height: 35px;
971
    line-height: 35px;
972
    background-color: #e44d3a;
973
}
974
 
975
.post-project-fields form label {
976
    color: #666 !important;
977
    font-weight: 400;
978
    font-size: 14px;
979
    padding-bottom: 5px;
980
}
981
 
982
.post-project-fields form input,
983
.post-project-fields form textarea,
984
.post-project-fields form select {
985
    width: 100%;
986
    color: #000000;
987
    font-size: 14px;
988
    border: 1px solid #b4b4b4;
989
    margin-bottom: 20px;
990
    font-weight: 500;
991
}
992
 
993
.overview-box.open {
994
    z-index: 1000 !important;
995
}
996
 
997
.overview-edit form select {
998
    padding-left: 0 !important;
999
    -webkit-border-radius: 0 !important;
1000
    -moz-border-radius: 0 !important;
1001
    -ms-border-radius: 0 !important;
1002
    -o-border-radius: 0 !important;
1003
    border-radius: 0 !important;
1004
}
1005
 
1006
.overview-edit form textarea,
1007
.overview-edit form input,
1008
.overview-edit form select {
1009
    border: 1px solid #aaa;
1010
    color: #b2b2b2 !important;
1011
}
1012
 
1013
.overview-edit span {
1014
    float: none;
1015
}
1016
 
1017
.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
1018
    color: #000;
1019
    font-size: 14px;
1020
    line-height: 20px;
1021
}
1022
 
1023
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
1024
    line-height: 20px;
1025
}
1026
 
1027
.select2-container--bootstrap4.select2-container--focus .select2-selection {
1028
    border-color: inherit;
1029
    -webkit-box-shadow: inherit;
1030
    box-shadow: inherit;
1031
}
1032
 
1033
.user-profile-extended-ov {
1034
    width: 100%;
3550 stevensc 1035
    background-color: $bg-color;
3508 stevensc 1036
    padding: 10px 20px 30px;
3641 stevensc 1037
    box-shadow: $shadow;
3508 stevensc 1038
    margin-bottom: 20px;
1039
    border-radius: 10px;
3641 stevensc 1040
    h3 {
1041
        color: $title-color;
1042
        font-size: 18px;
1043
        font-weight: 600;
1044
        margin-bottom: 0.5rem;
1045
    }
1046
    span {
1047
        line-height: 22px;
1048
        color: $font-color;
1049
    }
1050
    p {
1051
        color: $font-color;
1052
        line-height: 20px;
1053
    }
1054
    i {
1055
        color: $font-color;
1056
        font-size: 13px;
1057
    }
1058
    strong {
1059
        font-weight: bold !important;
1060
    }
3508 stevensc 1061
}
1062
 
1063
.user-social-network-ov {
1064
    float: left;
1065
    width: 100%;
3550 stevensc 1066
    background-color: $bg-color;
3508 stevensc 1067
    padding: 30px;
1068
    margin-bottom: 20px;
3641 stevensc 1069
    h3 {
1070
        color: $title-color;
1071
        font-size: 18px;
1072
        font-weight: 600;
1073
    }
1074
    i {
1075
        color: $font-color;
1076
        font-size: 13px;
1077
        padding-left: 5px;
1078
    }
3508 stevensc 1079
}
1080
 
1081
.social_links li a {
1082
    line-height: 18px;
1083
}
1084
 
1085
.overview-edit form .select2-container--default .select2-selection--single {
1086
    height: 40px;
1087
    margin-bottom: 25px;
1088
}
1089
 
1090
.overview-edit form .select2-container--default .select2-selection--single .select2-selection__rendered {
1091
    color: #444;
1092
    line-height: 34px;
1093
}
1094
 
1095
.overview-edit form .select2-container--default .select2-selection--single .select2-selection__arrow b {
1096
    margin-top: 4px;
1097
}
1098
 
1099
.overview-edit form textarea,
1100
.overview-edit form input,
1101
.overview-edit form select {
1102
    color: #444;
1103
}
1104
 
1105
.datepicky {
1106
    float: none;
1107
}
1108
 
1109
.datefm {
1110
    float: none;
1111
}
1112
 
1113
.modal-dialog {
1114
    /* width: 100%; background-color: #fff; padding: 15px 10px; */
1115
}
1116
 
1117
/* .modal-header {background-color: #fff; padding: 0px; border-bottom: 0px; } */
1118
.modal-title h3 {
1119
    color: #000000;
1120
    font-size: 18px;
1121
    font-weight: 600;
1122
    width: 100%;
1123
    margin-bottom: 25px;
1124
}
1125
 
1126
.modal-content {
1127
    border: 0px;
1128
    padding: 1rem;
1129
}
1130
 
1131
.modal-content textarea,
1132
.modal-content input,
1133
.modal-content select {
1134
    width: 100% !important;
1135
    resize: none;
1136
    border: 1px solid #aaa;
1137
    color: #444 !important;
1138
    font-size: 14px;
1139
}
1140
 
1141
.modal-content input {
1142
    height: 40px;
1143
    padding-left: 15px;
1144
    margin-bottom: 0;
1145
}
1146
 
1147
.modal-content select {
1148
    height: 40px;
1149
    padding-left: 15px;
1150
    margin-bottom: 0;
1151
    background-color: #fff;
1152
}
1153
 
1154
span.group-span-filestyle {
1155
    border: 1px solid #aaa;
1156
    color: #fff;
1157
    background-color: #0961bf;
1158
    margin-top: 10px;
1159
}
1160
 
1161
span.group-span-filestyle:hover {
1162
    color: #fff;
1163
    background-color: #0961bf;
1164
}
1165
 
1166
.modal-content .form-group .toggle-group label {
1167
    color: #fff !important;
1168
    font-weight: 400;
1169
    font-size: 16px;
1170
    padding-bottom: 5px;
1171
}
1172
 
1173
.modal-content .form-group .toggle-group label.toggle-off {
1174
    background-color: #808080;
1175
    border-color: #808080;
1176
}
1177
 
1178
.modal-content .form-group .toggle-group label.toggle-off:hover {
1179
    background-color: #808080;
1180
    border-color: #808080;
1181
}
1182
 
1183
.modal-content .select2-container--default .select2-selection--single {
1184
    height: 40px;
1185
    margin-bottom: 0;
1186
}
1187
 
1188
.modal-content .select2-container--default .select2-selection--single .select2-selection__rendered {
1189
    color: #444;
1190
    line-height: 34px;
1191
}
1192
 
1193
.modal-content .select2-container--default .select2-selection--single .select2-selection__arrow b {
1194
    margin-top: 4px;
1195
}
1196
 
1197
.modal-content .select2-container--bootstrap4 .select2-selection--multiple {
1198
    height: auto;
1199
    margin-bottom: 0;
1200
}
1201
 
1202
.modal-content .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__rendered {
1203
    color: #444;
1204
    line-height: 28px;
1205
    float: left;
1206
}
1207
 
1208
.modal-content .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__arrow b {
1209
    margin-top: 4px;
1210
}
1211
 
1212
.modal-content .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice {
1213
    border: 0 !important;
1214
}
1215
 
1216
.modal-content .select2-container--bootstrap4.select2-container--focus .select2-selection {
1217
    border: 1px solid #e5e5e5;
1218
    -webkit-box-shadow: none;
1219
    -moz-box-shadow: none;
1220
    box-shadow: none;
1221
}
1222
 
1223
.modal-content .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice__remove {
1224
    color: #000;
1225
    padding-left: 8px;
1226
    padding-right: 8px;
1227
    font-weight: inherit;
1228
    border: 1px solid #000;
1229
    margin-right: 5px;
1230
}
1231
 
1232
.modal-content .select2-container .select2-search--inline .select2-search__field {
1233
    margin-left: 0px;
1234
}
1235
 
1236
/** Autocomplete de google */
1237
.pac-container {
1238
    z-index: 1051 !important;
1239
}
1240
 
1241
.custom-file-label:after {
1242
    content: none;
1243
}
1244
 
1245
.add-pic-box a {
1246
    background: #fff;
1247
    border: 2px solid #0961bf;
1248
    border-radius: 3px;
1249
    color: #0961bf;
1250
    cursor: pointer;
1251
    display: inline-block;
1252
    font-size: 15px;
1253
    font-weight: 600;
1254
    outline: none;
1255
    padding: 12px 20px;
1256
    position: relative;
1257
    transition: all 0.3s;
1258
    vertical-align: middle;
1259
    margin: 0;
1260
    float: right;
1261
    text-transform: uppercase;
1262
}
1263
 
1264
#skills-box ul {
1265
    height: auto;
1266
}
1267
 
1268
/* .btn-info, .btn-add, .btn-edit, .btn-delete {color: #e5e5e5; background-color: #A4A4A4; border: 1px solid #A4A4A4; } .btn-info:hover, .btn-add:hover, .btn-edit:hover, .btn-delete:hover {background-color: #808080; border: 1px solid #808080; }*/
1269
.select2-container .select2-search--inline .select2-search__field {
1270
    margin-left: 0px;
1271
}
1272
 
1273
.custom-control-input:checked ~ .custom-control-label::before {
1274
    color: #fff;
1275
    border-color: #007bff;
1276
    background-color: #007bff;
1277
    box-shadow: none;
1278
    outline: none;
1279
}
1280
 
1281
#user-img-change {
1282
    width: 150px;
1283
    height: 150px;
1284
    margin-right: 10px;
1285
    -webkit-border-radius: 100px;
1286
    -moz-border-radius: 100px;
1287
    -ms-border-radius: 100px;
1288
    -o-border-radius: 100px;
1289
    border-radius: 100px;
3589 stevensc 1290
    background-color: #fff;
3508 stevensc 1291
}
1292
 
1293
.btn-onroom {
1294
    cursor: pointer;
1295
}
1296
 
1297
.form-group .toggle-btn .custom-control-label {
1298
    position: relative;
1299
    padding-left: 50px;
1300
}
1301
 
1302
.file-upload-indicator {
1303
    display: none;
1304
}
1305
 
1306
b,
1307
strong {
1308
    font-weight: bolder !important;
1309
}
1310
 
1311
a.read-more {
1312
    color: #666666;
1313
    font-weight: bold;
1314
}
1315
 
1316
a.read-morea:visited {
1317
    color: #666666;
1318
    font-weight: bold;
1319
}
1320
 
1321
.show-read-more .more-text {
1322
    display: none;
1323
}
1324
 
1325
.show-read-more {
3511 stevensc 1326
    color: $font-color;
3508 stevensc 1327
    font-size: 15px;
1328
    margin-bottom: 1.2rem;
1329
    text-align: justify;
1330
}
1331
 
1332
.show-read-more p {
1333
    font-size: 15px;
1334
    text-align: justify;
1335
    font-weight: 600;
3551 stevensc 1336
    color: $subtitle-color;
3508 stevensc 1337
}
1338
 
1339
.btn-trans:hover {
1340
    color: #929292 !important;
1341
}
1342
 
1343
.like-com li a:hover {
1344
    color: #007bff;
1345
}
1346
 
1347
.job-status-bar > a:hover {
1348
    color: #1e5591 !important;
1349
}
1350
 
1351
.job-status-bar > ul > li > a:hover {
1352
    color: #1e5591;
1353
}
1354
 
1355
/* btn-indicator*/
1356
.job_descp video,
1357
.job_descp img {
1358
    width: 100%;
1359
    height: 400px;
1360
    border-radius: 10px;
1361
    object-fit: cover;
3511 stevensc 1362
    background-color: #fff;
3508 stevensc 1363
}
1364
 
1365
.modal-content .job_descp img,
1366
.modal-content .job_descp video {
1367
    object-fit: contain;
1368
    height: auto;
1369
    max-height: 600px;
1370
}
1371
 
1372
.comment-section {
1373
    box-shadow: none;
1374
}
1375
 
1376
.process-comm {
1377
    padding-top: 10px;
1378
    padding-bottom: 20px;
1379
}
1380
 
1381
ul.avail-checks-search-type li.active {
1382
    background-color: #666666;
1383
}
1384
 
1385
nav ul li a {
1386
    color: #000000;
1387
}
1388
 
1389
.usy-name h4 {
1390
    color: #000000;
1391
    font-size: 16px;
1392
    text-transform: capitalize;
1393
    font-weight: 600;
1394
    margin-bottom: 5px;
1395
    margin-top: 2px;
1396
}
1397
 
1398
.message-btn a.btn-request-connection {
1399
    background-color: #53d690;
1400
}
1401
 
1402
.message-btn a.btn-cancel-connection {
1403
    background-color: #e44d3a;
1404
}
1405
 
1406
.message-btn a.btn-send-message {
1407
    background-color: #51a5fb;
1408
}
1409
 
1410
.bootbox-confirm .btn-danger {
1411
    color: #000000;
1412
}
1413
 
1414
.title-bar {
1415
    float: left;
1416
    width: 280px;
1417
    margin-top: 12px;
1418
    margin-bottom: 9px;
1419
    vertical-align: middle;
1420
}
1421
 
1422
.title-bar .title {
1423
    color: #ffffff;
1424
    font-size: 20px;
1425
    text-transform: capitalize;
1426
    font-weight: 600;
1427
}
1428
 
1429
/*New Style*/
1430
.online-btn {
1431
    border-radius: 50px;
1432
    width: 20px;
1433
    height: 20px;
1434
}
1435
 
1436
/***********************************new style jm*********************************/
1437
.forum-links ul li.active a {
1438
    color: #1dac98;
1439
}
1440
 
1441
.forum-links ul li.active {
1442
    border-color: #1dac98;
1443
}
1444
 
1445
.ask-question {
1446
    color: #0961bf !important;
1447
}
1448
 
1449
.suggestion-usd > span i:hover {
1450
    background-color: #f4e6a6;
1451
}
1452
 
1453
.bk-links li i {
1454
    background-color: #0961bf;
1455
}
1456
 
1457
.view-more > .btn {
1458
    background-color: #0961bf;
1459
}
1460
 
1461
/* #shared_with {background-color: #0961bf; } #shared_with :hover {color: blank; background-color: #007bff; } */
1462
.bid_now {
1463
    background-color: #0961bf;
1464
}
1465
 
1466
.follow {
1467
    background-color: #1eb89e;
1468
}
1469
 
1470
.footy-sec.mn ul li a {
1471
    color: #01245d;
1472
    font-size: 0.9rem;
1473
}
1474
 
1475
.footy-sec.mn ul li a:hover {
1476
    color: #01245d;
1477
    font-weight: bold;
1478
    transition: all 0.5s;
1479
}
1480
 
1481
.footy-sec.mn p {
1482
    color: #01245d;
1483
}
1484
 
1485
.star-descp ul li i {
1486
    color: #cacf8c;
1487
}
1488
 
1489
.hre {
1490
    background-color: #0961bf;
1491
}
1492
 
1493
.hire-us {
1494
    background-color: #0961bf;
1495
}
1496
 
1497
.company-up-info {
1498
    background-color: #ffff;
1499
}
1500
 
1501
body {
1502
    /* background-color: #ffff; */
1503
    background-color: #f5f5f7;
1504
}
1505
 
1506
.suggestions-list {
1507
    background-color: transparent;
1508
}
1509
 
1510
.tags-sec {
1511
    background-color: #ffff;
1512
}
1513
 
1514
.comment_box input {
1515
    background-color: #efefef;
1516
}
1517
 
1518
.post-bar {
1519
    /* background-color:#dee2e6; */
1520
    background-color: #ffff;
1521
}
1522
 
1523
.post_with_border {
1524
    border-left: 4px solid #1eb89e;
1525
}
1526
 
1527
.post-topbar {
3509 stevensc 1528
    background-color: $bg-color;
3508 stevensc 1529
}
1530
 
1531
.user-fw-status {
1532
    background-color: transparent;
1533
    margin-bottom: 1rem;
1534
}
1535
 
1536
.sd-title {
1537
    background-color: transparent;
1538
    /* border-top: 1px solid #e5e5e5; */
1539
    padding: 10px 5px 20px;
1540
}
1541
 
1542
.sign_link {
1543
    background-color: #ffff;
1544
}
1545
 
1546
.widget {
3566 stevensc 1547
    background-color: $bg-color !important;
3508 stevensc 1548
}
1549
 
1550
.search-title {
1551
    padding-left: 2%;
1552
    font-size: 1.2rem;
1553
}
1554
 
1555
.portfolio-gallery-sec {
1556
    background-color: #f5f5f7;
1557
}
1558
 
1559
.paddy {
1560
    background-color: transparent;
1561
}
1562
 
1563
.filter-heading {
1564
    background-color: transparent;
1565
}
1566
 
1567
.filter-dd form input,
1568
.filter-dd form select {
1569
    background-color: #fff;
1570
}
1571
 
1572
.user-profile {
1573
    /* background-color: #f4e6a6; */
1574
    border-radius: 5px 0 0 5px;
1575
}
1576
 
1577
.feed-comment-container {
1578
    margin-top: 1rem;
1579
}
1580
 
1581
.comment_box input {
1582
    background-color: #fff;
1583
    margin-top: 1rem;
1584
}
1585
 
1586
.pagination li .page-link {
1587
    color: #0961bf;
1588
}
1589
 
1590
.comment-section {
1591
    background-color: #f5f5f7;
1592
}
1593
 
1594
nav ul ul {
1595
    background-color: #1eb89e;
1596
}
1597
 
1598
nav ul li a {
1599
    color: $font-color;
1600
    transition: 0.2s linear;
1601
    font-size: 1rem;
1602
}
1603
 
1604
nav ul li a:hover {
1605
    color: $font-color;
1606
}
1607
 
1608
.like-com li a:hover {
1609
    color: #1eb89e;
1610
}
1611
 
1612
.company_profile_info {
1613
    border-radius: 5px;
1614
}
1615
 
1616
.full-width {
1617
    border-radius: 5px;
1618
    box-shadow: 0px 0px 11px 0px rgb(0 0 0 / 5%);
1619
}
1620
 
1621
.tab-feed.st2 ul li :hover {
1622
    border-bottom: 3px solid #f4e6a6;
1623
}
1624
 
1625
.user-info a {
1626
    color: #18516f;
1627
}
1628
 
1629
/* .user-info img {width: 30px; height: 30px; } */
1630
.modal-footer button {
1631
    /* color: #fff; */
1632
    background-color: #0961bf;
1633
    border: none;
1634
}
1635
 
1636
.border-none {
1637
    border: none !important;
1638
}
1639
 
1640
.auth-footy-sec {
1641
    background-color: initial;
1642
}
1643
 
1644
.auth-footy-sec ul li a {
1645
    font-size: 1rem;
1646
}
1647
 
1648
.btn.focus,
1649
.btn:focus {
1650
    outline: 0;
1651
    box-shadow: none;
1652
}
1653
 
1654
.auth-footy-sec p {
1655
    font-size: 1rem;
1656
}
1657
 
1658
.modal-content input {
1659
    border-radius: 5px;
1660
}
1661
 
1662
.modal-content select {
1663
    border-radius: 5px;
1664
}
1665
 
1666
/* .modal-header {background-color: #f2f2f2; padding: 0px; border-bottom: 0px; } */
1667
 
1668
.save-stngs ul li button {
1669
    background: #0961bf;
1670
    color: #fff !important;
1671
}
1672
 
1673
.usr-pic > img {
1674
    width: 80%;
1675
}
1676
 
1677
.user-specs {
1678
    padding: 39px 0 10px 0;
1679
}
1680
 
1681
.username-dt {
1682
    padding-top: 10px;
1683
    border-radius: 5px 5px 0 0;
1684
}
1685
 
1686
.sign_link {
1687
    /* border-top: 1px solid #6c757d; */
1688
}
1689
 
1690
.job-status-bar {
1691
    /* background-image: linear-gradient(#f5f5f7, #ffff); */
1692
    display: flex;
1693
    justify-content: space-between;
1694
    align-items: center;
1695
    /* border-radius: 10px; */
1696
}
1697
 
1698
.comment_box form button {
1699
    width: 20%;
1700
    margin-top: 1rem;
1701
}
1702
 
1703
.comment_box input {
1704
    width: 371px;
1705
    border-radius: 5px;
1706
    color: black;
1707
    font-weight: 400;
1708
}
1709
 
1710
.like-com li a {
1711
    color: #0961bf;
1712
}
1713
 
1714
.like-com li a:hover {
1715
    color: #1e5591 !important;
1716
}
1717
 
1718
.message-bar-head {
1719
    display: flex;
1720
    height: 13vh;
1721
    justify-content: space-between;
1722
    padding: 20px;
1723
    width: 100%;
1724
}
1725
 
1726
.form-control:disabled,
1727
.form-control[readonly] {
1728
    background-color: #ffff;
1729
}
1730
 
1731
.user-info {
1732
    /* padding: 10px 38px 2px 40px; */
1733
    height: 45px;
1734
    width: 45px;
1735
    margin-left: 1rem;
1736
}
1737
 
1738
/* .user-info > i {right: 25px; } */
1739
.file-caption.icon-visible .file-caption-name {
1740
    padding-bottom: 15px;
1741
}
1742
 
1743
/**notificaciones**/
1744
.notification {
1745
    color: white;
1746
    text-decoration: none;
1747
    padding: 0px 10px;
1748
    position: relative;
1749
    display: inline-block;
1750
    border-radius: 2px;
1751
    /* top: 10px; */
1752
    font-size: 16px;
1753
}
1754
 
1755
.mail_menu > .notification {
1756
    margin-bottom: 0.25rem;
1757
}
1758
 
1759
.notification:hover {
1760
    color: #ecec0e;
1761
}
1762
 
1763
.notification .badge {
1764
    position: absolute;
1765
    top: -10px;
1766
    right: 2px;
1767
    padding: 3px 6px;
1768
    border-radius: 50%;
1769
    background-color: red;
1770
    color: white;
1771
}
1772
 
1773
.text-submenu {
1774
    color: #0961bf;
1775
}
1776
 
1777
.text-submenu:hover {
1778
    font-weight: bold;
1779
    color: #0961bf;
1780
    transition: all 0.5s;
1781
}
1782
 
1783
header a:hover {
1784
    font-weight: bold;
1785
    color: #0961bf;
1786
    transition: all 0.5s;
1787
}
1788
 
1789
header .btn:hover {
1790
    color: #0961bf;
1791
    font-weight: bold;
1792
    transition: all 0.5s;
1793
}
1794
 
1795
.my-company-dropdown.show {
1796
    display: block;
1797
}
1798
 
1799
.main-ws-sec {
1800
    /* background-color: #ffff; */
1801
}
1802
 
1803
/**estilos altos de las columnas* .right-sidebar {margin-top: -7px; }*/
1804
.main-left-sidebar {
1805
    margin-top: 30px;
1806
}
1807
 
1808
.message-btn {
1809
    /*display: inline-flex;*/
1810
    display: inherit;
1811
    flex-direction: column;
1812
}
1813
 
1814
.rc-anchor-checkbox-label {
1815
    font-size: 10px !important;
1816
}
1817
 
1818
.rc-anchor-normal .rc-anchor-content {
1819
    width: 165px !important;
1820
}
1821
 
1822
.rc-anchor-normal .rc-anchor-pt {
1823
    text-align: center;
1824
}
1825
 
1826
.rc-anchor-normal {
1827
    zoom: 87%;
1828
}
1829
 
1830
.comment-list {
1831
    display: grid;
1832
}
1833
 
1834
.comment {
1835
    padding-right: 10px;
1836
}
1837
 
1838
.slick-slider {
1839
    display: grid !important;
1840
    grid-template-rows: 2rem auto;
1841
}
1842
 
1843
@media (min-width: 768px) {
1844
    .slick-slider {
1845
        display: flex !important;
1846
        align-items: center;
1847
    }
1848
}
1849
 
1850
.microlearning-up-info {
1851
    width: 100%;
3572 stevensc 1852
    background-color: $bg-color;
3508 stevensc 1853
    display: flex;
1854
    flex-direction: column;
1855
    gap: 5px;
1856
    text-align: start;
1857
}
1858
 
1859
.microlearning-up-info img {
1860
    float: none;
1861
    object-fit: cover;
1862
}
1863
 
1864
.microlearning-up-info h3 {
3572 stevensc 1865
    color: $title-color;
3508 stevensc 1866
    font-size: 18px;
1867
    font-weight: 600;
1868
    margin-bottom: 10px;
1869
}
1870
 
1871
.microlearning-up-info h4 {
3572 stevensc 1872
    color: $subtitle-color;
3508 stevensc 1873
    font-size: 14px;
1874
    font-weight: 500;
1875
    margin-bottom: 21px;
1876
}
1877
 
1878
.microlearning-up-info ul {
1879
    width: 100%;
1880
}
1881
 
1882
.microlearning-up-info ul li {
1883
    display: flex;
1884
}
1885
 
1886
.microlearning-up-info ul li a {
1887
    display: inline-block;
1888
    padding: 0 12px;
3572 stevensc 1889
    color: $font-color;
3508 stevensc 1890
    height: 35px;
1891
    line-height: 35px;
1892
}
1893
 
1894
.microlearning-up-info ul li a i {
1895
    font-size: 24px;
1896
    position: relative;
1897
    top: 3px;
1898
}
1899
 
1900
/**** INICIO breadcrumb ***/
1901
ul.breadcrumb {
1902
    padding: 10px 16px;
1903
    list-style: none;
1904
    background-color: #f5f5f7;
1905
}
1906
 
1907
ul.breadcrumb li {
1908
    display: inline;
1909
    font-size: 14px;
1910
}
1911
 
1912
ul.breadcrumb li + li:before {
1913
    padding: 8px;
1914
    color: black;
1915
    content: ">\00a0";
1916
}
1917
 
1918
ul.breadcrumb li a {
1919
    color: #0275d8;
1920
    text-decoration: none;
1921
}
1922
 
1923
ul.breadcrumb li a:hover {
1924
    color: #01447e;
1925
    text-decoration: underline;
1926
}
1927
 
1928
/**** FIN breadcrumb ***/
1929
.job_descp > p {
1930
    background-color: white;
1931
    /* border-radius: 5px; */
1932
}
1933
 
1934
.user-fw-status li {
1935
    padding: 2px 0;
1936
}
1937
 
1938
form > input {
1939
    border-radius: 5px;
1940
}
1941
 
1942
.feed-avatar {
1943
    width: 50px;
1944
    height: auto;
1945
}
1946
 
1947
.cursor-pointer {
1948
    cursor: pointer;
1949
}
1950
 
1951
.chat-conversation {
1952
    background-image: none;
1953
}
1954
 
1955
.view-more-pro {
1956
    display: inline-block;
1957
    color: #000000;
1958
    font-size: 16px;
1959
    font-weight: 500;
1960
    padding: 18px 0;
1961
}
1962
 
1963
#cke-description .cke_path_item,
1964
#cke_2_path {
1965
    display: none !important;
1966
}