Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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