diff --git a/app/css/app.css b/app/css/app.css index 8c9a060..a4231cd 100644 --- a/app/css/app.css +++ b/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: #bad649; + text-align:right; + } diff --git a/app/css/custom.scss b/app/css/custom.scss index 8d1af65..dd9b28a 100644 --- a/app/css/custom.scss +++ b/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/app/css/mui.custom.css b/app/css/mui.custom.css index 17b163f..9cd48c9 100644 --- a/app/css/mui.custom.css +++ b/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/app/index.html b/app/index.html index 10cc4ad..d482467 100644 --- a/app/index.html +++ b/app/index.html @@ -92,6 +92,7 @@ + @@ -118,6 +119,10 @@ src="js/device/CC2650/cc2650_humidity.js"> + + + diff --git a/app/js/device/CC2650/cc2650_accelerometer.js b/app/js/device/CC2650/cc2650_accelerometer.js index 8b1cfe8..38b5d44 100644 --- a/app/js/device/CC2650/cc2650_accelerometer.js +++ b/app/js/device/CC2650/cc2650_accelerometer.js @@ -109,7 +109,7 @@ CC2650_ACCEL = function(p) { this.data.mag.y = this.storeData(calcData.mag.y, this.data.mag.y); this.data.mag.z = this.storeData(calcData.mag.z, this.data.mag.z); - // Console.log(JSON.stringify(this.data)); + // console.log(JSON.stringify(this.data)); // Console.log(this.state); }; @@ -298,9 +298,9 @@ CC2650_ACCEL = function(p) { var svg = this.generateBlankGraphBase(_subID,{width: '700',height: 150}); - svg = this.graphAddLine(svg, xlineID, 'rgba(255,0,0,0.5)'); - svg = this.graphAddLine(svg, ylineID, 'rgba(0,255,0,0.5)'); - svg = this.graphAddLine(svg, zlineID, 'rgba(0,0,255,0.5)'); + svg = this.graphAddLine(svg, xlineID, 'rgba(255,0,99,1)'); + svg = this.graphAddLine(svg, ylineID, 'rgba(46,255,0,1)'); + svg = this.graphAddLine(svg, zlineID, 'rgba(0,191,255,1)'); return svg; diff --git a/app/js/device/CC2650/cc2650_thermopile.js b/app/js/device/CC2650/cc2650_thermopile.js index 20ebbf9..335ed4e 100644 --- a/app/js/device/CC2650/cc2650_thermopile.js +++ b/app/js/device/CC2650/cc2650_thermopile.js @@ -87,10 +87,49 @@ var CC2650_TMP = function(p) { }; this.animateGraph = function() { - this.simpleGraph(this.data.temp, 'temp'); - this.simpleGraph(this.data.ambient, 'ambient'); + // This.simpleGraph(this.data.temp, 'temp'); + // debugger; + var arcTemp = this.frameID + 'temp-arc'; + var arcAmbient = this.frameID + 'ambient-arc'; + this.updateArc(this.data.temp, 'temp' , arcTemp); + + this.updateArc(this.data.ambient, 'ambient' , arcAmbient); + + //This.simpleGraph(this.data.ambient, 'ambient'); }; + this.updateArc = function(data, subID, elmID) { + + + var ceilingLimit; + var _subID; + var _data; + var label; + + _data = data || this.data; + + _subID = subID || ''; + + if (_data.length > 0) { + + ceilingLimit = 50; + + var latest = _data[_data.length - 1]; + var scale = 100 / ceilingLimit; + var arcP = scale * latest; + // Var xstep = (280 - 46) / 100; + + label = this.frameID + subID + '-label'; + document.getElementById(elmID).setAttribute('d', this.describeArc(150, 150, 100, 0, this.setArc(arcP))); + // document.getElementById(label).innerText(latest.toFixed(2) + 'ºc'); + } + + + + }; + + + this.insertFrame = function() { var liSetting; @@ -104,7 +143,28 @@ var CC2650_TMP = function(p) { var temp = this.frameID + '-t'; var amb = this.frameID + '-a'; - var row = $('
', {class: 'mui-row'}); + + + var arcB = this.frameID + 'temp-arcB'; + var arcTemp = this.frameID + 'temp-arc'; + + var ambientArcB = this.frameID + 'ambient-arcB'; + var arcAmbient = this.frameID + 'ambient-arc'; + + var settings = {data: {baseID: this.frameID}}; + var html = new EJS({url: './partials/cc2650_thermopile_dial.ejs'}).render(settings); + + this.$id.append(html); + +debugger; + document.getElementById(arcB).setAttribute('d', this.describeArc(150, 150, 100, 0, 240)); + document.getElementById(arcTemp).setAttribute('d', this.describeArc(150, 150, 100, 0, this.setArc(0))); + + document.getElementById(ambientArcB).setAttribute('d', this.describeArc(150, 150, 100, 0, 240)); + document.getElementById(arcAmbient).setAttribute('d', this.describeArc(150, 150, 100, 0, this.setArc(0))); + + + /*Var row = $('
', {class: 'mui-row'}); $('
', {class: 'mui-col-xs-3 mui--text-accent mui--text-right', text: 'Temp:'}).appendTo(row); @@ -152,7 +212,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/app/js/device/fmc/TSL.js b/app/js/device/fmc/TSL.js new file mode 100644 index 0000000..11c0ba5 --- /dev/null +++ b/app/js/device/fmc/TSL.js @@ -0,0 +1,440 @@ +/** + * + * User: Martin Donnelly + * Date: 2016-05-20 + * Time: 10:13 + * + */ +/* global CAPABILITY, inheritsFrom, capabilityManager, EJS, ejs */ +/* global ble */ +/* jshint browser: true , devel: true*/ + +var TSL = function(p) { + 'use strict'; + this.name = 'TSL'; + this.deviceID = p.deviceID || null; + this.target = p.target || null; + + // F000BB00-0451-4000-B000-A01D48F70D07 + + this.capabilityID = 'F000BB00-0451-4000-B000-A01D48F70D07'; + this.serviceDef = { + service: 'F000BB00-0451-4000-B000-A01D48F70D07', + enable: 'F000BB01-0451-4000-B000-A01D48F70D07', + control: 'F000BB02-0451-4000-B000-A01D48F70D07', + period: 'F000BB03-0451-4000-B000-A01D48F70D07', + location: 'F000BB04-0451-4000-B000-A01D48F70D07', + historySize: 'F000BB05-0451-4000-B000-A01D48F70D07', + history: 'F000BB06-0451-4000-B000-A01D48F70D07', + historyAck: 'F000BB07-0451-4000-B000-A01D48F70D07', + temp: 'F000BB08-0451-4000-B000-A01D48F70D07', + tempMaximum: 'F000BB09-0451-4000-B000-A01D48F70D07', + tempMinimum: 'F000BB0A-0451-4000-B000-A01D48F70D07', + preValue: 'F000BB0B-0451-4000-B000-A01D48F70D07', + presMaximum: 'F000BB0C-0451-4000-B000-A01D48F70D07', + presMinimum: 'F000BB0D-0451-4000-B000-A01D48F70D07', + humidityValue: 'F000BB0E-0451-4000-B000-A01D48F70D07', + humidityMax: 'F000BB0F-0451-4000-B000-A01D48F70D07', + humidityMin: 'F000BB10-0451-4000-B000-A01D48F70D07', + accelerationMax: 'F000BB11-0451-4000-B000-A01D48F70D07', + velocityMax: 'F000BB12-0451-4000-B000-A01D48F70D07', + loggerId: 'F000BB13-0451-4000-B000-A01D48F70D07', + shockBandwidth: 'F000BB14-0451-4000-B000-A01D48F70D07', + shockThreshold: 'F000BB15-0451-4000-B000-A01D48F70D07', + config: 'F0002902-0451-4000-B000-A01D48F70D07' + + }; + + 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) { + return ('00' + i.toString(16)).slice(-2) + ','; + }); + }; + + this.convertToPercent = function(raw) { + return ((raw[1] << 8) + (raw[0])) / 100; + }; + + 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.convertToPercent(raw); + console.log('Temp State:', temp); + this.$result.temp.text(temp.toFixed(2) + '°C'); + + }; + + this.onReadTempMax = function(d) { + var raw = new Uint8Array(d); + 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.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('readHistory'); + ble.read(this.deviceID, + this.serviceDef.service, + this.serviceDef.history, + 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, + this.serviceDef.service, + this.serviceDef.temp, + this.onReadTempState.bind(this), + this.onError); + }; + + this.readTempMax = function() { + console.log('readTempMax'); + ble.read(this.deviceID, + this.serviceDef.service, + this.serviceDef.tempMaximum, + this.onReadTempMax.bind(this), + this.onError); + }; + + this.readTempMin = function() { + console.log('readTempMax'); + ble.read(this.deviceID, + this.serviceDef.service, + this.serviceDef.tempMinimum, + this.onReadTempMin.bind(this), + 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) { + + console.log('Starting TSL Service on ', this.deviceID); + console.log(this.serviceDef); + this.insertFrame(); + + this.readServices(); + + } + + }; + + this.onTslData = function(data) { + + var raw = new Uint16Array(data); + + console.log(raw); + + }; + + this.animateGraph = function() { + return -1; + }; + + this.insertFrame = function() { + + var self = this; + + // Call the parent displayForm first... + this.superClass_.insertFrame.call(self); + + var tslTemp = this.frameID + '-t'; + var tslP = this.frameID + '-p'; + var tslH = this.frameID + '-h'; + + var settings = {data: {baseID: this.frameID}}; + var html = new EJS({url: './partials/tsl.ejs'}).render(settings); + + this.$id.append(html); + + this.$result.temp = $('#' + tslTemp); + 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'); + + }; + +}; + +inheritsFrom(TSL, CAPABILITY); +capabilityManager.register({id: 'F000BB00-0451-4000-B000-A01D48F70D07', module: TSL}); diff --git a/app/js/standards/capability.js b/app/js/standards/capability.js index 156d349..5020b2c 100644 --- a/app/js/standards/capability.js +++ b/app/js/standards/capability.js @@ -242,6 +242,70 @@ CAPABILITY.prototype.animateGraph = function() { }; +CAPABILITY.prototype.polarToCartesian = function(centerX, centerY, radius, angleInDegrees) { + var angleInRadians = (angleInDegrees - 90) * Math.PI / 180.0; + + return { + x: centerX + (radius * Math.cos(angleInRadians)), + y: centerY + (radius * Math.sin(angleInRadians)) + }; +}; + + +CAPABILITY.prototype.describeArc = function(x, y, radius, startAngle, endAngle) { + + var start = this.polarToCartesian(x, y, radius, endAngle); + var end = this.polarToCartesian(x, y, radius, startAngle); + + var arcSweep = endAngle - startAngle <= 180 ? '0' : '1'; + + var d = [ + 'M', start.x, start.y, + 'A', radius, radius, 0, arcSweep, 0, end.x, end.y + ].join(' '); + + return d; + }; + +CAPABILITY.prototype.setArc = function(percent) { + return (240 / 100) * percent; +}; + +CAPABILITY.prototype.updateArc = function(data, subID, elmID) { + + + var ceilingLimit; + var ceiling; + var _subID; + var _data; + + _data = data || this.data; + + _subID = subID || ''; + + if (_data.length > 0) { + + ceiling = _data.reduce(function(p, v) { + return (Math.abs(p) > Math.abs(v) ? Math.abs(p) : Math.abs(v)); + }); + + ceilingLimit = (Math.ceil((Math.round(ceiling) + 1) / 10) * 10); + if (ceilingLimit > 1000) { + ceilingLimit = (Math.ceil((Math.round(ceiling) + 1) / 50) * 50); + } + + var latest = _data[_data.length-1]; + var scale = 100 / ceilingLimit; + var arcP = scale * latest; + // Var xstep = (280 - 46) / 100; + + document.getElementById(elmID).setAttribute('d', this.describeArc(150, 150, 100, 0, this.setArc(arcP))); + } + + + }; + + CAPABILITY.prototype.simpleGraph = function(data, subID) { var ceilingLimit; @@ -272,8 +336,8 @@ CAPABILITY.prototype.simpleGraph = function(data, subID) { var calcArray = []; -/* - var ceilingLimit = Math.floor(ceiling / 10) * 10; + /* + Var ceilingLimit = Math.floor(ceiling / 10) * 10; if (ceilingLimit < ceiling) { ceilingLimit = Math.floor((ceiling + (ceiling * 0.25)) / 10) * 10; } diff --git a/app/js/standards/deviceInformation.js b/app/js/standards/deviceInformation.js new file mode 100644 index 0000000..6e3a823 --- /dev/null +++ b/app/js/standards/deviceInformation.js @@ -0,0 +1,61 @@ +/** + * + * User: Martin Donnelly + * Date: 2016-05-20 + * Time: 10:13 + * + */ +/* global CAPABILITY, inheritsFrom, capabilityManager */ +/* global ble */ +/* jshint browser: true , devel: true*/ + +var DEVICEINFO = function() { + this.name = 'Device Information'; + this.capabilityID = '180A'; + this.serviceDef = { + service: '180A', manufacturer_name_string: '2A29', model_number_string: '2A24' + }; + + this.onBatteryLevelChange = function(data) { + console.log(data); + var a = new Uint8Array(data); + this.state = a[0]; + console.log('onBatteryLevelChange', this.state); + }; + this.readBatteryState = function() { + console.log('readBatteryState'); + ble.read(this.deviceID, + this.serviceDef.service, + this.serviceDef.level, + this.onReadBatteryLevel.bind(this), + this.onError); + }; + + this.onReadBatteryLevel = function(data) { + console.log(data); + var a = new Uint8Array(data); + this.state = a[0]; + console.log('onReadBatteryLevel', this.state); + }; + + this.startService = function() { + 'use strict'; + if (this.deviceID !== null) { + console.log('Starting Battery Service on ', this.deviceID); + console.log(this.serviceDef); + + this.insertFrame(); + + ble.startNotification(this.deviceID, + this.serviceDef.service, + this.serviceDef.level, + this.onBatteryLevelChange.bind(this), + this.onError); + } + + }; + +}; + +inheritsFrom(BATTERY, CAPABILITY); +capabilityManager.register({id: '180F', module: BATTERY}); diff --git a/app/partials/cc2650_barometer.ejs b/app/partials/cc2650_barometer.ejs new file mode 100644 index 0000000..33547ad --- /dev/null +++ b/app/partials/cc2650_barometer.ejs @@ -0,0 +1,42 @@ +<%= data.baseID + 'pressure-line' %> + +
+
Temp:
+
--
+
Pressure:
+
--
+
+ +
+ + + -- + + 0 + + +
+
+ + + -- + + 0 + + +
diff --git a/app/partials/cc2650_thermopile.ejs b/app/partials/cc2650_thermopile.ejs new file mode 100644 index 0000000..71c3bd1 --- /dev/null +++ b/app/partials/cc2650_thermopile.ejs @@ -0,0 +1,48 @@ +
+
Temp:
+
-- +
+
Ambient:
+
-- +
+
+ +
+ + + -- + + + 0 + + +
+
+ + + -- + + + 0 + + +
diff --git a/app/partials/cc2650_thermopile_dial.ejs b/app/partials/cc2650_thermopile_dial.ejs new file mode 100644 index 0000000..0111acb --- /dev/null +++ b/app/partials/cc2650_thermopile_dial.ejs @@ -0,0 +1,92 @@ +
+
Temp:
+
-- +
+
Ambient:
+
-- +
+
+ +
+ + + + + + + + + + + + + + + + + --ºc + + + + + +
+
+ + + + + + + + + + + + + + + + + + + + --ºc + + + + +
diff --git a/app/partials/tsl.ejs b/app/partials/tsl.ejs new file mode 100644 index 0000000..1e4d009 --- /dev/null +++ b/app/partials/tsl.ejs @@ -0,0 +1,45 @@ +
+
Temp:
+
-- +
+
+
+
TMax:
+
-- +
+
TMin:
+
-- +
+
+
+
Pressure:
+
-- +
+
+
+
PMax:
+
-- +
+
PMin:
+
-- +
+ +
+
Humidity:
+
-- +
+
+
+
HMax:
+
-- +
+
HMin:
+
-- +
+
diff --git a/fonts.list b/fonts.list index 0148dcc..d076695 100644 --- a/fonts.list +++ b/fonts.list @@ -1,2 +1,3 @@ Ubuntu:300,400,500,700 Ubuntu+Condensed + diff --git a/gulpfile.js b/gulpfile.js index d2ad2a4..a37e8ef 100644 --- a/gulpfile.js +++ b/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/localserver.js b/localserver.js new file mode 100644 index 0000000..3c643eb --- /dev/null +++ b/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/package.json b/package.json index 25b0e1f..43ec892 100644 --- a/package.json +++ b/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/platforms/android/.gradle/2.2.1/taskArtifacts/cache.properties.lock b/platforms/android/.gradle/2.2.1/taskArtifacts/cache.properties.lock index 992f1ac..2e83069 100644 Binary files a/platforms/android/.gradle/2.2.1/taskArtifacts/cache.properties.lock and b/platforms/android/.gradle/2.2.1/taskArtifacts/cache.properties.lock differ diff --git a/platforms/android/.gradle/2.2.1/taskArtifacts/fileHashes.bin b/platforms/android/.gradle/2.2.1/taskArtifacts/fileHashes.bin index 10716a1..84a4002 100644 Binary files a/platforms/android/.gradle/2.2.1/taskArtifacts/fileHashes.bin and b/platforms/android/.gradle/2.2.1/taskArtifacts/fileHashes.bin differ diff --git a/platforms/android/.gradle/2.2.1/taskArtifacts/fileSnapshots.bin b/platforms/android/.gradle/2.2.1/taskArtifacts/fileSnapshots.bin index eeaf640..fb0510d 100644 Binary files a/platforms/android/.gradle/2.2.1/taskArtifacts/fileSnapshots.bin and b/platforms/android/.gradle/2.2.1/taskArtifacts/fileSnapshots.bin differ diff --git a/platforms/android/.gradle/2.2.1/taskArtifacts/taskArtifacts.bin b/platforms/android/.gradle/2.2.1/taskArtifacts/taskArtifacts.bin index 350fbd9..caf6976 100644 Binary files a/platforms/android/.gradle/2.2.1/taskArtifacts/taskArtifacts.bin and b/platforms/android/.gradle/2.2.1/taskArtifacts/taskArtifacts.bin differ diff --git a/platforms/android/assets/www/css/app.css b/platforms/android/assets/www/css/app.css index 8c9a060..a4231cd 100644 --- a/platforms/android/assets/www/css/app.css +++ b/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: #bad649; + text-align:right; + } diff --git a/platforms/android/assets/www/css/custom.scss b/platforms/android/assets/www/css/custom.scss index 8d1af65..dd9b28a 100644 --- a/platforms/android/assets/www/css/custom.scss +++ b/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/platforms/android/assets/www/css/mui.custom.css b/platforms/android/assets/www/css/mui.custom.css index 17b163f..9cd48c9 100644 --- a/platforms/android/assets/www/css/mui.custom.css +++ b/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/platforms/android/assets/www/index.html b/platforms/android/assets/www/index.html index 10cc4ad..d482467 100644 --- a/platforms/android/assets/www/index.html +++ b/platforms/android/assets/www/index.html @@ -92,6 +92,7 @@ + @@ -118,6 +119,10 @@ src="js/device/CC2650/cc2650_humidity.js"> + + + diff --git a/platforms/android/assets/www/js/device/CC2650/cc2650_accelerometer.js b/platforms/android/assets/www/js/device/CC2650/cc2650_accelerometer.js index 9d338f4..38b5d44 100644 --- a/platforms/android/assets/www/js/device/CC2650/cc2650_accelerometer.js +++ b/platforms/android/assets/www/js/device/CC2650/cc2650_accelerometer.js @@ -109,7 +109,7 @@ CC2650_ACCEL = function(p) { this.data.mag.y = this.storeData(calcData.mag.y, this.data.mag.y); this.data.mag.z = this.storeData(calcData.mag.z, this.data.mag.z); - // Console.log(JSON.stringify(this.data)); + // console.log(JSON.stringify(this.data)); // Console.log(this.state); }; @@ -298,9 +298,9 @@ CC2650_ACCEL = function(p) { var svg = this.generateBlankGraphBase(_subID,{width: '700',height: 150}); - svg = this.graphAddLine(svg, xlineID, 'rgba(255,0,0,0.5)'); - svg = this.graphAddLine(svg, ylineID, 'rgba(0,255,0,0.5)'); - svg = this.graphAddLine(svg, zlineID, 'rgba(0,0,255,0.5)'); + svg = this.graphAddLine(svg, xlineID, 'rgba(255,0,99,1)'); + svg = this.graphAddLine(svg, ylineID, 'rgba(46,255,0,1)'); + svg = this.graphAddLine(svg, zlineID, 'rgba(0,191,255,1)'); return svg; @@ -338,7 +338,7 @@ CC2650_ACCEL = function(p) { elm.append($('
', { class: 'mui-col-xs-8 mui--text-title mui-ellipsis-2', text: title})); - elm.append($('
', {class: 'mui-col-xs-4 mui--text-right'}).append(button)); + // elm.append($('
', {class: 'mui-col-xs-4 mui--text-right'}).append(button)); frame.append(elm); diff --git a/platforms/android/assets/www/js/device/CC2650/cc2650_thermopile.js b/platforms/android/assets/www/js/device/CC2650/cc2650_thermopile.js index 20ebbf9..335ed4e 100644 --- a/platforms/android/assets/www/js/device/CC2650/cc2650_thermopile.js +++ b/platforms/android/assets/www/js/device/CC2650/cc2650_thermopile.js @@ -87,10 +87,49 @@ var CC2650_TMP = function(p) { }; this.animateGraph = function() { - this.simpleGraph(this.data.temp, 'temp'); - this.simpleGraph(this.data.ambient, 'ambient'); + // This.simpleGraph(this.data.temp, 'temp'); + // debugger; + var arcTemp = this.frameID + 'temp-arc'; + var arcAmbient = this.frameID + 'ambient-arc'; + this.updateArc(this.data.temp, 'temp' , arcTemp); + + this.updateArc(this.data.ambient, 'ambient' , arcAmbient); + + //This.simpleGraph(this.data.ambient, 'ambient'); }; + this.updateArc = function(data, subID, elmID) { + + + var ceilingLimit; + var _subID; + var _data; + var label; + + _data = data || this.data; + + _subID = subID || ''; + + if (_data.length > 0) { + + ceilingLimit = 50; + + var latest = _data[_data.length - 1]; + var scale = 100 / ceilingLimit; + var arcP = scale * latest; + // Var xstep = (280 - 46) / 100; + + label = this.frameID + subID + '-label'; + document.getElementById(elmID).setAttribute('d', this.describeArc(150, 150, 100, 0, this.setArc(arcP))); + // document.getElementById(label).innerText(latest.toFixed(2) + 'ºc'); + } + + + + }; + + + this.insertFrame = function() { var liSetting; @@ -104,7 +143,28 @@ var CC2650_TMP = function(p) { var temp = this.frameID + '-t'; var amb = this.frameID + '-a'; - var row = $('
', {class: 'mui-row'}); + + + var arcB = this.frameID + 'temp-arcB'; + var arcTemp = this.frameID + 'temp-arc'; + + var ambientArcB = this.frameID + 'ambient-arcB'; + var arcAmbient = this.frameID + 'ambient-arc'; + + var settings = {data: {baseID: this.frameID}}; + var html = new EJS({url: './partials/cc2650_thermopile_dial.ejs'}).render(settings); + + this.$id.append(html); + +debugger; + document.getElementById(arcB).setAttribute('d', this.describeArc(150, 150, 100, 0, 240)); + document.getElementById(arcTemp).setAttribute('d', this.describeArc(150, 150, 100, 0, this.setArc(0))); + + document.getElementById(ambientArcB).setAttribute('d', this.describeArc(150, 150, 100, 0, 240)); + document.getElementById(arcAmbient).setAttribute('d', this.describeArc(150, 150, 100, 0, this.setArc(0))); + + + /*Var row = $('
', {class: 'mui-row'}); $('
', {class: 'mui-col-xs-3 mui--text-accent mui--text-right', text: 'Temp:'}).appendTo(row); @@ -152,7 +212,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/platforms/android/assets/www/js/standards/capability.js b/platforms/android/assets/www/js/standards/capability.js index 156d349..5020b2c 100644 --- a/platforms/android/assets/www/js/standards/capability.js +++ b/platforms/android/assets/www/js/standards/capability.js @@ -242,6 +242,70 @@ CAPABILITY.prototype.animateGraph = function() { }; +CAPABILITY.prototype.polarToCartesian = function(centerX, centerY, radius, angleInDegrees) { + var angleInRadians = (angleInDegrees - 90) * Math.PI / 180.0; + + return { + x: centerX + (radius * Math.cos(angleInRadians)), + y: centerY + (radius * Math.sin(angleInRadians)) + }; +}; + + +CAPABILITY.prototype.describeArc = function(x, y, radius, startAngle, endAngle) { + + var start = this.polarToCartesian(x, y, radius, endAngle); + var end = this.polarToCartesian(x, y, radius, startAngle); + + var arcSweep = endAngle - startAngle <= 180 ? '0' : '1'; + + var d = [ + 'M', start.x, start.y, + 'A', radius, radius, 0, arcSweep, 0, end.x, end.y + ].join(' '); + + return d; + }; + +CAPABILITY.prototype.setArc = function(percent) { + return (240 / 100) * percent; +}; + +CAPABILITY.prototype.updateArc = function(data, subID, elmID) { + + + var ceilingLimit; + var ceiling; + var _subID; + var _data; + + _data = data || this.data; + + _subID = subID || ''; + + if (_data.length > 0) { + + ceiling = _data.reduce(function(p, v) { + return (Math.abs(p) > Math.abs(v) ? Math.abs(p) : Math.abs(v)); + }); + + ceilingLimit = (Math.ceil((Math.round(ceiling) + 1) / 10) * 10); + if (ceilingLimit > 1000) { + ceilingLimit = (Math.ceil((Math.round(ceiling) + 1) / 50) * 50); + } + + var latest = _data[_data.length-1]; + var scale = 100 / ceilingLimit; + var arcP = scale * latest; + // Var xstep = (280 - 46) / 100; + + document.getElementById(elmID).setAttribute('d', this.describeArc(150, 150, 100, 0, this.setArc(arcP))); + } + + + }; + + CAPABILITY.prototype.simpleGraph = function(data, subID) { var ceilingLimit; @@ -272,8 +336,8 @@ CAPABILITY.prototype.simpleGraph = function(data, subID) { var calcArray = []; -/* - var ceilingLimit = Math.floor(ceiling / 10) * 10; + /* + Var ceilingLimit = Math.floor(ceiling / 10) * 10; if (ceilingLimit < ceiling) { ceilingLimit = Math.floor((ceiling + (ceiling * 0.25)) / 10) * 10; }