.announcement-bar {
  background-color: #88af80 !important;
  color: #ffffff !important;
}
.announcement-bar__desc p a {
  border-bottom: 1px solid #ffffff;
}
.announcement-bar__close-icon svg {
  stroke: #ffffff;
}
.subscription_remove_confirmation .confimation-buttons {
  text-align: center;
  margin-top: 20px;
}

.day-cares-page-main-section h2 {
  font-size: 20px;
}

.day-cares-page-header h2 {
  font-size: 22px;
}
.day-cares-page-sub-header {
  margin-top: 30px;
}
.day-cares-page-sub-header .title {
  font-size: 18px;
}
.day-cares-page-sub-header .btn--text {
  border-color: #e0a08f;
  border-width: 1px;
  border-style: solid;
  border-radius: 20px;
  font-size: 18px;
  line-height: 18px;
  display: inline-block;
  padding: 0.625vw 1.876vw;
  text-align: center;
  color: #ffffff;
  background: #e0a08f;
}

.day-cares-page-main-section h3 {
  font-size: 18px;
}

.day-cares-page-main-section {
  padding: 50px 0 70px;
  background: #fff;
}

.day-cares-page-main-section .accoutn-details h2 {
  margin-bottom: 5px;
}

.day-cares-page-main-section .day-cares-plan-details h2 {
  margin-bottom: 0;
  font-size: 18px;
}

.day-cares-page-main-section .accoutn-details,
.day-cares-page-main-section .day-cares-plan-details,
.day-cares-page-main-section .your-subscription-details,
.day-cares-page-main-section .your-previous-subscription-details {
  background-color: #f6f2ec;
  border-radius: 20px;
  padding: 20px;
  margin: 35px 0;
}

.accoutn-details .accordion__inner {
  padding: 25px 0 20px;
}

#subscription-data-inner-part {
  background: #fff;
  border-radius: 20px;
  padding: 20px 20px 20px;
}

.day-cares-plan-details h3 {
  margin-bottom: 10px;
}

.day-cares-page-main-section .accordion__btn {
  display: flex;
  align-items: center;
}

.day-cares-page-main-section table {
  width: 100%;
  border-spacing: 0 10px;
}

.day-cares-page-main-section .accoutn-details table * {
  font-size: 14px;
}

.day-cares-page-main-section table tr {
  width: 25%;
}

.day-cares-page-main-section table a.btn {
  border: 1px solid #e19f8f;
  padding: 10px 30px;
  color: #e19f8f;
}

