Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 3739 | Rev 3869 | 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;
3867 stevensc 784
    gap: .5rem;
3508 stevensc 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;
3867 stevensc 807
    margin-bottom: 0;
3573 stevensc 808
    input,
809
    input:focus {
810
        background: $bg-color;
3574 stevensc 811
        &::placeholder {
812
            color: $font-color;
813
        }
3573 stevensc 814
    }
3508 stevensc 815
}
816
 
817
.market_admin_title_buttons .search_categories {
818
    width: 100%;
3573 stevensc 819
    select {
820
        background-color: $bg-color;
3574 stevensc 821
        &::placeholder {
822
            color: $font-color;
823
        }
3573 stevensc 824
    }
3508 stevensc 825
}
826
 
827
.section_admin_title_buttons h1.title,
828
.section_admin_title_buttons h2 {
3523 stevensc 829
    color: $title-color;
3508 stevensc 830
    font-weight: bold;
831
    font-size: 18px;
832
}
833
 
834
.section_admin_title_buttons h2 {
835
    cursor: pointer;
836
}
837
 
838
@media (min-width: 768px) {
839
    .section_admin_title_buttons {
840
        width: 50%;
841
        margin-left: auto;
842
    }
843
 
844
    .market_admin_title_buttons {
845
        flex-direction: row;
846
    }
847
 
848
    .market_admin_title_buttons .search_input {
849
        width: 60%;
850
    }
851
 
852
    .market_admin_title_buttons .search_categories {
853
        width: 40%;
854
    }
855
}
856
 
857
.section_admin_form {
858
    float: left;
859
    width: 100%;
860
    padding-left: 15px;
861
}
862
 
863
.section_admin_form form input,
864
.section_admin_form form select {
865
    width: 100%;
866
    padding: 0 15px 0 15px;
867
    color: #000000;
868
    font-size: 14px;
869
    border: 1px solid #e5e5e5;
870
    height: 40px;
871
}
872
 
873
.section_admin_form form textarea {
874
    width: 100%;
875
    padding: 10px 15px 0 15px;
876
    color: #000000;
877
    font-size: 14px;
878
    border: 1px solid #e5e5e5;
879
    height: 300px;
880
}
881
 
882
/* .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; }*/
883
.section_admin_form .form-group label {
884
    color: #666 !important;
885
    font-weight: 400;
886
    font-size: 14px;
887
    padding-bottom: 5px;
888
}
889
 
890
.section_admin_form .form-group .toggle-group label {
891
    color: #fff !important;
892
    font-weight: 400;
893
    font-size: 16px;
894
    padding-bottom: 5px;
895
}
896
 
897
.section_admin_form .form-group .toggle-group label.toggle-off {
898
    background-color: #808080;
899
    border-color: #808080;
900
}
901
 
902
.section_admin_form .form-group .toggle-group label.toggle-off:hover {
903
    background-color: #808080;
904
    border-color: #808080;
905
}
906
 
907
.select2-container .select2-selection--single .select2-selection__rendered {
908
    display: block;
909
    padding: 0 15px 0 15px;
910
    overflow: hidden;
911
    text-overflow: ellipsis;
912
    white-space: nowrap;
913
    color: #000000;
914
    font-size: 14px;
915
    border: 1px solid #e5e5e5;
916
    height: 40px;
917
}
918
 
919
.select2-container .select2-search--inline .select2-search__field {
920
    margin-left: 0px;
921
}
922
 
923
.select2-results__option {
924
    display: block;
925
    padding: 10px 15px 0 15px !important;
926
    overflow: hidden;
927
    text-overflow: ellipsis;
928
    white-space: nowrap;
929
    font-size: 14px;
930
    border: 1px solid #e5e5e5;
931
    height: 40px;
932
}
933
 
934
.text-vertical-middle {
935
    vertical-align: middle !important;
936
}
937
 
938
table.dataTable thead .sorting:before,
939
table.dataTable thead .sorting_asc:before,
940
table.dataTable thead .sorting_desc:before,
941
table.dataTable thead .sorting_asc_disabled:before,
942
table.dataTable thead .sorting_desc_disabled:before {
943
    right: 1em;
944
    /* content: "\2191";*/
945
    content: none !important;
946
}
947
 
