/* ナビゲーションバー*/
#header {
  width: 98%;
}
.navbar {
  min-height: 40px !important;
}
.navbar-brand {
  height: 40px;
  padding: 10px 5px;
}
.navbar-nav > li > a {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  background-color: #EBEBEB !important;
}
/* 画面全体 */
body {
  min-height: auto;
  padding-top: 40px;
  /*background-color: #EEF2FA;*/
}
/* 画面タイトル*/
.jumbotron {
  height: 40px;
  padding: 10px;
  margin-bottom: 10px !important;
  font-size: 16px;
  background: linear-gradient(150deg, #FFFFFF, #E6E6E6, #052A70);
  border-bottom: 1px solid #393939;
}
/* 画面表示域 */
div#content {
  width: 100%;
}
.blankLine {
  margin-bottom: 10px;
}
/* テーブル */
.table {
  margin-bottom: 0px !important;
}
.scroll_div {
  padding-right: 0px !important;
  overflow: auto;
}
/* メニュー表示用*/
/* 2019.02.08 del start おしらせ表示対応により未使用のため削除 */
/* .table.tableMenu{ */
/*   margin: 10px 30px; */
/*   background: #F5F5F5; */
/*   font-size: 14px; */
/*   border: 1px solid #BFBFBF !important; */
/* } */
/* .table.tableMenu th { */
/*    background-color: #393939; */
/*    color: #FFFFFF; */
/* } */
/* .table.tableMenu a:hover { */
/*    color: #FF9900; */
/* } */
/* #thCtgry1 { */
/*    background-color: #002652; */
/*    color: #FFFFFF; */
/* } */
/* #tdCtgry1 { */
/*    padding: 15px !important; */
/*    background-color: #E4E9F4; */
/* } */
/* #tdMenu { */
/*    padding: 10px 10px !important; */
/* } */
/* 2019.02.08 del end

/* 2019.02.08 add start */
/* メニュー表示用*/
#divMenu button{
  background-color: #002652 !important;
  color: #FFFFFF;
  font-size: 15px;
}
#divMenu .list-group-item{
  border-color: #6E7B89;
}
#divMenu a {
  padding-left: 30px !important;
  background-color: #F5F5F5;
  color: #337AB7;
  font-size: 14px;
}
#divMenu a:hover {
  background-color: #EDEDED;
  color: #FF9900 !important;
}
#divMenu .menuHover:hover{
  color: #FF9900 !important;
}
/* メニュー上部メッセージ 2021.12.01 add */
.menuMsg1 {
  text-align: left !important;
  white-space: pre-wrap !important;
  margin-bottom: 5px !important;
  color: #a94442 !important;
}
/* メニュー画面パネル開閉トグルボタン用*/
.toggleBtn {
  margin: 0px;
  padding: 10px 15px;
  font-size: 15px;
  text-align: left;
  border: none !important;
}
.toggleBtn:after {
  font-family: "Glyphicons Halflings";
  content: "\e113";
  float: right;
}
.toggleBtn.collapsed:after {
  content: "\e114";
}
/* お知らせ表示用*/
#divInfo1 {
  font-size: 12px;
  border: 1px solid #0368a8 !important;
}
#divInfo1 .panel-heading {
  padding: 0px;
}
#divInfo1 button {
  color: #FFFFFF;
  background-color: #0368A8;
}
#info1List {
  margin: 0px;
  padding: 0px;
  overflow-y:auto;
  height:200px;
  border: none !important;
}
#info1List .list-group {
  margin-bottom: 0px !important;
}
#info1List ul li {
  margin: 0px;
  padding: 5px 5px 5px 15px;
  border-top: none !important;
  border-right: none !important;
  border-left: none !important;
  border-bottom: 1px solid #cbd7f1 !important;
  word-break: break-all;
}
#info1List li:before {
  position: absolute;
  content: '';
  display: block;
  top: 6px;
  left: 5px;
  width: 4px;
  height: 15px;
  border-left: 4px solid #0368a8;
}

