/*
 LumX v0.3.96
 (c) 2014-2015 LumApps http://ui.lumapps.com
 License: MIT
*/

@font-face {
    font-family: MaterialDesignIcons;
    src: url(./fonts/materialdesignicons-webfont.eot?v=1.2.64);
    src: url(./fonts/materialdesignicons-webfont.eot?#iefix&v=1.2.64) format("embedded-opentype"), url(./fonts/materialdesignicons-webfont.woff2?v=1.2.64) format("woff2"), url(./fonts/materialdesignicons-webfont.woff?v=1.2.64) format("woff"), url(./fonts/materialdesignicons-webfont.ttf?v=1.2.64) format("truetype"), url(./fonts/materialdesignicons-webfont.svg?v=1.2.64#materialdesigniconsregular) format("svg");
    font-weight: 400;
    font-style: normal
}

.mdi {
    display: inline-block;
    font: normal normal normal 24px / 1 MaterialDesignIcons;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0)
}

.mdi-account:before {
    content: "\f101"
}

.mdi-account-alert:before {
    content: "\f102"
}

.mdi-account-box:before {
    content: "\f103"
}

.mdi-account-box-outline:before {
    content: "\f104"
}

.mdi-account-check:before {
    content: "\f105"
}

.mdi-account-circle:before {
    content: "\f106"
}

.mdi-account-key:before {
    content: "\f107"
}

.mdi-account-location:before {
    content: "\f108"
}

.mdi-account-minus:before {
    content: "\f109"
}

.mdi-account-multiple:before {
    content: "\f10a"
}

.mdi-account-multiple-outline:before {
    content: "\f10b"
}

.mdi-account-multiple-plus:before {
    content: "\f10c"
}

.mdi-account-network:before {
    content: "\f10d"
}

.mdi-account-outline:before {
    content: "\f10e"
}

.mdi-account-plus:before {
    content: "\f10f"
}

.mdi-account-remove:before {
    content: "\f110"
}

.mdi-account-search:before {
    content: "\f111"
}

.mdi-account-star:before {
    content: "\f112"
}

.mdi-account-star-variant:before {
    content: "\f113"
}

.mdi-account-switch:before {
    content: "\f114"
}

.mdi-airballoon:before {
    content: "\f115"
}

.mdi-airplane:before {
    content: "\f116"
}

.mdi-airplane-off:before {
    content: "\f117"
}

.mdi-alarm:before {
    content: "\f118"
}

.mdi-alarm-check:before {
    content: "\f119"
}

.mdi-alarm-multiple:before {
    content: "\f11a"
}

.mdi-alarm-off:before {
    content: "\f11b"
}

.mdi-alarm-plus:before {
    content: "\f11c"
}

.mdi-album:before {
    content: "\f11d"
}

.mdi-alert:before {
    content: "\f11e"
}

.mdi-alert-box:before {
    content: "\f11f"
}

.mdi-alert-circle:before {
    content: "\f120"
}

.mdi-alert-octagon:before {
    content: "\f121"
}

.mdi-alpha:before {
    content: "\f122"
}

.mdi-alphabetical:before {
    content: "\f123"
}

.mdi-amazon:before {
    content: "\f124"
}

.mdi-amazon-clouddrive:before {
    content: "\f125"
}

.mdi-ambulance:before {
    content: "\f126"
}

.mdi-android:before {
    content: "\f127"
}

.mdi-android-debug-bridge:before {
    content: "\f128"
}

.mdi-android-studio:before {
    content: "\f129"
}

.mdi-apple:before {
    content: "\f12a"
}

.mdi-apple-finder:before {
    content: "\f12b"
}

.mdi-apple-ios:before {
    content: "\f12c"
}

.mdi-apple-mobileme:before {
    content: "\f12d"
}

.mdi-apple-safari:before {
    content: "\f12e"
}

.mdi-appnet:before {
    content: "\f12f"
}

.mdi-apps:before {
    content: "\f130"
}

.mdi-archive:before {
    content: "\f131"
}

.mdi-arrange-bring-forward:before {
    content: "\f132"
}

.mdi-arrange-bring-to-front:before {
    content: "\f133"
}

.mdi-arrange-send-backward:before {
    content: "\f134"
}

.mdi-arrange-send-to-back:before {
    content: "\f135"
}

.mdi-arrow-all:before {
    content: "\f136"
}

.mdi-arrow-bottom-left:before {
    content: "\f137"
}

.mdi-arrow-bottom-right:before {
    content: "\f138"
}

.mdi-arrow-collapse:before {
    content: "\f139"
}

.mdi-arrow-down:before {
    content: "\f13a"
}

.mdi-arrow-down-bold:before {
    content: "\f13b"
}

.mdi-arrow-down-bold-circle:before {
    content: "\f13c"
}

.mdi-arrow-down-bold-circle-outline:before {
    content: "\f13d"
}

.mdi-arrow-down-bold-hexagon-outline:before {
    content: "\f13e"
}

.mdi-arrow-expand:before {
    content: "\f13f"
}

.mdi-arrow-left:before {
    content: "\f140"
}

.mdi-arrow-left-bold:before {
    content: "\f141"
}

.mdi-arrow-left-bold-circle:before {
    content: "\f142"
}

.mdi-arrow-left-bold-circle-outline:before {
    content: "\f143"
}

.mdi-arrow-left-bold-hexagon-outline:before {
    content: "\f144"
}

.mdi-arrow-right:before {
    content: "\f145"
}

.mdi-arrow-right-bold:before {
    content: "\f146"
}

.mdi-arrow-right-bold-circle:before {
    content: "\f147"
}

.mdi-arrow-right-bold-circle-outline:before {
    content: "\f148"
}

.mdi-arrow-right-bold-hexagon-outline:before {
    content: "\f149"
}

.mdi-arrow-top-left:before {
    content: "\f14a"
}

.mdi-arrow-top-right:before {
    content: "\f14b"
}

.mdi-arrow-up:before {
    content: "\f14c"
}

.mdi-arrow-up-bold:before {
    content: "\f14d"
}

.mdi-arrow-up-bold-circle:before {
    content: "\f14e"
}

.mdi-arrow-up-bold-circle-outline:before {
    content: "\f14f"
}

.mdi-arrow-up-bold-hexagon-outline:before {
    content: "\f150"
}

.mdi-at:before {
    content: "\f151"
}

.mdi-attachment:before {
    content: "\f152"
}

.mdi-audiobook:before {
    content: "\f153"
}

.mdi-auto-fix:before {
    content: "\f154"
}

.mdi-auto-upload:before {
    content: "\f155"
}

.mdi-baby:before {
    content: "\f156"
}

.mdi-backburger:before {
    content: "\f157"
}

.mdi-backup-restore:before {
    content: "\f158"
}

.mdi-bank:before {
    content: "\f159"
}

.mdi-barcode:before {
    content: "\f15a"
}

.mdi-barley:before {
    content: "\f15b"
}

.mdi-barrel:before {
    content: "\f15c"
}

.mdi-basecamp:before {
    content: "\f15d"
}

.mdi-basket:before {
    content: "\f15e"
}

.mdi-basket-fill:before {
    content: "\f15f"
}

.mdi-basket-unfill:before {
    content: "\f160"
}

.mdi-battery:before {
    content: "\f161"
}

.mdi-battery-10:before {
    content: "\f162"
}

.mdi-battery-20:before {
    content: "\f163"
}

.mdi-battery-30:before {
    content: "\f164"
}

.mdi-battery-40:before {
    content: "\f165"
}

.mdi-battery-50:before {
    content: "\f166"
}

.mdi-battery-60:before {
    content: "\f167"
}

.mdi-battery-70:before {
    content: "\f168"
}

.mdi-battery-80:before {
    content: "\f169"
}

.mdi-battery-90:before {
    content: "\f16a"
}

.mdi-battery-alert:before {
    content: "\f16b"
}

.mdi-battery-charging-100:before {
    content: "\f16c"
}

.mdi-battery-charging-20:before {
    content: "\f16d"
}

.mdi-battery-charging-30:before {
    content: "\f16e"
}

.mdi-battery-charging-40:before {
    content: "\f16f"
}

.mdi-battery-charging-60:before {
    content: "\f170"
}

.mdi-battery-charging-80:before {
    content: "\f171"
}

.mdi-battery-charging-90:before {
    content: "\f172"
}

.mdi-battery-minus:before {
    content: "\f173"
}

.mdi-battery-negative:before {
    content: "\f174"
}

.mdi-battery-outline:before {
    content: "\f175"
}

.mdi-battery-plus:before {
    content: "\f176"
}

.mdi-battery-positive:before {
    content: "\f177"
}

.mdi-battery-unknown:before {
    content: "\f178"
}

.mdi-beach:before {
    content: "\f179"
}

.mdi-beaker:before {
    content: "\f17a"
}

.mdi-beaker-empty:before {
    content: "\f17b"
}

.mdi-beaker-empty-outline:before {
    content: "\f17c"
}

.mdi-beaker-outline:before {
    content: "\f17d"
}

.mdi-beats:before {
    content: "\f17e"
}

.mdi-beer:before {
    content: "\f17f"
}

.mdi-behance:before {
    content: "\f180"
}

.mdi-bell:before {
    content: "\f181"
}

.mdi-bell-off:before {
    content: "\f182"
}

.mdi-bell-outline:before {
    content: "\f183"
}

.mdi-bell-ring:before {
    content: "\f184"
}

.mdi-bell-ring-outline:before {
    content: "\f185"
}

.mdi-bell-sleep:before {
    content: "\f186"
}

.mdi-beta:before {
    content: "\f187"
}

.mdi-bike:before {
    content: "\f188"
}

.mdi-bing:before {
    content: "\f189"
}

.mdi-binoculars:before {
    content: "\f18a"
}

.mdi-bio:before {
    content: "\f18b"
}

.mdi-biohazard:before {
    content: "\f18c"
}

.mdi-bitbucket:before {
    content: "\f18d"
}

.mdi-black-mesa:before {
    content: "\f18e"
}

.mdi-blackberry:before {
    content: "\f18f"
}

.mdi-blinds:before {
    content: "\f190"
}

.mdi-block-helper:before {
    content: "\f191"
}

.mdi-blogger:before {
    content: "\f192"
}

.mdi-bluetooth:before {
    content: "\f193"
}

.mdi-bluetooth-audio:before {
    content: "\f194"
}

.mdi-bluetooth-connect:before {
    content: "\f195"
}

.mdi-bluetooth-settings:before {
    content: "\f196"
}

.mdi-bluetooth-transfer:before {
    content: "\f197"
}

.mdi-blur:before {
    content: "\f198"
}

.mdi-blur-linear:before {
    content: "\f199"
}

.mdi-blur-off:before {
    content: "\f19a"
}

.mdi-blur-radial:before {
    content: "\f19b"
}

.mdi-bone:before {
    content: "\f19c"
}

.mdi-book:before {
    content: "\f19d"
}

.mdi-book-multiple:before {
    content: "\f19e"
}

.mdi-book-multiple-variant:before {
    content: "\f19f"
}

.mdi-book-open:before {
    content: "\f1a0"
}

.mdi-book-variant:before {
    content: "\f1a1"
}

.mdi-bookmark:before {
    content: "\f1a2"
}

.mdi-bookmark-check:before {
    content: "\f1a3"
}

.mdi-bookmark-music:before {
    content: "\f1a4"
}

.mdi-bookmark-outline:before {
    content: "\f1a5"
}

.mdi-bookmark-outline-plus:before {
    content: "\f1a6"
}

.mdi-bookmark-plus:before {
    content: "\f1a7"
}

.mdi-bookmark-remove:before {
    content: "\f1a8"
}

.mdi-border-all:before {
    content: "\f1a9"
}

.mdi-border-bottom:before {
    content: "\f1aa"
}

.mdi-border-color:before {
    content: "\f1ab"
}

.mdi-border-horizontal:before {
    content: "\f1ac"
}

.mdi-border-inside:before {
    content: "\f1ad"
}

.mdi-border-left:before {
    content: "\f1ae"
}

.mdi-border-none:before {
    content: "\f1af"
}

.mdi-border-outside:before {
    content: "\f1b0"
}

.mdi-border-right:before {
    content: "\f1b1"
}

.mdi-border-top:before {
    content: "\f1b2"
}

.mdi-border-vertical:before {
    content: "\f1b3"
}

.mdi-bowling:before {
    content: "\f1b4"
}

.mdi-box:before {
    content: "\f1b5"
}

.mdi-briefcase:before {
    content: "\f1b6"
}

.mdi-briefcase-check:before {
    content: "\f1b7"
}

.mdi-briefcase-download:before {
    content: "\f1b8"
}

.mdi-briefcase-upload:before {
    content: "\f1b9"
}

.mdi-brightness-1:before {
    content: "\f1ba"
}

.mdi-brightness-2:before {
    content: "\f1bb"
}

.mdi-brightness-3:before {
    content: "\f1bc"
}

.mdi-brightness-4:before {
    content: "\f1bd"
}

.mdi-brightness-5:before {
    content: "\f1be"
}

.mdi-brightness-6:before {
    content: "\f1bf"
}

.mdi-brightness-7:before {
    content: "\f1c0"
}

.mdi-brightness-auto:before {
    content: "\f1c1"
}

.mdi-broom:before {
    content: "\f1c2"
}

.mdi-brush:before {
    content: "\f1c3"
}

.mdi-bug:before {
    content: "\f1c4"
}

.mdi-bulletin-board:before {
    content: "\f1c5"
}

.mdi-bullhorn:before {
    content: "\f1c6"
}

.mdi-bus:before {
    content: "\f1c7"
}

.mdi-cake:before {
    content: "\f1c8"
}

.mdi-cake-variant:before {
    content: "\f1c9"
}

.mdi-calculator:before {
    content: "\f1ca"
}

.mdi-calendar:before {
    content: "\f1cb"
}

.mdi-calendar-blank:before {
    content: "\f1cc"
}

.mdi-calendar-check:before {
    content: "\f1cd"
}

.mdi-calendar-clock:before {
    content: "\f1ce"
}

.mdi-calendar-multiple:before {
    content: "\f1cf"
}

.mdi-calendar-multiple-check:before {
    content: "\f1d0"
}

.mdi-calendar-plus:before {
    content: "\f1d1"
}

.mdi-calendar-remove:before {
    content: "\f1d2"
}

.mdi-calendar-text:before {
    content: "\f1d3"
}

.mdi-calendar-today:before {
    content: "\f1d4"
}

.mdi-camcorder:before {
    content: "\f1d5"
}

.mdi-camcorder-box:before {
    content: "\f1d6"
}

.mdi-camcorder-box-off:before {
    content: "\f1d7"
}

.mdi-camcorder-off:before {
    content: "\f1d8"
}

.mdi-camera:before {
    content: "\f1d9"
}

.mdi-camera-front:before {
    content: "\f1da"
}

.mdi-camera-front-variant:before {
    content: "\f1db"
}

.mdi-camera-iris:before {
    content: "\f1dc"
}

.mdi-camera-party-mode:before {
    content: "\f1dd"
}

.mdi-camera-rear:before {
    content: "\f1de"
}

.mdi-camera-rear-variant:before {
    content: "\f1df"
}

.mdi-camera-switch:before {
    content: "\f1e0"
}

.mdi-camera-timer:before {
    content: "\f1e1"
}

.mdi-candycane:before {
    content: "\f1e2"
}

.mdi-car:before {
    content: "\f1e3"
}

.mdi-car-wash:before {
    content: "\f1e4"
}

.mdi-carrot:before {
    content: "\f1e5"
}

.mdi-cart:before {
    content: "\f1e6"
}

.mdi-cart-outline:before {
    content: "\f1e7"
}

.mdi-cash:before {
    content: "\f1e8"
}

.mdi-cash-100:before {
    content: "\f1e9"
}

.mdi-cash-multiple:before {
    content: "\f1ea"
}

.mdi-cash-usd:before {
    content: "\f1eb"
}

.mdi-cast:before {
    content: "\f1ec"
}

.mdi-cast-connected:before {
    content: "\f1ed"
}

.mdi-castle:before {
    content: "\f1ee"
}

.mdi-cat:before {
    content: "\f1ef"
}

.mdi-cellphone:before {
    content: "\f1f0"
}

.mdi-cellphone-android:before {
    content: "\f1f1"
}

.mdi-cellphone-dock:before {
    content: "\f1f2"
}

.mdi-cellphone-iphone:before {
    content: "\f1f3"
}

.mdi-cellphone-link:before {
    content: "\f1f4"
}

.mdi-cellphone-link-off:before {
    content: "\f1f5"
}

.mdi-cellphone-settings:before {
    content: "\f1f6"
}

.mdi-chair-school:before {
    content: "\f1f7"
}

.mdi-chart-arc:before {
    content: "\f1f8"
}

.mdi-chart-areaspline:before {
    content: "\f1f9"
}

.mdi-chart-bar:before {
    content: "\f1fa"
}

.mdi-chart-histogram:before {
    content: "\f1fb"
}

.mdi-chart-line:before {
    content: "\f1fc"
}

.mdi-chart-pie:before {
    content: "\f1fd"
}

.mdi-check:before {
    content: "\f1fe"
}

.mdi-check-all:before {
    content: "\f1ff"
}

.mdi-checkbox-blank:before {
    content: "\f200"
}

.mdi-checkbox-blank-circle:before {
    content: "\f201"
}

.mdi-checkbox-blank-circle-outline:before {
    content: "\f202"
}

.mdi-checkbox-blank-outline:before {
    content: "\f203"
}

.mdi-checkbox-marked:before {
    content: "\f204"
}

.mdi-checkbox-marked-circle:before {
    content: "\f205"
}

.mdi-checkbox-marked-circle-outline:before {
    content: "\f206"
}

.mdi-checkbox-marked-outline:before {
    content: "\f207"
}

.mdi-checkbox-multiple-blank:before {
    content: "\f208"
}

.mdi-checkbox-multiple-blank-outline:before {
    content: "\f209"
}

.mdi-checkbox-multiple-marked:before {
    content: "\f20a"
}

.mdi-checkbox-multiple-marked-outline:before {
    content: "\f20b"
}

.mdi-checkerboard:before {
    content: "\f20c"
}

.mdi-chevron-double-down:before {
    content: "\f20d"
}

.mdi-chevron-double-left:before {
    content: "\f20e"
}

.mdi-chevron-double-right:before {
    content: "\f20f"
}

.mdi-chevron-double-up:before {
    content: "\f210"
}

.mdi-chevron-down:before {
    content: "\f211"
}

.mdi-chevron-left:before {
    content: "\f212"
}

.mdi-chevron-right:before {
    content: "\f142"
}

.mdi-chevron-up:before {
    content: "\f214"
}

.mdi-church:before {
    content: "\f215"
}

.mdi-cisco-webex:before {
    content: "\f216"
}

.mdi-city:before {
    content: "\f217"
}

.mdi-clipboard:before {
    content: "\f218"
}

.mdi-clipboard-account:before {
    content: "\f219"
}

.mdi-clipboard-alert:before {
    content: "\f21a"
}

.mdi-clipboard-arrow-down:before {
    content: "\f21b"
}

.mdi-clipboard-arrow-left:before {
    content: "\f21c"
}

.mdi-clipboard-check:before {
    content: "\f21d"
}

.mdi-clipboard-outline:before {
    content: "\f21e"
}

.mdi-clipboard-text:before {
    content: "\f21f"
}

.mdi-clippy:before {
    content: "\f220"
}

.mdi-clock:before {
    content: "\f221"
}

.mdi-clock-fast:before {
    content: "\f222"
}

.mdi-close:before {
    content: "\f223"
}

.mdi-close-box:before {
    content: "\f224"
}

.mdi-close-box-outline:before {
    content: "\f225"
}

.mdi-close-circle:before {
    content: "\f226"
}

.mdi-close-circle-outline:before {
    content: "\f227"
}

.mdi-close-network:before {
    content: "\f228"
}

.mdi-closed-caption:before {
    content: "\f229"
}

.mdi-cloud:before {
    content: "\f22a"
}

.mdi-cloud-check:before {
    content: "\f22b"
}

.mdi-cloud-circle:before {
    content: "\f22c"
}

.mdi-cloud-download:before {
    content: "\f22d"
}

.mdi-cloud-outline:before {
    content: "\f22e"
}

.mdi-cloud-outline-off:before {
    content: "\f22f"
}

.mdi-cloud-upload:before {
    content: "\f230"
}

.mdi-code-array:before {
    content: "\f231"
}

.mdi-code-braces:before {
    content: "\f232"
}

.mdi-code-equal:before {
    content: "\f233"
}

.mdi-code-greater-than:before {
    content: "\f234"
}

.mdi-code-less-than:before {
    content: "\f235"
}

.mdi-code-less-than-or-equal:before {
    content: "\f236"
}

.mdi-code-not-equal:before {
    content: "\f237"
}

.mdi-code-not-equal-variant:before {
    content: "\f238"
}

.mdi-code-string:before {
    content: "\f239"
}

.mdi-code-tags:before {
    content: "\f23a"
}

.mdi-codepen:before {
    content: "\f23b"
}

.mdi-coffee:before {
    content: "\f23c"
}

.mdi-coffee-to-go:before {
    content: "\f23d"
}

.mdi-coin:before {
    content: "\f23e"
}

.mdi-color-helper:before {
    content: "\f23f"
}

.mdi-comment:before {
    content: "\f240"
}

.mdi-comment-account:before {
    content: "\f241"
}

.mdi-comment-account-outline:before {
    content: "\f242"
}

.mdi-comment-alert:before {
    content: "\f243"
}

.mdi-comment-alert-outline:before {
    content: "\f244"
}

.mdi-comment-check:before {
    content: "\f245"
}

.mdi-comment-check-outline:before {
    content: "\f246"
}

.mdi-comment-multiple-outline:before {
    content: "\f247"
}

.mdi-comment-outline:before {
    content: "\f248"
}

.mdi-comment-plus-outline:before {
    content: "\f249"
}

.mdi-comment-processing:before {
    content: "\f24a"
}

.mdi-comment-processing-outline:before {
    content: "\f24b"
}

.mdi-comment-remove-outline:before {
    content: "\f24c"
}

.mdi-comment-text:before {
    content: "\f24d"
}

.mdi-comment-text-outline:before {
    content: "\f24e"
}

.mdi-compare:before {
    content: "\f24f"
}

.mdi-compass:before {
    content: "\f250"
}

.mdi-compass-outline:before {
    content: "\f251"
}

.mdi-console:before {
    content: "\f252"
}

.mdi-content-copy:before {
    content: "\f253"
}

.mdi-content-cut:before {
    content: "\f254"
}

.mdi-content-duplicate:before {
    content: "\f255"
}

.mdi-content-paste:before {
    content: "\f256"
}

.mdi-content-save:before {
    content: "\f257"
}

.mdi-content-save-all:before {
    content: "\f258"
}

.mdi-contrast:before {
    content: "\f259"
}

.mdi-contrast-box:before {
    content: "\f25a"
}

.mdi-contrast-circle:before {
    content: "\f25b"
}

.mdi-cow:before {
    content: "\f25c"
}

.mdi-credit-card:before {
    content: "\f25d"
}

.mdi-credit-card-multiple:before {
    content: "\f25e"
}

.mdi-crop:before {
    content: "\f25f"
}

.mdi-crop-free:before {
    content: "\f260"
}

.mdi-crop-landscape:before {
    content: "\f261"
}

.mdi-crop-portrait:before {
    content: "\f262"
}

.mdi-crop-square:before {
    content: "\f263"
}

.mdi-crosshairs:before {
    content: "\f264"
}

.mdi-crosshairs-gps:before {
    content: "\f265"
}

.mdi-crown:before {
    content: "\f266"
}

.mdi-cube:before {
    content: "\f267"
}

.mdi-cube-outline:before {
    content: "\f268"
}

.mdi-cube-unfolded:before {
    content: "\f269"
}

.mdi-cup:before {
    content: "\f26a"
}

.mdi-cup-water:before {
    content: "\f26b"
}

.mdi-currency-btc:before {
    content: "\f26c"
}

.mdi-currency-eur:before {
    content: "\f26d"
}

.mdi-currency-gbp:before {
    content: "\f26e"
}

.mdi-currency-inr:before {
    content: "\f26f"
}

.mdi-currency-rub:before {
    content: "\f270"
}

.mdi-currency-try:before {
    content: "\f271"
}

.mdi-currency-usd:before {
    content: "\f272"
}

.mdi-cursor-default:before {
    content: "\f273"
}

.mdi-cursor-default-outline:before {
    content: "\f274"
}

.mdi-cursor-move:before {
    content: "\f275"
}

.mdi-cursor-pointer:before {
    content: "\f276"
}

.mdi-database:before {
    content: "\f277"
}

.mdi-database-minus:before {
    content: "\f278"
}

.mdi-database-outline:before {
    content: "\f279"
}

.mdi-database-plus:before {
    content: "\f27a"
}

.mdi-debug-step-into:before {
    content: "\f27b"
}

.mdi-debug-step-out:before {
    content: "\f27c"
}

.mdi-debug-step-over:before {
    content: "\f27d"
}

.mdi-decimal-decrease:before {
    content: "\f27e"
}

.mdi-decimal-increase:before {
    content: "\f27f"
}

.mdi-delete:before {
    content: "\f280"
}

.mdi-delete-variant:before {
    content: "\f281"
}

.mdi-deskphone:before {
    content: "\f282"
}

.mdi-desktop-mac:before {
    content: "\f283"
}

.mdi-desktop-tower:before {
    content: "\f284"
}

.mdi-details:before {
    content: "\f285"
}

.mdi-deviantart:before {
    content: "\f286"
}

.mdi-diamond:before {
    content: "\f287"
}

.mdi-dice:before {
    content: "\f288"
}

.mdi-dice-1:before {
    content: "\f289"
}

.mdi-dice-2:before {
    content: "\f28a"
}

.mdi-dice-3:before {
    content: "\f28b"
}

.mdi-dice-4:before {
    content: "\f28c"
}

.mdi-dice-5:before {
    content: "\f28d"
}

.mdi-dice-6:before {
    content: "\f28e"
}

.mdi-directions:before {
    content: "\f28f"
}

.mdi-disk-alert:before {
    content: "\f290"
}

.mdi-disqus:before {
    content: "\f291"
}

.mdi-disqus-outline:before {
    content: "\f292"
}

.mdi-division:before {
    content: "\f293"
}

.mdi-division-box:before {
    content: "\f294"
}

.mdi-dns:before {
    content: "\f295"
}

.mdi-domain:before {
    content: "\f296"
}

.mdi-dots-horizontal:before {
    content: "\f297"
}

.mdi-dots-vertical:before {
    content: "\f298"
}

.mdi-download:before {
    content: "\f299"
}

.mdi-drag:before {
    content: "\f29a"
}

.mdi-drag-horizontal:before {
    content: "\f29b"
}

.mdi-drag-vertical:before {
    content: "\f29c"
}

.mdi-drawing:before {
    content: "\f29d"
}

.mdi-drawing-box:before {
    content: "\f29e"
}

.mdi-dribbble:before {
    content: "\f29f"
}

.mdi-dribbble-box:before {
    content: "\f2a0"
}

.mdi-drone:before {
    content: "\f2a1"
}

.mdi-dropbox:before {
    content: "\f2a2"
}

.mdi-drupal:before {
    content: "\f2a3"
}

.mdi-duck:before {
    content: "\f2a4"
}

.mdi-dumbbell:before {
    content: "\f2a5"
}

.mdi-earth:before {
    content: "\f2a6"
}

.mdi-earth-off:before {
    content: "\f2a7"
}

.mdi-edge:before {
    content: "\f2a8"
}

.mdi-eject:before {
    content: "\f2a9"
}

.mdi-elevation-decline:before {
    content: "\f2aa"
}

.mdi-elevation-rise:before {
    content: "\f2ab"
}

.mdi-elevator:before {
    content: "\f2ac"
}

.mdi-email:before {
    content: "\f2ad"
}

.mdi-email-open:before {
    content: "\f2ae"
}

.mdi-email-outline:before {
    content: "\f2af"
}

.mdi-email-secure:before {
    content: "\f2b0"
}

.mdi-emoticon:before {
    content: "\f2b1"
}

.mdi-emoticon-cool:before {
    content: "\f2b2"
}

.mdi-emoticon-devil:before {
    content: "\f2b3"
}

.mdi-emoticon-happy:before {
    content: "\f2b4"
}

.mdi-emoticon-neutral:before {
    content: "\f2b5"
}

.mdi-emoticon-poop:before {
    content: "\f2b6"
}

.mdi-emoticon-sad:before {
    content: "\f2b7"
}

.mdi-emoticon-tongue:before {
    content: "\f2b8"
}

.mdi-engine:before {
    content: "\f2b9"
}

.mdi-engine-outline:before {
    content: "\f2ba"
}

.mdi-equal:before {
    content: "\f2bb"
}

.mdi-equal-box:before {
    content: "\f2bc"
}

.mdi-eraser:before {
    content: "\f2bd"
}

.mdi-escalator:before {
    content: "\f2be"
}

.mdi-etsy:before {
    content: "\f2bf"
}

.mdi-evernote:before {
    content: "\f2c0"
}

.mdi-exclamation:before {
    content: "\f2c1"
}

.mdi-exit-to-app:before {
    content: "\f2c2"
}

.mdi-export:before {
    content: "\f2c3"
}

.mdi-eye:before {
    content: "\f2c4"
}

.mdi-eye-off:before {
    content: "\f2c5"
}

.mdi-eyedropper:before {
    content: "\f2c6"
}

.mdi-eyedropper-variant:before {
    content: "\f2c7"
}

.mdi-facebook:before {
    content: "\f2c8"
}

.mdi-facebook-box:before {
    content: "\f2c9"
}

.mdi-facebook-messenger:before {
    content: "\f2ca"
}

.mdi-factory:before {
    content: "\f2cb"
}

.mdi-fan:before {
    content: "\f2cc"
}

.mdi-fast-forward:before {
    content: "\f2cd"
}

.mdi-ferry:before {
    content: "\f2ce"
}

.mdi-file:before {
    content: "\f2cf"
}

.mdi-file-cloud:before {
    content: "\f2d0"
}

.mdi-file-delimited:before {
    content: "\f2d1"
}

.mdi-file-document:before {
    content: "\f2d2"
}

.mdi-file-document-box:before {
    content: "\f2d3"
}

.mdi-file-excel:before {
    content: "\f2d4"
}

.mdi-file-excel-box:before {
    content: "\f2d5"
}

.mdi-file-find:before {
    content: "\f2d6"
}

.mdi-file-image:before {
    content: "\f2d7"
}

.mdi-file-image-box:before {
    content: "\f2d8"
}

.mdi-file-multiple:before {
    content: "\f2d9"
}

.mdi-file-music:before {
    content: "\f2da"
}

.mdi-file-outline:before {
    content: "\f2db"
}

.mdi-file-pdf:before {
    content: "\f2dc"
}

.mdi-file-pdf-box:before {
    content: "\f2dd"
}

.mdi-file-powerpoint:before {
    content: "\f2de"
}

.mdi-file-powerpoint-box:before {
    content: "\f2df"
}

.mdi-file-presentation-box:before {
    content: "\f2e0"
}

.mdi-file-video:before {
    content: "\f2e1"
}

.mdi-file-word:before {
    content: "\f2e2"
}

.mdi-file-word-box:before {
    content: "\f2e3"
}

.mdi-file-xml:before {
    content: "\f2e4"
}

.mdi-film:before {
    content: "\f2e5"
}

.mdi-filmstrip:before {
    content: "\f2e6"
}

.mdi-filmstrip-off:before {
    content: "\f2e7"
}

.mdi-filter:before {
    content: "\f2e8"
}

.mdi-filter-outline:before {
    content: "\f2e9"
}

.mdi-filter-remove:before {
    content: "\f2ea"
}

.mdi-filter-remove-outline:before {
    content: "\f2eb"
}

.mdi-filter-variant:before {
    content: "\f2ec"
}

.mdi-fire:before {
    content: "\f2ed"
}

.mdi-firefox:before {
    content: "\f2ee"
}

.mdi-fish:before {
    content: "\f2ef"
}

.mdi-flag:before {
    content: "\f2f0"
}

.mdi-flag-checkered:before {
    content: "\f2f1"
}

.mdi-flag-outline:before {
    content: "\f2f2"
}

.mdi-flag-outline-variant:before {
    content: "\f2f3"
}

.mdi-flag-triangle:before {
    content: "\f2f4"
}

.mdi-flag-variant:before {
    content: "\f2f5"
}

.mdi-flash:before {
    content: "\f2f6"
}

.mdi-flash-auto:before {
    content: "\f2f7"
}

.mdi-flash-off:before {
    content: "\f2f8"
}

.mdi-flashlight:before {
    content: "\f2f9"
}

.mdi-flashlight-off:before {
    content: "\f2fa"
}

.mdi-flattr:before {
    content: "\f2fb"
}

.mdi-flip-to-back:before {
    content: "\f2fc"
}

.mdi-flip-to-front:before {
    content: "\f2fd"
}

.mdi-floppy:before {
    content: "\f2fe"
}

.mdi-flower:before {
    content: "\f2ff"
}

.mdi-folder:before {
    content: "\f300"
}

.mdi-folder-account:before {
    content: "\f301"
}

.mdi-folder-download:before {
    content: "\f302"
}

.mdi-folder-google-drive:before {
    content: "\f303"
}

.mdi-folder-image:before {
    content: "\f304"
}

.mdi-folder-lock:before {
    content: "\f305"
}

.mdi-folder-lock-open:before {
    content: "\f306"
}

.mdi-folder-move:before {
    content: "\f307"
}

.mdi-folder-multiple:before {
    content: "\f308"
}

.mdi-folder-multiple-image:before {
    content: "\f309"
}

.mdi-folder-multiple-outline:before {
    content: "\f30a"
}

.mdi-folder-outline:before {
    content: "\f30b"
}

.mdi-folder-plus:before {
    content: "\f30c"
}

.mdi-folder-remove:before {
    content: "\f30d"
}

.mdi-folder-upload:before {
    content: "\f30e"
}

.mdi-food:before {
    content: "\f30f"
}

.mdi-food-apple:before {
    content: "\f310"
}

.mdi-food-variant:before {
    content: "\f311"
}

.mdi-football:before {
    content: "\f312"
}

.mdi-football-helmet:before {
    content: "\f313"
}

.mdi-format-align-center:before {
    content: "\f314"
}

.mdi-format-align-justify:before {
    content: "\f315"
}

.mdi-format-align-left:before {
    content: "\f316"
}

.mdi-format-align-right:before {
    content: "\f317"
}

.mdi-format-bold:before {
    content: "\f318"
}

.mdi-format-clear:before {
    content: "\f319"
}

.mdi-format-color-fill:before {
    content: "\f31a"
}

.mdi-format-float-center:before {
    content: "\f31b"
}

.mdi-format-float-left:before {
    content: "\f31c"
}

.mdi-format-float-none:before {
    content: "\f31d"
}

.mdi-format-float-right:before {
    content: "\f31e"
}

.mdi-format-header-1:before {
    content: "\f31f"
}

.mdi-format-header-2:before {
    content: "\f320"
}

.mdi-format-header-3:before {
    content: "\f321"
}

.mdi-format-header-4:before {
    content: "\f322"
}

.mdi-format-header-5:before {
    content: "\f323"
}

