@font-face {
  font-family: "Quicksand";
  src: url("../fonts/Quicksand-Regular.woff2") format("woff2"), url("../fonts/Quicksand-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "Quicksand";
  src: url("../fonts/Quicksand-Bold.woff2") format("woff2"), url("../fonts/Quicksand-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: "Material Design Icons";
  src: url("../fonts/materialdesignicons-webfont.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}
.menu-icon {
  mask-image: url("data:image/svg+xml;utf8, <svg version='1.1' viewBox='0 0 600 600' xmlns='http://www.w3.org/2000/svg'><path d='m140 185.71c0-12.621 10.236-22.857 22.857-22.857h274.29c12.643 0 22.857 10.236 22.857 22.857 0 12.643-10.214 22.857-22.857 22.857h-274.29c-12.621 0-22.857-10.214-22.857-22.857zm0 114.29c0-12.643 10.236-22.857 22.857-22.857h274.29c12.643 0 22.857 10.214 22.857 22.857 0 12.643-10.214 22.857-22.857 22.857h-274.29c-12.621 0-22.857-10.214-22.857-22.857zm297.14 137.14h-274.29c-12.621 0-22.857-10.214-22.857-22.857 0-12.643 10.236-22.857 22.857-22.857h274.29c12.643 0 22.857 10.214 22.857 22.857 0 12.643-10.214 22.857-22.857 22.857z'/><path d='m56.756 0c-31.109 1.4216e-14 -56.756 25.647-56.756 56.756v486.49c3.554e-15 31.109 25.647 56.756 56.756 56.756h486.49c31.109 0 56.756-25.647 56.756-56.756v-486.49c0-31.109-25.647-56.756-56.756-56.756h-486.49zm0 38.67h486.49c10.355 0 18.086 7.7311 18.086 18.086v486.49c0 10.355-7.7311 18.086-18.086 18.086h-486.49c-10.355 0-18.086-7.7311-18.086-18.086v-486.49c0-10.355 7.7311-18.086 18.086-18.086z'/></svg>");
  -webkit-mask-image: url("data:image/svg+xml;utf8, <svg version='1.1' viewBox='0 0 600 600' xmlns='http://www.w3.org/2000/svg'><path d='m140 185.71c0-12.621 10.236-22.857 22.857-22.857h274.29c12.643 0 22.857 10.236 22.857 22.857 0 12.643-10.214 22.857-22.857 22.857h-274.29c-12.621 0-22.857-10.214-22.857-22.857zm0 114.29c0-12.643 10.236-22.857 22.857-22.857h274.29c12.643 0 22.857 10.214 22.857 22.857 0 12.643-10.214 22.857-22.857 22.857h-274.29c-12.621 0-22.857-10.214-22.857-22.857zm297.14 137.14h-274.29c-12.621 0-22.857-10.214-22.857-22.857 0-12.643 10.236-22.857 22.857-22.857h274.29c12.643 0 22.857 10.214 22.857 22.857 0 12.643-10.214 22.857-22.857 22.857z'/><path d='m56.756 0c-31.109 1.4216e-14 -56.756 25.647-56.756 56.756v486.49c3.554e-15 31.109 25.647 56.756 56.756 56.756h486.49c31.109 0 56.756-25.647 56.756-56.756v-486.49c0-31.109-25.647-56.756-56.756-56.756h-486.49zm0 38.67h486.49c10.355 0 18.086 7.7311 18.086 18.086v486.49c0 10.355-7.7311 18.086-18.086 18.086h-486.49c-10.355 0-18.086-7.7311-18.086-18.086v-486.49c0-10.355 7.7311-18.086 18.086-18.086z'/></svg>");
  mask-position: 0% 50%;
  -webkit-mask-position: 0% 50%;
  mask-size: contain;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
}
.scan-icon {
  mask-image: url("data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'><path d='M152 0H8C3.6 0 0 3.6 0 8v152c0 4.4 3.6 8 8 8h16c4.4 0 8-3.6 8-8V32h120c4.4 0 8-3.6 8-8V8c0-4.4-3.6-8-8-8zm0 480H32V352c0-4.4-3.6-8-8-8H8c-4.4 0-8 3.6-8 8v152c0 4.4 3.6 8 8 8h144c4.4 0 8-3.6 8-8v-16c0-4.4-3.6-8-8-8zM632 0H488c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h120v128c0 4.4 3.6 8 8 8h16c4.4 0 8-3.6 8-8V8c0-4.4-3.6-8-8-8zm0 344h-16c-4.4 0-8 3.6-8 8v128H488c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h144c4.4 0 8-3.6 8-8V352c0-4.4-3.6-8-8-8zM152 96h-48c-4.4 0-8 3.6-8 8v304c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V104c0-4.4-3.6-8-8-8zm336 320h48c4.4 0 8-3.6 8-8V104c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v304c0 4.4 3.6 8 8 8zM408 96h-48c-4.4 0-8 3.6-8 8v304c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V104c0-4.4-3.6-8-8-8zm-192 0h-16c-4.4 0-8 3.6-8 8v304c0 4.4 3.6 8 8 8h16c4.4 0 8-3.6 8-8V104c0-4.4-3.6-8-8-8zm64 0h-16c-4.4 0-8 3.6-8 8v304c0 4.4 3.6 8 8 8h16c4.4 0 8-3.6 8-8V104c0-4.4-3.6-8-8-8z'/></svg>");
  -webkit-mask-image: url("data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'><path d='M152 0H8C3.6 0 0 3.6 0 8v152c0 4.4 3.6 8 8 8h16c4.4 0 8-3.6 8-8V32h120c4.4 0 8-3.6 8-8V8c0-4.4-3.6-8-8-8zm0 480H32V352c0-4.4-3.6-8-8-8H8c-4.4 0-8 3.6-8 8v152c0 4.4 3.6 8 8 8h144c4.4 0 8-3.6 8-8v-16c0-4.4-3.6-8-8-8zM632 0H488c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h120v128c0 4.4 3.6 8 8 8h16c4.4 0 8-3.6 8-8V8c0-4.4-3.6-8-8-8zm0 344h-16c-4.4 0-8 3.6-8 8v128H488c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8h144c4.4 0 8-3.6 8-8V352c0-4.4-3.6-8-8-8zM152 96h-48c-4.4 0-8 3.6-8 8v304c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V104c0-4.4-3.6-8-8-8zm336 320h48c4.4 0 8-3.6 8-8V104c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v304c0 4.4 3.6 8 8 8zM408 96h-48c-4.4 0-8 3.6-8 8v304c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V104c0-4.4-3.6-8-8-8zm-192 0h-16c-4.4 0-8 3.6-8 8v304c0 4.4 3.6 8 8 8h16c4.4 0 8-3.6 8-8V104c0-4.4-3.6-8-8-8zm64 0h-16c-4.4 0-8 3.6-8 8v304c0 4.4 3.6 8 8 8h16c4.4 0 8-3.6 8-8V104c0-4.4-3.6-8-8-8z'/></svg>");
  mask-position: 0% 50%;
  -webkit-mask-position: 0% 50%;
  mask-size: contain;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
}
.keyboard-icon {
  mask-image: url("data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'><path d='M528 448H48c-26.51 0-48-21.49-48-48V112c0-26.51 21.49-48 48-48h480c26.51 0 48 21.49 48 48v288c0 26.51-21.49 48-48 48zM128 180v-40c0-6.627-5.373-12-12-12H76c-6.627 0-12 5.373-12 12v40c0 6.627 5.373 12 12 12h40c6.627 0 12-5.373 12-12zm96 0v-40c0-6.627-5.373-12-12-12h-40c-6.627 0-12 5.373-12 12v40c0 6.627 5.373 12 12 12h40c6.627 0 12-5.373 12-12zm96 0v-40c0-6.627-5.373-12-12-12h-40c-6.627 0-12 5.373-12 12v40c0 6.627 5.373 12 12 12h40c6.627 0 12-5.373 12-12zm96 0v-40c0-6.627-5.373-12-12-12h-40c-6.627 0-12 5.373-12 12v40c0 6.627 5.373 12 12 12h40c6.627 0 12-5.373 12-12zm96 0v-40c0-6.627-5.373-12-12-12h-40c-6.627 0-12 5.373-12 12v40c0 6.627 5.373 12 12 12h40c6.627 0 12-5.373 12-12zm-336 96v-40c0-6.627-5.373-12-12-12h-40c-6.627 0-12 5.373-12 12v40c0 6.627 5.373 12 12 12h40c6.627 0 12-5.373 12-12zm96 0v-40c0-6.627-5.373-12-12-12h-40c-6.627 0-12 5.373-12 12v40c0 6.627 5.373 12 12 12h40c6.627 0 12-5.373 12-12zm96 0v-40c0-6.627-5.373-12-12-12h-40c-6.627 0-12 5.373-12 12v40c0 6.627 5.373 12 12 12h40c6.627 0 12-5.373 12-12zm96 0v-40c0-6.627-5.373-12-12-12h-40c-6.627 0-12 5.373-12 12v40c0 6.627 5.373 12 12 12h40c6.627 0 12-5.373 12-12zm-336 96v-40c0-6.627-5.373-12-12-12H76c-6.627 0-12 5.373-12 12v40c0 6.627 5.373 12 12 12h40c6.627 0 12-5.373 12-12zm288 0v-40c0-6.627-5.373-12-12-12H172c-6.627 0-12 5.373-12 12v40c0 6.627 5.373 12 12 12h232c6.627 0 12-5.373 12-12zm96 0v-40c0-6.627-5.373-12-12-12h-40c-6.627 0-12 5.373-12 12v40c0 6.627 5.373 12 12 12h40c6.627 0 12-5.373 12-12z'/></svg>");
  -webkit-mask-image: url("data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'><path d='M528 448H48c-26.51 0-48-21.49-48-48V112c0-26.51 21.49-48 48-48h480c26.51 0 48 21.49 48 48v288c0 26.51-21.49 48-48 48zM128 180v-40c0-6.627-5.373-12-12-12H76c-6.627 0-12 5.373-12 12v40c0 6.627 5.373 12 12 12h40c6.627 0 12-5.373 12-12zm96 0v-40c0-6.627-5.373-12-12-12h-40c-6.627 0-12 5.373-12 12v40c0 6.627 5.373 12 12 12h40c6.627 0 12-5.373 12-12zm96 0v-40c0-6.627-5.373-12-12-12h-40c-6.627 0-12 5.373-12 12v40c0 6.627 5.373 12 12 12h40c6.627 0 12-5.373 12-12zm96 0v-40c0-6.627-5.373-12-12-12h-40c-6.627 0-12 5.373-12 12v40c0 6.627 5.373 12 12 12h40c6.627 0 12-5.373 12-12zm96 0v-40c0-6.627-5.373-12-12-12h-40c-6.627 0-12 5.373-12 12v40c0 6.627 5.373 12 12 12h40c6.627 0 12-5.373 12-12zm-336 96v-40c0-6.627-5.373-12-12-12h-40c-6.627 0-12 5.373-12 12v40c0 6.627 5.373 12 12 12h40c6.627 0 12-5.373 12-12zm96 0v-40c0-6.627-5.373-12-12-12h-40c-6.627 0-12 5.373-12 12v40c0 6.627 5.373 12 12 12h40c6.627 0 12-5.373 12-12zm96 0v-40c0-6.627-5.373-12-12-12h-40c-6.627 0-12 5.373-12 12v40c0 6.627 5.373 12 12 12h40c6.627 0 12-5.373 12-12zm96 0v-40c0-6.627-5.373-12-12-12h-40c-6.627 0-12 5.373-12 12v40c0 6.627 5.373 12 12 12h40c6.627 0 12-5.373 12-12zm-336 96v-40c0-6.627-5.373-12-12-12H76c-6.627 0-12 5.373-12 12v40c0 6.627 5.373 12 12 12h40c6.627 0 12-5.373 12-12zm288 0v-40c0-6.627-5.373-12-12-12H172c-6.627 0-12 5.373-12 12v40c0 6.627 5.373 12 12 12h232c6.627 0 12-5.373 12-12zm96 0v-40c0-6.627-5.373-12-12-12h-40c-6.627 0-12 5.373-12 12v40c0 6.627 5.373 12 12 12h40c6.627 0 12-5.373 12-12z'/></svg>");
  mask-position: 0% 50%;
  -webkit-mask-position: 0% 50%;
  mask-size: contain;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
}
body {
  font-family: "Quicksand";
  font-size: 18px;
  font-weight: normal;
  color: #1d1d1d;
  line-height: 1.5;
  background: #f2f2f2;
  overflow-x: hidden;
}
main, section, header, footer {
  max-width: 960px;
  width: 100%;
  margin: 0 auto;
  background: #fff;
}
main {
  min-height: 100vh;
}
main div.container {
  padding: 15px;
}
main div.page-wrapper {
  display: grid;
  grid-template-rows: 70px 1fr 30px;
  grid-template-areas: "pheader" "pcontainer" "pfooter";
  max-height: 100vh !important;
}
main div.page-wrapper div.header {
  grid-area: pheader;
}
main div.page-wrapper div.container {
  grid-area: pcontainer;
  width: 100%;
  overflow-y: auto;
}
main div.page-wrapper div.footer {
  grid-area: pfooter;
  padding: 0;
  background: transparent;
}
[v-cloak] {
  display: none;
}
h1, h2, h3 {
  line-height: 1.2;
  font-weight: bold;
}
h1 {
  font-size: 1.8rem;
  margin-top: 15px;
  padding-bottom: 20px;
}
h2 {
  font-size: 1.4rem;
  margin-top: 15px;
  padding-bottom: 10px;
}
h3 {
  font-size: 1.2rem;
  margin-top: 15px;
  padding-bottom: 10px;
}
p {
  margin-bottom: 15px;
}
p.is-link {
  font-weight: bold;
}
p.is-danger {
  font-weight: bold;
  color: #be1622;
}
input.input {
  color: #3e8ed0;
}
div.header {
  display: grid;
  grid-template-columns: 1fr 60px;
  grid-template-rows: 30px 30px;
  grid-template-areas: "htitle hmenu" "hzone hmenu";
  color: #fff;
  background-color: #7957d5;
  padding: 5px 15px;
}
div.header div.header-title {
  grid-area: htitle;
  font-size: 1.2rem;
  line-height: 30px;
  font-weight: bold;
  overflow-x: hidden;
}
div.header div.header-menu {
  grid-area: hmenu;
  padding-top: 10px;
  text-align: right;
}
div.header div.header-menu a {
  display: inline-block;
  width: 40px;
  height: 40px;
  background-color: #fff;
}
div.header div.header-menu a:hover, div.header div.header-menu a:focus {
  background-color: #ffe08a;
}
div.header div.header-zone {
  grid-area: hzone;
  line-height: 30px;
}
div.header-info {
  color: #fff;
  background-color: #000;
  padding: 5px 15px;
}
div.header-info div.header-title {
  font-size: 2rem;
  font-weight: bold;
}
article.notification {
  width: 100%;
  line-height: 1.2;
  font-size: 1rem;
}
article.notification strong {
  font-size: 1.2rem;
  line-height: 1.5;
}
article.notification button {
  margin-top: 0;
}
article.notification p.text {
  margin-bottom: 0;
}
/* confirmation dialogs */
div.dialog.modal div.modal-card {
  max-width: 90%;
}
div.dialog.modal div.modal-card header.modal-card-head {
  padding: 15px;
}
div.dialog.modal div.modal-card header.modal-card-head p.modal-card-title {
  margin: 0;
  font-size: 1.2rem;
}
div.dialog.modal div.modal-card section.modal-card-body {
  padding: 15px;
}
div.dialog.modal div.modal-card section.modal-card-body p {
  margin: 0;
}
div.dialog.modal div.modal-card footer.modal-card-foot {
  padding: 15px;
  padding-top: 0;
  border-top: 0;
  background-color: #fff;
}
body.order main h1 {
  margin-top: 0;
  padding-bottom: 15px;
  color: #424949;
}
body.order main h2 {
  margin-top: 0;
  color: #616a6b;
}
body.order main h3 {
  margin-top: 0;
  color: #7f8c8d;
}
body.order main div.ticket-index {
  margin-bottom: 15px;
}
body.order main div.ticket-index div.ticket-name {
  font-weight: bold;
}
body.order main div.ticket-index div.ticket-remark {
  margin-top: 5px;
  padding-top: 5px;
  font-size: 0.85rem;
  border-top: 1px solid #fff;
}
body.order main ul.tickets li {
  color: #fff;
  border-radius: 4px;
  padding: 5px 10px;
  margin-bottom: 5px;
  border: none;
}
body.order main ul.tickets li.used {
  background-color: #52be80;
  cursor: pointer;
}
body.order main ul.tickets li.used:hover, body.order main ul.tickets li.used:focus {
  color: #fff;
  background-color: #f39c12;
}
body.order main ul.tickets li.available {
  background-color: #aeb6bf;
  cursor: pointer;
}
body.order main ul.tickets li.available:hover, body.order main ul.tickets li.available:focus {
  color: #fff;
  background-color: #f39c12;
}
body.order main ul.tickets li.disabled {
  background-color: #c70039;
}
body.order main ul.tickets li strong {
  color: #fff;
}
body.order main div.order-info {
  margin-bottom: 30px;
}
body.order main div.order-info.contact {
  margin-top: 50px;
}
body.order main div.order-info.products h2 {
  padding-bottom: 0;
}
body.order main div.order-info.orders h2 {
  padding-bottom: 0;
}
body.order main div.order-info.orders li > div {
  text-decoration: underline;
  text-underline-position: under;
  cursor: pointer;
  color: #7957d5;
}
body.portal main div.portal-menu {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 10px;
}
body.portal main div.portal-menu .portal-menuitem {
  min-height: 150px;
  position: relative;
  border-radius: 4px;
  cursor: pointer;
  background: #34495e no-repeat 50% 25%;
  background-size: 80px;
}
body.portal main div.portal-menu .portal-menuitem.scan {
  background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNTEyIj48cGF0aCBkPSJNMTUyIDBIOEMzLjYgMCAwIDMuNiAwIDh2MTUyYzAgNC40IDMuNiA4IDggOGgxNmM0LjQgMCA4LTMuNiA4LThWMzJoMTIwYzQuNCAwIDgtMy42IDgtOFY4YzAtNC40LTMuNi04LTgtOHptMCA0ODBIMzJWMzUyYzAtNC40LTMuNi04LTgtOEg4Yy00LjQgMC04IDMuNi04IDh2MTUyYzAgNC40IDMuNiA4IDggOGgxNDRjNC40IDAgOC0zLjYgOC04di0xNmMwLTQuNC0zLjYtOC04LTh6TTYzMiAwSDQ4OGMtNC40IDAtOCAzLjYtOCA4djE2YzAgNC40IDMuNiA4IDggOGgxMjB2MTI4YzAgNC40IDMuNiA4IDggOGgxNmM0LjQgMCA4LTMuNiA4LThWOGMwLTQuNC0zLjYtOC04LTh6bTAgMzQ0aC0xNmMtNC40IDAtOCAzLjYtOCA4djEyOEg0ODhjLTQuNCAwLTggMy42LTggOHYxNmMwIDQuNCAzLjYgOCA4IDhoMTQ0YzQuNCAwIDgtMy42IDgtOFYzNTJjMC00LjQtMy42LTgtOC04ek0xNTIgOTZoLTQ4Yy00LjQgMC04IDMuNi04IDh2MzA0YzAgNC40IDMuNiA4IDggOGg0OGM0LjQgMCA4LTMuNiA4LThWMTA0YzAtNC40LTMuNi04LTgtOHptMzM2IDMyMGg0OGM0LjQgMCA4LTMuNiA4LThWMTA0YzAtNC40LTMuNi04LTgtOGgtNDhjLTQuNCAwLTggMy42LTggOHYzMDRjMCA0LjQgMy42IDggOCA4ek00MDggOTZoLTQ4Yy00LjQgMC04IDMuNi04IDh2MzA0YzAgNC40IDMuNiA4IDggOGg0OGM0LjQgMCA4LTMuNiA4LThWMTA0YzAtNC40LTMuNi04LTgtOHptLTE5MiAwaC0xNmMtNC40IDAtOCAzLjYtOCA4djMwNGMwIDQuNCAzLjYgOCA4IDhoMTZjNC40IDAgOC0zLjYgOC04VjEwNGMwLTQuNC0zLjYtOC04LTh6bTY0IDBoLTE2Yy00LjQgMC04IDMuNi04IDh2MzA0YzAgNC40IDMuNiA4IDggOGgxNmM0LjQgMCA4LTMuNiA4LThWMTA0YzAtNC40LTMuNi04LTgtOHoiIHN0eWxlPSJmaWxsOiNmZmZmZmYiLz48L3N2Zz4=");
}
body.portal main div.portal-menu .portal-menuitem.search {
  background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBkPSJNNTA4LjUgNDgxLjZsLTEyOS0xMjljLTIuMy0yLjMtNS4zLTMuNS04LjUtMy41aC0xMC4zQzM5NSAzMTIgNDE2IDI2Mi41IDQxNiAyMDggNDE2IDkzLjEgMzIyLjkgMCAyMDggMFMwIDkzLjEgMCAyMDhzOTMuMSAyMDggMjA4IDIwOGM1NC41IDAgMTA0LTIxIDE0MS4xLTU1LjJWMzcxYzAgMy4yIDEuMyA2LjIgMy41IDguNWwxMjkgMTI5YzQuNyA0LjcgMTIuMyA0LjcgMTcgMGw5LjktOS45YzQuNy00LjcgNC43LTEyLjMgMC0xN3pNMjA4IDM4NGMtOTcuMyAwLTE3Ni03OC43LTE3Ni0xNzZTMTEwLjcgMzIgMjA4IDMyczE3NiA3OC43IDE3NiAxNzYtNzguNyAxNzYtMTc2IDE3NnoiIHN0eWxlPSJmaWxsOiNmZmZmZmYiLz48L3N2Zz4=");
}
body.portal main div.portal-menu .portal-menuitem.stats {
  background-image: url("data:image/svg+xml;base64, PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1NDQgNTEyIj48cGF0aCBkPSJNNTI3Ljc5IDI4OEgyOTAuNWwxNTguMDMgMTU4LjAzYzYuMDQgNi4wNCAxNS45OCA2LjUzIDIyLjE5LjY4IDM4LjctMzYuNDYgNjUuMzItODUuNjEgNzMuMTMtMTQwLjg2IDEuMzQtOS40Ni02LjUxLTE3Ljg1LTE2LjA2LTE3Ljg1em0tMTUuODMtNjQuOEM1MDMuNzIgMTAzLjc0IDQwOC4yNiA4LjI4IDI4OC44LjA0IDI3OS42OC0uNTkgMjcyIDcuMSAyNzIgMTYuMjRWMjQwaDIyMy43N2M5LjE0IDAgMTYuODItNy42OCAxNi4xOS0xNi44ek0yMjQgMjg4VjUwLjcxYzAtOS41NS04LjM5LTE3LjQtMTcuODQtMTYuMDZDODYuOTkgNTEuNDktNC4xIDE1NS42LjE0IDI4MC4zNyA0LjUgNDA4LjUxIDExNC44MyA1MTMuNTkgMjQzLjAzIDUxMS45OGM1MC40LS42MyA5Ni45Ny0xNi44NyAxMzUuMjYtNDQuMDMgNy45LTUuNiA4LjQyLTE3LjIzIDEuNTctMjQuMDhMMjI0IDI4OHoiIHN0eWxlPSJmaWxsOiNmZmZmZmYiLz48L3N2Zz4=");
}
body.portal main div.portal-menu .portal-menuitem.settings {
  background-image: url("data:image/svg+xml;base64, PHN2ZyB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Im00ODIuNyAyOTkuMjgtMzIuNjEtMTguODI3YTE5NS4xNyAxOTUuMTcgMCAwIDAgMC00OC44OTlsMzIuNjEtMTguODI3YzkuNTc2LTUuNTI4IDE0LjE5NS0xNi45MDIgMTEuMDQ2LTI3LjUwMS0xMS4yMTQtMzcuNzQ5LTMxLjE3NS03MS43MjgtNTcuNTM1LTk5LjU5NS03LjYzNC04LjA3LTE5LjgxNy05LjgzNi0yOS40MzctNC4yODJsLTMyLjU2MiAxOC43OThhMTk0LjEyIDE5NC4xMiAwIDAgMC00Mi4zMzktMjQuNDh2LTM3LjYxNGMwLTExLjEzLTcuNjUyLTIwLjgwNC0xOC40ODQtMjMuMzY3LTM3LjY0NC04LjkwOS03Ny4xMTgtOC45MS0xMTQuNzcgMC0xMC44MzEgMi41NjMtMTguNDg0IDEyLjIzNi0xOC40ODQgMjMuMzY3djM3LjYxNGExOTQuMSAxOTQuMSAwIDAgMC00Mi4zMzkgMjQuNDhsLTMyLjU2Mi0xOC43OThjLTkuNjIxLTUuNTU0LTIxLjgwNC0zLjc4OC0yOS40MzcgNC4yODItMjYuMzYgMjcuODY3LTQ2LjMyMSA2MS44NDctNTcuNTM1IDk5LjU5NS0zLjE0OSAxMC41OTkgMS40NyAyMS45NzIgMTEuMDQ2IDI3LjUwMWwzMi42MSAxOC44MjdhMTk1LjE3IDE5NS4xNyAwIDAgMCAwIDQ4Ljg5OWwtMzIuNjEgMTguODI3Yy05LjU3NiA1LjUyOC0xNC4xOTUgMTYuOTAyLTExLjA0NiAyNy41MDEgMTEuMjE0IDM3Ljc0OCAzMS4xNzUgNzEuNzI4IDU3LjUzNSA5OS41OTUgNy42MzQgOC4wNyAxOS44MTcgOS44MzYgMjkuNDM3IDQuMjgzbDMyLjU2Mi0xOC43OThhMTk0LjA4IDE5NC4wOCAwIDAgMCA0Mi4zMzkgMjQuNDc5djM3LjYxNGMwIDExLjEzIDcuNjUyIDIwLjgwNCAxOC40ODQgMjMuMzY3IDM3LjY0NSA4LjkwOSA3Ny4xMTggOC45MSAxMTQuNzcgMCAxMC44MzEtMi41NjMgMTguNDg0LTEyLjIzNiAxOC40ODQtMjMuMzY3di0zNy42MTRhMTk0LjE0IDE5NC4xNCAwIDAgMCA0Mi4zMzktMjQuNDc5bDMyLjU2MiAxOC43OThjOS42MiA1LjU1NCAyMS44MDMgMy43ODggMjkuNDM3LTQuMjgzIDI2LjM2LTI3Ljg2NyA0Ni4zMjEtNjEuODQ3IDU3LjUzNS05OS41OTUgMy4xNDktMTAuNTk5LTEuNDctMjEuOTcyLTExLjA0Ni0yNy41MDF6bS02NS40NzkgMTAwLjQ2LTQ2LjMwOS0yNi43NGMtMjYuOTg4IDIzLjA3MS0zNi41NTkgMjguODc2LTcxLjAzOSA0MS4wNTl2NTMuNDc5YTIxNy4xNCAyMTcuMTQgMCAwIDEtODcuNzM4IDB2LTUzLjQ3OWMtMzMuNjIxLTExLjg3OS00My4zNTUtMTcuMzk1LTcxLjAzOS00MS4wNTlsLTQ2LjMwOSAyNi43NGMtMTkuNzEtMjIuMDktMzQuNjg5LTQ3Ljk4OS00My45MjktNzUuOTU4bDQ2LjMyOS0yNi43NGMtNi41MzUtMzUuNDE3LTYuNTM4LTQ2LjY0NCAwLTgyLjA3OWwtNDYuMzI5LTI2Ljc0YzkuMjQtMjcuOTY5IDI0LjIyLTUzLjg2OSA0My45MjktNzUuOTY5bDQ2LjMwOSAyNi43NmMyNy4zNzctMjMuNDM0IDM3LjA2My0yOS4wNjUgNzEuMDM5LTQxLjA2OXYtNTMuNDc4YTIxNi43OSAyMTYuNzkgMCAwIDEgODcuNzM4IDB2NTMuNDc5YzMzLjk3OCAxMi4wMDUgNDMuNjY1IDE3LjYzNyA3MS4wMzkgNDEuMDY5bDQ2LjMwOS0yNi43NmMxOS43MDkgMjIuMDk5IDM0LjY4OSA0Ny45OTkgNDMuOTI5IDc1Ljk2OWwtNDYuMzI5IDI2Ljc0YzYuNTM2IDM1LjQyNiA2LjUzOCA0Ni42NDQgMCA4Mi4wNzlsNDYuMzI5IDI2Ljc0Yy05LjI0IDI3Ljk2OC0yNC4yMTkgNTMuODY4LTQzLjkyOSA3NS45NTd6bS0xNjEuMjItMjM5Ljc0Yy01Mi45MzUgMC05NiA0My4wNjUtOTYgOTZzNDMuMDY1IDk2IDk2IDk2IDk2LTQzLjA2NSA5Ni05Ni00My4wNjUtOTYtOTYtOTZ6bTAgMTYwYy0zNS4yOSAwLTY0LTI4LjcxLTY0LTY0czI4LjcxLTY0IDY0LTY0IDY0IDI4LjcxIDY0IDY0LTI4LjcxIDY0LTY0IDY0eiIgc3R5bGU9ImZpbGw6I2ZmZmZmZiIvPjwvc3ZnPg");
}
body.portal main div.portal-menu .portal-menuitem > div {
  position: absolute;
  bottom: 0;
  height: 40px;
  line-height: 40px;
  width: 100%;
  text-align: center;
  font-size: 1.3rem;
  font-weight: bold;
  color: #fff;
}
body.portal main div.portal-menu .portal-menuitem:hover, body.portal main div.portal-menu .portal-menuitem:focus {
  background-color: #7fb3d5;
}
body.register main ul.zone-index {
  display: inline-block;
}
body.register main ul.zone-index li {
  display: inline-block;
  margin-right: 5px;
}
body.register main ul.zone-index li button {
  margin: 5px 0;
}
body.scan main {
  background: #34495e;
}
body.scan main div.container.bg-white {
  background: #fff;
}
body.scan main div.container div.loading-overlay.is-active.ui-success div.loading-background {
  background: #52be80;
}
body.scan main div.container div.loading-overlay.is-active.ui-success.blue div.loading-background {
  background: #7fb3d5;
}
body.scan main div.container div.loading-overlay.is-active.ui-success.brown div.loading-background {
  background: #d98880;
}
body.scan main div.container div.loading-overlay.is-active.ui-success.purple div.loading-background {
  background: #bb8fce;
}
body.scan main div.container div.loading-overlay.is-active.ui-success h2 {
  max-width: 60%;
  margin: 0 auto;
  font-size: 2rem;
  color: #fff;
  z-index: 999;
  text-align: center;
}
body.scan main div.container div.loading-overlay.is-active.ui-error div.loading-background {
  background: #c70039;
}
body.scan main div.container div.loading-overlay.is-active.ui-error h2 {
  max-width: 60%;
  margin: 0 auto;
  font-size: 2rem;
  color: #fff;
  z-index: 999;
  text-align: center;
}
body.scan main div.camera-field-wrapper {
  height: 150px;
  width: auto;
  margin-bottom: 10px;
}
body.scan main div.search-field-wrapper {
  display: grid;
  grid-template-columns: 1fr 50px;
  grid-gap: 10px;
}
body.scan main div.search-field-wrapper button {
  padding: 2px 6px;
}
body.scan main div.search-field-wrapper button span {
  display: block;
  width: 100%;
  height: 100%;
}
body.scan main div.search-field-wrapper button span div.keyboard-icon {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #34495e;
}
body.scan main ul li.validation-result {
  color: #fff;
  margin-bottom: 5px;
  border: none;
  cursor: pointer;
  transition: all 0.3s;
  border-radius: 4px;
  padding: 5px 10px;
  background-color: rgba(255, 255, 255, 0.1);
}
body.scan main ul li.validation-result.default.valid {
  background-color: #52be80;
}
body.scan main ul li.validation-result.blue.valid {
  background-color: #7fb3d5;
}
body.scan main ul li.validation-result.brown.valid {
  background-color: #d98880;
}
body.scan main ul li.validation-result.purple.valid {
  background-color: #bb8fce;
}
body.scan main ul li.validation-result.used {
  background-color: #c70039;
}
body.scan main ul li.validation-result.invalid {
  background-color: #c70039;
}
body.scan main ul li.validation-result strong {
  color: #fff;
}
body.scan main h3.device-name {
  margin: 0;
  padding: 0 15px;
  height: 30px;
  line-height: 30px;
  color: #fff;
}
body.search main ul li.search-result {
  color: #fff;
  border-radius: 4px;
  padding: 5px 10px;
  margin-bottom: 5px;
  border: none;
  cursor: pointer;
}
body.search main ul li.search-result.enabled {
  background-color: #52be80;
}
body.search main ul li.search-result.disabled {
  background-color: #c70039;
}
body.search main ul li.search-result strong {
  color: #fff;
}
body.search main ul li.search-result > div.client-name {
  font-weight: bold;
}
body.search main ul li.search-result:hover, body.search main ul li.search-result:focus {
  background-color: #F39C12;
}
body.settings main ul.zone-index {
  display: inline-block;
}
body.settings main ul.zone-index li {
  display: inline-block;
  margin-right: 5px;
}
body.settings main ul.zone-index li button {
  margin: 5px 0;
}
body.stats main ul li.stat-item {
  padding-top: 10px;
  margin-top: 15px;
  border-top: 1px solid #ccc;
}
body.stats main ul li.stat-item div.product-title {
  font-weight: bold;
  margin: 0;
  padding: 0;
}
body.stats main ul li.stat-item div.product-numbers {
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
body.stats main ul li.stat-item div.product-numbers > div {
  font-size: 0.9rem;
}
body.stats main ul li.stat-item div.product-numbers > div.used {
  justify-self: start;
}
body.stats main ul li.stat-item div.product-numbers > div.available {
  justify-self: end;
  text-align: right;
}