/* 利用案内表示用*/
#divInfo2 {
  font-size: 12px;
  border: 1px solid #BFBFBF !important;
}
#divInfo2 .panel-heading {
  padding: 0px;
}
#divInfo2 button {
  background: #EDEDED;
}
#info2List {
  margin: 0px;
  padding: 0px;
  border: none !important;
}
#info2List .list-group {
  margin-bottom: 0px !important;
}
#info2List ul li {
  margin: 0px;
  padding: 5px 5px 5px 10px;
  border: none !important;
  word-break: break-all;
}
/* 2019.02.08 add end
/** 2019.03.20 add start */
.table.tableInfo2{
  /*margin-top: 10px;*/
  /*background: #f5f8fd;*/
  font-size: 12px;
  border: 1px solid #BFBFBF !important;
}
.table.tableInfo2 tbody {
  display:block;
  overflow-y:auto;
  height:200px;
}
.table.tableInfo2 th {
   font-size: 14px;
   border: 1px solid #BFBFBF !important;
}
.table.tableInfo2 td {
   border-top: none !important;
   border-bottom: none !important;
   padding-left: 10px !important;
   padding-bottom: 1px !important;
}
.table.tableInfo2 td span.black {
   color: black !important;
}
.table.tableInfo2 td a.black {
   color: black !important;
}
.table.tableInfo2 td span.red {
   color: red !important;
}
.table.tableInfo2 td a.red {
   color: red !important;
}
.table.tableInfo2 td span.blue {
   color: blue !important;
}
.table.tableInfo2 td a.blue {
   color: blue !important;
}
/** 2019.03.20 add end */
/* ラベル表示用*/
.table.tableLabel{
  background-color: #ECECEC;
  color: #4B4B4B;
  font-size: 12px;
}
.table.tableLabel th {
   background-color: #428BCA;
   color: #FFFFFF;
}
.table.tableLabel th {
  font-weight: normal;
}
/* データ表示用*/
.table.tableList{
  background-color: #FFFFFF;
  font-size: 12px;
}
.table.tableList th {
   background-color: #393939;
   border: 1px solid #FFFFFF;
   color: #FFFFFF;
}
.table.tableList th div.form-group,
.table.tableList td div.form-group {
  margin-bottom: 0px !important;
}
.table-striped tbody tr:nth-child(2n+1) td,
.table-striped tbody tr:nth-child(2n+1) th {
   background-color: #ECECEC;
}
.table-hover tbody tr:hover td,
.table-hover tbody tr:hover th {
  background-color: #FFF0E1;
}