.mdi-format-header-6:before {
    content: "\f324"
}

.mdi-format-header-decrease:before {
    content: "\f325"
}

.mdi-format-header-equal:before {
    content: "\f326"
}

.mdi-format-header-increase:before {
    content: "\f327"
}

.mdi-format-header-pound:before {
    content: "\f328"
}

.mdi-format-indent-decrease:before {
    content: "\f329"
}

.mdi-format-indent-increase:before {
    content: "\f32a"
}

.mdi-format-italic:before {
    content: "\f32b"
}

.mdi-format-line-spacing:before {
    content: "\f32c"
}

.mdi-format-list-bulleted:before {
    content: "\f32d"
}

.mdi-format-list-numbers:before {
    content: "\f32e"
}

.mdi-format-paint:before {
    content: "\f32f"
}

.mdi-format-paragraph:before {
    content: "\f330"
}

.mdi-format-quote:before {
    content: "\f331"
}

.mdi-format-size:before {
    content: "\f332"
}

.mdi-format-strikethrough:before {
    content: "\f333"
}

.mdi-format-subscript:before {
    content: "\f334"
}

.mdi-format-superscript:before {
    content: "\f335"
}

.mdi-format-text:before {
    content: "\f336"
}

.mdi-format-textdirection-l-to-r:before {
    content: "\f337"
}

.mdi-format-textdirection-r-to-l:before {
    content: "\f338"
}

.mdi-format-underline:before {
    content: "\f339"
}

.mdi-format-wrap-inline:before {
    content: "\f33a"
}

.mdi-format-wrap-square:before {
    content: "\f33b"
}

.mdi-format-wrap-tight:before {
    content: "\f33c"
}

.mdi-format-wrap-top-bottom:before {
    content: "\f33d"
}

.mdi-forum:before {
    content: "\f33e"
}

.mdi-forward:before {
    content: "\f33f"
}

.mdi-foursquare:before {
    content: "\f340"
}

.mdi-fridge:before {
    content: "\f341"
}

.mdi-fullscreen:before {
    content: "\f342"
}

.mdi-fullscreen-exit:before {
    content: "\f343"
}

.mdi-function:before {
    content: "\f344"
}

.mdi-gamepad:before {
    content: "\f345"
}

.mdi-gamepad-variant:before {
    content: "\f346"
}

.mdi-gas-station:before {
    content: "\f347"
}

.mdi-gavel:before {
    content: "\f348"
}

.mdi-gender-female:before {
    content: "\f349"
}

.mdi-gender-male:before {
    content: "\f34a"
}

.mdi-gender-male-female:before {
    content: "\f34b"
}

.mdi-gender-transgender:before {
    content: "\f34c"
}

.mdi-gift:before {
    content: "\f34d"
}

.mdi-git:before {
    content: "\f34e"
}

.mdi-github-box:before {
    content: "\f34f"
}

.mdi-github-circle:before {
    content: "\f350"
}

.mdi-glass-flute:before {
    content: "\f351"
}

.mdi-glass-mug:before {
    content: "\f352"
}

.mdi-glass-stange:before {
    content: "\f353"
}

.mdi-glass-tulip:before {
    content: "\f354"
}

.mdi-glasses:before {
    content: "\f355"
}

.mdi-gmail:before {
    content: "\f356"
}

.mdi-google:before {
    content: "\f357"
}

.mdi-google-chrome:before {
    content: "\f358"
}

.mdi-google-circles:before {
    content: "\f359"
}

.mdi-google-circles-communities:before {
    content: "\f35a"
}

.mdi-google-circles-extended:before {
    content: "\f35b"
}

.mdi-google-circles-group:before {
    content: "\f35c"
}

.mdi-google-controller:before {
    content: "\f35d"
}

.mdi-google-controller-off:before {
    content: "\f35e"
}

.mdi-google-drive:before {
    content: "\f35f"
}

.mdi-google-earth:before {
    content: "\f360"
}

.mdi-google-glass:before {
    content: "\f361"
}

.mdi-google-maps:before {
    content: "\f362"
}

.mdi-google-pages:before {
    content: "\f363"
}

.mdi-google-play:before {
    content: "\f364"
}

.mdi-google-plus:before {
    content: "\f365"
}

.mdi-google-plus-box:before {
    content: "\f366"
}

.mdi-grid:before {
    content: "\f367"
}

.mdi-grid-off:before {
    content: "\f368"
}

.mdi-group:before {
    content: "\f369"
}

.mdi-guitar:before {
    content: "\f36a"
}

.mdi-guitar-pick:before {
    content: "\f36b"
}

.mdi-guitar-pick-outline:before {
    content: "\f36c"
}

.mdi-hand-pointing-right:before {
    content: "\f36d"
}

.mdi-hanger:before {
    content: "\f36e"
}

.mdi-hangouts:before {
    content: "\f36f"
}

.mdi-harddisk:before {
    content: "\f370"
}

.mdi-headphones:before {
    content: "\f371"
}

.mdi-headphones-box:before {
    content: "\f372"
}

.mdi-headphones-settings:before {
    content: "\f373"
}

.mdi-headset:before {
    content: "\f374"
}

.mdi-headset-dock:before {
    content: "\f375"
}

.mdi-headset-off:before {
    content: "\f376"
}

.mdi-heart:before {
    content: "\f377"
}

.mdi-heart-box:before {
    content: "\f378"
}

.mdi-heart-box-outline:before {
    content: "\f379"
}

.mdi-heart-broken:before {
    content: "\f37a"
}

.mdi-heart-outline:before {
    content: "\f37b"
}

.mdi-help:before {
    content: "\f37c"
}

.mdi-help-circle:before {
    content: "\f37d"
}

.mdi-hexagon:before {
    content: "\f37e"
}

.mdi-hexagon-outline:before {
    content: "\f37f"
}

.mdi-history:before {
    content: "\f380"
}

.mdi-hololens:before {
    content: "\f381"
}

.mdi-home:before {
    content: "\f382"
}

.mdi-home-modern:before {
    content: "\f383"
}

.mdi-home-variant:before {
    content: "\f384"
}

.mdi-hops:before {
    content: "\f385"
}

.mdi-hospital:before {
    content: "\f386"
}

.mdi-hospital-building:before {
    content: "\f387"
}

.mdi-hospital-marker:before {
    content: "\f388"
}

.mdi-hotel:before {
    content: "\f389"
}

.mdi-houzz:before {
    content: "\f38a"
}

.mdi-houzz-box:before {
    content: "\f38b"
}

.mdi-human:before {
    content: "\f38c"
}

.mdi-human-child:before {
    content: "\f38d"
}

.mdi-human-male-female:before {
    content: "\f38e"
}

.mdi-image-album:before {
    content: "\f38f"
}

.mdi-image-area:before {
    content: "\f390"
}

.mdi-image-area-close:before {
    content: "\f391"
}

.mdi-image-broken:before {
    content: "\f392"
}

.mdi-image-filter:before {
    content: "\f393"
}

.mdi-image-filter-black-white:before {
    content: "\f394"
}

.mdi-image-filter-center-focus:before {
    content: "\f395"
}

.mdi-image-filter-drama:before {
    content: "\f396"
}

.mdi-image-filter-frames:before {
    content: "\f397"
}

.mdi-image-filter-hdr:before {
    content: "\f398"
}

.mdi-image-filter-none:before {
    content: "\f399"
}

.mdi-image-filter-tilt-shift:before {
    content: "\f39a"
}

.mdi-image-filter-vintage:before {
    content: "\f39b"
}

.mdi-import:before {
    content: "\f39c"
}

.mdi-inbox:before {
    content: "\f39d"
}

.mdi-information:before {
    content: "\f39e"
}

.mdi-information-outline:before {
    content: "\f39f"
}

.mdi-instagram:before {
    content: "\f3a0"
}

.mdi-instapaper:before {
    content: "\f3a1"
}

.mdi-internet-explorer:before {
    content: "\f3a2"
}

.mdi-invert-colors:before {
    content: "\f3a3"
}

.mdi-jira:before {
    content: "\f3a4"
}

.mdi-jsfiddle:before {
    content: "\f3a5"
}

.mdi-keg:before {
    content: "\f3a6"
}

.mdi-key:before {
    content: "\f3a7"
}

.mdi-key-change:before {
    content: "\f3a8"
}

.mdi-key-minus:before {
    content: "\f3a9"
}

.mdi-key-plus:before {
    content: "\f3aa"
}

.mdi-key-remove:before {
    content: "\f3ab"
}

.mdi-key-variant:before {
    content: "\f3ac"
}

.mdi-keyboard:before {
    content: "\f3ad"
}

.mdi-keyboard-backspace:before {
    content: "\f3ae"
}

.mdi-keyboard-caps:before {
    content: "\f3af"
}

.mdi-keyboard-close:before {
    content: "\f3b0"
}

.mdi-keyboard-off:before {
    content: "\f3b1"
}

.mdi-keyboard-return:before {
    content: "\f3b2"
}

.mdi-keyboard-tab:before {
    content: "\f3b3"
}

.mdi-keyboard-variant:before {
    content: "\f3b4"
}

.mdi-label:before {
    content: "\f3b5"
}

.mdi-label-outline:before {
    content: "\f3b6"
}

.mdi-language-csharp:before {
    content: "\f3b7"
}

.mdi-language-css3:before {
    content: "\f3b8"
}

.mdi-language-html5:before {
    content: "\f3b9"
}

.mdi-language-javascript:before {
    content: "\f3ba"
}

.mdi-language-python:before {
    content: "\f3bb"
}

.mdi-language-python-text:before {
    content: "\f3bc"
}

.mdi-laptop:before {
    content: "\f3bd"
}

.mdi-laptop-chromebook:before {
    content: "\f3be"
}

.mdi-laptop-mac:before {
    content: "\f3bf"
}

.mdi-laptop-windows:before {
    content: "\f3c0"
}

.mdi-lastfm:before {
    content: "\f3c1"
}

.mdi-launch:before {
    content: "\f3c2"
}

.mdi-layers:before {
    content: "\f3c3"
}

.mdi-layers-off:before {
    content: "\f3c4"
}

.mdi-leaf:before {
    content: "\f3c5"
}

.mdi-library:before {
    content: "\f3c6"
}

.mdi-library-books:before {
    content: "\f3c7"
}

.mdi-library-music:before {
    content: "\f3c8"
}

.mdi-library-plus:before {
    content: "\f3c9"
}

.mdi-lightbulb:before {
    content: "\f3ca"
}

.mdi-lightbulb-outline:before {
    content: "\f3cb"
}

.mdi-link:before {
    content: "\f3cc"
}

.mdi-link-off:before {
    content: "\f3cd"
}

.mdi-link-variant:before {
    content: "\f3ce"
}

.mdi-link-variant-off:before {
    content: "\f3cf"
}

.mdi-linkedin:before {
    content: "\f3d0"
}

.mdi-linkedin-box:before {
    content: "\f3d1"
}

.mdi-linux:before {
    content: "\f3d2"
}

.mdi-lock:before {
    content: "\f3d3"
}

.mdi-lock-open:before {
    content: "\f3d4"
}

.mdi-lock-open-outline:before {
    content: "\f3d5"
}

.mdi-lock-outline:before {
    content: "\f3d6"
}

.mdi-login:before {
    content: "\f3d7"
}

.mdi-logout:before {
    content: "\f3d8"
}

.mdi-looks:before {
    content: "\f3d9"
}

.mdi-loupe:before {
    content: "\f3da"
}

.mdi-lumx:before {
    content: "\f3db"
}

.mdi-magnet:before {
    content: "\f3dc"
}

.mdi-magnet-on:before {
    content: "\f3dd"
}

.mdi-magnify:before {
    content: "\f3de"
}

.mdi-magnify-minus:before {
    content: "\f3df"
}

.mdi-magnify-plus:before {
    content: "\f3e0"
}

.mdi-mail-ru:before {
    content: "\f3e1"
}

.mdi-map:before {
    content: "\f3e2"
}

.mdi-map-marker:before {
    content: "\f3e3"
}

.mdi-map-marker-circle:before {
    content: "\f3e4"
}

.mdi-map-marker-multiple:before {
    content: "\f3e5"
}

.mdi-map-marker-off:before {
    content: "\f3e6"
}

.mdi-map-marker-radius:before {
    content: "\f3e7"
}

.mdi-margin:before {
    content: "\f3e8"
}

.mdi-markdown:before {
    content: "\f3e9"
}

.mdi-marker-check:before {
    content: "\f3ea"
}

.mdi-martini:before {
    content: "\f3eb"
}

.mdi-material-ui:before {
    content: "\f3ec"
}

.mdi-math-compass:before {
    content: "\f3ed"
}

.mdi-maxcdn:before {
    content: "\f3ee"
}

.mdi-medium:before {
    content: "\f3ef"
}

.mdi-memory:before {
    content: "\f3f0"
}

.mdi-menu:before {
    content: "\f3f1"
}

.mdi-menu-down:before {
    content: "\f3f2"
}

.mdi-menu-left:before {
    content: "\f3f3"
}

.mdi-menu-right:before {
    content: "\f3f4"
}

.mdi-menu-up:before {
    content: "\f3f5"
}

.mdi-message:before {
    content: "\f3f6"
}

.mdi-message-alert:before {
    content: "\f3f7"
}

.mdi-message-draw:before {
    content: "\f3f8"
}

.mdi-message-image:before {
    content: "\f3f9"
}

.mdi-message-processing:before {
    content: "\f3fa"
}

.mdi-message-reply:before {
    content: "\f3fb"
}

.mdi-message-text:before {
    content: "\f3fc"
}

.mdi-message-text-outline:before {
    content: "\f3fd"
}

.mdi-message-video:before {
    content: "\f3fe"
}

.mdi-microphone:before {
    content: "\f3ff"
}

.mdi-microphone-off:before {
    content: "\f400"
}

.mdi-microphone-outline:before {
    content: "\f401"
}

.mdi-microphone-settings:before {
    content: "\f402"
}

.mdi-microphone-variant:before {
    content: "\f403"
}

.mdi-microphone-variant-off:before {
    content: "\f404"
}

.mdi-minus:before {
    content: "\f405"
}

.mdi-minus-box:before {
    content: "\f406"
}

.mdi-minus-circle:before {
    content: "\f407"
}

.mdi-minus-circle-outline:before {
    content: "\f408"
}

.mdi-minus-network:before {
    content: "\f409"
}

.mdi-monitor:before {
    content: "\f40a"
}

.mdi-monitor-multiple:before {
    content: "\f40b"
}

.mdi-more:before {
    content: "\f40c"
}

.mdi-motorbike:before {
    content: "\f40d"
}

.mdi-mouse:before {
    content: "\f40e"
}

.mdi-mouse-off:before {
    content: "\f40f"
}

.mdi-mouse-variant:before {
    content: "\f410"
}

.mdi-mouse-variant-off:before {
    content: "\f411"
}

.mdi-movie:before {
    content: "\f412"
}

.mdi-multiplication:before {
    content: "\f413"
}

.mdi-multiplication-box:before {
    content: "\f414"
}

.mdi-music-box:before {
    content: "\f415"
}

.mdi-music-box-outline:before {
    content: "\f416"
}

.mdi-music-circle:before {
    content: "\f417"
}

.mdi-music-note:before {
    content: "\f418"
}

.mdi-music-note-eighth:before {
    content: "\f419"
}

.mdi-music-note-half:before {
    content: "\f41a"
}

.mdi-music-note-off:before {
    content: "\f41b"
}

.mdi-music-note-quarter:before {
    content: "\f41c"
}

.mdi-music-note-sixteenth:before {
    content: "\f41d"
}

.mdi-music-note-whole:before {
    content: "\f41e"
}

.mdi-nature:before {
    content: "\f41f"
}

.mdi-nature-people:before {
    content: "\f420"
}

.mdi-navigation:before {
    content: "\f421"
}

.mdi-needle:before {
    content: "\f422"
}

.mdi-nest-protect:before {
    content: "\f423"
}

.mdi-nest-thermostat:before {
    content: "\f424"
}

.mdi-newspaper:before {
    content: "\f425"
}

.mdi-nfc:before {
    content: "\f426"
}

.mdi-nfc-tap:before {
    content: "\f427"
}

.mdi-nfc-variant:before {
    content: "\f428"
}

.mdi-note:before {
    content: "\f429"
}

.mdi-note-outline:before {
    content: "\f42a"
}

.mdi-note-text:before {
    content: "\f42b"
}

.mdi-numeric:before {
    content: "\f42c"
}

.mdi-numeric-0-box:before {
    content: "\f42d"
}

.mdi-numeric-0-box-multiple-outline:before {
    content: "\f42e"
}

.mdi-numeric-0-box-outline:before {
    content: "\f42f"
}

.mdi-numeric-1-box:before {
    content: "\f430"
}

.mdi-numeric-1-box-multiple-outline:before {
    content: "\f431"
}

.mdi-numeric-1-box-outline:before {
    content: "\f432"
}

.mdi-numeric-2-box:before {
    content: "\f433"
}

.mdi-numeric-2-box-multiple-outline:before {
    content: "\f434"
}

.mdi-numeric-2-box-outline:before {
    content: "\f435"
}

.mdi-numeric-3-box:before {
    content: "\f436"
}

.mdi-numeric-3-box-multiple-outline:before {
    content: "\f437"
}

.mdi-numeric-3-box-outline:before {
    content: "\f438"
}

.mdi-numeric-4-box:before {
    content: "\f439"
}

.mdi-numeric-4-box-multiple-outline:before {
    content: "\f43a"
}

.mdi-numeric-4-box-outline:before {
    content: "\f43b"
}

.mdi-numeric-5-box:before {
    content: "\f43c"
}

.mdi-numeric-5-box-multiple-outline:before {
    content: "\f43d"
}

.mdi-numeric-5-box-outline:before {
    content: "\f43e"
}

.mdi-numeric-6-box:before {
    content: "\f43f"
}

.mdi-numeric-6-box-multiple-outline:before {
    content: "\f440"
}

.mdi-numeric-6-box-outline:before {
    content: "\f441"
}

.mdi-numeric-7-box:before {
    content: "\f442"
}

.mdi-numeric-7-box-multiple-outline:before {
    content: "\f443"
}

.mdi-numeric-7-box-outline:before {
    content: "\f444"
}

.mdi-numeric-8-box:before {
    content: "\f445"
}

.mdi-numeric-8-box-multiple-outline:before {
    content: "\f446"
}

.mdi-numeric-8-box-outline:before {
    content: "\f447"
}

.mdi-numeric-9-box:before {
    content: "\f448"
}

.mdi-numeric-9-box-multiple-outline:before {
    content: "\f449"
}

.mdi-numeric-9-box-outline:before {
    content: "\f44a"
}

.mdi-numeric-9-plus-box:before {
    content: "\f44b"
}

.mdi-numeric-9-plus-box-multiple-outline:before {
    content: "\f44c"
}

.mdi-numeric-9-plus-box-outline:before {
    content: "\f44d"
}

.mdi-nutriton:before {
    content: "\f44e"
}

.mdi-odnoklassniki:before {
    content: "\f44f"
}

.mdi-office:before {
    content: "\f450"
}

.mdi-oil:before {
    content: "\f451"
}

.mdi-omega:before {
    content: "\f452"
}

.mdi-onedrive:before {
    content: "\f453"
}

.mdi-open-in-app:before {
    content: "\f454"
}

.mdi-open-in-new:before {
    content: "\f455"
}

.mdi-ornament:before {
    content: "\f456"
}

.mdi-ornament-variant:before {
    content: "\f457"
}

.mdi-outbox:before {
    content: "\f458"
}

.mdi-owl:before {
    content: "\f459"
}

.mdi-package:before {
    content: "\f45a"
}

.mdi-package-down:before {
    content: "\f45b"
}

.mdi-package-up:before {
    content: "\f45c"
}

.mdi-package-variant:before {
    content: "\f45d"
}

.mdi-package-variant-closed:before {
    content: "\f45e"
}

.mdi-palette:before {
    content: "\f45f"
}

.mdi-palette-advanced:before {
    content: "\f460"
}

.mdi-panda:before {
    content: "\f461"
}

.mdi-pandora:before {
    content: "\f462"
}

.mdi-panorama:before {
    content: "\f463"
}

.mdi-panorama-fisheye:before {
    content: "\f464"
}

.mdi-panorama-horizontal:before {
    content: "\f465"
}

.mdi-panorama-vertical:before {
    content: "\f466"
}

.mdi-panorama-wide-angle:before {
    content: "\f467"
}

.mdi-paper-cut-vertical:before {
    content: "\f468"
}

.mdi-paperclip:before {
    content: "\f469"
}

.mdi-parking:before {
    content: "\f46a"
}

.mdi-pause:before {
    content: "\f46b"
}

.mdi-pause-circle:before {
    content: "\f46c"
}

.mdi-pause-circle-outline:before {
    content: "\f46d"
}

.mdi-pause-octagon:before {
    content: "\f46e"
}

.mdi-pause-octagon-outline:before {
    content: "\f46f"
}

.mdi-paw:before {
    content: "\f470"
}

.mdi-pen:before {
    content: "\f471"
}

.mdi-pencil:before {
    content: "\f472"
}

.mdi-pencil-box:before {
    content: "\f473"
}

.mdi-pencil-box-outline:before {
    content: "\f474"
}

.mdi-percent:before {
    content: "\f475"
}

.mdi-pharmacy:before {
    content: "\f476"
}

.mdi-phone:before {
    content: "\f477"
}

.mdi-phone-bluetooth:before {
    content: "\f478"
}

.mdi-phone-forward:before {
    content: "\f479"
}

.mdi-phone-hangup:before {
    content: "\f47a"
}

.mdi-phone-in-talk:before {
    content: "\f47b"
}

.mdi-phone-incoming:before {
    content: "\f47c"
}

.mdi-phone-locked:before {
    content: "\f47d"
}

.mdi-phone-log:before {
    content: "\f47e"
}

.mdi-phone-missed:before {
    content: "\f47f"
}

.mdi-phone-outgoing:before {
    content: "\f480"
}

.mdi-phone-paused:before {
    content: "\f481"
}

.mdi-phone-settings:before {
    content: "\f482"
}

.mdi-pig:before {
    content: "\f483"
}

.mdi-pill:before {
    content: "\f484"
}

.mdi-pin:before {
    content: "\f485"
}

.mdi-pin-off:before {
    content: "\f486"
}

.mdi-pine-tree:before {
    content: "\f487"
}

.mdi-pine-tree-box:before {
    content: "\f488"
}

.mdi-pinterest:before {
    content: "\f489"
}

.mdi-pinterest-box:before {
    content: "\f48a"
}

.mdi-pizza:before {
    content: "\f48b"
}

.mdi-play:before {
    content: "\f48c"
}

.mdi-play-box-outline:before {
    content: "\f48d"
}

.mdi-play-circle:before {
    content: "\f48e"
}

.mdi-play-circle-outline:before {
    content: "\f48f"
}

.mdi-playlist-minus:before {
    content: "\f490"
}

.mdi-playlist-plus:before {
    content: "\f491"
}

.mdi-playstation:before {
    content: "\f492"
}

.mdi-plus:before {
    content: "\f493"
}

.mdi-plus-box:before {
    content: "\f494"
}

.mdi-plus-circle:before {
    content: "\f495"
}

.mdi-plus-circle-outline:before {
    content: "\f496"
}

.mdi-plus-network:before {
    content: "\f497"
}

.mdi-plus-one:before {
    content: "\f498"
}

.mdi-pocket:before {
    content: "\f499"
}

.mdi-poll:before {
    content: "\f49a"
}

.mdi-poll-box:before {
    content: "\f49b"
}

.mdi-polymer:before {
    content: "\f49c"
}

.mdi-popcorn:before {
    content: "\f49d"
}

.mdi-pound:before {
    content: "\f49e"
}

.mdi-pound-box:before {
    content: "\f49f"
}

.mdi-power:before {
    content: "\f4a0"
}

.mdi-power-settings:before {
    content: "\f4a1"
}

.mdi-power-socket:before {
    content: "\f4a2"
}

.mdi-presentation:before {
    content: "\f4a3"
}

.mdi-presentation-play:before {
    content: "\f4a4"
}

.mdi-printer:before {
    content: "\f4a5"
}

.mdi-printer-3d:before {
    content: "\f4a6"
}

.mdi-pulse:before {
    content: "\f4a7"
}

.mdi-puzzle:before {
    content: "\f4a8"
}

.mdi-qrcode:before {
    content: "\f4a9"
}

.mdi-quadcopter:before {
    content: "\f4aa"
}

.mdi-quality-high:before {
    content: "\f4ab"
}

.mdi-quicktime:before {
    content: "\f4ac"
}

.mdi-radiator:before {
    content: "\f4ad"
}

.mdi-radio:before {
    content: "\f4ae"
}

.mdi-radio-tower:before {
    content: "\f4af"
}

.mdi-radioactive:before {
    content: "\f4b0"
}

.mdi-radiobox-blank:before {
    content: "\f4b1"
}

.mdi-radiobox-marked:before {
    content: "\f4b2"
}

.mdi-raspberrypi:before {
    content: "\f4b3"
}

.mdi-rdio:before {
    content: "\f4b4"
}

.mdi-read:before {
    content: "\f4b5"
}

.mdi-readability:before {
    content: "\f4b6"
}

.mdi-receipt:before {
    content: "\f4b7"
}

.mdi-recycle:before {
    content: "\f4b8"
}

.mdi-redo:before {
    content: "\f4b9"
}

.mdi-redo-variant:before {
    content: "\f4ba"
}

.mdi-refresh:before {
    content: "\f4bb"
}

.mdi-relative-scale:before {
    content: "\f4bc"
}

.mdi-reload:before {
    content: "\f4bd"
}

.mdi-remote:before {
    content: "\f4be"
}

.mdi-rename-box:before {
    content: "\f4bf"
}

.mdi-repeat:before {
    content: "\f4c0"
}

.mdi-repeat-off:before {
    content: "\f4c1"
}

.mdi-repeat-once:before {
    content: "\f4c2"
}

.mdi-replay:before {
    content: "\f4c3"
}

.mdi-reply:before {
    content: "\f4c4"
}

.mdi-reply-all:before {
    content: "\f4c5"
}

.mdi-reproduction:before {
    content: "\f4c6"
}

.mdi-resize-bottom-right:before {
    content: "\f4c7"
}

.mdi-responsive:before {
    content: "\f4c8"
}

.mdi-rewind:before {
    content: "\f4c9"
}

.mdi-ribbon:before {
    content: "\f4ca"
}

.mdi-road:before {
    content: "\f4cb"
}

.mdi-rocket:before {
    content: "\f4cc"
}

.mdi-rotate-3d:before {
    content: "\f4cd"
}

.mdi-rotate-left:before {
    content: "\f4ce"
}

.mdi-rotate-left-variant:before {
    content: "\f4cf"
}

.mdi-rotate-right:before {
    content: "\f4d0"
}

.mdi-rotate-right-variant:before {
    content: "\f4d1"
}

.mdi-routes:before {
    content: "\f4d2"
}

.mdi-rss:before {
    content: "\f4d3"
}

.mdi-rss-box:before {
    content: "\f4d4"
}

.mdi-ruler:before {
    content: "\f4d5"
}

.mdi-run:before {
    content: "\f4d6"
}

.mdi-sale:before {
    content: "\f4d7"
}

.mdi-satellite:before {
    content: "\f4d8"
}

.mdi-satellite-variant:before {
    content: "\f4d9"
}

.mdi-scale:before {
    content: "\f4da"
}

.mdi-scale-bathroom:before {
    content: "\f4db"
}

.mdi-school:before {
    content: "\f4dc"
}

.mdi-screen-rotation:before {
    content: "\f4dd"
}

.mdi-screen-rotation-lock:before {
    content: "\f4de"
}

.mdi-script:before {
    content: "\f4df"
}

.mdi-sd:before {
    content: "\f4e0"
}

.mdi-security:before {
    content: "\f4e1"
}

.mdi-security-network:before {
    content: "\f4e2"
}

.mdi-select:before {
    content: "\f4e3"
}

.mdi-select-all:before {
    content: "\f4e4"
}

.mdi-select-inverse:before {
    content: "\f4e5"
}

.mdi-select-off:before {
    content: "\f4e6"
}

.mdi-send:before {
    content: "\f4e7"
}

.mdi-server:before {
    content: "\f4e8"
}

.mdi-server-minus:before {
    content: "\f4e9"
}

.mdi-server-network:before {
    content: "\f4ea"
}

.mdi-server-network-off:before {
    content: "\f4eb"
}

.mdi-server-off:before {
    content: "\f4ec"
}

.mdi-server-plus:before {
    content: "\f4ed"
}

.mdi-server-remove:before {
    content: "\f4ee"
}

.mdi-server-security:before {
    content: "\f4ef"
}

.mdi-settings:before {
    content: "\f4f0"
}

.mdi-settings-box:before {
    content: "\f4f1"
}

.mdi-shape-plus:before {
    content: "\f4f2"
}

.mdi-share:before {
    content: "\f4f3"
}

.mdi-share-variant:before {
    content: "\f4f4"
}

.mdi-shield:before {
    content: "\f4f5"
}

.mdi-shield-outline:before {
    content: "\f4f6"
}

.mdi-shopping:before {
    content: "\f4f7"
}

.mdi-shopping-music:before {
    content: "\f4f8"
}

.mdi-shuffle:before {
    content: "\f4f9"
}

.mdi-sigma:before {
    content: "\f4fa"
}

.mdi-sign-caution:before {
    content: "\f4fb"
}

.mdi-signal:before {
    content: "\f4fc"
}

.mdi-silverware:before {
    content: "\f4fd"
}

.mdi-silverware-fork:before {
    content: "\f4fe"
}

.mdi-silverware-spoon:before {
    content: "\f4ff"
}

.mdi-silverware-variant:before {
    content: "\f500"
}

.mdi-sim-alert:before {
    content: "\f501"
}

.mdi-sitemap:before {
    content: "\f502"
}

.mdi-skip-next:before {
    content: "\f503"
}

.mdi-skip-previous:before {
    content: "\f504"
}

.mdi-skype:before {
    content: "\f505"
}

.mdi-skype-business:before {
    content: "\f506"
}

.mdi-sleep:before {
    content: "\f507"
}

.mdi-sleep-off:before {
    content: "\f508"
}

.mdi-smoking:before {
    content: "\f509"
}

.mdi-smoking-off:before {
    content: "\f50a"
}

.mdi-snapchat:before {
    content: "\f50b"
}

.mdi-snowman:before {
    content: "\f50c"
}

.mdi-sofa:before {
    content: "\f50d"
}

.mdi-sort:before {
    content: "\f50e"
}

.mdi-sort-alphabetical:before {
    content: "\f50f"
}

.mdi-sort-ascending:before {
    content: "\f510"
}

.mdi-sort-descending:before {
    content: "\f511"
}

.mdi-sort-numeric:before {
    content: "\f512"
}

.mdi-sort-variant:before {
    content: "\f513"
}

.mdi-soundcloud:before {
    content: "\f514"
}

.mdi-source-fork:before {
    content: "\f515"
}

.mdi-source-pull:before {
    content: "\f516"
}

.mdi-speaker:before {
    content: "\f517"
}

.mdi-speaker-off:before {
    content: "\f518"
}

.mdi-speedometer:before {
    content: "\f519"
}

.mdi-spellcheck:before {
    content: "\f51a"
}

.mdi-spotify:before {
    content: "\f51b"
}

.mdi-spotlight:before {
    content: "\f51c"
}

.mdi-spotlight-beam:before {
    content: "\f51d"
}

.mdi-square-inc:before {
    content: "\f51e"
}

.mdi-square-inc-cash:before {
    content: "\f51f"
}

.mdi-stackoverflow:before {
    content: "\f520"
}

.mdi-star:before {
    content: "\f521"
}

.mdi-star-circle:before {
    content: "\f522"
}

.mdi-star-half:before {
    content: "\f523"
}

.mdi-star-outline:before {
    content: "\f524"
}

.mdi-steam:before {
    content: "\f525"
}

.mdi-stethoscope:before {
    content: "\f526"
}

.mdi-stocking:before {
    content: "\f527"
}

.mdi-stop:before {
    content: "\f528"
}

.mdi-store:before {
    content: "\f529"
}

.mdi-store-24-hour:before {
    content: "\f52a"
}

.mdi-stove:before {
    content: "\f52b"
}

.mdi-subway:before {
    content: "\f52c"
}

.mdi-sunglasses:before {
    content: "\f52d"
}

.mdi-swap-horizontal:before {
    content: "\f52e"
}

.mdi-swap-vertical:before {
    content: "\f52f"
}

.mdi-swim:before {
    content: "\f530"
}

.mdi-sword:before {
    content: "\f531"
}

.mdi-sync:before {
    content: "\f532"
}

.mdi-sync-alert:before {
    content: "\f533"
}

.mdi-sync-off:before {
    content: "\f534"
}

.mdi-tab:before {
    content: "\f535"
}

.mdi-tab-unselected:before {
    content: "\f536"
}

.mdi-table:before {
    content: "\f537"
}

.mdi-table-column-plus-after:before {
    content: "\f538"
}

.mdi-table-column-plus-before:before {
    content: "\f539"
}

.mdi-table-column-remove:before {
    content: "\f53a"
}

.mdi-table-column-width:before {
    content: "\f53b"
}

.mdi-table-edit:before {
    content: "\f53c"
}

.mdi-table-large:before {
    content: "\f53d"
}

.mdi-table-row-height:before {
    content: "\f53e"
}

.mdi-table-row-plus-after:before {
    content: "\f53f"
}

.mdi-table-row-plus-before:before {
    content: "\f540"
}

.mdi-table-row-remove:before {
    content: "\f541"
}

.mdi-tablet:before {
    content: "\f542"
}

.mdi-tablet-android:before {
    content: "\f543"
}

.mdi-tablet-ipad:before {
    content: "\f544"
}

.mdi-tag:before {
    content: "\f545"
}

.mdi-tag-faces:before {
    content: "\f546"
}

.mdi-tag-multiple:before {
    content: "\f547"
}

.mdi-tag-outline:before {
    content: "\f548"
}

.mdi-tag-text-outline:before {
    content: "\f549"
}

.mdi-taxi:before {
    content: "\f54a"
}

.mdi-teamviewer:before {
    content: "\f54b"
}

.mdi-telegram:before {
    content: "\f54c"
}

.mdi-television:before {
    content: "\f54d"
}

.mdi-television-guide:before {
    content: "\f54e"
}

.mdi-temperature-celsius:before {
    content: "\f54f"
}

.mdi-temperature-fahrenheit:before {
    content: "\f550"
}

.mdi-temperature-kelvin:before {
    content: "\f551"
}

.mdi-tennis:before {
    content: "\f552"
}

.mdi-tent:before {
    content: "\f553"
}

.mdi-terrain:before {
    content: "\f554"
}

.mdi-text-to-speech:before {
    content: "\f555"
}

.mdi-text-to-speech-off:before {
    content: "\f556"
}

.mdi-texture:before {
    content: "\f557"
}

.mdi-theater:before {
    content: "\f558"
}

.mdi-theme-light-dark:before {
    content: "\f559"
}

.mdi-thermometer:before {
    content: "\f55a"
}

.mdi-thermometer-lines:before {
    content: "\f55b"
}

.mdi-thumb-down:before {
    content: "\f55c"
}

