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

/*全体*/
body {
	font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
}

input[type=number] {
  width:100%;
  max-width:11em;
}

.content {
	margin-top: unset !important;
}

/* グローバルメニュー */
.sidebar-dropdown .sidebar-item.active .sidebar-link,
.sidebar-dropdown .sidebar-item .sidebar-link:hover {
	font-weight: bold;
	color: #687ae8;
}

/* dataTable */
table.dataTable>tbody>tr.child span.dtr-data {
	display: inline-block;
}

table.dataTable>tbody>tr.child span.dtr-title {
	vertical-align: top;
}

.table-display-none{
	display: none;
}

/* レスポンシブ時の折りたたみ行の色変更 */
table.dataTable > tbody > tr.child td {
	background-color:#fdfbf9!important;
}

.table-striped>tbody>tr.child:nth-of-type(odd)>* {
	--bs-table-accent-bg:#fdfbf9;
}

/* dataTable レスポンシブ表示の折り返し対応 */
/* メイン画面用 */
@media (max-width: 1024px) {
 .main table.dataTable tr td {
  white-space: normal !important;
  word-break:break-word;
 }
}

/* インラインフレームモーダル用 */
@media (max-width: 768px) {
 .modal-content-iframe table.dataTable tr td {
  white-space: normal !important;
  word-break:break-word;
 }
}

/* ページネーション */
div.dataTables_wrapper div.dataTables_paginate {
	margin-top: 20px !important;
}

/* 6.NS-Portal C002-001 お知らせ  */
.list-wrap {
	min-height: 100px;
}

/* テーブル要素を横幅いっぱいにする  */
table.dataTable>tbody>tr.child ul.dtr-details {
	width: 100%;
}

.min-w50 {
	min-width: 50%;
}

.mw-60 {
	max-width: 60%;
}

.mw-83 {
	max-width: 83%;
}

.bg-header {
	background: #28304e !important;
}

/*省略*/
.w-truncate {
	max-width: 30em;
}

/*試験期間リストマスター専用の省略*/
.w-truncate-test-period-master {
  max-width: 32em;
}


/*タブの色*/
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
	background-color: #687ae8;
	color: #fff;
}

/* エラーメッセージの文字色 */
.error {
	color: #f00;
}

/* エラー発生時リストの選択肢の文字色 */
select.form-select.is-invalid option {
  color: #495057;
}

/* 文字色 赤 */
.text-color-red {
	color: #f00;	
}

/* 文字色 グレー */
.text-color-gray {
	color: #808080;
}

/* 文字色 白 */
.text-color-white {
	color: #FFF;
}

/* フィルタ項目 */
/* 絞り込み項目 */
.itemName {
	width:150px;
	text-align: right;
}

/* パンくずリスト(リンク無し) */
.noLink {
	color:#dee2e6;
}

/* 選択行	*/
tr.tr-selected {
  background-color:#acc8f0 !important;
}

/* 選択行内のセル	*/
td.td-sel-row {
  cursor:pointer;
}

/* 全表示ボタン	*/
button.btn-show-all {
	width:100%;
	max-width:10em;
}
/* 全表示ボタン(RD/SRD) */
button.btn-show-all-rd {
  width:100%;
  max-width:10em;
}

/* 非表示ボタン */
button.btn-visibility-hidden {
  visibility:hidden;
}

/* サイドメニュー */
.sub-menu-group:before {
  top:0.7em !important;
  margin-right:7px;
}


/* dataTable */
/*table.table-data>thead>tr>th:first-child {
	width:0px;
}
table.table-data>tbody>tr>th:first-child {
	width:0px;
}
table.table-data-paging-none>thead>tr>th:first-child {
	width:0px;
}

table.table-data-paging-none>tbody>tr>td:first-child {
	width:0px;
}*/

table.table-data .col-check {
	width:30px;
}
table.table-data-paging-none .col-check {
	width:30px;
}

#processing-bg {
	display:none;
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background:#dddddd;
	opacity:0.45;
	z-index:10001;
}

#processing {
	display:none;
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	z-index:10002;
}

#spinner {
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	z-index:10003;
}

.saving-background {
	display:none;
	position:fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background:#000;
	opacity:0.5;
	z-index:10001;
}

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

canvas {
	width:100%;
	height:100%;
}
.date-range-picker[readonly] {
  background-color:#fff;
}

.date-range-picker-single[readonly] {
	background-color:#fff;
}

.date-range-picker-single[disabled] {
	background-color:#e9ecef;
}

