@tailwind base;
@tailwind components;
@tailwind utilities;

/*

@layer components {
  .btn-primary {
    @apply py-2 px-4 bg-blue-200;
  }
}

*/


@layer base {
  html {
    font-size: 15px;
  }
}
/* line 11, app/assets/stylesheets/components/_button.scss */
.btn-light-teal {
  background-color: #101727;
  color: #EFF3F7;
}

/* line 14, app/assets/stylesheets/components/_button.scss */
.btn-light-teal:hover {
  color: #EFF3F7;
  opacity: 0.8;
}

/* line 20, app/assets/stylesheets/components/_button.scss */
.btn-red {
  border: 1px solid #860d0d;
  color: #860d0d;
  font-weight: 600;
}

/* line 25, app/assets/stylesheets/components/_button.scss */
.btn-red:hover {
  opacity: 0.7;
  color: #860d0d;
}

/* line 31, app/assets/stylesheets/components/_button.scss */
.pill-red {
  color: #860d0d;
  font-weight: 600;
  border: 1px solid #860d0d;
  background-color: #f1bbbb;
}

/* line 38, app/assets/stylesheets/components/_button.scss */
.pill-green {
  color: #1d503f;
  font-weight: 600;
  border: 1px solid #1d503f;
  background-color: #bbf1df;
}

/* line 45, app/assets/stylesheets/components/_button.scss */
.pill-orange {
  color: #cd8809;
  font-weight: 600;
  border: 1px solid #cd8809;
  background-color: #f0e3cb;
}

/* line 52, app/assets/stylesheets/components/_button.scss */
.tooltip {
  font-size: 18px;
}

/* line 56, app/assets/stylesheets/components/_button.scss */
.no-decoration {
  text-decoration: none !important;
}

/* line 60, app/assets/stylesheets/components/_button.scss */
.btn-light-blue {
  background-color: white;
  color: black;
  border: 1px solid black;
  font-weight: 500;
}

/* line 65, app/assets/stylesheets/components/_button.scss */
.btn-light-blue:hover {
  text-decoration: none;
}

/* line 72, app/assets/stylesheets/components/_button.scss */
.btn-dark-warning {
  background-color: #eebb22;
}

/* line 74, app/assets/stylesheets/components/_button.scss */
.btn-dark-warning:hover {
  background-color: #cd8809;
  color: whitesmoke;
}

/* line 80, app/assets/stylesheets/components/_button.scss */
.btn-light-warning {
  color: #cb9532;
  border: 1px solid #cb9532;
  font-weight: 600;
}

/* line 85, app/assets/stylesheets/components/_button.scss */
.btn-light-warning:hover {
  color: #cb9532;
  opacity: 0.8;
}

/* line 91, app/assets/stylesheets/components/_button.scss */
.btn-success-mm {
  color: #1d503f;
  border: 1px solid #1d503f;
}

/* line 96, app/assets/stylesheets/components/_button.scss */
.btn-light-grey {
  color: slategray;
  border: 1px solid slategray;
}

/* line 113, app/assets/stylesheets/components/_button.scss */
.disabled-no-cursor {
  cursor: initial !important;
}

/* line 117, app/assets/stylesheets/components/_button.scss */
.badge-info-mm {
  border: 1px solid #458FFF;
  color: #458FFF;
}
/* line 4, app/assets/stylesheets/components/_card.scss */
.card-title {
  font-size: 20px;
}

/* line 6, app/assets/stylesheets/components/_card.scss */
.card-title-ingredient {
  font-size: 20px;
}

/* line 11, app/assets/stylesheets/components/_card.scss */
.card-body {
  font-size: 16px;
}

/* line 15, app/assets/stylesheets/components/_card.scss */
.rounded-card {
  border-radius: 11px;
}

/* line 19, app/assets/stylesheets/components/_card.scss */
.rounded-card-title {
  border-top-left-radius: 11px !important;
  border-top-right-radius: 11px !important;
}

/* line 24, app/assets/stylesheets/components/_card.scss */
.ingredient-input {
  height: 36px;
  width: 108px;
  font-size: 19px;
}

/* line 28, app/assets/stylesheets/components/_card.scss */
.ingredient-input-unit {
  height: 36px;
  width: 192px;
  font-size: 20px;
}

/* line 33, app/assets/stylesheets/components/_card.scss */
.ingredient-input-new {
  height: 36px;
  width: 280px;
  font-size: 14px;
}

/* line 40, app/assets/stylesheets/components/_card.scss */
.po-quantity-input {
  height: 36px;
  width: 150px;
  font-size: 14px;
}

/* line 46, app/assets/stylesheets/components/_card.scss */
.note-input {
  height: 36px;
  width: 180px;
  font-size: 16px;
}

/* line 52, app/assets/stylesheets/components/_card.scss */
.receive-partially-input {
  height: 32px;
  width: 108px;
  font-size: 18px;
}

/* line 59, app/assets/stylesheets/components/_card.scss */
.location-input-new {
  height: 30px;
  width: 160px;
  font-size: 12px;
}

/* line 66, app/assets/stylesheets/components/_card.scss */
.small-info-text {
  font-size: 11px;
  color: orangered;
}

/* line 71, app/assets/stylesheets/components/_card.scss */
.pricing-box {
  line-height: 36px;
}

/* line 76, app/assets/stylesheets/components/_card.scss */
.subscription-button {
  height: 50px;
  font-size: 18px;
  font-weight: 600;
}

/* line 82, app/assets/stylesheets/components/_card.scss */
.pricing-card-title {
  font-size: 28px;
}

/* line 84, app/assets/stylesheets/components/_card.scss */
.pricing-card-title-pence {
  font-size: 22px;
}
/* line 1, app/assets/stylesheets/components/_form.scss */
.new-ingredient-form {
  font-size: 18px;
}

/* line 5, app/assets/stylesheets/components/_form.scss */
.new-ingredient-input {
  height: 30px;
  font-size: 16px;
}

/* line 10, app/assets/stylesheets/components/_form.scss */
.new-ingredient-box {
  border-radius: 10px;
}

/* line 14, app/assets/stylesheets/components/_form.scss */
.bigger-text {
  font-size: 18px;
}

/* line 18, app/assets/stylesheets/components/_form.scss */
.bigger-input-box {
  height: 30px;
  font-size: 16px;
}

