Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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