Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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