Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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