/* 入力フォーム表示用*/
.table.tableInput{
  font-size: 12px;
  background-color: #D3DDDF;
}
.table.tableInput th {
   background-color: #C9D2DB;
   border: 1px solid #6D9CBA !important;
}
.table.tableInput td {
   border: 1px solid #6D9CBA !important;
}
.table.tableInput th div.form-group,
.table.tableInput td div.form-group {
  margin-bottom: 0px !important;
}
.table.tableInput th label,
.table.tableInput td label {
  font-weight: normal;
}
/** バッジ **/
.badge.badge-info {
  background-color: #5BC0DE;
}
.badge.badge-warning {
  background-color: #F0AD4E;
}
.badge.badge-danger {
  background-color: #D9534F;
}
/** ログイン画面用 **/
.form-signin {
  max-width: 300px;
  padding: 15px;
  margin: 0 auto;
  margin-bottom: 10px;
}
/* ログイン画面メッセージ 2021.12.01 add */
.loginMsg1 {
  text-align: center !important;
  white-space:pre-wrap !important;
  color: #a94442 !important;
}
/** <a>タグのリンクを無効化する **/
a.nav		{
pointer-events: none;
}
/** 処理中モーダルダイアログ用 **/
.modal-dialog-center {
  padding-top: 15%;
}
.modal-content {
  width:auto !important;
  background-color: rgba(255,255,255,0) !important;
  padding: 0px !important;
  border: none !important;
  box-shadow: none !important;
  text-align:center;
  color: #ffffff;
  font-size: 20px;
}
.modal-content p {
  margin-top: 15px;
}
/* メッセージ表示用*/
.contentMsg{
  margin: 10px 5px;
  font-size: 12px;
  background-color: #FFFFFF;
  color: #D9534F !important;
}
/* 2019/03/20 add start */
/* 回答状況表示用*/
#ansStus {
  font-size: 14px;
  border: 1px solid #0368a8 !important;
}
#ansStus .panel-heading {
   padding: 0px;
   /*border-bottom: 1px solid #6d9cba !important;*/
}
#ansStus button{
  color: #FFFFFF;
  background: #0368a8;
}
#ansList {
  margin: 0px;
  padding: 0px;
  /*overflow-y:auto;*/
  /*height:150px;*/
  border: none !important;
}
#ansList .list-group{
  margin-bottom: 0px !important;
}
#ansList a {
   margin: 0px !important;
   padding: 5px 5px 5px 10px;
   border-top: none !important;
   border-right: none !important;
   border-left: none !important;
   border-bottom: 1px solid #cbd7f1 !important;
}

/* ラベル表示用*/
.table.tableLabel{
  background-color: #ECECEC;
  color: #4B4B4B;
  font-size: 12px;
}
.table.tableLabel th {
   background-color: #428BCA;
   color: #FFFFFF;
}
.table.tableLabel th {
  font-weight: normal;
}
/* データ表示用*/
.table.tableList{
  background-color: #FFFFFF;
  font-size: 12px;
}
.table.tableList th {
   background-color: #393939;
   border: 1px solid #FFFFFF;
   color: #FFFFFF;
}
.table.tableList th div.form-group,
.table.tableList td div.form-group {
  margin-bottom: 0px !important;
}
.table-striped tbody tr:nth-child(2n+1) td,
.table-striped tbody tr:nth-child(2n+1) th {
   background-color: #ECECEC;
}
.table-hover tbody tr:hover td,
.table-hover tbody tr:hover th {
  background-color: #FFF0E1;
}

/* 入力フォーム表示用*/
.table.tableInput{
  font-size: 12px;
  background-color: #D3DDDF;
}
.table.tableInput th {
   background-color: #C9D2DB;
   border: 1px solid #6D9CBA !important;
}
.table.tableInput td {
   border: 1px solid #6D9CBA !important;
}
.table.tableInput th div.form-group,
.table.tableInput td div.form-group {
  margin-bottom: 0px !important;
}
.table.tableInput th label,
.table.tableInput td label {
  font-weight: normal;
}

/** バッジ **/
.badge.badge-primary {
  background-color: #337ab7;
}
.badge.badge-success {
  background-color: #5cb85c;
}
.badge.badge-info {
  background-color: #5BC0DE;
}
.badge.badge-warning {
  background-color: #F0AD4E;
}
.badge.badge-danger {
  background-color: #D9534F;
}
.badge.badge-info-s {
  background-color: #5BC0DE;
  font-size: 8px !important;
}
.badge.badge-warning-s {
  background-color: #F0AD4E;
  font-size: 8px !important;
}
.badge.badge-danger-s {
  background-color: #D9534F;
  font-size: 8px !important;
}
/** パネル **/
.panel.panel-primary{
  border-color: #337ab7 !important;
}
.panel.panel-primary .panel-heading{
  color: #FFFFFF !important;
  background-color: #337ab7 !important;
}
.panel.panel-success {
  border-color: #5cb85c !important;
}
.panel.panel-success .panel-heading{
  color: #FFFFFF !important;
  background-color: #5cb85c !important;
}
.panel.panel-info {
  border-color: #5BC0DE !important;
}
.panel.panel-info .panel-heading{
  color: #FFFFFF !important;
  background-color: #5BC0DE !important;
}
.panel.panel-warning {
  border-color: #F0AD4E !important;
}
.panel.panel-warning .panel-heading{
  color: #FFFFFF !important;
  background-color: #F0AD4E !important;
}
.panel.panel-danger {
  border-color: #D9534F !important;
}
.panel.panel-danger .panel-heading{
  color: #FFFFFF !important;
  background-color: #D9534F !important;
}

