UNPKG

i-rubik

Version:

A Vue.js 2.0+ UI Components Framework

2,196 lines 111 kB
html { box-sizing: border-box; overflow-y: scroll; /* All browsers without overlaying scrollbars */ -webkit-text-size-adjust: 100%; /* iOS 8+ */ } *, ::before, ::after { box-sizing: inherit; } ::before, ::after { text-decoration: inherit; /* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */ vertical-align: inherit; } * { background-repeat: no-repeat; /* Set `background-repeat: no-repeat` to all elements */ padding: 0; /* Reset `padding` and `margin` of all elements */ margin: 0; } audio:not([controls]) { display: none; height: 0; } hr { overflow: visible; /* Show the overflow in Edge and IE */ } article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; } summary { display: list-item; /* Add the correct display in all browsers */ } small { font-size: 80%; /* Set font-size to 80% in `small` elements */ } [hidden], template { display: none; /* Add the correct display in IE */ } abbr[title] { border-bottom: 1px dotted; /* Add a bordered underline effect in all browsers */ text-decoration: none; /* Remove text decoration in Firefox 40+ */ } a { background-color: transparent; /* Remove the gray background on active links in IE 10 */ -webkit-text-decoration-skip: objects; /* Remove gaps in links underline in iOS 8+ and Safari 8+ */ } a:active, a:hover { outline-width: 0; /* Remove the outline when hovering in all browsers */ } code, kbd, pre, samp { font-family: monospace, monospace; /* Specify the font family of code elements */ } b, strong { font-weight: bolder; /* Correct style set to `bold` in Edge 12+, Safari 6.2+, and Chrome 18+ */ } dfn { font-style: italic; /* Address styling not present in Safari and Chrome */ } mark { background-color: #ff0; color: #000; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } input { border-radius: 0; } button, [type="button"], [type="reset"], [type="submit"], [role="button"] { cursor: pointer; } [disabled] { cursor: default; } [type="number"] { width: auto; /* Firefox 36+ */ } [type="search"] { -webkit-appearance: textfield; /* Safari 8+ */ } [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; /* Safari 8 */ } textarea { overflow: auto; /* Internet Explorer 11+ */ resize: vertical; /* Specify textarea resizability */ } button, input, optgroup, select, textarea { font: inherit; /* Specify font inheritance of form elements */ } optgroup { font-weight: bold; /* Restore the font weight unset by the previous rule. */ } button { overflow: visible; /* Address `overflow` set to `hidden` in IE 8/9/10/11 */ } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: 0; padding: 0; } button:-moz-focusring, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { outline: 1px dotted ButtonText; } button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; /* Correct the inability to style clickable types in iOS */ } button, select { text-transform: none; /* Firefox 40+, Internet Explorer 11- */ } button, input, select, textarea { background-color: transparent; border-style: none; color: inherit; } select { -moz-appearance: none; /* Firefox 36+ */ -webkit-appearance: none; /* Chrome 41+ */ } select::-ms-expand { display: none; /* Internet Explorer 11+ */ } select::-ms-value { color: currentColor; /* Internet Explorer 11+ */ } legend { border: 0; /* Correct `color` not being inherited in IE 8/9/10/11 */ color: inherit; /* Correct the color inheritance from `fieldset` elements in IE */ display: table; /* Correct the text wrapping in Edge and IE */ max-width: 100%; /* Correct the text wrapping in Edge and IE */ white-space: normal; /* Correct the text wrapping in Edge and IE */ } ::-webkit-file-upload-button { -webkit-appearance: button; /* Correct the inability to style clickable types in iOS and Safari */ font: inherit; /* Change font properties to `inherit` in Chrome and Safari */ } [type="search"] { -webkit-appearance: textfield; /* Correct the odd appearance in Chrome and Safari */ outline-offset: -2px; /* Correct the outline style in Safari */ } img { border-style: none; /* Remove border when inside `a` element in IE 8/9/10 */ } progress { vertical-align: baseline; } svg:not(:root) { overflow: hidden; /* Internet Explorer 11- */ } audio, canvas, progress, video { display: inline-block; /* Internet Explorer 11+, Windows Phone 8.1+ */ } @media screen { [hidden~="screen"] { display: inherit; } [hidden~="screen"]:not(:active):not(:focus):not(:target) { position: absolute !important; clip: rect(0 0 0 0) !important; } } [aria-busy="true"] { cursor: progress; } [aria-controls] { cursor: pointer; } [aria-disabled] { cursor: default; } ::-moz-selection { background-color: #b3d4fc; /* Required when declaring ::selection */ text-shadow: none; } ::selection { background-color: #b3d4fc; /* Required when declaring ::selection */ text-shadow: none; } @font-face { font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: local('Material Icons'), local('MaterialIcons-Regular'), url("https://fonts.gstatic.com/s/materialicons/v20/2fcrYFNaTjcS6g4U3t-Y5UEw0lE80llgEseQY3FEmqw.woff2") format('woff2'); } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased; } .primary { background-color: #2196f3 !important; border-color: #2196f3 !important; } .primary-text { color: #2196f3 !important; } .primary-after:after { background: #2196f3 !important; } .secondary { background-color: #9e9e9e !important; border-color: #9e9e9e !important; } .secondary-text { color: #9e9e9e !important; } .secondary-after:after { background: #9e9e9e !important; } .info { background-color: #2196f3 !important; border-color: #2196f3 !important; } .info-text { color: #2196f3 !important; } .info-after:after { background: #2196f3 !important; } .warning { background-color: #ffc107 !important; border-color: #ffc107 !important; } .warning-text { color: #ffc107 !important; } .warning-after:after { background: #ffc107 !important; } .error { background-color: #f44336 !important; border-color: #f44336 !important; } .error-text { color: #f44336 !important; } .error-after:after { background: #f44336 !important; } .success { background-color: #4caf50 !important; border-color: #4caf50 !important; } .success-text { color: #4caf50 !important; } .success-after:after { background: #4caf50 !important; } .black { background-color: #000 !important; border-color: #000 !important; } .black-text { color: #000 !important; } .black-after:after { background: #000 !important; } .white { background-color: #fff !important; border-color: #fff !important; } .white-text { color: #fff !important; } .white-after:after { background: #fff !important; } .transparent { background-color: transparent !important; border-color: transparent !important; } .transparent-text { color: transparent !important; } .transparent-after:after { background: transparent !important; } .red { background-color: #f44336 !important; border-color: #f44336 !important; } .red-text { color: #f44336 !important; } .red-after:after { background: #f44336 !important; } .red.lighten-5 { background-color: #ffebee !important; border-color: #ffebee !important; } .red.lighten-5-after:after { background-color: #ffebee !important; } .red-text.text-lighten-5 { color: #ffebee !important; } .red.lighten-4 { background-color: #ffcdd2 !important; border-color: #ffcdd2 !important; } .red.lighten-4-after:after { background-color: #ffcdd2 !important; } .red-text.text-lighten-4 { color: #ffcdd2 !important; } .red.lighten-3 { background-color: #ef9a9a !important; border-color: #ef9a9a !important; } .red.lighten-3-after:after { background-color: #ef9a9a !important; } .red-text.text-lighten-3 { color: #ef9a9a !important; } .red.lighten-2 { background-color: #e57373 !important; border-color: #e57373 !important; } .red.lighten-2-after:after { background-color: #e57373 !important; } .red-text.text-lighten-2 { color: #e57373 !important; } .red.lighten-1 { background-color: #ef5350 !important; border-color: #ef5350 !important; } .red.lighten-1-after:after { background-color: #ef5350 !important; } .red-text.text-lighten-1 { color: #ef5350 !important; } .red.darken-1 { background-color: #e53935 !important; border-color: #e53935 !important; } .red.darken-1-after:after { background-color: #e53935 !important; } .red-text.text-darken-1 { color: #e53935 !important; } .red.darken-2 { background-color: #d32f2f !important; border-color: #d32f2f !important; } .red.darken-2-after:after { background-color: #d32f2f !important; } .red-text.text-darken-2 { color: #d32f2f !important; } .red.darken-3 { background-color: #c62828 !important; border-color: #c62828 !important; } .red.darken-3-after:after { background-color: #c62828 !important; } .red-text.text-darken-3 { color: #c62828 !important; } .red.darken-4 { background-color: #b71c1c !important; border-color: #b71c1c !important; } .red.darken-4-after:after { background-color: #b71c1c !important; } .red-text.text-darken-4 { color: #b71c1c !important; } .red.accent-1 { background-color: #ff8a80 !important; border-color: #ff8a80 !important; } .red.accent-1-after:after { background-color: #ff8a80 !important; } .red-text.text-accent-1 { color: #ff8a80 !important; } .red.accent-2 { background-color: #ff5252 !important; border-color: #ff5252 !important; } .red.accent-2-after:after { background-color: #ff5252 !important; } .red-text.text-accent-2 { color: #ff5252 !important; } .red.accent-3 { background-color: #ff1744 !important; border-color: #ff1744 !important; } .red.accent-3-after:after { background-color: #ff1744 !important; } .red-text.text-accent-3 { color: #ff1744 !important; } .red.accent-4 { background-color: #d50000 !important; border-color: #d50000 !important; } .red.accent-4-after:after { background-color: #d50000 !important; } .red-text.text-accent-4 { color: #d50000 !important; } .pink { background-color: #e91e63 !important; border-color: #e91e63 !important; } .pink-text { color: #e91e63 !important; } .pink-after:after { background: #e91e63 !important; } .pink.lighten-5 { background-color: #fce4ec !important; border-color: #fce4ec !important; } .pink.lighten-5-after:after { background-color: #fce4ec !important; } .pink-text.text-lighten-5 { color: #fce4ec !important; } .pink.lighten-4 { background-color: #f8bbd0 !important; border-color: #f8bbd0 !important; } .pink.lighten-4-after:after { background-color: #f8bbd0 !important; } .pink-text.text-lighten-4 { color: #f8bbd0 !important; } .pink.lighten-3 { background-color: #f48fb1 !important; border-color: #f48fb1 !important; } .pink.lighten-3-after:after { background-color: #f48fb1 !important; } .pink-text.text-lighten-3 { color: #f48fb1 !important; } .pink.lighten-2 { background-color: #f06292 !important; border-color: #f06292 !important; } .pink.lighten-2-after:after { background-color: #f06292 !important; } .pink-text.text-lighten-2 { color: #f06292 !important; } .pink.lighten-1 { background-color: #ec407a !important; border-color: #ec407a !important; } .pink.lighten-1-after:after { background-color: #ec407a !important; } .pink-text.text-lighten-1 { color: #ec407a !important; } .pink.darken-1 { background-color: #d81b60 !important; border-color: #d81b60 !important; } .pink.darken-1-after:after { background-color: #d81b60 !important; } .pink-text.text-darken-1 { color: #d81b60 !important; } .pink.darken-2 { background-color: #c2185b !important; border-color: #c2185b !important; } .pink.darken-2-after:after { background-color: #c2185b !important; } .pink-text.text-darken-2 { color: #c2185b !important; } .pink.darken-3 { background-color: #ad1457 !important; border-color: #ad1457 !important; } .pink.darken-3-after:after { background-color: #ad1457 !important; } .pink-text.text-darken-3 { color: #ad1457 !important; } .pink.darken-4 { background-color: #880e4f !important; border-color: #880e4f !important; } .pink.darken-4-after:after { background-color: #880e4f !important; } .pink-text.text-darken-4 { color: #880e4f !important; } .pink.accent-1 { background-color: #ff80ab !important; border-color: #ff80ab !important; } .pink.accent-1-after:after { background-color: #ff80ab !important; } .pink-text.text-accent-1 { color: #ff80ab !important; } .pink.accent-2 { background-color: #ff4081 !important; border-color: #ff4081 !important; } .pink.accent-2-after:after { background-color: #ff4081 !important; } .pink-text.text-accent-2 { color: #ff4081 !important; } .pink.accent-3 { background-color: #f50057 !important; border-color: #f50057 !important; } .pink.accent-3-after:after { background-color: #f50057 !important; } .pink-text.text-accent-3 { color: #f50057 !important; } .pink.accent-4 { background-color: #c51162 !important; border-color: #c51162 !important; } .pink.accent-4-after:after { background-color: #c51162 !important; } .pink-text.text-accent-4 { color: #c51162 !important; } .purple { background-color: #9c27b0 !important; border-color: #9c27b0 !important; } .purple-text { color: #9c27b0 !important; } .purple-after:after { background: #9c27b0 !important; } .purple.lighten-5 { background-color: #f3e5f5 !important; border-color: #f3e5f5 !important; } .purple.lighten-5-after:after { background-color: #f3e5f5 !important; } .purple-text.text-lighten-5 { color: #f3e5f5 !important; } .purple.lighten-4 { background-color: #e1bee7 !important; border-color: #e1bee7 !important; } .purple.lighten-4-after:after { background-color: #e1bee7 !important; } .purple-text.text-lighten-4 { color: #e1bee7 !important; } .purple.lighten-3 { background-color: #ce93d8 !important; border-color: #ce93d8 !important; } .purple.lighten-3-after:after { background-color: #ce93d8 !important; } .purple-text.text-lighten-3 { color: #ce93d8 !important; } .purple.lighten-2 { background-color: #ba68c8 !important; border-color: #ba68c8 !important; } .purple.lighten-2-after:after { background-color: #ba68c8 !important; } .purple-text.text-lighten-2 { color: #ba68c8 !important; } .purple.lighten-1 { background-color: #ab47bc !important; border-color: #ab47bc !important; } .purple.lighten-1-after:after { background-color: #ab47bc !important; } .purple-text.text-lighten-1 { color: #ab47bc !important; } .purple.darken-1 { background-color: #8e24aa !important; border-color: #8e24aa !important; } .purple.darken-1-after:after { background-color: #8e24aa !important; } .purple-text.text-darken-1 { color: #8e24aa !important; } .purple.darken-2 { background-color: #7b1fa2 !important; border-color: #7b1fa2 !important; } .purple.darken-2-after:after { background-color: #7b1fa2 !important; } .purple-text.text-darken-2 { color: #7b1fa2 !important; } .purple.darken-3 { background-color: #6a1b9a !important; border-color: #6a1b9a !important; } .purple.darken-3-after:after { background-color: #6a1b9a !important; } .purple-text.text-darken-3 { color: #6a1b9a !important; } .purple.darken-4 { background-color: #4a148c !important; border-color: #4a148c !important; } .purple.darken-4-after:after { background-color: #4a148c !important; } .purple-text.text-darken-4 { color: #4a148c !important; } .purple.accent-1 { background-color: #ea80fc !important; border-color: #ea80fc !important; } .purple.accent-1-after:after { background-color: #ea80fc !important; } .purple-text.text-accent-1 { color: #ea80fc !important; } .purple.accent-2 { background-color: #e040fb !important; border-color: #e040fb !important; } .purple.accent-2-after:after { background-color: #e040fb !important; } .purple-text.text-accent-2 { color: #e040fb !important; } .purple.accent-3 { background-color: #d500f9 !important; border-color: #d500f9 !important; } .purple.accent-3-after:after { background-color: #d500f9 !important; } .purple-text.text-accent-3 { color: #d500f9 !important; } .purple.accent-4 { background-color: #a0f !important; border-color: #a0f !important; } .purple.accent-4-after:after { background-color: #a0f !important; } .purple-text.text-accent-4 { color: #a0f !important; } .deep-purple { background-color: #673ab7 !important; border-color: #673ab7 !important; } .deep-purple-text { color: #673ab7 !important; } .deep-purple-after:after { background: #673ab7 !important; } .deep-purple.lighten-5 { background-color: #ede7f6 !important; border-color: #ede7f6 !important; } .deep-purple.lighten-5-after:after { background-color: #ede7f6 !important; } .deep-purple-text.text-lighten-5 { color: #ede7f6 !important; } .deep-purple.lighten-4 { background-color: #d1c4e9 !important; border-color: #d1c4e9 !important; } .deep-purple.lighten-4-after:after { background-color: #d1c4e9 !important; } .deep-purple-text.text-lighten-4 { color: #d1c4e9 !important; } .deep-purple.lighten-3 { background-color: #b39ddb !important; border-color: #b39ddb !important; } .deep-purple.lighten-3-after:after { background-color: #b39ddb !important; } .deep-purple-text.text-lighten-3 { color: #b39ddb !important; } .deep-purple.lighten-2 { background-color: #9575cd !important; border-color: #9575cd !important; } .deep-purple.lighten-2-after:after { background-color: #9575cd !important; } .deep-purple-text.text-lighten-2 { color: #9575cd !important; } .deep-purple.lighten-1 { background-color: #7e57c2 !important; border-color: #7e57c2 !important; } .deep-purple.lighten-1-after:after { background-color: #7e57c2 !important; } .deep-purple-text.text-lighten-1 { color: #7e57c2 !important; } .deep-purple.darken-1 { background-color: #5e35b1 !important; border-color: #5e35b1 !important; } .deep-purple.darken-1-after:after { background-color: #5e35b1 !important; } .deep-purple-text.text-darken-1 { color: #5e35b1 !important; } .deep-purple.darken-2 { background-color: #512da8 !important; border-color: #512da8 !important; } .deep-purple.darken-2-after:after { background-color: #512da8 !important; } .deep-purple-text.text-darken-2 { color: #512da8 !important; } .deep-purple.darken-3 { background-color: #4527a0 !important; border-color: #4527a0 !important; } .deep-purple.darken-3-after:after { background-color: #4527a0 !important; } .deep-purple-text.text-darken-3 { color: #4527a0 !important; } .deep-purple.darken-4 { background-color: #311b92 !important; border-color: #311b92 !important; } .deep-purple.darken-4-after:after { background-color: #311b92 !important; } .deep-purple-text.text-darken-4 { color: #311b92 !important; } .deep-purple.accent-1 { background-color: #b388ff !important; border-color: #b388ff !important; } .deep-purple.accent-1-after:after { background-color: #b388ff !important; } .deep-purple-text.text-accent-1 { color: #b388ff !important; } .deep-purple.accent-2 { background-color: #7c4dff !important; border-color: #7c4dff !important; } .deep-purple.accent-2-after:after { background-color: #7c4dff !important; } .deep-purple-text.text-accent-2 { color: #7c4dff !important; } .deep-purple.accent-3 { background-color: #651fff !important; border-color: #651fff !important; } .deep-purple.accent-3-after:after { background-color: #651fff !important; } .deep-purple-text.text-accent-3 { color: #651fff !important; } .deep-purple.accent-4 { background-color: #6200ea !important; border-color: #6200ea !important; } .deep-purple.accent-4-after:after { background-color: #6200ea !important; } .deep-purple-text.text-accent-4 { color: #6200ea !important; } .indigo { background-color: #3f51b5 !important; border-color: #3f51b5 !important; } .indigo-text { color: #3f51b5 !important; } .indigo-after:after { background: #3f51b5 !important; } .indigo.lighten-5 { background-color: #e8eaf6 !important; border-color: #e8eaf6 !important; } .indigo.lighten-5-after:after { background-color: #e8eaf6 !important; } .indigo-text.text-lighten-5 { color: #e8eaf6 !important; } .indigo.lighten-4 { background-color: #c5cae9 !important; border-color: #c5cae9 !important; } .indigo.lighten-4-after:after { background-color: #c5cae9 !important; } .indigo-text.text-lighten-4 { color: #c5cae9 !important; } .indigo.lighten-3 { background-color: #9fa8da !important; border-color: #9fa8da !important; } .indigo.lighten-3-after:after { background-color: #9fa8da !important; } .indigo-text.text-lighten-3 { color: #9fa8da !important; } .indigo.lighten-2 { background-color: #7986cb !important; border-color: #7986cb !important; } .indigo.lighten-2-after:after { background-color: #7986cb !important; } .indigo-text.text-lighten-2 { color: #7986cb !important; } .indigo.lighten-1 { background-color: #5c6bc0 !important; border-color: #5c6bc0 !important; } .indigo.lighten-1-after:after { background-color: #5c6bc0 !important; } .indigo-text.text-lighten-1 { color: #5c6bc0 !important; } .indigo.darken-1 { background-color: #3949ab !important; border-color: #3949ab !important; } .indigo.darken-1-after:after { background-color: #3949ab !important; } .indigo-text.text-darken-1 { color: #3949ab !important; } .indigo.darken-2 { background-color: #303f9f !important; border-color: #303f9f !important; } .indigo.darken-2-after:after { background-color: #303f9f !important; } .indigo-text.text-darken-2 { color: #303f9f !important; } .indigo.darken-3 { background-color: #283593 !important; border-color: #283593 !important; } .indigo.darken-3-after:after { background-color: #283593 !important; } .indigo-text.text-darken-3 { color: #283593 !important; } .indigo.darken-4 { background-color: #1a237e !important; border-color: #1a237e !important; } .indigo.darken-4-after:after { background-color: #1a237e !important; } .indigo-text.text-darken-4 { color: #1a237e !important; } .indigo.accent-1 { background-color: #8c9eff !important; border-color: #8c9eff !important; } .indigo.accent-1-after:after { background-color: #8c9eff !important; } .indigo-text.text-accent-1 { color: #8c9eff !important; } .indigo.accent-2 { background-color: #536dfe !important; border-color: #536dfe !important; } .indigo.accent-2-after:after { background-color: #536dfe !important; } .indigo-text.text-accent-2 { color: #536dfe !important; } .indigo.accent-3 { background-color: #3d5afe !important; border-color: #3d5afe !important; } .indigo.accent-3-after:after { background-color: #3d5afe !important; } .indigo-text.text-accent-3 { color: #3d5afe !important; } .indigo.accent-4 { background-color: #304ffe !important; border-color: #304ffe !important; } .indigo.accent-4-after:after { background-color: #304ffe !important; } .indigo-text.text-accent-4 { color: #304ffe !important; } .blue { background-color: #2196f3 !important; border-color: #2196f3 !important; } .blue-text { color: #2196f3 !important; } .blue-after:after { background: #2196f3 !important; } .blue.lighten-5 { background-color: #e3f2fd !important; border-color: #e3f2fd !important; } .blue.lighten-5-after:after { background-color: #e3f2fd !important; } .blue-text.text-lighten-5 { color: #e3f2fd !important; } .blue.lighten-4 { background-color: #bbdefb !important; border-color: #bbdefb !important; } .blue.lighten-4-after:after { background-color: #bbdefb !important; } .blue-text.text-lighten-4 { color: #bbdefb !important; } .blue.lighten-3 { background-color: #90caf9 !important; border-color: #90caf9 !important; } .blue.lighten-3-after:after { background-color: #90caf9 !important; } .blue-text.text-lighten-3 { color: #90caf9 !important; } .blue.lighten-2 { background-color: #64b5f6 !important; border-color: #64b5f6 !important; } .blue.lighten-2-after:after { background-color: #64b5f6 !important; } .blue-text.text-lighten-2 { color: #64b5f6 !important; } .blue.lighten-1 { background-color: #42a5f5 !important; border-color: #42a5f5 !important; } .blue.lighten-1-after:after { background-color: #42a5f5 !important; } .blue-text.text-lighten-1 { color: #42a5f5 !important; } .blue.darken-1 { background-color: #1e88e5 !important; border-color: #1e88e5 !important; } .blue.darken-1-after:after { background-color: #1e88e5 !important; } .blue-text.text-darken-1 { color: #1e88e5 !important; } .blue.darken-2 { background-color: #1976d2 !important; border-color: #1976d2 !important; } .blue.darken-2-after:after { background-color: #1976d2 !important; } .blue-text.text-darken-2 { color: #1976d2 !important; } .blue.darken-3 { background-color: #1565c0 !important; border-color: #1565c0 !important; } .blue.darken-3-after:after { background-color: #1565c0 !important; } .blue-text.text-darken-3 { color: #1565c0 !important; } .blue.darken-4 { background-color: #0d47a1 !important; border-color: #0d47a1 !important; } .blue.darken-4-after:after { background-color: #0d47a1 !important; } .blue-text.text-darken-4 { color: #0d47a1 !important; } .blue.accent-1 { background-color: #82b1ff !important; border-color: #82b1ff !important; } .blue.accent-1-after:after { background-color: #82b1ff !important; } .blue-text.text-accent-1 { color: #82b1ff !important; } .blue.accent-2 { background-color: #448aff !important; border-color: #448aff !important; } .blue.accent-2-after:after { background-color: #448aff !important; } .blue-text.text-accent-2 { color: #448aff !important; } .blue.accent-3 { background-color: #2979ff !important; border-color: #2979ff !important; } .blue.accent-3-after:after { background-color: #2979ff !important; } .blue-text.text-accent-3 { color: #2979ff !important; } .blue.accent-4 { background-color: #2962ff !important; border-color: #2962ff !important; } .blue.accent-4-after:after { background-color: #2962ff !important; } .blue-text.text-accent-4 { color: #2962ff !important; } .light-blue { background-color: #03a9f4 !important; border-color: #03a9f4 !important; } .light-blue-text { color: #03a9f4 !important; } .light-blue-after:after { background: #03a9f4 !important; } .light-blue.lighten-5 { background-color: #e1f5fe !important; border-color: #e1f5fe !important; } .light-blue.lighten-5-after:after { background-color: #e1f5fe !important; } .light-blue-text.text-lighten-5 { color: #e1f5fe !important; } .light-blue.lighten-4 { background-color: #b3e5fc !important; border-color: #b3e5fc !important; } .light-blue.lighten-4-after:after { background-color: #b3e5fc !important; } .light-blue-text.text-lighten-4 { color: #b3e5fc !important; } .light-blue.lighten-3 { background-color: #81d4fa !important; border-color: #81d4fa !important; } .light-blue.lighten-3-after:after { background-color: #81d4fa !important; } .light-blue-text.text-lighten-3 { color: #81d4fa !important; } .light-blue.lighten-2 { background-color: #4fc3f7 !important; border-color: #4fc3f7 !important; } .light-blue.lighten-2-after:after { background-color: #4fc3f7 !important; } .light-blue-text.text-lighten-2 { color: #4fc3f7 !important; } .light-blue.lighten-1 { background-color: #29b6f6 !important; border-color: #29b6f6 !important; } .light-blue.lighten-1-after:after { background-color: #29b6f6 !important; } .light-blue-text.text-lighten-1 { color: #29b6f6 !important; } .light-blue.darken-1 { background-color: #039be5 !important; border-color: #039be5 !important; } .light-blue.darken-1-after:after { background-color: #039be5 !important; } .light-blue-text.text-darken-1 { color: #039be5 !important; } .light-blue.darken-2 { background-color: #0288d1 !important; border-color: #0288d1 !important; } .light-blue.darken-2-after:after { background-color: #0288d1 !important; } .light-blue-text.text-darken-2 { color: #0288d1 !important; } .light-blue.darken-3 { background-color: #0277bd !important; border-color: #0277bd !important; } .light-blue.darken-3-after:after { background-color: #0277bd !important; } .light-blue-text.text-darken-3 { color: #0277bd !important; } .light-blue.darken-4 { background-color: #01579b !important; border-color: #01579b !important; } .light-blue.darken-4-after:after { background-color: #01579b !important; } .light-blue-text.text-darken-4 { color: #01579b !important; } .light-blue.accent-1 { background-color: #80d8ff !important; border-color: #80d8ff !important; } .light-blue.accent-1-after:after { background-color: #80d8ff !important; } .light-blue-text.text-accent-1 { color: #80d8ff !important; } .light-blue.accent-2 { background-color: #40c4ff !important; border-color: #40c4ff !important; } .light-blue.accent-2-after:after { background-color: #40c4ff !important; } .light-blue-text.text-accent-2 { color: #40c4ff !important; } .light-blue.accent-3 { background-color: #00b0ff !important; border-color: #00b0ff !important; } .light-blue.accent-3-after:after { background-color: #00b0ff !important; } .light-blue-text.text-accent-3 { color: #00b0ff !important; } .light-blue.accent-4 { background-color: #0091ea !important; border-color: #0091ea !important; } .light-blue.accent-4-after:after { background-color: #0091ea !important; } .light-blue-text.text-accent-4 { color: #0091ea !important; } .cyan { background-color: #00bcd4 !important; border-color: #00bcd4 !important; } .cyan-text { color: #00bcd4 !important; } .cyan-after:after { background: #00bcd4 !important; } .cyan.lighten-5 { background-color: #e0f7fa !important; border-color: #e0f7fa !important; } .cyan.lighten-5-after:after { background-color: #e0f7fa !important; } .cyan-text.text-lighten-5 { color: #e0f7fa !important; } .cyan.lighten-4 { background-color: #b2ebf2 !important; border-color: #b2ebf2 !important; } .cyan.lighten-4-after:after { background-color: #b2ebf2 !important; } .cyan-text.text-lighten-4 { color: #b2ebf2 !important; } .cyan.lighten-3 { background-color: #80deea !important; border-color: #80deea !important; } .cyan.lighten-3-after:after { background-color: #80deea !important; } .cyan-text.text-lighten-3 { color: #80deea !important; } .cyan.lighten-2 { background-color: #4dd0e1 !important; border-color: #4dd0e1 !important; } .cyan.lighten-2-after:after { background-color: #4dd0e1 !important; } .cyan-text.text-lighten-2 { color: #4dd0e1 !important; } .cyan.lighten-1 { background-color: #26c6da !important; border-color: #26c6da !important; } .cyan.lighten-1-after:after { background-color: #26c6da !important; } .cyan-text.text-lighten-1 { color: #26c6da !important; } .cyan.darken-1 { background-color: #00acc1 !important; border-color: #00acc1 !important; } .cyan.darken-1-after:after { background-color: #00acc1 !important; } .cyan-text.text-darken-1 { color: #00acc1 !important; } .cyan.darken-2 { background-color: #0097a7 !important; border-color: #0097a7 !important; } .cyan.darken-2-after:after { background-color: #0097a7 !important; } .cyan-text.text-darken-2 { color: #0097a7 !important; } .cyan.darken-3 { background-color: #00838f !important; border-color: #00838f !important; } .cyan.darken-3-after:after { background-color: #00838f !important; } .cyan-text.text-darken-3 { color: #00838f !important; } .cyan.darken-4 { background-color: #006064 !important; border-color: #006064 !important; } .cyan.darken-4-after:after { background-color: #006064 !important; } .cyan-text.text-darken-4 { color: #006064 !important; } .cyan.accent-1 { background-color: #84ffff !important; border-color: #84ffff !important; } .cyan.accent-1-after:after { background-color: #84ffff !important; } .cyan-text.text-accent-1 { color: #84ffff !important; } .cyan.accent-2 { background-color: #18ffff !important; border-color: #18ffff !important; } .cyan.accent-2-after:after { background-color: #18ffff !important; } .cyan-text.text-accent-2 { color: #18ffff !important; } .cyan.accent-3 { background-color: #00e5ff !important; border-color: #00e5ff !important; } .cyan.accent-3-after:after { background-color: #00e5ff !important; } .cyan-text.text-accent-3 { color: #00e5ff !important; } .cyan.accent-4 { background-color: #00b8d4 !important; border-color: #00b8d4 !important; } .cyan.accent-4-after:after { background-color: #00b8d4 !important; } .cyan-text.text-accent-4 { color: #00b8d4 !important; } .teal { background-color: #009688 !important; border-color: #009688 !important; } .teal-text { color: #009688 !important; } .teal-after:after { background: #009688 !important; } .teal.lighten-5 { background-color: #e0f2f1 !important; border-color: #e0f2f1 !important; } .teal.lighten-5-after:after { background-color: #e0f2f1 !important; } .teal-text.text-lighten-5 { color: #e0f2f1 !important; } .teal.lighten-4 { background-color: #b2dfdb !important; border-color: #b2dfdb !important; } .teal.lighten-4-after:after { background-color: #b2dfdb !important; } .teal-text.text-lighten-4 { color: #b2dfdb !important; } .teal.lighten-3 { background-color: #80cbc4 !important; border-color: #80cbc4 !important; } .teal.lighten-3-after:after { background-color: #80cbc4 !important; } .teal-text.text-lighten-3 { color: #80cbc4 !important; } .teal.lighten-2 { background-color: #4db6ac !important; border-color: #4db6ac !important; } .teal.lighten-2-after:after { background-color: #4db6ac !important; } .teal-text.text-lighten-2 { color: #4db6ac !important; } .teal.lighten-1 { background-color: #26a69a !important; border-color: #26a69a !important; } .teal.lighten-1-after:after { background-color: #26a69a !important; } .teal-text.text-lighten-1 { color: #26a69a !important; } .teal.darken-1 { background-color: #00897b !important; border-color: #00897b !important; } .teal.darken-1-after:after { background-color: #00897b !important; } .teal-text.text-darken-1 { color: #00897b !important; } .teal.darken-2 { background-color: #00796b !important; border-color: #00796b !important; } .teal.darken-2-after:after { background-color: #00796b !important; } .teal-text.text-darken-2 { color: #00796b !important; } .teal.darken-3 { background-color: #00695c !important; border-color: #00695c !important; } .teal.darken-3-after:after { background-color: #00695c !important; } .teal-text.text-darken-3 { color: #00695c !important; } .teal.darken-4 { background-color: #004d40 !important; border-color: #004d40 !important; } .teal.darken-4-after:after { background-color: #004d40 !important; } .teal-text.text-darken-4 { color: #004d40 !important; } .teal.accent-1 { background-color: #a7ffeb !important; border-color: #a7ffeb !important; } .teal.accent-1-after:after { background-color: #a7ffeb !important; } .teal-text.text-accent-1 { color: #a7ffeb !important; } .teal.accent-2 { background-color: #64ffda !important; border-color: #64ffda !important; } .teal.accent-2-after:after { background-color: #64ffda !important; } .teal-text.text-accent-2 { color: #64ffda !important; } .teal.accent-3 { background-color: #1de9b6 !important; border-color: #1de9b6 !important; } .teal.accent-3-after:after { background-color: #1de9b6 !important; } .teal-text.text-accent-3 { color: #1de9b6 !important; } .teal.accent-4 { background-color: #00bfa5 !important; border-color: #00bfa5 !important; } .teal.accent-4-after:after { background-color: #00bfa5 !important; } .teal-text.text-accent-4 { color: #00bfa5 !important; } .green { background-color: #4caf50 !important; border-color: #4caf50 !important; } .green-text { color: #4caf50 !important; } .green-after:after { background: #4caf50 !important; } .green.lighten-5 { background-color: #e8f5e9 !important; border-color: #e8f5e9 !important; } .green.lighten-5-after:after { background-color: #e8f5e9 !important; } .green-text.text-lighten-5 { color: #e8f5e9 !important; } .green.lighten-4 { background-color: #c8e6c9 !important; border-color: #c8e6c9 !important; } .green.lighten-4-after:after { background-color: #c8e6c9 !important; } .green-text.text-lighten-4 { color: #c8e6c9 !important; } .green.lighten-3 { background-color: #a5d6a7 !important; border-color: #a5d6a7 !important; } .green.lighten-3-after:after { background-color: #a5d6a7 !important; } .green-text.text-lighten-3 { color: #a5d6a7 !important; } .green.lighten-2 { background-color: #81c784 !important; border-color: #81c784 !important; } .green.lighten-2-after:after { background-color: #81c784 !important; } .green-text.text-lighten-2 { color: #81c784 !important; } .green.lighten-1 { background-color: #66bb6a !important; border-color: #66bb6a !important; } .green.lighten-1-after:after { background-color: #66bb6a !important; } .green-text.text-lighten-1 { color: #66bb6a !important; } .green.darken-1 { background-color: #43a047 !important; border-color: #43a047 !important; } .green.darken-1-after:after { background-color: #43a047 !important; } .green-text.text-darken-1 { color: #43a047 !important; } .green.darken-2 { background-color: #388e3c !important; border-color: #388e3c !important; } .green.darken-2-after:after { background-color: #388e3c !important; } .green-text.text-darken-2 { color: #388e3c !important; } .green.darken-3 { background-color: #2e7d32 !important; border-color: #2e7d32 !important; } .green.darken-3-after:after { background-color: #2e7d32 !important; } .green-text.text-darken-3 { color: #2e7d32 !important; } .green.darken-4 { background-color: #1b5e20 !important; border-color: #1b5e20 !important; } .green.darken-4-after:after { background-color: #1b5e20 !important; } .green-text.text-darken-4 { color: #1b5e20 !important; } .green.accent-1 { background-color: #b9f6ca !important; border-color: #b9f6ca !important; } .green.accent-1-after:after { background-color: #b9f6ca !important; } .green-text.text-accent-1 { color: #b9f6ca !important; } .green.accent-2 { background-color: #69f0ae !important; border-color: #69f0ae !important; } .green.accent-2-after:after { background-color: #69f0ae !important; } .green-text.text-accent-2 { color: #69f0ae !important; } .green.accent-3 { background-color: #00e676 !important; border-color: #00e676 !important; } .green.accent-3-after:after { background-color: #00e676 !important; } .green-text.text-accent-3 { color: #00e676 !important; } .green.accent-4 { background-color: #00c853 !important; border-color: #00c853 !important; } .green.accent-4-after:after { background-color: #00c853 !important; } .green-text.text-accent-4 { color: #00c853 !important; } .light-green { background-color: #8bc34a !important; border-color: #8bc34a !important; } .light-green-text { color: #8bc34a !important; } .light-green-after:after { background: #8bc34a !important; } .light-green.lighten-5 { background-color: #f1f8e9 !important; border-color: #f1f8e9 !important; } .light-green.lighten-5-after:after { background-color: #f1f8e9 !important; } .light-green-text.text-lighten-5 { color: #f1f8e9 !important; } .light-green.lighten-4 { background-color: #dcedc8 !important; border-color: #dcedc8 !important; } .light-green.lighten-4-after:after { background-color: #dcedc8 !important; } .light-green-text.text-lighten-4 { color: #dcedc8 !important; } .light-green.lighten-3 { background-color: #c5e1a5 !important; border-color: #c5e1a5 !important; } .light-green.lighten-3-after:after { background-color: #c5e1a5 !important; } .light-green-text.text-lighten-3 { color: #c5e1a5 !important; } .light-green.lighten-2 { background-color: #aed581 !important; border-color: #aed581 !important; } .light-green.lighten-2-after:after { background-color: #aed581 !important; } .light-green-text.text-lighten-2 { color: #aed581 !important; } .light-green.lighten-1 { background-color: #9ccc65 !important; border-color: #9ccc65 !important; } .light-green.lighten-1-after:after { background-color: #9ccc65 !important; } .light-green-text.text-lighten-1 { color: #9ccc65 !important; } .light-green.darken-1 { background-color: #7cb342 !important; border-color: #7cb342 !important; } .light-green.darken-1-after:after { background-color: #7cb342 !important; } .light-green-text.text-darken-1 { color: #7cb342 !important; } .light-green.darken-2 { background-color: #689f38 !important; border-color: #689f38 !important; } .light-green.darken-2-after:after { background-color: #689f38 !important; } .light-green-text.text-darken-2 { color: #689f38 !important; } .light-green.darken-3 { background-color: #558b2f !important; border-color: #558b2f !important; } .light-green.darken-3-after:after { background-color: #558b2f !important; } .light-green-text.text-darken-3 { color: #558b2f !important; } .light-green.darken-4 { background-color: #33691e !important; border-color: #33691e !important; } .light-green.darken-4-after:after { background-color: #33691e !important; } .light-green-text.text-darken-4 { color: #33691e !important; } .light-green.accent-1 { background-color: #ccff90 !important; border-color: #ccff90 !important; } .light-green.accent-1-after:after { background-color: #ccff90 !important; } .light-green-text.text-accent-1 { color: #ccff90 !important; } .light-green.accent-2 { background-color: #b2ff59 !important; border-color: #b2ff59 !important; } .light-green.accent-2-after:after { background-color: #b2ff59 !important; } .light-green-text.text-accent-2 { color: #b2ff59 !important; } .light-green.accent-3 { background-color: #76ff03 !important; border-color: #76ff03 !important; } .light-green.accent-3-after:after { background-color: #76ff03 !important; } .light-green-text.text-accent-3 { color: #76ff03 !important; } .light-green.accent-4 { background-color: #64dd17 !important; border-color: #64dd17 !important; } .light-green.accent-4-after:after { background-color: #64dd17 !important; } .light-green-text.text-accent-4 { color: #64dd17 !important; } .lime { background-color: #cddc39 !important; border-color: #cddc39 !important; } .lime-text { color: #cddc39 !important; } .lime-after:after { background: #cddc39 !important; } .lime.lighten-5 { background-color: #f9fbe7 !important; border-color: #f9fbe7 !important; } .lime.lighten-5-after:after { background-color: #f9fbe7 !important; } .lime-text.text-lighten-5 { color: #f9fbe7 !important; } .lime.lighten-4 { background-color: #f0f4c3 !important; border-color: #f0f4c3 !important; } .lime.lighten-4-after:after { background-color: #f0f4c3 !important; } .lime-text.text-lighten-4 { color: #f0f4c3 !important; } .lime.lighten-3 { background-color: #e6ee9c !important; border-color: #e6ee9c !important; } .lime.lighten-3-after:after { background-color: #e6ee9c !important; } .lime-text.text-lighten-3 { color: #e6ee9c !important; } .lime.lighten-2 { background-color: #dce775 !important; border-color: #dce775 !important; } .lime.lighten-2-after:after { background-color: #dce775 !important; } .lime-text.text-lighten-2 { color: #dce775 !important; } .lime.lighten-1 { background-color: #d4e157 !important; border-color: #d4e157 !important; } .lime.lighten-1-after:after { background-color: #d4e157 !important; } .lime-text.text-lighten-1 { color: #d4e157 !important; } .lime.darken-1 { background-color: #c0ca33 !important; border-color: #c0ca33 !important; } .lime.darken-1-after:after { background-color: #c0ca33 !important; } .lime-text.text-darken-1 { color: #c0ca33 !important; } .lime.darken-2 { background-color: #afb42b !important; border-color: #afb42b !important; } .lime.darken-2-after:after { background-color: #afb42b !important; } .lime-text.text-darken-2 { color: #afb42b !important; } .lime.darken-3 { background-color: #9e9d24 !important; border-color: #9e9d24 !important; } .lime.darken-3-after:after { background-color: #9e9d24 !important; } .lime-text.text-darken-3 { color: #9e9d24 !important; } .lime.darken-4 { background-color: #827717 !important; border-color: #827717 !important; } .lime.darken-4-after:after { background-color: #827717 !important; } .lime-text.text-darken-4 { color: #827717 !important; } .lime.accent-1 { background-color: #f4ff81 !important; border-color: #f4ff81 !important; } .lime.accent-1-after:after { background-color: #f4ff81 !important; } .lime-text.text-accent-1 { color: #f4ff81 !important; } .lime.accent-2 { background-color: #eeff41 !important; border-color: #eeff41 !important; } .lime.accent-2-after:after { background-color: #eeff41 !important; } .lime-text.text-accent-2 { color: #eeff41 !important; } .lime.accent-3 { background-color: #c6ff00 !important; border-color: #c6ff00 !important; } .lime.accent-3-after:after { background-color: #c6ff00 !important; } .lime-text.text-accent-3 { color: #c6ff00 !important; } .lime.accent-4 { background-color: #aeea00 !important; border-color: #aeea00 !important; } .lime.accent-4-after:after { background-color: #aeea00 !important; } .lime-text.text-accent-4 { color: #aeea00 !important; } .yellow { background-color: #ffeb3b !important; border-color: #ffeb3b !important; } .yellow-text { color: #ffeb3b !important; } .yellow-after:after { background: #ffeb3b !important; } .yellow.lighten-5 { background-color: #fffde7 !important; border-color: #fffde7 !important; } .yellow.lighten-5-after:after { background-color: #fffde7 !important; } .yellow-text.text-lighten-5 { color: #fffde7 !important; } .yellow.lighten-4 { background-color: #fff9c4 !important; border-color: #fff9c4 !important; } .yellow.lighten-4-after:after { background-color: #fff9c4 !important; } .yellow-text.text-lighten-4 { color: #fff9c4 !important; } .yellow.lighten-3 { background-color: #fff59d !important; border-color: #fff59d !important; } .yellow.lighten-3-after:after { background-color: #fff59d !important; } .yellow-text.text-lighten-3 { color: #fff59d !important; } .yellow.lighten-2 { background-color: #fff176 !important; border-color: #fff176 !important; } .yellow.lighten-2-after:after { background-color: #fff176 !important; } .yellow-text.text-lighten-2 { color: #fff176 !important; } .yellow.lighten-1 { background-color: #ffee58 !important; border-color: #ffee58 !important; } .yellow.lighten-1-after:after { background-color: #ffee58 !important; } .yellow-text.text-lighten-1 { color: #ffee58 !important; } .yellow.darken-1 { background-color: #fdd835 !important; border-color: #fdd835 !important; } .yellow.darken-1-after:after { background-color: #fdd835 !important; } .yellow-text.text-darken-1 { color: #fdd835 !important; } .yellow.darken-2 { background-color: #fbc02d !important; border-color: #fbc02d !important; } .yellow.darken-2-after:after { background-color: #fbc02d !important; } .yellow-text.text-darken-2 { color: #fbc02d !important; } .yellow.darken-3 { background-color: #f9a825 !important; border-color: #f9a825 !important; } .yellow.darken-3-after:after { background-color: #f9a825 !important; } .yellow-text.text-darken-3 { color: #f9a825 !important; } .yellow.darken-4 { background-color: #f57f17 !important; border-color: #f57f17 !important; } .yellow.darken-4-after:after { background-color: #f57f17 !important; } .yellow-text.text-darken-4 { color: #f57f17 !important; } .yellow.accent-1 { background-color: #ffff8d !important; border-color: #ffff8d !important; } .yellow.accent-1-after:after { background-color: #ffff8d !important; } .yellow-text.text-accent-1 { color: #ffff8d !important; } .yellow.accent-2 { background-color: #ff0 !important; border-color: #ff0 !important; } .yellow.accent-2-after:after { background-color: #ff0 !important; } .yellow-text.text-accent-2 { color: #ff0 !important; } .yellow.accent-3 { background-color: #ffea00 !important; border-color: #ffea00 !important; } .yellow.accent-3-after:after { background-color: #ffea00 !important; } .yellow-text.text-accent-3 { color: #ffea00 !important; } .yellow.accent-4 { background-color: #ffd600 !important; border-color: #ffd600 !important; } .yellow.accent-4-after:after { background-color: #ffd600 !important; } .yellow-text.text-accent-4 { color: #ffd600 !important; } .amber { background-color: #ffc107 !important; border-color: #ffc107 !important; } .amber-text { color: #ffc107 !important; } .amber-after:after { background: #ffc107 !important; } .amber.lighten-5 { background-color: #fff8e1 !important; border-color: #fff8e1 !important; } .amber.lighten-5-after:after { background-color: #fff8e1 !important; } .amber-text.text-lighten-5 { color: #fff8e1 !important; } .amber.lighten-4 { background-color: #ffecb3 !important; border-color: #ffecb3 !important; } .amber.lighten-4-after:after { background-color: #ffecb3 !important; } .amber-text.text-lighten-4 { color: #ffecb3 !important; } .amber.lighten-3 { background-color: #ffe082 !important; border-color: #ffe082 !important; } .amber.lighten-3-after:a