body {
	font-family: "Open Sans", Ariel, Helvetica, sans-serif;
}

.greyed {
	color: #aaa;
}
.smashed {
	font-size: 0.5rem;
}
.squished {
	font-size: 0.75rem;
}
.failure {
	color: #a00;
}
.inline {
	display: inline-block;
}
.clear-both {
	clear: both;
}

.dump-toggle,
.chart-toggle,
.table-toggle {
	font-size: 0.5rem;
}
.toggle {
	font-size: 0.75rem;
}

.label {
	margin-left: 5px;
	margin-right: 5px;
	border: none;
	padding-left: 3px;
	padding-right: 3px;
	background: #fff;
}
.lead {
	clear: both;
}
.content {
	float: left;
}
.content::after {
	content: "";
	display: block;
	clear: both;
}
.input-filter {
	float: right;
	clear: both;
}

.input-button {
	margin: 3px;
	border-color: #fff;
	border-style: solid;
	border-width: 3px;
	border-radius: 3px;
	padding: 3px;
	font-weight: bold;
	cursor: pointer;
}
.input-button.selected {
        color: #fff;
	border-color: #444;
/*	border-style: solid; */
/*	border-width: 3px; */
	border-radius: 11px;
}

.input-button:hover,
.input-button.selected:hover {
	border-color: #444;
/*	border-style: solid; */
/*	border-width: 3px; */
}

.input-text {
	background: #fff;
}
.input-drop {
	background: #fff;
}

.input-select {
	background: #eee;
	color: #aaa;
}
.input-select.input-show {
	background: #aaa;
	color: #000;
}

.outputs {
	float: left;
	clear: left;
}
.rigging {
	float: right;
	clear: right;
}
.rigging::after {
	content: "";
	display: block;
	clear: both;
}

.view-setting {
	margin-left: 1rem;
}
.view-label {
	margin-right: 1rem;
}
.view-setting::before {
	content: "\2039"
}
.view-setting::after {
	content: "\203a"
}

button,
select,
input {
	font-family: "Open Sans", Ariel, Helvetica, sans-serif;
}
pre {
	font-family: "Inconsolata", monospace;
}
table.result-table td {
	font-family: "Inconsolata", monospace;
}
table.result-table th:hover {
	background: #ccc;
}
table.result-table th {
	background: #aaa;
}
table.result-table th.aes {
	background: linear-gradient(#ccc, #888);
}
table.result-table th.des {
	background: linear-gradient(#888, #ccc);
}
table.result-table tr:nth-of-type(odd) {
	background: #eee;
}
table.result-table th,
table.result-table td {
	border: none;
}
table.result-table td.datetime {
	text-align: left;
}
table.result-table td.datetime {
	text-align: center;
}
table.result-table td.int,
table.result-table td.float,
table.result-table td.result {
	text-align: right;
}


div.tip,
div.tooltip {
	position: absolute;
	margin: 8px;
	border-radius: 4px;
	padding: 4px;
	text-align: center;
	font-family: "Open Sans", Ariel, Helvetica, sans-serif;
	font-size: 8pt;
	background: #ccc;
	pointer-events: none;
}