/* ==========================================================================
   db_stallion_search.css
   /db/stallion_search 用スタイル。
   元はビュー側の <style> ブロックと <th width="X%"> / inline style として
   直書きされていた表示ルールを集約。
   ========================================================================== */


/* レース区切り線（DataTables の動的並び替えで利用される可能性のあるクラス） */
.race-separator td {
	border-top: 4px solid #000 !important;
}


/* 結果テーブル全体：縦中央揃え＋固定列幅 */
.db-ss-table {
	vertical-align: middle;
	table-layout:   fixed;
}

/* 列幅指定（旧 <th width="X%"> をすべて移植） */
.db-ss-table th:nth-child(1)  { width: 5.5%; } /* 開催日 */
.db-ss-table th:nth-child(2)  { width:   3%; } /* R */
.db-ss-table th:nth-child(3)  { width: 7.5%; } /* レース名 */
.db-ss-table th:nth-child(4)  { width: 3.5%; } /* ランク */
.db-ss-table th:nth-child(5)  { width:   3%; } /* 競馬場 */
.db-ss-table th:nth-child(6)  { width: 2.5%; } /* 種 */
.db-ss-table th:nth-child(7)  { width: 3.5%; } /* 距離 */
.db-ss-table th:nth-child(8)  { width:   2%; } /* 枠番 */
.db-ss-table th:nth-child(9)  { width:   2%; } /* 馬番 */
.db-ss-table th:nth-child(10) { width: 9.5%; } /* 馬名 */
.db-ss-table th:nth-child(11) { width: 7.5%; } /* 父 */
.db-ss-table th:nth-child(12) { width: 7.5%; } /* 母父 */
.db-ss-table th:nth-child(13) { width: 7.5%; } /* 父母父 */
.db-ss-table th:nth-child(14) { width: 7.5%; } /* 母母父 */
.db-ss-table th:nth-child(15) { width:   3%; } /* タイム */
.db-ss-table th:nth-child(16) { width: 2.5%; } /* 3F */
.db-ss-table th:nth-child(17) { width:   2%; } /* 馬場 */
.db-ss-table th:nth-child(18) { width:   3%; } /* 着順 */
.db-ss-table th:nth-child(19) { width:   6%; } /* 通過順 */
.db-ss-table th:nth-child(20) { width: 4.5%; } /* 騎手 */
.db-ss-table th:nth-child(21) { width:   3%; } /* 斤量 */
.db-ss-table th:nth-child(22) { width:   4%; } /* 人気 */


/* 検索ボタン・クリアボタンの固定高さ（旧 inline style="height: 38px;" 相当） */
.db-ss-form-button {
	height:      38px;
	white-space: nowrap;
	display:     flex;
	align-items: center;
	justify-content: center;
}


/* 血統セルのレイアウト（背景色は親要素から動的指定） */
.db-ss-stallion-cell {
	position: relative;
	padding:  5px;
}