/* layout */
body, p, form, input {
    margin: 0;
}

/*ページ全体のサイズ*/
body {
    font-family: "Meiryo UI";
    font-size: 12px;
}

/*システムヘッダー項目*/
.divUser {
    margin-right: 5px;
}

.divLogout {
    margin-right: 5px;
}

/*各画面のコンテンツ*/
.body-content {
    height: 750px;
}

.main-header {
    padding-top: 10px;
}

.main-headline{
  height : 5%;
  width : 100%;
  margin-left: auto;
  margin-right: 0px;
  text-align:right;
  clear:both;
}

.main-content {
    width: 100%;
}

/*明細一覧の横幅*/
.main-footer {
    height: 5%;
    width: 100%;
    margin-left: auto;
    margin-right: 0px;
    padding-top: 10px;
    text-align: right;
    clear: both;
}

/* skin */
.divHeader {
    padding: 0px 30px 0px;
}

.divSys-title {
    width: 200px;
    font-family: "Engravers MT";
    font-size: 30px;
    vertical-align: bottom;
    float: left;
}

.divSys-subtitle {
    font-family: "Meiryo UI";
    font-size: 30px;
    vertical-align: bottom;
    float: left;
}

.divLogout {
    font-size: 13px;
    color: #333;
    text-align: right;
}

.divUser {
    font-size: 14px;
    text-align: right;
}

.divHdLine {
    clear: both;
}

/*サイト内フォントカラー*/
.label {
    font-weight: bold;
}
/*リンク文字カラー*/
a {
    color: inherit;
}
/*リンクの無効時のスタイル*/
a:disabled{
    text-decoration: none !important;
}
/*検索機能*/
.search {
    font-size: 12px;
}

.search .searchItem {
    float: left;
    margin: 0 30px 0 0;
    height: 24px;
}

.searchColNm {
    text-align: right;
}

.lblMsg {
    width: 320px;
    margin-right: 100px;
    margin-left: auto;
    text-align: right;
}
/*ドロップダウンリスト*/
/*窓口*/
.ddlOffice{
    width: 100px;
}
/*書類形式記号*/
.ddlShoruiKigou{
    width: 70px;
}
/*ステータス*/
.ddlStatus{
    width: 100px;
}
/*ファイナンス名*/
.ddlFnNm {
    width: 150px;
}
/*テキストボックス*/
.txtShoruiNo {
    width: 100px;
}
.txtCarNo {
    width: 100px;
}

.txtVehicle {
    width: 70px;
}

.txtReportDate {
    width: 70px;
}

.txtTourokuNo {
    width: 100px;
}

.txtKouhu {
    width: 70px;
}

.txtYmd {
    width: 70px;
}

/*ボタンスタイル*/
.btn {
    border-radius: 5px;
}

/*ボタンDisable時*/
.btnDisable {
    border-radius: 5px;
}

.txtVertical .btn, .txtVertical .btnDisable {
    padding: 0px 5px;
}

/*一覧表示用スタイル*/
table.tblMeisai {
    width: 100%;
    border-spacing: 0;
}

table.tblMeisai th {
    padding: 0px 0px;
    font-weight: bold;
    line-height: 120%;
    text-shadow: 0 -1px 0 rgba(34,85,136,0.9);
    box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
    font-size: 13px;
}
.th {
    padding: 0px 0px !important;
    font-weight: bold !important;
    line-height: 120% !important;
    text-shadow: 0 -1px 0 rgba(34,85,136,0.9) !important;
    box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset !important;
    font-size: 13px !important;
}
/*左ヘッダー角を丸くする*/
table.tblMeisai th:first-child {
    border-radius: 0px 0 0 0;
}

/*右ヘッダー角を丸くする*/
table.tblMeisai th:last-child {
    border-radius: 0 0px 0 0;
    border-right: 1px solid #258;
    box-shadow: 2px 2px 1px rgba(0,0,0,0.1),0px 1px 1px rgba(255,255,255,0.3) inset;
}

table.tblMeisai tr td {
    padding: 1px 1px;
    font-size: 12px;
}

table.tblMeisai tr td:last-child {
    border-right: 1px solid;
    box-shadow: 2px 2px 1px rgba(0,0,0,0.1);
}

table.tblMeisai tr:last-child td {
    box-shadow: 2px 2px 1px rgba(0,0,0,0.1);
}

table.tblMeisai tr {
    background: #fff;
}

table.tblMeisai tr:last-child td:first-child {
    border-radius: 0 0 0 0;
}

table.tblMeisai tr:last-child td:last-child {
    border-radius: 0 0 0 0;
}

/*一覧のボタンスタイル*/
.meiButton {
    font-size: 10px;
    width: 60px;
}

