@charset "utf-8";
/*!
 * Copyright 2013 CORAL, Inc
 * Designed for Jogashimasuisan
 *
 *　2017-11-29　備考2・3追加、今日時点の38行目〜付近に「container-wide」「container-wide2」追加
 *　2017-12-14　「help-inline」追加
 *　2025-1-24　31行目に「.nav-tabs li.passive」追加
 */
 
body { color: #696969; }

a { text-decoration: none; }

h1{ font-size: 25px; margin-top: -20px; }
h2{ font-size: 22px; font-weight: normal; }
h3{ font-size: 18px; font-weight: normal; margin-top: 15px; }
h3.inventory { margin-left: 20px; }
h4{ font-size: 15px; color:#006dcc; font-weight: normal; margin-top: 10px; margin-left: 10px; }

.signout { text-align: right; margin-top: 20px; }

.nav-tabs { border-bottom: 1px solid #bbbbbb; }
.nav-tabs > .active > a,
.nav-tabs > .active > a:hover {
  color: #555555;
  cursor: default;
  background-color: #ffffff;
  border: 1px solid #bbbbbb;
  border-bottom-color: transparent;
}
.nav-tabs li.passive {padding:8px 12px;}

.jumbotron { background-color: #51a351; margin-bottom: 20px; }
.jumbotron h1 {color: #ffffff; }
.nav-pills > .active > a,
.nav-pills > .active > a:hover { color: #ffffff; background-color: #51a351; }

.container { width: 1000px; }
.container1100 { width: 1100px; }
.container-wide { width: 1200px; }
.container-wide2 { width: 1300px; }
.extracted { padding-top: 5px; font-size: 15px; }
.margin30 { margin: 30px; }

ul.help-inline { color: #ff0000; }

/*table*/
.table th {
  padding: 3px;
  line-height: 20px;
  text-align: center;
  vertical-align: middle;
  border-top: 1px solid #cccccc;
}
.table td {
  padding: 3px;
  line-height: 20px;
  vertical-align: middle;
  border-top: 1px solid #cccccc;
}
.table tbody + tbody { border-top: 2px solid #cccccc; }
.table-bordered {
  border: 1px solid #cccccc;
  border-collapse: separate;
  *border-collapse: collapse;
  border-left: 0;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}
.table-bordered th,
.table-bordered td { border-left: 1px solid #cccccc; }
.table-striped tbody > tr:nth-child(odd) > th {
  background-color: #dddddd;
}

table.list { margin-top: 20px;}
table.list th { font-weight: normal; font-size: 11px;}
table.list td { font-size: 12px;}
table.result th { font-weight: normal;}
table.result td { font-size: 11px;}

table.bill th { text-align: center; vertical-align: middle; font-size: 10px; background-color: #eeeeee;}
table.bill td { font-size: 11px; vertical-align: top; }
table.detail td { border: none; font-size: 12px; }

#print-contents { font-size: 14px;}

.data-add { width: 460px; padding: 20px; margin: 20px; }
.data-list { width: 800px; padding: 20px; margin: 20px; }
.close-btn { text-align: right; padding-right: 30px; padding-bottom: 20px; }

.frame {
  display: block;
  padding: 15px;
  margin: 20px 0 10px;
  font-size: 12px;
  word-break: break-all;
  word-wrap: break-word;
  border: 1px solid #bbbbbb;
  border: 1px solid rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}
.total-weight {
  text-align:center;
  margin-top: 8px;
  margin-left: 600px;
  padding: 10px;
  border:2px solid #555555;
  font-size: 25px;
}
.text-alert {
  color: #ff0000;
}
.text-orange {
  color: #faa732;
}

.amount { width: 65%; float: left; text-align: right; margin-right: 3px;}
.kg { width: 80%; float: left; text-align: right; margin-right: 3px;}
.place { float: left; text-align: left; margin-right: 7px;}
.head { width: 930px; padding: 15px; margin: 0 auto; }
.shipto { width: 550px; float: left;}
.jogashima { text-align: right; width: 370px; float: right; }


.date { border-bottom: 2px solid #696969; font-size: 20px; margin-top: 20px;}
.ymd { float: left; padding: 0 0 5px 40px;}
.todo { float: right; padding: 0 40px 5px 0;}

footer { border-top: solid 1px #cccccc; margin-top: 20px; padding: 20px 0; text-align: center;}


/*culculate*/
table.culculate th {font-weight: normal; font-size: 12px;}

/*inventory*/
.product-name { width: 100%; float: left; text-align: left;}
.product-gauge { width: 40%; float: left; text-align: left; margin-right: 5px;}	/*width:50% → 40% 2024/12/10 fujita*/
.lot-number-j { width: 23%; float: right; text-align: left;}
.each-quantity { width: 33%; float: right; text-align: left;}	/*width:23% →33 % 2024/12/10 fujita*/
.lot-number-org { width: 45%; float: left; text-align: left; margin-right: 7px;}
.lot-number-oth { width: 30%; float: right; text-align: left;}
.inventory-sheet { padding: 25px 20px 0 20px;}
hr.break { border: 1px solid #ffffff; page-break-before: always; }