.mdi-thumb-down-outline:before {
    content: "\f55d"
}

.mdi-thumb-up:before {
    content: "\f55e"
}

.mdi-thumb-up-outline:before {
    content: "\f55f"
}

.mdi-thumbs-up-down:before {
    content: "\f560"
}

.mdi-ticket:before {
    content: "\f561"
}

.mdi-ticket-account:before {
    content: "\f562"
}

.mdi-tie:before {
    content: "\f563"
}

.mdi-timelapse:before {
    content: "\f564"
}

.mdi-timer:before {
    content: "\f565"
}

.mdi-timer-10:before {
    content: "\f566"
}

.mdi-timer-3:before {
    content: "\f567"
}

.mdi-timer-off:before {
    content: "\f568"
}

.mdi-timer-sand:before {
    content: "\f569"
}

.mdi-timetable:before {
    content: "\f56a"
}

.mdi-toggle-switch:before {
    content: "\f56b"
}

.mdi-toggle-switch-off:before {
    content: "\f56c"
}

.mdi-tooltip:before {
    content: "\f56d"
}

.mdi-tooltip-edit:before {
    content: "\f56e"
}

.mdi-tooltip-image:before {
    content: "\f56f"
}

.mdi-tooltip-outline:before {
    content: "\f570"
}

.mdi-tooltip-outline-plus:before {
    content: "\f571"
}

.mdi-tooltip-text:before {
    content: "\f572"
}

.mdi-tor:before {
    content: "\f573"
}

.mdi-traffic-light:before {
    content: "\f574"
}

.mdi-train:before {
    content: "\f575"
}

.mdi-tram:before {
    content: "\f576"
}

.mdi-transcribe:before {
    content: "\f577"
}

.mdi-transcribe-close:before {
    content: "\f578"
}

.mdi-transfer:before {
    content: "\f579"
}

.mdi-tree:before {
    content: "\f57a"
}

.mdi-trello:before {
    content: "\f57b"
}

.mdi-trending-down:before {
    content: "\f57c"
}

.mdi-trending-neutral:before {
    content: "\f57d"
}

.mdi-trending-up:before {
    content: "\f57e"
}

.mdi-trophy:before {
    content: "\f57f"
}

.mdi-trophy-award:before {
    content: "\f580"
}

.mdi-trophy-variant:before {
    content: "\f581"
}

.mdi-truck:before {
    content: "\f582"
}

.mdi-tshirt-crew:before {
    content: "\f583"
}

.mdi-tshirt-v:before {
    content: "\f584"
}

.mdi-tumblr:before {
    content: "\f585"
}

.mdi-tumblr-reblog:before {
    content: "\f586"
}

.mdi-twitch:before {
    content: "\f587"
}

.mdi-twitter:before {
    content: "\f588"
}

.mdi-twitter-box:before {
    content: "\f589"
}

.mdi-twitter-circle:before {
    content: "\f58a"
}

.mdi-twitter-retweet:before {
    content: "\f58b"
}

.mdi-ubuntu:before {
    content: "\f58c"
}

.mdi-umbrella:before {
    content: "\f58d"
}

.mdi-umbrella-outline:before {
    content: "\f58e"
}

.mdi-undo:before {
    content: "\f58f"
}

.mdi-undo-variant:before {
    content: "\f590"
}

.mdi-unfold-less:before {
    content: "\f591"
}

.mdi-unfold-more:before {
    content: "\f592"
}

.mdi-ungroup:before {
    content: "\f593"
}

.mdi-untappd:before {
    content: "\f594"
}

.mdi-upload:before {
    content: "\f595"
}

.mdi-usb:before {
    content: "\f596"
}

.mdi-vector-curve:before {
    content: "\f597"
}

.mdi-vector-point:before {
    content: "\f598"
}

.mdi-vector-square:before {
    content: "\f599"
}

.mdi-verified:before {
    content: "\f59a"
}

.mdi-vibrate:before {
    content: "\f59b"
}

.mdi-video:before {
    content: "\f59c"
}

.mdi-video-off:before {
    content: "\f59d"
}

.mdi-video-switch:before {
    content: "\f59e"
}

.mdi-view-agenda:before {
    content: "\f59f"
}

.mdi-view-array:before {
    content: "\f5a0"
}

.mdi-view-carousel:before {
    content: "\f5a1"
}

.mdi-view-column:before {
    content: "\f5a2"
}

.mdi-view-dashboard:before {
    content: "\f5a3"
}

.mdi-view-day:before {
    content: "\f5a4"
}

.mdi-view-grid:before {
    content: "\f5a5"
}

.mdi-view-headline:before {
    content: "\f5a6"
}

.mdi-view-list:before {
    content: "\f5a7"
}

.mdi-view-module:before {
    content: "\f5a8"
}

.mdi-view-quilt:before {
    content: "\f5a9"
}

.mdi-view-stream:before {
    content: "\f5aa"
}

.mdi-view-week:before {
    content: "\f5ab"
}

.mdi-vimeo:before {
    content: "\f5ac"
}

.mdi-vine:before {
    content: "\f5ad"
}

.mdi-vk:before {
    content: "\f5ae"
}

.mdi-vk-box:before {
    content: "\f5af"
}

.mdi-vk-circle:before {
    content: "\f5b0"
}

.mdi-voicemail:before {
    content: "\f5b1"
}

.mdi-volume-high:before {
    content: "\f5b2"
}

.mdi-volume-low:before {
    content: "\f5b3"
}

.mdi-volume-medium:before {
    content: "\f5b4"
}

.mdi-volume-off:before {
    content: "\f5b5"
}

.mdi-vpn:before {
    content: "\f5b6"
}

.mdi-walk:before {
    content: "\f5b7"
}

.mdi-wallet:before {
    content: "\f5b8"
}

.mdi-wallet-giftcard:before {
    content: "\f5b9"
}

.mdi-wallet-membership:before {
    content: "\f5ba"
}

.mdi-wallet-travel:before {
    content: "\f5bb"
}

.mdi-watch:before {
    content: "\f5bc"
}

.mdi-watch-export:before {
    content: "\f5bd"
}

.mdi-watch-import:before {
    content: "\f5be"
}

.mdi-water:before {
    content: "\f5bf"
}

.mdi-water-off:before {
    content: "\f5c0"
}

.mdi-water-pump:before {
    content: "\f5c1"
}

.mdi-weather-cloudy:before {
    content: "\f5c2"
}

.mdi-weather-fog:before {
    content: "\f5c3"
}

.mdi-weather-hail:before {
    content: "\f5c4"
}

.mdi-weather-lightning:before {
    content: "\f5c5"
}

.mdi-weather-night:before {
    content: "\f5c6"
}

.mdi-weather-partlycloudy:before {
    content: "\f5c7"
}

.mdi-weather-pouring:before {
    content: "\f5c8"
}

.mdi-weather-rainy:before {
    content: "\f5c9"
}

.mdi-weather-snowy:before {
    content: "\f5ca"
}

.mdi-weather-sunny:before {
    content: "\f5cb"
}

.mdi-weather-sunset:before {
    content: "\f5cc"
}

.mdi-weather-sunset-down:before {
    content: "\f5cd"
}

.mdi-weather-sunset-up:before {
    content: "\f5ce"
}

.mdi-weather-windy:before {
    content: "\f5cf"
}

.mdi-weather-windy-variant:before {
    content: "\f5d0"
}

.mdi-web:before {
    content: "\f5d1"
}

.mdi-webcam:before {
    content: "\f5d2"
}

.mdi-weight:before {
    content: "\f5d3"
}

.mdi-weight-kilogram:before {
    content: "\f5d4"
}

.mdi-whatsapp:before {
    content: "\f5d5"
}

.mdi-wheelchair-accessibility:before {
    content: "\f5d6"
}

.mdi-white-balance-auto:before {
    content: "\f5d7"
}

.mdi-white-balance-incandescent:before {
    content: "\f5d8"
}

.mdi-white-balance-irradescent:before {
    content: "\f5d9"
}

.mdi-white-balance-sunny:before {
    content: "\f5da"
}

.mdi-wifi:before {
    content: "\f5db"
}

.mdi-wii:before {
    content: "\f5dc"
}

.mdi-wikipedia:before {
    content: "\f5dd"
}

.mdi-window-close:before {
    content: "\f5de"
}

.mdi-window-closed:before {
    content: "\f5df"
}

.mdi-window-maximize:before {
    content: "\f5e0"
}

.mdi-window-minimize:before {
    content: "\f5e1"
}

.mdi-window-open:before {
    content: "\f5e2"
}

.mdi-window-restore:before {
    content: "\f5e3"
}

.mdi-windows:before {
    content: "\f5e4"
}

.mdi-wordpress:before {
    content: "\f5e5"
}

.mdi-worker:before {
    content: "\f5e6"
}

.mdi-wunderlist:before {
    content: "\f5e7"
}

.mdi-xbox:before {
    content: "\f5e8"
}

.mdi-xbox-controller:before {
    content: "\f5e9"
}

.mdi-xbox-controller-off:before {
    content: "\f5ea"
}

.mdi-xda:before {
    content: "\f5eb"
}

.mdi-xml:before {
    content: "\f5ec"
}

.mdi-yeast:before {
    content: "\f5ed"
}

.mdi-yelp:before {
    content: "\f5ee"
}

.mdi-youtube-play:before {
    content: "\f5ef"
}

.mdi-zip-box:before {
    content: "\f5f0"
}

.mdi-18px {
    font-size: 18px
}

.mdi-24px {
    font-size: 24px
}

.mdi-36px {
    font-size: 36px
}

.mdi-48px {
    font-size: 48px
}

.mdi-dark {
    color: rgba(0, 0, 0, .54)
}

    .mdi-dark.mdi-inactive {
        color: rgba(0, 0, 0, .26)
    }

.mdi-light {
    color: #fff
}

    .mdi-light.mdi-inactive {
        color: rgba(255, 255, 255, .3)
    }

