Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 5248 | Rev 5300 | Ir a la última revisión | | Comparar con el anterior | Ultima modificación | Ver Log |

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