.date-range-picker-single-parent-el[readonly] {
	background-color:#fff;
}
.date-range-picker-single-parent-el[disabled] {
	background-color:#e9ecef;
}

.jqueryui-datetimepicker{
  max-width:19em;
  width:100%;
}
.jqueryui-datetimepicker[readonly]{
  background-color:#fff;
}

.ui-datepicker-current {
  display:none!important;
}

.date-range-picker-single {
  max-width:19em;
  width:100%;
}

.date-range-picker-single-parent-el {
  max-width:19em;
  width:100%;
}

.position-abolute {
  position: absolute!important;
}

@media (max-width: 480px) {
 .date-range-picker {
    font-size:13px;
 }
}
.container-body {
  height: calc(100% - 55px);
}

/* ページネーション レスポンシブ対応  */
/* メイン画面用 */
@media (max-width: 1024px) {
 .main .pagination .page-item-prev-next {
  display: none;
 }

 .main .pagination .previous {
  display: none;
 }

 .main .pagination .next {
  display: none;
 }

}

/* インラインフレームモーダル用 */
@media (max-width: 768px) {
 .modal-content-iframe .pagination .page-item-prev-next {
  display: none;
 }

 .modal-content-iframe .pagination .previous {
  display: none;
 }

 .modal-content-iframe .pagination .next {
  display: none;
 }

}



/* tableの固定幅列項目 */
th.th-sel-checkbox {
  width:20px;
}

th.th-button-edit-del {
  width:100px;
}

/* モーダル全表示のbody部分 */
.all-disp-body {
  word-break:break-word;
}

/* 幅100%入力項目 */
.input-full-size {
  width:calc(100% - 1.5em);
  max-width:1200px;
}

/* 幅100%入力項目 */
.w-100-responsive-table {
  width:calc(100% - 2px)!important;
}

.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;
}

.input-number-default {
  width:11em!important;
}

/**********************************************/
/* tableの固定幅列項目 */
/**********************************************/
/* レスポンシブ表示用アコーディオン開閉ボタン列 */
th.th-dtr-control {
  width:0px;
  padding:0px;
}

td.td-dtr-control {
  width:0px;
  padding:0px;
}

/* メイン画面用 */
@media (max-width: 1024px) {
  .main th.th-dtr-control {
    padding:1em;
  }

  .main td.td-dtr-control {
    padding:1em;
  }
}

/* インラインフレームモーダル用 */
@media (max-width: 768px) {
  .modal-content-iframe th.th-dtr-control {
    padding:1em;
  }

  .modal-content-iframe td.td-dtr-control {
    padding:1em;
  }
}

/* tableの固定幅列項目(試験計画一覧) */
th.th-checkBox-control-non-display {
  width:0px!important;
  padding:0px!important;
}
td.td-checkBox-control-non-display {
  width:0px!important;
  padding:0px!important;
}

/* tableの固定幅列項目(入力支援マスター) */
@media (max-width: 1024px) {
  .main .dataTables_scrollBody table.data-table-input-master thead tr th {
    font-size:0px;
  }

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

}

th.th-dtr-control-input-master {
  width:0px!important;
  padding:0px!important;

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

}

td.td-dtr-control-input-master {
  width:0px!important;
  padding:0px!important;

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

/* tableの固定幅列項目(操作コメントマスター) */
@media (max-width: 1024px) {
  .main .dataTables_scrollBody table.data-table-comments thead tr th {
    font-size:0px;
  }

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

}

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

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

}

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

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

/* tableの固定幅列項目(署名の意味マスター) */
@media (max-width: 1024px) {
  .main .dataTables_scrollBody table.data-table-signature-mean thead tr th {
    font-size:0px;
  }

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

}

th.th-dtr-control-signature-mean {
  width:0px!important;
  padding:0px!important;

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

}