948
table.dataTable thead .sorting:after,
949
table.dataTable thead .sorting_asc:after,
950
table.dataTable thead .sorting_desc:after,
951
table.dataTable thead .sorting_asc_disabled:after,
952
table.dataTable thead .sorting_desc_disabled:after {
953
    right: 0.5em;
954
    /*content: "\2193";*/
955
    content: none !important;
956
}
957
 
958
.btn-edit {
959
    display: inline-block;
960
    padding: 0 12px;
961
    color: #fff;
962
    height: 35px;
963
    line-height: 35px;
964
    background-color: #0961bf;
965
}
966
 
967
.btn-delete {
968
    display: inline-block;
969
    padding: 0 12px;
970
    color: #fff;
971
    height: 35px;
972
    line-height: 35px;
973
    background-color: #e44d3a;
974
}
975
 
976
.post-project-fields form label {
977
    color: #666 !important;
978
    font-weight: 400;
979
    font-size: 14px;
980
    padding-bottom: 5px;
981
}
982
 
983
.post-project-fields form input,
984
.post-project-fields form textarea,
985
.post-project-fields form select {
986
    width: 100%;
987
    color: #000000;
988
    font-size: 14px;
989
    border: 1px solid #b4b4b4;
990
    margin-bottom: 20px;
991
    font-weight: 500;
992
}
993
 
994
.overview-box.open {
995
    z-index: 1000 !important;
996
}
997
 
998
.overview-edit form select {
999
    padding-left: 0 !important;
1000
    -webkit-border-radius: 0 !important;
1001
    -moz-border-radius: 0 !important;
1002
    -ms-border-radius: 0 !important;
1003
    -o-border-radius: 0 !important;
1004
    border-radius: 0 !important;
1005
}
1006
 
1007
.overview-edit form textarea,
1008
.overview-edit form input,
1009
.overview-edit form select {
1010
    border: 1px solid #aaa;
1011
    color: #b2b2b2 !important;
1012
}
1013
 
1014
.overview-edit span {
1015
    float: none;
1016
}
1017
 
1018
.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
1019
    color: #000;
1020
    font-size: 14px;
1021
    line-height: 20px;
1022
}
1023
 
1024
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
1025
    line-height: 20px;
1026
}
1027
 
1028
.select2-container--bootstrap4.select2-container--focus .select2-selection {
1029
    border-color: inherit;
1030
    -webkit-box-shadow: inherit;
1031
    box-shadow: inherit;
1032
}
1033
 
1034
.user-profile-extended-ov {
1035
    width: 100%;
3550 stevensc 1036
    background-color: $bg-color;
3508 stevensc 1037
    padding: 10px 20px 30px;
3641 stevensc 1038
    box-shadow: $shadow;
3508 stevensc 1039
    margin-bottom: 20px;
1040
    border-radius: 10px;
3641 stevensc 1041
    h3 {
1042
        color: $title-color;
1043
        font-size: 18px;
1044
        font-weight: 600;
1045
        margin-bottom: 0.5rem;
1046
    }
1047
    span {
1048
        line-height: 22px;
1049
        color: $font-color;
1050
    }
1051
    p {
1052
        color: $font-color;
1053
        line-height: 20px;
1054
    }
1055
    i {
1056
        color: $font-color;
1057
        font-size: 13px;
1058
    }
1059
    strong {
1060
        font-weight: bold !important;
1061
    }
3508 stevensc 1062
}
1063
 
1064
.user-social-network-ov {
1065
    float: left;
1066
    width: 100%;
3550 stevensc 1067
    background-color: $bg-color;
3508 stevensc 1068
    padding: 30px;
1069
    margin-bottom: 20px;
3641 stevensc 1070
    h3 {
1071
        color: $title-color;
1072
        font-size: 18px;
1073
        font-weight: 600;
1074
    }
1075
    i {
1076
        color: $font-color;
1077
        font-size: 13px;
1078
        padding-left: 5px;
1079
    }
3508 stevensc 1080
}
1081
 