.header-row {
  display: flex;
  font-weight: bold;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.header-row div:nth-child(1) {
  width: 10%;
}
.header-row div:nth-child(2),
.header-row div:nth-child(3) {
  display: flex;
  align-items: center;
  width: 30%;
}
.header-row div:nth-child(4) {
  display: flex;
  align-items: center;
  justify-content: end;
  padding-right: 10px;
  width: 30%;
}
.header-row div:nth-child(2) span,
.header-row div:nth-child(3) span,
.header-row div:nth-child(4) span {
  margin-left: 20px;
  margin-right: 10px;
  font-size: 50px;
}

.data-main-view {
  display: flex;
  align-items: center;
  justify-content: center;
}
.data-main-view .kindo-number {
  display: flex;
  padding: 0 5px;
  font-size: 50px;
  font-weight: bold;
  flex: 0.05;
}
.data-main-view .data-delivery-data-list {
  flex: 0.95;
}
.meal-detail {
  display: flex;
  align-items: start;
  text-align: left;
  color: #331e16;
  flex-wrap: wrap;
}
.meal-detail > div {
  padding-right: 10px;
  width: auto;
}
.meal-detail > div:nth-child(1),
.meal-detail > div:nth-child(3) {
  width: 18%;
}
.meal-detail h6 {
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 10px;
  line-height: 12px;
}
.meal-detail input,
.meal-detail input:disabled {
  width: 100%;
  opacity: 1;
  color: #331e16;
  border: none;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
  line-height: 22px;
  background: white;
  outline: none;
  scroll-behavior: smooth;
}
.meal-tags-detail .meal-erster-tag {
  display: flex;
  position: relative;
  margin-right: 20px;
  align-items: center;
  padding: 0px 17px;
  border: 1px solid #8bae83;
  border-radius: 20px;
}
.meal-tags-detail .meal-letzter-tag {
  display: flex;
  position: relative;
  align-items: center;
  padding: 0px 17px;
  border: 1px solid #e19f8f;
  border-radius: 20px;
}
.meal-tags-detail .meal-letzter-tag span,
.meal-tags-detail .meal-erster-tag span,
.date-range-wraper > span {
  font-weight: bold;
  font-size: 14px;
}
.meal-tags-detail .meal-letzter-tag select,
.meal-tags-detail .meal-letzter-tag select:disabled,
.meal-tags-detail .meal-erster-tag select:disabled,
.meal-tags-detail .meal-erster-tag select {
  width: 222px;
  font-weight: bold;
  color: #331e16;
  opacity: 1;
  margin-bottom: 0px;
  font-size: 18px;
  outline: none;
  scroll-behavior: smooth;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-repeat: no-repeat;
  background-position-x: 100%;
  background-position-y: 10px;
  padding: 10px;
  border: none;
}
.meal-tags-detail {
  color: #331e16;
  padding-top: 20px;
  border-top: 3px solid #f6f2ec;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.meal-tags-detail div:nth-child(1).meal-tags-list {
  flex-wrap: wrap;
  flex: 1;
  display: flex;
}
.meal-tags-detail div:nth-child(2).meal-icons-list {
  display: flex;
  align-items: center;
  justify-content: end;
}
.meal-tags-detail div:nth-child(2).meal-icons-list .meal-email-icon {
  margin-right: 20px;
}
.heading-list {
  display: flex;
}
.data-main-view .data-delivery-data-list .heading-list .meal-consumption {
  flex: 0.9;
}
.meal-consumption-edit {
  align-items: center;
  flex-direction: column;
  justify-content: center;
  display: flex;
  flex: 0.1;
  margin-left: 15px;
}
.meal-consumption-edit span {
  display: flex;
  justify-content: center;
  padding: 12px 10px;
  border-width: 2px;
  border-style: solid;
  border-radius: 50%;
  text-align: center;
  width: 49px;
  height: 49px;
}
.meal-consumption-edit .meal-detail-completed-icon {
  cursor: pointer;
  border-color: #8bae83;
  background: #8bae83;
}
.meal-consumption-edit .meal-detail-edit-icon {
  cursor: pointer;
  border-color: #e19f8f;
  background: #e19f8f;
}
.meal-consumption-edit p {
  margin-top: 10px;
  margin-bottom: 0px;
  font-size: 12px;
  font-weight: bold;
  line-height: 12px;
}
.meal-email-icon {
  cursor: pointer;
}
.data-main-view.disable_first_date .kindo-number {
  opacity: 0.4;
}
.tooltip-text {
  padding: 15px;
  visibility: hidden;
  position: absolute;
  z-index: 1;
  width: 270px;
  color: #a49c90;
  font-size: 12px;
  background: #ffffff;
  border: 1px solid #707070;
  border-radius: 10px;
  border-radius: 10px;
}
.tooltip-text p {
  text-align: left;
  margin-bottom: 0px;
  font-size: 12px;
  font-weight: bold;
  color: #a49c90;
}
.tooltip-text h6 {
  margin-bottom: 10px;
  text-align: left;
  font-size: 12px;
  font-weight: bold;
}
.tooltip-text img {
  position: absolute;
  top: 10px;
  right: 10px;
}
.hover-text:hover .tooltip-text {
  visibility: visible;
}
#top {
  bottom: 135%;
  right: 0;
}

#bottom {
  top: 25px;
  left: -50%;
}

#left {
  top: -8px;
  right: 120%;
}

#right {
  top: -8px;
  left: 120%;
}

.hover-text {
  cursor: pointer;
  position: relative;
}
#overlay {
  background: rgba(0, 0, 0, 0.3);
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
}
.expose {
  position: relative;
}

