1.o_noPaddingMargin{
 2    padding: 0!important;
 3    margin: 0!important;
 4}
 5.o_mainRow{
 6    height: calc(100%/4);
 7}
 8.o_floatRight{
 9    float: right;
10}
11/*
12    SISTEMA DE COLORS
13
14    users: blue
15    routines: red
16    diets: yellow
17
18    la nomenclatura és:
19    o_bColor
20    la 'o' és de 'own', per saber que és una classe pròpia nostra i que no colisioni amb les classes dels frameworks css
21    la 'b' és de background, si és una 'f' és de font
22    a part podem posar ColorDark o ColorLight per fer un color més fosc o més clar
23*/
24.o_bSidenav{
25    background: #333b42!important;
26    color: #c6ccd2!important;
27}
28.o_fWhiteLight{
29    color: #c6ccd2!important;
30}
31.o_bGrey{
32  background: #e6e6e6!important;
33  color: #000000!important;
34}
35.o_bGreyLight{
36  background: #CFD8DC!important;
37  color: #000000!important;
38}
39/* backgrounds color: bColor */
40.o_bRed{
41    background: rgb(252,87,85)!important;
42    color: #ffffff!important;
43}
44.o_bRedLight{
45    background: #E57373!important;
46    color: #ffffff!important;
47}
48.o_bRedDark{
49    background: rgb(218, 89, 120)!important;
50    color: #ffffff!important;
51}
52.o_bGreen{
53    background: rgb(123,195,70)!important;
54    color: #ffffff!important;
55}
56.o_bGreenLight{
57    background: #81C784!important;
58    color: #ffffff!important;
59}
60.o_bGreenDark{
61    background: rgb(54,188,155)!important;
62    color: #ffffff!important;
63}
64.o_bBlue{
65    background: rgb(104,195,240)!important;
66    color: #ffffff!important;
67}
68.o_bBlueDark{
69    background: rgb(72,118,180)!important;
70    color: #ffffff!important;
71}
72.o_bYellow{
73    background: rgb(251,187,61)!important;
74    color: #ffffff!important;
75}
76.o_bYellowDark{
77    background: #F9A825!important;
78    color: #ffffff!important;
79}
80.o_bOrange{
81    background: rgb(251, 126, 61)!important;
82    color: #ffffff!important;
83}
84.o_bOrangeDark{
85    background: #FF7043!important;
86    color: #ffffff!important;
87}
88.o_bPurple{
89    background: #9575CD!important;
90    color: #ffffff!important;
91}
92.o_bPurpleDark{
93    background: #512DA8!important;
94    color: #ffffff!important;
95}