@font-face {
  font-family: 'erudus';
  src: url("../fonts/erudus.eot?c2k7nf");
  src: url("../fonts/erudus.eot?c2k7nf#iefix") format("embedded-opentype"), url("../fonts/erudus.ttf?c2k7nf") format("truetype"), url("../fonts/erudus.woff?c2k7nf") format("woff"), url("../fonts/erudus.svg?c2k7nf#erudus") format("svg");
  font-weight: normal;
  font-style: normal; }

.erudus-amber {
  color: #f0ad4e; }

.erudus-red {
  color: #d9534f; }

.erudus-green {
  color: #5cb85c; }

.eicon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'erudus' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 64px;
  color: #d3d3d3;
  display: inline-block;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  .eicon.eicon-small {
    font-size: 32px; }

.eicon-small .eicon {
  font-size: 32px; }

.allergen-level-may .eicon {
  color: #f0ad4e; }

.allergen-level-yes .eicon {
  color: #d9534f; }

.suitable-level-yes .eicon {
  color: #5cb85c; }

.eicon-list {
  list-style: none;
  padding: 0;
  text-align: left;
  position: relative; }
  .eicon-list li {
    position: relative;
    display: inline-block;
    *display: inline;
    zoom: 1;
    text-align: center;
    width: 64px;
    font-size: 10px;
    color: #d3d3d3;
    margin-bottom: 12px;
    margin-right: 12px;
    vertical-align: top; }
    .eicon-list li.allergen-level-may {
      color: #f0ad4e; }
    .eicon-list li.allergen-level-yes {
      color: #d9534f; }
    .eicon-list li.suitable-level-yes {
      color: #5cb85c; }
  .eicon-list.eicon-small li {
    width: 32px;
    margin-right: 6px;
    font-size: 6px; }

.eicon-halal:before {
  content: "\e900"; }

.eicon-kosher:before {
  content: "\e901"; }

.eicon-vegan:before {
  content: "\e902"; }

.eicon-crustaceans:before {
  content: "\e903"; }

.eicon-gluten:before {
  content: "\e904"; }

.eicon-vegetarian:before {
  content: "\e905"; }

.eicon-celery:before {
  content: "\e906"; }

.eicon-lupin:before {
  content: "\e907"; }

.eicon-sesame:before {
  content: "\e908"; }

.eicon-so2:before {
  content: "\e909"; }

.eicon-fish:before {
  content: "\e90a"; }

.eicon-molluscs:before {
  content: "\e90b"; }

.eicon-mustard:before {
  content: "\e90c"; }

.eicon-eggs:before {
  content: "\e90d"; }

.eicon-milk:before {
  content: "\e90e"; }

.eicon-nuts:before {
  content: "\e90f"; }

.eicon-peanuts:before {
  content: "\e910"; }

.eicon-cereal:before {
  content: "\e911"; }

.eicon-circle-kosher:before {
  content: "\e912"; }

.eicon-soya:before {
  content: "\e913"; }

.eicon-circle-halal:before {
  content: "\e914"; }

.eicon-circle-vegan:before {
  content: "\e915"; }

.eicon-circle-vegetarian:before {
  content: "\e916"; }

.eicon-circle-celery:before {
  content: "\e917"; }

.eicon-circle-crustaceans:before {
  content: "\e918"; }

.eicon-circle-gluten:before {
  content: "\e919"; }

.eicon-circle-so2:before {
  content: "\e91a"; }

.eicon-circle-lupin:before {
  content: "\e91b"; }

.eicon-circle-mustard:before {
  content: "\e91c"; }

.eicon-circle-sesame:before {
  content: "\e91d"; }

.eicon-circle-eggs:before {
  content: "\e91e"; }

.eicon-circle-fish:before {
  content: "\e91f"; }

.eicon-circle-molluscs:before {
  content: "\e920"; }

.eicon-circle-cereal:before {
  content: "\e921"; }

.eicon-circle-milk:before {
  content: "\e922"; }

.eicon-circle-nuts:before {
  content: "\e923"; }

.eicon-circle-peanuts:before {
  content: "\e924"; }

.eicon-circle-soya:before {
  content: "\e925"; }

.eicon-coeliac:before {
    content: "\e926"; }

.selectable-table .datatable-body-row:hover {
  cursor: pointer;
}


/* Track background */
.tab-customer .mat-tab-header {
  background: #f0f0f0 !important;
  border-radius: 10px !important;
  padding: 5px !important;
  border-bottom: none !important;
  box-shadow: none !important;
  margin: 12px;
}

/* Remove bottom border line */

.tab-customer .mat-tab-label-container {
  border-bottom: none !important;
}

/* Hide the orange ink bar */

.tab-customer .mat-ink-bar {
  display: none !important;
}

/* Stretch tabs full width */

.tab-customer .mat-tab-labels {
  gap: 5px !important;
}

.tab-customer .mat-tab-label {
  flex: 1 !important;
  max-width: unset !important;
  opacity: 1 !important;
  border-radius: 7px !important;
  min-width: 0 !important;
  height: 48px !important;
  transition: background 0.18s, box-shadow 0.18s !important;
}

/* Inactive */

.tab-customer .mat-tab-label .mat-tab-label-content {
  color: #999 !important;
  font-weight: 400 !important;
  gap: 6px !important;
}

.tab-customer .mat-tab-label .mat-icon {
  color: #999 !important;
}

/* Active — white card */

.tab-customer .mat-tab-label.mat-tab-label-active {
  background: #ffffff !important;
  box-shadow: 0 1px 4px rgba(0,0,0,0.10) !important;
}

.tab-customer .mat-tab-label.mat-tab-label-active .mat-tab-label-content {
  color: #1a1a1a !important;
  font-weight: 600 !important;
}

.tab-customer .mat-tab-label.mat-tab-label-active .mat-icon {
  color: #e07b00 !important;
}

/* Kill ripple */

.tab-customer .mat-tab-label .mat-ripple-element { display: none !important; }