Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 5342 | Rev 5380 | 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
.user-info img {
551
    /* width: 30px; height: 30px; */
552
    width: 100%;
553
    height: 100%;
554
    border-radius: 50%;
555
}
556
 
557
.sn-field-has-error {
558
    border: 1px solid red;
559
    margin-bottom: 5px;
560
}
561
 
562
.sn-field-invalid-feedback {
563
    color: red;
564
    font-size: 13px;
565
    line-height: 20px;
566
    margin-bottom: 5px;
567
}
568
 
569
.form-group {
570
    margin-bottom: 5px;
571
    margin-top: 5px;
572
}
573
 
574
.form-group-has-error {
575
    border: 1px solid red !important;
576
}
577
 
578
.form-group-invalid-feedback {
579
    color: red;
580
    font-size: 13px;
581
    line-height: 20px;
582
    margin-bottom: 5px;
583
}
584
 
5076 stevensc 585
.fgt-sec input[type="checkbox"]+label span:before {
3508 stevensc 586
    background-color: #0961bf;
587
}
588
 
589
::-webkit-input-placeholder {
590
    /* Edge */
591
    color: #515151;
592
}
593
 
594
:-ms-input-placeholder {
595
    /* Internet Explorer 10-11 */
596
    color: #515151;
597
}
598
 
599
::placeholder {
600
    color: #515151;
601
}
602
 
603
.info-page {
604
    padding: 50px 0;
605
}
606
 
607
.section_admin_title_buttons {
608
    width: 100%;
609
    display: flex;
610
    margin-left: 0;
611
    justify-content: space-between;
612
    align-items: center;
613
}
614
 
615
.market_admin_title_buttons {
5303 stevensc 616
    width: 100%;
3508 stevensc 617
    display: flex;
3987 stevensc 618
    gap: 0.5rem;
5304 stevensc 619
    flex-direction: column-reverse;
5300 stevensc 620
 
621
    .search_input,
622
    .search_categories {
623
        position: relative;
624
        margin-bottom: 0;
625
 
626
        input,
627
        select,
628
        input:focus {
629
            background-color: $bg-color;
5303 stevensc 630
            border-radius: 5rem;
5300 stevensc 631
 
632
            &::placeholder {
633
                color: $font-color;
634
            }
635
        }
636
    }
3508 stevensc 637
}
638
 
639
.search-btn {
5304 stevensc 640
    padding: 0 .8rem;
3508 stevensc 641
    right: 0;
642
    height: 100%;
5303 stevensc 643
    background: $button-bg;
3508 stevensc 644
    position: absolute;
645
    top: 0;
5303 stevensc 646
    color: $button-text-color;
3508 stevensc 647
    font-weight: 600;
5303 stevensc 648
    border-start-end-radius: 5rem;
649
    border-bottom-right-radius: 5rem;
650
    opacity: .8;
651
    transition: all 200ms;
652
 
5304 stevensc 653
    &:hover,
654
    &:active {
5303 stevensc 655
        opacity: 1;
656
    }
3508 stevensc 657
}
658
 
659
.section_admin_title_buttons h1.title,
660
.section_admin_title_buttons h2 {
3523 stevensc 661
    color: $title-color;
3508 stevensc 662
    font-weight: bold;
663
    font-size: 18px;
664
}
665
 
666
.section_admin_title_buttons h2 {
667
    cursor: pointer;
668
}
669
 
670
@media (min-width: 768px) {
671
    .section_admin_title_buttons {
672
        width: 50%;
673
        margin-left: auto;
674
    }
675
 
676
    .market_admin_title_buttons {
5305 stevensc 677
        align-items: center;
3508 stevensc 678
        flex-direction: row;
5305 stevensc 679
        justify-content: end;
3508 stevensc 680
    }
681
 
682
}
683
 
684
.section_admin_form {
685
    float: left;
686
    width: 100%;
687
    padding-left: 15px;
688
}
689
 
690
.section_admin_form form input,
691
.section_admin_form form select {
692
    width: 100%;
693
    padding: 0 15px 0 15px;
694
    color: #000000;
695
    font-size: 14px;
696
    border: 1px solid #e5e5e5;
697
    height: 40px;
698
}
699
 
700
.section_admin_form form textarea {
701
    width: 100%;
702
    padding: 10px 15px 0 15px;
703
    color: #000000;
704
    font-size: 14px;
705
    border: 1px solid #e5e5e5;
706
    height: 300px;
707
}
708
 
709
/* .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; }*/
710
.section_admin_form .form-group label {
711
    color: #666 !important;
712
    font-weight: 400;
713
    font-size: 14px;
714
    padding-bottom: 5px;
715
}
716
 
