Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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