c-mdui-a/template/lib/css/mdui.css

A fast way to build an application based on Material Design UI(MDUI).

/*!
 * mdui v0.4.2 (https://mdui.org)
 * Copyright 2016-2018 zdhxiong
 * Licensed under MIT
 */
/**
 * =============================================================================
 * ************   Color 颜色   ************
 * =============================================================================
 */
/**
 * .mdui-theme-primary-[color] .mdui-color-theme
 * .mdui-theme-primary-[color] .mdui-color-theme-[degree]
 */
.mdui-theme-primary-amber .mdui-color-theme {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #ffc107 !important;
}
.mdui-theme-primary-amber .mdui-color-theme-50 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #fff8e1 !important;
}
.mdui-theme-primary-amber .mdui-color-theme-100 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #ffecb3 !important;
}
.mdui-theme-primary-amber .mdui-color-theme-200 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #ffe082 !important;
}
.mdui-theme-primary-amber .mdui-color-theme-300 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #ffd54f !important;
}
.mdui-theme-primary-amber .mdui-color-theme-400 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #ffca28 !important;
}
.mdui-theme-primary-amber .mdui-color-theme-500 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #ffc107 !important;
}
.mdui-theme-primary-amber .mdui-color-theme-600 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #ffb300 !important;
}
.mdui-theme-primary-amber .mdui-color-theme-700 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #ffa000 !important;
}
.mdui-theme-primary-amber .mdui-color-theme-800 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #ff8f00 !important;
}
.mdui-theme-primary-amber .mdui-color-theme-900 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #ff6f00 !important;
}
.mdui-theme-primary-blue .mdui-color-theme {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #2196f3 !important;
}
.mdui-theme-primary-blue .mdui-color-theme-50 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #e3f2fd !important;
}
.mdui-theme-primary-blue .mdui-color-theme-100 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #bbdefb !important;
}
.mdui-theme-primary-blue .mdui-color-theme-200 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #90caf9 !important;
}
.mdui-theme-primary-blue .mdui-color-theme-300 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #64b5f6 !important;
}
.mdui-theme-primary-blue .mdui-color-theme-400 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #42a5f5 !important;
}
.mdui-theme-primary-blue .mdui-color-theme-500 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #2196f3 !important;
}
.mdui-theme-primary-blue .mdui-color-theme-600 {
  color: #fff !important;
  background-color: #1e88e5 !important;
}
.mdui-theme-primary-blue .mdui-color-theme-700 {
  color: #fff !important;
  background-color: #1976d2 !important;
}
.mdui-theme-primary-blue .mdui-color-theme-800 {
  color: #fff !important;
  background-color: #1565c0 !important;
}
.mdui-theme-primary-blue .mdui-color-theme-900 {
  color: #fff !important;
  background-color: #0d47a1 !important;
}
.mdui-theme-primary-blue-grey .mdui-color-theme {
  color: #fff !important;
  background-color: #607d8b !important;
}
.mdui-theme-primary-blue-grey .mdui-color-theme-50 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #eceff1 !important;
}
.mdui-theme-primary-blue-grey .mdui-color-theme-100 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #cfd8dc !important;
}
.mdui-theme-primary-blue-grey .mdui-color-theme-200 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #b0bec5 !important;
}
.mdui-theme-primary-blue-grey .mdui-color-theme-300 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #90a4ae !important;
}
.mdui-theme-primary-blue-grey .mdui-color-theme-400 {
  color: #fff !important;
  background-color: #78909c !important;
}
.mdui-theme-primary-blue-grey .mdui-color-theme-500 {
  color: #fff !important;
  background-color: #607d8b !important;
}
.mdui-theme-primary-blue-grey .mdui-color-theme-600 {
  color: #fff !important;
  background-color: #546e7a !important;
}
.mdui-theme-primary-blue-grey .mdui-color-theme-700 {
  color: #fff !important;
  background-color: #455a64 !important;
}
.mdui-theme-primary-blue-grey .mdui-color-theme-800 {
  color: #fff !important;
  background-color: #37474f !important;
}
.mdui-theme-primary-blue-grey .mdui-color-theme-900 {
  color: #fff !important;
  background-color: #263238 !important;
}
.mdui-theme-primary-brown .mdui-color-theme {
  color: #fff !important;
  background-color: #795548 !important;
}
.mdui-theme-primary-brown .mdui-color-theme-50 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #efebe9 !important;
}
.mdui-theme-primary-brown .mdui-color-theme-100 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #d7ccc8 !important;
}
.mdui-theme-primary-brown .mdui-color-theme-200 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #bcaaa4 !important;
}
.mdui-theme-primary-brown .mdui-color-theme-300 {
  color: #fff !important;
  background-color: #a1887f !important;
}
.mdui-theme-primary-brown .mdui-color-theme-400 {
  color: #fff !important;
  background-color: #8d6e63 !important;
}
.mdui-theme-primary-brown .mdui-color-theme-500 {
  color: #fff !important;
  background-color: #795548 !important;
}
.mdui-theme-primary-brown .mdui-color-theme-600 {
  color: #fff !important;
  background-color: #6d4c41 !important;
}
.mdui-theme-primary-brown .mdui-color-theme-700 {
  color: #fff !important;
  background-color: #5d4037 !important;
}
.mdui-theme-primary-brown .mdui-color-theme-800 {
  color: #fff !important;
  background-color: #4e342e !important;
}
.mdui-theme-primary-brown .mdui-color-theme-900 {
  color: #fff !important;
  background-color: #3e2723 !important;
}
.mdui-theme-primary-cyan .mdui-color-theme {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #00bcd4 !important;
}
.mdui-theme-primary-cyan .mdui-color-theme-50 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #e0f7fa !important;
}
.mdui-theme-primary-cyan .mdui-color-theme-100 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #b2ebf2 !important;
}
.mdui-theme-primary-cyan .mdui-color-theme-200 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #80deea !important;
}
.mdui-theme-primary-cyan .mdui-color-theme-300 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #4dd0e1 !important;
}
.mdui-theme-primary-cyan .mdui-color-theme-400 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #26c6da !important;
}
.mdui-theme-primary-cyan .mdui-color-theme-500 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #00bcd4 !important;
}
.mdui-theme-primary-cyan .mdui-color-theme-600 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #00acc1 !important;
}
.mdui-theme-primary-cyan .mdui-color-theme-700 {
  color: #fff !important;
  background-color: #0097a7 !important;
}
.mdui-theme-primary-cyan .mdui-color-theme-800 {
  color: #fff !important;
  background-color: #00838f !important;
}
.mdui-theme-primary-cyan .mdui-color-theme-900 {
  color: #fff !important;
  background-color: #006064 !important;
}
.mdui-theme-primary-deep-orange .mdui-color-theme {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #ff5722 !important;
}
.mdui-theme-primary-deep-orange .mdui-color-theme-50 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #fbe9e7 !important;
}
.mdui-theme-primary-deep-orange .mdui-color-theme-100 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #ffccbc !important;
}
.mdui-theme-primary-deep-orange .mdui-color-theme-200 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #ffab91 !important;
}
.mdui-theme-primary-deep-orange .mdui-color-theme-300 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #ff8a65 !important;
}
.mdui-theme-primary-deep-orange .mdui-color-theme-400 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #ff7043 !important;
}
.mdui-theme-primary-deep-orange .mdui-color-theme-500 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #ff5722 !important;
}
.mdui-theme-primary-deep-orange .mdui-color-theme-600 {
  color: #fff !important;
  background-color: #f4511e !important;
}
.mdui-theme-primary-deep-orange .mdui-color-theme-700 {
  color: #fff !important;
  background-color: #e64a19 !important;
}
.mdui-theme-primary-deep-orange .mdui-color-theme-800 {
  color: #fff !important;
  background-color: #d84315 !important;
}
.mdui-theme-primary-deep-orange .mdui-color-theme-900 {
  color: #fff !important;
  background-color: #bf360c !important;
}
.mdui-theme-primary-deep-purple .mdui-color-theme {
  color: #fff !important;
  background-color: #673ab7 !important;
}
.mdui-theme-primary-deep-purple .mdui-color-theme-50 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #ede7f6 !important;
}
.mdui-theme-primary-deep-purple .mdui-color-theme-100 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #d1c4e9 !important;
}
.mdui-theme-primary-deep-purple .mdui-color-theme-200 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #b39ddb !important;
}
.mdui-theme-primary-deep-purple .mdui-color-theme-300 {
  color: #fff !important;
  background-color: #9575cd !important;
}
.mdui-theme-primary-deep-purple .mdui-color-theme-400 {
  color: #fff !important;
  background-color: #7e57c2 !important;
}
.mdui-theme-primary-deep-purple .mdui-color-theme-500 {
  color: #fff !important;
  background-color: #673ab7 !important;
}
.mdui-theme-primary-deep-purple .mdui-color-theme-600 {
  color: #fff !important;
  background-color: #5e35b1 !important;
}
.mdui-theme-primary-deep-purple .mdui-color-theme-700 {
  color: #fff !important;
  background-color: #512da8 !important;
}
.mdui-theme-primary-deep-purple .mdui-color-theme-800 {
  color: #fff !important;
  background-color: #4527a0 !important;
}
.mdui-theme-primary-deep-purple .mdui-color-theme-900 {
  color: #fff !important;
  background-color: #311b92 !important;
}
.mdui-theme-primary-green .mdui-color-theme {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #4caf50 !important;
}
.mdui-theme-primary-green .mdui-color-theme-50 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #e8f5e9 !important;
}
.mdui-theme-primary-green .mdui-color-theme-100 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #c8e6c9 !important;
}
.mdui-theme-primary-green .mdui-color-theme-200 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #a5d6a7 !important;
}
.mdui-theme-primary-green .mdui-color-theme-300 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #81c784 !important;
}
.mdui-theme-primary-green .mdui-color-theme-400 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #66bb6a !important;
}
.mdui-theme-primary-green .mdui-color-theme-500 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #4caf50 !important;
}
.mdui-theme-primary-green .mdui-color-theme-600 {
  color: #fff !important;
  background-color: #43a047 !important;
}
.mdui-theme-primary-green .mdui-color-theme-700 {
  color: #fff !important;
  background-color: #388e3c !important;
}
.mdui-theme-primary-green .mdui-color-theme-800 {
  color: #fff !important;
  background-color: #2e7d32 !important;
}
.mdui-theme-primary-green .mdui-color-theme-900 {
  color: #fff !important;
  background-color: #1b5e20 !important;
}
.mdui-theme-primary-grey .mdui-color-theme {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #9e9e9e !important;
}
.mdui-theme-primary-grey .mdui-color-theme-50 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #fafafa !important;
}
.mdui-theme-primary-grey .mdui-color-theme-100 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #f5f5f5 !important;
}
.mdui-theme-primary-grey .mdui-color-theme-200 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #eee !important;
}
.mdui-theme-primary-grey .mdui-color-theme-300 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #e0e0e0 !important;
}
.mdui-theme-primary-grey .mdui-color-theme-400 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #bdbdbd !important;
}
.mdui-theme-primary-grey .mdui-color-theme-500 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #9e9e9e !important;
}
.mdui-theme-primary-grey .mdui-color-theme-600 {
  color: #fff !important;
  background-color: #757575 !important;
}
.mdui-theme-primary-grey .mdui-color-theme-700 {
  color: #fff !important;
  background-color: #616161 !important;
}
.mdui-theme-primary-grey .mdui-color-theme-800 {
  color: #fff !important;
  background-color: #424242 !important;
}
.mdui-theme-primary-grey .mdui-color-theme-900 {
  color: #fff !important;
  background-color: #212121 !important;
}
.mdui-theme-primary-indigo .mdui-color-theme {
  color: #fff !important;
  background-color: #3f51b5 !important;
}
.mdui-theme-primary-indigo .mdui-color-theme-50 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #e8eaf6 !important;
}
.mdui-theme-primary-indigo .mdui-color-theme-100 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #c5cae9 !important;
}
.mdui-theme-primary-indigo .mdui-color-theme-200 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #9fa8da !important;
}
.mdui-theme-primary-indigo .mdui-color-theme-300 {
  color: #fff !important;
  background-color: #7986cb !important;
}
.mdui-theme-primary-indigo .mdui-color-theme-400 {
  color: #fff !important;
  background-color: #5c6bc0 !important;
}
.mdui-theme-primary-indigo .mdui-color-theme-500 {
  color: #fff !important;
  background-color: #3f51b5 !important;
}
.mdui-theme-primary-indigo .mdui-color-theme-600 {
  color: #fff !important;
  background-color: #3949ab !important;
}
.mdui-theme-primary-indigo .mdui-color-theme-700 {
  color: #fff !important;
  background-color: #303f9f !important;
}
.mdui-theme-primary-indigo .mdui-color-theme-800 {
  color: #fff !important;
  background-color: #283593 !important;
}
.mdui-theme-primary-indigo .mdui-color-theme-900 {
  color: #fff !important;
  background-color: #1a237e !important;
}
.mdui-theme-primary-light-blue .mdui-color-theme {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #03a9f4 !important;
}
.mdui-theme-primary-light-blue .mdui-color-theme-50 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #e1f5fe !important;
}
.mdui-theme-primary-light-blue .mdui-color-theme-100 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #b3e5fc !important;
}
.mdui-theme-primary-light-blue .mdui-color-theme-200 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #81d4fa !important;
}
.mdui-theme-primary-light-blue .mdui-color-theme-300 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #4fc3f7 !important;
}
.mdui-theme-primary-light-blue .mdui-color-theme-400 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #29b6f6 !important;
}
.mdui-theme-primary-light-blue .mdui-color-theme-500 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #03a9f4 !important;
}
.mdui-theme-primary-light-blue .mdui-color-theme-600 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #039be5 !important;
}
.mdui-theme-primary-light-blue .mdui-color-theme-700 {
  color: #fff !important;
  background-color: #0288d1 !important;
}
.mdui-theme-primary-light-blue .mdui-color-theme-800 {
  color: #fff !important;
  background-color: #0277bd !important;
}
.mdui-theme-primary-light-blue .mdui-color-theme-900 {
  color: #fff !important;
  background-color: #01579b !important;
}
.mdui-theme-primary-light-green .mdui-color-theme {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #8bc34a !important;
}
.mdui-theme-primary-light-green .mdui-color-theme-50 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #f1f8e9 !important;
}
.mdui-theme-primary-light-green .mdui-color-theme-100 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #dcedc8 !important;
}
.mdui-theme-primary-light-green .mdui-color-theme-200 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #c5e1a5 !important;
}
.mdui-theme-primary-light-green .mdui-color-theme-300 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #aed581 !important;
}
.mdui-theme-primary-light-green .mdui-color-theme-400 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #9ccc65 !important;
}
.mdui-theme-primary-light-green .mdui-color-theme-500 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #8bc34a !important;
}
.mdui-theme-primary-light-green .mdui-color-theme-600 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #7cb342 !important;
}
.mdui-theme-primary-light-green .mdui-color-theme-700 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #689f38 !important;
}
.mdui-theme-primary-light-green .mdui-color-theme-800 {
  color: #fff !important;
  background-color: #558b2f !important;
}
.mdui-theme-primary-light-green .mdui-color-theme-900 {
  color: #fff !important;
  background-color: #33691e !important;
}
.mdui-theme-primary-lime .mdui-color-theme {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #cddc39 !important;
}
.mdui-theme-primary-lime .mdui-color-theme-50 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #f9fbe7 !important;
}
.mdui-theme-primary-lime .mdui-color-theme-100 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #f0f4c3 !important;
}
.mdui-theme-primary-lime .mdui-color-theme-200 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #e6ee9c !important;
}
.mdui-theme-primary-lime .mdui-color-theme-300 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #dce775 !important;
}
.mdui-theme-primary-lime .mdui-color-theme-400 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #d4e157 !important;
}
.mdui-theme-primary-lime .mdui-color-theme-500 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #cddc39 !important;
}
.mdui-theme-primary-lime .mdui-color-theme-600 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #c0ca33 !important;
}
.mdui-theme-primary-lime .mdui-color-theme-700 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #afb42b !important;
}
.mdui-theme-primary-lime .mdui-color-theme-800 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #9e9d24 !important;
}
.mdui-theme-primary-lime .mdui-color-theme-900 {
  color: #fff !important;
  background-color: #827717 !important;
}
.mdui-theme-primary-orange .mdui-color-theme {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #ff9800 !important;
}
.mdui-theme-primary-orange .mdui-color-theme-50 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #fff3e0 !important;
}
.mdui-theme-primary-orange .mdui-color-theme-100 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #ffe0b2 !important;
}
.mdui-theme-primary-orange .mdui-color-theme-200 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #ffcc80 !important;
}
.mdui-theme-primary-orange .mdui-color-theme-300 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #ffb74d !important;
}
.mdui-theme-primary-orange .mdui-color-theme-400 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #ffa726 !important;
}
.mdui-theme-primary-orange .mdui-color-theme-500 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #ff9800 !important;
}
.mdui-theme-primary-orange .mdui-color-theme-600 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #fb8c00 !important;
}
.mdui-theme-primary-orange .mdui-color-theme-700 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #f57c00 !important;
}
.mdui-theme-primary-orange .mdui-color-theme-800 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #ef6c00 !important;
}
.mdui-theme-primary-orange .mdui-color-theme-900 {
  color: #fff !important;
  background-color: #e65100 !important;
}
.mdui-theme-primary-pink .mdui-color-theme {
  color: #fff !important;
  background-color: #e91e63 !important;
}
.mdui-theme-primary-pink .mdui-color-theme-50 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #fce4ec !important;
}
.mdui-theme-primary-pink .mdui-color-theme-100 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #f8bbd0 !important;
}
.mdui-theme-primary-pink .mdui-color-theme-200 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #f48fb1 !important;
}
.mdui-theme-primary-pink .mdui-color-theme-300 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #f06292 !important;
}
.mdui-theme-primary-pink .mdui-color-theme-400 {
  color: #fff !important;
  background-color: #ec407a !important;
}
.mdui-theme-primary-pink .mdui-color-theme-500 {
  color: #fff !important;
  background-color: #e91e63 !important;
}
.mdui-theme-primary-pink .mdui-color-theme-600 {
  color: #fff !important;
  background-color: #d81b60 !important;
}
.mdui-theme-primary-pink .mdui-color-theme-700 {
  color: #fff !important;
  background-color: #c2185b !important;
}
.mdui-theme-primary-pink .mdui-color-theme-800 {
  color: #fff !important;
  background-color: #ad1457 !important;
}
.mdui-theme-primary-pink .mdui-color-theme-900 {
  color: #fff !important;
  background-color: #880e4f !important;
}
.mdui-theme-primary-purple .mdui-color-theme {
  color: #fff !important;
  background-color: #9c27b0 !important;
}
.mdui-theme-primary-purple .mdui-color-theme-50 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #f3e5f5 !important;
}
.mdui-theme-primary-purple .mdui-color-theme-100 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #e1bee7 !important;
}
.mdui-theme-primary-purple .mdui-color-theme-200 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #ce93d8 !important;
}
.mdui-theme-primary-purple .mdui-color-theme-300 {
  color: #fff !important;
  background-color: #ba68c8 !important;
}
.mdui-theme-primary-purple .mdui-color-theme-400 {
  color: #fff !important;
  background-color: #ab47bc !important;
}
.mdui-theme-primary-purple .mdui-color-theme-500 {
  color: #fff !important;
  background-color: #9c27b0 !important;
}
.mdui-theme-primary-purple .mdui-color-theme-600 {
  color: #fff !important;
  background-color: #8e24aa !important;
}
.mdui-theme-primary-purple .mdui-color-theme-700 {
  color: #fff !important;
  background-color: #7b1fa2 !important;
}
.mdui-theme-primary-purple .mdui-color-theme-800 {
  color: #fff !important;
  background-color: #6a1b9a !important;
}
.mdui-theme-primary-purple .mdui-color-theme-900 {
  color: #fff !important;
  background-color: #4a148c !important;
}
.mdui-theme-primary-red .mdui-color-theme {
  color: #fff !important;
  background-color: #f44336 !important;
}
.mdui-theme-primary-red .mdui-color-theme-50 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #ffebee !important;
}
.mdui-theme-primary-red .mdui-color-theme-100 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #ffcdd2 !important;
}
.mdui-theme-primary-red .mdui-color-theme-200 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #ef9a9a !important;
}
.mdui-theme-primary-red .mdui-color-theme-300 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #e57373 !important;
}
.mdui-theme-primary-red .mdui-color-theme-400 {
  color: #fff !important;
  background-color: #ef5350 !important;
}
.mdui-theme-primary-red .mdui-color-theme-500 {
  color: #fff !important;
  background-color: #f44336 !important;
}
.mdui-theme-primary-red .mdui-color-theme-600 {
  color: #fff !important;
  background-color: #e53935 !important;
}
.mdui-theme-primary-red .mdui-color-theme-700 {
  color: #fff !important;
  background-color: #d32f2f !important;
}
.mdui-theme-primary-red .mdui-color-theme-800 {
  color: #fff !important;
  background-color: #c62828 !important;
}
.mdui-theme-primary-red .mdui-color-theme-900 {
  color: #fff !important;
  background-color: #b71c1c !important;
}
.mdui-theme-primary-teal .mdui-color-theme {
  color: #fff !important;
  background-color: #009688 !important;
}
.mdui-theme-primary-teal .mdui-color-theme-50 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #e0f2f1 !important;
}
.mdui-theme-primary-teal .mdui-color-theme-100 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #b2dfdb !important;
}
.mdui-theme-primary-teal .mdui-color-theme-200 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #80cbc4 !important;
}
.mdui-theme-primary-teal .mdui-color-theme-300 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #4db6ac !important;
}
.mdui-theme-primary-teal .mdui-color-theme-400 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #26a69a !important;
}
.mdui-theme-primary-teal .mdui-color-theme-500 {
  color: #fff !important;
  background-color: #009688 !important;
}
.mdui-theme-primary-teal .mdui-color-theme-600 {
  color: #fff !important;
  background-color: #00897b !important;
}
.mdui-theme-primary-teal .mdui-color-theme-700 {
  color: #fff !important;
  background-color: #00796b !important;
}
.mdui-theme-primary-teal .mdui-color-theme-800 {
  color: #fff !important;
  background-color: #00695c !important;
}
.mdui-theme-primary-teal .mdui-color-theme-900 {
  color: #fff !important;
  background-color: #004d40 !important;
}
.mdui-theme-primary-yellow .mdui-color-theme {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #ffeb3b !important;
}
.mdui-theme-primary-yellow .mdui-color-theme-50 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #fffde7 !important;
}
.mdui-theme-primary-yellow .mdui-color-theme-100 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #fff9c4 !important;
}
.mdui-theme-primary-yellow .mdui-color-theme-200 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #fff59d !important;
}
.mdui-theme-primary-yellow .mdui-color-theme-300 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #fff176 !important;
}
.mdui-theme-primary-yellow .mdui-color-theme-400 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #ffee58 !important;
}
.mdui-theme-primary-yellow .mdui-color-theme-500 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #ffeb3b !important;
}
.mdui-theme-primary-yellow .mdui-color-theme-600 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #fdd835 !important;
}
.mdui-theme-primary-yellow .mdui-color-theme-700 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #fbc02d !important;
}
.mdui-theme-primary-yellow .mdui-color-theme-800 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #f9a825 !important;
}
.mdui-theme-primary-yellow .mdui-color-theme-900 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #f57f17 !important;
}
/**
 * .mdui-theme-accent-[color] .mdui-color-theme-accent
 * .mdui-theme-accent-[color] .mdui-color-theme-[degree]
 */