/** 依頼部品一覧表示用 **/
.table.tableReq{
  background-color: #d9d9d9;
  font-size: 12px;
}
.table.tableReq th {
   background-color: #8eb4e3;
   border: 1px solid #FFFFFF;
   color: #FFFFFF;
}
.table.tableReq td {
   background-color: #d9d9d9;
   border: 1px solid #FFFFFF;
}
.table.tableReq th div.form-group,
.table.tableReq td div.form-group {
  margin-bottom: 0px !important;
}


/** ページネーション用 **/
div.pageTableHeader {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.pagination.tablePager {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
div.pageCount {
  margin-top: 10px;
  margin-left: 10px;
}
div.inpuFilter {
  margin-top: 10px;
  margin-bottom: 0px;
}
div.pageTableDater {
  margin-top: 0px !important;
}
table.dataTable {
  margin-top: 0px !important;
}
/* 2019/03/20 add end */
/* 2019/10/31 add start */
/** SHERPA Ver2調査票(回答)登録 **/
/* ボタン行表示域 */
.btnLine {
  background-color: #FFFFFF;
  margin-bottom: 7px;
}

/* 表示メッセージ */
.c101 div.contentMsg{
  margin: 0px 15px !important;
  padding: 3px 0px;
  font-size: 14px;
  background-color: #FFFFFF;
}
.c101 div.msgColorBlack {
  color: #000000 !important;
}
.col-itiran1,.col-itiran2,.col-itiran3,.col-itiran4 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 0px;
}
div#contentItiranData {
  padding-top: 0px;
  padding-left: 10px;
  width: 99%;
}
@media screen and (min-width: 1024px) {
  .col-itiran1,.col-itiran2,.col-itiran3,.col-itiran4 {
    float: left;
  }
}
@media screen and (max-width: 1024px) {
  .col-itiran1 {
    float: left;
  }
  .col-itiran3,.col-itiran4 {
    clear:left;
  }
}

div#resultList {
  max-width: 100% !important;
  max-height: 650px !important;
  overflow:auto;
}
@media screen and (max-height: 750px) {
/* 縦幅700pxまで場合に適応される */
  div#resultList {
    max-height: 350px !important;
  }
}
@media screen and (min-height: 751px) and (max-height: 950px) {
/* 701px〜900までの幅の場合に適応される */
  div#resultList {
    max-height: 450px !important;
  }
}
/* 2019/10/31 add end   */
/* 2022.01.20 add start */
.preWrap {
  white-space: pre-wrap !important;
}
/* 2022.01.20 add end */
/* 2022.04.22 add start */
/* 行選択時の背景色 */
.ActiveRow td {
  background-color: #99CCFF !important;
}
/* 部品番号選択ボタンの背景色 */
.btn-bno-select {
  background-color:#F0F0F0;
}
/** 部品選択画面用(SC800) **/
div#SC800resultList {
  max-width: 100% !important;
  max-height: 400px !important;
  overflow:auto;
}
@media screen and (min-height: 800px) and (max-height: 899px){
/* 800px〜899pxの高さの場合に適応される */
  div#SC800resultList {
    max-height: 500px !important;
  }
}
@media screen and (min-height: 900px){
/* 900px以上の高さの場合に適応される */
  div#SC800resultList {
    max-height: 650px !important;
  }
}
/* 2022.04.22 add end   */