/* line 23, app/assets/stylesheets/components/_form.scss */
.narrower-input-box {
  height: 36px;
  width: 80px;
  font-size: 14px;
}

/* line 29, app/assets/stylesheets/components/_form.scss */
.new-supplier-input {
  height: 30px;
  font-size: 16px;
}

/* line 32, app/assets/stylesheets/components/_form.scss */
.new-supplier-input-description {
  height: 30px;
  width: 220px;
  font-size: 16px;
}

/* line 40, app/assets/stylesheets/components/_form.scss */
.new-purchase-order-supplier {
  height: 36px;
  width: 300px;
  font-size: 14px;
}

/* line 45, app/assets/stylesheets/components/_form.scss */
.new-purchase-order-input {
  height: 36px;
  font-size: 14px;
}

/* line 49, app/assets/stylesheets/components/_form.scss */
.new-purchase-order-note {
  height: 36px;
  width: 400px;
  font-size: 14px;
}

/* line 56, app/assets/stylesheets/components/_form.scss */
.search-input {
  height: 32px;
  width: 192px;
  font-size: 16px;
}

/* line 62, app/assets/stylesheets/components/_form.scss */
.items-input {
  height: 24px;
  width: 60px;
  font-size: 12px;
}

/* line 68, app/assets/stylesheets/components/_form.scss */
.location-selector {
  width: 220px;
  font-size: 16px;
}

/* line 76, app/assets/stylesheets/components/_form.scss */
.select2-container {
  font-size: 14px !important;
  width: 100% !important;
}

/* line 81, app/assets/stylesheets/components/_form.scss */
.select2-container--default .select2-selection--multiple {
  padding-top: 2px !important;
}

/* line 85, app/assets/stylesheets/components/_form.scss */
.select2-container--default .select2-selection--single .select2-selection__arrow {
  display: none !important;
}

/* line 89, app/assets/stylesheets/components/_form.scss */
.select2-container .select2-selection--single .select2-selection__rendered {
  padding-right: 0px !important;
  padding-left: 12px !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  line-height: 1.5rem !important;
}

/* line 97, app/assets/stylesheets/components/_form.scss */
.select2-container .select2-selection--single {
  height: 40px !important;
}

/* line 101, app/assets/stylesheets/components/_form.scss */
.select2-container--default .select2-selection--single {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E") !important;
  background-position: right .5rem center !important;
  background-repeat: no-repeat !important;
  background-size: 1.5em 1.5em !important;
  -webkit-print-color-adjust: exact !important;
  print-color-adjust: exact !important;
  border: 1px solid #D1D5DB !important;
  border-radius: 6px;
}

/* line 112, app/assets/stylesheets/components/_form.scss */
.select2-dropdown {
  border-color: #D1D5DB !important;
}

/* line 116, app/assets/stylesheets/components/_form.scss */
.select2-container--open .select2-dropdown--above {
  border-bottom: 1px solid #D1D5DB !important;
  top: 5px;
}

/* line 121, app/assets/stylesheets/components/_form.scss */
.select2-container--default .select2-selection--multiple {
  border: 1px solid #D1D5DB !important;
}

/* line 125, app/assets/stylesheets/components/_form.scss */
.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: 1px solid #D1D5DB !important;
}

/* line 129, app/assets/stylesheets/components/_form.scss */
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #eef2ff !important;
  border: 1px solid #dedffa !important;
  color: #4338ca !important;
}

/* line 135, app/assets/stylesheets/components/_form.scss */
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  border-right: 1px solid #dedffa !important;
  color: #4338ca !important;
}

/* line 140, app/assets/stylesheets/components/_form.scss */
.select2-container--default .select2-results__option--selected {
  background-color: #eef2ff !important;
  color: #4338ca !important;
}

/* line 145, app/assets/stylesheets/components/_form.scss */
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #5046e5 !important;
  color: #FFFFFF !important;
}

/* line 150, app/assets/stylesheets/components/_form.scss */
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
  background-color: #dedffa !important;
}
/* line 1, app/assets/stylesheets/components/_navbar.scss */
.navbar {
  font-size: 16px;
  background-color: #F3F4F6;
}

/* line 6, app/assets/stylesheets/components/_navbar.scss */
.nav-link {
  color: black;
  font-weight: 500;
}

/* line 9, app/assets/stylesheets/components/_navbar.scss */
.nav-link:hover {
  color: black;
}

/* line 14, app/assets/stylesheets/components/_navbar.scss */
.alert {
  font-size: 16px;
}

/* line 18, app/assets/stylesheets/components/_navbar.scss */
.nav-active {
  background-color: #121926;
  border-radius: 6px;
  color: white;
}

/* line 22, app/assets/stylesheets/components/_navbar.scss */
.nav-active:hover {
  color: white;
}
/* line 1, app/assets/stylesheets/components/_pagy_nav.scss */
.pagy {
  display: flex;
  font-family: sans-serif;
  font-size: 0.875rem;
  color: #6B7280;
}

/* line 7, app/assets/stylesheets/components/_pagy_nav.scss */
.pagy .page.active a {
  background-color: #5046E5;
  color: #FFFFFF;
}

/* line 11, app/assets/stylesheets/components/_pagy_nav.scss */
.pagy .page.active a:hover {
  background-color: #5046E5;
  color: #FFFFFF;
}

/* line 17, app/assets/stylesheets/components/_pagy_nav.scss */
.pagy a:not(.gap) {
  display: block;
  text-decoration: none;
  background-color: #FFFFFF;
  padding: 8px 14px;
  border: 1px solid #e5e7eb;
  border-right: none;
  color: #101827;
}

/* line 25, app/assets/stylesheets/components/_pagy_nav.scss */
.pagy a:not(.gap):hover {
  background-color: #F9FAFB;
}

/* line 28, app/assets/stylesheets/components/_pagy_nav.scss */
.pagy a:not(.gap):not([href]) {
  /* disabled links */
  cursor: default;
}

/* line 31, app/assets/stylesheets/components/_pagy_nav.scss */
.pagy a.current:not(.gap) {
  background-color: #5046E5;
  color: #FFFFFF;
}

/* line 37, app/assets/stylesheets/components/_pagy_nav.scss */
.pagy a[aria-label="Previous"] {
  border-radius: .375rem 0 0 .375rem;
  color: transparent;
  position: relative;
}

