@charset "UTF-8";

[v-cloak] {
  display: none;
}

html {
  font-size: 18px;
}

/* Bootstrap */
@media (max-width: 768px) {
  .content {
    width: calc(100vw - 18px);
    max-width: calc(100vw - 18px);
  }
  footer.footer {
    width: calc(100vw - 18px);
  }
}

.main {
  padding-top: 65px;
}

.sidebar,
.sidebar-content {
  background-color: #2d4a1e;
}

.navbar {
  position: fixed;
  top: 0;
  z-index: 10;
  width: 100%;
  -webkit-transition: width .35s ease-in-out;
  transition: width .35s ease-in-out;
}

@media (min-width: 993px) {
  .navbar {
    width: calc(100% - 260px);
  }
}

@media (min-width: 993px) {
  #app-sidebar.sidebar.collapsed + .main .navbar {
    width: 100%;
  }
}

@media (max-width: 992px) {
  #app-sidebar.sidebar.collapsed + .main .navbar {
    width: calc(100% - 260px);
  }
  .card-outer {
    margin-left: -20px;
    margin-right: -24px;
  }
}

#app-sidebar .sidebar-brand span {
  display: block;
  overflow: hidden;
  color: transparent;
  text-indent: 110%;
  white-space: nowrap;
  font-size: 0;
  margin: 0 auto;
  width: 160px;
}
#app-sidebar .sidebar-brand span::before {
  display: block;
  content: "";
  padding-top: 33.333333333%;
  background: transparent url(../image/logo_white.svg) no-repeat center center;
  background-size: contain;
}

.sidebar-sublink {
  padding-left: 3rem !important;
}

.sidebar-link i {
  font-size: 16px;
}

.sidebar-link:hover {
  color: #fff;
}

.sidebar-header.active .sidebar-link i {
  color: #e9ecef;
}

.sidebar-header.active .sidebar-link {
  color: #fff;
}

.sidebar-dropdown .sidebar-item.active .sidebar-link {
  color: #fff;
}

.sidebar-dropdown .sidebar-link {
  color: rgba(255, 255, 255, .3);
  padding-left: 2.5rem !important;
}

.form-check-inline .form-check-input {
  margin-top: .3125em;
}

.form-check-label {
  user-select: none;
}

label {
  cursor: pointer;
}
input[type="radio"],
input[type="checkbox"] {
  cursor: pointer;
}

.pre {
  white-space: pre;
}
.pre-wrap {
  white-space: pre-wrap;
}

.handle {
  cursor: move;
}

/* Login */
.login h1 {
  overflow: hidden;
  color: transparent;
  text-indent: 110%;
  white-space: nowrap;
  font-size: 0;
  margin: 0 auto 1rem;
  width: 260px;
}
.login h1::before {
  display: block;
  content: "";
  padding-top: 33.333333333%;
  background: transparent url(../image/logo.svg) no-repeat center center;
  background-size: contain;
}

/* Form Floating */
:not(.form-floating) > input::placeholder,
:not(.form-floating) > textarea::placeholder {
  color: #ccc !important;
}

/* Table */
.table {
  width: 100%;
}
.table > :not(caption) > * > * {
  padding: .5rem .75rem;
}
.table.table-slim th,
.table.table-slim td {
  padding: .25rem .75rem !important;
}
.table .table-disabled {
  --bs-table-bg: #ccc;
  --bs-table-striped-bg: #bbb;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #aaa;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #bbb;
  --bs-table-hover-color: #000;
  border-color: #cbccce;
}
.table .table-primary,
.table .table-secondary,
.table .table-success,
.table .table-danger,
.table .table-warning,
.table .table-info,
.table .table-disabled {
  color: #999;
}
.table .table-primary > *,
.table .table-secondary > *,
.table .table-success > *,
.table .table-danger > *,
.table .table-warning > *,
.table .table-info > *,
.table .table-disabled > * {
  color: #666 !important;
}
.table td a {
  text-decoration: underline;
}
.table td a:hover {
  text-decoration: none;
}
.table.table-color th {
  vertical-align: middle;
  background-color: #f4f7f9 !important;
}
.table.table-color th.changeable {
  background-color: #c9d6e3 !important;
}
.table.table-color .table-primary th {
  background-color: #c2d7f9 !important;
}

@media (min-width: 1301px) {
  .table.table-vertical > tbody > tr > th {
        width: 10em;
        white-space: nowrap;
    }
}
@media (max-width: 1300px) {
  .table.table-vertical > tbody > tr > th,
  .table.table-vertical > tbody > tr > td {
    display: block;
  }
  .table.table-vertical > tbody > tr > th {
    border-bottom: 1px solid #dee6ed;
  }
  .table.table-vertical:not(.table-slim) > tbody > tr > td {
    min-height: 3em;
  }
}

/* Table Wrapper */
.table-wrapper {
  overflow-x: auto;
  overflow-y: hidden;
  margin-bottom: 1rem;
}
.table-wrapper .table {
  margin-bottom: 0;
}
.table-wrapper .table th,
.table-wrapper .table td {
  white-space: nowrap;
}

