diff --git a/app/css/master.css b/app/css/master.css
index 6ee84bbd..f81355bd 100644
--- a/app/css/master.css
+++ b/app/css/master.css
@@ -437,6 +437,13 @@ blockquote:before,
#support-btm-close {
grid-area: close;
}
+.select-wrapper .dropdown-content {
+ width: 250px !important;
+}
+input, textarea {
+ color: var(--color);
+ font-size: 1rem !important;
+}
/*スクロールバー*/
::-webkit-scrollbar {
diff --git a/app/css/materialize.css b/app/css/materialize.css
index d93c9d0d..bc6c1fe4 100644
--- a/app/css/materialize.css
+++ b/app/css/materialize.css
@@ -1,10 +1,8 @@
-/*!
- * Materialize v0.100.2 (http://materializecss.com)
- * Copyright 2014-2017 Materialize
- * MIT License (https://raw.githubusercontent.com/Dogfalo/materialize/master/LICENSE)
- * Modified by Cutls P(Airi (ver.3)-2018/03/14)
- * Modified by Cutls P(Airi (ver.9)-2018/03/27) - pinned escape
- */
+/*!
+ * Materialize v1.0.0 (http://materializecss.com)
+ * Copyright 2014-2017 Materialize
+ * MIT License (https://raw.githubusercontent.com/Dogfalo/materialize/master/LICENSE)
+ */
.materialize-red {
background-color: #e51c23 !important;
}
@@ -86,115 +84,115 @@
}
.red {
- background-color: #f44336 !important;
+ background-color: #F44336 !important;
}
.red-text {
- color: #f44336 !important;
+ color: #F44336 !important;
}
.red.lighten-5 {
- background-color: #ffebee !important;
+ background-color: #FFEBEE !important;
}
.red-text.text-lighten-5 {
- color: #ffebee !important;
+ color: #FFEBEE !important;
}
.red.lighten-4 {
- background-color: #ffcdd2 !important;
+ background-color: #FFCDD2 !important;
}
.red-text.text-lighten-4 {
- color: #ffcdd2 !important;
+ color: #FFCDD2 !important;
}
.red.lighten-3 {
- background-color: #ef9a9a !important;
+ background-color: #EF9A9A !important;
}
.red-text.text-lighten-3 {
- color: #ef9a9a !important;
+ color: #EF9A9A !important;
}
.red.lighten-2 {
- background-color: #e57373 !important;
+ background-color: #E57373 !important;
}
.red-text.text-lighten-2 {
- color: #e57373 !important;
+ color: #E57373 !important;
}
.red.lighten-1 {
- background-color: #ef5350 !important;
+ background-color: #EF5350 !important;
}
.red-text.text-lighten-1 {
- color: #ef5350 !important;
+ color: #EF5350 !important;
}
.red.darken-1 {
- background-color: #e53935 !important;
+ background-color: #E53935 !important;
}
.red-text.text-darken-1 {
- color: #e53935 !important;
+ color: #E53935 !important;
}
.red.darken-2 {
- background-color: #d32f2f !important;
+ background-color: #D32F2F !important;
}
.red-text.text-darken-2 {
- color: #d32f2f !important;
+ color: #D32F2F !important;
}
.red.darken-3 {
- background-color: #c62828 !important;
+ background-color: #C62828 !important;
}
.red-text.text-darken-3 {
- color: #c62828 !important;
+ color: #C62828 !important;
}
.red.darken-4 {
- background-color: #b71c1c !important;
+ background-color: #B71C1C !important;
}
.red-text.text-darken-4 {
- color: #b71c1c !important;
+ color: #B71C1C !important;
}
.red.accent-1 {
- background-color: #ff8a80 !important;
+ background-color: #FF8A80 !important;
}
.red-text.text-accent-1 {
- color: #ff8a80 !important;
+ color: #FF8A80 !important;
}
.red.accent-2 {
- background-color: #ff5252 !important;
+ background-color: #FF5252 !important;
}
.red-text.text-accent-2 {
- color: #ff5252 !important;
+ color: #FF5252 !important;
}
.red.accent-3 {
- background-color: #ff1744 !important;
+ background-color: #FF1744 !important;
}
.red-text.text-accent-3 {
- color: #ff1744 !important;
+ color: #FF1744 !important;
}
.red.accent-4 {
- background-color: #d50000 !important;
+ background-color: #D50000 !important;
}
.red-text.text-accent-4 {
- color: #d50000 !important;
+ color: #D50000 !important;
}
.pink {
@@ -646,115 +644,115 @@
}
.blue {
- background-color: #2196f3 !important;
+ background-color: #2196F3 !important;
}
.blue-text {
- color: #2196f3 !important;
+ color: #2196F3 !important;
}
.blue.lighten-5 {
- background-color: #e3f2fd !important;
+ background-color: #E3F2FD !important;
}
.blue-text.text-lighten-5 {
- color: #e3f2fd !important;
+ color: #E3F2FD !important;
}
.blue.lighten-4 {
- background-color: #bbdefb !important;
+ background-color: #BBDEFB !important;
}
.blue-text.text-lighten-4 {
- color: #bbdefb !important;
+ color: #BBDEFB !important;
}
.blue.lighten-3 {
- background-color: #90caf9 !important;
+ background-color: #90CAF9 !important;
}
.blue-text.text-lighten-3 {
- color: #90caf9 !important;
+ color: #90CAF9 !important;
}
.blue.lighten-2 {
- background-color: #64b5f6 !important;
+ background-color: #64B5F6 !important;
}
.blue-text.text-lighten-2 {
- color: #64b5f6 !important;
+ color: #64B5F6 !important;
}
.blue.lighten-1 {
- background-color: #42a5f5 !important;
+ background-color: #42A5F5 !important;
}
.blue-text.text-lighten-1 {
- color: #42a5f5 !important;
+ color: #42A5F5 !important;
}
.blue.darken-1 {
- background-color: #1e88e5 !important;
+ background-color: #1E88E5 !important;
}
.blue-text.text-darken-1 {
- color: #1e88e5 !important;
+ color: #1E88E5 !important;
}
.blue.darken-2 {
- background-color: #1976d2 !important;
+ background-color: #1976D2 !important;
}
.blue-text.text-darken-2 {
- color: #1976d2 !important;
+ color: #1976D2 !important;
}
.blue.darken-3 {
- background-color: #1565c0 !important;
+ background-color: #1565C0 !important;
}
.blue-text.text-darken-3 {
- color: #1565c0 !important;
+ color: #1565C0 !important;
}
.blue.darken-4 {
- background-color: #0d47a1 !important;
+ background-color: #0D47A1 !important;
}
.blue-text.text-darken-4 {
- color: #0d47a1 !important;
+ color: #0D47A1 !important;
}
.blue.accent-1 {
- background-color: #82b1ff !important;
+ background-color: #82B1FF !important;
}
.blue-text.text-accent-1 {
- color: #82b1ff !important;
+ color: #82B1FF !important;
}
.blue.accent-2 {
- background-color: #448aff !important;
+ background-color: #448AFF !important;
}
.blue-text.text-accent-2 {
- color: #448aff !important;
+ color: #448AFF !important;
}
.blue.accent-3 {
- background-color: #2979ff !important;
+ background-color: #2979FF !important;
}
.blue-text.text-accent-3 {
- color: #2979ff !important;
+ color: #2979FF !important;
}
.blue.accent-4 {
- background-color: #2962ff !important;
+ background-color: #2962FF !important;
}
.blue-text.text-accent-4 {
- color: #2962ff !important;
+ color: #2962FF !important;
}
.light-blue {
@@ -1094,115 +1092,115 @@
}
.green {
- background-color: #4caf50 !important;
+ background-color: #4CAF50 !important;
}
.green-text {
- color: #4caf50 !important;
+ color: #4CAF50 !important;
}
.green.lighten-5 {
- background-color: #e8f5e9 !important;
+ background-color: #E8F5E9 !important;
}
.green-text.text-lighten-5 {
- color: #e8f5e9 !important;
+ color: #E8F5E9 !important;
}
.green.lighten-4 {
- background-color: #c8e6c9 !important;
+ background-color: #C8E6C9 !important;
}
.green-text.text-lighten-4 {
- color: #c8e6c9 !important;
+ color: #C8E6C9 !important;
}
.green.lighten-3 {
- background-color: #a5d6a7 !important;
+ background-color: #A5D6A7 !important;
}
.green-text.text-lighten-3 {
- color: #a5d6a7 !important;
+ color: #A5D6A7 !important;
}
.green.lighten-2 {
- background-color: #81c784 !important;
+ background-color: #81C784 !important;
}
.green-text.text-lighten-2 {
- color: #81c784 !important;
+ color: #81C784 !important;
}
.green.lighten-1 {
- background-color: #66bb6a !important;
+ background-color: #66BB6A !important;
}
.green-text.text-lighten-1 {
- color: #66bb6a !important;
+ color: #66BB6A !important;
}
.green.darken-1 {
- background-color: #43a047 !important;
+ background-color: #43A047 !important;
}
.green-text.text-darken-1 {
- color: #43a047 !important;
+ color: #43A047 !important;
}
.green.darken-2 {
- background-color: #388e3c !important;
+ background-color: #388E3C !important;
}
.green-text.text-darken-2 {
- color: #388e3c !important;
+ color: #388E3C !important;
}
.green.darken-3 {
- background-color: #2e7d32 !important;
+ background-color: #2E7D32 !important;
}
.green-text.text-darken-3 {
- color: #2e7d32 !important;
+ color: #2E7D32 !important;
}
.green.darken-4 {
- background-color: #1b5e20 !important;
+ background-color: #1B5E20 !important;
}
.green-text.text-darken-4 {
- color: #1b5e20 !important;
+ color: #1B5E20 !important;
}
.green.accent-1 {
- background-color: #b9f6ca !important;
+ background-color: #B9F6CA !important;
}
.green-text.text-accent-1 {
- color: #b9f6ca !important;
+ color: #B9F6CA !important;
}
.green.accent-2 {
- background-color: #69f0ae !important;
+ background-color: #69F0AE !important;
}
.green-text.text-accent-2 {
- color: #69f0ae !important;
+ color: #69F0AE !important;
}
.green.accent-3 {
- background-color: #00e676 !important;
+ background-color: #00E676 !important;
}
.green-text.text-accent-3 {
- color: #00e676 !important;
+ color: #00E676 !important;
}
.green.accent-4 {
- background-color: #00c853 !important;
+ background-color: #00C853 !important;
}
.green-text.text-accent-4 {
- color: #00c853 !important;
+ color: #00C853 !important;
}
.light-green {
@@ -2126,11 +2124,11 @@
}
.white {
- background-color: #ffffff !important;
+ background-color: #FFFFFF !important;
}
.white-text {
- color: #ffffff !important;
+ color: #FFFFFF !important;
}
.transparent {
@@ -2141,14 +2139,16 @@
color: transparent !important;
}
-/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
+/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
+/* Document
+ ========================================================================== */
/**
- * 1. Set default font family to sans-serif.
- * 2. Prevent iOS and IE text size adjust after device orientation change,
- * without disabling user zoom.
+ * 1. Correct the line height in all browsers.
+ * 2. Prevent adjustments of font size after orientation changes in
+ * IE on Windows Phone and in iOS.
*/
html {
- font-family: sans-serif;
+ line-height: 1.15;
/* 1 */
-ms-text-size-adjust: 100%;
/* 2 */
@@ -2156,137 +2156,163 @@ html {
/* 2 */
}
+/* Sections
+ ========================================================================== */
/**
- * Remove default margin.
+ * Remove the margin in all browsers (opinionated).
*/
body {
margin: 0;
}
-/* HTML5 display definitions
- ========================================================================== */
/**
- * Correct `block` display not defined for any HTML5 element in IE 8/9.
- * Correct `block` display not defined for `details` or `summary` in IE 10/11
- * and Firefox.
- * Correct `block` display not defined for `main` in IE 11.
+ * Add the correct display in IE 9-.
*/
article,
aside,
-details,
-figcaption,
-figure,
footer,
header,
-hgroup,
-main,
-menu,
nav,
-section,
-summary {
+section {
display: block;
}
/**
- * 1. Correct `inline-block` display not defined in IE 8/9.
- * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
- */
-audio,
-canvas,
-progress,
-video {
- display: inline-block;
- /* 1 */
- vertical-align: baseline;
- /* 2 */
-}
-
-/**
- * Prevent modern browsers from displaying `audio` without controls.
- * Remove excess height in iOS 5 devices.
- */
-audio:not([controls]) {
- display: none;
- height: 0;
-}
-
-/**
- * Address `[hidden]` styling not present in IE 8/9/10.
- * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
- */
-[hidden],
-template {
- display: none;
-}
-
-/* Links
- ========================================================================== */
-/**
- * Remove the gray background color from active links in IE 10.
- */
-a {
- background-color: transparent;
-}
-
-/**
- * Improve readability of focused elements when they are also in an
- * active/hover state.
- */
-a:active,
-a:hover {
- outline: 0;
-}
-
-/* Text-level semantics
- ========================================================================== */
-/**
- * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
- */
-abbr[title] {
- border-bottom: 1px dotted;
-}
-
-/**
- * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
- */
-b,
-strong {
- font-weight: bold;
-}
-
-/**
- * Address styling not present in Safari and Chrome.
- */
-dfn {
- font-style: italic;
-}
-
-/**
- * Address variable `h1` font-size and margin within `section` and `article`
- * contexts in Firefox 4+, Safari, and Chrome.
+ * Correct the font size and margin on `h1` elements within `section` and
+ * `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
+/* Grouping content
+ ========================================================================== */
/**
- * Address styling not present in IE 8/9.
+ * Add the correct display in IE 9-.
+ * 1. Add the correct display in IE.
+ */
+figcaption,
+figure,
+main {
+ /* 1 */
+ display: block;
+}
+
+/**
+ * Add the correct margin in IE 8.
+ */
+figure {
+ margin: 1em 40px;
+}
+
+/**
+ * 1. Add the correct box sizing in Firefox.
+ * 2. Show the overflow in Edge and IE.
+ */
+hr {
+ -webkit-box-sizing: content-box;
+ box-sizing: content-box;
+ /* 1 */
+ height: 0;
+ /* 1 */
+ overflow: visible;
+ /* 2 */
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+pre {
+ font-family: monospace, monospace;
+ /* 1 */
+ font-size: 1em;
+ /* 2 */
+}
+
+/* Text-level semantics
+ ========================================================================== */
+/**
+ * 1. Remove the gray background on active links in IE 10.
+ * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
+ */
+a {
+ background-color: transparent;
+ /* 1 */
+ -webkit-text-decoration-skip: objects;
+ /* 2 */
+}
+
+/**
+ * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
+ * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
+ */
+abbr[title] {
+ border-bottom: none;
+ /* 1 */
+ text-decoration: underline;
+ /* 2 */
+ -webkit-text-decoration: underline dotted;
+ -moz-text-decoration: underline dotted;
+ text-decoration: underline dotted;
+ /* 2 */
+}
+
+/**
+ * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
+ */
+b,
+strong {
+ font-weight: inherit;
+}
+
+/**
+ * Add the correct font weight in Chrome, Edge, and Safari.
+ */
+b,
+strong {
+ font-weight: bolder;
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+code,
+kbd,
+samp {
+ font-family: monospace, monospace;
+ /* 1 */
+ font-size: 1em;
+ /* 2 */
+}
+
+/**
+ * Add the correct font style in Android 4.3-.
+ */
+dfn {
+ font-style: italic;
+}
+
+/**
+ * Add the correct background and color in IE 9-.
*/
mark {
- background: #ff0;
+ background-color: #ff0;
color: #000;
}
/**
- * Address inconsistent and variable font size in all browsers.
+ * Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
- * Prevent `sub` and `sup` affecting `line-height` in all browsers.
+ * Prevent `sub` and `sup` elements from affecting the line height in
+ * all browsers.
*/
sub,
sup {
@@ -2296,259 +2322,278 @@ sup {
vertical-align: baseline;
}
-sup {
- top: -0.5em;
-}
-
sub {
bottom: -0.25em;
}
+sup {
+ top: -0.5em;
+}
+
/* Embedded content
========================================================================== */
/**
- * Remove border when inside `a` element in IE 8/9/10.
+ * Add the correct display in IE 9-.
*/
-img {
- border: 0;
+audio,
+video {
+ display: inline-block;
}
/**
- * Correct overflow not hidden in IE 9/10/11.
+ * Add the correct display in iOS 4-7.
+ */
+audio:not([controls]) {
+ display: none;
+ height: 0;
+}
+
+/**
+ * Remove the border on images inside links in IE 10-.
+ */
+img {
+ border-style: none;
+}
+
+/**
+ * Hide the overflow in IE.
*/
svg:not(:root) {
overflow: hidden;
}
-/* Grouping content
- ========================================================================== */
-/**
- * Address margin not present in IE 8/9 and Safari.
- */
-figure {
- margin: 1em 40px;
-}
-
-/**
- * Address differences between Firefox and other browsers.
- */
-hr {
- -webkit-box-sizing: content-box;
- box-sizing: content-box;
- height: 0;
-}
-
-/**
- * Contain overflow in all browsers.
- */
-pre {
- overflow: auto;
-}
-
-/**
- * Address odd `em`-unit font size rendering in all browsers.
- */
-code,
-kbd,
-pre,
-samp {
- font-family: monospace, monospace;
- font-size: 1em;
-}
-
/* Forms
========================================================================== */
/**
- * Known limitation: by default, Chrome and Safari on OS X allow very limited
- * styling of `select`, unless a `border` property is set.
- */
-/**
- * 1. Correct color not being inherited.
- * Known issue: affects color of disabled elements.
- * 2. Correct font properties not being inherited.
- * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
+ * 1. Change the font styles in all browsers (opinionated).
+ * 2. Remove the margin in Firefox and Safari.
*/
button,
input,
optgroup,
select,
textarea {
- color: inherit;
+ font-family: sans-serif;
+ /* 1 */
+ font-size: 100%;
+ /* 1 */
+ line-height: 1.15;
/* 1 */
- font: inherit;
- /* 2 */
margin: 0;
- /* 3 */
+ /* 2 */
}
/**
- * Address `overflow` set to `hidden` in IE 8/9/10/11.
+ * Show the overflow in IE.
+ * 1. Show the overflow in Edge.
*/
-button {
+button,
+input {
+ /* 1 */
overflow: visible;
}
/**
- * Address inconsistent `text-transform` inheritance for `button` and `select`.
- * All other form control elements do not inherit `text-transform` values.
- * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
- * Correct `select` style inheritance in Firefox.
+ * Remove the inheritance of text transform in Edge, Firefox, and IE.
+ * 1. Remove the inheritance of text transform in Firefox.
*/
button,
select {
+ /* 1 */
text-transform: none;
}
/**
- * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
- * and `video` controls.
- * 2. Correct inability to style clickable `input` types in iOS.
- * 3. Improve usability and consistency of cursor style between image-type
- * `input` and others.
+ * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
+ * controls in Android 4.
+ * 2. Correct the inability to style clickable types in iOS and Safari.
*/
button,
-html input[type="button"],
-input[type="reset"],
-input[type="submit"] {
+html [type="button"],
+[type="reset"],
+[type="submit"] {
-webkit-appearance: button;
/* 2 */
- cursor: pointer;
- /* 3 */
}
/**
- * Re-set default cursor for disabled elements.
- */
-button[disabled],
-html input[disabled] {
- cursor: default;
-}
-
-/**
- * Remove inner padding and border in Firefox 4+.
+ * Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
-input::-moz-focus-inner {
- border: 0;
+[type="button"]::-moz-focus-inner,
+[type="reset"]::-moz-focus-inner,
+[type="submit"]::-moz-focus-inner {
+ border-style: none;
padding: 0;
}
/**
- * Address Firefox 4+ setting `line-height` on `input` using `!important` in
- * the UA stylesheet.
+ * Restore the focus styles unset by the previous rule.
*/
-input {
- line-height: normal;
+button:-moz-focusring,
+[type="button"]:-moz-focusring,
+[type="reset"]:-moz-focusring,
+[type="submit"]:-moz-focusring {
+ outline: 1px dotted ButtonText;
}
/**
- * It's recommended that you don't attempt to style these elements.
- * Firefox's implementation doesn't respect box-sizing, padding, or width.
- *
- * 1. Address box sizing set to `content-box` in IE 8/9/10.
- * 2. Remove excess padding in IE 8/9/10.
- */
-input[type="checkbox"],
-input[type="radio"] {
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- /* 1 */
- padding: 0;
- /* 2 */
-}
-
-/**
- * Fix the cursor style for Chrome's increment/decrement buttons. For certain
- * `font-size` values of the `input`, it causes the cursor style of the
- * decrement button to change from `default` to `text`.
- */
-input[type="number"]::-webkit-inner-spin-button,
-input[type="number"]::-webkit-outer-spin-button {
- height: auto;
-}
-
-/**
- * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
- * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
- */
-input[type="search"] {
- -webkit-appearance: textfield;
- /* 1 */
- -webkit-box-sizing: content-box;
- box-sizing: content-box;
- /* 2 */
-}
-
-/**
- * Remove inner padding and search cancel button in Safari and Chrome on OS X.
- * Safari (but not Chrome) clips the cancel button when the search input has
- * padding (and `textfield` appearance).
- */
-input[type="search"]::-webkit-search-cancel-button,
-input[type="search"]::-webkit-search-decoration {
- -webkit-appearance: none;
-}
-
-/**
- * Define consistent border, margin, and padding.
+ * Correct the padding in Firefox.
*/
fieldset {
- border: 1px solid #c0c0c0;
- margin: 0 2px;
- padding: 0.35em 0.625em 0.75em;
+ padding: 0.35em 0.75em 0.625em;
}
/**
- * 1. Correct `color` not being inherited in IE 8/9/10/11.
- * 2. Remove padding so people aren't caught out if they zero out fieldsets.
+ * 1. Correct the text wrapping in Edge and IE.
+ * 2. Correct the color inheritance from `fieldset` elements in IE.
+ * 3. Remove the padding so developers are not caught out when they zero out
+ * `fieldset` elements in all browsers.
*/
legend {
- border: 0;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ /* 1 */
+ color: inherit;
+ /* 2 */
+ display: table;
+ /* 1 */
+ max-width: 100%;
/* 1 */
padding: 0;
+ /* 3 */
+ white-space: normal;
+ /* 1 */
+}
+
+/**
+ * 1. Add the correct display in IE 9-.
+ * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
+ */
+progress {
+ display: inline-block;
+ /* 1 */
+ vertical-align: baseline;
/* 2 */
}
/**
- * Remove default vertical scrollbar in IE 8/9/10/11.
+ * Remove the default vertical scrollbar in IE.
*/
textarea {
overflow: auto;
}
/**
- * Don't inherit the `font-weight` (applied by a rule above).
- * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
+ * 1. Add the correct box sizing in IE 10-.
+ * 2. Remove the padding in IE 10-.
*/
-optgroup {
- font-weight: bold;
+[type="checkbox"],
+[type="radio"] {
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
+ /* 1 */
+ padding: 0;
+ /* 2 */
}
-/* Tables
+/**
+ * Correct the cursor style of increment and decrement buttons in Chrome.
+ */
+[type="number"]::-webkit-inner-spin-button,
+[type="number"]::-webkit-outer-spin-button {
+ height: auto;
+}
+
+/**
+ * 1. Correct the odd appearance in Chrome and Safari.
+ * 2. Correct the outline style in Safari.
+ */
+[type="search"] {
+ -webkit-appearance: textfield;
+ /* 1 */
+ outline-offset: -2px;
+ /* 2 */
+}
+
+/**
+ * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
+ */
+[type="search"]::-webkit-search-cancel-button,
+[type="search"]::-webkit-search-decoration {
+ -webkit-appearance: none;
+}
+
+/**
+ * 1. Correct the inability to style clickable types in iOS and Safari.
+ * 2. Change font properties to `inherit` in Safari.
+ */
+::-webkit-file-upload-button {
+ -webkit-appearance: button;
+ /* 1 */
+ font: inherit;
+ /* 2 */
+}
+
+/* Interactive
+ ========================================================================== */
+/*
+ * Add the correct display in IE 9-.
+ * 1. Add the correct display in Edge, IE, and Firefox.
+ */
+details,
+menu {
+ display: block;
+}
+
+/*
+ * Add the correct display in all browsers.
+ */
+summary {
+ display: list-item;
+}
+
+/* Scripting
========================================================================== */
/**
- * Remove most spacing between table cells.
+ * Add the correct display in IE 9-.
*/
-table {
- border-collapse: collapse;
- border-spacing: 0;
+canvas {
+ display: inline-block;
}
-td,
-th {
- padding: 0;
+/**
+ * Add the correct display in IE.
+ */
+template {
+ display: none;
+}
+
+/* Hidden
+ ========================================================================== */
+/**
+ * Add the correct display in IE 10-.
+ */
+[hidden] {
+ display: none;
}
html {
-webkit-box-sizing: border-box;
- box-sizing: border-box;
+ box-sizing: border-box;
}
-*,
-*:before,
-*:after {
+*, *:before, *:after {
-webkit-box-sizing: inherit;
- box-sizing: inherit;
+ box-sizing: inherit;
+}
+
+button,
+input,
+optgroup,
+select,
+textarea {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
ul:not(.browser-default) {
@@ -2573,8 +2618,8 @@ a {
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
}
.clearfix {
@@ -2583,76 +2628,54 @@ a {
.z-depth-0 {
-webkit-box-shadow: none !important;
- box-shadow: none !important;
+ box-shadow: none !important;
}
-.z-depth-1,
-nav,
-.card-panel,
-.card,
-.toast,
-.btn,
-.btn-large,
-.btn-floating,
-.dropdown-content,
-.collapsible,
-.side-nav {
- -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),
- 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
- box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12),
- 0 3px 1px -2px rgba(0, 0, 0, 0.2);
+/* 2dp elevation modified*/
+.z-depth-1, nav, .card-panel, .card, .toast, .btn, .btn-large, .btn-small, .btn-floating, .dropdown-content, .collapsible, .sidenav {
+ -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
+ box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);
}
-.z-depth-1-half,
-.btn:hover,
-.btn-large:hover,
-.btn-floating:hover {
- -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14),
- 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
- box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12),
- 0 3px 1px -1px rgba(0, 0, 0, 0.2);
+.z-depth-1-half, .btn:hover, .btn-large:hover, .btn-small:hover, .btn-floating:hover {
+ -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
+ box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
}
+/* 6dp elevation modified*/
.z-depth-2 {
- -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14),
- 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
- box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12),
- 0 2px 4px -1px rgba(0, 0, 0, 0.3);
+ -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
+ box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3);
}
+/* 12dp elevation modified*/
.z-depth-3 {
- -webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14),
- 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.3);
- box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12),
- 0 3px 5px -1px rgba(0, 0, 0, 0.3);
+ -webkit-box-shadow: 0 8px 17px 2px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
+ box-shadow: 0 8px 17px 2px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
}
-.z-depth-4,
-.modal {
- -webkit-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14),
- 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.3);
- box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14),
- 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.3);
+/* 16dp elevation */
+.z-depth-4 {
+ -webkit-box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -7px rgba(0, 0, 0, 0.2);
+ box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -7px rgba(0, 0, 0, 0.2);
}
-.z-depth-5 {
- -webkit-box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14),
- 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.3);
- box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14),
- 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.3);
+/* 24dp elevation */
+.z-depth-5, .modal {
+ -webkit-box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2);
+ box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2);
}
.hoverable {
- -webkit-transition: -webkit-box-shadow 0.25s;
- transition: -webkit-box-shadow 0.25s;
- transition: box-shadow 0.25s;
- transition: box-shadow 0.25s, -webkit-box-shadow 0.25s;
+ -webkit-transition: -webkit-box-shadow .25s;
+ transition: -webkit-box-shadow .25s;
+ transition: box-shadow .25s;
+ transition: box-shadow .25s, -webkit-box-shadow .25s;
}
.hoverable:hover {
- -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2),
- 0 6px 20px 0 rgba(0, 0, 0, 0.19);
- box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
+ -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
+ box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.divider {
@@ -2762,8 +2785,7 @@ video.responsive-video {
}
.breadcrumb i,
-.breadcrumb [class^="mdi-"],
-.breadcrumb [class*="mdi-"],
+.breadcrumb [class^="mdi-"], .breadcrumb [class*="mdi-"],
.breadcrumb i.material-icons {
display: inline-block;
float: left;
@@ -2771,11 +2793,11 @@ video.responsive-video {
}
.breadcrumb:before {
- content: "\E5CC";
+ content: '\E5CC';
color: rgba(255, 255, 255, 0.7);
vertical-align: top;
display: inline-block;
- font-family: "Material Icons";
+ font-family: 'Material Icons';
font-weight: normal;
font-style: normal;
font-size: 25px;
@@ -2807,28 +2829,26 @@ video.responsive-video {
}
.parallax-container .parallax img {
- display: none;
+ opacity: 0;
position: absolute;
left: 50%;
bottom: 0;
min-width: 100%;
min-height: 100%;
-webkit-transform: translate3d(0, 0, 0);
- transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
-webkit-transform: translateX(-50%);
- transform: translateX(-50%);
+ transform: translateX(-50%);
}
-.pin-top,
-.pin-bottom {
+.pin-top, .pin-bottom {
position: relative;
}
-/*
.pinned {
position: fixed !important;
}
-*/
+
/*********************
Transition Classes
**********************/
@@ -2839,15 +2859,14 @@ ul.staggered-list li {
.fade-in {
opacity: 0;
-webkit-transform-origin: 0 50%;
- transform-origin: 0 50%;
+ transform-origin: 0 50%;
}
/*********************
Media Query Classes
**********************/
@media only screen and (max-width: 600px) {
- .hide-on-small-only,
- .hide-on-small-and-down {
+ .hide-on-small-only, .hide-on-small-and-down {
display: none !important;
}
}
@@ -2876,6 +2895,18 @@ ul.staggered-list li {
}
}
+@media only screen and (min-width: 1201px) {
+ .hide-on-extra-large-only {
+ display: none !important;
+ }
+}
+
+@media only screen and (min-width: 1201px) {
+ .show-on-extra-large {
+ display: block !important;
+ }
+}
+
@media only screen and (min-width: 993px) {
.show-on-large {
display: block !important;
@@ -2927,31 +2958,34 @@ ul.staggered-list li {
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
+ -webkit-box-pack: justify;
+ -webkit-justify-content: space-between;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
padding: 10px 0px;
color: rgba(255, 255, 255, 0.8);
background-color: rgba(51, 51, 51, 0.08);
}
-table,
-th,
-td {
+table, th, td {
border: none;
}
table {
width: 100%;
display: table;
+ border-collapse: collapse;
+ border-spacing: 0;
}
-table.bordered > thead > tr,
-table.bordered > tbody > tr {
- border-bottom: 1px solid #d0d0d0;
+table.striped tr {
+ border-bottom: none;
}
table.striped > tbody > tr:nth-child(odd) {
- background-color: #f2f2f2;
+ background-color: rgba(242, 242, 242, 0.5);
}
table.striped > tbody > tr > td {
@@ -2959,25 +2993,23 @@ table.striped > tbody > tr > td {
}
table.highlight > tbody > tr {
- -webkit-transition: background-color 0.25s ease;
- transition: background-color 0.25s ease;
+ -webkit-transition: background-color .25s ease;
+ transition: background-color .25s ease;
}
table.highlight > tbody > tr:hover {
- background-color: #f2f2f2;
+ background-color: rgba(242, 242, 242, 0.5);
}
-table.centered thead tr th,
-table.centered tbody tr td {
+table.centered thead tr th, table.centered tbody tr td {
text-align: center;
}
-thead {
- border-bottom: 1px solid #d0d0d0;
+tr {
+ border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
-td,
-th {
+td, th {
padding: 15px 5px;
display: table-cell;
text-align: left;
@@ -2995,7 +3027,7 @@ th {
/* sort out borders */
}
table.responsive-table td:empty:before {
- content: "\00a0";
+ content: '\00a0';
}
table.responsive-table th,
table.responsive-table td {
@@ -3037,26 +3069,12 @@ th {
text-align: left;
}
table.responsive-table tr {
+ border-bottom: none;
padding: 0 10px;
}
table.responsive-table thead {
border: 0;
- border-right: 1px solid #d0d0d0;
- }
- table.responsive-table.bordered th {
- border-bottom: 0;
- border-left: 0;
- }
- table.responsive-table.bordered td {
- border-left: 0;
- border-right: 0;
- border-bottom: 0;
- }
- table.responsive-table.bordered tr {
- border: 0;
- }
- table.responsive-table.bordered tbody tr {
- border-right: 1px solid #d0d0d0;
+ border-right: 1px solid rgba(0, 0, 0, 0.12);
}
}
@@ -3130,8 +3148,8 @@ th {
.collection a.collection-item {
display: block;
- -webkit-transition: 0.25s;
- transition: 0.25s;
+ -webkit-transition: .25s;
+ transition: .25s;
color: #26a69a;
}
@@ -3170,9 +3188,7 @@ th {
overflow: hidden;
}
-.video-container iframe,
-.video-container object,
-.video-container embed {
+.video-container iframe, .video-container object, .video-container embed {
position: absolute;
top: 0;
left: 0;
@@ -3197,8 +3213,8 @@ th {
left: 0;
bottom: 0;
background-color: #26a69a;
- -webkit-transition: width 0.3s linear;
- transition: width 0.3s linear;
+ -webkit-transition: width .3s linear;
+ transition: width .3s linear;
}
.progress .indeterminate {
@@ -3206,32 +3222,29 @@ th {
}
.progress .indeterminate:before {
- content: "";
+ content: '';
position: absolute;
background-color: inherit;
top: 0;
left: 0;
bottom: 0;
will-change: left, right;
- -webkit-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395)
- infinite;
- animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
+ -webkit-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
+ animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
}
.progress .indeterminate:after {
- content: "";
+ content: '';
position: absolute;
background-color: inherit;
top: 0;
left: 0;
bottom: 0;
will-change: left, right;
- -webkit-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1)
- infinite;
- animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1)
- infinite;
+ -webkit-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
+ animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
-webkit-animation-delay: 1.15s;
- animation-delay: 1.15s;
+ animation-delay: 1.15s;
}
@-webkit-keyframes indeterminate {
@@ -3309,8 +3322,7 @@ th {
text-align: right;
}
-.center,
-.center-align {
+.center, .center-align {
text-align: center;
}
@@ -3322,13 +3334,12 @@ th {
float: right !important;
}
-.no-select,
-input[type="range"],
-input[type="range"] + .thumb {
+.no-select, input[type=range],
+input[type=range] + .thumb {
-webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
}
.circle {
@@ -3363,7 +3374,7 @@ span.badge {
color: #757575;
float: right;
-webkit-box-sizing: border-box;
- box-sizing: border-box;
+ box-sizing: border-box;
}
span.badge.new {
@@ -3399,16 +3410,22 @@ nav ul a span.badge {
margin-left: auto;
}
-.side-nav span.badge {
+.sidenav span.badge {
margin-top: calc(24px - 11px);
}
+table span.badge {
+ display: inline-block;
+ float: none;
+ margin-left: auto;
+}
+
/* This is needed for some mobile phones to display the Google Icon font properly */
.material-icons {
text-rendering: optimizeLegibility;
- -webkit-font-feature-settings: "liga";
- -moz-font-feature-settings: "liga";
- font-feature-settings: "liga";
+ -webkit-font-feature-settings: 'liga';
+ -moz-font-feature-settings: 'liga';
+ font-feature-settings: 'liga';
}
.container {
@@ -3429,7 +3446,7 @@ nav ul a span.badge {
}
}
-.container .row {
+.col .row {
margin-left: -0.75rem;
margin-right: -0.75rem;
}
@@ -3466,13 +3483,12 @@ nav ul a span.badge {
.row .col {
float: left;
-webkit-box-sizing: border-box;
- box-sizing: border-box;
+ box-sizing: border-box;
padding: 0 0.75rem;
min-height: 1px;
}
-.row .col[class*="push-"],
-.row .col[class*="pull-"] {
+.row .col[class*="push-"], .row .col[class*="pull-"] {
position: relative;
}
@@ -4280,8 +4296,7 @@ nav a {
}
nav i,
-nav [class^="mdi-"],
-nav [class*="mdi-"],
+nav [class^="mdi-"], nav [class*="mdi-"],
nav i.material-icons {
display: block;
font-size: 24px;
@@ -4295,12 +4310,12 @@ nav .nav-wrapper {
}
@media only screen and (min-width: 993px) {
- nav a.button-collapse {
+ nav a.sidenav-trigger {
display: none;
}
}
-nav .button-collapse {
+nav .sidenav-trigger {
float: left;
position: relative;
z-index: 1;
@@ -4308,7 +4323,7 @@ nav .button-collapse {
margin: 0 18px;
}
-nav .button-collapse i {
+nav .sidenav-trigger i {
height: 56px;
line-height: 56px;
}
@@ -4324,20 +4339,19 @@ nav .brand-logo {
nav .brand-logo.center {
left: 50%;
-webkit-transform: translateX(-50%);
- transform: translateX(-50%);
+ transform: translateX(-50%);
}
@media only screen and (max-width: 992px) {
nav .brand-logo {
left: 50%;
-webkit-transform: translateX(-50%);
- transform: translateX(-50%);
+ transform: translateX(-50%);
}
- nav .brand-logo.left,
- nav .brand-logo.right {
+ nav .brand-logo.left, nav .brand-logo.right {
padding: 0;
-webkit-transform: none;
- transform: none;
+ transform: none;
}
nav .brand-logo.left {
left: 0.5rem;
@@ -4354,8 +4368,7 @@ nav .brand-logo.right {
}
nav .brand-logo i,
-nav .brand-logo [class^="mdi-"],
-nav .brand-logo [class*="mdi-"],
+nav .brand-logo [class^="mdi-"], nav .brand-logo [class*="mdi-"],
nav .brand-logo i.material-icons {
float: left;
margin-right: 15px;
@@ -4372,8 +4385,8 @@ nav ul {
}
nav ul li {
- -webkit-transition: background-color 0.3s;
- transition: background-color 0.3s;
+ -webkit-transition: background-color .3s;
+ transition: background-color .3s;
float: left;
padding: 0;
}
@@ -4383,8 +4396,8 @@ nav ul li.active {
}
nav ul a {
- -webkit-transition: background-color 0.3s;
- transition: background-color 0.3s;
+ -webkit-transition: background-color .3s;
+ transition: background-color .3s;
font-size: 1rem;
color: #fff;
display: block;
@@ -4392,21 +4405,13 @@ nav ul a {
cursor: pointer;
}
-nav ul a.btn,
-nav ul a.btn-large,
-nav ul a.btn-large,
-nav ul a.btn-flat,
-nav ul a.btn-floating {
+nav ul a.btn, nav ul a.btn-large, nav ul a.btn-small, nav ul a.btn-large, nav ul a.btn-flat, nav ul a.btn-floating {
margin-top: -2px;
margin-left: 15px;
margin-right: 15px;
}
-nav ul a.btn > .material-icons,
-nav ul a.btn-large > .material-icons,
-nav ul a.btn-large > .material-icons,
-nav ul a.btn-flat > .material-icons,
-nav ul a.btn-floating > .material-icons {
+nav ul a.btn > .material-icons, nav ul a.btn-large > .material-icons, nav ul a.btn-small > .material-icons, nav ul a.btn-large > .material-icons, nav ul a.btn-flat > .material-icons, nav ul a.btn-floating > .material-icons {
height: inherit;
line-height: inherit;
}
@@ -4435,15 +4440,10 @@ nav .input-field input {
padding-left: 2rem;
}
-nav .input-field input:focus,
-nav .input-field input[type="text"]:valid,
-nav .input-field input[type="password"]:valid,
-nav .input-field input[type="email"]:valid,
-nav .input-field input[type="url"]:valid,
-nav .input-field input[type="date"]:valid {
+nav .input-field input:focus, nav .input-field input[type=text]:valid, nav .input-field input[type=password]:valid, nav .input-field input[type=email]:valid, nav .input-field input[type=url]:valid, nav .input-field input[type=date]:valid {
border: none;
-webkit-box-shadow: none;
- box-shadow: none;
+ box-shadow: none;
}
nav .input-field label {
@@ -4453,8 +4453,8 @@ nav .input-field label {
nav .input-field label i {
color: rgba(255, 255, 255, 0.7);
- -webkit-transition: color 0.3s;
- transition: color 0.3s;
+ -webkit-transition: color .3s;
+ transition: color .3s;
}
nav .input-field label.active i {
@@ -4475,10 +4475,7 @@ nav .input-field label.active i {
nav.nav-extended .nav-wrapper {
min-height: 64px;
}
- nav,
- nav .nav-wrapper i,
- nav a.button-collapse,
- nav a.button-collapse i {
+ nav, nav .nav-wrapper i, nav a.sidenav-trigger, nav a.sidenav-trigger i {
height: 64px;
line-height: 64px;
}
@@ -4487,53 +4484,13 @@ nav .input-field label.active i {
}
}
-@font-face {
- font-family: "Roboto";
- src: local(Roboto Thin),
- url("../fonts/roboto/Roboto-Thin.woff2") format("woff2"),
- url("../fonts/roboto/Roboto-Thin.woff") format("woff");
- font-weight: 100;
-}
-
-@font-face {
- font-family: "Roboto";
- src: local(Roboto Light),
- url("../fonts/roboto/Roboto-Light.woff2") format("woff2"),
- url("../fonts/roboto/Roboto-Light.woff") format("woff");
- font-weight: 300;
-}
-
-@font-face {
- font-family: "Roboto";
- src: local(Roboto Regular),
- url("../fonts/roboto/Roboto-Regular.woff2") format("woff2"),
- url("../fonts/roboto/Roboto-Regular.woff") format("woff");
- font-weight: 400;
-}
-
-@font-face {
- font-family: "Roboto";
- src: local(Roboto Medium),
- url("../fonts/roboto/Roboto-Medium.woff2") format("woff2"),
- url("../fonts/roboto/Roboto-Medium.woff") format("woff");
- font-weight: 500;
-}
-
-@font-face {
- font-family: "Roboto";
- src: local(Roboto Bold),
- url("../fonts/roboto/Roboto-Bold.woff2") format("woff2"),
- url("../fonts/roboto/Roboto-Bold.woff") format("woff");
- font-weight: 700;
-}
-
a {
text-decoration: none;
}
html {
line-height: 1.5;
- font-family: "Roboto", sans-serif;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-weight: normal;
color: rgba(0, 0, 0, 0.87);
}
@@ -4556,59 +4513,49 @@ html {
}
}
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
+h1, h2, h3, h4, h5, h6 {
font-weight: 400;
- line-height: 1.1;
+ line-height: 1.3;
}
-h1 a,
-h2 a,
-h3 a,
-h4 a,
-h5 a,
-h6 a {
+h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
font-weight: inherit;
}
h1 {
font-size: 4.2rem;
line-height: 110%;
- margin: 2.1rem 0 1.68rem 0;
+ margin: 2.8rem 0 1.68rem 0;
}
h2 {
font-size: 3.56rem;
line-height: 110%;
- margin: 1.78rem 0 1.424rem 0;
+ margin: 2.3733333333rem 0 1.424rem 0;
}
h3 {
font-size: 2.92rem;
line-height: 110%;
- margin: 1.46rem 0 1.168rem 0;
+ margin: 1.9466666667rem 0 1.168rem 0;
}
h4 {
font-size: 2.28rem;
line-height: 110%;
- margin: 1.14rem 0 0.912rem 0;
+ margin: 1.52rem 0 0.912rem 0;
}
h5 {
font-size: 1.64rem;
line-height: 110%;
- margin: 0.82rem 0 0.656rem 0;
+ margin: 1.0933333333rem 0 0.656rem 0;
}
h6 {
- font-size: 1rem;
+ font-size: 1.15rem;
line-height: 110%;
- margin: 0.5rem 0 0.4rem 0;
+ margin: 0.7666666667rem 0 0.46rem 0;
}
em {
@@ -4623,8 +4570,7 @@ small {
font-size: 75%;
}
-.light,
-.page-footer .footer-copyright {
+.light {
font-weight: 300;
}
@@ -4632,10 +4578,6 @@ small {
font-weight: 200;
}
-.flow-text {
- font-weight: 300;
-}
-
@media only screen and (min-width: 360px) {
.flow-text {
font-size: 1.2rem;
@@ -4769,33 +4711,31 @@ small {
}
.scale-transition {
- -webkit-transition: -webkit-transform 0.3s
- cubic-bezier(0.53, 0.01, 0.36, 1.63) !important;
+ -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important;
transition: -webkit-transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important;
transition: transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important;
- transition: transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63),
- -webkit-transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important;
+ transition: transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63), -webkit-transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important;
}
.scale-transition.scale-out {
-webkit-transform: scale(0);
- transform: scale(0);
- -webkit-transition: -webkit-transform 0.2s !important;
- transition: -webkit-transform 0.2s !important;
- transition: transform 0.2s !important;
- transition: transform 0.2s, -webkit-transform 0.2s !important;
+ transform: scale(0);
+ -webkit-transition: -webkit-transform .2s !important;
+ transition: -webkit-transform .2s !important;
+ transition: transform .2s !important;
+ transition: transform .2s, -webkit-transform .2s !important;
}
.scale-transition.scale-in {
-webkit-transform: scale(1);
- transform: scale(1);
+ transform: scale(1);
}
.card-panel {
- -webkit-transition: -webkit-box-shadow 0.25s;
- transition: -webkit-box-shadow 0.25s;
- transition: box-shadow 0.25s;
- transition: box-shadow 0.25s, -webkit-box-shadow 0.25s;
+ -webkit-transition: -webkit-box-shadow .25s;
+ transition: -webkit-box-shadow .25s;
+ transition: box-shadow .25s;
+ transition: box-shadow .25s, -webkit-box-shadow .25s;
padding: 24px;
margin: 0.5rem 0 1rem 0;
border-radius: 2px;
@@ -4806,10 +4746,10 @@ small {
position: relative;
margin: 0.5rem 0 1rem 0;
background-color: #fff;
- -webkit-transition: -webkit-box-shadow 0.25s;
- transition: -webkit-box-shadow 0.25s;
- transition: box-shadow 0.25s;
- transition: box-shadow 0.25s, -webkit-box-shadow 0.25s;
+ -webkit-transition: -webkit-box-shadow .25s;
+ transition: -webkit-box-shadow .25s;
+ transition: box-shadow .25s;
+ transition: box-shadow .25s, -webkit-box-shadow .25s;
border-radius: 2px;
}
@@ -4822,35 +4762,25 @@ small {
cursor: pointer;
}
-.card.small,
-.card.medium,
-.card.large {
+.card.small, .card.medium, .card.large {
position: relative;
}
-.card.small .card-image,
-.card.medium .card-image,
-.card.large .card-image {
+.card.small .card-image, .card.medium .card-image, .card.large .card-image {
max-height: 60%;
overflow: hidden;
}
-.card.small .card-image + .card-content,
-.card.medium .card-image + .card-content,
-.card.large .card-image + .card-content {
+.card.small .card-image + .card-content, .card.medium .card-image + .card-content, .card.large .card-image + .card-content {
max-height: 40%;
}
-.card.small .card-content,
-.card.medium .card-content,
-.card.large .card-content {
+.card.small .card-content, .card.medium .card-content, .card.large .card-content {
max-height: 100%;
overflow: hidden;
}
-.card.small .card-action,
-.card.medium .card-action,
-.card.large .card-action {
+.card.small .card-action, .card.medium .card-action, .card.large .card-action {
position: absolute;
bottom: 0;
left: 0;
@@ -4876,17 +4806,13 @@ small {
display: flex;
}
-.card.horizontal.small .card-image,
-.card.horizontal.medium .card-image,
-.card.horizontal.large .card-image {
+.card.horizontal.small .card-image, .card.horizontal.medium .card-image, .card.horizontal.large .card-image {
height: 100%;
max-height: none;
overflow: visible;
}
-.card.horizontal.small .card-image img,
-.card.horizontal.medium .card-image img,
-.card.horizontal.large .card-image img {
+.card.horizontal.small .card-image img, .card.horizontal.medium .card-image img, .card.horizontal.large .card-image img {
height: 100%;
}
@@ -4908,20 +4834,20 @@ small {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
- -ms-flex-direction: column;
- flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
-webkit-box-flex: 1;
-webkit-flex: 1;
- -ms-flex: 1;
- flex: 1;
+ -ms-flex: 1;
+ flex: 1;
position: relative;
}
.card.horizontal .card-stacked .card-content {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
- -ms-flex-positive: 1;
- flex-grow: 1;
+ -ms-flex-positive: 1;
+ flex-grow: 1;
}
.card.sticky-action .card-action {
@@ -4964,7 +4890,6 @@ small {
.card .card-content p {
margin: 0;
- color: inherit;
}
.card .card-content .card-title {
@@ -4978,9 +4903,9 @@ small {
}
.card .card-action {
- position: relative;
background-color: inherit;
border-top: 1px solid rgba(160, 160, 160, 0.2);
+ position: relative;
padding: 16px 24px;
}
@@ -4988,19 +4913,15 @@ small {
border-radius: 0 0 2px 2px;
}
-.card
- .card-action
- a:not(.btn):not(.btn-large):not(.btn-large):not(.btn-floating) {
+.card .card-action a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-floating) {
color: #ffab40;
margin-right: 24px;
- -webkit-transition: color 0.3s ease;
- transition: color 0.3s ease;
+ -webkit-transition: color .3s ease;
+ transition: color .3s ease;
text-transform: uppercase;
}
-.card
- .card-action
- a:not(.btn):not(.btn-large):not(.btn-large):not(.btn-floating):hover {
+.card .card-action a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-floating):hover {
color: #ffd8a6;
}
@@ -5061,7 +4982,6 @@ small {
height: auto;
min-height: 48px;
line-height: 1.5em;
- word-break: break-all;
background-color: #323232;
padding: 10px 25px;
font-size: 1.1rem;
@@ -5073,12 +4993,12 @@ small {
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
- -ms-flex-align: center;
- align-items: center;
+ -ms-flex-align: center;
+ align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
- -ms-flex-pack: justify;
- justify-content: space-between;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
cursor: default;
}
@@ -5100,7 +5020,7 @@ small {
}
}
-.custom-tabs {
+.tabs {
position: relative;
overflow-x: auto;
overflow-y: hidden;
@@ -5111,40 +5031,40 @@ small {
white-space: nowrap;
}
-.custom-tabs.tabs-transparent {
+.tabs.tabs-transparent {
background-color: transparent;
}
-.custom-tabs.tabs-transparent .custom-tab a,
-.custom-tabs.tabs-transparent .custom-tab.disabled a,
-.custom-tabs.tabs-transparent .custom-tab.disabled a:hover {
+.tabs.tabs-transparent .tab a,
+.tabs.tabs-transparent .tab.disabled a,
+.tabs.tabs-transparent .tab.disabled a:hover {
color: rgba(255, 255, 255, 0.7);
}
-.custom-tabs.tabs-transparent .custom-tab a:hover,
-.custom-tabs.tabs-transparent .custom-tab a.active {
+.tabs.tabs-transparent .tab a:hover,
+.tabs.tabs-transparent .tab a.active {
color: #fff;
}
-.custom-tabs.tabs-transparent .indicator {
+.tabs.tabs-transparent .indicator {
background-color: #fff;
}
-.custom-tabs.tabs-fixed-width {
+.tabs.tabs-fixed-width {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
-.custom-tabs.tabs-fixed-width .tab {
+.tabs.tabs-fixed-width .tab {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
- -ms-flex-positive: 1;
- flex-grow: 1;
+ -ms-flex-positive: 1;
+ flex-grow: 1;
}
-.custom-tabs .custom-tab {
+.tabs .tab {
display: inline-block;
text-align: center;
line-height: 48px;
@@ -5154,7 +5074,7 @@ small {
text-transform: uppercase;
}
-.custom-tabs .custom-tab a {
+.tabs .tab a {
color: rgba(238, 110, 115, 0.7);
display: block;
width: 100%;
@@ -5163,24 +5083,27 @@ small {
font-size: 14px;
text-overflow: ellipsis;
overflow: hidden;
- -webkit-transition: color 0.28s ease;
- transition: color 0.28s ease;
+ -webkit-transition: color .28s ease, background-color .28s ease;
+ transition: color .28s ease, background-color .28s ease;
}
-.custom-tabs .custom-tab a:hover,
-.custom-tabs .custom-tab a.active {
- background-color: rgba(0, 0, 0, 0.5);
+.tabs .tab a:focus, .tabs .tab a:focus.active {
+ background-color: rgba(246, 178, 181, 0.2);
+ outline: none;
+}
+
+.tabs .tab a:hover, .tabs .tab a.active {
+ background-color: transparent;
color: #ee6e73;
- cursor: pointer;
}
-.custom-tabs .custom-tab.disabled a,
-.custom-tabs .custom-tab.disabled a:hover {
- color: rgba(238, 110, 115, 0.7);
+.tabs .tab.disabled a,
+.tabs .tab.disabled a:hover {
+ color: rgba(238, 110, 115, 0.4);
cursor: default;
}
-.custom-tabs .indicator {
+.tabs .indicator {
position: absolute;
bottom: 0;
height: 2px;
@@ -5189,19 +5112,19 @@ small {
}
@media only screen and (max-width: 992px) {
- .custom-tabs {
+ .tabs {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
- .custom-tabs .custom-tab {
+ .tabs .tab {
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
- -ms-flex-positive: 1;
- flex-grow: 1;
+ -ms-flex-positive: 1;
+ flex-grow: 1;
}
- .custom-tabs .custom-tab a {
+ .tabs .tab a {
padding: 0 12px;
}
}
@@ -5224,6 +5147,7 @@ small {
top: 0;
pointer-events: none;
visibility: hidden;
+ background-color: #323232;
}
.backdrop {
@@ -5235,104 +5159,108 @@ small {
background-color: #323232;
z-index: -1;
-webkit-transform-origin: 50% 0%;
- transform-origin: 50% 0%;
+ transform-origin: 50% 0%;
visibility: hidden;
}
-.btn,
-.btn-large,
+.btn, .btn-large, .btn-small,
.btn-flat {
border: none;
border-radius: 2px;
display: inline-block;
height: 36px;
line-height: 36px;
- padding: 0 2rem;
+ padding: 0 16px;
text-transform: uppercase;
vertical-align: middle;
-webkit-tap-highlight-color: transparent;
}
-.btn.disabled,
-.disabled.btn-large,
+.btn.disabled, .disabled.btn-large, .disabled.btn-small,
.btn-floating.disabled,
.btn-large.disabled,
+.btn-small.disabled,
.btn-flat.disabled,
.btn:disabled,
.btn-large:disabled,
+.btn-small:disabled,
.btn-floating:disabled,
.btn-large:disabled,
+.btn-small:disabled,
.btn-flat:disabled,
.btn[disabled],
-[disabled].btn-large,
+.btn-large[disabled],
+.btn-small[disabled],
.btn-floating[disabled],
.btn-large[disabled],
+.btn-small[disabled],
.btn-flat[disabled] {
pointer-events: none;
- background-color: #dfdfdf !important;
+ background-color: #DFDFDF !important;
-webkit-box-shadow: none;
- box-shadow: none;
- color: #9f9f9f !important;
+ box-shadow: none;
+ color: #9F9F9F !important;
cursor: default;
}
-.btn.disabled:hover,
-.disabled.btn-large:hover,
+.btn.disabled:hover, .disabled.btn-large:hover, .disabled.btn-small:hover,
.btn-floating.disabled:hover,
.btn-large.disabled:hover,
+.btn-small.disabled:hover,
.btn-flat.disabled:hover,
.btn:disabled:hover,
.btn-large:disabled:hover,
+.btn-small:disabled:hover,
.btn-floating:disabled:hover,
.btn-large:disabled:hover,
+.btn-small:disabled:hover,
.btn-flat:disabled:hover,
.btn[disabled]:hover,
-[disabled].btn-large:hover,
+.btn-large[disabled]:hover,
+.btn-small[disabled]:hover,
.btn-floating[disabled]:hover,
.btn-large[disabled]:hover,
+.btn-small[disabled]:hover,
.btn-flat[disabled]:hover {
- background-color: #dfdfdf !important;
- color: #9f9f9f !important;
+ background-color: #DFDFDF !important;
+ color: #9F9F9F !important;
}
-.btn,
-.btn-large,
+.btn, .btn-large, .btn-small,
.btn-floating,
.btn-large,
+.btn-small,
.btn-flat {
- font-size: 1rem;
+ font-size: 14px;
outline: 0;
}
-.btn i,
-.btn-large i,
+.btn i, .btn-large i, .btn-small i,
.btn-floating i,
.btn-large i,
+.btn-small i,
.btn-flat i {
font-size: 1.3rem;
line-height: inherit;
}
-.btn:focus,
-.btn-large:focus,
+.btn:focus, .btn-large:focus, .btn-small:focus,
.btn-floating:focus {
background-color: #1d7d74;
}
-.btn,
-.btn-large {
+.btn, .btn-large, .btn-small {
text-decoration: none;
color: #fff;
background-color: #26a69a;
text-align: center;
- letter-spacing: 0.5px;
- -webkit-transition: 0.2s ease-out;
- transition: 0.2s ease-out;
+ letter-spacing: .5px;
+ -webkit-transition: background-color .2s ease-out;
+ transition: background-color .2s ease-out;
cursor: pointer;
}
-.btn:hover,
-.btn-large:hover {
+.btn:hover, .btn-large:hover, .btn-small:hover {
background-color: #2bbbad;
}
@@ -5348,8 +5276,8 @@ small {
padding: 0;
background-color: #26a69a;
border-radius: 50%;
- -webkit-transition: 0.3s;
- transition: 0.3s;
+ -webkit-transition: background-color .3s;
+ transition: background-color .3s;
cursor: pointer;
vertical-align: middle;
}
@@ -5365,6 +5293,7 @@ small {
.btn-floating.btn-large {
width: 56px;
height: 56px;
+ padding: 0;
}
.btn-floating.btn-large.halfway-fab {
@@ -5375,6 +5304,19 @@ small {
line-height: 56px;
}
+.btn-floating.btn-small {
+ width: 32.4px;
+ height: 32.4px;
+}
+
+.btn-floating.btn-small.halfway-fab {
+ bottom: -16.2px;
+}
+
+.btn-floating.btn-small i {
+ line-height: 32.4px;
+}
+
.btn-floating.halfway-fab {
position: absolute;
right: 24px;
@@ -5412,25 +5354,62 @@ button.btn-floating {
visibility: visible;
}
-.fixed-action-btn.horizontal {
+.fixed-action-btn.direction-left, .fixed-action-btn.direction-right {
padding: 0 0 0 15px;
}
-.fixed-action-btn.horizontal ul {
+.fixed-action-btn.direction-left ul, .fixed-action-btn.direction-right ul {
text-align: right;
right: 64px;
top: 50%;
-webkit-transform: translateY(-50%);
- transform: translateY(-50%);
+ transform: translateY(-50%);
height: 100%;
left: auto;
- width: 500px;
/*width 100% only goes to width of button container */
+ width: 500px;
}
-.fixed-action-btn.horizontal ul li {
+.fixed-action-btn.direction-left ul li, .fixed-action-btn.direction-right ul li {
display: inline-block;
- margin: 15px 15px 0 0;
+ margin: 7.5px 15px 0 0;
+}
+
+.fixed-action-btn.direction-right {
+ padding: 0 15px 0 0;
+}
+
+.fixed-action-btn.direction-right ul {
+ text-align: left;
+ direction: rtl;
+ left: 64px;
+ right: auto;
+}
+
+.fixed-action-btn.direction-right ul li {
+ margin: 7.5px 0 0 15px;
+}
+
+.fixed-action-btn.direction-bottom {
+ padding: 0 0 15px 0;
+}
+
+.fixed-action-btn.direction-bottom ul {
+ top: 64px;
+ bottom: auto;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: reverse;
+ -webkit-flex-direction: column-reverse;
+ -ms-flex-direction: column-reverse;
+ flex-direction: column-reverse;
+}
+
+.fixed-action-btn.direction-bottom ul li {
+ margin: 15px 0 0 0;
}
.fixed-action-btn.toolbar {
@@ -5455,8 +5434,8 @@ button.btn-floating {
.fixed-action-btn.toolbar ul li {
-webkit-box-flex: 1;
-webkit-flex: 1;
- -ms-flex: 1;
- flex: 1;
+ -ms-flex: 1;
+ flex: 1;
display: inline-block;
margin: 0;
height: 100%;
@@ -5472,7 +5451,7 @@ button.btn-floating {
height: 100%;
background-color: transparent;
-webkit-box-shadow: none;
- box-shadow: none;
+ box-shadow: none;
color: #fff;
line-height: 56px;
z-index: 1;
@@ -5510,30 +5489,29 @@ button.btn-floating {
background-color: #26a69a;
border-radius: 50%;
-webkit-transform: scale(0);
- transform: scale(0);
+ transform: scale(0);
}
.btn-flat {
-webkit-box-shadow: none;
- box-shadow: none;
+ box-shadow: none;
background-color: transparent;
color: #343434;
cursor: pointer;
- -webkit-transition: background-color 0.2s;
- transition: background-color 0.2s;
+ -webkit-transition: background-color .2s;
+ transition: background-color .2s;
}
-.btn-flat:focus,
-.btn-flat:hover {
+.btn-flat:focus, .btn-flat:hover {
-webkit-box-shadow: none;
- box-shadow: none;
+ box-shadow: none;
}
.btn-flat:focus {
background-color: rgba(0, 0, 0, 0.1);
}
-.btn-flat.disabled {
+.btn-flat.disabled, .btn-flat.btn-flat[disabled] {
background-color: transparent !important;
color: #b3b2b2 !important;
cursor: default;
@@ -5542,12 +5520,24 @@ button.btn-floating {
.btn-large {
height: 54px;
line-height: 54px;
+ font-size: 15px;
+ padding: 0 28px;
}
.btn-large i {
font-size: 1.6rem;
}
+.btn-small {
+ height: 32.4px;
+ line-height: 32.4px;
+ font-size: 13px;
+}
+
+.btn-small i {
+ font-size: 1.2rem;
+}
+
.btn-block {
display: block;
}
@@ -5557,12 +5547,18 @@ button.btn-floating {
margin: 0;
display: none;
min-width: 100px;
- max-height: 650px;
overflow-y: auto;
opacity: 0;
position: absolute;
- z-index: 505;
- will-change: width, height;
+ left: 0;
+ top: 0;
+ z-index: 9999;
+ -webkit-transform-origin: 0 0;
+ transform-origin: 0 0;
+}
+
+.dropdown-content:focus {
+ outline: 0;
}
.dropdown-content li {
@@ -5573,17 +5569,14 @@ button.btn-floating {
line-height: 1.5rem;
width: 100%;
text-align: left;
- text-transform: none;
}
-.dropdown-content li:hover,
-.dropdown-content li.active,
-.dropdown-content li.selected {
+.dropdown-content li:hover, .dropdown-content li.active {
background-color: #eee;
}
-.dropdown-content li.active.selected {
- background-color: #e1e1e1;
+.dropdown-content li:focus {
+ outline: none;
}
.dropdown-content li.divider {
@@ -5591,8 +5584,7 @@ button.btn-floating {
height: 1px;
}
-.dropdown-content li > a,
-.dropdown-content li > span {
+.dropdown-content li > a, .dropdown-content li > span {
font-size: 16px;
color: #26a69a;
display: block;
@@ -5614,19 +5606,29 @@ button.btn-floating {
width: 24px;
}
+body.keyboard-focused .dropdown-content li:focus {
+ background-color: #dadada;
+}
+
.input-field.col .dropdown-content [type="checkbox"] + label {
top: 1px;
left: 0;
height: 18px;
+ -webkit-transform: none;
+ transform: none;
}
-/*!
- * Waves v0.6.0
- * http://fian.my.id/Waves
- *
- * Copyright 2014 Alfiana E. Sibuea and other contributors
- * Released under the MIT license
- * https://github.com/fians/Waves/blob/master/LICENSE
+.dropdown-trigger {
+ cursor: pointer;
+}
+
+/*!
+ * Waves v0.6.0
+ * http://fian.my.id/Waves
+ *
+ * Copyright 2014 Alfiana E. Sibuea and other contributors
+ * Released under the MIT license
+ * https://github.com/fians/Waves/blob/master/LICENSE
*/
.waves-effect {
position: relative;
@@ -5634,14 +5636,14 @@ button.btn-floating {
display: inline-block;
overflow: hidden;
-webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
-webkit-tap-highlight-color: transparent;
vertical-align: middle;
z-index: 1;
- -webkit-transition: 0.3s ease-out;
- transition: 0.3s ease-out;
+ -webkit-transition: .3s ease-out;
+ transition: .3s ease-out;
}
.waves-effect .waves-ripple {
@@ -5660,7 +5662,7 @@ button.btn-floating {
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-transform: scale(0);
- transform: scale(0);
+ transform: scale(0);
pointer-events: none;
}
@@ -5692,9 +5694,7 @@ button.btn-floating {
background-color: rgba(0, 150, 136, 0.7);
}
-.waves-effect input[type="button"],
-.waves-effect input[type="reset"],
-.waves-effect input[type="submit"] {
+.waves-effect input[type="button"], .waves-effect input[type="reset"], .waves-effect input[type="submit"] {
border: 0;
font-style: normal;
font-size: inherit;
@@ -5714,7 +5714,7 @@ button.btn-floating {
.waves-circle {
-webkit-transform: translateZ(0);
- transform: translateZ(0);
+ transform: translateZ(0);
-webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);
}
@@ -5763,16 +5763,17 @@ button.btn-floating {
will-change: top, opacity;
}
+.modal:focus {
+ outline: none;
+}
+
@media only screen and (max-width: 992px) {
.modal {
width: 80%;
}
}
-.modal h1,
-.modal h2,
-.modal h3,
-.modal h4 {
+.modal h1, .modal h2, .modal h3, .modal h4 {
margin-top: 0;
}
@@ -5793,15 +5794,13 @@ button.btn-floating {
text-align: right;
}
-.modal .modal-footer .btn,
-.modal .modal-footer .btn-large,
-.modal .modal-footer .btn-flat {
+.modal .modal-footer .btn, .modal .modal-footer .btn-large, .modal .modal-footer .btn-small, .modal .modal-footer .btn-flat {
margin: 6px 0;
}
.modal-overlay {
position: fixed;
- z-index: 506;
+ z-index: 999;
top: -25%;
left: 0;
bottom: 0;
@@ -5862,6 +5861,10 @@ button.btn-floating {
border-bottom: 1px solid #ddd;
}
+.collapsible-header:focus {
+ outline: 0;
+}
+
.collapsible-header i {
width: 2rem;
font-size: 1.6rem;
@@ -5870,28 +5873,32 @@ button.btn-floating {
margin-right: 1rem;
}
+.keyboard-focused .collapsible-header:focus {
+ background-color: #eee;
+}
+
.collapsible-body {
display: none;
border-bottom: 1px solid #ddd;
-webkit-box-sizing: border-box;
- box-sizing: border-box;
+ box-sizing: border-box;
padding: 2rem;
}
-.side-nav .collapsible,
-.side-nav.fixed .collapsible {
+.sidenav .collapsible,
+.sidenav.fixed .collapsible {
border: none;
-webkit-box-shadow: none;
- box-shadow: none;
+ box-shadow: none;
}
-.side-nav .collapsible li,
-.side-nav.fixed .collapsible li {
+.sidenav .collapsible li,
+.sidenav.fixed .collapsible li {
padding: 0;
}
-.side-nav .collapsible-header,
-.side-nav.fixed .collapsible-header {
+.sidenav .collapsible-header,
+.sidenav.fixed .collapsible-header {
background-color: transparent;
border: none;
line-height: inherit;
@@ -5899,46 +5906,44 @@ button.btn-floating {
padding: 0 16px;
}
-.side-nav .collapsible-header:hover,
-.side-nav.fixed .collapsible-header:hover {
+.sidenav .collapsible-header:hover,
+.sidenav.fixed .collapsible-header:hover {
background-color: rgba(0, 0, 0, 0.05);
}
-.side-nav .collapsible-header i,
-.side-nav.fixed .collapsible-header i {
+.sidenav .collapsible-header i,
+.sidenav.fixed .collapsible-header i {
line-height: inherit;
}
-.side-nav .collapsible-body,
-.side-nav.fixed .collapsible-body {
+.sidenav .collapsible-body,
+.sidenav.fixed .collapsible-body {
border: 0;
background-color: #fff;
}
-.side-nav .collapsible-body li a,
-.side-nav.fixed .collapsible-body li a {
+.sidenav .collapsible-body li a,
+.sidenav.fixed .collapsible-body li a {
padding: 0 23.5px 0 31px;
}
.collapsible.popout {
border: none;
-webkit-box-shadow: none;
- box-shadow: none;
+ box-shadow: none;
}
.collapsible.popout > li {
- -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16),
- 0 2px 10px 0 rgba(0, 0, 0, 0.12);
- box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
+ -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
+ box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
margin: 0 24px;
-webkit-transition: margin 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transition: margin 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.collapsible.popout > li.active {
- -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18),
- 0 4px 15px 0 rgba(0, 0, 0, 0.15);
- box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
+ -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
+ box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
margin: 16px 0;
}
@@ -5956,6 +5961,12 @@ button.btn-floating {
margin-right: 5px;
}
+.chip:focus {
+ outline: none;
+ background-color: #26a69a;
+ color: #fff;
+}
+
.chip > img {
float: left;
margin: 0 8px 0 -12px;
@@ -5976,35 +5987,30 @@ button.btn-floating {
border: none;
border-bottom: 1px solid #9e9e9e;
-webkit-box-shadow: none;
- box-shadow: none;
- margin: 0 0 20px 0;
+ box-shadow: none;
+ margin: 0 0 8px 0;
min-height: 45px;
outline: none;
- -webkit-transition: all 0.3s;
- transition: all 0.3s;
+ -webkit-transition: all .3s;
+ transition: all .3s;
}
.chips.focus {
border-bottom: 1px solid #26a69a;
-webkit-box-shadow: 0 1px 0 0 #26a69a;
- box-shadow: 0 1px 0 0 #26a69a;
+ box-shadow: 0 1px 0 0 #26a69a;
}
.chips:hover {
cursor: text;
}
-.chips .chip.selected {
- background-color: #26a69a;
- color: #fff;
-}
-
.chips .input {
background: none;
border: 0;
color: rgba(0, 0, 0, 0.6);
display: inline-block;
- font-size: 1rem;
+ font-size: 16px;
height: 3rem;
line-height: 32px;
outline: 0;
@@ -6016,7 +6022,7 @@ button.btn-floating {
.chips .input:focus {
border: 0 !important;
-webkit-box-shadow: none !important;
- box-shadow: none !important;
+ box-shadow: none !important;
}
.chips .autocomplete-content {
@@ -6033,7 +6039,7 @@ button.btn-floating {
.chips:empty ~ label {
font-size: 0.8rem;
-webkit-transform: translateY(-140%);
- transform: translateY(-140%);
+ transform: translateY(-140%);
}
.materialboxed {
@@ -6041,13 +6047,13 @@ button.btn-floating {
cursor: -webkit-zoom-in;
cursor: zoom-in;
position: relative;
- -webkit-transition: opacity 0.4s;
- transition: opacity 0.4s;
+ -webkit-transition: opacity .4s;
+ transition: opacity .4s;
-webkit-backface-visibility: hidden;
}
.materialboxed:hover:not(.active) {
- opacity: 0.8;
+ opacity: .8;
}
.materialboxed.active {
@@ -6107,23 +6113,26 @@ label {
:-ms-input-placeholder {
color: #d1d1d1;
}
+::-ms-input-placeholder {
+ color: #d1d1d1;
+}
::placeholder {
color: #d1d1d1;
}
/* Text inputs */
input:not([type]),
-input[type="text"]:not(.browser-default),
-input[type="password"]:not(.browser-default),
-input[type="email"]:not(.browser-default),
-input[type="url"]:not(.browser-default),
-input[type="time"]:not(.browser-default),
-input[type="date"]:not(.browser-default),
-input[type="datetime"]:not(.browser-default),
-input[type="datetime-local"]:not(.browser-default),
-input[type="tel"]:not(.browser-default),
-input[type="number"]:not(.browser-default),
-input[type="search"]:not(.browser-default),
+input[type=text]:not(.browser-default),
+input[type=password]:not(.browser-default),
+input[type=email]:not(.browser-default),
+input[type=url]:not(.browser-default),
+input[type=time]:not(.browser-default),
+input[type=date]:not(.browser-default),
+input[type=datetime]:not(.browser-default),
+input[type=datetime-local]:not(.browser-default),
+input[type=tel]:not(.browser-default),
+input[type=number]:not(.browser-default),
+input[type=search]:not(.browser-default),
textarea.materialize-textarea {
background-color: transparent;
border: none;
@@ -6132,41 +6141,42 @@ textarea.materialize-textarea {
outline: none;
height: 3rem;
width: 100%;
- font-size: 1rem;
- margin: 0 0 20px 0;
+ font-size: 16px;
+ margin: 0 0 8px 0;
padding: 0;
-webkit-box-shadow: none;
- box-shadow: none;
+ box-shadow: none;
-webkit-box-sizing: content-box;
- box-sizing: content-box;
- -webkit-transition: all 0.3s;
- transition: all 0.3s;
+ box-sizing: content-box;
+ -webkit-transition: border .3s, -webkit-box-shadow .3s;
+ transition: border .3s, -webkit-box-shadow .3s;
+ transition: box-shadow .3s, border .3s;
+ transition: box-shadow .3s, border .3s, -webkit-box-shadow .3s;
}
-input:not([type]):disabled,
-input:not([type])[readonly="readonly"],
-input[type="text"]:not(.browser-default):disabled,
-input[type="text"]:not(.browser-default)[readonly="readonly"],
-input[type="password"]:not(.browser-default):disabled,
-input[type="password"]:not(.browser-default)[readonly="readonly"],
-input[type="email"]:not(.browser-default):disabled,
-input[type="email"]:not(.browser-default)[readonly="readonly"],
-input[type="url"]:not(.browser-default):disabled,
-input[type="url"]:not(.browser-default)[readonly="readonly"],
-input[type="time"]:not(.browser-default):disabled,
-input[type="time"]:not(.browser-default)[readonly="readonly"],
-input[type="date"]:not(.browser-default):disabled,
-input[type="date"]:not(.browser-default)[readonly="readonly"],
-input[type="datetime"]:not(.browser-default):disabled,
-input[type="datetime"]:not(.browser-default)[readonly="readonly"],
-input[type="datetime-local"]:not(.browser-default):disabled,
-input[type="datetime-local"]:not(.browser-default)[readonly="readonly"],
-input[type="tel"]:not(.browser-default):disabled,
-input[type="tel"]:not(.browser-default)[readonly="readonly"],
-input[type="number"]:not(.browser-default):disabled,
-input[type="number"]:not(.browser-default)[readonly="readonly"],
-input[type="search"]:not(.browser-default):disabled,
-input[type="search"]:not(.browser-default)[readonly="readonly"],
+input:not([type]):disabled, input:not([type])[readonly="readonly"],
+input[type=text]:not(.browser-default):disabled,
+input[type=text]:not(.browser-default)[readonly="readonly"],
+input[type=password]:not(.browser-default):disabled,
+input[type=password]:not(.browser-default)[readonly="readonly"],
+input[type=email]:not(.browser-default):disabled,
+input[type=email]:not(.browser-default)[readonly="readonly"],
+input[type=url]:not(.browser-default):disabled,
+input[type=url]:not(.browser-default)[readonly="readonly"],
+input[type=time]:not(.browser-default):disabled,
+input[type=time]:not(.browser-default)[readonly="readonly"],
+input[type=date]:not(.browser-default):disabled,
+input[type=date]:not(.browser-default)[readonly="readonly"],
+input[type=datetime]:not(.browser-default):disabled,
+input[type=datetime]:not(.browser-default)[readonly="readonly"],
+input[type=datetime-local]:not(.browser-default):disabled,
+input[type=datetime-local]:not(.browser-default)[readonly="readonly"],
+input[type=tel]:not(.browser-default):disabled,
+input[type=tel]:not(.browser-default)[readonly="readonly"],
+input[type=number]:not(.browser-default):disabled,
+input[type=number]:not(.browser-default)[readonly="readonly"],
+input[type=search]:not(.browser-default):disabled,
+input[type=search]:not(.browser-default)[readonly="readonly"],
textarea.materialize-textarea:disabled,
textarea.materialize-textarea[readonly="readonly"] {
color: rgba(0, 0, 0, 0.42);
@@ -6175,302 +6185,325 @@ textarea.materialize-textarea[readonly="readonly"] {
input:not([type]):disabled + label,
input:not([type])[readonly="readonly"] + label,
-input[type="text"]:not(.browser-default):disabled + label,
-input[type="text"]:not(.browser-default)[readonly="readonly"] + label,
-input[type="password"]:not(.browser-default):disabled + label,
-input[type="password"]:not(.browser-default)[readonly="readonly"] + label,
-input[type="email"]:not(.browser-default):disabled + label,
-input[type="email"]:not(.browser-default)[readonly="readonly"] + label,
-input[type="url"]:not(.browser-default):disabled + label,
-input[type="url"]:not(.browser-default)[readonly="readonly"] + label,
-input[type="time"]:not(.browser-default):disabled + label,
-input[type="time"]:not(.browser-default)[readonly="readonly"] + label,
-input[type="date"]:not(.browser-default):disabled + label,
-input[type="date"]:not(.browser-default)[readonly="readonly"] + label,
-input[type="datetime"]:not(.browser-default):disabled + label,
-input[type="datetime"]:not(.browser-default)[readonly="readonly"] + label,
-input[type="datetime-local"]:not(.browser-default):disabled + label,
-input[type="datetime-local"]:not(.browser-default)[readonly="readonly"] + label,
-input[type="tel"]:not(.browser-default):disabled + label,
-input[type="tel"]:not(.browser-default)[readonly="readonly"] + label,
-input[type="number"]:not(.browser-default):disabled + label,
-input[type="number"]:not(.browser-default)[readonly="readonly"] + label,
-input[type="search"]:not(.browser-default):disabled + label,
-input[type="search"]:not(.browser-default)[readonly="readonly"] + label,
+input[type=text]:not(.browser-default):disabled + label,
+input[type=text]:not(.browser-default)[readonly="readonly"] + label,
+input[type=password]:not(.browser-default):disabled + label,
+input[type=password]:not(.browser-default)[readonly="readonly"] + label,
+input[type=email]:not(.browser-default):disabled + label,
+input[type=email]:not(.browser-default)[readonly="readonly"] + label,
+input[type=url]:not(.browser-default):disabled + label,
+input[type=url]:not(.browser-default)[readonly="readonly"] + label,
+input[type=time]:not(.browser-default):disabled + label,
+input[type=time]:not(.browser-default)[readonly="readonly"] + label,
+input[type=date]:not(.browser-default):disabled + label,
+input[type=date]:not(.browser-default)[readonly="readonly"] + label,
+input[type=datetime]:not(.browser-default):disabled + label,
+input[type=datetime]:not(.browser-default)[readonly="readonly"] + label,
+input[type=datetime-local]:not(.browser-default):disabled + label,
+input[type=datetime-local]:not(.browser-default)[readonly="readonly"] + label,
+input[type=tel]:not(.browser-default):disabled + label,
+input[type=tel]:not(.browser-default)[readonly="readonly"] + label,
+input[type=number]:not(.browser-default):disabled + label,
+input[type=number]:not(.browser-default)[readonly="readonly"] + label,
+input[type=search]:not(.browser-default):disabled + label,
+input[type=search]:not(.browser-default)[readonly="readonly"] + label,
textarea.materialize-textarea:disabled + label,
textarea.materialize-textarea[readonly="readonly"] + label {
color: rgba(0, 0, 0, 0.42);
}
input:not([type]):focus:not([readonly]),
-input[type="text"]:not(.browser-default):focus:not([readonly]),
-input[type="password"]:not(.browser-default):focus:not([readonly]),
-input[type="email"]:not(.browser-default):focus:not([readonly]),
-input[type="url"]:not(.browser-default):focus:not([readonly]),
-input[type="time"]:not(.browser-default):focus:not([readonly]),
-input[type="date"]:not(.browser-default):focus:not([readonly]),
-input[type="datetime"]:not(.browser-default):focus:not([readonly]),
-input[type="datetime-local"]:not(.browser-default):focus:not([readonly]),
-input[type="tel"]:not(.browser-default):focus:not([readonly]),
-input[type="number"]:not(.browser-default):focus:not([readonly]),
-input[type="search"]:not(.browser-default):focus:not([readonly]),
+input[type=text]:not(.browser-default):focus:not([readonly]),
+input[type=password]:not(.browser-default):focus:not([readonly]),
+input[type=email]:not(.browser-default):focus:not([readonly]),
+input[type=url]:not(.browser-default):focus:not([readonly]),
+input[type=time]:not(.browser-default):focus:not([readonly]),
+input[type=date]:not(.browser-default):focus:not([readonly]),
+input[type=datetime]:not(.browser-default):focus:not([readonly]),
+input[type=datetime-local]:not(.browser-default):focus:not([readonly]),
+input[type=tel]:not(.browser-default):focus:not([readonly]),
+input[type=number]:not(.browser-default):focus:not([readonly]),
+input[type=search]:not(.browser-default):focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
border-bottom: 1px solid #26a69a;
-webkit-box-shadow: 0 1px 0 0 #26a69a;
- box-shadow: 0 1px 0 0 #26a69a;
+ box-shadow: 0 1px 0 0 #26a69a;
}
input:not([type]):focus:not([readonly]) + label,
-input[type="text"]:not(.browser-default):focus:not([readonly]) + label,
-input[type="password"]:not(.browser-default):focus:not([readonly]) + label,
-input[type="email"]:not(.browser-default):focus:not([readonly]) + label,
-input[type="url"]:not(.browser-default):focus:not([readonly]) + label,
-input[type="time"]:not(.browser-default):focus:not([readonly]) + label,
-input[type="date"]:not(.browser-default):focus:not([readonly]) + label,
-input[type="datetime"]:not(.browser-default):focus:not([readonly]) + label,
-input[type="datetime-local"]:not(.browser-default):focus:not([readonly])
- + label,
-input[type="tel"]:not(.browser-default):focus:not([readonly]) + label,
-input[type="number"]:not(.browser-default):focus:not([readonly]) + label,
-input[type="search"]:not(.browser-default):focus:not([readonly]) + label,
+input[type=text]:not(.browser-default):focus:not([readonly]) + label,
+input[type=password]:not(.browser-default):focus:not([readonly]) + label,
+input[type=email]:not(.browser-default):focus:not([readonly]) + label,
+input[type=url]:not(.browser-default):focus:not([readonly]) + label,
+input[type=time]:not(.browser-default):focus:not([readonly]) + label,
+input[type=date]:not(.browser-default):focus:not([readonly]) + label,
+input[type=datetime]:not(.browser-default):focus:not([readonly]) + label,
+input[type=datetime-local]:not(.browser-default):focus:not([readonly]) + label,
+input[type=tel]:not(.browser-default):focus:not([readonly]) + label,
+input[type=number]:not(.browser-default):focus:not([readonly]) + label,
+input[type=search]:not(.browser-default):focus:not([readonly]) + label,
textarea.materialize-textarea:focus:not([readonly]) + label {
color: #26a69a;
}
+input:not([type]):focus.valid ~ label,
+input[type=text]:not(.browser-default):focus.valid ~ label,
+input[type=password]:not(.browser-default):focus.valid ~ label,
+input[type=email]:not(.browser-default):focus.valid ~ label,
+input[type=url]:not(.browser-default):focus.valid ~ label,
+input[type=time]:not(.browser-default):focus.valid ~ label,
+input[type=date]:not(.browser-default):focus.valid ~ label,
+input[type=datetime]:not(.browser-default):focus.valid ~ label,
+input[type=datetime-local]:not(.browser-default):focus.valid ~ label,
+input[type=tel]:not(.browser-default):focus.valid ~ label,
+input[type=number]:not(.browser-default):focus.valid ~ label,
+input[type=search]:not(.browser-default):focus.valid ~ label,
+textarea.materialize-textarea:focus.valid ~ label {
+ color: #4CAF50;
+}
+
+input:not([type]):focus.invalid ~ label,
+input[type=text]:not(.browser-default):focus.invalid ~ label,
+input[type=password]:not(.browser-default):focus.invalid ~ label,
+input[type=email]:not(.browser-default):focus.invalid ~ label,
+input[type=url]:not(.browser-default):focus.invalid ~ label,
+input[type=time]:not(.browser-default):focus.invalid ~ label,
+input[type=date]:not(.browser-default):focus.invalid ~ label,
+input[type=datetime]:not(.browser-default):focus.invalid ~ label,
+input[type=datetime-local]:not(.browser-default):focus.invalid ~ label,
+input[type=tel]:not(.browser-default):focus.invalid ~ label,
+input[type=number]:not(.browser-default):focus.invalid ~ label,
+input[type=search]:not(.browser-default):focus.invalid ~ label,
+textarea.materialize-textarea:focus.invalid ~ label {
+ color: #F44336;
+}
+
input:not([type]).validate + label,
-input[type="text"]:not(.browser-default).validate + label,
-input[type="password"]:not(.browser-default).validate + label,
-input[type="email"]:not(.browser-default).validate + label,
-input[type="url"]:not(.browser-default).validate + label,
-input[type="time"]:not(.browser-default).validate + label,
-input[type="date"]:not(.browser-default).validate + label,
-input[type="datetime"]:not(.browser-default).validate + label,
-input[type="datetime-local"]:not(.browser-default).validate + label,
-input[type="tel"]:not(.browser-default).validate + label,
-input[type="number"]:not(.browser-default).validate + label,
-input[type="search"]:not(.browser-default).validate + label,
+input[type=text]:not(.browser-default).validate + label,
+input[type=password]:not(.browser-default).validate + label,
+input[type=email]:not(.browser-default).validate + label,
+input[type=url]:not(.browser-default).validate + label,
+input[type=time]:not(.browser-default).validate + label,
+input[type=date]:not(.browser-default).validate + label,
+input[type=datetime]:not(.browser-default).validate + label,
+input[type=datetime-local]:not(.browser-default).validate + label,
+input[type=tel]:not(.browser-default).validate + label,
+input[type=number]:not(.browser-default).validate + label,
+input[type=search]:not(.browser-default).validate + label,
textarea.materialize-textarea.validate + label {
width: 100%;
}
-input:not([type]).invalid + label:after,
-input:not([type]).valid + label:after,
-input[type="text"]:not(.browser-default).invalid + label:after,
-input[type="text"]:not(.browser-default).valid + label:after,
-input[type="password"]:not(.browser-default).invalid + label:after,
-input[type="password"]:not(.browser-default).valid + label:after,
-input[type="email"]:not(.browser-default).invalid + label:after,
-input[type="email"]:not(.browser-default).valid + label:after,
-input[type="url"]:not(.browser-default).invalid + label:after,
-input[type="url"]:not(.browser-default).valid + label:after,
-input[type="time"]:not(.browser-default).invalid + label:after,
-input[type="time"]:not(.browser-default).valid + label:after,
-input[type="date"]:not(.browser-default).invalid + label:after,
-input[type="date"]:not(.browser-default).valid + label:after,
-input[type="datetime"]:not(.browser-default).invalid + label:after,
-input[type="datetime"]:not(.browser-default).valid + label:after,
-input[type="datetime-local"]:not(.browser-default).invalid + label:after,
-input[type="datetime-local"]:not(.browser-default).valid + label:after,
-input[type="tel"]:not(.browser-default).invalid + label:after,
-input[type="tel"]:not(.browser-default).valid + label:after,
-input[type="number"]:not(.browser-default).invalid + label:after,
-input[type="number"]:not(.browser-default).valid + label:after,
-input[type="search"]:not(.browser-default).invalid + label:after,
-input[type="search"]:not(.browser-default).valid + label:after,
-textarea.materialize-textarea.invalid + label:after,
-textarea.materialize-textarea.valid + label:after {
- display: none;
-}
-
-input:not([type]).invalid + label.active:after,
-input:not([type]).valid + label.active:after,
-input[type="text"]:not(.browser-default).invalid + label.active:after,
-input[type="text"]:not(.browser-default).valid + label.active:after,
-input[type="password"]:not(.browser-default).invalid + label.active:after,
-input[type="password"]:not(.browser-default).valid + label.active:after,
-input[type="email"]:not(.browser-default).invalid + label.active:after,
-input[type="email"]:not(.browser-default).valid + label.active:after,
-input[type="url"]:not(.browser-default).invalid + label.active:after,
-input[type="url"]:not(.browser-default).valid + label.active:after,
-input[type="time"]:not(.browser-default).invalid + label.active:after,
-input[type="time"]:not(.browser-default).valid + label.active:after,
-input[type="date"]:not(.browser-default).invalid + label.active:after,
-input[type="date"]:not(.browser-default).valid + label.active:after,
-input[type="datetime"]:not(.browser-default).invalid + label.active:after,
-input[type="datetime"]:not(.browser-default).valid + label.active:after,
-input[type="datetime-local"]:not(.browser-default).invalid + label.active:after,
-input[type="datetime-local"]:not(.browser-default).valid + label.active:after,
-input[type="tel"]:not(.browser-default).invalid + label.active:after,
-input[type="tel"]:not(.browser-default).valid + label.active:after,
-input[type="number"]:not(.browser-default).invalid + label.active:after,
-input[type="number"]:not(.browser-default).valid + label.active:after,
-input[type="search"]:not(.browser-default).invalid + label.active:after,
-input[type="search"]:not(.browser-default).valid + label.active:after,
-textarea.materialize-textarea.invalid + label.active:after,
-textarea.materialize-textarea.valid + label.active:after {
- display: block;
-}
-
/* Validation Sass Placeholders */
-input.valid:not([type]),
-input.valid:not([type]):focus,
-input[type="text"].valid:not(.browser-default),
-input[type="text"].valid:not(.browser-default):focus,
-input[type="password"].valid:not(.browser-default),
-input[type="password"].valid:not(.browser-default):focus,
-input[type="email"].valid:not(.browser-default),
-input[type="email"].valid:not(.browser-default):focus,
-input[type="url"].valid:not(.browser-default),
-input[type="url"].valid:not(.browser-default):focus,
-input[type="time"].valid:not(.browser-default),
-input[type="time"].valid:not(.browser-default):focus,
-input[type="date"].valid:not(.browser-default),
-input[type="date"].valid:not(.browser-default):focus,
-input[type="datetime"].valid:not(.browser-default),
-input[type="datetime"].valid:not(.browser-default):focus,
-input[type="datetime-local"].valid:not(.browser-default),
-input[type="datetime-local"].valid:not(.browser-default):focus,
-input[type="tel"].valid:not(.browser-default),
-input[type="tel"].valid:not(.browser-default):focus,
-input[type="number"].valid:not(.browser-default),
-input[type="number"].valid:not(.browser-default):focus,
-input[type="search"].valid:not(.browser-default),
-input[type="search"].valid:not(.browser-default):focus,
+input.valid:not([type]), input.valid:not([type]):focus,
+input.valid[type=text]:not(.browser-default),
+input.valid[type=text]:not(.browser-default):focus,
+input.valid[type=password]:not(.browser-default),
+input.valid[type=password]:not(.browser-default):focus,
+input.valid[type=email]:not(.browser-default),
+input.valid[type=email]:not(.browser-default):focus,
+input.valid[type=url]:not(.browser-default),
+input.valid[type=url]:not(.browser-default):focus,
+input.valid[type=time]:not(.browser-default),
+input.valid[type=time]:not(.browser-default):focus,
+input.valid[type=date]:not(.browser-default),
+input.valid[type=date]:not(.browser-default):focus,
+input.valid[type=datetime]:not(.browser-default),
+input.valid[type=datetime]:not(.browser-default):focus,
+input.valid[type=datetime-local]:not(.browser-default),
+input.valid[type=datetime-local]:not(.browser-default):focus,
+input.valid[type=tel]:not(.browser-default),
+input.valid[type=tel]:not(.browser-default):focus,
+input.valid[type=number]:not(.browser-default),
+input.valid[type=number]:not(.browser-default):focus,
+input.valid[type=search]:not(.browser-default),
+input.valid[type=search]:not(.browser-default):focus,
textarea.materialize-textarea.valid,
-textarea.materialize-textarea.valid:focus,
-.select-wrapper.valid > input.select-dropdown {
- border-bottom: 1px solid #4caf50;
- -webkit-box-shadow: 0 1px 0 0 #4caf50;
- box-shadow: 0 1px 0 0 #4caf50;
+textarea.materialize-textarea.valid:focus, .select-wrapper.valid > input.select-dropdown {
+ border-bottom: 1px solid #4CAF50;
+ -webkit-box-shadow: 0 1px 0 0 #4CAF50;
+ box-shadow: 0 1px 0 0 #4CAF50;
}
-input.invalid:not([type]),
-input.invalid:not([type]):focus,
-input[type="text"].invalid:not(.browser-default),
-input[type="text"].invalid:not(.browser-default):focus,
-input[type="password"].invalid:not(.browser-default),
-input[type="password"].invalid:not(.browser-default):focus,
-input[type="email"].invalid:not(.browser-default),
-input[type="email"].invalid:not(.browser-default):focus,
-input[type="url"].invalid:not(.browser-default),
-input[type="url"].invalid:not(.browser-default):focus,
-input[type="time"].invalid:not(.browser-default),
-input[type="time"].invalid:not(.browser-default):focus,
-input[type="date"].invalid:not(.browser-default),
-input[type="date"].invalid:not(.browser-default):focus,
-input[type="datetime"].invalid:not(.browser-default),
-input[type="datetime"].invalid:not(.browser-default):focus,
-input[type="datetime-local"].invalid:not(.browser-default),
-input[type="datetime-local"].invalid:not(.browser-default):focus,
-input[type="tel"].invalid:not(.browser-default),
-input[type="tel"].invalid:not(.browser-default):focus,
-input[type="number"].invalid:not(.browser-default),
-input[type="number"].invalid:not(.browser-default):focus,
-input[type="search"].invalid:not(.browser-default),
-input[type="search"].invalid:not(.browser-default):focus,
+input.invalid:not([type]), input.invalid:not([type]):focus,
+input.invalid[type=text]:not(.browser-default),
+input.invalid[type=text]:not(.browser-default):focus,
+input.invalid[type=password]:not(.browser-default),
+input.invalid[type=password]:not(.browser-default):focus,
+input.invalid[type=email]:not(.browser-default),
+input.invalid[type=email]:not(.browser-default):focus,
+input.invalid[type=url]:not(.browser-default),
+input.invalid[type=url]:not(.browser-default):focus,
+input.invalid[type=time]:not(.browser-default),
+input.invalid[type=time]:not(.browser-default):focus,
+input.invalid[type=date]:not(.browser-default),
+input.invalid[type=date]:not(.browser-default):focus,
+input.invalid[type=datetime]:not(.browser-default),
+input.invalid[type=datetime]:not(.browser-default):focus,
+input.invalid[type=datetime-local]:not(.browser-default),
+input.invalid[type=datetime-local]:not(.browser-default):focus,
+input.invalid[type=tel]:not(.browser-default),
+input.invalid[type=tel]:not(.browser-default):focus,
+input.invalid[type=number]:not(.browser-default),
+input.invalid[type=number]:not(.browser-default):focus,
+input.invalid[type=search]:not(.browser-default),
+input.invalid[type=search]:not(.browser-default):focus,
textarea.materialize-textarea.invalid,
-textarea.materialize-textarea.invalid:focus,
-.select-wrapper.invalid > input.select-dropdown {
- border-bottom: 1px solid #f44336;
- -webkit-box-shadow: 0 1px 0 0 #f44336;
- box-shadow: 0 1px 0 0 #f44336;
+textarea.materialize-textarea.invalid:focus, .select-wrapper.invalid > input.select-dropdown,
+.select-wrapper.invalid > input.select-dropdown:focus {
+ border-bottom: 1px solid #F44336;
+ -webkit-box-shadow: 0 1px 0 0 #F44336;
+ box-shadow: 0 1px 0 0 #F44336;
}
-input:not([type]).valid + label:after,
-input:not([type]):focus.valid + label:after,
-input[type="text"]:not(.browser-default).valid + label:after,
-input[type="text"]:not(.browser-default):focus.valid + label:after,
-input[type="password"]:not(.browser-default).valid + label:after,
-input[type="password"]:not(.browser-default):focus.valid + label:after,
-input[type="email"]:not(.browser-default).valid + label:after,
-input[type="email"]:not(.browser-default):focus.valid + label:after,
-input[type="url"]:not(.browser-default).valid + label:after,
-input[type="url"]:not(.browser-default):focus.valid + label:after,
-input[type="time"]:not(.browser-default).valid + label:after,
-input[type="time"]:not(.browser-default):focus.valid + label:after,
-input[type="date"]:not(.browser-default).valid + label:after,
-input[type="date"]:not(.browser-default):focus.valid + label:after,
-input[type="datetime"]:not(.browser-default).valid + label:after,
-input[type="datetime"]:not(.browser-default):focus.valid + label:after,
-input[type="datetime-local"]:not(.browser-default).valid + label:after,
-input[type="datetime-local"]:not(.browser-default):focus.valid + label:after,
-input[type="tel"]:not(.browser-default).valid + label:after,
-input[type="tel"]:not(.browser-default):focus.valid + label:after,
-input[type="number"]:not(.browser-default).valid + label:after,
-input[type="number"]:not(.browser-default):focus.valid + label:after,
-input[type="search"]:not(.browser-default).valid + label:after,
-input[type="search"]:not(.browser-default):focus.valid + label:after,
-textarea.materialize-textarea.valid + label:after,
-textarea.materialize-textarea:focus.valid + label:after,
-.select-wrapper.valid + label:after {
+input:not([type]).valid ~ .helper-text[data-success],
+input:not([type]):focus.valid ~ .helper-text[data-success],
+input:not([type]).invalid ~ .helper-text[data-error],
+input:not([type]):focus.invalid ~ .helper-text[data-error],
+input[type=text]:not(.browser-default).valid ~ .helper-text[data-success],
+input[type=text]:not(.browser-default):focus.valid ~ .helper-text[data-success],
+input[type=text]:not(.browser-default).invalid ~ .helper-text[data-error],
+input[type=text]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
+input[type=password]:not(.browser-default).valid ~ .helper-text[data-success],
+input[type=password]:not(.browser-default):focus.valid ~ .helper-text[data-success],
+input[type=password]:not(.browser-default).invalid ~ .helper-text[data-error],
+input[type=password]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
+input[type=email]:not(.browser-default).valid ~ .helper-text[data-success],
+input[type=email]:not(.browser-default):focus.valid ~ .helper-text[data-success],
+input[type=email]:not(.browser-default).invalid ~ .helper-text[data-error],
+input[type=email]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
+input[type=url]:not(.browser-default).valid ~ .helper-text[data-success],
+input[type=url]:not(.browser-default):focus.valid ~ .helper-text[data-success],
+input[type=url]:not(.browser-default).invalid ~ .helper-text[data-error],
+input[type=url]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
+input[type=time]:not(.browser-default).valid ~ .helper-text[data-success],
+input[type=time]:not(.browser-default):focus.valid ~ .helper-text[data-success],
+input[type=time]:not(.browser-default).invalid ~ .helper-text[data-error],
+input[type=time]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
+input[type=date]:not(.browser-default).valid ~ .helper-text[data-success],
+input[type=date]:not(.browser-default):focus.valid ~ .helper-text[data-success],
+input[type=date]:not(.browser-default).invalid ~ .helper-text[data-error],
+input[type=date]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
+input[type=datetime]:not(.browser-default).valid ~ .helper-text[data-success],
+input[type=datetime]:not(.browser-default):focus.valid ~ .helper-text[data-success],
+input[type=datetime]:not(.browser-default).invalid ~ .helper-text[data-error],
+input[type=datetime]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
+input[type=datetime-local]:not(.browser-default).valid ~ .helper-text[data-success],
+input[type=datetime-local]:not(.browser-default):focus.valid ~ .helper-text[data-success],
+input[type=datetime-local]:not(.browser-default).invalid ~ .helper-text[data-error],
+input[type=datetime-local]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
+input[type=tel]:not(.browser-default).valid ~ .helper-text[data-success],
+input[type=tel]:not(.browser-default):focus.valid ~ .helper-text[data-success],
+input[type=tel]:not(.browser-default).invalid ~ .helper-text[data-error],
+input[type=tel]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
+input[type=number]:not(.browser-default).valid ~ .helper-text[data-success],
+input[type=number]:not(.browser-default):focus.valid ~ .helper-text[data-success],
+input[type=number]:not(.browser-default).invalid ~ .helper-text[data-error],
+input[type=number]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
+input[type=search]:not(.browser-default).valid ~ .helper-text[data-success],
+input[type=search]:not(.browser-default):focus.valid ~ .helper-text[data-success],
+input[type=search]:not(.browser-default).invalid ~ .helper-text[data-error],
+input[type=search]:not(.browser-default):focus.invalid ~ .helper-text[data-error],
+textarea.materialize-textarea.valid ~ .helper-text[data-success],
+textarea.materialize-textarea:focus.valid ~ .helper-text[data-success],
+textarea.materialize-textarea.invalid ~ .helper-text[data-error],
+textarea.materialize-textarea:focus.invalid ~ .helper-text[data-error], .select-wrapper.valid .helper-text[data-success],
+.select-wrapper.invalid ~ .helper-text[data-error] {
+ color: transparent;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ pointer-events: none;
+}
+
+input:not([type]).valid ~ .helper-text:after,
+input:not([type]):focus.valid ~ .helper-text:after,
+input[type=text]:not(.browser-default).valid ~ .helper-text:after,
+input[type=text]:not(.browser-default):focus.valid ~ .helper-text:after,
+input[type=password]:not(.browser-default).valid ~ .helper-text:after,
+input[type=password]:not(.browser-default):focus.valid ~ .helper-text:after,
+input[type=email]:not(.browser-default).valid ~ .helper-text:after,
+input[type=email]:not(.browser-default):focus.valid ~ .helper-text:after,
+input[type=url]:not(.browser-default).valid ~ .helper-text:after,
+input[type=url]:not(.browser-default):focus.valid ~ .helper-text:after,
+input[type=time]:not(.browser-default).valid ~ .helper-text:after,
+input[type=time]:not(.browser-default):focus.valid ~ .helper-text:after,
+input[type=date]:not(.browser-default).valid ~ .helper-text:after,
+input[type=date]:not(.browser-default):focus.valid ~ .helper-text:after,
+input[type=datetime]:not(.browser-default).valid ~ .helper-text:after,
+input[type=datetime]:not(.browser-default):focus.valid ~ .helper-text:after,
+input[type=datetime-local]:not(.browser-default).valid ~ .helper-text:after,
+input[type=datetime-local]:not(.browser-default):focus.valid ~ .helper-text:after,
+input[type=tel]:not(.browser-default).valid ~ .helper-text:after,
+input[type=tel]:not(.browser-default):focus.valid ~ .helper-text:after,
+input[type=number]:not(.browser-default).valid ~ .helper-text:after,
+input[type=number]:not(.browser-default):focus.valid ~ .helper-text:after,
+input[type=search]:not(.browser-default).valid ~ .helper-text:after,
+input[type=search]:not(.browser-default):focus.valid ~ .helper-text:after,
+textarea.materialize-textarea.valid ~ .helper-text:after,
+textarea.materialize-textarea:focus.valid ~ .helper-text:after, .select-wrapper.valid ~ .helper-text:after {
content: attr(data-success);
- color: #4caf50;
- opacity: 1;
- -webkit-transform: translateY(9px);
- transform: translateY(9px);
+ color: #4CAF50;
}
-input:not([type]).invalid + label:after,
-input:not([type]):focus.invalid + label:after,
-input[type="text"]:not(.browser-default).invalid + label:after,
-input[type="text"]:not(.browser-default):focus.invalid + label:after,
-input[type="password"]:not(.browser-default).invalid + label:after,
-input[type="password"]:not(.browser-default):focus.invalid + label:after,
-input[type="email"]:not(.browser-default).invalid + label:after,
-input[type="email"]:not(.browser-default):focus.invalid + label:after,
-input[type="url"]:not(.browser-default).invalid + label:after,
-input[type="url"]:not(.browser-default):focus.invalid + label:after,
-input[type="time"]:not(.browser-default).invalid + label:after,
-input[type="time"]:not(.browser-default):focus.invalid + label:after,
-input[type="date"]:not(.browser-default).invalid + label:after,
-input[type="date"]:not(.browser-default):focus.invalid + label:after,
-input[type="datetime"]:not(.browser-default).invalid + label:after,
-input[type="datetime"]:not(.browser-default):focus.invalid + label:after,
-input[type="datetime-local"]:not(.browser-default).invalid + label:after,
-input[type="datetime-local"]:not(.browser-default):focus.invalid + label:after,
-input[type="tel"]:not(.browser-default).invalid + label:after,
-input[type="tel"]:not(.browser-default):focus.invalid + label:after,
-input[type="number"]:not(.browser-default).invalid + label:after,
-input[type="number"]:not(.browser-default):focus.invalid + label:after,
-input[type="search"]:not(.browser-default).invalid + label:after,
-input[type="search"]:not(.browser-default):focus.invalid + label:after,
-textarea.materialize-textarea.invalid + label:after,
-textarea.materialize-textarea:focus.invalid + label:after,
-.select-wrapper.invalid + label:after {
+input:not([type]).invalid ~ .helper-text:after,
+input:not([type]):focus.invalid ~ .helper-text:after,
+input[type=text]:not(.browser-default).invalid ~ .helper-text:after,
+input[type=text]:not(.browser-default):focus.invalid ~ .helper-text:after,
+input[type=password]:not(.browser-default).invalid ~ .helper-text:after,
+input[type=password]:not(.browser-default):focus.invalid ~ .helper-text:after,
+input[type=email]:not(.browser-default).invalid ~ .helper-text:after,
+input[type=email]:not(.browser-default):focus.invalid ~ .helper-text:after,
+input[type=url]:not(.browser-default).invalid ~ .helper-text:after,
+input[type=url]:not(.browser-default):focus.invalid ~ .helper-text:after,
+input[type=time]:not(.browser-default).invalid ~ .helper-text:after,
+input[type=time]:not(.browser-default):focus.invalid ~ .helper-text:after,
+input[type=date]:not(.browser-default).invalid ~ .helper-text:after,
+input[type=date]:not(.browser-default):focus.invalid ~ .helper-text:after,
+input[type=datetime]:not(.browser-default).invalid ~ .helper-text:after,
+input[type=datetime]:not(.browser-default):focus.invalid ~ .helper-text:after,
+input[type=datetime-local]:not(.browser-default).invalid ~ .helper-text:after,
+input[type=datetime-local]:not(.browser-default):focus.invalid ~ .helper-text:after,
+input[type=tel]:not(.browser-default).invalid ~ .helper-text:after,
+input[type=tel]:not(.browser-default):focus.invalid ~ .helper-text:after,
+input[type=number]:not(.browser-default).invalid ~ .helper-text:after,
+input[type=number]:not(.browser-default):focus.invalid ~ .helper-text:after,
+input[type=search]:not(.browser-default).invalid ~ .helper-text:after,
+input[type=search]:not(.browser-default):focus.invalid ~ .helper-text:after,
+textarea.materialize-textarea.invalid ~ .helper-text:after,
+textarea.materialize-textarea:focus.invalid ~ .helper-text:after, .select-wrapper.invalid ~ .helper-text:after {
content: attr(data-error);
- color: #f44336;
- opacity: 1;
- -webkit-transform: translateY(9px);
- transform: translateY(9px);
+ color: #F44336;
}
input:not([type]) + label:after,
-input[type="text"]:not(.browser-default) + label:after,
-input[type="password"]:not(.browser-default) + label:after,
-input[type="email"]:not(.browser-default) + label:after,
-input[type="url"]:not(.browser-default) + label:after,
-input[type="time"]:not(.browser-default) + label:after,
-input[type="date"]:not(.browser-default) + label:after,
-input[type="datetime"]:not(.browser-default) + label:after,
-input[type="datetime-local"]:not(.browser-default) + label:after,
-input[type="tel"]:not(.browser-default) + label:after,
-input[type="number"]:not(.browser-default) + label:after,
-input[type="search"]:not(.browser-default) + label:after,
-textarea.materialize-textarea + label:after,
-.select-wrapper + label:after {
+input[type=text]:not(.browser-default) + label:after,
+input[type=password]:not(.browser-default) + label:after,
+input[type=email]:not(.browser-default) + label:after,
+input[type=url]:not(.browser-default) + label:after,
+input[type=time]:not(.browser-default) + label:after,
+input[type=date]:not(.browser-default) + label:after,
+input[type=datetime]:not(.browser-default) + label:after,
+input[type=datetime-local]:not(.browser-default) + label:after,
+input[type=tel]:not(.browser-default) + label:after,
+input[type=number]:not(.browser-default) + label:after,
+input[type=search]:not(.browser-default) + label:after,
+textarea.materialize-textarea + label:after, .select-wrapper + label:after {
display: block;
content: "";
position: absolute;
top: 100%;
left: 0;
opacity: 0;
- -webkit-transition: 0.2s opacity ease-out, 0.2s color ease-out;
- transition: 0.2s opacity ease-out, 0.2s color ease-out;
+ -webkit-transition: .2s opacity ease-out, .2s color ease-out;
+ transition: .2s opacity ease-out, .2s color ease-out;
}
.input-field {
position: relative;
margin-top: 1rem;
+ margin-bottom: 1rem;
}
.input-field.inline {
@@ -6493,39 +6526,62 @@ textarea.materialize-textarea + label:after,
width: calc(100% - 3rem - 1.5rem);
}
-.input-field label {
+.input-field > label {
color: #9e9e9e;
position: absolute;
top: 0;
left: 0;
- height: 100%;
font-size: 1rem;
cursor: text;
- -webkit-transition: -webkit-transform 0.2s ease-out;
- transition: -webkit-transform 0.2s ease-out;
- transition: transform 0.2s ease-out;
- transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out;
+ -webkit-transition: color .2s ease-out, -webkit-transform .2s ease-out;
+ transition: color .2s ease-out, -webkit-transform .2s ease-out;
+ transition: transform .2s ease-out, color .2s ease-out;
+ transition: transform .2s ease-out, color .2s ease-out, -webkit-transform .2s ease-out;
-webkit-transform-origin: 0% 100%;
- transform-origin: 0% 100%;
+ transform-origin: 0% 100%;
text-align: initial;
-webkit-transform: translateY(12px);
- transform: translateY(12px);
- pointer-events: none;
+ transform: translateY(12px);
}
-.input-field label:not(.label-icon).active {
+.input-field > label:not(.label-icon).active {
-webkit-transform: translateY(-14px) scale(0.8);
- transform: translateY(-14px) scale(0.8);
+ transform: translateY(-14px) scale(0.8);
-webkit-transform-origin: 0 0;
- transform-origin: 0 0;
+ transform-origin: 0 0;
+}
+
+.input-field > input[type]:-webkit-autofill:not(.browser-default):not([type="search"]) + label,
+.input-field > input[type=date]:not(.browser-default) + label,
+.input-field > input[type=time]:not(.browser-default) + label {
+ -webkit-transform: translateY(-14px) scale(0.8);
+ transform: translateY(-14px) scale(0.8);
+ -webkit-transform-origin: 0 0;
+ transform-origin: 0 0;
+}
+
+.input-field .helper-text {
+ position: relative;
+ min-height: 18px;
+ display: block;
+ font-size: 12px;
+ color: rgba(0, 0, 0, 0.54);
+}
+
+.input-field .helper-text::after {
+ opacity: 1;
+ position: absolute;
+ top: 0;
+ left: 0;
}
.input-field .prefix {
position: absolute;
width: 3rem;
font-size: 2rem;
- -webkit-transition: color 0.2s;
- transition: color 0.2s;
+ -webkit-transition: color .2s;
+ transition: color .2s;
+ top: 0.5rem;
}
.input-field .prefix.active {
@@ -6536,6 +6592,7 @@ textarea.materialize-textarea + label:after,
.input-field .prefix ~ textarea,
.input-field .prefix ~ label,
.input-field .prefix ~ .validate ~ label,
+.input-field .prefix ~ .helper-text,
.input-field .prefix ~ .autocomplete-content {
margin-left: 3rem;
width: 92%;
@@ -6561,48 +6618,52 @@ textarea.materialize-textarea + label:after,
}
/* Search Field */
-.input-field input[type="search"] {
+.input-field input[type=search] {
display: block;
line-height: inherit;
+ -webkit-transition: .3s background-color;
+ transition: .3s background-color;
}
-.nav-wrapper .input-field input[type="search"] {
+.nav-wrapper .input-field input[type=search] {
height: inherit;
padding-left: 4rem;
width: calc(100% - 4rem);
border: 0;
-webkit-box-shadow: none;
- box-shadow: none;
+ box-shadow: none;
}
-.input-field input[type="search"]:focus {
+.input-field input[type=search]:focus:not(.browser-default) {
background-color: #fff;
border: 0;
-webkit-box-shadow: none;
- box-shadow: none;
+ box-shadow: none;
color: #444;
}
-.input-field input[type="search"]:focus + label i,
-.input-field input[type="search"]:focus ~ .mdi-navigation-close,
-.input-field input[type="search"]:focus ~ .material-icons {
+.input-field input[type=search]:focus:not(.browser-default) + label i,
+.input-field input[type=search]:focus:not(.browser-default) ~ .mdi-navigation-close,
+.input-field input[type=search]:focus:not(.browser-default) ~ .material-icons {
color: #444;
}
-.input-field input[type="search"] + label {
+.input-field input[type=search] + .label-icon {
+ -webkit-transform: none;
+ transform: none;
left: 1rem;
}
-.input-field input[type="search"] ~ .mdi-navigation-close,
-.input-field input[type="search"] ~ .material-icons {
+.input-field input[type=search] ~ .mdi-navigation-close,
+.input-field input[type=search] ~ .material-icons {
position: absolute;
top: 0;
right: 1rem;
color: transparent;
cursor: pointer;
font-size: 2rem;
- -webkit-transition: 0.3s color;
- transition: 0.3s color;
+ -webkit-transition: .3s color;
+ transition: .3s color;
}
/* Textarea */
@@ -6613,29 +6674,19 @@ textarea {
}
textarea.materialize-textarea {
+ line-height: normal;
overflow-y: hidden;
/* prevents scroll bar flash */
- padding: 0.8rem 0 1.6rem 0;
+ padding: .8rem 0 .8rem 0;
/* prevents text jump on Enter keypress */
resize: none;
min-height: 3rem;
-}
-
-textarea.materialize-textarea.validate + label {
- height: 100%;
-}
-
-textarea.materialize-textarea.validate + label::after {
- top: calc(100% - 12px);
-}
-
-textarea.materialize-textarea.validate + label:not(.label-icon).active {
- -webkit-transform: translateY(-25px);
- transform: translateY(-25px);
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;
}
.hiddendiv {
- display: none;
+ visibility: hidden;
white-space: pre-wrap;
word-wrap: break-word;
overflow-wrap: break-word;
@@ -6644,17 +6695,10 @@ textarea.materialize-textarea.validate + label:not(.label-icon).active {
/* prevents text jump on Enter keypress */
position: absolute;
top: 0;
+ z-index: -1;
}
/* Autocomplete */
-.autocomplete-content {
- margin-top: -20px;
- margin-bottom: 20px;
- display: block;
- opacity: 1;
- position: static;
-}
-
.autocomplete-content li .highlight {
color: #444;
}
@@ -6665,6 +6709,11 @@ textarea.materialize-textarea.validate + label:not(.label-icon).active {
margin: 5px 15px;
}
+/* Character Counter */
+.character-counter {
+ min-height: 18px;
+}
+
/* Radio Buttons
========================================================================== */
[type="radio"]:not(:checked),
@@ -6674,8 +6723,8 @@ textarea.materialize-textarea.validate + label:not(.label-icon).active {
pointer-events: none;
}
-[type="radio"]:not(:checked) + label,
-[type="radio"]:checked + label {
+[type="radio"]:not(:checked) + span,
+[type="radio"]:checked + span {
position: relative;
padding-left: 35px;
cursor: pointer;
@@ -6683,17 +6732,17 @@ textarea.materialize-textarea.validate + label:not(.label-icon).active {
height: 25px;
line-height: 25px;
font-size: 1rem;
- -webkit-transition: 0.28s ease;
- transition: 0.28s ease;
+ -webkit-transition: .28s ease;
+ transition: .28s ease;
-webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
}
-[type="radio"] + label:before,
-[type="radio"] + label:after {
- content: "";
+[type="radio"] + span:before,
+[type="radio"] + span:after {
+ content: '';
position: absolute;
left: 0;
top: 0;
@@ -6701,105 +6750,95 @@ textarea.materialize-textarea.validate + label:not(.label-icon).active {
width: 16px;
height: 16px;
z-index: 0;
- -webkit-transition: 0.28s ease;
- transition: 0.28s ease;
+ -webkit-transition: .28s ease;
+ transition: .28s ease;
}
/* Unchecked styles */
-[type="radio"]:not(:checked) + label:before,
-[type="radio"]:not(:checked) + label:after,
-[type="radio"]:checked + label:before,
-[type="radio"]:checked + label:after,
-[type="radio"].with-gap:checked + label:before,
-[type="radio"].with-gap:checked + label:after {
+[type="radio"]:not(:checked) + span:before,
+[type="radio"]:not(:checked) + span:after,
+[type="radio"]:checked + span:before,
+[type="radio"]:checked + span:after,
+[type="radio"].with-gap:checked + span:before,
+[type="radio"].with-gap:checked + span:after {
border-radius: 50%;
}
-[type="radio"]:not(:checked) + label:before,
-[type="radio"]:not(:checked) + label:after {
+[type="radio"]:not(:checked) + span:before,
+[type="radio"]:not(:checked) + span:after {
border: 2px solid #5a5a5a;
}
-[type="radio"]:not(:checked) + label:after {
+[type="radio"]:not(:checked) + span:after {
-webkit-transform: scale(0);
- transform: scale(0);
+ transform: scale(0);
}
/* Checked styles */
-[type="radio"]:checked + label:before {
+[type="radio"]:checked + span:before {
border: 2px solid transparent;
}
-[type="radio"]:checked + label:after,
-[type="radio"].with-gap:checked + label:before,
-[type="radio"].with-gap:checked + label:after {
+[type="radio"]:checked + span:after,
+[type="radio"].with-gap:checked + span:before,
+[type="radio"].with-gap:checked + span:after {
border: 2px solid #26a69a;
}
-[type="radio"]:checked + label:after,
-[type="radio"].with-gap:checked + label:after {
+[type="radio"]:checked + span:after,
+[type="radio"].with-gap:checked + span:after {
background-color: #26a69a;
}
-[type="radio"]:checked + label:after {
+[type="radio"]:checked + span:after {
-webkit-transform: scale(1.02);
- transform: scale(1.02);
+ transform: scale(1.02);
}
/* Radio With gap */
-[type="radio"].with-gap:checked + label:after {
+[type="radio"].with-gap:checked + span:after {
-webkit-transform: scale(0.5);
- transform: scale(0.5);
+ transform: scale(0.5);
}
/* Focused styles */
-[type="radio"].tabbed:focus + label:before {
+[type="radio"].tabbed:focus + span:before {
-webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
- box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
+ box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
}
/* Disabled Radio With gap */
-[type="radio"].with-gap:disabled:checked + label:before {
+[type="radio"].with-gap:disabled:checked + span:before {
border: 2px solid rgba(0, 0, 0, 0.42);
}
-[type="radio"].with-gap:disabled:checked + label:after {
+[type="radio"].with-gap:disabled:checked + span:after {
border: none;
background-color: rgba(0, 0, 0, 0.42);
}
/* Disabled style */
-[type="radio"]:disabled:not(:checked) + label:before,
-[type="radio"]:disabled:checked + label:before {
+[type="radio"]:disabled:not(:checked) + span:before,
+[type="radio"]:disabled:checked + span:before {
background-color: transparent;
border-color: rgba(0, 0, 0, 0.42);
}
-[type="radio"]:disabled + label {
+[type="radio"]:disabled + span {
color: rgba(0, 0, 0, 0.42);
}
-[type="radio"]:disabled:not(:checked) + label:before {
+[type="radio"]:disabled:not(:checked) + span:before {
border-color: rgba(0, 0, 0, 0.42);
}
-[type="radio"]:disabled:checked + label:after {
+[type="radio"]:disabled:checked + span:after {
background-color: rgba(0, 0, 0, 0.42);
border-color: #949494;
}
/* Checkboxes
========================================================================== */
-/* CUSTOM CSS CHECKBOXES */
-form p {
- margin-bottom: 10px;
- text-align: left;
-}
-
-form p:last-child {
- margin-bottom: 0;
-}
-
/* Remove default checkbox */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
@@ -6812,7 +6851,7 @@ form p:last-child {
/* checkbox aspect */
}
-[type="checkbox"] + label {
+[type="checkbox"] + span:not(.lever) {
position: relative;
padding-left: 35px;
cursor: pointer;
@@ -6821,14 +6860,14 @@ form p:last-child {
line-height: 25px;
font-size: 1rem;
-webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
}
-[type="checkbox"] + label:before,
-[type="checkbox"]:not(.filled-in) + label:after {
- content: "";
+[type="checkbox"] + span:not(.lever):before,
+[type="checkbox"]:not(.filled-in) + span:not(.lever):after {
+ content: '';
position: absolute;
top: 0;
left: 0;
@@ -6837,33 +6876,33 @@ form p:last-child {
z-index: 0;
border: 2px solid #5a5a5a;
border-radius: 1px;
- margin-top: 2px;
- -webkit-transition: 0.2s;
- transition: 0.2s;
+ margin-top: 3px;
+ -webkit-transition: .2s;
+ transition: .2s;
}
-[type="checkbox"]:not(.filled-in) + label:after {
+[type="checkbox"]:not(.filled-in) + span:not(.lever):after {
border: 0;
-webkit-transform: scale(0);
- transform: scale(0);
+ transform: scale(0);
}
-[type="checkbox"]:not(:checked):disabled + label:before {
+[type="checkbox"]:not(:checked):disabled + span:not(.lever):before {
border: none;
background-color: rgba(0, 0, 0, 0.42);
}
-[type="checkbox"].tabbed:focus + label:after {
+[type="checkbox"].tabbed:focus + span:not(.lever):after {
-webkit-transform: scale(1);
- transform: scale(1);
+ transform: scale(1);
border: 0;
border-radius: 50%;
-webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
- box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
+ box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1);
background-color: rgba(0, 0, 0, 0.1);
}
-[type="checkbox"]:checked + label:before {
+[type="checkbox"]:checked + span:not(.lever):before {
top: -4px;
left: -5px;
width: 12px;
@@ -6873,20 +6912,20 @@ form p:last-child {
border-right: 2px solid #26a69a;
border-bottom: 2px solid #26a69a;
-webkit-transform: rotate(40deg);
- transform: rotate(40deg);
+ transform: rotate(40deg);
-webkit-backface-visibility: hidden;
- backface-visibility: hidden;
+ backface-visibility: hidden;
-webkit-transform-origin: 100% 100%;
- transform-origin: 100% 100%;
+ transform-origin: 100% 100%;
}
-[type="checkbox"]:checked:disabled + label:before {
+[type="checkbox"]:checked:disabled + span:before {
border-right: 2px solid rgba(0, 0, 0, 0.42);
border-bottom: 2px solid rgba(0, 0, 0, 0.42);
}
/* Indeterminate checkbox */
-[type="checkbox"]:indeterminate + label:before {
+[type="checkbox"]:indeterminate + span:not(.lever):before {
top: -11px;
left: -12px;
width: 10px;
@@ -6896,48 +6935,46 @@ form p:last-child {
border-right: 2px solid #26a69a;
border-bottom: none;
-webkit-transform: rotate(90deg);
- transform: rotate(90deg);
+ transform: rotate(90deg);
-webkit-backface-visibility: hidden;
- backface-visibility: hidden;
+ backface-visibility: hidden;
-webkit-transform-origin: 100% 100%;
- transform-origin: 100% 100%;
+ transform-origin: 100% 100%;
}
-[type="checkbox"]:indeterminate:disabled + label:before {
+[type="checkbox"]:indeterminate:disabled + span:not(.lever):before {
border-right: 2px solid rgba(0, 0, 0, 0.42);
background-color: transparent;
}
-[type="checkbox"].filled-in + label:after {
+[type="checkbox"].filled-in + span:not(.lever):after {
border-radius: 2px;
}
-[type="checkbox"].filled-in + label:before,
-[type="checkbox"].filled-in + label:after {
- content: "";
+[type="checkbox"].filled-in + span:not(.lever):before,
+[type="checkbox"].filled-in + span:not(.lever):after {
+ content: '';
left: 0;
position: absolute;
/* .1s delay is for check animation */
- -webkit-transition: border 0.25s, background-color 0.25s, width 0.2s 0.1s,
- height 0.2s 0.1s, top 0.2s 0.1s, left 0.2s 0.1s;
- transition: border 0.25s, background-color 0.25s, width 0.2s 0.1s,
- height 0.2s 0.1s, top 0.2s 0.1s, left 0.2s 0.1s;
+ -webkit-transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
+ transition: border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;
z-index: 1;
}
-[type="checkbox"].filled-in:not(:checked) + label:before {
+[type="checkbox"].filled-in:not(:checked) + span:not(.lever):before {
width: 0;
height: 0;
border: 3px solid transparent;
left: 6px;
top: 10px;
-webkit-transform: rotateZ(37deg);
- transform: rotateZ(37deg);
+ transform: rotateZ(37deg);
-webkit-transform-origin: 100% 100%;
- transform-origin: 100% 100%;
+ transform-origin: 100% 100%;
}
-[type="checkbox"].filled-in:not(:checked) + label:after {
+[type="checkbox"].filled-in:not(:checked) + span:not(.lever):after {
height: 20px;
width: 20px;
background-color: transparent;
@@ -6946,7 +6983,7 @@ form p:last-child {
z-index: 0;
}
-[type="checkbox"].filled-in:checked + label:before {
+[type="checkbox"].filled-in:checked + span:not(.lever):before {
top: 0;
left: 1px;
width: 8px;
@@ -6956,12 +6993,12 @@ form p:last-child {
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
-webkit-transform: rotateZ(37deg);
- transform: rotateZ(37deg);
+ transform: rotateZ(37deg);
-webkit-transform-origin: 100% 100%;
- transform-origin: 100% 100%;
+ transform-origin: 100% 100%;
}
-[type="checkbox"].filled-in:checked + label:after {
+[type="checkbox"].filled-in:checked + span:not(.lever):after {
top: 0;
width: 20px;
height: 20px;
@@ -6970,68 +7007,67 @@ form p:last-child {
z-index: 0;
}
-[type="checkbox"].filled-in.tabbed:focus + label:after {
+[type="checkbox"].filled-in.tabbed:focus + span:not(.lever):after {
border-radius: 2px;
border-color: #5a5a5a;
background-color: rgba(0, 0, 0, 0.1);
}
-[type="checkbox"].filled-in.tabbed:checked:focus + label:after {
+[type="checkbox"].filled-in.tabbed:checked:focus + span:not(.lever):after {
border-radius: 2px;
background-color: #26a69a;
border-color: #26a69a;
}
-[type="checkbox"].filled-in:disabled:not(:checked) + label:before {
+[type="checkbox"].filled-in:disabled:not(:checked) + span:not(.lever):before {
background-color: transparent;
border: 2px solid transparent;
}
-[type="checkbox"].filled-in:disabled:not(:checked) + label:after {
+[type="checkbox"].filled-in:disabled:not(:checked) + span:not(.lever):after {
border-color: transparent;
background-color: #949494;
}
-[type="checkbox"].filled-in:disabled:checked + label:before {
+[type="checkbox"].filled-in:disabled:checked + span:not(.lever):before {
background-color: transparent;
}
-[type="checkbox"].filled-in:disabled:checked + label:after {
+[type="checkbox"].filled-in:disabled:checked + span:not(.lever):after {
background-color: #949494;
border-color: #949494;
}
-/* Switch
+/* Switch
========================================================================== */
.switch,
.switch * {
-webkit-tap-highlight-color: transparent;
-webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
}
.switch label {
cursor: pointer;
}
-.switch label input[type="checkbox"] {
+.switch label input[type=checkbox] {
opacity: 0;
width: 0;
height: 0;
}
-.switch label input[type="checkbox"]:checked + .lever {
+.switch label input[type=checkbox]:checked + .lever {
background-color: #84c7c1;
}
-.switch label input[type="checkbox"]:checked + .lever:before,
-.switch label input[type="checkbox"]:checked + .lever:after {
+.switch label input[type=checkbox]:checked + .lever:before, .switch label input[type=checkbox]:checked + .lever:after {
left: 18px;
}
-.switch label input[type="checkbox"]:checked + .lever:after {
+.switch label input[type=checkbox]:checked + .lever:after {
background-color: #26a69a;
}
@@ -7050,8 +7086,7 @@ form p:last-child {
margin: 0 16px;
}
-.switch label .lever:before,
-.switch label .lever:after {
+.switch label .lever:before, .switch label .lever:after {
content: "";
position: absolute;
display: inline-block;
@@ -7060,15 +7095,10 @@ form p:last-child {
border-radius: 50%;
left: 0;
top: -3px;
- -webkit-transition: left 0.3s ease, background 0.3s ease,
- -webkit-box-shadow 0.1s ease, -webkit-transform 0.1s ease;
- transition: left 0.3s ease, background 0.3s ease, -webkit-box-shadow 0.1s ease,
- -webkit-transform 0.1s ease;
- transition: left 0.3s ease, background 0.3s ease, box-shadow 0.1s ease,
- transform 0.1s ease;
- transition: left 0.3s ease, background 0.3s ease, box-shadow 0.1s ease,
- transform 0.1s ease, -webkit-box-shadow 0.1s ease,
- -webkit-transform 0.1s ease;
+ -webkit-transition: left 0.3s ease, background .3s ease, -webkit-box-shadow 0.1s ease, -webkit-transform .1s ease;
+ transition: left 0.3s ease, background .3s ease, -webkit-box-shadow 0.1s ease, -webkit-transform .1s ease;
+ transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease, transform .1s ease;
+ transition: left 0.3s ease, background .3s ease, box-shadow 0.1s ease, transform .1s ease, -webkit-box-shadow 0.1s ease, -webkit-transform .1s ease;
}
.switch label .lever:before {
@@ -7076,34 +7106,32 @@ form p:last-child {
}
.switch label .lever:after {
- background-color: #f1f1f1;
- -webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2),
- 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
- box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2),
- 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
+ background-color: #F1F1F1;
+ -webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
+ box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
-input[type="checkbox"]:checked:not(:disabled) ~ .lever:active::before,
-input[type="checkbox"]:checked:not(:disabled).tabbed:focus ~ .lever::before {
+input[type=checkbox]:checked:not(:disabled) ~ .lever:active::before,
+input[type=checkbox]:checked:not(:disabled).tabbed:focus ~ .lever::before {
-webkit-transform: scale(2.4);
- transform: scale(2.4);
+ transform: scale(2.4);
background-color: rgba(38, 166, 154, 0.15);
}
-input[type="checkbox"]:not(:disabled) ~ .lever:active:before,
-input[type="checkbox"]:not(:disabled).tabbed:focus ~ .lever::before {
+input[type=checkbox]:not(:disabled) ~ .lever:active:before,
+input[type=checkbox]:not(:disabled).tabbed:focus ~ .lever::before {
-webkit-transform: scale(2.4);
- transform: scale(2.4);
+ transform: scale(2.4);
background-color: rgba(0, 0, 0, 0.08);
}
-.switch input[type="checkbox"][disabled] + .lever {
+.switch input[type=checkbox][disabled] + .lever {
cursor: default;
background-color: rgba(0, 0, 0, 0.12);
}
-.switch label input[type="checkbox"][disabled] + .lever:after,
-.switch label input[type="checkbox"][disabled]:checked + .lever:after {
+.switch label input[type=checkbox][disabled] + .lever:after,
+.switch label input[type=checkbox][disabled]:checked + .lever:after {
background-color: #949494;
}
@@ -7126,17 +7154,6 @@ select {
height: 3rem;
}
-.input-field > select {
- display: block;
- position: absolute;
- width: 0;
- pointer-events: none;
- height: 0;
- top: 0;
- left: 0;
- opacity: 0;
-}
-
.select-label {
position: absolute;
}
@@ -7161,26 +7178,29 @@ select {
height: 3rem;
line-height: 3rem;
width: 100%;
- font-size: 1rem;
- margin: 0 0 20px 0;
+ font-size: 16px;
+ margin: 0 0 8px 0;
padding: 0;
display: block;
-webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ z-index: 1;
}
-.select-wrapper span.caret {
- color: initial;
+.select-wrapper input.select-dropdown:focus {
+ border-bottom: 1px solid #26a69a;
+}
+
+.select-wrapper .caret {
position: absolute;
right: 0;
top: 0;
bottom: 0;
- height: 10px;
margin: auto 0;
- font-size: 10px;
- line-height: 10px;
+ z-index: 0;
+ fill: rgba(0, 0, 0, 0.87);
}
.select-wrapper + label {
@@ -7193,18 +7213,21 @@ select:disabled {
color: rgba(0, 0, 0, 0.42);
}
-.select-wrapper.disabled span.caret,
.select-wrapper.disabled + label {
color: rgba(0, 0, 0, 0.42);
}
+.select-wrapper.disabled .caret {
+ fill: rgba(0, 0, 0, 0.42);
+}
+
.select-wrapper input.select-dropdown:disabled {
color: rgba(0, 0, 0, 0.42);
cursor: default;
-webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
}
.select-wrapper i {
@@ -7218,12 +7241,12 @@ select:disabled {
background-color: transparent;
}
-.select-dropdown.dropdown-content li.active {
- background-color: transparent;
+body.keyboard-focused .select-dropdown.dropdown-content li:focus {
+ background-color: rgba(0, 0, 0, 0.08);
}
.select-dropdown.dropdown-content li:hover {
- background-color: rgba(0, 0, 0, 0.06);
+ background-color: rgba(0, 0, 0, 0.08);
}
.select-dropdown.dropdown-content li.selected {
@@ -7263,7 +7286,7 @@ select:disabled {
padding-left: 1rem;
}
-/* File Input
+/* File Input
========================================================================== */
.file-field {
position: relative;
@@ -7278,8 +7301,7 @@ select:disabled {
width: 100%;
}
-.file-field .btn,
-.file-field .btn-large {
+.file-field .btn, .file-field .btn-large, .file-field .btn-small {
float: left;
height: 3rem;
line-height: 3rem;
@@ -7289,7 +7311,7 @@ select:disabled {
cursor: pointer;
}
-.file-field input[type="file"] {
+.file-field input[type=file] {
position: absolute;
top: 0;
right: 0;
@@ -7304,7 +7326,7 @@ select:disabled {
filter: alpha(opacity=0);
}
-.file-field input[type="file"]::-webkit-file-upload-button {
+.file-field input[type=file]::-webkit-file-upload-button {
display: none;
}
@@ -7314,12 +7336,12 @@ select:disabled {
position: relative;
}
-input[type="range"],
-input[type="range"] + .thumb {
+input[type=range],
+input[type=range] + .thumb {
cursor: pointer;
}
-input[type="range"] {
+input[type=range] {
position: relative;
background-color: transparent;
border: none;
@@ -7329,11 +7351,11 @@ input[type="range"] {
padding: 0;
}
-input[type="range"]:focus {
+input[type=range]:focus {
outline: none;
}
-input[type="range"] + .thumb {
+input[type=range] + .thumb {
position: absolute;
top: 10px;
left: 0;
@@ -7344,91 +7366,103 @@ input[type="range"] + .thumb {
background-color: #26a69a;
margin-left: 7px;
-webkit-transform-origin: 50% 50%;
- transform-origin: 50% 50%;
+ transform-origin: 50% 50%;
-webkit-transform: rotate(-45deg);
- transform: rotate(-45deg);
+ transform: rotate(-45deg);
}
-input[type="range"] + .thumb .value {
+input[type=range] + .thumb .value {
display: block;
width: 30px;
text-align: center;
color: #26a69a;
font-size: 0;
-webkit-transform: rotate(45deg);
- transform: rotate(45deg);
+ transform: rotate(45deg);
}
-input[type="range"] + .thumb.active {
+input[type=range] + .thumb.active {
border-radius: 50% 50% 50% 0;
}
-input[type="range"] + .thumb.active .value {
+input[type=range] + .thumb.active .value {
color: #fff;
margin-left: -1px;
margin-top: 8px;
font-size: 10px;
}
-input[type="range"] {
+input[type=range] {
-webkit-appearance: none;
}
-input[type="range"]::-webkit-slider-runnable-track {
+input[type=range]::-webkit-slider-runnable-track {
height: 3px;
background: #c2c0c2;
border: none;
}
-input[type="range"]::-webkit-slider-thumb {
- -webkit-appearance: none;
- border: none;
- height: 14px;
- width: 14px;
- border-radius: 50%;
- background-color: #26a69a;
- -webkit-transform-origin: 50% 50%;
- transform-origin: 50% 50%;
- margin: -5px 0 0 0;
- -webkit-transition: 0.3s;
- transition: 0.3s;
-}
-
-input[type="range"]:focus::-webkit-slider-runnable-track {
- background: #ccc;
-}
-
-input[type="range"] {
- /* fix for FF unable to apply focus style bug */
- border: 1px solid white;
- /*required for proper track sizing in FF*/
-}
-
-input[type="range"]::-moz-range-track {
- height: 3px;
- background: #ddd;
- border: none;
-}
-
-input[type="range"]::-moz-range-thumb {
+input[type=range]::-webkit-slider-thumb {
border: none;
height: 14px;
width: 14px;
border-radius: 50%;
background: #26a69a;
+ -webkit-transition: -webkit-box-shadow .3s;
+ transition: -webkit-box-shadow .3s;
+ transition: box-shadow .3s;
+ transition: box-shadow .3s, -webkit-box-shadow .3s;
+ -webkit-appearance: none;
+ background-color: #26a69a;
+ -webkit-transform-origin: 50% 50%;
+ transform-origin: 50% 50%;
+ margin: -5px 0 0 0;
+}
+
+.keyboard-focused input[type=range]:focus:not(.active)::-webkit-slider-thumb {
+ -webkit-box-shadow: 0 0 0 10px rgba(38, 166, 154, 0.26);
+ box-shadow: 0 0 0 10px rgba(38, 166, 154, 0.26);
+}
+
+input[type=range] {
+ /* fix for FF unable to apply focus style bug */
+ border: 1px solid white;
+ /*required for proper track sizing in FF*/
+}
+
+input[type=range]::-moz-range-track {
+ height: 3px;
+ background: #c2c0c2;
+ border: none;
+}
+
+input[type=range]::-moz-focus-inner {
+ border: 0;
+}
+
+input[type=range]::-moz-range-thumb {
+ border: none;
+ height: 14px;
+ width: 14px;
+ border-radius: 50%;
+ background: #26a69a;
+ -webkit-transition: -webkit-box-shadow .3s;
+ transition: -webkit-box-shadow .3s;
+ transition: box-shadow .3s;
+ transition: box-shadow .3s, -webkit-box-shadow .3s;
margin-top: -5px;
}
-input[type="range"]:-moz-focusring {
+input[type=range]:-moz-focusring {
outline: 1px solid #fff;
outline-offset: -1px;
}
-input[type="range"]:focus::-moz-range-track {
- background: #ccc;
+.keyboard-focused input[type=range]:focus:not(.active)::-moz-range-thumb {
+ box-shadow: 0 0 0 10px rgba(38, 166, 154, 0.26);
}
-input[type="range"]::-ms-track {
+input[type=range]::-ms-track {
height: 3px;
background: transparent;
border-color: transparent;
@@ -7437,28 +7471,28 @@ input[type="range"]::-ms-track {
color: transparent;
}
-input[type="range"]::-ms-fill-lower {
+input[type=range]::-ms-fill-lower {
background: #777;
}
-input[type="range"]::-ms-fill-upper {
+input[type=range]::-ms-fill-upper {
background: #ddd;
}
-input[type="range"]::-ms-thumb {
+input[type=range]::-ms-thumb {
border: none;
height: 14px;
width: 14px;
border-radius: 50%;
background: #26a69a;
+ -webkit-transition: -webkit-box-shadow .3s;
+ transition: -webkit-box-shadow .3s;
+ transition: box-shadow .3s;
+ transition: box-shadow .3s, -webkit-box-shadow .3s;
}
-input[type="range"]:focus::-ms-fill-lower {
- background: #888;
-}
-
-input[type="range"]:focus::-ms-fill-upper {
- background: #ccc;
+.keyboard-focused input[type=range]:focus:not(.active)::-ms-thumb {
+ box-shadow: 0 0 0 10px rgba(38, 166, 154, 0.26);
}
/***************
@@ -7476,33 +7510,33 @@ input[type="range"]:focus::-ms-fill-upper {
display: inline-block;
font-weight: 300;
color: #757575;
- padding-left: 20px;
+ padding-left: 16px;
height: 1.5rem;
line-height: 1.5rem;
- letter-spacing: 0.4;
+ letter-spacing: .4;
display: inline-block;
}
.table-of-contents a:hover {
color: #a8a8a8;
- padding-left: 19px;
+ padding-left: 15px;
border-left: 1px solid #ee6e73;
}
.table-of-contents a.active {
font-weight: 500;
- padding-left: 18px;
+ padding-left: 14px;
border-left: 2px solid #ee6e73;
}
-.side-nav {
+.sidenav {
position: fixed;
width: 300px;
left: 0;
top: 0;
margin: 0;
-webkit-transform: translateX(-100%);
- transform: translateX(-100%);
+ transform: translateX(-100%);
height: 100%;
height: calc(100% + 60px);
height: -moz-calc(100%);
@@ -7512,34 +7546,34 @@ input[type="range"]:focus::-ms-fill-upper {
overflow-y: auto;
will-change: transform;
-webkit-backface-visibility: hidden;
- backface-visibility: hidden;
+ backface-visibility: hidden;
-webkit-transform: translateX(-105%);
- transform: translateX(-105%);
+ transform: translateX(-105%);
}
-.side-nav.right-aligned {
+.sidenav.right-aligned {
right: 0;
-webkit-transform: translateX(105%);
- transform: translateX(105%);
+ transform: translateX(105%);
left: auto;
-webkit-transform: translateX(100%);
- transform: translateX(100%);
+ transform: translateX(100%);
}
-.side-nav .collapsible {
+.sidenav .collapsible {
margin: 0;
}
-.side-nav li {
+.sidenav li {
float: none;
line-height: 48px;
}
-.side-nav li.active {
+.sidenav li.active {
background-color: rgba(0, 0, 0, 0.05);
}
-.side-nav li > a {
+.sidenav li > a {
color: rgba(0, 0, 0, 0.87);
display: block;
font-size: 14px;
@@ -7549,43 +7583,33 @@ input[type="range"]:focus::-ms-fill-upper {
padding: 0 32px;
}
-.side-nav li > a:hover {
+.sidenav li > a:hover {
background-color: rgba(0, 0, 0, 0.05);
}
-.side-nav li > a.btn,
-.side-nav li > a.btn-large,
-.side-nav li > a.btn-large,
-.side-nav li > a.btn-flat,
-.side-nav li > a.btn-floating {
+.sidenav li > a.btn, .sidenav li > a.btn-large, .sidenav li > a.btn-small, .sidenav li > a.btn-large, .sidenav li > a.btn-flat, .sidenav li > a.btn-floating {
margin: 10px 15px;
}
-.side-nav li > a.btn,
-.side-nav li > a.btn-large,
-.side-nav li > a.btn-large,
-.side-nav li > a.btn-floating {
+.sidenav li > a.btn, .sidenav li > a.btn-large, .sidenav li > a.btn-small, .sidenav li > a.btn-large, .sidenav li > a.btn-floating {
color: #fff;
}
-.side-nav li > a.btn-flat {
+.sidenav li > a.btn-flat {
color: #343434;
}
-.side-nav li > a.btn:hover,
-.side-nav li > a.btn-large:hover,
-.side-nav li > a.btn-large:hover {
+.sidenav li > a.btn:hover, .sidenav li > a.btn-large:hover, .sidenav li > a.btn-small:hover, .sidenav li > a.btn-large:hover {
background-color: #2bbbad;
}
-.side-nav li > a.btn-floating:hover {
+.sidenav li > a.btn-floating:hover {
background-color: #26a69a;
}
-.side-nav li > a > i,
-.side-nav li > a > [class^="mdi-"],
-.side-nav li > a li > a > [class*="mdi-"],
-.side-nav li > a > i.material-icons {
+.sidenav li > a > i,
+.sidenav li > a > [class^="mdi-"], .sidenav li > a li > a > [class*="mdi-"],
+.sidenav li > a > i.material-icons {
float: left;
height: 48px;
line-height: 48px;
@@ -7594,11 +7618,11 @@ input[type="range"]:focus::-ms-fill-upper {
color: rgba(0, 0, 0, 0.54);
}
-.side-nav .divider {
+.sidenav .divider {
margin: 8px 0 0 0;
}
-.side-nav .subheader {
+.sidenav .subheader {
cursor: initial;
pointer-events: none;
color: rgba(0, 0, 0, 0.54);
@@ -7607,30 +7631,26 @@ input[type="range"]:focus::-ms-fill-upper {
line-height: 48px;
}
-.side-nav .subheader:hover {
+.sidenav .subheader:hover {
background-color: transparent;
}
-.side-nav .user-view,
-.side-nav .userView {
+.sidenav .user-view {
position: relative;
padding: 32px 32px 0;
margin-bottom: 8px;
}
-.side-nav .user-view > a,
-.side-nav .userView > a {
+.sidenav .user-view > a {
height: auto;
padding: 0;
}
-.side-nav .user-view > a:hover,
-.side-nav .userView > a:hover {
+.sidenav .user-view > a:hover {
background-color: transparent;
}
-.side-nav .user-view .background,
-.side-nav .userView .background {
+.sidenav .user-view .background {
overflow: hidden;
position: absolute;
top: 0;
@@ -7640,37 +7660,27 @@ input[type="range"]:focus::-ms-fill-upper {
z-index: -1;
}
-.side-nav .user-view .circle,
-.side-nav .user-view .name,
-.side-nav .user-view .email,
-.side-nav .userView .circle,
-.side-nav .userView .name,
-.side-nav .userView .email {
+.sidenav .user-view .circle, .sidenav .user-view .name, .sidenav .user-view .email {
display: block;
}
-.side-nav .user-view .circle,
-.side-nav .userView .circle {
+.sidenav .user-view .circle {
height: 64px;
width: 64px;
}
-.side-nav .user-view .name,
-.side-nav .user-view .email,
-.side-nav .userView .name,
-.side-nav .userView .email {
+.sidenav .user-view .name,
+.sidenav .user-view .email {
font-size: 14px;
line-height: 24px;
}
-.side-nav .user-view .name,
-.side-nav .userView .name {
+.sidenav .user-view .name {
margin-top: 16px;
font-weight: 500;
}
-.side-nav .user-view .email,
-.side-nav .userView .email {
+.sidenav .user-view .email {
padding-bottom: 16px;
font-weight: 400;
}
@@ -7683,85 +7693,89 @@ input[type="range"]:focus::-ms-fill-upper {
z-index: 998;
}
-.side-nav.fixed {
+.drag-target.right-aligned {
+ right: 0;
+}
+
+.sidenav.sidenav-fixed {
left: 0;
-webkit-transform: translateX(0);
- transform: translateX(0);
+ transform: translateX(0);
position: fixed;
}
-.side-nav.fixed.right-aligned {
+.sidenav.sidenav-fixed.right-aligned {
right: 0;
left: auto;
}
@media only screen and (max-width: 992px) {
- .side-nav.fixed {
+ .sidenav.sidenav-fixed {
-webkit-transform: translateX(-105%);
- transform: translateX(-105%);
+ transform: translateX(-105%);
}
- .side-nav.fixed.right-aligned {
+ .sidenav.sidenav-fixed.right-aligned {
-webkit-transform: translateX(105%);
- transform: translateX(105%);
+ transform: translateX(105%);
}
- .side-nav a {
+ .sidenav > a {
padding: 0 16px;
}
- .side-nav .user-view,
- .side-nav .userView {
+ .sidenav .user-view {
padding: 16px 16px 0;
}
}
-.side-nav .collapsible-body > ul:not(.collapsible) > li.active,
-.side-nav.fixed .collapsible-body > ul:not(.collapsible) > li.active {
+.sidenav .collapsible-body > ul:not(.collapsible) > li.active,
+.sidenav.sidenav-fixed .collapsible-body > ul:not(.collapsible) > li.active {
background-color: #ee6e73;
}
-.side-nav .collapsible-body > ul:not(.collapsible) > li.active a,
-.side-nav.fixed .collapsible-body > ul:not(.collapsible) > li.active a {
+.sidenav .collapsible-body > ul:not(.collapsible) > li.active a,
+.sidenav.sidenav-fixed .collapsible-body > ul:not(.collapsible) > li.active a {
color: #fff;
}
-.side-nav .collapsible-body {
+.sidenav .collapsible-body {
padding: 0;
}
-#sidenav-overlay {
+.sidenav-overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
+ opacity: 0;
height: 120vh;
background-color: rgba(0, 0, 0, 0.5);
z-index: 997;
- will-change: opacity;
+ display: none;
}
-/*
- @license
- Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
- This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
- The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
- The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
- Code distributed by Google as part of the polymer project is also
- subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
+/*
+ @license
+ Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
+ This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
+ The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
+ The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
+ Code distributed by Google as part of the polymer project is also
+ subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
*/
/**************************/
/* STYLES FOR THE SPINNER */
/**************************/
-/*
- * Constants:
- * STROKEWIDTH = 3px
- * ARCSIZE = 270 degrees (amount of circle the arc takes up)
- * ARCTIME = 1333ms (time it takes to expand and contract arc)
- * ARCSTARTROT = 216 degrees (how much the start location of the arc
- * should rotate each time, 216 gives us a
- * 5 pointed star shape (it's 360/5 * 3).
- * For a 7 pointed star, we might do
- * 360/7 * 3 = 154.286)
- * CONTAINERWIDTH = 28px
- * SHRINK_TIME = 400ms
+/*
+ * Constants:
+ * STROKEWIDTH = 3px
+ * ARCSIZE = 270 degrees (amount of circle the arc takes up)
+ * ARCTIME = 1333ms (time it takes to expand and contract arc)
+ * ARCSTARTROT = 216 degrees (how much the start location of the arc
+ * should rotate each time, 216 gives us a
+ * 5 pointed star shape (it's 360/5 * 3).
+ * For a 7 pointed star, we might do
+ * 360/7 * 3 = 154.286)
+ * CONTAINERWIDTH = 28px
+ * SHRINK_TIME = 400ms
*/
.preloader-wrapper {
display: inline-block;
@@ -7795,7 +7809,7 @@ input[type="range"]:focus::-ms-fill-upper {
@keyframes container-rotate {
to {
-webkit-transform: rotate(360deg);
- transform: rotate(360deg);
+ transform: rotate(360deg);
}
}
@@ -7827,57 +7841,41 @@ input[type="range"]:focus::-ms-fill-upper {
border-color: #0f9d58;
}
-/**
- * IMPORTANT NOTE ABOUT CSS ANIMATION PROPERTIES (keanulee):
- *
- * iOS Safari (tested on iOS 8.1) does not handle animation-delay very well - it doesn't
- * guarantee that the animation will start _exactly_ after that value. So we avoid using
- * animation-delay and instead set custom keyframes for each color (as redundant as it
- * seems).
- *
- * We write out each animation in full (instead of separating animation-name,
- * animation-duration, etc.) because under the polyfill, Safari does not recognize those
- * specific properties properly, treats them as -webkit-animation, and overrides the
- * other animation rules. See https://github.com/Polymer/platform/issues/53.
+/**
+ * IMPORTANT NOTE ABOUT CSS ANIMATION PROPERTIES (keanulee):
+ *
+ * iOS Safari (tested on iOS 8.1) does not handle animation-delay very well - it doesn't
+ * guarantee that the animation will start _exactly_ after that value. So we avoid using
+ * animation-delay and instead set custom keyframes for each color (as redundant as it
+ * seems).
+ *
+ * We write out each animation in full (instead of separating animation-name,
+ * animation-duration, etc.) because under the polyfill, Safari does not recognize those
+ * specific properties properly, treats them as -webkit-animation, and overrides the
+ * other animation rules. See https://github.com/Polymer/platform/issues/53.
*/
.active .spinner-layer.spinner-blue {
/* durations: 4 * ARCTIME */
- -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1)
- infinite both,
- blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
- animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite
- both,
- blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
+ -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
+ animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}
.active .spinner-layer.spinner-red {
/* durations: 4 * ARCTIME */
- -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1)
- infinite both,
- red-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
- animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite
- both,
- red-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
+ -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, red-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
+ animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, red-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}
.active .spinner-layer.spinner-yellow {
/* durations: 4 * ARCTIME */
- -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1)
- infinite both,
- yellow-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
- animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite
- both,
- yellow-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
+ -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, yellow-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
+ animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, yellow-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}
.active .spinner-layer.spinner-green {
/* durations: 4 * ARCTIME */
- -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1)
- infinite both,
- green-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
- animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite
- both,
- green-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
+ -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, green-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
+ animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, green-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}
.active .spinner-layer,
@@ -7887,10 +7885,8 @@ input[type="range"]:focus::-ms-fill-upper {
.active .spinner-layer.spinner-green-only {
/* durations: 4 * ARCTIME */
opacity: 1;
- -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1)
- infinite both;
- animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite
- both;
+ -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
+ animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}
@-webkit-keyframes fill-unfill-rotate {
@@ -7931,42 +7927,42 @@ input[type="range"]:focus::-ms-fill-upper {
@keyframes fill-unfill-rotate {
12.5% {
-webkit-transform: rotate(135deg);
- transform: rotate(135deg);
+ transform: rotate(135deg);
}
/* 0.5 * ARCSIZE */
25% {
-webkit-transform: rotate(270deg);
- transform: rotate(270deg);
+ transform: rotate(270deg);
}
/* 1 * ARCSIZE */
37.5% {
-webkit-transform: rotate(405deg);
- transform: rotate(405deg);
+ transform: rotate(405deg);
}
/* 1.5 * ARCSIZE */
50% {
-webkit-transform: rotate(540deg);
- transform: rotate(540deg);
+ transform: rotate(540deg);
}
/* 2 * ARCSIZE */
62.5% {
-webkit-transform: rotate(675deg);
- transform: rotate(675deg);
+ transform: rotate(675deg);
}
/* 2.5 * ARCSIZE */
75% {
-webkit-transform: rotate(810deg);
- transform: rotate(810deg);
+ transform: rotate(810deg);
}
/* 3 * ARCSIZE */
87.5% {
-webkit-transform: rotate(945deg);
- transform: rotate(945deg);
+ transform: rotate(945deg);
}
/* 3.5 * ARCSIZE */
to {
-webkit-transform: rotate(1080deg);
- transform: rotate(1080deg);
+ transform: rotate(1080deg);
}
/* 4 * ARCSIZE */
}
@@ -8121,9 +8117,9 @@ input[type="range"]:focus::-ms-fill-upper {
}
}
-/**
- * Patch the gap that appear between the two adjacent div.circle-clipper while the
- * spinner is rotating (appears on Chrome 38, Safari 7.1, and IE 11).
+/**
+ * Patch the gap that appear between the two adjacent div.circle-clipper while the
+ * spinner is rotating (appears on Chrome 38, Safari 7.1, and IE 11).
*/
.gap-patch {
position: absolute;
@@ -8188,8 +8184,7 @@ input[type="range"]:focus::-ms-fill-upper {
.active .circle-clipper.right .circle {
/* duration: ARCTIME */
- -webkit-animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite
- both;
+ -webkit-animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}
@@ -8208,15 +8203,15 @@ input[type="range"]:focus::-ms-fill-upper {
@keyframes left-spin {
from {
-webkit-transform: rotate(130deg);
- transform: rotate(130deg);
+ transform: rotate(130deg);
}
50% {
-webkit-transform: rotate(-5deg);
- transform: rotate(-5deg);
+ transform: rotate(-5deg);
}
to {
-webkit-transform: rotate(130deg);
- transform: rotate(130deg);
+ transform: rotate(130deg);
}
}
@@ -8235,24 +8230,22 @@ input[type="range"]:focus::-ms-fill-upper {
@keyframes right-spin {
from {
-webkit-transform: rotate(-130deg);
- transform: rotate(-130deg);
+ transform: rotate(-130deg);
}
50% {
-webkit-transform: rotate(5deg);
- transform: rotate(5deg);
+ transform: rotate(5deg);
}
to {
-webkit-transform: rotate(-130deg);
- transform: rotate(-130deg);
+ transform: rotate(-130deg);
}
}
#spinnerContainer.cooldown {
/* duration: SHRINK_TIME */
- -webkit-animation: container-rotate 1568ms linear infinite,
- fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1);
- animation: container-rotate 1568ms linear infinite,
- fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1);
+ -webkit-animation: container-rotate 1568ms linear infinite, fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1);
+ animation: container-rotate 1568ms linear infinite, fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1);
}
@-webkit-keyframes fade-out {
@@ -8356,13 +8349,13 @@ input[type="range"]:focus::-ms-fill-upper {
width: 16px;
margin: 0 12px;
background-color: #e0e0e0;
- -webkit-transition: background-color 0.3s;
- transition: background-color 0.3s;
+ -webkit-transition: background-color .3s;
+ transition: background-color .3s;
border-radius: 50%;
}
.slider .indicators .indicator-item.active {
- background-color: #4caf50;
+ background-color: #4CAF50;
}
.carousel {
@@ -8371,11 +8364,11 @@ input[type="range"]:focus::-ms-fill-upper {
width: 100%;
height: 400px;
-webkit-perspective: 500px;
- perspective: 500px;
+ perspective: 500px;
-webkit-transform-style: preserve-3d;
- transform-style: preserve-3d;
+ transform-style: preserve-3d;
-webkit-transform-origin: 0% 50%;
- transform-origin: 0% 50%;
+ transform-origin: 0% 50%;
}
.carousel.carousel-slider {
@@ -8415,7 +8408,7 @@ input[type="range"]:focus::-ms-fill-upper {
}
.carousel .carousel-item {
- display: none;
+ visibility: hidden;
width: 200px;
height: 200px;
position: absolute;
@@ -8444,8 +8437,8 @@ input[type="range"]:focus::-ms-fill-upper {
width: 8px;
margin: 24px 4px;
background-color: rgba(255, 255, 255, 0.5);
- -webkit-transition: background-color 0.3s;
- transition: background-color 0.3s;
+ -webkit-transition: background-color .3s;
+ transition: background-color .3s;
border-radius: 50%;
}
@@ -8464,8 +8457,8 @@ input[type="range"]:focus::-ms-fill-upper {
position: fixed;
z-index: 1000;
visibility: hidden;
- -webkit-transition: visibility 0s 0.3s;
- transition: visibility 0s 0.3s;
+ -webkit-transition: visibility 0s .3s;
+ transition: visibility 0s .3s;
}
.tap-target-wrapper.open {
@@ -8476,33 +8469,27 @@ input[type="range"]:focus::-ms-fill-upper {
.tap-target-wrapper.open .tap-target {
-webkit-transform: scale(1);
- transform: scale(1);
- opacity: 0.95;
- -webkit-transition: opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1),
- -webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1);
- transition: opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1),
- -webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1);
- transition: transform 0.3s cubic-bezier(0.42, 0, 0.58, 1),
- opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1);
- transition: transform 0.3s cubic-bezier(0.42, 0, 0.58, 1),
- opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1),
- -webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1);
+ transform: scale(1);
+ opacity: .95;
+ -webkit-transition: opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1), -webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1);
+ transition: opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1), -webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1);
+ transition: transform 0.3s cubic-bezier(0.42, 0, 0.58, 1), opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1);
+ transition: transform 0.3s cubic-bezier(0.42, 0, 0.58, 1), opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1), -webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1);
}
.tap-target-wrapper.open .tap-target-wave::before {
-webkit-transform: scale(1);
- transform: scale(1);
+ transform: scale(1);
}
.tap-target-wrapper.open .tap-target-wave::after {
visibility: visible;
-webkit-animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
- animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
- -webkit-transition: opacity 0.3s, visibility 0s 1s, -webkit-transform 0.3s;
- transition: opacity 0.3s, visibility 0s 1s, -webkit-transform 0.3s;
- transition: opacity 0.3s, transform 0.3s, visibility 0s 1s;
- transition: opacity 0.3s, transform 0.3s, visibility 0s 1s,
- -webkit-transform 0.3s;
+ animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
+ -webkit-transition: opacity .3s,
visibility 0s 1s,
-webkit-transform .3s;
+ transition: opacity .3s,
visibility 0s 1s,
-webkit-transform .3s;
+ transition: opacity .3s,
transform .3s,
visibility 0s 1s;
+ transition: opacity .3s,
transform .3s,
visibility 0s 1s,
-webkit-transform .3s;
}
.tap-target {
@@ -8510,24 +8497,17 @@ input[type="range"]:focus::-ms-fill-upper {
font-size: 1rem;
border-radius: 50%;
background-color: #ee6e73;
- -webkit-box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.14),
- 0 10px 50px 0 rgba(0, 0, 0, 0.12), 0 30px 10px -20px rgba(0, 0, 0, 0.2);
- box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.14),
- 0 10px 50px 0 rgba(0, 0, 0, 0.12), 0 30px 10px -20px rgba(0, 0, 0, 0.2);
+ -webkit-box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.14), 0 10px 50px 0 rgba(0, 0, 0, 0.12), 0 30px 10px -20px rgba(0, 0, 0, 0.2);
+ box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.14), 0 10px 50px 0 rgba(0, 0, 0, 0.12), 0 30px 10px -20px rgba(0, 0, 0, 0.2);
width: 100%;
height: 100%;
opacity: 0;
-webkit-transform: scale(0);
- transform: scale(0);
- -webkit-transition: opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1),
- -webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1);
- transition: opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1),
- -webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1);
- transition: transform 0.3s cubic-bezier(0.42, 0, 0.58, 1),
- opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1);
- transition: transform 0.3s cubic-bezier(0.42, 0, 0.58, 1),
- opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1),
- -webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1);
+ transform: scale(0);
+ -webkit-transition: opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1), -webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1);
+ transition: opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1), -webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1);
+ transition: transform 0.3s cubic-bezier(0.42, 0, 0.58, 1), opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1);
+ transition: transform 0.3s cubic-bezier(0.42, 0, 0.58, 1), opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1), -webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1);
}
.tap-target-content {
@@ -8541,9 +8521,8 @@ input[type="range"]:focus::-ms-fill-upper {
z-index: 10001;
}
-.tap-target-wave::before,
-.tap-target-wave::after {
- content: "";
+.tap-target-wave::before, .tap-target-wave::after {
+ content: '';
display: block;
position: absolute;
width: 100%;
@@ -8554,20 +8533,19 @@ input[type="range"]:focus::-ms-fill-upper {
.tap-target-wave::before {
-webkit-transform: scale(0);
- transform: scale(0);
- -webkit-transition: -webkit-transform 0.3s;
- transition: -webkit-transform 0.3s;
- transition: transform 0.3s;
- transition: transform 0.3s, -webkit-transform 0.3s;
+ transform: scale(0);
+ -webkit-transition: -webkit-transform .3s;
+ transition: -webkit-transform .3s;
+ transition: transform .3s;
+ transition: transform .3s, -webkit-transform .3s;
}
.tap-target-wave::after {
visibility: hidden;
- -webkit-transition: opacity 0.3s, visibility 0s, -webkit-transform 0.3s;
- transition: opacity 0.3s, visibility 0s, -webkit-transform 0.3s;
- transition: opacity 0.3s, transform 0.3s, visibility 0s;
- transition: opacity 0.3s, transform 0.3s, visibility 0s,
- -webkit-transform 0.3s;
+ -webkit-transition: opacity .3s,
visibility 0s,
-webkit-transform .3s;
+ transition: opacity .3s,
visibility 0s,
-webkit-transform .3s;
+ transition: opacity .3s,
transform .3s,
visibility 0s;
+ transition: opacity .3s,
transform .3s,
visibility 0s,
-webkit-transform .3s;
z-index: -1;
}
@@ -8575,31 +8553,29 @@ input[type="range"]:focus::-ms-fill-upper {
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
- transform: translate(-50%, -50%);
+ transform: translate(-50%, -50%);
z-index: 10002;
position: absolute !important;
}
-.tap-target-origin:not(.btn):not(.btn-large),
-.tap-target-origin:not(.btn):not(.btn-large):hover {
+.tap-target-origin:not(.btn):not(.btn-large):not(.btn-small), .tap-target-origin:not(.btn):not(.btn-large):not(.btn-small):hover {
background: none;
}
@media only screen and (max-width: 600px) {
- .tap-target,
- .tap-target-wrapper {
+ .tap-target, .tap-target-wrapper {
width: 600px;
height: 600px;
}
}
.pulse {
- overflow: initial;
+ overflow: visible;
position: relative;
}
.pulse::before {
- content: "";
+ content: '';
display: block;
position: absolute;
width: 100%;
@@ -8608,12 +8584,12 @@ input[type="range"]:focus::-ms-fill-upper {
left: 0;
background-color: inherit;
border-radius: inherit;
- -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
- transition: opacity 0.3s, -webkit-transform 0.3s;
- transition: opacity 0.3s, transform 0.3s;
- transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
+ -webkit-transition: opacity .3s, -webkit-transform .3s;
+ transition: opacity .3s, -webkit-transform .3s;
+ transition: opacity .3s, transform .3s;
+ transition: opacity .3s, transform .3s, -webkit-transform .3s;
-webkit-animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
- animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
+ animation: pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
z-index: -1;
}
@@ -8621,17 +8597,17 @@ input[type="range"]:focus::-ms-fill-upper {
0% {
opacity: 1;
-webkit-transform: scale(1);
- transform: scale(1);
+ transform: scale(1);
}
50% {
opacity: 0;
-webkit-transform: scale(1.5);
- transform: scale(1.5);
+ transform: scale(1.5);
}
100% {
opacity: 0;
-webkit-transform: scale(1.5);
- transform: scale(1.5);
+ transform: scale(1.5);
}
}
@@ -8639,865 +8615,315 @@ input[type="range"]:focus::-ms-fill-upper {
0% {
opacity: 1;
-webkit-transform: scale(1);
- transform: scale(1);
+ transform: scale(1);
}
50% {
opacity: 0;
-webkit-transform: scale(1.5);
- transform: scale(1.5);
+ transform: scale(1.5);
}
100% {
opacity: 0;
-webkit-transform: scale(1.5);
- transform: scale(1.5);
+ transform: scale(1.5);
}
}
-/* ==========================================================================
- $BASE-PICKER
- ========================================================================== */
-/**
- * Note: the root picker element should *NOT* be styled more than what's here.
- */
-.picker {
- font-size: 16px;
- text-align: left;
- line-height: 1.2;
- color: #000000;
- position: absolute;
- z-index: 10000;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- outline: none;
-}
-
-/**
- * The picker input element.
- */
-.picker__input {
- cursor: default;
-}
-
-/**
- * When the picker is opened, the input element is "activated".
- */
-.picker__input.picker__input--active {
- border-color: #0089ec;
-}
-
-/**
- * The holder is the only "scrollable" top-level container element.
- */
-.picker__holder {
- width: 100%;
- overflow-y: auto;
- -webkit-overflow-scrolling: touch;
-}
-
-/*!
- * Default mobile-first, responsive styling for pickadate.js
- * Demo: http://amsul.github.io/pickadate.js
- */
-/**
- * Note: the root picker element should *NOT* be styled more than what's here.
- */
-/**
- * Make the holder and frame fullscreen.
- */
-.picker__holder,
-.picker__frame {
- bottom: 0;
- left: 0;
- right: 0;
- top: 100%;
-}
-
-/**
- * The holder should overlay the entire screen.
- */
-.picker__holder {
- position: fixed;
- -webkit-transition: background 0.15s ease-out, top 0s 0.15s;
- transition: background 0.15s ease-out, top 0s 0.15s;
- -webkit-backface-visibility: hidden;
-}
-
-/**
- * The frame that bounds the box contents of the picker.
- */
-.picker__frame {
- position: absolute;
- margin: 0 auto;
- min-width: 256px;
- width: 300px;
- max-height: 350px;
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
- filter: alpha(opacity=0);
- -moz-opacity: 0;
- opacity: 0;
- -webkit-transition: all 0.15s ease-out;
- transition: all 0.15s ease-out;
-}
-
-@media (min-height: 28.875em) {
- .picker__frame {
- overflow: visible;
- top: auto;
- bottom: -100%;
- max-height: 80%;
- }
-}
-
-@media (min-height: 40.125em) {
- .picker__frame {
- margin-bottom: 7.5%;
- }
-}
-
-/**
- * The wrapper sets the stage to vertically align the box contents.
- */
-.picker__wrap {
- display: table;
- width: 100%;
- height: 100%;
-}
-
-@media (min-height: 28.875em) {
- .picker__wrap {
- display: block;
- }
-}
-
-/**
- * The box contains all the picker contents.
- */
-.picker__box {
- background: #ffffff;
- display: table-cell;
- vertical-align: middle;
-}
-
-@media (min-height: 28.875em) {
- .picker__box {
- display: block;
- border: 1px solid #777777;
- border-top-color: #898989;
- border-bottom-width: 0;
- border-radius: 5px 5px 0 0;
- -webkit-box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24);
- box-shadow: 0 12px 36px 16px rgba(0, 0, 0, 0.24);
- }
-}
-
-/**
- * When the picker opens...
- */
-.picker--opened .picker__holder {
- top: 0;
- background: transparent;
- -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#1E000000,endColorstr=#1E000000)";
- zoom: 1;
- background: rgba(0, 0, 0, 0.32);
- -webkit-transition: background 0.15s ease-out;
- transition: background 0.15s ease-out;
-}
-
-.picker--opened .picker__frame {
- top: 0;
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
- filter: alpha(opacity=100);
- -moz-opacity: 1;
- opacity: 1;
-}
-
-@media (min-height: 35.875em) {
- .picker--opened .picker__frame {
- top: 10%;
- bottom: auto;
- }
-}
-
-/**
- * For `large` screens, transform into an inline picker.
- */
-/* ==========================================================================
- CUSTOM MATERIALIZE STYLES
- ========================================================================== */
-.picker__input.picker__input--active {
- border-color: #e3f2fd;
-}
-
-.picker__frame {
- margin: 0 auto;
+/* Modal */
+.datepicker-modal {
max-width: 325px;
+ min-width: 300px;
+ max-height: none;
}
-@media (min-height: 38.875em) {
- .picker--opened .picker__frame {
- top: 10%;
- bottom: auto;
- }
-}
-
-@media only screen and (min-width: 601px) {
- .picker__box {
- display: -webkit-box;
- display: -webkit-flex;
- display: -ms-flexbox;
- display: flex;
- }
- .picker__frame {
- width: 80%;
- max-width: 600px;
- }
-}
-
-/* ==========================================================================
- $BASE-DATE-PICKER
- ========================================================================== */
-/**
- * The picker box.
- */
-.picker__box {
+.datepicker-container.modal-content {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
padding: 0;
- border-radius: 2px;
- overflow: hidden;
}
-/**
- * The header containing the month and year stuff.
- */
-.picker__header {
+.datepicker-controls {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: justify;
+ -webkit-justify-content: space-between;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+ width: 280px;
+ margin: 0 auto;
+}
+
+.datepicker-controls .selects-container {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+}
+
+.datepicker-controls .select-wrapper input {
+ border-bottom: none;
text-align: center;
- position: relative;
- margin-top: 0.75em;
-}
-
-/**
- * The month and year labels.
- */
-.picker__month,
-.picker__year {
- display: inline-block;
- margin-left: 0.25em;
- margin-right: 0.25em;
-}
-
-/**
- * The month and year selectors.
- */
-.picker__select--month,
-.picker__select--year {
- height: 2em;
- padding: 0;
- margin-left: 0.25em;
- margin-right: 0.25em;
-}
-
-.picker__select--month.browser-default {
- display: inline;
- background-color: #ffffff;
- width: 40%;
-}
-
-.picker__select--year.browser-default {
- display: inline;
- background-color: #ffffff;
- width: 26%;
-}
-
-.picker__select--month:focus,
-.picker__select--year:focus {
- border-color: rgba(0, 0, 0, 0.05);
-}
-
-/**
- * The month navigation buttons.
- */
-.picker__nav--prev,
-.picker__nav--next {
- position: absolute;
- padding: 0.5em 1.25em;
- width: 1em;
- height: 1em;
- -webkit-box-sizing: content-box;
- box-sizing: content-box;
- top: -0.25em;
-}
-
-.picker__nav--prev {
- left: -1em;
- padding-right: 1.25em;
-}
-
-.picker__nav--next {
- right: -1em;
- padding-left: 1.25em;
-}
-
-.picker__nav--disabled,
-.picker__nav--disabled:hover,
-.picker__nav--disabled:before,
-.picker__nav--disabled:before:hover {
- cursor: default;
- background: none;
- border-right-color: #f5f5f5;
- border-left-color: #f5f5f5;
-}
-
-/**
- * The calendar table of dates
- */
-.picker__table {
- text-align: center;
- border-collapse: collapse;
- border-spacing: 0;
- table-layout: fixed;
- font-size: 1rem;
- width: 100%;
- margin-top: 0.75em;
- margin-bottom: 0.5em;
-}
-
-.picker__table th,
-.picker__table td {
- text-align: center;
-}
-
-.picker__table td {
margin: 0;
- padding: 0;
}
-/**
- * The weekday labels
- */
-.picker__weekday {
- width: 14.285714286%;
- font-size: 0.75em;
- padding-bottom: 0.25em;
- color: #999999;
- font-weight: 500;
- /* Increase the spacing a tad */
+.datepicker-controls .select-wrapper input:focus {
+ border-bottom: none;
}
-@media (min-height: 33.875em) {
- .picker__weekday {
- padding-bottom: 0.5em;
- }
-}
-
-/**
- * The days on the calendar
- */
-.picker__day--today {
- position: relative;
- color: #595959;
- letter-spacing: -0.3;
- padding: 0.75rem 0;
- font-weight: 400;
- border: 1px solid transparent;
-}
-
-.picker__day--disabled:before {
- border-top-color: #aaaaaa;
-}
-
-.picker__day--infocus:hover {
- cursor: pointer;
- color: #000;
- font-weight: 500;
-}
-
-.picker__day--outfocus {
+.datepicker-controls .select-wrapper .caret {
display: none;
- padding: 0.75rem 0;
- color: #fff;
}
-.picker__day--outfocus:hover {
- cursor: pointer;
- color: #dddddd;
- font-weight: 500;
+.datepicker-controls .select-year input {
+ width: 50px;
}
-.picker__day--highlighted:hover,
-.picker--focused .picker__day--highlighted {
- cursor: pointer;
+.datepicker-controls .select-month input {
+ width: 70px;
}
-.picker__day--selected,
-.picker__day--selected:hover,
-.picker--focused .picker__day--selected {
- border-radius: 50%;
- -webkit-transform: scale(0.75);
- transform: scale(0.75);
- background: #0089ec;
- color: #ffffff;
-}
-
-.picker__day--disabled,
-.picker__day--disabled:hover,
-.picker--focused .picker__day--disabled {
- background: #f5f5f5;
- border-color: #f5f5f5;
- color: #dddddd;
- cursor: default;
-}
-
-.picker__day--highlighted.picker__day--disabled,
-.picker__day--highlighted.picker__day--disabled:hover {
- background: #bbbbbb;
-}
-
-/**
- * The footer containing the "today", "clear", and "close" buttons.
- */
-.picker__footer {
- text-align: right;
-}
-
-.picker__button--today,
-.picker__button--clear,
-.picker__button--close {
- border: 1px solid #ffffff;
- background: #ffffff;
- font-size: 0.8em;
- padding: 0.66em 0;
- font-weight: bold;
- width: 33%;
- display: inline-block;
- vertical-align: bottom;
-}
-
-.picker__button--today:hover,
-.picker__button--clear:hover,
-.picker__button--close:hover {
- cursor: pointer;
- color: #000000;
- background: #b1dcfb;
- border-bottom-color: #b1dcfb;
-}
-
-.picker__button--today:focus,
-.picker__button--clear:focus,
-.picker__button--close:focus {
- background: #b1dcfb;
- border-color: rgba(0, 0, 0, 0.05);
- outline: none;
-}
-
-.picker__button--today:before,
-.picker__button--clear:before,
-.picker__button--close:before {
- position: relative;
- display: inline-block;
- height: 0;
-}
-
-.picker__button--today:before,
-.picker__button--clear:before {
- content: " ";
- margin-right: 0.45em;
-}
-
-.picker__button--today:before {
- top: -0.05em;
- width: 0;
- border-top: 0.66em solid #0059bc;
- border-left: 0.66em solid transparent;
-}
-
-.picker__button--clear:before {
- top: -0.25em;
- width: 0.66em;
- border-top: 3px solid #ee2200;
-}
-
-.picker__button--close:before {
- content: "\D7";
- top: -0.1em;
- vertical-align: top;
- font-size: 1.1em;
- margin-right: 0.35em;
- color: #777777;
-}
-
-.picker__button--today[disabled],
-.picker__button--today[disabled]:hover {
- background: #f5f5f5;
- border-color: #f5f5f5;
- color: #dddddd;
- cursor: default;
-}
-
-.picker__button--today[disabled]:before {
- border-top-color: #aaaaaa;
-}
-
-/* ==========================================================================
- CUSTOM MATERIALIZE STYLES
- ========================================================================== */
-/*.picker__box {
- border-radius: 2px;
- overflow: hidden;
-}*/
-.picker__date-display {
- text-align: left;
- background-color: #26a69a;
- color: #fff;
- padding: 18px;
- font-weight: 300;
-}
-
-@media only screen and (min-width: 601px) {
- .picker__date-display {
- -webkit-box-flex: 1;
- -webkit-flex: 1;
- -ms-flex: 1;
- flex: 1;
- }
- .picker__weekday-display {
- display: block;
- }
- .picker__container__wrapper {
- -webkit-box-flex: 2;
- -webkit-flex: 2;
- -ms-flex: 2;
- flex: 2;
- }
-}
-
-.picker__nav--prev:hover,
-.picker__nav--next:hover {
- cursor: pointer;
- color: #000000;
- background: #a1ded8;
-}
-
-.picker__weekday-display {
- font-weight: 500;
- font-size: 2.8rem;
- margin-right: 5px;
+.month-prev, .month-next {
margin-top: 4px;
-}
-
-.picker__month-display {
- font-size: 2.8rem;
- font-weight: 500;
-}
-
-.picker__day-display {
- font-size: 2.8rem;
- font-weight: 500;
- margin-right: 5px;
-}
-
-.picker__year-display {
- font-size: 1.5rem;
- font-weight: 500;
- color: rgba(255, 255, 255, 0.7);
-}
-
-/*.picker__box {
- padding: 0;
-}*/
-.picker__calendar-container {
- padding: 0 1rem;
-}
-
-.picker__calendar-container thead {
+ cursor: pointer;
+ background-color: transparent;
border: none;
}
-.picker__table {
- margin-top: 0;
- margin-bottom: 0.5em;
-}
-
-.picker__day--infocus {
- color: rgba(0, 0, 0, 0.87);
- letter-spacing: -0.3px;
- padding: 0.75rem 0;
- font-weight: 400;
- border: 1px solid transparent;
-}
-
-@media only screen and (min-width: 601px) {
- .picker__day--infocus {
- padding: 1.1rem 0;
- }
-}
-
-.picker__day.picker__day--today {
- color: #26a69a;
-}
-
-.picker__day.picker__day--today.picker__day--selected {
- color: #fff;
-}
-
-.picker__weekday {
- font-size: 0.9rem;
-}
-
-.picker__day--selected,
-.picker__day--selected:hover,
-.picker--focused .picker__day--selected {
- border-radius: 50%;
- -webkit-transform: scale(0.9);
- transform: scale(0.9);
+/* Date Display */
+.datepicker-date-display {
+ -webkit-box-flex: 1;
+ -webkit-flex: 1 auto;
+ -ms-flex: 1 auto;
+ flex: 1 auto;
background-color: #26a69a;
- color: #ffffff;
+ color: #fff;
+ padding: 20px 22px;
+ font-weight: 500;
}
-.picker__day--selected.picker__day--outfocus,
-.picker__day--selected:hover.picker__day--outfocus,
-.picker--focused .picker__day--selected.picker__day--outfocus {
- background-color: #a1ded8;
-}
-
-.picker__footer {
- text-align: right;
- padding: 5px 10px;
-}
-
-.picker__close,
-.picker__today,
-.picker__clear {
- font-size: 1.1rem;
- padding: 0 1rem;
- color: #26a69a;
-}
-
-.picker__clear {
- color: #f44336;
- float: left;
-}
-
-.picker__nav--prev:before,
-.picker__nav--next:before {
- content: " ";
- border-top: 0.5em solid transparent;
- border-bottom: 0.5em solid transparent;
- border-right: 0.75em solid #676767;
- width: 0;
- height: 0;
+.datepicker-date-display .year-text {
display: block;
+ font-size: 1.5rem;
+ line-height: 25px;
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.datepicker-date-display .date-text {
+ display: block;
+ font-size: 2.8rem;
+ line-height: 47px;
+ font-weight: 500;
+}
+
+/* Calendar */
+.datepicker-calendar-container {
+ -webkit-box-flex: 2.5;
+ -webkit-flex: 2.5 auto;
+ -ms-flex: 2.5 auto;
+ flex: 2.5 auto;
+}
+
+.datepicker-table {
+ width: 280px;
+ font-size: 1rem;
margin: 0 auto;
}
-.picker__nav--next:before {
- border-right: 0;
- border-left: 0.75em solid #676767;
+.datepicker-table thead {
+ border-bottom: none;
}
-button.picker__today:focus,
-button.picker__clear:focus,
-button.picker__close:focus {
- background-color: #a1ded8;
-}
-
-/* ==========================================================================
- $BASE-TIME-PICKER
- ========================================================================== */
-/**
- * The list of times.
- */
-.picker__list {
- list-style: none;
- padding: 0.75em 0 4.2em;
- margin: 0;
-}
-
-/**
- * The times on the clock.
- */
-.picker__list-item {
- border-bottom: 1px solid #ddd;
- border-top: 1px solid #ddd;
- margin-bottom: -1px;
- position: relative;
- background: #fff;
- padding: 0.75em 1.25em;
-}
-
-@media (min-height: 46.75em) {
- .picker__list-item {
- padding: 0.5em 1em;
- }
-}
-
-/* Hovered time */
-.picker__list-item:hover {
- cursor: pointer;
- color: #000;
- background: #b1dcfb;
- border-color: #0089ec;
- z-index: 10;
-}
-
-/* Highlighted and hovered/focused time */
-.picker__list-item--highlighted {
- border-color: #0089ec;
- z-index: 10;
-}
-
-.picker__list-item--highlighted:hover,
-.picker--focused .picker__list-item--highlighted {
- cursor: pointer;
- color: #000;
- background: #b1dcfb;
-}
-
-/* Selected and hovered/focused time */
-.picker__list-item--selected,
-.picker__list-item--selected:hover,
-.picker--focused .picker__list-item--selected {
- background: #0089ec;
- color: #fff;
- z-index: 10;
-}
-
-/* Disabled time */
-.picker__list-item--disabled,
-.picker__list-item--disabled:hover,
-.picker--focused .picker__list-item--disabled {
- background: #f5f5f5;
- border-color: #f5f5f5;
- color: #ddd;
- cursor: default;
- border-color: #ddd;
- z-index: auto;
-}
-
-/**
- * The clear button
- */
-.picker--time .picker__button--clear {
- display: block;
- width: 80%;
- margin: 1em auto 0;
- padding: 1em 1.25em;
- background: none;
- border: 0;
- font-weight: 500;
- font-size: 0.67em;
+.datepicker-table th {
+ padding: 10px 5px;
text-align: center;
- text-transform: uppercase;
- color: rgba(0, 0, 0, 0.87);
}
-.picker--time .picker__button--clear:hover,
-.picker--time .picker__button--clear:focus {
- color: #000;
- background: #b1dcfb;
- background: #ee2200;
- border-color: #ee2200;
- cursor: pointer;
- color: #fff;
- outline: none;
+.datepicker-table tr {
+ border: none;
}
-.picker--time .picker__button--clear:before {
- top: -0.25em;
- color: rgba(0, 0, 0, 0.87);
- font-size: 1.25em;
- font-weight: bold;
+.datepicker-table abbr {
+ text-decoration: none;
+ color: #999;
}
-.picker--time .picker__button--clear:hover:before,
-.picker--time .picker__button--clear:focus:before {
- color: #fff;
-}
-
-/* ==========================================================================
- $DEFAULT-TIME-PICKER
- ========================================================================== */
-/**
- * The frame the bounds the time picker.
- */
-.picker--time .picker__frame {
- min-width: 256px;
- max-width: 320px;
-}
-
-/**
- * The picker box.
- */
-.picker--time .picker__box {
- font-size: 1em;
- background: #f2f2f2;
+.datepicker-table td {
+ border-radius: 50%;
padding: 0;
}
-@media (min-height: 40.125em) {
- .picker--time .picker__box {
- margin-bottom: 5em;
- }
+.datepicker-table td.is-today {
+ color: #26a69a;
}
-/* ==========================================================================
- $DEFAULT-TIME-PICKER
- ========================================================================== */
-.clockpicker-display {
- font-size: 4rem;
- font-weight: bold;
- text-align: center;
- color: rgba(255, 255, 255, 0.6);
- font-weight: 400;
- clear: both;
- position: relative;
+.datepicker-table td.is-selected {
+ background-color: #26a69a;
+ color: #fff;
}
-.clockpicker-span-am-pm {
- font-size: 1.3rem;
- position: absolute;
- right: 1rem;
- bottom: 0.3rem;
- line-height: 2rem;
- font-weight: 500;
+.datepicker-table td.is-outside-current-month, .datepicker-table td.is-disabled {
+ color: rgba(0, 0, 0, 0.3);
+ pointer-events: none;
}
+.datepicker-day-button {
+ background-color: transparent;
+ border: none;
+ line-height: 38px;
+ display: block;
+ width: 100%;
+ border-radius: 50%;
+ padding: 0 5px;
+ cursor: pointer;
+ color: inherit;
+}
+
+.datepicker-day-button:focus {
+ background-color: rgba(43, 161, 150, 0.25);
+}
+
+/* Footer */
+.datepicker-footer {
+ width: 280px;
+ margin: 0 auto;
+ padding-bottom: 5px;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: justify;
+ -webkit-justify-content: space-between;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+}
+
+.datepicker-cancel,
+.datepicker-clear,
+.datepicker-today,
+.datepicker-done {
+ color: #26a69a;
+ padding: 0 1rem;
+}
+
+.datepicker-clear {
+ color: #F44336;
+}
+
+/* Media Queries */
@media only screen and (min-width: 601px) {
- .clockpicker-display {
- top: 32%;
+ .datepicker-modal {
+ max-width: 625px;
}
- .clockpicker-span-am-pm {
- position: relative;
- right: auto;
- bottom: auto;
- text-align: center;
- margin-top: 1.2rem;
+ .datepicker-container.modal-content {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
}
+ .datepicker-date-display {
+ -webkit-box-flex: 0;
+ -webkit-flex: 0 1 270px;
+ -ms-flex: 0 1 270px;
+ flex: 0 1 270px;
+ }
+ .datepicker-controls,
+ .datepicker-table,
+ .datepicker-footer {
+ width: 320px;
+ }
+ .datepicker-day-button {
+ line-height: 44px;
+ }
+}
+
+/* Timepicker Containers */
+.timepicker-modal {
+ max-width: 325px;
+ max-height: none;
+}
+
+.timepicker-container.modal-content {
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -webkit-box-direction: normal;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ padding: 0;
}
.text-primary {
color: white;
}
-.clockpicker-span-hours {
- margin-right: 3px;
+/* Clock Digital Display */
+.timepicker-digital-display {
+ -webkit-box-flex: 1;
+ -webkit-flex: 1 auto;
+ -ms-flex: 1 auto;
+ flex: 1 auto;
+ background-color: #26a69a;
+ padding: 10px;
+ font-weight: 300;
}
-.clockpicker-span-minutes {
- margin-left: 3px;
+.timepicker-text-container {
+ font-size: 4rem;
+ font-weight: bold;
+ text-align: center;
+ color: rgba(255, 255, 255, 0.6);
+ font-weight: 400;
+ position: relative;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
}
-.clockpicker-span-hours,
-.clockpicker-span-minutes,
-.clockpicker-span-am-pm div {
+.timepicker-span-hours,
+.timepicker-span-minutes,
+.timepicker-span-am-pm div {
cursor: pointer;
}
-.clockpicker-moving {
- cursor: move;
+.timepicker-span-hours {
+ margin-right: 3px;
}
-.clockpicker-plate {
+.timepicker-span-minutes {
+ margin-left: 3px;
+}
+
+.timepicker-display-am-pm {
+ font-size: 1.3rem;
+ position: absolute;
+ right: 1rem;
+ bottom: 1rem;
+ font-weight: 400;
+}
+
+/* Analog Clock Display */
+.timepicker-analog-display {
+ -webkit-box-flex: 2.5;
+ -webkit-flex: 2.5 auto;
+ -ms-flex: 2.5 auto;
+ flex: 2.5 auto;
+}
+
+.timepicker-plate {
background-color: #eee;
border-radius: 50%;
width: 270px;
@@ -9508,25 +8934,25 @@ button.picker__close:focus {
margin-top: 25px;
margin-bottom: 5px;
-webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
}
-.clockpicker-canvas,
-.clockpicker-dial {
- width: 270px;
- height: 270px;
+.timepicker-canvas,
+.timepicker-dial {
position: absolute;
- left: -1px;
- top: -1px;
+ left: 0;
+ right: 0;
+ top: 0;
+ bottom: 0;
}
-.clockpicker-minutes {
+.timepicker-minutes {
visibility: hidden;
}
-.clockpicker-tick {
+.timepicker-tick {
border-radius: 50%;
color: rgba(0, 0, 0, 0.87);
line-height: 40px;
@@ -9535,61 +8961,107 @@ button.picker__close:focus {
height: 40px;
position: absolute;
cursor: pointer;
+ font-size: 15px;
}
-.clockpicker-tick.active,
-.clockpicker-tick:hover {
+.timepicker-tick.active,
+.timepicker-tick:hover {
background-color: rgba(38, 166, 154, 0.25);
}
-.clockpicker-dial {
- -webkit-transition: -webkit-transform 350ms, opacity 350ms;
+.timepicker-dial {
-webkit-transition: opacity 350ms, -webkit-transform 350ms;
transition: opacity 350ms, -webkit-transform 350ms;
transition: transform 350ms, opacity 350ms;
transition: transform 350ms, opacity 350ms, -webkit-transform 350ms;
}
-.clockpicker-dial-out {
+.timepicker-dial-out {
opacity: 0;
}
-.clockpicker-hours.clockpicker-dial-out {
- -webkit-transform: scale(1.2, 1.2);
- transform: scale(1.2, 1.2);
+.timepicker-dial-out.timepicker-hours {
+ -webkit-transform: scale(1.1, 1.1);
+ transform: scale(1.1, 1.1);
}
-.clockpicker-minutes.clockpicker-dial-out {
+.timepicker-dial-out.timepicker-minutes {
-webkit-transform: scale(0.8, 0.8);
- transform: scale(0.8, 0.8);
+ transform: scale(0.8, 0.8);
}
-.clockpicker-canvas {
+.timepicker-canvas {
-webkit-transition: opacity 175ms;
transition: opacity 175ms;
}
-.clockpicker-canvas-out {
- opacity: 0.25;
-}
-
-.clockpicker-canvas-bearing {
- stroke: none;
- fill: #26a69a;
-}
-
-.clockpicker-canvas-bg {
- stroke: none;
- fill: #26a69a;
-}
-
-.clockpicker-canvas-bg-trans {
- fill: #26a69a;
-}
-
-.clockpicker-canvas line {
+.timepicker-canvas line {
stroke: #26a69a;
stroke-width: 4;
stroke-linecap: round;
- /*shape-rendering: crispEdges;*/
+}
+
+.timepicker-canvas-out {
+ opacity: 0.25;
+}
+
+.timepicker-canvas-bearing {
+ stroke: none;
+ fill: #26a69a;
+}
+
+.timepicker-canvas-bg {
+ stroke: none;
+ fill: #26a69a;
+}
+
+/* Footer */
+.timepicker-footer {
+ margin: 0 auto;
+ padding: 5px 1rem;
+ display: -webkit-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: flex;
+ -webkit-box-pack: justify;
+ -webkit-justify-content: space-between;
+ -ms-flex-pack: justify;
+ justify-content: space-between;
+}
+
+.timepicker-clear {
+ color: #F44336;
+}
+
+.timepicker-close {
+ color: #26a69a;
+}
+
+.timepicker-clear,
+.timepicker-close {
+ padding: 0 20px;
+}
+
+/* Media Queries */
+@media only screen and (min-width: 601px) {
+ .timepicker-modal {
+ max-width: 600px;
+ }
+ .timepicker-container.modal-content {
+ -webkit-box-orient: horizontal;
+ -webkit-box-direction: normal;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ }
+ .timepicker-text-container {
+ top: 32%;
+ }
+ .timepicker-display-am-pm {
+ position: relative;
+ right: auto;
+ bottom: auto;
+ text-align: center;
+ margin-top: 1.2rem;
+ }
}
diff --git a/app/css/materialize.min.css b/app/css/materialize.min.css
index de1a4e31..74b1741b 100644
--- a/app/css/materialize.min.css
+++ b/app/css/materialize.min.css
@@ -1,16 +1,13 @@
/*!
- * Materialize v0.100.2 (http://materializecss.com)
+ * Materialize v1.0.0 (http://materializecss.com)
* Copyright 2014-2017 Materialize
* MIT License (https://raw.githubusercontent.com/Dogfalo/materialize/master/LICENSE)
*/
-.materialize-red{background-color:#e51c23 !important}.materialize-red-text{color:#e51c23 !important}.materialize-red.lighten-5{background-color:#fdeaeb !important}.materialize-red-text.text-lighten-5{color:#fdeaeb !important}.materialize-red.lighten-4{background-color:#f8c1c3 !important}.materialize-red-text.text-lighten-4{color:#f8c1c3 !important}.materialize-red.lighten-3{background-color:#f3989b !important}.materialize-red-text.text-lighten-3{color:#f3989b !important}.materialize-red.lighten-2{background-color:#ee6e73 !important}.materialize-red-text.text-lighten-2{color:#ee6e73 !important}.materialize-red.lighten-1{background-color:#ea454b !important}.materialize-red-text.text-lighten-1{color:#ea454b !important}.materialize-red.darken-1{background-color:#d0181e !important}.materialize-red-text.text-darken-1{color:#d0181e !important}.materialize-red.darken-2{background-color:#b9151b !important}.materialize-red-text.text-darken-2{color:#b9151b !important}.materialize-red.darken-3{background-color:#a21318 !important}.materialize-red-text.text-darken-3{color:#a21318 !important}.materialize-red.darken-4{background-color:#8b1014 !important}.materialize-red-text.text-darken-4{color:#8b1014 !important}.red{background-color:#F44336 !important}.red-text{color:#F44336 !important}.red.lighten-5{background-color:#FFEBEE !important}.red-text.text-lighten-5{color:#FFEBEE !important}.red.lighten-4{background-color:#FFCDD2 !important}.red-text.text-lighten-4{color:#FFCDD2 !important}.red.lighten-3{background-color:#EF9A9A !important}.red-text.text-lighten-3{color:#EF9A9A !important}.red.lighten-2{background-color:#E57373 !important}.red-text.text-lighten-2{color:#E57373 !important}.red.lighten-1{background-color:#EF5350 !important}.red-text.text-lighten-1{color:#EF5350 !important}.red.darken-1{background-color:#E53935 !important}.red-text.text-darken-1{color:#E53935 !important}.red.darken-2{background-color:#D32F2F !important}.red-text.text-darken-2{color:#D32F2F !important}.red.darken-3{background-color:#C62828 !important}.red-text.text-darken-3{color:#C62828 !important}.red.darken-4{background-color:#B71C1C !important}.red-text.text-darken-4{color:#B71C1C !important}.red.accent-1{background-color:#FF8A80 !important}.red-text.text-accent-1{color:#FF8A80 !important}.red.accent-2{background-color:#FF5252 !important}.red-text.text-accent-2{color:#FF5252 !important}.red.accent-3{background-color:#FF1744 !important}.red-text.text-accent-3{color:#FF1744 !important}.red.accent-4{background-color:#D50000 !important}.red-text.text-accent-4{color:#D50000 !important}.pink{background-color:#e91e63 !important}.pink-text{color:#e91e63 !important}.pink.lighten-5{background-color:#fce4ec !important}.pink-text.text-lighten-5{color:#fce4ec !important}.pink.lighten-4{background-color:#f8bbd0 !important}.pink-text.text-lighten-4{color:#f8bbd0 !important}.pink.lighten-3{background-color:#f48fb1 !important}.pink-text.text-lighten-3{color:#f48fb1 !important}.pink.lighten-2{background-color:#f06292 !important}.pink-text.text-lighten-2{color:#f06292 !important}.pink.lighten-1{background-color:#ec407a !important}.pink-text.text-lighten-1{color:#ec407a !important}.pink.darken-1{background-color:#d81b60 !important}.pink-text.text-darken-1{color:#d81b60 !important}.pink.darken-2{background-color:#c2185b !important}.pink-text.text-darken-2{color:#c2185b !important}.pink.darken-3{background-color:#ad1457 !important}.pink-text.text-darken-3{color:#ad1457 !important}.pink.darken-4{background-color:#880e4f !important}.pink-text.text-darken-4{color:#880e4f !important}.pink.accent-1{background-color:#ff80ab !important}.pink-text.text-accent-1{color:#ff80ab !important}.pink.accent-2{background-color:#ff4081 !important}.pink-text.text-accent-2{color:#ff4081 !important}.pink.accent-3{background-color:#f50057 !important}.pink-text.text-accent-3{color:#f50057 !important}.pink.accent-4{background-color:#c51162 !important}.pink-text.text-accent-4{color:#c51162 !important}.purple{background-color:#9c27b0 !important}.purple-text{color:#9c27b0 !important}.purple.lighten-5{background-color:#f3e5f5 !important}.purple-text.text-lighten-5{color:#f3e5f5 !important}.purple.lighten-4{background-color:#e1bee7 !important}.purple-text.text-lighten-4{color:#e1bee7 !important}.purple.lighten-3{background-color:#ce93d8 !important}.purple-text.text-lighten-3{color:#ce93d8 !important}.purple.lighten-2{background-color:#ba68c8 !important}.purple-text.text-lighten-2{color:#ba68c8 !important}.purple.lighten-1{background-color:#ab47bc !important}.purple-text.text-lighten-1{color:#ab47bc !important}.purple.darken-1{background-color:#8e24aa !important}.purple-text.text-darken-1{color:#8e24aa !important}.purple.darken-2{background-color:#7b1fa2 !important}.purple-text.text-darken-2{color:#7b1fa2 !important}.purple.darken-3{background-color:#6a1b9a !important}.purple-text.text-darken-3{color:#6a1b9a !important}.purple.darken-4{background-color:#4a148c !important}.purple-text.text-darken-4{color:#4a148c !important}.purple.accent-1{background-color:#ea80fc !important}.purple-text.text-accent-1{color:#ea80fc !important}.purple.accent-2{background-color:#e040fb !important}.purple-text.text-accent-2{color:#e040fb !important}.purple.accent-3{background-color:#d500f9 !important}.purple-text.text-accent-3{color:#d500f9 !important}.purple.accent-4{background-color:#a0f !important}.purple-text.text-accent-4{color:#a0f !important}.deep-purple{background-color:#673ab7 !important}.deep-purple-text{color:#673ab7 !important}.deep-purple.lighten-5{background-color:#ede7f6 !important}.deep-purple-text.text-lighten-5{color:#ede7f6 !important}.deep-purple.lighten-4{background-color:#d1c4e9 !important}.deep-purple-text.text-lighten-4{color:#d1c4e9 !important}.deep-purple.lighten-3{background-color:#b39ddb !important}.deep-purple-text.text-lighten-3{color:#b39ddb !important}.deep-purple.lighten-2{background-color:#9575cd !important}.deep-purple-text.text-lighten-2{color:#9575cd !important}.deep-purple.lighten-1{background-color:#7e57c2 !important}.deep-purple-text.text-lighten-1{color:#7e57c2 !important}.deep-purple.darken-1{background-color:#5e35b1 !important}.deep-purple-text.text-darken-1{color:#5e35b1 !important}.deep-purple.darken-2{background-color:#512da8 !important}.deep-purple-text.text-darken-2{color:#512da8 !important}.deep-purple.darken-3{background-color:#4527a0 !important}.deep-purple-text.text-darken-3{color:#4527a0 !important}.deep-purple.darken-4{background-color:#311b92 !important}.deep-purple-text.text-darken-4{color:#311b92 !important}.deep-purple.accent-1{background-color:#b388ff !important}.deep-purple-text.text-accent-1{color:#b388ff !important}.deep-purple.accent-2{background-color:#7c4dff !important}.deep-purple-text.text-accent-2{color:#7c4dff !important}.deep-purple.accent-3{background-color:#651fff !important}.deep-purple-text.text-accent-3{color:#651fff !important}.deep-purple.accent-4{background-color:#6200ea !important}.deep-purple-text.text-accent-4{color:#6200ea !important}.indigo{background-color:#3f51b5 !important}.indigo-text{color:#3f51b5 !important}.indigo.lighten-5{background-color:#e8eaf6 !important}.indigo-text.text-lighten-5{color:#e8eaf6 !important}.indigo.lighten-4{background-color:#c5cae9 !important}.indigo-text.text-lighten-4{color:#c5cae9 !important}.indigo.lighten-3{background-color:#9fa8da !important}.indigo-text.text-lighten-3{color:#9fa8da !important}.indigo.lighten-2{background-color:#7986cb !important}.indigo-text.text-lighten-2{color:#7986cb !important}.indigo.lighten-1{background-color:#5c6bc0 !important}.indigo-text.text-lighten-1{color:#5c6bc0 !important}.indigo.darken-1{background-color:#3949ab !important}.indigo-text.text-darken-1{color:#3949ab !important}.indigo.darken-2{background-color:#303f9f !important}.indigo-text.text-darken-2{color:#303f9f !important}.indigo.darken-3{background-color:#283593 !important}.indigo-text.text-darken-3{color:#283593 !important}.indigo.darken-4{background-color:#1a237e !important}.indigo-text.text-darken-4{color:#1a237e !important}.indigo.accent-1{background-color:#8c9eff !important}.indigo-text.text-accent-1{color:#8c9eff !important}.indigo.accent-2{background-color:#536dfe !important}.indigo-text.text-accent-2{color:#536dfe !important}.indigo.accent-3{background-color:#3d5afe !important}.indigo-text.text-accent-3{color:#3d5afe !important}.indigo.accent-4{background-color:#304ffe !important}.indigo-text.text-accent-4{color:#304ffe !important}.blue{background-color:#2196F3 !important}.blue-text{color:#2196F3 !important}.blue.lighten-5{background-color:#E3F2FD !important}.blue-text.text-lighten-5{color:#E3F2FD !important}.blue.lighten-4{background-color:#BBDEFB !important}.blue-text.text-lighten-4{color:#BBDEFB !important}.blue.lighten-3{background-color:#90CAF9 !important}.blue-text.text-lighten-3{color:#90CAF9 !important}.blue.lighten-2{background-color:#64B5F6 !important}.blue-text.text-lighten-2{color:#64B5F6 !important}.blue.lighten-1{background-color:#42A5F5 !important}.blue-text.text-lighten-1{color:#42A5F5 !important}.blue.darken-1{background-color:#1E88E5 !important}.blue-text.text-darken-1{color:#1E88E5 !important}.blue.darken-2{background-color:#1976D2 !important}.blue-text.text-darken-2{color:#1976D2 !important}.blue.darken-3{background-color:#1565C0 !important}.blue-text.text-darken-3{color:#1565C0 !important}.blue.darken-4{background-color:#0D47A1 !important}.blue-text.text-darken-4{color:#0D47A1 !important}.blue.accent-1{background-color:#82B1FF !important}.blue-text.text-accent-1{color:#82B1FF !important}.blue.accent-2{background-color:#448AFF !important}.blue-text.text-accent-2{color:#448AFF !important}.blue.accent-3{background-color:#2979FF !important}.blue-text.text-accent-3{color:#2979FF !important}.blue.accent-4{background-color:#2962FF !important}.blue-text.text-accent-4{color:#2962FF !important}.light-blue{background-color:#03a9f4 !important}.light-blue-text{color:#03a9f4 !important}.light-blue.lighten-5{background-color:#e1f5fe !important}.light-blue-text.text-lighten-5{color:#e1f5fe !important}.light-blue.lighten-4{background-color:#b3e5fc !important}.light-blue-text.text-lighten-4{color:#b3e5fc !important}.light-blue.lighten-3{background-color:#81d4fa !important}.light-blue-text.text-lighten-3{color:#81d4fa !important}.light-blue.lighten-2{background-color:#4fc3f7 !important}.light-blue-text.text-lighten-2{color:#4fc3f7 !important}.light-blue.lighten-1{background-color:#29b6f6 !important}.light-blue-text.text-lighten-1{color:#29b6f6 !important}.light-blue.darken-1{background-color:#039be5 !important}.light-blue-text.text-darken-1{color:#039be5 !important}.light-blue.darken-2{background-color:#0288d1 !important}.light-blue-text.text-darken-2{color:#0288d1 !important}.light-blue.darken-3{background-color:#0277bd !important}.light-blue-text.text-darken-3{color:#0277bd !important}.light-blue.darken-4{background-color:#01579b !important}.light-blue-text.text-darken-4{color:#01579b !important}.light-blue.accent-1{background-color:#80d8ff !important}.light-blue-text.text-accent-1{color:#80d8ff !important}.light-blue.accent-2{background-color:#40c4ff !important}.light-blue-text.text-accent-2{color:#40c4ff !important}.light-blue.accent-3{background-color:#00b0ff !important}.light-blue-text.text-accent-3{color:#00b0ff !important}.light-blue.accent-4{background-color:#0091ea !important}.light-blue-text.text-accent-4{color:#0091ea !important}.cyan{background-color:#00bcd4 !important}.cyan-text{color:#00bcd4 !important}.cyan.lighten-5{background-color:#e0f7fa !important}.cyan-text.text-lighten-5{color:#e0f7fa !important}.cyan.lighten-4{background-color:#b2ebf2 !important}.cyan-text.text-lighten-4{color:#b2ebf2 !important}.cyan.lighten-3{background-color:#80deea !important}.cyan-text.text-lighten-3{color:#80deea !important}.cyan.lighten-2{background-color:#4dd0e1 !important}.cyan-text.text-lighten-2{color:#4dd0e1 !important}.cyan.lighten-1{background-color:#26c6da !important}.cyan-text.text-lighten-1{color:#26c6da !important}.cyan.darken-1{background-color:#00acc1 !important}.cyan-text.text-darken-1{color:#00acc1 !important}.cyan.darken-2{background-color:#0097a7 !important}.cyan-text.text-darken-2{color:#0097a7 !important}.cyan.darken-3{background-color:#00838f !important}.cyan-text.text-darken-3{color:#00838f !important}.cyan.darken-4{background-color:#006064 !important}.cyan-text.text-darken-4{color:#006064 !important}.cyan.accent-1{background-color:#84ffff !important}.cyan-text.text-accent-1{color:#84ffff !important}.cyan.accent-2{background-color:#18ffff !important}.cyan-text.text-accent-2{color:#18ffff !important}.cyan.accent-3{background-color:#00e5ff !important}.cyan-text.text-accent-3{color:#00e5ff !important}.cyan.accent-4{background-color:#00b8d4 !important}.cyan-text.text-accent-4{color:#00b8d4 !important}.teal{background-color:#009688 !important}.teal-text{color:#009688 !important}.teal.lighten-5{background-color:#e0f2f1 !important}.teal-text.text-lighten-5{color:#e0f2f1 !important}.teal.lighten-4{background-color:#b2dfdb !important}.teal-text.text-lighten-4{color:#b2dfdb !important}.teal.lighten-3{background-color:#80cbc4 !important}.teal-text.text-lighten-3{color:#80cbc4 !important}.teal.lighten-2{background-color:#4db6ac !important}.teal-text.text-lighten-2{color:#4db6ac !important}.teal.lighten-1{background-color:#26a69a !important}.teal-text.text-lighten-1{color:#26a69a !important}.teal.darken-1{background-color:#00897b !important}.teal-text.text-darken-1{color:#00897b !important}.teal.darken-2{background-color:#00796b !important}.teal-text.text-darken-2{color:#00796b !important}.teal.darken-3{background-color:#00695c !important}.teal-text.text-darken-3{color:#00695c !important}.teal.darken-4{background-color:#004d40 !important}.teal-text.text-darken-4{color:#004d40 !important}.teal.accent-1{background-color:#a7ffeb !important}.teal-text.text-accent-1{color:#a7ffeb !important}.teal.accent-2{background-color:#64ffda !important}.teal-text.text-accent-2{color:#64ffda !important}.teal.accent-3{background-color:#1de9b6 !important}.teal-text.text-accent-3{color:#1de9b6 !important}.teal.accent-4{background-color:#00bfa5 !important}.teal-text.text-accent-4{color:#00bfa5 !important}.green{background-color:#4CAF50 !important}.green-text{color:#4CAF50 !important}.green.lighten-5{background-color:#E8F5E9 !important}.green-text.text-lighten-5{color:#E8F5E9 !important}.green.lighten-4{background-color:#C8E6C9 !important}.green-text.text-lighten-4{color:#C8E6C9 !important}.green.lighten-3{background-color:#A5D6A7 !important}.green-text.text-lighten-3{color:#A5D6A7 !important}.green.lighten-2{background-color:#81C784 !important}.green-text.text-lighten-2{color:#81C784 !important}.green.lighten-1{background-color:#66BB6A !important}.green-text.text-lighten-1{color:#66BB6A !important}.green.darken-1{background-color:#43A047 !important}.green-text.text-darken-1{color:#43A047 !important}.green.darken-2{background-color:#388E3C !important}.green-text.text-darken-2{color:#388E3C !important}.green.darken-3{background-color:#2E7D32 !important}.green-text.text-darken-3{color:#2E7D32 !important}.green.darken-4{background-color:#1B5E20 !important}.green-text.text-darken-4{color:#1B5E20 !important}.green.accent-1{background-color:#B9F6CA !important}.green-text.text-accent-1{color:#B9F6CA !important}.green.accent-2{background-color:#69F0AE !important}.green-text.text-accent-2{color:#69F0AE !important}.green.accent-3{background-color:#00E676 !important}.green-text.text-accent-3{color:#00E676 !important}.green.accent-4{background-color:#00C853 !important}.green-text.text-accent-4{color:#00C853 !important}.light-green{background-color:#8bc34a !important}.light-green-text{color:#8bc34a !important}.light-green.lighten-5{background-color:#f1f8e9 !important}.light-green-text.text-lighten-5{color:#f1f8e9 !important}.light-green.lighten-4{background-color:#dcedc8 !important}.light-green-text.text-lighten-4{color:#dcedc8 !important}.light-green.lighten-3{background-color:#c5e1a5 !important}.light-green-text.text-lighten-3{color:#c5e1a5 !important}.light-green.lighten-2{background-color:#aed581 !important}.light-green-text.text-lighten-2{color:#aed581 !important}.light-green.lighten-1{background-color:#9ccc65 !important}.light-green-text.text-lighten-1{color:#9ccc65 !important}.light-green.darken-1{background-color:#7cb342 !important}.light-green-text.text-darken-1{color:#7cb342 !important}.light-green.darken-2{background-color:#689f38 !important}.light-green-text.text-darken-2{color:#689f38 !important}.light-green.darken-3{background-color:#558b2f !important}.light-green-text.text-darken-3{color:#558b2f !important}.light-green.darken-4{background-color:#33691e !important}.light-green-text.text-darken-4{color:#33691e !important}.light-green.accent-1{background-color:#ccff90 !important}.light-green-text.text-accent-1{color:#ccff90 !important}.light-green.accent-2{background-color:#b2ff59 !important}.light-green-text.text-accent-2{color:#b2ff59 !important}.light-green.accent-3{background-color:#76ff03 !important}.light-green-text.text-accent-3{color:#76ff03 !important}.light-green.accent-4{background-color:#64dd17 !important}.light-green-text.text-accent-4{color:#64dd17 !important}.lime{background-color:#cddc39 !important}.lime-text{color:#cddc39 !important}.lime.lighten-5{background-color:#f9fbe7 !important}.lime-text.text-lighten-5{color:#f9fbe7 !important}.lime.lighten-4{background-color:#f0f4c3 !important}.lime-text.text-lighten-4{color:#f0f4c3 !important}.lime.lighten-3{background-color:#e6ee9c !important}.lime-text.text-lighten-3{color:#e6ee9c !important}.lime.lighten-2{background-color:#dce775 !important}.lime-text.text-lighten-2{color:#dce775 !important}.lime.lighten-1{background-color:#d4e157 !important}.lime-text.text-lighten-1{color:#d4e157 !important}.lime.darken-1{background-color:#c0ca33 !important}.lime-text.text-darken-1{color:#c0ca33 !important}.lime.darken-2{background-color:#afb42b !important}.lime-text.text-darken-2{color:#afb42b !important}.lime.darken-3{background-color:#9e9d24 !important}.lime-text.text-darken-3{color:#9e9d24 !important}.lime.darken-4{background-color:#827717 !important}.lime-text.text-darken-4{color:#827717 !important}.lime.accent-1{background-color:#f4ff81 !important}.lime-text.text-accent-1{color:#f4ff81 !important}.lime.accent-2{background-color:#eeff41 !important}.lime-text.text-accent-2{color:#eeff41 !important}.lime.accent-3{background-color:#c6ff00 !important}.lime-text.text-accent-3{color:#c6ff00 !important}.lime.accent-4{background-color:#aeea00 !important}.lime-text.text-accent-4{color:#aeea00 !important}.yellow{background-color:#ffeb3b !important}.yellow-text{color:#ffeb3b !important}.yellow.lighten-5{background-color:#fffde7 !important}.yellow-text.text-lighten-5{color:#fffde7 !important}.yellow.lighten-4{background-color:#fff9c4 !important}.yellow-text.text-lighten-4{color:#fff9c4 !important}.yellow.lighten-3{background-color:#fff59d !important}.yellow-text.text-lighten-3{color:#fff59d !important}.yellow.lighten-2{background-color:#fff176 !important}.yellow-text.text-lighten-2{color:#fff176 !important}.yellow.lighten-1{background-color:#ffee58 !important}.yellow-text.text-lighten-1{color:#ffee58 !important}.yellow.darken-1{background-color:#fdd835 !important}.yellow-text.text-darken-1{color:#fdd835 !important}.yellow.darken-2{background-color:#fbc02d !important}.yellow-text.text-darken-2{color:#fbc02d !important}.yellow.darken-3{background-color:#f9a825 !important}.yellow-text.text-darken-3{color:#f9a825 !important}.yellow.darken-4{background-color:#f57f17 !important}.yellow-text.text-darken-4{color:#f57f17 !important}.yellow.accent-1{background-color:#ffff8d !important}.yellow-text.text-accent-1{color:#ffff8d !important}.yellow.accent-2{background-color:#ff0 !important}.yellow-text.text-accent-2{color:#ff0 !important}.yellow.accent-3{background-color:#ffea00 !important}.yellow-text.text-accent-3{color:#ffea00 !important}.yellow.accent-4{background-color:#ffd600 !important}.yellow-text.text-accent-4{color:#ffd600 !important}.amber{background-color:#ffc107 !important}.amber-text{color:#ffc107 !important}.amber.lighten-5{background-color:#fff8e1 !important}.amber-text.text-lighten-5{color:#fff8e1 !important}.amber.lighten-4{background-color:#ffecb3 !important}.amber-text.text-lighten-4{color:#ffecb3 !important}.amber.lighten-3{background-color:#ffe082 !important}.amber-text.text-lighten-3{color:#ffe082 !important}.amber.lighten-2{background-color:#ffd54f !important}.amber-text.text-lighten-2{color:#ffd54f !important}.amber.lighten-1{background-color:#ffca28 !important}.amber-text.text-lighten-1{color:#ffca28 !important}.amber.darken-1{background-color:#ffb300 !important}.amber-text.text-darken-1{color:#ffb300 !important}.amber.darken-2{background-color:#ffa000 !important}.amber-text.text-darken-2{color:#ffa000 !important}.amber.darken-3{background-color:#ff8f00 !important}.amber-text.text-darken-3{color:#ff8f00 !important}.amber.darken-4{background-color:#ff6f00 !important}.amber-text.text-darken-4{color:#ff6f00 !important}.amber.accent-1{background-color:#ffe57f !important}.amber-text.text-accent-1{color:#ffe57f !important}.amber.accent-2{background-color:#ffd740 !important}.amber-text.text-accent-2{color:#ffd740 !important}.amber.accent-3{background-color:#ffc400 !important}.amber-text.text-accent-3{color:#ffc400 !important}.amber.accent-4{background-color:#ffab00 !important}.amber-text.text-accent-4{color:#ffab00 !important}.orange{background-color:#ff9800 !important}.orange-text{color:#ff9800 !important}.orange.lighten-5{background-color:#fff3e0 !important}.orange-text.text-lighten-5{color:#fff3e0 !important}.orange.lighten-4{background-color:#ffe0b2 !important}.orange-text.text-lighten-4{color:#ffe0b2 !important}.orange.lighten-3{background-color:#ffcc80 !important}.orange-text.text-lighten-3{color:#ffcc80 !important}.orange.lighten-2{background-color:#ffb74d !important}.orange-text.text-lighten-2{color:#ffb74d !important}.orange.lighten-1{background-color:#ffa726 !important}.orange-text.text-lighten-1{color:#ffa726 !important}.orange.darken-1{background-color:#fb8c00 !important}.orange-text.text-darken-1{color:#fb8c00 !important}.orange.darken-2{background-color:#f57c00 !important}.orange-text.text-darken-2{color:#f57c00 !important}.orange.darken-3{background-color:#ef6c00 !important}.orange-text.text-darken-3{color:#ef6c00 !important}.orange.darken-4{background-color:#e65100 !important}.orange-text.text-darken-4{color:#e65100 !important}.orange.accent-1{background-color:#ffd180 !important}.orange-text.text-accent-1{color:#ffd180 !important}.orange.accent-2{background-color:#ffab40 !important}.orange-text.text-accent-2{color:#ffab40 !important}.orange.accent-3{background-color:#ff9100 !important}.orange-text.text-accent-3{color:#ff9100 !important}.orange.accent-4{background-color:#ff6d00 !important}.orange-text.text-accent-4{color:#ff6d00 !important}.deep-orange{background-color:#ff5722 !important}.deep-orange-text{color:#ff5722 !important}.deep-orange.lighten-5{background-color:#fbe9e7 !important}.deep-orange-text.text-lighten-5{color:#fbe9e7 !important}.deep-orange.lighten-4{background-color:#ffccbc !important}.deep-orange-text.text-lighten-4{color:#ffccbc !important}.deep-orange.lighten-3{background-color:#ffab91 !important}.deep-orange-text.text-lighten-3{color:#ffab91 !important}.deep-orange.lighten-2{background-color:#ff8a65 !important}.deep-orange-text.text-lighten-2{color:#ff8a65 !important}.deep-orange.lighten-1{background-color:#ff7043 !important}.deep-orange-text.text-lighten-1{color:#ff7043 !important}.deep-orange.darken-1{background-color:#f4511e !important}.deep-orange-text.text-darken-1{color:#f4511e !important}.deep-orange.darken-2{background-color:#e64a19 !important}.deep-orange-text.text-darken-2{color:#e64a19 !important}.deep-orange.darken-3{background-color:#d84315 !important}.deep-orange-text.text-darken-3{color:#d84315 !important}.deep-orange.darken-4{background-color:#bf360c !important}.deep-orange-text.text-darken-4{color:#bf360c !important}.deep-orange.accent-1{background-color:#ff9e80 !important}.deep-orange-text.text-accent-1{color:#ff9e80 !important}.deep-orange.accent-2{background-color:#ff6e40 !important}.deep-orange-text.text-accent-2{color:#ff6e40 !important}.deep-orange.accent-3{background-color:#ff3d00 !important}.deep-orange-text.text-accent-3{color:#ff3d00 !important}.deep-orange.accent-4{background-color:#dd2c00 !important}.deep-orange-text.text-accent-4{color:#dd2c00 !important}.brown{background-color:#795548 !important}.brown-text{color:#795548 !important}.brown.lighten-5{background-color:#efebe9 !important}.brown-text.text-lighten-5{color:#efebe9 !important}.brown.lighten-4{background-color:#d7ccc8 !important}.brown-text.text-lighten-4{color:#d7ccc8 !important}.brown.lighten-3{background-color:#bcaaa4 !important}.brown-text.text-lighten-3{color:#bcaaa4 !important}.brown.lighten-2{background-color:#a1887f !important}.brown-text.text-lighten-2{color:#a1887f !important}.brown.lighten-1{background-color:#8d6e63 !important}.brown-text.text-lighten-1{color:#8d6e63 !important}.brown.darken-1{background-color:#6d4c41 !important}.brown-text.text-darken-1{color:#6d4c41 !important}.brown.darken-2{background-color:#5d4037 !important}.brown-text.text-darken-2{color:#5d4037 !important}.brown.darken-3{background-color:#4e342e !important}.brown-text.text-darken-3{color:#4e342e !important}.brown.darken-4{background-color:#3e2723 !important}.brown-text.text-darken-4{color:#3e2723 !important}.blue-grey{background-color:#607d8b !important}.blue-grey-text{color:#607d8b !important}.blue-grey.lighten-5{background-color:#eceff1 !important}.blue-grey-text.text-lighten-5{color:#eceff1 !important}.blue-grey.lighten-4{background-color:#cfd8dc !important}.blue-grey-text.text-lighten-4{color:#cfd8dc !important}.blue-grey.lighten-3{background-color:#b0bec5 !important}.blue-grey-text.text-lighten-3{color:#b0bec5 !important}.blue-grey.lighten-2{background-color:#90a4ae !important}.blue-grey-text.text-lighten-2{color:#90a4ae !important}.blue-grey.lighten-1{background-color:#78909c !important}.blue-grey-text.text-lighten-1{color:#78909c !important}.blue-grey.darken-1{background-color:#546e7a !important}.blue-grey-text.text-darken-1{color:#546e7a !important}.blue-grey.darken-2{background-color:#455a64 !important}.blue-grey-text.text-darken-2{color:#455a64 !important}.blue-grey.darken-3{background-color:#37474f !important}.blue-grey-text.text-darken-3{color:#37474f !important}.blue-grey.darken-4{background-color:#263238 !important}.blue-grey-text.text-darken-4{color:#263238 !important}.grey{background-color:#9e9e9e !important}.grey-text{color:#9e9e9e !important}.grey.lighten-5{background-color:#fafafa !important}.grey-text.text-lighten-5{color:#fafafa !important}.grey.lighten-4{background-color:#f5f5f5 !important}.grey-text.text-lighten-4{color:#f5f5f5 !important}.grey.lighten-3{background-color:#eee !important}.grey-text.text-lighten-3{color:#eee !important}.grey.lighten-2{background-color:#e0e0e0 !important}.grey-text.text-lighten-2{color:#e0e0e0 !important}.grey.lighten-1{background-color:#bdbdbd !important}.grey-text.text-lighten-1{color:#bdbdbd !important}.grey.darken-1{background-color:#757575 !important}.grey-text.text-darken-1{color:#757575 !important}.grey.darken-2{background-color:#616161 !important}.grey-text.text-darken-2{color:#616161 !important}.grey.darken-3{background-color:#424242 !important}.grey-text.text-darken-3{color:#424242 !important}.grey.darken-4{background-color:#212121 !important}.grey-text.text-darken-4{color:#212121 !important}.black{background-color:#000 !important}.black-text{color:#000 !important}.white{background-color:#fff !important}.white-text{color:#fff !important}.transparent{background-color:transparent !important}.transparent-text{color:transparent !important}/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}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:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-webkit-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"]{-webkit-box-sizing:border-box;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;-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 #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}html{-webkit-box-sizing:border-box;box-sizing:border-box}*,*:before,*:after{-webkit-box-sizing:inherit;box-sizing:inherit}ul:not(.browser-default){padding-left:0;list-style-type:none}ul:not(.browser-default)>li{list-style-type:none}a{color:#039be5;text-decoration:none;-webkit-tap-highlight-color:transparent}.valign-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.clearfix{clear:both}.z-depth-0{-webkit-box-shadow:none !important;box-shadow:none !important}.z-depth-1,nav,.card-panel,.card,.toast,.btn,.btn-large,.btn-floating,.dropdown-content,.collapsible,.side-nav{-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2);box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2)}.z-depth-1-half,.btn:hover,.btn-large:hover,.btn-floating:hover{-webkit-box-shadow:0 3px 3px 0 rgba(0,0,0,0.14),0 1px 7px 0 rgba(0,0,0,0.12),0 3px 1px -1px rgba(0,0,0,0.2);box-shadow:0 3px 3px 0 rgba(0,0,0,0.14),0 1px 7px 0 rgba(0,0,0,0.12),0 3px 1px -1px rgba(0,0,0,0.2)}.z-depth-2{-webkit-box-shadow:0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.3);box-shadow:0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.3)}.z-depth-3{-webkit-box-shadow:0 6px 10px 0 rgba(0,0,0,0.14),0 1px 18px 0 rgba(0,0,0,0.12),0 3px 5px -1px rgba(0,0,0,0.3);box-shadow:0 6px 10px 0 rgba(0,0,0,0.14),0 1px 18px 0 rgba(0,0,0,0.12),0 3px 5px -1px rgba(0,0,0,0.3)}.z-depth-4,.modal{-webkit-box-shadow:0 8px 10px 1px rgba(0,0,0,0.14),0 3px 14px 2px rgba(0,0,0,0.12),0 5px 5px -3px rgba(0,0,0,0.3);box-shadow:0 8px 10px 1px rgba(0,0,0,0.14),0 3px 14px 2px rgba(0,0,0,0.12),0 5px 5px -3px rgba(0,0,0,0.3)}.z-depth-5{-webkit-box-shadow:0 16px 24px 2px rgba(0,0,0,0.14),0 6px 30px 5px rgba(0,0,0,0.12),0 8px 10px -5px rgba(0,0,0,0.3);box-shadow:0 16px 24px 2px rgba(0,0,0,0.14),0 6px 30px 5px rgba(0,0,0,0.12),0 8px 10px -5px rgba(0,0,0,0.3)}.hoverable{-webkit-transition:-webkit-box-shadow .25s;transition:-webkit-box-shadow .25s;transition:box-shadow .25s;transition:box-shadow .25s, -webkit-box-shadow .25s}.hoverable:hover{-webkit-box-shadow:0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);box-shadow:0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}.divider{height:1px;overflow:hidden;background-color:#e0e0e0}blockquote{margin:20px 0;padding-left:1.5rem;border-left:5px solid #ee6e73}i{line-height:inherit}i.left{float:left;margin-right:15px}i.right{float:right;margin-left:15px}i.tiny{font-size:1rem}i.small{font-size:2rem}i.medium{font-size:4rem}i.large{font-size:6rem}img.responsive-img,video.responsive-video{max-width:100%;height:auto}.pagination li{display:inline-block;border-radius:2px;text-align:center;vertical-align:top;height:30px}.pagination li a{color:#444;display:inline-block;font-size:1.2rem;padding:0 10px;line-height:30px}.pagination li.active a{color:#fff}.pagination li.active{background-color:#ee6e73}.pagination li.disabled a{cursor:default;color:#999}.pagination li i{font-size:2rem}.pagination li.pages ul li{display:inline-block;float:none}@media only screen and (max-width: 992px){.pagination{width:100%}.pagination li.prev,.pagination li.next{width:10%}.pagination li.pages{width:80%;overflow:hidden;white-space:nowrap}}.breadcrumb{font-size:18px;color:rgba(255,255,255,0.7)}.breadcrumb i,.breadcrumb [class^="mdi-"],.breadcrumb [class*="mdi-"],.breadcrumb i.material-icons{display:inline-block;float:left;font-size:24px}.breadcrumb:before{content:'\E5CC';color:rgba(255,255,255,0.7);vertical-align:top;display:inline-block;font-family:'Material Icons';font-weight:normal;font-style:normal;font-size:25px;margin:0 10px 0 8px;-webkit-font-smoothing:antialiased}.breadcrumb:first-child:before{display:none}.breadcrumb:last-child{color:#fff}.parallax-container{position:relative;overflow:hidden;height:500px}.parallax-container .parallax{position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1}.parallax-container .parallax img{display:none;position:absolute;left:50%;bottom:0;min-width:100%;min-height:100%;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-transform:translateX(-50%);transform:translateX(-50%)}.pin-top,.pin-bottom{position:relative}.pinned{position:fixed !important}ul.staggered-list li{opacity:0}.fade-in{opacity:0;-webkit-transform-origin:0 50%;transform-origin:0 50%}@media only screen and (max-width: 600px){.hide-on-small-only,.hide-on-small-and-down{display:none !important}}@media only screen and (max-width: 992px){.hide-on-med-and-down{display:none !important}}@media only screen and (min-width: 601px){.hide-on-med-and-up{display:none !important}}@media only screen and (min-width: 600px) and (max-width: 992px){.hide-on-med-only{display:none !important}}@media only screen and (min-width: 993px){.hide-on-large-only{display:none !important}}@media only screen and (min-width: 993px){.show-on-large{display:block !important}}@media only screen and (min-width: 600px) and (max-width: 992px){.show-on-medium{display:block !important}}@media only screen and (max-width: 600px){.show-on-small{display:block !important}}@media only screen and (min-width: 601px){.show-on-medium-and-up{display:block !important}}@media only screen and (max-width: 992px){.show-on-medium-and-down{display:block !important}}@media only screen and (max-width: 600px){.center-on-small-only{text-align:center}}.page-footer{padding-top:20px;color:#fff;background-color:#ee6e73}.page-footer .footer-copyright{overflow:hidden;min-height:50px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:10px 0px;color:rgba(255,255,255,0.8);background-color:rgba(51,51,51,0.08)}table,th,td{border:none}table{width:100%;display:table}table.bordered>thead>tr,table.bordered>tbody>tr{border-bottom:1px solid #d0d0d0}table.striped>tbody>tr:nth-child(odd){background-color:#f2f2f2}table.striped>tbody>tr>td{border-radius:0}table.highlight>tbody>tr{-webkit-transition:background-color .25s ease;transition:background-color .25s ease}table.highlight>tbody>tr:hover{background-color:#f2f2f2}table.centered thead tr th,table.centered tbody tr td{text-align:center}thead{border-bottom:1px solid #d0d0d0}td,th{padding:15px 5px;display:table-cell;text-align:left;vertical-align:middle;border-radius:2px}@media only screen and (max-width: 992px){table.responsive-table{width:100%;border-collapse:collapse;border-spacing:0;display:block;position:relative}table.responsive-table td:empty:before{content:'\00a0'}table.responsive-table th,table.responsive-table td{margin:0;vertical-align:top}table.responsive-table th{text-align:left}table.responsive-table thead{display:block;float:left}table.responsive-table thead tr{display:block;padding:0 10px 0 0}table.responsive-table thead tr th::before{content:"\00a0"}table.responsive-table tbody{display:block;width:auto;position:relative;overflow-x:auto;white-space:nowrap}table.responsive-table tbody tr{display:inline-block;vertical-align:top}table.responsive-table th{display:block;text-align:right}table.responsive-table td{display:block;min-height:1.25em;text-align:left}table.responsive-table tr{padding:0 10px}table.responsive-table thead{border:0;border-right:1px solid #d0d0d0}table.responsive-table.bordered th{border-bottom:0;border-left:0}table.responsive-table.bordered td{border-left:0;border-right:0;border-bottom:0}table.responsive-table.bordered tr{border:0}table.responsive-table.bordered tbody tr{border-right:1px solid #d0d0d0}}.collection{margin:.5rem 0 1rem 0;border:1px solid #e0e0e0;border-radius:2px;overflow:hidden;position:relative}.collection .collection-item{background-color:#fff;line-height:1.5rem;padding:10px 20px;margin:0;border-bottom:1px solid #e0e0e0}.collection .collection-item.avatar{min-height:84px;padding-left:72px;position:relative}.collection .collection-item.avatar:not(.circle-clipper)>.circle,.collection .collection-item.avatar :not(.circle-clipper)>.circle{position:absolute;width:42px;height:42px;overflow:hidden;left:15px;display:inline-block;vertical-align:middle}.collection .collection-item.avatar i.circle{font-size:18px;line-height:42px;color:#fff;background-color:#999;text-align:center}.collection .collection-item.avatar .title{font-size:16px}.collection .collection-item.avatar p{margin:0}.collection .collection-item.avatar .secondary-content{position:absolute;top:16px;right:16px}.collection .collection-item:last-child{border-bottom:none}.collection .collection-item.active{background-color:#26a69a;color:#eafaf9}.collection .collection-item.active .secondary-content{color:#fff}.collection a.collection-item{display:block;-webkit-transition:.25s;transition:.25s;color:#26a69a}.collection a.collection-item:not(.active):hover{background-color:#ddd}.collection.with-header .collection-header{background-color:#fff;border-bottom:1px solid #e0e0e0;padding:10px 20px}.collection.with-header .collection-item{padding-left:30px}.collection.with-header .collection-item.avatar{padding-left:72px}.secondary-content{float:right;color:#26a69a}.collapsible .collection{margin:0;border:none}.video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}.video-container iframe,.video-container object,.video-container embed{position:absolute;top:0;left:0;width:100%;height:100%}.progress{position:relative;height:4px;display:block;width:100%;background-color:#acece6;border-radius:2px;margin:.5rem 0 1rem 0;overflow:hidden}.progress .determinate{position:absolute;top:0;left:0;bottom:0;background-color:#26a69a;-webkit-transition:width .3s linear;transition:width .3s linear}.progress .indeterminate{background-color:#26a69a}.progress .indeterminate:before{content:'';position:absolute;background-color:inherit;top:0;left:0;bottom:0;will-change:left, right;-webkit-animation:indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;animation:indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite}.progress .indeterminate:after{content:'';position:absolute;background-color:inherit;top:0;left:0;bottom:0;will-change:left, right;-webkit-animation:indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;animation:indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;-webkit-animation-delay:1.15s;animation-delay:1.15s}@-webkit-keyframes indeterminate{0%{left:-35%;right:100%}60%{left:100%;right:-90%}100%{left:100%;right:-90%}}@keyframes indeterminate{0%{left:-35%;right:100%}60%{left:100%;right:-90%}100%{left:100%;right:-90%}}@-webkit-keyframes indeterminate-short{0%{left:-200%;right:100%}60%{left:107%;right:-8%}100%{left:107%;right:-8%}}@keyframes indeterminate-short{0%{left:-200%;right:100%}60%{left:107%;right:-8%}100%{left:107%;right:-8%}}.hide{display:none !important}.left-align{text-align:left}.right-align{text-align:right}.center,.center-align{text-align:center}.left{float:left !important}.right{float:right !important}.no-select,input[type=range],input[type=range]+.thumb{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.circle{border-radius:50%}.center-block{display:block;margin-left:auto;margin-right:auto}.truncate{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.no-padding{padding:0 !important}span.badge{min-width:3rem;padding:0 6px;margin-left:14px;text-align:center;font-size:1rem;line-height:22px;height:22px;color:#757575;float:right;-webkit-box-sizing:border-box;box-sizing:border-box}span.badge.new{font-weight:300;font-size:0.8rem;color:#fff;background-color:#26a69a;border-radius:2px}span.badge.new:after{content:" new"}span.badge[data-badge-caption]::after{content:" " attr(data-badge-caption)}nav ul a span.badge{display:inline-block;float:none;margin-left:4px;line-height:22px;height:22px;-webkit-font-smoothing:auto}.collection-item span.badge{margin-top:calc(.75rem - 11px)}.collapsible span.badge{margin-left:auto}.side-nav span.badge{margin-top:calc(24px - 11px)}.material-icons{text-rendering:optimizeLegibility;-webkit-font-feature-settings:'liga';-moz-font-feature-settings:'liga';font-feature-settings:'liga'}.container{margin:0 auto;max-width:1280px;width:90%}@media only screen and (min-width: 601px){.container{width:85%}}@media only screen and (min-width: 993px){.container{width:70%}}.container .row{margin-left:-.75rem;margin-right:-.75rem}.section{padding-top:1rem;padding-bottom:1rem}.section.no-pad{padding:0}.section.no-pad-bot{padding-bottom:0}.section.no-pad-top{padding-top:0}.row{margin-left:auto;margin-right:auto;margin-bottom:20px}.row:after{content:"";display:table;clear:both}.row .col{float:left;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 .75rem;min-height:1px}.row .col[class*="push-"],.row .col[class*="pull-"]{position:relative}.row .col.s1{width:8.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.s2{width:16.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.s3{width:25%;margin-left:auto;left:auto;right:auto}.row .col.s4{width:33.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.s5{width:41.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.s6{width:50%;margin-left:auto;left:auto;right:auto}.row .col.s7{width:58.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.s8{width:66.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.s9{width:75%;margin-left:auto;left:auto;right:auto}.row .col.s10{width:83.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.s11{width:91.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.s12{width:100%;margin-left:auto;left:auto;right:auto}.row .col.offset-s1{margin-left:8.3333333333%}.row .col.pull-s1{right:8.3333333333%}.row .col.push-s1{left:8.3333333333%}.row .col.offset-s2{margin-left:16.6666666667%}.row .col.pull-s2{right:16.6666666667%}.row .col.push-s2{left:16.6666666667%}.row .col.offset-s3{margin-left:25%}.row .col.pull-s3{right:25%}.row .col.push-s3{left:25%}.row .col.offset-s4{margin-left:33.3333333333%}.row .col.pull-s4{right:33.3333333333%}.row .col.push-s4{left:33.3333333333%}.row .col.offset-s5{margin-left:41.6666666667%}.row .col.pull-s5{right:41.6666666667%}.row .col.push-s5{left:41.6666666667%}.row .col.offset-s6{margin-left:50%}.row .col.pull-s6{right:50%}.row .col.push-s6{left:50%}.row .col.offset-s7{margin-left:58.3333333333%}.row .col.pull-s7{right:58.3333333333%}.row .col.push-s7{left:58.3333333333%}.row .col.offset-s8{margin-left:66.6666666667%}.row .col.pull-s8{right:66.6666666667%}.row .col.push-s8{left:66.6666666667%}.row .col.offset-s9{margin-left:75%}.row .col.pull-s9{right:75%}.row .col.push-s9{left:75%}.row .col.offset-s10{margin-left:83.3333333333%}.row .col.pull-s10{right:83.3333333333%}.row .col.push-s10{left:83.3333333333%}.row .col.offset-s11{margin-left:91.6666666667%}.row .col.pull-s11{right:91.6666666667%}.row .col.push-s11{left:91.6666666667%}.row .col.offset-s12{margin-left:100%}.row .col.pull-s12{right:100%}.row .col.push-s12{left:100%}@media only screen and (min-width: 601px){.row .col.m1{width:8.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.m2{width:16.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.m3{width:25%;margin-left:auto;left:auto;right:auto}.row .col.m4{width:33.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.m5{width:41.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.m6{width:50%;margin-left:auto;left:auto;right:auto}.row .col.m7{width:58.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.m8{width:66.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.m9{width:75%;margin-left:auto;left:auto;right:auto}.row .col.m10{width:83.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.m11{width:91.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.m12{width:100%;margin-left:auto;left:auto;right:auto}.row .col.offset-m1{margin-left:8.3333333333%}.row .col.pull-m1{right:8.3333333333%}.row .col.push-m1{left:8.3333333333%}.row .col.offset-m2{margin-left:16.6666666667%}.row .col.pull-m2{right:16.6666666667%}.row .col.push-m2{left:16.6666666667%}.row .col.offset-m3{margin-left:25%}.row .col.pull-m3{right:25%}.row .col.push-m3{left:25%}.row .col.offset-m4{margin-left:33.3333333333%}.row .col.pull-m4{right:33.3333333333%}.row .col.push-m4{left:33.3333333333%}.row .col.offset-m5{margin-left:41.6666666667%}.row .col.pull-m5{right:41.6666666667%}.row .col.push-m5{left:41.6666666667%}.row .col.offset-m6{margin-left:50%}.row .col.pull-m6{right:50%}.row .col.push-m6{left:50%}.row .col.offset-m7{margin-left:58.3333333333%}.row .col.pull-m7{right:58.3333333333%}.row .col.push-m7{left:58.3333333333%}.row .col.offset-m8{margin-left:66.6666666667%}.row .col.pull-m8{right:66.6666666667%}.row .col.push-m8{left:66.6666666667%}.row .col.offset-m9{margin-left:75%}.row .col.pull-m9{right:75%}.row .col.push-m9{left:75%}.row .col.offset-m10{margin-left:83.3333333333%}.row .col.pull-m10{right:83.3333333333%}.row .col.push-m10{left:83.3333333333%}.row .col.offset-m11{margin-left:91.6666666667%}.row .col.pull-m11{right:91.6666666667%}.row .col.push-m11{left:91.6666666667%}.row .col.offset-m12{margin-left:100%}.row .col.pull-m12{right:100%}.row .col.push-m12{left:100%}}@media only screen and (min-width: 993px){.row .col.l1{width:8.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.l2{width:16.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.l3{width:25%;margin-left:auto;left:auto;right:auto}.row .col.l4{width:33.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.l5{width:41.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.l6{width:50%;margin-left:auto;left:auto;right:auto}.row .col.l7{width:58.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.l8{width:66.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.l9{width:75%;margin-left:auto;left:auto;right:auto}.row .col.l10{width:83.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.l11{width:91.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.l12{width:100%;margin-left:auto;left:auto;right:auto}.row .col.offset-l1{margin-left:8.3333333333%}.row .col.pull-l1{right:8.3333333333%}.row .col.push-l1{left:8.3333333333%}.row .col.offset-l2{margin-left:16.6666666667%}.row .col.pull-l2{right:16.6666666667%}.row .col.push-l2{left:16.6666666667%}.row .col.offset-l3{margin-left:25%}.row .col.pull-l3{right:25%}.row .col.push-l3{left:25%}.row .col.offset-l4{margin-left:33.3333333333%}.row .col.pull-l4{right:33.3333333333%}.row .col.push-l4{left:33.3333333333%}.row .col.offset-l5{margin-left:41.6666666667%}.row .col.pull-l5{right:41.6666666667%}.row .col.push-l5{left:41.6666666667%}.row .col.offset-l6{margin-left:50%}.row .col.pull-l6{right:50%}.row .col.push-l6{left:50%}.row .col.offset-l7{margin-left:58.3333333333%}.row .col.pull-l7{right:58.3333333333%}.row .col.push-l7{left:58.3333333333%}.row .col.offset-l8{margin-left:66.6666666667%}.row .col.pull-l8{right:66.6666666667%}.row .col.push-l8{left:66.6666666667%}.row .col.offset-l9{margin-left:75%}.row .col.pull-l9{right:75%}.row .col.push-l9{left:75%}.row .col.offset-l10{margin-left:83.3333333333%}.row .col.pull-l10{right:83.3333333333%}.row .col.push-l10{left:83.3333333333%}.row .col.offset-l11{margin-left:91.6666666667%}.row .col.pull-l11{right:91.6666666667%}.row .col.push-l11{left:91.6666666667%}.row .col.offset-l12{margin-left:100%}.row .col.pull-l12{right:100%}.row .col.push-l12{left:100%}}@media only screen and (min-width: 1201px){.row .col.xl1{width:8.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.xl2{width:16.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.xl3{width:25%;margin-left:auto;left:auto;right:auto}.row .col.xl4{width:33.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.xl5{width:41.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.xl6{width:50%;margin-left:auto;left:auto;right:auto}.row .col.xl7{width:58.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.xl8{width:66.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.xl9{width:75%;margin-left:auto;left:auto;right:auto}.row .col.xl10{width:83.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.xl11{width:91.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.xl12{width:100%;margin-left:auto;left:auto;right:auto}.row .col.offset-xl1{margin-left:8.3333333333%}.row .col.pull-xl1{right:8.3333333333%}.row .col.push-xl1{left:8.3333333333%}.row .col.offset-xl2{margin-left:16.6666666667%}.row .col.pull-xl2{right:16.6666666667%}.row .col.push-xl2{left:16.6666666667%}.row .col.offset-xl3{margin-left:25%}.row .col.pull-xl3{right:25%}.row .col.push-xl3{left:25%}.row .col.offset-xl4{margin-left:33.3333333333%}.row .col.pull-xl4{right:33.3333333333%}.row .col.push-xl4{left:33.3333333333%}.row .col.offset-xl5{margin-left:41.6666666667%}.row .col.pull-xl5{right:41.6666666667%}.row .col.push-xl5{left:41.6666666667%}.row .col.offset-xl6{margin-left:50%}.row .col.pull-xl6{right:50%}.row .col.push-xl6{left:50%}.row .col.offset-xl7{margin-left:58.3333333333%}.row .col.pull-xl7{right:58.3333333333%}.row .col.push-xl7{left:58.3333333333%}.row .col.offset-xl8{margin-left:66.6666666667%}.row .col.pull-xl8{right:66.6666666667%}.row .col.push-xl8{left:66.6666666667%}.row .col.offset-xl9{margin-left:75%}.row .col.pull-xl9{right:75%}.row .col.push-xl9{left:75%}.row .col.offset-xl10{margin-left:83.3333333333%}.row .col.pull-xl10{right:83.3333333333%}.row .col.push-xl10{left:83.3333333333%}.row .col.offset-xl11{margin-left:91.6666666667%}.row .col.pull-xl11{right:91.6666666667%}.row .col.push-xl11{left:91.6666666667%}.row .col.offset-xl12{margin-left:100%}.row .col.pull-xl12{right:100%}.row .col.push-xl12{left:100%}}nav{color:#fff;background-color:#ee6e73;width:100%;height:56px;line-height:56px}nav.nav-extended{height:auto}nav.nav-extended .nav-wrapper{min-height:56px;height:auto}nav.nav-extended .nav-content{position:relative;line-height:normal}nav a{color:#fff}nav i,nav [class^="mdi-"],nav [class*="mdi-"],nav i.material-icons{display:block;font-size:24px;height:56px;line-height:56px}nav .nav-wrapper{position:relative;height:100%}@media only screen and (min-width: 993px){nav a.button-collapse{display:none}}nav .button-collapse{float:left;position:relative;z-index:1;height:56px;margin:0 18px}nav .button-collapse i{height:56px;line-height:56px}nav .brand-logo{position:absolute;color:#fff;display:inline-block;font-size:2.1rem;padding:0}nav .brand-logo.center{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}@media only screen and (max-width: 992px){nav .brand-logo{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}nav .brand-logo.left,nav .brand-logo.right{padding:0;-webkit-transform:none;transform:none}nav .brand-logo.left{left:0.5rem}nav .brand-logo.right{right:0.5rem;left:auto}}nav .brand-logo.right{right:0.5rem;padding:0}nav .brand-logo i,nav .brand-logo [class^="mdi-"],nav .brand-logo [class*="mdi-"],nav .brand-logo i.material-icons{float:left;margin-right:15px}nav .nav-title{display:inline-block;font-size:32px;padding:28px 0}nav ul{margin:0}nav ul li{-webkit-transition:background-color .3s;transition:background-color .3s;float:left;padding:0}nav ul li.active{background-color:rgba(0,0,0,0.1)}nav ul a{-webkit-transition:background-color .3s;transition:background-color .3s;font-size:1rem;color:#fff;display:block;padding:0 15px;cursor:pointer}nav ul a.btn,nav ul a.btn-large,nav ul a.btn-large,nav ul a.btn-flat,nav ul a.btn-floating{margin-top:-2px;margin-left:15px;margin-right:15px}nav ul a.btn>.material-icons,nav ul a.btn-large>.material-icons,nav ul a.btn-large>.material-icons,nav ul a.btn-flat>.material-icons,nav ul a.btn-floating>.material-icons{height:inherit;line-height:inherit}nav ul a:hover{background-color:rgba(0,0,0,0.1)}nav ul.left{float:left}nav form{height:100%}nav .input-field{margin:0;height:100%}nav .input-field input{height:100%;font-size:1.2rem;border:none;padding-left:2rem}nav .input-field input:focus,nav .input-field input[type=text]:valid,nav .input-field input[type=password]:valid,nav .input-field input[type=email]:valid,nav .input-field input[type=url]:valid,nav .input-field input[type=date]:valid{border:none;-webkit-box-shadow:none;box-shadow:none}nav .input-field label{top:0;left:0}nav .input-field label i{color:rgba(255,255,255,0.7);-webkit-transition:color .3s;transition:color .3s}nav .input-field label.active i{color:#fff}.navbar-fixed{position:relative;height:56px;z-index:997}.navbar-fixed nav{position:fixed}@media only screen and (min-width: 601px){nav.nav-extended .nav-wrapper{min-height:64px}nav,nav .nav-wrapper i,nav a.button-collapse,nav a.button-collapse i{height:64px;line-height:64px}.navbar-fixed{height:64px}}@font-face{font-family:"Roboto";src:local(Roboto Thin),url("../fonts/roboto/Roboto-Thin.woff2") format("woff2"),url("../fonts/roboto/Roboto-Thin.woff") format("woff");font-weight:100}@font-face{font-family:"Roboto";src:local(Roboto Light),url("../fonts/roboto/Roboto-Light.woff2") format("woff2"),url("../fonts/roboto/Roboto-Light.woff") format("woff");font-weight:300}@font-face{font-family:"Roboto";src:local(Roboto Regular),url("../fonts/roboto/Roboto-Regular.woff2") format("woff2"),url("../fonts/roboto/Roboto-Regular.woff") format("woff");font-weight:400}@font-face{font-family:"Roboto";src:local(Roboto Medium),url("../fonts/roboto/Roboto-Medium.woff2") format("woff2"),url("../fonts/roboto/Roboto-Medium.woff") format("woff");font-weight:500}@font-face{font-family:"Roboto";src:local(Roboto Bold),url("../fonts/roboto/Roboto-Bold.woff2") format("woff2"),url("../fonts/roboto/Roboto-Bold.woff") format("woff");font-weight:700}a{text-decoration:none}html{line-height:1.5;font-family:"Roboto", sans-serif;font-weight:normal;color:rgba(0,0,0,0.87)}@media only screen and (min-width: 0){html{font-size:14px}}@media only screen and (min-width: 992px){html{font-size:14.5px}}@media only screen and (min-width: 1200px){html{font-size:15px}}h1,h2,h3,h4,h5,h6{font-weight:400;line-height:1.1}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-weight:inherit}h1{font-size:4.2rem;line-height:110%;margin:2.1rem 0 1.68rem 0}h2{font-size:3.56rem;line-height:110%;margin:1.78rem 0 1.424rem 0}h3{font-size:2.92rem;line-height:110%;margin:1.46rem 0 1.168rem 0}h4{font-size:2.28rem;line-height:110%;margin:1.14rem 0 .912rem 0}h5{font-size:1.64rem;line-height:110%;margin:.82rem 0 .656rem 0}h6{font-size:1rem;line-height:110%;margin:.5rem 0 .4rem 0}em{font-style:italic}strong{font-weight:500}small{font-size:75%}.light,.page-footer .footer-copyright{font-weight:300}.thin{font-weight:200}.flow-text{font-weight:300}@media only screen and (min-width: 360px){.flow-text{font-size:1.2rem}}@media only screen and (min-width: 390px){.flow-text{font-size:1.224rem}}@media only screen and (min-width: 420px){.flow-text{font-size:1.248rem}}@media only screen and (min-width: 450px){.flow-text{font-size:1.272rem}}@media only screen and (min-width: 480px){.flow-text{font-size:1.296rem}}@media only screen and (min-width: 510px){.flow-text{font-size:1.32rem}}@media only screen and (min-width: 540px){.flow-text{font-size:1.344rem}}@media only screen and (min-width: 570px){.flow-text{font-size:1.368rem}}@media only screen and (min-width: 600px){.flow-text{font-size:1.392rem}}@media only screen and (min-width: 630px){.flow-text{font-size:1.416rem}}@media only screen and (min-width: 660px){.flow-text{font-size:1.44rem}}@media only screen and (min-width: 690px){.flow-text{font-size:1.464rem}}@media only screen and (min-width: 720px){.flow-text{font-size:1.488rem}}@media only screen and (min-width: 750px){.flow-text{font-size:1.512rem}}@media only screen and (min-width: 780px){.flow-text{font-size:1.536rem}}@media only screen and (min-width: 810px){.flow-text{font-size:1.56rem}}@media only screen and (min-width: 840px){.flow-text{font-size:1.584rem}}@media only screen and (min-width: 870px){.flow-text{font-size:1.608rem}}@media only screen and (min-width: 900px){.flow-text{font-size:1.632rem}}@media only screen and (min-width: 930px){.flow-text{font-size:1.656rem}}@media only screen and (min-width: 960px){.flow-text{font-size:1.68rem}}@media only screen and (max-width: 360px){.flow-text{font-size:1.2rem}}.scale-transition{-webkit-transition:-webkit-transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important;transition:-webkit-transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important;transition:transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important;transition:transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63), -webkit-transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important}.scale-transition.scale-out{-webkit-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform .2s !important;transition:-webkit-transform .2s !important;transition:transform .2s !important;transition:transform .2s, -webkit-transform .2s !important}.scale-transition.scale-in{-webkit-transform:scale(1);transform:scale(1)}.card-panel{-webkit-transition:-webkit-box-shadow .25s;transition:-webkit-box-shadow .25s;transition:box-shadow .25s;transition:box-shadow .25s, -webkit-box-shadow .25s;padding:24px;margin:.5rem 0 1rem 0;border-radius:2px;background-color:#fff}.card{position:relative;margin:.5rem 0 1rem 0;background-color:#fff;-webkit-transition:-webkit-box-shadow .25s;transition:-webkit-box-shadow .25s;transition:box-shadow .25s;transition:box-shadow .25s, -webkit-box-shadow .25s;border-radius:2px}.card .card-title{font-size:24px;font-weight:300}.card .card-title.activator{cursor:pointer}.card.small,.card.medium,.card.large{position:relative}.card.small .card-image,.card.medium .card-image,.card.large .card-image{max-height:60%;overflow:hidden}.card.small .card-image+.card-content,.card.medium .card-image+.card-content,.card.large .card-image+.card-content{max-height:40%}.card.small .card-content,.card.medium .card-content,.card.large .card-content{max-height:100%;overflow:hidden}.card.small .card-action,.card.medium .card-action,.card.large .card-action{position:absolute;bottom:0;left:0;right:0}.card.small{height:300px}.card.medium{height:400px}.card.large{height:500px}.card.horizontal{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.card.horizontal.small .card-image,.card.horizontal.medium .card-image,.card.horizontal.large .card-image{height:100%;max-height:none;overflow:visible}.card.horizontal.small .card-image img,.card.horizontal.medium .card-image img,.card.horizontal.large .card-image img{height:100%}.card.horizontal .card-image{max-width:50%}.card.horizontal .card-image img{border-radius:2px 0 0 2px;max-width:100%;width:auto}.card.horizontal .card-stacked{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;position:relative}.card.horizontal .card-stacked .card-content{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}.card.sticky-action .card-action{z-index:2}.card.sticky-action .card-reveal{z-index:1;padding-bottom:64px}.card .card-image{position:relative}.card .card-image img{display:block;border-radius:2px 2px 0 0;position:relative;left:0;right:0;top:0;bottom:0;width:100%}.card .card-image .card-title{color:#fff;position:absolute;bottom:0;left:0;max-width:100%;padding:24px}.card .card-content{padding:24px;border-radius:0 0 2px 2px}.card .card-content p{margin:0;color:inherit}.card .card-content .card-title{display:block;line-height:32px;margin-bottom:8px}.card .card-content .card-title i{line-height:32px}.card .card-action{position:relative;background-color:inherit;border-top:1px solid rgba(160,160,160,0.2);padding:16px 24px}.card .card-action:last-child{border-radius:0 0 2px 2px}.card .card-action a:not(.btn):not(.btn-large):not(.btn-large):not(.btn-floating){color:#ffab40;margin-right:24px;-webkit-transition:color .3s ease;transition:color .3s ease;text-transform:uppercase}.card .card-action a:not(.btn):not(.btn-large):not(.btn-large):not(.btn-floating):hover{color:#ffd8a6}.card .card-reveal{padding:24px;position:absolute;background-color:#fff;width:100%;overflow-y:auto;left:0;top:100%;height:100%;z-index:3;display:none}.card .card-reveal .card-title{cursor:pointer;display:block}#toast-container{display:block;position:fixed;z-index:10000}@media only screen and (max-width: 600px){#toast-container{min-width:100%;bottom:0%}}@media only screen and (min-width: 601px) and (max-width: 992px){#toast-container{left:5%;bottom:7%;max-width:90%}}@media only screen and (min-width: 993px){#toast-container{top:10%;right:7%;max-width:86%}}.toast{border-radius:2px;top:35px;width:auto;margin-top:10px;position:relative;max-width:100%;height:auto;min-height:48px;line-height:1.5em;word-break:break-all;background-color:#323232;padding:10px 25px;font-size:1.1rem;font-weight:300;color:#fff;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;cursor:default}.toast .toast-action{color:#eeff41;font-weight:500;margin-right:-25px;margin-left:3rem}.toast.rounded{border-radius:24px}@media only screen and (max-width: 600px){.toast{width:100%;border-radius:0}}.tabs{position:relative;overflow-x:auto;overflow-y:hidden;height:48px;width:100%;background-color:#fff;margin:0 auto;white-space:nowrap}.tabs.tabs-transparent{background-color:transparent}.tabs.tabs-transparent .tab a,.tabs.tabs-transparent .tab.disabled a,.tabs.tabs-transparent .tab.disabled a:hover{color:rgba(255,255,255,0.7)}.tabs.tabs-transparent .tab a:hover,.tabs.tabs-transparent .tab a.active{color:#fff}.tabs.tabs-transparent .indicator{background-color:#fff}.tabs.tabs-fixed-width{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.tabs.tabs-fixed-width .tab{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}.tabs .tab{display:inline-block;text-align:center;line-height:48px;height:48px;padding:0;margin:0;text-transform:uppercase}.tabs .tab a{color:rgba(238,110,115,0.7);display:block;width:100%;height:100%;padding:0 24px;font-size:14px;text-overflow:ellipsis;overflow:hidden;-webkit-transition:color .28s ease;transition:color .28s ease}.tabs .tab a:hover,.tabs .tab a.active{background-color:transparent;color:#ee6e73}.tabs .tab.disabled a,.tabs .tab.disabled a:hover{color:rgba(238,110,115,0.7);cursor:default}.tabs .indicator{position:absolute;bottom:0;height:2px;background-color:#f6b2b5;will-change:left, right}@media only screen and (max-width: 992px){.tabs{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.tabs .tab{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}.tabs .tab a{padding:0 12px}}.material-tooltip{padding:10px 8px;font-size:1rem;z-index:2000;background-color:transparent;border-radius:2px;color:#fff;min-height:36px;line-height:120%;opacity:0;position:absolute;text-align:center;max-width:calc(100% - 4px);overflow:hidden;left:0;top:0;pointer-events:none;visibility:hidden}.backdrop{position:absolute;opacity:0;height:7px;width:14px;border-radius:0 0 50% 50%;background-color:#323232;z-index:-1;-webkit-transform-origin:50% 0%;transform-origin:50% 0%;visibility:hidden}.btn,.btn-large,.btn-flat{border:none;border-radius:2px;display:inline-block;height:36px;line-height:36px;padding:0 2rem;text-transform:uppercase;vertical-align:middle;-webkit-tap-highlight-color:transparent}.btn.disabled,.disabled.btn-large,.btn-floating.disabled,.btn-large.disabled,.btn-flat.disabled,.btn:disabled,.btn-large:disabled,.btn-floating:disabled,.btn-large:disabled,.btn-flat:disabled,.btn[disabled],[disabled].btn-large,.btn-floating[disabled],.btn-large[disabled],.btn-flat[disabled]{pointer-events:none;background-color:#DFDFDF !important;-webkit-box-shadow:none;box-shadow:none;color:#9F9F9F !important;cursor:default}.btn.disabled:hover,.disabled.btn-large:hover,.btn-floating.disabled:hover,.btn-large.disabled:hover,.btn-flat.disabled:hover,.btn:disabled:hover,.btn-large:disabled:hover,.btn-floating:disabled:hover,.btn-large:disabled:hover,.btn-flat:disabled:hover,.btn[disabled]:hover,[disabled].btn-large:hover,.btn-floating[disabled]:hover,.btn-large[disabled]:hover,.btn-flat[disabled]:hover{background-color:#DFDFDF !important;color:#9F9F9F !important}.btn,.btn-large,.btn-floating,.btn-large,.btn-flat{font-size:1rem;outline:0}.btn i,.btn-large i,.btn-floating i,.btn-large i,.btn-flat i{font-size:1.3rem;line-height:inherit}.btn:focus,.btn-large:focus,.btn-floating:focus{background-color:#1d7d74}.btn,.btn-large{text-decoration:none;color:#fff;background-color:#26a69a;text-align:center;letter-spacing:.5px;-webkit-transition:.2s ease-out;transition:.2s ease-out;cursor:pointer}.btn:hover,.btn-large:hover{background-color:#2bbbad}.btn-floating{display:inline-block;color:#fff;position:relative;overflow:hidden;z-index:1;width:40px;height:40px;line-height:40px;padding:0;background-color:#26a69a;border-radius:50%;-webkit-transition:.3s;transition:.3s;cursor:pointer;vertical-align:middle}.btn-floating:hover{background-color:#26a69a}.btn-floating:before{border-radius:0}.btn-floating.btn-large{width:56px;height:56px}.btn-floating.btn-large.halfway-fab{bottom:-28px}.btn-floating.btn-large i{line-height:56px}.btn-floating.halfway-fab{position:absolute;right:24px;bottom:-20px}.btn-floating.halfway-fab.left{right:auto;left:24px}.btn-floating i{width:inherit;display:inline-block;text-align:center;color:#fff;font-size:1.6rem;line-height:40px}button.btn-floating{border:none}.fixed-action-btn{position:fixed;right:23px;bottom:23px;padding-top:15px;margin-bottom:0;z-index:997}.fixed-action-btn.active ul{visibility:visible}.fixed-action-btn.horizontal{padding:0 0 0 15px}.fixed-action-btn.horizontal ul{text-align:right;right:64px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);height:100%;left:auto;width:500px}.fixed-action-btn.horizontal ul li{display:inline-block;margin:15px 15px 0 0}.fixed-action-btn.toolbar{padding:0;height:56px}.fixed-action-btn.toolbar.active>a i{opacity:0}.fixed-action-btn.toolbar ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;top:0;bottom:0;z-index:1}.fixed-action-btn.toolbar ul li{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;display:inline-block;margin:0;height:100%;-webkit-transition:none;transition:none}.fixed-action-btn.toolbar ul li a{display:block;overflow:hidden;position:relative;width:100%;height:100%;background-color:transparent;-webkit-box-shadow:none;box-shadow:none;color:#fff;line-height:56px;z-index:1}.fixed-action-btn.toolbar ul li a i{line-height:inherit}.fixed-action-btn ul{left:0;right:0;text-align:center;position:absolute;bottom:64px;margin:0;visibility:hidden}.fixed-action-btn ul li{margin-bottom:15px}.fixed-action-btn ul a.btn-floating{opacity:0}.fixed-action-btn .fab-backdrop{position:absolute;top:0;left:0;z-index:-1;width:40px;height:40px;background-color:#26a69a;border-radius:50%;-webkit-transform:scale(0);transform:scale(0)}.btn-flat{-webkit-box-shadow:none;box-shadow:none;background-color:transparent;color:#343434;cursor:pointer;-webkit-transition:background-color .2s;transition:background-color .2s}.btn-flat:focus,.btn-flat:hover{-webkit-box-shadow:none;box-shadow:none}.btn-flat:focus{background-color:rgba(0,0,0,0.1)}.btn-flat.disabled{background-color:transparent !important;color:#b3b2b2 !important;cursor:default}.btn-large{height:54px;line-height:54px}.btn-large i{font-size:1.6rem}.btn-block{display:block}.dropdown-content{background-color:#fff;margin:0;display:none;min-width:100px;max-height:650px;overflow-y:auto;opacity:0;position:absolute;z-index:999;will-change:width, height}.dropdown-content li{clear:both;color:rgba(0,0,0,0.87);cursor:pointer;min-height:50px;line-height:1.5rem;width:100%;text-align:left;text-transform:none}.dropdown-content li:hover,.dropdown-content li.active,.dropdown-content li.selected{background-color:#eee}.dropdown-content li.active.selected{background-color:#e1e1e1}.dropdown-content li.divider{min-height:0;height:1px}.dropdown-content li>a,.dropdown-content li>span{font-size:16px;color:#26a69a;display:block;line-height:22px;padding:14px 16px}.dropdown-content li>span>label{top:1px;left:0;height:18px}.dropdown-content li>a>i{height:inherit;line-height:inherit;float:left;margin:0 24px 0 0;width:24px}.input-field.col .dropdown-content [type="checkbox"]+label{top:1px;left:0;height:18px}/*!
+.materialize-red{background-color:#e51c23 !important}.materialize-red-text{color:#e51c23 !important}.materialize-red.lighten-5{background-color:#fdeaeb !important}.materialize-red-text.text-lighten-5{color:#fdeaeb !important}.materialize-red.lighten-4{background-color:#f8c1c3 !important}.materialize-red-text.text-lighten-4{color:#f8c1c3 !important}.materialize-red.lighten-3{background-color:#f3989b !important}.materialize-red-text.text-lighten-3{color:#f3989b !important}.materialize-red.lighten-2{background-color:#ee6e73 !important}.materialize-red-text.text-lighten-2{color:#ee6e73 !important}.materialize-red.lighten-1{background-color:#ea454b !important}.materialize-red-text.text-lighten-1{color:#ea454b !important}.materialize-red.darken-1{background-color:#d0181e !important}.materialize-red-text.text-darken-1{color:#d0181e !important}.materialize-red.darken-2{background-color:#b9151b !important}.materialize-red-text.text-darken-2{color:#b9151b !important}.materialize-red.darken-3{background-color:#a21318 !important}.materialize-red-text.text-darken-3{color:#a21318 !important}.materialize-red.darken-4{background-color:#8b1014 !important}.materialize-red-text.text-darken-4{color:#8b1014 !important}.red{background-color:#F44336 !important}.red-text{color:#F44336 !important}.red.lighten-5{background-color:#FFEBEE !important}.red-text.text-lighten-5{color:#FFEBEE !important}.red.lighten-4{background-color:#FFCDD2 !important}.red-text.text-lighten-4{color:#FFCDD2 !important}.red.lighten-3{background-color:#EF9A9A !important}.red-text.text-lighten-3{color:#EF9A9A !important}.red.lighten-2{background-color:#E57373 !important}.red-text.text-lighten-2{color:#E57373 !important}.red.lighten-1{background-color:#EF5350 !important}.red-text.text-lighten-1{color:#EF5350 !important}.red.darken-1{background-color:#E53935 !important}.red-text.text-darken-1{color:#E53935 !important}.red.darken-2{background-color:#D32F2F !important}.red-text.text-darken-2{color:#D32F2F !important}.red.darken-3{background-color:#C62828 !important}.red-text.text-darken-3{color:#C62828 !important}.red.darken-4{background-color:#B71C1C !important}.red-text.text-darken-4{color:#B71C1C !important}.red.accent-1{background-color:#FF8A80 !important}.red-text.text-accent-1{color:#FF8A80 !important}.red.accent-2{background-color:#FF5252 !important}.red-text.text-accent-2{color:#FF5252 !important}.red.accent-3{background-color:#FF1744 !important}.red-text.text-accent-3{color:#FF1744 !important}.red.accent-4{background-color:#D50000 !important}.red-text.text-accent-4{color:#D50000 !important}.pink{background-color:#e91e63 !important}.pink-text{color:#e91e63 !important}.pink.lighten-5{background-color:#fce4ec !important}.pink-text.text-lighten-5{color:#fce4ec !important}.pink.lighten-4{background-color:#f8bbd0 !important}.pink-text.text-lighten-4{color:#f8bbd0 !important}.pink.lighten-3{background-color:#f48fb1 !important}.pink-text.text-lighten-3{color:#f48fb1 !important}.pink.lighten-2{background-color:#f06292 !important}.pink-text.text-lighten-2{color:#f06292 !important}.pink.lighten-1{background-color:#ec407a !important}.pink-text.text-lighten-1{color:#ec407a !important}.pink.darken-1{background-color:#d81b60 !important}.pink-text.text-darken-1{color:#d81b60 !important}.pink.darken-2{background-color:#c2185b !important}.pink-text.text-darken-2{color:#c2185b !important}.pink.darken-3{background-color:#ad1457 !important}.pink-text.text-darken-3{color:#ad1457 !important}.pink.darken-4{background-color:#880e4f !important}.pink-text.text-darken-4{color:#880e4f !important}.pink.accent-1{background-color:#ff80ab !important}.pink-text.text-accent-1{color:#ff80ab !important}.pink.accent-2{background-color:#ff4081 !important}.pink-text.text-accent-2{color:#ff4081 !important}.pink.accent-3{background-color:#f50057 !important}.pink-text.text-accent-3{color:#f50057 !important}.pink.accent-4{background-color:#c51162 !important}.pink-text.text-accent-4{color:#c51162 !important}.purple{background-color:#9c27b0 !important}.purple-text{color:#9c27b0 !important}.purple.lighten-5{background-color:#f3e5f5 !important}.purple-text.text-lighten-5{color:#f3e5f5 !important}.purple.lighten-4{background-color:#e1bee7 !important}.purple-text.text-lighten-4{color:#e1bee7 !important}.purple.lighten-3{background-color:#ce93d8 !important}.purple-text.text-lighten-3{color:#ce93d8 !important}.purple.lighten-2{background-color:#ba68c8 !important}.purple-text.text-lighten-2{color:#ba68c8 !important}.purple.lighten-1{background-color:#ab47bc !important}.purple-text.text-lighten-1{color:#ab47bc !important}.purple.darken-1{background-color:#8e24aa !important}.purple-text.text-darken-1{color:#8e24aa !important}.purple.darken-2{background-color:#7b1fa2 !important}.purple-text.text-darken-2{color:#7b1fa2 !important}.purple.darken-3{background-color:#6a1b9a !important}.purple-text.text-darken-3{color:#6a1b9a !important}.purple.darken-4{background-color:#4a148c !important}.purple-text.text-darken-4{color:#4a148c !important}.purple.accent-1{background-color:#ea80fc !important}.purple-text.text-accent-1{color:#ea80fc !important}.purple.accent-2{background-color:#e040fb !important}.purple-text.text-accent-2{color:#e040fb !important}.purple.accent-3{background-color:#d500f9 !important}.purple-text.text-accent-3{color:#d500f9 !important}.purple.accent-4{background-color:#a0f !important}.purple-text.text-accent-4{color:#a0f !important}.deep-purple{background-color:#673ab7 !important}.deep-purple-text{color:#673ab7 !important}.deep-purple.lighten-5{background-color:#ede7f6 !important}.deep-purple-text.text-lighten-5{color:#ede7f6 !important}.deep-purple.lighten-4{background-color:#d1c4e9 !important}.deep-purple-text.text-lighten-4{color:#d1c4e9 !important}.deep-purple.lighten-3{background-color:#b39ddb !important}.deep-purple-text.text-lighten-3{color:#b39ddb !important}.deep-purple.lighten-2{background-color:#9575cd !important}.deep-purple-text.text-lighten-2{color:#9575cd !important}.deep-purple.lighten-1{background-color:#7e57c2 !important}.deep-purple-text.text-lighten-1{color:#7e57c2 !important}.deep-purple.darken-1{background-color:#5e35b1 !important}.deep-purple-text.text-darken-1{color:#5e35b1 !important}.deep-purple.darken-2{background-color:#512da8 !important}.deep-purple-text.text-darken-2{color:#512da8 !important}.deep-purple.darken-3{background-color:#4527a0 !important}.deep-purple-text.text-darken-3{color:#4527a0 !important}.deep-purple.darken-4{background-color:#311b92 !important}.deep-purple-text.text-darken-4{color:#311b92 !important}.deep-purple.accent-1{background-color:#b388ff !important}.deep-purple-text.text-accent-1{color:#b388ff !important}.deep-purple.accent-2{background-color:#7c4dff !important}.deep-purple-text.text-accent-2{color:#7c4dff !important}.deep-purple.accent-3{background-color:#651fff !important}.deep-purple-text.text-accent-3{color:#651fff !important}.deep-purple.accent-4{background-color:#6200ea !important}.deep-purple-text.text-accent-4{color:#6200ea !important}.indigo{background-color:#3f51b5 !important}.indigo-text{color:#3f51b5 !important}.indigo.lighten-5{background-color:#e8eaf6 !important}.indigo-text.text-lighten-5{color:#e8eaf6 !important}.indigo.lighten-4{background-color:#c5cae9 !important}.indigo-text.text-lighten-4{color:#c5cae9 !important}.indigo.lighten-3{background-color:#9fa8da !important}.indigo-text.text-lighten-3{color:#9fa8da !important}.indigo.lighten-2{background-color:#7986cb !important}.indigo-text.text-lighten-2{color:#7986cb !important}.indigo.lighten-1{background-color:#5c6bc0 !important}.indigo-text.text-lighten-1{color:#5c6bc0 !important}.indigo.darken-1{background-color:#3949ab !important}.indigo-text.text-darken-1{color:#3949ab !important}.indigo.darken-2{background-color:#303f9f !important}.indigo-text.text-darken-2{color:#303f9f !important}.indigo.darken-3{background-color:#283593 !important}.indigo-text.text-darken-3{color:#283593 !important}.indigo.darken-4{background-color:#1a237e !important}.indigo-text.text-darken-4{color:#1a237e !important}.indigo.accent-1{background-color:#8c9eff !important}.indigo-text.text-accent-1{color:#8c9eff !important}.indigo.accent-2{background-color:#536dfe !important}.indigo-text.text-accent-2{color:#536dfe !important}.indigo.accent-3{background-color:#3d5afe !important}.indigo-text.text-accent-3{color:#3d5afe !important}.indigo.accent-4{background-color:#304ffe !important}.indigo-text.text-accent-4{color:#304ffe !important}.blue{background-color:#2196F3 !important}.blue-text{color:#2196F3 !important}.blue.lighten-5{background-color:#E3F2FD !important}.blue-text.text-lighten-5{color:#E3F2FD !important}.blue.lighten-4{background-color:#BBDEFB !important}.blue-text.text-lighten-4{color:#BBDEFB !important}.blue.lighten-3{background-color:#90CAF9 !important}.blue-text.text-lighten-3{color:#90CAF9 !important}.blue.lighten-2{background-color:#64B5F6 !important}.blue-text.text-lighten-2{color:#64B5F6 !important}.blue.lighten-1{background-color:#42A5F5 !important}.blue-text.text-lighten-1{color:#42A5F5 !important}.blue.darken-1{background-color:#1E88E5 !important}.blue-text.text-darken-1{color:#1E88E5 !important}.blue.darken-2{background-color:#1976D2 !important}.blue-text.text-darken-2{color:#1976D2 !important}.blue.darken-3{background-color:#1565C0 !important}.blue-text.text-darken-3{color:#1565C0 !important}.blue.darken-4{background-color:#0D47A1 !important}.blue-text.text-darken-4{color:#0D47A1 !important}.blue.accent-1{background-color:#82B1FF !important}.blue-text.text-accent-1{color:#82B1FF !important}.blue.accent-2{background-color:#448AFF !important}.blue-text.text-accent-2{color:#448AFF !important}.blue.accent-3{background-color:#2979FF !important}.blue-text.text-accent-3{color:#2979FF !important}.blue.accent-4{background-color:#2962FF !important}.blue-text.text-accent-4{color:#2962FF !important}.light-blue{background-color:#03a9f4 !important}.light-blue-text{color:#03a9f4 !important}.light-blue.lighten-5{background-color:#e1f5fe !important}.light-blue-text.text-lighten-5{color:#e1f5fe !important}.light-blue.lighten-4{background-color:#b3e5fc !important}.light-blue-text.text-lighten-4{color:#b3e5fc !important}.light-blue.lighten-3{background-color:#81d4fa !important}.light-blue-text.text-lighten-3{color:#81d4fa !important}.light-blue.lighten-2{background-color:#4fc3f7 !important}.light-blue-text.text-lighten-2{color:#4fc3f7 !important}.light-blue.lighten-1{background-color:#29b6f6 !important}.light-blue-text.text-lighten-1{color:#29b6f6 !important}.light-blue.darken-1{background-color:#039be5 !important}.light-blue-text.text-darken-1{color:#039be5 !important}.light-blue.darken-2{background-color:#0288d1 !important}.light-blue-text.text-darken-2{color:#0288d1 !important}.light-blue.darken-3{background-color:#0277bd !important}.light-blue-text.text-darken-3{color:#0277bd !important}.light-blue.darken-4{background-color:#01579b !important}.light-blue-text.text-darken-4{color:#01579b !important}.light-blue.accent-1{background-color:#80d8ff !important}.light-blue-text.text-accent-1{color:#80d8ff !important}.light-blue.accent-2{background-color:#40c4ff !important}.light-blue-text.text-accent-2{color:#40c4ff !important}.light-blue.accent-3{background-color:#00b0ff !important}.light-blue-text.text-accent-3{color:#00b0ff !important}.light-blue.accent-4{background-color:#0091ea !important}.light-blue-text.text-accent-4{color:#0091ea !important}.cyan{background-color:#00bcd4 !important}.cyan-text{color:#00bcd4 !important}.cyan.lighten-5{background-color:#e0f7fa !important}.cyan-text.text-lighten-5{color:#e0f7fa !important}.cyan.lighten-4{background-color:#b2ebf2 !important}.cyan-text.text-lighten-4{color:#b2ebf2 !important}.cyan.lighten-3{background-color:#80deea !important}.cyan-text.text-lighten-3{color:#80deea !important}.cyan.lighten-2{background-color:#4dd0e1 !important}.cyan-text.text-lighten-2{color:#4dd0e1 !important}.cyan.lighten-1{background-color:#26c6da !important}.cyan-text.text-lighten-1{color:#26c6da !important}.cyan.darken-1{background-color:#00acc1 !important}.cyan-text.text-darken-1{color:#00acc1 !important}.cyan.darken-2{background-color:#0097a7 !important}.cyan-text.text-darken-2{color:#0097a7 !important}.cyan.darken-3{background-color:#00838f !important}.cyan-text.text-darken-3{color:#00838f !important}.cyan.darken-4{background-color:#006064 !important}.cyan-text.text-darken-4{color:#006064 !important}.cyan.accent-1{background-color:#84ffff !important}.cyan-text.text-accent-1{color:#84ffff !important}.cyan.accent-2{background-color:#18ffff !important}.cyan-text.text-accent-2{color:#18ffff !important}.cyan.accent-3{background-color:#00e5ff !important}.cyan-text.text-accent-3{color:#00e5ff !important}.cyan.accent-4{background-color:#00b8d4 !important}.cyan-text.text-accent-4{color:#00b8d4 !important}.teal{background-color:#009688 !important}.teal-text{color:#009688 !important}.teal.lighten-5{background-color:#e0f2f1 !important}.teal-text.text-lighten-5{color:#e0f2f1 !important}.teal.lighten-4{background-color:#b2dfdb !important}.teal-text.text-lighten-4{color:#b2dfdb !important}.teal.lighten-3{background-color:#80cbc4 !important}.teal-text.text-lighten-3{color:#80cbc4 !important}.teal.lighten-2{background-color:#4db6ac !important}.teal-text.text-lighten-2{color:#4db6ac !important}.teal.lighten-1{background-color:#26a69a !important}.teal-text.text-lighten-1{color:#26a69a !important}.teal.darken-1{background-color:#00897b !important}.teal-text.text-darken-1{color:#00897b !important}.teal.darken-2{background-color:#00796b !important}.teal-text.text-darken-2{color:#00796b !important}.teal.darken-3{background-color:#00695c !important}.teal-text.text-darken-3{color:#00695c !important}.teal.darken-4{background-color:#004d40 !important}.teal-text.text-darken-4{color:#004d40 !important}.teal.accent-1{background-color:#a7ffeb !important}.teal-text.text-accent-1{color:#a7ffeb !important}.teal.accent-2{background-color:#64ffda !important}.teal-text.text-accent-2{color:#64ffda !important}.teal.accent-3{background-color:#1de9b6 !important}.teal-text.text-accent-3{color:#1de9b6 !important}.teal.accent-4{background-color:#00bfa5 !important}.teal-text.text-accent-4{color:#00bfa5 !important}.green{background-color:#4CAF50 !important}.green-text{color:#4CAF50 !important}.green.lighten-5{background-color:#E8F5E9 !important}.green-text.text-lighten-5{color:#E8F5E9 !important}.green.lighten-4{background-color:#C8E6C9 !important}.green-text.text-lighten-4{color:#C8E6C9 !important}.green.lighten-3{background-color:#A5D6A7 !important}.green-text.text-lighten-3{color:#A5D6A7 !important}.green.lighten-2{background-color:#81C784 !important}.green-text.text-lighten-2{color:#81C784 !important}.green.lighten-1{background-color:#66BB6A !important}.green-text.text-lighten-1{color:#66BB6A !important}.green.darken-1{background-color:#43A047 !important}.green-text.text-darken-1{color:#43A047 !important}.green.darken-2{background-color:#388E3C !important}.green-text.text-darken-2{color:#388E3C !important}.green.darken-3{background-color:#2E7D32 !important}.green-text.text-darken-3{color:#2E7D32 !important}.green.darken-4{background-color:#1B5E20 !important}.green-text.text-darken-4{color:#1B5E20 !important}.green.accent-1{background-color:#B9F6CA !important}.green-text.text-accent-1{color:#B9F6CA !important}.green.accent-2{background-color:#69F0AE !important}.green-text.text-accent-2{color:#69F0AE !important}.green.accent-3{background-color:#00E676 !important}.green-text.text-accent-3{color:#00E676 !important}.green.accent-4{background-color:#00C853 !important}.green-text.text-accent-4{color:#00C853 !important}.light-green{background-color:#8bc34a !important}.light-green-text{color:#8bc34a !important}.light-green.lighten-5{background-color:#f1f8e9 !important}.light-green-text.text-lighten-5{color:#f1f8e9 !important}.light-green.lighten-4{background-color:#dcedc8 !important}.light-green-text.text-lighten-4{color:#dcedc8 !important}.light-green.lighten-3{background-color:#c5e1a5 !important}.light-green-text.text-lighten-3{color:#c5e1a5 !important}.light-green.lighten-2{background-color:#aed581 !important}.light-green-text.text-lighten-2{color:#aed581 !important}.light-green.lighten-1{background-color:#9ccc65 !important}.light-green-text.text-lighten-1{color:#9ccc65 !important}.light-green.darken-1{background-color:#7cb342 !important}.light-green-text.text-darken-1{color:#7cb342 !important}.light-green.darken-2{background-color:#689f38 !important}.light-green-text.text-darken-2{color:#689f38 !important}.light-green.darken-3{background-color:#558b2f !important}.light-green-text.text-darken-3{color:#558b2f !important}.light-green.darken-4{background-color:#33691e !important}.light-green-text.text-darken-4{color:#33691e !important}.light-green.accent-1{background-color:#ccff90 !important}.light-green-text.text-accent-1{color:#ccff90 !important}.light-green.accent-2{background-color:#b2ff59 !important}.light-green-text.text-accent-2{color:#b2ff59 !important}.light-green.accent-3{background-color:#76ff03 !important}.light-green-text.text-accent-3{color:#76ff03 !important}.light-green.accent-4{background-color:#64dd17 !important}.light-green-text.text-accent-4{color:#64dd17 !important}.lime{background-color:#cddc39 !important}.lime-text{color:#cddc39 !important}.lime.lighten-5{background-color:#f9fbe7 !important}.lime-text.text-lighten-5{color:#f9fbe7 !important}.lime.lighten-4{background-color:#f0f4c3 !important}.lime-text.text-lighten-4{color:#f0f4c3 !important}.lime.lighten-3{background-color:#e6ee9c !important}.lime-text.text-lighten-3{color:#e6ee9c !important}.lime.lighten-2{background-color:#dce775 !important}.lime-text.text-lighten-2{color:#dce775 !important}.lime.lighten-1{background-color:#d4e157 !important}.lime-text.text-lighten-1{color:#d4e157 !important}.lime.darken-1{background-color:#c0ca33 !important}.lime-text.text-darken-1{color:#c0ca33 !important}.lime.darken-2{background-color:#afb42b !important}.lime-text.text-darken-2{color:#afb42b !important}.lime.darken-3{background-color:#9e9d24 !important}.lime-text.text-darken-3{color:#9e9d24 !important}.lime.darken-4{background-color:#827717 !important}.lime-text.text-darken-4{color:#827717 !important}.lime.accent-1{background-color:#f4ff81 !important}.lime-text.text-accent-1{color:#f4ff81 !important}.lime.accent-2{background-color:#eeff41 !important}.lime-text.text-accent-2{color:#eeff41 !important}.lime.accent-3{background-color:#c6ff00 !important}.lime-text.text-accent-3{color:#c6ff00 !important}.lime.accent-4{background-color:#aeea00 !important}.lime-text.text-accent-4{color:#aeea00 !important}.yellow{background-color:#ffeb3b !important}.yellow-text{color:#ffeb3b !important}.yellow.lighten-5{background-color:#fffde7 !important}.yellow-text.text-lighten-5{color:#fffde7 !important}.yellow.lighten-4{background-color:#fff9c4 !important}.yellow-text.text-lighten-4{color:#fff9c4 !important}.yellow.lighten-3{background-color:#fff59d !important}.yellow-text.text-lighten-3{color:#fff59d !important}.yellow.lighten-2{background-color:#fff176 !important}.yellow-text.text-lighten-2{color:#fff176 !important}.yellow.lighten-1{background-color:#ffee58 !important}.yellow-text.text-lighten-1{color:#ffee58 !important}.yellow.darken-1{background-color:#fdd835 !important}.yellow-text.text-darken-1{color:#fdd835 !important}.yellow.darken-2{background-color:#fbc02d !important}.yellow-text.text-darken-2{color:#fbc02d !important}.yellow.darken-3{background-color:#f9a825 !important}.yellow-text.text-darken-3{color:#f9a825 !important}.yellow.darken-4{background-color:#f57f17 !important}.yellow-text.text-darken-4{color:#f57f17 !important}.yellow.accent-1{background-color:#ffff8d !important}.yellow-text.text-accent-1{color:#ffff8d !important}.yellow.accent-2{background-color:#ff0 !important}.yellow-text.text-accent-2{color:#ff0 !important}.yellow.accent-3{background-color:#ffea00 !important}.yellow-text.text-accent-3{color:#ffea00 !important}.yellow.accent-4{background-color:#ffd600 !important}.yellow-text.text-accent-4{color:#ffd600 !important}.amber{background-color:#ffc107 !important}.amber-text{color:#ffc107 !important}.amber.lighten-5{background-color:#fff8e1 !important}.amber-text.text-lighten-5{color:#fff8e1 !important}.amber.lighten-4{background-color:#ffecb3 !important}.amber-text.text-lighten-4{color:#ffecb3 !important}.amber.lighten-3{background-color:#ffe082 !important}.amber-text.text-lighten-3{color:#ffe082 !important}.amber.lighten-2{background-color:#ffd54f !important}.amber-text.text-lighten-2{color:#ffd54f !important}.amber.lighten-1{background-color:#ffca28 !important}.amber-text.text-lighten-1{color:#ffca28 !important}.amber.darken-1{background-color:#ffb300 !important}.amber-text.text-darken-1{color:#ffb300 !important}.amber.darken-2{background-color:#ffa000 !important}.amber-text.text-darken-2{color:#ffa000 !important}.amber.darken-3{background-color:#ff8f00 !important}.amber-text.text-darken-3{color:#ff8f00 !important}.amber.darken-4{background-color:#ff6f00 !important}.amber-text.text-darken-4{color:#ff6f00 !important}.amber.accent-1{background-color:#ffe57f !important}.amber-text.text-accent-1{color:#ffe57f !important}.amber.accent-2{background-color:#ffd740 !important}.amber-text.text-accent-2{color:#ffd740 !important}.amber.accent-3{background-color:#ffc400 !important}.amber-text.text-accent-3{color:#ffc400 !important}.amber.accent-4{background-color:#ffab00 !important}.amber-text.text-accent-4{color:#ffab00 !important}.orange{background-color:#ff9800 !important}.orange-text{color:#ff9800 !important}.orange.lighten-5{background-color:#fff3e0 !important}.orange-text.text-lighten-5{color:#fff3e0 !important}.orange.lighten-4{background-color:#ffe0b2 !important}.orange-text.text-lighten-4{color:#ffe0b2 !important}.orange.lighten-3{background-color:#ffcc80 !important}.orange-text.text-lighten-3{color:#ffcc80 !important}.orange.lighten-2{background-color:#ffb74d !important}.orange-text.text-lighten-2{color:#ffb74d !important}.orange.lighten-1{background-color:#ffa726 !important}.orange-text.text-lighten-1{color:#ffa726 !important}.orange.darken-1{background-color:#fb8c00 !important}.orange-text.text-darken-1{color:#fb8c00 !important}.orange.darken-2{background-color:#f57c00 !important}.orange-text.text-darken-2{color:#f57c00 !important}.orange.darken-3{background-color:#ef6c00 !important}.orange-text.text-darken-3{color:#ef6c00 !important}.orange.darken-4{background-color:#e65100 !important}.orange-text.text-darken-4{color:#e65100 !important}.orange.accent-1{background-color:#ffd180 !important}.orange-text.text-accent-1{color:#ffd180 !important}.orange.accent-2{background-color:#ffab40 !important}.orange-text.text-accent-2{color:#ffab40 !important}.orange.accent-3{background-color:#ff9100 !important}.orange-text.text-accent-3{color:#ff9100 !important}.orange.accent-4{background-color:#ff6d00 !important}.orange-text.text-accent-4{color:#ff6d00 !important}.deep-orange{background-color:#ff5722 !important}.deep-orange-text{color:#ff5722 !important}.deep-orange.lighten-5{background-color:#fbe9e7 !important}.deep-orange-text.text-lighten-5{color:#fbe9e7 !important}.deep-orange.lighten-4{background-color:#ffccbc !important}.deep-orange-text.text-lighten-4{color:#ffccbc !important}.deep-orange.lighten-3{background-color:#ffab91 !important}.deep-orange-text.text-lighten-3{color:#ffab91 !important}.deep-orange.lighten-2{background-color:#ff8a65 !important}.deep-orange-text.text-lighten-2{color:#ff8a65 !important}.deep-orange.lighten-1{background-color:#ff7043 !important}.deep-orange-text.text-lighten-1{color:#ff7043 !important}.deep-orange.darken-1{background-color:#f4511e !important}.deep-orange-text.text-darken-1{color:#f4511e !important}.deep-orange.darken-2{background-color:#e64a19 !important}.deep-orange-text.text-darken-2{color:#e64a19 !important}.deep-orange.darken-3{background-color:#d84315 !important}.deep-orange-text.text-darken-3{color:#d84315 !important}.deep-orange.darken-4{background-color:#bf360c !important}.deep-orange-text.text-darken-4{color:#bf360c !important}.deep-orange.accent-1{background-color:#ff9e80 !important}.deep-orange-text.text-accent-1{color:#ff9e80 !important}.deep-orange.accent-2{background-color:#ff6e40 !important}.deep-orange-text.text-accent-2{color:#ff6e40 !important}.deep-orange.accent-3{background-color:#ff3d00 !important}.deep-orange-text.text-accent-3{color:#ff3d00 !important}.deep-orange.accent-4{background-color:#dd2c00 !important}.deep-orange-text.text-accent-4{color:#dd2c00 !important}.brown{background-color:#795548 !important}.brown-text{color:#795548 !important}.brown.lighten-5{background-color:#efebe9 !important}.brown-text.text-lighten-5{color:#efebe9 !important}.brown.lighten-4{background-color:#d7ccc8 !important}.brown-text.text-lighten-4{color:#d7ccc8 !important}.brown.lighten-3{background-color:#bcaaa4 !important}.brown-text.text-lighten-3{color:#bcaaa4 !important}.brown.lighten-2{background-color:#a1887f !important}.brown-text.text-lighten-2{color:#a1887f !important}.brown.lighten-1{background-color:#8d6e63 !important}.brown-text.text-lighten-1{color:#8d6e63 !important}.brown.darken-1{background-color:#6d4c41 !important}.brown-text.text-darken-1{color:#6d4c41 !important}.brown.darken-2{background-color:#5d4037 !important}.brown-text.text-darken-2{color:#5d4037 !important}.brown.darken-3{background-color:#4e342e !important}.brown-text.text-darken-3{color:#4e342e !important}.brown.darken-4{background-color:#3e2723 !important}.brown-text.text-darken-4{color:#3e2723 !important}.blue-grey{background-color:#607d8b !important}.blue-grey-text{color:#607d8b !important}.blue-grey.lighten-5{background-color:#eceff1 !important}.blue-grey-text.text-lighten-5{color:#eceff1 !important}.blue-grey.lighten-4{background-color:#cfd8dc !important}.blue-grey-text.text-lighten-4{color:#cfd8dc !important}.blue-grey.lighten-3{background-color:#b0bec5 !important}.blue-grey-text.text-lighten-3{color:#b0bec5 !important}.blue-grey.lighten-2{background-color:#90a4ae !important}.blue-grey-text.text-lighten-2{color:#90a4ae !important}.blue-grey.lighten-1{background-color:#78909c !important}.blue-grey-text.text-lighten-1{color:#78909c !important}.blue-grey.darken-1{background-color:#546e7a !important}.blue-grey-text.text-darken-1{color:#546e7a !important}.blue-grey.darken-2{background-color:#455a64 !important}.blue-grey-text.text-darken-2{color:#455a64 !important}.blue-grey.darken-3{background-color:#37474f !important}.blue-grey-text.text-darken-3{color:#37474f !important}.blue-grey.darken-4{background-color:#263238 !important}.blue-grey-text.text-darken-4{color:#263238 !important}.grey{background-color:#9e9e9e !important}.grey-text{color:#9e9e9e !important}.grey.lighten-5{background-color:#fafafa !important}.grey-text.text-lighten-5{color:#fafafa !important}.grey.lighten-4{background-color:#f5f5f5 !important}.grey-text.text-lighten-4{color:#f5f5f5 !important}.grey.lighten-3{background-color:#eee !important}.grey-text.text-lighten-3{color:#eee !important}.grey.lighten-2{background-color:#e0e0e0 !important}.grey-text.text-lighten-2{color:#e0e0e0 !important}.grey.lighten-1{background-color:#bdbdbd !important}.grey-text.text-lighten-1{color:#bdbdbd !important}.grey.darken-1{background-color:#757575 !important}.grey-text.text-darken-1{color:#757575 !important}.grey.darken-2{background-color:#616161 !important}.grey-text.text-darken-2{color:#616161 !important}.grey.darken-3{background-color:#424242 !important}.grey-text.text-darken-3{color:#424242 !important}.grey.darken-4{background-color:#212121 !important}.grey-text.text-darken-4{color:#212121 !important}.black{background-color:#000 !important}.black-text{color:#000 !important}.white{background-color:#fff !important}.white-text{color:#fff !important}.transparent{background-color:rgba(0,0,0,0) !important}.transparent-text{color:rgba(0,0,0,0) !important}/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:0.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace, monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;-moz-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,html [type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}html{-webkit-box-sizing:border-box;box-sizing:border-box}*,*:before,*:after{-webkit-box-sizing:inherit;box-sizing:inherit}button,input,optgroup,select,textarea{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif}ul:not(.browser-default){padding-left:0;list-style-type:none}ul:not(.browser-default)>li{list-style-type:none}a{color:#039be5;text-decoration:none;-webkit-tap-highlight-color:transparent}.valign-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.clearfix{clear:both}.z-depth-0{-webkit-box-shadow:none !important;box-shadow:none !important}.z-depth-1,nav,.card-panel,.card,.toast,.btn,.btn-large,.btn-small,.btn-floating,.dropdown-content,.collapsible,.sidenav{-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2)}.z-depth-1-half,.btn:hover,.btn-large:hover,.btn-small:hover,.btn-floating:hover{-webkit-box-shadow:0 3px 3px 0 rgba(0,0,0,0.14),0 1px 7px 0 rgba(0,0,0,0.12),0 3px 1px -1px rgba(0,0,0,0.2);box-shadow:0 3px 3px 0 rgba(0,0,0,0.14),0 1px 7px 0 rgba(0,0,0,0.12),0 3px 1px -1px rgba(0,0,0,0.2)}.z-depth-2{-webkit-box-shadow:0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.3);box-shadow:0 4px 5px 0 rgba(0,0,0,0.14),0 1px 10px 0 rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.3)}.z-depth-3{-webkit-box-shadow:0 8px 17px 2px rgba(0,0,0,0.14),0 3px 14px 2px rgba(0,0,0,0.12),0 5px 5px -3px rgba(0,0,0,0.2);box-shadow:0 8px 17px 2px rgba(0,0,0,0.14),0 3px 14px 2px rgba(0,0,0,0.12),0 5px 5px -3px rgba(0,0,0,0.2)}.z-depth-4{-webkit-box-shadow:0 16px 24px 2px rgba(0,0,0,0.14),0 6px 30px 5px rgba(0,0,0,0.12),0 8px 10px -7px rgba(0,0,0,0.2);box-shadow:0 16px 24px 2px rgba(0,0,0,0.14),0 6px 30px 5px rgba(0,0,0,0.12),0 8px 10px -7px rgba(0,0,0,0.2)}.z-depth-5,.modal{-webkit-box-shadow:0 24px 38px 3px rgba(0,0,0,0.14),0 9px 46px 8px rgba(0,0,0,0.12),0 11px 15px -7px rgba(0,0,0,0.2);box-shadow:0 24px 38px 3px rgba(0,0,0,0.14),0 9px 46px 8px rgba(0,0,0,0.12),0 11px 15px -7px rgba(0,0,0,0.2)}.hoverable{-webkit-transition:-webkit-box-shadow .25s;transition:-webkit-box-shadow .25s;transition:box-shadow .25s;transition:box-shadow .25s, -webkit-box-shadow .25s}.hoverable:hover{-webkit-box-shadow:0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);box-shadow:0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}.divider{height:1px;overflow:hidden;background-color:#e0e0e0}blockquote{margin:20px 0;padding-left:1.5rem;border-left:5px solid #ee6e73}i{line-height:inherit}i.left{float:left;margin-right:15px}i.right{float:right;margin-left:15px}i.tiny{font-size:1rem}i.small{font-size:2rem}i.medium{font-size:4rem}i.large{font-size:6rem}img.responsive-img,video.responsive-video{max-width:100%;height:auto}.pagination li{display:inline-block;border-radius:2px;text-align:center;vertical-align:top;height:30px}.pagination li a{color:#444;display:inline-block;font-size:1.2rem;padding:0 10px;line-height:30px}.pagination li.active a{color:#fff}.pagination li.active{background-color:#ee6e73}.pagination li.disabled a{cursor:default;color:#999}.pagination li i{font-size:2rem}.pagination li.pages ul li{display:inline-block;float:none}@media only screen and (max-width: 992px){.pagination{width:100%}.pagination li.prev,.pagination li.next{width:10%}.pagination li.pages{width:80%;overflow:hidden;white-space:nowrap}}.breadcrumb{font-size:18px;color:rgba(255,255,255,0.7)}.breadcrumb i,.breadcrumb [class^="mdi-"],.breadcrumb [class*="mdi-"],.breadcrumb i.material-icons{display:inline-block;float:left;font-size:24px}.breadcrumb:before{content:'\E5CC';color:rgba(255,255,255,0.7);vertical-align:top;display:inline-block;font-family:'Material Icons';font-weight:normal;font-style:normal;font-size:25px;margin:0 10px 0 8px;-webkit-font-smoothing:antialiased}.breadcrumb:first-child:before{display:none}.breadcrumb:last-child{color:#fff}.parallax-container{position:relative;overflow:hidden;height:500px}.parallax-container .parallax{position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1}.parallax-container .parallax img{opacity:0;position:absolute;left:50%;bottom:0;min-width:100%;min-height:100%;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-transform:translateX(-50%);transform:translateX(-50%)}.pin-top,.pin-bottom{position:relative}.pinned{position:fixed !important}ul.staggered-list li{opacity:0}.fade-in{opacity:0;-webkit-transform-origin:0 50%;transform-origin:0 50%}@media only screen and (max-width: 600px){.hide-on-small-only,.hide-on-small-and-down{display:none !important}}@media only screen and (max-width: 992px){.hide-on-med-and-down{display:none !important}}@media only screen and (min-width: 601px){.hide-on-med-and-up{display:none !important}}@media only screen and (min-width: 600px) and (max-width: 992px){.hide-on-med-only{display:none !important}}@media only screen and (min-width: 993px){.hide-on-large-only{display:none !important}}@media only screen and (min-width: 1201px){.hide-on-extra-large-only{display:none !important}}@media only screen and (min-width: 1201px){.show-on-extra-large{display:block !important}}@media only screen and (min-width: 993px){.show-on-large{display:block !important}}@media only screen and (min-width: 600px) and (max-width: 992px){.show-on-medium{display:block !important}}@media only screen and (max-width: 600px){.show-on-small{display:block !important}}@media only screen and (min-width: 601px){.show-on-medium-and-up{display:block !important}}@media only screen and (max-width: 992px){.show-on-medium-and-down{display:block !important}}@media only screen and (max-width: 600px){.center-on-small-only{text-align:center}}.page-footer{padding-top:20px;color:#fff;background-color:#ee6e73}.page-footer .footer-copyright{overflow:hidden;min-height:50px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:10px 0px;color:rgba(255,255,255,0.8);background-color:rgba(51,51,51,0.08)}table,th,td{border:none}table{width:100%;display:table;border-collapse:collapse;border-spacing:0}table.striped tr{border-bottom:none}table.striped>tbody>tr:nth-child(odd){background-color:rgba(242,242,242,0.5)}table.striped>tbody>tr>td{border-radius:0}table.highlight>tbody>tr{-webkit-transition:background-color .25s ease;transition:background-color .25s ease}table.highlight>tbody>tr:hover{background-color:rgba(242,242,242,0.5)}table.centered thead tr th,table.centered tbody tr td{text-align:center}tr{border-bottom:1px solid rgba(0,0,0,0.12)}td,th{padding:15px 5px;display:table-cell;text-align:left;vertical-align:middle;border-radius:2px}@media only screen and (max-width: 992px){table.responsive-table{width:100%;border-collapse:collapse;border-spacing:0;display:block;position:relative}table.responsive-table td:empty:before{content:'\00a0'}table.responsive-table th,table.responsive-table td{margin:0;vertical-align:top}table.responsive-table th{text-align:left}table.responsive-table thead{display:block;float:left}table.responsive-table thead tr{display:block;padding:0 10px 0 0}table.responsive-table thead tr th::before{content:"\00a0"}table.responsive-table tbody{display:block;width:auto;position:relative;overflow-x:auto;white-space:nowrap}table.responsive-table tbody tr{display:inline-block;vertical-align:top}table.responsive-table th{display:block;text-align:right}table.responsive-table td{display:block;min-height:1.25em;text-align:left}table.responsive-table tr{border-bottom:none;padding:0 10px}table.responsive-table thead{border:0;border-right:1px solid rgba(0,0,0,0.12)}}.collection{margin:.5rem 0 1rem 0;border:1px solid #e0e0e0;border-radius:2px;overflow:hidden;position:relative}.collection .collection-item{background-color:#fff;line-height:1.5rem;padding:10px 20px;margin:0;border-bottom:1px solid #e0e0e0}.collection .collection-item.avatar{min-height:84px;padding-left:72px;position:relative}.collection .collection-item.avatar:not(.circle-clipper)>.circle,.collection .collection-item.avatar :not(.circle-clipper)>.circle{position:absolute;width:42px;height:42px;overflow:hidden;left:15px;display:inline-block;vertical-align:middle}.collection .collection-item.avatar i.circle{font-size:18px;line-height:42px;color:#fff;background-color:#999;text-align:center}.collection .collection-item.avatar .title{font-size:16px}.collection .collection-item.avatar p{margin:0}.collection .collection-item.avatar .secondary-content{position:absolute;top:16px;right:16px}.collection .collection-item:last-child{border-bottom:none}.collection .collection-item.active{background-color:#26a69a;color:#eafaf9}.collection .collection-item.active .secondary-content{color:#fff}.collection a.collection-item{display:block;-webkit-transition:.25s;transition:.25s;color:#26a69a}.collection a.collection-item:not(.active):hover{background-color:#ddd}.collection.with-header .collection-header{background-color:#fff;border-bottom:1px solid #e0e0e0;padding:10px 20px}.collection.with-header .collection-item{padding-left:30px}.collection.with-header .collection-item.avatar{padding-left:72px}.secondary-content{float:right;color:#26a69a}.collapsible .collection{margin:0;border:none}.video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}.video-container iframe,.video-container object,.video-container embed{position:absolute;top:0;left:0;width:100%;height:100%}.progress{position:relative;height:4px;display:block;width:100%;background-color:#acece6;border-radius:2px;margin:.5rem 0 1rem 0;overflow:hidden}.progress .determinate{position:absolute;top:0;left:0;bottom:0;background-color:#26a69a;-webkit-transition:width .3s linear;transition:width .3s linear}.progress .indeterminate{background-color:#26a69a}.progress .indeterminate:before{content:'';position:absolute;background-color:inherit;top:0;left:0;bottom:0;will-change:left, right;-webkit-animation:indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;animation:indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite}.progress .indeterminate:after{content:'';position:absolute;background-color:inherit;top:0;left:0;bottom:0;will-change:left, right;-webkit-animation:indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;animation:indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;-webkit-animation-delay:1.15s;animation-delay:1.15s}@-webkit-keyframes indeterminate{0%{left:-35%;right:100%}60%{left:100%;right:-90%}100%{left:100%;right:-90%}}@keyframes indeterminate{0%{left:-35%;right:100%}60%{left:100%;right:-90%}100%{left:100%;right:-90%}}@-webkit-keyframes indeterminate-short{0%{left:-200%;right:100%}60%{left:107%;right:-8%}100%{left:107%;right:-8%}}@keyframes indeterminate-short{0%{left:-200%;right:100%}60%{left:107%;right:-8%}100%{left:107%;right:-8%}}.hide{display:none !important}.left-align{text-align:left}.right-align{text-align:right}.center,.center-align{text-align:center}.left{float:left !important}.right{float:right !important}.no-select,input[type=range],input[type=range]+.thumb{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.circle{border-radius:50%}.center-block{display:block;margin-left:auto;margin-right:auto}.truncate{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.no-padding{padding:0 !important}span.badge{min-width:3rem;padding:0 6px;margin-left:14px;text-align:center;font-size:1rem;line-height:22px;height:22px;color:#757575;float:right;-webkit-box-sizing:border-box;box-sizing:border-box}span.badge.new{font-weight:300;font-size:0.8rem;color:#fff;background-color:#26a69a;border-radius:2px}span.badge.new:after{content:" new"}span.badge[data-badge-caption]::after{content:" " attr(data-badge-caption)}nav ul a span.badge{display:inline-block;float:none;margin-left:4px;line-height:22px;height:22px;-webkit-font-smoothing:auto}.collection-item span.badge{margin-top:calc(.75rem - 11px)}.collapsible span.badge{margin-left:auto}.sidenav span.badge{margin-top:calc(24px - 11px)}table span.badge{display:inline-block;float:none;margin-left:auto}.material-icons{text-rendering:optimizeLegibility;-webkit-font-feature-settings:'liga';-moz-font-feature-settings:'liga';font-feature-settings:'liga'}.container{margin:0 auto;max-width:1280px;width:90%}@media only screen and (min-width: 601px){.container{width:85%}}@media only screen and (min-width: 993px){.container{width:70%}}.col .row{margin-left:-.75rem;margin-right:-.75rem}.section{padding-top:1rem;padding-bottom:1rem}.section.no-pad{padding:0}.section.no-pad-bot{padding-bottom:0}.section.no-pad-top{padding-top:0}.row{margin-left:auto;margin-right:auto;margin-bottom:20px}.row:after{content:"";display:table;clear:both}.row .col{float:left;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 .75rem;min-height:1px}.row .col[class*="push-"],.row .col[class*="pull-"]{position:relative}.row .col.s1{width:8.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.s2{width:16.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.s3{width:25%;margin-left:auto;left:auto;right:auto}.row .col.s4{width:33.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.s5{width:41.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.s6{width:50%;margin-left:auto;left:auto;right:auto}.row .col.s7{width:58.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.s8{width:66.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.s9{width:75%;margin-left:auto;left:auto;right:auto}.row .col.s10{width:83.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.s11{width:91.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.s12{width:100%;margin-left:auto;left:auto;right:auto}.row .col.offset-s1{margin-left:8.3333333333%}.row .col.pull-s1{right:8.3333333333%}.row .col.push-s1{left:8.3333333333%}.row .col.offset-s2{margin-left:16.6666666667%}.row .col.pull-s2{right:16.6666666667%}.row .col.push-s2{left:16.6666666667%}.row .col.offset-s3{margin-left:25%}.row .col.pull-s3{right:25%}.row .col.push-s3{left:25%}.row .col.offset-s4{margin-left:33.3333333333%}.row .col.pull-s4{right:33.3333333333%}.row .col.push-s4{left:33.3333333333%}.row .col.offset-s5{margin-left:41.6666666667%}.row .col.pull-s5{right:41.6666666667%}.row .col.push-s5{left:41.6666666667%}.row .col.offset-s6{margin-left:50%}.row .col.pull-s6{right:50%}.row .col.push-s6{left:50%}.row .col.offset-s7{margin-left:58.3333333333%}.row .col.pull-s7{right:58.3333333333%}.row .col.push-s7{left:58.3333333333%}.row .col.offset-s8{margin-left:66.6666666667%}.row .col.pull-s8{right:66.6666666667%}.row .col.push-s8{left:66.6666666667%}.row .col.offset-s9{margin-left:75%}.row .col.pull-s9{right:75%}.row .col.push-s9{left:75%}.row .col.offset-s10{margin-left:83.3333333333%}.row .col.pull-s10{right:83.3333333333%}.row .col.push-s10{left:83.3333333333%}.row .col.offset-s11{margin-left:91.6666666667%}.row .col.pull-s11{right:91.6666666667%}.row .col.push-s11{left:91.6666666667%}.row .col.offset-s12{margin-left:100%}.row .col.pull-s12{right:100%}.row .col.push-s12{left:100%}@media only screen and (min-width: 601px){.row .col.m1{width:8.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.m2{width:16.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.m3{width:25%;margin-left:auto;left:auto;right:auto}.row .col.m4{width:33.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.m5{width:41.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.m6{width:50%;margin-left:auto;left:auto;right:auto}.row .col.m7{width:58.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.m8{width:66.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.m9{width:75%;margin-left:auto;left:auto;right:auto}.row .col.m10{width:83.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.m11{width:91.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.m12{width:100%;margin-left:auto;left:auto;right:auto}.row .col.offset-m1{margin-left:8.3333333333%}.row .col.pull-m1{right:8.3333333333%}.row .col.push-m1{left:8.3333333333%}.row .col.offset-m2{margin-left:16.6666666667%}.row .col.pull-m2{right:16.6666666667%}.row .col.push-m2{left:16.6666666667%}.row .col.offset-m3{margin-left:25%}.row .col.pull-m3{right:25%}.row .col.push-m3{left:25%}.row .col.offset-m4{margin-left:33.3333333333%}.row .col.pull-m4{right:33.3333333333%}.row .col.push-m4{left:33.3333333333%}.row .col.offset-m5{margin-left:41.6666666667%}.row .col.pull-m5{right:41.6666666667%}.row .col.push-m5{left:41.6666666667%}.row .col.offset-m6{margin-left:50%}.row .col.pull-m6{right:50%}.row .col.push-m6{left:50%}.row .col.offset-m7{margin-left:58.3333333333%}.row .col.pull-m7{right:58.3333333333%}.row .col.push-m7{left:58.3333333333%}.row .col.offset-m8{margin-left:66.6666666667%}.row .col.pull-m8{right:66.6666666667%}.row .col.push-m8{left:66.6666666667%}.row .col.offset-m9{margin-left:75%}.row .col.pull-m9{right:75%}.row .col.push-m9{left:75%}.row .col.offset-m10{margin-left:83.3333333333%}.row .col.pull-m10{right:83.3333333333%}.row .col.push-m10{left:83.3333333333%}.row .col.offset-m11{margin-left:91.6666666667%}.row .col.pull-m11{right:91.6666666667%}.row .col.push-m11{left:91.6666666667%}.row .col.offset-m12{margin-left:100%}.row .col.pull-m12{right:100%}.row .col.push-m12{left:100%}}@media only screen and (min-width: 993px){.row .col.l1{width:8.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.l2{width:16.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.l3{width:25%;margin-left:auto;left:auto;right:auto}.row .col.l4{width:33.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.l5{width:41.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.l6{width:50%;margin-left:auto;left:auto;right:auto}.row .col.l7{width:58.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.l8{width:66.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.l9{width:75%;margin-left:auto;left:auto;right:auto}.row .col.l10{width:83.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.l11{width:91.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.l12{width:100%;margin-left:auto;left:auto;right:auto}.row .col.offset-l1{margin-left:8.3333333333%}.row .col.pull-l1{right:8.3333333333%}.row .col.push-l1{left:8.3333333333%}.row .col.offset-l2{margin-left:16.6666666667%}.row .col.pull-l2{right:16.6666666667%}.row .col.push-l2{left:16.6666666667%}.row .col.offset-l3{margin-left:25%}.row .col.pull-l3{right:25%}.row .col.push-l3{left:25%}.row .col.offset-l4{margin-left:33.3333333333%}.row .col.pull-l4{right:33.3333333333%}.row .col.push-l4{left:33.3333333333%}.row .col.offset-l5{margin-left:41.6666666667%}.row .col.pull-l5{right:41.6666666667%}.row .col.push-l5{left:41.6666666667%}.row .col.offset-l6{margin-left:50%}.row .col.pull-l6{right:50%}.row .col.push-l6{left:50%}.row .col.offset-l7{margin-left:58.3333333333%}.row .col.pull-l7{right:58.3333333333%}.row .col.push-l7{left:58.3333333333%}.row .col.offset-l8{margin-left:66.6666666667%}.row .col.pull-l8{right:66.6666666667%}.row .col.push-l8{left:66.6666666667%}.row .col.offset-l9{margin-left:75%}.row .col.pull-l9{right:75%}.row .col.push-l9{left:75%}.row .col.offset-l10{margin-left:83.3333333333%}.row .col.pull-l10{right:83.3333333333%}.row .col.push-l10{left:83.3333333333%}.row .col.offset-l11{margin-left:91.6666666667%}.row .col.pull-l11{right:91.6666666667%}.row .col.push-l11{left:91.6666666667%}.row .col.offset-l12{margin-left:100%}.row .col.pull-l12{right:100%}.row .col.push-l12{left:100%}}@media only screen and (min-width: 1201px){.row .col.xl1{width:8.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.xl2{width:16.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.xl3{width:25%;margin-left:auto;left:auto;right:auto}.row .col.xl4{width:33.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.xl5{width:41.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.xl6{width:50%;margin-left:auto;left:auto;right:auto}.row .col.xl7{width:58.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.xl8{width:66.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.xl9{width:75%;margin-left:auto;left:auto;right:auto}.row .col.xl10{width:83.3333333333%;margin-left:auto;left:auto;right:auto}.row .col.xl11{width:91.6666666667%;margin-left:auto;left:auto;right:auto}.row .col.xl12{width:100%;margin-left:auto;left:auto;right:auto}.row .col.offset-xl1{margin-left:8.3333333333%}.row .col.pull-xl1{right:8.3333333333%}.row .col.push-xl1{left:8.3333333333%}.row .col.offset-xl2{margin-left:16.6666666667%}.row .col.pull-xl2{right:16.6666666667%}.row .col.push-xl2{left:16.6666666667%}.row .col.offset-xl3{margin-left:25%}.row .col.pull-xl3{right:25%}.row .col.push-xl3{left:25%}.row .col.offset-xl4{margin-left:33.3333333333%}.row .col.pull-xl4{right:33.3333333333%}.row .col.push-xl4{left:33.3333333333%}.row .col.offset-xl5{margin-left:41.6666666667%}.row .col.pull-xl5{right:41.6666666667%}.row .col.push-xl5{left:41.6666666667%}.row .col.offset-xl6{margin-left:50%}.row .col.pull-xl6{right:50%}.row .col.push-xl6{left:50%}.row .col.offset-xl7{margin-left:58.3333333333%}.row .col.pull-xl7{right:58.3333333333%}.row .col.push-xl7{left:58.3333333333%}.row .col.offset-xl8{margin-left:66.6666666667%}.row .col.pull-xl8{right:66.6666666667%}.row .col.push-xl8{left:66.6666666667%}.row .col.offset-xl9{margin-left:75%}.row .col.pull-xl9{right:75%}.row .col.push-xl9{left:75%}.row .col.offset-xl10{margin-left:83.3333333333%}.row .col.pull-xl10{right:83.3333333333%}.row .col.push-xl10{left:83.3333333333%}.row .col.offset-xl11{margin-left:91.6666666667%}.row .col.pull-xl11{right:91.6666666667%}.row .col.push-xl11{left:91.6666666667%}.row .col.offset-xl12{margin-left:100%}.row .col.pull-xl12{right:100%}.row .col.push-xl12{left:100%}}nav{color:#fff;background-color:#ee6e73;width:100%;height:56px;line-height:56px}nav.nav-extended{height:auto}nav.nav-extended .nav-wrapper{min-height:56px;height:auto}nav.nav-extended .nav-content{position:relative;line-height:normal}nav a{color:#fff}nav i,nav [class^="mdi-"],nav [class*="mdi-"],nav i.material-icons{display:block;font-size:24px;height:56px;line-height:56px}nav .nav-wrapper{position:relative;height:100%}@media only screen and (min-width: 993px){nav a.sidenav-trigger{display:none}}nav .sidenav-trigger{float:left;position:relative;z-index:1;height:56px;margin:0 18px}nav .sidenav-trigger i{height:56px;line-height:56px}nav .brand-logo{position:absolute;color:#fff;display:inline-block;font-size:2.1rem;padding:0}nav .brand-logo.center{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}@media only screen and (max-width: 992px){nav .brand-logo{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}nav .brand-logo.left,nav .brand-logo.right{padding:0;-webkit-transform:none;transform:none}nav .brand-logo.left{left:0.5rem}nav .brand-logo.right{right:0.5rem;left:auto}}nav .brand-logo.right{right:0.5rem;padding:0}nav .brand-logo i,nav .brand-logo [class^="mdi-"],nav .brand-logo [class*="mdi-"],nav .brand-logo i.material-icons{float:left;margin-right:15px}nav .nav-title{display:inline-block;font-size:32px;padding:28px 0}nav ul{margin:0}nav ul li{-webkit-transition:background-color .3s;transition:background-color .3s;float:left;padding:0}nav ul li.active{background-color:rgba(0,0,0,0.1)}nav ul a{-webkit-transition:background-color .3s;transition:background-color .3s;font-size:1rem;color:#fff;display:block;padding:0 15px;cursor:pointer}nav ul a.btn,nav ul a.btn-large,nav ul a.btn-small,nav ul a.btn-large,nav ul a.btn-flat,nav ul a.btn-floating{margin-top:-2px;margin-left:15px;margin-right:15px}nav ul a.btn>.material-icons,nav ul a.btn-large>.material-icons,nav ul a.btn-small>.material-icons,nav ul a.btn-large>.material-icons,nav ul a.btn-flat>.material-icons,nav ul a.btn-floating>.material-icons{height:inherit;line-height:inherit}nav ul a:hover{background-color:rgba(0,0,0,0.1)}nav ul.left{float:left}nav form{height:100%}nav .input-field{margin:0;height:100%}nav .input-field input{height:100%;font-size:1.2rem;border:none;padding-left:2rem}nav .input-field input:focus,nav .input-field input[type=text]:valid,nav .input-field input[type=password]:valid,nav .input-field input[type=email]:valid,nav .input-field input[type=url]:valid,nav .input-field input[type=date]:valid{border:none;-webkit-box-shadow:none;box-shadow:none}nav .input-field label{top:0;left:0}nav .input-field label i{color:rgba(255,255,255,0.7);-webkit-transition:color .3s;transition:color .3s}nav .input-field label.active i{color:#fff}.navbar-fixed{position:relative;height:56px;z-index:997}.navbar-fixed nav{position:fixed}@media only screen and (min-width: 601px){nav.nav-extended .nav-wrapper{min-height:64px}nav,nav .nav-wrapper i,nav a.sidenav-trigger,nav a.sidenav-trigger i{height:64px;line-height:64px}.navbar-fixed{height:64px}}a{text-decoration:none}html{line-height:1.5;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-weight:normal;color:rgba(0,0,0,0.87)}@media only screen and (min-width: 0){html{font-size:14px}}@media only screen and (min-width: 992px){html{font-size:14.5px}}@media only screen and (min-width: 1200px){html{font-size:15px}}h1,h2,h3,h4,h5,h6{font-weight:400;line-height:1.3}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{font-weight:inherit}h1{font-size:4.2rem;line-height:110%;margin:2.8rem 0 1.68rem 0}h2{font-size:3.56rem;line-height:110%;margin:2.3733333333rem 0 1.424rem 0}h3{font-size:2.92rem;line-height:110%;margin:1.9466666667rem 0 1.168rem 0}h4{font-size:2.28rem;line-height:110%;margin:1.52rem 0 .912rem 0}h5{font-size:1.64rem;line-height:110%;margin:1.0933333333rem 0 .656rem 0}h6{font-size:1.15rem;line-height:110%;margin:.7666666667rem 0 .46rem 0}em{font-style:italic}strong{font-weight:500}small{font-size:75%}.light{font-weight:300}.thin{font-weight:200}@media only screen and (min-width: 360px){.flow-text{font-size:1.2rem}}@media only screen and (min-width: 390px){.flow-text{font-size:1.224rem}}@media only screen and (min-width: 420px){.flow-text{font-size:1.248rem}}@media only screen and (min-width: 450px){.flow-text{font-size:1.272rem}}@media only screen and (min-width: 480px){.flow-text{font-size:1.296rem}}@media only screen and (min-width: 510px){.flow-text{font-size:1.32rem}}@media only screen and (min-width: 540px){.flow-text{font-size:1.344rem}}@media only screen and (min-width: 570px){.flow-text{font-size:1.368rem}}@media only screen and (min-width: 600px){.flow-text{font-size:1.392rem}}@media only screen and (min-width: 630px){.flow-text{font-size:1.416rem}}@media only screen and (min-width: 660px){.flow-text{font-size:1.44rem}}@media only screen and (min-width: 690px){.flow-text{font-size:1.464rem}}@media only screen and (min-width: 720px){.flow-text{font-size:1.488rem}}@media only screen and (min-width: 750px){.flow-text{font-size:1.512rem}}@media only screen and (min-width: 780px){.flow-text{font-size:1.536rem}}@media only screen and (min-width: 810px){.flow-text{font-size:1.56rem}}@media only screen and (min-width: 840px){.flow-text{font-size:1.584rem}}@media only screen and (min-width: 870px){.flow-text{font-size:1.608rem}}@media only screen and (min-width: 900px){.flow-text{font-size:1.632rem}}@media only screen and (min-width: 930px){.flow-text{font-size:1.656rem}}@media only screen and (min-width: 960px){.flow-text{font-size:1.68rem}}@media only screen and (max-width: 360px){.flow-text{font-size:1.2rem}}.scale-transition{-webkit-transition:-webkit-transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important;transition:-webkit-transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important;transition:transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important;transition:transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63), -webkit-transform 0.3s cubic-bezier(0.53, 0.01, 0.36, 1.63) !important}.scale-transition.scale-out{-webkit-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform .2s !important;transition:-webkit-transform .2s !important;transition:transform .2s !important;transition:transform .2s, -webkit-transform .2s !important}.scale-transition.scale-in{-webkit-transform:scale(1);transform:scale(1)}.card-panel{-webkit-transition:-webkit-box-shadow .25s;transition:-webkit-box-shadow .25s;transition:box-shadow .25s;transition:box-shadow .25s, -webkit-box-shadow .25s;padding:24px;margin:.5rem 0 1rem 0;border-radius:2px;background-color:#fff}.card{position:relative;margin:.5rem 0 1rem 0;background-color:#fff;-webkit-transition:-webkit-box-shadow .25s;transition:-webkit-box-shadow .25s;transition:box-shadow .25s;transition:box-shadow .25s, -webkit-box-shadow .25s;border-radius:2px}.card .card-title{font-size:24px;font-weight:300}.card .card-title.activator{cursor:pointer}.card.small,.card.medium,.card.large{position:relative}.card.small .card-image,.card.medium .card-image,.card.large .card-image{max-height:60%;overflow:hidden}.card.small .card-image+.card-content,.card.medium .card-image+.card-content,.card.large .card-image+.card-content{max-height:40%}.card.small .card-content,.card.medium .card-content,.card.large .card-content{max-height:100%;overflow:hidden}.card.small .card-action,.card.medium .card-action,.card.large .card-action{position:absolute;bottom:0;left:0;right:0}.card.small{height:300px}.card.medium{height:400px}.card.large{height:500px}.card.horizontal{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.card.horizontal.small .card-image,.card.horizontal.medium .card-image,.card.horizontal.large .card-image{height:100%;max-height:none;overflow:visible}.card.horizontal.small .card-image img,.card.horizontal.medium .card-image img,.card.horizontal.large .card-image img{height:100%}.card.horizontal .card-image{max-width:50%}.card.horizontal .card-image img{border-radius:2px 0 0 2px;max-width:100%;width:auto}.card.horizontal .card-stacked{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;position:relative}.card.horizontal .card-stacked .card-content{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}.card.sticky-action .card-action{z-index:2}.card.sticky-action .card-reveal{z-index:1;padding-bottom:64px}.card .card-image{position:relative}.card .card-image img{display:block;border-radius:2px 2px 0 0;position:relative;left:0;right:0;top:0;bottom:0;width:100%}.card .card-image .card-title{color:#fff;position:absolute;bottom:0;left:0;max-width:100%;padding:24px}.card .card-content{padding:24px;border-radius:0 0 2px 2px}.card .card-content p{margin:0}.card .card-content .card-title{display:block;line-height:32px;margin-bottom:8px}.card .card-content .card-title i{line-height:32px}.card .card-action{background-color:inherit;border-top:1px solid rgba(160,160,160,0.2);position:relative;padding:16px 24px}.card .card-action:last-child{border-radius:0 0 2px 2px}.card .card-action a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-floating){color:#ffab40;margin-right:24px;-webkit-transition:color .3s ease;transition:color .3s ease;text-transform:uppercase}.card .card-action a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-floating):hover{color:#ffd8a6}.card .card-reveal{padding:24px;position:absolute;background-color:#fff;width:100%;overflow-y:auto;left:0;top:100%;height:100%;z-index:3;display:none}.card .card-reveal .card-title{cursor:pointer;display:block}#toast-container{display:block;position:fixed;z-index:10000}@media only screen and (max-width: 600px){#toast-container{min-width:100%;bottom:0%}}@media only screen and (min-width: 601px) and (max-width: 992px){#toast-container{left:5%;bottom:7%;max-width:90%}}@media only screen and (min-width: 993px){#toast-container{top:10%;right:7%;max-width:86%}}.toast{border-radius:2px;top:35px;width:auto;margin-top:10px;position:relative;max-width:100%;height:auto;min-height:48px;line-height:1.5em;background-color:#323232;padding:10px 25px;font-size:1.1rem;font-weight:300;color:#fff;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;cursor:default}.toast .toast-action{color:#eeff41;font-weight:500;margin-right:-25px;margin-left:3rem}.toast.rounded{border-radius:24px}@media only screen and (max-width: 600px){.toast{width:100%;border-radius:0}}.tabs{position:relative;overflow-x:auto;overflow-y:hidden;height:48px;width:100%;background-color:#fff;margin:0 auto;white-space:nowrap}.tabs.tabs-transparent{background-color:transparent}.tabs.tabs-transparent .tab a,.tabs.tabs-transparent .tab.disabled a,.tabs.tabs-transparent .tab.disabled a:hover{color:rgba(255,255,255,0.7)}.tabs.tabs-transparent .tab a:hover,.tabs.tabs-transparent .tab a.active{color:#fff}.tabs.tabs-transparent .indicator{background-color:#fff}.tabs.tabs-fixed-width{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.tabs.tabs-fixed-width .tab{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}.tabs .tab{display:inline-block;text-align:center;line-height:48px;height:48px;padding:0;margin:0;text-transform:uppercase}.tabs .tab a{color:rgba(238,110,115,0.7);display:block;width:100%;height:100%;padding:0 24px;font-size:14px;text-overflow:ellipsis;overflow:hidden;-webkit-transition:color .28s ease, background-color .28s ease;transition:color .28s ease, background-color .28s ease}.tabs .tab a:focus,.tabs .tab a:focus.active{background-color:rgba(246,178,181,0.2);outline:none}.tabs .tab a:hover,.tabs .tab a.active{background-color:transparent;color:#ee6e73}.tabs .tab.disabled a,.tabs .tab.disabled a:hover{color:rgba(238,110,115,0.4);cursor:default}.tabs .indicator{position:absolute;bottom:0;height:2px;background-color:#f6b2b5;will-change:left, right}@media only screen and (max-width: 992px){.tabs{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.tabs .tab{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}.tabs .tab a{padding:0 12px}}.material-tooltip{padding:10px 8px;font-size:1rem;z-index:2000;background-color:transparent;border-radius:2px;color:#fff;min-height:36px;line-height:120%;opacity:0;position:absolute;text-align:center;max-width:calc(100% - 4px);overflow:hidden;left:0;top:0;pointer-events:none;visibility:hidden;background-color:#323232}.backdrop{position:absolute;opacity:0;height:7px;width:14px;border-radius:0 0 50% 50%;background-color:#323232;z-index:-1;-webkit-transform-origin:50% 0%;transform-origin:50% 0%;visibility:hidden}.btn,.btn-large,.btn-small,.btn-flat{border:none;border-radius:2px;display:inline-block;height:36px;line-height:36px;padding:0 16px;text-transform:uppercase;vertical-align:middle;-webkit-tap-highlight-color:transparent}.btn.disabled,.disabled.btn-large,.disabled.btn-small,.btn-floating.disabled,.btn-large.disabled,.btn-small.disabled,.btn-flat.disabled,.btn:disabled,.btn-large:disabled,.btn-small:disabled,.btn-floating:disabled,.btn-large:disabled,.btn-small:disabled,.btn-flat:disabled,.btn[disabled],.btn-large[disabled],.btn-small[disabled],.btn-floating[disabled],.btn-large[disabled],.btn-small[disabled],.btn-flat[disabled]{pointer-events:none;background-color:#DFDFDF !important;-webkit-box-shadow:none;box-shadow:none;color:#9F9F9F !important;cursor:default}.btn.disabled:hover,.disabled.btn-large:hover,.disabled.btn-small:hover,.btn-floating.disabled:hover,.btn-large.disabled:hover,.btn-small.disabled:hover,.btn-flat.disabled:hover,.btn:disabled:hover,.btn-large:disabled:hover,.btn-small:disabled:hover,.btn-floating:disabled:hover,.btn-large:disabled:hover,.btn-small:disabled:hover,.btn-flat:disabled:hover,.btn[disabled]:hover,.btn-large[disabled]:hover,.btn-small[disabled]:hover,.btn-floating[disabled]:hover,.btn-large[disabled]:hover,.btn-small[disabled]:hover,.btn-flat[disabled]:hover{background-color:#DFDFDF !important;color:#9F9F9F !important}.btn,.btn-large,.btn-small,.btn-floating,.btn-large,.btn-small,.btn-flat{font-size:14px;outline:0}.btn i,.btn-large i,.btn-small i,.btn-floating i,.btn-large i,.btn-small i,.btn-flat i{font-size:1.3rem;line-height:inherit}.btn:focus,.btn-large:focus,.btn-small:focus,.btn-floating:focus{background-color:#1d7d74}.btn,.btn-large,.btn-small{text-decoration:none;color:#fff;background-color:#26a69a;text-align:center;letter-spacing:.5px;-webkit-transition:background-color .2s ease-out;transition:background-color .2s ease-out;cursor:pointer}.btn:hover,.btn-large:hover,.btn-small:hover{background-color:#2bbbad}.btn-floating{display:inline-block;color:#fff;position:relative;overflow:hidden;z-index:1;width:40px;height:40px;line-height:40px;padding:0;background-color:#26a69a;border-radius:50%;-webkit-transition:background-color .3s;transition:background-color .3s;cursor:pointer;vertical-align:middle}.btn-floating:hover{background-color:#26a69a}.btn-floating:before{border-radius:0}.btn-floating.btn-large{width:56px;height:56px;padding:0}.btn-floating.btn-large.halfway-fab{bottom:-28px}.btn-floating.btn-large i{line-height:56px}.btn-floating.btn-small{width:32.4px;height:32.4px}.btn-floating.btn-small.halfway-fab{bottom:-16.2px}.btn-floating.btn-small i{line-height:32.4px}.btn-floating.halfway-fab{position:absolute;right:24px;bottom:-20px}.btn-floating.halfway-fab.left{right:auto;left:24px}.btn-floating i{width:inherit;display:inline-block;text-align:center;color:#fff;font-size:1.6rem;line-height:40px}button.btn-floating{border:none}.fixed-action-btn{position:fixed;right:23px;bottom:23px;padding-top:15px;margin-bottom:0;z-index:997}.fixed-action-btn.active ul{visibility:visible}.fixed-action-btn.direction-left,.fixed-action-btn.direction-right{padding:0 0 0 15px}.fixed-action-btn.direction-left ul,.fixed-action-btn.direction-right ul{text-align:right;right:64px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);height:100%;left:auto;width:500px}.fixed-action-btn.direction-left ul li,.fixed-action-btn.direction-right ul li{display:inline-block;margin:7.5px 15px 0 0}.fixed-action-btn.direction-right{padding:0 15px 0 0}.fixed-action-btn.direction-right ul{text-align:left;direction:rtl;left:64px;right:auto}.fixed-action-btn.direction-right ul li{margin:7.5px 0 0 15px}.fixed-action-btn.direction-bottom{padding:0 0 15px 0}.fixed-action-btn.direction-bottom ul{top:64px;bottom:auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.fixed-action-btn.direction-bottom ul li{margin:15px 0 0 0}.fixed-action-btn.toolbar{padding:0;height:56px}.fixed-action-btn.toolbar.active>a i{opacity:0}.fixed-action-btn.toolbar ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;top:0;bottom:0;z-index:1}.fixed-action-btn.toolbar ul li{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;display:inline-block;margin:0;height:100%;-webkit-transition:none;transition:none}.fixed-action-btn.toolbar ul li a{display:block;overflow:hidden;position:relative;width:100%;height:100%;background-color:transparent;-webkit-box-shadow:none;box-shadow:none;color:#fff;line-height:56px;z-index:1}.fixed-action-btn.toolbar ul li a i{line-height:inherit}.fixed-action-btn ul{left:0;right:0;text-align:center;position:absolute;bottom:64px;margin:0;visibility:hidden}.fixed-action-btn ul li{margin-bottom:15px}.fixed-action-btn ul a.btn-floating{opacity:0}.fixed-action-btn .fab-backdrop{position:absolute;top:0;left:0;z-index:-1;width:40px;height:40px;background-color:#26a69a;border-radius:50%;-webkit-transform:scale(0);transform:scale(0)}.btn-flat{-webkit-box-shadow:none;box-shadow:none;background-color:transparent;color:#343434;cursor:pointer;-webkit-transition:background-color .2s;transition:background-color .2s}.btn-flat:focus,.btn-flat:hover{-webkit-box-shadow:none;box-shadow:none}.btn-flat:focus{background-color:rgba(0,0,0,0.1)}.btn-flat.disabled,.btn-flat.btn-flat[disabled]{background-color:transparent !important;color:#b3b2b2 !important;cursor:default}.btn-large{height:54px;line-height:54px;font-size:15px;padding:0 28px}.btn-large i{font-size:1.6rem}.btn-small{height:32.4px;line-height:32.4px;font-size:13px}.btn-small i{font-size:1.2rem}.btn-block{display:block}.dropdown-content{background-color:#fff;margin:0;display:none;min-width:100px;overflow-y:auto;opacity:0;position:absolute;left:0;top:0;z-index:9999;-webkit-transform-origin:0 0;transform-origin:0 0}.dropdown-content:focus{outline:0}.dropdown-content li{clear:both;color:rgba(0,0,0,0.87);cursor:pointer;min-height:50px;line-height:1.5rem;width:100%;text-align:left}.dropdown-content li:hover,.dropdown-content li.active{background-color:#eee}.dropdown-content li:focus{outline:none}.dropdown-content li.divider{min-height:0;height:1px}.dropdown-content li>a,.dropdown-content li>span{font-size:16px;color:#26a69a;display:block;line-height:22px;padding:14px 16px}.dropdown-content li>span>label{top:1px;left:0;height:18px}.dropdown-content li>a>i{height:inherit;line-height:inherit;float:left;margin:0 24px 0 0;width:24px}body.keyboard-focused .dropdown-content li:focus{background-color:#dadada}.input-field.col .dropdown-content [type="checkbox"]+label{top:1px;left:0;height:18px;-webkit-transform:none;transform:none}.dropdown-trigger{cursor:pointer}/*!
* Waves v0.6.0
* http://fian.my.id/Waves
*
* Copyright 2014 Alfiana E. Sibuea and other contributors
* Released under the MIT license
* https://github.com/fians/Waves/blob/master/LICENSE
- */.waves-effect{position:relative;cursor:pointer;display:inline-block;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;vertical-align:middle;z-index:1;-webkit-transition:.3s ease-out;transition:.3s ease-out}.waves-effect .waves-ripple{position:absolute;border-radius:50%;width:20px;height:20px;margin-top:-10px;margin-left:-10px;opacity:0;background:rgba(0,0,0,0.2);-webkit-transition:all 0.7s ease-out;transition:all 0.7s ease-out;-webkit-transition-property:opacity, -webkit-transform;transition-property:opacity, -webkit-transform;transition-property:transform, opacity;transition-property:transform, opacity, -webkit-transform;-webkit-transform:scale(0);transform:scale(0);pointer-events:none}.waves-effect.waves-light .waves-ripple{background-color:rgba(255,255,255,0.45)}.waves-effect.waves-red .waves-ripple{background-color:rgba(244,67,54,0.7)}.waves-effect.waves-yellow .waves-ripple{background-color:rgba(255,235,59,0.7)}.waves-effect.waves-orange .waves-ripple{background-color:rgba(255,152,0,0.7)}.waves-effect.waves-purple .waves-ripple{background-color:rgba(156,39,176,0.7)}.waves-effect.waves-green .waves-ripple{background-color:rgba(76,175,80,0.7)}.waves-effect.waves-teal .waves-ripple{background-color:rgba(0,150,136,0.7)}.waves-effect input[type="button"],.waves-effect input[type="reset"],.waves-effect input[type="submit"]{border:0;font-style:normal;font-size:inherit;text-transform:inherit;background:none}.waves-effect img{position:relative;z-index:-1}.waves-notransition{-webkit-transition:none !important;transition:none !important}.waves-circle{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-mask-image:-webkit-radial-gradient(circle, white 100%, black 100%)}.waves-input-wrapper{border-radius:0.2em;vertical-align:bottom}.waves-input-wrapper .waves-button-input{position:relative;top:0;left:0;z-index:1}.waves-circle{text-align:center;width:2.5em;height:2.5em;line-height:2.5em;border-radius:50%;-webkit-mask-image:none}.waves-block{display:block}.waves-effect .waves-ripple{z-index:-1}.modal{display:none;position:fixed;left:0;right:0;background-color:#fafafa;padding:0;max-height:70%;width:55%;margin:auto;overflow-y:auto;border-radius:2px;will-change:top, opacity}@media only screen and (max-width: 992px){.modal{width:80%}}.modal h1,.modal h2,.modal h3,.modal h4{margin-top:0}.modal .modal-content{padding:24px}.modal .modal-close{cursor:pointer}.modal .modal-footer{border-radius:0 0 2px 2px;background-color:#fafafa;padding:4px 6px;height:56px;width:100%;text-align:right}.modal .modal-footer .btn,.modal .modal-footer .btn-large,.modal .modal-footer .btn-flat{margin:6px 0}.modal-overlay{position:fixed;z-index:999;top:-25%;left:0;bottom:0;right:0;height:125%;width:100%;background:#000;display:none;will-change:opacity}.modal.modal-fixed-footer{padding:0;height:70%}.modal.modal-fixed-footer .modal-content{position:absolute;height:calc(100% - 56px);max-height:100%;width:100%;overflow-y:auto}.modal.modal-fixed-footer .modal-footer{border-top:1px solid rgba(0,0,0,0.1);position:absolute;bottom:0}.modal.bottom-sheet{top:auto;bottom:-100%;margin:0;width:100%;max-height:45%;border-radius:0;will-change:bottom, opacity}.collapsible{border-top:1px solid #ddd;border-right:1px solid #ddd;border-left:1px solid #ddd;margin:.5rem 0 1rem 0}.collapsible-header{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;-webkit-tap-highlight-color:transparent;line-height:1.5;padding:1rem;background-color:#fff;border-bottom:1px solid #ddd}.collapsible-header i{width:2rem;font-size:1.6rem;display:inline-block;text-align:center;margin-right:1rem}.collapsible-body{display:none;border-bottom:1px solid #ddd;-webkit-box-sizing:border-box;box-sizing:border-box;padding:2rem}.side-nav .collapsible,.side-nav.fixed .collapsible{border:none;-webkit-box-shadow:none;box-shadow:none}.side-nav .collapsible li,.side-nav.fixed .collapsible li{padding:0}.side-nav .collapsible-header,.side-nav.fixed .collapsible-header{background-color:transparent;border:none;line-height:inherit;height:inherit;padding:0 16px}.side-nav .collapsible-header:hover,.side-nav.fixed .collapsible-header:hover{background-color:rgba(0,0,0,0.05)}.side-nav .collapsible-header i,.side-nav.fixed .collapsible-header i{line-height:inherit}.side-nav .collapsible-body,.side-nav.fixed .collapsible-body{border:0;background-color:#fff}.side-nav .collapsible-body li a,.side-nav.fixed .collapsible-body li a{padding:0 23.5px 0 31px}.collapsible.popout{border:none;-webkit-box-shadow:none;box-shadow:none}.collapsible.popout>li{-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);margin:0 24px;-webkit-transition:margin 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:margin 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.collapsible.popout>li.active{-webkit-box-shadow:0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);box-shadow:0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);margin:16px 0}.chip{display:inline-block;height:32px;font-size:13px;font-weight:500;color:rgba(0,0,0,0.6);line-height:32px;padding:0 12px;border-radius:16px;background-color:#e4e4e4;margin-bottom:5px;margin-right:5px}.chip>img{float:left;margin:0 8px 0 -12px;height:32px;width:32px;border-radius:50%}.chip .close{cursor:pointer;float:right;font-size:16px;line-height:32px;padding-left:8px}.chips{border:none;border-bottom:1px solid #9e9e9e;-webkit-box-shadow:none;box-shadow:none;margin:0 0 20px 0;min-height:45px;outline:none;-webkit-transition:all .3s;transition:all .3s}.chips.focus{border-bottom:1px solid #26a69a;-webkit-box-shadow:0 1px 0 0 #26a69a;box-shadow:0 1px 0 0 #26a69a}.chips:hover{cursor:text}.chips .chip.selected{background-color:#26a69a;color:#fff}.chips .input{background:none;border:0;color:rgba(0,0,0,0.6);display:inline-block;font-size:1rem;height:3rem;line-height:32px;outline:0;margin:0;padding:0 !important;width:120px !important}.chips .input:focus{border:0 !important;-webkit-box-shadow:none !important;box-shadow:none !important}.chips .autocomplete-content{margin-top:0;margin-bottom:0}.prefix ~ .chips{margin-left:3rem;width:92%;width:calc(100% - 3rem)}.chips:empty ~ label{font-size:0.8rem;-webkit-transform:translateY(-140%);transform:translateY(-140%)}.materialboxed{display:block;cursor:-webkit-zoom-in;cursor:zoom-in;position:relative;-webkit-transition:opacity .4s;transition:opacity .4s;-webkit-backface-visibility:hidden}.materialboxed:hover:not(.active){opacity:.8}.materialboxed.active{cursor:-webkit-zoom-out;cursor:zoom-out}#materialbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#292929;z-index:1000;will-change:opacity}.materialbox-caption{position:fixed;display:none;color:#fff;line-height:50px;bottom:0;left:0;width:100%;text-align:center;padding:0% 15%;height:50px;z-index:1000;-webkit-font-smoothing:antialiased}select:focus{outline:1px solid #c9f3ef}button:focus{outline:none;background-color:#2ab7a9}label{font-size:.8rem;color:#9e9e9e}::-webkit-input-placeholder{color:#d1d1d1}::-moz-placeholder{color:#d1d1d1}:-ms-input-placeholder{color:#d1d1d1}::placeholder{color:#d1d1d1}input:not([type]),input[type=text]:not(.browser-default),input[type=password]:not(.browser-default),input[type=email]:not(.browser-default),input[type=url]:not(.browser-default),input[type=time]:not(.browser-default),input[type=date]:not(.browser-default),input[type=datetime]:not(.browser-default),input[type=datetime-local]:not(.browser-default),input[type=tel]:not(.browser-default),input[type=number]:not(.browser-default),input[type=search]:not(.browser-default),textarea.materialize-textarea{background-color:transparent;border:none;border-bottom:1px solid #9e9e9e;border-radius:0;outline:none;height:3rem;width:100%;font-size:1rem;margin:0 0 20px 0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-transition:all 0.3s;transition:all 0.3s}input:not([type]):disabled,input:not([type])[readonly="readonly"],input[type=text]:not(.browser-default):disabled,input[type=text]:not(.browser-default)[readonly="readonly"],input[type=password]:not(.browser-default):disabled,input[type=password]:not(.browser-default)[readonly="readonly"],input[type=email]:not(.browser-default):disabled,input[type=email]:not(.browser-default)[readonly="readonly"],input[type=url]:not(.browser-default):disabled,input[type=url]:not(.browser-default)[readonly="readonly"],input[type=time]:not(.browser-default):disabled,input[type=time]:not(.browser-default)[readonly="readonly"],input[type=date]:not(.browser-default):disabled,input[type=date]:not(.browser-default)[readonly="readonly"],input[type=datetime]:not(.browser-default):disabled,input[type=datetime]:not(.browser-default)[readonly="readonly"],input[type=datetime-local]:not(.browser-default):disabled,input[type=datetime-local]:not(.browser-default)[readonly="readonly"],input[type=tel]:not(.browser-default):disabled,input[type=tel]:not(.browser-default)[readonly="readonly"],input[type=number]:not(.browser-default):disabled,input[type=number]:not(.browser-default)[readonly="readonly"],input[type=search]:not(.browser-default):disabled,input[type=search]:not(.browser-default)[readonly="readonly"],textarea.materialize-textarea:disabled,textarea.materialize-textarea[readonly="readonly"]{color:rgba(0,0,0,0.42);border-bottom:1px dotted rgba(0,0,0,0.42)}input:not([type]):disabled+label,input:not([type])[readonly="readonly"]+label,input[type=text]:not(.browser-default):disabled+label,input[type=text]:not(.browser-default)[readonly="readonly"]+label,input[type=password]:not(.browser-default):disabled+label,input[type=password]:not(.browser-default)[readonly="readonly"]+label,input[type=email]:not(.browser-default):disabled+label,input[type=email]:not(.browser-default)[readonly="readonly"]+label,input[type=url]:not(.browser-default):disabled+label,input[type=url]:not(.browser-default)[readonly="readonly"]+label,input[type=time]:not(.browser-default):disabled+label,input[type=time]:not(.browser-default)[readonly="readonly"]+label,input[type=date]:not(.browser-default):disabled+label,input[type=date]:not(.browser-default)[readonly="readonly"]+label,input[type=datetime]:not(.browser-default):disabled+label,input[type=datetime]:not(.browser-default)[readonly="readonly"]+label,input[type=datetime-local]:not(.browser-default):disabled+label,input[type=datetime-local]:not(.browser-default)[readonly="readonly"]+label,input[type=tel]:not(.browser-default):disabled+label,input[type=tel]:not(.browser-default)[readonly="readonly"]+label,input[type=number]:not(.browser-default):disabled+label,input[type=number]:not(.browser-default)[readonly="readonly"]+label,input[type=search]:not(.browser-default):disabled+label,input[type=search]:not(.browser-default)[readonly="readonly"]+label,textarea.materialize-textarea:disabled+label,textarea.materialize-textarea[readonly="readonly"]+label{color:rgba(0,0,0,0.42)}input:not([type]):focus:not([readonly]),input[type=text]:not(.browser-default):focus:not([readonly]),input[type=password]:not(.browser-default):focus:not([readonly]),input[type=email]:not(.browser-default):focus:not([readonly]),input[type=url]:not(.browser-default):focus:not([readonly]),input[type=time]:not(.browser-default):focus:not([readonly]),input[type=date]:not(.browser-default):focus:not([readonly]),input[type=datetime]:not(.browser-default):focus:not([readonly]),input[type=datetime-local]:not(.browser-default):focus:not([readonly]),input[type=tel]:not(.browser-default):focus:not([readonly]),input[type=number]:not(.browser-default):focus:not([readonly]),input[type=search]:not(.browser-default):focus:not([readonly]),textarea.materialize-textarea:focus:not([readonly]){border-bottom:1px solid #26a69a;-webkit-box-shadow:0 1px 0 0 #26a69a;box-shadow:0 1px 0 0 #26a69a}input:not([type]):focus:not([readonly])+label,input[type=text]:not(.browser-default):focus:not([readonly])+label,input[type=password]:not(.browser-default):focus:not([readonly])+label,input[type=email]:not(.browser-default):focus:not([readonly])+label,input[type=url]:not(.browser-default):focus:not([readonly])+label,input[type=time]:not(.browser-default):focus:not([readonly])+label,input[type=date]:not(.browser-default):focus:not([readonly])+label,input[type=datetime]:not(.browser-default):focus:not([readonly])+label,input[type=datetime-local]:not(.browser-default):focus:not([readonly])+label,input[type=tel]:not(.browser-default):focus:not([readonly])+label,input[type=number]:not(.browser-default):focus:not([readonly])+label,input[type=search]:not(.browser-default):focus:not([readonly])+label,textarea.materialize-textarea:focus:not([readonly])+label{color:#26a69a}input:not([type]).validate+label,input[type=text]:not(.browser-default).validate+label,input[type=password]:not(.browser-default).validate+label,input[type=email]:not(.browser-default).validate+label,input[type=url]:not(.browser-default).validate+label,input[type=time]:not(.browser-default).validate+label,input[type=date]:not(.browser-default).validate+label,input[type=datetime]:not(.browser-default).validate+label,input[type=datetime-local]:not(.browser-default).validate+label,input[type=tel]:not(.browser-default).validate+label,input[type=number]:not(.browser-default).validate+label,input[type=search]:not(.browser-default).validate+label,textarea.materialize-textarea.validate+label{width:100%}input:not([type]).invalid+label:after,input:not([type]).valid+label:after,input[type=text]:not(.browser-default).invalid+label:after,input[type=text]:not(.browser-default).valid+label:after,input[type=password]:not(.browser-default).invalid+label:after,input[type=password]:not(.browser-default).valid+label:after,input[type=email]:not(.browser-default).invalid+label:after,input[type=email]:not(.browser-default).valid+label:after,input[type=url]:not(.browser-default).invalid+label:after,input[type=url]:not(.browser-default).valid+label:after,input[type=time]:not(.browser-default).invalid+label:after,input[type=time]:not(.browser-default).valid+label:after,input[type=date]:not(.browser-default).invalid+label:after,input[type=date]:not(.browser-default).valid+label:after,input[type=datetime]:not(.browser-default).invalid+label:after,input[type=datetime]:not(.browser-default).valid+label:after,input[type=datetime-local]:not(.browser-default).invalid+label:after,input[type=datetime-local]:not(.browser-default).valid+label:after,input[type=tel]:not(.browser-default).invalid+label:after,input[type=tel]:not(.browser-default).valid+label:after,input[type=number]:not(.browser-default).invalid+label:after,input[type=number]:not(.browser-default).valid+label:after,input[type=search]:not(.browser-default).invalid+label:after,input[type=search]:not(.browser-default).valid+label:after,textarea.materialize-textarea.invalid+label:after,textarea.materialize-textarea.valid+label:after{display:none}input:not([type]).invalid+label.active:after,input:not([type]).valid+label.active:after,input[type=text]:not(.browser-default).invalid+label.active:after,input[type=text]:not(.browser-default).valid+label.active:after,input[type=password]:not(.browser-default).invalid+label.active:after,input[type=password]:not(.browser-default).valid+label.active:after,input[type=email]:not(.browser-default).invalid+label.active:after,input[type=email]:not(.browser-default).valid+label.active:after,input[type=url]:not(.browser-default).invalid+label.active:after,input[type=url]:not(.browser-default).valid+label.active:after,input[type=time]:not(.browser-default).invalid+label.active:after,input[type=time]:not(.browser-default).valid+label.active:after,input[type=date]:not(.browser-default).invalid+label.active:after,input[type=date]:not(.browser-default).valid+label.active:after,input[type=datetime]:not(.browser-default).invalid+label.active:after,input[type=datetime]:not(.browser-default).valid+label.active:after,input[type=datetime-local]:not(.browser-default).invalid+label.active:after,input[type=datetime-local]:not(.browser-default).valid+label.active:after,input[type=tel]:not(.browser-default).invalid+label.active:after,input[type=tel]:not(.browser-default).valid+label.active:after,input[type=number]:not(.browser-default).invalid+label.active:after,input[type=number]:not(.browser-default).valid+label.active:after,input[type=search]:not(.browser-default).invalid+label.active:after,input[type=search]:not(.browser-default).valid+label.active:after,textarea.materialize-textarea.invalid+label.active:after,textarea.materialize-textarea.valid+label.active:after{display:block}input.valid:not([type]),input.valid:not([type]):focus,input[type=text].valid:not(.browser-default),input[type=text].valid:not(.browser-default):focus,input[type=password].valid:not(.browser-default),input[type=password].valid:not(.browser-default):focus,input[type=email].valid:not(.browser-default),input[type=email].valid:not(.browser-default):focus,input[type=url].valid:not(.browser-default),input[type=url].valid:not(.browser-default):focus,input[type=time].valid:not(.browser-default),input[type=time].valid:not(.browser-default):focus,input[type=date].valid:not(.browser-default),input[type=date].valid:not(.browser-default):focus,input[type=datetime].valid:not(.browser-default),input[type=datetime].valid:not(.browser-default):focus,input[type=datetime-local].valid:not(.browser-default),input[type=datetime-local].valid:not(.browser-default):focus,input[type=tel].valid:not(.browser-default),input[type=tel].valid:not(.browser-default):focus,input[type=number].valid:not(.browser-default),input[type=number].valid:not(.browser-default):focus,input[type=search].valid:not(.browser-default),input[type=search].valid:not(.browser-default):focus,textarea.materialize-textarea.valid,textarea.materialize-textarea.valid:focus,.select-wrapper.valid>input.select-dropdown{border-bottom:1px solid #4CAF50;-webkit-box-shadow:0 1px 0 0 #4CAF50;box-shadow:0 1px 0 0 #4CAF50}input.invalid:not([type]),input.invalid:not([type]):focus,input[type=text].invalid:not(.browser-default),input[type=text].invalid:not(.browser-default):focus,input[type=password].invalid:not(.browser-default),input[type=password].invalid:not(.browser-default):focus,input[type=email].invalid:not(.browser-default),input[type=email].invalid:not(.browser-default):focus,input[type=url].invalid:not(.browser-default),input[type=url].invalid:not(.browser-default):focus,input[type=time].invalid:not(.browser-default),input[type=time].invalid:not(.browser-default):focus,input[type=date].invalid:not(.browser-default),input[type=date].invalid:not(.browser-default):focus,input[type=datetime].invalid:not(.browser-default),input[type=datetime].invalid:not(.browser-default):focus,input[type=datetime-local].invalid:not(.browser-default),input[type=datetime-local].invalid:not(.browser-default):focus,input[type=tel].invalid:not(.browser-default),input[type=tel].invalid:not(.browser-default):focus,input[type=number].invalid:not(.browser-default),input[type=number].invalid:not(.browser-default):focus,input[type=search].invalid:not(.browser-default),input[type=search].invalid:not(.browser-default):focus,textarea.materialize-textarea.invalid,textarea.materialize-textarea.invalid:focus,.select-wrapper.invalid>input.select-dropdown{border-bottom:1px solid #F44336;-webkit-box-shadow:0 1px 0 0 #F44336;box-shadow:0 1px 0 0 #F44336}input:not([type]).valid+label:after,input:not([type]):focus.valid+label:after,input[type=text]:not(.browser-default).valid+label:after,input[type=text]:not(.browser-default):focus.valid+label:after,input[type=password]:not(.browser-default).valid+label:after,input[type=password]:not(.browser-default):focus.valid+label:after,input[type=email]:not(.browser-default).valid+label:after,input[type=email]:not(.browser-default):focus.valid+label:after,input[type=url]:not(.browser-default).valid+label:after,input[type=url]:not(.browser-default):focus.valid+label:after,input[type=time]:not(.browser-default).valid+label:after,input[type=time]:not(.browser-default):focus.valid+label:after,input[type=date]:not(.browser-default).valid+label:after,input[type=date]:not(.browser-default):focus.valid+label:after,input[type=datetime]:not(.browser-default).valid+label:after,input[type=datetime]:not(.browser-default):focus.valid+label:after,input[type=datetime-local]:not(.browser-default).valid+label:after,input[type=datetime-local]:not(.browser-default):focus.valid+label:after,input[type=tel]:not(.browser-default).valid+label:after,input[type=tel]:not(.browser-default):focus.valid+label:after,input[type=number]:not(.browser-default).valid+label:after,input[type=number]:not(.browser-default):focus.valid+label:after,input[type=search]:not(.browser-default).valid+label:after,input[type=search]:not(.browser-default):focus.valid+label:after,textarea.materialize-textarea.valid+label:after,textarea.materialize-textarea:focus.valid+label:after,.select-wrapper.valid+label:after{content:attr(data-success);color:#4CAF50;opacity:1;-webkit-transform:translateY(9px);transform:translateY(9px)}input:not([type]).invalid+label:after,input:not([type]):focus.invalid+label:after,input[type=text]:not(.browser-default).invalid+label:after,input[type=text]:not(.browser-default):focus.invalid+label:after,input[type=password]:not(.browser-default).invalid+label:after,input[type=password]:not(.browser-default):focus.invalid+label:after,input[type=email]:not(.browser-default).invalid+label:after,input[type=email]:not(.browser-default):focus.invalid+label:after,input[type=url]:not(.browser-default).invalid+label:after,input[type=url]:not(.browser-default):focus.invalid+label:after,input[type=time]:not(.browser-default).invalid+label:after,input[type=time]:not(.browser-default):focus.invalid+label:after,input[type=date]:not(.browser-default).invalid+label:after,input[type=date]:not(.browser-default):focus.invalid+label:after,input[type=datetime]:not(.browser-default).invalid+label:after,input[type=datetime]:not(.browser-default):focus.invalid+label:after,input[type=datetime-local]:not(.browser-default).invalid+label:after,input[type=datetime-local]:not(.browser-default):focus.invalid+label:after,input[type=tel]:not(.browser-default).invalid+label:after,input[type=tel]:not(.browser-default):focus.invalid+label:after,input[type=number]:not(.browser-default).invalid+label:after,input[type=number]:not(.browser-default):focus.invalid+label:after,input[type=search]:not(.browser-default).invalid+label:after,input[type=search]:not(.browser-default):focus.invalid+label:after,textarea.materialize-textarea.invalid+label:after,textarea.materialize-textarea:focus.invalid+label:after,.select-wrapper.invalid+label:after{content:attr(data-error);color:#F44336;opacity:1;-webkit-transform:translateY(9px);transform:translateY(9px)}input:not([type])+label:after,input[type=text]:not(.browser-default)+label:after,input[type=password]:not(.browser-default)+label:after,input[type=email]:not(.browser-default)+label:after,input[type=url]:not(.browser-default)+label:after,input[type=time]:not(.browser-default)+label:after,input[type=date]:not(.browser-default)+label:after,input[type=datetime]:not(.browser-default)+label:after,input[type=datetime-local]:not(.browser-default)+label:after,input[type=tel]:not(.browser-default)+label:after,input[type=number]:not(.browser-default)+label:after,input[type=search]:not(.browser-default)+label:after,textarea.materialize-textarea+label:after,.select-wrapper+label:after{display:block;content:"";position:absolute;top:100%;left:0;opacity:0;-webkit-transition:.2s opacity ease-out, .2s color ease-out;transition:.2s opacity ease-out, .2s color ease-out}.input-field{position:relative;margin-top:1rem}.input-field.inline{display:inline-block;vertical-align:middle;margin-left:5px}.input-field.inline input,.input-field.inline .select-dropdown{margin-bottom:1rem}.input-field.col label{left:.75rem}.input-field.col .prefix ~ label,.input-field.col .prefix ~ .validate ~ label{width:calc(100% - 3rem - 1.5rem)}.input-field label{color:#9e9e9e;position:absolute;top:0;left:0;height:100%;font-size:1rem;cursor:text;-webkit-transition:-webkit-transform .2s ease-out;transition:-webkit-transform .2s ease-out;transition:transform .2s ease-out;transition:transform .2s ease-out, -webkit-transform .2s ease-out;-webkit-transform-origin:0% 100%;transform-origin:0% 100%;text-align:initial;-webkit-transform:translateY(12px);transform:translateY(12px);pointer-events:none}.input-field label:not(.label-icon).active{-webkit-transform:translateY(-14px) scale(0.8);transform:translateY(-14px) scale(0.8);-webkit-transform-origin:0 0;transform-origin:0 0}.input-field .prefix{position:absolute;width:3rem;font-size:2rem;-webkit-transition:color .2s;transition:color .2s}.input-field .prefix.active{color:#26a69a}.input-field .prefix ~ input,.input-field .prefix ~ textarea,.input-field .prefix ~ label,.input-field .prefix ~ .validate ~ label,.input-field .prefix ~ .autocomplete-content{margin-left:3rem;width:92%;width:calc(100% - 3rem)}.input-field .prefix ~ label{margin-left:3rem}@media only screen and (max-width: 992px){.input-field .prefix ~ input{width:86%;width:calc(100% - 3rem)}}@media only screen and (max-width: 600px){.input-field .prefix ~ input{width:80%;width:calc(100% - 3rem)}}.input-field input[type=search]{display:block;line-height:inherit}.nav-wrapper .input-field input[type=search]{height:inherit;padding-left:4rem;width:calc(100% - 4rem);border:0;-webkit-box-shadow:none;box-shadow:none}.input-field input[type=search]:focus{background-color:#fff;border:0;-webkit-box-shadow:none;box-shadow:none;color:#444}.input-field input[type=search]:focus+label i,.input-field input[type=search]:focus ~ .mdi-navigation-close,.input-field input[type=search]:focus ~ .material-icons{color:#444}.input-field input[type=search]+label{left:1rem}.input-field input[type=search] ~ .mdi-navigation-close,.input-field input[type=search] ~ .material-icons{position:absolute;top:0;right:1rem;color:transparent;cursor:pointer;font-size:2rem;-webkit-transition:.3s color;transition:.3s color}textarea{width:100%;height:3rem;background-color:transparent}textarea.materialize-textarea{overflow-y:hidden;padding:.8rem 0 1.6rem 0;resize:none;min-height:3rem}textarea.materialize-textarea.validate+label{height:100%}textarea.materialize-textarea.validate+label::after{top:calc(100% - 12px)}textarea.materialize-textarea.validate+label:not(.label-icon).active{-webkit-transform:translateY(-25px);transform:translateY(-25px)}.hiddendiv{display:none;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;padding-top:1.2rem;position:absolute;top:0}.autocomplete-content{margin-top:-20px;margin-bottom:20px;display:block;opacity:1;position:static}.autocomplete-content li .highlight{color:#444}.autocomplete-content li img{height:40px;width:40px;margin:5px 15px}[type="radio"]:not(:checked),[type="radio"]:checked{position:absolute;opacity:0;pointer-events:none}[type="radio"]:not(:checked)+label,[type="radio"]:checked+label{position:relative;padding-left:35px;cursor:pointer;display:inline-block;height:25px;line-height:25px;font-size:1rem;-webkit-transition:.28s ease;transition:.28s ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[type="radio"]+label:before,[type="radio"]+label:after{content:'';position:absolute;left:0;top:0;margin:4px;width:16px;height:16px;z-index:0;-webkit-transition:.28s ease;transition:.28s ease}[type="radio"]:not(:checked)+label:before,[type="radio"]:not(:checked)+label:after,[type="radio"]:checked+label:before,[type="radio"]:checked+label:after,[type="radio"].with-gap:checked+label:before,[type="radio"].with-gap:checked+label:after{border-radius:50%}[type="radio"]:not(:checked)+label:before,[type="radio"]:not(:checked)+label:after{border:2px solid #5a5a5a}[type="radio"]:not(:checked)+label:after{-webkit-transform:scale(0);transform:scale(0)}[type="radio"]:checked+label:before{border:2px solid transparent}[type="radio"]:checked+label:after,[type="radio"].with-gap:checked+label:before,[type="radio"].with-gap:checked+label:after{border:2px solid #26a69a}[type="radio"]:checked+label:after,[type="radio"].with-gap:checked+label:after{background-color:#26a69a}[type="radio"]:checked+label:after{-webkit-transform:scale(1.02);transform:scale(1.02)}[type="radio"].with-gap:checked+label:after{-webkit-transform:scale(0.5);transform:scale(0.5)}[type="radio"].tabbed:focus+label:before{-webkit-box-shadow:0 0 0 10px rgba(0,0,0,0.1);box-shadow:0 0 0 10px rgba(0,0,0,0.1)}[type="radio"].with-gap:disabled:checked+label:before{border:2px solid rgba(0,0,0,0.42)}[type="radio"].with-gap:disabled:checked+label:after{border:none;background-color:rgba(0,0,0,0.42)}[type="radio"]:disabled:not(:checked)+label:before,[type="radio"]:disabled:checked+label:before{background-color:transparent;border-color:rgba(0,0,0,0.42)}[type="radio"]:disabled+label{color:rgba(0,0,0,0.42)}[type="radio"]:disabled:not(:checked)+label:before{border-color:rgba(0,0,0,0.42)}[type="radio"]:disabled:checked+label:after{background-color:rgba(0,0,0,0.42);border-color:#949494}form p{margin-bottom:10px;text-align:left}form p:last-child{margin-bottom:0}[type="checkbox"]:not(:checked),[type="checkbox"]:checked{position:absolute;opacity:0;pointer-events:none}[type="checkbox"]+label{position:relative;padding-left:35px;cursor:pointer;display:inline-block;height:25px;line-height:25px;font-size:1rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[type="checkbox"]+label:before,[type="checkbox"]:not(.filled-in)+label:after{content:'';position:absolute;top:0;left:0;width:18px;height:18px;z-index:0;border:2px solid #5a5a5a;border-radius:1px;margin-top:2px;-webkit-transition:.2s;transition:.2s}[type="checkbox"]:not(.filled-in)+label:after{border:0;-webkit-transform:scale(0);transform:scale(0)}[type="checkbox"]:not(:checked):disabled+label:before{border:none;background-color:rgba(0,0,0,0.42)}[type="checkbox"].tabbed:focus+label:after{-webkit-transform:scale(1);transform:scale(1);border:0;border-radius:50%;-webkit-box-shadow:0 0 0 10px rgba(0,0,0,0.1);box-shadow:0 0 0 10px rgba(0,0,0,0.1);background-color:rgba(0,0,0,0.1)}[type="checkbox"]:checked+label:before{top:-4px;left:-5px;width:12px;height:22px;border-top:2px solid transparent;border-left:2px solid transparent;border-right:2px solid #26a69a;border-bottom:2px solid #26a69a;-webkit-transform:rotate(40deg);transform:rotate(40deg);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-origin:100% 100%;transform-origin:100% 100%}[type="checkbox"]:checked:disabled+label:before{border-right:2px solid rgba(0,0,0,0.42);border-bottom:2px solid rgba(0,0,0,0.42)}[type="checkbox"]:indeterminate+label:before{top:-11px;left:-12px;width:10px;height:22px;border-top:none;border-left:none;border-right:2px solid #26a69a;border-bottom:none;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-origin:100% 100%;transform-origin:100% 100%}[type="checkbox"]:indeterminate:disabled+label:before{border-right:2px solid rgba(0,0,0,0.42);background-color:transparent}[type="checkbox"].filled-in+label:after{border-radius:2px}[type="checkbox"].filled-in+label:before,[type="checkbox"].filled-in+label:after{content:'';left:0;position:absolute;-webkit-transition:border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;transition:border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;z-index:1}[type="checkbox"].filled-in:not(:checked)+label:before{width:0;height:0;border:3px solid transparent;left:6px;top:10px;-webkit-transform:rotateZ(37deg);transform:rotateZ(37deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%}[type="checkbox"].filled-in:not(:checked)+label:after{height:20px;width:20px;background-color:transparent;border:2px solid #5a5a5a;top:0px;z-index:0}[type="checkbox"].filled-in:checked+label:before{top:0;left:1px;width:8px;height:13px;border-top:2px solid transparent;border-left:2px solid transparent;border-right:2px solid #fff;border-bottom:2px solid #fff;-webkit-transform:rotateZ(37deg);transform:rotateZ(37deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%}[type="checkbox"].filled-in:checked+label:after{top:0;width:20px;height:20px;border:2px solid #26a69a;background-color:#26a69a;z-index:0}[type="checkbox"].filled-in.tabbed:focus+label:after{border-radius:2px;border-color:#5a5a5a;background-color:rgba(0,0,0,0.1)}[type="checkbox"].filled-in.tabbed:checked:focus+label:after{border-radius:2px;background-color:#26a69a;border-color:#26a69a}[type="checkbox"].filled-in:disabled:not(:checked)+label:before{background-color:transparent;border:2px solid transparent}[type="checkbox"].filled-in:disabled:not(:checked)+label:after{border-color:transparent;background-color:#949494}[type="checkbox"].filled-in:disabled:checked+label:before{background-color:transparent}[type="checkbox"].filled-in:disabled:checked+label:after{background-color:#949494;border-color:#949494}.switch,.switch *{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.switch label{cursor:pointer}.switch label input[type=checkbox]{opacity:0;width:0;height:0}.switch label input[type=checkbox]:checked+.lever{background-color:#84c7c1}.switch label input[type=checkbox]:checked+.lever:before,.switch label input[type=checkbox]:checked+.lever:after{left:18px}.switch label input[type=checkbox]:checked+.lever:after{background-color:#26a69a}.switch label .lever{content:"";display:inline-block;position:relative;width:36px;height:14px;background-color:rgba(0,0,0,0.38);border-radius:15px;margin-right:10px;-webkit-transition:background 0.3s ease;transition:background 0.3s ease;vertical-align:middle;margin:0 16px}.switch label .lever:before,.switch label .lever:after{content:"";position:absolute;display:inline-block;width:20px;height:20px;border-radius:50%;left:0;top:-3px;-webkit-transition:left 0.3s ease, background .3s ease, -webkit-box-shadow 0.1s ease, -webkit-transform .1s ease;transition:left 0.3s ease, background .3s ease, -webkit-box-shadow 0.1s ease, -webkit-transform .1s ease;transition:left 0.3s ease, background .3s ease, box-shadow 0.1s ease, transform .1s ease;transition:left 0.3s ease, background .3s ease, box-shadow 0.1s ease, transform .1s ease, -webkit-box-shadow 0.1s ease, -webkit-transform .1s ease}.switch label .lever:before{background-color:rgba(38,166,154,0.15)}.switch label .lever:after{background-color:#F1F1F1;-webkit-box-shadow:0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12);box-shadow:0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12)}input[type=checkbox]:checked:not(:disabled) ~ .lever:active::before,input[type=checkbox]:checked:not(:disabled).tabbed:focus ~ .lever::before{-webkit-transform:scale(2.4);transform:scale(2.4);background-color:rgba(38,166,154,0.15)}input[type=checkbox]:not(:disabled) ~ .lever:active:before,input[type=checkbox]:not(:disabled).tabbed:focus ~ .lever::before{-webkit-transform:scale(2.4);transform:scale(2.4);background-color:rgba(0,0,0,0.08)}.switch input[type=checkbox][disabled]+.lever{cursor:default;background-color:rgba(0,0,0,0.12)}.switch label input[type=checkbox][disabled]+.lever:after,.switch label input[type=checkbox][disabled]:checked+.lever:after{background-color:#949494}select{display:none}select.browser-default{display:block}select{background-color:rgba(255,255,255,0.9);width:100%;padding:5px;border:1px solid #f2f2f2;border-radius:2px;height:3rem}.input-field>select{display:block;position:absolute;width:0;pointer-events:none;height:0;top:0;left:0;opacity:0}.select-label{position:absolute}.select-wrapper{position:relative}.select-wrapper.valid+label,.select-wrapper.invalid+label{width:100%;pointer-events:none}.select-wrapper input.select-dropdown{position:relative;cursor:pointer;background-color:transparent;border:none;border-bottom:1px solid #9e9e9e;outline:none;height:3rem;line-height:3rem;width:100%;font-size:1rem;margin:0 0 20px 0;padding:0;display:block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.select-wrapper span.caret{color:initial;position:absolute;right:0;top:0;bottom:0;height:10px;margin:auto 0;font-size:10px;line-height:10px}.select-wrapper+label{position:absolute;top:-26px;font-size:.8rem}select:disabled{color:rgba(0,0,0,0.42)}.select-wrapper.disabled span.caret,.select-wrapper.disabled+label{color:rgba(0,0,0,0.42)}.select-wrapper input.select-dropdown:disabled{color:rgba(0,0,0,0.42);cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.select-wrapper i{color:rgba(0,0,0,0.3)}.select-dropdown li.disabled,.select-dropdown li.disabled>span,.select-dropdown li.optgroup{color:rgba(0,0,0,0.3);background-color:transparent}.select-dropdown.dropdown-content li.active{background-color:transparent}.select-dropdown.dropdown-content li:hover{background-color:rgba(0,0,0,0.06)}.select-dropdown.dropdown-content li.selected{background-color:rgba(0,0,0,0.03)}.prefix ~ .select-wrapper{margin-left:3rem;width:92%;width:calc(100% - 3rem)}.prefix ~ label{margin-left:3rem}.select-dropdown li img{height:40px;width:40px;margin:5px 15px;float:right}.select-dropdown li.optgroup{border-top:1px solid #eee}.select-dropdown li.optgroup.selected>span{color:rgba(0,0,0,0.7)}.select-dropdown li.optgroup>span{color:rgba(0,0,0,0.4)}.select-dropdown li.optgroup ~ li.optgroup-option{padding-left:1rem}.file-field{position:relative}.file-field .file-path-wrapper{overflow:hidden;padding-left:10px}.file-field input.file-path{width:100%}.file-field .btn,.file-field .btn-large{float:left;height:3rem;line-height:3rem}.file-field span{cursor:pointer}.file-field input[type=file]{position:absolute;top:0;right:0;left:0;bottom:0;width:100%;margin:0;padding:0;font-size:20px;cursor:pointer;opacity:0;filter:alpha(opacity=0)}.file-field input[type=file]::-webkit-file-upload-button{display:none}.range-field{position:relative}input[type=range],input[type=range]+.thumb{cursor:pointer}input[type=range]{position:relative;background-color:transparent;border:none;outline:none;width:100%;margin:15px 0;padding:0}input[type=range]:focus{outline:none}input[type=range]+.thumb{position:absolute;top:10px;left:0;border:none;height:0;width:0;border-radius:50%;background-color:#26a69a;margin-left:7px;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}input[type=range]+.thumb .value{display:block;width:30px;text-align:center;color:#26a69a;font-size:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}input[type=range]+.thumb.active{border-radius:50% 50% 50% 0}input[type=range]+.thumb.active .value{color:#fff;margin-left:-1px;margin-top:8px;font-size:10px}input[type=range]{-webkit-appearance:none}input[type=range]::-webkit-slider-runnable-track{height:3px;background:#c2c0c2;border:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:none;height:14px;width:14px;border-radius:50%;background-color:#26a69a;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;margin:-5px 0 0 0;-webkit-transition:.3s;transition:.3s}input[type=range]:focus::-webkit-slider-runnable-track{background:#ccc}input[type=range]{border:1px solid white}input[type=range]::-moz-range-track{height:3px;background:#ddd;border:none}input[type=range]::-moz-range-thumb{border:none;height:14px;width:14px;border-radius:50%;background:#26a69a;margin-top:-5px}input[type=range]:-moz-focusring{outline:1px solid #fff;outline-offset:-1px}input[type=range]:focus::-moz-range-track{background:#ccc}input[type=range]::-ms-track{height:3px;background:transparent;border-color:transparent;border-width:6px 0;color:transparent}input[type=range]::-ms-fill-lower{background:#777}input[type=range]::-ms-fill-upper{background:#ddd}input[type=range]::-ms-thumb{border:none;height:14px;width:14px;border-radius:50%;background:#26a69a}input[type=range]:focus::-ms-fill-lower{background:#888}input[type=range]:focus::-ms-fill-upper{background:#ccc}.table-of-contents.fixed{position:fixed}.table-of-contents li{padding:2px 0}.table-of-contents a{display:inline-block;font-weight:300;color:#757575;padding-left:20px;height:1.5rem;line-height:1.5rem;letter-spacing:.4;display:inline-block}.table-of-contents a:hover{color:#a8a8a8;padding-left:19px;border-left:1px solid #ee6e73}.table-of-contents a.active{font-weight:500;padding-left:18px;border-left:2px solid #ee6e73}.side-nav{position:fixed;width:300px;left:0;top:0;margin:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);height:100%;height:calc(100% + 60px);height:-moz-calc(100%);padding-bottom:60px;background-color:#fff;z-index:999;overflow-y:auto;will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateX(-105%);transform:translateX(-105%)}.side-nav.right-aligned{right:0;-webkit-transform:translateX(105%);transform:translateX(105%);left:auto;-webkit-transform:translateX(100%);transform:translateX(100%)}.side-nav .collapsible{margin:0}.side-nav li{float:none;line-height:48px}.side-nav li.active{background-color:rgba(0,0,0,0.05)}.side-nav li>a{color:rgba(0,0,0,0.87);display:block;font-size:14px;font-weight:500;height:48px;line-height:48px;padding:0 32px}.side-nav li>a:hover{background-color:rgba(0,0,0,0.05)}.side-nav li>a.btn,.side-nav li>a.btn-large,.side-nav li>a.btn-large,.side-nav li>a.btn-flat,.side-nav li>a.btn-floating{margin:10px 15px}.side-nav li>a.btn,.side-nav li>a.btn-large,.side-nav li>a.btn-large,.side-nav li>a.btn-floating{color:#fff}.side-nav li>a.btn-flat{color:#343434}.side-nav li>a.btn:hover,.side-nav li>a.btn-large:hover,.side-nav li>a.btn-large:hover{background-color:#2bbbad}.side-nav li>a.btn-floating:hover{background-color:#26a69a}.side-nav li>a>i,.side-nav li>a>[class^="mdi-"],.side-nav li>a li>a>[class*="mdi-"],.side-nav li>a>i.material-icons{float:left;height:48px;line-height:48px;margin:0 32px 0 0;width:24px;color:rgba(0,0,0,0.54)}.side-nav .divider{margin:8px 0 0 0}.side-nav .subheader{cursor:initial;pointer-events:none;color:rgba(0,0,0,0.54);font-size:14px;font-weight:500;line-height:48px}.side-nav .subheader:hover{background-color:transparent}.side-nav .user-view,.side-nav .userView{position:relative;padding:32px 32px 0;margin-bottom:8px}.side-nav .user-view>a,.side-nav .userView>a{height:auto;padding:0}.side-nav .user-view>a:hover,.side-nav .userView>a:hover{background-color:transparent}.side-nav .user-view .background,.side-nav .userView .background{overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.side-nav .user-view .circle,.side-nav .user-view .name,.side-nav .user-view .email,.side-nav .userView .circle,.side-nav .userView .name,.side-nav .userView .email{display:block}.side-nav .user-view .circle,.side-nav .userView .circle{height:64px;width:64px}.side-nav .user-view .name,.side-nav .user-view .email,.side-nav .userView .name,.side-nav .userView .email{font-size:14px;line-height:24px}.side-nav .user-view .name,.side-nav .userView .name{margin-top:16px;font-weight:500}.side-nav .user-view .email,.side-nav .userView .email{padding-bottom:16px;font-weight:400}.drag-target{height:100%;width:10px;position:fixed;top:0;z-index:998}.side-nav.fixed{left:0;-webkit-transform:translateX(0);transform:translateX(0);position:fixed}.side-nav.fixed.right-aligned{right:0;left:auto}@media only screen and (max-width: 992px){.side-nav.fixed{-webkit-transform:translateX(-105%);transform:translateX(-105%)}.side-nav.fixed.right-aligned{-webkit-transform:translateX(105%);transform:translateX(105%)}.side-nav a{padding:0 16px}.side-nav .user-view,.side-nav .userView{padding:16px 16px 0}}.side-nav .collapsible-body>ul:not(.collapsible)>li.active,.side-nav.fixed .collapsible-body>ul:not(.collapsible)>li.active{background-color:#ee6e73}.side-nav .collapsible-body>ul:not(.collapsible)>li.active a,.side-nav.fixed .collapsible-body>ul:not(.collapsible)>li.active a{color:#fff}.side-nav .collapsible-body{padding:0}#sidenav-overlay{position:fixed;top:0;left:0;right:0;height:120vh;background-color:rgba(0,0,0,0.5);z-index:997;will-change:opacity}.preloader-wrapper{display:inline-block;position:relative;width:50px;height:50px}.preloader-wrapper.small{width:36px;height:36px}.preloader-wrapper.big{width:64px;height:64px}.preloader-wrapper.active{-webkit-animation:container-rotate 1568ms linear infinite;animation:container-rotate 1568ms linear infinite}@-webkit-keyframes container-rotate{to{-webkit-transform:rotate(360deg)}}@keyframes container-rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.spinner-layer{position:absolute;width:100%;height:100%;opacity:0;border-color:#26a69a}.spinner-blue,.spinner-blue-only{border-color:#4285f4}.spinner-red,.spinner-red-only{border-color:#db4437}.spinner-yellow,.spinner-yellow-only{border-color:#f4b400}.spinner-green,.spinner-green-only{border-color:#0f9d58}.active .spinner-layer.spinner-blue{-webkit-animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}.active .spinner-layer.spinner-red{-webkit-animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,red-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,red-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}.active .spinner-layer.spinner-yellow{-webkit-animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,yellow-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,yellow-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}.active .spinner-layer.spinner-green{-webkit-animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,green-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,green-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}.active .spinner-layer,.active .spinner-layer.spinner-blue-only,.active .spinner-layer.spinner-red-only,.active .spinner-layer.spinner-yellow-only,.active .spinner-layer.spinner-green-only{opacity:1;-webkit-animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}@-webkit-keyframes fill-unfill-rotate{12.5%{-webkit-transform:rotate(135deg)}25%{-webkit-transform:rotate(270deg)}37.5%{-webkit-transform:rotate(405deg)}50%{-webkit-transform:rotate(540deg)}62.5%{-webkit-transform:rotate(675deg)}75%{-webkit-transform:rotate(810deg)}87.5%{-webkit-transform:rotate(945deg)}to{-webkit-transform:rotate(1080deg)}}@keyframes fill-unfill-rotate{12.5%{-webkit-transform:rotate(135deg);transform:rotate(135deg)}25%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}37.5%{-webkit-transform:rotate(405deg);transform:rotate(405deg)}50%{-webkit-transform:rotate(540deg);transform:rotate(540deg)}62.5%{-webkit-transform:rotate(675deg);transform:rotate(675deg)}75%{-webkit-transform:rotate(810deg);transform:rotate(810deg)}87.5%{-webkit-transform:rotate(945deg);transform:rotate(945deg)}to{-webkit-transform:rotate(1080deg);transform:rotate(1080deg)}}@-webkit-keyframes blue-fade-in-out{from{opacity:1}25%{opacity:1}26%{opacity:0}89%{opacity:0}90%{opacity:1}100%{opacity:1}}@keyframes blue-fade-in-out{from{opacity:1}25%{opacity:1}26%{opacity:0}89%{opacity:0}90%{opacity:1}100%{opacity:1}}@-webkit-keyframes red-fade-in-out{from{opacity:0}15%{opacity:0}25%{opacity:1}50%{opacity:1}51%{opacity:0}}@keyframes red-fade-in-out{from{opacity:0}15%{opacity:0}25%{opacity:1}50%{opacity:1}51%{opacity:0}}@-webkit-keyframes yellow-fade-in-out{from{opacity:0}40%{opacity:0}50%{opacity:1}75%{opacity:1}76%{opacity:0}}@keyframes yellow-fade-in-out{from{opacity:0}40%{opacity:0}50%{opacity:1}75%{opacity:1}76%{opacity:0}}@-webkit-keyframes green-fade-in-out{from{opacity:0}65%{opacity:0}75%{opacity:1}90%{opacity:1}100%{opacity:0}}@keyframes green-fade-in-out{from{opacity:0}65%{opacity:0}75%{opacity:1}90%{opacity:1}100%{opacity:0}}.gap-patch{position:absolute;top:0;left:45%;width:10%;height:100%;overflow:hidden;border-color:inherit}.gap-patch .circle{width:1000%;left:-450%}.circle-clipper{display:inline-block;position:relative;width:50%;height:100%;overflow:hidden;border-color:inherit}.circle-clipper .circle{width:200%;height:100%;border-width:3px;border-style:solid;border-color:inherit;border-bottom-color:transparent !important;border-radius:50%;-webkit-animation:none;animation:none;position:absolute;top:0;right:0;bottom:0}.circle-clipper.left .circle{left:0;border-right-color:transparent !important;-webkit-transform:rotate(129deg);transform:rotate(129deg)}.circle-clipper.right .circle{left:-100%;border-left-color:transparent !important;-webkit-transform:rotate(-129deg);transform:rotate(-129deg)}.active .circle-clipper.left .circle{-webkit-animation:left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;animation:left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}.active .circle-clipper.right .circle{-webkit-animation:right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;animation:right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}@-webkit-keyframes left-spin{from{-webkit-transform:rotate(130deg)}50%{-webkit-transform:rotate(-5deg)}to{-webkit-transform:rotate(130deg)}}@keyframes left-spin{from{-webkit-transform:rotate(130deg);transform:rotate(130deg)}50%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(130deg);transform:rotate(130deg)}}@-webkit-keyframes right-spin{from{-webkit-transform:rotate(-130deg)}50%{-webkit-transform:rotate(5deg)}to{-webkit-transform:rotate(-130deg)}}@keyframes right-spin{from{-webkit-transform:rotate(-130deg);transform:rotate(-130deg)}50%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}to{-webkit-transform:rotate(-130deg);transform:rotate(-130deg)}}#spinnerContainer.cooldown{-webkit-animation:container-rotate 1568ms linear infinite,fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1);animation:container-rotate 1568ms linear infinite,fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1)}@-webkit-keyframes fade-out{from{opacity:1}to{opacity:0}}@keyframes fade-out{from{opacity:1}to{opacity:0}}.slider{position:relative;height:400px;width:100%}.slider.fullscreen{height:100%;width:100%;position:absolute;top:0;left:0;right:0;bottom:0}.slider.fullscreen ul.slides{height:100%}.slider.fullscreen ul.indicators{z-index:2;bottom:30px}.slider .slides{background-color:#9e9e9e;margin:0;height:400px}.slider .slides li{opacity:0;position:absolute;top:0;left:0;z-index:1;width:100%;height:inherit;overflow:hidden}.slider .slides li img{height:100%;width:100%;background-size:cover;background-position:center}.slider .slides li .caption{color:#fff;position:absolute;top:15%;left:15%;width:70%;opacity:0}.slider .slides li .caption p{color:#e0e0e0}.slider .slides li.active{z-index:2}.slider .indicators{position:absolute;text-align:center;left:0;right:0;bottom:0;margin:0}.slider .indicators .indicator-item{display:inline-block;position:relative;cursor:pointer;height:16px;width:16px;margin:0 12px;background-color:#e0e0e0;-webkit-transition:background-color .3s;transition:background-color .3s;border-radius:50%}.slider .indicators .indicator-item.active{background-color:#4CAF50}.carousel{overflow:hidden;position:relative;width:100%;height:400px;-webkit-perspective:500px;perspective:500px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform-origin:0% 50%;transform-origin:0% 50%}.carousel.carousel-slider{top:0;left:0}.carousel.carousel-slider .carousel-fixed-item{position:absolute;left:0;right:0;bottom:20px;z-index:1}.carousel.carousel-slider .carousel-fixed-item.with-indicators{bottom:68px}.carousel.carousel-slider .carousel-item{width:100%;height:100%;min-height:400px;position:absolute;top:0;left:0}.carousel.carousel-slider .carousel-item h2{font-size:24px;font-weight:500;line-height:32px}.carousel.carousel-slider .carousel-item p{font-size:15px}.carousel .carousel-item{display:none;width:200px;height:200px;position:absolute;top:0;left:0}.carousel .carousel-item>img{width:100%}.carousel .indicators{position:absolute;text-align:center;left:0;right:0;bottom:0;margin:0}.carousel .indicators .indicator-item{display:inline-block;position:relative;cursor:pointer;height:8px;width:8px;margin:24px 4px;background-color:rgba(255,255,255,0.5);-webkit-transition:background-color .3s;transition:background-color .3s;border-radius:50%}.carousel .indicators .indicator-item.active{background-color:#fff}.carousel.scrolling .carousel-item .materialboxed,.carousel .carousel-item:not(.active) .materialboxed{pointer-events:none}.tap-target-wrapper{width:800px;height:800px;position:fixed;z-index:1000;visibility:hidden;-webkit-transition:visibility 0s .3s;transition:visibility 0s .3s}.tap-target-wrapper.open{visibility:visible;-webkit-transition:visibility 0s;transition:visibility 0s}.tap-target-wrapper.open .tap-target{-webkit-transform:scale(1);transform:scale(1);opacity:.95;-webkit-transition:opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1),-webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1);transition:opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1),-webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1);transition:transform 0.3s cubic-bezier(0.42, 0, 0.58, 1),opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1);transition:transform 0.3s cubic-bezier(0.42, 0, 0.58, 1),opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1),-webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1)}.tap-target-wrapper.open .tap-target-wave::before{-webkit-transform:scale(1);transform:scale(1)}.tap-target-wrapper.open .tap-target-wave::after{visibility:visible;-webkit-animation:pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;animation:pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;-webkit-transition:opacity .3s,
visibility 0s 1s,
-webkit-transform .3s;transition:opacity .3s,
visibility 0s 1s,
-webkit-transform .3s;transition:opacity .3s,
transform .3s,
visibility 0s 1s;transition:opacity .3s,
transform .3s,
visibility 0s 1s,
-webkit-transform .3s}.tap-target{position:absolute;font-size:1rem;border-radius:50%;background-color:#ee6e73;-webkit-box-shadow:0 20px 20px 0 rgba(0,0,0,0.14),0 10px 50px 0 rgba(0,0,0,0.12),0 30px 10px -20px rgba(0,0,0,0.2);box-shadow:0 20px 20px 0 rgba(0,0,0,0.14),0 10px 50px 0 rgba(0,0,0,0.12),0 30px 10px -20px rgba(0,0,0,0.2);width:100%;height:100%;opacity:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1),-webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1);transition:opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1),-webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1);transition:transform 0.3s cubic-bezier(0.42, 0, 0.58, 1),opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1);transition:transform 0.3s cubic-bezier(0.42, 0, 0.58, 1),opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1),-webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1)}.tap-target-content{position:relative;display:table-cell}.tap-target-wave{position:absolute;border-radius:50%;z-index:10001}.tap-target-wave::before,.tap-target-wave::after{content:'';display:block;position:absolute;width:100%;height:100%;border-radius:50%;background-color:#ffffff}.tap-target-wave::before{-webkit-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s}.tap-target-wave::after{visibility:hidden;-webkit-transition:opacity .3s,
visibility 0s,
-webkit-transform .3s;transition:opacity .3s,
visibility 0s,
-webkit-transform .3s;transition:opacity .3s,
transform .3s,
visibility 0s;transition:opacity .3s,
transform .3s,
visibility 0s,
-webkit-transform .3s;z-index:-1}.tap-target-origin{top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:10002;position:absolute !important}.tap-target-origin:not(.btn):not(.btn-large),.tap-target-origin:not(.btn):not(.btn-large):hover{background:none}@media only screen and (max-width: 600px){.tap-target,.tap-target-wrapper{width:600px;height:600px}}.pulse{overflow:initial;position:relative}.pulse::before{content:'';display:block;position:absolute;width:100%;height:100%;top:0;left:0;background-color:inherit;border-radius:inherit;-webkit-transition:opacity .3s, -webkit-transform .3s;transition:opacity .3s, -webkit-transform .3s;transition:opacity .3s, transform .3s;transition:opacity .3s, transform .3s, -webkit-transform .3s;-webkit-animation:pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;animation:pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;z-index:-1}@-webkit-keyframes pulse-animation{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5)}100%{opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5)}}@keyframes pulse-animation{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5)}100%{opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5)}}.picker{font-size:16px;text-align:left;line-height:1.2;color:#000000;position:absolute;z-index:10000;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:none}.picker__input{cursor:default}.picker__input.picker__input--active{border-color:#0089ec}.picker__holder{width:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}/*!
- * Default mobile-first, responsive styling for pickadate.js
- * Demo: http://amsul.github.io/pickadate.js
- */.picker__holder,.picker__frame{bottom:0;left:0;right:0;top:100%}.picker__holder{position:fixed;-webkit-transition:background 0.15s ease-out, top 0s 0.15s;transition:background 0.15s ease-out, top 0s 0.15s;-webkit-backface-visibility:hidden}.picker__frame{position:absolute;margin:0 auto;min-width:256px;width:300px;max-height:350px;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-moz-opacity:0;opacity:0;-webkit-transition:all 0.15s ease-out;transition:all 0.15s ease-out}@media (min-height: 28.875em){.picker__frame{overflow:visible;top:auto;bottom:-100%;max-height:80%}}@media (min-height: 40.125em){.picker__frame{margin-bottom:7.5%}}.picker__wrap{display:table;width:100%;height:100%}@media (min-height: 28.875em){.picker__wrap{display:block}}.picker__box{background:#ffffff;display:table-cell;vertical-align:middle}@media (min-height: 28.875em){.picker__box{display:block;border:1px solid #777777;border-top-color:#898989;border-bottom-width:0;border-radius:5px 5px 0 0;-webkit-box-shadow:0 12px 36px 16px rgba(0,0,0,0.24);box-shadow:0 12px 36px 16px rgba(0,0,0,0.24)}}.picker--opened .picker__holder{top:0;background:transparent;-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#1E000000,endColorstr=#1E000000)";zoom:1;background:rgba(0,0,0,0.32);-webkit-transition:background 0.15s ease-out;transition:background 0.15s ease-out}.picker--opened .picker__frame{top:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;opacity:1}@media (min-height: 35.875em){.picker--opened .picker__frame{top:10%;bottom:auto}}.picker__input.picker__input--active{border-color:#E3F2FD}.picker__frame{margin:0 auto;max-width:325px}@media (min-height: 38.875em){.picker--opened .picker__frame{top:10%;bottom:auto}}@media only screen and (min-width: 601px){.picker__box{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.picker__frame{width:80%;max-width:600px}}.picker__box{padding:0;border-radius:2px;overflow:hidden}.picker__header{text-align:center;position:relative;margin-top:.75em}.picker__month,.picker__year{display:inline-block;margin-left:.25em;margin-right:.25em}.picker__select--month,.picker__select--year{height:2em;padding:0;margin-left:.25em;margin-right:.25em}.picker__select--month.browser-default{display:inline;background-color:#FFFFFF;width:40%}.picker__select--year.browser-default{display:inline;background-color:#FFFFFF;width:26%}.picker__select--month:focus,.picker__select--year:focus{border-color:rgba(0,0,0,0.05)}.picker__nav--prev,.picker__nav--next{position:absolute;padding:.5em 1.25em;width:1em;height:1em;-webkit-box-sizing:content-box;box-sizing:content-box;top:-0.25em}.picker__nav--prev{left:-1em;padding-right:1.25em}.picker__nav--next{right:-1em;padding-left:1.25em}.picker__nav--disabled,.picker__nav--disabled:hover,.picker__nav--disabled:before,.picker__nav--disabled:before:hover{cursor:default;background:none;border-right-color:#f5f5f5;border-left-color:#f5f5f5}.picker__table{text-align:center;border-collapse:collapse;border-spacing:0;table-layout:fixed;font-size:1rem;width:100%;margin-top:.75em;margin-bottom:.5em}.picker__table th,.picker__table td{text-align:center}.picker__table td{margin:0;padding:0}.picker__weekday{width:14.285714286%;font-size:.75em;padding-bottom:.25em;color:#999999;font-weight:500}@media (min-height: 33.875em){.picker__weekday{padding-bottom:.5em}}.picker__day--today{position:relative;color:#595959;letter-spacing:-.3;padding:.75rem 0;font-weight:400;border:1px solid transparent}.picker__day--disabled:before{border-top-color:#aaaaaa}.picker__day--infocus:hover{cursor:pointer;color:#000;font-weight:500}.picker__day--outfocus{display:none;padding:.75rem 0;color:#fff}.picker__day--outfocus:hover{cursor:pointer;color:#dddddd;font-weight:500}.picker__day--highlighted:hover,.picker--focused .picker__day--highlighted{cursor:pointer}.picker__day--selected,.picker__day--selected:hover,.picker--focused .picker__day--selected{border-radius:50%;-webkit-transform:scale(0.75);transform:scale(0.75);background:#0089ec;color:#ffffff}.picker__day--disabled,.picker__day--disabled:hover,.picker--focused .picker__day--disabled{background:#f5f5f5;border-color:#f5f5f5;color:#dddddd;cursor:default}.picker__day--highlighted.picker__day--disabled,.picker__day--highlighted.picker__day--disabled:hover{background:#bbbbbb}.picker__footer{text-align:right}.picker__button--today,.picker__button--clear,.picker__button--close{border:1px solid #ffffff;background:#ffffff;font-size:.8em;padding:.66em 0;font-weight:bold;width:33%;display:inline-block;vertical-align:bottom}.picker__button--today:hover,.picker__button--clear:hover,.picker__button--close:hover{cursor:pointer;color:#000000;background:#b1dcfb;border-bottom-color:#b1dcfb}.picker__button--today:focus,.picker__button--clear:focus,.picker__button--close:focus{background:#b1dcfb;border-color:rgba(0,0,0,0.05);outline:none}.picker__button--today:before,.picker__button--clear:before,.picker__button--close:before{position:relative;display:inline-block;height:0}.picker__button--today:before,.picker__button--clear:before{content:" ";margin-right:.45em}.picker__button--today:before{top:-0.05em;width:0;border-top:0.66em solid #0059bc;border-left:.66em solid transparent}.picker__button--clear:before{top:-0.25em;width:.66em;border-top:3px solid #ee2200}.picker__button--close:before{content:"\D7";top:-0.1em;vertical-align:top;font-size:1.1em;margin-right:.35em;color:#777777}.picker__button--today[disabled],.picker__button--today[disabled]:hover{background:#f5f5f5;border-color:#f5f5f5;color:#dddddd;cursor:default}.picker__button--today[disabled]:before{border-top-color:#aaaaaa}.picker__date-display{text-align:left;background-color:#26a69a;color:#fff;padding:18px;font-weight:300}@media only screen and (min-width: 601px){.picker__date-display{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.picker__weekday-display{display:block}.picker__container__wrapper{-webkit-box-flex:2;-webkit-flex:2;-ms-flex:2;flex:2}}.picker__nav--prev:hover,.picker__nav--next:hover{cursor:pointer;color:#000000;background:#a1ded8}.picker__weekday-display{font-weight:500;font-size:2.8rem;margin-right:5px;margin-top:4px}.picker__month-display{font-size:2.8rem;font-weight:500}.picker__day-display{font-size:2.8rem;font-weight:500;margin-right:5px}.picker__year-display{font-size:1.5rem;font-weight:500;color:rgba(255,255,255,0.7)}.picker__calendar-container{padding:0 1rem}.picker__calendar-container thead{border:none}.picker__table{margin-top:0;margin-bottom:.5em}.picker__day--infocus{color:rgba(0,0,0,0.87);letter-spacing:-.3px;padding:0.75rem 0;font-weight:400;border:1px solid transparent}@media only screen and (min-width: 601px){.picker__day--infocus{padding:1.1rem 0}}.picker__day.picker__day--today{color:#26a69a}.picker__day.picker__day--today.picker__day--selected{color:#fff}.picker__weekday{font-size:.9rem}.picker__day--selected,.picker__day--selected:hover,.picker--focused .picker__day--selected{border-radius:50%;-webkit-transform:scale(0.9);transform:scale(0.9);background-color:#26a69a;color:#ffffff}.picker__day--selected.picker__day--outfocus,.picker__day--selected:hover.picker__day--outfocus,.picker--focused .picker__day--selected.picker__day--outfocus{background-color:#a1ded8}.picker__footer{text-align:right;padding:5px 10px}.picker__close,.picker__today,.picker__clear{font-size:1.1rem;padding:0 1rem;color:#26a69a}.picker__clear{color:#f44336;float:left}.picker__nav--prev:before,.picker__nav--next:before{content:" ";border-top:.5em solid transparent;border-bottom:.5em solid transparent;border-right:0.75em solid #676767;width:0;height:0;display:block;margin:0 auto}.picker__nav--next:before{border-right:0;border-left:0.75em solid #676767}button.picker__today:focus,button.picker__clear:focus,button.picker__close:focus{background-color:#a1ded8}.picker__list{list-style:none;padding:0.75em 0 4.2em;margin:0}.picker__list-item{border-bottom:1px solid #ddd;border-top:1px solid #ddd;margin-bottom:-1px;position:relative;background:#fff;padding:.75em 1.25em}@media (min-height: 46.75em){.picker__list-item{padding:.5em 1em}}.picker__list-item:hover{cursor:pointer;color:#000;background:#b1dcfb;border-color:#0089ec;z-index:10}.picker__list-item--highlighted{border-color:#0089ec;z-index:10}.picker__list-item--highlighted:hover,.picker--focused .picker__list-item--highlighted{cursor:pointer;color:#000;background:#b1dcfb}.picker__list-item--selected,.picker__list-item--selected:hover,.picker--focused .picker__list-item--selected{background:#0089ec;color:#fff;z-index:10}.picker__list-item--disabled,.picker__list-item--disabled:hover,.picker--focused .picker__list-item--disabled{background:#f5f5f5;border-color:#f5f5f5;color:#ddd;cursor:default;border-color:#ddd;z-index:auto}.picker--time .picker__button--clear{display:block;width:80%;margin:1em auto 0;padding:1em 1.25em;background:none;border:0;font-weight:500;font-size:.67em;text-align:center;text-transform:uppercase;color:rgba(0,0,0,0.87)}.picker--time .picker__button--clear:hover,.picker--time .picker__button--clear:focus{color:#000;background:#b1dcfb;background:#ee2200;border-color:#ee2200;cursor:pointer;color:#fff;outline:none}.picker--time .picker__button--clear:before{top:-0.25em;color:rgba(0,0,0,0.87);font-size:1.25em;font-weight:bold}.picker--time .picker__button--clear:hover:before,.picker--time .picker__button--clear:focus:before{color:#fff}.picker--time .picker__frame{min-width:256px;max-width:320px}.picker--time .picker__box{font-size:1em;background:#f2f2f2;padding:0}@media (min-height: 40.125em){.picker--time .picker__box{margin-bottom:5em}}.clockpicker-display{font-size:4rem;font-weight:bold;text-align:center;color:rgba(255,255,255,0.6);font-weight:400;clear:both;position:relative}.clockpicker-span-am-pm{font-size:1.3rem;position:absolute;right:1rem;bottom:0.3rem;line-height:2rem;font-weight:500}@media only screen and (min-width: 601px){.clockpicker-display{top:32%}.clockpicker-span-am-pm{position:relative;right:auto;bottom:auto;text-align:center;margin-top:1.2rem}}.text-primary{color:#fff}.clockpicker-span-hours{margin-right:3px}.clockpicker-span-minutes{margin-left:3px}.clockpicker-span-hours,.clockpicker-span-minutes,.clockpicker-span-am-pm div{cursor:pointer}.clockpicker-moving{cursor:move}.clockpicker-plate{background-color:#eee;border-radius:50%;width:270px;height:270px;overflow:visible;position:relative;margin:auto;margin-top:25px;margin-bottom:5px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.clockpicker-canvas,.clockpicker-dial{width:270px;height:270px;position:absolute;left:-1px;top:-1px}.clockpicker-minutes{visibility:hidden}.clockpicker-tick{border-radius:50%;color:rgba(0,0,0,0.87);line-height:40px;text-align:center;width:40px;height:40px;position:absolute;cursor:pointer}.clockpicker-tick.active,.clockpicker-tick:hover{background-color:rgba(38,166,154,0.25)}.clockpicker-dial{-webkit-transition:-webkit-transform 350ms, opacity 350ms;-webkit-transition:opacity 350ms, -webkit-transform 350ms;transition:opacity 350ms, -webkit-transform 350ms;transition:transform 350ms, opacity 350ms;transition:transform 350ms, opacity 350ms, -webkit-transform 350ms}.clockpicker-dial-out{opacity:0}.clockpicker-hours.clockpicker-dial-out{-webkit-transform:scale(1.2, 1.2);transform:scale(1.2, 1.2)}.clockpicker-minutes.clockpicker-dial-out{-webkit-transform:scale(0.8, 0.8);transform:scale(0.8, 0.8)}.clockpicker-canvas{-webkit-transition:opacity 175ms;transition:opacity 175ms}.clockpicker-canvas-out{opacity:0.25}.clockpicker-canvas-bearing{stroke:none;fill:#26a69a}.clockpicker-canvas-bg{stroke:none;fill:#26a69a}.clockpicker-canvas-bg-trans{fill:#26a69a}.clockpicker-canvas line{stroke:#26a69a;stroke-width:4;stroke-linecap:round}
+ */.waves-effect{position:relative;cursor:pointer;display:inline-block;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;vertical-align:middle;z-index:1;-webkit-transition:.3s ease-out;transition:.3s ease-out}.waves-effect .waves-ripple{position:absolute;border-radius:50%;width:20px;height:20px;margin-top:-10px;margin-left:-10px;opacity:0;background:rgba(0,0,0,0.2);-webkit-transition:all 0.7s ease-out;transition:all 0.7s ease-out;-webkit-transition-property:opacity, -webkit-transform;transition-property:opacity, -webkit-transform;transition-property:transform, opacity;transition-property:transform, opacity, -webkit-transform;-webkit-transform:scale(0);transform:scale(0);pointer-events:none}.waves-effect.waves-light .waves-ripple{background-color:rgba(255,255,255,0.45)}.waves-effect.waves-red .waves-ripple{background-color:rgba(244,67,54,0.7)}.waves-effect.waves-yellow .waves-ripple{background-color:rgba(255,235,59,0.7)}.waves-effect.waves-orange .waves-ripple{background-color:rgba(255,152,0,0.7)}.waves-effect.waves-purple .waves-ripple{background-color:rgba(156,39,176,0.7)}.waves-effect.waves-green .waves-ripple{background-color:rgba(76,175,80,0.7)}.waves-effect.waves-teal .waves-ripple{background-color:rgba(0,150,136,0.7)}.waves-effect input[type="button"],.waves-effect input[type="reset"],.waves-effect input[type="submit"]{border:0;font-style:normal;font-size:inherit;text-transform:inherit;background:none}.waves-effect img{position:relative;z-index:-1}.waves-notransition{-webkit-transition:none !important;transition:none !important}.waves-circle{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-mask-image:-webkit-radial-gradient(circle, white 100%, black 100%)}.waves-input-wrapper{border-radius:0.2em;vertical-align:bottom}.waves-input-wrapper .waves-button-input{position:relative;top:0;left:0;z-index:1}.waves-circle{text-align:center;width:2.5em;height:2.5em;line-height:2.5em;border-radius:50%;-webkit-mask-image:none}.waves-block{display:block}.waves-effect .waves-ripple{z-index:-1}.modal{display:none;position:fixed;left:0;right:0;background-color:#fafafa;padding:0;max-height:70%;width:55%;margin:auto;overflow-y:auto;border-radius:2px;will-change:top, opacity}.modal:focus{outline:none}@media only screen and (max-width: 992px){.modal{width:80%}}.modal h1,.modal h2,.modal h3,.modal h4{margin-top:0}.modal .modal-content{padding:24px}.modal .modal-close{cursor:pointer}.modal .modal-footer{border-radius:0 0 2px 2px;background-color:#fafafa;padding:4px 6px;height:56px;width:100%;text-align:right}.modal .modal-footer .btn,.modal .modal-footer .btn-large,.modal .modal-footer .btn-small,.modal .modal-footer .btn-flat{margin:6px 0}.modal-overlay{position:fixed;z-index:999;top:-25%;left:0;bottom:0;right:0;height:125%;width:100%;background:#000;display:none;will-change:opacity}.modal.modal-fixed-footer{padding:0;height:70%}.modal.modal-fixed-footer .modal-content{position:absolute;height:calc(100% - 56px);max-height:100%;width:100%;overflow-y:auto}.modal.modal-fixed-footer .modal-footer{border-top:1px solid rgba(0,0,0,0.1);position:absolute;bottom:0}.modal.bottom-sheet{top:auto;bottom:-100%;margin:0;width:100%;max-height:45%;border-radius:0;will-change:bottom, opacity}.collapsible{border-top:1px solid #ddd;border-right:1px solid #ddd;border-left:1px solid #ddd;margin:.5rem 0 1rem 0}.collapsible-header{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;-webkit-tap-highlight-color:transparent;line-height:1.5;padding:1rem;background-color:#fff;border-bottom:1px solid #ddd}.collapsible-header:focus{outline:0}.collapsible-header i{width:2rem;font-size:1.6rem;display:inline-block;text-align:center;margin-right:1rem}.keyboard-focused .collapsible-header:focus{background-color:#eee}.collapsible-body{display:none;border-bottom:1px solid #ddd;-webkit-box-sizing:border-box;box-sizing:border-box;padding:2rem}.sidenav .collapsible,.sidenav.fixed .collapsible{border:none;-webkit-box-shadow:none;box-shadow:none}.sidenav .collapsible li,.sidenav.fixed .collapsible li{padding:0}.sidenav .collapsible-header,.sidenav.fixed .collapsible-header{background-color:transparent;border:none;line-height:inherit;height:inherit;padding:0 16px}.sidenav .collapsible-header:hover,.sidenav.fixed .collapsible-header:hover{background-color:rgba(0,0,0,0.05)}.sidenav .collapsible-header i,.sidenav.fixed .collapsible-header i{line-height:inherit}.sidenav .collapsible-body,.sidenav.fixed .collapsible-body{border:0;background-color:#fff}.sidenav .collapsible-body li a,.sidenav.fixed .collapsible-body li a{padding:0 23.5px 0 31px}.collapsible.popout{border:none;-webkit-box-shadow:none;box-shadow:none}.collapsible.popout>li{-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);margin:0 24px;-webkit-transition:margin 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94);transition:margin 0.35s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.collapsible.popout>li.active{-webkit-box-shadow:0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);box-shadow:0 5px 11px 0 rgba(0,0,0,0.18),0 4px 15px 0 rgba(0,0,0,0.15);margin:16px 0}.chip{display:inline-block;height:32px;font-size:13px;font-weight:500;color:rgba(0,0,0,0.6);line-height:32px;padding:0 12px;border-radius:16px;background-color:#e4e4e4;margin-bottom:5px;margin-right:5px}.chip:focus{outline:none;background-color:#26a69a;color:#fff}.chip>img{float:left;margin:0 8px 0 -12px;height:32px;width:32px;border-radius:50%}.chip .close{cursor:pointer;float:right;font-size:16px;line-height:32px;padding-left:8px}.chips{border:none;border-bottom:1px solid #9e9e9e;-webkit-box-shadow:none;box-shadow:none;margin:0 0 8px 0;min-height:45px;outline:none;-webkit-transition:all .3s;transition:all .3s}.chips.focus{border-bottom:1px solid #26a69a;-webkit-box-shadow:0 1px 0 0 #26a69a;box-shadow:0 1px 0 0 #26a69a}.chips:hover{cursor:text}.chips .input{background:none;border:0;color:rgba(0,0,0,0.6);display:inline-block;font-size:16px;height:3rem;line-height:32px;outline:0;margin:0;padding:0 !important;width:120px !important}.chips .input:focus{border:0 !important;-webkit-box-shadow:none !important;box-shadow:none !important}.chips .autocomplete-content{margin-top:0;margin-bottom:0}.prefix ~ .chips{margin-left:3rem;width:92%;width:calc(100% - 3rem)}.chips:empty ~ label{font-size:0.8rem;-webkit-transform:translateY(-140%);transform:translateY(-140%)}.materialboxed{display:block;cursor:-webkit-zoom-in;cursor:zoom-in;position:relative;-webkit-transition:opacity .4s;transition:opacity .4s;-webkit-backface-visibility:hidden}.materialboxed:hover:not(.active){opacity:.8}.materialboxed.active{cursor:-webkit-zoom-out;cursor:zoom-out}#materialbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#292929;z-index:1000;will-change:opacity}.materialbox-caption{position:fixed;display:none;color:#fff;line-height:50px;bottom:0;left:0;width:100%;text-align:center;padding:0% 15%;height:50px;z-index:1000;-webkit-font-smoothing:antialiased}select:focus{outline:1px solid #c9f3ef}button:focus{outline:none;background-color:#2ab7a9}label{font-size:.8rem;color:#9e9e9e}::-webkit-input-placeholder{color:#d1d1d1}::-moz-placeholder{color:#d1d1d1}:-ms-input-placeholder{color:#d1d1d1}::-ms-input-placeholder{color:#d1d1d1}::placeholder{color:#d1d1d1}input:not([type]),input[type=text]:not(.browser-default),input[type=password]:not(.browser-default),input[type=email]:not(.browser-default),input[type=url]:not(.browser-default),input[type=time]:not(.browser-default),input[type=date]:not(.browser-default),input[type=datetime]:not(.browser-default),input[type=datetime-local]:not(.browser-default),input[type=tel]:not(.browser-default),input[type=number]:not(.browser-default),input[type=search]:not(.browser-default),textarea.materialize-textarea{background-color:transparent;border:none;border-bottom:1px solid #9e9e9e;border-radius:0;outline:none;height:3rem;width:100%;font-size:16px;margin:0 0 8px 0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-transition:border .3s, -webkit-box-shadow .3s;transition:border .3s, -webkit-box-shadow .3s;transition:box-shadow .3s, border .3s;transition:box-shadow .3s, border .3s, -webkit-box-shadow .3s}input:not([type]):disabled,input:not([type])[readonly="readonly"],input[type=text]:not(.browser-default):disabled,input[type=text]:not(.browser-default)[readonly="readonly"],input[type=password]:not(.browser-default):disabled,input[type=password]:not(.browser-default)[readonly="readonly"],input[type=email]:not(.browser-default):disabled,input[type=email]:not(.browser-default)[readonly="readonly"],input[type=url]:not(.browser-default):disabled,input[type=url]:not(.browser-default)[readonly="readonly"],input[type=time]:not(.browser-default):disabled,input[type=time]:not(.browser-default)[readonly="readonly"],input[type=date]:not(.browser-default):disabled,input[type=date]:not(.browser-default)[readonly="readonly"],input[type=datetime]:not(.browser-default):disabled,input[type=datetime]:not(.browser-default)[readonly="readonly"],input[type=datetime-local]:not(.browser-default):disabled,input[type=datetime-local]:not(.browser-default)[readonly="readonly"],input[type=tel]:not(.browser-default):disabled,input[type=tel]:not(.browser-default)[readonly="readonly"],input[type=number]:not(.browser-default):disabled,input[type=number]:not(.browser-default)[readonly="readonly"],input[type=search]:not(.browser-default):disabled,input[type=search]:not(.browser-default)[readonly="readonly"],textarea.materialize-textarea:disabled,textarea.materialize-textarea[readonly="readonly"]{color:rgba(0,0,0,0.42);border-bottom:1px dotted rgba(0,0,0,0.42)}input:not([type]):disabled+label,input:not([type])[readonly="readonly"]+label,input[type=text]:not(.browser-default):disabled+label,input[type=text]:not(.browser-default)[readonly="readonly"]+label,input[type=password]:not(.browser-default):disabled+label,input[type=password]:not(.browser-default)[readonly="readonly"]+label,input[type=email]:not(.browser-default):disabled+label,input[type=email]:not(.browser-default)[readonly="readonly"]+label,input[type=url]:not(.browser-default):disabled+label,input[type=url]:not(.browser-default)[readonly="readonly"]+label,input[type=time]:not(.browser-default):disabled+label,input[type=time]:not(.browser-default)[readonly="readonly"]+label,input[type=date]:not(.browser-default):disabled+label,input[type=date]:not(.browser-default)[readonly="readonly"]+label,input[type=datetime]:not(.browser-default):disabled+label,input[type=datetime]:not(.browser-default)[readonly="readonly"]+label,input[type=datetime-local]:not(.browser-default):disabled+label,input[type=datetime-local]:not(.browser-default)[readonly="readonly"]+label,input[type=tel]:not(.browser-default):disabled+label,input[type=tel]:not(.browser-default)[readonly="readonly"]+label,input[type=number]:not(.browser-default):disabled+label,input[type=number]:not(.browser-default)[readonly="readonly"]+label,input[type=search]:not(.browser-default):disabled+label,input[type=search]:not(.browser-default)[readonly="readonly"]+label,textarea.materialize-textarea:disabled+label,textarea.materialize-textarea[readonly="readonly"]+label{color:rgba(0,0,0,0.42)}input:not([type]):focus:not([readonly]),input[type=text]:not(.browser-default):focus:not([readonly]),input[type=password]:not(.browser-default):focus:not([readonly]),input[type=email]:not(.browser-default):focus:not([readonly]),input[type=url]:not(.browser-default):focus:not([readonly]),input[type=time]:not(.browser-default):focus:not([readonly]),input[type=date]:not(.browser-default):focus:not([readonly]),input[type=datetime]:not(.browser-default):focus:not([readonly]),input[type=datetime-local]:not(.browser-default):focus:not([readonly]),input[type=tel]:not(.browser-default):focus:not([readonly]),input[type=number]:not(.browser-default):focus:not([readonly]),input[type=search]:not(.browser-default):focus:not([readonly]),textarea.materialize-textarea:focus:not([readonly]){border-bottom:1px solid #26a69a;-webkit-box-shadow:0 1px 0 0 #26a69a;box-shadow:0 1px 0 0 #26a69a}input:not([type]):focus:not([readonly])+label,input[type=text]:not(.browser-default):focus:not([readonly])+label,input[type=password]:not(.browser-default):focus:not([readonly])+label,input[type=email]:not(.browser-default):focus:not([readonly])+label,input[type=url]:not(.browser-default):focus:not([readonly])+label,input[type=time]:not(.browser-default):focus:not([readonly])+label,input[type=date]:not(.browser-default):focus:not([readonly])+label,input[type=datetime]:not(.browser-default):focus:not([readonly])+label,input[type=datetime-local]:not(.browser-default):focus:not([readonly])+label,input[type=tel]:not(.browser-default):focus:not([readonly])+label,input[type=number]:not(.browser-default):focus:not([readonly])+label,input[type=search]:not(.browser-default):focus:not([readonly])+label,textarea.materialize-textarea:focus:not([readonly])+label{color:#26a69a}input:not([type]):focus.valid ~ label,input[type=text]:not(.browser-default):focus.valid ~ label,input[type=password]:not(.browser-default):focus.valid ~ label,input[type=email]:not(.browser-default):focus.valid ~ label,input[type=url]:not(.browser-default):focus.valid ~ label,input[type=time]:not(.browser-default):focus.valid ~ label,input[type=date]:not(.browser-default):focus.valid ~ label,input[type=datetime]:not(.browser-default):focus.valid ~ label,input[type=datetime-local]:not(.browser-default):focus.valid ~ label,input[type=tel]:not(.browser-default):focus.valid ~ label,input[type=number]:not(.browser-default):focus.valid ~ label,input[type=search]:not(.browser-default):focus.valid ~ label,textarea.materialize-textarea:focus.valid ~ label{color:#4CAF50}input:not([type]):focus.invalid ~ label,input[type=text]:not(.browser-default):focus.invalid ~ label,input[type=password]:not(.browser-default):focus.invalid ~ label,input[type=email]:not(.browser-default):focus.invalid ~ label,input[type=url]:not(.browser-default):focus.invalid ~ label,input[type=time]:not(.browser-default):focus.invalid ~ label,input[type=date]:not(.browser-default):focus.invalid ~ label,input[type=datetime]:not(.browser-default):focus.invalid ~ label,input[type=datetime-local]:not(.browser-default):focus.invalid ~ label,input[type=tel]:not(.browser-default):focus.invalid ~ label,input[type=number]:not(.browser-default):focus.invalid ~ label,input[type=search]:not(.browser-default):focus.invalid ~ label,textarea.materialize-textarea:focus.invalid ~ label{color:#F44336}input:not([type]).validate+label,input[type=text]:not(.browser-default).validate+label,input[type=password]:not(.browser-default).validate+label,input[type=email]:not(.browser-default).validate+label,input[type=url]:not(.browser-default).validate+label,input[type=time]:not(.browser-default).validate+label,input[type=date]:not(.browser-default).validate+label,input[type=datetime]:not(.browser-default).validate+label,input[type=datetime-local]:not(.browser-default).validate+label,input[type=tel]:not(.browser-default).validate+label,input[type=number]:not(.browser-default).validate+label,input[type=search]:not(.browser-default).validate+label,textarea.materialize-textarea.validate+label{width:100%}input.valid:not([type]),input.valid:not([type]):focus,input.valid[type=text]:not(.browser-default),input.valid[type=text]:not(.browser-default):focus,input.valid[type=password]:not(.browser-default),input.valid[type=password]:not(.browser-default):focus,input.valid[type=email]:not(.browser-default),input.valid[type=email]:not(.browser-default):focus,input.valid[type=url]:not(.browser-default),input.valid[type=url]:not(.browser-default):focus,input.valid[type=time]:not(.browser-default),input.valid[type=time]:not(.browser-default):focus,input.valid[type=date]:not(.browser-default),input.valid[type=date]:not(.browser-default):focus,input.valid[type=datetime]:not(.browser-default),input.valid[type=datetime]:not(.browser-default):focus,input.valid[type=datetime-local]:not(.browser-default),input.valid[type=datetime-local]:not(.browser-default):focus,input.valid[type=tel]:not(.browser-default),input.valid[type=tel]:not(.browser-default):focus,input.valid[type=number]:not(.browser-default),input.valid[type=number]:not(.browser-default):focus,input.valid[type=search]:not(.browser-default),input.valid[type=search]:not(.browser-default):focus,textarea.materialize-textarea.valid,textarea.materialize-textarea.valid:focus,.select-wrapper.valid>input.select-dropdown{border-bottom:1px solid #4CAF50;-webkit-box-shadow:0 1px 0 0 #4CAF50;box-shadow:0 1px 0 0 #4CAF50}input.invalid:not([type]),input.invalid:not([type]):focus,input.invalid[type=text]:not(.browser-default),input.invalid[type=text]:not(.browser-default):focus,input.invalid[type=password]:not(.browser-default),input.invalid[type=password]:not(.browser-default):focus,input.invalid[type=email]:not(.browser-default),input.invalid[type=email]:not(.browser-default):focus,input.invalid[type=url]:not(.browser-default),input.invalid[type=url]:not(.browser-default):focus,input.invalid[type=time]:not(.browser-default),input.invalid[type=time]:not(.browser-default):focus,input.invalid[type=date]:not(.browser-default),input.invalid[type=date]:not(.browser-default):focus,input.invalid[type=datetime]:not(.browser-default),input.invalid[type=datetime]:not(.browser-default):focus,input.invalid[type=datetime-local]:not(.browser-default),input.invalid[type=datetime-local]:not(.browser-default):focus,input.invalid[type=tel]:not(.browser-default),input.invalid[type=tel]:not(.browser-default):focus,input.invalid[type=number]:not(.browser-default),input.invalid[type=number]:not(.browser-default):focus,input.invalid[type=search]:not(.browser-default),input.invalid[type=search]:not(.browser-default):focus,textarea.materialize-textarea.invalid,textarea.materialize-textarea.invalid:focus,.select-wrapper.invalid>input.select-dropdown,.select-wrapper.invalid>input.select-dropdown:focus{border-bottom:1px solid #F44336;-webkit-box-shadow:0 1px 0 0 #F44336;box-shadow:0 1px 0 0 #F44336}input:not([type]).valid ~ .helper-text[data-success],input:not([type]):focus.valid ~ .helper-text[data-success],input:not([type]).invalid ~ .helper-text[data-error],input:not([type]):focus.invalid ~ .helper-text[data-error],input[type=text]:not(.browser-default).valid ~ .helper-text[data-success],input[type=text]:not(.browser-default):focus.valid ~ .helper-text[data-success],input[type=text]:not(.browser-default).invalid ~ .helper-text[data-error],input[type=text]:not(.browser-default):focus.invalid ~ .helper-text[data-error],input[type=password]:not(.browser-default).valid ~ .helper-text[data-success],input[type=password]:not(.browser-default):focus.valid ~ .helper-text[data-success],input[type=password]:not(.browser-default).invalid ~ .helper-text[data-error],input[type=password]:not(.browser-default):focus.invalid ~ .helper-text[data-error],input[type=email]:not(.browser-default).valid ~ .helper-text[data-success],input[type=email]:not(.browser-default):focus.valid ~ .helper-text[data-success],input[type=email]:not(.browser-default).invalid ~ .helper-text[data-error],input[type=email]:not(.browser-default):focus.invalid ~ .helper-text[data-error],input[type=url]:not(.browser-default).valid ~ .helper-text[data-success],input[type=url]:not(.browser-default):focus.valid ~ .helper-text[data-success],input[type=url]:not(.browser-default).invalid ~ .helper-text[data-error],input[type=url]:not(.browser-default):focus.invalid ~ .helper-text[data-error],input[type=time]:not(.browser-default).valid ~ .helper-text[data-success],input[type=time]:not(.browser-default):focus.valid ~ .helper-text[data-success],input[type=time]:not(.browser-default).invalid ~ .helper-text[data-error],input[type=time]:not(.browser-default):focus.invalid ~ .helper-text[data-error],input[type=date]:not(.browser-default).valid ~ .helper-text[data-success],input[type=date]:not(.browser-default):focus.valid ~ .helper-text[data-success],input[type=date]:not(.browser-default).invalid ~ .helper-text[data-error],input[type=date]:not(.browser-default):focus.invalid ~ .helper-text[data-error],input[type=datetime]:not(.browser-default).valid ~ .helper-text[data-success],input[type=datetime]:not(.browser-default):focus.valid ~ .helper-text[data-success],input[type=datetime]:not(.browser-default).invalid ~ .helper-text[data-error],input[type=datetime]:not(.browser-default):focus.invalid ~ .helper-text[data-error],input[type=datetime-local]:not(.browser-default).valid ~ .helper-text[data-success],input[type=datetime-local]:not(.browser-default):focus.valid ~ .helper-text[data-success],input[type=datetime-local]:not(.browser-default).invalid ~ .helper-text[data-error],input[type=datetime-local]:not(.browser-default):focus.invalid ~ .helper-text[data-error],input[type=tel]:not(.browser-default).valid ~ .helper-text[data-success],input[type=tel]:not(.browser-default):focus.valid ~ .helper-text[data-success],input[type=tel]:not(.browser-default).invalid ~ .helper-text[data-error],input[type=tel]:not(.browser-default):focus.invalid ~ .helper-text[data-error],input[type=number]:not(.browser-default).valid ~ .helper-text[data-success],input[type=number]:not(.browser-default):focus.valid ~ .helper-text[data-success],input[type=number]:not(.browser-default).invalid ~ .helper-text[data-error],input[type=number]:not(.browser-default):focus.invalid ~ .helper-text[data-error],input[type=search]:not(.browser-default).valid ~ .helper-text[data-success],input[type=search]:not(.browser-default):focus.valid ~ .helper-text[data-success],input[type=search]:not(.browser-default).invalid ~ .helper-text[data-error],input[type=search]:not(.browser-default):focus.invalid ~ .helper-text[data-error],textarea.materialize-textarea.valid ~ .helper-text[data-success],textarea.materialize-textarea:focus.valid ~ .helper-text[data-success],textarea.materialize-textarea.invalid ~ .helper-text[data-error],textarea.materialize-textarea:focus.invalid ~ .helper-text[data-error],.select-wrapper.valid .helper-text[data-success],.select-wrapper.invalid ~ .helper-text[data-error]{color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}input:not([type]).valid ~ .helper-text:after,input:not([type]):focus.valid ~ .helper-text:after,input[type=text]:not(.browser-default).valid ~ .helper-text:after,input[type=text]:not(.browser-default):focus.valid ~ .helper-text:after,input[type=password]:not(.browser-default).valid ~ .helper-text:after,input[type=password]:not(.browser-default):focus.valid ~ .helper-text:after,input[type=email]:not(.browser-default).valid ~ .helper-text:after,input[type=email]:not(.browser-default):focus.valid ~ .helper-text:after,input[type=url]:not(.browser-default).valid ~ .helper-text:after,input[type=url]:not(.browser-default):focus.valid ~ .helper-text:after,input[type=time]:not(.browser-default).valid ~ .helper-text:after,input[type=time]:not(.browser-default):focus.valid ~ .helper-text:after,input[type=date]:not(.browser-default).valid ~ .helper-text:after,input[type=date]:not(.browser-default):focus.valid ~ .helper-text:after,input[type=datetime]:not(.browser-default).valid ~ .helper-text:after,input[type=datetime]:not(.browser-default):focus.valid ~ .helper-text:after,input[type=datetime-local]:not(.browser-default).valid ~ .helper-text:after,input[type=datetime-local]:not(.browser-default):focus.valid ~ .helper-text:after,input[type=tel]:not(.browser-default).valid ~ .helper-text:after,input[type=tel]:not(.browser-default):focus.valid ~ .helper-text:after,input[type=number]:not(.browser-default).valid ~ .helper-text:after,input[type=number]:not(.browser-default):focus.valid ~ .helper-text:after,input[type=search]:not(.browser-default).valid ~ .helper-text:after,input[type=search]:not(.browser-default):focus.valid ~ .helper-text:after,textarea.materialize-textarea.valid ~ .helper-text:after,textarea.materialize-textarea:focus.valid ~ .helper-text:after,.select-wrapper.valid ~ .helper-text:after{content:attr(data-success);color:#4CAF50}input:not([type]).invalid ~ .helper-text:after,input:not([type]):focus.invalid ~ .helper-text:after,input[type=text]:not(.browser-default).invalid ~ .helper-text:after,input[type=text]:not(.browser-default):focus.invalid ~ .helper-text:after,input[type=password]:not(.browser-default).invalid ~ .helper-text:after,input[type=password]:not(.browser-default):focus.invalid ~ .helper-text:after,input[type=email]:not(.browser-default).invalid ~ .helper-text:after,input[type=email]:not(.browser-default):focus.invalid ~ .helper-text:after,input[type=url]:not(.browser-default).invalid ~ .helper-text:after,input[type=url]:not(.browser-default):focus.invalid ~ .helper-text:after,input[type=time]:not(.browser-default).invalid ~ .helper-text:after,input[type=time]:not(.browser-default):focus.invalid ~ .helper-text:after,input[type=date]:not(.browser-default).invalid ~ .helper-text:after,input[type=date]:not(.browser-default):focus.invalid ~ .helper-text:after,input[type=datetime]:not(.browser-default).invalid ~ .helper-text:after,input[type=datetime]:not(.browser-default):focus.invalid ~ .helper-text:after,input[type=datetime-local]:not(.browser-default).invalid ~ .helper-text:after,input[type=datetime-local]:not(.browser-default):focus.invalid ~ .helper-text:after,input[type=tel]:not(.browser-default).invalid ~ .helper-text:after,input[type=tel]:not(.browser-default):focus.invalid ~ .helper-text:after,input[type=number]:not(.browser-default).invalid ~ .helper-text:after,input[type=number]:not(.browser-default):focus.invalid ~ .helper-text:after,input[type=search]:not(.browser-default).invalid ~ .helper-text:after,input[type=search]:not(.browser-default):focus.invalid ~ .helper-text:after,textarea.materialize-textarea.invalid ~ .helper-text:after,textarea.materialize-textarea:focus.invalid ~ .helper-text:after,.select-wrapper.invalid ~ .helper-text:after{content:attr(data-error);color:#F44336}input:not([type])+label:after,input[type=text]:not(.browser-default)+label:after,input[type=password]:not(.browser-default)+label:after,input[type=email]:not(.browser-default)+label:after,input[type=url]:not(.browser-default)+label:after,input[type=time]:not(.browser-default)+label:after,input[type=date]:not(.browser-default)+label:after,input[type=datetime]:not(.browser-default)+label:after,input[type=datetime-local]:not(.browser-default)+label:after,input[type=tel]:not(.browser-default)+label:after,input[type=number]:not(.browser-default)+label:after,input[type=search]:not(.browser-default)+label:after,textarea.materialize-textarea+label:after,.select-wrapper+label:after{display:block;content:"";position:absolute;top:100%;left:0;opacity:0;-webkit-transition:.2s opacity ease-out, .2s color ease-out;transition:.2s opacity ease-out, .2s color ease-out}.input-field{position:relative;margin-top:1rem;margin-bottom:1rem}.input-field.inline{display:inline-block;vertical-align:middle;margin-left:5px}.input-field.inline input,.input-field.inline .select-dropdown{margin-bottom:1rem}.input-field.col label{left:.75rem}.input-field.col .prefix ~ label,.input-field.col .prefix ~ .validate ~ label{width:calc(100% - 3rem - 1.5rem)}.input-field>label{color:#9e9e9e;position:absolute;top:0;left:0;font-size:1rem;cursor:text;-webkit-transition:color .2s ease-out, -webkit-transform .2s ease-out;transition:color .2s ease-out, -webkit-transform .2s ease-out;transition:transform .2s ease-out, color .2s ease-out;transition:transform .2s ease-out, color .2s ease-out, -webkit-transform .2s ease-out;-webkit-transform-origin:0% 100%;transform-origin:0% 100%;text-align:initial;-webkit-transform:translateY(12px);transform:translateY(12px)}.input-field>label:not(.label-icon).active{-webkit-transform:translateY(-14px) scale(0.8);transform:translateY(-14px) scale(0.8);-webkit-transform-origin:0 0;transform-origin:0 0}.input-field>input[type]:-webkit-autofill:not(.browser-default):not([type="search"])+label,.input-field>input[type=date]:not(.browser-default)+label,.input-field>input[type=time]:not(.browser-default)+label{-webkit-transform:translateY(-14px) scale(0.8);transform:translateY(-14px) scale(0.8);-webkit-transform-origin:0 0;transform-origin:0 0}.input-field .helper-text{position:relative;min-height:18px;display:block;font-size:12px;color:rgba(0,0,0,0.54)}.input-field .helper-text::after{opacity:1;position:absolute;top:0;left:0}.input-field .prefix{position:absolute;width:3rem;font-size:2rem;-webkit-transition:color .2s;transition:color .2s;top:.5rem}.input-field .prefix.active{color:#26a69a}.input-field .prefix ~ input,.input-field .prefix ~ textarea,.input-field .prefix ~ label,.input-field .prefix ~ .validate ~ label,.input-field .prefix ~ .helper-text,.input-field .prefix ~ .autocomplete-content{margin-left:3rem;width:92%;width:calc(100% - 3rem)}.input-field .prefix ~ label{margin-left:3rem}@media only screen and (max-width: 992px){.input-field .prefix ~ input{width:86%;width:calc(100% - 3rem)}}@media only screen and (max-width: 600px){.input-field .prefix ~ input{width:80%;width:calc(100% - 3rem)}}.input-field input[type=search]{display:block;line-height:inherit;-webkit-transition:.3s background-color;transition:.3s background-color}.nav-wrapper .input-field input[type=search]{height:inherit;padding-left:4rem;width:calc(100% - 4rem);border:0;-webkit-box-shadow:none;box-shadow:none}.input-field input[type=search]:focus:not(.browser-default){background-color:#fff;border:0;-webkit-box-shadow:none;box-shadow:none;color:#444}.input-field input[type=search]:focus:not(.browser-default)+label i,.input-field input[type=search]:focus:not(.browser-default) ~ .mdi-navigation-close,.input-field input[type=search]:focus:not(.browser-default) ~ .material-icons{color:#444}.input-field input[type=search]+.label-icon{-webkit-transform:none;transform:none;left:1rem}.input-field input[type=search] ~ .mdi-navigation-close,.input-field input[type=search] ~ .material-icons{position:absolute;top:0;right:1rem;color:transparent;cursor:pointer;font-size:2rem;-webkit-transition:.3s color;transition:.3s color}textarea{width:100%;height:3rem;background-color:transparent}textarea.materialize-textarea{line-height:normal;overflow-y:hidden;padding:.8rem 0 .8rem 0;resize:none;min-height:3rem;-webkit-box-sizing:border-box;box-sizing:border-box}.hiddendiv{visibility:hidden;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;padding-top:1.2rem;position:absolute;top:0;z-index:-1}.autocomplete-content li .highlight{color:#444}.autocomplete-content li img{height:40px;width:40px;margin:5px 15px}.character-counter{min-height:18px}[type="radio"]:not(:checked),[type="radio"]:checked{position:absolute;opacity:0;pointer-events:none}[type="radio"]:not(:checked)+span,[type="radio"]:checked+span{position:relative;padding-left:35px;cursor:pointer;display:inline-block;height:25px;line-height:25px;font-size:1rem;-webkit-transition:.28s ease;transition:.28s ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[type="radio"]+span:before,[type="radio"]+span:after{content:'';position:absolute;left:0;top:0;margin:4px;width:16px;height:16px;z-index:0;-webkit-transition:.28s ease;transition:.28s ease}[type="radio"]:not(:checked)+span:before,[type="radio"]:not(:checked)+span:after,[type="radio"]:checked+span:before,[type="radio"]:checked+span:after,[type="radio"].with-gap:checked+span:before,[type="radio"].with-gap:checked+span:after{border-radius:50%}[type="radio"]:not(:checked)+span:before,[type="radio"]:not(:checked)+span:after{border:2px solid #5a5a5a}[type="radio"]:not(:checked)+span:after{-webkit-transform:scale(0);transform:scale(0)}[type="radio"]:checked+span:before{border:2px solid transparent}[type="radio"]:checked+span:after,[type="radio"].with-gap:checked+span:before,[type="radio"].with-gap:checked+span:after{border:2px solid #26a69a}[type="radio"]:checked+span:after,[type="radio"].with-gap:checked+span:after{background-color:#26a69a}[type="radio"]:checked+span:after{-webkit-transform:scale(1.02);transform:scale(1.02)}[type="radio"].with-gap:checked+span:after{-webkit-transform:scale(0.5);transform:scale(0.5)}[type="radio"].tabbed:focus+span:before{-webkit-box-shadow:0 0 0 10px rgba(0,0,0,0.1);box-shadow:0 0 0 10px rgba(0,0,0,0.1)}[type="radio"].with-gap:disabled:checked+span:before{border:2px solid rgba(0,0,0,0.42)}[type="radio"].with-gap:disabled:checked+span:after{border:none;background-color:rgba(0,0,0,0.42)}[type="radio"]:disabled:not(:checked)+span:before,[type="radio"]:disabled:checked+span:before{background-color:transparent;border-color:rgba(0,0,0,0.42)}[type="radio"]:disabled+span{color:rgba(0,0,0,0.42)}[type="radio"]:disabled:not(:checked)+span:before{border-color:rgba(0,0,0,0.42)}[type="radio"]:disabled:checked+span:after{background-color:rgba(0,0,0,0.42);border-color:#949494}[type="checkbox"]:not(:checked),[type="checkbox"]:checked{position:absolute;opacity:0;pointer-events:none}[type="checkbox"]+span:not(.lever){position:relative;padding-left:35px;cursor:pointer;display:inline-block;height:25px;line-height:25px;font-size:1rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[type="checkbox"]+span:not(.lever):before,[type="checkbox"]:not(.filled-in)+span:not(.lever):after{content:'';position:absolute;top:0;left:0;width:18px;height:18px;z-index:0;border:2px solid #5a5a5a;border-radius:1px;margin-top:3px;-webkit-transition:.2s;transition:.2s}[type="checkbox"]:not(.filled-in)+span:not(.lever):after{border:0;-webkit-transform:scale(0);transform:scale(0)}[type="checkbox"]:not(:checked):disabled+span:not(.lever):before{border:none;background-color:rgba(0,0,0,0.42)}[type="checkbox"].tabbed:focus+span:not(.lever):after{-webkit-transform:scale(1);transform:scale(1);border:0;border-radius:50%;-webkit-box-shadow:0 0 0 10px rgba(0,0,0,0.1);box-shadow:0 0 0 10px rgba(0,0,0,0.1);background-color:rgba(0,0,0,0.1)}[type="checkbox"]:checked+span:not(.lever):before{top:-4px;left:-5px;width:12px;height:22px;border-top:2px solid transparent;border-left:2px solid transparent;border-right:2px solid #26a69a;border-bottom:2px solid #26a69a;-webkit-transform:rotate(40deg);transform:rotate(40deg);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-origin:100% 100%;transform-origin:100% 100%}[type="checkbox"]:checked:disabled+span:before{border-right:2px solid rgba(0,0,0,0.42);border-bottom:2px solid rgba(0,0,0,0.42)}[type="checkbox"]:indeterminate+span:not(.lever):before{top:-11px;left:-12px;width:10px;height:22px;border-top:none;border-left:none;border-right:2px solid #26a69a;border-bottom:none;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-origin:100% 100%;transform-origin:100% 100%}[type="checkbox"]:indeterminate:disabled+span:not(.lever):before{border-right:2px solid rgba(0,0,0,0.42);background-color:transparent}[type="checkbox"].filled-in+span:not(.lever):after{border-radius:2px}[type="checkbox"].filled-in+span:not(.lever):before,[type="checkbox"].filled-in+span:not(.lever):after{content:'';left:0;position:absolute;-webkit-transition:border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;transition:border .25s, background-color .25s, width .20s .1s, height .20s .1s, top .20s .1s, left .20s .1s;z-index:1}[type="checkbox"].filled-in:not(:checked)+span:not(.lever):before{width:0;height:0;border:3px solid transparent;left:6px;top:10px;-webkit-transform:rotateZ(37deg);transform:rotateZ(37deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%}[type="checkbox"].filled-in:not(:checked)+span:not(.lever):after{height:20px;width:20px;background-color:transparent;border:2px solid #5a5a5a;top:0px;z-index:0}[type="checkbox"].filled-in:checked+span:not(.lever):before{top:0;left:1px;width:8px;height:13px;border-top:2px solid transparent;border-left:2px solid transparent;border-right:2px solid #fff;border-bottom:2px solid #fff;-webkit-transform:rotateZ(37deg);transform:rotateZ(37deg);-webkit-transform-origin:100% 100%;transform-origin:100% 100%}[type="checkbox"].filled-in:checked+span:not(.lever):after{top:0;width:20px;height:20px;border:2px solid #26a69a;background-color:#26a69a;z-index:0}[type="checkbox"].filled-in.tabbed:focus+span:not(.lever):after{border-radius:2px;border-color:#5a5a5a;background-color:rgba(0,0,0,0.1)}[type="checkbox"].filled-in.tabbed:checked:focus+span:not(.lever):after{border-radius:2px;background-color:#26a69a;border-color:#26a69a}[type="checkbox"].filled-in:disabled:not(:checked)+span:not(.lever):before{background-color:transparent;border:2px solid transparent}[type="checkbox"].filled-in:disabled:not(:checked)+span:not(.lever):after{border-color:transparent;background-color:#949494}[type="checkbox"].filled-in:disabled:checked+span:not(.lever):before{background-color:transparent}[type="checkbox"].filled-in:disabled:checked+span:not(.lever):after{background-color:#949494;border-color:#949494}.switch,.switch *{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.switch label{cursor:pointer}.switch label input[type=checkbox]{opacity:0;width:0;height:0}.switch label input[type=checkbox]:checked+.lever{background-color:#84c7c1}.switch label input[type=checkbox]:checked+.lever:before,.switch label input[type=checkbox]:checked+.lever:after{left:18px}.switch label input[type=checkbox]:checked+.lever:after{background-color:#26a69a}.switch label .lever{content:"";display:inline-block;position:relative;width:36px;height:14px;background-color:rgba(0,0,0,0.38);border-radius:15px;margin-right:10px;-webkit-transition:background 0.3s ease;transition:background 0.3s ease;vertical-align:middle;margin:0 16px}.switch label .lever:before,.switch label .lever:after{content:"";position:absolute;display:inline-block;width:20px;height:20px;border-radius:50%;left:0;top:-3px;-webkit-transition:left 0.3s ease, background .3s ease, -webkit-box-shadow 0.1s ease, -webkit-transform .1s ease;transition:left 0.3s ease, background .3s ease, -webkit-box-shadow 0.1s ease, -webkit-transform .1s ease;transition:left 0.3s ease, background .3s ease, box-shadow 0.1s ease, transform .1s ease;transition:left 0.3s ease, background .3s ease, box-shadow 0.1s ease, transform .1s ease, -webkit-box-shadow 0.1s ease, -webkit-transform .1s ease}.switch label .lever:before{background-color:rgba(38,166,154,0.15)}.switch label .lever:after{background-color:#F1F1F1;-webkit-box-shadow:0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12);box-shadow:0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12)}input[type=checkbox]:checked:not(:disabled) ~ .lever:active::before,input[type=checkbox]:checked:not(:disabled).tabbed:focus ~ .lever::before{-webkit-transform:scale(2.4);transform:scale(2.4);background-color:rgba(38,166,154,0.15)}input[type=checkbox]:not(:disabled) ~ .lever:active:before,input[type=checkbox]:not(:disabled).tabbed:focus ~ .lever::before{-webkit-transform:scale(2.4);transform:scale(2.4);background-color:rgba(0,0,0,0.08)}.switch input[type=checkbox][disabled]+.lever{cursor:default;background-color:rgba(0,0,0,0.12)}.switch label input[type=checkbox][disabled]+.lever:after,.switch label input[type=checkbox][disabled]:checked+.lever:after{background-color:#949494}select{display:none}select.browser-default{display:block}select{background-color:rgba(255,255,255,0.9);width:100%;padding:5px;border:1px solid #f2f2f2;border-radius:2px;height:3rem}.select-label{position:absolute}.select-wrapper{position:relative}.select-wrapper.valid+label,.select-wrapper.invalid+label{width:100%;pointer-events:none}.select-wrapper input.select-dropdown{position:relative;cursor:pointer;background-color:transparent;border:none;border-bottom:1px solid #9e9e9e;outline:none;height:3rem;line-height:3rem;width:100%;font-size:16px;margin:0 0 8px 0;padding:0;display:block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:1}.select-wrapper input.select-dropdown:focus{border-bottom:1px solid #26a69a}.select-wrapper .caret{position:absolute;right:0;top:0;bottom:0;margin:auto 0;z-index:0;fill:rgba(0,0,0,0.87)}.select-wrapper+label{position:absolute;top:-26px;font-size:.8rem}select:disabled{color:rgba(0,0,0,0.42)}.select-wrapper.disabled+label{color:rgba(0,0,0,0.42)}.select-wrapper.disabled .caret{fill:rgba(0,0,0,0.42)}.select-wrapper input.select-dropdown:disabled{color:rgba(0,0,0,0.42);cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.select-wrapper i{color:rgba(0,0,0,0.3)}.select-dropdown li.disabled,.select-dropdown li.disabled>span,.select-dropdown li.optgroup{color:rgba(0,0,0,0.3);background-color:transparent}body.keyboard-focused .select-dropdown.dropdown-content li:focus{background-color:rgba(0,0,0,0.08)}.select-dropdown.dropdown-content li:hover{background-color:rgba(0,0,0,0.08)}.select-dropdown.dropdown-content li.selected{background-color:rgba(0,0,0,0.03)}.prefix ~ .select-wrapper{margin-left:3rem;width:92%;width:calc(100% - 3rem)}.prefix ~ label{margin-left:3rem}.select-dropdown li img{height:40px;width:40px;margin:5px 15px;float:right}.select-dropdown li.optgroup{border-top:1px solid #eee}.select-dropdown li.optgroup.selected>span{color:rgba(0,0,0,0.7)}.select-dropdown li.optgroup>span{color:rgba(0,0,0,0.4)}.select-dropdown li.optgroup ~ li.optgroup-option{padding-left:1rem}.file-field{position:relative}.file-field .file-path-wrapper{overflow:hidden;padding-left:10px}.file-field input.file-path{width:100%}.file-field .btn,.file-field .btn-large,.file-field .btn-small{float:left;height:3rem;line-height:3rem}.file-field span{cursor:pointer}.file-field input[type=file]{position:absolute;top:0;right:0;left:0;bottom:0;width:100%;margin:0;padding:0;font-size:20px;cursor:pointer;opacity:0;filter:alpha(opacity=0)}.file-field input[type=file]::-webkit-file-upload-button{display:none}.range-field{position:relative}input[type=range],input[type=range]+.thumb{cursor:pointer}input[type=range]{position:relative;background-color:transparent;border:none;outline:none;width:100%;margin:15px 0;padding:0}input[type=range]:focus{outline:none}input[type=range]+.thumb{position:absolute;top:10px;left:0;border:none;height:0;width:0;border-radius:50%;background-color:#26a69a;margin-left:7px;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}input[type=range]+.thumb .value{display:block;width:30px;text-align:center;color:#26a69a;font-size:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}input[type=range]+.thumb.active{border-radius:50% 50% 50% 0}input[type=range]+.thumb.active .value{color:#fff;margin-left:-1px;margin-top:8px;font-size:10px}input[type=range]{-webkit-appearance:none}input[type=range]::-webkit-slider-runnable-track{height:3px;background:#c2c0c2;border:none}input[type=range]::-webkit-slider-thumb{border:none;height:14px;width:14px;border-radius:50%;background:#26a69a;-webkit-transition:-webkit-box-shadow .3s;transition:-webkit-box-shadow .3s;transition:box-shadow .3s;transition:box-shadow .3s, -webkit-box-shadow .3s;-webkit-appearance:none;background-color:#26a69a;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;margin:-5px 0 0 0}.keyboard-focused input[type=range]:focus:not(.active)::-webkit-slider-thumb{-webkit-box-shadow:0 0 0 10px rgba(38,166,154,0.26);box-shadow:0 0 0 10px rgba(38,166,154,0.26)}input[type=range]{border:1px solid white}input[type=range]::-moz-range-track{height:3px;background:#c2c0c2;border:none}input[type=range]::-moz-focus-inner{border:0}input[type=range]::-moz-range-thumb{border:none;height:14px;width:14px;border-radius:50%;background:#26a69a;-webkit-transition:-webkit-box-shadow .3s;transition:-webkit-box-shadow .3s;transition:box-shadow .3s;transition:box-shadow .3s, -webkit-box-shadow .3s;margin-top:-5px}input[type=range]:-moz-focusring{outline:1px solid #fff;outline-offset:-1px}.keyboard-focused input[type=range]:focus:not(.active)::-moz-range-thumb{box-shadow:0 0 0 10px rgba(38,166,154,0.26)}input[type=range]::-ms-track{height:3px;background:transparent;border-color:transparent;border-width:6px 0;color:transparent}input[type=range]::-ms-fill-lower{background:#777}input[type=range]::-ms-fill-upper{background:#ddd}input[type=range]::-ms-thumb{border:none;height:14px;width:14px;border-radius:50%;background:#26a69a;-webkit-transition:-webkit-box-shadow .3s;transition:-webkit-box-shadow .3s;transition:box-shadow .3s;transition:box-shadow .3s, -webkit-box-shadow .3s}.keyboard-focused input[type=range]:focus:not(.active)::-ms-thumb{box-shadow:0 0 0 10px rgba(38,166,154,0.26)}.table-of-contents.fixed{position:fixed}.table-of-contents li{padding:2px 0}.table-of-contents a{display:inline-block;font-weight:300;color:#757575;padding-left:16px;height:1.5rem;line-height:1.5rem;letter-spacing:.4;display:inline-block}.table-of-contents a:hover{color:#a8a8a8;padding-left:15px;border-left:1px solid #ee6e73}.table-of-contents a.active{font-weight:500;padding-left:14px;border-left:2px solid #ee6e73}.sidenav{position:fixed;width:300px;left:0;top:0;margin:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);height:100%;height:calc(100% + 60px);height:-moz-calc(100%);padding-bottom:60px;background-color:#fff;z-index:999;overflow-y:auto;will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateX(-105%);transform:translateX(-105%)}.sidenav.right-aligned{right:0;-webkit-transform:translateX(105%);transform:translateX(105%);left:auto;-webkit-transform:translateX(100%);transform:translateX(100%)}.sidenav .collapsible{margin:0}.sidenav li{float:none;line-height:48px}.sidenav li.active{background-color:rgba(0,0,0,0.05)}.sidenav li>a{color:rgba(0,0,0,0.87);display:block;font-size:14px;font-weight:500;height:48px;line-height:48px;padding:0 32px}.sidenav li>a:hover{background-color:rgba(0,0,0,0.05)}.sidenav li>a.btn,.sidenav li>a.btn-large,.sidenav li>a.btn-small,.sidenav li>a.btn-large,.sidenav li>a.btn-flat,.sidenav li>a.btn-floating{margin:10px 15px}.sidenav li>a.btn,.sidenav li>a.btn-large,.sidenav li>a.btn-small,.sidenav li>a.btn-large,.sidenav li>a.btn-floating{color:#fff}.sidenav li>a.btn-flat{color:#343434}.sidenav li>a.btn:hover,.sidenav li>a.btn-large:hover,.sidenav li>a.btn-small:hover,.sidenav li>a.btn-large:hover{background-color:#2bbbad}.sidenav li>a.btn-floating:hover{background-color:#26a69a}.sidenav li>a>i,.sidenav li>a>[class^="mdi-"],.sidenav li>a li>a>[class*="mdi-"],.sidenav li>a>i.material-icons{float:left;height:48px;line-height:48px;margin:0 32px 0 0;width:24px;color:rgba(0,0,0,0.54)}.sidenav .divider{margin:8px 0 0 0}.sidenav .subheader{cursor:initial;pointer-events:none;color:rgba(0,0,0,0.54);font-size:14px;font-weight:500;line-height:48px}.sidenav .subheader:hover{background-color:transparent}.sidenav .user-view{position:relative;padding:32px 32px 0;margin-bottom:8px}.sidenav .user-view>a{height:auto;padding:0}.sidenav .user-view>a:hover{background-color:transparent}.sidenav .user-view .background{overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.sidenav .user-view .circle,.sidenav .user-view .name,.sidenav .user-view .email{display:block}.sidenav .user-view .circle{height:64px;width:64px}.sidenav .user-view .name,.sidenav .user-view .email{font-size:14px;line-height:24px}.sidenav .user-view .name{margin-top:16px;font-weight:500}.sidenav .user-view .email{padding-bottom:16px;font-weight:400}.drag-target{height:100%;width:10px;position:fixed;top:0;z-index:998}.drag-target.right-aligned{right:0}.sidenav.sidenav-fixed{left:0;-webkit-transform:translateX(0);transform:translateX(0);position:fixed}.sidenav.sidenav-fixed.right-aligned{right:0;left:auto}@media only screen and (max-width: 992px){.sidenav.sidenav-fixed{-webkit-transform:translateX(-105%);transform:translateX(-105%)}.sidenav.sidenav-fixed.right-aligned{-webkit-transform:translateX(105%);transform:translateX(105%)}.sidenav>a{padding:0 16px}.sidenav .user-view{padding:16px 16px 0}}.sidenav .collapsible-body>ul:not(.collapsible)>li.active,.sidenav.sidenav-fixed .collapsible-body>ul:not(.collapsible)>li.active{background-color:#ee6e73}.sidenav .collapsible-body>ul:not(.collapsible)>li.active a,.sidenav.sidenav-fixed .collapsible-body>ul:not(.collapsible)>li.active a{color:#fff}.sidenav .collapsible-body{padding:0}.sidenav-overlay{position:fixed;top:0;left:0;right:0;opacity:0;height:120vh;background-color:rgba(0,0,0,0.5);z-index:997;display:none}.preloader-wrapper{display:inline-block;position:relative;width:50px;height:50px}.preloader-wrapper.small{width:36px;height:36px}.preloader-wrapper.big{width:64px;height:64px}.preloader-wrapper.active{-webkit-animation:container-rotate 1568ms linear infinite;animation:container-rotate 1568ms linear infinite}@-webkit-keyframes container-rotate{to{-webkit-transform:rotate(360deg)}}@keyframes container-rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.spinner-layer{position:absolute;width:100%;height:100%;opacity:0;border-color:#26a69a}.spinner-blue,.spinner-blue-only{border-color:#4285f4}.spinner-red,.spinner-red-only{border-color:#db4437}.spinner-yellow,.spinner-yellow-only{border-color:#f4b400}.spinner-green,.spinner-green-only{border-color:#0f9d58}.active .spinner-layer.spinner-blue{-webkit-animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}.active .spinner-layer.spinner-red{-webkit-animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,red-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,red-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}.active .spinner-layer.spinner-yellow{-webkit-animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,yellow-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,yellow-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}.active .spinner-layer.spinner-green{-webkit-animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,green-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,green-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}.active .spinner-layer,.active .spinner-layer.spinner-blue-only,.active .spinner-layer.spinner-red-only,.active .spinner-layer.spinner-yellow-only,.active .spinner-layer.spinner-green-only{opacity:1;-webkit-animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;animation:fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}@-webkit-keyframes fill-unfill-rotate{12.5%{-webkit-transform:rotate(135deg)}25%{-webkit-transform:rotate(270deg)}37.5%{-webkit-transform:rotate(405deg)}50%{-webkit-transform:rotate(540deg)}62.5%{-webkit-transform:rotate(675deg)}75%{-webkit-transform:rotate(810deg)}87.5%{-webkit-transform:rotate(945deg)}to{-webkit-transform:rotate(1080deg)}}@keyframes fill-unfill-rotate{12.5%{-webkit-transform:rotate(135deg);transform:rotate(135deg)}25%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}37.5%{-webkit-transform:rotate(405deg);transform:rotate(405deg)}50%{-webkit-transform:rotate(540deg);transform:rotate(540deg)}62.5%{-webkit-transform:rotate(675deg);transform:rotate(675deg)}75%{-webkit-transform:rotate(810deg);transform:rotate(810deg)}87.5%{-webkit-transform:rotate(945deg);transform:rotate(945deg)}to{-webkit-transform:rotate(1080deg);transform:rotate(1080deg)}}@-webkit-keyframes blue-fade-in-out{from{opacity:1}25%{opacity:1}26%{opacity:0}89%{opacity:0}90%{opacity:1}100%{opacity:1}}@keyframes blue-fade-in-out{from{opacity:1}25%{opacity:1}26%{opacity:0}89%{opacity:0}90%{opacity:1}100%{opacity:1}}@-webkit-keyframes red-fade-in-out{from{opacity:0}15%{opacity:0}25%{opacity:1}50%{opacity:1}51%{opacity:0}}@keyframes red-fade-in-out{from{opacity:0}15%{opacity:0}25%{opacity:1}50%{opacity:1}51%{opacity:0}}@-webkit-keyframes yellow-fade-in-out{from{opacity:0}40%{opacity:0}50%{opacity:1}75%{opacity:1}76%{opacity:0}}@keyframes yellow-fade-in-out{from{opacity:0}40%{opacity:0}50%{opacity:1}75%{opacity:1}76%{opacity:0}}@-webkit-keyframes green-fade-in-out{from{opacity:0}65%{opacity:0}75%{opacity:1}90%{opacity:1}100%{opacity:0}}@keyframes green-fade-in-out{from{opacity:0}65%{opacity:0}75%{opacity:1}90%{opacity:1}100%{opacity:0}}.gap-patch{position:absolute;top:0;left:45%;width:10%;height:100%;overflow:hidden;border-color:inherit}.gap-patch .circle{width:1000%;left:-450%}.circle-clipper{display:inline-block;position:relative;width:50%;height:100%;overflow:hidden;border-color:inherit}.circle-clipper .circle{width:200%;height:100%;border-width:3px;border-style:solid;border-color:inherit;border-bottom-color:transparent !important;border-radius:50%;-webkit-animation:none;animation:none;position:absolute;top:0;right:0;bottom:0}.circle-clipper.left .circle{left:0;border-right-color:transparent !important;-webkit-transform:rotate(129deg);transform:rotate(129deg)}.circle-clipper.right .circle{left:-100%;border-left-color:transparent !important;-webkit-transform:rotate(-129deg);transform:rotate(-129deg)}.active .circle-clipper.left .circle{-webkit-animation:left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;animation:left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}.active .circle-clipper.right .circle{-webkit-animation:right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;animation:right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}@-webkit-keyframes left-spin{from{-webkit-transform:rotate(130deg)}50%{-webkit-transform:rotate(-5deg)}to{-webkit-transform:rotate(130deg)}}@keyframes left-spin{from{-webkit-transform:rotate(130deg);transform:rotate(130deg)}50%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(130deg);transform:rotate(130deg)}}@-webkit-keyframes right-spin{from{-webkit-transform:rotate(-130deg)}50%{-webkit-transform:rotate(5deg)}to{-webkit-transform:rotate(-130deg)}}@keyframes right-spin{from{-webkit-transform:rotate(-130deg);transform:rotate(-130deg)}50%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}to{-webkit-transform:rotate(-130deg);transform:rotate(-130deg)}}#spinnerContainer.cooldown{-webkit-animation:container-rotate 1568ms linear infinite,fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1);animation:container-rotate 1568ms linear infinite,fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1)}@-webkit-keyframes fade-out{from{opacity:1}to{opacity:0}}@keyframes fade-out{from{opacity:1}to{opacity:0}}.slider{position:relative;height:400px;width:100%}.slider.fullscreen{height:100%;width:100%;position:absolute;top:0;left:0;right:0;bottom:0}.slider.fullscreen ul.slides{height:100%}.slider.fullscreen ul.indicators{z-index:2;bottom:30px}.slider .slides{background-color:#9e9e9e;margin:0;height:400px}.slider .slides li{opacity:0;position:absolute;top:0;left:0;z-index:1;width:100%;height:inherit;overflow:hidden}.slider .slides li img{height:100%;width:100%;background-size:cover;background-position:center}.slider .slides li .caption{color:#fff;position:absolute;top:15%;left:15%;width:70%;opacity:0}.slider .slides li .caption p{color:#e0e0e0}.slider .slides li.active{z-index:2}.slider .indicators{position:absolute;text-align:center;left:0;right:0;bottom:0;margin:0}.slider .indicators .indicator-item{display:inline-block;position:relative;cursor:pointer;height:16px;width:16px;margin:0 12px;background-color:#e0e0e0;-webkit-transition:background-color .3s;transition:background-color .3s;border-radius:50%}.slider .indicators .indicator-item.active{background-color:#4CAF50}.carousel{overflow:hidden;position:relative;width:100%;height:400px;-webkit-perspective:500px;perspective:500px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform-origin:0% 50%;transform-origin:0% 50%}.carousel.carousel-slider{top:0;left:0}.carousel.carousel-slider .carousel-fixed-item{position:absolute;left:0;right:0;bottom:20px;z-index:1}.carousel.carousel-slider .carousel-fixed-item.with-indicators{bottom:68px}.carousel.carousel-slider .carousel-item{width:100%;height:100%;min-height:400px;position:absolute;top:0;left:0}.carousel.carousel-slider .carousel-item h2{font-size:24px;font-weight:500;line-height:32px}.carousel.carousel-slider .carousel-item p{font-size:15px}.carousel .carousel-item{visibility:hidden;width:200px;height:200px;position:absolute;top:0;left:0}.carousel .carousel-item>img{width:100%}.carousel .indicators{position:absolute;text-align:center;left:0;right:0;bottom:0;margin:0}.carousel .indicators .indicator-item{display:inline-block;position:relative;cursor:pointer;height:8px;width:8px;margin:24px 4px;background-color:rgba(255,255,255,0.5);-webkit-transition:background-color .3s;transition:background-color .3s;border-radius:50%}.carousel .indicators .indicator-item.active{background-color:#fff}.carousel.scrolling .carousel-item .materialboxed,.carousel .carousel-item:not(.active) .materialboxed{pointer-events:none}.tap-target-wrapper{width:800px;height:800px;position:fixed;z-index:1000;visibility:hidden;-webkit-transition:visibility 0s .3s;transition:visibility 0s .3s}.tap-target-wrapper.open{visibility:visible;-webkit-transition:visibility 0s;transition:visibility 0s}.tap-target-wrapper.open .tap-target{-webkit-transform:scale(1);transform:scale(1);opacity:.95;-webkit-transition:opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1),-webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1);transition:opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1),-webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1);transition:transform 0.3s cubic-bezier(0.42, 0, 0.58, 1),opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1);transition:transform 0.3s cubic-bezier(0.42, 0, 0.58, 1),opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1),-webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1)}.tap-target-wrapper.open .tap-target-wave::before{-webkit-transform:scale(1);transform:scale(1)}.tap-target-wrapper.open .tap-target-wave::after{visibility:visible;-webkit-animation:pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;animation:pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;-webkit-transition:opacity .3s,
visibility 0s 1s,
-webkit-transform .3s;transition:opacity .3s,
visibility 0s 1s,
-webkit-transform .3s;transition:opacity .3s,
transform .3s,
visibility 0s 1s;transition:opacity .3s,
transform .3s,
visibility 0s 1s,
-webkit-transform .3s}.tap-target{position:absolute;font-size:1rem;border-radius:50%;background-color:#ee6e73;-webkit-box-shadow:0 20px 20px 0 rgba(0,0,0,0.14),0 10px 50px 0 rgba(0,0,0,0.12),0 30px 10px -20px rgba(0,0,0,0.2);box-shadow:0 20px 20px 0 rgba(0,0,0,0.14),0 10px 50px 0 rgba(0,0,0,0.12),0 30px 10px -20px rgba(0,0,0,0.2);width:100%;height:100%;opacity:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transition:opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1),-webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1);transition:opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1),-webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1);transition:transform 0.3s cubic-bezier(0.42, 0, 0.58, 1),opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1);transition:transform 0.3s cubic-bezier(0.42, 0, 0.58, 1),opacity 0.3s cubic-bezier(0.42, 0, 0.58, 1),-webkit-transform 0.3s cubic-bezier(0.42, 0, 0.58, 1)}.tap-target-content{position:relative;display:table-cell}.tap-target-wave{position:absolute;border-radius:50%;z-index:10001}.tap-target-wave::before,.tap-target-wave::after{content:'';display:block;position:absolute;width:100%;height:100%;border-radius:50%;background-color:#ffffff}.tap-target-wave::before{-webkit-transform:scale(0);transform:scale(0);-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s, -webkit-transform .3s}.tap-target-wave::after{visibility:hidden;-webkit-transition:opacity .3s,
visibility 0s,
-webkit-transform .3s;transition:opacity .3s,
visibility 0s,
-webkit-transform .3s;transition:opacity .3s,
transform .3s,
visibility 0s;transition:opacity .3s,
transform .3s,
visibility 0s,
-webkit-transform .3s;z-index:-1}.tap-target-origin{top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:10002;position:absolute !important}.tap-target-origin:not(.btn):not(.btn-large):not(.btn-small),.tap-target-origin:not(.btn):not(.btn-large):not(.btn-small):hover{background:none}@media only screen and (max-width: 600px){.tap-target,.tap-target-wrapper{width:600px;height:600px}}.pulse{overflow:visible;position:relative}.pulse::before{content:'';display:block;position:absolute;width:100%;height:100%;top:0;left:0;background-color:inherit;border-radius:inherit;-webkit-transition:opacity .3s, -webkit-transform .3s;transition:opacity .3s, -webkit-transform .3s;transition:opacity .3s, transform .3s;transition:opacity .3s, transform .3s, -webkit-transform .3s;-webkit-animation:pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;animation:pulse-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;z-index:-1}@-webkit-keyframes pulse-animation{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5)}100%{opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5)}}@keyframes pulse-animation{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5)}100%{opacity:0;-webkit-transform:scale(1.5);transform:scale(1.5)}}.datepicker-modal{max-width:325px;min-width:300px;max-height:none}.datepicker-container.modal-content{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:0}.datepicker-controls{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;width:280px;margin:0 auto}.datepicker-controls .selects-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.datepicker-controls .select-wrapper input{border-bottom:none;text-align:center;margin:0}.datepicker-controls .select-wrapper input:focus{border-bottom:none}.datepicker-controls .select-wrapper .caret{display:none}.datepicker-controls .select-year input{width:50px}.datepicker-controls .select-month input{width:70px}.month-prev,.month-next{margin-top:4px;cursor:pointer;background-color:transparent;border:none}.datepicker-date-display{-webkit-box-flex:1;-webkit-flex:1 auto;-ms-flex:1 auto;flex:1 auto;background-color:#26a69a;color:#fff;padding:20px 22px;font-weight:500}.datepicker-date-display .year-text{display:block;font-size:1.5rem;line-height:25px;color:rgba(255,255,255,0.7)}.datepicker-date-display .date-text{display:block;font-size:2.8rem;line-height:47px;font-weight:500}.datepicker-calendar-container{-webkit-box-flex:2.5;-webkit-flex:2.5 auto;-ms-flex:2.5 auto;flex:2.5 auto}.datepicker-table{width:280px;font-size:1rem;margin:0 auto}.datepicker-table thead{border-bottom:none}.datepicker-table th{padding:10px 5px;text-align:center}.datepicker-table tr{border:none}.datepicker-table abbr{text-decoration:none;color:#999}.datepicker-table td{border-radius:50%;padding:0}.datepicker-table td.is-today{color:#26a69a}.datepicker-table td.is-selected{background-color:#26a69a;color:#fff}.datepicker-table td.is-outside-current-month,.datepicker-table td.is-disabled{color:rgba(0,0,0,0.3);pointer-events:none}.datepicker-day-button{background-color:transparent;border:none;line-height:38px;display:block;width:100%;border-radius:50%;padding:0 5px;cursor:pointer;color:inherit}.datepicker-day-button:focus{background-color:rgba(43,161,150,0.25)}.datepicker-footer{width:280px;margin:0 auto;padding-bottom:5px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.datepicker-cancel,.datepicker-clear,.datepicker-today,.datepicker-done{color:#26a69a;padding:0 1rem}.datepicker-clear{color:#F44336}@media only screen and (min-width: 601px){.datepicker-modal{max-width:625px}.datepicker-container.modal-content{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.datepicker-date-display{-webkit-box-flex:0;-webkit-flex:0 1 270px;-ms-flex:0 1 270px;flex:0 1 270px}.datepicker-controls,.datepicker-table,.datepicker-footer{width:320px}.datepicker-day-button{line-height:44px}}.timepicker-modal{max-width:325px;max-height:none}.timepicker-container.modal-content{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:0}.text-primary{color:#fff}.timepicker-digital-display{-webkit-box-flex:1;-webkit-flex:1 auto;-ms-flex:1 auto;flex:1 auto;background-color:#26a69a;padding:10px;font-weight:300}.timepicker-text-container{font-size:4rem;font-weight:bold;text-align:center;color:rgba(255,255,255,0.6);font-weight:400;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.timepicker-span-hours,.timepicker-span-minutes,.timepicker-span-am-pm div{cursor:pointer}.timepicker-span-hours{margin-right:3px}.timepicker-span-minutes{margin-left:3px}.timepicker-display-am-pm{font-size:1.3rem;position:absolute;right:1rem;bottom:1rem;font-weight:400}.timepicker-analog-display{-webkit-box-flex:2.5;-webkit-flex:2.5 auto;-ms-flex:2.5 auto;flex:2.5 auto}.timepicker-plate{background-color:#eee;border-radius:50%;width:270px;height:270px;overflow:visible;position:relative;margin:auto;margin-top:25px;margin-bottom:5px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.timepicker-canvas,.timepicker-dial{position:absolute;left:0;right:0;top:0;bottom:0}.timepicker-minutes{visibility:hidden}.timepicker-tick{border-radius:50%;color:rgba(0,0,0,0.87);line-height:40px;text-align:center;width:40px;height:40px;position:absolute;cursor:pointer;font-size:15px}.timepicker-tick.active,.timepicker-tick:hover{background-color:rgba(38,166,154,0.25)}.timepicker-dial{-webkit-transition:opacity 350ms, -webkit-transform 350ms;transition:opacity 350ms, -webkit-transform 350ms;transition:transform 350ms, opacity 350ms;transition:transform 350ms, opacity 350ms, -webkit-transform 350ms}.timepicker-dial-out{opacity:0}.timepicker-dial-out.timepicker-hours{-webkit-transform:scale(1.1, 1.1);transform:scale(1.1, 1.1)}.timepicker-dial-out.timepicker-minutes{-webkit-transform:scale(0.8, 0.8);transform:scale(0.8, 0.8)}.timepicker-canvas{-webkit-transition:opacity 175ms;transition:opacity 175ms}.timepicker-canvas line{stroke:#26a69a;stroke-width:4;stroke-linecap:round}.timepicker-canvas-out{opacity:0.25}.timepicker-canvas-bearing{stroke:none;fill:#26a69a}.timepicker-canvas-bg{stroke:none;fill:#26a69a}.timepicker-footer{margin:0 auto;padding:5px 1rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.timepicker-clear{color:#F44336}.timepicker-close{color:#26a69a}.timepicker-clear,.timepicker-close{padding:0 20px}@media only screen and (min-width: 601px){.timepicker-modal{max-width:600px}.timepicker-container.modal-content{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.timepicker-text-container{top:32%}.timepicker-display-am-pm{position:relative;right:auto;bottom:auto;text-align:center;margin-top:1.2rem}}
diff --git a/app/css/userdata.css b/app/css/userdata.css
index c2929569..ece42295 100644
--- a/app/css/userdata.css
+++ b/app/css/userdata.css
@@ -87,10 +87,10 @@
#his-plus-action .btn {
width: 170px;
}
-.custom-tabs {
+.tabs {
display: flex;
}
-.custom-tabs .custom-tab a {
+.tabs .tab a {
padding: 8px 12px;
}
#his-des .mention {
diff --git a/app/js/common/materialize.js b/app/js/common/materialize.js
index 7d478540..b15d3f28 100644
--- a/app/js/common/materialize.js
+++ b/app/js/common/materialize.js
@@ -1,1394 +1,1205 @@
-//Warning!!: This is edited by CutlsP. It's not raw file.
/*!
- * Materialize v0.100.2 (http://materializecss.com)
+ * Materialize v1.0.0 (http://materializecss.com)
* Copyright 2014-2017 Materialize
* MIT License (https://raw.githubusercontent.com/Dogfalo/materialize/master/LICENSE)
*/
+var _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if ("value" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } };
+
var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-// Check for jQuery.
-if (typeof jQuery === 'undefined') {
- // Check if require is a defined function.
- if (typeof require === 'function') {
- jQuery = $ = require('jquery');
- // Else use the dollar sign alias.
- } else {
- jQuery = $;
- }
-}
-; /*
- * jQuery Easing v1.4.0 - http://gsgd.co.uk/sandbox/jquery/easing/
- * Open source under the BSD License.
- * Copyright © 2008 George McGinley Smith
- * All rights reserved.
- * https://raw.github.com/gdsmith/jquery-easing/master/LICENSE
- */
-
+/*! cash-dom 1.3.5, https://github.com/kenwheeler/cash @license MIT */
(function (factory) {
- if (typeof define === "function" && define.amd) {
- define(['jquery'], function ($) {
- return factory($);
- });
- } else if (typeof module === "object" && typeof module.exports === "object") {
- exports = factory(require('jquery'));
- } else {
- factory(jQuery);
- }
-})(function ($) {
+ window.cash = factory();
+})(function () {
+ var doc = document,
+ win = window,
+ ArrayProto = Array.prototype,
+ slice = ArrayProto.slice,
+ filter = ArrayProto.filter,
+ push = ArrayProto.push;
- // Preserve the original jQuery "swing" easing as "jswing"
- $.easing['jswing'] = $.easing['swing'];
-
- var pow = Math.pow,
- sqrt = Math.sqrt,
- sin = Math.sin,
- cos = Math.cos,
- PI = Math.PI,
- c1 = 1.70158,
- c2 = c1 * 1.525,
- c3 = c1 + 1,
- c4 = 2 * PI / 3,
- c5 = 2 * PI / 4.5;
-
- // x is the fraction of animation progress, in the range 0..1
- function bounceOut(x) {
- var n1 = 7.5625,
- d1 = 2.75;
- if (x < 1 / d1) {
- return n1 * x * x;
- } else if (x < 2 / d1) {
- return n1 * (x -= 1.5 / d1) * x + .75;
- } else if (x < 2.5 / d1) {
- return n1 * (x -= 2.25 / d1) * x + .9375;
- } else {
- return n1 * (x -= 2.625 / d1) * x + .984375;
- }
- }
-
- $.extend($.easing, {
- def: 'easeOutQuad',
- swing: function (x) {
- return $.easing[$.easing.def](x);
- },
- easeInQuad: function (x) {
- return x * x;
- },
- easeOutQuad: function (x) {
- return 1 - (1 - x) * (1 - x);
- },
- easeInOutQuad: function (x) {
- return x < 0.5 ? 2 * x * x : 1 - pow(-2 * x + 2, 2) / 2;
- },
- easeInCubic: function (x) {
- return x * x * x;
- },
- easeOutCubic: function (x) {
- return 1 - pow(1 - x, 3);
- },
- easeInOutCubic: function (x) {
- return x < 0.5 ? 4 * x * x * x : 1 - pow(-2 * x + 2, 3) / 2;
- },
- easeInQuart: function (x) {
- return x * x * x * x;
- },
- easeOutQuart: function (x) {
- return 1 - pow(1 - x, 4);
- },
- easeInOutQuart: function (x) {
- return x < 0.5 ? 8 * x * x * x * x : 1 - pow(-2 * x + 2, 4) / 2;
- },
- easeInQuint: function (x) {
- return x * x * x * x * x;
- },
- easeOutQuint: function (x) {
- return 1 - pow(1 - x, 5);
- },
- easeInOutQuint: function (x) {
- return x < 0.5 ? 16 * x * x * x * x * x : 1 - pow(-2 * x + 2, 5) / 2;
- },
- easeInSine: function (x) {
- return 1 - cos(x * PI / 2);
- },
- easeOutSine: function (x) {
- return sin(x * PI / 2);
- },
- easeInOutSine: function (x) {
- return -(cos(PI * x) - 1) / 2;
- },
- easeInExpo: function (x) {
- return x === 0 ? 0 : pow(2, 10 * x - 10);
- },
- easeOutExpo: function (x) {
- return x === 1 ? 1 : 1 - pow(2, -10 * x);
- },
- easeInOutExpo: function (x) {
- return x === 0 ? 0 : x === 1 ? 1 : x < 0.5 ? pow(2, 20 * x - 10) / 2 : (2 - pow(2, -20 * x + 10)) / 2;
- },
- easeInCirc: function (x) {
- return 1 - sqrt(1 - pow(x, 2));
- },
- easeOutCirc: function (x) {
- return sqrt(1 - pow(x - 1, 2));
- },
- easeInOutCirc: function (x) {
- return x < 0.5 ? (1 - sqrt(1 - pow(2 * x, 2))) / 2 : (sqrt(1 - pow(-2 * x + 2, 2)) + 1) / 2;
- },
- easeInElastic: function (x) {
- return x === 0 ? 0 : x === 1 ? 1 : -pow(2, 10 * x - 10) * sin((x * 10 - 10.75) * c4);
- },
- easeOutElastic: function (x) {
- return x === 0 ? 0 : x === 1 ? 1 : pow(2, -10 * x) * sin((x * 10 - 0.75) * c4) + 1;
- },
- easeInOutElastic: function (x) {
- return x === 0 ? 0 : x === 1 ? 1 : x < 0.5 ? -(pow(2, 20 * x - 10) * sin((20 * x - 11.125) * c5)) / 2 : pow(2, -20 * x + 10) * sin((20 * x - 11.125) * c5) / 2 + 1;
- },
- easeInBack: function (x) {
- return c3 * x * x * x - c1 * x * x;
- },
- easeOutBack: function (x) {
- return 1 + c3 * pow(x - 1, 3) + c1 * pow(x - 1, 2);
- },
- easeInOutBack: function (x) {
- return x < 0.5 ? pow(2 * x, 2) * ((c2 + 1) * 2 * x - c2) / 2 : (pow(2 * x - 2, 2) * ((c2 + 1) * (x * 2 - 2) + c2) + 2) / 2;
- },
- easeInBounce: function (x) {
- return 1 - bounceOut(1 - x);
- },
- easeOutBounce: bounceOut,
- easeInOutBounce: function (x) {
- return x < 0.5 ? (1 - bounceOut(1 - 2 * x)) / 2 : (1 + bounceOut(2 * x - 1)) / 2;
- }
- });
-});; // Custom Easing
-jQuery.extend(jQuery.easing, {
- easeInOutMaterial: function (x, t, b, c, d) {
- if ((t /= d / 2) < 1) return c / 2 * t * t + b;
- return c / 4 * ((t -= 2) * t * t + 2) + b;
- }
-});; /*! VelocityJS.org (1.2.3). (C) 2014 Julian Shapiro. MIT @license: en.wikipedia.org/wiki/MIT_License */
-/*! VelocityJS.org jQuery Shim (1.0.1). (C) 2014 The jQuery Foundation. MIT @license: en.wikipedia.org/wiki/MIT_License. */
-/*! Note that this has been modified by Materialize to confirm that Velocity is not already being imported. */
-jQuery.Velocity ? console.log("Velocity is already loaded. You may be needlessly importing Velocity again; note that Materialize includes Velocity.") : (!function (e) {
- function t(e) {
- var t = e.length,
- a = r.type(e); return "function" === a || r.isWindow(e) ? !1 : 1 === e.nodeType && t ? !0 : "array" === a || 0 === t || "number" == typeof t && t > 0 && t - 1 in e;
- } if (!e.jQuery) {
- var r = function (e, t) {
- return new r.fn.init(e, t);
- }; r.isWindow = function (e) {
- return null != e && e == e.window;
- }, r.type = function (e) {
- return null == e ? e + "" : "object" == typeof e || "function" == typeof e ? n[i.call(e)] || "object" : typeof e;
- }, r.isArray = Array.isArray || function (e) {
- return "array" === r.type(e);
- }, r.isPlainObject = function (e) {
- var t; if (!e || "object" !== r.type(e) || e.nodeType || r.isWindow(e)) return !1; try {
- if (e.constructor && !o.call(e, "constructor") && !o.call(e.constructor.prototype, "isPrototypeOf")) return !1;
- } catch (a) {
- return !1;
- } for (t in e) { } return void 0 === t || o.call(e, t);
- }, r.each = function (e, r, a) {
- var n,
- o = 0,
- i = e.length,
- s = t(e); if (a) {
- if (s) for (; i > o && (n = r.apply(e[o], a), n !== !1); o++) { } else for (o in e) {
- if (n = r.apply(e[o], a), n === !1) break;
- }
- } else if (s) for (; i > o && (n = r.call(e[o], o, e[o]), n !== !1); o++) { } else for (o in e) {
- if (n = r.call(e[o], o, e[o]), n === !1) break;
- } return e;
- }, r.data = function (e, t, n) {
- if (void 0 === n) {
- var o = e[r.expando],
- i = o && a[o]; if (void 0 === t) return i; if (i && t in i) return i[t];
- } else if (void 0 !== t) {
- var o = e[r.expando] || (e[r.expando] = ++r.uuid); return a[o] = a[o] || {}, a[o][t] = n, n;
- }
- }, r.removeData = function (e, t) {
- var n = e[r.expando],
- o = n && a[n]; o && r.each(t, function (e, t) {
- delete o[t];
- });
- }, r.extend = function () {
- var e,
- t,
- a,
- n,
- o,
- i,
- s = arguments[0] || {},
- l = 1,
- u = arguments.length,
- c = !1; for ("boolean" == typeof s && (c = s, s = arguments[l] || {}, l++), "object" != typeof s && "function" !== r.type(s) && (s = {}), l === u && (s = this, l--); u > l; l++) {
- if (null != (o = arguments[l])) for (n in o) {
- e = s[n], a = o[n], s !== a && (c && a && (r.isPlainObject(a) || (t = r.isArray(a))) ? (t ? (t = !1, i = e && r.isArray(e) ? e : []) : i = e && r.isPlainObject(e) ? e : {}, s[n] = r.extend(c, i, a)) : void 0 !== a && (s[n] = a));
- }
- } return s;
- }, r.queue = function (e, a, n) {
- function o(e, r) {
- var a = r || []; return null != e && (t(Object(e)) ? !function (e, t) {
- for (var r = +t.length, a = 0, n = e.length; r > a;) {
- e[n++] = t[a++];
- } if (r !== r) for (; void 0 !== t[a];) {
- e[n++] = t[a++];
- } return e.length = n, e;
- }(a, "string" == typeof e ? [e] : e) : [].push.call(a, e)), a;
- } if (e) {
- a = (a || "fx") + "queue"; var i = r.data(e, a); return n ? (!i || r.isArray(n) ? i = r.data(e, a, o(n)) : i.push(n), i) : i || [];
- }
- }, r.dequeue = function (e, t) {
- r.each(e.nodeType ? [e] : e, function (e, a) {
- t = t || "fx"; var n = r.queue(a, t),
- o = n.shift(); "inprogress" === o && (o = n.shift()), o && ("fx" === t && n.unshift("inprogress"), o.call(a, function () {
- r.dequeue(a, t);
- }));
- });
- }, r.fn = r.prototype = {
- init: function (e) {
- if (e.nodeType) return this[0] = e, this; throw new Error("Not a DOM node.");
- }, offset: function () {
- var t = this[0].getBoundingClientRect ? this[0].getBoundingClientRect() : { top: 0, left: 0 }; return { top: t.top + (e.pageYOffset || document.scrollTop || 0) - (document.clientTop || 0), left: t.left + (e.pageXOffset || document.scrollLeft || 0) - (document.clientLeft || 0) };
- }, position: function () {
- function e() {
- for (var e = this.offsetParent || document; e && "html" === !e.nodeType.toLowerCase && "static" === e.style.position;) {
- e = e.offsetParent;
- } return e || document;
- } var t = this[0],
- e = e.apply(t),
- a = this.offset(),
- n = /^(?:body|html)$/i.test(e.nodeName) ? { top: 0, left: 0 } : r(e).offset(); return a.top -= parseFloat(t.style.marginTop) || 0, a.left -= parseFloat(t.style.marginLeft) || 0, e.style && (n.top += parseFloat(e.style.borderTopWidth) || 0, n.left += parseFloat(e.style.borderLeftWidth) || 0), { top: a.top - n.top, left: a.left - n.left };
- }
- }; var a = {}; r.expando = "velocity" + new Date().getTime(), r.uuid = 0; for (var n = {}, o = n.hasOwnProperty, i = n.toString, s = "Boolean Number String Function Array Date RegExp Object Error".split(" "), l = 0; l < s.length; l++) {
- n["[object " + s[l] + "]"] = s[l].toLowerCase();
- } r.fn.init.prototype = r.fn, e.Velocity = { Utilities: r };
- }
-}(window), function (e) {
- "object" == typeof module && "object" == typeof module.exports ? module.exports = e() : "function" == typeof define && define.amd ? define(e) : e();
-}(function () {
- return function (e, t, r, a) {
- function n(e) {
- for (var t = -1, r = e ? e.length : 0, a = []; ++t < r;) {
- var n = e[t]; n && a.push(n);
- } return a;
- } function o(e) {
- return m.isWrapped(e) ? e = [].slice.call(e) : m.isNode(e) && (e = [e]), e;
- } function i(e) {
- var t = f.data(e, "velocity"); return null === t ? a : t;
- } function s(e) {
- return function (t) {
- return Math.round(t * e) * (1 / e);
- };
- } function l(e, r, a, n) {
- function o(e, t) {
- return 1 - 3 * t + 3 * e;
- } function i(e, t) {
- return 3 * t - 6 * e;
- } function s(e) {
- return 3 * e;
- } function l(e, t, r) {
- return ((o(t, r) * e + i(t, r)) * e + s(t)) * e;
- } function u(e, t, r) {
- return 3 * o(t, r) * e * e + 2 * i(t, r) * e + s(t);
- } function c(t, r) {
- for (var n = 0; m > n; ++n) {
- var o = u(r, e, a); if (0 === o) return r; var i = l(r, e, a) - t; r -= i / o;
- } return r;
- } function p() {
- for (var t = 0; b > t; ++t) {
- w[t] = l(t * x, e, a);
- }
- } function f(t, r, n) {
- var o,
- i,
- s = 0; do {
- i = r + (n - r) / 2, o = l(i, e, a) - t, o > 0 ? n = i : r = i;
- } while (Math.abs(o) > h && ++s < v); return i;
- } function d(t) {
- for (var r = 0, n = 1, o = b - 1; n != o && w[n] <= t; ++n) {
- r += x;
- } --n; var i = (t - w[n]) / (w[n + 1] - w[n]),
- s = r + i * x,
- l = u(s, e, a); return l >= y ? c(t, s) : 0 == l ? s : f(t, r, r + x);
- } function g() {
- V = !0, (e != r || a != n) && p();
- } var m = 4,
- y = .001,
- h = 1e-7,
- v = 10,
- b = 11,
- x = 1 / (b - 1),
- S = "Float32Array" in t; if (4 !== arguments.length) return !1; for (var P = 0; 4 > P; ++P) {
- if ("number" != typeof arguments[P] || isNaN(arguments[P]) || !isFinite(arguments[P])) return !1;
- } e = Math.min(e, 1), a = Math.min(a, 1), e = Math.max(e, 0), a = Math.max(a, 0); var w = S ? new Float32Array(b) : new Array(b),
- V = !1,
- C = function (t) {
- return V || g(), e === r && a === n ? t : 0 === t ? 0 : 1 === t ? 1 : l(d(t), r, n);
- }; C.getControlPoints = function () {
- return [{ x: e, y: r }, { x: a, y: n }];
- }; var T = "generateBezier(" + [e, r, a, n] + ")"; return C.toString = function () {
- return T;
- }, C;
- } function u(e, t) {
- var r = e; return m.isString(e) ? b.Easings[e] || (r = !1) : r = m.isArray(e) && 1 === e.length ? s.apply(null, e) : m.isArray(e) && 2 === e.length ? x.apply(null, e.concat([t])) : m.isArray(e) && 4 === e.length ? l.apply(null, e) : !1, r === !1 && (r = b.Easings[b.defaults.easing] ? b.defaults.easing : v), r;
- } function c(e) {
- if (e) {
- var t = new Date().getTime(),
- r = b.State.calls.length; r > 1e4 && (b.State.calls = n(b.State.calls)); for (var o = 0; r > o; o++) {
- if (b.State.calls[o]) {
- var s = b.State.calls[o],
- l = s[0],
- u = s[2],
- d = s[3],
- g = !!d,
- y = null; d || (d = b.State.calls[o][3] = t - 16); for (var h = Math.min((t - d) / u.duration, 1), v = 0, x = l.length; x > v; v++) {
- var P = l[v],
- V = P.element; if (i(V)) {
- var C = !1; if (u.display !== a && null !== u.display && "none" !== u.display) {
- if ("flex" === u.display) {
- var T = ["-webkit-box", "-moz-box", "-ms-flexbox", "-webkit-flex"]; f.each(T, function (e, t) {
- S.setPropertyValue(V, "display", t);
- });
- } S.setPropertyValue(V, "display", u.display);
- } u.visibility !== a && "hidden" !== u.visibility && S.setPropertyValue(V, "visibility", u.visibility); for (var k in P) {
- if ("element" !== k) {
- var A,
- F = P[k],
- j = m.isString(F.easing) ? b.Easings[F.easing] : F.easing; if (1 === h) A = F.endValue; else {
- var E = F.endValue - F.startValue; if (A = F.startValue + E * j(h, u, E), !g && A === F.currentValue) continue;
- } if (F.currentValue = A, "tween" === k) y = A; else {
- if (S.Hooks.registered[k]) {
- var H = S.Hooks.getRoot(k),
- N = i(V).rootPropertyValueCache[H]; N && (F.rootPropertyValue = N);
- } var L = S.setPropertyValue(V, k, F.currentValue + (0 === parseFloat(A) ? "" : F.unitType), F.rootPropertyValue, F.scrollData); S.Hooks.registered[k] && (i(V).rootPropertyValueCache[H] = S.Normalizations.registered[H] ? S.Normalizations.registered[H]("extract", null, L[1]) : L[1]), "transform" === L[0] && (C = !0);
- }
- }
- } u.mobileHA && i(V).transformCache.translate3d === a && (i(V).transformCache.translate3d = "(0px, 0px, 0px)", C = !0), C && S.flushTransformCache(V);
- }
- } u.display !== a && "none" !== u.display && (b.State.calls[o][2].display = !1), u.visibility !== a && "hidden" !== u.visibility && (b.State.calls[o][2].visibility = !1), u.progress && u.progress.call(s[1], s[1], h, Math.max(0, d + u.duration - t), d, y), 1 === h && p(o);
- }
- }
- } b.State.isTicking && w(c);
- } function p(e, t) {
- if (!b.State.calls[e]) return !1; for (var r = b.State.calls[e][0], n = b.State.calls[e][1], o = b.State.calls[e][2], s = b.State.calls[e][4], l = !1, u = 0, c = r.length; c > u; u++) {
- var p = r[u].element; if (t || o.loop || ("none" === o.display && S.setPropertyValue(p, "display", o.display), "hidden" === o.visibility && S.setPropertyValue(p, "visibility", o.visibility)), o.loop !== !0 && (f.queue(p)[1] === a || !/\.velocityQueueEntryFlag/i.test(f.queue(p)[1])) && i(p)) {
- i(p).isAnimating = !1, i(p).rootPropertyValueCache = {}; var d = !1; f.each(S.Lists.transforms3D, function (e, t) {
- var r = /^scale/.test(t) ? 1 : 0,
- n = i(p).transformCache[t]; i(p).transformCache[t] !== a && new RegExp("^\\(" + r + "[^.]").test(n) && (d = !0, delete i(p).transformCache[t]);
- }), o.mobileHA && (d = !0, delete i(p).transformCache.translate3d), d && S.flushTransformCache(p), S.Values.removeClass(p, "velocity-animating");
- } if (!t && o.complete && !o.loop && u === c - 1) try {
- o.complete.call(n, n);
- } catch (g) {
- setTimeout(function () {
- throw g;
- }, 1);
- } s && o.loop !== !0 && s(n), i(p) && o.loop === !0 && !t && (f.each(i(p).tweensContainer, function (e, t) {
- /^rotate/.test(e) && 360 === parseFloat(t.endValue) && (t.endValue = 0, t.startValue = 360), /^backgroundPosition/.test(e) && 100 === parseFloat(t.endValue) && "%" === t.unitType && (t.endValue = 0, t.startValue = 100);
- }), b(p, "reverse", { loop: !0, delay: o.delay })), o.queue !== !1 && f.dequeue(p, o.queue);
- } b.State.calls[e] = !1; for (var m = 0, y = b.State.calls.length; y > m; m++) {
- if (b.State.calls[m] !== !1) {
- l = !0; break;
- }
- } l === !1 && (b.State.isTicking = !1, delete b.State.calls, b.State.calls = []);
- } var f,
- d = function () {
- if (r.documentMode) return r.documentMode; for (var e = 7; e > 4; e--) {
- var t = r.createElement("div"); if (t.innerHTML = "", t.getElementsByTagName("span").length) return t = null, e;
- } return a;
- }(),
- g = function () {
- var e = 0; return t.webkitRequestAnimationFrame || t.mozRequestAnimationFrame || function (t) {
- var r,
- a = new Date().getTime(); return r = Math.max(0, 16 - (a - e)), e = a + r, setTimeout(function () {
- t(a + r);
- }, r);
- };
- }(),
- m = {
- isString: function (e) {
- return "string" == typeof e;
- }, isArray: Array.isArray || function (e) {
- return "[object Array]" === Object.prototype.toString.call(e);
- }, isFunction: function (e) {
- return "[object Function]" === Object.prototype.toString.call(e);
- }, isNode: function (e) {
- return e && e.nodeType;
- }, isNodeList: function (e) {
- return "object" == typeof e && /^\[object (HTMLCollection|NodeList|Object)\]$/.test(Object.prototype.toString.call(e)) && e.length !== a && (0 === e.length || "object" == typeof e[0] && e[0].nodeType > 0);
- }, isWrapped: function (e) {
- return e && (e.jquery || t.Zepto && t.Zepto.zepto.isZ(e));
- }, isSVG: function (e) {
- return t.SVGElement && e instanceof t.SVGElement;
- }, isEmptyObject: function (e) {
- for (var t in e) {
- return !1;
- } return !0;
- }
- },
- y = !1; if (e.fn && e.fn.jquery ? (f = e, y = !0) : f = t.Velocity.Utilities, 8 >= d && !y) throw new Error("Velocity: IE8 and below require jQuery to be loaded before Velocity."); if (7 >= d) return void (jQuery.fn.velocity = jQuery.fn.animate); var h = 400,
- v = "swing",
- b = {
- State: { isMobile: /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent), isAndroid: /Android/i.test(navigator.userAgent), isGingerbread: /Android 2\.3\.[3-7]/i.test(navigator.userAgent), isChrome: t.chrome, isFirefox: /Firefox/i.test(navigator.userAgent), prefixElement: r.createElement("div"), prefixMatches: {}, scrollAnchor: null, scrollPropertyLeft: null, scrollPropertyTop: null, isTicking: !1, calls: [] }, CSS: {}, Utilities: f, Redirects: {}, Easings: {}, Promise: t.Promise, defaults: { queue: "", duration: h, easing: v, begin: a, complete: a, progress: a, display: a, visibility: a, loop: !1, delay: !1, mobileHA: !0, _cacheValues: !0 }, init: function (e) {
- f.data(e, "velocity", { isSVG: m.isSVG(e), isAnimating: !1, computedStyle: null, tweensContainer: null, rootPropertyValueCache: {}, transformCache: {} });
- }, hook: null, mock: !1, version: { major: 1, minor: 2, patch: 2 }, debug: !1
- }; t.pageYOffset !== a ? (b.State.scrollAnchor = t, b.State.scrollPropertyLeft = "pageXOffset", b.State.scrollPropertyTop = "pageYOffset") : (b.State.scrollAnchor = r.documentElement || r.body.parentNode || r.body, b.State.scrollPropertyLeft = "scrollLeft", b.State.scrollPropertyTop = "scrollTop"); var x = function () {
- function e(e) {
- return -e.tension * e.x - e.friction * e.v;
- } function t(t, r, a) {
- var n = { x: t.x + a.dx * r, v: t.v + a.dv * r, tension: t.tension, friction: t.friction }; return { dx: n.v, dv: e(n) };
- } function r(r, a) {
- var n = { dx: r.v, dv: e(r) },
- o = t(r, .5 * a, n),
- i = t(r, .5 * a, o),
- s = t(r, a, i),
- l = 1 / 6 * (n.dx + 2 * (o.dx + i.dx) + s.dx),
- u = 1 / 6 * (n.dv + 2 * (o.dv + i.dv) + s.dv); return r.x = r.x + l * a, r.v = r.v + u * a, r;
- } return function a(e, t, n) {
- var o,
- i,
- s,
- l = { x: -1, v: 0, tension: null, friction: null },
- u = [0],
- c = 0,
- p = 1e-4,
- f = .016; for (e = parseFloat(e) || 500, t = parseFloat(t) || 20, n = n || null, l.tension = e, l.friction = t, o = null !== n, o ? (c = a(e, t), i = c / n * f) : i = f; s = r(s || l, i), u.push(1 + s.x), c += 16, Math.abs(s.x) > p && Math.abs(s.v) > p;) { } return o ? function (e) {
- return u[e * (u.length - 1) | 0];
- } : c;
- };
- }(); b.Easings = {
- linear: function (e) {
- return e;
- }, swing: function (e) {
- return .5 - Math.cos(e * Math.PI) / 2;
- }, spring: function (e) {
- return 1 - Math.cos(4.5 * e * Math.PI) * Math.exp(6 * -e);
- }
- }, f.each([["ease", [.25, .1, .25, 1]], ["ease-in", [.42, 0, 1, 1]], ["ease-out", [0, 0, .58, 1]], ["ease-in-out", [.42, 0, .58, 1]], ["easeInSine", [.47, 0, .745, .715]], ["easeOutSine", [.39, .575, .565, 1]], ["easeInOutSine", [.445, .05, .55, .95]], ["easeInQuad", [.55, .085, .68, .53]], ["easeOutQuad", [.25, .46, .45, .94]], ["easeInOutQuad", [.455, .03, .515, .955]], ["easeInCubic", [.55, .055, .675, .19]], ["easeOutCubic", [.215, .61, .355, 1]], ["easeInOutCubic", [.645, .045, .355, 1]], ["easeInQuart", [.895, .03, .685, .22]], ["easeOutQuart", [.165, .84, .44, 1]], ["easeInOutQuart", [.77, 0, .175, 1]], ["easeInQuint", [.755, .05, .855, .06]], ["easeOutQuint", [.23, 1, .32, 1]], ["easeInOutQuint", [.86, 0, .07, 1]], ["easeInExpo", [.95, .05, .795, .035]], ["easeOutExpo", [.19, 1, .22, 1]], ["easeInOutExpo", [1, 0, 0, 1]], ["easeInCirc", [.6, .04, .98, .335]], ["easeOutCirc", [.075, .82, .165, 1]], ["easeInOutCirc", [.785, .135, .15, .86]]], function (e, t) {
- b.Easings[t[0]] = l.apply(null, t[1]);
- }); var S = b.CSS = {
- RegEx: { isHex: /^#([A-f\d]{3}){1,2}$/i, valueUnwrap: /^[A-z]+\((.*)\)$/i, wrappedValueAlreadyExtracted: /[0-9.]+ [0-9.]+ [0-9.]+( [0-9.]+)?/, valueSplit: /([A-z]+\(.+\))|(([A-z0-9#-.]+?)(?=\s|$))/gi }, Lists: { colors: ["fill", "stroke", "stopColor", "color", "backgroundColor", "borderColor", "borderTopColor", "borderRightColor", "borderBottomColor", "borderLeftColor", "outlineColor"], transformsBase: ["translateX", "translateY", "scale", "scaleX", "scaleY", "skewX", "skewY", "rotateZ"], transforms3D: ["transformPerspective", "translateZ", "scaleZ", "rotateX", "rotateY"] }, Hooks: {
- templates: { textShadow: ["Color X Y Blur", "black 0px 0px 0px"], boxShadow: ["Color X Y Blur Spread", "black 0px 0px 0px 0px"], clip: ["Top Right Bottom Left", "0px 0px 0px 0px"], backgroundPosition: ["X Y", "0% 0%"], transformOrigin: ["X Y Z", "50% 50% 0px"], perspectiveOrigin: ["X Y", "50% 50%"] }, registered: {}, register: function () {
- for (var e = 0; e < S.Lists.colors.length; e++) {
- var t = "color" === S.Lists.colors[e] ? "0 0 0 1" : "255 255 255 1"; S.Hooks.templates[S.Lists.colors[e]] = ["Red Green Blue Alpha", t];
- } var r, a, n; if (d) for (r in S.Hooks.templates) {
- a = S.Hooks.templates[r], n = a[0].split(" "); var o = a[1].match(S.RegEx.valueSplit); "Color" === n[0] && (n.push(n.shift()), o.push(o.shift()), S.Hooks.templates[r] = [n.join(" "), o.join(" ")]);
- } for (r in S.Hooks.templates) {
- a = S.Hooks.templates[r], n = a[0].split(" "); for (var e in n) {
- var i = r + n[e],
- s = e; S.Hooks.registered[i] = [r, s];
- }
- }
- }, getRoot: function (e) {
- var t = S.Hooks.registered[e]; return t ? t[0] : e;
- }, cleanRootPropertyValue: function (e, t) {
- return S.RegEx.valueUnwrap.test(t) && (t = t.match(S.RegEx.valueUnwrap)[1]), S.Values.isCSSNullValue(t) && (t = S.Hooks.templates[e][1]), t;
- }, extractValue: function (e, t) {
- var r = S.Hooks.registered[e]; if (r) {
- var a = r[0],
- n = r[1]; return t = S.Hooks.cleanRootPropertyValue(a, t), t.toString().match(S.RegEx.valueSplit)[n];
- } return t;
- }, injectValue: function (e, t, r) {
- var a = S.Hooks.registered[e]; if (a) {
- var n,
- o,
- i = a[0],
- s = a[1]; return r = S.Hooks.cleanRootPropertyValue(i, r), n = r.toString().match(S.RegEx.valueSplit), n[s] = t, o = n.join(" ");
- } return r;
- }
- }, Normalizations: {
- registered: {
- clip: function (e, t, r) {
- switch (e) {
- case "name":
- return "clip"; case "extract":
- var a; return S.RegEx.wrappedValueAlreadyExtracted.test(r) ? a = r : (a = r.toString().match(S.RegEx.valueUnwrap), a = a ? a[1].replace(/,(\s+)?/g, " ") : r), a; case "inject":
- return "rect(" + r + ")";
- }
- }, blur: function (e, t, r) {
- switch (e) {
- case "name":
- return b.State.isFirefox ? "filter" : "-webkit-filter"; case "extract":
- var a = parseFloat(r); if (!a && 0 !== a) {
- var n = r.toString().match(/blur\(([0-9]+[A-z]+)\)/i); a = n ? n[1] : 0;
- } return a; case "inject":
- return parseFloat(r) ? "blur(" + r + ")" : "none";
- }
- }, opacity: function (e, t, r) {
- if (8 >= d) switch (e) {
- case "name":
- return "filter"; case "extract":
- var a = r.toString().match(/alpha\(opacity=(.*)\)/i); return r = a ? a[1] / 100 : 1; case "inject":
- return t.style.zoom = 1, parseFloat(r) >= 1 ? "" : "alpha(opacity=" + parseInt(100 * parseFloat(r), 10) + ")";
- } else switch (e) {
- case "name":
- return "opacity"; case "extract":
- return r; case "inject":
- return r;
- }
- }
- }, register: function () {
- 9 >= d || b.State.isGingerbread || (S.Lists.transformsBase = S.Lists.transformsBase.concat(S.Lists.transforms3D)); for (var e = 0; e < S.Lists.transformsBase.length; e++) {
- !function () {
- var t = S.Lists.transformsBase[e]; S.Normalizations.registered[t] = function (e, r, n) {
- switch (e) {
- case "name":
- return "transform"; case "extract":
- return i(r) === a || i(r).transformCache[t] === a ? /^scale/i.test(t) ? 1 : 0 : i(r).transformCache[t].replace(/[()]/g, ""); case "inject":
- var o = !1; switch (t.substr(0, t.length - 1)) {
- case "translate":
- o = !/(%|px|em|rem|vw|vh|\d)$/i.test(n); break; case "scal": case "scale":
- b.State.isAndroid && i(r).transformCache[t] === a && 1 > n && (n = 1), o = !/(\d)$/i.test(n); break; case "skew":
- o = !/(deg|\d)$/i.test(n); break; case "rotate":
- o = !/(deg|\d)$/i.test(n);
- }return o || (i(r).transformCache[t] = "(" + n + ")"), i(r).transformCache[t];
- }
- };
- }();
- } for (var e = 0; e < S.Lists.colors.length; e++) {
- !function () {
- var t = S.Lists.colors[e]; S.Normalizations.registered[t] = function (e, r, n) {
- switch (e) {
- case "name":
- return t; case "extract":
- var o; if (S.RegEx.wrappedValueAlreadyExtracted.test(n)) o = n; else {
- var i,
- s = { black: "rgb(0, 0, 0)", blue: "rgb(0, 0, 255)", gray: "rgb(128, 128, 128)", green: "rgb(0, 128, 0)", red: "rgb(255, 0, 0)", white: "rgb(255, 255, 255)" }; /^[A-z]+$/i.test(n) ? i = s[n] !== a ? s[n] : s.black : S.RegEx.isHex.test(n) ? i = "rgb(" + S.Values.hexToRgb(n).join(" ") + ")" : /^rgba?\(/i.test(n) || (i = s.black), o = (i || n).toString().match(S.RegEx.valueUnwrap)[1].replace(/,(\s+)?/g, " ");
- } return 8 >= d || 3 !== o.split(" ").length || (o += " 1"), o; case "inject":
- return 8 >= d ? 4 === n.split(" ").length && (n = n.split(/\s+/).slice(0, 3).join(" ")) : 3 === n.split(" ").length && (n += " 1"), (8 >= d ? "rgb" : "rgba") + "(" + n.replace(/\s+/g, ",").replace(/\.(\d)+(?=,)/g, "") + ")";
- }
- };
- }();
- }
- }
- }, Names: {
- camelCase: function (e) {
- return e.replace(/-(\w)/g, function (e, t) {
- return t.toUpperCase();
- });
- }, SVGAttribute: function (e) {
- var t = "width|height|x|y|cx|cy|r|rx|ry|x1|x2|y1|y2"; return (d || b.State.isAndroid && !b.State.isChrome) && (t += "|transform"), new RegExp("^(" + t + ")$", "i").test(e);
- }, prefixCheck: function (e) {
- if (b.State.prefixMatches[e]) return [b.State.prefixMatches[e], !0]; for (var t = ["", "Webkit", "Moz", "ms", "O"], r = 0, a = t.length; a > r; r++) {
- var n; if (n = 0 === r ? e : t[r] + e.replace(/^\w/, function (e) {
- return e.toUpperCase();
- }), m.isString(b.State.prefixElement.style[n])) return b.State.prefixMatches[e] = n, [n, !0];
- } return [e, !1];
- }
- }, Values: {
- hexToRgb: function (e) {
- var t,
- r = /^#?([a-f\d])([a-f\d])([a-f\d])$/i,
- a = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i; return e = e.replace(r, function (e, t, r, a) {
- return t + t + r + r + a + a;
- }), t = a.exec(e), t ? [parseInt(t[1], 16), parseInt(t[2], 16), parseInt(t[3], 16)] : [0, 0, 0];
- }, isCSSNullValue: function (e) {
- return 0 == e || /^(none|auto|transparent|(rgba\(0, ?0, ?0, ?0\)))$/i.test(e);
- }, getUnitType: function (e) {
- return (/^(rotate|skew)/i.test(e) ? "deg" : /(^(scale|scaleX|scaleY|scaleZ|alpha|flexGrow|flexHeight|zIndex|fontWeight)$)|((opacity|red|green|blue|alpha)$)/i.test(e) ? "" : "px"
- );
- }, getDisplayType: function (e) {
- var t = e && e.tagName.toString().toLowerCase(); return (/^(b|big|i|small|tt|abbr|acronym|cite|code|dfn|em|kbd|strong|samp|var|a|bdo|br|img|map|object|q|script|span|sub|sup|button|input|label|select|textarea)$/i.test(t) ? "inline" : /^(li)$/i.test(t) ? "list-item" : /^(tr)$/i.test(t) ? "table-row" : /^(table)$/i.test(t) ? "table" : /^(tbody)$/i.test(t) ? "table-row-group" : "block"
- );
- }, addClass: function (e, t) {
- e.classList ? e.classList.add(t) : e.className += (e.className.length ? " " : "") + t;
- }, removeClass: function (e, t) {
- e.classList ? e.classList.remove(t) : e.className = e.className.toString().replace(new RegExp("(^|\\s)" + t.split(" ").join("|") + "(\\s|$)", "gi"), " ");
- }
- }, getPropertyValue: function (e, r, n, o) {
- function s(e, r) {
- function n() {
- u && S.setPropertyValue(e, "display", "none");
- } var l = 0; if (8 >= d) l = f.css(e, r); else {
- var u = !1; if (/^(width|height)$/.test(r) && 0 === S.getPropertyValue(e, "display") && (u = !0, S.setPropertyValue(e, "display", S.Values.getDisplayType(e))), !o) {
- if ("height" === r && "border-box" !== S.getPropertyValue(e, "boxSizing").toString().toLowerCase()) {
- var c = e.offsetHeight - (parseFloat(S.getPropertyValue(e, "borderTopWidth")) || 0) - (parseFloat(S.getPropertyValue(e, "borderBottomWidth")) || 0) - (parseFloat(S.getPropertyValue(e, "paddingTop")) || 0) - (parseFloat(S.getPropertyValue(e, "paddingBottom")) || 0); return n(), c;
- } if ("width" === r && "border-box" !== S.getPropertyValue(e, "boxSizing").toString().toLowerCase()) {
- var p = e.offsetWidth - (parseFloat(S.getPropertyValue(e, "borderLeftWidth")) || 0) - (parseFloat(S.getPropertyValue(e, "borderRightWidth")) || 0) - (parseFloat(S.getPropertyValue(e, "paddingLeft")) || 0) - (parseFloat(S.getPropertyValue(e, "paddingRight")) || 0); return n(), p;
- }
- } var g; g = i(e) === a ? t.getComputedStyle(e, null) : i(e).computedStyle ? i(e).computedStyle : i(e).computedStyle = t.getComputedStyle(e, null), "borderColor" === r && (r = "borderTopColor"), l = 9 === d && "filter" === r ? g.getPropertyValue(r) : g[r], ("" === l || null === l) && (l = e.style[r]), n();
- } if ("auto" === l && /^(top|right|bottom|left)$/i.test(r)) {
- var m = s(e, "position"); ("fixed" === m || "absolute" === m && /top|left/i.test(r)) && (l = f(e).position()[r] + "px");
- } return l;
- } var l; if (S.Hooks.registered[r]) {
- var u = r,
- c = S.Hooks.getRoot(u); n === a && (n = S.getPropertyValue(e, S.Names.prefixCheck(c)[0])), S.Normalizations.registered[c] && (n = S.Normalizations.registered[c]("extract", e, n)), l = S.Hooks.extractValue(u, n);
- } else if (S.Normalizations.registered[r]) {
- var p, g; p = S.Normalizations.registered[r]("name", e), "transform" !== p && (g = s(e, S.Names.prefixCheck(p)[0]), S.Values.isCSSNullValue(g) && S.Hooks.templates[r] && (g = S.Hooks.templates[r][1])), l = S.Normalizations.registered[r]("extract", e, g);
- } if (!/^[\d-]/.test(l)) if (i(e) && i(e).isSVG && S.Names.SVGAttribute(r)) {
- if (/^(height|width)$/i.test(r)) try {
- l = e.getBBox()[r];
- } catch (m) {
- l = 0;
- } else l = e.getAttribute(r);
- } else l = s(e, S.Names.prefixCheck(r)[0]); return S.Values.isCSSNullValue(l) && (l = 0), b.debug >= 2 && console.log("Get " + r + ": " + l), l;
- }, setPropertyValue: function (e, r, a, n, o) {
- var s = r; if ("scroll" === r) o.container ? o.container["scroll" + o.direction] = a : "Left" === o.direction ? t.scrollTo(a, o.alternateValue) : t.scrollTo(o.alternateValue, a); else if (S.Normalizations.registered[r] && "transform" === S.Normalizations.registered[r]("name", e)) S.Normalizations.registered[r]("inject", e, a), s = "transform", a = i(e).transformCache[r]; else {
- if (S.Hooks.registered[r]) {
- var l = r,
- u = S.Hooks.getRoot(r); n = n || S.getPropertyValue(e, u), a = S.Hooks.injectValue(l, a, n), r = u;
- } if (S.Normalizations.registered[r] && (a = S.Normalizations.registered[r]("inject", e, a), r = S.Normalizations.registered[r]("name", e)), s = S.Names.prefixCheck(r)[0], 8 >= d) try {
- e.style[s] = a;
- } catch (c) {
- b.debug && console.log("Browser does not support [" + a + "] for [" + s + "]");
- } else i(e) && i(e).isSVG && S.Names.SVGAttribute(r) ? e.setAttribute(r, a) : e.style[s] = a; b.debug >= 2 && console.log("Set " + r + " (" + s + "): " + a);
- } return [s, a];
- }, flushTransformCache: function (e) {
- function t(t) {
- return parseFloat(S.getPropertyValue(e, t));
- } var r = ""; if ((d || b.State.isAndroid && !b.State.isChrome) && i(e).isSVG) {
- var a = { translate: [t("translateX"), t("translateY")], skewX: [t("skewX")], skewY: [t("skewY")], scale: 1 !== t("scale") ? [t("scale"), t("scale")] : [t("scaleX"), t("scaleY")], rotate: [t("rotateZ"), 0, 0] }; f.each(i(e).transformCache, function (e) {
- /^translate/i.test(e) ? e = "translate" : /^scale/i.test(e) ? e = "scale" : /^rotate/i.test(e) && (e = "rotate"), a[e] && (r += e + "(" + a[e].join(" ") + ") ", delete a[e]);
- });
- } else {
- var n, o; f.each(i(e).transformCache, function (t) {
- return n = i(e).transformCache[t], "transformPerspective" === t ? (o = n, !0) : (9 === d && "rotateZ" === t && (t = "rotate"), void (r += t + n + " "));
- }), o && (r = "perspective" + o + " " + r);
- } S.setPropertyValue(e, "transform", r);
- }
- }; S.Hooks.register(), S.Normalizations.register(), b.hook = function (e, t, r) {
- var n = a; return e = o(e), f.each(e, function (e, o) {
- if (i(o) === a && b.init(o), r === a) n === a && (n = b.CSS.getPropertyValue(o, t)); else {
- var s = b.CSS.setPropertyValue(o, t, r); "transform" === s[0] && b.CSS.flushTransformCache(o), n = s;
- }
- }), n;
- }; var P = function () {
- function e() {
- return s ? k.promise || null : l;
- } function n() {
- function e(e) {
- function p(e, t) {
- var r = a,
- n = a,
- i = a; return m.isArray(e) ? (r = e[0], !m.isArray(e[1]) && /^[\d-]/.test(e[1]) || m.isFunction(e[1]) || S.RegEx.isHex.test(e[1]) ? i = e[1] : (m.isString(e[1]) && !S.RegEx.isHex.test(e[1]) || m.isArray(e[1])) && (n = t ? e[1] : u(e[1], s.duration), e[2] !== a && (i = e[2]))) : r = e, t || (n = n || s.easing), m.isFunction(r) && (r = r.call(o, V, w)), m.isFunction(i) && (i = i.call(o, V, w)), [r || 0, n, i];
- } function d(e, t) {
- var r, a; return a = (t || "0").toString().toLowerCase().replace(/[%A-z]+$/, function (e) {
- return r = e, "";
- }), r || (r = S.Values.getUnitType(e)), [a, r];
- } function h() {
- var e = { myParent: o.parentNode || r.body, position: S.getPropertyValue(o, "position"), fontSize: S.getPropertyValue(o, "fontSize") },
- a = e.position === L.lastPosition && e.myParent === L.lastParent,
- n = e.fontSize === L.lastFontSize; L.lastParent = e.myParent, L.lastPosition = e.position, L.lastFontSize = e.fontSize; var s = 100,
- l = {}; if (n && a) l.emToPx = L.lastEmToPx, l.percentToPxWidth = L.lastPercentToPxWidth, l.percentToPxHeight = L.lastPercentToPxHeight; else {
- var u = i(o).isSVG ? r.createElementNS("http://www.w3.org/2000/svg", "rect") : r.createElement("div"); b.init(u), e.myParent.appendChild(u), f.each(["overflow", "overflowX", "overflowY"], function (e, t) {
- b.CSS.setPropertyValue(u, t, "hidden");
- }), b.CSS.setPropertyValue(u, "position", e.position), b.CSS.setPropertyValue(u, "fontSize", e.fontSize), b.CSS.setPropertyValue(u, "boxSizing", "content-box"), f.each(["minWidth", "maxWidth", "width", "minHeight", "maxHeight", "height"], function (e, t) {
- b.CSS.setPropertyValue(u, t, s + "%");
- }), b.CSS.setPropertyValue(u, "paddingLeft", s + "em"), l.percentToPxWidth = L.lastPercentToPxWidth = (parseFloat(S.getPropertyValue(u, "width", null, !0)) || 1) / s, l.percentToPxHeight = L.lastPercentToPxHeight = (parseFloat(S.getPropertyValue(u, "height", null, !0)) || 1) / s, l.emToPx = L.lastEmToPx = (parseFloat(S.getPropertyValue(u, "paddingLeft")) || 1) / s, e.myParent.removeChild(u);
- } return null === L.remToPx && (L.remToPx = parseFloat(S.getPropertyValue(r.body, "fontSize")) || 16), null === L.vwToPx && (L.vwToPx = parseFloat(t.innerWidth) / 100, L.vhToPx = parseFloat(t.innerHeight) / 100), l.remToPx = L.remToPx, l.vwToPx = L.vwToPx, l.vhToPx = L.vhToPx, b.debug >= 1 && console.log("Unit ratios: " + JSON.stringify(l), o), l;
- } if (s.begin && 0 === V) try {
- s.begin.call(g, g);
- } catch (x) {
- setTimeout(function () {
- throw x;
- }, 1);
- } if ("scroll" === A) {
- var P,
- C,
- T,
- F = /^x$/i.test(s.axis) ? "Left" : "Top",
- j = parseFloat(s.offset) || 0; s.container ? m.isWrapped(s.container) || m.isNode(s.container) ? (s.container = s.container[0] || s.container, P = s.container["scroll" + F], T = P + f(o).position()[F.toLowerCase()] + j) : s.container = null : (P = b.State.scrollAnchor[b.State["scrollProperty" + F]], C = b.State.scrollAnchor[b.State["scrollProperty" + ("Left" === F ? "Top" : "Left")]], T = f(o).offset()[F.toLowerCase()] + j), l = { scroll: { rootPropertyValue: !1, startValue: P, currentValue: P, endValue: T, unitType: "", easing: s.easing, scrollData: { container: s.container, direction: F, alternateValue: C } }, element: o }, b.debug && console.log("tweensContainer (scroll): ", l.scroll, o);
- } else if ("reverse" === A) {
- if (!i(o).tweensContainer) return void f.dequeue(o, s.queue); "none" === i(o).opts.display && (i(o).opts.display = "auto"), "hidden" === i(o).opts.visibility && (i(o).opts.visibility = "visible"), i(o).opts.loop = !1, i(o).opts.begin = null, i(o).opts.complete = null, v.easing || delete s.easing, v.duration || delete s.duration, s = f.extend({}, i(o).opts, s); var E = f.extend(!0, {}, i(o).tweensContainer); for (var H in E) {
- if ("element" !== H) {
- var N = E[H].startValue; E[H].startValue = E[H].currentValue = E[H].endValue, E[H].endValue = N, m.isEmptyObject(v) || (E[H].easing = s.easing), b.debug && console.log("reverse tweensContainer (" + H + "): " + JSON.stringify(E[H]), o);
- }
- } l = E;
- } else if ("start" === A) {
- var E; i(o).tweensContainer && i(o).isAnimating === !0 && (E = i(o).tweensContainer), f.each(y, function (e, t) {
- if (RegExp("^" + S.Lists.colors.join("$|^") + "$").test(e)) {
- var r = p(t, !0),
- n = r[0],
- o = r[1],
- i = r[2]; if (S.RegEx.isHex.test(n)) {
- for (var s = ["Red", "Green", "Blue"], l = S.Values.hexToRgb(n), u = i ? S.Values.hexToRgb(i) : a, c = 0; c < s.length; c++) {
- var f = [l[c]]; o && f.push(o), u !== a && f.push(u[c]), y[e + s[c]] = f;
- } delete y[e];
- }
- }
- }); for (var z in y) {
- var O = p(y[z]),
- q = O[0],
- $ = O[1],
- M = O[2]; z = S.Names.camelCase(z); var I = S.Hooks.getRoot(z),
- B = !1; if (i(o).isSVG || "tween" === I || S.Names.prefixCheck(I)[1] !== !1 || S.Normalizations.registered[I] !== a) {
- (s.display !== a && null !== s.display && "none" !== s.display || s.visibility !== a && "hidden" !== s.visibility) && /opacity|filter/.test(z) && !M && 0 !== q && (M = 0), s._cacheValues && E && E[z] ? (M === a && (M = E[z].endValue + E[z].unitType), B = i(o).rootPropertyValueCache[I]) : S.Hooks.registered[z] ? M === a ? (B = S.getPropertyValue(o, I), M = S.getPropertyValue(o, z, B)) : B = S.Hooks.templates[I][1] : M === a && (M = S.getPropertyValue(o, z)); var W,
- G,
- Y,
- D = !1; if (W = d(z, M), M = W[0], Y = W[1], W = d(z, q), q = W[0].replace(/^([+-\/*])=/, function (e, t) {
- return D = t, "";
- }), G = W[1], M = parseFloat(M) || 0, q = parseFloat(q) || 0, "%" === G && (/^(fontSize|lineHeight)$/.test(z) ? (q /= 100, G = "em") : /^scale/.test(z) ? (q /= 100, G = "") : /(Red|Green|Blue)$/i.test(z) && (q = q / 100 * 255, G = "")), /[\/*]/.test(D)) G = Y; else if (Y !== G && 0 !== M) if (0 === q) G = Y; else {
- n = n || h(); var Q = /margin|padding|left|right|width|text|word|letter/i.test(z) || /X$/.test(z) || "x" === z ? "x" : "y"; switch (Y) {
- case "%":
- M *= "x" === Q ? n.percentToPxWidth : n.percentToPxHeight; break; case "px":
- break; default:
- M *= n[Y + "ToPx"];
- }switch (G) {
- case "%":
- M *= 1 / ("x" === Q ? n.percentToPxWidth : n.percentToPxHeight); break; case "px":
- break; default:
- M *= 1 / n[G + "ToPx"];
- }
- } switch (D) {
- case "+":
- q = M + q; break; case "-":
- q = M - q; break; case "*":
- q = M * q; break; case "/":
- q = M / q;
- }l[z] = { rootPropertyValue: B, startValue: M, currentValue: M, endValue: q, unitType: G, easing: $ }, b.debug && console.log("tweensContainer (" + z + "): " + JSON.stringify(l[z]), o);
- } else b.debug && console.log("Skipping [" + I + "] due to a lack of browser support.");
- } l.element = o;
- } l.element && (S.Values.addClass(o, "velocity-animating"), R.push(l), "" === s.queue && (i(o).tweensContainer = l, i(o).opts = s), i(o).isAnimating = !0, V === w - 1 ? (b.State.calls.push([R, g, s, null, k.resolver]), b.State.isTicking === !1 && (b.State.isTicking = !0, c())) : V++);
- } var n,
- o = this,
- s = f.extend({}, b.defaults, v),
- l = {}; switch (i(o) === a && b.init(o), parseFloat(s.delay) && s.queue !== !1 && f.queue(o, s.queue, function (e) {
- b.velocityQueueEntryFlag = !0, i(o).delayTimer = { setTimeout: setTimeout(e, parseFloat(s.delay)), next: e };
- }), s.duration.toString().toLowerCase()) {
- case "fast":
- s.duration = 200; break; case "normal":
- s.duration = h; break; case "slow":
- s.duration = 600; break; default:
- s.duration = parseFloat(s.duration) || 1;
- }b.mock !== !1 && (b.mock === !0 ? s.duration = s.delay = 1 : (s.duration *= parseFloat(b.mock) || 1, s.delay *= parseFloat(b.mock) || 1)), s.easing = u(s.easing, s.duration), s.begin && !m.isFunction(s.begin) && (s.begin = null), s.progress && !m.isFunction(s.progress) && (s.progress = null), s.complete && !m.isFunction(s.complete) && (s.complete = null), s.display !== a && null !== s.display && (s.display = s.display.toString().toLowerCase(), "auto" === s.display && (s.display = b.CSS.Values.getDisplayType(o))), s.visibility !== a && null !== s.visibility && (s.visibility = s.visibility.toString().toLowerCase()), s.mobileHA = s.mobileHA && b.State.isMobile && !b.State.isGingerbread, s.queue === !1 ? s.delay ? setTimeout(e, s.delay) : e() : f.queue(o, s.queue, function (t, r) {
- return r === !0 ? (k.promise && k.resolver(g), !0) : (b.velocityQueueEntryFlag = !0, void e(t));
- }), "" !== s.queue && "fx" !== s.queue || "inprogress" === f.queue(o)[0] || f.dequeue(o);
- } var s,
- l,
- d,
- g,
- y,
- v,
- x = arguments[0] && (arguments[0].p || f.isPlainObject(arguments[0].properties) && !arguments[0].properties.names || m.isString(arguments[0].properties)); if (m.isWrapped(this) ? (s = !1, d = 0, g = this, l = this) : (s = !0, d = 1, g = x ? arguments[0].elements || arguments[0].e : arguments[0]), g = o(g)) {
- x ? (y = arguments[0].properties || arguments[0].p, v = arguments[0].options || arguments[0].o) : (y = arguments[d], v = arguments[d + 1]); var w = g.length,
- V = 0; if (!/^(stop|finish)$/i.test(y) && !f.isPlainObject(v)) {
- var C = d + 1; v = {}; for (var T = C; T < arguments.length; T++) {
- m.isArray(arguments[T]) || !/^(fast|normal|slow)$/i.test(arguments[T]) && !/^\d/.test(arguments[T]) ? m.isString(arguments[T]) || m.isArray(arguments[T]) ? v.easing = arguments[T] : m.isFunction(arguments[T]) && (v.complete = arguments[T]) : v.duration = arguments[T];
- }
- } var k = { promise: null, resolver: null, rejecter: null }; s && b.Promise && (k.promise = new b.Promise(function (e, t) {
- k.resolver = e, k.rejecter = t;
- })); var A; switch (y) {
- case "scroll":
- A = "scroll"; break; case "reverse":
- A = "reverse"; break; case "finish": case "stop":
- f.each(g, function (e, t) {
- i(t) && i(t).delayTimer && (clearTimeout(i(t).delayTimer.setTimeout), i(t).delayTimer.next && i(t).delayTimer.next(), delete i(t).delayTimer);
- }); var F = []; return f.each(b.State.calls, function (e, t) {
- t && f.each(t[1], function (r, n) {
- var o = v === a ? "" : v; return o === !0 || t[2].queue === o || v === a && t[2].queue === !1 ? void f.each(g, function (r, a) {
- a === n && ((v === !0 || m.isString(v)) && (f.each(f.queue(a, m.isString(v) ? v : ""), function (e, t) {
- m.isFunction(t) && t(null, !0);
- }), f.queue(a, m.isString(v) ? v : "", [])), "stop" === y ? (i(a) && i(a).tweensContainer && o !== !1 && f.each(i(a).tweensContainer, function (e, t) {
- t.endValue = t.currentValue;
- }), F.push(e)) : "finish" === y && (t[2].duration = 1));
- }) : !0;
- });
- }), "stop" === y && (f.each(F, function (e, t) {
- p(t, !0);
- }), k.promise && k.resolver(g)), e(); default:
- if (!f.isPlainObject(y) || m.isEmptyObject(y)) {
- if (m.isString(y) && b.Redirects[y]) {
- var j = f.extend({}, v),
- E = j.duration,
- H = j.delay || 0; return j.backwards === !0 && (g = f.extend(!0, [], g).reverse()), f.each(g, function (e, t) {
- parseFloat(j.stagger) ? j.delay = H + parseFloat(j.stagger) * e : m.isFunction(j.stagger) && (j.delay = H + j.stagger.call(t, e, w)), j.drag && (j.duration = parseFloat(E) || (/^(callout|transition)/.test(y) ? 1e3 : h), j.duration = Math.max(j.duration * (j.backwards ? 1 - e / w : (e + 1) / w), .75 * j.duration, 200)), b.Redirects[y].call(t, t, j || {}, e, w, g, k.promise ? k : a);
- }), e();
- } var N = "Velocity: First argument (" + y + ") was not a property map, a known action, or a registered redirect. Aborting."; return k.promise ? k.rejecter(new Error(N)) : console.log(N), e();
- } A = "start";
- }var L = { lastParent: null, lastPosition: null, lastFontSize: null, lastPercentToPxWidth: null, lastPercentToPxHeight: null, lastEmToPx: null, remToPx: null, vwToPx: null, vhToPx: null },
- R = []; f.each(g, function (e, t) {
- m.isNode(t) && n.call(t);
- }); var z,
- j = f.extend({}, b.defaults, v); if (j.loop = parseInt(j.loop), z = 2 * j.loop - 1, j.loop) for (var O = 0; z > O; O++) {
- var q = { delay: j.delay, progress: j.progress }; O === z - 1 && (q.display = j.display, q.visibility = j.visibility, q.complete = j.complete), P(g, "reverse", q);
- } return e();
- }
- }; b = f.extend(P, b), b.animate = P; var w = t.requestAnimationFrame || g; return b.State.isMobile || r.hidden === a || r.addEventListener("visibilitychange", function () {
- r.hidden ? (w = function (e) {
- return setTimeout(function () {
- e(!0);
- }, 16);
- }, c()) : w = t.requestAnimationFrame || g;
- }), e.Velocity = b, e !== t && (e.fn.velocity = P, e.fn.velocity.defaults = b.defaults), f.each(["Down", "Up"], function (e, t) {
- b.Redirects["slide" + t] = function (e, r, n, o, i, s) {
- var l = f.extend({}, r),
- u = l.begin,
- c = l.complete,
- p = { height: "", marginTop: "", marginBottom: "", paddingTop: "", paddingBottom: "" },
- d = {}; l.display === a && (l.display = "Down" === t ? "inline" === b.CSS.Values.getDisplayType(e) ? "inline-block" : "block" : "none"), l.begin = function () {
- u && u.call(i, i); for (var r in p) {
- d[r] = e.style[r]; var a = b.CSS.getPropertyValue(e, r); p[r] = "Down" === t ? [a, 0] : [0, a];
- } d.overflow = e.style.overflow, e.style.overflow = "hidden";
- }, l.complete = function () {
- for (var t in d) {
- e.style[t] = d[t];
- } c && c.call(i, i), s && s.resolver(i);
- }, b(e, p, l);
- };
- }), f.each(["In", "Out"], function (e, t) {
- b.Redirects["fade" + t] = function (e, r, n, o, i, s) {
- var l = f.extend({}, r),
- u = { opacity: "In" === t ? 1 : 0 },
- c = l.complete; l.complete = n !== o - 1 ? l.begin = null : function () {
- c && c.call(i, i), s && s.resolver(i);
- }, l.display === a && (l.display = "In" === t ? "auto" : "none"), b(this, u, l);
- };
- }), b;
- }(window.jQuery || window.Zepto || window, window, document);
-}));
-; !function (a, b, c, d) {
- "use strict";
- function k(a, b, c) {
- return setTimeout(q(a, c), b);
- } function l(a, b, c) {
- return Array.isArray(a) ? (m(a, c[b], c), !0) : !1;
- } function m(a, b, c) {
- var e; if (a) if (a.forEach) a.forEach(b, c); else if (a.length !== d) for (e = 0; e < a.length;) {
- b.call(c, a[e], e, a), e++;
- } else for (e in a) {
- a.hasOwnProperty(e) && b.call(c, a[e], e, a);
- }
- } function n(a, b, c) {
- for (var e = Object.keys(b), f = 0; f < e.length;) {
- (!c || c && a[e[f]] === d) && (a[e[f]] = b[e[f]]), f++;
- } return a;
- } function o(a, b) {
- return n(a, b, !0);
- } function p(a, b, c) {
- var e,
- d = b.prototype; e = a.prototype = Object.create(d), e.constructor = a, e._super = d, c && n(e, c);
- } function q(a, b) {
- return function () {
- return a.apply(b, arguments);
- };
- } function r(a, b) {
- return typeof a == g ? a.apply(b ? b[0] || d : d, b) : a;
- } function s(a, b) {
- return a === d ? b : a;
- } function t(a, b, c) {
- m(x(b), function (b) {
- a.addEventListener(b, c, !1);
- });
- } function u(a, b, c) {
- m(x(b), function (b) {
- a.removeEventListener(b, c, !1);
- });
- } function v(a, b) {
- for (; a;) {
- if (a == b) return !0; a = a.parentNode;
- } return !1;
- } function w(a, b) {
- return a.indexOf(b) > -1;
- } function x(a) {
- return a.trim().split(/\s+/g);
- } function y(a, b, c) {
- if (a.indexOf && !c) return a.indexOf(b); for (var d = 0; d < a.length;) {
- if (c && a[d][c] == b || !c && a[d] === b) return d; d++;
- } return -1;
- } function z(a) {
- return Array.prototype.slice.call(a, 0);
- } function A(a, b, c) {
- for (var d = [], e = [], f = 0; f < a.length;) {
- var g = b ? a[f][b] : a[f]; y(e, g) < 0 && d.push(a[f]), e[f] = g, f++;
- } return c && (d = b ? d.sort(function (a, c) {
- return a[b] > c[b];
- }) : d.sort()), d;
- } function B(a, b) {
- for (var c, f, g = b[0].toUpperCase() + b.slice(1), h = 0; h < e.length;) {
- if (c = e[h], f = c ? c + g : b, f in a) return f; h++;
- } return d;
- } function D() {
- return C++;
- } function E(a) {
- var b = a.ownerDocument; return b.defaultView || b.parentWindow;
- } function ab(a, b) {
- var c = this; this.manager = a, this.callback = b, this.element = a.element, this.target = a.options.inputTarget, this.domHandler = function (b) {
- r(a.options.enable, [a]) && c.handler(b);
- }, this.init();
- } function bb(a) {
- var b,
- c = a.options.inputClass; return b = c ? c : H ? wb : I ? Eb : G ? Gb : rb, new b(a, cb);
- } function cb(a, b, c) {
- var d = c.pointers.length,
- e = c.changedPointers.length,
- f = b & O && 0 === d - e,
- g = b & (Q | R) && 0 === d - e; c.isFirst = !!f, c.isFinal = !!g, f && (a.session = {}), c.eventType = b, db(a, c), a.emit("hammer.input", c), a.recognize(c), a.session.prevInput = c;
- } function db(a, b) {
- var c = a.session,
- d = b.pointers,
- e = d.length; c.firstInput || (c.firstInput = gb(b)), e > 1 && !c.firstMultiple ? c.firstMultiple = gb(b) : 1 === e && (c.firstMultiple = !1); var f = c.firstInput,
- g = c.firstMultiple,
- h = g ? g.center : f.center,
- i = b.center = hb(d); b.timeStamp = j(), b.deltaTime = b.timeStamp - f.timeStamp, b.angle = lb(h, i), b.distance = kb(h, i), eb(c, b), b.offsetDirection = jb(b.deltaX, b.deltaY), b.scale = g ? nb(g.pointers, d) : 1, b.rotation = g ? mb(g.pointers, d) : 0, fb(c, b); var k = a.element; v(b.srcEvent.target, k) && (k = b.srcEvent.target), b.target = k;
- } function eb(a, b) {
- var c = b.center,
- d = a.offsetDelta || {},
- e = a.prevDelta || {},
- f = a.prevInput || {}; (b.eventType === O || f.eventType === Q) && (e = a.prevDelta = { x: f.deltaX || 0, y: f.deltaY || 0 }, d = a.offsetDelta = { x: c.x, y: c.y }), b.deltaX = e.x + (c.x - d.x), b.deltaY = e.y + (c.y - d.y);
- } function fb(a, b) {
- var f,
- g,
- h,
- j,
- c = a.lastInterval || b,
- e = b.timeStamp - c.timeStamp; if (b.eventType != R && (e > N || c.velocity === d)) {
- var k = c.deltaX - b.deltaX,
- l = c.deltaY - b.deltaY,
- m = ib(e, k, l); g = m.x, h = m.y, f = i(m.x) > i(m.y) ? m.x : m.y, j = jb(k, l), a.lastInterval = b;
- } else f = c.velocity, g = c.velocityX, h = c.velocityY, j = c.direction; b.velocity = f, b.velocityX = g, b.velocityY = h, b.direction = j;
- } function gb(a) {
- for (var b = [], c = 0; c < a.pointers.length;) {
- b[c] = { clientX: h(a.pointers[c].clientX), clientY: h(a.pointers[c].clientY) }, c++;
- } return { timeStamp: j(), pointers: b, center: hb(b), deltaX: a.deltaX, deltaY: a.deltaY };
- } function hb(a) {
- var b = a.length; if (1 === b) return { x: h(a[0].clientX), y: h(a[0].clientY) }; for (var c = 0, d = 0, e = 0; b > e;) {
- c += a[e].clientX, d += a[e].clientY, e++;
- } return { x: h(c / b), y: h(d / b) };
- } function ib(a, b, c) {
- return { x: b / a || 0, y: c / a || 0 };
- } function jb(a, b) {
- return a === b ? S : i(a) >= i(b) ? a > 0 ? T : U : b > 0 ? V : W;
- } function kb(a, b, c) {
- c || (c = $); var d = b[c[0]] - a[c[0]],
- e = b[c[1]] - a[c[1]]; return Math.sqrt(d * d + e * e);
- } function lb(a, b, c) {
- c || (c = $); var d = b[c[0]] - a[c[0]],
- e = b[c[1]] - a[c[1]]; return 180 * Math.atan2(e, d) / Math.PI;
- } function mb(a, b) {
- return lb(b[1], b[0], _) - lb(a[1], a[0], _);
- } function nb(a, b) {
- return kb(b[0], b[1], _) / kb(a[0], a[1], _);
- } function rb() {
- this.evEl = pb, this.evWin = qb, this.allow = !0, this.pressed = !1, ab.apply(this, arguments);
- } function wb() {
- this.evEl = ub, this.evWin = vb, ab.apply(this, arguments), this.store = this.manager.session.pointerEvents = [];
- } function Ab() {
- this.evTarget = yb, this.evWin = zb, this.started = !1, ab.apply(this, arguments);
- } function Bb(a, b) {
- var c = z(a.touches),
- d = z(a.changedTouches); return b & (Q | R) && (c = A(c.concat(d), "identifier", !0)), [c, d];
- } function Eb() {
- this.evTarget = Db, this.targetIds = {}, ab.apply(this, arguments);
- } function Fb(a, b) {
- var c = z(a.touches),
- d = this.targetIds; if (b & (O | P) && 1 === c.length) return d[c[0].identifier] = !0, [c, c]; var e,
- f,
- g = z(a.changedTouches),
- h = [],
- i = this.target; if (f = c.filter(function (a) {
- return v(a.target, i);
- }), b === O) for (e = 0; e < f.length;) {
- d[f[e].identifier] = !0, e++;
- } for (e = 0; e < g.length;) {
- d[g[e].identifier] && h.push(g[e]), b & (Q | R) && delete d[g[e].identifier], e++;
- } return h.length ? [A(f.concat(h), "identifier", !0), h] : void 0;
- } function Gb() {
- ab.apply(this, arguments); var a = q(this.handler, this); this.touch = new Eb(this.manager, a), this.mouse = new rb(this.manager, a);
- } function Pb(a, b) {
- this.manager = a, this.set(b);
- } function Qb(a) {
- if (w(a, Mb)) return Mb; var b = w(a, Nb),
- c = w(a, Ob); return b && c ? Nb + " " + Ob : b || c ? b ? Nb : Ob : w(a, Lb) ? Lb : Kb;
- } function Yb(a) {
- this.id = D(), this.manager = null, this.options = o(a || {}, this.defaults), this.options.enable = s(this.options.enable, !0), this.state = Rb, this.simultaneous = {}, this.requireFail = [];
- } function Zb(a) {
- return a & Wb ? "cancel" : a & Ub ? "end" : a & Tb ? "move" : a & Sb ? "start" : "";
- } function $b(a) {
- return a == W ? "down" : a == V ? "up" : a == T ? "left" : a == U ? "right" : "";
- } function _b(a, b) {
- var c = b.manager; return c ? c.get(a) : a;
- } function ac() {
- Yb.apply(this, arguments);
- } function bc() {
- ac.apply(this, arguments), this.pX = null, this.pY = null;
- } function cc() {
- ac.apply(this, arguments);
- } function dc() {
- Yb.apply(this, arguments), this._timer = null, this._input = null;
- } function ec() {
- ac.apply(this, arguments);
- } function fc() {
- ac.apply(this, arguments);
- } function gc() {
- Yb.apply(this, arguments), this.pTime = !1, this.pCenter = !1, this._timer = null, this._input = null, this.count = 0;
- } function hc(a, b) {
- return b = b || {}, b.recognizers = s(b.recognizers, hc.defaults.preset), new kc(a, b);
- } function kc(a, b) {
- b = b || {}, this.options = o(b, hc.defaults), this.options.inputTarget = this.options.inputTarget || a, this.handlers = {}, this.session = {}, this.recognizers = [], this.element = a, this.input = bb(this), this.touchAction = new Pb(this, this.options.touchAction), lc(this, !0), m(b.recognizers, function (a) {
- var b = this.add(new a[0](a[1])); a[2] && b.recognizeWith(a[2]), a[3] && b.requireFailure(a[3]);
- }, this);
- } function lc(a, b) {
- var c = a.element; m(a.options.cssProps, function (a, d) {
- c.style[B(c.style, d)] = b ? a : "";
- });
- } function mc(a, c) {
- var d = b.createEvent("Event"); d.initEvent(a, !0, !0), d.gesture = c, c.target.dispatchEvent(d);
- } var e = ["", "webkit", "moz", "MS", "ms", "o"],
- f = b.createElement("div"),
- g = "function",
- h = Math.round,
- i = Math.abs,
- j = Date.now,
- C = 1,
- F = /mobile|tablet|ip(ad|hone|od)|android/i,
- G = "ontouchstart" in a,
- H = B(a, "PointerEvent") !== d,
- I = G && F.test(navigator.userAgent),
- J = "touch",
- K = "pen",
- L = "mouse",
- M = "kinect",
- N = 25,
- O = 1,
- P = 2,
- Q = 4,
- R = 8,
- S = 1,
- T = 2,
- U = 4,
- V = 8,
- W = 16,
- X = T | U,
- Y = V | W,
- Z = X | Y,
- $ = ["x", "y"],
- _ = ["clientX", "clientY"]; ab.prototype = {
- handler: function () { }, init: function () {
- this.evEl && t(this.element, this.evEl, this.domHandler), this.evTarget && t(this.target, this.evTarget, this.domHandler), this.evWin && t(E(this.element), this.evWin, this.domHandler);
- }, destroy: function () {
- this.evEl && u(this.element, this.evEl, this.domHandler), this.evTarget && u(this.target, this.evTarget, this.domHandler), this.evWin && u(E(this.element), this.evWin, this.domHandler);
- }
- }; var ob = { mousedown: O, mousemove: P, mouseup: Q },
- pb = "mousedown",
- qb = "mousemove mouseup"; p(rb, ab, {
- handler: function (a) {
- var b = ob[a.type]; b & O && 0 === a.button && (this.pressed = !0), b & P && 1 !== a.which && (b = Q), this.pressed && this.allow && (b & Q && (this.pressed = !1), this.callback(this.manager, b, { pointers: [a], changedPointers: [a], pointerType: L, srcEvent: a }));
- }
- }); var sb = { pointerdown: O, pointermove: P, pointerup: Q, pointercancel: R, pointerout: R },
- tb = { 2: J, 3: K, 4: L, 5: M },
- ub = "pointerdown",
- vb = "pointermove pointerup pointercancel"; a.MSPointerEvent && (ub = "MSPointerDown", vb = "MSPointerMove MSPointerUp MSPointerCancel"), p(wb, ab, {
- handler: function (a) {
- var b = this.store,
- c = !1,
- d = a.type.toLowerCase().replace("ms", ""),
- e = sb[d],
- f = tb[a.pointerType] || a.pointerType,
- g = f == J,
- h = y(b, a.pointerId, "pointerId"); e & O && (0 === a.button || g) ? 0 > h && (b.push(a), h = b.length - 1) : e & (Q | R) && (c = !0), 0 > h || (b[h] = a, this.callback(this.manager, e, { pointers: b, changedPointers: [a], pointerType: f, srcEvent: a }), c && b.splice(h, 1));
- }
- }); var xb = { touchstart: O, touchmove: P, touchend: Q, touchcancel: R },
- yb = "touchstart",
- zb = "touchstart touchmove touchend touchcancel"; p(Ab, ab, {
- handler: function (a) {
- var b = xb[a.type]; if (b === O && (this.started = !0), this.started) {
- var c = Bb.call(this, a, b); b & (Q | R) && 0 === c[0].length - c[1].length && (this.started = !1), this.callback(this.manager, b, { pointers: c[0], changedPointers: c[1], pointerType: J, srcEvent: a });
- }
- }
- }); var Cb = { touchstart: O, touchmove: P, touchend: Q, touchcancel: R },
- Db = "touchstart touchmove touchend touchcancel"; p(Eb, ab, {
- handler: function (a) {
- var b = Cb[a.type],
- c = Fb.call(this, a, b); c && this.callback(this.manager, b, { pointers: c[0], changedPointers: c[1], pointerType: J, srcEvent: a });
- }
- }), p(Gb, ab, {
- handler: function (a, b, c) {
- var d = c.pointerType == J,
- e = c.pointerType == L; if (d) this.mouse.allow = !1; else if (e && !this.mouse.allow) return; b & (Q | R) && (this.mouse.allow = !0), this.callback(a, b, c);
- }, destroy: function () {
- this.touch.destroy(), this.mouse.destroy();
- }
- }); var Hb = B(f.style, "touchAction"),
- Ib = Hb !== d,
- Jb = "compute",
- Kb = "auto",
- Lb = "manipulation",
- Mb = "none",
- Nb = "pan-x",
- Ob = "pan-y"; Pb.prototype = {
- set: function (a) {
- a == Jb && (a = this.compute()), Ib && (this.manager.element.style[Hb] = a), this.actions = a.toLowerCase().trim();
- }, update: function () {
- this.set(this.manager.options.touchAction);
- }, compute: function () {
- var a = []; return m(this.manager.recognizers, function (b) {
- r(b.options.enable, [b]) && (a = a.concat(b.getTouchAction()));
- }), Qb(a.join(" "));
- }, preventDefaults: function (a) {
- if (!Ib) {
- var b = a.srcEvent,
- c = a.offsetDirection; if (this.manager.session.prevented) return b.preventDefault(), void 0; var d = this.actions,
- e = w(d, Mb),
- f = w(d, Ob),
- g = w(d, Nb); return e || f && c & X || g && c & Y ? this.preventSrc(b) : void 0;
- }
- }, preventSrc: function (a) {
- this.manager.session.prevented = !0, a.preventDefault();
- }
- }; var Rb = 1,
- Sb = 2,
- Tb = 4,
- Ub = 8,
- Vb = Ub,
- Wb = 16,
- Xb = 32; Yb.prototype = {
- defaults: {}, set: function (a) {
- return n(this.options, a), this.manager && this.manager.touchAction.update(), this;
- }, recognizeWith: function (a) {
- if (l(a, "recognizeWith", this)) return this; var b = this.simultaneous; return a = _b(a, this), b[a.id] || (b[a.id] = a, a.recognizeWith(this)), this;
- }, dropRecognizeWith: function (a) {
- return l(a, "dropRecognizeWith", this) ? this : (a = _b(a, this), delete this.simultaneous[a.id], this);
- }, requireFailure: function (a) {
- if (l(a, "requireFailure", this)) return this; var b = this.requireFail; return a = _b(a, this), -1 === y(b, a) && (b.push(a), a.requireFailure(this)), this;
- }, dropRequireFailure: function (a) {
- if (l(a, "dropRequireFailure", this)) return this; a = _b(a, this); var b = y(this.requireFail, a); return b > -1 && this.requireFail.splice(b, 1), this;
- }, hasRequireFailures: function () {
- return this.requireFail.length > 0;
- }, canRecognizeWith: function (a) {
- return !!this.simultaneous[a.id];
- }, emit: function (a) {
- function d(d) {
- b.manager.emit(b.options.event + (d ? Zb(c) : ""), a);
- } var b = this,
- c = this.state; Ub > c && d(!0), d(), c >= Ub && d(!0);
- }, tryEmit: function (a) {
- return this.canEmit() ? this.emit(a) : (this.state = Xb, void 0);
- }, canEmit: function () {
- for (var a = 0; a < this.requireFail.length;) {
- if (!(this.requireFail[a].state & (Xb | Rb))) return !1; a++;
- } return !0;
- }, recognize: function (a) {
- var b = n({}, a); return r(this.options.enable, [this, b]) ? (this.state & (Vb | Wb | Xb) && (this.state = Rb), this.state = this.process(b), this.state & (Sb | Tb | Ub | Wb) && this.tryEmit(b), void 0) : (this.reset(), this.state = Xb, void 0);
- }, process: function () { }, getTouchAction: function () { }, reset: function () { }
- }, p(ac, Yb, {
- defaults: { pointers: 1 }, attrTest: function (a) {
- var b = this.options.pointers; return 0 === b || a.pointers.length === b;
- }, process: function (a) {
- var b = this.state,
- c = a.eventType,
- d = b & (Sb | Tb),
- e = this.attrTest(a); return d && (c & R || !e) ? b | Wb : d || e ? c & Q ? b | Ub : b & Sb ? b | Tb : Sb : Xb;
- }
- }), p(bc, ac, {
- defaults: { event: "pan", threshold: 10, pointers: 1, direction: Z }, getTouchAction: function () {
- var a = this.options.direction,
- b = []; return a & X && b.push(Ob), a & Y && b.push(Nb), b;
- }, directionTest: function (a) {
- var b = this.options,
- c = !0,
- d = a.distance,
- e = a.direction,
- f = a.deltaX,
- g = a.deltaY; return e & b.direction || (b.direction & X ? (e = 0 === f ? S : 0 > f ? T : U, c = f != this.pX, d = Math.abs(a.deltaX)) : (e = 0 === g ? S : 0 > g ? V : W, c = g != this.pY, d = Math.abs(a.deltaY))), a.direction = e, c && d > b.threshold && e & b.direction;
- }, attrTest: function (a) {
- return ac.prototype.attrTest.call(this, a) && (this.state & Sb || !(this.state & Sb) && this.directionTest(a));
- }, emit: function (a) {
- this.pX = a.deltaX, this.pY = a.deltaY; var b = $b(a.direction); b && this.manager.emit(this.options.event + b, a), this._super.emit.call(this, a);
- }
- }), p(cc, ac, {
- defaults: { event: "pinch", threshold: 0, pointers: 2 }, getTouchAction: function () {
- return [Mb];
- }, attrTest: function (a) {
- return this._super.attrTest.call(this, a) && (Math.abs(a.scale - 1) > this.options.threshold || this.state & Sb);
- }, emit: function (a) {
- if (this._super.emit.call(this, a), 1 !== a.scale) {
- var b = a.scale < 1 ? "in" : "out"; this.manager.emit(this.options.event + b, a);
- }
- }
- }), p(dc, Yb, {
- defaults: { event: "press", pointers: 1, time: 500, threshold: 5 }, getTouchAction: function () {
- return [Kb];
- }, process: function (a) {
- var b = this.options,
- c = a.pointers.length === b.pointers,
- d = a.distance < b.threshold,
- e = a.deltaTime > b.time; if (this._input = a, !d || !c || a.eventType & (Q | R) && !e) this.reset(); else if (a.eventType & O) this.reset(), this._timer = k(function () {
- this.state = Vb, this.tryEmit();
- }, b.time, this); else if (a.eventType & Q) return Vb; return Xb;
- }, reset: function () {
- clearTimeout(this._timer);
- }, emit: function (a) {
- this.state === Vb && (a && a.eventType & Q ? this.manager.emit(this.options.event + "up", a) : (this._input.timeStamp = j(), this.manager.emit(this.options.event, this._input)));
- }
- }), p(ec, ac, {
- defaults: { event: "rotate", threshold: 0, pointers: 2 }, getTouchAction: function () {
- return [Mb];
- }, attrTest: function (a) {
- return this._super.attrTest.call(this, a) && (Math.abs(a.rotation) > this.options.threshold || this.state & Sb);
- }
- }), p(fc, ac, {
- defaults: { event: "swipe", threshold: 10, velocity: .65, direction: X | Y, pointers: 1 }, getTouchAction: function () {
- return bc.prototype.getTouchAction.call(this);
- }, attrTest: function (a) {
- var c,
- b = this.options.direction; return b & (X | Y) ? c = a.velocity : b & X ? c = a.velocityX : b & Y && (c = a.velocityY), this._super.attrTest.call(this, a) && b & a.direction && a.distance > this.options.threshold && i(c) > this.options.velocity && a.eventType & Q;
- }, emit: function (a) {
- var b = $b(a.direction); b && this.manager.emit(this.options.event + b, a), this.manager.emit(this.options.event, a);
- }
- }), p(gc, Yb, {
- defaults: { event: "tap", pointers: 1, taps: 1, interval: 300, time: 250, threshold: 2, posThreshold: 10 }, getTouchAction: function () {
- return [Lb];
- }, process: function (a) {
- var b = this.options,
- c = a.pointers.length === b.pointers,
- d = a.distance < b.threshold,
- e = a.deltaTime < b.time; if (this.reset(), a.eventType & O && 0 === this.count) return this.failTimeout(); if (d && e && c) {
- if (a.eventType != Q) return this.failTimeout(); var f = this.pTime ? a.timeStamp - this.pTime < b.interval : !0,
- g = !this.pCenter || kb(this.pCenter, a.center) < b.posThreshold; this.pTime = a.timeStamp, this.pCenter = a.center, g && f ? this.count += 1 : this.count = 1, this._input = a; var h = this.count % b.taps; if (0 === h) return this.hasRequireFailures() ? (this._timer = k(function () {
- this.state = Vb, this.tryEmit();
- }, b.interval, this), Sb) : Vb;
- } return Xb;
- }, failTimeout: function () {
- return this._timer = k(function () {
- this.state = Xb;
- }, this.options.interval, this), Xb;
- }, reset: function () {
- clearTimeout(this._timer);
- }, emit: function () {
- this.state == Vb && (this._input.tapCount = this.count, this.manager.emit(this.options.event, this._input));
- }
- }), hc.VERSION = "2.0.4", hc.defaults = { domEvents: !1, touchAction: Jb, enable: !0, inputTarget: null, inputClass: null, preset: [[ec, { enable: !1 }], [cc, { enable: !1 }, ["rotate"]], [fc, { direction: X }], [bc, { direction: X }, ["swipe"]], [gc], [gc, { event: "doubletap", taps: 2 }, ["tap"]], [dc]], cssProps: { userSelect: "default", touchSelect: "none", touchCallout: "none", contentZooming: "none", userDrag: "none", tapHighlightColor: "rgba(0,0,0,0)" } }; var ic = 1,
- jc = 2; kc.prototype = {
- set: function (a) {
- return n(this.options, a), a.touchAction && this.touchAction.update(), a.inputTarget && (this.input.destroy(), this.input.target = a.inputTarget, this.input.init()), this;
- }, stop: function (a) {
- this.session.stopped = a ? jc : ic;
- }, recognize: function (a) {
- var b = this.session; if (!b.stopped) {
- this.touchAction.preventDefaults(a); var c,
- d = this.recognizers,
- e = b.curRecognizer; (!e || e && e.state & Vb) && (e = b.curRecognizer = null); for (var f = 0; f < d.length;) {
- c = d[f], b.stopped === jc || e && c != e && !c.canRecognizeWith(e) ? c.reset() : c.recognize(a), !e && c.state & (Sb | Tb | Ub) && (e = b.curRecognizer = c), f++;
- }
- }
- }, get: function (a) {
- if (a instanceof Yb) return a; for (var b = this.recognizers, c = 0; c < b.length; c++) {
- if (b[c].options.event == a) return b[c];
- } return null;
- }, add: function (a) {
- if (l(a, "add", this)) return this; var b = this.get(a.options.event); return b && this.remove(b), this.recognizers.push(a), a.manager = this, this.touchAction.update(), a;
- }, remove: function (a) {
- if (l(a, "remove", this)) return this; var b = this.recognizers; return a = this.get(a), b.splice(y(b, a), 1), this.touchAction.update(), this;
- }, on: function (a, b) {
- var c = this.handlers; return m(x(a), function (a) {
- c[a] = c[a] || [], c[a].push(b);
- }), this;
- }, off: function (a, b) {
- var c = this.handlers; return m(x(a), function (a) {
- b ? c[a].splice(y(c[a], b), 1) : delete c[a];
- }), this;
- }, emit: function (a, b) {
- this.options.domEvents && mc(a, b); var c = this.handlers[a] && this.handlers[a].slice(); if (c && c.length) {
- b.type = a, b.preventDefault = function () {
- b.srcEvent.preventDefault();
- }; for (var d = 0; d < c.length;) {
- c[d](b), d++;
- }
- }
- }, destroy: function () {
- this.element && lc(this, !1), this.handlers = {}, this.session = {}, this.input.destroy(), this.element = null;
- }
- }, n(hc, { INPUT_START: O, INPUT_MOVE: P, INPUT_END: Q, INPUT_CANCEL: R, STATE_POSSIBLE: Rb, STATE_BEGAN: Sb, STATE_CHANGED: Tb, STATE_ENDED: Ub, STATE_RECOGNIZED: Vb, STATE_CANCELLED: Wb, STATE_FAILED: Xb, DIRECTION_NONE: S, DIRECTION_LEFT: T, DIRECTION_RIGHT: U, DIRECTION_UP: V, DIRECTION_DOWN: W, DIRECTION_HORIZONTAL: X, DIRECTION_VERTICAL: Y, DIRECTION_ALL: Z, Manager: kc, Input: ab, TouchAction: Pb, TouchInput: Eb, MouseInput: rb, PointerEventInput: wb, TouchMouseInput: Gb, SingleTouchInput: Ab, Recognizer: Yb, AttrRecognizer: ac, Tap: gc, Pan: bc, Swipe: fc, Pinch: cc, Rotate: ec, Press: dc, on: t, off: u, each: m, merge: o, extend: n, inherit: p, bindFn: q, prefixed: B }), typeof define == g && define.amd ? define(function () {
- return hc;
- }) : "undefined" != typeof module && module.exports ? module.exports = hc : a[c] = hc;
-}(window, document, "Hammer");; (function (factory) {
- if (typeof define === 'function' && define.amd) {
- define(['jquery', 'hammerjs'], factory);
- } else if (typeof exports === 'object') {
- factory(require('jquery'), require('hammerjs'));
- } else {
- factory(jQuery, Hammer);
- }
-})(function ($, Hammer) {
- function hammerify(el, options) {
- var $el = $(el);
- if (!$el.data("hammer")) {
- $el.data("hammer", new Hammer($el[0], options));
- }
- }
-
- $.fn.hammer = function (options) {
- return this.each(function () {
- hammerify(this, options);
- });
+ var noop = function () {},
+ isFunction = function (item) {
+ // @see https://crbug.com/568448
+ return typeof item === typeof noop && item.call;
+ },
+ isString = function (item) {
+ return typeof item === typeof "";
};
- // extend the emit method to also trigger jQuery events
- Hammer.Manager.prototype.emit = function (originalEmit) {
- return function (type, data) {
- originalEmit.call(this, type, data);
- $(this.element).trigger({
- type: type,
- gesture: data
+ var idMatch = /^#[\w-]*$/,
+ classMatch = /^\.[\w-]*$/,
+ htmlMatch = /<.+>/,
+ singlet = /^\w+$/;
+
+ function find(selector, context) {
+ context = context || doc;
+ var elems = classMatch.test(selector) ? context.getElementsByClassName(selector.slice(1)) : singlet.test(selector) ? context.getElementsByTagName(selector) : context.querySelectorAll(selector);
+ return elems;
+ }
+
+ var frag;
+ function parseHTML(str) {
+ if (!frag) {
+ frag = doc.implementation.createHTMLDocument(null);
+ var base = frag.createElement("base");
+ base.href = doc.location.href;
+ frag.head.appendChild(base);
+ }
+
+ frag.body.innerHTML = str;
+
+ return frag.body.childNodes;
+ }
+
+ function onReady(fn) {
+ if (doc.readyState !== "loading") {
+ fn();
+ } else {
+ doc.addEventListener("DOMContentLoaded", fn);
+ }
+ }
+
+ function Init(selector, context) {
+ if (!selector) {
+ return this;
+ }
+
+ // If already a cash collection, don't do any further processing
+ if (selector.cash && selector !== win) {
+ return selector;
+ }
+
+ var elems = selector,
+ i = 0,
+ length;
+
+ if (isString(selector)) {
+ elems = idMatch.test(selector) ?
+ // If an ID use the faster getElementById check
+ doc.getElementById(selector.slice(1)) : htmlMatch.test(selector) ?
+ // If HTML, parse it into real elements
+ parseHTML(selector) :
+ // else use `find`
+ find(selector, context);
+
+ // If function, use as shortcut for DOM ready
+ } else if (isFunction(selector)) {
+ onReady(selector);return this;
+ }
+
+ if (!elems) {
+ return this;
+ }
+
+ // If a single DOM element is passed in or received via ID, return the single element
+ if (elems.nodeType || elems === win) {
+ this[0] = elems;
+ this.length = 1;
+ } else {
+ // Treat like an array and loop through each item.
+ length = this.length = elems.length;
+ for (; i < length; i++) {
+ this[i] = elems[i];
+ }
+ }
+
+ return this;
+ }
+
+ function cash(selector, context) {
+ return new Init(selector, context);
+ }
+
+ var fn = cash.fn = cash.prototype = Init.prototype = { // jshint ignore:line
+ cash: true,
+ length: 0,
+ push: push,
+ splice: ArrayProto.splice,
+ map: ArrayProto.map,
+ init: Init
+ };
+
+ Object.defineProperty(fn, "constructor", { value: cash });
+
+ cash.parseHTML = parseHTML;
+ cash.noop = noop;
+ cash.isFunction = isFunction;
+ cash.isString = isString;
+
+ cash.extend = fn.extend = function (target) {
+ target = target || {};
+
+ var args = slice.call(arguments),
+ length = args.length,
+ i = 1;
+
+ if (args.length === 1) {
+ target = this;
+ i = 0;
+ }
+
+ for (; i < length; i++) {
+ if (!args[i]) {
+ continue;
+ }
+ for (var key in args[i]) {
+ if (args[i].hasOwnProperty(key)) {
+ target[key] = args[i][key];
+ }
+ }
+ }
+
+ return target;
+ };
+
+ function each(collection, callback) {
+ var l = collection.length,
+ i = 0;
+
+ for (; i < l; i++) {
+ if (callback.call(collection[i], collection[i], i, collection) === false) {
+ break;
+ }
+ }
+ }
+
+ function matches(el, selector) {
+ var m = el && (el.matches || el.webkitMatchesSelector || el.mozMatchesSelector || el.msMatchesSelector || el.oMatchesSelector);
+ return !!m && m.call(el, selector);
+ }
+
+ function getCompareFunction(selector) {
+ return (
+ /* Use browser's `matches` function if string */
+ isString(selector) ? matches :
+ /* Match a cash element */
+ selector.cash ? function (el) {
+ return selector.is(el);
+ } :
+ /* Direct comparison */
+ function (el, selector) {
+ return el === selector;
+ }
+ );
+ }
+
+ function unique(collection) {
+ return cash(slice.call(collection).filter(function (item, index, self) {
+ return self.indexOf(item) === index;
+ }));
+ }
+
+ cash.extend({
+ merge: function (first, second) {
+ var len = +second.length,
+ i = first.length,
+ j = 0;
+
+ for (; j < len; i++, j++) {
+ first[i] = second[j];
+ }
+
+ first.length = i;
+ return first;
+ },
+
+ each: each,
+ matches: matches,
+ unique: unique,
+ isArray: Array.isArray,
+ isNumeric: function (n) {
+ return !isNaN(parseFloat(n)) && isFinite(n);
+ }
+
+ });
+
+ var uid = cash.uid = "_cash" + Date.now();
+
+ function getDataCache(node) {
+ return node[uid] = node[uid] || {};
+ }
+
+ function setData(node, key, value) {
+ return getDataCache(node)[key] = value;
+ }
+
+ function getData(node, key) {
+ var c = getDataCache(node);
+ if (c[key] === undefined) {
+ c[key] = node.dataset ? node.dataset[key] : cash(node).attr("data-" + key);
+ }
+ return c[key];
+ }
+
+ function removeData(node, key) {
+ var c = getDataCache(node);
+ if (c) {
+ delete c[key];
+ } else if (node.dataset) {
+ delete node.dataset[key];
+ } else {
+ cash(node).removeAttr("data-" + name);
+ }
+ }
+
+ fn.extend({
+ data: function (name, value) {
+ if (isString(name)) {
+ return value === undefined ? getData(this[0], name) : this.each(function (v) {
+ return setData(v, name, value);
+ });
+ }
+
+ for (var key in name) {
+ this.data(key, name[key]);
+ }
+
+ return this;
+ },
+
+ removeData: function (key) {
+ return this.each(function (v) {
+ return removeData(v, key);
});
+ }
+
+ });
+
+ var notWhiteMatch = /\S+/g;
+
+ function getClasses(c) {
+ return isString(c) && c.match(notWhiteMatch);
+ }
+
+ function hasClass(v, c) {
+ return v.classList ? v.classList.contains(c) : new RegExp("(^| )" + c + "( |$)", "gi").test(v.className);
+ }
+
+ function addClass(v, c, spacedName) {
+ if (v.classList) {
+ v.classList.add(c);
+ } else if (spacedName.indexOf(" " + c + " ")) {
+ v.className += " " + c;
+ }
+ }
+
+ function removeClass(v, c) {
+ if (v.classList) {
+ v.classList.remove(c);
+ } else {
+ v.className = v.className.replace(c, "");
+ }
+ }
+
+ fn.extend({
+ addClass: function (c) {
+ var classes = getClasses(c);
+
+ return classes ? this.each(function (v) {
+ var spacedName = " " + v.className + " ";
+ each(classes, function (c) {
+ addClass(v, c, spacedName);
+ });
+ }) : this;
+ },
+
+ attr: function (name, value) {
+ if (!name) {
+ return undefined;
+ }
+
+ if (isString(name)) {
+ if (value === undefined) {
+ return this[0] ? this[0].getAttribute ? this[0].getAttribute(name) : this[0][name] : undefined;
+ }
+
+ return this.each(function (v) {
+ if (v.setAttribute) {
+ v.setAttribute(name, value);
+ } else {
+ v[name] = value;
+ }
+ });
+ }
+
+ for (var key in name) {
+ this.attr(key, name[key]);
+ }
+
+ return this;
+ },
+
+ hasClass: function (c) {
+ var check = false,
+ classes = getClasses(c);
+ if (classes && classes.length) {
+ this.each(function (v) {
+ check = hasClass(v, classes[0]);
+ return !check;
+ });
+ }
+ return check;
+ },
+
+ prop: function (name, value) {
+ if (isString(name)) {
+ return value === undefined ? this[0][name] : this.each(function (v) {
+ v[name] = value;
+ });
+ }
+
+ for (var key in name) {
+ this.prop(key, name[key]);
+ }
+
+ return this;
+ },
+
+ removeAttr: function (name) {
+ return this.each(function (v) {
+ if (v.removeAttribute) {
+ v.removeAttribute(name);
+ } else {
+ delete v[name];
+ }
+ });
+ },
+
+ removeClass: function (c) {
+ if (!arguments.length) {
+ return this.attr("class", "");
+ }
+ var classes = getClasses(c);
+ return classes ? this.each(function (v) {
+ each(classes, function (c) {
+ removeClass(v, c);
+ });
+ }) : this;
+ },
+
+ removeProp: function (name) {
+ return this.each(function (v) {
+ delete v[name];
+ });
+ },
+
+ toggleClass: function (c, state) {
+ if (state !== undefined) {
+ return this[state ? "addClass" : "removeClass"](c);
+ }
+ var classes = getClasses(c);
+ return classes ? this.each(function (v) {
+ var spacedName = " " + v.className + " ";
+ each(classes, function (c) {
+ if (hasClass(v, c)) {
+ removeClass(v, c);
+ } else {
+ addClass(v, c, spacedName);
+ }
+ });
+ }) : this;
+ } });
+
+ fn.extend({
+ add: function (selector, context) {
+ return unique(cash.merge(this, cash(selector, context)));
+ },
+
+ each: function (callback) {
+ each(this, callback);
+ return this;
+ },
+
+ eq: function (index) {
+ return cash(this.get(index));
+ },
+
+ filter: function (selector) {
+ if (!selector) {
+ return this;
+ }
+
+ var comparator = isFunction(selector) ? selector : getCompareFunction(selector);
+
+ return cash(filter.call(this, function (e) {
+ return comparator(e, selector);
+ }));
+ },
+
+ first: function () {
+ return this.eq(0);
+ },
+
+ get: function (index) {
+ if (index === undefined) {
+ return slice.call(this);
+ }
+ return index < 0 ? this[index + this.length] : this[index];
+ },
+
+ index: function (elem) {
+ var child = elem ? cash(elem)[0] : this[0],
+ collection = elem ? this : cash(child).parent().children();
+ return slice.call(collection).indexOf(child);
+ },
+
+ last: function () {
+ return this.eq(-1);
+ }
+
+ });
+
+ var camelCase = function () {
+ var camelRegex = /(?:^\w|[A-Z]|\b\w)/g,
+ whiteSpace = /[\s-_]+/g;
+ return function (str) {
+ return str.replace(camelRegex, function (letter, index) {
+ return letter[index === 0 ? "toLowerCase" : "toUpperCase"]();
+ }).replace(whiteSpace, "");
};
- }(Hammer.Manager.prototype.emit);
+ }();
+
+ var getPrefixedProp = function () {
+ var cache = {},
+ doc = document,
+ div = doc.createElement("div"),
+ style = div.style;
+
+ return function (prop) {
+ prop = camelCase(prop);
+ if (cache[prop]) {
+ return cache[prop];
+ }
+
+ var ucProp = prop.charAt(0).toUpperCase() + prop.slice(1),
+ prefixes = ["webkit", "moz", "ms", "o"],
+ props = (prop + " " + prefixes.join(ucProp + " ") + ucProp).split(" ");
+
+ each(props, function (p) {
+ if (p in style) {
+ cache[p] = prop = cache[prop] = p;
+ return false;
+ }
+ });
+
+ return cache[prop];
+ };
+ }();
+
+ cash.prefixedProp = getPrefixedProp;
+ cash.camelCase = camelCase;
+
+ fn.extend({
+ css: function (prop, value) {
+ if (isString(prop)) {
+ prop = getPrefixedProp(prop);
+ return arguments.length > 1 ? this.each(function (v) {
+ return v.style[prop] = value;
+ }) : win.getComputedStyle(this[0])[prop];
+ }
+
+ for (var key in prop) {
+ this.css(key, prop[key]);
+ }
+
+ return this;
+ }
+
+ });
+
+ function compute(el, prop) {
+ return parseInt(win.getComputedStyle(el[0], null)[prop], 10) || 0;
+ }
+
+ each(["Width", "Height"], function (v) {
+ var lower = v.toLowerCase();
+
+ fn[lower] = function () {
+ return this[0].getBoundingClientRect()[lower];
+ };
+
+ fn["inner" + v] = function () {
+ return this[0]["client" + v];
+ };
+
+ fn["outer" + v] = function (margins) {
+ return this[0]["offset" + v] + (margins ? compute(this, "margin" + (v === "Width" ? "Left" : "Top")) + compute(this, "margin" + (v === "Width" ? "Right" : "Bottom")) : 0);
+ };
+ });
+
+ function registerEvent(node, eventName, callback) {
+ var eventCache = getData(node, "_cashEvents") || setData(node, "_cashEvents", {});
+ eventCache[eventName] = eventCache[eventName] || [];
+ eventCache[eventName].push(callback);
+ node.addEventListener(eventName, callback);
+ }
+
+ function removeEvent(node, eventName, callback) {
+ var events = getData(node, "_cashEvents"),
+ eventCache = events && events[eventName],
+ index;
+
+ if (!eventCache) {
+ return;
+ }
+
+ if (callback) {
+ node.removeEventListener(eventName, callback);
+ index = eventCache.indexOf(callback);
+ if (index >= 0) {
+ eventCache.splice(index, 1);
+ }
+ } else {
+ each(eventCache, function (event) {
+ node.removeEventListener(eventName, event);
+ });
+ eventCache = [];
+ }
+ }
+
+ fn.extend({
+ off: function (eventName, callback) {
+ return this.each(function (v) {
+ return removeEvent(v, eventName, callback);
+ });
+ },
+
+ on: function (eventName, delegate, callback, runOnce) {
+ // jshint ignore:line
+ var originalCallback;
+ if (!isString(eventName)) {
+ for (var key in eventName) {
+ this.on(key, delegate, eventName[key]);
+ }
+ return this;
+ }
+
+ if (isFunction(delegate)) {
+ callback = delegate;
+ delegate = null;
+ }
+
+ if (eventName === "ready") {
+ onReady(callback);
+ return this;
+ }
+
+ if (delegate) {
+ originalCallback = callback;
+ callback = function (e) {
+ var t = e.target;
+ while (!matches(t, delegate)) {
+ if (t === this || t === null) {
+ return t = false;
+ }
+
+ t = t.parentNode;
+ }
+
+ if (t) {
+ originalCallback.call(t, e);
+ }
+ };
+ }
+
+ return this.each(function (v) {
+ var finalCallback = callback;
+ if (runOnce) {
+ finalCallback = function () {
+ callback.apply(this, arguments);
+ removeEvent(v, eventName, finalCallback);
+ };
+ }
+ registerEvent(v, eventName, finalCallback);
+ });
+ },
+
+ one: function (eventName, delegate, callback) {
+ return this.on(eventName, delegate, callback, true);
+ },
+
+ ready: onReady,
+
+ /**
+ * Modified
+ * Triggers browser event
+ * @param String eventName
+ * @param Object data - Add properties to event object
+ */
+ trigger: function (eventName, data) {
+ if (document.createEvent) {
+ var evt = document.createEvent('HTMLEvents');
+ evt.initEvent(eventName, true, false);
+ evt = this.extend(evt, data);
+ return this.each(function (v) {
+ return v.dispatchEvent(evt);
+ });
+ }
+ }
+
+ });
+
+ function encode(name, value) {
+ return "&" + encodeURIComponent(name) + "=" + encodeURIComponent(value).replace(/%20/g, "+");
+ }
+
+ function getSelectMultiple_(el) {
+ var values = [];
+ each(el.options, function (o) {
+ if (o.selected) {
+ values.push(o.value);
+ }
+ });
+ return values.length ? values : null;
+ }
+
+ function getSelectSingle_(el) {
+ var selectedIndex = el.selectedIndex;
+ return selectedIndex >= 0 ? el.options[selectedIndex].value : null;
+ }
+
+ function getValue(el) {
+ var type = el.type;
+ if (!type) {
+ return null;
+ }
+ switch (type.toLowerCase()) {
+ case "select-one":
+ return getSelectSingle_(el);
+ case "select-multiple":
+ return getSelectMultiple_(el);
+ case "radio":
+ return el.checked ? el.value : null;
+ case "checkbox":
+ return el.checked ? el.value : null;
+ default:
+ return el.value ? el.value : null;
+ }
+ }
+
+ fn.extend({
+ serialize: function () {
+ var query = "";
+
+ each(this[0].elements || this, function (el) {
+ if (el.disabled || el.tagName === "FIELDSET") {
+ return;
+ }
+ var name = el.name;
+ switch (el.type.toLowerCase()) {
+ case "file":
+ case "reset":
+ case "submit":
+ case "button":
+ break;
+ case "select-multiple":
+ var values = getValue(el);
+ if (values !== null) {
+ each(values, function (value) {
+ query += encode(name, value);
+ });
+ }
+ break;
+ default:
+ var value = getValue(el);
+ if (value !== null) {
+ query += encode(name, value);
+ }
+ }
+ });
+
+ return query.substr(1);
+ },
+
+ val: function (value) {
+ if (value === undefined) {
+ return getValue(this[0]);
+ }
+
+ return this.each(function (v) {
+ return v.value = value;
+ });
+ }
+
+ });
+
+ function insertElement(el, child, prepend) {
+ if (prepend) {
+ var first = el.childNodes[0];
+ el.insertBefore(child, first);
+ } else {
+ el.appendChild(child);
+ }
+ }
+
+ function insertContent(parent, child, prepend) {
+ var str = isString(child);
+
+ if (!str && child.length) {
+ each(child, function (v) {
+ return insertContent(parent, v, prepend);
+ });
+ return;
+ }
+
+ each(parent, str ? function (v) {
+ return v.insertAdjacentHTML(prepend ? "afterbegin" : "beforeend", child);
+ } : function (v, i) {
+ return insertElement(v, i === 0 ? child : child.cloneNode(true), prepend);
+ });
+ }
+
+ fn.extend({
+ after: function (selector) {
+ cash(selector).insertAfter(this);
+ return this;
+ },
+
+ append: function (content) {
+ insertContent(this, content);
+ return this;
+ },
+
+ appendTo: function (parent) {
+ insertContent(cash(parent), this);
+ return this;
+ },
+
+ before: function (selector) {
+ cash(selector).insertBefore(this);
+ return this;
+ },
+
+ clone: function () {
+ return cash(this.map(function (v) {
+ return v.cloneNode(true);
+ }));
+ },
+
+ empty: function () {
+ this.html("");
+ return this;
+ },
+
+ html: function (content) {
+ if (content === undefined) {
+ return this[0].innerHTML;
+ }
+ var source = content.nodeType ? content[0].outerHTML : content;
+ return this.each(function (v) {
+ return v.innerHTML = source;
+ });
+ },
+
+ insertAfter: function (selector) {
+ var _this = this;
+
+ cash(selector).each(function (el, i) {
+ var parent = el.parentNode,
+ sibling = el.nextSibling;
+ _this.each(function (v) {
+ parent.insertBefore(i === 0 ? v : v.cloneNode(true), sibling);
+ });
+ });
+
+ return this;
+ },
+
+ insertBefore: function (selector) {
+ var _this2 = this;
+ cash(selector).each(function (el, i) {
+ var parent = el.parentNode;
+ _this2.each(function (v) {
+ parent.insertBefore(i === 0 ? v : v.cloneNode(true), el);
+ });
+ });
+ return this;
+ },
+
+ prepend: function (content) {
+ insertContent(this, content, true);
+ return this;
+ },
+
+ prependTo: function (parent) {
+ insertContent(cash(parent), this, true);
+ return this;
+ },
+
+ remove: function () {
+ return this.each(function (v) {
+ if (!!v.parentNode) {
+ return v.parentNode.removeChild(v);
+ }
+ });
+ },
+
+ text: function (content) {
+ if (content === undefined) {
+ return this[0].textContent;
+ }
+ return this.each(function (v) {
+ return v.textContent = content;
+ });
+ }
+
+ });
+
+ var docEl = doc.documentElement;
+
+ fn.extend({
+ position: function () {
+ var el = this[0];
+ return {
+ left: el.offsetLeft,
+ top: el.offsetTop
+ };
+ },
+
+ offset: function () {
+ var rect = this[0].getBoundingClientRect();
+ return {
+ top: rect.top + win.pageYOffset - docEl.clientTop,
+ left: rect.left + win.pageXOffset - docEl.clientLeft
+ };
+ },
+
+ offsetParent: function () {
+ return cash(this[0].offsetParent);
+ }
+
+ });
+
+ fn.extend({
+ children: function (selector) {
+ var elems = [];
+ this.each(function (el) {
+ push.apply(elems, el.children);
+ });
+ elems = unique(elems);
+
+ return !selector ? elems : elems.filter(function (v) {
+ return matches(v, selector);
+ });
+ },
+
+ closest: function (selector) {
+ if (!selector || this.length < 1) {
+ return cash();
+ }
+ if (this.is(selector)) {
+ return this.filter(selector);
+ }
+ return this.parent().closest(selector);
+ },
+
+ is: function (selector) {
+ if (!selector) {
+ return false;
+ }
+
+ var match = false,
+ comparator = getCompareFunction(selector);
+
+ this.each(function (el) {
+ match = comparator(el, selector);
+ return !match;
+ });
+
+ return match;
+ },
+
+ find: function (selector) {
+ if (!selector || selector.nodeType) {
+ return cash(selector && this.has(selector).length ? selector : null);
+ }
+
+ var elems = [];
+ this.each(function (el) {
+ push.apply(elems, find(selector, el));
+ });
+
+ return unique(elems);
+ },
+
+ has: function (selector) {
+ var comparator = isString(selector) ? function (el) {
+ return find(selector, el).length !== 0;
+ } : function (el) {
+ return el.contains(selector);
+ };
+
+ return this.filter(comparator);
+ },
+
+ next: function () {
+ return cash(this[0].nextElementSibling);
+ },
+
+ not: function (selector) {
+ if (!selector) {
+ return this;
+ }
+
+ var comparator = getCompareFunction(selector);
+
+ return this.filter(function (el) {
+ return !comparator(el, selector);
+ });
+ },
+
+ parent: function () {
+ var result = [];
+
+ this.each(function (item) {
+ if (item && item.parentNode) {
+ result.push(item.parentNode);
+ }
+ });
+
+ return unique(result);
+ },
+
+ parents: function (selector) {
+ var last,
+ result = [];
+
+ this.each(function (item) {
+ last = item;
+
+ while (last && last.parentNode && last !== doc.body.parentNode) {
+ last = last.parentNode;
+
+ if (!selector || selector && matches(last, selector)) {
+ result.push(last);
+ }
+ }
+ });
+
+ return unique(result);
+ },
+
+ prev: function () {
+ return cash(this[0].previousElementSibling);
+ },
+
+ siblings: function (selector) {
+ var collection = this.parent().children(selector),
+ el = this[0];
+
+ return collection.filter(function (i) {
+ return i !== el;
+ });
+ }
+
+ });
+
+ return cash;
});
+;
+var Component = function () {
+ /**
+ * Generic constructor for all components
+ * @constructor
+ * @param {Element} el
+ * @param {Object} options
+ */
+ function Component(classDef, el, options) {
+ _classCallCheck(this, Component);
+
+ // Display error if el is valid HTML Element
+ if (!(el instanceof Element)) {
+ console.error(Error(el + ' is not an HTML Element'));
+ }
+
+ // If exists, destroy and reinitialize in child
+ var ins = classDef.getInstance(el);
+ if (!!ins) {
+ ins.destroy();
+ }
+
+ this.el = el;
+ this.$el = cash(el);
+ }
+
+ /**
+ * Initializes components
+ * @param {class} classDef
+ * @param {Element | NodeList | jQuery} els
+ * @param {Object} options
+ */
+
+
+ _createClass(Component, null, [{
+ key: "init",
+ value: function init(classDef, els, options) {
+ var instances = null;
+ if (els instanceof Element) {
+ instances = new classDef(els, options);
+ } else if (!!els && (els.jquery || els.cash || els instanceof NodeList)) {
+ var instancesArr = [];
+ for (var i = 0; i < els.length; i++) {
+ instancesArr.push(new classDef(els[i], options));
+ }
+ instances = instancesArr;
+ }
+
+ return instances;
+ }
+ }]);
+
+ return Component;
+}();
+
; // Required for Meteor package, the use of window prevents export by Meteor
(function (window) {
if (window.Package) {
- Materialize = {};
+ M = {};
} else {
- window.Materialize = {};
+ window.M = {};
}
+
+ // Check for jQuery
+ M.jQueryLoaded = !!window.jQuery;
})(window);
-if (typeof exports !== 'undefined' && !exports.nodeType) {
+// AMD
+if (typeof define === 'function' && define.amd) {
+ define('M', [], function () {
+ return M;
+ });
+
+ // Common JS
+} else if (typeof exports !== 'undefined' && !exports.nodeType) {
if (typeof module !== 'undefined' && !module.nodeType && module.exports) {
- exports = module.exports = Materialize;
+ exports = module.exports = M;
}
- exports.default = Materialize;
+ exports.default = M;
}
-/*
- * raf.js
- * https://github.com/ngryman/raf.js
- *
- * original requestAnimationFrame polyfill by Erik Möller
- * inspired from paul_irish gist and post
- *
- * Copyright (c) 2013 ngryman
- * Licensed under the MIT license.
+M.version = '1.0.0';
+
+M.keys = {
+ TAB: 9,
+ ENTER: 13,
+ ESC: 27,
+ ARROW_UP: 38,
+ ARROW_DOWN: 40
+};
+
+/**
+ * TabPress Keydown handler
*/
-(function (window) {
- var lastTime = 0,
- vendors = ['webkit', 'moz'],
- requestAnimationFrame = window.requestAnimationFrame,
- cancelAnimationFrame = window.cancelAnimationFrame,
- i = vendors.length;
-
- // try to un-prefix existing raf
- while (--i >= 0 && !requestAnimationFrame) {
- requestAnimationFrame = window[vendors[i] + 'RequestAnimationFrame'];
- cancelAnimationFrame = window[vendors[i] + 'CancelRequestAnimationFrame'];
+M.tabPressed = false;
+M.keyDown = false;
+var docHandleKeydown = function (e) {
+ M.keyDown = true;
+ if (e.which === M.keys.TAB || e.which === M.keys.ARROW_DOWN || e.which === M.keys.ARROW_UP) {
+ M.tabPressed = true;
}
-
- // polyfill with setTimeout fallback
- // heavily inspired from @darius gist mod: https://gist.github.com/paulirish/1579671#comment-837945
- if (!requestAnimationFrame || !cancelAnimationFrame) {
- requestAnimationFrame = function (callback) {
- var now = +Date.now(),
- nextTime = Math.max(lastTime + 16, now);
- return setTimeout(function () {
- callback(lastTime = nextTime);
- }, nextTime - now);
- };
-
- cancelAnimationFrame = clearTimeout;
+};
+var docHandleKeyup = function (e) {
+ M.keyDown = false;
+ if (e.which === M.keys.TAB || e.which === M.keys.ARROW_DOWN || e.which === M.keys.ARROW_UP) {
+ M.tabPressed = false;
}
+};
+var docHandleFocus = function (e) {
+ if (M.keyDown) {
+ document.body.classList.add('keyboard-focused');
+ }
+};
+var docHandleBlur = function (e) {
+ document.body.classList.remove('keyboard-focused');
+};
+document.addEventListener('keydown', docHandleKeydown, true);
+document.addEventListener('keyup', docHandleKeyup, true);
+document.addEventListener('focus', docHandleFocus, true);
+document.addEventListener('blur', docHandleBlur, true);
- // export to window
- window.requestAnimationFrame = requestAnimationFrame;
- window.cancelAnimationFrame = cancelAnimationFrame;
-})(window);
+/**
+ * Initialize jQuery wrapper for plugin
+ * @param {Class} plugin javascript class
+ * @param {string} pluginName jQuery plugin name
+ * @param {string} classRef Class reference name
+ */
+M.initializeJqueryWrapper = function (plugin, pluginName, classRef) {
+ jQuery.fn[pluginName] = function (methodOrOptions) {
+ // Call plugin method if valid method name is passed in
+ if (plugin.prototype[methodOrOptions]) {
+ var params = Array.prototype.slice.call(arguments, 1);
+
+ // Getter methods
+ if (methodOrOptions.slice(0, 3) === 'get') {
+ var instance = this.first()[0][classRef];
+ return instance[methodOrOptions].apply(instance, params);
+ }
+
+ // Void methods
+ return this.each(function () {
+ var instance = this[classRef];
+ instance[methodOrOptions].apply(instance, params);
+ });
+
+ // Initialize plugin if options or no argument is passed in
+ } else if (typeof methodOrOptions === 'object' || !methodOrOptions) {
+ plugin.init(this, arguments[0]);
+ return this;
+ }
+
+ // Return error if an unrecognized method name is passed in
+ jQuery.error("Method " + methodOrOptions + " does not exist on jQuery." + pluginName);
+ };
+};
+
+/**
+ * Automatically initialize components
+ * @param {Element} context DOM Element to search within for components
+ */
+M.AutoInit = function (context) {
+ // Use document.body if no context is given
+ var root = !!context ? context : document.body;
+
+ var registry = {
+ Autocomplete: root.querySelectorAll('.autocomplete:not(.no-autoinit)'),
+ Carousel: root.querySelectorAll('.carousel:not(.no-autoinit)'),
+ Chips: root.querySelectorAll('.chips:not(.no-autoinit)'),
+ Collapsible: root.querySelectorAll('.collapsible:not(.no-autoinit)'),
+ Datepicker: root.querySelectorAll('.datepicker:not(.no-autoinit)'),
+ Dropdown: root.querySelectorAll('.dropdown-trigger:not(.no-autoinit)'),
+ Materialbox: root.querySelectorAll('.materialboxed:not(.no-autoinit)'),
+ Modal: root.querySelectorAll('.modal:not(.no-autoinit)'),
+ Parallax: root.querySelectorAll('.parallax:not(.no-autoinit)'),
+ Pushpin: root.querySelectorAll('.pushpin:not(.no-autoinit)'),
+ ScrollSpy: root.querySelectorAll('.scrollspy:not(.no-autoinit)'),
+ FormSelect: root.querySelectorAll('select:not(.no-autoinit)'),
+ Sidenav: root.querySelectorAll('.sidenav:not(.no-autoinit)'),
+ Tabs: root.querySelectorAll('.tabs:not(.no-autoinit)'),
+ TapTarget: root.querySelectorAll('.tap-target:not(.no-autoinit)'),
+ Timepicker: root.querySelectorAll('.timepicker:not(.no-autoinit)'),
+ Tooltip: root.querySelectorAll('.tooltipped:not(.no-autoinit)'),
+ FloatingActionButton: root.querySelectorAll('.fixed-action-btn:not(.no-autoinit)')
+ };
+
+ for (var pluginName in registry) {
+ var plugin = M[pluginName];
+ plugin.init(registry[pluginName]);
+ }
+};
/**
* Generate approximated selector string for a jQuery object
* @param {jQuery} obj jQuery object to be parsed
* @returns {string}
*/
-Materialize.objectSelectorString = function (obj) {
+M.objectSelectorString = function (obj) {
var tagStr = obj.prop('tagName') || '';
var idStr = obj.attr('id') || '';
var classStr = obj.attr('class') || '';
@@ -1396,7 +1207,7 @@ Materialize.objectSelectorString = function (obj) {
};
// Unique Random ID
-Materialize.guid = function () {
+M.guid = function () {
function s4() {
return Math.floor((1 + Math.random()) * 0x10000).toString(16).substring(1);
}
@@ -1410,16 +1221,16 @@ Materialize.guid = function () {
* @param {string} hash String returned from this.hash
* @returns {string}
*/
-Materialize.escapeHash = function (hash) {
- return hash.replace(/(:|\.|\[|\]|,|=)/g, "\\$1");
+M.escapeHash = function (hash) {
+ return hash.replace(/(:|\.|\[|\]|,|=|\/)/g, '\\$1');
};
-Materialize.elementOrParentIsFixed = function (element) {
+M.elementOrParentIsFixed = function (element) {
var $element = $(element);
var $checkElements = $element.add($element.parents());
var isFixed = false;
$checkElements.each(function () {
- if ($(this).css("position") === "fixed") {
+ if ($(this).css('position') === 'fixed') {
isFixed = true;
return false;
}
@@ -1427,6 +1238,181 @@ Materialize.elementOrParentIsFixed = function (element) {
return isFixed;
};
+/**
+ * @typedef {Object} Edges
+ * @property {Boolean} top If the top edge was exceeded
+ * @property {Boolean} right If the right edge was exceeded
+ * @property {Boolean} bottom If the bottom edge was exceeded
+ * @property {Boolean} left If the left edge was exceeded
+ */
+
+/**
+ * @typedef {Object} Bounding
+ * @property {Number} left left offset coordinate
+ * @property {Number} top top offset coordinate
+ * @property {Number} width
+ * @property {Number} height
+ */
+
+/**
+ * Escapes hash from special characters
+ * @param {Element} container Container element that acts as the boundary
+ * @param {Bounding} bounding element bounding that is being checked
+ * @param {Number} offset offset from edge that counts as exceeding
+ * @returns {Edges}
+ */
+M.checkWithinContainer = function (container, bounding, offset) {
+ var edges = {
+ top: false,
+ right: false,
+ bottom: false,
+ left: false
+ };
+
+ var containerRect = container.getBoundingClientRect();
+ // If body element is smaller than viewport, use viewport height instead.
+ var containerBottom = container === document.body ? Math.max(containerRect.bottom, window.innerHeight) : containerRect.bottom;
+
+ var scrollLeft = container.scrollLeft;
+ var scrollTop = container.scrollTop;
+
+ var scrolledX = bounding.left - scrollLeft;
+ var scrolledY = bounding.top - scrollTop;
+
+ // Check for container and viewport for each edge
+ if (scrolledX < containerRect.left + offset || scrolledX < offset) {
+ edges.left = true;
+ }
+
+ if (scrolledX + bounding.width > containerRect.right - offset || scrolledX + bounding.width > window.innerWidth - offset) {
+ edges.right = true;
+ }
+
+ if (scrolledY < containerRect.top + offset || scrolledY < offset) {
+ edges.top = true;
+ }
+
+ if (scrolledY + bounding.height > containerBottom - offset || scrolledY + bounding.height > window.innerHeight - offset) {
+ edges.bottom = true;
+ }
+
+ return edges;
+};
+
+M.checkPossibleAlignments = function (el, container, bounding, offset) {
+ var canAlign = {
+ top: true,
+ right: true,
+ bottom: true,
+ left: true,
+ spaceOnTop: null,
+ spaceOnRight: null,
+ spaceOnBottom: null,
+ spaceOnLeft: null
+ };
+
+ var containerAllowsOverflow = getComputedStyle(container).overflow === 'visible';
+ var containerRect = container.getBoundingClientRect();
+ var containerHeight = Math.min(containerRect.height, window.innerHeight);
+ var containerWidth = Math.min(containerRect.width, window.innerWidth);
+ var elOffsetRect = el.getBoundingClientRect();
+
+ var scrollLeft = container.scrollLeft;
+ var scrollTop = container.scrollTop;
+
+ var scrolledX = bounding.left - scrollLeft;
+ var scrolledYTopEdge = bounding.top - scrollTop;
+ var scrolledYBottomEdge = bounding.top + elOffsetRect.height - scrollTop;
+
+ // Check for container and viewport for left
+ canAlign.spaceOnRight = !containerAllowsOverflow ? containerWidth - (scrolledX + bounding.width) : window.innerWidth - (elOffsetRect.left + bounding.width);
+ if (canAlign.spaceOnRight < 0) {
+ canAlign.left = false;
+ }
+
+ // Check for container and viewport for Right
+ canAlign.spaceOnLeft = !containerAllowsOverflow ? scrolledX - bounding.width + elOffsetRect.width : elOffsetRect.right - bounding.width;
+ if (canAlign.spaceOnLeft < 0) {
+ canAlign.right = false;
+ }
+
+ // Check for container and viewport for Top
+ canAlign.spaceOnBottom = !containerAllowsOverflow ? containerHeight - (scrolledYTopEdge + bounding.height + offset) : window.innerHeight - (elOffsetRect.top + bounding.height + offset);
+ if (canAlign.spaceOnBottom < 0) {
+ canAlign.top = false;
+ }
+
+ // Check for container and viewport for Bottom
+ canAlign.spaceOnTop = !containerAllowsOverflow ? scrolledYBottomEdge - (bounding.height - offset) : elOffsetRect.bottom - (bounding.height + offset);
+ if (canAlign.spaceOnTop < 0) {
+ canAlign.bottom = false;
+ }
+
+ return canAlign;
+};
+
+M.getOverflowParent = function (element) {
+ if (element == null) {
+ return null;
+ }
+
+ if (element === document.body || getComputedStyle(element).overflow !== 'visible') {
+ return element;
+ }
+
+ return M.getOverflowParent(element.parentElement);
+};
+
+/**
+ * Gets id of component from a trigger
+ * @param {Element} trigger trigger
+ * @returns {string}
+ */
+M.getIdFromTrigger = function (trigger) {
+ var id = trigger.getAttribute('data-target');
+ if (!id) {
+ id = trigger.getAttribute('href');
+ if (id) {
+ id = id.slice(1);
+ } else {
+ id = '';
+ }
+ }
+ return id;
+};
+
+/**
+ * Multi browser support for document scroll top
+ * @returns {Number}
+ */
+M.getDocumentScrollTop = function () {
+ return window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;
+};
+
+/**
+ * Multi browser support for document scroll left
+ * @returns {Number}
+ */
+M.getDocumentScrollLeft = function () {
+ return window.pageXOffset || document.documentElement.scrollLeft || document.body.scrollLeft || 0;
+};
+
+/**
+ * @typedef {Object} Edges
+ * @property {Boolean} top If the top edge was exceeded
+ * @property {Boolean} right If the right edge was exceeded
+ * @property {Boolean} bottom If the bottom edge was exceeded
+ * @property {Boolean} left If the left edge was exceeded
+ */
+
+/**
+ * @typedef {Object} Bounding
+ * @property {Number} left left offset coordinate
+ * @property {Number} top top offset coordinate
+ * @property {Number} width
+ * @property {Number} height
+ */
+
/**
* Get time in ms
* @license https://raw.github.com/jashkenas/underscore/master/LICENSE
@@ -1449,8 +1435,10 @@ var getTime = Date.now || function () {
* @param {Object=} options
* @returns {Function}
*/
-Materialize.throttle = function (func, wait, options) {
- var context, args, result;
+M.throttle = function (func, wait, options) {
+ var context = void 0,
+ args = void 0,
+ result = void 0;
var timeout = null;
var previous = 0;
options || (options = {});
@@ -1478,477 +1466,434 @@ Materialize.throttle = function (func, wait, options) {
return result;
};
};
-
-// Velocity has conflicts when loaded with jQuery, this will check for it
-// First, check if in noConflict mode
-var Vel;
-if (jQuery) {
- Vel = jQuery.Velocity;
-} else if ($) {
- Vel = $.Velocity;
-} else {
- Vel = Velocity;
-}
-
-if (Vel) {
- Materialize.Vel = Vel;
-} else {
- Materialize.Vel = Velocity;
-}
-; (function ($) {
- $.fn.collapsible = function (options, methodParam) {
- var defaults = {
- accordion: undefined,
- onOpen: undefined,
- onClose: undefined
- };
-
- var methodName = options;
- options = $.extend(defaults, options);
-
- return this.each(function () {
-
- var $this = $(this);
-
- var $panel_headers = $(this).find('> li > .collapsible-header');
-
- var collapsible_type = $this.data("collapsible");
-
- /****************
- Helper Functions
- ****************/
-
- // Accordion Open
- function accordionOpen(object) {
- $panel_headers = $this.find('> li > .collapsible-header');
- if (object.hasClass('active')) {
- object.parent().addClass('active');
- } else {
- object.parent().removeClass('active');
- }
- if (object.parent().hasClass('active')) {
- object.siblings('.collapsible-body').stop(true, false).slideDown({
- duration: 350, easing: "easeOutQuart", queue: false, complete: function () {
- $(this).css('height', '');
- }
- });
- } else {
- object.siblings('.collapsible-body').stop(true, false).slideUp({
- duration: 350, easing: "easeOutQuart", queue: false, complete: function () {
- $(this).css('height', '');
- }
- });
- }
-
- $panel_headers.not(object).removeClass('active').parent().removeClass('active');
-
- // Close previously open accordion elements.
- $panel_headers.not(object).parent().children('.collapsible-body').stop(true, false).each(function () {
- if ($(this).is(':visible')) {
- $(this).slideUp({
- duration: 350,
- easing: "easeOutQuart",
- queue: false,
- complete: function () {
- $(this).css('height', '');
- execCallbacks($(this).siblings('.collapsible-header'));
- }
- });
- }
- });
- }
-
- // Expandable Open
- function expandableOpen(object) {
- if (object.hasClass('active')) {
- object.parent().addClass('active');
- } else {
- object.parent().removeClass('active');
- }
- if (object.parent().hasClass('active')) {
- object.siblings('.collapsible-body').stop(true, false).slideDown({
- duration: 350, easing: "easeOutQuart", queue: false, complete: function () {
- $(this).css('height', '');
- }
- });
- } else {
- object.siblings('.collapsible-body').stop(true, false).slideUp({
- duration: 350, easing: "easeOutQuart", queue: false, complete: function () {
- $(this).css('height', '');
- }
- });
- }
- }
-
- // Open collapsible. object: .collapsible-header
- function collapsibleOpen(object, noToggle) {
- if (!noToggle) {
- object.toggleClass('active');
- }
-
- if (options.accordion || collapsible_type === "accordion" || collapsible_type === undefined) {
- // Handle Accordion
- accordionOpen(object);
- } else {
- // Handle Expandables
- expandableOpen(object);
- }
-
- execCallbacks(object);
- }
-
- // Handle callbacks
- function execCallbacks(object) {
- if (object.hasClass('active')) {
- if (typeof options.onOpen === "function") {
- options.onOpen.call(this, object.parent());
- }
- } else {
- if (typeof options.onClose === "function") {
- options.onClose.call(this, object.parent());
- }
- }
- }
-
- /**
- * Check if object is children of panel header
- * @param {Object} object Jquery object
- * @return {Boolean} true if it is children
- */
- function isChildrenOfPanelHeader(object) {
-
- var panelHeader = getPanelHeader(object);
-
- return panelHeader.length > 0;
- }
-
- /**
- * Get panel header from a children element
- * @param {Object} object Jquery object
- * @return {Object} panel header object
- */
- function getPanelHeader(object) {
-
- return object.closest('li > .collapsible-header');
- }
-
- // Turn off any existing event handlers
- function removeEventHandlers() {
- $this.off('click.collapse', '> li > .collapsible-header');
- }
-
- /***** End Helper Functions *****/
-
- // Methods
- if (methodName === 'destroy') {
- removeEventHandlers();
- return;
- } else if (methodParam >= 0 && methodParam < $panel_headers.length) {
- var $curr_header = $panel_headers.eq(methodParam);
- if ($curr_header.length && (methodName === 'open' || methodName === 'close' && $curr_header.hasClass('active'))) {
- collapsibleOpen($curr_header);
- }
- return;
- }
-
- removeEventHandlers();
-
- // Add click handler to only direct collapsible header children
- $this.on('click.collapse', '> li > .collapsible-header', function (e) {
- var element = $(e.target);
-
- if (isChildrenOfPanelHeader(element)) {
- element = getPanelHeader(element);
- }
-
- collapsibleOpen(element);
- });
-
- // Open first active
- if (options.accordion || collapsible_type === "accordion" || collapsible_type === undefined) {
- // Handle Accordion
- collapsibleOpen($panel_headers.filter('.active').first(), true);
- } else {
- // Handle Expandables
- $panel_headers.filter('.active').each(function () {
- collapsibleOpen($(this), true);
- });
- }
- });
- };
-
- $(document).ready(function () {
- $('.collapsible').collapsible();
+; /*
+ v2.2.0
+ 2017 Julian Garnier
+ Released under the MIT license
+ */
+var $jscomp = { scope: {} };$jscomp.defineProperty = "function" == typeof Object.defineProperties ? Object.defineProperty : function (e, r, p) {
+ if (p.get || p.set) throw new TypeError("ES3 does not support getters and setters.");e != Array.prototype && e != Object.prototype && (e[r] = p.value);
+};$jscomp.getGlobal = function (e) {
+ return "undefined" != typeof window && window === e ? e : "undefined" != typeof global && null != global ? global : e;
+};$jscomp.global = $jscomp.getGlobal(this);$jscomp.SYMBOL_PREFIX = "jscomp_symbol_";
+$jscomp.initSymbol = function () {
+ $jscomp.initSymbol = function () {};$jscomp.global.Symbol || ($jscomp.global.Symbol = $jscomp.Symbol);
+};$jscomp.symbolCounter_ = 0;$jscomp.Symbol = function (e) {
+ return $jscomp.SYMBOL_PREFIX + (e || "") + $jscomp.symbolCounter_++;
+};
+$jscomp.initSymbolIterator = function () {
+ $jscomp.initSymbol();var e = $jscomp.global.Symbol.iterator;e || (e = $jscomp.global.Symbol.iterator = $jscomp.global.Symbol("iterator"));"function" != typeof Array.prototype[e] && $jscomp.defineProperty(Array.prototype, e, { configurable: !0, writable: !0, value: function () {
+ return $jscomp.arrayIterator(this);
+ } });$jscomp.initSymbolIterator = function () {};
+};$jscomp.arrayIterator = function (e) {
+ var r = 0;return $jscomp.iteratorPrototype(function () {
+ return r < e.length ? { done: !1, value: e[r++] } : { done: !0 };
});
-})(jQuery);; (function ($) {
-
- // Add posibility to scroll to selected option
- // usefull for select for example
- $.fn.scrollTo = function (elem) {
- $(this).scrollTop($(this).scrollTop() - $(this).offset().top + $(elem).offset().top);
+};
+$jscomp.iteratorPrototype = function (e) {
+ $jscomp.initSymbolIterator();e = { next: e };e[$jscomp.global.Symbol.iterator] = function () {
return this;
- };
-
- $.fn.dropdown = function (options) {
- var defaults = {
- inDuration: 300,
- outDuration: 225,
- constrainWidth: true, // Constrains width of dropdown to the activator
- hover: false,
- gutter: 0, // Spacing from edge
- belowOrigin: false,
- alignment: 'left',
- stopPropagation: false
- };
-
- // Open dropdown.
- if (options === "open") {
- this.each(function () {
- $(this).trigger('open');
- });
- return false;
- }
-
- // Close dropdown.
- if (options === "close") {
- this.each(function () {
- $(this).trigger('close');
- });
- return false;
- }
-
- this.each(function () {
- var origin = $(this);
- var curr_options = $.extend({}, defaults, options);
- var isFocused = false;
-
- // Dropdown menu
- var activates = $("#" + origin.attr('data-activates'));
-
- function updateOptions() {
- if (origin.data('induration') !== undefined) curr_options.inDuration = origin.data('induration');
- if (origin.data('outduration') !== undefined) curr_options.outDuration = origin.data('outduration');
- if (origin.data('constrainwidth') !== undefined) curr_options.constrainWidth = origin.data('constrainwidth');
- if (origin.data('hover') !== undefined) curr_options.hover = origin.data('hover');
- if (origin.data('gutter') !== undefined) curr_options.gutter = origin.data('gutter');
- if (origin.data('beloworigin') !== undefined) curr_options.belowOrigin = origin.data('beloworigin');
- if (origin.data('alignment') !== undefined) curr_options.alignment = origin.data('alignment');
- if (origin.data('stoppropagation') !== undefined) curr_options.stopPropagation = origin.data('stoppropagation');
- }
-
- updateOptions();
-
- // Attach dropdown to its activator
- origin.after(activates);
-
- /*
- Helper function to position and resize dropdown.
- Used in hover and click handler.
- */
- function placeDropdown(eventType) {
- // Check for simultaneous focus and click events.
- if (eventType === 'focus') {
- isFocused = true;
- }
-
- // Check html data attributes
- updateOptions();
-
- // Set Dropdown state
- activates.addClass('active');
- origin.addClass('active');
-
- var originWidth = origin[0].getBoundingClientRect().width;
-
- // Constrain width
- if (curr_options.constrainWidth === true) {
- activates.css('width', originWidth);
- } else {
- activates.css('white-space', 'nowrap');
- }
-
- // Offscreen detection
- var windowHeight = window.innerHeight;
- var originHeight = origin.innerHeight();
- var offsetLeft = origin.offset().left;
- var offsetTop = origin.offset().top - $(window).scrollTop();
- var currAlignment = curr_options.alignment;
- var gutterSpacing = 0;
- var leftPosition = 0;
-
- // Below Origin
- var verticalOffset = 0;
- if (curr_options.belowOrigin === true) {
- verticalOffset = originHeight;
- }
-
- // Check for scrolling positioned container.
- var scrollYOffset = 0;
- var scrollXOffset = 0;
- var wrapper = origin.parent();
- if (!wrapper.is('body')) {
- if (wrapper[0].scrollHeight > wrapper[0].clientHeight) {
- scrollYOffset = wrapper[0].scrollTop;
- }
- if (wrapper[0].scrollWidth > wrapper[0].clientWidth) {
- scrollXOffset = wrapper[0].scrollLeft;
- }
- }
-
- if (offsetLeft + activates.innerWidth() > $(window).width()) {
- // Dropdown goes past screen on right, force right alignment
- currAlignment = 'right';
- } else if (offsetLeft - activates.innerWidth() + origin.innerWidth() < 0) {
- // Dropdown goes past screen on left, force left alignment
- currAlignment = 'left';
- }
- // Vertical bottom offscreen detection
- if (offsetTop + activates.innerHeight() > windowHeight) {
- // If going upwards still goes offscreen, just crop height of dropdown.
- if (offsetTop + originHeight - activates.innerHeight() < 0) {
- var adjustedHeight = windowHeight - offsetTop - verticalOffset;
- activates.css('max-height', adjustedHeight);
- } else {
- // Flow upwards.
- if (!verticalOffset) {
- verticalOffset += originHeight;
- }
- verticalOffset -= activates.innerHeight();
- }
- }
-
- // Handle edge alignment
- if (currAlignment === 'left') {
- gutterSpacing = curr_options.gutter;
- leftPosition = origin.position().left + gutterSpacing;
- } else if (currAlignment === 'right') {
- // Material icons fix
- activates.stop(true, true).css({
- opacity: 0,
- left: 0
- });
-
- var offsetRight = origin.position().left + originWidth - activates.width();
- gutterSpacing = -curr_options.gutter;
- leftPosition = offsetRight + gutterSpacing;
- }
-
- // Position dropdown
- activates.css({
- position: 'absolute',
- top: origin.position().top + verticalOffset + scrollYOffset,
- left: leftPosition + scrollXOffset
- });
-
- // Show dropdown
- activates.slideDown({
- queue: false,
- duration: curr_options.inDuration,
- easing: 'easeOutCubic',
- complete: function () {
- $(this).css('height', '');
- }
- }).animate({ opacity: 1 }, { queue: false, duration: curr_options.inDuration, easing: 'easeOutSine' });
-
- // Add click close handler to document
- setTimeout(function () {
- $(document).on('click.' + activates.attr('id'), function (e) {
- hideDropdown();
- $(document).off('click.' + activates.attr('id'));
- });
- }, 0);
- }
-
- function hideDropdown() {
- // Check for simultaneous focus and click events.
- isFocused = false;
- activates.fadeOut(curr_options.outDuration);
- activates.removeClass('active');
- origin.removeClass('active');
- $(document).off('click.' + activates.attr('id'));
- setTimeout(function () {
- activates.css('max-height', '');
- }, curr_options.outDuration);
- }
-
- // Hover
- if (curr_options.hover) {
- var open = false;
- origin.off('click.' + origin.attr('id'));
- // Hover handler to show dropdown
- origin.on('mouseenter', function (e) {
- // Mouse over
- if (open === false) {
- placeDropdown();
- open = true;
- }
- });
- origin.on('mouseleave', function (e) {
- // If hover on origin then to something other than dropdown content, then close
- var toEl = e.toElement || e.relatedTarget; // added browser compatibility for target element
- if (!$(toEl).closest('.dropdown-content').is(activates)) {
- activates.stop(true, true);
- hideDropdown();
- open = false;
- }
- });
-
- activates.on('mouseleave', function (e) {
- // Mouse out
- var toEl = e.toElement || e.relatedTarget;
- if (!$(toEl).closest('.dropdown-button').is(origin)) {
- activates.stop(true, true);
- hideDropdown();
- open = false;
- }
- });
-
- // Click
- } else {
- // Click handler to show dropdown
- origin.off('click.' + origin.attr('id'));
- origin.on('click.' + origin.attr('id'), function (e) {
- if (!isFocused) {
- if (origin[0] == e.currentTarget && !origin.hasClass('active') && $(e.target).closest('.dropdown-content').length === 0) {
- e.preventDefault(); // Prevents button click from moving window
- if (curr_options.stopPropagation) {
- e.stopPropagation();
- }
- placeDropdown('click');
- }
- // If origin is clicked and menu is open, close menu
- else if (origin.hasClass('active')) {
- hideDropdown();
- $(document).off('click.' + activates.attr('id'));
- }
- }
- });
- } // End else
-
- // Listen to open and close event - useful for select component
- origin.on('open', function (e, eventType) {
- placeDropdown(eventType);
- });
- origin.on('close', hideDropdown);
+ };return e;
+};$jscomp.array = $jscomp.array || {};$jscomp.iteratorFromArray = function (e, r) {
+ $jscomp.initSymbolIterator();e instanceof String && (e += "");var p = 0,
+ m = { next: function () {
+ if (p < e.length) {
+ var u = p++;return { value: r(u, e[u]), done: !1 };
+ }m.next = function () {
+ return { done: !0, value: void 0 };
+ };return m.next();
+ } };m[Symbol.iterator] = function () {
+ return m;
+ };return m;
+};
+$jscomp.polyfill = function (e, r, p, m) {
+ if (r) {
+ p = $jscomp.global;e = e.split(".");for (m = 0; m < e.length - 1; m++) {
+ var u = e[m];u in p || (p[u] = {});p = p[u];
+ }e = e[e.length - 1];m = p[e];r = r(m);r != m && null != r && $jscomp.defineProperty(p, e, { configurable: !0, writable: !0, value: r });
+ }
+};$jscomp.polyfill("Array.prototype.keys", function (e) {
+ return e ? e : function () {
+ return $jscomp.iteratorFromArray(this, function (e) {
+ return e;
});
- }; // End dropdown plugin
-
- $(document).ready(function () {
- $('.dropdown-button').dropdown();
- });
-})(jQuery);
-; (function ($, Vel) {
+ };
+}, "es6-impl", "es3");var $jscomp$this = this;
+(function (r) {
+ M.anime = r();
+})(function () {
+ function e(a) {
+ if (!h.col(a)) try {
+ return document.querySelectorAll(a);
+ } catch (c) {}
+ }function r(a, c) {
+ for (var d = a.length, b = 2 <= arguments.length ? arguments[1] : void 0, f = [], n = 0; n < d; n++) {
+ if (n in a) {
+ var k = a[n];c.call(b, k, n, a) && f.push(k);
+ }
+ }return f;
+ }function p(a) {
+ return a.reduce(function (a, d) {
+ return a.concat(h.arr(d) ? p(d) : d);
+ }, []);
+ }function m(a) {
+ if (h.arr(a)) return a;
+ h.str(a) && (a = e(a) || a);return a instanceof NodeList || a instanceof HTMLCollection ? [].slice.call(a) : [a];
+ }function u(a, c) {
+ return a.some(function (a) {
+ return a === c;
+ });
+ }function C(a) {
+ var c = {},
+ d;for (d in a) {
+ c[d] = a[d];
+ }return c;
+ }function D(a, c) {
+ var d = C(a),
+ b;for (b in a) {
+ d[b] = c.hasOwnProperty(b) ? c[b] : a[b];
+ }return d;
+ }function z(a, c) {
+ var d = C(a),
+ b;for (b in c) {
+ d[b] = h.und(a[b]) ? c[b] : a[b];
+ }return d;
+ }function T(a) {
+ a = a.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i, function (a, c, d, k) {
+ return c + c + d + d + k + k;
+ });var c = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(a);
+ a = parseInt(c[1], 16);var d = parseInt(c[2], 16),
+ c = parseInt(c[3], 16);return "rgba(" + a + "," + d + "," + c + ",1)";
+ }function U(a) {
+ function c(a, c, b) {
+ 0 > b && (b += 1);1 < b && --b;return b < 1 / 6 ? a + 6 * (c - a) * b : .5 > b ? c : b < 2 / 3 ? a + (c - a) * (2 / 3 - b) * 6 : a;
+ }var d = /hsl\((\d+),\s*([\d.]+)%,\s*([\d.]+)%\)/g.exec(a) || /hsla\((\d+),\s*([\d.]+)%,\s*([\d.]+)%,\s*([\d.]+)\)/g.exec(a);a = parseInt(d[1]) / 360;var b = parseInt(d[2]) / 100,
+ f = parseInt(d[3]) / 100,
+ d = d[4] || 1;if (0 == b) f = b = a = f;else {
+ var n = .5 > f ? f * (1 + b) : f + b - f * b,
+ k = 2 * f - n,
+ f = c(k, n, a + 1 / 3),
+ b = c(k, n, a);a = c(k, n, a - 1 / 3);
+ }return "rgba(" + 255 * f + "," + 255 * b + "," + 255 * a + "," + d + ")";
+ }function y(a) {
+ if (a = /([\+\-]?[0-9#\.]+)(%|px|pt|em|rem|in|cm|mm|ex|ch|pc|vw|vh|vmin|vmax|deg|rad|turn)?$/.exec(a)) return a[2];
+ }function V(a) {
+ if (-1 < a.indexOf("translate") || "perspective" === a) return "px";if (-1 < a.indexOf("rotate") || -1 < a.indexOf("skew")) return "deg";
+ }function I(a, c) {
+ return h.fnc(a) ? a(c.target, c.id, c.total) : a;
+ }function E(a, c) {
+ if (c in a.style) return getComputedStyle(a).getPropertyValue(c.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase()) || "0";
+ }function J(a, c) {
+ if (h.dom(a) && u(W, c)) return "transform";if (h.dom(a) && (a.getAttribute(c) || h.svg(a) && a[c])) return "attribute";if (h.dom(a) && "transform" !== c && E(a, c)) return "css";if (null != a[c]) return "object";
+ }function X(a, c) {
+ var d = V(c),
+ d = -1 < c.indexOf("scale") ? 1 : 0 + d;a = a.style.transform;if (!a) return d;for (var b = [], f = [], n = [], k = /(\w+)\((.+?)\)/g; b = k.exec(a);) {
+ f.push(b[1]), n.push(b[2]);
+ }a = r(n, function (a, b) {
+ return f[b] === c;
+ });return a.length ? a[0] : d;
+ }function K(a, c) {
+ switch (J(a, c)) {case "transform":
+ return X(a, c);case "css":
+ return E(a, c);case "attribute":
+ return a.getAttribute(c);}return a[c] || 0;
+ }function L(a, c) {
+ var d = /^(\*=|\+=|-=)/.exec(a);if (!d) return a;var b = y(a) || 0;c = parseFloat(c);a = parseFloat(a.replace(d[0], ""));switch (d[0][0]) {case "+":
+ return c + a + b;case "-":
+ return c - a + b;case "*":
+ return c * a + b;}
+ }function F(a, c) {
+ return Math.sqrt(Math.pow(c.x - a.x, 2) + Math.pow(c.y - a.y, 2));
+ }function M(a) {
+ a = a.points;for (var c = 0, d, b = 0; b < a.numberOfItems; b++) {
+ var f = a.getItem(b);0 < b && (c += F(d, f));d = f;
+ }return c;
+ }function N(a) {
+ if (a.getTotalLength) return a.getTotalLength();switch (a.tagName.toLowerCase()) {case "circle":
+ return 2 * Math.PI * a.getAttribute("r");case "rect":
+ return 2 * a.getAttribute("width") + 2 * a.getAttribute("height");case "line":
+ return F({ x: a.getAttribute("x1"), y: a.getAttribute("y1") }, { x: a.getAttribute("x2"), y: a.getAttribute("y2") });case "polyline":
+ return M(a);case "polygon":
+ var c = a.points;return M(a) + F(c.getItem(c.numberOfItems - 1), c.getItem(0));}
+ }function Y(a, c) {
+ function d(b) {
+ b = void 0 === b ? 0 : b;return a.el.getPointAtLength(1 <= c + b ? c + b : 0);
+ }var b = d(),
+ f = d(-1),
+ n = d(1);switch (a.property) {case "x":
+ return b.x;case "y":
+ return b.y;
+ case "angle":
+ return 180 * Math.atan2(n.y - f.y, n.x - f.x) / Math.PI;}
+ }function O(a, c) {
+ var d = /-?\d*\.?\d+/g,
+ b;b = h.pth(a) ? a.totalLength : a;if (h.col(b)) {
+ if (h.rgb(b)) {
+ var f = /rgb\((\d+,\s*[\d]+,\s*[\d]+)\)/g.exec(b);b = f ? "rgba(" + f[1] + ",1)" : b;
+ } else b = h.hex(b) ? T(b) : h.hsl(b) ? U(b) : void 0;
+ } else f = (f = y(b)) ? b.substr(0, b.length - f.length) : b, b = c && !/\s/g.test(b) ? f + c : f;b += "";return { original: b, numbers: b.match(d) ? b.match(d).map(Number) : [0], strings: h.str(a) || c ? b.split(d) : [] };
+ }function P(a) {
+ a = a ? p(h.arr(a) ? a.map(m) : m(a)) : [];return r(a, function (a, d, b) {
+ return b.indexOf(a) === d;
+ });
+ }function Z(a) {
+ var c = P(a);return c.map(function (a, b) {
+ return { target: a, id: b, total: c.length };
+ });
+ }function aa(a, c) {
+ var d = C(c);if (h.arr(a)) {
+ var b = a.length;2 !== b || h.obj(a[0]) ? h.fnc(c.duration) || (d.duration = c.duration / b) : a = { value: a };
+ }return m(a).map(function (a, b) {
+ b = b ? 0 : c.delay;a = h.obj(a) && !h.pth(a) ? a : { value: a };h.und(a.delay) && (a.delay = b);return a;
+ }).map(function (a) {
+ return z(a, d);
+ });
+ }function ba(a, c) {
+ var d = {},
+ b;for (b in a) {
+ var f = I(a[b], c);h.arr(f) && (f = f.map(function (a) {
+ return I(a, c);
+ }), 1 === f.length && (f = f[0]));d[b] = f;
+ }d.duration = parseFloat(d.duration);d.delay = parseFloat(d.delay);return d;
+ }function ca(a) {
+ return h.arr(a) ? A.apply(this, a) : Q[a];
+ }function da(a, c) {
+ var d;return a.tweens.map(function (b) {
+ b = ba(b, c);var f = b.value,
+ e = K(c.target, a.name),
+ k = d ? d.to.original : e,
+ k = h.arr(f) ? f[0] : k,
+ w = L(h.arr(f) ? f[1] : f, k),
+ e = y(w) || y(k) || y(e);b.from = O(k, e);b.to = O(w, e);b.start = d ? d.end : a.offset;b.end = b.start + b.delay + b.duration;b.easing = ca(b.easing);b.elasticity = (1E3 - Math.min(Math.max(b.elasticity, 1), 999)) / 1E3;b.isPath = h.pth(f);b.isColor = h.col(b.from.original);b.isColor && (b.round = 1);return d = b;
+ });
+ }function ea(a, c) {
+ return r(p(a.map(function (a) {
+ return c.map(function (b) {
+ var c = J(a.target, b.name);if (c) {
+ var d = da(b, a);b = { type: c, property: b.name, animatable: a, tweens: d, duration: d[d.length - 1].end, delay: d[0].delay };
+ } else b = void 0;return b;
+ });
+ })), function (a) {
+ return !h.und(a);
+ });
+ }function R(a, c, d, b) {
+ var f = "delay" === a;return c.length ? (f ? Math.min : Math.max).apply(Math, c.map(function (b) {
+ return b[a];
+ })) : f ? b.delay : d.offset + b.delay + b.duration;
+ }function fa(a) {
+ var c = D(ga, a),
+ d = D(S, a),
+ b = Z(a.targets),
+ f = [],
+ e = z(c, d),
+ k;for (k in a) {
+ e.hasOwnProperty(k) || "targets" === k || f.push({ name: k, offset: e.offset, tweens: aa(a[k], d) });
+ }a = ea(b, f);return z(c, { children: [], animatables: b, animations: a, duration: R("duration", a, c, d), delay: R("delay", a, c, d) });
+ }function q(a) {
+ function c() {
+ return window.Promise && new Promise(function (a) {
+ return p = a;
+ });
+ }function d(a) {
+ return g.reversed ? g.duration - a : a;
+ }function b(a) {
+ for (var b = 0, c = {}, d = g.animations, f = d.length; b < f;) {
+ var e = d[b],
+ k = e.animatable,
+ h = e.tweens,
+ n = h.length - 1,
+ l = h[n];n && (l = r(h, function (b) {
+ return a < b.end;
+ })[0] || l);for (var h = Math.min(Math.max(a - l.start - l.delay, 0), l.duration) / l.duration, w = isNaN(h) ? 1 : l.easing(h, l.elasticity), h = l.to.strings, p = l.round, n = [], m = void 0, m = l.to.numbers.length, t = 0; t < m; t++) {
+ var x = void 0,
+ x = l.to.numbers[t],
+ q = l.from.numbers[t],
+ x = l.isPath ? Y(l.value, w * x) : q + w * (x - q);p && (l.isColor && 2 < t || (x = Math.round(x * p) / p));n.push(x);
+ }if (l = h.length) for (m = h[0], w = 0; w < l; w++) {
+ p = h[w + 1], t = n[w], isNaN(t) || (m = p ? m + (t + p) : m + (t + " "));
+ } else m = n[0];ha[e.type](k.target, e.property, m, c, k.id);e.currentValue = m;b++;
+ }if (b = Object.keys(c).length) for (d = 0; d < b; d++) {
+ H || (H = E(document.body, "transform") ? "transform" : "-webkit-transform"), g.animatables[d].target.style[H] = c[d].join(" ");
+ }g.currentTime = a;g.progress = a / g.duration * 100;
+ }function f(a) {
+ if (g[a]) g[a](g);
+ }function e() {
+ g.remaining && !0 !== g.remaining && g.remaining--;
+ }function k(a) {
+ var k = g.duration,
+ n = g.offset,
+ w = n + g.delay,
+ r = g.currentTime,
+ x = g.reversed,
+ q = d(a);if (g.children.length) {
+ var u = g.children,
+ v = u.length;
+ if (q >= g.currentTime) for (var G = 0; G < v; G++) {
+ u[G].seek(q);
+ } else for (; v--;) {
+ u[v].seek(q);
+ }
+ }if (q >= w || !k) g.began || (g.began = !0, f("begin")), f("run");if (q > n && q < k) b(q);else if (q <= n && 0 !== r && (b(0), x && e()), q >= k && r !== k || !k) b(k), x || e();f("update");a >= k && (g.remaining ? (t = h, "alternate" === g.direction && (g.reversed = !g.reversed)) : (g.pause(), g.completed || (g.completed = !0, f("complete"), "Promise" in window && (p(), m = c()))), l = 0);
+ }a = void 0 === a ? {} : a;var h,
+ t,
+ l = 0,
+ p = null,
+ m = c(),
+ g = fa(a);g.reset = function () {
+ var a = g.direction,
+ c = g.loop;g.currentTime = 0;g.progress = 0;g.paused = !0;g.began = !1;g.completed = !1;g.reversed = "reverse" === a;g.remaining = "alternate" === a && 1 === c ? 2 : c;b(0);for (a = g.children.length; a--;) {
+ g.children[a].reset();
+ }
+ };g.tick = function (a) {
+ h = a;t || (t = h);k((l + h - t) * q.speed);
+ };g.seek = function (a) {
+ k(d(a));
+ };g.pause = function () {
+ var a = v.indexOf(g);-1 < a && v.splice(a, 1);g.paused = !0;
+ };g.play = function () {
+ g.paused && (g.paused = !1, t = 0, l = d(g.currentTime), v.push(g), B || ia());
+ };g.reverse = function () {
+ g.reversed = !g.reversed;t = 0;l = d(g.currentTime);
+ };g.restart = function () {
+ g.pause();
+ g.reset();g.play();
+ };g.finished = m;g.reset();g.autoplay && g.play();return g;
+ }var ga = { update: void 0, begin: void 0, run: void 0, complete: void 0, loop: 1, direction: "normal", autoplay: !0, offset: 0 },
+ S = { duration: 1E3, delay: 0, easing: "easeOutElastic", elasticity: 500, round: 0 },
+ W = "translateX translateY translateZ rotate rotateX rotateY rotateZ scale scaleX scaleY scaleZ skewX skewY perspective".split(" "),
+ H,
+ h = { arr: function (a) {
+ return Array.isArray(a);
+ }, obj: function (a) {
+ return -1 < Object.prototype.toString.call(a).indexOf("Object");
+ },
+ pth: function (a) {
+ return h.obj(a) && a.hasOwnProperty("totalLength");
+ }, svg: function (a) {
+ return a instanceof SVGElement;
+ }, dom: function (a) {
+ return a.nodeType || h.svg(a);
+ }, str: function (a) {
+ return "string" === typeof a;
+ }, fnc: function (a) {
+ return "function" === typeof a;
+ }, und: function (a) {
+ return "undefined" === typeof a;
+ }, hex: function (a) {
+ return (/(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(a)
+ );
+ }, rgb: function (a) {
+ return (/^rgb/.test(a)
+ );
+ }, hsl: function (a) {
+ return (/^hsl/.test(a)
+ );
+ }, col: function (a) {
+ return h.hex(a) || h.rgb(a) || h.hsl(a);
+ } },
+ A = function () {
+ function a(a, d, b) {
+ return (((1 - 3 * b + 3 * d) * a + (3 * b - 6 * d)) * a + 3 * d) * a;
+ }return function (c, d, b, f) {
+ if (0 <= c && 1 >= c && 0 <= b && 1 >= b) {
+ var e = new Float32Array(11);if (c !== d || b !== f) for (var k = 0; 11 > k; ++k) {
+ e[k] = a(.1 * k, c, b);
+ }return function (k) {
+ if (c === d && b === f) return k;if (0 === k) return 0;if (1 === k) return 1;for (var h = 0, l = 1; 10 !== l && e[l] <= k; ++l) {
+ h += .1;
+ }--l;var l = h + (k - e[l]) / (e[l + 1] - e[l]) * .1,
+ n = 3 * (1 - 3 * b + 3 * c) * l * l + 2 * (3 * b - 6 * c) * l + 3 * c;if (.001 <= n) {
+ for (h = 0; 4 > h; ++h) {
+ n = 3 * (1 - 3 * b + 3 * c) * l * l + 2 * (3 * b - 6 * c) * l + 3 * c;if (0 === n) break;var m = a(l, c, b) - k,
+ l = l - m / n;
+ }k = l;
+ } else if (0 === n) k = l;else {
+ var l = h,
+ h = h + .1,
+ g = 0;do {
+ m = l + (h - l) / 2, n = a(m, c, b) - k, 0 < n ? h = m : l = m;
+ } while (1e-7 < Math.abs(n) && 10 > ++g);k = m;
+ }return a(k, d, f);
+ };
+ }
+ };
+ }(),
+ Q = function () {
+ function a(a, b) {
+ return 0 === a || 1 === a ? a : -Math.pow(2, 10 * (a - 1)) * Math.sin(2 * (a - 1 - b / (2 * Math.PI) * Math.asin(1)) * Math.PI / b);
+ }var c = "Quad Cubic Quart Quint Sine Expo Circ Back Elastic".split(" "),
+ d = { In: [[.55, .085, .68, .53], [.55, .055, .675, .19], [.895, .03, .685, .22], [.755, .05, .855, .06], [.47, 0, .745, .715], [.95, .05, .795, .035], [.6, .04, .98, .335], [.6, -.28, .735, .045], a], Out: [[.25, .46, .45, .94], [.215, .61, .355, 1], [.165, .84, .44, 1], [.23, 1, .32, 1], [.39, .575, .565, 1], [.19, 1, .22, 1], [.075, .82, .165, 1], [.175, .885, .32, 1.275], function (b, c) {
+ return 1 - a(1 - b, c);
+ }], InOut: [[.455, .03, .515, .955], [.645, .045, .355, 1], [.77, 0, .175, 1], [.86, 0, .07, 1], [.445, .05, .55, .95], [1, 0, 0, 1], [.785, .135, .15, .86], [.68, -.55, .265, 1.55], function (b, c) {
+ return .5 > b ? a(2 * b, c) / 2 : 1 - a(-2 * b + 2, c) / 2;
+ }] },
+ b = { linear: A(.25, .25, .75, .75) },
+ f = {},
+ e;for (e in d) {
+ f.type = e, d[f.type].forEach(function (a) {
+ return function (d, f) {
+ b["ease" + a.type + c[f]] = h.fnc(d) ? d : A.apply($jscomp$this, d);
+ };
+ }(f)), f = { type: f.type };
+ }return b;
+ }(),
+ ha = { css: function (a, c, d) {
+ return a.style[c] = d;
+ }, attribute: function (a, c, d) {
+ return a.setAttribute(c, d);
+ }, object: function (a, c, d) {
+ return a[c] = d;
+ }, transform: function (a, c, d, b, f) {
+ b[f] || (b[f] = []);b[f].push(c + "(" + d + ")");
+ } },
+ v = [],
+ B = 0,
+ ia = function () {
+ function a() {
+ B = requestAnimationFrame(c);
+ }function c(c) {
+ var b = v.length;if (b) {
+ for (var d = 0; d < b;) {
+ v[d] && v[d].tick(c), d++;
+ }a();
+ } else cancelAnimationFrame(B), B = 0;
+ }return a;
+ }();q.version = "2.2.0";q.speed = 1;q.running = v;q.remove = function (a) {
+ a = P(a);for (var c = v.length; c--;) {
+ for (var d = v[c], b = d.animations, f = b.length; f--;) {
+ u(a, b[f].animatable.target) && (b.splice(f, 1), b.length || d.pause());
+ }
+ }
+ };q.getValue = K;q.path = function (a, c) {
+ var d = h.str(a) ? e(a)[0] : a,
+ b = c || 100;return function (a) {
+ return { el: d, property: a, totalLength: N(d) * (b / 100) };
+ };
+ };q.setDashoffset = function (a) {
+ var c = N(a);a.setAttribute("stroke-dasharray", c);return c;
+ };q.bezier = A;q.easings = Q;q.timeline = function (a) {
+ var c = q(a);c.pause();c.duration = 0;c.add = function (d) {
+ c.children.forEach(function (a) {
+ a.began = !0;a.completed = !0;
+ });m(d).forEach(function (b) {
+ var d = z(b, D(S, a || {}));d.targets = d.targets || a.targets;b = c.duration;var e = d.offset;d.autoplay = !1;d.direction = c.direction;d.offset = h.und(e) ? b : L(e, b);c.began = !0;c.completed = !0;c.seek(d.offset);d = q(d);d.began = !0;d.completed = !0;d.duration > b && (c.duration = d.duration);c.children.push(d);
+ });c.seek(0);c.reset();c.autoplay && c.restart();return c;
+ };return c;
+ };q.random = function (a, c) {
+ return Math.floor(Math.random() * (c - a + 1)) + a;
+ };return q;
+});
+;(function ($, anim) {
'use strict';
var _defaults = {
- opacity: 0.5,
- inDuration: 250,
- outDuration: 250,
- ready: undefined,
- complete: undefined,
- dismissible: true,
- startingTop: '4%',
- endingTop: '0%'
+ accordion: true,
+ onOpenStart: undefined,
+ onOpenEnd: undefined,
+ onCloseStart: undefined,
+ onCloseEnd: undefined,
+ inDuration: 300,
+ outDuration: 300
};
/**
@@ -1956,84 +1901,63 @@ if (Vel) {
*
*/
- var Modal = function () {
+ var Collapsible = function (_Component) {
+ _inherits(Collapsible, _Component);
+
/**
- * Construct Modal instance and set up overlay
+ * Construct Collapsible instance
* @constructor
- * @param {jQuery} $el
+ * @param {Element} el
* @param {Object} options
*/
- function Modal($el, options) {
- _classCallCheck(this, Modal);
+ function Collapsible(el, options) {
+ _classCallCheck(this, Collapsible);
- // If exists, destroy and reinitialize
- if (!!$el[0].M_Modal) {
- $el[0].M_Modal.destroy();
+ var _this3 = _possibleConstructorReturn(this, (Collapsible.__proto__ || Object.getPrototypeOf(Collapsible)).call(this, Collapsible, el, options));
+
+ _this3.el.M_Collapsible = _this3;
+
+ /**
+ * Options for the collapsible
+ * @member Collapsible#options
+ * @prop {Boolean} [accordion=false] - Type of the collapsible
+ * @prop {Function} onOpenStart - Callback function called before collapsible is opened
+ * @prop {Function} onOpenEnd - Callback function called after collapsible is opened
+ * @prop {Function} onCloseStart - Callback function called before collapsible is closed
+ * @prop {Function} onCloseEnd - Callback function called after collapsible is closed
+ * @prop {Number} inDuration - Transition in duration in milliseconds.
+ * @prop {Number} outDuration - Transition duration in milliseconds.
+ */
+ _this3.options = $.extend({}, Collapsible.defaults, options);
+
+ // Setup tab indices
+ _this3.$headers = _this3.$el.children('li').children('.collapsible-header');
+ _this3.$headers.attr('tabindex', 0);
+
+ _this3._setupEventHandlers();
+
+ // Open first active
+ var $activeBodies = _this3.$el.children('li.active').children('.collapsible-body');
+ if (_this3.options.accordion) {
+ // Handle Accordion
+ $activeBodies.first().css('display', 'block');
+ } else {
+ // Handle Expandables
+ $activeBodies.css('display', 'block');
}
-
- /**
- * The jQuery element
- * @type {jQuery}
- */
- this.$el = $el;
-
- /**
- * Options for the modal
- * @member Modal#options
- * @prop {Number} [opacity=0.5] - Opacity of the modal overlay
- * @prop {Number} [inDuration=250] - Length in ms of enter transition
- * @prop {Number} [outDuration=250] - Length in ms of exit transition
- * @prop {Function} ready - Callback function called when modal is finished entering
- * @prop {Function} complete - Callback function called when modal is finished exiting
- * @prop {Boolean} [dismissible=true] - Allow modal to be dismissed by keyboard or overlay click
- * @prop {String} [startingTop='4%'] - startingTop
- * @prop {String} [endingTop='10%'] - endingTop
- */
- this.options = $.extend({}, Modal.defaults, options);
-
- /**
- * Describes open/close state of modal
- * @type {Boolean}
- */
- this.isOpen = false;
-
- this.$el[0].M_Modal = this;
- this.id = $el.attr('id');
- this.openingTrigger = undefined;
- this.$overlay = $('
');
-
- Modal._increment++;
- Modal._count++;
- this.$overlay[0].style.zIndex = 1000 + Modal._increment * 2;
- this.$el[0].style.zIndex = 1000 + Modal._increment * 2 + 1;
- this.setupEventHandlers();
+ return _this3;
}
- _createClass(Modal, [{
- key: 'getInstance',
+ _createClass(Collapsible, [{
+ key: "destroy",
- /**
- * Get Instance
- */
- value: function getInstance() {
- return this;
- }
-
/**
* Teardown component
*/
-
- }, {
- key: 'destroy',
value: function destroy() {
- this.removeEventHandlers();
- this.$el[0].removeAttribute('style');
- if (!!this.$overlay[0].parentNode) {
- this.$overlay[0].parentNode.removeChild(this.$overlay[0]);
- }
- this.$el[0].M_Modal = undefined;
- Modal._count--;
+ this._removeEventHandlers();
+ this.el.M_Collapsible = undefined;
}
/**
@@ -2041,16 +1965,16 @@ if (Vel) {
*/
}, {
- key: 'setupEventHandlers',
- value: function setupEventHandlers() {
- this.handleOverlayClickBound = this.handleOverlayClick.bind(this);
- this.handleModalCloseClickBound = this.handleModalCloseClick.bind(this);
+ key: "_setupEventHandlers",
+ value: function _setupEventHandlers() {
+ var _this4 = this;
- if (Modal._count === 1) {
- document.body.addEventListener('click', this.handleTriggerClick);
- }
- this.$overlay[0].addEventListener('click', this.handleOverlayClickBound);
- this.$el[0].addEventListener('click', this.handleModalCloseClickBound);
+ this._handleCollapsibleClickBound = this._handleCollapsibleClick.bind(this);
+ this._handleCollapsibleKeydownBound = this._handleCollapsibleKeydown.bind(this);
+ this.el.addEventListener('click', this._handleCollapsibleClickBound);
+ this.$headers.each(function (header) {
+ header.addEventListener('keydown', _this4._handleCollapsibleKeydownBound);
+ });
}
/**
@@ -2058,13 +1982,998 @@ if (Vel) {
*/
}, {
- key: 'removeEventHandlers',
- value: function removeEventHandlers() {
- if (Modal._count === 0) {
- document.body.removeEventListener('click', this.handleTriggerClick);
+ key: "_removeEventHandlers",
+ value: function _removeEventHandlers() {
+ var _this5 = this;
+
+ this.el.removeEventListener('click', this._handleCollapsibleClickBound);
+ this.$headers.each(function (header) {
+ header.removeEventListener('keydown', _this5._handleCollapsibleKeydownBound);
+ });
+ }
+
+ /**
+ * Handle Collapsible Click
+ * @param {Event} e
+ */
+
+ }, {
+ key: "_handleCollapsibleClick",
+ value: function _handleCollapsibleClick(e) {
+ var $header = $(e.target).closest('.collapsible-header');
+ if (e.target && $header.length) {
+ var $collapsible = $header.closest('.collapsible');
+ if ($collapsible[0] === this.el) {
+ var $collapsibleLi = $header.closest('li');
+ var $collapsibleLis = $collapsible.children('li');
+ var isActive = $collapsibleLi[0].classList.contains('active');
+ var index = $collapsibleLis.index($collapsibleLi);
+
+ if (isActive) {
+ this.close(index);
+ } else {
+ this.open(index);
+ }
+ }
}
- this.$overlay[0].removeEventListener('click', this.handleOverlayClickBound);
- this.$el[0].removeEventListener('click', this.handleModalCloseClickBound);
+ }
+
+ /**
+ * Handle Collapsible Keydown
+ * @param {Event} e
+ */
+
+ }, {
+ key: "_handleCollapsibleKeydown",
+ value: function _handleCollapsibleKeydown(e) {
+ if (e.keyCode === 13) {
+ this._handleCollapsibleClickBound(e);
+ }
+ }
+
+ /**
+ * Animate in collapsible slide
+ * @param {Number} index - 0th index of slide
+ */
+
+ }, {
+ key: "_animateIn",
+ value: function _animateIn(index) {
+ var _this6 = this;
+
+ var $collapsibleLi = this.$el.children('li').eq(index);
+ if ($collapsibleLi.length) {
+ var $body = $collapsibleLi.children('.collapsible-body');
+
+ anim.remove($body[0]);
+ $body.css({
+ display: 'block',
+ overflow: 'hidden',
+ height: 0,
+ paddingTop: '',
+ paddingBottom: ''
+ });
+
+ var pTop = $body.css('padding-top');
+ var pBottom = $body.css('padding-bottom');
+ var finalHeight = $body[0].scrollHeight;
+ $body.css({
+ paddingTop: 0,
+ paddingBottom: 0
+ });
+
+ anim({
+ targets: $body[0],
+ height: finalHeight,
+ paddingTop: pTop,
+ paddingBottom: pBottom,
+ duration: this.options.inDuration,
+ easing: 'easeInOutCubic',
+ complete: function (anim) {
+ $body.css({
+ overflow: '',
+ paddingTop: '',
+ paddingBottom: '',
+ height: ''
+ });
+
+ // onOpenEnd callback
+ if (typeof _this6.options.onOpenEnd === 'function') {
+ _this6.options.onOpenEnd.call(_this6, $collapsibleLi[0]);
+ }
+ }
+ });
+ }
+ }
+
+ /**
+ * Animate out collapsible slide
+ * @param {Number} index - 0th index of slide to open
+ */
+
+ }, {
+ key: "_animateOut",
+ value: function _animateOut(index) {
+ var _this7 = this;
+
+ var $collapsibleLi = this.$el.children('li').eq(index);
+ if ($collapsibleLi.length) {
+ var $body = $collapsibleLi.children('.collapsible-body');
+ anim.remove($body[0]);
+ $body.css('overflow', 'hidden');
+ anim({
+ targets: $body[0],
+ height: 0,
+ paddingTop: 0,
+ paddingBottom: 0,
+ duration: this.options.outDuration,
+ easing: 'easeInOutCubic',
+ complete: function () {
+ $body.css({
+ height: '',
+ overflow: '',
+ padding: '',
+ display: ''
+ });
+
+ // onCloseEnd callback
+ if (typeof _this7.options.onCloseEnd === 'function') {
+ _this7.options.onCloseEnd.call(_this7, $collapsibleLi[0]);
+ }
+ }
+ });
+ }
+ }
+
+ /**
+ * Open Collapsible
+ * @param {Number} index - 0th index of slide
+ */
+
+ }, {
+ key: "open",
+ value: function open(index) {
+ var _this8 = this;
+
+ var $collapsibleLi = this.$el.children('li').eq(index);
+ if ($collapsibleLi.length && !$collapsibleLi[0].classList.contains('active')) {
+ // onOpenStart callback
+ if (typeof this.options.onOpenStart === 'function') {
+ this.options.onOpenStart.call(this, $collapsibleLi[0]);
+ }
+
+ // Handle accordion behavior
+ if (this.options.accordion) {
+ var $collapsibleLis = this.$el.children('li');
+ var $activeLis = this.$el.children('li.active');
+ $activeLis.each(function (el) {
+ var index = $collapsibleLis.index($(el));
+ _this8.close(index);
+ });
+ }
+
+ // Animate in
+ $collapsibleLi[0].classList.add('active');
+ this._animateIn(index);
+ }
+ }
+
+ /**
+ * Close Collapsible
+ * @param {Number} index - 0th index of slide
+ */
+
+ }, {
+ key: "close",
+ value: function close(index) {
+ var $collapsibleLi = this.$el.children('li').eq(index);
+ if ($collapsibleLi.length && $collapsibleLi[0].classList.contains('active')) {
+ // onCloseStart callback
+ if (typeof this.options.onCloseStart === 'function') {
+ this.options.onCloseStart.call(this, $collapsibleLi[0]);
+ }
+
+ // Animate out
+ $collapsibleLi[0].classList.remove('active');
+ this._animateOut(index);
+ }
+ }
+ }], [{
+ key: "init",
+ value: function init(els, options) {
+ return _get(Collapsible.__proto__ || Object.getPrototypeOf(Collapsible), "init", this).call(this, this, els, options);
+ }
+
+ /**
+ * Get Instance
+ */
+
+ }, {
+ key: "getInstance",
+ value: function getInstance(el) {
+ var domElem = !!el.jquery ? el[0] : el;
+ return domElem.M_Collapsible;
+ }
+ }, {
+ key: "defaults",
+ get: function () {
+ return _defaults;
+ }
+ }]);
+
+ return Collapsible;
+ }(Component);
+
+ M.Collapsible = Collapsible;
+
+ if (M.jQueryLoaded) {
+ M.initializeJqueryWrapper(Collapsible, 'collapsible', 'M_Collapsible');
+ }
+})(cash, M.anime);
+;(function ($, anim) {
+ 'use strict';
+
+ var _defaults = {
+ alignment: 'left',
+ autoFocus: true,
+ constrainWidth: true,
+ container: null,
+ coverTrigger: true,
+ closeOnClick: true,
+ hover: false,
+ inDuration: 150,
+ outDuration: 250,
+ onOpenStart: null,
+ onOpenEnd: null,
+ onCloseStart: null,
+ onCloseEnd: null,
+ onItemClick: null
+ };
+
+ /**
+ * @class
+ */
+
+ var Dropdown = function (_Component2) {
+ _inherits(Dropdown, _Component2);
+
+ function Dropdown(el, options) {
+ _classCallCheck(this, Dropdown);
+
+ var _this9 = _possibleConstructorReturn(this, (Dropdown.__proto__ || Object.getPrototypeOf(Dropdown)).call(this, Dropdown, el, options));
+
+ _this9.el.M_Dropdown = _this9;
+ Dropdown._dropdowns.push(_this9);
+
+ _this9.id = M.getIdFromTrigger(el);
+ _this9.dropdownEl = document.getElementById(_this9.id);
+ _this9.$dropdownEl = $(_this9.dropdownEl);
+
+ /**
+ * Options for the dropdown
+ * @member Dropdown#options
+ * @prop {String} [alignment='left'] - Edge which the dropdown is aligned to
+ * @prop {Boolean} [autoFocus=true] - Automatically focus dropdown el for keyboard
+ * @prop {Boolean} [constrainWidth=true] - Constrain width to width of the button
+ * @prop {Element} container - Container element to attach dropdown to (optional)
+ * @prop {Boolean} [coverTrigger=true] - Place dropdown over trigger
+ * @prop {Boolean} [closeOnClick=true] - Close on click of dropdown item
+ * @prop {Boolean} [hover=false] - Open dropdown on hover
+ * @prop {Number} [inDuration=150] - Duration of open animation in ms
+ * @prop {Number} [outDuration=250] - Duration of close animation in ms
+ * @prop {Function} onOpenStart - Function called when dropdown starts opening
+ * @prop {Function} onOpenEnd - Function called when dropdown finishes opening
+ * @prop {Function} onCloseStart - Function called when dropdown starts closing
+ * @prop {Function} onCloseEnd - Function called when dropdown finishes closing
+ */
+ _this9.options = $.extend({}, Dropdown.defaults, options);
+
+ /**
+ * Describes open/close state of dropdown
+ * @type {Boolean}
+ */
+ _this9.isOpen = false;
+
+ /**
+ * Describes if dropdown content is scrollable
+ * @type {Boolean}
+ */
+ _this9.isScrollable = false;
+
+ /**
+ * Describes if touch moving on dropdown content
+ * @type {Boolean}
+ */
+ _this9.isTouchMoving = false;
+
+ _this9.focusedIndex = -1;
+ _this9.filterQuery = [];
+
+ // Move dropdown-content after dropdown-trigger
+ if (!!_this9.options.container) {
+ $(_this9.options.container).append(_this9.dropdownEl);
+ } else {
+ _this9.$el.after(_this9.dropdownEl);
+ }
+
+ _this9._makeDropdownFocusable();
+ _this9._resetFilterQueryBound = _this9._resetFilterQuery.bind(_this9);
+ _this9._handleDocumentClickBound = _this9._handleDocumentClick.bind(_this9);
+ _this9._handleDocumentTouchmoveBound = _this9._handleDocumentTouchmove.bind(_this9);
+ _this9._handleDropdownClickBound = _this9._handleDropdownClick.bind(_this9);
+ _this9._handleDropdownKeydownBound = _this9._handleDropdownKeydown.bind(_this9);
+ _this9._handleTriggerKeydownBound = _this9._handleTriggerKeydown.bind(_this9);
+ _this9._setupEventHandlers();
+ return _this9;
+ }
+
+ _createClass(Dropdown, [{
+ key: "destroy",
+
+
+ /**
+ * Teardown component
+ */
+ value: function destroy() {
+ this._resetDropdownStyles();
+ this._removeEventHandlers();
+ Dropdown._dropdowns.splice(Dropdown._dropdowns.indexOf(this), 1);
+ this.el.M_Dropdown = undefined;
+ }
+
+ /**
+ * Setup Event Handlers
+ */
+
+ }, {
+ key: "_setupEventHandlers",
+ value: function _setupEventHandlers() {
+ // Trigger keydown handler
+ this.el.addEventListener('keydown', this._handleTriggerKeydownBound);
+
+ // Item click handler
+ this.dropdownEl.addEventListener('click', this._handleDropdownClickBound);
+
+ // Hover event handlers
+ if (this.options.hover) {
+ this._handleMouseEnterBound = this._handleMouseEnter.bind(this);
+ this.el.addEventListener('mouseenter', this._handleMouseEnterBound);
+ this._handleMouseLeaveBound = this._handleMouseLeave.bind(this);
+ this.el.addEventListener('mouseleave', this._handleMouseLeaveBound);
+ this.dropdownEl.addEventListener('mouseleave', this._handleMouseLeaveBound);
+
+ // Click event handlers
+ } else {
+ this._handleClickBound = this._handleClick.bind(this);
+ this.el.addEventListener('click', this._handleClickBound);
+ }
+ }
+
+ /**
+ * Remove Event Handlers
+ */
+
+ }, {
+ key: "_removeEventHandlers",
+ value: function _removeEventHandlers() {
+ this.el.removeEventListener('keydown', this._handleTriggerKeydownBound);
+ this.dropdownEl.removeEventListener('click', this._handleDropdownClickBound);
+
+ if (this.options.hover) {
+ this.el.removeEventListener('mouseenter', this._handleMouseEnterBound);
+ this.el.removeEventListener('mouseleave', this._handleMouseLeaveBound);
+ this.dropdownEl.removeEventListener('mouseleave', this._handleMouseLeaveBound);
+ } else {
+ this.el.removeEventListener('click', this._handleClickBound);
+ }
+ }
+ }, {
+ key: "_setupTemporaryEventHandlers",
+ value: function _setupTemporaryEventHandlers() {
+ // Use capture phase event handler to prevent click
+ document.body.addEventListener('click', this._handleDocumentClickBound, true);
+ document.body.addEventListener('touchend', this._handleDocumentClickBound);
+ document.body.addEventListener('touchmove', this._handleDocumentTouchmoveBound);
+ this.dropdownEl.addEventListener('keydown', this._handleDropdownKeydownBound);
+ }
+ }, {
+ key: "_removeTemporaryEventHandlers",
+ value: function _removeTemporaryEventHandlers() {
+ // Use capture phase event handler to prevent click
+ document.body.removeEventListener('click', this._handleDocumentClickBound, true);
+ document.body.removeEventListener('touchend', this._handleDocumentClickBound);
+ document.body.removeEventListener('touchmove', this._handleDocumentTouchmoveBound);
+ this.dropdownEl.removeEventListener('keydown', this._handleDropdownKeydownBound);
+ }
+ }, {
+ key: "_handleClick",
+ value: function _handleClick(e) {
+ e.preventDefault();
+ this.open();
+ }
+ }, {
+ key: "_handleMouseEnter",
+ value: function _handleMouseEnter() {
+ this.open();
+ }
+ }, {
+ key: "_handleMouseLeave",
+ value: function _handleMouseLeave(e) {
+ var toEl = e.toElement || e.relatedTarget;
+ var leaveToDropdownContent = !!$(toEl).closest('.dropdown-content').length;
+ var leaveToActiveDropdownTrigger = false;
+
+ var $closestTrigger = $(toEl).closest('.dropdown-trigger');
+ if ($closestTrigger.length && !!$closestTrigger[0].M_Dropdown && $closestTrigger[0].M_Dropdown.isOpen) {
+ leaveToActiveDropdownTrigger = true;
+ }
+
+ // Close hover dropdown if mouse did not leave to either active dropdown-trigger or dropdown-content
+ if (!leaveToActiveDropdownTrigger && !leaveToDropdownContent) {
+ this.close();
+ }
+ }
+ }, {
+ key: "_handleDocumentClick",
+ value: function _handleDocumentClick(e) {
+ var _this10 = this;
+
+ var $target = $(e.target);
+ if (this.options.closeOnClick && $target.closest('.dropdown-content').length && !this.isTouchMoving) {
+ // isTouchMoving to check if scrolling on mobile.
+ setTimeout(function () {
+ _this10.close();
+ }, 0);
+ } else if ($target.closest('.dropdown-trigger').length || !$target.closest('.dropdown-content').length) {
+ setTimeout(function () {
+ _this10.close();
+ }, 0);
+ }
+ this.isTouchMoving = false;
+ }
+ }, {
+ key: "_handleTriggerKeydown",
+ value: function _handleTriggerKeydown(e) {
+ // ARROW DOWN OR ENTER WHEN SELECT IS CLOSED - open Dropdown
+ if ((e.which === M.keys.ARROW_DOWN || e.which === M.keys.ENTER) && !this.isOpen) {
+ e.preventDefault();
+ this.open();
+ }
+ }
+
+ /**
+ * Handle Document Touchmove
+ * @param {Event} e
+ */
+
+ }, {
+ key: "_handleDocumentTouchmove",
+ value: function _handleDocumentTouchmove(e) {
+ var $target = $(e.target);
+ if ($target.closest('.dropdown-content').length) {
+ this.isTouchMoving = true;
+ }
+ }
+
+ /**
+ * Handle Dropdown Click
+ * @param {Event} e
+ */
+
+ }, {
+ key: "_handleDropdownClick",
+ value: function _handleDropdownClick(e) {
+ // onItemClick callback
+ if (typeof this.options.onItemClick === 'function') {
+ var itemEl = $(e.target).closest('li')[0];
+ this.options.onItemClick.call(this, itemEl);
+ }
+ }
+
+ /**
+ * Handle Dropdown Keydown
+ * @param {Event} e
+ */
+
+ }, {
+ key: "_handleDropdownKeydown",
+ value: function _handleDropdownKeydown(e) {
+ if (e.which === M.keys.TAB) {
+ e.preventDefault();
+ this.close();
+
+ // Navigate down dropdown list
+ } else if ((e.which === M.keys.ARROW_DOWN || e.which === M.keys.ARROW_UP) && this.isOpen) {
+ e.preventDefault();
+ var direction = e.which === M.keys.ARROW_DOWN ? 1 : -1;
+ var newFocusedIndex = this.focusedIndex;
+ var foundNewIndex = false;
+ do {
+ newFocusedIndex = newFocusedIndex + direction;
+
+ if (!!this.dropdownEl.children[newFocusedIndex] && this.dropdownEl.children[newFocusedIndex].tabIndex !== -1) {
+ foundNewIndex = true;
+ break;
+ }
+ } while (newFocusedIndex < this.dropdownEl.children.length && newFocusedIndex >= 0);
+
+ if (foundNewIndex) {
+ this.focusedIndex = newFocusedIndex;
+ this._focusFocusedItem();
+ }
+
+ // ENTER selects choice on focused item
+ } else if (e.which === M.keys.ENTER && this.isOpen) {
+ // Search for and