Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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