/*!
 * Materialize v1.0.0 (http://materializecss.com)
 * Copyright 2014-2017 Materialize
 * MIT License (https://raw.githubusercontent.com/Dogfalo/materialize/master/LICENSE)
 */


/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */

html {
	line-height: 1.15;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}

body {
	margin: 0;
	background: #eff1f5;
}

footer,
header {
	display: block
}

a {
	background-color: transparent;
	-webkit-text-decoration-skip: objects
}

sub {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sub {
	bottom: -.25em
}

img {
	border-style: none
}

button,
input,
select {
	font-family: sans-serif;
	font-size: 100%;
	line-height: 1.15;
	margin: 0
}

button,
input {
	overflow: visible
}

button,
select {
	text-transform: none
}

[type=reset],
[type=submit],
button,
html [type=button] {
	-webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
	border-style: none;
	padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
	outline: 1px dotted ButtonText
}

[type=checkbox],
[type=radio] {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
	height: auto
}

[type=search] {
	-webkit-appearance: textfield;
	outline-offset: -2px
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit
}

[hidden] {
	display: none
}

html {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

*,
:after,
:before {
	-webkit-box-sizing: inherit;
	box-sizing: inherit
}

button,
input,
select {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif
}

ul:not(.browser-default) {
	padding-left: 0;
	list-style-type: none
}

a {
	color: #039be5;
	text-decoration: none;
	-webkit-tap-highlight-color: transparent
}

.btn {
	-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12), 0 1px 5px 0 rgba(0, 0, 0, .2);
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12), 0 1px 5px 0 rgba(0, 0, 0, .2)
}

.btn:hover {
	-webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .14), 0 1px 7px 0 rgba(0, 0, 0, .12), 0 3px 1px -1px rgba(0, 0, 0, .2);
	box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .14), 0 1px 7px 0 rgba(0, 0, 0, .12), 0 3px 1px -1px rgba(0, 0, 0, .2)
}

@-webkit-keyframes indeterminate {
	0% {
		left: -35%;
		right: 100%
	}
	60% {
		left: 100%;
		right: -90%
	}
	100% {
		left: 100%;
		right: -90%
	}
}

@keyframes indeterminate {
	0% {
		left: -35%;
		right: 100%
	}
	60% {
		left: 100%;
		right: -90%
	}
	100% {
		left: 100%;
		right: -90%
	}
}

@-webkit-keyframes indeterminate-short {
	0% {
		left: -200%;
		right: 100%
	}
	60% {
		left: 107%;
		right: -8%
	}
	100% {
		left: 107%;
		right: -8%
	}
}

@keyframes indeterminate-short {
	0% {
		left: -200%;
		right: 100%
	}
	60% {
		left: 107%;
		right: -8%
	}
	100% {
		left: 107%;
		right: -8%
	}
}

.left-align {
	text-align: left
}

.left {
	float: left!important
}

