#contents {
  width: 960px;
  margin: 40px auto 50px;
  text-align: center;
}

#contents h2 {
  text-align: center;
  font-size: 2.5rem;
  margin-bottom: 15px;
}

#contents h2 span {
  font-size: 4rem;
}

#contents .txt {
  margin-bottom: 40px;
  font-size: 1.6rem;
}

#contents .btn a {
  margin: 0px 20px;
  display: inline-block;
  color: #000000;
  text-decoration: none;
  text-align: center;
  border: 1px solid #000000;
  background: url(/img/icon_arrow.png) no-repeat 94% center #FFF;
  background-size: 12px 4px;
  font-weight: bold;
  padding: 7px 0px;
  min-width: 246px;
  font-size: 1.4rem;
  cursor: pointer;
}

#contents .btn a:hover {
  background: #ededed url(/img/icon_arrow.png) no-repeat 97% center;
  background-size: 12px 4px;
}

@media only screen and (max-width: 960px) {
  #contents {
    width: 100%;
    margin: 30px auto 40px;
    padding: 0 20px;
    box-sizing: border-box;
  }
  #contents h2 {
    font-size: 2rem;
    margin-bottom: 10px;
  }
  #contents h2 span {
    font-size: 3.5rem;
  }
}
.password-reset {
  width: 400px !important;
}
.password-reset p {
  margin-bottom: 20px;
}

.password-reset-title-wrap {
  margin-top: 10px;
  margin-bottom: 20px;
}

.back-login-button-wrap {
  margin-top: 30px;
}

.back-login-button {
  color: #68a4d9;
  text-decoration: underline;
}

.page-active {
  background-color: #eb6ea0;
  border-color: #eb6ea0;
  color: white;
  padding-left: 20px;
  padding-right: 20px;
}
.page-active:hover {
  color: white;
}

.input-search-date input {
  max-width: 100px !important;
}

.is-blue td {
  background: rgba(0, 35, 129, 0.25);
}

.is-red td {
  background: rgba(129, 0, 35, 0.25);
}

.table-wrapper {
  position: relative;
}

.table-sticky-footer {
  background-color: rgba(112, 112, 112, 0.5);
  width: 100%;
  height: 5rem;
  position: fixed;
  z-index: 500;
  left: 0;
  bottom: 0;
  padding: 1rem 2rem;
}
.table-sticky-footer .dropdown-header {
  font-size: 1.4em;
  background-color: #505050;
  color: #fff;
  padding: 1.5rem;
}
.table-sticky-footer .dropdown-menu {
  padding-top: 0;
}
.table-sticky-footer .dropdown-menu a {
  padding: 1.5rem;
}
.table-sticky-footer .select2, .table-sticky-footer .select2-results {
  min-width: 300px;
}

.search-detail-table {
  width: 100%;
}
.search-detail-table .select2, .search-detail-table .select2-results {
  width: 50% !important;
}
.search-detail-table th {
  font-weight: bold;
  background-color: #5a5c69;
  color: #fff;
  padding: 1.5rem;
  width: 20%;
  border: solid 1px #ddd;
}
.search-detail-table td {
  padding: 1.5rem;
  width: 80%;
  border: solid 1px #ddd;
}

.card > .heading {
  border-bottom: 1px solid #ddd;
  padding-bottom: 8px;
  margin-bottom: 8px;
}

/** order-detail **/
.order-detail-nav-item {
  font-size: 1.5em;
  padding: 1rem 2rem;
}

.order-detail-card__header {
  display: flex;
  justify-content: space-between;
  border-top: solid 1px #2B3F54;
  border-right: solid 1px #2B3F54;
  align-items: center;
}
.order-detail-card__footer {
  background-color: #fff;
  border-bottom: solid 1px #2B3F54;
  border-right: solid 1px #2B3F54;
  border-left: solid 1px #2B3F54;
  align-items: center;
}
.order-detail-card__no {
  font-size: 1.5em;
  font-weight: bold;
  padding: 1rem;
  background: #2B3F54;
  color: #fff;
}
.order-detail-card__num {
  font-size: 1.5em;
  padding-right: 1rem;
}
.order-detail-card__body {
  border: solid 1px #2B3F54;
}
.order-detail-card__title {
  font-size: 2rem;
}
.order-detail-card__table {
  width: 100%;
}
.order-detail-card__table th {
  font-weight: bold;
  background-color: #5a5c69;
  color: #fff;
  padding: 1rem;
  border: solid 1px #ddd;
  width: 15%;
}
.order-detail-card__table td {
  padding: 1rem;
  border: solid 1px #ddd;
  width: 35%;
}
.order-detail-card .select2, .order-detail-card .select2-results {
  min-width: 20rem;
}

.order-detail-footer__table table {
  width: 80%;
  margin: auto;
}
.order-detail-footer__table table th {
  font-weight: bold;
  background-color: #5a5c69;
  color: #fff;
  padding: 1rem;
  border: solid 1px #ddd;
  width: 15%;
}
.order-detail-footer__table table td {
  padding: 1rem;
  border: solid 1px #ddd;
}