1082
.social_links li a {
1083
    line-height: 18px;
1084
}
1085
 
1086
.overview-edit form .select2-container--default .select2-selection--single {
1087
    height: 40px;
1088
    margin-bottom: 25px;
1089
}
1090
 
1091
.overview-edit form .select2-container--default .select2-selection--single .select2-selection__rendered {
1092
    color: #444;
1093
    line-height: 34px;
1094
}
1095
 
1096
.overview-edit form .select2-container--default .select2-selection--single .select2-selection__arrow b {
1097
    margin-top: 4px;
1098
}
1099
 
1100
.overview-edit form textarea,
1101
.overview-edit form input,
1102
.overview-edit form select {
1103
    color: #444;
1104
}
1105
 
1106
.datepicky {
1107
    float: none;
1108
}
1109
 
1110
.datefm {
1111
    float: none;
1112
}
1113
 
1114
.modal-dialog {
1115
    /* width: 100%; background-color: #fff; padding: 15px 10px; */
1116
}
1117
 
1118
/* .modal-header {background-color: #fff; padding: 0px; border-bottom: 0px; } */
1119
.modal-title h3 {
1120
    color: #000000;
1121
    font-size: 18px;
1122
    font-weight: 600;
1123
    width: 100%;
1124
    margin-bottom: 25px;
1125
}
1126
 
1127
.modal-content {
1128
    border: 0px;
1129
    padding: 1rem;
1130
}
1131
 
1132
.modal-content textarea,
1133
.modal-content input,
1134
.modal-content select {
1135
    width: 100% !important;
1136
    resize: none;
1137
    border: 1px solid #aaa;
1138
    color: #444 !important;
1139
    font-size: 14px;
1140
}
1141
 
1142
.modal-content input {
1143
    height: 40px;
1144
    padding-left: 15px;
1145
    margin-bottom: 0;
1146
}
1147
 
1148
.modal-content select {
1149
    height: 40px;
1150
    padding-left: 15px;
1151
    margin-bottom: 0;
1152
    background-color: #fff;
1153
}
1154
 
1155
span.group-span-filestyle {
1156
    border: 1px solid #aaa;
1157
    color: #fff;
1158
    background-color: #0961bf;
1159
    margin-top: 10px;
1160
}
1161
 
1162
span.group-span-filestyle:hover {
1163
    color: #fff;
1164
    background-color: #0961bf;
1165
}
1166
 
1167
.modal-content .form-group .toggle-group label {
1168
    color: #fff !important;
1169
    font-weight: 400;
1170
    font-size: 16px;
1171
    padding-bottom: 5px;
1172
}
1173
 
1174
.modal-content .form-group .toggle-group label.toggle-off {
1175
    background-color: #808080;
1176
    border-color: #808080;
1177
}
1178
 
1179
.modal-content .form-group .toggle-group label.toggle-off:hover {
1180
    background-color: #808080;
1181
    border-color: #808080;
1182
}
1183
 
1184
.modal-content .select2-container--default .select2-selection--single {
1185
    height: 40px;
1186
    margin-bottom: 0;
1187
}
1188
 
1189
.modal-content .select2-container--default .select2-selection--single .select2-selection__rendered {
1190
    color: #444;
1191
    line-height: 34px;
1192
}
1193
 
1194
.modal-content .select2-container--default .select2-selection--single .select2-selection__arrow b {
1195
    margin-top: 4px;
1196
}
1197
 
1198
.modal-content .select2-container--bootstrap4 .select2-selection--multiple {
1199
    height: auto;
1200
    margin-bottom: 0;
1201
}
1202
 
1203
.modal-content .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__rendered {
1204
    color: #444;
1205
    line-height: 28px;
1206
    float: left;
1207
}
1208
 
1209
.modal-content .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__arrow b {
1210
    margin-top: 4px;
1211
}
1212
 
1213
.modal-content .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice {
1214
    border: 0 !important;
1215
}
1216
 
