@charset "UTF-8";
/**
* 共通 css
*/
body {
  font-size: 1rem;
  font-family: initial;
}

.modal-open {
  overflow: auto;
  padding-right: 0 !important;
}

.breadcrumb {
  display: flex;
}

.breadcrumb-item {
  list-style: none;
  margin-left: 12px;
}

a:focus {
  outline: none !important;
}

button:focus {
  outline: none !important;
}

table.que thead tr {
  background: #93BFB2 !important;
}
table.que tbody:not(.even_only) {
  /* 偶数行 */
  /* 奇数行 */
}
table.que tbody:not(.even_only) tr:nth-child(even) {
  background: #F2FCF3 !important;
}
table.que tbody:not(.even_only) tr:nth-child(odd) {
  background: #F2F0E1 !important;
}
table.que tbody.even_only {
  /* 行をすべて偶数行色にする */
  background: #F2FCF3 !important;
}
table.que tbody tr td.odd_only {
  /* 背景色を奇数行色にする */
  background: #F2F0E1 !important;
}

table.bg-blue thead tr {
  background: #9DC3E6 !important;
}
table.bg-blue tbody:not(.even_only) {
  /* 偶数行 */
  /* 奇数行 */
}
table.bg-blue tbody:not(.even_only) tr:nth-child(even) {
  background: #DEEBF7 !important;
}
table.bg-blue tbody:not(.even_only) tr:nth-child(odd) {
  background: #e9f1f8 !important;
}
table.bg-blue tbody.even_only {
  /* 行をすべて偶数行色にする */
  background: #DEEBF7 !important;
}
table.bg-blue tbody tr td.odd_only {
  /* 背景色を奇数行色にする */
  background: #e9f1f8 !important;
}

/** データボックス用（tbody:not(.even_only)、tbody.even_onlyの影響を受けるため、別途定義） */
table.que2 {
  /** データボックス */
  /** 偶数行３列目まで */
  /** 偶数行４列目以降 */
  /** 奇数行３列目まで */
  /** 奇数行４列目以降 */
}
table.que2 thead tr th {
  background: #93BFB2 !important;
}
table.que2 tr.bgcolor_data_left {
  background: #e3f9e6;
  height: 2.2rem !important;
  border-top: none;
  border-bottom: none;
}
table.que2 td.bgcolor_data_left_top {
  background: #e3f9e6;
  height: 2.1rem !important;
  border-top: none;
  border-bottom: none;
}
table.que2 tr:nth-child(even) td:nth-child(-n+3).bgcolor_data_left {
  background: #F2FCF3;
  border-top: none;
  border-bottom: none;
}
table.que2 tr:nth-child(even) td:nth-child(n+4).bgcolor_data_right {
  background: #F2F0E1;
  border-top: none;
  border-bottom: none;
}
table.que2 tr:nth-child(odd) td:nth-child(-n+3).bgcolor_data_left {
  background: #e3f9e6;
  border-top: none;
  border-bottom: none;
}
table.que2 tr:nth-child(odd) td:nth-child(n+4).bgcolor_data_right {
  background: #f0ecd1;
  border-top: none;
  border-bottom: none;
}

/**
* 共有材一覧スタイル
*/
table.even_border tbody {
  border-bottom-width: 0px !important;
  border-left: 2px solid #000 !important;
  border-right: 2px solid #000 !important;
  border-top: 2px solid #000 !important;
}
table.even_border tbody.even_only tr:last-child th, table.even_border tbody.even_only tr:last-child td {
  border-bottom-width: 0px !important;
}
table.even_border tbody:last-child {
  border-bottom-width: 0px !important;
  border-left: 2px solid #000 !important;
  border-right: 2px solid #000 !important;
  border-bottom: 2px solid #000 !important;
}
table.even_border tr th, table.even_border tr td {
  border-left: 1px solid #CCC !important;
  text-align: center;
}

section .contacts {
  overflow-y: scroll;
  margin: 10px auto 20px;
  padding: 5px;
  width: 100%;
  height: 300px;
  border: 2px solid #ccc;
}

.companies {
  overflow-y: scroll;
  margin: 0px auto 0px;
  padding: 5px;
  width: 100%;
  height: 7rem;
}

.row.form-group .header-color {
  color: #0d6efd;
  font-weight: bold;
}

.row.form-group .header-color2 {
  color: #0d6efd;
}

.progress-info {
  background: #EF8434;
  font-size: 18px;
  font-style: bold;
  padding: 7px;
  margin-right: 5px;
  vertical-align: middle;
}

