Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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