Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 5126 | Rev 5226 | 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
    width: 100%;
5126 stevensc 10
    background-color: $bg-color;
11
    border-bottom: 1px solid $border-primary;
3508 stevensc 12
}
13
 
5150 stevensc 14
 
15
// User profile ov
16
 
17
.user-profile-extended-ov {
18
    background-color: $bg-color;
19
    border-radius: $border-radius;
20
    box-shadow: $shadow;
21
    padding: 1rem;
22
    width: 100%;
23
 
24
    h3 {
25
        color: $title-color;
26
        font-size: 18px;
27
        font-weight: 600;
28
        margin-bottom: 0.5rem;
29
    }
30
 
31
    span,
32
    p {
33
        line-height: 22px;
34
        color: $font-color;
35
    }
36
 
37
    i {
38
        color: $font-color;
39
        font-size: 13px;
40
    }
41
 
42
    strong {
43
        font-weight: bold !important;
44
    }
45
}
46
 
47
.user-profile-ov {
48
    background-color: $bg-color;
49
    border-radius: $border-radius;
50
    box-shadow: $shadow;
51
    padding: 1rem;
52
    width: 100%;
53
 
54
    h3 {
55
        color: $title-color;
56
        font-size: 18px;
57
        font-weight: 600;
58
        margin-bottom: 20px;
59
 
60
        a {
61
            color: $title-color;
62
        }
63
    }
64
 
65
    i {
66
        color: $title-color;
67
        font-size: 13px;
68
        padding-left: 5px;
69
    }
70
 
71
    h4 {
72
        font-size: 16px;
73
        color: $title-color;
74
        font-weight: 600;
75
        margin-bottom: 10px;
76
    }
77
 
78
    p {
79
        color: $font-color;
80
        font-size: 14px;
81
        line-height: 24px;
82
    }
83
 
84
    .st2 p {
85
        margin-bottom: 23px;
86
    }
87
 
88
    &>span {
89
        color: $font-color;
90
        font-size: 14px;
91
        width: 100%;
92
        margin-bottom: 8px;
93
        margin-top: 3px;
94
    }
95
 
96
    ul li {
97
        display: inline-block;
98
        margin-bottom: 10px;
99
        padding: 0 2px;
100
 
101
        a {
102
            display: inline-block;
103
            color: $bg-color;
104
            font-size: 14px;
105
            font-weight: 600;
106
            background-color: $font-color;
107
            border-radius: 30px;
108
            padding: 10px 15px;
109
        }
110
    }
111
 
112
}
113
 
114
.user-social-network-ov {
115
    width: 100%;
116
    background-color: $bg-color;
117
 
118
    h3 {
119
        color: $title-color;
120
        font-size: 18px;
121
        font-weight: 600;
122
    }
123
 
124
    i {
125
        color: $font-color;
126
        font-size: 13px;
127
        padding-left: 5px;
128
    }
129
}
130
 
131
// User profile ov - End
132
 
3508 stevensc 133
.msg-numbers {
134
    background-color: #1dac98;
135
}
136
 
137
.message-btn a {
138
    margin: 0.5rem 0;
139
}
140
 
141
.sign-in {
142
    background-color: white;
143
}
144
 
145
.sign-control li.current a {
3737 stevensc 146
    background-color: $button-bg-secondary;
3508 stevensc 147
}
148
 
149
.sign-control li a.current {
3737 stevensc 150
    background-color: $button-bg-secondary;
151
    color: $button-text-color-secondary !important;
152
    border: 1px solid $border-primary;
3508 stevensc 153
}
154
 
155
.signup-tab ul li.current a {
156
    background-color: #0961bf;
157
}
158
 
159
.filter-heading h3 {
160
    color: #0961bf;
161
}
162
 
