:root {
  --alifwd-disabled-bg-color: #d3d3d3;
  --alifwd-delivery-bg-color: magenta;
  --alifwd-transport-bg-color: #66CDAA;
  --alifwd-preparation-bg-color: #00CED1;
  --alifwd-grouping-bg-color: #2473ea;
  --alifwd-working-bg-color: #964B00;
  --alifwd-extra-bg-color: orange;
  --alifwd-normal-bg-color: green;
  --alifwd-reset-bg-color: cornflowerblue;
}

.alifwd-container {
  display: flex;
  background-color: transparent;
  justify-content: center;
}

.alifwd-item {
  display: block;
  /*background-color: grey;*/
  background-color: var(--alifwd-normal-bg-color);
  border-radius: 0.35rem;
  padding: 2px;
  margin: 2px;
  flex: 1;
  min-width: calc(100% / 7);
  max-width: calc(100% / 7);
}

.alifwd-item span {
  color: #fff;
}

.alifwd-item-disabled {
  background-color: var(--alifwd-disabled-bg-color) !important;
  pointer-events: none !important;
}

.alifwd-item-required {
  background-color: var(--alifwd-disabled-bg-color) !important;
  pointer-events: none;
}

.alifwd-item-delivery {
  background-color: var(--alifwd-delivery-bg-color) !important;

}

.alifwd-item-transport {
  background-color: var(--alifwd-transport-bg-color) !important;

}

.alifwd-item-preparation {
  background-color: var(--alifwd-preparation-bg-color) !important;

}

.alifwd-item-grouping {
  background-color: var(--alifwd-grouping-bg-color) !important;

}

.alifwd-item-working {
  background-color: var(--alifwd-working-bg-color) !important;

}

.alifwd-item-extra {
  background-color: var(--alifwd-extra-bg-color) !important;
}

.alifwd-item-normal {
  background-color: var(--alifwd-normal-bg-color) !important;
}

.alifwd-reset-button {
  background-color: var(--alifwd-reset-bg-color) !important;
}

.alifwd-day {
  display: block;
  text-align: center;
  font-size: 20px;
}

.alifwd-month {
  display: block;
  text-align: center;
  font-size: 16px;
}

.alifwd-week-day {
  display: block;
  text-align: center;
  font-size: 16px;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
  cursor: pointer;
}

.alifwd-edit input[type="number"] {
  min-width: 50px;
  letter-spacing: 0;

}

.alifwd-edit>div {
  display: inline-flex;
  padding-right: 5px;
  width: 33%;
}

.alifwd-edit>div>span {
  display: inline-block;
  text-align: right;
  padding-right: 5px;
  font-size: 14px;
  line-height: 14px;
  width: 78%;
}

.alifwd-edit>div>input {
  width: 22%;
  font-size: 14px;
  line-height: 14px;
  margin-left: 5px;
}

button#alifwd_edit_button_adj {
  margin: 10px 0;
}

.rounded-lg {
  border-radius: 24px;
}

.border {
  border-width: 1px;
}

.border-gray-300 {
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity));
}

.bg-amber-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(245 158 11 / var(--tw-bg-opacity));
}

.bg-amber-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(146 64 14 / var(--tw-bg-opacity));
}

.bg-blue-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254 / var(--tw-bg-opacity));
}

.bg-blue-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity));
}

.bg-blue-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity));
}

.bg-blue-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(29 78 216 / var(--tw-bg-opacity));
}

.bg-gray-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
}

.bg-gray-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity));
}

.bg-green-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(22 163 74 / var(--tw-bg-opacity));
}

.bg-green-700 {
  --tw-bg-opacity: 1;
  background-color: rgb(21 128 61 / var(--tw-bg-opacity));
}

.bg-purple-500 {
  --tw-bg-opacity: 1;
  background-color: #f0f;
}

.bg-teal-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(20 184 166 / var(--tw-bg-opacity));
}

.bg-transparent {
  background-color: transparent;
}

.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}

.grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (min-width: 768px) {
  .grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.grid>* {
  display: flex;
  align-items: center;
  margin-bottom: 0.25rem;
}

.grid>*>div:first-child {
  width: 1.25rem;
  height: 1.25rem;
  margin-right: 0.15rem;
  border-radius: 0.25rem;
}

.grid>*>span {
  font-size: 0.75rem;
  line-height: 1;
}

#delivery input[type="number"] {
  border: 0;
}

.calendar_legend {
  float: left;
  display: grid;
  margin: 10px 0;
}