.background-primary {
  background: #fff;
}

.background-gray {
  background: #E8E8E8;
}

.background-blue {
  background: #66CDAA;
}

.background-blue-variant {
  background: #3cb371;
}

.background-dark-green {
  background: #3cb371;
}

.background-light-green {
  background: #3cb371;
}

.background-red {
  background: #e8423c;
}

.background-yellow {
  background: #f8ef9b;
}

.background-button-primary {
  background: #66CDAA;
}

.background-button-success {
  background: #3cb371;
}

.background-button-warning {
  background: #ff0000;
}

.border-color-primary {
  border-color: #0073b7;
}

.border-color-dark-green {
  border-color: #006400;
}

.border-color-light-green {
  border-color: #42CD4C;
}

.border-color-red {
  border-color: #e8423c;
}

.text-color-primary {
  color: #000;
}

.text-color-success {
  color: #66CDAA;
}

.text-color-yellow {
  color: #eccf01;
}

.text-color-secondary {
  color: #666;
}

.text-color-white {
  color: #fff;
}

.text-color-blue {
  color: #66CDAA;
}

.text-color-blue-variant {
  color: #66CDAA;
}

.text-color-green {
  color: #3cb371;
}

.text-color-red {
  color: #e8423c;
}

@font-face {
  font-family: "Bold";
  src: url("../fonts/Poppins-Bold-eee37720f0c0651b81048164a36deb26.ttf") format("truetype");
}
@font-face {
  font-family: "Semi-Bold";
  src: url("../fonts/Poppins-SemiBold-144c79054fa86cc6e14718fd52617979.ttf") format("truetype");
}
@font-face {
  font-family: "Medium";
  src: url("../fonts/Poppins-Medium-0a67af502cfcd08a1eb1ad257127a3f3.ttf") format("truetype");
}
@font-face {
  font-family: "Light";
  src: url("../fonts/Poppins-Light-def2e2aea47b29555b116483fc022b91.ttf") format("truetype");
}
@font-face {
  font-family: "Regular";
  src: url("../fonts/Poppins-Regular-7095bec5a3949fb032b76bd00563f851.ttf") format("truetype");
}
html, body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  position: absolute;
}

a {
  color: initial !important;
  text-decoration: initial !important;
}

.background-container {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: auto;
}

.background-container.background {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/sfondo-b2ba8f7465188802d9a870c4a55e1cc6.svg");
}

.background-container > .header {
  height: 10%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.background-container > .header .logo {
  max-width: 100%;
  height: 65%;
}

.background-container > .header.header-with-buttons {
  width: 90%;
  justify-content: space-between;
}

.background-container > .header.header-with-buttons .logo {
  height: 65%;
}

.background-container > .header.header-with-buttons .header-button {
  height: 40%;
  cursor: pointer;
}

.text {
  font-size: 1rem;
  line-height: 1.5rem;
}

.text.inherit-size {
  font-size: inherit;
}

.text.font-bold, .text.text-title {
  font-family: Bold, serif;
}

.text.text-title {
  font-size: 1.4em;
}

.text.text-title.bottom-line {
  width: 100%;
  border-bottom: 2px solid #66CDAA;
}

.text.text-title.bottom-line.white-line {
  border-bottom: 2px solid #fff;
}

.text.font-medium, .text.text-description {
  font-family: Medium, serif;
}

.text.text-description, .text.text-big, .button.button-lg p.text {
  font-size: 1.3em;
}

.text.font-semi-bold, .text.button.button-lg {
  font-family: "Semi-Bold", serif;
}

.text.text-clamp-1 {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.text.text-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.text.text-clamp-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.button {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 1rem 1rem;
  border: 0;
  border-radius: 15px;
}

.button.button-lg {
  height: 9vh;
}

.button.button-lg img {
  height: 3vh;
}

.round-badge {
  border-radius: 50%;
  width: 30px;
  height: 30px;
}

.round-badge > img {
  width: 30px;
  height: 30px;
  padding: 5px;
}

input[type=text], input[type=password], input[type=search], input[type=date], select {
  padding: 1.3rem;
  background: #E8E8E8;
  border: 1px solid #E8E8E8;
  border-radius: 15px;
  line-height: initial;
  outline: none;
}

.content-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 90%;
  height: 85%;
  padding: 1.4rem 1.4rem;
  border-radius: 15px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.34);
}

.content-container .center-image {
  height: 35%;
}

.grid, .search-list-result {
  display: grid;
  grid-auto-rows: 1fr;
}

.grid.eq-h, .search-list-result {
  grid-auto-rows: 1fr;
}

.filter, .filter input[type=search], .filter input[type=date] {
  width: 100%;
}

.filter input[type=search], .filter input[type=date], .filter select {
  padding: 1rem;
  line-height: initial;
}

video.qr-video {
  width: 30vh;
  height: 30vh;
  object-fit: cover;
  max-width: 85%;
  max-height: 85%;
}

.search-list-result {
  width: 100%;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 1rem;
  overflow: auto;
}

.search-list-result .item {
  display: flex;
  flex-direction: column;
}

.search-list-result .item > .top, .search-list-result .item > .content {
  width: 100%;
  height: max-content;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  padding: 1rem 1rem;
}

.search-list-result .item > .top {
  border-width: 2px;
  border-style: solid;
  border-radius: 15px 15px 0 0;
}

.search-list-result .item > .top .icon {
  height: 20px;
}

.search-list-result .item > .content {
  border-radius: 0 0 15px 15px;
  flex: 1;
  flex-direction: column;
  align-items: start;
}

.search-list-result .item > .content .button {
  padding: 0.5rem 1rem;
  width: auto;
}

.meal-list {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-grow: 1;
  overflow: auto;
}

.meal-list .item {
  width: 100%;
  height: max-content;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  border-width: 2px;
  border-style: solid;
  border-radius: 15px;
}

.meal-list .item input[type=checkbox], .meal-list .item input[type=radio],
.meal-list .item .label-check .checked-image {
  display: none;
}

.meal-list .item .label-check {
  padding: 1vh 2vh;
}

.meal-list .item .image {
  height: 100%;
  width: 10vh;
  margin-right: 1em;
  border-radius: 15px 0 0 15px;
  object-fit: cover;
}

.meal-list .item .label-check img {
  width: 30px !important;
  height: 30px !important;
}

.result-container {
  width: 100%;
  height: 100%;
  padding: 1.4rem 1.4rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-shadow: none;
}

.result-container > img {
  height: 35%;
}

.ordered-meals {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: start;
  flex-grow: 1;
  overflow-y: auto;
}

.pagination-container {
  margin: auto auto 0 !important;
}

.active > .page-link, .page-link.active {
  background: #66CDAA !important;
  border-color: #66CDAA !important;
}

.border-color-primary {
  border-color: #66CDAA !important;
}

/*# sourceMappingURL=app.css-8d9121afd192738fe18408be4160398c.map */