.vuetiful html {
  box-sizing: border-box;
}
.vuetiful *,
.vuetiful :after,
.vuetiful :before {
  box-sizing: inherit;
}
.vuetiful [layout] {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
}
.vuetiful [layout*=column],
.vuetiful [layout*=row] {
  width: 100%;
  max-width: 100%;
}
.vuetiful [layout^=row] {
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
}
.vuetiful [layout^=column] {
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
}
.vuetiful [layout*=row][layout*=reverse] {
  -ms-flex-direction: row-reverse;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  flex-direction: row-reverse;
}
.vuetiful [layout*=column][layout*=reverse] {
  -ms-flex-direction: column-reverse;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  flex-direction: column-reverse;
}
.vuetiful [layout*=columns],
.vuetiful [layout*=rows] {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.vuetiful [layout=none] {
  -ms-flex: none;
  -webkit-box-flex: 0;
  flex: none;
}
.vuetiful [layout*=column][layout*=top-],
.vuetiful [layout*=row][layout*=-left] {
  -ms-flex-pack: start;
  -webkit-box-pack: start;
  justify-content: flex-start;
}
.vuetiful [layout*=column][layout*=center-],
.vuetiful [layout*=row][layout*=-center],
.vuetiful [layout~=centered] {
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
}
.vuetiful [layout*=column][layout*=bottom-],
.vuetiful [layout*=row][layout*=-right] {
  -ms-flex-pack: end;
  -webkit-box-pack: end;
  justify-content: flex-end;
}
.vuetiful [layout*=column][layout*=spread-],
.vuetiful [layout*=row][layout*=-spread] {
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
.vuetiful [layout*=column][layout*=justify-],
.vuetiful [layout*=row][layout*=-justify] {
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  justify-content: space-between;
}
.vuetiful [layout*=column][layout*=-left],
.vuetiful [layout*=row][layout*=top-] {
  -ms-flex-align: start;
  -ms-grid-row-align: flex-start;
  -webkit-box-align: start;
  align-items: flex-start;
}
.vuetiful [layout*=column][layout*=-center],
.vuetiful [layout*=row][layout*=center-],
.vuetiful [layout~=centered] {
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  -webkit-box-align: center;
  align-items: center;
}
.vuetiful [layout*=column][layout*=-right],
.vuetiful [layout*=row][layout*=bottom-] {
  -ms-flex-align: end;
  -ms-grid-row-align: flex-end;
  -webkit-box-align: end;
  align-items: flex-end;
}
.vuetiful [layout*=column][layout*=-stretch],
.vuetiful [layout*=row][layout*=stretch-] {
  -ms-flex-align: stretch;
  -ms-grid-row-align: stretch;
  -webkit-box-align: stretch;
  align-items: stretch;
}
.vuetiful [layout*=columns][layout*=-left],
.vuetiful [layout*=rows][layout*=top-] {
  -ms-flex-line-pack: start;
  align-content: flex-start;
}
.vuetiful [layout*=columns][layout*=-right],
.vuetiful [layout*=rows][layout*=bottom-] {
  -ms-flex-line-pack: end;
  align-content: flex-end;
}
.vuetiful [layout*=columns][layout*=-center],
.vuetiful [layout*=rows][layout*=center-] {
  -ms-flex-line-pack: center;
  align-content: center;
}
.vuetiful [layout*=columns][layout*=-justify],
.vuetiful [layout*=rows][layout*=justify-] {
  -ms-flex-line-pack: justify;
  align-content: space-between;
}
.vuetiful [layout*=columns][layout*=-spread],
.vuetiful [layout*=rows][layout*=spread-] {
  -ms-flex-line-pack: distribute;
  align-content: space-around;
}
.vuetiful [layout*=columns][layout*=-stretch],
.vuetiful [layout*=rows][layout*=stretch-] {
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}
@media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
  .vuetiful [layout*=column]:not([layout*=row]) > * {
    max-width: auto;
  }
  .vuetiful [layout*=column][self*=top] {
    height: auto !important;
  }
  .vuetiful [self~=size-] > * {
    height: auto;
  }
}
.vuetiful [layout*=column]:not([layout*=row]) [self*=left],
.vuetiful [layout*=row]:not([layout*=column]) [self*=top] {
  -ms-flex-item-align: start;
  align-self: flex-start;
}
.vuetiful [self~=center] {
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}
.vuetiful [layout*=column]:not([layout*=row]) [self*=right],
.vuetiful [layout*=row]:not([layout*=column]) [self*=bottom] {
  -ms-flex-item-align: end;
  align-self: flex-end;
}
.vuetiful [self*=stretch] {
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
}
.vuetiful [layout][self*=center] {
  margin-left: auto;
  margin-right: auto;
}
.vuetiful [layout][self*=right] {
  margin-right: 0;
}
.vuetiful [layout][self*=left] {
  margin-left: 0;
}
.vuetiful [layout*=column] [self*=bottom] {
  margin-top: auto;
}
.vuetiful [layout*=column] [self*=top] {
  margin-bottom: auto;
}
.vuetiful [layout*=row] [self*=left] {
  margin-right: auto;
}
.vuetiful [layout*=row] [self*=right] {
  margin-left: auto;
}
.vuetiful [self~=size-1of5] {
  width: 20%;
}
.vuetiful [self~=size-1of4] {
  width: 25%;
}
.vuetiful [self~=size-1of3] {
  width: 33.33333%;
}
.vuetiful [self~=size-2of5] {
  width: 40%;
}
.vuetiful [self~=size-1of2] {
  width: 50%;
}
.vuetiful [self~=size-3of5] {
  width: 60%;
}
.vuetiful [self~=size-2of3] {
  width: 66.6666%;
}
.vuetiful [self~=size-3of4] {
  width: 75%;
}
.vuetiful [self~=size-4of5] {
  width: 80%;
}
.vuetiful [self~=size-1of1] {
  width: 100%;
}
.vuetiful [layout*=column][layout*=stretch-] > :not([self*=size-]),
.vuetiful [layout*=row][layout*=-stretch] > :not([self*=size-]),
.vuetiful [self~=size-x1] {
  -ms-flex: 1 0 0%!important;
  -webkit-box-flex: 1!important;
  flex: 1 0 0% !important;
}
.vuetiful [self~=size-x2] {
  -ms-flex: 2 0 0%!important;
  -webkit-box-flex: 2!important;
  flex: 2 0 0% !important;
}
.vuetiful [self~=size-x3] {
  -ms-flex: 3 0 0%!important;
  -webkit-box-flex: 3!important;
  flex: 3 0 0% !important;
}
.vuetiful [self~=size-x4] {
  -ms-flex: 4 0 0%!important;
  -webkit-box-flex: 4!important;
  flex: 4 0 0% !important;
}
.vuetiful [self~=size-x5] {
  -ms-flex: 5 0 0%!important;
  -webkit-box-flex: 5!important;
  flex: 5 0 0% !important;
}
.vuetiful [self~=size-x6] {
  -ms-flex: 6 0 0%!important;
  -webkit-box-flex: 6!important;
  flex: 6 0 0% !important;
}
.vuetiful [self~=size-x7] {
  -ms-flex: 7 0 0%!important;
  -webkit-box-flex: 7!important;
  flex: 7 0 0% !important;
}
.vuetiful [self~=size-x8] {
  -ms-flex: 8 0 0%!important;
  -webkit-box-flex: 8!important;
  flex: 8 0 0% !important;
}
.vuetiful [self~=size-x9] {
  -ms-flex: 9 0 0%!important;
  -webkit-box-flex: 9!important;
  flex: 9 0 0% !important;
}
.vuetiful [self*=size-auto] {
  -ms-flex: 1 1 auto;
  -webkit-box-flex: 1;
  flex: 1 1 auto;
}
.vuetiful [self*=size-x0] {
  -ms-flex: 0 0 auto;
  -webkit-box-flex: 0;
  flex: 0 0 auto;
}
.vuetiful [self~=size-xxlarge] {
  max-width: 1440px;
  width: 100%;
}
.vuetiful [self~=size-xlarge] {
  max-width: 1200px;
  width: 100%;
}
.vuetiful [self~=size-large] {
  max-width: 960px;
  width: 100%;
}
.vuetiful [self~=size-larger] {
  max-width: 840px;
  width: 100%;
}
.vuetiful [self~=size-medium] {
  max-width: 720px;
  width: 100%;
}
.vuetiful [self~=size-smaller] {
  max-width: 600px;
  width: 100%;
}
.vuetiful [self~=size-small] {
  max-width: 480px;
  width: 100%;
}
.vuetiful [self~=size-xsmall] {
  max-width: 360px;
  width: 100%;
}
.vuetiful [self~=size-xxsmall] {
  max-width: 240px;
  width: 100%;
}
.vuetiful [self*=size-x]:not([self*=small]):not([self*=large]) {
  -ms-flex-negative: 1;
  flex-shrink: 1;
}
.vuetiful [self~=first] {
  -ms-flex-order: -1;
  -webkit-box-ordinal-group: 0;
  order: -1;
}
.vuetiful [self~=order-1] {
  -ms-flex-order: 1;
  -webkit-box-ordinal-group: 2;
  order: 1;
}
.vuetiful [self~=order-2] {
  -ms-flex-order: 2;
  -webkit-box-ordinal-group: 3;
  order: 2;
}
.vuetiful [self~=order-3] {
  -ms-flex-order: 3;
  -webkit-box-ordinal-group: 4;
  order: 3;
}
.vuetiful [self~=last] {
  -ms-flex-order: 999;
  -webkit-box-ordinal-group: 1000;
  order: 999;
}
.vuetiful [layout*=column]:not([layout*=row]) > * {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}
@media screen and (max-width: 64em) {
  .vuetiful [layout*=lg-row] {
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
  }
  .vuetiful [layout*=lg-column] {
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }
  .vuetiful [layout*=lg-columns],
  .vuetiful [layout*=lg-rows] {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 52em) {
  .vuetiful [layout*=md-row] {
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
  }
  .vuetiful [layout*=md-column] {
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }
  .vuetiful [layout*=md-columns],
  .vuetiful [layout*=md-rows] {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 40em) {
  .vuetiful [layout*=sm-row] {
    -ms-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
  }
  .vuetiful [layout*=sm-column] {
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
  }
  .vuetiful [layout*=sm-columns],
  .vuetiful [layout*=sm-rows] {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 64em) {
  .vuetiful [self*=lg-full] {
    -ms-flex: 1 1 100%!important;
    -webkit-box-flex: 1!important;
    flex: 1 1 100%!important;
    width: 100%;
    max-width: 100%;
  }
  .vuetiful [self*=lg-half] {
    -ms-flex: 1 1 50%!important;
    -webkit-box-flex: 1!important;
    flex: 1 1 50%!important;
    width: 50%;
    max-width: 50%;
  }
  .vuetiful [self~=lg-first] {
    -ms-flex-order: -1;
    -webkit-box-ordinal-group: 0;
    order: -1;
  }
  .vuetiful [self~=lg-last] {
    -ms-flex-order: 999;
    -webkit-box-ordinal-group: 1000;
    order: 999;
  }
  .vuetiful [self~=lg-hide] {
    display: none;
  }
  .vuetiful [self~=lg-show] {
    display: inherit;
  }
}
@media screen and (max-width: 52em) {
  .vuetiful [self*=md-full] {
    -ms-flex: 1 1 100%!important;
    -webkit-box-flex: 1!important;
    flex: 1 1 100%!important;
    width: 100%;
    max-width: 100%;
  }
  .vuetiful [self*=md-half] {
    -ms-flex: 1 1 50%!important;
    -webkit-box-flex: 1!important;
    flex: 1 1 50%!important;
    width: 50%;
    max-width: 50%;
  }
  .vuetiful [self~=md-first] {
    -ms-flex-order: -1;
    -webkit-box-ordinal-group: 0;
    order: -1;
  }
  .vuetiful [self~=md-last] {
    -ms-flex-order: 999;
    -webkit-box-ordinal-group: 1000;
    order: 999;
  }
  .vuetiful [self~=md-hide] {
    display: none;
  }
  .vuetiful [self~=md-show] {
    display: inherit;
  }
}
@media screen and (max-width: 40em) {
  .vuetiful [self*=sm-full] {
    -ms-flex: 1 1 100%!important;
    -webkit-box-flex: 1!important;
    flex: 1 1 100%!important;
    width: 100%;
    max-width: 100%;
  }
  .vuetiful [self*=sm-half] {
    -ms-flex: 1 1 50%!important;
    -webkit-box-flex: 1!important;
    flex: 1 1 50%!important;
    width: 50%;
    max-width: 50%;
  }
  .vuetiful [self~=sm-first] {
    -ms-flex-order: -1;
    -webkit-box-ordinal-group: 0;
    order: -1;
  }
  .vuetiful [self~=sm-last] {
    -ms-flex-order: 999;
    -webkit-box-ordinal-group: 1000;
    order: 999;
  }
  .vuetiful [self~=sm-hide] {
    display: none;
  }
  .vuetiful [self~=sm-show] {
    display: inherit;
  }
}
.vuetiful body,
.vuetiful html {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}
.vuetiful html {
  font-size: 16px;
  box-sizing: border-box;
}
.vuetiful *,
.vuetiful :after,
.vuetiful :before {
  box-sizing: inherit;
}
.vuetiful body {
  font-family: Open Sans, sans-serif;
  font-weight: 400;
  line-height: 1.5em;
  color: #32394f;
  background-color: #fff;
}
.vuetiful button,
.vuetiful input,
.vuetiful optgroup,
.vuetiful select,
.vuetiful textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
.vuetiful h1,
.vuetiful h2,
.vuetiful h3,
.vuetiful h4,
.vuetiful h5,
.vuetiful h6 {
  margin-top: 1em;
  margin-bottom: .25em;
  font-weight: 600;
  line-height: 1.5em;
  color: #32394f;
}
.vuetiful h1 {
  font-size: 3.15733em;
}
.vuetiful h2 {
  font-size: 2.36859em;
}
.vuetiful h3 {
  font-size: 1.77689em;
}
.vuetiful h4 {
  font-size: 1.333em;
}
.vuetiful h5 {
  font-size: 1em;
}
.vuetiful h6 {
  font-size: 0.75019em;
}
.vuetiful p {
  margin: 0.75em 0;
}
.vuetiful small {
  font-size: 0.75019em;
}
.vuetiful strong {
  font-weight: 600;
}
.vuetiful em {
  font-style: italic;
}
.vuetiful a {
  color: #2196f3;
  text-decoration: none;
}
.vuetiful a:hover {
  color: #0c7cd5;
}
.vuetiful a.escape-link,
.vuetiful a.escape-link:hover {
  color: inherit;
}
.vuetiful label {
  font-size: 0.75019em;
}
.vuetiful blockquote,
.vuetiful label {
  display: block;
  font-weight: 600;
}
.vuetiful blockquote {
  margin: 1em 0;
  padding: 0 1em;
  color: #888;
  border-left: 4px solid #2196f3;
}
.vuetiful code {
  display: block;
  margin: 1em 0;
  padding: 1em;
  font-family: monospace;
  white-space: pre;
  background-color: #fafafa;
  border: 1px solid #dde;
  border-radius: 2px;
}
.vuetiful .container {
  width: 100%;
  max-width: 1170px;
  margin: 0 auto;
}
.vuetiful .grid-row {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}
.vuetiful .grid-row + .grid-row {
  margin-top: 1rem;
}
.vuetiful .grid-cell {
  padding-left: .5rem;
  padding-right: 0.5rem;
}
.vuetiful .button {
  display: inline-block;
  margin: 0;
  padding: .75rem 1.5rem;
  font-weight: 600;
  line-height: inherit;
  text-align: center;
  color: #fff;
  background-color: #2196f3;
  border: none;
  border-radius: 2px;
  outline: none;
  cursor: pointer;
}
.vuetiful .button:active,
.vuetiful .button:hover {
  color: #fff;
  background-color: #0c7cd5;
}
.vuetiful .button-blue {
  background-color: #2196f3;
}
.vuetiful .button-blue:active,
.vuetiful .button-blue:hover {
  color: #fff;
  background-color: #0c7cd5;
}
.vuetiful .button-green {
  background-color: #00b378;
}
.vuetiful .button-green:active,
.vuetiful .button-green:hover {
  color: #fff;
  background-color: #008056;
}
.vuetiful .button-red {
  background-color: #f44336;
}
.vuetiful .button-red:active,
.vuetiful .button-red:hover {
  color: #fff;
  background-color: #ea1c0d;
}
.vuetiful .button-#ff0 {
  background-color: #ffc107;
}
.vuetiful .button-#ff0:active,
.vuetiful .button-#ff0:hover {
  color: #fff;
  background-color: #d39e00;
}
.vuetiful .button-orange {
  background-color: #ff9800;
}
.vuetiful .button-orange:active,
.vuetiful .button-orange:hover {
  color: #fff;
  background-color: #cc7a00;
}
.vuetiful .button-purple {
  background-color: #673ab7;
}
.vuetiful .button-purple:active,
.vuetiful .button-purple:hover {
  color: #fff;
  background-color: #512e90;
}
.vuetiful input[type=date],
.vuetiful input[type=datetime],
.vuetiful input[type=password],
.vuetiful input[type=search],
.vuetiful input[type=text],
.vuetiful input[type=time],
.vuetiful select {
  display: inline-block;
  width: 250px;
  height: 3rem;
  padding: 0 .75rem;
  background-color: #fff;
  border: 1px solid #dde;
  border-radius: 2px;
  outline: none;
}
.vuetiful input[type=date]:active,
.vuetiful input[type=date]:focus,
.vuetiful input[type=datetime]:active,
.vuetiful input[type=datetime]:focus,
.vuetiful input[type=password]:active,
.vuetiful input[type=password]:focus,
.vuetiful input[type=search]:active,
.vuetiful input[type=search]:focus,
.vuetiful input[type=text]:active,
.vuetiful input[type=text]:focus,
.vuetiful input[type=time]:active,
.vuetiful input[type=time]:focus,
.vuetiful select:active,
.vuetiful select:focus {
  border-color: #2196f3;
}
.vuetiful .label {
  display: inline-block;
  min-width: 1.9995em;
  padding: 0 .5em;
  font-size: .75019em;
  font-weight: 600;
  line-height: inherit;
  text-align: center;
  color: #32394f;
  background-color: #fafafc;
  border-radius: 2px;
}
.vuetiful .label-blue,
.vuetiful .label-primary {
  color: #fff;
  background-color: #2196f3;
}
.vuetiful .label-green {
  color: #fff;
  background-color: #00b378;
}
.vuetiful .label-red {
  color: #fff;
  background-color: #f44336;
}
.vuetiful .label-#ff0 {
  color: #fff;
  background-color: #ffc107;
}
.vuetiful .label-orange {
  color: #fff;
  background-color: #ff9800;
}
.vuetiful .label-purple {
  color: #fff;
  background-color: #673ab7;
}
.vuetiful .menu-group:not(:last-child) {
  margin-bottom: 1.5rem;
}
.vuetiful .menu-group-title,
.vuetiful .menu-item {
  padding-left: 1rem;
  padding-right: 1rem;
}
.vuetiful .menu-group-title {
  display: block;
  font-weight: 600;
  margin-bottom: 0.5rem;
}
.vuetiful .menu-item {
  padding-top: .25rem;
  padding-bottom: 0.25rem;
}
.vuetiful .menu-item:hover {
  background-color: #fafafc;
}
.vuetiful .table-wrapper {
  display: block;
  width: 100%;
  border: 1px solid #dde;
  border-radius: 2px;
}
.vuetiful .table-wrapper table {
  border: none;
}
.vuetiful table {
  table-layout: fixed;
  width: 100%;
  background-color: #fff;
  border-collapse: collapse;
  border: 1px solid #dde;
}
.vuetiful .table-striped tr:nth-child(2n) > td {
  background-color: #fafafa;
}
.vuetiful td,
.vuetiful th {
  text-align: left;
}
.vuetiful td:last-of-type,
.vuetiful th:last-of-type {
  border-right: none;
}
.vuetiful th {
  padding: .75rem 1rem;
  font-weight: 600;
  background-color: #fafafc;
  border-right: 1px solid #dde;
  border-bottom: 1px solid #dde;
}
.vuetiful td {
  padding: .5rem 1rem;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.vuetiful tbody:last-of-type tr:last-of-type > td,
.vuetiful tfoot:last-of-type tr:last-of-type > td {
  border-bottom: none;
}
.vuetiful tfoot td {
  font-weight: 600;
}
.vuetiful tfoot tr:first-of-type td {
  border-top: 1px solid #dde;
}
.vuetiful .fade-enter-active,
.vuetiful .fade-leave-active {
  transition: opacity 0.25s ease-out;
}
.vuetiful .fade-enter,
.vuetiful .fade-leave {
  opacity: 0;
}
.vuetiful .checkbox {
  display: inline-block;
  margin-right: 1rem;
  vertical-align: baseline;
}
.vuetiful .checkbox label {
  position: relative;
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  margin-right: .25rem;
  background-color: #fff;
  border: 1px solid #dde;
  border-radius: 2px;
  vertical-align: text-bottom;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.vuetiful .checkbox label:after {
  position: absolute;
  display: block;
  content: " ";
  width: .375rem;
  height: .75rem;
  top: .125rem;
  left: .4rem;
  border-right: .2rem solid #fff;
  border-bottom: .2rem solid #fff;
  opacity: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transition: opacity 0.15s ease-out;
}
.vuetiful .checkbox input[type=checkbox] {
  display: none !important;
}
.vuetiful .checkbox input[type=checkbox]:checked + label {
  background-color: #2196f3;
  border-color: #2196f3;
}
.vuetiful .checkbox input[type=checkbox]:checked + label:after {
  opacity: 1;
}
.vuetiful .checkbox input[type=checkbox]:disabled + label {
  background-color: #fafafa;
  cursor: not-allowed;
}
.vuetiful .chip {
  display: inline-block;
  min-width: 1.9995em;
  text-align: left;
  color: #32394f;
  background-color: #fafafc;
  border-radius: 2px;
}
.vuetiful .chip-body,
.vuetiful .chip-footer {
  padding: 0.25rem 0.5rem;
}
.vuetiful .chip-footer {
  background-color: #f2f2f7;
}
.vuetiful .chip-close-button {
  position: relative;
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 2px;
  cursor: pointer;
}
.vuetiful .chip-close-button:hover {
  background-color: #dadae9;
}
.vuetiful .chip-close-button:after,
.vuetiful .chip-close-button:before {
  display: block;
  position: absolute;
  content: " ";
  top: 50%;
  left: 10%;
  width: 80%;
  height: 2px;
  margin-top: -1px;
  background-color: currentColor;
  -webkit-transform-origin: center center;
  transform-origin: center center;
}
.vuetiful .chip-close-button:before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.vuetiful .chip-close-button:after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.vuetiful .datatable th {
  padding: 0;
}
.vuetiful .datatable-linenumber-cell,
.vuetiful .datatable-linenumber-column {
  text-align: center;
}
.vuetiful .datatable-aggregate-cell,
.vuetiful .datatable-linenumber-cell {
  font-weight: 600;
  background-color: #fafafc!important;
  border-right-color: #dde;
}
.vuetiful .datatable-group-chip {
  margin-right: 0.5rem;
}
.vuetiful .datatable-collection .datatable-collection .datatable-resultset {
  border-top: 1px solid #dde;
}
.vuetiful .datatable-group {
  padding: 0;
  background-color: #fff;
}
.vuetiful .datatable-group,
.vuetiful .datatable-groups-header {
  border-bottom: 1px solid #dde;
}
.vuetiful .datatable-group-header {
  padding: .5rem 1rem;
  background-color: #fafafc;
}
.vuetiful .datatable-grouping-over {
  box-shadow: 0 0 0 2px #2196f3;
}
.vuetiful .datatable-row-indent {
  display: inline-block;
  width: 1.5rem;
  height: 1em;
}
.vuetiful .datatable-group-label {
  font-weight: 600;
}
.vuetiful .datatable-info-cell {
  text-align: center;
  font-weight: 600;
}
.vuetiful .datatable-aggregators .datatable-info-cell {
  border-bottom: 1px solid #dde;
}
.vuetiful .datatable-options {
  padding: .75rem 1rem;
  background-color: #fafafc;
  border-top: 1px solid #dde;
}
.vuetiful .datatable-editable .datatable-cell {
  position: relative;
  padding: 0!important;
  overflow: visible;
}
.vuetiful .datatable-editable .datatable-cell input,
.vuetiful .datatable-editable .datatable-cell select {
  display: block;
  width: 100%;
  height: auto;
  padding: .5rem 1rem;
  background-color: transparent;
  border: none;
  border-radius: 0;
}
.vuetiful .datatable-editable .datatable-cell input:active,
.vuetiful .datatable-editable .datatable-cell input:focus,
.vuetiful .datatable-editable .datatable-cell select:active,
.vuetiful .datatable-editable .datatable-cell select:focus {
  box-shadow: 0 0 0 2px #2196f3;
}
.vuetiful .datatable-column {
  padding: .75rem 1rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.vuetiful .datatable-sort-arrow {
  width: 0;
  height: 0;
  border: 0.375rem solid transparent;
}
.vuetiful .datatable-sort-arrow-asc {
  border-bottom-color: currentColor;
  -webkit-transform: translateY(-0.1875rem);
  transform: translateY(-0.1875rem);
}
.vuetiful .datatable-sort-arrow-desc {
  border-top-color: currentColor;
  -webkit-transform: translateY(0.1875rem);
  transform: translateY(0.1875rem);
}
.vuetiful .float {
  display: inline-block;
  position: relative;
}
.vuetiful .float-panel {
  display: block;
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 250px;
  min-height: 50px;
  margin-top: 5px;
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2);
  z-index: 10;
  -webkit-transform-origin: top left;
  transform-origin: top left;
}
.vuetiful .float-enter,
.vuetiful .float-leave-active {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}
.vuetiful .float-enter-active,
.vuetiful .float-leave-active {
  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1), transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.vuetiful .modal-transition-enter-active,
.vuetiful .modal-transition-leave-active {
  transition: opacity 0.2s ease-out;
}
.vuetiful .modal-transition-enter-active .modal,
.vuetiful .modal-transition-leave-active .modal {
  transition: -webkit-transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
  transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out;
}
.vuetiful .modal-transition-enter,
.vuetiful .modal-transition-leave {
  opacity: 0;
}
.vuetiful .modal-transition-enter .modal,
.vuetiful .modal-transition-leave .modal {
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
}
.vuetiful .modal-shade {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 1000;
}
.vuetiful .modal {
  width: 640px;
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0 0 1px 2px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.vuetiful .modal-body,
.vuetiful .modal-footer,
.vuetiful .modal-header {
  padding: 1rem;
}
.vuetiful .modal-footer {
  background-color: #fafafc;
  border-top: 1px solid #eee;
}
.vuetiful .modal-title {
  font-weight: 600;
}
.vuetiful .paginator {
  border: 1px solid #dde;
  border-radius: 2px;
}
.vuetiful .paginator-footer {
  padding: 1rem;
  background-color: #fafafc;
  border-top: 1px solid #dde;
}
.vuetiful .paginator-button {
  display: inline-block;
  min-width: 1.5em;
  padding: 0 .5rem;
  font-weight: 600;
  background-color: #dde;
  border-radius: 2px;
  cursor: pointer;
}
.vuetiful .paginator-button.active {
  color: #fff;
  background-color: #2196f3;
}
.vuetiful .paginator-page-number {
  margin: 0 0.25rem;
}
.vuetiful .panel {
  width: 100%;
  min-height: 150px;
  background-color: #fff;
  border: 1px solid #dde;
  border-radius: 2px;
}
.vuetiful .panel-body,
.vuetiful .panel-footer,
.vuetiful .panel-header {
  padding: 0.75rem 1rem;
}
.vuetiful .panel-footer,
.vuetiful .panel-header {
  background-color: #fafafc;
}
.vuetiful .panel-header {
  border-bottom: 1px solid #dde;
}
.vuetiful .panel-footer {
  border-top: 1px solid #dde;
}
.vuetiful .panel-title {
  font-weight: 600;
}
.vuetiful .radio {
  display: inline-block;
  margin-right: 1rem;
  vertical-align: baseline;
}
.vuetiful .radio label {
  position: relative;
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  background-color: #fff;
  border: 1px solid #dde;
  border-radius: 50%;
  vertical-align: text-bottom;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.vuetiful .radio label:after {
  position: absolute;
  display: block;
  content: " ";
  width: .5rem;
  height: .5rem;
  top: 50%;
  left: 50%;
  margin-top: -0.25rem;
  margin-left: -0.25rem;
  background-color: #fff;
  border-radius: 50%;
}
.vuetiful .radio input[type=radio] {
  display: none !important;
}
.vuetiful .radio input[type=radio]:checked + label {
  background-color: #2196f3;
  border-color: #2196f3;
}
.vuetiful .radio input[type=radio]:disabled + label {
  background-color: #fafafa;
  cursor: not-allowed;
}
.vuetiful .tab-control {
  display: block;
  border: 1px solid #dde;
  border-radius: 2px;
}
.vuetiful .tabs-list {
  background-color: #fafafa;
  border-bottom: 1px solid #dde;
}
.vuetiful .tab-item {
  position: relative;
  padding: .75rem 1rem;
  font-weight: 600;
  border-right: 1px solid #dde;
  cursor: pointer;
}
.vuetiful .tab-item:after {
  position: absolute;
  display: none;
  content: " ";
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 1px;
}
.vuetiful .tab-item.active,
.vuetiful .tab-item:after {
  background-color: #fff;
}
.vuetiful .tab-item.active:after {
  display: block;
}
.vuetiful .tab-pane {
  min-height: 2rem;
  padding: 1rem;
}
.vuetiful .toggle {
  display: inline-block;
  margin-right: 1rem;
  vertical-align: baseline;
}
.vuetiful .toggle label {
  position: relative;
  display: inline-block;
  width: 2.15rem;
  height: 1.25rem;
  background-color: #fff;
  border: 1px solid #dde;
  border-radius: .625rem;
  vertical-align: text-bottom;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.vuetiful .toggle label:after {
  position: absolute;
  display: block;
  content: " ";
  width: .8rem;
  height: .8rem;
  top: 50%;
  left: .25rem;
  background-color: #dde;
  border-radius: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  transition: -webkit-transform 0.15s ease-out;
  transition: transform 0.15s ease-out;
  transition: transform 0.15s ease-out, -webkit-transform 0.15s ease-out;
}
.vuetiful .toggle input[type=checkbox] {
  display: none !important;
}
.vuetiful .toggle input[type=checkbox]:checked + label {
  background-color: #2196f3;
  border-color: #2196f3;
}
.vuetiful .toggle input[type=checkbox]:checked + label:after {
  background-color: #fff;
  -webkit-transform: translate(0.75rem, -50%);
  transform: translate(0.75rem, -50%);
}
.vuetiful .toggle input[type=checkbox]:disabled + label {
  background-color: #fafafa;
  cursor: not-allowed;
}
