@charset "utf-8";
:root
{
	--color-white: #fff;
	--color-black: #000;
	--color-orange: #f80;
	--color-red: #f00;
	--color-green: #080;
	--color-light-gray: #ddd;

}
input, select
{
	height: 30px;
	border: 1px solid var(--color-light-gray);
	border-radius: 3px;
	padding: 3px 15px 3px 5px;
	font-family:inherit;
	font-size:inherit;
	color:inherit;
	outline:none;
}
select
{
	height: 38px;
}

#index_filter
{
	padding: 15px;
	background-color: var(--color-light-gray);
}
#index_filter_month_box
{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
#index_tbl th,
#index_tbl td,
#index_tbl2 th,
#index_tbl2 td
{
	padding: 3px 5px;
}
.highlight
{
	background-color: var(--color-orange);
	color: var(--color-white);
}
.bg_red
{
	background-color: var(--color-red);
	color: var(--color-white);
}
.bg_green
{
	background-color: var(--color-green);
	color: var(--color-white);
}
#index_tbls
{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}
#index_tbls div
{
	padding: 15px;
}
#index_filter_params
{
	
}
.index_filter_param
{
	margin: 10px auto;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.index_filter_param div
{
	margin: 0px 5px;
}
.index_filter_param input
{
	width: 100px;
}