1217
.modal-content .select2-container--bootstrap4.select2-container--focus .select2-selection {
1218
    border: 1px solid #e5e5e5;
1219
    -webkit-box-shadow: none;
1220
    -moz-box-shadow: none;
1221
    box-shadow: none;
1222
}
1223
 
1224
.modal-content .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice__remove {
1225
    color: #000;
1226
    padding-left: 8px;
1227
    padding-right: 8px;
1228
    font-weight: inherit;
1229
    border: 1px solid #000;
1230
    margin-right: 5px;
1231
}
1232
 
1233
.modal-content .select2-container .select2-search--inline .select2-search__field {
1234
    margin-left: 0px;
1235
}
1236
 
1237
/** Autocomplete de google */
1238
.pac-container {
1239
    z-index: 1051 !important;
1240
}
1241
 
1242
.custom-file-label:after {
1243
    content: none;
1244
}
1245
 
1246
.add-pic-box a {
1247
    background: #fff;
1248
    border: 2px solid #0961bf;
1249
    border-radius: 3px;
1250
    color: #0961bf;
1251
    cursor: pointer;
1252
    display: inline-block;
1253
    font-size: 15px;
1254
    font-weight: 600;
1255
    outline: none;
1256
    padding: 12px 20px;
1257
    position: relative;
1258
    transition: all 0.3s;
1259
    vertical-align: middle;
1260
    margin: 0;
1261
    float: right;
1262
    text-transform: uppercase;
1263
}
1264
 
1265
#skills-box ul {
1266
    height: auto;
1267
}
1268
 
1269
/* .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; }*/
1270
.select2-container .select2-search--inline .select2-search__field {
1271
    margin-left: 0px;
1272
}
1273
 
1274
.custom-control-input:checked ~ .custom-control-label::before {
1275
    color: #fff;
1276
    border-color: #007bff;
1277
    background-color: #007bff;
1278
    box-shadow: none;
1279
    outline: none;
1280
}
1281
 
1282
#user-img-change {
1283
    width: 150px;
1284
    height: 150px;
1285
    margin-right: 10px;
1286
    -webkit-border-radius: 100px;
1287
    -moz-border-radius: 100px;
1288
    -ms-border-radius: 100px;
1289
    -o-border-radius: 100px;
1290
    border-radius: 100px;
3589 stevensc 1291
    background-color: #fff;
3508 stevensc 1292
}
1293
 
1294
.btn-onroom {
1295
    cursor: pointer;
1296
}
1297
 
1298
.form-group .toggle-btn .custom-control-label {
1299
    position: relative;
1300
    padding-left: 50px;
1301
}
1302
 
1303
.file-upload-indicator {
1304
    display: none;
1305
}
1306
 
1307
b,
1308
strong {
1309
    font-weight: bolder !important;
1310
}
1311
 
1312
a.read-more {
1313
    color: #666666;
1314
    font-weight: bold;
1315
}
1316
 
1317
a.read-morea:visited {
1318
    color: #666666;
1319
    font-weight: bold;
1320
}
1321
 
1322
.show-read-more .more-text {
1323
    display: none;
1324
}
1325
 
1326
.show-read-more {
3511 stevensc 1327
    color: $font-color;
3508 stevensc 1328
    font-size: 15px;
1329
    margin-bottom: 1.2rem;
1330
    text-align: justify;
1331
}
1332
 
1333
.show-read-more p {
1334
    font-size: 15px;
1335
    text-align: justify;
1336
    font-weight: 600;
3551 stevensc 1337
    color: $subtitle-color;
3508 stevensc 1338
}
1339
 
1340
.btn-trans:hover {
1341
    color: #929292 !important;
1342
}
1343
 
1344
.like-com li a:hover {
1345
    color: #007bff;
1346
}
1347
 
1348
.job-status-bar > a:hover {
1349
    color: #1e5591 !important;
1350
}
1351
 
1352
.job-status-bar > ul > li > a:hover {
1353
    color: #1e5591;
1354
}
1355
 
