/* © 2023 NAGANO SCIENCE CO., LTD. */

/* 90.メール設定(試験計画) R009-001  */
.w-150px {
	width: 150px !important;
}

/* 作業対象確認 R005-005  */
/* 試験情報確認 R005-006  */
.jobConfirmStateTbl-bbw0,.testConfirmInfoTbl-bbw0 {
  border-bottom-width: 0px !important;
  text-align:left !important;
}

/* 試験計画 しばらくお待ちください */
#modalTestPlanSavingBackGround {
	display:none;
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background:#000;
	opacity:0.5;
	z-index:10001;
}

#modalTestPlanSaving {
  display:none;
  height: 100%;
  left: 0;
  outline: 0;
  overflow-x: hidden;
  overflow-y: auto;
  position: fixed;
  top: 0;
  width: 100%;
	z-index:10010;
}

.testPlanSavingBody {
  overflow: hidden;
  padding-right: 17px;
}

/* バーコード印刷 枚数	*/
.input-print-num {
	min-width:8.5em;
	max-width:11em;
}

.input-number-of-prints {
	width:5.5em!important;
}

.input-number-of-prints:disabled {
	background-color:transparent;
	border-color:transparent;
}

.button-number-of-prints {
	width:60px;
}

/* 作業 ラベル  */
.job-status-label-count {
  width:3em;
  padding-left:5px;
  padding-right:20px;
}

.job-status-label-barcode-no {
  width:5em;
}

/* tableの固定幅列項目(試験期間リストマスター) */
@media (max-width: 1024px) {
  .main .dataTables_scrollBody table.data-table-period-list thead tr th {
    font-size:0px;
  }

  .main .dataTables_scrollBody table.data-table-period-list thead tr th div.dataTables_sizing {
    display:none;
  }

}

th.th-dtr-control-period-list {
  width:0px!important;
  padding:0px!important;

  @media (max-width: 1024px) {
    width:30px!important;
    padding:1em!important;
  }

}

td.td-dtr-control-period-list {
  width:0px!important;
  padding:0px!important;

  @media (max-width: 1024px) {
    width:30px!important;
    padding:1em!important;
  }
}

/* 数(ラベル等・試験計画用) */
th.th-label-number-testplan {
  width:120px!important;
  white-space:normal!important;
  word-break: break-all;
}

/* 量(残量等・試験計画用) */
th.th-amounts-testplan {
  width:120px!important;
  white-space:normal!important;
  word-break: break-all;
}

/* 数(ラベル等・試験計画用) */
th.th-label-storage-testplan {
  width:450px!important;
}

/* (ラベル管理状況)作業対象-ラベル */
th.th-workrecord-label-management-label {
  width:12em!important;

  @media (max-width:1024px) {
    width:100%!important;
  }
}

/* (ラベル管理状況)作業対象-読取状況 */
th.th-workrecord-label-read-status {
  width:10em;
}

/* (ラベル管理状況)作業対象-使用終了 */
th.th-workrecord-label-end-of-use {
  width:10em;
}

/* (試験情報確認)作業対象-作業ボタン */
th.th-job-confirm-job-button, td.td-job-confirm-job-button {
  width:110px!important;

  @media (max-width:768px) {
    width:125px!important;
    padding-left:0px;
    padding-right:0px;
    word-break:break-all;
  }
}

/* (試験情報確認)作業対象-作業対象ラベル */
th.th-job-confirm-work-target, td.td-job-confirm-work-target {

  width:180px!important;

  @media (max-width:768px) {
    width:80px!important;
    padding-left:0px;
    padding-right:0px;
    word-break:break-all;
  }
}

/* (試験情報確認)作業対象-作業量 */
th.th-job-confirm-work-amount, td.td-job-confirm-work-amount {

  width:180px!important;

  @media (max-width:768px) {
    width:60px!important;
    padding-left:0px;
    padding-right:0px;
    word-break:break-all;
  }
}

/* (試験情報確認)作業対象-スペース調整用 */
th.th-job-confirm-work-blank, td.td-job-confirm-work-blank {

  @media (max-width:768px) {
    width:0px!important;
    padding-left:0px;
    padding-right:0px;
  }
}

/* (試験情報確認)作業対象-取消ボタン */
th.th-job-confirm-work-cancel-button, td.td-job-confirm-work-cancel-button {

  @media (min-width:768px) {
    text-align:right;
    width:110px!important;
  }
}

/* (試験情報確認)作業状況詳細 */
div.div-job-status-detail {
  width:100%;
  padding-left:100px;
  padding-right:10px;

  @media (max-width:768px) {
    padding-left:30px;
  }
}

/* (作業対象確認)作業状況-作業対象 */
th.th-job-confirm-state-work-target-label {
  padding-left:130px;

  @media (min-width:768px) {
    width:200px;
  }
}