/* line 41, app/assets/stylesheets/components/_pagy_nav.scss */
.pagy a[aria-label="Previous"]:after {
  color: #9CA3AF;
  content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="rgb(156,163,175)" class="size-5"><path fill-rule="evenodd" d="M11.78 5.22a.75.75 0 0 1 0 1.06L8.06 10l3.72 3.72a.75.75 0 1 1-1.06 1.06l-4.25-4.25a.75.75 0 0 1 0-1.06l4.25-4.25a.75.75 0 0 1 1.06 0Z" clip-rule="evenodd" /></svg>');
  width: 20px;
  height: 20px;
  position: absolute;
  left: calc(50% - 10px);
  top: calc(50% - 10px);
}

/* line 52, app/assets/stylesheets/components/_pagy_nav.scss */
.pagy a[aria-label="Next"] {
  border-radius: 0 .375rem .375rem 0;
  border-right: 1px solid #e5e7eb;
  color: transparent;
  position: relative;
}

/* line 57, app/assets/stylesheets/components/_pagy_nav.scss */
.pagy a[aria-label="Next"]:after {
  color: #9CA3AF;
  content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="rgb(156,163,175)" class="size-5"><path fill-rule="evenodd" d="M8.22 5.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.75.75 0 0 1-1.06-1.06L11.94 10 8.22 6.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd" /></svg>');
  width: 20px;
  height: 20px;
  position: absolute;
  left: calc(50% - 10px);
  top: calc(50% - 10px);
}

/* line 68, app/assets/stylesheets/components/_pagy_nav.scss */
.pagy label {
  white-space: nowrap;
  display: inline-block;
  border-radius: 0.5rem;
  background-color: #E5E7EB;
  padding: 0.125rem 0.75rem;
}

/* line 74, app/assets/stylesheets/components/_pagy_nav.scss */
.pagy label input {
  line-height: 1.5rem;
  border-radius: 0.375rem;
  border-style: none;
  background-color: #F3F4F6;
}
/* line 4, app/assets/stylesheets/components/_table.scss */
.table-wrapper {
  container-type: inline-size;
  container-name: table;
  overflow-x: auto;
}

/* line 10, app/assets/stylesheets/components/_table.scss */
.table {
  border-radius: 10px;
  border-top: hidden;
}

/* line 13, app/assets/stylesheets/components/_table.scss */
.table tr {
  height: 36px;
}

/* line 16, app/assets/stylesheets/components/_table.scss */
.table td {
  vertical-align: middle;
}

/* line 19, app/assets/stylesheets/components/_table.scss */
.table td:last-child {
  background: white !important;
}

/* line 26, app/assets/stylesheets/components/_table.scss */
.table th:first-child {
  position: sticky;
  left: 0;
  z-index: 1000;
}

/* line 40, app/assets/stylesheets/components/_table.scss */
.table td:first-child {
  position: sticky;
  background: white !important;
  left: 0;
  z-index: 1000;
}

/* line 47, app/assets/stylesheets/components/_table.scss */
.table tr:first-child th:first-child, .table tr:first-child th:last-child {
  border-top-left-radius: 10px;
}

/* line 51, app/assets/stylesheets/components/_table.scss */
.table tr:first-child th:last-child {
  border-top-right-radius: 10px;
}

/* line 55, app/assets/stylesheets/components/_table.scss */
.table tr:last-child td:last-child {
  border-bottom-right-radius: 10px;
}

/* line 59, app/assets/stylesheets/components/_table.scss */
.table tr:last-child td:first-child {
  border-bottom-left-radius: 10px;
}

@container table (max-width: 400px) {
  /* line 65, app/assets/stylesheets/components/_table.scss */
  td::before {
    content: attr(data-label);
    font-weight: 700;
    font-size: 14px;
  }
  /* line 71, app/assets/stylesheets/components/_table.scss */
  td {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: none;
  }
  /* line 78, app/assets/stylesheets/components/_table.scss */
  td:first-child {
    background: #f9fafb;
  }
  /* line 82, app/assets/stylesheets/components/_table.scss */
  th {
    display: none;
  }
}

/* line 87, app/assets/stylesheets/components/_table.scss */
.table-title {
  font-size: 24px;
  font-weight: 600;
}

/* line 92, app/assets/stylesheets/components/_table.scss */
.smaller-table-title {
  font-size: 20px;
  font-weight: 500;
}

/* line 97, app/assets/stylesheets/components/_table.scss */
.dollar-badge {
  background-color: #a2e8d0;
}

/* line 101, app/assets/stylesheets/components/_table.scss */
.percentage-badge {
  background-color: #9bc4ff;
}

/* line 105, app/assets/stylesheets/components/_table.scss */
.main-row-text {
  max-width: 200px;
}

/* line 109, app/assets/stylesheets/components/_table.scss */
.ingredient-action-note-text {
  max-width: 200px;
}

/* line 111, app/assets/stylesheets/components/_table.scss */
.ingredient-action-note-text a {
  font-size: 12px;
  color: red !important;
}

/* line 117, app/assets/stylesheets/components/_table.scss */
.small-subtext-in-table {
  color: grey;
  font-size: 11px;
}

/* line 122, app/assets/stylesheets/components/_table.scss */
.large-subtext-in-table {
  color: grey;
  font-size: 14px;
}
/* line 3, app/assets/stylesheets/config/_colors.scss */
.white-background {
  background-color: #FCFCFC;
}
/* line 1, app/assets/stylesheets/pages/_dashboard.scss */
.dashboard-card {
  min-width: 25%;
}

/* line 5, app/assets/stylesheets/pages/_dashboard.scss */
.settings-active {
  display: block !important;
}

/* line 9, app/assets/stylesheets/pages/_dashboard.scss */
.settings-tab-active {
  color: #4F46E5 !important;
  background-color: #E5E7EB !important;
}

/* line 12, app/assets/stylesheets/pages/_dashboard.scss */
.settings-tab-active svg {
  color: #4F46E5 !important;
}
/* line 7, app/assets/stylesheets/pages/_ingredient.scss */
.ingredient-pill {
  font-size: 16px;
}

/* line 11, app/assets/stylesheets/pages/_ingredient.scss */
.po-pill {
  font-size: 14px;
}

/* line 15, app/assets/stylesheets/pages/_ingredient.scss */
.pill-dark-blue {
  border: 1px solid #13139a;
  color: #13139a;
}

