.grid {
  display: grid;
}
.grid.cols-auto-fit {
  grid-template-columns: repeat(auto-fit, minmax(0, auto));
}
.grid.rows-auto-fit {
  grid-template-rows: repeat(auto-fit, minmax(0, auto));
}
.grid.cols-auto-fill {
  grid-template-columns: repeat(auto-fill, minmax(0, auto));
}
.grid.rows-auto-fill {
  grid-template-rows: repeat(auto-fill, minmax(0, auto));
}
.grid.align-content-normal {
  align-content: normal;
}
.grid.align-content-start {
  align-content: start;
}
.grid.align-content-end {
  align-content: end;
}
.grid.align-content-center {
  align-content: center;
}
.grid.align-content-stretch {
  align-content: stretch;
}
.grid.align-content-space-around {
  align-content: space-around;
}
.grid.align-content-space-between {
  align-content: space-between;
}
.grid.align-content-space-evenly {
  align-content: space-evenly;
}
.grid.align-content-baseline {
  align-content: baseline;
}
.grid.align-content-first {
  align-content: first;
}
.grid.align-content-baseline {
  align-content: baseline;
}
.grid.align-content-last {
  align-content: last;
}
.grid.align-content-baseline {
  align-content: baseline;
}
.grid.justify-content-normal {
  justify-content: normal;
}
.grid.justify-content-start {
  justify-content: start;
}
.grid.justify-content-end {
  justify-content: end;
}
.grid.justify-content-center {
  justify-content: center;
}
.grid.justify-content-stretch {
  justify-content: stretch;
}
.grid.justify-content-space-around {
  justify-content: space-around;
}
.grid.justify-content-space-between {
  justify-content: space-between;
}
.grid.justify-content-space-evenly {
  justify-content: space-evenly;
}
.grid.justify-content-baseline {
  justify-content: baseline;
}
.grid.justify-content-first {
  justify-content: first;
}
.grid.justify-content-baseline {
  justify-content: baseline;
}
.grid.justify-content-last {
  justify-content: last;
}
.grid.justify-content-baseline {
  justify-content: baseline;
}
.grid.align-items-auto {
  align-items: auto;
}
.grid.align-items-normal {
  align-items: normal;
}
.grid.align-items-start {
  align-items: start;
}
.grid.align-items-end {
  align-items: end;
}
.grid.align-items-center {
  align-items: center;
}
.grid.align-items-stretch {
  align-items: stretch;
}
.grid.align-items-baseline {
  align-items: baseline;
}
.grid.align-items-first {
  align-items: first;
}
.grid.align-items-baseline {
  align-items: baseline;
}
.grid.align-items-last {
  align-items: last;
}
.grid.align-items-baseline {
  align-items: baseline;
}
.grid.justify-items-auto {
  justify-items: auto;
}
.grid.justify-items-normal {
  justify-items: normal;
}
.grid.justify-items-start {
  justify-items: start;
}
.grid.justify-items-end {
  justify-items: end;
}
.grid.justify-items-center {
  justify-items: center;
}
.grid.justify-items-stretch {
  justify-items: stretch;
}
.grid.justify-items-baseline {
  justify-items: baseline;
}
.grid.justify-items-first {
  justify-items: first;
}
.grid.justify-items-baseline {
  justify-items: baseline;
}
.grid.justify-items-last {
  justify-items: last;
}
.grid.justify-items-baseline {
  justify-items: baseline;
}
.grid > .align-self-auto {
  align-self: auto;
}
.grid > .align-self-normal {
  align-self: normal;
}
.grid > .align-self-start {
  align-self: start;
}
.grid > .align-self-end {
  align-self: end;
}
.grid > .align-self-center {
  align-self: center;
}
.grid > .align-self-stretch {
  align-self: stretch;
}
.grid > .align-self-baseline {
  align-self: baseline;
}
.grid > .align-self-first {
  align-self: first;
}
.grid > .align-self-baseline {
  align-self: baseline;
}
.grid > .align-self-last {
  align-self: last;
}
.grid > .align-self-baseline {
  align-self: baseline;
}
.grid > .justify-self-auto {
  justify-self: auto;
}
.grid > .justify-self-normal {
  justify-self: normal;
}
.grid > .justify-self-start {
  justify-self: start;
}
.grid > .justify-self-end {
  justify-self: end;
}
.grid > .justify-self-center {
  justify-self: center;
}
.grid > .justify-self-stretch {
  justify-self: stretch;
}
.grid > .justify-self-baseline {
  justify-self: baseline;
}
.grid > .justify-self-first {
  justify-self: first;
}
.grid > .justify-self-baseline {
  justify-self: baseline;
}
.grid > .justify-self-last {
  justify-self: last;
}
.grid > .justify-self-baseline {
  justify-self: baseline;
}
.grid.gap-4 {
  gap: 4px;
}
.grid.col-gap-4 {
  column-gap: 4px;
}
.grid.row-gap-4 {
  row-gap: 4px;
}
.grid.gap-8 {
  gap: 8px;
}
.grid.col-gap-8 {
  column-gap: 8px;
}
.grid.row-gap-8 {
  row-gap: 8px;
}
.grid.gap-12 {
  gap: 12px;
}
.grid.col-gap-12 {
  column-gap: 12px;
}
.grid.row-gap-12 {
  row-gap: 12px;
}
.grid.gap-16 {
  gap: 16px;
}
.grid.col-gap-16 {
  column-gap: 16px;
}
.grid.row-gap-16 {
  row-gap: 16px;
}
.grid.gap-20 {
  gap: 20px;
}
.grid.col-gap-20 {
  column-gap: 20px;
}
.grid.row-gap-20 {
  row-gap: 20px;
}
.grid.gap-28 {
  gap: 28px;
}
.grid.col-gap-28 {
  column-gap: 28px;
}
.grid.row-gap-28 {
  row-gap: 28px;
}
.grid.gap-36 {
  gap: 36px;
}
.grid.col-gap-36 {
  column-gap: 36px;
}
.grid.row-gap-36 {
  row-gap: 36px;
}
.grid.gap-48 {
  gap: 48px;
}
.grid.col-gap-48 {
  column-gap: 48px;
}
.grid.row-gap-48 {
  row-gap: 48px;
}
.grid.gap-72 {
  gap: 72px;
}
.grid.col-gap-72 {
  column-gap: 72px;
}
.grid.row-gap-72 {
  row-gap: 72px;
}
.grid.cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid.rows-2 {
  grid-template-rows: repeat(2, 1fr);
}
.grid.cols-auto-2 {
  grid-template-columns: repeat(2, minmax(0, auto));
}
.grid.rows-auto-2 {
  grid-template-rows: repeat(2, auto);
}
.grid .col-span-2 {
  grid-column: span 2;
}
.grid .row-span-2 {
  grid-row: span 2;
}
.grid.cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid.rows-3 {
  grid-template-rows: repeat(3, 1fr);
}
.grid.cols-auto-3 {
  grid-template-columns: repeat(3, minmax(0, auto));
}
.grid.rows-auto-3 {
  grid-template-rows: repeat(3, auto);
}
.grid .col-span-3 {
  grid-column: span 3;
}
.grid .row-span-3 {
  grid-row: span 3;
}
.grid.cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid.rows-4 {
  grid-template-rows: repeat(4, 1fr);
}
.grid.cols-auto-4 {
  grid-template-columns: repeat(4, minmax(0, auto));
}
.grid.rows-auto-4 {
  grid-template-rows: repeat(4, auto);
}
.grid .col-span-4 {
  grid-column: span 4;
}
.grid .row-span-4 {
  grid-row: span 4;
}
.grid.cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.grid.rows-5 {
  grid-template-rows: repeat(5, 1fr);
}
.grid.cols-auto-5 {
  grid-template-columns: repeat(5, minmax(0, auto));
}
.grid.rows-auto-5 {
  grid-template-rows: repeat(5, auto);
}
.grid .col-span-5 {
  grid-column: span 5;
}
.grid .row-span-5 {
  grid-row: span 5;
}
.grid.cols-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.grid.rows-6 {
  grid-template-rows: repeat(6, 1fr);
}
.grid.cols-auto-6 {
  grid-template-columns: repeat(6, minmax(0, auto));
}
.grid.rows-auto-6 {
  grid-template-rows: repeat(6, auto);
}
.grid .col-span-6 {
  grid-column: span 6;
}
.grid .row-span-6 {
  grid-row: span 6;
}
.grid.cols-7 {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}
.grid.rows-7 {
  grid-template-rows: repeat(7, 1fr);
}
.grid.cols-auto-7 {
  grid-template-columns: repeat(7, minmax(0, auto));
}
.grid.rows-auto-7 {
  grid-template-rows: repeat(7, auto);
}
.grid .col-span-7 {
  grid-column: span 7;
}
.grid .row-span-7 {
  grid-row: span 7;
}
.grid.cols-8 {
  grid-template-columns: repeat(8, minmax(0, 1fr));
}
.grid.rows-8 {
  grid-template-rows: repeat(8, 1fr);
}
.grid.cols-auto-8 {
  grid-template-columns: repeat(8, minmax(0, auto));
}
.grid.rows-auto-8 {
  grid-template-rows: repeat(8, auto);
}
.grid .col-span-8 {
  grid-column: span 8;
}
.grid .row-span-8 {
  grid-row: span 8;
}
.grid.auto-flow-col {
  grid-auto-flow: column;
}
@media (min-width: 1200px) {
  .grid .col-span-xl-1 {
    grid-column: span 1;
  }
  .grid .col-span-xl-2 {
    grid-column: span 2;
  }
  .grid .col-span-xl-3 {
    grid-column: span 3;
  }
  .grid .col-span-xl-4 {
    grid-column: span 4;
  }
  .grid .col-span-xl-5 {
    grid-column: span 5;
  }
  .grid .col-span-xl-6 {
    grid-column: span 6;
  }
  .grid .col-span-xl-7 {
    grid-column: span 7;
  }
  .grid .col-span-xl-8 {
    grid-column: span 8;
  }
}
a {
  color: #06c;
  outline-color: #307abb;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
a.disabled {
  color: rgba(32, 33, 37, 0.79);
  pointer-events: none;
}
a[target="_blank"]:not(.no-target-icon)::after {
  content: "\f08e";
  font-family: "Font Awesome 6 Pro";
}
a[target="_blank"]:not(.no-target-icon).vui-btn::after {
  margin-left: 6px;
}
a[target="_blank"]:not(.no-target-icon):not(.vui-btn)::after {
  font-size: 0.875em;
  margin-left: 0.375em;
}
@keyframes vui-keyframes-flash {
  from,
  to {
    opacity: 1;
  }
  50% {
    opacity: 0.6;
  }
}
@keyframes vui-keyframes-slide-in-down {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0%);
  }
}
.vui-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: scroll;
  background-color: rgba(0, 0, 0, 0.54);
  z-index: 10;
}
.vui-backdrop.transparent {
  background-color: transparent;
}
.badge {
  background-color: rgba(0, 0, 0, 0.12);
  padding: 1px 5px;
  border-radius: 4px;
  font-size: 0.75rem;
  font-weight: normal;
  white-space: nowrap;
}
.badge:not(.align-self-center) {
  position: relative;
  top: -1px;
}
.badge.check {
  color: #38971d;
  background-color: #d2f5c8;
}
.badge.check::after {
  content: "\f00c";
  font-family: "Font Awesome 6 Pro";
  margin-left: 6px;
}
.badge.xmark {
  color: #cc0329;
  background-color: #fedae1;
}
.badge.xmark::after {
  content: "\f00d";
  font-family: "Font Awesome 6 Pro";
  margin-left: 6px;
}
.badge.shield {
  color: #087ebe;
  background-color: #e1f3fe;
}
.badge.shield::after {
  content: "\f2f7";
  font-family: "Font Awesome 6 Pro";
  margin-left: 6px;
}
.badge.eye {
  color: #087ebe;
  background-color: #e1f3fe;
}
.badge.eye::after {
  content: "\f06e";
  font-family: "Font Awesome 6 Pro";
  margin-left: 6px;
}
.badge.cubes {
  color: #af8000;
  background-color: #fff2cd;
}
.badge.cubes::after {
  content: "\f1b3";
  font-family: "Font Awesome 6 Pro";
  margin-left: 6px;
}
.badge.store {
  color: #b430d2;
  background-color: #f2def8;
}
.badge.store::after {
  content: "\f54e";
  font-family: "Font Awesome 6 Pro";
  margin-left: 6px;
}
.badge.right {
  margin-left: 6px;
}
label .badge,
legend .badge {
  margin-left: 6px;
}
a.vui-btn-fa-circle {
  text-decoration: none;
}
.vui-btn-fa-circle {
  color: rgba(32, 33, 37, 0.79);
  outline: none;
  border: none;
  border-radius: 50%;
  padding: 0;
  background-color: transparent;
  cursor: pointer;
}
.vui-btn-fa-circle:hover {
  opacity: 0.85;
}
.vui-btn-fa-circle:focus-visible {
  opacity: 0.85;
}
.vui-btn-fa-circle.disabled,
.vui-btn-fa-circle:disabled {
  color: #BDBDBD;
  pointer-events: none;
}
a.vui-btn {
  text-decoration: none;
  box-sizing: border-box;
}
.vui-btn {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  /* prevent flickering when clicking on element in iOS Safari */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
  position: relative;
  display: inline-block;
  color: #ffffff;
  background-color: #307abb;
  border: none;
  border-radius: 3px;
  padding: 6px 32px;
  font-weight: 500;
  line-height: 1.375;
  text-align: center;
  cursor: pointer;
}
.vui-btn:not(.round) {
  overflow: hidden;
}
.vui-btn:not(.elevated):not([target="_blank"])::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  background-color: transparent;
  background-position: center;
  transition: background 0.5s;
  border-radius: inherit;
}
.vui-btn:not(.elevated):not([target="_blank"]):hover::after {
  background-image: radial-gradient(circle, transparent 1%, rgba(255, 255, 255, 0.15) 1%);
  background-position: center;
  background-size: 15000%;
}
.vui-btn:not(.elevated):not([target="_blank"]):active::after {
  background-color: rgba(255, 255, 255, 0.15);
  background-size: 100%;
  transition: background 0s;
}
.vui-btn:not(.elevated):not([target="_blank"]):disabled::after {
  transition: none;
}
.vui-btn.elevated:focus-visible {
  box-shadow: 0 0 0 1px #307abb, 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.vui-btn:not(.elevated):focus-visible {
  box-shadow: 0 0 0 1px #307abb;
}
@supports not selector(:focus-visible) {
  .vui-btn:focus {
    box-shadow: 0 0 0 1px #307abb;
  }
}
.vui-btn.icon-left i {
  margin-left: -6px;
  margin-right: 6px;
}
.vui-btn.icon-right i {
  margin-left: 6px;
  margin-right: -6px;
}
.vui-btn.icon {
  padding-left: 16px;
  padding-right: 16px;
}
.vui-btn.text {
  color: rgba(32, 33, 37, 0.79);
  background-color: transparent;
}
.vui-btn.text:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.vui-btn.outlined {
  color: #307abb;
  background-color: transparent;
  border: 1px solid #307abb;
  padding-top: 5px;
  padding-bottom: 5px;
}
.vui-btn.on-dark {
  color: #ffffff;
  background-color: transparent;
}
.vui-btn.on-dark.outlined {
  border: 1px solid #ffffff;
}
.vui-btn.on-dark.outlined.elevated:focus-visible {
  box-shadow: 0 0 0 1px #ffffff, 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.vui-btn.on-dark.outlined:not(.elevated):focus-visible {
  box-shadow: 0 0 0 1px #ffffff;
}
@supports not selector(:focus-visible) {
  .vui-btn.on-dark.outlined:focus {
    box-shadow: 0 0 0 1px #ffffff;
  }
}
.vui-btn.on-dark.text:hover {
  opacity: 0.85;
}
.vui-btn.danger {
  background-color: #EF5350;
}
.vui-btn.danger.outlined {
  color: #EF5350;
  background-color: transparent;
  border-color: #EF5350;
}
.vui-btn.elevated {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.vui-btn.elevated:active:not(:disabled) {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.vui-btn.elevated:active:not(:disabled) i {
  transform: scale(0.98);
}
.vui-btn.elevated:active:not(:disabled) i.fa-flip-horizontal {
  transform: scaleX(-0.98) scaleY(0.98);
}
.vui-btn.pill {
  border-radius: 28px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.vui-btn.round {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: calc(2em + 2px);
  height: calc(2em + 2px);
  border-radius: 50%;
  padding: 0;
}
.vui-btn.round.large {
  width: 3.5em;
  height: 3.5em;
}
.vui-btn:hover:not(:disabled, .text) {
  opacity: 0.85;
}
.vui-btn:focus {
  outline: none;
}
.vui-btn.disabled,
.vui-btn:disabled {
  color: #EEEEEE;
  background-color: #BDBDBD;
  pointer-events: none;
}
.vui-btn.disabled.outlined,
.vui-btn:disabled.outlined {
  color: #BDBDBD;
  background-color: #F5F5F5;
  border: 1px solid #BDBDBD;
}
.vui-btn.disabled.text,
.vui-btn:disabled.text {
  color: #BDBDBD;
  background-color: transparent;
}
.vui-btn .busy {
  position: absolute;
  left: 0;
  right: 0;
}
.vui-calendar {
  --day-count: 7;
  --day-width: 114px;
  position: relative;
}
.vui-calendar > .header {
  grid-template-columns: 1fr auto;
  margin-bottom: 8px;
  margin-left: 62px;
}
.vui-calendar > .header.small {
  grid-template-columns: auto;
  justify-items: center;
  margin-bottom: 4px;
  gap: 8px;
}
.vui-calendar > .header.small > .date-container {
  order: 1;
}
.vui-calendar > .header.small > .date-container > .date {
  font-size: 1em;
}
.vui-calendar > .header.small > .date-container > .date.today {
  color: #fff;
  background-color: #EF5350;
}
.vui-calendar > .header.small > .date-container > .date > .day {
  display: inline-block;
}
.vui-calendar > .header.small > .date-container > .date > .day::first-letter {
  text-transform: capitalize;
}
.vui-calendar > .header.small > .date-container > .vui-date-picker {
  left: 50%;
  transform: translateX(-50%);
}
.vui-calendar > .header > .buttons > .vui-btn {
  padding-left: 16px;
  padding-right: 16px;
}
.vui-calendar > .header > .date-container {
  position: relative;
}
.vui-calendar > .header > .date-container > .date {
  font-size: 1.5em;
  font-weight: normal;
  padding: 0 8px;
  color: rgba(0, 0, 0, 0.72);
}
.vui-calendar > .header > .date-container > .date > .month {
  display: inline-block;
  font-weight: bold;
  margin-right: 8px;
}
.vui-calendar > .header > .date-container > .date > .month::first-letter {
  text-transform: capitalize;
}
.vui-calendar > .header > .date-container > .date > i {
  margin-left: 6px;
}
.vui-calendar > .header > .date-container > .vui-date-picker {
  position: absolute;
  width: 250px;
  z-index: 11;
}
.vui-calendar > .days {
  grid-template-columns: repeat(var(--day-count), var(--day-width));
  margin-bottom: 4px;
  margin-left: 62px;
}
.vui-calendar > .days > .dow {
  text-align: center;
  white-space: nowrap;
}
.vui-calendar > .days > .dow::first-letter {
  text-transform: capitalize;
}
.vui-calendar > .days > .dow.today {
  color: #fff;
  background-color: #EF5350;
  padding: 0 6px;
  border-radius: 4px;
}
.vui-calendar > .content {
  position: relative;
  overflow-y: scroll;
  max-height: calc(var(--vh) - 170px);
  padding-top: 8px;
  grid-template-columns: calc(62px - 4px) auto;
}
.vui-calendar > .content > .hours {
  grid-template-rows: repeat(24, 60px);
  margin-top: -8px;
  font-size: 0.75em;
  white-space: nowrap;
}
.vui-calendar > .content > .timegrid {
  position: relative;
  z-index: 0;
  width: calc(var(--day-count) * var(--day-width) + 1px);
  height: 1441px;
  background-image: linear-gradient(to right, #e5e5e5 1px, transparent 1px), linear-gradient(to bottom, #e5e5e5 0 1px, transparent 1px 30px, #f7f7f7 30px 31px, transparent 31px 60px);
  background-size: var(--day-width) 60px;
}
.vui-calendar > .content > .timegrid > .event > .element {
  width: calc(var(--day-width) - 1px);
  position: absolute;
  font-size: 12px;
  line-height: 14px;
  padding-right: 6px;
  padding-left: 6px;
  box-sizing: border-box;
  cursor: pointer;
  transition: top 0.5s ease-in-out, left 0.5s ease-in-out, height 0.5s ease-in-out;
  overflow: hidden;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  /* prevent flickering when clicking on element in iOS Safari */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}
.vui-calendar > .content > .timegrid > .event > .element.host {
  color: #087ebe;
  background-color: rgba(136, 210, 250, 0.5);
  box-shadow: inset 3px 0 #3fb6f7;
}
.vui-calendar > .content > .timegrid > .event > .element.host.active {
  animation: 1.3s ease-in-out infinite vui-keyframes-flash;
  color: #fff;
  background-color: #3fb6f7;
}
.vui-calendar > .content > .timegrid > .event > .element.host.active:hover {
  background-color: #4ebcf8;
}
.vui-calendar > .content > .timegrid > .event > .element.host:hover {
  z-index: 2147483647 !important;
}
.vui-calendar > .content > .timegrid > .event > .element.host:hover:not(.private, .pending) {
  background-color: #e1f3fe;
}
.vui-calendar > .content > .timegrid > .event > .element.client {
  color: #7e3194;
  background-color: rgba(210, 161, 224, 0.5);
  box-shadow: inset 3px 0 #b768cd;
}
.vui-calendar > .content > .timegrid > .event > .element.client.active {
  animation: 1.3s ease-in-out infinite vui-keyframes-flash;
  color: #fff;
  background-color: #b768cd;
}
.vui-calendar > .content > .timegrid > .event > .element.client.active:hover {
  background-color: #bc73d1;
}
.vui-calendar > .content > .timegrid > .event > .element.client:hover {
  z-index: 2147483647 !important;
}
.vui-calendar > .content > .timegrid > .event > .element.client:hover:not(.private, .pending) {
  background-color: #f3e6f7;
}
.vui-calendar > .content > .timegrid > .event > .element.guest {
  color: #38971d;
  background-color: rgba(158, 232, 136, 0.5);
  box-shadow: inset 3px 0 #69dc48;
}
.vui-calendar > .content > .timegrid > .event > .element.guest.active {
  animation: 1.3s ease-in-out infinite vui-keyframes-flash;
  color: #fff;
  background-color: #69dc48;
}
.vui-calendar > .content > .timegrid > .event > .element.guest.active:hover {
  background-color: #74de55;
}
.vui-calendar > .content > .timegrid > .event > .element.guest:hover {
  z-index: 2147483647 !important;
}
.vui-calendar > .content > .timegrid > .event > .element.guest:hover:not(.private, .pending) {
  background-color: #ddf7d5;
}
.vui-calendar > .content > .timegrid > .event > .element.userevent {
  color: #bc5902;
  background-color: rgba(254, 185, 125, 0.5);
  box-shadow: inset 3px 0 #fd9031;
}
.vui-calendar > .content > .timegrid > .event > .element.userevent.active {
  animation: 1.3s ease-in-out infinite vui-keyframes-flash;
  color: #fff;
  background-color: #fd9031;
}
.vui-calendar > .content > .timegrid > .event > .element.userevent.active:hover {
  background-color: #fd9840;
}
.vui-calendar > .content > .timegrid > .event > .element.userevent:hover {
  z-index: 2147483647 !important;
}
.vui-calendar > .content > .timegrid > .event > .element.userevent:hover:not(.private, .pending) {
  background-color: #ffead8;
}
.vui-calendar > .content > .timegrid > .event > .element.orgevent {
  color: #c28f01;
  background-color: rgba(254, 221, 129, 0.5);
  box-shadow: inset 3px 0 #fec935;
}
.vui-calendar > .content > .timegrid > .event > .element.orgevent.active {
  animation: 1.3s ease-in-out infinite vui-keyframes-flash;
  color: #fff;
  background-color: #fec935;
}
.vui-calendar > .content > .timegrid > .event > .element.orgevent.active:hover {
  background-color: #fecd44;
}
.vui-calendar > .content > .timegrid > .event > .element.orgevent:hover {
  z-index: 2147483647 !important;
}
.vui-calendar > .content > .timegrid > .event > .element.orgevent:hover:not(.private, .pending) {
  background-color: #fff6dc;
}
.vui-calendar > .content > .timegrid > .event > .element.private {
  color: #505050;
  background-color: rgba(174, 174, 174, 0.5);
  box-shadow: inset 3px 0 #888;
}
.vui-calendar > .content > .timegrid > .event > .element.private.active {
  animation: 1.3s ease-in-out infinite vui-keyframes-flash;
  color: #fff;
  background-color: #888;
}
.vui-calendar > .content > .timegrid > .event > .element.private.active:hover {
  background-color: #909090;
}
.vui-calendar > .content > .timegrid > .event > .element.private:hover {
  z-index: 2147483647 !important;
}
.vui-calendar > .content > .timegrid > .event > .element.private:hover:not(.private, .pending) {
  background-color: #dcdcdc;
}
.vui-calendar > .content > .timegrid > .event > .element.ext {
  color: #505050;
  background-color: rgba(174, 174, 174, 0.5);
  box-shadow: inset 3px 0 #888;
}
.vui-calendar > .content > .timegrid > .event > .element.ext.active {
  animation: 1.3s ease-in-out infinite vui-keyframes-flash;
  color: #fff;
  background-color: #888;
}
.vui-calendar > .content > .timegrid > .event > .element.ext.active:hover {
  background-color: #909090;
}
.vui-calendar > .content > .timegrid > .event > .element.ext:hover {
  z-index: 2147483647 !important;
}
.vui-calendar > .content > .timegrid > .event > .element.ext:hover:not(.private, .pending) {
  background-color: #dcdcdc;
}
.vui-calendar > .content > .timegrid > .event > .element.private {
  background-image: repeating-linear-gradient(-45deg, #88888830 0, #88888830 1px, transparent 0, transparent 50%);
  background-size: 10px 10px;
}
.vui-calendar > .content > .timegrid > .event > .element.pending {
  opacity: 0.6;
  background-image: repeating-linear-gradient(-45deg, #fff 0, #fff 1px, transparent 0, transparent 50%);
  background-size: 10px 10px;
}
.vui-calendar > .content > .timegrid > .event > .element.private,
.vui-calendar > .content > .timegrid > .event > .element.pending,
.vui-calendar > .content > .timegrid > .event > .element.ext {
  pointer-events: none;
}
.vui-calendar > .content > .timegrid > .event > .element.first {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.vui-calendar > .content > .timegrid > .event > .element.first.short > .time {
  display: none;
}
.vui-calendar > .content > .timegrid > .event > .element.first.short:hover > .time {
  display: inline;
}
.vui-calendar > .content > .timegrid > .event > .element.first.short:hover > .title {
  display: none;
}
.vui-calendar > .content > .timegrid > .event > .element.last {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.vui-calendar > .content > .timegrid > .event > .element > * {
  pointer-events: none;
}
.vui-calendar > .content > .timegrid > .event > .element > .title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  word-break: break-word;
  overflow: hidden;
  font-weight: bold;
}
.vui-calendar > .content > .timegrid > .event > .element > .icon {
  float: right;
  line-height: inherit;
}
.vui-calendar > .content > .timeline {
  grid-template-columns: calc(62px - 4px) auto;
  position: absolute;
  height: 16px;
  pointer-events: none;
}
.vui-calendar > .content > .timeline > .time {
  color: #EF5350;
  background-color: #fff;
  font-size: 0.75em;
  text-align: right;
  white-space: nowrap;
}
.vui-calendar > .content > .timeline > .line {
  width: calc(var(--day-count) * var(--day-width) + 1px);
  height: 1px;
  background-color: #ff0000A0;
}
.vui-calendar > .content > .timeline > .line > .day-mark {
  position: absolute;
  top: 2px;
  padding: 5px;
  border: 1px solid #fff;
  background-color: #EF5350;
  border-radius: 50%;
  transform: translateX(calc(62px - 4px));
}
.vui-calendar > .loading {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.6);
}
.card {
  box-shadow: rgba(32, 33, 37, 0.1) 0px 0px 16px 0px;
  padding: 20px;
  border-radius: 4px;
}
.card.hover {
  transition: all 0.2s ease-in-out;
}
.card.hover:hover {
  transform: scale(1.01);
  box-shadow: rgba(32, 33, 37, 0.05) 0px 0px 16px 8px;
}
.card-8-12 {
  box-shadow: rgba(32, 33, 37, 0.1) 0px 0px 16px 0px;
  padding: 8px 12px;
  border-radius: 4px;
}
.card-8-12.hover {
  transition: all 0.2s ease-in-out;
}
.card-8-12.hover:hover {
  transform: scale(1.01);
  box-shadow: rgba(32, 33, 37, 0.05) 0px 0px 16px 8px;
}
.card-8 {
  box-shadow: rgba(32, 33, 37, 0.1) 0px 0px 16px 0px;
  padding: 8px;
  border-radius: 4px;
}
.card-8.hover {
  transition: all 0.2s ease-in-out;
}
.card-8.hover:hover {
  transform: scale(1.01);
  box-shadow: rgba(32, 33, 37, 0.05) 0px 0px 16px 8px;
}
.card-16 {
  box-shadow: rgba(32, 33, 37, 0.1) 0px 0px 16px 0px;
  padding: 16px;
  border-radius: 4px;
}
.card-16.hover {
  transition: all 0.2s ease-in-out;
}
.card-16.hover:hover {
  transform: scale(1.01);
  box-shadow: rgba(32, 33, 37, 0.05) 0px 0px 16px 8px;
}
.card-24 {
  box-shadow: rgba(32, 33, 37, 0.1) 0px 0px 16px 0px;
  padding: 24px;
  border-radius: 4px;
}
.card-24.hover {
  transition: all 0.2s ease-in-out;
}
.card-24.hover:hover {
  transform: scale(1.01);
  box-shadow: rgba(32, 33, 37, 0.05) 0px 0px 16px 8px;
}
.vui-checkbox,
.vui-radio:not(.vui-radio-custom) {
  display: inline-flex;
  color: rgba(0, 0, 0, 0.54);
  width: fit-content;
}
.vui-checkbox .label,
.vui-radio:not(.vui-radio-custom) .label {
  cursor: pointer;
  padding-left: 6px;
}
.vui-checkbox .badge,
.vui-radio:not(.vui-radio-custom) .badge {
  align-self: flex-end;
}
.vui-checkbox input[type="checkbox"],
.vui-radio:not(.vui-radio-custom) input[type="checkbox"],
.vui-checkbox input[type="radio"],
.vui-radio:not(.vui-radio-custom) input[type="radio"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 1.25em;
  height: 1.25em;
  background-color: #fff;
  border: 1px solid #BDBDBD;
  cursor: pointer;
}
.vui-checkbox input[type="checkbox"]:checked,
.vui-radio:not(.vui-radio-custom) input[type="checkbox"]:checked,
.vui-checkbox input[type="radio"]:checked,
.vui-radio:not(.vui-radio-custom) input[type="radio"]:checked {
  background-color: #307abb;
  border-color: #307abb;
}
.vui-checkbox input[type="checkbox"]:focus-visible,
.vui-radio:not(.vui-radio-custom) input[type="checkbox"]:focus-visible,
.vui-checkbox input[type="radio"]:focus-visible,
.vui-radio:not(.vui-radio-custom) input[type="radio"]:focus-visible {
  border-color: #fff;
  box-shadow: 0 0 0 2px #307abb;
}
.vui-checkbox input[type="checkbox"]:disabled,
.vui-radio:not(.vui-radio-custom) input[type="checkbox"]:disabled,
.vui-checkbox input[type="radio"]:disabled,
.vui-radio:not(.vui-radio-custom) input[type="radio"]:disabled {
  cursor: default;
  background-color: #F5F5F5;
}
.vui-checkbox input[type="checkbox"]:disabled + .label,
.vui-radio:not(.vui-radio-custom) input[type="checkbox"]:disabled + .label,
.vui-checkbox input[type="radio"]:disabled + .label,
.vui-radio:not(.vui-radio-custom) input[type="radio"]:disabled + .label {
  cursor: default;
}
.vui-checkbox input[type="checkbox"]:disabled:checked,
.vui-radio:not(.vui-radio-custom) input[type="checkbox"]:disabled:checked,
.vui-checkbox input[type="radio"]:disabled:checked,
.vui-radio:not(.vui-radio-custom) input[type="radio"]:disabled:checked {
  background-color: #BDBDBD;
  border: 1px solid #BDBDBD;
}
.vui-checkbox input[type="checkbox"],
.vui-radio:not(.vui-radio-custom) input[type="checkbox"] {
  border-radius: 3px;
}
.vui-checkbox input[type="checkbox"]:checked::before,
.vui-radio:not(.vui-radio-custom) input[type="checkbox"]:checked::before {
  content: "\f00c";
  font-family: "Font Awesome 6 Pro";
  font-size: 0.875em;
  font-weight: 900;
  line-height: 1;
  color: #fff;
  position: absolute;
}
.vui-checkbox input[type="checkbox"]:disabled:checked::before,
.vui-radio:not(.vui-radio-custom) input[type="checkbox"]:disabled:checked::before {
  color: #EEEEEE;
}
.vui-checkbox input[type="radio"],
.vui-radio:not(.vui-radio-custom) input[type="radio"] {
  border-radius: 50%;
}
.vui-checkbox input[type="radio"]:checked::before,
.vui-radio:not(.vui-radio-custom) input[type="radio"]:checked::before {
  content: "";
  width: 0.5em;
  height: 0.5em;
  border-radius: 50%;
  background-color: #fff;
}
.vui-checkbox input[type="radio"]:disabled:checked::before,
.vui-radio:not(.vui-radio-custom) input[type="radio"]:disabled:checked::before {
  background-color: #EEEEEE;
}
.vui-chip-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 16px;
}
.vui-chip {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  /* prevent flickering when clicking on element in iOS Safari */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
  position: relative;
  display: inline-block;
  color: #ffffff;
  background-color: #307abb;
  border: none;
  border-radius: 3px;
  padding: 6px 32px;
  font-weight: 500;
  text-align: center;
  cursor: pointer;
  border-radius: 28px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 6px 16px;
  box-sizing: border-box;
  line-height: 1.375;
}
.vui-chip:not(.round) {
  overflow: hidden;
}
.vui-chip:not(.elevated):not([target="_blank"])::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  background-color: transparent;
  background-position: center;
  transition: background 0.5s;
  border-radius: inherit;
}
.vui-chip:not(.elevated):not([target="_blank"]):hover::after {
  background-image: radial-gradient(circle, transparent 1%, rgba(255, 255, 255, 0.15) 1%);
  background-position: center;
  background-size: 15000%;
}
.vui-chip:not(.elevated):not([target="_blank"]):active::after {
  background-color: rgba(255, 255, 255, 0.15);
  background-size: 100%;
  transition: background 0s;
}
.vui-chip:not(.elevated):not([target="_blank"]):disabled::after {
  transition: none;
}
.vui-chip.elevated:focus-visible {
  box-shadow: 0 0 0 1px #307abb, 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.vui-chip:not(.elevated):focus-visible {
  box-shadow: 0 0 0 1px #307abb;
}
@supports not selector(:focus-visible) {
  .vui-chip:focus {
    box-shadow: 0 0 0 1px #307abb;
  }
}
.vui-chip.icon-left i {
  margin-left: -6px;
  margin-right: 6px;
}
.vui-chip.icon-right i {
  margin-left: 6px;
  margin-right: -6px;
}
.vui-chip.icon {
  padding-left: 16px;
  padding-right: 16px;
}
.vui-chip.text {
  color: rgba(32, 33, 37, 0.79);
  background-color: transparent;
}
.vui-chip.text:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.vui-chip.outlined {
  color: #307abb;
  background-color: transparent;
  border: 1px solid #307abb;
  padding-top: 5px;
  padding-bottom: 5px;
}
.vui-chip.on-dark {
  color: #ffffff;
  background-color: transparent;
}
.vui-chip.on-dark.outlined {
  border: 1px solid #ffffff;
}
.vui-chip.on-dark.outlined.elevated:focus-visible {
  box-shadow: 0 0 0 1px #ffffff, 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.vui-chip.on-dark.outlined:not(.elevated):focus-visible {
  box-shadow: 0 0 0 1px #ffffff;
}
@supports not selector(:focus-visible) {
  .vui-chip.on-dark.outlined:focus {
    box-shadow: 0 0 0 1px #ffffff;
  }
}
.vui-chip.on-dark.text:hover {
  opacity: 0.85;
}
.vui-chip.danger {
  background-color: #EF5350;
}
.vui-chip.danger.outlined {
  color: #EF5350;
  background-color: transparent;
  border-color: #EF5350;
}
.vui-chip.elevated {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.vui-chip.elevated:active:not(:disabled) {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.vui-chip.elevated:active:not(:disabled) i {
  transform: scale(0.98);
}
.vui-chip.elevated:active:not(:disabled) i.fa-flip-horizontal {
  transform: scaleX(-0.98) scaleY(0.98);
}
.vui-chip.pill {
  border-radius: 28px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.vui-chip.round {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: calc(2em + 2px);
  height: calc(2em + 2px);
  border-radius: 50%;
  padding: 0;
}
.vui-chip.round.large {
  width: 3.5em;
  height: 3.5em;
}
.vui-chip:hover:not(:disabled, .text) {
  opacity: 0.85;
}
.vui-chip:focus {
  outline: none;
}
.vui-chip.disabled,
.vui-chip:disabled {
  color: #EEEEEE;
  background-color: #BDBDBD;
  pointer-events: none;
}
.vui-chip.disabled.outlined,
.vui-chip:disabled.outlined {
  color: #BDBDBD;
  background-color: #F5F5F5;
  border: 1px solid #BDBDBD;
}
.vui-chip.disabled.text,
.vui-chip:disabled.text {
  color: #BDBDBD;
  background-color: transparent;
}
.vui-chip .busy {
  position: absolute;
  left: 0;
  right: 0;
}
.vui-chip.remove {
  padding-right: 24px;
}
.vui-chip.remove.outlined::before {
  color: rgba(0, 0, 0, 0.54);
}
.vui-chip.remove::before {
  content: "\f00d";
  position: absolute;
  right: 8px;
  color: rgba(255, 255, 255, 0.7);
  font-family: "Font Awesome 6 Pro";
  font-weight: 400;
  font-size: smaller;
  line-height: 1.62em;
}
.vui-copy-btn .fa-check {
  opacity: 0;
  transition: opacity 2s cubic-bezier(1, 0, 0.5, 0);
}
.vui-date-picker {
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  padding: 12px;
}
.vui-date-picker .head {
  grid-template-columns: 1fr 4fr 1fr;
  text-align: center;
}
.vui-date-picker .head .vui-btn {
  padding-left: 0;
  padding-right: 0;
}
.vui-date-picker .head > .title {
  font-size: 1.25em;
}
.vui-date-picker .head > .title > .month {
  font-weight: bold;
  margin-right: 8px;
}
.vui-date-picker .body {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 2px;
  text-align: center;
}
.vui-date-picker .body .dow {
  padding: 9px 0 6px;
  font-size: 0.9em;
  opacity: 0.65;
}
.vui-date-picker .body .day {
  padding: 6px 0;
  font-weight: normal;
}
.vui-date-picker .body .day:disabled {
  color: rgba(32, 33, 37, 0.79);
  opacity: 0.3;
}
.vui-date-picker .body .day.selected {
  background-color: #307abb;
  color: #fff;
}
.vui-date-picker .body .day.selected.today {
  background-color: #EF5350;
  color: #fff;
}
.vui-date-picker .body .day.today {
  color: #EF5350;
}
.vui-date-select {
  position: relative;
}
.vui-date-select > .select {
  color: rgba(0, 0, 0, 0.87);
  padding: 5px 24px 5px 8px;
  border: 1px solid rgba(0, 0, 0, 0.26);
  border-radius: 3px;
  white-space: nowrap;
  cursor: pointer;
}
.vui-date-select > .select:focus-visible {
  border-color: #307abb;
  box-shadow: 0 0 0 1px #307abb;
  outline: none;
}
.vui-date-select > .select .date {
  overflow: hidden;
}
.vui-date-select > .select i {
  position: absolute;
  right: 12px;
  color: rgba(32, 33, 37, 0.79);
  line-height: 1.375;
}
.vui-date-select > .vui-date-picker {
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  min-width: 276px;
  z-index: 11;
}
.vui-date-time-picker .time-picker {
  grid-template-columns: repeat(auto-fit, minmax(102px, auto));
}
.vui-date-time-picker .time-picker .vui-radio-custom .label {
  padding: 6px 12px;
  white-space: nowrap;
}
details summary {
  padding-left: 4px;
  padding-right: 4px;
  cursor: pointer;
}
details summary:focus-visible {
  border-radius: 3px;
  box-shadow: 0 0 0 2px #307abb;
  outline: none;
}
.vui-dialog {
  animation: 0.1s ease-in-out vui-keyframes-slide-in-down;
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
  will-change: transform;
  box-sizing: border-box;
  background-color: #fff;
  margin: 5% auto;
  /* 5% from the top and centered */
  padding: 15px;
  width: 500px;
  min-width: calc(360px - 8px);
  max-width: calc(100vw - 8px);
  border-radius: 4px;
}
.vui-dialog .close-btn {
  float: right;
  margin-left: 8px;
}
.vui-drawer {
  top: 64px;
}
.vui-drawer > .content {
  --animate-duration: 0.1s;
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
  position: absolute;
  top: 0;
  left: 0;
  min-height: calc(var(--vh) - 65px);
  min-width: 200px;
  max-width: 300px;
  background-color: #fff;
  border-top: 1px solid #eee;
}
.vui-drawer > .content.right {
  left: auto;
  right: 0;
}
.vui-error {
  color: #FF5252;
  font-size: smaller;
  min-height: 1.375em;
}
.vui-error::first-letter {
  text-transform: capitalize;
}
.vui-expandable {
  position: relative;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.vui-expandable.expanded {
  cursor: pointer;
}
.vui-expandable.overflow {
  cursor: pointer;
}
.vui-expandable.overflow::after {
  position: absolute;
  content: "";
  height: 1em;
  bottom: 0;
  right: 0;
  left: 0;
  background: #fff;
  -webkit-mask-image: linear-gradient(to top, white, transparent);
  mask-image: linear-gradient(to top, white, transparent);
}
fieldset {
  border: 0;
  padding: 0;
  margin: 0;
}
fieldset legend {
  font-size: 0.875em;
  margin-bottom: 3px;
}
fieldset:disabled a.vui-btn-fa-circle {
  color: #BDBDBD;
  pointer-events: none;
}
fieldset:disabled a.vui-btn {
  color: #EEEEEE;
  background-color: #BDBDBD;
  pointer-events: none;
}
fieldset:disabled a.vui-btn.outlined {
  color: #BDBDBD;
  background-color: #F5F5F5;
  border: 1px solid #BDBDBD;
}
fieldset:disabled a.vui-btn.text {
  color: #BDBDBD;
  background-color: transparent;
}
fieldset:disabled .vui-rating {
  pointer-events: none;
}
fieldset:disabled .vui-rating .rate-item {
  color: #BDBDBD;
}
fieldset:disabled .vui-img-input {
  pointer-events: none;
}
fieldset:disabled .vui-img-input .img-container {
  opacity: 0.7;
}
fieldset:disabled .vui-img-input .img-container .placeholder i {
  color: rgba(0, 0, 0, 0.26);
}
.fa-spin {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: rgba(0, 0, 0, 0.72);
  margin-block-start: 0;
  margin-block-end: 0.2em;
}
hr {
  border: 0;
  width: 100%;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.26);
}
.vui-iframe {
  position: relative;
  height: 100%;
}
.vui-iframe iframe {
  display: block;
  border: none;
  width: 100%;
  height: 100%;
}
.vui-iframe .iframe-loading {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
}
.vui-img-input .label {
  display: inline-block;
  font-size: 0.875em;
  margin-bottom: 3px;
}
.vui-img-input:focus-within .img-container {
  border-color: #307abb;
  box-shadow: 0 0 0 1px #307abb;
}
.vui-img-input.disabled {
  pointer-events: none;
}
.vui-img-input.disabled .img-container {
  opacity: 0.7;
}
.vui-img-input.disabled .img-container .placeholder i {
  color: rgba(0, 0, 0, 0.26);
}
.vui-img-input.contain .img-container img {
  object-fit: contain;
}
.vui-img-input.cover .img-container img {
  object-fit: cover;
}
.vui-img-input.bottom .img-container img {
  object-position: bottom;
}
.vui-img-input.round .img-container img {
  border: 1px dotted rgba(0, 0, 0, 0.26);
  border-radius: 50%;
  box-sizing: border-box;
}
.vui-img-input.fixed-size {
  width: fit-content;
}
.vui-img-input .img-container {
  border: 1px solid rgba(0, 0, 0, 0.26);
  background-color: rgba(239, 239, 239, 0.3);
  cursor: pointer;
  position: relative;
  box-sizing: border-box;
}
.vui-img-input .img-container .edit {
  position: absolute;
  top: 3px;
  left: 3px;
  font-size: 1.25rem;
  line-height: 1;
  --fa-primary-color: #ffffff;
  --fa-secondary-color: #000000;
}
.vui-img-input .img-container .placeholder {
  height: calc(100% - 16px);
  margin: 8px;
}
.vui-img-input .img-container .placeholder i {
  color: #307abb;
  font-size: 40px;
}
.vui-img-input .img-container .placeholder div {
  font-size: 0.7em;
  text-align: center;
}
.vui-img-input .img-container img {
  display: block;
  width: 100%;
  height: 100%;
}
.vui-img-input .img-container input {
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: 0;
  left: 0;
  opacity: 0;
}
.vui-input,
.vui-textarea {
  color: rgba(0, 0, 0, 0.54);
}
.vui-input .label,
.vui-textarea .label {
  display: inline-block;
  font-size: 0.875em;
  margin-bottom: 3px;
}
.vui-input input[type="email"],
.vui-textarea input[type="email"],
.vui-input input[type="number"],
.vui-textarea input[type="number"],
.vui-input input[type="password"],
.vui-textarea input[type="password"],
.vui-input input[type="search"],
.vui-textarea input[type="search"],
.vui-input input[type="tel"],
.vui-textarea input[type="tel"],
.vui-input input[type="text"],
.vui-textarea input[type="text"],
.vui-input input[type="date"],
.vui-textarea input[type="date"],
.vui-input input[type="datetime-local"],
.vui-textarea input[type="datetime-local"],
.vui-input input[type="time"],
.vui-textarea input[type="time"],
.vui-input input[type="color"],
.vui-textarea input[type="color"],
.vui-input input[type="url"],
.vui-textarea input[type="url"],
.vui-input textarea,
.vui-textarea textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: rgba(0, 0, 0, 0.87);
  background-color: #fff;
  width: 100%;
  height: 2em;
  border: none;
  border-radius: 3px;
  box-sizing: border-box;
  padding: 6px 8px;
  outline: none;
}
.vui-input input[type="email"]:disabled,
.vui-textarea input[type="email"]:disabled,
.vui-input input[type="number"]:disabled,
.vui-textarea input[type="number"]:disabled,
.vui-input input[type="password"]:disabled,
.vui-textarea input[type="password"]:disabled,
.vui-input input[type="search"]:disabled,
.vui-textarea input[type="search"]:disabled,
.vui-input input[type="tel"]:disabled,
.vui-textarea input[type="tel"]:disabled,
.vui-input input[type="text"]:disabled,
.vui-textarea input[type="text"]:disabled,
.vui-input input[type="date"]:disabled,
.vui-textarea input[type="date"]:disabled,
.vui-input input[type="datetime-local"]:disabled,
.vui-textarea input[type="datetime-local"]:disabled,
.vui-input input[type="time"]:disabled,
.vui-textarea input[type="time"]:disabled,
.vui-input input[type="color"]:disabled,
.vui-textarea input[type="color"]:disabled,
.vui-input input[type="url"]:disabled,
.vui-textarea input[type="url"]:disabled,
.vui-input textarea:disabled,
.vui-textarea textarea:disabled {
  background-color: rgba(239, 239, 239, 0.5);
  opacity: 0.7;
  cursor: default;
}
.vui-input input[type="email"]:read-only,
.vui-textarea input[type="email"]:read-only,
.vui-input input[type="number"]:read-only,
.vui-textarea input[type="number"]:read-only,
.vui-input input[type="password"]:read-only,
.vui-textarea input[type="password"]:read-only,
.vui-input input[type="search"]:read-only,
.vui-textarea input[type="search"]:read-only,
.vui-input input[type="tel"]:read-only,
.vui-textarea input[type="tel"]:read-only,
.vui-input input[type="text"]:read-only,
.vui-textarea input[type="text"]:read-only,
.vui-input input[type="date"]:read-only,
.vui-textarea input[type="date"]:read-only,
.vui-input input[type="datetime-local"]:read-only,
.vui-textarea input[type="datetime-local"]:read-only,
.vui-input input[type="time"]:read-only,
.vui-textarea input[type="time"]:read-only,
.vui-input input[type="color"]:read-only,
.vui-textarea input[type="color"]:read-only,
.vui-input input[type="url"]:read-only,
.vui-textarea input[type="url"]:read-only,
.vui-input textarea:read-only,
.vui-textarea textarea:read-only {
  background-color: rgba(239, 239, 239, 0.5);
}
.vui-input input[type="email"]::placeholder,
.vui-textarea input[type="email"]::placeholder,
.vui-input input[type="number"]::placeholder,
.vui-textarea input[type="number"]::placeholder,
.vui-input input[type="password"]::placeholder,
.vui-textarea input[type="password"]::placeholder,
.vui-input input[type="search"]::placeholder,
.vui-textarea input[type="search"]::placeholder,
.vui-input input[type="tel"]::placeholder,
.vui-textarea input[type="tel"]::placeholder,
.vui-input input[type="text"]::placeholder,
.vui-textarea input[type="text"]::placeholder,
.vui-input input[type="date"]::placeholder,
.vui-textarea input[type="date"]::placeholder,
.vui-input input[type="datetime-local"]::placeholder,
.vui-textarea input[type="datetime-local"]::placeholder,
.vui-input input[type="time"]::placeholder,
.vui-textarea input[type="time"]::placeholder,
.vui-input input[type="color"]::placeholder,
.vui-textarea input[type="color"]::placeholder,
.vui-input input[type="url"]::placeholder,
.vui-textarea input[type="url"]::placeholder,
.vui-input textarea::placeholder,
.vui-textarea textarea::placeholder {
  color: rgba(0, 0, 0, 0.26);
}
.vui-input input[type="color"],
.vui-textarea input[type="color"] {
  cursor: pointer;
}
.vui-input input[type="color"]::-webkit-color-swatch-wrapper,
.vui-textarea input[type="color"]::-webkit-color-swatch-wrapper {
  padding: 0;
}
.vui-input input[type="color"]::-webkit-color-swatch,
.vui-textarea input[type="color"]::-webkit-color-swatch {
  border: none;
  border-radius: 3px;
}
.vui-input input[type="color"]::-moz-color-swatch,
.vui-textarea input[type="color"]::-moz-color-swatch {
  border: none;
  border-radius: 3px;
}
.vui-input input[type="time"]::-webkit-calendar-picker-indicator,
.vui-textarea input[type="time"]::-webkit-calendar-picker-indicator {
  padding-right: 0;
  padding-left: 0;
  margin-inline-start: 6px;
}
.vui-input textarea,
.vui-textarea textarea {
  vertical-align: top;
  resize: vertical;
  height: unset;
  border: 1px solid rgba(0, 0, 0, 0.26);
}
.vui-input textarea:focus,
.vui-textarea textarea:focus {
  border-color: #307abb;
  box-shadow: 0 0 0 1px #307abb;
}
.vui-input .input-wrapper,
.vui-textarea .input-wrapper {
  border: 1px solid rgba(0, 0, 0, 0.26);
  border-radius: 3px;
  display: flex;
}
.vui-input .input-wrapper > :first-child,
.vui-textarea .input-wrapper > :first-child {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.vui-input .input-wrapper > :last-child,
.vui-textarea .input-wrapper > :last-child {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.vui-input .input-wrapper .prefix,
.vui-textarea .input-wrapper .prefix,
.vui-input .input-wrapper .suffix,
.vui-textarea .input-wrapper .suffix {
  background-color: rgba(239, 239, 239, 0.8);
  padding: 5px 8px;
  line-height: 1.375;
  white-space: nowrap;
}
.vui-input .input-wrapper .prefix.currency,
.vui-textarea .input-wrapper .prefix.currency,
.vui-input .input-wrapper .suffix.currency,
.vui-textarea .input-wrapper .suffix.currency {
  min-width: 36px;
  text-align: center;
}
.vui-input .input-wrapper .prefix.hint,
.vui-textarea .input-wrapper .prefix.hint,
.vui-input .input-wrapper .suffix.hint,
.vui-textarea .input-wrapper .suffix.hint {
  background-color: transparent;
  opacity: 0.75;
  font-size: 0.875em;
}
.vui-input .input-wrapper .prefix.hint,
.vui-textarea .input-wrapper .prefix.hint {
  padding-right: 0;
}
.vui-input .input-wrapper .suffix.hint,
.vui-textarea .input-wrapper .suffix.hint {
  padding-left: 0;
}
.vui-input:focus-within .input-wrapper,
.vui-textarea:focus-within .input-wrapper {
  border-color: #307abb;
  box-shadow: 0 0 0 1px #307abb;
}
.vui-input-copy {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 8px;
  align-items: end;
}
.vui-input-copy.btns-2 {
  grid-template-columns: 1fr auto auto;
}
.vui-menu.compact {
  background-color: #eff5fa;
  text-align: center;
}
.vui-menu.compact > h1 {
  color: rgba(32, 33, 37, 0.79);
}
.vui-menu.compact > a,
.vui-menu.compact > div {
  padding: 5px 10px;
}
.vui-menu.compact > a > i,
.vui-menu.compact > div > i {
  display: block;
  font-size: 1.25em;
  width: auto;
}
.vui-menu.compact > a > span,
.vui-menu.compact > div > span {
  display: block;
  margin-left: 0;
  font-size: 0.75em;
}
.vui-menu > h1 {
  color: rgba(32, 33, 37, 0.38);
  font-size: 0.875em;
  margin-block-start: 1em;
  margin-right: 6px;
  margin-left: 6px;
}
.vui-menu > a,
.vui-menu > div {
  padding: 12px 16px;
  cursor: pointer;
}
.vui-menu > a:hover,
.vui-menu > div:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.vui-menu > a i,
.vui-menu > div i {
  text-align: center;
  width: 1.25em;
}
.vui-menu > a > *:not(:first-child),
.vui-menu > div > *:not(:first-child) {
  margin-left: 6px;
}
.vui-menu > a {
  display: block;
  color: inherit;
  text-decoration: none;
}
.vui-menu > a.router-link-active {
  color: #fff;
  background-color: #307abb;
}
.vui-menu > hr {
  width: calc(100% - 32px);
}
.vui-month-picker {
  min-width: 250px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  padding: 12px;
}
.vui-month-picker > .head {
  display: grid;
  grid-template-columns: 1fr 4fr 1fr;
  align-items: center;
  text-align: center;
}
.vui-month-picker > .head > .vui-btn {
  padding-left: 0;
  padding-right: 0;
}
.vui-month-picker > .head > .year {
  font-size: 1.25em;
  font-weight: bold;
}
.vui-month-picker > .body {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2px;
}
.vui-month-picker > .body > .month {
  padding: 6px 0;
  font-weight: normal;
}
.vui-month-picker > .body > .month.selected {
  background-color: #307abb;
  color: #fff;
}
.vui-month-picker > .body > .month.selected.current {
  background-color: #EF5350;
  color: #fff;
}
.vui-month-picker > .body > .month.current {
  color: #EF5350;
}
.notify {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  text-align: center;
  margin: 60px auto 0 auto;
  padding: 0 16px;
  max-width: 600px;
}
.notify .notify-item {
  background-color: #282828;
  color: #ffffff;
  font-size: 14px;
  border-radius: 4px;
}
.notify .notify-item > div:not(:last-child) {
  margin-bottom: 1em;
}
progress.vui-progress {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  width: 100%;
  height: 6px;
  border: none;
  background-color: #EEEEEE;
}
progress.vui-progress::-webkit-progress-bar {
  background-color: #EEEEEE;
}
progress.vui-progress::-webkit-progress-value {
  background-color: #307abb;
  transition: width 0.3s ease-out;
}
progress.vui-progress::-moz-progress-bar {
  background-color: #307abb;
}
.pwa-notify {
  display: grid;
  grid-template-columns: 20px 1fr;
  gap: 8px;
  align-items: center;
  position: absolute;
  right: 0;
  bottom: 15px;
  left: 0;
  margin: 0 8px 16px 8px;
  padding: 8px;
  border-radius: 4px;
  background: #fff;
  color: rgba(32, 33, 37, 0.79);
}
.pwa-notify i {
  vertical-align: middle;
}
.pwa-notify img {
  margin-bottom: -4px;
}
.pwa-notify:after {
  position: absolute;
  top: 100%;
  left: 50%;
  width: 0;
  height: 0;
  border: solid transparent;
  content: "";
  margin-left: -16px;
  border-width: 16px;
  border-top-color: #fff;
}
.vui-radio-group {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
}
.vui-radio-group .vui-radio-custom .label {
  border-radius: 0;
}
.vui-radio-group .vui-radio-custom:not(:last-child) {
  border-right: 1px solid rgba(0, 0, 0, 0.12);
}
.vui-radio-group .vui-radio-custom:first-child .label {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.vui-radio-group .vui-radio-custom:last-child .label {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.vui-radio-custom {
  position: relative;
}
.vui-radio-custom.compact .label {
  padding-top: 6px;
  padding-bottom: 6px;
}
.vui-radio-custom input[type="radio"] {
  position: absolute;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
}
.vui-radio-custom input[type="radio"]:checked + .label {
  color: #ffffff;
  background-color: #307abb;
}
.vui-radio-custom input[type="radio"]:disabled + .label {
  opacity: 0.5;
  pointer-events: none;
}
.vui-radio-custom input[type="radio"]:focus-visible + .label {
  box-shadow: 0 0 0 1px #307abb;
}
.vui-radio-custom .label {
  border-radius: 3px;
  background-color: rgba(239, 239, 239, 0.9);
  padding: 10px 16px;
  text-align: center;
}
.vui-radio-custom .label:hover {
  background-color: rgba(239, 239, 239, 0.6);
  cursor: pointer;
}
.vui-rating .rate-item {
  color: #307abb;
  cursor: pointer;
}
.vui-rating .rate-item.selected i {
  opacity: 1;
}
.vui-rating .rate-item i {
  font-size: 1.875em;
  opacity: 0.4;
}
.vui-rating .rate-item:hover {
  opacity: 0.85;
}
.vui-rating.disabled {
  pointer-events: none;
}
.vui-rating.disabled .rate-item {
  color: #BDBDBD;
}
.vui-scroll-x {
  position: relative;
}
.vui-scroll-x.snap > .content {
  scroll-snap-type: x mandatory;
}
.vui-scroll-x.snap > .content > * {
  scroll-snap-align: center;
}
.vui-scroll-x > .prev,
.vui-scroll-x > .next {
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s 0.2s, opacity 0.2s linear;
}
.vui-scroll-x > .prev.show,
.vui-scroll-x > .next.show {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.2s linear;
}
.vui-scroll-x > .prev > .fade,
.vui-scroll-x > .next > .fade {
  width: 40px;
  height: 100%;
  background-color: var(--vui-scroll-x-bg, #fff);
}
.vui-scroll-x > .prev > .btn-container,
.vui-scroll-x > .next > .btn-container {
  display: flex;
  background-color: var(--vui-scroll-x-bg, #fff);
}
.vui-scroll-x > .prev > .btn-container > .vui-btn-fa-circle,
.vui-scroll-x > .next > .btn-container > .vui-btn-fa-circle {
  align-self: center;
  font-size: 28px;
  line-height: 1;
}
@media screen and (max-width: calc(544px - 1px)) {
  .vui-scroll-x > .prev > .btn-container,
  .vui-scroll-x > .next > .btn-container {
    display: none;
  }
}
.vui-scroll-x > .prev {
  left: 0;
}
.vui-scroll-x > .prev > .fade {
  -webkit-mask-image: linear-gradient(to right, var(--vui-scroll-x-bg, #fff), transparent);
  mask-image: linear-gradient(to right, var(--vui-scroll-x-bg, #fff), transparent);
}
.vui-scroll-x > .next {
  right: 0;
}
.vui-scroll-x > .next > .fade {
  -webkit-mask-image: linear-gradient(to left, var(--vui-scroll-x-bg, #fff), transparent);
  mask-image: linear-gradient(to left, var(--vui-scroll-x-bg, #fff), transparent);
}
.vui-scroll-x > .content {
  overflow-x: auto;
  scrollbar-width: none;
}
.vui-scroll-x > .content::-webkit-scrollbar {
  display: none;
}
.vui-select {
  color: rgba(0, 0, 0, 0.54);
}
.vui-select .label {
  display: inline-block;
  font-size: 0.875em;
  margin-bottom: 3px;
}
.vui-select select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: rgba(0, 0, 0, 0.87);
  border: 1px solid rgba(0, 0, 0, 0.26);
  border-radius: 3px;
  padding: 6px 8px;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: calc(100% - 8px) 50%;
  background-color: transparent;
  width: 100%;
  padding-right: 24px;
  cursor: pointer;
}
.vui-select select:disabled {
  background-color: rgba(239, 239, 239, 0.5);
  opacity: 0.7;
  cursor: default;
}
.vui-select select.unselected {
  color: rgba(0, 0, 0, 0.26);
}
.vui-select:focus-within select {
  border-color: #307abb;
  box-shadow: 0 0 0 1px #307abb;
  outline: none;
}
.vui-select:not(.round) select {
  height: calc(2em + 2px);
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 320 512' fill='rgba(32, 33, 37, 0.79)'><path d='M310.6 246.6l-127.1 128C176.4 380.9 168.2 384 160 384s-16.38-3.125-22.63-9.375l-127.1-128C.2244 237.5-2.516 223.7 2.438 211.8S19.07 192 32 192h255.1c12.94 0 24.62 7.781 29.58 19.75S319.8 237.5 310.6 246.6z'/></svg>");
}
.vui-select.on-dark:not(.round) select {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 320 512' fill='rgba(255, 255, 255, 1)'><path d='M310.6 246.6l-127.1 128C176.4 380.9 168.2 384 160 384s-16.38-3.125-22.63-9.375l-127.1-128C.2244 237.5-2.516 223.7 2.438 211.8S19.07 192 32 192h255.1c12.94 0 24.62 7.781 29.58 19.75S319.8 237.5 310.6 246.6z'/></svg>");
}
.vui-select.on-dark select {
  color: #ffffff;
  border-color: #ffffff;
}
.vui-select.on-dark select:focus {
  border-color: #ffffff;
  box-shadow: 0 0 0 1px #ffffff;
}
.vui-select.round select {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  /* prevent flickering when clicking on element in iOS Safari */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
  width: calc(2rem + 2px);
  height: calc(2rem + 2px);
  border-radius: 50%;
  padding: 0;
  font-size: 0;
  background-position: center;
  vertical-align: super;
}
.vui-select.round select:hover {
  opacity: 0.85;
}
.vui-select.round select option {
  background-color: #fff;
  color: rgba(32, 33, 37, 0.79);
  font-size: 1rem;
}
@supports (-moz-appearance: none) {
  .vui-select.round select option {
    font-size: 1rem;
  }
  .vui-select.round select:hover {
    background-color: transparent;
  }
}
.elevated {
  box-shadow: rgba(32, 33, 37, 0.1) 0px 0px 16px 0px;
}
.elevated.hover {
  transition: all 0.2s ease-in-out;
}
.elevated.hover:hover {
  transform: scale(1.01);
  box-shadow: rgba(32, 33, 37, 0.05) 0px 0px 16px 8px;
}
table {
  border-collapse: collapse;
  width: 100%;
}
table.dense th,
table.dense td {
  padding: 0 4px;
}
table.fixed {
  table-layout: fixed;
}
table.horizontal th,
table.horizontal td {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  border-top: none;
}
table th {
  border-bottom: 1px solid rgba(0, 0, 0, 0.26);
  color: #555;
}
table td {
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}
table th,
table td {
  text-align: left;
  padding: 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
table th.align-right,
table td.align-right {
  text-align: right;
}
.noselect {
  cursor: default;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}
.capitalize {
  text-transform: capitalize;
}
.capitalize-first::first-letter {
  text-transform: capitalize;
}
.uppercase {
  text-transform: uppercase;
}
.lowercase {
  text-transform: lowercase;
}
.vui-label {
  color: rgba(32, 33, 37, 0.38);
  font-size: 0.875rem;
  font-weight: bold;
}
.vui-meta {
  color: rgba(32, 33, 37, 0.38);
  font-size: 0.875rem;
}
.vui-input + .vui-hint,
.vui-textarea + .vui-hint,
.vui-select + .vui-hint {
  margin-top: 4px;
}
.vui-hint {
  font-size: 0.75rem;
  opacity: 0.8;
}
.vui-text-xs {
  font-size: 0.75rem;
}
.vui-text-sm {
  font-size: 0.875rem;
}
.vui-text-strike {
  text-decoration: line-through;
}
.vui-italic {
  font-style: italic;
}
.vui-prewrap {
  white-space: pre-wrap;
}
.vui-hr-text {
  display: flex;
  align-items: center;
}
.vui-hr-text::before,
.vui-hr-text::after {
  content: "";
  width: 100%;
  background-color: #dddddd;
  height: 1px;
}
.vui-hr-text::before {
  margin-right: 16px;
}
.vui-hr-text::after {
  margin-left: 16px;
}
ul.vui-timeline {
  list-style: none;
}
ul.vui-timeline li {
  position: relative;
  padding: 8px 0 8px 10px;
}
ul.vui-timeline li:not(:last-child)::before {
  content: "";
  width: 2px;
  height: 100%;
  background-color: #E0E0E0;
  position: absolute;
  left: -12px;
  top: 50%;
}
ul.vui-timeline li::after {
  content: "\f111";
  font-family: "Font Awesome 6 Pro";
  font-size: 22px;
  font-weight: 900;
  color: rgba(0, 0, 0, 0.26);
  background-color: #fff;
  position: absolute;
  left: -22px;
  top: 50%;
  transform: translateY(-50%);
}
ul.vui-timeline li.create::after {
  content: "\f055";
}
ul.vui-timeline li.update::after {
  content: "\e20e";
}
ul.vui-timeline li.cancel::after,
ul.vui-timeline li.failed::after {
  content: "\f057";
  color: #EF5350;
}
ul.vui-timeline li.refund::after {
  content: "\f2e8";
}
ul.vui-timeline li.join::after {
  content: "\e11b";
}
ul.vui-timeline li.leave::after {
  content: "\e11d";
}
ul.vui-timeline li.succeeded::after {
  content: "\f058";
}
ul.vui-timeline li.pending::after {
  content: "\e10a";
}
ul.vui-timeline li .date {
  color: rgba(32, 33, 37, 0.38);
  font-size: 0.875rem;
}
h2 i.tooltip {
  font-size: 0.875rem;
  position: relative;
  bottom: 5px;
  left: 2px;
}
i.tooltip {
  margin-left: 6px;
}
i.tooltip:hover {
  color: rgba(0, 0, 0, 0.87);
}
.tooltip {
  position: relative;
}
.tooltip:hover:not(.persistent) {
  cursor: help;
}
.tooltip:hover:not(.persistent) .tooltip-content {
  transition: opacity 0.3s ease-in;
}
.tooltip:hover .tooltip-content,
.tooltip.persistent .tooltip-content {
  visibility: visible;
  opacity: 1;
}
.tooltip .tooltip-content {
  visibility: hidden;
  text-align: left;
  opacity: 0;
  color: rgba(32, 33, 37, 0.79);
  background-color: #fff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 0.8rem;
  line-height: 1.375;
  max-width: 200px;
  width: max-content;
  padding: 8px;
  border-radius: 4px;
  position: absolute;
  z-index: 1;
  bottom: 100%;
  left: 50%;
  margin-bottom: 10px;
  transform: translateX(-50%);
}
.tooltip .tooltip-content::before,
.tooltip .tooltip-content::after {
  content: "";
  position: absolute;
  top: 100%;
}
.tooltip .tooltip-content::before {
  left: 0;
  width: 100%;
  height: 10px;
}
.tooltip .tooltip-content::after {
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
}
.tooltip.tooltip-bottom .tooltip-content {
  top: 100%;
  bottom: auto;
  margin-top: 10px;
  margin-bottom: 0;
}
.tooltip.tooltip-bottom .tooltip-content::before,
.tooltip.tooltip-bottom .tooltip-content::after {
  top: auto;
  bottom: 100%;
}
.tooltip.tooltip-bottom .tooltip-content::after {
  border-color: transparent transparent #fff transparent;
}
.tooltip.tooltip-right .tooltip-content {
  top: 50%;
  bottom: auto;
  margin-bottom: 0;
  margin-left: 10px;
  left: 100%;
  transform: translateY(-50%);
}
.tooltip.tooltip-right .tooltip-content::before,
.tooltip.tooltip-right .tooltip-content::after {
  right: 100%;
  left: auto;
}
.tooltip.tooltip-right .tooltip-content::before {
  top: 0;
  width: 10px;
  height: 100%;
}
.tooltip.tooltip-right .tooltip-content::after {
  top: 50%;
  margin-left: 0;
  margin-top: -5px;
  border-color: transparent #fff transparent transparent;
}
.vui-left {
  margin-right: 6px;
}
.vui-right {
  margin-left: 6px;
}
.vui-hgap-4 :not(:last-child) {
  margin-right: 4px;
}
.vui-hgap-6 :not(:last-child) {
  margin-right: 6px;
}
.vui-hgap-8 :not(:last-child) {
  margin-right: 8px;
}
.vui-hgap-12 :not(:last-child) {
  margin-right: 12px;
}
.vui-hgap-16 :not(:last-child) {
  margin-right: 16px;
}
.vui-float-left {
  float: left;
}
.vui-float-right {
  float: right;
}
.vui-danger {
  color: #EF5350;
}
.vui-attention-bar {
  border-left: 4px solid #EF5350;
  padding-left: 4px;
}
.vui-center-100,
.vui-loading {
  padding: 100px 0;
  text-align: center;
}
.vui-loaded {
  visibility: var(--loaded, hidden);
}
/*# sourceMappingURL=vui.css.map */