.search-accordion {
  text-decoration: none;
  color: inherit;
  font-size: 1rem;
}

.search-accordion:hover {
  text-decoration: none;
  color: inherit;
  font-size: 1rem;
}

.progress-td {
  width: 50px;
}

.progress-button {
  height: 55px;
}

/* 処理ボタン */
.btn-primary {
  color: #fff;
  background-color: #14315D;
  border-color: #14315D;
}

/* 処理ボタンdisable */
.btn-primary:disabled, .btn-primary.disabled {
  color: #fff;
  background-color: #14315D;
  border-color: #14315D;
}

/* 削除ボタン */
.btn-danger {
  color: #fff;
  background-color: #E31100;
  border-color: #E31100;
}

/* 削除ボタンdisable */
.btn-danger:disabled, .btn-danger.disabled {
  color: #fff;
  background-color: #fa5b4f;
  border-color: #fa5b4f;
}

/* 戻る・閉じるボタン */
.btn-secondary {
  color: #fff;
  background-color: #656469;
  border-color: #656469;
}

/* 情報コミュニケーション（進捗ボタン）完了入力済 */
.btn-info-progress-input {
  color: #fff;
  background-color: #a6d672;
  border: 1px solid #000;
}
.btn-info-progress-input:disabled {
  color: #fff;
  background-color: #a6d672;
  opacity: 1;
  border: 1px solid #a6d672;
}
.btn-info-progress-input:focus, .btn-info-progress-input.active {
  border: none;
  outline: none;
  color: #fff;
  background-color: #a6d672;
  box-shadow: 0 0 0 0rem #a6d672;
  border: 1px solid #000;
}
.btn-info-progress-input:hover {
  color: #fff;
  background-color: #688647 !important;
  border: 1px solid #000;
}

/* 進捗ステータス（進捗ボタン）完了未入力 */
.btn-info-progress-un-input {
  color: #000;
  background-color: #CCD578;
  border: 1px solid #000;
}
.btn-info-progress-un-input:disabled {
  color: #000;
  background-color: #CCD578;
  opacity: 1;
  border: 1px solid #CCD578;
}
.btn-info-progress-un-input:focus, .btn-info-progress-un-input.active {
  border: none;
  outline: none;
  color: #000;
  background-color: #CCD578;
  box-shadow: 0 0 0 0rem #CCD578;
  border: 1px solid #000;
}
.btn-info-progress-un-input:hover {
  color: #000;
  background-color: #bac468 !important;
  border: 1px solid #000;
}

/* 情報コミュニケーション（進捗ボタン）現在のステータス */
.btn-info-progress-input-status {
  color: #000;
  background-color: #EF8434;
  border: 1px solid #000;
}
.btn-info-progress-input-status:disabled {
  color: #000;
  background-color: #EF8434;
  opacity: 1;
  border: 1px solid #EF8434;
}
.btn-info-progress-input-status:focus, .btn-info-progress-input-status.active {
  border: none;
  outline: none;
  color: #000;
  background-color: #EF8434;
  box-shadow: 0 0 0 0rem #EF8434;
  border: 1px solid #000;
}
.btn-info-progress-input-status:hover {
  color: #000;
  background-color: #e07421 !important;
  border: 1px solid #e07421;
}

/* 進捗ステータス（機能ボタン）非選択 */
.btn-info-function-select {
  color: #000 !important;
  background-color: #96C9DC !important;
  border-color: #96C9DC !important;
  /* 進捗ステータス（機能ボタン）選択 */
}
.btn-info-function-select.active {
  color: #fff !important;
  background-color: #61A0AF !important;
  border-color: #61A0AF !important;
}

/* 施工業者 */
.company-color-builder {
  color: #000;
  background-color: #96C9DC;
  border-color: #96C9DC;
  width: -webkit-fill-available;
}

.company-color-builder.form-control:-moz-read-only {
  background-color: #96C9DC !important;
}

.company-color-builder.form-control:read-only {
  background-color: #96C9DC !important;
}

/* プレカット業者 */
.company-color-precut {
  color: #000;
  background-color: #F5D491;
  border-color: #F5D491;
  width: -webkit-fill-available;
}

.company-color-precut.form-control:-moz-read-only {
  background-color: #F5D491 !important;
}

.company-color-precut.form-control:read-only {
  background-color: #F5D491 !important;
}

/* 製材業者 */
.company-color-sawmill {
  color: #000;
  background-color: #CCD578;
  border-color: #CCD578;
  width: -webkit-fill-available;
}

