.red-50 {
  color: #ffebee; }

.hover-red-50:hover,
.hover-red-50:focus {
  color: #ffebee; }

.bg-red-50 {
  background-color: #ffebee; }

.hover-bg-red-50:hover,
.hover-bg-red-50:focus {
  background-color: #ffebee; }

.b--red-50 {
  border-color: #ffebee; }

.red-100 {
  color: #ffcdd2; }

.hover-red-100:hover,
.hover-red-100:focus {
  color: #ffcdd2; }

.bg-red-100 {
  background-color: #ffcdd2; }

.hover-bg-red-100:hover,
.hover-bg-red-100:focus {
  background-color: #ffcdd2; }

.b--red-100 {
  border-color: #ffcdd2; }

.red-200 {
  color: #ef9a9a; }

.hover-red-200:hover,
.hover-red-200:focus {
  color: #ef9a9a; }

.bg-red-200 {
  background-color: #ef9a9a; }

.hover-bg-red-200:hover,
.hover-bg-red-200:focus {
  background-color: #ef9a9a; }

.b--red-200 {
  border-color: #ef9a9a; }

.red-300 {
  color: #e57373; }

.hover-red-300:hover,
.hover-red-300:focus {
  color: #e57373; }

.bg-red-300 {
  background-color: #e57373; }

.hover-bg-red-300:hover,
.hover-bg-red-300:focus {
  background-color: #e57373; }

.b--red-300 {
  border-color: #e57373; }

.red-400 {
  color: #ef5350; }

.hover-red-400:hover,
.hover-red-400:focus {
  color: #ef5350; }

.bg-red-400 {
  background-color: #ef5350; }

.hover-bg-red-400:hover,
.hover-bg-red-400:focus {
  background-color: #ef5350; }

.b--red-400 {
  border-color: #ef5350; }

.red-500 {
  color: #f44336; }

.hover-red-500:hover,
.hover-red-500:focus {
  color: #f44336; }

.bg-red-500 {
  background-color: #f44336; }

.hover-bg-red-500:hover,
.hover-bg-red-500:focus {
  background-color: #f44336; }

.b--red-500 {
  border-color: #f44336; }

.red-600 {
  color: #e53935; }

.hover-red-600:hover,
.hover-red-600:focus {
  color: #e53935; }

.bg-red-600 {
  background-color: #e53935; }

.hover-bg-red-600:hover,
.hover-bg-red-600:focus {
  background-color: #e53935; }

.b--red-600 {
  border-color: #e53935; }

.red-700 {
  color: #d32f2f; }

.hover-red-700:hover,
.hover-red-700:focus {
  color: #d32f2f; }

.bg-red-700 {
  background-color: #d32f2f; }

.hover-bg-red-700:hover,
.hover-bg-red-700:focus {
  background-color: #d32f2f; }

.b--red-700 {
  border-color: #d32f2f; }

.red-800 {
  color: #c62828; }

.hover-red-800:hover,
.hover-red-800:focus {
  color: #c62828; }

.bg-red-800 {
  background-color: #c62828; }

.hover-bg-red-800:hover,
.hover-bg-red-800:focus {
  background-color: #c62828; }

.b--red-800 {
  border-color: #c62828; }

.red-900 {
  color: #b71c1c; }

.hover-red-900:hover,
.hover-red-900:focus {
  color: #b71c1c; }

.bg-red-900 {
  background-color: #b71c1c; }

.hover-bg-red-900:hover,
.hover-bg-red-900:focus {
  background-color: #b71c1c; }

.b--red-900 {
  border-color: #b71c1c; }

.red-a100 {
  color: #ff8a80; }

.hover-red-a100:hover,
.hover-red-a100:focus {
  color: #ff8a80; }

.bg-red-a100 {
  background-color: #ff8a80; }

.hover-bg-red-a100:hover,
.hover-bg-red-a100:focus {
  background-color: #ff8a80; }

.b--red-a100 {
  border-color: #ff8a80; }

.red-a200 {
  color: #ff5252; }

.hover-red-a200:hover,
.hover-red-a200:focus {
  color: #ff5252; }

.bg-red-a200 {
  background-color: #ff5252; }

.hover-bg-red-a200:hover,
.hover-bg-red-a200:focus {
  background-color: #ff5252; }

.b--red-a200 {
  border-color: #ff5252; }

.red-a400 {
  color: #ff1744; }

.hover-red-a400:hover,
.hover-red-a400:focus {
  color: #ff1744; }

.bg-red-a400 {
  background-color: #ff1744; }

.hover-bg-red-a400:hover,
.hover-bg-red-a400:focus {
  background-color: #ff1744; }

.b--red-a400 {
  border-color: #ff1744; }

.red-a700 {
  color: #d50000; }

.hover-red-a700:hover,
.hover-red-a700:focus {
  color: #d50000; }

.bg-red-a700 {
  background-color: #d50000; }

.hover-bg-red-a700:hover,
.hover-bg-red-a700:focus {
  background-color: #d50000; }

.b--red-a700 {
  border-color: #d50000; }

.pink-50 {
  color: #fce4ec; }

.hover-pink-50:hover,
.hover-pink-50:focus {
  color: #fce4ec; }

.bg-pink-50 {
  background-color: #fce4ec; }

.hover-bg-pink-50:hover,
.hover-bg-pink-50:focus {
  background-color: #fce4ec; }

.b--pink-50 {
  border-color: #fce4ec; }

.pink-100 {
  color: #f8bbd0; }

.hover-pink-100:hover,
.hover-pink-100:focus {
  color: #f8bbd0; }

.bg-pink-100 {
  background-color: #f8bbd0; }

.hover-bg-pink-100:hover,
.hover-bg-pink-100:focus {
  background-color: #f8bbd0; }

.b--pink-100 {
  border-color: #f8bbd0; }

.pink-200 {
  color: #f48fb1; }

.hover-pink-200:hover,
.hover-pink-200:focus {
  color: #f48fb1; }

.bg-pink-200 {
  background-color: #f48fb1; }

.hover-bg-pink-200:hover,
.hover-bg-pink-200:focus {
  background-color: #f48fb1; }

.b--pink-200 {
  border-color: #f48fb1; }

.pink-300 {
  color: #f06292; }

.hover-pink-300:hover,
.hover-pink-300:focus {
  color: #f06292; }

.bg-pink-300 {
  background-color: #f06292; }

.hover-bg-pink-300:hover,
.hover-bg-pink-300:focus {
  background-color: #f06292; }

.b--pink-300 {
  border-color: #f06292; }

.pink-400 {
  color: #ec407a; }

.hover-pink-400:hover,
.hover-pink-400:focus {
  color: #ec407a; }

.bg-pink-400 {
  background-color: #ec407a; }

.hover-bg-pink-400:hover,
.hover-bg-pink-400:focus {
  background-color: #ec407a; }

.b--pink-400 {
  border-color: #ec407a; }

.pink-500 {
  color: #e91e63; }

.hover-pink-500:hover,
.hover-pink-500:focus {
  color: #e91e63; }

.bg-pink-500 {
  background-color: #e91e63; }

.hover-bg-pink-500:hover,
.hover-bg-pink-500:focus {
  background-color: #e91e63; }

.b--pink-500 {
  border-color: #e91e63; }

.pink-600 {
  color: #d81b60; }

.hover-pink-600:hover,
.hover-pink-600:focus {
  color: #d81b60; }

.bg-pink-600 {
  background-color: #d81b60; }

.hover-bg-pink-600:hover,
.hover-bg-pink-600:focus {
  background-color: #d81b60; }

.b--pink-600 {
  border-color: #d81b60; }

.pink-700 {
  color: #c2185b; }

.hover-pink-700:hover,
.hover-pink-700:focus {
  color: #c2185b; }

.bg-pink-700 {
  background-color: #c2185b; }

.hover-bg-pink-700:hover,
.hover-bg-pink-700:focus {
  background-color: #c2185b; }

.b--pink-700 {
  border-color: #c2185b; }

.pink-800 {
  color: #ad1457; }

.hover-pink-800:hover,
.hover-pink-800:focus {
  color: #ad1457; }

.bg-pink-800 {
  background-color: #ad1457; }

.hover-bg-pink-800:hover,
.hover-bg-pink-800:focus {
  background-color: #ad1457; }

.b--pink-800 {
  border-color: #ad1457; }

.pink-900 {
  color: #880e4f; }

.hover-pink-900:hover,
.hover-pink-900:focus {
  color: #880e4f; }

.bg-pink-900 {
  background-color: #880e4f; }

.hover-bg-pink-900:hover,
.hover-bg-pink-900:focus {
  background-color: #880e4f; }

.b--pink-900 {
  border-color: #880e4f; }

.pink-a100 {
  color: #ff80ab; }

.hover-pink-a100:hover,
.hover-pink-a100:focus {
  color: #ff80ab; }

.bg-pink-a100 {
  background-color: #ff80ab; }

.hover-bg-pink-a100:hover,
.hover-bg-pink-a100:focus {
  background-color: #ff80ab; }

.b--pink-a100 {
  border-color: #ff80ab; }

.pink-a200 {
  color: #ff4081; }

.hover-pink-a200:hover,
.hover-pink-a200:focus {
  color: #ff4081; }

.bg-pink-a200 {
  background-color: #ff4081; }

.hover-bg-pink-a200:hover,
.hover-bg-pink-a200:focus {
  background-color: #ff4081; }

.b--pink-a200 {
  border-color: #ff4081; }

.pink-a400 {
  color: #f50057; }

.hover-pink-a400:hover,
.hover-pink-a400:focus {
  color: #f50057; }

.bg-pink-a400 {
  background-color: #f50057; }

.hover-bg-pink-a400:hover,
.hover-bg-pink-a400:focus {
  background-color: #f50057; }

.b--pink-a400 {
  border-color: #f50057; }

.pink-a700 {
  color: #c51162; }

.hover-pink-a700:hover,
.hover-pink-a700:focus {
  color: #c51162; }

.bg-pink-a700 {
  background-color: #c51162; }

.hover-bg-pink-a700:hover,
.hover-bg-pink-a700:focus {
  background-color: #c51162; }

.b--pink-a700 {
  border-color: #c51162; }

.purple-50 {
  color: #f3e5f5; }

.hover-purple-50:hover,
.hover-purple-50:focus {
  color: #f3e5f5; }

.bg-purple-50 {
  background-color: #f3e5f5; }

.hover-bg-purple-50:hover,
.hover-bg-purple-50:focus {
  background-color: #f3e5f5; }

.b--purple-50 {
  border-color: #f3e5f5; }

.purple-100 {
  color: #e1bee7; }

.hover-purple-100:hover,
.hover-purple-100:focus {
  color: #e1bee7; }

.bg-purple-100 {
  background-color: #e1bee7; }

.hover-bg-purple-100:hover,
.hover-bg-purple-100:focus {
  background-color: #e1bee7; }

.b--purple-100 {
  border-color: #e1bee7; }

.purple-200 {
  color: #ce93d8; }

.hover-purple-200:hover,
.hover-purple-200:focus {
  color: #ce93d8; }

.bg-purple-200 {
  background-color: #ce93d8; }

.hover-bg-purple-200:hover,
.hover-bg-purple-200:focus {
  background-color: #ce93d8; }

.b--purple-200 {
  border-color: #ce93d8; }

.purple-300 {
  color: #ba68c8; }

.hover-purple-300:hover,
.hover-purple-300:focus {
  color: #ba68c8; }

.bg-purple-300 {
  background-color: #ba68c8; }

.hover-bg-purple-300:hover,
.hover-bg-purple-300:focus {
  background-color: #ba68c8; }

.b--purple-300 {
  border-color: #ba68c8; }

.purple-400 {
  color: #ab47bc; }

.hover-purple-400:hover,
.hover-purple-400:focus {
  color: #ab47bc; }

.bg-purple-400 {
  background-color: #ab47bc; }

.hover-bg-purple-400:hover,
.hover-bg-purple-400:focus {
  background-color: #ab47bc; }

.b--purple-400 {
  border-color: #ab47bc; }

.purple-500 {
  color: #9c27b0; }

.hover-purple-500:hover,
.hover-purple-500:focus {
  color: #9c27b0; }

.bg-purple-500 {
  background-color: #9c27b0; }

.hover-bg-purple-500:hover,
.hover-bg-purple-500:focus {
  background-color: #9c27b0; }

.b--purple-500 {
  border-color: #9c27b0; }

.purple-600 {
  color: #8e24aa; }

.hover-purple-600:hover,
.hover-purple-600:focus {
  color: #8e24aa; }

.bg-purple-600 {
  background-color: #8e24aa; }

.hover-bg-purple-600:hover,
.hover-bg-purple-600:focus {
  background-color: #8e24aa; }

.b--purple-600 {
  border-color: #8e24aa; }

.purple-700 {
  color: #7b1fa2; }

.hover-purple-700:hover,
.hover-purple-700:focus {
  color: #7b1fa2; }

.bg-purple-700 {
  background-color: #7b1fa2; }

.hover-bg-purple-700:hover,
.hover-bg-purple-700:focus {
  background-color: #7b1fa2; }

.b--purple-700 {
  border-color: #7b1fa2; }

.purple-800 {
  color: #6a1b9a; }

.hover-purple-800:hover,
.hover-purple-800:focus {
  color: #6a1b9a; }

.bg-purple-800 {
  background-color: #6a1b9a; }

.hover-bg-purple-800:hover,
.hover-bg-purple-800:focus {
  background-color: #6a1b9a; }

.b--purple-800 {
  border-color: #6a1b9a; }

.purple-900 {
  color: #4a148c; }

.hover-purple-900:hover,
.hover-purple-900:focus {
  color: #4a148c; }

.bg-purple-900 {
  background-color: #4a148c; }

.hover-bg-purple-900:hover,
.hover-bg-purple-900:focus {
  background-color: #4a148c; }

.b--purple-900 {
  border-color: #4a148c; }

.purple-a100 {
  color: #ea80fc; }

.hover-purple-a100:hover,
.hover-purple-a100:focus {
  color: #ea80fc; }

.bg-purple-a100 {
  background-color: #ea80fc; }

.hover-bg-purple-a100:hover,
.hover-bg-purple-a100:focus {
  background-color: #ea80fc; }

.b--purple-a100 {
  border-color: #ea80fc; }

.purple-a200 {
  color: #e040fb; }

.hover-purple-a200:hover,
.hover-purple-a200:focus {
  color: #e040fb; }

.bg-purple-a200 {
  background-color: #e040fb; }

.hover-bg-purple-a200:hover,
.hover-bg-purple-a200:focus {
  background-color: #e040fb; }

.b--purple-a200 {
  border-color: #e040fb; }

.purple-a400 {
  color: #d500f9; }

.hover-purple-a400:hover,
.hover-purple-a400:focus {
  color: #d500f9; }

.bg-purple-a400 {
  background-color: #d500f9; }

.hover-bg-purple-a400:hover,
.hover-bg-purple-a400:focus {
  background-color: #d500f9; }

.b--purple-a400 {
  border-color: #d500f9; }

.purple-a700 {
  color: #aa00ff; }

.hover-purple-a700:hover,
.hover-purple-a700:focus {
  color: #aa00ff; }

.bg-purple-a700 {
  background-color: #aa00ff; }

.hover-bg-purple-a700:hover,
.hover-bg-purple-a700:focus {
  background-color: #aa00ff; }

.b--purple-a700 {
  border-color: #aa00ff; }

.deep-purple-50 {
  color: #ede7f6; }

.hover-deep-purple-50:hover,
.hover-deep-purple-50:focus {
  color: #ede7f6; }

.bg-deep-purple-50 {
  background-color: #ede7f6; }

.hover-bg-deep-purple-50:hover,
.hover-bg-deep-purple-50:focus {
  background-color: #ede7f6; }

.b--deep-purple-50 {
  border-color: #ede7f6; }

.deep-purple-100 {
  color: #d1c4e9; }

.hover-deep-purple-100:hover,
.hover-deep-purple-100:focus {
  color: #d1c4e9; }

.bg-deep-purple-100 {
  background-color: #d1c4e9; }

.hover-bg-deep-purple-100:hover,
.hover-bg-deep-purple-100:focus {
  background-color: #d1c4e9; }

.b--deep-purple-100 {
  border-color: #d1c4e9; }

.deep-purple-200 {
  color: #b39ddb; }

.hover-deep-purple-200:hover,
.hover-deep-purple-200:focus {
  color: #b39ddb; }

.bg-deep-purple-200 {
  background-color: #b39ddb; }

.hover-bg-deep-purple-200:hover,
.hover-bg-deep-purple-200:focus {
  background-color: #b39ddb; }

.b--deep-purple-200 {
  border-color: #b39ddb; }

.deep-purple-300 {
  color: #9575cd; }

.hover-deep-purple-300:hover,
.hover-deep-purple-300:focus {
  color: #9575cd; }

.bg-deep-purple-300 {
  background-color: #9575cd; }

.hover-bg-deep-purple-300:hover,
.hover-bg-deep-purple-300:focus {
  background-color: #9575cd; }

.b--deep-purple-300 {
  border-color: #9575cd; }

.deep-purple-400 {
  color: #7e57c2; }

.hover-deep-purple-400:hover,
.hover-deep-purple-400:focus {
  color: #7e57c2; }

.bg-deep-purple-400 {
  background-color: #7e57c2; }

.hover-bg-deep-purple-400:hover,
.hover-bg-deep-purple-400:focus {
  background-color: #7e57c2; }

.b--deep-purple-400 {
  border-color: #7e57c2; }

.deep-purple-500 {
  color: #673ab7; }

.hover-deep-purple-500:hover,
.hover-deep-purple-500:focus {
  color: #673ab7; }

.bg-deep-purple-500 {
  background-color: #673ab7; }

.hover-bg-deep-purple-500:hover,
.hover-bg-deep-purple-500:focus {
  background-color: #673ab7; }

.b--deep-purple-500 {
  border-color: #673ab7; }

.deep-purple-600 {
  color: #5e35b1; }

.hover-deep-purple-600:hover,
.hover-deep-purple-600:focus {
  color: #5e35b1; }

.bg-deep-purple-600 {
  background-color: #5e35b1; }

.hover-bg-deep-purple-600:hover,
.hover-bg-deep-purple-600:focus {
  background-color: #5e35b1; }

.b--deep-purple-600 {
  border-color: #5e35b1; }

.deep-purple-700 {
  color: #512da8; }

.hover-deep-purple-700:hover,
.hover-deep-purple-700:focus {
  color: #512da8; }

.bg-deep-purple-700 {
  background-color: #512da8; }

.hover-bg-deep-purple-700:hover,
.hover-bg-deep-purple-700:focus {
  background-color: #512da8; }

.b--deep-purple-700 {
  border-color: #512da8; }

.deep-purple-800 {
  color: #4527a0; }

.hover-deep-purple-800:hover,
.hover-deep-purple-800:focus {
  color: #4527a0; }

.bg-deep-purple-800 {
  background-color: #4527a0; }

.hover-bg-deep-purple-800:hover,
.hover-bg-deep-purple-800:focus {
  background-color: #4527a0; }

.b--deep-purple-800 {
  border-color: #4527a0; }

.deep-purple-900 {
  color: #311b92; }

.hover-deep-purple-900:hover,
.hover-deep-purple-900:focus {
  color: #311b92; }

.bg-deep-purple-900 {
  background-color: #311b92; }

.hover-bg-deep-purple-900:hover,
.hover-bg-deep-purple-900:focus {
  background-color: #311b92; }

.b--deep-purple-900 {
  border-color: #311b92; }

.deep-purple-a100 {
  color: #b388ff; }

.hover-deep-purple-a100:hover,
.hover-deep-purple-a100:focus {
  color: #b388ff; }

.bg-deep-purple-a100 {
  background-color: #b388ff; }

.hover-bg-deep-purple-a100:hover,
.hover-bg-deep-purple-a100:focus {
  background-color: #b388ff; }

.b--deep-purple-a100 {
  border-color: #b388ff; }

.deep-purple-a200 {
  color: #7c4dff; }

.hover-deep-purple-a200:hover,
.hover-deep-purple-a200:focus {
  color: #7c4dff; }

.bg-deep-purple-a200 {
  background-color: #7c4dff; }

.hover-bg-deep-purple-a200:hover,
.hover-bg-deep-purple-a200:focus {
  background-color: #7c4dff; }

.b--deep-purple-a200 {
  border-color: #7c4dff; }

.deep-purple-a400 {
  color: #651fff; }

.hover-deep-purple-a400:hover,
.hover-deep-purple-a400:focus {
  color: #651fff; }

.bg-deep-purple-a400 {
  background-color: #651fff; }

.hover-bg-deep-purple-a400:hover,
.hover-bg-deep-purple-a400:focus {
  background-color: #651fff; }

.b--deep-purple-a400 {
  border-color: #651fff; }

.deep-purple-a700 {
  color: #6200ea; }

.hover-deep-purple-a700:hover,
.hover-deep-purple-a700:focus {
  color: #6200ea; }

.bg-deep-purple-a700 {
  background-color: #6200ea; }

.hover-bg-deep-purple-a700:hover,
.hover-bg-deep-purple-a700:focus {
  background-color: #6200ea; }

.b--deep-purple-a700 {
  border-color: #6200ea; }

.indigo-50 {
  color: #e8eaf6; }

.hover-indigo-50:hover,
.hover-indigo-50:focus {
  color: #e8eaf6; }

.bg-indigo-50 {
  background-color: #e8eaf6; }

.hover-bg-indigo-50:hover,
.hover-bg-indigo-50:focus {
  background-color: #e8eaf6; }

.b--indigo-50 {
  border-color: #e8eaf6; }

.indigo-100 {
  color: #c5cae9; }

.hover-indigo-100:hover,
.hover-indigo-100:focus {
  color: #c5cae9; }

.bg-indigo-100 {
  background-color: #c5cae9; }

.hover-bg-indigo-100:hover,
.hover-bg-indigo-100:focus {
  background-color: #c5cae9; }

.b--indigo-100 {
  border-color: #c5cae9; }

.indigo-200 {
  color: #9fa8da; }

.hover-indigo-200:hover,
.hover-indigo-200:focus {
  color: #9fa8da; }

.bg-indigo-200 {
  background-color: #9fa8da; }

.hover-bg-indigo-200:hover,
.hover-bg-indigo-200:focus {
  background-color: #9fa8da; }

.b--indigo-200 {
  border-color: #9fa8da; }

.indigo-300 {
  color: #7986cb; }

.hover-indigo-300:hover,
.hover-indigo-300:focus {
  color: #7986cb; }

.bg-indigo-300 {
  background-color: #7986cb; }

.hover-bg-indigo-300:hover,
.hover-bg-indigo-300:focus {
  background-color: #7986cb; }

.b--indigo-300 {
  border-color: #7986cb; }

.indigo-400 {
  color: #5c6bc0; }

.hover-indigo-400:hover,
.hover-indigo-400:focus {
  color: #5c6bc0; }

.bg-indigo-400 {
  background-color: #5c6bc0; }

.hover-bg-indigo-400:hover,
.hover-bg-indigo-400:focus {
  background-color: #5c6bc0; }

.b--indigo-400 {
  border-color: #5c6bc0; }

.indigo-500 {
  color: #3f51b5; }

.hover-indigo-500:hover,
.hover-indigo-500:focus {
  color: #3f51b5; }

.bg-indigo-500 {
  background-color: #3f51b5; }

.hover-bg-indigo-500:hover,
.hover-bg-indigo-500:focus {
  background-color: #3f51b5; }

.b--indigo-500 {
  border-color: #3f51b5; }

.indigo-600 {
  color: #3949ab; }

.hover-indigo-600:hover,
.hover-indigo-600:focus {
  color: #3949ab; }

.bg-indigo-600 {
  background-color: #3949ab; }

.hover-bg-indigo-600:hover,
.hover-bg-indigo-600:focus {
  background-color: #3949ab; }

.b--indigo-600 {
  border-color: #3949ab; }

.indigo-700 {
  color: #303f9f; }

.hover-indigo-700:hover,
.hover-indigo-700:focus {
  color: #303f9f; }

.bg-indigo-700 {
  background-color: #303f9f; }

.hover-bg-indigo-700:hover,
.hover-bg-indigo-700:focus {
  background-color: #303f9f; }

.b--indigo-700 {
  border-color: #303f9f; }

.indigo-800 {
  color: #283593; }

.hover-indigo-800:hover,
.hover-indigo-800:focus {
  color: #283593; }

.bg-indigo-800 {
  background-color: #283593; }

.hover-bg-indigo-800:hover,
.hover-bg-indigo-800:focus {
  background-color: #283593; }

.b--indigo-800 {
  border-color: #283593; }

.indigo-900 {
  color: #1a237e; }

.hover-indigo-900:hover,
.hover-indigo-900:focus {
  color: #1a237e; }

.bg-indigo-900 {
  background-color: #1a237e; }

.hover-bg-indigo-900:hover,
.hover-bg-indigo-900:focus {
  background-color: #1a237e; }

.b--indigo-900 {
  border-color: #1a237e; }

.indigo-a100 {
  color: #8c9eff; }

.hover-indigo-a100:hover,
.hover-indigo-a100:focus {
  color: #8c9eff; }

.bg-indigo-a100 {
  background-color: #8c9eff; }

.hover-bg-indigo-a100:hover,
.hover-bg-indigo-a100:focus {
  background-color: #8c9eff; }

.b--indigo-a100 {
  border-color: #8c9eff; }

.indigo-a200 {
  color: #536dfe; }

.hover-indigo-a200:hover,
.hover-indigo-a200:focus {
  color: #536dfe; }

.bg-indigo-a200 {
  background-color: #536dfe; }

.hover-bg-indigo-a200:hover,
.hover-bg-indigo-a200:focus {
  background-color: #536dfe; }

.b--indigo-a200 {
  border-color: #536dfe; }

.indigo-a400 {
  color: #3d5afe; }

.hover-indigo-a400:hover,
.hover-indigo-a400:focus {
  color: #3d5afe; }

.bg-indigo-a400 {
  background-color: #3d5afe; }

.hover-bg-indigo-a400:hover,
.hover-bg-indigo-a400:focus {
  background-color: #3d5afe; }

.b--indigo-a400 {
  border-color: #3d5afe; }

.indigo-a700 {
  color: #304ffe; }

.hover-indigo-a700:hover,
.hover-indigo-a700:focus {
  color: #304ffe; }

.bg-indigo-a700 {
  background-color: #304ffe; }

.hover-bg-indigo-a700:hover,
.hover-bg-indigo-a700:focus {
  background-color: #304ffe; }

.b--indigo-a700 {
  border-color: #304ffe; }

.blue-50 {
  color: #e3f2fd; }

.hover-blue-50:hover,
.hover-blue-50:focus {
  color: #e3f2fd; }

.bg-blue-50 {
  background-color: #e3f2fd; }

.hover-bg-blue-50:hover,
.hover-bg-blue-50:focus {
  background-color: #e3f2fd; }

.b--blue-50 {
  border-color: #e3f2fd; }

.blue-100 {
  color: #bbdefb; }

.hover-blue-100:hover,
.hover-blue-100:focus {
  color: #bbdefb; }

.bg-blue-100 {
  background-color: #bbdefb; }

.hover-bg-blue-100:hover,
.hover-bg-blue-100:focus {
  background-color: #bbdefb; }

.b--blue-100 {
  border-color: #bbdefb; }

.blue-200 {
  color: #90caf9; }

.hover-blue-200:hover,
.hover-blue-200:focus {
  color: #90caf9; }

.bg-blue-200 {
  background-color: #90caf9; }

.hover-bg-blue-200:hover,
.hover-bg-blue-200:focus {
  background-color: #90caf9; }

.b--blue-200 {
  border-color: #90caf9; }

.blue-300 {
  color: #64b5f6; }

.hover-blue-300:hover,
.hover-blue-300:focus {
  color: #64b5f6; }

.bg-blue-300 {
  background-color: #64b5f6; }

.hover-bg-blue-300:hover,
.hover-bg-blue-300:focus {
  background-color: #64b5f6; }

.b--blue-300 {
  border-color: #64b5f6; }

.blue-400 {
  color: #42a5f5; }

.hover-blue-400:hover,
.hover-blue-400:focus {
  color: #42a5f5; }

.bg-blue-400 {
  background-color: #42a5f5; }

.hover-bg-blue-400:hover,
.hover-bg-blue-400:focus {
  background-color: #42a5f5; }

.b--blue-400 {
  border-color: #42a5f5; }

.blue-500 {
  color: #2196f3; }

.hover-blue-500:hover,
.hover-blue-500:focus {
  color: #2196f3; }

.bg-blue-500 {
  background-color: #2196f3; }

.hover-bg-blue-500:hover,
.hover-bg-blue-500:focus {
  background-color: #2196f3; }

.b--blue-500 {
  border-color: #2196f3; }

.blue-600 {
  color: #1e88e5; }

.hover-blue-600:hover,
.hover-blue-600:focus {
  color: #1e88e5; }

.bg-blue-600 {
  background-color: #1e88e5; }

.hover-bg-blue-600:hover,
.hover-bg-blue-600:focus {
  background-color: #1e88e5; }

.b--blue-600 {
  border-color: #1e88e5; }

.blue-700 {
  color: #1976d2; }

.hover-blue-700:hover,
.hover-blue-700:focus {
  color: #1976d2; }

.bg-blue-700 {
  background-color: #1976d2; }

.hover-bg-blue-700:hover,
.hover-bg-blue-700:focus {
  background-color: #1976d2; }

.b--blue-700 {
  border-color: #1976d2; }

.blue-800 {
  color: #1565c0; }

.hover-blue-800:hover,
.hover-blue-800:focus {
  color: #1565c0; }

.bg-blue-800 {
  background-color: #1565c0; }

.hover-bg-blue-800:hover,
.hover-bg-blue-800:focus {
  background-color: #1565c0; }

.b--blue-800 {
  border-color: #1565c0; }

.blue-900 {
  color: #0d47a1; }

.hover-blue-900:hover,
.hover-blue-900:focus {
  color: #0d47a1; }

.bg-blue-900 {
  background-color: #0d47a1; }

.hover-bg-blue-900:hover,
.hover-bg-blue-900:focus {
  background-color: #0d47a1; }

.b--blue-900 {
  border-color: #0d47a1; }

.blue-a100 {
  color: #82b1ff; }

.hover-blue-a100:hover,
.hover-blue-a100:focus {
  color: #82b1ff; }

.bg-blue-a100 {
  background-color: #82b1ff; }

.hover-bg-blue-a100:hover,
.hover-bg-blue-a100:focus {
  background-color: #82b1ff; }

.b--blue-a100 {
  border-color: #82b1ff; }

.blue-a200 {
  color: #448aff; }

.hover-blue-a200:hover,
.hover-blue-a200:focus {
  color: #448aff; }

.bg-blue-a200 {
  background-color: #448aff; }

.hover-bg-blue-a200:hover,
.hover-bg-blue-a200:focus {
  background-color: #448aff; }

.b--blue-a200 {
  border-color: #448aff; }

.blue-a400 {
  color: #2979ff; }

.hover-blue-a400:hover,
.hover-blue-a400:focus {
  color: #2979ff; }

.bg-blue-a400 {
  background-color: #2979ff; }

.hover-bg-blue-a400:hover,
.hover-bg-blue-a400:focus {
  background-color: #2979ff; }

.b--blue-a400 {
  border-color: #2979ff; }

.blue-a700 {
  color: #2962ff; }

.hover-blue-a700:hover,
.hover-blue-a700:focus {
  color: #2962ff; }

.bg-blue-a700 {
  background-color: #2962ff; }

.hover-bg-blue-a700:hover,
.hover-bg-blue-a700:focus {
  background-color: #2962ff; }

.b--blue-a700 {
  border-color: #2962ff; }

.light-blue-50 {
  color: #e1f5fe; }

.hover-light-blue-50:hover,
.hover-light-blue-50:focus {
  color: #e1f5fe; }

.bg-light-blue-50 {
  background-color: #e1f5fe; }

.hover-bg-light-blue-50:hover,
.hover-bg-light-blue-50:focus {
  background-color: #e1f5fe; }

.b--light-blue-50 {
  border-color: #e1f5fe; }

.light-blue-100 {
  color: #b3e5fc; }

.hover-light-blue-100:hover,
.hover-light-blue-100:focus {
  color: #b3e5fc; }

.bg-light-blue-100 {
  background-color: #b3e5fc; }

.hover-bg-light-blue-100:hover,
.hover-bg-light-blue-100:focus {
  background-color: #b3e5fc; }

.b--light-blue-100 {
  border-color: #b3e5fc; }

.light-blue-200 {
  color: #81d4fa; }

.hover-light-blue-200:hover,
.hover-light-blue-200:focus {
  color: #81d4fa; }

.bg-light-blue-200 {
  background-color: #81d4fa; }

.hover-bg-light-blue-200:hover,
.hover-bg-light-blue-200:focus {
  background-color: #81d4fa; }

.b--light-blue-200 {
  border-color: #81d4fa; }

.light-blue-300 {
  color: #4fc3f7; }

.hover-light-blue-300:hover,
.hover-light-blue-300:focus {
  color: #4fc3f7; }

.bg-light-blue-300 {
  background-color: #4fc3f7; }

.hover-bg-light-blue-300:hover,
.hover-bg-light-blue-300:focus {
  background-color: #4fc3f7; }

.b--light-blue-300 {
  border-color: #4fc3f7; }

.light-blue-400 {
  color: #29b6f6; }

.hover-light-blue-400:hover,
.hover-light-blue-400:focus {
  color: #29b6f6; }

.bg-light-blue-400 {
  background-color: #29b6f6; }

.hover-bg-light-blue-400:hover,
.hover-bg-light-blue-400:focus {
  background-color: #29b6f6; }

.b--light-blue-400 {
  border-color: #29b6f6; }

.light-blue-500 {
  color: #03a9f4; }

.hover-light-blue-500:hover,
.hover-light-blue-500:focus {
  color: #03a9f4; }

.bg-light-blue-500 {
  background-color: #03a9f4; }

.hover-bg-light-blue-500:hover,
.hover-bg-light-blue-500:focus {
  background-color: #03a9f4; }

.b--light-blue-500 {
  border-color: #03a9f4; }

.light-blue-600 {
  color: #039be5; }

.hover-light-blue-600:hover,
.hover-light-blue-600:focus {
  color: #039be5; }

.bg-light-blue-600 {
  background-color: #039be5; }

.hover-bg-light-blue-600:hover,
.hover-bg-light-blue-600:focus {
  background-color: #039be5; }

.b--light-blue-600 {
  border-color: #039be5; }

.light-blue-700 {
  color: #0288d1; }

.hover-light-blue-700:hover,
.hover-light-blue-700:focus {
  color: #0288d1; }

.bg-light-blue-700 {
  background-color: #0288d1; }

.hover-bg-light-blue-700:hover,
.hover-bg-light-blue-700:focus {
  background-color: #0288d1; }

.b--light-blue-700 {
  border-color: #0288d1; }

.light-blue-800 {
  color: #0277bd; }

.hover-light-blue-800:hover,
.hover-light-blue-800:focus {
  color: #0277bd; }

.bg-light-blue-800 {
  background-color: #0277bd; }

.hover-bg-light-blue-800:hover,
.hover-bg-light-blue-800:focus {
  background-color: #0277bd; }

.b--light-blue-800 {
  border-color: #0277bd; }

.light-blue-900 {
  color: #01579b; }

.hover-light-blue-900:hover,
.hover-light-blue-900:focus {
  color: #01579b; }

.bg-light-blue-900 {
  background-color: #01579b; }

.hover-bg-light-blue-900:hover,
.hover-bg-light-blue-900:focus {
  background-color: #01579b; }

.b--light-blue-900 {
  border-color: #01579b; }

.light-blue-a100 {
  color: #80d8ff; }

.hover-light-blue-a100:hover,
.hover-light-blue-a100:focus {
  color: #80d8ff; }

.bg-light-blue-a100 {
  background-color: #80d8ff; }

.hover-bg-light-blue-a100:hover,
.hover-bg-light-blue-a100:focus {
  background-color: #80d8ff; }

.b--light-blue-a100 {
  border-color: #80d8ff; }

.light-blue-a200 {
  color: #40c4ff; }

.hover-light-blue-a200:hover,
.hover-light-blue-a200:focus {
  color: #40c4ff; }

.bg-light-blue-a200 {
  background-color: #40c4ff; }

.hover-bg-light-blue-a200:hover,
.hover-bg-light-blue-a200:focus {
  background-color: #40c4ff; }

.b--light-blue-a200 {
  border-color: #40c4ff; }

.light-blue-a400 {
  color: #00b0ff; }

.hover-light-blue-a400:hover,
.hover-light-blue-a400:focus {
  color: #00b0ff; }

.bg-light-blue-a400 {
  background-color: #00b0ff; }

.hover-bg-light-blue-a400:hover,
.hover-bg-light-blue-a400:focus {
  background-color: #00b0ff; }

.b--light-blue-a400 {
  border-color: #00b0ff; }

.light-blue-a700 {
  color: #0091ea; }

.hover-light-blue-a700:hover,
.hover-light-blue-a700:focus {
  color: #0091ea; }

.bg-light-blue-a700 {
  background-color: #0091ea; }

.hover-bg-light-blue-a700:hover,
.hover-bg-light-blue-a700:focus {
  background-color: #0091ea; }

.b--light-blue-a700 {
  border-color: #0091ea; }

.cyan-50 {
  color: #e0f7fa; }

.hover-cyan-50:hover,
.hover-cyan-50:focus {
  color: #e0f7fa; }

.bg-cyan-50 {
  background-color: #e0f7fa; }

.hover-bg-cyan-50:hover,
.hover-bg-cyan-50:focus {
  background-color: #e0f7fa; }

.b--cyan-50 {
  border-color: #e0f7fa; }

.cyan-100 {
  color: #b2ebf2; }

.hover-cyan-100:hover,
.hover-cyan-100:focus {
  color: #b2ebf2; }

.bg-cyan-100 {
  background-color: #b2ebf2; }

.hover-bg-cyan-100:hover,
.hover-bg-cyan-100:focus {
  background-color: #b2ebf2; }

.b--cyan-100 {
  border-color: #b2ebf2; }

.cyan-200 {
  color: #80deea; }

.hover-cyan-200:hover,
.hover-cyan-200:focus {
  color: #80deea; }

.bg-cyan-200 {
  background-color: #80deea; }

.hover-bg-cyan-200:hover,
.hover-bg-cyan-200:focus {
  background-color: #80deea; }

.b--cyan-200 {
  border-color: #80deea; }

.cyan-300 {
  color: #4dd0e1; }

.hover-cyan-300:hover,
.hover-cyan-300:focus {
  color: #4dd0e1; }

.bg-cyan-300 {
  background-color: #4dd0e1; }

.hover-bg-cyan-300:hover,
.hover-bg-cyan-300:focus {
  background-color: #4dd0e1; }

.b--cyan-300 {
  border-color: #4dd0e1; }

.cyan-400 {
  color: #26c6da; }

.hover-cyan-400:hover,
.hover-cyan-400:focus {
  color: #26c6da; }

.bg-cyan-400 {
  background-color: #26c6da; }

.hover-bg-cyan-400:hover,
.hover-bg-cyan-400:focus {
  background-color: #26c6da; }

.b--cyan-400 {
  border-color: #26c6da; }

.cyan-500 {
  color: #00bcd4; }

.hover-cyan-500:hover,
.hover-cyan-500:focus {
  color: #00bcd4; }

.bg-cyan-500 {
  background-color: #00bcd4; }

.hover-bg-cyan-500:hover,
.hover-bg-cyan-500:focus {
  background-color: #00bcd4; }

.b--cyan-500 {
  border-color: #00bcd4; }

.cyan-600 {
  color: #00acc1; }

.hover-cyan-600:hover,
.hover-cyan-600:focus {
  color: #00acc1; }

.bg-cyan-600 {
  background-color: #00acc1; }

.hover-bg-cyan-600:hover,
.hover-bg-cyan-600:focus {
  background-color: #00acc1; }

.b--cyan-600 {
  border-color: #00acc1; }

.cyan-700 {
  color: #0097a7; }

.hover-cyan-700:hover,
.hover-cyan-700:focus {
  color: #0097a7; }

.bg-cyan-700 {
  background-color: #0097a7; }

.hover-bg-cyan-700:hover,
.hover-bg-cyan-700:focus {
  background-color: #0097a7; }

.b--cyan-700 {
  border-color: #0097a7; }

.cyan-800 {
  color: #00838f; }

.hover-cyan-800:hover,
.hover-cyan-800:focus {
  color: #00838f; }

.bg-cyan-800 {
  background-color: #00838f; }

.hover-bg-cyan-800:hover,
.hover-bg-cyan-800:focus {
  background-color: #00838f; }

.b--cyan-800 {
  border-color: #00838f; }

.cyan-900 {
  color: #006064; }

.hover-cyan-900:hover,
.hover-cyan-900:focus {
  color: #006064; }

.bg-cyan-900 {
  background-color: #006064; }

.hover-bg-cyan-900:hover,
.hover-bg-cyan-900:focus {
  background-color: #006064; }

.b--cyan-900 {
  border-color: #006064; }

.cyan-a100 {
  color: #84ffff; }

.hover-cyan-a100:hover,
.hover-cyan-a100:focus {
  color: #84ffff; }

.bg-cyan-a100 {
  background-color: #84ffff; }

.hover-bg-cyan-a100:hover,
.hover-bg-cyan-a100:focus {
  background-color: #84ffff; }

.b--cyan-a100 {
  border-color: #84ffff; }

.cyan-a200 {
  color: #18ffff; }

.hover-cyan-a200:hover,
.hover-cyan-a200:focus {
  color: #18ffff; }

.bg-cyan-a200 {
  background-color: #18ffff; }

.hover-bg-cyan-a200:hover,
.hover-bg-cyan-a200:focus {
  background-color: #18ffff; }

.b--cyan-a200 {
  border-color: #18ffff; }

.cyan-a400 {
  color: #00e5ff; }

.hover-cyan-a400:hover,
.hover-cyan-a400:focus {
  color: #00e5ff; }

.bg-cyan-a400 {
  background-color: #00e5ff; }

.hover-bg-cyan-a400:hover,
.hover-bg-cyan-a400:focus {
  background-color: #00e5ff; }

.b--cyan-a400 {
  border-color: #00e5ff; }

.cyan-a700 {
  color: #00b8d4; }

.hover-cyan-a700:hover,
.hover-cyan-a700:focus {
  color: #00b8d4; }

.bg-cyan-a700 {
  background-color: #00b8d4; }

.hover-bg-cyan-a700:hover,
.hover-bg-cyan-a700:focus {
  background-color: #00b8d4; }

.b--cyan-a700 {
  border-color: #00b8d4; }

.teal-50 {
  color: #e0f2f1; }

.hover-teal-50:hover,
.hover-teal-50:focus {
  color: #e0f2f1; }

.bg-teal-50 {
  background-color: #e0f2f1; }

.hover-bg-teal-50:hover,
.hover-bg-teal-50:focus {
  background-color: #e0f2f1; }

.b--teal-50 {
  border-color: #e0f2f1; }

.teal-100 {
  color: #b2dfdb; }

.hover-teal-100:hover,
.hover-teal-100:focus {
  color: #b2dfdb; }

.bg-teal-100 {
  background-color: #b2dfdb; }

.hover-bg-teal-100:hover,
.hover-bg-teal-100:focus {
  background-color: #b2dfdb; }

.b--teal-100 {
  border-color: #b2dfdb; }

.teal-200 {
  color: #80cbc4; }

.hover-teal-200:hover,
.hover-teal-200:focus {
  color: #80cbc4; }

.bg-teal-200 {
  background-color: #80cbc4; }

.hover-bg-teal-200:hover,
.hover-bg-teal-200:focus {
  background-color: #80cbc4; }

.b--teal-200 {
  border-color: #80cbc4; }

.teal-300 {
  color: #4db6ac; }

.hover-teal-300:hover,
.hover-teal-300:focus {
  color: #4db6ac; }

.bg-teal-300 {
  background-color: #4db6ac; }

.hover-bg-teal-300:hover,
.hover-bg-teal-300:focus {
  background-color: #4db6ac; }

.b--teal-300 {
  border-color: #4db6ac; }

.teal-400 {
  color: #26a69a; }

.hover-teal-400:hover,
.hover-teal-400:focus {
  color: #26a69a; }

.bg-teal-400 {
  background-color: #26a69a; }

.hover-bg-teal-400:hover,
.hover-bg-teal-400:focus {
  background-color: #26a69a; }

.b--teal-400 {
  border-color: #26a69a; }

.teal-500 {
  color: #009688; }

.hover-teal-500:hover,
.hover-teal-500:focus {
  color: #009688; }

.bg-teal-500 {
  background-color: #009688; }

.hover-bg-teal-500:hover,
.hover-bg-teal-500:focus {
  background-color: #009688; }

.b--teal-500 {
  border-color: #009688; }

.teal-600 {
  color: #00897b; }

.hover-teal-600:hover,
.hover-teal-600:focus {
  color: #00897b; }

.bg-teal-600 {
  background-color: #00897b; }

.hover-bg-teal-600:hover,
.hover-bg-teal-600:focus {
  background-color: #00897b; }

.b--teal-600 {
  border-color: #00897b; }

.teal-700 {
  color: #00796b; }

.hover-teal-700:hover,
.hover-teal-700:focus {
  color: #00796b; }

.bg-teal-700 {
  background-color: #00796b; }

.hover-bg-teal-700:hover,
.hover-bg-teal-700:focus {
  background-color: #00796b; }

.b--teal-700 {
  border-color: #00796b; }

.teal-800 {
  color: #00695c; }

.hover-teal-800:hover,
.hover-teal-800:focus {
  color: #00695c; }

.bg-teal-800 {
  background-color: #00695c; }

.hover-bg-teal-800:hover,
.hover-bg-teal-800:focus {
  background-color: #00695c; }

.b--teal-800 {
  border-color: #00695c; }

.teal-900 {
  color: #004d40; }

.hover-teal-900:hover,
.hover-teal-900:focus {
  color: #004d40; }

.bg-teal-900 {
  background-color: #004d40; }

.hover-bg-teal-900:hover,
.hover-bg-teal-900:focus {
  background-color: #004d40; }

.b--teal-900 {
  border-color: #004d40; }

.teal-a100 {
  color: #a7ffeb; }

.hover-teal-a100:hover,
.hover-teal-a100:focus {
  color: #a7ffeb; }

.bg-teal-a100 {
  background-color: #a7ffeb; }

.hover-bg-teal-a100:hover,
.hover-bg-teal-a100:focus {
  background-color: #a7ffeb; }

.b--teal-a100 {
  border-color: #a7ffeb; }

.teal-a200 {
  color: #64ffda; }

.hover-teal-a200:hover,
.hover-teal-a200:focus {
  color: #64ffda; }

.bg-teal-a200 {
  background-color: #64ffda; }

.hover-bg-teal-a200:hover,
.hover-bg-teal-a200:focus {
  background-color: #64ffda; }

.b--teal-a200 {
  border-color: #64ffda; }

.teal-a400 {
  color: #1de9b6; }

.hover-teal-a400:hover,
.hover-teal-a400:focus {
  color: #1de9b6; }

.bg-teal-a400 {
  background-color: #1de9b6; }

.hover-bg-teal-a400:hover,
.hover-bg-teal-a400:focus {
  background-color: #1de9b6; }

.b--teal-a400 {
  border-color: #1de9b6; }

.teal-a700 {
  color: #00bfa5; }

.hover-teal-a700:hover,
.hover-teal-a700:focus {
  color: #00bfa5; }

.bg-teal-a700 {
  background-color: #00bfa5; }

.hover-bg-teal-a700:hover,
.hover-bg-teal-a700:focus {
  background-color: #00bfa5; }

.b--teal-a700 {
  border-color: #00bfa5; }

.green-50 {
  color: #e8f5e9; }

.hover-green-50:hover,
.hover-green-50:focus {
  color: #e8f5e9; }

.bg-green-50 {
  background-color: #e8f5e9; }

.hover-bg-green-50:hover,
.hover-bg-green-50:focus {
  background-color: #e8f5e9; }

.b--green-50 {
  border-color: #e8f5e9; }

.green-100 {
  color: #c8e6c9; }

.hover-green-100:hover,
.hover-green-100:focus {
  color: #c8e6c9; }

.bg-green-100 {
  background-color: #c8e6c9; }

.hover-bg-green-100:hover,
.hover-bg-green-100:focus {
  background-color: #c8e6c9; }

.b--green-100 {
  border-color: #c8e6c9; }

.green-200 {
  color: #a5d6a7; }

.hover-green-200:hover,
.hover-green-200:focus {
  color: #a5d6a7; }

.bg-green-200 {
  background-color: #a5d6a7; }

.hover-bg-green-200:hover,
.hover-bg-green-200:focus {
  background-color: #a5d6a7; }

.b--green-200 {
  border-color: #a5d6a7; }

.green-300 {
  color: #81c784; }

.hover-green-300:hover,
.hover-green-300:focus {
  color: #81c784; }

.bg-green-300 {
  background-color: #81c784; }

.hover-bg-green-300:hover,
.hover-bg-green-300:focus {
  background-color: #81c784; }

.b--green-300 {
  border-color: #81c784; }

.green-400 {
  color: #66bb6a; }

.hover-green-400:hover,
.hover-green-400:focus {
  color: #66bb6a; }

.bg-green-400 {
  background-color: #66bb6a; }

.hover-bg-green-400:hover,
.hover-bg-green-400:focus {
  background-color: #66bb6a; }

.b--green-400 {
  border-color: #66bb6a; }

.green-500 {
  color: #4caf50; }

.hover-green-500:hover,
.hover-green-500:focus {
  color: #4caf50; }

.bg-green-500 {
  background-color: #4caf50; }

.hover-bg-green-500:hover,
.hover-bg-green-500:focus {
  background-color: #4caf50; }

.b--green-500 {
  border-color: #4caf50; }

.green-600 {
  color: #43a047; }

.hover-green-600:hover,
.hover-green-600:focus {
  color: #43a047; }

.bg-green-600 {
  background-color: #43a047; }

.hover-bg-green-600:hover,
.hover-bg-green-600:focus {
  background-color: #43a047; }

.b--green-600 {
  border-color: #43a047; }

.green-700 {
  color: #388e3c; }

.hover-green-700:hover,
.hover-green-700:focus {
  color: #388e3c; }

.bg-green-700 {
  background-color: #388e3c; }

.hover-bg-green-700:hover,
.hover-bg-green-700:focus {
  background-color: #388e3c; }

.b--green-700 {
  border-color: #388e3c; }

.green-800 {
  color: #2e7d32; }

.hover-green-800:hover,
.hover-green-800:focus {
  color: #2e7d32; }

.bg-green-800 {
  background-color: #2e7d32; }

.hover-bg-green-800:hover,
.hover-bg-green-800:focus {
  background-color: #2e7d32; }

.b--green-800 {
  border-color: #2e7d32; }

.green-900 {
  color: #1b5e20; }

.hover-green-900:hover,
.hover-green-900:focus {
  color: #1b5e20; }

.bg-green-900 {
  background-color: #1b5e20; }

.hover-bg-green-900:hover,
.hover-bg-green-900:focus {
  background-color: #1b5e20; }

.b--green-900 {
  border-color: #1b5e20; }

.green-a100 {
  color: #b9f6ca; }

.hover-green-a100:hover,
.hover-green-a100:focus {
  color: #b9f6ca; }

.bg-green-a100 {
  background-color: #b9f6ca; }

.hover-bg-green-a100:hover,
.hover-bg-green-a100:focus {
  background-color: #b9f6ca; }

.b--green-a100 {
  border-color: #b9f6ca; }

.green-a200 {
  color: #69f0ae; }

.hover-green-a200:hover,
.hover-green-a200:focus {
  color: #69f0ae; }

.bg-green-a200 {
  background-color: #69f0ae; }

.hover-bg-green-a200:hover,
.hover-bg-green-a200:focus {
  background-color: #69f0ae; }

.b--green-a200 {
  border-color: #69f0ae; }

.green-a400 {
  color: #00e676; }

.hover-green-a400:hover,
.hover-green-a400:focus {
  color: #00e676; }

.bg-green-a400 {
  background-color: #00e676; }

.hover-bg-green-a400:hover,
.hover-bg-green-a400:focus {
  background-color: #00e676; }

.b--green-a400 {
  border-color: #00e676; }

.green-a700 {
  color: #00c853; }

.hover-green-a700:hover,
.hover-green-a700:focus {
  color: #00c853; }

.bg-green-a700 {
  background-color: #00c853; }

.hover-bg-green-a700:hover,
.hover-bg-green-a700:focus {
  background-color: #00c853; }

.b--green-a700 {
  border-color: #00c853; }

.light-green-50 {
  color: #f1f8e9; }

.hover-light-green-50:hover,
.hover-light-green-50:focus {
  color: #f1f8e9; }

.bg-light-green-50 {
  background-color: #f1f8e9; }

.hover-bg-light-green-50:hover,
.hover-bg-light-green-50:focus {
  background-color: #f1f8e9; }

.b--light-green-50 {
  border-color: #f1f8e9; }

.light-green-100 {
  color: #dcedc8; }

.hover-light-green-100:hover,
.hover-light-green-100:focus {
  color: #dcedc8; }

.bg-light-green-100 {
  background-color: #dcedc8; }

.hover-bg-light-green-100:hover,
.hover-bg-light-green-100:focus {
  background-color: #dcedc8; }

.b--light-green-100 {
  border-color: #dcedc8; }

.light-green-200 {
  color: #c5e1a5; }

.hover-light-green-200:hover,
.hover-light-green-200:focus {
  color: #c5e1a5; }

.bg-light-green-200 {
  background-color: #c5e1a5; }

.hover-bg-light-green-200:hover,
.hover-bg-light-green-200:focus {
  background-color: #c5e1a5; }

.b--light-green-200 {
  border-color: #c5e1a5; }

.light-green-300 {
  color: #aed581; }

.hover-light-green-300:hover,
.hover-light-green-300:focus {
  color: #aed581; }

.bg-light-green-300 {
  background-color: #aed581; }

.hover-bg-light-green-300:hover,
.hover-bg-light-green-300:focus {
  background-color: #aed581; }

.b--light-green-300 {
  border-color: #aed581; }

.light-green-400 {
  color: #9ccc65; }

.hover-light-green-400:hover,
.hover-light-green-400:focus {
  color: #9ccc65; }

.bg-light-green-400 {
  background-color: #9ccc65; }

.hover-bg-light-green-400:hover,
.hover-bg-light-green-400:focus {
  background-color: #9ccc65; }

.b--light-green-400 {
  border-color: #9ccc65; }

.light-green-500 {
  color: #8bc34a; }

.hover-light-green-500:hover,
.hover-light-green-500:focus {
  color: #8bc34a; }

.bg-light-green-500 {
  background-color: #8bc34a; }

.hover-bg-light-green-500:hover,
.hover-bg-light-green-500:focus {
  background-color: #8bc34a; }

.b--light-green-500 {
  border-color: #8bc34a; }

.light-green-600 {
  color: #7cb342; }

.hover-light-green-600:hover,
.hover-light-green-600:focus {
  color: #7cb342; }

.bg-light-green-600 {
  background-color: #7cb342; }

.hover-bg-light-green-600:hover,
.hover-bg-light-green-600:focus {
  background-color: #7cb342; }

.b--light-green-600 {
  border-color: #7cb342; }

.light-green-700 {
  color: #689f38; }

.hover-light-green-700:hover,
.hover-light-green-700:focus {
  color: #689f38; }

.bg-light-green-700 {
  background-color: #689f38; }

.hover-bg-light-green-700:hover,
.hover-bg-light-green-700:focus {
  background-color: #689f38; }

.b--light-green-700 {
  border-color: #689f38; }

.light-green-800 {
  color: #558b2f; }

.hover-light-green-800:hover,
.hover-light-green-800:focus {
  color: #558b2f; }

.bg-light-green-800 {
  background-color: #558b2f; }

.hover-bg-light-green-800:hover,
.hover-bg-light-green-800:focus {
  background-color: #558b2f; }

.b--light-green-800 {
  border-color: #558b2f; }

.light-green-900 {
  color: #33691e; }

.hover-light-green-900:hover,
.hover-light-green-900:focus {
  color: #33691e; }

.bg-light-green-900 {
  background-color: #33691e; }

.hover-bg-light-green-900:hover,
.hover-bg-light-green-900:focus {
  background-color: #33691e; }

.b--light-green-900 {
  border-color: #33691e; }

.light-green-a100 {
  color: #ccff90; }

.hover-light-green-a100:hover,
.hover-light-green-a100:focus {
  color: #ccff90; }

.bg-light-green-a100 {
  background-color: #ccff90; }

.hover-bg-light-green-a100:hover,
.hover-bg-light-green-a100:focus {
  background-color: #ccff90; }

.b--light-green-a100 {
  border-color: #ccff90; }

.light-green-a200 {
  color: #b2ff59; }

.hover-light-green-a200:hover,
.hover-light-green-a200:focus {
  color: #b2ff59; }

.bg-light-green-a200 {
  background-color: #b2ff59; }

.hover-bg-light-green-a200:hover,
.hover-bg-light-green-a200:focus {
  background-color: #b2ff59; }

.b--light-green-a200 {
  border-color: #b2ff59; }

.light-green-a400 {
  color: #76ff03; }

.hover-light-green-a400:hover,
.hover-light-green-a400:focus {
  color: #76ff03; }

.bg-light-green-a400 {
  background-color: #76ff03; }

.hover-bg-light-green-a400:hover,
.hover-bg-light-green-a400:focus {
  background-color: #76ff03; }

.b--light-green-a400 {
  border-color: #76ff03; }

.light-green-a700 {
  color: #64dd17; }

.hover-light-green-a700:hover,
.hover-light-green-a700:focus {
  color: #64dd17; }

.bg-light-green-a700 {
  background-color: #64dd17; }

.hover-bg-light-green-a700:hover,
.hover-bg-light-green-a700:focus {
  background-color: #64dd17; }

.b--light-green-a700 {
  border-color: #64dd17; }

.lime-50 {
  color: #f9fbe7; }

.hover-lime-50:hover,
.hover-lime-50:focus {
  color: #f9fbe7; }

.bg-lime-50 {
  background-color: #f9fbe7; }

.hover-bg-lime-50:hover,
.hover-bg-lime-50:focus {
  background-color: #f9fbe7; }

.b--lime-50 {
  border-color: #f9fbe7; }

.lime-100 {
  color: #f0f4c3; }

.hover-lime-100:hover,
.hover-lime-100:focus {
  color: #f0f4c3; }

.bg-lime-100 {
  background-color: #f0f4c3; }

.hover-bg-lime-100:hover,
.hover-bg-lime-100:focus {
  background-color: #f0f4c3; }

.b--lime-100 {
  border-color: #f0f4c3; }

.lime-200 {
  color: #e6ee9c; }

.hover-lime-200:hover,
.hover-lime-200:focus {
  color: #e6ee9c; }

.bg-lime-200 {
  background-color: #e6ee9c; }

.hover-bg-lime-200:hover,
.hover-bg-lime-200:focus {
  background-color: #e6ee9c; }

.b--lime-200 {
  border-color: #e6ee9c; }

.lime-300 {
  color: #dce775; }

.hover-lime-300:hover,
.hover-lime-300:focus {
  color: #dce775; }

.bg-lime-300 {
  background-color: #dce775; }

.hover-bg-lime-300:hover,
.hover-bg-lime-300:focus {
  background-color: #dce775; }

.b--lime-300 {
  border-color: #dce775; }

.lime-400 {
  color: #d4e157; }

.hover-lime-400:hover,
.hover-lime-400:focus {
  color: #d4e157; }

.bg-lime-400 {
  background-color: #d4e157; }

.hover-bg-lime-400:hover,
.hover-bg-lime-400:focus {
  background-color: #d4e157; }

.b--lime-400 {
  border-color: #d4e157; }

.lime-500 {
  color: #cddc39; }

.hover-lime-500:hover,
.hover-lime-500:focus {
  color: #cddc39; }

.bg-lime-500 {
  background-color: #cddc39; }

.hover-bg-lime-500:hover,
.hover-bg-lime-500:focus {
  background-color: #cddc39; }

.b--lime-500 {
  border-color: #cddc39; }

.lime-600 {
  color: #c0ca33; }

.hover-lime-600:hover,
.hover-lime-600:focus {
  color: #c0ca33; }

.bg-lime-600 {
  background-color: #c0ca33; }

.hover-bg-lime-600:hover,
.hover-bg-lime-600:focus {
  background-color: #c0ca33; }

.b--lime-600 {
  border-color: #c0ca33; }

.lime-700 {
  color: #afb42b; }

.hover-lime-700:hover,
.hover-lime-700:focus {
  color: #afb42b; }

.bg-lime-700 {
  background-color: #afb42b; }

.hover-bg-lime-700:hover,
.hover-bg-lime-700:focus {
  background-color: #afb42b; }

.b--lime-700 {
  border-color: #afb42b; }

.lime-800 {
  color: #9e9d24; }

.hover-lime-800:hover,
.hover-lime-800:focus {
  color: #9e9d24; }

.bg-lime-800 {
  background-color: #9e9d24; }

.hover-bg-lime-800:hover,
.hover-bg-lime-800:focus {
  background-color: #9e9d24; }

.b--lime-800 {
  border-color: #9e9d24; }

.lime-900 {
  color: #827717; }

.hover-lime-900:hover,
.hover-lime-900:focus {
  color: #827717; }

.bg-lime-900 {
  background-color: #827717; }

.hover-bg-lime-900:hover,
.hover-bg-lime-900:focus {
  background-color: #827717; }

.b--lime-900 {
  border-color: #827717; }

.lime-a100 {
  color: #f4ff81; }

.hover-lime-a100:hover,
.hover-lime-a100:focus {
  color: #f4ff81; }

.bg-lime-a100 {
  background-color: #f4ff81; }

.hover-bg-lime-a100:hover,
.hover-bg-lime-a100:focus {
  background-color: #f4ff81; }

.b--lime-a100 {
  border-color: #f4ff81; }

.lime-a200 {
  color: #eeff41; }

.hover-lime-a200:hover,
.hover-lime-a200:focus {
  color: #eeff41; }

.bg-lime-a200 {
  background-color: #eeff41; }

.hover-bg-lime-a200:hover,
.hover-bg-lime-a200:focus {
  background-color: #eeff41; }

.b--lime-a200 {
  border-color: #eeff41; }

.lime-a400 {
  color: #c6ff00; }

.hover-lime-a400:hover,
.hover-lime-a400:focus {
  color: #c6ff00; }

.bg-lime-a400 {
  background-color: #c6ff00; }

.hover-bg-lime-a400:hover,
.hover-bg-lime-a400:focus {
  background-color: #c6ff00; }

.b--lime-a400 {
  border-color: #c6ff00; }

.lime-a700 {
  color: #aeea00; }

.hover-lime-a700:hover,
.hover-lime-a700:focus {
  color: #aeea00; }

.bg-lime-a700 {
  background-color: #aeea00; }

.hover-bg-lime-a700:hover,
.hover-bg-lime-a700:focus {
  background-color: #aeea00; }

.b--lime-a700 {
  border-color: #aeea00; }

.yellow-50 {
  color: #fffde7; }

.hover-yellow-50:hover,
.hover-yellow-50:focus {
  color: #fffde7; }

.bg-yellow-50 {
  background-color: #fffde7; }

.hover-bg-yellow-50:hover,
.hover-bg-yellow-50:focus {
  background-color: #fffde7; }

.b--yellow-50 {
  border-color: #fffde7; }

.yellow-100 {
  color: #fff9c4; }

.hover-yellow-100:hover,
.hover-yellow-100:focus {
  color: #fff9c4; }

.bg-yellow-100 {
  background-color: #fff9c4; }

.hover-bg-yellow-100:hover,
.hover-bg-yellow-100:focus {
  background-color: #fff9c4; }

.b--yellow-100 {
  border-color: #fff9c4; }

.yellow-200 {
  color: #fff59d; }

.hover-yellow-200:hover,
.hover-yellow-200:focus {
  color: #fff59d; }

.bg-yellow-200 {
  background-color: #fff59d; }

.hover-bg-yellow-200:hover,
.hover-bg-yellow-200:focus {
  background-color: #fff59d; }

.b--yellow-200 {
  border-color: #fff59d; }

.yellow-300 {
  color: #fff176; }

.hover-yellow-300:hover,
.hover-yellow-300:focus {
  color: #fff176; }

.bg-yellow-300 {
  background-color: #fff176; }

.hover-bg-yellow-300:hover,
.hover-bg-yellow-300:focus {
  background-color: #fff176; }

.b--yellow-300 {
  border-color: #fff176; }

.yellow-400 {
  color: #ffee58; }

.hover-yellow-400:hover,
.hover-yellow-400:focus {
  color: #ffee58; }

.bg-yellow-400 {
  background-color: #ffee58; }

.hover-bg-yellow-400:hover,
.hover-bg-yellow-400:focus {
  background-color: #ffee58; }

.b--yellow-400 {
  border-color: #ffee58; }

.yellow-500 {
  color: #ffeb3b; }

.hover-yellow-500:hover,
.hover-yellow-500:focus {
  color: #ffeb3b; }

.bg-yellow-500 {
  background-color: #ffeb3b; }

.hover-bg-yellow-500:hover,
.hover-bg-yellow-500:focus {
  background-color: #ffeb3b; }

.b--yellow-500 {
  border-color: #ffeb3b; }

.yellow-600 {
  color: #fdd835; }

.hover-yellow-600:hover,
.hover-yellow-600:focus {
  color: #fdd835; }

.bg-yellow-600 {
  background-color: #fdd835; }

.hover-bg-yellow-600:hover,
.hover-bg-yellow-600:focus {
  background-color: #fdd835; }

.b--yellow-600 {
  border-color: #fdd835; }

.yellow-700 {
  color: #fbc02d; }

.hover-yellow-700:hover,
.hover-yellow-700:focus {
  color: #fbc02d; }

.bg-yellow-700 {
  background-color: #fbc02d; }

.hover-bg-yellow-700:hover,
.hover-bg-yellow-700:focus {
  background-color: #fbc02d; }

.b--yellow-700 {
  border-color: #fbc02d; }

.yellow-800 {
  color: #f9a825; }

.hover-yellow-800:hover,
.hover-yellow-800:focus {
  color: #f9a825; }

.bg-yellow-800 {
  background-color: #f9a825; }

.hover-bg-yellow-800:hover,
.hover-bg-yellow-800:focus {
  background-color: #f9a825; }

.b--yellow-800 {
  border-color: #f9a825; }

.yellow-900 {
  color: #f57f17; }

.hover-yellow-900:hover,
.hover-yellow-900:focus {
  color: #f57f17; }

.bg-yellow-900 {
  background-color: #f57f17; }

.hover-bg-yellow-900:hover,
.hover-bg-yellow-900:focus {
  background-color: #f57f17; }

.b--yellow-900 {
  border-color: #f57f17; }

.yellow-a100 {
  color: #ffff8d; }

.hover-yellow-a100:hover,
.hover-yellow-a100:focus {
  color: #ffff8d; }

.bg-yellow-a100 {
  background-color: #ffff8d; }

.hover-bg-yellow-a100:hover,
.hover-bg-yellow-a100:focus {
  background-color: #ffff8d; }

.b--yellow-a100 {
  border-color: #ffff8d; }

.yellow-a200 {
  color: #ffff00; }

.hover-yellow-a200:hover,
.hover-yellow-a200:focus {
  color: #ffff00; }

.bg-yellow-a200 {
  background-color: #ffff00; }

.hover-bg-yellow-a200:hover,
.hover-bg-yellow-a200:focus {
  background-color: #ffff00; }

.b--yellow-a200 {
  border-color: #ffff00; }

.yellow-a400 {
  color: #ffea00; }

.hover-yellow-a400:hover,
.hover-yellow-a400:focus {
  color: #ffea00; }

.bg-yellow-a400 {
  background-color: #ffea00; }

.hover-bg-yellow-a400:hover,
.hover-bg-yellow-a400:focus {
  background-color: #ffea00; }

.b--yellow-a400 {
  border-color: #ffea00; }

.yellow-a700 {
  color: #ffd600; }

.hover-yellow-a700:hover,
.hover-yellow-a700:focus {
  color: #ffd600; }

.bg-yellow-a700 {
  background-color: #ffd600; }

.hover-bg-yellow-a700:hover,
.hover-bg-yellow-a700:focus {
  background-color: #ffd600; }

.b--yellow-a700 {
  border-color: #ffd600; }

.amber-50 {
  color: #fff8e1; }

.hover-amber-50:hover,
.hover-amber-50:focus {
  color: #fff8e1; }

.bg-amber-50 {
  background-color: #fff8e1; }

.hover-bg-amber-50:hover,
.hover-bg-amber-50:focus {
  background-color: #fff8e1; }

.b--amber-50 {
  border-color: #fff8e1; }

.amber-100 {
  color: #ffecb3; }

.hover-amber-100:hover,
.hover-amber-100:focus {
  color: #ffecb3; }

.bg-amber-100 {
  background-color: #ffecb3; }

.hover-bg-amber-100:hover,
.hover-bg-amber-100:focus {
  background-color: #ffecb3; }

.b--amber-100 {
  border-color: #ffecb3; }

.amber-200 {
  color: #ffe082; }

.hover-amber-200:hover,
.hover-amber-200:focus {
  color: #ffe082; }

.bg-amber-200 {
  background-color: #ffe082; }

.hover-bg-amber-200:hover,
.hover-bg-amber-200:focus {
  background-color: #ffe082; }

.b--amber-200 {
  border-color: #ffe082; }

.amber-300 {
  color: #ffd54f; }

.hover-amber-300:hover,
.hover-amber-300:focus {
  color: #ffd54f; }

.bg-amber-300 {
  background-color: #ffd54f; }

.hover-bg-amber-300:hover,
.hover-bg-amber-300:focus {
  background-color: #ffd54f; }

.b--amber-300 {
  border-color: #ffd54f; }

.amber-400 {
  color: #ffca28; }

.hover-amber-400:hover,
.hover-amber-400:focus {
  color: #ffca28; }

.bg-amber-400 {
  background-color: #ffca28; }

.hover-bg-amber-400:hover,
.hover-bg-amber-400:focus {
  background-color: #ffca28; }

.b--amber-400 {
  border-color: #ffca28; }

.amber-500 {
  color: #ffc107; }

.hover-amber-500:hover,
.hover-amber-500:focus {
  color: #ffc107; }

.bg-amber-500 {
  background-color: #ffc107; }

.hover-bg-amber-500:hover,
.hover-bg-amber-500:focus {
  background-color: #ffc107; }

.b--amber-500 {
  border-color: #ffc107; }

.amber-600 {
  color: #ffb300; }

.hover-amber-600:hover,
.hover-amber-600:focus {
  color: #ffb300; }

.bg-amber-600 {
  background-color: #ffb300; }

.hover-bg-amber-600:hover,
.hover-bg-amber-600:focus {
  background-color: #ffb300; }

.b--amber-600 {
  border-color: #ffb300; }

.amber-700 {
  color: #ffa000; }

.hover-amber-700:hover,
.hover-amber-700:focus {
  color: #ffa000; }

.bg-amber-700 {
  background-color: #ffa000; }

.hover-bg-amber-700:hover,
.hover-bg-amber-700:focus {
  background-color: #ffa000; }

.b--amber-700 {
  border-color: #ffa000; }

.amber-800 {
  color: #ff8f00; }

.hover-amber-800:hover,
.hover-amber-800:focus {
  color: #ff8f00; }

.bg-amber-800 {
  background-color: #ff8f00; }

.hover-bg-amber-800:hover,
.hover-bg-amber-800:focus {
  background-color: #ff8f00; }

.b--amber-800 {
  border-color: #ff8f00; }

.amber-900 {
  color: #ff6f00; }

.hover-amber-900:hover,
.hover-amber-900:focus {
  color: #ff6f00; }

.bg-amber-900 {
  background-color: #ff6f00; }

.hover-bg-amber-900:hover,
.hover-bg-amber-900:focus {
  background-color: #ff6f00; }

.b--amber-900 {
  border-color: #ff6f00; }

.amber-a100 {
  color: #ffe57f; }

.hover-amber-a100:hover,
.hover-amber-a100:focus {
  color: #ffe57f; }

.bg-amber-a100 {
  background-color: #ffe57f; }

.hover-bg-amber-a100:hover,
.hover-bg-amber-a100:focus {
  background-color: #ffe57f; }

.b--amber-a100 {
  border-color: #ffe57f; }

.amber-a200 {
  color: #ffd740; }

.hover-amber-a200:hover,
.hover-amber-a200:focus {
  color: #ffd740; }

.bg-amber-a200 {
  background-color: #ffd740; }

.hover-bg-amber-a200:hover,
.hover-bg-amber-a200:focus {
  background-color: #ffd740; }

.b--amber-a200 {
  border-color: #ffd740; }

.amber-a400 {
  color: #ffc400; }

.hover-amber-a400:hover,
.hover-amber-a400:focus {
  color: #ffc400; }

.bg-amber-a400 {
  background-color: #ffc400; }

.hover-bg-amber-a400:hover,
.hover-bg-amber-a400:focus {
  background-color: #ffc400; }

.b--amber-a400 {
  border-color: #ffc400; }

.amber-a700 {
  color: #ffab00; }

.hover-amber-a700:hover,
.hover-amber-a700:focus {
  color: #ffab00; }

.bg-amber-a700 {
  background-color: #ffab00; }

.hover-bg-amber-a700:hover,
.hover-bg-amber-a700:focus {
  background-color: #ffab00; }

.b--amber-a700 {
  border-color: #ffab00; }

.orange-50 {
  color: #fff3e0; }

.hover-orange-50:hover,
.hover-orange-50:focus {
  color: #fff3e0; }

.bg-orange-50 {
  background-color: #fff3e0; }

.hover-bg-orange-50:hover,
.hover-bg-orange-50:focus {
  background-color: #fff3e0; }

.b--orange-50 {
  border-color: #fff3e0; }

.orange-100 {
  color: #ffe0b2; }

.hover-orange-100:hover,
.hover-orange-100:focus {
  color: #ffe0b2; }

.bg-orange-100 {
  background-color: #ffe0b2; }

.hover-bg-orange-100:hover,
.hover-bg-orange-100:focus {
  background-color: #ffe0b2; }

.b--orange-100 {
  border-color: #ffe0b2; }

.orange-200 {
  color: #ffcc80; }

.hover-orange-200:hover,
.hover-orange-200:focus {
  color: #ffcc80; }

.bg-orange-200 {
  background-color: #ffcc80; }

.hover-bg-orange-200:hover,
.hover-bg-orange-200:focus {
  background-color: #ffcc80; }

.b--orange-200 {
  border-color: #ffcc80; }

.orange-300 {
  color: #ffb74d; }

.hover-orange-300:hover,
.hover-orange-300:focus {
  color: #ffb74d; }

.bg-orange-300 {
  background-color: #ffb74d; }

.hover-bg-orange-300:hover,
.hover-bg-orange-300:focus {
  background-color: #ffb74d; }

.b--orange-300 {
  border-color: #ffb74d; }

.orange-400 {
  color: #ffa726; }

.hover-orange-400:hover,
.hover-orange-400:focus {
  color: #ffa726; }

.bg-orange-400 {
  background-color: #ffa726; }

.hover-bg-orange-400:hover,
.hover-bg-orange-400:focus {
  background-color: #ffa726; }

.b--orange-400 {
  border-color: #ffa726; }

.orange-500 {
  color: #ff9800; }

.hover-orange-500:hover,
.hover-orange-500:focus {
  color: #ff9800; }

.bg-orange-500 {
  background-color: #ff9800; }

.hover-bg-orange-500:hover,
.hover-bg-orange-500:focus {
  background-color: #ff9800; }

.b--orange-500 {
  border-color: #ff9800; }

.orange-600 {
  color: #fb8c00; }

.hover-orange-600:hover,
.hover-orange-600:focus {
  color: #fb8c00; }

.bg-orange-600 {
  background-color: #fb8c00; }

.hover-bg-orange-600:hover,
.hover-bg-orange-600:focus {
  background-color: #fb8c00; }

.b--orange-600 {
  border-color: #fb8c00; }

.orange-700 {
  color: #f57c00; }

.hover-orange-700:hover,
.hover-orange-700:focus {
  color: #f57c00; }

.bg-orange-700 {
  background-color: #f57c00; }

.hover-bg-orange-700:hover,
.hover-bg-orange-700:focus {
  background-color: #f57c00; }

.b--orange-700 {
  border-color: #f57c00; }

.orange-800 {
  color: #ef6c00; }

.hover-orange-800:hover,
.hover-orange-800:focus {
  color: #ef6c00; }

.bg-orange-800 {
  background-color: #ef6c00; }

.hover-bg-orange-800:hover,
.hover-bg-orange-800:focus {
  background-color: #ef6c00; }

.b--orange-800 {
  border-color: #ef6c00; }

.orange-900 {
  color: #e65100; }

.hover-orange-900:hover,
.hover-orange-900:focus {
  color: #e65100; }

.bg-orange-900 {
  background-color: #e65100; }

.hover-bg-orange-900:hover,
.hover-bg-orange-900:focus {
  background-color: #e65100; }

.b--orange-900 {
  border-color: #e65100; }

.orange-a100 {
  color: #ffd180; }

.hover-orange-a100:hover,
.hover-orange-a100:focus {
  color: #ffd180; }

.bg-orange-a100 {
  background-color: #ffd180; }

.hover-bg-orange-a100:hover,
.hover-bg-orange-a100:focus {
  background-color: #ffd180; }

.b--orange-a100 {
  border-color: #ffd180; }

.orange-a200 {
  color: #ffab40; }

.hover-orange-a200:hover,
.hover-orange-a200:focus {
  color: #ffab40; }

.bg-orange-a200 {
  background-color: #ffab40; }

.hover-bg-orange-a200:hover,
.hover-bg-orange-a200:focus {
  background-color: #ffab40; }

.b--orange-a200 {
  border-color: #ffab40; }

.orange-a400 {
  color: #ff9100; }

.hover-orange-a400:hover,
.hover-orange-a400:focus {
  color: #ff9100; }

.bg-orange-a400 {
  background-color: #ff9100; }

.hover-bg-orange-a400:hover,
.hover-bg-orange-a400:focus {
  background-color: #ff9100; }

.b--orange-a400 {
  border-color: #ff9100; }

.orange-a700 {
  color: #ff6d00; }

.hover-orange-a700:hover,
.hover-orange-a700:focus {
  color: #ff6d00; }

.bg-orange-a700 {
  background-color: #ff6d00; }

.hover-bg-orange-a700:hover,
.hover-bg-orange-a700:focus {
  background-color: #ff6d00; }

.b--orange-a700 {
  border-color: #ff6d00; }

.deep-orange-50 {
  color: #fbe9e7; }

.hover-deep-orange-50:hover,
.hover-deep-orange-50:focus {
  color: #fbe9e7; }

.bg-deep-orange-50 {
  background-color: #fbe9e7; }

.hover-bg-deep-orange-50:hover,
.hover-bg-deep-orange-50:focus {
  background-color: #fbe9e7; }

.b--deep-orange-50 {
  border-color: #fbe9e7; }

.deep-orange-100 {
  color: #ffccbc; }

.hover-deep-orange-100:hover,
.hover-deep-orange-100:focus {
  color: #ffccbc; }

.bg-deep-orange-100 {
  background-color: #ffccbc; }

.hover-bg-deep-orange-100:hover,
.hover-bg-deep-orange-100:focus {
  background-color: #ffccbc; }

.b--deep-orange-100 {
  border-color: #ffccbc; }

.deep-orange-200 {
  color: #ffab91; }

.hover-deep-orange-200:hover,
.hover-deep-orange-200:focus {
  color: #ffab91; }

.bg-deep-orange-200 {
  background-color: #ffab91; }

.hover-bg-deep-orange-200:hover,
.hover-bg-deep-orange-200:focus {
  background-color: #ffab91; }

.b--deep-orange-200 {
  border-color: #ffab91; }

.deep-orange-300 {
  color: #ff8a65; }

.hover-deep-orange-300:hover,
.hover-deep-orange-300:focus {
  color: #ff8a65; }

.bg-deep-orange-300 {
  background-color: #ff8a65; }

.hover-bg-deep-orange-300:hover,
.hover-bg-deep-orange-300:focus {
  background-color: #ff8a65; }

.b--deep-orange-300 {
  border-color: #ff8a65; }

.deep-orange-400 {
  color: #ff7043; }

.hover-deep-orange-400:hover,
.hover-deep-orange-400:focus {
  color: #ff7043; }

.bg-deep-orange-400 {
  background-color: #ff7043; }

.hover-bg-deep-orange-400:hover,
.hover-bg-deep-orange-400:focus {
  background-color: #ff7043; }

.b--deep-orange-400 {
  border-color: #ff7043; }

.deep-orange-500 {
  color: #ff5722; }

.hover-deep-orange-500:hover,
.hover-deep-orange-500:focus {
  color: #ff5722; }

.bg-deep-orange-500 {
  background-color: #ff5722; }

.hover-bg-deep-orange-500:hover,
.hover-bg-deep-orange-500:focus {
  background-color: #ff5722; }

.b--deep-orange-500 {
  border-color: #ff5722; }

.deep-orange-600 {
  color: #f4511e; }

.hover-deep-orange-600:hover,
.hover-deep-orange-600:focus {
  color: #f4511e; }

.bg-deep-orange-600 {
  background-color: #f4511e; }

.hover-bg-deep-orange-600:hover,
.hover-bg-deep-orange-600:focus {
  background-color: #f4511e; }

.b--deep-orange-600 {
  border-color: #f4511e; }

.deep-orange-700 {
  color: #e64a19; }

.hover-deep-orange-700:hover,
.hover-deep-orange-700:focus {
  color: #e64a19; }

.bg-deep-orange-700 {
  background-color: #e64a19; }

.hover-bg-deep-orange-700:hover,
.hover-bg-deep-orange-700:focus {
  background-color: #e64a19; }

.b--deep-orange-700 {
  border-color: #e64a19; }

.deep-orange-800 {
  color: #d84315; }

.hover-deep-orange-800:hover,
.hover-deep-orange-800:focus {
  color: #d84315; }

.bg-deep-orange-800 {
  background-color: #d84315; }

.hover-bg-deep-orange-800:hover,
.hover-bg-deep-orange-800:focus {
  background-color: #d84315; }

.b--deep-orange-800 {
  border-color: #d84315; }

.deep-orange-900 {
  color: #bf360c; }

.hover-deep-orange-900:hover,
.hover-deep-orange-900:focus {
  color: #bf360c; }

.bg-deep-orange-900 {
  background-color: #bf360c; }

.hover-bg-deep-orange-900:hover,
.hover-bg-deep-orange-900:focus {
  background-color: #bf360c; }

.b--deep-orange-900 {
  border-color: #bf360c; }

.deep-orange-a100 {
  color: #ff9e80; }

.hover-deep-orange-a100:hover,
.hover-deep-orange-a100:focus {
  color: #ff9e80; }

.bg-deep-orange-a100 {
  background-color: #ff9e80; }

.hover-bg-deep-orange-a100:hover,
.hover-bg-deep-orange-a100:focus {
  background-color: #ff9e80; }

.b--deep-orange-a100 {
  border-color: #ff9e80; }

.deep-orange-a200 {
  color: #ff6e40; }

.hover-deep-orange-a200:hover,
.hover-deep-orange-a200:focus {
  color: #ff6e40; }

.bg-deep-orange-a200 {
  background-color: #ff6e40; }

.hover-bg-deep-orange-a200:hover,
.hover-bg-deep-orange-a200:focus {
  background-color: #ff6e40; }

.b--deep-orange-a200 {
  border-color: #ff6e40; }

.deep-orange-a400 {
  color: #ff3d00; }

.hover-deep-orange-a400:hover,
.hover-deep-orange-a400:focus {
  color: #ff3d00; }

.bg-deep-orange-a400 {
  background-color: #ff3d00; }

.hover-bg-deep-orange-a400:hover,
.hover-bg-deep-orange-a400:focus {
  background-color: #ff3d00; }

.b--deep-orange-a400 {
  border-color: #ff3d00; }

.deep-orange-a700 {
  color: #dd2c00; }

.hover-deep-orange-a700:hover,
.hover-deep-orange-a700:focus {
  color: #dd2c00; }

.bg-deep-orange-a700 {
  background-color: #dd2c00; }

.hover-bg-deep-orange-a700:hover,
.hover-bg-deep-orange-a700:focus {
  background-color: #dd2c00; }

.b--deep-orange-a700 {
  border-color: #dd2c00; }

.brown-50 {
  color: #efebe9; }

.hover-brown-50:hover,
.hover-brown-50:focus {
  color: #efebe9; }

.bg-brown-50 {
  background-color: #efebe9; }

.hover-bg-brown-50:hover,
.hover-bg-brown-50:focus {
  background-color: #efebe9; }

.b--brown-50 {
  border-color: #efebe9; }

.brown-100 {
  color: #d7ccc8; }

.hover-brown-100:hover,
.hover-brown-100:focus {
  color: #d7ccc8; }

.bg-brown-100 {
  background-color: #d7ccc8; }

.hover-bg-brown-100:hover,
.hover-bg-brown-100:focus {
  background-color: #d7ccc8; }

.b--brown-100 {
  border-color: #d7ccc8; }

.brown-200 {
  color: #bcaaa4; }

.hover-brown-200:hover,
.hover-brown-200:focus {
  color: #bcaaa4; }

.bg-brown-200 {
  background-color: #bcaaa4; }

.hover-bg-brown-200:hover,
.hover-bg-brown-200:focus {
  background-color: #bcaaa4; }

.b--brown-200 {
  border-color: #bcaaa4; }

.brown-300 {
  color: #a1887f; }

.hover-brown-300:hover,
.hover-brown-300:focus {
  color: #a1887f; }

.bg-brown-300 {
  background-color: #a1887f; }

.hover-bg-brown-300:hover,
.hover-bg-brown-300:focus {
  background-color: #a1887f; }

.b--brown-300 {
  border-color: #a1887f; }

.brown-400 {
  color: #8d6e63; }

.hover-brown-400:hover,
.hover-brown-400:focus {
  color: #8d6e63; }

.bg-brown-400 {
  background-color: #8d6e63; }

.hover-bg-brown-400:hover,
.hover-bg-brown-400:focus {
  background-color: #8d6e63; }

.b--brown-400 {
  border-color: #8d6e63; }

.brown-500 {
  color: #795548; }

.hover-brown-500:hover,
.hover-brown-500:focus {
  color: #795548; }

.bg-brown-500 {
  background-color: #795548; }

.hover-bg-brown-500:hover,
.hover-bg-brown-500:focus {
  background-color: #795548; }

.b--brown-500 {
  border-color: #795548; }

.brown-600 {
  color: #6d4c41; }

.hover-brown-600:hover,
.hover-brown-600:focus {
  color: #6d4c41; }

.bg-brown-600 {
  background-color: #6d4c41; }

.hover-bg-brown-600:hover,
.hover-bg-brown-600:focus {
  background-color: #6d4c41; }

.b--brown-600 {
  border-color: #6d4c41; }

.brown-700 {
  color: #5d4037; }

.hover-brown-700:hover,
.hover-brown-700:focus {
  color: #5d4037; }

.bg-brown-700 {
  background-color: #5d4037; }

.hover-bg-brown-700:hover,
.hover-bg-brown-700:focus {
  background-color: #5d4037; }

.b--brown-700 {
  border-color: #5d4037; }

.brown-800 {
  color: #4e342e; }

.hover-brown-800:hover,
.hover-brown-800:focus {
  color: #4e342e; }

.bg-brown-800 {
  background-color: #4e342e; }

.hover-bg-brown-800:hover,
.hover-bg-brown-800:focus {
  background-color: #4e342e; }

.b--brown-800 {
  border-color: #4e342e; }

.brown-900 {
  color: #3e2723; }

.hover-brown-900:hover,
.hover-brown-900:focus {
  color: #3e2723; }

.bg-brown-900 {
  background-color: #3e2723; }

.hover-bg-brown-900:hover,
.hover-bg-brown-900:focus {
  background-color: #3e2723; }

.b--brown-900 {
  border-color: #3e2723; }

.grey-50 {
  color: #fafafa; }

.hover-grey-50:hover,
.hover-grey-50:focus {
  color: #fafafa; }

.bg-grey-50 {
  background-color: #fafafa; }

.hover-bg-grey-50:hover,
.hover-bg-grey-50:focus {
  background-color: #fafafa; }

.b--grey-50 {
  border-color: #fafafa; }

.grey-100 {
  color: #f5f5f5; }

.hover-grey-100:hover,
.hover-grey-100:focus {
  color: #f5f5f5; }

.bg-grey-100 {
  background-color: #f5f5f5; }

.hover-bg-grey-100:hover,
.hover-bg-grey-100:focus {
  background-color: #f5f5f5; }

.b--grey-100 {
  border-color: #f5f5f5; }

.grey-200 {
  color: #eeeeee; }

.hover-grey-200:hover,
.hover-grey-200:focus {
  color: #eeeeee; }

.bg-grey-200 {
  background-color: #eeeeee; }

.hover-bg-grey-200:hover,
.hover-bg-grey-200:focus {
  background-color: #eeeeee; }

.b--grey-200 {
  border-color: #eeeeee; }

.grey-300 {
  color: #e0e0e0; }

.hover-grey-300:hover,
.hover-grey-300:focus {
  color: #e0e0e0; }

.bg-grey-300 {
  background-color: #e0e0e0; }

.hover-bg-grey-300:hover,
.hover-bg-grey-300:focus {
  background-color: #e0e0e0; }

.b--grey-300 {
  border-color: #e0e0e0; }

.grey-400 {
  color: #bdbdbd; }

.hover-grey-400:hover,
.hover-grey-400:focus {
  color: #bdbdbd; }

.bg-grey-400 {
  background-color: #bdbdbd; }

.hover-bg-grey-400:hover,
.hover-bg-grey-400:focus {
  background-color: #bdbdbd; }

.b--grey-400 {
  border-color: #bdbdbd; }

.grey-500 {
  color: #9e9e9e; }

.hover-grey-500:hover,
.hover-grey-500:focus {
  color: #9e9e9e; }

.bg-grey-500 {
  background-color: #9e9e9e; }

.hover-bg-grey-500:hover,
.hover-bg-grey-500:focus {
  background-color: #9e9e9e; }

.b--grey-500 {
  border-color: #9e9e9e; }

.grey-600 {
  color: #757575; }

.hover-grey-600:hover,
.hover-grey-600:focus {
  color: #757575; }

.bg-grey-600 {
  background-color: #757575; }

.hover-bg-grey-600:hover,
.hover-bg-grey-600:focus {
  background-color: #757575; }

.b--grey-600 {
  border-color: #757575; }

.grey-700 {
  color: #616161; }

.hover-grey-700:hover,
.hover-grey-700:focus {
  color: #616161; }

.bg-grey-700 {
  background-color: #616161; }

.hover-bg-grey-700:hover,
.hover-bg-grey-700:focus {
  background-color: #616161; }

.b--grey-700 {
  border-color: #616161; }

.grey-800 {
  color: #424242; }

.hover-grey-800:hover,
.hover-grey-800:focus {
  color: #424242; }

.bg-grey-800 {
  background-color: #424242; }

.hover-bg-grey-800:hover,
.hover-bg-grey-800:focus {
  background-color: #424242; }

.b--grey-800 {
  border-color: #424242; }

.grey-900 {
  color: #212121; }

.hover-grey-900:hover,
.hover-grey-900:focus {
  color: #212121; }

.bg-grey-900 {
  background-color: #212121; }

.hover-bg-grey-900:hover,
.hover-bg-grey-900:focus {
  background-color: #212121; }

.b--grey-900 {
  border-color: #212121; }

.blue-grey-50 {
  color: #eceff1; }

.hover-blue-grey-50:hover,
.hover-blue-grey-50:focus {
  color: #eceff1; }

.bg-blue-grey-50 {
  background-color: #eceff1; }

.hover-bg-blue-grey-50:hover,
.hover-bg-blue-grey-50:focus {
  background-color: #eceff1; }

.b--blue-grey-50 {
  border-color: #eceff1; }

.blue-grey-100 {
  color: #cfd8dc; }

.hover-blue-grey-100:hover,
.hover-blue-grey-100:focus {
  color: #cfd8dc; }

.bg-blue-grey-100 {
  background-color: #cfd8dc; }

.hover-bg-blue-grey-100:hover,
.hover-bg-blue-grey-100:focus {
  background-color: #cfd8dc; }

.b--blue-grey-100 {
  border-color: #cfd8dc; }

.blue-grey-200 {
  color: #b0bec5; }

.hover-blue-grey-200:hover,
.hover-blue-grey-200:focus {
  color: #b0bec5; }

.bg-blue-grey-200 {
  background-color: #b0bec5; }

.hover-bg-blue-grey-200:hover,
.hover-bg-blue-grey-200:focus {
  background-color: #b0bec5; }

.b--blue-grey-200 {
  border-color: #b0bec5; }

.blue-grey-300 {
  color: #90a4ae; }

.hover-blue-grey-300:hover,
.hover-blue-grey-300:focus {
  color: #90a4ae; }

.bg-blue-grey-300 {
  background-color: #90a4ae; }

.hover-bg-blue-grey-300:hover,
.hover-bg-blue-grey-300:focus {
  background-color: #90a4ae; }

.b--blue-grey-300 {
  border-color: #90a4ae; }

.blue-grey-400 {
  color: #78909c; }

.hover-blue-grey-400:hover,
.hover-blue-grey-400:focus {
  color: #78909c; }

.bg-blue-grey-400 {
  background-color: #78909c; }

.hover-bg-blue-grey-400:hover,
.hover-bg-blue-grey-400:focus {
  background-color: #78909c; }

.b--blue-grey-400 {
  border-color: #78909c; }

.blue-grey-500 {
  color: #607d8b; }

.hover-blue-grey-500:hover,
.hover-blue-grey-500:focus {
  color: #607d8b; }

.bg-blue-grey-500 {
  background-color: #607d8b; }

.hover-bg-blue-grey-500:hover,
.hover-bg-blue-grey-500:focus {
  background-color: #607d8b; }

.b--blue-grey-500 {
  border-color: #607d8b; }

.blue-grey-600 {
  color: #546e7a; }

.hover-blue-grey-600:hover,
.hover-blue-grey-600:focus {
  color: #546e7a; }

.bg-blue-grey-600 {
  background-color: #546e7a; }

.hover-bg-blue-grey-600:hover,
.hover-bg-blue-grey-600:focus {
  background-color: #546e7a; }

.b--blue-grey-600 {
  border-color: #546e7a; }

.blue-grey-700 {
  color: #455a64; }

.hover-blue-grey-700:hover,
.hover-blue-grey-700:focus {
  color: #455a64; }

.bg-blue-grey-700 {
  background-color: #455a64; }

.hover-bg-blue-grey-700:hover,
.hover-bg-blue-grey-700:focus {
  background-color: #455a64; }

.b--blue-grey-700 {
  border-color: #455a64; }

.blue-grey-800 {
  color: #37474f; }

.hover-blue-grey-800:hover,
.hover-blue-grey-800:focus {
  color: #37474f; }

.bg-blue-grey-800 {
  background-color: #37474f; }

.hover-bg-blue-grey-800:hover,
.hover-bg-blue-grey-800:focus {
  background-color: #37474f; }

.b--blue-grey-800 {
  border-color: #37474f; }

.blue-grey-900 {
  color: #263238; }

.hover-blue-grey-900:hover,
.hover-blue-grey-900:focus {
  color: #263238; }

.bg-blue-grey-900 {
  background-color: #263238; }

.hover-bg-blue-grey-900:hover,
.hover-bg-blue-grey-900:focus {
  background-color: #263238; }

.b--blue-grey-900 {
  border-color: #263238; }

.blue-grey-1000 {
  color: #11171a; }

.hover-blue-grey-1000:hover,
.hover-blue-grey-1000:focus {
  color: #11171a; }

.bg-blue-grey-1000 {
  background-color: #11171a; }

.hover-bg-blue-grey-1000:hover,
.hover-bg-blue-grey-1000:focus {
  background-color: #11171a; }

.b--blue-grey-1000 {
  border-color: #11171a; }