html {
    font-family: sans-serif
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

    audio:not([controls]) {
        display: none;
        height: 0
    }

[hidden],
template {
    display: none
}

a {
    background-color: transparent
}

    a:active,
    a:hover {
        outline: 0
    }

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

    button[disabled],
    html input[disabled] {
        cursor: default
    }

    button::-moz-focus-inner,
    input::-moz-focus-inner {
        border: 0;
        padding: 0
    }

input {
    line-height: normal
}

    input[type=checkbox],
    input[type=radio] {
        box-sizing: border-box;
        padding: 0
    }

    input[type=number]::-webkit-inner-spin-button,
    input[type=number]::-webkit-outer-spin-button {
        height: auto
    }

    input[type=search] {
        -webkit-appearance: textfield;
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
        box-sizing: content-box
    }

        input[type=search]::-webkit-search-cancel-button,
        input[type=search]::-webkit-search-decoration {
            -webkit-appearance: none
        }

fieldset {
    border: 1px solid silver
}

legend {
    border: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

html {
    box-sizing: border-box
}

*,
:after,
:before {
    box-sizing: inherit
}

blockquote,
body,
caption,
dd,
dl,
fieldset,
figure,
form,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
legend,
ol,
p,
pre,
table,
td,
th,
ul {
    margin: 0;
    padding: 0
}

abbr[title],
dfn[title] {
    cursor: help
}

ins,
u {
    text-decoration: none
}

ins {
    border-bottom: 1px solid
}

html {
    font-size: 1em;
    line-height: 1.5;
    background-color: #fff;
    color: rgba(0, 0, 0, .87);
    min-height: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased
}

img {
    display: block;
    max-width: 100%;
    font-style: italic
}

    .gm-style img,
    img[height],
    img[width] {
        max-width: none
    }

.img-round {
    border-radius: 50%
}

.paragraph address,
.paragraph blockquote,
.paragraph dl,
.paragraph fieldset,
.paragraph figure,
.paragraph h1,
.paragraph h2,
.paragraph h3,
.paragraph h4,
.paragraph h5,
.paragraph h6,
.paragraph hr,
.paragraph iframe,
.paragraph ol,
.paragraph p,
.paragraph pre,
.paragraph table,
.paragraph ul {
    margin-bottom: 24px
}

    .paragraph address:last-child,
    .paragraph blockquote:last-child,
    .paragraph dl:last-child,
    .paragraph fieldset:last-child,
    .paragraph figure:last-child,
    .paragraph h1:last-child,
    .paragraph h2:last-child,
    .paragraph h3:last-child,
    .paragraph h4:last-child,
    .paragraph h5:last-child,
    .paragraph h6:last-child,
    .paragraph hr:last-child,
    .paragraph iframe:last-child,
    .paragraph ol:last-child,
    .paragraph p:last-child,
    .paragraph pre:last-child,
    .paragraph table:last-child,
    .paragraph ul:last-child {
        margin-bottom: 0
    }

.paragraph dd,
.paragraph ol,
.paragraph ul {
    margin-left: 48px
}

.paragraph a {
    text-decoration: none
}

    .paragraph a:hover {
        text-decoration: underline
    }

.fs-caption {
    font-size: 12px;
    font-size: .75rem;
    font-weight: 400;
    line-height: 20px
}

.fs-body-1 {
    font-weight: 400;
    line-height: 20px
}

@media screen and (max-width:1023px) {
    .fs-body-1 {
        font-size: 14px;
        font-size: .875rem
    }
}

@media screen and (min-width:1024px) {
    .fs-body-1 {
        font-size: 13px;
        font-size: .8125rem
    }
}

.fs-body-2 {
    font-weight: 500;
    line-height: 24px
}

@media screen and (max-width:1023px) {
    .fs-body-2 {
        font-size: 14px;
        font-size: .875rem
    }
}

@media screen and (min-width:1024px) {
    .fs-body-2 {
        font-size: 13px;
        font-size: .8125rem
    }
}

.fs-subhead,
.list-subheader {
    font-weight: 400;
    line-height: 24px
}

@media screen and (max-width:1023px) {
    .fs-subhead,
    .list-subheader {
        font-size: 16px;
        font-size: 1rem
    }
}

@media screen and (min-width:1024px) {
    .fs-subhead,
    .list-subheader {
        font-size: 15px;
        font-size: .9375rem
    }
}

.fs-title {
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 28px
}

.fs-headline {
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 32px
}

.fs-display-1 {
    font-size: 34px;
    font-size: 2.125rem;
    font-weight: 400;
    line-height: 40px
}

.fs-display-2 {
    font-size: 45px;
    font-size: 2.8125rem;
    font-weight: 400;
    line-height: 48px;
    letter-spacing: -1px
}

.fs-display-3 {
    font-size: 56px;
    font-size: 3.5rem;
    font-weight: 400;
    line-height: 64px;
    letter-spacing: -2px
}

.fs-display-4 {
    font-size: 112px;
    font-size: 7rem;
    font-weight: 300;
    line-height: 128px;
    letter-spacing: -5px
}

.tc-red-50 {
    color: #FFEBEE !important
}

.tc-pink-50 {
    color: #FCE4EC !important
}

.tc-purple-50 {
    color: #F3E5F5 !important
}

.tc-deep-purple-50 {
    color: #EDE7F6 !important
}

.tc-indigo-50 {
    color: #E8EAF6 !important
}

.tc-blue-50 {
    color: #E3F2FD !important
}

.tc-light-blue-50 {
    color: #E1F5FE !important
}

.tc-cyan-50 {
    color: #E0F7FA !important
}

.tc-teal-50 {
    color: #E0F2F1 !important
}

.tc-green-50 {
    color: #E8F5E9 !important
}

.tc-light-green-50 {
    color: #F1F8E9 !important
}

.tc-lime-50 {
    color: #F9FBE7 !important
}

.tc-yellow-50 {
    color: #FFFDE7 !important
}

.tc-amber-50 {
    color: #FFF8E1 !important
}

.tc-orange-50 {
    color: #FFF3E0 !important
}

.tc-deep-orange-50 {
    color: #FBE9E7 !important
}

.tc-brown-50 {
    color: #EFEBE9 !important
}

.tc-grey-50 {
    color: #FAFAFA !important
}

.tc-blue-grey-50 {
    color: #ECEFF1 !important
}

.tc-red-100 {
    color: #FFCDD2 !important
}

.tc-pink-100 {
    color: #F8BBD0 !important
}

.tc-purple-100 {
    color: #E1BEE7 !important
}

.tc-deep-purple-100 {
    color: #D1C4E9 !important
}

.tc-indigo-100 {
    color: #C5CAE9 !important
}

.tc-blue-100 {
    color: #BBDEFB !important
}

.tc-light-blue-100 {
    color: #B3E5FC !important
}

.tc-cyan-100 {
    color: #B2EBF2 !important
}

.tc-teal-100 {
    color: #B2DFDB !important
}

.tc-green-100 {
    color: #C8E6C9 !important
}

.tc-light-green-100 {
    color: #DCEDC8 !important
}

.tc-lime-100 {
    color: #F0F4C3 !important
}

.tc-yellow-100 {
    color: #FFF9C4 !important
}

.tc-amber-100 {
    color: #FFECB3 !important
}

.tc-orange-100 {
    color: #FFE0B2 !important
}

.tc-deep-orange-100 {
    color: #FFCCBC !important
}

.tc-brown-100 {
    color: #D7CCC8 !important
}

.tc-grey-100 {
    color: #F5F5F5 !important
}

.tc-blue-grey-100 {
    color: #CFD8DC !important
}

.tc-red-200 {
    color: #EF9A9A !important
}

.tc-pink-200 {
    color: #F48FB1 !important
}

.tc-purple-200 {
    color: #CE93D8 !important
}

.tc-deep-purple-200 {
    color: #B39DDB !important
}

.tc-indigo-200 {
    color: #9FA8DA !important
}

.tc-blue-200 {
    color: #90CAF9 !important
}

.tc-light-blue-200 {
    color: #81D4FA !important
}

.tc-cyan-200 {
    color: #80DEEA !important
}

.tc-teal-200 {
    color: #80CBC4 !important
}

.tc-green-200 {
    color: #A5D6A7 !important
}

.tc-light-green-200 {
    color: #C5E1A5 !important
}

.tc-lime-200 {
    color: #E6EE9C !important
}

.tc-yellow-200 {
    color: #FFF59D !important
}

.tc-amber-200 {
    color: #FFE082 !important
}

.tc-orange-200 {
    color: #FFCC80 !important
}

.tc-deep-orange-200 {
    color: #FFAB91 !important
}

.tc-brown-200 {
    color: #BCAAA4 !important
}

.tc-grey-200 {
    color: #EEE !important
}

.tc-blue-grey-200 {
    color: #B0BEC5 !important
}

.tc-red-300 {
    color: #E57373 !important
}

.tc-pink-300 {
    color: #F06292 !important
}

.tc-purple-300 {
    color: #BA68C8 !important
}

.tc-deep-purple-300 {
    color: #9575CD !important
}

.tc-indigo-300 {
    color: #7986CB !important
}

.tc-blue-300 {
    color: #64B5F6 !important
}

.tc-light-blue-300 {
    color: #4FC3F7 !important
}

.tc-cyan-300 {
    color: #4DD0E1 !important
}

.tc-teal-300 {
    color: #4DB6AC !important
}

.tc-green-300 {
    color: #81C784 !important
}

.tc-light-green-300 {
    color: #AED581 !important
}

.tc-lime-300 {
    color: #DCE775 !important
}

.tc-yellow-300 {
    color: #FFF176 !important
}

.tc-amber-300 {
    color: #FFD54F !important
}

.tc-orange-300 {
    color: #FFB74D !important
}

.tc-deep-orange-300 {
    color: #FF8A65 !important
}

.tc-brown-300 {
    color: #A1887F !important
}

.tc-grey-300 {
    color: #E0E0E0 !important
}

.tc-blue-grey-300 {
    color: #90A4AE !important
}

.tc-red-400 {
    color: #EF5350 !important
}

.tc-pink-400 {
    color: #EC407A !important
}

.tc-purple-400 {
    color: #AB47BC !important
}

.tc-deep-purple-400 {
    color: #7E57C2 !important
}

.tc-indigo-400 {
    color: #5C6BC0 !important
}

.tc-blue-400 {
    color: #42A5F5 !important
}

.tc-light-blue-400 {
    color: #29B6F6 !important
}

.tc-cyan-400 {
    color: #26C6DA !important
}

.tc-teal-400 {
    color: #26A69A !important
}

.tc-green-400 {
    color: #66BB6A !important
}

.tc-light-green-400 {
    color: #9CCC65 !important
}

.tc-lime-400 {
    color: #D4E157 !important
}

.tc-yellow-400 {
    color: #FFEE58 !important
}

.tc-amber-400 {
    color: #FFCA28 !important
}

.tc-orange-400 {
    color: #FFA726 !important
}

.tc-deep-orange-400 {
    color: #FF7043 !important
}

.tc-brown-400 {
    color: #8D6E63 !important
}

.tc-grey-400 {
    color: #BDBDBD !important
}

.tc-blue-grey-400 {
    color: #78909C !important
}

.tc-red-500 {
    color: #F44336 !important
}

.tc-pink-500 {
    color: #E91E63 !important
}

.tc-purple-500 {
    color: #9C27B0 !important
}

.tc-deep-purple-500 {
    color: #673AB7 !important
}

.tc-indigo-500 {
    color: #3F51B5 !important
}

.tc-blue-500 {
    color: #2196F3 !important
}

.tc-light-blue-500 {
    color: #03A9F4 !important
}

.tc-cyan-500 {
    color: #00BCD4 !important
}

.tc-teal-500 {
    color: #009688 !important
}

.tc-green-500 {
    color: #4CAF50 !important
}

.tc-light-green-500 {
    color: #8BC34A !important
}

.tc-lime-500 {
    color: #CDDC39 !important
}

.tc-yellow-500 {
    color: #FFEB3B !important
}

.tc-amber-500 {
    color: #FFC107 !important
}

.tc-orange-500 {
    color: #FF9800 !important
}

.tc-deep-orange-500 {
    color: #FF5722 !important
}

.tc-brown-500 {
    color: #795548 !important
}

.tc-grey-500 {
    color: #9E9E9E !important
}

.tc-blue-grey-500 {
    color: #607D8B !important
}

.tc-red-600 {
    color: #E53935 !important
}

.tc-pink-600 {
    color: #D81B60 !important
}

.tc-purple-600 {
    color: #8E24AA !important
}

.tc-deep-purple-600 {
    color: #5E35B1 !important
}

.tc-indigo-600 {
    color: #3949AB !important
}

.tc-blue-600 {
    color: #1E88E5 !important
}

.tc-light-blue-600 {
    color: #039BE5 !important
}

.tc-cyan-600 {
    color: #00ACC1 !important
}

.tc-teal-600 {
    color: #00897B !important
}

.tc-green-600 {
    color: #43A047 !important
}

.tc-light-green-600 {
    color: #7CB342 !important
}

.tc-lime-600 {
    color: #C0CA33 !important
}

.tc-yellow-600 {
    color: #FDD835 !important
}

.tc-amber-600 {
    color: #FFB300 !important
}

.tc-orange-600 {
    color: #FB8C00 !important
}

.tc-deep-orange-600 {
    color: #F4511E !important
}

.tc-brown-600 {
    color: #6D4C41 !important
}

.tc-grey-600 {
    color: #757575 !important
}

.tc-blue-grey-600 {
    color: #546E7A !important
}

.tc-red-700 {
    color: #D32F2F !important
}

.tc-pink-700 {
    color: #C2185B !important
}

.tc-purple-700 {
    color: #7B1FA2 !important
}

.tc-deep-purple-700 {
    color: #512DA8 !important
}

.tc-indigo-700 {
    color: #303F9F !important
}

.tc-blue-700 {
    color: #1976D2 !important
}

.tc-light-blue-700 {
    color: #0288D1 !important
}

.tc-cyan-700 {
    color: #0097A7 !important
}

.tc-teal-700 {
    color: #00796B !important
}

.tc-green-700 {
    color: #388E3C !important
}

.tc-light-green-700 {
    color: #689F38 !important
}

.tc-lime-700 {
    color: #AFB42B !important
}

.tc-yellow-700 {
    color: #FBC02D !important
}

.tc-amber-700 {
    color: #FFA000 !important
}

.tc-orange-700 {
    color: #F57C00 !important
}

.tc-deep-orange-700 {
    color: #E64A19 !important
}

.tc-brown-700 {
    color: #5D4037 !important
}

.tc-grey-700 {
    color: #616161 !important
}

.tc-blue-grey-700 {
    color: #455A64 !important
}

.tc-red-800 {
    color: #C62828 !important
}

.tc-pink-800 {
    color: #AD1457 !important
}

.tc-purple-800 {
    color: #6A1B9A !important
}

.tc-deep-purple-800 {
    color: #4527A0 !important
}

.tc-indigo-800 {
    color: #283593 !important
}

.tc-blue-800 {
    color: #1565C0 !important
}

.tc-light-blue-800 {
    color: #0277BD !important
}

.tc-cyan-800 {
    color: #00838F !important
}

.tc-teal-800 {
    color: #00695C !important
}

.tc-green-800 {
    color: #2E7D32 !important
}

.tc-light-green-800 {
    color: #558B2F !important
}

.tc-lime-800 {
    color: #9E9D24 !important
}

.tc-yellow-800 {
    color: #F9A825 !important
}

.tc-amber-800 {
    color: #FF8F00 !important
}

.tc-orange-800 {
    color: #EF6C00 !important
}

.tc-deep-orange-800 {
    color: #D84315 !important
}

.tc-brown-800 {
    color: #4E342E !important
}

.tc-grey-800 {
    color: #424242 !important
}

.tc-blue-grey-800 {
    color: #37474F !important
}

.tc-red-900 {
    color: #B71C1C !important
}

.tc-pink-900 {
    color: #880E4F !important
}

.tc-purple-900 {
    color: #4A148C !important
}

.tc-deep-purple-900 {
    color: #311B92 !important
}

.tc-indigo-900 {
    color: #1A237E !important
}

.tc-blue-900 {
    color: #0D47A1 !important
}

.tc-light-blue-900 {
    color: #01579B !important
}

.tc-cyan-900 {
    color: #006064 !important
}

.tc-teal-900 {
    color: #004D40 !important
}

.tc-green-900 {
    color: #1B5E20 !important
}

.tc-light-green-900 {
    color: #33691E !important
}

.tc-lime-900 {
    color: #827717 !important
}

.tc-yellow-900 {
    color: #F57F17 !important
}

.tc-amber-900 {
    color: #FF6F00 !important
}

.tc-orange-900 {
    color: #E65100 !important
}

.tc-deep-orange-900 {
    color: #BF360C !important
}

.tc-brown-900 {
    color: #3E2723 !important
}

.tc-grey-900 {
    color: #212121 !important
}

.tc-blue-grey-900 {
    color: #263238 !important
}

.tc-red-A100 {
    color: #FF8A80 !important
}

.tc-pink-A100 {
    color: #FF80AB !important
}

.tc-purple-A100 {
    color: #EA80FC !important
}

.tc-deep-purple-A100 {
    color: #B388FF !important
}

.tc-indigo-A100 {
    color: #8C9EFF !important
}

.tc-blue-A100 {
    color: #82B1FF !important
}

.tc-light-blue-A100 {
    color: #80D8FF !important
}

.tc-cyan-A100 {
    color: #84FFFF !important
}

.tc-teal-A100 {
    color: #A7FFEB !important
}

.tc-green-A100 {
    color: #B9F6CA !important
}

.tc-light-green-A100 {
    color: #CCFF90 !important
}

.tc-lime-A100 {
    color: #F4FF81 !important
}

.tc-yellow-A100 {
    color: #FFFF8D !important
}

.tc-amber-A100 {
    color: #FFE57F !important
}

.tc-orange-A100 {
    color: #FFD180 !important
}

.tc-deep-orange-A100 {
    color: #FF9E80 !important
}

.tc-red-A200 {
    color: #FF5252 !important
}

.tc-pink-A200 {
    color: #FF4081 !important
}

.tc-purple-A200 {
    color: #E040FB !important
}

.tc-deep-purple-A200 {
    color: #7C4DFF !important
}

.tc-indigo-A200 {
    color: #536DFE !important
}

.tc-blue-A200 {
    color: #448AFF !important
}

.tc-light-blue-A200 {
    color: #40C4FF !important
}

.tc-cyan-A200 {
    color: #18FFFF !important
}

.tc-teal-A200 {
    color: #64FFDA !important
}

.tc-green-A200 {
    color: #69F0AE !important
}

.tc-light-green-A200 {
    color: #B2FF59 !important
}

.tc-lime-A200 {
    color: #EEFF41 !important
}

.tc-yellow-A200 {
    color: #FF0 !important
}

.tc-amber-A200 {
    color: #FFD740 !important
}

.tc-orange-A200 {
    color: #FFAB40 !important
}

.tc-deep-orange-A200 {
    color: #FF6E40 !important
}

.tc-red-A400 {
    color: #FF1744 !important
}

.tc-pink-A400 {
    color: #F50057 !important
}

.tc-purple-A400 {
    color: #D500F9 !important
}

.tc-deep-purple-A400 {
    color: #651FFF !important
}

.tc-indigo-A400 {
    color: #3D5AFE !important
}

.tc-blue-A400 {
    color: #2979FF !important
}

.tc-light-blue-A400 {
    color: #00B0FF !important
}

.tc-cyan-A400 {
    color: #00E5FF !important
}

.tc-teal-A400 {
    color: #1DE9B6 !important
}

.tc-green-A400 {
    color: #00E676 !important
}

.tc-light-green-A400 {
    color: #76FF03 !important
}

.tc-lime-A400 {
    color: #C6FF00 !important
}

.tc-yellow-A400 {
    color: #FFEA00 !important
}

.tc-amber-A400 {
    color: #FFC400 !important
}

.tc-orange-A400 {
    color: #FF9100 !important
}

.tc-deep-orange-A400 {
    color: #FF3D00 !important
}

.tc-red-A700 {
    color: #D50000 !important
}

.tc-pink-A700 {
    color: #C51162 !important
}

.tc-purple-A700 {
    color: #A0F !important
}

.tc-deep-purple-A700 {
    color: #6200EA !important
}

.tc-indigo-A700 {
    color: #304FFE !important
}

.tc-blue-A700 {
    color: #2962FF !important
}

.tc-light-blue-A700 {
    color: #0091EA !important
}

.tc-cyan-A700 {
    color: #00B8D4 !important
}

.tc-teal-A700 {
    color: #00BFA5 !important
}

.tc-green-A700 {
    color: #00C853 !important
}

.tc-light-green-A700 {
    color: #64DD17 !important
}

.tc-lime-A700 {
    color: #AEEA00 !important
}

.tc-yellow-A700 {
    color: #FFD600 !important
}

.tc-amber-A700 {
    color: #FFAB00 !important
}

.tc-orange-A700 {
    color: #FF6D00 !important
}

.tc-deep-orange-A700 {
    color: #DD2C00 !important
}

.tc-black {
    color: #000 !important
}

.tc-black-1 {
    color: rgba(0, 0, 0, .87) !important
}

.tc-black-2 {
    color: rgba(0, 0, 0, .54) !important
}

.tc-black-3 {
    color: rgba(0, 0, 0, .38) !important
}

.tc-black-4 {
    color: rgba(0, 0, 0, .12) !important
}

.tc-white,
.tc-white-1 {
    color: #FFF !important
}

.tc-white-2 {
    color: rgba(255, 255, 255, .7) !important
}

.tc-white-3 {
    color: rgba(255, 255, 255, .3) !important
}

.tc-white-4 {
    color: rgba(255, 255, 255, .12) !important
}

.tc-primary {
    color: #3F51B5 !important
}

.tc-primary-hue-1 {
    color: #C5CAE9 !important
}

.tc-primary-hue-2 {
    color: #303F9F !important
}

.tc-accent {
    color: #FF4081 !important
}

.tc-accent-hue-1 {
    color: #FF80AB !important
}

.tc-accent-hue-2 {
    color: #F50057 !important
}

.bgc-red-50 {
    background-color: #FFEBEE !important
}

.bgc-pink-50 {
    background-color: #FCE4EC !important
}

.bgc-purple-50 {
    background-color: #F3E5F5 !important
}

.bgc-deep-purple-50 {
    background-color: #EDE7F6 !important
}

.bgc-indigo-50 {
    background-color: #E8EAF6 !important
}

.bgc-blue-50 {
    background-color: #E3F2FD !important
}

.bgc-light-blue-50 {
    background-color: #E1F5FE !important
}

.bgc-cyan-50 {
    background-color: #E0F7FA !important
}

.bgc-teal-50 {
    background-color: #E0F2F1 !important
}

.bgc-green-50 {
    background-color: #E8F5E9 !important
}

.bgc-light-green-50 {
    background-color: #F1F8E9 !important
}

.bgc-lime-50 {
    background-color: #F9FBE7 !important
}

.bgc-yellow-50 {
    background-color: #FFFDE7 !important
}

.bgc-amber-50 {
    background-color: #FFF8E1 !important
}

.bgc-orange-50 {
    background-color: #FFF3E0 !important
}

.bgc-deep-orange-50 {
    background-color: #FBE9E7 !important
}

.bgc-brown-50 {
    background-color: #EFEBE9 !important
}

.bgc-grey-50 {
    background-color: #FAFAFA !important
}

.bgc-blue-grey-50 {
    background-color: #ECEFF1 !important
}

.bgc-red-100 {
    background-color: #FFCDD2 !important
}

.bgc-pink-100 {
    background-color: #F8BBD0 !important
}

.bgc-purple-100 {
    background-color: #E1BEE7 !important
}

.bgc-deep-purple-100 {
    background-color: #D1C4E9 !important
}

.bgc-indigo-100 {
    background-color: #C5CAE9 !important
}

.bgc-blue-100 {
    background-color: #BBDEFB !important
}

.bgc-light-blue-100 {
    background-color: #B3E5FC !important
}

.bgc-cyan-100 {
    background-color: #B2EBF2 !important
}

.bgc-teal-100 {
    background-color: #B2DFDB !important
}

.bgc-green-100 {
    background-color: #C8E6C9 !important
}

.bgc-light-green-100 {
    background-color: #DCEDC8 !important
}

.bgc-lime-100 {
    background-color: #F0F4C3 !important
}

.bgc-yellow-100 {
    background-color: #FFF9C4 !important
}

.bgc-amber-100 {
    background-color: #FFECB3 !important
}

.bgc-orange-100 {
    background-color: #FFE0B2 !important
}

.bgc-deep-orange-100 {
    background-color: #FFCCBC !important
}

.bgc-brown-100 {
    background-color: #D7CCC8 !important
}

.bgc-grey-100 {
    background-color: #F5F5F5 !important
}

.bgc-blue-grey-100 {
    background-color: #CFD8DC !important
}

.bgc-red-200 {
    background-color: #EF9A9A !important
}

.bgc-pink-200 {
    background-color: #F48FB1 !important
}

.bgc-purple-200 {
    background-color: #CE93D8 !important
}

.bgc-deep-purple-200 {
    background-color: #B39DDB !important
}

.bgc-indigo-200 {
    background-color: #9FA8DA !important
}

.bgc-blue-200 {
    background-color: #90CAF9 !important
}

.bgc-light-blue-200 {
    background-color: #81D4FA !important
}

.bgc-cyan-200 {
    background-color: #80DEEA !important
}

.bgc-teal-200 {
    background-color: #80CBC4 !important
}

.bgc-green-200 {
    background-color: #A5D6A7 !important
}

.bgc-light-green-200 {
    background-color: #C5E1A5 !important
}

.bgc-lime-200 {
    background-color: #E6EE9C !important
}

.bgc-yellow-200 {
    background-color: #FFF59D !important
}

.bgc-amber-200 {
    background-color: #FFE082 !important
}

.bgc-orange-200 {
    background-color: #FFCC80 !important
}

.bgc-deep-orange-200 {
    background-color: #FFAB91 !important
}

.bgc-brown-200 {
    background-color: #BCAAA4 !important
}

.bgc-grey-200 {
    background-color: #EEE !important
}

.bgc-blue-grey-200 {
    background-color: #B0BEC5 !important
}

.bgc-red-300 {
    background-color: #E57373 !important
}

.bgc-pink-300 {
    background-color: #F06292 !important
}

.bgc-purple-300 {
    background-color: #BA68C8 !important
}

.bgc-deep-purple-300 {
    background-color: #9575CD !important
}

.bgc-indigo-300 {
    background-color: #7986CB !important
}

.bgc-blue-300 {
    background-color: #64B5F6 !important
}

.bgc-light-blue-300 {
    background-color: #4FC3F7 !important
}

.bgc-cyan-300 {
    background-color: #4DD0E1 !important
}

.bgc-teal-300 {
    background-color: #4DB6AC !important
}

.bgc-green-300 {
    background-color: #81C784 !important
}

.bgc-light-green-300 {
    background-color: #AED581 !important
}

.bgc-lime-300 {
    background-color: #DCE775 !important
}

.bgc-yellow-300 {
    background-color: #FFF176 !important
}

.bgc-amber-300 {
    background-color: #FFD54F !important
}

.bgc-orange-300 {
    background-color: #FFB74D !important
}

.bgc-deep-orange-300 {
    background-color: #FF8A65 !important
}

.bgc-brown-300 {
    background-color: #A1887F !important
}

.bgc-grey-300 {
    background-color: #E0E0E0 !important
}

.bgc-blue-grey-300 {
    background-color: #90A4AE !important
}

.bgc-red-400 {
    background-color: #EF5350 !important
}

.bgc-pink-400 {
    background-color: #EC407A !important
}

.bgc-purple-400 {
    background-color: #AB47BC !important
}

.bgc-deep-purple-400 {
    background-color: #7E57C2 !important
}

.bgc-indigo-400 {
    background-color: #5C6BC0 !important
}

.bgc-blue-400 {
    background-color: #42A5F5 !important
}

.bgc-light-blue-400 {
    background-color: #29B6F6 !important
}

.bgc-cyan-400 {
    background-color: #26C6DA !important
}

.bgc-teal-400 {
    background-color: #26A69A !important
}

.bgc-green-400 {
    background-color: #66BB6A !important
}

.bgc-light-green-400 {
    background-color: #9CCC65 !important
}

.bgc-lime-400 {
    background-color: #D4E157 !important
}

.bgc-yellow-400 {
    background-color: #FFEE58 !important
}

.bgc-amber-400 {
    background-color: #FFCA28 !important
}

.bgc-orange-400 {
    background-color: #FFA726 !important
}

.bgc-deep-orange-400 {
    background-color: #FF7043 !important
}

.bgc-brown-400 {
    background-color: #8D6E63 !important
}

.bgc-grey-400 {
    background-color: #BDBDBD !important
}

.bgc-blue-grey-400 {
    background-color: #78909C !important
}

.bgc-red-500 {
    background-color: #F44336 !important
}

.bgc-pink-500 {
    background-color: #E91E63 !important
}

.bgc-purple-500 {
    background-color: #9C27B0 !important
}

.bgc-deep-purple-500 {
    background-color: #673AB7 !important
}

.bgc-indigo-500 {
    background-color: #3F51B5 !important
}

.bgc-blue-500 {
    background-color: rgb(49,126,148) !important
}

.bgc-light-blue-500 {
    background-color: rgba(41, 86, 100, 1)  !important
}

.bgc-cyan-500 {
    background-color: #00BCD4 !important
}

.bgc-teal-500 {
    background-color: #009688 !important
}

.bgc-green-500 {
    background-color: #4CAF50 !important
}

.bgc-light-green-500 {
    background-color: #8BC34A !important
}

.bgc-lime-500 {
    background-color: #CDDC39 !important
}

.bgc-yellow-500 {
    background-color: #FFEB3B !important
}

.bgc-amber-500 {
    background-color: #FFC107 !important
}

.bgc-orange-500 {
    background-color: #FF9800 !important
}

.bgc-deep-orange-500 {
    background-color: #FF5722 !important
}

.bgc-brown-500 {
    background-color: #795548 !important
}

.bgc-grey-500 {
    background-color: #9E9E9E !important
}

.bgc-blue-grey-500 {
    background-color: #607D8B !important
}

.bgc-red-600 {
    background-color: #E53935 !important
}

.bgc-pink-600 {
    background-color: #D81B60 !important
}

.bgc-purple-600 {
    background-color: #8E24AA !important
}

.bgc-deep-purple-600 {
    background-color: #5E35B1 !important
}

.bgc-indigo-600 {
    background-color: #3949AB !important
}

.bgc-blue-600 {
    background-color: #1E88E5 !important
}

.bgc-light-blue-600 {
    background-color: #039BE5 !important
}

.bgc-cyan-600 {
    background-color: #00ACC1 !important
}

.bgc-teal-600 {
    background-color: #00897B !important
}

.bgc-green-600 {
    background-color: #43A047 !important
}

.bgc-light-green-600 {
    background-color: #7CB342 !important
}

.bgc-lime-600 {
    background-color: #C0CA33 !important
}

.bgc-yellow-600 {
    background-color: #FDD835 !important
}

.bgc-amber-600 {
    background-color: #FFB300 !important
}

.bgc-orange-600 {
    background-color: #FB8C00 !important
}

.bgc-deep-orange-600 {
    background-color: #F4511E !important
}

.bgc-brown-600 {
    background-color: #6D4C41 !important
}

.bgc-grey-600 {
    background-color: #757575 !important
}

.bgc-blue-grey-600 {
    background-color: #546E7A !important
}

.bgc-red-700 {
    background-color: #D32F2F !important
}

.bgc-pink-700 {
    background-color: #C2185B !important
}

.bgc-purple-700 {
    background-color: #7B1FA2 !important
}

.bgc-deep-purple-700 {
    background-color: #512DA8 !important
}

.bgc-indigo-700 {
    background-color: #303F9F !important
}

.bgc-blue-700 {
    background-color: #1976D2 !important
}

.bgc-light-blue-700 {
    background-color: #0288D1 !important
}

.bgc-cyan-700 {
    background-color: #0097A7 !important
}

.bgc-teal-700 {
    background-color: #00796B !important
}

.bgc-green-700 {
    background-color: #388E3C !important
}

.bgc-light-green-700 {
    background-color: #689F38 !important
}

.bgc-lime-700 {
    background-color: #AFB42B !important
}

.bgc-yellow-700 {
    background-color: #FBC02D !important
}

.bgc-amber-700 {
    background-color: #FFA000 !important
}

.bgc-orange-700 {
    background-color: #F57C00 !important
}

.bgc-deep-orange-700 {
    background-color: #E64A19 !important
}

.bgc-brown-700 {
    background-color: #5D4037 !important
}

.bgc-grey-700 {
    background-color: #616161 !important
}

.bgc-blue-grey-700 {
    background-color: #455A64 !important
}

.bgc-red-800 {
    background-color: #C62828 !important
}

.bgc-pink-800 {
    background-color: #AD1457 !important
}

.bgc-purple-800 {
    background-color: #6A1B9A !important
}

.bgc-deep-purple-800 {
    background-color: #4527A0 !important
}

.bgc-indigo-800 {
    background-color: #283593 !important
}

.bgc-blue-800 {
    background-color: #1565C0 !important
}

.bgc-light-blue-800 {
    background-color: #0277BD !important
}

.bgc-cyan-800 {
    background-color: #00838F !important
}

.bgc-teal-800 {
    background-color: #00695C !important
}

.bgc-green-800 {
    background-color: #2E7D32 !important
}

.bgc-light-green-800 {
    background-color: #558B2F !important
}

.bgc-lime-800 {
    background-color: #9E9D24 !important
}

.bgc-yellow-800 {
    background-color: #F9A825 !important
}

.bgc-amber-800 {
    background-color: #FF8F00 !important
}

.bgc-orange-800 {
    background-color: #EF6C00 !important
}

.bgc-deep-orange-800 {
    background-color: #D84315 !important
}

.bgc-brown-800 {
    background-color: #4E342E !important
}

.bgc-grey-800 {
    background-color: #424242 !important
}

.bgc-blue-grey-800 {
    background-color: #37474F !important
}

.bgc-red-900 {
    background-color: #B71C1C !important
}

.bgc-pink-900 {
    background-color: #880E4F !important
}

.bgc-purple-900 {
    background-color: #4A148C !important
}

.bgc-deep-purple-900 {
    background-color: #311B92 !important
}

.bgc-indigo-900 {
    background-color: #1A237E !important
}

.bgc-blue-900 {
    background-color: #0D47A1 !important
}

.bgc-light-blue-900 {
    background-color: #01579B !important
}

.bgc-cyan-900 {
    background-color: #006064 !important
}

.bgc-teal-900 {
    background-color: #004D40 !important
}

.bgc-green-900 {
    background-color: #1B5E20 !important
}

.bgc-light-green-900 {
    background-color: #33691E !important
}

.bgc-lime-900 {
    background-color: #827717 !important
}

.bgc-yellow-900 {
    background-color: #F57F17 !important
}

.bgc-amber-900 {
    background-color: #FF6F00 !important
}

.bgc-orange-900 {
    background-color: #E65100 !important
}

.bgc-deep-orange-900 {
    background-color: #BF360C !important
}

.bgc-brown-900 {
    background-color: #3E2723 !important
}

.bgc-grey-900 {
    background-color: #212121 !important
}

.bgc-blue-grey-900 {
    background-color: #263238 !important
}

.bgc-red-A100 {
    background-color: #FF8A80 !important
}

.bgc-pink-A100 {
    background-color: #FF80AB !important
}

.bgc-purple-A100 {
    background-color: #EA80FC !important
}

.bgc-deep-purple-A100 {
    background-color: #B388FF !important
}

.bgc-indigo-A100 {
    background-color: #8C9EFF !important
}

.bgc-blue-A100 {
    background-color: #82B1FF !important
}

.bgc-light-blue-A100 {
    background-color: #80D8FF !important
}

.bgc-cyan-A100 {
    background-color: #84FFFF !important
}

.bgc-teal-A100 {
    background-color: #A7FFEB !important
}

.bgc-green-A100 {
    background-color: #B9F6CA !important
}

.bgc-light-green-A100 {
    background-color: #CCFF90 !important
}

.bgc-lime-A100 {
    background-color: #F4FF81 !important
}

.bgc-yellow-A100 {
    background-color: #FFFF8D !important
}

.bgc-amber-A100 {
    background-color: #FFE57F !important
}

.bgc-orange-A100 {
    background-color: #FFD180 !important
}

.bgc-deep-orange-A100 {
    background-color: #FF9E80 !important
}

.bgc-red-A200 {
    background-color: #FF5252 !important
}

.bgc-pink-A200 {
    background-color: #FF4081 !important
}

.bgc-purple-A200 {
    background-color: #E040FB !important
}

.bgc-deep-purple-A200 {
    background-color: #7C4DFF !important
}

.bgc-indigo-A200 {
    background-color: #536DFE !important
}

.bgc-blue-A200 {
    background-color: #448AFF !important
}

.bgc-light-blue-A200 {
    background-color: #40C4FF !important
}

.bgc-cyan-A200 {
    background-color: #18FFFF !important
}

.bgc-teal-A200 {
    background-color: #64FFDA !important
}

.bgc-green-A200 {
    background-color: #69F0AE !important
}

.bgc-light-green-A200 {
    background-color: #B2FF59 !important
}

.bgc-lime-A200 {
    background-color: #EEFF41 !important
}

.bgc-yellow-A200 {
    background-color: #FF0 !important
}

.bgc-amber-A200 {
    background-color: #FFD740 !important
}

.bgc-orange-A200 {
    background-color: #FFAB40 !important
}

.bgc-deep-orange-A200 {
    background-color: #FF6E40 !important
}

.bgc-red-A400 {
    background-color: #FF1744 !important
}

.bgc-pink-A400 {
    background-color: #F50057 !important
}

.bgc-purple-A400 {
    background-color: #D500F9 !important
}

.bgc-deep-purple-A400 {
    background-color: #651FFF !important
}

.bgc-indigo-A400 {
    background-color: #3D5AFE !important
}

.bgc-blue-A400 {
    background-color: #2979FF !important
}

.bgc-light-blue-A400 {
    background-color: #00B0FF !important
}

.bgc-cyan-A400 {
    background-color: #00E5FF !important
}

.bgc-teal-A400 {
    background-color: #1DE9B6 !important
}

.bgc-green-A400 {
    background-color: #00E676 !important
}

.bgc-light-green-A400 {
    background-color: #76FF03 !important
}

.bgc-lime-A400 {
    background-color: #C6FF00 !important
}

.bgc-yellow-A400 {
    background-color: #FFEA00 !important
}

.bgc-amber-A400 {
    background-color: #FFC400 !important
}

.bgc-orange-A400 {
    background-color: #FF9100 !important
}

.bgc-deep-orange-A400 {
    background-color: #FF3D00 !important
}

.bgc-red-A700 {
    background-color: #D50000 !important
}

.bgc-pink-A700 {
    background-color: #C51162 !important
}

.bgc-purple-A700 {
    background-color: #A0F !important
}

.bgc-deep-purple-A700 {
    background-color: #6200EA !important
}

.bgc-indigo-A700 {
    background-color: #304FFE !important
}

.bgc-blue-A700 {
    background-color: #2962FF !important
}

.bgc-light-blue-A700 {
    background-color: #0091EA !important
}

.bgc-cyan-A700 {
    background-color: #00B8D4 !important
}

.bgc-teal-A700 {
    background-color: #00BFA5 !important
}

.bgc-green-A700 {
    background-color: #00C853 !important
}

.bgc-light-green-A700 {
    background-color: #64DD17 !important
}

.bgc-lime-A700 {
    background-color: #AEEA00 !important
}

.bgc-yellow-A700 {
    background-color: #FFD600 !important
}

.bgc-amber-A700 {
    background-color: #FFAB00 !important
}

.bgc-orange-A700 {
    background-color: #FF6D00 !important
}

.bgc-deep-orange-A700 {
    background-color: #DD2C00 !important
}

.bgc-black {
    background-color: #000 !important
}

.bgc-black-1 {
    background-color: rgba(0, 0, 0, .87) !important
}

.bgc-black-2 {
    background-color: rgba(0, 0, 0, .54) !important
}

.bgc-black-3 {
    background-color: rgba(0, 0, 0, .38) !important
}

.bgc-black-4 {
    background-color: rgba(0, 0, 0, .12) !important
}

.bgc-white,
.bgc-white-1 {
    background-color: #FFF !important
}

.bgc-white-2 {
    background-color: rgba(255, 255, 255, .7) !important
}

.bgc-white-3 {
    background-color: rgba(255, 255, 255, .3) !important
}

.bgc-white-4 {
    background-color: rgba(255, 255, 255, .12) !important
}

.bgc-primary {
    background-color: #3F51B5 !important
}

.bgc-primary-hue-1 {
    background-color: #C5CAE9 !important
}

.bgc-primary-hue-2 {
    background-color: #303F9F !important
}

.bgc-accent {
    background-color: #FF4081 !important
}

.bgc-accent-hue-1 {
    background-color: #FF80AB !important
}

.bgc-accent-hue-2 {
    background-color: #F50057 !important
}

.w-1\/1 {
    width: 100% !important
}

.w-1\/2 {
    width: 50% !important
}

.w-1\/3 {
    width: 33.33333% !important
}

.w-2\/3 {
    width: 66.66667% !important
}

.w-1\/4 {
    width: 25% !important
}

.w-2\/4 {
    width: 50% !important
}

.w-3\/4 {
    width: 75% !important
}

.w-1\/5 {
    width: 20% !important
}

.w-2\/5 {
    width: 40% !important
}

.w-3\/5 {
    width: 60% !important
}

.w-4\/5 {
    width: 80% !important
}

@media screen and (max-width:480px) {
    .w-1\/1-palm {
        width: 100% !important
    }

    .w-1\/2-palm {
        width: 50% !important
    }

    .w-1\/3-palm {
        width: 33.33333% !important
    }

    .w-2\/3-palm {
        width: 66.66667% !important
    }

    .w-1\/4-palm {
        width: 25% !important
    }

    .w-2\/4-palm {
        width: 50% !important
    }

    .w-3\/4-palm {
        width: 75% !important
    }

    .w-1\/5-palm {
        width: 20% !important
    }

    .w-2\/5-palm {
        width: 40% !important
    }

    .w-3\/5-palm {
        width: 60% !important
    }

    .w-4\/5-palm {
        width: 80% !important
    }
}

@media screen and (min-width:481px) and (max-width:1023px) {
    .w-1\/1-lap {
        width: 100% !important
    }

    .w-1\/2-lap {
        width: 50% !important
    }

    .w-1\/3-lap {
        width: 33.33333% !important
    }

    .w-2\/3-lap {
        width: 66.66667% !important
    }

    .w-1\/4-lap {
        width: 25% !important
    }

    .w-2\/4-lap {
        width: 50% !important
    }

    .w-3\/4-lap {
        width: 75% !important
    }

    .w-1\/5-lap {
        width: 20% !important
    }

    .w-2\/5-lap {
        width: 40% !important
    }

    .w-3\/5-lap {
        width: 60% !important
    }

    .w-4\/5-lap {
        width: 80% !important
    }
}

@media screen and (min-width:481px) {
    .w-1\/1-lap-and-up {
        width: 100% !important
    }

    .w-1\/2-lap-and-up {
        width: 50% !important
    }

    .w-1\/3-lap-and-up {
        width: 33.33333% !important
    }

    .w-2\/3-lap-and-up {
        width: 66.66667% !important
    }

    .w-1\/4-lap-and-up {
        width: 25% !important
    }

    .w-2\/4-lap-and-up {
        width: 50% !important
    }

    .w-3\/4-lap-and-up {
        width: 75% !important
    }

    .w-1\/5-lap-and-up {
        width: 20% !important
    }

    .w-2\/5-lap-and-up {
        width: 40% !important
    }

    .w-3\/5-lap-and-up {
        width: 60% !important
    }

    .w-4\/5-lap-and-up {
        width: 80% !important
    }
}

@media screen and (max-width:1023px) {
    .w-1\/1-portable {
        width: 100% !important
    }

    .w-1\/2-portable {
        width: 50% !important
    }

    .w-1\/3-portable {
        width: 33.33333% !important
    }

    .w-2\/3-portable {
        width: 66.66667% !important
    }

    .w-1\/4-portable {
        width: 25% !important
    }

    .w-2\/4-portable {
        width: 50% !important
    }

    .w-3\/4-portable {
        width: 75% !important
    }

    .w-1\/5-portable {
        width: 20% !important
    }

    .w-2\/5-portable {
        width: 40% !important
    }

    .w-3\/5-portable {
        width: 60% !important
    }

    .w-4\/5-portable {
        width: 80% !important
    }
}

@media screen and (min-width:1024px) {
    .w-1\/1-desk {
        width: 100% !important
    }

    .w-1\/2-desk {
        width: 50% !important
    }

    .w-1\/3-desk {
        width: 33.33333% !important
    }

    .w-2\/3-desk {
        width: 66.66667% !important
    }

    .w-1\/4-desk {
        width: 25% !important
    }

    .w-2\/4-desk {
        width: 50% !important
    }

    .w-3\/4-desk {
        width: 75% !important
    }

    .w-1\/5-desk {
        width: 20% !important
    }

    .w-2\/5-desk {
        width: 40% !important
    }

    .w-3\/5-desk {
        width: 60% !important
    }

    .w-4\/5-desk {
        width: 80% !important
    }
}

@media screen and (min-width:1280px) {
    .w-1\/1-desk-wide {
        width: 100% !important
    }

    .w-1\/2-desk-wide {
        width: 50% !important
    }

    .w-1\/3-desk-wide {
        width: 33.33333% !important
    }

    .w-2\/3-desk-wide {
        width: 66.66667% !important
    }

    .w-1\/4-desk-wide {
        width: 25% !important
    }

    .w-2\/4-desk-wide {
        width: 50% !important
    }

    .w-3\/4-desk-wide {
        width: 75% !important
    }

    .w-1\/5-desk-wide {
        width: 20% !important
    }

    .w-2\/5-desk-wide {
        width: 40% !important
    }

    .w-3\/5-desk-wide {
        width: 60% !important
    }

    .w-4\/5-desk-wide {
        width: 80% !important
    }
}

@media screen and (min-width:1920px) {
    .w-1\/1-full-hd {
        width: 100% !important
    }

    .w-1\/2-full-hd {
        width: 50% !important
    }

    .w-1\/3-full-hd {
        width: 33.33333% !important
    }

    .w-2\/3-full-hd {
        width: 66.66667% !important
    }

    .w-1\/4-full-hd {
        width: 25% !important
    }

    .w-2\/4-full-hd {
        width: 50% !important
    }

    .w-3\/4-full-hd {
        width: 75% !important
    }

    .w-1\/5-full-hd {
        width: 20% !important
    }

    .w-2\/5-full-hd {
        width: 40% !important
    }

    .w-3\/5-full-hd {
        width: 60% !important
    }

    .w-4\/5-full-hd {
        width: 80% !important
    }
}

@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi), (min-resolution:2dppx) {
    .w-1\/1-retina {
        width: 100% !important
    }

    .w-1\/2-retina {
        width: 50% !important
    }

    .w-1\/3-retina {
        width: 33.33333% !important
    }

    .w-2\/3-retina {
        width: 66.66667% !important
    }

    .w-1\/4-retina {
        width: 25% !important
    }

    .w-2\/4-retina {
        width: 50% !important
    }

    .w-3\/4-retina {
        width: 75% !important
    }

    .w-1\/5-retina {
        width: 20% !important
    }

    .w-2\/5-retina {
        width: 40% !important
    }

    .w-3\/5-retina {
        width: 60% !important
    }

    .w-4\/5-retina {
        width: 80% !important
    }
}

.m {
    margin: 8px !important
}

.mt {
    margin-top: 8px !important
}

.mr {
    margin-right: 8px !important
}

.mb {
    margin-bottom: 8px !important
}

.ml {
    margin-left: 8px !important
}

.mh {
    margin-right: 8px !important;
    margin-left: 8px !important
}

.mv {
    margin-top: 8px !important;
    margin-bottom: 8px !important
}

.m- {
    margin: 4px !important
}

.mt- {
    margin-top: 4px !important
}

.mr- {
    margin-right: 4px !important
}

.mb- {
    margin-bottom: 4px !important
}

.ml- {
    margin-left: 4px !important
}

.mh- {
    margin-right: 4px !important;
    margin-left: 4px !important
}

.mv- {
    margin-top: 4px !important;
    margin-bottom: 4px !important
}

.m\+ {
    margin: 16px !important
}

.mt\+ {
    margin-top: 16px !important
}

.mr\+ {
    margin-right: 16px !important
}

.mb\+ {
    margin-bottom: 16px !important
}

.ml\+ {
    margin-left: 16px !important
}

.mh\+ {
    margin-right: 16px !important;
    margin-left: 16px !important
}

.mv\+ {
    margin-top: 16px !important;
    margin-bottom: 16px !important
}

.m\+\+ {
    margin: 24px !important
}

.mt\+\+ {
    margin-top: 24px !important
}

.mr\+\+ {
    margin-right: 24px !important
}

.mb\+\+ {
    margin-bottom: 24px !important
}

.ml\+\+ {
    margin-left: 24px !important
}

.mh\+\+ {
    margin-right: 24px !important;
    margin-left: 24px !important
}

.mv\+\+ {
    margin-top: 24px !important;
    margin-bottom: 24px !important
}

.m\+\+\+ {
    margin: 32px !important
}

.mt\+\+\+ {
    margin-top: 32px !important
}

.mr\+\+\+ {
    margin-right: 32px !important
}

.mb\+\+\+ {
    margin-bottom: 32px !important
}

.ml\+\+\+ {
    margin-left: 32px !important
}

.mh\+\+\+ {
    margin-right: 32px !important;
    margin-left: 32px !important
}

.mv\+\+\+ {
    margin-top: 32px !important;
    margin-bottom: 32px !important
}

.m0 {
    margin: 0 !important
}

.mt0 {
    margin-top: 0 !important
}

.mr0 {
    margin-right: 0 !important
}

.mb0 {
    margin-bottom: 0 !important
}

.ml0 {
    margin-left: 0 !important
}

.mh0 {
    margin-right: 0 !important;
    margin-left: 0 !important
}

.mv0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.p {
    padding: 8px !important
}

.pt {
    padding-top: 8px !important
}

.pr {
    padding-right: 8px !important
}

.pb {
    padding-bottom: 8px !important
}

.pl {
    padding-left: 8px !important
}

.ph {
    padding-right: 8px !important;
    padding-left: 8px !important
}

.pv {
    padding-top: 8px !important;
    padding-bottom: 8px !important
}

.p- {
    padding: 4px !important
}

.pt- {
    padding-top: 4px !important
}

.pr- {
    padding-right: 4px !important
}

.pb- {
    padding-bottom: 4px !important
}

.pl- {
    padding-left: 4px !important
}

.ph- {
    padding-right: 4px !important;
    padding-left: 4px !important
}

.pv- {
    padding-top: 4px !important;
    padding-bottom: 4px !important
}

.p\+ {
    padding: 16px !important
}

.pt\+ {
    padding-top: 16px !important
}

.pr\+ {
    padding-right: 16px !important
}

.pb\+ {
    padding-bottom: 16px !important
}

.pl\+ {
    padding-left: 16px !important
}

.ph\+ {
    padding-right: 16px !important;
    padding-left: 16px !important
}

.pv\+ {
    padding-top: 16px !important;
    padding-bottom: 16px !important
}

.p\+\+ {
    padding: 24px !important
}

.pt\+\+ {
    padding-top: 24px !important
}

.pr\+\+ {
    padding-right: 24px !important
}

.pb\+\+ {
    padding-bottom: 24px !important
}

.pl\+\+ {
    padding-left: 24px !important
}

.ph\+\+ {
    padding-right: 24px !important;
    padding-left: 24px !important
}

.pv\+\+ {
    padding-top: 24px !important;
    padding-bottom: 24px !important
}

.p\+\+\+ {
    padding: 32px !important
}

.pt\+\+\+ {
    padding-top: 32px !important
}

.pr\+\+\+ {
    padding-right: 32px !important
}

.pb\+\+\+ {
    padding-bottom: 32px !important
}

.pl\+\+\+ {
    padding-left: 32px !important
}

.ph\+\+\+ {
    padding-right: 32px !important;
    padding-left: 32px !important
}

.pv\+\+\+ {
    padding-top: 32px !important;
    padding-bottom: 32px !important
}

.p0 {
    padding: 0 !important
}

.pt0 {
    padding-top: 0 !important
}

.pr0 {
    padding-right: 0 !important
}

.pb0 {
    padding-bottom: 0 !important
}

.pl0 {
    padding-left: 0 !important
}

.ph0 {
    padding-right: 0 !important;
    padding-left: 0 !important
}

.pv0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.clearfix::after {
    clear: both;
    content: "";
    display: table
}

.float-right {
    float: right !important
}

.float-left {
    float: left !important
}

.float-none {
    float: none !important
}

.text-left {
    text-align: left !important
}

.text-center {
    text-align: center !important
}

.text-right {
    text-align: right !important
}

.display-block {
    display: block
}

.checkbox__input,
.radio-button__input,
.switch__input,
.visuallyhidden {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important
}

@-webkit-keyframes ripple {
    0% {
        opacity: .3;
        -webkit-transform: scale(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(2.5)
    }
}

@-moz-keyframes ripple {
    0% {
        opacity: .3;
        -moz-transform: scale(0)
    }

    100% {
        opacity: 0;
        -moz-transform: scale(2.5)
    }
}

@keyframes ripple {
    0% {
        opacity: .3;
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(2.5);
        -moz-transform: scale(2.5);
        -ms-transform: scale(2.5);
        -o-transform: scale(2.5);
        transform: scale(2.5)
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(359deg)
    }
}

@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0deg)
    }

    100% {
        -moz-transform: rotate(359deg)
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(359deg);
        -moz-transform: rotate(359deg);
        -ms-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.bare-list,
.dropdown-menu ul,
.list,
.tabs__links {
    margin: 0;
    padding: 0;
    list-style: none
}

.divider {
    height: 1px
}

.divider--dark {
    background-color: rgba(0, 0, 0, .12)
}

.divider--light {
    background-color: rgba(255, 255, 255, .12)
}

.has-divider {
    border-bottom-width: 1px;
    border-bottom-style: solid
}

.has-divider--dark {
    border-bottom-color: rgba(0, 0, 0, .12)
}

.has-divider--light {
    border-bottom-color: rgba(255, 255, 255, .12)
}

.z-depth1 {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .14), 0 2px 2px 0 rgba(0, 0, 0, .098), 0 1px 5px 0 rgba(0, 0, 0, .084)
}

.z-depth2 {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .14), 0 4px 5px 0 rgba(0, 0, 0, .098), 0 1px 10px 0 rgba(0, 0, 0, .084)
}

.z-depth3 {
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .14), 0 6px 10px 0 rgba(0, 0, 0, .098), 0 1px 18px 0 rgba(0, 0, 0, .084)
}

.z-depth4 {
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .14), 0 8px 10px 1px rgba(0, 0, 0, .098), 0 3px 14px 2px rgba(0, 0, 0, .084)
}

.z-depth5 {
    box-shadow: 0 8px 10px -5px rgba(0, 0, 0, .14), 0 16px 24px 2px rgba(0, 0, 0, .098), 0 6px 30px 5px rgba(0, 0, 0, .084)
}

.btn {
    z-index: 2;
    display: inline-block;
    vertical-align: top;
    margin: 0;
    padding: 0;
    border: none;
    background-color: transparent;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer
}

    .btn,
    .btn:active,
    .btn:focus,
    .btn:hover {
        text-decoration: none;
        outline: 0
    }

        .btn::-moz-focus-inner {
            border: 0;
            padding: 0
        }

        .btn .ripple {
            z-index: -1
        }

.btn--raised.btn--is-disabled,
.btn--raised[disabled] {
    box-shadow: none !important;
    cursor: not-allowed;
    color: rgba(0, 0, 0, .38) !important;
    background-color: #E0E0E0 !important
}

    .btn--raised.btn--is-disabled .ripple,
    .btn--raised[disabled] .ripple {
        display: none
    }

.btn--fab.btn--is-disabled,
.btn--fab[disabled] {
    box-shadow: none !important;
    cursor: not-allowed;
    color: rgba(0, 0, 0, .38) !important;
    background-color: #E0E0E0 !important
}

    .btn--fab.btn--is-disabled .ripple,
    .btn--fab[disabled] .ripple {
        display: none
    }

.btn--flat.btn--is-disabled,
.btn--flat[disabled] {
    box-shadow: none !important;
    cursor: not-allowed;
    color: rgba(0, 0, 0, .38) !important;
    background-color: transparent !important
}

    .btn--flat.btn--is-disabled .ripple,
    .btn--flat[disabled] .ripple {
        display: none
    }

.btn--icon.btn--is-disabled,
.btn--icon[disabled] {
    box-shadow: none !important;
    cursor: not-allowed;
    color: rgba(0, 0, 0, .38) !important;
    background-color: transparent !important
}

    .btn--icon.btn--is-disabled .ripple,
    .btn--icon[disabled] .ripple {
        display: none
    }

.btn--xs {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 11px;
    font-size: .6875rem;
    line-height: 24px
}

.btn--s {
    padding-left: 12px;
    padding-right: 12px;
    font-size: 11px;
    font-size: .6875rem;
    line-height: 30px
}

.btn--m {
    padding-left: 14px;
    padding-right: 14px;
    font-size: 13px;
    font-size: .8125rem;
    line-height: 36px
}

.btn--l {
    padding-left: 16px;
    padding-right: 16px;
    font-size: 14px;
    font-size: .875rem;
    line-height: 40px
}

.btn--xl {
    padding-left: 26px;
    padding-right: 26px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 56px
}

.btn--raised {
    border-radius: 2px;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .14), 0 2px 2px 0 rgba(0, 0, 0, .098), 0 1px 5px 0 rgba(0, 0, 0, .084);
    -webkit-transition-property: box-shadow;
    -moz-transition-property: box-shadow;
    transition-property: box-shadow;
    -webkit-transition-duration: .2s;
    -moz-transition-duration: .2s;
    transition-duration: .2s
}

    .btn--raised:hover {
        box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .14), 0 4px 5px 0 rgba(0, 0, 0, .098), 0 1px 10px 0 rgba(0, 0, 0, .084)
    }

.btn--fab {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .14), 0 2px 2px 0 rgba(0, 0, 0, .098), 0 1px 5px 0 rgba(0, 0, 0, .084);
    -webkit-transition-property: box-shadow;
    -moz-transition-property: box-shadow;
    transition-property: box-shadow;
    -webkit-transition-duration: .2s;
    -moz-transition-duration: .2s;
    transition-duration: .2s;
    border-radius: 50%
}

    .btn--fab:hover {
        box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .14), 0 4px 5px 0 rgba(0, 0, 0, .098), 0 1px 10px 0 rgba(0, 0, 0, .084)
    }

.btn--raised.btn--red {
    color: #FFF;
    background-color: #F44336
}

    .btn--raised.btn--red .ripple {
        background-color: #290502
    }

.btn--fab.btn--red {
    color: #FFF;
    background-color: #F44336
}

    .btn--fab.btn--red .ripple {
        background-color: #290502
    }

.btn--raised.btn--pink {
    color: #FFF;
    background-color: #E91E63
}

    .btn--raised.btn--pink .ripple {
        background-color: #070103
    }

.btn--fab.btn--pink {
    color: #FFF;
    background-color: #E91E63
}

    .btn--fab.btn--pink .ripple {
        background-color: #070103
    }

.btn--raised.btn--purple {
    color: #FFF;
    background-color: #9C27B0
}

    .btn--raised.btn--purple .ripple {
        background-color: #000
    }

.btn--fab.btn--purple {
    color: #FFF;
    background-color: #9C27B0
}

    .btn--fab.btn--purple .ripple {
        background-color: #000
    }

.btn--raised.btn--deep-purple {
    color: #FFF;
    background-color: #673AB7
}

    .btn--raised.btn--deep-purple .ripple {
        background-color: #000
    }

.btn--fab.btn--deep-purple {
    color: #FFF;
    background-color: #673AB7
}

    .btn--fab.btn--deep-purple .ripple {
        background-color: #000
    }

.btn--raised.btn--indigo {
    color: #FFF;
    background-color: #3F51B5
}

    .btn--raised.btn--indigo .ripple {
        background-color: #000
    }

.btn--fab.btn--indigo {
    color: #FFF;
    background-color: #3F51B5
}

    .btn--fab.btn--indigo .ripple {
        background-color: #000
    }

.btn--raised.btn--blue {
    color: #FFF;
    background-color: #2196F3
}

    .btn--raised.btn--blue .ripple {
        background-color: #010c14
    }

