Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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