/* CSS Document */
:root {
  --padding-m: 32px;
  --Page-bg: #fafafa;
  --strokes-separators: #ededed;
  --stroke-dark: #ddd;

  --corner-radius-s: 4px;
  --corner-radius-m: 8px;
  --white: #fafafa;
  --primary-color: #4f9f20;
  --primary-darker-10: #69ba2c;
  --grey-20: #ededed;
  --grey-30: #ddd;
  --grey-40: #bdbdbd;
  --grey-50: #9e9e9e;
}

hr {
  color: #9c9c9c;
  margin-top: var(--padding-m) !important;
  margin-bottom: var(--padding-m) !important;
}

.hidden {
  display: none !important;
}

.was-validated .form-control:valid {
  background-image: none;
}

.draggable_step_handle {
  cursor: move;
}
.meal_plan_day_note {
  overflow: hidden;
  color: var(--text_primary, #202020);
  font-family: var(--body-font-family);
  font-size: 14px;
  font-style: italic;
  font-weight: 400;
  line-height: 16px; /* 133.333% */

  /*   text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  min-height: 2.1rem !important; */
}

.meal_plan_day_note.placeholder_text {
  overflow: hidden;
  color: var(--Text-disable, #9e9e9e);
  text-overflow: ellipsis;
  font-family: var(--body-font-family);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px; /* 133.333% */
}