Proyectos de Subversion LeadersLinked - Backend

Rev

| Ultima modificación | Ver Log |

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