163
.theme-green .back-bar .selected-bar {
164
    background-color: #0961bf;
165
    background-image: linear-gradient(to bottom, #0961bf, #0961bf);
166
}
167
 
168
.theme-green .back-bar .pointer {
169
    background-color: #0961bf;
170
}
171
 
172
.btn-unlike,
173
.btn-like {
174
    color: #0961bf;
175
}
176
 
177
.display-reactions {
178
    border-radius: 5px;
179
    padding: 10px;
180
    display: flex;
181
    align-items: center;
182
    justify-content: center;
183
    gap: 5px;
184
}
185
 
186
.display-reactions button {
3601 stevensc 187
    color: $chat-color;
3508 stevensc 188
}
189
 
5076 stevensc 190
.sign_link>a {
3508 stevensc 191
    color: #0961bf;
192
}
193
 
5076 stevensc 194
.view-more>a:hover {
3508 stevensc 195
    color: #0961bf;
196
}
197
 
5076 stevensc 198
.view-more>a {
3508 stevensc 199
    color: #0961bf;
200
}
201
 
202
.nav-tabs .nav-item.show .nav-link,
203
.nav-tabs .nav-link.active {
204
    color: #0961bf;
205
}
206
 
207
.tab-feed ul li.active span {
208
    color: #0961bf;
209
}
210
 
211
.msg-notifc {
212
    background-color: #0961bf;
213
}
214
 
215
.msg-status {
216
    background-color: #0961bf;
217
}
218
 
219
.select-with-icon {
220
    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>");
221
    background-repeat: no-repeat;
222
    background-position-x: 100%;
223
    background-position-y: 5px;
224
}
225
 
4329 stevensc 226
.msgs_icons-container {
3508 stevensc 227
    display: flex;
4773 stevensc 228
    flex-direction: column;
4779 stevensc 229
    gap: 0.5rem;
3508 stevensc 230
}
231
 
232
.messages-sec .icon {
233
    cursor: pointer;
234
    height: 30px;
235
    display: grid;
236
    place-items: center;
237
    width: 30px;
238
    border-radius: 50px;
239
    padding: 0;
240
    transition: all 0.2s;
241
    color: #0860bf;
242
 
5126 stevensc 243
    &:hover {
244
        background-color: #efefef;
245
    }
3508 stevensc 246
}
247
 
5076 stevensc 248
.messages-list>.messages_conversation-search {
3508 stevensc 249
    transition: all 0.2s;
250
    padding: 10px 20px;
251
    position: relative;
252
    overflow: hidden;
253
 
5126 stevensc 254
    input {
255
        outline: none;
256
        box-shadow: none;
257
        border: 1px solid #e6e6e6;
258
    }
3508 stevensc 259
 
5126 stevensc 260
    &.hide {
261
        height: 0;
262
        padding: 0;
263
    }
3508 stevensc 264
}
265
 
5126 stevensc 266
 
3508 stevensc 267
.messages-line {
268
    display: flex;
269
    flex-direction: column-reverse;
4351 stevensc 270
    flex: 1;
3508 stevensc 271
    overflow: auto;
5076 stevensc 272
 
273
    &>hr {
4351 stevensc 274
        margin-top: 0 !important;
275
        margin-bottom: 0 !important;
276
        opacity: 0 !important;
277
    }
3508 stevensc 278
}
279
 
280
.message-bar-head .usr-msg-details {
281
    display: flex;
282
    align-items: center;
283
}
284
 
285
.message-select-conversation {
286
    display: grid;
287
    place-items: center;
288
    width: 100%;
4345 stevensc 289
    height: 100%;
3508 stevensc 290
    min-height: 300px;
5076 stevensc 291
 
4345 stevensc 292
    .msgs-select-container {
293
        display: flex;
294
        flex-direction: column;
295
        align-items: center;
296
        gap: 0.5rem;
5076 stevensc 297
 
4345 stevensc 298
        .icon {
299
            font-size: 2.5rem;
5076 stevensc 300
 
4345 stevensc 301
            &:hover {
302
                background-color: #0000;
303
            }
304
        }
305
    }
3508 stevensc 306
}
307
 
308
@media (min-width: 1200px) {
309
    .msgs-container {
310
        max-width: 1000px;
311
    }
312
}
313
 
314
.main-conversation-box .message-bar-head .usr-msg-details .icon {
315
    display: none;
316
}
317
 
318
.msgs-hide {
319
    font-size: 1.2rem;
320
    color: var(--gray);
321
}
322
 
323
@media (max-width: 992px) {
324
    .main-conversation-box .message-bar-head .usr-msg-details .icon {
325
        display: grid;
326
    }
327
}
328
 
329
@media (max-width: 992px) {
330
    .msgs-hide {
331
        display: none;
332
    }
333
}
334
 
4373 stevensc 335
.icon-hide {
336
    display: flex;
337
    align-items: center;
338
    gap: 0.5rem;
339
    padding-top: 0.5rem;
340
    font-size: 1.2rem;
341
    cursor: pointer;
5076 stevensc 342
 
4373 stevensc 343
    &,
344
    span {
345
        color: $icons-color;
346
    }
5076 stevensc 347
 
4373 stevensc 348
    @media (min-width: 992px) {
3508 stevensc 349
        display: none !important;
350
    }
351
}
352
 
353
#shared_with {
354
    font-size: 16px;
355
    display: inline-block;
356
    height: 40px;
357
    padding: 0 15px;
358
    line-height: 40px;
359
    font-weight: 500;
360
}
361
 