/*遷移・登録系ボタン*/
.submit input {
    padding-top: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    padding: 8px 0 10px;
    border-radius: 5px;
    box-shadow: 2px 2px #1a6ea0;
    text-shadow: 0 -1px #1a6ea0;
    border-radius: 5px;
}

.submit input:hover {
    background: #4169e1;
}

/*遷移・登録系ボタン(ボタン名称改行用) */
.divSubMenu .submit button {
    padding-top: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    padding: 8px 0 10px;
    border-radius: 5px;
    box-shadow: 2px 2px #1a6ea0;
    text-shadow: 0 -1px #1a6ea0;
    border-radius: 5px;
}

.divSubMenu .submit button:hover {
    background: #4169e1;
}
/* Add START 20210603 交付記録削除・ステータス戻し機能追加　T.Nishimori */
/*削除系ボタン ※赤いボタンにして目立たせる */
.submit input.delete {
    background-color: red;
    padding-top: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    padding: 8px 0 10px;
    border-radius: 5px;
    box-shadow: 2px 2px #a01a2c;
    text-shadow: 0 -1px #a01a2c;
    border-radius: 5px;
}

.submit input.delete:hover {
	background: #c72820;
}
/* Add END 20210603 */

/*フッターボタンスタイル*/
.btnFooter {
    width: 80px;
}

/*ヘッダーボタンスタイル*/
.btnHeader{
    width:80px;
    float:right;
 }

/*プルダウンスタイル*/
/*プルダウンをラベルで括りラベルに適用*/
.sltDisabled select::-ms-expand {
    display: none;
}
/* font */
#form p {
    font-weight: bold;
}

#form .form-title {
    font-size: 22px;
}

#form .form-left-title {
    font-size: 22px;
    text-align:left;
}

/* skin */
#form {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

#form .form-title {
    padding-top:4px;
    padding-bottom: 12px;
    margin-bottom: 20px;
}

#form {
    margin: 10px auto;
    padding: 5px;
    border: 1px solid #555;
}

form p {
    font-size: 14px;
}

.txtRight {
    text-align: right;
}

.txtCenter {
    text-align: center;
}

.txtVertical {
    writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    padding: 5px;
}

.number {
    text-align: right;
}

.checkBoxNm {
    text-align: left;
}
.checkBox {
    text-align: center;
}

.divClear {
    clear: both;
}

/* 正常メッセージ関連 */
.successmsg {
    font-size: 12px;
}

.successmsg.page {
    margin: 0;
    padding: 0;
    border-radius: 4px;
}

.successmsg.page li {
    margin: 3px 0;
}

.successmsg.item {
    margin: 0 0;
    padding: 0 0;
    display: none;
}
/* 警告メッセージ関連 */
.warnmsg {
    font-size: 12px;
    color: #FF0000 !important;
}

.warnmsg.page {
    margin: 0;
    padding: 0;
    /*20180912 SHAN start*/
    border: 1px solid #dff9fd;
    /*20180912 SHAN End*/
    border-radius: 4px;
     /*20180912 SHAN start*/
    background: #dff9fd;
     /*20180912 SHAN End*/
}

.warnmsg.page li {
    margin: 3px 0;
}

.warnmsg.item {
    margin: 0 0;
    padding: 0 0;
    display: none;
}
/* エラーメッセージ関連 */
.errmsg {
    font-size: 12px;
    color: #FF0000 !important;
}

.errmsg.page {
    margin: 0;
    padding: 0;
    border: 1px solid #f1a899;
    border-radius: 4px;
    background: #fddfdf;
}

.errmsg.page li {
    margin: 3px 0;
}

.errmsg.item {
    margin: 0 0;
    padding: 0 0;
    display: none;
}

/*エラーアイコンの背景と枠を表示させない*/
.ui-state-error {
    border: none;
    background: none;
}

/*エラー時の表示*/
.errBackground {
    background: #fddfdf;
}

/* 警告ダイアログ関連 */
.warningDialog {
    font-size: 16px;
}

.warningDialog .ui-dialog-titlebar {
    border: 1px solid #4297d7;
    background: #5c9ccc;
    color: #ffffff;
}

.warningDialog .ui-dialog-content {
    color: #077685;
}

.warningDialog .ui-dialog-buttonpane {
    padding: 0 5px !important;
}

.warningDialog .ui-button {
    border: 1px solid #c5dbec;
    background: #dfeffc;
    color: #2e6e9e;
    font-weight: bold;
}

.warningDialog .ui-button:hover, .infomationDialog .ui-button:focus {
    border: 1px solid #79b7e7;
    background: #d0e5f5;
    font-weight: bold;
    color: #1d5987;
}

