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.ct_deepPurple300{
137 color: #9575CD!important;
138}
139.c_deepPurpleG000to200{
140 background: -moz-linear-gradient(0deg, #ffffff 0%, #D1C4E9 100%)!important; /* ff3.6+ */
141 background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ffffff), color-stop(100%, #D1C4E9))!important; /* safari4+,chrome */
142 background: -webkit-linear-gradient(0deg, #ffffff 0%, #D1C4E9 100%)!important; /* safari5.1+,chrome10+ */
143 background: -o-linear-gradient(0deg, #ffffff 0%, #D1C4E9 100%)!important; /* opera 11.10+ */
144 background: -ms-linear-gradient(0deg, #ffffff 0%, #D1C4E9 100%)!important; /* ie10+ */
145 background: linear-gradient(90deg, #ffffff 0%, #D1C4E9 100%)!important; /* w3c */
146 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#D1C4E9',GradientType=1 )!important; /* ie6-9 */
147}
148.c_deepPurpleG500to300{
149 background: -moz-linear-gradient(219deg, #9575CD 0%, #673AB7 100%)!important; /* ff3.6+ */
150 background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #673AB7), color-stop(100%, #9575CD))!important; /* safari4+,chrome */
151 background: -webkit-linear-gradient(219deg, #9575CD 0%, #673AB7 100%)!important; /* safari5.1+,chrome10+ */
152 background: -o-linear-gradient(219deg, #9575CD 0%, #673AB7 100%)!important; /* opera 11.10+ */
153 background: -ms-linear-gradient(219deg, #9575CD 0%, #673AB7 100%)!important; /* ie10+ */
154 background: linear-gradient(231deg, #9575CD 0%, #673AB7 100%)!important; /* w3c */
155 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#673AB7', endColorstr='#9575CD',GradientType=1 )!important; /* ie6-9 */
156 color: #ffffff!important;
157}
158.c_deepPurpleG300to500{
159 background: -moz-linear-gradient(42deg, #9575CD 0%, #673AB7 100%)!important; /* ff3.6+ */
160 background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #9575CD), color-stop(100%, #673AB7))!important; /* safari4+,chrome */
161 background: -webkit-linear-gradient(42deg, #9575CD 0%, #673AB7 100%)!important; /* safari5.1+,chrome10+ */
162 background: -o-linear-gradient(42deg, #9575CD 0%, #673AB7 100%)!important; /* opera 11.10+ */
163 background: -ms-linear-gradient(42deg, #9575CD 0%, #673AB7 100%)!important; /* ie10+ */
164 background: linear-gradient(48deg, #9575CD 0%, #673AB7 100%)!important; /* w3c */
165 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9575CD', endColorstr='#673AB7',GradientType=1 )!important; /* ie6-9 */
166 color: #ffffff!important;
167}
168
169/* indigo */
170.c_indigo50{
171 background:#E8EAF6!important;
172 color: #000000!important;
173}
174.c_indigo100{
175 background:#C5CAE9!important;
176 color: #000000!important;
177}
178.c_indigo200{
179 background:#9FA8DA!important;
180 color: #000000!important;
181}
182.c_indigo300{
183 background:#7986CB!important;
184 color: #ffffff!important;
185}
186.c_indigo400{
187 background:#5C6BC0!important;
188 color: #ffffff!important;
189}
190.c_indigo500{
191 background:#3F51B5!important;
192 color: #ffffff!important;
193}
194.c_indigo600{
195 background:#3949AB!important;
196 color: #ffffff!important;
197}
198.c_indigo700{
199 background:#303F9F!important;
200 color: #ffffff!important;
201}
202.c_indigo800{
203 background:#283593!important;
204 color: #ffffff!important;
205}
206.c_indigo900{
207 background:#1A237E!important;
208 color: #ffffff!important;
209}
210
211.ctext_indigo500{
212 color: #3F51B5!important;
213}
214
215/* blue */
216.c_blue50{
217 background: #E3F2FD!important;
218 color: #000000!important;
219}
220.c_blue100{
221 background: #BBDEFB!important;
222 color: #000000!important;
223}
224.c_blue200{
225 background: #90CAF9!important;
226 color: #000000!important;
227}
228.c_blue300{
229 background: #64B5F6!important;
230 color: #ffffff!important;
231}
232.c_blue400{
233 background: #42A5F5!important;
234 color: #ffffff!important;
235}
236.c_blue500{
237 background: #2196F3!important;
238 color: #ffffff!important;
239}
240.c_blue600{
241 background: #1E88E5!important;
242 color: #ffffff!important;
243}
244.c_blue700{
245 background: #1976D2!important;
246 color: #ffffff!important;
247}
248.c_blue800{
249 background: #1565C0!important;
250 color: #ffffff!important;
251}
252.c_blue900{
253 background: #0D47A1!important;
254 color: #ffffff!important;
255}
256
257.ct_blue300{
258 color: #64B5F6;
259}
260
261/* cyan */
262.c_cyan50{
263 background: #E0F7FA!important;
264 color: #000000!important;
265}
266.c_cyan100{
267 background: #B2EBF2!important;
268 color: #000000!important;
269}
270.c_cyan200{
271 background: #80DEEA!important;
272 color: #000000!important;
273}
274.c_cyan300{
275 background: #4DD0E1!important;
276 color: #ffffff!important;
277}
278.c_cyan400{
279 background: #26C6DA!important;
280 color: #ffffff!important;
281}
282.c_cyan500{
283 background: #00BCD4!important;
284 color: #ffffff!important;
285}
286.c_cyan600{
287 background: #00ACC1!important;
288 color: #ffffff!important;
289}
290.c_cyan700{
291 background: #0097A7!important;
292 color: #ffffff!important;
293}
294.c_cyan800{
295 background: #00838F!important;
296 color: #ffffff!important;
297}
298.c_cyan900{
299 background: #006064!important;
300 color: #ffffff!important;
301}
302
303/* green */
304.c_green50{
305 background: #E8F5E9!important;
306 color: #000000!important;
307}
308.c_green100{
309 background: #C8E6C9!important;
310 color: #000000!important;
311}
312.c_green200{
313 background: #A5D6A7!important;
314 color: #000000!important;
315}
316.c_green300{
317 background: #81C784!important;
318 color: #ffffff!important;
319}
320.c_green400{
321 background: #66BB6A!important;
322 color: #ffffff!important;
323}
324.c_green500{
325 background: #4CAF50!important;
326 color: #ffffff!important;
327}
328.c_green600{
329 background: #43A047!important;
330 color: #ffffff!important;
331}
332.c_green700{
333 background: #388E3C!important;
334 color: #ffffff!important;
335}
336.c_green800{
337 background: #2E7D32!important;
338 color: #ffffff!important;
339}
340.c_green900{
341 background: #1B5E20!important;
342 color: #ffffff!important;
343}
344
345/* yellow */
346.c_yellow50{
347 background: #FFFDE7!important;
348 color: #000000!important;
349}
350.c_yellow100{
351 background: #FFF9C4!important;
352 color: #000000!important;
353}
354.c_yellow200{
355 background: #FFF59D!important;
356 color: #000000!important;
357}
358.c_yellow300{
359 background: #FFF176!important;
360 color: #ffffff!important;
361}
362.c_yellow400{
363 background: #FFEE58!important;
364 color: #ffffff!important;
365}
366.c_yellow500{
367 background: #FFEB3B!important;
368 color: #ffffff!important;
369}
370.c_yellow600{
371 background: #FDD835!important;
372 color: #ffffff!important;
373}
374.c_yellow700{
375 background: #FBC02D!important;
376 color: #ffffff!important;
377}
378.c_yellow800{
379 background: #F9A825!important;
380 color: #ffffff!important;
381}
382.c_yellow900{
383 background: #F57F17!important;
384 color: #ffffff!important;
385}
386
387/* orange */
388.c_orange50{
389 background: #FFF3E0!important;
390 color: #000000!important;
391}
392.c_orange100{
393 background: #FFE0B2!important;
394 color: #000000!important;
395}
396.c_orange200{
397 background: #FFCC80!important;
398 color: #000000!important;
399}
400.c_orange300{
401 background: #FFB74D!important;
402 color: #ffffff!important;
403}
404.c_orange400{
405 background: #FFA726!important;
406 color: #ffffff!important;
407}
408.c_orange500{
409 background: #FF9800!important;
410 color: #ffffff!important;
411}
412.c_orange600{
413 background: #FB8C00!important;
414 color: #ffffff!important;
415}
416.c_orange700{
417 background: #F57C00!important;
418 color: #ffffff!important;
419}
420.c_orange800{
421 background: #EF6C00!important;
422 color: #ffffff!important;
423}
424.c_orange900{
425 background: #E65100!important;
426 color: #ffffff!important;
427}
428
429/* grey */
430.c_grey50{
431 background: #FAFAFA!important;
432 color: #000000!important;
433}
434.c_grey100{
435 background: #F5F5F5!important;
436 color: #000000!important;
437}
438.c_grey200{
439 background: #EEEEEE!important;
440 color: #000000!important;
441}
442.c_grey300{
443 background: #E0E0E0!important;
444 color: #ffffff!important;
445}
446.c_grey400{
447 background: #BDBDBD!important;
448 color: #ffffff!important;
449}
450.c_grey500{
451 background: #9E9E9E!important;
452 color: #ffffff!important;
453}
454.c_grey600{
455 background: #757575!important;
456 color: #ffffff!important;
457}
458.c_grey700{
459 background: #616161!important;
460 color: #ffffff!important;
461}
462.c_grey800{
463 background: #424242!important;
464 color: #ffffff!important;
465}
466.c_grey900{
467 background: #212121!important;
468 color: #ffffff!important;
469}
470
471
472
473/* blue grey */
474.c_blueGrey50{
475 background: #ECEFF1!important;
476 color: #000000!important;
477}
478.c_blueGrey100{
479 background: #CFD8DC!important;
480 color: #000000!important;
481}
482.c_blueGrey200{
483 background: #B0BEC5!important;
484 color: #000000!important;
485}
486.c_blueGrey300{
487 background: #90A4AE!important;
488 color: #ffffff!important;
489}
490.c_blueGrey400{
491 background: #78909C!important;
492 color: #ffffff!important;
493}
494.c_blueGrey500{
495 background: #607D8B!important;
496 color: #ffffff!important;
497}
498.c_blueGrey600{
499 background: #546E7A!important;
500 color: #ffffff!important;
501}
502.c_blueGrey700{
503 background: #455A64!important;
504 color: #ffffff!important;
505}
506.c_blueGrey800{
507 background: #37474F!important;
508 color: #ffffff!important;
509}
510.c_blueGrey900{
511 background: #263238!important;
512 color: #ffffff!important;
513}
514
515
516.ctext_blueGrey500{
517 color: #607D8B!important;
518}
519
520.c_blueGradient1{
521 background: #2d4a56!important;
522 background: -moz-linear-gradient(left, #2d4a56 0%, #1c2b36 100%)!important;
523 background: -webkit-linear-gradient(left, #2d4a56 0%,#1c2b36 100%)!important;
524 background: linear-gradient(to right, #2d4a56 0%,#1c2b36 100%)!important;
525 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d4a56', endColorstr='#1c2b36',GradientType=1 )!important;
526
527 color: rgba(255,255,255,0.9)!important;
528}
529.c_blue2{
530 background: rgb(28,43,54)!important;
531 color: rgba(255,255,255,0.8)!important;
532}
533
534.cf_green2{
535 color: rgb(32,158,145)!important;
536}