5076 stevensc 362
#shared_with>option {
3508 stevensc 363
    font-size: 1.2rem;
364
    display: inline-block;
365
    height: 40px;
366
    padding: 0 15px;
367
    line-height: 40px;
368
    font-weight: 500;
369
}
370
 
371
.flww {
372
    background-color: #0961bf;
373
}
374
 
375
.tab-feed ul li.active span {
376
    color: #1dac98;
377
}
378
 
5076 stevensc 379
.add-pic-box [type="file"]+label {
3508 stevensc 380
    border: 2px solid #0961bf;
381
    color: #0961bf;
382
}
383
 
5076 stevensc 384
.add-pic-box [type="file"]+label:hover {
3508 stevensc 385
    background: #0961bf;
386
}
387
 
388
.user-pro-img .add-dp {
389
    left: 34%;
390
}
391
 
392
/****estilos del feed***/
393
.img-sm {
394
    width: 46px;
395
    height: 46px;
396
}
397
 
398
.panel .panel-footer,
5076 stevensc 399
.panel> :last-child {
3508 stevensc 400
    border-bottom-left-radius: 0;
401
    border-bottom-right-radius: 0;
402
}
403
 
404
.panel .panel-heading,
5076 stevensc 405
.panel> :first-child {
3508 stevensc 406
    border-top-left-radius: 0;
407
    border-top-right-radius: 0;
408
}
409
 
410
.panel-body {
411
    padding: 25px 20px;
412
}
413
 
414
.media-block .media-left {
415
    display: block;
416
    float: left;
417
}
418
 
419
.media-block .media-right {
420
    float: right;
421
}
422
 
423
.media-block .media-body {
424
    display: block;
425
    overflow: hidden;
426
    width: auto;
427
}
428
 
429
.middle .media-left,
430
.middle .media-right,
431
.middle .media-body {
432
    vertical-align: middle;
433
}
434
 
435
.thumbnail {
436
    border-radius: 0;
437
    border-color: #e9e9e9;
438
}
439
 
440
.tag.tag-sm,
5076 stevensc 441
.btn-group-sm>.tag {
3508 stevensc 442
    padding: 5px 10px;
443
}
444
 
445
.tag:not(.label) {
446
    background-color: #fff;
447
    padding: 6px 12px;
448
    border-radius: 2px;
449
    border: 1px solid #cdd6e1;
450
    font-size: 12px;
451
    line-height: 1.42857;
452
    vertical-align: middle;
453
    -webkit-transition: all 0.15s;
454
    transition: all 0.15s;
455
}
456
 
457
.text-muted,
458
a.text-muted:hover,
459
a.text-muted:focus {
460
    color: #acacac;
461
}
462
 
463
.text-sm {
464
    font-size: 0.9em;
465
}
466
 
467
.text-5x,
468
.text-4x,
469
.text-5x,
470
.text-2x,
471
.text-lg,
472
.text-sm,
473
.text-xs {
474
    line-height: 1.25;
475
}
476
 
477
.btn-trans {
478
    background-color: transparent;
479
    border-color: transparent;
480
    color: #929292;
481
}
482
 
483
.btn-icon {
484
    padding-left: 9px;
485
    padding-right: 9px;
486
}
487
 
488
.btn-sm,
5076 stevensc 489
.btn-group-sm>.btn,
3508 stevensc 490
.btn-icon.btn-sm {
491
    padding: 5px 10px !important;
492
}
493
 
494
.mar-top {
495
    margin-top: 15px;
496
}
497
 
498
.save {
499
    background-color: #0961bf;
500
}
501
 
5076 stevensc 502
.actions-common-com>a i {
3508 stevensc 503
    -webkit-transition: all 0.4s ease-in;
504
    -moz-transition: all 0.4s ease-in;
505
    -ms-transition: all 0.4s ease-in;
506
    -o-transition: all 0.4s ease-in;
507
    transition: all 0.4s ease-in;
508
}
509
 
510
.actions-common-com {
511
    float: right;
512
    margin-top: 20px;
513
}
514
 
515
.actions-common-com li {
516
    display: inline-block;
517
    margin-right: 15px;
518
}
519
 
520
.actions-common-com li a {
521
    color: #b2b2b2;
522
    font-size: 14px;
523
    font-weight: 500;
524
    float: left;
525
    margin-top: 6px;
526
    margin-right: 5px;
527
}
528
 
