@charset "UTF-8";
.swal2-confirm {
  background-color: var(--primary) !important; }

.alert {
  border-radius: 1rem !important; }

.middle-top-alert {
  width: 100%;
  max-width: 100%;
  top: 0;
  left: 0;
  position: fixed;
  display: flex;
  justify-content: center;
  margin-top: 1rem;
  z-index: 99999;
  pointer-events: none;
  word-wrap: break-word; }
  .middle-top-alert > .alert {
    width: fit-content; }

.nav-tabs .nav-link.active {
  background-color: transparent ;
  font-weight: bolder; }

.btn-specify-primary-own {
  background-color: #e8deca;
  border-color: #e8deca; }

/****************
***** Utility ***
 ****************/
.utility-toggle {
  overflow: hidden;
  transition: height .7s ease;
  height: auto;
  /* 初始高度設為自動 */ }
  .utility-toggle.utility-toggle-hidden {
    height: 0 !important;
    /* 當隱藏時設為 0 */
    padding-top: 0;
    padding-bottom: 0; }

/****************
***** Order *****
 ****************/
#order-items {
  counter-reset: items; }

.order-item {
  margin-bottom: .3rem; }

.order-item-no::before {
  content: counter(items) ".";
  /* 在元素前添加计数器值和点 */
  counter-increment: items;
  /* 每次使用 .order-item-no，计数器加 1 */
  color: white;
  /* 其他样式可以根据需要调整 */ }

.order-item-no {
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  padding: .5rem;
  margin: 0 .5rem;
  font-weight: bold;
  content: counter(items) "."; }

.order-importer-info, .order-recipient-info {
  margin: auto;
  max-width: 100%;
  padding: .7em .5em;
  background-color: #e8deca; }

.order-item-image {
  max-width: 300px;
  max-height: 60px; }

.order-list.card {
  border-radius: 10px 10px 0 0; }
  .order-list.card .card-header {
    border-radius: 10px 10px 0 0;
    background-color: #b8986f;
    color: white;
    text-align: center; }
  .order-list.card .card-body {
    padding: .5rem; }
    .order-list.card .card-body .order-list-sub,
    .order-list.card .card-body .order-list-sub .card,
    .order-list.card .card-body select#order-list-status {
      box-shadow: 1px 4px 5px #d3d3d3; }
  .order-list.card .order-list-sub .order-list-buttons {
    position: absolute;
    bottom: 0;
    right: 0;
    max-width: 40%; }
  .order-list.card .order-list-sub .badge {
    border-radius: 4px; }
  .order-list.card .order-list-sub .card {
    border-radius: 10px 10px 0 0; }
  .order-list.card .order-list-sub .card-header {
    color: #1a1a1a !important;
    font-size: 1.2rem;
    background-color: #e8e0d1; }
  .order-list.card .order-list-sub .order-list-sub-title {
    position: relative;
    background-color: #e8e0d1;
    color: #1a1a1a;
    border-radius: 5px;
    padding: .5rem; }
    .order-list.card .order-list-sub .order-list-sub-title .order-list-sub-nation {
      position: absolute;
      right: .3rem;
      top: .4rem;
      font-weight: bold;
      padding: .1rem .5rem;
      background-color: #9f8474;
      border-radius: 5px;
      color: white; }

.utility-toggle-button {
  border-radius: 7px 0 0 0; }

/*# sourceMappingURL=base.css.map */