/*========= DataTables ===============*/
/* th, td */
table.dataTable thead th, table.dataTable tbody td {
	border-bottom: 0;
	padding-top: 3px;
	padding-bottom: 3px;
	white-space: pre;
	vertical-align: middle;
}

/* th */
table.dataTable thead tr th {
	color: white;
	background-color: var(--ftc-color);
	/* 上罫線に余計な線が入るので消す */
	border-top: 0px;
}

/* td 選択行 */
table.dataTable tbody tr.selected td {
	background-color: var(--ftc-middle-color);
	border-color: var(--ftc-middle-color);
}

/* th ソートアイコン(↑↓)を非表示 */
table.dataTable thead tr th::before, table.dataTable thead tr th::after {
	display: none !important;
}

/*========= DataTables Button ===============*/
/* DataTable用ボタン */
div.dt-buttons button.dt-button {
	background: no-repeat var(--ftc-color);
	border-color: transparent;
	color: white;
	font-size: 16px;
}

/* ボタン アクティブ・ホバー・フォーカス時 */ 
div.dt-buttons button.dt-button:active:not(.disabled):hover:not(.disabled),
div.dt-buttons button.dt-button:hover, div.dt-buttons button.dt-button:focus {
	background: no-repeat var(--ftc-hover-color);
	border-color: transparent;
	text-shadow: none;
}

/* ボタン 非活性時 */
div.dt-buttons button.dt-button.disabled {
	background: no-repeat var(--button-disable-color);
}

/*========= Pagenation ===============*/
/* li要素 */
div.dataTables_paginate ul.pagination li.paginate_button.page-item {
	background: none;
	border: none;
	box-shadow: none;
	padding: 0;
	margin: 0;
	width: 36px;
}

/* li要素(ホバー) */
div.dataTables_paginate ul.pagination li.paginate_button.page-item:hover {
	border: none;
}

/* a要素 */
div.dataTables_paginate ul.pagination li.paginate_button.page-item a.page-link {
	box-shadow: none;
	color: dimgray;
	padding: 0.5em 0;
}

/* a要素(アクティブ) */
div.dataTables_paginate ul.pagination li.paginate_button.page-item.active a.page-link {
	color: white;
	background-color: var(--ftc-color);
	border-color: var(--ftc-color);
}

/* a要素(非活性) */
div.dataTables_paginate ul.pagination li.paginate_button.page-item.disabled a.page-link {
	background-color: gainsboro;
}

/*========= Search Box ===============*/
/* アイコンを左端に表示 */
.form-control-sm {
	background: no-repeat url(../image/icon/search.svg);
	background-size: 20px;
	background-position: 5px 50%;
	padding-left: 30px;
}

/* 検索ボックス(フォーカス) */
.form-control-sm:focus {
	border-color: var(--ftc-color);
	box-shadow: none;
}

/*========= Processing ===============*/
div#mainTable_processing {
	border: none;
	background: no-repeat url(../image/icon/loading.svg);
	background-position: center;
	z-index: 1;
	height: 64px;
}