1356
/* btn-indicator*/
1357
.job_descp video,
1358
.job_descp img {
1359
    width: 100%;
1360
    height: 400px;
1361
    border-radius: 10px;
1362
    object-fit: cover;
3511 stevensc 1363
    background-color: #fff;
3508 stevensc 1364
}
1365
 
1366
.modal-content .job_descp img,
1367
.modal-content .job_descp video {
1368
    object-fit: contain;
1369
    height: auto;
1370
    max-height: 600px;
1371
}
1372
 
1373
.comment-section {
1374
    box-shadow: none;
1375
}
1376
 
1377
.process-comm {
1378
    padding-top: 10px;
1379
    padding-bottom: 20px;
1380
}
1381
 
1382
ul.avail-checks-search-type li.active {
1383
    background-color: #666666;
1384
}
1385
 
1386
nav ul li a {
1387
    color: #000000;
1388
}
1389
 
1390
.usy-name h4 {
1391
    color: #000000;
1392
    font-size: 16px;
1393
    text-transform: capitalize;
1394
    font-weight: 600;
1395
    margin-bottom: 5px;
1396
    margin-top: 2px;
1397
}
1398
 
1399
.message-btn a.btn-request-connection {
1400
    background-color: #53d690;
1401
}
1402
 
1403
.message-btn a.btn-cancel-connection {
1404
    background-color: #e44d3a;
1405
}
1406
 
1407
.message-btn a.btn-send-message {
1408
    background-color: #51a5fb;
1409
}
1410
 
1411
.bootbox-confirm .btn-danger {
1412
    color: #000000;
1413
}
1414
 
1415
.title-bar {
1416
    float: left;
1417
    width: 280px;
1418
    margin-top: 12px;
1419
    margin-bottom: 9px;
1420
    vertical-align: middle;
1421
}
1422
 
1423
.title-bar .title {
1424
    color: #ffffff;
1425
    font-size: 20px;
1426
    text-transform: capitalize;
1427
    font-weight: 600;
1428
}
1429
 
1430
/*New Style*/
1431
.online-btn {
1432
    border-radius: 50px;
1433
    width: 20px;
1434
    height: 20px;
1435
}
1436
 
1437
/***********************************new style jm*********************************/
1438
.forum-links ul li.active a {
1439
    color: #1dac98;
1440
}
1441
 
1442
.forum-links ul li.active {
1443
    border-color: #1dac98;
1444
}
1445
 
1446
.ask-question {
1447
    color: #0961bf !important;
1448
}
1449
 
1450
.suggestion-usd > span i:hover {
1451
    background-color: #f4e6a6;
1452
}
1453
 
1454
.bk-links li i {
1455
    background-color: #0961bf;
1456
}
1457
 
1458
.view-more > .btn {
1459
    background-color: #0961bf;
1460
}
1461
 
1462
/* #shared_with {background-color: #0961bf; } #shared_with :hover {color: blank; background-color: #007bff; } */
1463
.bid_now {
1464
    background-color: #0961bf;
1465
}
1466
 
1467
.follow {
1468
    background-color: #1eb89e;
1469
}
1470
 
1471
.footy-sec.mn ul li a {
1472
    color: #01245d;
1473
    font-size: 0.9rem;
1474
}
1475
 
1476
.footy-sec.mn ul li a:hover {
1477
    color: #01245d;
1478
    font-weight: bold;
1479
    transition: all 0.5s;
1480
}
1481
 
1482
.footy-sec.mn p {
1483
    color: #01245d;
1484
}
1485
 
1486
.star-descp ul li i {
1487
    color: #cacf8c;
1488
}
1489
 
1490
.hre {
1491
    background-color: #0961bf;
1492
}
1493
 
1494
.hire-us {
1495
    background-color: #0961bf;
1496
}
1497
 
1498
.company-up-info {
1499
    background-color: #ffff;
1500
}
1501
 
1502
body {
1503
    /* background-color: #ffff; */
1504
    background-color: #f5f5f7;
1505
}
1506
 
1507
.suggestions-list {
1508
    background-color: transparent;
1509
}
1510
 
