1.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     1.2 +++ b/style/mdl/palette/_palette.scss	Sun Jul 15 14:07:29 2018 +0200
     1.3 @@ -0,0 +1,2303 @@
     1.4 +/**
     1.5 + * Copyright 2015 Google Inc. All Rights Reserved.
     1.6 + *
     1.7 + * Licensed under the Apache License, Version 2.0 (the "License");
     1.8 + * you may not use this file except in compliance with the License.
     1.9 + * You may obtain a copy of the License at
    1.10 + *
    1.11 + *      http://www.apache.org/licenses/LICENSE-2.0
    1.12 + *
    1.13 + * Unless required by applicable law or agreed to in writing, software
    1.14 + * distributed under the License is distributed on an "AS IS" BASIS,
    1.15 + * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
    1.16 + * See the License for the specific language governing permissions and
    1.17 + * limitations under the License.
    1.18 + */
    1.19 +
    1.20 +@import "../variables";
    1.21 +
    1.22 +@if $trim-color-classes == false {
    1.23 +  // Red
    1.24 +
    1.25 +  .mdl-color-text--red {
    1.26 +    color: unquote("rgb(#{$palette-red-500})") !important;
    1.27 +  }
    1.28 +
    1.29 +  .mdl-color--red {
    1.30 +    background-color: unquote("rgb(#{$palette-red-500})") !important;
    1.31 +  }
    1.32 +
    1.33 +  .mdl-color-text--red-50 {
    1.34 +    color: unquote("rgb(#{$palette-red-50})") !important;
    1.35 +  }
    1.36 +
    1.37 +  .mdl-color--red-50 {
    1.38 +    background-color: unquote("rgb(#{$palette-red-50})") !important;
    1.39 +  }
    1.40 +
    1.41 +  .mdl-color-text--red-100 {
    1.42 +    color: unquote("rgb(#{$palette-red-100})") !important;
    1.43 +  }
    1.44 +
    1.45 +  .mdl-color--red-100 {
    1.46 +    background-color: unquote("rgb(#{$palette-red-100})") !important;
    1.47 +  }
    1.48 +
    1.49 +  .mdl-color-text--red-200 {
    1.50 +    color: unquote("rgb(#{$palette-red-200})") !important;
    1.51 +  }
    1.52 +
    1.53 +  .mdl-color--red-200 {
    1.54 +    background-color: unquote("rgb(#{$palette-red-200})") !important;
    1.55 +  }
    1.56 +
    1.57 +  .mdl-color-text--red-300 {
    1.58 +    color: unquote("rgb(#{$palette-red-300})") !important;
    1.59 +  }
    1.60 +
    1.61 +  .mdl-color--red-300 {
    1.62 +    background-color: unquote("rgb(#{$palette-red-300})") !important;
    1.63 +  }
    1.64 +
    1.65 +  .mdl-color-text--red-400 {
    1.66 +    color: unquote("rgb(#{$palette-red-400})") !important;
    1.67 +  }
    1.68 +
    1.69 +  .mdl-color--red-400 {
    1.70 +    background-color: unquote("rgb(#{$palette-red-400})") !important;
    1.71 +  }
    1.72 +
    1.73 +  .mdl-color-text--red-500 {
    1.74 +    color: unquote("rgb(#{$palette-red-500})") !important;
    1.75 +  }
    1.76 +
    1.77 +  .mdl-color--red-500 {
    1.78 +    background-color: unquote("rgb(#{$palette-red-500})") !important;
    1.79 +  }
    1.80 +
    1.81 +  .mdl-color-text--red-600 {
    1.82 +    color: unquote("rgb(#{$palette-red-600})") !important;
    1.83 +  }
    1.84 +
    1.85 +  .mdl-color--red-600 {
    1.86 +    background-color: unquote("rgb(#{$palette-red-600})") !important;
    1.87 +  }
    1.88 +
    1.89 +  .mdl-color-text--red-700 {
    1.90 +    color: unquote("rgb(#{$palette-red-700})") !important;
    1.91 +  }
    1.92 +
    1.93 +  .mdl-color--red-700 {
    1.94 +    background-color: unquote("rgb(#{$palette-red-700})") !important;
    1.95 +  }
    1.96 +
    1.97 +  .mdl-color-text--red-800 {
    1.98 +    color: unquote("rgb(#{$palette-red-800})") !important;
    1.99 +  }
   1.100 +
   1.101 +  .mdl-color--red-800 {
   1.102 +    background-color: unquote("rgb(#{$palette-red-800})") !important;
   1.103 +  }
   1.104 +
   1.105 +  .mdl-color-text--red-900 {
   1.106 +    color: unquote("rgb(#{$palette-red-900})") !important;
   1.107 +  }
   1.108 +
   1.109 +  .mdl-color--red-900 {
   1.110 +    background-color: unquote("rgb(#{$palette-red-900})") !important;
   1.111 +  }
   1.112 +
   1.113 +  .mdl-color-text--red-A100 {
   1.114 +    color: unquote("rgb(#{$palette-red-A100})") !important;
   1.115 +  }
   1.116 +
   1.117 +  .mdl-color--red-A100 {
   1.118 +    background-color: unquote("rgb(#{$palette-red-A100})") !important;
   1.119 +  }
   1.120 +
   1.121 +  .mdl-color-text--red-A200 {
   1.122 +    color: unquote("rgb(#{$palette-red-A200})") !important;
   1.123 +  }
   1.124 +
   1.125 +  .mdl-color--red-A200 {
   1.126 +    background-color: unquote("rgb(#{$palette-red-A200})") !important;
   1.127 +  }
   1.128 +
   1.129 +  .mdl-color-text--red-A400 {
   1.130 +    color: unquote("rgb(#{$palette-red-A400})") !important;
   1.131 +  }
   1.132 +
   1.133 +  .mdl-color--red-A400 {
   1.134 +    background-color: unquote("rgb(#{$palette-red-A400})") !important;
   1.135 +  }
   1.136 +
   1.137 +  .mdl-color-text--red-A700 {
   1.138 +    color: unquote("rgb(#{$palette-red-A700})") !important;
   1.139 +  }
   1.140 +
   1.141 +  .mdl-color--red-A700 {
   1.142 +    background-color: unquote("rgb(#{$palette-red-A700})") !important;
   1.143 +  }
   1.144 +
   1.145 +  // Pink
   1.146 +
   1.147 +  .mdl-color-text--pink {
   1.148 +    color: unquote("rgb(#{$palette-pink-500})") !important;
   1.149 +  }
   1.150 +
   1.151 +  .mdl-color--pink {
   1.152 +    background-color: unquote("rgb(#{$palette-pink-500})") !important;
   1.153 +  }
   1.154 +
   1.155 +  .mdl-color-text--pink-50 {
   1.156 +    color: unquote("rgb(#{$palette-pink-50})") !important;
   1.157 +  }
   1.158 +
   1.159 +  .mdl-color--pink-50 {
   1.160 +    background-color: unquote("rgb(#{$palette-pink-50})") !important;
   1.161 +  }
   1.162 +
   1.163 +  .mdl-color-text--pink-100 {
   1.164 +    color: unquote("rgb(#{$palette-pink-100})") !important;
   1.165 +  }
   1.166 +
   1.167 +  .mdl-color--pink-100 {
   1.168 +    background-color: unquote("rgb(#{$palette-pink-100})") !important;
   1.169 +  }
   1.170 +
   1.171 +  .mdl-color-text--pink-200 {
   1.172 +    color: unquote("rgb(#{$palette-pink-200})") !important;
   1.173 +  }
   1.174 +
   1.175 +  .mdl-color--pink-200 {
   1.176 +    background-color: unquote("rgb(#{$palette-pink-200})") !important;
   1.177 +  }
   1.178 +
   1.179 +  .mdl-color-text--pink-300 {
   1.180 +    color: unquote("rgb(#{$palette-pink-300})") !important;
   1.181 +  }
   1.182 +
   1.183 +  .mdl-color--pink-300 {
   1.184 +    background-color: unquote("rgb(#{$palette-pink-300})") !important;
   1.185 +  }
   1.186 +
   1.187 +  .mdl-color-text--pink-400 {
   1.188 +    color: unquote("rgb(#{$palette-pink-400})") !important;
   1.189 +  }
   1.190 +
   1.191 +  .mdl-color--pink-400 {
   1.192 +    background-color: unquote("rgb(#{$palette-pink-400})") !important;
   1.193 +  }
   1.194 +
   1.195 +  .mdl-color-text--pink-500 {
   1.196 +    color: unquote("rgb(#{$palette-pink-500})") !important;
   1.197 +  }
   1.198 +
   1.199 +  .mdl-color--pink-500 {
   1.200 +    background-color: unquote("rgb(#{$palette-pink-500})") !important;
   1.201 +  }
   1.202 +
   1.203 +  .mdl-color-text--pink-600 {
   1.204 +    color: unquote("rgb(#{$palette-pink-600})") !important;
   1.205 +  }
   1.206 +
   1.207 +  .mdl-color--pink-600 {
   1.208 +    background-color: unquote("rgb(#{$palette-pink-600})") !important;
   1.209 +  }
   1.210 +
   1.211 +  .mdl-color-text--pink-700 {
   1.212 +    color: unquote("rgb(#{$palette-pink-700})") !important;
   1.213 +  }
   1.214 +
   1.215 +  .mdl-color--pink-700 {
   1.216 +    background-color: unquote("rgb(#{$palette-pink-700})") !important;
   1.217 +  }
   1.218 +
   1.219 +  .mdl-color-text--pink-800 {
   1.220 +    color: unquote("rgb(#{$palette-pink-800})") !important;
   1.221 +  }
   1.222 +
   1.223 +  .mdl-color--pink-800 {
   1.224 +    background-color: unquote("rgb(#{$palette-pink-800})") !important;
   1.225 +  }
   1.226 +
   1.227 +  .mdl-color-text--pink-900 {
   1.228 +    color: unquote("rgb(#{$palette-pink-900})") !important;
   1.229 +  }
   1.230 +
   1.231 +  .mdl-color--pink-900 {
   1.232 +    background-color: unquote("rgb(#{$palette-pink-900})") !important;
   1.233 +  }
   1.234 +
   1.235 +  .mdl-color-text--pink-A100 {
   1.236 +    color: unquote("rgb(#{$palette-pink-A100})") !important;
   1.237 +  }
   1.238 +
   1.239 +  .mdl-color--pink-A100 {
   1.240 +    background-color: unquote("rgb(#{$palette-pink-A100})") !important;
   1.241 +  }
   1.242 +
   1.243 +  .mdl-color-text--pink-A200 {
   1.244 +    color: unquote("rgb(#{$palette-pink-A200})") !important;
   1.245 +  }
   1.246 +
   1.247 +  .mdl-color--pink-A200 {
   1.248 +    background-color: unquote("rgb(#{$palette-pink-A200})") !important;
   1.249 +  }
   1.250 +
   1.251 +  .mdl-color-text--pink-A400 {
   1.252 +    color: unquote("rgb(#{$palette-pink-A400})") !important;
   1.253 +  }
   1.254 +
   1.255 +  .mdl-color--pink-A400 {
   1.256 +    background-color: unquote("rgb(#{$palette-pink-A400})") !important;
   1.257 +  }
   1.258 +
   1.259 +  .mdl-color-text--pink-A700 {
   1.260 +    color: unquote("rgb(#{$palette-pink-A700})") !important;
   1.261 +  }
   1.262 +
   1.263 +  .mdl-color--pink-A700 {
   1.264 +    background-color: unquote("rgb(#{$palette-pink-A700})") !important;
   1.265 +  }
   1.266 +
   1.267 +  // Purple
   1.268 +
   1.269 +  .mdl-color-text--purple {
   1.270 +    color: unquote("rgb(#{$palette-purple-500})") !important;
   1.271 +  }
   1.272 +
   1.273 +  .mdl-color--purple {
   1.274 +    background-color: unquote("rgb(#{$palette-purple-500})") !important;
   1.275 +  }
   1.276 +
   1.277 +  .mdl-color-text--purple-50 {
   1.278 +    color: unquote("rgb(#{$palette-purple-50})") !important;
   1.279 +  }
   1.280 +
   1.281 +  .mdl-color--purple-50 {
   1.282 +    background-color: unquote("rgb(#{$palette-purple-50})") !important;
   1.283 +  }
   1.284 +
   1.285 +  .mdl-color-text--purple-100 {
   1.286 +    color: unquote("rgb(#{$palette-purple-100})") !important;
   1.287 +  }
   1.288 +
   1.289 +  .mdl-color--purple-100 {
   1.290 +    background-color: unquote("rgb(#{$palette-purple-100})") !important;
   1.291 +  }
   1.292 +
   1.293 +  .mdl-color-text--purple-200 {
   1.294 +    color: unquote("rgb(#{$palette-purple-200})") !important;
   1.295 +  }
   1.296 +
   1.297 +  .mdl-color--purple-200 {
   1.298 +    background-color: unquote("rgb(#{$palette-purple-200})") !important;
   1.299 +  }
   1.300 +
   1.301 +  .mdl-color-text--purple-300 {
   1.302 +    color: unquote("rgb(#{$palette-purple-300})") !important;
   1.303 +  }
   1.304 +
   1.305 +  .mdl-color--purple-300 {
   1.306 +    background-color: unquote("rgb(#{$palette-purple-300})") !important;
   1.307 +  }
   1.308 +
   1.309 +  .mdl-color-text--purple-400 {
   1.310 +    color: unquote("rgb(#{$palette-purple-400})") !important;
   1.311 +  }
   1.312 +
   1.313 +  .mdl-color--purple-400 {
   1.314 +    background-color: unquote("rgb(#{$palette-purple-400})") !important;
   1.315 +  }
   1.316 +
   1.317 +  .mdl-color-text--purple-500 {
   1.318 +    color: unquote("rgb(#{$palette-purple-500})") !important;
   1.319 +  }
   1.320 +
   1.321 +  .mdl-color--purple-500 {
   1.322 +    background-color: unquote("rgb(#{$palette-purple-500})") !important;
   1.323 +  }
   1.324 +
   1.325 +  .mdl-color-text--purple-600 {
   1.326 +    color: unquote("rgb(#{$palette-purple-600})") !important;
   1.327 +  }
   1.328 +
   1.329 +  .mdl-color--purple-600 {
   1.330 +    background-color: unquote("rgb(#{$palette-purple-600})") !important;
   1.331 +  }
   1.332 +
   1.333 +  .mdl-color-text--purple-700 {
   1.334 +    color: unquote("rgb(#{$palette-purple-700})") !important;
   1.335 +  }
   1.336 +
   1.337 +  .mdl-color--purple-700 {
   1.338 +    background-color: unquote("rgb(#{$palette-purple-700})") !important;
   1.339 +  }
   1.340 +
   1.341 +  .mdl-color-text--purple-800 {
   1.342 +    color: unquote("rgb(#{$palette-purple-800})") !important;
   1.343 +  }
   1.344 +
   1.345 +  .mdl-color--purple-800 {
   1.346 +    background-color: unquote("rgb(#{$palette-purple-800})") !important;
   1.347 +  }
   1.348 +
   1.349 +  .mdl-color-text--purple-900 {
   1.350 +    color: unquote("rgb(#{$palette-purple-900})") !important;
   1.351 +  }
   1.352 +
   1.353 +  .mdl-color--purple-900 {
   1.354 +    background-color: unquote("rgb(#{$palette-purple-900})") !important;
   1.355 +  }
   1.356 +
   1.357 +  .mdl-color-text--purple-A100 {
   1.358 +    color: unquote("rgb(#{$palette-purple-A100})") !important;
   1.359 +  }
   1.360 +
   1.361 +  .mdl-color--purple-A100 {
   1.362 +    background-color: unquote("rgb(#{$palette-purple-A100})") !important;
   1.363 +  }
   1.364 +
   1.365 +  .mdl-color-text--purple-A200 {
   1.366 +    color: unquote("rgb(#{$palette-purple-A200})") !important;
   1.367 +  }
   1.368 +
   1.369 +  .mdl-color--purple-A200 {
   1.370 +    background-color: unquote("rgb(#{$palette-purple-A200})") !important;
   1.371 +  }
   1.372 +
   1.373 +  .mdl-color-text--purple-A400 {
   1.374 +    color: unquote("rgb(#{$palette-purple-A400})") !important;
   1.375 +  }
   1.376 +
   1.377 +  .mdl-color--purple-A400 {
   1.378 +    background-color: unquote("rgb(#{$palette-purple-A400})") !important;
   1.379 +  }
   1.380 +
   1.381 +  .mdl-color-text--purple-A700 {
   1.382 +    color: unquote("rgb(#{$palette-purple-A700})") !important;
   1.383 +  }
   1.384 +
   1.385 +  .mdl-color--purple-A700 {
   1.386 +    background-color: unquote("rgb(#{$palette-purple-A700})") !important;
   1.387 +  }
   1.388 +
   1.389 +  // Deep Purple.
   1.390 +
   1.391 +  .mdl-color-text--deep-purple {
   1.392 +    color: unquote("rgb(#{$palette-deep-purple-500})") !important;
   1.393 +  }
   1.394 +
   1.395 +  .mdl-color--deep-purple {
   1.396 +    background-color: unquote("rgb(#{$palette-deep-purple-500})") !important;
   1.397 +  }
   1.398 +
   1.399 +  .mdl-color-text--deep-purple-50 {
   1.400 +    color: unquote("rgb(#{$palette-deep-purple-50})") !important;
   1.401 +  }
   1.402 +
   1.403 +  .mdl-color--deep-purple-50 {
   1.404 +    background-color: unquote("rgb(#{$palette-deep-purple-50})") !important;
   1.405 +  }
   1.406 +
   1.407 +  .mdl-color-text--deep-purple-100 {
   1.408 +    color: unquote("rgb(#{$palette-deep-purple-100})") !important;
   1.409 +  }
   1.410 +
   1.411 +  .mdl-color--deep-purple-100 {
   1.412 +    background-color: unquote("rgb(#{$palette-deep-purple-100})") !important;
   1.413 +  }
   1.414 +
   1.415 +  .mdl-color-text--deep-purple-200 {
   1.416 +    color: unquote("rgb(#{$palette-deep-purple-200})") !important;
   1.417 +  }
   1.418 +
   1.419 +  .mdl-color--deep-purple-200 {
   1.420 +    background-color: unquote("rgb(#{$palette-deep-purple-200})") !important;
   1.421 +  }
   1.422 +
   1.423 +  .mdl-color-text--deep-purple-300 {
   1.424 +    color: unquote("rgb(#{$palette-deep-purple-300})") !important;
   1.425 +  }
   1.426 +
   1.427 +  .mdl-color--deep-purple-300 {
   1.428 +    background-color: unquote("rgb(#{$palette-deep-purple-300})") !important;
   1.429 +  }
   1.430 +
   1.431 +  .mdl-color-text--deep-purple-400 {
   1.432 +    color: unquote("rgb(#{$palette-deep-purple-400})") !important;
   1.433 +  }
   1.434 +
   1.435 +  .mdl-color--deep-purple-400 {
   1.436 +    background-color: unquote("rgb(#{$palette-deep-purple-400})") !important;
   1.437 +  }
   1.438 +
   1.439 +  .mdl-color-text--deep-purple-500 {
   1.440 +    color: unquote("rgb(#{$palette-deep-purple-500})") !important;
   1.441 +  }
   1.442 +
   1.443 +  .mdl-color--deep-purple-500 {
   1.444 +    background-color: unquote("rgb(#{$palette-deep-purple-500})") !important;
   1.445 +  }
   1.446 +
   1.447 +  .mdl-color-text--deep-purple-600 {
   1.448 +    color: unquote("rgb(#{$palette-deep-purple-600})") !important;
   1.449 +  }
   1.450 +
   1.451 +  .mdl-color--deep-purple-600 {
   1.452 +    background-color: unquote("rgb(#{$palette-deep-purple-600})") !important;
   1.453 +  }
   1.454 +
   1.455 +  .mdl-color-text--deep-purple-700 {
   1.456 +    color: unquote("rgb(#{$palette-deep-purple-700})") !important;
   1.457 +  }
   1.458 +
   1.459 +  .mdl-color--deep-purple-700 {
   1.460 +    background-color: unquote("rgb(#{$palette-deep-purple-700})") !important;
   1.461 +  }
   1.462 +
   1.463 +  .mdl-color-text--deep-purple-800 {
   1.464 +    color: unquote("rgb(#{$palette-deep-purple-800})") !important;
   1.465 +  }
   1.466 +
   1.467 +  .mdl-color--deep-purple-800 {
   1.468 +    background-color: unquote("rgb(#{$palette-deep-purple-800})") !important;
   1.469 +  }
   1.470 +
   1.471 +  .mdl-color-text--deep-purple-900 {
   1.472 +    color: unquote("rgb(#{$palette-deep-purple-900})") !important;
   1.473 +  }
   1.474 +
   1.475 +  .mdl-color--deep-purple-900 {
   1.476 +    background-color: unquote("rgb(#{$palette-deep-purple-900})") !important;
   1.477 +  }
   1.478 +
   1.479 +  .mdl-color-text--deep-purple-A100 {
   1.480 +    color: unquote("rgb(#{$palette-deep-purple-A100})") !important;
   1.481 +  }
   1.482 +
   1.483 +  .mdl-color--deep-purple-A100 {
   1.484 +    background-color: unquote("rgb(#{$palette-deep-purple-A100})") !important;
   1.485 +  }
   1.486 +
   1.487 +  .mdl-color-text--deep-purple-A200 {
   1.488 +    color: unquote("rgb(#{$palette-deep-purple-A200})") !important;
   1.489 +  }
   1.490 +
   1.491 +  .mdl-color--deep-purple-A200 {
   1.492 +    background-color: unquote("rgb(#{$palette-deep-purple-A200})") !important;
   1.493 +  }
   1.494 +
   1.495 +  .mdl-color-text--deep-purple-A400 {
   1.496 +    color: unquote("rgb(#{$palette-deep-purple-A400})") !important;
   1.497 +  }
   1.498 +
   1.499 +  .mdl-color--deep-purple-A400 {
   1.500 +    background-color: unquote("rgb(#{$palette-deep-purple-A400})") !important;
   1.501 +  }
   1.502 +
   1.503 +  .mdl-color-text--deep-purple-A700 {
   1.504 +    color: unquote("rgb(#{$palette-deep-purple-A700})") !important;
   1.505 +  }
   1.506 +
   1.507 +  .mdl-color--deep-purple-A700 {
   1.508 +    background-color: unquote("rgb(#{$palette-deep-purple-A700})") !important;
   1.509 +  }
   1.510 +
   1.511 +  // Indigo
   1.512 +
   1.513 +  .mdl-color-text--indigo {
   1.514 +    color: unquote("rgb(#{$palette-indigo-500})") !important;
   1.515 +  }
   1.516 +
   1.517 +  .mdl-color--indigo {
   1.518 +    background-color: unquote("rgb(#{$palette-indigo-500})") !important;
   1.519 +  }
   1.520 +
   1.521 +  .mdl-color-text--indigo-50 {
   1.522 +    color: unquote("rgb(#{$palette-indigo-50})") !important;
   1.523 +  }
   1.524 +
   1.525 +  .mdl-color--indigo-50 {
   1.526 +    background-color: unquote("rgb(#{$palette-indigo-50})") !important;
   1.527 +  }
   1.528 +
   1.529 +  .mdl-color-text--indigo-100 {
   1.530 +    color: unquote("rgb(#{$palette-indigo-100})") !important;
   1.531 +  }
   1.532 +
   1.533 +  .mdl-color--indigo-100 {
   1.534 +    background-color: unquote("rgb(#{$palette-indigo-100})") !important;
   1.535 +  }
   1.536 +
   1.537 +  .mdl-color-text--indigo-200 {
   1.538 +    color: unquote("rgb(#{$palette-indigo-200})") !important;
   1.539 +  }
   1.540 +
   1.541 +  .mdl-color--indigo-200 {
   1.542 +    background-color: unquote("rgb(#{$palette-indigo-200})") !important;
   1.543 +  }
   1.544 +
   1.545 +  .mdl-color-text--indigo-300 {
   1.546 +    color: unquote("rgb(#{$palette-indigo-300})") !important;
   1.547 +  }
   1.548 +
   1.549 +  .mdl-color--indigo-300 {
   1.550 +    background-color: unquote("rgb(#{$palette-indigo-300})") !important;
   1.551 +  }
   1.552 +
   1.553 +  .mdl-color-text--indigo-400 {
   1.554 +    color: unquote("rgb(#{$palette-indigo-400})") !important;
   1.555 +  }
   1.556 +
   1.557 +  .mdl-color--indigo-400 {
   1.558 +    background-color: unquote("rgb(#{$palette-indigo-400})") !important;
   1.559 +  }
   1.560 +
   1.561 +  .mdl-color-text--indigo-500 {
   1.562 +    color: unquote("rgb(#{$palette-indigo-500})") !important;
   1.563 +  }
   1.564 +
   1.565 +  .mdl-color--indigo-500 {
   1.566 +    background-color: unquote("rgb(#{$palette-indigo-500})") !important;
   1.567 +  }
   1.568 +
   1.569 +  .mdl-color-text--indigo-600 {
   1.570 +    color: unquote("rgb(#{$palette-indigo-600})") !important;
   1.571 +  }
   1.572 +
   1.573 +  .mdl-color--indigo-600 {
   1.574 +    background-color: unquote("rgb(#{$palette-indigo-600})") !important;
   1.575 +  }
   1.576 +
   1.577 +  .mdl-color-text--indigo-700 {
   1.578 +    color: unquote("rgb(#{$palette-indigo-700})") !important;
   1.579 +  }
   1.580 +
   1.581 +  .mdl-color--indigo-700 {
   1.582 +    background-color: unquote("rgb(#{$palette-indigo-700})") !important;
   1.583 +  }
   1.584 +
   1.585 +  .mdl-color-text--indigo-800 {
   1.586 +    color: unquote("rgb(#{$palette-indigo-800})") !important;
   1.587 +  }
   1.588 +
   1.589 +  .mdl-color--indigo-800 {
   1.590 +    background-color: unquote("rgb(#{$palette-indigo-800})") !important;
   1.591 +  }
   1.592 +
   1.593 +  .mdl-color-text--indigo-900 {
   1.594 +    color: unquote("rgb(#{$palette-indigo-900})") !important;
   1.595 +  }
   1.596 +
   1.597 +  .mdl-color--indigo-900 {
   1.598 +    background-color: unquote("rgb(#{$palette-indigo-900})") !important;
   1.599 +  }
   1.600 +
   1.601 +  .mdl-color-text--indigo-A100 {
   1.602 +    color: unquote("rgb(#{$palette-indigo-A100})") !important;
   1.603 +  }
   1.604 +
   1.605 +  .mdl-color--indigo-A100 {
   1.606 +    background-color: unquote("rgb(#{$palette-indigo-A100})") !important;
   1.607 +  }
   1.608 +
   1.609 +  .mdl-color-text--indigo-A200 {
   1.610 +    color: unquote("rgb(#{$palette-indigo-A200})") !important;
   1.611 +  }
   1.612 +
   1.613 +  .mdl-color--indigo-A200 {
   1.614 +    background-color: unquote("rgb(#{$palette-indigo-A200})") !important;
   1.615 +  }
   1.616 +
   1.617 +  .mdl-color-text--indigo-A400 {
   1.618 +    color: unquote("rgb(#{$palette-indigo-A400})") !important;
   1.619 +  }
   1.620 +
   1.621 +  .mdl-color--indigo-A400 {
   1.622 +    background-color: unquote("rgb(#{$palette-indigo-A400})") !important;
   1.623 +  }
   1.624 +
   1.625 +  .mdl-color-text--indigo-A700 {
   1.626 +    color: unquote("rgb(#{$palette-indigo-A700})") !important;
   1.627 +  }
   1.628 +
   1.629 +  .mdl-color--indigo-A700 {
   1.630 +    background-color: unquote("rgb(#{$palette-indigo-A700})") !important;
   1.631 +  }
   1.632 +
   1.633 +  // Blue
   1.634 +
   1.635 +  .mdl-color-text--blue {
   1.636 +    color: unquote("rgb(#{$palette-blue-500})") !important;
   1.637 +  }
   1.638 +
   1.639 +  .mdl-color--blue {
   1.640 +    background-color: unquote("rgb(#{$palette-blue-500})") !important;
   1.641 +  }
   1.642 +
   1.643 +  .mdl-color-text--blue-50 {
   1.644 +    color: unquote("rgb(#{$palette-blue-50})") !important;
   1.645 +  }
   1.646 +
   1.647 +  .mdl-color--blue-50 {
   1.648 +    background-color: unquote("rgb(#{$palette-blue-50})") !important;
   1.649 +  }
   1.650 +
   1.651 +  .mdl-color-text--blue-100 {
   1.652 +    color: unquote("rgb(#{$palette-blue-100})") !important;
   1.653 +  }
   1.654 +
   1.655 +  .mdl-color--blue-100 {
   1.656 +    background-color: unquote("rgb(#{$palette-blue-100})") !important;
   1.657 +  }
   1.658 +
   1.659 +  .mdl-color-text--blue-200 {
   1.660 +    color: unquote("rgb(#{$palette-blue-200})") !important;
   1.661 +  }
   1.662 +
   1.663 +  .mdl-color--blue-200 {
   1.664 +    background-color: unquote("rgb(#{$palette-blue-200})") !important;
   1.665 +  }
   1.666 +
   1.667 +  .mdl-color-text--blue-300 {
   1.668 +    color: unquote("rgb(#{$palette-blue-300})") !important;
   1.669 +  }
   1.670 +
   1.671 +  .mdl-color--blue-300 {
   1.672 +    background-color: unquote("rgb(#{$palette-blue-300})") !important;
   1.673 +  }
   1.674 +
   1.675 +  .mdl-color-text--blue-400 {
   1.676 +    color: unquote("rgb(#{$palette-blue-400})") !important;
   1.677 +  }
   1.678 +
   1.679 +  .mdl-color--blue-400 {
   1.680 +    background-color: unquote("rgb(#{$palette-blue-400})") !important;
   1.681 +  }
   1.682 +
   1.683 +  .mdl-color-text--blue-500 {
   1.684 +    color: unquote("rgb(#{$palette-blue-500})") !important;
   1.685 +  }
   1.686 +
   1.687 +  .mdl-color--blue-500 {
   1.688 +    background-color: unquote("rgb(#{$palette-blue-500})") !important;
   1.689 +  }
   1.690 +
   1.691 +  .mdl-color-text--blue-600 {
   1.692 +    color: unquote("rgb(#{$palette-blue-600})") !important;
   1.693 +  }
   1.694 +
   1.695 +  .mdl-color--blue-600 {
   1.696 +    background-color: unquote("rgb(#{$palette-blue-600})") !important;
   1.697 +  }
   1.698 +
   1.699 +  .mdl-color-text--blue-700 {
   1.700 +    color: unquote("rgb(#{$palette-blue-700})") !important;
   1.701 +  }
   1.702 +
   1.703 +  .mdl-color--blue-700 {
   1.704 +    background-color: unquote("rgb(#{$palette-blue-700})") !important;
   1.705 +  }
   1.706 +
   1.707 +  .mdl-color-text--blue-800 {
   1.708 +    color: unquote("rgb(#{$palette-blue-800})") !important;
   1.709 +  }
   1.710 +
   1.711 +  .mdl-color--blue-800 {
   1.712 +    background-color: unquote("rgb(#{$palette-blue-800})") !important;
   1.713 +  }
   1.714 +
   1.715 +  .mdl-color-text--blue-900 {
   1.716 +    color: unquote("rgb(#{$palette-blue-900})") !important;
   1.717 +  }
   1.718 +
   1.719 +  .mdl-color--blue-900 {
   1.720 +    background-color: unquote("rgb(#{$palette-blue-900})") !important;
   1.721 +  }
   1.722 +
   1.723 +  .mdl-color-text--blue-A100 {
   1.724 +    color: unquote("rgb(#{$palette-blue-A100})") !important;
   1.725 +  }
   1.726 +
   1.727 +  .mdl-color--blue-A100 {
   1.728 +    background-color: unquote("rgb(#{$palette-blue-A100})") !important;
   1.729 +  }
   1.730 +
   1.731 +  .mdl-color-text--blue-A200 {
   1.732 +    color: unquote("rgb(#{$palette-blue-A200})") !important;
   1.733 +  }
   1.734 +
   1.735 +  .mdl-color--blue-A200 {
   1.736 +    background-color: unquote("rgb(#{$palette-blue-A200})") !important;
   1.737 +  }
   1.738 +
   1.739 +  .mdl-color-text--blue-A400 {
   1.740 +    color: unquote("rgb(#{$palette-blue-A400})") !important;
   1.741 +  }
   1.742 +
   1.743 +  .mdl-color--blue-A400 {
   1.744 +    background-color: unquote("rgb(#{$palette-blue-A400})") !important;
   1.745 +  }
   1.746 +
   1.747 +  .mdl-color-text--blue-A700 {
   1.748 +    color: unquote("rgb(#{$palette-blue-A700})") !important;
   1.749 +  }
   1.750 +
   1.751 +  .mdl-color--blue-A700 {
   1.752 +    background-color: unquote("rgb(#{$palette-blue-A700})") !important;
   1.753 +  }
   1.754 +
   1.755 +  // Light Blue
   1.756 +
   1.757 +  .mdl-color-text--light-blue {
   1.758 +    color: unquote("rgb(#{$palette-light-blue-500})") !important;
   1.759 +  }
   1.760 +
   1.761 +  .mdl-color--light-blue {
   1.762 +    background-color: unquote("rgb(#{$palette-light-blue-500})") !important;
   1.763 +  }
   1.764 +
   1.765 +  .mdl-color-text--light-blue-50 {
   1.766 +    color: unquote("rgb(#{$palette-light-blue-50})") !important;
   1.767 +  }
   1.768 +
   1.769 +  .mdl-color--light-blue-50 {
   1.770 +    background-color: unquote("rgb(#{$palette-light-blue-50})") !important;
   1.771 +  }
   1.772 +
   1.773 +  .mdl-color-text--light-blue-100 {
   1.774 +    color: unquote("rgb(#{$palette-light-blue-100})") !important;
   1.775 +  }
   1.776 +
   1.777 +  .mdl-color--light-blue-100 {
   1.778 +    background-color: unquote("rgb(#{$palette-light-blue-100})") !important;
   1.779 +  }
   1.780 +
   1.781 +  .mdl-color-text--light-blue-200 {
   1.782 +    color: unquote("rgb(#{$palette-light-blue-200})") !important;
   1.783 +  }
   1.784 +
   1.785 +  .mdl-color--light-blue-200 {
   1.786 +    background-color: unquote("rgb(#{$palette-light-blue-200})") !important;
   1.787 +  }
   1.788 +
   1.789 +  .mdl-color-text--light-blue-300 {
   1.790 +    color: unquote("rgb(#{$palette-light-blue-300})") !important;
   1.791 +  }
   1.792 +
   1.793 +  .mdl-color--light-blue-300 {
   1.794 +    background-color: unquote("rgb(#{$palette-light-blue-300})") !important;
   1.795 +  }
   1.796 +
   1.797 +  .mdl-color-text--light-blue-400 {
   1.798 +    color: unquote("rgb(#{$palette-light-blue-400})") !important;
   1.799 +  }
   1.800 +
   1.801 +  .mdl-color--light-blue-400 {
   1.802 +    background-color: unquote("rgb(#{$palette-light-blue-400})") !important;
   1.803 +  }
   1.804 +
   1.805 +  .mdl-color-text--light-blue-500 {
   1.806 +    color: unquote("rgb(#{$palette-light-blue-500})") !important;
   1.807 +  }
   1.808 +
   1.809 +  .mdl-color--light-blue-500 {
   1.810 +    background-color: unquote("rgb(#{$palette-light-blue-500})") !important;
   1.811 +  }
   1.812 +
   1.813 +  .mdl-color-text--light-blue-600 {
   1.814 +    color: unquote("rgb(#{$palette-light-blue-600})") !important;
   1.815 +  }
   1.816 +
   1.817 +  .mdl-color--light-blue-600 {
   1.818 +    background-color: unquote("rgb(#{$palette-light-blue-600})") !important;
   1.819 +  }
   1.820 +
   1.821 +  .mdl-color-text--light-blue-700 {
   1.822 +    color: unquote("rgb(#{$palette-light-blue-700})") !important;
   1.823 +  }
   1.824 +
   1.825 +  .mdl-color--light-blue-700 {
   1.826 +    background-color: unquote("rgb(#{$palette-light-blue-700})") !important;
   1.827 +  }
   1.828 +
   1.829 +  .mdl-color-text--light-blue-800 {
   1.830 +    color: unquote("rgb(#{$palette-light-blue-800})") !important;
   1.831 +  }
   1.832 +
   1.833 +  .mdl-color--light-blue-800 {
   1.834 +    background-color: unquote("rgb(#{$palette-light-blue-800})") !important;
   1.835 +  }
   1.836 +
   1.837 +  .mdl-color-text--light-blue-900 {
   1.838 +    color: unquote("rgb(#{$palette-light-blue-900})") !important;
   1.839 +  }
   1.840 +
   1.841 +  .mdl-color--light-blue-900 {
   1.842 +    background-color: unquote("rgb(#{$palette-light-blue-900})") !important;
   1.843 +  }
   1.844 +
   1.845 +  .mdl-color-text--light-blue-A100 {
   1.846 +    color: unquote("rgb(#{$palette-light-blue-A100})") !important;
   1.847 +  }
   1.848 +
   1.849 +  .mdl-color--light-blue-A100 {
   1.850 +    background-color: unquote("rgb(#{$palette-light-blue-A100})") !important;
   1.851 +  }
   1.852 +
   1.853 +  .mdl-color-text--light-blue-A200 {
   1.854 +    color: unquote("rgb(#{$palette-light-blue-A200})") !important;
   1.855 +  }
   1.856 +
   1.857 +  .mdl-color--light-blue-A200 {
   1.858 +    background-color: unquote("rgb(#{$palette-light-blue-A200})") !important;
   1.859 +  }
   1.860 +
   1.861 +  .mdl-color-text--light-blue-A400 {
   1.862 +    color: unquote("rgb(#{$palette-light-blue-A400})") !important;
   1.863 +  }
   1.864 +
   1.865 +  .mdl-color--light-blue-A400 {
   1.866 +    background-color: unquote("rgb(#{$palette-light-blue-A400})") !important;
   1.867 +  }
   1.868 +
   1.869 +  .mdl-color-text--light-blue-A700 {
   1.870 +    color: unquote("rgb(#{$palette-light-blue-A700})") !important;
   1.871 +  }
   1.872 +
   1.873 +  .mdl-color--light-blue-A700 {
   1.874 +    background-color: unquote("rgb(#{$palette-light-blue-A700})") !important;
   1.875 +  }
   1.876 +
   1.877 +  // Cyan
   1.878 +
   1.879 +  .mdl-color-text--cyan {
   1.880 +    color: unquote("rgb(#{$palette-cyan-500})") !important;
   1.881 +  }
   1.882 +
   1.883 +  .mdl-color--cyan {
   1.884 +    background-color: unquote("rgb(#{$palette-cyan-500})") !important;
   1.885 +  }
   1.886 +
   1.887 +  .mdl-color-text--cyan-50 {
   1.888 +    color: unquote("rgb(#{$palette-cyan-50})") !important;
   1.889 +  }
   1.890 +
   1.891 +  .mdl-color--cyan-50 {
   1.892 +    background-color: unquote("rgb(#{$palette-cyan-50})") !important;
   1.893 +  }
   1.894 +
   1.895 +  .mdl-color-text--cyan-100 {
   1.896 +    color: unquote("rgb(#{$palette-cyan-100})") !important;
   1.897 +  }
   1.898 +
   1.899 +  .mdl-color--cyan-100 {
   1.900 +    background-color: unquote("rgb(#{$palette-cyan-100})") !important;
   1.901 +  }
   1.902 +
   1.903 +  .mdl-color-text--cyan-200 {
   1.904 +    color: unquote("rgb(#{$palette-cyan-200})") !important;
   1.905 +  }
   1.906 +
   1.907 +  .mdl-color--cyan-200 {
   1.908 +    background-color: unquote("rgb(#{$palette-cyan-200})") !important;
   1.909 +  }
   1.910 +
   1.911 +  .mdl-color-text--cyan-300 {
   1.912 +    color: unquote("rgb(#{$palette-cyan-300})") !important;
   1.913 +  }
   1.914 +
   1.915 +  .mdl-color--cyan-300 {
   1.916 +    background-color: unquote("rgb(#{$palette-cyan-300})") !important;
   1.917 +  }
   1.918 +
   1.919 +  .mdl-color-text--cyan-400 {
   1.920 +    color: unquote("rgb(#{$palette-cyan-400})") !important;
   1.921 +  }
   1.922 +
   1.923 +  .mdl-color--cyan-400 {
   1.924 +    background-color: unquote("rgb(#{$palette-cyan-400})") !important;
   1.925 +  }
   1.926 +
   1.927 +  .mdl-color-text--cyan-500 {
   1.928 +    color: unquote("rgb(#{$palette-cyan-500})") !important;
   1.929 +  }
   1.930 +
   1.931 +  .mdl-color--cyan-500 {
   1.932 +    background-color: unquote("rgb(#{$palette-cyan-500})") !important;
   1.933 +  }
   1.934 +
   1.935 +  .mdl-color-text--cyan-600 {
   1.936 +    color: unquote("rgb(#{$palette-cyan-600})") !important;
   1.937 +  }
   1.938 +
   1.939 +  .mdl-color--cyan-600 {
   1.940 +    background-color: unquote("rgb(#{$palette-cyan-600})") !important;
   1.941 +  }
   1.942 +
   1.943 +  .mdl-color-text--cyan-700 {
   1.944 +    color: unquote("rgb(#{$palette-cyan-700})") !important;
   1.945 +  }
   1.946 +
   1.947 +  .mdl-color--cyan-700 {
   1.948 +    background-color: unquote("rgb(#{$palette-cyan-700})") !important;
   1.949 +  }
   1.950 +
   1.951 +  .mdl-color-text--cyan-800 {
   1.952 +    color: unquote("rgb(#{$palette-cyan-800})") !important;
   1.953 +  }
   1.954 +
   1.955 +  .mdl-color--cyan-800 {
   1.956 +    background-color: unquote("rgb(#{$palette-cyan-800})") !important;
   1.957 +  }
   1.958 +
   1.959 +  .mdl-color-text--cyan-900 {
   1.960 +    color: unquote("rgb(#{$palette-cyan-900})") !important;
   1.961 +  }
   1.962 +
   1.963 +  .mdl-color--cyan-900 {
   1.964 +    background-color: unquote("rgb(#{$palette-cyan-900})") !important;
   1.965 +  }
   1.966 +
   1.967 +  .mdl-color-text--cyan-A100 {
   1.968 +    color: unquote("rgb(#{$palette-cyan-A100})") !important;
   1.969 +  }
   1.970 +
   1.971 +  .mdl-color--cyan-A100 {
   1.972 +    background-color: unquote("rgb(#{$palette-cyan-A100})") !important;
   1.973 +  }
   1.974 +
   1.975 +  .mdl-color-text--cyan-A200 {
   1.976 +    color: unquote("rgb(#{$palette-cyan-A200})") !important;
   1.977 +  }
   1.978 +
   1.979 +  .mdl-color--cyan-A200 {
   1.980 +    background-color: unquote("rgb(#{$palette-cyan-A200})") !important;
   1.981 +  }
   1.982 +
   1.983 +  .mdl-color-text--cyan-A400 {
   1.984 +    color: unquote("rgb(#{$palette-cyan-A400})") !important;
   1.985 +  }
   1.986 +
   1.987 +  .mdl-color--cyan-A400 {
   1.988 +    background-color: unquote("rgb(#{$palette-cyan-A400})") !important;
   1.989 +  }
   1.990 +
   1.991 +  .mdl-color-text--cyan-A700 {
   1.992 +    color: unquote("rgb(#{$palette-cyan-A700})") !important;
   1.993 +  }
   1.994 +
   1.995 +  .mdl-color--cyan-A700 {
   1.996 +    background-color: unquote("rgb(#{$palette-cyan-A700})") !important;
   1.997 +  }
   1.998 +
   1.999 +  // Teal
  1.1000 +
  1.1001 +  .mdl-color-text--teal {
  1.1002 +    color: unquote("rgb(#{$palette-teal-500})") !important;
  1.1003 +  }
  1.1004 +
  1.1005 +  .mdl-color--teal {
  1.1006 +    background-color: unquote("rgb(#{$palette-teal-500})") !important;
  1.1007 +  }
  1.1008 +
  1.1009 +  .mdl-color-text--teal-50 {
  1.1010 +    color: unquote("rgb(#{$palette-teal-50})") !important;
  1.1011 +  }
  1.1012 +
  1.1013 +  .mdl-color--teal-50 {
  1.1014 +    background-color: unquote("rgb(#{$palette-teal-50})") !important;
  1.1015 +  }
  1.1016 +
  1.1017 +  .mdl-color-text--teal-100 {
  1.1018 +    color: unquote("rgb(#{$palette-teal-100})") !important;
  1.1019 +  }
  1.1020 +
  1.1021 +  .mdl-color--teal-100 {
  1.1022 +    background-color: unquote("rgb(#{$palette-teal-100})") !important;
  1.1023 +  }
  1.1024 +
  1.1025 +  .mdl-color-text--teal-200 {
  1.1026 +    color: unquote("rgb(#{$palette-teal-200})") !important;
  1.1027 +  }
  1.1028 +
  1.1029 +  .mdl-color--teal-200 {
  1.1030 +    background-color: unquote("rgb(#{$palette-teal-200})") !important;
  1.1031 +  }
  1.1032 +
  1.1033 +  .mdl-color-text--teal-300 {
  1.1034 +    color: unquote("rgb(#{$palette-teal-300})") !important;
  1.1035 +  }
  1.1036 +
  1.1037 +  .mdl-color--teal-300 {
  1.1038 +    background-color: unquote("rgb(#{$palette-teal-300})") !important;
  1.1039 +  }
  1.1040 +
  1.1041 +  .mdl-color-text--teal-400 {
  1.1042 +    color: unquote("rgb(#{$palette-teal-400})") !important;
  1.1043 +  }
  1.1044 +
  1.1045 +  .mdl-color--teal-400 {
  1.1046 +    background-color: unquote("rgb(#{$palette-teal-400})") !important;
  1.1047 +  }
  1.1048 +
  1.1049 +  .mdl-color-text--teal-500 {
  1.1050 +    color: unquote("rgb(#{$palette-teal-500})") !important;
  1.1051 +  }
  1.1052 +
  1.1053 +  .mdl-color--teal-500 {
  1.1054 +    background-color: unquote("rgb(#{$palette-teal-500})") !important;
  1.1055 +  }
  1.1056 +
  1.1057 +  .mdl-color-text--teal-600 {
  1.1058 +    color: unquote("rgb(#{$palette-teal-600})") !important;
  1.1059 +  }
  1.1060 +
  1.1061 +  .mdl-color--teal-600 {
  1.1062 +    background-color: unquote("rgb(#{$palette-teal-600})") !important;
  1.1063 +  }
  1.1064 +
  1.1065 +  .mdl-color-text--teal-700 {
  1.1066 +    color: unquote("rgb(#{$palette-teal-700})") !important;
  1.1067 +  }
  1.1068 +
  1.1069 +  .mdl-color--teal-700 {
  1.1070 +    background-color: unquote("rgb(#{$palette-teal-700})") !important;
  1.1071 +  }
  1.1072 +
  1.1073 +  .mdl-color-text--teal-800 {
  1.1074 +    color: unquote("rgb(#{$palette-teal-800})") !important;
  1.1075 +  }
  1.1076 +
  1.1077 +  .mdl-color--teal-800 {
  1.1078 +    background-color: unquote("rgb(#{$palette-teal-800})") !important;
  1.1079 +  }
  1.1080 +
  1.1081 +  .mdl-color-text--teal-900 {
  1.1082 +    color: unquote("rgb(#{$palette-teal-900})") !important;
  1.1083 +  }
  1.1084 +
  1.1085 +  .mdl-color--teal-900 {
  1.1086 +    background-color: unquote("rgb(#{$palette-teal-900})") !important;
  1.1087 +  }
  1.1088 +
  1.1089 +  .mdl-color-text--teal-A100 {
  1.1090 +    color: unquote("rgb(#{$palette-teal-A100})") !important;
  1.1091 +  }
  1.1092 +
  1.1093 +  .mdl-color--teal-A100 {
  1.1094 +    background-color: unquote("rgb(#{$palette-teal-A100})") !important;
  1.1095 +  }
  1.1096 +
  1.1097 +  .mdl-color-text--teal-A200 {
  1.1098 +    color: unquote("rgb(#{$palette-teal-A200})") !important;
  1.1099 +  }
  1.1100 +
  1.1101 +  .mdl-color--teal-A200 {
  1.1102 +    background-color: unquote("rgb(#{$palette-teal-A200})") !important;
  1.1103 +  }
  1.1104 +
  1.1105 +  .mdl-color-text--teal-A400 {
  1.1106 +    color: unquote("rgb(#{$palette-teal-A400})") !important;
  1.1107 +  }
  1.1108 +
  1.1109 +  .mdl-color--teal-A400 {
  1.1110 +    background-color: unquote("rgb(#{$palette-teal-A400})") !important;
  1.1111 +  }
  1.1112 +
  1.1113 +  .mdl-color-text--teal-A700 {
  1.1114 +    color: unquote("rgb(#{$palette-teal-A700})") !important;
  1.1115 +  }
  1.1116 +
  1.1117 +  .mdl-color--teal-A700 {
  1.1118 +    background-color: unquote("rgb(#{$palette-teal-A700})") !important;
  1.1119 +  }
  1.1120 +
  1.1121 +  // Green
  1.1122 +
  1.1123 +  .mdl-color-text--green {
  1.1124 +    color: unquote("rgb(#{$palette-green-500})") !important;
  1.1125 +  }
  1.1126 +
  1.1127 +  .mdl-color--green {
  1.1128 +    background-color: unquote("rgb(#{$palette-green-500})") !important;
  1.1129 +  }
  1.1130 +
  1.1131 +  .mdl-color-text--green-50 {
  1.1132 +    color: unquote("rgb(#{$palette-green-50})") !important;
  1.1133 +  }
  1.1134 +
  1.1135 +  .mdl-color--green-50 {
  1.1136 +    background-color: unquote("rgb(#{$palette-green-50})") !important;
  1.1137 +  }
  1.1138 +
  1.1139 +  .mdl-color-text--green-100 {
  1.1140 +    color: unquote("rgb(#{$palette-green-100})") !important;
  1.1141 +  }
  1.1142 +
  1.1143 +  .mdl-color--green-100 {
  1.1144 +    background-color: unquote("rgb(#{$palette-green-100})") !important;
  1.1145 +  }
  1.1146 +
  1.1147 +  .mdl-color-text--green-200 {
  1.1148 +    color: unquote("rgb(#{$palette-green-200})") !important;
  1.1149 +  }
  1.1150 +
  1.1151 +  .mdl-color--green-200 {
  1.1152 +    background-color: unquote("rgb(#{$palette-green-200})") !important;
  1.1153 +  }
  1.1154 +
  1.1155 +  .mdl-color-text--green-300 {
  1.1156 +    color: unquote("rgb(#{$palette-green-300})") !important;
  1.1157 +  }
  1.1158 +
  1.1159 +  .mdl-color--green-300 {
  1.1160 +    background-color: unquote("rgb(#{$palette-green-300})") !important;
  1.1161 +  }
  1.1162 +
  1.1163 +  .mdl-color-text--green-400 {
  1.1164 +    color: unquote("rgb(#{$palette-green-400})") !important;
  1.1165 +  }
  1.1166 +
  1.1167 +  .mdl-color--green-400 {
  1.1168 +    background-color: unquote("rgb(#{$palette-green-400})") !important;
  1.1169 +  }
  1.1170 +
  1.1171 +  .mdl-color-text--green-500 {
  1.1172 +    color: unquote("rgb(#{$palette-green-500})") !important;
  1.1173 +  }
  1.1174 +
  1.1175 +  .mdl-color--green-500 {
  1.1176 +    background-color: unquote("rgb(#{$palette-green-500})") !important;
  1.1177 +  }
  1.1178 +
  1.1179 +  .mdl-color-text--green-600 {
  1.1180 +    color: unquote("rgb(#{$palette-green-600})") !important;
  1.1181 +  }
  1.1182 +
  1.1183 +  .mdl-color--green-600 {
  1.1184 +    background-color: unquote("rgb(#{$palette-green-600})") !important;
  1.1185 +  }
  1.1186 +
  1.1187 +  .mdl-color-text--green-700 {
  1.1188 +    color: unquote("rgb(#{$palette-green-700})") !important;
  1.1189 +  }
  1.1190 +
  1.1191 +  .mdl-color--green-700 {
  1.1192 +    background-color: unquote("rgb(#{$palette-green-700})") !important;
  1.1193 +  }
  1.1194 +
  1.1195 +  .mdl-color-text--green-800 {
  1.1196 +    color: unquote("rgb(#{$palette-green-800})") !important;
  1.1197 +  }
  1.1198 +
  1.1199 +  .mdl-color--green-800 {
  1.1200 +    background-color: unquote("rgb(#{$palette-green-800})") !important;
  1.1201 +  }
  1.1202 +
  1.1203 +  .mdl-color-text--green-900 {
  1.1204 +    color: unquote("rgb(#{$palette-green-900})") !important;
  1.1205 +  }
  1.1206 +
  1.1207 +  .mdl-color--green-900 {
  1.1208 +    background-color: unquote("rgb(#{$palette-green-900})") !important;
  1.1209 +  }
  1.1210 +
  1.1211 +  .mdl-color-text--green-A100 {
  1.1212 +    color: unquote("rgb(#{$palette-green-A100})") !important;
  1.1213 +  }
  1.1214 +
  1.1215 +  .mdl-color--green-A100 {
  1.1216 +    background-color: unquote("rgb(#{$palette-green-A100})") !important;
  1.1217 +  }
  1.1218 +
  1.1219 +  .mdl-color-text--green-A200 {
  1.1220 +    color: unquote("rgb(#{$palette-green-A200})") !important;
  1.1221 +  }
  1.1222 +
  1.1223 +  .mdl-color--green-A200 {
  1.1224 +    background-color: unquote("rgb(#{$palette-green-A200})") !important;
  1.1225 +  }
  1.1226 +
  1.1227 +  .mdl-color-text--green-A400 {
  1.1228 +    color: unquote("rgb(#{$palette-green-A400})") !important;
  1.1229 +  }
  1.1230 +
  1.1231 +  .mdl-color--green-A400 {
  1.1232 +    background-color: unquote("rgb(#{$palette-green-A400})") !important;
  1.1233 +  }
  1.1234 +
  1.1235 +  .mdl-color-text--green-A700 {
  1.1236 +    color: unquote("rgb(#{$palette-green-A700})") !important;
  1.1237 +  }
  1.1238 +
  1.1239 +  .mdl-color--green-A700 {
  1.1240 +    background-color: unquote("rgb(#{$palette-green-A700})") !important;
  1.1241 +  }
  1.1242 +
  1.1243 +  // Light Green
  1.1244 +
  1.1245 +  .mdl-color-text--light-green {
  1.1246 +    color: unquote("rgb(#{$palette-light-green-500})") !important;
  1.1247 +  }
  1.1248 +
  1.1249 +  .mdl-color--light-green {
  1.1250 +    background-color: unquote("rgb(#{$palette-light-green-500})") !important;
  1.1251 +  }
  1.1252 +
  1.1253 +  .mdl-color-text--light-green-50 {
  1.1254 +    color: unquote("rgb(#{$palette-light-green-50})") !important;
  1.1255 +  }
  1.1256 +
  1.1257 +  .mdl-color--light-green-50 {
  1.1258 +    background-color: unquote("rgb(#{$palette-light-green-50})") !important;
  1.1259 +  }
  1.1260 +
  1.1261 +  .mdl-color-text--light-green-100 {
  1.1262 +    color: unquote("rgb(#{$palette-light-green-100})") !important;
  1.1263 +  }
  1.1264 +
  1.1265 +  .mdl-color--light-green-100 {
  1.1266 +    background-color: unquote("rgb(#{$palette-light-green-100})") !important;
  1.1267 +  }
  1.1268 +
  1.1269 +  .mdl-color-text--light-green-200 {
  1.1270 +    color: unquote("rgb(#{$palette-light-green-200})") !important;
  1.1271 +  }
  1.1272 +
  1.1273 +  .mdl-color--light-green-200 {
  1.1274 +    background-color: unquote("rgb(#{$palette-light-green-200})") !important;
  1.1275 +  }
  1.1276 +
  1.1277 +  .mdl-color-text--light-green-300 {
  1.1278 +    color: unquote("rgb(#{$palette-light-green-300})") !important;
  1.1279 +  }
  1.1280 +
  1.1281 +  .mdl-color--light-green-300 {
  1.1282 +    background-color: unquote("rgb(#{$palette-light-green-300})") !important;
  1.1283 +  }
  1.1284 +
  1.1285 +  .mdl-color-text--light-green-400 {
  1.1286 +    color: unquote("rgb(#{$palette-light-green-400})") !important;
  1.1287 +  }
  1.1288 +
  1.1289 +  .mdl-color--light-green-400 {
  1.1290 +    background-color: unquote("rgb(#{$palette-light-green-400})") !important;
  1.1291 +  }
  1.1292 +
  1.1293 +  .mdl-color-text--light-green-500 {
  1.1294 +    color: unquote("rgb(#{$palette-light-green-500})") !important;
  1.1295 +  }
  1.1296 +
  1.1297 +  .mdl-color--light-green-500 {
  1.1298 +    background-color: unquote("rgb(#{$palette-light-green-500})") !important;
  1.1299 +  }
  1.1300 +
  1.1301 +  .mdl-color-text--light-green-600 {
  1.1302 +    color: unquote("rgb(#{$palette-light-green-600})") !important;
  1.1303 +  }
  1.1304 +
  1.1305 +  .mdl-color--light-green-600 {
  1.1306 +    background-color: unquote("rgb(#{$palette-light-green-600})") !important;
  1.1307 +  }
  1.1308 +
  1.1309 +  .mdl-color-text--light-green-700 {
  1.1310 +    color: unquote("rgb(#{$palette-light-green-700})") !important;
  1.1311 +  }
  1.1312 +
  1.1313 +  .mdl-color--light-green-700 {
  1.1314 +    background-color: unquote("rgb(#{$palette-light-green-700})") !important;
  1.1315 +  }
  1.1316 +
  1.1317 +  .mdl-color-text--light-green-800 {
  1.1318 +    color: unquote("rgb(#{$palette-light-green-800})") !important;
  1.1319 +  }
  1.1320 +
  1.1321 +  .mdl-color--light-green-800 {
  1.1322 +    background-color: unquote("rgb(#{$palette-light-green-800})") !important;
  1.1323 +  }
  1.1324 +
  1.1325 +  .mdl-color-text--light-green-900 {
  1.1326 +    color: unquote("rgb(#{$palette-light-green-900})") !important;
  1.1327 +  }
  1.1328 +
  1.1329 +  .mdl-color--light-green-900 {
  1.1330 +    background-color: unquote("rgb(#{$palette-light-green-900})") !important;
  1.1331 +  }
  1.1332 +
  1.1333 +  .mdl-color-text--light-green-A100 {
  1.1334 +    color: unquote("rgb(#{$palette-light-green-A100})") !important;
  1.1335 +  }
  1.1336 +
  1.1337 +  .mdl-color--light-green-A100 {
  1.1338 +    background-color: unquote("rgb(#{$palette-light-green-A100})") !important;
  1.1339 +  }
  1.1340 +
  1.1341 +  .mdl-color-text--light-green-A200 {
  1.1342 +    color: unquote("rgb(#{$palette-light-green-A200})") !important;
  1.1343 +  }
  1.1344 +
  1.1345 +  .mdl-color--light-green-A200 {
  1.1346 +    background-color: unquote("rgb(#{$palette-light-green-A200})") !important;
  1.1347 +  }
  1.1348 +
  1.1349 +  .mdl-color-text--light-green-A400 {
  1.1350 +    color: unquote("rgb(#{$palette-light-green-A400})") !important;
  1.1351 +  }
  1.1352 +
  1.1353 +  .mdl-color--light-green-A400 {
  1.1354 +    background-color: unquote("rgb(#{$palette-light-green-A400})") !important;
  1.1355 +  }
  1.1356 +
  1.1357 +  .mdl-color-text--light-green-A700 {
  1.1358 +    color: unquote("rgb(#{$palette-light-green-A700})") !important;
  1.1359 +  }
  1.1360 +
  1.1361 +  .mdl-color--light-green-A700 {
  1.1362 +    background-color: unquote("rgb(#{$palette-light-green-A700})") !important;
  1.1363 +  }
  1.1364 +
  1.1365 +  // Lime
  1.1366 +
  1.1367 +  .mdl-color-text--lime {
  1.1368 +    color: unquote("rgb(#{$palette-lime-500})") !important;
  1.1369 +  }
  1.1370 +
  1.1371 +  .mdl-color--lime {
  1.1372 +    background-color: unquote("rgb(#{$palette-lime-500})") !important;
  1.1373 +  }
  1.1374 +
  1.1375 +  .mdl-color-text--lime-50 {
  1.1376 +    color: unquote("rgb(#{$palette-lime-50})") !important;
  1.1377 +  }
  1.1378 +
  1.1379 +  .mdl-color--lime-50 {
  1.1380 +    background-color: unquote("rgb(#{$palette-lime-50})") !important;
  1.1381 +  }
  1.1382 +
  1.1383 +  .mdl-color-text--lime-100 {
  1.1384 +    color: unquote("rgb(#{$palette-lime-100})") !important;
  1.1385 +  }
  1.1386 +
  1.1387 +  .mdl-color--lime-100 {
  1.1388 +    background-color: unquote("rgb(#{$palette-lime-100})") !important;
  1.1389 +  }
  1.1390 +
  1.1391 +  .mdl-color-text--lime-200 {
  1.1392 +    color: unquote("rgb(#{$palette-lime-200})") !important;
  1.1393 +  }
  1.1394 +
  1.1395 +  .mdl-color--lime-200 {
  1.1396 +    background-color: unquote("rgb(#{$palette-lime-200})") !important;
  1.1397 +  }
  1.1398 +
  1.1399 +  .mdl-color-text--lime-300 {
  1.1400 +    color: unquote("rgb(#{$palette-lime-300})") !important;
  1.1401 +  }
  1.1402 +
  1.1403 +  .mdl-color--lime-300 {
  1.1404 +    background-color: unquote("rgb(#{$palette-lime-300})") !important;
  1.1405 +  }
  1.1406 +
  1.1407 +  .mdl-color-text--lime-400 {
  1.1408 +    color: unquote("rgb(#{$palette-lime-400})") !important;
  1.1409 +  }
  1.1410 +
  1.1411 +  .mdl-color--lime-400 {
  1.1412 +    background-color: unquote("rgb(#{$palette-lime-400})") !important;
  1.1413 +  }
  1.1414 +
  1.1415 +  .mdl-color-text--lime-500 {
  1.1416 +    color: unquote("rgb(#{$palette-lime-500})") !important;
  1.1417 +  }
  1.1418 +
  1.1419 +  .mdl-color--lime-500 {
  1.1420 +    background-color: unquote("rgb(#{$palette-lime-500})") !important;
  1.1421 +  }
  1.1422 +
  1.1423 +  .mdl-color-text--lime-600 {
  1.1424 +    color: unquote("rgb(#{$palette-lime-600})") !important;
  1.1425 +  }
  1.1426 +
  1.1427 +  .mdl-color--lime-600 {
  1.1428 +    background-color: unquote("rgb(#{$palette-lime-600})") !important;
  1.1429 +  }
  1.1430 +
  1.1431 +  .mdl-color-text--lime-700 {
  1.1432 +    color: unquote("rgb(#{$palette-lime-700})") !important;
  1.1433 +  }
  1.1434 +
  1.1435 +  .mdl-color--lime-700 {
  1.1436 +    background-color: unquote("rgb(#{$palette-lime-700})") !important;
  1.1437 +  }
  1.1438 +
  1.1439 +  .mdl-color-text--lime-800 {
  1.1440 +    color: unquote("rgb(#{$palette-lime-800})") !important;
  1.1441 +  }
  1.1442 +
  1.1443 +  .mdl-color--lime-800 {
  1.1444 +    background-color: unquote("rgb(#{$palette-lime-800})") !important;
  1.1445 +  }
  1.1446 +
  1.1447 +  .mdl-color-text--lime-900 {
  1.1448 +    color: unquote("rgb(#{$palette-lime-900})") !important;
  1.1449 +  }
  1.1450 +
  1.1451 +  .mdl-color--lime-900 {
  1.1452 +    background-color: unquote("rgb(#{$palette-lime-900})") !important;
  1.1453 +  }
  1.1454 +
  1.1455 +  .mdl-color-text--lime-A100 {
  1.1456 +    color: unquote("rgb(#{$palette-lime-A100})") !important;
  1.1457 +  }
  1.1458 +
  1.1459 +  .mdl-color--lime-A100 {
  1.1460 +    background-color: unquote("rgb(#{$palette-lime-A100})") !important;
  1.1461 +  }
  1.1462 +
  1.1463 +  .mdl-color-text--lime-A200 {
  1.1464 +    color: unquote("rgb(#{$palette-lime-A200})") !important;
  1.1465 +  }
  1.1466 +
  1.1467 +  .mdl-color--lime-A200 {
  1.1468 +    background-color: unquote("rgb(#{$palette-lime-A200})") !important;
  1.1469 +  }
  1.1470 +
  1.1471 +  .mdl-color-text--lime-A400 {
  1.1472 +    color: unquote("rgb(#{$palette-lime-A400})") !important;
  1.1473 +  }
  1.1474 +
  1.1475 +  .mdl-color--lime-A400 {
  1.1476 +    background-color: unquote("rgb(#{$palette-lime-A400})") !important;
  1.1477 +  }
  1.1478 +
  1.1479 +  .mdl-color-text--lime-A700 {
  1.1480 +    color: unquote("rgb(#{$palette-lime-A700})") !important;
  1.1481 +  }
  1.1482 +
  1.1483 +  .mdl-color--lime-A700 {
  1.1484 +    background-color: unquote("rgb(#{$palette-lime-A700})") !important;
  1.1485 +  }
  1.1486 +
  1.1487 +  // Yellow
  1.1488 +
  1.1489 +  .mdl-color-text--yellow {
  1.1490 +    color: unquote("rgb(#{$palette-yellow-500})") !important;
  1.1491 +  }
  1.1492 +
  1.1493 +  .mdl-color--yellow {
  1.1494 +    background-color: unquote("rgb(#{$palette-yellow-500})") !important;
  1.1495 +  }
  1.1496 +
  1.1497 +  .mdl-color-text--yellow-50 {
  1.1498 +    color: unquote("rgb(#{$palette-yellow-50})") !important;
  1.1499 +  }
  1.1500 +
  1.1501 +  .mdl-color--yellow-50 {
  1.1502 +    background-color: unquote("rgb(#{$palette-yellow-50})") !important;
  1.1503 +  }
  1.1504 +
  1.1505 +  .mdl-color-text--yellow-100 {
  1.1506 +    color: unquote("rgb(#{$palette-yellow-100})") !important;
  1.1507 +  }
  1.1508 +
  1.1509 +  .mdl-color--yellow-100 {
  1.1510 +    background-color: unquote("rgb(#{$palette-yellow-100})") !important;
  1.1511 +  }
  1.1512 +
  1.1513 +  .mdl-color-text--yellow-200 {
  1.1514 +    color: unquote("rgb(#{$palette-yellow-200})") !important;
  1.1515 +  }
  1.1516 +
  1.1517 +  .mdl-color--yellow-200 {
  1.1518 +    background-color: unquote("rgb(#{$palette-yellow-200})") !important;
  1.1519 +  }
  1.1520 +
  1.1521 +  .mdl-color-text--yellow-300 {
  1.1522 +    color: unquote("rgb(#{$palette-yellow-300})") !important;
  1.1523 +  }
  1.1524 +
  1.1525 +  .mdl-color--yellow-300 {
  1.1526 +    background-color: unquote("rgb(#{$palette-yellow-300})") !important;
  1.1527 +  }
  1.1528 +
  1.1529 +  .mdl-color-text--yellow-400 {
  1.1530 +    color: unquote("rgb(#{$palette-yellow-400})") !important;
  1.1531 +  }
  1.1532 +
  1.1533 +  .mdl-color--yellow-400 {
  1.1534 +    background-color: unquote("rgb(#{$palette-yellow-400})") !important;
  1.1535 +  }
  1.1536 +
  1.1537 +  .mdl-color-text--yellow-500 {
  1.1538 +    color: unquote("rgb(#{$palette-yellow-500})") !important;
  1.1539 +  }
  1.1540 +
  1.1541 +  .mdl-color--yellow-500 {
  1.1542 +    background-color: unquote("rgb(#{$palette-yellow-500})") !important;
  1.1543 +  }
  1.1544 +
  1.1545 +  .mdl-color-text--yellow-600 {
  1.1546 +    color: unquote("rgb(#{$palette-yellow-600})") !important;
  1.1547 +  }
  1.1548 +
  1.1549 +  .mdl-color--yellow-600 {
  1.1550 +    background-color: unquote("rgb(#{$palette-yellow-600})") !important;
  1.1551 +  }
  1.1552 +
  1.1553 +  .mdl-color-text--yellow-700 {
  1.1554 +    color: unquote("rgb(#{$palette-yellow-700})") !important;
  1.1555 +  }
  1.1556 +
  1.1557 +  .mdl-color--yellow-700 {
  1.1558 +    background-color: unquote("rgb(#{$palette-yellow-700})") !important;
  1.1559 +  }
  1.1560 +
  1.1561 +  .mdl-color-text--yellow-800 {
  1.1562 +    color: unquote("rgb(#{$palette-yellow-800})") !important;
  1.1563 +  }
  1.1564 +
  1.1565 +  .mdl-color--yellow-800 {
  1.1566 +    background-color: unquote("rgb(#{$palette-yellow-800})") !important;
  1.1567 +  }
  1.1568 +
  1.1569 +  .mdl-color-text--yellow-900 {
  1.1570 +    color: unquote("rgb(#{$palette-yellow-900})") !important;
  1.1571 +  }
  1.1572 +
  1.1573 +  .mdl-color--yellow-900 {
  1.1574 +    background-color: unquote("rgb(#{$palette-yellow-900})") !important;
  1.1575 +  }
  1.1576 +
  1.1577 +  .mdl-color-text--yellow-A100 {
  1.1578 +    color: unquote("rgb(#{$palette-yellow-A100})") !important;
  1.1579 +  }
  1.1580 +
  1.1581 +  .mdl-color--yellow-A100 {
  1.1582 +    background-color: unquote("rgb(#{$palette-yellow-A100})") !important;
  1.1583 +  }
  1.1584 +
  1.1585 +  .mdl-color-text--yellow-A200 {
  1.1586 +    color: unquote("rgb(#{$palette-yellow-A200})") !important;
  1.1587 +  }
  1.1588 +
  1.1589 +  .mdl-color--yellow-A200 {
  1.1590 +    background-color: unquote("rgb(#{$palette-yellow-A200})") !important;
  1.1591 +  }
  1.1592 +
  1.1593 +  .mdl-color-text--yellow-A400 {
  1.1594 +    color: unquote("rgb(#{$palette-yellow-A400})") !important;
  1.1595 +  }
  1.1596 +
  1.1597 +  .mdl-color--yellow-A400 {
  1.1598 +    background-color: unquote("rgb(#{$palette-yellow-A400})") !important;
  1.1599 +  }
  1.1600 +
  1.1601 +  .mdl-color-text--yellow-A700 {
  1.1602 +    color: unquote("rgb(#{$palette-yellow-A700})") !important;
  1.1603 +  }
  1.1604 +
  1.1605 +  .mdl-color--yellow-A700 {
  1.1606 +    background-color: unquote("rgb(#{$palette-yellow-A700})") !important;
  1.1607 +  }
  1.1608 +
  1.1609 +  // Amber
  1.1610 +
  1.1611 +  .mdl-color-text--amber {
  1.1612 +    color: unquote("rgb(#{$palette-amber-500})") !important;
  1.1613 +  }
  1.1614 +
  1.1615 +  .mdl-color--amber {
  1.1616 +    background-color: unquote("rgb(#{$palette-amber-500})") !important;
  1.1617 +  }
  1.1618 +
  1.1619 +  .mdl-color-text--amber-50 {
  1.1620 +    color: unquote("rgb(#{$palette-amber-50})") !important;
  1.1621 +  }
  1.1622 +
  1.1623 +  .mdl-color--amber-50 {
  1.1624 +    background-color: unquote("rgb(#{$palette-amber-50})") !important;
  1.1625 +  }
  1.1626 +
  1.1627 +  .mdl-color-text--amber-100 {
  1.1628 +    color: unquote("rgb(#{$palette-amber-100})") !important;
  1.1629 +  }
  1.1630 +
  1.1631 +  .mdl-color--amber-100 {
  1.1632 +    background-color: unquote("rgb(#{$palette-amber-100})") !important;
  1.1633 +  }
  1.1634 +
  1.1635 +  .mdl-color-text--amber-200 {
  1.1636 +    color: unquote("rgb(#{$palette-amber-200})") !important;
  1.1637 +  }
  1.1638 +
  1.1639 +  .mdl-color--amber-200 {
  1.1640 +    background-color: unquote("rgb(#{$palette-amber-200})") !important;
  1.1641 +  }
  1.1642 +
  1.1643 +  .mdl-color-text--amber-300 {
  1.1644 +    color: unquote("rgb(#{$palette-amber-300})") !important;
  1.1645 +  }
  1.1646 +
  1.1647 +  .mdl-color--amber-300 {
  1.1648 +    background-color: unquote("rgb(#{$palette-amber-300})") !important;
  1.1649 +  }
  1.1650 +
  1.1651 +  .mdl-color-text--amber-400 {
  1.1652 +    color: unquote("rgb(#{$palette-amber-400})") !important;
  1.1653 +  }
  1.1654 +
  1.1655 +  .mdl-color--amber-400 {
  1.1656 +    background-color: unquote("rgb(#{$palette-amber-400})") !important;
  1.1657 +  }
  1.1658 +
  1.1659 +  .mdl-color-text--amber-500 {
  1.1660 +    color: unquote("rgb(#{$palette-amber-500})") !important;
  1.1661 +  }
  1.1662 +
  1.1663 +  .mdl-color--amber-500 {
  1.1664 +    background-color: unquote("rgb(#{$palette-amber-500})") !important;
  1.1665 +  }
  1.1666 +
  1.1667 +  .mdl-color-text--amber-600 {
  1.1668 +    color: unquote("rgb(#{$palette-amber-600})") !important;
  1.1669 +  }
  1.1670 +
  1.1671 +  .mdl-color--amber-600 {
  1.1672 +    background-color: unquote("rgb(#{$palette-amber-600})") !important;
  1.1673 +  }
  1.1674 +
  1.1675 +  .mdl-color-text--amber-700 {
  1.1676 +    color: unquote("rgb(#{$palette-amber-700})") !important;
  1.1677 +  }
  1.1678 +
  1.1679 +  .mdl-color--amber-700 {
  1.1680 +    background-color: unquote("rgb(#{$palette-amber-700})") !important;
  1.1681 +  }
  1.1682 +
  1.1683 +  .mdl-color-text--amber-800 {
  1.1684 +    color: unquote("rgb(#{$palette-amber-800})") !important;
  1.1685 +  }
  1.1686 +
  1.1687 +  .mdl-color--amber-800 {
  1.1688 +    background-color: unquote("rgb(#{$palette-amber-800})") !important;
  1.1689 +  }
  1.1690 +
  1.1691 +  .mdl-color-text--amber-900 {
  1.1692 +    color: unquote("rgb(#{$palette-amber-900})") !important;
  1.1693 +  }
  1.1694 +
  1.1695 +  .mdl-color--amber-900 {
  1.1696 +    background-color: unquote("rgb(#{$palette-amber-900})") !important;
  1.1697 +  }
  1.1698 +
  1.1699 +  .mdl-color-text--amber-A100 {
  1.1700 +    color: unquote("rgb(#{$palette-amber-A100})") !important;
  1.1701 +  }
  1.1702 +
  1.1703 +  .mdl-color--amber-A100 {
  1.1704 +    background-color: unquote("rgb(#{$palette-amber-A100})") !important;
  1.1705 +  }
  1.1706 +
  1.1707 +  .mdl-color-text--amber-A200 {
  1.1708 +    color: unquote("rgb(#{$palette-amber-A200})") !important;
  1.1709 +  }
  1.1710 +
  1.1711 +  .mdl-color--amber-A200 {
  1.1712 +    background-color: unquote("rgb(#{$palette-amber-A200})") !important;
  1.1713 +  }
  1.1714 +
  1.1715 +  .mdl-color-text--amber-A400 {
  1.1716 +    color: unquote("rgb(#{$palette-amber-A400})") !important;
  1.1717 +  }
  1.1718 +
  1.1719 +  .mdl-color--amber-A400 {
  1.1720 +    background-color: unquote("rgb(#{$palette-amber-A400})") !important;
  1.1721 +  }
  1.1722 +
  1.1723 +  .mdl-color-text--amber-A700 {
  1.1724 +    color: unquote("rgb(#{$palette-amber-A700})") !important;
  1.1725 +  }
  1.1726 +
  1.1727 +  .mdl-color--amber-A700 {
  1.1728 +    background-color: unquote("rgb(#{$palette-amber-A700})") !important;
  1.1729 +  }
  1.1730 +
  1.1731 +  // Orange
  1.1732 +
  1.1733 +  .mdl-color-text--orange {
  1.1734 +    color: unquote("rgb(#{$palette-orange-500})") !important;
  1.1735 +  }
  1.1736 +
  1.1737 +  .mdl-color--orange {
  1.1738 +    background-color: unquote("rgb(#{$palette-orange-500})") !important;
  1.1739 +  }
  1.1740 +
  1.1741 +  .mdl-color-text--orange-50 {
  1.1742 +    color: unquote("rgb(#{$palette-orange-50})") !important;
  1.1743 +  }
  1.1744 +
  1.1745 +  .mdl-color--orange-50 {
  1.1746 +    background-color: unquote("rgb(#{$palette-orange-50})") !important;
  1.1747 +  }
  1.1748 +
  1.1749 +  .mdl-color-text--orange-100 {
  1.1750 +    color: unquote("rgb(#{$palette-orange-100})") !important;
  1.1751 +  }
  1.1752 +
  1.1753 +  .mdl-color--orange-100 {
  1.1754 +    background-color: unquote("rgb(#{$palette-orange-100})") !important;
  1.1755 +  }
  1.1756 +
  1.1757 +  .mdl-color-text--orange-200 {
  1.1758 +    color: unquote("rgb(#{$palette-orange-200})") !important;
  1.1759 +  }
  1.1760 +
  1.1761 +  .mdl-color--orange-200 {
  1.1762 +    background-color: unquote("rgb(#{$palette-orange-200})") !important;
  1.1763 +  }
  1.1764 +
  1.1765 +  .mdl-color-text--orange-300 {
  1.1766 +    color: unquote("rgb(#{$palette-orange-300})") !important;
  1.1767 +  }
  1.1768 +
  1.1769 +  .mdl-color--orange-300 {
  1.1770 +    background-color: unquote("rgb(#{$palette-orange-300})") !important;
  1.1771 +  }
  1.1772 +
  1.1773 +  .mdl-color-text--orange-400 {
  1.1774 +    color: unquote("rgb(#{$palette-orange-400})") !important;
  1.1775 +  }
  1.1776 +
  1.1777 +  .mdl-color--orange-400 {
  1.1778 +    background-color: unquote("rgb(#{$palette-orange-400})") !important;
  1.1779 +  }
  1.1780 +
  1.1781 +  .mdl-color-text--orange-500 {
  1.1782 +    color: unquote("rgb(#{$palette-orange-500})") !important;
  1.1783 +  }
  1.1784 +
  1.1785 +  .mdl-color--orange-500 {
  1.1786 +    background-color: unquote("rgb(#{$palette-orange-500})") !important;
  1.1787 +  }
  1.1788 +
  1.1789 +  .mdl-color-text--orange-600 {
  1.1790 +    color: unquote("rgb(#{$palette-orange-600})") !important;
  1.1791 +  }
  1.1792 +
  1.1793 +  .mdl-color--orange-600 {
  1.1794 +    background-color: unquote("rgb(#{$palette-orange-600})") !important;
  1.1795 +  }
  1.1796 +
  1.1797 +  .mdl-color-text--orange-700 {
  1.1798 +    color: unquote("rgb(#{$palette-orange-700})") !important;
  1.1799 +  }
  1.1800 +
  1.1801 +  .mdl-color--orange-700 {
  1.1802 +    background-color: unquote("rgb(#{$palette-orange-700})") !important;
  1.1803 +  }
  1.1804 +
  1.1805 +  .mdl-color-text--orange-800 {
  1.1806 +    color: unquote("rgb(#{$palette-orange-800})") !important;
  1.1807 +  }
  1.1808 +
  1.1809 +  .mdl-color--orange-800 {
  1.1810 +    background-color: unquote("rgb(#{$palette-orange-800})") !important;
  1.1811 +  }
  1.1812 +
  1.1813 +  .mdl-color-text--orange-900 {
  1.1814 +    color: unquote("rgb(#{$palette-orange-900})") !important;
  1.1815 +  }
  1.1816 +
  1.1817 +  .mdl-color--orange-900 {
  1.1818 +    background-color: unquote("rgb(#{$palette-orange-900})") !important;
  1.1819 +  }
  1.1820 +
  1.1821 +  .mdl-color-text--orange-A100 {
  1.1822 +    color: unquote("rgb(#{$palette-orange-A100})") !important;
  1.1823 +  }
  1.1824 +
  1.1825 +  .mdl-color--orange-A100 {
  1.1826 +    background-color: unquote("rgb(#{$palette-orange-A100})") !important;
  1.1827 +  }
  1.1828 +
  1.1829 +  .mdl-color-text--orange-A200 {
  1.1830 +    color: unquote("rgb(#{$palette-orange-A200})") !important;
  1.1831 +  }
  1.1832 +
  1.1833 +  .mdl-color--orange-A200 {
  1.1834 +    background-color: unquote("rgb(#{$palette-orange-A200})") !important;
  1.1835 +  }
  1.1836 +
  1.1837 +  .mdl-color-text--orange-A400 {
  1.1838 +    color: unquote("rgb(#{$palette-orange-A400})") !important;
  1.1839 +  }
  1.1840 +
  1.1841 +  .mdl-color--orange-A400 {
  1.1842 +    background-color: unquote("rgb(#{$palette-orange-A400})") !important;
  1.1843 +  }
  1.1844 +
  1.1845 +  .mdl-color-text--orange-A700 {
  1.1846 +    color: unquote("rgb(#{$palette-orange-A700})") !important;
  1.1847 +  }
  1.1848 +
  1.1849 +  .mdl-color--orange-A700 {
  1.1850 +    background-color: unquote("rgb(#{$palette-orange-A700})") !important;
  1.1851 +  }
  1.1852 +
  1.1853 +  // Deep Orange
  1.1854 +
  1.1855 +  .mdl-color-text--deep-orange {
  1.1856 +    color: unquote("rgb(#{$palette-deep-orange-500})") !important;
  1.1857 +  }
  1.1858 +
  1.1859 +  .mdl-color--deep-orange {
  1.1860 +    background-color: unquote("rgb(#{$palette-deep-orange-500})") !important;
  1.1861 +  }
  1.1862 +
  1.1863 +  .mdl-color-text--deep-orange-50 {
  1.1864 +    color: unquote("rgb(#{$palette-deep-orange-50})") !important;
  1.1865 +  }
  1.1866 +
  1.1867 +  .mdl-color--deep-orange-50 {
  1.1868 +    background-color: unquote("rgb(#{$palette-deep-orange-50})") !important;
  1.1869 +  }
  1.1870 +
  1.1871 +  .mdl-color-text--deep-orange-100 {
  1.1872 +    color: unquote("rgb(#{$palette-deep-orange-100})") !important;
  1.1873 +  }
  1.1874 +
  1.1875 +  .mdl-color--deep-orange-100 {
  1.1876 +    background-color: unquote("rgb(#{$palette-deep-orange-100})") !important;
  1.1877 +  }
  1.1878 +
  1.1879 +  .mdl-color-text--deep-orange-200 {
  1.1880 +    color: unquote("rgb(#{$palette-deep-orange-200})") !important;
  1.1881 +  }
  1.1882 +
  1.1883 +  .mdl-color--deep-orange-200 {
  1.1884 +    background-color: unquote("rgb(#{$palette-deep-orange-200})") !important;
  1.1885 +  }
  1.1886 +
  1.1887 +  .mdl-color-text--deep-orange-300 {
  1.1888 +    color: unquote("rgb(#{$palette-deep-orange-300})") !important;
  1.1889 +  }
  1.1890 +
  1.1891 +  .mdl-color--deep-orange-300 {
  1.1892 +    background-color: unquote("rgb(#{$palette-deep-orange-300})") !important;
  1.1893 +  }
  1.1894 +
  1.1895 +  .mdl-color-text--deep-orange-400 {
  1.1896 +    color: unquote("rgb(#{$palette-deep-orange-400})") !important;
  1.1897 +  }
  1.1898 +
  1.1899 +  .mdl-color--deep-orange-400 {
  1.1900 +    background-color: unquote("rgb(#{$palette-deep-orange-400})") !important;
  1.1901 +  }
  1.1902 +
  1.1903 +  .mdl-color-text--deep-orange-500 {
  1.1904 +    color: unquote("rgb(#{$palette-deep-orange-500})") !important;
  1.1905 +  }
  1.1906 +
  1.1907 +  .mdl-color--deep-orange-500 {
  1.1908 +    background-color: unquote("rgb(#{$palette-deep-orange-500})") !important;
  1.1909 +  }
  1.1910 +
  1.1911 +  .mdl-color-text--deep-orange-600 {
  1.1912 +    color: unquote("rgb(#{$palette-deep-orange-600})") !important;
  1.1913 +  }
  1.1914 +
  1.1915 +  .mdl-color--deep-orange-600 {
  1.1916 +    background-color: unquote("rgb(#{$palette-deep-orange-600})") !important;
  1.1917 +  }
  1.1918 +
  1.1919 +  .mdl-color-text--deep-orange-700 {
  1.1920 +    color: unquote("rgb(#{$palette-deep-orange-700})") !important;
  1.1921 +  }
  1.1922 +
  1.1923 +  .mdl-color--deep-orange-700 {
  1.1924 +    background-color: unquote("rgb(#{$palette-deep-orange-700})") !important;
  1.1925 +  }
  1.1926 +
  1.1927 +  .mdl-color-text--deep-orange-800 {
  1.1928 +    color: unquote("rgb(#{$palette-deep-orange-800})") !important;
  1.1929 +  }
  1.1930 +
  1.1931 +  .mdl-color--deep-orange-800 {
  1.1932 +    background-color: unquote("rgb(#{$palette-deep-orange-800})") !important;
  1.1933 +  }
  1.1934 +
  1.1935 +  .mdl-color-text--deep-orange-900 {
  1.1936 +    color: unquote("rgb(#{$palette-deep-orange-900})") !important;
  1.1937 +  }
  1.1938 +
  1.1939 +  .mdl-color--deep-orange-900 {
  1.1940 +    background-color: unquote("rgb(#{$palette-deep-orange-900})") !important;
  1.1941 +  }
  1.1942 +
  1.1943 +  .mdl-color-text--deep-orange-A100 {
  1.1944 +    color: unquote("rgb(#{$palette-deep-orange-A100})") !important;
  1.1945 +  }
  1.1946 +
  1.1947 +  .mdl-color--deep-orange-A100 {
  1.1948 +    background-color: unquote("rgb(#{$palette-deep-orange-A100})") !important;
  1.1949 +  }
  1.1950 +
  1.1951 +  .mdl-color-text--deep-orange-A200 {
  1.1952 +    color: unquote("rgb(#{$palette-deep-orange-A200})") !important;
  1.1953 +  }
  1.1954 +
  1.1955 +  .mdl-color--deep-orange-A200 {
  1.1956 +    background-color: unquote("rgb(#{$palette-deep-orange-A200})") !important;
  1.1957 +  }
  1.1958 +
  1.1959 +  .mdl-color-text--deep-orange-A400 {
  1.1960 +    color: unquote("rgb(#{$palette-deep-orange-A400})") !important;
  1.1961 +  }
  1.1962 +
  1.1963 +  .mdl-color--deep-orange-A400 {
  1.1964 +    background-color: unquote("rgb(#{$palette-deep-orange-A400})") !important;
  1.1965 +  }
  1.1966 +
  1.1967 +  .mdl-color-text--deep-orange-A700 {
  1.1968 +    color: unquote("rgb(#{$palette-deep-orange-A700})") !important;
  1.1969 +  }
  1.1970 +
  1.1971 +  .mdl-color--deep-orange-A700 {
  1.1972 +    background-color: unquote("rgb(#{$palette-deep-orange-A700})") !important;
  1.1973 +  }
  1.1974 +
  1.1975 +  // Brown
  1.1976 +
  1.1977 +  .mdl-color-text--brown {
  1.1978 +    color: unquote("rgb(#{$palette-brown-500})") !important;
  1.1979 +  }
  1.1980 +
  1.1981 +  .mdl-color--brown {
  1.1982 +    background-color: unquote("rgb(#{$palette-brown-500})") !important;
  1.1983 +  }
  1.1984 +
  1.1985 +  .mdl-color-text--brown-50 {
  1.1986 +    color: unquote("rgb(#{$palette-brown-50})") !important;
  1.1987 +  }
  1.1988 +
  1.1989 +  .mdl-color--brown-50 {
  1.1990 +    background-color: unquote("rgb(#{$palette-brown-50})") !important;
  1.1991 +  }
  1.1992 +
  1.1993 +  .mdl-color-text--brown-100 {
  1.1994 +    color: unquote("rgb(#{$palette-brown-100})") !important;
  1.1995 +  }
  1.1996 +
  1.1997 +  .mdl-color--brown-100 {
  1.1998 +    background-color: unquote("rgb(#{$palette-brown-100})") !important;
  1.1999 +  }
  1.2000 +
  1.2001 +  .mdl-color-text--brown-200 {
  1.2002 +    color: unquote("rgb(#{$palette-brown-200})") !important;
  1.2003 +  }
  1.2004 +
  1.2005 +  .mdl-color--brown-200 {
  1.2006 +    background-color: unquote("rgb(#{$palette-brown-200})") !important;
  1.2007 +  }
  1.2008 +
  1.2009 +  .mdl-color-text--brown-300 {
  1.2010 +    color: unquote("rgb(#{$palette-brown-300})") !important;
  1.2011 +  }
  1.2012 +
  1.2013 +  .mdl-color--brown-300 {
  1.2014 +    background-color: unquote("rgb(#{$palette-brown-300})") !important;
  1.2015 +  }
  1.2016 +
  1.2017 +  .mdl-color-text--brown-400 {
  1.2018 +    color: unquote("rgb(#{$palette-brown-400})") !important;
  1.2019 +  }
  1.2020 +
  1.2021 +  .mdl-color--brown-400 {
  1.2022 +    background-color: unquote("rgb(#{$palette-brown-400})") !important;
  1.2023 +  }
  1.2024 +
  1.2025 +  .mdl-color-text--brown-500 {
  1.2026 +    color: unquote("rgb(#{$palette-brown-500})") !important;
  1.2027 +  }
  1.2028 +
  1.2029 +  .mdl-color--brown-500 {
  1.2030 +    background-color: unquote("rgb(#{$palette-brown-500})") !important;
  1.2031 +  }
  1.2032 +
  1.2033 +  .mdl-color-text--brown-600 {
  1.2034 +    color: unquote("rgb(#{$palette-brown-600})") !important;
  1.2035 +  }
  1.2036 +
  1.2037 +  .mdl-color--brown-600 {
  1.2038 +    background-color: unquote("rgb(#{$palette-brown-600})") !important;
  1.2039 +  }
  1.2040 +
  1.2041 +  .mdl-color-text--brown-700 {
  1.2042 +    color: unquote("rgb(#{$palette-brown-700})") !important;
  1.2043 +  }
  1.2044 +
  1.2045 +  .mdl-color--brown-700 {
  1.2046 +    background-color: unquote("rgb(#{$palette-brown-700})") !important;
  1.2047 +  }
  1.2048 +
  1.2049 +  .mdl-color-text--brown-800 {
  1.2050 +    color: unquote("rgb(#{$palette-brown-800})") !important;
  1.2051 +  }
  1.2052 +
  1.2053 +  .mdl-color--brown-800 {
  1.2054 +    background-color: unquote("rgb(#{$palette-brown-800})") !important;
  1.2055 +  }
  1.2056 +
  1.2057 +  .mdl-color-text--brown-900 {
  1.2058 +    color: unquote("rgb(#{$palette-brown-900})") !important;
  1.2059 +  }
  1.2060 +
  1.2061 +  .mdl-color--brown-900 {
  1.2062 +    background-color: unquote("rgb(#{$palette-brown-900})") !important;
  1.2063 +  }
  1.2064 +
  1.2065 +  // Grey
  1.2066 +
  1.2067 +  .mdl-color-text--grey {
  1.2068 +    color: unquote("rgb(#{$palette-grey-500})") !important;
  1.2069 +  }
  1.2070 +
  1.2071 +  .mdl-color--grey {
  1.2072 +    background-color: unquote("rgb(#{$palette-grey-500})") !important;
  1.2073 +  }
  1.2074 +
  1.2075 +  .mdl-color-text--grey-50 {
  1.2076 +    color: unquote("rgb(#{$palette-grey-50})") !important;
  1.2077 +  }
  1.2078 +
  1.2079 +  .mdl-color--grey-50 {
  1.2080 +    background-color: unquote("rgb(#{$palette-grey-50})") !important;
  1.2081 +  }
  1.2082 +
  1.2083 +  .mdl-color-text--grey-100 {
  1.2084 +    color: unquote("rgb(#{$palette-grey-100})") !important;
  1.2085 +  }
  1.2086 +
  1.2087 +  .mdl-color--grey-100 {
  1.2088 +    background-color: unquote("rgb(#{$palette-grey-100})") !important;
  1.2089 +  }
  1.2090 +
  1.2091 +  .mdl-color-text--grey-200 {
  1.2092 +    color: unquote("rgb(#{$palette-grey-200})") !important;
  1.2093 +  }
  1.2094 +
  1.2095 +  .mdl-color--grey-200 {
  1.2096 +    background-color: unquote("rgb(#{$palette-grey-200})") !important;
  1.2097 +  }
  1.2098 +
  1.2099 +  .mdl-color-text--grey-300 {
  1.2100 +    color: unquote("rgb(#{$palette-grey-300})") !important;
  1.2101 +  }
  1.2102 +
  1.2103 +  .mdl-color--grey-300 {
  1.2104 +    background-color: unquote("rgb(#{$palette-grey-300})") !important;
  1.2105 +  }
  1.2106 +
  1.2107 +  .mdl-color-text--grey-400 {
  1.2108 +    color: unquote("rgb(#{$palette-grey-400})") !important;
  1.2109 +  }
  1.2110 +
  1.2111 +  .mdl-color--grey-400 {
  1.2112 +    background-color: unquote("rgb(#{$palette-grey-400})") !important;
  1.2113 +  }
  1.2114 +
  1.2115 +  .mdl-color-text--grey-500 {
  1.2116 +    color: unquote("rgb(#{$palette-grey-500})") !important;
  1.2117 +  }
  1.2118 +
  1.2119 +  .mdl-color--grey-500 {
  1.2120 +    background-color: unquote("rgb(#{$palette-grey-500})") !important;
  1.2121 +  }
  1.2122 +
  1.2123 +  .mdl-color-text--grey-600 {
  1.2124 +    color: unquote("rgb(#{$palette-grey-600})") !important;
  1.2125 +  }
  1.2126 +
  1.2127 +  .mdl-color--grey-600 {
  1.2128 +    background-color: unquote("rgb(#{$palette-grey-600})") !important;
  1.2129 +  }
  1.2130 +
  1.2131 +  .mdl-color-text--grey-700 {
  1.2132 +    color: unquote("rgb(#{$palette-grey-700})") !important;
  1.2133 +  }
  1.2134 +
  1.2135 +  .mdl-color--grey-700 {
  1.2136 +    background-color: unquote("rgb(#{$palette-grey-700})") !important;
  1.2137 +  }
  1.2138 +
  1.2139 +  .mdl-color-text--grey-800 {
  1.2140 +    color: unquote("rgb(#{$palette-grey-800})") !important;
  1.2141 +  }
  1.2142 +
  1.2143 +  .mdl-color--grey-800 {
  1.2144 +    background-color: unquote("rgb(#{$palette-grey-800})") !important;
  1.2145 +  }
  1.2146 +
  1.2147 +  .mdl-color-text--grey-900 {
  1.2148 +    color: unquote("rgb(#{$palette-grey-900})") !important;
  1.2149 +  }
  1.2150 +
  1.2151 +  .mdl-color--grey-900 {
  1.2152 +    background-color: unquote("rgb(#{$palette-grey-900})") !important;
  1.2153 +  }
  1.2154 +
  1.2155 +  // Blue Grey
  1.2156 +
  1.2157 +  .mdl-color-text--blue-grey {
  1.2158 +    color: unquote("rgb(#{$palette-blue-grey-500})") !important;
  1.2159 +  }
  1.2160 +
  1.2161 +  .mdl-color--blue-grey {
  1.2162 +    background-color: unquote("rgb(#{$palette-blue-grey-500})") !important;
  1.2163 +  }
  1.2164 +
  1.2165 +  .mdl-color-text--blue-grey-50 {
  1.2166 +    color: unquote("rgb(#{$palette-blue-grey-50})") !important;
  1.2167 +  }
  1.2168 +
  1.2169 +  .mdl-color--blue-grey-50 {
  1.2170 +    background-color: unquote("rgb(#{$palette-blue-grey-50})") !important;
  1.2171 +  }
  1.2172 +
  1.2173 +  .mdl-color-text--blue-grey-100 {
  1.2174 +    color: unquote("rgb(#{$palette-blue-grey-100})") !important;
  1.2175 +  }
  1.2176 +
  1.2177 +  .mdl-color--blue-grey-100 {
  1.2178 +    background-color: unquote("rgb(#{$palette-blue-grey-100})") !important;
  1.2179 +  }
  1.2180 +
  1.2181 +  .mdl-color-text--blue-grey-200 {
  1.2182 +    color: unquote("rgb(#{$palette-blue-grey-200})") !important;
  1.2183 +  }
  1.2184 +
  1.2185 +  .mdl-color--blue-grey-200 {
  1.2186 +    background-color: unquote("rgb(#{$palette-blue-grey-200})") !important;
  1.2187 +  }
  1.2188 +
  1.2189 +  .mdl-color-text--blue-grey-300 {
  1.2190 +    color: unquote("rgb(#{$palette-blue-grey-300})") !important;
  1.2191 +  }
  1.2192 +
  1.2193 +  .mdl-color--blue-grey-300 {
  1.2194 +    background-color: unquote("rgb(#{$palette-blue-grey-300})") !important;
  1.2195 +  }
  1.2196 +
  1.2197 +  .mdl-color-text--blue-grey-400 {
  1.2198 +    color: unquote("rgb(#{$palette-blue-grey-400})") !important;
  1.2199 +  }
  1.2200 +
  1.2201 +  .mdl-color--blue-grey-400 {
  1.2202 +    background-color: unquote("rgb(#{$palette-blue-grey-400})") !important;
  1.2203 +  }
  1.2204 +
  1.2205 +  .mdl-color-text--blue-grey-500 {
  1.2206 +    color: unquote("rgb(#{$palette-blue-grey-500})") !important;
  1.2207 +  }
  1.2208 +
  1.2209 +  .mdl-color--blue-grey-500 {
  1.2210 +    background-color: unquote("rgb(#{$palette-blue-grey-500})") !important;
  1.2211 +  }
  1.2212 +
  1.2213 +  .mdl-color-text--blue-grey-600 {
  1.2214 +    color: unquote("rgb(#{$palette-blue-grey-600})") !important;
  1.2215 +  }
  1.2216 +
  1.2217 +  .mdl-color--blue-grey-600 {
  1.2218 +    background-color: unquote("rgb(#{$palette-blue-grey-600})") !important;
  1.2219 +  }
  1.2220 +
  1.2221 +  .mdl-color-text--blue-grey-700 {
  1.2222 +    color: unquote("rgb(#{$palette-blue-grey-700})") !important;
  1.2223 +  }
  1.2224 +
  1.2225 +  .mdl-color--blue-grey-700 {
  1.2226 +    background-color: unquote("rgb(#{$palette-blue-grey-700})") !important;
  1.2227 +  }
  1.2228 +
  1.2229 +  .mdl-color-text--blue-grey-800 {
  1.2230 +    color: unquote("rgb(#{$palette-blue-grey-800})") !important;
  1.2231 +  }
  1.2232 +
  1.2233 +  .mdl-color--blue-grey-800 {
  1.2234 +    background-color: unquote("rgb(#{$palette-blue-grey-800})") !important;
  1.2235 +  }
  1.2236 +
  1.2237 +  .mdl-color-text--blue-grey-900 {
  1.2238 +    color: unquote("rgb(#{$palette-blue-grey-900})") !important;
  1.2239 +  }
  1.2240 +
  1.2241 +  .mdl-color--blue-grey-900 {
  1.2242 +    background-color: unquote("rgb(#{$palette-blue-grey-900})") !important;
  1.2243 +  }
  1.2244 +
  1.2245 +  // Black
  1.2246 +
  1.2247 +  .mdl-color--black {
  1.2248 +    background-color: unquote("rgb(#{$color-black})") !important;
  1.2249 +  }
  1.2250 +
  1.2251 +  .mdl-color-text--black {
  1.2252 +    color: unquote("rgb(#{$color-black})") !important;
  1.2253 +  }
  1.2254 +
  1.2255 +  // White
  1.2256 +
  1.2257 +  .mdl-color--white {
  1.2258 +    background-color: unquote("rgb(#{$color-white})") !important;
  1.2259 +  }
  1.2260 +
  1.2261 +  .mdl-color-text--white {
  1.2262 +    color: unquote("rgb(#{$color-white})") !important;
  1.2263 +  }
  1.2264 +}
  1.2265 +
  1.2266 +// Primary and accent
  1.2267 +
  1.2268 +.mdl-color--primary {
  1.2269 +  background-color: unquote("rgb(#{$color-primary})") !important;
  1.2270 +}
  1.2271 +
  1.2272 +.mdl-color--primary-contrast {
  1.2273 +  background-color: unquote("rgb(#{$color-primary-contrast})") !important;
  1.2274 +}
  1.2275 +
  1.2276 +.mdl-color--primary-dark {
  1.2277 +  background-color: unquote("rgb(#{$color-primary-dark})") !important;
  1.2278 +}
  1.2279 +
  1.2280 +.mdl-color--accent {
  1.2281 +  background-color: unquote("rgb(#{$color-accent})") !important;
  1.2282 +}
  1.2283 +
  1.2284 +.mdl-color--accent-contrast {
  1.2285 +  background-color: unquote("rgb(#{$color-accent-contrast})") !important;
  1.2286 +}
  1.2287 +
  1.2288 +.mdl-color-text--primary {
  1.2289 +  color: unquote("rgb(#{$color-primary})") !important;
  1.2290 +}
  1.2291 +
  1.2292 +.mdl-color-text--primary-contrast {
  1.2293 +  color: unquote("rgb(#{$color-primary-contrast})") !important;
  1.2294 +}
  1.2295 +
  1.2296 +.mdl-color-text--primary-dark {
  1.2297 +  color: unquote("rgb(#{$color-primary-dark})") !important;
  1.2298 +}
  1.2299 +
  1.2300 +.mdl-color-text--accent {
  1.2301 +  color: unquote("rgb(#{$color-accent})") !important;
  1.2302 +}
  1.2303 +
  1.2304 +.mdl-color-text--accent-contrast {
  1.2305 +  color: unquote("rgb(#{$color-accent-contrast})") !important;
  1.2306 +}