529
.actions-common-com li a:hover {
530
    color: #e44d3a;
531
}
532
 
533
.actions-common-com li a.active {
534
    color: #e44d3a;
535
}
536
 
537
.actions-common-com li a i {
538
    margin-right: 2px;
539
    font-size: 14px;
540
    position: relative;
541
    top: 2px;
542
}
543
 
544
.actions-common-com li span {
545
    color: #ffffff;
546
    font-size: 13px;
547
    width: 30px;
548
    height: 30px;
549
    background-color: #e44d3a;
550
    line-height: 30px;
551
    -webkit-border-radius: 30px;
552
    -moz-border-radius: 30px;
553
    -ms-border-radius: 30px;
554
    -o-border-radius: 30px;
555
    border-radius: 30px;
556
    float: left;
557
    text-align: center;
558
    font-weight: 600;
559
    margin-left: -25px;
560
}
561
 
562
.actions-common-com li .com {
563
    position: relative;
564
    top: -9px;
565
}
566
 
567
.actions-common-com li .com img {
568
    margin-right: 10px;
569
}
570
 
571
.copylink a {
572
    background-color: #0961bf;
573
}
574
 
575
.custom-file-input::before {
576
    background: #0961bf;
577
}
578
 
579
.custom-file-input:hover::before {
580
    background-color: #1dac98;
581
}
582
 
583
.place-bid-btn {
584
    background-color: #0961bf !important;
585
}
586
 
587
.user-info img {
588
    /* width: 30px; height: 30px; */
589
    width: 100%;
590
    height: 100%;
591
    border-radius: 50%;
592
}
593
 
594
.sn-field-has-error {
595
    border: 1px solid red;
596
    margin-bottom: 5px;
597
}
598
 
599
.sn-field-invalid-feedback {
600
    color: red;
601
    font-size: 13px;
602
    line-height: 20px;
603
    margin-bottom: 5px;
604
}
605
 
606
.form-group {
607
    margin-bottom: 5px;
608
    margin-top: 5px;
609
}
610
 
611
.form-group-has-error {
612
    border: 1px solid red !important;
613
}
614
 
615
.form-group-invalid-feedback {
616
    color: red;
617
    font-size: 13px;
618
    line-height: 20px;
619
    margin-bottom: 5px;
620
}
621
 
5076 stevensc 622
.fgt-sec input[type="checkbox"]+label span:before {
3508 stevensc 623
    background-color: #0961bf;
624
}
625
 
626
::-webkit-input-placeholder {
627
    /* Edge */
628
    color: #515151;
629
}
630
 
631
:-ms-input-placeholder {
632
    /* Internet Explorer 10-11 */
633
    color: #515151;
634
}
635
 
636
::placeholder {
637
    color: #515151;
638
}
639
 
640
.info-page {
641
    padding: 50px 0;
642
}
643
 
644
.section_admin_title_buttons {
645
    width: 100%;
646
    display: flex;
647
    margin-left: 0;
648
    justify-content: space-between;
649
    align-items: center;
650
}
651
 
652
.market_admin_title_buttons {
653
    width: 100%;
654
    display: flex;
3987 stevensc 655
    gap: 0.5rem;
3508 stevensc 656
    flex-direction: column;
657
    justify-content: space-between;
658
    align-items: center;
659
}
660
 
661
.search-btn {
662
    width: 100px;
663
    right: 0;
664
    height: 100%;
3573 stevensc 665
    background: $bg-color;
3508 stevensc 666
    position: absolute;
3573 stevensc 667
    border: 1px solid $border-primary;
3508 stevensc 668
    top: 0;
3573 stevensc 669
    color: $font-color;
3508 stevensc 670
    font-weight: 600;
671
    border-start-end-radius: 0.25rem;
672
    border-bottom-right-radius: 0.25rem;
673
}
674
 
675
.market_admin_title_buttons .search_input {
676
    width: 100%;
677
    position: relative;
3867 stevensc 678
    margin-bottom: 0;
5076 stevensc 679
 
3573 stevensc 680
    input,
681
    input:focus {
682
        background: $bg-color;
5076 stevensc 683
 
3574 stevensc 684
        &::placeholder {
685
            color: $font-color;
686
        }
3573 stevensc 687
    }
3508 stevensc 688
}
689
 
690
.market_admin_title_buttons .search_categories {
691
    width: 100%;
3869 stevensc 692
    margin-bottom: 0;
5076 stevensc 693
 
3573 stevensc 694
    select {
695
        background-color: $bg-color;
5076 stevensc 696
 
3574 stevensc 697
        &::placeholder {
698
            color: $font-color;
699
        }
3573 stevensc 700
    }
3508 stevensc 701
}
702
 