1511
.tags-sec {
1512
    background-color: #ffff;
1513
}
1514
 
1515
.comment_box input {
1516
    background-color: #efefef;
1517
}
1518
 
1519
.post-bar {
1520
    /* background-color:#dee2e6; */
1521
    background-color: #ffff;
1522
}
1523
 
1524
.post_with_border {
1525
    border-left: 4px solid #1eb89e;
1526
}
1527
 
1528
.post-topbar {
3509 stevensc 1529
    background-color: $bg-color;
3508 stevensc 1530
}
1531
 
1532
.user-fw-status {
1533
    background-color: transparent;
1534
    margin-bottom: 1rem;
1535
}
1536
 
1537
.sd-title {
1538
    background-color: transparent;
1539
    /* border-top: 1px solid #e5e5e5; */
1540
    padding: 10px 5px 20px;
1541
}
1542
 
1543
.sign_link {
1544
    background-color: #ffff;
1545
}
1546
 
1547
.widget {
3566 stevensc 1548
    background-color: $bg-color !important;
3508 stevensc 1549
}
1550
 
1551
.search-title {
1552
    padding-left: 2%;
1553
    font-size: 1.2rem;
1554
}
1555
 
1556
.portfolio-gallery-sec {
1557
    background-color: #f5f5f7;
1558
}
1559
 
1560
.paddy {
1561
    background-color: transparent;
1562
}
1563
 
1564
.filter-heading {
1565
    background-color: transparent;
1566
}
1567
 
1568
.filter-dd form input,
1569
.filter-dd form select {
1570
    background-color: #fff;
1571
}
1572
 
1573
.user-profile {
1574
    /* background-color: #f4e6a6; */
1575
    border-radius: 5px 0 0 5px;
1576
}
1577
 
1578
.feed-comment-container {
1579
    margin-top: 1rem;
1580
}
1581
 
1582
.comment_box input {
1583
    background-color: #fff;
1584
    margin-top: 1rem;
1585
}
1586
 
1587
.pagination li .page-link {
1588
    color: #0961bf;
1589
}
1590
 
1591
.comment-section {
1592
    background-color: #f5f5f7;
1593
}
1594
 
1595
nav ul ul {
1596
    background-color: #1eb89e;
1597
}
1598
 
1599
nav ul li a {
1600
    color: $font-color;
1601
    transition: 0.2s linear;
1602
    font-size: 1rem;
1603
}
1604
 
1605
nav ul li a:hover {
1606
    color: $font-color;
1607
}
1608
 
1609
.like-com li a:hover {
1610
    color: #1eb89e;
1611
}
1612
 
1613
.company_profile_info {
1614
    border-radius: 5px;
1615
}
1616
 
1617
.full-width {
1618
    border-radius: 5px;
1619
    box-shadow: 0px 0px 11px 0px rgb(0 0 0 / 5%);
1620
}
1621
 
1622
.tab-feed.st2 ul li :hover {
1623
    border-bottom: 3px solid #f4e6a6;
1624
}
1625
 
1626
.user-info a {
1627
    color: #18516f;
1628
}
1629
 
1630
/* .user-info img {width: 30px; height: 30px; } */
1631
.modal-footer button {
1632
    /* color: #fff; */
1633
    background-color: #0961bf;
1634
    border: none;
1635
}
1636
 
1637
.border-none {
1638
    border: none !important;
1639
}
1640
 
1641
.auth-footy-sec {
1642
    background-color: initial;
1643
}
1644
 
1645
.auth-footy-sec ul li a {
1646
    font-size: 1rem;
1647
}
1648
 
1649
.btn.focus,
1650
.btn:focus {
1651
    outline: 0;
1652
    box-shadow: none;
1653
}
1654
 
1655
.auth-footy-sec p {
1656
    font-size: 1rem;
1657
}
1658
 
1659
.modal-content input {
1660
    border-radius: 5px;
1661
}
1662
 
1663
.modal-content select {
1664
    border-radius: 5px;
1665
}
1666
 
