diff --git a/sensortoy/sensortoy/app/css/app.css b/sensortoy/sensortoy/app/css/app.css index 8c9a060..d5a2b20 100644 --- a/sensortoy/sensortoy/app/css/app.css +++ b/sensortoy/sensortoy/app/css/app.css @@ -1,8 +1,3 @@ -body { - font-family: Ubuntu, "Helvetica Neue", Helvetica, arial, sans-serif; - - } - #lightR, #projR { color: red !important; } @@ -17,7 +12,6 @@ body { } - .h105 { height: 100px; } @@ -82,57 +76,6 @@ body { /* Smartphones (portrait and landscape) ----------- */ @media only screen and (min-device-width: 320px) and (max-device-width: 480px) { /* Styles */ - .time, .date, .temp { - font-family: 'Ubuntu Condensed', sans-serif; - font-size: 33px; - /*color: #ff0000;*/ - } - - .time { - font-size: 50px; - line-height: 1; - } - - .time span.hour:after { - content: "\a"; - white-space: pre; - } - - .temp { - font-size: 70px; - } - - .temp::after { - content: "°"; - } - - .wd-we { - font-size: 75%; - } - - .mo { - font-size: 85%; - } - - .mo.mo-1, .mo.mo-10 { - font-size: 70%; - } - - .mo.mo-2 { - font-size: 65%; - } - - .mo.mo-8 { - font-size: 80%; - } - - .mo.mo-9 { - font-size: 55%; - } - - .mo.mo-11, .mo.mo-12 { - font-size: 60%; - } } @@ -258,3 +201,13 @@ color:#78909C; { color:#2196F3; } + + +/* svg classes */ + +svg text { + font-family:'Ubuntu Condensed',sans-serif; + font-size:12; + fill: #004c6d; + text-align:right; + } diff --git a/sensortoy/sensortoy/app/css/custom.scss b/sensortoy/sensortoy/app/css/custom.scss index 8d1af65..dd9b28a 100644 --- a/sensortoy/sensortoy/app/css/custom.scss +++ b/sensortoy/sensortoy/app/css/custom.scss @@ -1,9 +1,14 @@ @import "app/libs/mui/src/sass/mui/colors"; -$mui-body-bg-color: mui-color('grey', '100'); +$mui-body-bg-color: /*#003F5a*/ mui-color('grey', '800'); +$mui-base-font-color: rgba(#FFF, 0.87) !default; +$mui-base-font-family: Ubuntu, "Helvetica Neue", Helvetica, Arial, Verdana, Tahoma !default; + +$mui-panel-bg-color : /*#004c6d*/ mui-color('grey', '900'); + //$mui-accent-color: #bad649; -$mui-accent-color: #004c6d; +$mui-accent-color: #00aeef; $mui-btn-accent-font-color: #004c6d; //$mui-accent-color-dark: mui-color('green', 'A100'); $mui-accent-color-dark: #004c6d; diff --git a/sensortoy/sensortoy/app/css/mui.custom.css b/sensortoy/sensortoy/app/css/mui.custom.css index 17b163f..9cd48c9 100644 --- a/sensortoy/sensortoy/app/css/mui.custom.css +++ b/sensortoy/sensortoy/app/css/mui.custom.css @@ -1,1912 +1 @@ -/** - * MUI Colors module - */ -/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ -/** - * 1. Set default font family to sans-serif. - * 2. Prevent iOS and IE text size adjust after device orientation change, - * without disabling user zoom. - */ -html { - font-family: sans-serif; - /* 1 */ - -ms-text-size-adjust: 100%; - /* 2 */ - -webkit-text-size-adjust: 100%; - /* 2 */ } - -/** - * Remove default margin. - */ -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. - */ -article, -aside, -details, -figcaption, -figure, -footer, -header, -hgroup, -main, -menu, -nav, -section, -summary { - 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. - */ -h1 { - font-size: 2em; - margin: 0.67em 0; } - -/** - * Address styling not present in IE 8/9. - */ -mark { - background: #ff0; - color: #000; } - -/** - * Address inconsistent and variable font size in all browsers. - */ -small { - font-size: 80%; } - -/** - * Prevent `sub` and `sup` affecting `line-height` in all browsers. - */ -sub, -sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; } - -sup { - top: -0.5em; } - -sub { - bottom: -0.25em; } - -/* Embedded content - ========================================================================== */ -/** - * Remove border when inside `a` element in IE 8/9/10. - */ -img { - border: 0; } - -/** - * Correct overflow not hidden in IE 9/10/11. - */ -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 { - 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. - */ -button, -input, -optgroup, -select, -textarea { - color: inherit; - /* 1 */ - font: inherit; - /* 2 */ - margin: 0; - /* 3 */ } - -/** - * Address `overflow` set to `hidden` in IE 8/9/10/11. - */ -button { - 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. - */ -button, -select { - 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. - */ -button, -html input[type="button"], -input[type="reset"], -input[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+. - */ -button::-moz-focus-inner, -input::-moz-focus-inner { - border: 0; - padding: 0; } - -/** - * Address Firefox 4+ setting `line-height` on `input` using `!important` in - * the UA stylesheet. - */ -input { - line-height: normal; } - -/** - * 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"] { - 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 */ - 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. - */ -fieldset { - border: 1px solid #c0c0c0; - margin: 0 2px; - padding: 0.35em 0.625em 0.75em; } - -/** - * 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. - */ -legend { - border: 0; - /* 1 */ - padding: 0; - /* 2 */ } - -/** - * Remove default vertical scrollbar in IE 8/9/10/11. - */ -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. - */ -optgroup { - font-weight: bold; } - -/* Tables - ========================================================================== */ -/** - * Remove most spacing between table cells. - */ -table { - border-collapse: collapse; - border-spacing: 0; } - -td, -th { - padding: 0; } - -/** - * MUI Colors module - */ -/** - * MUI Reboot - */ -* { - box-sizing: border-box; } - -*:before, -*:after { - box-sizing: border-box; } - -html { - font-size: 10px; - -webkit-tap-highlight-color: transparent; } - -body { - font-family: Arial, Verdana, Tahoma; - font-size: 14px; - font-weight: 400; - line-height: 1.429; - color: rgba(0, 0, 0, 0.87); - background-color: #F5F5F5; } - -input, -button, -select, -textarea { - font-family: inherit; - font-size: inherit; - line-height: inherit; } - -a { - color: #2196F3; - text-decoration: none; } - a:hover, a:focus { - color: #1976D2; - text-decoration: underline; } - a:focus { - outline: thin dotted; - outline: 5px auto -webkit-focus-ring-color; - outline-offset: -2px; } - -p { - margin: 0 0 10px; } - -ul, -ol { - margin-top: 0; - margin-bottom: 10px; } - -figure { - margin: 0; } - -img { - vertical-align: middle; } - -hr { - margin-top: 20px; - margin-bottom: 20px; - border: 0; - height: 1px; - background-color: rgba(0, 0, 0, 0.12); } - -legend { - display: block; - width: 100%; - padding: 0; - margin-bottom: 10px; - font-size: 21px; - color: rgba(0, 0, 0, 0.87); - line-height: inherit; - border: 0; } - -input[type="search"] { - box-sizing: border-box; - -webkit-appearance: none; } - -input[type="file"]:focus, -input[type="radio"]:focus, -input[type="checkbox"]:focus { - outline: thin dotted; - outline: 5px auto -webkit-focus-ring-color; - outline-offset: -2px; } - -input[type="radio"]:disabled, -input[type="checkbox"]:disabled { - cursor: not-allowed; } - -strong { - font-weight: 700; } - -abbr[title] { - cursor: help; - border-bottom: 1px dotted #2196F3; } - -h1, h2, h3 { - margin-top: 20px; - margin-bottom: 10px; } - -h4, h5, h6 { - margin-top: 10px; - margin-bottom: 10px; } - -/** - * MUI Appbar - */ -.mui--appbar-height { - height: 56px; } - -.mui--appbar-min-height, .mui-appbar { - min-height: 56px; } - -.mui--appbar-line-height { - line-height: 56px; } - -.mui--appbar-top { - top: 56px; } - -@media (orientation: landscape) and (max-height: 480px) { - .mui--appbar-height { - height: 48px; } - .mui--appbar-min-height, .mui-appbar { - min-height: 48px; } - .mui--appbar-line-height { - line-height: 48px; } - .mui--appbar-top { - top: 48px; } } - -@media (min-width: 480px) { - .mui--appbar-height { - height: 64px; } - .mui--appbar-min-height, .mui-appbar { - min-height: 64px; } - .mui--appbar-line-height { - line-height: 64px; } - .mui--appbar-top { - top: 64px; } } - -.mui-appbar { - background-color: #004c6d; - color: #FFF; } - -/** - * MUI Buttons - */ -.mui-btn { - animation-duration: 0.0001s; - animation-name: mui-node-inserted; - font-weight: 500; - font-size: 14px; - line-height: 18px; - text-transform: uppercase; - color: rgba(0, 0, 0, 0.87); - background-color: #FFF; - transition: all 0.2s ease-in-out; - display: inline-block; - height: 36px; - padding: 0 26px; - margin-top: 6px; - margin-bottom: 6px; - border: none; - border-radius: 2px; - cursor: pointer; - touch-action: manipulation; - background-image: none; - text-align: center; - line-height: 36px; - vertical-align: middle; - white-space: nowrap; - user-select: none; - font-size: 14px; - letter-spacing: 0.03em; - position: relative; - overflow: hidden; } - .mui-btn:hover, .mui-btn:focus, .mui-btn:active { - color: rgba(0, 0, 0, 0.87); - background-color: white; } - .mui-btn[disabled]:hover, .mui-btn[disabled]:focus, .mui-btn[disabled]:active { - color: rgba(0, 0, 0, 0.87); - background-color: #FFF; } - .mui-btn.mui-btn--flat { - color: rgba(0, 0, 0, 0.87); - background-color: transparent; } - .mui-btn.mui-btn--flat:hover, .mui-btn.mui-btn--flat:focus, .mui-btn.mui-btn--flat:active { - color: rgba(0, 0, 0, 0.87); - background-color: #f2f2f2; } - .mui-btn.mui-btn--flat[disabled]:hover, .mui-btn.mui-btn--flat[disabled]:focus, .mui-btn.mui-btn--flat[disabled]:active { - color: rgba(0, 0, 0, 0.87); - background-color: transparent; } - .mui-btn:hover, .mui-btn:focus, .mui-btn:active { - outline: 0; - text-decoration: none; - color: rgba(0, 0, 0, 0.87); } - .mui-btn:hover, .mui-btn:focus { - box-shadow: 0 0px 2px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.2); } - @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { - .mui-btn:hover, .mui-btn:focus { - box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.12), -1px 0px 2px rgba(0, 0, 0, 0.12), 0 0px 2px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.2); } } - .mui-btn:active { - box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); } - @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { - .mui-btn:active { - box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.12), -1px 0px 2px rgba(0, 0, 0, 0.12), 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); } } - .mui-btn:disabled, .mui-btn.mui--is-disabled { - cursor: not-allowed; - pointer-events: none; - opacity: 0.60; - box-shadow: none; } - -.mui-btn + .mui-btn { - margin-left: 8px; } - -.mui-btn--flat { - background-color: transparent; } - .mui-btn--flat:hover, .mui-btn--flat:focus, .mui-btn--flat:active { - box-shadow: none; - background-color: #f2f2f2; } - -.mui-btn--raised, .mui-btn--fab { - box-shadow: 0 0px 2px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.2); } - @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { - .mui-btn--raised, .mui-btn--fab { - box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.12), -1px 0px 2px rgba(0, 0, 0, 0.12), 0 0px 2px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.2); } } - .mui-btn--raised:active, .mui-btn--fab:active { - box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); } - @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { - .mui-btn--raised:active, .mui-btn--fab:active { - box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.12), -1px 0px 2px rgba(0, 0, 0, 0.12), 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); } } - -.mui-btn--fab { - position: relative; - padding: 0; - width: 55px; - height: 55px; - line-height: 55px; - border-radius: 50%; - z-index: 1; } - -.mui-btn--primary { - color: #FFF; - background-color: #2196F3; } - .mui-btn--primary:hover, .mui-btn--primary:focus, .mui-btn--primary:active { - color: #FFF; - background-color: #39a1f4; } - .mui-btn--primary[disabled]:hover, .mui-btn--primary[disabled]:focus, .mui-btn--primary[disabled]:active { - color: #FFF; - background-color: #2196F3; } - .mui-btn--primary.mui-btn--flat { - color: #2196F3; - background-color: transparent; } - .mui-btn--primary.mui-btn--flat:hover, .mui-btn--primary.mui-btn--flat:focus, .mui-btn--primary.mui-btn--flat:active { - color: #2196F3; - background-color: #f2f2f2; } - .mui-btn--primary.mui-btn--flat[disabled]:hover, .mui-btn--primary.mui-btn--flat[disabled]:focus, .mui-btn--primary.mui-btn--flat[disabled]:active { - color: #2196F3; - background-color: transparent; } - -.mui-btn--dark { - color: #FFF; - background-color: #424242; } - .mui-btn--dark:hover, .mui-btn--dark:focus, .mui-btn--dark:active { - color: #FFF; - background-color: #4f4f4f; } - .mui-btn--dark[disabled]:hover, .mui-btn--dark[disabled]:focus, .mui-btn--dark[disabled]:active { - color: #FFF; - background-color: #424242; } - .mui-btn--dark.mui-btn--flat { - color: #424242; - background-color: transparent; } - .mui-btn--dark.mui-btn--flat:hover, .mui-btn--dark.mui-btn--flat:focus, .mui-btn--dark.mui-btn--flat:active { - color: #424242; - background-color: #f2f2f2; } - .mui-btn--dark.mui-btn--flat[disabled]:hover, .mui-btn--dark.mui-btn--flat[disabled]:focus, .mui-btn--dark.mui-btn--flat[disabled]:active { - color: #424242; - background-color: transparent; } - -.mui-btn--danger { - color: #FFF; - background-color: #F44336; } - .mui-btn--danger:hover, .mui-btn--danger:focus, .mui-btn--danger:active { - color: #FFF; - background-color: #f55a4e; } - .mui-btn--danger[disabled]:hover, .mui-btn--danger[disabled]:focus, .mui-btn--danger[disabled]:active { - color: #FFF; - background-color: #F44336; } - .mui-btn--danger.mui-btn--flat { - color: #F44336; - background-color: transparent; } - .mui-btn--danger.mui-btn--flat:hover, .mui-btn--danger.mui-btn--flat:focus, .mui-btn--danger.mui-btn--flat:active { - color: #F44336; - background-color: #f2f2f2; } - .mui-btn--danger.mui-btn--flat[disabled]:hover, .mui-btn--danger.mui-btn--flat[disabled]:focus, .mui-btn--danger.mui-btn--flat[disabled]:active { - color: #F44336; - background-color: transparent; } - -.mui-btn--accent { - color: #004c6d; - background-color: #004c6d; } - .mui-btn--accent:hover, .mui-btn--accent:focus, .mui-btn--accent:active { - color: #004c6d; - background-color: #005e87; } - .mui-btn--accent[disabled]:hover, .mui-btn--accent[disabled]:focus, .mui-btn--accent[disabled]:active { - color: #004c6d; - background-color: #004c6d; } - .mui-btn--accent.mui-btn--flat { - color: #004c6d; - background-color: transparent; } - .mui-btn--accent.mui-btn--flat:hover, .mui-btn--accent.mui-btn--flat:focus, .mui-btn--accent.mui-btn--flat:active { - color: #004c6d; - background-color: #f2f2f2; } - .mui-btn--accent.mui-btn--flat[disabled]:hover, .mui-btn--accent.mui-btn--flat[disabled]:focus, .mui-btn--accent.mui-btn--flat[disabled]:active { - color: #004c6d; - background-color: transparent; } - -.mui-btn--small { - height: 30.6px; - line-height: 30.6px; - padding: 0 16px; - font-size: 13px; } - -.mui-btn--large { - height: 54px; - line-height: 54px; - padding: 0 26px; - font-size: 14px; } - -.mui-btn--fab.mui-btn--small { - width: 44px; - height: 44px; - line-height: 44px; } - -.mui-btn--fab.mui-btn--large { - width: 75px; - height: 75px; - line-height: 75px; } - -/** - * MUI Checkboxe and Radio Components - */ -.mui-radio, -.mui-checkbox { - position: relative; - display: block; - margin-top: 10px; - margin-bottom: 10px; } - .mui-radio > label, - .mui-checkbox > label { - min-height: 20px; - padding-left: 20px; - margin-bottom: 0; - font-weight: normal; - cursor: pointer; } - -.mui-radio > label > input[type="radio"], -.mui-radio--inline > label > input[type="radio"], -.mui-checkbox > label > input[type="checkbox"], -.mui-checkbox--inline > label > input[type="checkbox"] { - position: absolute; - margin-left: -20px; - margin-top: 4px; } - -.mui-radio + .mui-radio, -.mui-checkbox + .mui-checkbox { - margin-top: -5px; } - -.mui-radio--inline, -.mui-checkbox--inline { - display: inline-block; - padding-left: 20px; - margin-bottom: 0; - vertical-align: middle; - font-weight: normal; - cursor: pointer; } - .mui-radio--inline > input[type="radio"], - .mui-radio--inline > input[type="checkbox"], - .mui-radio--inline > label > input[type="radio"], - .mui-radio--inline > label > input[type="checkbox"], - .mui-checkbox--inline > input[type="radio"], - .mui-checkbox--inline > input[type="checkbox"], - .mui-checkbox--inline > label > input[type="radio"], - .mui-checkbox--inline > label > input[type="checkbox"] { - margin: 4px 0 0; - line-height: normal; } - -.mui-radio--inline + .mui-radio--inline, -.mui-checkbox--inline + .mui-checkbox--inline { - margin-top: 0; - margin-left: 10px; } - -/** - * MUI Container module - */ -.mui-container { - margin-right: auto; - margin-left: auto; - padding-left: 15px; - padding-right: 15px; } - .mui-container:before, .mui-container:after { - content: " "; - display: table; } - .mui-container:after { - clear: both; } - @media (min-width: 544px) { - .mui-container { - max-width: 570px; } } - @media (min-width: 768px) { - .mui-container { - max-width: 740px; } } - @media (min-width: 992px) { - .mui-container { - max-width: 960px; } } - @media (min-width: 1200px) { - .mui-container { - max-width: 1170px; } } - -.mui-container-fluid { - margin-right: auto; - margin-left: auto; - padding-left: 15px; - padding-right: 15px; } - .mui-container-fluid:before, .mui-container-fluid:after { - content: " "; - display: table; } - .mui-container-fluid:after { - clear: both; } - -/** - * MUI Divider Component and CSS Helpers - */ -.mui-divider { - display: block; - height: 1px; - background-color: rgba(0, 0, 0, 0.12); } - -.mui--divider-top { - border-top: 1px solid rgba(0, 0, 0, 0.12); } - -.mui--divider-bottom { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); } - -.mui--divider-left { - border-left: 1px solid rgba(0, 0, 0, 0.12); } - -.mui--divider-right { - border-right: 1px solid rgba(0, 0, 0, 0.12); } - -/** - * MUI Dropdown module - */ -.mui-dropdown { - display: inline-block; - position: relative; } - -[data-mui-toggle="dropdown"] { - animation-duration: 0.0001s; - animation-name: mui-node-inserted; - outline: 0; } - -.mui-dropdown__menu { - position: absolute; - top: 100%; - left: 0; - display: none; - min-width: 160px; - padding: 5px 0; - margin: 2px 0 0; - list-style: none; - font-size: 14px; - text-align: left; - background-color: #FFF; - border-radius: 2px; - z-index: 1; - background-clip: padding-box; } - .mui-dropdown__menu.mui--is-open { - display: block; } - .mui-dropdown__menu > li > a { - display: block; - padding: 3px 20px; - clear: both; - font-weight: normal; - line-height: 1.429; - color: rgba(0, 0, 0, 0.87); - white-space: nowrap; } - .mui-dropdown__menu > li > a:hover, .mui-dropdown__menu > li > a:focus { - text-decoration: none; - color: rgba(0, 0, 0, 0.87); - background-color: #EEEEEE; } - .mui-dropdown__menu > .mui--is-disabled > a, .mui-dropdown__menu > .mui--is-disabled > a:hover, .mui-dropdown__menu > .mui--is-disabled > a:focus { - color: #EEEEEE; } - .mui-dropdown__menu > .mui--is-disabled > a:hover, .mui-dropdown__menu > .mui--is-disabled > a:focus { - text-decoration: none; - background-color: transparent; - background-image: none; - cursor: not-allowed; } - -.mui-dropdown__menu--right { - left: auto; - right: 0; } - -/** - * MUI Form Component - */ -@media (min-width: 544px) { - .mui-form--inline > .mui-textfield { - display: inline-block; - margin-bottom: 0; } - .mui-form--inline > .mui-radio, - .mui-form--inline > .mui-checkbox { - display: inline-block; - margin-top: 0; - margin-bottom: 0; - vertical-align: middle; } - .mui-form--inline > .mui-radio > label, - .mui-form--inline > .mui-checkbox > label { - padding-left: 0; } - .mui-form--inline > .mui-radio > label > input[type="radio"], - .mui-form--inline > .mui-checkbox > label > input[type="checkbox"] { - position: relative; - margin-left: 0; } - .mui-form--inline > .mui-select { - display: inline-block; } - .mui-form--inline > .mui-btn { - margin-bottom: 0; - margin-top: 0; - vertical-align: bottom; } } - -/** - * MUI Grid module - */ -.mui-row { - margin-left: -15px; - margin-right: -15px; } - .mui-row:before, .mui-row:after { - content: " "; - display: table; } - .mui-row:after { - clear: both; } - -.mui-col-xs-1, .mui-col-sm-1, .mui-col-md-1, .mui-col-lg-1, .mui-col-xs-2, .mui-col-sm-2, .mui-col-md-2, .mui-col-lg-2, .mui-col-xs-3, .mui-col-sm-3, .mui-col-md-3, .mui-col-lg-3, .mui-col-xs-4, .mui-col-sm-4, .mui-col-md-4, .mui-col-lg-4, .mui-col-xs-5, .mui-col-sm-5, .mui-col-md-5, .mui-col-lg-5, .mui-col-xs-6, .mui-col-sm-6, .mui-col-md-6, .mui-col-lg-6, .mui-col-xs-7, .mui-col-sm-7, .mui-col-md-7, .mui-col-lg-7, .mui-col-xs-8, .mui-col-sm-8, .mui-col-md-8, .mui-col-lg-8, .mui-col-xs-9, .mui-col-sm-9, .mui-col-md-9, .mui-col-lg-9, .mui-col-xs-10, .mui-col-sm-10, .mui-col-md-10, .mui-col-lg-10, .mui-col-xs-11, .mui-col-sm-11, .mui-col-md-11, .mui-col-lg-11, .mui-col-xs-12, .mui-col-sm-12, .mui-col-md-12, .mui-col-lg-12 { - min-height: 1px; - padding-left: 15px; - padding-right: 15px; } - -.mui-col-xs-1, .mui-col-xs-2, .mui-col-xs-3, .mui-col-xs-4, .mui-col-xs-5, .mui-col-xs-6, .mui-col-xs-7, .mui-col-xs-8, .mui-col-xs-9, .mui-col-xs-10, .mui-col-xs-11, .mui-col-xs-12 { - float: left; } - -.mui-col-xs-1 { - width: 8.33333%; } - -.mui-col-xs-2 { - width: 16.66667%; } - -.mui-col-xs-3 { - width: 25%; } - -.mui-col-xs-4 { - width: 33.33333%; } - -.mui-col-xs-5 { - width: 41.66667%; } - -.mui-col-xs-6 { - width: 50%; } - -.mui-col-xs-7 { - width: 58.33333%; } - -.mui-col-xs-8 { - width: 66.66667%; } - -.mui-col-xs-9 { - width: 75%; } - -.mui-col-xs-10 { - width: 83.33333%; } - -.mui-col-xs-11 { - width: 91.66667%; } - -.mui-col-xs-12 { - width: 100%; } - -.mui-col-xs-offset-0 { - margin-left: 0%; } - -.mui-col-xs-offset-1 { - margin-left: 8.33333%; } - -.mui-col-xs-offset-2 { - margin-left: 16.66667%; } - -.mui-col-xs-offset-3 { - margin-left: 25%; } - -.mui-col-xs-offset-4 { - margin-left: 33.33333%; } - -.mui-col-xs-offset-5 { - margin-left: 41.66667%; } - -.mui-col-xs-offset-6 { - margin-left: 50%; } - -.mui-col-xs-offset-7 { - margin-left: 58.33333%; } - -.mui-col-xs-offset-8 { - margin-left: 66.66667%; } - -.mui-col-xs-offset-9 { - margin-left: 75%; } - -.mui-col-xs-offset-10 { - margin-left: 83.33333%; } - -.mui-col-xs-offset-11 { - margin-left: 91.66667%; } - -.mui-col-xs-offset-12 { - margin-left: 100%; } - -@media (min-width: 544px) { - .mui-col-sm-1, .mui-col-sm-2, .mui-col-sm-3, .mui-col-sm-4, .mui-col-sm-5, .mui-col-sm-6, .mui-col-sm-7, .mui-col-sm-8, .mui-col-sm-9, .mui-col-sm-10, .mui-col-sm-11, .mui-col-sm-12 { - float: left; } - .mui-col-sm-1 { - width: 8.33333%; } - .mui-col-sm-2 { - width: 16.66667%; } - .mui-col-sm-3 { - width: 25%; } - .mui-col-sm-4 { - width: 33.33333%; } - .mui-col-sm-5 { - width: 41.66667%; } - .mui-col-sm-6 { - width: 50%; } - .mui-col-sm-7 { - width: 58.33333%; } - .mui-col-sm-8 { - width: 66.66667%; } - .mui-col-sm-9 { - width: 75%; } - .mui-col-sm-10 { - width: 83.33333%; } - .mui-col-sm-11 { - width: 91.66667%; } - .mui-col-sm-12 { - width: 100%; } - .mui-col-sm-offset-0 { - margin-left: 0%; } - .mui-col-sm-offset-1 { - margin-left: 8.33333%; } - .mui-col-sm-offset-2 { - margin-left: 16.66667%; } - .mui-col-sm-offset-3 { - margin-left: 25%; } - .mui-col-sm-offset-4 { - margin-left: 33.33333%; } - .mui-col-sm-offset-5 { - margin-left: 41.66667%; } - .mui-col-sm-offset-6 { - margin-left: 50%; } - .mui-col-sm-offset-7 { - margin-left: 58.33333%; } - .mui-col-sm-offset-8 { - margin-left: 66.66667%; } - .mui-col-sm-offset-9 { - margin-left: 75%; } - .mui-col-sm-offset-10 { - margin-left: 83.33333%; } - .mui-col-sm-offset-11 { - margin-left: 91.66667%; } - .mui-col-sm-offset-12 { - margin-left: 100%; } } - -@media (min-width: 768px) { - .mui-col-md-1, .mui-col-md-2, .mui-col-md-3, .mui-col-md-4, .mui-col-md-5, .mui-col-md-6, .mui-col-md-7, .mui-col-md-8, .mui-col-md-9, .mui-col-md-10, .mui-col-md-11, .mui-col-md-12 { - float: left; } - .mui-col-md-1 { - width: 8.33333%; } - .mui-col-md-2 { - width: 16.66667%; } - .mui-col-md-3 { - width: 25%; } - .mui-col-md-4 { - width: 33.33333%; } - .mui-col-md-5 { - width: 41.66667%; } - .mui-col-md-6 { - width: 50%; } - .mui-col-md-7 { - width: 58.33333%; } - .mui-col-md-8 { - width: 66.66667%; } - .mui-col-md-9 { - width: 75%; } - .mui-col-md-10 { - width: 83.33333%; } - .mui-col-md-11 { - width: 91.66667%; } - .mui-col-md-12 { - width: 100%; } - .mui-col-md-offset-0 { - margin-left: 0%; } - .mui-col-md-offset-1 { - margin-left: 8.33333%; } - .mui-col-md-offset-2 { - margin-left: 16.66667%; } - .mui-col-md-offset-3 { - margin-left: 25%; } - .mui-col-md-offset-4 { - margin-left: 33.33333%; } - .mui-col-md-offset-5 { - margin-left: 41.66667%; } - .mui-col-md-offset-6 { - margin-left: 50%; } - .mui-col-md-offset-7 { - margin-left: 58.33333%; } - .mui-col-md-offset-8 { - margin-left: 66.66667%; } - .mui-col-md-offset-9 { - margin-left: 75%; } - .mui-col-md-offset-10 { - margin-left: 83.33333%; } - .mui-col-md-offset-11 { - margin-left: 91.66667%; } - .mui-col-md-offset-12 { - margin-left: 100%; } } - -@media (min-width: 992px) { - .mui-col-lg-1, .mui-col-lg-2, .mui-col-lg-3, .mui-col-lg-4, .mui-col-lg-5, .mui-col-lg-6, .mui-col-lg-7, .mui-col-lg-8, .mui-col-lg-9, .mui-col-lg-10, .mui-col-lg-11, .mui-col-lg-12 { - float: left; } - .mui-col-lg-1 { - width: 8.33333%; } - .mui-col-lg-2 { - width: 16.66667%; } - .mui-col-lg-3 { - width: 25%; } - .mui-col-lg-4 { - width: 33.33333%; } - .mui-col-lg-5 { - width: 41.66667%; } - .mui-col-lg-6 { - width: 50%; } - .mui-col-lg-7 { - width: 58.33333%; } - .mui-col-lg-8 { - width: 66.66667%; } - .mui-col-lg-9 { - width: 75%; } - .mui-col-lg-10 { - width: 83.33333%; } - .mui-col-lg-11 { - width: 91.66667%; } - .mui-col-lg-12 { - width: 100%; } - .mui-col-lg-offset-0 { - margin-left: 0%; } - .mui-col-lg-offset-1 { - margin-left: 8.33333%; } - .mui-col-lg-offset-2 { - margin-left: 16.66667%; } - .mui-col-lg-offset-3 { - margin-left: 25%; } - .mui-col-lg-offset-4 { - margin-left: 33.33333%; } - .mui-col-lg-offset-5 { - margin-left: 41.66667%; } - .mui-col-lg-offset-6 { - margin-left: 50%; } - .mui-col-lg-offset-7 { - margin-left: 58.33333%; } - .mui-col-lg-offset-8 { - margin-left: 66.66667%; } - .mui-col-lg-offset-9 { - margin-left: 75%; } - .mui-col-lg-offset-10 { - margin-left: 83.33333%; } - .mui-col-lg-offset-11 { - margin-left: 91.66667%; } - .mui-col-lg-offset-12 { - margin-left: 100%; } } - -@media (min-width: 1200px) { - .mui-col-xl-1, .mui-col-xl-2, .mui-col-xl-3, .mui-col-xl-4, .mui-col-xl-5, .mui-col-xl-6, .mui-col-xl-7, .mui-col-xl-8, .mui-col-xl-9, .mui-col-xl-10, .mui-col-xl-11, .mui-col-xl-12 { - float: left; } - .mui-col-xl-1 { - width: 8.33333%; } - .mui-col-xl-2 { - width: 16.66667%; } - .mui-col-xl-3 { - width: 25%; } - .mui-col-xl-4 { - width: 33.33333%; } - .mui-col-xl-5 { - width: 41.66667%; } - .mui-col-xl-6 { - width: 50%; } - .mui-col-xl-7 { - width: 58.33333%; } - .mui-col-xl-8 { - width: 66.66667%; } - .mui-col-xl-9 { - width: 75%; } - .mui-col-xl-10 { - width: 83.33333%; } - .mui-col-xl-11 { - width: 91.66667%; } - .mui-col-xl-12 { - width: 100%; } - .mui-col-xl-offset-0 { - margin-left: 0%; } - .mui-col-xl-offset-1 { - margin-left: 8.33333%; } - .mui-col-xl-offset-2 { - margin-left: 16.66667%; } - .mui-col-xl-offset-3 { - margin-left: 25%; } - .mui-col-xl-offset-4 { - margin-left: 33.33333%; } - .mui-col-xl-offset-5 { - margin-left: 41.66667%; } - .mui-col-xl-offset-6 { - margin-left: 50%; } - .mui-col-xl-offset-7 { - margin-left: 58.33333%; } - .mui-col-xl-offset-8 { - margin-left: 66.66667%; } - .mui-col-xl-offset-9 { - margin-left: 75%; } - .mui-col-xl-offset-10 { - margin-left: 83.33333%; } - .mui-col-xl-offset-11 { - margin-left: 91.66667%; } - .mui-col-xl-offset-12 { - margin-left: 100%; } } - -/** - * MUI Panel module - */ -.mui-panel { - padding: 15px; - margin-bottom: 20px; - border-radius: 0; - background-color: #FFF; - box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0px 2px 0 rgba(0, 0, 0, 0.12); } - .mui-panel:before, .mui-panel:after { - content: " "; - display: table; } - .mui-panel:after { - clear: both; } - @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { - .mui-panel { - box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.12), -1px 0px 2px 0 rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0px 2px 0 rgba(0, 0, 0, 0.12); } } - -/** - * MUI Select Component - */ -.mui-select { - display: block; - padding-top: 15px; - margin-bottom: 20px; - position: relative; } - .mui-select:focus { - outline: 0; } - .mui-select:focus > select { - height: 33px; - margin-bottom: -1px; - border-color: #2196F3; - border-width: 2px; } - .mui-select > select { - animation-duration: 0.0001s; - animation-name: mui-node-inserted; - display: block; - height: 32px; - width: 100%; - appearance: none; - -webkit-appearance: none; - -moz-appearance: none; - outline: none; - border: none; - border-bottom: 1px solid rgba(0, 0, 0, 0.26); - border-radius: 0px; - box-shadow: none; - background-color: transparent; - background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNiIgd2lkdGg9IjEwIj48cG9seWdvbiBwb2ludHM9IjAsMCAxMCwwIDUsNiIgc3R5bGU9ImZpbGw6cmdiYSgwLDAsMCwuMjQpOyIvPjwvc3ZnPg=="); - background-repeat: no-repeat; - background-position: right center; - cursor: pointer; - color: rgba(0, 0, 0, 0.87); - font-size: 16px; - padding: 0 25px 0 0; } - .mui-select > select::-ms-expand { - display: none; } - .mui-select > select:focus { - outline: 0; - height: 33px; - margin-bottom: -1px; - border-color: #2196F3; - border-width: 2px; } - .mui-select > select:disabled { - color: rgba(0, 0, 0, 0.38); - cursor: not-allowed; - background-color: transparent; - opacity: 1; } - -.mui-select__menu { - position: absolute; - z-index: 2; - min-width: 100%; - overflow-y: auto; - padding: 8px 0; - background-color: #FFF; - font-size: 16px; } - @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { - .mui-select__menu { - border-left: 1px solid rgba(0, 0, 0, 0.12); - border-top: 1px solid rgba(0, 0, 0, 0.12); } } - .mui-select__menu > div { - padding: 0 22px; - height: 42px; - line-height: 42px; - cursor: pointer; - white-space: nowrap; } - .mui-select__menu > div:hover { - background-color: #E0E0E0; } - .mui-select__menu > div.mui--is-selected { - background-color: #EEEEEE; } - -/** - * MUI Table Component - */ -th { - text-align: left; } - -.mui-table { - width: 100%; - max-width: 100%; - margin-bottom: 20px; } - .mui-table > thead > tr > th, - .mui-table > thead > tr > td, - .mui-table > tbody > tr > th, - .mui-table > tbody > tr > td, - .mui-table > tfoot > tr > th, - .mui-table > tfoot > tr > td { - padding: 10px; - line-height: 1.429; } - .mui-table > thead > tr > th { - border-bottom: 2px solid rgba(0, 0, 0, 0.12); - font-weight: 700; } - .mui-table > tbody + tbody { - border-top: 2px solid rgba(0, 0, 0, 0.12); } - .mui-table.mui-table--bordered > tbody > tr > td { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); } - -/** - * MUI Tabs module - */ -.mui-tabs__bar { - list-style: none; - padding-left: 0; - margin-bottom: 0; - background-color: transparent; - white-space: nowrap; - overflow-x: auto; } - .mui-tabs__bar > li { - display: inline-block; } - .mui-tabs__bar > li > a { - display: block; - white-space: nowrap; - text-transform: uppercase; - font-weight: 500; - font-size: 14px; - color: rgba(255, 255, 255, 0.87); - cursor: default; - height: 48px; - line-height: 48px; - padding-left: 24px; - padding-right: 24px; - user-select: none; } - .mui-tabs__bar > li > a:hover { - text-decoration: none; } - .mui-tabs__bar > li.mui--is-active { - border-bottom: 2px solid #2196F3; } - .mui-tabs__bar > li.mui--is-active > a { - color: #2196F3; } - .mui-tabs__bar.mui-tabs__bar--justified { - display: table; - width: 100%; - table-layout: fixed; } - .mui-tabs__bar.mui-tabs__bar--justified > li { - display: table-cell; } - .mui-tabs__bar.mui-tabs__bar--justified > li > a { - text-align: center; - padding-left: 0px; - padding-right: 0px; } - -.mui-tabs__pane { - display: none; } - .mui-tabs__pane.mui--is-active { - display: block; } - -[data-mui-toggle="tab"] { - animation-duration: 0.0001s; - animation-name: mui-node-inserted; } - -/** - * MUI Textfield Component - */ -.mui-textfield { - display: block; - padding-top: 15px; - margin-bottom: 20px; - position: relative; } - .mui-textfield > label { - position: absolute; - top: 0; - display: block; - width: 100%; - color: rgba(0, 0, 0, 0.54); - font-size: 12px; - font-weight: 400; - line-height: 15px; - overflow-x: hidden; - text-overflow: ellipsis; - white-space: nowrap; } - .mui-textfield > textarea { - padding-top: 5px; } - .mui-textfield > input, - .mui-textfield > textarea { - display: block; } - .mui-textfield > input:focus ~ label, - .mui-textfield > textarea:focus ~ label { - color: #2196F3; } - -.mui-textfield--float-label > label { - position: absolute; - transform: translate(0px, 15px); - font-size: 16px; - line-height: 32px; - color: rgba(0, 0, 0, 0.26); - text-overflow: clip; - cursor: text; - pointer-events: none; } - -.mui-textfield--float-label > input:focus ~ label, -.mui-textfield--float-label > textarea:focus ~ label { - transform: translate(0px, 0px); - font-size: 12px; - line-height: 15px; - text-overflow: ellipsis; } - -.mui-textfield--float-label > input:not(:focus).mui--is-not-empty ~ label, .mui-textfield--float-label > input:not(:focus)[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty) ~ label, .mui-textfield--float-label > input:not(:focus):not(:empty):not(.mui--is-empty):not(.mui--is-not-empty) ~ label, -.mui-textfield--float-label > textarea:not(:focus).mui--is-not-empty ~ label, -.mui-textfield--float-label > textarea:not(:focus)[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty) ~ label, -.mui-textfield--float-label > textarea:not(:focus):not(:empty):not(.mui--is-empty):not(.mui--is-not-empty) ~ label { - color: rgba(0, 0, 0, 0.54); - font-size: 12px; - line-height: 15px; - transform: translate(0px, 0px); - text-overflow: ellipsis; } - -.mui-textfield--wrap-label { - display: table; - width: 100%; - padding-top: 0px; } - .mui-textfield--wrap-label:not(.mui-textfield--float-label) > label { - display: table-header-group; - position: static; - white-space: normal; - overflow-x: visible; } - -.mui-textfield > input, -.mui-textfield > textarea { - animation-duration: 0.0001s; - animation-name: mui-node-inserted; - display: block; - background-color: transparent; - color: rgba(0, 0, 0, 0.87); - border: none; - border-bottom: 1px solid rgba(0, 0, 0, 0.26); - outline: none; - width: 100%; - font-size: 16px; - padding: 0; - box-shadow: none; - border-radius: 0px; - background-image: none; } - .mui-textfield > input:focus, - .mui-textfield > textarea:focus { - border-color: #2196F3; - border-width: 2px; } - .mui-textfield > input:disabled, .mui-textfield > input:read-only, - .mui-textfield > textarea:disabled, - .mui-textfield > textarea:read-only { - cursor: not-allowed; - background-color: transparent; - opacity: 1; } - .mui-textfield > input::placeholder, - .mui-textfield > textarea::placeholder { - color: rgba(0, 0, 0, 0.26); - opacity: 1; } - -.mui-textfield > input { - height: 32px; } - .mui-textfield > input:focus { - height: 33px; - margin-bottom: -1px; } - -.mui-textfield > textarea { - min-height: 64px; } - .mui-textfield > textarea[rows]:not([rows="2"]):focus { - margin-bottom: -1px; } - -.mui-textfield > input:focus { - height: 33px; - margin-bottom: -1px; } - -.mui-textfield > input:invalid:not(:focus):not(:required), .mui-textfield > input:invalid:not(:focus):required.mui--is-not-empty, .mui-textfield > input:invalid:not(:focus):required.mui--is-empty.mui--is-dirty, .mui-textfield > input:invalid:not(:focus):required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty), .mui-textfield > input:invalid:not(:focus):required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty), -.mui-textfield > textarea:invalid:not(:focus):not(:required), -.mui-textfield > textarea:invalid:not(:focus):required.mui--is-not-empty, -.mui-textfield > textarea:invalid:not(:focus):required.mui--is-empty.mui--is-dirty, -.mui-textfield > textarea:invalid:not(:focus):required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty), -.mui-textfield > textarea:invalid:not(:focus):required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty), -.mui-textfield > input:not(:focus).mui--is-invalid:not(:required), -.mui-textfield > input:not(:focus).mui--is-invalid:required.mui--is-not-empty, -.mui-textfield > input:not(:focus).mui--is-invalid:required.mui--is-empty.mui--is-dirty, -.mui-textfield > input:not(:focus).mui--is-invalid:required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty), -.mui-textfield > input:not(:focus).mui--is-invalid:required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty), -.mui-textfield > textarea:not(:focus).mui--is-invalid:not(:required), -.mui-textfield > textarea:not(:focus).mui--is-invalid:required.mui--is-not-empty, -.mui-textfield > textarea:not(:focus).mui--is-invalid:required.mui--is-empty.mui--is-dirty, -.mui-textfield > textarea:not(:focus).mui--is-invalid:required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty), -.mui-textfield > textarea:not(:focus).mui--is-invalid:required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty) { - border-color: #F44336; - border-width: 2px; } - -.mui-textfield > input:invalid:not(:focus):not(:required), .mui-textfield > input:invalid:not(:focus):required.mui--is-not-empty, .mui-textfield > input:invalid:not(:focus):required.mui--is-empty.mui--is-dirty, .mui-textfield > input:invalid:not(:focus):required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty), .mui-textfield > input:invalid:not(:focus):required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty), -.mui-textfield > input:not(:focus).mui--is-invalid:not(:required), -.mui-textfield > input:not(:focus).mui--is-invalid:required.mui--is-not-empty, -.mui-textfield > input:not(:focus).mui--is-invalid:required.mui--is-empty.mui--is-dirty, -.mui-textfield > input:not(:focus).mui--is-invalid:required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty), -.mui-textfield > input:not(:focus).mui--is-invalid:required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty) { - height: 33px; - margin-bottom: -1px; } - -.mui-textfield > input:invalid:not(:focus):not(:required) ~ label, .mui-textfield > input:invalid:not(:focus):required.mui--is-not-empty ~ label, .mui-textfield > input:invalid:not(:focus):required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty) ~ label, .mui-textfield > input:invalid:not(:focus):required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty) ~ label, -.mui-textfield > textarea:invalid:not(:focus):not(:required) ~ label, -.mui-textfield > textarea:invalid:not(:focus):required.mui--is-not-empty ~ label, -.mui-textfield > textarea:invalid:not(:focus):required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty) ~ label, -.mui-textfield > textarea:invalid:not(:focus):required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty) ~ label, -.mui-textfield > input:not(:focus).mui--is-invalid:not(:required) ~ label, -.mui-textfield > input:not(:focus).mui--is-invalid:required.mui--is-not-empty ~ label, -.mui-textfield > input:not(:focus).mui--is-invalid:required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty) ~ label, -.mui-textfield > input:not(:focus).mui--is-invalid:required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty) ~ label, -.mui-textfield > textarea:not(:focus).mui--is-invalid:not(:required) ~ label, -.mui-textfield > textarea:not(:focus).mui--is-invalid:required.mui--is-not-empty ~ label, -.mui-textfield > textarea:not(:focus).mui--is-invalid:required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty) ~ label, -.mui-textfield > textarea:not(:focus).mui--is-invalid:required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty) ~ label { - color: #F44336; } - -.mui-textfield:not(.mui-textfield--float-label) > input:invalid:not(:focus):required.mui--is-empty.mui--is-dirty ~ label, -.mui-textfield:not(.mui-textfield--float-label) > textarea:invalid:not(:focus):required.mui--is-empty.mui--is-dirty ~ label, -.mui-textfield:not(.mui-textfield--float-label) > input:not(:focus).mui--is-invalid:required.mui--is-empty.mui--is-dirty ~ label, -.mui-textfield:not(.mui-textfield--float-label) > textarea:not(:focus).mui--is-invalid:required.mui--is-empty.mui--is-dirty ~ label { - color: #F44336; } - -/** - * MUI Helpers module - */ -@keyframes mui-node-inserted { - from { - opacity: 0.99; } - to { - opacity: 1; } } - -.mui--no-transition { - transition: none !important; } - -.mui--no-user-select { - user-select: none; } - -.mui-caret { - display: inline-block; - width: 0; - height: 0; - margin-left: 2px; - vertical-align: middle; - border-top: 4px solid; - border-right: 4px solid transparent; - border-left: 4px solid transparent; } - -.mui--text-left { - text-align: left !important; } - -.mui--text-right { - text-align: right !important; } - -.mui--text-center { - text-align: center !important; } - -.mui--text-justify { - text-align: justify !important; } - -.mui--text-nowrap { - white-space: nowrap !important; } - -.mui--align-baseline { - vertical-align: baseline !important; } - -.mui--align-top { - vertical-align: top !important; } - -.mui--align-middle { - vertical-align: middle !important; } - -.mui--align-bottom { - vertical-align: bottom !important; } - -.mui--text-dark { - color: rgba(0, 0, 0, 0.87); } - -.mui--text-dark-secondary { - color: rgba(0, 0, 0, 0.54); } - -.mui--text-dark-hint { - color: rgba(0, 0, 0, 0.38); } - -.mui--text-light { - color: #FFF; } - -.mui--text-light-secondary { - color: rgba(255, 255, 255, 0.7); } - -.mui--text-light-hint { - color: rgba(255, 255, 255, 0.3); } - -.mui--text-accent { - color: rgba(0, 76, 109, 0.87); } - -.mui--text-accent-secondary { - color: rgba(0, 76, 109, 0.54); } - -.mui--text-accent-hint { - color: rgba(0, 76, 109, 0.38); } - -.mui--text-black { - color: #000; } - -.mui--text-white { - color: #FFF; } - -.mui--text-danger { - color: #F44336; } - -.mui-list--unstyled { - padding-left: 0; - list-style: none; } - -.mui-list--inline { - padding-left: 0; - list-style: none; - margin-left: -5px; } - .mui-list--inline > li { - display: inline-block; - padding-left: 5px; - padding-right: 5px; } - -.mui--z1, .mui-dropdown__menu, .mui-select__menu { - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } - -.mui--z2 { - box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); } - -.mui--z3 { - box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); } - -.mui--z4 { - box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); } - -.mui--z5 { - box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22); } - -.mui--clearfix:before, .mui--clearfix:after { - content: " "; - display: table; } - -.mui--clearfix:after { - clear: both; } - -.mui--pull-right { - float: right !important; } - -.mui--pull-left { - float: left !important; } - -.mui--hide { - display: none !important; } - -.mui--show { - display: block !important; } - -.mui--invisible { - visibility: hidden; } - -.mui--overflow-hidden { - overflow: hidden !important; } - -.mui--overflow-hidden-x { - overflow-x: hidden !important; } - -.mui--overflow-hidden-y { - overflow-y: hidden !important; } - -.mui--visible-xs-block, -.mui--visible-xs-inline, -.mui--visible-xs-inline-block, -.mui--visible-sm-block, -.mui--visible-sm-inline, -.mui--visible-sm-inline-block, -.mui--visible-md-block, -.mui--visible-md-inline, -.mui--visible-md-inline-block, -.mui--visible-lg-block, -.mui--visible-lg-inline, -.mui--visible-lg-inline-block, -.mui--visible-xl-block, -.mui--visible-xl-inline, -.mui--visible-xl-inline-block { - display: none !important; } - -@media (max-width: 543px) { - .mui-visible-xs { - display: block !important; } - table.mui-visible-xs { - display: table; } - tr.mui-visible-xs { - display: table-row !important; } - th.mui-visible-xs, - td.mui-visible-xs { - display: table-cell !important; } - .mui--visible-xs-block { - display: block !important; } - .mui--visible-xs-inline { - display: inline !important; } - .mui--visible-xs-inline-block { - display: inline-block !important; } } - -@media (min-width: 544px) and (max-width: 767px) { - .mui-visible-sm { - display: block !important; } - table.mui-visible-sm { - display: table; } - tr.mui-visible-sm { - display: table-row !important; } - th.mui-visible-sm, - td.mui-visible-sm { - display: table-cell !important; } - .mui--visible-sm-block { - display: block !important; } - .mui--visible-sm-inline { - display: inline !important; } - .mui--visible-sm-inline-block { - display: inline-block !important; } } - -@media (min-width: 768px) and (max-width: 991px) { - .mui-visible-md { - display: block !important; } - table.mui-visible-md { - display: table; } - tr.mui-visible-md { - display: table-row !important; } - th.mui-visible-md, - td.mui-visible-md { - display: table-cell !important; } - .mui--visible-md-block { - display: block !important; } - .mui--visible-md-inline { - display: inline !important; } - .mui--visible-md-inline-block { - display: inline-block !important; } } - -@media (min-width: 992px) and (max-width: 1199px) { - .mui-visible-lg { - display: block !important; } - table.mui-visible-lg { - display: table; } - tr.mui-visible-lg { - display: table-row !important; } - th.mui-visible-lg, - td.mui-visible-lg { - display: table-cell !important; } - .mui--visible-lg-block { - display: block !important; } - .mui--visible-lg-inline { - display: inline !important; } - .mui--visible-lg-inline-block { - display: inline-block !important; } } - -@media (min-width: 1200px) { - .mui-visible-xl { - display: block !important; } - table.mui-visible-xl { - display: table; } - tr.mui-visible-xl { - display: table-row !important; } - th.mui-visible-xl, - td.mui-visible-xl { - display: table-cell !important; } - .mui--visible-xl-block { - display: block !important; } - .mui--visible-xl-inline { - display: inline !important; } - .mui--visible-xl-inline-block { - display: inline-block !important; } } - -@media (max-width: 543px) { - .mui--hidden-xs { - display: none !important; } } - -@media (min-width: 544px) and (max-width: 767px) { - .mui--hidden-sm { - display: none !important; } } - -@media (min-width: 768px) and (max-width: 991px) { - .mui--hidden-md { - display: none !important; } } - -@media (min-width: 992px) and (max-width: 1199px) { - .mui--hidden-lg { - display: none !important; } } - -@media (min-width: 1200px) { - .mui--hidden-xl { - display: none !important; } } - -body.mui-body--scroll-lock { - overflow: hidden !important; } - -/** - * MUI Overlay module - */ -#mui-overlay { - position: fixed; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 99999999; - background-color: rgba(0, 0, 0, 0.2); - overflow: auto; } - -/** - * MUI Ripple module - */ -.mui-ripple-effect { - position: absolute; - border-radius: 50%; - pointer-events: none; - opacity: 0; - animation: mui-ripple-animation 2s; } - -@keyframes mui-ripple-animation { - from { - transform: scale(1); - opacity: 0.4; } - to { - transform: scale(100); - opacity: 0; } } - -.mui-btn > .mui-ripple-effect { - background-color: #a6a6a6; } - -.mui-btn--primary > .mui-ripple-effect { - background-color: #FFF; } - -.mui-btn--dark > .mui-ripple-effect { - background-color: #FFF; } - -.mui-btn--danger > .mui-ripple-effect { - background-color: #FFF; } - -.mui-btn--accent > .mui-ripple-effect { - background-color: #FFF; } - -.mui-btn--flat > .mui-ripple-effect { - background-color: #a6a6a6; } - -/** - * MUI Typography module - */ -.mui--text-display4 { - font-weight: 300; - font-size: 112px; - line-height: 112px; } - -.mui--text-display3 { - font-weight: 400; - font-size: 56px; - line-height: 56px; } - -.mui--text-display2 { - font-weight: 400; - font-size: 45px; - line-height: 48px; } - -.mui--text-display1, h1 { - font-weight: 400; - font-size: 34px; - line-height: 40px; } - -.mui--text-headline, h2 { - font-weight: 400; - font-size: 24px; - line-height: 32px; } - -.mui--text-title, h3 { - font-weight: 400; - font-size: 20px; - line-height: 28px; } - -.mui--text-subhead, h4 { - font-weight: 400; - font-size: 16px; - line-height: 24px; } - -.mui--text-body2, h5 { - font-weight: 500; - font-size: 14px; - line-height: 24px; } - -.mui--text-body1 { - font-weight: 400; - font-size: 14px; - line-height: 20px; } - -.mui--text-caption { - font-weight: 400; - font-size: 12px; - line-height: 16px; } - -.mui--text-menu { - font-weight: 500; - font-size: 13px; - line-height: 17px; } - -.mui--text-button { - font-weight: 500; - font-size: 14px; - line-height: 18px; - text-transform: uppercase; } - +/*! 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{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;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}*{box-sizing:border-box}*:before,*:after{box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:transparent}body{font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,Verdana,Tahoma;font-size:14px;font-weight:400;line-height:1.429;color:rgba(255,255,255,0.87);background-color:#424242}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#2196F3;text-decoration:none}a:hover,a:focus{color:#1976D2;text-decoration:underline}a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}p{margin:0 0 10px}ul,ol{margin-top:0;margin-bottom:10px}figure{margin:0}img{vertical-align:middle}hr{margin-top:20px;margin-bottom:20px;border:0;height:1px;background-color:rgba(0,0,0,0.12)}legend{display:block;width:100%;padding:0;margin-bottom:10px;font-size:21px;color:rgba(255,255,255,0.87);line-height:inherit;border:0}input[type="search"]{box-sizing:border-box;-webkit-appearance:none}input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}input[type="radio"]:disabled,input[type="checkbox"]:disabled{cursor:not-allowed}strong{font-weight:700}abbr[title]{cursor:help;border-bottom:1px dotted #2196F3}h1,h2,h3{margin-top:20px;margin-bottom:10px}h4,h5,h6{margin-top:10px;margin-bottom:10px}.mui--appbar-height{height:56px}.mui--appbar-min-height,.mui-appbar{min-height:56px}.mui--appbar-line-height{line-height:56px}.mui--appbar-top{top:56px}@media (orientation: landscape) and (max-height: 480px){.mui--appbar-height{height:48px}.mui--appbar-min-height,.mui-appbar{min-height:48px}.mui--appbar-line-height{line-height:48px}.mui--appbar-top{top:48px}}@media (min-width: 480px){.mui--appbar-height{height:64px}.mui--appbar-min-height,.mui-appbar{min-height:64px}.mui--appbar-line-height{line-height:64px}.mui--appbar-top{top:64px}}.mui-appbar{background-color:#004c6d;color:#fff}.mui-btn{animation-duration:0.0001s;animation-name:mui-node-inserted;font-weight:500;font-size:14px;line-height:18px;text-transform:uppercase;color:rgba(255,255,255,0.87);background-color:#fff;transition:all 0.2s ease-in-out;display:inline-block;height:36px;padding:0 26px;margin-top:6px;margin-bottom:6px;border:none;border-radius:2px;cursor:pointer;touch-action:manipulation;background-image:none;text-align:center;line-height:36px;vertical-align:middle;white-space:nowrap;user-select:none;font-size:14px;letter-spacing:0.03em;position:relative;overflow:hidden}.mui-btn:hover,.mui-btn:focus,.mui-btn:active{color:rgba(255,255,255,0.87);background-color:#fff}.mui-btn[disabled]:hover,.mui-btn[disabled]:focus,.mui-btn[disabled]:active{color:rgba(255,255,255,0.87);background-color:#fff}.mui-btn.mui-btn--flat{color:rgba(255,255,255,0.87);background-color:transparent}.mui-btn.mui-btn--flat:hover,.mui-btn.mui-btn--flat:focus,.mui-btn.mui-btn--flat:active{color:rgba(255,255,255,0.87);background-color:#f2f2f2}.mui-btn.mui-btn--flat[disabled]:hover,.mui-btn.mui-btn--flat[disabled]:focus,.mui-btn.mui-btn--flat[disabled]:active{color:rgba(255,255,255,0.87);background-color:transparent}.mui-btn:hover,.mui-btn:focus,.mui-btn:active{outline:0;text-decoration:none;color:rgba(255,255,255,0.87)}.mui-btn:hover,.mui-btn:focus{box-shadow:0 0px 2px rgba(0,0,0,0.12),0 2px 2px rgba(0,0,0,0.2)}@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){.mui-btn:hover,.mui-btn:focus{box-shadow:0 -1px 2px rgba(0,0,0,0.12),-1px 0px 2px rgba(0,0,0,0.12),0 0px 2px rgba(0,0,0,0.12),0 2px 2px rgba(0,0,0,0.2)}}.mui-btn:active{box-shadow:0 10px 20px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.23)}@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){.mui-btn:active{box-shadow:0 -1px 2px rgba(0,0,0,0.12),-1px 0px 2px rgba(0,0,0,0.12),0 10px 20px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.23)}}.mui-btn:disabled,.mui-btn.mui--is-disabled{cursor:not-allowed;pointer-events:none;opacity:0.60;box-shadow:none}.mui-btn+.mui-btn{margin-left:8px}.mui-btn--flat{background-color:transparent}.mui-btn--flat:hover,.mui-btn--flat:focus,.mui-btn--flat:active{box-shadow:none;background-color:#f2f2f2}.mui-btn--raised,.mui-btn--fab{box-shadow:0 0px 2px rgba(0,0,0,0.12),0 2px 2px rgba(0,0,0,0.2)}@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){.mui-btn--raised,.mui-btn--fab{box-shadow:0 -1px 2px rgba(0,0,0,0.12),-1px 0px 2px rgba(0,0,0,0.12),0 0px 2px rgba(0,0,0,0.12),0 2px 2px rgba(0,0,0,0.2)}}.mui-btn--raised:active,.mui-btn--fab:active{box-shadow:0 10px 20px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.23)}@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){.mui-btn--raised:active,.mui-btn--fab:active{box-shadow:0 -1px 2px rgba(0,0,0,0.12),-1px 0px 2px rgba(0,0,0,0.12),0 10px 20px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.23)}}.mui-btn--fab{position:relative;padding:0;width:55px;height:55px;line-height:55px;border-radius:50%;z-index:1}.mui-btn--primary{color:#fff;background-color:#2196F3}.mui-btn--primary:hover,.mui-btn--primary:focus,.mui-btn--primary:active{color:#fff;background-color:#39a1f4}.mui-btn--primary[disabled]:hover,.mui-btn--primary[disabled]:focus,.mui-btn--primary[disabled]:active{color:#fff;background-color:#2196F3}.mui-btn--primary.mui-btn--flat{color:#2196F3;background-color:transparent}.mui-btn--primary.mui-btn--flat:hover,.mui-btn--primary.mui-btn--flat:focus,.mui-btn--primary.mui-btn--flat:active{color:#2196F3;background-color:#f2f2f2}.mui-btn--primary.mui-btn--flat[disabled]:hover,.mui-btn--primary.mui-btn--flat[disabled]:focus,.mui-btn--primary.mui-btn--flat[disabled]:active{color:#2196F3;background-color:transparent}.mui-btn--dark{color:#fff;background-color:#424242}.mui-btn--dark:hover,.mui-btn--dark:focus,.mui-btn--dark:active{color:#fff;background-color:#4f4f4f}.mui-btn--dark[disabled]:hover,.mui-btn--dark[disabled]:focus,.mui-btn--dark[disabled]:active{color:#fff;background-color:#424242}.mui-btn--dark.mui-btn--flat{color:#424242;background-color:transparent}.mui-btn--dark.mui-btn--flat:hover,.mui-btn--dark.mui-btn--flat:focus,.mui-btn--dark.mui-btn--flat:active{color:#424242;background-color:#f2f2f2}.mui-btn--dark.mui-btn--flat[disabled]:hover,.mui-btn--dark.mui-btn--flat[disabled]:focus,.mui-btn--dark.mui-btn--flat[disabled]:active{color:#424242;background-color:transparent}.mui-btn--danger{color:#fff;background-color:#F44336}.mui-btn--danger:hover,.mui-btn--danger:focus,.mui-btn--danger:active{color:#fff;background-color:#f55a4e}.mui-btn--danger[disabled]:hover,.mui-btn--danger[disabled]:focus,.mui-btn--danger[disabled]:active{color:#fff;background-color:#F44336}.mui-btn--danger.mui-btn--flat{color:#F44336;background-color:transparent}.mui-btn--danger.mui-btn--flat:hover,.mui-btn--danger.mui-btn--flat:focus,.mui-btn--danger.mui-btn--flat:active{color:#F44336;background-color:#f2f2f2}.mui-btn--danger.mui-btn--flat[disabled]:hover,.mui-btn--danger.mui-btn--flat[disabled]:focus,.mui-btn--danger.mui-btn--flat[disabled]:active{color:#F44336;background-color:transparent}.mui-btn--accent{color:#004c6d;background-color:#00aeef}.mui-btn--accent:hover,.mui-btn--accent:focus,.mui-btn--accent:active{color:#004c6d;background-color:#0abcff}.mui-btn--accent[disabled]:hover,.mui-btn--accent[disabled]:focus,.mui-btn--accent[disabled]:active{color:#004c6d;background-color:#00aeef}.mui-btn--accent.mui-btn--flat{color:#00aeef;background-color:transparent}.mui-btn--accent.mui-btn--flat:hover,.mui-btn--accent.mui-btn--flat:focus,.mui-btn--accent.mui-btn--flat:active{color:#00aeef;background-color:#f2f2f2}.mui-btn--accent.mui-btn--flat[disabled]:hover,.mui-btn--accent.mui-btn--flat[disabled]:focus,.mui-btn--accent.mui-btn--flat[disabled]:active{color:#00aeef;background-color:transparent}.mui-btn--small{height:30.6px;line-height:30.6px;padding:0 16px;font-size:13px}.mui-btn--large{height:54px;line-height:54px;padding:0 26px;font-size:14px}.mui-btn--fab.mui-btn--small{width:44px;height:44px;line-height:44px}.mui-btn--fab.mui-btn--large{width:75px;height:75px;line-height:75px}.mui-radio,.mui-checkbox{position:relative;display:block;margin-top:10px;margin-bottom:10px}.mui-radio>label,.mui-checkbox>label{min-height:20px;padding-left:20px;margin-bottom:0;font-weight:normal;cursor:pointer}.mui-radio>label>input[type="radio"],.mui-radio--inline>label>input[type="radio"],.mui-checkbox>label>input[type="checkbox"],.mui-checkbox--inline>label>input[type="checkbox"]{position:absolute;margin-left:-20px;margin-top:4px}.mui-radio+.mui-radio,.mui-checkbox+.mui-checkbox{margin-top:-5px}.mui-radio--inline,.mui-checkbox--inline{display:inline-block;padding-left:20px;margin-bottom:0;vertical-align:middle;font-weight:normal;cursor:pointer}.mui-radio--inline>input[type="radio"],.mui-radio--inline>input[type="checkbox"],.mui-radio--inline>label>input[type="radio"],.mui-radio--inline>label>input[type="checkbox"],.mui-checkbox--inline>input[type="radio"],.mui-checkbox--inline>input[type="checkbox"],.mui-checkbox--inline>label>input[type="radio"],.mui-checkbox--inline>label>input[type="checkbox"]{margin:4px 0 0;line-height:normal}.mui-radio--inline+.mui-radio--inline,.mui-checkbox--inline+.mui-checkbox--inline{margin-top:0;margin-left:10px}.mui-container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}.mui-container:before,.mui-container:after{content:" ";display:table}.mui-container:after{clear:both}@media (min-width: 544px){.mui-container{max-width:570px}}@media (min-width: 768px){.mui-container{max-width:740px}}@media (min-width: 992px){.mui-container{max-width:960px}}@media (min-width: 1200px){.mui-container{max-width:1170px}}.mui-container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}.mui-container-fluid:before,.mui-container-fluid:after{content:" ";display:table}.mui-container-fluid:after{clear:both}.mui-divider{display:block;height:1px;background-color:rgba(0,0,0,0.12)}.mui--divider-top{border-top:1px solid rgba(0,0,0,0.12)}.mui--divider-bottom{border-bottom:1px solid rgba(0,0,0,0.12)}.mui--divider-left{border-left:1px solid rgba(0,0,0,0.12)}.mui--divider-right{border-right:1px solid rgba(0,0,0,0.12)}.mui-dropdown{display:inline-block;position:relative}[data-mui-toggle="dropdown"]{animation-duration:0.0001s;animation-name:mui-node-inserted;outline:0}.mui-dropdown__menu{position:absolute;top:100%;left:0;display:none;min-width:160px;padding:5px 0;margin:2px 0 0;list-style:none;font-size:14px;text-align:left;background-color:#fff;border-radius:2px;z-index:1;background-clip:padding-box}.mui-dropdown__menu.mui--is-open{display:block}.mui-dropdown__menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:normal;line-height:1.429;color:rgba(255,255,255,0.87);white-space:nowrap}.mui-dropdown__menu>li>a:hover,.mui-dropdown__menu>li>a:focus{text-decoration:none;color:rgba(242,242,242,0.87);background-color:#eee}.mui-dropdown__menu>.mui--is-disabled>a,.mui-dropdown__menu>.mui--is-disabled>a:hover,.mui-dropdown__menu>.mui--is-disabled>a:focus{color:#eee}.mui-dropdown__menu>.mui--is-disabled>a:hover,.mui-dropdown__menu>.mui--is-disabled>a:focus{text-decoration:none;background-color:transparent;background-image:none;cursor:not-allowed}.mui-dropdown__menu--right{left:auto;right:0}@media (min-width: 544px){.mui-form--inline>.mui-textfield{display:inline-block;margin-bottom:0}.mui-form--inline>.mui-radio,.mui-form--inline>.mui-checkbox{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.mui-form--inline>.mui-radio>label,.mui-form--inline>.mui-checkbox>label{padding-left:0}.mui-form--inline>.mui-radio>label>input[type="radio"],.mui-form--inline>.mui-checkbox>label>input[type="checkbox"]{position:relative;margin-left:0}.mui-form--inline>.mui-select{display:inline-block}.mui-form--inline>.mui-btn{margin-bottom:0;margin-top:0;vertical-align:bottom}}.mui-row{margin-left:-15px;margin-right:-15px}.mui-row:before,.mui-row:after{content:" ";display:table}.mui-row:after{clear:both}.mui-col-xs-1,.mui-col-sm-1,.mui-col-md-1,.mui-col-lg-1,.mui-col-xs-2,.mui-col-sm-2,.mui-col-md-2,.mui-col-lg-2,.mui-col-xs-3,.mui-col-sm-3,.mui-col-md-3,.mui-col-lg-3,.mui-col-xs-4,.mui-col-sm-4,.mui-col-md-4,.mui-col-lg-4,.mui-col-xs-5,.mui-col-sm-5,.mui-col-md-5,.mui-col-lg-5,.mui-col-xs-6,.mui-col-sm-6,.mui-col-md-6,.mui-col-lg-6,.mui-col-xs-7,.mui-col-sm-7,.mui-col-md-7,.mui-col-lg-7,.mui-col-xs-8,.mui-col-sm-8,.mui-col-md-8,.mui-col-lg-8,.mui-col-xs-9,.mui-col-sm-9,.mui-col-md-9,.mui-col-lg-9,.mui-col-xs-10,.mui-col-sm-10,.mui-col-md-10,.mui-col-lg-10,.mui-col-xs-11,.mui-col-sm-11,.mui-col-md-11,.mui-col-lg-11,.mui-col-xs-12,.mui-col-sm-12,.mui-col-md-12,.mui-col-lg-12{min-height:1px;padding-left:15px;padding-right:15px}.mui-col-xs-1,.mui-col-xs-2,.mui-col-xs-3,.mui-col-xs-4,.mui-col-xs-5,.mui-col-xs-6,.mui-col-xs-7,.mui-col-xs-8,.mui-col-xs-9,.mui-col-xs-10,.mui-col-xs-11,.mui-col-xs-12{float:left}.mui-col-xs-1{width:8.33333%}.mui-col-xs-2{width:16.66667%}.mui-col-xs-3{width:25%}.mui-col-xs-4{width:33.33333%}.mui-col-xs-5{width:41.66667%}.mui-col-xs-6{width:50%}.mui-col-xs-7{width:58.33333%}.mui-col-xs-8{width:66.66667%}.mui-col-xs-9{width:75%}.mui-col-xs-10{width:83.33333%}.mui-col-xs-11{width:91.66667%}.mui-col-xs-12{width:100%}.mui-col-xs-offset-0{margin-left:0%}.mui-col-xs-offset-1{margin-left:8.33333%}.mui-col-xs-offset-2{margin-left:16.66667%}.mui-col-xs-offset-3{margin-left:25%}.mui-col-xs-offset-4{margin-left:33.33333%}.mui-col-xs-offset-5{margin-left:41.66667%}.mui-col-xs-offset-6{margin-left:50%}.mui-col-xs-offset-7{margin-left:58.33333%}.mui-col-xs-offset-8{margin-left:66.66667%}.mui-col-xs-offset-9{margin-left:75%}.mui-col-xs-offset-10{margin-left:83.33333%}.mui-col-xs-offset-11{margin-left:91.66667%}.mui-col-xs-offset-12{margin-left:100%}@media (min-width: 544px){.mui-col-sm-1,.mui-col-sm-2,.mui-col-sm-3,.mui-col-sm-4,.mui-col-sm-5,.mui-col-sm-6,.mui-col-sm-7,.mui-col-sm-8,.mui-col-sm-9,.mui-col-sm-10,.mui-col-sm-11,.mui-col-sm-12{float:left}.mui-col-sm-1{width:8.33333%}.mui-col-sm-2{width:16.66667%}.mui-col-sm-3{width:25%}.mui-col-sm-4{width:33.33333%}.mui-col-sm-5{width:41.66667%}.mui-col-sm-6{width:50%}.mui-col-sm-7{width:58.33333%}.mui-col-sm-8{width:66.66667%}.mui-col-sm-9{width:75%}.mui-col-sm-10{width:83.33333%}.mui-col-sm-11{width:91.66667%}.mui-col-sm-12{width:100%}.mui-col-sm-offset-0{margin-left:0%}.mui-col-sm-offset-1{margin-left:8.33333%}.mui-col-sm-offset-2{margin-left:16.66667%}.mui-col-sm-offset-3{margin-left:25%}.mui-col-sm-offset-4{margin-left:33.33333%}.mui-col-sm-offset-5{margin-left:41.66667%}.mui-col-sm-offset-6{margin-left:50%}.mui-col-sm-offset-7{margin-left:58.33333%}.mui-col-sm-offset-8{margin-left:66.66667%}.mui-col-sm-offset-9{margin-left:75%}.mui-col-sm-offset-10{margin-left:83.33333%}.mui-col-sm-offset-11{margin-left:91.66667%}.mui-col-sm-offset-12{margin-left:100%}}@media (min-width: 768px){.mui-col-md-1,.mui-col-md-2,.mui-col-md-3,.mui-col-md-4,.mui-col-md-5,.mui-col-md-6,.mui-col-md-7,.mui-col-md-8,.mui-col-md-9,.mui-col-md-10,.mui-col-md-11,.mui-col-md-12{float:left}.mui-col-md-1{width:8.33333%}.mui-col-md-2{width:16.66667%}.mui-col-md-3{width:25%}.mui-col-md-4{width:33.33333%}.mui-col-md-5{width:41.66667%}.mui-col-md-6{width:50%}.mui-col-md-7{width:58.33333%}.mui-col-md-8{width:66.66667%}.mui-col-md-9{width:75%}.mui-col-md-10{width:83.33333%}.mui-col-md-11{width:91.66667%}.mui-col-md-12{width:100%}.mui-col-md-offset-0{margin-left:0%}.mui-col-md-offset-1{margin-left:8.33333%}.mui-col-md-offset-2{margin-left:16.66667%}.mui-col-md-offset-3{margin-left:25%}.mui-col-md-offset-4{margin-left:33.33333%}.mui-col-md-offset-5{margin-left:41.66667%}.mui-col-md-offset-6{margin-left:50%}.mui-col-md-offset-7{margin-left:58.33333%}.mui-col-md-offset-8{margin-left:66.66667%}.mui-col-md-offset-9{margin-left:75%}.mui-col-md-offset-10{margin-left:83.33333%}.mui-col-md-offset-11{margin-left:91.66667%}.mui-col-md-offset-12{margin-left:100%}}@media (min-width: 992px){.mui-col-lg-1,.mui-col-lg-2,.mui-col-lg-3,.mui-col-lg-4,.mui-col-lg-5,.mui-col-lg-6,.mui-col-lg-7,.mui-col-lg-8,.mui-col-lg-9,.mui-col-lg-10,.mui-col-lg-11,.mui-col-lg-12{float:left}.mui-col-lg-1{width:8.33333%}.mui-col-lg-2{width:16.66667%}.mui-col-lg-3{width:25%}.mui-col-lg-4{width:33.33333%}.mui-col-lg-5{width:41.66667%}.mui-col-lg-6{width:50%}.mui-col-lg-7{width:58.33333%}.mui-col-lg-8{width:66.66667%}.mui-col-lg-9{width:75%}.mui-col-lg-10{width:83.33333%}.mui-col-lg-11{width:91.66667%}.mui-col-lg-12{width:100%}.mui-col-lg-offset-0{margin-left:0%}.mui-col-lg-offset-1{margin-left:8.33333%}.mui-col-lg-offset-2{margin-left:16.66667%}.mui-col-lg-offset-3{margin-left:25%}.mui-col-lg-offset-4{margin-left:33.33333%}.mui-col-lg-offset-5{margin-left:41.66667%}.mui-col-lg-offset-6{margin-left:50%}.mui-col-lg-offset-7{margin-left:58.33333%}.mui-col-lg-offset-8{margin-left:66.66667%}.mui-col-lg-offset-9{margin-left:75%}.mui-col-lg-offset-10{margin-left:83.33333%}.mui-col-lg-offset-11{margin-left:91.66667%}.mui-col-lg-offset-12{margin-left:100%}}@media (min-width: 1200px){.mui-col-xl-1,.mui-col-xl-2,.mui-col-xl-3,.mui-col-xl-4,.mui-col-xl-5,.mui-col-xl-6,.mui-col-xl-7,.mui-col-xl-8,.mui-col-xl-9,.mui-col-xl-10,.mui-col-xl-11,.mui-col-xl-12{float:left}.mui-col-xl-1{width:8.33333%}.mui-col-xl-2{width:16.66667%}.mui-col-xl-3{width:25%}.mui-col-xl-4{width:33.33333%}.mui-col-xl-5{width:41.66667%}.mui-col-xl-6{width:50%}.mui-col-xl-7{width:58.33333%}.mui-col-xl-8{width:66.66667%}.mui-col-xl-9{width:75%}.mui-col-xl-10{width:83.33333%}.mui-col-xl-11{width:91.66667%}.mui-col-xl-12{width:100%}.mui-col-xl-offset-0{margin-left:0%}.mui-col-xl-offset-1{margin-left:8.33333%}.mui-col-xl-offset-2{margin-left:16.66667%}.mui-col-xl-offset-3{margin-left:25%}.mui-col-xl-offset-4{margin-left:33.33333%}.mui-col-xl-offset-5{margin-left:41.66667%}.mui-col-xl-offset-6{margin-left:50%}.mui-col-xl-offset-7{margin-left:58.33333%}.mui-col-xl-offset-8{margin-left:66.66667%}.mui-col-xl-offset-9{margin-left:75%}.mui-col-xl-offset-10{margin-left:83.33333%}.mui-col-xl-offset-11{margin-left:91.66667%}.mui-col-xl-offset-12{margin-left:100%}}.mui-panel{padding:15px;margin-bottom:20px;border-radius:0;background-color:#212121;box-shadow:0 2px 2px 0 rgba(0,0,0,0.16),0 0px 2px 0 rgba(0,0,0,0.12)}.mui-panel:before,.mui-panel:after{content:" ";display:table}.mui-panel:after{clear:both}@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){.mui-panel{box-shadow:0 -1px 2px 0 rgba(0,0,0,0.12),-1px 0px 2px 0 rgba(0,0,0,0.12),0 2px 2px 0 rgba(0,0,0,0.16),0 0px 2px 0 rgba(0,0,0,0.12)}}.mui-select{display:block;padding-top:15px;margin-bottom:20px;position:relative}.mui-select:focus{outline:0}.mui-select:focus>select{height:33px;margin-bottom:-1px;border-color:#2196F3;border-width:2px}.mui-select>select{animation-duration:0.0001s;animation-name:mui-node-inserted;display:block;height:32px;width:100%;appearance:none;-webkit-appearance:none;-moz-appearance:none;outline:none;border:none;border-bottom:1px solid rgba(0,0,0,0.26);border-radius:0px;box-shadow:none;background-color:transparent;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNiIgd2lkdGg9IjEwIj48cG9seWdvbiBwb2ludHM9IjAsMCAxMCwwIDUsNiIgc3R5bGU9ImZpbGw6cmdiYSgwLDAsMCwuMjQpOyIvPjwvc3ZnPg==");background-repeat:no-repeat;background-position:right center;cursor:pointer;color:rgba(255,255,255,0.87);font-size:16px;padding:0 25px 0 0}.mui-select>select::-ms-expand{display:none}.mui-select>select:focus{outline:0;height:33px;margin-bottom:-1px;border-color:#2196F3;border-width:2px}.mui-select>select:disabled{color:rgba(0,0,0,0.38);cursor:not-allowed;background-color:transparent;opacity:1}.mui-select__menu{position:absolute;z-index:2;min-width:100%;overflow-y:auto;padding:8px 0;background-color:#fff;font-size:16px}@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){.mui-select__menu{border-left:1px solid rgba(0,0,0,0.12);border-top:1px solid rgba(0,0,0,0.12)}}.mui-select__menu>div{padding:0 22px;height:42px;line-height:42px;cursor:pointer;white-space:nowrap}.mui-select__menu>div:hover{background-color:#E0E0E0}.mui-select__menu>div.mui--is-selected{background-color:#eee}th{text-align:left}.mui-table{width:100%;max-width:100%;margin-bottom:20px}.mui-table>thead>tr>th,.mui-table>thead>tr>td,.mui-table>tbody>tr>th,.mui-table>tbody>tr>td,.mui-table>tfoot>tr>th,.mui-table>tfoot>tr>td{padding:10px;line-height:1.429}.mui-table>thead>tr>th{border-bottom:2px solid rgba(0,0,0,0.12);font-weight:700}.mui-table>tbody+tbody{border-top:2px solid rgba(0,0,0,0.12)}.mui-table.mui-table--bordered>tbody>tr>td{border-bottom:1px solid rgba(0,0,0,0.12)}.mui-tabs__bar{list-style:none;padding-left:0;margin-bottom:0;background-color:transparent;white-space:nowrap;overflow-x:auto}.mui-tabs__bar>li{display:inline-block}.mui-tabs__bar>li>a{display:block;white-space:nowrap;text-transform:uppercase;font-weight:500;font-size:14px;color:rgba(255,255,255,0.87);cursor:default;height:48px;line-height:48px;padding-left:24px;padding-right:24px;user-select:none}.mui-tabs__bar>li>a:hover{text-decoration:none}.mui-tabs__bar>li.mui--is-active{border-bottom:2px solid #2196F3}.mui-tabs__bar>li.mui--is-active>a{color:#2196F3}.mui-tabs__bar.mui-tabs__bar--justified{display:table;width:100%;table-layout:fixed}.mui-tabs__bar.mui-tabs__bar--justified>li{display:table-cell}.mui-tabs__bar.mui-tabs__bar--justified>li>a{text-align:center;padding-left:0px;padding-right:0px}.mui-tabs__pane{display:none}.mui-tabs__pane.mui--is-active{display:block}[data-mui-toggle="tab"]{animation-duration:0.0001s;animation-name:mui-node-inserted}.mui-textfield{display:block;padding-top:15px;margin-bottom:20px;position:relative}.mui-textfield>label{position:absolute;top:0;display:block;width:100%;color:rgba(0,0,0,0.54);font-size:12px;font-weight:400;line-height:15px;overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap}.mui-textfield>textarea{padding-top:5px}.mui-textfield>input,.mui-textfield>textarea{display:block}.mui-textfield>input:focus ~ label,.mui-textfield>textarea:focus ~ label{color:#2196F3}.mui-textfield--float-label>label{position:absolute;transform:translate(0px, 15px);font-size:16px;line-height:32px;color:rgba(0,0,0,0.26);text-overflow:clip;cursor:text;pointer-events:none}.mui-textfield--float-label>input:focus ~ label,.mui-textfield--float-label>textarea:focus ~ label{transform:translate(0px, 0px);font-size:12px;line-height:15px;text-overflow:ellipsis}.mui-textfield--float-label>input:not(:focus).mui--is-not-empty ~ label,.mui-textfield--float-label>input:not(:focus)[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty) ~ label,.mui-textfield--float-label>input:not(:focus):not(:empty):not(.mui--is-empty):not(.mui--is-not-empty) ~ label,.mui-textfield--float-label>textarea:not(:focus).mui--is-not-empty ~ label,.mui-textfield--float-label>textarea:not(:focus)[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty) ~ label,.mui-textfield--float-label>textarea:not(:focus):not(:empty):not(.mui--is-empty):not(.mui--is-not-empty) ~ label{color:rgba(0,0,0,0.54);font-size:12px;line-height:15px;transform:translate(0px, 0px);text-overflow:ellipsis}.mui-textfield--wrap-label{display:table;width:100%;padding-top:0px}.mui-textfield--wrap-label:not(.mui-textfield--float-label)>label{display:table-header-group;position:static;white-space:normal;overflow-x:visible}.mui-textfield>input,.mui-textfield>textarea{animation-duration:0.0001s;animation-name:mui-node-inserted;display:block;background-color:transparent;color:rgba(255,255,255,0.87);border:none;border-bottom:1px solid rgba(0,0,0,0.26);outline:none;width:100%;font-size:16px;padding:0;box-shadow:none;border-radius:0px;background-image:none}.mui-textfield>input:focus,.mui-textfield>textarea:focus{border-color:#2196F3;border-width:2px}.mui-textfield>input:disabled,.mui-textfield>input:read-only,.mui-textfield>textarea:disabled,.mui-textfield>textarea:read-only{cursor:not-allowed;background-color:transparent;opacity:1}.mui-textfield>input::placeholder,.mui-textfield>textarea::placeholder{color:rgba(0,0,0,0.26);opacity:1}.mui-textfield>input{height:32px}.mui-textfield>input:focus{height:33px;margin-bottom:-1px}.mui-textfield>textarea{min-height:64px}.mui-textfield>textarea[rows]:not([rows="2"]):focus{margin-bottom:-1px}.mui-textfield>input:focus{height:33px;margin-bottom:-1px}.mui-textfield>input:invalid:not(:focus):not(:required),.mui-textfield>input:invalid:not(:focus):required.mui--is-not-empty,.mui-textfield>input:invalid:not(:focus):required.mui--is-empty.mui--is-dirty,.mui-textfield>input:invalid:not(:focus):required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty),.mui-textfield>input:invalid:not(:focus):required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty),.mui-textfield>textarea:invalid:not(:focus):not(:required),.mui-textfield>textarea:invalid:not(:focus):required.mui--is-not-empty,.mui-textfield>textarea:invalid:not(:focus):required.mui--is-empty.mui--is-dirty,.mui-textfield>textarea:invalid:not(:focus):required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty),.mui-textfield>textarea:invalid:not(:focus):required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty),.mui-textfield>input:not(:focus).mui--is-invalid:not(:required),.mui-textfield>input:not(:focus).mui--is-invalid:required.mui--is-not-empty,.mui-textfield>input:not(:focus).mui--is-invalid:required.mui--is-empty.mui--is-dirty,.mui-textfield>input:not(:focus).mui--is-invalid:required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty),.mui-textfield>input:not(:focus).mui--is-invalid:required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty),.mui-textfield>textarea:not(:focus).mui--is-invalid:not(:required),.mui-textfield>textarea:not(:focus).mui--is-invalid:required.mui--is-not-empty,.mui-textfield>textarea:not(:focus).mui--is-invalid:required.mui--is-empty.mui--is-dirty,.mui-textfield>textarea:not(:focus).mui--is-invalid:required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty),.mui-textfield>textarea:not(:focus).mui--is-invalid:required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty){border-color:#F44336;border-width:2px}.mui-textfield>input:invalid:not(:focus):not(:required),.mui-textfield>input:invalid:not(:focus):required.mui--is-not-empty,.mui-textfield>input:invalid:not(:focus):required.mui--is-empty.mui--is-dirty,.mui-textfield>input:invalid:not(:focus):required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty),.mui-textfield>input:invalid:not(:focus):required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty),.mui-textfield>input:not(:focus).mui--is-invalid:not(:required),.mui-textfield>input:not(:focus).mui--is-invalid:required.mui--is-not-empty,.mui-textfield>input:not(:focus).mui--is-invalid:required.mui--is-empty.mui--is-dirty,.mui-textfield>input:not(:focus).mui--is-invalid:required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty),.mui-textfield>input:not(:focus).mui--is-invalid:required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty){height:33px;margin-bottom:-1px}.mui-textfield>input:invalid:not(:focus):not(:required) ~ label,.mui-textfield>input:invalid:not(:focus):required.mui--is-not-empty ~ label,.mui-textfield>input:invalid:not(:focus):required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty) ~ label,.mui-textfield>input:invalid:not(:focus):required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty) ~ label,.mui-textfield>textarea:invalid:not(:focus):not(:required) ~ label,.mui-textfield>textarea:invalid:not(:focus):required.mui--is-not-empty ~ label,.mui-textfield>textarea:invalid:not(:focus):required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty) ~ label,.mui-textfield>textarea:invalid:not(:focus):required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty) ~ label,.mui-textfield>input:not(:focus).mui--is-invalid:not(:required) ~ label,.mui-textfield>input:not(:focus).mui--is-invalid:required.mui--is-not-empty ~ label,.mui-textfield>input:not(:focus).mui--is-invalid:required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty) ~ label,.mui-textfield>input:not(:focus).mui--is-invalid:required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty) ~ label,.mui-textfield>textarea:not(:focus).mui--is-invalid:not(:required) ~ label,.mui-textfield>textarea:not(:focus).mui--is-invalid:required.mui--is-not-empty ~ label,.mui-textfield>textarea:not(:focus).mui--is-invalid:required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty) ~ label,.mui-textfield>textarea:not(:focus).mui--is-invalid:required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty) ~ label{color:#F44336}.mui-textfield:not(.mui-textfield--float-label)>input:invalid:not(:focus):required.mui--is-empty.mui--is-dirty ~ label,.mui-textfield:not(.mui-textfield--float-label)>textarea:invalid:not(:focus):required.mui--is-empty.mui--is-dirty ~ label,.mui-textfield:not(.mui-textfield--float-label)>input:not(:focus).mui--is-invalid:required.mui--is-empty.mui--is-dirty ~ label,.mui-textfield:not(.mui-textfield--float-label)>textarea:not(:focus).mui--is-invalid:required.mui--is-empty.mui--is-dirty ~ label{color:#F44336}@keyframes mui-node-inserted{from{opacity:0.99}to{opacity:1}}.mui--no-transition{transition:none !important}.mui--no-user-select{user-select:none}.mui-caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent}.mui--text-left{text-align:left !important}.mui--text-right{text-align:right !important}.mui--text-center{text-align:center !important}.mui--text-justify{text-align:justify !important}.mui--text-nowrap{white-space:nowrap !important}.mui--align-baseline{vertical-align:baseline !important}.mui--align-top{vertical-align:top !important}.mui--align-middle{vertical-align:middle !important}.mui--align-bottom{vertical-align:bottom !important}.mui--text-dark{color:rgba(0,0,0,0.87)}.mui--text-dark-secondary{color:rgba(0,0,0,0.54)}.mui--text-dark-hint{color:rgba(0,0,0,0.38)}.mui--text-light{color:#fff}.mui--text-light-secondary{color:rgba(255,255,255,0.7)}.mui--text-light-hint{color:rgba(255,255,255,0.3)}.mui--text-accent{color:rgba(0,174,239,0.87)}.mui--text-accent-secondary{color:rgba(0,174,239,0.54)}.mui--text-accent-hint{color:rgba(0,174,239,0.38)}.mui--text-black{color:#000}.mui--text-white{color:#fff}.mui--text-danger{color:#F44336}.mui-list--unstyled{padding-left:0;list-style:none}.mui-list--inline{padding-left:0;list-style:none;margin-left:-5px}.mui-list--inline>li{display:inline-block;padding-left:5px;padding-right:5px}.mui--z1,.mui-dropdown__menu,.mui-select__menu{box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24)}.mui--z2{box-shadow:0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23)}.mui--z3{box-shadow:0 10px 20px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.23)}.mui--z4{box-shadow:0 14px 28px rgba(0,0,0,0.25),0 10px 10px rgba(0,0,0,0.22)}.mui--z5{box-shadow:0 19px 38px rgba(0,0,0,0.3),0 15px 12px rgba(0,0,0,0.22)}.mui--clearfix:before,.mui--clearfix:after{content:" ";display:table}.mui--clearfix:after{clear:both}.mui--pull-right{float:right !important}.mui--pull-left{float:left !important}.mui--hide{display:none !important}.mui--show{display:block !important}.mui--invisible{visibility:hidden}.mui--overflow-hidden{overflow:hidden !important}.mui--overflow-hidden-x{overflow-x:hidden !important}.mui--overflow-hidden-y{overflow-y:hidden !important}.mui--visible-xs-block,.mui--visible-xs-inline,.mui--visible-xs-inline-block,.mui--visible-sm-block,.mui--visible-sm-inline,.mui--visible-sm-inline-block,.mui--visible-md-block,.mui--visible-md-inline,.mui--visible-md-inline-block,.mui--visible-lg-block,.mui--visible-lg-inline,.mui--visible-lg-inline-block,.mui--visible-xl-block,.mui--visible-xl-inline,.mui--visible-xl-inline-block{display:none !important}@media (max-width: 543px){.mui-visible-xs{display:block !important}table.mui-visible-xs{display:table}tr.mui-visible-xs{display:table-row !important}th.mui-visible-xs,td.mui-visible-xs{display:table-cell !important}.mui--visible-xs-block{display:block !important}.mui--visible-xs-inline{display:inline !important}.mui--visible-xs-inline-block{display:inline-block !important}}@media (min-width: 544px) and (max-width: 767px){.mui-visible-sm{display:block !important}table.mui-visible-sm{display:table}tr.mui-visible-sm{display:table-row !important}th.mui-visible-sm,td.mui-visible-sm{display:table-cell !important}.mui--visible-sm-block{display:block !important}.mui--visible-sm-inline{display:inline !important}.mui--visible-sm-inline-block{display:inline-block !important}}@media (min-width: 768px) and (max-width: 991px){.mui-visible-md{display:block !important}table.mui-visible-md{display:table}tr.mui-visible-md{display:table-row !important}th.mui-visible-md,td.mui-visible-md{display:table-cell !important}.mui--visible-md-block{display:block !important}.mui--visible-md-inline{display:inline !important}.mui--visible-md-inline-block{display:inline-block !important}}@media (min-width: 992px) and (max-width: 1199px){.mui-visible-lg{display:block !important}table.mui-visible-lg{display:table}tr.mui-visible-lg{display:table-row !important}th.mui-visible-lg,td.mui-visible-lg{display:table-cell !important}.mui--visible-lg-block{display:block !important}.mui--visible-lg-inline{display:inline !important}.mui--visible-lg-inline-block{display:inline-block !important}}@media (min-width: 1200px){.mui-visible-xl{display:block !important}table.mui-visible-xl{display:table}tr.mui-visible-xl{display:table-row !important}th.mui-visible-xl,td.mui-visible-xl{display:table-cell !important}.mui--visible-xl-block{display:block !important}.mui--visible-xl-inline{display:inline !important}.mui--visible-xl-inline-block{display:inline-block !important}}@media (max-width: 543px){.mui--hidden-xs{display:none !important}}@media (min-width: 544px) and (max-width: 767px){.mui--hidden-sm{display:none !important}}@media (min-width: 768px) and (max-width: 991px){.mui--hidden-md{display:none !important}}@media (min-width: 992px) and (max-width: 1199px){.mui--hidden-lg{display:none !important}}@media (min-width: 1200px){.mui--hidden-xl{display:none !important}}body.mui-body--scroll-lock{overflow:hidden !important}#mui-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999999;background-color:rgba(0,0,0,0.2);overflow:auto}.mui-ripple-effect{position:absolute;border-radius:50%;pointer-events:none;opacity:0;animation:mui-ripple-animation 2s}@keyframes mui-ripple-animation{from{transform:scale(1);opacity:0.4}to{transform:scale(100);opacity:0}}.mui-btn>.mui-ripple-effect{background-color:#a6a6a6}.mui-btn--primary>.mui-ripple-effect{background-color:#fff}.mui-btn--dark>.mui-ripple-effect{background-color:#fff}.mui-btn--danger>.mui-ripple-effect{background-color:#fff}.mui-btn--accent>.mui-ripple-effect{background-color:#fff}.mui-btn--flat>.mui-ripple-effect{background-color:#a6a6a6}.mui--text-display4{font-weight:300;font-size:112px;line-height:112px}.mui--text-display3{font-weight:400;font-size:56px;line-height:56px}.mui--text-display2{font-weight:400;font-size:45px;line-height:48px}.mui--text-display1,h1{font-weight:400;font-size:34px;line-height:40px}.mui--text-headline,h2{font-weight:400;font-size:24px;line-height:32px}.mui--text-title,h3{font-weight:400;font-size:20px;line-height:28px}.mui--text-subhead,h4{font-weight:400;font-size:16px;line-height:24px}.mui--text-body2,h5{font-weight:500;font-size:14px;line-height:24px}.mui--text-body1{font-weight:400;font-size:14px;line-height:20px}.mui--text-caption{font-weight:400;font-size:12px;line-height:16px}.mui--text-menu{font-weight:500;font-size:13px;line-height:17px}.mui--text-button{font-weight:500;font-size:14px;line-height:18px;text-transform:uppercase} diff --git a/sensortoy/sensortoy/app/index.html b/sensortoy/sensortoy/app/index.html index 2126190..d482467 100644 --- a/sensortoy/sensortoy/app/index.html +++ b/sensortoy/sensortoy/app/index.html @@ -92,6 +92,7 @@ + diff --git a/sensortoy/sensortoy/app/js/device/CC2650/cc2650_barometer.js b/sensortoy/sensortoy/app/js/device/CC2650/cc2650_barometer.js index fd37cb6..2afb6b5 100644 --- a/sensortoy/sensortoy/app/js/device/CC2650/cc2650_barometer.js +++ b/sensortoy/sensortoy/app/js/device/CC2650/cc2650_barometer.js @@ -99,7 +99,13 @@ var CC2650_BAR = function(p) { var temp = this.frameID + '-t'; var pressure = this.frameID + '-p'; - var row = $('
', {class: 'mui-row'}); + + var settings = {data: {baseID: this.frameID}}; + var html = new EJS({url: './partials/cc2650_barometer.ejs'}).render(settings); + + this.$id.append(html); + + /* var row = $('
', {class: 'mui-row'}); $('
', { class: 'mui-col-xs-3 mui--text-accent mui--text-right', text: 'Temp:'}).appendTo(row); @@ -150,7 +156,7 @@ var CC2650_BAR = function(p) { class: 'mui-tabs__pane', id: (pressure + '-pane') }).append(blankChart)); - } + }*/ this.$result.temp = $('#' + temp); this.$result.pressure = $('#' + pressure); diff --git a/sensortoy/sensortoy/app/js/device/CC2650/cc2650_thermopile.js b/sensortoy/sensortoy/app/js/device/CC2650/cc2650_thermopile.js index 20ebbf9..257f5e6 100644 --- a/sensortoy/sensortoy/app/js/device/CC2650/cc2650_thermopile.js +++ b/sensortoy/sensortoy/app/js/device/CC2650/cc2650_thermopile.js @@ -104,7 +104,14 @@ var CC2650_TMP = function(p) { var temp = this.frameID + '-t'; var amb = this.frameID + '-a'; - var row = $('
', {class: 'mui-row'}); + + var settings = {data: {baseID: this.frameID}}; + var html = new EJS({url: './partials/cc2650_thermopile.ejs'}).render(settings); + + this.$id.append(html); + + + /*var row = $('
', {class: 'mui-row'}); $('
', {class: 'mui-col-xs-3 mui--text-accent mui--text-right', text: 'Temp:'}).appendTo(row); @@ -152,7 +159,7 @@ var CC2650_TMP = function(p) { this.$id.append($('
',{class: 'mui-tabs__pane',id: (amb + '-pane')}).append(blankChart)); } - +*/ this.$result.temp = $('#' + temp); diff --git a/sensortoy/sensortoy/app/js/device/fmc/TSL.js b/sensortoy/sensortoy/app/js/device/fmc/TSL.js index 91b525d..11c0ba5 100644 --- a/sensortoy/sensortoy/app/js/device/fmc/TSL.js +++ b/sensortoy/sensortoy/app/js/device/fmc/TSL.js @@ -5,7 +5,7 @@ * Time: 10:13 * */ -/* global CAPABILITY, inheritsFrom, capabilityManager */ +/* global CAPABILITY, inheritsFrom, capabilityManager, EJS, ejs */ /* global ble */ /* jshint browser: true , devel: true*/ @@ -48,6 +48,13 @@ var TSL = function(p) { this.$result = {temp: null, tempMax: null, tempMin: null}; this.data = []; this.setFrame(); + this.read = {}; + + this.html = {}; + + this.history = null; + + this.historyloops = 0; this.arrayToHex = function(a) { return a.map(function(i) { @@ -55,20 +62,122 @@ var TSL = function(p) { }); }; - this.convertToTemp = function(raw) { + this.convertToPercent = function(raw) { return ((raw[1] << 8) + (raw[0])) / 100; }; -/* - this.$result.temp = $('#' + tslTemp); + this.convertToPressure = function(raw) { + return ((raw[1] << 8) + (raw[0])) ; + }; + + this.convertToHumidity = function(raw) { + return ((raw[1] << 8) + (raw[0])) ; + }; + + /* + This.$result.temp = $('#' + tslTemp); this.$result.tempMax = $('#' + tslTempMax); this.$result.tempMin = $('#' + tslTempMin); */ + this.onReadVelState = function(d) { + var raw = new Uint8Array(d); + var output = [], signedOutput = new Int16Array(9); + // Var humidity = this.convertToPercent(raw); + console.log('Vel State:', raw); + // This.$result.h.text(humidity.toFixed(2) + '%'); + + /* output.push(((raw[1] << 8) + (raw[0]))); + output.push(((raw[3] << 8) + (raw[2]))); + output.push(((raw[5] << 8) + (raw[4]))); + output.push(((raw[7] << 8) + (raw[6]))); + output.push(((raw[9] << 8) + (raw[8]))); + output.push(((raw[11] << 8) + (raw[10]))); + output.push(((raw[13] << 8) + (raw[12]))); + output.push(((raw[15] << 8) + (raw[14]))); + output.push(((raw[17] << 8) + (raw[16]))); + + + for (var t = 0;t < output.length;t++) { + signedOutput[t] = (output[t] * 1.0) / (32768/ 2); + } + console.log(output); + console.log(signedOutput);*/ + }; + + + this.onReadAccelState = function(d) { + var raw = new Uint8Array(d); + var output = [], signedOutput = new Int16Array(9); + // Var humidity = this.convertToPercent(raw); + console.log('Accel State:', raw); + // This.$result.h.text(humidity.toFixed(2) + '%'); + + output.push(((raw[1] << 8) + (raw[0]))); + output.push(((raw[3] << 8) + (raw[2]))); + output.push(((raw[5] << 8) + (raw[4]))); + output.push(((raw[7] << 8) + (raw[6]))); + output.push(((raw[9] << 8) + (raw[8]))); + output.push(((raw[11] << 8) + (raw[10]))); + output.push(((raw[13] << 8) + (raw[12]))); + output.push(((raw[15] << 8) + (raw[14]))); + output.push(((raw[17] << 8) + (raw[16]))); + + + for (var t = 0;t < output.length;t++) { + signedOutput[t] = (output[t] * 1.0) / (32768/ 2); + } + console.log(output); + console.log(signedOutput); + }; + + + this.onReadHumidityState = function(d) { + var raw = new Uint8Array(d); + var humidity = this.convertToPercent(raw); + console.log('Humidity State:', humidity); + this.$result.h.text(humidity.toFixed(2) + '%'); + }; + + this.onReadHumidityMaxState = function(d) { + var raw = new Uint8Array(d); + var humidity = this.convertToPercent(raw); + console.log('Humidity Max State:', humidity); + this.$result.hMax.text(humidity.toFixed(2) + '%'); + }; + + + this.onReadHumidityMinState = function(d) { + var raw = new Uint8Array(d); + var humidity = this.convertToPercent(raw); + console.log('Humidity Min State:', humidity); + this.$result.hMin.text(humidity.toFixed(2) + '%'); + }; + + this.onReadPressureState = function(d) { + var raw = new Uint8Array(d); + var pressure = this.convertToPressure(raw); + console.log('Pressure State:', pressure); + this.$result.p.text(pressure + 'Pa'); + }; + + this.onReadPressureMaxState = function(d) { + var raw = new Uint8Array(d); + var pressure = this.convertToPressure(raw); + console.log('Pressure Max State:', pressure); + this.$result.pMax.text(pressure + 'Pa'); + }; + + this.onReadPressureMinState = function(d) { + var raw = new Uint8Array(d); + var pressure = this.convertToPressure(raw); + console.log('Pressure Min State:', pressure); + this.$result.pMin.text(pressure + 'Pa'); + }; this.onReadTempState = function(d) { var raw = new Uint8Array(d); - var temp = this.convertToTemp(raw); + var temp = this.convertToPercent(raw); console.log('Temp State:', temp); this.$result.temp.text(temp.toFixed(2) + '°C'); @@ -76,27 +185,152 @@ var TSL = function(p) { this.onReadTempMax = function(d) { var raw = new Uint8Array(d); - var temp = this.convertToTemp(raw); + var temp = this.convertToPercent(raw); console.log('Temp Max:', temp); this.$result.tempMax.text(temp.toFixed(2) + '°C'); }; this.onReadTempMin = function(d) { var raw = new Uint8Array(d); - var temp = this.convertToTemp(raw); + var temp = this.convertToPercent(raw); console.log('Temp Min:', temp); this.$result.tempMin.text(temp.toFixed(2) + '°C'); }; + this.onHistoryAck = function(d) { + var raw = new Uint8Array(d); + var raw16 = new Uint16Array(d); + console.log('History Ack:', raw, raw16); + //this.$result.temp.text(temp.toFixed(2) + '°C'); + + }; + + this.onReadHistory = function(d) { + var raw = new Uint8Array(d); + + console.log('History:', raw); + //this.$result.temp.text(temp.toFixed(2) + '°C'); + this.historyloops++; + this.historyAck(); + + }; + + this.onHistorySize = function(d) { + var raw = new Uint8Array(d); + var raw16 = new Uint16Array(d); + + console.log('History Size:', raw, raw16); + //this.$result.temp.text(temp.toFixed(2) + '°C'); + + this.history = new Uint8Array(raw16[0]); + this.readHistory(); + }; + + this.historySize = function() { + console.log('historySize'); + ble.read(this.deviceID, + this.serviceDef.service, + this.serviceDef.historySize, + this.onHistorySize.bind(this), + this.onError); + }; + + +this.historyAck = function() { + console.log('historyAck'); + ble.read(this.deviceID, + this.serviceDef.service, + this.serviceDef.historyAck, + this.onHistoryAck.bind(this), + this.onError); +}; + this.readHistory = function() { - console.log('readTempState'); + console.log('readHistory'); ble.read(this.deviceID, this.serviceDef.service, this.serviceDef.history, - this.onReadTempState.bind(this), + this.onReadHistory.bind(this), + this.onError); + + }; + + this.readAccelState = function() { + console.log('readHumidityState'); + ble.read(this.deviceID, + this.serviceDef.service, + this.serviceDef.accelerationMax, + this.onReadAccelState.bind(this), this.onError); }; + this.readVelState = function() { + console.log('readHumidityState'); + ble.read(this.deviceID, + this.serviceDef.service, + this.serviceDef.velocityMax, + this.onReadVelState.bind(this), + this.onError); + }; + + + this.readHumidityState = function() { + console.log('readHumidityState'); + ble.read(this.deviceID, + this.serviceDef.service, + this.serviceDef.humidityValue, + this.onReadHumidityState.bind(this), + this.onError); + }; + + this.readHumidityMaxState = function() { + console.log('readHumidityState'); + ble.read(this.deviceID, + this.serviceDef.service, + this.serviceDef.humidityMax, + this.onReadHumidityMaxState.bind(this), + this.onError); + }; + + + this.readHumidityMinState = function() { + console.log('readHumidityState'); + ble.read(this.deviceID, + this.serviceDef.service, + this.serviceDef.humidityMin, + this.onReadHumidityMinState.bind(this), + this.onError); + }; + + + this.readPressureState = function() { + console.log('readPressureState'); + ble.read(this.deviceID, + this.serviceDef.service, + this.serviceDef.preValue, + this.onReadPressureState.bind(this), + this.onError); + }; + + this.readPressureMaxState = function() { + console.log('readPressureMaxState'); + ble.read(this.deviceID, + this.serviceDef.service, + this.serviceDef.presMaximum, + this.onReadPressureMaxState.bind(this), + this.onError); + }; + + this.readPressureMinState = function() { + console.log('readPressureMinState'); + ble.read(this.deviceID, + this.serviceDef.service, + this.serviceDef.presMinimum, + this.onReadPressureMinState.bind(this), + this.onError); + }; + + this.readTempState = function() { console.log('readTempState'); ble.read(this.deviceID, @@ -124,6 +358,27 @@ var TSL = function(p) { this.onError); }; + this.readServices = function() { + this.readTempState(); + this.readTempMax(); + this.readTempMin(); + this.readPressureState(); + this.readPressureMaxState(); + this.readPressureMinState(); + + this.readHumidityState(); + this.readHumidityMaxState(); + this.readHumidityMinState(); + + this.readAccelState(); +this.readVelState(); + + this.historySize(); + // this.readHistory(); + + // setTimeout(this.readServices.bind(this),20000); + }; + this.startService = function() { if (this.deviceID !== null) { @@ -132,10 +387,7 @@ var TSL = function(p) { console.log(this.serviceDef); this.insertFrame(); - - this.readTempState(); - this.readTempMax(); - this.readTempMin(); + this.readServices(); } @@ -161,41 +413,24 @@ var TSL = function(p) { this.superClass_.insertFrame.call(self); var tslTemp = this.frameID + '-t'; - var tslTempMax = this.frameID + '-tmax'; - var tslTempMin = this.frameID + '-tmin'; + var tslP = this.frameID + '-p'; + var tslH = this.frameID + '-h'; - var row = $('
', {class: 'mui-row'}); + var settings = {data: {baseID: this.frameID}}; + var html = new EJS({url: './partials/tsl.ejs'}).render(settings); - $('
', - {class: 'mui-col-xs-3 mui--text-accent mui--text-right', text: 'Temp:'}).appendTo( - row); - - $('
', - {class: 'mui-col-xs-9 mui--text-dark', id: tslTemp}).appendTo(row); - - this.$id.append(row); - - row = $('
', {class: 'mui-row'}); - - $('
', - {class: 'mui-col-xs-3 mui--text-accent mui--text-right', text: 'TMax:'}).appendTo( - row); - - $('
', - {class: 'mui-col-xs-3 mui--text-dark', id: tslTempMax}).appendTo(row); - - $('
', - {class: 'mui-col-xs-3 mui--text-accent mui--text-right', text: 'TMin:'}).appendTo( - row); - - $('
', - {class: 'mui-col-xs-3 mui--text-dark', id: tslTempMin}).appendTo(row); - - this.$id.append(row); + this.$id.append(html); this.$result.temp = $('#' + tslTemp); - this.$result.tempMax = $('#' + tslTempMax); - this.$result.tempMin = $('#' + tslTempMin); + this.$result.tempMax = $('#' + tslTemp + 'max'); + this.$result.tempMin = $('#' + tslTemp + 'min'); + this.$result.p = $('#' + tslP); + this.$result.pMax = $('#' + tslP + 'max'); + this.$result.pMin = $('#' + tslP + 'min'); + + this.$result.h = $('#' + tslH); + this.$result.hMax = $('#' + tslH + 'max'); + this.$result.hMin = $('#' + tslH + 'min'); }; diff --git a/sensortoy/sensortoy/app/partials/cc2650_barometer.ejs b/sensortoy/sensortoy/app/partials/cc2650_barometer.ejs new file mode 100644 index 0000000..33547ad --- /dev/null +++ b/sensortoy/sensortoy/app/partials/cc2650_barometer.ejs @@ -0,0 +1,42 @@ +<%= data.baseID + 'pressure-line' %> + +
+
Temp:
+
--
+
Pressure:
+
--
+
+ +
+ + + -- + + 0 + + +
+
+ + + -- + + 0 + + +
diff --git a/sensortoy/sensortoy/app/partials/cc2650_thermopile.ejs b/sensortoy/sensortoy/app/partials/cc2650_thermopile.ejs new file mode 100644 index 0000000..71c3bd1 --- /dev/null +++ b/sensortoy/sensortoy/app/partials/cc2650_thermopile.ejs @@ -0,0 +1,48 @@ +
+
Temp:
+
-- +
+
Ambient:
+
-- +
+
+ +
+ + + -- + + + 0 + + +
+
+ + + -- + + + 0 + + +
diff --git a/sensortoy/sensortoy/app/partials/tsl.ejs b/sensortoy/sensortoy/app/partials/tsl.ejs new file mode 100644 index 0000000..1e4d009 --- /dev/null +++ b/sensortoy/sensortoy/app/partials/tsl.ejs @@ -0,0 +1,45 @@ +
+
Temp:
+
-- +
+
+
+
TMax:
+
-- +
+
TMin:
+
-- +
+
+
+
Pressure:
+
-- +
+
+
+
PMax:
+
-- +
+
PMin:
+
-- +
+ +
+
Humidity:
+
-- +
+
+
+
HMax:
+
-- +
+
HMin:
+
-- +
+
diff --git a/sensortoy/sensortoy/gulpfile.js b/sensortoy/sensortoy/gulpfile.js index d2ad2a4..a37e8ef 100644 --- a/sensortoy/sensortoy/gulpfile.js +++ b/sensortoy/sensortoy/gulpfile.js @@ -79,6 +79,14 @@ gulp.task('mui', function() { .pipe(gulp.dest('www/css')); }); +gulp.task('customMUI', function() { + return gulp.src(['app/css/custom.scss']) + .pipe(sass({outputStyle: 'compressed'}).on('error', sass.logError)) + //.pipe(cssnano()) + .pipe(rename('mui.custom.css')) + .pipe(gulp.dest('app/css')); +}); + gulp.task('styles', function() { return gulp.src(['app/css/app.css','app/css/progress.css']) .pipe(autoprefixer('last 2 version', 'safari 5', 'ie 8', 'ie 9', 'opera 12.1', 'ios 6', 'android 4')) @@ -149,3 +157,13 @@ gulp.task('watch',function() { gulp.watch('app/**/*',['copy']); }); + +gulp.task('MUIWatcher', function() { + 'use strict'; + gulp.start('customMUI','watchMUI'); +}); + +gulp.task('watchMUI',function() { + gulp.watch('app/css/custom.scss',['customMUI']); + +}); diff --git a/sensortoy/sensortoy/localserver.js b/sensortoy/sensortoy/localserver.js new file mode 100644 index 0000000..3c643eb --- /dev/null +++ b/sensortoy/sensortoy/localserver.js @@ -0,0 +1,16 @@ +var express = require('express'); +var path = require('path'); + +var app = express(); + +app.use(express.static(path.join(__dirname, 'www'))); + +/* +App.get('/', function (req, res) { + res.send('Hello World!'); +}); +*/ + +app.listen(3000, function() { + console.log('Example app listening on port 3000!'); +}); diff --git a/sensortoy/sensortoy/package.json b/sensortoy/sensortoy/package.json index 25b0e1f..43ec892 100644 --- a/sensortoy/sensortoy/package.json +++ b/sensortoy/sensortoy/package.json @@ -34,5 +34,8 @@ "gulp-watch": "^4.3.6", "jshint": "^2.9.2", "scss": "^0.2.4" + }, + "dependencies": { + "express": "^4.13.4" } } diff --git a/sensortoy/sensortoy/platforms/android/.gradle/2.2.1/taskArtifacts/cache.properties.lock b/sensortoy/sensortoy/platforms/android/.gradle/2.2.1/taskArtifacts/cache.properties.lock index 0aa598d..25de2af 100644 Binary files a/sensortoy/sensortoy/platforms/android/.gradle/2.2.1/taskArtifacts/cache.properties.lock and b/sensortoy/sensortoy/platforms/android/.gradle/2.2.1/taskArtifacts/cache.properties.lock differ diff --git a/sensortoy/sensortoy/platforms/android/.gradle/2.2.1/taskArtifacts/fileHashes.bin b/sensortoy/sensortoy/platforms/android/.gradle/2.2.1/taskArtifacts/fileHashes.bin index 974c21f..6c3fb6c 100644 Binary files a/sensortoy/sensortoy/platforms/android/.gradle/2.2.1/taskArtifacts/fileHashes.bin and b/sensortoy/sensortoy/platforms/android/.gradle/2.2.1/taskArtifacts/fileHashes.bin differ diff --git a/sensortoy/sensortoy/platforms/android/.gradle/2.2.1/taskArtifacts/fileSnapshots.bin b/sensortoy/sensortoy/platforms/android/.gradle/2.2.1/taskArtifacts/fileSnapshots.bin index 0954f10..67b82bf 100644 Binary files a/sensortoy/sensortoy/platforms/android/.gradle/2.2.1/taskArtifacts/fileSnapshots.bin and b/sensortoy/sensortoy/platforms/android/.gradle/2.2.1/taskArtifacts/fileSnapshots.bin differ diff --git a/sensortoy/sensortoy/platforms/android/.gradle/2.2.1/taskArtifacts/taskArtifacts.bin b/sensortoy/sensortoy/platforms/android/.gradle/2.2.1/taskArtifacts/taskArtifacts.bin index d06e3cb..d15ac13 100644 Binary files a/sensortoy/sensortoy/platforms/android/.gradle/2.2.1/taskArtifacts/taskArtifacts.bin and b/sensortoy/sensortoy/platforms/android/.gradle/2.2.1/taskArtifacts/taskArtifacts.bin differ diff --git a/sensortoy/sensortoy/platforms/android/assets/www/css/app.css b/sensortoy/sensortoy/platforms/android/assets/www/css/app.css index 8c9a060..d5a2b20 100644 --- a/sensortoy/sensortoy/platforms/android/assets/www/css/app.css +++ b/sensortoy/sensortoy/platforms/android/assets/www/css/app.css @@ -1,8 +1,3 @@ -body { - font-family: Ubuntu, "Helvetica Neue", Helvetica, arial, sans-serif; - - } - #lightR, #projR { color: red !important; } @@ -17,7 +12,6 @@ body { } - .h105 { height: 100px; } @@ -82,57 +76,6 @@ body { /* Smartphones (portrait and landscape) ----------- */ @media only screen and (min-device-width: 320px) and (max-device-width: 480px) { /* Styles */ - .time, .date, .temp { - font-family: 'Ubuntu Condensed', sans-serif; - font-size: 33px; - /*color: #ff0000;*/ - } - - .time { - font-size: 50px; - line-height: 1; - } - - .time span.hour:after { - content: "\a"; - white-space: pre; - } - - .temp { - font-size: 70px; - } - - .temp::after { - content: "°"; - } - - .wd-we { - font-size: 75%; - } - - .mo { - font-size: 85%; - } - - .mo.mo-1, .mo.mo-10 { - font-size: 70%; - } - - .mo.mo-2 { - font-size: 65%; - } - - .mo.mo-8 { - font-size: 80%; - } - - .mo.mo-9 { - font-size: 55%; - } - - .mo.mo-11, .mo.mo-12 { - font-size: 60%; - } } @@ -258,3 +201,13 @@ color:#78909C; { color:#2196F3; } + + +/* svg classes */ + +svg text { + font-family:'Ubuntu Condensed',sans-serif; + font-size:12; + fill: #004c6d; + text-align:right; + } diff --git a/sensortoy/sensortoy/platforms/android/assets/www/css/custom.css b/sensortoy/sensortoy/platforms/android/assets/www/css/custom.css index 9bd9728..5dd5a78 100644 --- a/sensortoy/sensortoy/platforms/android/assets/www/css/custom.css +++ b/sensortoy/sensortoy/platforms/android/assets/www/css/custom.css @@ -1 +1 @@ -/*! 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{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;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}*{box-sizing:border-box}*:before,*:after{box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:transparent}body{font-family:Arial,Verdana,Tahoma;font-size:14px;font-weight:400;line-height:1.429;color:rgba(0,0,0,0.87);background-color:#f5f5f5}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#2196F3;text-decoration:none}a:hover,a:focus{color:#1976D2;text-decoration:underline}a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}p{margin:0 0 10px}ul,ol{margin-top:0;margin-bottom:10px}figure{margin:0}img{vertical-align:middle}hr{margin-top:20px;margin-bottom:20px;border:0;height:1px;background-color:rgba(0,0,0,0.12)}legend{display:block;width:100%;padding:0;margin-bottom:10px;font-size:21px;color:rgba(0,0,0,0.87);line-height:inherit;border:0}input[type="search"]{box-sizing:border-box;-webkit-appearance:none}input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}input[type="radio"]:disabled,input[type="checkbox"]:disabled{cursor:not-allowed}strong{font-weight:700}abbr[title]{cursor:help;border-bottom:1px dotted #2196F3}h1,h2,h3{margin-top:20px;margin-bottom:10px}h4,h5,h6{margin-top:10px;margin-bottom:10px}.mui--appbar-height{height:56px}.mui--appbar-min-height,.mui-appbar{min-height:56px}.mui--appbar-line-height{line-height:56px}.mui--appbar-top{top:56px}@media (orientation: landscape) and (max-height: 480px){.mui--appbar-height{height:48px}.mui--appbar-min-height,.mui-appbar{min-height:48px}.mui--appbar-line-height{line-height:48px}.mui--appbar-top{top:48px}}@media (min-width: 480px){.mui--appbar-height{height:64px}.mui--appbar-min-height,.mui-appbar{min-height:64px}.mui--appbar-line-height{line-height:64px}.mui--appbar-top{top:64px}}.mui-appbar{background-color:#004c6d;color:#fff}.mui-btn{animation-duration:0.0001s;animation-name:mui-node-inserted;font-weight:500;font-size:14px;line-height:18px;text-transform:uppercase;color:rgba(0,0,0,0.87);background-color:#fff;transition:all 0.2s ease-in-out;display:inline-block;height:36px;padding:0 26px;margin-top:6px;margin-bottom:6px;border:none;border-radius:2px;cursor:pointer;touch-action:manipulation;background-image:none;text-align:center;line-height:36px;vertical-align:middle;white-space:nowrap;user-select:none;font-size:14px;letter-spacing:0.03em;position:relative;overflow:hidden}.mui-btn:hover,.mui-btn:focus,.mui-btn:active{color:rgba(0,0,0,0.87);background-color:#fff}.mui-btn[disabled]:hover,.mui-btn[disabled]:focus,.mui-btn[disabled]:active{color:rgba(0,0,0,0.87);background-color:#fff}.mui-btn.mui-btn--flat{color:rgba(0,0,0,0.87);background-color:transparent}.mui-btn.mui-btn--flat:hover,.mui-btn.mui-btn--flat:focus,.mui-btn.mui-btn--flat:active{color:rgba(0,0,0,0.87);background-color:#f2f2f2}.mui-btn.mui-btn--flat[disabled]:hover,.mui-btn.mui-btn--flat[disabled]:focus,.mui-btn.mui-btn--flat[disabled]:active{color:rgba(0,0,0,0.87);background-color:transparent}.mui-btn:hover,.mui-btn:focus,.mui-btn:active{outline:0;text-decoration:none;color:rgba(0,0,0,0.87)}.mui-btn:hover,.mui-btn:focus{box-shadow:0 0px 2px rgba(0,0,0,0.12),0 2px 2px rgba(0,0,0,0.2)}@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){.mui-btn:hover,.mui-btn:focus{box-shadow:0 -1px 2px rgba(0,0,0,0.12),-1px 0px 2px rgba(0,0,0,0.12),0 0px 2px rgba(0,0,0,0.12),0 2px 2px rgba(0,0,0,0.2)}}.mui-btn:active{box-shadow:0 10px 20px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.23)}@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){.mui-btn:active{box-shadow:0 -1px 2px rgba(0,0,0,0.12),-1px 0px 2px rgba(0,0,0,0.12),0 10px 20px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.23)}}.mui-btn:disabled,.mui-btn.mui--is-disabled{cursor:not-allowed;pointer-events:none;opacity:0.60;box-shadow:none}.mui-btn+.mui-btn{margin-left:8px}.mui-btn--flat{background-color:transparent}.mui-btn--flat:hover,.mui-btn--flat:focus,.mui-btn--flat:active{box-shadow:none;background-color:#f2f2f2}.mui-btn--raised,.mui-btn--fab{box-shadow:0 0px 2px rgba(0,0,0,0.12),0 2px 2px rgba(0,0,0,0.2)}@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){.mui-btn--raised,.mui-btn--fab{box-shadow:0 -1px 2px rgba(0,0,0,0.12),-1px 0px 2px rgba(0,0,0,0.12),0 0px 2px rgba(0,0,0,0.12),0 2px 2px rgba(0,0,0,0.2)}}.mui-btn--raised:active,.mui-btn--fab:active{box-shadow:0 10px 20px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.23)}@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){.mui-btn--raised:active,.mui-btn--fab:active{box-shadow:0 -1px 2px rgba(0,0,0,0.12),-1px 0px 2px rgba(0,0,0,0.12),0 10px 20px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.23)}}.mui-btn--fab{position:relative;padding:0;width:55px;height:55px;line-height:55px;border-radius:50%;z-index:1}.mui-btn--primary{color:#fff;background-color:#2196F3}.mui-btn--primary:hover,.mui-btn--primary:focus,.mui-btn--primary:active{color:#fff;background-color:#39a1f4}.mui-btn--primary[disabled]:hover,.mui-btn--primary[disabled]:focus,.mui-btn--primary[disabled]:active{color:#fff;background-color:#2196F3}.mui-btn--primary.mui-btn--flat{color:#2196F3;background-color:transparent}.mui-btn--primary.mui-btn--flat:hover,.mui-btn--primary.mui-btn--flat:focus,.mui-btn--primary.mui-btn--flat:active{color:#2196F3;background-color:#f2f2f2}.mui-btn--primary.mui-btn--flat[disabled]:hover,.mui-btn--primary.mui-btn--flat[disabled]:focus,.mui-btn--primary.mui-btn--flat[disabled]:active{color:#2196F3;background-color:transparent}.mui-btn--dark{color:#fff;background-color:#424242}.mui-btn--dark:hover,.mui-btn--dark:focus,.mui-btn--dark:active{color:#fff;background-color:#4f4f4f}.mui-btn--dark[disabled]:hover,.mui-btn--dark[disabled]:focus,.mui-btn--dark[disabled]:active{color:#fff;background-color:#424242}.mui-btn--dark.mui-btn--flat{color:#424242;background-color:transparent}.mui-btn--dark.mui-btn--flat:hover,.mui-btn--dark.mui-btn--flat:focus,.mui-btn--dark.mui-btn--flat:active{color:#424242;background-color:#f2f2f2}.mui-btn--dark.mui-btn--flat[disabled]:hover,.mui-btn--dark.mui-btn--flat[disabled]:focus,.mui-btn--dark.mui-btn--flat[disabled]:active{color:#424242;background-color:transparent}.mui-btn--danger{color:#fff;background-color:#F44336}.mui-btn--danger:hover,.mui-btn--danger:focus,.mui-btn--danger:active{color:#fff;background-color:#f55a4e}.mui-btn--danger[disabled]:hover,.mui-btn--danger[disabled]:focus,.mui-btn--danger[disabled]:active{color:#fff;background-color:#F44336}.mui-btn--danger.mui-btn--flat{color:#F44336;background-color:transparent}.mui-btn--danger.mui-btn--flat:hover,.mui-btn--danger.mui-btn--flat:focus,.mui-btn--danger.mui-btn--flat:active{color:#F44336;background-color:#f2f2f2}.mui-btn--danger.mui-btn--flat[disabled]:hover,.mui-btn--danger.mui-btn--flat[disabled]:focus,.mui-btn--danger.mui-btn--flat[disabled]:active{color:#F44336;background-color:transparent}.mui-btn--accent{color:#004c6d;background-color:#004c6d}.mui-btn--accent:hover,.mui-btn--accent:focus,.mui-btn--accent:active{color:#004c6d;background-color:#005e87}.mui-btn--accent[disabled]:hover,.mui-btn--accent[disabled]:focus,.mui-btn--accent[disabled]:active{color:#004c6d;background-color:#004c6d}.mui-btn--accent.mui-btn--flat{color:#004c6d;background-color:transparent}.mui-btn--accent.mui-btn--flat:hover,.mui-btn--accent.mui-btn--flat:focus,.mui-btn--accent.mui-btn--flat:active{color:#004c6d;background-color:#f2f2f2}.mui-btn--accent.mui-btn--flat[disabled]:hover,.mui-btn--accent.mui-btn--flat[disabled]:focus,.mui-btn--accent.mui-btn--flat[disabled]:active{color:#004c6d;background-color:transparent}.mui-btn--small{height:30.6px;line-height:30.6px;padding:0 16px;font-size:13px}.mui-btn--large{height:54px;line-height:54px;padding:0 26px;font-size:14px}.mui-btn--fab.mui-btn--small{width:44px;height:44px;line-height:44px}.mui-btn--fab.mui-btn--large{width:75px;height:75px;line-height:75px}.mui-radio,.mui-checkbox{position:relative;display:block;margin-top:10px;margin-bottom:10px}.mui-radio>label,.mui-checkbox>label{min-height:20px;padding-left:20px;margin-bottom:0;font-weight:normal;cursor:pointer}.mui-radio>label>input[type="radio"],.mui-radio--inline>label>input[type="radio"],.mui-checkbox>label>input[type="checkbox"],.mui-checkbox--inline>label>input[type="checkbox"]{position:absolute;margin-left:-20px;margin-top:4px}.mui-radio+.mui-radio,.mui-checkbox+.mui-checkbox{margin-top:-5px}.mui-radio--inline,.mui-checkbox--inline{display:inline-block;padding-left:20px;margin-bottom:0;vertical-align:middle;font-weight:normal;cursor:pointer}.mui-radio--inline>input[type="radio"],.mui-radio--inline>input[type="checkbox"],.mui-radio--inline>label>input[type="radio"],.mui-radio--inline>label>input[type="checkbox"],.mui-checkbox--inline>input[type="radio"],.mui-checkbox--inline>input[type="checkbox"],.mui-checkbox--inline>label>input[type="radio"],.mui-checkbox--inline>label>input[type="checkbox"]{margin:4px 0 0;line-height:normal}.mui-radio--inline+.mui-radio--inline,.mui-checkbox--inline+.mui-checkbox--inline{margin-top:0;margin-left:10px}.mui-container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}.mui-container:before,.mui-container:after{content:" ";display:table}.mui-container:after{clear:both}@media (min-width: 544px){.mui-container{max-width:570px}}@media (min-width: 768px){.mui-container{max-width:740px}}@media (min-width: 992px){.mui-container{max-width:960px}}@media (min-width: 1200px){.mui-container{max-width:1170px}}.mui-container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}.mui-container-fluid:before,.mui-container-fluid:after{content:" ";display:table}.mui-container-fluid:after{clear:both}.mui-divider{display:block;height:1px;background-color:rgba(0,0,0,0.12)}.mui--divider-top{border-top:1px solid rgba(0,0,0,0.12)}.mui--divider-bottom{border-bottom:1px solid rgba(0,0,0,0.12)}.mui--divider-left{border-left:1px solid rgba(0,0,0,0.12)}.mui--divider-right{border-right:1px solid rgba(0,0,0,0.12)}.mui-dropdown{display:inline-block;position:relative}[data-mui-toggle="dropdown"]{animation-duration:0.0001s;animation-name:mui-node-inserted;outline:0}.mui-dropdown__menu{position:absolute;top:100%;left:0;display:none;min-width:160px;padding:5px 0;margin:2px 0 0;list-style:none;font-size:14px;text-align:left;background-color:#fff;border-radius:2px;z-index:1;background-clip:padding-box}.mui-dropdown__menu.mui--is-open{display:block}.mui-dropdown__menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:normal;line-height:1.429;color:rgba(0,0,0,0.87);white-space:nowrap}.mui-dropdown__menu>li>a:hover,.mui-dropdown__menu>li>a:focus{text-decoration:none;color:rgba(0,0,0,0.87);background-color:#eee}.mui-dropdown__menu>.mui--is-disabled>a,.mui-dropdown__menu>.mui--is-disabled>a:hover,.mui-dropdown__menu>.mui--is-disabled>a:focus{color:#eee}.mui-dropdown__menu>.mui--is-disabled>a:hover,.mui-dropdown__menu>.mui--is-disabled>a:focus{text-decoration:none;background-color:transparent;background-image:none;cursor:not-allowed}.mui-dropdown__menu--right{left:auto;right:0}@media (min-width: 544px){.mui-form--inline>.mui-textfield{display:inline-block;margin-bottom:0}.mui-form--inline>.mui-radio,.mui-form--inline>.mui-checkbox{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.mui-form--inline>.mui-radio>label,.mui-form--inline>.mui-checkbox>label{padding-left:0}.mui-form--inline>.mui-radio>label>input[type="radio"],.mui-form--inline>.mui-checkbox>label>input[type="checkbox"]{position:relative;margin-left:0}.mui-form--inline>.mui-select{display:inline-block}.mui-form--inline>.mui-btn{margin-bottom:0;margin-top:0;vertical-align:bottom}}.mui-row{margin-left:-15px;margin-right:-15px}.mui-row:before,.mui-row:after{content:" ";display:table}.mui-row:after{clear:both}.mui-col-xs-1,.mui-col-sm-1,.mui-col-md-1,.mui-col-lg-1,.mui-col-xs-2,.mui-col-sm-2,.mui-col-md-2,.mui-col-lg-2,.mui-col-xs-3,.mui-col-sm-3,.mui-col-md-3,.mui-col-lg-3,.mui-col-xs-4,.mui-col-sm-4,.mui-col-md-4,.mui-col-lg-4,.mui-col-xs-5,.mui-col-sm-5,.mui-col-md-5,.mui-col-lg-5,.mui-col-xs-6,.mui-col-sm-6,.mui-col-md-6,.mui-col-lg-6,.mui-col-xs-7,.mui-col-sm-7,.mui-col-md-7,.mui-col-lg-7,.mui-col-xs-8,.mui-col-sm-8,.mui-col-md-8,.mui-col-lg-8,.mui-col-xs-9,.mui-col-sm-9,.mui-col-md-9,.mui-col-lg-9,.mui-col-xs-10,.mui-col-sm-10,.mui-col-md-10,.mui-col-lg-10,.mui-col-xs-11,.mui-col-sm-11,.mui-col-md-11,.mui-col-lg-11,.mui-col-xs-12,.mui-col-sm-12,.mui-col-md-12,.mui-col-lg-12{min-height:1px;padding-left:15px;padding-right:15px}.mui-col-xs-1,.mui-col-xs-2,.mui-col-xs-3,.mui-col-xs-4,.mui-col-xs-5,.mui-col-xs-6,.mui-col-xs-7,.mui-col-xs-8,.mui-col-xs-9,.mui-col-xs-10,.mui-col-xs-11,.mui-col-xs-12{float:left}.mui-col-xs-1{width:8.33333%}.mui-col-xs-2{width:16.66667%}.mui-col-xs-3{width:25%}.mui-col-xs-4{width:33.33333%}.mui-col-xs-5{width:41.66667%}.mui-col-xs-6{width:50%}.mui-col-xs-7{width:58.33333%}.mui-col-xs-8{width:66.66667%}.mui-col-xs-9{width:75%}.mui-col-xs-10{width:83.33333%}.mui-col-xs-11{width:91.66667%}.mui-col-xs-12{width:100%}.mui-col-xs-offset-0{margin-left:0%}.mui-col-xs-offset-1{margin-left:8.33333%}.mui-col-xs-offset-2{margin-left:16.66667%}.mui-col-xs-offset-3{margin-left:25%}.mui-col-xs-offset-4{margin-left:33.33333%}.mui-col-xs-offset-5{margin-left:41.66667%}.mui-col-xs-offset-6{margin-left:50%}.mui-col-xs-offset-7{margin-left:58.33333%}.mui-col-xs-offset-8{margin-left:66.66667%}.mui-col-xs-offset-9{margin-left:75%}.mui-col-xs-offset-10{margin-left:83.33333%}.mui-col-xs-offset-11{margin-left:91.66667%}.mui-col-xs-offset-12{margin-left:100%}@media (min-width: 544px){.mui-col-sm-1,.mui-col-sm-2,.mui-col-sm-3,.mui-col-sm-4,.mui-col-sm-5,.mui-col-sm-6,.mui-col-sm-7,.mui-col-sm-8,.mui-col-sm-9,.mui-col-sm-10,.mui-col-sm-11,.mui-col-sm-12{float:left}.mui-col-sm-1{width:8.33333%}.mui-col-sm-2{width:16.66667%}.mui-col-sm-3{width:25%}.mui-col-sm-4{width:33.33333%}.mui-col-sm-5{width:41.66667%}.mui-col-sm-6{width:50%}.mui-col-sm-7{width:58.33333%}.mui-col-sm-8{width:66.66667%}.mui-col-sm-9{width:75%}.mui-col-sm-10{width:83.33333%}.mui-col-sm-11{width:91.66667%}.mui-col-sm-12{width:100%}.mui-col-sm-offset-0{margin-left:0%}.mui-col-sm-offset-1{margin-left:8.33333%}.mui-col-sm-offset-2{margin-left:16.66667%}.mui-col-sm-offset-3{margin-left:25%}.mui-col-sm-offset-4{margin-left:33.33333%}.mui-col-sm-offset-5{margin-left:41.66667%}.mui-col-sm-offset-6{margin-left:50%}.mui-col-sm-offset-7{margin-left:58.33333%}.mui-col-sm-offset-8{margin-left:66.66667%}.mui-col-sm-offset-9{margin-left:75%}.mui-col-sm-offset-10{margin-left:83.33333%}.mui-col-sm-offset-11{margin-left:91.66667%}.mui-col-sm-offset-12{margin-left:100%}}@media (min-width: 768px){.mui-col-md-1,.mui-col-md-2,.mui-col-md-3,.mui-col-md-4,.mui-col-md-5,.mui-col-md-6,.mui-col-md-7,.mui-col-md-8,.mui-col-md-9,.mui-col-md-10,.mui-col-md-11,.mui-col-md-12{float:left}.mui-col-md-1{width:8.33333%}.mui-col-md-2{width:16.66667%}.mui-col-md-3{width:25%}.mui-col-md-4{width:33.33333%}.mui-col-md-5{width:41.66667%}.mui-col-md-6{width:50%}.mui-col-md-7{width:58.33333%}.mui-col-md-8{width:66.66667%}.mui-col-md-9{width:75%}.mui-col-md-10{width:83.33333%}.mui-col-md-11{width:91.66667%}.mui-col-md-12{width:100%}.mui-col-md-offset-0{margin-left:0%}.mui-col-md-offset-1{margin-left:8.33333%}.mui-col-md-offset-2{margin-left:16.66667%}.mui-col-md-offset-3{margin-left:25%}.mui-col-md-offset-4{margin-left:33.33333%}.mui-col-md-offset-5{margin-left:41.66667%}.mui-col-md-offset-6{margin-left:50%}.mui-col-md-offset-7{margin-left:58.33333%}.mui-col-md-offset-8{margin-left:66.66667%}.mui-col-md-offset-9{margin-left:75%}.mui-col-md-offset-10{margin-left:83.33333%}.mui-col-md-offset-11{margin-left:91.66667%}.mui-col-md-offset-12{margin-left:100%}}@media (min-width: 992px){.mui-col-lg-1,.mui-col-lg-2,.mui-col-lg-3,.mui-col-lg-4,.mui-col-lg-5,.mui-col-lg-6,.mui-col-lg-7,.mui-col-lg-8,.mui-col-lg-9,.mui-col-lg-10,.mui-col-lg-11,.mui-col-lg-12{float:left}.mui-col-lg-1{width:8.33333%}.mui-col-lg-2{width:16.66667%}.mui-col-lg-3{width:25%}.mui-col-lg-4{width:33.33333%}.mui-col-lg-5{width:41.66667%}.mui-col-lg-6{width:50%}.mui-col-lg-7{width:58.33333%}.mui-col-lg-8{width:66.66667%}.mui-col-lg-9{width:75%}.mui-col-lg-10{width:83.33333%}.mui-col-lg-11{width:91.66667%}.mui-col-lg-12{width:100%}.mui-col-lg-offset-0{margin-left:0%}.mui-col-lg-offset-1{margin-left:8.33333%}.mui-col-lg-offset-2{margin-left:16.66667%}.mui-col-lg-offset-3{margin-left:25%}.mui-col-lg-offset-4{margin-left:33.33333%}.mui-col-lg-offset-5{margin-left:41.66667%}.mui-col-lg-offset-6{margin-left:50%}.mui-col-lg-offset-7{margin-left:58.33333%}.mui-col-lg-offset-8{margin-left:66.66667%}.mui-col-lg-offset-9{margin-left:75%}.mui-col-lg-offset-10{margin-left:83.33333%}.mui-col-lg-offset-11{margin-left:91.66667%}.mui-col-lg-offset-12{margin-left:100%}}@media (min-width: 1200px){.mui-col-xl-1,.mui-col-xl-2,.mui-col-xl-3,.mui-col-xl-4,.mui-col-xl-5,.mui-col-xl-6,.mui-col-xl-7,.mui-col-xl-8,.mui-col-xl-9,.mui-col-xl-10,.mui-col-xl-11,.mui-col-xl-12{float:left}.mui-col-xl-1{width:8.33333%}.mui-col-xl-2{width:16.66667%}.mui-col-xl-3{width:25%}.mui-col-xl-4{width:33.33333%}.mui-col-xl-5{width:41.66667%}.mui-col-xl-6{width:50%}.mui-col-xl-7{width:58.33333%}.mui-col-xl-8{width:66.66667%}.mui-col-xl-9{width:75%}.mui-col-xl-10{width:83.33333%}.mui-col-xl-11{width:91.66667%}.mui-col-xl-12{width:100%}.mui-col-xl-offset-0{margin-left:0%}.mui-col-xl-offset-1{margin-left:8.33333%}.mui-col-xl-offset-2{margin-left:16.66667%}.mui-col-xl-offset-3{margin-left:25%}.mui-col-xl-offset-4{margin-left:33.33333%}.mui-col-xl-offset-5{margin-left:41.66667%}.mui-col-xl-offset-6{margin-left:50%}.mui-col-xl-offset-7{margin-left:58.33333%}.mui-col-xl-offset-8{margin-left:66.66667%}.mui-col-xl-offset-9{margin-left:75%}.mui-col-xl-offset-10{margin-left:83.33333%}.mui-col-xl-offset-11{margin-left:91.66667%}.mui-col-xl-offset-12{margin-left:100%}}.mui-panel{padding:15px;margin-bottom:20px;border-radius:0;background-color:#fff;box-shadow:0 2px 2px 0 rgba(0,0,0,0.16),0 0px 2px 0 rgba(0,0,0,0.12)}.mui-panel:before,.mui-panel:after{content:" ";display:table}.mui-panel:after{clear:both}@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){.mui-panel{box-shadow:0 -1px 2px 0 rgba(0,0,0,0.12),-1px 0px 2px 0 rgba(0,0,0,0.12),0 2px 2px 0 rgba(0,0,0,0.16),0 0px 2px 0 rgba(0,0,0,0.12)}}.mui-select{display:block;padding-top:15px;margin-bottom:20px;position:relative}.mui-select:focus{outline:0}.mui-select:focus>select{height:33px;margin-bottom:-1px;border-color:#2196F3;border-width:2px}.mui-select>select{animation-duration:0.0001s;animation-name:mui-node-inserted;display:block;height:32px;width:100%;appearance:none;-webkit-appearance:none;-moz-appearance:none;outline:none;border:none;border-bottom:1px solid rgba(0,0,0,0.26);border-radius:0px;box-shadow:none;background-color:transparent;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNiIgd2lkdGg9IjEwIj48cG9seWdvbiBwb2ludHM9IjAsMCAxMCwwIDUsNiIgc3R5bGU9ImZpbGw6cmdiYSgwLDAsMCwuMjQpOyIvPjwvc3ZnPg==");background-repeat:no-repeat;background-position:right center;cursor:pointer;color:rgba(0,0,0,0.87);font-size:16px;padding:0 25px 0 0}.mui-select>select::-ms-expand{display:none}.mui-select>select:focus{outline:0;height:33px;margin-bottom:-1px;border-color:#2196F3;border-width:2px}.mui-select>select:disabled{color:rgba(0,0,0,0.38);cursor:not-allowed;background-color:transparent;opacity:1}.mui-select__menu{position:absolute;z-index:2;min-width:100%;overflow-y:auto;padding:8px 0;background-color:#fff;font-size:16px}@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){.mui-select__menu{border-left:1px solid rgba(0,0,0,0.12);border-top:1px solid rgba(0,0,0,0.12)}}.mui-select__menu>div{padding:0 22px;height:42px;line-height:42px;cursor:pointer;white-space:nowrap}.mui-select__menu>div:hover{background-color:#E0E0E0}.mui-select__menu>div.mui--is-selected{background-color:#eee}th{text-align:left}.mui-table{width:100%;max-width:100%;margin-bottom:20px}.mui-table>thead>tr>th,.mui-table>thead>tr>td,.mui-table>tbody>tr>th,.mui-table>tbody>tr>td,.mui-table>tfoot>tr>th,.mui-table>tfoot>tr>td{padding:10px;line-height:1.429}.mui-table>thead>tr>th{border-bottom:2px solid rgba(0,0,0,0.12);font-weight:700}.mui-table>tbody+tbody{border-top:2px solid rgba(0,0,0,0.12)}.mui-table.mui-table--bordered>tbody>tr>td{border-bottom:1px solid rgba(0,0,0,0.12)}.mui-tabs__bar{list-style:none;padding-left:0;margin-bottom:0;background-color:transparent;white-space:nowrap;overflow-x:auto}.mui-tabs__bar>li{display:inline-block}.mui-tabs__bar>li>a{display:block;white-space:nowrap;text-transform:uppercase;font-weight:500;font-size:14px;color:rgba(255,255,255,0.87);cursor:default;height:48px;line-height:48px;padding-left:24px;padding-right:24px;user-select:none}.mui-tabs__bar>li>a:hover{text-decoration:none}.mui-tabs__bar>li.mui--is-active{border-bottom:2px solid #2196F3}.mui-tabs__bar>li.mui--is-active>a{color:#2196F3}.mui-tabs__bar.mui-tabs__bar--justified{display:table;width:100%;table-layout:fixed}.mui-tabs__bar.mui-tabs__bar--justified>li{display:table-cell}.mui-tabs__bar.mui-tabs__bar--justified>li>a{text-align:center;padding-left:0px;padding-right:0px}.mui-tabs__pane{display:none}.mui-tabs__pane.mui--is-active{display:block}[data-mui-toggle="tab"]{animation-duration:0.0001s;animation-name:mui-node-inserted}.mui-textfield{display:block;padding-top:15px;margin-bottom:20px;position:relative}.mui-textfield>label{position:absolute;top:0;display:block;width:100%;color:rgba(0,0,0,0.54);font-size:12px;font-weight:400;line-height:15px;overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap}.mui-textfield>textarea{padding-top:5px}.mui-textfield>input,.mui-textfield>textarea{display:block}.mui-textfield>input:focus ~ label,.mui-textfield>textarea:focus ~ label{color:#2196F3}.mui-textfield--float-label>label{position:absolute;transform:translate(0px, 15px);font-size:16px;line-height:32px;color:rgba(0,0,0,0.26);text-overflow:clip;cursor:text;pointer-events:none}.mui-textfield--float-label>input:focus ~ label,.mui-textfield--float-label>textarea:focus ~ label{transform:translate(0px, 0px);font-size:12px;line-height:15px;text-overflow:ellipsis}.mui-textfield--float-label>input:not(:focus).mui--is-not-empty ~ label,.mui-textfield--float-label>input:not(:focus)[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty) ~ label,.mui-textfield--float-label>input:not(:focus):not(:empty):not(.mui--is-empty):not(.mui--is-not-empty) ~ label,.mui-textfield--float-label>textarea:not(:focus).mui--is-not-empty ~ label,.mui-textfield--float-label>textarea:not(:focus)[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty) ~ label,.mui-textfield--float-label>textarea:not(:focus):not(:empty):not(.mui--is-empty):not(.mui--is-not-empty) ~ label{color:rgba(0,0,0,0.54);font-size:12px;line-height:15px;transform:translate(0px, 0px);text-overflow:ellipsis}.mui-textfield--wrap-label{display:table;width:100%;padding-top:0px}.mui-textfield--wrap-label:not(.mui-textfield--float-label)>label{display:table-header-group;position:static;white-space:normal;overflow-x:visible}.mui-textfield>input,.mui-textfield>textarea{animation-duration:0.0001s;animation-name:mui-node-inserted;display:block;background-color:transparent;color:rgba(0,0,0,0.87);border:none;border-bottom:1px solid rgba(0,0,0,0.26);outline:none;width:100%;font-size:16px;padding:0;box-shadow:none;border-radius:0px;background-image:none}.mui-textfield>input:focus,.mui-textfield>textarea:focus{border-color:#2196F3;border-width:2px}.mui-textfield>input:disabled,.mui-textfield>input:read-only,.mui-textfield>textarea:disabled,.mui-textfield>textarea:read-only{cursor:not-allowed;background-color:transparent;opacity:1}.mui-textfield>input::placeholder,.mui-textfield>textarea::placeholder{color:rgba(0,0,0,0.26);opacity:1}.mui-textfield>input{height:32px}.mui-textfield>input:focus{height:33px;margin-bottom:-1px}.mui-textfield>textarea{min-height:64px}.mui-textfield>textarea[rows]:not([rows="2"]):focus{margin-bottom:-1px}.mui-textfield>input:focus{height:33px;margin-bottom:-1px}.mui-textfield>input:invalid:not(:focus):not(:required),.mui-textfield>input:invalid:not(:focus):required.mui--is-not-empty,.mui-textfield>input:invalid:not(:focus):required.mui--is-empty.mui--is-dirty,.mui-textfield>input:invalid:not(:focus):required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty),.mui-textfield>input:invalid:not(:focus):required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty),.mui-textfield>textarea:invalid:not(:focus):not(:required),.mui-textfield>textarea:invalid:not(:focus):required.mui--is-not-empty,.mui-textfield>textarea:invalid:not(:focus):required.mui--is-empty.mui--is-dirty,.mui-textfield>textarea:invalid:not(:focus):required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty),.mui-textfield>textarea:invalid:not(:focus):required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty),.mui-textfield>input:not(:focus).mui--is-invalid:not(:required),.mui-textfield>input:not(:focus).mui--is-invalid:required.mui--is-not-empty,.mui-textfield>input:not(:focus).mui--is-invalid:required.mui--is-empty.mui--is-dirty,.mui-textfield>input:not(:focus).mui--is-invalid:required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty),.mui-textfield>input:not(:focus).mui--is-invalid:required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty),.mui-textfield>textarea:not(:focus).mui--is-invalid:not(:required),.mui-textfield>textarea:not(:focus).mui--is-invalid:required.mui--is-not-empty,.mui-textfield>textarea:not(:focus).mui--is-invalid:required.mui--is-empty.mui--is-dirty,.mui-textfield>textarea:not(:focus).mui--is-invalid:required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty),.mui-textfield>textarea:not(:focus).mui--is-invalid:required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty){border-color:#F44336;border-width:2px}.mui-textfield>input:invalid:not(:focus):not(:required),.mui-textfield>input:invalid:not(:focus):required.mui--is-not-empty,.mui-textfield>input:invalid:not(:focus):required.mui--is-empty.mui--is-dirty,.mui-textfield>input:invalid:not(:focus):required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty),.mui-textfield>input:invalid:not(:focus):required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty),.mui-textfield>input:not(:focus).mui--is-invalid:not(:required),.mui-textfield>input:not(:focus).mui--is-invalid:required.mui--is-not-empty,.mui-textfield>input:not(:focus).mui--is-invalid:required.mui--is-empty.mui--is-dirty,.mui-textfield>input:not(:focus).mui--is-invalid:required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty),.mui-textfield>input:not(:focus).mui--is-invalid:required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty){height:33px;margin-bottom:-1px}.mui-textfield>input:invalid:not(:focus):not(:required) ~ label,.mui-textfield>input:invalid:not(:focus):required.mui--is-not-empty ~ label,.mui-textfield>input:invalid:not(:focus):required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty) ~ label,.mui-textfield>input:invalid:not(:focus):required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty) ~ label,.mui-textfield>textarea:invalid:not(:focus):not(:required) ~ label,.mui-textfield>textarea:invalid:not(:focus):required.mui--is-not-empty ~ label,.mui-textfield>textarea:invalid:not(:focus):required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty) ~ label,.mui-textfield>textarea:invalid:not(:focus):required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty) ~ label,.mui-textfield>input:not(:focus).mui--is-invalid:not(:required) ~ label,.mui-textfield>input:not(:focus).mui--is-invalid:required.mui--is-not-empty ~ label,.mui-textfield>input:not(:focus).mui--is-invalid:required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty) ~ label,.mui-textfield>input:not(:focus).mui--is-invalid:required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty) ~ label,.mui-textfield>textarea:not(:focus).mui--is-invalid:not(:required) ~ label,.mui-textfield>textarea:not(:focus).mui--is-invalid:required.mui--is-not-empty ~ label,.mui-textfield>textarea:not(:focus).mui--is-invalid:required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty) ~ label,.mui-textfield>textarea:not(:focus).mui--is-invalid:required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty) ~ label{color:#F44336}.mui-textfield:not(.mui-textfield--float-label)>input:invalid:not(:focus):required.mui--is-empty.mui--is-dirty ~ label,.mui-textfield:not(.mui-textfield--float-label)>textarea:invalid:not(:focus):required.mui--is-empty.mui--is-dirty ~ label,.mui-textfield:not(.mui-textfield--float-label)>input:not(:focus).mui--is-invalid:required.mui--is-empty.mui--is-dirty ~ label,.mui-textfield:not(.mui-textfield--float-label)>textarea:not(:focus).mui--is-invalid:required.mui--is-empty.mui--is-dirty ~ label{color:#F44336}@keyframes mui-node-inserted{from{opacity:0.99}to{opacity:1}}.mui--no-transition{transition:none !important}.mui--no-user-select{user-select:none}.mui-caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent}.mui--text-left{text-align:left !important}.mui--text-right{text-align:right !important}.mui--text-center{text-align:center !important}.mui--text-justify{text-align:justify !important}.mui--text-nowrap{white-space:nowrap !important}.mui--align-baseline{vertical-align:baseline !important}.mui--align-top{vertical-align:top !important}.mui--align-middle{vertical-align:middle !important}.mui--align-bottom{vertical-align:bottom !important}.mui--text-dark{color:rgba(0,0,0,0.87)}.mui--text-dark-secondary{color:rgba(0,0,0,0.54)}.mui--text-dark-hint{color:rgba(0,0,0,0.38)}.mui--text-light{color:#fff}.mui--text-light-secondary{color:rgba(255,255,255,0.7)}.mui--text-light-hint{color:rgba(255,255,255,0.3)}.mui--text-accent{color:rgba(0,76,109,0.87)}.mui--text-accent-secondary{color:rgba(0,76,109,0.54)}.mui--text-accent-hint{color:rgba(0,76,109,0.38)}.mui--text-black{color:#000}.mui--text-white{color:#fff}.mui--text-danger{color:#F44336}.mui-list--unstyled{padding-left:0;list-style:none}.mui-list--inline{padding-left:0;list-style:none;margin-left:-5px}.mui-list--inline>li{display:inline-block;padding-left:5px;padding-right:5px}.mui--z1,.mui-dropdown__menu,.mui-select__menu{box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24)}.mui--z2{box-shadow:0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23)}.mui--z3{box-shadow:0 10px 20px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.23)}.mui--z4{box-shadow:0 14px 28px rgba(0,0,0,0.25),0 10px 10px rgba(0,0,0,0.22)}.mui--z5{box-shadow:0 19px 38px rgba(0,0,0,0.3),0 15px 12px rgba(0,0,0,0.22)}.mui--clearfix:before,.mui--clearfix:after{content:" ";display:table}.mui--clearfix:after{clear:both}.mui--pull-right{float:right !important}.mui--pull-left{float:left !important}.mui--hide{display:none !important}.mui--show{display:block !important}.mui--invisible{visibility:hidden}.mui--overflow-hidden{overflow:hidden !important}.mui--overflow-hidden-x{overflow-x:hidden !important}.mui--overflow-hidden-y{overflow-y:hidden !important}.mui--visible-xs-block,.mui--visible-xs-inline,.mui--visible-xs-inline-block,.mui--visible-sm-block,.mui--visible-sm-inline,.mui--visible-sm-inline-block,.mui--visible-md-block,.mui--visible-md-inline,.mui--visible-md-inline-block,.mui--visible-lg-block,.mui--visible-lg-inline,.mui--visible-lg-inline-block,.mui--visible-xl-block,.mui--visible-xl-inline,.mui--visible-xl-inline-block{display:none !important}@media (max-width: 543px){.mui-visible-xs{display:block !important}table.mui-visible-xs{display:table}tr.mui-visible-xs{display:table-row !important}th.mui-visible-xs,td.mui-visible-xs{display:table-cell !important}.mui--visible-xs-block{display:block !important}.mui--visible-xs-inline{display:inline !important}.mui--visible-xs-inline-block{display:inline-block !important}}@media (min-width: 544px) and (max-width: 767px){.mui-visible-sm{display:block !important}table.mui-visible-sm{display:table}tr.mui-visible-sm{display:table-row !important}th.mui-visible-sm,td.mui-visible-sm{display:table-cell !important}.mui--visible-sm-block{display:block !important}.mui--visible-sm-inline{display:inline !important}.mui--visible-sm-inline-block{display:inline-block !important}}@media (min-width: 768px) and (max-width: 991px){.mui-visible-md{display:block !important}table.mui-visible-md{display:table}tr.mui-visible-md{display:table-row !important}th.mui-visible-md,td.mui-visible-md{display:table-cell !important}.mui--visible-md-block{display:block !important}.mui--visible-md-inline{display:inline !important}.mui--visible-md-inline-block{display:inline-block !important}}@media (min-width: 992px) and (max-width: 1199px){.mui-visible-lg{display:block !important}table.mui-visible-lg{display:table}tr.mui-visible-lg{display:table-row !important}th.mui-visible-lg,td.mui-visible-lg{display:table-cell !important}.mui--visible-lg-block{display:block !important}.mui--visible-lg-inline{display:inline !important}.mui--visible-lg-inline-block{display:inline-block !important}}@media (min-width: 1200px){.mui-visible-xl{display:block !important}table.mui-visible-xl{display:table}tr.mui-visible-xl{display:table-row !important}th.mui-visible-xl,td.mui-visible-xl{display:table-cell !important}.mui--visible-xl-block{display:block !important}.mui--visible-xl-inline{display:inline !important}.mui--visible-xl-inline-block{display:inline-block !important}}@media (max-width: 543px){.mui--hidden-xs{display:none !important}}@media (min-width: 544px) and (max-width: 767px){.mui--hidden-sm{display:none !important}}@media (min-width: 768px) and (max-width: 991px){.mui--hidden-md{display:none !important}}@media (min-width: 992px) and (max-width: 1199px){.mui--hidden-lg{display:none !important}}@media (min-width: 1200px){.mui--hidden-xl{display:none !important}}body.mui-body--scroll-lock{overflow:hidden !important}#mui-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999999;background-color:rgba(0,0,0,0.2);overflow:auto}.mui-ripple-effect{position:absolute;border-radius:50%;pointer-events:none;opacity:0;animation:mui-ripple-animation 2s}@keyframes mui-ripple-animation{from{transform:scale(1);opacity:0.4}to{transform:scale(100);opacity:0}}.mui-btn>.mui-ripple-effect{background-color:#a6a6a6}.mui-btn--primary>.mui-ripple-effect{background-color:#fff}.mui-btn--dark>.mui-ripple-effect{background-color:#fff}.mui-btn--danger>.mui-ripple-effect{background-color:#fff}.mui-btn--accent>.mui-ripple-effect{background-color:#fff}.mui-btn--flat>.mui-ripple-effect{background-color:#a6a6a6}.mui--text-display4{font-weight:300;font-size:112px;line-height:112px}.mui--text-display3{font-weight:400;font-size:56px;line-height:56px}.mui--text-display2{font-weight:400;font-size:45px;line-height:48px}.mui--text-display1,h1{font-weight:400;font-size:34px;line-height:40px}.mui--text-headline,h2{font-weight:400;font-size:24px;line-height:32px}.mui--text-title,h3{font-weight:400;font-size:20px;line-height:28px}.mui--text-subhead,h4{font-weight:400;font-size:16px;line-height:24px}.mui--text-body2,h5{font-weight:500;font-size:14px;line-height:24px}.mui--text-body1{font-weight:400;font-size:14px;line-height:20px}.mui--text-caption{font-weight:400;font-size:12px;line-height:16px}.mui--text-menu{font-weight:500;font-size:13px;line-height:17px}.mui--text-button{font-weight:500;font-size:14px;line-height:18px;text-transform:uppercase} +/*! 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{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;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}*{box-sizing:border-box}*:before,*:after{box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:transparent}body{font-family:Arial,Verdana,Tahoma;font-size:14px;font-weight:400;line-height:1.429;color:rgba(0,0,0,0.87);background-color:#212121}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#2196F3;text-decoration:none}a:hover,a:focus{color:#1976D2;text-decoration:underline}a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}p{margin:0 0 10px}ul,ol{margin-top:0;margin-bottom:10px}figure{margin:0}img{vertical-align:middle}hr{margin-top:20px;margin-bottom:20px;border:0;height:1px;background-color:rgba(0,0,0,0.12)}legend{display:block;width:100%;padding:0;margin-bottom:10px;font-size:21px;color:rgba(0,0,0,0.87);line-height:inherit;border:0}input[type="search"]{box-sizing:border-box;-webkit-appearance:none}input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}input[type="radio"]:disabled,input[type="checkbox"]:disabled{cursor:not-allowed}strong{font-weight:700}abbr[title]{cursor:help;border-bottom:1px dotted #2196F3}h1,h2,h3{margin-top:20px;margin-bottom:10px}h4,h5,h6{margin-top:10px;margin-bottom:10px}.mui--appbar-height{height:56px}.mui--appbar-min-height,.mui-appbar{min-height:56px}.mui--appbar-line-height{line-height:56px}.mui--appbar-top{top:56px}@media (orientation: landscape) and (max-height: 480px){.mui--appbar-height{height:48px}.mui--appbar-min-height,.mui-appbar{min-height:48px}.mui--appbar-line-height{line-height:48px}.mui--appbar-top{top:48px}}@media (min-width: 480px){.mui--appbar-height{height:64px}.mui--appbar-min-height,.mui-appbar{min-height:64px}.mui--appbar-line-height{line-height:64px}.mui--appbar-top{top:64px}}.mui-appbar{background-color:#004c6d;color:#fff}.mui-btn{animation-duration:0.0001s;animation-name:mui-node-inserted;font-weight:500;font-size:14px;line-height:18px;text-transform:uppercase;color:rgba(0,0,0,0.87);background-color:#fff;transition:all 0.2s ease-in-out;display:inline-block;height:36px;padding:0 26px;margin-top:6px;margin-bottom:6px;border:none;border-radius:2px;cursor:pointer;touch-action:manipulation;background-image:none;text-align:center;line-height:36px;vertical-align:middle;white-space:nowrap;user-select:none;font-size:14px;letter-spacing:0.03em;position:relative;overflow:hidden}.mui-btn:hover,.mui-btn:focus,.mui-btn:active{color:rgba(0,0,0,0.87);background-color:#fff}.mui-btn[disabled]:hover,.mui-btn[disabled]:focus,.mui-btn[disabled]:active{color:rgba(0,0,0,0.87);background-color:#fff}.mui-btn.mui-btn--flat{color:rgba(0,0,0,0.87);background-color:transparent}.mui-btn.mui-btn--flat:hover,.mui-btn.mui-btn--flat:focus,.mui-btn.mui-btn--flat:active{color:rgba(0,0,0,0.87);background-color:#f2f2f2}.mui-btn.mui-btn--flat[disabled]:hover,.mui-btn.mui-btn--flat[disabled]:focus,.mui-btn.mui-btn--flat[disabled]:active{color:rgba(0,0,0,0.87);background-color:transparent}.mui-btn:hover,.mui-btn:focus,.mui-btn:active{outline:0;text-decoration:none;color:rgba(0,0,0,0.87)}.mui-btn:hover,.mui-btn:focus{box-shadow:0 0px 2px rgba(0,0,0,0.12),0 2px 2px rgba(0,0,0,0.2)}@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){.mui-btn:hover,.mui-btn:focus{box-shadow:0 -1px 2px rgba(0,0,0,0.12),-1px 0px 2px rgba(0,0,0,0.12),0 0px 2px rgba(0,0,0,0.12),0 2px 2px rgba(0,0,0,0.2)}}.mui-btn:active{box-shadow:0 10px 20px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.23)}@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){.mui-btn:active{box-shadow:0 -1px 2px rgba(0,0,0,0.12),-1px 0px 2px rgba(0,0,0,0.12),0 10px 20px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.23)}}.mui-btn:disabled,.mui-btn.mui--is-disabled{cursor:not-allowed;pointer-events:none;opacity:0.60;box-shadow:none}.mui-btn+.mui-btn{margin-left:8px}.mui-btn--flat{background-color:transparent}.mui-btn--flat:hover,.mui-btn--flat:focus,.mui-btn--flat:active{box-shadow:none;background-color:#f2f2f2}.mui-btn--raised,.mui-btn--fab{box-shadow:0 0px 2px rgba(0,0,0,0.12),0 2px 2px rgba(0,0,0,0.2)}@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){.mui-btn--raised,.mui-btn--fab{box-shadow:0 -1px 2px rgba(0,0,0,0.12),-1px 0px 2px rgba(0,0,0,0.12),0 0px 2px rgba(0,0,0,0.12),0 2px 2px rgba(0,0,0,0.2)}}.mui-btn--raised:active,.mui-btn--fab:active{box-shadow:0 10px 20px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.23)}@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){.mui-btn--raised:active,.mui-btn--fab:active{box-shadow:0 -1px 2px rgba(0,0,0,0.12),-1px 0px 2px rgba(0,0,0,0.12),0 10px 20px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.23)}}.mui-btn--fab{position:relative;padding:0;width:55px;height:55px;line-height:55px;border-radius:50%;z-index:1}.mui-btn--primary{color:#fff;background-color:#2196F3}.mui-btn--primary:hover,.mui-btn--primary:focus,.mui-btn--primary:active{color:#fff;background-color:#39a1f4}.mui-btn--primary[disabled]:hover,.mui-btn--primary[disabled]:focus,.mui-btn--primary[disabled]:active{color:#fff;background-color:#2196F3}.mui-btn--primary.mui-btn--flat{color:#2196F3;background-color:transparent}.mui-btn--primary.mui-btn--flat:hover,.mui-btn--primary.mui-btn--flat:focus,.mui-btn--primary.mui-btn--flat:active{color:#2196F3;background-color:#f2f2f2}.mui-btn--primary.mui-btn--flat[disabled]:hover,.mui-btn--primary.mui-btn--flat[disabled]:focus,.mui-btn--primary.mui-btn--flat[disabled]:active{color:#2196F3;background-color:transparent}.mui-btn--dark{color:#fff;background-color:#424242}.mui-btn--dark:hover,.mui-btn--dark:focus,.mui-btn--dark:active{color:#fff;background-color:#4f4f4f}.mui-btn--dark[disabled]:hover,.mui-btn--dark[disabled]:focus,.mui-btn--dark[disabled]:active{color:#fff;background-color:#424242}.mui-btn--dark.mui-btn--flat{color:#424242;background-color:transparent}.mui-btn--dark.mui-btn--flat:hover,.mui-btn--dark.mui-btn--flat:focus,.mui-btn--dark.mui-btn--flat:active{color:#424242;background-color:#f2f2f2}.mui-btn--dark.mui-btn--flat[disabled]:hover,.mui-btn--dark.mui-btn--flat[disabled]:focus,.mui-btn--dark.mui-btn--flat[disabled]:active{color:#424242;background-color:transparent}.mui-btn--danger{color:#fff;background-color:#F44336}.mui-btn--danger:hover,.mui-btn--danger:focus,.mui-btn--danger:active{color:#fff;background-color:#f55a4e}.mui-btn--danger[disabled]:hover,.mui-btn--danger[disabled]:focus,.mui-btn--danger[disabled]:active{color:#fff;background-color:#F44336}.mui-btn--danger.mui-btn--flat{color:#F44336;background-color:transparent}.mui-btn--danger.mui-btn--flat:hover,.mui-btn--danger.mui-btn--flat:focus,.mui-btn--danger.mui-btn--flat:active{color:#F44336;background-color:#f2f2f2}.mui-btn--danger.mui-btn--flat[disabled]:hover,.mui-btn--danger.mui-btn--flat[disabled]:focus,.mui-btn--danger.mui-btn--flat[disabled]:active{color:#F44336;background-color:transparent}.mui-btn--accent{color:#004c6d;background-color:#004c6d}.mui-btn--accent:hover,.mui-btn--accent:focus,.mui-btn--accent:active{color:#004c6d;background-color:#005e87}.mui-btn--accent[disabled]:hover,.mui-btn--accent[disabled]:focus,.mui-btn--accent[disabled]:active{color:#004c6d;background-color:#004c6d}.mui-btn--accent.mui-btn--flat{color:#004c6d;background-color:transparent}.mui-btn--accent.mui-btn--flat:hover,.mui-btn--accent.mui-btn--flat:focus,.mui-btn--accent.mui-btn--flat:active{color:#004c6d;background-color:#f2f2f2}.mui-btn--accent.mui-btn--flat[disabled]:hover,.mui-btn--accent.mui-btn--flat[disabled]:focus,.mui-btn--accent.mui-btn--flat[disabled]:active{color:#004c6d;background-color:transparent}.mui-btn--small{height:30.6px;line-height:30.6px;padding:0 16px;font-size:13px}.mui-btn--large{height:54px;line-height:54px;padding:0 26px;font-size:14px}.mui-btn--fab.mui-btn--small{width:44px;height:44px;line-height:44px}.mui-btn--fab.mui-btn--large{width:75px;height:75px;line-height:75px}.mui-radio,.mui-checkbox{position:relative;display:block;margin-top:10px;margin-bottom:10px}.mui-radio>label,.mui-checkbox>label{min-height:20px;padding-left:20px;margin-bottom:0;font-weight:normal;cursor:pointer}.mui-radio>label>input[type="radio"],.mui-radio--inline>label>input[type="radio"],.mui-checkbox>label>input[type="checkbox"],.mui-checkbox--inline>label>input[type="checkbox"]{position:absolute;margin-left:-20px;margin-top:4px}.mui-radio+.mui-radio,.mui-checkbox+.mui-checkbox{margin-top:-5px}.mui-radio--inline,.mui-checkbox--inline{display:inline-block;padding-left:20px;margin-bottom:0;vertical-align:middle;font-weight:normal;cursor:pointer}.mui-radio--inline>input[type="radio"],.mui-radio--inline>input[type="checkbox"],.mui-radio--inline>label>input[type="radio"],.mui-radio--inline>label>input[type="checkbox"],.mui-checkbox--inline>input[type="radio"],.mui-checkbox--inline>input[type="checkbox"],.mui-checkbox--inline>label>input[type="radio"],.mui-checkbox--inline>label>input[type="checkbox"]{margin:4px 0 0;line-height:normal}.mui-radio--inline+.mui-radio--inline,.mui-checkbox--inline+.mui-checkbox--inline{margin-top:0;margin-left:10px}.mui-container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}.mui-container:before,.mui-container:after{content:" ";display:table}.mui-container:after{clear:both}@media (min-width: 544px){.mui-container{max-width:570px}}@media (min-width: 768px){.mui-container{max-width:740px}}@media (min-width: 992px){.mui-container{max-width:960px}}@media (min-width: 1200px){.mui-container{max-width:1170px}}.mui-container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}.mui-container-fluid:before,.mui-container-fluid:after{content:" ";display:table}.mui-container-fluid:after{clear:both}.mui-divider{display:block;height:1px;background-color:rgba(0,0,0,0.12)}.mui--divider-top{border-top:1px solid rgba(0,0,0,0.12)}.mui--divider-bottom{border-bottom:1px solid rgba(0,0,0,0.12)}.mui--divider-left{border-left:1px solid rgba(0,0,0,0.12)}.mui--divider-right{border-right:1px solid rgba(0,0,0,0.12)}.mui-dropdown{display:inline-block;position:relative}[data-mui-toggle="dropdown"]{animation-duration:0.0001s;animation-name:mui-node-inserted;outline:0}.mui-dropdown__menu{position:absolute;top:100%;left:0;display:none;min-width:160px;padding:5px 0;margin:2px 0 0;list-style:none;font-size:14px;text-align:left;background-color:#fff;border-radius:2px;z-index:1;background-clip:padding-box}.mui-dropdown__menu.mui--is-open{display:block}.mui-dropdown__menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:normal;line-height:1.429;color:rgba(0,0,0,0.87);white-space:nowrap}.mui-dropdown__menu>li>a:hover,.mui-dropdown__menu>li>a:focus{text-decoration:none;color:rgba(0,0,0,0.87);background-color:#eee}.mui-dropdown__menu>.mui--is-disabled>a,.mui-dropdown__menu>.mui--is-disabled>a:hover,.mui-dropdown__menu>.mui--is-disabled>a:focus{color:#eee}.mui-dropdown__menu>.mui--is-disabled>a:hover,.mui-dropdown__menu>.mui--is-disabled>a:focus{text-decoration:none;background-color:transparent;background-image:none;cursor:not-allowed}.mui-dropdown__menu--right{left:auto;right:0}@media (min-width: 544px){.mui-form--inline>.mui-textfield{display:inline-block;margin-bottom:0}.mui-form--inline>.mui-radio,.mui-form--inline>.mui-checkbox{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.mui-form--inline>.mui-radio>label,.mui-form--inline>.mui-checkbox>label{padding-left:0}.mui-form--inline>.mui-radio>label>input[type="radio"],.mui-form--inline>.mui-checkbox>label>input[type="checkbox"]{position:relative;margin-left:0}.mui-form--inline>.mui-select{display:inline-block}.mui-form--inline>.mui-btn{margin-bottom:0;margin-top:0;vertical-align:bottom}}.mui-row{margin-left:-15px;margin-right:-15px}.mui-row:before,.mui-row:after{content:" ";display:table}.mui-row:after{clear:both}.mui-col-xs-1,.mui-col-sm-1,.mui-col-md-1,.mui-col-lg-1,.mui-col-xs-2,.mui-col-sm-2,.mui-col-md-2,.mui-col-lg-2,.mui-col-xs-3,.mui-col-sm-3,.mui-col-md-3,.mui-col-lg-3,.mui-col-xs-4,.mui-col-sm-4,.mui-col-md-4,.mui-col-lg-4,.mui-col-xs-5,.mui-col-sm-5,.mui-col-md-5,.mui-col-lg-5,.mui-col-xs-6,.mui-col-sm-6,.mui-col-md-6,.mui-col-lg-6,.mui-col-xs-7,.mui-col-sm-7,.mui-col-md-7,.mui-col-lg-7,.mui-col-xs-8,.mui-col-sm-8,.mui-col-md-8,.mui-col-lg-8,.mui-col-xs-9,.mui-col-sm-9,.mui-col-md-9,.mui-col-lg-9,.mui-col-xs-10,.mui-col-sm-10,.mui-col-md-10,.mui-col-lg-10,.mui-col-xs-11,.mui-col-sm-11,.mui-col-md-11,.mui-col-lg-11,.mui-col-xs-12,.mui-col-sm-12,.mui-col-md-12,.mui-col-lg-12{min-height:1px;padding-left:15px;padding-right:15px}.mui-col-xs-1,.mui-col-xs-2,.mui-col-xs-3,.mui-col-xs-4,.mui-col-xs-5,.mui-col-xs-6,.mui-col-xs-7,.mui-col-xs-8,.mui-col-xs-9,.mui-col-xs-10,.mui-col-xs-11,.mui-col-xs-12{float:left}.mui-col-xs-1{width:8.33333%}.mui-col-xs-2{width:16.66667%}.mui-col-xs-3{width:25%}.mui-col-xs-4{width:33.33333%}.mui-col-xs-5{width:41.66667%}.mui-col-xs-6{width:50%}.mui-col-xs-7{width:58.33333%}.mui-col-xs-8{width:66.66667%}.mui-col-xs-9{width:75%}.mui-col-xs-10{width:83.33333%}.mui-col-xs-11{width:91.66667%}.mui-col-xs-12{width:100%}.mui-col-xs-offset-0{margin-left:0%}.mui-col-xs-offset-1{margin-left:8.33333%}.mui-col-xs-offset-2{margin-left:16.66667%}.mui-col-xs-offset-3{margin-left:25%}.mui-col-xs-offset-4{margin-left:33.33333%}.mui-col-xs-offset-5{margin-left:41.66667%}.mui-col-xs-offset-6{margin-left:50%}.mui-col-xs-offset-7{margin-left:58.33333%}.mui-col-xs-offset-8{margin-left:66.66667%}.mui-col-xs-offset-9{margin-left:75%}.mui-col-xs-offset-10{margin-left:83.33333%}.mui-col-xs-offset-11{margin-left:91.66667%}.mui-col-xs-offset-12{margin-left:100%}@media (min-width: 544px){.mui-col-sm-1,.mui-col-sm-2,.mui-col-sm-3,.mui-col-sm-4,.mui-col-sm-5,.mui-col-sm-6,.mui-col-sm-7,.mui-col-sm-8,.mui-col-sm-9,.mui-col-sm-10,.mui-col-sm-11,.mui-col-sm-12{float:left}.mui-col-sm-1{width:8.33333%}.mui-col-sm-2{width:16.66667%}.mui-col-sm-3{width:25%}.mui-col-sm-4{width:33.33333%}.mui-col-sm-5{width:41.66667%}.mui-col-sm-6{width:50%}.mui-col-sm-7{width:58.33333%}.mui-col-sm-8{width:66.66667%}.mui-col-sm-9{width:75%}.mui-col-sm-10{width:83.33333%}.mui-col-sm-11{width:91.66667%}.mui-col-sm-12{width:100%}.mui-col-sm-offset-0{margin-left:0%}.mui-col-sm-offset-1{margin-left:8.33333%}.mui-col-sm-offset-2{margin-left:16.66667%}.mui-col-sm-offset-3{margin-left:25%}.mui-col-sm-offset-4{margin-left:33.33333%}.mui-col-sm-offset-5{margin-left:41.66667%}.mui-col-sm-offset-6{margin-left:50%}.mui-col-sm-offset-7{margin-left:58.33333%}.mui-col-sm-offset-8{margin-left:66.66667%}.mui-col-sm-offset-9{margin-left:75%}.mui-col-sm-offset-10{margin-left:83.33333%}.mui-col-sm-offset-11{margin-left:91.66667%}.mui-col-sm-offset-12{margin-left:100%}}@media (min-width: 768px){.mui-col-md-1,.mui-col-md-2,.mui-col-md-3,.mui-col-md-4,.mui-col-md-5,.mui-col-md-6,.mui-col-md-7,.mui-col-md-8,.mui-col-md-9,.mui-col-md-10,.mui-col-md-11,.mui-col-md-12{float:left}.mui-col-md-1{width:8.33333%}.mui-col-md-2{width:16.66667%}.mui-col-md-3{width:25%}.mui-col-md-4{width:33.33333%}.mui-col-md-5{width:41.66667%}.mui-col-md-6{width:50%}.mui-col-md-7{width:58.33333%}.mui-col-md-8{width:66.66667%}.mui-col-md-9{width:75%}.mui-col-md-10{width:83.33333%}.mui-col-md-11{width:91.66667%}.mui-col-md-12{width:100%}.mui-col-md-offset-0{margin-left:0%}.mui-col-md-offset-1{margin-left:8.33333%}.mui-col-md-offset-2{margin-left:16.66667%}.mui-col-md-offset-3{margin-left:25%}.mui-col-md-offset-4{margin-left:33.33333%}.mui-col-md-offset-5{margin-left:41.66667%}.mui-col-md-offset-6{margin-left:50%}.mui-col-md-offset-7{margin-left:58.33333%}.mui-col-md-offset-8{margin-left:66.66667%}.mui-col-md-offset-9{margin-left:75%}.mui-col-md-offset-10{margin-left:83.33333%}.mui-col-md-offset-11{margin-left:91.66667%}.mui-col-md-offset-12{margin-left:100%}}@media (min-width: 992px){.mui-col-lg-1,.mui-col-lg-2,.mui-col-lg-3,.mui-col-lg-4,.mui-col-lg-5,.mui-col-lg-6,.mui-col-lg-7,.mui-col-lg-8,.mui-col-lg-9,.mui-col-lg-10,.mui-col-lg-11,.mui-col-lg-12{float:left}.mui-col-lg-1{width:8.33333%}.mui-col-lg-2{width:16.66667%}.mui-col-lg-3{width:25%}.mui-col-lg-4{width:33.33333%}.mui-col-lg-5{width:41.66667%}.mui-col-lg-6{width:50%}.mui-col-lg-7{width:58.33333%}.mui-col-lg-8{width:66.66667%}.mui-col-lg-9{width:75%}.mui-col-lg-10{width:83.33333%}.mui-col-lg-11{width:91.66667%}.mui-col-lg-12{width:100%}.mui-col-lg-offset-0{margin-left:0%}.mui-col-lg-offset-1{margin-left:8.33333%}.mui-col-lg-offset-2{margin-left:16.66667%}.mui-col-lg-offset-3{margin-left:25%}.mui-col-lg-offset-4{margin-left:33.33333%}.mui-col-lg-offset-5{margin-left:41.66667%}.mui-col-lg-offset-6{margin-left:50%}.mui-col-lg-offset-7{margin-left:58.33333%}.mui-col-lg-offset-8{margin-left:66.66667%}.mui-col-lg-offset-9{margin-left:75%}.mui-col-lg-offset-10{margin-left:83.33333%}.mui-col-lg-offset-11{margin-left:91.66667%}.mui-col-lg-offset-12{margin-left:100%}}@media (min-width: 1200px){.mui-col-xl-1,.mui-col-xl-2,.mui-col-xl-3,.mui-col-xl-4,.mui-col-xl-5,.mui-col-xl-6,.mui-col-xl-7,.mui-col-xl-8,.mui-col-xl-9,.mui-col-xl-10,.mui-col-xl-11,.mui-col-xl-12{float:left}.mui-col-xl-1{width:8.33333%}.mui-col-xl-2{width:16.66667%}.mui-col-xl-3{width:25%}.mui-col-xl-4{width:33.33333%}.mui-col-xl-5{width:41.66667%}.mui-col-xl-6{width:50%}.mui-col-xl-7{width:58.33333%}.mui-col-xl-8{width:66.66667%}.mui-col-xl-9{width:75%}.mui-col-xl-10{width:83.33333%}.mui-col-xl-11{width:91.66667%}.mui-col-xl-12{width:100%}.mui-col-xl-offset-0{margin-left:0%}.mui-col-xl-offset-1{margin-left:8.33333%}.mui-col-xl-offset-2{margin-left:16.66667%}.mui-col-xl-offset-3{margin-left:25%}.mui-col-xl-offset-4{margin-left:33.33333%}.mui-col-xl-offset-5{margin-left:41.66667%}.mui-col-xl-offset-6{margin-left:50%}.mui-col-xl-offset-7{margin-left:58.33333%}.mui-col-xl-offset-8{margin-left:66.66667%}.mui-col-xl-offset-9{margin-left:75%}.mui-col-xl-offset-10{margin-left:83.33333%}.mui-col-xl-offset-11{margin-left:91.66667%}.mui-col-xl-offset-12{margin-left:100%}}.mui-panel{padding:15px;margin-bottom:20px;border-radius:0;background-color:#fff;box-shadow:0 2px 2px 0 rgba(0,0,0,0.16),0 0px 2px 0 rgba(0,0,0,0.12)}.mui-panel:before,.mui-panel:after{content:" ";display:table}.mui-panel:after{clear:both}@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){.mui-panel{box-shadow:0 -1px 2px 0 rgba(0,0,0,0.12),-1px 0px 2px 0 rgba(0,0,0,0.12),0 2px 2px 0 rgba(0,0,0,0.16),0 0px 2px 0 rgba(0,0,0,0.12)}}.mui-select{display:block;padding-top:15px;margin-bottom:20px;position:relative}.mui-select:focus{outline:0}.mui-select:focus>select{height:33px;margin-bottom:-1px;border-color:#2196F3;border-width:2px}.mui-select>select{animation-duration:0.0001s;animation-name:mui-node-inserted;display:block;height:32px;width:100%;appearance:none;-webkit-appearance:none;-moz-appearance:none;outline:none;border:none;border-bottom:1px solid rgba(0,0,0,0.26);border-radius:0px;box-shadow:none;background-color:transparent;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNiIgd2lkdGg9IjEwIj48cG9seWdvbiBwb2ludHM9IjAsMCAxMCwwIDUsNiIgc3R5bGU9ImZpbGw6cmdiYSgwLDAsMCwuMjQpOyIvPjwvc3ZnPg==");background-repeat:no-repeat;background-position:right center;cursor:pointer;color:rgba(0,0,0,0.87);font-size:16px;padding:0 25px 0 0}.mui-select>select::-ms-expand{display:none}.mui-select>select:focus{outline:0;height:33px;margin-bottom:-1px;border-color:#2196F3;border-width:2px}.mui-select>select:disabled{color:rgba(0,0,0,0.38);cursor:not-allowed;background-color:transparent;opacity:1}.mui-select__menu{position:absolute;z-index:2;min-width:100%;overflow-y:auto;padding:8px 0;background-color:#fff;font-size:16px}@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){.mui-select__menu{border-left:1px solid rgba(0,0,0,0.12);border-top:1px solid rgba(0,0,0,0.12)}}.mui-select__menu>div{padding:0 22px;height:42px;line-height:42px;cursor:pointer;white-space:nowrap}.mui-select__menu>div:hover{background-color:#E0E0E0}.mui-select__menu>div.mui--is-selected{background-color:#eee}th{text-align:left}.mui-table{width:100%;max-width:100%;margin-bottom:20px}.mui-table>thead>tr>th,.mui-table>thead>tr>td,.mui-table>tbody>tr>th,.mui-table>tbody>tr>td,.mui-table>tfoot>tr>th,.mui-table>tfoot>tr>td{padding:10px;line-height:1.429}.mui-table>thead>tr>th{border-bottom:2px solid rgba(0,0,0,0.12);font-weight:700}.mui-table>tbody+tbody{border-top:2px solid rgba(0,0,0,0.12)}.mui-table.mui-table--bordered>tbody>tr>td{border-bottom:1px solid rgba(0,0,0,0.12)}.mui-tabs__bar{list-style:none;padding-left:0;margin-bottom:0;background-color:transparent;white-space:nowrap;overflow-x:auto}.mui-tabs__bar>li{display:inline-block}.mui-tabs__bar>li>a{display:block;white-space:nowrap;text-transform:uppercase;font-weight:500;font-size:14px;color:rgba(255,255,255,0.87);cursor:default;height:48px;line-height:48px;padding-left:24px;padding-right:24px;user-select:none}.mui-tabs__bar>li>a:hover{text-decoration:none}.mui-tabs__bar>li.mui--is-active{border-bottom:2px solid #2196F3}.mui-tabs__bar>li.mui--is-active>a{color:#2196F3}.mui-tabs__bar.mui-tabs__bar--justified{display:table;width:100%;table-layout:fixed}.mui-tabs__bar.mui-tabs__bar--justified>li{display:table-cell}.mui-tabs__bar.mui-tabs__bar--justified>li>a{text-align:center;padding-left:0px;padding-right:0px}.mui-tabs__pane{display:none}.mui-tabs__pane.mui--is-active{display:block}[data-mui-toggle="tab"]{animation-duration:0.0001s;animation-name:mui-node-inserted}.mui-textfield{display:block;padding-top:15px;margin-bottom:20px;position:relative}.mui-textfield>label{position:absolute;top:0;display:block;width:100%;color:rgba(0,0,0,0.54);font-size:12px;font-weight:400;line-height:15px;overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap}.mui-textfield>textarea{padding-top:5px}.mui-textfield>input,.mui-textfield>textarea{display:block}.mui-textfield>input:focus ~ label,.mui-textfield>textarea:focus ~ label{color:#2196F3}.mui-textfield--float-label>label{position:absolute;transform:translate(0px, 15px);font-size:16px;line-height:32px;color:rgba(0,0,0,0.26);text-overflow:clip;cursor:text;pointer-events:none}.mui-textfield--float-label>input:focus ~ label,.mui-textfield--float-label>textarea:focus ~ label{transform:translate(0px, 0px);font-size:12px;line-height:15px;text-overflow:ellipsis}.mui-textfield--float-label>input:not(:focus).mui--is-not-empty ~ label,.mui-textfield--float-label>input:not(:focus)[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty) ~ label,.mui-textfield--float-label>input:not(:focus):not(:empty):not(.mui--is-empty):not(.mui--is-not-empty) ~ label,.mui-textfield--float-label>textarea:not(:focus).mui--is-not-empty ~ label,.mui-textfield--float-label>textarea:not(:focus)[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty) ~ label,.mui-textfield--float-label>textarea:not(:focus):not(:empty):not(.mui--is-empty):not(.mui--is-not-empty) ~ label{color:rgba(0,0,0,0.54);font-size:12px;line-height:15px;transform:translate(0px, 0px);text-overflow:ellipsis}.mui-textfield--wrap-label{display:table;width:100%;padding-top:0px}.mui-textfield--wrap-label:not(.mui-textfield--float-label)>label{display:table-header-group;position:static;white-space:normal;overflow-x:visible}.mui-textfield>input,.mui-textfield>textarea{animation-duration:0.0001s;animation-name:mui-node-inserted;display:block;background-color:transparent;color:rgba(0,0,0,0.87);border:none;border-bottom:1px solid rgba(0,0,0,0.26);outline:none;width:100%;font-size:16px;padding:0;box-shadow:none;border-radius:0px;background-image:none}.mui-textfield>input:focus,.mui-textfield>textarea:focus{border-color:#2196F3;border-width:2px}.mui-textfield>input:disabled,.mui-textfield>input:read-only,.mui-textfield>textarea:disabled,.mui-textfield>textarea:read-only{cursor:not-allowed;background-color:transparent;opacity:1}.mui-textfield>input::placeholder,.mui-textfield>textarea::placeholder{color:rgba(0,0,0,0.26);opacity:1}.mui-textfield>input{height:32px}.mui-textfield>input:focus{height:33px;margin-bottom:-1px}.mui-textfield>textarea{min-height:64px}.mui-textfield>textarea[rows]:not([rows="2"]):focus{margin-bottom:-1px}.mui-textfield>input:focus{height:33px;margin-bottom:-1px}.mui-textfield>input:invalid:not(:focus):not(:required),.mui-textfield>input:invalid:not(:focus):required.mui--is-not-empty,.mui-textfield>input:invalid:not(:focus):required.mui--is-empty.mui--is-dirty,.mui-textfield>input:invalid:not(:focus):required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty),.mui-textfield>input:invalid:not(:focus):required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty),.mui-textfield>textarea:invalid:not(:focus):not(:required),.mui-textfield>textarea:invalid:not(:focus):required.mui--is-not-empty,.mui-textfield>textarea:invalid:not(:focus):required.mui--is-empty.mui--is-dirty,.mui-textfield>textarea:invalid:not(:focus):required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty),.mui-textfield>textarea:invalid:not(:focus):required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty),.mui-textfield>input:not(:focus).mui--is-invalid:not(:required),.mui-textfield>input:not(:focus).mui--is-invalid:required.mui--is-not-empty,.mui-textfield>input:not(:focus).mui--is-invalid:required.mui--is-empty.mui--is-dirty,.mui-textfield>input:not(:focus).mui--is-invalid:required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty),.mui-textfield>input:not(:focus).mui--is-invalid:required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty),.mui-textfield>textarea:not(:focus).mui--is-invalid:not(:required),.mui-textfield>textarea:not(:focus).mui--is-invalid:required.mui--is-not-empty,.mui-textfield>textarea:not(:focus).mui--is-invalid:required.mui--is-empty.mui--is-dirty,.mui-textfield>textarea:not(:focus).mui--is-invalid:required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty),.mui-textfield>textarea:not(:focus).mui--is-invalid:required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty){border-color:#F44336;border-width:2px}.mui-textfield>input:invalid:not(:focus):not(:required),.mui-textfield>input:invalid:not(:focus):required.mui--is-not-empty,.mui-textfield>input:invalid:not(:focus):required.mui--is-empty.mui--is-dirty,.mui-textfield>input:invalid:not(:focus):required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty),.mui-textfield>input:invalid:not(:focus):required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty),.mui-textfield>input:not(:focus).mui--is-invalid:not(:required),.mui-textfield>input:not(:focus).mui--is-invalid:required.mui--is-not-empty,.mui-textfield>input:not(:focus).mui--is-invalid:required.mui--is-empty.mui--is-dirty,.mui-textfield>input:not(:focus).mui--is-invalid:required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty),.mui-textfield>input:not(:focus).mui--is-invalid:required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty){height:33px;margin-bottom:-1px}.mui-textfield>input:invalid:not(:focus):not(:required) ~ label,.mui-textfield>input:invalid:not(:focus):required.mui--is-not-empty ~ label,.mui-textfield>input:invalid:not(:focus):required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty) ~ label,.mui-textfield>input:invalid:not(:focus):required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty) ~ label,.mui-textfield>textarea:invalid:not(:focus):not(:required) ~ label,.mui-textfield>textarea:invalid:not(:focus):required.mui--is-not-empty ~ label,.mui-textfield>textarea:invalid:not(:focus):required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty) ~ label,.mui-textfield>textarea:invalid:not(:focus):required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty) ~ label,.mui-textfield>input:not(:focus).mui--is-invalid:not(:required) ~ label,.mui-textfield>input:not(:focus).mui--is-invalid:required.mui--is-not-empty ~ label,.mui-textfield>input:not(:focus).mui--is-invalid:required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty) ~ label,.mui-textfield>input:not(:focus).mui--is-invalid:required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty) ~ label,.mui-textfield>textarea:not(:focus).mui--is-invalid:not(:required) ~ label,.mui-textfield>textarea:not(:focus).mui--is-invalid:required.mui--is-not-empty ~ label,.mui-textfield>textarea:not(:focus).mui--is-invalid:required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty) ~ label,.mui-textfield>textarea:not(:focus).mui--is-invalid:required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty) ~ label{color:#F44336}.mui-textfield:not(.mui-textfield--float-label)>input:invalid:not(:focus):required.mui--is-empty.mui--is-dirty ~ label,.mui-textfield:not(.mui-textfield--float-label)>textarea:invalid:not(:focus):required.mui--is-empty.mui--is-dirty ~ label,.mui-textfield:not(.mui-textfield--float-label)>input:not(:focus).mui--is-invalid:required.mui--is-empty.mui--is-dirty ~ label,.mui-textfield:not(.mui-textfield--float-label)>textarea:not(:focus).mui--is-invalid:required.mui--is-empty.mui--is-dirty ~ label{color:#F44336}@keyframes mui-node-inserted{from{opacity:0.99}to{opacity:1}}.mui--no-transition{transition:none !important}.mui--no-user-select{user-select:none}.mui-caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent}.mui--text-left{text-align:left !important}.mui--text-right{text-align:right !important}.mui--text-center{text-align:center !important}.mui--text-justify{text-align:justify !important}.mui--text-nowrap{white-space:nowrap !important}.mui--align-baseline{vertical-align:baseline !important}.mui--align-top{vertical-align:top !important}.mui--align-middle{vertical-align:middle !important}.mui--align-bottom{vertical-align:bottom !important}.mui--text-dark{color:rgba(0,0,0,0.87)}.mui--text-dark-secondary{color:rgba(0,0,0,0.54)}.mui--text-dark-hint{color:rgba(0,0,0,0.38)}.mui--text-light{color:#fff}.mui--text-light-secondary{color:rgba(255,255,255,0.7)}.mui--text-light-hint{color:rgba(255,255,255,0.3)}.mui--text-accent{color:rgba(0,76,109,0.87)}.mui--text-accent-secondary{color:rgba(0,76,109,0.54)}.mui--text-accent-hint{color:rgba(0,76,109,0.38)}.mui--text-black{color:#000}.mui--text-white{color:#fff}.mui--text-danger{color:#F44336}.mui-list--unstyled{padding-left:0;list-style:none}.mui-list--inline{padding-left:0;list-style:none;margin-left:-5px}.mui-list--inline>li{display:inline-block;padding-left:5px;padding-right:5px}.mui--z1,.mui-dropdown__menu,.mui-select__menu{box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24)}.mui--z2{box-shadow:0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23)}.mui--z3{box-shadow:0 10px 20px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.23)}.mui--z4{box-shadow:0 14px 28px rgba(0,0,0,0.25),0 10px 10px rgba(0,0,0,0.22)}.mui--z5{box-shadow:0 19px 38px rgba(0,0,0,0.3),0 15px 12px rgba(0,0,0,0.22)}.mui--clearfix:before,.mui--clearfix:after{content:" ";display:table}.mui--clearfix:after{clear:both}.mui--pull-right{float:right !important}.mui--pull-left{float:left !important}.mui--hide{display:none !important}.mui--show{display:block !important}.mui--invisible{visibility:hidden}.mui--overflow-hidden{overflow:hidden !important}.mui--overflow-hidden-x{overflow-x:hidden !important}.mui--overflow-hidden-y{overflow-y:hidden !important}.mui--visible-xs-block,.mui--visible-xs-inline,.mui--visible-xs-inline-block,.mui--visible-sm-block,.mui--visible-sm-inline,.mui--visible-sm-inline-block,.mui--visible-md-block,.mui--visible-md-inline,.mui--visible-md-inline-block,.mui--visible-lg-block,.mui--visible-lg-inline,.mui--visible-lg-inline-block,.mui--visible-xl-block,.mui--visible-xl-inline,.mui--visible-xl-inline-block{display:none !important}@media (max-width: 543px){.mui-visible-xs{display:block !important}table.mui-visible-xs{display:table}tr.mui-visible-xs{display:table-row !important}th.mui-visible-xs,td.mui-visible-xs{display:table-cell !important}.mui--visible-xs-block{display:block !important}.mui--visible-xs-inline{display:inline !important}.mui--visible-xs-inline-block{display:inline-block !important}}@media (min-width: 544px) and (max-width: 767px){.mui-visible-sm{display:block !important}table.mui-visible-sm{display:table}tr.mui-visible-sm{display:table-row !important}th.mui-visible-sm,td.mui-visible-sm{display:table-cell !important}.mui--visible-sm-block{display:block !important}.mui--visible-sm-inline{display:inline !important}.mui--visible-sm-inline-block{display:inline-block !important}}@media (min-width: 768px) and (max-width: 991px){.mui-visible-md{display:block !important}table.mui-visible-md{display:table}tr.mui-visible-md{display:table-row !important}th.mui-visible-md,td.mui-visible-md{display:table-cell !important}.mui--visible-md-block{display:block !important}.mui--visible-md-inline{display:inline !important}.mui--visible-md-inline-block{display:inline-block !important}}@media (min-width: 992px) and (max-width: 1199px){.mui-visible-lg{display:block !important}table.mui-visible-lg{display:table}tr.mui-visible-lg{display:table-row !important}th.mui-visible-lg,td.mui-visible-lg{display:table-cell !important}.mui--visible-lg-block{display:block !important}.mui--visible-lg-inline{display:inline !important}.mui--visible-lg-inline-block{display:inline-block !important}}@media (min-width: 1200px){.mui-visible-xl{display:block !important}table.mui-visible-xl{display:table}tr.mui-visible-xl{display:table-row !important}th.mui-visible-xl,td.mui-visible-xl{display:table-cell !important}.mui--visible-xl-block{display:block !important}.mui--visible-xl-inline{display:inline !important}.mui--visible-xl-inline-block{display:inline-block !important}}@media (max-width: 543px){.mui--hidden-xs{display:none !important}}@media (min-width: 544px) and (max-width: 767px){.mui--hidden-sm{display:none !important}}@media (min-width: 768px) and (max-width: 991px){.mui--hidden-md{display:none !important}}@media (min-width: 992px) and (max-width: 1199px){.mui--hidden-lg{display:none !important}}@media (min-width: 1200px){.mui--hidden-xl{display:none !important}}body.mui-body--scroll-lock{overflow:hidden !important}#mui-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999999;background-color:rgba(0,0,0,0.2);overflow:auto}.mui-ripple-effect{position:absolute;border-radius:50%;pointer-events:none;opacity:0;animation:mui-ripple-animation 2s}@keyframes mui-ripple-animation{from{transform:scale(1);opacity:0.4}to{transform:scale(100);opacity:0}}.mui-btn>.mui-ripple-effect{background-color:#a6a6a6}.mui-btn--primary>.mui-ripple-effect{background-color:#fff}.mui-btn--dark>.mui-ripple-effect{background-color:#fff}.mui-btn--danger>.mui-ripple-effect{background-color:#fff}.mui-btn--accent>.mui-ripple-effect{background-color:#fff}.mui-btn--flat>.mui-ripple-effect{background-color:#a6a6a6}.mui--text-display4{font-weight:300;font-size:112px;line-height:112px}.mui--text-display3{font-weight:400;font-size:56px;line-height:56px}.mui--text-display2{font-weight:400;font-size:45px;line-height:48px}.mui--text-display1,h1{font-weight:400;font-size:34px;line-height:40px}.mui--text-headline,h2{font-weight:400;font-size:24px;line-height:32px}.mui--text-title,h3{font-weight:400;font-size:20px;line-height:28px}.mui--text-subhead,h4{font-weight:400;font-size:16px;line-height:24px}.mui--text-body2,h5{font-weight:500;font-size:14px;line-height:24px}.mui--text-body1{font-weight:400;font-size:14px;line-height:20px}.mui--text-caption{font-weight:400;font-size:12px;line-height:16px}.mui--text-menu{font-weight:500;font-size:13px;line-height:17px}.mui--text-button{font-weight:500;font-size:14px;line-height:18px;text-transform:uppercase} diff --git a/sensortoy/sensortoy/platforms/android/assets/www/css/custom.scss b/sensortoy/sensortoy/platforms/android/assets/www/css/custom.scss index 8d1af65..dd9b28a 100644 --- a/sensortoy/sensortoy/platforms/android/assets/www/css/custom.scss +++ b/sensortoy/sensortoy/platforms/android/assets/www/css/custom.scss @@ -1,9 +1,14 @@ @import "app/libs/mui/src/sass/mui/colors"; -$mui-body-bg-color: mui-color('grey', '100'); +$mui-body-bg-color: /*#003F5a*/ mui-color('grey', '800'); +$mui-base-font-color: rgba(#FFF, 0.87) !default; +$mui-base-font-family: Ubuntu, "Helvetica Neue", Helvetica, Arial, Verdana, Tahoma !default; + +$mui-panel-bg-color : /*#004c6d*/ mui-color('grey', '900'); + //$mui-accent-color: #bad649; -$mui-accent-color: #004c6d; +$mui-accent-color: #00aeef; $mui-btn-accent-font-color: #004c6d; //$mui-accent-color-dark: mui-color('green', 'A100'); $mui-accent-color-dark: #004c6d; diff --git a/sensortoy/sensortoy/platforms/android/assets/www/css/mui.custom.css b/sensortoy/sensortoy/platforms/android/assets/www/css/mui.custom.css index 17b163f..9cd48c9 100644 --- a/sensortoy/sensortoy/platforms/android/assets/www/css/mui.custom.css +++ b/sensortoy/sensortoy/platforms/android/assets/www/css/mui.custom.css @@ -1,1912 +1 @@ -/** - * MUI Colors module - */ -/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ -/** - * 1. Set default font family to sans-serif. - * 2. Prevent iOS and IE text size adjust after device orientation change, - * without disabling user zoom. - */ -html { - font-family: sans-serif; - /* 1 */ - -ms-text-size-adjust: 100%; - /* 2 */ - -webkit-text-size-adjust: 100%; - /* 2 */ } - -/** - * Remove default margin. - */ -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. - */ -article, -aside, -details, -figcaption, -figure, -footer, -header, -hgroup, -main, -menu, -nav, -section, -summary { - 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. - */ -h1 { - font-size: 2em; - margin: 0.67em 0; } - -/** - * Address styling not present in IE 8/9. - */ -mark { - background: #ff0; - color: #000; } - -/** - * Address inconsistent and variable font size in all browsers. - */ -small { - font-size: 80%; } - -/** - * Prevent `sub` and `sup` affecting `line-height` in all browsers. - */ -sub, -sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; } - -sup { - top: -0.5em; } - -sub { - bottom: -0.25em; } - -/* Embedded content - ========================================================================== */ -/** - * Remove border when inside `a` element in IE 8/9/10. - */ -img { - border: 0; } - -/** - * Correct overflow not hidden in IE 9/10/11. - */ -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 { - 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. - */ -button, -input, -optgroup, -select, -textarea { - color: inherit; - /* 1 */ - font: inherit; - /* 2 */ - margin: 0; - /* 3 */ } - -/** - * Address `overflow` set to `hidden` in IE 8/9/10/11. - */ -button { - 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. - */ -button, -select { - 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. - */ -button, -html input[type="button"], -input[type="reset"], -input[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+. - */ -button::-moz-focus-inner, -input::-moz-focus-inner { - border: 0; - padding: 0; } - -/** - * Address Firefox 4+ setting `line-height` on `input` using `!important` in - * the UA stylesheet. - */ -input { - line-height: normal; } - -/** - * 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"] { - 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 */ - 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. - */ -fieldset { - border: 1px solid #c0c0c0; - margin: 0 2px; - padding: 0.35em 0.625em 0.75em; } - -/** - * 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. - */ -legend { - border: 0; - /* 1 */ - padding: 0; - /* 2 */ } - -/** - * Remove default vertical scrollbar in IE 8/9/10/11. - */ -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. - */ -optgroup { - font-weight: bold; } - -/* Tables - ========================================================================== */ -/** - * Remove most spacing between table cells. - */ -table { - border-collapse: collapse; - border-spacing: 0; } - -td, -th { - padding: 0; } - -/** - * MUI Colors module - */ -/** - * MUI Reboot - */ -* { - box-sizing: border-box; } - -*:before, -*:after { - box-sizing: border-box; } - -html { - font-size: 10px; - -webkit-tap-highlight-color: transparent; } - -body { - font-family: Arial, Verdana, Tahoma; - font-size: 14px; - font-weight: 400; - line-height: 1.429; - color: rgba(0, 0, 0, 0.87); - background-color: #F5F5F5; } - -input, -button, -select, -textarea { - font-family: inherit; - font-size: inherit; - line-height: inherit; } - -a { - color: #2196F3; - text-decoration: none; } - a:hover, a:focus { - color: #1976D2; - text-decoration: underline; } - a:focus { - outline: thin dotted; - outline: 5px auto -webkit-focus-ring-color; - outline-offset: -2px; } - -p { - margin: 0 0 10px; } - -ul, -ol { - margin-top: 0; - margin-bottom: 10px; } - -figure { - margin: 0; } - -img { - vertical-align: middle; } - -hr { - margin-top: 20px; - margin-bottom: 20px; - border: 0; - height: 1px; - background-color: rgba(0, 0, 0, 0.12); } - -legend { - display: block; - width: 100%; - padding: 0; - margin-bottom: 10px; - font-size: 21px; - color: rgba(0, 0, 0, 0.87); - line-height: inherit; - border: 0; } - -input[type="search"] { - box-sizing: border-box; - -webkit-appearance: none; } - -input[type="file"]:focus, -input[type="radio"]:focus, -input[type="checkbox"]:focus { - outline: thin dotted; - outline: 5px auto -webkit-focus-ring-color; - outline-offset: -2px; } - -input[type="radio"]:disabled, -input[type="checkbox"]:disabled { - cursor: not-allowed; } - -strong { - font-weight: 700; } - -abbr[title] { - cursor: help; - border-bottom: 1px dotted #2196F3; } - -h1, h2, h3 { - margin-top: 20px; - margin-bottom: 10px; } - -h4, h5, h6 { - margin-top: 10px; - margin-bottom: 10px; } - -/** - * MUI Appbar - */ -.mui--appbar-height { - height: 56px; } - -.mui--appbar-min-height, .mui-appbar { - min-height: 56px; } - -.mui--appbar-line-height { - line-height: 56px; } - -.mui--appbar-top { - top: 56px; } - -@media (orientation: landscape) and (max-height: 480px) { - .mui--appbar-height { - height: 48px; } - .mui--appbar-min-height, .mui-appbar { - min-height: 48px; } - .mui--appbar-line-height { - line-height: 48px; } - .mui--appbar-top { - top: 48px; } } - -@media (min-width: 480px) { - .mui--appbar-height { - height: 64px; } - .mui--appbar-min-height, .mui-appbar { - min-height: 64px; } - .mui--appbar-line-height { - line-height: 64px; } - .mui--appbar-top { - top: 64px; } } - -.mui-appbar { - background-color: #004c6d; - color: #FFF; } - -/** - * MUI Buttons - */ -.mui-btn { - animation-duration: 0.0001s; - animation-name: mui-node-inserted; - font-weight: 500; - font-size: 14px; - line-height: 18px; - text-transform: uppercase; - color: rgba(0, 0, 0, 0.87); - background-color: #FFF; - transition: all 0.2s ease-in-out; - display: inline-block; - height: 36px; - padding: 0 26px; - margin-top: 6px; - margin-bottom: 6px; - border: none; - border-radius: 2px; - cursor: pointer; - touch-action: manipulation; - background-image: none; - text-align: center; - line-height: 36px; - vertical-align: middle; - white-space: nowrap; - user-select: none; - font-size: 14px; - letter-spacing: 0.03em; - position: relative; - overflow: hidden; } - .mui-btn:hover, .mui-btn:focus, .mui-btn:active { - color: rgba(0, 0, 0, 0.87); - background-color: white; } - .mui-btn[disabled]:hover, .mui-btn[disabled]:focus, .mui-btn[disabled]:active { - color: rgba(0, 0, 0, 0.87); - background-color: #FFF; } - .mui-btn.mui-btn--flat { - color: rgba(0, 0, 0, 0.87); - background-color: transparent; } - .mui-btn.mui-btn--flat:hover, .mui-btn.mui-btn--flat:focus, .mui-btn.mui-btn--flat:active { - color: rgba(0, 0, 0, 0.87); - background-color: #f2f2f2; } - .mui-btn.mui-btn--flat[disabled]:hover, .mui-btn.mui-btn--flat[disabled]:focus, .mui-btn.mui-btn--flat[disabled]:active { - color: rgba(0, 0, 0, 0.87); - background-color: transparent; } - .mui-btn:hover, .mui-btn:focus, .mui-btn:active { - outline: 0; - text-decoration: none; - color: rgba(0, 0, 0, 0.87); } - .mui-btn:hover, .mui-btn:focus { - box-shadow: 0 0px 2px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.2); } - @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { - .mui-btn:hover, .mui-btn:focus { - box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.12), -1px 0px 2px rgba(0, 0, 0, 0.12), 0 0px 2px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.2); } } - .mui-btn:active { - box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); } - @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { - .mui-btn:active { - box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.12), -1px 0px 2px rgba(0, 0, 0, 0.12), 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); } } - .mui-btn:disabled, .mui-btn.mui--is-disabled { - cursor: not-allowed; - pointer-events: none; - opacity: 0.60; - box-shadow: none; } - -.mui-btn + .mui-btn { - margin-left: 8px; } - -.mui-btn--flat { - background-color: transparent; } - .mui-btn--flat:hover, .mui-btn--flat:focus, .mui-btn--flat:active { - box-shadow: none; - background-color: #f2f2f2; } - -.mui-btn--raised, .mui-btn--fab { - box-shadow: 0 0px 2px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.2); } - @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { - .mui-btn--raised, .mui-btn--fab { - box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.12), -1px 0px 2px rgba(0, 0, 0, 0.12), 0 0px 2px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.2); } } - .mui-btn--raised:active, .mui-btn--fab:active { - box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); } - @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { - .mui-btn--raised:active, .mui-btn--fab:active { - box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.12), -1px 0px 2px rgba(0, 0, 0, 0.12), 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); } } - -.mui-btn--fab { - position: relative; - padding: 0; - width: 55px; - height: 55px; - line-height: 55px; - border-radius: 50%; - z-index: 1; } - -.mui-btn--primary { - color: #FFF; - background-color: #2196F3; } - .mui-btn--primary:hover, .mui-btn--primary:focus, .mui-btn--primary:active { - color: #FFF; - background-color: #39a1f4; } - .mui-btn--primary[disabled]:hover, .mui-btn--primary[disabled]:focus, .mui-btn--primary[disabled]:active { - color: #FFF; - background-color: #2196F3; } - .mui-btn--primary.mui-btn--flat { - color: #2196F3; - background-color: transparent; } - .mui-btn--primary.mui-btn--flat:hover, .mui-btn--primary.mui-btn--flat:focus, .mui-btn--primary.mui-btn--flat:active { - color: #2196F3; - background-color: #f2f2f2; } - .mui-btn--primary.mui-btn--flat[disabled]:hover, .mui-btn--primary.mui-btn--flat[disabled]:focus, .mui-btn--primary.mui-btn--flat[disabled]:active { - color: #2196F3; - background-color: transparent; } - -.mui-btn--dark { - color: #FFF; - background-color: #424242; } - .mui-btn--dark:hover, .mui-btn--dark:focus, .mui-btn--dark:active { - color: #FFF; - background-color: #4f4f4f; } - .mui-btn--dark[disabled]:hover, .mui-btn--dark[disabled]:focus, .mui-btn--dark[disabled]:active { - color: #FFF; - background-color: #424242; } - .mui-btn--dark.mui-btn--flat { - color: #424242; - background-color: transparent; } - .mui-btn--dark.mui-btn--flat:hover, .mui-btn--dark.mui-btn--flat:focus, .mui-btn--dark.mui-btn--flat:active { - color: #424242; - background-color: #f2f2f2; } - .mui-btn--dark.mui-btn--flat[disabled]:hover, .mui-btn--dark.mui-btn--flat[disabled]:focus, .mui-btn--dark.mui-btn--flat[disabled]:active { - color: #424242; - background-color: transparent; } - -.mui-btn--danger { - color: #FFF; - background-color: #F44336; } - .mui-btn--danger:hover, .mui-btn--danger:focus, .mui-btn--danger:active { - color: #FFF; - background-color: #f55a4e; } - .mui-btn--danger[disabled]:hover, .mui-btn--danger[disabled]:focus, .mui-btn--danger[disabled]:active { - color: #FFF; - background-color: #F44336; } - .mui-btn--danger.mui-btn--flat { - color: #F44336; - background-color: transparent; } - .mui-btn--danger.mui-btn--flat:hover, .mui-btn--danger.mui-btn--flat:focus, .mui-btn--danger.mui-btn--flat:active { - color: #F44336; - background-color: #f2f2f2; } - .mui-btn--danger.mui-btn--flat[disabled]:hover, .mui-btn--danger.mui-btn--flat[disabled]:focus, .mui-btn--danger.mui-btn--flat[disabled]:active { - color: #F44336; - background-color: transparent; } - -.mui-btn--accent { - color: #004c6d; - background-color: #004c6d; } - .mui-btn--accent:hover, .mui-btn--accent:focus, .mui-btn--accent:active { - color: #004c6d; - background-color: #005e87; } - .mui-btn--accent[disabled]:hover, .mui-btn--accent[disabled]:focus, .mui-btn--accent[disabled]:active { - color: #004c6d; - background-color: #004c6d; } - .mui-btn--accent.mui-btn--flat { - color: #004c6d; - background-color: transparent; } - .mui-btn--accent.mui-btn--flat:hover, .mui-btn--accent.mui-btn--flat:focus, .mui-btn--accent.mui-btn--flat:active { - color: #004c6d; - background-color: #f2f2f2; } - .mui-btn--accent.mui-btn--flat[disabled]:hover, .mui-btn--accent.mui-btn--flat[disabled]:focus, .mui-btn--accent.mui-btn--flat[disabled]:active { - color: #004c6d; - background-color: transparent; } - -.mui-btn--small { - height: 30.6px; - line-height: 30.6px; - padding: 0 16px; - font-size: 13px; } - -.mui-btn--large { - height: 54px; - line-height: 54px; - padding: 0 26px; - font-size: 14px; } - -.mui-btn--fab.mui-btn--small { - width: 44px; - height: 44px; - line-height: 44px; } - -.mui-btn--fab.mui-btn--large { - width: 75px; - height: 75px; - line-height: 75px; } - -/** - * MUI Checkboxe and Radio Components - */ -.mui-radio, -.mui-checkbox { - position: relative; - display: block; - margin-top: 10px; - margin-bottom: 10px; } - .mui-radio > label, - .mui-checkbox > label { - min-height: 20px; - padding-left: 20px; - margin-bottom: 0; - font-weight: normal; - cursor: pointer; } - -.mui-radio > label > input[type="radio"], -.mui-radio--inline > label > input[type="radio"], -.mui-checkbox > label > input[type="checkbox"], -.mui-checkbox--inline > label > input[type="checkbox"] { - position: absolute; - margin-left: -20px; - margin-top: 4px; } - -.mui-radio + .mui-radio, -.mui-checkbox + .mui-checkbox { - margin-top: -5px; } - -.mui-radio--inline, -.mui-checkbox--inline { - display: inline-block; - padding-left: 20px; - margin-bottom: 0; - vertical-align: middle; - font-weight: normal; - cursor: pointer; } - .mui-radio--inline > input[type="radio"], - .mui-radio--inline > input[type="checkbox"], - .mui-radio--inline > label > input[type="radio"], - .mui-radio--inline > label > input[type="checkbox"], - .mui-checkbox--inline > input[type="radio"], - .mui-checkbox--inline > input[type="checkbox"], - .mui-checkbox--inline > label > input[type="radio"], - .mui-checkbox--inline > label > input[type="checkbox"] { - margin: 4px 0 0; - line-height: normal; } - -.mui-radio--inline + .mui-radio--inline, -.mui-checkbox--inline + .mui-checkbox--inline { - margin-top: 0; - margin-left: 10px; } - -/** - * MUI Container module - */ -.mui-container { - margin-right: auto; - margin-left: auto; - padding-left: 15px; - padding-right: 15px; } - .mui-container:before, .mui-container:after { - content: " "; - display: table; } - .mui-container:after { - clear: both; } - @media (min-width: 544px) { - .mui-container { - max-width: 570px; } } - @media (min-width: 768px) { - .mui-container { - max-width: 740px; } } - @media (min-width: 992px) { - .mui-container { - max-width: 960px; } } - @media (min-width: 1200px) { - .mui-container { - max-width: 1170px; } } - -.mui-container-fluid { - margin-right: auto; - margin-left: auto; - padding-left: 15px; - padding-right: 15px; } - .mui-container-fluid:before, .mui-container-fluid:after { - content: " "; - display: table; } - .mui-container-fluid:after { - clear: both; } - -/** - * MUI Divider Component and CSS Helpers - */ -.mui-divider { - display: block; - height: 1px; - background-color: rgba(0, 0, 0, 0.12); } - -.mui--divider-top { - border-top: 1px solid rgba(0, 0, 0, 0.12); } - -.mui--divider-bottom { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); } - -.mui--divider-left { - border-left: 1px solid rgba(0, 0, 0, 0.12); } - -.mui--divider-right { - border-right: 1px solid rgba(0, 0, 0, 0.12); } - -/** - * MUI Dropdown module - */ -.mui-dropdown { - display: inline-block; - position: relative; } - -[data-mui-toggle="dropdown"] { - animation-duration: 0.0001s; - animation-name: mui-node-inserted; - outline: 0; } - -.mui-dropdown__menu { - position: absolute; - top: 100%; - left: 0; - display: none; - min-width: 160px; - padding: 5px 0; - margin: 2px 0 0; - list-style: none; - font-size: 14px; - text-align: left; - background-color: #FFF; - border-radius: 2px; - z-index: 1; - background-clip: padding-box; } - .mui-dropdown__menu.mui--is-open { - display: block; } - .mui-dropdown__menu > li > a { - display: block; - padding: 3px 20px; - clear: both; - font-weight: normal; - line-height: 1.429; - color: rgba(0, 0, 0, 0.87); - white-space: nowrap; } - .mui-dropdown__menu > li > a:hover, .mui-dropdown__menu > li > a:focus { - text-decoration: none; - color: rgba(0, 0, 0, 0.87); - background-color: #EEEEEE; } - .mui-dropdown__menu > .mui--is-disabled > a, .mui-dropdown__menu > .mui--is-disabled > a:hover, .mui-dropdown__menu > .mui--is-disabled > a:focus { - color: #EEEEEE; } - .mui-dropdown__menu > .mui--is-disabled > a:hover, .mui-dropdown__menu > .mui--is-disabled > a:focus { - text-decoration: none; - background-color: transparent; - background-image: none; - cursor: not-allowed; } - -.mui-dropdown__menu--right { - left: auto; - right: 0; } - -/** - * MUI Form Component - */ -@media (min-width: 544px) { - .mui-form--inline > .mui-textfield { - display: inline-block; - margin-bottom: 0; } - .mui-form--inline > .mui-radio, - .mui-form--inline > .mui-checkbox { - display: inline-block; - margin-top: 0; - margin-bottom: 0; - vertical-align: middle; } - .mui-form--inline > .mui-radio > label, - .mui-form--inline > .mui-checkbox > label { - padding-left: 0; } - .mui-form--inline > .mui-radio > label > input[type="radio"], - .mui-form--inline > .mui-checkbox > label > input[type="checkbox"] { - position: relative; - margin-left: 0; } - .mui-form--inline > .mui-select { - display: inline-block; } - .mui-form--inline > .mui-btn { - margin-bottom: 0; - margin-top: 0; - vertical-align: bottom; } } - -/** - * MUI Grid module - */ -.mui-row { - margin-left: -15px; - margin-right: -15px; } - .mui-row:before, .mui-row:after { - content: " "; - display: table; } - .mui-row:after { - clear: both; } - -.mui-col-xs-1, .mui-col-sm-1, .mui-col-md-1, .mui-col-lg-1, .mui-col-xs-2, .mui-col-sm-2, .mui-col-md-2, .mui-col-lg-2, .mui-col-xs-3, .mui-col-sm-3, .mui-col-md-3, .mui-col-lg-3, .mui-col-xs-4, .mui-col-sm-4, .mui-col-md-4, .mui-col-lg-4, .mui-col-xs-5, .mui-col-sm-5, .mui-col-md-5, .mui-col-lg-5, .mui-col-xs-6, .mui-col-sm-6, .mui-col-md-6, .mui-col-lg-6, .mui-col-xs-7, .mui-col-sm-7, .mui-col-md-7, .mui-col-lg-7, .mui-col-xs-8, .mui-col-sm-8, .mui-col-md-8, .mui-col-lg-8, .mui-col-xs-9, .mui-col-sm-9, .mui-col-md-9, .mui-col-lg-9, .mui-col-xs-10, .mui-col-sm-10, .mui-col-md-10, .mui-col-lg-10, .mui-col-xs-11, .mui-col-sm-11, .mui-col-md-11, .mui-col-lg-11, .mui-col-xs-12, .mui-col-sm-12, .mui-col-md-12, .mui-col-lg-12 { - min-height: 1px; - padding-left: 15px; - padding-right: 15px; } - -.mui-col-xs-1, .mui-col-xs-2, .mui-col-xs-3, .mui-col-xs-4, .mui-col-xs-5, .mui-col-xs-6, .mui-col-xs-7, .mui-col-xs-8, .mui-col-xs-9, .mui-col-xs-10, .mui-col-xs-11, .mui-col-xs-12 { - float: left; } - -.mui-col-xs-1 { - width: 8.33333%; } - -.mui-col-xs-2 { - width: 16.66667%; } - -.mui-col-xs-3 { - width: 25%; } - -.mui-col-xs-4 { - width: 33.33333%; } - -.mui-col-xs-5 { - width: 41.66667%; } - -.mui-col-xs-6 { - width: 50%; } - -.mui-col-xs-7 { - width: 58.33333%; } - -.mui-col-xs-8 { - width: 66.66667%; } - -.mui-col-xs-9 { - width: 75%; } - -.mui-col-xs-10 { - width: 83.33333%; } - -.mui-col-xs-11 { - width: 91.66667%; } - -.mui-col-xs-12 { - width: 100%; } - -.mui-col-xs-offset-0 { - margin-left: 0%; } - -.mui-col-xs-offset-1 { - margin-left: 8.33333%; } - -.mui-col-xs-offset-2 { - margin-left: 16.66667%; } - -.mui-col-xs-offset-3 { - margin-left: 25%; } - -.mui-col-xs-offset-4 { - margin-left: 33.33333%; } - -.mui-col-xs-offset-5 { - margin-left: 41.66667%; } - -.mui-col-xs-offset-6 { - margin-left: 50%; } - -.mui-col-xs-offset-7 { - margin-left: 58.33333%; } - -.mui-col-xs-offset-8 { - margin-left: 66.66667%; } - -.mui-col-xs-offset-9 { - margin-left: 75%; } - -.mui-col-xs-offset-10 { - margin-left: 83.33333%; } - -.mui-col-xs-offset-11 { - margin-left: 91.66667%; } - -.mui-col-xs-offset-12 { - margin-left: 100%; } - -@media (min-width: 544px) { - .mui-col-sm-1, .mui-col-sm-2, .mui-col-sm-3, .mui-col-sm-4, .mui-col-sm-5, .mui-col-sm-6, .mui-col-sm-7, .mui-col-sm-8, .mui-col-sm-9, .mui-col-sm-10, .mui-col-sm-11, .mui-col-sm-12 { - float: left; } - .mui-col-sm-1 { - width: 8.33333%; } - .mui-col-sm-2 { - width: 16.66667%; } - .mui-col-sm-3 { - width: 25%; } - .mui-col-sm-4 { - width: 33.33333%; } - .mui-col-sm-5 { - width: 41.66667%; } - .mui-col-sm-6 { - width: 50%; } - .mui-col-sm-7 { - width: 58.33333%; } - .mui-col-sm-8 { - width: 66.66667%; } - .mui-col-sm-9 { - width: 75%; } - .mui-col-sm-10 { - width: 83.33333%; } - .mui-col-sm-11 { - width: 91.66667%; } - .mui-col-sm-12 { - width: 100%; } - .mui-col-sm-offset-0 { - margin-left: 0%; } - .mui-col-sm-offset-1 { - margin-left: 8.33333%; } - .mui-col-sm-offset-2 { - margin-left: 16.66667%; } - .mui-col-sm-offset-3 { - margin-left: 25%; } - .mui-col-sm-offset-4 { - margin-left: 33.33333%; } - .mui-col-sm-offset-5 { - margin-left: 41.66667%; } - .mui-col-sm-offset-6 { - margin-left: 50%; } - .mui-col-sm-offset-7 { - margin-left: 58.33333%; } - .mui-col-sm-offset-8 { - margin-left: 66.66667%; } - .mui-col-sm-offset-9 { - margin-left: 75%; } - .mui-col-sm-offset-10 { - margin-left: 83.33333%; } - .mui-col-sm-offset-11 { - margin-left: 91.66667%; } - .mui-col-sm-offset-12 { - margin-left: 100%; } } - -@media (min-width: 768px) { - .mui-col-md-1, .mui-col-md-2, .mui-col-md-3, .mui-col-md-4, .mui-col-md-5, .mui-col-md-6, .mui-col-md-7, .mui-col-md-8, .mui-col-md-9, .mui-col-md-10, .mui-col-md-11, .mui-col-md-12 { - float: left; } - .mui-col-md-1 { - width: 8.33333%; } - .mui-col-md-2 { - width: 16.66667%; } - .mui-col-md-3 { - width: 25%; } - .mui-col-md-4 { - width: 33.33333%; } - .mui-col-md-5 { - width: 41.66667%; } - .mui-col-md-6 { - width: 50%; } - .mui-col-md-7 { - width: 58.33333%; } - .mui-col-md-8 { - width: 66.66667%; } - .mui-col-md-9 { - width: 75%; } - .mui-col-md-10 { - width: 83.33333%; } - .mui-col-md-11 { - width: 91.66667%; } - .mui-col-md-12 { - width: 100%; } - .mui-col-md-offset-0 { - margin-left: 0%; } - .mui-col-md-offset-1 { - margin-left: 8.33333%; } - .mui-col-md-offset-2 { - margin-left: 16.66667%; } - .mui-col-md-offset-3 { - margin-left: 25%; } - .mui-col-md-offset-4 { - margin-left: 33.33333%; } - .mui-col-md-offset-5 { - margin-left: 41.66667%; } - .mui-col-md-offset-6 { - margin-left: 50%; } - .mui-col-md-offset-7 { - margin-left: 58.33333%; } - .mui-col-md-offset-8 { - margin-left: 66.66667%; } - .mui-col-md-offset-9 { - margin-left: 75%; } - .mui-col-md-offset-10 { - margin-left: 83.33333%; } - .mui-col-md-offset-11 { - margin-left: 91.66667%; } - .mui-col-md-offset-12 { - margin-left: 100%; } } - -@media (min-width: 992px) { - .mui-col-lg-1, .mui-col-lg-2, .mui-col-lg-3, .mui-col-lg-4, .mui-col-lg-5, .mui-col-lg-6, .mui-col-lg-7, .mui-col-lg-8, .mui-col-lg-9, .mui-col-lg-10, .mui-col-lg-11, .mui-col-lg-12 { - float: left; } - .mui-col-lg-1 { - width: 8.33333%; } - .mui-col-lg-2 { - width: 16.66667%; } - .mui-col-lg-3 { - width: 25%; } - .mui-col-lg-4 { - width: 33.33333%; } - .mui-col-lg-5 { - width: 41.66667%; } - .mui-col-lg-6 { - width: 50%; } - .mui-col-lg-7 { - width: 58.33333%; } - .mui-col-lg-8 { - width: 66.66667%; } - .mui-col-lg-9 { - width: 75%; } - .mui-col-lg-10 { - width: 83.33333%; } - .mui-col-lg-11 { - width: 91.66667%; } - .mui-col-lg-12 { - width: 100%; } - .mui-col-lg-offset-0 { - margin-left: 0%; } - .mui-col-lg-offset-1 { - margin-left: 8.33333%; } - .mui-col-lg-offset-2 { - margin-left: 16.66667%; } - .mui-col-lg-offset-3 { - margin-left: 25%; } - .mui-col-lg-offset-4 { - margin-left: 33.33333%; } - .mui-col-lg-offset-5 { - margin-left: 41.66667%; } - .mui-col-lg-offset-6 { - margin-left: 50%; } - .mui-col-lg-offset-7 { - margin-left: 58.33333%; } - .mui-col-lg-offset-8 { - margin-left: 66.66667%; } - .mui-col-lg-offset-9 { - margin-left: 75%; } - .mui-col-lg-offset-10 { - margin-left: 83.33333%; } - .mui-col-lg-offset-11 { - margin-left: 91.66667%; } - .mui-col-lg-offset-12 { - margin-left: 100%; } } - -@media (min-width: 1200px) { - .mui-col-xl-1, .mui-col-xl-2, .mui-col-xl-3, .mui-col-xl-4, .mui-col-xl-5, .mui-col-xl-6, .mui-col-xl-7, .mui-col-xl-8, .mui-col-xl-9, .mui-col-xl-10, .mui-col-xl-11, .mui-col-xl-12 { - float: left; } - .mui-col-xl-1 { - width: 8.33333%; } - .mui-col-xl-2 { - width: 16.66667%; } - .mui-col-xl-3 { - width: 25%; } - .mui-col-xl-4 { - width: 33.33333%; } - .mui-col-xl-5 { - width: 41.66667%; } - .mui-col-xl-6 { - width: 50%; } - .mui-col-xl-7 { - width: 58.33333%; } - .mui-col-xl-8 { - width: 66.66667%; } - .mui-col-xl-9 { - width: 75%; } - .mui-col-xl-10 { - width: 83.33333%; } - .mui-col-xl-11 { - width: 91.66667%; } - .mui-col-xl-12 { - width: 100%; } - .mui-col-xl-offset-0 { - margin-left: 0%; } - .mui-col-xl-offset-1 { - margin-left: 8.33333%; } - .mui-col-xl-offset-2 { - margin-left: 16.66667%; } - .mui-col-xl-offset-3 { - margin-left: 25%; } - .mui-col-xl-offset-4 { - margin-left: 33.33333%; } - .mui-col-xl-offset-5 { - margin-left: 41.66667%; } - .mui-col-xl-offset-6 { - margin-left: 50%; } - .mui-col-xl-offset-7 { - margin-left: 58.33333%; } - .mui-col-xl-offset-8 { - margin-left: 66.66667%; } - .mui-col-xl-offset-9 { - margin-left: 75%; } - .mui-col-xl-offset-10 { - margin-left: 83.33333%; } - .mui-col-xl-offset-11 { - margin-left: 91.66667%; } - .mui-col-xl-offset-12 { - margin-left: 100%; } } - -/** - * MUI Panel module - */ -.mui-panel { - padding: 15px; - margin-bottom: 20px; - border-radius: 0; - background-color: #FFF; - box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0px 2px 0 rgba(0, 0, 0, 0.12); } - .mui-panel:before, .mui-panel:after { - content: " "; - display: table; } - .mui-panel:after { - clear: both; } - @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { - .mui-panel { - box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.12), -1px 0px 2px 0 rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.16), 0 0px 2px 0 rgba(0, 0, 0, 0.12); } } - -/** - * MUI Select Component - */ -.mui-select { - display: block; - padding-top: 15px; - margin-bottom: 20px; - position: relative; } - .mui-select:focus { - outline: 0; } - .mui-select:focus > select { - height: 33px; - margin-bottom: -1px; - border-color: #2196F3; - border-width: 2px; } - .mui-select > select { - animation-duration: 0.0001s; - animation-name: mui-node-inserted; - display: block; - height: 32px; - width: 100%; - appearance: none; - -webkit-appearance: none; - -moz-appearance: none; - outline: none; - border: none; - border-bottom: 1px solid rgba(0, 0, 0, 0.26); - border-radius: 0px; - box-shadow: none; - background-color: transparent; - background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNiIgd2lkdGg9IjEwIj48cG9seWdvbiBwb2ludHM9IjAsMCAxMCwwIDUsNiIgc3R5bGU9ImZpbGw6cmdiYSgwLDAsMCwuMjQpOyIvPjwvc3ZnPg=="); - background-repeat: no-repeat; - background-position: right center; - cursor: pointer; - color: rgba(0, 0, 0, 0.87); - font-size: 16px; - padding: 0 25px 0 0; } - .mui-select > select::-ms-expand { - display: none; } - .mui-select > select:focus { - outline: 0; - height: 33px; - margin-bottom: -1px; - border-color: #2196F3; - border-width: 2px; } - .mui-select > select:disabled { - color: rgba(0, 0, 0, 0.38); - cursor: not-allowed; - background-color: transparent; - opacity: 1; } - -.mui-select__menu { - position: absolute; - z-index: 2; - min-width: 100%; - overflow-y: auto; - padding: 8px 0; - background-color: #FFF; - font-size: 16px; } - @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { - .mui-select__menu { - border-left: 1px solid rgba(0, 0, 0, 0.12); - border-top: 1px solid rgba(0, 0, 0, 0.12); } } - .mui-select__menu > div { - padding: 0 22px; - height: 42px; - line-height: 42px; - cursor: pointer; - white-space: nowrap; } - .mui-select__menu > div:hover { - background-color: #E0E0E0; } - .mui-select__menu > div.mui--is-selected { - background-color: #EEEEEE; } - -/** - * MUI Table Component - */ -th { - text-align: left; } - -.mui-table { - width: 100%; - max-width: 100%; - margin-bottom: 20px; } - .mui-table > thead > tr > th, - .mui-table > thead > tr > td, - .mui-table > tbody > tr > th, - .mui-table > tbody > tr > td, - .mui-table > tfoot > tr > th, - .mui-table > tfoot > tr > td { - padding: 10px; - line-height: 1.429; } - .mui-table > thead > tr > th { - border-bottom: 2px solid rgba(0, 0, 0, 0.12); - font-weight: 700; } - .mui-table > tbody + tbody { - border-top: 2px solid rgba(0, 0, 0, 0.12); } - .mui-table.mui-table--bordered > tbody > tr > td { - border-bottom: 1px solid rgba(0, 0, 0, 0.12); } - -/** - * MUI Tabs module - */ -.mui-tabs__bar { - list-style: none; - padding-left: 0; - margin-bottom: 0; - background-color: transparent; - white-space: nowrap; - overflow-x: auto; } - .mui-tabs__bar > li { - display: inline-block; } - .mui-tabs__bar > li > a { - display: block; - white-space: nowrap; - text-transform: uppercase; - font-weight: 500; - font-size: 14px; - color: rgba(255, 255, 255, 0.87); - cursor: default; - height: 48px; - line-height: 48px; - padding-left: 24px; - padding-right: 24px; - user-select: none; } - .mui-tabs__bar > li > a:hover { - text-decoration: none; } - .mui-tabs__bar > li.mui--is-active { - border-bottom: 2px solid #2196F3; } - .mui-tabs__bar > li.mui--is-active > a { - color: #2196F3; } - .mui-tabs__bar.mui-tabs__bar--justified { - display: table; - width: 100%; - table-layout: fixed; } - .mui-tabs__bar.mui-tabs__bar--justified > li { - display: table-cell; } - .mui-tabs__bar.mui-tabs__bar--justified > li > a { - text-align: center; - padding-left: 0px; - padding-right: 0px; } - -.mui-tabs__pane { - display: none; } - .mui-tabs__pane.mui--is-active { - display: block; } - -[data-mui-toggle="tab"] { - animation-duration: 0.0001s; - animation-name: mui-node-inserted; } - -/** - * MUI Textfield Component - */ -.mui-textfield { - display: block; - padding-top: 15px; - margin-bottom: 20px; - position: relative; } - .mui-textfield > label { - position: absolute; - top: 0; - display: block; - width: 100%; - color: rgba(0, 0, 0, 0.54); - font-size: 12px; - font-weight: 400; - line-height: 15px; - overflow-x: hidden; - text-overflow: ellipsis; - white-space: nowrap; } - .mui-textfield > textarea { - padding-top: 5px; } - .mui-textfield > input, - .mui-textfield > textarea { - display: block; } - .mui-textfield > input:focus ~ label, - .mui-textfield > textarea:focus ~ label { - color: #2196F3; } - -.mui-textfield--float-label > label { - position: absolute; - transform: translate(0px, 15px); - font-size: 16px; - line-height: 32px; - color: rgba(0, 0, 0, 0.26); - text-overflow: clip; - cursor: text; - pointer-events: none; } - -.mui-textfield--float-label > input:focus ~ label, -.mui-textfield--float-label > textarea:focus ~ label { - transform: translate(0px, 0px); - font-size: 12px; - line-height: 15px; - text-overflow: ellipsis; } - -.mui-textfield--float-label > input:not(:focus).mui--is-not-empty ~ label, .mui-textfield--float-label > input:not(:focus)[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty) ~ label, .mui-textfield--float-label > input:not(:focus):not(:empty):not(.mui--is-empty):not(.mui--is-not-empty) ~ label, -.mui-textfield--float-label > textarea:not(:focus).mui--is-not-empty ~ label, -.mui-textfield--float-label > textarea:not(:focus)[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty) ~ label, -.mui-textfield--float-label > textarea:not(:focus):not(:empty):not(.mui--is-empty):not(.mui--is-not-empty) ~ label { - color: rgba(0, 0, 0, 0.54); - font-size: 12px; - line-height: 15px; - transform: translate(0px, 0px); - text-overflow: ellipsis; } - -.mui-textfield--wrap-label { - display: table; - width: 100%; - padding-top: 0px; } - .mui-textfield--wrap-label:not(.mui-textfield--float-label) > label { - display: table-header-group; - position: static; - white-space: normal; - overflow-x: visible; } - -.mui-textfield > input, -.mui-textfield > textarea { - animation-duration: 0.0001s; - animation-name: mui-node-inserted; - display: block; - background-color: transparent; - color: rgba(0, 0, 0, 0.87); - border: none; - border-bottom: 1px solid rgba(0, 0, 0, 0.26); - outline: none; - width: 100%; - font-size: 16px; - padding: 0; - box-shadow: none; - border-radius: 0px; - background-image: none; } - .mui-textfield > input:focus, - .mui-textfield > textarea:focus { - border-color: #2196F3; - border-width: 2px; } - .mui-textfield > input:disabled, .mui-textfield > input:read-only, - .mui-textfield > textarea:disabled, - .mui-textfield > textarea:read-only { - cursor: not-allowed; - background-color: transparent; - opacity: 1; } - .mui-textfield > input::placeholder, - .mui-textfield > textarea::placeholder { - color: rgba(0, 0, 0, 0.26); - opacity: 1; } - -.mui-textfield > input { - height: 32px; } - .mui-textfield > input:focus { - height: 33px; - margin-bottom: -1px; } - -.mui-textfield > textarea { - min-height: 64px; } - .mui-textfield > textarea[rows]:not([rows="2"]):focus { - margin-bottom: -1px; } - -.mui-textfield > input:focus { - height: 33px; - margin-bottom: -1px; } - -.mui-textfield > input:invalid:not(:focus):not(:required), .mui-textfield > input:invalid:not(:focus):required.mui--is-not-empty, .mui-textfield > input:invalid:not(:focus):required.mui--is-empty.mui--is-dirty, .mui-textfield > input:invalid:not(:focus):required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty), .mui-textfield > input:invalid:not(:focus):required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty), -.mui-textfield > textarea:invalid:not(:focus):not(:required), -.mui-textfield > textarea:invalid:not(:focus):required.mui--is-not-empty, -.mui-textfield > textarea:invalid:not(:focus):required.mui--is-empty.mui--is-dirty, -.mui-textfield > textarea:invalid:not(:focus):required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty), -.mui-textfield > textarea:invalid:not(:focus):required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty), -.mui-textfield > input:not(:focus).mui--is-invalid:not(:required), -.mui-textfield > input:not(:focus).mui--is-invalid:required.mui--is-not-empty, -.mui-textfield > input:not(:focus).mui--is-invalid:required.mui--is-empty.mui--is-dirty, -.mui-textfield > input:not(:focus).mui--is-invalid:required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty), -.mui-textfield > input:not(:focus).mui--is-invalid:required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty), -.mui-textfield > textarea:not(:focus).mui--is-invalid:not(:required), -.mui-textfield > textarea:not(:focus).mui--is-invalid:required.mui--is-not-empty, -.mui-textfield > textarea:not(:focus).mui--is-invalid:required.mui--is-empty.mui--is-dirty, -.mui-textfield > textarea:not(:focus).mui--is-invalid:required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty), -.mui-textfield > textarea:not(:focus).mui--is-invalid:required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty) { - border-color: #F44336; - border-width: 2px; } - -.mui-textfield > input:invalid:not(:focus):not(:required), .mui-textfield > input:invalid:not(:focus):required.mui--is-not-empty, .mui-textfield > input:invalid:not(:focus):required.mui--is-empty.mui--is-dirty, .mui-textfield > input:invalid:not(:focus):required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty), .mui-textfield > input:invalid:not(:focus):required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty), -.mui-textfield > input:not(:focus).mui--is-invalid:not(:required), -.mui-textfield > input:not(:focus).mui--is-invalid:required.mui--is-not-empty, -.mui-textfield > input:not(:focus).mui--is-invalid:required.mui--is-empty.mui--is-dirty, -.mui-textfield > input:not(:focus).mui--is-invalid:required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty), -.mui-textfield > input:not(:focus).mui--is-invalid:required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty) { - height: 33px; - margin-bottom: -1px; } - -.mui-textfield > input:invalid:not(:focus):not(:required) ~ label, .mui-textfield > input:invalid:not(:focus):required.mui--is-not-empty ~ label, .mui-textfield > input:invalid:not(:focus):required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty) ~ label, .mui-textfield > input:invalid:not(:focus):required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty) ~ label, -.mui-textfield > textarea:invalid:not(:focus):not(:required) ~ label, -.mui-textfield > textarea:invalid:not(:focus):required.mui--is-not-empty ~ label, -.mui-textfield > textarea:invalid:not(:focus):required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty) ~ label, -.mui-textfield > textarea:invalid:not(:focus):required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty) ~ label, -.mui-textfield > input:not(:focus).mui--is-invalid:not(:required) ~ label, -.mui-textfield > input:not(:focus).mui--is-invalid:required.mui--is-not-empty ~ label, -.mui-textfield > input:not(:focus).mui--is-invalid:required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty) ~ label, -.mui-textfield > input:not(:focus).mui--is-invalid:required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty) ~ label, -.mui-textfield > textarea:not(:focus).mui--is-invalid:not(:required) ~ label, -.mui-textfield > textarea:not(:focus).mui--is-invalid:required.mui--is-not-empty ~ label, -.mui-textfield > textarea:not(:focus).mui--is-invalid:required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty) ~ label, -.mui-textfield > textarea:not(:focus).mui--is-invalid:required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty) ~ label { - color: #F44336; } - -.mui-textfield:not(.mui-textfield--float-label) > input:invalid:not(:focus):required.mui--is-empty.mui--is-dirty ~ label, -.mui-textfield:not(.mui-textfield--float-label) > textarea:invalid:not(:focus):required.mui--is-empty.mui--is-dirty ~ label, -.mui-textfield:not(.mui-textfield--float-label) > input:not(:focus).mui--is-invalid:required.mui--is-empty.mui--is-dirty ~ label, -.mui-textfield:not(.mui-textfield--float-label) > textarea:not(:focus).mui--is-invalid:required.mui--is-empty.mui--is-dirty ~ label { - color: #F44336; } - -/** - * MUI Helpers module - */ -@keyframes mui-node-inserted { - from { - opacity: 0.99; } - to { - opacity: 1; } } - -.mui--no-transition { - transition: none !important; } - -.mui--no-user-select { - user-select: none; } - -.mui-caret { - display: inline-block; - width: 0; - height: 0; - margin-left: 2px; - vertical-align: middle; - border-top: 4px solid; - border-right: 4px solid transparent; - border-left: 4px solid transparent; } - -.mui--text-left { - text-align: left !important; } - -.mui--text-right { - text-align: right !important; } - -.mui--text-center { - text-align: center !important; } - -.mui--text-justify { - text-align: justify !important; } - -.mui--text-nowrap { - white-space: nowrap !important; } - -.mui--align-baseline { - vertical-align: baseline !important; } - -.mui--align-top { - vertical-align: top !important; } - -.mui--align-middle { - vertical-align: middle !important; } - -.mui--align-bottom { - vertical-align: bottom !important; } - -.mui--text-dark { - color: rgba(0, 0, 0, 0.87); } - -.mui--text-dark-secondary { - color: rgba(0, 0, 0, 0.54); } - -.mui--text-dark-hint { - color: rgba(0, 0, 0, 0.38); } - -.mui--text-light { - color: #FFF; } - -.mui--text-light-secondary { - color: rgba(255, 255, 255, 0.7); } - -.mui--text-light-hint { - color: rgba(255, 255, 255, 0.3); } - -.mui--text-accent { - color: rgba(0, 76, 109, 0.87); } - -.mui--text-accent-secondary { - color: rgba(0, 76, 109, 0.54); } - -.mui--text-accent-hint { - color: rgba(0, 76, 109, 0.38); } - -.mui--text-black { - color: #000; } - -.mui--text-white { - color: #FFF; } - -.mui--text-danger { - color: #F44336; } - -.mui-list--unstyled { - padding-left: 0; - list-style: none; } - -.mui-list--inline { - padding-left: 0; - list-style: none; - margin-left: -5px; } - .mui-list--inline > li { - display: inline-block; - padding-left: 5px; - padding-right: 5px; } - -.mui--z1, .mui-dropdown__menu, .mui-select__menu { - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } - -.mui--z2 { - box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); } - -.mui--z3 { - box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); } - -.mui--z4 { - box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); } - -.mui--z5 { - box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22); } - -.mui--clearfix:before, .mui--clearfix:after { - content: " "; - display: table; } - -.mui--clearfix:after { - clear: both; } - -.mui--pull-right { - float: right !important; } - -.mui--pull-left { - float: left !important; } - -.mui--hide { - display: none !important; } - -.mui--show { - display: block !important; } - -.mui--invisible { - visibility: hidden; } - -.mui--overflow-hidden { - overflow: hidden !important; } - -.mui--overflow-hidden-x { - overflow-x: hidden !important; } - -.mui--overflow-hidden-y { - overflow-y: hidden !important; } - -.mui--visible-xs-block, -.mui--visible-xs-inline, -.mui--visible-xs-inline-block, -.mui--visible-sm-block, -.mui--visible-sm-inline, -.mui--visible-sm-inline-block, -.mui--visible-md-block, -.mui--visible-md-inline, -.mui--visible-md-inline-block, -.mui--visible-lg-block, -.mui--visible-lg-inline, -.mui--visible-lg-inline-block, -.mui--visible-xl-block, -.mui--visible-xl-inline, -.mui--visible-xl-inline-block { - display: none !important; } - -@media (max-width: 543px) { - .mui-visible-xs { - display: block !important; } - table.mui-visible-xs { - display: table; } - tr.mui-visible-xs { - display: table-row !important; } - th.mui-visible-xs, - td.mui-visible-xs { - display: table-cell !important; } - .mui--visible-xs-block { - display: block !important; } - .mui--visible-xs-inline { - display: inline !important; } - .mui--visible-xs-inline-block { - display: inline-block !important; } } - -@media (min-width: 544px) and (max-width: 767px) { - .mui-visible-sm { - display: block !important; } - table.mui-visible-sm { - display: table; } - tr.mui-visible-sm { - display: table-row !important; } - th.mui-visible-sm, - td.mui-visible-sm { - display: table-cell !important; } - .mui--visible-sm-block { - display: block !important; } - .mui--visible-sm-inline { - display: inline !important; } - .mui--visible-sm-inline-block { - display: inline-block !important; } } - -@media (min-width: 768px) and (max-width: 991px) { - .mui-visible-md { - display: block !important; } - table.mui-visible-md { - display: table; } - tr.mui-visible-md { - display: table-row !important; } - th.mui-visible-md, - td.mui-visible-md { - display: table-cell !important; } - .mui--visible-md-block { - display: block !important; } - .mui--visible-md-inline { - display: inline !important; } - .mui--visible-md-inline-block { - display: inline-block !important; } } - -@media (min-width: 992px) and (max-width: 1199px) { - .mui-visible-lg { - display: block !important; } - table.mui-visible-lg { - display: table; } - tr.mui-visible-lg { - display: table-row !important; } - th.mui-visible-lg, - td.mui-visible-lg { - display: table-cell !important; } - .mui--visible-lg-block { - display: block !important; } - .mui--visible-lg-inline { - display: inline !important; } - .mui--visible-lg-inline-block { - display: inline-block !important; } } - -@media (min-width: 1200px) { - .mui-visible-xl { - display: block !important; } - table.mui-visible-xl { - display: table; } - tr.mui-visible-xl { - display: table-row !important; } - th.mui-visible-xl, - td.mui-visible-xl { - display: table-cell !important; } - .mui--visible-xl-block { - display: block !important; } - .mui--visible-xl-inline { - display: inline !important; } - .mui--visible-xl-inline-block { - display: inline-block !important; } } - -@media (max-width: 543px) { - .mui--hidden-xs { - display: none !important; } } - -@media (min-width: 544px) and (max-width: 767px) { - .mui--hidden-sm { - display: none !important; } } - -@media (min-width: 768px) and (max-width: 991px) { - .mui--hidden-md { - display: none !important; } } - -@media (min-width: 992px) and (max-width: 1199px) { - .mui--hidden-lg { - display: none !important; } } - -@media (min-width: 1200px) { - .mui--hidden-xl { - display: none !important; } } - -body.mui-body--scroll-lock { - overflow: hidden !important; } - -/** - * MUI Overlay module - */ -#mui-overlay { - position: fixed; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 99999999; - background-color: rgba(0, 0, 0, 0.2); - overflow: auto; } - -/** - * MUI Ripple module - */ -.mui-ripple-effect { - position: absolute; - border-radius: 50%; - pointer-events: none; - opacity: 0; - animation: mui-ripple-animation 2s; } - -@keyframes mui-ripple-animation { - from { - transform: scale(1); - opacity: 0.4; } - to { - transform: scale(100); - opacity: 0; } } - -.mui-btn > .mui-ripple-effect { - background-color: #a6a6a6; } - -.mui-btn--primary > .mui-ripple-effect { - background-color: #FFF; } - -.mui-btn--dark > .mui-ripple-effect { - background-color: #FFF; } - -.mui-btn--danger > .mui-ripple-effect { - background-color: #FFF; } - -.mui-btn--accent > .mui-ripple-effect { - background-color: #FFF; } - -.mui-btn--flat > .mui-ripple-effect { - background-color: #a6a6a6; } - -/** - * MUI Typography module - */ -.mui--text-display4 { - font-weight: 300; - font-size: 112px; - line-height: 112px; } - -.mui--text-display3 { - font-weight: 400; - font-size: 56px; - line-height: 56px; } - -.mui--text-display2 { - font-weight: 400; - font-size: 45px; - line-height: 48px; } - -.mui--text-display1, h1 { - font-weight: 400; - font-size: 34px; - line-height: 40px; } - -.mui--text-headline, h2 { - font-weight: 400; - font-size: 24px; - line-height: 32px; } - -.mui--text-title, h3 { - font-weight: 400; - font-size: 20px; - line-height: 28px; } - -.mui--text-subhead, h4 { - font-weight: 400; - font-size: 16px; - line-height: 24px; } - -.mui--text-body2, h5 { - font-weight: 500; - font-size: 14px; - line-height: 24px; } - -.mui--text-body1 { - font-weight: 400; - font-size: 14px; - line-height: 20px; } - -.mui--text-caption { - font-weight: 400; - font-size: 12px; - line-height: 16px; } - -.mui--text-menu { - font-weight: 500; - font-size: 13px; - line-height: 17px; } - -.mui--text-button { - font-weight: 500; - font-size: 14px; - line-height: 18px; - text-transform: uppercase; } - +/*! 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{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;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}*{box-sizing:border-box}*:before,*:after{box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:transparent}body{font-family:Ubuntu,"Helvetica Neue",Helvetica,Arial,Verdana,Tahoma;font-size:14px;font-weight:400;line-height:1.429;color:rgba(255,255,255,0.87);background-color:#424242}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#2196F3;text-decoration:none}a:hover,a:focus{color:#1976D2;text-decoration:underline}a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}p{margin:0 0 10px}ul,ol{margin-top:0;margin-bottom:10px}figure{margin:0}img{vertical-align:middle}hr{margin-top:20px;margin-bottom:20px;border:0;height:1px;background-color:rgba(0,0,0,0.12)}legend{display:block;width:100%;padding:0;margin-bottom:10px;font-size:21px;color:rgba(255,255,255,0.87);line-height:inherit;border:0}input[type="search"]{box-sizing:border-box;-webkit-appearance:none}input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}input[type="radio"]:disabled,input[type="checkbox"]:disabled{cursor:not-allowed}strong{font-weight:700}abbr[title]{cursor:help;border-bottom:1px dotted #2196F3}h1,h2,h3{margin-top:20px;margin-bottom:10px}h4,h5,h6{margin-top:10px;margin-bottom:10px}.mui--appbar-height{height:56px}.mui--appbar-min-height,.mui-appbar{min-height:56px}.mui--appbar-line-height{line-height:56px}.mui--appbar-top{top:56px}@media (orientation: landscape) and (max-height: 480px){.mui--appbar-height{height:48px}.mui--appbar-min-height,.mui-appbar{min-height:48px}.mui--appbar-line-height{line-height:48px}.mui--appbar-top{top:48px}}@media (min-width: 480px){.mui--appbar-height{height:64px}.mui--appbar-min-height,.mui-appbar{min-height:64px}.mui--appbar-line-height{line-height:64px}.mui--appbar-top{top:64px}}.mui-appbar{background-color:#004c6d;color:#fff}.mui-btn{animation-duration:0.0001s;animation-name:mui-node-inserted;font-weight:500;font-size:14px;line-height:18px;text-transform:uppercase;color:rgba(255,255,255,0.87);background-color:#fff;transition:all 0.2s ease-in-out;display:inline-block;height:36px;padding:0 26px;margin-top:6px;margin-bottom:6px;border:none;border-radius:2px;cursor:pointer;touch-action:manipulation;background-image:none;text-align:center;line-height:36px;vertical-align:middle;white-space:nowrap;user-select:none;font-size:14px;letter-spacing:0.03em;position:relative;overflow:hidden}.mui-btn:hover,.mui-btn:focus,.mui-btn:active{color:rgba(255,255,255,0.87);background-color:#fff}.mui-btn[disabled]:hover,.mui-btn[disabled]:focus,.mui-btn[disabled]:active{color:rgba(255,255,255,0.87);background-color:#fff}.mui-btn.mui-btn--flat{color:rgba(255,255,255,0.87);background-color:transparent}.mui-btn.mui-btn--flat:hover,.mui-btn.mui-btn--flat:focus,.mui-btn.mui-btn--flat:active{color:rgba(255,255,255,0.87);background-color:#f2f2f2}.mui-btn.mui-btn--flat[disabled]:hover,.mui-btn.mui-btn--flat[disabled]:focus,.mui-btn.mui-btn--flat[disabled]:active{color:rgba(255,255,255,0.87);background-color:transparent}.mui-btn:hover,.mui-btn:focus,.mui-btn:active{outline:0;text-decoration:none;color:rgba(255,255,255,0.87)}.mui-btn:hover,.mui-btn:focus{box-shadow:0 0px 2px rgba(0,0,0,0.12),0 2px 2px rgba(0,0,0,0.2)}@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){.mui-btn:hover,.mui-btn:focus{box-shadow:0 -1px 2px rgba(0,0,0,0.12),-1px 0px 2px rgba(0,0,0,0.12),0 0px 2px rgba(0,0,0,0.12),0 2px 2px rgba(0,0,0,0.2)}}.mui-btn:active{box-shadow:0 10px 20px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.23)}@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){.mui-btn:active{box-shadow:0 -1px 2px rgba(0,0,0,0.12),-1px 0px 2px rgba(0,0,0,0.12),0 10px 20px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.23)}}.mui-btn:disabled,.mui-btn.mui--is-disabled{cursor:not-allowed;pointer-events:none;opacity:0.60;box-shadow:none}.mui-btn+.mui-btn{margin-left:8px}.mui-btn--flat{background-color:transparent}.mui-btn--flat:hover,.mui-btn--flat:focus,.mui-btn--flat:active{box-shadow:none;background-color:#f2f2f2}.mui-btn--raised,.mui-btn--fab{box-shadow:0 0px 2px rgba(0,0,0,0.12),0 2px 2px rgba(0,0,0,0.2)}@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){.mui-btn--raised,.mui-btn--fab{box-shadow:0 -1px 2px rgba(0,0,0,0.12),-1px 0px 2px rgba(0,0,0,0.12),0 0px 2px rgba(0,0,0,0.12),0 2px 2px rgba(0,0,0,0.2)}}.mui-btn--raised:active,.mui-btn--fab:active{box-shadow:0 10px 20px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.23)}@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){.mui-btn--raised:active,.mui-btn--fab:active{box-shadow:0 -1px 2px rgba(0,0,0,0.12),-1px 0px 2px rgba(0,0,0,0.12),0 10px 20px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.23)}}.mui-btn--fab{position:relative;padding:0;width:55px;height:55px;line-height:55px;border-radius:50%;z-index:1}.mui-btn--primary{color:#fff;background-color:#2196F3}.mui-btn--primary:hover,.mui-btn--primary:focus,.mui-btn--primary:active{color:#fff;background-color:#39a1f4}.mui-btn--primary[disabled]:hover,.mui-btn--primary[disabled]:focus,.mui-btn--primary[disabled]:active{color:#fff;background-color:#2196F3}.mui-btn--primary.mui-btn--flat{color:#2196F3;background-color:transparent}.mui-btn--primary.mui-btn--flat:hover,.mui-btn--primary.mui-btn--flat:focus,.mui-btn--primary.mui-btn--flat:active{color:#2196F3;background-color:#f2f2f2}.mui-btn--primary.mui-btn--flat[disabled]:hover,.mui-btn--primary.mui-btn--flat[disabled]:focus,.mui-btn--primary.mui-btn--flat[disabled]:active{color:#2196F3;background-color:transparent}.mui-btn--dark{color:#fff;background-color:#424242}.mui-btn--dark:hover,.mui-btn--dark:focus,.mui-btn--dark:active{color:#fff;background-color:#4f4f4f}.mui-btn--dark[disabled]:hover,.mui-btn--dark[disabled]:focus,.mui-btn--dark[disabled]:active{color:#fff;background-color:#424242}.mui-btn--dark.mui-btn--flat{color:#424242;background-color:transparent}.mui-btn--dark.mui-btn--flat:hover,.mui-btn--dark.mui-btn--flat:focus,.mui-btn--dark.mui-btn--flat:active{color:#424242;background-color:#f2f2f2}.mui-btn--dark.mui-btn--flat[disabled]:hover,.mui-btn--dark.mui-btn--flat[disabled]:focus,.mui-btn--dark.mui-btn--flat[disabled]:active{color:#424242;background-color:transparent}.mui-btn--danger{color:#fff;background-color:#F44336}.mui-btn--danger:hover,.mui-btn--danger:focus,.mui-btn--danger:active{color:#fff;background-color:#f55a4e}.mui-btn--danger[disabled]:hover,.mui-btn--danger[disabled]:focus,.mui-btn--danger[disabled]:active{color:#fff;background-color:#F44336}.mui-btn--danger.mui-btn--flat{color:#F44336;background-color:transparent}.mui-btn--danger.mui-btn--flat:hover,.mui-btn--danger.mui-btn--flat:focus,.mui-btn--danger.mui-btn--flat:active{color:#F44336;background-color:#f2f2f2}.mui-btn--danger.mui-btn--flat[disabled]:hover,.mui-btn--danger.mui-btn--flat[disabled]:focus,.mui-btn--danger.mui-btn--flat[disabled]:active{color:#F44336;background-color:transparent}.mui-btn--accent{color:#004c6d;background-color:#00aeef}.mui-btn--accent:hover,.mui-btn--accent:focus,.mui-btn--accent:active{color:#004c6d;background-color:#0abcff}.mui-btn--accent[disabled]:hover,.mui-btn--accent[disabled]:focus,.mui-btn--accent[disabled]:active{color:#004c6d;background-color:#00aeef}.mui-btn--accent.mui-btn--flat{color:#00aeef;background-color:transparent}.mui-btn--accent.mui-btn--flat:hover,.mui-btn--accent.mui-btn--flat:focus,.mui-btn--accent.mui-btn--flat:active{color:#00aeef;background-color:#f2f2f2}.mui-btn--accent.mui-btn--flat[disabled]:hover,.mui-btn--accent.mui-btn--flat[disabled]:focus,.mui-btn--accent.mui-btn--flat[disabled]:active{color:#00aeef;background-color:transparent}.mui-btn--small{height:30.6px;line-height:30.6px;padding:0 16px;font-size:13px}.mui-btn--large{height:54px;line-height:54px;padding:0 26px;font-size:14px}.mui-btn--fab.mui-btn--small{width:44px;height:44px;line-height:44px}.mui-btn--fab.mui-btn--large{width:75px;height:75px;line-height:75px}.mui-radio,.mui-checkbox{position:relative;display:block;margin-top:10px;margin-bottom:10px}.mui-radio>label,.mui-checkbox>label{min-height:20px;padding-left:20px;margin-bottom:0;font-weight:normal;cursor:pointer}.mui-radio>label>input[type="radio"],.mui-radio--inline>label>input[type="radio"],.mui-checkbox>label>input[type="checkbox"],.mui-checkbox--inline>label>input[type="checkbox"]{position:absolute;margin-left:-20px;margin-top:4px}.mui-radio+.mui-radio,.mui-checkbox+.mui-checkbox{margin-top:-5px}.mui-radio--inline,.mui-checkbox--inline{display:inline-block;padding-left:20px;margin-bottom:0;vertical-align:middle;font-weight:normal;cursor:pointer}.mui-radio--inline>input[type="radio"],.mui-radio--inline>input[type="checkbox"],.mui-radio--inline>label>input[type="radio"],.mui-radio--inline>label>input[type="checkbox"],.mui-checkbox--inline>input[type="radio"],.mui-checkbox--inline>input[type="checkbox"],.mui-checkbox--inline>label>input[type="radio"],.mui-checkbox--inline>label>input[type="checkbox"]{margin:4px 0 0;line-height:normal}.mui-radio--inline+.mui-radio--inline,.mui-checkbox--inline+.mui-checkbox--inline{margin-top:0;margin-left:10px}.mui-container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}.mui-container:before,.mui-container:after{content:" ";display:table}.mui-container:after{clear:both}@media (min-width: 544px){.mui-container{max-width:570px}}@media (min-width: 768px){.mui-container{max-width:740px}}@media (min-width: 992px){.mui-container{max-width:960px}}@media (min-width: 1200px){.mui-container{max-width:1170px}}.mui-container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}.mui-container-fluid:before,.mui-container-fluid:after{content:" ";display:table}.mui-container-fluid:after{clear:both}.mui-divider{display:block;height:1px;background-color:rgba(0,0,0,0.12)}.mui--divider-top{border-top:1px solid rgba(0,0,0,0.12)}.mui--divider-bottom{border-bottom:1px solid rgba(0,0,0,0.12)}.mui--divider-left{border-left:1px solid rgba(0,0,0,0.12)}.mui--divider-right{border-right:1px solid rgba(0,0,0,0.12)}.mui-dropdown{display:inline-block;position:relative}[data-mui-toggle="dropdown"]{animation-duration:0.0001s;animation-name:mui-node-inserted;outline:0}.mui-dropdown__menu{position:absolute;top:100%;left:0;display:none;min-width:160px;padding:5px 0;margin:2px 0 0;list-style:none;font-size:14px;text-align:left;background-color:#fff;border-radius:2px;z-index:1;background-clip:padding-box}.mui-dropdown__menu.mui--is-open{display:block}.mui-dropdown__menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:normal;line-height:1.429;color:rgba(255,255,255,0.87);white-space:nowrap}.mui-dropdown__menu>li>a:hover,.mui-dropdown__menu>li>a:focus{text-decoration:none;color:rgba(242,242,242,0.87);background-color:#eee}.mui-dropdown__menu>.mui--is-disabled>a,.mui-dropdown__menu>.mui--is-disabled>a:hover,.mui-dropdown__menu>.mui--is-disabled>a:focus{color:#eee}.mui-dropdown__menu>.mui--is-disabled>a:hover,.mui-dropdown__menu>.mui--is-disabled>a:focus{text-decoration:none;background-color:transparent;background-image:none;cursor:not-allowed}.mui-dropdown__menu--right{left:auto;right:0}@media (min-width: 544px){.mui-form--inline>.mui-textfield{display:inline-block;margin-bottom:0}.mui-form--inline>.mui-radio,.mui-form--inline>.mui-checkbox{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.mui-form--inline>.mui-radio>label,.mui-form--inline>.mui-checkbox>label{padding-left:0}.mui-form--inline>.mui-radio>label>input[type="radio"],.mui-form--inline>.mui-checkbox>label>input[type="checkbox"]{position:relative;margin-left:0}.mui-form--inline>.mui-select{display:inline-block}.mui-form--inline>.mui-btn{margin-bottom:0;margin-top:0;vertical-align:bottom}}.mui-row{margin-left:-15px;margin-right:-15px}.mui-row:before,.mui-row:after{content:" ";display:table}.mui-row:after{clear:both}.mui-col-xs-1,.mui-col-sm-1,.mui-col-md-1,.mui-col-lg-1,.mui-col-xs-2,.mui-col-sm-2,.mui-col-md-2,.mui-col-lg-2,.mui-col-xs-3,.mui-col-sm-3,.mui-col-md-3,.mui-col-lg-3,.mui-col-xs-4,.mui-col-sm-4,.mui-col-md-4,.mui-col-lg-4,.mui-col-xs-5,.mui-col-sm-5,.mui-col-md-5,.mui-col-lg-5,.mui-col-xs-6,.mui-col-sm-6,.mui-col-md-6,.mui-col-lg-6,.mui-col-xs-7,.mui-col-sm-7,.mui-col-md-7,.mui-col-lg-7,.mui-col-xs-8,.mui-col-sm-8,.mui-col-md-8,.mui-col-lg-8,.mui-col-xs-9,.mui-col-sm-9,.mui-col-md-9,.mui-col-lg-9,.mui-col-xs-10,.mui-col-sm-10,.mui-col-md-10,.mui-col-lg-10,.mui-col-xs-11,.mui-col-sm-11,.mui-col-md-11,.mui-col-lg-11,.mui-col-xs-12,.mui-col-sm-12,.mui-col-md-12,.mui-col-lg-12{min-height:1px;padding-left:15px;padding-right:15px}.mui-col-xs-1,.mui-col-xs-2,.mui-col-xs-3,.mui-col-xs-4,.mui-col-xs-5,.mui-col-xs-6,.mui-col-xs-7,.mui-col-xs-8,.mui-col-xs-9,.mui-col-xs-10,.mui-col-xs-11,.mui-col-xs-12{float:left}.mui-col-xs-1{width:8.33333%}.mui-col-xs-2{width:16.66667%}.mui-col-xs-3{width:25%}.mui-col-xs-4{width:33.33333%}.mui-col-xs-5{width:41.66667%}.mui-col-xs-6{width:50%}.mui-col-xs-7{width:58.33333%}.mui-col-xs-8{width:66.66667%}.mui-col-xs-9{width:75%}.mui-col-xs-10{width:83.33333%}.mui-col-xs-11{width:91.66667%}.mui-col-xs-12{width:100%}.mui-col-xs-offset-0{margin-left:0%}.mui-col-xs-offset-1{margin-left:8.33333%}.mui-col-xs-offset-2{margin-left:16.66667%}.mui-col-xs-offset-3{margin-left:25%}.mui-col-xs-offset-4{margin-left:33.33333%}.mui-col-xs-offset-5{margin-left:41.66667%}.mui-col-xs-offset-6{margin-left:50%}.mui-col-xs-offset-7{margin-left:58.33333%}.mui-col-xs-offset-8{margin-left:66.66667%}.mui-col-xs-offset-9{margin-left:75%}.mui-col-xs-offset-10{margin-left:83.33333%}.mui-col-xs-offset-11{margin-left:91.66667%}.mui-col-xs-offset-12{margin-left:100%}@media (min-width: 544px){.mui-col-sm-1,.mui-col-sm-2,.mui-col-sm-3,.mui-col-sm-4,.mui-col-sm-5,.mui-col-sm-6,.mui-col-sm-7,.mui-col-sm-8,.mui-col-sm-9,.mui-col-sm-10,.mui-col-sm-11,.mui-col-sm-12{float:left}.mui-col-sm-1{width:8.33333%}.mui-col-sm-2{width:16.66667%}.mui-col-sm-3{width:25%}.mui-col-sm-4{width:33.33333%}.mui-col-sm-5{width:41.66667%}.mui-col-sm-6{width:50%}.mui-col-sm-7{width:58.33333%}.mui-col-sm-8{width:66.66667%}.mui-col-sm-9{width:75%}.mui-col-sm-10{width:83.33333%}.mui-col-sm-11{width:91.66667%}.mui-col-sm-12{width:100%}.mui-col-sm-offset-0{margin-left:0%}.mui-col-sm-offset-1{margin-left:8.33333%}.mui-col-sm-offset-2{margin-left:16.66667%}.mui-col-sm-offset-3{margin-left:25%}.mui-col-sm-offset-4{margin-left:33.33333%}.mui-col-sm-offset-5{margin-left:41.66667%}.mui-col-sm-offset-6{margin-left:50%}.mui-col-sm-offset-7{margin-left:58.33333%}.mui-col-sm-offset-8{margin-left:66.66667%}.mui-col-sm-offset-9{margin-left:75%}.mui-col-sm-offset-10{margin-left:83.33333%}.mui-col-sm-offset-11{margin-left:91.66667%}.mui-col-sm-offset-12{margin-left:100%}}@media (min-width: 768px){.mui-col-md-1,.mui-col-md-2,.mui-col-md-3,.mui-col-md-4,.mui-col-md-5,.mui-col-md-6,.mui-col-md-7,.mui-col-md-8,.mui-col-md-9,.mui-col-md-10,.mui-col-md-11,.mui-col-md-12{float:left}.mui-col-md-1{width:8.33333%}.mui-col-md-2{width:16.66667%}.mui-col-md-3{width:25%}.mui-col-md-4{width:33.33333%}.mui-col-md-5{width:41.66667%}.mui-col-md-6{width:50%}.mui-col-md-7{width:58.33333%}.mui-col-md-8{width:66.66667%}.mui-col-md-9{width:75%}.mui-col-md-10{width:83.33333%}.mui-col-md-11{width:91.66667%}.mui-col-md-12{width:100%}.mui-col-md-offset-0{margin-left:0%}.mui-col-md-offset-1{margin-left:8.33333%}.mui-col-md-offset-2{margin-left:16.66667%}.mui-col-md-offset-3{margin-left:25%}.mui-col-md-offset-4{margin-left:33.33333%}.mui-col-md-offset-5{margin-left:41.66667%}.mui-col-md-offset-6{margin-left:50%}.mui-col-md-offset-7{margin-left:58.33333%}.mui-col-md-offset-8{margin-left:66.66667%}.mui-col-md-offset-9{margin-left:75%}.mui-col-md-offset-10{margin-left:83.33333%}.mui-col-md-offset-11{margin-left:91.66667%}.mui-col-md-offset-12{margin-left:100%}}@media (min-width: 992px){.mui-col-lg-1,.mui-col-lg-2,.mui-col-lg-3,.mui-col-lg-4,.mui-col-lg-5,.mui-col-lg-6,.mui-col-lg-7,.mui-col-lg-8,.mui-col-lg-9,.mui-col-lg-10,.mui-col-lg-11,.mui-col-lg-12{float:left}.mui-col-lg-1{width:8.33333%}.mui-col-lg-2{width:16.66667%}.mui-col-lg-3{width:25%}.mui-col-lg-4{width:33.33333%}.mui-col-lg-5{width:41.66667%}.mui-col-lg-6{width:50%}.mui-col-lg-7{width:58.33333%}.mui-col-lg-8{width:66.66667%}.mui-col-lg-9{width:75%}.mui-col-lg-10{width:83.33333%}.mui-col-lg-11{width:91.66667%}.mui-col-lg-12{width:100%}.mui-col-lg-offset-0{margin-left:0%}.mui-col-lg-offset-1{margin-left:8.33333%}.mui-col-lg-offset-2{margin-left:16.66667%}.mui-col-lg-offset-3{margin-left:25%}.mui-col-lg-offset-4{margin-left:33.33333%}.mui-col-lg-offset-5{margin-left:41.66667%}.mui-col-lg-offset-6{margin-left:50%}.mui-col-lg-offset-7{margin-left:58.33333%}.mui-col-lg-offset-8{margin-left:66.66667%}.mui-col-lg-offset-9{margin-left:75%}.mui-col-lg-offset-10{margin-left:83.33333%}.mui-col-lg-offset-11{margin-left:91.66667%}.mui-col-lg-offset-12{margin-left:100%}}@media (min-width: 1200px){.mui-col-xl-1,.mui-col-xl-2,.mui-col-xl-3,.mui-col-xl-4,.mui-col-xl-5,.mui-col-xl-6,.mui-col-xl-7,.mui-col-xl-8,.mui-col-xl-9,.mui-col-xl-10,.mui-col-xl-11,.mui-col-xl-12{float:left}.mui-col-xl-1{width:8.33333%}.mui-col-xl-2{width:16.66667%}.mui-col-xl-3{width:25%}.mui-col-xl-4{width:33.33333%}.mui-col-xl-5{width:41.66667%}.mui-col-xl-6{width:50%}.mui-col-xl-7{width:58.33333%}.mui-col-xl-8{width:66.66667%}.mui-col-xl-9{width:75%}.mui-col-xl-10{width:83.33333%}.mui-col-xl-11{width:91.66667%}.mui-col-xl-12{width:100%}.mui-col-xl-offset-0{margin-left:0%}.mui-col-xl-offset-1{margin-left:8.33333%}.mui-col-xl-offset-2{margin-left:16.66667%}.mui-col-xl-offset-3{margin-left:25%}.mui-col-xl-offset-4{margin-left:33.33333%}.mui-col-xl-offset-5{margin-left:41.66667%}.mui-col-xl-offset-6{margin-left:50%}.mui-col-xl-offset-7{margin-left:58.33333%}.mui-col-xl-offset-8{margin-left:66.66667%}.mui-col-xl-offset-9{margin-left:75%}.mui-col-xl-offset-10{margin-left:83.33333%}.mui-col-xl-offset-11{margin-left:91.66667%}.mui-col-xl-offset-12{margin-left:100%}}.mui-panel{padding:15px;margin-bottom:20px;border-radius:0;background-color:#212121;box-shadow:0 2px 2px 0 rgba(0,0,0,0.16),0 0px 2px 0 rgba(0,0,0,0.12)}.mui-panel:before,.mui-panel:after{content:" ";display:table}.mui-panel:after{clear:both}@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){.mui-panel{box-shadow:0 -1px 2px 0 rgba(0,0,0,0.12),-1px 0px 2px 0 rgba(0,0,0,0.12),0 2px 2px 0 rgba(0,0,0,0.16),0 0px 2px 0 rgba(0,0,0,0.12)}}.mui-select{display:block;padding-top:15px;margin-bottom:20px;position:relative}.mui-select:focus{outline:0}.mui-select:focus>select{height:33px;margin-bottom:-1px;border-color:#2196F3;border-width:2px}.mui-select>select{animation-duration:0.0001s;animation-name:mui-node-inserted;display:block;height:32px;width:100%;appearance:none;-webkit-appearance:none;-moz-appearance:none;outline:none;border:none;border-bottom:1px solid rgba(0,0,0,0.26);border-radius:0px;box-shadow:none;background-color:transparent;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNiIgd2lkdGg9IjEwIj48cG9seWdvbiBwb2ludHM9IjAsMCAxMCwwIDUsNiIgc3R5bGU9ImZpbGw6cmdiYSgwLDAsMCwuMjQpOyIvPjwvc3ZnPg==");background-repeat:no-repeat;background-position:right center;cursor:pointer;color:rgba(255,255,255,0.87);font-size:16px;padding:0 25px 0 0}.mui-select>select::-ms-expand{display:none}.mui-select>select:focus{outline:0;height:33px;margin-bottom:-1px;border-color:#2196F3;border-width:2px}.mui-select>select:disabled{color:rgba(0,0,0,0.38);cursor:not-allowed;background-color:transparent;opacity:1}.mui-select__menu{position:absolute;z-index:2;min-width:100%;overflow-y:auto;padding:8px 0;background-color:#fff;font-size:16px}@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){.mui-select__menu{border-left:1px solid rgba(0,0,0,0.12);border-top:1px solid rgba(0,0,0,0.12)}}.mui-select__menu>div{padding:0 22px;height:42px;line-height:42px;cursor:pointer;white-space:nowrap}.mui-select__menu>div:hover{background-color:#E0E0E0}.mui-select__menu>div.mui--is-selected{background-color:#eee}th{text-align:left}.mui-table{width:100%;max-width:100%;margin-bottom:20px}.mui-table>thead>tr>th,.mui-table>thead>tr>td,.mui-table>tbody>tr>th,.mui-table>tbody>tr>td,.mui-table>tfoot>tr>th,.mui-table>tfoot>tr>td{padding:10px;line-height:1.429}.mui-table>thead>tr>th{border-bottom:2px solid rgba(0,0,0,0.12);font-weight:700}.mui-table>tbody+tbody{border-top:2px solid rgba(0,0,0,0.12)}.mui-table.mui-table--bordered>tbody>tr>td{border-bottom:1px solid rgba(0,0,0,0.12)}.mui-tabs__bar{list-style:none;padding-left:0;margin-bottom:0;background-color:transparent;white-space:nowrap;overflow-x:auto}.mui-tabs__bar>li{display:inline-block}.mui-tabs__bar>li>a{display:block;white-space:nowrap;text-transform:uppercase;font-weight:500;font-size:14px;color:rgba(255,255,255,0.87);cursor:default;height:48px;line-height:48px;padding-left:24px;padding-right:24px;user-select:none}.mui-tabs__bar>li>a:hover{text-decoration:none}.mui-tabs__bar>li.mui--is-active{border-bottom:2px solid #2196F3}.mui-tabs__bar>li.mui--is-active>a{color:#2196F3}.mui-tabs__bar.mui-tabs__bar--justified{display:table;width:100%;table-layout:fixed}.mui-tabs__bar.mui-tabs__bar--justified>li{display:table-cell}.mui-tabs__bar.mui-tabs__bar--justified>li>a{text-align:center;padding-left:0px;padding-right:0px}.mui-tabs__pane{display:none}.mui-tabs__pane.mui--is-active{display:block}[data-mui-toggle="tab"]{animation-duration:0.0001s;animation-name:mui-node-inserted}.mui-textfield{display:block;padding-top:15px;margin-bottom:20px;position:relative}.mui-textfield>label{position:absolute;top:0;display:block;width:100%;color:rgba(0,0,0,0.54);font-size:12px;font-weight:400;line-height:15px;overflow-x:hidden;text-overflow:ellipsis;white-space:nowrap}.mui-textfield>textarea{padding-top:5px}.mui-textfield>input,.mui-textfield>textarea{display:block}.mui-textfield>input:focus ~ label,.mui-textfield>textarea:focus ~ label{color:#2196F3}.mui-textfield--float-label>label{position:absolute;transform:translate(0px, 15px);font-size:16px;line-height:32px;color:rgba(0,0,0,0.26);text-overflow:clip;cursor:text;pointer-events:none}.mui-textfield--float-label>input:focus ~ label,.mui-textfield--float-label>textarea:focus ~ label{transform:translate(0px, 0px);font-size:12px;line-height:15px;text-overflow:ellipsis}.mui-textfield--float-label>input:not(:focus).mui--is-not-empty ~ label,.mui-textfield--float-label>input:not(:focus)[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty) ~ label,.mui-textfield--float-label>input:not(:focus):not(:empty):not(.mui--is-empty):not(.mui--is-not-empty) ~ label,.mui-textfield--float-label>textarea:not(:focus).mui--is-not-empty ~ label,.mui-textfield--float-label>textarea:not(:focus)[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty) ~ label,.mui-textfield--float-label>textarea:not(:focus):not(:empty):not(.mui--is-empty):not(.mui--is-not-empty) ~ label{color:rgba(0,0,0,0.54);font-size:12px;line-height:15px;transform:translate(0px, 0px);text-overflow:ellipsis}.mui-textfield--wrap-label{display:table;width:100%;padding-top:0px}.mui-textfield--wrap-label:not(.mui-textfield--float-label)>label{display:table-header-group;position:static;white-space:normal;overflow-x:visible}.mui-textfield>input,.mui-textfield>textarea{animation-duration:0.0001s;animation-name:mui-node-inserted;display:block;background-color:transparent;color:rgba(255,255,255,0.87);border:none;border-bottom:1px solid rgba(0,0,0,0.26);outline:none;width:100%;font-size:16px;padding:0;box-shadow:none;border-radius:0px;background-image:none}.mui-textfield>input:focus,.mui-textfield>textarea:focus{border-color:#2196F3;border-width:2px}.mui-textfield>input:disabled,.mui-textfield>input:read-only,.mui-textfield>textarea:disabled,.mui-textfield>textarea:read-only{cursor:not-allowed;background-color:transparent;opacity:1}.mui-textfield>input::placeholder,.mui-textfield>textarea::placeholder{color:rgba(0,0,0,0.26);opacity:1}.mui-textfield>input{height:32px}.mui-textfield>input:focus{height:33px;margin-bottom:-1px}.mui-textfield>textarea{min-height:64px}.mui-textfield>textarea[rows]:not([rows="2"]):focus{margin-bottom:-1px}.mui-textfield>input:focus{height:33px;margin-bottom:-1px}.mui-textfield>input:invalid:not(:focus):not(:required),.mui-textfield>input:invalid:not(:focus):required.mui--is-not-empty,.mui-textfield>input:invalid:not(:focus):required.mui--is-empty.mui--is-dirty,.mui-textfield>input:invalid:not(:focus):required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty),.mui-textfield>input:invalid:not(:focus):required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty),.mui-textfield>textarea:invalid:not(:focus):not(:required),.mui-textfield>textarea:invalid:not(:focus):required.mui--is-not-empty,.mui-textfield>textarea:invalid:not(:focus):required.mui--is-empty.mui--is-dirty,.mui-textfield>textarea:invalid:not(:focus):required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty),.mui-textfield>textarea:invalid:not(:focus):required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty),.mui-textfield>input:not(:focus).mui--is-invalid:not(:required),.mui-textfield>input:not(:focus).mui--is-invalid:required.mui--is-not-empty,.mui-textfield>input:not(:focus).mui--is-invalid:required.mui--is-empty.mui--is-dirty,.mui-textfield>input:not(:focus).mui--is-invalid:required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty),.mui-textfield>input:not(:focus).mui--is-invalid:required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty),.mui-textfield>textarea:not(:focus).mui--is-invalid:not(:required),.mui-textfield>textarea:not(:focus).mui--is-invalid:required.mui--is-not-empty,.mui-textfield>textarea:not(:focus).mui--is-invalid:required.mui--is-empty.mui--is-dirty,.mui-textfield>textarea:not(:focus).mui--is-invalid:required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty),.mui-textfield>textarea:not(:focus).mui--is-invalid:required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty){border-color:#F44336;border-width:2px}.mui-textfield>input:invalid:not(:focus):not(:required),.mui-textfield>input:invalid:not(:focus):required.mui--is-not-empty,.mui-textfield>input:invalid:not(:focus):required.mui--is-empty.mui--is-dirty,.mui-textfield>input:invalid:not(:focus):required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty),.mui-textfield>input:invalid:not(:focus):required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty),.mui-textfield>input:not(:focus).mui--is-invalid:not(:required),.mui-textfield>input:not(:focus).mui--is-invalid:required.mui--is-not-empty,.mui-textfield>input:not(:focus).mui--is-invalid:required.mui--is-empty.mui--is-dirty,.mui-textfield>input:not(:focus).mui--is-invalid:required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty),.mui-textfield>input:not(:focus).mui--is-invalid:required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty){height:33px;margin-bottom:-1px}.mui-textfield>input:invalid:not(:focus):not(:required) ~ label,.mui-textfield>input:invalid:not(:focus):required.mui--is-not-empty ~ label,.mui-textfield>input:invalid:not(:focus):required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty) ~ label,.mui-textfield>input:invalid:not(:focus):required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty) ~ label,.mui-textfield>textarea:invalid:not(:focus):not(:required) ~ label,.mui-textfield>textarea:invalid:not(:focus):required.mui--is-not-empty ~ label,.mui-textfield>textarea:invalid:not(:focus):required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty) ~ label,.mui-textfield>textarea:invalid:not(:focus):required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty) ~ label,.mui-textfield>input:not(:focus).mui--is-invalid:not(:required) ~ label,.mui-textfield>input:not(:focus).mui--is-invalid:required.mui--is-not-empty ~ label,.mui-textfield>input:not(:focus).mui--is-invalid:required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty) ~ label,.mui-textfield>input:not(:focus).mui--is-invalid:required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty) ~ label,.mui-textfield>textarea:not(:focus).mui--is-invalid:not(:required) ~ label,.mui-textfield>textarea:not(:focus).mui--is-invalid:required.mui--is-not-empty ~ label,.mui-textfield>textarea:not(:focus).mui--is-invalid:required[value]:not([value=""]):not(.mui--is-empty):not(.mui--is-not-empty) ~ label,.mui-textfield>textarea:not(:focus).mui--is-invalid:required:not(:empty):not(.mui--is-empty):not(.mui--is-not-empty) ~ label{color:#F44336}.mui-textfield:not(.mui-textfield--float-label)>input:invalid:not(:focus):required.mui--is-empty.mui--is-dirty ~ label,.mui-textfield:not(.mui-textfield--float-label)>textarea:invalid:not(:focus):required.mui--is-empty.mui--is-dirty ~ label,.mui-textfield:not(.mui-textfield--float-label)>input:not(:focus).mui--is-invalid:required.mui--is-empty.mui--is-dirty ~ label,.mui-textfield:not(.mui-textfield--float-label)>textarea:not(:focus).mui--is-invalid:required.mui--is-empty.mui--is-dirty ~ label{color:#F44336}@keyframes mui-node-inserted{from{opacity:0.99}to{opacity:1}}.mui--no-transition{transition:none !important}.mui--no-user-select{user-select:none}.mui-caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent}.mui--text-left{text-align:left !important}.mui--text-right{text-align:right !important}.mui--text-center{text-align:center !important}.mui--text-justify{text-align:justify !important}.mui--text-nowrap{white-space:nowrap !important}.mui--align-baseline{vertical-align:baseline !important}.mui--align-top{vertical-align:top !important}.mui--align-middle{vertical-align:middle !important}.mui--align-bottom{vertical-align:bottom !important}.mui--text-dark{color:rgba(0,0,0,0.87)}.mui--text-dark-secondary{color:rgba(0,0,0,0.54)}.mui--text-dark-hint{color:rgba(0,0,0,0.38)}.mui--text-light{color:#fff}.mui--text-light-secondary{color:rgba(255,255,255,0.7)}.mui--text-light-hint{color:rgba(255,255,255,0.3)}.mui--text-accent{color:rgba(0,174,239,0.87)}.mui--text-accent-secondary{color:rgba(0,174,239,0.54)}.mui--text-accent-hint{color:rgba(0,174,239,0.38)}.mui--text-black{color:#000}.mui--text-white{color:#fff}.mui--text-danger{color:#F44336}.mui-list--unstyled{padding-left:0;list-style:none}.mui-list--inline{padding-left:0;list-style:none;margin-left:-5px}.mui-list--inline>li{display:inline-block;padding-left:5px;padding-right:5px}.mui--z1,.mui-dropdown__menu,.mui-select__menu{box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24)}.mui--z2{box-shadow:0 3px 6px rgba(0,0,0,0.16),0 3px 6px rgba(0,0,0,0.23)}.mui--z3{box-shadow:0 10px 20px rgba(0,0,0,0.19),0 6px 6px rgba(0,0,0,0.23)}.mui--z4{box-shadow:0 14px 28px rgba(0,0,0,0.25),0 10px 10px rgba(0,0,0,0.22)}.mui--z5{box-shadow:0 19px 38px rgba(0,0,0,0.3),0 15px 12px rgba(0,0,0,0.22)}.mui--clearfix:before,.mui--clearfix:after{content:" ";display:table}.mui--clearfix:after{clear:both}.mui--pull-right{float:right !important}.mui--pull-left{float:left !important}.mui--hide{display:none !important}.mui--show{display:block !important}.mui--invisible{visibility:hidden}.mui--overflow-hidden{overflow:hidden !important}.mui--overflow-hidden-x{overflow-x:hidden !important}.mui--overflow-hidden-y{overflow-y:hidden !important}.mui--visible-xs-block,.mui--visible-xs-inline,.mui--visible-xs-inline-block,.mui--visible-sm-block,.mui--visible-sm-inline,.mui--visible-sm-inline-block,.mui--visible-md-block,.mui--visible-md-inline,.mui--visible-md-inline-block,.mui--visible-lg-block,.mui--visible-lg-inline,.mui--visible-lg-inline-block,.mui--visible-xl-block,.mui--visible-xl-inline,.mui--visible-xl-inline-block{display:none !important}@media (max-width: 543px){.mui-visible-xs{display:block !important}table.mui-visible-xs{display:table}tr.mui-visible-xs{display:table-row !important}th.mui-visible-xs,td.mui-visible-xs{display:table-cell !important}.mui--visible-xs-block{display:block !important}.mui--visible-xs-inline{display:inline !important}.mui--visible-xs-inline-block{display:inline-block !important}}@media (min-width: 544px) and (max-width: 767px){.mui-visible-sm{display:block !important}table.mui-visible-sm{display:table}tr.mui-visible-sm{display:table-row !important}th.mui-visible-sm,td.mui-visible-sm{display:table-cell !important}.mui--visible-sm-block{display:block !important}.mui--visible-sm-inline{display:inline !important}.mui--visible-sm-inline-block{display:inline-block !important}}@media (min-width: 768px) and (max-width: 991px){.mui-visible-md{display:block !important}table.mui-visible-md{display:table}tr.mui-visible-md{display:table-row !important}th.mui-visible-md,td.mui-visible-md{display:table-cell !important}.mui--visible-md-block{display:block !important}.mui--visible-md-inline{display:inline !important}.mui--visible-md-inline-block{display:inline-block !important}}@media (min-width: 992px) and (max-width: 1199px){.mui-visible-lg{display:block !important}table.mui-visible-lg{display:table}tr.mui-visible-lg{display:table-row !important}th.mui-visible-lg,td.mui-visible-lg{display:table-cell !important}.mui--visible-lg-block{display:block !important}.mui--visible-lg-inline{display:inline !important}.mui--visible-lg-inline-block{display:inline-block !important}}@media (min-width: 1200px){.mui-visible-xl{display:block !important}table.mui-visible-xl{display:table}tr.mui-visible-xl{display:table-row !important}th.mui-visible-xl,td.mui-visible-xl{display:table-cell !important}.mui--visible-xl-block{display:block !important}.mui--visible-xl-inline{display:inline !important}.mui--visible-xl-inline-block{display:inline-block !important}}@media (max-width: 543px){.mui--hidden-xs{display:none !important}}@media (min-width: 544px) and (max-width: 767px){.mui--hidden-sm{display:none !important}}@media (min-width: 768px) and (max-width: 991px){.mui--hidden-md{display:none !important}}@media (min-width: 992px) and (max-width: 1199px){.mui--hidden-lg{display:none !important}}@media (min-width: 1200px){.mui--hidden-xl{display:none !important}}body.mui-body--scroll-lock{overflow:hidden !important}#mui-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999999;background-color:rgba(0,0,0,0.2);overflow:auto}.mui-ripple-effect{position:absolute;border-radius:50%;pointer-events:none;opacity:0;animation:mui-ripple-animation 2s}@keyframes mui-ripple-animation{from{transform:scale(1);opacity:0.4}to{transform:scale(100);opacity:0}}.mui-btn>.mui-ripple-effect{background-color:#a6a6a6}.mui-btn--primary>.mui-ripple-effect{background-color:#fff}.mui-btn--dark>.mui-ripple-effect{background-color:#fff}.mui-btn--danger>.mui-ripple-effect{background-color:#fff}.mui-btn--accent>.mui-ripple-effect{background-color:#fff}.mui-btn--flat>.mui-ripple-effect{background-color:#a6a6a6}.mui--text-display4{font-weight:300;font-size:112px;line-height:112px}.mui--text-display3{font-weight:400;font-size:56px;line-height:56px}.mui--text-display2{font-weight:400;font-size:45px;line-height:48px}.mui--text-display1,h1{font-weight:400;font-size:34px;line-height:40px}.mui--text-headline,h2{font-weight:400;font-size:24px;line-height:32px}.mui--text-title,h3{font-weight:400;font-size:20px;line-height:28px}.mui--text-subhead,h4{font-weight:400;font-size:16px;line-height:24px}.mui--text-body2,h5{font-weight:500;font-size:14px;line-height:24px}.mui--text-body1{font-weight:400;font-size:14px;line-height:20px}.mui--text-caption{font-weight:400;font-size:12px;line-height:16px}.mui--text-menu{font-weight:500;font-size:13px;line-height:17px}.mui--text-button{font-weight:500;font-size:14px;line-height:18px;text-transform:uppercase} diff --git a/sensortoy/sensortoy/platforms/android/assets/www/index.html b/sensortoy/sensortoy/platforms/android/assets/www/index.html index 2126190..d482467 100644 --- a/sensortoy/sensortoy/platforms/android/assets/www/index.html +++ b/sensortoy/sensortoy/platforms/android/assets/www/index.html @@ -92,6 +92,7 @@ + diff --git a/sensortoy/sensortoy/platforms/android/assets/www/js/device/CC2650/cc2650_barometer.js b/sensortoy/sensortoy/platforms/android/assets/www/js/device/CC2650/cc2650_barometer.js index fd37cb6..2afb6b5 100644 --- a/sensortoy/sensortoy/platforms/android/assets/www/js/device/CC2650/cc2650_barometer.js +++ b/sensortoy/sensortoy/platforms/android/assets/www/js/device/CC2650/cc2650_barometer.js @@ -99,7 +99,13 @@ var CC2650_BAR = function(p) { var temp = this.frameID + '-t'; var pressure = this.frameID + '-p'; - var row = $('
', {class: 'mui-row'}); + + var settings = {data: {baseID: this.frameID}}; + var html = new EJS({url: './partials/cc2650_barometer.ejs'}).render(settings); + + this.$id.append(html); + + /* var row = $('
', {class: 'mui-row'}); $('
', { class: 'mui-col-xs-3 mui--text-accent mui--text-right', text: 'Temp:'}).appendTo(row); @@ -150,7 +156,7 @@ var CC2650_BAR = function(p) { class: 'mui-tabs__pane', id: (pressure + '-pane') }).append(blankChart)); - } + }*/ this.$result.temp = $('#' + temp); this.$result.pressure = $('#' + pressure); diff --git a/sensortoy/sensortoy/platforms/android/assets/www/js/device/CC2650/cc2650_thermopile.js b/sensortoy/sensortoy/platforms/android/assets/www/js/device/CC2650/cc2650_thermopile.js index 20ebbf9..257f5e6 100644 --- a/sensortoy/sensortoy/platforms/android/assets/www/js/device/CC2650/cc2650_thermopile.js +++ b/sensortoy/sensortoy/platforms/android/assets/www/js/device/CC2650/cc2650_thermopile.js @@ -104,7 +104,14 @@ var CC2650_TMP = function(p) { var temp = this.frameID + '-t'; var amb = this.frameID + '-a'; - var row = $('
', {class: 'mui-row'}); + + var settings = {data: {baseID: this.frameID}}; + var html = new EJS({url: './partials/cc2650_thermopile.ejs'}).render(settings); + + this.$id.append(html); + + + /*var row = $('
', {class: 'mui-row'}); $('
', {class: 'mui-col-xs-3 mui--text-accent mui--text-right', text: 'Temp:'}).appendTo(row); @@ -152,7 +159,7 @@ var CC2650_TMP = function(p) { this.$id.append($('
',{class: 'mui-tabs__pane',id: (amb + '-pane')}).append(blankChart)); } - +*/ this.$result.temp = $('#' + temp); diff --git a/sensortoy/sensortoy/platforms/android/assets/www/js/device/fmc/TSL.js b/sensortoy/sensortoy/platforms/android/assets/www/js/device/fmc/TSL.js index 91b525d..11c0ba5 100644 --- a/sensortoy/sensortoy/platforms/android/assets/www/js/device/fmc/TSL.js +++ b/sensortoy/sensortoy/platforms/android/assets/www/js/device/fmc/TSL.js @@ -5,7 +5,7 @@ * Time: 10:13 * */ -/* global CAPABILITY, inheritsFrom, capabilityManager */ +/* global CAPABILITY, inheritsFrom, capabilityManager, EJS, ejs */ /* global ble */ /* jshint browser: true , devel: true*/ @@ -48,6 +48,13 @@ var TSL = function(p) { this.$result = {temp: null, tempMax: null, tempMin: null}; this.data = []; this.setFrame(); + this.read = {}; + + this.html = {}; + + this.history = null; + + this.historyloops = 0; this.arrayToHex = function(a) { return a.map(function(i) { @@ -55,20 +62,122 @@ var TSL = function(p) { }); }; - this.convertToTemp = function(raw) { + this.convertToPercent = function(raw) { return ((raw[1] << 8) + (raw[0])) / 100; }; -/* - this.$result.temp = $('#' + tslTemp); + this.convertToPressure = function(raw) { + return ((raw[1] << 8) + (raw[0])) ; + }; + + this.convertToHumidity = function(raw) { + return ((raw[1] << 8) + (raw[0])) ; + }; + + /* + This.$result.temp = $('#' + tslTemp); this.$result.tempMax = $('#' + tslTempMax); this.$result.tempMin = $('#' + tslTempMin); */ + this.onReadVelState = function(d) { + var raw = new Uint8Array(d); + var output = [], signedOutput = new Int16Array(9); + // Var humidity = this.convertToPercent(raw); + console.log('Vel State:', raw); + // This.$result.h.text(humidity.toFixed(2) + '%'); + + /* output.push(((raw[1] << 8) + (raw[0]))); + output.push(((raw[3] << 8) + (raw[2]))); + output.push(((raw[5] << 8) + (raw[4]))); + output.push(((raw[7] << 8) + (raw[6]))); + output.push(((raw[9] << 8) + (raw[8]))); + output.push(((raw[11] << 8) + (raw[10]))); + output.push(((raw[13] << 8) + (raw[12]))); + output.push(((raw[15] << 8) + (raw[14]))); + output.push(((raw[17] << 8) + (raw[16]))); + + + for (var t = 0;t < output.length;t++) { + signedOutput[t] = (output[t] * 1.0) / (32768/ 2); + } + console.log(output); + console.log(signedOutput);*/ + }; + + + this.onReadAccelState = function(d) { + var raw = new Uint8Array(d); + var output = [], signedOutput = new Int16Array(9); + // Var humidity = this.convertToPercent(raw); + console.log('Accel State:', raw); + // This.$result.h.text(humidity.toFixed(2) + '%'); + + output.push(((raw[1] << 8) + (raw[0]))); + output.push(((raw[3] << 8) + (raw[2]))); + output.push(((raw[5] << 8) + (raw[4]))); + output.push(((raw[7] << 8) + (raw[6]))); + output.push(((raw[9] << 8) + (raw[8]))); + output.push(((raw[11] << 8) + (raw[10]))); + output.push(((raw[13] << 8) + (raw[12]))); + output.push(((raw[15] << 8) + (raw[14]))); + output.push(((raw[17] << 8) + (raw[16]))); + + + for (var t = 0;t < output.length;t++) { + signedOutput[t] = (output[t] * 1.0) / (32768/ 2); + } + console.log(output); + console.log(signedOutput); + }; + + + this.onReadHumidityState = function(d) { + var raw = new Uint8Array(d); + var humidity = this.convertToPercent(raw); + console.log('Humidity State:', humidity); + this.$result.h.text(humidity.toFixed(2) + '%'); + }; + + this.onReadHumidityMaxState = function(d) { + var raw = new Uint8Array(d); + var humidity = this.convertToPercent(raw); + console.log('Humidity Max State:', humidity); + this.$result.hMax.text(humidity.toFixed(2) + '%'); + }; + + + this.onReadHumidityMinState = function(d) { + var raw = new Uint8Array(d); + var humidity = this.convertToPercent(raw); + console.log('Humidity Min State:', humidity); + this.$result.hMin.text(humidity.toFixed(2) + '%'); + }; + + this.onReadPressureState = function(d) { + var raw = new Uint8Array(d); + var pressure = this.convertToPressure(raw); + console.log('Pressure State:', pressure); + this.$result.p.text(pressure + 'Pa'); + }; + + this.onReadPressureMaxState = function(d) { + var raw = new Uint8Array(d); + var pressure = this.convertToPressure(raw); + console.log('Pressure Max State:', pressure); + this.$result.pMax.text(pressure + 'Pa'); + }; + + this.onReadPressureMinState = function(d) { + var raw = new Uint8Array(d); + var pressure = this.convertToPressure(raw); + console.log('Pressure Min State:', pressure); + this.$result.pMin.text(pressure + 'Pa'); + }; this.onReadTempState = function(d) { var raw = new Uint8Array(d); - var temp = this.convertToTemp(raw); + var temp = this.convertToPercent(raw); console.log('Temp State:', temp); this.$result.temp.text(temp.toFixed(2) + '°C'); @@ -76,27 +185,152 @@ var TSL = function(p) { this.onReadTempMax = function(d) { var raw = new Uint8Array(d); - var temp = this.convertToTemp(raw); + var temp = this.convertToPercent(raw); console.log('Temp Max:', temp); this.$result.tempMax.text(temp.toFixed(2) + '°C'); }; this.onReadTempMin = function(d) { var raw = new Uint8Array(d); - var temp = this.convertToTemp(raw); + var temp = this.convertToPercent(raw); console.log('Temp Min:', temp); this.$result.tempMin.text(temp.toFixed(2) + '°C'); }; + this.onHistoryAck = function(d) { + var raw = new Uint8Array(d); + var raw16 = new Uint16Array(d); + console.log('History Ack:', raw, raw16); + //this.$result.temp.text(temp.toFixed(2) + '°C'); + + }; + + this.onReadHistory = function(d) { + var raw = new Uint8Array(d); + + console.log('History:', raw); + //this.$result.temp.text(temp.toFixed(2) + '°C'); + this.historyloops++; + this.historyAck(); + + }; + + this.onHistorySize = function(d) { + var raw = new Uint8Array(d); + var raw16 = new Uint16Array(d); + + console.log('History Size:', raw, raw16); + //this.$result.temp.text(temp.toFixed(2) + '°C'); + + this.history = new Uint8Array(raw16[0]); + this.readHistory(); + }; + + this.historySize = function() { + console.log('historySize'); + ble.read(this.deviceID, + this.serviceDef.service, + this.serviceDef.historySize, + this.onHistorySize.bind(this), + this.onError); + }; + + +this.historyAck = function() { + console.log('historyAck'); + ble.read(this.deviceID, + this.serviceDef.service, + this.serviceDef.historyAck, + this.onHistoryAck.bind(this), + this.onError); +}; + this.readHistory = function() { - console.log('readTempState'); + console.log('readHistory'); ble.read(this.deviceID, this.serviceDef.service, this.serviceDef.history, - this.onReadTempState.bind(this), + this.onReadHistory.bind(this), + this.onError); + + }; + + this.readAccelState = function() { + console.log('readHumidityState'); + ble.read(this.deviceID, + this.serviceDef.service, + this.serviceDef.accelerationMax, + this.onReadAccelState.bind(this), this.onError); }; + this.readVelState = function() { + console.log('readHumidityState'); + ble.read(this.deviceID, + this.serviceDef.service, + this.serviceDef.velocityMax, + this.onReadVelState.bind(this), + this.onError); + }; + + + this.readHumidityState = function() { + console.log('readHumidityState'); + ble.read(this.deviceID, + this.serviceDef.service, + this.serviceDef.humidityValue, + this.onReadHumidityState.bind(this), + this.onError); + }; + + this.readHumidityMaxState = function() { + console.log('readHumidityState'); + ble.read(this.deviceID, + this.serviceDef.service, + this.serviceDef.humidityMax, + this.onReadHumidityMaxState.bind(this), + this.onError); + }; + + + this.readHumidityMinState = function() { + console.log('readHumidityState'); + ble.read(this.deviceID, + this.serviceDef.service, + this.serviceDef.humidityMin, + this.onReadHumidityMinState.bind(this), + this.onError); + }; + + + this.readPressureState = function() { + console.log('readPressureState'); + ble.read(this.deviceID, + this.serviceDef.service, + this.serviceDef.preValue, + this.onReadPressureState.bind(this), + this.onError); + }; + + this.readPressureMaxState = function() { + console.log('readPressureMaxState'); + ble.read(this.deviceID, + this.serviceDef.service, + this.serviceDef.presMaximum, + this.onReadPressureMaxState.bind(this), + this.onError); + }; + + this.readPressureMinState = function() { + console.log('readPressureMinState'); + ble.read(this.deviceID, + this.serviceDef.service, + this.serviceDef.presMinimum, + this.onReadPressureMinState.bind(this), + this.onError); + }; + + this.readTempState = function() { console.log('readTempState'); ble.read(this.deviceID, @@ -124,6 +358,27 @@ var TSL = function(p) { this.onError); }; + this.readServices = function() { + this.readTempState(); + this.readTempMax(); + this.readTempMin(); + this.readPressureState(); + this.readPressureMaxState(); + this.readPressureMinState(); + + this.readHumidityState(); + this.readHumidityMaxState(); + this.readHumidityMinState(); + + this.readAccelState(); +this.readVelState(); + + this.historySize(); + // this.readHistory(); + + // setTimeout(this.readServices.bind(this),20000); + }; + this.startService = function() { if (this.deviceID !== null) { @@ -132,10 +387,7 @@ var TSL = function(p) { console.log(this.serviceDef); this.insertFrame(); - - this.readTempState(); - this.readTempMax(); - this.readTempMin(); + this.readServices(); } @@ -161,41 +413,24 @@ var TSL = function(p) { this.superClass_.insertFrame.call(self); var tslTemp = this.frameID + '-t'; - var tslTempMax = this.frameID + '-tmax'; - var tslTempMin = this.frameID + '-tmin'; + var tslP = this.frameID + '-p'; + var tslH = this.frameID + '-h'; - var row = $('
', {class: 'mui-row'}); + var settings = {data: {baseID: this.frameID}}; + var html = new EJS({url: './partials/tsl.ejs'}).render(settings); - $('
', - {class: 'mui-col-xs-3 mui--text-accent mui--text-right', text: 'Temp:'}).appendTo( - row); - - $('
', - {class: 'mui-col-xs-9 mui--text-dark', id: tslTemp}).appendTo(row); - - this.$id.append(row); - - row = $('
', {class: 'mui-row'}); - - $('
', - {class: 'mui-col-xs-3 mui--text-accent mui--text-right', text: 'TMax:'}).appendTo( - row); - - $('
', - {class: 'mui-col-xs-3 mui--text-dark', id: tslTempMax}).appendTo(row); - - $('
', - {class: 'mui-col-xs-3 mui--text-accent mui--text-right', text: 'TMin:'}).appendTo( - row); - - $('
', - {class: 'mui-col-xs-3 mui--text-dark', id: tslTempMin}).appendTo(row); - - this.$id.append(row); + this.$id.append(html); this.$result.temp = $('#' + tslTemp); - this.$result.tempMax = $('#' + tslTempMax); - this.$result.tempMin = $('#' + tslTempMin); + this.$result.tempMax = $('#' + tslTemp + 'max'); + this.$result.tempMin = $('#' + tslTemp + 'min'); + this.$result.p = $('#' + tslP); + this.$result.pMax = $('#' + tslP + 'max'); + this.$result.pMin = $('#' + tslP + 'min'); + + this.$result.h = $('#' + tslH); + this.$result.hMax = $('#' + tslH + 'max'); + this.$result.hMin = $('#' + tslH + 'min'); }; diff --git a/sensortoy/sensortoy/platforms/android/assets/www/libs/ejs/ejs.js b/sensortoy/sensortoy/platforms/android/assets/www/libs/ejs/ejs.js new file mode 100644 index 0000000..1dd0ba4 --- /dev/null +++ b/sensortoy/sensortoy/platforms/android/assets/www/libs/ejs/ejs.js @@ -0,0 +1,505 @@ +(function(){ + + +var rsplit = function(string, regex) { + var result = regex.exec(string),retArr = new Array(), first_idx, last_idx, first_bit; + while (result != null) + { + first_idx = result.index; last_idx = regex.lastIndex; + if ((first_idx) != 0) + { + first_bit = string.substring(0,first_idx); + retArr.push(string.substring(0,first_idx)); + string = string.slice(first_idx); + } + retArr.push(result[0]); + string = string.slice(result[0].length); + result = regex.exec(string); + } + if (! string == '') + { + retArr.push(string); + } + return retArr; +}, +chop = function(string){ + return string.substr(0, string.length - 1); +}, +extend = function(d, s){ + for(var n in s){ + if(s.hasOwnProperty(n)) d[n] = s[n] + } +} + + +EJS = function( options ){ + options = typeof options == "string" ? {view: options} : options + this.set_options(options); + if(options.precompiled){ + this.template = {}; + this.template.process = options.precompiled; + EJS.update(this.name, this); + return; + } + if(options.element) + { + if(typeof options.element == 'string'){ + var name = options.element + options.element = document.getElementById( options.element ) + if(options.element == null) throw name+'does not exist!' + } + if(options.element.value){ + this.text = options.element.value + }else{ + this.text = options.element.innerHTML + } + this.name = options.element.id + this.type = '[' + }else if(options.url){ + options.url = EJS.endExt(options.url, this.extMatch); + this.name = this.name ? this.name : options.url; + var url = options.url + //options.view = options.absolute_url || options.view || options.; + var template = EJS.get(this.name /*url*/, this.cache); + if (template) return template; + if (template == EJS.INVALID_PATH) return null; + try{ + this.text = EJS.request( url+(this.cache ? '' : '?'+Math.random() )); + }catch(e){} + + if(this.text == null){ + throw( {type: 'EJS', message: 'There is no template at '+url} ); + } + //this.name = url; + } + var template = new EJS.Compiler(this.text, this.type); + + template.compile(options, this.name); + + + EJS.update(this.name, this); + this.template = template; +}; +/* @Prototype*/ +EJS.prototype = { + /** + * Renders an object with extra view helpers attached to the view. + * @param {Object} object data to be rendered + * @param {Object} extra_helpers an object with additonal view helpers + * @return {String} returns the result of the string + */ + render : function(object, extra_helpers){ + object = object || {}; + this._extra_helpers = extra_helpers; + var v = new EJS.Helpers(object, extra_helpers || {}); + return this.template.process.call(object, object,v); + }, + update : function(element, options){ + if(typeof element == 'string'){ + element = document.getElementById(element) + } + if(options == null){ + _template = this; + return function(object){ + EJS.prototype.update.call(_template, element, object) + } + } + if(typeof options == 'string'){ + params = {} + params.url = options + _template = this; + params.onComplete = function(request){ + var object = eval( request.responseText ) + EJS.prototype.update.call(_template, element, object) + } + EJS.ajax_request(params) + }else + { + element.innerHTML = this.render(options) + } + }, + out : function(){ + return this.template.out; + }, + /** + * Sets options on this view to be rendered with. + * @param {Object} options + */ + set_options : function(options){ + this.type = options.type || EJS.type; + this.cache = options.cache != null ? options.cache : EJS.cache; + this.text = options.text || null; + this.name = options.name || null; + this.ext = options.ext || EJS.ext; + this.extMatch = new RegExp(this.ext.replace(/\./, '\.')); + } +}; +EJS.endExt = function(path, match){ + if(!path) return null; + match.lastIndex = 0 + return path+ (match.test(path) ? '' : this.ext ) +} + + + + +/* @Static*/ +EJS.Scanner = function(source, left, right) { + + extend(this, + {left_delimiter: left +'%', + right_delimiter: '%'+right, + double_left: left+'%%', + double_right: '%%'+right, + left_equal: left+'%=', + left_comment: left+'%#'}) + + this.SplitRegexp = left=='[' ? /(\[%%)|(%%\])|(\[%=)|(\[%#)|(\[%)|(%\]\n)|(%\])|(\n)/ : new RegExp('('+this.double_left+')|(%%'+this.double_right+')|('+this.left_equal+')|('+this.left_comment+')|('+this.left_delimiter+')|('+this.right_delimiter+'\n)|('+this.right_delimiter+')|(\n)') ; + + this.source = source; + this.stag = null; + this.lines = 0; +}; + +EJS.Scanner.to_text = function(input){ + if(input == null || input === undefined) + return ''; + if(input instanceof Date) + return input.toDateString(); + if(input.toString) + return input.toString(); + return ''; +}; + +EJS.Scanner.prototype = { + scan: function(block) { + scanline = this.scanline; + regex = this.SplitRegexp; + if (! this.source == '') + { + var source_split = rsplit(this.source, /\n/); + for(var i=0; i 0) + { + for (var i=0; i 0) + { + buff.push(put_cmd + '"' + clean(content) + '")'); + } + content = ''; + break; + case scanner.double_left: + content = content + scanner.left_delimiter; + break; + default: + content = content + token; + break; + } + } + else { + switch(token) { + case scanner.right_delimiter: + switch(scanner.stag) { + case scanner.left_delimiter: + if (content[content.length - 1] == '\n') + { + content = chop(content); + buff.push(content); + buff.cr(); + } + else { + buff.push(content); + } + break; + case scanner.left_equal: + buff.push(insert_cmd + "(EJS.Scanner.to_text(" + content + ")))"); + break; + } + scanner.stag = null; + content = ''; + break; + case scanner.double_right: + content = content + scanner.right_delimiter; + break; + default: + content = content + token; + break; + } + } + }); + if (content.length > 0) + { + // Chould be content.dump in Ruby + buff.push(put_cmd + '"' + clean(content) + '")'); + } + buff.close(); + this.out = buff.script + ";"; + var to_be_evaled = '/*'+name+'*/this.process = function(_CONTEXT,_VIEW) { try { with(_VIEW) { with (_CONTEXT) {'+this.out+" return ___ViewO.join('');}}}catch(e){e.lineNumber=null;throw e;}};"; + + try{ + eval(to_be_evaled); + }catch(e){ + if(typeof JSLINT != 'undefined'){ + JSLINT(this.out); + for(var i = 0; i < JSLINT.errors.length; i++){ + var error = JSLINT.errors[i]; + if(error.reason != "Unnecessary semicolon."){ + error.line++; + var e = new Error(); + e.lineNumber = error.line; + e.message = error.reason; + if(options.view) + e.fileName = options.view; + throw e; + } + } + }else{ + throw e; + } + } + } +}; + + +//type, cache, folder +/** + * Sets default options for all views + * @param {Object} options Set view with the following options + * + + + + + + + + + + + +
OptionDefaultDescription
type'<'type of magic tags. Options are '<' or '[' +
cachetrue in production mode, false in other modestrue to cache template. +
+ * + */ +EJS.config = function(options){ + EJS.cache = options.cache != null ? options.cache : EJS.cache; + EJS.type = options.type != null ? options.type : EJS.type; + EJS.ext = options.ext != null ? options.ext : EJS.ext; + + var templates_directory = EJS.templates_directory || {}; //nice and private container + EJS.templates_directory = templates_directory; + EJS.get = function(path, cache){ + if(cache == false) return null; + if(templates_directory[path]) return templates_directory[path]; + return null; + }; + + EJS.update = function(path, template) { + if(path == null) return; + templates_directory[path] = template ; + }; + + EJS.INVALID_PATH = -1; +}; +EJS.config( {cache: true, type: '<', ext: '.ejs' } ); + + + +/** + * @constructor + * By adding functions to EJS.Helpers.prototype, those functions will be available in the + * views. + * @init Creates a view helper. This function is called internally. You should never call it. + * @param {Object} data The data passed to the view. Helpers have access to it through this._data + */ +EJS.Helpers = function(data, extras){ + this._data = data; + this._extras = extras; + extend(this, extras ); +}; +/* @prototype*/ +EJS.Helpers.prototype = { + /** + * Renders a new view. If data is passed in, uses that to render the view. + * @param {Object} options standard options passed to a new view. + * @param {optional:Object} data + * @return {String} + */ + view: function(options, data, helpers){ + if(!helpers) helpers = this._extras + if(!data) data = this._data; + return new EJS(options).render(data, helpers); + }, + /** + * For a given value, tries to create a human representation. + * @param {Object} input the value being converted. + * @param {Object} null_text what text should be present if input == null or undefined, defaults to '' + * @return {String} + */ + to_text: function(input, null_text) { + if(input == null || input === undefined) return null_text || ''; + if(input instanceof Date) return input.toDateString(); + if(input.toString) return input.toString().replace(/\n/g, '
').replace(/''/g, "'"); + return ''; + } +}; + EJS.newRequest = function(){ + var factories = [function() { return new ActiveXObject("Msxml2.XMLHTTP"); },function() { return new XMLHttpRequest(); },function() { return new ActiveXObject("Microsoft.XMLHTTP"); }]; + for(var i = 0; i < factories.length; i++) { + try { + var request = factories[i](); + if (request != null) return request; + } + catch(e) { continue;} + } + } + + EJS.request = function(path){ + var request = new EJS.newRequest() + request.open("GET", path, false); + + try{request.send(null);} + catch(e){return null;} + + if ( request.status == 404 || request.status == 2 ||(request.status == 0 && request.responseText == '') ) return null; + + return request.responseText + } + EJS.ajax_request = function(params){ + params.method = ( params.method ? params.method : 'GET') + + var request = new EJS.newRequest(); + request.onreadystatechange = function(){ + if(request.readyState == 4){ + if(request.status == 200){ + params.onComplete(request) + }else + { + params.onComplete(request) + } + } + } + request.open(params.method, params.url) + request.send(null) + } + + +})(); diff --git a/sensortoy/sensortoy/platforms/android/assets/www/libs/ejs/ejs_production.js b/sensortoy/sensortoy/platforms/android/assets/www/libs/ejs/ejs_production.js new file mode 100644 index 0000000..01a4181 --- /dev/null +++ b/sensortoy/sensortoy/platforms/android/assets/www/libs/ejs/ejs_production.js @@ -0,0 +1 @@ +(function(){var rsplit=function(string,regex){var result=regex.exec(string),retArr=new Array(),first_idx,last_idx,first_bit;while(result!=null){first_idx=result.index;last_idx=regex.lastIndex;if((first_idx)!=0){first_bit=string.substring(0,first_idx);retArr.push(string.substring(0,first_idx));string=string.slice(first_idx)}retArr.push(result[0]);string=string.slice(result[0].length);result=regex.exec(string)}if(!string==""){retArr.push(string)}return retArr},chop=function(string){return string.substr(0,string.length-1)},extend=function(d,s){for(var n in s){if(s.hasOwnProperty(n)){d[n]=s[n]}}};EJS=function(options){options=typeof options=="string"?{view:options}:options;this.set_options(options);if(options.precompiled){this.template={};this.template.process=options.precompiled;EJS.update(this.name,this);return }if(options.element){if(typeof options.element=="string"){var name=options.element;options.element=document.getElementById(options.element);if(options.element==null){throw name+"does not exist!"}}if(options.element.value){this.text=options.element.value}else{this.text=options.element.innerHTML}this.name=options.element.id;this.type="["}else{if(options.url){options.url=EJS.endExt(options.url,this.extMatch);this.name=this.name?this.name:options.url;var url=options.url;var template=EJS.get(this.name,this.cache);if(template){return template}if(template==EJS.INVALID_PATH){return null}try{this.text=EJS.request(url+(this.cache?"":"?"+Math.random()))}catch(e){}if(this.text==null){throw ({type:"EJS",message:"There is no template at "+url})}}}var template=new EJS.Compiler(this.text,this.type);template.compile(options,this.name);EJS.update(this.name,this);this.template=template};EJS.prototype={render:function(object,extra_helpers){object=object||{};this._extra_helpers=extra_helpers;var v=new EJS.Helpers(object,extra_helpers||{});return this.template.process.call(object,object,v)},update:function(element,options){if(typeof element=="string"){element=document.getElementById(element)}if(options==null){_template=this;return function(object){EJS.prototype.update.call(_template,element,object)}}if(typeof options=="string"){params={};params.url=options;_template=this;params.onComplete=function(request){var object=eval(request.responseText);EJS.prototype.update.call(_template,element,object)};EJS.ajax_request(params)}else{element.innerHTML=this.render(options)}},out:function(){return this.template.out},set_options:function(options){this.type=options.type||EJS.type;this.cache=options.cache!=null?options.cache:EJS.cache;this.text=options.text||null;this.name=options.name||null;this.ext=options.ext||EJS.ext;this.extMatch=new RegExp(this.ext.replace(/\./,"."))}};EJS.endExt=function(path,match){if(!path){return null}match.lastIndex=0;return path+(match.test(path)?"":this.ext)};EJS.Scanner=function(source,left,right){extend(this,{left_delimiter:left+"%",right_delimiter:"%"+right,double_left:left+"%%",double_right:"%%"+right,left_equal:left+"%=",left_comment:left+"%#"});this.SplitRegexp=left=="["?/(\[%%)|(%%\])|(\[%=)|(\[%#)|(\[%)|(%\]\n)|(%\])|(\n)/:new RegExp("("+this.double_left+")|(%%"+this.double_right+")|("+this.left_equal+")|("+this.left_comment+")|("+this.left_delimiter+")|("+this.right_delimiter+"\n)|("+this.right_delimiter+")|(\n)");this.source=source;this.stag=null;this.lines=0};EJS.Scanner.to_text=function(input){if(input==null||input===undefined){return""}if(input instanceof Date){return input.toDateString()}if(input.toString){return input.toString()}return""};EJS.Scanner.prototype={scan:function(block){scanline=this.scanline;regex=this.SplitRegexp;if(!this.source==""){var source_split=rsplit(this.source,/\n/);for(var i=0;i0){for(var i=0;i0){buff.push(put_cmd+'"'+clean(content)+'")')}content="";break;case scanner.double_left:content=content+scanner.left_delimiter;break;default:content=content+token;break}}else{switch(token){case scanner.right_delimiter:switch(scanner.stag){case scanner.left_delimiter:if(content[content.length-1]=="\n"){content=chop(content);buff.push(content);buff.cr()}else{buff.push(content)}break;case scanner.left_equal:buff.push(insert_cmd+"(EJS.Scanner.to_text("+content+")))");break}scanner.stag=null;content="";break;case scanner.double_right:content=content+scanner.right_delimiter;break;default:content=content+token;break}}});if(content.length>0){buff.push(put_cmd+'"'+clean(content)+'")')}buff.close();this.out=buff.script+";";var to_be_evaled="/*"+name+"*/this.process = function(_CONTEXT,_VIEW) { try { with(_VIEW) { with (_CONTEXT) {"+this.out+" return ___ViewO.join('');}}}catch(e){e.lineNumber=null;throw e;}};";try{eval(to_be_evaled)}catch(e){if(typeof JSLINT!="undefined"){JSLINT(this.out);for(var i=0;i").replace(/''/g,"'")}return""}};EJS.newRequest=function(){var factories=[function(){return new ActiveXObject("Msxml2.XMLHTTP")},function(){return new XMLHttpRequest()},function(){return new ActiveXObject("Microsoft.XMLHTTP")}];for(var i=0;i")};EJS.Helpers.prototype.start_tag_for=function(A,B){return this.tag(A,B)};EJS.Helpers.prototype.submit_tag=function(A,B){B=B||{};B.type=B.type||"submit";B.value=A||"Submit";return this.single_tag_for("input",B)};EJS.Helpers.prototype.tag=function(C,E,D){if(!D){var D=">"}var B=" ";for(var A in E){if(E[A]!=null){var F=E[A].toString()}else{var F=""}if(A=="Class"){A="class"}if(F.indexOf("'")!=-1){B+=A+'="'+F+'" '}else{B+=A+"='"+F+"' "}}return"<"+C+B+D};EJS.Helpers.prototype.tag_end=function(A){return""};EJS.Helpers.prototype.text_area_tag=function(A,C,B){B=B||{};B.id=B.id||A;B.name=B.name||A;C=C||"";if(B.size){B.cols=B.size.split("x")[0];B.rows=B.size.split("x")[1];delete B.size}B.cols=B.cols||50;B.rows=B.rows||4;return this.start_tag_for("textarea",B)+C+this.tag_end("textarea")};EJS.Helpers.prototype.text_tag=EJS.Helpers.prototype.text_area_tag;EJS.Helpers.prototype.text_field_tag=function(A,C,B){return this.input_field_tag(A,C,"text",B)};EJS.Helpers.prototype.url_for=function(A){return'window.location="'+A+'";'};EJS.Helpers.prototype.img_tag=function(B,C,A){A=A||{};A.src=B;A.alt=C;return this.single_tag_for("img",A)} diff --git a/sensortoy/sensortoy/platforms/android/assets/www/libs/ejs/view.js b/sensortoy/sensortoy/platforms/android/assets/www/libs/ejs/view.js new file mode 100644 index 0000000..ef3ea7e --- /dev/null +++ b/sensortoy/sensortoy/platforms/android/assets/www/libs/ejs/view.js @@ -0,0 +1,200 @@ +EJS.Helpers.prototype.date_tag = function(name, value , html_options) { + if(! (value instanceof Date)) + value = new Date() + + var month_names = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"]; + var years = [], months = [], days =[]; + var year = value.getFullYear(); + var month = value.getMonth(); + var day = value.getDate(); + for(var y = year - 15; y < year+15 ; y++) + { + years.push({value: y, text: y}) + } + for(var m = 0; m < 12; m++) + { + months.push({value: (m), text: month_names[m]}) + } + for(var d = 0; d < 31; d++) + { + days.push({value: (d+1), text: (d+1)}) + } + var year_select = this.select_tag(name+'[year]', year, years, {id: name+'[year]'} ) + var month_select = this.select_tag(name+'[month]', month, months, {id: name+'[month]'}) + var day_select = this.select_tag(name+'[day]', day, days, {id: name+'[day]'}) + + return year_select+month_select+day_select; +} + +EJS.Helpers.prototype.form_tag = function(action, html_options) { + + + html_options = html_options || {}; + html_options.action = action + if(html_options.multipart == true) { + html_options.method = 'post'; + html_options.enctype = 'multipart/form-data'; + } + + return this.start_tag_for('form', html_options) +} + +EJS.Helpers.prototype.form_tag_end = function() { return this.tag_end('form'); } + +EJS.Helpers.prototype.hidden_field_tag = function(name, value, html_options) { + return this.input_field_tag(name, value, 'hidden', html_options); +} + +EJS.Helpers.prototype.input_field_tag = function(name, value , inputType, html_options) { + + html_options = html_options || {}; + html_options.id = html_options.id || name; + html_options.value = value || ''; + html_options.type = inputType || 'text'; + html_options.name = name; + + return this.single_tag_for('input', html_options) +} + +EJS.Helpers.prototype.is_current_page = function(url) { + return (window.location.href == url || window.location.pathname == url ? true : false); +} + +EJS.Helpers.prototype.link_to = function(name, url, html_options) { + if(!name) var name = 'null'; + if(!html_options) var html_options = {} + + if(html_options.confirm){ + html_options.onclick = + " var ret_confirm = confirm(\""+html_options.confirm+"\"); if(!ret_confirm){ return false;} " + html_options.confirm = null; + } + html_options.href=url + return this.start_tag_for('a', html_options)+name+ this.tag_end('a'); +} + +EJS.Helpers.prototype.submit_link_to = function(name, url, html_options){ + if(!name) var name = 'null'; + if(!html_options) var html_options = {} + html_options.onclick = html_options.onclick || '' ; + + if(html_options.confirm){ + html_options.onclick = + " var ret_confirm = confirm(\""+html_options.confirm+"\"); if(!ret_confirm){ return false;} " + html_options.confirm = null; + } + + html_options.value = name; + html_options.type = 'submit' + html_options.onclick=html_options.onclick+ + (url ? this.url_for(url) : '')+'return false;'; + //html_options.href='#'+(options ? Routes.url_for(options) : '') + return this.start_tag_for('input', html_options) +} + +EJS.Helpers.prototype.link_to_if = function(condition, name, url, html_options, post, block) { + return this.link_to_unless((condition == false), name, url, html_options, post, block); +} + +EJS.Helpers.prototype.link_to_unless = function(condition, name, url, html_options, block) { + html_options = html_options || {}; + if(condition) { + if(block && typeof block == 'function') { + return block(name, url, html_options, block); + } else { + return name; + } + } else + return this.link_to(name, url, html_options); +} + +EJS.Helpers.prototype.link_to_unless_current = function(name, url, html_options, block) { + html_options = html_options || {}; + return this.link_to_unless(this.is_current_page(url), name, url, html_options, block) +} + + +EJS.Helpers.prototype.password_field_tag = function(name, value, html_options) { return this.input_field_tag(name, value, 'password', html_options); } + +EJS.Helpers.prototype.select_tag = function(name, value, choices, html_options) { + html_options = html_options || {}; + html_options.id = html_options.id || name; + html_options.value = value; + html_options.name = name; + + var txt = '' + txt += this.start_tag_for('select', html_options) + + for(var i = 0; i < choices.length; i++) + { + var choice = choices[i]; + var optionOptions = {value: choice.value} + if(choice.value == value) + optionOptions.selected ='selected' + txt += this.start_tag_for('option', optionOptions )+choice.text+this.tag_end('option') + } + txt += this.tag_end('select'); + return txt; +} + +EJS.Helpers.prototype.single_tag_for = function(tag, html_options) { return this.tag(tag, html_options, '/>');} + +EJS.Helpers.prototype.start_tag_for = function(tag, html_options) { return this.tag(tag, html_options); } + +EJS.Helpers.prototype.submit_tag = function(name, html_options) { + html_options = html_options || {}; + //html_options.name = html_options.id || 'commit'; + html_options.type = html_options.type || 'submit'; + html_options.value = name || 'Submit'; + return this.single_tag_for('input', html_options); +} + +EJS.Helpers.prototype.tag = function(tag, html_options, end) { + if(!end) var end = '>' + var txt = ' ' + for(var attr in html_options) { + if(html_options[attr] != null) + var value = html_options[attr].toString(); + else + var value='' + if(attr == "Class") // special case because "class" is a reserved word in IE + attr = "class"; + if( value.indexOf("'") != -1 ) + txt += attr+'=\"'+value+'\" ' + else + txt += attr+"='"+value+"' " + } + return '<'+tag+txt+end; +} + +EJS.Helpers.prototype.tag_end = function(tag) { return ''; } + +EJS.Helpers.prototype.text_area_tag = function(name, value, html_options) { + html_options = html_options || {}; + html_options.id = html_options.id || name; + html_options.name = html_options.name || name; + value = value || '' + if(html_options.size) { + html_options.cols = html_options.size.split('x')[0] + html_options.rows = html_options.size.split('x')[1]; + delete html_options.size + } + + html_options.cols = html_options.cols || 50; + html_options.rows = html_options.rows || 4; + + return this.start_tag_for('textarea', html_options)+value+this.tag_end('textarea') +} +EJS.Helpers.prototype.text_tag = EJS.Helpers.prototype.text_area_tag + +EJS.Helpers.prototype.text_field_tag = function(name, value, html_options) { return this.input_field_tag(name, value, 'text', html_options); } + +EJS.Helpers.prototype.url_for = function(url) { + return 'window.location="'+url+'";' +} +EJS.Helpers.prototype.img_tag = function(image_location, alt, options){ + options = options || {}; + options.src = image_location + options.alt = alt + return this.single_tag_for('img', options) +} diff --git a/sensortoy/sensortoy/platforms/android/assets/www/partials/cc2650_barometer.ejs b/sensortoy/sensortoy/platforms/android/assets/www/partials/cc2650_barometer.ejs new file mode 100644 index 0000000..33547ad --- /dev/null +++ b/sensortoy/sensortoy/platforms/android/assets/www/partials/cc2650_barometer.ejs @@ -0,0 +1,42 @@ +<%= data.baseID + 'pressure-line' %> + +
+
Temp:
+
--
+
Pressure:
+
--
+
+ +
+ + + -- + + 0 + + +
+
+ + + -- + + 0 + + +
diff --git a/sensortoy/sensortoy/platforms/android/assets/www/partials/cc2650_barometer.js.ejs b/sensortoy/sensortoy/platforms/android/assets/www/partials/cc2650_barometer.js.ejs new file mode 100644 index 0000000..33547ad --- /dev/null +++ b/sensortoy/sensortoy/platforms/android/assets/www/partials/cc2650_barometer.js.ejs @@ -0,0 +1,42 @@ +<%= data.baseID + 'pressure-line' %> + +
+
Temp:
+
--
+
Pressure:
+
--
+
+ +
+ + + -- + + 0 + + +
+
+ + + -- + + 0 + + +
diff --git a/sensortoy/sensortoy/platforms/android/assets/www/partials/cc2650_common.ejs b/sensortoy/sensortoy/platforms/android/assets/www/partials/cc2650_common.ejs new file mode 100644 index 0000000..0508a1e --- /dev/null +++ b/sensortoy/sensortoy/platforms/android/assets/www/partials/cc2650_common.ejs @@ -0,0 +1,48 @@ +
+
<%= data.title1 %>:
+
-- +
+
<%= data.title2 %>:
+
-- +
+
+ +
+ + + -- + + + 0 + + +
+
+ + + -- + + + 0 + + +
diff --git a/sensortoy/sensortoy/platforms/android/assets/www/partials/cc2650_thermopile.ejs b/sensortoy/sensortoy/platforms/android/assets/www/partials/cc2650_thermopile.ejs new file mode 100644 index 0000000..71c3bd1 --- /dev/null +++ b/sensortoy/sensortoy/platforms/android/assets/www/partials/cc2650_thermopile.ejs @@ -0,0 +1,48 @@ +
+
Temp:
+
-- +
+
Ambient:
+
-- +
+
+ +
+ + + -- + + + 0 + + +
+
+ + + -- + + + 0 + + +
diff --git a/sensortoy/sensortoy/platforms/android/assets/www/partials/tsl.ejs b/sensortoy/sensortoy/platforms/android/assets/www/partials/tsl.ejs new file mode 100644 index 0000000..1e4d009 --- /dev/null +++ b/sensortoy/sensortoy/platforms/android/assets/www/partials/tsl.ejs @@ -0,0 +1,45 @@ +
+
Temp:
+
-- +
+
+
+
TMax:
+
-- +
+
TMin:
+
-- +
+
+
+
Pressure:
+
-- +
+
+
+
PMax:
+
-- +
+
PMin:
+
-- +
+ +
+
Humidity:
+
-- +
+
+
+
HMax:
+
-- +
+
HMin:
+
-- +
+