703
.section_admin_title_buttons h1.title,
704
.section_admin_title_buttons h2 {
3523 stevensc 705
    color: $title-color;
3508 stevensc 706
    font-weight: bold;
707
    font-size: 18px;
708
}
709
 
710
.section_admin_title_buttons h2 {
711
    cursor: pointer;
712
}
713
 
714
@media (min-width: 768px) {
715
    .section_admin_title_buttons {
716
        width: 50%;
717
        margin-left: auto;
718
    }
719
 
720
    .market_admin_title_buttons {
721
        flex-direction: row;
722
    }
723
 
724
    .market_admin_title_buttons .search_input {
725
        width: 60%;
726
    }
727
 
728
    .market_admin_title_buttons .search_categories {
729
        width: 40%;
730
    }
731
}
732
 
733
.section_admin_form {
734
    float: left;
735
    width: 100%;
736
    padding-left: 15px;
737
}
738
 
739
.section_admin_form form input,
740
.section_admin_form form select {
741
    width: 100%;
742
    padding: 0 15px 0 15px;
743
    color: #000000;
744
    font-size: 14px;
745
    border: 1px solid #e5e5e5;
746
    height: 40px;
747
}
748
 
749
.section_admin_form form textarea {
750
    width: 100%;
751
    padding: 10px 15px 0 15px;
752
    color: #000000;
753
    font-size: 14px;
754
    border: 1px solid #e5e5e5;
755
    height: 300px;
756
}
757
 
758
/* .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; }*/
759
.section_admin_form .form-group label {
760
    color: #666 !important;
761
    font-weight: 400;
762
    font-size: 14px;
763
    padding-bottom: 5px;
764
}
765
 
766
.section_admin_form .form-group .toggle-group label {
767
    color: #fff !important;
768
    font-weight: 400;
769
    font-size: 16px;
770
    padding-bottom: 5px;
771
}
772
 
773
.section_admin_form .form-group .toggle-group label.toggle-off {
774
    background-color: #808080;
775
    border-color: #808080;
776
}
777
 
778
.section_admin_form .form-group .toggle-group label.toggle-off:hover {
779
    background-color: #808080;
780
    border-color: #808080;
781
}
782
 
783
.select2-results__option {
784
    display: block;
785
    padding: 10px 15px 0 15px !important;
786
    overflow: hidden;
787
    text-overflow: ellipsis;
788
    white-space: nowrap;
789
    font-size: 14px;
790
    border: 1px solid #e5e5e5;
791
    height: 40px;
792
}
793
 
794
.text-vertical-middle {
795
    vertical-align: middle !important;
796
}
797
 
798
table.dataTable thead .sorting:before,
799
table.dataTable thead .sorting_asc:before,
800
table.dataTable thead .sorting_desc:before,
801
table.dataTable thead .sorting_asc_disabled:before,
802
table.dataTable thead .sorting_desc_disabled:before {
803
    right: 1em;
804
    /* content: "\2191";*/
805
    content: none !important;
806
}
807
 
808
table.dataTable thead .sorting:after,
809
table.dataTable thead .sorting_asc:after,
810
table.dataTable thead .sorting_desc:after,
811
table.dataTable thead .sorting_asc_disabled:after,
812
table.dataTable thead .sorting_desc_disabled:after {
813
    right: 0.5em;
814
    /*content: "\2193";*/
815
    content: none !important;
816
}
817
 
818
.btn-edit {
819
    display: inline-block;
820
    padding: 0 12px;
821
    color: #fff;
822
    height: 35px;
823
    line-height: 35px;
824
    background-color: #0961bf;
825
}
826
 
827
.btn-delete {
828
    display: inline-block;
829
    padding: 0 12px;
830
    color: #fff;
831
    height: 35px;
832
    line-height: 35px;
833
    background-color: #e44d3a;
834
}
835
 
836
.overview-box.open {
837
    z-index: 1000 !important;
838
}
839
 
840
.social_links li a {
841
    line-height: 18px;
842
}
843
 
844
.datepicky {
845
    float: none;
846
}
847
 
848
.datefm {
849
    float: none;
850
}
851
 
852
span.group-span-filestyle {
853
    border: 1px solid #aaa;
854
    color: #fff;
855
    background-color: #0961bf;
856
    margin-top: 10px;
857
}
858
 