/* line 20, app/assets/stylesheets/pages/_ingredient.scss */
.btn-dark-blue {
  border: 1px solid #13139a;
  color: #13139a;
  font-weight: 600;
}

/* line 24, app/assets/stylesheets/pages/_ingredient.scss */
.btn-dark-blue:hover {
  opacity: 0.7;
  color: #13139a;
}

/* line 30, app/assets/stylesheets/pages/_ingredient.scss */
.available-products-pill {
  font-size: 14px;
}

/* line 34, app/assets/stylesheets/pages/_ingredient.scss */
.pill-dark-green {
  border: 1px solid #177c5a;
  color: #177c5a;
}

/* line 39, app/assets/stylesheets/pages/_ingredient.scss */
.btn-dark-green {
  border: 1px solid #177c5a;
  color: #177c5a;
  font-weight: 600;
}

/* line 43, app/assets/stylesheets/pages/_ingredient.scss */
.btn-dark-green:hover {
  opacity: 0.7;
  color: #177c5a;
}

/* line 49, app/assets/stylesheets/pages/_ingredient.scss */
.pill-dark-orange {
  border: 1px solid #984C0B;
  color: #984C0B;
}

/* line 55, app/assets/stylesheets/pages/_ingredient.scss */
.pill-light-teal {
  background-color: #A2E8D0;
}

/* line 59, app/assets/stylesheets/pages/_ingredient.scss */
.pill-light-blue {
  border: 1px solid #87b5f6;
  color: #87b5f6;
}

/* line 65, app/assets/stylesheets/pages/_ingredient.scss */
.ingredient-attribute {
  text-decoration: underline;
}

/* line 69, app/assets/stylesheets/pages/_ingredient.scss */
.equation-sign {
  font-size: 36px;
}
/* line 1, app/assets/stylesheets/pages/_meal_ingredients.scss */
.meal-title {
  font-size: 24px;
}
/* Staff Members Styling */
/* line 2, app/assets/stylesheets/pages/_staff_members.scss */
#staff-members-container {
  max-width: 800px;
  margin: 0 auto;
  padding: 20px;
  background-color: #f8f9fa;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* line 11, app/assets/stylesheets/pages/_staff_members.scss */
.smaller-table-title {
  font-size: 1.5rem;
  font-weight: bold;
  color: #333;
  margin-bottom: 20px;
}

/* line 18, app/assets/stylesheets/pages/_staff_members.scss */
#new-staff-member-form {
  display: flex;
  gap: 10px;
  margin-bottom: 20px;
}

/* line 24, app/assets/stylesheets/pages/_staff_members.scss */
#new-staff-member-form input[type="email"] {
  flex-grow: 1;
  padding: 8px;
  border: 1px solid #ced4da;
  border-radius: 4px;
}

/* line 31, app/assets/stylesheets/pages/_staff_members.scss */
.staff-member {
  background-color: white;
  border: 1px solid #e9ecef;
  border-radius: 4px;
  padding: 15px;
  margin-bottom: 15px;
  align-items: center;
  justify-content: space-between;
}

/* line 41, app/assets/stylesheets/pages/_staff_members.scss */
.staff-member p {
  margin: 0;
  font-weight: bold;
}

/* line 46, app/assets/stylesheets/pages/_staff_members.scss */
.staff-member select {
  min-width: 200px;
}

/* line 50, app/assets/stylesheets/pages/_staff_members.scss */
.btn-primary, .btn-secondary, .btn-danger {
  padding: 8px 16px;
  border-radius: 4px;
  font-weight: bold;
}

/* line 56, app/assets/stylesheets/pages/_staff_members.scss */
.btn-primary {
  background-color: #007bff;
}

/* line 57, app/assets/stylesheets/pages/_staff_members.scss */
.btn-secondary {
  background-color: #6c757d;
}

/* line 58, app/assets/stylesheets/pages/_staff_members.scss */
.btn-danger {
  background-color: #dc3545;
}

/* line 60, app/assets/stylesheets/pages/_staff_members.scss */
#save-all-locations {
  margin-top: 20px;
}

/* Flash messages */
/* line 65, app/assets/stylesheets/pages/_staff_members.scss */
#flash-messages {
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 1000;
}

/* line 72, app/assets/stylesheets/pages/_staff_members.scss */
.alert {
  padding: 15px;
  border-radius: 4px;
  margin-bottom: 10px;
  opacity: 0.9;
}

/* line 79, app/assets/stylesheets/pages/_staff_members.scss */
.alert-success {
  background-color: #d4edda;
  color: #155724;
}