717
.section_admin_form .form-group .toggle-group label {
718
    color: #fff !important;
719
    font-weight: 400;
720
    font-size: 16px;
721
    padding-bottom: 5px;
722
}
723
 
724
.section_admin_form .form-group .toggle-group label.toggle-off {
725
    background-color: #808080;
726
    border-color: #808080;
727
}
728
 
729
.section_admin_form .form-group .toggle-group label.toggle-off:hover {
730
    background-color: #808080;
731
    border-color: #808080;
732
}
733
 
734
.select2-results__option {
735
    display: block;
736
    padding: 10px 15px 0 15px !important;
737
    overflow: hidden;
738
    text-overflow: ellipsis;
739
    white-space: nowrap;
740
    font-size: 14px;
741
    border: 1px solid #e5e5e5;
742
    height: 40px;
743
}
744
 
745
.text-vertical-middle {
746
    vertical-align: middle !important;
747
}
748
 
749
table.dataTable thead .sorting:before,
750
table.dataTable thead .sorting_asc:before,
751
table.dataTable thead .sorting_desc:before,
752
table.dataTable thead .sorting_asc_disabled:before,
753
table.dataTable thead .sorting_desc_disabled:before {
754
    right: 1em;
755
    /* content: "\2191";*/
756
    content: none !important;
757
}
758
 
759
table.dataTable thead .sorting:after,
760
table.dataTable thead .sorting_asc:after,
761
table.dataTable thead .sorting_desc:after,
762
table.dataTable thead .sorting_asc_disabled:after,
763
table.dataTable thead .sorting_desc_disabled:after {
764
    right: 0.5em;
765
    /*content: "\2193";*/
766
    content: none !important;
767
}
768
 
769
.btn-edit {
770
    display: inline-block;
771
    padding: 0 12px;
772
    color: #fff;
773
    height: 35px;
774
    line-height: 35px;
775
    background-color: #0961bf;
776
}
777
 
778
.btn-delete {
779
    display: inline-block;
780
    padding: 0 12px;
781
    color: #fff;
782
    height: 35px;
783
    line-height: 35px;
784
    background-color: #e44d3a;
785
}
786
 
787
.overview-box.open {
788
    z-index: 1000 !important;
789
}
790
 
791
.social_links li a {
792
    line-height: 18px;
793
}
794
 
795
.datepicky {
796
    float: none;
797
}
798
 
799
.datefm {
800
    float: none;
801
}
802
 
803
span.group-span-filestyle {
804
    border: 1px solid #aaa;
805
    color: #fff;
806
    background-color: #0961bf;
807
    margin-top: 10px;
808
}
809
 
810
span.group-span-filestyle:hover {
811
    color: #fff;
812
    background-color: #0961bf;
813
}
814
 
815
.pac-container {
816
    z-index: 1051 !important;
817
}
818
 
819
.custom-file-label:after {
820
    content: none;
821
}
822
 
823
.add-pic-box a {
824
    background: #fff;
825
    border: 2px solid #0961bf;
826
    border-radius: 3px;
827
    color: #0961bf;
828
    cursor: pointer;
829
    display: inline-block;
830
    font-size: 15px;
831
    font-weight: 600;
832
    outline: none;
833
    padding: 12px 20px;
834
    position: relative;
835
    transition: all 0.3s;
836
    vertical-align: middle;
837
    margin: 0;
838
    text-transform: uppercase;
839
}
840
 
841
#skills-box ul {
842
    height: auto;
843
}
844
 
5076 stevensc 845
.custom-control-input:checked~.custom-control-label::before {
3508 stevensc 846
    color: #fff;
847
    border-color: #007bff;
848
    background-color: #007bff;
849
    box-shadow: none;
850
    outline: none;
851
}
852
 
853
#user-img-change {
854
    width: 150px;
855
    height: 150px;
856
    margin-right: 10px;
857
    -webkit-border-radius: 100px;
858
    -moz-border-radius: 100px;
859
    -ms-border-radius: 100px;
860
    -o-border-radius: 100px;
861
    border-radius: 100px;
3589 stevensc 862
    background-color: #fff;
3508 stevensc 863
}
864
 
865
.btn-onroom {
866
    cursor: pointer;
867
}
868
 
869
.form-group .toggle-btn .custom-control-label {
870
    position: relative;
871
    padding-left: 50px;
872
}
873
 
874
.file-upload-indicator {
875
    display: none;
876
}
877
 
878
b,
879
strong {
880
    font-weight: bolder !important;
881
}
882
 
883
a.read-more {
884
    color: #666666;
885
    font-weight: bold;
886
}
887
 
888
a.read-morea:visited {
889
    color: #666666;
890
    font-weight: bold;
891
}
892
 
