body {
	font-family: "Noto Sans JP" !important;
}

table thead th[class^="sorting"] {
	padding: 0;
}

table thead th[class^="sorting"] a {
	position: relative;
	display: block;
	padding: 8px;
	width: 100%;
	height: 100%;
	color: #333;
	text-decoration: none;
}

table thead th[class^="sorting"] a:hover {
	color: #333;
	text-decoration: none;
}

table thead th[class^="sorting"] a:after {
	font-family: FontAwesome;
	content: '\f0dc';
	color: #d4d4d4;
	right: 0;
	position: absolute;
	top: 8px;
	right: 4px;
	display: block;
}

table thead th[class^="sorting"] a[class="asc"]:after {
	font-family: FontAwesome;
	content: '\f0de';
	color: #424242;
	right: 0;
	position: absolute;
	top: 8px;
	right: 4px;
	display: block;
}

table thead th[class^="sorting"] a[class="desc"]:after {
	font-family: FontAwesome;
	content: '\f0dd';
	color: #424242;
	right: 0;
	position: absolute;
	top: 8px;
	right: 4px;
	display: block;
}

.required > label:after {
	content: ' *';
	color: #c3232d;
}

.col-left-variable {
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	float: left;
	width: 100%;
	margin-right: -390px;
}

.col-right-fixed {
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	float: left;
	width: 390px;
}

.col-left-fixed {
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	float: left;
	width: 390px;
}

.col-right-variable {
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	float: left;
	width: 100%;
	margin-left: -390px;
}

.col-right-variable-in {
	margin-left: 390px;
}

.datepicker.dropdown-menu {
	z-index: 10000;
}

.form-control.date-picker {
	cursor: pointer;
}