/* ダイアログ関連 */
.confirmDialog {
    font-size: 16px;
}

.confirmDialog .ui-dialog-buttonpane {
    padding: 0 5px !important;
}

.confirmDialog .ui-button {
    font-weight: bold;
}

.confirmDialog .ui-button:hover, .confirmDialog .ui-button:focus {
    font-weight: bold;
}

#dialogInfoMsg,
#dialogMsg {
    white-space: pre-line;
}

/* 20210604 Add START */
/* 削除確認ダイアログ関連 */
.deleteDialog {
    font-size: 16px;
}

.deleteDialog .ui-dialog-titlebar {
    border: 1px solid #e62c4b;
    background: #ed0202;
    color: #ffffff;
}

.deleteDialog .ui-dialog-content {
    color: #fc0000;
}

.deleteDialog .ui-dialog-buttonpane {
    padding: 0 5px !important;
}

.deleteDialog .ui-button {
    border: 1px solid #fcd4dd;
    background: #fff2f5;
    color: #d40209;
    font-weight: bold;
}

.deleteDialog .ui-button:hover, .deleteDialog .ui-button:focus {
    border: 1px solid #f7c6f5;
    background: #fae3f9;
    font-weight: bold;
    color: #d40209;
}
/* 20210604 Add END*/

/*ツールチップスタイル(メッセージ)*/
.ui-tooltip {
    font-weight: bold;
    word-wrap: break-word;
}

.err-tooltip {
    font-size: 12px;
    color: #FF0000 !important;
    background: #fddfdf;
    word-wrap: break-word;
}

/* テーブルソート関連 */
.tablesorter thead tr th {
    background-repeat: no-repeat !important;
	background-position: center right !important;
    padding: 6px;
}

.tablesorter thead tr th a {
    cursor: pointer;
	text-decoration: none !important;
}

.tablesorter thead tr .default {
    background-image: url(../../Common/Img/tablesorter/bg.gif) !important;
}

.tablesorter thead tr .sortedAsc {
    background-image: url(../../Common/Img/tablesorter/desc.gif) !important;
}

.tablesorter thead tr .sortedDesc {
    background-image: url(../../Common/Img/tablesorter/asc.gif) !important;
}

/*ページングスタイル*/
ul.pageNav {
	margin: 0 0 0 0px;
	padding: 12px;
	text-align: center;
}

ul.pageNav li {
	display: inline;
	margin: 0 1px;
	padding: 0;
}

ul.pageNav li a{
	display: inline-block;
	padding: 1px 8px;
	background: #ffffff;
	border: 1px solid #ccc;
	vertical-align: middle;
	text-decoration: none;
}
ul.pageNav li a.disabled{
    background: #efefef;
}
ul.pageNav li a:hover {
	background: #efefef;
}
ul.pageNav li a{
	display: inline-block;
	padding: 1px 8px;
	background: #ffffff;
	border: 1px solid #ccc;
	vertical-align: middle;
	text-decoration: none;
}

/* QRボタン関連 */
.btnQR {
    width: 110px;
}
.btnQR.scanning {
    background-color: #ffff00 !important; /* 黄色 */
    color: #000000 !important; /* 黒色 */
}
.btnQR.completed {
    background-color: #767676 !important; /* 灰色 */
}

/*SELECT2関連*/
.select2-container--default .select2-selection--single {
    border-radius: 2px;
    height: 19px;
    line-height: 19px;
    min-width: 70px;
    font-size: 13.333px;
    font-family: Arial;
    border: 1px solid #777 !important;
}

/* 内部のテキストを垂直方向に中央揃え */
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 19px;
    padding-left: 4px !important;
}

/* ドロップダウンの矢印位置を調整 */
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 19px;
    top: 0px; /* 上方向に少し移動して中央に調整 */
}

    /* Select2の矢印を黒に変更 */
    .select2-container--default .select2-selection--single .select2-selection__arrow b {
        border-color: #000000 transparent transparent transparent !important;
    }

/* ドロップダウンが開いているときの上向き矢印も黒に変更 */
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #000000 transparent !important;
}

/* 非活性状態の通常セレクトボックスのスタイル */
.sltDisabled select {
    color: #999999 !important;
}

/* SELECT2用の非活性スタイル - 枠線と背景色 */
.sltDisabled .select2-container--default .select2-selection--single {
    border: 1px solid #ccc !important; /* 非活性時の枠線色 */
    background-color: #f5f5f5 !important; /* 非活性時の背景色 */
}

/* SELECT2用の非活性スタイル - テキスト色 */
.sltDisabled .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #999999 !important;
}

/* 非活性時の矢印スタイル */
.sltDisabled .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #aaa transparent transparent transparent !important;
}