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: #ffffff!important;
 26    color: #616161!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}*/
 96
 97.o_purple50{
 98    background: #EDE7F6!important;
 99    color: #000000!important;
100}
101.o_purple100{
102    background: #D1C4E9!important;
103    color: #000000!important;
104}
105.o_purple200{
106    background: #B39DDB!important;
107    color: #000000!important;
108}
109.o_purple300{
110    background: #9575CD!important;
111    color: #ffffff!important;
112}
113.o_purple400{
114    background: #7E57C2!important;
115    color: #ffffff!important;
116}
117.o_purple500{
118    background: #673AB7!important;
119    color: #ffffff!important;
120}
121.o_purple600{
122    background: #5E35B1!important;
123    color: #ffffff!important;
124}
125.o_purple700{
126    background: #512DA8!important;
127    color: #ffffff!important;
128}
129.o_purple800{
130    background: #4527A0!important;
131    color: #ffffff!important;
132}
133.o_purple900{
134    background: #311B92!important;
135    color: #ffffff!important;
136}
137
138
139.o_purpleG000to200{
140    background: -moz-linear-gradient(0deg, #ffffff 0%, #D1C4E9 100%); /* ff3.6+ */
141    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ffffff), color-stop(100%, #D1C4E9)); /* safari4+,chrome */
142    background: -webkit-linear-gradient(0deg, #ffffff 0%, #D1C4E9 100%); /* safari5.1+,chrome10+ */
143    background: -o-linear-gradient(0deg, #ffffff 0%, #D1C4E9 100%); /* opera 11.10+ */
144    background: -ms-linear-gradient(0deg, #ffffff 0%, #D1C4E9 100%); /* ie10+ */
145    background: linear-gradient(90deg, #ffffff 0%, #D1C4E9 100%); /* w3c */
146    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#D1C4E9',GradientType=1 ); /* ie6-9 */
147}
148.o_purpleG500to300{
149    background: -moz-linear-gradient(219deg, #9575CD 0%, #673AB7 100%); /* ff3.6+ */
150    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #673AB7), color-stop(100%, #9575CD)); /* safari4+,chrome */
151    background: -webkit-linear-gradient(219deg, #9575CD 0%, #673AB7 100%); /* safari5.1+,chrome10+ */
152    background: -o-linear-gradient(219deg, #9575CD 0%, #673AB7 100%); /* opera 11.10+ */
153    background: -ms-linear-gradient(219deg, #9575CD 0%, #673AB7 100%); /* ie10+ */
154    background: linear-gradient(231deg, #9575CD 0%, #673AB7 100%); /* w3c */
155    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#673AB7', endColorstr='#9575CD',GradientType=1 ); /* ie6-9 */
156    color: #ffffff!important;
157}
158.o_purpleG300to500{
159    background: -moz-linear-gradient(42deg, #9575CD 0%, #673AB7 100%); /* ff3.6+ */
160    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #9575CD), color-stop(100%, #673AB7)); /* safari4+,chrome */
161    background: -webkit-linear-gradient(42deg, #9575CD 0%, #673AB7 100%); /* safari5.1+,chrome10+ */
162    background: -o-linear-gradient(42deg, #9575CD 0%, #673AB7 100%); /* opera 11.10+ */
163    background: -ms-linear-gradient(42deg, #9575CD 0%, #673AB7 100%); /* ie10+ */
164    background: linear-gradient(48deg, #9575CD 0%, #673AB7 100%); /* w3c */
165    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9575CD', endColorstr='#673AB7',GradientType=1 ); /* ie6-9 */
166    color: #ffffff!important;
167}
168
169
170.o_text_purple400{
171    color: #7E57C2!important;
172}
173.o_text_purple500{
174    color: #673AB7!important;
175}
176.o_text_purple600{
177    color: #5E35B1!important;
178}