@charset "utf-8";
/*
============================================================
*	common
============================================================
*/



.navbar.bg-dark{background-color: #2762a7 !important;color:#fff !important;}
.container{max-width:96% !important;}
h1 {font-size: 20px !important;font-weight: bold;}
h1 span {font-size: 40px !important;}
h2 {font-size: 18px !important; border-left:  5px solid #2762a7 !important;padding-left:  5px;font-weight: bold;}
.header-btn {display: inline-block;margin-left: 30px;}
table {font-size: 14px;}
.log{display: none;}
.log td{color:#868686 !important;}
#newLine{display: none;}
#editBtn {display: none;}
.box{padding: 30px;color: #1b1e21;background-color: #f5f5f5;border-color: #c6c8ca;}

.table-line {
  background-color: #d6d8db !important;
  font-weight: bold;
}
.ex {
  display: inline-block;
  padding: 2px;
  margin: 0 4px;
}
.add {
  display: block;
  font-size: 12px;
}
/*order*/
.orderInputSection {
  padding: 10px;
}
/*login*/
#loginBox {
  display:block;max-width: 400px;margin:20px auto;
  border: 1px solid #ced4da;
  border-radius: 10px;
  padding: 30px;
}

/*delivery_person*/
.pageNav2col {
  display: flex;
}
.pageNav2col > p {
  width: 50%;
}
h2 {
  position: relative;
  min-height: 40px;
  padding-top: 10px;
  margin-bottom: 20px;
}
h2 > p {
  position: absolute;
  top:0;
  right: 0;
}
.historySection {
  background-color: #f2f2f2;
  border: 1px solid #e9e9e9;
}
table {background-color: #fff;}

.historySection {
    display: none;
}

.historySection h3{
  font-size: 16px;
}
.historySection h4{
  background-color: #2762a7;
  color: #fff;
  border-radius: 4px;
  padding: 5px;
  font-size: 16px;
  margin-top: 30px;
}
/*delivery*/
.table-delivery .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
}
.table-delivery .btn-group{width: 100%;}
.table-delivery .btn-group label{width: 50%;}
.table-delivery .label{display: none;}
.table-delivery tbody tr.checked td {background-color: #dddfe1 !important;}

#signOut {
  cursor: pointer;
}
#signOut:hover {
  opacity: .8;
}
@media screen and (max-width: 640px) {
  #selector{display:none;}
  .navbar-brand img {width: 50px;height: auto;}
  .navbar {padding: 2px;}
  .navbar .row.col-md-12{padding-right:5px;padding-left:5px;width: auto;}
  .table-delivery {display: block !important;border: 0;}
  .table-delivery .head{
    display: none;
  }
  .table-delivery tbody{
    display: block;
  }
  .table-delivery .label {font-weight: bold;padding: 2px;display: block;border-bottom: 1px solid #dee2e6;background-color: #d6d8db;}
  .table-delivery .data {display: block;padding: 10px;}
    .table-success .label{background-color: #17a2b8;color: #fff;}

  .table-delivery td {display: block;padding: 0 !important;}
  .table-delivery tr {margin-top: 30px;display: block;padding: 0 !important;}


  .header-btn {display: block;margin: 0;}
}
/*component*/

.mb20 {
  margin-bottom: 20px;
}
.mt20 {
  margin-top: 20px;
}
.bottom {
  padding: 20px 0 40px;
  border-top: 1px solid #dee2e6;
}
/*配送状態*/
.ex-1{background-color:#c3e6cb;}/*配送完了*/
.ex-2{background-color:#d6d8db;}/*キャンセル*/
.ex-3{background-color:#ffeeba;}/*「配送担当者」が「営業」*/
.ex-4{background-color:#f5c6cb;}/*「登録日」と「配送日」が同じ<*/

@media screen and (max-width: 640px) {
  .btn {margin-bottom: 1px;margin-top: 1px;}
  #deliveryTable,#ordertable {
    overflow: auto;
    border: solid 1px #ddd;
    margin-bottom: 20px;
  }
  #deliveryTable table,#ordertable table{
     min-width: 1000px;
  }
}