.list-header, .list-title {
  color: #fff;
  background-color: #2B3F54;
}
.list-header.bg-saturday, .list-title.bg-saturday {
  background-color: #3f5def;
}
.list-header.bg-sunday, .list-title.bg-sunday {
  background-color: #ef3f40;
}

.list-item a {
  text-decoration: underline;
}

.collection-header {
  background-color: #2B3F54;
  padding: 1rem;
}
.collection-header__title {
  color: #fff;
  font-weight: bold;
  margin-bottom: 1rem;
}
.collection-header__items {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}
.collection-header__item {
  background-color: #fff;
  text-align: center;
}
.collection-header__item.is-active .collection-header__item-title {
  background-color: #ef3f40;
}
.collection-header__item-title {
  padding: 0.5rem;
  font-weight: bold;
  background-color: #3f5def;
  color: #fff;
}
.collection-header__item-body {
  padding: 1rem;
  font-size: 2.5em;
  text-decoration: underline;
}

input:focus, textarea:focus, select:focus {
  border: 1px solid #b3b3b3;
}

#datatables th {
  background-color: #1AA2D6;
  color: #fff;
  padding: 0.75rem;
}

.product-price-history__title {
  font-size: 1.6rem;
  margin-bottom: 1rem;
}
.product-price-history__table {
  max-width: 70rem;
  width: 100%;
}
.product-price-history__table th {
  font-weight: bold;
  background-color: #5a5c69;
  color: #fff;
  padding: 0.5rem;
  border: solid 1px #5a5c69;
}
.product-price-history__table td {
  padding: 0.5rem;
  background-color: #fff;
  border: solid 1px #5a5c69;
  text-align: right;
}

.select2-container .select2-selection--single {
  height: 33px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 33px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 30px;
}

.delete-link {
  color: #b42a2a;
}

.card-body .select2, .card-body .select2-results {
  min-width: 75%;
}
.card-body textarea {
  min-width: 75%;
}
.card-body input#name, .card-body input#tel {
  min-width: 75%;
}
.card-body input[type=text], .card-body input[type=email], .card-body input[type=number], .card-body input[type=tel], .card-body input[type=file] {
  min-width: 75%;
}

.select2-mw320 {
  min-width: 320px;
}

#bank_name {
  width: 116px;
}

.forget-pass-wrap {
  margin-top: 30px;
}
.forget-pass-wrap a {
  font-size: 14px;
}

/**/
.error-text {
  color: #dc3545;
  font-size: 0.9em;
  font-weight: 500;
  margin-bottom: 20px;
}

.error-text-csv {
  font-size: 1.2em;
}

.loading-layer {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
  z-index: 9999;
}
.loading-layer .loader {
  margin: 20vw auto 0;
}
.loading-layer .loading-text {
  color: #fff;
  text-align: center;
  font-size: 3rem;
  margin: 10rem 0 4rem;
}
.loading-layer .loading-button {
  text-align: center;
}

.loader {
  margin: 100px auto;
  font-size: 25px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  position: relative;
  text-indent: -9999em;
  -webkit-animation: load5 1.1s infinite ease;
  animation: load5 1.1s infinite ease;
  transform: translateZ(0);
}

@-webkit-keyframes load5 {
  0%, 100% {
    box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
  }
}
@keyframes load5 {
  0%, 100% {
    box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff;
  }
}
.business_person-sign {
  width: 100px;
  height: 100px;
}
.business_person-sign:hover {
  cursor: pointer;
}

.js-delete-order {
  margin-left: 30px;
}

.pagination-bottom {
  margin-bottom: 70px;
}

.csv-message {
  color: #00afcc;
  font-size: 20px;
  margin-top: 10px;
}

.business-person-search-value-none {
  padding-top: 20px;
  padding-bottom: 30px;
}

.table-bordered th, .table-bordered td {
  border: 1px solid #ddd;
}

.month-select {
  height: 400px;
  overflow: scroll;
}

.select2-selection--multiple {
  max-height: 20rem;
  overflow: auto;
}

.btn-success {
  padding-left: 20px;
  padding-right: 20px;
}

.reset-button {
  background-color: #5a5c69;
  color: white;
}
.reset-button:hover {
  color: white;
}

.business-person-data-tables th {
  background-color: #00885a !important;
}

.btn.business-person-bill-button {
  background-color: #00885a !important;
  border-color: #00885a !important;
}

.donation-cancel-data {
  background-color: #d4d9dc !important;
}

.shipment-copy {
  background-color: #4e454a;
  color: white;
}
.shipment-copy:hover {
  background-color: #4e454a;
  color: white;
  opacity: 0.7;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #1AA2D6;
  color: white;
  padding-left: 25px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  border-right: 1px solid white;
  color: white;
}

.tablesorter-default td {
  border-bottom: 0 !important;
}

.flush-message-position {
  margin-top: 20px;
}

#business-person-calendar {
  background-color: white;
}

.fc .fc-button-group {
  margin-left: 10px;
  margin-right: 10px;
}

.fc-daygrid-day-events {
  padding: 15px;
  font-size: 20px;
}