commonroutesWebApp/css/colors.css
css/colors.cssRaw
1/* red */
2.c_red50{
3 background: #FFEBEE!important;
4 color: #000000!important;
5}
6.c_red100{
7 background: #FFCDD2!important;
8 color: #000000!important;
9}
10.c_red200{
11 background: #EF9A9A!important;
12 color: #000000!important;
13}
14.c_red300{
15 background: #E57373!important;
16 color: #ffffff!important;
17}
18.c_red400{
19 background: #EF5350!important;
20 color: #ffffff!important;
21}
22.c_red500{
23 background: #F44336!important;
24 color: #ffffff!important;
25}
26.c_red600{
27 background: #E53935!important;
28 color: #ffffff!important;
29}
30.c_red700{
31 background: #D32F2F!important;
32 color: #ffffff!important;
33}
34.c_red800{
35 background: #C62828!important;
36 color: #ffffff!important;
37}
38.c_red900{
39 background: #B71C1C!important;
40 color: #ffffff!important;
41}
42
43.ctext_red400{
44 color: #EF5350!important;
45}
46.ctext_red500{
47 color: #F44336!important;
48}
49.ctext_red600{
50 color: #E53935!important;
51}
52
53/* pink */
54.c_pink50{
55 background: #FCE4EC!important;
56 color: #000000!important;
57}
58.c_pink100{
59 background: #F8BBD0!important;
60 color: #000000!important;
61}
62.c_pink200{
63 background: #F48FB1!important;
64 color: #000000!important;
65}
66.c_pink300{
67 background: #F06292!important;
68 color: #ffffff!important;
69}
70.c_pink400{
71 background: #EC407A!important;
72 color: #ffffff!important;
73}
74.c_pink500{
75 background: #E91E63!important;
76 color: #ffffff!important;
77}
78.c_pink600{
79 background: #D81B60!important;
80 color: #ffffff!important;
81}
82.c_pink700{
83 background: #C2185B!important;
84 color: #ffffff!important;
85}
86.c_pink800{
87 background: #AD1457!important;
88 color: #ffffff!important;
89}
90.c_pink900{
91 background: #880E4F!important;
92 color: #ffffff!important;
93}
94
95/* deepPurple */
96.c_deepPurple50{
97 background: #EDE7F6!important;
98 color: #000000!important;
99}
100.c_deepPurple100{
101 background: #D1C4E9!important;
102 color: #000000!important;
103}
104.c_deepPurple200{
105 background: #B39DDB!important;
106 color: #000000!important;
107}
108.c_deepPurple300{
109 background: #9575CD!important;
110 color: #ffffff!important;
111}
112.c_deepPurple400{
113 background: #7E57C2!important;
114 color: #ffffff!important;
115}
116.c_deepPurple500{
117 background: #673AB7!important;
118 color: #ffffff!important;
119}
120.c_deepPurple600{
121 background: #5E35B1!important;
122 color: #ffffff!important;
123}
124.c_deepPurple700{
125 background: #512DA8!important;
126 color: #ffffff!important;
127}
128.c_deepPurple800{
129 background: #4527A0!important;
130 color: #ffffff!important;
131}
132.c_deepPurple900{
133 background: #311B92!important;
134 color: #ffffff!important;
135}
136
137.c_deepPurpleG000to200{
138 background: -moz-linear-gradient(0deg, #ffffff 0%, #D1C4E9 100%)!important; /* ff3.6+ */
139 background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ffffff), color-stop(100%, #D1C4E9))!important; /* safari4+,chrome */
140 background: -webkit-linear-gradient(0deg, #ffffff 0%, #D1C4E9 100%)!important; /* safari5.1+,chrome10+ */
141 background: -o-linear-gradient(0deg, #ffffff 0%, #D1C4E9 100%)!important; /* opera 11.10+ */
142 background: -ms-linear-gradient(0deg, #ffffff 0%, #D1C4E9 100%)!important; /* ie10+ */
143 background: linear-gradient(90deg, #ffffff 0%, #D1C4E9 100%)!important; /* w3c */
144 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#D1C4E9',GradientType=1 )!important; /* ie6-9 */
145}
146.c_deepPurpleG500to300{
147 background: -moz-linear-gradient(219deg, #9575CD 0%, #673AB7 100%)!important; /* ff3.6+ */
148 background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #673AB7), color-stop(100%, #9575CD))!important; /* safari4+,chrome */
149 background: -webkit-linear-gradient(219deg, #9575CD 0%, #673AB7 100%)!important; /* safari5.1+,chrome10+ */
150 background: -o-linear-gradient(219deg, #9575CD 0%, #673AB7 100%)!important; /* opera 11.10+ */
151 background: -ms-linear-gradient(219deg, #9575CD 0%, #673AB7 100%)!important; /* ie10+ */
152 background: linear-gradient(231deg, #9575CD 0%, #673AB7 100%)!important; /* w3c */
153 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#673AB7', endColorstr='#9575CD',GradientType=1 )!important; /* ie6-9 */
154 color: #ffffff!important;
155}
156.c_deepPurpleG300to500{
157 background: -moz-linear-gradient(42deg, #9575CD 0%, #673AB7 100%)!important; /* ff3.6+ */
158 background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #9575CD), color-stop(100%, #673AB7))!important; /* safari4+,chrome */
159 background: -webkit-linear-gradient(42deg, #9575CD 0%, #673AB7 100%)!important; /* safari5.1+,chrome10+ */
160 background: -o-linear-gradient(42deg, #9575CD 0%, #673AB7 100%)!important; /* opera 11.10+ */
161 background: -ms-linear-gradient(42deg, #9575CD 0%, #673AB7 100%)!important; /* ie10+ */
162 background: linear-gradient(48deg, #9575CD 0%, #673AB7 100%)!important; /* w3c */
163 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9575CD', endColorstr='#673AB7',GradientType=1 )!important; /* ie6-9 */
164 color: #ffffff!important;
165}
166
167/* indigo */
168.c_indigo50{
169 background:#E8EAF6!important;
170 color: #000000!important;
171}
172.c_indigo100{
173 background:#C5CAE9!important;
174 color: #000000!important;
175}
176.c_indigo200{
177 background:#9FA8DA!important;
178 color: #000000!important;
179}
180.c_indigo300{
181 background:#7986CB!important;
182 color: #ffffff!important;
183}
184.c_indigo400{
185 background:#5C6BC0!important;
186 color: #ffffff!important;
187}
188.c_indigo500{
189 background:#3F51B5!important;
190 color: #ffffff!important;
191}
192.c_indigo600{
193 background:#3949AB!important;
194 color: #ffffff!important;
195}
196.c_indigo700{
197 background:#303F9F!important;
198 color: #ffffff!important;
199}
200.c_indigo800{
201 background:#283593!important;
202 color: #ffffff!important;
203}
204.c_indigo900{
205 background:#1A237E!important;
206 color: #ffffff!important;
207}
208
209.ctext_indigo500{
210 color: #3F51B5!important;
211}
212
213/* blue */
214.c_blue50{
215 background: #E3F2FD!important;
216 color: #000000!important;
217}
218.c_blue100{
219 background: #BBDEFB!important;
220 color: #000000!important;
221}
222.c_blue200{
223 background: #90CAF9!important;
224 color: #000000!important;
225}
226.c_blue300{
227 background: #64B5F6!important;
228 color: #ffffff!important;
229}
230.c_blue400{
231 background: #42A5F5!important;
232 color: #ffffff!important;
233}
234.c_blue500{
235 background: #2196F3!important;
236 color: #ffffff!important;
237}
238.c_blue600{
239 background: #1E88E5!important;
240 color: #ffffff!important;
241}
242.c_blue700{
243 background: #1976D2!important;
244 color: #ffffff!important;
245}
246.c_blue800{
247 background: #1565C0!important;
248 color: #ffffff!important;
249}
250.c_blue900{
251 background: #0D47A1!important;
252 color: #ffffff!important;
253}
254
255
256/* cyan */
257.c_cyan50{
258 background: #E0F7FA!important;
259 color: #000000!important;
260}
261.c_cyan100{
262 background: #B2EBF2!important;
263 color: #000000!important;
264}
265.c_cyan200{
266 background: #80DEEA!important;
267 color: #000000!important;
268}
269.c_cyan300{
270 background: #4DD0E1!important;
271 color: #ffffff!important;
272}
273.c_cyan400{
274 background: #26C6DA!important;
275 color: #ffffff!important;
276}
277.c_cyan500{
278 background: #00BCD4!important;
279 color: #ffffff!important;
280}
281.c_cyan600{
282 background: #00ACC1!important;
283 color: #ffffff!important;
284}
285.c_cyan700{
286 background: #0097A7!important;
287 color: #ffffff!important;
288}
289.c_cyan800{
290 background: #00838F!important;
291 color: #ffffff!important;
292}
293.c_cyan900{
294 background: #006064!important;
295 color: #ffffff!important;
296}
297
298/* green */
299.c_green50{
300 background: #E8F5E9!important;
301 color: #000000!important;
302}
303.c_green100{
304 background: #C8E6C9!important;
305 color: #000000!important;
306}
307.c_green200{
308 background: #A5D6A7!important;
309 color: #000000!important;
310}
311.c_green300{
312 background: #81C784!important;
313 color: #ffffff!important;
314}
315.c_green400{
316 background: #66BB6A!important;
317 color: #ffffff!important;
318}
319.c_green500{
320 background: #4CAF50!important;
321 color: #ffffff!important;
322}
323.c_green600{
324 background: #43A047!important;
325 color: #ffffff!important;
326}
327.c_green700{
328 background: #388E3C!important;
329 color: #ffffff!important;
330}
331.c_green800{
332 background: #2E7D32!important;
333 color: #ffffff!important;
334}
335.c_green900{
336 background: #1B5E20!important;
337 color: #ffffff!important;
338}
339
340/* yellow */
341.c_yellow50{
342 background: #FFFDE7!important;
343 color: #000000!important;
344}
345.c_yellow100{
346 background: #FFF9C4!important;
347 color: #000000!important;
348}
349.c_yellow200{
350 background: #FFF59D!important;
351 color: #000000!important;
352}
353.c_yellow300{
354 background: #FFF176!important;
355 color: #ffffff!important;
356}
357.c_yellow400{
358 background: #FFEE58!important;
359 color: #ffffff!important;
360}
361.c_yellow500{
362 background: #FFEB3B!important;
363 color: #ffffff!important;
364}
365.c_yellow600{
366 background: #FDD835!important;
367 color: #ffffff!important;
368}
369.c_yellow700{
370 background: #FBC02D!important;
371 color: #ffffff!important;
372}
373.c_yellow800{
374 background: #F9A825!important;
375 color: #ffffff!important;
376}
377.c_yellow900{
378 background: #F57F17!important;
379 color: #ffffff!important;
380}
381
382/* orange */
383.c_orange50{
384 background: #FFF3E0!important;
385 color: #000000!important;
386}
387.c_orange100{
388 background: #FFE0B2!important;
389 color: #000000!important;
390}
391.c_orange200{
392 background: #FFCC80!important;
393 color: #000000!important;
394}
395.c_orange300{
396 background: #FFB74D!important;
397 color: #ffffff!important;
398}
399.c_orange400{
400 background: #FFA726!important;
401 color: #ffffff!important;
402}
403.c_orange500{
404 background: #FF9800!important;
405 color: #ffffff!important;
406}
407.c_orange600{
408 background: #FB8C00!important;
409 color: #ffffff!important;
410}
411.c_orange700{
412 background: #F57C00!important;
413 color: #ffffff!important;
414}
415.c_orange800{
416 background: #EF6C00!important;
417 color: #ffffff!important;
418}
419.c_orange900{
420 background: #E65100!important;
421 color: #ffffff!important;
422}
423
424/* grey */
425.c_grey50{
426 background: #FAFAFA!important;
427 color: #000000!important;
428}
429.c_grey100{
430 background: #F5F5F5!important;
431 color: #000000!important;
432}
433.c_grey200{
434 background: #EEEEEE!important;
435 color: #000000!important;
436}
437.c_grey300{
438 background: #E0E0E0!important;
439 color: #ffffff!important;
440}
441.c_grey400{
442 background: #BDBDBD!important;
443 color: #ffffff!important;
444}
445.c_grey500{
446 background: #9E9E9E!important;
447 color: #ffffff!important;
448}
449.c_grey600{
450 background: #757575!important;
451 color: #ffffff!important;
452}
453.c_grey700{
454 background: #616161!important;
455 color: #ffffff!important;
456}
457.c_grey800{
458 background: #424242!important;
459 color: #ffffff!important;
460}
461.c_grey900{
462 background: #212121!important;
463 color: #ffffff!important;
464}
465
466
467
468/* blue grey */
469.c_blueGrey50{
470 background: #ECEFF1!important;
471 color: #000000!important;
472}
473.c_blueGrey100{
474 background: #CFD8DC!important;
475 color: #000000!important;
476}
477.c_blueGrey200{
478 background: #B0BEC5!important;
479 color: #000000!important;
480}
481.c_blueGrey300{
482 background: #90A4AE!important;
483 color: #ffffff!important;
484}
485.c_blueGrey400{
486 background: #78909C!important;
487 color: #ffffff!important;
488}
489.c_blueGrey500{
490 background: #607D8B!important;
491 color: #ffffff!important;
492}
493.c_blueGrey600{
494 background: #546E7A!important;
495 color: #ffffff!important;
496}
497.c_blueGrey700{
498 background: #455A64!important;
499 color: #ffffff!important;
500}
501.c_blueGrey800{
502 background: #37474F!important;
503 color: #ffffff!important;
504}
505.c_blueGrey900{
506 background: #263238!important;
507 color: #ffffff!important;
508}
509
510
511.ctext_blueGrey500{
512 color: #607D8B!important;
513}
514
515.c_blueGradient1{
516 background: #2d4a56!important;
517 background: -moz-linear-gradient(left, #2d4a56 0%, #1c2b36 100%)!important;
518 background: -webkit-linear-gradient(left, #2d4a56 0%,#1c2b36 100%)!important;
519 background: linear-gradient(to right, #2d4a56 0%,#1c2b36 100%)!important;
520 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d4a56', endColorstr='#1c2b36',GradientType=1 )!important;
521
522 color: rgba(255,255,255,0.9)!important;
523}
524.c_blue2{
525 background: rgb(28,43,54)!important;
526 color: rgba(255,255,255,0.8)!important;
527}
528
529.cf_green2{
530 color: rgb(32,158,145)!important;
531}