1667
/* .modal-header {background-color: #f2f2f2; padding: 0px; border-bottom: 0px; } */
1668
 
1669
.save-stngs ul li button {
1670
    background: #0961bf;
1671
    color: #fff !important;
1672
}
1673
 
1674
.usr-pic > img {
1675
    width: 80%;
1676
}
1677
 
1678
.user-specs {
1679
    padding: 39px 0 10px 0;
1680
}
1681
 
1682
.username-dt {
1683
    padding-top: 10px;
1684
    border-radius: 5px 5px 0 0;
1685
}
1686
 
1687
.sign_link {
1688
    /* border-top: 1px solid #6c757d; */
1689
}
1690
 
1691
.job-status-bar {
1692
    /* background-image: linear-gradient(#f5f5f7, #ffff); */
1693
    display: flex;
1694
    justify-content: space-between;
1695
    align-items: center;
1696
    /* border-radius: 10px; */
1697
}
1698
 
1699
.comment_box form button {
1700
    width: 20%;
1701
    margin-top: 1rem;
1702
}
1703
 
1704
.comment_box input {
1705
    width: 371px;
1706
    border-radius: 5px;
1707
    color: black;
1708
    font-weight: 400;
1709
}
1710
 
1711
.like-com li a {
1712
    color: #0961bf;
1713
}
1714
 
1715
.like-com li a:hover {
1716
    color: #1e5591 !important;
1717
}
1718
 
1719
.message-bar-head {
1720
    display: flex;
1721
    height: 13vh;
1722
    justify-content: space-between;
1723
    padding: 20px;
1724
    width: 100%;
1725
}
1726
 
1727
.form-control:disabled,
1728
.form-control[readonly] {
1729
    background-color: #ffff;
1730
}
1731
 
1732
.user-info {
1733
    /* padding: 10px 38px 2px 40px; */
1734
    height: 45px;
1735
    width: 45px;
1736
    margin-left: 1rem;
1737
}
1738
 
1739
/* .user-info > i {right: 25px; } */
1740
.file-caption.icon-visible .file-caption-name {
1741
    padding-bottom: 15px;
1742
}
1743
 
1744
/**notificaciones**/
1745
.notification {
1746
    color: white;
1747
    text-decoration: none;
1748
    padding: 0px 10px;
1749
    position: relative;
1750
    display: inline-block;
1751
    border-radius: 2px;
1752
    /* top: 10px; */
1753
    font-size: 16px;
1754
}
1755
 
1756
.mail_menu > .notification {
1757
    margin-bottom: 0.25rem;
1758
}
1759
 
1760
.notification:hover {
1761
    color: #ecec0e;
1762
}
1763
 
1764
.notification .badge {
1765
    position: absolute;
1766
    top: -10px;
1767
    right: 2px;
1768
    padding: 3px 6px;
1769
    border-radius: 50%;
1770
    background-color: red;
1771
    color: white;
1772
}
1773
 
1774
.text-submenu {
1775
    color: #0961bf;
1776
}
1777
 
1778
.text-submenu:hover {
1779
    font-weight: bold;
1780
    color: #0961bf;
1781
    transition: all 0.5s;
1782
}
1783
 
1784
header a:hover {
1785
    font-weight: bold;
1786
    color: #0961bf;
1787
    transition: all 0.5s;
1788
}
1789
 
1790
header .btn:hover {
1791
    color: #0961bf;
1792
    font-weight: bold;
1793
    transition: all 0.5s;
1794
}
1795
 
1796
.my-company-dropdown.show {
1797
    display: block;
1798
}
1799
 
1800
.main-ws-sec {
1801
    /* background-color: #ffff; */
1802
}
1803
 
1804
/**estilos altos de las columnas* .right-sidebar {margin-top: -7px; }*/
1805
.main-left-sidebar {
1806
    margin-top: 30px;
1807
}
1808
 
1809
.message-btn {
1810
    /*display: inline-flex;*/
1811
    display: inherit;
1812
    flex-direction: column;
1813
}
1814
 
1815
.rc-anchor-checkbox-label {
1816
    font-size: 10px !important;
1817
}
1818
 