.company-color-sawmill.form-control:-moz-read-only {
  background-color: #CCD578 !important;
}

.company-color-sawmill.form-control:read-only {
  background-color: #CCD578 !important;
}

/* システムからのお知らせ */
.company-color-systeminfo {
  color: #000;
  background: #EF8434;
  background-color: #EF8434;
  border-color: #EF8434;
}

.menu_info .sticky_table table th.company-color-systeminfo {
  background: #EF8434;
}
.menu_info .sticky_table table th.company-color-builder {
  background: #96C9DC;
}
.menu_info .sticky_table table th.company-color-precut {
  background: #F5D491;
}
.menu_info .sticky_table table th.company-color-sawmill {
  background: #CCD578;
}

/* 高さ・スクロール */
#historyeModal .sticky_table_wrapper {
  overflow-y: scroll;
  max-height: 80vh;
}

#imageModal .sticky_table_wrapper {
  overflow-y: scroll;
  max-height: 75vh;
}

.regist_img_list .sticky_table_wrapper {
  overflow-y: scroll;
  max-height: 53vh;
}

/* 業者／ユーザ／メーカー／樹種／材種／等級 検索 */
#companiesList .sticky_table_wrapper,
#usersList .sticky_table_wrapper,
#woodsMasterList .sticky_table_wrapper,
#makersMasterList .sticky_table_wrapper {
  overflow-y: scroll;
  height: 400px;
}

#historyeModal .sticky_table thead th,
#imageModal .sticky_table thead th,
.regist_img_list .sticky_table thead th,
#companiesList .sticky_table thead th {
  /* 縦スクロール時に固定する */
  position: sticky;
  /* 高さが変わらないよう改行させない */
  white-space: nowrap;
  background: #93BFB2;
}
#historyeModal .sticky_table thead tr:nth-child(1) th,
#imageModal .sticky_table thead tr:nth-child(1) th,
.regist_img_list .sticky_table thead tr:nth-child(1) th,
#companiesList .sticky_table thead tr:nth-child(1) th {
  top: 0;
}

#companiesList .sticky_table thead th,
#usersList .sticky_table thead th,
#woodsMasterList .sticky_table thead th,
#makersMasterList .sticky_table thead th {
  /* 縦スクロール時に固定する */
  position: sticky;
  /* 高さが変わらないよう改行させない */
  white-space: nowrap;
  background: #fff;
}
#companiesList .sticky_table thead tr:nth-child(1) th,
#usersList .sticky_table thead tr:nth-child(1) th,
#woodsMasterList .sticky_table thead tr:nth-child(1) th,
#makersMasterList .sticky_table thead tr:nth-child(1) th {
  top: 0;
}

/* 強調（強め） */
.emphasis-strong {
  color: #000;
  background: #EF8434;
  background-color: #EF8434;
  border-color: #EF8434;
}
.emphasis-strong:disabled {
  color: #000 !important;
  background: #EF8434 !important;
  background-color: #EF8434 !important;
  border-color: #EF8434 !important;
}

/* 強調（弱め） */
.emphasis-weak {
  color: #000;
  background-color: #F5D491;
  border-color: #F5D491;
}

/* サイドバーメニュー選択 */
.btn-info-select {
  color: #fff;
  background-color: #61A0AF;
  border-color: #61A0AF;
}

/* TOPヘッダー部背景色 */
.header-bgcolor {
  color: #000;
  background-color: #a6d672;
  border-color: #a6d672;
}

/* TOP Body部背景色 */
.body-bgcolor {
  color: #fff;
  background-color: #a6d672;
  border-color: #a6d672;
}

a.btn:focus {
  border: none;
  outline: none;
  box-shadow: 0 0 0 0rem;
}

.accordion-tr:not(.collapsed) {
  color: #000;
}

.accordion-btn {
  color: #000;
  position: relative;
  display: flex;
  text-align: left;
  overflow-anchor: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
  font-size: 1.05rem;
  /* 14.7px相当*/
}
.accordion-btn:not(.collapsed)::after {
  color: #000;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  transform: rotate(-180deg);
}
.accordion-btn::after {
  color: #000;
  flex-shrink: 0;
  width: 1.25rem;
  /* 17.5px相当*/
  height: 1.25rem;
  margin-left: auto;
  content: "";
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: 1.25rem;
  transition: transform 0.2s ease-in-out;
}

a.accordion-btn, a.accordion-btn-none {
  text-decoration: none;
}
a.accordion-btn:hover, a.accordion-btn-none:hover {
  color: #000;
}