859
span.group-span-filestyle:hover {
860
    color: #fff;
861
    background-color: #0961bf;
862
}
863
 
864
.pac-container {
865
    z-index: 1051 !important;
866
}
867
 
868
.custom-file-label:after {
869
    content: none;
870
}
871
 
872
.add-pic-box a {
873
    background: #fff;
874
    border: 2px solid #0961bf;
875
    border-radius: 3px;
876
    color: #0961bf;
877
    cursor: pointer;
878
    display: inline-block;
879
    font-size: 15px;
880
    font-weight: 600;
881
    outline: none;
882
    padding: 12px 20px;
883
    position: relative;
884
    transition: all 0.3s;
885
    vertical-align: middle;
886
    margin: 0;
887
    text-transform: uppercase;
888
}
889
 
890
#skills-box ul {
891
    height: auto;
892
}
893
 
5076 stevensc 894
.custom-control-input:checked~.custom-control-label::before {
3508 stevensc 895
    color: #fff;
896
    border-color: #007bff;
897
    background-color: #007bff;
898
    box-shadow: none;
899
    outline: none;
900
}
901
 
902
#user-img-change {
903
    width: 150px;
904
    height: 150px;
905
    margin-right: 10px;
906
    -webkit-border-radius: 100px;
907
    -moz-border-radius: 100px;
908
    -ms-border-radius: 100px;
909
    -o-border-radius: 100px;
910
    border-radius: 100px;
3589 stevensc 911
    background-color: #fff;
3508 stevensc 912
}
913
 
914
.btn-onroom {
915
    cursor: pointer;
916
}
917
 
918
.form-group .toggle-btn .custom-control-label {
919
    position: relative;
920
    padding-left: 50px;
921
}
922
 
923
.file-upload-indicator {
924
    display: none;
925
}
926
 
927
b,
928
strong {
929
    font-weight: bolder !important;
930
}
931
 
932
a.read-more {
933
    color: #666666;
934
    font-weight: bold;
935
}
936
 
937
a.read-morea:visited {
938
    color: #666666;
939
    font-weight: bold;
940
}
941
 
942
.show-read-more p {
943
    text-align: justify;
944
    font-weight: 600;
3551 stevensc 945
    color: $subtitle-color;
5076 stevensc 946
 
3987 stevensc 947
    .more-text {
948
        display: none;
949
    }
3508 stevensc 950
}
951
 
952
.btn-trans:hover {
953
    color: #929292 !important;
954
}
955
 
5076 stevensc 956
.job-status-bar>a:hover {
3508 stevensc 957
    color: #1e5591 !important;
958
}
959
 
5076 stevensc 960
.job-status-bar>ul>li>a:hover {
3508 stevensc 961
    color: #1e5591;
962
}
963
 
964
.comment-section {
965
    box-shadow: none;
966
}
967
 
968
.process-comm {
969
    padding-top: 10px;
970
    padding-bottom: 20px;
971
}
972
 
973
ul.avail-checks-search-type li.active {
974
    background-color: #666666;
975
}
976
 
977
nav ul li a {
978
    color: #000000;
979
}
980
 
981
.usy-name h4 {
982
    color: #000000;
983
    font-size: 16px;
984
    text-transform: capitalize;
985
    font-weight: 600;
986
    margin-bottom: 5px;
987
    margin-top: 2px;
988
}
989
 
990
.message-btn a.btn-request-connection {
991
    background-color: #53d690;
992
}
993
 
994
.message-btn a.btn-cancel-connection {
995
    background-color: #e44d3a;
996
}
997
 
998
.message-btn a.btn-send-message {
999
    background-color: #51a5fb;
1000
}
1001
 
1002
.bootbox-confirm .btn-danger {
1003
    color: #000000;
1004
}
1005
 
1006
.title-bar {
1007
    float: left;
1008
    width: 280px;
1009
    margin-top: 12px;
1010
    margin-bottom: 9px;
1011
    vertical-align: middle;
1012
}
1013
 
1014
.title-bar .title {
1015
    color: #ffffff;
1016
    font-size: 20px;
1017
    text-transform: capitalize;
1018
    font-weight: 600;
1019
}
1020
 
1021
/*New Style*/
1022
.online-btn {
1023
    border-radius: 50px;
1024
    width: 20px;
1025
    height: 20px;
1026
}
1027
 
1028
/***********************************new style jm*********************************/
1029
.forum-links ul li.active a {
1030
    color: #1dac98;
1031
}
1032
 
1033
.forum-links ul li.active {
1034
    border-color: #1dac98;
1035
}
1036
 