/* line 80, app/assets/stylesheets/pages/_staff_members.scss */
.alert-danger {
  background-color: #f8d7da;
  color: #721c24;
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */
/* line 1, app/assets/stylesheets/components/_pagy_nav.scss */
.pagy {
  display: flex;
  font-family: sans-serif;
  font-size: 0.875rem;
  color: #6B7280;
}

/* line 7, app/assets/stylesheets/components/_pagy_nav.scss */
.pagy .page.active a {
  background-color: #5046E5;
  color: #FFFFFF;
}

/* line 11, app/assets/stylesheets/components/_pagy_nav.scss */
.pagy .page.active a:hover {
  background-color: #5046E5;
  color: #FFFFFF;
}

/* line 17, app/assets/stylesheets/components/_pagy_nav.scss */
.pagy a:not(.gap) {
  display: block;
  text-decoration: none;
  background-color: #FFFFFF;
  padding: 8px 14px;
  border: 1px solid #e5e7eb;
  border-right: none;
  color: #101827;
}

/* line 25, app/assets/stylesheets/components/_pagy_nav.scss */
.pagy a:not(.gap):hover {
  background-color: #F9FAFB;
}

/* line 28, app/assets/stylesheets/components/_pagy_nav.scss */
.pagy a:not(.gap):not([href]) {
  /* disabled links */
  cursor: default;
}

/* line 31, app/assets/stylesheets/components/_pagy_nav.scss */
.pagy a.current:not(.gap) {
  background-color: #5046E5;
  color: #FFFFFF;
}

/* line 37, app/assets/stylesheets/components/_pagy_nav.scss */
.pagy a[aria-label="Previous"] {
  border-radius: .375rem 0 0 .375rem;
  color: transparent;
  position: relative;
}

/* line 41, app/assets/stylesheets/components/_pagy_nav.scss */
.pagy a[aria-label="Previous"]:after {
  color: #9CA3AF;
  content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="rgb(156,163,175)" class="size-5"><path fill-rule="evenodd" d="M11.78 5.22a.75.75 0 0 1 0 1.06L8.06 10l3.72 3.72a.75.75 0 1 1-1.06 1.06l-4.25-4.25a.75.75 0 0 1 0-1.06l4.25-4.25a.75.75 0 0 1 1.06 0Z" clip-rule="evenodd" /></svg>');
  width: 20px;
  height: 20px;
  position: absolute;
  left: calc(50% - 10px);
  top: calc(50% - 10px);
}

/* line 52, app/assets/stylesheets/components/_pagy_nav.scss */
.pagy a[aria-label="Next"] {
  border-radius: 0 .375rem .375rem 0;
  border-right: 1px solid #e5e7eb;
  color: transparent;
  position: relative;
}

/* line 57, app/assets/stylesheets/components/_pagy_nav.scss */
.pagy a[aria-label="Next"]:after {
  color: #9CA3AF;
  content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="rgb(156,163,175)" class="size-5"><path fill-rule="evenodd" d="M8.22 5.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.75.75 0 0 1-1.06-1.06L11.94 10 8.22 6.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd" /></svg>');
  width: 20px;
  height: 20px;
  position: absolute;
  left: calc(50% - 10px);
  top: calc(50% - 10px);
}

/* line 68, app/assets/stylesheets/components/_pagy_nav.scss */
.pagy label {
  white-space: nowrap;
  display: inline-block;
  border-radius: 0.5rem;
  background-color: #E5E7EB;
  padding: 0.125rem 0.75rem;
}

/* line 74, app/assets/stylesheets/components/_pagy_nav.scss */
.pagy label input {
  line-height: 1.5rem;
  border-radius: 0.375rem;
  border-style: none;
  background-color: #F3F4F6;
}

/* line 3, app/assets/stylesheets/config/_colors.scss */
.white-background {
  background-color: #FCFCFC;
}

/* line 4, app/assets/stylesheets/components/_table.scss */
.table-wrapper {
  container-type: inline-size;
  container-name: table;
  overflow-x: auto;
}

/* line 10, app/assets/stylesheets/components/_table.scss */
.table {
  border-radius: 10px;
  border-top: hidden;
}

/* line 13, app/assets/stylesheets/components/_table.scss */
.table tr {
  height: 36px;
}

/* line 16, app/assets/stylesheets/components/_table.scss */
.table td {
  vertical-align: middle;
}

/* line 19, app/assets/stylesheets/components/_table.scss */
.table td:last-child {
  background: white !important;
}

/* line 26, app/assets/stylesheets/components/_table.scss */
.table th:first-child {
  position: sticky;
  left: 0;
  z-index: 1000;
}

/* line 40, app/assets/stylesheets/components/_table.scss */
.table td:first-child {
  position: sticky;
  background: white !important;
  left: 0;
  z-index: 1000;
}

/* line 47, app/assets/stylesheets/components/_table.scss */
.table tr:first-child th:first-child, .table tr:first-child th:last-child {
  border-top-left-radius: 10px;
}

/* line 51, app/assets/stylesheets/components/_table.scss */
.table tr:first-child th:last-child {
  border-top-right-radius: 10px;
}

/* line 55, app/assets/stylesheets/components/_table.scss */
.table tr:last-child td:last-child {
  border-bottom-right-radius: 10px;
}

/* line 59, app/assets/stylesheets/components/_table.scss */
.table tr:last-child td:first-child {
  border-bottom-left-radius: 10px;
}

@container table (max-width: 400px) {
  /* line 65, app/assets/stylesheets/components/_table.scss */
  td::before {
    content: attr(data-label);
    font-weight: 700;
    font-size: 14px;
  }
  /* line 71, app/assets/stylesheets/components/_table.scss */
  td {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: none;
  }
  /* line 78, app/assets/stylesheets/components/_table.scss */
  td:first-child {
    background: #f9fafb;
  }
  /* line 82, app/assets/stylesheets/components/_table.scss */
  th {
    display: none;
  }
}

/* line 87, app/assets/stylesheets/components/_table.scss */
.table-title {
  font-size: 24px;
  font-weight: 600;
}

/* line 92, app/assets/stylesheets/components/_table.scss */
.smaller-table-title {
  font-size: 20px;
  font-weight: 500;
}

/* line 97, app/assets/stylesheets/components/_table.scss */
.dollar-badge {
  background-color: #a2e8d0;
}

/* line 101, app/assets/stylesheets/components/_table.scss */
.percentage-badge {
  background-color: #9bc4ff;
}

/* line 105, app/assets/stylesheets/components/_table.scss */
.main-row-text {
  max-width: 200px;
}

/* line 109, app/assets/stylesheets/components/_table.scss */
.ingredient-action-note-text {
  max-width: 200px;
}

/* line 111, app/assets/stylesheets/components/_table.scss */
.ingredient-action-note-text a {
  font-size: 12px;
  color: red !important;
}

/* line 117, app/assets/stylesheets/components/_table.scss */
.small-subtext-in-table {
  color: grey;
  font-size: 11px;
}

/* line 122, app/assets/stylesheets/components/_table.scss */
.large-subtext-in-table {
  color: grey;
  font-size: 14px;
}

/* line 1, app/assets/stylesheets/pages/_meal_ingredients.scss */
.meal-title {
  font-size: 24px;
}

/* line 7, app/assets/stylesheets/pages/_ingredient.scss */
.ingredient-pill {
  font-size: 16px;
}

/* line 11, app/assets/stylesheets/pages/_ingredient.scss */
.po-pill {
  font-size: 14px;
}

/* line 15, app/assets/stylesheets/pages/_ingredient.scss */
.pill-dark-blue {
  border: 1px solid #13139a;
  color: #13139a;
}

/* line 20, app/assets/stylesheets/pages/_ingredient.scss */
.btn-dark-blue {
  border: 1px solid #13139a;
  color: #13139a;
  font-weight: 600;
}

/* line 24, app/assets/stylesheets/pages/_ingredient.scss */
.btn-dark-blue:hover {
  opacity: 0.7;
  color: #13139a;
}

/* line 30, app/assets/stylesheets/pages/_ingredient.scss */
.available-products-pill {
  font-size: 14px;
}

/* line 34, app/assets/stylesheets/pages/_ingredient.scss */
.pill-dark-green {
  border: 1px solid #177c5a;
  color: #177c5a;
}

/* line 39, app/assets/stylesheets/pages/_ingredient.scss */
.btn-dark-green {
  border: 1px solid #177c5a;
  color: #177c5a;
  font-weight: 600;
}

/* line 43, app/assets/stylesheets/pages/_ingredient.scss */
.btn-dark-green:hover {
  opacity: 0.7;
  color: #177c5a;
}

/* line 49, app/assets/stylesheets/pages/_ingredient.scss */
.pill-dark-orange {
  border: 1px solid #984C0B;
  color: #984C0B;
}

/* line 55, app/assets/stylesheets/pages/_ingredient.scss */
.pill-light-teal {
  background-color: #A2E8D0;
}

/* line 59, app/assets/stylesheets/pages/_ingredient.scss */
.pill-light-blue {
  border: 1px solid #87b5f6;
  color: #87b5f6;
}

/* line 65, app/assets/stylesheets/pages/_ingredient.scss */
.ingredient-attribute {
  text-decoration: underline;
}

/* line 69, app/assets/stylesheets/pages/_ingredient.scss */
.equation-sign {
  font-size: 36px;
}

/* line 1, app/assets/stylesheets/pages/_dashboard.scss */
.dashboard-card {
  min-width: 25%;
}

/* line 5, app/assets/stylesheets/pages/_dashboard.scss */
.settings-active {
  display: block !important;
}

/* line 9, app/assets/stylesheets/pages/_dashboard.scss */
.settings-tab-active {
  color: #4F46E5 !important;
  background-color: #E5E7EB !important;
}

/* line 12, app/assets/stylesheets/pages/_dashboard.scss */
.settings-tab-active svg {
  color: #4F46E5 !important;
}

/* line 4, app/assets/stylesheets/components/_card.scss */
.card-title {
  font-size: 20px;
}

/* line 6, app/assets/stylesheets/components/_card.scss */
.card-title-ingredient {
  font-size: 20px;
}

/* line 11, app/assets/stylesheets/components/_card.scss */
.card-body {
  font-size: 16px;
}

/* line 15, app/assets/stylesheets/components/_card.scss */
.rounded-card {
  border-radius: 11px;
}

/* line 19, app/assets/stylesheets/components/_card.scss */
.rounded-card-title {
  border-top-left-radius: 11px !important;
  border-top-right-radius: 11px !important;
}

/* line 24, app/assets/stylesheets/components/_card.scss */
.ingredient-input {
  height: 36px;
  width: 108px;
  font-size: 19px;
}

/* line 28, app/assets/stylesheets/components/_card.scss */
.ingredient-input-unit {
  height: 36px;
  width: 192px;
  font-size: 20px;
}

/* line 33, app/assets/stylesheets/components/_card.scss */
.ingredient-input-new {
  height: 36px;
  width: 280px;
  font-size: 14px;
}

/* line 40, app/assets/stylesheets/components/_card.scss */
.po-quantity-input {
  height: 36px;
  width: 150px;
  font-size: 14px;
}

/* line 46, app/assets/stylesheets/components/_card.scss */
.note-input {
  height: 36px;
  width: 180px;
  font-size: 16px;
}

/* line 52, app/assets/stylesheets/components/_card.scss */
.receive-partially-input {
  height: 32px;
  width: 108px;
  font-size: 18px;
}

/* line 59, app/assets/stylesheets/components/_card.scss */
.location-input-new {
  height: 30px;
  width: 160px;
  font-size: 12px;
}

/* line 66, app/assets/stylesheets/components/_card.scss */
.small-info-text {
  font-size: 11px;
  color: orangered;
}

/* line 71, app/assets/stylesheets/components/_card.scss */
.pricing-box {
  line-height: 36px;
}

/* line 76, app/assets/stylesheets/components/_card.scss */
.subscription-button {
  height: 50px;
  font-size: 18px;
  font-weight: 600;
}

/* line 82, app/assets/stylesheets/components/_card.scss */
.pricing-card-title {
  font-size: 28px;
}

/* line 84, app/assets/stylesheets/components/_card.scss */
.pricing-card-title-pence {
  font-size: 22px;
}

/* line 11, app/assets/stylesheets/components/_button.scss */
.btn-light-teal {
  background-color: #101727;
  color: #EFF3F7;
}

/* line 14, app/assets/stylesheets/components/_button.scss */
.btn-light-teal:hover {
  color: #EFF3F7;
  opacity: 0.8;
}

/* line 20, app/assets/stylesheets/components/_button.scss */
.btn-red {
  border: 1px solid #860d0d;
  color: #860d0d;
  font-weight: 600;
}

/* line 25, app/assets/stylesheets/components/_button.scss */
.btn-red:hover {
  opacity: 0.7;
  color: #860d0d;
}

/* line 31, app/assets/stylesheets/components/_button.scss */
.pill-red {
  color: #860d0d;
  font-weight: 600;
  border: 1px solid #860d0d;
  background-color: #f1bbbb;
}

/* line 38, app/assets/stylesheets/components/_button.scss */
.pill-green {
  color: #1d503f;
  font-weight: 600;
  border: 1px solid #1d503f;
  background-color: #bbf1df;
}

/* line 45, app/assets/stylesheets/components/_button.scss */
.pill-orange {
  color: #cd8809;
  font-weight: 600;
  border: 1px solid #cd8809;
  background-color: #f0e3cb;
}

/* line 52, app/assets/stylesheets/components/_button.scss */
.tooltip {
  font-size: 18px;
}

/* line 56, app/assets/stylesheets/components/_button.scss */
.no-decoration {
  text-decoration: none !important;
}

/* line 60, app/assets/stylesheets/components/_button.scss */
.btn-light-blue {
  background-color: white;
  color: black;
  border: 1px solid black;
  font-weight: 500;
}

/* line 65, app/assets/stylesheets/components/_button.scss */
.btn-light-blue:hover {
  text-decoration: none;
}

/* line 72, app/assets/stylesheets/components/_button.scss */
.btn-dark-warning {
  background-color: #eebb22;
}

/* line 74, app/assets/stylesheets/components/_button.scss */
.btn-dark-warning:hover {
  background-color: #cd8809;
  color: whitesmoke;
}

/* line 80, app/assets/stylesheets/components/_button.scss */
.btn-light-warning {
  color: #cb9532;
  border: 1px solid #cb9532;
  font-weight: 600;
}

/* line 85, app/assets/stylesheets/components/_button.scss */
.btn-light-warning:hover {
  color: #cb9532;
  opacity: 0.8;
}

/* line 91, app/assets/stylesheets/components/_button.scss */
.btn-success-mm {
  color: #1d503f;
  border: 1px solid #1d503f;
}

/* line 96, app/assets/stylesheets/components/_button.scss */
.btn-light-grey {
  color: slategray;
  border: 1px solid slategray;
}

/* line 113, app/assets/stylesheets/components/_button.scss */
.disabled-no-cursor {
  cursor: initial !important;
}

/* line 117, app/assets/stylesheets/components/_button.scss */
.badge-info-mm {
  border: 1px solid #458FFF;
  color: #458FFF;
}

/* line 1, app/assets/stylesheets/components/_form.scss */
.new-ingredient-form {
  font-size: 18px;
}

/* line 5, app/assets/stylesheets/components/_form.scss */
.new-ingredient-input {
  height: 30px;
  font-size: 16px;
}

/* line 10, app/assets/stylesheets/components/_form.scss */
.new-ingredient-box {
  border-radius: 10px;
}

/* line 14, app/assets/stylesheets/components/_form.scss */
.bigger-text {
  font-size: 18px;
}

/* line 18, app/assets/stylesheets/components/_form.scss */
.bigger-input-box {
  height: 30px;
  font-size: 16px;
}

/* line 23, app/assets/stylesheets/components/_form.scss */
.narrower-input-box {
  height: 36px;
  width: 80px;
  font-size: 14px;
}

/* line 29, app/assets/stylesheets/components/_form.scss */
.new-supplier-input {
  height: 30px;
  font-size: 16px;
}

/* line 32, app/assets/stylesheets/components/_form.scss */
.new-supplier-input-description {
  height: 30px;
  width: 220px;
  font-size: 16px;
}

/* line 40, app/assets/stylesheets/components/_form.scss */
.new-purchase-order-supplier {
  height: 36px;
  width: 300px;
  font-size: 14px;
}

/* line 45, app/assets/stylesheets/components/_form.scss */
.new-purchase-order-input {
  height: 36px;
  font-size: 14px;
}

/* line 49, app/assets/stylesheets/components/_form.scss */
.new-purchase-order-note {
  height: 36px;
  width: 400px;
  font-size: 14px;
}

/* line 56, app/assets/stylesheets/components/_form.scss */
.search-input {
  height: 32px;
  width: 192px;
  font-size: 16px;
}

/* line 62, app/assets/stylesheets/components/_form.scss */
.items-input {
  height: 24px;
  width: 60px;
  font-size: 12px;
}

/* line 68, app/assets/stylesheets/components/_form.scss */
.location-selector {
  width: 220px;
  font-size: 16px;
}

/* line 76, app/assets/stylesheets/components/_form.scss */
.select2-container {
  font-size: 14px !important;
  width: 100% !important;
}

/* line 81, app/assets/stylesheets/components/_form.scss */
.select2-container--default .select2-selection--multiple {
  padding-top: 2px !important;
}

/* line 85, app/assets/stylesheets/components/_form.scss */
.select2-container--default .select2-selection--single .select2-selection__arrow {
  display: none !important;
}

/* line 89, app/assets/stylesheets/components/_form.scss */
.select2-container .select2-selection--single .select2-selection__rendered {
  padding-right: 0px !important;
  padding-left: 12px !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  line-height: 1.5rem !important;
}

/* line 97, app/assets/stylesheets/components/_form.scss */
.select2-container .select2-selection--single {
  height: 40px !important;
}

/* line 101, app/assets/stylesheets/components/_form.scss */
.select2-container--default .select2-selection--single {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E") !important;
  background-position: right .5rem center !important;
  background-repeat: no-repeat !important;
  background-size: 1.5em 1.5em !important;
  -webkit-print-color-adjust: exact !important;
  print-color-adjust: exact !important;
  border: 1px solid #D1D5DB !important;
  border-radius: 6px;
}

/* line 112, app/assets/stylesheets/components/_form.scss */
.select2-dropdown {
  border-color: #D1D5DB !important;
}

/* line 116, app/assets/stylesheets/components/_form.scss */
.select2-container--open .select2-dropdown--above {
  border-bottom: 1px solid #D1D5DB !important;
  top: 5px;
}

/* line 121, app/assets/stylesheets/components/_form.scss */
.select2-container--default .select2-selection--multiple {
  border: 1px solid #D1D5DB !important;
}

/* line 125, app/assets/stylesheets/components/_form.scss */
.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: 1px solid #D1D5DB !important;
}

