body {
	background-color: #121212;
	color: #e0e0e0;
}

a {
	color: #f77;
}

.panel {
	border-color: #444;
	background-color: #1e1e1e;
}

.title {
	background-color: #3b4b90;
	color: white;
}

.content {
	color: #e0e0e0;
}

.footer-icon {
	height: 1.5em;
	vertical-align: middle;
	margin-right: 0.35rem;
	margin-bottom: 0px;
}

input,
select,
textarea {
	background-color: #2b2b2b;
	color: #e0e0e0;
	border: 1px solid #444;
	padding: 2px;
	transition: background-color 0.3s, border-color 0.3s;
}

input:hover,
select:hover,
textarea:hover {
	background-color: #383838;
	border-color: #666;
}

input:focus,
select:focus,
textarea:focus {
	background-color: #404040;
	border-color: #5060b0;
	outline: none;
}

#calculateButton,
#defaultButton,
#readSaveButton {
	background-color: #1e1e1e;
	border-color: white;
	transition: background-color 0.2s, color 0.2s, border-color 0.2s;
	color: white;
}

#calculateButton:hover,
#defaultButton:hover,
#readSaveButton:hover {
	background-color: #5060b0;
	color: white;
}

#calculateButton:active,
#defaultButton:active,
#readSaveButton:active {
	border-color: #405070;
	background-color: #405070;
	color: white;
}

#showAdvanced {
	background-color: #1e1e1e;
	color: white;
}

hr {
	background: black;
}