/* (試験情報確認)作業状況-作業対象ラベル */
th.th-test-confirm-info-confirm-label {
  padding-left:20px;
  width:12em!important;

  @media (max-width:768px) {
    width:100%!important;
  }
}

/* 試験計画画面dtr-control用  */
@media (max-width: 1024px) {
  .test-plans-th-dtr-control {
    width:20px!important;
  }
}

/* ラベリング画面の作業状況の作業量用 */
/* 画面が小さい場合はtdタグそのものを非表示化 */
table.table-labeling-job-status .td-labeling-job-status-work-amount-non-display {
  @media (max-width: 768px) {
    display:none!important;
  }
}

/* ラベリング画面の作業状況再表示時のアコーディオン制御 */
table.table-labeling-job-status tr.parent[style*="display: none"] + tr.child {
  display:none;
}

/* 試験情報確認画面の作業状況の作業量用 */
/* 画面が小さい場合はtdタグそのものを非表示化 */
table.table-test-confirm-job-status .td-test-confirm-status-work-amount-non-display {
  @media (max-width: 768px) {
    display:none!important;
  }
}

/* 試験情報確認画面の作業状況再表示時のアコーディオン制御 */
table.table-test-confirm-job-status tr.parent[style*="display: none"] + tr.child {
  display:none;
}

/* 操作理由確認ダイアログの理由欄 */
div.operationReason {
  word-break: break-all;
  white-space: normal;
}

/* 保存機器 レスポンシブ対応 */
@media (max-width:768px) {
  .text-truncate {
    white-space: normal!important;
    word-break: break-all!important;

  }
}

/* 作業実績のページネーション  */
@media (max-width: 768px) {
  body div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    justify-content:flex-end!important;
  }
}

/* 試験計画の権限 コンボボックス	*/
.test-plans-permission-input-sel {
  min-width:170px;

  @media (max-width: 768px) {
	  min-width:150px;
  }
}

/* 試験計画の権限画面	表のword-break指定 */
#testPlansPermission td {
	word-break:break-all;
}

#tblTestPlanAuthUserListPreview td {
	word-break:break-all;
}

/* 試験計画の権限画面	ユーザーID幅指定 */
th.th-test-plan-permission-user-id {
	@media (min-width:768px) {
  	min-width:4em;
	}
	@media(min-width:1140px){
  	min-width:5em;
	}
}
/* 試験計画の権限画面	ユーザー名幅指定 */
th.th-test-plan-permission-user-name {
	@media (min-width:768px) {
  	min-width:4em;
	}
	@media(min-width:1140px){
  	min-width:5em;
	}
}

/* 試験計画の権限画面	ステータス幅指定 */
th.th-test-plan-permission-status {
	@media (min-width:768px) {
  	min-width:4em;
	}
	@media(min-width:1140px){
  	min-width:5em;
	}
}

/* 試験計画の権限画面	属性幅指定 */
th.th-test-plan-permission-attribute {
	@media (min-width:768px) {
  	min-width:3em;
	}
	@media(min-width:1140px){
  	min-width:5em;
	}
}

/* 試験計画の権限画面	試験計画担当者幅指定 */
th.th-test-plan-permission-staff {
	@media (min-width:768px) {
  	min-width:3em;
	}
	@media(min-width:1140px){
  	min-width:4em;
  	max-width:4em;
	}
}

/* 試験計画・作業の表示項目用 */
.input-disabled-no-border:disabled {
  border: none;
  background-color:#fff;
  color:#495057;
  -webkit-text-fill-color:#495057;
  opacity: 1;
}

/* 試験計画・作業の表示項目用(予定値用) */
.input-disabled-no-border:disabled.text-color-gray {
  color: #808080;
  -webkit-text-fill-color:#808080;
}

/* 試験計画・作業の表示項目用(閲覧時のSelect表示) */
.select-disabled-no-border:disabled {
  border: none;
  background-color:#fff;
  color:#495057;
  -webkit-text-fill-color:#495057;
  opacity: 1;
  padding-left:0px;
  -webkit-appearance: none;
  appearance: none;
}

/* 試験計画権限用(閲覧時のSelect表示) */
.select-disabled-permission:disabled {
  border: none;
  background-color:rgba(255,255,255,0);
  color:#495057;
  -webkit-text-fill-color:#495057;
  opacity: 1;
  padding-left:0px;
  -webkit-appearance: none;/* ベンダープレフィックス(Google Chrome、Safari用) */
  -moz-appearance: none; /* ベンダープレフィックス(Firefox用) */
  appearance: none; /* 標準のスタイルを無効にする */
}

.btn-jos-status-detail-rotate {
  transform:rotate(90deg);
}

.job-status-detail-label {

  @media (min-width: 768px) {
    width:4em;
  }
}
/* tableの固定幅列項目(試験期間リストマスタ) */

th.th-dtr-control-period-list-edit {
  width:130px;
}