td.td-dtr-control-signature-mean {
  width:0px!important;
  padding:0px!important;

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

/* tableの固定幅列項目(オーディットトレイル詳細) */
@media (max-width: 1024px) {
  .main .dataTables_scrollBody table.data-table-audit-trail-detail thead tr th {
    font-size:0px;
  }

  .main .dataTables_scrollBody table.data-table-audit-trail-detail thead tr th div.dataTables_sizing {
    display:none;
  }

}

th.th-dtr-control-audit-trail-detail {
  width:0px!important;
  padding:0px!important;

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

}

td.td-dtr-control-audit-trail-detail {
  width:0px!important;
  padding:0px!important;

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

th.th-audit-trail-operation-dt {
  @media (max-width: 1024px) {
    padding-left:0px;
    padding-right:0px;
    width:82px;
  }
}

td.td-audit-trail-operation-dt {
  @media (max-width: 1024px) {
    padding-left:0px;
    padding-right:0px;
    width:82px;
  }
}


/* 編集・削除ボタン */
th.th-button-edit-del {
  width:100px!important;
}

/* 編集・削除ボタン(先頭列用) */
/* メイン画面用 */
.main th.th-button-edit-del-dtr {
  width:120px!important;

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

}

/* インラインフレームモーダル用 */
.modal-content-iframe th.th-button-edit-del-dtr {
  width:120px!important;

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

}

/* モーダル(xlサイズ) */
.modal-xl-sp {

  @media(min-width:992px){
    max-width:calc(100% - 3.5rem);
  }

  @media(min-width:1200px){
    max-width:calc(100% - 3.5rem);
  }
}

/* 数(ラベル等) */
th.th-label-number {
  width:20%!important;
}

/* 量(残量等) */
th.th-amounts {
  width:20%!important;
}

/* (ワークフロー)ユーザー名 */
.sel-wf-user-name {
  width:100%;
  min-width:7em;
}

/* 承認待ち一覧 申請内容の確認ボタンの列の幅 */
th.th-button-confirm-application {
  width:190px!important;
}

/* (ワークフロー)属性 */
th.th-wf-property {
  width:25%
}

div.div-wf-property {
  width:100%;
  min-width:7em;
}

/* (ワークフロー)署名の意味 */
th.th-wf-signature-mean {
  width:30%
}

.txt-wf-signature-mean {
  width:100%;
  min-width:7em;
}

/* (承認履歴)ユーザー名 */
th.th-wf-history-user-name {
  width:10em;
}

/* (承認履歴)役割 */
th.th-wf-history-role {
  width:5em;
}

/* (承認履歴)属性 */
th.th-wf-history-attribute {
  width:7em;
}

/* (承認履歴)操作 */
th.th-wf-history-operation {
  width:4.5em;
}

/* (承認履歴)操作日時 */
th.th-wf-history-operation-dt {
  width:150px;
}

/* (承認履歴)署名の意味 */
th.th-wf-history-signature-mean {
  width:6em;
}

/* (オーディットトレイルサマリタブ)項目 */
th.th-wf-audittrailDetail-narrowing-condition {
  width:4em;
}

/* (オーディットトレイルサマリタブ)条件 */
th.th-wf-audittrailDetail-narrowing-condition {
  width:4em;
}

/* 試験期間リストマスター編集画面用用 */
.th-test-period-list-no {
  width:60px;
}

.th-div-test-period-list-no {
  width:60px!important;
}

.td-div-test-period-list-no {
  width:60px;
}

.td-test-period-list-delete-button {
  padding-left:72px!important;
}

/* テーブル(入力項目あり)用各エリア定義 */
/* dtr-control列内チェックボックス */
.th-dtr-control-area-checkbox {
  padding-left:5px;
  padding-top:7px;
  padding-right:10px;
}

.td-dtr-control-area-checkbox {
  padding-top:7px;
  padding-left:5px;
  padding-right:10px;
}

/* dtr-control列内タイトル */
.th-dtr-control-area-title {
  padding-top:2px;
	display:none;
}

.td-dtr-control-area-title {
  display:none;
}

/* dtr-control列(項目表示なし) */
.th-dtr-control-area {
	display:none;
}

/* dtr-control列内エラーツールチップ */
.th-dtr-control-area-icon {
  padding-left:5px;
  padding-top:5px;
  padding-right:10px;
  width:22px;
}
.td-dtr-control-area-icon {
  padding-left:5px;
  padding-top:5px;
  padding-right:10px;
  width:22px;
}

/**********************************************/
/* テーブル(入力項目あり) */
/**********************************************/
@media (max-width: 1024px) {
  .main .dataTables_scrollBody table.data-table-input thead tr th {
    font-size:0px;
  }

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

}

@media (max-width: 768px) {
  .modal-content-iframe .dataTables_scrollBody table.data-table-input thead tr th {
    font-size:0px;
  }

  .modal-content-iframe .dataTables_scrollBody table.data-table-input thead tr th div.dataTables_sizing {
    display:none;
  }
}

.data-table-input .width-auto {
  width:auto!important;
}

.data-table-input div.input-column-title {
  padding-left:20px;
  padding-right:10px;
  font-weight:bold;
  display:none;
}

/* メイン画面用 */
@media (max-width: 1024px) {

  .main .data-table-input th.input-column {
    display: none;
  }

  .main .data-table-input th div.input-column-div {
    display:block;
  }

  .main .data-table-input th {
    display: block;
    text-align: left;
  }

  .main .data-table-input td {
    display: block;
    text-align: left;
  }

  .main .data-table-input .th-dtr-control-area {
  	width:23px;
  	display:block!important;
  }

  .main .data-table-input .th-dtr-control-area-checkbox {
    padding-left:0;
  }

  .main .data-table-input .th-dtr-control-area-title {
    display: block!important;
  }

  .main .data-table-input .td-dtr-control-area-title {
    display:block!important;
  }

  .main .data-table-input div.input-column-title {
    display: block!important;
  }
}

/* インラインフレームモーダル用 */
@media (max-width: 768px) {

  .modal-content-iframe .data-table-input th.input-column {
    display: none;
  }

  .modal-content-iframe .data-table-input th div.input-column-div {
    display:block;
  }

  .modal-content-iframe .data-table-input th {
    display: block;
    text-align: left;
  }

  .modal-content-iframe .data-table-input td {
    display: block;
    text-align: left;
  }

  .modal-content-iframe .data-table-input .th-dtr-control-area {
  	width:23px;
  	display:block!important;
  }

  .modal-content-iframe .data-table-input .th-dtr-control-area-checkbox {
    padding-left:0;
  }

  .modal-content-iframe .data-table-input .th-dtr-control-area-title {
    display: block!important;
  }

  .modal-content-iframe .data-table-input .td-dtr-control-area-title {
    display:block!important;
  }

  .modal-content-iframe .data-table-input div.input-column-title {
    display: block!important;
  }
}

/* テーブル(入力項目あり) ここまで*/
/**********************************************/

/**********************************************/
/* テーブル(すべて入力項目) */
/**********************************************/
@media (max-width: 1024px) {
  .main .dataTables_scrollBody table.data-table-all-input thead tr th {
    font-size:0px;
  }

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

}

@media (max-width: 768px) {
  .modal-content-iframe .dataTables_scrollBody table.data-table-all-input thead tr th {
    font-size:0px;
  }

  .modal-content-iframe .dataTables_scrollBody table.data-table-all-input thead tr th div.dataTables_sizing {
    display:none;
  }
}

.data-table-all-input-top-button > thead > tr > th:first-child {
	width:0px!important;
}

.data-table-all-input-top-button > tbody > tr > td:first-child {
	width:0px!important;
}


.data-table-all-input-top-title > thead > tr > th:first-child {
	width:auto!important;
}

.data-table-all-input-top-title > tbody > tr > td:first-child {
	width:auto!important;
}

.data-table-all-input > thead > tr > th.non-display-column {
	display:none;
}

.data-table-all-input > tbody > tr > td.non-display-column {
	display:none;
}


.data-table-all-input div.input-column-title {
  width:100px;
  padding-right:10px;
  font-weight:bold;
  display:none;
}

/* メイン画面用 */
@media (max-width: 1024px) {

  .main .data-table-all-input th.input-column {
    display: none;
  }

  .main .data-table-all-input th div.input-column-div {
    display:block;
  }

  .main .data-table-all-input th {
    display: block;
    text-align: left;
  }

  .main .data-table-all-input td {
    display: block;
    text-align: left;
  }

  .main .data-table-all-input div.input-column-title {
    display: block!important;
  }

  .main .data-table-all-input > tbody > tr > td.non-display-column {
  	display:block!important;
  }

}

/* インラインフレームモーダル用 */
@media (max-width: 768px) {

  .modal-content-iframe .data-table-all-input th.input-column {
    display: none;
  }

  .modal-content-iframe .data-table-all-input th div.input-column-div {
    display:block;
  }

  .modal-content-iframe .data-table-all-input th {
    display: block;
    text-align: left;
  }

  .modal-content-iframe .data-table-all-input td {
    display: block;
    text-align: left;
  }

  .modal-content-iframe .data-table-all-input div.input-column-title {
    display: block!important;
  }

  .modal-content-iframe .data-table-all-input > tbody > tr > td.non-display-column {
  	display:block!important;
  }

}

/* メイン画面用 */
@media (max-width: 1024px) {
  .main .responsive-non-display-column {
    display:none!important;
  }
}

/* インラインフレームモーダル用 */
@media (max-width: 768px) {
  .modal-content-iframe .responsive-non-display-column {
    display:none!important;
  }
}

/* テーブル(すべて入力項目) ここまで */
/**********************************************/

/* SELECT2 (オーディットトレイルの検索条件で使用) */
.select2-selection__rendered {
    line-height: 36px !important;
}
.select2-container .select2-selection--single {
    height: 40px !important;
    padding-top:2px !important;
}
.select2-selection__arrow {
    height: 39px !important;
}

.select2-results , .select2-results__options {
    max-height: 500px !important;
    height: 500px !important;
}

span.select2 {
  width:100% !important;
}

span.select2-selection__arrow b {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-color: transparent !important;
  border: none!important;
  background-size: 16px 12px;
  width:16px !important;
  height:16px !important;
  left: -9px !important;
  top: 42% !important;
}

/* エラー表示用カードのメッセージエリア */
.alert-message {
  word-break: break-all;
}

/* レスポンシブ表示時のデータ下寄せ */
.main span.dtr-data {
  @media (max-width:1024px) {
    vertical-align:bottom;
  }
}

.modal-content-iframe span.dtr-data {
  @media (max-width:768px) {
    vertical-align:bottom;
  }
}

/* 画面初期表示時のちらつき防止策 */
.opacity-0 {
  opacity:0!important;
}

/* 折り返し設定 */
.wrap-display {
  word-break: break-all;
}

/**********************************************/
/* ログイン・二段階認証・パスワード変更画面用 */
/**********************************************/
.login-container {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
}

.login-copy-right {
  position:fixed;
  bottom:0;
  right:0;
}

.login-card {
  max-width:576px;
}
/* ログイン・二段階認証・パスワード変更画面用 ここまで */
/**********************************************/

/* インラインフレーム内のテキスト表示 */
.div-iframe-text {
  width:100%;
  overflow-x:auto;
  overflow-y:hidden;
}

::-webkit-full-page-media, :future, :root .div-iframe-text {
  border:1px solid #ced4da;
  border-radius:0.2em;
}

::-webkit-full-page-media, :future, :root .div-iframe-text:has(input.is-invalid) {
  border-color:#f2545b;
}

.div-iframe-text-no-width {
  overflow-x:auto;
}

::-webkit-full-page-media, :future, :root .div-iframe-text-no-width {
  border:1px solid #ced4da;
  border-radius:0.2em;
}

::-webkit-full-page-media, :future, :root .div-iframe-text-no-width:has(input.is-invalid) {
  border-color:#f2545b;
}

.text-iframe-text {
  margin:3px;
  width:calc(100% - 6px);
}

::-webkit-full-page-media, :future, :root .text-iframe-text {
  margin:0;
  min-width:100%;
  border:none;
  border-radius:0;
  padding-left:5px;
  padding-right:5px;
}

::-webkit-full-page-media, :future, :root .text-iframe-text:focus {
  border:none;
}

table.table-fixed-full {
  width:100%;
  table-layout:fixed;
}

td.td-wf-signature-label {
  padding-right:10px;
  width:75px;
  font-weight:bold;
  display:none;
}

@media (max-width: 1024px) {

  .main td.td-wf-signature-label {
    display:table-cell!important;
  }

}

@media (max-width: 768px) {

  .modal-content-iframe td.td-wf-signature-label {
    display:table-cell!important;
  }

}

@media (max-width: 768px) {
 .wf-signature-error-area {
  padding-left:90px;
 }
}


.form-check-input.not-error:checked {
    background-color: #687ae8!important;
    border-color: #687ae8!important;
}
.form-check-input.not-error {
    border-color: #b4bdf4!important;
}

/* tableの固定幅列項目(自動作成) */
@media (max-width: 1024px) {
  .main .dataTables_scrollBody table.data-table-auto-making thead tr th {
    font-size:0px;
  }

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

}

div.accordion-preview {
  margin-top: 20px;
}

.preview-check-box {
  opacity: 1 !important;
}

span.word-break-break-all {
  word-break:break-all;
}

/**********************************************/
/* ツールチップ用スタイル(bootstrap) */
/**********************************************/
.tooltip > .tooltip-inner {
  background-color: #fff!important;
  border: 1px solid gray!important;
  color: #000!important;
  max-width: 400px!important;
}

.tooltip > .tooltip-arrow {
  display: none!important;
}