input[type=range] {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.container {
	margin: 0 auto;
	max-width: 1280px;
	width: 90%
}

@media only screen and (min-width:601px) {
	.container {
		width: 85%
	}
}

@media only screen and (min-width:993px) {
	.container {
		width: 70%
	}
}

a {
	text-decoration: none
}

html {
	line-height: 1.5;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-weight: 400;
	color: rgba(0, 0, 0, .87)
}

@media only screen and (min-width:0) {
	html {
		font-size: 14px
	}
}

@media only screen and (min-width:992px) {
	html {
		font-size: 14.5px
	}
}

@media only screen and (min-width:1200px) {
	html {
		font-size: 15px
	}
}

.btn {
	border: none;
	border-radius: 2px;
	display: inline-block;
	height: 36px;
	line-height: 36px;
	padding: 0 16px;
	text-transform: uppercase;
	vertical-align: middle;
	-webkit-tap-highlight-color: transparent
}

.btn.disabled,
.btn:disabled,
.btn[disabled] {
	pointer-events: none;
	background-color: #dfdfdf!important;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #9f9f9f!important;
	cursor: default
}

.btn.disabled:hover,
.btn:disabled:hover,
.btn[disabled]:hover {
	background-color: #dfdfdf!important;
	color: #9f9f9f!important
}

.btn {
	font-size: 14px;
	outline: 0
}

.btn:focus {
	background-color: #1d7d74
}

.btn {
	text-decoration: none;
	color: #fff;
	background-color: #26a69a;
	text-align: center;
	letter-spacing: .5px;
	-webkit-transition: background-color .2s ease-out;
	transition: background-color .2s ease-out;
	cursor: pointer
}

.btn:hover {
	background-color: #2bbbad
}


/*!
 * Waves v0.6.0
 * http://fian.my.id/Waves
 *
 * Copyright 2014 Alfiana E. Sibuea and other contributors
 * Released under the MIT license
 * https://github.com/fians/Waves/blob/master/LICENSE
 */

select:focus {
	outline: 1px solid #c9f3ef
}

button:focus {
	outline: 0;
	background-color: #2ab7a9
}

label {
	font-size: .8rem;
	color: #9e9e9e
}

::-webkit-input-placeholder {
	color: #d1d1d1
}

::-moz-placeholder {
	color: #d1d1d1
}

:-ms-input-placeholder {
	color: #d1d1d1
}

::-ms-input-placeholder {
	color: #d1d1d1
}

::placeholder {
	color: #d1d1d1
}

input:not([type]),
input[type=date]:not(.browser-default),
input[type=datetime-local]:not(.browser-default),
input[type=datetime]:not(.browser-default),
input[type=email]:not(.browser-default),
input[type=number]:not(.browser-default),
input[type=password]:not(.browser-default),
input[type=search]:not(.browser-default),
input[type=tel]:not(.browser-default),
input[type=text]:not(.browser-default),
input[type=time]:not(.browser-default),
input[type=url]:not(.browser-default) {
	background-color: transparent;
	border: none;
	border-bottom: 1px solid #9e9e9e;
	border-radius: 0;
	outline: 0;
	height: 3rem;
	width: 100%;
	font-size: 16px;
	margin: 0 0 8px 0;
	padding: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-transition: border .3s, -webkit-box-shadow .3s;
	transition: border .3s, -webkit-box-shadow .3s;
	transition: box-shadow .3s, border .3s;
	transition: box-shadow .3s, border .3s, -webkit-box-shadow .3s
}

input:not([type]):disabled,
input:not([type])[readonly=readonly],
input[type=date]:not(.browser-default):disabled,
input[type=date]:not(.browser-default)[readonly=readonly],
input[type=datetime-local]:not(.browser-default):disabled,
input[type=datetime-local]:not(.browser-default)[readonly=readonly],
input[type=datetime]:not(.browser-default):disabled,
input[type=datetime]:not(.browser-default)[readonly=readonly],
input[type=email]:not(.browser-default):disabled,
input[type=email]:not(.browser-default)[readonly=readonly],
input[type=number]:not(.browser-default):disabled,
input[type=number]:not(.browser-default)[readonly=readonly],
input[type=password]:not(.browser-default):disabled,
input[type=password]:not(.browser-default)[readonly=readonly],
input[type=search]:not(.browser-default):disabled,
input[type=search]:not(.browser-default)[readonly=readonly],
input[type=tel]:not(.browser-default):disabled,
input[type=tel]:not(.browser-default)[readonly=readonly],
input[type=text]:not(.browser-default):disabled,
input[type=text]:not(.browser-default)[readonly=readonly],
input[type=time]:not(.browser-default):disabled,
input[type=time]:not(.browser-default)[readonly=readonly],
input[type=url]:not(.browser-default):disabled,
input[type=url]:not(.browser-default)[readonly=readonly] {
	color: rgba(0, 0, 0, .42);
	border-bottom: 1px dotted rgba(0, 0, 0, .42)
}

input:not([type]):disabled+label,
input:not([type])[readonly=readonly]+label,
input[type=date]:not(.browser-default):disabled+label,
input[type=date]:not(.browser-default)[readonly=readonly]+label,
input[type=datetime-local]:not(.browser-default):disabled+label,
input[type=datetime-local]:not(.browser-default)[readonly=readonly]+label,
input[type=datetime]:not(.browser-default):disabled+label,
input[type=datetime]:not(.browser-default)[readonly=readonly]+label,
input[type=email]:not(.browser-default):disabled+label,
input[type=email]:not(.browser-default)[readonly=readonly]+label,
input[type=number]:not(.browser-default):disabled+label,
input[type=number]:not(.browser-default)[readonly=readonly]+label,
input[type=password]:not(.browser-default):disabled+label,
input[type=password]:not(.browser-default)[readonly=readonly]+label,
input[type=search]:not(.browser-default):disabled+label,
input[type=search]:not(.browser-default)[readonly=readonly]+label,
input[type=tel]:not(.browser-default):disabled+label,
input[type=tel]:not(.browser-default)[readonly=readonly]+label,
input[type=text]:not(.browser-default):disabled+label,
input[type=text]:not(.browser-default)[readonly=readonly]+label,
input[type=time]:not(.browser-default):disabled+label,
input[type=time]:not(.browser-default)[readonly=readonly]+label,
input[type=url]:not(.browser-default):disabled+label,
input[type=url]:not(.browser-default)[readonly=readonly]+label {
	color: rgba(0, 0, 0, .42)
}

input:not([type]):focus:not([readonly]),
input[type=date]:not(.browser-default):focus:not([readonly]),
input[type=datetime-local]:not(.browser-default):focus:not([readonly]),
input[type=datetime]:not(.browser-default):focus:not([readonly]),
input[type=email]:not(.browser-default):focus:not([readonly]),
input[type=number]:not(.browser-default):focus:not([readonly]),
input[type=password]:not(.browser-default):focus:not([readonly]),
input[type=search]:not(.browser-default):focus:not([readonly]),
input[type=tel]:not(.browser-default):focus:not([readonly]),
input[type=text]:not(.browser-default):focus:not([readonly]),
input[type=time]:not(.browser-default):focus:not([readonly]),
input[type=url]:not(.browser-default):focus:not([readonly]) {
	border-bottom: 1px solid #26a69a;
	-webkit-box-shadow: 0 1px 0 0 #26a69a;
	box-shadow: 0 1px 0 0 #26a69a
}

input:not([type]):focus:not([readonly])+label,
input[type=date]:not(.browser-default):focus:not([readonly])+label,
input[type=datetime-local]:not(.browser-default):focus:not([readonly])+label,
input[type=datetime]:not(.browser-default):focus:not([readonly])+label,
input[type=email]:not(.browser-default):focus:not([readonly])+label,
input[type=number]:not(.browser-default):focus:not([readonly])+label,
input[type=password]:not(.browser-default):focus:not([readonly])+label,
input[type=search]:not(.browser-default):focus:not([readonly])+label,
input[type=tel]:not(.browser-default):focus:not([readonly])+label,
input[type=text]:not(.browser-default):focus:not([readonly])+label,
input[type=time]:not(.browser-default):focus:not([readonly])+label,
input[type=url]:not(.browser-default):focus:not([readonly])+label {
	color: #26a69a
}

input:not([type]):focus.valid~label,
input[type=date]:not(.browser-default):focus.valid~label,
input[type=datetime-local]:not(.browser-default):focus.valid~label,
input[type=datetime]:not(.browser-default):focus.valid~label,
input[type=email]:not(.browser-default):focus.valid~label,
input[type=number]:not(.browser-default):focus.valid~label,
input[type=password]:not(.browser-default):focus.valid~label,
input[type=search]:not(.browser-default):focus.valid~label,
input[type=tel]:not(.browser-default):focus.valid~label,
input[type=text]:not(.browser-default):focus.valid~label,
input[type=time]:not(.browser-default):focus.valid~label,
input[type=url]:not(.browser-default):focus.valid~label {
	color: #4caf50
}

input:not([type]):focus.invalid~label,
input[type=date]:not(.browser-default):focus.invalid~label,
input[type=datetime-local]:not(.browser-default):focus.invalid~label,
input[type=datetime]:not(.browser-default):focus.invalid~label,
input[type=email]:not(.browser-default):focus.invalid~label,
input[type=number]:not(.browser-default):focus.invalid~label,
input[type=password]:not(.browser-default):focus.invalid~label,
input[type=search]:not(.browser-default):focus.invalid~label,
input[type=tel]:not(.browser-default):focus.invalid~label,
input[type=text]:not(.browser-default):focus.invalid~label,
input[type=time]:not(.browser-default):focus.invalid~label,
input[type=url]:not(.browser-default):focus.invalid~label {
	color: #f44336
}

input:not([type]).validate+label,
input[type=date]:not(.browser-default).validate+label,
input[type=datetime-local]:not(.browser-default).validate+label,
input[type=datetime]:not(.browser-default).validate+label,
input[type=email]:not(.browser-default).validate+label,
input[type=number]:not(.browser-default).validate+label,
input[type=password]:not(.browser-default).validate+label,
input[type=search]:not(.browser-default).validate+label,
input[type=tel]:not(.browser-default).validate+label,
input[type=text]:not(.browser-default).validate+label,
input[type=time]:not(.browser-default).validate+label,
input[type=url]:not(.browser-default).validate+label {
	width: 100%
}

.select-wrapper+label:after,
input:not([type])+label:after,
input[type=date]:not(.browser-default)+label:after,
input[type=datetime-local]:not(.browser-default)+label:after,
input[type=datetime]:not(.browser-default)+label:after,
input[type=email]:not(.browser-default)+label:after,
input[type=number]:not(.browser-default)+label:after,
input[type=password]:not(.browser-default)+label:after,
input[type=search]:not(.browser-default)+label:after,
input[type=tel]:not(.browser-default)+label:after,
input[type=text]:not(.browser-default)+label:after,
input[type=time]:not(.browser-default)+label:after,
input[type=url]:not(.browser-default)+label:after {
	display: block;
	content: "";
	position: absolute;
	top: 100%;
	left: 0;
	opacity: 0;
	-webkit-transition: .2s opacity ease-out, .2s color ease-out;
	transition: .2s opacity ease-out, .2s color ease-out
}

.input-field {
	position: relative;
	margin-top: 1rem;
	margin-bottom: 1rem
}

.input-field>label {
	color: #9e9e9e;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 1rem;
	cursor: text;
	-webkit-transition: color .2s ease-out, -webkit-transform .2s ease-out;
	transition: color .2s ease-out, -webkit-transform .2s ease-out;
	transition: transform .2s ease-out, color .2s ease-out;
	transition: transform .2s ease-out, color .2s ease-out, -webkit-transform .2s ease-out;
	-webkit-transform-origin: 0 100%;
	transform-origin: 0 100%;
	text-align: initial;
	-webkit-transform: translateY(12px);
	transform: translateY(12px)
}

.input-field>label:not(.label-icon).active {
	-webkit-transform: translateY(-14px) scale(.8);
	transform: translateY(-14px) scale(.8);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0
}

.input-field>input[type=date]:not(.browser-default)+label,
.input-field>input[type=time]:not(.browser-default)+label,
.input-field>input[type]:-webkit-autofill:not(.browser-default):not([type=search])+label {
	-webkit-transform: translateY(-14px) scale(.8);
	transform: translateY(-14px) scale(.8);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0
}

.input-field input[type=search] {
	display: block;
	line-height: inherit;
	-webkit-transition: .3s background-color;
	transition: .3s background-color
}

.input-field input[type=search]:focus:not(.browser-default) {
	background-color: #fff;
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #444
}

.input-field input[type=search]+.label-icon {
	-webkit-transform: none;
	transform: none;
	left: 1rem
}

[type=radio]:checked,
[type=radio]:not(:checked) {
	position: absolute;
	opacity: 0;
	pointer-events: none
}

[type=radio]:checked+span,
[type=radio]:not(:checked)+span {
	position: relative;
	padding-left: 35px;
	cursor: pointer;
	display: inline-block;
	height: 25px;
	line-height: 25px;
	font-size: 1rem;
	-webkit-transition: .28s ease;
	transition: .28s ease;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

[type=radio]+span:after,
[type=radio]+span:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	margin: 4px;
	width: 16px;
	height: 16px;
	z-index: 0;
	-webkit-transition: .28s ease;
	transition: .28s ease
}

[type=radio]:checked+span:after,
[type=radio]:checked+span:before,
[type=radio]:not(:checked)+span:after,
[type=radio]:not(:checked)+span:before {
	border-radius: 50%
}

[type=radio]:not(:checked)+span:after,
[type=radio]:not(:checked)+span:before {
	border: 2px solid #5a5a5a
}

[type=radio]:not(:checked)+span:after {
	-webkit-transform: scale(0);
	transform: scale(0)
}

[type=radio]:checked+span:before {
	border: 2px solid transparent
}

[type=radio]:checked+span:after {
	border: 2px solid #26a69a
}

[type=radio]:checked+span:after {
	background-color: #26a69a
}

[type=radio]:checked+span:after {
	-webkit-transform: scale(1.02);
	transform: scale(1.02)
}

[type=radio]:disabled:checked+span:before,
[type=radio]:disabled:not(:checked)+span:before {
	background-color: transparent;
	border-color: rgba(0, 0, 0, .42)
}

[type=radio]:disabled+span {
	color: rgba(0, 0, 0, .42)
}

[type=radio]:disabled:not(:checked)+span:before {
	border-color: rgba(0, 0, 0, .42)
}

[type=radio]:disabled:checked+span:after {
	background-color: rgba(0, 0, 0, .42);
	border-color: #949494
}

[type=checkbox]:checked,
[type=checkbox]:not(:checked) {
	position: absolute;
	opacity: 0;
	pointer-events: none
}

[type=checkbox]+span:not(.lever) {
	position: relative;
	padding-left: 35px;
	cursor: pointer;
	display: inline-block;
	height: 25px;
	line-height: 25px;
	font-size: 1rem;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

[type=checkbox]+span:not(.lever):before,
[type=checkbox]:not(.filled-in)+span:not(.lever):after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 18px;
	height: 18px;
	z-index: 0;
	border: 2px solid #5a5a5a;
	border-radius: 1px;
	margin-top: 3px;
	-webkit-transition: .2s;
	transition: .2s
}

[type=checkbox]:not(.filled-in)+span:not(.lever):after {
	border: 0;
	-webkit-transform: scale(0);
	transform: scale(0)
}

[type=checkbox]:not(:checked):disabled+span:not(.lever):before {
	border: none;
	background-color: rgba(0, 0, 0, .42)
}

[type=checkbox]:checked+span:not(.lever):before {
	top: -4px;
	left: -5px;
	width: 12px;
	height: 22px;
	border-top: 2px solid transparent;
	border-left: 2px solid transparent;
	border-right: 2px solid #26a69a;
	border-bottom: 2px solid #26a69a;
	-webkit-transform: rotate(40deg);
	transform: rotate(40deg);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-origin: 100% 100%;
	transform-origin: 100% 100%
}

[type=checkbox]:checked:disabled+span:before {
	border-right: 2px solid rgba(0, 0, 0, .42);
	border-bottom: 2px solid rgba(0, 0, 0, .42)
}

[type=checkbox]:indeterminate+span:not(.lever):before {
	top: -11px;
	left: -12px;
	width: 10px;
	height: 22px;
	border-top: none;
	border-left: none;
	border-right: 2px solid #26a69a;
	border-bottom: none;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-origin: 100% 100%;
	transform-origin: 100% 100%
}

[type=checkbox]:indeterminate:disabled+span:not(.lever):before {
	border-right: 2px solid rgba(0, 0, 0, .42);
	background-color: transparent
}

select {
	display: none
}

select {
	background-color: rgba(255, 255, 255, .9);
	width: 100%;
	padding: 5px;
	border: 1px solid #f2f2f2;
	border-radius: 2px;
	height: 3rem
}

.select-label {
	position: absolute
}

.select-wrapper {
	position: relative
}

.select-wrapper+label {
	position: absolute;
	top: -26px;
	font-size: .8rem
}

select:disabled {
	color: rgba(0, 0, 0, .42)
}

.select-wrapper.disabled+label {
	color: rgba(0, 0, 0, .42)
}

input[type=range] {
	cursor: pointer
}

input[type=range] {
	position: relative;
	background-color: transparent;
	border: none;
	outline: 0;
	width: 100%;
	margin: 15px 0;
	padding: 0
}

input[type=range]:focus {
	outline: 0
}

input[type=range] {
	-webkit-appearance: none
}

input[type=range]::-webkit-slider-runnable-track {
	height: 3px;
	background: #c2c0c2;
	border: none
}

input[type=range]::-webkit-slider-thumb {
	border: none;
	height: 14px;
	width: 14px;
	border-radius: 50%;
	background: #26a69a;
	-webkit-transition: -webkit-box-shadow .3s;
	transition: -webkit-box-shadow .3s;
	transition: box-shadow .3s;
	transition: box-shadow .3s, -webkit-box-shadow .3s;
	-webkit-appearance: none;
	background-color: #26a69a;
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	margin: -5px 0 0 0
}

input[type=range] {
	border: 1px solid #fff
}

input[type=range]::-moz-range-track {
	height: 3px;
	background: #c2c0c2;
	border: none
}

input[type=range]::-moz-focus-inner {
	border: 0
}

input[type=range]::-moz-range-thumb {
	border: none;
	height: 14px;
	width: 14px;
	border-radius: 50%;
	background: #26a69a;
	-webkit-transition: -webkit-box-shadow .3s;
	transition: -webkit-box-shadow .3s;
	transition: box-shadow .3s;
	transition: box-shadow .3s, -webkit-box-shadow .3s;
	margin-top: -5px
}

input[type=range]:-moz-focusring {
	outline: 1px solid #fff;
	outline-offset: -1px
}

input[type=range]::-ms-track {
	height: 3px;
	background: 0 0;
	border-color: transparent;
	border-width: 6px 0;
	color: transparent
}

input[type=range]::-ms-fill-lower {
	background: #777
}

input[type=range]::-ms-fill-upper {
	background: #ddd
}

input[type=range]::-ms-thumb {
	border: none;
	height: 14px;
	width: 14px;
	border-radius: 50%;
	background: #26a69a;
	-webkit-transition: -webkit-box-shadow .3s;
	transition: -webkit-box-shadow .3s;
	transition: box-shadow .3s;
	transition: box-shadow .3s, -webkit-box-shadow .3s
}

@-webkit-keyframes container-rotate {
	to {
		-webkit-transform: rotate(360deg)
	}
}

@keyframes container-rotate {
	to {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@-webkit-keyframes fill-unfill-rotate {
	12.5% {
		-webkit-transform: rotate(135deg)
	}
	25% {
		-webkit-transform: rotate(270deg)
	}
	37.5% {
		-webkit-transform: rotate(405deg)
	}
	50% {
		-webkit-transform: rotate(540deg)
	}
	62.5% {
		-webkit-transform: rotate(675deg)
	}
	75% {
		-webkit-transform: rotate(810deg)
	}
	87.5% {
		-webkit-transform: rotate(945deg)
	}
	to {
		-webkit-transform: rotate(1080deg)
	}
}

@keyframes fill-unfill-rotate {
	12.5% {
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg)
	}
	25% {
		-webkit-transform: rotate(270deg);
		transform: rotate(270deg)
	}
	37.5% {
		-webkit-transform: rotate(405deg);
		transform: rotate(405deg)
	}
	50% {
		-webkit-transform: rotate(540deg);
		transform: rotate(540deg)
	}
	62.5% {
		-webkit-transform: rotate(675deg);
		transform: rotate(675deg)
	}
	75% {
		-webkit-transform: rotate(810deg);
		transform: rotate(810deg)
	}
	87.5% {
		-webkit-transform: rotate(945deg);
		transform: rotate(945deg)
	}
	to {
		-webkit-transform: rotate(1080deg);
		transform: rotate(1080deg)
	}
}

@-webkit-keyframes blue-fade-in-out {
	from {
		opacity: 1
	}
	25% {
		opacity: 1
	}
	26% {
		opacity: 0
	}
	89% {
		opacity: 0
	}
	90% {
		opacity: 1
	}
	100% {
		opacity: 1
	}
}

@keyframes blue-fade-in-out {
	from {
		opacity: 1
	}
	25% {
		opacity: 1
	}
	26% {
		opacity: 0
	}
	89% {
		opacity: 0
	}
	90% {
		opacity: 1
	}
	100% {
		opacity: 1
	}
}

@-webkit-keyframes red-fade-in-out {
	from {
		opacity: 0
	}
	15% {
		opacity: 0
	}
	25% {
		opacity: 1
	}
	50% {
		opacity: 1
	}
	51% {
		opacity: 0
	}
}

@keyframes red-fade-in-out {
	from {
		opacity: 0
	}
	15% {
		opacity: 0
	}
	25% {
		opacity: 1
	}
	50% {
		opacity: 1
	}
	51% {
		opacity: 0
	}
}

@-webkit-keyframes yellow-fade-in-out {
	from {
		opacity: 0
	}
	40% {
		opacity: 0
	}
	50% {
		opacity: 1
	}
	75% {
		opacity: 1
	}
	76% {
		opacity: 0
	}
}

@keyframes yellow-fade-in-out {
	from {
		opacity: 0
	}
	40% {
		opacity: 0
	}
	50% {
		opacity: 1
	}
	75% {
		opacity: 1
	}
	76% {
		opacity: 0
	}
}

@-webkit-keyframes green-fade-in-out {
	from {
		opacity: 0
	}
	65% {
		opacity: 0
	}
	75% {
		opacity: 1
	}
	90% {
		opacity: 1
	}
	100% {
		opacity: 0
	}
}

@keyframes green-fade-in-out {
	from {
		opacity: 0
	}
	65% {
		opacity: 0
	}
	75% {
		opacity: 1
	}
	90% {
		opacity: 1
	}
	100% {
		opacity: 0
	}
}

@-webkit-keyframes left-spin {
	from {
		-webkit-transform: rotate(130deg)
	}
	50% {
		-webkit-transform: rotate(-5deg)
	}
	to {
		-webkit-transform: rotate(130deg)
	}
}

@keyframes left-spin {
	from {
		-webkit-transform: rotate(130deg);
		transform: rotate(130deg)
	}
	50% {
		-webkit-transform: rotate(-5deg);
		transform: rotate(-5deg)
	}
	to {
		-webkit-transform: rotate(130deg);
		transform: rotate(130deg)
	}
}

@-webkit-keyframes right-spin {
	from {
		-webkit-transform: rotate(-130deg)
	}
	50% {
		-webkit-transform: rotate(5deg)
	}
	to {
		-webkit-transform: rotate(-130deg)
	}
}

@keyframes right-spin {
	from {
		-webkit-transform: rotate(-130deg);
		transform: rotate(-130deg)
	}
	50% {
		-webkit-transform: rotate(5deg);
		transform: rotate(5deg)
	}
	to {
		-webkit-transform: rotate(-130deg);
		transform: rotate(-130deg)
	}
}

@-webkit-keyframes fade-out {
	from {
		opacity: 1
	}
	to {
		opacity: 0
	}
}

@keyframes fade-out {
	from {
		opacity: 1
	}
	to {
		opacity: 0
	}
}

@-webkit-keyframes pulse-animation {
	0% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
	50% {
		opacity: 0;
		-webkit-transform: scale(1.5);
		transform: scale(1.5)
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(1.5);
		transform: scale(1.5)
	}
}

@keyframes pulse-animation {
	0% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
	50% {
		opacity: 0;
		-webkit-transform: scale(1.5);
		transform: scale(1.5)
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(1.5);
		transform: scale(1.5)
	}
}

#content-container {
	position: relative;
	margin: 30px 0 50px 0;
	left: 50%;
	top: 0;
	transform: translate(-50%, 0);
	width: 500px;
	padding: 20px;
	text-align: center;
	box-shadow: 0 0 30px rgba(0, 0, 0, .2);
	background-color:#ffffff;
	background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' %3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg width='231pt' height='383pt' viewBox='0 0 231 383' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='%230160e7ff'%3E%3Cpath fill='%230160e7' opacity='1.00' d=' M 199.00 33.98 C 209.60 27.68 220.39 21.70 231.00 15.40 L 231.00 119.57 C 219.77 121.20 208.28 118.66 198.54 112.92 C 194.35 109.82 190.28 106.49 187.06 102.35 C 178.01 91.06 174.92 75.55 178.49 61.57 C 181.62 50.25 188.93 40.10 199.00 33.98 Z' /%3E%3C/g%3E%3Cg id='%2300050c0e'%3E%3Cpath fill='%2300050c' opacity='0.05' d=' M 174.20 73.19 C 174.93 69.15 175.02 64.38 178.49 61.57 C 174.92 75.55 178.01 91.06 187.06 102.35 C 184.80 103.63 182.55 104.92 180.30 106.21 C 175.85 95.87 172.48 84.56 174.20 73.19 Z' /%3E%3C/g%3E%3Cg id='%23deebfdff'%3E%3Cpath fill='%23deebfd' opacity='1.00' d=' M 180.30 106.21 C 182.55 104.92 184.80 103.63 187.06 102.35 C 190.28 106.49 194.35 109.82 198.54 112.92 C 201.00 117.64 205.84 120.23 210.32 122.67 C 216.75 125.96 223.95 126.94 231.00 127.98 L 231.00 137.12 C 220.19 136.72 209.42 133.51 200.35 127.58 C 195.68 124.74 192.03 120.59 188.21 116.75 C 185.02 113.65 183.30 109.33 179.81 106.50 L 180.30 106.21 Z' /%3E%3C/g%3E%3Cg id='%23f0f6ffff'%3E%3Cpath fill='%23f0f6ff' opacity='1.00' d=' M 44.55 184.62 C 89.64 158.58 134.74 132.57 179.81 106.50 C 183.30 109.33 185.02 113.65 188.21 116.75 C 192.03 120.59 195.68 124.74 200.35 127.58 C 209.42 133.51 220.19 136.72 231.00 137.12 L 231.00 217.82 C 212.02 228.51 193.31 239.68 174.34 250.40 C 167.33 254.51 160.00 258.37 154.21 264.19 C 141.26 277.08 135.22 296.81 139.47 314.67 C 140.50 319.91 142.82 324.76 144.98 329.61 C 139.18 332.89 133.52 336.40 127.61 339.47 C 110.39 348.34 90.15 351.06 71.16 347.34 C 51.09 343.49 32.43 332.40 19.66 316.42 C 7.34 301.39 0.41 282.16 0.00 262.75 L 0.00 258.43 C 0.78 237.70 8.81 217.20 22.92 201.93 C 29.12 195.02 36.52 189.25 44.55 184.62 Z' /%3E%3C/g%3E%3Cg id='%23cce0fcff'%3E%3Cpath fill='%23cce0fc' opacity='1.00' d=' M 198.54 112.92 C 208.28 118.66 219.77 121.20 231.00 119.57 L 231.00 127.98 C 223.95 126.94 216.75 125.96 210.32 122.67 C 205.84 120.23 201.00 117.64 198.54 112.92 Z' /%3E%3C/g%3E%3Cg id='%23ffffffff'%3E%3Cpath fill='%23ffffff' opacity='1.00' d=' M 174.34 250.40 C 193.31 239.68 212.02 228.51 231.00 217.82 L 231.00 344.50 C 223.03 349.22 215.07 354.39 205.92 356.46 C 189.65 360.48 171.74 356.42 158.65 345.99 C 153.15 341.44 148.29 335.97 144.98 329.61 C 142.82 324.76 140.50 319.91 139.47 314.67 C 135.22 296.81 141.26 277.08 154.21 264.19 C 160.00 258.37 167.33 254.51 174.34 250.40 Z' /%3E%3C/g%3E%3Cg id='%230000000e'%3E%3Cpath fill='%23000000' opacity='0.05' d=' M 205.92 356.46 C 215.07 354.39 223.03 349.22 231.00 344.50 L 231.00 358.92 C 222.05 363.66 212.05 366.16 201.98 366.81 C 194.59 366.65 187.16 365.37 180.22 362.81 C 173.75 360.48 168.17 356.34 162.80 352.15 C 160.89 350.54 158.43 348.83 158.65 345.99 C 171.74 356.42 189.65 360.48 205.92 356.46 Z' /%3E%3C/g%3E%3C/svg%3E%0A");
    background-position: top right;
    background-repeat: no-repeat;
	border-radius: 8px;
}

#locale-footer {
	display: block;
	margin: 80px 80px 20px
}

