[data-v-f9897181]:export {
  colorMain: #463282;
  colorMainDarker: #1e1638;
  colorMainLighter: #835ef4;
  colorSecondary: #d9d9d9;
  colorTertiary: #8f8f8f;
  colorWarning: #fa0;
  colorSuccess: #0de58c;
  colorDanger: #e63946;
  colorGridPrimary: rgba(70, 50, 130, 0.75);
  colorGridSecondary: rgba(0, 0, 0, 0.5);
}
.site[data-v-f9897181] {
  background: #1e1638 url("/img/background.jpg") 0 0 no-repeat;
  background-size: cover;
  width: 100vw;
  height: 100vh;
}
.site header[data-v-f9897181] {
  display: flex;
  align-items: flex-end;
  background-color: #fff;
  padding: 32px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.site header .logo[data-v-f9897181] {
  width: 210px;
}
.site header h1[data-v-f9897181] {
  font-size: 32px;
  line-height: 0.9em;
  color: #1e1638;
  font-weight: 500;
  margin-left: 4px;
  margin-bottom: 0;
  letter-spacing: -1px;
}[data-v-27c38b4d]:export {
  colorMain: #463282;
  colorMainDarker: #1e1638;
  colorMainLighter: #835ef4;
  colorSecondary: #d9d9d9;
  colorTertiary: #8f8f8f;
  colorWarning: #fa0;
  colorSuccess: #0de58c;
  colorDanger: #e63946;
  colorGridPrimary: rgba(70, 50, 130, 0.75);
  colorGridSecondary: rgba(0, 0, 0, 0.5);
}
.btn-group[data-v-27c38b4d] {
  position: relative;
  vertical-align: middle;
}
.btn-group a[data-v-27c38b4d]:hover {
  text-decoration: none;
}
.dropdown-toggle[data-v-27c38b4d] {
  color: white;
  min-width: 160px;
  text-transform: none;
  background: transparent;
  display: flex;
  justify-content: space-between;
  transition: all 0.3s ease;
  border-bottom: 1px solid transparent;
  float: none;
  box-shadow: none;
  border-radius: 0;
}
.dropdown-toggle[data-v-27c38b4d]:hover {
  border-bottom-color: white;
  cursor: pointer;
}
.dropdown-menu[data-v-27c38b4d] {
  position: absolute;
  min-width: 100%;
  top: 100%;
  left: 0;
  float: left;
  padding: 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 16px;
  text-align: left;
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 5px;
  background-clip: padding-box;
  z-index: 40;
}
.dropdown-menu > li > span[data-v-27c38b4d] {
  padding: 10px 20px;
  display: block;
  clear: both;
  font-weight: normal;
  line-height: 1.6;
  color: #222;
  white-space: nowrap;
  font-weight: 400;
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  cursor: pointer;
}
.dropdown-menu > li > span[data-v-27c38b4d]:hover {
  background: rgba(30, 22, 56, 0.7);
}
.dropdown-menu > li[data-v-27c38b4d] {
  overflow: hidden;
  width: 100%;
  position: relative;
  margin: 0;
}
.dropdown-menu > li:last-child span[data-v-27c38b4d] {
  border-bottom: none;
}[data-v-c8bf28a5]:export {
  colorMain: #463282;
  colorMainDarker: #1e1638;
  colorMainLighter: #835ef4;
  colorSecondary: #d9d9d9;
  colorTertiary: #8f8f8f;
  colorWarning: #fa0;
  colorSuccess: #0de58c;
  colorDanger: #e63946;
  colorGridPrimary: rgba(70, 50, 130, 0.75);
  colorGridSecondary: rgba(0, 0, 0, 0.5);
}
svg[data-v-c8bf28a5] {
  cursor: pointer;
  transition: all 250ms ease-in-out;
  transform-origin: 50% 50%;
  vertical-align: middle;
}
svg[data-v-c8bf28a5]:hover {
  opacity: 0.5;
}
svg.active path[data-v-c8bf28a5],
svg.active polygon[data-v-c8bf28a5] {
  fill: #835ef4 !important;
}
svg.xsmall[data-v-c8bf28a5] {
  height: 16px;
  width: 16px;
}
svg.small[data-v-c8bf28a5] {
  height: 24px;
  width: 24px;
}
svg.middle[data-v-c8bf28a5] {
  height: 30px;
  width: 30px;
}
svg.large[data-v-c8bf28a5] {
  height: 48px;
  width: 48px;
}
svg.xlarge[data-v-c8bf28a5] {
  height: 64px;
  width: 64px;
}
svg.full[data-v-c8bf28a5] {
  height: 100%;
  width: 100%;
}
svg.main path[data-v-c8bf28a5],
svg.main polygon[data-v-c8bf28a5] {
  fill: #463282;
}
svg.main-darker path[data-v-c8bf28a5],
svg.main-darker polygon[data-v-c8bf28a5] {
  fill: #1e1638;
}
svg.main-lighter path[data-v-c8bf28a5],
svg.main-lighter polygon[data-v-c8bf28a5] {
  fill: #835ef4;
}
svg.secondary path[data-v-c8bf28a5],
svg.secondary polygon[data-v-c8bf28a5] {
  fill: #d9d9d9;
}
svg.tertiary path[data-v-c8bf28a5],
svg.tertiary polygon[data-v-c8bf28a5] {
  fill: #8f8f8f;
}
svg.white path[data-v-c8bf28a5],
svg.white polygon[data-v-c8bf28a5] {
  fill: white;
}
svg.black path[data-v-c8bf28a5],
svg.black polygon[data-v-c8bf28a5] {
  fill: black;
}
svg.warning path[data-v-c8bf28a5],
svg.warning polygon[data-v-c8bf28a5] {
  fill: #fa0;
}
svg.success path[data-v-c8bf28a5],
svg.success polygon[data-v-c8bf28a5] {
  fill: #0de58c;
}
svg.danger path[data-v-c8bf28a5],
svg.danger polygon[data-v-c8bf28a5] {
  fill: #e63946;
}.device-id[data-v-a491d95f] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  line-break: anywhere;
}[data-v-ccbafd12]:export {
  colorMain: #463282;
  colorMainDarker: #1e1638;
  colorMainLighter: #835ef4;
  colorSecondary: #d9d9d9;
  colorTertiary: #8f8f8f;
  colorWarning: #fa0;
  colorSuccess: #0de58c;
  colorDanger: #e63946;
  colorGridPrimary: rgba(70, 50, 130, 0.75);
  colorGridSecondary: rgba(0, 0, 0, 0.5);
}
.total[data-v-ccbafd12]::before {
  font-size: 0.5em;
  vertical-align: bottom;
  margin-left: 3px;
  content: "/";
}
.manager[data-v-ccbafd12] {
  color: #fff;
  font-size: 17px;
  line-height: 1.5;
  letter-spacing: 0.25pt;
}
.manager .infinity-symbol[data-v-ccbafd12] {
  font-size: 1.7em;
  line-height: 1rem;
}
.manager main[data-v-ccbafd12] {
  padding: 32px;
}
.manager .content[data-v-ccbafd12] {
  height: calc(100vh - 220px);
}
.manager .navbar[data-v-ccbafd12] {
  display: flex;
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
  font-weight: 500;
}
.manager .navbar .badge[data-v-ccbafd12] {
  display: inline-flex;
  align-items: center;
  border: 1px solid #fff;
  font-size: 14px;
  border-radius: 1rem;
  padding: 0 10px;
  color: #fff;
  font-weight: 400;
  margin-left: 6px;
  vertical-align: top;
}
.manager .navbar .nav-link[data-v-ccbafd12] {
  margin-right: 48px;
  padding: 10px 0;
  margin-bottom: -1px;
  border-bottom: 4px solid transparent;
}
.manager .navbar .nav-link[data-v-ccbafd12]:hover {
  border-color: #835ef4;
}
.manager .navbar .nav-link.router-link-exact-active[data-v-ccbafd12] {
  border-color: #835ef4;
}
.manager[data-v-ccbafd12] table {
  width: calc(100% - 22px);
  margin: 32px 0 48px;
  border-collapse: separate;
  border-spacing: 2px 5px;
  table-layout: fixed;
}
.manager[data-v-ccbafd12] table thead tr th:last-of-type {
  text-align: right;
}
.manager[data-v-ccbafd12] table thead th {
  padding: 15px 0;
  text-align: left;
}
.manager[data-v-ccbafd12] table tbody tr:hover td {
  background: rgba(0, 0, 0, 0.5);
}
.manager[data-v-ccbafd12] table tbody tr td:last-of-type div {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.manager[data-v-ccbafd12] table tbody tr td:last-of-type div svg {
  margin-left: 20px;
  margin-top: 2px;
}
.manager[data-v-ccbafd12] table tbody td {
  padding: 12px;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.2);
}
.manager[data-v-ccbafd12] table tbody td.title a {
  font-weight: 500;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.manager[data-v-ccbafd12] table tbody td > a:hover {
  text-decoration: underline;
}[data-v-6d76ef4f]:export {
  colorMain: #463282;
  colorMainDarker: #1e1638;
  colorMainLighter: #835ef4;
  colorSecondary: #d9d9d9;
  colorTertiary: #8f8f8f;
  colorWarning: #fa0;
  colorSuccess: #0de58c;
  colorDanger: #e63946;
  colorGridPrimary: rgba(70, 50, 130, 0.75);
  colorGridSecondary: rgba(0, 0, 0, 0.5);
}
svg[data-v-6d76ef4f] {
  cursor: pointer;
  transition: all 250ms ease-in-out;
  transform-origin: 50% 50%;
  vertical-align: middle;
}
svg[data-v-6d76ef4f]:hover {
  opacity: 0.5;
}
svg.active path[data-v-6d76ef4f],
svg.active polygon[data-v-6d76ef4f] {
  fill: #835ef4 !important;
}
svg.xsmall[data-v-6d76ef4f] {
  height: 16px;
  width: 16px;
}
svg.small[data-v-6d76ef4f] {
  height: 24px;
  width: 24px;
}
svg.middle[data-v-6d76ef4f] {
  height: 30px;
  width: 30px;
}
svg.large[data-v-6d76ef4f] {
  height: 48px;
  width: 48px;
}
svg.xlarge[data-v-6d76ef4f] {
  height: 64px;
  width: 64px;
}
svg.full[data-v-6d76ef4f] {
  height: 100%;
  width: 100%;
}
svg.main path[data-v-6d76ef4f],
svg.main polygon[data-v-6d76ef4f] {
  fill: #463282;
}
svg.main-darker path[data-v-6d76ef4f],
svg.main-darker polygon[data-v-6d76ef4f] {
  fill: #1e1638;
}
svg.main-lighter path[data-v-6d76ef4f],
svg.main-lighter polygon[data-v-6d76ef4f] {
  fill: #835ef4;
}
svg.secondary path[data-v-6d76ef4f],
svg.secondary polygon[data-v-6d76ef4f] {
  fill: #d9d9d9;
}
svg.tertiary path[data-v-6d76ef4f],
svg.tertiary polygon[data-v-6d76ef4f] {
  fill: #8f8f8f;
}
svg.white path[data-v-6d76ef4f],
svg.white polygon[data-v-6d76ef4f] {
  fill: white;
}
svg.black path[data-v-6d76ef4f],
svg.black polygon[data-v-6d76ef4f] {
  fill: black;
}
svg.warning path[data-v-6d76ef4f],
svg.warning polygon[data-v-6d76ef4f] {
  fill: #fa0;
}
svg.success path[data-v-6d76ef4f],
svg.success polygon[data-v-6d76ef4f] {
  fill: #0de58c;
}
svg.danger path[data-v-6d76ef4f],
svg.danger polygon[data-v-6d76ef4f] {
  fill: #e63946;
}[data-v-220ab80a]:export {
  colorMain: #463282;
  colorMainDarker: #1e1638;
  colorMainLighter: #835ef4;
  colorSecondary: #d9d9d9;
  colorTertiary: #8f8f8f;
  colorWarning: #fa0;
  colorSuccess: #0de58c;
  colorDanger: #e63946;
  colorGridPrimary: rgba(70, 50, 130, 0.75);
  colorGridSecondary: rgba(0, 0, 0, 0.5);
}
.user-info[data-v-220ab80a] {
  margin-left: auto;
  padding-left: 20px;
  display: flex;
}
.user-info .email[data-v-220ab80a],
.user-info .asset-usage[data-v-220ab80a] {
  color: #1e1638;
  margin-right: 84px;
}
.user-info .email b[data-v-220ab80a],
.user-info .asset-usage b[data-v-220ab80a] {
  display: flex;
  align-items: center;
}
.user-info .email .infinity-symbol[data-v-220ab80a],
.user-info .asset-usage .infinity-symbol[data-v-220ab80a] {
  font-size: 1.7em;
  line-height: 1rem;
}
.logout[data-v-220ab80a] {
  margin-left: 40px;
}[data-v-c15bd014]:export {
  colorMain: #463282;
  colorMainDarker: #1e1638;
  colorMainLighter: #835ef4;
  colorSecondary: #d9d9d9;
  colorTertiary: #8f8f8f;
  colorWarning: #fa0;
  colorSuccess: #0de58c;
  colorDanger: #e63946;
  colorGridPrimary: rgba(70, 50, 130, 0.75);
  colorGridSecondary: rgba(0, 0, 0, 0.5);
}
div[data-v-c15bd014] {
  display: flex;
  align-items: center;
  padding-right: 10px;
  padding-left: 10px;
}
div[data-v-c15bd014] > label {
  width: auto;
  margin-left: 10px;
}
div[data-v-c15bd014] > label input {
  margin: 0 0 -10px 0 !important;
}
div .value[data-v-c15bd014] {
  white-space: nowrap;
}
div .value[data-v-c15bd014] ::after {
  font-size: 0.5em;
  vertical-align: middle;
  margin-left: 3px;
  content: "/";
}
div .toggle[data-v-c15bd014] {
  margin-left: 5px;
  display: flex;
  align-items: center;
}
div .toggle[data-v-c15bd014]:hover {
  cursor: pointer;
}
div .toggle .infinity-symbol[data-v-c15bd014] {
  font-size: 1.7em;
  line-height: 1rem;
}
div .toggle .infinity-symbol[data-v-c15bd014]:hover {
  color: #835ef4;
}
div .delete[data-v-c15bd014] {
  margin-left: 10px;
}