body {
	display: flex;
    min-height: 100vh;
    flex-direction: column;
}

main {
	flex: 1 0 auto;
}      

.tabs .tab a {
	color:#212121;
}
.tabs .tab a:hover {
	background-color:#e3f2fd;
	color:#212121;
}
.tabs .tab a:focus {
	background-color:#bbdefb;
}
.tabs .tab a:focus.active {
	background-color:#bbdefb;
}
.tabs .tab a.active {
	background-color:#bbdefb;
	color:#212121;
}
.tabs .indicator {
	background-color:#2196f3;
}

.input-field label {
	color: #000000;
}
.input-field input {
	color: #000000;
}
.input-field input:focus {
	border-bottom-color: #2196f3;
}

.input-field input:focus + label {
	color: #2196f3;
}


.input-field input.valid {
	border-bottom: 1px solid #ff9800;
	box-shadow: 0 1px 0 0 #ff9800;
}
.input-field input.invalid {
	border-bottom: 1px solid #ff9800;
	box-shadow: 0 1px 0 0 #ff9800;
}
.input-field .prefix.active {
	color: #000;
}