/**
 * 検索結果欄の共通CSS定義.
 */
/**
 * 色
 * #004CAD 青(濃)
 * #006AD7 青(中)
 * #0088FF 青(薄)
 */

/**
 * テーブル
 */
table.common-table {
	border-style: hidden;
	border-bottom: 1px solid #cccccc;
/*	width: auto; */
/*	table-layout: fixed;*/
}
table.common-table tbody {
	border: 1px solid #CCCCCC;
	vertical-align:middle;
	text-align:center;
}
table.common-table th {
	font-weight: 800;
	white-space: nowrap;
	padding: 0.5rem 0.5rem;
	height: 20px;
	vertical-align:middle;
	text-align:center;
}
/** ソート項目(昇順) */
table.common-table th.activeAsc::before {
	font-family: "Font Awesome 5 Free";
	content: "\f15d";
	font-weight: bold;
	font-size: 14px;
	margin-right: 4px;
	color: #99EEFF;
}
/** ソート項目(降順) */
table.common-table th.activeDesc::before {
	font-family: "Font Awesome 5 Free";
	content: "\f15e";
	font-weight: bold;
	font-size: 14px;
	margin-right: 4px;
	color: #99EEFF;
}

table.common-table tr.tr-shotei {
	background-color: #EFF8FF;
	color: #1B3393;
}

table.common-table tr.tr-houtei {
	background-color: #FFEFEF;
	color: #B20000;
}

table.common-table tr.tr-disabled {
	background-color: #BFBFBF;
}

table.common-table td {
	border: 1px solid #cccccc;
	padding: 0.2em 0.3em;
	vertical-align: middle;
	height: 2.4rem;
}

table.common-table td.td-label {
	font-weight: 700;
}

table.common-table td.td-start {
	border-left-style: none;
}

/* 区切り用：区切りの手前 */
table.common-table td.td-sep-pre {
	border-right-color: #FFFFFF;
}
/* 区切り用：区切り */
table.common-table td.td-sep {
	border-color: #FFFFFF;
}

/* 労働時間ハイライト：警告 */
table.common-table td.td-worktime-warning {
	background-color: #FFFF7B;
}

/* 労働時間ハイライト：異常 */
table.common-table td.td-worktime-error {
	background-color: #FFCCCC;
}

table.common-table button {
	padding: 0.2rem 0.6rem;
}

table.common-table.common-vertical-table td {
	border: 1px solid #cccccc;
	height: 2.8rem;
}

table.common-table.common-vertical-table th {
	border: 1px solid #cccccc;
	height: 2.8rem;
	text-align:left;
}

/**
 * 集計テーブル（ゆったり）
 */
table.common-summary-table {
	border-style: hidden;
	border-bottom: 1px solid #cccccc;
	width: auto;
/*	table-layout: fixed;*/
}
table.common-summary-table tbody {
	border: 1px solid #CCCCCC;
	vertical-align:middle;
	text-align:center;
}
table.common-summary-table th {
	font-weight: 800;
	white-space: nowrap;
	padding: 0.75rem 1.75rem;
	height: 30px;
	vertical-align:middle;
	text-align:center;
}
table.common-summary-table td {
	border: 1px solid #cccccc;
	padding: 0.2em 0.3em;
	vertical-align: middle;
	height: 2.4rem;
}

/**
 * テーブルタグに被せてスクロール制御等を行う
 */
.common-table-wrapper {
	height: 100%;
	overflow-y: auto;
	overflow-x: auto;
	border: 1px solid #cccccc"
}

/**
 * ページング
 */
.pagination {
	padding-left: 0;
	margin: 10px 0;
	border-radius: 4px;
	width:100%;
	justify-content: center;
	vertical-align:  middle;
}

.pagination > li {
	display: inline;
}

.pagination > li > a,
.pagination > li > span {
	position: relative;
	float: left;
	padding: 6px 12px;
	margin-left: -1px;
	line-height: 1.428571429;
	text-decoration: none;
	background-color: #ffffff;
	border: 1px solid #dddddd;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
	margin-left: 0;
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  background-color: #eeeeee;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
	z-index: 2;
	color: #ffffff;
	cursor: default;
	background-color: #428bca;
	border-color: #428bca;
}

.pagination > .disabled > span,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
	color: #999999;
	cursor: not-allowed;
	background-color: #ffffff;
	border-color: #dddddd;
}
.paging-area {
	flex-wrap: nowrap;
	justify-content: center;
	width:100%;
	vertical-align: middle;
	margin: auto;
}
.pagination-area {
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
/*	margin-top: -10px; */
	margin-top: 5px;
	height:30px;
	align-self: center
}
/** bootstrapﾊﾞｸﾞ？ */
.pagination-sm {
	list-style: none;
}
/** ページング.非アクティブリンク */
/*.pagination li:not(.active) a {
	background-color: #EEEEFF;
}
*/
/** 件数欄 */
.pagination-count {
	margin-top: 4px;
	margin-left: 5px;
	margin-right: 10px;
}

/**
　* ヘッダ行固定
 */
.fix-row-top th {
	position: sticky;
	z-index: 20;
	top: 0px;
}
/**
　* ヘッダ列固定
 * 複数列固定したい場合は個別に設定※してください。
 * ※left属性のみ上書きしたスタイルを定義
 */
th.fix-col-left,td.fix-col-left {
	position: sticky;
	z-index: 20;
	left: 0px;
}

/** 枠なしtd */
table.common-table td.no-border {
	border: 1px solid #FFFFFF;
}

/** 右枠だけ */
table.common-table td.border-only-right {
	border: 1px solid #FFFFFF;
	border-right-color: #CCCCCC;
	width: 50px;
	min-width: 50px;
}