:root {
  --color-mkgreen: #009944;
  --color-lightblue: #0093FF;
  --color-lightorange: #E27902;
  --color-lightgray: #777777;
}

.spinnerTest {
  width: 1rem;
  height: 1rem;
}

#spinnerGetTableChildLoading {
  width: 2.0rem;
  height: 2.0rem;
}

.displayNone {
  display: none;
}

#divCsvArea {
  height: 38px;
}

.sibebarMenuButton {
  position: fixed;
  top: 100px;
  left: 100px;
  border-radius: 6px;
  padding: 6px 3px;
}

body {
}

.sales-chart {
  height: 300px;
}

.unit-price-chart {
  height: 300px;
}

/* 日曜日：赤 */

.flatpickr-calendar .flatpickr-innerContainer .flatpickr-weekdays .flatpickr-weekday:nth-child(7n + 1), .flatpickr-calendar .flatpickr-innerContainer .flatpickr-days .flatpickr-day:not(.flatpickr-disabled):not(.prevMonthDay):not(.nextMonthDay):nth-child(7n + 1) {
  color: red;
}

/* 土曜日：青 */

.flatpickr-calendar .flatpickr-innerContainer .flatpickr-weekdays .flatpickr-weekday:nth-child(7), .flatpickr-calendar .flatpickr-innerContainer .flatpickr-days .flatpickr-day:not(.flatpickr-disabled):not(.prevMonthDay):not(.nextMonthDay):nth-child(7n) {
  color: blue;
}

.buttonDeleteDatePicker {
  background: #ffffff;
  border-top-style: solid;
  border-top-color: #ced4da;
  border-right-style: solid;
  border-right-color: #ced4da;
  border-bottom-color: #ced4da;
}

.tooltip-inner {
  max-width: 100%;
}

.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 60px;
  z-index: 100;
}

.hidden-datepicker {
  width: 1px;
  height: 1px;
  /*margin-left: -30px;*/
}

.circle-chart {
  height: 300px;
}

#OperatTitleWhole {
  text-align: center;
}

#OperatMainTitle {
  color: var(--color-mkgreen);
}

#OperatStoreName {
  background: var(--color-mkgreen);
  color: white;
}

.status-wash {
  background-color: var(--color-lightorange);
}

.status-vacant {
  background-color: var(--color-lightblue);
}

.status-notavailable {
  background-color: var(--color-lightgray);
}

.status-unknown {
  color: var(--color-mkgreen);
}

.status-wash, .status-vacant, .status-notavailable {
  box-shadow: inset 0 0 0 4px #ffffff;
  padding: 4px;
  color: #ffffff;
  /*line-height: 1em !important;*/
}