/* Scroll Table */
.scroll-table {
  margin-bottom: 1rem;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.scroll-table .table {
  margin-bottom: 0;
}
.scroll-table .table th,
.scroll-table .table td {
  white-space: nowrap !important;
}
.scroll-table.scroll-y {
  overflow-y: auto;
  min-height: 6em;
}
.scroll-table.scroll-y thead th {
  position: sticky;
  top: 0;
  background-color: #fff;
  z-index: 5;
}
.scroll-table.scroll-y tfoot th {
  position: sticky;
  bottom: 0;
  background-color: #fff;
  z-index: 5;
}

/* Flatpickr */
.flatpickr-current-month {
  display: flex;
  justify-content: center;
  align-items: center;
}
.flatpickr-current-month::after {
  display: inline-block;
  content: "年";
  order: 2;
}
.flatpickr-current-month .numInputWrapper {
  order: 1;
}
.flatpickr-current-month .flatpickr-monthDropdown-months {
  order: 3;
}
.flatpickr-weekdaycontainer .flatpickr-weekday:nth-child(1),
.flatpickr-days .flatpickr-day:not(.selected):not(.flatpickr-disabled):not(.prevMonthDay):not(.nextMonthDay):nth-child(7n+1) {
  color: #d9534f;
}
.flatpickr-weekdaycontainer .flatpickr-weekday:nth-child(7),
.flatpickr-days .flatpickr-day:not(.selected):not(.flatpickr-disabled):not(.prevMonthDay):not(.nextMonthDay):nth-child(7n) {
  color: #3f80ea;
}
.flatpickr-days .flatpickr-day:not(.selected):not(.flatpickr-disabled):not(.prevMonthDay):not(.nextMonthDay).is-holiday {
  color: #d9534f;
}
.flatpickr-days .flatpickr-day:not(.selected):not(.flatpickr-disabled):not(.prevMonthDay):not(.nextMonthDay):not(:hover).is-disabled {
  background: #c0c0c0;
}
.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
  fill: #3f80ea;
}
.flatpickr-calendar.inline {
  margin: 0 auto;
}
.flatpickr-input {
  font-size: 16px;
}
.flatpickr-input.active {
  border-color: #9fc0f5 !important;
  box-shadow: 0 0 0 0.2rem rgb(63 128 234 / 25%) !important;
}
@media (max-width: 768px) {
  .flatpickr-calendar {
    width: 280px;
    font-size: 13px;
    line-height: 22px;
  }
  .flatpickr-calendar .flatpickr-months .flatpickr-month {
    height: 32px;
  }
  .flatpickr-calendar .flatpickr-months .flatpickr-prev-month,
  .flatpickr-calendar .flatpickr-months .flatpickr-next-month {
    height: 32px;
    padding: 8px;
  }
  .flatpickr-calendar .flatpickr-months .flatpickr-prev-month svg,
  .flatpickr-calendar .flatpickr-months .flatpickr-next-month svg {
    width: 13px;
    height: 13px;
  }
  .flatpickr-calendar .flatpickr-current-month {
    height: 32px;
    padding-top: 6px;
    font-size: 125%;
  }
  .flatpickr-calendar .flatpickr-weekdays {
    height: 26px;
  }
  .flatpickr-calendar .flatpickr-days {
    width: 280px;
  }
  .flatpickr-calendar .dayContainer {
    width: 280px;
    min-width: 280px;
    max-width: 280px;
  }
  .flatpickr-calendar .flatpickr-day {
    max-width: 36px;
    height: 36px;
    line-height: 36px;
  }
}

/* Modal Dialog Drop */
.modal-dialog-drop {
  --bs-modal-width: 96vw;
}
.modal-dialog-drop .modal-content {
  height: 92vh;
}
.modal-dialog-drop.file-drag .modal-content {
  background-color: #ccc;
}

/* Item Image */
.item-image img {
  max-width: 100%;
  max-height: 300px;
  object-fit: contain;
}

/* Input */
input[readonly]:focus {
  border-color: transparent !important;
  box-shadow: none;
}

/* Error Message */
.error-message {
  width: 100%;
  font-weight: normal !important;
  text-align: left;
}

/* Form Control */
.form-control:focus {
  box-shadow: 0 0 0 0.2rem rgb(63 128 234 / 25%) !important;
}
.form-control[type="number"] {
  padding-right: .1rem;
}

.text-through {
  text-decoration: line-through 2px solid;
}

.btn {
  white-space: nowrap;
}

.measure {
  background-color: #3f80ea !important;
}
.reduced-tax {
  background-color: #666 !important;
}

.fw-bold,
b,
strong {
  font-weight: 700 !important;
}

.list-group-striped .list-group-item-action:nth-child(odd) {
  background-color: #f4f7f9;
}

.list-group-striped .list-group-item-action:hover {
  background-color: #e3ebf0;
}

.content figure.image {
  clear: both;
  display: table;
  margin: .9em auto;
  min-width: 50px;
  text-align: center;
}
.content figure.image > figcaption {
  padding: .6em;
  display: table-caption;
  caption-side: bottom;
  font-size: .75em;
  outline-offset: -1px;
  word-break: break-word;
  background-color: #f7f7f7;
}
.content .image-style-block-align-left {
  margin-left: 0;
  margin-right: auto;
}
.content .image-style-block-align-right {
  margin-left: auto;
  margin-right: 0;
}
.content .image-style-align-left {
  float: left;
  margin: .75em .75em .75em 0;
}
.content .image-style-align-right {
  float: right;
  margin: .75em 0 .75em .75em;
}