@charset "UTF-8";

/* 行の高さ調整 */
table.dataTable tbody td {
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}

/* ヘッダーの高さ調整 */
table.dataTable thead th {
	padding-top: 0px;
	padding-bottom: 0px;
}
/* スマホ・タブレット用（1024px以下） */
@media (max-width: 1024px) {
	/* 行の高さ調整 */
	table.dataTable tbody td {
		padding-top: 14px;
		padding-bottom: 14px;
	}

	/* ヘッダーの高さ調整 */
	table.dataTable thead th {
		padding-top: 14px;
		padding-bottom: 14px;
	}
	
	/* 折り返し (モバイル版の未収金管理テーブル用) */
	#data-table-kekka td .wrap-text {
		white-space: normal !important;
		word-break: break-word !important;
		max-width: 400px;
	}
}

/* 折り返し*/
#data-table-goods td .wrap-text {
	white-space: normal !important;
	word-break: break-word !important;
	max-width: 800px;
}
#data-table td .wrap-text {
	white-space: normal !important;
	word-break: break-word !important;
	max-width: 800px;
}

/* 選択された行の背景色を変更 */
#table tr.selected {
    --bs-table-bg: #d0ebff !important;
    background-color: #d0ebff !important;
}
/*テーブルのヘッダー背景色*/
thead th {
    background-color: #BDC3C7 !important;
	color: #333333;
}
/*ヘッダーのソート順のマークサイズ*/
.dt-column-order{
	font-size: 14px;
}
table.dataTable tbody tr {
	background-color: #ffffff; /* 白 */
}

/* テーブルの行に交互に色を付ける */
/*table.dataTable tbody tr:nth-child(odd) {*/
/*	background-color: #ffffff;*/ /* 白奇数 */
/*}*/
/*table.dataTable tbody tr:nth-child(even) {*/
/*	background-color: #e9e9e9;*/ /* 灰偶数*/
/*}*/
/* 行にカーソルを合わせたときのスタイル */
/*table.dataTable tbody tr:hover {*/
/*    background-color: #d0d0d0;*/ /* 濃い灰色 */
/*}*/
/* 折り畳まれた行にカーソルを合わせたときのスタイル */
/*table.dataTable>tbody>tr.child:hover {*/
/*	background-color: #d0d0d0 !important;*/ /* 濃い灰色 */
/*}*/
/*ページング配置右よせ*/
.dt-paging {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
/*入力欄バツボタン*/
input[type='search']::-webkit-search-cancel-button {
	filter: grayscale(1);
}

#dt-search-0 {
    margin-bottom: 10px; /* 検索ボックスとテーブルの間にスペースを追加 */
}

/* 選択された行の背景色を変更 */
#data-table tr.selected,
#data-table-goods tr.selected,
#data-table-kekka tr.selected,
#patient-select-table tr.selected {
    background-color: #d0ebff !important; /* 黄色に設定 */
}

#data-table th,
#data-table td {
    text-align: left !important; /* テキストを左揃えにする */
}
#data-table th {
    text-align: left !important; /* ヘッダーのテキストを左揃えにする */
}

/* 空データ行だけ中央揃えにする */
#data-table td.dt-empty {
    text-align: center !important;
}

span.dt-column-title {
	padding-left: 10px;
}
span.dtr-title {
	padding-left: 10px;
}

span.dtr-data {
	display: inline !important;
	white-space: normal !important;
	word-break: break-all !important;
	padding-left: 30px;
}

/* 表の縦線を消す */
tbody, td, tfoot, th, thead, tr {
	border-right-style: none;
	border-left-style: none;
}
/* 外枠のみ線を入れる */
table {
	border: 1px solid #a8a8a8; /* テーブル全体とセルの外枠に1pxの黒い線を指定 */
}

/* ヘッダーを縦書きに配置 */
.vertical-header{
	writing-mode: vertical-rl;  /*縦書き */
}

.table-text-width{
	width: 100px;
}

.table-select-width{
	width: 100%;
}

.goods-table-border{
	border-right: 1px solid #a8a8a8 !important;
}

/* 縦方向ヘッダー */
.vertical-align-header{
	left: 0; /*縦書き */
}

.actual-td{
	background-color: #ffffff;
	text-align: right;
	padding-right: 10px;
}

.actual-th{
	background-color: #CEF3FF;
	text-align: center;
}

.fixed-width-col {
    width: 90px !important;
    min-width: 90px !important;
    max-width: 90px !important;
	text-align: left !important;
}

.fixed-width-col-goods-search {
    width: 200px !important;
    min-width: 200px !important;
    max-width: 200px !important;
	text-align: left !important;
}

/* デフォルト（OFF）をtoggle-btn、input-btn両方に適用 */
#table .toggle-btn,
#table .input-btn {
  appearance: none;
  -webkit-appearance: none;
  display: block;        /* 高さが詰まるのを防ぐ */
  width: 100%;
  height: 100%;
  background-color: #EEEEEE;
  border: 1px solid #000000;
  box-sizing: border-box; /* 100%指定時のズレ防止 */
}

/* ON */
#table .toggle-btn.is-on {
  background-color: yellow !important; /* 効かない場合は yellow !important; に */
}