1037
.ask-question {
1038
    color: #0961bf !important;
1039
}
1040
 
5076 stevensc 1041
.suggestion-usd>span i:hover {
3508 stevensc 1042
    background-color: #f4e6a6;
1043
}
1044
 
5076 stevensc 1045
.view-more>.btn {
3508 stevensc 1046
    background-color: #0961bf;
1047
}
1048
 
1049
/* #shared_with {background-color: #0961bf; } #shared_with :hover {color: blank; background-color: #007bff; } */
1050
.bid_now {
1051
    background-color: #0961bf;
1052
}
1053
 
1054
.follow {
1055
    background-color: #1eb89e;
1056
}
1057
 
1058
.footy-sec.mn ul li a {
1059
    color: #01245d;
1060
    font-size: 0.9rem;
1061
}
1062
 
1063
.footy-sec.mn ul li a:hover {
1064
    color: #01245d;
1065
    font-weight: bold;
1066
    transition: all 0.5s;
1067
}
1068
 
1069
.footy-sec.mn p {
1070
    color: #01245d;
1071
}
1072
 
1073
.star-descp ul li i {
1074
    color: #cacf8c;
1075
}
1076
 
1077
.hire-us {
1078
    background-color: #0961bf;
1079
}
1080
 
1081
.company-up-info {
1082
    background-color: #ffff;
1083
}
1084
 
1085
.post_with_border {
1086
    border-left: 4px solid #1eb89e;
1087
}
1088
 
1089
.sign_link {
1090
    background-color: #ffff;
1091
}
1092
 
1093
.search-title {
1094
    padding-left: 2%;
1095
    font-size: 1.2rem;
1096
}
1097
 
1098
.portfolio-gallery-sec {
1099
    background-color: #f5f5f7;
1100
}
1101
 
1102
.paddy {
1103
    background-color: transparent;
1104
}
1105
 
1106
.filter-heading {
1107
    background-color: transparent;
1108
}
1109
 
1110
.filter-dd form input,
1111
.filter-dd form select {
1112
    background-color: #fff;
1113
}
1114
 
1115
.user-profile {
1116
    /* background-color: #f4e6a6; */
1117
    border-radius: 5px 0 0 5px;
1118
}
1119
 
1120
.feed-comment-container {
1121
    margin-top: 1rem;
1122
}
1123
 
1124
.pagination li .page-link {
1125
    color: #0961bf;
1126
}
1127
 
1128
.comment-section {
1129
    background-color: #f5f5f7;
1130
}
1131
 
1132
.company_profile_info {
1133
    border-radius: 5px;
1134
}
1135
 
1136
.full-width {
1137
    border-radius: 5px;
1138
    box-shadow: 0px 0px 11px 0px rgb(0 0 0 / 5%);
1139
}
1140
 
1141
.tab-feed.st2 ul li :hover {
1142
    border-bottom: 3px solid #f4e6a6;
1143
}
1144
 
1145
.user-info a {
1146
    color: #18516f;
1147
}
1148
 
1149
.border-none {
1150
    border: none !important;
1151
}
1152
 
5076 stevensc 1153
.usr-pic>img {
3508 stevensc 1154
    width: 80%;
1155
}
1156
 
1157
.user-specs {
1158
    padding: 39px 0 10px 0;
1159
}
1160
 
1161
.job-status-bar {
1162
    /* background-image: linear-gradient(#f5f5f7, #ffff); */
1163
    display: flex;
1164
    justify-content: space-between;
1165
    align-items: center;
1166
    /* border-radius: 10px; */
1167
}
1168
 
1169
.message-bar-head {
1170
    display: flex;
1171
    height: 13vh;
1172
    justify-content: space-between;
1173
    padding: 20px;
1174
    width: 100%;
1175
}
1176
 
1177
.form-control:disabled,
1178
.form-control[readonly] {
1179
    background-color: #ffff;
1180
}
1181
 
1182
.user-info {
1183
    /* padding: 10px 38px 2px 40px; */
1184
    height: 45px;
1185
    width: 45px;
1186
    margin-left: 1rem;
1187
}
1188
 
1189
/* .user-info > i {right: 25px; } */
1190
.file-caption.icon-visible .file-caption-name {
1191
    padding-bottom: 15px;
1192
}
1193
 
1194
/**notificaciones**/
1195
.notification {
1196
    color: white;
1197
    text-decoration: none;
1198
    padding: 0px 10px;
1199
    position: relative;
1200
    display: inline-block;
1201
    border-radius: 2px;
1202
    /* top: 10px; */
1203
    font-size: 16px;
1204
}
1205
 