/* line 129, app/assets/stylesheets/components/_form.scss */
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #eef2ff !important;
  border: 1px solid #dedffa !important;
  color: #4338ca !important;
}

/* line 135, app/assets/stylesheets/components/_form.scss */
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  border-right: 1px solid #dedffa !important;
  color: #4338ca !important;
}

/* line 140, app/assets/stylesheets/components/_form.scss */
.select2-container--default .select2-results__option--selected {
  background-color: #eef2ff !important;
  color: #4338ca !important;
}

/* line 145, app/assets/stylesheets/components/_form.scss */
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #5046e5 !important;
  color: #FFFFFF !important;
}

/* line 150, app/assets/stylesheets/components/_form.scss */
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
  background-color: #dedffa !important;
}

/* line 1, app/assets/stylesheets/components/_navbar.scss */
.navbar {
  font-size: 16px;
  background-color: #F3F4F6;
}

/* line 6, app/assets/stylesheets/components/_navbar.scss */
.nav-link {
  color: black;
  font-weight: 500;
}

/* line 9, app/assets/stylesheets/components/_navbar.scss */
.nav-link:hover {
  color: black;
}

/* line 14, app/assets/stylesheets/components/_navbar.scss */
.alert {
  font-size: 16px;
}

/* line 18, app/assets/stylesheets/components/_navbar.scss */
.nav-active {
  background-color: #121926;
  border-radius: 6px;
  color: white;
}