.mdui-theme-accent-amber .mdui-color-theme-accent {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #ffd740 !important;
}
.mdui-theme-accent-amber .mdui-color-theme-a100 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #ffe57f !important;
}
.mdui-theme-accent-amber .mdui-color-theme-a200 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #ffd740 !important;
}
.mdui-theme-accent-amber .mdui-color-theme-a400 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #ffc400 !important;
}
.mdui-theme-accent-amber .mdui-color-theme-a700 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #ffab00 !important;
}
.mdui-theme-accent-blue .mdui-color-theme-accent {
  color: #fff !important;
  background-color: #448aff !important;
}
.mdui-theme-accent-blue .mdui-color-theme-a100 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #82b1ff !important;
}
.mdui-theme-accent-blue .mdui-color-theme-a200 {
  color: #fff !important;
  background-color: #448aff !important;
}
.mdui-theme-accent-blue .mdui-color-theme-a400 {
  color: #fff !important;
  background-color: #2979ff !important;
}
.mdui-theme-accent-blue .mdui-color-theme-a700 {
  color: #fff !important;
  background-color: #2962ff !important;
}
.mdui-theme-accent-cyan .mdui-color-theme-accent {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #18ffff !important;
}
.mdui-theme-accent-cyan .mdui-color-theme-a100 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #84ffff !important;
}
.mdui-theme-accent-cyan .mdui-color-theme-a200 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #18ffff !important;
}
.mdui-theme-accent-cyan .mdui-color-theme-a400 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #00e5ff !important;
}
.mdui-theme-accent-cyan .mdui-color-theme-a700 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #00b8d4 !important;
}
.mdui-theme-accent-deep-orange .mdui-color-theme-accent {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #ff6e40 !important;
}
.mdui-theme-accent-deep-orange .mdui-color-theme-a100 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #ff9e80 !important;
}
.mdui-theme-accent-deep-orange .mdui-color-theme-a200 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #ff6e40 !important;
}
.mdui-theme-accent-deep-orange .mdui-color-theme-a400 {
  color: #fff !important;
  background-color: #ff3d00 !important;
}
.mdui-theme-accent-deep-orange .mdui-color-theme-a700 {
  color: #fff !important;
  background-color: #dd2c00 !important;
}
.mdui-theme-accent-deep-purple .mdui-color-theme-accent {
  color: #fff !important;
  background-color: #7c4dff !important;
}
.mdui-theme-accent-deep-purple .mdui-color-theme-a100 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #b388ff !important;
}
.mdui-theme-accent-deep-purple .mdui-color-theme-a200 {
  color: #fff !important;
  background-color: #7c4dff !important;
}
.mdui-theme-accent-deep-purple .mdui-color-theme-a400 {
  color: #fff !important;
  background-color: #651fff !important;
}
.mdui-theme-accent-deep-purple .mdui-color-theme-a700 {
  color: #fff !important;
  background-color: #6200ea !important;
}
.mdui-theme-accent-green .mdui-color-theme-accent {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #69f0ae !important;
}
.mdui-theme-accent-green .mdui-color-theme-a100 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #b9f6ca !important;
}
.mdui-theme-accent-green .mdui-color-theme-a200 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #69f0ae !important;
}
.mdui-theme-accent-green .mdui-color-theme-a400 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #00e676 !important;
}
.mdui-theme-accent-green .mdui-color-theme-a700 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #00c853 !important;
}
.mdui-theme-accent-indigo .mdui-color-theme-accent {
  color: #fff !important;
  background-color: #536dfe !important;
}
.mdui-theme-accent-indigo .mdui-color-theme-a100 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #8c9eff !important;
}
.mdui-theme-accent-indigo .mdui-color-theme-a200 {
  color: #fff !important;
  background-color: #536dfe !important;
}
.mdui-theme-accent-indigo .mdui-color-theme-a400 {
  color: #fff !important;
  background-color: #3d5afe !important;
}
.mdui-theme-accent-indigo .mdui-color-theme-a700 {
  color: #fff !important;
  background-color: #304ffe !important;
}
.mdui-theme-accent-light-blue .mdui-color-theme-accent {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #40c4ff !important;
}
.mdui-theme-accent-light-blue .mdui-color-theme-a100 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #80d8ff !important;
}
.mdui-theme-accent-light-blue .mdui-color-theme-a200 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #40c4ff !important;
}
.mdui-theme-accent-light-blue .mdui-color-theme-a400 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #00b0ff !important;
}
.mdui-theme-accent-light-blue .mdui-color-theme-a700 {
  color: #fff !important;
  background-color: #0091ea !important;
}
.mdui-theme-accent-light-green .mdui-color-theme-accent {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #b2ff59 !important;
}
.mdui-theme-accent-light-green .mdui-color-theme-a100 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #ccff90 !important;
}
.mdui-theme-accent-light-green .mdui-color-theme-a200 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #b2ff59 !important;
}
.mdui-theme-accent-light-green .mdui-color-theme-a400 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #76ff03 !important;
}
.mdui-theme-accent-light-green .mdui-color-theme-a700 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #64dd17 !important;
}
.mdui-theme-accent-lime .mdui-color-theme-accent {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #eeff41 !important;
}
.mdui-theme-accent-lime .mdui-color-theme-a100 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #f4ff81 !important;
}
.mdui-theme-accent-lime .mdui-color-theme-a200 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #eeff41 !important;
}
.mdui-theme-accent-lime .mdui-color-theme-a400 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #c6ff00 !important;
}
.mdui-theme-accent-lime .mdui-color-theme-a700 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #aeea00 !important;
}
.mdui-theme-accent-orange .mdui-color-theme-accent {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #ffab40 !important;
}
.mdui-theme-accent-orange .mdui-color-theme-a100 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #ffd180 !important;
}
.mdui-theme-accent-orange .mdui-color-theme-a200 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #ffab40 !important;
}
.mdui-theme-accent-orange .mdui-color-theme-a400 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #ff9100 !important;
}
.mdui-theme-accent-orange .mdui-color-theme-a700 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #ff6d00 !important;
}
.mdui-theme-accent-pink .mdui-color-theme-accent {
  color: #fff !important;
  background-color: #ff4081 !important;
}
.mdui-theme-accent-pink .mdui-color-theme-a100 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #ff80ab !important;
}
.mdui-theme-accent-pink .mdui-color-theme-a200 {
  color: #fff !important;
  background-color: #ff4081 !important;
}
.mdui-theme-accent-pink .mdui-color-theme-a400 {
  color: #fff !important;
  background-color: #f50057 !important;
}
.mdui-theme-accent-pink .mdui-color-theme-a700 {
  color: #fff !important;
  background-color: #c51162 !important;
}
.mdui-theme-accent-purple .mdui-color-theme-accent {
  color: #fff !important;
  background-color: #e040fb !important;
}
.mdui-theme-accent-purple .mdui-color-theme-a100 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #ea80fc !important;
}
.mdui-theme-accent-purple .mdui-color-theme-a200 {
  color: #fff !important;
  background-color: #e040fb !important;
}
.mdui-theme-accent-purple .mdui-color-theme-a400 {
  color: #fff !important;
  background-color: #d500f9 !important;
}
.mdui-theme-accent-purple .mdui-color-theme-a700 {
  color: #fff !important;
  background-color: #a0f !important;
}
.mdui-theme-accent-red .mdui-color-theme-accent {
  color: #fff !important;
  background-color: #ff5252 !important;
}
.mdui-theme-accent-red .mdui-color-theme-a100 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #ff8a80 !important;
}
.mdui-theme-accent-red .mdui-color-theme-a200 {
  color: #fff !important;
  background-color: #ff5252 !important;
}
.mdui-theme-accent-red .mdui-color-theme-a400 {
  color: #fff !important;
  background-color: #ff1744 !important;
}
.mdui-theme-accent-red .mdui-color-theme-a700 {
  color: #fff !important;
  background-color: #d50000 !important;
}
.mdui-theme-accent-teal .mdui-color-theme-accent {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #64ffda !important;
}
.mdui-theme-accent-teal .mdui-color-theme-a100 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #a7ffeb !important;
}
.mdui-theme-accent-teal .mdui-color-theme-a200 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #64ffda !important;
}
.mdui-theme-accent-teal .mdui-color-theme-a400 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #1de9b6 !important;
}
.mdui-theme-accent-teal .mdui-color-theme-a700 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #00bfa5 !important;
}
.mdui-theme-accent-yellow .mdui-color-theme-accent {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #ff0 !important;
}
.mdui-theme-accent-yellow .mdui-color-theme-a100 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #ffff8d !important;
}
.mdui-theme-accent-yellow .mdui-color-theme-a200 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #ff0 !important;
}
.mdui-theme-accent-yellow .mdui-color-theme-a400 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #ffea00 !important;
}
.mdui-theme-accent-yellow .mdui-color-theme-a700 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #ffd600 !important;
}
/**
 * .mdui-color-[color]
 * .mdui-color-[color]-[degree]
 */
