/* ==============================
    一覧画面の検索欄でレイアウト定義専用cssファイル
   ============================== */

/*検索メニュー(これを頭につけることで上下左右の空白（5px）を作りつつボーダーが引かれる)*/
.search_box {
    padding: 5px 5px 5px 5px;
    border: 1px solid #989898;
    zoom: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/* ==============================
    各検索欄の高さを指定
   ============================== */
/*検索欄が1行の場合*/
.search_box_height {
    display: flex;
    align-items: center;
    height: 40px;
}
/* 検索欄が2行の場合 */
.search_box_height_two_row {
    display: flex;
    align-items: center;
    height: 80px;
}
/* 検索欄が3行の場合 */
.search_box_height_three_row {
    display: flex;
    align-items: center;
    height: 120px;
}
/* 検索欄が4行の場合 */
.search_box_height_four_row {
    display: flex;
    align-items: center;
    height: 160px;
}
/* 検索欄が5行の場合 */
.search_box_height_five_row {
    display: flex;
    align-items: center;
    height: 200px;
}
/* ==============================
    各検索欄の細かいレイアウト修正を定義するクラス
   ============================== */
/* 検索項目同士の横の間隔を統一 */
.search_box .input_box {
    float: left;
    margin: 0px 10px 0px 0px;
}
/* 検索欄の項目名（strong）の見た目(サイズ)を指定 */
/* .search_box .input_box strong {
    font-size: 13px;
    font-weight: normal;
    font-family: inherit;
} */
/* 検索項目の高さ中央寄せ */
.height_centering {
    display: flex;
    align-items: center;
}
/* 検索項目のセレクトボックスとテキストボックスの高さを固定（selectとinputでデフォルトの高さに違いがあるため） */
.input_box input[type="text"],
.input_box select {
    height: 30px;
    box-sizing: border-box;
}
/* 検索、クリアボタンで使われるクラス（searchbox.html） */
.search_box .search_button {
    display: flex;
    align-items: center; /* ← これで高さが揃う */
    margin-left: auto;
}
/* 検索欄は複数行分の高さがあるが、実際の表示は1行のみで常に1行目から表示したい場合 */
.search_box_from_top {
    display: flex;
    align-items: flex-start;
}
/* 上下に中央寄せをかけたい時（justify-contentが効かない場合があるため） */
.up_and_down_centering {
    margin-top: auto;
    margin-bottom: auto;
}
/* 名前項目専用の設定 */
.input_box.item-align-top {
    display: flex !important;
    align-items: baseline !important;
}
/* ==============================
    何に使われているかわからないもの
   ============================== */
.search_box:after {
    clear: both;
    display: block;
}
.search_box .right {
    float: right;
    margin: 1px 0px 0px 0px;
    padding: 0px;
}
/****IE用****/
* html .search_box .mark_box {
    height: 13px;
}
/****IE7用****/
*:first-child + html .search_box .mark_box {
    height: 13px;
}
/****IE用****/
* html .search_box .btn_box {
    margin: 0px 5px 0px 0px;
}
/****IE用****/
* html .search_box .line {
    width: 600px;
    padding: 0px 0px 5px 0px;
}
/****IE7用****/
*:first-child + html .search_box .line {
    width: 600px;
    padding: 0px 0px 7px 0px;
}

/* ==============================
    以下各検索項目の入力欄の幅を定めたクラス
   ============================== */
.name_input{
	/*名前の入力欄用*/
	width: 150px;
	height: auto;
}
.name_input_multiple{
/*名前の複数入力欄用*/
    width: 150px;
    height: 100px;
    min-height: 100px;
    max-height: 100px;
    margin: 0;
    display: inline-block;
    box-sizing: border-box;
}
.appointment_input{
/*役職の入力欄用*/
	width: 120px;
	height: auto;
}
.division_input{
/*雇用形態の入力欄用*/
	width: 120px;
	height: auto;
}
.group_name_input{
/*所属の入力欄用*/
	width: 320px;
	height: 30px;
}
.contract_user_name_input{
/*契約者名の入力欄用*/
	width: 360px;
	height: auto;
}
.mail_input{
/*メールアドレスの入力欄*/
	width: 250px;
	height: auto;
}
.applicant_input{
/*申請状況*/
	width: 80px;
	height: auto;
}
.user-status-select{
/*ユーザー状態*/
	width: 120px;
	height: auto;
}
.type_select {
/* 仕入取り込み一覧画面の種別 */
	width: 60px;
	height: auto;
}
.trading_target_name_input {
/* 取引先名 */
    max-width: 350px;
    min-width: 150px;
    field-sizing: content;
}
.national_bank_select {
/* 全銀出力（元出力済み） */
    width: 50px;
    height: auto;
}
.traffic_type_select {
/* 交通費区分 */
    max-width: 200px;
    width: auto;
	height: auto;
}
.payment_methods_select {
/* 支払方法 */
    width: 100px;
	height: auto;
}
.employee_number {
/* 社員番号 */
    width: 180px;
	height: auto;
}
.employee_number_multiple {
/* 社員番号複数入力欄用 */
    width: 180px;
    min-height: 90px !important;
    max-height: 100px !important;
    box-sizing: border-box !important;
}