@charset "UTF-8";
/* アプリケーション全般スタイル */
html, body {
  height: 100%;
  overflow: hidden;
}

/* ヘッダ、フッダ */
header, footer {
  background-color: #00315E;
  color: #fff;
  position: sticky;
  width: 100%;
  padding: 5px;
  z-index: 10;
}

header {
  height: 64px;
  top: 0;
}
header span {
  display: inline-block;
}
header span:nth-child(1) {
  line-height: 100%;
  height: 100%;
  vertical-align: middle;
}
header span:nth-child(2) {
  float: right;
  text-align: right;
}

footer {
  height: 32px;
  top: 100vh;
}

/* パンくずリスト */
nav {
  padding: 4px 5px;
  position: sticky;
  top: 64px;
  z-index: 10;
}
nav ol {
  background-color: #fff !important;
  position: absolute;
  top: 0;
  width: 100%;
}

/* コンテンツエリア */
.contents-area {
  height: calc(100vh - 128px);
  overflow-y: auto;
}

/* スクロールバー*/
::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background-color: #ccc;
}

::-webkit-scrollbar-thumb {
  background-color: #17585d;
}

.customer-contents-annotation {
  font-size: 10px;
}

/* ラベル */
label:not(.value-label) {
  font-weight: bold;
}

/* 必須項目 */
label.required::before {
  content: " ※ ";
  color: #f00;
}

th.required::before {
  content: " ※ ";
  color: #f00;
}

/*
a {
    width: 200px;
}*/
/*
.contents-area {
    height: calc(100vh - 104px);
}*/
/* 罫線囲みコンテナ */
.container.border {
  padding: calc(var(--bs-gutter-x) * 0.5);
}

/* バリデーションエラーラベル */
label.error {
  color: #f00;
  display: none;
}

/* モーダルダイアログ */
/* 確認モーダルダイアログ*/
.modal-confirm-title {
  background-color: #ffa500;
  color: #000;
}

/* 確認モーダルダイアログ*/
.modal-complete-title {
  background-color: #006400;
  color: #FFF;
}

/* エラーモーダルダイアログ */
.modal-error-title {
  background-color: #f00;
  color: #fff;
}

/* テーブル共通スタイル */
table tbody tr.invalid td {
  background-color: #dcdcdc;
}

/**
 * コンポーネント
 */
/* 顧客情報 */
.card.customer-info {
  width: 32rem;
}

/* 登録者・更新者情報 */
.card.editor-info {
  width: 21rem;
}

/* ボタン */
button {
  width: 200px;
}

th, td {
  vertical-align: middle;
}

/* データ無しラベル*/
.no-data {
  color: #f00 !important;
  font-weight: bold !important;
  background-color: #ffb6c1 !important;
  padding: 5px !important;
  text-align: center !important;
  border: none;
}

.top-button {
  width: 100%;
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}

img.top_image_thumbnail {
  width: 100%;
}

.menu_outer_link {
  text-decoration: none;
  color: #000000;
}
.menu_outer_link div a {
  text-decoration: initial;
}

@charset "UTF-8";
/* 顧客情報 */
.customer-info .border div {
  padding: 3px;
}

/* 顧客検索 */
table#customer-list caption div div:nth-child(1) {
  text-align: left;
}
table#customer-list caption div div:nth-child(2) {
  text-align: right;
}
table#customer-list thead tr th:nth-child(2) {
  width: 100px;
}
table#customer-list thead tr th:nth-child(3) {
  width: 140px;
}
table#customer-list thead tr th:nth-child(5) {
  width: 290px;
}
table#customer-list tbody tr td {
  vertical-align: middle;
}

/* 顧客詳細 */
.col-12 {
  text-align: right;
}

.register-info div, .updater-info div {
  text-align: right;
}

table caption {
  font-weight: bold;
}
table caption div:nth-child(2) {
  text-align: right;
  /* a {
       width: 200px;
   }*/
}

table.follows-table tbody tr td:nth-child(1),
table.follows-table tbody tr td:nth-child(2),
table.follows-table tbody tr td:nth-child(4) {
  width: 120px;
}
table.follows-table tbody tr td:nth-child(5) {
  width: 50px;
}
table.follows-table tbody tr.completed_follow td {
  background-color: #cfcfcf;
}

table.visits-table tbody tr td:nth-child(1),
table.visits-table tbody tr td:nth-child(2),
table.visits-table tbody tr td:nth-child(3),
table.visits-table tbody tr td:nth-child(4),
table.visits-table tbody tr td:nth-child(5) {
  width: 100px;
}
table.visits-table tbody tr td:nth-child(7) {
  width: 50px;
}

table.cars-table tbody tr td:nth-child(1) {
  width: 50px;
}
table.cars-table tbody tr td:nth-child(2) {
  width: 200px;
}
table.cars-table tbody tr td:nth-child(3),
table.cars-table tbody tr td:nth-child(4),
table.cars-table tbody tr td:nth-child(5) {
  width: 150px;
}
table.cars-table tbody tr td:nth-child(6),
table.cars-table tbody tr td:nth-child(7) {
  width: 100px;
}
table.cars-table tbody tr td:nth-child(9) {
  width: 50px;
}

table.tires-table tbody tr td:nth-child(1) {
  width: 80px;
}
table.tires-table tbody tr td:nth-child(2),
table.tires-table tbody tr td:nth-child(3) {
  width: 150px;
}
table.tires-table tbody tr td:nth-child(11),
table.tires-table tbody tr td:nth-child(12) {
  width: 100px;
}
table.tires-table tbody tr td:nth-child(13) {
  width: 50px;
}