.btn--fab.btn--blue {
    color: #FFF;
    background-color: #AF2D25
}

    .btn--fab.btn--blue .ripple {
        background-color: #010c14
    }

.btn--raised.btn--light-blue {
    color: #FFF;
    background-color: #03A9F4
}

    .btn--raised.btn--light-blue .ripple {
        background-color: #000
    }

.btn--fab.btn--light-blue {
    color: #FFF;
    background-color: #03A9F4
}

    .btn--fab.btn--light-blue .ripple {
        background-color: #000
    }

.btn--raised.btn--cyan {
    color: #FFF;
    background-color: #00BCD4
}

    .btn--raised.btn--cyan .ripple {
        background-color: #000
    }

.btn--fab.btn--cyan {
    color: #FFF;
    background-color: #00BCD4
}

    .btn--fab.btn--cyan .ripple {
        background-color: #000
    }

.btn--raised.btn--teal {
    color: #FFF;
    background-color: #009688
}

    .btn--raised.btn--teal .ripple {
        background-color: #000
    }

.btn--fab.btn--teal {
    color: #FFF;
    background-color: #009688
}

    .btn--fab.btn--teal .ripple {
        background-color: #000
    }

.btn--raised.btn--green {
    color: #FFF;
    background-color: #4CAF50
}

    .btn--raised.btn--green .ripple {
        background-color: #000
    }

.btn--fab.btn--green {
    color: #FFF;
    background-color: #4CAF50
}

    .btn--fab.btn--green .ripple {
        background-color: #000
    }

.btn--raised.btn--light-green {
    color: #FFF;
    background-color: #8BC34A
}

    .btn--raised.btn--light-green .ripple {
        background-color: #070b03
    }

.btn--fab.btn--light-green {
    color: #FFF;
    background-color: #8BC34A
}

    .btn--fab.btn--light-green .ripple {
        background-color: #070b03
    }

.btn--raised.btn--lime {
    color: #FFF;
    background-color: #CDDC39
}

    .btn--raised.btn--lime .ripple {
        background-color: #111303
    }

.btn--fab.btn--lime {
    color: #FFF;
    background-color: #CDDC39
}

    .btn--fab.btn--lime .ripple {
        background-color: #111303
    }

.btn--raised.btn--yellow {
    color: #FFF;
    background-color: #FFEB3B
}

    .btn--raised.btn--yellow .ripple {
        background-color: #3b3500
    }

.btn--fab.btn--yellow {
    color: #FFF;
    background-color: #FFEB3B
}

    .btn--fab.btn--yellow .ripple {
        background-color: #3b3500
    }

.btn--raised.btn--amber {
    color: #FFF;
    background-color: #FFC107
}

    .btn--raised.btn--amber .ripple {
        background-color: #070500
    }

.btn--fab.btn--amber {
    color: #FFF;
    background-color: #FFC107
}

    .btn--fab.btn--amber .ripple {
        background-color: #070500
    }

.btn--raised.btn--orange {
    color: #FFF;
    background-color: #FF9800
}

    .btn--raised.btn--orange .ripple {
        background-color: #000
    }

.btn--fab.btn--orange {
    color: #FFF;
    background-color: #FF9800
}

    .btn--fab.btn--orange .ripple {
        background-color: #000
    }

.btn--raised.btn--deep-orange {
    color: #FFF;
    background-color: #FF5722
}

    .btn--raised.btn--deep-orange .ripple {
        background-color: #220800
    }

.btn--fab.btn--deep-orange {
    color: #FFF;
    background-color: #FF5722
}

    .btn--fab.btn--deep-orange .ripple {
        background-color: #220800
    }

.btn--raised.btn--brown {
    color: #FFF;
    background-color: #795548
}

    .btn--raised.btn--brown .ripple {
        background-color: #000
    }

.btn--fab.btn--brown {
    color: #FFF;
    background-color: #795548
}

    .btn--fab.btn--brown .ripple {
        background-color: #000
    }

.btn--raised.btn--grey {
    color: #FFF;
    background-color: #9E9E9E
}

    .btn--raised.btn--grey .ripple {
        background-color: #1f1f1f
    }

.btn--fab.btn--grey {
    color: #FFF;
    background-color: #9E9E9E
}

    .btn--fab.btn--grey .ripple {
        background-color: #1f1f1f
    }

.btn--raised.btn--blue-grey {
    color: #FFF;
    background-color: #607D8B
}

    .btn--raised.btn--blue-grey .ripple {
        background-color: #000
    }

.btn--fab.btn--blue-grey {
    color: #FFF;
    background-color: #607D8B
}

    .btn--fab.btn--blue-grey .ripple {
        background-color: #000
    }

.btn--raised.btn--black {
    color: #FFF;
    background-color: #000
}

    .btn--raised.btn--black .ripple {
        background-color: #000
    }

.btn--fab.btn--black {
    color: #FFF;
    background-color: #000
}

    .btn--fab.btn--black .ripple {
        background-color: #000
    }

.btn--raised.btn--white {
    color: rgba(0, 0, 0, .87);
    background-color: #FFF
}

    .btn--raised.btn--white .ripple {
        background-color: gray
    }

.btn--fab.btn--white {
    color: rgba(0, 0, 0, .87);
    background-color: #FFF
}

    .btn--fab.btn--white .ripple {
        background-color: gray
    }

.btn--raised.btn--primary {
    color: #FFF;
    background-color: #3F51B5
}

    .btn--raised.btn--primary .ripple {
        background-color: #000
    }

.btn--fab.btn--primary {
    color: #FFF;
    background-color: #3F51B5
}

    .btn--fab.btn--primary .ripple {
        background-color: #000
    }

.btn--raised.btn--primary-hue-1 {
    color: #FFF;
    background-color: #C5CAE9
}

    .btn--raised.btn--primary-hue-1 .ripple {
        background-color: #303b7f
    }

.btn--fab.btn--primary-hue-1 {
    color: #FFF;
    background-color: #C5CAE9
}

    .btn--fab.btn--primary-hue-1 .ripple {
        background-color: #303b7f
    }

.btn--raised.btn--primary-hue-2 {
    color: #FFF;
    background-color: #303F9F
}

    .btn--raised.btn--primary-hue-2 .ripple {
        background-color: #000
    }

.btn--fab.btn--primary-hue-2 {
    color: #FFF;
    background-color: #303F9F
}

    .btn--fab.btn--primary-hue-2 .ripple {
        background-color: #000
    }

.btn--raised.btn--accent {
    color: #FFF;
    background-color: #FF4081
}

    .btn--raised.btn--accent .ripple {
        background-color: #400016
    }

.btn--fab.btn--accent {
    color: #FFF;
    background-color: #FF4081
}

    .btn--fab.btn--accent .ripple {
        background-color: #400016
    }

.btn--raised.btn--accent-hue-1 {
    color: #FFF;
    background-color: #FF80AB
}

    .btn--raised.btn--accent-hue-1 .ripple {
        background-color: #80002b
    }

.btn--fab.btn--accent-hue-1 {
    color: #FFF;
    background-color: #FF80AB
}

    .btn--fab.btn--accent-hue-1 .ripple {
        background-color: #80002b
    }

.btn--raised.btn--accent-hue-2 {
    color: #FFF;
    background-color: #F50057
}

    .btn--raised.btn--accent-hue-2 .ripple {
        background-color: #000
    }

.btn--fab.btn--accent-hue-2 {
    color: #FFF;
    background-color: #F50057
}

    .btn--fab.btn--accent-hue-2 .ripple {
        background-color: #000
    }

.btn--flat {
    border-radius: 2px;
    -webkit-transition-property: background-color;
    -moz-transition-property: background-color;
    transition-property: background-color;
    -webkit-transition-duration: .2s;
    -moz-transition-duration: .2s;
    transition-duration: .2s
}

.btn--icon {
    -webkit-transition-property: background-color;
    -moz-transition-property: background-color;
    transition-property: background-color;
    -webkit-transition-duration: .2s;
    -moz-transition-duration: .2s;
    transition-duration: .2s;
    border-radius: 50%
}

.btn--flat.btn--red {
    color: #F44336
}

    .btn--flat.btn--red .ripple {
        background-color: #F44336
    }

    .btn--flat.btn--red:hover {
        background-color: rgba(244, 67, 54, .15)
    }

.btn--icon.btn--red {
    color: #F44336
}

    .btn--icon.btn--red .ripple {
        background-color: #F44336
    }

    .btn--icon.btn--red:hover {
        background-color: rgba(244, 67, 54, .15)
    }

.btn--flat.btn--pink {
    color: #E91E63
}

    .btn--flat.btn--pink .ripple {
        background-color: #E91E63
    }

    .btn--flat.btn--pink:hover {
        background-color: rgba(233, 30, 99, .15)
    }

.btn--icon.btn--pink {
    color: #E91E63
}

    .btn--icon.btn--pink .ripple {
        background-color: #E91E63
    }

    .btn--icon.btn--pink:hover {
        background-color: rgba(233, 30, 99, .15)
    }

.btn--flat.btn--purple {
    color: #9C27B0
}

    .btn--flat.btn--purple .ripple {
        background-color: #9C27B0
    }

    .btn--flat.btn--purple:hover {
        background-color: rgba(156, 39, 176, .15)
    }

.btn--icon.btn--purple {
    color: #9C27B0
}

    .btn--icon.btn--purple .ripple {
        background-color: #9C27B0
    }

    .btn--icon.btn--purple:hover {
        background-color: rgba(156, 39, 176, .15)
    }

.btn--flat.btn--deep-purple {
    color: #673AB7
}

    .btn--flat.btn--deep-purple .ripple {
        background-color: #673AB7
    }

    .btn--flat.btn--deep-purple:hover {
        background-color: rgba(103, 58, 183, .15)
    }

.btn--icon.btn--deep-purple {
    color: #673AB7
}

    .btn--icon.btn--deep-purple .ripple {
        background-color: #673AB7
    }

    .btn--icon.btn--deep-purple:hover {
        background-color: rgba(103, 58, 183, .15)
    }

.btn--flat.btn--indigo {
    color: #3F51B5
}

    .btn--flat.btn--indigo .ripple {
        background-color: #3F51B5
    }

    .btn--flat.btn--indigo:hover {
        background-color: rgba(63, 81, 181, .15)
    }

.btn--icon.btn--indigo {
    color: #3F51B5
}

    .btn--icon.btn--indigo .ripple {
        background-color: #3F51B5
    }

    .btn--icon.btn--indigo:hover {
        background-color: rgba(63, 81, 181, .15)
    }

.btn--flat.btn--blue {
    color: #2196F3
}

    .btn--flat.btn--blue .ripple {
        background-color: #2196F3
    }

    .btn--flat.btn--blue:hover {
        background-color: rgba(33, 150, 243, .15)
    }

.btn--icon.btn--blue {
    color: #2196F3
}

    .btn--icon.btn--blue .ripple {
        background-color: #2196F3
    }

    .btn--icon.btn--blue:hover {
        background-color: rgba(33, 150, 243, .15)
    }

.btn--flat.btn--light-blue {
    color: #03A9F4
}

    .btn--flat.btn--light-blue .ripple {
        background-color: #03A9F4
    }

    .btn--flat.btn--light-blue:hover {
        background-color: rgba(3, 169, 244, .15)
    }

.btn--icon.btn--light-blue {
    color: #03A9F4
}

    .btn--icon.btn--light-blue .ripple {
        background-color: #03A9F4
    }

    .btn--icon.btn--light-blue:hover {
        background-color: rgba(3, 169, 244, .15)
    }

.btn--flat.btn--cyan {
    color: #00BCD4
}

    .btn--flat.btn--cyan .ripple {
        background-color: #00BCD4
    }

    .btn--flat.btn--cyan:hover {
        background-color: rgba(0, 188, 212, .15)
    }

.btn--icon.btn--cyan {
    color: #00BCD4
}

    .btn--icon.btn--cyan .ripple {
        background-color: #00BCD4
    }

    .btn--icon.btn--cyan:hover {
        background-color: rgba(0, 188, 212, .15)
    }

.btn--flat.btn--teal {
    color: #009688
}

    .btn--flat.btn--teal .ripple {
        background-color: #009688
    }

    .btn--flat.btn--teal:hover {
        background-color: rgba(0, 150, 136, .15)
    }

.btn--icon.btn--teal {
    color: #009688
}

    .btn--icon.btn--teal .ripple {
        background-color: #009688
    }

    .btn--icon.btn--teal:hover {
        background-color: rgba(0, 150, 136, .15)
    }

.btn--flat.btn--green {
    color: #4CAF50
}

    .btn--flat.btn--green .ripple {
        background-color: #4CAF50
    }

    .btn--flat.btn--green:hover {
        background-color: rgba(76, 175, 80, .15)
    }

.btn--icon.btn--green {
    color: #4CAF50
}

    .btn--icon.btn--green .ripple {
        background-color: #4CAF50
    }

    .btn--icon.btn--green:hover {
        background-color: rgba(76, 175, 80, .15)
    }

.btn--flat.btn--light-green {
    color: #8BC34A
}

    .btn--flat.btn--light-green .ripple {
        background-color: #8BC34A
    }

    .btn--flat.btn--light-green:hover {
        background-color: rgba(139, 195, 74, .15)
    }

.btn--icon.btn--light-green {
    color: #8BC34A
}

    .btn--icon.btn--light-green .ripple {
        background-color: #8BC34A
    }

    .btn--icon.btn--light-green:hover {
        background-color: rgba(139, 195, 74, .15)
    }

.btn--flat.btn--lime {
    color: #CDDC39
}

    .btn--flat.btn--lime .ripple {
        background-color: #CDDC39
    }

    .btn--flat.btn--lime:hover {
        background-color: rgba(205, 220, 57, .15)
    }

.btn--icon.btn--lime {
    color: #CDDC39
}

    .btn--icon.btn--lime .ripple {
        background-color: #CDDC39
    }

    .btn--icon.btn--lime:hover {
        background-color: rgba(205, 220, 57, .15)
    }

.btn--flat.btn--yellow {
    color: #FFEB3B
}

    .btn--flat.btn--yellow .ripple {
        background-color: #FFEB3B
    }

    .btn--flat.btn--yellow:hover {
        background-color: rgba(255, 235, 59, .15)
    }

.btn--icon.btn--yellow {
    color: #FFEB3B
}

    .btn--icon.btn--yellow .ripple {
        background-color: #FFEB3B
    }

    .btn--icon.btn--yellow:hover {
        background-color: rgba(255, 235, 59, .15)
    }

.btn--flat.btn--amber {
    color: #FFC107
}

    .btn--flat.btn--amber .ripple {
        background-color: #FFC107
    }

    .btn--flat.btn--amber:hover {
        background-color: rgba(255, 193, 7, .15)
    }

.btn--icon.btn--amber {
    color: #FFC107
}

    .btn--icon.btn--amber .ripple {
        background-color: #FFC107
    }

    .btn--icon.btn--amber:hover {
        background-color: rgba(255, 193, 7, .15)
    }

.btn--flat.btn--mfa {
    color: rgb(0, 80, 73);
}

    .btn--flat.btn--mfa .ripple {
        background-color: rgb(152, 199, 212)
    }

    .btn--flat.btn--mfa:hover {
        background-color: rgba(188, 221, 230, 0.7);
        color: #757575;
    }

.btn--icon.btn--mfa .ripple {
    background-color: #FF9800
}

.btn--icon.btn--mfa:hover {
    background-color: rgb(152, 199, 212)
}


.btn--flat.btn--orange {
    color: #FF9800
}

    .btn--flat.btn--orange .ripple {
        background-color: #FF9800
    }

    .btn--flat.btn--orange:hover {
        background-color: rgba(255, 152, 0, .15)
    }

.btn--icon.btn--orange {
    color: #FF9800
}

    .btn--icon.btn--orange .ripple {
        background-color: #FF9800
    }

    .btn--icon.btn--orange:hover {
        background-color: rgba(255, 152, 0, .15)
    }

.btn--flat.btn--deep-orange {
    color: #FF5722
}

    .btn--flat.btn--deep-orange .ripple {
        background-color: #FF5722
    }

    .btn--flat.btn--deep-orange:hover {
        background-color: rgba(255, 87, 34, .15)
    }

.btn--icon.btn--deep-orange {
    color: #FF5722
}

    .btn--icon.btn--deep-orange .ripple {
        background-color: #FF5722
    }

    .btn--icon.btn--deep-orange:hover {
        background-color: rgba(255, 87, 34, .15)
    }

.btn--flat.btn--brown {
    color: #795548
}

    .btn--flat.btn--brown .ripple {
        background-color: #795548
    }

    .btn--flat.btn--brown:hover {
        background-color: rgba(121, 85, 72, .15)
    }

.btn--icon.btn--brown {
    color: #795548
}

    .btn--icon.btn--brown .ripple {
        background-color: #795548
    }

    .btn--icon.btn--brown:hover {
        background-color: rgba(121, 85, 72, .15)
    }

.btn--flat.btn--grey {
    color: #9E9E9E
}

    .btn--flat.btn--grey .ripple {
        background-color: #9E9E9E
    }

    .btn--flat.btn--grey:hover {
        background-color: rgba(158, 158, 158, .15)
    }

.btn--icon.btn--grey {
    color: #9E9E9E
}

    .btn--icon.btn--grey .ripple {
        background-color: #9E9E9E
    }

    .btn--icon.btn--grey:hover {
        background-color: rgba(158, 158, 158, .15)
    }

.btn--flat.btn--blue-grey {
    color: #607D8B
}

    .btn--flat.btn--blue-grey .ripple {
        background-color: #607D8B
    }

    .btn--flat.btn--blue-grey:hover {
        background-color: rgba(96, 125, 139, .15)
    }

.btn--icon.btn--blue-grey {
    color: #607D8B
}

    .btn--icon.btn--blue-grey .ripple {
        background-color: #607D8B
    }

    .btn--icon.btn--blue-grey:hover {
        background-color: rgba(96, 125, 139, .15)
    }

.btn--flat.btn--black {
    color: #000
}

    .btn--flat.btn--black .ripple {
        background-color: #000
    }

    .btn--flat.btn--black:hover {
        background-color: rgba(0, 0, 0, .15)
    }

.btn--icon.btn--black {
    color: #000
}

    .btn--icon.btn--black .ripple {
        background-color: #000
    }

    .btn--icon.btn--black:hover {
        background-color: rgba(0, 0, 0, .15)
    }

.btn--flat.btn--white {
    color: #FFF
}

    .btn--flat.btn--white .ripple {
        background-color: #FFF
    }

    .btn--flat.btn--white:hover {
        background-color: rgba(255, 255, 255, .15)
    }

.btn--icon.btn--white {
    color: #FFF
}

    .btn--icon.btn--white .ripple {
        background-color: #FFF
    }

    .btn--icon.btn--white:hover {
        background-color: rgba(255, 255, 255, .15)
    }

.btn--flat.btn--primary {
    color: #3F51B5
}

    .btn--flat.btn--primary .ripple {
        background-color: #3F51B5
    }

    .btn--flat.btn--primary:hover {
        background-color: rgba(63, 81, 181, .15)
    }

.btn--icon.btn--primary {
    color: #3F51B5
}

    .btn--icon.btn--primary .ripple {
        background-color: #3F51B5
    }

    .btn--icon.btn--primary:hover {
        background-color: rgba(63, 81, 181, .15)
    }

.btn--flat.btn--primary-hue-1 {
    color: #C5CAE9
}

    .btn--flat.btn--primary-hue-1 .ripple {
        background-color: #C5CAE9
    }

    .btn--flat.btn--primary-hue-1:hover {
        background-color: rgba(197, 202, 233, .15)
    }

.btn--icon.btn--primary-hue-1 {
    color: #C5CAE9
}

    .btn--icon.btn--primary-hue-1 .ripple {
        background-color: #C5CAE9
    }

    .btn--icon.btn--primary-hue-1:hover {
        background-color: rgba(197, 202, 233, .15)
    }

.btn--flat.btn--primary-hue-2 {
    color: #303F9F
}

    .btn--flat.btn--primary-hue-2 .ripple {
        background-color: #303F9F
    }

    .btn--flat.btn--primary-hue-2:hover {
        background-color: rgba(48, 63, 159, .15)
    }

.btn--icon.btn--primary-hue-2 {
    color: #303F9F
}

    .btn--icon.btn--primary-hue-2 .ripple {
        background-color: #303F9F
    }

    .btn--icon.btn--primary-hue-2:hover {
        background-color: rgba(48, 63, 159, .15)
    }

.btn--flat.btn--accent {
    color: #FF4081
}

    .btn--flat.btn--accent .ripple {
        background-color: #FF4081
    }

    .btn--flat.btn--accent:hover {
        background-color: rgba(255, 64, 129, .15)
    }

.btn--icon.btn--accent {
    color: #FF4081
}

    .btn--icon.btn--accent .ripple {
        background-color: #FF4081
    }

    .btn--icon.btn--accent:hover {
        background-color: rgba(255, 64, 129, .15)
    }

.btn--flat.btn--accent-hue-1 {
    color: #FF80AB
}

    .btn--flat.btn--accent-hue-1 .ripple {
        background-color: #FF80AB
    }

    .btn--flat.btn--accent-hue-1:hover {
        background-color: rgba(255, 128, 171, .15)
    }

.btn--icon.btn--accent-hue-1 {
    color: #FF80AB
}

    .btn--icon.btn--accent-hue-1 .ripple {
        background-color: #FF80AB
    }

    .btn--icon.btn--accent-hue-1:hover {
        background-color: rgba(255, 128, 171, .15)
    }

.btn--flat.btn--accent-hue-2 {
    color: #F50057
}

    .btn--flat.btn--accent-hue-2 .ripple {
        background-color: #F50057
    }

    .btn--flat.btn--accent-hue-2:hover {
        background-color: rgba(245, 0, 87, .15)
    }

.btn--icon.btn--accent-hue-2 {
    color: #F50057
}

    .btn--icon.btn--accent-hue-2 .ripple {
        background-color: #F50057
    }

    .btn--icon.btn--accent-hue-2:hover {
        background-color: rgba(245, 0, 87, .15)
    }

.btn--icon.btn--xs {
    line-height: 24px;
    height: 24px;
    width: 24px;
    padding: 0;
    font-size: 13px;
    font-size: .8125rem
}

    .btn--icon.btn--xs .mdi {
        vertical-align: top;
        line-height: 24px
    }

.btn--fab.btn--xs {
    line-height: 24px;
    height: 24px;
    width: 24px;
    padding: 0;
    font-size: 15px;
    font-size: .9375rem
}

    .btn--fab.btn--xs .mdi {
        vertical-align: top;
        line-height: 24px
    }

.btn--icon.btn--s {
    line-height: 30px;
    height: 30px;
    width: 30px;
    padding: 0;
    font-size: 15px;
    font-size: .9375rem
}

    .btn--icon.btn--s .mdi {
        vertical-align: top;
        line-height: 30px
    }

.btn--fab.btn--s {
    line-height: 30px;
    height: 30px;
    width: 30px;
    padding: 0;
    font-size: 15px;
    font-size: .9375rem
}

    .btn--fab.btn--s .mdi {
        vertical-align: top;
        line-height: 30px
    }

.btn--icon.btn--m {
    line-height: 36px;
    height: 36px;
    width: 36px;
    padding: 0;
    font-size: 20px;
    font-size: 1.25rem
}

    .btn--icon.btn--m .mdi {
        vertical-align: top;
        line-height: 36px
    }

.btn--fab.btn--m {
    line-height: 36px;
    height: 36px;
    width: 36px;
    padding: 0;
    font-size: 17px;
    font-size: 1.0625rem
}

    .btn--fab.btn--m .mdi {
        vertical-align: top;
        line-height: 36px
    }

.btn--icon.btn--l {
    line-height: 40px;
    height: 40px;
    width: 40px;
    padding: 0;
    font-size: 24px;
    font-size: 1.5rem
}

    .btn--icon.btn--l .mdi {
        vertical-align: top;
        line-height: 40px
    }

.btn--fab.btn--l {
    line-height: 40px;
    height: 40px;
    width: 40px;
    padding: 0;
    font-size: 18px;
    font-size: 1.125rem
}

    .btn--fab.btn--l .mdi {
        vertical-align: top;
        line-height: 40px
    }

.btn--icon.btn--xl {
    line-height: 56px;
    height: 56px;
    width: 56px;
    padding: 0;
    font-size: 28px;
    font-size: 1.75rem
}

    .btn--icon.btn--xl .mdi {
        vertical-align: top;
        line-height: 56px
    }

.btn--fab.btn--xl {
    line-height: 56px;
    height: 56px;
    width: 56px;
    padding: 0;
    font-size: 20px;
    font-size: 1.25rem
}

    .btn--fab.btn--xl .mdi {
        vertical-align: top;
        line-height: 56px
    }

.card {
    border-radius: 2px;
    background-color: #FFF;
    overflow: hidden;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .14), 0 2px 2px 0 rgba(0, 0, 0, .098), 0 1px 5px 0 rgba(0, 0, 0, .084)
}

.card__img--top {
    position: relative
}

    .card__img--top h1,
    .card__img--top h2,
    .card__img--top h3,
    .card__img--top h4,
    .card__img--top h5,
    .card__img--top h6,
    .card__img--top span,
    .card__img--top strong {
        position: absolute;
        right: 16px;
        bottom: 16px;
        left: 16px
    }

.card__img--left img {
    max-height: 100%
}

.card__actions {
    background-color: #fafafa;
    padding: 8px;
    border-top: 1px solid rgba(0, 0, 0, .12)
}

.checkbox {
    min-width: 24px;
    min-height: 24px
}

.checkbox--red .checkbox__label:after {
    color: #F44336
}

.checkbox--pink .checkbox__label:after {
    color: #E91E63
}

.checkbox--purple .checkbox__label:after {
    color: #9C27B0
}

.checkbox--deep-purple .checkbox__label:after {
    color: #673AB7
}

.checkbox--indigo .checkbox__label:after {
    color: #3F51B5
}

.checkbox--blue .checkbox__label:after {
    color: #2196F3
}

.checkbox--light-blue .checkbox__label:after {
    color: #03A9F4
}

.checkbox--cyan .checkbox__label:after {
    color: #00BCD4
}

.checkbox--teal .checkbox__label:after {
    color: #009688
}

.checkbox--green .checkbox__label:after {
    color: #4CAF50
}

.checkbox--light-green .checkbox__label:after {
    color: #8BC34A
}

.checkbox--lime .checkbox__label:after {
    color: #CDDC39
}

.checkbox--yellow .checkbox__label:after {
    color: #FFEB3B
}

.checkbox--amber .checkbox__label:after {
    color: #FFC107
}

.checkbox--orange .checkbox__label:after {
    color: #FF9800
}

.checkbox--deep-orange .checkbox__label:after {
    color: #FF5722
}

.checkbox--brown .checkbox__label:after {
    color: #795548
}

.checkbox--grey .checkbox__label:after {
    color: #9E9E9E
}

.checkbox--blue-grey .checkbox__label:after {
    color: #607D8B
}

.checkbox--black .checkbox__label:after {
    color: #000
}

.checkbox--white .checkbox__label:after {
    color: #FFF
}

.checkbox--primary .checkbox__label:after {
    color: #3F51B5
}

.checkbox--primary-hue-1 .checkbox__label:after {
    color: #C5CAE9
}

.checkbox--primary-hue-2 .checkbox__label:after {
    color: #303F9F
}

.checkbox--accent .checkbox__label:after {
    color: #FF4081
}

.checkbox--accent-hue-1 .checkbox__label:after {
    color: #FF80AB
}

.checkbox--accent-hue-2 .checkbox__label:after {
    color: #F50057
}

.checkbox__input:not(:checked) + .checkbox__label:before {
    opacity: 1
}

.checkbox__input:checked + .checkbox__label:before,
.checkbox__input:not(:checked) + .checkbox__label:after {
    opacity: 0
}

.checkbox__input:checked + .checkbox__label:after {
    opacity: 1
}

.checkbox__input[disabled] + .checkbox__label {
    cursor: not-allowed
}

    .checkbox__input[disabled] + .checkbox__label,
    .checkbox__input[disabled] + .checkbox__label:after,
    .checkbox__input[disabled] + .checkbox__label:before,
    .checkbox__input[disabled] ~ .checkbox__help {
        color: rgba(0, 0, 0, .38)
    }