.mdui-color-amber {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #ffc107 !important;
}
.mdui-color-amber-50 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #fff8e1 !important;
}
.mdui-color-amber-100 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #ffecb3 !important;
}
.mdui-color-amber-200 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #ffe082 !important;
}
.mdui-color-amber-300 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #ffd54f !important;
}
.mdui-color-amber-400 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #ffca28 !important;
}
.mdui-color-amber-500 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #ffc107 !important;
}
.mdui-color-amber-600 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #ffb300 !important;
}
.mdui-color-amber-700 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #ffa000 !important;
}
.mdui-color-amber-800 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #ff8f00 !important;
}
.mdui-color-amber-900 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #ff6f00 !important;
}
.mdui-color-blue {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #2196f3 !important;
}
.mdui-color-blue-50 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #e3f2fd !important;
}
.mdui-color-blue-100 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #bbdefb !important;
}
.mdui-color-blue-200 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #90caf9 !important;
}
.mdui-color-blue-300 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #64b5f6 !important;
}
.mdui-color-blue-400 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #42a5f5 !important;
}
.mdui-color-blue-500 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #2196f3 !important;
}
.mdui-color-blue-600 {
  color: #fff !important;
  background-color: #1e88e5 !important;
}
.mdui-color-blue-700 {
  color: #fff !important;
  background-color: #1976d2 !important;
}
.mdui-color-blue-800 {
  color: #fff !important;
  background-color: #1565c0 !important;
}
.mdui-color-blue-900 {
  color: #fff !important;
  background-color: #0d47a1 !important;
}
.mdui-color-blue-grey {
  color: #fff !important;
  background-color: #607d8b !important;
}
.mdui-color-blue-grey-50 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #eceff1 !important;
}
.mdui-color-blue-grey-100 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #cfd8dc !important;
}
.mdui-color-blue-grey-200 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #b0bec5 !important;
}
.mdui-color-blue-grey-300 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #90a4ae !important;
}
.mdui-color-blue-grey-400 {
  color: #fff !important;
  background-color: #78909c !important;
}
.mdui-color-blue-grey-500 {
  color: #fff !important;
  background-color: #607d8b !important;
}
.mdui-color-blue-grey-600 {
  color: #fff !important;
  background-color: #546e7a !important;
}
.mdui-color-blue-grey-700 {
  color: #fff !important;
  background-color: #455a64 !important;
}
.mdui-color-blue-grey-800 {
  color: #fff !important;
  background-color: #37474f !important;
}
.mdui-color-blue-grey-900 {
  color: #fff !important;
  background-color: #263238 !important;
}
.mdui-color-brown {
  color: #fff !important;
  background-color: #795548 !important;
}
.mdui-color-brown-50 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #efebe9 !important;
}
.mdui-color-brown-100 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #d7ccc8 !important;
}
.mdui-color-brown-200 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #bcaaa4 !important;
}
.mdui-color-brown-300 {
  color: #fff !important;
  background-color: #a1887f !important;
}
.mdui-color-brown-400 {
  color: #fff !important;
  background-color: #8d6e63 !important;
}
.mdui-color-brown-500 {
  color: #fff !important;
  background-color: #795548 !important;
}
.mdui-color-brown-600 {
  color: #fff !important;
  background-color: #6d4c41 !important;
}
.mdui-color-brown-700 {
  color: #fff !important;
  background-color: #5d4037 !important;
}
.mdui-color-brown-800 {
  color: #fff !important;
  background-color: #4e342e !important;
}
.mdui-color-brown-900 {
  color: #fff !important;
  background-color: #3e2723 !important;
}
.mdui-color-cyan {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #00bcd4 !important;
}
.mdui-color-cyan-50 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #e0f7fa !important;
}
.mdui-color-cyan-100 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #b2ebf2 !important;
}
.mdui-color-cyan-200 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #80deea !important;
}
.mdui-color-cyan-300 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #4dd0e1 !important;
}
.mdui-color-cyan-400 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #26c6da !important;
}
.mdui-color-cyan-500 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #00bcd4 !important;
}
.mdui-color-cyan-600 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #00acc1 !important;
}
.mdui-color-cyan-700 {
  color: #fff !important;
  background-color: #0097a7 !important;
}
.mdui-color-cyan-800 {
  color: #fff !important;
  background-color: #00838f !important;
}
.mdui-color-cyan-900 {
  color: #fff !important;
  background-color: #006064 !important;
}
.mdui-color-deep-orange {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #ff5722 !important;
}
.mdui-color-deep-orange-50 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #fbe9e7 !important;
}
.mdui-color-deep-orange-100 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #ffccbc !important;
}
.mdui-color-deep-orange-200 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #ffab91 !important;
}
.mdui-color-deep-orange-300 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #ff8a65 !important;
}
.mdui-color-deep-orange-400 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #ff7043 !important;
}
.mdui-color-deep-orange-500 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #ff5722 !important;
}
.mdui-color-deep-orange-600 {
  color: #fff !important;
  background-color: #f4511e !important;
}
.mdui-color-deep-orange-700 {
  color: #fff !important;
  background-color: #e64a19 !important;
}
.mdui-color-deep-orange-800 {
  color: #fff !important;
  background-color: #d84315 !important;
}
.mdui-color-deep-orange-900 {
  color: #fff !important;
  background-color: #bf360c !important;
}
.mdui-color-deep-purple {
  color: #fff !important;
  background-color: #673ab7 !important;
}
.mdui-color-deep-purple-50 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #ede7f6 !important;
}
.mdui-color-deep-purple-100 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #d1c4e9 !important;
}
.mdui-color-deep-purple-200 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #b39ddb !important;
}
.mdui-color-deep-purple-300 {
  color: #fff !important;
  background-color: #9575cd !important;
}
.mdui-color-deep-purple-400 {
  color: #fff !important;
  background-color: #7e57c2 !important;
}
.mdui-color-deep-purple-500 {
  color: #fff !important;
  background-color: #673ab7 !important;
}
.mdui-color-deep-purple-600 {
  color: #fff !important;
  background-color: #5e35b1 !important;
}
.mdui-color-deep-purple-700 {
  color: #fff !important;
  background-color: #512da8 !important;
}
.mdui-color-deep-purple-800 {
  color: #fff !important;
  background-color: #4527a0 !important;
}
.mdui-color-deep-purple-900 {
  color: #fff !important;
  background-color: #311b92 !important;
}
.mdui-color-green {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #4caf50 !important;
}
.mdui-color-green-50 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #e8f5e9 !important;
}
.mdui-color-green-100 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #c8e6c9 !important;
}
.mdui-color-green-200 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #a5d6a7 !important;
}
.mdui-color-green-300 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #81c784 !important;
}
.mdui-color-green-400 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #66bb6a !important;
}
.mdui-color-green-500 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #4caf50 !important;
}
.mdui-color-green-600 {
  color: #fff !important;
  background-color: #43a047 !important;
}
.mdui-color-green-700 {
  color: #fff !important;
  background-color: #388e3c !important;
}
.mdui-color-green-800 {
  color: #fff !important;
  background-color: #2e7d32 !important;
}
.mdui-color-green-900 {
  color: #fff !important;
  background-color: #1b5e20 !important;
}
.mdui-color-grey {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #9e9e9e !important;
}
.mdui-color-grey-50 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #fafafa !important;
}
.mdui-color-grey-100 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #f5f5f5 !important;
}
.mdui-color-grey-200 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #eee !important;
}
.mdui-color-grey-300 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #e0e0e0 !important;
}
.mdui-color-grey-400 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #bdbdbd !important;
}
.mdui-color-grey-500 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #9e9e9e !important;
}
.mdui-color-grey-600 {
  color: #fff !important;
  background-color: #757575 !important;
}
.mdui-color-grey-700 {
  color: #fff !important;
  background-color: #616161 !important;
}
.mdui-color-grey-800 {
  color: #fff !important;
  background-color: #424242 !important;
}
.mdui-color-grey-900 {
  color: #fff !important;
  background-color: #212121 !important;
}
.mdui-color-indigo {
  color: #fff !important;
  background-color: #3f51b5 !important;
}
.mdui-color-indigo-50 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #e8eaf6 !important;
}
.mdui-color-indigo-100 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #c5cae9 !important;
}
.mdui-color-indigo-200 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #9fa8da !important;
}
.mdui-color-indigo-300 {
  color: #fff !important;
  background-color: #7986cb !important;
}
.mdui-color-indigo-400 {
  color: #fff !important;
  background-color: #5c6bc0 !important;
}
.mdui-color-indigo-500 {
  color: #fff !important;
  background-color: #3f51b5 !important;
}
.mdui-color-indigo-600 {
  color: #fff !important;
  background-color: #3949ab !important;
}
.mdui-color-indigo-700 {
  color: #fff !important;
  background-color: #303f9f !important;
}
.mdui-color-indigo-800 {
  color: #fff !important;
  background-color: #283593 !important;
}
.mdui-color-indigo-900 {
  color: #fff !important;
  background-color: #1a237e !important;
}
.mdui-color-light-blue {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #03a9f4 !important;
}
.mdui-color-light-blue-50 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #e1f5fe !important;
}
.mdui-color-light-blue-100 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #b3e5fc !important;
}
.mdui-color-light-blue-200 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #81d4fa !important;
}
.mdui-color-light-blue-300 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #4fc3f7 !important;
}
.mdui-color-light-blue-400 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #29b6f6 !important;
}
.mdui-color-light-blue-500 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #03a9f4 !important;
}
.mdui-color-light-blue-600 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #039be5 !important;
}
.mdui-color-light-blue-700 {
  color: #fff !important;
  background-color: #0288d1 !important;
}
.mdui-color-light-blue-800 {
  color: #fff !important;
  background-color: #0277bd !important;
}
.mdui-color-light-blue-900 {
  color: #fff !important;
  background-color: #01579b !important;
}
.mdui-color-light-green {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #8bc34a !important;
}
.mdui-color-light-green-50 {
  color: rgba(0, 0, 0, .87) !important;
  background-color: #f1f8e9 !important;
}
.mdui-color-light-green-100 {
  color: rgba(0, 0, 0, .87) !important;
  background