body {
	background-color: #fbfbfb;
	color: black;
	font-size: 10pt;
	font-family: sans-serif;
}
td {
	vertical-align: top;
}
input,
select {
	border: 1px solid #c1c1c1;
	border-radius: 2px;
	margin: 0 3px;
	font-size: 12px;
}
input[type=button] {
	background-color: transparent;
	color: black;
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
input[type=button]:hover {
	background-color: #ebebeb;
	color: black;
}
input[type=button]:active {
	background-color: #dadada;
	color: black;
}
input.advanced {
	font-size: 9pt;
	width: 100%;
	padding: 0;
	margin-bottom: 3px;
}
td.advanced {
	width: 22px;
}
input.clear, input.number, input.operand, input.equal, input.other {
	font-size: 14pt;
}
input.clear, input.number, input.operand, input.equal, input.other {
	width: 100%;
	font-weight: bold;
	padding: 2px;
}
input.line {
	font-size: 15pt;
	font-weight: bold;
	width: 100%;
	box-sizing: border-box;
}
.keypad, .options, select {
	width: 100%;
	max-width: 300px;
	margin: auto;
	table-layout: fixed;
}
@media (max-width: 389px) {
	.hide_in_sidebar {
		display: none;
	}
}
@media (min-width: 390px) {
	.show_in_sidebar {
		display: none;
	}
}