@media only screen and (max-width:768px) {
	#content-container {
		position: relative;
		margin: 50px 0;
		left: 50%;
		top: 0;
		transform: translate(-50%, 0);
		width: 500px;
		padding: 20px;
		text-align: center;
		box-shadow: 0 0 30px rgba(0, 0, 0, .2)
	}
	#locale-footer {
		display: block;
		margin: 80px 80px 20px
	}
}

@media only screen and (max-width:600px) {
	#content-container {
		position: relative;
		margin: 50px 0;
		left: 50%;
		top: 0;
		transform: translate(-50%, 0);
		width: 450px;
		padding: 20px;
		text-align: center;
		box-shadow: 0 0 30px rgba(0, 0, 0, .2)
	}
	#locale-footer {
		display: block;
		margin: 80px 70px 20px
	}
}

@media only screen and (max-width:500px) {
	#content-container {
		position: relative;
		margin: 50px 0;
		left: 50%;
		top: 0;
		transform: translate(-50%, 0);
		width: 400px;
		padding: 20px;
		text-align: center;
		box-shadow: 0 0 30px rgba(0, 0, 0, .2)
	}
	#locale-footer {
		display: block;
		margin: 80px 40px 20px
	}
}

@media only screen and (max-width:450px) {
	#content-container {
		position: relative;
		margin: 50px 0;
		left: 0;
		top: 0;
		transform: translate(0);
		width: 100%;
		padding: 20px;
		text-align: center;
		box-shadow: 0 0 30px rgba(0, 0, 0, .2)
	}
	#locale-footer {
		display: block;
		margin: 80px 20px 20px
	}
}

