body {
	background-color: #eee;
	font-family: sans-serif;
}

.h3{
	font-size: 130%;
	font-weight: bold;
}

input {
	box-sizing: border-box;
}

.mb-1{
	margin-bottom: 4px;
}

.card {
	margin-bottom: 24px;
	background-color: #fafafa;
}

.card-title {
	color:#36f;
	margin-right: 16px;
}

.main {
	display: flex;
	padding: 4px;
	/* background: red; */
}

.left {
	padding: 4px;
	/* background: lime; */
}

.right{
	width: 100%;
	/* background: lime; */
}

.block {
	padding: 4px;
}

.statistic_inner{
	display: flex;
	max-width: 1000px;
}

.statistic_inner_left{
	display: flex;
	flex-grow: 1;
}

.dev_object{
	margin-left: 2em;
}

.dev-object-title{
	cursor: pointer;
	border: 1px solid #222;
	border-radius: 3px;
	padding: .2em .5em;
}

.dev_tools{
	display: flex;
	flex-direction: column;
	/* background-color: #eee; */
	/* flex-grow: 0; */
}

.tools_title{
}

.tools_content{
	flex-grow: 1;
}

input{
	max-width: 6em;
}

input[type=file], input[type=submit]{
	max-width: 100%;
}

.frame {
	border: 1px solid #aaa;
	border-radius: 4px;
}

.line-bot {
	border-bottom: 1px solid #aaa;
}

.title {
	padding-right: 24px;
}

.param-name:after {
	content: ":";
}

.param-desc {
	font-size: 75%;
	/* padding-left: 24px */
}

.type {
	font-style: italic;
	font-size: 85%
}

.code {
	background-color: #111;
	margin-top: 8px;
	color: #ccc;
	border: 1px solid #aaa;
	font-size: 85%;
	font-family: monospace;
	white-space: pre;
}

.btn-primary{
	background-color: #0dcaf0;
	border: 0;
	border-radius: 4px;
	padding: 4px 8px;
}

.btn-primary:hover{
	background-color: #306aff;
}