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

.waves-effect {
	position:relative;
	cursor:pointer;
	display:inline-block;
	overflow:hidden;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-webkit-tap-highlight-color:transparent;
	vertical-align:middle;
	z-index:1;
	transition:.3s ease-out
}
.waves-effect .waves-ripple {
	position:absolute;
	border-radius:50%;
	width:20px;
	height:20px;
	margin-top:-10px;
	margin-left:-10px;
	opacity:0;
	background:rgba(0,
	0,
	0,
	0.2);
	transition:all 0.7s ease-out;
	transition-property:opacity,
	-webkit-transform;
	transition-property:transform,
	opacity;
	transition-property:transform,
	opacity,
	-webkit-transform;
	-webkit-transform:scale(0);
	transform:scale(0);
	pointer-events:none
}
.waves-effect.waves-light .waves-ripple {
	background-color:rgba(255,
	255,
	255,
	0.45)
}
.waves-effect.waves-red .waves-ripple {
	background-color:rgba(244,
	67,
	54,
	0.7)
}
.waves-effect.waves-yellow .waves-ripple {
	background-color:rgba(255,
	235,
	59,
	0.7)
}
.waves-effect.waves-orange .waves-ripple {
	background-color:rgba(255,
	152,
	0,
	0.7)
}
.waves-effect.waves-purple .waves-ripple {
	background-color:rgba(156,
	39,
	176,
	0.7)
}
.waves-effect.waves-green .waves-ripple {
	background-color:rgba(76,
	175,
	80,
	0.7)
}
.waves-effect.waves-teal .waves-ripple {
	background-color:rgba(0,
	150,
	136,
	0.7)
}
.waves-effect input[type="button"],
.waves-effect input[type="reset"],
.waves-effect input[type="submit"] {
	border:0;
	font-style:normal;
	font-size:inherit;
	text-transform:inherit;
	background:none
}
.waves-effect img {
	position:relative;
	z-index:-1
}
.waves-notransition {
	transition:none !important
}
.waves-circle {
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
	-webkit-mask-image:-webkit-radial-gradient(circle,
	#fff 100%,
	#000 100%)
}
.waves-input-wrapper {
	border-radius:0.2em;
	vertical-align:bottom
}
.waves-input-wrapper .waves-button-input {
	position:relative;
	top:0;
	left:0;
	z-index:1
}
.waves-circle {
	text-align:center;
	width:2.5em;
	height:2.5em;
	line-height:2.5em;
	border-radius:50%;
	-webkit-mask-image:none
}
.waves-block {
	display:block
}
.waves-effect .waves-ripple {
	z-index:-1
}
.modal {
	display:none;
	position:fixed;
	left:0;
	right:0;
	background-color:#fafafa;
	padding:0;
	max-height:70%;
	width:55%;
	margin:auto;
	overflow-y:auto;
	border-radius:2px;
	will-change:top,
	opacity
}
@media only screen and (max-width: 992px) {
	.modal {
		width:80%
	}
}
.modal h1,
.modal h2,
.modal h3,
.modal h4 {
	margin-top:0
}
.modal .modal-content {
	padding:24px
}
.modal .modal-close {
	cursor:pointer
}
.modal .modal-footer {
	border-radius:0 0 2px 2px;
	background-color:#fafafa;
	padding:4px 6px;
	height:56px;
	width:100%
}
.modal .modal-footer .btn,
.modal .modal-footer .btn-large,
.modal .modal-footer .btn-flat {
	float:right;
	margin:6px 0
}
.modal-overlay {
	position:fixed;
	z-index:999;
	top:-100px;
	left:0;
	bottom:0;
	right:0;
	height:125%;
	width:100%;
	background:#000;
	display:none;
	will-change:opacity
}
.modal.modal-fixed-footer {
	padding:0;
	height:70%
}
.modal.modal-fixed-footer .modal-content {
	position:absolute;
	height:calc(100% - 56px);
	max-height:100%;
	width:100%;
	overflow-y:auto
}
.modal.modal-fixed-footer .modal-footer {
	border-top:1px solid rgba(0,
	0,
	0,
	0.1);
	position:absolute;
	bottom:0
}
.modal.bottom-sheet {
	top:auto;
	bottom:-100%;
	margin:0;
	width:100%;
	max-height:45%;
	border-radius:0;
	will-change:bottom,
	opacity
}
.collapsible {
	border-top:1px solid #ddd;
	border-right:1px solid #ddd;
	border-left:1px solid #ddd;
	margin:.5rem 0 1rem 0
}
.collapsible-header {
	display:block;
	cursor:pointer;
	min-height:3rem;
	line-height:3rem;
	padding:0 1rem;
	background-color:#fff;
	border-bottom:1px solid #ddd
}
.collapsible-header i {
	width:2rem;
	font-size:1.6rem;
	line-height:3rem;
	display:block;
	float:left;
	text-align:center;
	margin-right:1rem
}
.collapsible-body {
	display:none;
	border-bottom:1px solid #ddd;
	box-sizing:border-box;
	padding:2rem
}
.side-nav .collapsible,
.side-nav.fixed .collapsible {
	border:none;
	box-shadow:none
}
.side-nav .collapsible li,
.side-nav.fixed .collapsible li {
	padding:0
}
.side-nav .collapsible-header,
.side-nav.fixed .collapsible-header {
	background-color:transparent;
	border:none;
	line-height:inherit;
	height:inherit;
	padding:0 16px
}
.side-nav .collapsible-header:hover,
.side-nav.fixed .collapsible-header:hover {
	background-color:rgba(0,
	0,
	0,
	0.05)
}
.side-nav .collapsible-header i,
.side-nav.fixed .collapsible-header i {
	line-height:inherit
}
.side-nav .collapsible-body,
.side-nav.fixed .collapsible-body {
	border:0;
	background-color:#fff
}
.side-nav .collapsible-body li a,
.side-nav.fixed .collapsible-body li a {
	padding:0 23.5px 0 31px
}
.collapsible.popout {
	border:none;
	box-shadow:none
}
.collapsible.popout>li {
	box-shadow:0 2px 5px 0 rgba(0,
	0,
	0,
	0.16),
	0 2px 10px 0 rgba(0,
	0,
	0,
	0.12);
	margin:0 24px;
	transition:margin 0.35s cubic-bezier(0.25,
	0.46,
	0.45,
	0.94)
}
.collapsible.popout>li.active {
	box-shadow:0 5px 11px 0 rgba(0,
	0,
	0,
	0.18),
	0 4px 15px 0 rgba(0,
	0,
	0,
	0.15);
	margin:16px 0
}
.chip {
	display:inline-block;
	height:32px;
	font-size:13px;
	font-weight:500;
	color:rgba(0,
	0,
	0,
	0.6);
	line-height:32px;
	padding:0 12px;
	border-radius:16px;
	background-color:#e4e4e4;
	margin-bottom:5px;
	margin-right:5px
}
.chip>img {
	float:left;
	margin:0 8px 0 -12px;
	height:32px;
	width:32px;
	border-radius:50%
}
.chip .close {
	cursor:pointer;
	float:right;
	font-size:16px;
	line-height:32px;
	padding-left:8px
}
.chips {
	border:none;
	border-bottom:1px solid #9e9e9e;
	box-shadow:none;
	margin:0 0 20px 0;
	min-height:45px;
	outline:none;
	transition:all .3s
}
.chips.focus {
	border-bottom:1px solid #26a69a;
	box-shadow:0 1px 0 0 #26a69a
}
.chips:hover {
	cursor:text
}
.chips .chip.selected {
	background-color:#26a69a;
	color:#fff
}
.chips .input {
	background:none;
	border:0;
	color:rgba(0,
	0,
	0,
	0.6);
	display:inline-block;
	font-size:1rem;
	height:3rem;
	line-height:32px;
	outline:0;
	margin:0;
	padding:0 !important;
	width:120px !important
}
.chips .input:focus {
	border:0 !important;
	box-shadow:none !important
}
.chips .autocomplete-content {
	margin-top:0
}
.prefix ~ .chips {
	margin-left:3rem;
	width:92%;
	width:calc(100% - 3rem)
}
.chips:empty ~ label {
	font-size:0.8rem;
	-webkit-transform:translateY(-140%);
	transform:translateY(-140%)
}
.materialboxed {
	display:block;
	cursor:-webkit-zoom-in;
	cursor:zoom-in;
	position:relative;
	transition:opacity .4s;
	-webkit-backface-visibility:hidden
}
.materialboxed:hover:not(.active) {
	opacity:.8
}
.materialboxed.active {
	cursor:-webkit-zoom-out;
	cursor:zoom-out
}
#materialbox-overlay {
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background-color:#292929;
	z-index:1000;
	will-change:opacity
}
.materialbox-caption {
	position:fixed;
	display:none;
	color:#fff;
	line-height:50px;
	bottom:0;
	left:0;
	width:100%;
	text-align:center;
	padding:0% 15%;
	height:50px;
	z-index:1000;
	-webkit-font-smoothing:antialiased
}
select:focus {
	outline:1px solid #c9f3ef
}
button:focus {
	outline:none;
	background-color:#2ab7a9
}
label {
	font-size:.8rem;
	color:#9e9e9e
}
::-webkit-input-placeholder {
	color:#d1d1d1
}
:-moz-placeholder {
	color:#d1d1d1
}
::-moz-placeholder {
	color:#d1d1d1
}
:-ms-input-placeholder {
	color:#d1d1d1
}
input:not([type]),
input[type=text],
input[type=password],
input[type=email],
input[type=url],
input[type=time],
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=tel],
input[type=number],
input[type=search],
textarea.materialize-textarea {
	background-color:transparent;
	border:none;
	border-bottom:1px solid #9e9e9e;
	border-radius:0;
	outline:none;
	height:3rem;
	width:100%;
	font-size:1rem;
	margin:0 0 20px 0;
	padding:0;
	box-shadow:none;
	box-sizing:content-box;
	transition:all 0.3s
}
input:not([type]):disabled,
input:not([type])[readonly="readonly"],
input[type=text]:disabled,
input[type=text][readonly="readonly"],
input[type=password]:disabled,
input[type=password][readonly="readonly"],
input[type=email]:disabled,
input[type=email][readonly="readonly"],
input[type=url]:disabled,
input[type=url][readonly="readonly"],
input[type=time]:disabled,
input[type=time][readonly="readonly"],
input[type=date]:disabled,
input[type=date][readonly="readonly"],
input[type=datetime]:disabled,
input[type=datetime][readonly="readonly"],
input[type=datetime-local]:disabled,
input[type=datetime-local][readonly="readonly"],
input[type=tel]:disabled,
input[type=tel][readonly="readonly"],
input[type=number]:disabled,
input[type=number][readonly="readonly"],
input[type=search]:disabled,
input[type=search][readonly="readonly"],
textarea.materialize-textarea:disabled,
textarea.materialize-textarea[readonly="readonly"] {
	color:rgba(0,
	0,
	0,
	0.26);
	border-bottom:1px dotted rgba(0,
	0,
	0,
	0.26)
}
input:not([type]):disabled+label,
input:not([type])[readonly="readonly"]+label,
input[type=text]:disabled+label,
input[type=text][readonly="readonly"]+label,
input[type=password]:disabled+label,
input[type=password][readonly="readonly"]+label,
input[type=email]:disabled+label,
input[type=email][readonly="readonly"]+label,
input[type=url]:disabled+label,
input[type=url][readonly="readonly"]+label,
input[type=time]:disabled+label,
input[type=time][readonly="readonly"]+label,
input[type=date]:disabled+label,
input[type=date][readonly="readonly"]+label,
input[type=datetime]:disabled+label,
input[type=datetime][readonly="readonly"]+label,
input[type=datetime-local]:disabled+label,
input[type=datetime-local][readonly="readonly"]+label,
input[type=tel]:disabled+label,
input[type=tel][readonly="readonly"]+label,
input[type=number]:disabled+label,
input[type=number][readonly="readonly"]+label,
input[type=search]:disabled+label,
input[type=search][readonly="readonly"]+label,
textarea.materialize-textarea:disabled+label,
textarea.materialize-textarea[readonly="readonly"]+label {
	color:rgba(0,
	0,
	0,
	0.26)
}
input:not([type]):focus:not([readonly]),
input[type=text]:focus:not([readonly]),
input[type=password]:focus:not([readonly]),
input[type=email]:focus:not([readonly]),
input[type=url]:focus:not([readonly]),
input[type=time]:focus:not([readonly]),
input[type=date]:focus:not([readonly]),
input[type=datetime]:focus:not([readonly]),
input[type=datetime-local]:focus:not([readonly]),
input[type=tel]:focus:not([readonly]),
input[type=number]:focus:not([readonly]),
input[type=search]:focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
	border-bottom:1px solid #26a69a;
	box-shadow:0 1px 0 0 #26a69a
}
input:not([type]):focus:not([readonly])+label,
input[type=text]:focus:not([readonly])+label,
input[type=password]:focus:not([readonly])+label,
input[type=email]:focus:not([readonly])+label,
input[type=url]:focus:not([readonly])+label,
input[type=time]:focus:not([readonly])+label,
input[type=date]:focus:not([readonly])+label,
input[type=datetime]:focus:not([readonly])+label,
input[type=datetime-local]:focus:not([readonly])+label,
input[type=tel]:focus:not([readonly])+label,
input[type=number]:focus:not([readonly])+label,
input[type=search]:focus:not([readonly])+label,
textarea.materialize-textarea:focus:not([readonly])+label {
	color:#26a69a
}
input:not([type]).valid,
input:not([type]):focus.valid,
input[type=text].valid,
input[type=text]:focus.valid,
input[type=password].valid,
input[type=password]:focus.valid,
input[type=email].valid,
input[type=email]:focus.valid,
input[type=url].valid,
input[type=url]:focus.valid,
input[type=time].valid,
input[type=time]:focus.valid,
input[type=date].valid,
input[type=date]:focus.valid,
input[type=datetime].valid,
input[type=datetime]:focus.valid,
input[type=datetime-local].valid,
input[type=datetime-local]:focus.valid,
input[type=tel].valid,
input[type=tel]:focus.valid,
input[type=number].valid,
input[type=number]:focus.valid,
input[type=search].valid,
input[type=search]:focus.valid,
textarea.materialize-textarea.valid,
textarea.materialize-textarea:focus.valid {
	border-bottom:1px solid #4CAF50;
	box-shadow:0 1px 0 0 #4CAF50
}
input:not([type]).valid+label:after,
input:not([type]):focus.valid+label:after,
input[type=text].valid+label:after,
input[type=text]:focus.valid+label:after,
input[type=password].valid+label:after,
input[type=password]:focus.valid+label:after,
input[type=email].valid+label:after,
input[type=email]:focus.valid+label:after,
input[type=url].valid+label:after,
input[type=url]:focus.valid+label:after,
input[type=time].valid+label:after,
input[type=time]:focus.valid+label:after,
input[type=date].valid+label:after,
input[type=date]:focus.valid+label:after,
input[type=datetime].valid+label:after,
input[type=datetime]:focus.valid+label:after,
input[type=datetime-local].valid+label:after,
input[type=datetime-local]:focus.valid+label:after,
input[type=tel].valid+label:after,
input[type=tel]:focus.valid+label:after,
input[type=number].valid+label:after,
input[type=number]:focus.valid+label:after,
input[type=search].valid+label:after,
input[type=search]:focus.valid+label:after,
textarea.materialize-textarea.valid+label:after,
textarea.materialize-textarea:focus.valid+label:after {
	content:attr(data-success);
	color:#4CAF50;
	opacity:1
}
input:not([type]).invalid,
input:not([type]):focus.invalid,
input[type=text].invalid,
input[type=text]:focus.invalid,
input[type=password].invalid,
input[type=password]:focus.invalid,
input[type=email].invalid,
input[type=email]:focus.invalid,
input[type=url].invalid,
input[type=url]:focus.invalid,
input[type=time].invalid,
input[type=time]:focus.invalid,
input[type=date].invalid,
input[type=date]:focus.invalid,
input[type=datetime].invalid,
input[type=datetime]:focus.invalid,
input[type=datetime-local].invalid,
input[type=datetime-local]:focus.invalid,
input[type=tel].invalid,
input[type=tel]:focus.invalid,
input[type=number].invalid,
input[type=number]:focus.invalid,
input[type=search].invalid,
input[type=search]:focus.invalid,
textarea.materialize-textarea.invalid,
textarea.materialize-textarea:focus.invalid {
	border-bottom:1px solid #F44336;
	box-shadow:0 1px 0 0 #F44336
}
input:not([type]).invalid+label:after,
input:not([type]):focus.invalid+label:after,
input[type=text].invalid+label:after,
input[type=text]:focus.invalid+label:after,
input[type=password].invalid+label:after,
input[type=password]:focus.invalid+label:after,
input[type=email].invalid+label:after,
input[type=email]:focus.invalid+label:after,
input[type=url].invalid+label:after,
input[type=url]:focus.invalid+label:after,
input[type=time].invalid+label:after,
input[type=time]:focus.invalid+label:after,
input[type=date].invalid+label:after,
input[type=date]:focus.invalid+label:after,
input[type=datetime].invalid+label:after,
input[type=datetime]:focus.invalid+label:after,
input[type=datetime-local].invalid+label:after,
input[type=datetime-local]:focus.invalid+label:after,
input[type=tel].invalid+label:after,
input[type=tel]:focus.invalid+label:after,
input[type=number].invalid+label:after,
input[type=number]:focus.invalid+label:after,
input[type=search].invalid+label:after,
input[type=search]:focus.invalid+label:after,
textarea.materialize-textarea.invalid+label:after,
textarea.materialize-textarea:focus.invalid+label:after {
	content:attr(data-error);
	color:#F44336;
	opacity:1
}
input:not([type]).validate+label,
input[type=text].validate+label,
input[type=password].validate+label,
input[type=email].validate+label,
input[type=url].validate+label,
input[type=time].validate+label,
input[type=date].validate+label,
input[type=datetime].validate+label,
input[type=datetime-local].validate+label,
input[type=tel].validate+label,
input[type=number].validate+label,
input[type=search].validate+label,
textarea.materialize-textarea.validate+label {
	width:100%;
	pointer-events:none
}
input:not([type])+label:after,
input[type=text]+label:after,
input[type=password]+label:after,
input[type=email]+label:after,
input[type=url]+label:after,
input[type=time]+label:after,
input[type=date]+label:after,
input[type=datetime]+label:after,
input[type=datetime-local]+label:after,
input[type=tel]+label:after,
input[type=number]+label:after,
input[type=search]+label:after,
textarea.materialize-textarea+label:after {
	display:block;
	content:"";
	position:absolute;
	top:60px;
	opacity:0;
	transition:.2s opacity ease-out,
	.2s color ease-out
}
.input-field {
	position:relative;
	margin-top:1rem
}
.input-field.inline {
	display:inline-block;
	vertical-align:middle;
	margin-left:5px
}
.input-field.inline input,
.input-field.inline .select-dropdown {
	margin-bottom:1rem
}
.input-field.col label {
	left:.75rem
}
.input-field.col .prefix ~ label,
.input-field.col .prefix ~ .validate ~ label {
	width:calc(100% - 3rem - 1.5rem)
}
.input-field label {
	color:#9e9e9e;
	position:absolute;
	top:0.8rem;
	left:0;
	font-size:1rem;
	cursor:text;
	transition:.2s ease-out;
	text-align:initial
}
.input-field label:not(.label-icon).active {
	font-size:.8rem;
	-webkit-transform:translateY(-140%);
	transform:translateY(-140%)
}
.input-field .prefix {
	position:absolute;
	width:3rem;
	font-size:2rem;
	transition:color .2s
}
.input-field .prefix.active {
	color:#26a69a
}
.input-field .prefix ~ input,
.input-field .prefix ~ textarea,
.input-field .prefix ~ label,
.input-field .prefix ~ .validate ~ label,
.input-field .prefix ~ .autocomplete-content {
	margin-left:3rem;
	width:92%;
	width:calc(100% - 3rem)
}
.input-field .prefix ~ label {
	margin-left:3rem
}
@media only screen and (max-width: 992px) {
	.input-field .prefix ~ input {
		width:86%;
		width:calc(100% - 3rem)
	}
}
@media only screen and (max-width: 600px) {
	.input-field .prefix ~ input {
		width:80%;
		width:calc(100% - 3rem)
	}
}
.input-field input[type=search] {
	display:block;
	line-height:inherit;
	padding-left:4rem;
	width:calc(100% - 4rem)
}
.input-field input[type=search]:focus {
	background-color:#fff;
	border:0;
	box-shadow:none;
	color:#444
}
.input-field input[type=search]:focus+label i,
.input-field input[type=search]:focus ~ .mdi-navigation-close,
.input-field input[type=search]:focus ~ .material-icons {
	color:#444
}
.input-field input[type=search]+label {
	left:1rem
}
.input-field input[type=search] ~ .mdi-navigation-close,
.input-field input[type=search] ~ .material-icons {
	position:absolute;
	top:0;
	right:1rem;
	color:transparent;
	cursor:pointer;
	font-size:2rem;
	transition:.3s color
}
textarea {
	width:100%;
	height:3rem;
	background-color:transparent
}
textarea.materialize-textarea {
	overflow-y:hidden;
	padding:.8rem 0 1.6rem 0;
	resize:none;
	min-height:3rem
}
.hiddendiv {
	display:none;
	white-space:pre-wrap;
	word-wrap:break-word;
	overflow-wrap:break-word;
	padding-top:1.2rem;
	position:absolute;
	top:0
}