@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/MaterialIcons-Regular.eot); /* For IE6-8 */
    src: local('Material Icons'),
    local('MaterialIcons-Regular'),
    url(../fonts/MaterialIcons-Regular.woff2) format('woff2'),
    url(../fonts/MaterialIcons-Regular.woff) format('woff'),
    url(../fonts/MaterialIcons-Regular.ttf) format('truetype');
}

.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;  /* Preferred icon size */
    display: inline-block;
    width: 1em;
    height: 1em;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;

    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;

    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;

    /* Support for IE. */
    font-feature-settings: 'liga';
}

/* Rules for sizing the icon. */
.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; }

/* Rules for using icons as black on a light background. */
.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }

/* Rules for using icons as white on a dark background. */
.material-icons.md-light { color: rgba(255, 255, 255, 1); }
.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }


.material-icons.red {color: #f44336;}
.material-icons.red-50 {color: #ffebee;}
.material-icons.red-100 {color: #ffcdd2;}
.material-icons.red-200 {color: #ef9a9a;}
.material-icons.red-300 {color: #e57373;}
.material-icons.red-400 {color: #ef5350;}
.material-icons.red-500 {color: #f44336;}
.material-icons.red-600 {color: #e53935;}
.material-icons.red-700 {color: #d32f2f;}
.material-icons.red-800 {color: #c62828;}
.material-icons.red-900 {color: #b71c1c;}
.material-icons.red-A100 {color: #ff8a80;}
.material-icons.red-A200 {color: #ff5252;}
.material-icons.red-A400 {color: #ff1744;}
.material-icons.red-A700 {color: #d50000;}

.material-icons.pink {color: #e91e63;}
.material-icons.pink-50 {color: #fce4ec;}
.material-icons.pink-100 {color: #f8bbd0;}
.material-icons.pink-200 {color: #f48fb1;}
.material-icons.pink-300 {color: #f06292;}
.material-icons.pink-400 {color: #ec407a;}
.material-icons.pink-500 {color: #e91e63;}
.material-icons.pink-600 {color: #d81b60;}
.material-icons.pink-700 {color: #c2185b;}
.material-icons.pink-800 {color: #ad1457;}
.material-icons.pink-900 {color: #880e4f;}
.material-icons.pink-A100 {color: #ff80ab;}
.material-icons.pink-A200 {color: #ff4081;}
.material-icons.pink-A400 {color: #f50057;}
.material-icons.pink-A700 {color: #c51162;}

.material-icons.purple {color: #9c27b0;}
.material-icons.purple-50 {color: #f3e5f5;}
.material-icons.purple-100 {color: #e1bee7;}
.material-icons.purple-200 {color: #ce93d8;}
.material-icons.purple-300 {color: #ba68c8;}
.material-icons.purple-400 {color: #ab47bc;}
.material-icons.purple-500 {color: #9c27b0;}
.material-icons.purple-600 {color: #8e24aa;}
.material-icons.purple-700 {color: #7b1fa2;}
.material-icons.purple-800 {color: #6a1b9a;}
.material-icons.purple-900 {color: #4a148c;}
.material-icons.purple-A100 {color: #ea80fc;}
.material-icons.purple-A200 {color: #e040fb;}
.material-icons.purple-A400 {color: #d500f9;}
.material-icons.purple-A700 {color: #aa00ff;}

.material-icons.deep-purple {color: #673ab7;}
.material-icons.deep-purple-50 {color: #ede7f6;}
.material-icons.deep-purple-100 {color: #d1c4e9;}
.material-icons.deep-purple-200 {color: #b39ddb;}
.material-icons.deep-purple-300 {color: #9575cd;}
.material-icons.deep-purple-400 {color: #7e57c2;}
.material-icons.deep-purple-500 {color: #673ab7;}
.material-icons.deep-purple-600 {color: #5e35b1;}
.material-icons.deep-purple-700 {color: #512da8;}
.material-icons.deep-purple-800 {color: #4527a0;}
.material-icons.deep-purple-900 {color: #311b92;}
.material-icons.deep-purple-A100 {color: #b388ff;}
.material-icons.deep-purple-A200 {color: #7c4dff;}
.material-icons.deep-purple-A400 {color: #651fff;}
.material-icons.deep-purple-A700 {color: #6200ea;}

.material-icons.indigo {color: #3f51b5;}
.material-icons.indigo-50 {color: #e8eaf6;}
.material-icons.indigo-100 {color: #c5cae9;}
.material-icons.indigo-200 {color: #9fa8da;}
.material-icons.indigo-300 {color: #7986cb;}
.material-icons.indigo-400 {color: #5c6bc0;}
.material-icons.indigo-500 {color: #3f51b5;}
.material-icons.indigo-600 {color: #3949ab;}
.material-icons.indigo-700 {color: #303f9f;}
.material-icons.indigo-800 {color: #283593;}
.material-icons.indigo-900 {color: #1a237e;}
.material-icons.indigo-A100 {color: #8c9eff;}
.material-icons.indigo-A200 {color: #536dfe;}
.material-icons.indigo-A400 {color: #3d5afe;}
.material-icons.indigo-A700 {color: #304ffe;}

.material-icons.blue {color: #2196f3;}
.material-icons.blue-50 {color: #e3f2fd;}
.material-icons.blue-100 {color: #bbdefb;}
.material-icons.blue-200 {color: #90caf9;}
.material-icons.blue-300 {color: #64b5f6;}
.material-icons.blue-400 {color: #42a5f5;}
.material-icons.blue-500 {color: #2196f3;}
.material-icons.blue-600 {color: #1e88e5;}
.material-icons.blue-700 {color: #1976d2;}
.material-icons.blue-800 {color: #1565c0;}
.material-icons.blue-900 {color: #0d47a1;}
.material-icons.blue-A100 {color: #82b1ff;}
.material-icons.blue-A200 {color: #448aff;}
.material-icons.blue-A400 {color: #2979ff;}
.material-icons.blue-A700 {color: #2962ff;}

.material-icons.light-blue {color: #03a9f4;}
.material-icons.light-blue-50 {color: #e1f5fe;}
.material-icons.light-blue-100 {color: #b3e5fc;}
.material-icons.light-blue-200 {color: #81d4fa;}
.material-icons.light-blue-300 {color: #4fc3f7;}
.material-icons.light-blue-400 {color: #29b6f6;}
.material-icons.light-blue-500 {color: #03a9f4;}
.material-icons.light-blue-600 {color: #039be5;}
.material-icons.light-blue-700 {color: #0288d1;}
.material-icons.light-blue-800 {color: #0277bd;}
.material-icons.light-blue-900 {color: #01579b;}
.material-icons.light-blue-A100 {color: #80d8ff;}
.material-icons.light-blue-A200 {color: #40c4ff;}
.material-icons.light-blue-A400 {color: #00b0ff;}
.material-icons.light-blue-A700 {color: #0091ea;}

.material-icons.cyan {color: #00bcd4;}
.material-icons.cyan-50 {color: #e0f7fa;}
.material-icons.cyan-100 {color: #b2ebf2;}
.material-icons.cyan-200 {color: #80deea;}
.material-icons.cyan-300 {color: #4dd0e1;}
.material-icons.cyan-400 {color: #26c6da;}
.material-icons.cyan-500 {color: #00bcd4;}
.material-icons.cyan-600 {color: #00acc1;}
.material-icons.cyan-700 {color: #0097a7;}
.material-icons.cyan-800 {color: #00838f;}
.material-icons.cyan-900 {color: #006064;}
.material-icons.cyan-A100 {color: #84ffff;}
.material-icons.cyan-A200 {color: #18ffff;}
.material-icons.cyan-A400 {color: #00e5ff;}
.material-icons.cyan-A700 {color: #00b8d4;}

.material-icons.teal {color: #009688;}
.material-icons.teal-50 {color: #e0f2f1;}
.material-icons.teal-100 {color: #b2dfdb;}
.material-icons.teal-200 {color: #80cbc4;}
.material-icons.teal-300 {color: #4db6ac;}
.material-icons.teal-400 {color: #26a69a;}
.material-icons.teal-500 {color: #009688;}
.material-icons.teal-600 {color: #00897b;}
.material-icons.teal-700 {color: #00796b;}
.material-icons.teal-800 {color: #00695c;}
.material-icons.teal-900 {color: #004d40;}
.material-icons.teal-A100 {color: #a7ffeb;}
.material-icons.teal-A200 {color: #64ffda;}
.material-icons.teal-A400 {color: #1de9b6;}
.material-icons.teal-A700 {color: #00bfa5;}

.material-icons.green {color: #4caf50;}
.material-icons.green-50 {color: #e8f5e9;}
.material-icons.green-100 {color: #c8e6c9;}
.material-icons.green-200 {color: #a5d6a7;}
.material-icons.green-300 {color: #81c784;}
.material-icons.green-400 {color: #66bb6a;}
.material-icons.green-500 {color: #4caf50;}
.material-icons.green-600 {color: #43a047;}
.material-icons.green-700 {color: #388e3c;}
.material-icons.green-800 {color: #2e7d32;}
.material-icons.green-900 {color: #1b5e20;}
.material-icons.green-A100 {color: #b9f6ca;}
.material-icons.green-A200 {color: #69f0ae;}
.material-icons.green-A400 {color: #00e676;}
.material-icons.green-A700 {color: #00c853;}

.material-icons.light-green {color: #8bc34a;}
.material-icons.light-green-50 {color: #f1f8e9;}
.material-icons.light-green-100 {color: #dcedc8;}
.material-icons.light-green-200 {color: #c5e1a5;}
.material-icons.light-green-300 {color: #aed581;}
.material-icons.light-green-400 {color: #9ccc65;}
.material-icons.light-green-500 {color: #8bc34a;}
.material-icons.light-green-600 {color: #7cb342;}
.material-icons.light-green-700 {color: #689f38;}
.material-icons.light-green-800 {color: #558b2f;}
.material-icons.light-green-900 {color: #33691e;}
.material-icons.light-green-A100 {color: #ccff90;}
.material-icons.light-green-A200 {color: #b2ff59;}
.material-icons.light-green-A400 {color: #76ff03;}
.material-icons.light-green-A700 {color: #64dd17;}

.material-icons.lime {color: #cddc39;}
.material-icons.lime-50 {color: #f9fbe7;}
.material-icons.lime-100 {color: #f0f4c3;}
.material-icons.lime-200 {color: #e6ee9c;}
.material-icons.lime-300 {color: #dce775;}
.material-icons.lime-400 {color: #d4e157;}
.material-icons.lime-500 {color: #cddc39;}
.material-icons.lime-600 {color: #c0ca33;}
.material-icons.lime-700 {color: #afb42b;}
.material-icons.lime-800 {color: #9e9d24;}
.material-icons.lime-900 {color: #827717;}
.material-icons.lime-A100 {color: #f4ff81;}
.material-icons.lime-A200 {color: #eeff41;}
.material-icons.lime-A400 {color: #c6ff00;}
.material-icons.lime-A700 {color: #aeea00;}

.material-icons.yellow {color: #ffeb3b;}
.material-icons.yellow-50 {color: #fffde7;}
.material-icons.yellow-100 {color: #fff9c4;}
.material-icons.yellow-200 {color: #fff59d;}
.material-icons.yellow-300 {color: #fff176;}
.material-icons.yellow-400 {color: #ffee58;}
.material-icons.yellow-500 {color: #ffeb3b;}
.material-icons.yellow-600 {color: #fdd835;}
.material-icons.yellow-700 {color: #fbc02d;}
.material-icons.yellow-800 {color: #f9a825;}
.material-icons.yellow-900 {color: #f57f17;}
.material-icons.yellow-A100 {color: #ffff8d;}
.material-icons.yellow-A200 {color: #ffff00;}
.material-icons.yellow-A400 {color: #ffea00;}
.material-icons.yellow-A700 {color: #ffd600;}

.material-icons.amber {color: #ffc107;}
.material-icons.amber-50 {color: #fff8e1;}
.material-icons.amber-100 {color: #ffecb3;}
.material-icons.amber-200 {color: #ffe082;}
.material-icons.amber-300 {color: #ffd54f;}
.material-icons.amber-400 {color: #ffca28;}
.material-icons.amber-500 {color: #ffc107;}
.material-icons.amber-600 {color: #ffb300;}
.material-icons.amber-700 {color: #ffa000;}
.material-icons.amber-800 {color: #ff8f00;}
.material-icons.amber-900 {color: #ff6f00;}
.material-icons.amber-A100 {color: #ffe57f;}
.material-icons.amber-A200 {color: #ffd740;}
.material-icons.amber-A400 {color: #ffc400;}
.material-icons.amber-A700 {color: #ffab00;}

.material-icons.orange {color: #ff9800;}
.material-icons.orange-50 {color: #fff3e0;}
.material-icons.orange-100 {color: #ffe0b2;}
.material-icons.orange-200 {color: #ffcc80;}
.material-icons.orange-300 {color: #ffb74d;}
.material-icons.orange-400 {color: #ffa726;}
.material-icons.orange-500 {color: #ff9800;}
.material-icons.orange-600 {color: #fb8c00;}
.material-icons.orange-700 {color: #f57c00;}
.material-icons.orange-800 {color: #ef6c00;}
.material-icons.orange-900 {color: #e65100;}
.material-icons.orange-A100 {color: #ffd180;}
.material-icons.orange-A200 {color: #ffab40;}
.material-icons.orange-A400 {color: #ff9100;}
.material-icons.orange-A700 {color: #ff6d00;}

.material-icons.deep-orange {color: #ff5722;}
.material-icons.deep-orange-50 {color: #fbe9e7;}
.material-icons.deep-orange-100 {color: #ffccbc;}
.material-icons.deep-orange-200 {color: #ffab91;}
.material-icons.deep-orange-300 {color: #ff8a65;}
.material-icons.deep-orange-400 {color: #ff7043;}
.material-icons.deep-orange-500 {color: #ff5722;}
.material-icons.deep-orange-600 {color: #f4511e;}
.material-icons.deep-orange-700 {color: #e64a19;}
.material-icons.deep-orange-800 {color: #d84315;}
.material-icons.deep-orange-900 {color: #bf360c;}
.material-icons.deep-orange-A100 {color: #ff9e80;}
.material-icons.deep-orange-A200 {color: #ff6e40;}
.material-icons.deep-orange-A400 {color: #ff3d00;}
.material-icons.deep-orange-A700 {color: #dd2c00;}

.material-icons.brown {color: #795548;}
.material-icons.brown-50 {color: #efebe9;}
.material-icons.brown-100 {color: #d7ccc8;}
.material-icons.brown-200 {color: #bcaaa4;}
.material-icons.brown-300 {color: #a1887f;}
.material-icons.brown-400 {color: #8d6e63;}
.material-icons.brown-500 {color: #795548;}
.material-icons.brown-600 {color: #6d4c41;}
.material-icons.brown-700 {color: #5d4037;}
.material-icons.brown-800 {color: #4e342e;}
.material-icons.brown-900 {color: #3e2723;}

.material-icons.grey {color: #9e9e9e;}
.material-icons.grey-50 {color: #fafafa;}
.material-icons.grey-100 {color: #f5f5f5;}
.material-icons.grey-200 {color: #eeeeee;}
.material-icons.grey-300 {color: #e0e0e0;}
.material-icons.grey-400 {color: #bdbdbd;}
.material-icons.grey-500 {color: #9e9e9e;}
.material-icons.grey-600 {color: #757575;}
.material-icons.grey-700 {color: #616161;}
.material-icons.grey-800 {color: #424242;}
.material-icons.grey-900 {color: #212121;}

.material-icons.blue-grey {color: #607d8b;}
.material-icons.blue-grey-50 {color: #eceff1;}
.material-icons.blue-grey-100 {color: #cfd8dc;}
.material-icons.blue-grey-200 {color: #b0bec5;}
.material-icons.blue-grey-300 {color: #90a4ae;}
.material-icons.blue-grey-400 {color: #78909c;}
.material-icons.blue-grey-500 {color: #607d8b;}
.material-icons.blue-grey-600 {color: #546e7a;}
.material-icons.blue-grey-700 {color: #455a64;}
.material-icons.blue-grey-800 {color: #37474f;}
.material-icons.blue-grey-900 {color: #263238;}

.material-icons.black {color: #000000;}
.material-icons.black-500 {color: #000000;}
.material-icons.black-text {color: rgba(0,0,0,0.87);}
.material-icons.black-secondary-text {color: rgba(0,0,0,0.54);}
.material-icons.black-icons {color: rgba(0,0,0,0.54);}
.material-icons.black-disabled {color: rgba(0,0,0,0.26);}
.material-icons.black-hint-text {color: rgba(0,0,0,0.26);}
.material-icons.black-dividers {color: rgba(0,0,0,0.12);}

.material-icons.white {color: #ffffff;}
.material-icons.white-500 {color: #ffffff;}
.material-icons.white-text {color: #ffffff;}
.material-icons.white-secondary-text {color: rgba(255,255,255,0.7);}
.material-icons.white-icons {color: #ffffff;}
.material-icons.white-disabled {color: rgba(255,255,255,0.3);}
.material-icons.white-hint-text {color: rgba(255,255,255,0.3);}
.material-icons.white-dividers {color: rgba(255,255,255,0.12);}