893
.show-read-more p {
894
    text-align: justify;
895
    font-weight: 600;
3551 stevensc 896
    color: $subtitle-color;
5076 stevensc 897
 
3987 stevensc 898
    .more-text {
899
        display: none;
900
    }
3508 stevensc 901
}
902
 
903
.btn-trans:hover {
904
    color: #929292 !important;
905
}
906
 
5076 stevensc 907
.job-status-bar>a:hover {
3508 stevensc 908
    color: #1e5591 !important;
909
}
910
 
5076 stevensc 911
.job-status-bar>ul>li>a:hover {
3508 stevensc 912
    color: #1e5591;
913
}
914
 
915
.comment-section {
916
    box-shadow: none;
917
}
918
 
919
.process-comm {
920
    padding-top: 10px;
921
    padding-bottom: 20px;
922
}
923
 
924
ul.avail-checks-search-type li.active {
925
    background-color: #666666;
926
}
927
 
928
nav ul li a {
929
    color: #000000;
930
}
931
 
932
.usy-name h4 {
933
    color: #000000;
934
    font-size: 16px;
935
    text-transform: capitalize;
936
    font-weight: 600;
937
    margin-bottom: 5px;
938
    margin-top: 2px;
939
}
940
 
941
.message-btn a.btn-request-connection {
942
    background-color: #53d690;
943
}
944
 
945
.message-btn a.btn-cancel-connection {
946
    background-color: #e44d3a;
947
}
948
 
949
.message-btn a.btn-send-message {
950
    background-color: #51a5fb;
951
}
952
 
953
.bootbox-confirm .btn-danger {
954
    color: #000000;
955
}
956
 
957
.title-bar {
958
    float: left;
959
    width: 280px;
960
    margin-top: 12px;
961
    margin-bottom: 9px;
962
    vertical-align: middle;
963
}
964
 
965
.title-bar .title {
966
    color: #ffffff;
967
    font-size: 20px;
968
    text-transform: capitalize;
969
    font-weight: 600;
970
}
971
 
972
/*New Style*/
973
.online-btn {
974
    border-radius: 50px;
975
    width: 20px;
976
    height: 20px;
977
}
978
 
979
/***********************************new style jm*********************************/
980
.forum-links ul li.active a {
981
    color: #1dac98;
982
}
983
 
984
.forum-links ul li.active {
985
    border-color: #1dac98;
986
}
987
 
988
.ask-question {
989
    color: #0961bf !important;
990
}
991
 
5076 stevensc 992
.suggestion-usd>span i:hover {
3508 stevensc 993
    background-color: #f4e6a6;
994
}
995
 
5076 stevensc 996
.view-more>.btn {
3508 stevensc 997
    background-color: #0961bf;
998
}
999
 
1000
/* #shared_with {background-color: #0961bf; } #shared_with :hover {color: blank; background-color: #007bff; } */
1001
.bid_now {
1002
    background-color: #0961bf;
1003
}
1004
 
1005
.follow {
1006
    background-color: #1eb89e;
1007
}
1008
 
1009
.footy-sec.mn ul li a {
1010
    color: #01245d;
1011
    font-size: 0.9rem;
1012
}
1013
 
1014
.footy-sec.mn ul li a:hover {
1015
    color: #01245d;
1016
    font-weight: bold;
1017
    transition: all 0.5s;
1018
}
1019
 
1020
.footy-sec.mn p {
1021
    color: #01245d;
1022
}
1023
 
1024
.star-descp ul li i {
1025
    color: #cacf8c;
1026
}
1027
 
1028
.hire-us {
1029
    background-color: #0961bf;
1030
}
1031
 
1032
.company-up-info {
1033
    background-color: #ffff;
1034
}
1035
 
1036
.post_with_border {
1037
    border-left: 4px solid #1eb89e;
1038
}
1039
 
1040
.sign_link {
1041
    background-color: #ffff;
1042
}
1043
 
1044
.search-title {
1045
    padding-left: 2%;
1046
    font-size: 1.2rem;
1047
}
1048
 
1049
.portfolio-gallery-sec {
1050
    background-color: #f5f5f7;
1051
}
1052
 
1053
.paddy {
1054
    background-color: transparent;
1055
}
1056
 
1057
.filter-heading {
1058
    background-color: transparent;
1059
}
1060
 
1061
.filter-dd form input,
1062
.filter-dd form select {
1063
    background-color: #fff;
1064
}
1065
 
1066
.feed-comment-container {
1067
    margin-top: 1rem;
1068
}
1069
 
1070
.pagination li .page-link {
1071
    color: #0961bf;
1072
}
1073
 
1074
.comment-section {
1075
    background-color: #f5f5f7;
1076
}
1077
 
