/**
 * Retrieves a color value from the $material-colors Sass map
 * Inspired by https://github.com/nilskaspersson/Google-Material-UI-Color-Palette/
 *
 * @function
 * @param {string} color-name             - quoted, lower-case, dasherized color
 *                                          name (e.g. 'pink', 'amber')
 * @param {string} [color-variant='500']  - quoted, lowercase color variant (e.g.
 *                                          '200', 'a100')
 */
.color-red-50 {
  color: #ffebee; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.color-yellow-600 {
  color: #fdd835; }

.bg-color-yellow-600 {
  background-color: #fdd835; }

.color-yellow-700 {
  color: #fbc02d; }

.bg-color-yellow-700 {
  background-color: #fbc02d; }

.color-yellow-800 {
  color: #f9a825; }

.bg-color-yellow-800 {
  background-color: #f9a825; }

.color-yellow-900 {
  color: #f57f17; }

.bg-color-yellow-900 {
  background-color: #f57f17; }

.color-yellow-a100 {
  color: #ffff8d; }

.bg-color-yellow-a100 {
  background-color: #ffff8d; }

.color-yellow-a200 {
  color: #ffff00; }

.bg-color-yellow-a200 {
  background-color: #ffff00; }

.color-yellow-a400 {
  color: #ffea00; }

.bg-color-yellow-a400 {
  background-color: #ffea00; }

.color-yellow-a700 {
  color: #ffd600; }

.bg-color-yellow-a700 {
  background-color: #ffd600; }

.color-amber-50 {
  color: #fff8e1; }

.bg-color-amber-50 {
  background-color: #fff8e1; }

.color-amber-100 {
  color: #ffecb3; }

.bg-color-amber-100 {
  background-color: #ffecb3; }

.color-amber-200 {
  color: #ffe082; }

.bg-color-amber-200 {
  background-color: #ffe082; }

.color-amber-300 {
  color: #ffd54f; }

.bg-color-amber-300 {
  background-color: #ffd54f; }

.color-amber-400 {
  color: #ffca28; }

.bg-color-amber-400 {
  background-color: #ffca28; }

.color-amber-500 {
  color: #ffc107; }

.bg-color-amber-500 {
  background-color: #ffc107; }

.color-amber-600 {
  color: #ffb300; }

.bg-color-amber-600 {
  background-color: #ffb300; }

.color-amber-700 {
  color: #ffa000; }

.bg-color-amber-700 {
  background-color: #ffa000; }

.color-amber-800 {
  color: #ff8f00; }

.bg-color-amber-800 {
  background-color: #ff8f00; }

.color-amber-900 {
  color: #ff6f00; }

.bg-color-amber-900 {
  background-color: #ff6f00; }

.color-amber-a100 {
  color: #ffe57f; }

.bg-color-amber-a100 {
  background-color: #ffe57f; }

.color-amber-a200 {
  color: #ffd740; }

.bg-color-amber-a200 {
  background-color: #ffd740; }

.color-amber-a400 {
  color: #ffc400; }

.bg-color-amber-a400 {
  background-color: #ffc400; }

.color-amber-a700 {
  color: #ffab00; }

.bg-color-amber-a700 {
  background-color: #ffab00; }

.color-orange-50 {
  color: #fff3e0; }

.bg-color-orange-50 {
  background-color: #fff3e0; }

.color-orange-100 {
  color: #ffe0b2; }

.bg-color-orange-100 {
  background-color: #ffe0b2; }

.color-orange-200 {
  color: #ffcc80; }

.bg-color-orange-200 {
  background-color: #ffcc80; }

.color-orange-300 {
  color: #ffb74d; }

.bg-color-orange-300 {
  background-color: #ffb74d; }

.color-orange-400 {
  color: #ffa726; }

.bg-color-orange-400 {
  background-color: #ffa726; }

.color-orange-500 {
  color: #ff9800; }

.bg-color-orange-500 {
  background-color: #ff9800; }

.color-orange-600 {
  color: #fb8c00; }

.bg-color-orange-600 {
  background-color: #fb8c00; }

.color-orange-700 {
  color: #f57c00; }

.bg-color-orange-700 {
  background-color: #f57c00; }

.color-orange-800 {
  color: #ef6c00; }

.bg-color-orange-800 {
  background-color: #ef6c00; }

.color-orange-900 {
  color: #e65100; }

.bg-color-orange-900 {
  background-color: #e65100; }

.color-orange-a100 {
  color: #ffd180; }

.bg-color-orange-a100 {
  background-color: #ffd180; }

.color-orange-a200 {
  color: #ffab40; }

.bg-color-orange-a200 {
  background-color: #ffab40; }

.color-orange-a400 {
  color: #ff9100; }

.bg-color-orange-a400 {
  background-color: #ff9100; }

.color-orange-a700 {
  color: #ff6d00; }

.bg-color-orange-a700 {
  background-color: #ff6d00; }

.color-deep-orange-50 {
  color: #fbe9e7; }

.bg-color-deep-orange-50 {
  background-color: #fbe9e7; }

.color-deep-orange-100 {
  color: #ffccbc; }

.bg-color-deep-orange-100 {
  background-color: #ffccbc; }

.color-deep-orange-200 {
  color: #ffab91; }

.bg-color-deep-orange-200 {
  background-color: #ffab91; }

.color-deep-orange-300 {
  color: #ff8a65; }

.bg-color-deep-orange-300 {
  background-color: #ff8a65; }

.color-deep-orange-400 {
  color: #ff7043; }

.bg-color-deep-orange-400 {
  background-color: #ff7043; }

.color-deep-orange-500 {
  color: #ff5722; }

.bg-color-deep-orange-500 {
  background-color: #ff5722; }

.color-deep-orange-600 {
  color: #f4511e; }

.bg-color-deep-orange-600 {
  background-color: #f4511e; }

.color-deep-orange-700 {
  color: #e64a19; }

.bg-color-deep-orange-700 {
  background-color: #e64a19; }

.color-deep-orange-800 {
  color: #d84315; }

.bg-color-deep-orange-800 {
  background-color: #d84315; }

.color-deep-orange-900 {
  color: #bf360c; }

.bg-color-deep-orange-900 {
  background-color: #bf360c; }

.color-deep-orange-a100 {
  color: #ff9e80; }

.bg-color-deep-orange-a100 {
  background-color: #ff9e80; }

.color-deep-orange-a200 {
  color: #ff6e40; }

.bg-color-deep-orange-a200 {
  background-color: #ff6e40; }

.color-deep-orange-a400 {
  color: #ff3d00; }

.bg-color-deep-orange-a400 {
  background-color: #ff3d00; }

.color-deep-orange-a700 {
  color: #dd2c00; }

.bg-color-deep-orange-a700 {
  background-color: #dd2c00; }

.color-brown-50 {
  color: #efebe9; }

.bg-color-brown-50 {
  background-color: #efebe9; }

.color-brown-100 {
  color: #d7ccc8; }

.bg-color-brown-100 {
  background-color: #d7ccc8; }

.color-brown-200 {
  color: #bcaaa4; }

.bg-color-brown-200 {
  background-color: #bcaaa4; }

.color-brown-300 {
  color: #a1887f; }

.bg-color-brown-300 {
  background-color: #a1887f; }

.color-brown-400 {
  color: #8d6e63; }

.bg-color-brown-400 {
  background-color: #8d6e63; }

.color-brown-500 {
  color: #795548; }

.bg-color-brown-500 {
  background-color: #795548; }

.color-brown-600 {
  color: #6d4c41; }

.bg-color-brown-600 {
  background-color: #6d4c41; }

.color-brown-700 {
  color: #5d4037; }

.bg-color-brown-700 {
  background-color: #5d4037; }

.color-brown-800 {
  color: #4e342e; }

.bg-color-brown-800 {
  background-color: #4e342e; }

.color-brown-900 {
  color: #3e2723; }

.bg-color-brown-900 {
  background-color: #3e2723; }

.color-grey-50 {
  color: #fafafa; }

.bg-color-grey-50 {
  background-color: #fafafa; }

.color-grey-100 {
  color: #f5f5f5; }

.bg-color-grey-100 {
  background-color: #f5f5f5; }

.color-grey-200 {
  color: #eeeeee; }

.bg-color-grey-200 {
  background-color: #eeeeee; }

.color-grey-300 {
  color: #e0e0e0; }

.bg-color-grey-300 {
  background-color: #e0e0e0; }

.color-grey-400 {
  color: #bdbdbd; }

.bg-color-grey-400 {
  background-color: #bdbdbd; }

.color-grey-500 {
  color: #9e9e9e; }

.bg-color-grey-500 {
  background-color: #9e9e9e; }

.color-grey-600 {
  color: #757575; }

.bg-color-grey-600 {
  background-color: #757575; }

.color-grey-700 {
  color: #616161; }

.bg-color-grey-700 {
  background-color: #616161; }

.color-grey-800 {
  color: #424242; }

.bg-color-grey-800 {
  background-color: #424242; }

.color-grey-900 {
  color: #212121; }

.bg-color-grey-900 {
  background-color: #212121; }

.color-blue-grey-50 {
  color: #eceff1; }

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

.color-blue-grey-100 {
  color: #cfd8dc; }

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

.color-blue-grey-200 {
  color: #b0bec5; }

.bg-color-blue-grey-200 {
  background-color: #b0bec5; }

.color-blue-grey-300 {
  color: #90a4ae; }

.bg-color-blue-grey-300 {
  background-color: #90a4ae; }

.color-blue-grey-400 {
  color: #78909c; }

.bg-color-blue-grey-400 {
  background-color: #78909c; }

.color-blue-grey-500 {
  color: #607d8b; }

.bg-color-blue-grey-500 {
  background-color: #607d8b; }

.color-blue-grey-600 {
  color: #546e7a; }

.bg-color-blue-grey-600 {
  background-color: #546e7a; }

.color-blue-grey-700 {
  color: #455a64; }

.bg-color-blue-grey-700 {
  background-color: #455a64; }

.color-blue-grey-800 {
  color: #37474f; }

.bg-color-blue-grey-800 {
  background-color: #37474f; }

.color-blue-grey-900 {
  color: #263238; }

.bg-color-blue-grey-900 {
  background-color: #263238; }

.color-blue-grey-1000 {
  color: #11171a; }

.bg-color-blue-grey-1000 {
  background-color: #11171a; }

.md-icon-tint {
  color: #007b48; }

.md-blue {
  color: #3e98d9; }

.md-red {
  color: #e5473c; }

.md-green,
.md-info {
  color: #007b48; }

.bold {
  font-weight: bold; }

.chart-color .scholander {
  background: #F57C00;
  /* orange 700 */ }

.chart-color .sensor-1 {
  background: #F50057;
  /* pink a400 */ }

.chart-color .sensor-2 {
  background: #00C853;
  /* green a700 */ }

.chart-color .sensor-3 {
  background: #8C9EFF;
  /* indigo a100 */ }

.chart-color .riego-programado {
  background: #689F38;
  /* light green 700 */ }

.chart-color .riego-real {
  background: #3F51B5;
  /* indigo 500 */ }

.chart-color .temperatura {
  background: #B71C1C;
  /* red 900 */ }

.chart-color .etb {
  background: #0091EA;
  /* light blue a700 */ }

.chart-color .et0 {
  background: #00838F;
  /*cyan 800*/ }

.chart-color .etc {
  background: #5E35B1;
  /*deep purple 600*/ }

.chart-color .etapa-1 {
  background: #F8BBD0;
  /*pink 100*/
  border: 1px solid #F06292;
  /*pink 300*/ }

.chart-color .etapa-2 {
  background: #B2DFDB;
  /*teal 100*/
  border: 1px solid #4DB6AC;
  /*teal 300*/ }

.chart-color .etapa-3 {
  background: #E1BEE7;
  /*purple 100*/
  border: 1px solid #BA68C8;
  /*purple 300*/ }

.chart-color .etapa-4 {
  background: #C8E6C9;
  /*green 100*/
  border: 1px solid #81C784;
  /*green 300*/ }

.box-tab-content {
  width: 99%;
  height: 82vh;
  margin: 8px;
  border-bottom: solid thin #D6DBDF; }

md-toast.md-default-theme.error .md-toast-content {
  background-color: #FF5722;
  color: white; }

.full-width-button {
  width: 30%;
  min-width: 170px;
  height: 40px; }

.full-button {
  width: 100%;
  border-radius: 0px; }

.md-icon-button md-progress-circular {
  position: absolute;
  top: 2px;
  left: 1px; }

.md-fab:not(disabled) md-progress-circular.md-default-theme, .md-fab:not(disabled) md-progress-circular {
  position: absolute;
  left: 0px;
  top: 0px; }
  .md-fab:not(disabled) md-progress-circular.md-default-theme path, .md-fab:not(disabled) md-progress-circular path {
    stroke: white; }

.md-fab:not(disabled).md-mini md-progress-circular.md-default-theme, .md-fab:not(disabled).md-mini md-progress-circular {
  position: absolute;
  left: 1px;
  top: 1px; }

/*
 RIPPLE
 */
*:not(.md-accent) .md-ripple.md-ripple-scaled {
  background: #f4511e !important; }

.md-ripple.md-ripple-active, .md-ripple.md-ripple-full, .md-ripple.md-ripple-visible {
  opacity: 0.30 !important; }

.md-button.md-ripple-defaultTheme .md-ripple.md-ripple-scaled {
  background: #43a047 !important;
  opacity: 0.40 !important; }

.md-button.md-ripple-altTheme .md-ripple.md-ripple-scaled {
  background: #1e88e5 !important;
  opacity: 0.40 !important; }

.md-button.md-map {
  min-width: 0px;
  font-family: Roboto, Arial, sans-serif;
  font-size: 11px;
  min-height: 0px;
  line-height: 1.4em;
  padding: 8px; }

.md-white {
  background: white; }

a.press-me:after,
button.press-me:after {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 120%;
  height: 160px;
  margin-left: -60%;
  margin-top: -80px;
  background: #f4511e;
  border-radius: 100%;
  opacity: .6;
  transform: scale(0);
  animation: ripple 1s cubic-bezier(0.62, 0.28, 0.23, 0.99) infinite; }

@keyframes ripple {
  0% {
    transform: scale(0); }
  80% {
    transform: scale(1); }
  100% {
    opacity: 0;
    transform: scale(1); } }

/* Toolbar area */
md-toolbar.md-altTheme-theme:not(.md-menu-toolbar) .md-button.md-raised {
  color: #1976d2; }

md-toolbar.md-default-theme:not(.md-menu-toolbar) .md-button.md-raised {
  color: #388e3c; }

.button-toolbar-content {
  position: absolute;
  right: 80px;
  top: 10px; }

#main-toolbar h1 {
  margin: 0px 16px 10px 20px !important;
  font-size: 25px; }
  #main-toolbar h1 + md-icon {
    margin-bottom: 10px; }

#main-toolbar .menu-info {
  margin-top: -10px; }

#main-toolbar .md-icon-button {
  margin: 0px 0px 0px 0px; }

#main-toolbar .menu-user .md-icon-button {
  margin: 0px 22px 6px 0px; }

md-toolbar {
  min-height: 50px; }

md-sidenav .md-toolbar-tools {
  height: 50px; }

md-toolbar .menu {
  background-color: transparent;
  border: none;
  height: 38px;
  margin: 16px;
  width: 36px; }

.toolbar-title-vinedo {
  padding: 0px;
  min-height: 0px; }
  .toolbar-title-vinedo .title-vinedo {
    margin: 0px 16px; }

md-ink-bar {
  height: 3px; }

.toolbar-title {
  z-index: 3; }

md-sidenav md-content {
  height: 100%; }

md-sidenav md-content .scroll-overview {
  width: 320px; }

md-sidenav md-content .scroll-viewport {
  height: 100%;
  width: 320px; }

.scroll-bar {
  z-index: 1000; }

md-list-item div.full {
  width: 100%; }

md-list-item.active {
  background: white; }
  md-list-item.active .md-list-item-inner {
    color: #f4511e; }

md-list.zoom-list {
  padding: 25px !important; }
  md-list.zoom-list .backdrop-list {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    min-height: 100%;
    z-index: 1;
    opacity: 0.5; }
  md-list.zoom-list md-list-item {
    background: white;
    margin: 0px;
    transition: 0.3s all ease;
    max-height: 50px;
    min-height: 50px;
    overflow: hidden;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
    border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
    md-list.zoom-list md-list-item .md-list-item-text {
      padding-top: 40px; }
    md-list.zoom-list md-list-item:last-child {
      border-bottom: none; }
    md-list.zoom-list md-list-item h3.title-item {
      margin-top: 15px !important;
      display: block;
      position: absolute;
      left: 16px;
      top: 0px;
      font-weight: bold; }
      md-list.zoom-list md-list-item h3.title-item span {
        font-size: 14px;
        font-weight: normal;
        margin-left: 20px;
        color: #757575;
        opacity: 1;
        transition: 0.5s all ease;
        font-weight: normal; }
        md-list.zoom-list md-list-item h3.title-item span .num {
          font-weight: bold; }
    md-list.zoom-list md-list-item .item-detail {
      opacity: 0;
      transition: 0.5s all ease;
      transition-delay: 0.3s; }
    md-list.zoom-list md-list-item.active {
      margin: 20px -25px;
      max-height: 1500px;
      min-height: 88px;
      box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 3px 3px -2px rgba(0, 0, 0, 0.12);
      border-bottom: 1px solid rgba(0, 0, 0, 0); }
      md-list.zoom-list md-list-item.active .hide-amplio {
        opacity: 0; }
      md-list.zoom-list md-list-item.active > button {
        z-index: 55;
        cursor: default; }
        md-list.zoom-list md-list-item.active > button:hover, md-list.zoom-list md-list-item.active > button.md-focused {
          background: white !important; }
        md-list.zoom-list md-list-item.active > button > .md-ripple-container {
          display: none; }
      md-list.zoom-list md-list-item.active .item-detail {
        opacity: 1; }

.content-list {
  overflow-y: auto; }

input.char-3 {
  width: 3em;
  display: inline-block; }

input.char-4 {
  width: 4em;
  display: inline-block; }

.input-numerico {
  width: 20px; }

input.char-10 {
  width: 10em;
  display: inline-block; }

input.input-users {
  color: black;
  font-size: 13px; }
  input.input-users[disabled] {
    font-size: 13px;
    border: none;
    color: black; }

input.etapas {
  width: 8em; }
  input.etapas[disabled] {
    border-bottom: none; }

textarea {
  min-height: 60px !important; }

textarea,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"] {
  background-color: rgba(0, 0, 0, 0.05) !important; }

input.input-warning {
  box-shadow: 0px 0px 3px #f1c40f;
  background: rgba(241, 196, 15, 0.05); }

input.input-white {
  background-color: #FFF;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1); }

input[type='number'] {
  -moz-appearance: textfield; }

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0;
  /* <-- Apparently some margin are still there even though it's hidden */ }

md-input-container label {
  color: rgba(0, 0, 0, 0.4) !important; }

md-input-container.has-progress-linear md-progress-linear {
  position: absolute;
  bottom: 0px; }

md-input-container.md-input-focused label {
  color: black !important; }

md-input-container.no-margin {
  margin: 0px; }

md-input-container.no-error .md-errors-spacer {
  display: none; }

md-select .md-select-value {
  padding: 5px; }
  md-select .md-select-value.md-select-placeholder {
    color: #388e3c; }

md-select:not([disabled]):focus .md-select-value {
  padding-bottom: 5px; }

input.buscador {
  background-color: #fff;
  border-radius: 2px 0 0 2px;
  border: 1px solid transparent;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  font-size: 15px;
  font-weight: 300;
  height: 32px;
  margin-top: 16px;
  outline: none;
  padding: 0 11px 0 13px;
  text-overflow: ellipsis;
  min-width: 400px;
  transition: 0.3s all ease; }
  input.buscador:focus {
    box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12); }

table.md-table {
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-collapse: collapse;
  white-space: nowrap;
  font-size: 13px;
  background-color: #FFF;
  color: #757575 !important;
  margin: 16px auto; }
  table.md-table thead td,
  table.md-table th {
    font-weight: bold; }
  table.md-table tr {
    height: 44px;
    transition-duration: 0.28s;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-property: background-color; }
    table.md-table tr th, table.md-table tr td {
      border-top: 1px solid rgba(0, 0, 0, 0.12);
      border-bottom: 1px solid rgba(0, 0, 0, 0.12);
      padding: 12px 18px 0px;
      text-align: center; }
      table.md-table tr th.tr, table.md-table tr td.tr {
        text-align: right; }
      table.md-table tr th.tl, table.md-table tr td.tl {
        text-align: left; }
  table.md-table.table-min tr th, table.md-table.table-min tr td {
    padding: 6px 9px 0px !important;
    min-width: 0px !important; }

.table-min td {
  padding: 2px !important;
  height: 36px;
  min-width: 6em; }

.table-min input {
  padding: 3px 5px;
  box-sizing: content-box; }
  .table-min input.min {
    width: 70px !important; }

.table-min .input-group-addon {
  height: 23px;
  padding: 4px 6px; }

th md-progress-circular {
  position: absolute;
  left: 0px;
  top: calc(-100% + 5px); }

td.info-sector {
  position: relative;
  overflow: hidden; }
  td.info-sector .info {
    z-index: 10;
    position: relative;
    padding-left: 15px; }
  td.info-sector .porcentaje {
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    z-index: 5;
    border-left: 15px solid #007b48; }
    td.info-sector .porcentaje.red {
      border-left: 15px solid #e5473c;
      background-color: #fdf1f0; }
    td.info-sector .porcentaje.blue {
      border-left: 15px solid #3e98d9;
      background-color: #bedcf2; }

table md-input-container {
  margin: 0px;
  padding: 0px !important;
  width: 100%; }
  table md-input-container input {
    width: 100%;
    display: block;
    position: absolute;
    right: 0px;
    top: 0;
    text-align: right; }

.con-porciento {
  padding-left: 20px;
  position: relative;
  vertical-align: top; }
  .con-porciento .total {
    line-height: 32px;
    padding-right: 3em;
    text-align: right;
    display: block; }
  .con-porciento input {
    padding-right: 3em; }
  .con-porciento .porciento {
    position: absolute;
    right: 5px;
    top: 5px;
    color: #333; }

.nga-fast {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

.nga-fast.ng-hide-add, .nga-fast.ng-hide-remove {
  display: block !important; }

.nga-stagger-slow.ng-enter-stagger {
  -webkit-transition-delay: 200ms;
  -moz-transition-delay: 200ms;
  -o-transition-delay: 200ms;
  transition-delay: 200ms;
  -webkit-transition-duration: 0;
  -moz-transition-duration: 0;
  -o-transition-duration: 0;
  transition-duration: 0; }

.nga-stagger-slow.ng-leave-stagger {
  -webkit-transition-delay: 200ms;
  -moz-transition-delay: 200ms;
  -o-transition-delay: 200ms;
  transition-delay: 200ms;
  -webkit-transition-duration: 0;
  -moz-transition-duration: 0;
  -o-transition-duration: 0;
  transition-duration: 0; }

.nga-stagger-slow.ng-move-stagger {
  -webkit-transition-delay: 200ms;
  -moz-transition-delay: 200ms;
  -o-transition-delay: 200ms;
  transition-delay: 200ms;
  -webkit-transition-duration: 0;
  -moz-transition-duration: 0;
  -o-transition-duration: 0;
  transition-duration: 0; }

.nga-fade-add.ng-enter, .nga-fade-add.ng-hide-remove {
  opacity: 0; }

.nga-fade-add.ng-enter.ng-enter-active, .nga-fade-add.ng-hide-remove.ng-hide-remove-active {
  opacity: 1; }

.nga-fade-remove.ng-leave.ng-leave-active, .nga-fade-remove.ng-hide-add.ng-hide-add-active {
  opacity: 0; }

.nga-fade-remove.ng-leave, .nga-fade-remove.ng-hide-add {
  opacity: 1; }

.nga-fade-move.ng-move {
  opacity: 0; }

.nga-fade-move.ng-move.ng-move-active {
  opacity: 1; }

.nga-fade-all.ng-enter, .nga-fade-all.ng-hide-remove {
  opacity: 0; }

.nga-fade-all.ng-enter.ng-enter-active, .nga-fade-all.ng-hide-remove.ng-hide-remove-active {
  opacity: 1; }

.nga-fade-all.ng-leave.ng-leave-active, .nga-fade-all.ng-hide-add.ng-hide-add-active {
  opacity: 0; }

.nga-fade-all.ng-leave, .nga-fade-all.ng-hide-add {
  opacity: 1; }

.nga-fade-all.ng-move {
  opacity: 0; }

.nga-fade-all.ng-move.ng-move-active {
  opacity: 1; }

.nga-fade.ng-enter, .nga-fade.ng-hide-remove {
  opacity: 0; }

.nga-fade.ng-enter.ng-enter-active, .nga-fade.ng-hide-remove.ng-hide-remove-active {
  opacity: 1; }

.nga-fade.ng-leave.ng-leave-active, .nga-fade.ng-hide-add.ng-hide-add-active {
  opacity: 0; }

.nga-fade.ng-leave, .nga-fade.ng-hide-add {
  opacity: 1; }

.nga-fade.ng-move {
  opacity: 0; }

.nga-fade.ng-move.ng-move-active {
  opacity: 1; }

md-toolbar,
md-toolbar > md-tabs > md-tabs-wrapper {
  transition: 0.4s all cubic-bezier(0.25, 0.8, 0.25, 1); }

.no-animated {
  -webkit-animation-duration: 0s;
  animation-duration: 0s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  /* terminal animations for leave */ }
  .no-animated.ng-leave, .no-animated.ng-hide-add, .no-animated.ng-leave.ng-leave-active {
    -webkit-animation-name: none;
    animation-name: none;
    display: none; }

.no-animated-rec,
.no-animated-rec * {
  -webkit-animation-duration: 0s;
  animation-duration: 0s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  /* terminal animations for leave */ }
  .no-animated-rec.ng-leave,
  .no-animated-rec.ng-leave *, .no-animated-rec.ng-hide-add,
  .no-animated-rec.ng-hide-add *, .no-animated-rec.ng-leave.ng-leave-active,
  .no-animated-rec.ng-leave.ng-leave-active *,
  .no-animated-rec *.ng-leave,
  .no-animated-rec *.ng-leave *,
  .no-animated-rec *.ng-hide-add,
  .no-animated-rec *.ng-hide-add *,
  .no-animated-rec *.ng-leave.ng-leave-active,
  .no-animated-rec *.ng-leave.ng-leave-active * {
    -webkit-animation-name: none;
    animation-name: none;
    display: none; }

.title-404,
.title-403 {
  margin-top: 100px;
  margin-bottom: 500px;
  color: grey;
  font-size: 200px;
  line-height: 100px;
  text-align: center; }
  .title-404 .material-icons,
  .title-403 .material-icons {
    font-size: 240px;
    margin: -42px -125px 0 -70px;
    vertical-align: top; }

md-menu.time-input .md-button {
  margin: 0px;
  min-width: auto; }
  md-menu.time-input .md-button span {
    color: #0d47a1; }
    md-menu.time-input .md-button span.empty {
      color: #90a4ae; }

md-menu-content.time-input {
  width: 200px;
  padding: 0px;
  overflow: hidden; }
  md-menu-content.time-input .bg-green {
    background-color: #4caf50 !important; }
  md-menu-content.time-input h2 {
    text-align: center;
    color: white;
    display: block;
    width: 100%;
    padding: 0px;
    -webkit-margin-before: 0.83em;
    -webkit-margin-after: 0.83em; }
  md-menu-content.time-input *[flex] {
    padding: 0px 5px; }
  md-menu-content.time-input span.dots {
    text-align: center;
    display: block;
    font-size: 34px;
    width: 100%;
    color: #333; }
  md-menu-content.time-input input[type="text"] {
    font-size: 34px;
    color: #333;
    width: 100%;
    text-align: center;
    margin: 0 auto;
    border: none;
    background-color: rgba(0, 0, 0, 0.1); }
  md-menu-content.time-input button {
    display: block;
    width: 100% !important;
    min-width: auto;
    min-height: 36px;
    font-weight: bold;
    padding: 0px;
    color: #333;
    margin: 0px; }

irri-sidenav {
  z-index: 10;
  overflow: initial !important; }
  irri-sidenav md-sidenav {
    width: 280px; }
    irri-sidenav md-sidenav md-content {
      height: 100%; }
      irri-sidenav md-sidenav md-content .scroll-overview {
        width: 100%;
        margin: 0px 10px; }
      irri-sidenav md-sidenav md-content .scroll-viewport {
        height: 100%;
        width: 218px; }
    irri-sidenav md-sidenav .black-sidenav {
      background: #37474f;
      width: 75px; }
  irri-sidenav md-sidenav,
  irri-sidenav md-sidenav md-content {
    overflow: hidden; }
  irri-sidenav h3.logo-content {
    margin-top: 0px; }
    irri-sidenav h3.logo-content span {
      vertical-align: middle;
      display: inline-block; }
  irri-sidenav md-input-container {
    margin: 18px 0px 0px 0px;
    width: 198px; }
  irri-sidenav md-list {
    padding-bottom: 80px !important;
    padding-top: 0px; }
  irri-sidenav .md-button {
    display: block;
    line-height: 48px;
    margin: 0;
    max-height: 48px;
    overflow: hidden;
    text-align: left;
    text-decoration: none;
    white-space: normal;
    width: 100%;
    text-transform: initial;
    color: #424242; }
    irri-sidenav .md-button:not(.md-icon-button) i, irri-sidenav .md-button md-icon {
      margin-right: 16px; }
  irri-sidenav .sidenav {
    height: 100%; }
  irri-sidenav .md-sidenav-left {
    height: 100%; }
    irri-sidenav .md-sidenav-left md-content.action-user {
      padding: 0px; }
    irri-sidenav .md-sidenav-left md-list-item {
      min-height: 48px;
      outline: none; }
      irri-sidenav .md-sidenav-left md-list-item:before {
        min-height: 0px; }
      irri-sidenav .md-sidenav-left md-list-item .md-button:hover + .md-button.md-icon-button:not([disabled]) {
        background: rgba(0, 0, 0, 0.1);
        background-color: rgba(0, 0, 0, 0.1); }
      irri-sidenav .md-sidenav-left md-list-item .md-button.md-icon-button {
        outline: none;
        transition: .3s ease all;
        background: transparent; }
        irri-sidenav .md-sidenav-left md-list-item .md-button.md-icon-button:not([disabled]):hover {
          background: rgba(0, 0, 0, 0.1);
          background-color: rgba(0, 0, 0, 0.1); }
        irri-sidenav .md-sidenav-left md-list-item .md-button.md-icon-button md-icon.material-icons {
          transition: 0.6s all ease; }
          irri-sidenav .md-sidenav-left md-list-item .md-button.md-icon-button md-icon.material-icons.active {
            text-align: center;
            transform: rotate(180deg); }
  irri-sidenav .vina-name {
    color: white;
    font-size: 16px;
    width: 100%;
    display: block;
    line-height: 37px;
    margin: 5px;
    padding-left: 9px; }
  irri-sidenav md-select.md-default-theme:not([disabled]):focus .md-select-value,
  irri-sidenav md-select:not([disabled]):focus .md-select-value {
    color: white; }
  irri-sidenav .select-vina {
    margin: 5px 14px 5px 5px;
    font-size: 16px; }
    irri-sidenav .select-vina md-select-value {
      border: none; }
    irri-sidenav .select-vina span {
      padding-left: 9px; }
  irri-sidenav md-list-item.li-vinedo {
    width: 100%; }
    irri-sidenav md-list-item.li-vinedo .vinedo {
      margin: 0px;
      padding-left: 16px; }
      irri-sidenav md-list-item.li-vinedo .vinedo.full-width {
        width: 100%; }
  irri-sidenav md-list-item.li-equipo {
    width: 100%;
    background: rgba(0, 0, 0, 0.03); }
    irri-sidenav md-list-item.li-equipo a md-icon {
      margin-top: 12px; }
    irri-sidenav md-list-item.li-equipo .equipo {
      margin: 0px;
      width: 90%;
      padding-left: 32px; }
  irri-sidenav md-list-item.li-cuartel {
    width: 100%;
    background: rgba(0, 0, 0, 0.05); }
    irri-sidenav md-list-item.li-cuartel .cuartel {
      margin: 0px;
      width: 100%;
      padding-left: 48px; }
  irri-sidenav md-list-item.li-sector_riego {
    width: 100%;
    background: rgba(0, 0, 0, 0.05); }
    irri-sidenav md-list-item.li-sector_riego .sector_riego {
      margin: 0px;
      width: 100%;
      padding-left: 48px; }
  irri-sidenav md-icon.menu {
    margin-left: 0px;
    margin-right: 0px;
    padding-right: 5px; }
  irri-sidenav .space-button {
    width: 100%; }
  irri-sidenav .md-button {
    text-align: left; }
  irri-sidenav .md-icon-button {
    margin: 0px;
    padding: 0px;
    min-width: 20px; }

.nueva-vina-dialog md-input-container {
  margin: 18px 0px 0px 0px; }

.nueva-vina-dialog .btn-contenedor {
  margin-top: 18px; }

.sidecontent {
  border: 1px solid #B0BEC5;
  height: auto;
  min-height: 80vh; }
  .sidecontent .sidecontent-left {
    border: solid thin #B0BEC5;
    background: #eceff1; }
  .sidecontent .sidecontent-box-full {
    margin-top: 20px;
    background: white;
    border: solid thin #D6DBDF;
    width: 100%; }
  .sidecontent .sidecontent-item {
    max-height: 20px;
    width: 100%;
    border-top: 1px solid #B0BEC5;
    background: #eceff1; }
    .sidecontent .sidecontent-item.active {
      background: white; }
  .sidecontent .button-list-sidecontent {
    width: 100%;
    margin-left: 0px;
    margin-top: -7px; }
  .sidecontent .sidecontent-list {
    overflow-y: auto;
    overflow-x: hidden;
    background: #CFD8DC;
    border-right: solid thin #D6DBDF; }
    .sidecontent .sidecontent-list .sidecontent-button {
      border-radius: 5px;
      width: 100%; }
    .sidecontent .sidecontent-list span {
      font-weight: bold; }
  .sidecontent .header-sidecontent {
    width: 100%;
    background-color: white; }
    .sidecontent .header-sidecontent md-input-container .title .input-editable[disabled] div {
      color: black; }

#map_canvas {
  position: relative;
  margin: -4px -20px; }

.state-vinedo-mapa irrifooter {
  display: none; }

.angular-google-map-container {
  display: block;
  margin: 0px;
  width: 100%;
  height: 100%;
  min-height: 600px; }

div.marker-labels {
  text-align: left;
  margin: -13px 0px 0px 0px !important;
  padding: 0px 0px 0px 10px;
  width: auto;
  height: auto;
  font-size: 14px;
  color: white;
  text-shadow: 0px 0px 6px black, 0px 0px 6px black;
  opacity: 1 !important; }
  div.marker-labels:hover {
    text-decoration: underline; }

.alert-map {
  margin-top: 60px; }

.angular-google-map-container .content-map-window {
  opacity: 0;
  display: none;
  min-height: 271px;
  min-width: 221px;
  overflow: hidden; }
  .angular-google-map-container .content-map-window:nth-child(1) {
    opacity: 1;
    display: block; }
  .angular-google-map-container .content-map-window .title-window {
    color: #388e3c;
    margin-left: 16px;
    padding-top: 16px; }
  .angular-google-map-container .content-map-window label {
    width: 100%;
    padding-left: 20px; }

ui-gmap-google-map button,
ui-gmap-google-map .md-button {
  margin-top: 10px; }

ui-gmap-google-map .map-button-group {
  margin-top: 10px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); }
  ui-gmap-google-map .map-button-group button,
  ui-gmap-google-map .map-button-group .md-button:not(.ng-hide) {
    margin: 0px;
    border-radius: 0px;
    margin-right: -3px;
    box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px !important; }
    ui-gmap-google-map .map-button-group button:first-child,
    ui-gmap-google-map .map-button-group .md-button:not(.ng-hide):first-child {
      border-top-left-radius: 3px;
      border-bottom-left-radius: 3px; }
    ui-gmap-google-map .map-button-group button:last-child,
    ui-gmap-google-map .map-button-group .md-button:not(.ng-hide):last-child {
      border-top-right-radius: 3px;
      border-bottom-right-radius: 3px; }

#content.state-equipo-timeline,
#content.state-vinedo-timeline {
  padding: 0px;
  overflow-y: visible;
  overflow-x: hidden; }
  #content.state-equipo-timeline irrifooter,
  #content.state-vinedo-timeline irrifooter {
    display: none; }

.estimacion-backdrop {
  position: fixed;
  left: 0px;
  top: 50px;
  background: rgba(0, 0, 0, 0.2);
  width: 100%;
  height: 100%;
  z-index: 9;
  transition: background .2s ease; }

.estimacion-cuartel-window {
  position: absolute;
  top: 50px;
  left: 100px;
  background: white;
  opacity: 1;
  box-shadow: 0 5px 6px -3px rgba(0, 0, 0, 0.2), 0 9px 12px 1px rgba(0, 0, 0, 0.14), 0 3px 16px 2px rgba(0, 0, 0, 0.12);
  width: 600px;
  margin: 20px;
  z-index: 10;
  padding: 16px;
  transition: opacity .3s ease; }
  .estimacion-cuartel-window *:not(.ng-hide) {
    opacity: 1;
    transition: opacity .5s ease; }
  .estimacion-cuartel-window.ng-hide {
    opacity: 0; }
    .estimacion-cuartel-window.ng-hide * {
      opacity: 0; }
  .estimacion-cuartel-window .estimacion-close {
    position: absolute;
    right: 16px;
    top: 16px; }
  .estimacion-cuartel-window:after {
    display: none;
    content: "";
    background: white;
    position: absolute;
    left: 20px;
    transform: rotate(45deg);
    width: 20px;
    height: 20px; }
  .estimacion-cuartel-window.center-arrow:after {
    left: 320px; }
  .estimacion-cuartel-window.top-arrow:after {
    top: -11px;
    display: block;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-left: 1px solid rgba(0, 0, 0, 0.1); }
  .estimacion-cuartel-window.bottom-arrow:after {
    bottom: -11px;
    display: block;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    border-right: 1px solid rgba(0, 0, 0, 0.3); }

.estimacion-cuartel-window input {
  width: 3em;
  font-size: 36px;
  height: 40px; }

.estimacion-cuartel-window md-input-container .md-placeholder,
.estimacion-cuartel-window md-input-container label:not(.md-no-float):not(.md-container-ignore) {
  transform: translate3d(0, 35px, 0) scale(1); }

.estimacion-cuartel-window md-input-container.md-input-focused label:not(.md-no-float),
.estimacion-cuartel-window md-input-container.md-input-has-placeholder label:not(.md-no-float),
.estimacion-cuartel-window md-input-container.md-input-has-value label:not(.md-no-float) {
  transform: translate3d(0, 2px, 0) scale(1);
  color: black; }

.estimacion-cuartel md-icon {
  margin-top: -5px;
  color: #9e9e9e; }
  .estimacion-cuartel md-icon .estimacion-close {
    position: absolute;
    top: 0px;
    right: 0px; }

.editEt {
  position: absolute;
  width: auto;
  height: auto;
  background-color: white;
  z-index: 9;
  box-shadow: 0 5px 6px -3px rgba(0, 0, 0, 0.2), 0 9px 12px 1px rgba(0, 0, 0, 0.14), 0 3px 16px 2px rgba(0, 0, 0, 0.12); }
  .editEt:after {
    display: none;
    content: "";
    background: white;
    position: absolute;
    left: 39px;
    transform: rotate(45deg);
    width: 20px;
    height: 20px; }
  .editEt.top-arrow:after {
    top: -11px;
    display: block;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-left: 1px solid rgba(0, 0, 0, 0.1); }
  .editEt md-input-container {
    display: block;
    margin: 12px auto 0px auto;
    width: 70px; }
    .editEt md-input-container .md-errors-spacer {
      display: none; }
  .editEt input {
    text-align: right;
    font-size: 20px;
    border: 1px solid green; }

.time-table .nombre_cuartel {
  cursor: pointer;
  text-align: left;
  padding-left: 16px;
  overflow: hidden;
  vertical-align: top;
  width: 114px;
  display: inline-block;
  color: #3f51b5;
  text-decoration: none;
  font-weight: bold;
  line-height: 33px;
  transition: 0.3s all ease; }
  .time-table .nombre_cuartel:hover {
    background: #c5cae9;
    text-decoration: underline; }

.time-table .nombre_cuartel_h {
  width: 114px;
  text-align: left !important;
  padding-left: 16px; }

.time-table .riego_normal,
.time-table .riego_normal_h {
  width: 70px;
  text-align: center; }

.time-table .prom_etb,
.time-table .prom_etb_h {
  width: 70px;
  text-align: center; }

.time-table .kr,
.time-table .kr_h {
  width: 60px; }
  .time-table .kr md-input-container,
  .time-table .kr_h md-input-container {
    margin: -5px 0px 0px 0px;
    width: 100%; }
  .time-table .kr input,
  .time-table .kr_h input {
    width: 80%;
    margin: 0 auto;
    display: block;
    text-align: center;
    line-height: 1.5em;
    margin-top: -5px;
    background: white !important;
    border: 1px solid rgba(0, 0, 0, 0.15); }

.time-table .etc,
.time-table .etc_h {
  width: 50px;
  text-align: center; }

.time-table .diasPR,
.time-table .diasPR_h {
  width: 60px;
  text-align: center; }

.time-table .vol_total,
.time-table .vol_total_h {
  width: 70px;
  text-align: center; }

.time-table .hrs_total,
.time-table .hrs_total_h {
  width: 70px;
  text-align: center; }

.time-table .icon-estimacion_h {
  width: 52px;
  height: 10px; }

.time-table .etc_acum,
.time-table .etc_acum_h {
  width: 70px;
  text-align: center; }

.time-table .mm_sug,
.time-table .mm_sug_h {
  width: 70px;
  text-align: center; }

.time-table .hrs_sug,
.time-table .hrs_sug_h {
  width: 70px;
  text-align: center; }

.time-table md-toolbar {
  margin-top: 0px; }
  .time-table md-toolbar h2 {
    margin-right: 50px; }
  .time-table md-toolbar .md-open-menu-container {
    z-index: 1010; }
  .time-table md-toolbar .menu-descargas {
    padding: 0px; }
    .time-table md-toolbar .menu-descargas .md-button {
      margin: 0px 8px; }
  .time-table md-toolbar .md-fab {
    background: white !important;
    color: #388e3c !important; }

.time-table .volumen {
  margin-left: 16px;
  margin-right: 4px;
  margin-top: 10px;
  display: inline-block;
  font-size: 14px; }

.time-table .file-warn {
  display: block; }

.time-table md-menu {
  margin: 0px;
  padding: 0px; }

.externo {
  position: relative;
  overflow: hidden;
  min-width: 500px;
  height: calc(100% - 100px) !important; }
  .externo > * {
    font-size: 12px; }
  .externo .esquina-left {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 4;
    height: 50px;
    background: white;
    min-width: 191px;
    padding-left: 30px; }
    .externo .esquina-left.con-estimacion {
      padding-right: 55px; }
    .externo .esquina-left .parametro {
      border: none;
      height: 20px;
      margin-left: 0px;
      text-align: center;
      display: inline-block;
      font-size: 12px;
      vertical-align: top;
      margin-top: 20px; }
  .externo .esquina-right {
    position: absolute;
    top: 0px;
    z-index: 4;
    height: 50px;
    background: white;
    min-width: 0px;
    right: 15px; }
    .externo .esquina-right .parametro {
      border: none;
      height: 20px;
      margin-left: 4px;
      text-align: center;
      display: inline-block;
      font-size: 12px;
      vertical-align: top;
      margin-top: 20px; }
  .externo .backdrop-loading {
    background: rgba(255, 255, 255, 0.7);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 4; }
  .externo md-progress-circular {
    position: absolute;
    left: calc(50% - 25px);
    top: 100px;
    z-index: 5; }
  .externo header {
    margin-left: 218px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); }
    .externo header .calendario {
      height: 50px;
      width: calc(100% - 500px - 30px);
      display: inline-block;
      box-shadow: inset 12px 0px 3px -10px rgba(0, 0, 0, 0.3); }
      .externo header .calendario .calendario-header {
        height: 50px;
        background: white;
        z-index: 10; }
        .externo header .calendario .calendario-header .md-button {
          margin: 0px 4px;
          vertical-align: top; }
        .externo header .calendario .calendario-header .header-agno {
          display: inline-block; }
        .externo header .calendario .calendario-header .header-semana {
          display: inline-block;
          height: 30px;
          padding-top: 15px;
          padding-bottom: 5px;
          vertical-align: bottom;
          cursor: default;
          position: relative;
          /*background: rgba(255,255,255,0);
          background: -moz-linear-gradient(top, rgba(255,255,255,0) 43%, rgba(216,240,232,0) 52%, rgba(127,204,177,0.25) 73%, rgba(11,159,107,0.5) 100%);
          background: -webkit-gradient(left top, left bottom, color-stop(43%, rgba(255,255,255,0)), color-stop(52%, rgba(216,240,232,0)), color-stop(73%, rgba(127,204,177,0.25)), color-stop(100%, rgba(11,159,107,0.5)));
          background: -webkit-linear-gradient(top, rgba(255,255,255,0) 43%, rgba(216,240,232,0) 52%, rgba(127,204,177,0.25) 73%, rgba(11,159,107,0.5) 100%);
          background: -o-linear-gradient(top, rgba(255,255,255,0) 43%, rgba(216,240,232,0) 52%, rgba(127,204,177,0.25) 73%, rgba(11,159,107,0.5) 100%);
          background: -ms-linear-gradient(top, rgba(255,255,255,0) 43%, rgba(216,240,232,0) 52%, rgba(127,204,177,0.25) 73%, rgba(11,159,107,0.5) 100%);
          background: linear-gradient(to bottom, rgba(255,255,255,0) 43%, rgba(216,240,232,0) 52%, rgba(127,204,177,0.25) 73%, rgba(11,159,107,0.5) 100%);
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#0b9f6b', GradientType=0 );*/
          transition: 1s all ease;
          background-size: 1px 80px; }
          .externo header .calendario .calendario-header .header-semana:nth-child(2n+1) {
            background-color: rgba(13, 71, 161, 0.1); }
          .externo header .calendario .calendario-header .header-semana:hover {
            background-position-y: -40px; }
            .externo header .calendario .calendario-header .header-semana:hover .fecha-txt {
              transform: rotate(0deg) translate(8px, -10px) !important; }
              .externo header .calendario .calendario-header .header-semana:hover .fecha-txt span.month {
                opacity: 0; }
            .externo header .calendario .calendario-header .header-semana:hover .detalle-semana {
              opacity: 1;
              min-height: 45px;
              padding-top: 10px;
              padding-bottom: 10px; }
          .externo header .calendario .calendario-header .header-semana .detalle-semana {
            top: 25px;
            width: calc(100% + 60px);
            margin-left: -60px;
            background: white;
            box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.4);
            opacity: 0;
            position: absolute;
            transition: 0.5s all ease;
            min-height: 0px;
            height: 0px;
            overflow: hidden;
            z-index: 10; }
            .externo header .calendario .calendario-header .header-semana .detalle-semana .fecha-et-h {
              color: #d32f2f; }
            .externo header .calendario .calendario-header .header-semana .detalle-semana .fecha-precip-h {
              color: #1976d2; }
            .externo header .calendario .calendario-header .header-semana .detalle-semana .fecha-et-h,
            .externo header .calendario .calendario-header .header-semana .detalle-semana .fecha-precip-h {
              width: 45px;
              margin-left: 10px;
              font-size: 10px;
              display: inline-block; }
            .externo header .calendario .calendario-header .header-semana .detalle-semana .detalle-semana-precip {
              width: 100%;
              display: block;
              margin-bottom: 8px; }
              .externo header .calendario .calendario-header .header-semana .detalle-semana .detalle-semana-precip .fecha-precip {
                display: inline-block;
                width: 27px;
                text-align: center;
                font-weight: bold;
                color: #1976d2; }
            .externo header .calendario .calendario-header .header-semana .detalle-semana .detalle-semana-et {
              width: 100%;
              display: block;
              margin-bottom: 8px; }
              .externo header .calendario .calendario-header .header-semana .detalle-semana .detalle-semana-et .fecha-et {
                display: inline-block;
                width: 30px;
                text-align: center;
                font-weight: bold;
                color: #d32f2f;
                padding: 2px 0px;
                transition: 0.2s all cubic-bezier(0.62, 0.28, 0.23, 0.99);
                border-radius: 2px;
                cursor: pointer; }
                .externo header .calendario .calendario-header .header-semana .detalle-semana .detalle-semana-et .fecha-et:hover {
                  background: rgba(0, 0, 0, 0.2);
                  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.8); }
            .externo header .calendario .calendario-header .header-semana .detalle-semana span.et-acum {
              margin: 0px;
              padding: 0px;
              margin-left: 10px; }
              .externo header .calendario .calendario-header .header-semana .detalle-semana span.et-acum .title-et-acum {
                font-size: 10px;
                margin-right: 8px;
                width: 45px;
                display: inline-block; }
        .externo header .calendario .calendario-header .editing {
          background-position-y: -40px; }
          .externo header .calendario .calendario-header .editing .fecha-txt {
            transform: rotate(0deg) translate(8px, -10px) !important; }
            .externo header .calendario .calendario-header .editing .fecha-txt span.month {
              opacity: 0; }
          .externo header .calendario .calendario-header .editing .detalle-semana {
            opacity: 1;
            min-height: 45px;
            padding-top: 10px;
            padding-bottom: 10px; }
        .externo header .calendario .calendario-header .fecha {
          width: 30px;
          display: inline-block;
          transition: 1s all ease; }
          .externo header .calendario .calendario-header .fecha.hoy {
            color: #e53935;
            font-weight: bold; }
          .externo header .calendario .calendario-header .fecha .month {
            opacity: 1;
            transition: 1s all ease; }
          .externo header .calendario .calendario-header .fecha .fecha-txt {
            display: block;
            width: 50px;
            font-size: 12px;
            transform: rotate(-45deg) translate(2px, 2px);
            transition: .5s all ease; }
  .externo .sidebar {
    padding-top: 50px;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 2;
    overflow: hidden;
    background: white;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); }
    .externo .sidebar .toggle-details {
      position: absolute;
      margin-top: 185px;
      top: 0px;
      right: 0px;
      width: 11px;
      height: 30px;
      text-align: center;
      padding: 0px;
      border: none;
      background: white;
      z-index: 5;
      box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4);
      outline: none; }
      .externo .sidebar .toggle-details i {
        margin-left: -6px; }
    .externo .sidebar .equipo {
      position: relative;
      padding-left: 30px;
      border-bottom: 2px solid rgba(0, 0, 0, 0.5); }
      .externo .sidebar .equipo:first-child {
        border-top: none; }
      .externo .sidebar .equipo .nombre_equipo_container {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 30px;
        height: 50%;
        background: #FFF9C4; }
        .externo .sidebar .equipo .nombre_equipo_container:after {
          position: absolute;
          bottom: -100%;
          left: 0px;
          width: 30px;
          height: 100%;
          display: block;
          content: "";
          /* padding-bottom: 50%; */
          background: #FFF9C4;
          z-index: 0; }
        .externo .sidebar .equipo .nombre_equipo_container .nombre_equipo {
          transform: rotate(-90deg) translateX(50%);
          display: inline-block;
          position: absolute;
          width: 4000px;
          left: -1993px;
          bottom: -50%;
          height: 0px;
          overflow: visible;
          z-index: 10; }
    .externo .sidebar .cuartel {
      height: 33px;
      position: relative; }
      .externo .sidebar .cuartel .md-icon-button {
        position: relative; }
        .externo .sidebar .cuartel .md-icon-button md-progress-circular {
          position: absolute;
          left: calc(50% - 10px);
          top: calc(50% - 12px);
          z-index: 2; }
      .externo .sidebar .cuartel .state-tipo-riego i {
        margin-left: 10px;
        color: #333; }
      .externo .sidebar .cuartel:nth-of-type(even) {
        background-color: #EEEEEE; }
      .externo .sidebar .cuartel > div {
        height: 23px;
        padding-top: 10px;
        display: inline-block;
        vertical-align: top; }
      .externo .sidebar .cuartel i.fa.fa-refresh.fa-spin {
        line-height: 32px;
        position: absolute;
        left: 3px;
        top: 0px;
        color: #43a047; }
  .externo .sidebar-right {
    padding-top: 50px;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 2;
    overflow: hidden;
    background: white;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); }
    .externo .sidebar-right .equipo {
      position: relative;
      padding-left: 0px;
      border-bottom: 2px solid rgba(0, 0, 0, 0.5); }
      .externo .sidebar-right .equipo:last-child {
        border-bottom: none; }
    .externo .sidebar-right .cuartel {
      height: 33px;
      position: relative; }
      .externo .sidebar-right .cuartel:nth-of-type(even) {
        background-color: #EEEEEE; }
      .externo .sidebar-right .cuartel > div {
        height: 23px;
        padding-top: 10px;
        display: inline-block;
        vertical-align: top; }

.master {
  margin: 0px;
  background: white;
  padding: 0px;
  position: relative;
  overflow: scroll;
  height: 350px; }
  .master .interno {
    position: relative;
    padding-top: 50px; }
    .master .interno .calendario-interno {
      width: auto;
      display: block;
      box-sizing: border-box;
      border-bottom: 2px solid rgba(0, 0, 0, 0.5); }
      .master .interno .calendario-interno .cuartel-interno {
        padding-left: 50px; }
        .master .interno .calendario-interno .cuartel-interno:nth-child(2n+1) {
          background: #EEEEEE; }
      .master .interno .calendario-interno .fecha-cuartel {
        border-left: 1px solid rgba(0, 0, 0, 0.1);
        display: inline-block;
        height: 33px;
        outline: none;
        text-align: center;
        vertical-align: top;
        width: 29px; }
        .master .interno .calendario-interno .fecha-cuartel:last-child {
          border-right: 1px solid rgba(0, 0, 0, 0.1); }
        .master .interno .calendario-interno .fecha-cuartel .dot {
          width: 8px;
          height: 8px;
          border-radius: 50% 0px 0px 50%;
          position: absolute;
          top: 10px; }
          .master .interno .calendario-interno .fecha-cuartel .dot.programado {
            background: #4CAF50;
            right: 0px;
            box-shadow: inset 0px 0px 2px #1B5E20; }
        .master .interno .calendario-interno .fecha-cuartel .fa.fa-tint {
          font-size: 20px;
          text-align: center;
          position: relative;
          width: 0px;
          margin: 0px 1px;
          height: 10px;
          display: inline-block; }
          .master .interno .calendario-interno .fecha-cuartel .fa.fa-tint:before {
            content: "\f043";
            font-size: 14px;
            position: absolute;
            top: 0px; }
          .master .interno .calendario-interno .fecha-cuartel .fa.fa-tint.proximo {
            color: #01579B;
            width: 6px; }
            .master .interno .calendario-interno .fecha-cuartel .fa.fa-tint.proximo:after {
              color: #8E24AA; }
            .master .interno .calendario-interno .fecha-cuartel .fa.fa-tint.proximo:before {
              color: #8E24AA;
              left: 0px; }
          .master .interno .calendario-interno .fecha-cuartel .fa.fa-tint.programado {
            color: #4CAF50;
            display: none; }
            .master .interno .calendario-interno .fecha-cuartel .fa.fa-tint.programado:after {
              color: #1B5E20; }
            .master .interno .calendario-interno .fecha-cuartel .fa.fa-tint.programado:before {
              color: #1B5E20;
              right: 0px; }
          .master .interno .calendario-interno .fecha-cuartel .fa.fa-tint.real {
            color: #0091EA;
            display: none; }
            .master .interno .calendario-interno .fecha-cuartel .fa.fa-tint.real:after {
              color: #01579B; }
            .master .interno .calendario-interno .fecha-cuartel .fa.fa-tint.real:before {
              color: #01579B;
              left: 0px; }
        .master .interno .calendario-interno .fecha-cuartel .programado-detalle,
        .master .interno .calendario-interno .fecha-cuartel .real-detalle {
          color: white;
          height: 1.2em;
          width: 26px;
          margin-left: 2px; }
        .master .interno .calendario-interno .fecha-cuartel .real-detalle {
          background: #01579B; }
        .master .interno .calendario-interno .fecha-cuartel .programado-detalle {
          background: #1B5E20;
          display: none; }
  .master .scholander {
    text-align: center;
    height: 1.2em;
    width: 26px;
    margin-left: 2px;
    padding-top: 0.1em;
    background: #EF6C00;
    font-weight: bold;
    color: white; }
  .master .fa:not(.hide) + .fa + .scholander,
  .master .fa:not(.hide) + .scholander {
    margin-top: 14px; }
  .master .fecha-cuartel.hoy {
    background-color: rgba(200, 0, 0, 0.1); }

.simbologia {
  margin-top: 10px;
  width: 100%;
  padding: 0px 16px;
  text-align: center; }
  .simbologia label {
    font-weight: bold; }
  .simbologia .simb-content {
    margin-bottom: 10px;
    display: inline-block;
    margin-right: 2.5em; }
  .simbologia .dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    position: relative; }
    .simbologia .dot.programado {
      background: #4CAF50;
      right: 4px; }
  .simbologia .fa.fa-tint {
    font-size: 20px;
    text-align: center;
    position: relative;
    width: 1em;
    display: inline-block; }
    .simbologia .fa.fa-tint:before {
      content: "\f043";
      font-size: 14px; }
    .simbologia .fa.fa-tint.proximo {
      color: #01579B; }
      .simbologia .fa.fa-tint.proximo:after {
        color: #8E24AA; }
      .simbologia .fa.fa-tint.proximo:before {
        color: #8E24AA; }
    .simbologia .fa.fa-tint.programado {
      color: #4CAF50; }
      .simbologia .fa.fa-tint.programado:after {
        color: #1B5E20; }
      .simbologia .fa.fa-tint.programado:before {
        color: #1B5E20; }
    .simbologia .fa.fa-tint.real {
      color: #0091EA; }
      .simbologia .fa.fa-tint.real:after {
        color: #01579B; }
      .simbologia .fa.fa-tint.real:before {
        color: #01579B; }
  .simbologia .real-detalle,
  .simbologia .table-icon-scholander {
    text-align: center;
    height: 1.2em;
    width: 1.3em;
    padding: 0.1em 8px;
    font-size: 12px;
    color: white;
    border-radius: 2px;
    display: inline-block;
    margin-right: 0.5em; }
    .simbologia .real-detalle p,
    .simbologia .table-icon-scholander p {
      margin-left: 28px; }
  .simbologia .real-detalle {
    background: #01579B; }
  .simbologia .table-icon-scholander {
    background: #EF6C00; }

.volumenes {
  text-align: center; }

.programacion-popover {
  position: absolute;
  display: block;
  width: 30px;
  height: 40px;
  z-index: 2000; }

.fecha-cuartel {
  position: relative; }
  .fecha-cuartel.black-day {
    background: rgba(0, 0, 0, 0.2); }
  .fecha-cuartel .button {
    cursor: pointer; }
    .fecha-cuartel .button > i {
      width: 45%;
      text-align: center;
      padding-top: 6px; }
      .fecha-cuartel .button > i.real {
        color: blue; }
      .fecha-cuartel .button > i.programado {
        color: DeepSkyBlue; }
      .fecha-cuartel .button > i.sugerido {
        color: green; }
  .fecha-cuartel .dato-scholander {
    background: orange;
    color: white; }

.programacion-popover {
  width: 200px;
  padding: 0px;
  overflow: hidden;
  background: white;
  min-height: 215px;
  display: block; }
  .programacion-popover .bg-green {
    background-color: #4caf50 !important; }
  .programacion-popover h2 {
    text-align: center;
    color: white;
    display: block;
    width: 100%;
    padding: 0px;
    -webkit-margin-before: 0.83em;
    -webkit-margin-after: 0.83em; }
  .programacion-popover *[flex] {
    padding: 0px 5px; }
  .programacion-popover span.dots {
    text-align: center;
    display: block;
    font-size: 34px;
    width: 100%;
    color: #333; }
  .programacion-popover input[type="text"] {
    font-size: 34px;
    color: #333;
    width: 100%;
    text-align: center;
    margin: 0 auto;
    border: none;
    background-color: rgba(0, 0, 0, 0.1); }
  .programacion-popover button {
    display: block;
    width: 100% !important;
    min-width: auto;
    min-height: 36px;
    font-weight: bold;
    padding: 0px;
    color: #333;
    margin: 0px; }

.programar .dia.fecha-cuartel:not(.programable) {
  background: rgba(0, 0, 0, 0.2); }

.programar .dia.fecha-cuartel.programable:not(.hoy) {
  background: rgba(77, 182, 172, 0.3); }

.programar .dia .real-detalle {
  display: none !important; }

.programar .dia.fecha-cuartel.programable .programado-detalle:not(.hide) {
  display: block !important; }

.programar .dia.fecha-cuartel.programable .fa-tint.real,
.programar .dia.fecha-cuartel.programable .fa-tint.programado,
.programar .dia.fecha-cuartel.programable .dot.programado,
.programar .dia.fecha-cuartel.programable .scholander {
  display: none !important; }

.riegoReal .dia.fecha-cuartel.semana:not(.hoy) {
  background: rgba(77, 182, 172, 0.3); }

.riegoReal .dia.fecha-cuartel.semana-anterior {
  background: rgba(79, 195, 247, 0.3); }

.riegoReal .dia.fecha-cuartel:not(.semana):not(.semana-anterior) {
  background: rgba(0, 0, 0, 0.2); }

.riegoReal .dia.fecha-cuartel.semana-anterior .real-detalle:not(.hide),
.riegoReal .dia.fecha-cuartel.semana .real-detalle:not(.hide) {
  display: block !important; }

.riegoReal .dia.fecha-cuartel.semana-anterior .fa-tint.real, .riegoReal .dia.fecha-cuartel.semana-anterior .fa-tint.programado, .riegoReal .dia.fecha-cuartel.semana-anterior .scholander,
.riegoReal .dia.fecha-cuartel.semana .fa-tint.real,
.riegoReal .dia.fecha-cuartel.semana .fa-tint.programado,
.riegoReal .dia.fecha-cuartel.semana .scholander {
  display: none !important; }

.select-equipo-dialog {
  min-width: 500px; }

.equipo-pdf,
.caseta-pdf {
  position: relative; }
  .equipo-pdf md-progress-linear,
  .caseta-pdf md-progress-linear {
    left: 0px;
    bottom: 0px;
    position: absolute; }

#detail-day {
  width: 160px;
  background: white;
  position: absolute;
  left: 0px;
  top: 0px;
  transition: all 0.3s ease;
  z-index: 1;
  border-radius: 5px;
  opacity: 0.85;
  margin-left: 35px;
  overflow: visible !important;
  color: black;
  display: inline-block;
  padding: 10px;
  line-height: 1.1em;
  margin-bottom: 10px;
  box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12); }
  #detail-day div {
    display: block;
    height: 1.2em;
    width: auto; }
    #detail-day div.data, #detail-day div span.data {
      font-weight: bold; }
    #detail-day div.data {
      padding-left: 40px; }
  #detail-day:after {
    content: "";
    width: 10px;
    height: 10px;
    display: block;
    position: absolute;
    left: -5px;
    top: 10px;
    background: white;
    transform: rotate(45deg);
    transition: all 0.3s ease; }

.max.state-equipo-timeline button.tl-tab,
.max.state-vinedo-timeline button.tl-tab {
  margin-bottom: -18px; }

.max.state-equipo-timeline .estimacion-backdrop,
.max.state-vinedo-timeline .estimacion-backdrop {
  top: 64px; }
  .max.state-equipo-timeline .estimacion-backdrop.ng-hide,
  .max.state-vinedo-timeline .estimacion-backdrop.ng-hide {
    background: rgba(0, 0, 0, 0); }

.max.state-equipo-timeline .externo,
.max.state-vinedo-timeline .externo {
  height: calc(100% - 100px) !important; }

.max.state-equipo-timeline irrifooter,
.max.state-vinedo-timeline irrifooter {
  display: none; }

.max.state-equipo-timeline .time-table,
.max.state-vinedo-timeline .time-table {
  padding: 0px; }

.timetable-controls {
  padding: 0px 16px; }

button.tl-tab {
  display: inline-block;
  position: relative;
  cursor: pointer;
  min-height: 36px;
  min-width: 88px;
  line-height: 36px;
  vertical-align: middle;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-grid-row-align: center;
  align-items: center;
  text-align: center;
  border-radius: 3px 3px 0px 0px;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 0;
  padding: 0px 10px 6px 10px;
  margin: 6px 0px -4px 2px;
  background: white;
  color: #333;
  white-space: nowrap;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 14px;
  font-style: inherit;
  font-variant: inherit;
  font-family: inherit;
  text-decoration: none;
  overflow: hidden;
  -webkit-transition: box-shadow 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), background-color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  transition: box-shadow 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), background-color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  outline: none;
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.2), inset 0px -8px 13px -7px rgba(0, 0, 0, 0.5); }

button.tl-tab-selected {
  box-shadow: inset 0px 3px 0px 1px #43a047;
  z-index: 2; }

.externo {
  border-top: 1px solid #43a047;
  border-bottom: 1px solid #43a047; }

.timeline-content {
  margin-top: 36px;
  padding-bottom: 1px; }

.timeline {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-around;
  align-items: flex-end;
  align-content: flex-end;
  margin: 30px 25px 60px 25px;
  border-top: 1px solid #455a64;
  overflow: visible;
  height: 0px; }
  .timeline .num {
    position: absolute;
    left: -2px;
    top: 2px;
    display: block;
    width: 2em;
    text-align: center;
    color: #FFF; }
  .timeline .dot {
    display: inline-block;
    width: 0px;
    height: 10px;
    position: relative;
    border-left: 2px solid #607d8b; }
    .timeline .dot .drop {
      cursor: pointer;
      top: -22px;
      display: block;
      position: absolute;
      left: -4px;
      width: 0px;
      height: 0px;
      transition: all 0.5s ease; }
    .timeline .dot .drop-tooltip {
      min-height: 3em;
      width: 200px;
      position: absolute;
      bottom: 8px;
      left: -20px;
      background: white none repeat scroll 0% 0%;
      padding: 16px 16px 54px 16px;
      opacity: 0;
      visibility: hidden;
      transition: all 0.5s ease;
      z-index: 70; }
      .timeline .dot .drop-tooltip.show {
        visibility: visible;
        opacity: 1; }
      .timeline .dot .drop-tooltip i {
        position: absolute;
        left: 16px;
        bottom: 10px;
        cursor: default; }
      .timeline .dot .drop-tooltip .num {
        left: 14px;
        bottom: 16px;
        position: absolute;
        display: block;
        top: auto; }
      .timeline .dot .drop-tooltip button {
        position: absolute !important;
        right: 2px;
        bottom: 2px; }
      .timeline .dot .drop-tooltip .mensaje {
        padding: 8px 0px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
        .timeline .dot .drop-tooltip .mensaje:last-child {
          border-bottom: none; }
        .timeline .dot .drop-tooltip .mensaje .name {
          font-weight: bold;
          font-size: 16px;
          display: block; }
        .timeline .dot .drop-tooltip .mensaje .date {
          font-size: 12px;
          color: #616161;
          display: block; }
        .timeline .dot .drop-tooltip .mensaje > span.text {
          display: inline-block;
          margin: 0px;
          padding: 0px;
          width: 100%; }
      .timeline .dot .drop-tooltip.right {
        left: auto;
        right: -35px; }
        .timeline .dot .drop-tooltip.right i {
          right: 15px;
          left: auto; }
        .timeline .dot .drop-tooltip.right .num {
          right: 13px;
          left: auto; }
        .timeline .dot .drop-tooltip.right button {
          left: 2px;
          right: auto; }
    .timeline .dot.alert {
      height: 20px;
      position: relative;
      transition: height 0.5s ease; }
      .timeline .dot.alert .drop {
        width: 30px;
        height: 30px; }
    .timeline .dot .close-msj {
      cursor: pointer !important;
      outline: none;
      position: absolute;
      right: 6px;
      top: 6px;
      left: initial !important;
      bottom: initial !important;
      color: rgba(0, 0, 0, 0.3);
      display: block; }
    .timeline .dot .add {
      outline: none;
      position: absolute;
      right: -11px;
      top: -25px;
      color: grey;
      opacity: 0.1;
      transition: opacity 0.2s ease;
      cursor: pointer; }
    .timeline .dot:hover .add {
      opacity: 1; }
    .timeline .dot .fecha {
      color: grey;
      width: 100px;
      text-align: right;
      font-size: 13px;
      position: absolute;
      transform: rotate(-45deg);
      right: -15px;
      bottom: -50px; }

.new-msj {
  padding-bottom: 0px; }

.all-msj-dialog .mensaje {
  padding: 8px 0px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
  .all-msj-dialog .mensaje .name {
    font-weight: bold;
    font-size: 16px;
    display: block; }
  .all-msj-dialog .mensaje .date {
    font-size: 12px;
    color: #616161;
    display: block; }
  .all-msj-dialog .mensaje > span.text {
    display: inline-block;
    margin: 0px;
    padding: 8px; }

detalle-muestras > div {
  max-height: 2000px;
  transition: 0.8s all cubic-bezier(0.62, 0.28, 0.23, 0.99);
  overflow: hidden; }
  detalle-muestras > div .details-input-multiple {
    padding: 16px;
    border: 1px solid #007b48; }
    detalle-muestras > div .details-input-multiple h3 {
      color: #757575;
      padding-left: 8px;
      line-height: 38px !important;
      margin-top: 2px !important; }
      detalle-muestras > div .details-input-multiple h3 span {
        color: #37474f;
        font-size: 24px;
        font-weight: bold; }
    detalle-muestras > div .details-input-multiple .muestreos {
      max-height: 250px;
      overflow-x: hidden;
      overflow-y: scroll; }
    detalle-muestras > div .details-input-multiple .muestreo md-content {
      overflow: hidden; }
    detalle-muestras > div .details-input-multiple .muestreo md-input-container {
      padding-bottom: 2px; }
      detalle-muestras > div .details-input-multiple .muestreo md-input-container label:not(.md-no-float) {
        line-height: 21px; }
      detalle-muestras > div .details-input-multiple .muestreo md-input-container md-progress-circular.progress-right {
        position: absolute;
        right: -6px;
        top: -4px; }
      detalle-muestras > div .details-input-multiple .muestreo md-input-container md-menu {
        margin: 0;
        right: -12px;
        left: auto;
        top: -12px;
        position: absolute; }
  detalle-muestras > div.hide-detail {
    max-height: 0px; }

.list-num-estad {
  border-top: 1px solid rgba(0, 0, 0, 0.1); }

.num-estad {
  color: #757575;
  margin: 20px 0; }
  .num-estad span.number {
    font-size: 28px;
    display: block;
    text-align: center; }
  .num-estad span.medida {
    font-size: 20px; }
  .num-estad span.subtitle {
    text-align: center;
    display: block; }

.filtro-resumen .btn span.circle {
  border-radius: 50%;
  width: 16px;
  height: 16px;
  display: inline-block; }

.filtro-resumen .btn span.red {
  background: #e5473c; }

.filtro-resumen .btn span.blue {
  background: #3e98d9; }

.filtro-resumen .btn span.green {
  background: #007b48; }

.info-a-regar input {
  width: 3em;
  margin: 5px 0px;
  padding: 2px;
  display: inline-block;
  height: 30px; }

.sector-a-regar {
  border: 1px solid #b2ebf2;
  position: relative;
  max-height: 110px;
  margin-bottom: 15px;
  background: #e0f7fa; }
  .sector-a-regar:hover {
    background: #b2ebf2; }
  .sector-a-regar > * {
    display: inline-block;
    margin-right: -4px;
    vertical-align: top;
    padding: 15px;
    height: 110px; }
  .sector-a-regar .sar-nombre {
    width: 20%; }
  .sector-a-regar .sar-sugerido {
    width: 35%; }
    .sector-a-regar .sar-sugerido b.title {
      margin-bottom: 15px;
      display: block; }
    .sector-a-regar .sar-sugerido .info span {
      margin-bottom: 5px;
      display: block; }
  .sector-a-regar .sar-real {
    width: 45%;
    padding-right: 75px; }
  .sector-a-regar .sar-btn-regado {
    width: 85px;
    height: 80px;
    position: absolute;
    right: 18px;
    top: 15px;
    padding: 0px; }
    .sector-a-regar .sar-btn-regado .btn {
      height: inherit;
      width: 100%; }

.variedad {
  padding: 16px;
  margin-bottom: 32px; }
  .variedad h2 {
    margin: 0px; }
  .variedad table th {
    text-align: left !important; }
  .variedad table tr:hover {
    background: rgba(0, 0, 0, 0.1); }

.kc md-select {
  margin-right: 16px; }

.kc .estados i {
  position: absolute;
  top: 26px;
  left: 2px;
  display: inlline-block; }

.kc .estados .info {
  margin-left: 18px;
  display: block;
  color: #007b48;
  margin-bottom: 8px; }

.kc .estados .etapa-title {
  display: block;
  margin-left: 18px;
  line-height: 1em;
  font-size: 18px;
  margin-top: 8px;
  margin-bottom: 8px; }

.kc .estados input[type="text"] {
  text-align: right; }

.kc .estados .porciento {
  top: 26px; }

.kc .estados span.fecha {
  color: grey;
  font: 14px;
  font-style: italic;
  margin-top: 26px;
  margin-left: 1em;
  display: block; }

.inicio-container {
  margin-top: 50px; }
  .inicio-container h2 {
    margin-top: 20px;
    margin-bottom: 20px;
    text-transform: uppercase; }
    .inicio-container h2 *[flex="10"] {
      box-shadow: 0px 0px 1px red; }
  .inicio-container button:not(.md-fab) {
    width: calc(100% - 72px); }

.volumen-calc {
  line-height: 36px; }

.botonera-equipo {
  margin-bottom: 32px; }

.new-scholander {
  padding: 24px;
  width: 600px; }
  .new-scholander * {
    vertical-align: middle; }

.new-sholander-option {
  padding-right: 8px;
  padding-left: 8px; }

.save-scholander {
  margin-left: 25px; }

.cuartel-faltante {
  color: #3f51b5;
  font-weight: bold;
  font-size: 16px; }

.resumen-equipo-numeros {
  text-align: center;
  font-size: 70px;
  color: white;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/$blue+50,f44336+51 */
  background: #3e98d9;
  /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzNmNTFiNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2Y0NDMzNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(-20deg, #3e98d9 50%, #e5473c 51%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right bottom, color-stop(50%, #3e98d9), color-stop(51%, #e5473c));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(-20deg, #3e98d9 50%, #e5473c 51%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(-20deg, #3e98d9 50%, #e5473c 51%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(-20deg, #3e98d9 50%, #e5473c 51%);
  /* IE10+ */
  background: linear-gradient(110deg, #3e98d9 50%, #e5473c 51%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$blue', endColorstr='$red',GradientType=1 );
  /* IE6-8 fallback on horizontal gradient */ }

.resumen-equipo-numeros[max-width~="230px"] {
  text-align: center;
  font-size: 100px;
  color: white;
  background-color: #e5473c !important;
  background: #e5473c !important; }

.resumen-equipo-numeros span {
  display: inline-block;
  vertical-align: top;
  margin: 0px 15px; }

.resumen-equipo-numeros span .desc {
  font-size: 12px;
  display: block;
  margin-top: -10px;
  margin-bottom: 16px; }

.alerta {
  padding-left: 130px;
  position: relative;
  cursor: pointer; }
  .alerta *[layout] {
    padding: 8px 0px; }
  .alerta .fa-stack {
    position: absolute;
    left: 18px;
    top: calc(50% - 42px); }
  .alerta h2 {
    margin: 0px 0px 16px 0px !important; }
  .alerta span.info {
    margin-bottom: 8px;
    display: block; }

.riegos-pendientes {
  background-color: transparent;
  margin-bottom: 16px; }
  .riegos-pendientes.sin-programacion h3 {
    width: 90% !important; }
  .riegos-pendientes h2 {
    margin: 16px; }
  .riegos-pendientes h3 {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    display: inline-block;
    width: 100%;
    margin: 0px;
    padding: 3px; }
  .riegos-pendientes h4 {
    margin: 32px 0px 7px 0px !important;
    display: block; }
  .riegos-pendientes span.label {
    font-weight: bold;
    line-height: 30px;
    vertical-align: middle;
    margin-right: 1em;
    min-width: 140px;
    display: inline-block; }
    .riegos-pendientes span.label.block {
      display: block; }
    .riegos-pendientes span.label.label-fecha {
      line-height: 50px; }
  .riegos-pendientes .botonera {
    width: 100%; }
    .riegos-pendientes .botonera .md-boton-guardar {
      float: right;
      display: block;
      width: auto;
      text-align: center; }
  .riegos-pendientes md-list-item, .riegos-pendientes section {
    padding: 0px 16px;
    background-color: white;
    width: 100%; }
    .riegos-pendientes md-list-item .md-list-item-text, .riegos-pendientes section .md-list-item-text {
      display: block;
      position: relative; }
      .riegos-pendientes md-list-item .md-list-item-text .item-content, .riegos-pendientes section .md-list-item-text .item-content {
        padding-top: 16px; }
    .riegos-pendientes md-list-item md-input-container, .riegos-pendientes section md-input-container {
      padding: 0px; }

.real-table h3,
.programacion-table h3 {
  margin-left: 16px;
  display: inline-block; }

.edit-cuartel {
  width: 100%;
  border: solid orange;
  padding: 15px;
  transition: all linear 0.5s;
  opacity: 1; }

.cuarteles-list {
  background: white;
  border: solid thin #D6DBDF;
  overflow-y: auto; }
  .cuarteles-list .cuarteles-list-item {
    width: 100%;
    border: solid thin #D6DBDF;
    border-left: none;
    border-right: none; }
    .cuarteles-list .cuarteles-list-item .div-cuartel {
      width: 100%;
      padding: 10px; }

.buscador {
  width: 240px;
  margin-bottom: 12px; }

.lista-sectores {
  padding: 0px; }
  .lista-sectores md-list-item {
    color: #808080; }

.nombre-sector {
  color: #0F86FF; }

.detalle-sector {
  margin: 20px -16px;
  padding: 10px 25px; }
  .detalle-sector .encabezado {
    width: 100%;
    height: 30px; }

.contenido-dialog {
  margin: 0px;
  padding: 12px; }

.detalles-fertilizacion {
  padding: 0px 10px;
  padding-bottom: 10px; }

.componentes {
  padding: 5px 12px; }

.titulo {
  margin: 0px; }

#cont-produccion h1, #cont-produccion .buscador {
  margin-left: 25px; }

#cont-produccion md-list-item .data-cuartel span {
  font-size: 14px;
  font-weight: normal;
  margin-left: 16px;
  opacity: 1;
  transition: 0.5s all ease; }

#cont-produccion .result {
  padding: 20px 0px; }
  #cont-produccion .result .highcharts-container {
    margin-top: 40px; }
  #cont-produccion .result .info-box {
    border: 1px solid #e6e6e6;
    padding: 10px 10px 20px;
    height: 145px;
    position: relative; }
    #cont-produccion .result .info-box.active {
      border: 1px solid #007b48; }
      #cont-produccion .result .info-box.active:after {
        content: "";
        display: block;
        position: absolute;
        left: 0px;
        bottom: -3px;
        width: 100%;
        height: 6px;
        background: white; }
    #cont-produccion .result .info-box:hover .recalcular {
      display: block;
      opacity: 1; }
    #cont-produccion .result .info-box .show-details {
      position: absolute;
      right: 0px;
      bottom: 0px; }
    #cont-produccion .result .info-box .input-box {
      outline: none;
      background-color: #fff !important;
      border: 1px solid #e6e6e6;
      width: 90%; }
      #cont-produccion .result .info-box .input-box:focus {
        border: 1px solid #e6e6e6 !important;
        border-bottom: 2px solid #008000 !important; }
    #cont-produccion .result .info-box .title-box {
      line-height: 1.3em; }
    #cont-produccion .result .info-box .recalcular {
      margin: 0px;
      position: absolute;
      left: 0px;
      bottom: 0px;
      width: 100%;
      display: none;
      opacity: 0;
      transition: 0.4s opacity ease; }
    #cont-produccion .result .info-box .disabled {
      border: none; }
    #cont-produccion .result .info-box .real {
      color: #008000; }
    #cont-produccion .result .info-box .estimado {
      color: #007fff; }
    #cont-produccion .result .info-box .real, #cont-produccion .result .info-box .estimado {
      font-style: italic; }
  #cont-produccion .result .info-amplia {
    background-color: #fff; }
    #cont-produccion .result .info-amplia .info1 {
      padding: 15px 0px; }
      #cont-produccion .result .info-amplia .info1 .desc-cuartel {
        padding: 3px;
        line-height: 1.1em; }
        #cont-produccion .result .info-amplia .info1 .desc-cuartel .name-desc {
          font-weight: bold;
          margin-right: 0.5em; }
    #cont-produccion .result .info-amplia .info2 {
      max-width: 100%; }
      #cont-produccion .result .info-amplia .info2 span {
        display: block; }
      #cont-produccion .result .info-amplia .info2 .info-fin {
        border: 1px solid transparent;
        padding: 10px 20px;
        color: #757575; }
        #cont-produccion .result .info-amplia .info2 .info-fin div {
          padding: 5px 0px; }
        #cont-produccion .result .info-amplia .info2 .info-fin .fin1 {
          padding: 0px 20%; }
        #cont-produccion .result .info-amplia .info2 .info-fin .resInfo {
          font-size: 20px;
          color: #333;
          margin-right: 0.5em; }
        #cont-produccion .result .info-amplia .info2 .info-fin .medInfo {
          font-size: 16px;
          padding-top: 4%; }
        #cont-produccion .result .info-amplia .info2 .info-fin .resInfo2 {
          font-size: 18px;
          color: #333;
          margin-right: 0.5em;
          line-height: 1em; }
        #cont-produccion .result .info-amplia .info2 .info-fin .medInfo2 {
          font-size: 14px;
          padding-top: 3%;
          line-height: 1em; }

.backdropLogin {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  background-color: rgba(0, 0, 0, 0.3); }

.login-content {
  background: white; }

img.logo-login {
  width: 75%;
  height: 170px;
  margin: 0px auto; }

.sectores-list {
  overflow-y: auto;
  background: white;
  border: solid thin #D6DBDF; }
  .sectores-list .sectores-list-item {
    width: 100%;
    border: solid thin #D6DBDF;
    border-left: none;
    border-right: none;
    transition: all linear 0.5s;
    opacity: 0.8; }
    .sectores-list .sectores-list-item .sectores-input {
      width: 12em; }
      .sectores-list .sectores-list-item .sectores-input[disabled] {
        border: none;
        background-color: white;
        color: #000000; }
    .sectores-list .sectores-list-item.active {
      border: solid orange;
      transition: all linear 0.5s;
      opacity: 1; }

.list-item-etapa {
  border: 1px solid #D6DBDF;
  transition: all linear 0.1s;
  opacity: 0.8; }
  .list-item-etapa.active {
    border: solid #fb8c00;
    opacity: 1; }

.etapa-button {
  width: 98%;
  border-radius: 5px; }

.dialog-etapa {
  width: 350px;
  height: 300px; }

.div-40 {
  width: 40%; }

.div-100 {
  width: 100%; }

.variedad-list {
  overflow-y: scroll;
  height: 30vh;
  max-height: 30vh; }

.div-sector {
  width: 100%;
  border-bottom: solid thin #D6DBDF;
  transition: all linear 0.5s;
  opacity: 0.8; }

.datos-sector {
  width: 80%; }

.small-datos {
  font-size: 12px; }

.edit-sector {
  width: 100%;
  border: solid orange;
  padding: 15px;
  transition: all linear 0.5s;
  opacity: 1; }

.md-select-caseta {
  display: inline-block;
  width: 11em; }

.checkbox-casetas {
  height: 150px;
  width: 250px;
  margin-bottom: 20px;
  overflow-y: scroll; }

.dialog-sector {
  width: 600px;
  height: 1000px; }

#boton-capa {
  height: 26px;
  width: 125px;
  margin-left: 5px;
  border-radius: 5px; }

#map {
  overflow-x: hidden;
  overflow-y: hidden;
  z-index: 0; }

.box-mapa {
  overflow: hidden;
  width: 100%;
  height: 85vh; }

.leaflet-editing-icon {
  width: 10px !important;
  height: 11px !important; }

.easy-button-container {
  display: flex !important; }

.botonera-map {
  position: absolute;
  top: 6px;
  left: 20%;
  z-index: 1000; }

.boton-capa {
  font-family: Roboto; }

.boton-deseleccionar {
  font-family: Roboto;
  width: 200px; }

.select-poligono {
  position: absolute;
  bottom: 25px;
  left: 20px;
  z-index: 1000;
  width: 350px;
  height: 90px;
  background-color: white;
  border-radius: 5px; }
  .select-poligono md-input-container {
    width: 100%;
    height: 100%; }
    .select-poligono md-input-container md-select {
      width: 80%; }

.vinedo-configuracion {
  background: white; }
  .vinedo-configuracion .div-configuracion {
    border: solid thin #D6DBDF;
    padding: 16px; }
  .vinedo-configuracion .div-kp {
    border: solid thin #D6DBDF;
    padding: 8px 16px 0px 16px; }
    .vinedo-configuracion .div-kp md-button {
      margin: 0px; }
  .vinedo-configuracion .scrollable-configuracion {
    overflow-y: auto;
    width: 100%;
    max-height: 80%;
    margin-top: 20px;
    margin-bottom: 10px; }
  .vinedo-configuracion .div-users {
    margin-top: 10px;
    width: 100%;
    height: 90%;
    max-width: 100%;
    max-height: 80%;
    overflow-y: auto; }
  .vinedo-configuracion .div-user {
    border: solid thin #D6DBDF;
    transition: all linear 0.1s;
    opacity: 0.8; }
    .vinedo-configuracion .div-user.active {
      border: solid #fb8c00;
      opacity: 1; }
  .vinedo-configuracion .user-icon {
    font-size: 50px; }
  .vinedo-configuracion md-input-container.container-config {
    height: 30px; }

.sector {
  width: auto;
  background: white;
  margin: 10px;
  padding: 10px;
  border: 1px solid #546e7a; }
  .sector input[type="text"]:disabled {
    color: black;
    border-color: transparent;
    background: transparent !important; }
  .sector .buttons {
    display: inline-block; }
    .sector .buttons i {
      vertical-align: middle; }
  .sector .lista-sensores {
    margin-left: 100px; }
    .sector .lista-sensores .sensor {
      background: #cfd8dc;
      margin-top: 10px;
      padding: 5px; }
  .sector .sector-id,
  .sector .sensor-id {
    min-width: 40px;
    display: inline-block; }
  .sector .var-nombre-sector {
    margin-right: 40px;
    margin-left: 20px; }
    .sector .var-nombre-sector input[type="text"] {
      width: 120px;
      margin-left: 10px;
      border: 1px solid #546e7a; }
  .sector .var-sector input[type="text"] {
    width: 60px;
    margin-left: 10px;
    border: 1px solid #546e7a; }
  .sector .var-sensor {
    margin-left: 20px; }
    .sector .var-sensor input[type="text"] {
      width: 60px;
      margin-left: 10px;
      border: 1px solid #546e7a; }

#wrap {
  background: #f3f3f3; }

md-content.md-default-theme, md-content {
  color: #333; }

#content {
  background: #f3f3f3;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 5px;
  transition: 0.3s all ease; }
  #content > md-toolbar {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 99%;
    z-index: 21; }
  #content.max {
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 10;
    width: 100%;
    height: 100%;
    padding: 0px;
    padding: 0px; }
    #content.max md-icon[md-svg-icon="irri-logo-white"] {
      margin-right: 20px; }
    #content.max .hide-max {
      display: none; }
    #content.max .show-max {
      display: block; }

.show-max {
  display: none; }

.hide {
  display: none !important; }
  .hide:after, .hide:before {
    display: none !important; }

.body-max {
  /*  md-backdrop{
    z-index: 1005;
  }
  .md-dialog-container{
    z-index:1100;
  }*/ }
  .body-max #chat-application {
    display: none !important; }

a {
  color: #0288d1; }
  a.md-box {
    display: block;
    color: #37474f;
    text-decoration: none;
    padding: 0px;
    margin: 0px; }

sub, sup {
  font-size: 90%;
  margin-left: 1px;
  vertical-align: baseline;
  position: relative;
  top: -0.4em; }

sub {
  top: 0.4em; }

html, body {
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  height: 100%;
  margin: 0px;
  padding: 0px; }

#wrap {
  background: #f3f3f3; }

#chat-application {
  min-height: 130px !important;
  min-width: 90px !important; }

md-tabs:not(.md-no-tab-content):not(.md-dynamic-height) {
  min-height: 48px !important; }

md-backdrop {
  z-index: 70; }

.relative {
  position: relative; }

.fa span:not(.fa) {
  font-family: 'Roboto', sans-serif; }

.ng-hide-add {
  display: none; }

footer {
  padding: 20px;
  text-align: center;
  color: #BABABA;
  margin-top: 50px; }

.no-scroll {
  overflow: hidden !important; }

.text-center {
  text-align: center; }

.loading-msj div.flex-40 {
  width: 40%;
  margin: 50px 0px;
  text-align: center; }
  .loading-msj div.flex-40 span {
    margin: 16px;
    display: block; }

.alert h1 i, .alert h2 i {
  font-size: 36px;
  vertical-align: middle; }

/* Utils */
.content-wrapper {
  position: relative; }

/* Typography support coming in 0.8.0 */
md-toolbar h1 {
  font-size: 1.250em;
  font-weight: 400; }

.md-button .md-ripple-container {
  -webkit-mask-image: none !important; }

.md-whiteframe-z1,
.md-whiteframe-z2,
.md-whiteframe-z3,
.md-whiteframe-z4,
.md-whiteframe-z5 {
  background-color: white; }

.md-datepicker-calendar-pane {
  background: none; }

.md-datepicker-open .md-datepicker-input {
  background: white; }

.nm, .no-margin {
  margin: 0px !important; }

input[type="time"]::-webkit-clear-button {
  display: none; }

tr.back-blue-table td {
  background: rgba(141, 207, 236, 0.3) !important; }

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important; }

.l-padding {
  padding: 8px; }

h1, .h1,
h2, .h2 {
  margin-top: 0px;
  margin-bottom: 0px; }
  h1.title-box, h1.title-view, .h1.title-box, .h1.title-view,
  h2.title-box,
  h2.title-view, .h2.title-box, .h2.title-view {
    margin-top: 16px;
    margin-bottom: 16px; }

h4, .h4,
h5, .h5,
h6, .h6 {
  margin-top: 10px;
  margin-bottom: 0px;
  color: #37474f; }

h1.md-warn, .h1.md-warn,
h2.md-warn, .h2.md-warn,
h4.md-warn, .h4.md-warn,
h5.md-warn, .h5.md-warn,
h6.md-warn, .h6.md-warn,
span.md-warn, p.md-warn {
  color: #e53935; }

.md-button .material-icons {
  vertical-align: middle; }

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

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

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

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

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

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

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

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

.tiny-text {
  font-size: 13px; }

.t-no-right {
  margin-right: -15px; }

.t-no-left {
  margin-left: -15px; }

.used {
  background: rgba(0, 0, 200, 0.05);
  color: blue; }

.inline {
  display: inline-block; }

h3.inline {
  margin-left: 20px; }

.fecha-etb {
  margin-left: 25px; }

.truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.animated {
  -webkit-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1) all;
  -moz-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1) all;
  -ms-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1) all;
  -o-transition: 300ms cubic-bezier(0.42, 0, 0.58, 1) all;
  transition: 300ms cubic-bezier(0.42, 0, 0.58, 1) all; }

.down-button-container {
  display: inline-block;
  float: right; }

.bomba-graph .highcharts-container {
  height: 350px !important; }

.bomba-graph .bomba-sch-anterior {
  margin-top: 7px; }
  .bomba-graph .bomba-sch-anterior .huge {
    margin-right: 15px; }
  .bomba-graph .bomba-sch-anterior .dropdown {
    display: inline-block; }

#content.max .container-hc {
  min-height: 350px !important; }

.container-hc {
  min-height: 300px;
  position: relative; }
  .container-hc *[data-highcharts-chart] {
    -webkit-flex: 1 1 auto;
    position: absolute;
    height: 100%;
    width: 100%; }
    .container-hc *[data-highcharts-chart] .highcharts-container {
      position: absolute !important; }

md-tooltip .md-content {
  background: rgba(0, 0, 0, 0.7) !important;
  font-weight: bold;
  font-size: 14px; }

.relative {
  position: relative; }

.users-dialog {
  width: 90%;
  max-width: 90%;
  height: 90%;
  max-height: 90%; }

.users-dialog md-input-container {
  margin: 0px;
  padding-left: 32px;
  padding-right: 32px; }

.users-dialog md-input-container input {
  box-shadow: none;
  border: none;
  background: rgba(255, 255, 255, 0.2);
  padding: 0px 16px;
  height: 36px;
  border-radius: 3px;
  color: white !important; }

.users-dialog md-input-container input:focux {
  background: rgba(255, 255, 255, 0.6); }

.users-dialog md-input-container .md-errors-spacer {
  display: none; }

.users-dialog md-list-item {
  transition: 0.1s all ease; }

.users-dialog md-list-item:hover {
  background: rgba(0, 0, 0, 0.1); }

.users-dialog .md-subheader-inner {
  padding-left: 40px;
  padding-right: 138px; }

.users-dialog md-content {
  background: white; }

.user-form {
  min-width: 600px;
  width: 50%; }

.users-dialog md-progress-circular svg path {
  stroke: white; }