Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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