/* ヘッダー */
header{
  width: 100%;
  background-color: #BCE2E8;
  margin-bottom: 20px;
}
.header_logo{
  width: 250px;
}
/* コンテナ */
.container {
    max-width: 1200px;
}
/* ナビゲーション */
.sidebar{
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
}
/* アイコン */
.icon{
  width: 18px;
  margin-right: 4px;
  text-align: center;
  display: inline-block;
}
.nav-btn{
  width: 20%;
  border-radius: 8px !important;
}

.js-db{
  display: block;
}
.js-dn{
  display: none;
}
/* ログイン画面 */
.btn-login{
  display: block;
  margin: 0 auto;
}
.wrap-login{
  display: block;
  height: 500px;
  position: relative;
}
.inner-login{
  position: absolute;
  top: 30%;
}

/* 配送シフト画面 */
#date-today{
  text-align: center;
  font-size: 1.2rem;
}
[type=reset], [type=submit], button, html [type=button] {
  -webkit-appearance:none;
}
.btn-toolbar{
  margin-bottom: 10px;
}

/* 検索窓 */
.search_window{
  padding:10px;
  margin-bottom: 10px;
}
.search_window>form{
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.btn_search{
  margin-left: 10px;
}
.orders .search_window .form-group{
  width: 18%;
}
.customers .search_window .form-group{
  width: 22%;
}
.search_window .form-group{
  margin-left: 10px;
}

/* お知らせ編集 */
.btn-preview{
  margin-top: 10px;
}

/* 見出し */
h2.ttl {
padding: 0.25em 0.5em;
color: #0C6AB3;
background: transparent;
border-left: solid 5px #BCE2E8;
font-size: 1.4rem;
}
h3.ttl{
    font-weight: bold;
    font-size: 1rem;
}

/* テーブルスタイル */
th{
  background-color: #EBF6F7;
  padding: 0 !important;
  margin-left : auto ; margin-right : 0 ; text-align : left ;
  font-size: 11px;
  white-space: nowrap;
}
td{
  padding: 0 !important;
  margin-left : auto ; margin-right : 0 ; text-align : left ;
  font-size: 11px;
}
th.header {
  /* background-image: url(../img/blue/bg.gif); */
  /* background-repeat: no-repeat;
  background-position: center right; */
  color: #008DDD;
  text-decoration: underline;
  cursor: pointer;
}

th.headerSortUp {
  /* background-image: url(../img/blue/asc.gif); */
  color: #f00;
}

th.headerSortDown {
  /* background-image: url(../img/blue/desc.gif); */
  color: ##008DDD;
}
.table-area{
  margin: 30px auto;
}
.table-wxga-width{
  max-width: 1270px!important;
}
/* .scale-half{
  top:0;
  display: block;
  transform: scaleX(0.7);
} */
.scale-memo{
  display: block;
  overflow: hidden;
  height: 50px;
}
.amount{
  font-weight: bold;
  font-size: 1.2rem;
}
/* テーブル表示列絞り込み */
.select-tableColumn{
  padding: 10px;
  margin: 0 auto;
}
.select-tableColumn .form-check{
  display: inline-block;
}

/* フォーム */
.control-label{
  font-weight: bold;
}
.btn-master{
  margin-bottom: 10px;
}
/* ボタン */
.btn{
  filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.3));
}
.table-area .btn{
  padding: 4px;
}
.btn-area{
  margin:0 0 10px 0;
  border-left: 4px solid #fff;
}
.btn-area .btn{
  width: 80%;
  margin: 20px 6px;
}
/* レイアウト */
.main{
  margin-top: 20px;
}
.btn-primary{
  background-color: #008DDD;
}
.flex{
display: -webkit-flex;
display: -ms-flex;
display: flex;
}
/* プリント */
.db_print{
  display: none;
}
/* スクロールバー */
::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar-track {
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
}
::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 50, .3);
  border-radius: 10px;
  box-shadow:0 0 0 1px rgba(255, 255, 255, .1);
}
/* フッター */
footer{
  height: 100px;
}