/* line 22, app/assets/stylesheets/components/_navbar.scss */
.nav-active:hover {
  color: white;
}

/* Staff Members Styling */
/* line 2, app/assets/stylesheets/pages/_staff_members.scss */
#staff-members-container {
  max-width: 800px;
  margin: 0 auto;
  padding: 20px;
  background-color: #f8f9fa;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* line 11, app/assets/stylesheets/pages/_staff_members.scss */
.smaller-table-title {
  font-size: 1.5rem;
  font-weight: bold;
  color: #333;
  margin-bottom: 20px;
}

/* line 18, app/assets/stylesheets/pages/_staff_members.scss */
#new-staff-member-form {
  display: flex;
  gap: 10px;
  margin-bottom: 20px;
}

/* line 24, app/assets/stylesheets/pages/_staff_members.scss */
#new-staff-member-form input[type="email"] {
  flex-grow: 1;
  padding: 8px;
  border: 1px solid #ced4da;
  border-radius: 4px;
}

/* line 31, app/assets/stylesheets/pages/_staff_members.scss */
.staff-member {
  background-color: white;
  border: 1px solid #e9ecef;
  border-radius: 4px;
  padding: 15px;
  margin-bottom: 15px;
  align-items: center;
  justify-content: space-between;
}

/* line 41, app/assets/stylesheets/pages/_staff_members.scss */
.staff-member p {
  margin: 0;
  font-weight: bold;
}

