$color_1: #e51c23;
$color_2: #fdeaeb;
$color_3: #f8c1c3;
$color_4: #f3989b;
$color_5: #ee6e73;
$color_6: #ea454b;
$color_7: #d0181e;
$color_8: #b9151b;
$color_9: #a21318;
$color_10: #8b1014;
$color_11: #F44336;
$color_12: #FFEBEE;
$color_13: #FFCDD2;
$color_14: #EF9A9A;
$color_15: #E57373;
$color_16: #EF5350;
$color_17: #E53935;
$color_18: #D32F2F;
$color_19: #C62828;
$color_20: #B71C1C;
$color_21: #FF8A80;
$color_22: #FF5252;
$color_23: #FF1744;
$color_24: #D50000;
$color_25: #e91e63;
$color_26: #fce4ec;
$color_27: #f8bbd0;
$color_28: #f48fb1;
$color_29: #f06292;
$color_30: #ec407a;
$color_31: #d81b60;
$color_32: #c2185b;
$color_33: #ad1457;
$color_34: #880e4f;
$color_35: #ff80ab;
$color_36: #ff4081;
$color_37: #f50057;
$color_38: #c51162;
$color_39: #9c27b0;
$color_40: #f3e5f5;
$color_41: #e1bee7;
$color_42: #ce93d8;
$color_43: #ba68c8;
$color_44: #ab47bc;
$color_45: #8e24aa;
$color_46: #7b1fa2;
$color_47: #6a1b9a;
$color_48: #4a148c;
$color_49: #ea80fc;
$color_50: #e040fb;
$color_51: #d500f9;
$color_52: #a0f;
$color_53: #673ab7;
$color_54: #ede7f6;
$color_55: #d1c4e9;
$color_56: #b39ddb;
$color_57: #9575cd;
$color_58: #7e57c2;
$color_59: #5e35b1;
$color_60: #512da8;
$color_61: #4527a0;
$color_62: #311b92;
$color_63: #b388ff;
$color_64: #7c4dff;
$color_65: #651fff;
$color_66: #6200ea;
$color_67: #3f51b5;
$color_68: #e8eaf6;
$color_69: #c5cae9;
$color_70: #9fa8da;
$color_71: #7986cb;
$color_72: #5c6bc0;
$color_73: #3949ab;
$color_74: #303f9f;
$color_75: #283593;
$color_76: #1a237e;
$color_77: #8c9eff;
$color_78: #536dfe;
$color_79: #3d5afe;
$color_80: #304ffe;
$color_81: #2196F3;
$color_82: #E3F2FD;
$color_83: #BBDEFB;
$color_84: #90CAF9;
$color_85: #64B5F6;
$color_86: #42A5F5;
$color_87: #1E88E5;
$color_88: #1976D2;
$color_89: #1565C0;
$color_90: #0D47A1;
$color_91: #82B1FF;
$color_92: #448AFF;
$color_93: #2979FF;
$color_94: #2962FF;
$color_95: #03a9f4;
$color_96: #e1f5fe;
$color_97: #b3e5fc;
$color_98: #81d4fa;
$color_99: #4fc3f7;
$color_100: #29b6f6;
$color_101: #039be5;
$color_102: #0288d1;
$color_103: #0277bd;
$color_104: #01579b;
$color_105: #80d8ff;
$color_106: #40c4ff;
$color_107: #00b0ff;
$color_108: #0091ea;
$color_109: #00bcd4;
$color_110: #e0f7fa;
$color_111: #b2ebf2;
$color_112: #80deea;
$color_113: #4dd0e1;
$color_114: #26c6da;
$color_115: #00acc1;
$color_116: #0097a7;
$color_117: #00838f;
$color_118: #006064;
$color_119: #84ffff;
$color_120: #18ffff;
$color_121: #00e5ff;
$color_122: #00b8d4;
$color_123: #009688;
$color_124: #e0f2f1;
$color_125: #b2dfdb;
$color_126: #80cbc4;
$color_127: #4db6ac;
$color_128: #26a69a;
$color_129: #00897b;
$color_130: #00796b;
$color_131: #00695c;
$color_132: #004d40;
$color_133: #a7ffeb;
$color_134: #64ffda;
$color_135: #1de9b6;
$color_136: #00bfa5;
$color_137: #4CAF50;
$color_138: #E8F5E9;
$color_139: #C8E6C9;
$color_140: #A5D6A7;
$color_141: #81C784;
$color_142: #66BB6A;
$color_143: #43A047;
$color_144: #388E3C;
$color_145: #2E7D32;
$color_146: #1B5E20;
$color_147: #B9F6CA;
$color_148: #69F0AE;
$color_149: #00E676;
$color_150: #00C853;
$color_151: #8bc34a;
$color_152: #f1f8e9;
$color_153: #dcedc8;
$color_154: #c5e1a5;
$color_155: #aed581;
$color_156: #9ccc65;
$color_157: #7cb342;
$color_158: #689f38;
$color_159: #558b2f;
$color_160: #33691e;
$color_161: #ccff90;
$color_162: #b2ff59;
$color_163: #76ff03;
$color_164: #64dd17;
$color_165: #cddc39;
$color_166: #f9fbe7;
$color_167: #f0f4c3;
$color_168: #e6ee9c;
$color_169: #dce775;
$color_170: #d4e157;
$color_171: #c0ca33;
$color_172: #afb42b;
$color_173: #9e9d24;
$color_174: #827717;
$color_175: #f4ff81;
$color_176: #eeff41;
$color_177: #c6ff00;
$color_178: #aeea00;
$color_179: #ffeb3b;
$color_180: #fffde7;
$color_181: #fff9c4;
$color_182: #fff59d;
$color_183: #fff176;
$color_184: #ffee58;
$color_185: #fdd835;
$color_186: #fbc02d;
$color_187: #f9a825;
$color_188: #f57f17;
$color_189: #ffff8d;
$color_190: #ff0;
$color_191: #ffea00;
$color_192: #ffd600;
$color_193: #ffc107;
$color_194: #fff8e1;
$color_195: #ffecb3;
$color_196: #ffe082;
$color_197: #ffd54f;
$color_198: #ffca28;
$color_199: #ffb300;
$color_200: #ffa000;
$color_201: #ff8f00;
$color_202: #ff6f00;
$color_203: #ffe57f;
$color_204: #ffd740;
$color_205: #ffc400;
$color_206: #ffab00;
$color_207: #ff9800;
$color_208: #fff3e0;
$color_209: #ffe0b2;
$color_210: #ffcc80;
$color_211: #ffb74d;
$color_212: #ffa726;
$color_213: #fb8c00;
$color_214: #f57c00;
$color_215: #ef6c00;
$color_216: #e65100;
$color_217: #ffd180;
$color_218: #ffab40;
$color_219: #ff9100;
$color_220: #ff6d00;
$color_221: #ff5722;
$color_222: #fbe9e7;
$color_223: #ffccbc;
$color_224: #ffab91;
$color_225: #ff8a65;
$color_226: #ff7043;
$color_227: #f4511e;
$color_228: #e64a19;
$color_229: #d84315;
$color_230: #bf360c;
$color_231: #ff9e80;
$color_232: #ff6e40;
$color_233: #ff3d00;
$color_234: #dd2c00;
$color_235: #795548;
$color_236: #efebe9;
$color_237: #d7ccc8;
$color_238: #bcaaa4;
$color_239: #a1887f;
$color_240: #8d6e63;
$color_241: #6d4c41;
$color_242: #5d4037;
$color_243: #4e342e;
$color_244: #3e2723;
$color_245: #607d8b;
$color_246: #eceff1;
$color_247: #cfd8dc;
$color_248: #b0bec5;
$color_249: #90a4ae;
$color_250: #78909c;
$color_251: #546e7a;
$color_252: #455a64;
$color_253: #37474f;
$color_254: #263238;
$color_255: #9e9e9e;
$color_256: #fafafa;
$color_257: #f5f5f5;
$color_258: #eee;
$color_259: #e0e0e0;
$color_260: #bdbdbd;
$color_261: #757575;
$color_262: #616161;
$color_263: #424242;
$color_264: #212121;
$color_265: #000;
$color_266: #fff;
$color_267: transparent;
$color_268: inherit;
$color_269: #444;
$color_270: #999;
$color_271: rgba(255,255,255,0.7);
$color_272: rgba(255,255,255,0.8);
$color_273: #eafaf9;
$color_274: rgba(0,0,0,0.87);
$color_275: #ffd8a6;
$color_276: rgba(68,138,255,0.7);
$color_277: rgba(68,138,255,0.4);
$color_278: #9F9F9F;
$color_279: #343434;
$color_280: #b3b3b3;
$color_281: rgba(0,0,0,0.6);
$color_282: #d1d1d1;
$color_283: rgba(0,0,0,0.42);
$color_284: rgba(0,0,0,0.54);
$color_285: rgba(0,0,0,0.3);
$color_286: rgba(0,0,0,0.7);
$color_287: rgba(0,0,0,0.4);
$color_288: #a8a8a8;
$color_289: rgba(255,255,255,0.6);
$color_290: #181818;
$color_291: #70be74;
$color_292: #888;
$color_293: rgba(0,0,0,0.26);
$font-family_1: monospace, monospace;
$font-family_2: sans-serif;
$font-family_3: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
$font-family_4: 'Material Icons';
$font-family_5: Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
$font-family_6: "Material Icons";
$background-color_1: #e51c23;
$background-color_2: #fdeaeb;
$background-color_3: #f8c1c3;
$background-color_4: #f3989b;
$background-color_5: #ee6e73;
$background-color_6: #ea454b;
$background-color_7: #d0181e;
$background-color_8: #b9151b;
$background-color_9: #a21318;
$background-color_10: #8b1014;
$background-color_11: #F44336;
$background-color_12: #FFEBEE;
$background-color_13: #FFCDD2;
$background-color_14: #EF9A9A;
$background-color_15: #E57373;
$background-color_16: #EF5350;
$background-color_17: #E53935;
$background-color_18: #D32F2F;
$background-color_19: #C62828;
$background-color_20: #B71C1C;
$background-color_21: #FF8A80;
$background-color_22: #FF5252;
$background-color_23: #FF1744;
$background-color_24: #D50000;
$background-color_25: #e91e63;
$background-color_26: #fce4ec;
$background-color_27: #f8bbd0;
$background-color_28: #f48fb1;
$background-color_29: #f06292;
$background-color_30: #ec407a;
$background-color_31: #d81b60;
$background-color_32: #c2185b;
$background-color_33: #ad1457;
$background-color_34: #880e4f;
$background-color_35: #ff80ab;
$background-color_36: #ff4081;
$background-color_37: #f50057;
$background-color_38: #c51162;
$background-color_39: #9c27b0;
$background-color_40: #f3e5f5;
$background-color_41: #e1bee7;
$background-color_42: #ce93d8;
$background-color_43: #ba68c8;
$background-color_44: #ab47bc;
$background-color_45: #8e24aa;
$background-color_46: #7b1fa2;
$background-color_47: #6a1b9a;
$background-color_48: #4a148c;
$background-color_49: #ea80fc;
$background-color_50: #e040fb;
$background-color_51: #d500f9;
$background-color_52: #a0f;
$background-color_53: #673ab7;
$background-color_54: #ede7f6;
$background-color_55: #d1c4e9;
$background-color_56: #b39ddb;
$background-color_57: #9575cd;
$background-color_58: #7e57c2;
$background-color_59: #5e35b1;
$background-color_60: #512da8;
$background-color_61: #4527a0;
$background-color_62: #311b92;
$background-color_63: #b388ff;
$background-color_64: #7c4dff;
$background-color_65: #651fff;
$background-color_66: #6200ea;
$background-color_67: #3f51b5;
$background-color_68: #e8eaf6;
$background-color_69: #c5cae9;
$background-color_70: #9fa8da;
$background-color_71: #7986cb;
$background-color_72: #5c6bc0;
$background-color_73: #3949ab;
$background-color_74: #303f9f;
$background-color_75: #283593;
$background-color_76: #1a237e;
$background-color_77: #8c9eff;
$background-color_78: #536dfe;
$background-color_79: #3d5afe;
$background-color_80: #304ffe;
$background-color_81: #2196F3;
$background-color_82: #E3F2FD;
$background-color_83: #BBDEFB;
$background-color_84: #90CAF9;
$background-color_85: #64B5F6;
$background-color_86: #42A5F5;
$background-color_87: #1E88E5;
$background-color_88: #1976D2;
$background-color_89: #1565C0;
$background-color_90: #0D47A1;
$background-color_91: #82B1FF;
$background-color_92: #448AFF;
$background-color_93: #2979FF;
$background-color_94: #2962FF;
$background-color_95: #03a9f4;
$background-color_96: #e1f5fe;
$background-color_97: #b3e5fc;
$background-color_98: #81d4fa;
$background-color_99: #4fc3f7;
$background-color_100: #29b6f6;
$background-color_101: #039be5;
$background-color_102: #0288d1;
$background-color_103: #0277bd;
$background-color_104: #01579b;
$background-color_105: #80d8ff;
$background-color_106: #40c4ff;
$background-color_107: #00b0ff;
$background-color_108: #0091ea;
$background-color_109: #00bcd4;
$background-color_110: #e0f7fa;
$background-color_111: #b2ebf2;
$background-color_112: #80deea;
$background-color_113: #4dd0e1;
$background-color_114: #26c6da;
$background-color_115: #00acc1;
$background-color_116: #0097a7;
$background-color_117: #00838f;
$background-color_118: #006064;
$background-color_119: #84ffff;
$background-color_120: #18ffff;
$background-color_121: #00e5ff;
$background-color_122: #00b8d4;
$background-color_123: #009688;
$background-color_124: #e0f2f1;
$background-color_125: #b2dfdb;
$background-color_126: #80cbc4;
$background-color_127: #4db6ac;
$background-color_128: #26a69a;
$background-color_129: #00897b;
$background-color_130: #00796b;
$background-color_131: #00695c;
$background-color_132: #004d40;
$background-color_133: #a7ffeb;
$background-color_134: #64ffda;
$background-color_135: #1de9b6;
$background-color_136: #00bfa5;
$background-color_137: #4CAF50;
$background-color_138: #E8F5E9;
$background-color_139: #C8E6C9;
$background-color_140: #A5D6A7;
$background-color_141: #81C784;
$background-color_142: #66BB6A;
$background-color_143: #43A047;
$background-color_144: #388E3C;
$background-color_145: #2E7D32;
$background-color_146: #1B5E20;
$background-color_147: #B9F6CA;
$background-color_148: #69F0AE;
$background-color_149: #00E676;
$background-color_150: #00C853;
$background-color_151: #8bc34a;
$background-color_152: #f1f8e9;
$background-color_153: #dcedc8;
$background-color_154: #c5e1a5;
$background-color_155: #aed581;
$background-color_156: #9ccc65;
$background-color_157: #7cb342;
$background-color_158: #689f38;
$background-color_159: #558b2f;
$background-color_160: #33691e;
$background-color_161: #ccff90;
$background-color_162: #b2ff59;
$background-color_163: #76ff03;
$background-color_164: #64dd17;
$background-color_165: #cddc39;
$background-color_166: #f9fbe7;
$background-color_167: #f0f4c3;
$background-color_168: #e6ee9c;
$background-color_169: #dce775;
$background-color_170: #d4e157;
$background-color_171: #c0ca33;
$background-color_172: #afb42b;
$background-color_173: #9e9d24;
$background-color_174: #827717;
$background-color_175: #f4ff81;
$background-color_176: #eeff41;
$background-color_177: #c6ff00;
$background-color_178: #aeea00;
$background-color_179: #ffeb3b;
$background-color_180: #fffde7;
$background-color_181: #fff9c4;
$background-color_182: #fff59d;
$background-color_183: #fff176;
$background-color_184: #ffee58;
$background-color_185: #fdd835;
$background-color_186: #fbc02d;
$background-color_187: #f9a825;
$background-color_188: #f57f17;
$background-color_189: #ffff8d;
$background-color_190: #ff0;
$background-color_191: #ffea00;
$background-color_192: #ffd600;
$background-color_193: #ffc107;
$background-color_194: #fff8e1;
$background-color_195: #ffecb3;
$background-color_196: #ffe082;
$background-color_197: #ffd54f;
$background-color_198: #ffca28;
$background-color_199: #ffb300;
$background-color_200: #ffa000;
$background-color_201: #ff8f00;
$background-color_202: #ff6f00;
$background-color_203: #ffe57f;
$background-color_204: #ffd740;
$background-color_205: #ffc400;
$background-color_206: #ffab00;
$background-color_207: #ff9800;
$background-color_208: #fff3e0;
$background-color_209: #ffe0b2;
$background-color_210: #ffcc80;
$background-color_211: #ffb74d;
$background-color_212: #ffa726;
$background-color_213: #fb8c00;
$background-color_214: #f57c00;
$background-color_215: #ef6c00;
$background-color_216: #e65100;
$background-color_217: #ffd180;
$background-color_218: #ffab40;
$background-color_219: #ff9100;
$background-color_220: #ff6d00;
$background-color_221: #ff5722;
$background-color_222: #fbe9e7;
$background-color_223: #ffccbc;
$background-color_224: #ffab91;
$background-color_225: #ff8a65;
$background-color_226: #ff7043;
$background-color_227: #f4511e;
$background-color_228: #e64a19;
$background-color_229: #d84315;
$background-color_230: #bf360c;
$background-color_231: #ff9e80;
$background-color_232: #ff6e40;
$background-color_233: #ff3d00;
$background-color_234: #dd2c00;
$background-color_235: #795548;
$background-color_236: #efebe9;
$background-color_237: #d7ccc8;
$background-color_238: #bcaaa4;
$background-color_239: #a1887f;
$background-color_240: #8d6e63;
$background-color_241: #6d4c41;
$background-color_242: #5d4037;
$background-color_243: #4e342e;
$background-color_244: #3e2723;
$background-color_245: #607d8b;
$background-color_246: #eceff1;
$background-color_247: #cfd8dc;
$background-color_248: #b0bec5;
$background-color_249: #90a4ae;
$background-color_250: #78909c;
$background-color_251: #546e7a;
$background-color_252: #455a64;
$background-color_253: #37474f;
$background-color_254: #263238;
$background-color_255: #9e9e9e;
$background-color_256: #fafafa;
$background-color_257: #f5f5f5;
$background-color_258: #eee;
$background-color_259: #e0e0e0;
$background-color_260: #bdbdbd;
$background-color_261: #757575;
$background-color_262: #616161;
$background-color_263: #424242;
$background-color_264: #212121;
$background-color_265: #000;
$background-color_266: #fff;
$background-color_267: transparent;
$background-color_268: rgba(51,51,51,0.08);
$background-color_269: rgba(242,242,242,0.5);
$background-color_270: #999;
$background-color_271: #ddd;
$background-color_272: #acece6;
$background-color_273: inherit;
$background-color_274: rgba(0,0,0,0.1);
$background-color_275: #323232;
$background-color_276: rgba(145,186,255,0.2);
$background-color_277: #91baff;
$background-color_278: #DFDFDF;
$background-color_279: #1d7d74;
$background-color_280: #2bbbad;
$background-color_281: #dadada;
$background-color_282: rgba(255,255,255,0.45);
$background-color_283: rgba(244,67,54,0.7);
$background-color_284: rgba(255,235,59,0.7);
$background-color_285: rgba(255,152,0,0.7);
$background-color_286: rgba(156,39,176,0.7);
$background-color_287: rgba(76,175,80,0.7);
$background-color_288: rgba(0,150,136,0.7);
$background-color_289: rgba(0,0,0,0.05);
$background-color_290: #e4e4e4;
$background-color_291: #292929;
$background-color_292: #2ab7a9;
$background-color_293: rgba(0,0,0,0.42);
$background-color_294: #949494;
$background-color_295: #84c7c1;
$background-color_296: rgba(0,0,0,0.38);
$background-color_297: rgba(38,166,154,0.15);
$background-color_298: #F1F1F1;
$background-color_299: rgba(0,0,0,0.08);
$background-color_300: rgba(0,0,0,0.12);
$background-color_301: rgba(255,255,255,0.9);
$background-color_302: rgba(0,0,0,0.03);
$background-color_303: rgba(0,0,0,0.5);
$background-color_304: rgba(255,255,255,0.5);
$background-color_305: #ffffff;
$background-color_306: rgba(43,161,150,0.25);
$background-color_307: rgba(38,166,154,0.25);
$background-color_308: #f4f4f4;
$background-color_309: #7af;
$background-color_310: #70be74;
$background-color_311: rgba(0,0,0,0.07);
$background-color_312: rgba(255,255,255,0.25);
$border-color_1: rgba(0,0,0,0.42);
$border-color_2: #949494;
$border-color_3: #5a5a5a;
$border-color_4: #26a69a;
$border-color_5: transparent;
$border-color_6: #4285f4;
$border-color_7: #db4437;
$border-color_8: #f4b400;
$border-color_9: #0f9d58;
$border-color_10: inherit;
$border-color_11: #e0e0e0;
$border-color_12: rgba(0,0,0,0.12);
$border-right-color_1: transparent;
$border-bottom-color_1: transparent;
$border-left-color_1: transparent;

/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
@keyframes indeterminate {
	0% {
		left: -35%;
		right: 100%;
	}
	60% {
		left: 100%;
		right: -90%;
	}
	100% {
		left: 100%;
		right: -90%;
	}
}
@keyframes indeterminate-short {
	0% {
		left: -200%;
		right: 100%;
	}
	60% {
		left: 107%;
		right: -8%;
	}
	100% {
		left: 107%;
		right: -8%;
	}
}
/*!
 * Waves v0.6.0
 * http://fian.my.id/Waves
 *
 * Copyright 2014 Alfiana E. Sibuea and other contributors
 * Released under the MIT license
 * https://github.com/fians/Waves/blob/master/LICENSE
 */