.meal-erster-tag select {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31.662' height='18.946' viewBox='0 0 31.662 18.946'%3E%3Cpath id='Path_2643' data-name='Path 2643' d='M599.581,6776.256l10.85,10.5,10.914-10.5' transform='translate(-594.631 -6771.307)' fill='none' stroke='%238bae83' stroke-linecap='round' stroke-linejoin='round' stroke-width='7'/%3E%3C/svg%3E%0A");
}
.meal-letzter-tag select {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31.662' height='18.946' viewBox='0 0 31.662 18.946'%3E%3Cpath id='Path_2643' data-name='Path 2643' d='M599.581,6776.256l10.85,10.5,10.914-10.5' transform='translate(-594.631 -6771.307)' fill='none' stroke='%23e39f8f' stroke-linecap='round' stroke-linejoin='round' stroke-width='7'/%3E%3C/svg%3E%0A");
}
.meal-letzter-tag select:disabled,
.meal-erster-tag select:disabled {
  cursor: default;
  background: none;
}
@media screen and (max-width: 1140px) {
  .meal-tags-detail .meal-erster-tag {
    margin-bottom: 10px;
  }

}
@media screen and (max-width: 768px) {
  .data-delivery-data-list.paused-delivery-status .heading-list {
    flex-direction: column;
  }
  .meal-tags-detail .meal-erster-tag {
    margin-bottom: 10px;
  }
  .meal-consumption-edit {
    margin-top: 10px;
  }
  .meal-tags-detail .meal-erster-tag {
    margin-right: 0px;
  }
  .header-row div:nth-child(2),
  .header-row div:nth-child(3) {
    width: 45%;
  }
  .meal-detail > div:nth-child(1),
  .meal-detail > div:nth-child(3) {
    width: auto;
  }
  .meal-tags-detail div:nth-child(2).meal-icons-list {
    margin-top: 10px;
  }
}
.btn.btn--primary-border.close-overlay {
  cursor: pointer;
  right: 0;
  position: absolute;
  top: -50px;
  background-color: #e19f8f;
  color: white;
}
.meal-detail.edit input {
  border-bottom: 1px solid #000;
}
.meal-payment-icon svg path {
  fill: #e19f8f;
}
.meal-email-icon svg path {
  fill: #e19f8f;
}
.meal-payment-icon.active svg path {
  fill: #8bae83;
}
.meal-email-icon.active svg path {
  fill: #8bae83;
}

.btn.btn--primary-cancel.close-overlay {
  cursor: pointer;
  right: 135px;
  position: absolute;
  top: -50px;
  background-color: #e19f8f;
  color: white;
}

.active-span {
  padding: 0px 10px;
  border-radius: 10px;
  right: 30px;
  position: absolute;
  top: 10px;
  background: #e0a08f;
  color: white;
}
.active-span.active {
  background: #8bae83;
}


/* 01-12-2023 */
.meal-tags-list.two-col > * {
  width: 48%;
}
.delivery-summary__date-input {
  font-size: 14px !important;
}
.meal-tags-list.two-col .delivery-summary__date-input {
  padding-left: 2px;
}
button.swal2-confirm, button.swal2-deny, button.swal2-cancel {
  box-shadow: unset !important;
  outline: 0 !important;
}
.heading-list .icon-wrapper {
  flex: 0.1;
}
.heading-list .icon-wrapper .meal-consumption-edit {
  flex: unset;
}
.meal-detail > div:nth-child(4) {
  width: 37%;
  position: relative;
}
.meal-detail input, .meal-detail input:disabled {
  text-overflow: ellipsis;
}

div:where(.swal2-container) div:where(.swal2-popup) {
  border-radius: 20px !important;
}

