.ui-navigation-drawer__content {
  height: 100%; }

.ui-navigation-drawer .app-menu {
  overflow: auto; }
  .ui-navigation-drawer .app-menu__routes a.active {
    background-color: #4d76f1;
    color: #fff; }

.ui-navigation-drawer a {
  text-decoration: none; }
  .ui-navigation-drawer a:hover {
    background-color: #f2f2f2; }

html,
body {
  margin: 0;
  padding: 0;
  width: 100%;
  background-color: #f2f2f2;
  font-family: 'Barlow'; }

html {
  height: 100%;
  overflow-x: hidden; }

body {
  overflow: hidden;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  /**
   * Flex is needed to make following work:
   * Container should has a min-height of 100% if content is lower than view-height
   * but keep the scroll functionality
   **/
  display: flex;
  min-height: 100%; }

body > .application-view {
  width: 100%; }

.main {
  width: 100%;
  height: 100%;
  position: relative; }

.ui-navigation-drawer__content.nav-drawer-is-hidden {
  padding-left: 0; }

:not(.ui-checkbox__box) > svg {
  fill: currentColor; }

/* for html content */
p,
a {
  font-size: inherit;
  line-height: inherit; }

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  /* 1hr */
  transition: background-color 3600s ease-in-out 0s, color 3600s ease-in-out 0s; }

#mm-fullscreen-view-container > * {
  z-index: 201; }

#ui-dialog-wrapper > * {
  z-index: 201; }

.redeemed,
.paid {
  color: #46ae74; }

.canceled {
  color: #eb5a61; }

.ordered {
  color: rgba(143, 158, 164, 0.6); }

.issued,
.gift {
  color: #e1c46c; }

.options-container {
  z-index: 202 !important; }