@-webkit-keyframes container-rotate {
	to {
		-webkit-transform: rotate(360deg);
	}
}
@keyframes container-rotate {
	to {
		transform: rotate(360deg);
	}
}
@-webkit-keyframes fill-unfill-rotate {
	12.5% {
		-webkit-transform: rotate(135deg);
	}
	25% {
		-webkit-transform: rotate(270deg);
	}
	37.5% {
		-webkit-transform: rotate(405deg);
	}
	50% {
		-webkit-transform: rotate(540deg);
	}
	62.5% {
		-webkit-transform: rotate(675deg);
	}
	75% {
		-webkit-transform: rotate(810deg);
	}
	87.5% {
		-webkit-transform: rotate(945deg);
	}
	to {
		-webkit-transform: rotate(1080deg);
	}
}
@keyframes fill-unfill-rotate {
	12.5% {
		transform: rotate(135deg);
	}
	25% {
		transform: rotate(270deg);
	}
	37.5% {
		transform: rotate(405deg);
	}
	50% {
		transform: rotate(540deg);
	}
	62.5% {
		transform: rotate(675deg);
	}
	75% {
		transform: rotate(810deg);
	}
	87.5% {
		transform: rotate(945deg);
	}
	to {
		transform: rotate(1080deg);
	}
}
@-webkit-keyframes blue-fade-in-out {
	from {
		opacity: 1;
	}
	25% {
		opacity: 1;
	}
	26% {
		opacity: 0;
	}
	89% {
		opacity: 0;
	}
	90% {
		opacity: 1;
	}
	100% {
		opacity: 1;
	}
}
@keyframes blue-fade-in-out {
	from {
		opacity: 1;
	}
	25% {
		opacity: 1;
	}
	26% {
		opacity: 0;
	}
	89% {
		opacity: 0;
	}
	90% {
		opacity: 1;
	}
	100% {
		opacity: 1;
	}
}
@-webkit-keyframes red-fade-in-out {
	from {
		opacity: 0;
	}
	15% {
		opacity: 0;
	}
	25% {
		opacity: 1;
	}
	50% {
		opacity: 1;
	}
	51% {
		opacity: 0;
	}
}
@keyframes red-fade-in-out {
	from {
		opacity: 0;
	}
	15% {
		opacity: 0;
	}
	25% {
		opacity: 1;
	}
	50% {
		opacity: 1;
	}
	51% {
		opacity: 0;
	}
}
@-webkit-keyframes yellow-fade-in-out {
	from {
		opacity: 0;
	}
	40% {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	75% {
		opacity: 1;
	}
	76% {
		opacity: 0;
	}
}
@keyframes yellow-fade-in-out {
	from {
		opacity: 0;
	}
	40% {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	75% {
		opacity: 1;
	}
	76% {
		opacity: 0;
	}
}
@-webkit-keyframes green-fade-in-out {
	from {
		opacity: 0;
	}
	65% {
		opacity: 0;
	}
	75% {
		opacity: 1;
	}
	90% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
@keyframes green-fade-in-out {
	from {
		opacity: 0;
	}
	65% {
		opacity: 0;
	}
	75% {
		opacity: 1;
	}
	90% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
@-webkit-keyframes left-spin {
	from {
		-webkit-transform: rotate(130deg);
	}
	50% {
		-webkit-transform: rotate(-5deg);
	}
	to {
		-webkit-transform: rotate(130deg);
	}
}
@keyframes left-spin {
	from {
		transform: rotate(130deg);
	}
	50% {
		transform: rotate(-5deg);
	}
	to {
		transform: rotate(130deg);
	}
}
@-webkit-keyframes right-spin {
	from {
		-webkit-transform: rotate(-130deg);
	}
	50% {
		-webkit-transform: rotate(5deg);
	}
	to {
		-webkit-transform: rotate(-130deg);
	}
}
@keyframes right-spin {
	from {
		transform: rotate(-130deg);
	}
	50% {
		transform: rotate(5deg);
	}
	to {
		transform: rotate(-130deg);
	}
}
@-webkit-keyframes fade-out {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}
@keyframes fade-out {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}
@keyframes pulse-animation {
	0% {
		opacity: 1;
		transform: scale(1);
	}
	50% {
		opacity: 0;
		transform: scale(1.5);
	}
	100% {
		opacity: 0;
		transform: scale(1.5);
	}
}
.materialize-red {
	background-color: $background-color_1 !important;
}
.materialize-red-text {
	color: $color_1 !important;
}
.materialize-red.lighten-5 {
	background-color: $background-color_2 !important;
}
.materialize-red-text.text-lighten-5 {
	color: $color_2 !important;
}
.materialize-red.lighten-4 {
	background-color: $background-color_3 !important;
}
.materialize-red-text.text-lighten-4 {
	color: $color_3 !important;
}
.materialize-red.lighten-3 {
	background-color: $background-color_4 !important;
}
.materialize-red-text.text-lighten-3 {
	color: $color_4 !important;
}
.materialize-red.lighten-2 {
	background-color: $background-color_5 !important;
}
.materialize-red-text.text-lighten-2 {
	color: $color_5 !important;
}
.materialize-red.lighten-1 {
	background-color: $background-color_6 !important;
}
.materialize-red-text.text-lighten-1 {
	color: $color_6 !important;
}
.materialize-red.darken-1 {
	background-color: $background-color_7 !important;
}
.materialize-red-text.text-darken-1 {
	color: $color_7 !important;
}
.materialize-red.darken-2 {
	background-color: $background-color_8 !important;
}
.materialize-red-text.text-darken-2 {
	color: $color_8 !important;
}
.materialize-red.darken-3 {
	background-color: $background-color_9 !important;
}
.materialize-red-text.text-darken-3 {
	color: $color_9 !important;
}
.materialize-red.darken-4 {
	background-color: $background-color_10 !important;
}
.materialize-red-text.text-darken-4 {
	color: $color_10 !important;
}
.red {
	background-color: $background-color_11 !important;
}
.red-text {
	color: $color_11 !important;
}
.red.lighten-5 {
	background-color: $background-color_12 !important;
}
.red-text.text-lighten-5 {
	color: $color_12 !important;
}
.red.lighten-4 {
	background-color: $background-color_13 !important;
}
.red-text.text-lighten-4 {
	color: $color_13 !important;
}
.red.lighten-3 {
	background-color: $background-color_14 !important;
}
.red-text.text-lighten-3 {
	color: $color_14 !important;
}
.red.lighten-2 {
	background-color: $background-color_15 !important;
}
.red-text.text-lighten-2 {
	color: $color_15 !important;
}
.red.lighten-1 {
	background-color: $background-color_16 !important;
}
.red-text.text-lighten-1 {
	color: $color_16 !important;
}
.red.darken-1 {
	background-color: $background-color_17 !important;
}
.red-text.text-darken-1 {
	color: $color_17 !important;
}
.red.darken-2 {
	background-color: $background-color_18 !important;
}
.red-text.text-darken-2 {
	color: $color_18 !important;
}
.red.darken-3 {
	background-color: $background-color_19 !important;
}
.red-text.text-darken-3 {
	color: $color_19 !important;
}
.red.darken-4 {
	background-color: $background-color_20 !important;
}
.red-text.text-darken-4 {
	color: $color_20 !important;
}
.red.accent-1 {
	background-color: $background-color_21 !important;
}
.red-text.text-accent-1 {
	color: $color_21 !important;
}
.red.accent-2 {
	background-color: $background-color_22 !important;
}
.red-text.text-accent-2 {
	color: $color_22 !important;
}
.red.accent-3 {
	background-color: $background-color_23 !important;
}
.red-text.text-accent-3 {
	color: $color_23 !important;
}
.red.accent-4 {
	background-color: $background-color_24 !important;
}
.red-text.text-accent-4 {
	color: $color_24 !important;
}
.pink {
	background-color: $background-color_25 !important;
}
.pink-text {
	color: $color_25 !important;
}
.pink.lighten-5 {
	background-color: $background-color_26 !important;
}
.pink-text.text-lighten-5 {
	color: $color_26 !important;
}
.pink.lighten-4 {
	background-color: $background-color_27 !important;
}
.pink-text.text-lighten-4 {
	color: $color_27 !important;
}
.pink.lighten-3 {
	background-color: $background-color_28 !important;
}
.pink-text.text-lighten-3 {
	color: $color_28 !important;
}
.pink.lighten-2 {
	background-color: $background-color_29 !important;
}
.pink-text.text-lighten-2 {
	color: $color_29 !important;
}
.pink.lighten-1 {
	background-color: $background-color_30 !important;
}
.pink-text.text-lighten-1 {
	color: $color_30 !important;
}
.pink.darken-1 {
	background-color: $background-color_31 !important;
}
.pink-text.text-darken-1 {
	color: $color_31 !important;
}
.pink.darken-2 {
	background-color: $background-color_32 !important;
}
.pink-text.text-darken-2 {
	color: $color_32 !important;
}
.pink.darken-3 {
	background-color: $background-color_33 !important;
}
.pink-text.text-darken-3 {
	color: $color_33 !important;
}
.pink.darken-4 {
	background-color: $background-color_34 !important;
}
.pink-text.text-darken-4 {
	color: $color_34 !important;
}
.pink.accent-1 {
	background-color: $background-color_35 !important;
}
.pink-text.text-accent-1 {
	color: $color_35 !important;
}
.pink.accent-2 {
	background-color: $background-color_36 !important;
}
.pink-text.text-accent-2 {
	color: $color_36 !important;
}
.pink.accent-3 {
	background-color: $background-color_37 !important;
}
.pink-text.text-accent-3 {
	color: $color_37 !important;
}
.pink.accent-4 {
	background-color: $background-color_38 !important;
}
.pink-text.text-accent-4 {
	color: $color_38 !important;
}
.purple {
	background-color: $background-color_39 !important;
}
.purple-text {
	color: $color_39 !important;
}
.purple.lighten-5 {
	background-color: $background-color_40 !important;
}
.purple-text.text-lighten-5 {
	color: $color_40 !important;
}
.purple.lighten-4 {
	background-color: $background-color_41 !important;
}
.purple-text.text-lighten-4 {
	color: $color_41 !important;
}
.purple.lighten-3 {
	background-color: $background-color_42 !important;
}
.purple-text.text-lighten-3 {
	color: $color_42 !important;
}
.purple.lighten-2 {
	background-color: $background-color_43 !important;
}
.purple-text.text-lighten-2 {
	color: $color_43 !important;
}
.purple.lighten-1 {
	background-color: $background-color_44 !important;
}
.purple-text.text-lighten-1 {
	color: $color_44 !important;
}
.purple.darken-1 {
	background-color: $background-color_45 !important;
}
.purple-text.text-darken-1 {
	color: $color_45 !important;
}
.purple.darken-2 {
	background-color: $background-color_46 !important;
}
.purple-text.text-darken-2 {
	color: $color_46 !important;
}
.purple.darken-3 {
	background-color: $background-color_47 !important;
}
.purple-text.text-darken-3 {
	color: $color_47 !important;
}
.purple.darken-4 {
	background-color: $background-color_48 !important;
}
.purple-text.text-darken-4 {
	color: $color_48 !important;
}
.purple.accent-1 {
	background-color: $background-color_49 !important;
}
.purple-text.text-accent-1 {
	color: $color_49 !important;
}
.purple.accent-2 {
	background-color: $background-color_50 !important;
}
.purple-text.text-accent-2 {
	color: $color_50 !important;
}
.purple.accent-3 {
	background-color: $background-color_51 !important;
}
.purple-text.text-accent-3 {
	color: $color_51 !important;
}
.purple.accent-4 {
	background-color: $background-color_52 !important;
}
.purple-text.text-accent-4 {
	color: $color_52 !important;
}
.deep-purple {
	background-color: $background-color_53 !important;
}
.deep-purple-text {
	color: $color_53 !important;
}
.deep-purple.lighten-5 {
	background-color: $background-color_54 !important;
}
.deep-purple-text.text-lighten-5 {
	color: $color_54 !important;
}
.deep-purple.lighten-4 {
	background-color: $background-color_55 !important;
}
.deep-purple-text.text-lighten-4 {
	color: $color_55 !important;
}
.deep-purple.lighten-3 {
	background-color: $background-color_56 !important;
}
.deep-purple-text.text-lighten-3 {
	color: $color_56 !important;
}
.deep-purple.lighten-2 {
	background-color: $background-color_57 !important;
}
.deep-purple-text.text-lighten-2 {
	color: $color_57 !important;
}
.deep-purple.lighten-1 {
	background-color: $background-color_58 !important;
}
.deep-purple-text.text-lighten-1 {
	color: $color_58 !important;
}
.deep-purple.darken-1 {
	background-color: $background-color_59 !important;
}
.deep-purple-text.text-darken-1 {
	color: $color_59 !important;
}
.deep-purple.darken-2 {
	background-color: $background-color_60 !important;
}
.deep-purple-text.text-darken-2 {
	color: $color_60 !important;
}
.deep-purple.darken-3 {
	background-color: $background-color_61 !important;
}
.deep-purple-text.text-darken-3 {
	color: $color_61 !important;
}
.deep-purple.darken-4 {
	background-color: $background-color_62 !important;
}
.deep-purple-text.text-darken-4 {
	color: $color_62 !important;
}
.deep-purple.accent-1 {
	background-color: $background-color_63 !important;
}
.deep-purple-text.text-accent-1 {
	color: $color_63 !important;
}
.deep-purple.accent-2 {
	background-color: $background-color_64 !important;
}
.deep-purple-text.text-accent-2 {
	color: $color_64 !important;
}
.deep-purple.accent-3 {
	background-color: $background-color_65 !important;
}
.deep-purple-text.text-accent-3 {
	color: $color_65 !important;
}
.deep-purple.accent-4 {
	background-color: $background-color_66 !important;
}
.deep-purple-text.text-accent-4 {
	color: $color_66 !important;
}
.indigo {
	background-color: $background-color_67 !important;
}
.indigo-text {
	color: $color_67 !important;
}
.indigo.lighten-5 {
	background-color: $background-color_68 !important;
}
.indigo-text.text-lighten-5 {
	color: $color_68 !important;
}
.indigo.lighten-4 {
	background-color: $background-color_69 !important;
}
.indigo-text.text-lighten-4 {
	color: $color_69 !important;
}
.indigo.lighten-3 {
	background-color: $background-color_70 !important;
}
.indigo-text.text-lighten-3 {
	color: $color_70 !important;
}
.indigo.lighten-2 {
	background-color: $background-color_71 !important;
}
.indigo-text.text-lighten-2 {
	color: $color_71 !important;
}
.indigo.lighten-1 {
	background-color: $background-color_72 !important;
}
.indigo-text.text-lighten-1 {
	color: $color_72 !important;
}
.indigo.darken-1 {
	background-color: $background-color_73 !important;
}
.indigo-text.text-darken-1 {
	color: $color_73 !important;
}
.indigo.darken-2 {
	background-color: $background-color_74 !important;
}
.indigo-text.text-darken-2 {
	color: $color_74 !important;
}
.indigo.darken-3 {
	background-color: $background-color_75 !important;
}
.indigo-text.text-darken-3 {
	color: $color_75 !important;
}
.indigo.darken-4 {
	background-color: $background-color_76 !important;
}
.indigo-text.text-darken-4 {
	color: $color_76 !important;
}
.indigo.accent-1 {
	background-color: $background-color_77 !important;
}
.indigo-text.text-accent-1 {
	color: $color_77 !important;
}
.indigo.accent-2 {
	background-color: $background-color_78 !important;
}
.indigo-text.text-accent-2 {
	color: $color_78 !important;
}
.indigo.accent-3 {
	background-color: $background-color_79 !important;
}
.indigo-text.text-accent-3 {
	color: $color_79 !important;
}
.indigo.accent-4 {
	background-color: $background-color_80 !important;
}
.indigo-text.text-accent-4 {
	color: $color_80 !important;
}
.blue {
	background-color: $background-color_81 !important;
}
.blue-text {
	color: $color_81 !important;
}
.blue.lighten-5 {
	background-color: $background-color_82 !important;
}
.blue-text.text-lighten-5 {
	color: $color_82 !important;
}
.blue.lighten-4 {
	background-color: $background-color_83 !important;
}
.blue-text.text-lighten-4 {
	color: $color_83 !important;
}
.blue.lighten-3 {
	background-color: $background-color_84 !important;
}
.blue-text.text-lighten-3 {
	color: $color_84 !important;
}
.blue.lighten-2 {
	background-color: $background-color_85 !important;
}
.blue-text.text-lighten-2 {
	color: $color_85 !important;
}
.blue.lighten-1 {
	background-color: $background-color_86 !important;
}
.blue-text.text-lighten-1 {
	color: $color_86 !important;
}
.blue.darken-1 {
	background-color: $background-color_87 !important;
}
.blue-text.text-darken-1 {
	color: $color_87 !important;
}
.blue.darken-2 {
	background-color: $background-color_88 !important;
}
.blue-text.text-darken-2 {
	color: $color_88 !important;
}
.blue.darken-3 {
	background-color: $background-color_89 !important;
}
.blue-text.text-darken-3 {
	color: $color_89 !important;
}
.blue.darken-4 {
	background-color: $background-color_90 !important;
}
.blue-text.text-darken-4 {
	color: $color_90 !important;
}
.blue.accent-1 {
	background-color: $background-color_91 !important;
}
.blue-text.text-accent-1 {
	color: $color_91 !important;
}
.blue.accent-2 {
	background-color: $background-color_92 !important;
}
.blue-text.text-accent-2 {
	color: $color_92 !important;
}
.blue.accent-3 {
	background-color: $background-color_93 !important;
}
.blue-text.text-accent-3 {
	color: $color_93 !important;
}
.blue.accent-4 {
	background-color: $background-color_94 !important;
}
.blue-text.text-accent-4 {
	color: $color_94 !important;
}
.light-blue {
	background-color: $background-color_95 !important;
}
.light-blue-text {
	color: $color_95 !important;
}
.light-blue.lighten-5 {
	background-color: $background-color_96 !important;
}
.light-blue-text.text-lighten-5 {
	color: $color_96 !important;
}
.light-blue.lighten-4 {
	background-color: $background-color_97 !important;
}
.light-blue-text.text-lighten-4 {
	color: $color_97 !important;
}
.light-blue.lighten-3 {
	background-color: $background-color_98 !important;
}
.light-blue-text.text-lighten-3 {
	color: $color_98 !important;
}
.light-blue.lighten-2 {
	background-color: $background-color_99 !important;
}
.light-blue-text.text-lighten-2 {
	color: $color_99 !important;
}
.light-blue.lighten-1 {
	background-color: $background-color_100 !important;
}
.light-blue-text.text-lighten-1 {
	color: $color_100 !important;
}
.light-blue.darken-1 {
	background-color: $background-color_101 !important;
}
.light-blue-text.text-darken-1 {
	color: $color_101 !important;
}
.light-blue.darken-2 {
	background-color: $background-color_102 !important;
}
.light-blue-text.text-darken-2 {
	color: $color_102 !important;
}
.light-blue.darken-3 {
	background-color: $background-color_103 !important;
}
.light-blue-text.text-darken-3 {
	color: $color_103 !important;
}
.light-blue.darken-4 {
	background-color: $background-color_104 !important;
}
.light-blue-text.text-darken-4 {
	color: $color_104 !important;
}
.light-blue.accent-1 {
	background-color: $background-color_105 !important;
}
.light-blue-text.text-accent-1 {
	color: $color_105 !important;
}
.light-blue.accent-2 {
	background-color: $background-color_106 !important;
}
.light-blue-text.text-accent-2 {
	color: $color_106 !important;
}
.light-blue.accent-3 {
	background-color: $background-color_107 !important;
}
.light-blue-text.text-accent-3 {
	color: $color_107 !important;
}
.light-blue.accent-4 {
	background-color: $background-color_108 !important;
}
.light-blue-text.text-accent-4 {
	color: $color_108 !important;
}
.cyan {
	background-color: $background-color_109 !important;
}
.cyan-text {
	color: $color_109 !important;
}
.cyan.lighten-5 {
	background-color: $background-color_110 !important;
}
.cyan-text.text-lighten-5 {
	color: $color_110 !important;
}
.cyan.lighten-4 {
	background-color: $background-color_111 !important;
}
.cyan-text.text-lighten-4 {
	color: $color_111 !important;
}
.cyan.lighten-3 {
	background-color: $background-color_112 !important;
}
.cyan-text.text-lighten-3 {
	color: $color_112 !important;
}
.cyan.lighten-2 {
	background-color: $background-color_113 !important;
}
.cyan-text.text-lighten-2 {
	color: $color_113 !important;
}
.cyan.lighten-1 {
	background-color: $background-color_114 !important;
}
.cyan-text.text-lighten-1 {
	color: $color_114 !important;
}
.cyan.darken-1 {
	background-color: $background-color_115 !important;
}
.cyan-text.text-darken-1 {
	color: $color_115 !important;
}
.cyan.darken-2 {
	background-color: $background-color_116 !important;
}
.cyan-text.text-darken-2 {
	color: $color_116 !important;
}
.cyan.darken-3 {
	background-color: $background-color_117 !important;
}
.cyan-text.text-darken-3 {
	color: $color_117 !important;
}
.cyan.darken-4 {
	background-color: $background-color_118 !important;
}
.cyan-text.text-darken-4 {
	color: $color_118 !important;
}
.cyan.accent-1 {
	background-color: $background-color_119 !important;
}
.cyan-text.text-accent-1 {
	color: $color_119 !important;
}
.cyan.accent-2 {
	background-color: $background-color_120 !important;
}
.cyan-text.text-accent-2 {
	color: $color_120 !important;
}
.cyan.accent-3 {
	background-color: $background-color_121 !important;
}
.cyan-text.text-accent-3 {
	color: $color_121 !important;
}
.cyan.accent-4 {
	background-color: $background-color_122 !important;
}
.cyan-text.text-accent-4 {
	color: $color_122 !important;
}
.teal {
	background-color: $background-color_123 !important;
}
.teal-text {
	color: $color_123 !important;
}
.teal.lighten-5 {
	background-color: $background-color_124 !important;
}
.teal-text.text-lighten-5 {
	color: $color_124 !important;
}
.teal.lighten-4 {
	background-color: $background-color_125 !important;
}
.teal-text.text-lighten-4 {
	color: $color_125 !important;
}
.teal.lighten-3 {
	background-color: $background-color_126 !important;
}
.teal-text.text-lighten-3 {
	color: $color_126 !important;
}
.teal.lighten-2 {
	background-color: $background-color_127 !important;
}
.teal-text.text-lighten-2 {
	color: $color_127 !important;
}
.teal.lighten-1 {
	background-color: $background-color_128 !important;
}
.teal-text.text-lighten-1 {
	color: $color_128 !important;
}
.teal.darken-1 {
	background-color: $background-color_129 !important;
}
.teal-text.text-darken-1 {
	color: $color_129 !important;
}
.teal.darken-2 {
	background-color: $background-color_130 !important;
}
.teal-text.text-darken-2 {
	color: $color_130 !important;
}
.teal.darken-3 {
	background-color: $background-color_131 !important;
}
.teal-text.text-darken-3 {
	color: $color_131 !important;
}
.teal.darken-4 {
	background-color: $background-color_132 !important;
}
.teal-text.text-darken-4 {
	color: $color_132 !important;
}
.teal.accent-1 {
	background-color: $background-color_133 !important;
}
.teal-text.text-accent-1 {
	color: $color_133 !important;
}
.teal.accent-2 {
	background-color: $background-color_134 !important;
}
.teal-text.text-accent-2 {
	color: $color_134 !important;
}
.teal.accent-3 {
	background-color: $background-color_135 !important;
}
.teal-text.text-accent-3 {
	color: $color_135 !important;
}
.teal.accent-4 {
	background-color: $background-color_136 !important;
}
.teal-text.text-accent-4 {
	color: $color_136 !important;
}
.green {
	background-color: $background-color_137 !important;
}
.green-text {
	color: $color_137 !important;
}
.green.lighten-5 {
	background-color: $background-color_138 !important;
}
.green-text.text-lighten-5 {
	color: $color_138 !important;
}
.green.lighten-4 {
	background-color: $background-color_139 !important;
}
.green-text.text-lighten-4 {
	color: $color_139 !important;
}
.green.lighten-3 {
	background-color: $background-color_140 !important;
}
.green-text.text-lighten-3 {
	color: $color_140 !important;
}
.green.lighten-2 {
	background-color: $background-color_141 !important;
}
.green-text.text-lighten-2 {
	color: $color_141 !important;
}
.green.lighten-1 {
	background-color: $background-color_142 !important;
}
.green-text.text-lighten-1 {
	color: $color_142 !important;
}
.green.darken-1 {
	background-color: $background-color_143 !important;
}
.green-text.text-darken-1 {
	color: $color_143 !important;
}
.green.darken-2 {
	background-color: $background-color_144 !important;
}
.green-text.text-darken-2 {
	color: $color_144 !important;
}
.green.darken-3 {
	background-color: $background-color_145 !important;
}
.green-text.text-darken-3 {
	color: $color_145 !important;
}
.green.darken-4 {
	background-color: $background-color_146 !important;
}
.green-text.text-darken-4 {
	color: $color_146 !important;
}
.green.accent-1 {
	background-color: $background-color_147 !important;
}
.green-text.text-accent-1 {
	color: $color_147 !important;
}
.green.accent-2 {
	background-color: $background-color_148 !important;
}
.green-text.text-accent-2 {
	color: $color_148 !important;
}
.green.accent-3 {
	background-color: $background-color_149 !important;
}
.green-text.text-accent-3 {
	color: $color_149 !important;
}
.green.accent-4 {
	background-color: $background-color_150 !important;
}
.green-text.text-accent-4 {
	color: $color_150 !important;
}
.light-green {
	background-color: $background-color_151 !important;
}
.light-green-text {
	color: $color_151 !important;
}
.light-green.lighten-5 {
	background-color: $background-color_152 !important;
}
.light-green-text.text-lighten-5 {
	color: $color_152 !important;
}
.light-green.lighten-4 {
	background-color: $background-color_153 !important;
}
.light-green-text.text-lighten-4 {
	color: $color_153 !important;
}
.light-green.lighten-3 {
	background-color: $background-color_154 !important;
}
.light-green-text.text-lighten-3 {
	color: $color_154 !important;
}
.light-green.lighten-2 {
	background-color: $background-color_155 !important;
}
.light-green-text.text-lighten-2 {
	color: $color_155 !important;
}
.light-green.lighten-1 {
	background-color: $background-color_156 !important;
}
.light-green-text.text-lighten-1 {
	color: $color_156 !important;
}
.light-green.darken-1 {
	background-color: $background-color_157 !important;
}
.light-green-text.text-darken-1 {
	color: $color_157 !important;
}
.light-green.darken-2 {
	background-color: $background-color_158 !important;
}
.light-green-text.text-darken-2 {
	color: $color_158 !important;
}
.light-green.darken-3 {
	background-color: $background-color_159 !important;
}
.light-green-text.text-darken-3 {
	color: $color_159 !important;
}
.light-green.darken-4 {
	background-color: $background-color_160 !important;
}
.light-green-text.text-darken-4 {
	color: $color_160 !important;
}
.light-green.accent-1 {
	background-color: $background-color_161 !important;
}
.light-green-text.text-accent-1 {
	color: $color_161 !important;
}
.light-green.accent-2 {
	background-color: $background-color_162 !important;
}
.light-green-text.text-accent-2 {
	color: $color_162 !important;
}
.light-green.accent-3 {
	background-color: $background-color_163 !important;
}
.light-green-text.text-accent-3 {
	color: $color_163 !important;
}
.light-green.accent-4 {
	background-color: $background-color_164 !important;
}
.light-green-text.text-accent-4 {
	color: $color_164 !important;
}
.lime {
	background-color: $background-color_165 !important;
}
.lime-text {
	color: $color_165 !important;
}
.lime.lighten-5 {
	background-color: $background-color_166 !important;
}
.lime-text.text-lighten-5 {
	color: $color_166 !important;
}
.lime.lighten-4 {
	background-color: $background-color_167 !important;
}
.lime-text.text-lighten-4 {
	color: $color_167 !important;
}
.lime.lighten-3 {
	background-color: $background-color_168 !important;
}
.lime-text.text-lighten-3 {
	color: $color_168 !important;
}
.lime.lighten-2 {
	background-color: $background-color_169 !important;
}
.lime-text.text-lighten-2 {
	color: $color_169 !important;
}
.lime.lighten-1 {
	background-color: $background-color_170 !important;
}
.lime-text.text-lighten-1 {
	color: $color_170 !important;
}
.lime.darken-1 {
	background-color: $background-color_171 !important;
}
.lime-text.text-darken-1 {
	color: $color_171 !important;
}
.lime.darken-2 {
	background-color: $background-color_172 !important;
}
.lime-text.text-darken-2 {
	color: $color_172 !important;
}
.lime.darken-3 {
	background-color: $background-color_173 !important;
}
.lime-text.text-darken-3 {
	color: $color_173 !important;
}
.lime.darken-4 {
	background-color: $background-color_174 !important;
}
.lime-text.text-darken-4 {
	color: $color_174 !important;
}
.lime.accent-1 {
	background-color: $background-color_175 !important;
}
.lime-text.text-accent-1 {
	color: $color_175 !important;
}
.lime.accent-2 {
	background-color: $background-color_176 !important;
}
.lime-text.text-accent-2 {
	color: $color_176 !important;
}
.lime.accent-3 {
	background-color: $background-color_177 !important;
}
.lime-text.text-accent-3 {
	color: $color_177 !important;
}
.lime.accent-4 {
	background-color: $background-color_178 !important;
}
.lime-text.text-accent-4 {
	color: $color_178 !important;
}
.yellow {
	background-color: $background-color_179 !important;
}
.yellow-text {
	color: $color_179 !important;
}
.yellow.lighten-5 {
	background-color: $background-color_180 !important;
}
.yellow-text.text-lighten-5 {
	color: $color_180 !important;
}
.yellow.lighten-4 {
	background-color: $background-color_181 !important;
}
.yellow-text.text-lighten-4 {
	color: $color_181 !important;
}
.yellow.lighten-3 {
	background-color: $background-color_182 !important;
}
.yellow-text.text-lighten-3 {
	color: $color_182 !important;
}
.yellow.lighten-2 {
	background-color: $background-color_183 !important;
}
.yellow-text.text-lighten-2 {
	color: $color_183 !important;
}
.yellow.lighten-1 {
	background-color: $background-color_184 !important;
}
.yellow-text.text-lighten-1 {
	color: $color_184 !important;
}
.yellow.darken-1 {
	background-color: $background-color_185 !important;
}
.yellow-text.text-darken-1 {
	color: $color_185 !important;
}
.yellow.darken-2 {
	background-color: $background-color_186 !important;
}
.yellow-text.text-darken-2 {
	color: $color_186 !important;
}
.yellow.darken-3 {
	background-color: $background-color_187 !important;
}
.yellow-text.text-darken-3 {
	color: $color_187 !important;
}
.yellow.darken-4 {
	background-color: $background-color_188 !important;
}
.yellow-text.text-darken-4 {
	color: $color_188 !important;
}
.yellow.accent-1 {
	background-color: $background-color_189 !important;
}
.yellow-text.text-accent-1 {
	color: $color_189 !important;
}
.yellow.accent-2 {
	background-color: $background-color_190 !important;
}
.yellow-text.text-accent-2 {
	color: $color_190 !important;
}
.yellow.accent-3 {
	background-color: $background-color_191 !important;
}
.yellow-text.text-accent-3 {
	color: $color_191 !important;
}
.yellow.accent-4 {
	background-color: $background-color_192 !important;
}
.yellow-text.text-accent-4 {
	color: $color_192 !important;
}
.amber {
	background-color: $background-color_193 !important;
}
.amber-text {
	color: $color_193 !important;
}
.amber.lighten-5 {
	background-color: $background-color_194 !important;
}
.amber-text.text-lighten-5 {
	color: $color_194 !important;
}
.amber.lighten-4 {
	background-color: $background-color_195 !important;
}
.amber-text.text-lighten-4 {
	color: $color_195 !important;
}
.amber.lighten-3 {
	background-color: $background-color_196 !important;
}
.amber-text.text-lighten-3 {
	color: $color_196 !important;
}
.amber.lighten-2 {
	background-color: $background-color_197 !important;
}
.amber-text.text-lighten-2 {
	color: $color_197 !important;
}
.amber.lighten-1 {
	background-color: $background-color_198 !important;
}
.amber-text.text-lighten-1 {
	color: $color_198 !important;
}
.amber.darken-1 {
	background-color: $background-color_199 !important;
}
.amber-text.text-darken-1 {
	color: $color_199 !important;
}
.amber.darken-2 {
	background-color: $background-color_200 !important;
}
.amber-text.text-darken-2 {
	color: $color_200 !important;
}
.amber.darken-3 {
	background-color: $background-color_201 !important;
}
.amber-text.text-darken-3 {
	color: $color_201 !important;
}
.amber.darken-4 {
	background-color: $background-color_202 !important;
}
.amber-text.text-darken-4 {
	color: $color_202 !important;
}
.amber.accent-1 {
	background-color: $background-color_203 !important;
}
.amber-text.text-accent-1 {
	color: $color_203 !important;
}
.amber.accent-2 {
	background-color: $background-color_204 !important;
}
.amber-text.text-accent-2 {
	color: $color_204 !important;
}
.amber.accent-3 {
	background-color: $background-color_205 !important;
}
.amber-text.text-accent-3 {
	color: $color_205 !important;
}
.amber.accent-4 {
	background-color: $background-color_206 !important;
}
.amber-text.text-accent-4 {
	color: $color_206 !important;
}
.orange {
	background-color: $background-color_207 !important;
}
.orange-text {
	color: #F57C00 !important;
}
.orange.lighten-5 {
	background-color: $background-color_208 !important;
}
.orange-text.text-lighten-5 {
	color: $color_208 !important;
}
.orange.lighten-4 {
	background-color: $background-color_209 !important;
}
.orange-text.text-lighten-4 {
	color: $color_209 !important;
}
.orange.lighten-3 {
	background-color: $background-color_210 !important;
}
.orange-text.text-lighten-3 {
	color: $color_210 !important;
}
.orange.lighten-2 {
	background-color: $background-color_211 !important;
}
.orange-text.text-lighten-2 {
	color: $color_211 !important;
}
.orange.lighten-1 {
	background-color: $background-color_212 !important;
}
.orange-text.text-lighten-1 {
	color: $color_212 !important;
}
.orange.darken-1 {
	background-color: $background-color_213 !important;
}
.orange-text.text-darken-1 {
	color: $color_213 !important;
}
.orange.darken-2 {
	background-color: $background-color_214 !important;
}
.orange-text.text-darken-2 {
	color: $color_214 !important;
}
.orange.darken-3 {
	background-color: $background-color_215 !important;
}
.orange-text.text-darken-3 {
	color: $color_215 !important;
}
.orange.darken-4 {
	background-color: $background-color_216 !important;
}
.orange-text.text-darken-4 {
	color: $color_216 !important;
}
.orange.accent-1 {
	background-color: $background-color_217 !important;
}
.orange-text.text-accent-1 {
	color: $color_217 !important;
}
.orange.accent-2 {
	background-color: $background-color_218 !important;
}
.orange-text.text-accent-2 {
	color: $color_218 !important;
}
.orange.accent-3 {
	background-color: $background-color_219 !important;
}
.orange-text.text-accent-3 {
	color: $color_219 !important;
}
.orange.accent-4 {
	background-color: $background-color_220 !important;
}
.orange-text.text-accent-4 {
	color: $color_220 !important;
}
.deep-orange {
	background-color: $background-color_221 !important;
}
.deep-orange-text {
	color: $color_221 !important;
}
.deep-orange.lighten-5 {
	background-color: $background-color_222 !important;
}
.deep-orange-text.text-lighten-5 {
	color: $color_222 !important;
}
.deep-orange.lighten-4 {
	background-color: $background-color_223 !important;
}
.deep-orange-text.text-lighten-4 {
	color: $color_223 !important;
}
.deep-orange.lighten-3 {
	background-color: $background-color_224 !important;
}
.deep-orange-text.text-lighten-3 {
	color: $color_224 !important;
}
.deep-orange.lighten-2 {
	background-color: $background-color_225 !important;
}
.deep-orange-text.text-lighten-2 {
	color: $color_225 !important;
}
.deep-orange.lighten-1 {
	background-color: $background-color_226 !important;
}
.deep-orange-text.text-lighten-1 {
	color: $color_226 !important;
}
.deep-orange.darken-1 {
	background-color: $background-color_227 !important;
}
.deep-orange-text.text-darken-1 {
	color: $color_227 !important;
}
.deep-orange.darken-2 {
	background-color: $background-color_228 !important;
}
.deep-orange-text.text-darken-2 {
	color: $color_228 !important;
}
.deep-orange.darken-3 {
	background-color: $background-color_229 !important;
}
.deep-orange-text.text-darken-3 {
	color: $color_229 !important;
}
.deep-orange.darken-4 {
	background-color: $background-color_230 !important;
}
.deep-orange-text.text-darken-4 {
	color: $color_230 !important;
}
.deep-orange.accent-1 {
	background-color: $background-color_231 !important;
}
.deep-orange-text.text-accent-1 {
	color: $color_231 !important;
}
.deep-orange.accent-2 {
	background-color: $background-color_232 !important;
}
.deep-orange-text.text-accent-2 {
	color: $color_232 !important;
}
.deep-orange.accent-3 {
	background-color: $background-color_233 !important;
}
.deep-orange-text.text-accent-3 {
	color: $color_233 !important;
}
.deep-orange.accent-4 {
	background-color: $background-color_234 !important;
}
.deep-orange-text.text-accent-4 {
	color: $color_234 !important;
}
.brown {
	background-color: $background-color_235 !important;
}
.brown-text {
	color: $color_235 !important;
}
.brown.lighten-5 {
	background-color: $background-color_236 !important;
}
.brown-text.text-lighten-5 {
	color: $color_236 !important;
}
.brown.lighten-4 {
	background-color: $background-color_237 !important;
}
.brown-text.text-lighten-4 {
	color: $color_237 !important;
}
.brown.lighten-3 {
	background-color: $background-color_238 !important;
}
.brown-text.text-lighten-3 {
	color: $color_238 !important;
}
.brown.lighten-2 {
	background-color: $background-color_239 !important;
}
.brown-text.text-lighten-2 {
	color: $color_239 !important;
}
.brown.lighten-1 {
	background-color: $background-color_240 !important;
}
.brown-text.text-lighten-1 {
	color: $color_240 !important;
}
.brown.darken-1 {
	background-color: $background-color_241 !important;
}
.brown-text.text-darken-1 {
	color: $color_241 !important;
}
.brown.darken-2 {
	background-color: $background-color_242 !important;
}
.brown-text.text-darken-2 {
	color: $color_242 !important;
}
.brown.darken-3 {
	background-color: $background-color_243 !important;
}
.brown-text.text-darken-3 {
	color: $color_243 !important;
}
.brown.darken-4 {
	background-color: $background-color_244 !important;
}
.brown-text.text-darken-4 {
	color: $color_244 !important;
}
.blue-grey {
	background-color: $background-color_245 !important;
}
.blue-grey-text {
	color: $color_245 !important;
}
.blue-grey.lighten-5 {
	background-color: $background-color_246 !important;
}
.blue-grey-text.text-lighten-5 {
	color: $color_246 !important;
}
.blue-grey.lighten-4 {
	background-color: $background-color_247 !important;
}
.blue-grey-text.text-lighten-4 {
	color: $color_247 !important;
}
.blue-grey.lighten-3 {
	background-color: $background-color_248 !important;
}
.blue-grey-text.text-lighten-3 {
	color: $color_248 !important;
}
.blue-grey.lighten-2 {
	background-color: $background-color_249 !important;
}
.blue-grey-text.text-lighten-2 {
	color: $color_249 !important;
}
.blue-grey.lighten-1 {
	background-color: $background-color_250 !important;
}
.blue-grey-text.text-lighten-1 {
	color: $color_250 !important;
}
.blue-grey.darken-1 {
	background-color: $background-color_251 !important;
}
.blue-grey-text.text-darken-1 {
	color: $color_251 !important;
}
.blue-grey.darken-2 {
	background-color: $background-color_252 !important;
}
.blue-grey-text.text-darken-2 {
	color: $color_252 !important;
}
.blue-grey.darken-3 {
	background-color: $background-color_253 !important;
}
.blue-grey-text.text-darken-3 {
	color: $color_253 !important;
}
.blue-grey.darken-4 {
	background-color: $background-color_254 !important;
}
.blue-grey-text.text-darken-4 {
	color: $color_254 !important;
}
.grey {
	background-color: $background-color_255 !important;
}
.grey-text {
	color: $color_255 !important;
}
.grey.lighten-5 {
	background-color: $background-color_256 !important;
}
.grey-text.text-lighten-5 {
	color: $color_256 !important;
}
.grey.lighten-4 {
	background-color: $background-color_257 !important;
}
.grey-text.text-lighten-4 {
	color: $color_257 !important;
}
.grey.lighten-3 {
	background-color: $background-color_258 !important;
}
.grey-text.text-lighten-3 {
	color: $color_258 !important;
}
.grey.lighten-2 {
	background-color: $background-color_259 !important;
}
.grey-text.text-lighten-2 {
	color: $color_259 !important;
}
.grey.lighten-1 {
	background-color: $background-color_260 !important;
}
.grey-text.text-lighten-1 {
	color: $color_260 !important;
}
.grey.darken-1 {
	background-color: $background-color_261 !important;
}
.grey-text.text-darken-1 {
	color: $color_261 !important;
}
.grey.darken-2 {
	background-color: $background-color_262 !important;
}
.grey-text.text-darken-2 {
	color: $color_262 !important;
}
.grey.darken-3 {
	background-color: $background-color_263 !important;
}
.grey-text.text-darken-3 {
	color: $color_263 !important;
}
.grey.darken-4 {
	background-color: $background-color_264 !important;
}
.grey-text.text-darken-4 {
	color: $color_264 !important;
}
.black {
	background-color: $background-color_265 !important;
}
.black-text {
	color: $color_265 !important;
}
.white {
	background-color: $background-color_266 !important;
}
.white-text {
	color: $color_266 !important;
}
.transparent {
	background-color: $background-color_267 !important;
}
.transparent-text {
	color: $color_267 !important;
}
html {
	line-height: 1.15;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	box-sizing: border-box;
	line-height: 1.5;
	font-family: $font-family_3;
	font-weight: normal;
	color: $color_274;
	height: 100%;
	[type="button"] {
		-webkit-appearance: button;
	}
}
body {
	margin: 0;
	background-color: $background-color_308;
	font-family: $font-family_5;
	font-size: 14px;
	min-height: 100%;
	display: flex;
	flex-direction: column;
}
article {
	display: block;
}
aside {
	display: block;
}
footer {
	display: block;
}
header {
	display: block;
}
nav {
	display: block;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);
	color: $color_266;
	background-color: $background-color_92;
	width: 100%;
	height: 56px;
	line-height: 56px;
	ul {
		a {
			span.badge {
				display: inline-block;
				float: none;
				margin-left: 4px;
				line-height: 22px;
				height: 22px;
				-webkit-font-smoothing: auto;
			}
			transition: background-color .3s;
			font-size: 1rem;
			color: $color_266;
			display: block;
			padding: 0 15px;
			cursor: pointer;
			&:hover {
				background-color: $background-color_274;
			}
		}
		margin: 0;
		li {
			transition: background-color .3s;
			float: left;
			padding: 0;
		}
		li.active {
			background-color: $background-color_274;
		}
		a.btn {
			margin-top: -2px;
			margin-left: 15px;
			margin-right: 15px;
			>.material-icons {
				height: inherit;
				line-height: inherit;
			}
		}
		a.btn-large {
			margin-top: -2px;
			margin-top: -2px;
			margin-left: 15px;
			margin-left: 15px;
			margin-right: 15px;
			margin-right: 15px;
			>.material-icons {
				height: inherit;
				height: inherit;
				line-height: inherit;
				line-height: inherit;
			}
		}
		a.btn-small {
			margin-top: -2px;
			margin-left: 15px;
			margin-right: 15px;
			>.material-icons {
				height: inherit;
				line-height: inherit;
			}
		}
		a.btn-flat {
			margin-top: -2px;
			margin-left: 15px;
			margin-right: 15px;
			>.material-icons {
				height: inherit;
				line-height: inherit;
			}
		}
		a.btn-floating {
			margin-top: -2px;
			margin-left: 15px;
			margin-right: 15px;
			>.material-icons {
				height: inherit;
				line-height: inherit;
			}
		}
	}
	a {
		color: $color_266;
	}
	i {
		display: block;
		font-size: 24px;
		height: 56px;
		line-height: 56px;
	}
	[class^="mdi-"] {
		display: block;
		font-size: 24px;
		height: 56px;
		line-height: 56px;
	}
	[class*="mdi-"] {
		display: block;
		font-size: 24px;
		height: 56px;
		line-height: 56px;
	}
	i.material-icons {
		display: block;
		font-size: 24px;
		height: 56px;
		line-height: 56px;
	}
	.nav-wrapper {
		position: relative;
		height: 100%;
	}
	.sidenav-trigger {
		float: left;
		position: relative;
		z-index: 1;
		height: 56px;
		margin: 0 18px;
		i {
			height: 56px;
			line-height: 56px;
		}
	}
	.brand-logo {
		position: absolute;
		color: $color_266;
		display: inline-block;
		font-size: 2.1rem;
		padding: 0;
		i {
			float: left;
			margin-right: 15px;
		}
		[class^="mdi-"] {
			float: left;
			margin-right: 15px;
		}
		[class*="mdi-"] {
			float: left;
			margin-right: 15px;
		}
		i.material-icons {
			float: left;
			margin-right: 15px;
		}
	}
	.brand-logo.center {
		left: 50%;
		transform: translateX(-50%);
	}
	.brand-logo.right {
		right: 0.5rem;
		padding: 0;
	}
	.nav-title {
		display: inline-block;
		font-size: 32px;
		padding: 28px 0;
	}
	ul.left {
		float: left;
	}
	form {
		height: 100%;
	}
	.input-field {
		margin: 0;
		height: 100%;
		input {
			height: 100%;
			font-size: 1.2rem;
			border: none;
			padding-left: 2rem;
			&:focus {
				border: none;
				box-shadow: none;
			}
		}
		input[type=text] {
			&:valid {
				border: none;
				box-shadow: none;
			}
		}
		input[type=password] {
			&:valid {
				border: none;
				box-shadow: none;
			}
		}
		input[type=email] {
			&:valid {
				border: none;
				box-shadow: none;
			}
		}
		input[type=url] {
			&:valid {
				border: none;
				box-shadow: none;
			}
		}
		input[type=date] {
			&:valid {
				border: none;
				box-shadow: none;
			}
		}
		label {
			top: 0;
			left: 0;
			i {
				color: $color_271;
				transition: color .3s;
			}
		}
		label.active {
			i {
				color: $color_266;
			}
		}
	}
}
section {
	display: block;
}
h1 {
	font-size: 2em;
	margin: 0.67em 0;
	font-weight: 400;
	line-height: 1.3;
	font-size: 4.2rem;
	line-height: 110%;
	margin: 2.8rem 0 1.68rem 0;
	margin-bottom: 50px;
	a {
		font-weight: inherit;
	}
}
figcaption {
	display: block;
}
figure {
	display: block;
	margin: 1em 40px;
}
main {
	display: block;
	flex: 1 0 auto;
	>.container {
		margin-top: 20px;
	}
}
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}
pre {
	font-family: $font-family_1;
	font-size: 1em;
}
a {
	background-color: $background-color_267;
	-webkit-text-decoration-skip: objects;
	color: $color_101;
	text-decoration: none;
	-webkit-tap-highlight-color: transparent;
	text-decoration: none;
}
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}
b {
	font-weight: inherit;
	font-weight: bolder;
}
strong {
	font-weight: inherit;
	font-weight: bolder;
	font-weight: 500;
}
code {
	font-family: $font-family_1;
	font-size: 1em;
}
kbd {
	font-family: $font-family_1;
	font-size: 1em;
}
samp {
	font-family: $font-family_1;
	font-size: 1em;
}
dfn {
	font-style: italic;
}
mark {
	background-color: $background-color_190;
	color: $color_265;
}
small {
	font-size: 80%;
	font-size: 75%;
}
sub {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
	bottom: -0.25em;
}
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
	top: -0.5em;
}
audio {
	display: inline-block;
	&:not([controls]) {
		display: none;
		height: 0;
	}
}
video {
	display: inline-block;
}
img {
	border-style: none;
}
svg {
	&:not(:root) {
		overflow: hidden;
	}
}
button {
	font-family: $font-family_2;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
	overflow: visible;
	text-transform: none;
	-webkit-appearance: button;
	font-family: $font-family_3;
	background: none;
	border: 0;
	&::-moz-focus-inner {
		border-style: none;
		padding: 0;
	}
	&:-moz-focusring {
		outline: 1px dotted ButtonText;
	}
	&:focus {
		outline: none;
		background-color: $background-color_292;
		background: none;
	}
}
input {
	font-family: $font-family_2;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
	overflow: visible;
	font-family: $font-family_3;
	&:not([type]) {
		background-color: $background-color_267;
		border: none;
		border-bottom: 1px solid #9e9e9e;
		border-radius: 0;
		outline: none;
		height: 3rem;
		width: 100%;
		font-size: 16px;
		margin: 0 0 8px 0;
		padding: 0;
		box-shadow: none;
		box-sizing: content-box;
		transition: box-shadow .3s, border .3s;
		&:disabled {
			color: $color_283;
			border-bottom: 1px dotted rgba(0,0,0,0.42);
		}
		&:disabled+label {
			color: $color_283;
		}
		&:focus {
			&:not([readonly]) {
				border-bottom: 1px solid #26a69a;
				box-shadow: 0 1px 0 0 #26a69a;
			}
			&:not([readonly])+label {
				color: $color_128;
			}
		}
		&:focus.valid {
			~ {
				label {
					color: $color_137;
				}
				.helper-text[data-success] {
					color: $color_267;
					user-select: none;
					pointer-events: none;
				}
				.helper-text {
					&:after {
						content: attr(data-success);
						color: $color_137;
					}
				}
			}
		}
		&:focus.invalid {
			~ {
				label {
					color: $color_11;
				}
				.helper-text[data-error] {
					color: $color_267;
					user-select: none;
					pointer-events: none;
				}
				.helper-text {
					&:after {
						content: attr(data-error);
						color: $color_11;
					}
				}
			}
		}
	}
	&:not([type])[readonly="readonly"] {
		color: $color_283;
		border-bottom: 1px dotted rgba(0,0,0,0.42);
	}
	&:not([type])[readonly="readonly"]+label {
		color: $color_283;
	}
	&:not([type]).validate+label {
		width: 100%;
	}
	&:not([type]).valid {
		~ {
			.helper-text[data-success] {
				color: $color_267;
				user-select: none;
				pointer-events: none;
			}
			.helper-text {
				&:after {
					content: attr(data-success);
					color: $color_137;
				}
			}
		}
	}
	&:not([type]).invalid {
		~ {
			.helper-text[data-error] {
				color: $color_267;
				user-select: none;
				pointer-events: none;
			}
			.helper-text {
				&:after {
					content: attr(data-error);
					color: $color_11;
				}
			}
		}
	}
	&:not([type])+label {
		&:after {
			display: block;
			content: "";
			position: absolute;
			top: 100%;
			left: 0;
			opacity: 0;
			transition: .2s opacity ease-out, .2s color ease-out;
		}
	}
}
optgroup {
	font-family: $font-family_2;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
	font-family: $font-family_3;
}
select {
	font-family: $font-family_2;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
	text-transform: none;
	font-family: $font-family_3;
	display: none;
	background-color: $background-color_301;
	width: 100%;
	padding: 5px;
	border: 1px solid #f2f2f2;
	border-radius: 2px;
	height: 3rem;
	&:focus {
		outline: 1px solid #c9f3ef;
	}
	&:disabled {
		color: $color_283;
	}
}
textarea {
	font-family: $font-family_2;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
	overflow: auto;
	font-family: $font-family_3;
	width: 100%;
	height: 3rem;
	background-color: $background-color_267;
}
[type="reset"] {
	-webkit-appearance: button;
	&::-moz-focus-inner {
		border-style: none;
		padding: 0;
	}
	&:-moz-focusring {
		outline: 1px dotted ButtonText;
	}
}
[type="submit"] {
	-webkit-appearance: button;
	&::-moz-focus-inner {
		border-style: none;
		padding: 0;
	}
	&:-moz-focusring {
		outline: 1px dotted ButtonText;
	}
}
[type="button"] {
	&::-moz-focus-inner {
		border-style: none;
		padding: 0;
	}
	&:-moz-focusring {
		outline: 1px dotted ButtonText;
	}
}
fieldset {
	padding: 0.35em 0.75em 0.625em;
}
legend {
	box-sizing: border-box;
	color: $color_268;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}