/* line 46, app/assets/stylesheets/pages/_staff_members.scss */
.staff-member select {
  min-width: 200px;
}

/* line 50, app/assets/stylesheets/pages/_staff_members.scss */
.btn-primary, .btn-secondary, .btn-danger {
  padding: 8px 16px;
  border-radius: 4px;
  font-weight: bold;
}

/* line 56, app/assets/stylesheets/pages/_staff_members.scss */
.btn-primary {
  background-color: #007bff;
}

/* line 57, app/assets/stylesheets/pages/_staff_members.scss */
.btn-secondary {
  background-color: #6c757d;
}

/* line 58, app/assets/stylesheets/pages/_staff_members.scss */
.btn-danger {
  background-color: #dc3545;
}

/* line 60, app/assets/stylesheets/pages/_staff_members.scss */
#save-all-locations {
  margin-top: 20px;
}

/* Flash messages */
/* line 65, app/assets/stylesheets/pages/_staff_members.scss */
#flash-messages {
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 1000;
}

/* line 72, app/assets/stylesheets/pages/_staff_members.scss */
.alert {
  padding: 15px;
  border-radius: 4px;
  margin-bottom: 10px;
  opacity: 0.9;
}

/* line 79, app/assets/stylesheets/pages/_staff_members.scss */
.alert-success {
  background-color: #d4edda;
  color: #155724;
}

/* line 80, app/assets/stylesheets/pages/_staff_members.scss */
.alert-danger {
  background-color: #f8d7da;
  color: #721c24;
}

/* line 29, app/assets/stylesheets/application.scss */
.display {
  display: block;
}

/* line 33, app/assets/stylesheets/application.scss */
.hide {
  display: none;
}

/* The switch - the box around the toggle */
/* line 38, app/assets/stylesheets/application.scss */
.switch {
  position: relative;
  display: inline-block;
  width: 45px;
  height: 24px;
}

/* Hide default HTML checkbox */
/* line 46, app/assets/stylesheets/application.scss */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* line 52, app/assets/stylesheets/application.scss */
.switch span {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

@media (min-width: 768px) {
  /* line 62, app/assets/stylesheets/application.scss */
  .md\:order-1 {
    order: 1;
  }
  /* line 62, app/assets/stylesheets/application.scss */
  .md\:order-2 {
    order: 2;
  }
  /* line 62, app/assets/stylesheets/application.scss */
  .md\:order-3 {
    order: 3;
  }
  /* line 62, app/assets/stylesheets/application.scss */
  .md\:order-4 {
    order: 4;
  }
  /* line 62, app/assets/stylesheets/application.scss */
  .md\:order-5 {
    order: 5;
  }
  /* line 62, app/assets/stylesheets/application.scss */
  .md\:order-6 {
    order: 6;
  }
  /* line 62, app/assets/stylesheets/application.scss */
  .md\:order-7 {
    order: 7;
  }
  /* line 62, app/assets/stylesheets/application.scss */
  .md\:order-8 {
    order: 8;
  }
  /* line 62, app/assets/stylesheets/application.scss */
  .md\:order-9 {
    order: 9;
  }
  /* line 62, app/assets/stylesheets/application.scss */
  .md\:order-10 {
    order: 10;
  }
  /* line 62, app/assets/stylesheets/application.scss */
  .md\:order-11 {
    order: 11;
  }
  /* line 62, app/assets/stylesheets/application.scss */
  .md\:order-12 {
    order: 12;
  }
}

/* line 69, app/assets/stylesheets/application.scss */
.order-1 {
  order: 1;
}

/* line 69, app/assets/stylesheets/application.scss */
.order-2 {
  order: 2;
}

/* line 69, app/assets/stylesheets/application.scss */
.order-3 {
  order: 3;
}

/* line 69, app/assets/stylesheets/application.scss */
.order-4 {
  order: 4;
}

/* line 69, app/assets/stylesheets/application.scss */
.order-5 {
  order: 5;
}

/* line 69, app/assets/stylesheets/application.scss */
.order-6 {
  order: 6;
}

/* line 69, app/assets/stylesheets/application.scss */
.order-7 {
  order: 7;
}

/* line 69, app/assets/stylesheets/application.scss */
.order-8 {
  order: 8;
}

/* line 69, app/assets/stylesheets/application.scss */
.order-9 {
  order: 9;
}

/* line 69, app/assets/stylesheets/application.scss */
.order-10 {
  order: 10;
}

/* line 69, app/assets/stylesheets/application.scss */
.order-11 {
  order: 11;
}

/* line 69, app/assets/stylesheets/application.scss */
.order-12 {
  order: 12;
}

/* line 74, app/assets/stylesheets/application.scss */
.order-none {
  order: 0;
}

/* line 78, app/assets/stylesheets/application.scss */
.datepicker-toggle {
  display: inline-block;
  position: relative;
  width: 18px;
  height: 19px;
}

/* line 84, app/assets/stylesheets/application.scss */
.datepicker-toggle-button {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
}

/* line 93, app/assets/stylesheets/application.scss */
.datepicker-input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  box-sizing: border-box;
}

/* line 103, app/assets/stylesheets/application.scss */
.datepicker-input::-webkit-calendar-picker-indicator {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  cursor: pointer;
}