3 To get this list of colors inject jQuery at http://www.google.com/design/spec/style/color.html#color-color-palette
5 Then, run this script to get the list.
9 var colors = {}, main = {};
10 $(".color-group").each(function() {
11 var color = $(this).find(".name").text().trim().toLowerCase().replace(" ", "-");
14 $(this).find(".color").not(".main-color").each(function() {
15 var shade = $(this).find(".shade").text().trim(),
16 hex = $(this).find(".hex").text().trim();
18 colors[color][shade] = hex;
20 main[color] = color + "-" + $(this).find(".main-color .shade").text().trim();
24 $.each(colors, function(name, shades) {
26 $.each(shades, function(shade, hex) {
27 LESS += "@" + name + "-" + shade + ": " + hex + ";\n";
30 LESS += "@" + name + ": " + main[name] + ";\n";
39 font-family: 'Material-Design-Icons';
40 src: url('../fonts/Material-Design-Icons.eot?3ocs8m');
41 src: url('../fonts/Material-Design-Icons.eot?#iefix3ocs8m') format('embedded-opentype'), url('../fonts/Material-Design-Icons.woff?3ocs8m') format('woff'), url('../fonts/Material-Design-Icons.ttf?3ocs8m') format('truetype'), url('../fonts/Material-Design-Icons.svg?3ocs8m#Material-Design-Icons') format('svg');
48 display: inline-block;
49 font: normal normal normal 24px/1 'Material-Design-Icons';
51 /* Better Font Rendering =========== */
52 -webkit-font-smoothing: antialiased;
53 -moz-osx-font-smoothing: grayscale;
54 -webkit-transform: translate(0, 0);
55 -ms-transform: translate(0, 0);
56 transform: translate(0, 0);
58 [class^="mdi-"]:before,
59 [class*="mdi-"]:before {
60 display: inline-block;
62 text-decoration: inherit;
64 [class^="mdi-"].pull-left,
65 [class*="mdi-"].pull-left {
68 [class^="mdi-"].pull-right,
69 [class*="mdi-"].pull-right {
72 [class^="mdi-"].mdi-lg:before,
73 [class*="mdi-"].mdi-lg:before,
74 [class^="mdi-"].mdi-lg:after,
75 [class*="mdi-"].mdi-lg:after {
76 font-size: 1.33333333em;
80 [class^="mdi-"].mdi-2x:before,
81 [class*="mdi-"].mdi-2x:before,
82 [class^="mdi-"].mdi-2x:after,
83 [class*="mdi-"].mdi-2x:after {
86 [class^="mdi-"].mdi-3x:before,
87 [class*="mdi-"].mdi-3x:before,
88 [class^="mdi-"].mdi-3x:after,
89 [class*="mdi-"].mdi-3x:after {
92 [class^="mdi-"].mdi-4x:before,
93 [class*="mdi-"].mdi-4x:before,
94 [class^="mdi-"].mdi-4x:after,
95 [class*="mdi-"].mdi-4x:after {
98 [class^="mdi-"].mdi-5x:before,
99 [class*="mdi-"].mdi-5x:before,
100 [class^="mdi-"].mdi-5x:after,
101 [class*="mdi-"].mdi-5x:after {
104 [class^="mdi-device-signal-cellular-"]:after,
105 [class^="mdi-device-battery-"]:after,
106 [class^="mdi-device-battery-charging-"]:after,
107 [class^="mdi-device-signal-cellular-connected-no-internet-"]:after,
108 [class^="mdi-device-signal-wifi-"]:after,
109 [class^="mdi-device-signal-wifi-statusbar-not-connected"]:after,
110 .mdi-device-network-wifi:after {
116 display: inline-block;
118 text-decoration: inherit;
120 [class^="mdi-device-signal-cellular-"]:after {
123 [class^="mdi-device-battery-"]:after {
126 [class^="mdi-device-battery-charging-"]:after {
129 [class^="mdi-device-signal-cellular-connected-no-internet-"]:after {
132 [class^="mdi-device-signal-wifi-"]:after,
133 .mdi-device-network-wifi:after {
136 [class^="mdi-device-signal-wifi-statusbasr-not-connected"]:after {
139 .mdi-device-signal-cellular-off:after,
140 .mdi-device-signal-cellular-null:after,
141 .mdi-device-signal-cellular-no-sim:after,
142 .mdi-device-signal-wifi-off:after,
143 .mdi-device-signal-wifi-4-bar:after,
144 .mdi-device-signal-cellular-4-bar:after,
145 .mdi-device-battery-alert:after,
146 .mdi-device-signal-cellular-connected-no-internet-4-bar:after,
147 .mdi-device-battery-std:after,
148 .mdi-device-battery-full .mdi-device-battery-unknown:after {
157 margin-left: 2.14285714em;
158 list-style-type: none;
174 padding: .2em .25em .15em;
175 border: solid 0.08em #eeeeee;
179 -webkit-animation: mdi-spin 2s infinite linear;
180 animation: mdi-spin 2s infinite linear;
181 -webkit-transform-origin: 50% 50%;
182 -ms-transform-origin: 50% 50%;
183 transform-origin: 50% 50%;
186 -webkit-animation: mdi-spin 1s steps(8) infinite;
187 animation: mdi-spin 1s steps(8) infinite;
188 -webkit-transform-origin: 50% 50%;
189 -ms-transform-origin: 50% 50%;
190 transform-origin: 50% 50%;
192 @-webkit-keyframes mdi-spin {
194 -webkit-transform: rotate(0deg);
195 transform: rotate(0deg);
198 -webkit-transform: rotate(359deg);
199 transform: rotate(359deg);
202 @keyframes mdi-spin {
204 -webkit-transform: rotate(0deg);
205 transform: rotate(0deg);
208 -webkit-transform: rotate(359deg);
209 transform: rotate(359deg);
213 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
214 -webkit-transform: rotate(90deg);
215 -ms-transform: rotate(90deg);
216 transform: rotate(90deg);
219 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
220 -webkit-transform: rotate(180deg);
221 -ms-transform: rotate(180deg);
222 transform: rotate(180deg);
225 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
226 -webkit-transform: rotate(270deg);
227 -ms-transform: rotate(270deg);
228 transform: rotate(270deg);
230 .mdi-flip-horizontal {
231 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
232 -webkit-transform: scale(-1, 1);
233 -ms-transform: scale(-1, 1);
234 transform: scale(-1, 1);
237 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
238 -webkit-transform: scale(1, -1);
239 -ms-transform: scale(1, -1);
240 transform: scale(1, -1);
242 :root .mdi-rotate-90,
243 :root .mdi-rotate-180,
244 :root .mdi-rotate-270,
245 :root .mdi-flip-horizontal,
246 :root .mdi-flip-vertical {
247 -webkit-filter: none;
252 display: inline-block;
256 vertical-align: middle;
266 line-height: inherit;
275 .mdi-action-3d-rotation:before {
278 .mdi-action-accessibility:before {
281 .mdi-action-account-balance-wallet:before {
284 .mdi-action-account-balance:before {
287 .mdi-action-account-box:before {
290 .mdi-action-account-child:before {
293 .mdi-action-account-circle:before {
296 .mdi-action-add-shopping-cart:before {
299 .mdi-action-alarm-add:before {
302 .mdi-action-alarm-off:before {
305 .mdi-action-alarm-on:before {
308 .mdi-action-alarm:before {
311 .mdi-action-android:before {
314 .mdi-action-announcement:before {
317 .mdi-action-aspect-ratio:before {
320 .mdi-action-assessment:before {
323 .mdi-action-assignment-ind:before {
326 .mdi-action-assignment-late:before {
329 .mdi-action-assignment-return:before {
332 .mdi-action-assignment-returned:before {
335 .mdi-action-assignment-turned-in:before {
338 .mdi-action-assignment:before {
341 .mdi-action-autorenew:before {
344 .mdi-action-backup:before {
347 .mdi-action-book:before {
350 .mdi-action-bookmark-outline:before {
353 .mdi-action-bookmark:before {
356 .mdi-action-bug-report:before {
359 .mdi-action-cached:before {
362 .mdi-action-check-circle:before {
365 .mdi-action-class:before {
368 .mdi-action-credit-card:before {
371 .mdi-action-dashboard:before {
374 .mdi-action-delete:before {
377 .mdi-action-description:before {
380 .mdi-action-dns:before {
383 .mdi-action-done-all:before {
386 .mdi-action-done:before {
389 .mdi-action-event:before {
392 .mdi-action-exit-to-app:before {
395 .mdi-action-explore:before {
398 .mdi-action-extension:before {
401 .mdi-action-face-unlock:before {
404 .mdi-action-favorite-outline:before {
407 .mdi-action-favorite:before {
410 .mdi-action-find-in-page:before {
413 .mdi-action-find-replace:before {
416 .mdi-action-flip-to-back:before {
419 .mdi-action-flip-to-front:before {
422 .mdi-action-get-app:before {
425 .mdi-action-grade:before {
428 .mdi-action-group-work:before {
431 .mdi-action-help:before {
434 .mdi-action-highlight-remove:before {
437 .mdi-action-history:before {
440 .mdi-action-home:before {
443 .mdi-action-https:before {
446 .mdi-action-info-outline:before {
449 .mdi-action-info:before {
452 .mdi-action-input:before {
455 .mdi-action-invert-colors:before {
458 .mdi-action-label-outline:before {
461 .mdi-action-label:before {
464 .mdi-action-language:before {
467 .mdi-action-launch:before {
470 .mdi-action-list:before {
473 .mdi-action-lock-open:before {
476 .mdi-action-lock-outline:before {
479 .mdi-action-lock:before {
482 .mdi-action-loyalty:before {
485 .mdi-action-markunread-mailbox:before {
488 .mdi-action-note-add:before {
491 .mdi-action-open-in-browser:before {
494 .mdi-action-open-in-new:before {
497 .mdi-action-open-with:before {
500 .mdi-action-pageview:before {
503 .mdi-action-payment:before {
506 .mdi-action-perm-camera-mic:before {
509 .mdi-action-perm-contact-cal:before {
512 .mdi-action-perm-data-setting:before {
515 .mdi-action-perm-device-info:before {
518 .mdi-action-perm-identity:before {
521 .mdi-action-perm-media:before {
524 .mdi-action-perm-phone-msg:before {
527 .mdi-action-perm-scan-wifi:before {
530 .mdi-action-picture-in-picture:before {
533 .mdi-action-polymer:before {
536 .mdi-action-print:before {
539 .mdi-action-query-builder:before {
542 .mdi-action-question-answer:before {
545 .mdi-action-receipt:before {
548 .mdi-action-redeem:before {
551 .mdi-action-reorder:before {
554 .mdi-action-report-problem:before {
557 .mdi-action-restore:before {
560 .mdi-action-room:before {
563 .mdi-action-schedule:before {
566 .mdi-action-search:before {
569 .mdi-action-settings-applications:before {
572 .mdi-action-settings-backup-restore:before {
575 .mdi-action-settings-bluetooth:before {
578 .mdi-action-settings-cell:before {
581 .mdi-action-settings-display:before {
584 .mdi-action-settings-ethernet:before {
587 .mdi-action-settings-input-antenna:before {
590 .mdi-action-settings-input-component:before {
593 .mdi-action-settings-input-composite:before {
596 .mdi-action-settings-input-hdmi:before {
599 .mdi-action-settings-input-svideo:before {
602 .mdi-action-settings-overscan:before {
605 .mdi-action-settings-phone:before {
608 .mdi-action-settings-power:before {
611 .mdi-action-settings-remote:before {
614 .mdi-action-settings-voice:before {
617 .mdi-action-settings:before {
620 .mdi-action-shop-two:before {
623 .mdi-action-shop:before {
626 .mdi-action-shopping-basket:before {
629 .mdi-action-shopping-cart:before {
632 .mdi-action-speaker-notes:before {
635 .mdi-action-spellcheck:before {
638 .mdi-action-star-rate:before {
641 .mdi-action-stars:before {
644 .mdi-action-store:before {
647 .mdi-action-subject:before {
650 .mdi-action-supervisor-account:before {
653 .mdi-action-swap-horiz:before {
656 .mdi-action-swap-vert-circle:before {
659 .mdi-action-swap-vert:before {
662 .mdi-action-system-update-tv:before {
665 .mdi-action-tab-unselected:before {
668 .mdi-action-tab:before {
671 .mdi-action-theaters:before {
674 .mdi-action-thumb-down:before {
677 .mdi-action-thumb-up:before {
680 .mdi-action-thumbs-up-down:before {
683 .mdi-action-toc:before {
686 .mdi-action-today:before {
689 .mdi-action-track-changes:before {
692 .mdi-action-translate:before {
695 .mdi-action-trending-down:before {
698 .mdi-action-trending-neutral:before {
701 .mdi-action-trending-up:before {
704 .mdi-action-turned-in-not:before {
707 .mdi-action-turned-in:before {
710 .mdi-action-verified-user:before {
713 .mdi-action-view-agenda:before {
716 .mdi-action-view-array:before {
719 .mdi-action-view-carousel:before {
722 .mdi-action-view-column:before {
725 .mdi-action-view-day:before {
728 .mdi-action-view-headline:before {
731 .mdi-action-view-list:before {
734 .mdi-action-view-module:before {
737 .mdi-action-view-quilt:before {
740 .mdi-action-view-stream:before {
743 .mdi-action-view-week:before {
746 .mdi-action-visibility-off:before {
749 .mdi-action-visibility:before {
752 .mdi-action-wallet-giftcard:before {
755 .mdi-action-wallet-membership:before {
758 .mdi-action-wallet-travel:before {
761 .mdi-action-work:before {
764 .mdi-alert-error:before {
767 .mdi-alert-warning:before {
770 .mdi-av-album:before {
773 .mdi-av-closed-caption:before {
776 .mdi-av-equalizer:before {
779 .mdi-av-explicit:before {
782 .mdi-av-fast-forward:before {
785 .mdi-av-fast-rewind:before {
788 .mdi-av-games:before {
791 .mdi-av-hearing:before {
794 .mdi-av-high-quality:before {
797 .mdi-av-loop:before {
800 .mdi-av-mic-none:before {
803 .mdi-av-mic-off:before {
809 .mdi-av-movie:before {
812 .mdi-av-my-library-add:before {
815 .mdi-av-my-library-books:before {
818 .mdi-av-my-library-music:before {
821 .mdi-av-new-releases:before {
824 .mdi-av-not-interested:before {
827 .mdi-av-pause-circle-fill:before {
830 .mdi-av-pause-circle-outline:before {
833 .mdi-av-pause:before {
836 .mdi-av-play-arrow:before {
839 .mdi-av-play-circle-fill:before {
842 .mdi-av-play-circle-outline:before {
845 .mdi-av-play-shopping-bag:before {
848 .mdi-av-playlist-add:before {
851 .mdi-av-queue-music:before {
854 .mdi-av-queue:before {
857 .mdi-av-radio:before {
860 .mdi-av-recent-actors:before {
863 .mdi-av-repeat-one:before {
866 .mdi-av-repeat:before {
869 .mdi-av-replay:before {
872 .mdi-av-shuffle:before {
875 .mdi-av-skip-next:before {
878 .mdi-av-skip-previous:before {
881 .mdi-av-snooze:before {
884 .mdi-av-stop:before {
887 .mdi-av-subtitles:before {
890 .mdi-av-surround-sound:before {
893 .mdi-av-timer:before {
896 .mdi-av-video-collection:before {
899 .mdi-av-videocam-off:before {
902 .mdi-av-videocam:before {
905 .mdi-av-volume-down:before {
908 .mdi-av-volume-mute:before {
911 .mdi-av-volume-off:before {
914 .mdi-av-volume-up:before {
920 .mdi-communication-business:before {
923 .mdi-communication-call-end:before {
926 .mdi-communication-call-made:before {
929 .mdi-communication-call-merge:before {
932 .mdi-communication-call-missed:before {
935 .mdi-communication-call-received:before {
938 .mdi-communication-call-split:before {
941 .mdi-communication-call:before {
944 .mdi-communication-chat:before {
947 .mdi-communication-clear-all:before {
950 .mdi-communication-comment:before {
953 .mdi-communication-contacts:before {
956 .mdi-communication-dialer-sip:before {
959 .mdi-communication-dialpad:before {
962 .mdi-communication-dnd-on:before {
965 .mdi-communication-email:before {
968 .mdi-communication-forum:before {
971 .mdi-communication-import-export:before {
974 .mdi-communication-invert-colors-off:before {
977 .mdi-communication-invert-colors-on:before {
980 .mdi-communication-live-help:before {
983 .mdi-communication-location-off:before {
986 .mdi-communication-location-on:before {
989 .mdi-communication-message:before {
992 .mdi-communication-messenger:before {
995 .mdi-communication-no-sim:before {
998 .mdi-communication-phone:before {
1001 .mdi-communication-portable-wifi-off:before {
1004 .mdi-communication-quick-contacts-dialer:before {
1007 .mdi-communication-quick-contacts-mail:before {
1010 .mdi-communication-ring-volume:before {
1013 .mdi-communication-stay-current-landscape:before {
1016 .mdi-communication-stay-current-portrait:before {
1019 .mdi-communication-stay-primary-landscape:before {
1022 .mdi-communication-stay-primary-portrait:before {
1025 .mdi-communication-swap-calls:before {
1028 .mdi-communication-textsms:before {
1031 .mdi-communication-voicemail:before {
1034 .mdi-communication-vpn-key:before {
1037 .mdi-content-add-box:before {
1040 .mdi-content-add-circle-outline:before {
1043 .mdi-content-add-circle:before {
1046 .mdi-content-add:before {
1049 .mdi-content-archive:before {
1052 .mdi-content-backspace:before {
1055 .mdi-content-block:before {
1058 .mdi-content-clear:before {
1061 .mdi-content-content-copy:before {
1064 .mdi-content-content-cut:before {
1067 .mdi-content-content-paste:before {
1070 .mdi-content-create:before {
1073 .mdi-content-drafts:before {
1076 .mdi-content-filter-list:before {
1079 .mdi-content-flag:before {
1082 .mdi-content-forward:before {
1085 .mdi-content-gesture:before {
1088 .mdi-content-inbox:before {
1091 .mdi-content-link:before {
1094 .mdi-content-mail:before {
1097 .mdi-content-markunread:before {
1100 .mdi-content-redo:before {
1103 .mdi-content-remove-circle-outline:before {
1106 .mdi-content-remove-circle:before {
1109 .mdi-content-remove:before {
1112 .mdi-content-reply-all:before {
1115 .mdi-content-reply:before {
1118 .mdi-content-report:before {
1121 .mdi-content-save:before {
1124 .mdi-content-select-all:before {
1127 .mdi-content-send:before {
1130 .mdi-content-sort:before {
1133 .mdi-content-text-format:before {
1136 .mdi-content-undo:before {
1139 .mdi-editor-attach-file:before {
1142 .mdi-editor-attach-money:before {
1145 .mdi-editor-border-all:before {
1148 .mdi-editor-border-bottom:before {
1151 .mdi-editor-border-clear:before {
1154 .mdi-editor-border-color:before {
1157 .mdi-editor-border-horizontal:before {
1160 .mdi-editor-border-inner:before {
1163 .mdi-editor-border-left:before {
1166 .mdi-editor-border-outer:before {
1169 .mdi-editor-border-right:before {
1172 .mdi-editor-border-style:before {
1175 .mdi-editor-border-top:before {
1178 .mdi-editor-border-vertical:before {
1181 .mdi-editor-format-align-center:before {
1184 .mdi-editor-format-align-justify:before {
1187 .mdi-editor-format-align-left:before {
1190 .mdi-editor-format-align-right:before {
1193 .mdi-editor-format-bold:before {
1196 .mdi-editor-format-clear:before {
1199 .mdi-editor-format-color-fill:before {
1202 .mdi-editor-format-color-reset:before {
1205 .mdi-editor-format-color-text:before {
1208 .mdi-editor-format-indent-decrease:before {
1211 .mdi-editor-format-indent-increase:before {
1214 .mdi-editor-format-italic:before {
1217 .mdi-editor-format-line-spacing:before {
1220 .mdi-editor-format-list-bulleted:before {
1223 .mdi-editor-format-list-numbered:before {
1226 .mdi-editor-format-paint:before {
1229 .mdi-editor-format-quote:before {
1232 .mdi-editor-format-size:before {
1235 .mdi-editor-format-strikethrough:before {
1238 .mdi-editor-format-textdirection-l-to-r:before {
1241 .mdi-editor-format-textdirection-r-to-l:before {
1244 .mdi-editor-format-underline:before {
1247 .mdi-editor-functions:before {
1250 .mdi-editor-insert-chart:before {
1253 .mdi-editor-insert-comment:before {
1256 .mdi-editor-insert-drive-file:before {
1259 .mdi-editor-insert-emoticon:before {
1262 .mdi-editor-insert-invitation:before {
1265 .mdi-editor-insert-link:before {
1268 .mdi-editor-insert-photo:before {
1271 .mdi-editor-merge-type:before {
1274 .mdi-editor-mode-comment:before {
1277 .mdi-editor-mode-edit:before {
1280 .mdi-editor-publish:before {
1283 .mdi-editor-vertical-align-bottom:before {
1286 .mdi-editor-vertical-align-center:before {
1289 .mdi-editor-vertical-align-top:before {
1292 .mdi-editor-wrap-text:before {
1295 .mdi-file-attachment:before {
1298 .mdi-file-cloud-circle:before {
1301 .mdi-file-cloud-done:before {
1304 .mdi-file-cloud-download:before {
1307 .mdi-file-cloud-off:before {
1310 .mdi-file-cloud-queue:before {
1313 .mdi-file-cloud-upload:before {
1316 .mdi-file-cloud:before {
1319 .mdi-file-file-download:before {
1322 .mdi-file-file-upload:before {
1325 .mdi-file-folder-open:before {
1328 .mdi-file-folder-shared:before {
1331 .mdi-file-folder:before {
1334 .mdi-device-access-alarm:before {
1337 .mdi-device-access-alarms:before {
1340 .mdi-device-access-time:before {
1343 .mdi-device-add-alarm:before {
1346 .mdi-device-airplanemode-off:before {
1349 .mdi-device-airplanemode-on:before {
1352 .mdi-device-battery-20:before {
1355 .mdi-device-battery-30:before {
1358 .mdi-device-battery-50:before {
1361 .mdi-device-battery-60:before {
1364 .mdi-device-battery-80:before {
1367 .mdi-device-battery-90:before {
1370 .mdi-device-battery-alert:before {
1373 .mdi-device-battery-charging-20:before {
1376 .mdi-device-battery-charging-30:before {
1379 .mdi-device-battery-charging-50:before {
1382 .mdi-device-battery-charging-60:before {
1385 .mdi-device-battery-charging-80:before {
1388 .mdi-device-battery-charging-90:before {
1391 .mdi-device-battery-charging-full:before {
1394 .mdi-device-battery-full:before {
1397 .mdi-device-battery-std:before {
1400 .mdi-device-battery-unknown:before {
1403 .mdi-device-bluetooth-connected:before {
1406 .mdi-device-bluetooth-disabled:before {
1409 .mdi-device-bluetooth-searching:before {
1412 .mdi-device-bluetooth:before {
1415 .mdi-device-brightness-auto:before {
1418 .mdi-device-brightness-high:before {
1421 .mdi-device-brightness-low:before {
1424 .mdi-device-brightness-medium:before {
1427 .mdi-device-data-usage:before {
1430 .mdi-device-developer-mode:before {
1433 .mdi-device-devices:before {
1436 .mdi-device-dvr:before {
1439 .mdi-device-gps-fixed:before {
1442 .mdi-device-gps-not-fixed:before {
1445 .mdi-device-gps-off:before {
1448 .mdi-device-location-disabled:before {
1451 .mdi-device-location-searching:before {
1454 .mdi-device-multitrack-audio:before {
1457 .mdi-device-network-cell:before {
1460 .mdi-device-network-wifi:before {
1463 .mdi-device-nfc:before {
1466 .mdi-device-now-wallpaper:before {
1469 .mdi-device-now-widgets:before {
1472 .mdi-device-screen-lock-landscape:before {
1475 .mdi-device-screen-lock-portrait:before {
1478 .mdi-device-screen-lock-rotation:before {
1481 .mdi-device-screen-rotation:before {
1484 .mdi-device-sd-storage:before {
1487 .mdi-device-settings-system-daydream:before {
1490 .mdi-device-signal-cellular-0-bar:before {
1493 .mdi-device-signal-cellular-1-bar:before {
1496 .mdi-device-signal-cellular-2-bar:before {
1499 .mdi-device-signal-cellular-3-bar:before {
1502 .mdi-device-signal-cellular-4-bar:before {
1505 .mdi-signal-wifi-statusbar-connected-no-internet-after:before {
1508 .mdi-device-signal-cellular-connected-no-internet-0-bar:before {
1511 .mdi-device-signal-cellular-connected-no-internet-1-bar:before {
1514 .mdi-device-signal-cellular-connected-no-internet-2-bar:before {
1517 .mdi-device-signal-cellular-connected-no-internet-3-bar:before {
1520 .mdi-device-signal-cellular-connected-no-internet-4-bar:before {
1523 .mdi-device-signal-cellular-no-sim:before {
1526 .mdi-device-signal-cellular-null:before {
1529 .mdi-device-signal-cellular-off:before {
1532 .mdi-device-signal-wifi-0-bar:before {
1535 .mdi-device-signal-wifi-1-bar:before {
1538 .mdi-device-signal-wifi-2-bar:before {
1541 .mdi-device-signal-wifi-3-bar:before {
1544 .mdi-device-signal-wifi-4-bar:before {
1547 .mdi-device-signal-wifi-off:before {
1550 .mdi-device-signal-wifi-statusbar-1-bar:before {
1553 .mdi-device-signal-wifi-statusbar-2-bar:before {
1556 .mdi-device-signal-wifi-statusbar-3-bar:before {
1559 .mdi-device-signal-wifi-statusbar-4-bar:before {
1562 .mdi-device-signal-wifi-statusbar-connected-no-internet-:before {
1565 .mdi-device-signal-wifi-statusbar-connected-no-internet:before {
1568 .mdi-device-signal-wifi-statusbar-connected-no-internet-2:before {
1571 .mdi-device-signal-wifi-statusbar-connected-no-internet-3:before {
1574 .mdi-device-signal-wifi-statusbar-connected-no-internet-4:before {
1577 .mdi-signal-wifi-statusbar-not-connected-after:before {
1580 .mdi-device-signal-wifi-statusbar-not-connected:before {
1583 .mdi-device-signal-wifi-statusbar-null:before {
1586 .mdi-device-storage:before {
1589 .mdi-device-usb:before {
1592 .mdi-device-wifi-lock:before {
1595 .mdi-device-wifi-tethering:before {
1598 .mdi-hardware-cast-connected:before {
1601 .mdi-hardware-cast:before {
1604 .mdi-hardware-computer:before {
1607 .mdi-hardware-desktop-mac:before {
1610 .mdi-hardware-desktop-windows:before {
1613 .mdi-hardware-dock:before {
1616 .mdi-hardware-gamepad:before {
1619 .mdi-hardware-headset-mic:before {
1622 .mdi-hardware-headset:before {
1625 .mdi-hardware-keyboard-alt:before {
1628 .mdi-hardware-keyboard-arrow-down:before {
1631 .mdi-hardware-keyboard-arrow-left:before {
1634 .mdi-hardware-keyboard-arrow-right:before {
1637 .mdi-hardware-keyboard-arrow-up:before {
1640 .mdi-hardware-keyboard-backspace:before {
1643 .mdi-hardware-keyboard-capslock:before {
1646 .mdi-hardware-keyboard-control:before {
1649 .mdi-hardware-keyboard-hide:before {
1652 .mdi-hardware-keyboard-return:before {
1655 .mdi-hardware-keyboard-tab:before {
1658 .mdi-hardware-keyboard-voice:before {
1661 .mdi-hardware-keyboard:before {
1664 .mdi-hardware-laptop-chromebook:before {
1667 .mdi-hardware-laptop-mac:before {
1670 .mdi-hardware-laptop-windows:before {
1673 .mdi-hardware-laptop:before {
1676 .mdi-hardware-memory:before {
1679 .mdi-hardware-mouse:before {
1682 .mdi-hardware-phone-android:before {
1685 .mdi-hardware-phone-iphone:before {
1688 .mdi-hardware-phonelink-off:before {
1691 .mdi-hardware-phonelink:before {
1694 .mdi-hardware-security:before {
1697 .mdi-hardware-sim-card:before {
1700 .mdi-hardware-smartphone:before {
1703 .mdi-hardware-speaker:before {
1706 .mdi-hardware-tablet-android:before {
1709 .mdi-hardware-tablet-mac:before {
1712 .mdi-hardware-tablet:before {
1715 .mdi-hardware-tv:before {
1718 .mdi-hardware-watch:before {
1721 .mdi-image-add-to-photos:before {
1724 .mdi-image-adjust:before {
1727 .mdi-image-assistant-photo:before {
1730 .mdi-image-audiotrack:before {
1733 .mdi-image-blur-circular:before {
1736 .mdi-image-blur-linear:before {
1739 .mdi-image-blur-off:before {
1742 .mdi-image-blur-on:before {
1745 .mdi-image-brightness-1:before {
1748 .mdi-image-brightness-2:before {
1751 .mdi-image-brightness-3:before {
1754 .mdi-image-brightness-4:before {
1757 .mdi-image-brightness-5:before {
1760 .mdi-image-brightness-6:before {
1763 .mdi-image-brightness-7:before {
1766 .mdi-image-brush:before {
1769 .mdi-image-camera-alt:before {
1772 .mdi-image-camera-front:before {
1775 .mdi-image-camera-rear:before {
1778 .mdi-image-camera-roll:before {
1781 .mdi-image-camera:before {
1784 .mdi-image-center-focus-strong:before {
1787 .mdi-image-center-focus-weak:before {
1790 .mdi-image-collections:before {
1793 .mdi-image-color-lens:before {
1796 .mdi-image-colorize:before {
1799 .mdi-image-compare:before {
1802 .mdi-image-control-point-duplicate:before {
1805 .mdi-image-control-point:before {
1808 .mdi-image-crop-3-2:before {
1811 .mdi-image-crop-5-4:before {
1814 .mdi-image-crop-7-5:before {
1817 .mdi-image-crop-16-9:before {
1820 .mdi-image-crop-din:before {
1823 .mdi-image-crop-free:before {
1826 .mdi-image-crop-landscape:before {
1829 .mdi-image-crop-original:before {
1832 .mdi-image-crop-portrait:before {
1835 .mdi-image-crop-square:before {
1838 .mdi-image-crop:before {
1841 .mdi-image-dehaze:before {
1844 .mdi-image-details:before {
1847 .mdi-image-edit:before {
1850 .mdi-image-exposure-minus-1:before {
1853 .mdi-image-exposure-minus-2:before {
1856 .mdi-image-exposure-plus-1:before {
1859 .mdi-image-exposure-plus-2:before {
1862 .mdi-image-exposure-zero:before {
1865 .mdi-image-exposure:before {
1868 .mdi-image-filter-1:before {
1871 .mdi-image-filter-2:before {
1874 .mdi-image-filter-3:before {
1877 .mdi-image-filter-4:before {
1880 .mdi-image-filter-5:before {
1883 .mdi-image-filter-6:before {
1886 .mdi-image-filter-7:before {
1889 .mdi-image-filter-8:before {
1892 .mdi-image-filter-9-plus:before {
1895 .mdi-image-filter-9:before {
1898 .mdi-image-filter-b-and-w:before {
1901 .mdi-image-filter-center-focus:before {
1904 .mdi-image-filter-drama:before {
1907 .mdi-image-filter-frames:before {
1910 .mdi-image-filter-hdr:before {
1913 .mdi-image-filter-none:before {
1916 .mdi-image-filter-tilt-shift:before {
1919 .mdi-image-filter-vintage:before {
1922 .mdi-image-filter:before {
1925 .mdi-image-flare:before {
1928 .mdi-image-flash-auto:before {
1931 .mdi-image-flash-off:before {
1934 .mdi-image-flash-on:before {
1937 .mdi-image-flip:before {
1940 .mdi-image-gradient:before {
1943 .mdi-image-grain:before {
1946 .mdi-image-grid-off:before {
1949 .mdi-image-grid-on:before {
1952 .mdi-image-hdr-off:before {
1955 .mdi-image-hdr-on:before {
1958 .mdi-image-hdr-strong:before {
1961 .mdi-image-hdr-weak:before {
1964 .mdi-image-healing:before {
1967 .mdi-image-image-aspect-ratio:before {
1970 .mdi-image-image:before {
1973 .mdi-image-iso:before {
1976 .mdi-image-landscape:before {
1979 .mdi-image-leak-add:before {
1982 .mdi-image-leak-remove:before {
1985 .mdi-image-lens:before {
1988 .mdi-image-looks-3:before {
1991 .mdi-image-looks-4:before {
1994 .mdi-image-looks-5:before {
1997 .mdi-image-looks-6:before {
2000 .mdi-image-looks-one:before {
2003 .mdi-image-looks-two:before {
2006 .mdi-image-looks:before {
2009 .mdi-image-loupe:before {
2012 .mdi-image-movie-creation:before {
2015 .mdi-image-nature-people:before {
2018 .mdi-image-nature:before {
2021 .mdi-image-navigate-before:before {
2024 .mdi-image-navigate-next:before {
2027 .mdi-image-palette:before {
2030 .mdi-image-panorama-fisheye:before {
2033 .mdi-image-panorama-horizontal:before {
2036 .mdi-image-panorama-vertical:before {
2039 .mdi-image-panorama-wide-angle:before {
2042 .mdi-image-panorama:before {
2045 .mdi-image-photo-album:before {
2048 .mdi-image-photo-camera:before {
2051 .mdi-image-photo-library:before {
2054 .mdi-image-photo:before {
2057 .mdi-image-portrait:before {
2060 .mdi-image-remove-red-eye:before {
2063 .mdi-image-rotate-left:before {
2066 .mdi-image-rotate-right:before {
2069 .mdi-image-slideshow:before {
2072 .mdi-image-straighten:before {
2075 .mdi-image-style:before {
2078 .mdi-image-switch-camera:before {
2081 .mdi-image-switch-video:before {
2084 .mdi-image-tag-faces:before {
2087 .mdi-image-texture:before {
2090 .mdi-image-timelapse:before {
2093 .mdi-image-timer-3:before {
2096 .mdi-image-timer-10:before {
2099 .mdi-image-timer-auto:before {
2102 .mdi-image-timer-off:before {
2105 .mdi-image-timer:before {
2108 .mdi-image-tonality:before {
2111 .mdi-image-transform:before {
2114 .mdi-image-tune:before {
2117 .mdi-image-wb-auto:before {
2120 .mdi-image-wb-cloudy:before {
2123 .mdi-image-wb-incandescent:before {
2126 .mdi-image-wb-irradescent:before {
2129 .mdi-image-wb-sunny:before {
2132 .mdi-maps-beenhere:before {
2135 .mdi-maps-directions-bike:before {
2138 .mdi-maps-directions-bus:before {
2141 .mdi-maps-directions-car:before {
2144 .mdi-maps-directions-ferry:before {
2147 .mdi-maps-directions-subway:before {
2150 .mdi-maps-directions-train:before {
2153 .mdi-maps-directions-transit:before {
2156 .mdi-maps-directions-walk:before {
2159 .mdi-maps-directions:before {
2162 .mdi-maps-flight:before {
2165 .mdi-maps-hotel:before {
2168 .mdi-maps-layers-clear:before {
2171 .mdi-maps-layers:before {
2174 .mdi-maps-local-airport:before {
2177 .mdi-maps-local-atm:before {
2180 .mdi-maps-local-attraction:before {
2183 .mdi-maps-local-bar:before {
2186 .mdi-maps-local-cafe:before {
2189 .mdi-maps-local-car-wash:before {
2192 .mdi-maps-local-convenience-store:before {
2195 .mdi-maps-local-drink:before {
2198 .mdi-maps-local-florist:before {
2201 .mdi-maps-local-gas-station:before {
2204 .mdi-maps-local-grocery-store:before {
2207 .mdi-maps-local-hospital:before {
2210 .mdi-maps-local-hotel:before {
2213 .mdi-maps-local-laundry-service:before {
2216 .mdi-maps-local-library:before {
2219 .mdi-maps-local-mall:before {
2222 .mdi-maps-local-movies:before {
2225 .mdi-maps-local-offer:before {
2228 .mdi-maps-local-parking:before {
2231 .mdi-maps-local-pharmacy:before {
2234 .mdi-maps-local-phone:before {
2237 .mdi-maps-local-pizza:before {
2240 .mdi-maps-local-play:before {
2243 .mdi-maps-local-post-office:before {
2246 .mdi-maps-local-print-shop:before {
2249 .mdi-maps-local-restaurant:before {
2252 .mdi-maps-local-see:before {
2255 .mdi-maps-local-shipping:before {
2258 .mdi-maps-local-taxi:before {
2261 .mdi-maps-location-history:before {
2264 .mdi-maps-map:before {
2267 .mdi-maps-my-location:before {
2270 .mdi-maps-navigation:before {
2273 .mdi-maps-pin-drop:before {
2276 .mdi-maps-place:before {
2279 .mdi-maps-rate-review:before {
2282 .mdi-maps-restaurant-menu:before {
2285 .mdi-maps-satellite:before {
2288 .mdi-maps-store-mall-directory:before {
2291 .mdi-maps-terrain:before {
2294 .mdi-maps-traffic:before {
2297 .mdi-navigation-apps:before {
2300 .mdi-navigation-arrow-back:before {
2303 .mdi-navigation-arrow-drop-down-circle:before {
2306 .mdi-navigation-arrow-drop-down:before {
2309 .mdi-navigation-arrow-drop-up:before {
2312 .mdi-navigation-arrow-forward:before {
2315 .mdi-navigation-cancel:before {
2318 .mdi-navigation-check:before {
2321 .mdi-navigation-chevron-left:before {
2324 .mdi-navigation-chevron-right:before {
2327 .mdi-navigation-close:before {
2330 .mdi-navigation-expand-less:before {
2333 .mdi-navigation-expand-more:before {
2336 .mdi-navigation-fullscreen-exit:before {
2339 .mdi-navigation-fullscreen:before {
2342 .mdi-navigation-menu:before {
2345 .mdi-navigation-more-horiz:before {
2348 .mdi-navigation-more-vert:before {
2351 .mdi-navigation-refresh:before {
2354 .mdi-navigation-unfold-less:before {
2357 .mdi-navigation-unfold-more:before {
2360 .mdi-notification-adb:before {
2363 .mdi-notification-bluetooth-audio:before {
2366 .mdi-notification-disc-full:before {
2369 .mdi-notification-dnd-forwardslash:before {
2372 .mdi-notification-do-not-disturb:before {
2375 .mdi-notification-drive-eta:before {
2378 .mdi-notification-event-available:before {
2381 .mdi-notification-event-busy:before {
2384 .mdi-notification-event-note:before {
2387 .mdi-notification-folder-special:before {
2390 .mdi-notification-mms:before {
2393 .mdi-notification-more:before {
2396 .mdi-notification-network-locked:before {
2399 .mdi-notification-phone-bluetooth-speaker:before {
2402 .mdi-notification-phone-forwarded:before {
2405 .mdi-notification-phone-in-talk:before {
2408 .mdi-notification-phone-locked:before {
2411 .mdi-notification-phone-missed:before {
2414 .mdi-notification-phone-paused:before {
2417 .mdi-notification-play-download:before {
2420 .mdi-notification-play-install:before {
2423 .mdi-notification-sd-card:before {
2426 .mdi-notification-sim-card-alert:before {
2429 .mdi-notification-sms-failed:before {
2432 .mdi-notification-sms:before {
2435 .mdi-notification-sync-disabled:before {
2438 .mdi-notification-sync-problem:before {
2441 .mdi-notification-sync:before {
2444 .mdi-notification-system-update:before {
2447 .mdi-notification-tap-and-play:before {
2450 .mdi-notification-time-to-leave:before {
2453 .mdi-notification-vibration:before {
2456 .mdi-notification-voice-chat:before {
2459 .mdi-notification-vpn-lock:before {
2462 .mdi-social-cake:before {
2465 .mdi-social-domain:before {
2468 .mdi-social-group-add:before {
2471 .mdi-social-group:before {
2474 .mdi-social-location-city:before {
2477 .mdi-social-mood:before {
2480 .mdi-social-notifications-none:before {
2483 .mdi-social-notifications-off:before {
2486 .mdi-social-notifications-on:before {
2489 .mdi-social-notifications-paused:before {
2492 .mdi-social-notifications:before {
2495 .mdi-social-pages:before {
2498 .mdi-social-party-mode:before {
2501 .mdi-social-people-outline:before {
2504 .mdi-social-people:before {
2507 .mdi-social-person-add:before {
2510 .mdi-social-person-outline:before {
2513 .mdi-social-person:before {
2516 .mdi-social-plus-one:before {
2519 .mdi-social-poll:before {
2522 .mdi-social-public:before {
2525 .mdi-social-school:before {
2528 .mdi-social-share:before {
2531 .mdi-social-whatshot:before {
2534 .mdi-toggle-check-box-outline-blank:before {
2537 .mdi-toggle-check-box:before {
2540 .mdi-toggle-radio-button-off:before {
2543 .mdi-toggle-radio-button-on:before {
2546 .mdi-toggle-star-half:before {
2549 .mdi-toggle-star-outline:before {
2552 .mdi-toggle-star:before {
2556 background-color: #eeeeee;
2559 background: #333333;
2562 body.inverse .form-control {
2563 color: rgba(255, 255, 255, 0.84);
2565 body.inverse .modal,
2566 body.inverse .panel-default,
2568 body.inverse .modal .form-control,
2569 body.inverse .panel-default .form-control,
2570 body.inverse .card .form-control {
2571 background-color: initial;
2585 font-family: "RobotoDraft", "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
2598 .container .well.well-sm,
2599 .container-fluid .well.well-sm {
2603 .container .well.well-lg,
2604 .container-fluid .well.well-lg {
2609 .container-fluid .well,
2611 .container .jumbotron,
2612 .container-fluid .jumbotron {
2613 background-color: #fff;
2615 margin-bottom: 20px;
2616 box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
2622 .container-fluid .well p,
2624 .container .jumbotron p,
2625 .container-fluid .jumbotron p {
2630 .container-fluid .well,
2632 .container .jumbotron,
2633 .container-fluid .jumbotron,
2635 .container .well-default,
2636 .container-fluid .well-default,
2637 body .jumbotron-default,
2638 .container .jumbotron-default,
2639 .container-fluid .jumbotron-default {
2640 background-color: #ffffff;
2643 .container .well-black,
2644 .container-fluid .well-black,
2645 body .jumbotron-black,
2646 .container .jumbotron-black,
2647 .container-fluid .jumbotron-black {
2648 background-color: #000000;
2651 .container .well-white,
2652 .container-fluid .well-white,
2653 body .jumbotron-white,
2654 .container .jumbotron-white,
2655 .container-fluid .jumbotron-white {
2656 background-color: #ffffff;
2659 .container .well-inverse,
2660 .container-fluid .well-inverse,
2661 body .jumbotron-inverse,
2662 .container .jumbotron-inverse,
2663 .container-fluid .jumbotron-inverse {
2664 background-color: #3f51b5;
2667 .container .well-primary,
2668 .container-fluid .well-primary,
2669 body .jumbotron-primary,
2670 .container .jumbotron-primary,
2671 .container-fluid .jumbotron-primary {
2672 background-color: #009688;
2675 .container .well-success,
2676 .container-fluid .well-success,
2677 body .jumbotron-success,
2678 .container .jumbotron-success,
2679 .container-fluid .jumbotron-success {
2680 background-color: #4caf50;
2683 .container .well-info,
2684 .container-fluid .well-info,
2685 body .jumbotron-info,
2686 .container .jumbotron-info,
2687 .container-fluid .jumbotron-info {
2688 background-color: #03a9f4;
2691 .container .well-warning,
2692 .container-fluid .well-warning,
2693 body .jumbotron-warning,
2694 .container .jumbotron-warning,
2695 .container-fluid .jumbotron-warning {
2696 background-color: #ff5722;
2699 .container .well-danger,
2700 .container-fluid .well-danger,
2701 body .jumbotron-danger,
2702 .container .jumbotron-danger,
2703 .container-fluid .jumbotron-danger {
2704 background-color: #f44336;
2706 body .well-material-red,
2707 .container .well-material-red,
2708 .container-fluid .well-material-red,
2709 body .jumbotron-material-red,
2710 .container .jumbotron-material-red,
2711 .container-fluid .jumbotron-material-red {
2712 background-color: #f44336;
2714 body .well-material-pink,
2715 .container .well-material-pink,
2716 .container-fluid .well-material-pink,
2717 body .jumbotron-material-pink,
2718 .container .jumbotron-material-pink,
2719 .container-fluid .jumbotron-material-pink {
2720 background-color: #e91e63;
2722 body .well-material-purple,
2723 .container .well-material-purple,
2724 .container-fluid .well-material-purple,
2725 body .jumbotron-material-purple,
2726 .container .jumbotron-material-purple,
2727 .container-fluid .jumbotron-material-purple {
2728 background-color: #9c27b0;
2730 body .well-material-deep-purple,
2731 .container .well-material-deep-purple,
2732 .container-fluid .well-material-deep-purple,
2733 body .jumbotron-material-deep-purple,
2734 .container .jumbotron-material-deep-purple,
2735 .container-fluid .jumbotron-material-deep-purple {
2736 background-color: #673ab7;
2738 body .well-material-indigo,
2739 .container .well-material-indigo,
2740 .container-fluid .well-material-indigo,
2741 body .jumbotron-material-indigo,
2742 .container .jumbotron-material-indigo,
2743 .container-fluid .jumbotron-material-indigo {
2744 background-color: #3f51b5;
2746 body .well-material-blue,
2747 .container .well-material-blue,
2748 .container-fluid .well-material-blue,
2749 body .jumbotron-material-blue,
2750 .container .jumbotron-material-blue,
2751 .container-fluid .jumbotron-material-blue {
2752 background-color: #2196f3;
2754 body .well-material-light-blue,
2755 .container .well-material-light-blue,
2756 .container-fluid .well-material-light-blue,
2757 body .jumbotron-material-light-blue,
2758 .container .jumbotron-material-light-blue,
2759 .container-fluid .jumbotron-material-light-blue {
2760 background-color: #03a9f4;
2762 body .well-material-cyan,
2763 .container .well-material-cyan,
2764 .container-fluid .well-material-cyan,
2765 body .jumbotron-material-cyan,
2766 .container .jumbotron-material-cyan,
2767 .container-fluid .jumbotron-material-cyan {
2768 background-color: #00bcd4;
2770 body .well-material-teal,
2771 .container .well-material-teal,
2772 .container-fluid .well-material-teal,
2773 body .jumbotron-material-teal,
2774 .container .jumbotron-material-teal,
2775 .container-fluid .jumbotron-material-teal {
2776 background-color: #009688;
2778 body .well-material-green,
2779 .container .well-material-green,
2780 .container-fluid .well-material-green,
2781 body .jumbotron-material-green,
2782 .container .jumbotron-material-green,
2783 .container-fluid .jumbotron-material-green {
2784 background-color: #4caf50;
2786 body .well-material-light-green,
2787 .container .well-material-light-green,
2788 .container-fluid .well-material-light-green,
2789 body .jumbotron-material-light-green,
2790 .container .jumbotron-material-light-green,
2791 .container-fluid .jumbotron-material-light-green {
2792 background-color: #8bc34a;
2794 body .well-material-lime,
2795 .container .well-material-lime,
2796 .container-fluid .well-material-lime,
2797 body .jumbotron-material-lime,
2798 .container .jumbotron-material-lime,
2799 .container-fluid .jumbotron-material-lime {
2800 background-color: #cddc39;
2802 body .well-material-yellow,
2803 .container .well-material-yellow,
2804 .container-fluid .well-material-yellow,
2805 body .jumbotron-material-yellow,
2806 .container .jumbotron-material-yellow,
2807 .container-fluid .jumbotron-material-yellow {
2808 background-color: #ffeb3b;
2810 body .well-material-amber,
2811 .container .well-material-amber,
2812 .container-fluid .well-material-amber,
2813 body .jumbotron-material-amber,
2814 .container .jumbotron-material-amber,
2815 .container-fluid .jumbotron-material-amber {
2816 background-color: #ffc107;
2818 body .well-material-orange,
2819 .container .well-material-orange,
2820 .container-fluid .well-material-orange,
2821 body .jumbotron-material-orange,
2822 .container .jumbotron-material-orange,
2823 .container-fluid .jumbotron-material-orange {
2824 background-color: #ff9800;
2826 body .well-material-deep-orange,
2827 .container .well-material-deep-orange,
2828 .container-fluid .well-material-deep-orange,
2829 body .jumbotron-material-deep-orange,
2830 .container .jumbotron-material-deep-orange,
2831 .container-fluid .jumbotron-material-deep-orange {
2832 background-color: #ff5722;
2834 body .well-material-brown,
2835 .container .well-material-brown,
2836 .container-fluid .well-material-brown,
2837 body .jumbotron-material-brown,
2838 .container .jumbotron-material-brown,
2839 .container-fluid .jumbotron-material-brown {
2840 background-color: #795548;
2842 body .well-material-grey,
2843 .container .well-material-grey,
2844 .container-fluid .well-material-grey,
2845 body .jumbotron-material-grey,
2846 .container .jumbotron-material-grey,
2847 .container-fluid .jumbotron-material-grey {
2848 background-color: #9e9e9e;
2850 body .well-material-blue-grey,
2851 .container .well-material-blue-grey,
2852 .container-fluid .well-material-blue-grey,
2853 body .jumbotron-material-blue-grey,
2854 .container .jumbotron-material-blue-grey,
2855 .container-fluid .jumbotron-material-blue-grey {
2856 background-color: #607d8b;
2865 text-transform: uppercase;
2866 text-decoration: none;
2867 color: rgba(255, 255, 255, 0.84);
2868 transition: background-color 0.2s ease, box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
2869 outline: none !important;
2871 .btn:hover:not(.btn-link):not(.btn-flat):not(.btn-fab) {
2872 box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
2874 .btn:active:not(.btn-link):not(.btn-flat):not(.btn-fab) {
2875 box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
2877 .btn.btn-flat:not(.btn-link),
2878 .btn-default.btn-flat:not(.btn-link) {
2879 color: rgba(0, 0, 0, 0.84);
2881 .btn-black.btn-flat:not(.btn-link) {
2884 .btn-white.btn-flat:not(.btn-link) {
2887 .btn-inverse.btn-flat:not(.btn-link) {
2890 .btn-primary.btn-flat:not(.btn-link) {
2893 .btn-success.btn-flat:not(.btn-link) {
2896 .btn-info.btn-flat:not(.btn-link) {
2899 .btn-warning.btn-flat:not(.btn-link) {
2902 .btn-danger.btn-flat:not(.btn-link) {
2905 .btn-material-red.btn-flat:not(.btn-link) {
2908 .btn-material-pink.btn-flat:not(.btn-link) {
2911 .btn-material-purple.btn-flat:not(.btn-link) {
2914 .btn-material-deep-purple.btn-flat:not(.btn-link) {
2917 .btn-material-indigo.btn-flat:not(.btn-link) {
2920 .btn-material-blue.btn-flat:not(.btn-link) {
2923 .btn-material-light-blue.btn-flat:not(.btn-link) {
2926 .btn-material-cyan.btn-flat:not(.btn-link) {
2929 .btn-material-teal.btn-flat:not(.btn-link) {
2932 .btn-material-green.btn-flat:not(.btn-link) {
2935 .btn-material-light-green.btn-flat:not(.btn-link) {
2938 .btn-material-lime.btn-flat:not(.btn-link) {
2941 .btn-material-yellow.btn-flat:not(.btn-link) {
2944 .btn-material-amber.btn-flat:not(.btn-link) {
2947 .btn-material-orange.btn-flat:not(.btn-link) {
2950 .btn-material-deep-orange.btn-flat:not(.btn-link) {
2953 .btn-material-brown.btn-flat:not(.btn-link) {
2956 .btn-material-grey.btn-flat:not(.btn-link) {
2959 .btn-material-blue-grey.btn-flat:not(.btn-link) {
2962 .btn:not(.btn-link):not(.btn-flat),
2963 .btn-default:not(.btn-link):not(.btn-flat) {
2964 background-color: transparent;
2965 color: rgba(0, 0, 0, 0.84);
2967 .btn-black:not(.btn-link):not(.btn-flat) {
2968 background-color: #000000;
2969 color: rgba(255, 255, 255, 0.84);
2971 .btn-white:not(.btn-link):not(.btn-flat) {
2972 background-color: #ffffff;
2973 color: rgba(0, 0, 0, 0.84);
2975 .btn-inverse:not(.btn-link):not(.btn-flat) {
2976 background-color: #3f51b5;
2977 color: rgba(255, 255, 255, 0.84);
2979 .btn-primary:not(.btn-link):not(.btn-flat) {
2980 background-color: #009688;
2981 color: rgba(255, 255, 255, 0.84);
2983 .btn-success:not(.btn-link):not(.btn-flat) {
2984 background-color: #4caf50;
2985 color: rgba(255, 255, 255, 0.84);
2987 .btn-info:not(.btn-link):not(.btn-flat) {
2988 background-color: #03a9f4;
2989 color: rgba(255, 255, 255, 0.84);
2991 .btn-warning:not(.btn-link):not(.btn-flat) {
2992 background-color: #ff5722;
2993 color: rgba(255, 255, 255, 0.84);
2995 .btn-danger:not(.btn-link):not(.btn-flat) {
2996 background-color: #f44336;
2997 color: rgba(255, 255, 255, 0.84);
2999 .btn-material-red:not(.btn-link):not(.btn-flat) {
3000 background-color: #f44336;
3001 color: rgba(255, 255, 255, 0.84);
3003 .btn-material-pink:not(.btn-link):not(.btn-flat) {
3004 background-color: #e91e63;
3005 color: rgba(255, 255, 255, 0.84);
3007 .btn-material-purple:not(.btn-link):not(.btn-flat) {
3008 background-color: #9c27b0;
3009 color: rgba(255, 255, 255, 0.84);
3011 .btn-material-deep-purple:not(.btn-link):not(.btn-flat) {
3012 background-color: #673ab7;
3013 color: rgba(255, 255, 255, 0.84);
3015 .btn-material-indigo:not(.btn-link):not(.btn-flat) {
3016 background-color: #3f51b5;
3017 color: rgba(255, 255, 255, 0.84);
3019 .btn-material-blue:not(.btn-link):not(.btn-flat) {
3020 background-color: #2196f3;
3021 color: rgba(255, 255, 255, 0.84);
3023 .btn-material-light-blue:not(.btn-link):not(.btn-flat) {
3024 background-color: #03a9f4;
3025 color: rgba(255, 255, 255, 0.84);
3027 .btn-material-cyan:not(.btn-link):not(.btn-flat) {
3028 background-color: #00bcd4;
3029 color: rgba(0, 0, 0, 0.84);
3031 .btn-material-teal:not(.btn-link):not(.btn-flat) {
3032 background-color: #009688;
3033 color: rgba(255, 255, 255, 0.84);
3035 .btn-material-green:not(.btn-link):not(.btn-flat) {
3036 background-color: #4caf50;
3037 color: rgba(255, 255, 255, 0.84);
3039 .btn-material-light-green:not(.btn-link):not(.btn-flat) {
3040 background-color: #8bc34a;
3041 color: rgba(0, 0, 0, 0.84);
3043 .btn-material-lime:not(.btn-link):not(.btn-flat) {
3044 background-color: #cddc39;
3045 color: rgba(0, 0, 0, 0.84);
3047 .btn-material-yellow:not(.btn-link):not(.btn-flat) {
3048 background-color: #ffeb3b;
3049 color: rgba(0, 0, 0, 0.84);
3051 .btn-material-amber:not(.btn-link):not(.btn-flat) {
3052 background-color: #ffc107;
3053 color: rgba(0, 0, 0, 0.84);
3055 .btn-material-orange:not(.btn-link):not(.btn-flat) {
3056 background-color: #ff9800;
3057 color: rgba(0, 0, 0, 0.84);
3059 .btn-material-deep-orange:not(.btn-link):not(.btn-flat) {
3060 background-color: #ff5722;
3061 color: rgba(255, 255, 255, 0.84);
3063 .btn-material-brown:not(.btn-link):not(.btn-flat) {
3064 background-color: #795548;
3065 color: rgba(255, 255, 255, 0.84);
3067 .btn-material-grey:not(.btn-link):not(.btn-flat) {
3068 background-color: #9e9e9e;
3069 color: rgba(255, 255, 255, 0.84);
3071 .btn-material-blue-grey:not(.btn-link):not(.btn-flat) {
3072 background-color: #607d8b;
3073 color: rgba(255, 255, 255, 0.84);
3075 .btn:hover:not(.btn-link):not(.btn-flat),
3076 .btn-default:hover:not(.btn-link):not(.btn-flat) {
3077 background-color: rgba(10, 10, 10, 0);
3079 .btn-black:hover:not(.btn-link):not(.btn-flat) {
3080 background-color: #0a0a0a;
3082 .btn-white:hover:not(.btn-link):not(.btn-flat) {
3083 background-color: #f5f5f5;
3085 .btn-inverse:hover:not(.btn-link):not(.btn-flat) {
3086 background-color: #495bc0;
3088 .btn-primary:hover:not(.btn-link):not(.btn-flat) {
3089 background-color: #00aa9a;
3091 .btn-success:hover:not(.btn-link):not(.btn-flat) {
3092 background-color: #59b75c;
3094 .btn-info:hover:not(.btn-link):not(.btn-flat) {
3095 background-color: #0fb2fc;
3097 .btn-warning:hover:not(.btn-link):not(.btn-flat) {
3098 background-color: #ff6736;
3100 .btn-danger:hover:not(.btn-link):not(.btn-flat) {
3101 background-color: #f55549;
3103 .btn-material-red:hover:not(.btn-link):not(.btn-flat) {
3104 background-color: #f55549;
3106 .btn-material-pink:hover:not(.btn-link):not(.btn-flat) {
3107 background-color: #eb3170;
3109 .btn-material-purple:hover:not(.btn-link):not(.btn-flat) {
3110 background-color: #ab2bc1;
3112 .btn-material-deep-purple:hover:not(.btn-link):not(.btn-flat) {
3113 background-color: #7142c3;
3115 .btn-material-indigo:hover:not(.btn-link):not(.btn-flat) {
3116 background-color: #495bc0;
3118 .btn-material-blue:hover:not(.btn-link):not(.btn-flat) {
3119 background-color: #349ff4;
3121 .btn-material-light-blue:hover:not(.btn-link):not(.btn-flat) {
3122 background-color: #0fb2fc;
3124 .btn-material-cyan:hover:not(.btn-link):not(.btn-flat) {
3125 background-color: #00aac0;
3127 .btn-material-teal:hover:not(.btn-link):not(.btn-flat) {
3128 background-color: #00aa9a;
3130 .btn-material-green:hover:not(.btn-link):not(.btn-flat) {
3131 background-color: #59b75c;
3133 .btn-material-light-green:hover:not(.btn-link):not(.btn-flat) {
3134 background-color: #81bb3e;
3136 .btn-material-lime:hover:not(.btn-link):not(.btn-flat) {
3137 background-color: #c9d928;
3139 .btn-material-yellow:hover:not(.btn-link):not(.btn-flat) {
3140 background-color: #ffe927;
3142 .btn-material-amber:hover:not(.btn-link):not(.btn-flat) {
3143 background-color: #f2b500;
3145 .btn-material-orange:hover:not(.btn-link):not(.btn-flat) {
3146 background-color: #eb8c00;
3148 .btn-material-deep-orange:hover:not(.btn-link):not(.btn-flat) {
3149 background-color: #ff6736;
3151 .btn-material-brown:hover:not(.btn-link):not(.btn-flat) {
3152 background-color: #865e50;
3154 .btn-material-grey:hover:not(.btn-link):not(.btn-flat) {
3155 background-color: #a8a8a8;
3157 .btn-material-blue-grey:hover:not(.btn-link):not(.btn-flat) {
3158 background-color: #688897;
3160 .btn:active:not(.btn-link):not(.btn-flat),
3161 .btn-default:active:not(.btn-link):not(.btn-flat) {
3162 background-color: rgba(15, 15, 15, 0);
3164 .btn-black:active:not(.btn-link):not(.btn-flat) {
3165 background-color: #0f0f0f;
3167 .btn-white:active:not(.btn-link):not(.btn-flat) {
3168 background-color: #f0f0f0;
3170 .btn-inverse:active:not(.btn-link):not(.btn-flat) {
3171 background-color: #5062c2;
3173 .btn-primary:active:not(.btn-link):not(.btn-flat) {
3174 background-color: #00b5a4;
3176 .btn-success:active:not(.btn-link):not(.btn-flat) {
3177 background-color: #60ba63;
3179 .btn-info:active:not(.btn-link):not(.btn-flat) {
3180 background-color: #19b6fc;
3182 .btn-warning:active:not(.btn-link):not(.btn-flat) {
3183 background-color: #ff6e41;
3185 .btn-danger:active:not(.btn-link):not(.btn-flat) {
3186 background-color: #f65e53;
3188 .btn-material-red:active:not(.btn-link):not(.btn-flat) {
3189 background-color: #f65e53;
3191 .btn-material-pink:active:not(.btn-link):not(.btn-flat) {
3192 background-color: #ec3a76;
3194 .btn-material-purple:active:not(.btn-link):not(.btn-flat) {
3195 background-color: #b22dc9;
3197 .btn-material-deep-purple:active:not(.btn-link):not(.btn-flat) {
3198 background-color: #764ac6;
3200 .btn-material-indigo:active:not(.btn-link):not(.btn-flat) {
3201 background-color: #5062c2;
3203 .btn-material-blue:active:not(.btn-link):not(.btn-flat) {
3204 background-color: #3ea4f5;
3206 .btn-material-light-blue:active:not(.btn-link):not(.btn-flat) {
3207 background-color: #19b6fc;
3209 .btn-material-cyan:active:not(.btn-link):not(.btn-flat) {
3210 background-color: #00a1b5;
3212 .btn-material-teal:active:not(.btn-link):not(.btn-flat) {
3213 background-color: #00b5a4;
3215 .btn-material-green:active:not(.btn-link):not(.btn-flat) {
3216 background-color: #60ba63;
3218 .btn-material-light-green:active:not(.btn-link):not(.btn-flat) {
3219 background-color: #7cb33b;
3221 .btn-material-lime:active:not(.btn-link):not(.btn-flat) {
3222 background-color: #c2d125;
3224 .btn-material-yellow:active:not(.btn-link):not(.btn-flat) {
3225 background-color: #ffe81c;
3227 .btn-material-amber:active:not(.btn-link):not(.btn-flat) {
3228 background-color: #e7ae00;
3230 .btn-material-orange:active:not(.btn-link):not(.btn-flat) {
3231 background-color: #e08600;
3233 .btn-material-deep-orange:active:not(.btn-link):not(.btn-flat) {
3234 background-color: #ff6e41;
3236 .btn-material-brown:active:not(.btn-link):not(.btn-flat) {
3237 background-color: #8c6253;
3239 .btn-material-grey:active:not(.btn-link):not(.btn-flat) {
3240 background-color: #adadad;
3242 .btn-material-blue-grey:active:not(.btn-link):not(.btn-flat) {
3243 background-color: #6e8d9b;
3245 .btn.active:not(.btn-link):not(.btn-flat),
3246 .btn-default.active:not(.btn-link):not(.btn-flat) {
3247 background-color: rgba(15, 15, 15, 0);
3249 .btn-black.active:not(.btn-link):not(.btn-flat) {
3250 background-color: #0f0f0f;
3252 .btn-white.active:not(.btn-link):not(.btn-flat) {
3253 background-color: #f0f0f0;
3255 .btn-inverse.active:not(.btn-link):not(.btn-flat) {
3256 background-color: #5062c2;
3258 .btn-primary.active:not(.btn-link):not(.btn-flat) {
3259 background-color: #00b5a4;
3261 .btn-success.active:not(.btn-link):not(.btn-flat) {
3262 background-color: #60ba63;
3264 .btn-info.active:not(.btn-link):not(.btn-flat) {
3265 background-color: #19b6fc;
3267 .btn-warning.active:not(.btn-link):not(.btn-flat) {
3268 background-color: #ff6e41;
3270 .btn-danger.active:not(.btn-link):not(.btn-flat) {
3271 background-color: #f65e53;
3273 .btn-material-red.active:not(.btn-link):not(.btn-flat) {
3274 background-color: #f65e53;
3276 .btn-material-pink.active:not(.btn-link):not(.btn-flat) {
3277 background-color: #ec3a76;
3279 .btn-material-purple.active:not(.btn-link):not(.btn-flat) {
3280 background-color: #b22dc9;
3282 .btn-material-deep-purple.active:not(.btn-link):not(.btn-flat) {
3283 background-color: #764ac6;
3285 .btn-material-indigo.active:not(.btn-link):not(.btn-flat) {
3286 background-color: #5062c2;
3288 .btn-material-blue.active:not(.btn-link):not(.btn-flat) {
3289 background-color: #3ea4f5;
3291 .btn-material-light-blue.active:not(.btn-link):not(.btn-flat) {
3292 background-color: #19b6fc;
3294 .btn-material-cyan.active:not(.btn-link):not(.btn-flat) {
3295 background-color: #00a1b5;
3297 .btn-material-teal.active:not(.btn-link):not(.btn-flat) {
3298 background-color: #00b5a4;
3300 .btn-material-green.active:not(.btn-link):not(.btn-flat) {
3301 background-color: #60ba63;
3303 .btn-material-light-green.active:not(.btn-link):not(.btn-flat) {
3304 background-color: #7cb33b;
3306 .btn-material-lime.active:not(.btn-link):not(.btn-flat) {
3307 background-color: #c2d125;
3309 .btn-material-yellow.active:not(.btn-link):not(.btn-flat) {
3310 background-color: #ffe81c;
3312 .btn-material-amber.active:not(.btn-link):not(.btn-flat) {
3313 background-color: #e7ae00;
3315 .btn-material-orange.active:not(.btn-link):not(.btn-flat) {
3316 background-color: #e08600;
3318 .btn-material-deep-orange.active:not(.btn-link):not(.btn-flat) {
3319 background-color: #ff6e41;
3321 .btn-material-brown.active:not(.btn-link):not(.btn-flat) {
3322 background-color: #8c6253;
3324 .btn-material-grey.active:not(.btn-link):not(.btn-flat) {
3325 background-color: #adadad;
3327 .btn-material-blue-grey.active:not(.btn-link):not(.btn-flat) {
3328 background-color: #6e8d9b;
3330 .btn.btn-flat:hover:not(.btn-ink),
3331 .btn-default.btn-flat:hover:not(.btn-ink) {
3332 background-color: rgba(0, 0, 0, 0.2);
3334 .btn-black.btn-flat:hover:not(.btn-ink) {
3335 background-color: rgba(0, 0, 0, 0.2);
3337 .btn-white.btn-flat:hover:not(.btn-ink) {
3338 background-color: rgba(255, 255, 255, 0.2);
3340 .btn-inverse.btn-flat:hover:not(.btn-ink) {
3341 background-color: rgba(63, 81, 181, 0.2);
3343 .btn-primary.btn-flat:hover:not(.btn-ink) {
3344 background-color: rgba(0, 150, 136, 0.2);
3346 .btn-success.btn-flat:hover:not(.btn-ink) {
3347 background-color: rgba(76, 175, 80, 0.2);
3349 .btn-info.btn-flat:hover:not(.btn-ink) {
3350 background-color: rgba(3, 169, 244, 0.2);
3352 .btn-warning.btn-flat:hover:not(.btn-ink) {
3353 background-color: rgba(255, 87, 34, 0.2);
3355 .btn-danger.btn-flat:hover:not(.btn-ink) {
3356 background-color: rgba(244, 67, 54, 0.2);
3358 .btn-material-red.btn-flat:hover:not(.btn-ink) {
3359 background-color: rgba(244, 67, 54, 0.2);
3361 .btn-material-pink.btn-flat:hover:not(.btn-ink) {
3362 background-color: rgba(233, 30, 99, 0.2);
3364 .btn-material-purple.btn-flat:hover:not(.btn-ink) {
3365 background-color: rgba(156, 39, 176, 0.2);
3367 .btn-material-deep-purple.btn-flat:hover:not(.btn-ink) {
3368 background-color: rgba(103, 58, 183, 0.2);
3370 .btn-material-indigo.btn-flat:hover:not(.btn-ink) {
3371 background-color: rgba(63, 81, 181, 0.2);
3373 .btn-material-blue.btn-flat:hover:not(.btn-ink) {
3374 background-color: rgba(33, 150, 243, 0.2);
3376 .btn-material-light-blue.btn-flat:hover:not(.btn-ink) {
3377 background-color: rgba(3, 169, 244, 0.2);
3379 .btn-material-cyan.btn-flat:hover:not(.btn-ink) {
3380 background-color: rgba(0, 188, 212, 0.2);
3382 .btn-material-teal.btn-flat:hover:not(.btn-ink) {
3383 background-color: rgba(0, 150, 136, 0.2);
3385 .btn-material-green.btn-flat:hover:not(.btn-ink) {
3386 background-color: rgba(76, 175, 80, 0.2);
3388 .btn-material-light-green.btn-flat:hover:not(.btn-ink) {
3389 background-color: rgba(139, 195, 74, 0.2);
3391 .btn-material-lime.btn-flat:hover:not(.btn-ink) {
3392 background-color: rgba(205, 220, 57, 0.2);
3394 .btn-material-yellow.btn-flat:hover:not(.btn-ink) {
3395 background-color: rgba(255, 235, 59, 0.2);
3397 .btn-material-amber.btn-flat:hover:not(.btn-ink) {
3398 background-color: rgba(255, 193, 7, 0.2);
3400 .btn-material-orange.btn-flat:hover:not(.btn-ink) {
3401 background-color: rgba(255, 152, 0, 0.2);
3403 .btn-material-deep-orange.btn-flat:hover:not(.btn-ink) {
3404 background-color: rgba(255, 87, 34, 0.2);
3406 .btn-material-brown.btn-flat:hover:not(.btn-ink) {
3407 background-color: rgba(121, 85, 72, 0.2);
3409 .btn-material-grey.btn-flat:hover:not(.btn-ink) {
3410 background-color: rgba(158, 158, 158, 0.2);
3412 .btn-material-blue-grey.btn-flat:hover:not(.btn-ink) {
3413 background-color: rgba(96, 125, 139, 0.2);
3420 .btn.btn-flat:disabled {
3421 color: #a8a8a8 !important;
3431 box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
3432 transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
3434 .btn.btn-raised:active:not(.btn-link) {
3435 box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
3446 .btn.btn-fab:active,
3447 .btn.btn-fab-default,
3448 .btn.btn-fab:hover-default,
3449 .btn.btn-fab:active-default {
3450 background-color: transparent;
3453 .btn.btn-fab:hover-black,
3454 .btn.btn-fab:active-black {
3455 background-color: #000000;
3458 .btn.btn-fab:hover-white,
3459 .btn.btn-fab:active-white {
3460 background-color: #ffffff;
3462 .btn.btn-fab-inverse,
3463 .btn.btn-fab:hover-inverse,
3464 .btn.btn-fab:active-inverse {
3465 background-color: #3f51b5;
3467 .btn.btn-fab-primary,
3468 .btn.btn-fab:hover-primary,
3469 .btn.btn-fab:active-primary {
3470 background-color: #009688;
3472 .btn.btn-fab-success,
3473 .btn.btn-fab:hover-success,
3474 .btn.btn-fab:active-success {
3475 background-color: #4caf50;
3478 .btn.btn-fab:hover-info,
3479 .btn.btn-fab:active-info {
3480 background-color: #03a9f4;
3482 .btn.btn-fab-warning,
3483 .btn.btn-fab:hover-warning,
3484 .btn.btn-fab:active-warning {
3485 background-color: #ff5722;
3487 .btn.btn-fab-danger,
3488 .btn.btn-fab:hover-danger,
3489 .btn.btn-fab:active-danger {
3490 background-color: #f44336;
3492 .btn.btn-fab-material-red,
3493 .btn.btn-fab:hover-material-red,
3494 .btn.btn-fab:active-material-red {
3495 background-color: #f44336;
3497 .btn.btn-fab-material-pink,
3498 .btn.btn-fab:hover-material-pink,
3499 .btn.btn-fab:active-material-pink {
3500 background-color: #e91e63;
3502 .btn.btn-fab-material-purple,
3503 .btn.btn-fab:hover-material-purple,
3504 .btn.btn-fab:active-material-purple {
3505 background-color: #9c27b0;
3507 .btn.btn-fab-material-deep-purple,
3508 .btn.btn-fab:hover-material-deep-purple,
3509 .btn.btn-fab:active-material-deep-purple {
3510 background-color: #673ab7;
3512 .btn.btn-fab-material-indigo,
3513 .btn.btn-fab:hover-material-indigo,
3514 .btn.btn-fab:active-material-indigo {
3515 background-color: #3f51b5;
3517 .btn.btn-fab-material-blue,
3518 .btn.btn-fab:hover-material-blue,
3519 .btn.btn-fab:active-material-blue {
3520 background-color: #2196f3;
3522 .btn.btn-fab-material-light-blue,
3523 .btn.btn-fab:hover-material-light-blue,
3524 .btn.btn-fab:active-material-light-blue {
3525 background-color: #03a9f4;
3527 .btn.btn-fab-material-cyan,
3528 .btn.btn-fab:hover-material-cyan,
3529 .btn.btn-fab:active-material-cyan {
3530 background-color: #00bcd4;
3532 .btn.btn-fab-material-teal,
3533 .btn.btn-fab:hover-material-teal,
3534 .btn.btn-fab:active-material-teal {
3535 background-color: #009688;
3537 .btn.btn-fab-material-green,
3538 .btn.btn-fab:hover-material-green,
3539 .btn.btn-fab:active-material-green {
3540 background-color: #4caf50;
3542 .btn.btn-fab-material-light-green,
3543 .btn.btn-fab:hover-material-light-green,
3544 .btn.btn-fab:active-material-light-green {
3545 background-color: #8bc34a;
3547 .btn.btn-fab-material-lime,
3548 .btn.btn-fab:hover-material-lime,
3549 .btn.btn-fab:active-material-lime {
3550 background-color: #cddc39;
3552 .btn.btn-fab-material-yellow,
3553 .btn.btn-fab:hover-material-yellow,
3554 .btn.btn-fab:active-material-yellow {
3555 background-color: #ffeb3b;
3557 .btn.btn-fab-material-amber,
3558 .btn.btn-fab:hover-material-amber,
3559 .btn.btn-fab:active-material-amber {
3560 background-color: #ffc107;
3562 .btn.btn-fab-material-orange,
3563 .btn.btn-fab:hover-material-orange,
3564 .btn.btn-fab:active-material-orange {
3565 background-color: #ff9800;
3567 .btn.btn-fab-material-deep-orange,
3568 .btn.btn-fab:hover-material-deep-orange,
3569 .btn.btn-fab:active-material-deep-orange {
3570 background-color: #ff5722;
3572 .btn.btn-fab-material-brown,
3573 .btn.btn-fab:hover-material-brown,
3574 .btn.btn-fab:active-material-brown {
3575 background-color: #795548;
3577 .btn.btn-fab-material-grey,
3578 .btn.btn-fab:hover-material-grey,
3579 .btn.btn-fab:active-material-grey {
3580 background-color: #9e9e9e;
3582 .btn.btn-fab-material-blue-grey,
3583 .btn.btn-fab:hover-material-blue-grey,
3584 .btn.btn-fab:active-material-blue-grey {
3585 background-color: #607d8b;
3588 .btn.btn-fab:hover {
3589 box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
3591 .btn.btn-fab:active {
3592 box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
3595 .btn.btn-fab .ripple-wrapper {
3596 border-radius: 100%;
3598 .btn.btn-fab.btn-fab-mini {
3610 .btn:not([class*="btn-"]),
3612 color: rgba(0, 0, 0, 0.84);
3615 .btn:not([class*="btn-"]):hover,
3616 .btn-default:hover {
3617 color: rgba(0, 0, 0, 0.84);
3619 .btn:not([class*="btn-"]):hover,
3621 .btn-flat:not(.btn-link):hover,
3622 .btn:not([class*="btn-"]).active,
3623 .btn-default.active,
3624 .btn-flat:not(.btn-link).active {
3625 background-color: rgba(255, 255, 255, 0.5);
3627 .open > .dropdown-toggle.btn,
3628 .open > .dropdown-toggle.btn-default {
3629 background-color: transparent;
3631 .open > .dropdown-toggle.btn-black {
3632 background-color: #000000;
3634 .open > .dropdown-toggle.btn-white {
3635 background-color: #ffffff;
3637 .open > .dropdown-toggle.btn-inverse {
3638 background-color: #3f51b5;
3640 .open > .dropdown-toggle.btn-primary {
3641 background-color: #009688;
3643 .open > .dropdown-toggle.btn-success {
3644 background-color: #4caf50;
3646 .open > .dropdown-toggle.btn-info {
3647 background-color: #03a9f4;
3649 .open > .dropdown-toggle.btn-warning {
3650 background-color: #ff5722;
3652 .open > .dropdown-toggle.btn-danger {
3653 background-color: #f44336;
3655 .open > .dropdown-toggle.btn-material-red {
3656 background-color: #f44336;
3658 .open > .dropdown-toggle.btn-material-pink {
3659 background-color: #e91e63;
3661 .open > .dropdown-toggle.btn-material-purple {
3662 background-color: #9c27b0;
3664 .open > .dropdown-toggle.btn-material-deep-purple {
3665 background-color: #673ab7;
3667 .open > .dropdown-toggle.btn-material-indigo {
3668 background-color: #3f51b5;
3670 .open > .dropdown-toggle.btn-material-blue {
3671 background-color: #2196f3;
3673 .open > .dropdown-toggle.btn-material-light-blue {
3674 background-color: #03a9f4;
3676 .open > .dropdown-toggle.btn-material-cyan {
3677 background-color: #00bcd4;
3679 .open > .dropdown-toggle.btn-material-teal {
3680 background-color: #009688;
3682 .open > .dropdown-toggle.btn-material-green {
3683 background-color: #4caf50;
3685 .open > .dropdown-toggle.btn-material-light-green {
3686 background-color: #8bc34a;
3688 .open > .dropdown-toggle.btn-material-lime {
3689 background-color: #cddc39;
3691 .open > .dropdown-toggle.btn-material-yellow {
3692 background-color: #ffeb3b;
3694 .open > .dropdown-toggle.btn-material-amber {
3695 background-color: #ffc107;
3697 .open > .dropdown-toggle.btn-material-orange {
3698 background-color: #ff9800;
3700 .open > .dropdown-toggle.btn-material-deep-orange {
3701 background-color: #ff5722;
3703 .open > .dropdown-toggle.btn-material-brown {
3704 background-color: #795548;
3706 .open > .dropdown-toggle.btn-material-grey {
3707 background-color: #9e9e9e;
3709 .open > .dropdown-toggle.btn-material-blue-grey {
3710 background-color: #607d8b;
3712 .btn-group .btn + .btn,
3713 .btn-group .btn + .btn-group,
3714 .btn-group .btn-group + .btn,
3715 .btn-group .btn-group + .btn-group {
3719 .btn-group-vertical {
3723 box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
3724 transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
3726 .btn-group:active:not(.btn-link),
3727 .btn-group-vertical:active:not(.btn-link) {
3728 box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
3730 .btn-group.open .dropdown-toggle,
3731 .btn-group-vertical.open .dropdown-toggle {
3734 .btn-group.btn-group-raised,
3735 .btn-group-vertical.btn-group-raised {
3736 box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
3737 transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
3739 .btn-group.btn-group-raised:active:not(.btn-link),
3740 .btn-group-vertical.btn-group-raised:active:not(.btn-link) {
3741 box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
3744 .btn-group-vertical .btn,
3745 .btn-group .btn:active,
3746 .btn-group-vertical .btn:active,
3747 .btn-group .btn-group,
3748 .btn-group-vertical .btn-group {
3749 box-shadow: none !important;
3753 box-shadow: none !important;
3755 .form-horizontal .checkbox {
3759 -webkit-transform: translateZ(0);
3760 transform: translateZ(0);
3766 .checkbox input[type=checkbox] {
3775 pointer-events: none;
3777 .checkbox .checkbox-material {
3778 vertical-align: middle;
3782 .checkbox .checkbox-material:before {
3787 background-color: rgba(0, 0, 0, 0.84);
3790 border-radius: 100%;
3794 -webkit-transform: scale3d(2.3, 2.3, 1);
3795 transform: scale3d(2.3, 2.3, 1);
3797 .checkbox .checkbox-material .check {
3799 display: inline-block;
3807 .checkbox .checkbox-material .check:before {
3810 -webkit-transform: rotate(45deg);
3811 -ms-transform: rotate(45deg);
3812 transform: rotate(45deg);
3818 box-shadow: 0 0 0 0,
3825 -webkit-animation: checkbox-off 0.3s forwards;
3826 animation: checkbox-off 0.3s forwards;
3828 .checkbox input[type=checkbox]:focus + .checkbox-material .check:after {
3831 .checkbox input[type=checkbox]:checked + .checkbox-material .check:before {
3832 box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
3833 -webkit-animation: checkbox-on 0.3s forwards;
3834 animation: checkbox-on 0.3s forwards;
3836 .checkbox input[type=checkbox]:not(:checked) + .checkbox-material:before {
3837 -webkit-animation: rippleOff 500ms;
3838 animation: rippleOff 500ms;
3840 .checkbox input[type=checkbox]:checked + .checkbox-material:before {
3841 -webkit-animation: rippleOn 500ms;
3842 animation: rippleOn 500ms;
3844 .checkbox input[type=checkbox]:not(:checked) + .checkbox-material .check:after {
3845 -webkit-animation: rippleOff 500ms forwards;
3846 animation: rippleOff 500ms forwards;
3848 .checkbox input[type=checkbox]:checked + .checkbox-material .check:after {
3849 -webkit-animation: rippleOn 500ms forwards;
3850 animation: rippleOn 500ms forwards;
3852 .checkbox input[type=checkbox][disabled]:not(:checked) ~ .checkbox-material .check:before,
3853 .checkbox input[type=checkbox][disabled] + .circle {
3856 .checkbox input[type=checkbox][disabled] + .checkbox-material .check:after {
3857 background-color: rgba(0, 0, 0, 0.84);
3858 -webkit-transform: rotate(-45deg);
3859 -ms-transform: rotate(-45deg);
3860 transform: rotate(-45deg);
3862 .checkbox input[type=checkbox]:checked + .checkbox-material .check:after,
3863 .checkbox-default input[type=checkbox]:checked + .checkbox-material .check:after {
3864 background-color: #4caf50;
3866 .checkbox-black input[type=checkbox]:checked + .checkbox-material .check:after {
3867 background-color: #000000;
3869 .checkbox-white input[type=checkbox]:checked + .checkbox-material .check:after {
3870 background-color: #ffffff;
3872 .checkbox-inverse input[type=checkbox]:checked + .checkbox-material .check:after {
3873 background-color: #3f51b5;
3875 .checkbox-primary input[type=checkbox]:checked + .checkbox-material .check:after {
3876 background-color: #009688;
3878 .checkbox-success input[type=checkbox]:checked + .checkbox-material .check:after {
3879 background-color: #4caf50;
3881 .checkbox-info input[type=checkbox]:checked + .checkbox-material .check:after {
3882 background-color: #03a9f4;
3884 .checkbox-warning input[type=checkbox]:checked + .checkbox-material .check:after {
3885 background-color: #ff5722;
3887 .checkbox-danger input[type=checkbox]:checked + .checkbox-material .check:after {
3888 background-color: #f44336;
3890 .checkbox-material-red input[type=checkbox]:checked + .checkbox-material .check:after {
3891 background-color: #f44336;
3893 .checkbox-material-pink input[type=checkbox]:checked + .checkbox-material .check:after {
3894 background-color: #e91e63;
3896 .checkbox-material-purple input[type=checkbox]:checked + .checkbox-material .check:after {
3897 background-color: #9c27b0;
3899 .checkbox-material-deep-purple input[type=checkbox]:checked + .checkbox-material .check:after {
3900 background-color: #673ab7;
3902 .checkbox-material-indigo input[type=checkbox]:checked + .checkbox-material .check:after {
3903 background-color: #3f51b5;
3905 .checkbox-material-blue input[type=checkbox]:checked + .checkbox-material .check:after {
3906 background-color: #2196f3;
3908 .checkbox-material-light-blue input[type=checkbox]:checked + .checkbox-material .check:after {
3909 background-color: #03a9f4;
3911 .checkbox-material-cyan input[type=checkbox]:checked + .checkbox-material .check:after {
3912 background-color: #00bcd4;
3914 .checkbox-material-teal input[type=checkbox]:checked + .checkbox-material .check:after {
3915 background-color: #009688;
3917 .checkbox-material-green input[type=checkbox]:checked + .checkbox-material .check:after {
3918 background-color: #4caf50;
3920 .checkbox-material-light-green input[type=checkbox]:checked + .checkbox-material .check:after {
3921 background-color: #8bc34a;
3923 .checkbox-material-lime input[type=checkbox]:checked + .checkbox-material .check:after {
3924 background-color: #cddc39;
3926 .checkbox-material-yellow input[type=checkbox]:checked + .checkbox-material .check:after {
3927 background-color: #ffeb3b;
3929 .checkbox-material-amber input[type=checkbox]:checked + .checkbox-material .check:after {
3930 background-color: #ffc107;
3932 .checkbox-material-orange input[type=checkbox]:checked + .checkbox-material .check:after {
3933 background-color: #ff9800;
3935 .checkbox-material-deep-orange input[type=checkbox]:checked + .checkbox-material .check:after {
3936 background-color: #ff5722;
3938 .checkbox-material-brown input[type=checkbox]:checked + .checkbox-material .check:after {
3939 background-color: #795548;
3941 .checkbox-material-grey input[type=checkbox]:checked + .checkbox-material .check:after {
3942 background-color: #9e9e9e;
3944 .checkbox-material-blue-grey input[type=checkbox]:checked + .checkbox-material .check:after {
3945 background-color: #607d8b;
3947 .checkbox input[type=checkbox]:checked + .checkbox-material .check:before,
3948 .checkbox-default input[type=checkbox]:checked + .checkbox-material .check:before {
3951 .checkbox-black input[type=checkbox]:checked + .checkbox-material .check:before {
3954 .checkbox-white input[type=checkbox]:checked + .checkbox-material .check:before {
3957 .checkbox-inverse input[type=checkbox]:checked + .checkbox-material .check:before {
3960 .checkbox-primary input[type=checkbox]:checked + .checkbox-material .check:before {
3963 .checkbox-success input[type=checkbox]:checked + .checkbox-material .check:before {
3966 .checkbox-info input[type=checkbox]:checked + .checkbox-material .check:before {
3969 .checkbox-warning input[type=checkbox]:checked + .checkbox-material .check:before {
3972 .checkbox-danger input[type=checkbox]:checked + .checkbox-material .check:before {
3975 .checkbox-material-red input[type=checkbox]:checked + .checkbox-material .check:before {
3978 .checkbox-material-pink input[type=checkbox]:checked + .checkbox-material .check:before {
3981 .checkbox-material-purple input[type=checkbox]:checked + .checkbox-material .check:before {
3984 .checkbox-material-deep-purple input[type=checkbox]:checked + .checkbox-material .check:before {
3987 .checkbox-material-indigo input[type=checkbox]:checked + .checkbox-material .check:before {
3990 .checkbox-material-blue input[type=checkbox]:checked + .checkbox-material .check:before {
3993 .checkbox-material-light-blue input[type=checkbox]:checked + .checkbox-material .check:before {
3996 .checkbox-material-cyan input[type=checkbox]:checked + .checkbox-material .check:before {
3999 .checkbox-material-teal input[type=checkbox]:checked + .checkbox-material .check:before {
4002 .checkbox-material-green input[type=checkbox]:checked + .checkbox-material .check:before {
4005 .checkbox-material-light-green input[type=checkbox]:checked + .checkbox-material .check:before {
4008 .checkbox-material-lime input[type=checkbox]:checked + .checkbox-material .check:before {
4011 .checkbox-material-yellow input[type=checkbox]:checked + .checkbox-material .check:before {
4014 .checkbox-material-amber input[type=checkbox]:checked + .checkbox-material .check:before {
4017 .checkbox-material-orange input[type=checkbox]:checked + .checkbox-material .check:before {
4020 .checkbox-material-deep-orange input[type=checkbox]:checked + .checkbox-material .check:before {
4023 .checkbox-material-brown input[type=checkbox]:checked + .checkbox-material .check:before {
4026 .checkbox-material-grey input[type=checkbox]:checked + .checkbox-material .check:before {
4029 .checkbox-material-blue-grey input[type=checkbox]:checked + .checkbox-material .check:before {
4032 .checkbox input[type=checkbox]:checked + .checkbox-material .check,
4033 .checkbox-default input[type=checkbox]:checked + .checkbox-material .check {
4036 .checkbox-black input[type=checkbox]:checked + .checkbox-material .check {
4039 .checkbox-white input[type=checkbox]:checked + .checkbox-material .check {
4042 .checkbox-inverse input[type=checkbox]:checked + .checkbox-material .check {
4045 .checkbox-primary input[type=checkbox]:checked + .checkbox-material .check {
4048 .checkbox-success input[type=checkbox]:checked + .checkbox-material .check {
4051 .checkbox-info input[type=checkbox]:checked + .checkbox-material .check {
4054 .checkbox-warning input[type=checkbox]:checked + .checkbox-material .check {
4057 .checkbox-danger input[type=checkbox]:checked + .checkbox-material .check {
4060 .checkbox-material-red input[type=checkbox]:checked + .checkbox-material .check {
4063 .checkbox-material-pink input[type=checkbox]:checked + .checkbox-material .check {
4066 .checkbox-material-purple input[type=checkbox]:checked + .checkbox-material .check {
4069 .checkbox-material-deep-purple input[type=checkbox]:checked + .checkbox-material .check {
4072 .checkbox-material-indigo input[type=checkbox]:checked + .checkbox-material .check {
4075 .checkbox-material-blue input[type=checkbox]:checked + .checkbox-material .check {
4078 .checkbox-material-light-blue input[type=checkbox]:checked + .checkbox-material .check {
4081 .checkbox-material-cyan input[type=checkbox]:checked + .checkbox-material .check {
4084 .checkbox-material-teal input[type=checkbox]:checked + .checkbox-material .check {
4087 .checkbox-material-green input[type=checkbox]:checked + .checkbox-material .check {
4090 .checkbox-material-light-green input[type=checkbox]:checked + .checkbox-material .check {
4093 .checkbox-material-lime input[type=checkbox]:checked + .checkbox-material .check {
4096 .checkbox-material-yellow input[type=checkbox]:checked + .checkbox-material .check {
4099 .checkbox-material-amber input[type=checkbox]:checked + .checkbox-material .check {
4102 .checkbox-material-orange input[type=checkbox]:checked + .checkbox-material .check {
4105 .checkbox-material-deep-orange input[type=checkbox]:checked + .checkbox-material .check {
4108 .checkbox-material-brown input[type=checkbox]:checked + .checkbox-material .check {
4111 .checkbox-material-grey input[type=checkbox]:checked + .checkbox-material .check {
4114 .checkbox-material-blue-grey input[type=checkbox]:checked + .checkbox-material .check {
4117 @-webkit-keyframes checkbox-on {
4119 box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px;
4122 box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px 2px 0 11px;
4125 box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
4128 @keyframes checkbox-on {
4130 box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px;
4133 box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px 2px 0 11px;
4136 box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
4139 @-webkit-keyframes checkbox-off {
4141 box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset;
4144 box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset;
4147 -webkit-transform: rotate(45deg);
4148 transform: rotate(45deg);
4153 box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px, 0 0 0 0 inset;
4156 -webkit-transform: rotate(0deg);
4157 transform: rotate(0deg);
4162 box-shadow: 0 0 0 0,
4168 0px 0px 0 10px inset;
4171 -webkit-transform: rotate(0deg);
4172 transform: rotate(0deg);
4177 box-shadow: 0 0 0 0,
4183 0px 0px 0 0px inset;
4186 @keyframes checkbox-off {
4188 box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset;
4191 box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px, 0 0 0 0 inset;
4194 -webkit-transform: rotate(45deg);
4195 transform: rotate(45deg);
4200 box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0px 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px, 0 0 0 0 inset;
4203 -webkit-transform: rotate(0deg);
4204 transform: rotate(0deg);
4209 box-shadow: 0 0 0 0,
4215 0px 0px 0 10px inset;
4218 -webkit-transform: rotate(0deg);
4219 transform: rotate(0deg);
4224 box-shadow: 0 0 0 0,
4230 0px 0px 0 0px inset;
4233 @-webkit-keyframes rippleOn {
4244 @keyframes rippleOn {
4255 @-webkit-keyframes rippleOff {
4266 @keyframes rippleOff {
4278 vertical-align: middle;
4281 .togglebutton label,
4282 .togglebutton input,
4283 .togglebutton .toggle {
4284 -webkit-user-select: none;
4285 -moz-user-select: none;
4286 -ms-user-select: none;
4289 .togglebutton label {
4293 .togglebutton label input[type=checkbox] {
4298 .togglebutton label .toggle,
4299 .togglebutton label input[type=checkbox][disabled] + .toggle {
4301 display: inline-block;
4304 background-color: rgba(80, 80, 80, 0.7);
4305 border-radius: 15px;
4307 transition: background 0.3s ease;
4308 vertical-align: middle;
4310 .togglebutton label .toggle:after {
4312 display: inline-block;
4315 background-color: #F1F1F1;
4316 border-radius: 20px;
4318 box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4);
4321 transition: left 0.3s ease, background 0.3s ease, box-shadow 0.1s ease;
4323 .togglebutton label input[type=checkbox][disabled] + .toggle:after,
4324 .togglebutton label input[type=checkbox][disabled]:checked + .toggle:after {
4325 background-color: #BDBDBD;
4327 .togglebutton label input[type=checkbox] + .toggle:active:after,
4328 .togglebutton label input[type=checkbox][disabled] + .toggle:active:after {
4329 box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.1);
4331 .togglebutton label input[type=checkbox]:checked + .toggle:after {
4334 .togglebutton label input[type=checkbox]:checked + .toggle,
4335 .togglebutton-default label input[type=checkbox]:checked + .toggle {
4336 background-color: rgba(0, 150, 136, 0.5);
4338 .togglebutton-black label input[type=checkbox]:checked + .toggle {
4339 background-color: rgba(0, 0, 0, 0.5);
4341 .togglebutton-white label input[type=checkbox]:checked + .toggle {
4342 background-color: rgba(255, 255, 255, 0.5);
4344 .togglebutton-inverse label input[type=checkbox]:checked + .toggle {
4345 background-color: rgba(63, 81, 181, 0.5);
4347 .togglebutton-primary label input[type=checkbox]:checked + .toggle {
4348 background-color: rgba(0, 150, 136, 0.5);
4350 .togglebutton-success label input[type=checkbox]:checked + .toggle {
4351 background-color: rgba(76, 175, 80, 0.5);
4353 .togglebutton-info label input[type=checkbox]:checked + .toggle {
4354 background-color: rgba(3, 169, 244, 0.5);
4356 .togglebutton-warning label input[type=checkbox]:checked + .toggle {
4357 background-color: rgba(255, 87, 34, 0.5);
4359 .togglebutton-danger label input[type=checkbox]:checked + .toggle {
4360 background-color: rgba(244, 67, 54, 0.5);
4362 .togglebutton-material-red label input[type=checkbox]:checked + .toggle {
4363 background-color: rgba(244, 67, 54, 0.5);
4365 .togglebutton-material-pink label input[type=checkbox]:checked + .toggle {
4366 background-color: rgba(233, 30, 99, 0.5);
4368 .togglebutton-material-purple label input[type=checkbox]:checked + .toggle {
4369 background-color: rgba(156, 39, 176, 0.5);
4371 .togglebutton-material-deep-purple label input[type=checkbox]:checked + .toggle {
4372 background-color: rgba(103, 58, 183, 0.5);
4374 .togglebutton-material-indigo label input[type=checkbox]:checked + .toggle {
4375 background-color: rgba(63, 81, 181, 0.5);
4377 .togglebutton-material-blue label input[type=checkbox]:checked + .toggle {
4378 background-color: rgba(33, 150, 243, 0.5);
4380 .togglebutton-material-light-blue label input[type=checkbox]:checked + .toggle {
4381 background-color: rgba(3, 169, 244, 0.5);
4383 .togglebutton-material-cyan label input[type=checkbox]:checked + .toggle {
4384 background-color: rgba(0, 188, 212, 0.5);
4386 .togglebutton-material-teal label input[type=checkbox]:checked + .toggle {
4387 background-color: rgba(0, 150, 136, 0.5);
4389 .togglebutton-material-green label input[type=checkbox]:checked + .toggle {
4390 background-color: rgba(76, 175, 80, 0.5);
4392 .togglebutton-material-light-green label input[type=checkbox]:checked + .toggle {
4393 background-color: rgba(139, 195, 74, 0.5);
4395 .togglebutton-material-lime label input[type=checkbox]:checked + .toggle {
4396 background-color: rgba(205, 220, 57, 0.5);
4398 .togglebutton-material-yellow label input[type=checkbox]:checked + .toggle {
4399 background-color: rgba(255, 235, 59, 0.5);
4401 .togglebutton-material-amber label input[type=checkbox]:checked + .toggle {
4402 background-color: rgba(255, 193, 7, 0.5);
4404 .togglebutton-material-orange label input[type=checkbox]:checked + .toggle {
4405 background-color: rgba(255, 152, 0, 0.5);
4407 .togglebutton-material-deep-orange label input[type=checkbox]:checked + .toggle {
4408 background-color: rgba(255, 87, 34, 0.5);
4410 .togglebutton-material-brown label input[type=checkbox]:checked + .toggle {
4411 background-color: rgba(121, 85, 72, 0.5);
4413 .togglebutton-material-grey label input[type=checkbox]:checked + .toggle {
4414 background-color: rgba(158, 158, 158, 0.5);
4416 .togglebutton-material-blue-grey label input[type=checkbox]:checked + .toggle {
4417 background-color: rgba(96, 125, 139, 0.5);
4419 .togglebutton label input[type=checkbox]:checked + .toggle:after,
4420 .togglebutton-default label input[type=checkbox]:checked + .toggle:after {
4421 background-color: #009688;
4423 .togglebutton-black label input[type=checkbox]:checked + .toggle:after {
4424 background-color: #000000;
4426 .togglebutton-white label input[type=checkbox]:checked + .toggle:after {
4427 background-color: #ffffff;
4429 .togglebutton-inverse label input[type=checkbox]:checked + .toggle:after {
4430 background-color: #3f51b5;
4432 .togglebutton-primary label input[type=checkbox]:checked + .toggle:after {
4433 background-color: #009688;
4435 .togglebutton-success label input[type=checkbox]:checked + .toggle:after {
4436 background-color: #4caf50;
4438 .togglebutton-info label input[type=checkbox]:checked + .toggle:after {
4439 background-color: #03a9f4;
4441 .togglebutton-warning label input[type=checkbox]:checked + .toggle:after {
4442 background-color: #ff5722;
4444 .togglebutton-danger label input[type=checkbox]:checked + .toggle:after {
4445 background-color: #f44336;
4447 .togglebutton-material-red label input[type=checkbox]:checked + .toggle:after {
4448 background-color: #f44336;
4450 .togglebutton-material-pink label input[type=checkbox]:checked + .toggle:after {
4451 background-color: #e91e63;
4453 .togglebutton-material-purple label input[type=checkbox]:checked + .toggle:after {
4454 background-color: #9c27b0;
4456 .togglebutton-material-deep-purple label input[type=checkbox]:checked + .toggle:after {
4457 background-color: #673ab7;
4459 .togglebutton-material-indigo label input[type=checkbox]:checked + .toggle:after {
4460 background-color: #3f51b5;
4462 .togglebutton-material-blue label input[type=checkbox]:checked + .toggle:after {
4463 background-color: #2196f3;
4465 .togglebutton-material-light-blue label input[type=checkbox]:checked + .toggle:after {
4466 background-color: #03a9f4;
4468 .togglebutton-material-cyan label input[type=checkbox]:checked + .toggle:after {
4469 background-color: #00bcd4;
4471 .togglebutton-material-teal label input[type=checkbox]:checked + .toggle:after {
4472 background-color: #009688;
4474 .togglebutton-material-green label input[type=checkbox]:checked + .toggle:after {
4475 background-color: #4caf50;
4477 .togglebutton-material-light-green label input[type=checkbox]:checked + .toggle:after {
4478 background-color: #8bc34a;
4480 .togglebutton-material-lime label input[type=checkbox]:checked + .toggle:after {
4481 background-color: #cddc39;
4483 .togglebutton-material-yellow label input[type=checkbox]:checked + .toggle:after {
4484 background-color: #ffeb3b;
4486 .togglebutton-material-amber label input[type=checkbox]:checked + .toggle:after {
4487 background-color: #ffc107;
4489 .togglebutton-material-orange label input[type=checkbox]:checked + .toggle:after {
4490 background-color: #ff9800;
4492 .togglebutton-material-deep-orange label input[type=checkbox]:checked + .toggle:after {
4493 background-color: #ff5722;
4495 .togglebutton-material-brown label input[type=checkbox]:checked + .toggle:after {
4496 background-color: #795548;
4498 .togglebutton-material-grey label input[type=checkbox]:checked + .toggle:after {
4499 background-color: #9e9e9e;
4501 .togglebutton-material-blue-grey label input[type=checkbox]:checked + .toggle:after {
4502 background-color: #607d8b;
4504 .togglebutton label input[type=checkbox]:checked + .toggle:active:after,
4505 .togglebutton-default label input[type=checkbox]:checked + .toggle:active:after {
4506 box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 150, 136, 0.1);
4508 .togglebutton-black label input[type=checkbox]:checked + .toggle:active:after {
4509 box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.1);
4511 .togglebutton-white label input[type=checkbox]:checked + .toggle:active:after {
4512 box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(255, 255, 255, 0.1);
4514 .togglebutton-inverse label input[type=checkbox]:checked + .toggle:active:after {
4515 box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(63, 81, 181, 0.1);
4517 .togglebutton-primary label input[type=checkbox]:checked + .toggle:active:after {
4518 box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 150, 136, 0.1);
4520 .togglebutton-success label input[type=checkbox]:checked + .toggle:active:after {
4521 box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(76, 175, 80, 0.1);
4523 .togglebutton-info label input[type=checkbox]:checked + .toggle:active:after {
4524 box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(3, 169, 244, 0.1);
4526 .togglebutton-warning label input[type=checkbox]:checked + .toggle:active:after {
4527 box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(255, 87, 34, 0.1);
4529 .togglebutton-danger label input[type=checkbox]:checked + .toggle:active:after {
4530 box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(244, 67, 54, 0.1);
4532 .togglebutton-material-red label input[type=checkbox]:checked + .toggle:active:after {
4533 box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(244, 67, 54, 0.1);
4535 .togglebutton-material-pink label input[type=checkbox]:checked + .toggle:active:after {
4536 box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(233, 30, 99, 0.1);
4538 .togglebutton-material-purple label input[type=checkbox]:checked + .toggle:active:after {
4539 box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(156, 39, 176, 0.1);
4541 .togglebutton-material-deep-purple label input[type=checkbox]:checked + .toggle:active:after {
4542 box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(103, 58, 183, 0.1);
4544 .togglebutton-material-indigo label input[type=checkbox]:checked + .toggle:active:after {
4545 box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(63, 81, 181, 0.1);
4547 .togglebutton-material-blue label input[type=checkbox]:checked + .toggle:active:after {
4548 box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(33, 150, 243, 0.1);
4550 .togglebutton-material-light-blue label input[type=checkbox]:checked + .toggle:active:after {
4551 box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(3, 169, 244, 0.1);
4553 .togglebutton-material-cyan label input[type=checkbox]:checked + .toggle:active:after {
4554 box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 188, 212, 0.1);
4556 .togglebutton-material-teal label input[type=checkbox]:checked + .toggle:active:after {
4557 box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 150, 136, 0.1);
4559 .togglebutton-material-green label input[type=checkbox]:checked + .toggle:active:after {
4560 box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(76, 175, 80, 0.1);
4562 .togglebutton-material-light-green label input[type=checkbox]:checked + .toggle:active:after {
4563 box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(139, 195, 74, 0.1);
4565 .togglebutton-material-lime label input[type=checkbox]:checked + .toggle:active:after {
4566 box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(205, 220, 57, 0.1);
4568 .togglebutton-material-yellow label input[type=checkbox]:checked + .toggle:active:after {
4569 box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(255, 235, 59, 0.1);
4571 .togglebutton-material-amber label input[type=checkbox]:checked + .toggle:active:after {
4572 box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(255, 193, 7, 0.1);
4574 .togglebutton-material-orange label input[type=checkbox]:checked + .toggle:active:after {
4575 box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(255, 152, 0, 0.1);
4577 .togglebutton-material-deep-orange label input[type=checkbox]:checked + .toggle:active:after {
4578 box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(255, 87, 34, 0.1);
4580 .togglebutton-material-brown label input[type=checkbox]:checked + .toggle:active:after {
4581 box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(121, 85, 72, 0.1);
4583 .togglebutton-material-grey label input[type=checkbox]:checked + .toggle:active:after {
4584 box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(158, 158, 158, 0.1);
4586 .togglebutton-material-blue-grey label input[type=checkbox]:checked + .toggle:active:after {
4587 box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(96, 125, 139, 0.1);
4589 .form-horizontal .radio {
4590 margin-bottom: 10px;
4602 transition-duration: 0.2s;
4604 .radio label .circle {
4605 border: 2px solid rgba(0, 0, 0, 0.84);
4608 border-radius: 100%;
4610 .radio label .check {
4613 border-radius: 100%;
4614 background-color: rgba(0, 0, 0, 0.84);
4615 -webkit-transform: scale3d(0, 0, 0);
4616 transform: scale3d(0, 0, 0);
4618 .radio label .check:after {
4622 background-color: rgba(0, 0, 0, 0.84);
4627 border-radius: 100%;
4631 -webkit-transform: scale3d(1.5, 1.5, 1);
4632 transform: scale3d(1.5, 1.5, 1);
4634 .radio label input[type=radio]:not(:checked) ~ .check:after {
4635 -webkit-animation: rippleOff 500ms;
4636 animation: rippleOff 500ms;
4638 .radio label input[type=radio]:checked ~ .check:after {
4639 -webkit-animation: rippleOn 500ms;
4640 animation: rippleOn 500ms;
4642 .radio input[type=radio]:checked ~ .check,
4643 .radio-default input[type=radio]:checked ~ .check {
4644 background-color: rgba(0, 0, 0, 0.84);
4646 .radio-black input[type=radio]:checked ~ .check {
4647 background-color: #000000;
4649 .radio-white input[type=radio]:checked ~ .check {
4650 background-color: #ffffff;
4652 .radio-inverse input[type=radio]:checked ~ .check {
4653 background-color: #3f51b5;
4655 .radio-primary input[type=radio]:checked ~ .check {
4656 background-color: #009688;
4658 .radio-success input[type=radio]:checked ~ .check {
4659 background-color: #4caf50;
4661 .radio-info input[type=radio]:checked ~ .check {
4662 background-color: #03a9f4;
4664 .radio-warning input[type=radio]:checked ~ .check {
4665 background-color: #ff5722;
4667 .radio-danger input[type=radio]:checked ~ .check {
4668 background-color: #f44336;
4670 .radio-material-red input[type=radio]:checked ~ .check {
4671 background-color: #f44336;
4673 .radio-material-pink input[type=radio]:checked ~ .check {
4674 background-color: #e91e63;
4676 .radio-material-purple input[type=radio]:checked ~ .check {
4677 background-color: #9c27b0;
4679 .radio-material-deep-purple input[type=radio]:checked ~ .check {
4680 background-color: #673ab7;
4682 .radio-material-indigo input[type=radio]:checked ~ .check {
4683 background-color: #3f51b5;
4685 .radio-material-blue input[type=radio]:checked ~ .check {
4686 background-color: #2196f3;
4688 .radio-material-light-blue input[type=radio]:checked ~ .check {
4689 background-color: #03a9f4;
4691 .radio-material-cyan input[type=radio]:checked ~ .check {
4692 background-color: #00bcd4;
4694 .radio-material-teal input[type=radio]:checked ~ .check {
4695 background-color: #009688;
4697 .radio-material-green input[type=radio]:checked ~ .check {
4698 background-color: #4caf50;
4700 .radio-material-light-green input[type=radio]:checked ~ .check {
4701 background-color: #8bc34a;
4703 .radio-material-lime input[type=radio]:checked ~ .check {
4704 background-color: #cddc39;
4706 .radio-material-yellow input[type=radio]:checked ~ .check {
4707 background-color: #ffeb3b;
4709 .radio-material-amber input[type=radio]:checked ~ .check {
4710 background-color: #ffc107;
4712 .radio-material-orange input[type=radio]:checked ~ .check {
4713 background-color: #ff9800;
4715 .radio-material-deep-orange input[type=radio]:checked ~ .check {
4716 background-color: #ff5722;
4718 .radio-material-brown input[type=radio]:checked ~ .check {
4719 background-color: #795548;
4721 .radio-material-grey input[type=radio]:checked ~ .check {
4722 background-color: #9e9e9e;
4724 .radio-material-blue-grey input[type=radio]:checked ~ .check {
4725 background-color: #607d8b;
4727 .radio input[type=radio]:checked ~ .circle,
4728 .radio-default input[type=radio]:checked ~ .circle {
4729 border-color: rgba(0, 0, 0, 0.84);
4731 .radio-black input[type=radio]:checked ~ .circle {
4732 border-color: #000000;
4734 .radio-white input[type=radio]:checked ~ .circle {
4735 border-color: #ffffff;
4737 .radio-inverse input[type=radio]:checked ~ .circle {
4738 border-color: #3f51b5;
4740 .radio-primary input[type=radio]:checked ~ .circle {
4741 border-color: #009688;
4743 .radio-success input[type=radio]:checked ~ .circle {
4744 border-color: #4caf50;
4746 .radio-info input[type=radio]:checked ~ .circle {
4747 border-color: #03a9f4;
4749 .radio-warning input[type=radio]:checked ~ .circle {
4750 border-color: #ff5722;
4752 .radio-danger input[type=radio]:checked ~ .circle {
4753 border-color: #f44336;
4755 .radio-material-red input[type=radio]:checked ~ .circle {
4756 border-color: #f44336;
4758 .radio-material-pink input[type=radio]:checked ~ .circle {
4759 border-color: #e91e63;
4761 .radio-material-purple input[type=radio]:checked ~ .circle {
4762 border-color: #9c27b0;
4764 .radio-material-deep-purple input[type=radio]:checked ~ .circle {
4765 border-color: #673ab7;
4767 .radio-material-indigo input[type=radio]:checked ~ .circle {
4768 border-color: #3f51b5;
4770 .radio-material-blue input[type=radio]:checked ~ .circle {
4771 border-color: #2196f3;
4773 .radio-material-light-blue input[type=radio]:checked ~ .circle {
4774 border-color: #03a9f4;
4776 .radio-material-cyan input[type=radio]:checked ~ .circle {
4777 border-color: #00bcd4;
4779 .radio-material-teal input[type=radio]:checked ~ .circle {
4780 border-color: #009688;
4782 .radio-material-green input[type=radio]:checked ~ .circle {
4783 border-color: #4caf50;
4785 .radio-material-light-green input[type=radio]:checked ~ .circle {
4786 border-color: #8bc34a;
4788 .radio-material-lime input[type=radio]:checked ~ .circle {
4789 border-color: #cddc39;
4791 .radio-material-yellow input[type=radio]:checked ~ .circle {
4792 border-color: #ffeb3b;
4794 .radio-material-amber input[type=radio]:checked ~ .circle {
4795 border-color: #ffc107;
4797 .radio-material-orange input[type=radio]:checked ~ .circle {
4798 border-color: #ff9800;
4800 .radio-material-deep-orange input[type=radio]:checked ~ .circle {
4801 border-color: #ff5722;
4803 .radio-material-brown input[type=radio]:checked ~ .circle {
4804 border-color: #795548;
4806 .radio-material-grey input[type=radio]:checked ~ .circle {
4807 border-color: #9e9e9e;
4809 .radio-material-blue-grey input[type=radio]:checked ~ .circle {
4810 border-color: #607d8b;
4812 .radio input[type=radio][disabled] ~ .check,
4813 .radio input[type=radio][disabled] ~ .circle {
4816 .radio input[type=radio] {
4822 .radio input[type=radio]:checked ~ .check {
4823 -webkit-transform: scale3d(0.55, 0.55, 1);
4824 transform: scale3d(0.55, 0.55, 1);
4826 .radio input[type=radio][disabled] ~ .circle {
4827 border-color: rgba(0, 0, 0, 0.84);
4829 .radio input[type=radio][disabled] ~ .check {
4830 background-color: rgba(0, 0, 0, 0.84);
4832 @keyframes rippleOn {
4843 @keyframes rippleOff {
4854 fieldset[disabled] .form-control,
4856 fieldset[disabled] .form-control:focus,
4857 .form-control:focus,
4858 fieldset[disabled] .form-control.focus,
4859 .form-control.focus {
4866 fieldset[disabled] .form-control:disabled,
4867 .form-control:disabled,
4868 fieldset[disabled] .form-control:focus:disabled,
4869 .form-control:focus:disabled,
4870 fieldset[disabled] .form-control.focus:disabled,
4871 .form-control.focus:disabled {
4872 border-style: dashed;
4873 border-bottom: 1px solid #757575;
4875 fieldset[disabled] .form-control:textarea,
4876 .form-control:textarea {
4879 select[multiple].form-control,
4880 select[multiple].form-control:focus,
4881 select[multiple].form-control.focus {
4886 background-image: linear-gradient(#009688, #009688);
4887 background-size: 0 2px, 100% 1px;
4888 background-repeat: no-repeat;
4889 background-position: center bottom, center calc(100% - 1px);
4890 background-color: transparent;
4891 background-color: rgba(0, 0, 0, 0);
4892 transition: background 0s ease-out;
4894 .form-control::-webkit-input-placeholder {
4897 .form-control::-moz-placeholder {
4900 .form-control:-ms-input-placeholder {
4903 .form-control[disabled],
4904 .form-control[readonly],
4905 fieldset[disabled] .form-control {
4906 background-color: transparent;
4907 background-color: rgba(0, 0, 0, 0);
4909 fieldset[disabled] .form-control:disabled,
4910 .form-control-wrapper .form-control:disabled,
4911 .form-control:disabled,
4912 fieldset[disabled] .form-control:focus:disabled,
4913 .form-control-wrapper .form-control:focus:disabled,
4914 .form-control:focus:disabled,
4915 fieldset[disabled] .form-control.focus:disabled,
4916 .form-control-wrapper .form-control.focus:disabled,
4917 .form-control.focus:disabled {
4920 .form-control:focus,
4921 .form-control.focus {
4923 background-image: linear-gradient(#009688, #009688), linear-gradient(#d2d2d2, #d2d2d2);
4924 background-size: 100% 2px, 100% 1px;
4926 transition-duration: 0.3s;
4928 .form-control-wrapper {
4931 .form-control-wrapper .floating-label {
4934 pointer-events: none;
4937 transition: 0.3s ease all;
4939 .form-control-wrapper .floating-label {
4942 .form-control-wrapper .form-control:focus ~ .floating-label,
4943 .form-control-wrapper .form-control:not(.empty) ~ .floating-label {
4947 .form-control-wrapper .input-sm + .floating-label {
4951 .form-control-wrapper .form-control.input-sm:focus ~ .floating-label,
4952 .form-control-wrapper .form-control.input-sm:not(.empty) ~ .floating-label {
4956 .form-control-wrapper .input-lg + .floating-label {
4960 .form-control-wrapper .form-control.input-lg:focus ~ .floating-label,
4961 .form-control-wrapper .form-control.input-lg:not(.empty) ~ .floating-label {
4965 .form-control-wrapper .form-control:focus ~ .floating-label {
4968 .form-control-wrapper .form-control:not(.empty):invalid ~ .floating-label,
4969 .form-control-wrapper .form-control.focus:invalid ~ .floating-label {
4972 .form-control-wrapper .form-control:focus ~ .material-input:after,
4973 .form-control-wrapper .form-control.focus ~ .material-input:after {
4974 background-color: #009688;
4976 .form-control-wrapper .form-control:invalid {
4977 background-image: linear-gradient(#f44336, #f44336), linear-gradient(#d2d2d2, #d2d2d2);
4979 .form-control-wrapper textarea {
4982 .form-control-wrapper textarea ~ .form-control-highlight {
4985 .form-control-wrapper .hint {
4990 .form-control-wrapper .form-control:focus ~ .hint,
4991 .form-control-wrapper .form-control.focus ~ .hint {
4994 .form-control-wrapper select ~ .material-input:after {
4997 .form-control-wrapper select {
5000 .form-group.has-warning .form-control {
5003 .form-group.has-warning .material-input:focus,
5004 .form-group.has-warning .form-control:focus,
5005 .form-group.has-warning .form-control.focus {
5006 background-image: linear-gradient(#ff5722, #ff5722), linear-gradient(#d2d2d2, #d2d2d2);
5009 .form-group.has-warning .control-label,
5010 .form-group.has-warning input.form-control:focus ~ .floating-label {
5013 .form-group.has-error .form-control {
5016 .form-group.has-error .material-input:focus,
5017 .form-group.has-error .form-control:focus,
5018 .form-group.has-error .form-control.focus {
5019 background-image: linear-gradient(#f44336, #f44336), linear-gradient(#d2d2d2, #d2d2d2);
5022 .form-group.has-error .control-label,
5023 .form-group.has-error input.form-control:focus ~ .floating-label {
5026 .form-group.has-success .form-control {
5029 .form-group.has-success .material-input:focus,
5030 .form-group.has-success .form-control:focus,
5031 .form-group.has-success .form-control.focus {
5032 background-image: linear-gradient(#4caf50, #4caf50), linear-gradient(#d2d2d2, #d2d2d2);
5035 .form-group.has-success .control-label,
5036 .form-group.has-success input.form-control:focus ~ .floating-label {
5039 .form-group.has-info .form-control {
5042 .form-group.has-info .material-input:focus,
5043 .form-group.has-info .form-control:focus,
5044 .form-group.has-info .form-control.focus {
5045 background-image: linear-gradient(#03a9f4, #03a9f4), linear-gradient(#d2d2d2, #d2d2d2);
5048 .form-group.has-info .control-label,
5049 .form-group.has-info input.form-control:focus ~ .floating-label {
5052 .form-group .form-control:focus,
5053 .form-group-default .form-control:focus {
5054 background-image: linear-gradient(#009688, #009688), linear-gradient(#d2d2d2, #d2d2d2);
5056 .form-group-black .form-control:focus {
5057 background-image: linear-gradient(#000000, #000000), linear-gradient(#d2d2d2, #d2d2d2);
5059 .form-group-white .form-control:focus {
5060 background-image: linear-gradient(#ffffff, #ffffff), linear-gradient(#d2d2d2, #d2d2d2);
5062 .form-group-inverse .form-control:focus {
5063 background-image: linear-gradient(#3f51b5, #3f51b5), linear-gradient(#d2d2d2, #d2d2d2);
5065 .form-group-primary .form-control:focus {
5066 background-image: linear-gradient(#009688, #009688), linear-gradient(#d2d2d2, #d2d2d2);
5068 .form-group-success .form-control:focus {
5069 background-image: linear-gradient(#4caf50, #4caf50), linear-gradient(#d2d2d2, #d2d2d2);
5071 .form-group-info .form-control:focus {
5072 background-image: linear-gradient(#03a9f4, #03a9f4), linear-gradient(#d2d2d2, #d2d2d2);
5074 .form-group-warning .form-control:focus {
5075 background-image: linear-gradient(#ff5722, #ff5722), linear-gradient(#d2d2d2, #d2d2d2);
5077 .form-group-danger .form-control:focus {
5078 background-image: linear-gradient(#f44336, #f44336), linear-gradient(#d2d2d2, #d2d2d2);
5080 .form-group-material-red .form-control:focus {
5081 background-image: linear-gradient(#f44336, #f44336), linear-gradient(#d2d2d2, #d2d2d2);
5083 .form-group-material-pink .form-control:focus {
5084 background-image: linear-gradient(#e91e63, #e91e63), linear-gradient(#d2d2d2, #d2d2d2);
5086 .form-group-material-purple .form-control:focus {
5087 background-image: linear-gradient(#9c27b0, #9c27b0), linear-gradient(#d2d2d2, #d2d2d2);
5089 .form-group-material-deep-purple .form-control:focus {
5090 background-image: linear-gradient(#673ab7, #673ab7), linear-gradient(#d2d2d2, #d2d2d2);
5092 .form-group-material-indigo .form-control:focus {
5093 background-image: linear-gradient(#3f51b5, #3f51b5), linear-gradient(#d2d2d2, #d2d2d2);
5095 .form-group-material-blue .form-control:focus {
5096 background-image: linear-gradient(#2196f3, #2196f3), linear-gradient(#d2d2d2, #d2d2d2);
5098 .form-group-material-light-blue .form-control:focus {
5099 background-image: linear-gradient(#03a9f4, #03a9f4), linear-gradient(#d2d2d2, #d2d2d2);
5101 .form-group-material-cyan .form-control:focus {
5102 background-image: linear-gradient(#00bcd4, #00bcd4), linear-gradient(#d2d2d2, #d2d2d2);
5104 .form-group-material-teal .form-control:focus {
5105 background-image: linear-gradient(#009688, #009688), linear-gradient(#d2d2d2, #d2d2d2);
5107 .form-group-material-green .form-control:focus {
5108 background-image: linear-gradient(#4caf50, #4caf50), linear-gradient(#d2d2d2, #d2d2d2);
5110 .form-group-material-light-green .form-control:focus {
5111 background-image: linear-gradient(#8bc34a, #8bc34a), linear-gradient(#d2d2d2, #d2d2d2);
5113 .form-group-material-lime .form-control:focus {
5114 background-image: linear-gradient(#cddc39, #cddc39), linear-gradient(#d2d2d2, #d2d2d2);
5116 .form-group-material-yellow .form-control:focus {
5117 background-image: linear-gradient(#ffeb3b, #ffeb3b), linear-gradient(#d2d2d2, #d2d2d2);
5119 .form-group-material-amber .form-control:focus {
5120 background-image: linear-gradient(#ffc107, #ffc107), linear-gradient(#d2d2d2, #d2d2d2);
5122 .form-group-material-orange .form-control:focus {
5123 background-image: linear-gradient(#ff9800, #ff9800), linear-gradient(#d2d2d2, #d2d2d2);
5125 .form-group-material-deep-orange .form-control:focus {
5126 background-image: linear-gradient(#ff5722, #ff5722), linear-gradient(#d2d2d2, #d2d2d2);
5128 .form-group-material-brown .form-control:focus {
5129 background-image: linear-gradient(#795548, #795548), linear-gradient(#d2d2d2, #d2d2d2);
5131 .form-group-material-grey .form-control:focus {
5132 background-image: linear-gradient(#9e9e9e, #9e9e9e), linear-gradient(#d2d2d2, #d2d2d2);
5134 .form-group-material-blue-grey .form-control:focus {
5135 background-image: linear-gradient(#607d8b, #607d8b), linear-gradient(#d2d2d2, #d2d2d2);
5137 .form-group .form-control.focus,
5138 .form-group-default .form-control.focus {
5139 background-image: linear-gradient(#009688, #009688), linear-gradient(#d2d2d2, #d2d2d2);
5141 .form-group-black .form-control.focus {
5142 background-image: linear-gradient(#000000, #000000), linear-gradient(#d2d2d2, #d2d2d2);
5144 .form-group-white .form-control.focus {
5145 background-image: linear-gradient(#ffffff, #ffffff), linear-gradient(#d2d2d2, #d2d2d2);
5147 .form-group-inverse .form-control.focus {
5148 background-image: linear-gradient(#3f51b5, #3f51b5), linear-gradient(#d2d2d2, #d2d2d2);
5150 .form-group-primary .form-control.focus {
5151 background-image: linear-gradient(#009688, #009688), linear-gradient(#d2d2d2, #d2d2d2);
5153 .form-group-success .form-control.focus {
5154 background-image: linear-gradient(#4caf50, #4caf50), linear-gradient(#d2d2d2, #d2d2d2);
5156 .form-group-info .form-control.focus {
5157 background-image: linear-gradient(#03a9f4, #03a9f4), linear-gradient(#d2d2d2, #d2d2d2);
5159 .form-group-warning .form-control.focus {
5160 background-image: linear-gradient(#ff5722, #ff5722), linear-gradient(#d2d2d2, #d2d2d2);
5162 .form-group-danger .form-control.focus {
5163 background-image: linear-gradient(#f44336, #f44336), linear-gradient(#d2d2d2, #d2d2d2);
5165 .form-group-material-red .form-control.focus {
5166 background-image: linear-gradient(#f44336, #f44336), linear-gradient(#d2d2d2, #d2d2d2);
5168 .form-group-material-pink .form-control.focus {
5169 background-image: linear-gradient(#e91e63, #e91e63), linear-gradient(#d2d2d2, #d2d2d2);
5171 .form-group-material-purple .form-control.focus {
5172 background-image: linear-gradient(#9c27b0, #9c27b0), linear-gradient(#d2d2d2, #d2d2d2);
5174 .form-group-material-deep-purple .form-control.focus {
5175 background-image: linear-gradient(#673ab7, #673ab7), linear-gradient(#d2d2d2, #d2d2d2);
5177 .form-group-material-indigo .form-control.focus {
5178 background-image: linear-gradient(#3f51b5, #3f51b5), linear-gradient(#d2d2d2, #d2d2d2);
5180 .form-group-material-blue .form-control.focus {
5181 background-image: linear-gradient(#2196f3, #2196f3), linear-gradient(#d2d2d2, #d2d2d2);
5183 .form-group-material-light-blue .form-control.focus {
5184 background-image: linear-gradient(#03a9f4, #03a9f4), linear-gradient(#d2d2d2, #d2d2d2);
5186 .form-group-material-cyan .form-control.focus {
5187 background-image: linear-gradient(#00bcd4, #00bcd4), linear-gradient(#d2d2d2, #d2d2d2);
5189 .form-group-material-teal .form-control.focus {
5190 background-image: linear-gradient(#009688, #009688), linear-gradient(#d2d2d2, #d2d2d2);
5192 .form-group-material-green .form-control.focus {
5193 background-image: linear-gradient(#4caf50, #4caf50), linear-gradient(#d2d2d2, #d2d2d2);
5195 .form-group-material-light-green .form-control.focus {
5196 background-image: linear-gradient(#8bc34a, #8bc34a), linear-gradient(#d2d2d2, #d2d2d2);
5198 .form-group-material-lime .form-control.focus {
5199 background-image: linear-gradient(#cddc39, #cddc39), linear-gradient(#d2d2d2, #d2d2d2);
5201 .form-group-material-yellow .form-control.focus {
5202 background-image: linear-gradient(#ffeb3b, #ffeb3b), linear-gradient(#d2d2d2, #d2d2d2);
5204 .form-group-material-amber .form-control.focus {
5205 background-image: linear-gradient(#ffc107, #ffc107), linear-gradient(#d2d2d2, #d2d2d2);
5207 .form-group-material-orange .form-control.focus {
5208 background-image: linear-gradient(#ff9800, #ff9800), linear-gradient(#d2d2d2, #d2d2d2);
5210 .form-group-material-deep-orange .form-control.focus {
5211 background-image: linear-gradient(#ff5722, #ff5722), linear-gradient(#d2d2d2, #d2d2d2);
5213 .form-group-material-brown .form-control.focus {
5214 background-image: linear-gradient(#795548, #795548), linear-gradient(#d2d2d2, #d2d2d2);
5216 .form-group-material-grey .form-control.focus {
5217 background-image: linear-gradient(#9e9e9e, #9e9e9e), linear-gradient(#d2d2d2, #d2d2d2);
5219 .form-group-material-blue-grey .form-control.focus {
5220 background-image: linear-gradient(#607d8b, #607d8b), linear-gradient(#d2d2d2, #d2d2d2);
5222 .form-group .control-label,
5223 .form-group-default .control-label {
5224 color: rgba(0, 0, 0, 0.84);
5226 .form-group-black .control-label {
5229 .form-group-white .control-label {
5232 .form-group-inverse .control-label {
5235 .form-group-primary .control-label {
5238 .form-group-success .control-label {
5241 .form-group-info .control-label {
5244 .form-group-warning .control-label {
5247 .form-group-danger .control-label {
5250 .form-group-material-red .control-label {
5253 .form-group-material-pink .control-label {
5256 .form-group-material-purple .control-label {
5259 .form-group-material-deep-purple .control-label {
5262 .form-group-material-indigo .control-label {
5265 .form-group-material-blue .control-label {
5268 .form-group-material-light-blue .control-label {
5271 .form-group-material-cyan .control-label {
5274 .form-group-material-teal .control-label {
5277 .form-group-material-green .control-label {
5280 .form-group-material-light-green .control-label {
5283 .form-group-material-lime .control-label {
5286 .form-group-material-yellow .control-label {
5289 .form-group-material-amber .control-label {
5292 .form-group-material-orange .control-label {
5295 .form-group-material-deep-orange .control-label {
5298 .form-group-material-brown .control-label {
5301 .form-group-material-grey .control-label {
5304 .form-group-material-blue-grey .control-label {
5307 .form-group input.form-control:focus ~ .floating-label,
5308 .form-group-default input.form-control:focus ~ .floating-label {
5311 .form-group-black input.form-control:focus ~ .floating-label {
5314 .form-group-white input.form-control:focus ~ .floating-label {
5317 .form-group-inverse input.form-control:focus ~ .floating-label {
5320 .form-group-primary input.form-control:focus ~ .floating-label {
5323 .form-group-success input.form-control:focus ~ .floating-label {
5326 .form-group-info input.form-control:focus ~ .floating-label {
5329 .form-group-warning input.form-control:focus ~ .floating-label {
5332 .form-group-danger input.form-control:focus ~ .floating-label {
5335 .form-group-material-red input.form-control:focus ~ .floating-label {
5338 .form-group-material-pink input.form-control:focus ~ .floating-label {
5341 .form-group-material-purple input.form-control:focus ~ .floating-label {
5344 .form-group-material-deep-purple input.form-control:focus ~ .floating-label {
5347 .form-group-material-indigo input.form-control:focus ~ .floating-label {
5350 .form-group-material-blue input.form-control:focus ~ .floating-label {
5353 .form-group-material-light-blue input.form-control:focus ~ .floating-label {
5356 .form-group-material-cyan input.form-control:focus ~ .floating-label {
5359 .form-group-material-teal input.form-control:focus ~ .floating-label {
5362 .form-group-material-green input.form-control:focus ~ .floating-label {
5365 .form-group-material-light-green input.form-control:focus ~ .floating-label {
5368 .form-group-material-lime input.form-control:focus ~ .floating-label {
5371 .form-group-material-yellow input.form-control:focus ~ .floating-label {
5374 .form-group-material-amber input.form-control:focus ~ .floating-label {
5377 .form-group-material-orange input.form-control:focus ~ .floating-label {
5380 .form-group-material-deep-orange input.form-control:focus ~ .floating-label {
5383 .form-group-material-brown input.form-control:focus ~ .floating-label {
5386 .form-group-material-grey input.form-control:focus ~ .floating-label {
5389 .form-group-material-blue-grey input.form-control:focus ~ .floating-label {
5392 .input-group .form-control-wrapper {
5396 .input-group .form-control-wrapper .form-control {
5399 .input-group .input-group-addon {
5401 background: transparent;
5403 .input-group .input-group-btn .btn {
5407 select.form-control {
5412 select.form-control:focus,
5413 select.form-control.focus {
5415 border-color: #757575;
5417 .form-control-wrapper input[type=file] {
5434 .list-group .list-group-item {
5435 background-color: transparent;
5441 .list-group .list-group-item.baseline {
5442 border-bottom: 1px solid #cecece;
5444 .list-group .list-group-item.baseline:last-child {
5445 border-bottom: none;
5447 .list-group .list-group-item .row-picture,
5448 .list-group .list-group-item .row-action-primary {
5450 display: inline-block;
5451 padding-right: 16px;
5453 .list-group .list-group-item .row-picture img,
5454 .list-group .list-group-item .row-action-primary img,
5455 .list-group .list-group-item .row-picture i,
5456 .list-group .list-group-item .row-action-primary i,
5457 .list-group .list-group-item .row-picture label,
5458 .list-group .list-group-item .row-action-primary label {
5463 .list-group .list-group-item .row-picture img,
5464 .list-group .list-group-item .row-action-primary img {
5465 background: rgba(0, 0, 0, 0.1);
5468 .list-group .list-group-item .row-picture img.circle,
5469 .list-group .list-group-item .row-action-primary img.circle {
5470 border-radius: 100%;
5472 .list-group .list-group-item .row-picture i,
5473 .list-group .list-group-item .row-action-primary i {
5474 background: rgba(0, 0, 0, 0.25);
5475 border-radius: 100%;
5481 .list-group .list-group-item .row-picture label,
5482 .list-group .list-group-item .row-action-primary label {
5486 margin-bottom: -5px;
5488 .list-group .list-group-item .row-picture label .checkbox-material,
5489 .list-group .list-group-item .row-action-primary label .checkbox-material {
5492 .list-group .list-group-item .row-content {
5493 display: inline-block;
5494 width: calc(100% - 92px);
5497 .list-group .list-group-item .row-content .action-secondary {
5502 .list-group .list-group-item .row-content .action-secondary i {
5504 color: rgba(0, 0, 0, 0.25);
5507 .list-group .list-group-item .row-content .action-secondary ~ * {
5508 max-width: calc(100% - 30px);
5510 .list-group .list-group-item .row-content .least-content {
5514 color: rgba(0, 0, 0, 0.54);
5517 .list-group .list-group-item .list-group-item-heading {
5518 color: rgba(0, 0, 0, 0.77);
5522 .list-group .list-group-item.active:hover,
5523 .list-group .list-group-item.active:focus {
5524 background: rgba(0, 0, 0, 0.15);
5525 outline: 10px solid rgba(0, 0, 0, 0.15);
5527 .list-group .list-group-item.active .list-group-item-heading,
5528 .list-group .list-group-item.active .list-group-item-text {
5529 color: rgba(0, 0, 0, 0.84);
5531 .list-group .list-group-separator {
5535 margin-bottom: 10px;
5537 .list-group .list-group-separator:before {
5539 width: calc(100% - 90px);
5540 border-bottom: 1px solid rgba(0, 0, 0, 0.1);
5544 background-color: #009688;
5548 .navbar .navbar-brand {
5554 .navbar .navbar-brand:hover,
5555 .navbar .navbar-brand:focus {
5557 background-color: transparent;
5559 .navbar .navbar-text {
5562 margin-bottom: 20px;
5564 .navbar .navbar-nav > li > a {
5567 padding-bottom: 20px;
5569 .navbar .navbar-nav > li > a:hover,
5570 .navbar .navbar-nav > li > a:focus {
5572 background-color: transparent;
5574 .navbar .navbar-nav > .active > a,
5575 .navbar .navbar-nav > .active > a:hover,
5576 .navbar .navbar-nav > .active > a:focus {
5578 background-color: rgba(255, 255, 255, 0.1);
5580 .navbar .navbar-nav > .disabled > a,
5581 .navbar .navbar-nav > .disabled > a:hover,
5582 .navbar .navbar-nav > .disabled > a:focus {
5584 background-color: transparent;
5587 .navbar .navbar-toggle {
5590 .navbar .navbar-toggle:hover,
5591 .navbar .navbar-toggle:focus {
5592 background-color: transparent;
5594 .navbar .navbar-toggle .icon-bar {
5595 background-color: inherit;
5598 .navbar .navbar-default .navbar-toggle,
5599 .navbar .navbar-inverse .navbar-toggle {
5600 border-color: transparent;
5602 .navbar .navbar-collapse,
5603 .navbar .navbar-form {
5604 border-color: rgba(0, 0, 0, 0.1);
5606 .navbar .navbar-nav > .open > a,
5607 .navbar .navbar-nav > .open > a:hover,
5608 .navbar .navbar-nav > .open > a:focus {
5609 background-color: transparent;
5612 @media (max-width: 767px) {
5613 .navbar .navbar-nav .navbar-text {
5616 margin-bottom: 15px;
5618 .navbar .navbar-nav .open .dropdown-menu > .dropdown-header {
5622 .navbar .navbar-nav .open .dropdown-menu .divider {
5623 border-bottom: 1px solid;
5626 .navbar .navbar-nav .open .dropdown-menu > li > a {
5629 .navbar .navbar-nav .open .dropdown-menu > li > a:hover,
5630 .navbar .navbar-nav .open .dropdown-menu > li > a:focus {
5632 background-color: transparent;
5634 .navbar .navbar-nav .open .dropdown-menu > .active > a,
5635 .navbar .navbar-nav .open .dropdown-menu > .active > a:hover,
5636 .navbar .navbar-nav .open .dropdown-menu > .active > a:focus {
5638 background-color: transparent;
5640 .navbar .navbar-nav .open .dropdown-menu > .disabled > a,
5641 .navbar .navbar-nav .open .dropdown-menu > .disabled > a:hover,
5642 .navbar .navbar-nav .open .dropdown-menu > .disabled > a:focus {
5644 background-color: transparent;
5647 .navbar .navbar-link {
5650 .navbar .navbar-link:hover {
5656 .navbar .btn-link:hover,
5657 .navbar .btn-link:focus {
5660 .navbar .btn-link[disabled]:hover,
5661 fieldset[disabled] .navbar .btn-link:hover,
5662 .navbar .btn-link[disabled]:focus,
5663 fieldset[disabled] .navbar .btn-link:focus {
5666 .navbar .navbar-form {
5669 .navbar .navbar-form .form-control-wrapper .form-control,
5670 .navbar .navbar-form .form-control {
5671 border-color: inherit;
5674 .navbar .navbar-form .form-control-wrapper .material-input:before,
5675 .navbar .navbar-form .form-control-wrapper input:focus ~ .material-input:after {
5676 background-color: inherit;
5679 .navbar-default.navbar {
5680 background-color: #009688;
5681 color: rgba(255, 255, 255, 0.84);
5683 .navbar.navbar .navbar-form .form-control-wrapper input.form-control::-webkit-input-placeholder,
5684 .navbar-default.navbar .navbar-form .form-control-wrapper input.form-control::-webkit-input-placeholder,
5685 .navbar.navbar .navbar-form input.form-control::-webkit-input-placeholder,
5686 .navbar-default.navbar .navbar-form input.form-control::-webkit-input-placeholder {
5687 color: rgba(255, 255, 255, 0.84);
5689 .navbar.navbar .navbar-form .form-control-wrapper input.form-control::-moz-placeholder,
5690 .navbar-default.navbar .navbar-form .form-control-wrapper input.form-control::-moz-placeholder,
5691 .navbar.navbar .navbar-form input.form-control::-moz-placeholder,
5692 .navbar-default.navbar .navbar-form input.form-control::-moz-placeholder {
5693 color: rgba(255, 255, 255, 0.84);
5695 .navbar.navbar .navbar-form .form-control-wrapper input.form-control:-ms-input-placeholder,
5696 .navbar-default.navbar .navbar-form .form-control-wrapper input.form-control:-ms-input-placeholder,
5697 .navbar.navbar .navbar-form input.form-control:-ms-input-placeholder,
5698 .navbar-default.navbar .navbar-form input.form-control:-ms-input-placeholder {
5699 color: rgba(255, 255, 255, 0.84);
5701 .navbar.navbar .navbar-form .form-control-wrapper input.form-control::placeholder,
5702 .navbar-default.navbar .navbar-form .form-control-wrapper input.form-control::placeholder,
5703 .navbar.navbar .navbar-form input.form-control::placeholder,
5704 .navbar-default.navbar .navbar-form input.form-control::placeholder {
5705 color: rgba(255, 255, 255, 0.84);
5707 .navbar.navbar .dropdown-menu,
5708 .navbar-default.navbar .dropdown-menu {
5711 .navbar.navbar .dropdown-menu li > a,
5712 .navbar-default.navbar .dropdown-menu li > a {
5716 .navbar.navbar .dropdown-menu li > a:hover,
5717 .navbar-default.navbar .dropdown-menu li > a:hover,
5718 .navbar.navbar .dropdown-menu li > a:focus,
5719 .navbar-default.navbar .dropdown-menu li > a:focus {
5721 background-color: #eeeeee;
5723 .navbar.navbar .dropdown-menu .active > a,
5724 .navbar-default.navbar .dropdown-menu .active > a {
5725 background-color: #009688;
5726 color: rgba(255, 255, 255, 0.84);
5728 .navbar.navbar .dropdown-menu .active > a:hover,
5729 .navbar-default.navbar .dropdown-menu .active > a:hover,
5730 .navbar.navbar .dropdown-menu .active > a:focus,
5731 .navbar-default.navbar .dropdown-menu .active > a:focus {
5732 color: rgba(255, 255, 255, 0.84);
5734 .navbar-black.navbar {
5735 background-color: #000000;
5736 color: rgba(255, 255, 255, 0.84);
5738 .navbar-black.navbar .navbar-form .form-control-wrapper input.form-control::-webkit-input-placeholder,
5739 .navbar-black.navbar .navbar-form input.form-control::-webkit-input-placeholder {
5740 color: rgba(255, 255, 255, 0.84);
5742 .navbar-black.navbar .navbar-form .form-control-wrapper input.form-control::-moz-placeholder,
5743 .navbar-black.navbar .navbar-form input.form-control::-moz-placeholder {
5744 color: rgba(255, 255, 255, 0.84);
5746 .navbar-black.navbar .navbar-form .form-control-wrapper input.form-control:-ms-input-placeholder,
5747 .navbar-black.navbar .navbar-form input.form-control:-ms-input-placeholder {
5748 color: rgba(255, 255, 255, 0.84);
5750 .navbar-black.navbar .navbar-form .form-control-wrapper input.form-control::placeholder,
5751 .navbar-black.navbar .navbar-form input.form-control::placeholder {
5752 color: rgba(255, 255, 255, 0.84);
5754 .navbar-black.navbar .dropdown-menu {
5757 .navbar-black.navbar .dropdown-menu li > a {
5761 .navbar-black.navbar .dropdown-menu li > a:hover,
5762 .navbar-black.navbar .dropdown-menu li > a:focus {
5764 background-color: #eeeeee;
5766 .navbar-black.navbar .dropdown-menu .active > a {
5767 background-color: #000000;
5768 color: rgba(255, 255, 255, 0.84);
5770 .navbar-black.navbar .dropdown-menu .active > a:hover,
5771 .navbar-black.navbar .dropdown-menu .active > a:focus {
5772 color: rgba(255, 255, 255, 0.84);
5774 .navbar-white.navbar {
5775 background-color: #ffffff;
5776 color: rgba(0, 0, 0, 0.84);
5778 .navbar-white.navbar .navbar-form .form-control-wrapper input.form-control::-webkit-input-placeholder,
5779 .navbar-white.navbar .navbar-form input.form-control::-webkit-input-placeholder {
5780 color: rgba(0, 0, 0, 0.84);
5782 .navbar-white.navbar .navbar-form .form-control-wrapper input.form-control::-moz-placeholder,
5783 .navbar-white.navbar .navbar-form input.form-control::-moz-placeholder {
5784 color: rgba(0, 0, 0, 0.84);
5786 .navbar-white.navbar .navbar-form .form-control-wrapper input.form-control:-ms-input-placeholder,
5787 .navbar-white.navbar .navbar-form input.form-control:-ms-input-placeholder {
5788 color: rgba(0, 0, 0, 0.84);
5790 .navbar-white.navbar .navbar-form .form-control-wrapper input.form-control::placeholder,
5791 .navbar-white.navbar .navbar-form input.form-control::placeholder {
5792 color: rgba(0, 0, 0, 0.84);
5794 .navbar-white.navbar .dropdown-menu {
5797 .navbar-white.navbar .dropdown-menu li > a {
5801 .navbar-white.navbar .dropdown-menu li > a:hover,
5802 .navbar-white.navbar .dropdown-menu li > a:focus {
5804 background-color: #eeeeee;
5806 .navbar-white.navbar .dropdown-menu .active > a {
5807 background-color: #ffffff;
5808 color: rgba(0, 0, 0, 0.84);
5810 .navbar-white.navbar .dropdown-menu .active > a:hover,
5811 .navbar-white.navbar .dropdown-menu .active > a:focus {
5812 color: rgba(0, 0, 0, 0.84);
5814 .navbar-inverse.navbar {
5815 background-color: #3f51b5;
5816 color: rgba(255, 255, 255, 0.84);
5818 .navbar-inverse.navbar .navbar-form .form-control-wrapper input.form-control::-webkit-input-placeholder,
5819 .navbar-inverse.navbar .navbar-form input.form-control::-webkit-input-placeholder {
5820 color: rgba(255, 255, 255, 0.84);
5822 .navbar-inverse.navbar .navbar-form .form-control-wrapper input.form-control::-moz-placeholder,
5823 .navbar-inverse.navbar .navbar-form input.form-control::-moz-placeholder {
5824 color: rgba(255, 255, 255, 0.84);
5826 .navbar-inverse.navbar .navbar-form .form-control-wrapper input.form-control:-ms-input-placeholder,
5827 .navbar-inverse.navbar .navbar-form input.form-control:-ms-input-placeholder {
5828 color: rgba(255, 255, 255, 0.84);
5830 .navbar-inverse.navbar .navbar-form .form-control-wrapper input.form-control::placeholder,
5831 .navbar-inverse.navbar .navbar-form input.form-control::placeholder {
5832 color: rgba(255, 255, 255, 0.84);
5834 .navbar-inverse.navbar .dropdown-menu {
5837 .navbar-inverse.navbar .dropdown-menu li > a {
5841 .navbar-inverse.navbar .dropdown-menu li > a:hover,
5842 .navbar-inverse.navbar .dropdown-menu li > a:focus {
5844 background-color: #eeeeee;
5846 .navbar-inverse.navbar .dropdown-menu .active > a {
5847 background-color: #3f51b5;
5848 color: rgba(255, 255, 255, 0.84);
5850 .navbar-inverse.navbar .dropdown-menu .active > a:hover,
5851 .navbar-inverse.navbar .dropdown-menu .active > a:focus {
5852 color: rgba(255, 255, 255, 0.84);
5854 .navbar-primary.navbar {
5855 background-color: #009688;
5856 color: rgba(255, 255, 255, 0.84);
5858 .navbar-primary.navbar .navbar-form .form-control-wrapper input.form-control::-webkit-input-placeholder,
5859 .navbar-primary.navbar .navbar-form input.form-control::-webkit-input-placeholder {
5860 color: rgba(255, 255, 255, 0.84);
5862 .navbar-primary.navbar .navbar-form .form-control-wrapper input.form-control::-moz-placeholder,
5863 .navbar-primary.navbar .navbar-form input.form-control::-moz-placeholder {
5864 color: rgba(255, 255, 255, 0.84);
5866 .navbar-primary.navbar .navbar-form .form-control-wrapper input.form-control:-ms-input-placeholder,
5867 .navbar-primary.navbar .navbar-form input.form-control:-ms-input-placeholder {
5868 color: rgba(255, 255, 255, 0.84);
5870 .navbar-primary.navbar .navbar-form .form-control-wrapper input.form-control::placeholder,
5871 .navbar-primary.navbar .navbar-form input.form-control::placeholder {
5872 color: rgba(255, 255, 255, 0.84);
5874 .navbar-primary.navbar .dropdown-menu {
5877 .navbar-primary.navbar .dropdown-menu li > a {
5881 .navbar-primary.navbar .dropdown-menu li > a:hover,
5882 .navbar-primary.navbar .dropdown-menu li > a:focus {
5884 background-color: #eeeeee;
5886 .navbar-primary.navbar .dropdown-menu .active > a {
5887 background-color: #009688;
5888 color: rgba(255, 255, 255, 0.84);
5890 .navbar-primary.navbar .dropdown-menu .active > a:hover,
5891 .navbar-primary.navbar .dropdown-menu .active > a:focus {
5892 color: rgba(255, 255, 255, 0.84);
5894 .navbar-success.navbar {
5895 background-color: #4caf50;
5896 color: rgba(255, 255, 255, 0.84);
5898 .navbar-success.navbar .navbar-form .form-control-wrapper input.form-control::-webkit-input-placeholder,
5899 .navbar-success.navbar .navbar-form input.form-control::-webkit-input-placeholder {
5900 color: rgba(255, 255, 255, 0.84);
5902 .navbar-success.navbar .navbar-form .form-control-wrapper input.form-control::-moz-placeholder,
5903 .navbar-success.navbar .navbar-form input.form-control::-moz-placeholder {
5904 color: rgba(255, 255, 255, 0.84);
5906 .navbar-success.navbar .navbar-form .form-control-wrapper input.form-control:-ms-input-placeholder,
5907 .navbar-success.navbar .navbar-form input.form-control:-ms-input-placeholder {
5908 color: rgba(255, 255, 255, 0.84);
5910 .navbar-success.navbar .navbar-form .form-control-wrapper input.form-control::placeholder,
5911 .navbar-success.navbar .navbar-form input.form-control::placeholder {
5912 color: rgba(255, 255, 255, 0.84);
5914 .navbar-success.navbar .dropdown-menu {
5917 .navbar-success.navbar .dropdown-menu li > a {
5921 .navbar-success.navbar .dropdown-menu li > a:hover,
5922 .navbar-success.navbar .dropdown-menu li > a:focus {
5924 background-color: #eeeeee;
5926 .navbar-success.navbar .dropdown-menu .active > a {
5927 background-color: #4caf50;
5928 color: rgba(255, 255, 255, 0.84);
5930 .navbar-success.navbar .dropdown-menu .active > a:hover,
5931 .navbar-success.navbar .dropdown-menu .active > a:focus {
5932 color: rgba(255, 255, 255, 0.84);
5934 .navbar-info.navbar {
5935 background-color: #03a9f4;
5936 color: rgba(255, 255, 255, 0.84);
5938 .navbar-info.navbar .navbar-form .form-control-wrapper input.form-control::-webkit-input-placeholder,
5939 .navbar-info.navbar .navbar-form input.form-control::-webkit-input-placeholder {
5940 color: rgba(255, 255, 255, 0.84);
5942 .navbar-info.navbar .navbar-form .form-control-wrapper input.form-control::-moz-placeholder,
5943 .navbar-info.navbar .navbar-form input.form-control::-moz-placeholder {
5944 color: rgba(255, 255, 255, 0.84);
5946 .navbar-info.navbar .navbar-form .form-control-wrapper input.form-control:-ms-input-placeholder,
5947 .navbar-info.navbar .navbar-form input.form-control:-ms-input-placeholder {
5948 color: rgba(255, 255, 255, 0.84);
5950 .navbar-info.navbar .navbar-form .form-control-wrapper input.form-control::placeholder,
5951 .navbar-info.navbar .navbar-form input.form-control::placeholder {
5952 color: rgba(255, 255, 255, 0.84);
5954 .navbar-info.navbar .dropdown-menu {
5957 .navbar-info.navbar .dropdown-menu li > a {
5961 .navbar-info.navbar .dropdown-menu li > a:hover,
5962 .navbar-info.navbar .dropdown-menu li > a:focus {
5964 background-color: #eeeeee;
5966 .navbar-info.navbar .dropdown-menu .active > a {
5967 background-color: #03a9f4;
5968 color: rgba(255, 255, 255, 0.84);
5970 .navbar-info.navbar .dropdown-menu .active > a:hover,
5971 .navbar-info.navbar .dropdown-menu .active > a:focus {
5972 color: rgba(255, 255, 255, 0.84);
5974 .navbar-warning.navbar {
5975 background-color: #ff5722;
5976 color: rgba(255, 255, 255, 0.84);
5978 .navbar-warning.navbar .navbar-form .form-control-wrapper input.form-control::-webkit-input-placeholder,
5979 .navbar-warning.navbar .navbar-form input.form-control::-webkit-input-placeholder {
5980 color: rgba(255, 255, 255, 0.84);
5982 .navbar-warning.navbar .navbar-form .form-control-wrapper input.form-control::-moz-placeholder,
5983 .navbar-warning.navbar .navbar-form input.form-control::-moz-placeholder {
5984 color: rgba(255, 255, 255, 0.84);
5986 .navbar-warning.navbar .navbar-form .form-control-wrapper input.form-control:-ms-input-placeholder,
5987 .navbar-warning.navbar .navbar-form input.form-control:-ms-input-placeholder {
5988 color: rgba(255, 255, 255, 0.84);
5990 .navbar-warning.navbar .navbar-form .form-control-wrapper input.form-control::placeholder,
5991 .navbar-warning.navbar .navbar-form input.form-control::placeholder {
5992 color: rgba(255, 255, 255, 0.84);
5994 .navbar-warning.navbar .dropdown-menu {
5997 .navbar-warning.navbar .dropdown-menu li > a {
6001 .navbar-warning.navbar .dropdown-menu li > a:hover,
6002 .navbar-warning.navbar .dropdown-menu li > a:focus {
6004 background-color: #eeeeee;
6006 .navbar-warning.navbar .dropdown-menu .active > a {
6007 background-color: #ff5722;
6008 color: rgba(255, 255, 255, 0.84);
6010 .navbar-warning.navbar .dropdown-menu .active > a:hover,
6011 .navbar-warning.navbar .dropdown-menu .active > a:focus {
6012 color: rgba(255, 255, 255, 0.84);
6014 .navbar-danger.navbar {
6015 background-color: #f44336;
6016 color: rgba(255, 255, 255, 0.84);
6018 .navbar-danger.navbar .navbar-form .form-control-wrapper input.form-control::-webkit-input-placeholder,
6019 .navbar-danger.navbar .navbar-form input.form-control::-webkit-input-placeholder {
6020 color: rgba(255, 255, 255, 0.84);
6022 .navbar-danger.navbar .navbar-form .form-control-wrapper input.form-control::-moz-placeholder,
6023 .navbar-danger.navbar .navbar-form input.form-control::-moz-placeholder {
6024 color: rgba(255, 255, 255, 0.84);
6026 .navbar-danger.navbar .navbar-form .form-control-wrapper input.form-control:-ms-input-placeholder,
6027 .navbar-danger.navbar .navbar-form input.form-control:-ms-input-placeholder {
6028 color: rgba(255, 255, 255, 0.84);
6030 .navbar-danger.navbar .navbar-form .form-control-wrapper input.form-control::placeholder,
6031 .navbar-danger.navbar .navbar-form input.form-control::placeholder {
6032 color: rgba(255, 255, 255, 0.84);
6034 .navbar-danger.navbar .dropdown-menu {
6037 .navbar-danger.navbar .dropdown-menu li > a {
6041 .navbar-danger.navbar .dropdown-menu li > a:hover,
6042 .navbar-danger.navbar .dropdown-menu li > a:focus {
6044 background-color: #eeeeee;
6046 .navbar-danger.navbar .dropdown-menu .active > a {
6047 background-color: #f44336;
6048 color: rgba(255, 255, 255, 0.84);
6050 .navbar-danger.navbar .dropdown-menu .active > a:hover,
6051 .navbar-danger.navbar .dropdown-menu .active > a:focus {
6052 color: rgba(255, 255, 255, 0.84);
6054 .navbar-material-red.navbar {
6055 background-color: #f44336;
6056 color: rgba(255, 255, 255, 0.84);
6058 .navbar-material-red.navbar .navbar-form .form-control-wrapper input.form-control::-webkit-input-placeholder,
6059 .navbar-material-red.navbar .navbar-form input.form-control::-webkit-input-placeholder {
6060 color: rgba(255, 255, 255, 0.84);
6062 .navbar-material-red.navbar .navbar-form .form-control-wrapper input.form-control::-moz-placeholder,
6063 .navbar-material-red.navbar .navbar-form input.form-control::-moz-placeholder {
6064 color: rgba(255, 255, 255, 0.84);
6066 .navbar-material-red.navbar .navbar-form .form-control-wrapper input.form-control:-ms-input-placeholder,
6067 .navbar-material-red.navbar .navbar-form input.form-control:-ms-input-placeholder {
6068 color: rgba(255, 255, 255, 0.84);
6070 .navbar-material-red.navbar .navbar-form .form-control-wrapper input.form-control::placeholder,
6071 .navbar-material-red.navbar .navbar-form input.form-control::placeholder {
6072 color: rgba(255, 255, 255, 0.84);
6074 .navbar-material-red.navbar .dropdown-menu {
6077 .navbar-material-red.navbar .dropdown-menu li > a {
6081 .navbar-material-red.navbar .dropdown-menu li > a:hover,
6082 .navbar-material-red.navbar .dropdown-menu li > a:focus {
6084 background-color: #eeeeee;
6086 .navbar-material-red.navbar .dropdown-menu .active > a {
6087 background-color: #f44336;
6088 color: rgba(255, 255, 255, 0.84);
6090 .navbar-material-red.navbar .dropdown-menu .active > a:hover,
6091 .navbar-material-red.navbar .dropdown-menu .active > a:focus {
6092 color: rgba(255, 255, 255, 0.84);
6094 .navbar-material-pink.navbar {
6095 background-color: #e91e63;
6096 color: rgba(255, 255, 255, 0.84);
6098 .navbar-material-pink.navbar .navbar-form .form-control-wrapper input.form-control::-webkit-input-placeholder,
6099 .navbar-material-pink.navbar .navbar-form input.form-control::-webkit-input-placeholder {
6100 color: rgba(255, 255, 255, 0.84);
6102 .navbar-material-pink.navbar .navbar-form .form-control-wrapper input.form-control::-moz-placeholder,
6103 .navbar-material-pink.navbar .navbar-form input.form-control::-moz-placeholder {
6104 color: rgba(255, 255, 255, 0.84);
6106 .navbar-material-pink.navbar .navbar-form .form-control-wrapper input.form-control:-ms-input-placeholder,
6107 .navbar-material-pink.navbar .navbar-form input.form-control:-ms-input-placeholder {
6108 color: rgba(255, 255, 255, 0.84);
6110 .navbar-material-pink.navbar .navbar-form .form-control-wrapper input.form-control::placeholder,
6111 .navbar-material-pink.navbar .navbar-form input.form-control::placeholder {
6112 color: rgba(255, 255, 255, 0.84);
6114 .navbar-material-pink.navbar .dropdown-menu {
6117 .navbar-material-pink.navbar .dropdown-menu li > a {
6121 .navbar-material-pink.navbar .dropdown-menu li > a:hover,
6122 .navbar-material-pink.navbar .dropdown-menu li > a:focus {
6124 background-color: #eeeeee;
6126 .navbar-material-pink.navbar .dropdown-menu .active > a {
6127 background-color: #e91e63;
6128 color: rgba(255, 255, 255, 0.84);
6130 .navbar-material-pink.navbar .dropdown-menu .active > a:hover,
6131 .navbar-material-pink.navbar .dropdown-menu .active > a:focus {
6132 color: rgba(255, 255, 255, 0.84);
6134 .navbar-material-purple.navbar {
6135 background-color: #9c27b0;
6136 color: rgba(255, 255, 255, 0.84);
6138 .navbar-material-purple.navbar .navbar-form .form-control-wrapper input.form-control::-webkit-input-placeholder,
6139 .navbar-material-purple.navbar .navbar-form input.form-control::-webkit-input-placeholder {
6140 color: rgba(255, 255, 255, 0.84);
6142 .navbar-material-purple.navbar .navbar-form .form-control-wrapper input.form-control::-moz-placeholder,
6143 .navbar-material-purple.navbar .navbar-form input.form-control::-moz-placeholder {
6144 color: rgba(255, 255, 255, 0.84);
6146 .navbar-material-purple.navbar .navbar-form .form-control-wrapper input.form-control:-ms-input-placeholder,
6147 .navbar-material-purple.navbar .navbar-form input.form-control:-ms-input-placeholder {
6148 color: rgba(255, 255, 255, 0.84);
6150 .navbar-material-purple.navbar .navbar-form .form-control-wrapper input.form-control::placeholder,
6151 .navbar-material-purple.navbar .navbar-form input.form-control::placeholder {
6152 color: rgba(255, 255, 255, 0.84);
6154 .navbar-material-purple.navbar .dropdown-menu {
6157 .navbar-material-purple.navbar .dropdown-menu li > a {
6161 .navbar-material-purple.navbar .dropdown-menu li > a:hover,
6162 .navbar-material-purple.navbar .dropdown-menu li > a:focus {
6164 background-color: #eeeeee;
6166 .navbar-material-purple.navbar .dropdown-menu .active > a {
6167 background-color: #9c27b0;
6168 color: rgba(255, 255, 255, 0.84);
6170 .navbar-material-purple.navbar .dropdown-menu .active > a:hover,
6171 .navbar-material-purple.navbar .dropdown-menu .active > a:focus {
6172 color: rgba(255, 255, 255, 0.84);
6174 .navbar-material-deep-purple.navbar {
6175 background-color: #673ab7;
6176 color: rgba(255, 255, 255, 0.84);
6178 .navbar-material-deep-purple.navbar .navbar-form .form-control-wrapper input.form-control::-webkit-input-placeholder,
6179 .navbar-material-deep-purple.navbar .navbar-form input.form-control::-webkit-input-placeholder {
6180 color: rgba(255, 255, 255, 0.84);
6182 .navbar-material-deep-purple.navbar .navbar-form .form-control-wrapper input.form-control::-moz-placeholder,
6183 .navbar-material-deep-purple.navbar .navbar-form input.form-control::-moz-placeholder {
6184 color: rgba(255, 255, 255, 0.84);
6186 .navbar-material-deep-purple.navbar .navbar-form .form-control-wrapper input.form-control:-ms-input-placeholder,
6187 .navbar-material-deep-purple.navbar .navbar-form input.form-control:-ms-input-placeholder {
6188 color: rgba(255, 255, 255, 0.84);
6190 .navbar-material-deep-purple.navbar .navbar-form .form-control-wrapper input.form-control::placeholder,
6191 .navbar-material-deep-purple.navbar .navbar-form input.form-control::placeholder {
6192 color: rgba(255, 255, 255, 0.84);
6194 .navbar-material-deep-purple.navbar .dropdown-menu {
6197 .navbar-material-deep-purple.navbar .dropdown-menu li > a {
6201 .navbar-material-deep-purple.navbar .dropdown-menu li > a:hover,
6202 .navbar-material-deep-purple.navbar .dropdown-menu li > a:focus {
6204 background-color: #eeeeee;
6206 .navbar-material-deep-purple.navbar .dropdown-menu .active > a {
6207 background-color: #673ab7;
6208 color: rgba(255, 255, 255, 0.84);
6210 .navbar-material-deep-purple.navbar .dropdown-menu .active > a:hover,
6211 .navbar-material-deep-purple.navbar .dropdown-menu .active > a:focus {
6212 color: rgba(255, 255, 255, 0.84);
6214 .navbar-material-indigo.navbar {
6215 background-color: #3f51b5;
6216 color: rgba(255, 255, 255, 0.84);
6218 .navbar-material-indigo.navbar .navbar-form .form-control-wrapper input.form-control::-webkit-input-placeholder,
6219 .navbar-material-indigo.navbar .navbar-form input.form-control::-webkit-input-placeholder {
6220 color: rgba(255, 255, 255, 0.84);
6222 .navbar-material-indigo.navbar .navbar-form .form-control-wrapper input.form-control::-moz-placeholder,
6223 .navbar-material-indigo.navbar .navbar-form input.form-control::-moz-placeholder {
6224 color: rgba(255, 255, 255, 0.84);
6226 .navbar-material-indigo.navbar .navbar-form .form-control-wrapper input.form-control:-ms-input-placeholder,
6227 .navbar-material-indigo.navbar .navbar-form input.form-control:-ms-input-placeholder {
6228 color: rgba(255, 255, 255, 0.84);
6230 .navbar-material-indigo.navbar .navbar-form .form-control-wrapper input.form-control::placeholder,
6231 .navbar-material-indigo.navbar .navbar-form input.form-control::placeholder {
6232 color: rgba(255, 255, 255, 0.84);
6234 .navbar-material-indigo.navbar .dropdown-menu {
6237 .navbar-material-indigo.navbar .dropdown-menu li > a {
6241 .navbar-material-indigo.navbar .dropdown-menu li > a:hover,
6242 .navbar-material-indigo.navbar .dropdown-menu li > a:focus {
6244 background-color: #eeeeee;
6246 .navbar-material-indigo.navbar .dropdown-menu .active > a {
6247 background-color: #3f51b5;
6248 color: rgba(255, 255, 255, 0.84);
6250 .navbar-material-indigo.navbar .dropdown-menu .active > a:hover,
6251 .navbar-material-indigo.navbar .dropdown-menu .active > a:focus {
6252 color: rgba(255, 255, 255, 0.84);
6254 .navbar-material-blue.navbar {
6255 background-color: #2196f3;
6256 color: rgba(255, 255, 255, 0.84);
6258 .navbar-material-blue.navbar .navbar-form .form-control-wrapper input.form-control::-webkit-input-placeholder,
6259 .navbar-material-blue.navbar .navbar-form input.form-control::-webkit-input-placeholder {
6260 color: rgba(255, 255, 255, 0.84);
6262 .navbar-material-blue.navbar .navbar-form .form-control-wrapper input.form-control::-moz-placeholder,
6263 .navbar-material-blue.navbar .navbar-form input.form-control::-moz-placeholder {
6264 color: rgba(255, 255, 255, 0.84);
6266 .navbar-material-blue.navbar .navbar-form .form-control-wrapper input.form-control:-ms-input-placeholder,
6267 .navbar-material-blue.navbar .navbar-form input.form-control:-ms-input-placeholder {
6268 color: rgba(255, 255, 255, 0.84);
6270 .navbar-material-blue.navbar .navbar-form .form-control-wrapper input.form-control::placeholder,
6271 .navbar-material-blue.navbar .navbar-form input.form-control::placeholder {
6272 color: rgba(255, 255, 255, 0.84);
6274 .navbar-material-blue.navbar .dropdown-menu {
6277 .navbar-material-blue.navbar .dropdown-menu li > a {
6281 .navbar-material-blue.navbar .dropdown-menu li > a:hover,
6282 .navbar-material-blue.navbar .dropdown-menu li > a:focus {
6284 background-color: #eeeeee;
6286 .navbar-material-blue.navbar .dropdown-menu .active > a {
6287 background-color: #2196f3;
6288 color: rgba(255, 255, 255, 0.84);
6290 .navbar-material-blue.navbar .dropdown-menu .active > a:hover,
6291 .navbar-material-blue.navbar .dropdown-menu .active > a:focus {
6292 color: rgba(255, 255, 255, 0.84);
6294 .navbar-material-light-blue.navbar {
6295 background-color: #03a9f4;
6296 color: rgba(255, 255, 255, 0.84);
6298 .navbar-material-light-blue.navbar .navbar-form .form-control-wrapper input.form-control::-webkit-input-placeholder,
6299 .navbar-material-light-blue.navbar .navbar-form input.form-control::-webkit-input-placeholder {
6300 color: rgba(255, 255, 255, 0.84);
6302 .navbar-material-light-blue.navbar .navbar-form .form-control-wrapper input.form-control::-moz-placeholder,
6303 .navbar-material-light-blue.navbar .navbar-form input.form-control::-moz-placeholder {
6304 color: rgba(255, 255, 255, 0.84);
6306 .navbar-material-light-blue.navbar .navbar-form .form-control-wrapper input.form-control:-ms-input-placeholder,
6307 .navbar-material-light-blue.navbar .navbar-form input.form-control:-ms-input-placeholder {
6308 color: rgba(255, 255, 255, 0.84);
6310 .navbar-material-light-blue.navbar .navbar-form .form-control-wrapper input.form-control::placeholder,
6311 .navbar-material-light-blue.navbar .navbar-form input.form-control::placeholder {
6312 color: rgba(255, 255, 255, 0.84);
6314 .navbar-material-light-blue.navbar .dropdown-menu {
6317 .navbar-material-light-blue.navbar .dropdown-menu li > a {
6321 .navbar-material-light-blue.navbar .dropdown-menu li > a:hover,
6322 .navbar-material-light-blue.navbar .dropdown-menu li > a:focus {
6324 background-color: #eeeeee;
6326 .navbar-material-light-blue.navbar .dropdown-menu .active > a {
6327 background-color: #03a9f4;
6328 color: rgba(255, 255, 255, 0.84);
6330 .navbar-material-light-blue.navbar .dropdown-menu .active > a:hover,
6331 .navbar-material-light-blue.navbar .dropdown-menu .active > a:focus {
6332 color: rgba(255, 255, 255, 0.84);
6334 .navbar-material-cyan.navbar {
6335 background-color: #00bcd4;
6336 color: rgba(0, 0, 0, 0.84);
6338 .navbar-material-cyan.navbar .navbar-form .form-control-wrapper input.form-control::-webkit-input-placeholder,
6339 .navbar-material-cyan.navbar .navbar-form input.form-control::-webkit-input-placeholder {
6340 color: rgba(0, 0, 0, 0.84);
6342 .navbar-material-cyan.navbar .navbar-form .form-control-wrapper input.form-control::-moz-placeholder,
6343 .navbar-material-cyan.navbar .navbar-form input.form-control::-moz-placeholder {
6344 color: rgba(0, 0, 0, 0.84);
6346 .navbar-material-cyan.navbar .navbar-form .form-control-wrapper input.form-control:-ms-input-placeholder,
6347 .navbar-material-cyan.navbar .navbar-form input.form-control:-ms-input-placeholder {
6348 color: rgba(0, 0, 0, 0.84);
6350 .navbar-material-cyan.navbar .navbar-form .form-control-wrapper input.form-control::placeholder,
6351 .navbar-material-cyan.navbar .navbar-form input.form-control::placeholder {
6352 color: rgba(0, 0, 0, 0.84);
6354 .navbar-material-cyan.navbar .dropdown-menu {
6357 .navbar-material-cyan.navbar .dropdown-menu li > a {
6361 .navbar-material-cyan.navbar .dropdown-menu li > a:hover,
6362 .navbar-material-cyan.navbar .dropdown-menu li > a:focus {
6364 background-color: #eeeeee;
6366 .navbar-material-cyan.navbar .dropdown-menu .active > a {
6367 background-color: #00bcd4;
6368 color: rgba(0, 0, 0, 0.84);
6370 .navbar-material-cyan.navbar .dropdown-menu .active > a:hover,
6371 .navbar-material-cyan.navbar .dropdown-menu .active > a:focus {
6372 color: rgba(0, 0, 0, 0.84);
6374 .navbar-material-teal.navbar {
6375 background-color: #009688;
6376 color: rgba(255, 255, 255, 0.84);
6378 .navbar-material-teal.navbar .navbar-form .form-control-wrapper input.form-control::-webkit-input-placeholder,
6379 .navbar-material-teal.navbar .navbar-form input.form-control::-webkit-input-placeholder {
6380 color: rgba(255, 255, 255, 0.84);
6382 .navbar-material-teal.navbar .navbar-form .form-control-wrapper input.form-control::-moz-placeholder,
6383 .navbar-material-teal.navbar .navbar-form input.form-control::-moz-placeholder {
6384 color: rgba(255, 255, 255, 0.84);
6386 .navbar-material-teal.navbar .navbar-form .form-control-wrapper input.form-control:-ms-input-placeholder,
6387 .navbar-material-teal.navbar .navbar-form input.form-control:-ms-input-placeholder {
6388 color: rgba(255, 255, 255, 0.84);
6390 .navbar-material-teal.navbar .navbar-form .form-control-wrapper input.form-control::placeholder,
6391 .navbar-material-teal.navbar .navbar-form input.form-control::placeholder {
6392 color: rgba(255, 255, 255, 0.84);
6394 .navbar-material-teal.navbar .dropdown-menu {
6397 .navbar-material-teal.navbar .dropdown-menu li > a {
6401 .navbar-material-teal.navbar .dropdown-menu li > a:hover,
6402 .navbar-material-teal.navbar .dropdown-menu li > a:focus {
6404 background-color: #eeeeee;
6406 .navbar-material-teal.navbar .dropdown-menu .active > a {
6407 background-color: #009688;
6408 color: rgba(255, 255, 255, 0.84);
6410 .navbar-material-teal.navbar .dropdown-menu .active > a:hover,
6411 .navbar-material-teal.navbar .dropdown-menu .active > a:focus {
6412 color: rgba(255, 255, 255, 0.84);
6414 .navbar-material-green.navbar {
6415 background-color: #4caf50;
6416 color: rgba(255, 255, 255, 0.84);
6418 .navbar-material-green.navbar .navbar-form .form-control-wrapper input.form-control::-webkit-input-placeholder,
6419 .navbar-material-green.navbar .navbar-form input.form-control::-webkit-input-placeholder {
6420 color: rgba(255, 255, 255, 0.84);
6422 .navbar-material-green.navbar .navbar-form .form-control-wrapper input.form-control::-moz-placeholder,
6423 .navbar-material-green.navbar .navbar-form input.form-control::-moz-placeholder {
6424 color: rgba(255, 255, 255, 0.84);
6426 .navbar-material-green.navbar .navbar-form .form-control-wrapper input.form-control:-ms-input-placeholder,
6427 .navbar-material-green.navbar .navbar-form input.form-control:-ms-input-placeholder {
6428 color: rgba(255, 255, 255, 0.84);
6430 .navbar-material-green.navbar .navbar-form .form-control-wrapper input.form-control::placeholder,
6431 .navbar-material-green.navbar .navbar-form input.form-control::placeholder {
6432 color: rgba(255, 255, 255, 0.84);
6434 .navbar-material-green.navbar .dropdown-menu {
6437 .navbar-material-green.navbar .dropdown-menu li > a {
6441 .navbar-material-green.navbar .dropdown-menu li > a:hover,
6442 .navbar-material-green.navbar .dropdown-menu li > a:focus {
6444 background-color: #eeeeee;
6446 .navbar-material-green.navbar .dropdown-menu .active > a {
6447 background-color: #4caf50;
6448 color: rgba(255, 255, 255, 0.84);
6450 .navbar-material-green.navbar .dropdown-menu .active > a:hover,
6451 .navbar-material-green.navbar .dropdown-menu .active > a:focus {
6452 color: rgba(255, 255, 255, 0.84);
6454 .navbar-material-light-green.navbar {
6455 background-color: #8bc34a;
6456 color: rgba(0, 0, 0, 0.84);
6458 .navbar-material-light-green.navbar .navbar-form .form-control-wrapper input.form-control::-webkit-input-placeholder,
6459 .navbar-material-light-green.navbar .navbar-form input.form-control::-webkit-input-placeholder {
6460 color: rgba(0, 0, 0, 0.84);
6462 .navbar-material-light-green.navbar .navbar-form .form-control-wrapper input.form-control::-moz-placeholder,
6463 .navbar-material-light-green.navbar .navbar-form input.form-control::-moz-placeholder {
6464 color: rgba(0, 0, 0, 0.84);
6466 .navbar-material-light-green.navbar .navbar-form .form-control-wrapper input.form-control:-ms-input-placeholder,
6467 .navbar-material-light-green.navbar .navbar-form input.form-control:-ms-input-placeholder {
6468 color: rgba(0, 0, 0, 0.84);
6470 .navbar-material-light-green.navbar .navbar-form .form-control-wrapper input.form-control::placeholder,
6471 .navbar-material-light-green.navbar .navbar-form input.form-control::placeholder {
6472 color: rgba(0, 0, 0, 0.84);
6474 .navbar-material-light-green.navbar .dropdown-menu {
6477 .navbar-material-light-green.navbar .dropdown-menu li > a {
6481 .navbar-material-light-green.navbar .dropdown-menu li > a:hover,
6482 .navbar-material-light-green.navbar .dropdown-menu li > a:focus {
6484 background-color: #eeeeee;
6486 .navbar-material-light-green.navbar .dropdown-menu .active > a {
6487 background-color: #8bc34a;
6488 color: rgba(0, 0, 0, 0.84);
6490 .navbar-material-light-green.navbar .dropdown-menu .active > a:hover,
6491 .navbar-material-light-green.navbar .dropdown-menu .active > a:focus {
6492 color: rgba(0, 0, 0, 0.84);
6494 .navbar-material-lime.navbar {
6495 background-color: #cddc39;
6496 color: rgba(0, 0, 0, 0.84);
6498 .navbar-material-lime.navbar .navbar-form .form-control-wrapper input.form-control::-webkit-input-placeholder,
6499 .navbar-material-lime.navbar .navbar-form input.form-control::-webkit-input-placeholder {
6500 color: rgba(0, 0, 0, 0.84);
6502 .navbar-material-lime.navbar .navbar-form .form-control-wrapper input.form-control::-moz-placeholder,
6503 .navbar-material-lime.navbar .navbar-form input.form-control::-moz-placeholder {
6504 color: rgba(0, 0, 0, 0.84);
6506 .navbar-material-lime.navbar .navbar-form .form-control-wrapper input.form-control:-ms-input-placeholder,
6507 .navbar-material-lime.navbar .navbar-form input.form-control:-ms-input-placeholder {
6508 color: rgba(0, 0, 0, 0.84);
6510 .navbar-material-lime.navbar .navbar-form .form-control-wrapper input.form-control::placeholder,
6511 .navbar-material-lime.navbar .navbar-form input.form-control::placeholder {
6512 color: rgba(0, 0, 0, 0.84);
6514 .navbar-material-lime.navbar .dropdown-menu {
6517 .navbar-material-lime.navbar .dropdown-menu li > a {
6521 .navbar-material-lime.navbar .dropdown-menu li > a:hover,
6522 .navbar-material-lime.navbar .dropdown-menu li > a:focus {
6524 background-color: #eeeeee;
6526 .navbar-material-lime.navbar .dropdown-menu .active > a {
6527 background-color: #cddc39;
6528 color: rgba(0, 0, 0, 0.84);
6530 .navbar-material-lime.navbar .dropdown-menu .active > a:hover,
6531 .navbar-material-lime.navbar .dropdown-menu .active > a:focus {
6532 color: rgba(0, 0, 0, 0.84);
6534 .navbar-material-yellow.navbar {
6535 background-color: #ffeb3b;
6536 color: rgba(0, 0, 0, 0.84);
6538 .navbar-material-yellow.navbar .navbar-form .form-control-wrapper input.form-control::-webkit-input-placeholder,
6539 .navbar-material-yellow.navbar .navbar-form input.form-control::-webkit-input-placeholder {
6540 color: rgba(0, 0, 0, 0.84);
6542 .navbar-material-yellow.navbar .navbar-form .form-control-wrapper input.form-control::-moz-placeholder,
6543 .navbar-material-yellow.navbar .navbar-form input.form-control::-moz-placeholder {
6544 color: rgba(0, 0, 0, 0.84);
6546 .navbar-material-yellow.navbar .navbar-form .form-control-wrapper input.form-control:-ms-input-placeholder,
6547 .navbar-material-yellow.navbar .navbar-form input.form-control:-ms-input-placeholder {
6548 color: rgba(0, 0, 0, 0.84);
6550 .navbar-material-yellow.navbar .navbar-form .form-control-wrapper input.form-control::placeholder,
6551 .navbar-material-yellow.navbar .navbar-form input.form-control::placeholder {
6552 color: rgba(0, 0, 0, 0.84);
6554 .navbar-material-yellow.navbar .dropdown-menu {
6557 .navbar-material-yellow.navbar .dropdown-menu li > a {
6561 .navbar-material-yellow.navbar .dropdown-menu li > a:hover,
6562 .navbar-material-yellow.navbar .dropdown-menu li > a:focus {
6564 background-color: #eeeeee;
6566 .navbar-material-yellow.navbar .dropdown-menu .active > a {
6567 background-color: #ffeb3b;
6568 color: rgba(0, 0, 0, 0.84);
6570 .navbar-material-yellow.navbar .dropdown-menu .active > a:hover,
6571 .navbar-material-yellow.navbar .dropdown-menu .active > a:focus {
6572 color: rgba(0, 0, 0, 0.84);
6574 .navbar-material-amber.navbar {
6575 background-color: #ffc107;
6576 color: rgba(0, 0, 0, 0.84);
6578 .navbar-material-amber.navbar .navbar-form .form-control-wrapper input.form-control::-webkit-input-placeholder,
6579 .navbar-material-amber.navbar .navbar-form input.form-control::-webkit-input-placeholder {
6580 color: rgba(0, 0, 0, 0.84);
6582 .navbar-material-amber.navbar .navbar-form .form-control-wrapper input.form-control::-moz-placeholder,
6583 .navbar-material-amber.navbar .navbar-form input.form-control::-moz-placeholder {
6584 color: rgba(0, 0, 0, 0.84);
6586 .navbar-material-amber.navbar .navbar-form .form-control-wrapper input.form-control:-ms-input-placeholder,
6587 .navbar-material-amber.navbar .navbar-form input.form-control:-ms-input-placeholder {
6588 color: rgba(0, 0, 0, 0.84);
6590 .navbar-material-amber.navbar .navbar-form .form-control-wrapper input.form-control::placeholder,
6591 .navbar-material-amber.navbar .navbar-form input.form-control::placeholder {
6592 color: rgba(0, 0, 0, 0.84);
6594 .navbar-material-amber.navbar .dropdown-menu {
6597 .navbar-material-amber.navbar .dropdown-menu li > a {
6601 .navbar-material-amber.navbar .dropdown-menu li > a:hover,
6602 .navbar-material-amber.navbar .dropdown-menu li > a:focus {
6604 background-color: #eeeeee;
6606 .navbar-material-amber.navbar .dropdown-menu .active > a {
6607 background-color: #ffc107;
6608 color: rgba(0, 0, 0, 0.84);
6610 .navbar-material-amber.navbar .dropdown-menu .active > a:hover,
6611 .navbar-material-amber.navbar .dropdown-menu .active > a:focus {
6612 color: rgba(0, 0, 0, 0.84);
6614 .navbar-material-orange.navbar {
6615 background-color: #ff9800;
6616 color: rgba(0, 0, 0, 0.84);
6618 .navbar-material-orange.navbar .navbar-form .form-control-wrapper input.form-control::-webkit-input-placeholder,
6619 .navbar-material-orange.navbar .navbar-form input.form-control::-webkit-input-placeholder {
6620 color: rgba(0, 0, 0, 0.84);
6622 .navbar-material-orange.navbar .navbar-form .form-control-wrapper input.form-control::-moz-placeholder,
6623 .navbar-material-orange.navbar .navbar-form input.form-control::-moz-placeholder {
6624 color: rgba(0, 0, 0, 0.84);
6626 .navbar-material-orange.navbar .navbar-form .form-control-wrapper input.form-control:-ms-input-placeholder,
6627 .navbar-material-orange.navbar .navbar-form input.form-control:-ms-input-placeholder {
6628 color: rgba(0, 0, 0, 0.84);
6630 .navbar-material-orange.navbar .navbar-form .form-control-wrapper input.form-control::placeholder,
6631 .navbar-material-orange.navbar .navbar-form input.form-control::placeholder {
6632 color: rgba(0, 0, 0, 0.84);
6634 .navbar-material-orange.navbar .dropdown-menu {
6637 .navbar-material-orange.navbar .dropdown-menu li > a {
6641 .navbar-material-orange.navbar .dropdown-menu li > a:hover,
6642 .navbar-material-orange.navbar .dropdown-menu li > a:focus {
6644 background-color: #eeeeee;
6646 .navbar-material-orange.navbar .dropdown-menu .active > a {
6647 background-color: #ff9800;
6648 color: rgba(0, 0, 0, 0.84);
6650 .navbar-material-orange.navbar .dropdown-menu .active > a:hover,
6651 .navbar-material-orange.navbar .dropdown-menu .active > a:focus {
6652 color: rgba(0, 0, 0, 0.84);
6654 .navbar-material-deep-orange.navbar {
6655 background-color: #ff5722;
6656 color: rgba(255, 255, 255, 0.84);
6658 .navbar-material-deep-orange.navbar .navbar-form .form-control-wrapper input.form-control::-webkit-input-placeholder,
6659 .navbar-material-deep-orange.navbar .navbar-form input.form-control::-webkit-input-placeholder {
6660 color: rgba(255, 255, 255, 0.84);
6662 .navbar-material-deep-orange.navbar .navbar-form .form-control-wrapper input.form-control::-moz-placeholder,
6663 .navbar-material-deep-orange.navbar .navbar-form input.form-control::-moz-placeholder {
6664 color: rgba(255, 255, 255, 0.84);
6666 .navbar-material-deep-orange.navbar .navbar-form .form-control-wrapper input.form-control:-ms-input-placeholder,
6667 .navbar-material-deep-orange.navbar .navbar-form input.form-control:-ms-input-placeholder {
6668 color: rgba(255, 255, 255, 0.84);
6670 .navbar-material-deep-orange.navbar .navbar-form .form-control-wrapper input.form-control::placeholder,
6671 .navbar-material-deep-orange.navbar .navbar-form input.form-control::placeholder {
6672 color: rgba(255, 255, 255, 0.84);
6674 .navbar-material-deep-orange.navbar .dropdown-menu {
6677 .navbar-material-deep-orange.navbar .dropdown-menu li > a {
6681 .navbar-material-deep-orange.navbar .dropdown-menu li > a:hover,
6682 .navbar-material-deep-orange.navbar .dropdown-menu li > a:focus {
6684 background-color: #eeeeee;
6686 .navbar-material-deep-orange.navbar .dropdown-menu .active > a {
6687 background-color: #ff5722;
6688 color: rgba(255, 255, 255, 0.84);
6690 .navbar-material-deep-orange.navbar .dropdown-menu .active > a:hover,
6691 .navbar-material-deep-orange.navbar .dropdown-menu .active > a:focus {
6692 color: rgba(255, 255, 255, 0.84);
6694 .navbar-material-brown.navbar {
6695 background-color: #795548;
6696 color: rgba(255, 255, 255, 0.84);
6698 .navbar-material-brown.navbar .navbar-form .form-control-wrapper input.form-control::-webkit-input-placeholder,
6699 .navbar-material-brown.navbar .navbar-form input.form-control::-webkit-input-placeholder {
6700 color: rgba(255, 255, 255, 0.84);
6702 .navbar-material-brown.navbar .navbar-form .form-control-wrapper input.form-control::-moz-placeholder,
6703 .navbar-material-brown.navbar .navbar-form input.form-control::-moz-placeholder {
6704 color: rgba(255, 255, 255, 0.84);
6706 .navbar-material-brown.navbar .navbar-form .form-control-wrapper input.form-control:-ms-input-placeholder,
6707 .navbar-material-brown.navbar .navbar-form input.form-control:-ms-input-placeholder {
6708 color: rgba(255, 255, 255, 0.84);
6710 .navbar-material-brown.navbar .navbar-form .form-control-wrapper input.form-control::placeholder,
6711 .navbar-material-brown.navbar .navbar-form input.form-control::placeholder {
6712 color: rgba(255, 255, 255, 0.84);
6714 .navbar-material-brown.navbar .dropdown-menu {
6717 .navbar-material-brown.navbar .dropdown-menu li > a {
6721 .navbar-material-brown.navbar .dropdown-menu li > a:hover,
6722 .navbar-material-brown.navbar .dropdown-menu li > a:focus {
6724 background-color: #eeeeee;
6726 .navbar-material-brown.navbar .dropdown-menu .active > a {
6727 background-color: #795548;
6728 color: rgba(255, 255, 255, 0.84);
6730 .navbar-material-brown.navbar .dropdown-menu .active > a:hover,
6731 .navbar-material-brown.navbar .dropdown-menu .active > a:focus {
6732 color: rgba(255, 255, 255, 0.84);
6734 .navbar-material-grey.navbar {
6735 background-color: #9e9e9e;
6736 color: rgba(255, 255, 255, 0.84);
6738 .navbar-material-grey.navbar .navbar-form .form-control-wrapper input.form-control::-webkit-input-placeholder,
6739 .navbar-material-grey.navbar .navbar-form input.form-control::-webkit-input-placeholder {
6740 color: rgba(255, 255, 255, 0.84);
6742 .navbar-material-grey.navbar .navbar-form .form-control-wrapper input.form-control::-moz-placeholder,
6743 .navbar-material-grey.navbar .navbar-form input.form-control::-moz-placeholder {
6744 color: rgba(255, 255, 255, 0.84);
6746 .navbar-material-grey.navbar .navbar-form .form-control-wrapper input.form-control:-ms-input-placeholder,
6747 .navbar-material-grey.navbar .navbar-form input.form-control:-ms-input-placeholder {
6748 color: rgba(255, 255, 255, 0.84);
6750 .navbar-material-grey.navbar .navbar-form .form-control-wrapper input.form-control::placeholder,
6751 .navbar-material-grey.navbar .navbar-form input.form-control::placeholder {
6752 color: rgba(255, 255, 255, 0.84);
6754 .navbar-material-grey.navbar .dropdown-menu {
6757 .navbar-material-grey.navbar .dropdown-menu li > a {
6761 .navbar-material-grey.navbar .dropdown-menu li > a:hover,
6762 .navbar-material-grey.navbar .dropdown-menu li > a:focus {
6764 background-color: #eeeeee;
6766 .navbar-material-grey.navbar .dropdown-menu .active > a {
6767 background-color: #9e9e9e;
6768 color: rgba(255, 255, 255, 0.84);
6770 .navbar-material-grey.navbar .dropdown-menu .active > a:hover,
6771 .navbar-material-grey.navbar .dropdown-menu .active > a:focus {
6772 color: rgba(255, 255, 255, 0.84);
6774 .navbar-material-blue-grey.navbar {
6775 background-color: #607d8b;
6776 color: rgba(255, 255, 255, 0.84);
6778 .navbar-material-blue-grey.navbar .navbar-form .form-control-wrapper input.form-control::-webkit-input-placeholder,
6779 .navbar-material-blue-grey.navbar .navbar-form input.form-control::-webkit-input-placeholder {
6780 color: rgba(255, 255, 255, 0.84);
6782 .navbar-material-blue-grey.navbar .navbar-form .form-control-wrapper input.form-control::-moz-placeholder,
6783 .navbar-material-blue-grey.navbar .navbar-form input.form-control::-moz-placeholder {
6784 color: rgba(255, 255, 255, 0.84);
6786 .navbar-material-blue-grey.navbar .navbar-form .form-control-wrapper input.form-control:-ms-input-placeholder,
6787 .navbar-material-blue-grey.navbar .navbar-form input.form-control:-ms-input-placeholder {
6788 color: rgba(255, 255, 255, 0.84);
6790 .navbar-material-blue-grey.navbar .navbar-form .form-control-wrapper input.form-control::placeholder,
6791 .navbar-material-blue-grey.navbar .navbar-form input.form-control::placeholder {
6792 color: rgba(255, 255, 255, 0.84);
6794 .navbar-material-blue-grey.navbar .dropdown-menu {
6797 .navbar-material-blue-grey.navbar .dropdown-menu li > a {
6801 .navbar-material-blue-grey.navbar .dropdown-menu li > a:hover,
6802 .navbar-material-blue-grey.navbar .dropdown-menu li > a:focus {
6804 background-color: #eeeeee;
6806 .navbar-material-blue-grey.navbar .dropdown-menu .active > a {
6807 background-color: #607d8b;
6808 color: rgba(255, 255, 255, 0.84);
6810 .navbar-material-blue-grey.navbar .dropdown-menu .active > a:hover,
6811 .navbar-material-blue-grey.navbar .dropdown-menu .active > a:focus {
6812 color: rgba(255, 255, 255, 0.84);
6815 background-color: #3f51b5;
6817 @media (max-width: 1199px) {
6818 .navbar .navbar-brand {
6822 .navbar .navbar-form {
6825 .navbar .navbar-nav > li > a {
6827 padding-bottom: 15px;
6832 box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
6834 .dropdown-menu .divider {
6835 background-color: rgba(229, 229, 229, 0.12);
6841 .dropdown-menu li a:hover {
6842 background-color: transparent;
6845 .dropdown-menu li a:hover,
6846 .dropdown-menu-default li a:hover {
6849 .dropdown-menu-black li a:hover {
6852 .dropdown-menu-white li a:hover {
6855 .dropdown-menu-inverse li a:hover {
6858 .dropdown-menu-primary li a:hover {
6861 .dropdown-menu-success li a:hover {
6864 .dropdown-menu-info li a:hover {
6867 .dropdown-menu-warning li a:hover {
6870 .dropdown-menu-danger li a:hover {
6873 .dropdown-menu-material-red li a:hover {
6876 .dropdown-menu-material-pink li a:hover {
6879 .dropdown-menu-material-purple li a:hover {
6882 .dropdown-menu-material-deep-purple li a:hover {
6885 .dropdown-menu-material-indigo li a:hover {
6888 .dropdown-menu-material-blue li a:hover {
6891 .dropdown-menu-material-light-blue li a:hover {
6894 .dropdown-menu-material-cyan li a:hover {
6897 .dropdown-menu-material-teal li a:hover {
6900 .dropdown-menu-material-green li a:hover {
6903 .dropdown-menu-material-light-green li a:hover {
6906 .dropdown-menu-material-lime li a:hover {
6909 .dropdown-menu-material-yellow li a:hover {
6912 .dropdown-menu-material-amber li a:hover {
6915 .dropdown-menu-material-orange li a:hover {
6918 .dropdown-menu-material-deep-orange li a:hover {
6921 .dropdown-menu-material-brown li a:hover {
6924 .dropdown-menu-material-grey li a:hover {
6927 .dropdown-menu-material-blue-grey li a:hover {
6936 background-color: rgba(255, 255, 255, 0.84);
6937 color: rgba(255, 255, 255, 0.84);
6942 .alert-default .alert-link {
6943 color: rgba(255, 255, 255, 0.84);
6946 background-color: #000000;
6947 color: rgba(255, 255, 255, 0.84);
6950 .alert-black .alert-link {
6951 color: rgba(255, 255, 255, 0.84);
6954 background-color: #ffffff;
6955 color: rgba(0, 0, 0, 0.84);
6958 .alert-white .alert-link {
6959 color: rgba(0, 0, 0, 0.84);
6962 background-color: #3f51b5;
6963 color: rgba(255, 255, 255, 0.84);
6966 .alert-inverse .alert-link {
6967 color: rgba(255, 255, 255, 0.84);
6970 background-color: #009688;
6971 color: rgba(255, 255, 255, 0.84);
6974 .alert-primary .alert-link {
6975 color: rgba(255, 255, 255, 0.84);
6978 background-color: #4caf50;
6979 color: rgba(255, 255, 255, 0.84);
6982 .alert-success .alert-link {
6983 color: rgba(255, 255, 255, 0.84);
6986 background-color: #03a9f4;
6987 color: rgba(255, 255, 255, 0.84);
6990 .alert-info .alert-link {
6991 color: rgba(255, 255, 255, 0.84);
6994 background-color: #ff5722;
6995 color: rgba(255, 255, 255, 0.84);
6998 .alert-warning .alert-link {
6999 color: rgba(255, 255, 255, 0.84);
7002 background-color: #f44336;
7003 color: rgba(255, 255, 255, 0.84);
7006 .alert-danger .alert-link {
7007 color: rgba(255, 255, 255, 0.84);
7009 .alert-material-red {
7010 background-color: #f44336;
7011 color: rgba(255, 255, 255, 0.84);
7013 .alert-material-red a,
7014 .alert-material-red .alert-link {
7015 color: rgba(255, 255, 255, 0.84);
7017 .alert-material-pink {
7018 background-color: #e91e63;
7019 color: rgba(255, 255, 255, 0.84);
7021 .alert-material-pink a,
7022 .alert-material-pink .alert-link {
7023 color: rgba(255, 255, 255, 0.84);
7025 .alert-material-purple {
7026 background-color: #9c27b0;
7027 color: rgba(255, 255, 255, 0.84);
7029 .alert-material-purple a,
7030 .alert-material-purple .alert-link {
7031 color: rgba(255, 255, 255, 0.84);
7033 .alert-material-deep-purple {
7034 background-color: #673ab7;
7035 color: rgba(255, 255, 255, 0.84);
7037 .alert-material-deep-purple a,
7038 .alert-material-deep-purple .alert-link {
7039 color: rgba(255, 255, 255, 0.84);
7041 .alert-material-indigo {
7042 background-color: #3f51b5;
7043 color: rgba(255, 255, 255, 0.84);
7045 .alert-material-indigo a,
7046 .alert-material-indigo .alert-link {
7047 color: rgba(255, 255, 255, 0.84);
7049 .alert-material-blue {
7050 background-color: #2196f3;
7051 color: rgba(255, 255, 255, 0.84);
7053 .alert-material-blue a,
7054 .alert-material-blue .alert-link {
7055 color: rgba(255, 255, 255, 0.84);
7057 .alert-material-light-blue {
7058 background-color: #03a9f4;
7059 color: rgba(255, 255, 255, 0.84);
7061 .alert-material-light-blue a,
7062 .alert-material-light-blue .alert-link {
7063 color: rgba(255, 255, 255, 0.84);
7065 .alert-material-cyan {
7066 background-color: #00bcd4;
7067 color: rgba(0, 0, 0, 0.84);
7069 .alert-material-cyan a,
7070 .alert-material-cyan .alert-link {
7071 color: rgba(0, 0, 0, 0.84);
7073 .alert-material-teal {
7074 background-color: #009688;
7075 color: rgba(255, 255, 255, 0.84);
7077 .alert-material-teal a,
7078 .alert-material-teal .alert-link {
7079 color: rgba(255, 255, 255, 0.84);
7081 .alert-material-green {
7082 background-color: #4caf50;
7083 color: rgba(255, 255, 255, 0.84);
7085 .alert-material-green a,
7086 .alert-material-green .alert-link {
7087 color: rgba(255, 255, 255, 0.84);
7089 .alert-material-light-green {
7090 background-color: #8bc34a;
7091 color: rgba(0, 0, 0, 0.84);
7093 .alert-material-light-green a,
7094 .alert-material-light-green .alert-link {
7095 color: rgba(0, 0, 0, 0.84);
7097 .alert-material-lime {
7098 background-color: #cddc39;
7099 color: rgba(0, 0, 0, 0.84);
7101 .alert-material-lime a,
7102 .alert-material-lime .alert-link {
7103 color: rgba(0, 0, 0, 0.84);
7105 .alert-material-yellow {
7106 background-color: #ffeb3b;
7107 color: rgba(0, 0, 0, 0.84);
7109 .alert-material-yellow a,
7110 .alert-material-yellow .alert-link {
7111 color: rgba(0, 0, 0, 0.84);
7113 .alert-material-amber {
7114 background-color: #ffc107;
7115 color: rgba(0, 0, 0, 0.84);
7117 .alert-material-amber a,
7118 .alert-material-amber .alert-link {
7119 color: rgba(0, 0, 0, 0.84);
7121 .alert-material-orange {
7122 background-color: #ff9800;
7123 color: rgba(0, 0, 0, 0.84);
7125 .alert-material-orange a,
7126 .alert-material-orange .alert-link {
7127 color: rgba(0, 0, 0, 0.84);
7129 .alert-material-deep-orange {
7130 background-color: #ff5722;
7131 color: rgba(255, 255, 255, 0.84);
7133 .alert-material-deep-orange a,
7134 .alert-material-deep-orange .alert-link {
7135 color: rgba(255, 255, 255, 0.84);
7137 .alert-material-brown {
7138 background-color: #795548;
7139 color: rgba(255, 255, 255, 0.84);
7141 .alert-material-brown a,
7142 .alert-material-brown .alert-link {
7143 color: rgba(255, 255, 255, 0.84);
7145 .alert-material-grey {
7146 background-color: #9e9e9e;
7147 color: rgba(255, 255, 255, 0.84);
7149 .alert-material-grey a,
7150 .alert-material-grey .alert-link {
7151 color: rgba(255, 255, 255, 0.84);
7153 .alert-material-blue-grey {
7154 background-color: #607d8b;
7155 color: rgba(255, 255, 255, 0.84);
7157 .alert-material-blue-grey a,
7158 .alert-material-blue-grey .alert-link {
7159 color: rgba(255, 255, 255, 0.84);
7165 color: rgba(255, 255, 255, 0.84);
7168 .alert-default .alert-link {
7169 color: rgba(0, 0, 0, 0.84);
7175 background: #c8c8c8;
7177 .progress .progress-bar {
7180 .progress .progress-bar,
7181 .progress .progress-bar-default {
7182 background-color: #009688;
7184 .progress .progress-bar-black {
7185 background-color: #000000;
7187 .progress .progress-bar-white {
7188 background-color: #ffffff;
7190 .progress .progress-bar-inverse {
7191 background-color: #3f51b5;
7193 .progress .progress-bar-primary {
7194 background-color: #009688;
7196 .progress .progress-bar-success {
7197 background-color: #4caf50;
7199 .progress .progress-bar-info {
7200 background-color: #03a9f4;
7202 .progress .progress-bar-warning {
7203 background-color: #ff5722;
7205 .progress .progress-bar-danger {
7206 background-color: #f44336;
7208 .progress .progress-bar-material-red {
7209 background-color: #f44336;
7211 .progress .progress-bar-material-pink {
7212 background-color: #e91e63;
7214 .progress .progress-bar-material-purple {
7215 background-color: #9c27b0;
7217 .progress .progress-bar-material-deep-purple {
7218 background-color: #673ab7;
7220 .progress .progress-bar-material-indigo {
7221 background-color: #3f51b5;
7223 .progress .progress-bar-material-blue {
7224 background-color: #2196f3;
7226 .progress .progress-bar-material-light-blue {
7227 background-color: #03a9f4;
7229 .progress .progress-bar-material-cyan {
7230 background-color: #00bcd4;
7232 .progress .progress-bar-material-teal {
7233 background-color: #009688;
7235 .progress .progress-bar-material-green {
7236 background-color: #4caf50;
7238 .progress .progress-bar-material-light-green {
7239 background-color: #8bc34a;
7241 .progress .progress-bar-material-lime {
7242 background-color: #cddc39;
7244 .progress .progress-bar-material-yellow {
7245 background-color: #ffeb3b;
7247 .progress .progress-bar-material-amber {
7248 background-color: #ffc107;
7250 .progress .progress-bar-material-orange {
7251 background-color: #ff9800;
7253 .progress .progress-bar-material-deep-orange {
7254 background-color: #ff5722;
7256 .progress .progress-bar-material-brown {
7257 background-color: #795548;
7259 .progress .progress-bar-material-grey {
7260 background-color: #9e9e9e;
7262 .progress .progress-bar-material-blue-grey {
7263 background-color: #607d8b;
7281 background: #009688;
7283 .nav-tabs > li > a {
7288 .nav-tabs > li > a:hover {
7289 background-color: transparent;
7293 .nav-tabs > li > a:hover,
7294 .nav-tabs > li > a:focus {
7295 background-color: transparent !important;
7296 border: 0 !important;
7297 color: #FFFFFF !important;
7300 .nav-tabs > li.disabled > a,
7301 .nav-tabs > li.disabled > a:hover {
7302 color: rgba(255, 255, 255, 0.5);
7308 background: rgba(101, 101, 101, 0.9);
7311 box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
7319 .popover .tooltip-arrow,
7320 .tooltip .tooltip-arrow {
7325 line-height: inherit;
7326 vertical-align: bottom;
7332 color: rgba(0, 0, 0, 0.84);
7371 icon-material-pink {
7374 .mdi-material-purple,
7375 icon-material-purple {
7378 .mdi-material-deep-purple,
7379 icon-material-deep-purple {
7382 .mdi-material-indigo,
7383 icon-material-indigo {
7387 icon-material-blue {
7390 .mdi-material-light-blue,
7391 icon-material-light-blue {
7395 icon-material-cyan {
7399 icon-material-teal {
7402 .mdi-material-green,
7403 icon-material-green {
7406 .mdi-material-light-green,
7407 icon-material-light-green {
7411 icon-material-lime {
7414 .mdi-material-yellow,
7415 icon-material-yellow {
7418 .mdi-material-amber,
7419 icon-material-amber {
7422 .mdi-material-orange,
7423 icon-material-orange {
7426 .mdi-material-deep-orange,
7427 icon-material-deep-orange {
7430 .mdi-material-brown,
7431 icon-material-brown {
7435 icon-material-grey {
7438 .mdi-material-blue-grey,
7439 icon-material-blue-grey {
7443 /***** Make height equal to width (http://stackoverflow.com/a/6615994) ****/
7444 display: inline-block;
7447 /**************************************************************************/
7449 color: rgba(0, 0, 0, 0.84);
7450 background: #ffffff;
7451 box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
7453 .card .card-height-indicator {
7456 .card .card-content {
7468 .card .card-image img {
7471 border-top-left-radius: 2px;
7472 border-top-right-radius: 2px;
7473 pointer-events: none;
7475 .card .card-image .card-image-headline {
7486 .card .card-footer {
7490 .card .card-footer button {
7491 margin: 0 !important;
7496 .card .card-footer button:first-child {
7500 box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
7504 .modal-content .modal-header {
7505 border-bottom: none;
7507 padding-right: 24px;
7508 padding-bottom: 0px;
7511 .modal-content .modal-body {
7513 padding-right: 24px;
7514 padding-bottom: 16px;
7517 .modal-content .modal-footer {
7521 .modal-content .modal-footer button {
7524 padding-right: 16px;
7527 .modal-content .modal-footer button.pull-left {
7533 .modal-content .modal-footer button + button {
7534 margin-bottom: 16px;
7536 .modal-content .modal-body + .modal-footer {
7540 background: rgba(0, 0, 0, 0.3);
7547 background-color: #9e9e9e;
7550 background-color: #000000;
7553 background-color: #ffffff;
7556 background-color: #3f51b5;
7559 background-color: #009688;
7562 background-color: #4caf50;
7565 background-color: #03a9f4;
7568 background-color: #ff5722;
7571 background-color: #f44336;
7573 .label-material-red {
7574 background-color: #f44336;
7576 .label-material-pink {
7577 background-color: #e91e63;
7579 .label-material-purple {
7580 background-color: #9c27b0;
7582 .label-material-deep-purple {
7583 background-color: #673ab7;
7585 .label-material-indigo {
7586 background-color: #3f51b5;
7588 .label-material-blue {
7589 background-color: #2196f3;
7591 .label-material-light-blue {
7592 background-color: #03a9f4;
7594 .label-material-cyan {
7595 background-color: #00bcd4;
7597 .label-material-teal {
7598 background-color: #009688;
7600 .label-material-green {
7601 background-color: #4caf50;
7603 .label-material-light-green {
7604 background-color: #8bc34a;
7606 .label-material-lime {
7607 background-color: #cddc39;
7609 .label-material-yellow {
7610 background-color: #ffeb3b;
7612 .label-material-amber {
7613 background-color: #ffc107;
7615 .label-material-orange {
7616 background-color: #ff9800;
7618 .label-material-deep-orange {
7619 background-color: #ff5722;
7621 .label-material-brown {
7622 background-color: #795548;
7624 .label-material-grey {
7625 background-color: #9e9e9e;
7627 .label-material-blue-grey {
7628 background-color: #607d8b;
7633 box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
7635 .panel > .panel-heading,
7636 .panel-default > .panel-heading {
7637 background-color: #eeeeee;
7639 .panel-black > .panel-heading {
7640 background-color: #000000;
7642 .panel-white > .panel-heading {
7643 background-color: #ffffff;
7645 .panel-inverse > .panel-heading {
7646 background-color: #3f51b5;
7648 .panel-primary > .panel-heading {
7649 background-color: #009688;
7651 .panel-success > .panel-heading {
7652 background-color: #4caf50;
7654 .panel-info > .panel-heading {
7655 background-color: #03a9f4;
7657 .panel-warning > .panel-heading {
7658 background-color: #ff5722;
7660 .panel-danger > .panel-heading {
7661 background-color: #f44336;
7663 .panel-material-red > .panel-heading {
7664 background-color: #f44336;
7666 .panel-material-pink > .panel-heading {
7667 background-color: #e91e63;
7669 .panel-material-purple > .panel-heading {
7670 background-color: #9c27b0;
7672 .panel-material-deep-purple > .panel-heading {
7673 background-color: #673ab7;
7675 .panel-material-indigo > .panel-heading {
7676 background-color: #3f51b5;
7678 .panel-material-blue > .panel-heading {
7679 background-color: #2196f3;
7681 .panel-material-light-blue > .panel-heading {
7682 background-color: #03a9f4;
7684 .panel-material-cyan > .panel-heading {
7685 background-color: #00bcd4;
7687 .panel-material-teal > .panel-heading {
7688 background-color: #009688;
7690 .panel-material-green > .panel-heading {
7691 background-color: #4caf50;
7693 .panel-material-light-green > .panel-heading {
7694 background-color: #8bc34a;
7696 .panel-material-lime > .panel-heading {
7697 background-color: #cddc39;
7699 .panel-material-yellow > .panel-heading {
7700 background-color: #ffeb3b;
7702 .panel-material-amber > .panel-heading {
7703 background-color: #ffc107;
7705 .panel-material-orange > .panel-heading {
7706 background-color: #ff9800;
7708 .panel-material-deep-orange > .panel-heading {
7709 background-color: #ff5722;
7711 .panel-material-brown > .panel-heading {
7712 background-color: #795548;
7714 .panel-material-grey > .panel-heading {
7715 background-color: #9e9e9e;
7717 .panel-material-blue-grey > .panel-heading {
7718 background-color: #607d8b;
7720 [class*="panel-"] > .panel-heading {
7721 color: rgba(255, 255, 255, 0.84);
7724 .panel-default > .panel-heading,
7725 .panel:not([class*="panel-"]) > .panel-heading {
7726 color: rgba(0, 0, 0, 0.84);
7729 background-color: #eeeeee;
7737 @media (-webkit-min-device-pixel-ratio: 0.75), (min--moz-device-pixel-ratio: 0.75), (-o-device-pixel-ratio: 3/4), (min-device-pixel-ratio: 0.75), (min-resolution: 0.75dppx), (min-resolution: 120dpi) {
7742 @media (-webkit-min-device-pixel-ratio: 1), (min--moz-device-pixel-ratio: 1), (-o-device-pixel-ratio: 1), (min-device-pixel-ratio: 1), (min-resolution: 1dppx), (min-resolution: 160dpi) {
7747 @media (-webkit-min-device-pixel-ratio: 1.33), (min--moz-device-pixel-ratio: 1.33), (-o-device-pixel-ratio: 133/100), (min-device-pixel-ratio: 1.33), (min-resolution: 1.33dppx), (min-resolution: 213dpi) {
7752 @media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-device-pixel-ratio: 3/2), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx), (min-resolution: 240dpi) {
7757 @media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (-o-device-pixel-ratio: 2/1), (min-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 380dpi) {
7762 @media (-webkit-min-device-pixel-ratio: 3), (min--moz-device-pixel-ratio: 3), (-o-device-pixel-ratio: 3/1), (min-device-pixel-ratio: 3), (min-resolution: 3dppx), (min-resolution: 480dpi) {
7767 @media (-webkit-min-device-pixel-ratio: 4), (min--moz-device-pixel-ratio: 4), (-o-device-pixel-ratio: 4/1), (min-device-pixel-ratio: 3), (min-resolution: 4dppx), (min-resolution: 640dpi) {
7773 -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
7774 -webkit-tap-highlight-color: transparent;
7780 background-color: #323232;
7781 color: rgba(255, 255, 255, 0.84);
7784 box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
7786 transition: -webkit-transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0 linear 0.2s, padding 0 linear 0.2s, height 0 linear 0.2s;
7787 transition: transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0 linear 0.2s, padding 0 linear 0.2s, height 0 linear 0.2s;
7788 -webkit-transform: translateY(200%);
7789 -ms-transform: translateY(200%);
7790 transform: translateY(200%);
7792 .snackbar.snackbar-opened {
7794 margin-bottom: 20px;
7796 transition: -webkit-transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0 linear 0.2s, height 0 linear 0.2s;
7797 transition: transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0 linear 0.2s, height 0 linear 0.2s;
7798 -webkit-transform: none;
7799 -ms-transform: none;
7803 border-radius: 200px;
7807 -webkit-touch-callout: none;
7808 -ms-touch-action: none;
7809 -webkit-user-select: none;
7810 -moz-user-select: none;
7811 -ms-user-select: none;
7813 box-sizing: border-box;
7830 box-sizing: border-box;
7832 .noUi-stacking .noUi-handle {
7835 .noUi-stacking + .noUi-origin {
7838 .noUi-state-tap .noUi-origin {
7839 transition: left 0.3s, top 0.3s;
7841 .noUi-state-drag * {
7842 cursor: inherit !important;
7848 box-sizing: border-box;
7854 border-radius: 100%;
7855 transition: all 0.2s ease-out;
7858 .noUi-vertical .noUi-handle {
7862 .noUi-horizontal.noUi-extended {
7865 .noUi-horizontal.noUi-extended .noUi-origin {
7876 background: #c8c8c8;
7878 .noUi-origin[style^="left: 0"] .noUi-handle {
7879 background-color: #fff;
7880 border: 2px solid #c8c8c8;
7882 .noUi-origin[style^="left: 0"] .noUi-handle.noUi-active {
7896 display: inline-block;
7898 .noUi-handle.noUi-active {
7899 -webkit-transform: scale3d(2.5, 2.5, 1);
7900 transform: scale3d(2.5, 2.5, 1);
7902 [disabled].noUi-slider {
7905 [disabled] .noUi-handle {
7906 cursor: not-allowed;
7909 background: #c8c8c8;
7911 .slider.noUi-connect,
7912 .slider-default.noUi-connect {
7913 background-color: #009688;
7915 .slider-black.noUi-connect {
7916 background-color: #000000;
7918 .slider-white.noUi-connect {
7919 background-color: #ffffff;
7921 .slider-inverse.noUi-connect {
7922 background-color: #3f51b5;
7924 .slider-primary.noUi-connect {
7925 background-color: #009688;
7927 .slider-success.noUi-connect {
7928 background-color: #4caf50;
7930 .slider-info.noUi-connect {
7931 background-color: #03a9f4;
7933 .slider-warning.noUi-connect {
7934 background-color: #ff5722;
7936 .slider-danger.noUi-connect {
7937 background-color: #f44336;
7939 .slider-material-red.noUi-connect {
7940 background-color: #f44336;
7942 .slider-material-pink.noUi-connect {
7943 background-color: #e91e63;
7945 .slider-material-purple.noUi-connect {
7946 background-color: #9c27b0;
7948 .slider-material-deep-purple.noUi-connect {
7949 background-color: #673ab7;
7951 .slider-material-indigo.noUi-connect {
7952 background-color: #3f51b5;
7954 .slider-material-blue.noUi-connect {
7955 background-color: #2196f3;
7957 .slider-material-light-blue.noUi-connect {
7958 background-color: #03a9f4;
7960 .slider-material-cyan.noUi-connect {
7961 background-color: #00bcd4;
7963 .slider-material-teal.noUi-connect {
7964 background-color: #009688;
7966 .slider-material-green.noUi-connect {
7967 background-color: #4caf50;
7969 .slider-material-light-green.noUi-connect {
7970 background-color: #8bc34a;
7972 .slider-material-lime.noUi-connect {
7973 background-color: #cddc39;
7975 .slider-material-yellow.noUi-connect {
7976 background-color: #ffeb3b;
7978 .slider-material-amber.noUi-connect {
7979 background-color: #ffc107;
7981 .slider-material-orange.noUi-connect {
7982 background-color: #ff9800;
7984 .slider-material-deep-orange.noUi-connect {
7985 background-color: #ff5722;
7987 .slider-material-brown.noUi-connect {
7988 background-color: #795548;
7990 .slider-material-grey.noUi-connect {
7991 background-color: #9e9e9e;
7993 .slider-material-blue-grey.noUi-connect {
7994 background-color: #607d8b;
7996 .slider .noUi-connect,
7997 .slider-default .noUi-connect {
7998 background-color: #009688;
8000 .slider-black .noUi-connect {
8001 background-color: #000000;
8003 .slider-white .noUi-connect {
8004 background-color: #ffffff;
8006 .slider-inverse .noUi-connect {
8007 background-color: #3f51b5;
8009 .slider-primary .noUi-connect {
8010 background-color: #009688;
8012 .slider-success .noUi-connect {
8013 background-color: #4caf50;
8015 .slider-info .noUi-connect {
8016 background-color: #03a9f4;
8018 .slider-warning .noUi-connect {
8019 background-color: #ff5722;
8021 .slider-danger .noUi-connect {
8022 background-color: #f44336;
8024 .slider-material-red .noUi-connect {
8025 background-color: #f44336;
8027 .slider-material-pink .noUi-connect {
8028 background-color: #e91e63;
8030 .slider-material-purple .noUi-connect {
8031 background-color: #9c27b0;
8033 .slider-material-deep-purple .noUi-connect {
8034 background-color: #673ab7;
8036 .slider-material-indigo .noUi-connect {
8037 background-color: #3f51b5;
8039 .slider-material-blue .noUi-connect {
8040 background-color: #2196f3;
8042 .slider-material-light-blue .noUi-connect {
8043 background-color: #03a9f4;
8045 .slider-material-cyan .noUi-connect {
8046 background-color: #00bcd4;
8048 .slider-material-teal .noUi-connect {
8049 background-color: #009688;
8051 .slider-material-green .noUi-connect {
8052 background-color: #4caf50;
8054 .slider-material-light-green .noUi-connect {
8055 background-color: #8bc34a;
8057 .slider-material-lime .noUi-connect {
8058 background-color: #cddc39;
8060 .slider-material-yellow .noUi-connect {
8061 background-color: #ffeb3b;
8063 .slider-material-amber .noUi-connect {
8064 background-color: #ffc107;
8066 .slider-material-orange .noUi-connect {
8067 background-color: #ff9800;
8069 .slider-material-deep-orange .noUi-connect {
8070 background-color: #ff5722;
8072 .slider-material-brown .noUi-connect {
8073 background-color: #795548;
8075 .slider-material-grey .noUi-connect {
8076 background-color: #9e9e9e;
8078 .slider-material-blue-grey .noUi-connect {
8079 background-color: #607d8b;
8081 .slider .noUi-handle,
8082 .slider-default .noUi-handle {
8083 background-color: #009688;
8085 .slider-black .noUi-handle {
8086 background-color: #000000;
8088 .slider-white .noUi-handle {
8089 background-color: #ffffff;
8091 .slider-inverse .noUi-handle {
8092 background-color: #3f51b5;
8094 .slider-primary .noUi-handle {
8095 background-color: #009688;
8097 .slider-success .noUi-handle {
8098 background-color: #4caf50;
8100 .slider-info .noUi-handle {
8101 background-color: #03a9f4;
8103 .slider-warning .noUi-handle {
8104 background-color: #ff5722;
8106 .slider-danger .noUi-handle {
8107 background-color: #f44336;
8109 .slider-material-red .noUi-handle {
8110 background-color: #f44336;
8112 .slider-material-pink .noUi-handle {
8113 background-color: #e91e63;
8115 .slider-material-purple .noUi-handle {
8116 background-color: #9c27b0;
8118 .slider-material-deep-purple .noUi-handle {
8119 background-color: #673ab7;
8121 .slider-material-indigo .noUi-handle {
8122 background-color: #3f51b5;
8124 .slider-material-blue .noUi-handle {
8125 background-color: #2196f3;
8127 .slider-material-light-blue .noUi-handle {
8128 background-color: #03a9f4;
8130 .slider-material-cyan .noUi-handle {
8131 background-color: #00bcd4;
8133 .slider-material-teal .noUi-handle {
8134 background-color: #009688;
8136 .slider-material-green .noUi-handle {
8137 background-color: #4caf50;
8139 .slider-material-light-green .noUi-handle {
8140 background-color: #8bc34a;
8142 .slider-material-lime .noUi-handle {
8143 background-color: #cddc39;
8145 .slider-material-yellow .noUi-handle {
8146 background-color: #ffeb3b;
8148 .slider-material-amber .noUi-handle {
8149 background-color: #ffc107;
8151 .slider-material-orange .noUi-handle {
8152 background-color: #ff9800;
8154 .slider-material-deep-orange .noUi-handle {
8155 background-color: #ff5722;
8157 .slider-material-brown .noUi-handle {
8158 background-color: #795548;
8160 .slider-material-grey .noUi-handle {
8161 background-color: #9e9e9e;
8163 .slider-material-blue-grey .noUi-handle {
8164 background-color: #607d8b;
8166 .slider .noUi-handle,
8167 .slider-default .noUi-handle {
8168 border-color: #009688;
8170 .slider-black .noUi-handle {
8171 border-color: #000000;
8173 .slider-white .noUi-handle {
8174 border-color: #ffffff;
8176 .slider-inverse .noUi-handle {
8177 border-color: #3f51b5;
8179 .slider-primary .noUi-handle {
8180 border-color: #009688;
8182 .slider-success .noUi-handle {
8183 border-color: #4caf50;
8185 .slider-info .noUi-handle {
8186 border-color: #03a9f4;
8188 .slider-warning .noUi-handle {
8189 border-color: #ff5722;
8191 .slider-danger .noUi-handle {
8192 border-color: #f44336;
8194 .slider-material-red .noUi-handle {
8195 border-color: #f44336;
8197 .slider-material-pink .noUi-handle {
8198 border-color: #e91e63;
8200 .slider-material-purple .noUi-handle {
8201 border-color: #9c27b0;
8203 .slider-material-deep-purple .noUi-handle {
8204 border-color: #673ab7;
8206 .slider-material-indigo .noUi-handle {
8207 border-color: #3f51b5;
8209 .slider-material-blue .noUi-handle {
8210 border-color: #2196f3;
8212 .slider-material-light-blue .noUi-handle {
8213 border-color: #03a9f4;
8215 .slider-material-cyan .noUi-handle {
8216 border-color: #00bcd4;
8218 .slider-material-teal .noUi-handle {
8219 border-color: #009688;
8221 .slider-material-green .noUi-handle {
8222 border-color: #4caf50;
8224 .slider-material-light-green .noUi-handle {
8225 border-color: #8bc34a;
8227 .slider-material-lime .noUi-handle {
8228 border-color: #cddc39;
8230 .slider-material-yellow .noUi-handle {
8231 border-color: #ffeb3b;
8233 .slider-material-amber .noUi-handle {
8234 border-color: #ffc107;
8236 .slider-material-orange .noUi-handle {
8237 border-color: #ff9800;
8239 .slider-material-deep-orange .noUi-handle {
8240 border-color: #ff5722;
8242 .slider-material-brown .noUi-handle {
8243 border-color: #795548;
8245 .slider-material-grey .noUi-handle {
8246 border-color: #9e9e9e;
8248 .slider-material-blue-grey .noUi-handle {
8249 border-color: #607d8b;
8251 .selectize-control.single,
8252 .selectize-control.multi {
8255 .selectize-control.single .selectize-input,
8256 .selectize-control.multi .selectize-input,
8257 .selectize-control.single .selectize-input.input-active,
8258 .selectize-control.multi .selectize-input.input-active {
8260 background: transparent;
8268 .selectize-control.single .selectize-input .has-items,
8269 .selectize-control.multi .selectize-input .has-items,
8270 .selectize-control.single .selectize-input.input-active .has-items,
8271 .selectize-control.multi .selectize-input.input-active .has-items {
8274 .selectize-control.single .selectize-input:after,
8275 .selectize-control.multi .selectize-input:after,
8276 .selectize-control.single .selectize-input.input-active:after,
8277 .selectize-control.multi .selectize-input.input-active:after {
8282 font-family: "Material-Design-Icons";
8285 font-weight: normal;
8286 font-variant: normal;
8287 text-transform: none;
8289 -webkit-font-smoothing: antialiased;
8290 -moz-osx-font-smoothing: grayscale;
8292 .selectize-control.single .selectize-input input,
8293 .selectize-control.multi .selectize-input input,
8294 .selectize-control.single .selectize-input.input-active input,
8295 .selectize-control.multi .selectize-input.input-active input {
8299 background: transparent;
8301 .selectize-control.single .selectize-input.floating-label-fix input,
8302 .selectize-control.multi .selectize-input.floating-label-fix input,
8303 .selectize-control.single .selectize-input.input-active.floating-label-fix input,
8304 .selectize-control.multi .selectize-input.input-active.floating-label-fix input {
8307 .selectize-control.single .selectize-input > div,
8308 .selectize-control.multi .selectize-input > div,
8309 .selectize-control.single .selectize-input.input-active > div,
8310 .selectize-control.multi .selectize-input.input-active > div,
8311 .selectize-control.single .selectize-input > .item,
8312 .selectize-control.multi .selectize-input > .item,
8313 .selectize-control.single .selectize-input.input-active > .item,
8314 .selectize-control.multi .selectize-input.input-active > .item {
8315 display: inline-block;
8316 margin: 0 8px 3px 0;
8318 background: transparent;
8321 .selectize-control.single .selectize-input > div:after,
8322 .selectize-control.multi .selectize-input > div:after,
8323 .selectize-control.single .selectize-input.input-active > div:after,
8324 .selectize-control.multi .selectize-input.input-active > div:after,
8325 .selectize-control.single .selectize-input > .item:after,
8326 .selectize-control.multi .selectize-input > .item:after,
8327 .selectize-control.single .selectize-input.input-active > .item:after,
8328 .selectize-control.multi .selectize-input.input-active > .item:after {
8331 .selectize-control.single .selectize-input > div:last-of-type:after,
8332 .selectize-control.multi .selectize-input > div:last-of-type:after,
8333 .selectize-control.single .selectize-input.input-active > div:last-of-type:after,
8334 .selectize-control.multi .selectize-input.input-active > div:last-of-type:after,
8335 .selectize-control.single .selectize-input > .item:last-of-type:after,
8336 .selectize-control.multi .selectize-input > .item:last-of-type:after,
8337 .selectize-control.single .selectize-input.input-active > .item:last-of-type:after,
8338 .selectize-control.multi .selectize-input.input-active > .item:last-of-type:after {
8341 .selectize-control.single .selectize-input > div.active,
8342 .selectize-control.multi .selectize-input > div.active,
8343 .selectize-control.single .selectize-input.input-active > div.active,
8344 .selectize-control.multi .selectize-input.input-active > div.active,
8345 .selectize-control.single .selectize-input > .item.active,
8346 .selectize-control.multi .selectize-input > .item.active,
8347 .selectize-control.single .selectize-input.input-active > .item.active,
8348 .selectize-control.multi .selectize-input.input-active > .item.active {
8350 background: transparent;
8353 .selectize-control.single .selectize-dropdown,
8354 .selectize-control.multi .selectize-dropdown {
8358 width: 100% !important;
8361 background-color: #FFF;
8362 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
8367 .selectize-control.single .selectize-dropdown .active,
8368 .selectize-control.multi .selectize-dropdown .active {
8369 background-color: inherit;
8371 .selectize-control.single .selectize-dropdown .highlight,
8372 .selectize-control.multi .selectize-dropdown .highlight {
8373 background-color: #d5d8ff;
8375 .selectize-control.single .selectize-dropdown .selected,
8376 .selectize-control.multi .selectize-dropdown .selected,
8377 .selectize-control.single .selectize-dropdown .selected.active,
8378 .selectize-control.multi .selectize-dropdown .selected.active {
8379 background-color: #EEEEEE;
8381 .selectize-control.single .selectize-dropdown [data-selectable],
8382 .selectize-control.multi .selectize-dropdown [data-selectable],
8383 .selectize-control.single .selectize-dropdown .optgroup-header,
8384 .selectize-control.multi .selectize-dropdown .optgroup-header {
8388 .selectize-control.single .dropdown-active ~ .selectize-dropdown,
8389 .selectize-control.multi .dropdown-active ~ .selectize-dropdown {
8398 font-family: "Material-Design-Icons";
8401 font-weight: normal;
8402 font-variant: normal;
8403 text-transform: none;
8405 -webkit-font-smoothing: antialiased;
8406 -moz-osx-font-smoothing: grayscale;
8407 pointer-events: none;
8411 box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
8414 box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
8417 box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
8420 box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
8423 box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21);
8426 box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
8428 /*# sourceMappingURL=material.css.map */