/* common */
body,tr,td,th {
	font-size:12px;
	color: #333333;
	line-height: 1.5;
}

/* pager */
.pager {
	width: 100%;
    display: flex;
    justify-content: space-between;
    margin: 6px 0;
}
.pager > a {
	width: 55px;
	height: 14px;
}
.pager > div {
	text-align: center;
}
.pager .current{
	font-weight: bold;
}

.page_action + .pager {
	border-bottom: 1px solid #A3A3A3;
    padding-bottom: 6px;
}

/* display */
.bold {
	font-weight: bold;
}

.error {
	color: #FF0000!important;
}
.warning {
	color: #3300CC!important;
}
.message {
	padding: 8px 0;
}

.left {
	text-align: left!important;
}
.center {
	text-align: center!important;
}
.right {
	text-align: right!important;
}
.fleft {
	float: left;
}
.fright {
	float: right;
}

/* estimation status */
.estimation_status0 {
	color: blue;
}
.estimation_status1 {
	color: red;
}
.estimation_status2 {
	color: grey;
}

/* item status */
.item_status0 {
	color: red;
}

/* message priority */
.priority1 {
	background-color: #FFFF00;
}

.priority2 {
	background-color: #FFA500;
}

.priority3 {
	background-color: #FF0000;
}

/* genre */
.edit.genre {
	width: 710px;
}
.genre .table th,
.genre .table td {
	border: 0;
}
.genre .table td {
	padding: 8px;
}
.genre .table table th,
.genre .table table td {
	padding: 1px;
}
.genre .table.items th {
	background-color: #FF8C00;
}
.genre .table tr > th.sub_genre {
	background-color: #FBAF5D!important;
}
.genre .table.members tr > th.sub_genre {
	background-color: #9A9AF8!important;
}
.genre .table td {
	background-color: #E9E9E9;
	vertical-align: top;
}
.genre .table table {
	width: 98%;
    margin: 0 6px 8px;
}
.genre .table table td.sub_genre {
	display: inline-flex;
	width: 160px;
}
.genre .table table table {
	margin: 2px 4px;
}
.genre .table table table th {
	white-space: nowrap;
}
.genre .table table table td {
	background-color: #FDE99C;
	white-space: nowrap;
}
.genre .table.members table table td {
	background-color: #E0E0FF;
}
.genre .set {
	text-align: left;
	padding: 8px;
}
.genre .set > ul {
	margin-bottom: 10px;
}
.genre .set > ul > li {
	list-style: disc;
	margin-left: 25px;
}
.genre .set {
	background-color: #E9E9E9;
}
.genre .set .selected {
    color: red;
}
.genre tr.genre_list {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

.genres label {
	padding: 2px;
	margin: 2px;
	display: inline-block;
	width: 170px;
}

.genres label input {
	margin-right: 5px;
}

/* genre list */
ul.genre > li {
	font-weight: bold;
}
ul.genre ul > li {
	font-weight: normal;
	list-style: disc;
	margin-left: 30px;
	text-indent: -4px;
}
ul.genre ul ul > li {
	list-style: circle;
	margin-left: 26px;
	text-indent: -4px;
}

/* graph */
.table.graph th {
	background-color: #00CCFF;
}
.table.graph td {
	padding: 5px;
}
.table.graph th:first-of-type,
.table.graph td:first-of-type {
	text-align: center;
}
td div.bar {
	background-color: #FFCC33;
	height: 1em;
	margin-left: -5px;
}

td.count {
	text-align: right;
	min-width: 0;

}

td.pl-cell {
	max-width: 0px;
	overflow-x: auto;
}

table.pl {
	width: auto;
}

table.pl td {
	width: auto !important;
}

.pl input[type=number]::-webkit-inner-spin-button,
.pl input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none !important;
	margin: 0 !important;
	-moz-appearance:textfield !important;
}

/* error message */
ul#error {
	color: red;
	margin-left: 20px;
}

ul#error li {
	line-height: 1.5em;
	padding: 0 0 4px 0;
    border: 0;
    list-style: disc;
}