1078
.company_profile_info {
1079
    border-radius: 5px;
1080
}
1081
 
1082
.full-width {
1083
    border-radius: 5px;
1084
    box-shadow: 0px 0px 11px 0px rgb(0 0 0 / 5%);
1085
}
1086
 
1087
.tab-feed.st2 ul li :hover {
1088
    border-bottom: 3px solid #f4e6a6;
1089
}
1090
 
1091
.user-info a {
1092
    color: #18516f;
1093
}
1094
 
1095
.border-none {
1096
    border: none !important;
1097
}
1098
 
5076 stevensc 1099
.usr-pic>img {
3508 stevensc 1100
    width: 80%;
1101
}
1102
 
1103
.user-specs {
1104
    padding: 39px 0 10px 0;
1105
}
1106
 
1107
.job-status-bar {
1108
    /* background-image: linear-gradient(#f5f5f7, #ffff); */
1109
    display: flex;
1110
    justify-content: space-between;
1111
    align-items: center;
1112
    /* border-radius: 10px; */
1113
}
1114
 
1115
.message-bar-head {
1116
    display: flex;
1117
    height: 13vh;
1118
    justify-content: space-between;
1119
    padding: 20px;
1120
    width: 100%;
1121
}
1122
 
1123
.form-control:disabled,
1124
.form-control[readonly] {
1125
    background-color: #ffff;
1126
}
1127
 
1128
.user-info {
1129
    /* padding: 10px 38px 2px 40px; */
1130
    height: 45px;
1131
    width: 45px;
1132
    margin-left: 1rem;
1133
}
1134
 
1135
/* .user-info > i {right: 25px; } */
1136
.file-caption.icon-visible .file-caption-name {
1137
    padding-bottom: 15px;
1138
}
1139
 
1140
/**notificaciones**/
1141
.notification {
1142
    color: white;
1143
    text-decoration: none;
1144
    padding: 0px 10px;
1145
    position: relative;
1146
    display: inline-block;
1147
    border-radius: 2px;
1148
    /* top: 10px; */
1149
    font-size: 16px;
1150
}
1151
 
1152
.text-submenu {
1153
    color: #0961bf;
1154
}
1155
 
1156
.text-submenu:hover {
1157
    font-weight: bold;
1158
    color: #0961bf;
1159
    transition: all 0.5s;
1160
}
1161
 
1162
header a:hover {
1163
    font-weight: bold;
1164
    color: #0961bf;
1165
    transition: all 0.5s;
1166
}
1167
 
1168
header .btn:hover {
1169
    color: #0961bf;
1170
    font-weight: bold;
1171
    transition: all 0.5s;
1172
}
1173
 
1174
.my-company-dropdown.show {
1175
    display: block;
1176
}
1177
 
1178
/**estilos altos de las columnas* .right-sidebar {margin-top: -7px; }*/
1179
 
1180
.message-btn {
1181
    /*display: inline-flex;*/
1182
    display: inherit;
1183
    flex-direction: column;
1184
}
1185
 
1186
.rc-anchor-checkbox-label {
1187
    font-size: 10px !important;
1188
}
1189
 
1190
.comment {
1191
    padding-right: 10px;
1192
}
1193
 
1194
/**** INICIO breadcrumb ***/
1195
ul.breadcrumb {
1196
    padding: 10px 16px;
1197
    list-style: none;
1198
    background-color: #f5f5f7;
1199
 
5126 stevensc 1200
    li {
1201
        display: inline;
1202
        font-size: 14px;
3508 stevensc 1203
 
5126 stevensc 1204
        &+li:before {
1205
            padding: 8px;
1206
            color: black;
1207
            content: ">\00a0";
1208
        }
3508 stevensc 1209
 
5126 stevensc 1210
        a {
1211
            color: #0275d8;
1212
            text-decoration: none;
3508 stevensc 1213
 
5126 stevensc 1214
            &:hover {
1215
                color: #01447e;
1216
                text-decoration: underline;
1217
            }
1218
        }
1219
    }
3508 stevensc 1220
}
1221
 
1222
/**** FIN breadcrumb ***/
1223
 
1224
.feed-avatar {
1225
    width: 50px;
1226
    height: auto;
1227
}
1228
 
1229
.cursor-pointer {
1230
    cursor: pointer;
1231
}
1232
 
4590 stevensc 1233
.cursor-auto {
1234
    cursor: initial !important;
1235
}
1236
 
3508 stevensc 1237
.view-more-pro {
1238
    display: inline-block;
1239
    color: #000000;
1240
    font-size: 16px;
1241
    font-weight: 500;
1242
    padding: 18px 0;
5076 stevensc 1243
}