@charset "UTF-8";

/*========= Common Table ===============*/
table.dataTable thead th, .table thead th {
	padding-top: 3px;
	padding-bottom: 1px;
/*	white-space: nowrap; */
	white-space: pre;
	vertical-align: middle;
}

table.dataTable tfoot th, .table tfoot th {
	padding-top: 1px;
	padding-bottom: 1px;
}

.table tbody td {
	padding-top: 1px !important;
	padding-bottom: 1px !important;
}

.table-min thead th {
	font-size: 15px;
}

table.dataTable tbody td, .table tbody td {
	white-space: pre;
}

.table-min tbody td {
	font-size: 15px;
}

/* データテーブル ヘッダーの色 */
.table .thead-light th {
	color: white !important;
	background-color: var(--ftc-color);
}

/* データテーブル 偶数行の色 */
table.dataTable tbody tr.even {
	background-color: #EEEEEE;
}

/* データテーブル 選択行の色 */
table.dataTable tbody tr.selected td {
	background-color: var(--ftc-middle-color);
	border-color: var(--ftc-middle-color) !important;
}

/* データテーブル ヘッダーのソートアイコンを非表示 */
.table thead th.dt-head-center::before, .table thead th.dt-head-center::after {
	display: none;
}

/*========= DataTables Button ===============*/
button.dt-button, div.dt-button, a.dt-button {
	background: no-repeat var(--ftc-color);
	border: none !important;
	color: white !important;
}

button.dt-button:hover, div.dt-button:hover, a.dt-button:hover,
button.dt-button:focus, div.dt-button:focus, a.dt-button:focus {
	background: no-repeat var(--ftc-hover-color) !important;
}

button.dt-button.disabled, div.dt-button.disabled, a.dt-button.disabled {
	background: no-repeat var(--button-disable-color) !important;
}

/*========= Pagenation ===============*/
.dataTables_wrapper .dataTables_paginate .paginate_button {
	background: none !important;
	border: none !important;
	box-shadow: none !important;
	padding: 0;
	margin: 0;
	width: 36px;
}

.page-link {
	color: dimgray;
	border-color: lightgray;
	text-decoration: none;
	padding: 0.5em 0;
}

/* デフォルトのpagenation.scssに負けるので明示的に定義 */
.page-link:hover {
	color: dimgray;
	background-color: #EEEEEE;
	border-color: lightgray;
}

.page-item.disabled .page-link {
	border-color: lightgray;
}

.page-item.active .page-link {
	background-color: var(--ftc-color);
	border-color: var(--ftc-color);
}

.page-link:focus {
	box-shadow: none;
}

/*========= Search Box ===============*/
.form-control-sm {
	background: no-repeat url(../../image/common/search.svg);
	background-size: 20px;
	background-position: 5px 50%;
	padding-left: 30px;
}

.form-control-sm:focus {
	border-color: var(--ftc-color);
	box-shadow: none;
}


.container {
	/* 	margin-left: 15px !important; */
	/* 	margin-right: 15px !important; */
	max-width: 100%;
	margin: 0;
}

.formPadding {
	/* 	padding-right: 15px !important; */
	/* 	padding-left: 15px !important; */
	margin: 0 1rem 0.5rem;
}

.textRed {
	color: #FF0000;
}

/*========= Modal ===============*/
.modal-header, .modal-footer {
	justify-content: center;
}

.modal.show .modal-dialog {
	max-height: 90%;
	min-height: 200px;
	width: auto;
}

.modal-body {
	overflow-x: hidden;
	overflow-y: auto;
}

/* モーダル背景 */
.modal-open .modal {
	overflow-x: hidden;
	overflow-y: hidden;
}

.modal-open, element.style {
	padding-right: 0px !important;
}

/* .modal-open .modal::-webkit-scrollbar {
 display: none;
} */

.bg-dark {
	background-color: #9E1226 !important;
}

.nav-link_ftc {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

.tdselected {
	background-color: #B0BED9;
}
/* 選択した　*/
table.dataTable tbody tr.fnotuse, table.dataTable tbody td.fnotuse {
	background-color: #ffa6a6;
}

/* 表示色　ボーダー*/
table.dataTable tbody tr.error td.dt-head-center {
	border-right: none !important;
	border-left: none !important;
}

.error {
	background-color: #ebff72 !important;
}

/* 名折り返し禁止 */
table.dataTable tbody td.mItemName {
	white-space: nowrap
}

/*試作　テーブルサイズ自動調整*/
.sample {
	table-layout: fixed;
	width: 100%;
}

.diffSchActRow {
	background-color: pink !important;
}