select[name=language] {
	display: block;
	margin-top: 20px
}

select[name=theme] {
	display: none
}

button[name=login] {
	margin-top: 20px;
	float: left;
	position: relative;
	display: inline-block;
	box-sizing: border-box;
	border: none;
	border-radius: 4px;
	padding: 0 16px;
	min-width: 64px;
	height: 36px;
	vertical-align: middle;
	text-align: center;
	text-overflow: ellipsis;
	text-transform: uppercase;
	color: rgb(var(--pure-material-onprimary-rgb, 255, 255, 255));
	background-color: rgb(var(--pure-material-primary-rgb, 33, 150, 243));
	box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
	font-family: var(--pure-material-font, "Roboto", "Segoe UI", BlinkMacSystemFont, system-ui, -apple-system);
	font-size: 14px;
	font-weight: 500;
	line-height: 36px;
	overflow: hidden;
	outline: 0;
	cursor: pointer;
	transition: box-shadow .2s
}

button[name=login]::-moz-focus-inner {
	border: none
}

button[name=login]::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgb(var(--pure-material-onprimary-rgb, 255, 255, 255));
	opacity: 0;
	transition: opacity .2s
}

button[name=login]::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	border-radius: 50%;
	padding: 50%;
	width: 32px;
	height: 32px;
	background-color: rgb(var(--pure-material-onprimary-rgb, 255, 255, 255));
	opacity: 0;
	transform: translate(-50%, -50%) scale(1);
	transition: opacity 1s, transform .5s
}

button[name=login]:focus,
button[name=login]:hover {
	box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12)
}

button[name=login]:hover::before {
	opacity: .08
}

button[name=login]:focus::before {
	opacity: .24
}

button[name=login]:hover:focus::before {
	opacity: .3
}

button[name=login]:active {
	box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12)
}

button[name=login]:active::after {
	opacity: .32;
	transform: translate(-50%, -50%) scale(0);
	transition: transform 0s
}

button[name=login]:disabled {
	color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), .38);
	background-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), .12);
	box-shadow: none;
	cursor: initial
}

button[name=login]:disabled::before {
	opacity: 0
}

button[name=login]:disabled::after {
	opacity: 0
}
.input-req-login label[for=pass], form > .input-req-login label[for=user] {
    display: block;
    text-align:left;
    font-size: 1rem;
    color: #2f2f2f;
}
#login-sub-header{
	background: rgba(52, 58, 64, 0.75);
    margin: 0px -20px 30px -20px;
    border-radius: 0px 40px 40px 0;
}
#forms font{
background-color:#676b70;
}
#forms font a{
background-color:white;
}