.toast-error {
  background-color: #e19f8f !important;
  border-radius: 10px !important;
  border-color: #e0a08f !important;
  border-width: 1px !important;
  border-style: solid !important;
  border-radius: 20px !important;
  color: #ffffff !important;
}
.meal-tags-detail .meal-erster-tag, .meal-tags-detail .meal-letzter-tag {
  flex-direction: column;
  padding: 8px;
}
.meal-tags-detail .meal-letzter-tag span, .meal-tags-detail .meal-erster-tag span, .delivery-summary__date-input{
  text-align: left !important;
}
.date-range-wraper > span{
  margin-bottom: 5px;
  text-align: left;
  display: block;
  line-height: 1;
}
.meal-detail input:not(:disabled) {
  border-bottom: 1px solid #bebebe;
}
.date-range-wraper input:disabled + input + .date-clear-icon{
  display: none;
}
.date-clear-icon{
  width: 16px;
  height: 16px;
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
@media screen and (min-width: 1141px) {
  .icon-wrapper .hover-text {
    display: none;
  }
  .meal-detail input, .meal-detail input:disabled {
    font-size: 18px;
  }
}
@media screen and (max-width: 1140px) {
  .header-row > div {
      font-size: 24px;
      line-height: 1;
  }
  .header-row div:nth-child(2) span, .header-row div:nth-child(3) span, .header-row div:nth-child(4) span, .data-main-view .kindo-number {
      font-size: 36px;
  }
  .day-cares-page-main-section .day-cares-plan-details {
      padding: 20px 10px;
  }
  .day-cares-plan-details .active-span, .meal-detail input, .meal-detail input:disabled {
    font-size: 28px;
    line-height: 1;
  }
  .meal-consumption-edit p {
      font-size: 24px;
      line-height: 1;
  }
  .meal-icons-list .hover-text > svg {
      width: 65px;
      height: 65px;
  }
  .meal-detail h6 {
      font-size: 24px;
      line-height: 1;
  }
  .meal-detail > div:nth-child(1),
    .meal-detail > div:nth-child(3) {
      width: 38%;
  }
  .meal-tags-detail .meal-letzter-tag span, .meal-tags-detail .meal-erster-tag span, .date-range-wraper > span {
    font-size: 26px;
    line-height: 1;
    margin-bottom: 5px;
    text-align: left;
    margin-right: auto;
  }
  .delivery-summary__date-input {
    text-align: left !important;
    font-size: 26px !important;
    line-height: 1;
  }
  .meal-tags-list.two-col > * {
    width: calc(100% - 38%);
  }
  .meal-tags-detail .meal-erster-tag {
      margin-right: 0;
  }
  .heading-list .meal-consumption .meal-icons-list {
      display: none !important;
  }
  .heading-list .icon-wrapper .hover-text svg {
      width: 60px;
      height: 60px;
  }
  .icon-wrapper .hover-text {
      display: block;
      margin: 10px auto 0 15px;
      outline: 0;
      box-shadow: unset;
  }
  .icon-wrapper .meal-email-icon.hover-text {
      margin-top: 52px;
  }
  .meal-detail > div:nth-child(2), .meal-detail > div:nth-child(4) {
    width: 62%;
  }

}
/* 01-12-2023 */

.meal-tags-detail .meal-erster-tag.meal-flex-row, 
.meal-tags-detail .meal-letzter-tag.meal-flex-row {
    flex-direction: row;
    align-items: center;
}
.meal-letzter-weeknumber {
    color: #e39f8f;
    line-height: 1;
    margin-bottom: 0 !important;
}

/* new date picker */

.datepicker .datepicker-days tr:hover td {
  color: #000;
  background: #e5e2e3;
  border-radius: 0;
}

.datepicker.datepicker-dropdown.dropdown-menu .datepicker-days .table-condensed .prev,
.datepicker.datepicker-dropdown.dropdown-menu .datepicker-days .table-condensed .next,
.datepicker.datepicker-dropdown.dropdown-menu .datepicker-months .table-condensed .prev,
.datepicker.datepicker-dropdown.dropdown-menu .datepicker-months .table-condensed .next,
.datepicker.datepicker-dropdown.dropdown-menu .datepicker-years .table-condensed .prev,
.datepicker.datepicker-dropdown.dropdown-menu .datepicker-years .table-condensed .next,
.datepicker.datepicker-dropdown.dropdown-menu .datepicker-decades .table-condensed .prev,
.datepicker.datepicker-dropdown.dropdown-menu .datepicker-decades .table-condensed .next,
.datepicker.datepicker-dropdown.dropdown-menu .datepicker-centuries .table-condensed .prev,
.datepicker.datepicker-dropdown.dropdown-menu .datepicker-centuries .table-condensed .next {
  position: relative;
  font-size: 0;
}

.datepicker.datepicker-dropdown.dropdown-menu .datepicker-days .table-condensed .prev::before,
.datepicker.datepicker-dropdown.dropdown-menu .datepicker-months .table-condensed .prev::before,
.datepicker.datepicker-dropdown.dropdown-menu .datepicker-years .table-condensed .prev::before,
.datepicker.datepicker-dropdown.dropdown-menu .datepicker-decades .table-condensed .prev::before,
.datepicker.datepicker-dropdown.dropdown-menu .datepicker-centuries .table-condensed .prev::before {
  content: " ";
  position: absolute;
  width: 12px;
  height: 12px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' width='512' height='512' x='0' y='0' viewBox='0 0 75.77 126.79' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cg data-name='Layer 2'%3E%3Cpath d='M54.76 3.79a12.18 12.18 0 0 1 17.43-.24 12 12 0 0 1 2.67 4A12.16 12.16 0 0 1 72 21L31.44 61.42a3 3 0 0 0-.67 1 3 3 0 0 0 0 2.35 2.84 2.84 0 0 0 .67 1L72 106.25a12.19 12.19 0 0 1-10.93 20.37 12.93 12.93 0 0 1-6.65-3.88L3.87 72.29a12.51 12.51 0 0 1-3.65-6.64 12 12 0 0 1 .31-5.84 12.22 12.22 0 0 1 3-5z' data-name='Layer 1' fill='%23000000' opacity='1' data-original='%23000000' class=''%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.datepicker.datepicker-dropdown.dropdown-menu .datepicker-days .table-condensed .next::before,
.datepicker.datepicker-dropdown.dropdown-menu .datepicker-months .table-condensed .next::before,
.datepicker.datepicker-dropdown.dropdown-menu .datepicker-years .table-condensed .next::before,
.datepicker.datepicker-dropdown.dropdown-menu .datepicker-decades .table-condensed .next::before,
.datepicker.datepicker-dropdown.dropdown-menu .datepicker-centuries .table-condensed .next::before {
  content: " ";
  position: absolute;
  width: 12px;
  height: 12px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' width='512' height='512' x='0' y='0' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cpath d='M148.21 512c-10.79 0-20.934-4.204-28.579-11.836-7.632-7.638-11.842-17.79-11.842-28.586s4.211-20.948 11.842-28.582l187.001-186.998L119.631 69c-7.632-7.635-11.842-17.786-11.842-28.582S112 19.47 119.631 11.836 137.42 0 148.21 0s20.948 4.201 28.579 11.832l215.58 215.584c7.632 7.635 11.842 17.786 11.842 28.582S400 276.946 392.369 284.58l-215.58 215.58c-7.645 7.636-17.79 11.84-28.579 11.84z' fill='%23000000' opacity='1' data-original='%23000000' class=''%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.datepicker.datepicker-dropdown.dropdown-menu .datepicker-months table .month.focused.active,
.datepicker.datepicker-dropdown.dropdown-menu .datepicker-years table .year.active,
.datepicker.datepicker-dropdown.dropdown-menu .datepicker-years table .year.active.focused,
.datepicker.datepicker-dropdown.dropdown-menu .datepicker-decades table .decade.active.focused,
.datepicker.datepicker-dropdown.dropdown-menu .datepicker-centuries table .century.active.focused,
.datepicker.datepicker-dropdown.dropdown-menu .datepicker-centuries table .century.new.active,
.datepicker.datepicker-dropdown.dropdown-menu .datepicker-centuries table .century.active,
.datepicker.datepicker-dropdown.dropdown-menu .datepicker-decades table .decade.active,
.datepicker.datepicker-dropdown.dropdown-menu .datepicker-months table .month.active {
  background-color: #e19f8f;
}

.active.disabled.disabled-date.day {
  background-color: #e19f8f;
  color: #331e16;
}

.datepicker table tr td,
.datepicker table tr th {
  color: #331e16;
}

.active.day {
  background-color: #e19f8f !important;
}

.disabled.day {
  cursor: not-allowed !important;
}

.datepicker .prev.disabled, .datepicker .next.disabled {
  visibility: visible !important;
  opacity: 0.5;
  cursor: not-allowed !important;
  position: relative !important;
  z-index: -1;
}
.today.disabled.day {
  background-color: transparent !important;
  position: relative;
}

.today.disabled.day::after {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  right: 2px;
  bottom: 3px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' width='512' height='512' x='0' y='0' viewBox='0 0 476.213 476.213' style='enable-background:new 0 0 512 512' xml:space='preserve' class=''%3E%3Cg%3E%3Cpath d='M0 476.213h476.213V0z' fill='%23e19f8f' opacity='1' data-original='%23000000' class=''%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.datepicker .prev.disabled::after, .datepicker .next.disabled::after {
  content: " ";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: transparent;
  top: 0;
  left: 0;
  cursor: not-allowed;
  z-index: 99999;
}

.datepicker .datepicker-days tr:hover td {
  border-radius: 4px;
}

.meal-tags-detail .meal-letzter-tag span {
  line-height: 16px;
}

@media screen and (max-width: 991px) {
  .disabled {
    opacity: 0.5 !important;
  }
  .meal-tags-list.two-col > * {
    width: calc(100% - 35%);
  }

}

/* pause order date picked for parent css start here */

.pause-order {
  margin: 25px 0px 0px;
}

.pause-order__heading {
  margin: 0px 0px 15px;
}

.pasue-order__title h6 {
  font-size: 18px;
  color: #331e16;
  font-weight: bold;
  line-height: 1.3;
}

.pasue-order__row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.pasue-order__col {
  width: 100%;
  max-width: 33.33%;
}

.date-range-wraper span {
  color: #331e16;
  margin-bottom: 5px;
  text-align: left;
  font-weight: bold;
  font-size: 14px;
  line-height: 1;
}

.pause-order .meal-erster-tag.meal-flex-row {
  padding: 8px;
  border: 1px solid #8bae83;
  border-radius: 20px;
  position: relative;
  flex-direction: row;
  align-items: center;
  display: flex;
  position: relative;
  margin-right: 20px;
}