@charset "UTF-8";
/* ユーザ管理系画面スタイル */
#user-list thead {
  /*th:nth-child(2) {
      width: 190px;
  }*/
}
#user-list thead th:nth-child(1) {
  width: 32px;
}
#user-list thead th:nth-child(3),
#user-list thead th:nth-child(4) {
  width: 150px;
}
#user-list thead th:nth-child(5) {
  width: 80px;
}
#user-list thead th:nth-child(6) {
  width: 60px;
}
#user-list thead th:nth-child(7) {
  max-width: 480px;
}
#user-list thead th:nth-child(8) {
  width: 32px;
}
#user-list tbody td:nth-child(7) {
  max-width: 480px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

#visit-purchases-list thead tr th:nth-child(1) {
  width: 170px;
}
#visit-purchases-list thead tr th:nth-child(2) {
  width: 170px;
}
#visit-purchases-list thead tr th:nth-child(3) {
  width: 180px;
}
#visit-purchases-list thead tr th:nth-child(4) {
  width: 180px;
}
#visit-purchases-list thead tr th:nth-child(5) {
  width: 100px;
}
#visit-purchases-list thead tr th:nth-child(6) {
  width: 90px;
}
#visit-purchases-list tbody tr td:nth-child(1) {
  width: 170px;
}
#visit-purchases-list tbody tr td:nth-child(2) {
  width: 170px;
}
#visit-purchases-list tbody tr td:nth-child(3) {
  width: 180px;
}
#visit-purchases-list tbody tr td:nth-child(4) {
  width: 180px;
}
#visit-purchases-list tbody tr td:nth-child(5) {
  width: 100px;
}
#visit-purchases-list tbody tr td:nth-child(6) {
  width: 90px;
}
#visit-purchases-list tbody tr td:nth-child(7) {
  text-align: right;
}

table.tire-table thead tr th:nth-child(1) {
  width: 180px;
}
table.tire-table thead tr th:nth-child(2) {
  width: 100px;
}
table.tire-table thead tr th:nth-child(4) {
  width: 180px;
}
table.tire-table thead tr th:nth-child(5) {
  width: 100px;
}
table.tire-table thead tr th:nth-child(6) {
  width: 80px;
}
table.tire-table tbody tr td:nth-child(1) {
  width: 180px;
}
table.tire-table tbody tr td:nth-child(2) {
  width: 100px;
}
table.tire-table tbody tr td:nth-child(4) {
  width: 180px;
}
table.tire-table tbody tr td:nth-child(5) {
  width: 100px;
}
table.tire-table tbody tr td:nth-child(6) {
  width: 80px;
}
table.tire-table tfoot tr td:nth-child(4) {
  text-align: right;
}

.tire-image-table thead tr th:nth-child(1) {
  width: 220px;
}
.tire-image-table tbody td th:nth-child(1) {
  width: 220px;
}

.tire-image-table tbody tr td:nth-child(1) .thumbnail-wrapper {
  position: relative;
  width: 200px;
}
.tire-image-table tbody tr td:nth-child(1) .thumbnail-wrapper .image-delete-icon {
  color: #f00;
  font-weight: bold;
  position: absolute;
  top: 0;
  right: 0;
  background-color: #fff;
  text-align: center;
  opacity: 0.5;
  padding: 1px 2px 0 2px;
  display: none;
}
.tire-image-table tbody tr td:nth-child(1) .thumbnail-wrapper .image-delete-icon:hover {
  opacity: 1;
  cursor: pointer;
}
.tire-image-table tbody tr td:nth-child(1) .thumbnail-wrapper .tire-image-thumbnail {
  display: none;
  width: 200px;
}
.tire-image-table tbody tr td:nth-child(2) {
  vertical-align: top;
}

.row .tire-image-thumbnail {
  width: 200px;
}

#btn-sub-category-edit {
  display: none;
}

input[name=category] {
  display: none;
}

input[name=sub-category] {
  display: none;
}

#sub-category-loading-spinner {
  display: none;
  float: right;
}

tr.editing td {
  background-color: #e0ffff;
}

tr.disabled td {
  background-color: #cfcfcf;
}

.item-list th:nth-child(1), .item-list td:nth-child(1) {
  width: 100px;
}
.item-list th:nth-child(5), .item-list td:nth-child(5) {
  width: 100px;
}
.item-list th:nth-child(6), .item-list td:nth-child(6) {
  width: 70px;
}
.item-list th:nth-child(7), .item-list td:nth-child(7) {
  width: 70px;
}

.item-edit-list tr.editing td {
  background-color: #e0ffff;
}
.item-edit-list th:nth-child(1), .item-edit-list td:nth-child(1) {
  width: 100px;
}
.item-edit-list th:nth-child(5), .item-edit-list td:nth-child(5) {
  width: 70px;
}
.item-edit-list th:nth-child(6), .item-edit-list td:nth-child(6) {
  width: 100px;
}
.item-edit-list th:nth-child(7), .item-edit-list td:nth-child(7) {
  width: 70px;
}
.item-edit-list th:nth-child(8), .item-edit-list td:nth-child(8) {
  width: 70px;
}

#sales-list thead tr th:nth-child(1) {
  width: 50px;
}
#sales-list thead tr th:nth-child(2),
#sales-list thead tr th:nth-child(3),
#sales-list thead tr th:nth-child(6),
#sales-list thead tr th:nth-child(7) {
  width: 100px;
}
#sales-list thead tr th:nth-child(4),
#sales-list thead tr th:nth-child(5) {
  width: 150px;
}