.checkbox__label {
    display: block;
    position: relative;
    padding-left: 32px;
    font-weight: 400;
    line-height: 24px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.checkbox--standalone .checkbox__label {
    padding-left: 0
}

.checkbox__label:after,
.checkbox__label:before {
    display: inline-block;
    font: normal normal normal 24px / 1 MaterialDesignIcons;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    position: absolute;
    top: 0;
    left: 0;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 24px;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: .2s;
    -moz-transition-duration: .2s;
    transition-duration: .2s
}

.checkbox__label:before {
    content: "\f203";
    color: rgba(0, 0, 0, .54)
}

.checkbox__label:after {
    content: "\f204";
    color: #AF2D25
}

.checkbox__help {
    display: block;
    padding-left: 32px;
    font-weight: 400;
    line-height: 20px;
    color: rgba(0, 0, 0, .54);
    text-align: left
}

@media screen and (max-width:1023px) {
    .checkbox__help {
        font-size: 14px;
        font-size: .875rem
    }
}

@media screen and (min-width:1024px) {
    .checkbox__help {
        font-size: 13px;
        font-size: .8125rem
    }
}

.data-table-container {
    position: relative;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch
}

.data-table-header {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    height: 64px;
    padding: 0 16px 0 24px;
    border-bottom: 1px solid rgba(0, 0, 0, .12)
}

.data-table-header__label {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.data-table {
    width: 100%;
    margin: 0;
    table-layout: fixed
}

    .data-table td,
    .data-table th {
        padding-right: 56px;
        border-bottom: 1px solid #e0e0e0
    }

        .data-table td:first-child,
        .data-table th:first-child {
            padding-left: 24px;
            padding-right: 24px
        }

        .data-table td:last-child,
        .data-table th:last-child {
            padding-right: 24px
        }

    .data-table th {
        height: 56px;
        font-size: 12px;
        font-size: .75rem;
        font-weight: 400;
        color: rgba(0, 0, 0, .54);
        text-align: left;
        white-space: nowrap
    }

        .data-table th i {
            margin-right: 4px
        }

    .data-table td {
        height: 48px;
        font-size: 13px;
        font-size: .8125rem;
        padding-top: 8px;
        padding-bottom: 8px
    }

    .data-table tr:last-child td {
        border-bottom: none
    }

.data-table__selectable-row td:first-child,
.data-table__selectable-row th:first-child {
    width: 72px
}

    .data-table__selectable-row td:first-child:before,
    .data-table__selectable-row th:first-child:before {
        display: inline-block;
        font: normal normal normal 24px / 1 MaterialDesignIcons;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        transform: translate(0, 0);
        content: "\f203";
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 24px;
        -webkit-transition-property: -webkit-transform;
        -moz-transition-property: -moz-transform;
        transition-property: transform;
        -webkit-transition-duration: .2s;
        -moz-transition-duration: .2s;
        transition-duration: .2s
    }

.data-table__selectable-row td:nth-child(2),
.data-table__selectable-row th:nth-child(2) {
    padding-right: 24px
}

.data-table__selectable-row td {
    cursor: pointer
}

.data-table__selectable-row:not(.data-table__selectable-row--is-selected):not(.data-table__selectable-row--is-disabled):hover td {
    background-color: #EEE
}

.data-table__selectable-row--is-selected td:first-child:before,
.data-table__selectable-row--is-selected th:first-child:before {
    content: "\f204";
    color: #2196F3
}

.data-table__selectable-row--is-selected td {
    background-color: #F5F5F5
}

.data-table__selectable-row--is-disabled td:first-child:before,
.data-table__selectable-row--is-disabled th:first-child:before {
    color: rgba(0, 0, 0, .38)
}

.data-table__selectable-row--is-disabled td {
    cursor: not-allowed
}

.data-table__sortable-cell {
    cursor: pointer
}

    .data-table__sortable-cell:hover {
        color: rgba(0, 0, 0, .87) !important
    }

    .data-table__sortable-cell:before {
        display: inline-block;
        font: normal normal normal 24px / 1 MaterialDesignIcons;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        transform: translate(0, 0);
        margin-right: 4px
    }

.data-table__sortable-cell--asc,
.data-table__sortable-cell--desc {
    color: rgba(0, 0, 0, .87) !important
}

    .data-table__sortable-cell--asc:before,
    .data-table__sortable-cell--desc:before {
        color: rgba(0, 0, 0, .54) !important
    }

    .data-table__sortable-cell--asc:before {
        content: "\f14c"
    }

    .data-table__sortable-cell--desc:before {
        content: "\f13a"
    }

.lx-date {
    position: relative
}

.lx-date--fixed-label .text-field {
    padding-top: 8px
}

.lx-date--fixed-label .text-field--is-active .text-field__label {
    display: none
}

.lx-date--fixed-label .text-field__label {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none
}

.lx-date--with-icon {
    margin-left: 64px
}

.lx-date-filter {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    z-index: 999;
    background-color: rgba(0, 0, 0, .6);
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: .6s;
    -moz-transition-duration: .6s;
    transition-duration: .6s;
    -webkit-transition-timing-function: cubic-bezier(.23, 1, .32, 1);
    -moz-transition-timing-function: cubic-bezier(.23, 1, .32, 1);
    transition-timing-function: cubic-bezier(.23, 1, .32, 1)
}

.lx-date-filter--is-shown {
    opacity: 1
}

.lx-date__input-wrapper {
    position: relative
}

    .lx-date__input-wrapper:hover .lx-date__clear {
        opacity: 1
    }

.lx-date-input,
.lx-date-input input {
    cursor: pointer !important
}

.lx-date__clear {
    display: block;
    position: absolute;
    right: 0;
    bottom: 8px;
    opacity: 0;
    cursor: pointer;
    line-height: 32px;
    -webkit-transition-property: opacity, color;
    -moz-transition-property: opacity, color;
    transition-property: opacity, color;
    -webkit-transition-duration: .2s;
    -moz-transition-duration: .2s;
    transition-duration: .2s
}

    .lx-date__clear:hover {
        color: #F44336
    }

.lx-date-picker {
    display: none;
    position: fixed;
    top: 32px;
    left: 50%;
    opacity: 0;
    z-index: 1000;
    margin-left: -140px;
    background-color: #FFF;
    padding-top: 172px;
    width: 280px;
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .14), 0 6px 10px 0 rgba(0, 0, 0, .098), 0 1px 18px 0 rgba(0, 0, 0, .084);
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    -o-transform: translateY(-50px);
    transform: translateY(-50px);
    -webkit-transition-property: opacity, -webkit-transform;
    -moz-transition-property: opacity, -moz-transform;
    transition-property: opacity, transform;
    -webkit-transition-duration: .6s;
    -moz-transition-duration: .6s;
    transition-duration: .6s;
    -webkit-transition-timing-function: cubic-bezier(.23, 1, .32, 1);
    -moz-transition-timing-function: cubic-bezier(.23, 1, .32, 1);
    transition-timing-function: cubic-bezier(.23, 1, .32, 1)
}

.lx-date-picker--is-shown {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.lx-date-picker__header {
    position: absolute;
    top: 0;
    right: 0;
    left: 0
}

.lx-date-picker__current-day-of-week {
    background-color: rgba(41, 86, 100, 1) 
}

    .lx-date-picker__current-day-of-week span {
        display: block;
        font-size: 14px;
        font-size: .875rem;
        text-align: center;
        text-transform: capitalize;
        line-height: 32px;
        color: #FFF
    }

.lx-date-picker__current-date {
    background-color: rgb(49,126,148);
    padding: 8px 0
}

    .lx-date-picker__current-date a,
    .lx-date-picker__current-date span,
    .lx-date-picker__current-date strong {
        display: block;
        text-align: center;
        font-weight: 400
    }

    .lx-date-picker__current-date a,
    .lx-date-picker__current-date span {
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 32px
    }

    .lx-date-picker__current-date span {
        text-transform: uppercase
    }

    .lx-date-picker__current-date strong {
        font-size: 60px;
        font-size: 3.75rem;
        line-height: 1
    }

    .lx-date-picker__current-date a {
        cursor: pointer;
        font-style: normal
    }

.lx-date-picker__nav {
    position: relative
}

    .lx-date-picker__nav span {
        display: block;
        font-size: 14px;
        font-size: .875rem;
        text-align: center;
        text-transform: capitalize;
        line-height: 40px;
        font-weight: 500
    }

    .lx-date-picker__nav button {
        position: absolute !important;
        top: 8px
    }

        .lx-date-picker__nav button:first-child {
            left: 16px
        }

        .lx-date-picker__nav button:last-child {
            right: 16px
        }

.lx-date-picker__days-of-week {
    padding: 0 16px
}

    .lx-date-picker__days-of-week span {
        display: inline-block;
        width: 14.28571%;
        vertical-align: top;
        font-size: 12px;
        font-size: .75rem;
        text-align: center;
        text-transform: uppercase;
        line-height: 24px;
        color: rgba(0, 0, 0, .54);
        font-weight: 400
    }

.lx-date-picker__days {
    padding: 0 16px
}

.lx-date-picker__day {
    display: inline-block;
    padding: 4px 0;
    width: 14.28571%;
    vertical-align: top
}

    .lx-date-picker__day a {
        display: block;
        height: 32px;
        width: 32px;
        margin: 0 auto;
        border-radius: 50%;
        font-size: 12px;
        font-size: .75rem;
        text-align: center;
        line-height: 32px;
        font-weight: 400
    }

.lx-date-picker__day--is-today a {
    color: #00796B;
    font-weight: 500
}

.lx-date-picker__day a:hover,
.lx-date-picker__day--is-selected a {
    background-color: rgba(41, 86, 100, 1) ;
    cursor: pointer;
    color: #FFF
}

.lx-date-picker__year-selector {
    position: relative;
    height: 325px;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.lx-date-picker__year {
    display: block;
    cursor: pointer
}

    .lx-date-picker__year span {
        display: block;
        height: 65px;
        width: 65px;
        margin: 0 auto;
        border-radius: 50%;
        font-size: 16px;
        font-size: 1rem;
        text-align: center;
        line-height: 65px
    }

    .lx-date-picker__year:hover span {
        color: #00796B
    }

.lx-date-picker__year--is-active span {
    background-color: #009688;
    color: #FFF !important
}

.lx-date-picker__actions {
    border-top: 1px solid rgba(0, 0, 0, .12);
    padding: 8px;
    text-align: center
}

.dialog-filter {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    background-color: rgba(0, 0, 0, .6);
    opacity: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: .6s;
    -moz-transition-duration: .6s;
    transition-duration: .6s;
    -webkit-transition-timing-function: cubic-bezier(.23, 1, .32, 1);
    -moz-transition-timing-function: cubic-bezier(.23, 1, .32, 1);
    transition-timing-function: cubic-bezier(.23, 1, .32, 1)
}

.dialog-filter--is-shown {
    opacity: 1
}

.dialog {
    display: none;
    position: fixed;
    top: 32px;
    left: 50%;
    z-index: 1000;
    background-color: #FFF;
    opacity: 0;
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .14), 0 6px 10px 0 rgba(0, 0, 0, .098), 0 1px 18px 0 rgba(0, 0, 0, .084);
    -webkit-transform: translateY(-50px);
    -moz-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    -o-transform: translateY(-50px);
    transform: translateY(-50px);
    -webkit-transition-property: opacity, -webkit-transform;
    -moz-transition-property: opacity, -moz-transform;
    transition-property: opacity, transform;
    -webkit-transition-duration: .6s;
    -moz-transition-duration: .6s;
    transition-duration: .6s;
    -webkit-transition-timing-function: cubic-bezier(.23, 1, .32, 1);
    -moz-transition-timing-function: cubic-bezier(.23, 1, .32, 1);
    transition-timing-function: cubic-bezier(.23, 1, .32, 1)
}

.dialog--alert {
    width: 400px;
    margin-left: -200px
}

@media screen and (min-width:1024px) {
    .dialog--l {
        width: 800px;
        margin-left: -400px
    }
}

@media screen and (max-width:1023px) {
    .dialog--l {
        width: 80%;
        margin-left: -40%
    }
}

.dialog--is-shown {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.dialog--is-fixed {
    bottom: 32px
}

    .dialog--is-fixed .dialog__header {
        position: absolute;
        top: 0;
        right: 0;
        left: 0
    }

    .dialog--is-fixed .dialog__scrollable {
        position: absolute;
        right: 0;
        left: 0;
        z-index: 1;
        overflow-x: hidden;
        overflow-y: auto
    }

    .dialog--is-fixed .dialog__actions {
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;
        border-top: 1px solid rgba(0, 0, 0, .12)
    }

.dialog__actions {
    padding: 8px 16px;
    text-align: right
}

.dropdown {
    position: relative;
    display: inline-block;
    vertical-align: top
}

.dropdown-menu {
    position: absolute;
    z-index: 1000;
    border-radius: 2px;
    background-color: #FFF;
    text-align: left;
    opacity: 0;
    overflow: hidden;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .14), 0 2px 2px 0 rgba(0, 0, 0, .098), 0 1px 5px 0 rgba(0, 0, 0, .084)
}

    .dropdown-menu ul > li {
        position: relative
    }

.dropdown__menu--is-dropped .dropdown-menu__content {
    opacity: 1
}

.dropdown-menu__content {
    padding: 8px 0;
    opacity: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: .2s;
    -moz-transition-duration: .2s;
    transition-duration: .2s
}

.dropdown-divider {
    height: 1px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: rgba(0, 0, 0, .12)
}

.dropdown-link {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    height: 32px;
    padding: 0 32px 0 16px;
    cursor: pointer;
    font-size: 14px;
    font-size: .875rem;
    color: rgba(0, 0, 0, .87);
    line-height: 32px;
    text-decoration: none;
    white-space: nowrap
}

    .dropdown-link:not(.dropdown-link--is-header):hover {
        background-color: #EEE
    }

    .dropdown-link:not(.dropdown-link--is-header) i {
        margin-right: 16px;
        color: rgba(0, 0, 0, .54)
    }

.dropdown-link--is-large {
    height: 48px
}

.dropdown-link--is-header {
    color: rgba(0, 0, 0, .38);
    cursor: default
}

    .dropdown-link--is-header i {
        width: 18px;
        margin-right: 6px;
        color: rgba(0, 0, 0, .38);
        text-align: center
    }

.fab {
    display: inline-block;
    vertical-align: top;
    position: relative
}

    .fab:hover .fab__primary .mdi:nth-of-type(1) {
        opacity: 0;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg)
    }

    .fab:hover .fab__primary .mdi:last-child {
        opacity: 1;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }

    .fab:hover .fab__actions {
        pointer-events: auto
    }

        .fab:hover .fab__actions .btn {
            opacity: 1
        }

        .fab:hover .fab__actions.fab__actions--up .btn {
            -webkit-transform: scale(1) translateY(-12px);
            -moz-transform: scale(1) translateY(-12px);
            -ms-transform: scale(1) translateY(-12px);
            -o-transform: scale(1) translateY(-12px);
            transform: scale(1) translateY(-12px)
        }

        .fab:hover .fab__actions.fab__actions--right .btn {
            -webkit-transform: scale(1) translateX(12px);
            -moz-transform: scale(1) translateX(12px);
            -ms-transform: scale(1) translateX(12px);
            -o-transform: scale(1) translateX(12px);
            transform: scale(1) translateX(12px)
        }

        .fab:hover .fab__actions.fab__actions--down .btn {
            -webkit-transform: scale(1) translateY(12px);
            -moz-transform: scale(1) translateY(12px);
            -ms-transform: scale(1) translateY(12px);
            -o-transform: scale(1) translateY(12px);
            transform: scale(1) translateY(12px)
        }

        .fab:hover .fab__actions.fab__actions--left .btn {
            -webkit-transform: scale(1) translateX(-12px);
            -moz-transform: scale(1) translateX(-12px);
            -ms-transform: scale(1) translateX(-12px);
            -o-transform: scale(1) translateX(-12px);
            transform: scale(1) translateX(-12px)
        }

.fab__primary .mdi {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition-property: opacity, -webkit-transform;
    -moz-transition-property: opacity, -moz-transform;
    transition-property: opacity, transform;
    -webkit-transition-duration: .4s;
    -moz-transition-duration: .4s;
    transition-duration: .4s;
    -webkit-transition-timing-function: cubic-bezier(.23, 1, .32, 1);
    -moz-transition-timing-function: cubic-bezier(.23, 1, .32, 1);
    transition-timing-function: cubic-bezier(.23, 1, .32, 1)
}

    .fab__primary .mdi:nth-of-type(1) {
        opacity: 1;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }

    .fab__primary .mdi:last-child {
        opacity: 0;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

.fab__actions {
    z-index: 999;
    pointer-events: none
}

    .fab__actions .btn {
        display: block;
        opacity: 0;
        -webkit-transform: scale(.6);
        -moz-transform: scale(.6);
        -ms-transform: scale(.6);
        -o-transform: scale(.6);
        transform: scale(.6);
        -webkit-transition-property: opacity, -webkit-transform;
        -moz-transition-property: opacity, -moz-transform;
        transition-property: opacity, transform;
        -webkit-transition-duration: .4s;
        -moz-transition-duration: .4s;
        transition-duration: .4s;
        -webkit-transition-timing-function: cubic-bezier(.23, 1, .32, 1);
        -moz-transition-timing-function: cubic-bezier(.23, 1, .32, 1);
        transition-timing-function: cubic-bezier(.23, 1, .32, 1)
    }

.fab__actions--left .btn:nth-child(1),
.fab__actions--up .btn:nth-child(1) {
    -webkit-transition-delay: .2s;
    -moz-transition-delay: .2s;
    transition-delay: .2s
}

.fab__actions--left .btn:nth-child(2),
.fab__actions--up .btn:nth-child(2) {
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    transition-delay: .1s
}

.fab__actions--left .btn:nth-child(3),
.fab__actions--up .btn:nth-child(3) {
    -webkit-transition-delay: .06667s;
    -moz-transition-delay: .06667s;
    transition-delay: .06667s
}

.fab__actions--left .btn:nth-child(4),
.fab__actions--up .btn:nth-child(4) {
    -webkit-transition-delay: .05s;
    -moz-transition-delay: .05s;
    transition-delay: .05s
}

.fab__actions--left .btn:nth-child(5),
.fab__actions--up .btn:nth-child(5) {
    -webkit-transition-delay: .04s;
    -moz-transition-delay: .04s;
    transition-delay: .04s
}

.fab__actions--left .btn:nth-child(6),
.fab__actions--up .btn:nth-child(6) {
    -webkit-transition-delay: .03333s;
    -moz-transition-delay: .03333s;
    transition-delay: .03333s
}

.fab__actions--left .btn:nth-child(7),
.fab__actions--up .btn:nth-child(7) {
    -webkit-transition-delay: .02857s;
    -moz-transition-delay: .02857s;
    transition-delay: .02857s
}

.fab__actions--left .btn:nth-child(8),
.fab__actions--up .btn:nth-child(8) {
    -webkit-transition-delay: .025s;
    -moz-transition-delay: .025s;
    transition-delay: .025s
}

.fab__actions--left .btn:nth-child(9),
.fab__actions--up .btn:nth-child(9) {
    -webkit-transition-delay: .02222s;
    -moz-transition-delay: .02222s;
    transition-delay: .02222s
}

.fab__actions--left .btn:nth-child(10),
.fab__actions--up .btn:nth-child(10) {
    -webkit-transition-delay: .02s;
    -moz-transition-delay: .02s;
    transition-delay: .02s
}

.fab__actions--down .btn:nth-child(1),
.fab__actions--right .btn:nth-child(1) {
    -webkit-transition-delay: .05s;
    -moz-transition-delay: .05s;
    transition-delay: .05s
}

.fab__actions--down .btn:nth-child(2),
.fab__actions--right .btn:nth-child(2) {
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    transition-delay: .1s
}

.fab__actions--down .btn:nth-child(3),
.fab__actions--right .btn:nth-child(3) {
    -webkit-transition-delay: .15s;
    -moz-transition-delay: .15s;
    transition-delay: .15s
}

.fab__actions--down .btn:nth-child(4),
.fab__actions--right .btn:nth-child(4) {
    -webkit-transition-delay: .2s;
    -moz-transition-delay: .2s;
    transition-delay: .2s
}

.fab__actions--down .btn:nth-child(5),
.fab__actions--right .btn:nth-child(5) {
    -webkit-transition-delay: .25s;
    -moz-transition-delay: .25s;
    transition-delay: .25s
}

.fab__actions--down .btn:nth-child(6),
.fab__actions--right .btn:nth-child(6) {
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    transition-delay: .3s
}

.fab__actions--down .btn:nth-child(7),
.fab__actions--right .btn:nth-child(7) {
    -webkit-transition-delay: .35s;
    -moz-transition-delay: .35s;
    transition-delay: .35s
}

.fab__actions--down .btn:nth-child(8),
.fab__actions--right .btn:nth-child(8) {
    -webkit-transition-delay: .4s;
    -moz-transition-delay: .4s;
    transition-delay: .4s
}

.fab__actions--down .btn:nth-child(9),
.fab__actions--right .btn:nth-child(9) {
    -webkit-transition-delay: .45s;
    -moz-transition-delay: .45s;
    transition-delay: .45s
}

.fab__actions--down .btn:nth-child(10),
.fab__actions--right .btn:nth-child(10) {
    -webkit-transition-delay: .5s;
    -moz-transition-delay: .5s;
    transition-delay: .5s
}

.fab__actions--left,
.fab__actions--right {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-lines: single;
    -moz-box-lines: single;
    box-lines: single;
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.fab__actions--up {
    position: absolute;
    bottom: 56px;
    left: 7px
}

    .fab__actions--up .btn {
        margin-bottom: 8px
    }

.fab__actions--down {
    position: absolute;
    top: 56px;
    left: 7px
}

    .fab__actions--down .btn {
        margin-top: 8px
    }

.fab__actions--left {
    position: absolute;
    right: 56px;
    bottom: 7px
}

    .fab__actions--left .btn {
        margin-right: 8px
    }

.fab__actions--right {
    position: absolute;
    bottom: 7px;
    left: 56px
}

    .fab__actions--right .btn {
        margin-left: 8px
    }

.fab__progress {
    position: absolute;
    top: -4px;
    left: -4px;
    height: 64px;
    width: 64px
}

    .fab__progress .progress-container {
        -webkit-transform-origin: left top;
        -moz-transform-origin: left top;
        -ms-transform-origin: left top;
        -o-transform-origin: left top;
        transform-origin: left top
    }

.input-file {
    position: relative;
    padding-top: 32px;
    padding-bottom: 8px
}

    .input-file:after,
    .input-file:before {
        content: ''
    }

    .input-file:before {
        position: absolute;
        right: 0;
        bottom: 7px;
        left: 0;
        height: 1px;
        border-bottom: 1px solid rgba(0, 0, 0, .12)
    }

    .input-file:after {
        position: absolute;
        right: 0;
        bottom: 6px;
        left: 0;
        height: 2px;
        background-color: #2196F3;
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        -webkit-transition-property: -webkit-transform;
        -moz-transition-property: -moz-transform;
        transition-property: transform;
        -webkit-transition-duration: .6s;
        -moz-transition-duration: .6s;
        transition-duration: .6s;
        -webkit-transition-timing-function: cubic-bezier(.23, 1, .32, 1);
        -moz-transition-timing-function: cubic-bezier(.23, 1, .32, 1);
        transition-timing-function: cubic-bezier(.23, 1, .32, 1)
    }

.input-file--is-active .input-file__label {
    -webkit-transform: scale(.75) translateY(0);
    -moz-transform: scale(.75) translateY(0);
    -ms-transform: scale(.75) translateY(0);
    -o-transform: scale(.75) translateY(0);
    transform: scale(.75) translateY(0)
}

.input-file--is-active .input-file__filename {
    opacity: 1
}

.input-file--is-focused:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.input-file--is-focused .input-file__label {
    color: #2196F3
}

.input-file__label {
    display: block;
    position: absolute;
    top: 8px;
    left: 0;
    color: rgba(0, 0, 0, .38);
    line-height: 32px;
    pointer-events: none;
    -webkit-transform: translateY(24px);
    -moz-transform: translateY(24px);
    -ms-transform: translateY(24px);
    -o-transform: translateY(24px);
    transform: translateY(24px);
    -webkit-transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    -o-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transition-property: -webkit-transform, color;
    -moz-transition-property: -moz-transform, color;
    transition-property: transform, color;
    -webkit-transition-duration: .4s;
    -moz-transition-duration: .4s;
    transition-duration: .4s;
    -webkit-transition-timing-function: cubic-bezier(.23, 1, .32, 1);
    -moz-transition-timing-function: cubic-bezier(.23, 1, .32, 1);
    transition-timing-function: cubic-bezier(.23, 1, .32, 1)
}

.input-file__filename {
    display: block;
    height: 32px;
    width: 100%;
    overflow: hidden;
    opacity: 0;
    line-height: 32px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.input-file__input {
    position: absolute;
    top: 32px;
    left: 0;
    height: 32px;
    width: 100%;
    opacity: 0;
    cursor: pointer
}

@media screen and (min-width:1024px) {
    [flex-container] {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex
    }
}

@media screen and (min-width:1024px) {
    [flex-container=row] {
        -webkit-box-orient: horizontal;
        -moz-box-orient: horizontal;
        box-orient: horizontal;
        -webkit-box-direction: normal;
        -moz-box-direction: normal;
        box-direction: normal;
        -webkit-flex-direction: row;
        -moz-flex-direction: row;
        flex-direction: row;
        -ms-flex-direction: row
    }
}

@media screen and (min-width:1024px) {
    [flex-container=column] {
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-direction: normal;
        box-direction: normal;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        flex-direction: column;
        -ms-flex-direction: column
    }
}

[flex-wrap] {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (min-width:1024px) {
    [flex-align=center],
    [flex-align="center center"],
    [flex-align="center start"],
    [flex-align="center end"] {
        -webkit-box-pack: center;
        -moz-box-pack: center;
        box-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        -o-justify-content: center;
        justify-content: center;
        -ms-flex-pack: center
    }
}

@media screen and (min-width:1024px) {
    [flex-align=end],
    [flex-align="end center"],
    [flex-align="end start"],
    [flex-align="end end"] {
        -webkit-box-pack: end;
        -moz-box-pack: end;
        box-pack: end;
        -webkit-justify-content: flex-end;
        -moz-justify-content: flex-end;
        -ms-justify-content: flex-end;
        -o-justify-content: flex-end;
        justify-content: flex-end;
        -ms-flex-pack: end
    }
}

@media screen and (min-width:1024px) {
    [flex-align=space-around],
    [flex-align="space-around center"],
    [flex-align="space-around start"],
    [flex-align="space-around end"] {
        -webkit-box-pack: distribute;
        -moz-box-pack: distribute;
        box-pack: distribute;
        -webkit-justify-content: space-around;
        -moz-justify-content: space-around;
        -ms-justify-content: space-around;
        -o-justify-content: space-around;
        justify-content: space-around;
        -ms-flex-pack: distribute
    }
}

@media screen and (min-width:1024px) {
    [flex-align=space-between],
    [flex-align="space-between center"],
    [flex-align="space-between start"],
    [flex-align="space-between end"] {
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        -ms-justify-content: space-between;
        -o-justify-content: space-between;
        justify-content: space-between;
        -ms-flex-pack: justify
    }
}

@media screen and (min-width:1024px) {
    [flex-align="center center"],
    [flex-align="end center"],
    [flex-align="space-around center"],
    [flex-align="space-between center"],
    [flex-align="start center"] {
        -webkit-box-align: center;
        -moz-box-align: center;
        box-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        -o-align-items: center;
        align-items: center;
        -ms-flex-align: center
    }
}

@media screen and (min-width:1024px) {
    [flex-align="center start"],
    [flex-align="end start"],
    [flex-align="space-around start"],
    [flex-align="space-between start"],
    [flex-align="start start"] {
        -webkit-box-align: start;
        -moz-box-align: start;
        box-align: start;
        -webkit-align-items: flex-start;
        -moz-align-items: flex-start;
        -ms-align-items: flex-start;
        -o-align-items: flex-start;
        align-items: flex-start;
        -ms-flex-align: start
    }
}

@media screen and (min-width:1024px) {
    [flex-align="center end"],
    [flex-align="end end"],
    [flex-align="space-around end"],
    [flex-align="space-between end"],
    [flex-align="start end"] {
        -webkit-box-align: end;
        -moz-box-align: end;
        box-align: end;
        -webkit-align-items: flex-end;
        -moz-align-items: flex-end;
        -ms-align-items: flex-end;
        -o-align-items: flex-end;
        align-items: flex-end;
        -ms-flex-align: end
    }
}

@media screen and (min-width:1024px) {
    [flex-gutter="8"] {
        margin: 0 -4px
    }
}

@media screen and (max-width:1023px) {
    [flex-gutter="8"] > [flex-item] {
        margin-bottom: 8px
    }
}

@media screen and (min-width:1024px) {
    [flex-gutter="8"] > [flex-item] {
        padding: 0 4px
    }
}

@media screen and (min-width:1024px) {
    [flex-gutter="16"] {
        margin: 0 -8px
    }
}

@media screen and (max-width:1023px) {
    [flex-gutter="16"] > [flex-item] {
        margin-bottom: 16px
    }
}

@media screen and (min-width:1024px) {
    [flex-gutter="16"] > [flex-item] {
        padding: 0 8px
    }
}

@media screen and (min-width:1024px) {
    [flex-gutter="24"] {
        margin: 0 -12px
    }
}

@media screen and (max-width:1023px) {
    [flex-gutter="24"] > [flex-item] {
        margin-bottom: 24px
    }
}

@media screen and (min-width:1024px) {
    [flex-gutter="24"] > [flex-item] {
        padding: 0 12px
    }
}

@media screen and (min-width:1024px) {
    [flex-gutter="32"] {
        margin: 0 -16px
    }
}

@media screen and (max-width:1023px) {
    [flex-gutter="32"] > [flex-item] {
        margin-bottom: 32px
    }
}

@media screen and (min-width:1024px) {
    [flex-gutter="32"] > [flex-item] {
        padding: 0 16px
    }
}

@media screen and (min-width:1024px) {
    [flex-item] {
        position: relative;
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        box-flex: 1;
        -webkit-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

@media screen and (min-width:1024px) {
    [flex-container=row] > [flex-item="1"] {
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }
}

@media screen and (min-width:1024px) {
    [flex-container=column] > [flex-item="1"] {
        flex: 0 0 8.33333%;
        max-height: 8.33333%
    }
}

@media screen and (min-width:1024px) {
    [flex-container=row] > [flex-item="2"] {
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }
}

@media screen and (min-width:1024px) {
    [flex-container=column] > [flex-item="2"] {
        flex: 0 0 16.66667%;
        max-height: 16.66667%
    }
}

@media screen and (min-width:1024px) {
    [flex-container=row] > [flex-item="3"] {
        flex: 0 0 25%;
        max-width: 25%
    }
}

@media screen and (min-width:1024px) {
    [flex-container=column] > [flex-item="3"] {
        flex: 0 0 25%;
        max-height: 25%
    }
}

@media screen and (min-width:1024px) {
    [flex-container=row] > [flex-item="4"] {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
}

@media screen and (min-width:1024px) {
    [flex-container=column] > [flex-item="4"] {
        flex: 0 0 33.33333%;
        max-height: 33.33333%
    }
}

@media screen and (min-width:1024px) {
    [flex-container=row] > [flex-item="5"] {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }
}

@media screen and (min-width:1024px) {
    [flex-container=column] > [flex-item="5"] {
        flex: 0 0 41.66667%;
        max-height: 41.66667%
    }
}

@media screen and (min-width:1024px) {
    [flex-container=row] > [flex-item="6"] {
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media screen and (min-width:1024px) {
    [flex-container=column] > [flex-item="6"] {
        flex: 0 0 50%;
        max-height: 50%
    }
}

@media screen and (min-width:1024px) {
    [flex-container=row] > [flex-item="7"] {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }
}

@media screen and (min-width:1024px) {
    [flex-container=column] > [flex-item="7"] {
        flex: 0 0 58.33333%;
        max-height: 58.33333%
    }
}

@media screen and (min-width:1024px) {
    [flex-container=row] > [flex-item="8"] {
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }
}

@media screen and (min-width:1024px) {
    [flex-container=column] > [flex-item="8"] {
        flex: 0 0 66.66667%;
        max-height: 66.66667%
    }
}

@media screen and (min-width:1024px) {
    [flex-container=row] > [flex-item="9"] {
        flex: 0 0 75%;
        max-width: 75%
    }
}

@media screen and (min-width:1024px) {
    [flex-container=column] > [flex-item="9"] {
        flex: 0 0 75%;
        max-height: 75%
    }
}

@media screen and (min-width:1024px) {
    [flex-container=row] > [flex-item="10"] {
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }
}

@media screen and (min-width:1024px) {
    [flex-container=column] > [flex-item="10"] {
        flex: 0 0 83.33333%;
        max-height: 83.33333%
    }
}

@media screen and (min-width:1024px) {
    [flex-container=row] > [flex-item="11"] {
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }
}

@media screen and (min-width:1024px) {
    [flex-container=column] > [flex-item="11"] {
        flex: 0 0 91.66667%;
        max-height: 91.66667%
    }
}

@media screen and (min-width:1024px) {
    [flex-container=row] > [flex-item="12"] {
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media screen and (min-width:1024px) {
    [flex-container=column] > [flex-item="12"] {
        flex: 0 0 100%;
        max-height: 100%
    }
}

@media screen and (min-width:1024px) {
    [flex-item-align=center] {
        -webkit-align-self: center;
        -moz-align-self: center;
        align-self: center;
        -ms-flex-item-align: center
    }
}

@media screen and (min-width:1024px) {
    [flex-item-align=start] {
        -webkit-align-self: flex-start;
        -moz-align-self: flex-start;
        align-self: flex-start;
        -ms-flex-item-align: start
    }
}

@media screen and (min-width:1024px) {
    [flex-item-align=end] {
        -webkit-align-self: flex-end;
        -moz-align-self: flex-end;
        align-self: flex-end;
        -ms-flex-item-align: end
    }
}

@media screen and (min-width:1024px) {
    [flex-item-order="1"] {
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        box-ordinal-group: 1;
        -webkit-order: 1;
        -moz-order: 1;
        order: 1;
        -ms-flex-order: 1
    }
}

@media screen and (min-width:1024px) {
    [flex-item-order="2"] {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        box-ordinal-group: 2;
        -webkit-order: 2;
        -moz-order: 2;
        order: 2;
        -ms-flex-order: 2
    }
}

@media screen and (min-width:1024px) {
    [flex-item-order="3"] {
        -webkit-box-ordinal-group: 3;
        -moz-box-ordinal-group: 3;
        box-ordinal-group: 3;
        -webkit-order: 3;
        -moz-order: 3;
        order: 3;
        -ms-flex-order: 3
    }
}

@media screen and (min-width:1024px) {
    [flex-item-order="4"] {
        -webkit-box-ordinal-group: 4;
        -moz-box-ordinal-group: 4;
        box-ordinal-group: 4;
        -webkit-order: 4;
        -moz-order: 4;
        order: 4;
        -ms-flex-order: 4
    }
}

@media screen and (min-width:1024px) {
    [flex-item-order="5"] {
        -webkit-box-ordinal-group: 5;
        -moz-box-ordinal-group: 5;
        box-ordinal-group: 5;
        -webkit-order: 5;
        -moz-order: 5;
        order: 5;
        -ms-flex-order: 5
    }
}

@media screen and (min-width:1024px) {
    [flex-item-order="6"] {
        -webkit-box-ordinal-group: 6;
        -moz-box-ordinal-group: 6;
        box-ordinal-group: 6;
        -webkit-order: 6;
        -moz-order: 6;
        order: 6;
        -ms-flex-order: 6
    }
}

@media screen and (min-width:1024px) {
    [flex-item-order="7"] {
        -webkit-box-ordinal-group: 7;
        -moz-box-ordinal-group: 7;
        box-ordinal-group: 7;
        -webkit-order: 7;
        -moz-order: 7;
        order: 7;
        -ms-flex-order: 7
    }
}

@media screen and (min-width:1024px) {
    [flex-item-order="8"] {
        -webkit-box-ordinal-group: 8;
        -moz-box-ordinal-group: 8;
        box-ordinal-group: 8;
        -webkit-order: 8;
        -moz-order: 8;
        order: 8;
        -ms-flex-order: 8
    }
}

@media screen and (min-width:1024px) {
    [flex-item-order="9"] {
        -webkit-box-ordinal-group: 9;
        -moz-box-ordinal-group: 9;
        box-ordinal-group: 9;
        -webkit-order: 9;
        -moz-order: 9;
        order: 9;
        -ms-flex-order: 9
    }
}

@media screen and (min-width:1024px) {
    [flex-item-order="10"] {
        -webkit-box-ordinal-group: 10;
        -moz-box-ordinal-group: 10;
        box-ordinal-group: 10;
        -webkit-order: 10;
        -moz-order: 10;
        order: 10;
        -ms-flex-order: 10
    }
}

@media screen and (min-width:1024px) {
    [flex-item-order="11"] {
        -webkit-box-ordinal-group: 11;
        -moz-box-ordinal-group: 11;
        box-ordinal-group: 11;
        -webkit-order: 11;
        -moz-order: 11;
        order: 11;
        -ms-flex-order: 11
    }
}

@media screen and (min-width:1024px) {
    [flex-item-order="12"] {
        -webkit-box-ordinal-group: 12;
        -moz-box-ordinal-group: 12;
        box-ordinal-group: 12;
        -webkit-order: 12;
        -moz-order: 12;
        order: 12;
        -ms-flex-order: 12
    }
}

.dropdown-link--is-large i,
.dropdown-link:not(.dropdown-link--is-header) i,
.icon {
    vertical-align: top;
    text-align: center
}

    .dropdown-link:not(.dropdown-link--is-header) i.icon--circled,
    .icon--xs.icon--circled {
        height: 24px;
        width: 24px;
        line-height: 24px !important;
        font-size: 10px;
        font-size: .625rem
    }

    .dropdown-link--is-large i.icon--xs,
    .dropdown-link:not(.dropdown-link--is-header) i,
    .dropdown-link:not(.dropdown-link--is-header) i.icon--flat,
    .dropdown-link:not(.dropdown-link--is-header) i.icon--xs,
    .icon--xs.icon--flat {
        height: 24px;
        width: 24px;
        line-height: 24px !important;
        font-size: 18px;
        font-size: 1.125rem
    }

    .dropdown-link--is-large i.icon--circled,
    .icon--s.icon--circled {
        height: 30px;
        width: 30px;
        line-height: 30px !important;
        font-size: 12px;
        font-size: .75rem
    }

    .dropdown-link--is-large .dropdown-link:not(.dropdown-link--is-header) i,
    .dropdown-link--is-large i,
    .dropdown-link--is-large i.icon--flat,
    .dropdown-link--is-large i.icon--s,
    .dropdown-link:not(.dropdown-link--is-header) .dropdown-link--is-large i,
    .dropdown-link:not(.dropdown-link--is-header) i.icon--s,
    .icon--s.icon--flat {
        height: 30px;
        width: 30px;
        line-height: 30px !important;
        font-size: 24px;
        font-size: 1.5rem
    }

.icon--m.icon--circled {
    height: 36px;
    width: 36px;
    line-height: 36px !important;
    font-size: 14px;
    font-size: .875rem
}

.dropdown-link--is-large i.icon--m,
.dropdown-link:not(.dropdown-link--is-header) i.icon--m,
.icon--m.icon--flat {
    height: 36px;
    width: 36px;
    line-height: 36px !important;
    font-size: 30px;
    font-size: 1.875rem
}

.icon--l.icon--circled {
    height: 40px;
    width: 40px;
    line-height: 40px !important;
    font-size: 18px;
    font-size: 1.125rem
}

.dropdown-link--is-large i.icon--l,
.dropdown-link:not(.dropdown-link--is-header) i.icon--l,
.icon--l.icon--flat {
    height: 40px;
    width: 40px;
    line-height: 40px !important;
    font-size: 34px;
    font-size: 2.125rem
}

.icon--xl.icon--circled {
    height: 56px;
    width: 56px;
    line-height: 56px !important;
    font-size: 26px;
    font-size: 1.625rem
}

.dropdown-link--is-large i.icon--xl,
.dropdown-link:not(.dropdown-link--is-header) i.icon--xl,
.icon--xl.icon--flat {
    height: 56px;
    width: 56px;
    line-height: 56px !important;
    font-size: 50px;
    font-size: 3.125rem
}

.icon--circled.icon--red {
    color: #FFF;
    background-color: #F44336
}

.icon--flat.icon--red {
    color: #F44336
}

.icon--circled.icon--pink {
    color: #FFF;
    background-color: #E91E63
}

.icon--flat.icon--pink {
    color: #E91E63
}

.icon--circled.icon--purple {
    color: #FFF;
    background-color: #9C27B0
}

.icon--flat.icon--purple {
    color: #9C27B0
}

.icon--circled.icon--deep-purple {
    color: #FFF;
    background-color: #673AB7
}

.icon--flat.icon--deep-purple {
    color: #673AB7
}

.icon--circled.icon--indigo {
    color: #FFF;
    background-color: #3F51B5
}

.icon--flat.icon--indigo {
    color: #3F51B5
}

.icon--circled.icon--blue {
    color: #FFF;
    background-color: #2196F3
}

.icon--flat.icon--blue {
    color: #2196F3
}

.icon--circled.icon--light-blue {
    color: #FFF;
    background-color: #03A9F4
}

.icon--flat.icon--light-blue {
    color: #03A9F4
}

.icon--circled.icon--cyan {
    color: #FFF;
    background-color: #00BCD4
}

.icon--flat.icon--cyan {
    color: #00BCD4
}

.icon--circled.icon--teal {
    color: #FFF;
    background-color: #009688
}

.icon--flat.icon--teal {
    color: #009688
}

.icon--circled.icon--green {
    color: #FFF;
    background-color: #4CAF50
}

.icon--flat.icon--green {
    color: #4CAF50
}

.icon--circled.icon--light-green {
    color: #FFF;
    background-color: #8BC34A
}

.icon--flat.icon--light-green {
    color: #8BC34A
}

.icon--circled.icon--lime {
    color: #FFF;
    background-color: #CDDC39
}

.icon--flat.icon--lime {
    color: #CDDC39
}

.icon--circled.icon--yellow {
    color: #FFF;
    background-color: #FFEB3B
}

.icon--flat.icon--yellow {
    color: #FFEB3B
}

.icon--circled.icon--amber {
    color: #FFF;
    background-color: #FFC107
}

.icon--flat.icon--amber {
    color: #FFC107
}

.icon--circled.icon--orange {
    color: #FFF;
    background-color: #FF9800
}

.icon--flat.icon--orange {
    color: #FF9800
}

.icon--circled.icon--deep-orange {
    color: #FFF;
    background-color: #FF5722
}

.icon--flat.icon--deep-orange {
    color: #FF5722
}

.icon--circled.icon--brown {
    color: #FFF;
    background-color: #795548
}

.icon--flat.icon--brown {
    color: #795548
}

.icon--circled.icon--grey {
    color: #FFF;
    background-color: #9E9E9E
}

.icon--flat.icon--grey {
    color: #9E9E9E
}

.icon--circled.icon--blue-grey {
    color: #FFF;
    background-color: #607D8B
}

.icon--flat.icon--blue-grey {
    color: #607D8B
}

.icon--circled.icon--black {
    color: #FFF;
    background-color: #000
}

.icon--flat.icon--black {
    color: #000
}

.icon--circled.icon--white {
    color: #FFF;
    background-color: #FFF
}

.icon--flat.icon--white {
    color: #FFF
}

.icon--circled.icon--primary {
    color: #FFF;
    background-color: #3F51B5
}

.icon--flat.icon--primary {
    color: #3F51B5
}

.icon--circled.icon--primary-hue-1 {
    color: #FFF;
    background-color: #C5CAE9
}

.icon--flat.icon--primary-hue-1 {
    color: #C5CAE9
}

.icon--circled.icon--primary-hue-2 {
    color: #FFF;
    background-color: #303F9F
}

.icon--flat.icon--primary-hue-2 {
    color: #303F9F
}

.icon--circled.icon--accent {
    color: #FFF;
    background-color: #FF4081
}

.icon--flat.icon--accent {
    color: #FF4081
}

.icon--circled.icon--accent-hue-1 {
    color: #FFF;
    background-color: #FF80AB
}

.icon--flat.icon--accent-hue-1 {
    color: #FF80AB
}

.icon--circled.icon--accent-hue-2 {
    color: #FFF;
    background-color: #F50057
}

.icon--flat.icon--accent-hue-2 {
    color: #F50057
}

.icon--circled {
    border-radius: 50%
}

.list-row {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -ms-flex-direction: row;
    position: relative;
    padding: 0 16px
}

    .list-row.list-row--multi-line .list-primary-tile,
    .list-row.list-row--multi-line .list-row__primary,
    .list-row.list-row--multi-line .list-row__secondary,
    .list-row.list-row--multi-line .list-secondary-tile {
        padding: 16px 0
    }

    .list-row:not(.list-row--multi-line) .list-content-tile,
    .list-row:not(.list-row--multi-line) .list-primary-tile,
    .list-row:not(.list-row--multi-line) .list-row__content,
    .list-row:not(.list-row--multi-line) .list-row__primary,
    .list-row:not(.list-row--multi-line) .list-row__secondary,
    .list-row:not(.list-row--multi-line) .list-secondary-tile {
        -webkit-box-pack: center;
        -moz-box-pack: center;
        box-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        -o-justify-content: center;
        justify-content: center;
        -ms-flex-pack: center
    }

    .list-row:not(.list-row--multi-line) .list-primary-tile,
    .list-row:not(.list-row--multi-line) .list-row__primary,
    .list-row:not(.list-row--multi-line) .list-row__secondary,
    .list-row:not(.list-row--multi-line) .list-secondary-tile {
        padding: 8px 0
    }

.list-row--has-separator .list-row__content:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 1px;
    background-color: rgba(0, 0, 0, .12)
}

.list-row--has-separator:last-child .list-row__content:after {
    display: none
}

.list-row--is-clickable {
    cursor: pointer
}

    .list-row--is-active,
    .list-row--is-clickable:hover {
        background-color: #F5F5F5
    }

.list-content-tile,
.list-primary-tile,
.list-row__content,
.list-row__primary,
.list-row__secondary,
.list-secondary-tile {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    flex-direction: column;
    -ms-flex-direction: column
}

.list-primary-tile,
.list-row__primary {
    width: 56px
}

.list-content-tile,
.list-row__content {
    position: relative;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 12px 0
}

.list-row__secondary,
.list-secondary-tile {
    -webkit-box-align: end;
    -moz-box-align: end;
    box-align: end;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    -ms-align-items: flex-end;
    -o-align-items: flex-end;
    align-items: flex-end;
    -ms-flex-align: end;
    width: 40px
}

.list-divider {
    height: 1px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: rgba(0, 0, 0, .12)
}

.list-divider--is-pushed {
    margin-left: 72px
}

.list-subheader {
    padding: 12px 16px;
    color: rgba(0, 0, 0, .54)
}

.list-subheader--is-pushed {
    margin-left: 56px
}

.notification {
    position: fixed;
    right: 24px;
    bottom: 0;
    z-index: 1001;
    max-width: 300px;
    padding: 16px 24px;
    border-radius: 2px;
    background-color: #323232;
    cursor: pointer;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition-property: margin-bottom transform;
    -moz-transition-property: margin-bottom transform;
    transition-property: margin-bottom transform;
    -webkit-transition-duration: .4s;
    -moz-transition-duration: .4s;
    transition-duration: .4s;
    -webkit-transition-timing-function: cubic-bezier(.23, 1, .32, 1);
    -moz-transition-timing-function: cubic-bezier(.23, 1, .32, 1);
    transition-timing-function: cubic-bezier(.23, 1, .32, 1)
}

.notification--is-shown {
    -webkit-transform: translateY(-24px);
    -moz-transform: translateY(-24px);
    -ms-transform: translateY(-24px);
    -o-transform: translateY(-24px);
    transform: translateY(-24px)
}

.notification__content,
.notification__icon {
    opacity: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: .4s;
    -moz-transition-duration: .4s;
    transition-duration: .4s
}

.notification--is-shown .notification__content,
.notification--is-shown .notification__icon {
    opacity: 1
}

.notification__content {
    display: block;
    font-size: 14px;
    font-size: .875rem;
    color: #FFF;
    line-height: 20px
}

.notification--has-icon .notification__content {
    padding-left: 32px
}

.notification__icon {
    position: absolute;
    top: 16px;
    left: 24px;
    font-size: 14px;
    font-size: .875rem;
    color: #FFF;
    line-height: 20px !important
}

.notification--red .notification__icon {
    color: #F44336
}

.notification--pink .notification__icon {
    color: #E91E63
}

.notification--purple .notification__icon {
    color: #9C27B0
}

.notification--deep-purple .notification__icon {
    color: #673AB7
}

.notification--indigo .notification__icon {
    color: #3F51B5
}

.notification--blue .notification__icon {
    color: #2196F3
}

.notification--light-blue .notification__icon {
    color: #03A9F4
}

.notification--cyan .notification__icon {
    color: #00BCD4
}

.notification--teal .notification__icon {
    color: #009688
}

.notification--green .notification__icon {
    color: #4CAF50
}

.notification--light-green .notification__icon {
    color: #8BC34A
}

.notification--lime .notification__icon {
    color: #CDDC39
}

.notification--yellow .notification__icon {
    color: #FFEB3B
}

.notification--amber .notification__icon {
    color: #FFC107
}

.notification--orange .notification__icon {
    color: #FF9800
}

.notification--deep-orange .notification__icon {
    color: #FF5722
}

.notification--brown .notification__icon {
    color: #795548
}

.notification--grey .notification__icon {
    color: #9E9E9E
}

.notification--blue-grey .notification__icon {
    color: #607D8B
}

.notification--black .notification__icon {
    color: #000
}

.notification--white .notification__icon {
    color: #FFF
}

.notification--primary .notification__icon {
    color: #3F51B5
}

.notification--primary-hue-1 .notification__icon {
    color: #C5CAE9
}

.notification--primary-hue-2 .notification__icon {
    color: #303F9F
}

.notification--accent .notification__icon {
    color: #FF4081
}

.notification--accent-hue-1 .notification__icon {
    color: #FF80AB
}

.notification--accent-hue-2 .notification__icon {
    color: #F50057
}

@-webkit-keyframes outer-rotate {
    0% {
        -webkit-transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg)
    }
}

@-moz-keyframes outer-rotate {
    0% {
        -moz-transform: rotate(0deg)
    }

    100% {
        -moz-transform: rotate(360deg)
    }
}

@keyframes outer-rotate {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes left-wobble {
    0%, 100% {
        -webkit-transform: rotate(130deg)
    }

    50% {
        -webkit-transform: rotate(-5deg)
    }
}

@-moz-keyframes left-wobble {
    0%, 100% {
        -moz-transform: rotate(130deg)
    }

    50% {
        -moz-transform: rotate(-5deg)
    }
}

@keyframes left-wobble {
    0%, 100% {
        -webkit-transform: rotate(130deg);
        -moz-transform: rotate(130deg);
        -ms-transform: rotate(130deg);
        -o-transform: rotate(130deg);
        transform: rotate(130deg)
    }

    50% {
        -webkit-transform: rotate(-5deg);
        -moz-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        -o-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
}

@-webkit-keyframes right-wobble {
    0%, 100% {
        -webkit-transform: rotate(-130deg)
    }

    50% {
        -webkit-transform: rotate(5deg)
    }
}

@-moz-keyframes right-wobble {
    0%, 100% {
        -moz-transform: rotate(-130deg)
    }

    50% {
        -moz-transform: rotate(5deg)
    }
}

@keyframes right-wobble {
    0%, 100% {
        -webkit-transform: rotate(-130deg);
        -moz-transform: rotate(-130deg);
        -ms-transform: rotate(-130deg);
        -o-transform: rotate(-130deg);
        transform: rotate(-130deg)
    }

    50% {
        -webkit-transform: rotate(5deg);
        -moz-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        -o-transform: rotate(5deg);
        transform: rotate(5deg)
    }
}

@-webkit-keyframes sporadic-rotate {
    0% {
        -webkit-transform: rotate(0deg)
    }

    12.5% {
        -webkit-transform: rotate(135deg)
    }

    25% {
        -webkit-transform: rotate(270deg)
    }

    37.5% {
        -webkit-transform: rotate(405deg)
    }

    50% {
        -webkit-transform: rotate(540deg)
    }

    62.5% {
        -webkit-transform: rotate(675deg)
    }

    75% {
        -webkit-transform: rotate(810deg)
    }

    87.5% {
        -webkit-transform: rotate(945deg)
    }

    100% {
        -webkit-transform: rotate(1080deg)
    }
}

@-moz-keyframes sporadic-rotate {
    0% {
        -moz-transform: rotate(0deg)
    }

    12.5% {
        -moz-transform: rotate(135deg)
    }

    25% {
        -moz-transform: rotate(270deg)
    }

    37.5% {
        -moz-transform: rotate(405deg)
    }

    50% {
        -moz-transform: rotate(540deg)
    }

    62.5% {
        -moz-transform: rotate(675deg)
    }

    75% {
        -moz-transform: rotate(810deg)
    }

    87.5% {
        -moz-transform: rotate(945deg)
    }

    100% {
        -moz-transform: rotate(1080deg)
    }
}

@keyframes sporadic-rotate {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    12.5% {
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        transform: rotate(135deg)
    }

    25% {
        -webkit-transform: rotate(270deg);
        -moz-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        -o-transform: rotate(270deg);
        transform: rotate(270deg)
    }

    37.5% {
        -webkit-transform: rotate(405deg);
        -moz-transform: rotate(405deg);
        -ms-transform: rotate(405deg);
        -o-transform: rotate(405deg);
        transform: rotate(405deg)
    }

    50% {
        -webkit-transform: rotate(540deg);
        -moz-transform: rotate(540deg);
        -ms-transform: rotate(540deg);
        -o-transform: rotate(540deg);
        transform: rotate(540deg)
    }

    62.5% {
        -webkit-transform: rotate(675deg);
        -moz-transform: rotate(675deg);
        -ms-transform: rotate(675deg);
        -o-transform: rotate(675deg);
        transform: rotate(675deg)
    }

    75% {
        -webkit-transform: rotate(810deg);
        -moz-transform: rotate(810deg);
        -ms-transform: rotate(810deg);
        -o-transform: rotate(810deg);
        transform: rotate(810deg)
    }

    87.5% {
        -webkit-transform: rotate(945deg);
        -moz-transform: rotate(945deg);
        -ms-transform: rotate(945deg);
        -o-transform: rotate(945deg);
        transform: rotate(945deg)
    }

    100% {
        -webkit-transform: rotate(1080deg);
        -moz-transform: rotate(1080deg);
        -ms-transform: rotate(1080deg);
        -o-transform: rotate(1080deg);
        transform: rotate(1080deg)
    }
}

@-webkit-keyframes bar1 {
    0% {
        -webkit-transform: scale(.5) translateX(-150%)
    }

    37.5% {
        -webkit-transform: scale(.75) translateX(0)
    }

    100%, 75% {
        -webkit-transform: scale(.5) translateX(150%)
    }
}

@-moz-keyframes bar1 {
    0% {
        -moz-transform: scale(.5) translateX(-150%)
    }

    37.5% {
        -moz-transform: scale(.75) translateX(0)
    }

    100%, 75% {
        -moz-transform: scale(.5) translateX(150%)
    }
}

@keyframes bar1 {
    0% {
        -webkit-transform: scale(.5) translateX(-150%);
        -moz-transform: scale(.5) translateX(-150%);
        -ms-transform: scale(.5) translateX(-150%);
        -o-transform: scale(.5) translateX(-150%);
        transform: scale(.5) translateX(-150%)
    }

    37.5% {
        -webkit-transform: scale(.75) translateX(0);
        -moz-transform: scale(.75) translateX(0);
        -ms-transform: scale(.75) translateX(0);
        -o-transform: scale(.75) translateX(0);
        transform: scale(.75) translateX(0)
    }

    100%, 75% {
        -webkit-transform: scale(.5) translateX(150%);
        -moz-transform: scale(.5) translateX(150%);
        -ms-transform: scale(.5) translateX(150%);
        -o-transform: scale(.5) translateX(150%);
        transform: scale(.5) translateX(150%)
    }
}

@-webkit-keyframes bar2 {
    0%, 40% {
        -webkit-transform: scale(.5) translateX(-250%)
    }

    55% {
        -webkit-transform: scale(.5) translateX(-150%)
    }

    70% {
        -webkit-transform: scale(.5) translateX(-50%)
    }

    85% {
        -webkit-transform: scale(.25) translateX(150%)
    }

    100% {
        -webkit-transform: scale(.25) translateX(250%)
    }
}

@-moz-keyframes bar2 {
    0%, 40% {
        -moz-transform: scale(.5) translateX(-250%)
    }

    55% {
        -moz-transform: scale(.5) translateX(-150%)
    }

    70% {
        -moz-transform: scale(.5) translateX(-50%)
    }

    85% {
        -moz-transform: scale(.25) translateX(150%)
    }

    100% {
        -moz-transform: scale(.25) translateX(250%)
    }
}

@keyframes bar2 {
    0%, 40% {
        -webkit-transform: scale(.5) translateX(-250%);
        -moz-transform: scale(.5) translateX(-250%);
        -ms-transform: scale(.5) translateX(-250%);
        -o-transform: scale(.5) translateX(-250%);
        transform: scale(.5) translateX(-250%)
    }

    55% {
        -webkit-transform: scale(.5) translateX(-150%);
        -moz-transform: scale(.5) translateX(-150%);
        -ms-transform: scale(.5) translateX(-150%);
        -o-transform: scale(.5) translateX(-150%);
        transform: scale(.5) translateX(-150%)
    }

    70% {
        -webkit-transform: scale(.5) translateX(-50%);
        -moz-transform: scale(.5) translateX(-50%);
        -ms-transform: scale(.5) translateX(-50%);
        -o-transform: scale(.5) translateX(-50%);
        transform: scale(.5) translateX(-50%)
    }

    85% {
        -webkit-transform: scale(.25) translateX(150%);
        -moz-transform: scale(.25) translateX(150%);
        -ms-transform: scale(.25) translateX(150%);
        -o-transform: scale(.25) translateX(150%);
        transform: scale(.25) translateX(150%)
    }

    100% {
        -webkit-transform: scale(.25) translateX(250%);
        -moz-transform: scale(.25) translateX(250%);
        -ms-transform: scale(.25) translateX(250%);
        -o-transform: scale(.25) translateX(250%);
        transform: scale(.25) translateX(250%)
    }
}

.progress-container--circular {
    position: relative;
    height: 100px;
    width: 100px;
    transform: scale(.5)
}

    .progress-container--circular.progress-container--red .progress-circular__left .progress-circular__half-circle {
        border-top-color: #F44336;
        border-left-color: #F44336
    }

    .progress-container--circular.progress-container--red .progress-circular__right .progress-circular__half-circle {
        border-top-color: #F44336;
        border-right-color: #F44336
    }

.progress-container--linear.progress-container--red .progress-linear__background,
.progress-container--linear.progress-container--red .progress-linear__bar {
    background-color: #F44336
}

.progress-container--circular.progress-container--pink .progress-circular__left .progress-circular__half-circle {
    border-top-color: #E91E63;
    border-left-color: #E91E63
}

.progress-container--circular.progress-container--pink .progress-circular__right .progress-circular__half-circle {
    border-top-color: #E91E63;
    border-right-color: #E91E63
}

.progress-container--linear.progress-container--pink .progress-linear__background,
.progress-container--linear.progress-container--pink .progress-linear__bar {
    background-color: #E91E63
}

.progress-container--circular.progress-container--purple .progress-circular__left .progress-circular__half-circle {
    border-top-color: #9C27B0;
    border-left-color: #9C27B0
}

.progress-container--circular.progress-container--purple .progress-circular__right .progress-circular__half-circle {
    border-top-color: #9C27B0;
    border-right-color: #9C27B0
}

.progress-container--linear.progress-container--purple .progress-linear__background,
.progress-container--linear.progress-container--purple .progress-linear__bar {
    background-color: #9C27B0
}

.progress-container--circular.progress-container--deep-purple .progress-circular__left .progress-circular__half-circle {
    border-top-color: #673AB7;
    border-left-color: #673AB7
}

.progress-container--circular.progress-container--deep-purple .progress-circular__right .progress-circular__half-circle {
    border-top-color: #673AB7;
    border-right-color: #673AB7
}

.progress-container--linear.progress-container--deep-purple .progress-linear__background,
.progress-container--linear.progress-container--deep-purple .progress-linear__bar {
    background-color: #673AB7
}

.progress-container--circular.progress-container--indigo .progress-circular__left .progress-circular__half-circle {
    border-top-color: #3F51B5;
    border-left-color: #3F51B5
}

.progress-container--circular.progress-container--indigo .progress-circular__right .progress-circular__half-circle {
    border-top-color: #3F51B5;
    border-right-color: #3F51B5
}

.progress-container--linear.progress-container--indigo .progress-linear__background,
.progress-container--linear.progress-container--indigo .progress-linear__bar {
    background-color: #3F51B5
}

.progress-container--circular.progress-container--blue .progress-circular__left .progress-circular__half-circle {
    border-top-color: #2196F3;
    border-left-color: #2196F3
}

.progress-container--circular.progress-container--blue .progress-circular__right .progress-circular__half-circle {
    border-top-color: #2196F3;
    border-right-color: #2196F3
}

.progress-container--linear.progress-container--blue .progress-linear__background,
.progress-container--linear.progress-container--blue .progress-linear__bar {
    background-color: #2196F3
}

.progress-container--circular.progress-container--light-blue .progress-circular__left .progress-circular__half-circle {
    border-top-color: #03A9F4;
    border-left-color: #03A9F4
}

.progress-container--circular.progress-container--light-blue .progress-circular__right .progress-circular__half-circle {
    border-top-color: #03A9F4;
    border-right-color: #03A9F4
}

.progress-container--linear.progress-container--light-blue .progress-linear__background,
.progress-container--linear.progress-container--light-blue .progress-linear__bar {
    background-color: #03A9F4
}

.progress-container--circular.progress-container--cyan .progress-circular__left .progress-circular__half-circle {
    border-top-color: #00BCD4;
    border-left-color: #00BCD4
}

.progress-container--circular.progress-container--cyan .progress-circular__right .progress-circular__half-circle {
    border-top-color: #00BCD4;
    border-right-color: #00BCD4
}

.progress-container--linear.progress-container--cyan .progress-linear__background,
.progress-container--linear.progress-container--cyan .progress-linear__bar {
    background-color: #00BCD4
}

.progress-container--circular.progress-container--teal .progress-circular__left .progress-circular__half-circle {
    border-top-color: #009688;
    border-left-color: #009688
}

.progress-container--circular.progress-container--teal .progress-circular__right .progress-circular__half-circle {
    border-top-color: #009688;
    border-right-color: #009688
}

.progress-container--linear.progress-container--teal .progress-linear__background,
.progress-container--linear.progress-container--teal .progress-linear__bar {
    background-color: #009688
}

.progress-container--circular.progress-container--green .progress-circular__left .progress-circular__half-circle {
    border-top-color: #4CAF50;
    border-left-color: #4CAF50
}

.progress-container--circular.progress-container--green .progress-circular__right .progress-circular__half-circle {
    border-top-color: #4CAF50;
    border-right-color: #4CAF50
}

.progress-container--linear.progress-container--green .progress-linear__background,
.progress-container--linear.progress-container--green .progress-linear__bar {
    background-color: #4CAF50
}

.progress-container--circular.progress-container--light-green .progress-circular__left .progress-circular__half-circle {
    border-top-color: #8BC34A;
    border-left-color: #8BC34A
}

.progress-container--circular.progress-container--light-green .progress-circular__right .progress-circular__half-circle {
    border-top-color: #8BC34A;
    border-right-color: #8BC34A
}

.progress-container--linear.progress-container--light-green .progress-linear__background,
.progress-container--linear.progress-container--light-green .progress-linear__bar {
    background-color: #8BC34A
}

.progress-container--circular.progress-container--lime .progress-circular__left .progress-circular__half-circle {
    border-top-color: #CDDC39;
    border-left-color: #CDDC39
}

.progress-container--circular.progress-container--lime .progress-circular__right .progress-circular__half-circle {
    border-top-color: #CDDC39;
    border-right-color: #CDDC39
}

.progress-container--linear.progress-container--lime .progress-linear__background,
.progress-container--linear.progress-container--lime .progress-linear__bar {
    background-color: #CDDC39
}

.progress-container--circular.progress-container--yellow .progress-circular__left .progress-circular__half-circle {
    border-top-color: #FFEB3B;
    border-left-color: #FFEB3B
}

.progress-container--circular.progress-container--yellow .progress-circular__right .progress-circular__half-circle {
    border-top-color: #FFEB3B;
    border-right-color: #FFEB3B
}

.progress-container--linear.progress-container--yellow .progress-linear__background,
.progress-container--linear.progress-container--yellow .progress-linear__bar {
    background-color: #FFEB3B
}

.progress-container--circular.progress-container--amber .progress-circular__left .progress-circular__half-circle {
    border-top-color: #FFC107;
    border-left-color: #FFC107
}

.progress-container--circular.progress-container--amber .progress-circular__right .progress-circular__half-circle {
    border-top-color: #FFC107;
    border-right-color: #FFC107
}

.progress-container--linear.progress-container--amber .progress-linear__background,
.progress-container--linear.progress-container--amber .progress-linear__bar {
    background-color: #FFC107
}

.progress-container--circular.progress-container--orange .progress-circular__left .progress-circular__half-circle {
    border-top-color: #FF9800;
    border-left-color: #FF9800
}

.progress-container--circular.progress-container--orange .progress-circular__right .progress-circular__half-circle {
    border-top-color: #FF9800;
    border-right-color: #FF9800
}

.progress-container--linear.progress-container--orange .progress-linear__background,
.progress-container--linear.progress-container--orange .progress-linear__bar {
    background-color: #FF9800
}

.progress-container--circular.progress-container--deep-orange .progress-circular__left .progress-circular__half-circle {
    border-top-color: #FF5722;
    border-left-color: #FF5722
}

.progress-container--circular.progress-container--deep-orange .progress-circular__right .progress-circular__half-circle {
    border-top-color: #FF5722;
    border-right-color: #FF5722
}

.progress-container--linear.progress-container--deep-orange .progress-linear__background,
.progress-container--linear.progress-container--deep-orange .progress-linear__bar {
    background-color: #FF5722
}

.progress-container--circular.progress-container--brown .progress-circular__left .progress-circular__half-circle {
    border-top-color: #795548;
    border-left-color: #795548
}

.progress-container--circular.progress-container--brown .progress-circular__right .progress-circular__half-circle {
    border-top-color: #795548;
    border-right-color: #795548
}

.progress-container--linear.progress-container--brown .progress-linear__background,
.progress-container--linear.progress-container--brown .progress-linear__bar {
    background-color: #795548
}

.progress-container--circular.progress-container--grey .progress-circular__left .progress-circular__half-circle {
    border-top-color: #9E9E9E;
    border-left-color: #9E9E9E
}

.progress-container--circular.progress-container--grey .progress-circular__right .progress-circular__half-circle {
    border-top-color: #9E9E9E;
    border-right-color: #9E9E9E
}

.progress-container--linear.progress-container--grey .progress-linear__background,
.progress-container--linear.progress-container--grey .progress-linear__bar {
    background-color: #9E9E9E
}

.progress-container--circular.progress-container--blue-grey .progress-circular__left .progress-circular__half-circle {
    border-top-color: #607D8B;
    border-left-color: #607D8B
}

.progress-container--circular.progress-container--blue-grey .progress-circular__right .progress-circular__half-circle {
    border-top-color: #607D8B;
    border-right-color: #607D8B
}

.progress-container--linear.progress-container--blue-grey .progress-linear__background,
.progress-container--linear.progress-container--blue-grey .progress-linear__bar {
    background-color: #607D8B
}

.progress-container--circular.progress-container--black .progress-circular__left .progress-circular__half-circle {
    border-top-color: #000;
    border-left-color: #000
}

.progress-container--circular.progress-container--black .progress-circular__right .progress-circular__half-circle {
    border-top-color: #000;
    border-right-color: #000
}

.progress-container--linear.progress-container--black .progress-linear__background,
.progress-container--linear.progress-container--black .progress-linear__bar {
    background-color: #000
}

.progress-container--circular.progress-container--white .progress-circular__left .progress-circular__half-circle {
    border-top-color: #FFF;
    border-left-color: #FFF
}

.progress-container--circular.progress-container--white .progress-circular__right .progress-circular__half-circle {
    border-top-color: #FFF;
    border-right-color: #FFF
}

.progress-container--linear.progress-container--white .progress-linear__background,
.progress-container--linear.progress-container--white .progress-linear__bar {
    background-color: #FFF
}

.progress-container--circular.progress-container--primary .progress-circular__left .progress-circular__half-circle {
    border-top-color: #3F51B5;
    border-left-color: #3F51B5
}

.progress-container--circular.progress-container--primary .progress-circular__right .progress-circular__half-circle {
    border-top-color: #3F51B5;
    border-right-color: #3F51B5
}

.progress-container--linear.progress-container--primary .progress-linear__background,
.progress-container--linear.progress-container--primary .progress-linear__bar {
    background-color: #3F51B5
}

.progress-container--circular.progress-container--primary-hue-1 .progress-circular__left .progress-circular__half-circle {
    border-top-color: #C5CAE9;
    border-left-color: #C5CAE9
}

.progress-container--circular.progress-container--primary-hue-1 .progress-circular__right .progress-circular__half-circle {
    border-top-color: #C5CAE9;
    border-right-color: #C5CAE9
}

.progress-container--linear.progress-container--primary-hue-1 .progress-linear__background,
.progress-container--linear.progress-container--primary-hue-1 .progress-linear__bar {
    background-color: #C5CAE9
}

.progress-container--circular.progress-container--primary-hue-2 .progress-circular__left .progress-circular__half-circle {
    border-top-color: #303F9F;
    border-left-color: #303F9F
}

.progress-container--circular.progress-container--primary-hue-2 .progress-circular__right .progress-circular__half-circle {
    border-top-color: #303F9F;
    border-right-color: #303F9F
}

.progress-container--linear.progress-container--primary-hue-2 .progress-linear__background,
.progress-container--linear.progress-container--primary-hue-2 .progress-linear__bar {
    background-color: #303F9F
}

.progress-container--circular.progress-container--accent .progress-circular__left .progress-circular__half-circle {
    border-top-color: #FF4081;
    border-left-color: #FF4081
}

.progress-container--circular.progress-container--accent .progress-circular__right .progress-circular__half-circle {
    border-top-color: #FF4081;
    border-right-color: #FF4081
}

.progress-container--linear.progress-container--accent .progress-linear__background,
.progress-container--linear.progress-container--accent .progress-linear__bar {
    background-color: #FF4081
}

.progress-container--circular.progress-container--accent-hue-1 .progress-circular__left .progress-circular__half-circle {
    border-top-color: #FF80AB;
    border-left-color: #FF80AB
}

.progress-container--circular.progress-container--accent-hue-1 .progress-circular__right .progress-circular__half-circle {
    border-top-color: #FF80AB;
    border-right-color: #FF80AB
}

.progress-container--linear.progress-container--accent-hue-1 .progress-linear__background,
.progress-container--linear.progress-container--accent-hue-1 .progress-linear__bar {
    background-color: #FF80AB
}

.progress-container--circular.progress-container--accent-hue-2 .progress-circular__left .progress-circular__half-circle {
    border-top-color: #F50057;
    border-left-color: #F50057
}

.progress-container--circular.progress-container--accent-hue-2 .progress-circular__right .progress-circular__half-circle {
    border-top-color: #F50057;
    border-right-color: #F50057
}

.progress-container--linear.progress-container--accent-hue-2 .progress-linear__background,
.progress-container--linear.progress-container--accent-hue-2 .progress-linear__bar {
    background-color: #F50057
}

.progress-circular-wrapper {
    position: relative;
    overflow: hidden;
    -webkit-animation: outer-rotate 2.91667s linear infinite;
    -moz-animation: outer-rotate 2.91667s linear infinite;
    animation: outer-rotate 2.91667s linear infinite
}

.progress-circular {
    position: relative;
    height: 100px;
    width: 100px;
    -webkit-animation: sporadic-rotate 5.25s cubic-bezier(.35, 0, .25, 1) infinite;
    -moz-animation: sporadic-rotate 5.25s cubic-bezier(.35, 0, .25, 1) infinite;
    animation: sporadic-rotate 5.25s cubic-bezier(.35, 0, .25, 1) infinite
}

.progress-circular__gap {
    position: absolute;
    top: 0;
    right: 49px;
    bottom: 0;
    left: 49px;
    border-top-width: 10px;
    border-top-style: solid
}

.progress-circular__left,
.progress-circular__right {
    position: absolute;
    top: 0;
    height: 100px;
    width: 50px;
    overflow: hidden
}

.progress-circular__left {
    left: 0
}

.progress-circular__right {
    right: 0
}

.progress-circular__half-circle {
    position: absolute;
    top: 0;
    height: 100px;
    width: 100px;
    border-width: 10px;
    border-style: solid;
    border-bottom-color: transparent;
    border-radius: 50%;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-duration: 1.3125s;
    -moz-animation-duration: 1.3125s;
    animation-duration: 1.3125s;
    -webkit-animation-timing-function: cubic-bezier(.35, 0, .25, 1);
    -moz-animation-timing-function: cubic-bezier(.35, 0, .25, 1);
    animation-timing-function: cubic-bezier(.35, 0, .25, 1)
}

.progress-circular__left .progress-circular__half-circle {
    left: 0;
    border-top-color: #3F51B5;
    border-right-color: transparent;
    border-left-color: #3F51B5;
    -webkit-animation-name: left-wobble;
    -moz-animation-name: left-wobble;
    animation-name: left-wobble
}

.progress-circular__right .progress-circular__half-circle {
    right: 0;
    border-top-color: #3F51B5;
    border-right-color: #3F51B5;
    border-left-color: transparent;
    -webkit-animation-name: right-wobble;
    -moz-animation-name: right-wobble;
    animation-name: right-wobble
}

.progress-linear {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    height: 4px;
    overflow: hidden
}

.progress-linear__background {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: .4
}

.progress-linear__bar {
    -webkit-transform: scale(1) translateX(50%);
    -moz-transform: scale(1) translateX(50%);
    -ms-transform: scale(1) translateX(50%);
    -o-transform: scale(1) translateX(50%);
    transform: scale(1) translateX(50%)
}

.progress-linear__bar--first {
    position: absolute;
    top: -12px;
    height: 24px;
    width: 100%;
    -webkit-animation: bar1 2s linear infinite;
    -moz-animation: bar1 2s linear infinite;
    animation: bar1 2s linear infinite
}

.progress-linear__bar--second {
    position: absolute;
    top: -48px;
    height: 96px;
    width: 100%;
    -webkit-animation: bar2 2s linear infinite;
    -moz-animation: bar2 2s linear infinite;
    animation: bar2 2s linear infinite
}

.radio-group .radio-button {
    margin-bottom: 8px
}

.radio-button {
    min-width: 24px;
    min-height: 24px
}

.radio-button--red .radio-button__label:after {
    color: #F44336
}

.radio-button--pink .radio-button__label:after {
    color: #E91E63
}

.radio-button--purple .radio-button__label:after {
    color: #9C27B0
}

.radio-button--deep-purple .radio-button__label:after {
    color: #673AB7
}

.radio-button--indigo .radio-button__label:after {
    color: #3F51B5
}

.radio-button--blue .radio-button__label:after {
    color: #2196F3
}

.radio-button--light-blue .radio-button__label:after {
    color: #03A9F4
}

.radio-button--cyan .radio-button__label:after {
    color: #00BCD4
}

.radio-button--teal .radio-button__label:after {
    color: #009688
}

.radio-button--green .radio-button__label:after {
    color: #4CAF50
}

.radio-button--light-green .radio-button__label:after {
    color: #8BC34A
}

.radio-button--lime .radio-button__label:after {
    color: #CDDC39
}

.radio-button--yellow .radio-button__label:after {
    color: #FFEB3B
}

.radio-button--amber .radio-button__label:after {
    color: #FFC107
}

.radio-button--orange .radio-button__label:after {
    color: #FF9800
}

.radio-button--deep-orange .radio-button__label:after {
    color: #FF5722
}

.radio-button--brown .radio-button__label:after {
    color: #795548
}

.radio-button--grey .radio-button__label:after {
    color: #9E9E9E
}

.radio-button--blue-grey .radio-button__label:after {
    color: #607D8B
}

.radio-button--black .radio-button__label:after {
    color: #000
}

.radio-button--white .radio-button__label:after {
    color: #FFF
}

.radio-button--primary .radio-button__label:after {
    color: #3F51B5
}

.radio-button--primary-hue-1 .radio-button__label:after {
    color: #C5CAE9
}

.radio-button--primary-hue-2 .radio-button__label:after {
    color: #303F9F
}

.radio-button--accent .radio-button__label:after {
    color: #FF4081
}

.radio-button--accent-hue-1 .radio-button__label:after {
    color: #FF80AB
}

.radio-button--accent-hue-2 .radio-button__label:after {
    color: #F50057
}

.radio-button__input:not(:checked) + .radio-button__label:before {
    opacity: 1
}

.radio-button__input:checked + .radio-button__label:before,
.radio-button__input:not(:checked) + .radio-button__label:after {
    opacity: 0
}

.radio-button__input:checked + .radio-button__label:after {
    opacity: 1
}

.radio-button__input[disabled] + .radio-button__label {
    cursor: not-allowed
}

    .radio-button__input[disabled] + .radio-button__label,
    .radio-button__input[disabled] + .radio-button__label:after,
    .radio-button__input[disabled] + .radio-button__label:before,
    .radio-button__input[disabled] ~ .radio-button__help {
        color: rgba(0, 0, 0, .38)
    }

.radio-button__label {
    display: block;
    position: relative;
    padding-left: 32px;
    font-weight: 400;
    line-height: 24px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.radio-button--standalone .radio-button__label {
    padding-left: 0
}

.radio-button__label:after,
.radio-button__label:before {
    display: inline-block;
    font: normal normal normal 24px / 1 MaterialDesignIcons;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    position: absolute;
    top: 0;
    left: 0;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 24px;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: .2s;
    -moz-transition-duration: .2s;
    transition-duration: .2s
}

.radio-button__label:before {
    content: "\f4b1";
    color: rgba(0, 0, 0, .54)
}

.radio-button__label:after {
    content: "\f4b2";
    color: #FF4081
}

.radio-button__help {
    display: block;
    padding-left: 32px;
    font-weight: 400;
    line-height: 20px;
    color: rgba(0, 0, 0, .54);
    text-align: left
}

@media screen and (max-width:1023px) {
    .radio-button__help {
        font-size: 14px;
        font-size: .875rem
    }
}

@media screen and (min-width:1024px) {
    .radio-button__help {
        font-size: 13px;
        font-size: .8125rem
    }
}

.ripple {
    display: block;
    position: absolute;
    border-radius: 100%;
    opacity: .3;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    pointer-events: none
}

.ripple--is-animated {
    -webkit-animation: ripple .65s linear;
    -moz-animation: ripple .65s linear;
    animation: ripple .65s linear
}

@media screen and (max-width:1023px) {
    .scrollbar-container {
        overflow: auto;
        -webkit-overflow-scrolling: touch
    }
}

/*@media screen and (min-width:1024px) {
    .scrollbar-container {
        position: relative;
        overflow: hidden
    }
}*/

.scrollbar-container:hover .scrollbar-y-axis__handle,
.scrollbar-y-axis--is-dragging .scrollbar-y-axis__handle {
    opacity: 1
}

.scrollbar-y-axis {
    position: absolute;
    top: 0;
    right: 0;
    width: 10px
}

    .scrollbar-y-axis:before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: rgba(255, 255, 255, .6);
        opacity: 0;
        -webkit-transition-property: opacity;
        -moz-transition-property: opacity;
        transition-property: opacity;
        -webkit-transition-duration: .2s;
        -moz-transition-duration: .2s;
        transition-duration: .2s
    }

    .scrollbar-y-axis--is-dragging:before,
    .scrollbar-y-axis:hover:before {
        opacity: 1
    }

.scrollbar-y-axis__handle {
    position: absolute;
    top: 0;
    left: 2px;
    width: 6px;
    border-radius: 3px;
    background-color: rgba(0, 0, 0, .4);
    opacity: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: .2s;
    -moz-transition-duration: .2s;
    transition-duration: .2s
}

.search-filter {
    position: relative;
    overflow: hidden
}

.search-filter--is-closed {
    width: 40px
}

.search-filter--is-focused .search-filter__cancel {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

.search-filter--dark-theme .search-filter__cancel,
.search-filter--dark-theme .search-filter__input,
.search-filter--dark-theme .search-filter__label {
    color: #FFF
}

.search-filter--light-theme .search-filter__cancel,
.search-filter--light-theme .search-filter__input,
.search-filter--light-theme .search-filter__label {
    color: rgba(0, 0, 0, .87)
}

.search-filter__container {
    position: relative;
    height: 40px;
    width: 240px;
    padding: 0 40px 0 56px
}

.search-filter__label {
    position: absolute;
    top: 0;
    left: 0;
    height: 40px;
    width: 40px;
    font-size: 24px;
    font-size: 1.5rem;
    cursor: pointer
}

    .search-filter__label .mdi {
        position: absolute;
        top: 9px;
        left: 8px
    }

.search-filter__input {
    display: block;
    height: 40px;
    width: 100%;
    margin: 0;
    padding: 0;
    border: none;
    outline: 0;
    background: 0 0
}

    .search-filter__input::-webkit-input-placeholder {
        color: rgba(0, 0, 0, .38)
    }

.search-filter--dark-theme .search-filter__input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, .7)
}

.search-filter__input::-moz-placeholder {
    color: rgba(0, 0, 0, .38)
}

.search-filter--dark-theme .search-filter__input::-moz-placeholder {
    color: rgba(255, 255, 255, .7)
}

.search-filter__input:-moz-placeholder {
    color: rgba(0, 0, 0, .38)
}

.search-filter--dark-theme .search-filter__input:-moz-placeholder {
    color: rgba(255, 255, 255, .7)
}

.search-filter__input:-ms-input-placeholder {
    color: rgba(0, 0, 0, .38)
}

.search-filter--dark-theme .search-filter__input:-ms-input-placeholder {
    color: rgba(255, 255, 255, .7)
}

.search-filter__cancel {
    position: absolute;
    top: 0;
    right: 0;
    height: 40px;
    width: 40px;
    font-size: 24px;
    font-size: 1.5rem;
    text-align: center;
    cursor: pointer;
    -webkit-transform: translateX(40px);
    -moz-transform: translateX(40px);
    -ms-transform: translateX(40px);
    -o-transform: translateX(40px);
    transform: translateX(40px);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: .4s;
    -moz-transition-duration: .4s;
    transition-duration: .4s;
    -webkit-transition-timing-function: cubic-bezier(.23, 1, .32, 1);
    -moz-transition-timing-function: cubic-bezier(.23, 1, .32, 1);
    transition-timing-function: cubic-bezier(.23, 1, .32, 1)
}

    .search-filter__cancel .mdi {
        line-height: 40px
    }

.lx-select {
    position: relative;
    padding-top: 32px;
    padding-bottom: 8px
}

    .lx-select:after,
    .lx-select:before {
        content: ''
    }

    .lx-select:before {
        position: absolute;
        right: 0;
        bottom: 7px;
        left: 0;
        height: 1px;
        border-bottom: 1px solid rgba(0, 0, 0, .12)
    }

    .lx-select:after {
        position: absolute;
        right: 0;
        bottom: 6px;
        left: 0;
        height: 2px;
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        -webkit-transition-property: -webkit-transform;
        -moz-transition-property: -moz-transform;
        transition-property: transform;
        -webkit-transition-duration: .6s;
        -moz-transition-duration: .6s;
        transition-duration: .6s;
        -webkit-transition-timing-function: cubic-bezier(.23, 1, .32, 1);
        -moz-transition-timing-function: cubic-bezier(.23, 1, .32, 1);
        transition-timing-function: cubic-bezier(.23, 1, .32, 1)
    }

    .lx-select .dropdown {
        display: block
    }

.lx-select--is-disabled {
    pointer-events: none
}

    .lx-select--is-disabled:before {
        border-bottom-style: dashed
    }

    .lx-select--is-disabled .lx-select__floating-label,
    .lx-select--is-disabled .lx-select__selected {
        color: rgba(0, 0, 0, .38)
    }

.lx-select--has-error:after {
    background-color: #F44336;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.lx-select--has-error .lx-select__floating-label {
    color: #F44336
}

.lx-select--is-valid:after {
    background-color: #4CAF50;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.lx-select--is-valid .lx-select__floating-label {
    color: #4CAF50
}

.lx-select__floating-label {
    color: rgba(0, 0, 0, .38);
    position: absolute;
    top: -20px;
    left: 0;
    -webkit-transform: scale(.75);
    -moz-transform: scale(.75);
    -ms-transform: scale(.75);
    -o-transform: scale(.75);
    transform: scale(.75);
    -webkit-transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    -o-transform-origin: bottom left;
    transform-origin: bottom left
}

.lx-select__selected {
    position: relative;
    padding-right: 24px;
    cursor: pointer;
    white-space: nowrap
}

    .lx-select__selected:after {
        display: inline-block;
        font: normal normal normal 24px / 1 MaterialDesignIcons;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        transform: translate(0, 0);
        content: "\f3f2";
        position: absolute;
        right: 8px;
        bottom: 8px;
        font-size: 14px;
        font-size: .875rem;
        color: rgba(0, 0, 0, .38);
        line-height: 16px
    }

    .lx-select__selected:hover .lx-select__close {
        opacity: 1
    }

    .lx-select__selected .ripple {
        background-color: #9E9E9E
    }

.lx-select__selected--is-unique {
    line-height: 32px
}

.lx-select__selected--is-multiple {
    padding-top: 6px;
    padding-bottom: 2px
}

.lx-select__selected--placeholder {
    padding-top: 0 !important;
    color: rgba(0, 0, 0, .38);
    line-height: 32px !important
}

.lx-select__close {
    display: block;
    position: absolute;
    top: 0;
    right: 24px;
    opacity: 0;
    line-height: 32px;
    -webkit-transition-property: opacity, color;
    -moz-transition-property: opacity, color;
    transition-property: opacity, color;
    -webkit-transition-duration: .2s;
    -moz-transition-duration: .2s;
    transition-duration: .2s
}

    .lx-select__close:hover {
        color: #F44336
    }

.lx-select__tag {
    position: relative;
    float: left;
    margin-right: 4px;
    margin-bottom: 4px;
    padding: 0 4px;
    border-radius: 2px;
    background-color: #F5F5F5;
    font-size: 13px;
    font-size: .8125rem;
    line-height: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .lx-select__tag:last-child {
        margin-right: 0
    }

.lx-select__choices {
    margin-left: -16px;
    margin-top: -12px
}

    .lx-select__choices .dropdown-menu__content {
        padding-top: 0
    }

.lx-select__choice--is-multiple {
    position: relative;
    padding-left: 40px
}

    .lx-select__choice--is-multiple:after,
    .lx-select__choice--is-multiple:before {
        display: inline-block;
        font: normal normal normal 24px / 1 MaterialDesignIcons;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        transform: translate(0, 0);
        position: absolute;
        top: 0;
        left: 16px;
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 32px;
        -webkit-transition-property: -webkit-transform;
        -moz-transition-property: -moz-transform;
        transition-property: transform;
        -webkit-transition-duration: .2s;
        -moz-transition-duration: .2s;
        transition-duration: .2s
    }

    .lx-select__choice--is-multiple:before {
        content: "\f203";
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

    .lx-select__choice--is-multiple:after {
        content: "\f204";
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        color: #009688
    }

.lx-select__choice--is-selected:before {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0)
}

.lx-select__choice--is-selected:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.lx-select__help {
    height: 32px;
    padding: 0 16px;
    font-size: 14px;
    font-size: .875rem;
    color: rgba(0, 0, 0, .38);
    line-height: 32px;
    white-space: nowrap
}

.lx-select__loader {
    height: 32px;
    line-height: 32px;
    text-align: center
}

    .lx-select__loader .mdi {
        -webkit-animation: spin 1.5s linear infinite;
        -moz-animation: spin 1.5s linear infinite;
        animation: spin 1.5s linear infinite
    }

.lx-select__chosen {
    display: block;
    min-height: 56px;
    padding: 0 40px 0 16px;
    border-bottom: 1px solid rgba(0, 0, 0, .12);
    line-height: 56px
}

.lx-select__chosen--is-multiple {
    padding-top: 18px;
    padding-bottom: 14px
}

    .lx-select__chosen--is-multiple::after {
        clear: both;
        content: "";
        display: table
    }

.lx-select__chosen--is-deletable .lx-select__tag:hover {
    color: rgba(0, 0, 0, .12)
}

    .lx-select__chosen--is-deletable .lx-select__tag:hover .lx-select__delete-button {
        display: block
    }

.lx-select__delete-button {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    font: normal normal normal 24px / 1 MaterialDesignIcons;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    font-size: 18px;
    font-size: 1.125rem;
    display: none;
    cursor: pointer;
    text-align: center;
    line-height: 20px;
    color: rgba(0, 0, 0, .54)
}

    .lx-select__delete-button:after {
        content: "\f223"
    }

.lx-select__filter {
    padding: 2px 8px;
    margin-bottom: 8px;
    border-bottom: 1px solid rgba(0, 0, 0, .12)
}

.switch {
    min-width: 35px;
    min-height: 24px
}

.switch--red .switch__input:checked + .switch__label:before {
    background-color: rgba(244, 67, 54, .5)
}

.switch--red .switch__input:checked + .switch__label:after {
    background-color: #F44336
}

.switch--pink .switch__input:checked + .switch__label:before {
    background-color: rgba(233, 30, 99, .5)
}

.switch--pink .switch__input:checked + .switch__label:after {
    background-color: #E91E63
}

.switch--purple .switch__input:checked + .switch__label:before {
    background-color: rgba(156, 39, 176, .5)
}

.switch--purple .switch__input:checked + .switch__label:after {
    background-color: #9C27B0
}

.switch--deep-purple .switch__input:checked + .switch__label:before {
    background-color: rgba(103, 58, 183, .5)
}

.switch--deep-purple .switch__input:checked + .switch__label:after {
    background-color: #673AB7
}

.switch--indigo .switch__input:checked + .switch__label:before {
    background-color: rgba(63, 81, 181, .5)
}

.switch--indigo .switch__input:checked + .switch__label:after {
    background-color: #3F51B5
}

.switch--blue .switch__input:checked + .switch__label:before {
    background-color: rgba(33, 150, 243, .5)
}

.switch--blue .switch__input:checked + .switch__label:after {
    background-color: #2196F3
}

.switch--light-blue .switch__input:checked + .switch__label:before {
    background-color: rgba(3, 169, 244, .5)
}

.switch--light-blue .switch__input:checked + .switch__label:after {
    background-color: #03A9F4
}

.switch--cyan .switch__input:checked + .switch__label:before {
    background-color: rgba(0, 188, 212, .5)
}

.switch--cyan .switch__input:checked + .switch__label:after {
    background-color: #00BCD4
}

.switch--teal .switch__input:checked + .switch__label:before {
    background-color: rgba(0, 150, 136, .5)
}

.switch--teal .switch__input:checked + .switch__label:after {
    background-color: #009688
}

.switch--green .switch__input:checked + .switch__label:before {
    background-color: rgba(76, 175, 80, .5)
}

.switch--green .switch__input:checked + .switch__label:after {
    background-color: #4CAF50
}

.switch--light-green .switch__input:checked + .switch__label:before {
    background-color: rgba(139, 195, 74, .5)
}

.switch--light-green .switch__input:checked + .switch__label:after {
    background-color: #8BC34A
}

.switch--lime .switch__input:checked + .switch__label:before {
    background-color: rgba(205, 220, 57, .5)
}

.switch--lime .switch__input:checked + .switch__label:after {
    background-color: #CDDC39
}

.switch--yellow .switch__input:checked + .switch__label:before {
    background-color: rgba(255, 235, 59, .5)
}

.switch--yellow .switch__input:checked + .switch__label:after {
    background-color: #FFEB3B
}

.switch--amber .switch__input:checked + .switch__label:before {
    background-color: rgba(255, 193, 7, .5)
}

.switch--amber .switch__input:checked + .switch__label:after {
    background-color: #FFC107
}

.switch--orange .switch__input:checked + .switch__label:before {
    background-color: rgba(255, 152, 0, .5)
}

.switch--orange .switch__input:checked + .switch__label:after {
    background-color: #FF9800
}

.switch--deep-orange .switch__input:checked + .switch__label:before {
    background-color: rgba(255, 87, 34, .5)
}

.switch--deep-orange .switch__input:checked + .switch__label:after {
    background-color: #FF5722
}

.switch--brown .switch__input:checked + .switch__label:before {
    background-color: rgba(121, 85, 72, .5)
}

.switch--brown .switch__input:checked + .switch__label:after {
    background-color: #795548
}

.switch--grey .switch__input:checked + .switch__label:before {
    background-color: rgba(158, 158, 158, .5)
}

.switch--grey .switch__input:checked + .switch__label:after {
    background-color: #9E9E9E
}

.switch--blue-grey .switch__input:checked + .switch__label:before {
    background-color: rgba(96, 125, 139, .5)
}

.switch--blue-grey .switch__input:checked + .switch__label:after {
    background-color: #607D8B
}

.switch--black .switch__input:checked + .switch__label:before {
    background-color: rgba(0, 0, 0, .5)
}

.switch--black .switch__input:checked + .switch__label:after {
    background-color: #000
}

.switch--white .switch__input:checked + .switch__label:before {
    background-color: rgba(255, 255, 255, .5)
}

.switch--white .switch__input:checked + .switch__label:after {
    background-color: #FFF
}

.switch--primary .switch__input:checked + .switch__label:before {
    background-color: rgba(63, 81, 181, .5)
}

.switch--primary .switch__input:checked + .switch__label:after {
    background-color: #3F51B5
}

.switch--primary-hue-1 .switch__input:checked + .switch__label:before {
    background-color: rgba(197, 202, 233, .5)
}

.switch--primary-hue-1 .switch__input:checked + .switch__label:after {
    background-color: #C5CAE9
}

.switch--primary-hue-2 .switch__input:checked + .switch__label:before {
    background-color: rgba(48, 63, 159, .5)
}

.switch--primary-hue-2 .switch__input:checked + .switch__label:after {
    background-color: #303F9F
}

.switch--accent .switch__input:checked + .switch__label:before {
    background-color: rgba(255, 64, 129, .5)
}

.switch--accent .switch__input:checked + .switch__label:after {
    background-color: #FF4081
}

.switch--accent-hue-1 .switch__input:checked + .switch__label:before {
    background-color: rgba(255, 128, 171, .5)
}

.switch--accent-hue-1 .switch__input:checked + .switch__label:after {
    background-color: #FF80AB
}

.switch--accent-hue-2 .switch__input:checked + .switch__label:before {
    background-color: rgba(245, 0, 87, .5)
}

.switch--accent-hue-2 .switch__input:checked + .switch__label:after {
    background-color: #F50057
}

.switch__input:not(:checked) + .switch__label:before {
    background-color: rgba(0, 0, 0, .38)
}

.switch__input:not(:checked) + .switch__label:after {
    background-color: #FAFAFA
}

.switch__input:checked + .switch__label:before {
    background-color: rgba(255, 64, 129, .5)
}

.switch__input:checked + .switch__label:after {
    background-color: #FF4081;
    -webkit-transform: translateX(15px);
    -moz-transform: translateX(15px);
    -ms-transform: translateX(15px);
    -o-transform: translateX(15px);
    transform: translateX(15px)
}

.switch__input[disabled] + .switch__label {
    cursor: not-allowed;
    color: rgba(0, 0, 0, .38)
}

    .switch__input[disabled] + .switch__label:before {
        background-color: rgba(0, 0, 0, .12)
    }

    .switch__input[disabled] + .switch__label:after {
        background-color: #BDBDBD
    }

.switch__input[disabled] ~ .switch__help {
    color: rgba(0, 0, 0, .38)
}

.switch__label {
    display: block;
    position: relative;
    padding-left: 45px;
    font-weight: 400;
    line-height: 24px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.switch--standalone .switch__label {
    padding-left: 0
}

.switch__label:before {
    content: '';
    position: absolute;
    top: 5px;
    left: 0;
    z-index: 1;
    height: 14px;
    width: 35px;
    border-radius: 7px;
    -webkit-transition-property: background-color;
    -moz-transition-property: background-color;
    transition-property: background-color;
    -webkit-transition-duration: .2s;
    -moz-transition-duration: .2s;
    transition-duration: .2s
}

.switch__label:after {
    content: '';
    position: absolute;
    top: 2px;
    left: 0;
    z-index: 2;
    display: block;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .14), 0 2px 2px 0 rgba(0, 0, 0, .098), 0 1px 5px 0 rgba(0, 0, 0, .084);
    -webkit-transition-property: background-color, -webkit-transform;
    -moz-transition-property: background-color, -moz-transform;
    transition-property: background-color, transform;
    -webkit-transition-duration: .2s;
    -moz-transition-duration: .2s;
    transition-duration: .2s
}

.switch__help {
    display: block;
    padding-left: 45px;
    font-weight: 400;
    line-height: 20px;
    color: rgba(0, 0, 0, .54);
    text-align: left
}

@media screen and (max-width:1023px) {
    .switch__help {
        font-size: 14px;
        font-size: .875rem
    }
}

@media screen and (min-width:1024px) {
    .switch__help {
        font-size: 13px;
        font-size: .8125rem
    }
}

.tabs {
    position: relative;
    overflow: hidden
}

    .tabs:after {
        content: '';
        position: absolute;
        top: 47px;
        right: 0;
        left: 0;
        height: 1px
    }

    .tabs .tabs__pagination-left,
    .tabs .tabs__pagination-right {
        position: absolute;
        top: 0;
        height: 47px
    }

    .tabs .tabs__pagination-left {
        left: 0
    }

    .tabs .tabs__pagination-right {
        right: 0
    }

    .tabs .tabs__pagination-padding {
        padding: 0 41px
    }

.tabs--theme-light:after {
    background-color: rgba(255, 255, 255, .7)
}

.tabs--theme-light .tabs__pagination-left,
.tabs--theme-light .tabs__pagination-right {
    color: #FFF
}

.tabs--theme-light .tabs-link {
    color: rgba(255, 255, 255, .7)
}

    .tabs--theme-light .tabs-link--is-active,
    .tabs--theme-light .tabs-link:hover {
        color: #FFF !important
    }

.tabs--theme-dark:after {
    background-color: rgba(0, 0, 0, .12)
}

.tabs--theme-dark .tabs__pagination-left,
.tabs--theme-dark .tabs__pagination-right {
    color: rgba(0, 0, 0, .87)
}

.tabs--theme-dark .tabs-link {
    color: rgba(0, 0, 0, .54)
}

.tabs--layout-full .tabs__links {
    display: table;
    table-layout: fixed;
    width: 100%;
    text-align: center
}

    .tabs--layout-full .tabs__links li {
        display: table-cell;
        width: 100px
    }

.tabs--layout-inline .tabs__links li {
    display: inline-block;
    vertical-align: top
}

@media screen and (max-width:480px) {
    .tabs--layout-inline .tabs-link {
        padding-left: 12px;
        padding-right: 12px
    }
}

@media screen and (min-width:481px) {
    .tabs--layout-inline .tabs-link {
        padding-left: 24px;
        padding-right: 24px
    }
}

.tabs--no-divider:after {
    display: none
}

.tabs__links {
    position: relative
}

.tabs__indicator {
    position: absolute;
    top: 46px;
    right: 0;
    left: 0;
    z-index: 1;
    height: 2px
}

.tabs-link {
    display: block;
    height: 48px;
    cursor: pointer;
    font-weight: 500;
    line-height: 48px;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition-property: color;
    -moz-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .2s;
    -moz-transition-duration: .2s;
    transition-duration: .2s
}

@media screen and (max-width:1023px) {
    .tabs-link {
        font-size: 14px;
        font-size: .875rem
    }
}

@media screen and (min-width:1024px) {
    .tabs-link {
        font-size: 13px;
        font-size: .8125rem
    }
}

.tabs-link .mdi {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 48px
}

.text-field {
    position: relative;
    padding-top: 32px;
    padding-bottom: 8px
}

    .text-field:after,
    .text-field:before {
        content: ''
    }

    .text-field:before {
        position: absolute;
        right: 0;
        bottom: 7px;
        left: 0;
        height: 1px;
        border-bottom: 1px solid rgba(0, 0, 0, .12)
    }

    .text-field:after {
        position: absolute;
        right: 0;
        bottom: 6px;
        left: 0;
        height: 2px;
        background-color: #2196F3;
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        -webkit-transition-property: -webkit-transform;
        -moz-transition-property: -moz-transform;
        transition-property: transform;
        -webkit-transition-duration: .6s;
        -moz-transition-duration: .6s;
        transition-duration: .6s;
        -webkit-transition-timing-function: cubic-bezier(.23, 1, .32, 1);
        -moz-transition-timing-function: cubic-bezier(.23, 1, .32, 1);
        transition-timing-function: cubic-bezier(.23, 1, .32, 1)
    }

.text-field--is-active .text-field__label {
    -webkit-transform: scale(.75) translateY(0);
    -moz-transform: scale(.75) translateY(0);
    -ms-transform: scale(.75) translateY(0);
    -o-transform: scale(.75) translateY(0);
    transform: scale(.75) translateY(0);
    color: rgba(0, 0, 0, .54)
}

.text-field--is-focused:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.text-field--is-focused .text-field__label,
.text-field--is-focused.text-field--dark-theme .text-field__label {
    color: #2196F3
}

.text-field--is-disabled:before {
    border-bottom-style: dashed
}

.text-field--is-disabled .text-field__label {
    color: rgba(0, 0, 0, .38)
}

.text-field--is-disabled .text-field__input {
    color: rgba(0, 0, 0, .38);
    cursor: not-allowed
}

.text-field--is-disabled.text-field--dark-theme .text-field__input {
    color: rgba(255, 255, 255, .3)
}

.text-field--has-error:after {
    background-color: #F44336;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.text-field--has-error.text-field--dark-theme .text-field__label,
.text-field--has-error.text-field--is-active .text-field__label {
    color: #F44336
}

.text-field--fixed-label {
    padding-top: 8px
}

    .text-field--fixed-label .text-field__label {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }

    .text-field--fixed-label.text-field--is-focused .text-field__label {
        color: rgba(0, 0, 0, .38)
    }

    .text-field--fixed-label.text-field--dark-theme.text-field--is-focused .text-field__label {
        color: rgba(255, 255, 255, .3)
    }

.text-field--label-hidden .text-field__label {
    display: none
}

.text-field--is-valid .text-field__label {
    color: #4CAF50
}

.text-field--is-valid:after {
    background-color: #4CAF50;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.text-field--is-valid.text-field--dark-theme .text-field__label {
    color: #4CAF50
}

.text-field--dark-theme:before {
    border-color: rgba(255, 255, 255, .3)
}

.text-field--with-icon {
    margin-left: 64px
}

.text-field__label {
    display: block;
    position: absolute;
    top: 8px;
    left: 0;
    color: rgba(0, 0, 0, .38);
    line-height: 32px;
    pointer-events: none;
    -webkit-transform: translateY(24px);
    -moz-transform: translateY(24px);
    -ms-transform: translateY(24px);
    -o-transform: translateY(24px);
    transform: translateY(24px);
    -webkit-transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    -ms-transform-origin: bottom left;
    -o-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transition-property: -webkit-transform, color;
    -moz-transition-property: -moz-transform, color;
    transition-property: transform, color;
    -webkit-transition-duration: .4s;
    -moz-transition-duration: .4s;
    transition-duration: .4s;
    -webkit-transition-timing-function: cubic-bezier(.23, 1, .32, 1);
    -moz-transition-timing-function: cubic-bezier(.23, 1, .32, 1);
    transition-timing-function: cubic-bezier(.23, 1, .32, 1)
}

.text-field--dark-theme .text-field__label {
    color: rgba(255, 255, 255, .3)
}

.text-field__input {
    display: block;
    margin: 0;
    padding: 0;
    border: none;
    background-color: transparent;
    box-shadow: none;
    overflow: hidden;
    cursor: text;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    width: 100%;
    resize: none;
    font-weight: 400
}

    .text-field__input:focus {
        outline: 0
    }

.text-field--dark-theme .text-field__input {
    color: #FFF
}

input.text-field__input {
    height: 32px;
    line-height: 32px
}

textarea.text-field__input {
    height: 24px;
    margin: 4px 0
}

.text-field__icon {
    position: absolute;
    top: 2px;
    left: -68px;
    height: 44px;
    width: 48px;
    line-height: 44px;
    font-size: 24px;
    font-size: 1.5rem;
    color: rgba(0, 0, 0, .54);
    text-align: center;
    -webkit-transition-property: color;
    -moz-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .4s;
    -moz-transition-duration: .4s;
    transition-duration: .4s;
    -webkit-transition-timing-function: cubic-bezier(.23, 1, .32, 1);
    -moz-transition-timing-function: cubic-bezier(.23, 1, .32, 1);
    transition-timing-function: cubic-bezier(.23, 1, .32, 1)
}

.text-field--dark-theme .text-field__icon {
    color: #FFF
}

.text-field--is-focused .text-field__icon {
    color: #2196F3
}

.text-field--has-error .text-field__icon {
    color: #F44336
}

.text-field--is-valid .text-field__icon {
    color: #4CAF50
}

.text-field-error {
    display: block;
    font-size: 12px;
    font-size: .75rem;
    color: #F44336
}

.text-field-help {
    display: block;
    font-size: 12px;
    font-size: .75rem;
    color: rgba(0, 0, 0, .54)
}

.toolbar {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -ms-flex-direction: row;
    padding: 0 16px
}

@media screen and (max-width:1023px) {
    .toolbar {
        height: 56px;
        padding-top: 8px;
        padding-bottom: 8px
    }
}

@media screen and (min-width:1024px) {
    .toolbar {
        height: 64px;
        padding-top: 12px;
        padding-bottom: 12px
    }
}

.toolbar__left {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -ms-flex-direction: row
}

.toolbar__right {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    box-orient: horizontal;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    box-direction: normal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    flex-direction: row;
    -ms-flex-direction: row;
    -webkit-box-pack: end;
    -moz-box-pack: end;
    box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    -ms-justify-content: flex-end;
    -o-justify-content: flex-end;
    justify-content: flex-end;
    -ms-flex-pack: end;
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center
}

.toolbar__label {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    line-height: 40px
}

.tooltip {
    position: absolute;
    z-index: 9999;
    border-radius: 2px;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    -webkit-transition-property: opacity, -webkit-transform;
    -moz-transition-property: opacity, -moz-transform;
    transition-property: opacity, transform;
    -webkit-transition-duration: .6s;
    -moz-transition-duration: .6s;
    transition-duration: .6s;
    -webkit-transition-timing-function: cubic-bezier(.23, 1, .32, 1);
    -moz-transition-timing-function: cubic-bezier(.23, 1, .32, 1);
    transition-timing-function: cubic-bezier(.23, 1, .32, 1)
}

.tooltip--is-active {
    opacity: 1
}

    .tooltip--is-active.tooltip--top {
        -webkit-transform: translateY(-8px);
        -moz-transform: translateY(-8px);
        -ms-transform: translateY(-8px);
        -o-transform: translateY(-8px);
        transform: translateY(-8px)
    }

    .tooltip--is-active.tooltip--bottom {
        -webkit-transform: translateY(8px);
        -moz-transform: translateY(8px);
        -ms-transform: translateY(8px);
        -o-transform: translateY(8px);
        transform: translateY(8px)
    }

    .tooltip--is-active.tooltip--left {
        -webkit-transform: translateX(-8px);
        -moz-transform: translateX(-8px);
        -ms-transform: translateX(-8px);
        -o-transform: translateX(-8px);
        transform: translateX(-8px)
    }

    .tooltip--is-active.tooltip--right {
        -webkit-transform: translateX(8px);
        -moz-transform: translateX(8px);
        -ms-transform: translateX(8px);
        -o-transform: translateX(8px);
        transform: translateX(8px)
    }

.tooltip__background {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    border-radius: 50%;
    -webkit-transform: scale(0) translateY(50%);
    -moz-transform: scale(0) translateY(50%);
    -ms-transform: scale(0) translateY(50%);
    -o-transform: scale(0) translateY(50%);
    transform: scale(0) translateY(50%);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
    -webkit-transition-duration: .6s;
    -moz-transition-duration: .6s;
    transition-duration: .6s;
    -webkit-transition-timing-function: cubic-bezier(.23, 1, .32, 1);
    -moz-transition-timing-function: cubic-bezier(.23, 1, .32, 1);
    transition-timing-function: cubic-bezier(.23, 1, .32, 1)
}

.tooltip__label {
    display: block;
    padding: 0 8px;
    font-size: 11px;
    font-size: .6875rem;
    line-height: 22px;
    white-space: nowrap
}

.tooltip--black .tooltip__background {
    background-color: #757575
}

.tooltip--black .tooltip__label {
    color: #FFF
}

.tooltip--white .tooltip__background {
    background-color: #EEE
}

.tooltip--white .tooltip__label {
    color: rgba(0, 0, 0, .87)
}

.tooltip--top .tooltip__background {
    -webkit-transform: scale(0) translateY(50%);
    -moz-transform: scale(0) translateY(50%);
    -ms-transform: scale(0) translateY(50%);
    -o-transform: scale(0) translateY(50%);
    transform: scale(0) translateY(50%);
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    transform-origin: center bottom
}

.tooltip--top.tooltip--is-active .tooltip__background {
    -webkit-transform: scale(3) translateY(50%);
    -moz-transform: scale(3) translateY(50%);
    -ms-transform: scale(3) translateY(50%);
    -o-transform: scale(3) translateY(50%);
    transform: scale(3) translateY(50%)
}

.tooltip--bottom .tooltip__background {
    -webkit-transform: scale(0) translateY(-50%);
    -moz-transform: scale(0) translateY(-50%);
    -ms-transform: scale(0) translateY(-50%);
    -o-transform: scale(0) translateY(-50%);
    transform: scale(0) translateY(-50%);
    -webkit-transform-origin: center top;
    -moz-transform-origin: center top;
    -ms-transform-origin: center top;
    -o-transform-origin: center top;
    transform-origin: center top
}

.tooltip--bottom.tooltip--is-active .tooltip__background {
    -webkit-transform: scale(3) translateY(-50%);
    -moz-transform: scale(3) translateY(-50%);
    -ms-transform: scale(3) translateY(-50%);
    -o-transform: scale(3) translateY(-50%);
    transform: scale(3) translateY(-50%)
}

.tooltip--left .tooltip__background {
    -webkit-transform: scale(0) translateX(50%);
    -moz-transform: scale(0) translateX(50%);
    -ms-transform: scale(0) translateX(50%);
    -o-transform: scale(0) translateX(50%);
    transform: scale(0) translateX(50%);
    -webkit-transform-origin: right center;
    -moz-transform-origin: right center;
    -ms-transform-origin: right center;
    -o-transform-origin: right center;
    transform-origin: right center
}

.tooltip--left.tooltip--is-active .tooltip__background {
    -webkit-transform: scale(3) translateX(50%);
    -moz-transform: scale(3) translateX(50%);
    -ms-transform: scale(3) translateX(50%);
    -o-transform: scale(3) translateX(50%);
    transform: scale(3) translateX(50%)
}

.tooltip--right .tooltip__background {
    -webkit-transform: scale(0) translateX(-50%);
    -moz-transform: scale(0) translateX(-50%);
    -ms-transform: scale(0) translateX(-50%);
    -o-transform: scale(0) translateX(-50%);
    transform: scale(0) translateX(-50%);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center
}

.tooltip--right.tooltip--is-active .tooltip__background {
    -webkit-transform: scale(3) translateX(-50%);
    -moz-transform: scale(3) translateX(-50%);
    -ms-transform: scale(3) translateX(-50%);
    -o-transform: scale(3) translateX(-50%);
    transform: scale(3) translateX(-50%)
}