td.accordion-btn, td.accordion-btn-none {
  border-top: none;
  border-bottom: none;
}

/* 枠線 */
.rounded-color-builder {
  border: 2px solid #96C9DC !important;
  border-radius: 0.5rem !important;
}

.rounded-color-precut {
  border: 2px solid #F5D491 !important;
  border-radius: 0.5rem !important;
}

.rounded-color-sawmill {
  border: 2px solid #CCD578 !important;
  border-radius: 0.5rem !important;
}

/* チャットアイコンサイズ */
.chat_img {
  max-width: 6rem;
}

/* チャットブース */
.chat_list {
  min-height: 8rem;
  overflow-y: scroll;
  max-height: 37rem;
  height: auto;
}

.title_color {
  background: #93BFB2 !important;
}

.bg_orange {
  background-color: #F5D491 !important;
}

.bg_orange_strong {
  background-color: #EF8434 !important;
}

.bg_gray {
  background-color: #656469 !important;
}

.bg_liteblue {
  background-color: #DEEBF7 !important;
}

.modal_show_link {
  background-color: #e9ecef !important;
}

.bg_blue {
  background: #9DC3E6;
}

.bg_green {
  background: #F2FCF3;
}

.bg_light_yellow {
  background: #FFF8E5;
}

/* オートコンプリート使用時に背景色を変更しないようにする */
input:-webkit-autofill {
  box-shadow: 0 0 0 1000px white inset;
}

.searchUser-btn {
  height: 2rem;
}

.en_text {
  font-size: 11px !important;
  line-height: 0.5rem;
  padding: 0;
  margin: 0;
}

input[type=radio][readonly],
input[type=checkbox][readonly] {
  background-color: #E0E0E0 !important;
  opacity: 0.6 !important;
}

label select[readonly],
input[type=radio][readonly],
input[type=checkbox][readonly] {
  pointer-events: none;
}

/* 制御しない */
.imeMode-auto {
  ime-mode: auto;
}

/* ONにする   */
.imeMode-active {
  ime-mode: active;
}

/* OFFにする  */
.imeMode-inactive {
  ime-mode: inactive;
}

/* 無効にする */
.imeMode-disabled {
  ime-mode: disabled;
}

/* 長さ・幅・厚などで使用.指定サイズは発注明細基準  */
.size_col {
  width: 125.33px !important;
  flex: 0 1 125.33px !important;
  /* input-groupで括られているtext用style */
}

/*
@see https://getbootstrap.com/docs/5.0/layout/z-index/
$zindex-dropdown:                   1000;
$zindex-sticky:                     1020;
$zindex-fixed:                      1030;
$zindex-modal-backdrop:             1040;
$zindex-offcanvas:                  1050;
$zindex-modal:                      1060;
$zindex-popover:                    1070;
$zindex-tooltip:                    1080;
*/
/* vuejs-datepicker__calendarのz-indexを1090にしたのでそれよりも上に表示 */
.navbar {
  z-index: 1100 !important;
}

/* vuejs-datepicker-componentのz-indexをオーバーライド（デフォルト値：100） */
/* $zindex-xxxx変数は、bootstrap.min.css.map上にしかないので、直接数値を記述 */
.vdp-datepicker__calendar {
  z-index: 1090 !important;
}

/* jquery ui-datepicker */
#ui-datepicker-div {
  z-index: 1090 !important;
}

.ui-datepicker-calendar .day-sunday > a,
.ui-datepicker-calendar .day-holiday > a {
  background: #ffc0c0;
}
.ui-datepicker-calendar .day-saturday > a {
  background: #c0d0ff;
}
.ui-datepicker-calendar .ui-datepicker-today > a .ui-state-highlight {
  background: #fffa90;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  background: #007fff !important;
  color: #ffffff !important;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: 1;
  font-weight: bold;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close {
  display: none !important;
}

#resetPasswordForm .input-group input[name=password], #changePasswordForm .input-group input[name=password] {
  flex-grow: 1;
}
#resetPasswordForm .input-group .pushHide, #changePasswordForm .input-group .pushHide {
  position: absolute;
  top: -0.4rem;
  right: 0;
  cursor: pointer;
  padding: 0.5rem 0.5rem 0.5rem 0.5rem;
  border-radius: 0 1.5rem 1.5rem 0;
  border: none;
  background: none;
  color: #333;
  font-size: 1rem;
  transition: 0.5s;
}
#resetPasswordForm .input-group .pushHide:hover, #changePasswordForm .input-group .pushHide:hover {
  color: #4eadb8;
  transform: scale(1.2);
}