1819
.rc-anchor-normal .rc-anchor-content {
1820
    width: 165px !important;
1821
}
1822
 
1823
.rc-anchor-normal .rc-anchor-pt {
1824
    text-align: center;
1825
}
1826
 
1827
.rc-anchor-normal {
1828
    zoom: 87%;
1829
}
1830
 
1831
.comment-list {
1832
    display: grid;
1833
}
1834
 
1835
.comment {
1836
    padding-right: 10px;
1837
}
1838
 
1839
.slick-slider {
1840
    display: grid !important;
1841
    grid-template-rows: 2rem auto;
1842
}
1843
 
1844
@media (min-width: 768px) {
1845
    .slick-slider {
1846
        display: flex !important;
1847
        align-items: center;
1848
    }
1849
}
1850
 
1851
.microlearning-up-info {
1852
    width: 100%;
3572 stevensc 1853
    background-color: $bg-color;
3508 stevensc 1854
    display: flex;
1855
    flex-direction: column;
1856
    gap: 5px;
1857
    text-align: start;
1858
}
1859
 
1860
.microlearning-up-info img {
1861
    float: none;
1862
    object-fit: cover;
1863
}
1864
 
1865
.microlearning-up-info h3 {
3572 stevensc 1866
    color: $title-color;
3508 stevensc 1867
    font-size: 18px;
1868
    font-weight: 600;
1869
    margin-bottom: 10px;
1870
}
1871
 
1872
.microlearning-up-info h4 {
3572 stevensc 1873
    color: $subtitle-color;
3508 stevensc 1874
    font-size: 14px;
1875
    font-weight: 500;
1876
    margin-bottom: 21px;
1877
}
1878
 
1879
.microlearning-up-info ul {
1880
    width: 100%;
1881
}
1882
 
1883
.microlearning-up-info ul li {
1884
    display: flex;
1885
}
1886
 
1887
.microlearning-up-info ul li a {
1888
    display: inline-block;
1889
    padding: 0 12px;
3572 stevensc 1890
    color: $font-color;
3508 stevensc 1891
    height: 35px;
1892
    line-height: 35px;
1893
}
1894
 
1895
.microlearning-up-info ul li a i {
1896
    font-size: 24px;
1897
    position: relative;
1898
    top: 3px;
1899
}
1900
 
1901
/**** INICIO breadcrumb ***/
1902
ul.breadcrumb {
1903
    padding: 10px 16px;
1904
    list-style: none;
1905
    background-color: #f5f5f7;
1906
}
1907
 
1908
ul.breadcrumb li {
1909
    display: inline;
1910
    font-size: 14px;
1911
}
1912
 
1913
ul.breadcrumb li + li:before {
1914
    padding: 8px;
1915
    color: black;
1916
    content: ">\00a0";
1917
}
1918
 
1919
ul.breadcrumb li a {
1920
    color: #0275d8;
1921
    text-decoration: none;
1922
}
1923
 
1924
ul.breadcrumb li a:hover {
1925
    color: #01447e;
1926
    text-decoration: underline;
1927
}
1928
 
1929
/**** FIN breadcrumb ***/
1930
.job_descp > p {
1931
    background-color: white;
1932
    /* border-radius: 5px; */
1933
}
1934
 
1935
.user-fw-status li {
1936
    padding: 2px 0;
1937
}
1938
 
1939
form > input {
1940
    border-radius: 5px;
1941
}
1942
 
1943
.feed-avatar {
1944
    width: 50px;
1945
    height: auto;
1946
}
1947
 
1948
.cursor-pointer {
1949
    cursor: pointer;
1950
}
1951
 
1952
.chat-conversation {
1953
    background-image: none;
1954
}
1955
 
1956
.view-more-pro {
1957
    display: inline-block;
1958
    color: #000000;
1959
    font-size: 16px;
1960
    font-weight: 500;
1961
    padding: 18px 0;
1962
}
1963
 
1964
#cke-description .cke_path_item,
1965
#cke_2_path {
1966
    display: none !important;
1967
}