html { font-size: 13px; }

.mi { font-family: 'Material Icons'; font-weight: normal; font-style: normal; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased; vertical-align: middle; line-height: 0 !important; margin-top: -3px; }

.material-icons.md-14, .mi.mi-14 { font-size: 14px; }

.material-icons.md-16, .mi.mi-16 { font-size: 16px; }

.material-icons.md-18, .mi.mi-18 { font-size: 18px; }

.material-icons.md-24, .mi.mi-24 { font-size: 24px; }

.material-icons.md-36, .mi.mi-36 { font-size: 36px; }

.material-icons.md-48, .mi.mi-48 { font-size: 48px; }

.material-icons.md-dark, .mi.mi-dark { color: rgba(0, 0, 0, 0.54); }

.material-icons.md-dark.md-inactive, .mi.mi-dark.mi-inactive { color: rgba(0, 0, 0, 0.26); }

.material-icons.md-light, .mi.mi-light { color: white; }

.material-icons.md-light.md-inactive, .mi.mi-light.mi-inactive { color: rgba(255, 255, 255, 0.3); }