progress {
	display: inline-block;
	vertical-align: baseline;
}
[type="checkbox"] {
	box-sizing: border-box;
	padding: 0;
	&:not(:checked) {
		position: absolute;
		opacity: 0;
		pointer-events: none;
		&:disabled+span {
			&:not(.lever) {
				&:before {
					border: none;
					background-color: $background-color_293;
				}
			}
		}
	}
	&:checked {
		position: absolute;
		opacity: 0;
		pointer-events: none;
		&:disabled+span {
			&:before {
				border-right: 2px solid rgba(0,0,0,0.42);
				border-bottom: 2px solid rgba(0,0,0,0.42);
			}
		}
	}
	&:not(.filled-in)+span {
		&:not(.lever) {
			&:after {
				content: '';
				position: absolute;
				top: 0;
				left: 0;
				width: 18px;
				height: 18px;
				z-index: 0;
				border: 2px solid #5a5a5a;
				border-radius: 1px;
				margin-top: 3px;
				transition: .2s;
				border: 0;
				transform: scale(0);
			}
		}
	}
	&:checked+span {
		&:not(.lever) {
			&:before {
				top: -4px;
				left: -5px;
				width: 12px;
				height: 22px;
				border-top: 2px solid transparent;
				border-left: 2px solid transparent;
				border-right: 2px solid #26a69a;
				border-bottom: 2px solid #26a69a;
				transform: rotate(40deg);
				backface-visibility: hidden;
				transform-origin: 100% 100%;
			}
		}
	}
	&:indeterminate+span {
		&:not(.lever) {
			&:before {
				top: -11px;
				left: -12px;
				width: 10px;
				height: 22px;
				border-top: none;
				border-left: none;
				border-right: 2px solid #26a69a;
				border-bottom: none;
				transform: rotate(90deg);
				backface-visibility: hidden;
				transform-origin: 100% 100%;
			}
		}
	}
	&:indeterminate {
		&:disabled+span {
			&:not(.lever) {
				&:before {
					border-right: 2px solid rgba(0,0,0,0.42);
					background-color: $background-color_267;
				}
			}
		}
	}
}
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
	&:not(:checked) {
		position: absolute;
		opacity: 0;
		pointer-events: none;
	}
	&:checked {
		position: absolute;
		opacity: 0;
		pointer-events: none;
	}
	&:not(:checked)+span {
		position: relative;
		padding-left: 35px;
		cursor: pointer;
		display: inline-block;
		height: 25px;
		line-height: 25px;
		font-size: 1rem;
		transition: .28s ease;
		user-select: none;
		&:before {
			border-radius: 50%;
			border: 2px solid #5a5a5a;
		}
		&:after {
			border-radius: 50%;
			border: 2px solid #5a5a5a;
			transform: scale(0);
		}
	}
	&:checked+span {
		position: relative;
		padding-left: 35px;
		cursor: pointer;
		display: inline-block;
		height: 25px;
		line-height: 25px;
		font-size: 1rem;
		transition: .28s ease;
		user-select: none;
		&:before {
			border-radius: 50%;
			border: 2px solid transparent;
		}
		&:after {
			border-radius: 50%;
			border: 2px solid #26a69a;
			background-color: $background-color_128;
			transform: scale(1.02);
		}
	}
	&:disabled {
		&:not(:checked)+span {
			&:before {
				background-color: $background-color_267;
				border-color: $border-color_1;
				border-color: $border-color_1;
			}
		}
		&:checked+span {
			&:before {
				background-color: $background-color_267;
				border-color: $border-color_1;
			}
			&:after {
				background-color: $background-color_293;
				border-color: $border-color_2;
			}
		}
	}
	&:disabled+span {
		color: $color_283;
	}
}
[type="number"] {
	&::-webkit-inner-spin-button {
		height: auto;
	}
	&::-webkit-outer-spin-button {
		height: auto;
	}
}
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
	&::-webkit-search-cancel-button {
		-webkit-appearance: none;
	}
	&::-webkit-search-decoration {
		-webkit-appearance: none;
	}
}
&::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}
details {
	display: block;
}
menu {
	display: block;
}
summary {
	display: list-item;
}
canvas {
	display: inline-block;
}
template {
	display: none;
}
[hidden] {
	display: none;
}
* {
	box-sizing: inherit;
	&:before {
		box-sizing: inherit;
	}
	&:after {
		box-sizing: inherit;
	}
}
ul {
	&:not(.browser-default) {
		padding-left: 0;
		list-style-type: none;
		>li {
			list-style-type: none;
		}
	}
}
.valign-wrapper {
	display: flex;
	align-items: center;
}
.clearfix {
	clear: both;
}
.z-depth-0 {
	box-shadow: none !important;
}
.z-depth-1 {
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);
}
.card-panel {
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);
	transition: box-shadow .25s;
	padding: 24px;
	margin: .5rem 0 1rem 0;
	border-radius: 2px;
	background-color: $background-color_266;
}
.card {
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);
	position: relative;
	margin: .5rem 0 1rem 0;
	background-color: $background-color_266;
	transition: box-shadow .25s;
	border-radius: 2px;
	margin-top: 0;
	margin-bottom: 20px;
	.card-title {
		font-size: 24px;
		font-weight: 300;
		font-weight: normal;
	}
	.card-title.activator {
		cursor: pointer;
	}
	.card-image {
		position: relative;
		img {
			display: block;
			border-radius: 2px 2px 0 0;
			position: relative;
			left: 0;
			right: 0;
			top: 0;
			bottom: 0;
			width: 100%;
		}
		.card-title {
			color: $color_266;
			position: absolute;
			bottom: 0;
			left: 0;
			max-width: 100%;
			padding: 24px;
		}
	}
	.card-content {
		padding: 24px;
		border-radius: 0 0 2px 2px;
		p {
			margin: 0;
		}
		.card-title {
			display: block;
			line-height: 32px;
			margin-bottom: 8px;
			i {
				line-height: 32px;
			}
		}
	}
	.card-action {
		background-color: $background-color_273;
		border-top: 1px solid rgba(160,160,160,0.2);
		position: relative;
		padding: 16px 24px;
		&:last-child {
			border-radius: 0 0 2px 2px;
		}
		a {
			&:not(.btn) {
				&:not(.btn-large) {
					&:not(.btn-small) {
						&:not(.btn-large) {
							&:not(.btn-floating) {
								color: $color_218;
								margin-right: 24px;
								transition: color .3s ease;
								text-transform: uppercase;
								&:hover {
									color: $color_275;
								}
							}
						}
					}
				}
			}
		}
	}
	.card-reveal {
		padding: 24px;
		position: absolute;
		background-color: $background-color_266;
		width: 100%;
		overflow-y: auto;
		left: 0;
		top: 100%;
		height: 100%;
		z-index: 3;
		display: none;
		.card-title {
			cursor: pointer;
			display: block;
		}
	}
	.card-metrics {
		display: flex;
		.card-metric {
			cursor: pointer;
			padding: 24px;
			&:hover {
				background-color: $background-color_289;
			}
			.card-metric-value {
				font-size: 26px;
				font-weight: 300;
			}
			.card-metric-change {
				font-size: 12px;
				line-height: 24px;
				i.material-icons {
					height: 24px;
					line-height: 24px;
					margin-right: 0;
					vertical-align: bottom;
				}
			}
			.card-metric-change.increase {
				color: $color_137;
			}
			.card-metric-change.decrease {
				color: $color_11;
			}
		}
		.card-metric.active {
			.card-metric-title {
				font-weight: 500;
			}
			.card-metric-value {
				font-weight: 500;
			}
		}
		.card-metric.colored {
			border-right: 1px solid rgba(0,0,0,0.08);
			border-bottom: 1px solid rgba(0,0,0,0.08);
			&:not(.active) {
				background-color: $background-color_267 !important;
			}
			.card-metric-title {
				font-weight: normal;
			}
			.card-metric-value {
				font-weight: normal;
			}
		}
		.card-metric.colored.active {
			color: $color_266;
			border-color: $border-color_5;
		}
	}
	.card-metrics.card-metrics-centered {
		.card-metric {
			flex: 1;
			text-align: center;
		}
	}
	.card-metrics.card-metrics-toggle {
		.card-metric {
			border-top: 3px solid transparent;
		}
		.card-metric.active {
			border-top: 3px solid #000;
		}
	}
	.card-metrics.card-metrics-static {
		.card-metric {
			cursor: default;
			&:hover {
				background-color: $background-color_267;
			}
		}
	}
	.card-toolbar {
		display: flex;
		padding: 24px;
		justify-content: space-between;
		align-items: center;
		.card-toolbar-title {
			line-height: 24px;
		}
		.card-toolbar-actions {
			.dropdown-trigger {
				.material-icons {
					display: block;
				}
			}
			.select-dropdown {
				margin: 0;
			}
		}
	}
	.fc-head {
		.fc-head-container {
			border-left: 0;
			border-right: 0;
		}
	}
	.fc-body {
		>tr {
			>.fc-widget-content {
				border: 0;
			}
		}
	}
	.background {
		z-index: 0;
		top: auto;
		bottom: 0;
	}
	.divider {
		margin: 0;
	}
}
.toast {
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);
	border-radius: 2px;
	top: 35px;
	width: auto;
	margin-top: 10px;
	position: relative;
	max-width: 100%;
	height: auto;
	min-height: 48px;
	line-height: 1.5em;
	word-break: break-all;
	background-color: $background-color_275;
	padding: 10px 25px;
	font-size: 1.1rem;
	font-weight: 300;
	color: $color_266;
	display: flex;
	align-items: center;
	justify-content: space-between;
	cursor: default;
	.toast-action {
		color: $color_176;
		font-weight: 500;
		margin-right: -25px;
		margin-left: 3rem;
	}
}
.btn {
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);
	border: none;
	border-radius: 2px;
	display: inline-block;
	height: 36px;
	line-height: 36px;
	padding: 0 16px;
	text-transform: uppercase;
	vertical-align: middle;
	-webkit-tap-highlight-color: transparent;
	font-size: 14px;
	outline: 0;
	text-decoration: none;
	color: $color_266;
	background-color: $background-color_128;
	text-align: center;
	letter-spacing: .5px;
	transition: background-color .2s ease-out;
	cursor: pointer;
	&:hover {
		box-shadow: 0 3px 3px 0 rgba(0,0,0,0.14),0 1px 7px 0 rgba(0,0,0,0.12),0 3px 1px -1px rgba(0,0,0,0.2);
		background-color: $background-color_280;
	}
	&:disabled {
		pointer-events: none;
		background-color: $background-color_278 !important;
		box-shadow: none;
		color: $color_278 !important;
		cursor: default;
		&:hover {
			background-color: $background-color_278 !important;
			color: $color_278 !important;
		}
	}
	i {
		font-size: 1.3rem;
		line-height: inherit;
	}
	&:focus {
		background-color: $background-color_279;
	}
}
.btn-large {
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);
	border: none;
	border-radius: 2px;
	display: inline-block;
	height: 36px;
	line-height: 36px;
	padding: 0 16px;
	text-transform: uppercase;
	vertical-align: middle;
	-webkit-tap-highlight-color: transparent;
	font-size: 14px;
	font-size: 14px;
	outline: 0;
	outline: 0;
	text-decoration: none;
	color: $color_266;
	background-color: $background-color_128;
	text-align: center;
	letter-spacing: .5px;
	transition: background-color .2s ease-out;
	cursor: pointer;
	height: 54px;
	line-height: 54px;
	font-size: 15px;
	padding: 0 28px;
	&:hover {
		box-shadow: 0 3px 3px 0 rgba(0,0,0,0.14),0 1px 7px 0 rgba(0,0,0,0.12),0 3px 1px -1px rgba(0,0,0,0.2);
		background-color: $background-color_280;
	}
	&:disabled {
		pointer-events: none;
		pointer-events: none;
		background-color: $background-color_278 !important;
		background-color: $background-color_278 !important;
		box-shadow: none;
		box-shadow: none;
		color: $color_278 !important;
		color: $color_278 !important;
		cursor: default;
		cursor: default;
		&:hover {
			background-color: $background-color_278 !important;
			background-color: $background-color_278 !important;
			color: $color_278 !important;
			color: $color_278 !important;
		}
	}
	i {
		font-size: 1.3rem;
		font-size: 1.3rem;
		line-height: inherit;
		line-height: inherit;
		font-size: 1.6rem;
	}
	&:focus {
		background-color: $background-color_279;
	}
}
.btn-small {
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);
	border: none;
	border-radius: 2px;
	display: inline-block;
	height: 36px;
	line-height: 36px;
	padding: 0 16px;
	text-transform: uppercase;
	vertical-align: middle;
	-webkit-tap-highlight-color: transparent;
	font-size: 14px;
	font-size: 14px;
	outline: 0;
	outline: 0;
	text-decoration: none;
	color: $color_266;
	background-color: $background-color_128;
	text-align: center;
	letter-spacing: .5px;
	transition: background-color .2s ease-out;
	cursor: pointer;
	height: 32.4px;
	line-height: 32.4px;
	font-size: 13px;
	&:hover {
		box-shadow: 0 3px 3px 0 rgba(0,0,0,0.14),0 1px 7px 0 rgba(0,0,0,0.12),0 3px 1px -1px rgba(0,0,0,0.2);
		background-color: $background-color_280;
	}
	&:disabled {
		pointer-events: none;
		pointer-events: none;
		background-color: $background-color_278 !important;
		background-color: $background-color_278 !important;
		box-shadow: none;
		box-shadow: none;
		color: $color_278 !important;
		color: $color_278 !important;
		cursor: default;
		cursor: default;
		&:hover {
			background-color: $background-color_278 !important;
			background-color: $background-color_278 !important;
			color: $color_278 !important;
			color: $color_278 !important;
		}
	}
	i {
		font-size: 1.3rem;
		font-size: 1.3rem;
		line-height: inherit;
		line-height: inherit;
		font-size: 1.2rem;
	}
	&:focus {
		background-color: $background-color_279;
	}
}
.btn-floating {
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);
	font-size: 14px;
	outline: 0;
	display: inline-block;
	color: $color_266;
	position: relative;
	overflow: hidden;
	z-index: 1;
	width: 40px;
	height: 40px;
	line-height: 40px;
	padding: 0;
	background-color: $background-color_128;
	border-radius: 50%;
	transition: background-color .3s;
	cursor: pointer;
	vertical-align: middle;
	&:hover {
		box-shadow: 0 3px 3px 0 rgba(0,0,0,0.14),0 1px 7px 0 rgba(0,0,0,0.12),0 3px 1px -1px rgba(0,0,0,0.2);
		background-color: $background-color_128;
	}
	&:disabled {
		pointer-events: none;
		background-color: $background-color_278 !important;
		box-shadow: none;
		color: $color_278 !important;
		cursor: default;
		&:hover {
			background-color: $background-color_278 !important;
			color: $color_278 !important;
		}
	}
	i {
		font-size: 1.3rem;
		line-height: inherit;
		width: inherit;
		display: inline-block;
		text-align: center;
		color: $color_266;
		font-size: 1.6rem;
		line-height: 40px;
	}
	&:focus {
		background-color: $background-color_279;
	}
	&:before {
		border-radius: 0;
	}
}
.dropdown-content {
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);
	background-color: $background-color_266;
	margin: 0;
	display: none;
	min-width: 100px;
	overflow-y: auto;
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9999;
	transform-origin: 0 0;
	&:focus {
		outline: 0;
	}
	li {
		clear: both;
		color: $color_274;
		cursor: pointer;
		min-height: 50px;
		line-height: 1.5rem;
		width: 100%;
		text-align: left;
		&:hover {
			background-color: $background-color_258;
		}
		&:focus {
			outline: none;
			background-color: $background-color_281;
		}
		>a {
			font-size: 16px;
			color: $color_128;
			display: block;
			line-height: 22px;
			padding: 14px 16px;
			color: $color_269;
			>i {
				height: inherit;
				line-height: inherit;
				float: left;
				margin: 0 24px 0 0;
				width: 24px;
			}
		}
		>span {
			font-size: 16px;
			color: $color_128;
			display: block;
			line-height: 22px;
			padding: 14px 16px;
			color: $color_269;
			>label {
				top: 1px;
				left: 0;
				height: 18px;
			}
		}
	}
	li.active {
		background-color: $background-color_258;
	}
	li.divider {
		min-height: 0;
		height: 1px;
	}
	.settings-group {
		box-shadow: none;
		border: 0;
		margin: 0;
		.setting {
			padding: 16px;
			line-height: 24px;
		}
	}
}
.collapsible {
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
	margin: .5rem 0 1rem 0;
	.collection {
		margin: 0;
		border: none;
	}
	span.badge {
		margin-left: auto;
	}
}
.sidenav {
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);
	position: fixed;
	width: 300px;
	left: 0;
	top: 0;
	margin: 0;
	transform: translateX(-100%);
	height: 100%;
	height: calc(100% + 60px);
	height: -moz-calc(100%);
	padding-bottom: 60px;
	background-color: $background-color_266;
	z-index: 999;
	overflow-y: auto;
	will-change: transform;
	backface-visibility: hidden;
	transform: translateX(-105%);
	box-shadow: none;
	background-color: $background-color_92;
	span.badge {
		margin-top: calc(24px - 11px);
	}
	.collapsible {
		border: none;
		box-shadow: none;
		margin: 0;
		border-bottom: 1px solid rgba(0,0,0,0.2);
		li {
			padding: 0;
		}
		>.active {
			.collapsible-header {
				.chevron {
					transform: rotate(-90deg);
				}
			}
		}
		>li {
			border-bottom: 1px solid rgba(0,0,0,0.2);
			transition: background-color .2s;
			&:hover {
				background-color: $background-color_289;
			}
			&:last-child {
				border-bottom: 0;
			}
		}
		>li.waves-effect {
			display: block;
		}
		.collapsible-header {
			text-transform: uppercase;
			height: 64px;
			line-height: 64px;
			&:hover {
				background-color: $background-color_267;
			}
			.chevron {
				float: right;
				height: 24px;
				width: 24px;
				line-height: 24px;
				margin: 20px 0 0 0;
				transition: transform .2s;
			}
		}
		.collapsible-body {
			padding-bottom: 16px;
			background-color: $background-color_267;
			li {
				>a {
					padding: 0 16px;
					transition: background-color .2s ease-out;
					&:hover {
						background-color: $background-color_311;
					}
					>i.material-icons {
						margin-right: 16px;
					}
				}
				>a.active {
					background-color: $background-color_311;
				}
			}
		}
	}
	.collapsible-header {
		background-color: $background-color_267;
		border: none;
		line-height: inherit;
		height: inherit;
		padding: 0 16px;
		&:hover {
			background-color: $background-color_289;
		}
		i {
			line-height: inherit;
		}
	}
	.collapsible-body {
		border: 0;
		background-color: $background-color_266;
		padding: 0;
		li {
			a {
				padding: 0 23.5px 0 31px;
			}
		}
		>ul {
			&:not(.collapsible) {
				>li.active {
					background-color: $background-color_92;
					a {
						color: $color_266;
					}
				}
			}
		}
	}
	li {
		float: none;
		>a {
			color: $color_274;
			display: block;
			font-size: 14px;
			font-weight: 500;
			height: 48px;
			line-height: 48px;
			padding: 0 32px;
			position: relative;
			padding: 0 16px;
			&:hover {
				background-color: $background-color_289;
				background-color: $background-color_267;
				&::before {
					transform: scaleY(1);
				}
			}
			>i {
				float: left;
				height: 48px;
				line-height: 48px;
				margin: 0 32px 0 0;
				width: 24px;
				color: $color_284;
			}
			>[class^="mdi-"] {
				float: left;
				height: 48px;
				line-height: 48px;
				margin: 0 32px 0 0;
				width: 24px;
				color: $color_284;
			}
			li {
				>a {
					>[class*="mdi-"] {
						float: left;
						height: 48px;
						line-height: 48px;
						margin: 0 32px 0 0;
						width: 24px;
						color: $color_284;
					}
				}
			}
			>i.material-icons {
				float: left;
				height: 48px;
				line-height: 48px;
				margin: 0 32px 0 0;
				width: 24px;
				color: $color_284;
			}
			&::before {
				left: auto;
				right: 0;
			}
		}
		>a.btn {
			margin: 10px 15px;
			color: $color_266;
			&:hover {
				background-color: $background-color_280;
			}
		}
		>a.btn-large {
			margin: 10px 15px;
			margin: 10px 15px;
			color: $color_266;
			color: $color_266;
			&:hover {
				background-color: $background-color_280;
				background-color: $background-color_280;
			}
		}
		>a.btn-small {
			margin: 10px 15px;
			color: $color_266;
			&:hover {
				background-color: $background-color_280;
			}
		}
		>a.btn-flat {
			margin: 10px 15px;
			color: $color_279;
		}
		>a.btn-floating {
			margin: 10px 15px;
			color: $color_266;
			&:hover {
				background-color: $background-color_128;
			}
		}
		&:hover {
			>a {
				background-color: $background-color_267;
				&::before {
					transform: scaleY(1);
				}
			}
		}
		>a.active {
			background-color: $background-color_267;
			&::before {
				transform: scaleY(1);
			}
		}
	}
	li.active {
		background-color: $background-color_289;
		>a {
			background-color: $background-color_267;
			&::before {
				transform: scaleY(1);
			}
		}
	}
	.divider {
		margin: 8px 0 0 0;
	}
	.subheader {
		cursor: initial;
		pointer-events: none;
		color: $color_284;
		font-size: 14px;
		font-weight: 500;
		line-height: 48px;
		&:hover {
			background-color: $background-color_267;
		}
	}
	.user-view {
		position: relative;
		padding: 32px 32px 0;
		margin-bottom: 8px;
		>a {
			height: auto;
			padding: 0;
			&:hover {
				background-color: $background-color_267;
			}
		}
		.background {
			overflow: hidden;
			position: absolute;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			z-index: -1;
		}
		.circle {
			display: block;
			height: 64px;
			width: 64px;
		}
		.name {
			display: block;
			font-size: 14px;
			line-height: 24px;
			margin-top: 16px;
			font-weight: 500;
		}
		.email {
			display: block;
			font-size: 14px;
			line-height: 24px;
			padding-bottom: 16px;
			font-weight: 400;
		}
	}
	>li {
		width: 100%;
	}
	.logo-container {
		padding: 0 16px;
		height: 64px;
		line-height: 64px;
		font-size: 24px;
		border-bottom: 1px solid rgba(0,0,0,0.2);
		box-sizing: content-box;
		i.material-icons {
			line-height: inherit;
		}
	}
}
.jqvmap-label {
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);
	border-radius: 2px;
	background-color: $background-color_266;
	color: $color_274;
}
.settings-group {
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);
	margin-bottom: 50px;
	.setting {
		color: $color_290;
		font-size: 16px;
		margin: 0;
		background-color: $background-color_266;
		padding: 24px;
		border-bottom: 1px solid #ddd;
		.switch {
			label {
				.lever {
					margin: 0;
				}
			}
		}
		[type="checkbox"]+span {
			&:not(.lever) {
				padding-left: 20px;
			}
		}
	}
}
.z-depth-1-half {
	box-shadow: 0 3px 3px 0 rgba(0,0,0,0.14),0 1px 7px 0 rgba(0,0,0,0.12),0 3px 1px -1px rgba(0,0,0,0.2);
}
.z-depth-2 {
	box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.3);
}
#chartjs-tooltip {
	box-shadow: 0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.3);
	position: absolute;
	background-color: $background-color_266;
	border-radius: 2px;
	pointer-events: none;
	z-index: 1000;
	tr {
		border: 0;
	}
	th {
		padding: 0;
		font-weight: 400;
	}
	td {
		padding: 0;
		font-weight: 400;
	}
	thead {
		color: $color_284;
		font-size: 12px;
		line-height: 16px;
	}
	tfoot {
		color: $color_284;
		font-size: 12px;
		line-height: 16px;
	}
	tbody {
		font-size: 18px;
	}
	.chartjs-tooltip-key {
		display: inline-block;
		border-radius: 4px;
		height: 4px;
		width: 12px;
		margin: -2px 8px 0 0;
		vertical-align: middle;
	}
}
.z-depth-3 {
	box-shadow: 0 8px 17px 2px rgba(0,0,0,0.14),0 3px 14px 2px rgba(0,0,0,0.12),0 5px 5px -3px rgba(0,0,0,0.2);
}
.z-depth-4 {
	box-shadow: 0 16px 24px 2px rgba(0,0,0,0.14),0 6px 30px 5px rgba(0,0,0,0.12),0 8px 10px -7px rgba(0,0,0,0.2);
}
.z-depth-5 {
	box-shadow: 0 24px 38px 3px rgba(0,0,0,0.14),0 9px 46px 8px rgba(0,0,0,0.12),0 11px 15px -7px rgba(0,0,0,0.2);
}
.modal {
	box-shadow: 0 24px 38px 3px rgba(0,0,0,0.14),0 9px 46px 8px rgba(0,0,0,0.12),0 11px 15px -7px rgba(0,0,0,0.2);
	display: none;
	position: fixed;
	left: 0;
	right: 0;
	background-color: $background-color_256;
	padding: 0;
	max-height: 70%;
	width: 55%;
	margin: auto;
	overflow-y: auto;
	border-radius: 2px;
	will-change: top, opacity;
	h1 {
		margin-top: 0;
	}
	h2 {
		margin-top: 0;
	}
	h3 {
		margin-top: 0;
	}
	h4 {
		margin-top: 0;
	}
	.modal-content {
		padding: 24px;
	}
	.modal-close {
		cursor: pointer;
	}
	.modal-footer {
		border-radius: 0 0 2px 2px;
		background-color: $background-color_256;
		padding: 4px 6px;
		height: 56px;
		width: 100%;
		text-align: right;
		.btn {
			margin: 6px 0;
		}
		.btn-large {
			margin: 6px 0;
		}
		.btn-small {
			margin: 6px 0;
		}
		.btn-flat {
			margin: 6px 0;
		}
	}
}
.fc {
	.fc-more-popover {
		box-shadow: 0 24px 38px 3px rgba(0,0,0,0.14),0 9px 46px 8px rgba(0,0,0,0.12),0 11px 15px -7px rgba(0,0,0,0.2);
		border: 0;
		.fc-header {
			padding: 6px 0 0 0;
			background-color: $background-color_266;
			.fc-title {
				padding-left: 10px;
				line-height: 40px;
			}
			.fc-icon-x {
				position: absolute;
				right: 6px;
				margin: 0;
				&::after {
					content: none;
				}
				&::before {
					content: 'close';
				}
			}
		}
	}
	tr {
		border-bottom: 0;
	}
	.fc-view {
		&:not(.fc-agendaDay-view) {
			.fc-widget-content.fc-today {
				background-color: $background-color_308;
			}
			.fc-widget-header.fc-today {
				background-color: $background-color_308;
			}
		}
	}
	.fc-content {
		border-color: $border-color_11;
	}
	.fc-divider {
		border-color: $border-color_11;
	}
	.fc-list-heading {
		td {
			border-color: $border-color_11;
		}
	}
	.fc-list-view {
		border-color: $border-color_11;
	}
	.fc-popover {
		border-color: $border-color_11;
	}
	.fc-row {
		border-color: $border-color_11;
	}
	tbody {
		border-color: $border-color_11;
	}
	td {
		border-color: $border-color_11;
	}
	th {
		border-color: $border-color_11;
	}
	thead {
		border-color: $border-color_11;
	}
	.fc-button.fc-prev-button {
		color: $color_274 !important;
		font-family: $font-family_6;
		overflow: hidden;
		width: 40px;
		height: 40px;
		padding: 0;
		margin: 0 2px;
		box-shadow: none;
		border: 0;
		border-radius: 50%;
		background: transparent;
		&::before {
			display: block;
			padding: 8px;
			line-height: 24px;
			font-size: 24px;
		}
		&:hover {
			color: $color_274 !important;
			background: rgba(0,0,0,0.05);
			border: 0;
			box-shadow: none;
		}
		&:active {
			color: $color_274 !important;
			background: rgba(0,0,0,0.05);
			border: 0;
			box-shadow: none;
		}
	}
	.fc-button.fc-next-button {
		color: $color_274 !important;
		font-family: $font-family_6;
		overflow: hidden;
		width: 40px;
		height: 40px;
		padding: 0;
		margin: 0 2px;
		box-shadow: none;
		border: 0;
		border-radius: 50%;
		background: transparent;
		&::before {
			display: block;
			padding: 8px;
			line-height: 24px;
			font-size: 24px;
		}
		&:hover {
			color: $color_274 !important;
			background: rgba(0,0,0,0.05);
			border: 0;
			box-shadow: none;
		}
		&:active {
			color: $color_274 !important;
			background: rgba(0,0,0,0.05);
			border: 0;
			box-shadow: none;
		}
	}
	.disabled.fc-button.fc-prev-button {
		color: $color_293 !important;
		border: 0;
		&:hover {
			color: $color_293 !important;
			border: 0;
		}
	}
	.disabled.fc-button.fc-next-button {
		color: $color_293 !important;
		border: 0;
		&:hover {
			color: $color_293 !important;
			border: 0;
		}
	}
}
.dropdown-content.notifications {
	box-shadow: 0 24px 38px 3px rgba(0,0,0,0.14),0 9px 46px 8px rgba(0,0,0,0.12),0 11px 15px -7px rgba(0,0,0,0.2);
	background-color: $background-color_308;
	color: $color_274;
	padding: 8px 16px;
	width: 450px;
	.notifications-title {
		height: 56px;
		line-height: 56px;
		text-transform: uppercase;
		font-weight: 500;
	}
	.card {
		margin: 8px 0;
		line-height: normal;
		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);
		&:focus {
			outline: none;
		}
		.card-content {
			p {
				font-size: 16px;
			}
		}
		.card-action {
			padding: 8px;
			height: auto;
			a {
				padding: 0 8px;
				margin-right: 8px !important;
				height: 36px;
				line-height: 36px;
				display: inline-block;
			}
		}
	}
}
.hoverable {
	transition: box-shadow .25s;
	&:hover {
		box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
	}
}
.divider {
	height: 1px;
	overflow: hidden;
	background-color: $background-color_259;
	margin: 40px 0;
}
blockquote {
	margin: 20px 0;
	padding-left: 1.5rem;
	border-left: 5px solid #448AFF;
}
i {
	line-height: inherit;
}
i.left {
	float: left;
	margin-right: 15px;
}
i.right {
	float: right;
	margin-left: 15px;
}
i.tiny {
	font-size: 1rem;
}
i.small {
	font-size: 2rem;
}
i.medium {
	font-size: 4rem;
}
i.large {
	font-size: 6rem;
}
img.responsive-img {
	max-width: 100%;
	height: auto;
}
video.responsive-video {
	max-width: 100%;
	height: auto;
}
.pagination {
	li {
		display: inline-block;
		border-radius: 2px;
		text-align: center;
		vertical-align: top;
		height: 30px;
		a {
			color: $color_269;
			display: inline-block;
			font-size: 1.2rem;
			padding: 0 10px;
			line-height: 30px;
		}
		i {
			font-size: 2rem;
		}
	}
	li.active {
		a {
			color: $color_266;
		}
		background-color: $background-color_92;
	}
	li.disabled {
		a {
			cursor: default;
			color: $color_270;
		}
	}
	li.pages {
		ul {
			li {
				display: inline-block;
				float: none;
			}
		}
	}
}
.breadcrumb {
	font-size: 18px;
	color: $color_271;
	i {
		display: inline-block;
		float: left;
		font-size: 24px;
	}
	[class^="mdi-"] {
		display: inline-block;
		float: left;
		font-size: 24px;
	}
	[class*="mdi-"] {
		display: inline-block;
		float: left;
		font-size: 24px;
	}
	i.material-icons {
		display: inline-block;
		float: left;
		font-size: 24px;
	}
	&:before {
		content: '\E5CC';
		color: $color_271;
		vertical-align: top;
		display: inline-block;
		font-family: $font-family_4;
		font-weight: normal;
		font-style: normal;
		font-size: 25px;
		margin: 0 10px 0 8px;
		-webkit-font-smoothing: antialiased;
	}
	&:first-child {
		&:before {
			display: none;
		}
	}
	&:last-child {
		color: $color_266;
	}
}
.parallax-container {
	position: relative;
	overflow: hidden;
	height: 500px;
	.parallax {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: -1;
		img {
			opacity: 0;
			position: absolute;
			left: 50%;
			bottom: 0;
			min-width: 100%;
			min-height: 100%;
			transform: translate3d(0, 0, 0);
			transform: translateX(-50%);
		}
	}
}
.pin-top {
	position: relative;
}
.pin-bottom {
	position: relative;
}
.pinned {
	position: fixed !important;
}
ul.staggered-list {
	li {
		opacity: 0;
	}
}
.fade-in {
	opacity: 0;
	transform-origin: 0 50%;
}
.page-footer {
	padding-top: 20px;
	color: $color_266;
	background-color: $background-color_92;
	background-color: $background-color_266;
	border-top: 1px solid #e0e0e0;
	color: $color_269;
	padding: 40px 0;
	margin: 0;
	.footer-copyright {
		overflow: hidden;
		min-height: 50px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 10px 0px;
		color: $color_272;
		background-color: $background-color_268;
	}
	.row {
		margin: 0;
	}
	.materialize-logo {
		margin-top: 2px;
	}
	p {
		margin: 5px 0;
		color: $color_270;
		font-size: .8rem;
		font-weight: 300;
		margin: 5px 0;
	}
	ul {
		li {
			margin-bottom: 5px;
			a {
				color: $color_270;
				font-size: .8rem;
				font-weight: 300;
				margin: 5px 0;
			}
		}
	}
}
table {
	border: none;
	width: 100%;
	display: table;
	border-collapse: collapse;
	border-spacing: 0;
	span.badge {
		display: inline-block;
		float: none;
		margin-left: auto;
	}
}
th {
	border: none;
	padding: 15px 5px;
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	border-radius: 2px;
	border-radius: 0;
}
td {
	border: none;
	padding: 15px 5px;
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	border-radius: 2px;
	border-radius: 0;
}
table.striped {
	tr {
		border-bottom: none;
	}
	>tbody {
		>tr {
			&:nth-child(odd) {
				background-color: $background-color_269;
			}
			>td {
				border-radius: 0;
			}
		}
	}
}
table.highlight {
	>tbody {
		>tr {
			transition: background-color .25s ease;
			&:hover {
				background-color: $background-color_269;
			}
		}
	}
}
table.centered {
	thead {
		tr {
			th {
				text-align: center;
			}
		}
	}
	tbody {
		tr {
			td {
				text-align: center;
			}
		}
	}
}
tr {
	border-bottom: 1px solid rgba(0,0,0,0.12);
}
.collection {
	margin: .5rem 0 1rem 0;
	border: 1px solid #e0e0e0;
	border-radius: 2px;
	overflow: hidden;
	position: relative;
	.collection-item {
		background-color: $background-color_266;
		line-height: 1.5rem;
		padding: 10px 20px;
		margin: 0;
		border-bottom: 1px solid #e0e0e0;
		&:last-child {
			border-bottom: none;
		}
	}
	.collection-item.avatar {
		min-height: 84px;
		padding-left: 72px;
		position: relative;
		min-height: initial;
		&:not(.circle-clipper) {
			>.circle {
				position: absolute;
				position: absolute;
				width: 42px;
				width: 42px;
				height: 42px;
				height: 42px;
				overflow: hidden;
				overflow: hidden;
				left: 15px;
				left: 15px;
				display: inline-block;
				display: inline-block;
				vertical-align: middle;
				vertical-align: middle;
			}
		}
		i.circle {
			font-size: 18px;
			line-height: 42px;
			color: $color_266;
			background-color: $background-color_270;
			text-align: center;
		}
		.title {
			font-size: 16px;
			padding: 0;
		}
		p {
			margin: 0;
			font-size: 14px;
		}
		.secondary-content {
			position: absolute;
			top: 16px;
			right: 16px;
		}
	}
	.collection-item.active {
		background-color: $background-color_128;
		color: $color_273;
		.secondary-content {
			color: $color_266;
		}
	}
	a.collection-item {
		display: block;
		transition: .25s;
		color: $color_128;
		&:not(.active) {
			&:hover {
				background-color: $background-color_271;
			}
		}
	}
	.collection-item.avatar.active {
		color: $color_268;
		background-color: $background-color_258;
	}
}
.collection.with-header {
	.collection-header {
		background-color: $background-color_266;
		border-bottom: 1px solid #e0e0e0;
		padding: 10px 20px;
	}
	.collection-item {
		padding-left: 30px;
	}
	.collection-item.avatar {
		padding-left: 72px;
	}
}
.secondary-content {
	float: right;
	color: $color_128;
}
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	object {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
}
.progress {
	position: relative;
	height: 4px;
	display: block;
	width: 100%;
	background-color: $background-color_272;
	border-radius: 2px;
	margin: .5rem 0 1rem 0;
	overflow: hidden;
	.determinate {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		background-color: $background-color_128;
		transition: width .3s linear;
	}
	.indeterminate {
		background-color: $background-color_128;
		&:before {
			content: '';
			position: absolute;
			background-color: $background-color_273;
			top: 0;
			left: 0;
			bottom: 0;
			will-change: left, right;
			animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
		}
		&:after {
			content: '';
			position: absolute;
			background-color: $background-color_273;
			top: 0;
			left: 0;
			bottom: 0;
			will-change: left, right;
			animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
			animation-delay: 1.15s;
		}
	}
}
.hide {
	display: none !important;
}
.left-align {
	text-align: left;
}
.right-align {
	text-align: right;
}
.center {
	text-align: center;
}
.center-align {
	text-align: center;
}
.left {
	float: left !important;
}
.right {
	float: right !important;
}
.no-select {
	user-select: none;
}
input[type=range] {
	user-select: none;
	cursor: pointer;
	position: relative;
	background-color: $background-color_267;
	border: none;
	outline: none;
	width: 100%;
	margin: 15px 0;
	padding: 0;
	-webkit-appearance: none;
	border: 1px solid white;
	&:focus {
		outline: none;
	}
	&::-webkit-slider-runnable-track {
		height: 3px;
		background: #c2c0c2;
		border: none;
	}
	&::-webkit-slider-thumb {
		border: none;
		height: 14px;
		width: 14px;
		border-radius: 50%;
		background: #26a69a;
		transition: box-shadow .3s;
		-webkit-appearance: none;
		background-color: $background-color_128;
		transform-origin: 50% 50%;
		margin: -5px 0 0 0;
	}
	&::-moz-range-track {
		height: 3px;
		background: #c2c0c2;
		border: none;
	}
	&::-moz-focus-inner {
		border: 0;
	}
	&::-moz-range-thumb {
		border: none;
		height: 14px;
		width: 14px;
		border-radius: 50%;
		background: #26a69a;
		transition: box-shadow .3s;
		margin-top: -5px;
	}
	&:-moz-focusring {
		outline: 1px solid #fff;
		outline-offset: -1px;
	}
	&::-ms-track {
		height: 3px;
		background: transparent;
		border-color: $border-color_5;
		border-width: 6px 0;
		color: $color_267;
	}
	&::-ms-fill-lower {
		background: #777;
	}
	&::-ms-fill-upper {
		background: #ddd;
	}
	&::-ms-thumb {
		border: none;
		height: 14px;
		width: 14px;
		border-radius: 50%;
		background: #26a69a;
		transition: box-shadow .3s;
	}
}
input[type=range]+.thumb {
	user-select: none;
	cursor: pointer;
	position: absolute;
	top: 10px;
	left: 0;
	border: none;
	height: 0;
	width: 0;
	border-radius: 50%;
	background-color: $background-color_128;
	margin-left: 7px;
	transform-origin: 50% 50%;
	transform: rotate(-45deg);
	.value {
		display: block;
		width: 30px;
		text-align: center;
		color: $color_128;
		font-size: 0;
		transform: rotate(45deg);
	}
}
.circle {
	border-radius: 50%;
}
.center-block {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.truncate {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.no-padding {
	padding: 0 !important;
}
span.badge {
	min-width: 3rem;
	padding: 0 6px;
	margin-left: 14px;
	text-align: center;
	font-size: 1rem;
	line-height: 22px;
	height: 22px;
	color: $color_261;
	float: right;
	box-sizing: border-box;
}
span.badge.new {
	font-weight: 300;
	font-size: 0.8rem;
	color: $color_266;
	background-color: $background-color_128;
	border-radius: 2px;
	&:after {
		content: " new";
	}
}
span.badge[data-badge-caption] {
	&::after {
		content: " "attr(data-badge-caption);
	}
}
.collection-item {
	span.badge {
		margin-top: calc(.75rem - 11px);
	}
}
.material-icons {
	text-rendering: optimizeLegibility;
	font-feature-settings: 'liga';
}
.container {
	margin: 0 auto;
	max-width: 1280px;
	width: 90%;
}
.col {
	.row {
		margin-left: -.75rem;
		margin-right: -.75rem;
	}
}
.section {
	padding-top: 1rem;
	padding-bottom: 1rem;
	padding: 64px 0;
	position: relative;
	.section-title {
		margin-bottom: 30px;
	}
	.caption {
		font-size: 1.4rem;
		font-weight: 200;
	}
	.col {
		min-height: 1px;
	}
}
.section.no-pad {
	padding: 0;
}
.section.no-pad-bot {
	padding-bottom: 0;
}
.section.no-pad-top {
	padding-top: 0;
}
.row {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	&:after {
		content: "";
		display: table;
		clear: both;
	}
	.col {
		float: left;
		box-sizing: border-box;
		padding: 0 .75rem;
		min-height: 1px;
		padding: 0 10px;
	}
	.col[class*="push-"] {
		position: relative;
	}
	.col[class*="pull-"] {
		position: relative;
	}
	.col.s1 {
		width: 8.3333333333%;
		margin-left: auto;
		left: auto;
		right: auto;
	}
	.col.s2 {
		width: 16.6666666667%;
		margin-left: auto;
		left: auto;
		right: auto;
	}
	.col.s3 {
		width: 25%;
		margin-left: auto;
		left: auto;
		right: auto;
	}
	.col.s4 {
		width: 33.3333333333%;
		margin-left: auto;
		left: auto;
		right: auto;
	}
	.col.s5 {
		width: 41.6666666667%;
		margin-left: auto;
		left: auto;
		right: auto;
	}
	.col.s6 {
		width: 50%;
		margin-left: auto;
		left: auto;
		right: auto;
	}
	.col.s7 {
		width: 58.3333333333%;
		margin-left: auto;
		left: auto;
		right: auto;
	}
	.col.s8 {
		width: 66.6666666667%;
		margin-left: auto;
		left: auto;
		right: auto;
	}
	.col.s9 {
		width: 75%;
		margin-left: auto;
		left: auto;
		right: auto;
	}
	.col.s10 {
		width: 83.3333333333%;
		margin-left: auto;
		left: auto;
		right: auto;
	}
	.col.s11 {
		width: 91.6666666667%;
		margin-left: auto;
		left: auto;
		right: auto;
	}
	.col.s12 {
		width: 100%;
		margin-left: auto;
		left: auto;
		right: auto;
	}
	.col.offset-s1 {
		margin-left: 8.3333333333%;
	}
	.col.pull-s1 {
		right: 8.3333333333%;
	}
	.col.push-s1 {
		left: 8.3333333333%;
	}
	.col.offset-s2 {
		margin-left: 16.6666666667%;
	}
	.col.pull-s2 {
		right: 16.6666666667%;
	}
	.col.push-s2 {
		left: 16.6666666667%;
	}
	.col.offset-s3 {
		margin-left: 25%;
	}
	.col.pull-s3 {
		right: 25%;
	}
	.col.push-s3 {
		left: 25%;
	}
	.col.offset-s4 {
		margin-left: 33.3333333333%;
	}
	.col.pull-s4 {
		right: 33.3333333333%;
	}
	.col.push-s4 {
		left: 33.3333333333%;
	}
	.col.offset-s5 {
		margin-left: 41.6666666667%;
	}
	.col.pull-s5 {
		right: 41.6666666667%;
	}
	.col.push-s5 {
		left: 41.6666666667%;
	}
	.col.offset-s6 {
		margin-left: 50%;
	}
	.col.pull-s6 {
		right: 50%;
	}
	.col.push-s6 {
		left: 50%;
	}
	.col.offset-s7 {
		margin-left: 58.3333333333%;
	}
	.col.pull-s7 {
		right: 58.3333333333%;
	}
	.col.push-s7 {
		left: 58.3333333333%;
	}
	.col.offset-s8 {
		margin-left: 66.6666666667%;
	}
	.col.pull-s8 {
		right: 66.6666666667%;
	}
	.col.push-s8 {
		left: 66.6666666667%;
	}
	.col.offset-s9 {
		margin-left: 75%;
	}
	.col.pull-s9 {
		right: 75%;
	}
	.col.push-s9 {
		left: 75%;
	}
	.col.offset-s10 {
		margin-left: 83.3333333333%;
	}
	.col.pull-s10 {
		right: 83.3333333333%;
	}
	.col.push-s10 {
		left: 83.3333333333%;
	}
	.col.offset-s11 {
		margin-left: 91.6666666667%;
	}
	.col.pull-s11 {
		right: 91.6666666667%;
	}
	.col.push-s11 {
		left: 91.6666666667%;
	}
	.col.offset-s12 {
		margin-left: 100%;
	}
	.col.pull-s12 {
		right: 100%;
	}
	.col.push-s12 {
		left: 100%;
	}
}
nav.nav-extended {
	height: auto;
	.nav-wrapper {
		min-height: 56px;
		height: auto;
	}
	.nav-content {
		position: relative;
		line-height: normal;
	}
}
.navbar-fixed {
	position: relative;
	height: 56px;
	z-index: 997;
	nav {
		position: fixed;
	}
	nav.navbar {
		width: 100%;
		left: 0;
	}
}
h2 {
	font-weight: 400;
	line-height: 1.3;
	font-size: 3.56rem;
	line-height: 110%;
	margin: 2.3733333333rem 0 1.424rem 0;
	a {
		font-weight: inherit;
	}
}
h3 {
	font-weight: 400;
	line-height: 1.3;
	font-size: 2.92rem;
	line-height: 110%;
	margin: 1.9466666667rem 0 1.168rem 0;
	a {
		font-weight: inherit;
	}
}
h4 {
	font-weight: 400;
	line-height: 1.3;
	font-size: 2.28rem;
	line-height: 110%;
	margin: 1.52rem 0 .912rem 0;
	a {
		font-weight: inherit;
	}
}
h5 {
	font-weight: 400;
	line-height: 1.3;
	font-size: 1.64rem;
	line-height: 110%;
	margin: 1.0933333333rem 0 .656rem 0;
	a {
		font-weight: inherit;
	}
}
.settings-title {
	font-weight: 400;
	line-height: 1.3;
	font-size: 1.64rem;
	line-height: 110%;
	margin: 1.0933333333rem 0 .656rem 0;
	a {
		font-weight: inherit;
	}
}
h6 {
	font-weight: 400;
	line-height: 1.3;
	font-size: 1.15rem;
	line-height: 110%;
	margin: .7666666667rem 0 .46rem 0;
	a {
		font-weight: inherit;
	}
}
em {
	font-style: italic;
}
.light {
	font-weight: 300;
}
.thin {
	font-weight: 200;
}
.scale-transition {
	transition: transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important;
}
.scale-transition.scale-out {
	transform: scale(0);
	transition: transform .2s !important;
}
.scale-transition.scale-in {
	transform: scale(1);
}
.card.small {
	position: relative;
	height: 300px;
	.card-image {
		max-height: 60%;
		overflow: hidden;
	}
	.card-image+.card-content {
		max-height: 40%;
	}
	.card-content {
		max-height: 100%;
		overflow: hidden;
	}
	.card-action {
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
	}
}
.card.medium {
	position: relative;
	height: 400px;
	.card-image {
		max-height: 60%;
		overflow: hidden;
	}
	.card-image+.card-content {
		max-height: 40%;
	}
	.card-content {
		max-height: 100%;
		overflow: hidden;
	}
	.card-action {
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
	}
}
.card.large {
	position: relative;
	height: 500px;
	.card-image {
		max-height: 60%;
		overflow: hidden;
	}
	.card-image+.card-content {
		max-height: 40%;
	}
	.card-content {
		max-height: 100%;
		overflow: hidden;
	}
	.card-action {
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
	}
}
.card.horizontal {
	display: flex;
	.card-image {
		max-width: 50%;
		img {
			border-radius: 2px 0 0 2px;
			max-width: 100%;
			width: auto;
		}
	}
	.card-stacked {
		display: flex;
		flex-direction: column;
		flex: 1;
		position: relative;
		.card-content {
			flex-grow: 1;
		}
	}
}
.card.horizontal.small {
	.card-image {
		height: 100%;
		max-height: none;
		overflow: visible;
		img {
			height: 100%;
		}
	}
}
.card.horizontal.medium {
	.card-image {
		height: 100%;
		max-height: none;
		overflow: visible;
		img {
			height: 100%;
		}
	}
}
.card.horizontal.large {
	.card-image {
		height: 100%;
		max-height: none;
		overflow: visible;
		img {
			height: 100%;
		}
	}
}
.card.sticky-action {
	.card-action {
		z-index: 2;
	}
	.card-reveal {
		z-index: 1;
		padding-bottom: 64px;
	}
}
#toast-container {
	display: block;
	position: fixed;
	z-index: 10000;
}
.toast.rounded {
	border-radius: 24px;
}
.tabs {
	position: relative;
	overflow-x: auto;
	overflow-y: hidden;
	height: 48px;
	width: 100%;
	background-color: $background-color_266;
	margin: 0 auto;
	white-space: nowrap;
	.tab {
		display: inline-block;
		text-align: center;
		line-height: 48px;
		height: 48px;
		padding: 0;
		margin: 0;
		text-transform: uppercase;
		a {
			color: $color_276;
			display: block;
			width: 100%;
			height: 100%;
			padding: 0 24px;
			font-size: 14px;
			text-overflow: ellipsis;
			overflow: hidden;
			transition: color .28s ease, background-color .28s ease;
			&:focus {
				background-color: $background-color_276;
				outline: none;
			}
			&:focus.active {
				background-color: $background-color_276;
				outline: none;
			}
			&:hover {
				background-color: $background-color_267;
				color: $color_92;
			}
		}
		a.active {
			background-color: $background-color_267;
			color: $color_92;
		}
	}
	.tab.disabled {
		a {
			color: $color_277;
			cursor: default;
			&:hover {
				color: $color_277;
				cursor: default;
			}
		}
	}
	.indicator {
		position: absolute;
		bottom: 0;
		height: 2px;
		background-color: $background-color_277;
		will-change: left, right;
	}
}
.tabs.tabs-transparent {
	background-color: $background-color_267;
	.tab {
		a {
			color: $color_271;
			&:hover {
				color: $color_266;
			}
		}
		a.active {
			color: $color_266;
		}
	}
	.tab.disabled {
		a {
			color: $color_271;
			&:hover {
				color: $color_271;
			}
		}
	}
	.indicator {
		background-color: $background-color_266;
	}
}
.tabs.tabs-fixed-width {
	display: flex;
	.tab {
		flex-grow: 1;
	}
}
.material-tooltip {
	padding: 10px 8px;
	font-size: 1rem;
	z-index: 2000;
	background-color: $background-color_267;
	border-radius: 2px;
	color: $color_266;
	min-height: 36px;
	line-height: 120%;
	opacity: 0;
	position: absolute;
	text-align: center;
	max-width: calc(100% - 4px);
	overflow: hidden;
	left: 0;
	top: 0;
	pointer-events: none;
	visibility: hidden;
	background-color: $background-color_275;
}
.backdrop {
	position: absolute;
	opacity: 0;
	height: 7px;
	width: 14px;
	border-radius: 0 0 50% 50%;
	background-color: $background-color_275;
	z-index: -1;
	transform-origin: 50% 0%;
	visibility: hidden;
}
.btn-flat {
	border: none;
	border-radius: 2px;
	display: inline-block;
	height: 36px;
	line-height: 36px;
	padding: 0 16px;
	text-transform: uppercase;
	vertical-align: middle;
	-webkit-tap-highlight-color: transparent;
	font-size: 14px;
	outline: 0;
	box-shadow: none;
	background-color: $background-color_267;
	color: $color_279;
	cursor: pointer;
	transition: background-color .2s;
	&:disabled {
		pointer-events: none;
		background-color: $background-color_278 !important;
		box-shadow: none;
		color: $color_278 !important;
		cursor: default;
		&:hover {
			background-color: $background-color_278 !important;
			color: $color_278 !important;
		}
	}
	i {
		font-size: 1.3rem;
		line-height: inherit;
	}
	&:focus {
		box-shadow: none;
		background-color: $background-color_274;
	}
	&:hover {
		box-shadow: none;
	}
}
.btn.disabled {
	pointer-events: none;
	background-color: $background-color_278 !important;
	box-shadow: none;
	color: $color_278 !important;
	cursor: default;
	&:hover {
		background-color: $background-color_278 !important;
		color: $color_278 !important;
	}
}
.disabled.btn-large {
	pointer-events: none;
	background-color: $background-color_278 !important;
	box-shadow: none;
	color: $color_278 !important;
	cursor: default;
	&:hover {
		background-color: $background-color_278 !important;
		color: $color_278 !important;
	}
}
.disabled.btn-small {
	pointer-events: none;
	background-color: $background-color_278 !important;
	box-shadow: none;
	color: $color_278 !important;
	cursor: default;
	&:hover {
		background-color: $background-color_278 !important;
		color: $color_278 !important;
	}
}
.btn-floating.disabled {
	pointer-events: none;
	background-color: $background-color_278 !important;
	box-shadow: none;
	color: $color_278 !important;
	cursor: default;
	&:hover {
		background-color: $background-color_278 !important;
		color: $color_278 !important;
	}
}
.btn-large.disabled {
	pointer-events: none;
	background-color: $background-color_278 !important;
	box-shadow: none;
	color: $color_278 !important;
	cursor: default;
	&:hover {
		background-color: $background-color_278 !important;
		color: $color_278 !important;
	}
}
.btn-small.disabled {
	pointer-events: none;
	background-color: $background-color_278 !important;
	box-shadow: none;
	color: $color_278 !important;
	cursor: default;
	&:hover {
		background-color: $background-color_278 !important;
		color: $color_278 !important;
	}
}
.btn-flat.disabled {
	pointer-events: none;
	background-color: $background-color_278 !important;
	box-shadow: none;
	color: $color_278 !important;
	cursor: default;
	background-color: $background-color_267 !important;
	color: $color_280 !important;
	cursor: default;
	&:hover {
		background-color: $background-color_278 !important;
		color: $color_278 !important;
	}
}
.btn[disabled] {
	pointer-events: none;
	background-color: $background-color_278 !important;
	box-shadow: none;
	color: $color_278 !important;
	cursor: default;
	&:hover {
		background-color: $background-color_278 !important;
		color: $color_278 !important;
	}
}
[disabled].btn-large {
	pointer-events: none;
	background-color: $background-color_278 !important;
	box-shadow: none;
	color: $color_278 !important;
	cursor: default;
	&:hover {
		background-color: $background-color_278 !important;
		color: $color_278 !important;
	}
}
[disabled].btn-small {
	pointer-events: none;
	background-color: $background-color_278 !important;
	box-shadow: none;
	color: $color_278 !important;
	cursor: default;
	&:hover {
		background-color: $background-color_278 !important;
		color: $color_278 !important;
	}
}
.btn-floating[disabled] {
	pointer-events: none;
	background-color: $background-color_278 !important;
	box-shadow: none;
	color: $color_278 !important;
	cursor: default;
	&:hover {
		background-color: $background-color_278 !important;
		color: $color_278 !important;
	}
}
.btn-large[disabled] {
	pointer-events: none;
	background-color: $background-color_278 !important;
	box-shadow: none;
	color: $color_278 !important;
	cursor: default;
	&:hover {
		background-color: $background-color_278 !important;
		color: $color_278 !important;
	}
}
.btn-small[disabled] {
	pointer-events: none;
	background-color: $background-color_278 !important;
	box-shadow: none;
	color: $color_278 !important;
	cursor: default;
	&:hover {
		background-color: $background-color_278 !important;
		color: $color_278 !important;
	}
}
.btn-flat[disabled] {
	pointer-events: none;
	background-color: $background-color_278 !important;
	box-shadow: none;
	color: $color_278 !important;
	cursor: default;
	&:hover {
		background-color: $background-color_278 !important;
		color: $color_278 !important;
	}
}
.btn-floating.btn-large {
	width: 56px;
	height: 56px;
	padding: 0;
	i {
		line-height: 56px;
	}
}
.btn-floating.btn-large.halfway-fab {
	bottom: -28px;
}
.btn-floating.btn-small {
	width: 32.4px;
	height: 32.4px;
	i {
		line-height: 32.4px;
	}
}
.btn-floating.btn-small.halfway-fab {
	bottom: -16.2px;
}
.btn-floating.halfway-fab {
	position: absolute;
	right: 24px;
	bottom: -20px;
}
.btn-floating.halfway-fab.left {
	right: auto;
	left: 24px;
}
button.btn-floating {
	border: none;
}
.fixed-action-btn {
	position: fixed;
	right: 23px;
	bottom: 23px;
	padding-top: 15px;
	margin-bottom: 0;
	z-index: 997;
	ul {
		left: 0;
		right: 0;
		text-align: center;
		position: absolute;
		bottom: 64px;
		margin: 0;
		visibility: hidden;
		li {
			margin-bottom: 15px;
		}
		a.btn-floating {
			opacity: 0;
		}
	}
	.fab-backdrop {
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
		width: 40px;
		height: 40px;
		background-color: $background-color_128;
		border-radius: 50%;
		transform: scale(0);
	}
}
.fixed-action-btn.active {
	ul {
		visibility: visible;
	}
}
.fixed-action-btn.direction-left {
	padding: 0 0 0 15px;
	ul {
		text-align: right;
		right: 64px;
		top: 50%;
		transform: translateY(-50%);
		height: 100%;
		left: auto;
		width: 500px;
		li {
			display: inline-block;
			margin: 7.5px 15px 0 0;
		}
	}
}
.fixed-action-btn.direction-right {
	padding: 0 0 0 15px;
	padding: 0 15px 0 0;
	ul {
		text-align: right;
		right: 64px;
		top: 50%;
		transform: translateY(-50%);
		height: 100%;
		left: auto;
		width: 500px;
		text-align: left;
		direction: rtl;
		left: 64px;
		right: auto;
		li {
			display: inline-block;
			margin: 7.5px 15px 0 0;
			margin: 7.5px 0 0 15px;
		}
	}
}
.fixed-action-btn.direction-bottom {
	padding: 0 0 15px 0;
	ul {
		top: 64px;
		bottom: auto;
		display: flex;
		flex-direction: column-reverse;
		li {
			margin: 15px 0 0 0;
		}
	}
}
.fixed-action-btn.toolbar {
	padding: 0;
	height: 56px;
	ul {
		display: flex;
		top: 0;
		bottom: 0;
		z-index: 1;
		li {
			flex: 1;
			display: inline-block;
			margin: 0;
			height: 100%;
			transition: none;
			a {
				display: block;
				overflow: hidden;
				position: relative;
				width: 100%;
				height: 100%;
				background-color: $background-color_267;
				box-shadow: none;
				color: $color_266;
				line-height: 56px;
				z-index: 1;
				i {
					line-height: inherit;
				}
			}
		}
	}
}
.fixed-action-btn.toolbar.active {
	>a {
		i {
			opacity: 0;
		}
	}
}
.btn-block {
	display: block;
}
.input-field.col {
	.dropdown-content {
		[type="checkbox"]+label {
			top: 1px;
			left: 0;
			height: 18px;
			transform: none;
		}
	}
	label {
		left: .75rem;
	}
	.prefix {
		~ {
			label {
				width: calc(100% - 3rem - 1.5rem);
			}
			.validate {
				~ {
					label {
						width: calc(100% - 3rem - 1.5rem);
					}
				}
			}
		}
	}
}
.dropdown-trigger {
	cursor: pointer;
}
.waves-effect {
	position: relative;
	cursor: pointer;
	display: inline-block;
	overflow: hidden;
	user-select: none;
	-webkit-tap-highlight-color: transparent;
	vertical-align: middle;
	z-index: 1;
	transition: .3s ease-out;
	.waves-ripple {
		position: absolute;
		border-radius: 50%;
		width: 20px;
		height: 20px;
		margin-top: -10px;
		margin-left: -10px;
		opacity: 0;
		background: rgba(0,0,0,0.2);
		transition: all 0.7s ease-out;
		transition-property: transform, opacity;
		transform: scale(0);
		pointer-events: none;
		z-index: -1;
	}
	input[type="button"] {
		border: 0;
		font-style: normal;
		font-size: inherit;
		text-transform: inherit;
		background: none;
	}
	input[type="reset"] {
		border: 0;
		font-style: normal;
		font-size: inherit;
		text-transform: inherit;
		background: none;
	}
	input[type="submit"] {
		border: 0;
		font-style: normal;
		font-size: inherit;
		text-transform: inherit;
		background: none;
	}
	img {
		position: relative;
		z-index: -1;
	}
}
.waves-effect.waves-light {
	.waves-ripple {
		background-color: $background-color_282;
	}
}
.waves-effect.waves-red {
	.waves-ripple {
		background-color: $background-color_283;
	}
}
.waves-effect.waves-yellow {
	.waves-ripple {
		background-color: $background-color_284;
	}
}
.waves-effect.waves-orange {
	.waves-ripple {
		background-color: $background-color_285;
	}
}
.waves-effect.waves-purple {
	.waves-ripple {
		background-color: $background-color_286;
	}
}
.waves-effect.waves-green {
	.waves-ripple {
		background-color: $background-color_287;
	}
}
.waves-effect.waves-teal {
	.waves-ripple {
		background-color: $background-color_288;
	}
}
.waves-notransition {
	transition: none !important;
}
.waves-circle {
	transform: translateZ(0);
	-webkit-mask-image: -webkit-radial-gradient(circle, #fff 100%, #000 100%);
	text-align: center;
	width: 2.5em;
	height: 2.5em;
	line-height: 2.5em;
	border-radius: 50%;
	-webkit-mask-image: none;
}
.waves-input-wrapper {
	border-radius: 0.2em;
	vertical-align: bottom;
	.waves-button-input {
		position: relative;
		top: 0;
		left: 0;
		z-index: 1;
	}
}
.waves-block {
	display: block;
}
.modal-overlay {
	position: fixed;
	z-index: 999;
	top: -25%;
	left: 0;
	bottom: 0;
	right: 0;
	height: 125%;
	width: 100%;
	background: #000;
	display: none;
	will-change: opacity;
}
.modal.modal-fixed-footer {
	padding: 0;
	height: 70%;
	.modal-content {
		position: absolute;
		height: calc(100% - 56px);
		max-height: 100%;
		width: 100%;
		overflow-y: auto;
	}
	.modal-footer {
		border-top: 1px solid rgba(0,0,0,0.1);
		position: absolute;
		bottom: 0;
	}
}
.modal.bottom-sheet {
	top: auto;
	bottom: -100%;
	margin: 0;
	width: 100%;
	max-height: 45%;
	border-radius: 0;
	will-change: bottom, opacity;
}
.collapsible-header {
	display: flex;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
	line-height: 1.5;
	padding: 1rem;
	background-color: $background-color_266;
	border-bottom: 1px solid #ddd;
	&:focus {
		outline: 0;
	}
	i {
		width: 2rem;
		font-size: 1.6rem;
		display: inline-block;
		text-align: center;
		margin-right: 1rem;
	}
}
.keyboard-focused {
	.collapsible-header {
		&:focus {
			background-color: $background-color_258;
		}
	}
	input[type=range] {
		&:focus {
			&:not(.active) {
				&::-webkit-slider-thumb {
					box-shadow: 0 0 0 10px rgba(38,166,154,0.26);
				}
				&::-moz-range-thumb {
					box-shadow: 0 0 0 10px rgba(38,166,154,0.26);
				}
				&::-ms-thumb {
					box-shadow: 0 0 0 10px rgba(38,166,154,0.26);
				}
			}
		}
	}
	.sidenav {
		.collapsible-header {
			&:focus {
				background-color: $background-color_274;
			}
		}
		.collapsible-body {
			li {
				>a {
					&:focus {
						background-color: $background-color_311;
						outline: none;
					}
				}
			}
		}
	}
}
.collapsible-body {
	display: none;
	border-bottom: 1px solid #ddd;
	box-sizing: border-box;
	padding: 2rem;
}
.sidenav.fixed {
	.collapsible {
		border: none;
		box-shadow: none;
		li {
			padding: 0;
		}
	}
	.collapsible-header {
		background-color: $background-color_267;
		border: none;
		line-height: inherit;
		height: inherit;
		padding: 0 16px;
		&:hover {
			background-color: $background-color_289;
		}
		i {
			line-height: inherit;
		}
	}
	.collapsible-body {
		border: 0;
		background-color: $background-color_266;
		li {
			a {
				padding: 0 23.5px 0 31px;
			}
		}
	}
}
.collapsible.popout {
	border: none;
	box-shadow: none;
	>li {
		box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
		margin: 0 24px;
		transition: margin 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	}
	>li.active {
		box-shadow: 0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);
		margin: 16px 0;
	}
}
.chip {
	display: inline-block;
	height: 32px;
	font-size: 13px;
	font-weight: 500;
	color: $color_281;
	line-height: 32px;
	padding: 0 12px;
	border-radius: 16px;
	background-color: $background-color_290;
	margin-bottom: 5px;
	margin-right: 5px;
	&:focus {
		outline: none;
		background-color: $background-color_128;
		color: $color_266;
	}
	>img {
		float: left;
		margin: 0 8px 0 -12px;
		height: 32px;
		width: 32px;
		border-radius: 50%;
	}
	.close {
		cursor: pointer;
		float: right;
		font-size: 16px;
		line-height: 32px;
		padding-left: 8px;
	}
}
.chips {
	border: none;
	border-bottom: 1px solid #9e9e9e;
	box-shadow: none;
	margin: 0 0 8px 0;
	min-height: 45px;
	outline: none;
	transition: all .3s;
	&:hover {
		cursor: text;
	}
	.input {
		background: none;
		border: 0;
		color: $color_281;
		display: inline-block;
		font-size: 16px;
		height: 3rem;
		line-height: 32px;
		outline: 0;
		margin: 0;
		padding: 0 !important;
		width: 120px !important;
		&:focus {
			border: 0 !important;
			box-shadow: none !important;
		}
	}
	.autocomplete-content {
		margin-top: 0;
		margin-bottom: 0;
	}
	&:empty {
		~ {
			label {
				font-size: 0.8rem;
				transform: translateY(-140%);
			}
		}
	}
}
.chips.focus {
	border-bottom: 1px solid #26a69a;
	box-shadow: 0 1px 0 0 #26a69a;
}
.prefix {
	~ {
		.chips {
			margin-left: 3rem;
			width: 92%;
			width: calc(100% - 3rem);
		}
		.select-wrapper {
			margin-left: 3rem;
			width: 92%;
			width: calc(100% - 3rem);
		}
		label {
			margin-left: 3rem;
		}
	}
}
.materialboxed {
	display: block;
	cursor: zoom-in;
	position: relative;
	transition: opacity .4s;
	-webkit-backface-visibility: hidden;
	&:hover {
		&:not(.active) {
			opacity: .8;
		}
	}
}
.materialboxed.active {
	cursor: zoom-out;
}
#materialbox-overlay {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: $background-color_291;
	z-index: 1000;
	will-change: opacity;
}
.materialbox-caption {
	position: fixed;
	display: none;
	color: $color_266;
	line-height: 50px;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: center;
	padding: 0% 15%;
	height: 50px;
	z-index: 1000;
	-webkit-font-smoothing: antialiased;
}
label {
	font-size: .8rem;
	color: $color_255;
}
&::placeholder {
	color: $color_282;
}
input[type=text] {
	&:not(.browser-default) {
		background-color: $background-color_267;
		border: none;
		border-bottom: 1px solid #9e9e9e;
		border-radius: 0;
		outline: none;
		height: 3rem;
		width: 100%;
		font-size: 16px;
		margin: 0 0 8px 0;
		padding: 0;
		box-shadow: none;
		box-sizing: content-box;
		transition: box-shadow .3s, border .3s;
		&:disabled {
			color: $color_283;
			border-bottom: 1px dotted rgba(0,0,0,0.42);
		}
		&:disabled+label {
			color: $color_283;
		}
		&:focus {
			&:not([readonly]) {
				border-bottom: 1px solid #26a69a;
				box-shadow: 0 1px 0 0 #26a69a;
			}
			&:not([readonly])+label {
				color: $color_128;
			}
		}
		&:focus.valid {
			~ {
				label {
					color: $color_137;
				}
				.helper-text[data-success] {
					color: $color_267;
					user-select: none;
					pointer-events: none;
				}
				.helper-text {
					&:after {
						content: attr(data-success);
						color: $color_137;
					}
				}
			}
		}
		&:focus.invalid {
			~ {
				label {
					color: $color_11;
				}
				.helper-text[data-error] {
					color: $color_267;
					user-select: none;
					pointer-events: none;
				}
				.helper-text {
					&:after {
						content: attr(data-error);
						color: $color_11;
					}
				}
			}
		}
	}
	&:not(.browser-default)[readonly="readonly"] {
		color: $color_283;
		border-bottom: 1px dotted rgba(0,0,0,0.42);
	}
	&:not(.browser-default)[readonly="readonly"]+label {
		color: $color_283;
	}
	&:not(.browser-default).validate+label {
		width: 100%;
	}
	&:not(.browser-default).valid {
		~ {
			.helper-text[data-success] {
				color: $color_267;
				user-select: none;
				pointer-events: none;
			}
			.helper-text {
				&:after {
					content: attr(data-success);
					color: $color_137;
				}
			}
		}
	}
	&:not(.browser-default).invalid {
		~ {
			.helper-text[data-error] {
				color: $color_267;
				user-select: none;
				pointer-events: none;
			}
			.helper-text {
				&:after {
					content: attr(data-error);
					color: $color_11;
				}
			}
		}
	}
	&:not(.browser-default)+label {
		&:after {
			display: block;
			content: "";
			position: absolute;
			top: 100%;
			left: 0;
			opacity: 0;
			transition: .2s opacity ease-out, .2s color ease-out;
		}
	}
}
input[type=password] {
	&:not(.browser-default) {
		background-color: $background-color_267;
		border: none;
		border-bottom: 1px solid #9e9e9e;
		border-radius: 0;
		outline: none;
		height: 3rem;
		width: 100%;
		font-size: 16px;
		margin: 0 0 8px 0;
		padding: 0;
		box-shadow: none;
		box-sizing: content-box;
		transition: box-shadow .3s, border .3s;
		&:disabled {
			color: $color_283;
			border-bottom: 1px dotted rgba(0,0,0,0.42);
		}
		&:disabled+label {
			color: $color_283;
		}
		&:focus {
			&:not([readonly]) {
				border-bottom: 1px solid #26a69a;
				box-shadow: 0 1px 0 0 #26a69a;
			}
			&:not([readonly])+label {
				color: $color_128;
			}
		}
		&:focus.valid {
			~ {
				label {
					color: $color_137;
				}
				.helper-text[data-success] {
					color: $color_267;
					user-select: none;
					pointer-events: none;
				}
				.helper-text {
					&:after {
						content: attr(data-success);
						color: $color_137;
					}
				}
			}
		}
		&:focus.invalid {
			~ {
				label {
					color: $color_11;
				}
				.helper-text[data-error] {
					color: $color_267;
					user-select: none;
					pointer-events: none;
				}
				.helper-text {
					&:after {
						content: attr(data-error);
						color: $color_11;
					}
				}
			}
		}
	}
	&:not(.browser-default)[readonly="readonly"] {
		color: $color_283;
		border-bottom: 1px dotted rgba(0,0,0,0.42);
	}
	&:not(.browser-default)[readonly="readonly"]+label {
		color: $color_283;
	}
	&:not(.browser-default).validate+label {
		width: 100%;
	}
	&:not(.browser-default).valid {
		~ {
			.helper-text[data-success] {
				color: $color_267;
				user-select: none;
				pointer-events: none;
			}
			.helper-text {
				&:after {
					content: attr(data-success);
					color: $color_137;
				}
			}
		}
	}
	&:not(.browser-default).invalid {
		~ {
			.helper-text[data-error] {
				color: $color_267;
				user-select: none;
				pointer-events: none;
			}
			.helper-text {
				&:after {
					content: attr(data-error);
					color: $color_11;
				}
			}
		}
	}
	&:not(.browser-default)+label {
		&:after {
			display: block;
			content: "";
			position: absolute;
			top: 100%;
			left: 0;
			opacity: 0;
			transition: .2s opacity ease-out, .2s color ease-out;
		}
	}
}
input[type=email] {
	&:not(.browser-default) {
		background-color: $background-color_267;
		border: none;
		border-bottom: 1px solid #9e9e9e;
		border-radius: 0;
		outline: none;
		height: 3rem;
		width: 100%;
		font-size: 16px;
		margin: 0 0 8px 0;
		padding: 0;
		box-shadow: none;
		box-sizing: content-box;
		transition: box-shadow .3s, border .3s;
		&:disabled {
			color: $color_283;
			border-bottom: 1px dotted rgba(0,0,0,0.42);
		}
		&:disabled+label {
			color: $color_283;
		}
		&:focus {
			&:not([readonly]) {
				border-bottom: 1px solid #26a69a;
				box-shadow: 0 1px 0 0 #26a69a;
			}
			&:not([readonly])+label {
				color: $color_128;
			}
		}
		&:focus.valid {
			~ {
				label {
					color: $color_137;
				}
				.helper-text[data-success] {
					color: $color_267;
					user-select: none;
					pointer-events: none;
				}
				.helper-text {
					&:after {
						content: attr(data-success);
						color: $color_137;
					}
				}
			}
		}
		&:focus.invalid {
			~ {
				label {
					color: $color_11;
				}
				.helper-text[data-error] {
					color: $color_267;
					user-select: none;
					pointer-events: none;
				}
				.helper-text {
					&:after {
						content: attr(data-error);
						color: $color_11;
					}
				}
			}
		}
	}
	&:not(.browser-default)[readonly="readonly"] {
		color: $color_283;
		border-bottom: 1px dotted rgba(0,0,0,0.42);
	}
	&:not(.browser-default)[readonly="readonly"]+label {
		color: $color_283;
	}
	&:not(.browser-default).validate+label {
		width: 100%;
	}
	&:not(.browser-default).valid {
		~ {
			.helper-text[data-success] {
				color: $color_267;
				user-select: none;
				pointer-events: none;
			}
			.helper-text {
				&:after {
					content: attr(data-success);
					color: $color_137;
				}
			}
		}
	}
	&:not(.browser-default).invalid {
		~ {
			.helper-text[data-error] {
				color: $color_267;
				user-select: none;
				pointer-events: none;
			}
			.helper-text {
				&:after {
					content: attr(data-error);
					color: $color_11;
				}
			}
		}
	}
	&:not(.browser-default)+label {
		&:after {
			display: block;
			content: "";
			position: absolute;
			top: 100%;
			left: 0;
			opacity: 0;
			transition: .2s opacity ease-out, .2s color ease-out;
		}
	}
}
input[type=url] {
	&:not(.browser-default) {
		background-color: $background-color_267;
		border: none;
		border-bottom: 1px solid #9e9e9e;
		border-radius: 0;
		outline: none;
		height: 3rem;
		width: 100%;
		font-size: 16px;
		margin: 0 0 8px 0;
		padding: 0;
		box-shadow: none;
		box-sizing: content-box;
		transition: box-shadow .3s, border .3s;
		&:disabled {
			color: $color_283;
			border-bottom: 1px dotted rgba(0,0,0,0.42);
		}
		&:disabled+label {
			color: $color_283;
		}
		&:focus {
			&:not([readonly]) {
				border-bottom: 1px solid #26a69a;
				box-shadow: 0 1px 0 0 #26a69a;
			}
			&:not([readonly])+label {
				color: $color_128;
			}
		}
		&:focus.valid {
			~ {
				label {
					color: $color_137;
				}
				.helper-text[data-success] {
					color: $color_267;
					user-select: none;
					pointer-events: none;
				}
				.helper-text {
					&:after {
						content: attr(data-success);
						color: $color_137;
					}
				}
			}
		}
		&:focus.invalid {
			~ {
				label {
					color: $color_11;
				}
				.helper-text[data-error] {
					color: $color_267;
					user-select: none;
					pointer-events: none;
				}
				.helper-text {
					&:after {
						content: attr(data-error);
						color: $color_11;
					}
				}
			}
		}
	}
	&:not(.browser-default)[readonly="readonly"] {
		color: $color_283;
		border-bottom: 1px dotted rgba(0,0,0,0.42);
	}
	&:not(.browser-default)[readonly="readonly"]+label {
		color: $color_283;
	}
	&:not(.browser-default).validate+label {
		width: 100%;
	}
	&:not(.browser-default).valid {
		~ {
			.helper-text[data-success] {
				color: $color_267;
				user-select: none;
				pointer-events: none;
			}
			.helper-text {
				&:after {
					content: attr(data-success);
					color: $color_137;
				}
			}
		}
	}
	&:not(.browser-default).invalid {
		~ {
			.helper-text[data-error] {
				color: $color_267;
				user-select: none;
				pointer-events: none;
			}
			.helper-text {
				&:after {
					content: attr(data-error);
					color: $color_11;
				}
			}
		}
	}
	&:not(.browser-default)+label {
		&:after {
			display: block;
			content: "";
			position: absolute;
			top: 100%;
			left: 0;
			opacity: 0;
			transition: .2s opacity ease-out, .2s color ease-out;
		}
	}
}
input[type=time] {
	&:not(.browser-default) {
		background-color: $background-color_267;
		border: none;
		border-bottom: 1px solid #9e9e9e;
		border-radius: 0;
		outline: none;
		height: 3rem;
		width: 100%;
		font-size: 16px;
		margin: 0 0 8px 0;
		padding: 0;
		box-shadow: none;
		box-sizing: content-box;
		transition: box-shadow .3s, border .3s;
		&:disabled {
			color: $color_283;
			border-bottom: 1px dotted rgba(0,0,0,0.42);
		}
		&:disabled+label {
			color: $color_283;
		}
		&:focus {
			&:not([readonly]) {
				border-bottom: 1px solid #26a69a;
				box-shadow: 0 1px 0 0 #26a69a;
			}
			&:not([readonly])+label {
				color: $color_128;
			}
		}
		&:focus.valid {
			~ {
				label {
					color: $color_137;
				}
				.helper-text[data-success] {
					color: $color_267;
					user-select: none;
					pointer-events: none;
				}
				.helper-text {
					&:after {
						content: attr(data-success);
						color: $color_137;
					}
				}
			}
		}
		&:focus.invalid {
			~ {
				label {
					color: $color_11;
				}
				.helper-text[data-error] {
					color: $color_267;
					user-select: none;
					pointer-events: none;
				}
				.helper-text {
					&:after {
						content: attr(data-error);
						color: $color_11;
					}
				}
			}
		}
	}
	&:not(.browser-default)[readonly="readonly"] {
		color: $color_283;
		border-bottom: 1px dotted rgba(0,0,0,0.42);
	}
	&:not(.browser-default)[readonly="readonly"]+label {
		color: $color_283;
	}
	&:not(.browser-default).validate+label {
		width: 100%;
	}
	&:not(.browser-default).valid {
		~ {
			.helper-text[data-success] {
				color: $color_267;
				user-select: none;
				pointer-events: none;
			}
			.helper-text {
				&:after {
					content: attr(data-success);
					color: $color_137;
				}
			}
		}
	}
	&:not(.browser-default).invalid {
		~ {
			.helper-text[data-error] {
				color: $color_267;
				user-select: none;
				pointer-events: none;
			}
			.helper-text {
				&:after {
					content: attr(data-error);
					color: $color_11;
				}
			}
		}
	}
	&:not(.browser-default)+label {
		&:after {
			display: block;
			content: "";
			position: absolute;
			top: 100%;
			left: 0;
			opacity: 0;
			transition: .2s opacity ease-out, .2s color ease-out;
		}
	}
}
input[type=date] {
	&:not(.browser-default) {
		background-color: $background-color_267;
		border: none;
		border-bottom: 1px solid #9e9e9e;
		border-radius: 0;
		outline: none;
		height: 3rem;
		width: 100%;
		font-size: 16px;
		margin: 0 0 8px 0;
		padding: 0;
		box-shadow: none;
		box-sizing: content-box;
		transition: box-shadow .3s, border .3s;
		&:disabled {
			color: $color_283;
			border-bottom: 1px dotted rgba(0,0,0,0.42);
		}
		&:disabled+label {
			color: $color_283;
		}
		&:focus {
			&:not([readonly]) {
				border-bottom: 1px solid #26a69a;
				box-shadow: 0 1px 0 0 #26a69a;
			}
			&:not([readonly])+label {
				color: $color_128;
			}
		}
		&:focus.valid {
			~ {
				label {
					color: $color_137;
				}
				.helper-text[data-success] {
					color: $color_267;
					user-select: none;
					pointer-events: none;
				}
				.helper-text {
					&:after {
						content: attr(data-success);
						color: $color_137;
					}
				}
			}
		}
		&:focus.invalid {
			~ {
				label {
					color: $color_11;
				}
				.helper-text[data-error] {
					color: $color_267;
					user-select: none;
					pointer-events: none;
				}
				.helper-text {
					&:after {
						content: attr(data-error);
						color: $color_11;
					}
				}
			}
		}
	}
	&:not(.browser-default)[readonly="readonly"] {
		color: $color_283;
		border-bottom: 1px dotted rgba(0,0,0,0.42);
	}
	&:not(.browser-default)[readonly="readonly"]+label {
		color: $color_283;
	}
	&:not(.browser-default).validate+label {
		width: 100%;
	}
	&:not(.browser-default).valid {
		~ {
			.helper-text[data-success] {
				color: $color_267;
				user-select: none;
				pointer-events: none;
			}
			.helper-text {
				&:after {
					content: attr(data-success);
					color: $color_137;
				}
			}
		}
	}
	&:not(.browser-default).invalid {
		~ {
			.helper-text[data-error] {
				color: $color_267;
				user-select: none;
				pointer-events: none;
			}
			.helper-text {
				&:after {
					content: attr(data-error);
					color: $color_11;
				}
			}
		}
	}
	&:not(.browser-default)+label {
		&:after {
			display: block;
			content: "";
			position: absolute;
			top: 100%;
			left: 0;
			opacity: 0;
			transition: .2s opacity ease-out, .2s color ease-out;
		}
	}
}
input[type=datetime] {
	&:not(.browser-default) {
		background-color: $background-color_267;
		border: none;
		border-bottom: 1px solid #9e9e9e;
		border-radius: 0;
		outline: none;
		height: 3rem;
		width: 100%;
		font-size: 16px;
		margin: 0 0 8px 0;
		padding: 0;
		box-shadow: none;
		box-sizing: content-box;
		transition: box-shadow .3s, border .3s;
		&:disabled {
			color: $color_283;
			border-bottom: 1px dotted rgba(0,0,0,0.42);
		}
		&:disabled+label {
			color: $color_283;
		}
		&:focus {
			&:not([readonly]) {
				border-bottom: 1px solid #26a69a;
				box-shadow: 0 1px 0 0 #26a69a;
			}
			&:not([readonly])+label {
				color: $color_128;
			}
		}
		&:focus.valid {
			~ {
				label {
					color: $color_137;
				}
				.helper-text[data-success] {
					color: $color_267;
					user-select: none;
					pointer-events: none;
				}
				.helper-text {
					&:after {
						content: attr(data-success);
						color: $color_137;
					}
				}
			}
		}
		&:focus.invalid {
			~ {
				label {
					color: $color_11;
				}
				.helper-text[data-error] {
					color: $color_267;
					user-select: none;
					pointer-events: none;
				}
				.helper-text {
					&:after {
						content: attr(data-error);
						color: $color_11;
					}
				}
			}
		}
	}
	&:not(.browser-default)[readonly="readonly"] {
		color: $color_283;
		border-bottom: 1px dotted rgba(0,0,0,0.42);
	}
	&:not(.browser-default)[readonly="readonly"]+label {
		color: $color_283;
	}
	&:not(.browser-default).validate+label {
		width: 100%;
	}
	&:not(.browser-default).valid {
		~ {
			.helper-text[data-success] {
				color: $color_267;
				user-select: none;
				pointer-events: none;
			}
			.helper-text {
				&:after {
					content: attr(data-success);
					color: $color_137;
				}
			}
		}
	}
	&:not(.browser-default).invalid {
		~ {
			.helper-text[data-error] {
				color: $color_267;
				user-select: none;
				pointer-events: none;
			}
			.helper-text {
				&:after {
					content: attr(data-error);
					color: $color_11;
				}
			}
		}
	}
	&:not(.browser-default)+label {
		&:after {
			display: block;
			content: "";
			position: absolute;
			top: 100%;
			left: 0;
			opacity: 0;
			transition: .2s opacity ease-out, .2s color ease-out;
		}
	}
}
input[type=datetime-local] {
	&:not(.browser-default) {
		background-color: $background-color_267;
		border: none;
		border-bottom: 1px solid #9e9e9e;
		border-radius: 0;
		outline: none;
		height: 3rem;
		width: 100%;
		font-size: 16px;
		margin: 0 0 8px 0;
		padding: 0;
		box-shadow: none;
		box-sizing: content-box;
		transition: box-shadow .3s, border .3s;
		&:disabled {
			color: $color_283;
			border-bottom: 1px dotted rgba(0,0,0,0.42);
		}
		&:disabled+label {
			color: $color_283;
		}
		&:focus {
			&:not([readonly]) {
				border-bottom: 1px solid #26a69a;
				box-shadow: 0 1px 0 0 #26a69a;
			}
			&:not([readonly])+label {
				color: $color_128;
			}
		}
		&:focus.valid {
			~ {
				label {
					color: $color_137;
				}
				.helper-text[data-success] {
					color: $color_267;
					user-select: none;
					pointer-events: none;
				}
				.helper-text {
					&:after {
						content: attr(data-success);
						color: $color_137;
					}
				}
			}
		}
		&:focus.invalid {
			~ {
				label {
					color: $color_11;
				}
				.helper-text[data-error] {
					color: $color_267;
					user-select: none;
					pointer-events: none;
				}
				.helper-text {
					&:after {
						content: attr(data-error);
						color: $color_11;
					}
				}
			}
		}
	}
	&:not(.browser-default)[readonly="readonly"] {
		color: $color_283;
		border-bottom: 1px dotted rgba(0,0,0,0.42);
	}
	&:not(.browser-default)[readonly="readonly"]+label {
		color: $color_283;
	}
	&:not(.browser-default).validate+label {
		width: 100%;
	}
	&:not(.browser-default).valid {
		~ {
			.helper-text[data-success] {
				color: $color_267;
				user-select: none;
				pointer-events: none;
			}
			.helper-text {
				&:after {
					content: attr(data-success);
					color: $color_137;
				}
			}
		}
	}
	&:not(.browser-default).invalid {
		~ {
			.helper-text[data-error] {
				color: $color_267;
				user-select: none;
				pointer-events: none;
			}
			.helper-text {
				&:after {
					content: attr(data-error);
					color: $color_11;
				}
			}
		}
	}
	&:not(.browser-default)+label {
		&:after {
			display: block;
			content: "";
			position: absolute;
			top: 100%;
			left: 0;
			opacity: 0;
			transition: .2s opacity ease-out, .2s color ease-out;
		}
	}
}
input[type=tel] {
	&:not(.browser-default) {
		background-color: $background-color_267;
		border: none;
		border-bottom: 1px solid #9e9e9e;
		border-radius: 0;
		outline: none;
		height: 3rem;
		width: 100%;
		font-size: 16px;
		margin: 0 0 8px 0;
		padding: 0;
		box-shadow: none;
		box-sizing: content-box;
		transition: box-shadow .3s, border .3s;
		&:disabled {
			color: $color_283;
			border-bottom: 1px dotted rgba(0,0,0,0.42);
		}
		&:disabled+label {
			color: $color_283;
		}
		&:focus {
			&:not([readonly]) {
				border-bottom: 1px solid #26a69a;
				box-shadow: 0 1px 0 0 #26a69a;
			}
			&:not([readonly])+label {
				color: $color_128;
			}
		}
		&:focus.valid {
			~ {
				label {
					color: $color_137;
				}
				.helper-text[data-success] {
					color: $color_267;
					user-select: none;
					pointer-events: none;
				}
				.helper-text {
					&:after {
						content: attr(data-success);
						color: $color_137;
					}
				}
			}
		}
		&:focus.invalid {
			~ {
				label {
					color: $color_11;
				}
				.helper-text[data-error] {
					color: $color_267;
					user-select: none;
					pointer-events: none;
				}
				.helper-text {
					&:after {
						content: attr(data-error);
						color: $color_11;
					}
				}
			}
		}
	}
	&:not(.browser-default)[readonly="readonly"] {
		color: $color_283;
		border-bottom: 1px dotted rgba(0,0,0,0.42);
	}
	&:not(.browser-default)[readonly="readonly"]+label {
		color: $color_283;
	}
	&:not(.browser-default).validate+label {
		width: 100%;
	}
	&:not(.browser-default).valid {
		~ {
			.helper-text[data-success] {
				color: $color_267;
				user-select: none;
				pointer-events: none;
			}
			.helper-text {
				&:after {
					content: attr(data-success);
					color: $color_137;
				}
			}
		}
	}
	&:not(.browser-default).invalid {
		~ {
			.helper-text[data-error] {
				color: $color_267;
				user-select: none;
				pointer-events: none;
			}
			.helper-text {
				&:after {
					content: attr(data-error);
					color: $color_11;
				}
			}
		}
	}
	&:not(.browser-default)+label {
		&:after {
			display: block;
			content: "";
			position: absolute;
			top: 100%;
			left: 0;
			opacity: 0;
			transition: .2s opacity ease-out, .2s color ease-out;
		}
	}
}
input[type=number] {
	&:not(.browser-default) {
		background-color: $background-color_267;
		border: none;
		border-bottom: 1px solid #9e9e9e;
		border-radius: 0;
		outline: none;
		height: 3rem;
		width: 100%;
		font-size: 16px;
		margin: 0 0 8px 0;
		padding: 0;
		box-shadow: none;
		box-sizing: content-box;
		transition: box-shadow .3s, border .3s;
		&:disabled {
			color: $color_283;
			border-bottom: 1px dotted rgba(0,0,0,0.42);
		}
		&:disabled+label {
			color: $color_283;
		}
		&:focus {
			&:not([readonly]) {
				border-bottom: 1px solid #26a69a;
				box-shadow: 0 1px 0 0 #26a69a;
			}
			&:not([readonly])+label {
				color: $color_128;
			}
		}
		&:focus.valid {
			~ {
				label {
					color: $color_137;
				}
				.helper-text[data-success] {
					color: $color_267;
					user-select: none;
					pointer-events: none;
				}
				.helper-text {
					&:after {
						content: attr(data-success);
						color: $color_137;
					}
				}
			}
		}
		&:focus.invalid {
			~ {
				label {
					color: $color_11;
				}
				.helper-text[data-error] {
					color: $color_267;
					user-select: none;
					pointer-events: none;
				}
				.helper-text {
					&:after {
						content: attr(data-error);
						color: $color_11;
					}
				}
			}
		}
	}
	&:not(.browser-default)[readonly="readonly"] {
		color: $color_283;
		border-bottom: 1px dotted rgba(0,0,0,0.42);
	}
	&:not(.browser-default)[readonly="readonly"]+label {
		color: $color_283;
	}
	&:not(.browser-default).validate+label {
		width: 100%;
	}
	&:not(.browser-default).valid {
		~ {
			.helper-text[data-success] {
				color: $color_267;
				user-select: none;
				pointer-events: none;
			}
			.helper-text {
				&:after {
					content: attr(data-success);
					color: $color_137;
				}
			}
		}
	}
	&:not(.browser-default).invalid {
		~ {
			.helper-text[data-error] {
				color: $color_267;
				user-select: none;
				pointer-events: none;
			}
			.helper-text {
				&:after {
					content: attr(data-error);
					color: $color_11;
				}
			}
		}
	}
	&:not(.browser-default)+label {
		&:after {
			display: block;
			content: "";
			position: absolute;
			top: 100%;
			left: 0;
			opacity: 0;
			transition: .2s opacity ease-out, .2s color ease-out;
		}
	}
}
input[type=search] {
	&:not(.browser-default) {
		background-color: $background-color_267;
		border: none;
		border-bottom: 1px solid #9e9e9e;
		border-radius: 0;
		outline: none;
		height: 3rem;
		width: 100%;
		font-size: 16px;
		margin: 0 0 8px 0;
		padding: 0;
		box-shadow: none;
		box-sizing: content-box;
		transition: box-shadow .3s, border .3s;
		&:disabled {
			color: $color_283;
			border-bottom: 1px dotted rgba(0,0,0,0.42);
		}
		&:disabled+label {
			color: $color_283;
		}
		&:focus {
			&:not([readonly]) {
				border-bottom: 1px solid #26a69a;
				box-shadow: 0 1px 0 0 #26a69a;
			}
			&:not([readonly])+label {
				color: $color_128;
			}
		}
		&:focus.valid {
			~ {
				label {
					color: $color_137;
				}
				.helper-text[data-success] {
					color: $color_267;
					user-select: none;
					pointer-events: none;
				}
				.helper-text {
					&:after {
						content: attr(data-success);
						color: $color_137;
					}
				}
			}
		}
		&:focus.invalid {
			~ {
				label {
					color: $color_11;
				}
				.helper-text[data-error] {
					color: $color_267;
					user-select: none;
					pointer-events: none;
				}
				.helper-text {
					&:after {
						content: attr(data-error);
						color: $color_11;
					}
				}
			}
		}
	}
	&:not(.browser-default)[readonly="readonly"] {
		color: $color_283;
		border-bottom: 1px dotted rgba(0,0,0,0.42);
	}
	&:not(.browser-default)[readonly="readonly"]+label {
		color: $color_283;
	}
	&:not(.browser-default).validate+label {
		width: 100%;
	}
	&:not(.browser-default).valid {
		~ {
			.helper-text[data-success] {
				color: $color_267;
				user-select: none;
				pointer-events: none;
			}
			.helper-text {
				&:after {
					content: attr(data-success);
					color: $color_137;
				}
			}
		}
	}
	&:not(.browser-default).invalid {
		~ {
			.helper-text[data-error] {
				color: $color_267;
				user-select: none;
				pointer-events: none;
			}
			.helper-text {
				&:after {
					content: attr(data-error);
					color: $color_11;
				}
			}
		}
	}
	&:not(.browser-default)+label {
		&:after {
			display: block;
			content: "";
			position: absolute;
			top: 100%;
			left: 0;
			opacity: 0;
			transition: .2s opacity ease-out, .2s color ease-out;
		}
	}
}
textarea.materialize-textarea {
	background-color: $background-color_267;
	border: none;
	border-bottom: 1px solid #9e9e9e;
	border-radius: 0;
	outline: none;
	height: 3rem;
	width: 100%;
	font-size: 16px;
	margin: 0 0 8px 0;
	padding: 0;
	box-shadow: none;
	box-sizing: content-box;
	transition: box-shadow .3s, border .3s;
	line-height: normal;
	overflow-y: hidden;
	padding: .8rem 0 .8rem 0;
	resize: none;
	min-height: 3rem;
	box-sizing: border-box;
	&:disabled {
		color: $color_283;
		border-bottom: 1px dotted rgba(0,0,0,0.42);
	}
	&:disabled+label {
		color: $color_283;
	}
	&:focus {
		&:not([readonly]) {
			border-bottom: 1px solid #26a69a;
			box-shadow: 0 1px 0 0 #26a69a;
		}
		&:not([readonly])+label {
			color: $color_128;
		}
	}
	&:focus.valid {
		~ {
			label {
				color: $color_137;
			}
			.helper-text[data-success] {
				color: $color_267;
				user-select: none;
				pointer-events: none;
			}
			.helper-text {
				&:after {
					content: attr(data-success);
					color: $color_137;
				}
			}
		}
	}
	&:focus.invalid {
		~ {
			label {
				color: $color_11;
			}
			.helper-text[data-error] {
				color: $color_267;
				user-select: none;
				pointer-events: none;
			}
			.helper-text {
				&:after {
					content: attr(data-error);
					color: $color_11;
				}
			}
		}
	}
}
textarea.materialize-textarea[readonly="readonly"] {
	color: $color_283;
	border-bottom: 1px dotted rgba(0,0,0,0.42);
}
textarea.materialize-textarea[readonly="readonly"]+label {
	color: $color_283;
}
textarea.materialize-textarea.validate+label {
	width: 100%;
}
input.valid {
	&:not([type]) {
		border-bottom: 1px solid #4CAF50;
		box-shadow: 0 1px 0 0 #4CAF50;
		&:focus {
			border-bottom: 1px solid #4CAF50;
			box-shadow: 0 1px 0 0 #4CAF50;
		}
	}
}
input[type=text].valid {
	&:not(.browser-default) {
		border-bottom: 1px solid #4CAF50;
		box-shadow: 0 1px 0 0 #4CAF50;
		&:focus {
			border-bottom: 1px solid #4CAF50;
			box-shadow: 0 1px 0 0 #4CAF50;
		}
	}
}
input[type=password].valid {
	&:not(.browser-default) {
		border-bottom: 1px solid #4CAF50;
		box-shadow: 0 1px 0 0 #4CAF50;
		&:focus {
			border-bottom: 1px solid #4CAF50;
			box-shadow: 0 1px 0 0 #4CAF50;
		}
	}
}
input[type=email].valid {
	&:not(.browser-default) {
		border-bottom: 1px solid #4CAF50;
		box-shadow: 0 1px 0 0 #4CAF50;
		&:focus {
			border-bottom: 1px solid #4CAF50;
			box-shadow: 0 1px 0 0 #4CAF50;
		}
	}
}
input[type=url].valid {
	&:not(.browser-default) {
		border-bottom: 1px solid #4CAF50;
		box-shadow: 0 1px 0 0 #4CAF50;
		&:focus {
			border-bottom: 1px solid #4CAF50;
			box-shadow: 0 1px 0 0 #4CAF50;
		}
	}
}
input[type=time].valid {
	&:not(.browser-default) {
		border-bottom: 1px solid #4CAF50;
		box-shadow: 0 1px 0 0 #4CAF50;
		&:focus {
			border-bottom: 1px solid #4CAF50;
			box-shadow: 0 1px 0 0 #4CAF50;
		}
	}
}
input[type=date].valid {
	&:not(.browser-default) {
		border-bottom: 1px solid #4CAF50;
		box-shadow: 0 1px 0 0 #4CAF50;
		&:focus {
			border-bottom: 1px solid #4CAF50;
			box-shadow: 0 1px 0 0 #4CAF50;
		}
	}
}
input[type=datetime].valid {
	&:not(.browser-default) {
		border-bottom: 1px solid #4CAF50;
		box-shadow: 0 1px 0 0 #4CAF50;
		&:focus {
			border-bottom: 1px solid #4CAF50;
			box-shadow: 0 1px 0 0 #4CAF50;
		}
	}
}
input[type=datetime-local].valid {
	&:not(.browser-default) {
		border-bottom: 1px solid #4CAF50;
		box-shadow: 0 1px 0 0 #4CAF50;
		&:focus {
			border-bottom: 1px solid #4CAF50;
			box-shadow: 0 1px 0 0 #4CAF50;
		}
	}
}
input[type=tel].valid {
	&:not(.browser-default) {
		border-bottom: 1px solid #4CAF50;
		box-shadow: 0 1px 0 0 #4CAF50;
		&:focus {
			border-bottom: 1px solid #4CAF50;
			box-shadow: 0 1px 0 0 #4CAF50;
		}
	}
}
input[type=number].valid {
	&:not(.browser-default) {
		border-bottom: 1px solid #4CAF50;
		box-shadow: 0 1px 0 0 #4CAF50;
		&:focus {
			border-bottom: 1px solid #4CAF50;
			box-shadow: 0 1px 0 0 #4CAF50;
		}
	}
}
input[type=search].valid {
	&:not(.browser-default) {
		border-bottom: 1px solid #4CAF50;
		box-shadow: 0 1px 0 0 #4CAF50;
		&:focus {
			border-bottom: 1px solid #4CAF50;
			box-shadow: 0 1px 0 0 #4CAF50;
		}
	}
}
textarea.materialize-textarea.valid {
	border-bottom: 1px solid #4CAF50;
	box-shadow: 0 1px 0 0 #4CAF50;
	&:focus {
		border-bottom: 1px solid #4CAF50;
		box-shadow: 0 1px 0 0 #4CAF50;
	}
	~ {
		.helper-text[data-success] {
			color: $color_267;
			user-select: none;
			pointer-events: none;
		}
		.helper-text {
			&:after {
				content: attr(data-success);
				color: $color_137;
			}
		}
	}
}
.select-wrapper.valid {
	>input.select-dropdown {
		border-bottom: 1px solid #4CAF50;
		box-shadow: 0 1px 0 0 #4CAF50;
	}
	.helper-text[data-success] {
		color: $color_267;
		user-select: none;
		pointer-events: none;
	}
	~ {
		.helper-text {
			&:after {
				content: attr(data-success);
				color: $color_137;
			}
		}
	}
}
input.invalid {
	&:not([type]) {
		border-bottom: 1px solid #F44336;
		box-shadow: 0 1px 0 0 #F44336;
		&:focus {
			border-bottom: 1px solid #F44336;
			box-shadow: 0 1px 0 0 #F44336;
		}
	}
}
input[type=text].invalid {
	&:not(.browser-default) {
		border-bottom: 1px solid #F44336;
		box-shadow: 0 1px 0 0 #F44336;
		&:focus {
			border-bottom: 1px solid #F44336;
			box-shadow: 0 1px 0 0 #F44336;
		}
	}
}
input[type=password].invalid {
	&:not(.browser-default) {
		border-bottom: 1px solid #F44336;
		box-shadow: 0 1px 0 0 #F44336;
		&:focus {
			border-bottom: 1px solid #F44336;
			box-shadow: 0 1px 0 0 #F44336;
		}
	}
}
input[type=email].invalid {
	&:not(.browser-default) {
		border-bottom: 1px solid #F44336;
		box-shadow: 0 1px 0 0 #F44336;
		&:focus {
			border-bottom: 1px solid #F44336;
			box-shadow: 0 1px 0 0 #F44336;
		}
	}
}
input[type=url].invalid {
	&:not(.browser-default) {
		border-bottom: 1px solid #F44336;
		box-shadow: 0 1px 0 0 #F44336;
		&:focus {
			border-bottom: 1px solid #F44336;
			box-shadow: 0 1px 0 0 #F44336;
		}
	}
}
input[type=time].invalid {
	&:not(.browser-default) {
		border-bottom: 1px solid #F44336;
		box-shadow: 0 1px 0 0 #F44336;
		&:focus {
			border-bottom: 1px solid #F44336;
			box-shadow: 0 1px 0 0 #F44336;
		}
	}
}
input[type=date].invalid {
	&:not(.browser-default) {
		border-bottom: 1px solid #F44336;
		box-shadow: 0 1px 0 0 #F44336;
		&:focus {
			border-bottom: 1px solid #F44336;
			box-shadow: 0 1px 0 0 #F44336;
		}
	}
}
input[type=datetime].invalid {
	&:not(.browser-default) {
		border-bottom: 1px solid #F44336;
		box-shadow: 0 1px 0 0 #F44336;
		&:focus {
			border-bottom: 1px solid #F44336;
			box-shadow: 0 1px 0 0 #F44336;
		}
	}
}
input[type=datetime-local].invalid {
	&:not(.browser-default) {
		border-bottom: 1px solid #F44336;
		box-shadow: 0 1px 0 0 #F44336;
		&:focus {
			border-bottom: 1px solid #F44336;
			box-shadow: 0 1px 0 0 #F44336;
		}
	}
}
input[type=tel].invalid {
	&:not(.browser-default) {
		border-bottom: 1px solid #F44336;
		box-shadow: 0 1px 0 0 #F44336;
		&:focus {
			border-bottom: 1px solid #F44336;
			box-shadow: 0 1px 0 0 #F44336;
		}
	}
}
input[type=number].invalid {
	&:not(.browser-default) {
		border-bottom: 1px solid #F44336;
		box-shadow: 0 1px 0 0 #F44336;
		&:focus {
			border-bottom: 1px solid #F44336;
			box-shadow: 0 1px 0 0 #F44336;
		}
	}
}
input[type=search].invalid {
	&:not(.browser-default) {
		border-bottom: 1px solid #F44336;
		box-shadow: 0 1px 0 0 #F44336;
		&:focus {
			border-bottom: 1px solid #F44336;
			box-shadow: 0 1px 0 0 #F44336;
		}
	}
}
textarea.materialize-textarea.invalid {
	border-bottom: 1px solid #F44336;
	box-shadow: 0 1px 0 0 #F44336;
	&:focus {
		border-bottom: 1px solid #F44336;
		box-shadow: 0 1px 0 0 #F44336;
	}
	~ {
		.helper-text[data-error] {
			color: $color_267;
			user-select: none;
			pointer-events: none;
		}
		.helper-text {
			&:after {
				content: attr(data-error);
				color: $color_11;
			}
		}
	}
}
.select-wrapper.invalid {
	>input.select-dropdown {
		border-bottom: 1px solid #F44336;
		box-shadow: 0 1px 0 0 #F44336;
		&:focus {
			border-bottom: 1px solid #F44336;
			box-shadow: 0 1px 0 0 #F44336;
		}
	}
	~ {
		.helper-text[data-error] {
			color: $color_267;
			user-select: none;
			pointer-events: none;
		}
		.helper-text {
			&:after {
				content: attr(data-error);
				color: $color_11;
			}
		}
	}
}
textarea.materialize-textarea+label {
	&:after {
		display: block;
		content: "";
		position: absolute;
		top: 100%;
		left: 0;
		opacity: 0;
		transition: .2s opacity ease-out, .2s color ease-out;
	}
}
.select-wrapper+label {
	&:after {
		display: block;
		content: "";
		position: absolute;
		top: 100%;
		left: 0;
		opacity: 0;
		transition: .2s opacity ease-out, .2s color ease-out;
	}
	position: absolute;
	top: -26px;
	font-size: .8rem;
}
.input-field {
	position: relative;
	margin-top: 1rem;
	margin-bottom: 1rem;
	>label {
		color: $color_255;
		position: absolute;
		top: 0;
		left: 0;
		font-size: 1rem;
		cursor: text;
		transition: transform .2s ease-out, color .2s ease-out;
		transform-origin: 0% 100%;
		text-align: initial;
		transform: translateY(12px);
		&:not(.label-icon).active {
			transform: translateY(-14px) scale(0.8);
			transform-origin: 0 0;
		}
	}
	>input[type] {
		&:-webkit-autofill {
			&:not(.browser-default)+label {
				transform: translateY(-14px) scale(0.8);
				transform-origin: 0 0;
			}
		}
	}
	>input[type=date] {
		&:not(.browser-default)+label {
			transform: translateY(-14px) scale(0.8);
			transform-origin: 0 0;
		}
	}
	>input[type=time] {
		&:not(.browser-default)+label {
			transform: translateY(-14px) scale(0.8);
			transform-origin: 0 0;
		}
	}
	.helper-text {
		position: relative;
		min-height: 18px;
		display: block;
		font-size: 12px;
		color: $color_284;
		&::after {
			opacity: 1;
			position: absolute;
			top: 0;
			left: 0;
		}
	}
	.prefix {
		position: absolute;
		width: 3rem;
		font-size: 2rem;
		transition: color .2s;
		top: .5rem;
		~ {
			input {
				margin-left: 3rem;
				width: 92%;
				width: calc(100% - 3rem);
			}
			textarea {
				margin-left: 3rem;
				width: 92%;
				width: calc(100% - 3rem);
			}
			label {
				margin-left: 3rem;
				width: 92%;
				width: calc(100% - 3rem);
				margin-left: 3rem;
			}
			.validate {
				~ {
					label {
						margin-left: 3rem;
						width: 92%;
						width: calc(100% - 3rem);
					}
				}
			}
			.helper-text {
				margin-left: 3rem;
				width: 92%;
				width: calc(100% - 3rem);
			}
			.autocomplete-content {
				margin-left: 3rem;
				width: 92%;
				width: calc(100% - 3rem);
			}
		}
	}
	.prefix.active {
		color: $color_128;
	}
	input[type=search] {
		display: block;
		line-height: inherit;
		transition: .3s background-color;
		&:focus {
			&:not(.browser-default) {
				background-color: $background-color_266;
				border: 0;
				box-shadow: none;
				color: $color_269;
				~ {
					.mdi-navigation-close {
						color: $color_269;
					}
					.material-icons {
						color: $color_269;
					}
				}
			}
			&:not(.browser-default)+label {
				i {
					color: $color_269;
				}
			}
		}
		~ {
			.mdi-navigation-close {
				position: absolute;
				top: 0;
				right: 1rem;
				color: $color_267;
				cursor: pointer;
				font-size: 2rem;
				transition: .3s color;
			}
			.material-icons {
				position: absolute;
				top: 0;
				right: 1rem;
				color: $color_267;
				cursor: pointer;
				font-size: 2rem;
				transition: .3s color;
			}
		}
	}
	input[type=search]+.label-icon {
		transform: none;
		left: 1rem;
	}
}
.input-field.inline {
	display: inline-block;
	vertical-align: middle;
	margin-left: 5px;
	input {
		margin-bottom: 1rem;
	}
	.select-dropdown {
		margin-bottom: 1rem;
	}
}
.nav-wrapper {
	.input-field {
		input[type=search] {
			height: inherit;
			padding-left: 4rem;
			width: calc(100% - 4rem);
			border: 0;
			box-shadow: none;
		}
	}
}
.hiddendiv {
	visibility: hidden;
	white-space: pre-wrap;
	word-wrap: break-word;
	overflow-wrap: break-word;
	padding-top: 1.2rem;
	position: absolute;
	top: 0;
	z-index: -1;
}
.autocomplete-content {
	li {
		.highlight {
			color: $color_269;
		}
		img {
			height: 40px;
			width: 40px;
			margin: 5px 15px;
		}
	}
}
.character-counter {
	min-height: 18px;
}
[type="radio"]+span {
	&:before {
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		margin: 4px;
		width: 16px;
		height: 16px;
		z-index: 0;
		transition: .28s ease;
	}
	&:after {
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		margin: 4px;
		width: 16px;
		height: 16px;
		z-index: 0;
		transition: .28s ease;
	}
}
[type="radio"].with-gap {
	&:checked+span {
		&:before {
			border-radius: 50%;
			border: 2px solid #26a69a;
		}
		&:after {
			border-radius: 50%;
			border: 2px solid #26a69a;
			background-color: $background-color_128;
			transform: scale(0.5);
		}
	}
	&:disabled {
		&:checked+span {
			&:before {
				border: 2px solid rgba(0,0,0,0.42);
			}
			&:after {
				border: none;
				background-color: $background-color_293;
			}
		}
	}
}
[type="radio"].tabbed {
	&:focus+span {
		&:before {
			box-shadow: 0 0 0 10px rgba(0,0,0,0.1);
		}
	}
}
[type="checkbox"]+span {
	&:not(.lever) {
		position: relative;
		padding-left: 35px;
		cursor: pointer;
		display: inline-block;
		height: 25px;
		line-height: 25px;
		font-size: 1rem;
		user-select: none;
		&:before {
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			width: 18px;
			height: 18px;
			z-index: 0;
			border: 2px solid #5a5a5a;
			border-radius: 1px;
			margin-top: 3px;
			transition: .2s;
		}
	}
}
[type="checkbox"].tabbed {
	&:focus+span {
		&:not(.lever) {
			&:after {
				transform: scale(1);
				border: 0;
				border-radius: 50%;
				box-shadow: 0 0 0 10px rgba(0,0,0,0.1);
				background-color: $background-color_274;
			}
		}
	}
}
[type="checkbox"].filled-in+span {
	&:not(.lever) {
		&:after {
			border-radius: 2px;
			content: '';
			left: 0;
			position: absolute;
			transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
			z-index: 1;
		}
		&:before {
			content: '';
			left: 0;
			position: absolute;
			transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
			z-index: 1;
		}
	}
}
[type="checkbox"].filled-in {
	&:not(:checked)+span {
		&:not(.lever) {
			&:before {
				width: 0;
				height: 0;
				border: 3px solid transparent;
				left: 6px;
				top: 10px;
				transform: rotateZ(37deg);
				transform-origin: 100% 100%;
			}
			&:after {
				height: 20px;
				width: 20px;
				background-color: $background-color_267;
				border: 2px solid #5a5a5a;
				top: 0px;
				z-index: 0;
			}
		}
	}
	&:checked+span {
		&:not(.lever) {
			&:before {
				top: 0;
				left: 1px;
				width: 8px;
				height: 13px;
				border-top: 2px solid transparent;
				border-left: 2px solid transparent;
				border-right: 2px solid #fff;
				border-bottom: 2px solid #fff;
				transform: rotateZ(37deg);
				transform-origin: 100% 100%;
			}
			&:after {
				top: 0;
				width: 20px;
				height: 20px;
				border: 2px solid #26a69a;
				background-color: $background-color_128;
				z-index: 0;
			}
		}
	}
	&:disabled {
		&:not(:checked)+span {
			&:not(.lever) {
				&:before {
					background-color: $background-color_267;
					border: 2px solid transparent;
				}
				&:after {
					border-color: $border-color_5;
					background-color: $background-color_294;
				}
			}
		}
		&:checked+span {
			&:not(.lever) {
				&:before {
					background-color: $background-color_267;
				}
				&:after {
					background-color: $background-color_294;
					border-color: $border-color_2;
				}
			}
		}
	}
}
[type="checkbox"].filled-in.tabbed {
	&:focus+span {
		&:not(.lever) {
			&:after {
				border-radius: 2px;
				border-color: $border-color_3;
				background-color: $background-color_274;
			}
		}
	}
	&:checked {
		&:focus+span {
			&:not(.lever) {
				&:after {
					border-radius: 2px;
					background-color: $background-color_128;
					border-color: $border-color_4;
				}
			}
		}
	}
}
.switch {
	-webkit-tap-highlight-color: transparent;
	user-select: none;
	* {
		-webkit-tap-highlight-color: transparent;
		user-select: none;
	}
	label {
		cursor: pointer;
		input[type=checkbox] {
			opacity: 0;
			width: 0;
			height: 0;
			&:checked+.lever {
				background-color: $background-color_295;
				&:before {
					left: 18px;
				}
				&:after {
					left: 18px;
					background-color: $background-color_128;
				}
			}
		}
		.lever {
			content: "";
			display: inline-block;
			position: relative;
			width: 36px;
			height: 14px;
			background-color: $background-color_296;
			border-radius: 15px;
			margin-right: 10px;
			transition: background 0.3s ease;
			vertical-align: middle;
			margin: 0 16px;
			&:before {
				content: "";
				position: absolute;
				display: inline-block;
				width: 20px;
				height: 20px;
				border-radius: 50%;
				left: 0;
				top: -3px;
				transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease, transform .1s ease;
				background-color: $background-color_297;
			}
			&:after {
				content: "";
				position: absolute;
				display: inline-block;
				width: 20px;
				height: 20px;
				border-radius: 50%;
				left: 0;
				top: -3px;
				transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease, transform .1s ease;
				background-color: $background-color_298;
				box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12);
			}
		}
		input[type=checkbox][disabled]+.lever {
			&:after {
				background-color: $background-color_294;
			}
		}
		input[type=checkbox][disabled] {
			&:checked+.lever {
				&:after {
					background-color: $background-color_294;
				}
			}
		}
	}
	input[type=checkbox][disabled]+.lever {
		cursor: default;
		background-color: $background-color_300;
	}
}
input[type=checkbox] {
	&:checked {
		&:not(:disabled) {
			~ {
				.lever {
					&:active {
						&::before {
							transform: scale(2.4);
							background-color: $background-color_297;
						}
					}
				}
			}
		}
		&:not(:disabled).tabbed {
			&:focus {
				~ {
					.lever {
						&::before {
							transform: scale(2.4);
							background-color: $background-color_297;
						}
					}
				}
			}
		}
	}
	&:not(:disabled) {
		~ {
			.lever {
				&:active {
					&:before {
						transform: scale(2.4);
						background-color: $background-color_299;
					}
				}
			}
		}
	}
	&:not(:disabled).tabbed {
		&:focus {
			~ {
				.lever {
					&::before {
						transform: scale(2.4);
						background-color: $background-color_299;
					}
				}
			}
		}
	}
}
select.browser-default {
	display: block;
}
.select-label {
	position: absolute;
}
.select-wrapper {
	position: relative;
	input.select-dropdown {
		position: relative;
		cursor: pointer;
		background-color: $background-color_267;
		border: none;
		border-bottom: 1px solid #9e9e9e;
		outline: none;
		height: 3rem;
		line-height: 3rem;
		width: 100%;
		font-size: 16px;
		margin: 0 0 8px 0;
		padding: 0;
		display: block;
		user-select: none;
		z-index: 1;
		&:focus {
			border-bottom: 1px solid #26a69a;
		}
		&:disabled {
			color: $color_283;
			cursor: default;
			user-select: none;
		}
	}
	.caret {
		position: absolute;
		right: 0;
		top: 0;
		bottom: 0;
		margin: auto 0;
		z-index: 0;
		fill: rgba(0,0,0,0.87);
	}
	i {
		color: $color_285;
	}
}
.select-wrapper.valid+label {
	width: 100%;
	pointer-events: none;
}
.select-wrapper.invalid+label {
	width: 100%;
	pointer-events: none;
}
.select-wrapper.disabled+label {
	color: $color_283;
}
.select-wrapper.disabled {
	.caret {
		fill: rgba(0,0,0,0.42);
	}
}
.select-dropdown {
	li.disabled {
		color: $color_285;
		background-color: $background-color_267;
		>span {
			color: $color_285;
			background-color: $background-color_267;
		}
	}
	li.optgroup {
		color: $color_285;
		background-color: $background-color_267;
		border-top: 1px solid #eee;
		>span {
			color: $color_287;
		}
		~ {
			li.optgroup-option {
				padding-left: 1rem;
			}
		}
	}
	li {
		img {
			height: 40px;
			width: 40px;
			margin: 5px 15px;
			float: right;
		}
	}
	li.optgroup.selected {
		>span {
			color: $color_286;
		}
	}
}
.select-dropdown.dropdown-content {
	li {
		&:hover {
			background-color: $background-color_299;
		}
		&:focus {
			background-color: $background-color_299;
		}
	}
	li.selected {
		background-color: $background-color_302;
	}
}
.file-field {
	position: relative;
	.file-path-wrapper {
		overflow: hidden;
		padding-left: 10px;
	}
	input.file-path {
		width: 100%;
	}
	.btn {
		float: left;
		height: 3rem;
		line-height: 3rem;
	}
	.btn-large {
		float: left;
		height: 3rem;
		line-height: 3rem;
	}
	.btn-small {
		float: left;
		height: 3rem;
		line-height: 3rem;
	}
	span {
		cursor: pointer;
	}
	input[type=file] {
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
		bottom: 0;
		width: 100%;
		margin: 0;
		padding: 0;
		font-size: 20px;
		cursor: pointer;
		opacity: 0;
		filter: alpha(opacity=0);
		&::-webkit-file-upload-button {
			display: none;
		}
	}
}
.range-field {
	position: relative;
}
input[type=range]+.thumb.active {
	border-radius: 50% 50% 50% 0;
	.value {
		color: $color_266;
		margin-left: -1px;
		margin-top: 8px;
		font-size: 10px;
	}
}
.table-of-contents.fixed {
	position: fixed;
}
.table-of-contents {
	li {
		padding: 2px 0;
	}
	a {
		display: inline-block;
		font-weight: 300;
		color: $color_261;
		padding-left: 16px;
		height: 1.5rem;
		line-height: 1.5rem;
		letter-spacing: .4;
		display: inline-block;
		&:hover {
			color: $color_288;
			padding-left: 15px;
			border-left: 1px solid #448AFF;
		}
	}
	a.active {
		font-weight: 500;
		padding-left: 14px;
		border-left: 2px solid #448AFF;
	}
}
.sidenav.right-aligned {
	right: 0;
	transform: translateX(105%);
	left: auto;
	transform: translateX(100%);
}
.drag-target {
	height: 100%;
	width: 10px;
	position: fixed;
	top: 0;
	z-index: 998;
}
.drag-target.right-aligned {
	right: 0;
}
.sidenav.sidenav-fixed {
	left: 0;
	transform: translateX(0);
	position: fixed;
	.collapsible-body {
		>ul {
			&:not(.collapsible) {
				>li.active {
					background-color: $background-color_92;
					a {
						color: $color_266;
					}
				}
			}
		}
	}
}
.sidenav.sidenav-fixed.right-aligned {
	right: 0;
	left: auto;
}
.sidenav-overlay {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	opacity: 0;
	height: 120vh;
	background-color: $background-color_303;
	z-index: 997;
	display: none;
}
.preloader-wrapper {
	display: inline-block;
	position: relative;
	width: 50px;
	height: 50px;
}
.preloader-wrapper.small {
	width: 36px;
	height: 36px;
}
.preloader-wrapper.big {
	width: 64px;
	height: 64px;
}
.preloader-wrapper.active {
	-webkit-animation: container-rotate 1568ms linear infinite;
	animation: container-rotate 1568ms linear infinite;
}
.spinner-layer {
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0;
	border-color: $border-color_4;
}
.spinner-blue {
	border-color: $border-color_6;
}
.spinner-blue-only {
	border-color: $border-color_6;
}
.spinner-red {
	border-color: $border-color_7;
}
.spinner-red-only {
	border-color: $border-color_7;
}
.spinner-yellow {
	border-color: $border-color_8;
}
.spinner-yellow-only {
	border-color: $border-color_8;
}
.spinner-green {
	border-color: $border-color_9;
}
.spinner-green-only {
	border-color: $border-color_9;
}
.active {
	.spinner-layer.spinner-blue {
		-webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
		animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
	}
	.spinner-layer.spinner-red {
		-webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,red-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
		animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,red-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
	}
	.spinner-layer.spinner-yellow {
		-webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,yellow-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
		animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,yellow-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
	}
	.spinner-layer.spinner-green {
		-webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,green-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
		animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,green-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
	}
	.spinner-layer {
		opacity: 1;
		-webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
		animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
	}
	.spinner-layer.spinner-blue-only {
		opacity: 1;
		-webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
		animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
	}
	.spinner-layer.spinner-red-only {
		opacity: 1;
		-webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
		animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
	}
	.spinner-layer.spinner-yellow-only {
		opacity: 1;
		-webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
		animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
	}
	.spinner-layer.spinner-green-only {
		opacity: 1;
		-webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
		animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
	}
	.circle-clipper.left {
		.circle {
			-webkit-animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
			animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
		}
	}
	.circle-clipper.right {
		.circle {
			-webkit-animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
			animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
		}
	}
}
.gap-patch {
	position: absolute;
	top: 0;
	left: 45%;
	width: 10%;
	height: 100%;
	overflow: hidden;
	border-color: $border-color_10;
	.circle {
		width: 1000%;
		left: -450%;
	}
}
.circle-clipper {
	display: inline-block;
	position: relative;
	width: 50%;
	height: 100%;
	overflow: hidden;
	border-color: $border-color_10;
	.circle {
		width: 200%;
		height: 100%;
		border-width: 3px;
		border-style: solid;
		border-color: $border-color_10;
		border-bottom-color: $border-bottom-color_1 !important;
		border-radius: 50%;
		-webkit-animation: none;
		animation: none;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
	}
}
.circle-clipper.left {
	.circle {
		left: 0;
		border-right-color: $border-right-color_1 !important;
		-webkit-transform: rotate(129deg);
		transform: rotate(129deg);
	}
}
.circle-clipper.right {
	.circle {
		left: -100%;
		border-left-color: $border-left-color_1 !important;
		-webkit-transform: rotate(-129deg);
		transform: rotate(-129deg);
	}
}
#spinnerContainer.cooldown {
	-webkit-animation: container-rotate 1568ms linear infinite,fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1);
	animation: container-rotate 1568ms linear infinite,fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1);
}
.slider {
	position: relative;
	height: 400px;
	width: 100%;
	.slides {
		background-color: $background-color_255;
		margin: 0;
		height: 400px;
		li {
			opacity: 0;
			position: absolute;
			top: 0;
			left: 0;
			z-index: 1;
			width: 100%;
			height: inherit;
			overflow: hidden;
			img {
				height: 100%;
				width: 100%;
				background-size: cover;
				background-position: center;
			}
			.caption {
				color: $color_266;
				position: absolute;
				top: 15%;
				left: 15%;
				width: 70%;
				opacity: 0;
				p {
					color: $color_259;
				}
			}
		}
		li.active {
			z-index: 2;
		}
	}
	.indicators {
		position: absolute;
		text-align: center;
		left: 0;
		right: 0;
		bottom: 0;
		margin: 0;
		.indicator-item {
			display: inline-block;
			position: relative;
			cursor: pointer;
			height: 16px;
			width: 16px;
			margin: 0 12px;
			background-color: $background-color_259;
			transition: background-color .3s;
			border-radius: 50%;
		}
		.indicator-item.active {
			background-color: $background-color_137;
		}
	}
}
.slider.fullscreen {
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	ul.slides {
		height: 100%;
	}
	ul.indicators {
		z-index: 2;
		bottom: 30px;
	}
}
.carousel {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 400px;
	perspective: 500px;
	transform-style: preserve-3d;
	transform-origin: 0% 50%;
	.carousel-item {
		visibility: hidden;
		width: 200px;
		height: 200px;
		position: absolute;
		top: 0;
		left: 0;
		>img {
			width: 100%;
		}
		&:not(.active) {
			.materialboxed {
				pointer-events: none;
			}
		}
	}
	.indicators {
		position: absolute;
		text-align: center;
		left: 0;
		right: 0;
		bottom: 0;
		margin: 0;
		.indicator-item {
			display: inline-block;
			position: relative;
			cursor: pointer;
			height: 8px;
			width: 8px;
			margin: 24px 4px;
			background-color: $background-color_304;
			transition: background-color .3s;
			border-radius: 50%;
		}
		.indicator-item.active {
			background-color: $background-color_266;
		}
	}
}
.carousel.carousel-slider {
	top: 0;
	left: 0;
	.carousel-fixed-item {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 20px;
		z-index: 1;
	}
	.carousel-fixed-item.with-indicators {
		bottom: 68px;
	}
	.carousel-item {
		width: 100%;
		height: 100%;
		min-height: 400px;
		position: absolute;
		top: 0;
		left: 0;
		h2 {
			font-size: 24px;
			font-weight: 500;
			line-height: 32px;
		}
		p {
			font-size: 15px;
		}
	}
}
.carousel.scrolling {
	.carousel-item {
		.materialboxed {
			pointer-events: none;
		}
	}
}
.tap-target-wrapper {
	width: 800px;
	height: 800px;
	position: fixed;
	z-index: 1000;
	visibility: hidden;
	transition: visibility 0s .3s;
}
.tap-target-wrapper.open {
	visibility: visible;
	transition: visibility 0s;
	.tap-target {
		transform: scale(1);
		opacity: .95;
		transition: transform 0.3s cubic-bezier(0.42, 0, 0.58, 1),opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1);
	}
	.tap-target-wave {
		&::before {
			transform: scale(1);
		}
		&::after {
			visibility: visible;
			animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
			transition: opacity .3s, transform .3s, visibility 0s 1s;
		}
	}
}
.tap-target {
	position: absolute;
	font-size: 1rem;
	border-radius: 50%;
	background-color: $background-color_92;
	box-shadow: 0 20px 20px 0 rgba(0,0,0,0.14),0 10px 50px 0 rgba(0,0,0,0.12),0 30px 10px -20px rgba(0,0,0,0.2);
	width: 100%;
	height: 100%;
	opacity: 0;
	transform: scale(0);
	transition: transform 0.3s cubic-bezier(0.42, 0, 0.58, 1),opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1);
}
.tap-target-content {
	position: relative;
	display: table-cell;
}
.tap-target-wave {
	position: absolute;
	border-radius: 50%;
	z-index: 10001;
	&::before {
		content: '';
		display: block;
		position: absolute;
		width: 100%;
		height: 100%;
		border-radius: 50%;
		background-color: $background-color_305;
		transform: scale(0);
		transition: transform .3s;
	}
	&::after {
		content: '';
		display: block;
		position: absolute;
		width: 100%;
		height: 100%;
		border-radius: 50%;
		background-color: $background-color_305;
		visibility: hidden;
		transition: opacity .3s, transform .3s, visibility 0s;
		z-index: -1;
	}
}
.tap-target-origin {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 10002;
	position: absolute !important;
	&:not(.btn) {
		&:not(.btn-large) {
			&:not(.btn-small) {
				background: none;
				&:hover {
					background: none;
				}
			}
		}
	}
}
.pulse {
	overflow: visible;
	position: relative;
	&::before {
		content: '';
		display: block;
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		background-color: $background-color_273;
		border-radius: inherit;
		transition: opacity .3s, transform .3s;
		animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
		z-index: -1;
	}
}
.datepicker-modal {
	max-width: 325px;
	min-width: 300px;
	max-height: none;
}
.datepicker-container.modal-content {
	display: flex;
	flex-direction: column;
	padding: 0;
}
.datepicker-controls {
	display: flex;
	justify-content: space-between;
	width: 280px;
	margin: 0 auto;
	.selects-container {
		display: flex;
	}
	.select-wrapper {
		input {
			border-bottom: none;
			text-align: center;
			margin: 0;
			&:focus {
				border-bottom: none;
			}
		}
		.caret {
			display: none;
		}
	}
	.select-year {
		input {
			width: 50px;
		}
	}
	.select-month {
		input {
			width: 70px;
		}
	}
}
.month-prev {
	margin-top: 4px;
	cursor: pointer;
	background-color: $background-color_267;
	border: none;
}
.month-next {
	margin-top: 4px;
	cursor: pointer;
	background-color: $background-color_267;
	border: none;
}
.datepicker-date-display {
	flex: 1 auto;
	background-color: $background-color_128;
	color: $color_266;
	padding: 20px 22px;
	font-weight: 500;
	.year-text {
		display: block;
		font-size: 1.5rem;
		line-height: 25px;
		color: $color_271;
	}
	.date-text {
		display: block;
		font-size: 2.8rem;
		line-height: 47px;
		font-weight: 500;
	}
}
.datepicker-calendar-container {
	flex: 2.5 auto;
}
.datepicker-table {
	width: 280px;
	font-size: 1rem;
	margin: 0 auto;
	thead {
		border-bottom: none;
	}
	th {
		padding: 10px 5px;
		text-align: center;
	}
	tr {
		border: none;
	}
	abbr {
		text-decoration: none;
		color: $color_270;
	}
	td {
		border-radius: 50%;
		padding: 0;
	}
	td.is-today {
		color: $color_128;
	}
	td.is-selected {
		background-color: $background-color_128;
		color: $color_266;
	}
	td.is-outside-current-month {
		color: $color_285;
		pointer-events: none;
	}
	td.is-disabled {
		color: $color_285;
		pointer-events: none;
	}
}
.datepicker-day-button {
	background-color: $background-color_267;
	border: none;
	line-height: 38px;
	display: block;
	width: 100%;
	border-radius: 50%;
	padding: 0 5px;
	cursor: pointer;
	color: $color_268;
	&:focus {
		background-color: $background-color_306;
	}
}
.datepicker-footer {
	width: 280px;
	margin: 0 auto;
	padding-bottom: 5px;
	display: flex;
	justify-content: space-between;
}
.datepicker-cancel {
	color: $color_128;
	padding: 0 1rem;
}
.datepicker-clear {
	color: $color_128;
	padding: 0 1rem;
	color: $color_11;
}
.datepicker-today {
	color: $color_128;
	padding: 0 1rem;
}
.datepicker-done {
	color: $color_128;
	padding: 0 1rem;
}
.timepicker-modal {
	max-width: 325px;
	max-height: none;
}
.timepicker-container.modal-content {
	display: flex;
	flex-direction: column;
	padding: 0;
}
.text-primary {
	color: $color_266;
}
.timepicker-digital-display {
	flex: 1 auto;
	background-color: $background-color_128;
	padding: 10px;
	font-weight: 300;
}
.timepicker-text-container {
	font-size: 4rem;
	font-weight: bold;
	text-align: center;
	color: $color_289;
	font-weight: 400;
	position: relative;
	user-select: none;
}
.timepicker-span-hours {
	cursor: pointer;
	margin-right: 3px;
}
.timepicker-span-minutes {
	cursor: pointer;
	margin-left: 3px;
}
.timepicker-span-am-pm {
	div {
		cursor: pointer;
	}
}
.timepicker-display-am-pm {
	font-size: 1.3rem;
	position: absolute;
	right: 1rem;
	bottom: 1rem;
	font-weight: 400;
}
.timepicker-analog-display {
	flex: 2.5 auto;
}
.timepicker-plate {
	background-color: $background-color_258;
	border-radius: 50%;
	width: 270px;
	height: 270px;
	overflow: visible;
	position: relative;
	margin: auto;
	margin-top: 25px;
	margin-bottom: 5px;
	user-select: none;
}
.timepicker-canvas {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	transition: opacity 175ms;
	line {
		stroke: #26a69a;
		stroke-width: 4;
		stroke-linecap: round;
	}
}
.timepicker-dial {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	transition: transform 350ms, opacity 350ms;
}
.timepicker-minutes {
	visibility: hidden;
}
.timepicker-tick {
	border-radius: 50%;
	color: $color_274;
	line-height: 40px;
	text-align: center;
	width: 40px;
	height: 40px;
	position: absolute;
	cursor: pointer;
	font-size: 15px;
	&:hover {
		background-color: $background-color_307;
	}
}
.timepicker-tick.active {
	background-color: $background-color_307;
}
.timepicker-dial-out {
	opacity: 0;
}
.timepicker-dial-out.timepicker-hours {
	transform: scale(1.1, 1.1);
}
.timepicker-dial-out.timepicker-minutes {
	transform: scale(0.8, 0.8);
}
.timepicker-canvas-out {
	opacity: 0.25;
}
.timepicker-canvas-bearing {
	stroke: none;
	fill: #26a69a;
}
.timepicker-canvas-bg {
	stroke: none;
	fill: #26a69a;
}
.timepicker-footer {
	margin: 0 auto;
	padding: 5px 1rem;
	display: flex;
	justify-content: space-between;
}
.timepicker-clear {
	color: $color_11;
	padding: 0 20px;
}
.timepicker-close {
	color: $color_128;
	padding: 0 20px;
}
.card.card-login {
	display: flex;
	.card-login-splash {
		overflow: hidden;
		position: relative;
		z-index: 1;
		display: flex;
		align-items: center;
		justify-content: center;
		color: $color_266;
		flex: 1;
		h1 {
			margin-top: 0;
		}
		h2 {
			margin-top: 0;
		}
		h3 {
			margin-top: 0;
		}
		h4 {
			margin-top: 0;
		}
		h5 {
			margin-top: 0;
		}
		.settings-title {
			margin-top: 0;
		}
		img {
			position: absolute;
			top: 0;
			left: 0;
			min-width: 100%;
			display: block;
			z-index: -1;
		}
	}
	.card-content {
		flex: 1;
	}
}
.fixed-chart-wrapper {
	height: 568px;
	padding: 40px 0;
	box-sizing: content-box;
	.fixed-chart {
		height: inherit;
		left: 0;
		right: 0;
		position: fixed;
		.card {
			box-shadow: none;
			background-color: $background-color_267;
		}
	}
}
.fixed-chart-wrapper+.section {
	overflow: initial;
	border-top: 1px solid rgba(0,0,0,0.1);
	box-shadow: 0 -10px 20px -10px rgba(0,0,0,0.1);
}
.fixed-chart-overlap {
	margin-top: -104px;
}
.has-fixed-sidenav {
	.fixed-chart {
		left: 300px;
	}
}
.fc-today-button {
	border: 0;
	border-radius: 2px;
}
.fc-toolbar.fc-header-toolbar {
	margin: 0;
	padding: 0 16px;
	h2 {
		color: $color_284;
		display: inline-block;
		font-size: 20px;
		font-weight: normal;
		line-height: 64px;
		margin-left: 8px;
	}
	.fc-button {
		background: rgba(0,0,0,0.08);
		border: 0;
		box-shadow: none;
		height: 32px;
		margin-top: 16px;
		margin-bottom: 16px;
		float: left;
		text-shadow: none;
		padding: 0 12px;
	}
	.fc-button.fc-prev-button {
		margin-top: 12px;
	}
	.fc-button.fc-next-button {
		margin-top: 12px;
	}
	.fc-button.fc-state-active {
		background-color: $background-color_92;
		color: $color_266;
		font-weight: 500;
	}
	.fc-left {
		.fc-button {
			margin-right: 8px;
		}
	}
	.fc-right {
		.fc-button {
			margin-left: 8px;
		}
	}
}
.fc-prev-button {
	&::before {
		content: 'chevron_left';
	}
}
.fc-next-button {
	&::before {
		content: 'chevron_right';
	}
}
.fc-state-default.fc-corner-right {
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
}
.fc-state-default.fc-corner-left {
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
}
.fc-ltr {
	.fc-basic-view {
		.fc-day-top {
			.fc-day-number {
				float: left;
			}
		}
	}
}
.fc-head {
	.fc-head-container {
		border-bottom: 0;
		.fc-day-header {
			color: $color_284;
			font-weight: 400;
			text-align: left;
		}
	}
}
.fc-body {
	>tr {
		>.fc-widget-content {
			border-top: 0;
		}
	}
}
.fc-agendaDay-view {
	.fc-widget-content.fc-today {
		background-color: $background-color_267;
	}
}
.fc-day-top.fc-today {
	.fc-day-number {
		position: relative;
		color: $color_266;
		padding-top: 4px;
		padding-left: 4px;
		width: 24px;
		height: 24px;
		line-height: 24px;
		text-align: center;
		&::before {
			content: '';
			display: block;
			position: absolute;
			top: 4px;
			left: 4px;
			height: 24px;
			width: 24px;
			border-radius: 50%;
			background-color: $background-color_92;
			z-index: -1;
		}
	}
}
.fc-day-top {
	.fc-day-number {
		float: left;
		padding-top: 6px;
		padding-left: 8px;
	}
}
.fc-week-number {
	padding-top: 6px;
	padding-left: 8px;
}
.fc-head-container {
	.fc-day-header {
		padding-top: 6px;
		padding-left: 8px;
	}
}
.fc-event {
	border-radius: 2px;
	line-height: 22px;
	margin: 2px 8px 0 0;
}
.fc-agenda-view {
	.fc-day-header {
		font-size: 48px;
		line-height: normal;
		&::before {
			content: '';
			display: block;
			font-size: 12px;
		}
	}
	.fc-day-header.fc-sun {
		&::before {
			content: 'Sun';
		}
	}
	.fc-day-header.fc-mon {
		&::before {
			content: 'Mon';
		}
	}
	.fc-day-header.fc-tue {
		&::before {
			content: 'Tue';
		}
	}
	.fc-day-header.fc-wed {
		&::before {
			content: 'Wed';
		}
	}
	.fc-day-header.fc-thu {
		&::before {
			content: 'Thu';
		}
	}
	.fc-day-header.fc-fri {
		&::before {
			content: 'Fri';
		}
	}
	.fc-day-header.fc-sat {
		&::before {
			content: 'Sat';
		}
	}
	.fc-day-header.fc-today {
		color: $color_92;
	}
	.fc-minor {
		.fc-widget-content {
			border: 0;
		}
	}
	.fc-divider {
		padding: 0;
		border-bottom: 0;
	}
}
.fc-list-table {
	td {
		padding: 13px 14px;
	}
	.fc-list-heading {
		&:not(:first-child)+.fc-list-item {
			.fc-list-item-time {
				border-top: 1px solid #e0e0e0;
			}
			.fc-list-item-marker {
				border-top: 1px solid #e0e0e0;
			}
			.fc-list-item-title {
				border-top: 1px solid #e0e0e0;
			}
		}
		display: table-caption;
		height: 0;
		width: 100px;
		.fc-widget-header {
			padding: 8px 14px;
			line-height: 16px;
			background-color: $background-color_267;
		}
		.fc-list-heading-main {
			display: block;
			float: none;
		}
		.fc-list-heading-alt {
			display: block;
			float: none;
		}
	}
	.fc-list-item {
		font-size: 14px;
		height: 48px;
		&:hover {
			td {
				background-color: $background-color_267;
			}
		}
		.fc-list-item-time {
			border-top: 0;
			padding-left: 100px;
		}
		.fc-list-item-marker {
			border-top: 0;
		}
		.fc-list-item-title {
			border-top: 0;
		}
	}
}
.perc-doughnut-wrapper {
	position: relative;
	.perc-doughnut-legend {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		font-size: 32px;
	}
}
.dataTables_wrapper {
	border-top: 1px solid rgba(0,0,0,0.12);
	border-bottom: 1px solid rgba(0,0,0,0.12);
	.dataTables_filter {
		padding-right: 18px;
	}
	table.dataTable {
		tr {
			border-color: $border-color_12;
			background-color: $background-color_267;
		}
		tr.selected {
			background-color: $background-color_309;
		}
		thead {
			th {
				border-color: $border-color_12;
				padding: 8px 10px;
			}
			td {
				border-color: $border-color_12;
				padding: 8px 10px;
			}
		}
	}
	.dataTables-checkbox-column {
		width: 40px;
		text-align: center;
		label {
			>span {
				padding-left: 24px;
				transform: translateY(4px);
			}
		}
		[type="checkbox"].filled-in {
			&:checked+span {
				&:not(.lever) {
					&:before {
						width: 6px;
					}
				}
			}
		}
	}
	.footer-wrapper {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 0 18px;
	}
	.dataTables_length {
		.select-wrapper {
			display: inline-block;
			margin: 0 8px;
			width: 60px;
		}
	}
	.dataTables_info {
		line-height: 48px;
		padding: 0;
	}
	.dataTables_paginate {
		padding: 4px;
		.paginate_button.first {
			&::before {
				content: 'first_page';
				display: block;
				padding: 8px;
				line-height: 24px;
				font-size: 24px;
			}
			color: $color_274 !important;
			font-family: $font-family_6;
			overflow: hidden;
			width: 40px;
			height: 40px;
			padding: 0;
			margin: 0 2px;
			box-shadow: none;
			border: 0;
			border-radius: 50%;
			background: transparent;
			&:hover {
				color: $color_274 !important;
				background: rgba(0,0,0,0.05);
				border: 0;
				box-shadow: none;
			}
			&:active {
				color: $color_274 !important;
				background: rgba(0,0,0,0.05);
				border: 0;
				box-shadow: none;
			}
		}
		.paginate_button.previous {
			&::before {
				display: block;
				padding: 8px;
				line-height: 24px;
				font-size: 24px;
			}
			color: $color_274 !important;
			font-family: $font-family_6;
			overflow: hidden;
			width: 40px;
			height: 40px;
			padding: 8px;
			margin: 0 2px;
			box-shadow: none;
			border: 0;
			border-radius: 50%;
			background: transparent;
			&:hover {
				color: $color_274 !important;
				background: rgba(0,0,0,0.05);
				border: 0;
				box-shadow: none;
			}
			&:active {
				color: $color_274 !important;
				background: rgba(0,0,0,0.05);
				border: 0;
				box-shadow: none;
			}
		}
		.paginate_button.next {
			&::before {
				display: block;
				padding: 8px;
				line-height: 24px;
				font-size: 24px;
			}
			color: $color_274 !important;
			font-family: $font-family_6;
			overflow: hidden;
			width: 40px;
			height: 40px;
			padding: 8px;
			margin: 0 2px;
			box-shadow: none;
			border: 0;
			border-radius: 50%;
			background: transparent;
			&:hover {
				color: $color_274 !important;
				background: rgba(0,0,0,0.05);
				border: 0;
				box-shadow: none;
			}
			&:active {
				color: $color_274 !important;
				background: rgba(0,0,0,0.05);
				border: 0;
				box-shadow: none;
			}
		}
		.paginate_button.last {
			&::before {
				content: 'last_page';
				display: block;
				padding: 8px;
				line-height: 24px;
				font-size: 24px;
			}
			color: $color_274 !important;
			font-family: $font-family_6;
			overflow: hidden;
			width: 40px;
			height: 40px;
			padding: 8px;
			margin: 0 2px;
			box-shadow: none;
			border: 0;
			border-radius: 50%;
			background: transparent;
			&:hover {
				color: $color_274 !important;
				background: rgba(0,0,0,0.05);
				border: 0;
				box-shadow: none;
			}
			&:active {
				color: $color_274 !important;
				background: rgba(0,0,0,0.05);
				border: 0;
				box-shadow: none;
			}
		}
		.disabled.paginate_button.first {
			color: $color_293 !important;
			border: 0;
			&:hover {
				color: $color_293 !important;
				border: 0;
			}
		}
		.disabled.paginate_button.previous {
			color: $color_293 !important;
			border: 0;
			&:hover {
				color: $color_293 !important;
				border: 0;
			}
		}
		.disabled.paginate_button.next {
			color: $color_293 !important;
			border: 0;
			&:hover {
				color: $color_293 !important;
				border: 0;
			}
		}
		.disabled.paginate_button.last {
			color: $color_293 !important;
			border: 0;
			&:hover {
				color: $color_293 !important;
				border: 0;
			}
		}
	}
}
.dataTables_wrapper.no-footer {
	.dataTables_scrollHead {
		.dataTables_scrollHeadInner {
			table.dataTable {
				border-top: 1px solid rgba(0,0,0,0.12);
			}
		}
	}
	.dataTables_scrollBody {
		border-color: $border-color_12;
	}
}
.flag-icon {
	margin-right: 5px;
}
.collapsible.setting {
	padding: 0;
	border: 0;
	box-shadow: none;
	>.active {
		.collapsible-header {
			border-bottom: 0;
		}
		.caret {
			transform: rotate(90deg);
		}
	}
	.collapsible-header {
		padding: 24px;
		padding: 24px;
		justify-content: space-between;
		transition: border 0s linear .3s;
		i.material-icons {
			margin-right: 0;
		}
		.caret {
			transition: transform .2s;
		}
	}
	.collapsible-body {
		padding: 24px;
		background-color: $background-color_273;
	}
}
.badged-circle {
	&::before {
		display: block;
		content: '';
		position: absolute;
		left: 15px;
		top: 42px;
		height: 12px;
		width: 12px;
		background-color: $background-color_271;
		border-radius: 50%;
		border: 2px solid #fff;
		z-index: 1;
	}
}
.badged-circle.online {
	&::before {
		background-color: $background-color_142;
	}
}
.collection.flush {
	margin: 0;
	border: 0;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
}
.chat-wrapper {
	.chat-message {
		position: relative;
		float: left;
		clear: both;
		margin: 2px 50px 20px;
		padding: 8px;
		border-radius: 8px;
		line-height: 22px;
		background-color: $background-color_271;
		.circle {
			position: absolute;
			top: -2px;
			left: -50px;
			height: 42px;
			width: 42px;
		}
	}
	.chat-message.right {
		background-color: $background-color_92;
		color: $color_266;
		.circle {
			left: auto;
			right: -50px;
		}
	}
	.chat-message.coalesce {
		margin-top: -16px;
	}
}
.chat-input {
	border-top: 1px solid #e0e0e0;
	form {
		input[type="text"] {
			border: 0;
			margin: 0;
			padding: 24px;
			line-height: 24px;
			&:focus {
				&:not([readonly]) {
					border: 0;
					box-shadow: none;
				}
			}
		}
	}
	textarea {
		border: 0;
		margin: 0;
		padding: 24px;
		line-height: 24px;
		&:focus {
			&:not([readonly]) {
				border: 0;
				box-shadow: none;
			}
		}
	}
	button[type="submit"] {
		padding: 0 16px;
		height: 72px;
		i.material-icons {
			color: $color_92;
		}
	}
	.chat-input-bar {
		display: flex;
	}
}
.primary-color {
	background-color: $background-color_92 !important;
}
.primary-color-text {
	color: $color_92 !important;
}
.admin-blue {
	background-color: $background-color_107 !important;
}
.admin-blue-text {
	color: $color_107 !important;
}
.admin-yellow {
	background-color: $background-color_205 !important;
}
.admin-yellow-text {
	color: $color_205 !important;
}
.admin-pink {
	background-color: $background-color_36 !important;
}
.admin-pink-text {
	color: $color_36 !important;
}
.admin-green {
	background-color: $background-color_310 !important;
}
.admin-green-text {
	color: $color_291 !important;
}
.google-map {
	width: 100%;
	color: $color_269;
}
.no-gutter {
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.no-margin {
	margin: 0 !important;
}
.background {
	display: block;
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	img {
		width: 100%;
		min-height: 100%;
	}
}
.background.portrait {
	img {
		min-width: 100%;
		width: auto;
		min-height: none;
		height: 100%;
	}
}
p {
	font-weight: 300;
	font-size: 18px;
	color: $color_292;
}
p.caption {
	color: $color_268;
}
.feature {
	margin-bottom: 50px;
}
span.date {
	text-transform: uppercase;
	font-weight: 300;
}
.row.valign {
	width: 100%;
}
.row.row-vertical-center {
	display: flex;
	flex-wrap: wrap;
	.col {
		display: flex;
		align-items: center;
	}
}
.row.equal-height-grid {
	display: flex;
	flex-wrap: wrap;
	.col {
		display: flex;
		margin-left: 0;
		.card {
			display: flex;
			flex-direction: column;
			width: 100%;
			.card-stacked {
				flex: 1 0 auto;
			}
			.card-align-bottom {
				margin-top: auto;
			}
		}
	}
}
.chart-legend-wrapper {
	width: 100%;
	margin: 20px;
}
.chart-legend {
	display: flex;
	justify-content: center;
	font-size: 16px;
	ul {
		width: 100%;
	}
	.dot {
		display: inline-block;
		margin-right: 10px;
		width: 10px;
		height: 10px;
		border-radius: 50%;
	}
	.label {
		display: inline-block;
		margin-right: 10px;
	}
	.value {
		display: inline-block;
		float: right;
	}
}
nav.navbar {
	ul.dropdown-content {
		li {
			>a {
				color: $color_269;
			}
			>span {
				color: $color_269;
			}
		}
	}
	z-index: 10;
	transition: box-shadow .3s, background-color .3s;
	padding: 0 20px;
	background-color: $background-color_266;
	color: $color_274;
	.brand-logo {
		position: relative;
		float: left;
		font-size: 18px;
		color: $color_274;
		i {
			line-height: inherit;
			transition: color .2s;
		}
	}
	.nav-wrapper {
		>ul {
			>li {
				>a {
					display: block;
				}
			}
		}
	}
	.sidenav-trigger {
		margin: 0;
	}
	ul {
		>li.active {
			>a {
				&::before {
					transform: scaleX(1);
				}
			}
		}
		>li {
			>a.active {
				&::before {
					transform: scaleX(1);
				}
			}
			>a {
				&:hover {
					&::before {
						transform: scaleX(1);
					}
				}
			}
		}
		li.active {
			background-color: $background-color_267;
		}
		a {
			color: $color_274;
			position: relative;
			transition: color .2s;
			&:focus {
				outline: none;
			}
		}
	}
}
.dropdown-button {
	i.right {
		margin-left: 5px;
	}
}
.dropdown-content.dropdown-tabbed {
	.tabs {
		>li {
			min-height: initial;
			width: auto;
			float: none;
			a {
				line-height: 48px;
			}
		}
	}
}
.nav-extended {
	.nav-wrapper {
		padding-left: 24px;
	}
	.nav-metrics {
		border-top: 1px solid #e0e0e0;
		margin-bottom: 0;
		.col {
			&:last-child {
				.card {
					border-right: 0;
				}
			}
		}
		.card {
			border-right: 1px solid #e0e0e0;
			box-shadow: none;
			background-color: $background-color_267;
			margin: 0;
		}
	}
}
.nav-wrapper-with-search {
	display: flex;
	.search-wrapper {
		flex: 1;
		overflow: hidden;
		margin-right: 20px;
		background-color: $background-color_312;
		border-radius: 2px;
		border-right: 1px solid #ddd;
		i {
			height: 56px;
			line-height: 56px;
		}
		.label-icon {
			i {
				color: $color_269;
			}
		}
	}
}
.badge-updates {
	margin: 16px 0 0 0;
	>li {
		line-height: 22px;
		margin-bottom: 8px;
		&::after {
			content: '';
			display: block;
			clear: both;
		}
		&:last-child {
			margin-bottom: 0;
		}
	}
	.badge {
		float: left;
		margin: 0 16px 0 0;
	}
	.time {
		float: right;
		font-size: 12px;
		color: $color_284;
	}
}
.section.chart-padding {
	padding: 16px 0;
}
.fc-icon {
	color: $color_274 !important;
	font-family: $font-family_6;
	overflow: hidden;
	width: 40px;
	height: 40px;
	padding: 0;
	margin: 0 2px;
	box-shadow: none;
	border: 0;
	border-radius: 50%;
	background: transparent;
	&::before {
		display: block;
		padding: 8px;
		line-height: 24px;
		font-size: 24px;
	}
	&:hover {
		color: $color_274 !important;
		background: rgba(0,0,0,0.05);
		border: 0;
		box-shadow: none;
	}
	&:active {
		color: $color_274 !important;
		background: rgba(0,0,0,0.05);
		border: 0;
		box-shadow: none;
	}
}
.disabled.fc-icon {
	color: $color_293 !important;
	border: 0;
	&:hover {
		color: $color_293 !important;
		border: 0;
	}
}
@media only screen and (max-width: 992px) {
	.pagination {
		width: 100%;
		li.prev {
			width: 10%;
		}
		li.next {
			width: 10%;
		}
		li.pages {
			width: 80%;
			overflow: hidden;
			white-space: nowrap;
		}
	}
	.hide-on-med-and-down {
		display: none !important;
	}
	.show-on-medium-and-down {
		display: block !important;
	}
	table.responsive-table {
		width: 100%;
		border-collapse: collapse;
		border-spacing: 0;
		display: block;
		position: relative;
		td {
			&:empty {
				&:before {
					content: '\00a0';
				}
			}
			margin: 0;
			vertical-align: top;
			display: block;
			min-height: 1.25em;
			text-align: left;
		}
		th {
			margin: 0;
			vertical-align: top;
			text-align: left;
			display: block;
			text-align: right;
		}
		thead {
			display: block;
			float: left;
			border: 0;
			border-right: 1px solid rgba(0,0,0,0.12);
			tr {
				display: block;
				padding: 0 10px 0 0;
				th {
					&::before {
						content: "\00a0";
					}
				}
			}
		}
		tbody {
			display: block;
			width: auto;
			position: relative;
			overflow-x: auto;
			white-space: nowrap;
			tr {
				display: inline-block;
				vertical-align: top;
			}
		}
		tr {
			border-bottom: none;
			padding: 0 10px;
		}
	}
	nav {
		.brand-logo {
			left: 50%;
			transform: translateX(-50%);
		}
		.brand-logo.left {
			padding: 0;
			transform: none;
			left: 0.5rem;
		}
		.brand-logo.right {
			padding: 0;
			transform: none;
			right: 0.5rem;
			left: auto;
		}
	}
	.tabs {
		display: flex;
		.tab {
			flex-grow: 1;
			a {
				padding: 0 12px;
			}
		}
	}
	.modal {
		width: 80%;
	}
	.input-field {
		.prefix {
			~ {
				input {
					width: 86%;
					width: calc(100% - 3rem);
				}
			}
		}
	}
	.sidenav.sidenav-fixed {
		transform: translateX(-105%);
	}
	.sidenav.sidenav-fixed.right-aligned {
		transform: translateX(105%);
	}
	.sidenav {
		>a {
			padding: 0 16px;
		}
		.user-view {
			padding: 16px 16px 0;
		}
	}
	.has-fixed-sidenav {
		.fixed-chart {
			left: 0;
		}
	}
	nav.navbar {
		a.brand-logo {
			position: absolute;
		}
	}
}
@media only screen and (max-width: 600px) {
	.hide-on-small-only {
		display: none !important;
	}
	.hide-on-small-and-down {
		display: none !important;
	}
	.show-on-small {
		display: block !important;
	}
	.center-on-small-only {
		text-align: center;
	}
	#toast-container {
		min-width: 100%;
		bottom: 0%;
	}
	.toast {
		width: 100%;
		border-radius: 0;
	}
	.input-field {
		.prefix {
			~ {
				input {
					width: 80%;
					width: calc(100% - 3rem);
				}
			}
		}
	}
	.tap-target {
		width: 600px;
		height: 600px;
	}
	.tap-target-wrapper {
		width: 600px;
		height: 600px;
	}
	.fc-agenda-view {
		.fc-day-header {
			font-size: 24px;
		}
	}
	.section {
		height: auto;
	}
	.google-map {
		height: 100%;
	}
}
@media only screen and (min-width: 601px) {
	.hide-on-med-and-up {
		display: none !important;
	}
	.show-on-medium-and-up {
		display: block !important;
	}
	.container {
		width: 85%;
	}
	.row {
		.col.m1 {
			width: 8.3333333333%;
			margin-left: auto;
			left: auto;
			right: auto;
		}
		.col.m2 {
			width: 16.6666666667%;
			margin-left: auto;
			left: auto;
			right: auto;
		}
		.col.m3 {
			width: 25%;
			margin-left: auto;
			left: auto;
			right: auto;
		}
		.col.m4 {
			width: 33.3333333333%;
			margin-left: auto;
			left: auto;
			right: auto;
		}
		.col.m5 {
			width: 41.6666666667%;
			margin-left: auto;
			left: auto;
			right: auto;
		}
		.col.m6 {
			width: 50%;
			margin-left: auto;
			left: auto;
			right: auto;
		}
		.col.m7 {
			width: 58.3333333333%;
			margin-left: auto;
			left: auto;
			right: auto;
		}
		.col.m8 {
			width: 66.6666666667%;
			margin-left: auto;
			left: auto;
			right: auto;
		}
		.col.m9 {
			width: 75%;
			margin-left: auto;
			left: auto;
			right: auto;
		}
		.col.m10 {
			width: 83.3333333333%;
			margin-left: auto;
			left: auto;
			right: auto;
		}
		.col.m11 {
			width: 91.6666666667%;
			margin-left: auto;
			left: auto;
			right: auto;
		}
		.col.m12 {
			width: 100%;
			margin-left: auto;
			left: auto;
			right: auto;
		}
		.col.offset-m1 {
			margin-left: 8.3333333333%;
		}
		.col.pull-m1 {
			right: 8.3333333333%;
		}
		.col.push-m1 {
			left: 8.3333333333%;
		}
		.col.offset-m2 {
			margin-left: 16.6666666667%;
		}
		.col.pull-m2 {
			right: 16.6666666667%;
		}
		.col.push-m2 {
			left: 16.6666666667%;
		}
		.col.offset-m3 {
			margin-left: 25%;
		}
		.col.pull-m3 {
			right: 25%;
		}
		.col.push-m3 {
			left: 25%;
		}
		.col.offset-m4 {
			margin-left: 33.3333333333%;
		}
		.col.pull-m4 {
			right: 33.3333333333%;
		}
		.col.push-m4 {
			left: 33.3333333333%;
		}
		.col.offset-m5 {
			margin-left: 41.6666666667%;
		}
		.col.pull-m5 {
			right: 41.6666666667%;
		}
		.col.push-m5 {
			left: 41.6666666667%;
		}
		.col.offset-m6 {
			margin-left: 50%;
		}
		.col.pull-m6 {
			right: 50%;
		}
		.col.push-m6 {
			left: 50%;
		}
		.col.offset-m7 {
			margin-left: 58.3333333333%;
		}
		.col.pull-m7 {
			right: 58.3333333333%;
		}
		.col.push-m7 {
			left: 58.3333333333%;
		}
		.col.offset-m8 {
			margin-left: 66.6666666667%;
		}
		.col.pull-m8 {
			right: 66.6666666667%;
		}
		.col.push-m8 {
			left: 66.6666666667%;
		}
		.col.offset-m9 {
			margin-left: 75%;
		}
		.col.pull-m9 {
			right: 75%;
		}
		.col.push-m9 {
			left: 75%;
		}
		.col.offset-m10 {
			margin-left: 83.3333333333%;
		}
		.col.pull-m10 {
			right: 83.3333333333%;
		}
		.col.push-m10 {
			left: 83.3333333333%;
		}
		.col.offset-m11 {
			margin-left: 91.6666666667%;
		}
		.col.pull-m11 {
			right: 91.6666666667%;
		}
		.col.push-m11 {
			left: 91.6666666667%;
		}
		.col.offset-m12 {
			margin-left: 100%;
		}
		.col.pull-m12 {
			right: 100%;
		}
		.col.push-m12 {
			left: 100%;
		}
	}
	nav.nav-extended {
		.nav-wrapper {
			min-height: 64px;
		}
	}
	nav {
		height: 64px;
		line-height: 64px;
		.nav-wrapper {
			i {
				height: 64px;
				line-height: 64px;
			}
		}
		a.sidenav-trigger {
			height: 64px;
			line-height: 64px;
			i {
				height: 64px;
				line-height: 64px;
			}
		}
	}
	.navbar-fixed {
		height: 64px;
	}
	.datepicker-modal {
		max-width: 625px;
	}
	.datepicker-container.modal-content {
		flex-direction: row;
	}
	.datepicker-date-display {
		flex: 0 1 270px;
	}
	.datepicker-controls {
		width: 320px;
	}
	.datepicker-table {
		width: 320px;
	}
	.datepicker-footer {
		width: 320px;
	}
	.datepicker-day-button {
		line-height: 44px;
	}
	.timepicker-modal {
		max-width: 600px;
	}
	.timepicker-container.modal-content {
		flex-direction: row;
	}
	.timepicker-text-container {
		top: 32%;
	}
	.timepicker-display-am-pm {
		position: relative;
		right: auto;
		bottom: auto;
		text-align: center;
		margin-top: 1.2rem;
	}
	.nav-wrapper-with-search {
		.search-wrapper {
			i {
				height: 64px;
				line-height: 64px;
			}
		}
	}
}
@media only screen and (min-width: 600px) and (max-width: 992px) {
	.hide-on-med-only {
		display: none !important;
	}
	.show-on-medium {
		display: block !important;
	}
}
@media only screen and (min-width: 993px) {
	.hide-on-large-only {
		display: none !important;
	}
	.show-on-large {
		display: block !important;
	}
	.container {
		width: 70%;
		width: 80%;
	}
	.row {
		.col.l1 {
			width: 8.3333333333%;
			margin-left: auto;
			left: auto;
			right: auto;
		}
		.col.l2 {
			width: 16.6666666667%;
			margin-left: auto;
			left: auto;
			right: auto;
		}
		.col.l3 {
			width: 25%;
			margin-left: auto;
			left: auto;
			right: auto;
		}
		.col.l4 {
			width: 33.3333333333%;
			margin-left: auto;
			left: auto;
			right: auto;
		}
		.col.l5 {
			width: 41.6666666667%;
			margin-left: auto;
			left: auto;
			right: auto;
		}
		.col.l6 {
			width: 50%;
			margin-left: auto;
			left: auto;
			right: auto;
		}
		.col.l7 {
			width: 58.3333333333%;
			margin-left: auto;
			left: auto;
			right: auto;
		}
		.col.l8 {
			width: 66.6666666667%;
			margin-left: auto;
			left: auto;
			right: auto;
		}
		.col.l9 {
			width: 75%;
			margin-left: auto;
			left: auto;
			right: auto;
		}
		.col.l10 {
			width: 83.3333333333%;
			margin-left: auto;
			left: auto;
			right: auto;
		}
		.col.l11 {
			width: 91.6666666667%;
			margin-left: auto;
			left: auto;
			right: auto;
		}
		.col.l12 {
			width: 100%;
			margin-left: auto;
			left: auto;
			right: auto;
		}
		.col.offset-l1 {
			margin-left: 8.3333333333%;
		}
		.col.pull-l1 {
			right: 8.3333333333%;
		}
		.col.push-l1 {
			left: 8.3333333333%;
		}
		.col.offset-l2 {
			margin-left: 16.6666666667%;
		}
		.col.pull-l2 {
			right: 16.6666666667%;
		}
		.col.push-l2 {
			left: 16.6666666667%;
		}
		.col.offset-l3 {
			margin-left: 25%;
		}
		.col.pull-l3 {
			right: 25%;
		}
		.col.push-l3 {
			left: 25%;
		}
		.col.offset-l4 {
			margin-left: 33.3333333333%;
		}
		.col.pull-l4 {
			right: 33.3333333333%;
		}
		.col.push-l4 {
			left: 33.3333333333%;
		}
		.col.offset-l5 {
			margin-left: 41.6666666667%;
		}
		.col.pull-l5 {
			right: 41.6666666667%;
		}
		.col.push-l5 {
			left: 41.6666666667%;
		}
		.col.offset-l6 {
			margin-left: 50%;
		}
		.col.pull-l6 {
			right: 50%;
		}
		.col.push-l6 {
			left: 50%;
		}
		.col.offset-l7 {
			margin-left: 58.3333333333%;
		}
		.col.pull-l7 {
			right: 58.3333333333%;
		}
		.col.push-l7 {
			left: 58.3333333333%;
		}
		.col.offset-l8 {
			margin-left: 66.6666666667%;
		}
		.col.pull-l8 {
			right: 66.6666666667%;
		}
		.col.push-l8 {
			left: 66.6666666667%;
		}
		.col.offset-l9 {
			margin-left: 75%;
		}
		.col.pull-l9 {
			right: 75%;
		}
		.col.push-l9 {
			left: 75%;
		}
		.col.offset-l10 {
			margin-left: 83.3333333333%;
		}
		.col.pull-l10 {
			right: 83.3333333333%;
		}
		.col.push-l10 {
			left: 83.3333333333%;
		}
		.col.offset-l11 {
			margin-left: 91.6666666667%;
		}
		.col.pull-l11 {
			right: 91.6666666667%;
		}
		.col.push-l11 {
			left: 91.6666666667%;
		}
		.col.offset-l12 {
			margin-left: 100%;
		}
		.col.pull-l12 {
			right: 100%;
		}
		.col.push-l12 {
			left: 100%;
		}
	}
	nav {
		a.sidenav-trigger {
			display: none;
		}
	}
	#toast-container {
		top: 10%;
		right: 7%;
		max-width: 86%;
	}
	body.has-fixed-sidenav {
		padding-left: 300px;
	}
	.has-fixed-sidenav {
		.navbar-fixed {
			nav.navbar {
				width: calc(100% - 300px);
				left: 300px;
			}
		}
	}
	body {
		&:not(.has-fixed-sidenav) {
			nav {
				a.sidenav-trigger {
					display: block;
				}
			}
			nav.navbar {
				.brand-logo {
					position: absolute;
					left: 50%;
					transform: translateX(-50%);
				}
			}
		}
	}
}
@media only screen and (min-width: 1201px) {
	.hide-on-extra-large-only {
		display: none !important;
	}
	.show-on-extra-large {
		display: block !important;
	}
	.row {
		.col.xl1 {
			width: 8.3333333333%;
			margin-left: auto;
			left: auto;
			right: auto;
		}
		.col.xl2 {
			width: 16.6666666667%;
			margin-left: auto;
			left: auto;
			right: auto;
		}
		.col.xl3 {
			width: 25%;
			margin-left: auto;
			left: auto;
			right: auto;
		}
		.col.xl4 {
			width: 33.3333333333%;
			margin-left: auto;
			left: auto;
			right: auto;
		}
		.col.xl5 {
			width: 41.6666666667%;
			margin-left: auto;
			left: auto;
			right: auto;
		}
		.col.xl6 {
			width: 50%;
			margin-left: auto;
			left: auto;
			right: auto;
		}
		.col.xl7 {
			width: 58.3333333333%;
			margin-left: auto;
			left: auto;
			right: auto;
		}
		.col.xl8 {
			width: 66.6666666667%;
			margin-left: auto;
			left: auto;
			right: auto;
		}
		.col.xl9 {
			width: 75%;
			margin-left: auto;
			left: auto;
			right: auto;
		}
		.col.xl10 {
			width: 83.3333333333%;
			margin-left: auto;
			left: auto;
			right: auto;
		}
		.col.xl11 {
			width: 91.6666666667%;
			margin-left: auto;
			left: auto;
			right: auto;
		}
		.col.xl12 {
			width: 100%;
			margin-left: auto;
			left: auto;
			right: auto;
		}
		.col.offset-xl1 {
			margin-left: 8.3333333333%;
		}
		.col.pull-xl1 {
			right: 8.3333333333%;
		}
		.col.push-xl1 {
			left: 8.3333333333%;
		}
		.col.offset-xl2 {
			margin-left: 16.6666666667%;
		}
		.col.pull-xl2 {
			right: 16.6666666667%;
		}
		.col.push-xl2 {
			left: 16.6666666667%;
		}
		.col.offset-xl3 {
			margin-left: 25%;
		}
		.col.pull-xl3 {
			right: 25%;
		}
		.col.push-xl3 {
			left: 25%;
		}
		.col.offset-xl4 {
			margin-left: 33.3333333333%;
		}
		.col.pull-xl4 {
			right: 33.3333333333%;
		}
		.col.push-xl4 {
			left: 33.3333333333%;
		}
		.col.offset-xl5 {
			margin-left: 41.6666666667%;
		}
		.col.pull-xl5 {
			right: 41.6666666667%;
		}
		.col.push-xl5 {
			left: 41.6666666667%;
		}
		.col.offset-xl6 {
			margin-left: 50%;
		}
		.col.pull-xl6 {
			right: 50%;
		}
		.col.push-xl6 {
			left: 50%;
		}
		.col.offset-xl7 {
			margin-left: 58.3333333333%;
		}
		.col.pull-xl7 {
			right: 58.3333333333%;
		}
		.col.push-xl7 {
			left: 58.3333333333%;
		}
		.col.offset-xl8 {
			margin-left: 66.6666666667%;
		}
		.col.pull-xl8 {
			right: 66.6666666667%;
		}
		.col.push-xl8 {
			left: 66.6666666667%;
		}
		.col.offset-xl9 {
			margin-left: 75%;
		}
		.col.pull-xl9 {
			right: 75%;
		}
		.col.push-xl9 {
			left: 75%;
		}
		.col.offset-xl10 {
			margin-left: 83.3333333333%;
		}
		.col.pull-xl10 {
			right: 83.3333333333%;
		}
		.col.push-xl10 {
			left: 83.3333333333%;
		}
		.col.offset-xl11 {
			margin-left: 91.6666666667%;
		}
		.col.pull-xl11 {
			right: 91.6666666667%;
		}
		.col.push-xl11 {
			left: 91.6666666667%;
		}
		.col.offset-xl12 {
			margin-left: 100%;
		}
		.col.pull-xl12 {
			right: 100%;
		}
		.col.push-xl12 {
			left: 100%;
		}
	}
}
@media only screen and (min-width: 0) {
	html {
		font-size: 14px;
	}
}
@media only screen and (min-width: 992px) {
	html {
		font-size: 14.5px;
	}
}
@media only screen and (min-width: 1200px) {
	html {
		font-size: 15px;
	}
}
@media only screen and (min-width: 360px) {
	.flow-text {
		font-size: 1.2rem;
	}
}
@media only screen and (min-width: 390px) {
	.flow-text {
		font-size: 1.224rem;
	}
}
@media only screen and (min-width: 420px) {
	.flow-text {
		font-size: 1.248rem;
	}
}
@media only screen and (min-width: 450px) {
	.flow-text {
		font-size: 1.272rem;
	}
}
@media only screen and (min-width: 480px) {
	.flow-text {
		font-size: 1.296rem;
	}
}
@media only screen and (min-width: 510px) {
	.flow-text {
		font-size: 1.32rem;
	}
}
@media only screen and (min-width: 540px) {
	.flow-text {
		font-size: 1.344rem;
	}
}
@media only screen and (min-width: 570px) {
	.flow-text {
		font-size: 1.368rem;
	}
}
@media only screen and (min-width: 600px) {
	.flow-text {
		font-size: 1.392rem;
	}
}
@media only screen and (min-width: 630px) {
	.flow-text {
		font-size: 1.416rem;
	}
}
@media only screen and (min-width: 660px) {
	.flow-text {
		font-size: 1.44rem;
	}
}
@media only screen and (min-width: 690px) {
	.flow-text {
		font-size: 1.464rem;
	}
}
@media only screen and (min-width: 720px) {
	.flow-text {
		font-size: 1.488rem;
	}
}
@media only screen and (min-width: 750px) {
	.flow-text {
		font-size: 1.512rem;
	}
}
@media only screen and (min-width: 780px) {
	.flow-text {
		font-size: 1.536rem;
	}
}
@media only screen and (min-width: 810px) {
	.flow-text {
		font-size: 1.56rem;
	}
}
@media only screen and (min-width: 840px) {
	.flow-text {
		font-size: 1.584rem;
	}
}
@media only screen and (min-width: 870px) {
	.flow-text {
		font-size: 1.608rem;
	}
}
@media only screen and (min-width: 900px) {
	.flow-text {
		font-size: 1.632rem;
	}
}
@media only screen and (min-width: 930px) {
	.flow-text {
		font-size: 1.656rem;
	}
}
@media only screen and (min-width: 960px) {
	.flow-text {
		font-size: 1.68rem;
	}
}
@media only screen and (max-width: 360px) {
	.flow-text {
		font-size: 1.2rem;
	}
}
@media only screen and (min-width: 601px) and (max-width: 992px) {
	#toast-container {
		left: 5%;
		bottom: 7%;
		max-width: 90%;
	}
}
@media only screen and (max-device-width: 641px) and (orientation: landscape) {
	.section {
		height: auto;
	}
	.google-map {
		height: 100%;
	}
}