1206
.text-submenu {
1207
    color: #0961bf;
1208
}
1209
 
1210
.text-submenu:hover {
1211
    font-weight: bold;
1212
    color: #0961bf;
1213
    transition: all 0.5s;
1214
}
1215
 
1216
header a:hover {
1217
    font-weight: bold;
1218
    color: #0961bf;
1219
    transition: all 0.5s;
1220
}
1221
 
1222
header .btn:hover {
1223
    color: #0961bf;
1224
    font-weight: bold;
1225
    transition: all 0.5s;
1226
}
1227
 
1228
.my-company-dropdown.show {
1229
    display: block;
1230
}
1231
 
1232
/**estilos altos de las columnas* .right-sidebar {margin-top: -7px; }*/
1233
 
1234
.message-btn {
1235
    /*display: inline-flex;*/
1236
    display: inherit;
1237
    flex-direction: column;
1238
}
1239
 
1240
.rc-anchor-checkbox-label {
1241
    font-size: 10px !important;
1242
}
1243
 
1244
.comment {
1245
    padding-right: 10px;
1246
}
1247
 
1248
.slick-slider {
1249
    display: grid !important;
1250
    grid-template-rows: 2rem auto;
1251
}
1252
 
1253
@media (min-width: 768px) {
1254
    .slick-slider {
1255
        display: flex !important;
1256
        align-items: center;
1257
    }
1258
}
1259
 
1260
.microlearning-up-info {
1261
    width: 100%;
3572 stevensc 1262
    background-color: $bg-color;
3508 stevensc 1263
    display: flex;
1264
    flex-direction: column;
1265
    gap: 5px;
1266
    text-align: start;
1267
 
5126 stevensc 1268
    img {
1269
        object-fit: cover;
1270
    }
3508 stevensc 1271
 
5126 stevensc 1272
    h3 {
1273
        color: $title-color;
1274
        font-size: 18px;
1275
        font-weight: 600;
1276
        margin-bottom: 10px;
1277
    }
3508 stevensc 1278
 
5126 stevensc 1279
    h4 {
1280
        color: $subtitle-color;
1281
        font-size: 14px;
1282
        font-weight: 500;
1283
        margin-bottom: 21px;
1284
    }
3508 stevensc 1285
 
5126 stevensc 1286
    ul {
1287
        width: 100%;
3508 stevensc 1288
 
5126 stevensc 1289
        li {
1290
            display: flex;
3508 stevensc 1291
 
5126 stevensc 1292
            a {
1293
                display: inline-block;
1294
                padding: 0 12px;
1295
                color: $font-color;
1296
                height: 35px;
1297
                line-height: 35px;
3508 stevensc 1298
 
5126 stevensc 1299
                i {
1300
                    font-size: 24px;
1301
                    position: relative;
1302
                    top: 3px;
1303
                }
1304
            }
1305
        }
1306
    }
3508 stevensc 1307
}
1308
 
5126 stevensc 1309
 
3508 stevensc 1310
/**** INICIO breadcrumb ***/
1311
ul.breadcrumb {
1312
    padding: 10px 16px;
1313
    list-style: none;
1314
    background-color: #f5f5f7;
1315
 
5126 stevensc 1316
    li {
1317
        display: inline;
1318
        font-size: 14px;
3508 stevensc 1319
 
5126 stevensc 1320
        &+li:before {
1321
            padding: 8px;
1322
            color: black;
1323
            content: ">\00a0";
1324
        }
3508 stevensc 1325
 
5126 stevensc 1326
        a {
1327
            color: #0275d8;
1328
            text-decoration: none;
3508 stevensc 1329
 
5126 stevensc 1330
            &:hover {
1331
                color: #01447e;
1332
                text-decoration: underline;
1333
            }
1334
        }
1335
    }
3508 stevensc 1336
}
1337
 
1338
/**** FIN breadcrumb ***/
1339
 
1340
.feed-avatar {
1341
    width: 50px;
1342
    height: auto;
1343
}
1344
 
1345
.cursor-pointer {
1346
    cursor: pointer;
1347
}
1348
 
4590 stevensc 1349
.cursor-auto {
1350
    cursor: initial !important;
1351
}
1352
 
3508 stevensc 1353
.chat-conversation {
1354
    background-image: none;
1355
}
1356
 
1357
.view-more-pro {
1358
    display: inline-block;
1359
    color: #000000;
1360
    font-size: 16px;
1361
    font-weight: 500;
1362
    padding: 18px 0;
5076 stevensc 1363
}