yvan-window/public/static/css/syno/syno-vue.css

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
  }
  body {
    margin: 0;
  }
  main {
    display: block;
  }
  h1 {
    font-size: 2em;
    margin: 0.67em 0;
  }
  hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
  }
  pre {
    font-family: monospace, monospace;
    font-size: 1em;
  }
  a {
    background-color: transparent;
  }
  abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  b,
  strong {
    font-weight: bolder;
  }
  code,
  kbd,
  samp {
    font-family: monospace, monospace;
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub,
  sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  img {
    border-style: none;
  }
  button,
  input,
  optgroup,
  select,
  textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
  }
  button,
  input {
    overflow: visible;
  }
  button,
  select {
    text-transform: none;
  }
  button,
  [type="button"],
  [type="reset"],
  [type="submit"] {
    -webkit-appearance: button;
  }
  button::-moz-focus-inner,
  [type="button"]::-moz-focus-inner,
  [type="reset"]::-moz-focus-inner,
  [type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
  }
  button:-moz-focusring,
  [type="button"]:-moz-focusring,
  [type="reset"]:-moz-focusring,
  [type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
  }
  fieldset {
    padding: 0.35em 0.75em 0.625em;
  }
  legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
  }
  progress {
    vertical-align: baseline;
  }
  textarea {
    overflow: auto;
  }
  [type="checkbox"],
  [type="radio"] {
    box-sizing: border-box;
    padding: 0;
  }
  [type="number"]::-webkit-inner-spin-button,
  [type="number"]::-webkit-outer-spin-button {
    height: auto;
  }
  [type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
  }
  [type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
  }
  details {
    display: block;
  }
  summary {
    display: list-item;
  }
  template {
    display: none;
  }
  [hidden] {
    display: none;
  }
  body {
    font-family: Verdana, Arial, sans-serif;
    font-feature-settings: none;
    font-variant-ligatures: none;
  }
  body:lang(zh-TW) {
    font-family: Verdana, Arial, Microsoft JhengHei, sans-serif;
  }
  body:lang(zh-CN) {
    font-family: Verdana, Arial, Microsoft YaHei, sans-serif;
  }
  body:lang(ja) {
    font-family: Verdana, Arial, Meriyo, sans-serif;
  }
  body {
    font-size: 13px;
  }
  html,
  body,
  div,
  dl,
  dt,
  dd,
  ul,
  ol,
  li,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  pre,
  form,
  fieldset,
  input,
  p,
  blockquote,
  th,
  td {
    padding: 0;
    margin: 0;
  }
  ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  ul li {
    margin: 0;
    padding: 0;
  }
  *:focus {
    outline: none !important;
    outline: 0px;
  }
  [v-cloak] {
    display: none;
  }
  .pull-right {
    float: right;
  }
  .slide-transition {
    transition: height 0.2s;
  }
  .vue-portal-target {
    position: absolute;
    z-index: 15000;
  }
  .v-menu-item,
  .v-menu-submenu-title {
    font-weight: 400;
  }
  .v-menu-item,
  .v-menu-submenu-title {
    font-weight: 400;
  }
  .v-menu {
    display: flex;
    flex-direction: column;
    position: absolute;
    box-sizing: border-box;
    outline: none;
    margin-bottom: 0;
    width: 170px;
    padding: 7px;
    list-style: none;
    z-index: 1050;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.16);
    background: #fff;
    border-radius: 4px;
    border: 1px solid rgba(198, 212, 224, 0.7);
  }
  .v-menu-hidden {
    display: none;
  }
  .v-menu-item,
  .v-menu-submenu,
  .v-menu-submenu-title {
    cursor: pointer;
  }
  .v-menu-submenu .v-menu-item-menu {
    cursor: auto;
    cursor: initial;
  }
  .v-menu-item,
  .v-menu-submenu-title {
    margin: 0;
    padding: 0 20px 0 12px;
    position: relative;
    display: block;
    white-space: nowrap;
    line-height: 28px;
    height: 28px;
    overflow: hidden;
    color: #414b55;
    flex-shrink: 0;
    display: flex;
  }
  .v-menu-item > .title,
  .v-menu-item > .desc,
  .v-menu-submenu-title > .title,
  .v-menu-submenu-title > .desc {
    flex: 0 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .v-menu-item > .desc,
  .v-menu-submenu-title > .desc {
    color: rgba(65, 75, 85, 0.6);
    margin-left: 4px;
  }
  .v-menu-item {
    padding: 0 12px 0 12px;
  }
  .v-menu-submenu-title {
    padding: 0 20px 0 12px;
  }
  .v-menu-item-menu {
    padding: 8px;
    transform-origin: 0 0;
  }
  .v-menu-item-menu > .v-menu-item,
  .v-menu-item-menu > .v-menu-submenu {
    transform-origin: 0 0;
  }
  .v-menu-item-menu .v-menu-item {
    border-right: 0;
    margin-left: 0;
    left: 0;
  }
  .v-menu-submenu {
    position: relative;
    z-index: 1;
  }
  .v-menu-submenu > .v-menu {
    top: 0;
    left: 100%;
    position: absolute;
    min-width: 160px;
    z-index: 1050;
    padding: 8px;
    background-color: #fff;
    border-radius: 4px;
  }
  .v-menu-submenu > .v-menu-submenu-title:after {
    background-size: 12px 48px;
    position: absolute;
    content: " ";
    top: 2px;
    right: 6px;
    height: 24px;
    width: 12px;
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .v-menu-submenu > .v-menu-submenu-title:after {
      background-size: 12px 48px;
    }
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .synohdpackdebug .v-menu-submenu > .v-menu-submenu-title:after {
      background-size: 12px 48px;
      outline: 1px green dashed;
    }
  }
  .v-menu-item.active,
  .v-menu-submenu.active .v-menu-submenu-title {
    background-color: rgba(5, 127, 235, 0.1);
    border-radius: 3px;
    color: #414b55;
  }
  .v-menu .v-menu-submenu.v-menu-submenu-open {
    z-index: 1050;
  }
  .v-menu .v-menu-submenu.v-menu-submenu-open .v-menu-submenu-title {
    color: #414b55;
    background-color: rgba(5, 127, 235, 0.1);
    border-radius: 3px;
  }
  .v-menu-item-disabled,
  .v-menu-item-disabled:focus,
  .v-menu-item-disabled:hover,
  .v-menu-submenu-disabled,
  .v-menu-submenu-disabled:focus,
  .v-menu-submenu-disabled:hover,
  .v-menu-submenu:focus .v-menu-submenu-disabled,
  .v-menu-submenu:focus .v-menu-submenu-disabled:focus,
  .v-menu-submenu:focus .v-menu-submenu-disabled:hover {
    color: rgba(65, 75, 85, 0.4);
    cursor: not-allowed;
    background: none;
    border-color: transparent;
  }
  .v-menu-item-disabled > a,
  .v-menu-item-disabled:focus > a,
  .v-menu-item-disabled:hover > a,
  .v-menu-submenu-disabled > a,
  .v-menu-submenu-disabled:focus > a,
  .v-menu-submenu-disabled:hover > a,
  .v-menu-submenu:focus .v-menu-submenu-disabled > a,
  .v-menu-submenu:focus .v-menu-submenu-disabled:focus > a,
  .v-menu-submenu:focus .v-menu-submenu-disabled:hover > a {
    color: rgba(65, 75, 85, 0.4);
    pointer-events: none;
  }
  .v-menu-item-disabled > .desc,
  .v-menu-item-disabled:focus > .desc,
  .v-menu-item-disabled:hover > .desc,
  .v-menu-submenu-disabled > .desc,
  .v-menu-submenu-disabled:focus > .desc,
  .v-menu-submenu-disabled:hover > .desc,
  .v-menu-submenu:focus .v-menu-submenu-disabled > .desc,
  .v-menu-submenu:focus .v-menu-submenu-disabled:focus > .desc,
  .v-menu-submenu:focus .v-menu-submenu-disabled:hover > .desc {
    color: rgba(65, 75, 85, 0.4);
  }
  .v-menu-item-disabled > .v-menu-submenu-title,
  .v-menu-item-disabled:focus > .v-menu-submenu-title,
  .v-menu-item-disabled:hover > .v-menu-submenu-title,
  .v-menu-submenu-disabled > .v-menu-submenu-title,
  .v-menu-submenu-disabled:focus > .v-menu-submenu-title,
  .v-menu-submenu-disabled:hover > .v-menu-submenu-title,
  .v-menu-submenu:focus .v-menu-submenu-disabled > .v-menu-submenu-title,
  .v-menu-submenu:focus .v-menu-submenu-disabled:focus > .v-menu-submenu-title,
  .v-menu-submenu:focus .v-menu-submenu-disabled:hover > .v-menu-submenu-title {
    color: rgba(65, 75, 85, 0.4);
    cursor: not-allowed;
  }
  .v-menu-item-disabled .v-icon:not(.v-checkbox-icon),
  .v-menu-item-disabled:focus .v-icon:not(.v-checkbox-icon),
  .v-menu-item-disabled:hover .v-icon:not(.v-checkbox-icon),
  .v-menu-submenu-disabled .v-icon:not(.v-checkbox-icon),
  .v-menu-submenu-disabled:focus .v-icon:not(.v-checkbox-icon),
  .v-menu-submenu-disabled:hover .v-icon:not(.v-checkbox-icon),
  .v-menu-submenu:focus .v-menu-submenu-disabled .v-icon:not(.v-checkbox-icon),
  .v-menu-submenu:focus
    .v-menu-submenu-disabled:focus
    .v-icon:not(.v-checkbox-icon),
  .v-menu-submenu:focus
    .v-menu-submenu-disabled:hover
    .v-icon:not(.v-checkbox-icon) {
    opacity: 0.4;
  }
  .v-menu-item-disabled:after,
  .v-menu-item-disabled:focus:after,
  .v-menu-item-disabled:hover:after,
  .v-menu-submenu-disabled:after,
  .v-menu-submenu-disabled:focus:after,
  .v-menu-submenu-disabled:hover:after,
  .v-menu-submenu:focus .v-menu-submenu-disabled:after,
  .v-menu-submenu:focus .v-menu-submenu-disabled:focus:after,
  .v-menu-submenu:focus .v-menu-submenu-disabled:hover:after {
    opacity: 0.4;
  }
  .v-menu-item-disabled .v-icon:not(.v-checkbox-icon),
  .v-menu-submenu-disabled .v-icon:not(.v-checkbox-icon),
  .v-menu-submenu:focus .v-menu-submenu-disabled .v-icon:not(.v-checkbox-icon) {
    opacity: 0.4;
  }
  .v-menu .v-menu-item.v-checkbox-wrapper,
  .v-menu .v-menu-submenu.v-checkbox-wrapper {
    padding: 0 20px 0 12px;
  }
  .v-menu .v-menu-item .v-icon,
  .v-menu .v-menu-submenu .v-icon {
    position: absolute;
    width: 24px;
    height: 24px;
    min-width: 24px;
    top: 2px;
    left: 0;
    background-size: 24px;
    background-repeat: no-repeat;
    margin-left: 6px;
  }
  .v-menu .v-menu-item .v-icon--checkbox,
  .v-menu .v-menu-submenu .v-icon--checkbox {
    top: 4px;
    min-width: 20px;
    width: 20px;
    height: 20px;
    background-size: 20px;
    margin-left: 8px;
  }
  .v-menu .v-menu-item .v-icon + span,
  .v-menu .v-menu-submenu .v-icon + span {
    padding-left: 24px;
    opacity: 1;
  }
  .v-menu.v-menu-icon-menu
    > .v-ps
    > .v-menu-submenu
    > .v-menu-submenu-title
    > span,
  .v-menu.v-menu-icon-menu > .v-ps > .v-menu-item > span,
  .v-menu.v-menu-icon-menu > .v-menu-submenu > .v-menu-submenu-title > span,
  .v-menu.v-menu-icon-menu > .v-menu-item > span {
    padding-left: 24px;
    opacity: 1;
  }
  .v-menu .v-menu-item-checkbox:hover {
    color: #414b55;
    background: rgba(5, 127, 235, 0.1);
  }
  .v-menu .v-menu-item-checkbox .v-icon {
    background-size: 20px;
    background-position: 0 0px;
  }
  .v-menu .v-menu-item-checkbox-checked .v-icon {
    background-position: 0 -60px;
  }
  .v-menu .v-menu-item-checkbox.v-menu-item-disabled:hover {
    color: rgba(65, 75, 85, 0.4);
    background: none;
  }
  .v-menu .v-menu-item-select-selected .v-icon {
    background-size: 24px 48px;
    background-size: 24px;
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .v-menu .v-menu-item-select-selected .v-icon {
      background-size: 24px 48px;
    }
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .synohdpackdebug .v-menu .v-menu-item-select-selected .v-icon {
      background-size: 24px 48px;
      outline: 1px green dashed;
    }
  }
  .v-menu .v-ps {
    flex: 1 1 auto;
    padding-right: 0px;
  }
  .v-menu-item-divider {
    flex-shrink: 0;
    overflow: hidden;
    line-height: 0;
    height: 1px;
    margin: 2px 0;
    background: rgba(198, 212, 224, 0.4);
  }
  .v-menu-group .v-menu-group-title {
    color: rgba(65, 75, 85, 0.6);
    height: 28px;
    line-height: 28px;
    padding-left: 6px;
    padding-right: 12px;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .v-menu-group-disabled .v-menu-group-title {
    color: rgba(65, 75, 85, 0.4);
  }
  .ps.v-ps {
    overflow: hidden !important;
    overflow-anchor: none;
    touch-action: auto;
  }
  .ps.auto-scroll.v-ps {
    overflow: scroll !important;
    scrollbar-width: none;
  }
  .ps.auto-scroll.v-ps::-webkit-scrollbar {
    display: none;
  }
  .ps.with-padding.v-ps {
    padding-right: 16px;
  }
  .v-ps .ps__rail-x {
    display: none;
    transition: background-color 0.2s linear, opacity 0.2s linear;
    -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
    height: 15px;
    bottom: 0px;
    position: absolute;
  }
  .v-ps .ps__rail-y {
    display: none;
    transition: background-color 0.2s linear, opacity 0.2s linear;
    -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
    width: 10px;
    right: 0;
    position: absolute;
  }
  .ps--active-x.v-ps > .ps__rail-x,
  .ps--active-y.v-ps > .ps__rail-y {
    display: block;
    background-color: transparent;
  }
  .ps.v-ps:hover > .ps__rail-x,
  .ps.v-ps:hover > .ps__rail-y,
  .v-ps .ps--focus > .ps__rail-x,
  .v-ps .ps--focus > .ps__rail-y,
  .v-ps .ps--scrolling-x > .ps__rail-x,
  .v-ps .ps--scrolling-y > .ps__rail-y {
    opacity: 0.6;
  }
  .ps.v-ps .ps__rail-x:hover,
  .ps.v-ps .ps__rail-y:hover,
  .ps.v-ps .ps__rail-x:focus,
  .ps.v-ps .ps__rail-y:focus,
  .ps.v-ps .ps__rail-x.ps--clicking,
  .ps.v-ps .ps__rail-y.ps--clicking {
    background-color: transparent;
    opacity: 0.9;
  }
  .v-ps .ps__thumb-x {
    background-color: rgba(0, 0, 0, 0.12);
    border-radius: 6px;
    transition: background-color 0.2s linear, height 0.2s ease-in-out;
    -webkit-transition: background-color 0.2s linear, height 0.2s ease-in-out;
    height: 8px;
    bottom: 2px;
    position: absolute;
  }
  .v-ps .ps__thumb-y {
    background-color: rgba(0, 0, 0, 0.12);
    border-radius: 6px;
    transition: background-color 0.2s linear, width 0.2s ease-in-out;
    -webkit-transition: background-color 0.2s linear, width 0.2s ease-in-out;
    width: 8px;
    right: 2px;
    position: absolute;
  }
  .v-ps .ps__rail-x:hover > .ps__thumb-x,
  .v-ps .ps__rail-x:focus > .ps__thumb-x,
  .v-ps .ps__rail-x.ps--clicking .ps__thumb-x {
    background-color: rgba(0, 0, 0, 0.42);
  }
  .v-ps .ps__rail-y:hover > .ps__thumb-y,
  .v-ps .ps__rail-y:focus > .ps__thumb-y,
  .v-ps .ps__rail-y.ps--clicking .ps__thumb-y {
    background-color: rgba(0, 0, 0, 0.42);
  }
  @supports (-ms-overflow-style: none) {
    .ps.v-ps {
      overflow: auto !important;
    }
  }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .ps.v-ps {
      overflow: auto !important;
    }
  }
  .v-ps {
    height: 100%;
    position: relative;
    padding-right: 0;
    overflow: hidden;
  }
  .v-ps .v-ps-wrapper {
    height: auto;
    width: auto;
  }
  .v-trap-focus-body {
    height: 100%;
    width: 100%;
    display: inherit;
    flex-direction: inherit;
  }
  .v-trap-focus-indicator {
    height: 0px;
    width: 0px;
    overflow: hidden;
  }
  .v-pagination .left-paging .v-pagination-item.v-pagination-item-active {
    font-weight: 400;
  }
  .v-pagination .left-paging .v-pagination-item.v-pagination-item-active {
    font-weight: 400;
  }
  .v-pagination {
    width: 100%;
    display: flex;
    overflow: hidden;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 0 8px;
    border-top: 1px solid rgba(198, 212, 224, 0.4);
    border-bottom: 1px solid rgba(198, 212, 224, 0.7);
    align-items: center;
  }
  .v-pagination .v-pagination-right .v-pagination-refresh,
  .v-pagination .left-paging .v-pagination-next,
  .v-pagination .left-paging .v-pagination-prev,
  .v-pagination .left-paging .v-pagination-last,
  .v-pagination .left-paging .v-pagination-first {
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
  }
  .v-pagination .v-pagination-right .disabled.v-pagination-refresh,
  .v-pagination .left-paging .disabled.v-pagination-next,
  .v-pagination .left-paging .disabled.v-pagination-prev,
  .v-pagination .left-paging .disabled.v-pagination-last,
  .v-pagination .left-paging .disabled.v-pagination-first {
    cursor: default;
  }
  .v-pagination.less .left-paging .v-pagination-prev {
    margin-right: 4px;
  }
  .v-pagination.less .left-paging .v-pagination-next {
    margin-left: 8px;
  }
  .v-pagination.less .left-paging .v-pagination-item {
    cursor: default;
  }
  .v-pagination.less .left-paging .v-pagination-item:hover {
    background-color: transparent;
    color: #414b55;
  }
  .v-pagination.less .left-paging .v-pagination-item.v-pagination-item-active {
    background-color: transparent;
    color: #414b55;
  }
  .v-pagination .left-paging {
    padding: 0;
    width: auto;
    display: flex;
    vertical-align: top;
  }
  .v-pagination .left-paging .v-pagination-first {
    background-size: 48px 72px;
    background-size: 48px;
    width: 24px;
    height: 24px;
    background-position: 0 0;
    margin-right: 4px;
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .v-pagination .left-paging .v-pagination-first {
      background-size: 48px 72px;
    }
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .synohdpackdebug .v-pagination .left-paging .v-pagination-first {
      background-size: 48px 72px;
      outline: 1px green dashed;
    }
  }
  .v-pagination .left-paging .v-pagination-first:hover {
    background-position: 0 -24px;
  }
  .v-pagination .left-paging .v-pagination-first.disabled {
    background-position: 0 -48px;
  }
  .v-pagination .left-paging .v-pagination-last {
    background-size: 48px 72px;
    background-size: 48px;
    width: 24px;
    height: 24px;
    background-position: 24px 0;
    margin-left: 4px;
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .v-pagination .left-paging .v-pagination-last {
      background-size: 48px 72px;
    }
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .synohdpackdebug .v-pagination .left-paging .v-pagination-last {
      background-size: 48px 72px;
      outline: 1px green dashed;
    }
  }
  .v-pagination .left-paging .v-pagination-last:hover {
    background-position: 24px -24px;
  }
  .v-pagination .left-paging .v-pagination-last.disabled {
    background-position: 24px -48px;
  }
  .v-pagination .left-paging .v-pagination-prev {
    background-size: 48px 72px;
    background-size: 48px;
    width: 24px;
    height: 24px;
    background-position: 0 0;
    margin-right: 28px;
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .v-pagination .left-paging .v-pagination-prev {
      background-size: 48px 72px;
    }
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .synohdpackdebug .v-pagination .left-paging .v-pagination-prev {
      background-size: 48px 72px;
      outline: 1px green dashed;
    }
  }
  .v-pagination .left-paging .v-pagination-prev:hover {
    background-position: 0 -24px;
  }
  .v-pagination .left-paging .v-pagination-prev.disabled {
    background-position: 0 -48px;
  }
  .v-pagination .left-paging .v-pagination-prev.single {
    background-size: 48px 72px;
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .v-pagination .left-paging .v-pagination-prev.single {
      background-size: 48px 72px;
    }
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .synohdpackdebug .v-pagination .left-paging .v-pagination-prev.single {
      background-size: 48px 72px;
      outline: 1px green dashed;
    }
  }
  .v-pagination .left-paging .v-pagination-next {
    background-size: 48px 72px;
    background-size: 48px;
    width: 24px;
    height: 24px;
    background-position: 24px 0;
    margin-left: 32px;
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .v-pagination .left-paging .v-pagination-next {
      background-size: 48px 72px;
    }
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .synohdpackdebug .v-pagination .left-paging .v-pagination-next {
      background-size: 48px 72px;
      outline: 1px green dashed;
    }
  }
  .v-pagination .left-paging .v-pagination-next:hover {
    background-position: 24px -24px;
  }
  .v-pagination .left-paging .v-pagination-next.disabled {
    background-position: 24px -48px;
  }
  .v-pagination .left-paging .v-pagination-next.single {
    background-size: 48px 72px;
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .v-pagination .left-paging .v-pagination-next.single {
      background-size: 48px 72px;
    }
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .synohdpackdebug .v-pagination .left-paging .v-pagination-next.single {
      background-size: 48px 72px;
      outline: 1px green dashed;
    }
  }
  .v-pagination .left-paging .v-pagination-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    padding: 0 3px;
    font-size: 13px;
    color: #414b55;
    border-radius: 3px;
    min-width: 24px;
    width: auto;
    height: 24px;
    line-height: 24px;
    text-align: center;
    cursor: pointer;
    margin-left: 4px;
  }
  .v-pagination .left-paging .v-pagination-item:hover {
    background-color: rgba(198, 212, 224, 0.4);
  }
  .v-pagination .left-paging .v-pagination-item.v-pagination-item-active {
    background-color: #057feb;
    color: #fff;
  }
  .v-pagination .left-paging .v-pagination-item.v-pagination-item-ghost {
    cursor: default;
    background-color: transparent;
  }
  .v-pagination .left-paging .v-pagination-item.v-pagination-item-ghost:hover,
  .v-pagination .left-paging .v-pagination-item.v-pagination-item-ghost:active {
    background-color: transparent;
  }
  .v-pagination .v-pagination-right {
    float: right;
    padding: 0 0 0 2px;
    height: 28px;
    display: flex;
    flex-direction: row;
    align-items: center;
    overflow: hidden;
  }
  .v-pagination .v-pagination-right .v-pagination-total {
    margin-left: 12px;
    display: inline-block;
    vertical-align: top;
    font-size: 13px;
    color: #414b55;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .v-pagination .v-pagination-right .v-spin-icon {
    margin-left: 12px;
    padding-left: 5px;
  }
  .v-pagination .v-pagination-right .v-spin-icon:before {
    content: "";
    position: absolute;
    display: block;
    margin: 2px 0;
    height: 20px;
    width: 1px;
    background-color: rgba(198, 212, 224, 0.4);
    left: 0px;
  }
  .v-pagination .v-pagination-right .v-spin-icon > i {
    left: 9px;
  }
  .v-pagination .v-pagination-right .v-pagination-refresh {
    position: relative;
    background-size: 24px 72px;
    background-size: 24px;
    background-origin: content-box;
    width: 24px;
    height: 24px;
    background-position: 0 0;
    margin-left: 12px;
    padding-left: 5px;
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .v-pagination .v-pagination-right .v-pagination-refresh {
      background-size: 24px 72px;
    }
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .synohdpackdebug .v-pagination .v-pagination-right .v-pagination-refresh {
      background-size: 24px 72px;
      outline: 1px green dashed;
    }
  }
  .v-pagination .v-pagination-right .v-pagination-refresh:hover {
    background-position: 0 -24px;
  }
  .v-pagination .v-pagination-right .v-pagination-refresh.disabled {
    background-position: 0 -48px;
  }
  .v-pagination .v-pagination-right .v-pagination-refresh:before {
    content: "";
    position: absolute;
    display: block;
    margin: 2px 0;
    height: 20px;
    width: 1px;
    background-color: rgba(198, 212, 224, 0.4);
    left: 0px;
  }
  .v-pagination .v-pagination-right .items-per-page-wrapper {
    display: inline-flex;
    margin-right: 0;
    overflow: hidden;
    align-items: center;
    color: #414b55;
  }
  .v-pagination .v-pagination-right .items-per-page-wrapper .items-per-page-text {
    flex: 0 1 auto;
    margin-right: 4px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    line-height: 20px;
  }
  .v-pagination .v-pagination-right .items-per-page-wrapper .v-select2-wrapper {
    flex: 0 0 auto;
    padding-top: 2px;
    padding-bottom: 2px;
  }
  .v-pagination
    .v-pagination-right
    .items-per-page-wrapper
    .v-select2-wrapper
    .v-select2-input {
    position: relative;
  }
  .v-pagination
    .v-pagination-right
    .items-per-page-wrapper
    .v-select2-wrapper
    .v-select2-dropdown-icon {
    top: 0;
  }
  .v-spin-icon {
    display: inline-block;
    position: relative;
    width: 24px;
    height: 24px;
    top: 0;
    left: 0;
  }
  .v-spin-icon > i {
    position: absolute;
    height: 16px;
    width: 16px;
    top: 4px;
    left: 4px;
    -webkit-animation: keyframe-v-spin-icon-1 2s linear infinite;
    animation: keyframe-v-spin-icon-1 2s linear infinite;
  }
  @-webkit-keyframes keyframe-v-spin-icon-1 {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  @keyframes keyframe-v-spin-icon-1 {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
  }
  .v-spin-icon > i > i {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    height: 16px;
    width: 16px;
    clip: rect(0, 16px, 16px, 8px);
    -webkit-animation: keyframe-v-spin-icon-2 1.4s linear infinite;
    animation: keyframe-v-spin-icon-2 1.4s linear infinite;
  }
  @-webkit-keyframes keyframe-v-spin-icon-2 {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(200deg);
    }
  }
  @keyframes keyframe-v-spin-icon-2 {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(200deg);
    }
  }
  .v-spin-icon > i > i::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    height: 16px;
    width: 16px;
    clip: rect(0, 16px, 16px, 8px);
    border-width: 2px;
    border-style: solid;
    border-color: #057feb;
    border-radius: 50%;
    -webkit-animation: keyframe-v-spin-icon-3 1.4s ease-in infinite;
    animation: keyframe-v-spin-icon-3 1.4s ease-in infinite;
    box-sizing: border-box;
  }
  @-webkit-keyframes keyframe-v-spin-icon-3 {
    0% {
      transform: rotate(-160deg);
    }
    40% {
      transform: rotate(-90deg);
    }
    100% {
      transform: rotate(160deg);
    }
  }
  @keyframes keyframe-v-spin-icon-3 {
    0% {
      transform: rotate(-160deg);
    }
    40% {
      transform: rotate(-90deg);
    }
    100% {
      transform: rotate(160deg);
    }
  }
  .v-tooltip-directive {
    font-weight: 400;
  }
  .v-tooltip-directive {
    position: absolute;
    pointer-events: none;
    opacity: 0.8;
    background: rgba(30, 32, 34, 0.8);
    padding: 3px 12px;
    font-size: 13px;
    line-height: 20px;
    color: #fff;
    box-sizing: border-box;
    border: 1px solid #969696;
    border-radius: 4px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3);
    z-index: 20000;
  }
  .v-tooltip-directive.interactive {
    pointer-events: auto;
  }
  .v-tooltip-directive.v-tooltip-directive-regular-panel {
    max-width: 400px;
  }
  .vue-portal-target.tip-portal {
    position: relative;
    z-index: auto;
  }
  .v-btn {
    font-weight: 400;
  }
  .v-btn {
    font-size: 13px;
  }
  .v-btn-blue {
    background-color: #057feb;
    border: solid 1px #057feb;
  }
  .v-btn-blue .v-btn-dropdown-btn {
    background-position: 2px calc(2px + -24px);
    border-left: 1px solid rgba(255, 255, 255, 0.4);
  }
  .v-btn-blue:hover {
    border-color: #0062b8;
    background-color: #0075db;
  }
  .v-btn-blue:hover .v-btn-dropdown-btn {
    border-left-color: rgba(255, 255, 255, 0.4);
  }
  .v-btn-blue:active {
    border-color: #005299;
    background-color: #006dcc;
  }
  .v-btn-blue:active .v-btn-dropdown-btn {
    border-left-color: rgba(255, 255, 255, 0.4);
  }
  .v-btn-blue.v-btn-disabled {
    border-color: #057feb;
    background-color: #057feb;
  }
  .v-btn-blue.v-btn-disabled span {
    opacity: 0.4;
  }
  .v-btn-blue.v-btn-disabled .v-btn-dropdown-btn {
    border-left-color: rgba(255, 255, 255, 0.2);
    opacity: 0.4;
  }
  .v-btn-red {
    background-color: #e64040;
    border: solid 1px #e64040;
  }
  .v-btn-red .v-btn-dropdown-btn {
    background-position: 2px calc(2px + -24px);
    border-left: 1px solid rgba(255, 255, 255, 0.4);
  }
  .v-btn-red:hover {
    border-color: #a81b1b;
    background-color: #d12e2e;
  }
  .v-btn-red:hover .v-btn-dropdown-btn {
    border-left-color: rgba(255, 255, 255, 0.4);
  }
  .v-btn-red:active {
    border-color: #991818;
    background-color: #bd1e1e;
  }
  .v-btn-red:active .v-btn-dropdown-btn {
    border-left-color: rgba(255, 255, 255, 0.4);
  }
  .v-btn-red.v-btn-disabled {
    border-color: #e64040;
    background-color: #e64040;
  }
  .v-btn-red.v-btn-disabled span {
    opacity: 0.4;
  }
  .v-btn-red.v-btn-disabled .v-btn-dropdown-btn {
    border-left-color: rgba(255, 255, 255, 0.2);
    opacity: 0.4;
  }
  .v-btn-orange {
    background-color: #f58414;
    border: solid 1px #f58414;
  }
  .v-btn-orange .v-btn-dropdown-btn {
    background-position: 2px calc(2px + -24px);
    border-left: 1px solid rgba(255, 255, 255, 0.4);
  }
  .v-btn-orange:hover {
    border-color: #bf6000;
    background-color: #e67808;
  }
  .v-btn-orange:hover .v-btn-dropdown-btn {
    border-left-color: rgba(255, 255, 255, 0.4);
  }
  .v-btn-orange:active {
    border-color: #ad5700;
    background-color: #d96c00;
  }
  .v-btn-orange:active .v-btn-dropdown-btn {
    border-left-color: rgba(255, 255, 255, 0.4);
  }
  .v-btn-orange.v-btn-disabled {
    border-color: #f58414;
    background-color: #f58414;
  }
  .v-btn-orange.v-btn-disabled span {
    opacity: 0.4;
  }
  .v-btn-orange.v-btn-disabled .v-btn-dropdown-btn {
    border-left-color: rgba(255, 255, 255, 0.2);
    opacity: 0.4;
  }
  .v-btn-green {
    background-color: #009e05;
    border: solid 1px #009e05;
  }
  .v-btn-green .v-btn-dropdown-btn {
    background-position: 2px calc(2px + -24px);
    border-left: 1px solid rgba(255, 255, 255, 0.4);
  }
  .v-btn-green:hover {
    border-color: #006603;
    background-color: #038f08;
  }
  .v-btn-green:hover .v-btn-dropdown-btn {
    border-left-color: rgba(255, 255, 255, 0.4);
  }
  .v-btn-green:active {
    border-color: #005703;
    background-color: #008004;
  }
  .v-btn-green:active .v-btn-dropdown-btn {
    border-left-color: rgba(255, 255, 255, 0.4);
  }
  .v-btn-green.v-btn-disabled {
    border-color: #009e05;
    background-color: #009e05;
  }
  .v-btn-green.v-btn-disabled span {
    opacity: 0.4;
  }
  .v-btn-green.v-btn-disabled .v-btn-dropdown-btn {
    border-left-color: rgba(255, 255, 255, 0.2);
    opacity: 0.4;
  }
  .v-btn-grey {
    background-color: rgba(198, 212, 224, 0.4);
    border: solid 1px rgba(198, 212, 224, 0);
  }
  .v-btn-grey .v-btn-dropdown-btn {
    background-position: 2px calc(2px + 0px);
    border-left: 1px solid rgba(198, 212, 224, 0.9);
  }
  .v-btn-grey:hover {
    border-color: rgba(124, 138, 152, 0.4);
    background-color: rgba(198, 212, 224, 0.4);
  }
  .v-btn-grey:hover .v-btn-dropdown-btn {
    border-left-color: rgba(198, 212, 224, 0.9);
  }
  .v-btn-grey:active {
    border-color: rgba(124, 138, 152, 0.5);
    background-color: rgba(198, 212, 224, 0.6);
  }
  .v-btn-grey:active .v-btn-dropdown-btn {
    border-left-color: #c6d4e0;
  }
  .v-btn-grey.v-btn-disabled {
    border-color: rgba(198, 212, 224, 0);
    background-color: rgba(198, 212, 224, 0.4);
  }
  .v-btn-grey.v-btn-disabled span {
    opacity: 0.4;
  }
  .v-btn-grey.v-btn-disabled .v-btn-dropdown-btn {
    border-left-color: rgba(198, 212, 224, 0.5);
    opacity: 0.4;
  }
  .v-btn-main {
    background-color: #057feb;
    border: solid 1px #057feb;
  }
  .v-btn-main .v-btn-dropdown-btn {
    background-position: 2px calc(2px + -24px);
    border-left: 1px solid rgba(255, 255, 255, 0.4);
  }
  .v-btn-main:hover {
    border-color: #0062b8;
    background-color: #0075db;
  }
  .v-btn-main:hover .v-btn-dropdown-btn {
    border-left-color: rgba(255, 255, 255, 0.4);
  }
  .v-btn-main:active {
    border-color: #005299;
    background-color: #006dcc;
  }
  .v-btn-main:active .v-btn-dropdown-btn {
    border-left-color: rgba(255, 255, 255, 0.4);
  }
  .v-btn-main.v-btn-disabled {
    border-color: #057feb;
    background-color: #057feb;
  }
  .v-btn-main.v-btn-disabled span {
    opacity: 0.4;
  }
  .v-btn-main.v-btn-disabled .v-btn-dropdown-btn {
    border-left-color: rgba(255, 255, 255, 0.2);
    opacity: 0.4;
  }
  .v-btn-cancel {
    background-color: rgba(198, 212, 224, 0.4);
    border: solid 1px rgba(198, 212, 224, 0);
  }
  .v-btn-cancel .v-btn-dropdown-btn {
    background-position: 2px calc(2px + -24px);
    border-left: 1px solid rgba(198, 212, 224, 0.9);
  }
  .v-btn-cancel:hover {
    border-color: rgba(124, 138, 152, 0.4);
    background-color: rgba(198, 212, 224, 0.4);
  }
  .v-btn-cancel:hover .v-btn-dropdown-btn {
    border-left-color: rgba(198, 212, 224, 0.9);
  }
  .v-btn-cancel:active {
    border-color: rgba(124, 138, 152, 0.5);
    background-color: rgba(198, 212, 224, 0.6);
  }
  .v-btn-cancel:active .v-btn-dropdown-btn {
    border-left-color: #c6d4e0;
  }
  .v-btn-cancel.v-btn-disabled {
    border-color: rgba(198, 212, 224, 0);
    background-color: rgba(198, 212, 224, 0.4);
  }
  .v-btn-cancel.v-btn-disabled span {
    opacity: 0.4;
  }
  .v-btn-cancel.v-btn-disabled .v-btn-dropdown-btn {
    border-left-color: rgba(198, 212, 224, 0.5);
    opacity: 0.4;
  }
  .v-btn {
    padding: 0;
    height: 28px;
    line-height: 28px;
    border-radius: 3px;
    color: #414b55;
    display: inline-block;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    vertical-align: top;
  }
  .v-btn:not(.v-btn-disabled) {
    cursor: pointer;
  }
  .v-btn.v-btn-styleless {
    height: auto;
    width: auto;
    border-radius: 0;
    border: 0;
    background-color: transparent;
  }
  .v-btn.v-btn-styleless:hover {
    background-color: transparent;
  }
  .v-btn.v-btn-styleless:active {
    background-color: transparent;
  }
  .v-btn.v-btn-styleless.v-btn-disabled {
    background-color: transparent;
  }
  .v-btn.v-btn-styleless:before,
  .v-btn.v-btn-styleless:after {
    content: none !important;
  }
  .v-btn span {
    padding: 0 14px 0 14px;
    line-height: 26px;
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
  }
  .v-btn.v-btn-has-icon {
    padding-left: 28px;
    background-repeat: no-repeat;
  }
  .v-btn.v-btn-dropdown {
    display: inline-flex;
  }
  .v-btn.v-btn-dropdown .v-btn-dropdown-btn {
    background-size: 12px 48px;
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: top;
    width: 12px;
    height: 26px;
    padding: 0 2px;
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .v-btn.v-btn-dropdown .v-btn-dropdown-btn {
      background-size: 12px 48px;
    }
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .synohdpackdebug .v-btn.v-btn-dropdown .v-btn-dropdown-btn {
      background-size: 12px 48px;
      outline: 1px green dashed;
    }
  }
  .v-btn.v-btn-dropdown:not(.v-btn-split) span {
    padding-right: 2px;
  }
  .v-btn.v-btn-dropdown:not(.v-btn-split) .v-btn-dropdown-btn {
    border-left: none;
    padding-right: 14px;
  }
  .v-btn.v-btn-footbar {
    border-radius: 100px;
  }
  .v-btn.v-btn-footbar.v-btn {
    min-width: 120px;
    box-shadow: none;
  }
  .v-btn.v-btn-footbar.v-btn-cancel,
  .v-btn.v-btn-footbar.v-btn-grey {
    min-width: 80px;
    box-shadow: none;
  }
  .v-btn.v-btn-footbar.v-btn-blue {
    box-shadow: none;
  }
  .v-btn.v-btn-footbar.v-btn-red {
    box-shadow: none;
  }
  .v-btn.v-btn-blue,
  .v-btn.v-btn-red,
  .v-btn.v-btn-green,
  .v-btn.v-btn-orange,
  .v-btn.v-btn-main {
    color: #fff;
  }
  .v-btn-group {
    font-size: 0px;
  }
  .v-btn-group .v-btn.v-btn-grey.v-btn-pressed:hover,
  .v-btn-group .v-btn.v-btn-grey.v-btn-pressed:active,
  .v-btn-group .v-btn.v-btn-grey.v-btn-pressed {
    border-color: #057feb;
    background-color: #057feb;
    color: #fff;
  }
  .v-btn-group .v-btn:first-child {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .v-btn-group .v-btn:first-child.v-btn-grey:hover,
  .v-btn-group .v-btn:first-child.v-btn-grey:active {
    border-left-color: rgba(198, 212, 224, 0.9);
  }
  .v-btn-group .v-btn:first-child.v-btn-grey.v-btn-pressed:hover,
  .v-btn-group .v-btn:first-child.v-btn-grey.v-btn-pressed:active {
    border-left-color: #057feb;
  }
  .v-btn-group .v-btn:last-child {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  .v-btn-group .v-btn:last-child.v-btn-grey {
    border-right-color: rgba(198, 212, 224, 0);
  }
  .v-btn-group .v-btn:last-child.v-btn-grey:hover,
  .v-btn-group .v-btn:last-child.v-btn-grey:active {
    border-right-color: rgba(198, 212, 224, 0.9);
  }
  .v-btn-group .v-btn:last-child.v-btn-grey.v-btn-pressed:hover,
  .v-btn-group .v-btn:last-child.v-btn-grey.v-btn-pressed:active {
    border-right-color: #057feb;
  }
  .v-btn-group .v-btn {
    border-radius: 0px;
  }
  .v-btn-group .v-btn.v-btn-grey {
    border-right-color: rgba(198, 212, 224, 0.9);
    border-left-color: rgba(198, 212, 224, 0);
  }
  .v-btn-group .v-btn.v-btn-grey:hover,
  .v-btn-group .v-btn.v-btn-grey:active {
    background-color: rgba(198, 212, 224, 0.4);
  }
  .breakpoint-buttons-group.dense .buttons-container .v-btn {
    margin-left: 6px;
  }
  .breakpoint-buttons-group .more-button {
    width: 24px;
    height: 24px;
    background-size: 24px 48px;
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .breakpoint-buttons-group .more-button {
      background-size: 24px 48px;
    }
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .synohdpackdebug .breakpoint-buttons-group .more-button {
      background-size: 24px 48px;
      outline: 1px green dashed;
    }
  }
  .breakpoint-buttons-group .more-button:active,
  .breakpoint-buttons-group .more-button:hover {
    background-position: 0 -24px;
  }
  .breakpoint-buttons-group .more-button.v-btn-menu-shown {
    background-position: 0 -24px;
  }
  .breakpoint-buttons-group .buttons-container {
    display: flex;
    flex-direction: row;
  }
  .breakpoint-buttons-group .buttons-container .v-btn {
    margin-left: 12px;
  }
  .breakpoint-buttons-group .buttons-container .v-btn:first-child {
    margin-left: 0;
  }
  .v-card-wrapper.v-layout .v-card-header .v-card-title {
    font-weight: 700;
  }
  .v-card-wrapper.v-layout {
    border-radius: 4px;
    margin-bottom: 16px;
    border: 1px solid rgba(198, 212, 224, 0.4);
    background-color: #fff;
    box-shadow: 0px 4px 9px rgba(0, 0, 0, 0.02);
    display: flex;
    --svc-layout-margin: unset;
    --svc-layout-padding: unset;
    flex-direction: column;
  }
  .v-card-wrapper.v-layout .v-card-header {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex: 0 0 auto;
  }
  .v-card-wrapper.v-layout .v-card-header .v-card-title {
    font-size: 14px;
    color: #414b55;
    line-height: 28px;
    margin-right: 12px;
  }
  .v-card-wrapper.v-layout .v-card-header .actions-wrapper {
    margin-left: auto;
  }
  .v-card-wrapper.v-layout .v-card-body {
    flex: 1 1 auto;
  }
  .v-card-wrapper.v-layout.layout-card-regular .v-card-header {
    margin: 15px 19px 16px 19px;
  }
  .v-card-wrapper.v-layout.layout-card-compact .v-card-header {
    margin: 5px 9px 6px 19px;
  }
  .v-tabs.v-layout .v-tabs-tab.v-tabs-tab-active,
  .v-tabs.v-layout .v-tabs-tab {
    font-weight: 700;
  }
  .v-tabs.v-layout .v-tabs-tab-text-guard {
    font-weight: 400;
  }
  .v-tabs.v-layout .v-tabs-tab.v-tabs-tab-active,
  .v-tabs.v-layout .v-tabs-tab {
    font-weight: 700;
  }
  .v-tabs.v-layout .v-tabs-tab-text-guard {
    font-weight: 400;
  }
  .v-tabs.v-layout {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  .v-tabs.v-layout .v-tabs-nav-container .v-tabs-nav-wrap {
    height: 29px;
    border-bottom: 1px solid rgba(198, 212, 224, 0.7);
  }
  .v-tabs.v-layout.v7 .v-tabs-tab.v-tabs-tab-active {
    position: relative;
    display: inline-flex;
    align-items: center;
    vertical-align: top;
    flex-direction: column;
    border-bottom: none;
  }
  .v-tabs.v-layout.v7 .v-tabs-tab.v-tabs-tab-active::before {
    content: "";
    position: absolute;
    background-color: #fff;
    transform: rotate(45deg);
    width: 9px;
    height: 9px;
    border-width: 1px 0 0 1px;
    border-style: solid;
    border-color: rgba(198, 212, 224, 0.7);
    bottom: -4px;
  }
  .v-tabs.v-layout .v-tabs-tab {
    color: #414b55;
    display: inline-block;
    font-size: 12px;
    text-align: center;
    line-height: 22px;
    height: 22px;
    padding: 0 8px 8px 8px;
    margin-right: 8px;
    cursor: pointer;
  }
  .v-tabs.v-layout .v-tabs-tab.v-tabs-tab-active {
    padding: 0 8px 8px 8px;
    color: #057feb;
    border-bottom: 2px solid #057feb;
  }
  .v-tabs.v-layout .v-tabs-tab.v-tabs-tab-disabled {
    pointer-events: none;
    color: rgba(65, 75, 85, 0.4);
  }
  .v-tabs.v-layout .v-tabs-tab.v-tabs-tab-hidden {
    display: none;
  }
  .v-tabs.v-layout .v-tabs-tab:hover {
    color: #057feb;
  }
  .v-tabs.v-layout .v-tabs-tab-text-guard {
    height: 0;
    overflow: hidden;
  }
  .v-tabs.v-layout .v-tabs-tab-content.v-layout {
    --svc-layout-padding: 4px 0 0 0;
    padding: 4px 0 0 0;
    padding: var(--svc-layout-padding, 4px 0 0 0);
    flex: 1 1 auto;
    display: flex;
    overflow: hidden;
  }
  .v-tabs.v-layout .v-tabs-tab-content.v-layout .v-tabs-tabpane {
    flex: 1 1 auto;
    overflow: hidden;
  }
  .v-tabs.v-layout .v-tabs-tab-content.v-layout .v-tabs-tabpane .tbar-wrapper {
    padding-bottom: 8px;
    font-size: 0px;
  }
  .v-tabs.v-layout
    .v-tabs-tab-content.v-layout
    .v-tabs-tabpane
    .tbar-wrapper
    .v-btn {
    margin-right: 6px;
  }
  .v-tabs.v-layout
    .v-tabs-tab-content.v-layout
    .v-tabs-tabpane
    .tbar-wrapper
    .pull-right
    .v-btn:last-child {
    margin-right: 0px;
  }
  .v-tabs.v-layout
    .v-tabs-tab-content.v-layout
    .v-tabs-tabpane
    .tbar-wrapper
    .v-btn-group
    .v-btn {
    margin-right: 0px;
  }
  .v-tabs.v-layout .v-tabs-footer.v-layout {
    border-top: 1px solid rgba(198, 212, 224, 0.5);
    padding: 9px 0 10px 0;
    flex: 0 0 auto;
    display: flex;
    height: 28px;
    width: auto;
    font-size: 0;
    margin: 0;
    margin: var(--svc-layout-margin, 0);
    box-sizing: content-box;
  }
  .v-tabs.v-layout .v-tabs-footer.v-layout .pull-right {
    flex-shrink: 0;
    margin-left: auto;
    padding-right: 24px;
  }
  .v-tabs.v-layout .v-tabs-footer.v-layout .v-btn {
    margin-left: 8px;
  }
  .v-layout {
    --svc-layout-margin: 0;
    --svc-layout-padding: 0;
    --svc-layout-height: auto;
    margin: var(--svc-layout-margin);
    padding: var(--svc-layout-padding);
    height: var(--svc-layout-height);
    box-sizing: border-box;
  }
  .v-spin {
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px 0px;
    border-radius: 3px;
    padding: 0px;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(198, 212, 224, 0.7);
    -o-border-image: initial;
    border-image: none;
    border-image: initial;
    overflow: hidden;
  }
  .v-spin-wrapper-masking {
    opacity: 0.5;
    background-color: #fff;
  }
  .v-spin {
    z-index: 20002;
    background-color: #fff;
    background-image: none;
    position: absolute;
  }
  .v-spin .v-spin-icon {
    position: absolute;
    top: 4px;
    left: 8px;
  }
  .v-spin-text {
    height: 20px;
    line-height: 20px;
    position: relative;
    padding: 6px 16px 6px 16px;
    background-image: none;
    background-color: #fff;
  }
  .v-spin-text.has-icon {
    padding-left: 38px;
  }
  .v-spin-wrapper {
    position: relative;
  }
  .v-spin-wrapper .v-spin {
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
  }
  .v-spin-wrapper-masking {
    z-index: 20001;
    position: absolute;
    width: 100%;
    height: 100%;
  }
  .v-spin-wrapper.large-dots {
    width: 320px;
    height: 60px;
    display: flex;
    margin: auto;
    position: relative;
  }
  .v-spin-wrapper.large-dots .loader-inner {
    margin: auto;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    position: relative;
    -webkit-animation: loading-dots 0.8s ease alternate infinite;
    animation: loading-dots 0.8s ease alternate infinite;
    -webkit-animation-delay: 0.32s;
    animation-delay: 0.32s;
    margin-left: auto;
    margin-right: auto;
    top: -12px;
  }
  .v-spin-wrapper.large-dots .loader-inner::after,
  .v-spin-wrapper.large-dots .loader-inner::before {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    -webkit-animation: loading-dots 0.8s ease alternate infinite;
    animation: loading-dots 0.8s ease alternate infinite;
  }
  .v-spin-wrapper.large-dots .loader-inner::before {
    left: -22px;
    -webkit-animation-delay: 0.16s;
    animation-delay: 0.16s;
  }
  .v-spin-wrapper.large-dots .loader-inner::after {
    right: -22px;
    -webkit-animation-delay: 0.48s;
    animation-delay: 0.48s;
  }
  @-webkit-keyframes loading-dots {
    0% {
      box-shadow: 0 12px 0 -12px #057feb;
    }
    100% {
      box-shadow: 0 12px 0 #057feb;
    }
  }
  @keyframes loading-dots {
    0% {
      box-shadow: 0 12px 0 -12px #057feb;
    }
    100% {
      box-shadow: 0 12px 0 #057feb;
    }
  }
  .v-textfield-wrapper {
    color: #414b55;
  }
  .v-textfield-wrapper {
    color: #414b55;
  }
  .v-textfield-wrapper {
    position: relative;
    font-size: 13px;
  }
  .v-textfield-wrapper input[type="text"],
  .v-textfield-wrapper input[type="password"],
  .v-textfield-wrapper textarea {
    color: #414b55;
  }
  .v-textfield-wrapper input[type="text"]::-moz-placeholder,
  .v-textfield-wrapper input[type="password"]::-moz-placeholder,
  .v-textfield-wrapper textarea::-moz-placeholder {
    color: rgba(65, 75, 85, 0.4);
  }
  .v-textfield-wrapper input[type="text"]::placeholder,
  .v-textfield-wrapper input[type="password"]::placeholder,
  .v-textfield-wrapper textarea::placeholder {
    color: rgba(65, 75, 85, 0.4);
  }
  .v-textfield-wrapper .v-textfield-input,
  .v-textfield-wrapper .v-textfield-textarea {
    border-width: 1px;
    border-style: solid;
    border-color: rgba(198, 212, 224, 0.7);
    background-color: inherit;
    line-height: 20px;
    padding: 3px 11px;
    border-radius: 4px;
  }
  .v-textfield-wrapper .v-textfield-input.fit-container,
  .v-textfield-wrapper .v-textfield-textarea.fit-container {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    min-height: 28px;
  }
  .v-textfield-wrapper .v-textfield-textarea-wrapper {
    position: relative;
    display: inline-block;
    vertical-align: top;
  }
  .v-textfield-wrapper .v-textfield-textarea-wrapper .suffix-icons {
    align-items: flex-start;
    padding-top: 2px;
    right: 8px;
  }
  .v-textfield-wrapper .v-textfield-textarea-wrapper.fit-container {
    width: 100%;
  }
  .v-textfield-wrapper .v-textfield-textarea-wrapper .v-ps {
    height: 100%;
    width: 0;
    right: 0;
    position: absolute;
  }
  .v-textfield-wrapper .v-textfield-textarea-wrapper .v-ps .ps__rail-y {
    margin: 3px 0 2px 0;
  }
  .v-textfield-wrapper .v-textfield-textarea-wrapper .v-ps .ps__thumb-y {
    right: 3px;
  }
  .v-textfield-wrapper .v-textfield-textarea-wrapper .v-textfield-textarea {
    overflow: hidden;
    line-height: 20px;
    padding: 3px 17px 3px 11px;
    display: block;
    resize: none;
  }
  .v-textfield-wrapper.has-suffix-icon .v-textfield-textarea {
    padding-right: 35px;
  }
  .v-textfield-wrapper.has-suffix-icon .v-textfield-input {
    padding-right: 31px;
  }
  .v-textfield-wrapper.suffix-icon-cnt-2 .v-textfield-textarea {
    padding-right: 61px;
  }
  .v-textfield-wrapper.suffix-icon-cnt-2 .v-textfield-input {
    padding-right: 57px;
  }
  .v-textfield-wrapper.disabled .suffix-icons .clear-icon,
  .v-textfield-wrapper.disabled .suffix-icons .clear-icon:hover,
  .v-textfield-wrapper.disabled .suffix-icons .clear-icon:active {
    opacity: 0.4;
  }
  .v-textfield-wrapper.disabled .suffix-icons .password-icon,
  .v-textfield-wrapper.disabled .suffix-icons .password-icon:hover,
  .v-textfield-wrapper.disabled .suffix-icons .password-icon:active {
    opacity: 0.4;
    background-position: 0 -48px;
  }
  .v-textfield-wrapper.disabled
    .v-textfield-input-wrapper.password.mask-password
    .suffix-icons
    .password-icon,
  .v-textfield-wrapper.disabled
    .v-textfield-input-wrapper.password.mask-password
    .suffix-icons
    .password-icon:hover,
  .v-textfield-wrapper.disabled
    .v-textfield-input-wrapper.password.mask-password
    .suffix-icons
    .password-icon:active {
    background-position: 0 0;
  }
  .v-textfield-wrapper .suffix-icons {
    display: inline-flex;
    box-sizing: border-box;
    align-items: center;
    position: absolute;
    vertical-align: top;
    height: 100%;
    right: 4px;
    top: 0px;
  }
  .v-textfield-wrapper .suffix-icons .clear-icon {
    display: inline-block;
    vertical-align: top;
    background-size: 24px 24px;
    width: 24px;
    height: 24px;
    opacity: 0.4;
    cursor: pointer;
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .v-textfield-wrapper .suffix-icons .clear-icon {
      background-size: 24px 24px;
    }
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .synohdpackdebug .v-textfield-wrapper .suffix-icons .clear-icon {
      background-size: 24px 24px;
      outline: 1px green dashed;
    }
  }
  .v-textfield-wrapper .suffix-icons .clear-icon:hover {
    opacity: 0.7;
  }
  .v-textfield-wrapper .suffix-icons .clear-icon:active {
    opacity: 1;
  }
  .v-textfield-wrapper .suffix-icons .password-icon {
    display: inline-block;
    vertical-align: top;
    margin-left: 2px;
    background-size: 24px 96px;
    width: 24px;
    height: 24px;
    cursor: pointer;
    background-position: 0 -48px;
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .v-textfield-wrapper .suffix-icons .password-icon {
      background-size: 24px 96px;
    }
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .synohdpackdebug .v-textfield-wrapper .suffix-icons .password-icon {
      background-size: 24px 96px;
      outline: 1px green dashed;
    }
  }
  .v-textfield-wrapper .suffix-icons .password-icon:hover,
  .v-textfield-wrapper .suffix-icons .password-icon:active {
    background-position: 0 -72px;
  }
  .v-textfield-wrapper .v-textfield-input-wrapper {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 100%;
  }
  .v-textfield-wrapper
    .v-textfield-input-wrapper.password.mask-password
    .password-icon {
    background-position: 0 0;
  }
  .v-textfield-wrapper
    .v-textfield-input-wrapper.password.mask-password
    .password-icon:hover,
  .v-textfield-wrapper
    .v-textfield-input-wrapper.password.mask-password
    .password-icon:active {
    background-position: 0 -24px;
  }
  .v-textfield-wrapper:hover:not(.disabled):not(.disabled-hover):not(.focused)
    .v-textfield-input,
  .v-textfield-wrapper:hover:not(.disabled):not(.disabled-hover):not(.focused)
    .v-textfield-textarea {
    border-color: rgba(124, 138, 152, 0.5);
    background-color: inherit;
  }
  .has-error
    .v-textfield-wrapper:hover:not(.disabled):not(.disabled-hover):not(.focused)
    .v-textfield-input,
  .has-error
    .v-textfield-wrapper:hover:not(.disabled):not(.disabled-hover):not(.focused)
    .v-textfield-textarea {
    background-color: rgba(230, 64, 64, 0.08);
    border-color: #e64040;
  }
  .v-textfield-wrapper.focused .v-textfield-input,
  .v-textfield-wrapper.focused .v-textfield-textarea {
    border-color: #057feb;
    background-color: inherit;
  }
  .has-error .v-textfield-wrapper .v-textfield-input,
  .has-error .v-textfield-wrapper .v-textfield-textarea {
    background-color: rgba(230, 64, 64, 0.08);
  }
  .has-error .v-textfield-wrapper .v-textfield-input,
  .has-error .v-textfield-wrapper .v-textfield-input:hover,
  .has-error .v-textfield-wrapper .v-textfield-input:focus,
  .has-error .v-textfield-wrapper .v-textfield-textarea,
  .has-error .v-textfield-wrapper .v-textfield-textarea:hover,
  .has-error .v-textfield-wrapper .v-textfield-textarea:focus {
    border-color: #e64040;
  }
  .v-textfield-wrapper.disabled .v-textfield-input,
  .v-textfield-wrapper.disabled .v-textfield-textarea {
    color: rgba(65, 75, 85, 0.4);
    border-color: rgba(198, 212, 224, 0.7);
    background-color: rgba(198, 212, 224, 0.2);
  }
  .v-textfield-strength {
    width: 200px;
    height: 18px;
    margin-top: 4px;
  }
  .v-textfield-strength .strength-block {
    width: 26px;
    height: 4px;
    margin-top: 7px;
    background-color: rgba(198, 212, 224, 0.4);
    margin-right: 2px;
    float: left;
  }
  .v-textfield-strength .strength-text {
    margin-left: 6px;
    float: left;
    font-size: 12px;
    line-height: 18px;
  }
  .v-textfield-strength.weak .strength-block.block-1 {
    background-color: #e64040;
  }
  .v-textfield-strength.weak .strength-text {
    color: #e64040;
  }
  .v-textfield-strength.medium .strength-block.block-1,
  .v-textfield-strength.medium .strength-block.block-2 {
    background-color: #f58414;
  }
  .v-textfield-strength.medium .strength-text {
    color: #f58414;
  }
  .v-textfield-strength.strong .strength-block.block-1,
  .v-textfield-strength.strong .strength-block.block-2,
  .v-textfield-strength.strong .strength-block.block-3 {
    background-color: #009e05;
  }
  .v-textfield-strength.strong .strength-text {
    color: #009e05;
  }
  .v-select-wrapper {
    color: #414b55;
  }
  .v-select-wrapper {
    color: #414b55;
  }
  .v-select-wrapper {
    color: #414b55;
  }
  .v-select-wrapper {
    box-sizing: border-box;
    font-size: 13px;
    border-width: 1px;
    border-style: solid;
    background-color: inherit;
    border-color: rgba(198, 212, 224, 0.7);
    padding: 3px 28px 3px 11px;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
  }
  .v-select-wrapper input[type="text"] {
    width: 100%;
  }
  .v-select-wrapper input[type="text"]::-webkit-input-placeholder {
    color: rgba(65, 75, 85, 0.4);
  }
  .v-select-wrapper input[type="text"]:-moz-placeholder {
    color: rgba(65, 75, 85, 0.4);
    opacity: 1;
  }
  .v-select-wrapper input[type="text"]::-moz-placeholder {
    color: rgba(65, 75, 85, 0.4);
    opacity: 1;
  }
  .v-select-wrapper input[type="text"]:-ms-input-placeholder {
    color: rgba(65, 75, 85, 0.4);
  }
  .has-error .v-select-wrapper {
    background-color: rgba(230, 64, 64, 0.08);
    border-color: #e64040;
  }
  .v-select-wrapper.v-multiselect-wrapper {
    padding: 0px 56px 0px 1px;
  }
  .v-select-wrapper.has-search-icon {
    padding-left: 33px;
  }
  .v-select-wrapper.has-search-icon.is-advanced {
    padding-left: 39px;
  }
  .v-select-wrapper.readonly .v-select-input {
    cursor: pointer;
  }
  .v-select-wrapper .v-select-input {
    height: 20px;
    line-height: 20px;
    border: 0px;
    background-color: transparent;
    color: #414b55;
  }
  .v-select-wrapper .v-select-dropdown-icon {
    display: block;
    position: absolute;
    top: 1px;
    right: 1px;
    background-color: transparent;
    width: 24px;
    height: 24px;
    border-radius: 0 4px 4px 0;
    background-size: 24px 72px;
    background-size: 24px;
    background-position: 0 0;
    cursor: pointer;
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .v-select-wrapper .v-select-dropdown-icon {
      background-size: 24px 72px;
    }
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .synohdpackdebug .v-select-wrapper .v-select-dropdown-icon {
      background-size: 24px 72px;
      outline: 1px green dashed;
    }
  }
  .v-select-wrapper .v-select-search-icon {
    display: block;
    position: absolute;
    left: 6px;
    top: 1px;
    width: 24px;
    height: 24px;
  }
  .v-select-wrapper .v-select-search-icon.normal {
    background-size: 24px 96px;
    background-size: 24px;
    background-position: 0 0;
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .v-select-wrapper .v-select-search-icon.normal {
      background-size: 24px 96px;
    }
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .synohdpackdebug .v-select-wrapper .v-select-search-icon.normal {
      background-size: 24px 96px;
      outline: 1px green dashed;
    }
  }
  .v-select-wrapper .v-select-search-icon.textfilter {
    background-size: 24px 96px;
    background-size: 24px;
    background-position: 0 -24px;
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .v-select-wrapper .v-select-search-icon.textfilter {
      background-size: 24px 96px;
    }
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .synohdpackdebug .v-select-wrapper .v-select-search-icon.textfilter {
      background-size: 24px 96px;
      outline: 1px green dashed;
    }
  }
  .v-select-wrapper .v-select-search-icon.advanced {
    width: 32px;
    cursor: pointer;
    background-size: 32px 48px;
    background-size: 32px;
    background-position: 0 0;
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .v-select-wrapper .v-select-search-icon.advanced {
      background-size: 32px 48px;
    }
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .synohdpackdebug .v-select-wrapper .v-select-search-icon.advanced {
      background-size: 32px 48px;
      outline: 1px green dashed;
    }
  }
  .v-select-wrapper .v-select-search-icon.advanced-textfilter {
    width: 32px;
    cursor: pointer;
    background-size: 32px 48px;
    background-size: 32px;
    background-position: 0 0;
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .v-select-wrapper .v-select-search-icon.advanced-textfilter {
      background-size: 32px 48px;
    }
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .synohdpackdebug .v-select-wrapper .v-select-search-icon.advanced-textfilter {
      background-size: 32px 48px;
      outline: 1px green dashed;
    }
  }
  .v-select-wrapper .v-select-clear-icon {
    background-size: 24px 24px;
    width: 24px;
    height: 24px;
    display: inline-block;
    top: 1px;
    right: 28px;
    position: absolute;
    cursor: pointer;
    opacity: 0.4;
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .v-select-wrapper .v-select-clear-icon {
      background-size: 24px 24px;
    }
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .synohdpackdebug .v-select-wrapper .v-select-clear-icon {
      background-size: 24px 24px;
      outline: 1px green dashed;
    }
  }
  .v-select-wrapper .v-select-clear-icon.hide-trigger {
    right: 4px;
  }
  .v-select-wrapper .v-select-clear-icon:hover {
    opacity: 0.7;
  }
  .v-select-wrapper .v-select-clear-icon:active {
    opacity: 1;
  }
  .v-select-wrapper:hover {
    background-color: inherit;
    border-color: rgba(124, 138, 152, 0.5);
  }
  .has-error .v-select-wrapper:hover {
    background-color: rgba(230, 64, 64, 0.08);
    border-color: #e64040;
  }
  .v-select-wrapper.focused,
  .v-select-wrapper.pressed {
    background-color: inherit;
    border-color: #057feb;
  }
  .v-select-wrapper.focused .v-select-dropdown-icon,
  .v-select-wrapper.pressed .v-select-dropdown-icon {
    background-position: 0 -24px;
  }
  .has-error .v-select-wrapper.focused,
  .has-error .v-select-wrapper.pressed {
    background-color: rgba(230, 64, 64, 0.08);
    border-color: #e64040;
  }
  .v-select-wrapper.disabled {
    border-color: rgba(198, 212, 224, 0.7);
    background-color: rgba(198, 212, 224, 0.2);
    color: rgba(65, 75, 85, 0.4);
  }
  .v-select-wrapper.disabled .v-select-input {
    cursor: default;
    background-color: transparent;
    color: rgba(65, 75, 85, 0.4);
  }
  .v-select-wrapper.disabled .v-select-dropdown-icon {
    cursor: default;
    background-position: 0 -48px;
  }
  .v-select-dropdown,
  .v-select-advanced {
    background: #fff;
    border-radius: 4px;
    border: 1px solid rgba(198, 212, 224, 0.7);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.16);
    padding: 8px;
    z-index: 15000;
  }
  .v-select-dropdown {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
  }
  .v-select-dropdown .v-select-dropdown-menu-item {
    border-radius: 3px;
    padding: 0 6px 0 12px;
    height: 28px;
    line-height: 28px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
  }
  .v-select-dropdown .v-select-dropdown-menu-item.selected,
  .v-select-dropdown .v-select-dropdown-menu-item.activated {
    background: rgba(5, 127, 235, 0.1);
    color: #414b55;
  }
  .v-select-dropdown .v-select-dropdown-menu-item.action {
    flex-shrink: 0;
    color: #057feb;
  }
  .v-select-dropdown .v-select-dropdown-menu-item.action.selected,
  .v-select-dropdown .v-select-dropdown-menu-item.action.activated {
    background: rgba(5, 127, 235, 0.1);
    color: #057feb;
  }
  .v-select-dropdown .v-select-dropdown-divider {
    margin-top: 4px;
    border-top: 1px solid rgba(198, 212, 224, 0.4);
    margin-bottom: 4px;
    width: 100%;
  }
  .v-select-dropdown .v-ps {
    padding-right: 0px;
  }
  .v-select-dropdown ul {
    padding-left: 0;
    margin: 0;
  }
  .v-multiselect-ct {
    display: inline-flex;
  }
  .v-multiselect-ct .v-multiselect-input,
  .v-multiselect-ct .v-multiselect-item-wrapper .v-multiselect-item-label {
    font-size: 13px;
    color: #414b55;
    line-height: 20px;
  }
  .v-multiselect-ct .v-multiselect-item-wrapper {
    background: rgba(5, 127, 235, 0.1);
    border-radius: 3px;
    padding: 2px 30px 2px 12px;
    position: relative;
    margin: 1px;
    display: inline-block;
    vertical-align: top;
  }
  .v-multiselect-ct .v-multiselect-item-wrapper .v-multiselect-item-remove {
    position: absolute;
    top: 2px;
    right: 4px;
    width: 20px;
    height: 20px;
    display: block;
    background-position: 0 0;
    background-size: 20px 180px;
    background-size: 20px;
    cursor: pointer;
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .v-multiselect-ct .v-multiselect-item-wrapper .v-multiselect-item-remove {
      background-size: 20px 180px;
    }
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .synohdpackdebug
      .v-multiselect-ct
      .v-multiselect-item-wrapper
      .v-multiselect-item-remove {
      background-size: 20px 180px;
      outline: 1px green dashed;
    }
  }
  .v-multiselect-ct .v-multiselect-item-wrapper .v-multiselect-item-remove:hover {
    background-position: 0 -20px;
  }
  .v-multiselect-ct .v-multiselect-item-wrapper .v-multiselect-item-remove:active,
  .v-multiselect-ct .v-multiselect-item-wrapper .v-multiselect-item-remove:focus {
    background-position: 0 -40px;
  }
  .v-multiselect-ct .v-multiselect-item-wrapper:hover {
    background: rgba(5, 127, 235, 0.2);
  }
  .v-multiselect-ct .v-multiselect-item-wrapper:active,
  .v-multiselect-ct .v-multiselect-item-wrapper:focus {
    background: #057feb;
  }
  .v-multiselect-ct .v-multiselect-item-wrapper:active .v-multiselect-item-label,
  .v-multiselect-ct .v-multiselect-item-wrapper:focus .v-multiselect-item-label {
    color: #fff;
  }
  .v-multiselect-ct .v-multiselect-input {
    margin: 1px 0px;
    padding: 2px 0;
    width: 5px;
    border-width: 0px;
    background-color: transparent;
  }
  .v-select2-wrapper {
    color: #414b55;
  }
  .v-select2-wrapper {
    color: #414b55;
  }
  .v-select2-wrapper {
    color: #414b55;
  }
  .v-select2-wrapper {
    box-sizing: border-box;
    font-size: 13px;
    border-width: 1px;
    border-style: solid;
    background-color: inherit;
    border-color: rgba(198, 212, 224, 0.7);
    padding: 3px 29px 3px 11px;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
  }
  .v-select2-wrapper .v-select2-input {
    width: 100%;
  }
  .v-select2-wrapper .v-select2-input::-moz-placeholder {
    color: rgba(65, 75, 85, 0.4);
  }
  .v-select2-wrapper .v-select2-input::placeholder {
    color: rgba(65, 75, 85, 0.4);
  }
  .has-error .v-select2-wrapper {
    background-color: rgba(230, 64, 64, 0.08);
    border-color: #e64040;
  }
  .v-select2-wrapper.v-multiselect-wrapper {
    padding: 0 1px;
  }
  .v-select2-wrapper.v-multiselect-wrapper .v-select2-text-display {
    padding: 3px 28px 3px 10px;
    line-height: 20px;
    height: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .v-select2-wrapper.has-icon {
    padding-left: 33px;
  }
  .v-select2-wrapper.has-icon.is-advanced {
    padding-left: 37px;
  }
  .v-select2-wrapper.readonly .v-select2-input {
    cursor: pointer;
  }
  .v-select2-wrapper .v-select2-text-display {
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .v-select2-wrapper .v-select2-text-display.placeholder {
    color: rgba(65, 75, 85, 0.4);
  }
  .v-select2-wrapper .v-select2-input {
    height: 20px;
    line-height: 20px;
    border: 0px;
    width: 100%;
    background-color: transparent;
    vertical-align: top;
    padding: 0;
    color: #414b55;
  }
  .v-select2-wrapper .v-select-ul-wrap {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
  }
  .v-select2-wrapper .v-select2-dropdown-icon {
    display: block;
    position: absolute;
    top: 1px;
    right: 1px;
    background-color: transparent;
    width: 24px;
    height: 24px;
    border-radius: 0 4px 4px 0;
    background-size: 24px 72px;
    background-size: 24px;
    background-position: 0 0;
    cursor: pointer;
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .v-select2-wrapper .v-select2-dropdown-icon {
      background-size: 24px 72px;
    }
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .synohdpackdebug .v-select2-wrapper .v-select2-dropdown-icon {
      background-size: 24px 72px;
      outline: 1px green dashed;
    }
  }
  .v-select2-wrapper .v-select2-icon i {
    display: block;
    position: absolute;
    left: 5px;
    top: 1px;
    width: 24px;
    height: 24px;
  }
  .v-select2-wrapper .v-select2-icon i.disabled {
    display: none;
  }
  .v-select2-wrapper .v-select2-icon i.normal {
    background-size: 24px 96px;
    background-size: 24px;
    background-position: 0 0;
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .v-select2-wrapper .v-select2-icon i.normal {
      background-size: 24px 96px;
    }
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .synohdpackdebug .v-select2-wrapper .v-select2-icon i.normal {
      background-size: 24px 96px;
      outline: 1px green dashed;
    }
  }
  .v-select2-wrapper .v-select2-icon i.textfilter {
    background-size: 24px 96px;
    background-size: 24px;
    background-position: 0 -24px;
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .v-select2-wrapper .v-select2-icon i.textfilter {
      background-size: 24px 96px;
    }
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .synohdpackdebug .v-select2-wrapper .v-select2-icon i.textfilter {
      background-size: 24px 96px;
      outline: 1px green dashed;
    }
  }
  .v-select2-wrapper .v-select2-icon i.advanced {
    width: 32px;
    cursor: pointer;
    background-size: 32px 48px;
    background-size: 32px;
    background-position: 0 0;
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .v-select2-wrapper .v-select2-icon i.advanced {
      background-size: 32px 48px;
    }
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .synohdpackdebug .v-select2-wrapper .v-select2-icon i.advanced {
      background-size: 32px 48px;
      outline: 1px green dashed;
    }
  }
  .v-select2-wrapper .v-select2-icon i.advanced-textfilter {
    width: 32px;
    cursor: pointer;
    background-size: 32px 48px;
    background-size: 32px;
    background-position: 0 0;
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .v-select2-wrapper .v-select2-icon i.advanced-textfilter {
      background-size: 32px 48px;
    }
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .synohdpackdebug .v-select2-wrapper .v-select2-icon i.advanced-textfilter {
      background-size: 32px 48px;
      outline: 1px green dashed;
    }
  }
  .v-select2-wrapper .v-select2-clear-icon {
    background-size: 24px 24px;
    width: 24px;
    height: 24px;
    display: inline-block;
    top: 1px;
    right: 27px;
    position: absolute;
    cursor: pointer;
    opacity: 0.4;
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .v-select2-wrapper .v-select2-clear-icon {
      background-size: 24px 24px;
    }
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .synohdpackdebug .v-select2-wrapper .v-select2-clear-icon {
      background-size: 24px 24px;
      outline: 1px green dashed;
    }
  }
  .v-select2-wrapper .v-select2-clear-icon.hide-trigger {
    right: 3px;
  }
  .v-select2-wrapper .v-select2-clear-icon:hover {
    opacity: 0.7;
  }
  .v-select2-wrapper .v-select2-clear-icon:active {
    opacity: 1;
  }
  .v-select2-wrapper:hover {
    background-color: inherit;
    border-color: rgba(124, 138, 152, 0.5);
  }
  .has-error .v-select2-wrapper:hover {
    background-color: rgba(230, 64, 64, 0.08);
    border-color: #e64040;
  }
  .v-select2-wrapper.focused,
  .v-select2-wrapper.pressed {
    background-color: inherit;
    border-color: #057feb;
  }
  .v-select2-wrapper.focused .v-select2-dropdown-icon,
  .v-select2-wrapper.pressed .v-select2-dropdown-icon {
    background-position: 0 -24px;
  }
  .has-error .v-select2-wrapper.focused,
  .has-error .v-select2-wrapper.pressed {
    background-color: rgba(230, 64, 64, 0.08);
    border-color: #e64040;
  }
  .v-select2-wrapper.hide-trigger {
    padding-right: 11px;
  }
  .v-select2-wrapper.focused.allow-clear:not(.hide-trigger) {
    padding-right: 55px;
  }
  .v-select2-wrapper.focused.hide-trigger.allow-clear {
    padding-right: 31px;
  }
  .v-select2-wrapper.disabled {
    border-color: rgba(198, 212, 224, 0.7);
    background-color: rgba(198, 212, 224, 0.2);
    color: rgba(65, 75, 85, 0.4);
  }
  .v-select2-wrapper.disabled .v-select2-input {
    cursor: default;
    background-color: transparent;
    color: rgba(65, 75, 85, 0.4);
  }
  .v-select2-wrapper.disabled .v-select2-text-display {
    cursor: default;
  }
  .v-select2-wrapper.disabled .v-select2-dropdown-icon {
    cursor: default;
    background-position: 0 -48px;
  }
  .v-select2-wrapper.disabled .v-select2-icon i {
    opacity: 0.4;
  }
  .v-select2-dropdown,
  .v-select2-advanced {
    background: #fff;
    border-radius: 4px;
    border: 1px solid rgba(198, 212, 224, 0.7);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
    padding: 7px;
    z-index: 15000;
  }
  .v-select2-dropdown {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
  }
  .v-select2-dropdown .v-select2-dropdown-loading-text {
    line-height: 28px;
    padding-left: 6px;
    display: flex;
    align-items: center;
    color: #414b55;
  }
  .v-select2-dropdown .v-select2-dropdown-loading-text .v-spin-icon {
    margin-right: 6px;
  }
  .v-select2-dropdown .v-select2-dropdown-menu-item-group-label {
    line-height: 28px;
    font-size: 12px;
    padding: 0 6px 0 6px;
    overflow: hidden;
    color: rgba(65, 75, 85, 0.6);
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .v-select2-dropdown .v-select2-dropdown-menu-item {
    border-radius: 3px;
    padding: 0 12px 0 12px;
    height: 28px;
    line-height: 28px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;
    color: #414b55;
    display: flex;
    align-items: center;
  }
  .v-select2-dropdown .v-select2-dropdown-menu-item.not-found {
    display: block;
    cursor: default;
    color: rgba(65, 75, 85, 0.4);
  }
  .v-select2-dropdown .v-select2-dropdown-menu-item .item-icon {
    width: 24px;
    height: 24px;
    flex: 0 0 auto;
    margin-right: 6px;
    background-size: 24px 48px;
    background-position: 0 0;
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .v-select2-dropdown .v-select2-dropdown-menu-item .item-icon {
      background-size: 24px 48px;
    }
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .synohdpackdebug
      .v-select2-dropdown
      .v-select2-dropdown-menu-item
      .item-icon {
      background-size: 24px 48px;
      outline: 1px green dashed;
    }
  }
  .v-select2-dropdown .v-select2-dropdown-menu-item .item-desc {
    color: rgba(65, 75, 85, 0.6);
    font-size: 13px;
    margin-left: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .v-select2-dropdown .v-select2-dropdown-menu-item .option-text {
    flex: 0 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .v-select2-dropdown .v-select2-dropdown-menu-item.has-icon {
    padding-left: 6px;
  }
  .v-select2-dropdown .v-select2-dropdown-menu-item.disabled,
  .v-select2-dropdown .v-select2-dropdown-menu-item.disabled:hover,
  .v-select2-dropdown .v-select2-dropdown-menu-item.disabled:active,
  .v-select2-dropdown .v-select2-dropdown-menu-item.disabled.activated,
  .v-select2-dropdown .v-select2-dropdown-menu-item.disabled.activated:hover,
  .v-select2-dropdown .v-select2-dropdown-menu-item.disabled.activated:active {
    cursor: default;
    background-color: transparent;
    color: rgba(65, 75, 85, 0.4);
  }
  .v-select2-dropdown .v-select2-dropdown-menu-item.disabled .item-desc,
  .v-select2-dropdown .v-select2-dropdown-menu-item.disabled:hover .item-desc,
  .v-select2-dropdown .v-select2-dropdown-menu-item.disabled:active .item-desc,
  .v-select2-dropdown .v-select2-dropdown-menu-item.disabled.activated .item-desc,
  .v-select2-dropdown
    .v-select2-dropdown-menu-item.disabled.activated:hover
    .item-desc,
  .v-select2-dropdown
    .v-select2-dropdown-menu-item.disabled.activated:active
    .item-desc {
    color: rgba(65, 75, 85, 0.4);
  }
  .v-select2-dropdown .v-select2-dropdown-menu-item.disabled .item-icon,
  .v-select2-dropdown .v-select2-dropdown-menu-item.disabled:hover .item-icon,
  .v-select2-dropdown .v-select2-dropdown-menu-item.disabled:active .item-icon,
  .v-select2-dropdown .v-select2-dropdown-menu-item.disabled.activated .item-icon,
  .v-select2-dropdown
    .v-select2-dropdown-menu-item.disabled.activated:hover
    .item-icon,
  .v-select2-dropdown
    .v-select2-dropdown-menu-item.disabled.activated:active
    .item-icon {
    opacity: 0.4;
  }
  .v-select2-dropdown .v-select2-dropdown-menu-item.check {
    display: flex;
    align-items: center;
    padding-left: 8px;
  }
  .v-select2-dropdown .v-select2-dropdown-menu-item.check.disabled .option-text {
    color: rgba(65, 75, 85, 0.4);
  }
  .v-select2-dropdown .v-select2-dropdown-menu-item.check.disabled .checkbox-icon,
  .v-select2-dropdown
    .v-select2-dropdown-menu-item.check.disabled
    .checkbox-icon:hover,
  .v-select2-dropdown
    .v-select2-dropdown-menu-item.check.disabled
    .checkbox-icon:active {
    background-position: 0 -40px;
  }
  .v-select2-dropdown
    .v-select2-dropdown-menu-item.check.disabled.is-selected
    .checkbox-icon,
  .v-select2-dropdown
    .v-select2-dropdown-menu-item.check.disabled.is-selected
    .checkbox-icon:hover,
  .v-select2-dropdown
    .v-select2-dropdown-menu-item.check.disabled.is-selected
    .checkbox-icon:active {
    background-position: 0 -100px;
  }
  .v-select2-dropdown
    .v-select2-dropdown-menu-item.check.is-selected
    .checkbox-icon {
    background-position: 0 -60px;
  }
  .v-select2-dropdown
    .v-select2-dropdown-menu-item.check.is-selected
    .checkbox-icon:hover,
  .v-select2-dropdown
    .v-select2-dropdown-menu-item.check.is-selected
    .checkbox-icon:active {
    background-position: 0 -80px;
  }
  .v-select2-dropdown .v-select2-dropdown-menu-item.check .checkbox-icon {
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: top;
    margin-right: 8px;
  }
  .v-select2-dropdown .v-select2-dropdown-menu-item.check .checkbox-icon:hover,
  .v-select2-dropdown .v-select2-dropdown-menu-item.check .checkbox-icon:active {
    background-position: 0 -20px;
  }
  .v-select2-dropdown .v-select2-dropdown-menu-item.check .option-text {
    color: #414b55;
  }
  .v-select2-dropdown .v-select2-dropdown-menu-item.selected,
  .v-select2-dropdown .v-select2-dropdown-menu-item.activated {
    background: rgba(5, 127, 235, 0.1);
    color: #414b55;
  }
  .v-select2-dropdown .v-select2-dropdown-menu-item.action {
    flex-shrink: 0;
    color: #057feb;
  }
  .v-select2-dropdown .v-select2-dropdown-menu-item.action.selected,
  .v-select2-dropdown .v-select2-dropdown-menu-item.action.activated {
    background: rgba(5, 127, 235, 0.1);
    color: #057feb;
  }
  .v-select2-dropdown .v-select2-dropdown-menu-item.action.disabled,
  .v-select2-dropdown .v-select2-dropdown-menu-item.action.activated.disabled {
    background-color: transparent;
    color: rgba(5, 127, 235, 0.4);
  }
  .v-select2-dropdown .v-select2-dropdown-menu-item.child-item {
    padding-left: 36px;
  }
  .v-select2-dropdown .v-select2-dropdown-divider {
    margin-top: 4px;
    border-top: 1px solid rgba(198, 212, 224, 0.4);
    margin-bottom: 4px;
    width: 100%;
  }
  .v-select2-dropdown .v-ps {
    padding-right: 0px;
  }
  .v-select2-dropdown ul {
    padding-left: 0;
    margin: 0;
  }
  .v-multiselect-ct {
    display: inline-flex;
    box-sizing: border-box;
    width: 100%;
    padding-right: 53px;
    box-sizing: border-box;
  }
  .v-multiselect-ct input.v-multiselect-input {
    font-size: 13px;
    color: #414b55;
    line-height: 20px;
  }
  .v-multiselect-ct input.v-multiselect-input::-moz-placeholder {
    color: rgba(65, 75, 85, 0.4);
  }
  .v-multiselect-ct input.v-multiselect-input::placeholder {
    color: rgba(65, 75, 85, 0.4);
  }
  .v-multiselect-ct.v-ps .ps__thumb-y {
    right: 0px;
    width: 6px;
  }
  .v-multiselect-ct .ps__rail-y {
    margin-top: 1px;
  }
  .v-multiselect-ct .v-multiselect-item-wrapper {
    display: inline-flex;
    align-items: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background: rgba(5, 127, 235, 0.1);
    border-radius: 3px;
    padding: 0 4px 0 12px;
    position: relative;
    margin: 1px;
    vertical-align: top;
  }
  .v-multiselect-ct .v-multiselect-item-wrapper.v-multiselect-item-disabled {
    padding-right: 12px;
  }
  .v-multiselect-ct .v-multiselect-item-wrapper.v-multiselect-item-disabled,
  .v-multiselect-ct .v-multiselect-item-wrapper.v-multiselect-item-disabled:hover,
  .v-multiselect-ct
    .v-multiselect-item-wrapper.v-multiselect-item-disabled:active {
    background: rgba(5, 127, 235, 0.1);
  }
  .v-multiselect-ct
    .v-multiselect-item-wrapper.v-multiselect-item-disabled
    .v-multiselect-item-label,
  .v-multiselect-ct
    .v-multiselect-item-wrapper.v-multiselect-item-disabled:hover
    .v-multiselect-item-label,
  .v-multiselect-ct
    .v-multiselect-item-wrapper.v-multiselect-item-disabled:active
    .v-multiselect-item-label {
    color: rgba(65, 75, 85, 0.4);
  }
  .v-multiselect-ct .v-multiselect-item-wrapper.v-multiselect-item-invalid {
    background: rgba(230, 64, 64, 0.1);
  }
  .v-multiselect-ct
    .v-multiselect-item-wrapper.v-multiselect-item-invalid
    .v-multiselect-item-label {
    color: #e64040;
  }
  .v-multiselect-ct .v-multiselect-item-wrapper.v-multiselect-item-invalid:hover {
    background: rgba(230, 64, 64, 0.2);
  }
  .v-multiselect-ct
    .v-multiselect-item-wrapper.v-multiselect-item-invalid.selected,
  .v-multiselect-ct .v-multiselect-item-wrapper.v-multiselect-item-invalid:active,
  .v-multiselect-ct .v-multiselect-item-wrapper.v-multiselect-item-invalid:focus {
    background: #e64040;
  }
  .v-multiselect-ct
    .v-multiselect-item-wrapper.v-multiselect-item-invalid.selected
    .v-multiselect-item-label,
  .v-multiselect-ct
    .v-multiselect-item-wrapper.v-multiselect-item-invalid:active
    .v-multiselect-item-label,
  .v-multiselect-ct
    .v-multiselect-item-wrapper.v-multiselect-item-invalid:focus
    .v-multiselect-item-label {
    color: #fff;
  }
  .v-multiselect-ct
    .v-multiselect-item-wrapper.v-multiselect-item-invalid.v-multiselect-item-disabled,
  .v-multiselect-ct
    .v-multiselect-item-wrapper.v-multiselect-item-invalid.v-multiselect-item-disabled:hover,
  .v-multiselect-ct
    .v-multiselect-item-wrapper.v-multiselect-item-invalid.v-multiselect-item-disabled:active {
    background: rgba(230, 64, 64, 0.1);
  }
  .v-multiselect-ct
    .v-multiselect-item-wrapper.v-multiselect-item-invalid.v-multiselect-item-disabled
    .v-multiselect-item-label,
  .v-multiselect-ct
    .v-multiselect-item-wrapper.v-multiselect-item-invalid.v-multiselect-item-disabled:hover
    .v-multiselect-item-label,
  .v-multiselect-ct
    .v-multiselect-item-wrapper.v-multiselect-item-invalid.v-multiselect-item-disabled:active
    .v-multiselect-item-label {
    color: rgba(65, 75, 85, 0.4);
  }
  .v-multiselect-ct
    .v-multiselect-item-wrapper.v-multiselect-item-invalid
    .v-multiselect-item-remove {
    background-position: 0 -120px;
  }
  .v-multiselect-ct
    .v-multiselect-item-wrapper.v-multiselect-item-invalid
    .v-multiselect-item-remove:hover {
    background-position: 0 -140px;
  }
  .v-multiselect-ct
    .v-multiselect-item-wrapper.v-multiselect-item-invalid
    .v-multiselect-item-remove:active,
  .v-multiselect-ct
    .v-multiselect-item-wrapper.v-multiselect-item-invalid
    .v-multiselect-item-remove:focus {
    background-position: 0 -160px;
  }
  .v-multiselect-ct .v-multiselect-item-wrapper.has-icon {
    padding-left: 6px;
  }
  .v-multiselect-ct .v-multiselect-item-wrapper .v-multiselect-item-label {
    flex: 1 1 auto;
    font-size: 13px;
    color: #414b55;
    line-height: 24px;
  }
  .v-multiselect-ct .v-multiselect-item-wrapper .v-multiselect-item-label-icon {
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    margin-right: 2px;
    background-size: 24px 48px;
    background-position: 0 0;
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .v-multiselect-ct .v-multiselect-item-wrapper .v-multiselect-item-label-icon {
      background-size: 24px 48px;
    }
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .synohdpackdebug
      .v-multiselect-ct
      .v-multiselect-item-wrapper
      .v-multiselect-item-label-icon {
      background-size: 24px 48px;
      outline: 1px green dashed;
    }
  }
  .v-multiselect-ct .v-multiselect-item-wrapper .v-multiselect-item-remove {
    margin-left: 6px;
    display: inline-block;
    vertical-align: top;
    flex: 0 0 auto;
    position: relative;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background-position: 0 0;
    background-size: 20px 180px;
    background-size: 20px;
    cursor: pointer;
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .v-multiselect-ct .v-multiselect-item-wrapper .v-multiselect-item-remove {
      background-size: 20px 180px;
    }
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .synohdpackdebug
      .v-multiselect-ct
      .v-multiselect-item-wrapper
      .v-multiselect-item-remove {
      background-size: 20px 180px;
      outline: 1px green dashed;
    }
  }
  .v-multiselect-ct .v-multiselect-item-wrapper .v-multiselect-item-remove:hover {
    background-position: 0 -20px;
  }
  .v-multiselect-ct .v-multiselect-item-wrapper .v-multiselect-item-remove:active,
  .v-multiselect-ct .v-multiselect-item-wrapper .v-multiselect-item-remove:focus {
    background-position: 0 -40px;
  }
  .v-multiselect-ct .v-multiselect-item-wrapper:hover {
    background: rgba(5, 127, 235, 0.2);
  }
  .v-multiselect-ct .v-multiselect-item-wrapper.selected,
  .v-multiselect-ct .v-multiselect-item-wrapper:active,
  .v-multiselect-ct .v-multiselect-item-wrapper:focus {
    background: #057feb;
  }
  .v-multiselect-ct
    .v-multiselect-item-wrapper.selected
    .v-multiselect-item-label-icon,
  .v-multiselect-ct
    .v-multiselect-item-wrapper:active
    .v-multiselect-item-label-icon,
  .v-multiselect-ct
    .v-multiselect-item-wrapper:focus
    .v-multiselect-item-label-icon {
    background-position: 0 -24px;
  }
  .v-multiselect-ct
    .v-multiselect-item-wrapper.selected
    .v-multiselect-item-label,
  .v-multiselect-ct .v-multiselect-item-wrapper:active .v-multiselect-item-label,
  .v-multiselect-ct .v-multiselect-item-wrapper:focus .v-multiselect-item-label {
    color: #fff;
  }
  .v-multiselect-ct
    .v-multiselect-item-wrapper.selected
    .v-multiselect-item-remove,
  .v-multiselect-ct .v-multiselect-item-wrapper:active .v-multiselect-item-remove,
  .v-multiselect-ct .v-multiselect-item-wrapper:focus .v-multiselect-item-remove {
    background-position: 0 -60px;
  }
  .v-multiselect-ct
    .v-multiselect-item-wrapper.selected
    .v-multiselect-item-remove:hover,
  .v-multiselect-ct
    .v-multiselect-item-wrapper:active
    .v-multiselect-item-remove:hover,
  .v-multiselect-ct
    .v-multiselect-item-wrapper:focus
    .v-multiselect-item-remove:hover {
    background-position: 0 -80px;
  }
  .v-multiselect-ct
    .v-multiselect-item-wrapper.selected
    .v-multiselect-item-remove:active,
  .v-multiselect-ct
    .v-multiselect-item-wrapper.selected
    .v-multiselect-item-remove:focus,
  .v-multiselect-ct
    .v-multiselect-item-wrapper:active
    .v-multiselect-item-remove:active,
  .v-multiselect-ct
    .v-multiselect-item-wrapper:active
    .v-multiselect-item-remove:focus,
  .v-multiselect-ct
    .v-multiselect-item-wrapper:focus
    .v-multiselect-item-remove:active,
  .v-multiselect-ct
    .v-multiselect-item-wrapper:focus
    .v-multiselect-item-remove:focus {
    background-position: 0 -100px;
  }
  .v-multiselect-ct input.v-multiselect-input {
    margin: 1px 0px;
    padding: 2px 0;
    width: 5px;
    border-width: 0px;
    background-color: transparent;
  }
  .v-multiselect-ct input.v-multiselect-input.full-width {
    width: 100%;
    padding: 2px 0px 2px 11px;
  }
  .v-radio-wrapper .v-radio-label {
    color: #414b55;
  }
  .v-radio-wrapper.disabled .v-radio-label {
    color: rgba(65, 75, 85, 0.4);
  }
  .v-radio-wrapper {
    position: relative;
    padding: 2px 0;
  }
  .v-radio-wrapper .v-radio-icon {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 4px;
    left: 0;
    background-size: 20px;
    background-position: 0 0px;
  }
  .v-radio-wrapper input[type="radio"] {
    position: absolute;
    opacity: 0;
  }
  .v-radio-wrapper .v-radio-label {
    display: inline-block;
    vertical-align: top;
    padding: 2px 0 2px 28px;
    font-size: 13px;
    line-height: 20px;
  }
  .v-radio-wrapper.checked .v-radio-icon {
    background-position: 0 -60px;
  }
  .v-radio-wrapper:hover .v-radio-icon,
  .v-radio-wrapper.focused .v-radio-icon {
    background-position: 0 -20px;
  }
  .v-radio-wrapper:hover.checked .v-radio-icon,
  .v-radio-wrapper.focused.checked .v-radio-icon {
    background-position: 0 -80px;
  }
  .v-radio-wrapper.disabled .v-radio-icon {
    background-position: 0 -40px;
  }
  .v-radio-wrapper.disabled.checked .v-radio-icon {
    background-position: 0 -100px;
  }
  .v-checkbox-wrapper.disabled .v-checkbox-label {
    color: rgba(65, 75, 85, 0.4);
  }
  .v-checkbox-wrapper {
    position: relative;
    padding: 2px 0;
  }
  .v-checkbox-wrapper .v-checkbox-icon {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 4px;
    left: 0;
    background-size: 20px;
    background-position: 0 0px;
  }
  .v-checkbox-wrapper input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
  }
  .v-checkbox-wrapper .v-checkbox-label {
    display: inline-block;
    vertical-align: top;
    padding: 2px 0 2px 28px;
    font-size: 13px;
    line-height: 20px;
    color: #414b55;
  }
  .v-checkbox-wrapper.checked .v-checkbox-icon {
    background-position: 0 -60px;
  }
  .v-checkbox-wrapper.indeterminate .v-checkbox-icon {
    background-position: 0 -120px;
  }
  .v-checkbox-wrapper:hover .v-checkbox-icon,
  .v-checkbox-wrapper.focused .v-checkbox-icon {
    background-position: 0 -20px;
  }
  .v-checkbox-wrapper:hover.checked .v-checkbox-icon,
  .v-checkbox-wrapper.focused.checked .v-checkbox-icon {
    background-position: 0 -80px;
  }
  .v-checkbox-wrapper:hover.indeterminate .v-checkbox-icon,
  .v-checkbox-wrapper.focused.indeterminate .v-checkbox-icon {
    background-position: 0 -140px;
  }
  .v-checkbox-wrapper.disabled .v-checkbox-icon {
    background-position: 0 -40px;
  }
  .v-checkbox-wrapper.disabled.checked .v-checkbox-icon {
    background-position: 0 -100px;
  }
  .v-checkbox-wrapper.disabled.indeterminate .v-checkbox-icon {
    background-position: 0 -160px;
  }
  .v-form-item-label.disabled {
    color: rgba(65, 75, 85, 0.4);
  }
  .v-form-item {
    margin-bottom: 6px;
    display: flex;
  }
  .v-form-multi-wrapper {
    display: flex;
  }
  .v-form-item-label {
    width: 180px;
    margin-right: 8px;
    line-height: 20px;
    padding: 4px 0;
    vertical-align: top;
    box-sizing: border-box;
    flex: 0 0 auto;
    color: #414b55;
  }
  .v-form-item-label.v-form-item-label-hide {
    width: 0;
  }
  .v-form-item-input .v-form-displayfield {
    line-height: 20px;
    padding: 4px 0;
  }
  .v-form-item-input .validate-message {
    font-size: 12px;
    color: #e64040;
    line-height: 20px;
    padding: 4px 0;
    word-wrap: break-word;
  }
  .v-form-horizontal .v-form-item,
  .v-form-horizontal .v-form-multi-wrapper {
    flex-direction: row;
  }
  .v-form-vertical .v-form-item,
  .v-form-vertical .v-form-multi-wrapper {
    flex-direction: column;
  }
  .v-form-multi-wrapper {
    align-items: flex-start;
  }
  .v-form-multi-wrapper .v-form-multi-item {
    display: inline-flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .v-form-multi-wrapper .v-form-multi-item.small > div {
    margin-right: 6px;
  }
  .v-form-multi-wrapper .v-form-multi-item.large > div {
    margin-right: 8px;
  }
  .v-form-multi-wrapper .v-form-multi-item.none > div {
    margin-right: 0px;
  }
  .v-form-item-indent-1 {
    padding-left: 28px;
  }
  .v-form-item-indent-2 {
    padding-left: 56px;
  }
  .v-form-item-indent-3 {
    padding-left: 84px;
  }
  .v-form-item-indent-4 {
    padding-left: 112px;
  }
  .v-form-item-indent-5 {
    padding-left: 140px;
  }
  .v-form-item-indent-6 {
    padding-left: 168px;
  }
  .v-form-item-indent-7 {
    padding-left: 196px;
  }
  .v-form-item-indent-8 {
    padding-left: 224px;
  }
  .v-form-item-indent-9 {
    padding-left: 252px;
  }
  .v-form-item-indent-10 {
    padding-left: 280px;
  }
  .tippy-box[data-theme~="syno-vue-components"] .tippy-content {
    font-weight: 400;
  }
  .tippy-box[data-theme~="syno-vue-components"] .tippy-content {
    font-weight: 400;
  }
  .tippy-box[data-theme~="syno-vue-components"] {
    color: #fff;
    background-color: rgba(30, 32, 34, 0.8);
    border: 1px solid transparent;
    border-top: 1px solid #ff9191;
    border-radius: 4px;
  }
  .tippy-box[data-theme~="syno-vue-components"] .tippy-content {
    border-radius: 4px;
    font-size: 13px;
    text-align: left;
    line-height: 20px;
    padding: 2px 11px;
  }
  .tippy-box[data-theme~="syno-vue-components"] .tippy-content::after {
    content: "";
    position: absolute;
    width: calc(100% - 27px);
    height: 100%;
    top: -1px;
    right: -1px;
    border-width: 1px 1px 1px 0;
    border-style: solid;
    border-color: #ff9191;
    border-radius: 0 4px 4px 0;
    opacity: 1;
    box-shadow: 3.4px 3px 5px 0px rgba(0, 0, 0, 0.2);
  }
  .tippy-box[data-theme~="syno-vue-components"] .tippy-content::before {
    content: "";
    position: absolute;
    width: 12px;
    height: 100%;
    top: -1px;
    left: -1px;
    border-width: 1px 0 1px 1px;
    border-style: solid;
    border-color: #ff9191;
    border-radius: 4px 0 0 4px;
    opacity: 1;
    box-shadow: -3px 2px 4px 0 rgba(0, 0, 0, 0.2);
  }
  .tippy-box[data-theme~="syno-vue-components"] > .tippy-arrow {
    z-index: 1;
  }
  .tippy-box[data-theme~="syno-vue-components"] > .tippy-arrow::before {
    bottom: -7px;
    border-width: 7px 7px 0;
  }
  .tippy-box[data-theme~="syno-vue-components"][data-placement^="top"]
    > .tippy-arrow::before {
    border-color: rgba(30, 32, 34, 0.8) transparent transparent transparent;
    bottom: -7px;
    border-width: 7px 7px 0;
  }
  .tippy-box[data-theme~="syno-vue-components"][data-placement^="bottom"]
    > .tippy-arrow::before {
    border-color: transparent transparent rgba(30, 32, 34, 0.8) transparent;
    bottom: -7px;
    border-width: 7px 7px 0;
  }
  .tippy-box[data-theme~="syno-vue-components"][data-placement^="left"]
    > .tippy-arrow::before {
    border-color: transparent rgba(30, 32, 34, 0.8) transparent transparent;
    bottom: -7px;
    border-width: 7px 7px 0;
  }
  .tippy-box[data-theme~="syno-vue-components"][data-placement^="right"]
    > .tippy-arrow::before {
    border-color: transparent transparent transparent rgba(30, 32, 34, 0.8);
    bottom: -7px;
    border-width: 7px 7px 0;
  }
  .tippy-box[data-theme~="syno-vue-components-error"] {
    background-color: rgba(250, 75, 75, 0.8);
  }
  .tippy-box[data-theme~="syno-vue-components-error"][data-placement^="top"]
    > .tippy-arrow::before {
    border-color: rgba(250, 75, 75, 0.8) transparent transparent transparent;
  }
  .tippy-box[data-theme~="syno-vue-components-error"][data-placement^="bottom"]
    > .tippy-arrow::before {
    border-color: transparent transparent rgba(250, 75, 75, 0.8) transparent;
  }
  .tippy-box[data-theme~="syno-vue-components-error"][data-placement^="left"]
    > .tippy-arrow::before {
    border-color: transparent rgba(250, 75, 75, 0.8) transparent transparent;
  }
  .tippy-box[data-theme~="syno-vue-components-error"][data-placement^="right"]
    > .tippy-arrow::before {
    border-color: transparent transparent transparent rgba(250, 75, 75, 0.8);
  }
  .v-fieldset {
    overflow: hidden;
    padding: var(--svc-layout-padding);
  }
  .v-fieldset .v-fieldset-title-wrapper {
    display: flex;
    position: relative;
    padding: 0 8px 4px 4px;
    font-size: 15px;
    line-height: 24px;
    height: 24px;
    background-color: #fff;
    color: #057feb;
  }
  .v-fieldset .v-fieldset-title-wrapper:before {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    border-bottom: 1px dashed rgba(198, 212, 224, 0.7);
  }
  .v-fieldset .v-fieldset-title-wrapper .v-fieldset-title {
    width: 100%;
    padding-left: 4px;
    overflow: hidden;
  }
  .v-fieldset .v-fieldset-title-wrapper .v-fieldset-collapse-icon {
    width: 24px;
    height: 24px;
    background-size: 48px 72px;
    background-size: 48px;
    background-position: -24px 0;
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .v-fieldset .v-fieldset-title-wrapper .v-fieldset-collapse-icon {
      background-size: 48px 72px;
    }
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .synohdpackdebug
      .v-fieldset
      .v-fieldset-title-wrapper
      .v-fieldset-collapse-icon {
      background-size: 48px 72px;
      outline: 1px green dashed;
    }
  }
  .v-fieldset
    .v-fieldset-title-wrapper.v-fieldset-collapse-icon-left
    .v-fieldset-title {
    margin-left: 32px;
  }
  .v-fieldset
    .v-fieldset-title-wrapper.v-fieldset-collapse-icon-left
    .v-fieldset-collapse-icon {
    left: 8px;
    right: unset;
  }
  .v-fieldset .v-fieldset-body.v-layout {
    position: relative;
    padding: 8px;
    padding: var(--svc-layout-padding, 8px);
  }
  .v-fieldset.collapsible .v-fieldset-title-wrapper {
    cursor: pointer;
  }
  .v-fieldset.collapsible .v-fieldset-title-wrapper:hover {
    color: #006dcc;
  }
  .v-fieldset.collapsible
    .v-fieldset-title-wrapper:hover
    .v-fieldset-collapse-icon {
    background-position: -24px -24px;
  }
  .v-fieldset.collapsible .v-fieldset-title-wrapper:active,
  .v-fieldset.collapsible .v-fieldset-title-wrapper:focus {
    color: #005cad;
  }
  .v-fieldset.collapsible
    .v-fieldset-title-wrapper:active
    .v-fieldset-collapse-icon,
  .v-fieldset.collapsible
    .v-fieldset-title-wrapper:focus
    .v-fieldset-collapse-icon {
    background-position: -24px -48px;
  }
  .v-fieldset.collapsed .v-fieldset-title-wrapper .v-fieldset-collapse-icon {
    background-position: 0 0;
  }
  .v-fieldset.collapsed
    .v-fieldset-title-wrapper:hover
    .v-fieldset-collapse-icon {
    background-position: 0 -24px;
  }
  .v-fieldset.collapsed
    .v-fieldset-title-wrapper:active
    .v-fieldset-collapse-icon {
    background-position: 0 -48px;
  }
  .v-color-picker-dropdown .color-picker-button {
    font-family: Verdana, Arial, sans-serif;
    font-feature-settings: none;
    font-variant-ligatures: none;
  }
  .v-color-picker-dropdown .color-picker-button:lang(zh-TW) {
    font-family: Verdana, Arial, Microsoft JhengHei, sans-serif;
  }
  .v-color-picker-dropdown .color-picker-button:lang(zh-CN) {
    font-family: Verdana, Arial, Microsoft YaHei, sans-serif;
  }
  .v-color-picker-dropdown .color-picker-button:lang(ja) {
    font-family: Verdana, Arial, Meriyo, sans-serif;
  }
  .v-color-picker-dropdown .color-picker-button {
    font-family: Verdana, Arial, sans-serif;
    font-feature-settings: none;
    font-variant-ligatures: none;
  }
  .v-color-picker-dropdown .color-picker-button:lang(zh-TW) {
    font-family: Verdana, Arial, Microsoft JhengHei, sans-serif;
  }
  .v-color-picker-dropdown .color-picker-button:lang(zh-CN) {
    font-family: Verdana, Arial, Microsoft YaHei, sans-serif;
  }
  .v-color-picker-dropdown .color-picker-button:lang(ja) {
    font-family: Verdana, Arial, Meriyo, sans-serif;
  }
  .v-color-custom-panel.v-panel {
    padding-top: 0;
  }
  .v-color-custom-panel.v-panel .body-wrapper {
    flex: 1 1 auto;
  }
  .v-color-custom-panel.v-panel .v-colorjoe-wrapper .colorPicker {
    background-color: #fff;
    border-width: 0px;
    margin: 16px 0 0 0;
  }
  .v-color-custom-panel.v-panel .v-colorjoe-wrapper .colorPicker .twod {
    margin: 0 6px 6px 20px;
    width: 250px;
    height: 250px;
    border: 1px solid #c6d4e0;
  }
  .v-color-custom-panel.v-panel .v-colorjoe-wrapper .colorPicker .twod .bg {
    width: 250px;
    height: 250px;
  }
  .v-color-custom-panel.v-panel
    .v-colorjoe-wrapper
    .colorPicker
    .twod
    .pointer
    .shape1 {
    border: 1px solid #000;
    width: 12px;
    height: 12px;
    border-radius: 12px;
  }
  .v-color-custom-panel.v-panel
    .v-colorjoe-wrapper
    .colorPicker
    .twod
    .pointer
    .shape2 {
    border-width: 1px;
    width: 10px;
    height: 10px;
    border-radius: 8px;
  }
  .v-color-custom-panel.v-panel .v-colorjoe-wrapper .colorPicker .oned {
    margin: 0 6px 6px 6px;
    height: 250px;
    border: 1px solid #c6d4e0;
    width: 18px;
  }
  .v-color-custom-panel.v-panel .v-colorjoe-wrapper .colorPicker .oned .shape {
    margin-left: -2px;
    box-shadow: inset 0 0 0 1px #fff;
    border-radius: 2px;
    border: 1px solid #000;
  }
  .v-color-custom-panel.v-panel .v-colorjoe-wrapper .colorPicker .oned .bg {
    border: none;
    height: 250px;
    width: 18px;
  }
  .v-color-custom-panel.v-panel .v-colorjoe-wrapper .colorPicker .extras {
    margin: 0 0 0 18px;
  }
  .v-color-custom-panel.v-panel
    .v-colorjoe-wrapper
    .colorPicker
    .extras
    .currentColor {
    border: 1px solid #c6d4e0;
    border-radius: 0;
    width: 86px;
    height: 58px;
  }
  .v-color-custom-panel.v-panel .v-colorjoe-wrapper .colorPicker .extras input {
    background: #fff;
    border: 1px solid rgba(198, 212, 224, 0.7);
    border-radius: 4px;
    padding: 3px 11px;
    font-size: 13px;
    color: #414b55;
    line-height: 20px;
  }
  .v-color-custom-panel.v-panel
    .v-colorjoe-wrapper
    .colorPicker
    .extras
    .colorFields {
    margin-top: 12px;
    margin-bottom: 56px;
  }
  .v-color-custom-panel.v-panel .v-colorjoe-wrapper .colorPicker .extras .color {
    text-align: right;
    margin-bottom: 6px;
  }
  .v-color-custom-panel.v-panel
    .v-colorjoe-wrapper
    .colorPicker
    .extras
    .color
    label {
    text-align: left;
    text-transform: uppercase;
    line-height: 28px;
    width: 16px;
    display: inline-block;
    vertical-align: top;
  }
  .v-color-custom-panel.v-panel
    .v-colorjoe-wrapper
    .colorPicker
    .extras
    .color
    input {
    vertical-align: top;
    display: inline-block;
    width: 42px;
    margin-left: 4px;
  }
  .v-color-custom-panel.v-panel
    .v-colorjoe-wrapper
    .colorPicker
    .extras
    .hex
    label {
    display: none;
  }
  .v-color-custom-panel.v-panel
    .v-colorjoe-wrapper
    .colorPicker
    .extras
    .hex
    input {
    width: 62px;
    text-transform: uppercase;
  }
  .v-select-wrapper.v-color-picker-wrapper {
    padding: 5px 25px 5px 11px;
    width: 52px;
    background-color: rgba(198, 212, 224, 0.4);
    border-color: rgba(198, 212, 224, 0);
    cursor: pointer;
  }
  .v-select-wrapper.v-color-picker-wrapper:hover {
    background-color: rgba(198, 212, 224, 0.4);
    border-color: rgba(124, 138, 152, 0.4);
  }
  .v-select-wrapper.v-color-picker-wrapper.focused {
    background-color: rgba(198, 212, 224, 0.6);
    border-color: rgba(124, 138, 152, 0.5);
  }
  .v-select-wrapper.v-color-picker-wrapper.disabled {
    border-color: rgba(198, 212, 224, 0);
    background-color: rgba(198, 212, 224, 0.4);
    cursor: not-allowed;
    opacity: 0.4;
  }
  .v-select-wrapper.v-color-picker-wrapper .v-select-dropdown-icon {
    background-size: 12px 48px;
    width: 12px;
    height: 24px;
    background-size: 12px 48px;
    background-position: 0 0;
    right: 8px;
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .v-select-wrapper.v-color-picker-wrapper .v-select-dropdown-icon {
      background-size: 12px 48px;
    }
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .synohdpackdebug
      .v-select-wrapper.v-color-picker-wrapper
      .v-select-dropdown-icon {
      background-size: 12px 48px;
      outline: 1px green dashed;
    }
  }
  .v-select-wrapper.v-color-picker-wrapper:hover {
    background-position: 0 -24px;
  }
  .v-select-wrapper.v-color-picker-wrapper.focused {
    background-position: 0 -24px;
  }
  .v-select-wrapper.v-color-picker-wrapper.disabled {
    background-position: 0 0;
  }
  .v-color-picker-dropdown ul {
    list-style-type: none;
  }
  .v-color-picker-dropdown .reset-button-wrapper {
    padding-bottom: 2px;
    border-bottom: 1px solid rgba(198, 212, 224, 0.4);
  }
  .v-color-picker-dropdown .custom-button-wrapper {
    margin-top: 2px;
  }
  .v-color-picker-dropdown .color-picker-button {
    width: 100%;
    text-align: left;
    border-radius: 3px;
    font-size: 13px;
    color: #414b55;
    line-height: 28px;
    padding: 0 0 0 36px;
    background-color: transparent;
    border-width: 0px;
    position: relative;
    cursor: pointer;
  }
  .v-color-picker-dropdown .color-picker-button:hover {
    background-color: rgba(5, 127, 235, 0.1);
  }
  .v-color-picker-dropdown .color-picker-button:before {
    width: 24px;
    height: 24px;
    position: absolute;
    left: 6px;
    top: 2px;
    content: "";
  }
  .v-color-picker-dropdown .color-picker-button.reset:before {
    background-size: 24px 24px;
    background-size: 24px;
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .v-color-picker-dropdown .color-picker-button.reset:before {
      background-size: 24px 24px;
    }
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .synohdpackdebug .v-color-picker-dropdown .color-picker-button.reset:before {
      background-size: 24px 24px;
      outline: 1px green dashed;
    }
  }
  .v-color-picker-dropdown .color-picker-button.custom:before {
    background-size: 24px 24px;
    background-size: 24px;
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .v-color-picker-dropdown .color-picker-button.custom:before {
      background-size: 24px 24px;
    }
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .synohdpackdebug .v-color-picker-dropdown .color-picker-button.custom:before {
      background-size: 24px 24px;
      outline: 1px green dashed;
    }
  }
  .v-color-picker-dropdown .default-color-wrapper,
  .v-color-picker-dropdown .custom-color-wrapper {
    display: flex;
    flex-wrap: wrap;
    width: 200px;
  }
  .v-color-picker-dropdown .default-color-wrapper .color-item,
  .v-color-picker-dropdown .custom-color-wrapper .color-item {
    padding: 1px;
    border: 1px solid transparent;
    border-radius: 3px;
  }
  .v-color-picker-dropdown .default-color-wrapper .color-item:hover,
  .v-color-picker-dropdown .custom-color-wrapper .color-item:hover {
    border-color: rgba(198, 212, 224, 0.9);
  }
  .v-color-picker-dropdown .default-color-wrapper .color-item.activated,
  .v-color-picker-dropdown .custom-color-wrapper .color-item.activated {
    border-color: #057feb;
  }
  .v-color-picker-dropdown .default-color-wrapper .color-item .color-block,
  .v-color-picker-dropdown .custom-color-wrapper .color-item .color-block {
    width: 14px;
    height: 14px;
    border: 1px solid #e8eaf6;
    border-radius: 2px;
  }
  .v-color-picker-dropdown .custom-color-wrapper {
    padding: 4px 8px 0px 8px;
  }
  .v-color-picker-dropdown .default-color-wrapper {
    padding: 8px;
  }
  .v-color-picker-dropdown .default-color-wrapper.has-custom {
    border-bottom: 1px solid rgba(198, 212, 224, 0.4);
  }
  .v-select-color-icon {
    width: 14px;
    height: 14px;
    border: 1px solid rgba(198, 212, 224, 0.9);
    border-radius: 1px;
    display: block;
  }
  #rgbValue,
  #hslaValue {
    float: right;
  }
  .container {
    overflow: auto;
  }
  #showPicker {
    float: left;
  }
  .colorPicker {
    background: #e8e6e0;
    border: 1px solid #bbb;
    border-radius: 0.3em;
    margin: 1em;
    display: inline-block;
  }
  .colorPicker .extras {
    float: right;
    margin: 0.5em;
  }
  .colorPicker .extras .currentColorContainer {
    overflow: hidden;
  }
  .colorPicker .extras .currentColor {
    float: right;
    width: 65px;
    height: 30px;
    border: 1px solid #bbb;
    border-radius: 0.3em;
  }
  .colorPicker .extras .colorFields {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
  }
  .colorPicker .extras .color {
    text-align: right;
  }
  .colorPicker .extras .colorFields input {
    width: 40px;
    margin-left: 0.5em;
  }
  .colorPicker .extras .hex {
    float: right;
  }
  .colorPicker .extras .hex input {
    width: 60px;
  }
  .colorPicker .twod {
    float: left;
    margin: 0.5em;
  }
  .colorPicker .twod,
  .colorPicker .twod .bg {
    width: 240px;
    height: 240px;
  }
  .colorPicker .oned,
  .colorPicker .oned .bg {
    height: 240px;
  }
  .colorPicker .oned,
  .colorPicker .oned .bg,
  .colorPicker .oned .pointer .shape {
    width: 20px;
  }
  .colorPicker .twod .bg {
    position: absolute;
  }
  .colorPicker .twod .pointer {
    position: relative;
    z-index: 2;
    width: 8px;
  }
  .colorPicker .twod .pointer .shape {
    position: absolute;
  }
  .colorPicker .twod .pointer .shape1 {
    transform: translate(-50%, -50%);
    width: 10px;
    height: 10px;
    border: 2px solid #000;
    border-radius: 5px;
  }
  .colorPicker .twod .pointer .shape2 {
    transform: translate(-50%, -50%);
    width: 8px;
    height: 8px;
    border: 2px solid #fff;
    border-radius: 4px;
  }
  .colorPicker .oned {
    float: left;
    margin: 0.5em;
  }
  .colorPicker .oned .bg {
    border: 1px solid #bbb;
  }
  .colorPicker .oned .pointer {
    position: relative;
    z-index: 2;
  }
  .colorPicker .oned .pointer .shape {
    position: absolute;
    margin-left: -1px;
    margin-top: -4px;
    height: 5px;
    border: 2px solid #000;
    border-radius: 5px;
  }
  .colorPicker .oned .bg {
    background: linear-gradient(
      to bottom,
      #ff0000 0%,
      #ffff00 17%,
      #00ff00 33%,
      #00ffff 50%,
      #0000ff 66%,
      #ff00ff 83%,
      #ff0000 100%
    );
  }
  .colorPicker .twod .bg1 {
    z-index: 0;
    background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
  }
  .colorPicker .twod .bg2 {
    z-index: 1;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, black 100%);
  }
  #hslPicker .twod .bg1 {
    background: linear-gradient(
      to right,
      #ff0000 0%,
      #ffff00 17%,
      #00ff00 33%,
      #00ffff 50%,
      #0000ff 66%,
      #ff00ff 83%,
      #ff0000 100%
    );
  }
  #hslPicker .twod .bg2 {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #7f7f7f 100%);
  }
  #hslPicker .oned .bg {
    z-index: 1;
    background: linear-gradient(
      to bottom,
      white 0%,
      rgba(0, 0, 0, 0) 50%,
      black 100%
    );
  }
  #hslPicker .extras {
    width: 100px;
  }
  #hslPicker .oned.alpha {
    margin: 0;
  }
  #hslPicker .oned.alpha .bg {
    background: linear-gradient(to bottom, white 0%, black 100%);
  }
  .v-status-bar {
    font-weight: 400;
  }
  .v-status-bar {
    font-size: 13px;
    color: #414b55;
    display: inline-block;
    line-height: 24px;
  }
  .v-status-bar.fade-leave-active {
    transition: opacity 0.5s;
  }
  .v-status-bar.fade-enter,
  .v-status-bar.fade-leave-to {
    opacity: 0;
  }
  .v-status-bar .status-icon {
    background-size: 24px 48px;
    background-size: 24px 48px;
    height: 24px;
    width: 24px;
    display: inline-block;
    background-position: 0 0;
    vertical-align: top;
    position: absolute;
    left: 0;
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .v-status-bar .status-icon {
      background-size: 24px 48px;
    }
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .synohdpackdebug .v-status-bar .status-icon {
      background-size: 24px 48px;
      outline: 1px green dashed;
    }
  }
  .v-status-bar svg {
    width: 24px;
    height: 24px;
    left: 6px;
    top: 0;
    position: absolute;
  }
  .v-status-bar .status-loading-icon {
    height: 24px;
    width: 24px;
    display: inline-block;
    background-position: 0 0;
    vertical-align: top;
  }
  .v-status-bar .status-text {
    display: flex;
    align-items: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 24px;
    line-height: 24px;
    vertical-align: top;
    padding-left: 28px;
    position: relative;
  }
  .v-status-bar.success .status-icon {
    background-position: 0 0;
  }
  .v-status-bar.success .status-text {
    color: #009e05;
  }
  .v-status-bar.error .status-icon {
    background-position: 0 -24px;
  }
  .v-status-bar.error .status-text {
    color: #e64040;
  }
  .v-status-bar.loading .status-icon {
    background: none;
  }
  .v-status-bar.loading .status-text {
    color: #057feb;
  }
  .v-panel .v-panel-wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  .v-panel .layout-body-wrapper {
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
  }
  .v-panel .default-tbar {
    padding-bottom: 8px;
    font-size: 0px;
  }
  .v-panel .default-tbar .v-btn {
    margin-right: 6px;
  }
  .v-panel .default-tbar .pull-right .v-btn:last-child {
    margin-right: 0px;
  }
  .v-panel .default-tbar .v-btn-group .v-btn {
    margin-right: 0px;
  }
  .v-panel .tbar-has-border {
    border-bottom: 1px solid rgba(198, 212, 224, 0.7);
  }
  .v-panel .fbar-wrapper {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    border-top: 1px solid rgba(198, 212, 224, 0.5);
    padding: 9px 0 10px 0;
    overflow: hidden;
    font-size: 0;
    margin: 0 16px;
    margin: var(--svc-layout-margin, 0 16px);
  }
  .v-panel .fbar-wrapper--fluid {
    margin: 0;
    margin: var(--svc-layout-margin, 0);
  }
  .v-panel .fbar-wrapper .v-status-bar {
    min-width: 0;
    padding-left: 12px;
  }
  .v-panel .fbar-wrapper .v-btn {
    margin-left: 8px;
  }
  .v-panel .fbar-wrapper .pull-right {
    flex-shrink: 0;
    margin-left: auto;
    padding-right: 24px;
  }
  .v-panel .body-wrapper {
    flex: 1 1 auto;
    overflow: hidden;
  }
  .v-panel .body-wrapper.flex-bug {
    height: 0;
  }
  .v-status-bar {
    font-weight: 400;
  }
  .v-status-bar {
    font-size: 13px;
    color: #414b55;
    display: inline-block;
    line-height: 24px;
  }
  .v-status-bar.fade-leave-active {
    transition: opacity 0.5s;
  }
  .v-status-bar.fade-enter,
  .v-status-bar.fade-leave-to {
    opacity: 0;
  }
  .v-status-bar .status-icon {
    background-size: 24px 48px;
    background-size: 24px 48px;
    height: 24px;
    width: 24px;
    display: inline-block;
    background-position: 0 0;
    vertical-align: top;
    position: absolute;
    left: 0;
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .v-status-bar .status-icon {
      background-size: 24px 48px;
    }
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .synohdpackdebug .v-status-bar .status-icon {
      background-size: 24px 48px;
      outline: 1px green dashed;
    }
  }
  .v-status-bar svg {
    width: 24px;
    height: 24px;
    left: 6px;
    top: 0;
    position: absolute;
  }
  .v-status-bar .status-loading-icon {
    height: 24px;
    width: 24px;
    display: inline-block;
    background-position: 0 0;
    vertical-align: top;
  }
  .v-status-bar .status-text {
    display: flex;
    align-items: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 24px;
    line-height: 24px;
    vertical-align: top;
    padding-left: 28px;
    position: relative;
  }
  .v-status-bar.success .status-icon {
    background-position: 0 0;
  }
  .v-status-bar.success .status-text {
    color: #009e05;
  }
  .v-status-bar.error .status-icon {
    background-position: 0 -24px;
  }
  .v-status-bar.error .status-text {
    color: #e64040;
  }
  .v-status-bar.loading .status-icon {
    background: none;
  }
  .v-status-bar.loading .status-text {
    color: #057feb;
  }
  .v-toolbar {
    display: flex;
    padding-bottom: 8px;
    font-size: 0px;
  }
  .v-toolbar > * {
    margin-right: 6px;
  }
  .v-toolbar .right-wrapper {
    margin-left: auto;
    margin-right: 0;
  }
  .v-toolbar .right-wrapper > * {
    margin-right: 6px;
  }
  .v-toolbar .right-wrapper > *:last-child {
    margin-right: 0px;
  }
  .v-dt-picker {
    height: 28px;
    display: inline-block;
    vertical-align: top;
  }
  .v-dt-picker .v-dt-input {
    width: 100%;
  }
  .v-dt-picker .v-dt-input::-moz-placeholder {
    color: rgba(65, 75, 85, 0.4);
  }
  .v-dt-picker .v-dt-input::placeholder {
    color: rgba(65, 75, 85, 0.4);
  }
  .v-dt-dropdown-icon.v-select-dropdown-icon {
    background-size: 24px 72px;
    background-size: 24px;
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .v-dt-dropdown-icon.v-select-dropdown-icon {
      background-size: 24px 72px;
    }
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .synohdpackdebug .v-dt-dropdown-icon.v-select-dropdown-icon {
      background-size: 24px 72px;
      outline: 1px green dashed;
    }
  }
  .v-dt-dropdown .v-dt-body .v-dt-date.selected,
  .v-dt-dropdown .v-dt-body .v-dt-date.today,
  .v-dt-dropdown .v-dt-header .v-dt-year-picker,
  .v-dt-dropdown .v-dt-header .v-dt-month-picker {
    font-weight: 700;
  }
  .v-dt-dropdown .v-dt-body .v-dt-date.selected,
  .v-dt-dropdown .v-dt-body .v-dt-date.today,
  .v-dt-dropdown .v-dt-header .v-dt-year-picker,
  .v-dt-dropdown .v-dt-header .v-dt-month-picker {
    font-weight: 700;
  }
  .v-dt-dropdown .v-dt-body .v-dt-date.selected,
  .v-dt-dropdown .v-dt-body .v-dt-date.today,
  .v-dt-dropdown .v-dt-header .v-dt-year-picker,
  .v-dt-dropdown .v-dt-header .v-dt-month-picker {
    font-weight: 700;
  }
  .pull-right {
    float: right;
  }
  .slide-transition {
    transition: height 0.2s;
  }
  .v-dt-inner-select-menu {
    z-index: 15010;
  }
  .v-dt-dropdown {
    width: 268px;
    z-index: 15000;
  }
  .v-dt-dropdown.v-select-dropdown {
    padding: 0px;
  }
  .v-dt-dropdown .v-dt-header {
    padding: 12px 18px;
    display: flex;
  }
  .v-dt-dropdown .v-dt-header .v-dt-year-picker,
  .v-dt-dropdown .v-dt-header .v-dt-month-picker {
    display: inline-block;
    flex: 0 0 auto;
    vertical-align: top;
    padding-right: 24px;
    margin-right: 10px;
    font-size: 13px;
    line-height: 24px;
    cursor: pointer;
    position: relative;
  }
  .v-dt-dropdown .v-dt-header .v-dt-year-picker:after,
  .v-dt-dropdown .v-dt-header .v-dt-year-picker::after,
  .v-dt-dropdown .v-dt-header .v-dt-month-picker:after,
  .v-dt-dropdown .v-dt-header .v-dt-month-picker::after {
    height: 24px;
    width: 24px;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    background-size: 24px 72px;
    background-size: 24px;
    background-position: 0 0;
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .v-dt-dropdown .v-dt-header .v-dt-year-picker:after,
    .v-dt-dropdown .v-dt-header .v-dt-year-picker::after,
    .v-dt-dropdown .v-dt-header .v-dt-month-picker:after,
    .v-dt-dropdown .v-dt-header .v-dt-month-picker::after {
      background-size: 24px 72px;
    }
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .synohdpackdebug .v-dt-dropdown .v-dt-header .v-dt-year-picker:after,
    .synohdpackdebug .v-dt-dropdown .v-dt-header .v-dt-year-picker::after,
    .synohdpackdebug .v-dt-dropdown .v-dt-header .v-dt-month-picker:after,
    .synohdpackdebug .v-dt-dropdown .v-dt-header .v-dt-month-picker::after {
      background-size: 24px 72px;
      outline: 1px green dashed;
    }
  }
  .v-dt-dropdown .v-dt-header .v-dt-year-picker:hover,
  .v-dt-dropdown .v-dt-header .v-dt-year-picker.expanded,
  .v-dt-dropdown .v-dt-header .v-dt-month-picker:hover,
  .v-dt-dropdown .v-dt-header .v-dt-month-picker.expanded {
    color: #057feb;
  }
  .v-dt-dropdown .v-dt-header .v-dt-year-picker:hover:after,
  .v-dt-dropdown .v-dt-header .v-dt-year-picker:hover::after,
  .v-dt-dropdown .v-dt-header .v-dt-year-picker.expanded:after,
  .v-dt-dropdown .v-dt-header .v-dt-year-picker.expanded::after,
  .v-dt-dropdown .v-dt-header .v-dt-month-picker:hover:after,
  .v-dt-dropdown .v-dt-header .v-dt-month-picker:hover::after,
  .v-dt-dropdown .v-dt-header .v-dt-month-picker.expanded:after,
  .v-dt-dropdown .v-dt-header .v-dt-month-picker.expanded::after {
    background-position: 0 -24px;
  }
  .v-dt-dropdown .v-dt-header .v-dt-prev-month-btn,
  .v-dt-dropdown .v-dt-header .v-dt-next-month-btn {
    flex: 0 0 auto;
    position: absolute;
    top: 12px;
    width: 24px;
    height: 24px;
    background-size: 48px 48px;
    background-size: 48px;
    background-position-y: 0;
    cursor: pointer;
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .v-dt-dropdown .v-dt-header .v-dt-prev-month-btn,
    .v-dt-dropdown .v-dt-header .v-dt-next-month-btn {
      background-size: 48px 48px;
    }
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .synohdpackdebug .v-dt-dropdown .v-dt-header .v-dt-prev-month-btn,
    .synohdpackdebug .v-dt-dropdown .v-dt-header .v-dt-next-month-btn {
      background-size: 48px 48px;
      outline: 1px green dashed;
    }
  }
  .v-dt-dropdown .v-dt-header .v-dt-prev-month-btn:hover,
  .v-dt-dropdown .v-dt-header .v-dt-prev-month-btn:active,
  .v-dt-dropdown .v-dt-header .v-dt-next-month-btn:hover,
  .v-dt-dropdown .v-dt-header .v-dt-next-month-btn:active {
    background-position-y: -24px;
  }
  .v-dt-dropdown .v-dt-header .v-dt-prev-month-btn {
    background-position-x: 0;
    right: 40px;
  }
  .v-dt-dropdown .v-dt-header .v-dt-next-month-btn {
    background-position-x: 24px;
    right: 16px;
  }
  .v-dt-dropdown .v-dt-body {
    padding: 0 18px;
    font-size: 13px;
  }
  .v-dt-dropdown .v-dt-body .v-dt-column-header-inner,
  .v-dt-dropdown .v-dt-body .v-dt-date {
    text-align: center;
    display: block;
  }
  .v-dt-dropdown .v-dt-body .v-dt-column-header-inner {
    width: 28px;
    height: 28px;
    line-height: 28px;
    color: rgba(65, 75, 85, 0.4);
    padding: 0 3px 3px 3px 3px;
  }
  .v-dt-dropdown .v-dt-body .v-dt-column-header-inner:first-child {
    padding-left: 0px;
  }
  .v-dt-dropdown .v-dt-body .v-dt-column-header-inner:last-child {
    padding-right: 0px;
  }
  .v-dt-dropdown .v-dt-body .v-dt-cell {
    padding: 3px;
  }
  .v-dt-dropdown .v-dt-body .v-dt-cell:first-child {
    padding-left: 0px;
  }
  .v-dt-dropdown .v-dt-body .v-dt-cell:last-child {
    padding-right: 0px;
  }
  .v-dt-dropdown .v-dt-body .v-dt-date {
    border-radius: 4px;
    border: 2px solid transparent;
    width: 24px;
    height: 24px;
    line-height: 24px;
    cursor: pointer;
    position: relative;
  }
  .v-dt-dropdown .v-dt-body .v-dt-date .dot {
    display: inline-block;
    position: absolute;
    height: 4px;
    width: 4px;
    border-radius: 50%;
    background-color: #057feb;
    right: 1px;
    bottom: 1px;
  }
  .v-dt-dropdown .v-dt-body .v-dt-date.other-month {
    background-color: transparent;
    color: rgba(65, 75, 85, 0.4);
  }
  .v-dt-dropdown .v-dt-body .v-dt-date.other-month .dot {
    background-color: rgba(5, 127, 235, 0.4);
  }
  .v-dt-dropdown
    .v-dt-body
    .v-dt-date.other-month:not(.actvie):not(.today):hover {
    background-color: rgba(198, 212, 224, 0.4);
  }
  .v-dt-dropdown
    .v-dt-body
    .v-dt-date.other-month:not(.actvie):not(.today):hover
    .dot {
    background-color: rgba(5, 127, 235, 0.4);
  }
  .v-dt-dropdown .v-dt-body .v-dt-date:hover,
  .v-dt-dropdown .v-dt-body .v-dt-date.active {
    background-color: rgba(198, 212, 224, 0.4);
  }
  .v-dt-dropdown .v-dt-body .v-dt-date:hover .dot,
  .v-dt-dropdown .v-dt-body .v-dt-date.active .dot {
    background-color: #057feb;
  }
  .v-dt-dropdown .v-dt-body .v-dt-date.today {
    color: #057feb;
    background-color: transparent;
    border-color: #057feb;
  }
  .v-dt-dropdown .v-dt-body .v-dt-date.today .dot {
    background-color: #057feb;
  }
  .v-dt-dropdown .v-dt-body .v-dt-date.selected {
    background: #057feb;
    color: #fff;
  }
  .v-dt-dropdown .v-dt-body .v-dt-date.selected .dot {
    background-color: #fff;
  }
  .v-dt-dropdown .v-dt-body .v-dt-date.disabled {
    background-color: transparent;
    color: rgba(65, 75, 85, 0.4);
  }
  .v-dt-dropdown .v-dt-body .v-dt-date.disabled .dot {
    background-color: rgba(80, 90, 100, 0.4);
  }
  .v-dt-dropdown .v-dt-footer {
    padding: 5px 16px 16px 16px;
  }
  .v-dt-dropdown .v-dt-footer .button-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  .v-dt-dropdown .v-dt-footer .button-wrapper .left {
    flex: 1 1 auto;
    height: 28px;
    flex-grow: 1;
  }
  .v-dt-dropdown .v-dt-footer .button-wrapper .right {
    height: 28px;
  }
  .v-dt-dropdown .v-dt-footer .button-wrapper .v-btn {
    border-radius: 100px;
  }
  .v-dt-dropdown .v-dt-footer .v-select-wrapper {
    width: 70px;
  }
  .v-dt-select-wrapper {
    display: inline-flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    width: 100%;
  }
  .v-dt-select-wrapper .v-select-wrapper {
    width: auto !important;
    width: initial !important;
    flex: 1;
  }
  .v-dt-select-wrapper .separator {
    width: 12px;
    line-height: 28px;
    text-align: center;
  }
  .v-dt-time-wrapper {
    border-top: 1px solid rgba(198, 212, 224, 0.35);
    width: 100%;
    margin: 12px -16px 0 -16px;
    padding: 8px 16px 0 16px;
  }
  .v-dt-time-wrapper .v-checkbox-wrapper {
    margin-bottom: 8px;
  }
  .v-dt-time-wrapper .v-form-item {
    margin-bottom: 0px;
  }
  .v-dt-inner-panel {
    position: absolute;
    height: 212px;
    font-size: 13px;
  }
  .v-table-group-node-ct .v-table-group-node-group-title,
  .v-table .v-table-content table tr.advance.expanded td {
    font-weight: 700;
  }
  .v-table th {
    font-weight: 400;
  }
  .v-table-group-node-ct .v-table-group-node-group-title,
  .v-table .v-table-content table tr.advance.expanded td {
    font-weight: 700;
  }
  .v-table th {
    font-weight: 400;
  }
  .v-table .v-table-tree-node-ct .v-table-tree-node-table .cell-content,
  .v-table .v-table-content td .content-cell,
  .v-table th .head-cell,
  .v-table th .action-cell {
    height: 28px;
    line-height: 28px;
    background-color: transparent;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .v-table .v-table-content td .inner-cell,
  .v-table .v-table-header table th .inner-cell {
    padding: 0 8px;
    height: 28px;
    line-height: 28px;
    width: 100%;
    display: inline-flex;
    vertical-align: top;
    box-sizing: border-box;
  }
  .v-table .v-table-content td .inner-cell .cell,
  .v-table .v-table-header table th .inner-cell .cell {
    flex: 1 1 auto;
  }
  .v-table td,
  .v-table th {
    text-align: left;
    justify-content: flex-start;
  }
  .v-table td.cell-left,
  .v-table th.cell-left {
    text-align: left;
  }
  .v-table td.cell-left .cell,
  .v-table th.cell-left .cell {
    justify-content: flex-start;
  }
  .v-table td.cell-right,
  .v-table th.cell-right {
    text-align: right;
  }
  .v-table td.cell-right .cell,
  .v-table th.cell-right .cell {
    justify-content: flex-end;
  }
  .v-table td.cell-center,
  .v-table th.cell-center {
    text-align: center;
  }
  .v-table td.cell-center .cell,
  .v-table th.cell-center .cell {
    justify-content: center;
  }
  .v-table .v-table-content td .action-cell,
  .v-table .v-table-header table th .action-cell {
    align-items: center;
  }
  .v-table .v-table-content td .action-cell .v-checkbox-wrapper,
  .v-table .v-table-header table th .action-cell .v-checkbox-wrapper {
    flex: 0 0 auto;
    display: inline-block;
    padding: 0;
    width: 20px;
    height: 20px;
    vertical-align: top;
  }
  .v-table .v-table-content td .action-cell .v-checkbox-wrapper .v-checkbox-icon,
  .v-table
    .v-table-header
    table
    th
    .action-cell
    .v-checkbox-wrapper
    .v-checkbox-icon {
    position: relative;
    top: 0;
  }
  .v-table .v-table-content td .action-cell .v-checkbox-wrapper .v-checkbox-input,
  .v-table
    .v-table-header
    table
    th
    .action-cell
    .v-checkbox-wrapper
    .v-checkbox-input {
    top: 0;
    left: 0;
  }
  .v-table .v-table-content td .action-cell .v-checkbox-wrapper .v-checkbox-label,
  .v-table
    .v-table-header
    table
    th
    .action-cell
    .v-checkbox-wrapper
    .v-checkbox-label {
    display: none;
  }
  .v-table .v-table-content td .action-cell .v-radio-wrapper,
  .v-table .v-table-header table th .action-cell .v-radio-wrapper {
    width: 20px;
    height: 20px;
    padding: 0;
  }
  .v-table .v-table-content td .action-cell .v-radio-wrapper .v-radio-label,
  .v-table .v-table-header table th .action-cell .v-radio-wrapper .v-radio-label {
    display: none;
  }
  .v-table .v-table-content td .action-cell .v-radio-wrapper .v-radio-icon,
  .v-table .v-table-header table th .action-cell .v-radio-wrapper .v-radio-icon {
    top: 0;
    left: 0;
  }
  .v-table .v-table-header table th .head-cell .v-table-column-sorter,
  .v-table
    .v-table-header
    table
    tr.first-column-row
    th
    .head-cell
    .v-table-column-sorter,
  .v-table
    .v-table-header
    table
    tr.second-column-row
    th
    .head-cell
    .v-table-column-sorter,
  .v-table
    .v-table-header
    table
    tr.first-column-row
    th
    .action-cell
    .v-table-column-sorter,
  .v-table
    .v-table-header
    table
    tr.second-column-row
    th
    .action-cell
    .v-table-column-sorter,
  .v-table .v-table-header table th .action-cell .v-table-column-sorter {
    margin-left: 4px;
  }
  .v-table .v-table-header table th .action-cell .v-checkbox-wrapper {
    padding: 0 4px;
  }
  .v-table
    .v-table-header
    table
    th
    .action-cell
    .v-checkbox-wrapper
    + .v-table-column-sorter {
    margin-left: 0;
  }
  .v-table
    .v-table-header
    table
    tr.first-column-row
    th
    .head-cell
    .v-table-column-sorter,
  .v-table
    .v-table-header
    table
    tr.second-column-row
    th
    .head-cell
    .v-table-column-sorter,
  .v-table
    .v-table-header
    table
    tr.first-column-row
    th
    .action-cell
    .v-table-column-sorter,
  .v-table
    .v-table-header
    table
    tr.second-column-row
    th
    .action-cell
    .v-table-column-sorter {
    margin-top: 0;
    margin-bottom: 0;
  }
  .col-moveable-indicator {
    display: block;
    width: 9px;
    height: 9px;
    position: absolute;
    top: 0;
    overflow: hidden;
    z-index: 20000;
    background: transparent no-repeat left top;
  }
  .col-moveable-indicator.bottom {
    background-size: 9px 9px;
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .col-moveable-indicator.bottom {
      background-size: 9px 9px;
    }
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .synohdpackdebug .col-moveable-indicator.bottom {
      background-size: 9px 9px;
      outline: 1px green dashed;
    }
  }
  .col-moveable-indicator.top {
    background-size: 9px 9px;
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .col-moveable-indicator.top {
      background-size: 9px 9px;
    }
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .synohdpackdebug .col-moveable-indicator.top {
      background-size: 9px 9px;
      outline: 1px green dashed;
    }
  }
  .col-moveable-indicator--hidden {
    display: none;
  }
  .v-table-dd-ghost {
    padding: 0;
    border: 1px solid rgba(5, 127, 235, 0.2);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
  }
  .v-table-dd-ghost .v-table {
    background-color: rgba(5, 127, 235, 0.1);
    border: none;
  }
  .v-table-dd-ghost .v-table-body td {
    border-bottom: none !important;
  }
  .v-table-dd-ghost .v-table-body td.cell-first.is-draggable::before {
    background-position: 0 -24px;
  }
  .v-table-dd-ghost.col-moveable-ghost {
    padding: 6px 12px 6px 0;
    border-radius: 4px;
    opacity: 0.7;
  }
  .v-table-dd-ghost.col-moveable-ghost .col-moveable {
    display: flex;
  }
  .v-table-dd-ghost.col-moveable-ghost .dd-drop-icon {
    background-size: 24px 72px;
    margin-left: 10px;
    width: 24px;
    height: 24px;
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .v-table-dd-ghost.col-moveable-ghost .dd-drop-icon {
      background-size: 24px 72px;
    }
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .synohdpackdebug .v-table-dd-ghost.col-moveable-ghost .dd-drop-icon {
      background-size: 24px 72px;
      outline: 1px green dashed;
    }
  }
  .v-table-dd-ghost.col-moveable-ghost .col-desc {
    width: 120px;
    margin-left: 8px;
    font-size: 14px;
    color: #414b55;
    line-height: 24px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .v-table-dd-ghost.col-moveable-ghost.dd-valid .dd-drop-icon {
    background-position: 0 0;
  }
  .v-table-dd-ghost.col-moveable-ghost.dd-invalid .dd-drop-icon {
    background-position: 0 -24px;
  }
  .v-table-wrapper {
    display: flex;
    flex-direction: column;
    padding-bottom: 6px;
    box-sizing: border-box;
  }
  .v-table-wrapper > .v-pagination {
    flex: 0 0 auto;
  }
  .v-table-wrapper .cover-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
  }
  .v-table {
    flex: 1 1 auto;
    overflow: hidden;
    height: 100%;
    position: relative;
    display: flex;
    flex-flow: column;
    color: #414b55;
    border-top: solid 1px rgba(198, 212, 224, 0.7);
    color: #414b55;
  }
  .v-table.hide-header .v-table-header {
    display: none;
  }
  .v-table.show-cover-bottom-border {
    border-bottom: 1px solid rgba(198, 212, 224, 0.4);
  }
  .v-table > .v-spin-wrapper-masking {
    opacity: 0.6;
  }
  .v-table .v-ps {
    padding-right: 0;
  }
  .v-table table {
    table-layout: fixed;
    border-spacing: 0;
    border-collapse: separate;
  }
  .v-table th {
    box-sizing: border-box;
    border-right: 1px solid rgba(198, 212, 224, 0.4);
    border-left: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
  }
  .v-table th.text-selectable {
    -webkit-user-select: text;
    -moz-user-select: text;
    user-select: text;
  }
  .v-table th.last-th-cell {
    border-right: none;
  }
  .v-table th.last-th-cell .head-cell .v-table-header-hd-menu.hover-hd-menu {
    right: 25px;
  }
  .v-table th.sorting .v-table-column-sorter {
    display: inline-block;
  }
  .v-table th.sorting .head-cell:hover .v-table-column-sorter,
  .v-table th.sorting .action-cell:hover .v-table-column-sorter {
    display: inline-block;
    background-position: 0 -40px;
  }
  .v-table th.sorting .head-cell:hover .v-table-column-sorter.up,
  .v-table th.sorting .action-cell:hover .v-table-column-sorter.up {
    background-position: 0 -60px;
  }
  .v-table th.sorting .head-cell:active .v-table-column-sorter,
  .v-table th.sorting .action-cell:active .v-table-column-sorter {
    display: inline-block;
    background-position: 0 -80px;
  }
  .v-table th.sorting .head-cell:active .v-table-column-sorter.up,
  .v-table th.sorting .action-cell:active .v-table-column-sorter.up {
    background-position: 0 -100px;
  }
  .v-table th.disable-sort .head-cell,
  .v-table th.disable-sort .head-cell:hover,
  .v-table th.disable-sort .head-cell:active,
  .v-table th.disable-sort .action-cell,
  .v-table th.disable-sort .action-cell:hover,
  .v-table th.disable-sort .action-cell:active {
    cursor: default;
    color: rgba(65, 75, 85, 0.6);
  }
  .v-table th .head-cell,
  .v-table th .action-cell {
    display: inline-flex;
    cursor: pointer;
    position: relative;
    color: rgba(65, 75, 85, 0.6);
  }
  .v-table th .head-cell .cell-title,
  .v-table th .action-cell .cell-title {
    flex: 0 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .v-table th .head-cell:hover,
  .v-table th .action-cell:hover {
    color: #057feb;
  }
  .v-table th .head-cell:hover .v-table-column-sorter,
  .v-table th .action-cell:hover .v-table-column-sorter {
    display: inline-block;
    background-position: 0 -60px;
  }
  .v-table th .head-cell:hover .v-table-header-hd-menu.hover-hd-menu,
  .v-table th .action-cell:hover .v-table-header-hd-menu.hover-hd-menu {
    display: inline-block;
  }
  .v-table th .head-cell:active,
  .v-table th .action-cell:active {
    color: #006dcc;
  }
  .v-table th .head-cell:active .v-table-column-sorter,
  .v-table th .action-cell:active .v-table-column-sorter {
    display: inline-block;
    background-position: 0 -100px;
  }
  .v-table th .head-cell .v-table-header-hd-menu.hover-hd-menu,
  .v-table th .action-cell .v-table-header-hd-menu.hover-hd-menu {
    display: none;
    position: absolute;
    right: 8px;
  }
  .v-table th.sorting .v-table-column-sorter {
    display: inline-block;
  }
  .v-table th .v-table-column-sorter {
    background-size: 8px 120px;
    background-size: 8px;
    margin: 4px 0;
    width: 8px;
    height: 20px;
    vertical-align: top;
    flex: 0 0 auto;
    display: none;
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .v-table th .v-table-column-sorter {
      background-size: 8px 120px;
    }
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .synohdpackdebug .v-table th .v-table-column-sorter {
      background-size: 8px 120px;
      outline: 1px green dashed;
    }
  }
  .v-table th .v-table-column-sorter.up {
    background-position: 0px -20px;
  }
  .v-table td {
    box-sizing: border-box;
  }
  .v-table .row-hover {
    background: rgba(5, 127, 235, 0.04);
  }
  .v-table .row-selected {
    background: rgba(5, 127, 235, 0.1);
  }
  .v-table .v-table-header {
    position: relative;
  }
  .v-table .v-table-header .hd-menu-btn-wrapper {
    display: flex;
    position: absolute;
    top: 0;
    right: 2px;
    height: calc(100% - 1px);
    align-items: center;
  }
  .v-table .v-table-header .hd-menu-btn-wrapper .v-table-header-hd-menu {
    cursor: pointer;
    display: block;
    width: 12px;
    height: 24px;
    background-size: 12px 72px;
    background-position: 0 0px;
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .v-table .v-table-header .hd-menu-btn-wrapper .v-table-header-hd-menu {
      background-size: 12px 72px;
    }
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .synohdpackdebug
      .v-table
      .v-table-header
      .hd-menu-btn-wrapper
      .v-table-header-hd-menu {
      background-size: 12px 72px;
      outline: 1px green dashed;
    }
  }
  .v-table .v-table-header .hd-menu-btn-wrapper .v-table-header-hd-menu:hover {
    background-position: 0 -24px;
  }
  .v-table .v-table-header .hd-menu-btn-wrapper .v-table-header-hd-menu:active {
    background-position: 0 -48px;
  }
  .v-table .v-table-header.group-header table::after {
    height: calc(100% - 1px);
  }
  .v-table .v-table-header table {
    width: 100%;
  }
  .v-table .v-table-header table::after {
    border-left: 1px solid rgba(198, 212, 224, 0.4);
    content: "";
    position: absolute;
    top: 0;
    background-color: #fff;
    right: 0;
    width: 16px;
    height: 28px;
  }
  .v-table .v-table-header table tr {
    position: relative;
  }
  .v-table .v-table-header table tr th.group {
    border-bottom: none;
    padding-top: 2px;
  }
  .v-table .v-table-header table tr.second-column-row th {
    border-right: none;
    position: relative;
    padding-top: 2px;
    padding-bottom: 2px;
  }
  .v-table .v-table-header table tr.second-column-row th::after {
    content: "";
    position: absolute;
    top: 4px;
    right: 0;
    height: 16px;
    border-right: 1px solid rgba(198, 212, 224, 0.4);
  }
  .v-table
    .v-table-header
    table
    tr.second-column-row
    th.last-th-visible-sec-row-cell:after {
    top: 0;
    height: 24px;
  }
  .v-table .v-table-header table tr.first-column-row,
  .v-table .v-table-header table tr.second-column-row {
    height: 20px;
    line-height: 20px;
  }
  .v-table .v-table-header table tr.first-column-row th .inner-cell,
  .v-table .v-table-header table tr.first-column-row th .head-cell,
  .v-table .v-table-header table tr.first-column-row th .action-cell,
  .v-table .v-table-header table tr.second-column-row th .inner-cell,
  .v-table .v-table-header table tr.second-column-row th .head-cell,
  .v-table .v-table-header table tr.second-column-row th .action-cell {
    height: 20px;
    line-height: 20px;
  }
  .v-table .v-table-header table th {
    border-bottom: 1px solid rgba(198, 212, 224, 0.4);
  }
  .v-table .v-table-header table th.cell-first.is-draggable .inner-cell {
    padding-left: 24px;
  }
  .v-table .v-table-header table th.cell-first.is-draggable .inner-cell:before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 16px;
    height: 100%;
    vertical-align: top;
    border-left: 1px solid rgba(198, 212, 224, 0.4);
  }
  .v-table .v-table-header table th.last-th-cell .inner-cell {
    padding-right: 25px;
  }
  .v-table .v-table-header table th .v-whitetip-wrapper {
    flex: 0 0 auto;
  }
  .v-table .v-table-header table th .action-cell {
    display: inline-flex;
  }
  .v-table .v-table-header table th .action-cell .cell-title {
    flex: 0 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .v-table > .v-ps {
    flex: 1 1 auto;
  }
  .v-table .v-table-content {
    height: 100%;
  }
  .v-table .v-table-content .v-table-empty-body {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .v-table .v-table-content .v-table-empty-body .empty-wrapper {
    max-width: 400px;
    min-height: 20px;
    padding: 17px 19px;
    max-width: 400px;
    min-height: 20px;
    border: 1px solid rgba(198, 212, 224, 0.7);
    border-radius: 3px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.16);
    word-wrap: break-word;
    line-height: 20px;
    font-size: 13px;
  }
  .v-table .v-table-content.expandable td {
    vertical-align: top;
  }
  .v-table .v-table-content.expandable td.expandable-cell {
    border-bottom: none;
  }
  .v-table
    .v-table-content.expandable
    td.expandable-cell
    .expandable-slide-up-down {
    padding: 8px 25px 0 28px;
  }
  .v-table
    .v-table-content.expandable
    td.expandable-cell
    .expandable-slide-up-down
    .adv-columns
    .adv-column {
    margin-bottom: 8px;
  }
  .v-table
    .v-table-content.expandable
    td.expandable-cell
    .expandable-slide-up-down
    .adv-grid {
    margin-top: 4px;
    margin-bottom: 14px;
  }
  .v-table .v-table-content.expandable td.has-expand-icon .inner-cell {
    padding-left: 4px;
  }
  .v-table .v-table-content.expandable td .inner-cell {
    height: auto;
  }
  .v-table .v-table-content.expandable td .action-cell {
    padding: 4px 0;
  }
  .v-table .v-table-content.expandable td .content-cell {
    line-height: 20px;
    padding: 4px 0;
    height: auto;
    width: auto;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
  }
  .v-table .v-table-content.expandable td .expand-icon {
    background-size: 40px 40px;
    width: 20px;
    height: 20px;
    margin-top: 4px;
    margin-right: 4px;
    cursor: pointer;
    flex: 0 0 auto;
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .v-table .v-table-content.expandable td .expand-icon {
      background-size: 40px 40px;
    }
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .synohdpackdebug .v-table .v-table-content.expandable td .expand-icon {
      background-size: 40px 40px;
      outline: 1px green dashed;
    }
  }
  .v-table .v-table-content.expandable td .expand-icon:hover,
  .v-table .v-table-content.expandable td .expand-icon:active {
    background-position: 0px -20px;
  }
  .v-table .v-table-content.expandable td .expand-icon.expanded {
    background-position: 20px -20px;
  }
  .v-table .v-table-content.auto-row-height .v-table-group-node-group td {
    vertical-align: top;
  }
  .v-table
    .v-table-content.auto-row-height
    .v-table-group-node-group
    td
    .content-cell {
    line-height: 20px;
    padding: 4px 8px;
    height: auto;
    width: auto;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
  }
  .v-table .v-table-content.auto-row-height td {
    vertical-align: top;
  }
  .v-table .v-table-content.auto-row-height td .inner-cell {
    height: auto;
  }
  .v-table .v-table-content.auto-row-height td .inner-cell .content-cell {
    line-height: 20px;
    padding: 4px 0;
    height: auto;
    width: auto;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
  }
  .v-table .v-table-content table {
    width: 100%;
  }
  .v-table .v-table-content table tr {
    position: relative;
  }
  .v-table .v-table-content table tr .row-hover-action.keep-activate {
    display: inline-block;
  }
  .v-table .v-table-content table tr:hover .row-hover-action {
    display: inline-block;
  }
  .v-table
    .v-table-content
    table
    tr:hover
    td.cell-first.is-draggable.disable-drag::before {
    background-position: 0 0;
  }
  .v-table .v-table-content table tr:hover td.cell-first.is-draggable::before {
    background-position: 0 -24px;
  }
  .v-table
    .v-table-content
    table
    tr.row-selected
    td.cell-first.is-draggable.disable-drag::before {
    background-position: 0 0;
  }
  .v-table
    .v-table-content
    table
    tr.row-selected
    td.cell-first.is-draggable::before {
    background-position: 0 -24px;
  }
  .v-table .v-table-content table tr .row-hover-action {
    flex: 0 0 auto;
    display: none;
  }
  .v-table .v-table-content table tr.row-disabled {
    color: rgba(65, 75, 85, 0.4);
  }
  .v-table
    .v-table-content
    table
    tr.row-disabled
    td.cell-first.is-draggable::before {
    content: "";
    cursor: default;
  }
  .v-table .v-table-content table tr.is-dragging {
    background-color: rgba(222, 236, 252, 0.1) !important;
  }
  .v-table .v-table-content table tr.is-dragging div {
    color: rgba(65, 75, 85, 0.4);
  }
  .v-table
    .v-table-content
    table
    tr.is-dragging
    td.cell-first.is-draggable::before {
    background-position: 0 -48px;
  }
  .v-table .v-table-content table tr.is-landed.landed-down td .inner-cell {
    border-bottom: solid 1px #057feb;
  }
  .v-table .v-table-content table tr.is-landed.landed-up td .inner-cell {
    border-top: solid 1px #057feb;
  }
  .v-table .v-table-content table tr td {
    border-bottom: 1px solid rgba(198, 212, 224, 0.4);
  }
  .v-table .v-table-content table tr.advance.expanded td {
    border-bottom: none;
  }
  .v-table .v-table-content table tr.expandable-row.expanded .expandable-cell {
    border-bottom: 1px solid rgba(198, 212, 224, 0.4);
  }
  .v-table
    .v-table-content
    table
    tr.expandable-row.row-disabled
    .expandable-cell {
    opacity: 0.4;
  }
  .v-table .v-table-content td {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
  }
  .v-table .v-table-content td.text-selectable {
    -webkit-user-select: text;
    -moz-user-select: text;
    user-select: text;
  }
  .v-table .v-table-content td.last-td-cell .inner-cell {
    padding-right: 25px;
  }
  .v-table .v-table-content td .inner-cell {
    transition: height ease 400ms;
  }
  .v-table .v-table-content td.cell-first.is-draggable {
    position: relative;
  }
  .v-table .v-table-content td.cell-first.is-draggable.disable-drag::before {
    opacity: 0.4;
    cursor: default;
  }
  .v-table .v-table-content td.cell-first.is-draggable::before {
    content: "";
    background-size: 8px 72px;
    background-size: 8px;
    height: 24px;
    width: 8px;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    margin: auto 4px auto 4px;
    background-repeat: no-repeat;
    cursor: move;
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .v-table .v-table-content td.cell-first.is-draggable::before {
      background-size: 8px 72px;
    }
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .synohdpackdebug
      .v-table
      .v-table-content
      td.cell-first.is-draggable::before {
      background-size: 8px 72px;
      outline: 1px green dashed;
    }
  }
  .v-table .v-table-content td.cell-first.is-draggable .inner-cell {
    padding-left: 24px;
  }
  .v-table .v-table-content td .content-cell .html-content {
    display: inline-block;
    vertical-align: top;
  }
  .v-table .v-table-content td .action-cell {
    flex: 1 1 auto;
    display: inline-flex;
  }
  .v-table .v-table-tree-node-ct .v-table-tree-node-table .cell-content {
    color: #414b55;
    height: 28px;
    line-height: 28px;
    font-size: 0;
  }
  .v-table .v-table-tree-node-ct .v-table-tree-node-table .cell-text {
    font-size: 13px;
  }
  .v-table .v-table-tree-node-ct .v-table-tree-node-table .cell-expandable {
    display: inline-block;
    vertical-align: top;
    width: 20px;
    height: 20px;
    margin-top: 4px;
  }
  .v-table .v-table-tree-node-ct .v-table-tree-node-table .cell-expandable.show {
    background-size: 20px 40px;
    background-size: 20px;
    cursor: pointer;
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .v-table
      .v-table-tree-node-ct
      .v-table-tree-node-table
      .cell-expandable.show {
      background-size: 20px 40px;
    }
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .synohdpackdebug
      .v-table
      .v-table-tree-node-ct
      .v-table-tree-node-table
      .cell-expandable.show {
      background-size: 20px 40px;
      outline: 1px green dashed;
    }
  }
  .v-table
    .v-table-tree-node-ct
    .v-table-tree-node-table
    .cell-expandable.expand {
    background-position: 0 0;
  }
  .v-table
    .v-table-tree-node-ct
    .v-table-tree-node-table
    .cell-expandable.collapse {
    background-position: 0 -20px;
  }
  .v-table .v-table-tree-node-ct .v-table-tree-node-table .cell-indent-1 {
    display: inline-block;
    vertical-align: top;
    width: 8px;
  }
  .v-table .v-table-tree-node-ct .v-table-tree-node-table .cell-indent-2 {
    display: inline-block;
    vertical-align: top;
    width: 16px;
  }
  .v-table .v-table-tree-node-ct .v-table-tree-node-table .cell-indent-3 {
    display: inline-block;
    vertical-align: top;
    width: 24px;
  }
  .v-table .v-table-tree-node-ct .v-table-tree-node-table .cell-indent-4 {
    display: inline-block;
    vertical-align: top;
    width: 32px;
  }
  .v-table .v-table-tree-node-ct .v-table-tree-node-table .cell-indent-5 {
    display: inline-block;
    vertical-align: top;
    width: 40px;
  }
  .v-table .v-table-tree-node-ct .v-table-tree-node-table .cell-indent-6 {
    display: inline-block;
    vertical-align: top;
    width: 48px;
  }
  .v-table .v-table-tree-node-ct .v-table-tree-node-table .cell-indent-7 {
    display: inline-block;
    vertical-align: top;
    width: 56px;
  }
  .v-table .v-table-tree-node-ct .v-table-tree-node-table .cell-indent-8 {
    display: inline-block;
    vertical-align: top;
    width: 64px;
  }
  .v-table .v-table-tree-node-ct .v-table-tree-node-table .cell-indent-9 {
    display: inline-block;
    vertical-align: top;
    width: 72px;
  }
  .v-table .v-table-tree-node-ct .v-table-tree-node-table .cell-indent-10 {
    display: inline-block;
    vertical-align: top;
    width: 80px;
  }
  .v-table .col-resizable-indicator {
    cursor: ew-resize;
    position: absolute;
    height: 100%;
    width: 1px;
    top: 0;
    background: #505a64;
  }
  .v-table .col-resizable-indicator--hidden {
    display: none;
  }
  .v-table__menu.v-menu .v-menu-item-checkbox {
    padding: 0 20px 0 8px;
  }
  .v-table__menu.v-menu .v-menu-item-checkbox .v-icon--checkbox + span {
    padding-left: 28px;
  }
  .v-table .v-form-item {
    margin: 0;
    height: 28px;
  }
  .v-table .v-form-item-label {
    display: none !important;
  }
  .v-table .v-form-item-input,
  .v-table .v-form-item-control {
    height: 100%;
    width: 100%;
  }
  .v-table .v-textfield-wrapper {
    border-radius: 4px;
    background: #fff;
    box-sizing: border-box;
    line-height: normal;
    line-height: initial;
    margin: 1px 0;
    height: 26px;
    width: 100%;
  }
  .v-table .v-textfield-wrapper .v-textfield-input {
    box-sizing: border-box;
    border-width: 1px;
    padding: 2px 11px;
    height: 100%;
    width: 100%;
    min-height: 26px;
  }
  .v-table .v-select-wrapper {
    background: #fff;
    line-height: normal;
    line-height: initial;
    height: 26px;
    margin: 1px;
    border-width: 1px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 11px;
  }
  .v-table .v-select2-wrapper {
    margin: 1px 0;
    width: 100% !important;
    background: #fff;
  }
  .v-table .v-select2-wrapper .v-select2-dropdown-icon {
    top: 0;
  }
  .v-table .v-select2-wrapper .v-select-ul-wrap {
    height: 20px;
  }
  .v-table .v-select2-wrapper:not(.v-multiselect-wrapper) {
    padding-top: 2px;
    padding-bottom: 2px;
  }
  .v-table .v-select2-wrapper.v-multiselect-wrapper .v-select2-text-display {
    padding-top: 2px;
    padding-bottom: 2px;
  }
  .v-table-group-node-ct .with-border {
    border-bottom: 1px solid rgba(198, 212, 224, 0.4);
  }
  .v-table-group-node-ct .v-table-group-node-table-wrapper {
    overflow: hidden;
  }
  .v-table-group-node-ct.expandable .v-table-group-node-table {
    overflow: hidden;
    border-collapse: separate;
  }
  .v-table-group-node-ct.expandable
    .v-table-group-node-table
    td.group-indent
    .inner-cell {
    padding-left: 32px;
  }
  .v-table-group-node-ct .v-table-group-node-group-title {
    display: flex;
    align-items: center;
    color: rgba(65, 75, 85, 0.5);
    font-size: 12px;
    height: 28px;
    line-height: 28px;
    position: relative;
    padding-left: 4px;
  }
  .v-table-group-node-ct .v-table-group-node-group-title.expandable {
    cursor: pointer;
  }
  .v-table-group-node-ct .v-table-group-node-group-title .v-checkbox-wrapper {
    flex: 0 0 auto;
    display: inline-block;
    padding: 0 4px 0 0;
    width: 20px;
    height: 20px;
    vertical-align: top;
  }
  .v-table-group-node-ct
    .v-table-group-node-group-title
    .v-checkbox-wrapper
    .v-checkbox-icon {
    position: relative;
    top: 0;
  }
  .v-table-group-node-ct
    .v-table-group-node-group-title
    .v-checkbox-wrapper
    .v-checkbox-input {
    top: 0;
    left: 0;
  }
  .v-table-group-node-ct
    .v-table-group-node-group-title
    .v-checkbox-wrapper
    .v-checkbox-label {
    display: none;
  }
  .v-table-group-node-ct .v-table-group-node-group-title .arrow {
    background-size: 48px 72px;
    background-size: 48px;
    content: "";
    margin: 2px 4px 2px 0;
    width: 24px;
    height: 24px;
    background-position-x: 0;
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .v-table-group-node-ct .v-table-group-node-group-title .arrow {
      background-size: 48px 72px;
    }
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .synohdpackdebug
      .v-table-group-node-ct
      .v-table-group-node-group-title
      .arrow {
      background-size: 48px 72px;
      outline: 1px green dashed;
    }
  }
  .v-table-group-node-ct .v-table-group-node-group-title .arrow.expand {
    background-position-x: 24px;
  }
  .v-table-group-node-ct .v-table-group-node-group-title:hover {
    color: rgba(65, 75, 85, 0.6);
  }
  .v-table-group-node-ct .v-table-group-node-group-title:hover .arrow {
    background-position-y: -24px;
  }
  .v-table-group-node-ct .v-table-group-node-group-title:focus,
  .v-table-group-node-ct .v-table-group-node-group-title:active {
    color: rgba(65, 75, 85, 0.7);
  }
  .v-table-group-node-ct .v-table-group-node-group-title:focus .arrow,
  .v-table-group-node-ct .v-table-group-node-group-title:active .arrow {
    background-position-y: -48px;
  }
  .v-whitetip-wrapper {
    display: inline-flex;
    vertical-align: top;
    align-items: center;
    justify-content: center;
  }
  .v-whitetip-wrapper.disabled {
    opacity: 0.4;
  }
  .v-whitetip-wrapper.small .v-whitetip-icon {
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    margin-top: 0;
    margin-left: 6px;
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .v-whitetip-wrapper.small .v-whitetip-icon {
      background-size: 20px 20px;
    }
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .synohdpackdebug .v-whitetip-wrapper.small .v-whitetip-icon {
      background-size: 20px 20px;
      outline: 1px green dashed;
    }
  }
  .v-whitetip-wrapper.small .v-whitetip-icon::before {
    width: 20px;
    height: 20px;
  }
  .v-whitetip-icon {
    width: 24px;
    height: 24px;
    margin-top: 2px;
    display: inline-block;
    margin-left: 4px;
    background-size: 24px 24px;
    vertical-align: top;
    overflow: visible;
    position: relative;
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .v-whitetip-icon {
      background-size: 24px 24px;
    }
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .synohdpackdebug .v-whitetip-icon {
      background-size: 24px 24px;
      outline: 1px green dashed;
    }
  }
  .v-whitetip-icon::before {
    content: "";
    width: 24px;
    height: 24px;
    top: 0;
    left: 0;
    position: absolute;
  }
  .v-whitetip-tooltip.v-tooltip-directive {
    background: #fff;
    word-break: break-word;
    word-wrap: break-word;
    border-radius: 8px;
    border: none;
    box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.2);
    padding: 12px 20px;
    color: #414b55;
  }
  .v-whitetip-tooltip.v-tooltip-directive.complex-tip {
    padding: 20px;
  }
  .v-whitetip-tooltip.v-tooltip-directive.no-padding {
    padding: 0;
  }
  .v-tree-panel.v-module .v-tree-panel-node-selected,
  .v-tree-panel .v-tree-panel-child-tree {
    font-weight: 400;
  }
  .v-tree-panel.v-module .v-tree-panel-node-selected,
  .v-tree-panel .v-tree-panel-child-tree {
    font-weight: 400;
  }
  .v-dd-ghost.v-tree-panel-dd {
    background-color: transparent !important;
  }
  .v-dd-ghost.v-tree-panel-dd.dd-valid
    .v-tree-panel
    .v-tree-panel-node-content-wrapper {
    background-color: #057feb;
  }
  .v-dd-ghost.v-tree-panel-dd .v-tree-panel .v-tree-panel-icon {
    margin-left: 2px;
    width: 16px;
    height: 16px;
    flex: 0 0 auto;
    display: inline-block;
    vertical-align: top;
    background-size: 16px 16px;
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .v-dd-ghost.v-tree-panel-dd .v-tree-panel .v-tree-panel-icon {
      background-size: 16px 16px;
    }
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .synohdpackdebug
      .v-dd-ghost.v-tree-panel-dd
      .v-tree-panel
      .v-tree-panel-icon {
      background-size: 16px 16px;
      outline: 1px green dashed;
    }
  }
  .v-dd-ghost.v-tree-panel-dd .v-tree-panel .v-tree-panel-node-content-wrapper {
    padding: 0 12px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
    border-radius: 5px;
    font-size: 13px;
    color: #fff;
    line-height: 20px;
    max-width: 320px;
    display: flex;
    background-color: #a0aab4;
    box-sizing: border-box;
  }
  .v-dd-ghost.v-tree-panel-dd
    .v-tree-panel
    .v-tree-panel-node-content-wrapper
    .v-tree-panel-title {
    line-height: 20px;
    padding: 4px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .v-tree-panel-ps {
    padding-right: 12px;
  }
  .v-tree-panel-ps.horizontal-scroll {
    padding-bottom: 20px;
  }
  .v-tree-panel-ps.horizontal-scroll .ps__rail-x {
    height: 14px;
    bottom: 6px !important;
  }
  .layout-tree-selector {
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid rgba(198, 212, 224, 0.5);
  }
  .layout-tree-selector .v-tree-panel-ps {
    padding-right: 0;
  }
  .layout-tree-navigation {
    border-right: 1px solid rgba(198, 212, 224, 0.5);
  }
  .v-tree-panel {
    display: block;
    min-width: 100%;
    color: #414b55;
    list-style-type: none;
    padding: 0px;
    margin: 0px;
  }
  .v-tree-panel .v-tree-panel-child-tree {
    overflow: hidden;
    list-style-type: none;
    padding: 0px;
    margin: 0px;
  }
  .v-tree-panel .dragging-indicator {
    height: 2px;
    width: 100%;
    background-color: #057feb;
    border-radius: 1px;
    position: absolute;
  }
  .v-tree-panel.dragging {
    cursor: pointer;
  }
  .v-tree-panel.dragging
    .v-tree-panel-node-wrapper:not(.v-tree-panel-dragging):not(.v-tree-panel-dragging-inner):hover {
    background-color: transparent;
    color: #414b55;
  }
  .v-tree-panel .v-tree-panel-node {
    position: relative;
  }
  .v-tree-panel .v-tree-panel-node-wrapper {
    display: flex;
    height: 28px;
    line-height: 28px;
    cursor: pointer;
    border-radius: 5px;
    border: 1px solid transparent;
    box-sizing: border-box;
    overflow: hidden;
    align-items: center;
  }
  .v-tree-panel .v-tree-panel-node-wrapper .v-checkbox-wrapper {
    margin: 0 4px 0 2px;
    flex: 0 0 auto;
    display: inline-block;
    padding: 0;
    width: 20px;
    height: 20px;
    vertical-align: top;
  }
  .v-tree-panel
    .v-tree-panel-node-wrapper
    .v-checkbox-wrapper
    + .v-tree-panel-icon {
    margin-left: 2px;
  }
  .v-tree-panel .v-tree-panel-node-wrapper .v-checkbox-wrapper .v-checkbox-label {
    display: none;
  }
  .v-tree-panel .v-tree-panel-node-wrapper .v-checkbox-wrapper .v-checkbox-icon {
    top: 0;
  }
  .v-tree-panel .v-tree-panel-node-wrapper .suffix-slot,
  .v-tree-panel .v-tree-panel-node-wrapper .action-slot {
    display: inline-flex;
    vertical-align: top;
  }
  .v-tree-panel .v-tree-panel-node-wrapper .action-slot {
    margin-left: auto;
    padding-left: 6px;
  }
  .v-tree-panel .v-tree-panel-node-wrapper .v-tree-panel-title {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
  .v-tree-panel .v-tree-panel-node-wrapper.v-tree-panel-dragging {
    background: rgba(198, 212, 224, 0.2);
    color: rgba(65, 75, 85, 0.4);
  }
  .v-tree-panel
    .v-tree-panel-node-wrapper.v-tree-panel-dragging
    .v-tree-panel-arrow {
    opacity: 0.4;
  }
  .v-tree-panel
    .v-tree-panel-node-wrapper.v-tree-panel-dragging
    .v-tree-panel-title {
    color: rgba(65, 75, 85, 0.4);
  }
  .v-tree-panel .v-tree-panel-node-wrapper.v-tree-panel-dragging-inner {
    background: rgba(5, 127, 235, 0.1);
    border: 1px solid #057feb;
  }
  .v-tree-panel .v-tree-panel-node-wrapper.v-tree-panel-dragging-inner:hover {
    background: rgba(5, 127, 235, 0.1);
  }
  .v-tree-panel
    .v-tree-panel-node-wrapper.v-tree-panel-dragging-inner
    .v-tree-panel-title {
    color: inherit;
  }
  .v-tree-panel
    .v-tree-panel-node-wrapper.v-tree-panel-node-selected:not(.v-tree-panel-dragging) {
    background: rgba(5, 127, 235, 0.1);
  }
  .v-tree-panel
    .v-tree-panel-node-wrapper.v-tree-panel-node-selected:not(.v-tree-panel-dragging)
    .v-tree-panel-title {
    color: inherit;
  }
  .v-tree-panel .v-tree-panel-node-wrapper.v-tree-panel-disabled {
    background: inherit;
    color: rgba(65, 75, 85, 0.4);
  }
  .v-tree-panel
    .v-tree-panel-node-wrapper.v-tree-panel-disabled
    .v-tree-panel-arrow {
    opacity: 0.4;
  }
  .v-tree-panel
    .v-tree-panel-node-wrapper.v-tree-panel-disabled
    .v-tree-panel-title {
    color: rgba(65, 75, 85, 0.4);
  }
  .v-tree-panel
    .v-tree-panel-node-wrapper:hover:not(.v-tree-panel-node-selected):not(.v-tree-panel-dragging):not(.v-tree-panel-dragging-inner) {
    background: rgba(5, 127, 235, 0.04);
  }
  .v-tree-panel
    .v-tree-panel-node-wrapper:hover:not(.v-tree-panel-node-selected):not(.v-tree-panel-dragging):not(.v-tree-panel-dragging-inner)
    .v-tree-panel-title {
    color: inherit;
  }
  .v-tree-panel.horizontal-scroll {
    display: inline-block;
    min-width: 100%;
  }
  .v-tree-panel.horizontal-scroll .v-tree-panel-node-content-wrapper {
    text-overflow: ellipsis;
    overflow: visible;
  }
  .v-tree-panel .v-tree-panel-node-content-wrapper {
    display: inline-flex;
    align-items: center;
    vertical-align: top;
    padding-right: 5px;
    flex: 1 1 auto;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
  }
  .v-tree-panel .v-tree-panel-spin-icon {
    width: 20px;
    height: 20px;
  }
  .v-tree-panel .v-tree-panel-spin-icon > i,
  .v-tree-panel .v-tree-panel-spin-icon > i > i {
    height: 12px;
    width: 12px;
  }
  .v-tree-panel .v-tree-panel-spin-icon > i > i {
    clip: rect(0, 12px, 12px, 6px);
  }
  .v-tree-panel .v-tree-panel-spin-icon > i > i::after {
    clip: rect(0, 12px, 12px, 6px);
    height: 12px;
    width: 12px;
    border-width: 2px;
    border-color: #505a64;
  }
  .v-tree-panel .v-tree-panel-arrow {
    background-size: 20px 40px;
    margin: 4px 0;
    background-size: 20px;
    background-position: 0 -20px;
    cursor: pointer;
    height: 20px;
    width: 20px;
    display: inline-block;
    vertical-align: top;
    visibility: visible;
    flex: 0 0 auto;
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .v-tree-panel .v-tree-panel-arrow {
      background-size: 20px 40px;
    }
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .synohdpackdebug .v-tree-panel .v-tree-panel-arrow {
      background-size: 20px 40px;
      outline: 1px green dashed;
    }
  }
  .v-tree-panel .v-tree-panel-arrow.expanded {
    background-position: 0 0;
  }
  .v-tree-panel .v-tree-panel-arrow.hided {
    visibility: hidden;
  }
  .v-tree-panel .v-tree-panel-icon {
    margin: 6px 6px 6px 4px;
    flex: 0 0 auto;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: top;
    background-size: 16px 16px;
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .v-tree-panel .v-tree-panel-icon {
      background-size: 16px 16px;
    }
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .synohdpackdebug .v-tree-panel .v-tree-panel-icon {
      background-size: 16px 16px;
      outline: 1px green dashed;
    }
  }
  .v-tree-panel .v-tree-panel-indent {
    width: calc(4px + 14px * var(--indent) - 1px);
    flex: 0 0 auto;
  }
  .v-tree-panel .v-tree-panel-indent-0 {
    display: inline-block;
    vertical-align: top;
    flex: 0 0 auto;
    width: 3px;
  }
  .v-tree-panel .v-tree-panel-indent-1 {
    display: inline-block;
    vertical-align: top;
    flex: 0 0 auto;
    width: 17px;
  }
  .v-tree-panel .v-tree-panel-indent-2 {
    display: inline-block;
    vertical-align: top;
    flex: 0 0 auto;
    width: 31px;
  }
  .v-tree-panel .v-tree-panel-indent-3 {
    display: inline-block;
    vertical-align: top;
    flex: 0 0 auto;
    width: 45px;
  }
  .v-tree-panel .v-tree-panel-indent-4 {
    display: inline-block;
    vertical-align: top;
    flex: 0 0 auto;
    width: 59px;
  }
  .v-tree-panel .v-tree-panel-indent-5 {
    display: inline-block;
    vertical-align: top;
    flex: 0 0 auto;
    width: 73px;
  }
  .v-tree-panel .v-tree-panel-indent-6 {
    display: inline-block;
    vertical-align: top;
    flex: 0 0 auto;
    width: 87px;
  }
  .v-tree-panel .v-tree-panel-indent-7 {
    display: inline-block;
    vertical-align: top;
    flex: 0 0 auto;
    width: 101px;
  }
  .v-tree-panel .v-tree-panel-indent-8 {
    display: inline-block;
    vertical-align: top;
    flex: 0 0 auto;
    width: 115px;
  }
  .v-tree-panel .v-tree-panel-indent-9 {
    display: inline-block;
    vertical-align: top;
    flex: 0 0 auto;
    width: 129px;
  }
  .v-tree-panel .v-tree-panel-indent-10 {
    display: inline-block;
    vertical-align: top;
    flex: 0 0 auto;
    width: 143px;
  }
  .v-tree-panel.v-module
    > .v-tree-panel-node:first-child
    .v-tree-panel-node-wrapper {
    margin-top: 0;
  }
  .v-tree-panel.v-module .v-tree-panel-node-content-wrapper {
    padding-left: 0;
  }
  .v-tree-panel.v-module .v-tree-panel-node-wrapper {
    height: 42px;
    line-height: 42px;
    margin-top: 0;
  }
  .v-tree-panel.v-module .v-tree-panel-node-wrapper .v-tree-panel-title {
    font-size: 13px;
    line-height: 42px;
  }
  .v-tree-panel.v-module .v-tree-panel-arrow {
    display: none;
  }
  .v-tree-panel.v-module .v-tree-panel-icon {
    margin: 10px 6px 10px 12px;
    width: 22px;
    height: 22px;
    display: inline-block;
    vertical-align: top;
    background-position: 0 0;
  }
  .v-tree-panel.v-module .v-tree-panel-node-selected .v-tree-panel-icon {
    background-position: 0 0;
  }
  .slide-up-down-transition {
    transition: height 240ms ease, 240ms padding-top ease,
      240ms padding-bottom ease;
  }
  .v-wizard.v-layout .step-wrap .headline-wrap .headline {
    font-weight: 700;
  }
  .v-wizard.v-layout {
    height: 100%;
    display: flex;
    flex-direction: column;
  }
  .v-wizard.v-layout .step-wrap {
    overflow: hidden;
    flex: 1 1 auto;
    padding-bottom: 6px;
  }
  .v-wizard.v-layout .step-wrap.flex-bug {
    height: 0;
  }
  .v-wizard.v-layout .step-wrap > .step-scrollbar.v-ps.ps {
    display: flex;
    flex-direction: column;
  }
  .v-wizard.v-layout .step-wrap > .step-scrollbar.v-ps.ps .headline-wrap {
    flex: 0 0 auto;
  }
  .v-wizard.v-layout .step-wrap > .step-scrollbar.v-ps.ps .step-container {
    flex: 1 1 auto;
  }
  .v-wizard.v-layout .step-wrap .headline-wrap {
    height: 56px;
    background-color: #057feb;
    position: relative;
  }
  .v-wizard.v-layout .step-wrap .headline-wrap .headline {
    top: 12px;
    left: 40px;
    line-height: 24px;
    width: calc(100% - 40px);
    height: 24px;
    color: #fff;
    font-size: 16px;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .v-wizard.v-layout .step-wrap .step-container.v-layout {
    padding: 0 40px 0 40px;
    padding: var(--svc-layout-padding, 0 40px 0 40px);
  }
  .v-wizard.v-layout .v-wizard-footer {
    display: flex;
    flex-direction: row;
    align-items: center;
    border-top: 1px solid rgba(198, 212, 224, 0.5);
    box-sizing: border-box;
    padding: 9px 16px 10px 16px;
    width: 100%;
  }
  .v-wizard.v-layout .v-wizard-footer.welcome {
    padding-left: 0;
    padding-right: 0;
    border-top: none;
    padding-bottom: 20px;
    padding-top: 10px;
  }
  .v-wizard.v-layout .v-wizard-footer .button-group {
    width: auto;
    display: inline-flex;
    flex-flow: row;
  }
  .v-wizard.v-layout .v-wizard-footer .button-group.center {
    width: 100%;
    align-items: center;
    justify-content: center;
  }
  .v-wizard.v-layout .v-wizard-footer .button-group.center .v-btn {
    margin-right: 0;
  }
  .v-wizard.v-layout .v-wizard-footer .button-group .v-btn {
    margin-right: 8px;
  }
  .v-wizard.v-layout .v-wizard-footer .left-area {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-right: 12px;
    width: 100%;
    overflow: hidden;
  }
  .v-wizard.v-layout .v-wizard-footer .left-area .left-btn {
    margin: 0 12px 0 8px;
  }
  .v-wizard.v-layout .v-wizard-footer .left-area .status-bar {
    width: 100%;
  }
  .v-wizard.v-layout .v-wizard-step {
    position: relative;
    height: 100%;
  }
  .v-wizard-window.v-window
    .v-window-header-wrapper
    .v-window-header-text
    .sub-wrapper {
    font-weight: 400;
  }
  .v-wizard-window.v-window {
    background-color: #057feb;
  }
  .v-wizard-window.v-window.auto-height.is-safari .flex-bug {
    height: unset;
  }
  .v-wizard-window.v-window .v-window-header-wrapper {
    background-color: #057feb;
    border-bottom: none;
  }
  .v-wizard-window.v-window .v-window-header-wrapper .v-window-header-text {
    opacity: 0.7;
    color: #fff;
    width: 100%;
  }
  .v-wizard-window.v-window
    .v-window-header-wrapper
    .v-window-header-text
    .sub-wrapper {
    flex: 1 1 auto;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    vertical-align: top;
    padding-left: 4px;
    overflow: hidden;
  }
  .v-wizard-window.v-window
    .v-window-header-wrapper
    .v-window-header-text
    .sub-wrapper
    .sub-title {
    text-overflow: initial;
    white-space: normal;
    white-space: initial;
  }
  .v-wizard-window.v-window .v-window-header-wrapper .tool-wrapper .tool {
    width: 24px;
    height: 24px;
    margin-left: 8px;
    cursor: pointer;
  }
  .v-window .v-window-header-wrapper .v-window-header-text {
    font-weight: 700;
  }
  .v-window .v-window-header-wrapper {
    flex: 0 0 auto;
    display: flex;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: default;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    background-color: #fff;
    position: relative;
    padding: 8px 0 0 18px;
    height: 40px;
    line-height: 40px;
    box-sizing: border-box;
    border-bottom: 1px solid rgba(198, 212, 224, 0.5);
  }
  .v-window .draggable.v-window-header-wrapper {
    cursor: move;
  }
  .v-window .modal-win.v-window-header-wrapper .v-window-header-text {
    padding-left: 2px;
  }
  .v-window .v-window-header-wrapper .v-window-header-text {
    flex: 1 1 auto;
    display: inline-flex;
    vertical-align: top;
    line-height: 20px;
    font-size: 12px;
    text-align: left;
    padding-left: 10px;
    color: rgba(65, 75, 85, 0.85);
    margin-top: 2px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: auto;
  }
  .v-window .v-window-header-wrapper .app-icon {
    width: 24px;
    height: 24px;
    line-height: 39px;
    display: inline-block;
    vertical-align: top;
    background-size: 24px 24px;
  }
  .v-window {
    overflow: hidden;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.6);
    border-radius: 3px;
    display: flex;
    flex-direction: column;
    background-color: #fff;
  }
  .v-window.dragging {
    opacity: 0.65;
  }
  .v-window.no-shadow {
    box-shadow: none;
  }
  .v-window.auto-height.is-safari .flex-bug {
    height: unset;
  }
  .v-window.deactive-win .v-window-header-wrapper {
    opacity: 0.4;
  }
  .v-window .v-window-body {
    height: 100%;
    flex: 1 1 auto;
    overflow: hidden;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    background-color: #fff;
  }
  .v-window .v-window-mask {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 20000;
  }
  .v-window .v-window-mask .v-spin-wrapper {
    width: 100%;
    height: 100%;
  }
  .v-window-resizable-ghost {
    z-index: 50000;
    display: block;
    border: 1px dashed;
    position: absolute;
  }
  .v-window-resizable .handler {
    position: absolute;
    width: 6px;
    height: 6px;
    opacity: 0;
  }
  .v-window-resizable .handler.v-window-resizable-sw {
    bottom: 0;
    left: 0;
    cursor: sw-resize;
    z-index: 101;
  }
  .v-window-resizable .handler.v-window-resizable-se {
    bottom: 0;
    right: 0;
    cursor: se-resize;
    z-index: 101;
  }
  .v-window-resizable .handler.v-window-resizable-nw {
    top: 0;
    left: 0;
    cursor: nw-resize;
    z-index: 101;
  }
  .v-window-resizable .handler.v-window-resizable-ne {
    top: 0;
    right: 0;
    cursor: ne-resize;
    z-index: 101;
  }
  .v-window-resizable .handler.v-window-resizable-s {
    width: 100%;
    bottom: 0;
    left: 0;
    cursor: s-resize;
    z-index: 100;
  }
  .v-window-resizable .handler.v-window-resizable-n {
    width: 100%;
    top: 0;
    left: 0;
    cursor: n-resize;
    z-index: 100;
  }
  .v-window-resizable .handler.v-window-resizable-w {
    height: 100%;
    left: 0;
    top: 0;
    cursor: w-resize;
    z-index: 100;
  }
  .v-window-resizable .handler.v-window-resizable-e {
    height: 100%;
    right: 0;
    top: 0;
    cursor: e-resize;
    z-index: 100;
  }
  .v-window-draggable .v-window-header-wrapper .v-window-header-text,
  .v-window .v-window-header-wrapper .v-window-header-text {
    font-weight: 700;
  }
  .v-window-draggable.v-wizard-window
    .v-window-header-wrapper
    .v-window-header-text
    .sub-wrapper,
  .v-wizard-window.v-window
    .v-window-header-wrapper
    .v-window-header-text
    .sub-wrapper {
    font-weight: 400;
  }
  .v-window-draggable .v-window-header-wrapper,
  .v-window .v-window-header-wrapper {
    flex: 0 0 auto;
    display: flex;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: default;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    background-color: #fff;
    position: relative;
    padding: 8px 0 0 18px;
    height: 40px;
    line-height: 40px;
    box-sizing: border-box;
    border-bottom: 1px solid rgba(198, 212, 224, 0.5);
  }
  .v-window-draggable .draggable.v-window-header-wrapper,
  .v-window .draggable.v-window-header-wrapper {
    cursor: move;
  }
  .v-window-draggable .modal-win.v-window-header-wrapper .v-window-header-text,
  .v-window .modal-win.v-window-header-wrapper .v-window-header-text {
    padding-left: 2px;
  }
  .v-window-draggable .v-window-header-wrapper .v-window-header-text,
  .v-window .v-window-header-wrapper .v-window-header-text {
    flex: 1 1 auto;
    display: inline-flex;
    vertical-align: top;
    line-height: 20px;
    font-size: 12px;
    text-align: left;
    padding-left: 10px;
    color: rgba(65, 75, 85, 0.85);
    margin-top: 2px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: auto;
  }
  .v-window-draggable .v-window-header-wrapper .app-icon,
  .v-window .v-window-header-wrapper .app-icon {
    width: 24px;
    height: 24px;
    line-height: 39px;
    display: inline-block;
    vertical-align: top;
    background-size: 24px 24px;
  }
  .v-window {
    overflow: hidden;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.6);
    border-radius: 3px;
    display: flex;
    flex-direction: column;
    background-color: #fff;
  }
  .v-window.dragging {
    opacity: 0.65;
  }
  .v-window.no-shadow {
    box-shadow: none;
  }
  .v-window.auto-height.is-safari .flex-bug {
    height: unset;
  }
  .v-window.deactive-win .v-window-header-wrapper {
    opacity: 0.4;
  }
  .v-window .v-window-body {
    height: 100%;
    flex: 1 1 auto;
    overflow: hidden;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    background-color: #fff;
  }
  .v-window .v-window-mask {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 20000;
  }
  .v-window .v-window-mask .v-spin-wrapper {
    width: 100%;
    height: 100%;
  }
  .v-window-draggable .v-window-header-wrapper .v-window-header-text,
  .v-window .v-window-header-wrapper .v-window-header-text {
    font-weight: 700;
  }
  .v-window-draggable.v-wizard-window
    .v-window-header-wrapper
    .v-window-header-text
    .sub-wrapper,
  .v-wizard-window.v-window
    .v-window-header-wrapper
    .v-window-header-text
    .sub-wrapper {
    font-weight: 400;
  }
  .v-wizard-window.v-window {
    background-color: #057feb;
  }
  .v-wizard-window.v-window.auto-height.is-safari .flex-bug {
    height: unset;
  }
  .v-wizard-window.v-window .v-window-header-wrapper {
    background-color: #057feb;
    border-bottom: none;
  }
  .v-wizard-window.v-window .v-window-header-wrapper .v-window-header-text {
    opacity: 0.7;
    color: #fff;
    width: 100%;
  }
  .v-wizard-window.v-window
    .v-window-header-wrapper
    .v-window-header-text
    .sub-wrapper {
    flex: 1 1 auto;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    vertical-align: top;
    padding-left: 4px;
    overflow: hidden;
  }
  .v-wizard-window.v-window
    .v-window-header-wrapper
    .v-window-header-text
    .sub-wrapper
    .sub-title {
    text-overflow: initial;
    white-space: normal;
    white-space: initial;
  }
  .v-wizard-window.v-window .v-window-header-wrapper .tool-wrapper .tool {
    width: 24px;
    height: 24px;
    margin-left: 8px;
    cursor: pointer;
  }
  .v-window-draggable {
    background-color: #f2f2f2;
    position: absolute;
    opacity: 0.65;
    z-index: 12000;
    border-radius: 3px;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.6);
  }
  .v-window-draggable.v-wizard-window .v-window-header-wrapper {
    background-color: #057feb;
    border-bottom: none;
  }
  .v-window-draggable.v-wizard-window
    .v-window-header-wrapper
    .v-window-header-text {
    opacity: 0.7;
    color: #fff;
    width: 100%;
  }
  .v-window-draggable.v-wizard-window
    .v-window-header-wrapper
    .v-window-header-text
    .sub-wrapper {
    flex: 1 1 auto;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    vertical-align: top;
    padding-left: 4px;
    overflow: hidden;
  }
  .v-window-draggable.v-wizard-window
    .v-window-header-wrapper
    .v-window-header-text
    .sub-wrapper
    .sub-title {
    text-overflow: initial;
    white-space: normal;
    white-space: initial;
  }
  .v-window-draggable.v-wizard-window
    .v-window-header-wrapper
    .tool-wrapper
    .tool {
    width: 24px;
    height: 24px;
    margin-left: 8px;
    cursor: pointer;
  }
  .window-header-tool-wrapper {
    margin-right: 16px;
    display: inline-flex;
    float: right;
    flex-direction: row;
  }
  .window-header-tool-wrapper.dark .tool.close {
    background-size: 24px 72px;
    background-position: 0 0;
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .window-header-tool-wrapper.dark .tool.close {
      background-size: 24px 72px;
    }
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .synohdpackdebug .window-header-tool-wrapper.dark .tool.close {
      background-size: 24px 72px;
      outline: 1px green dashed;
    }
  }
  .window-header-tool-wrapper.dark .tool.close.disabled {
    opacity: 0.4;
    cursor: auto;
  }
  .window-header-tool-wrapper.dark .tool.close:not(.disabled):hover {
    background-position: 0 -24px;
  }
  .window-header-tool-wrapper.dark .tool.close:not(.disabled):active {
    background-position: 0 -48px;
  }
  .window-header-tool-wrapper.dark .tool.help {
    background-size: 24px 72px;
    background-position: 0 0;
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .window-header-tool-wrapper.dark .tool.help {
      background-size: 24px 72px;
    }
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .synohdpackdebug .window-header-tool-wrapper.dark .tool.help {
      background-size: 24px 72px;
      outline: 1px green dashed;
    }
  }
  .window-header-tool-wrapper.dark .tool.help.disabled {
    opacity: 0.4;
    cursor: auto;
  }
  .window-header-tool-wrapper.dark .tool.help:not(.disabled):hover {
    background-position: 0 -24px;
  }
  .window-header-tool-wrapper.dark .tool.help:not(.disabled):active {
    background-position: 0 -48px;
  }
  .window-header-tool-wrapper .tool {
    width: 24px;
    height: 24px;
    margin-left: 8px;
    cursor: pointer;
  }
  .window-header-tool-wrapper .tool.close {
    background-size: 24px 72px;
    background-position: 0 0;
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .window-header-tool-wrapper .tool.close {
      background-size: 24px 72px;
    }
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .synohdpackdebug .window-header-tool-wrapper .tool.close {
      background-size: 24px 72px;
      outline: 1px green dashed;
    }
  }
  .window-header-tool-wrapper .tool.close.disabled {
    opacity: 0.4;
    cursor: auto;
  }
  .window-header-tool-wrapper .tool.close:not(.disabled):hover {
    background-position: 0 -24px;
  }
  .window-header-tool-wrapper .tool.close:not(.disabled):active {
    background-position: 0 -48px;
  }
  .window-header-tool-wrapper .tool.maximize {
    background-size: 24px 72px;
    background-position: 0 0;
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .window-header-tool-wrapper .tool.maximize {
      background-size: 24px 72px;
    }
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .synohdpackdebug .window-header-tool-wrapper .tool.maximize {
      background-size: 24px 72px;
      outline: 1px green dashed;
    }
  }
  .window-header-tool-wrapper .tool.maximize.disabled {
    opacity: 0.4;
    cursor: auto;
  }
  .window-header-tool-wrapper .tool.maximize:not(.disabled):hover {
    background-position: 0 -24px;
  }
  .window-header-tool-wrapper .tool.maximize:not(.disabled):active {
    background-position: 0 -48px;
  }
  .window-header-tool-wrapper .tool.restore {
    background-size: 24px 72px;
    background-position: 0 0;
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .window-header-tool-wrapper .tool.restore {
      background-size: 24px 72px;
    }
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .synohdpackdebug .window-header-tool-wrapper .tool.restore {
      background-size: 24px 72px;
      outline: 1px green dashed;
    }
  }
  .window-header-tool-wrapper .tool.restore.disabled {
    opacity: 0.4;
    cursor: auto;
  }
  .window-header-tool-wrapper .tool.restore:not(.disabled):hover {
    background-position: 0 -24px;
  }
  .window-header-tool-wrapper .tool.restore:not(.disabled):active {
    background-position: 0 -48px;
  }
  .window-header-tool-wrapper .tool.minimize {
    background-size: 24px 72px;
    background-position: 0 0;
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .window-header-tool-wrapper .tool.minimize {
      background-size: 24px 72px;
    }
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .synohdpackdebug .window-header-tool-wrapper .tool.minimize {
      background-size: 24px 72px;
      outline: 1px green dashed;
    }
  }
  .window-header-tool-wrapper .tool.minimize.disabled {
    opacity: 0.4;
    cursor: auto;
  }
  .window-header-tool-wrapper .tool.minimize:not(.disabled):hover {
    background-position: 0 -24px;
  }
  .window-header-tool-wrapper .tool.minimize:not(.disabled):active {
    background-position: 0 -48px;
  }
  .window-header-tool-wrapper .tool.help {
    background-size: 24px 72px;
    background-position: 0 0;
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .window-header-tool-wrapper .tool.help {
      background-size: 24px 72px;
    }
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .synohdpackdebug .window-header-tool-wrapper .tool.help {
      background-size: 24px 72px;
      outline: 1px green dashed;
    }
  }
  .window-header-tool-wrapper .tool.help.disabled {
    opacity: 0.4;
    cursor: auto;
  }
  .window-header-tool-wrapper .tool.help:not(.disabled):hover {
    background-position: 0 -24px;
  }
  .window-header-tool-wrapper .tool.help:not(.disabled):active {
    background-position: 0 -48px;
  }
  .window-header-tool-wrapper .tool.fullscreen {
    background-position: 0 -768px;
  }
  .window-header-tool-wrapper .tool.fullscreen .collapse {
    background-position: 0 -864px;
  }
  .window-header-tool-wrapper .tool.fullscreen-over {
    background-position: 0 -792px;
  }
  .window-header-tool-wrapper .tool.fullscreen-over .collapse {
    background-position: 0 -888px;
  }
  .v-toast {
    display: flex;
    flex-direction: row;
    align-items: center;
    position: absolute;
    max-width: 960px;
    background-color: #fff;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
    padding: 5px 11px 5px 15px;
    z-index: 5;
    border: 1px solid rgba(198, 212, 224, 0.7);
    border-radius: 3px;
  }
  .v-toast.animate-in {
    -webkit-animation: bounce-in 300ms ease-out;
    animation: bounce-in 300ms ease-out;
  }
  .v-toast .v-toast-text {
    padding-right: 4px;
    display: inline-block;
    vertical-align: top;
    line-height: 20px;
    color: #414b55;
  }
  .v-toast .v-toast-close-btn {
    display: inline-block;
    vertical-align: top;
    margin-left: 4px;
    width: 20px;
    height: 20px;
    background-size: 20px 60px;
    cursor: pointer;
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .v-toast .v-toast-close-btn {
      background-size: 20px 60px;
    }
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .synohdpackdebug .v-toast .v-toast-close-btn {
      background-size: 20px 60px;
      outline: 1px green dashed;
    }
  }
  .v-toast .v-toast-action-btn {
    color: #057feb;
    text-align: center;
    margin-right: 4px;
    padding-left: 0;
    padding-right: 0;
    border: none;
    background-color: inherit;
  }
  .v-toast .v-toast-action-btn:hover {
    cursor: pointer;
  }
  @-webkit-keyframes bounce-in {
    0% {
      transform: translateY(24px);
    }
    50% {
      transform: translateY(-12px);
    }
    100% {
      transform: translateY(0px);
    }
  }
  @keyframes bounce-in {
    0% {
      transform: translateY(24px);
    }
    50% {
      transform: translateY(-12px);
    }
    100% {
      transform: translateY(0px);
    }
  }
  .v-handle {
    position: absolute;
    width: 20px;
    height: 20px;
  }
  .v-handle-tl {
    top: -10px;
    left: -10px;
    cursor: nw-resize;
  }
  .v-handle-tm {
    width: calc(100% - 20px);
    top: -10px;
    left: 10px;
    right: 10px;
    cursor: n-resize;
  }
  .v-handle-tr {
    top: -10px;
    right: -10px;
    cursor: ne-resize;
  }
  .v-handle-ml {
    height: calc(100% - 20px);
    top: 10px;
    left: -10px;
    cursor: w-resize;
  }
  .v-handle-mr {
    height: calc(100% - 20px);
    top: 10px;
    right: -10px;
    cursor: e-resize;
  }
  .v-handle-bl {
    bottom: -10px;
    left: -10px;
    cursor: sw-resize;
  }
  .v-handle-bm {
    width: calc(100% - 20px);
    bottom: -10px;
    left: 10px;
    cursor: s-resize;
  }
  .v-handle-br {
    bottom: -10px;
    right: -10px;
    cursor: se-resize;
  }
  .v-schedule-table .head-cell {
    font-weight: 700;
  }
  .v-schedule-table .head-cell {
    font-weight: 700;
  }
  .v-schedule-btn-wrapper {
    display: grid;
    margin-bottom: 12px;
  }
  .v-schedule-btn-wrapper .v-schedule-btn {
    display: inline-flex;
    vertical-align: top;
    align-items: center;
    margin-right: 12px;
  }
  .v-schedule-btn-wrapper .v-schedule-btn .v-schedule-btn-icon {
    flex: 0 0 auto;
    display: inline-flex;
    vertical-align: top;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    margin-right: 4px;
    border-radius: 3px;
    cursor: pointer;
  }
  .v-schedule-btn-wrapper .v-schedule-btn .v-schedule-btn-icon > .btn-icon-inner {
    width: 14px;
    height: 14px;
    border: 1px solid #dcdee0;
    border-radius: 1px;
    box-sizing: border-box;
    background-color: #057feb;
  }
  .v-schedule-btn-wrapper
    .v-schedule-btn
    .v-schedule-btn-icon--blue
    > .btn-icon-inner {
    background-color: #057feb;
  }
  .v-schedule-btn-wrapper
    .v-schedule-btn
    .v-schedule-btn-icon--red
    > .btn-icon-inner {
    background-color: #e64040;
  }
  .v-schedule-btn-wrapper
    .v-schedule-btn
    .v-schedule-btn-icon--green
    > .btn-icon-inner {
    background-color: #009e05;
  }
  .v-schedule-btn-wrapper
    .v-schedule-btn
    .v-schedule-btn-icon--orange
    > .btn-icon-inner {
    background-color: #f58414;
  }
  .v-schedule-btn-wrapper
    .v-schedule-btn
    .v-schedule-btn-icon--yellow
    > .btn-icon-inner {
    background-color: #ffc041;
  }
  .v-schedule-btn-wrapper .v-schedule-btn .v-schedule-btn-icon:hover {
    background-color: rgba(198, 212, 224, 0.2);
  }
  .v-schedule-btn-wrapper
    .v-schedule-btn
    .v-schedule-btn-icon.v-schedule-btn-icon-pressed {
    background-color: rgba(198, 212, 224, 0.4);
  }
  .v-schedule-btn-wrapper .v-schedule-btn .v-schedule-btn-icon-clear {
    background-size: 24px 24px;
    background-size: 24px 24px;
    width: 24px;
    height: 24px;
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .v-schedule-btn-wrapper .v-schedule-btn .v-schedule-btn-icon-clear {
      background-size: 24px 24px;
    }
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .synohdpackdebug
      .v-schedule-btn-wrapper
      .v-schedule-btn
      .v-schedule-btn-icon-clear {
      background-size: 24px 24px;
      outline: 1px green dashed;
    }
  }
  .v-schedule-btn-wrapper .v-schedule-btn .v-schedule-btn-text {
    display: inline-block;
    color: #414b55;
    vertical-align: top;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    line-height: 20px;
    margin-top: 4px;
    margin-bottom: 4px;
  }
  .v-schedule-table .v-schedule {
    position: relative;
    border-spacing: 0;
    border-color: transparent;
    border-collapse: separate;
    border: 1px solid #e6ecf2;
    border-radius: 4px;
  }
  .v-schedule-table .select-all-cell {
    vertical-align: bottom;
  }
  .v-schedule-table .select-all-cell .select-all-triangle {
    width: 0px;
    height: 0px;
    float: right;
    border-left: 8px solid transparent;
    border-bottom: 8px solid #057feb;
    margin: 0px 3px 3px 0px;
  }
  .v-schedule-table .select-all-cell:hover .select-all-triangle {
    border-bottom-color: rgba(5, 127, 235, 0.8);
  }
  .v-schedule-table .head-cell {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 24px;
    height: 24px;
    color: #414b55;
    text-align: center;
    border-left: 1px solid #e6ecf2;
    background-color: rgba(198, 212, 224, 0.08);
    font-size: 12px;
  }
  .v-schedule-table .head-cell.split-30 {
    width: 23px;
  }
  .v-schedule-table .head-cell.split-15 {
    width: 27px;
  }
  .v-schedule-table .head-cell:first-child {
    border-left: none;
    border-top-left-radius: 3px;
  }
  .v-schedule-table .head-cell:last-child {
    border-right: none;
    border-top-right-radius: 3px;
  }
  .v-schedule-table .head-cell:hover {
    background-color: rgba(5, 127, 235, 0.06);
  }
  .v-schedule-table .cell.first-cell {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 42px;
    background-color: rgba(198, 212, 224, 0.08);
    color: #414b55;
    line-height: 24px;
    text-align: center;
    cursor: pointer;
    font-size: 12px;
    border-top: 1px solid #e6ecf2;
    border-bottom: none;
    border-left: none;
  }
  .v-schedule-table .cell.first-cell:hover {
    background-color: rgba(21, 116, 232, 0.05);
    opacity: 1;
  }
  .v-schedule-table .normal-row:last-child .body-cell:last-child {
    border-bottom-right-radius: 3px;
  }
  .v-schedule-table .normal-row:last-child .body-cell:first-child {
    border-bottom-left-radius: 3px;
  }
  .v-schedule-table .body-cell {
    text-align: center;
    height: 24px;
    width: 24px;
    border-left: 1px solid #e6ecf2;
    border-top: 1px solid #e6ecf2;
  }
  .v-schedule-table .body-cell.split-30 {
    width: 11px;
  }
  .v-schedule-table .body-cell.split-15 {
    width: 7px;
  }
  .v-schedule-table .body-cell.split-cell {
    border-left: 1px solid #f0f6fc;
  }
  .v-schedule-table .body-cell:last-child {
    border-right-color: transparent;
  }
  .v-schedule-table .body-cell:hover,
  .v-schedule-table .body-cell.row-col-over {
    opacity: 0.8;
  }
  .v-schedule-table .body-cell.cell-option--clear:hover,
  .v-schedule-table .body-cell.cell-option--clear.row-col-over {
    opacity: 1;
    background-color: rgba(5, 127, 235, 0.06);
  }
  .v-schedule-table .cell-option {
    background-color: #057feb;
  }
  .v-schedule-table .cell-option--clear {
    background-color: #fff;
  }
  .v-schedule-table .cell-option--blue {
    background-color: #057feb;
  }
  .v-schedule-table .cell-option--red {
    background-color: #e64040;
  }
  .v-schedule-table .cell-option--green {
    background-color: #009e05;
  }
  .v-schedule-table .cell-option--orange {
    background-color: #f58414;
  }
  .v-schedule-table .cell-option--yellow {
    background-color: #ffc041;
  }
  .v-expandable-item.item-wrap .item-summary .item-title {
    font-weight: 700;
  }
  .v-expandable-item.item-wrap {
    position: relative;
  }
  .v-expandable-item.item-wrap .item-summary {
    position: relative;
    padding-left: 64px;
    height: 58px;
  }
  .v-expandable-item.item-wrap .item-summary .item-icon {
    display: inline-block;
    width: 32px;
    height: 32px;
    position: absolute;
    top: 13px;
    left: 16px;
  }
  .v-expandable-item.item-wrap .item-summary .item-title {
    display: inline-block;
    letter-spacing: 0.17px;
    line-height: 20px;
    margin-top: 8px;
    vertical-align: top;
  }
  .v-expandable-item.item-wrap .item-summary .item-desc {
    display: inline-block;
    line-height: 20px;
    margin-top: 8px;
    vertical-align: top;
  }
  .v-expandable-item.item-wrap .item-summary .item-status {
    margin-top: 2px;
    font-size: 13px;
    color: rgba(65, 75, 85, 0.6);
    line-height: 20px;
  }
  .v-expandable-item.item-wrap .item-summary .item-toggle {
    display: inline-block;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 58px;
    height: 58px;
    cursor: pointer;
  }
  .v-expandable-item.item-wrap .item-summary .item-toggle:hover .item-toggle-img {
    background-position-y: -24px;
  }
  .v-expandable-item.item-wrap .item-summary .item-toggle:active .item-toggle-img,
  .v-expandable-item.item-wrap .item-summary .item-toggle:focus .item-toggle-img {
    background-position-y: -48px;
  }
  .v-expandable-item.item-wrap
    .item-summary
    .item-toggle-expanded
    .item-toggle-img {
    background-position-x: -24px;
  }
  .v-expandable-item.item-wrap .item-summary .item-toggle-img {
    position: absolute;
    right: 16px;
    top: 16px;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-size: 48px;
    background-size: 48px 72px;
    background-position: 0 0;
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .v-expandable-item.item-wrap .item-summary .item-toggle-img {
      background-size: 48px 72px;
    }
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .synohdpackdebug .v-expandable-item.item-wrap .item-summary .item-toggle-img {
      background-size: 48px 72px;
      outline: 1px green dashed;
    }
  }
  .v-expandable-item.item-wrap .item-detail {
    padding: 0 20px 20px 64px;
  }
  .v-data-view {
    overflow: hidden;
    display: flex;
  }
  .v-data-view .v-data-view-body {
    flex: 1 1 auto;
    overflow: hidden;
  }
  .v-data-view .v-data-view-item-wrap {
    padding: 0px;
    border-bottom: 1px solid rgba(198, 212, 224, 0.4);
    border-top: 0px;
  }
  .v-data-view .v-data-view-item-wrap:hover {
    background-color: rgba(5, 127, 235, 0.04);
  }
  .v-data-view .v-data-view-item-wrap.v-data-view-item-selected {
    background-color: rgba(5, 127, 235, 0.1);
  }
  .v-slider {
    position: relative;
    box-sizing: border-box;
    display: flex;
    height: 28px;
    width: 100%;
    min-width: 182px;
    padding: 5px 9px;
    transition: all 0.2s;
  }
  .v-slider .v-slider-line {
    pointer-events: none;
    position: relative;
    height: 100%;
    width: 100%;
    transition: inherit;
  }
  .v-slider .v-slider-line:before,
  .v-slider .v-slider-line:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 4px;
    width: 100%;
    border-radius: 3px;
    transition: inherit;
    margin: 7px 0;
  }
  .v-slider .v-slider-line:before {
    background: rgba(80, 90, 100, 0.15);
  }
  .v-slider .v-slider-line:after {
    width: var(--percent);
    background: #057feb;
  }
  .v-slider .v-slider-line .v-slider-thumb {
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    height: 18px;
    width: 18px;
    left: calc(var(--percent) - 9px);
    transition: inherit;
    transition-property: left;
    border: 1px solid rgba(124, 138, 152, 0.3);
    border-radius: 50%;
    background: #fff;
  }
  .v-slider .v-slider-line .v-slider-thumb:before {
    display: none;
    position: absolute;
    content: var(--value);
    color: #fff;
    background: rgba(30, 32, 34, 0.8);
    margin-bottom: 6px;
    padding: 3px 12px;
    border: 1px solid #969696;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3);
    border-radius: 4px;
    line-height: 20px;
    transform: translateX(-50%);
    left: 50%;
    bottom: 100%;
  }
  .v-slider .v-slider-input {
    position: absolute;
    box-sizing: inherit;
    padding: inherit;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
  }
  .v-slider.v-slider-disabled .v-slider-line:before,
  .v-slider.v-slider-disabled .v-slider-line:after {
    opacity: 0.4;
  }
  .v-slider.v-slider-disabled .v-slider-line .v-slider-thumb {
    border-color: rgba(124, 138, 152, 0.2);
    background-color: #f4f6f9;
  }
  .v-slider.v-slider-dragging {
    transition: none;
  }
  .v-slider.v-slider-dragging .v-slider-line .v-slider-thumb:before {
    display: block;
  }
  .v-slider:hover:not(.v-slider-disabled) .v-slider-input {
    cursor: pointer;
  }
  .v-slider:hover:not(.v-slider-disabled) .v-slider-line .v-slider-thumb {
    border-color: rgba(124, 138, 152, 0.5);
  }
  .v-window-header-wrapper.standalone .user-menu-btn {
    margin-right: 16px;
    background-color: transparent;
  }
  .v-window-header-wrapper.standalone .user-menu-btn:hover {
    background-color: transparent;
    border-color: transparent;
  }
  .v-window-header-wrapper.standalone .user-menu-btn:active {
    background-color: transparent;
    border-color: transparent;
  }
  .v-window-header-wrapper.standalone .user-menu-btn[disabled] {
    background-color: transparent;
    border-color: transparent;
  }
  .v-page-list-app-window.v-window .v-window-body .v-trap-focus-body {
    display: flex;
    flex-direction: row;
  }
  .v-page-list-app-window.v-window
    .v-window-body
    .v-trap-focus-body
    .module-list-layout {
    border-right: 1px solid rgba(198, 212, 224, 0.5);
    width: 240px;
    box-sizing: border-box;
    flex: 0 0 auto;
    height: 100%;
  }
  .v-page-list-app-window.v-window
    .v-window-body
    .v-trap-focus-body
    .module-list-layout
    .v-module-list {
    height: 100%;
  }
  .v-page-list-app-window.v-window .v-window-body .v-trap-focus-body .container {
    flex: 1 1 auto;
  }
  .v-page-list-app-window.v-window
    .v-window-body
    .v-trap-focus-body
    .container
    .page-list-module {
    height: 100%;
  }
  .v-module-list .module-item-section .module-item .module-section-item-text {
    font-weight: 700;
  }
  .v-module-list .module-item-section .module-item .module-section-item-text {
    font-weight: 700;
  }
  .v-module-list .module-item-section {
    padding: 8px 0 0 0;
    display: inline-flex;
    vertical-align: top;
    flex-direction: column;
    width: 100%;
    border-bottom: none;
  }
  .v-module-list .module-item-section .module-item {
    padding-left: 12px;
    padding-right: 6px;
    display: inline-flex;
    vertical-align: top;
    align-items: center;
  }
  .v-module-list .module-item-section .module-item .module-section-item-text {
    font-size: 12px;
    color: rgba(65, 75, 85, 0.5);
    line-height: 24px;
    overflow: hidden;
    flex: 1 1 auto;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .v-module-list .module-item-section .module-options {
    padding: 4px 0;
  }
  .v-module-list .module-item-section.collapsible {
    border-bottom: 1px solid rgba(198, 212, 224, 0.4);
  }
  .v-module-list .module-item-section.collapsible .module-options {
    padding-bottom: 8px;
  }
  .v-module-list .module-item-section.collapsible .module-item {
    cursor: pointer;
    padding-left: 11px;
  }
  .v-module-list
    .module-item-section.collapsible:hover
    .module-section-item-text {
    color: rgba(65, 75, 85, 0.6);
  }
  .v-module-list .module-item-section.collapsible:hover .module-item-arrow {
    background-position-y: -24px;
  }
  .v-module-list
    .module-item-section.collapsible:active
    .module-section-item-text {
    color: rgba(65, 75, 85, 0.7);
  }
  .v-module-list .module-item-section.collapsible:active .module-item-arrow {
    background-position-y: -48px;
  }
  .v-module-list .module-item-section.collapsed {
    padding-bottom: 8px;
  }
  .v-module-list .module-item-section.collapsed .module-item-arrow {
    background-position-x: 0;
  }
  .v-module-list .module-item-section .module-item-arrow {
    margin-right: 5px;
    background-size: 48px 72px;
    background-position-x: 24px;
    width: 24px;
    height: 24px;
    flex: 0 0 auto;
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .v-module-list .module-item-section .module-item-arrow {
      background-size: 48px 72px;
    }
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .synohdpackdebug .v-module-list .module-item-section .module-item-arrow {
      background-size: 48px 72px;
      outline: 1px green dashed;
    }
  }
  .v-module-list .module-item-section:first-of-type {
    padding-top: 0;
  }
  .v-module-list .module-item-section.collapsible:last-of-type {
    border-bottom: none;
  }
  .v-module-list .module-item-option {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    cursor: pointer;
    border-radius: 5px;
    padding-right: 6px;
  }
  .v-module-list .module-item-option.module-item-option-normal {
    height: 42px;
    font-size: 14px;
  }
  .v-module-list .module-item-option.module-item-option-normal .module-item-text {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .v-module-list .module-item-option.module-item-option-small {
    height: 28px;
  }
  .v-module-list .module-item-option.module-item-option-small .module-item-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .v-module-list .module-item-option:hover {
    background-color: rgba(5, 127, 235, 0.04);
  }
  .v-module-list .module-item-option:hover .module-item-text {
    color: #414b55;
  }
  .v-module-list .module-item-option.activated {
    background-color: rgba(5, 127, 235, 0.1);
  }
  .v-module-list .module-item-option.activated .module-item-text {
    color: #414b55;
  }
  .v-module-list .module-item-option .module-item-icon {
    flex: 0 0 auto;
    width: 22px;
    height: 22px;
    margin-left: 12px;
    margin-right: 6px;
    background-size: 22px 44px;
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .v-module-list .module-item-option .module-item-icon {
      background-size: 22px 44px;
    }
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .synohdpackdebug .v-module-list .module-item-option .module-item-icon {
      background-size: 22px 44px;
      outline: 1px green dashed;
    }
  }
  .v-module-list .module-item-option .module-item-text {
    color: #414b55;
    line-height: 18px;
    flex: 1 1 auto;
  }
  .progress-wrapper .progress-title-wrapper .progress-percent {
    font-weight: 700;
  }
  .progress-wrapper .progress-info,
  .progress-wrapper .progress-title-wrapper .progress-title {
    font-weight: 400;
  }
  .progress-wrapper .progress-title-wrapper .progress-percent {
    font-weight: 700;
  }
  .progress-wrapper .progress-info,
  .progress-wrapper .progress-title-wrapper .progress-title {
    font-weight: 400;
  }
  .progress-wrapper .progress-title-wrapper .progress-title {
    display: inline-block;
    font-size: 13px;
    line-height: 20px;
  }
  .progress-wrapper .progress-title-wrapper .progress-percent {
    display: inline-block;
    font-size: 13px;
    line-height: 20px;
    float: right;
  }
  .progress-wrapper .progress-bar-outer {
    margin-top: 8px;
    background: rgba(80, 90, 100, 0.15);
    border-radius: 3px;
    height: 6px;
    width: 100%;
  }
  .progress-wrapper .progress-bar-outer.disabled {
    opacity: 0.4;
  }
  .progress-wrapper .progress-bar-outer .progress-bar-inner {
    width: 0;
    height: 6px;
    background-color: #057feb;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .progress-wrapper .progress-bar-outer .progress-bar-inner.paused {
    background-color: rgba(80, 90, 100, 0.4);
  }
  .progress-wrapper .progress-bar-outer .progress-bar-inner--full {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  .progress-wrapper .progress-bar-outer .progress-bar-inner--waiting {
    transition-property: width;
    transition-duration: 0.1s;
  }
  .progress-wrapper .progress-info {
    font-size: 13px;
    margin-top: 8px;
    color: rgba(65, 75, 85, 0.6);
    line-height: 20px;
  }
  .v-window.v-message-box-window .message-box .body-wrapper .dialog-title,
  .v-window.v-message-box-window
    .message-box
    .body-wrapper
    .progress-wrapper
    .progress-title-wrapper
    .progress-percent {
    font-weight: 700;
  }
  .v-window.v-message-box-window .message-box .body-wrapper .dialog-content,
  .v-window.v-message-box-window
    .message-box
    .body-wrapper
    .progress-wrapper
    .progress-info,
  .v-window.v-message-box-window
    .message-box
    .body-wrapper
    .progress-wrapper
    .progress-title-wrapper
    .progress-title,
  .v-window.v-message-box-window .message-box.is-password .body-wrapper {
    font-weight: 400;
  }
  .v-messsage-box-window-mask-container {
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgba(198, 212, 224, 0.4);
    opacity: 1;
  }
  .v-window.v-message-box-window {
    border-radius: 8px;
    overflow: visible;
  }
  .v-window.v-message-box-window .message-box {
    height: 100%;
    color: #414b55;
    padding: 0;
    border-radius: 8px;
  }
  .v-window.v-message-box-window .message-box.is-password .body-wrapper {
    padding: 16px 20px 0 20px;
  }
  .v-window.v-message-box-window
    .message-box.is-password
    .body-wrapper
    .password-desc {
    font-size: 13px;
    line-height: 20px;
    padding: 4px 0;
  }
  .v-window.v-message-box-window .message-box.is-password .body-wrapper .v-form {
    margin-top: 6px;
  }
  .v-window.v-message-box-window
    .message-box.is-password
    .body-wrapper
    .v-form
    .v-textfield-wrapper
    .v-textfield-input {
    width: 176px;
  }
  .v-window.v-message-box-window .message-box.is-password .fbar-wrapper {
    padding: 9px 16px 10px 12px;
  }
  .v-window.v-message-box-window .message-box .body-wrapper {
    padding: 24px 30px 0 30px;
  }
  .v-window.v-message-box-window
    .message-box
    .body-wrapper
    .message-box-body.has-icon {
    margin-top: 20px;
  }
  .v-window.v-message-box-window
    .message-box
    .body-wrapper
    .message-box-body.has-icon.has-title {
    margin-top: 26px;
  }
  .v-window.v-message-box-window
    .message-box
    .body-wrapper
    .progress-wrapper
    .progress-title-wrapper
    .progress-title {
    display: inline-block;
    font-size: 13px;
    line-height: 20px;
  }
  .v-window.v-message-box-window
    .message-box
    .body-wrapper
    .progress-wrapper
    .progress-title-wrapper
    .progress-percent {
    display: inline-block;
    font-size: 13px;
    line-height: 20px;
    float: right;
  }
  .v-window.v-message-box-window
    .message-box
    .body-wrapper
    .progress-wrapper
    .progress-bar-outer {
    margin-top: 8px;
    background: rgba(80, 90, 100, 0.15);
    border-radius: 3px;
    height: 6px;
    width: 100%;
  }
  .v-window.v-message-box-window
    .message-box
    .body-wrapper
    .progress-wrapper
    .progress-bar-outer
    .progress-bar-inner {
    width: 0;
    height: 6px;
    background: #057feb;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .v-window.v-message-box-window
    .message-box
    .body-wrapper
    .progress-wrapper
    .progress-bar-outer
    .progress-bar-inner--full {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  .v-window.v-message-box-window
    .message-box
    .body-wrapper
    .progress-wrapper
    .progress-info {
    font-size: 13px;
    margin-top: 8px;
    color: rgba(65, 75, 85, 0.6);
    line-height: 20px;
  }
  .v-window.v-message-box-window .message-box .body-wrapper .dialog-icon-wrapper {
    position: absolute;
    top: -14px;
    left: 30px;
    width: 48px;
    height: 48px;
    border-radius: 24px;
    box-shadow: 0 6px 12px 0 rgba(230, 64, 64, 0.15);
  }
  .v-window.v-message-box-window
    .message-box
    .body-wrapper
    .dialog-icon-wrapper.alarm {
    background-color: #e64040;
  }
  .v-window.v-message-box-window
    .message-box
    .body-wrapper
    .dialog-icon-wrapper
    .dialog-icon {
    top: 8px;
    left: 8px;
    position: relative;
  }
  .v-window.v-message-box-window
    .message-box
    .body-wrapper
    .dialog-icon-wrapper
    .dialog-icon.alarm {
    width: 32px;
    height: 32px;
    background-size: 32px 32px;
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .v-window.v-message-box-window
      .message-box
      .body-wrapper
      .dialog-icon-wrapper
      .dialog-icon.alarm {
      background-size: 32px 32px;
    }
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .synohdpackdebug
      .v-window.v-message-box-window
      .message-box
      .body-wrapper
      .dialog-icon-wrapper
      .dialog-icon.alarm {
      background-size: 32px 32px;
      outline: 1px green dashed;
    }
  }
  .v-window.v-message-box-window .message-box .body-wrapper .dialog-title {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 12px;
  }
  .v-window.v-message-box-window .message-box .body-wrapper .dialog-content {
    font-size: 13px;
    line-height: 20px;
  }
  .v-window.v-message-box-window .message-box .fbar-wrapper {
    border-top: none;
    margin: 0;
    padding: 28px 30px 20px 30px;
  }
  .v-window.v-message-box-window .message-box .fbar-wrapper .default {
    display: inline-block;
  }
  .v-window.v-message-box-window .message-box .fbar-wrapper .pull-left .v-btn {
    margin-left: 0;
    margin-right: 8px;
  }
  .v-window.v-message-box-window .message-box .fbar-wrapper .pull-right {
    padding-right: 0;
  }
  .v-file-btn {
    height: 28px;
    display: flex;
  }
  .v-file-btn.button-only {
    min-height: 28px;
  }
  .v-file-btn .file-textfield.v-textfield-wrapper .v-textfield-input {
    border-color: rgba(198, 212, 224, 0.7);
    background-color: #fff;
    color: #414b55;
  }
  .v-file-btn .file-input {
    visibility: hidden;
    height: 0;
    width: 0;
  }
  .v-file-btn .v-btn {
    margin-left: 6px;
  }
  .tippy-box[data-animation="fade"][data-state="hidden"] {
    opacity: 0;
  }
  [data-tippy-root] {
    max-width: calc(100vw - 10px);
  }
  .tippy-box {
    position: relative;
    background-color: #333;
    color: #fff;
    border-radius: 4px;
    font-size: 14px;
    line-height: 1.4;
    outline: 0;
    transition-property: transform, visibility, opacity;
  }
  .tippy-box[data-placement^="top"] > .tippy-arrow {
    bottom: 0;
  }
  .tippy-box[data-placement^="top"] > .tippy-arrow:before {
    bottom: -7px;
    left: 0;
    border-width: 8px 8px 0;
    border-top-color: currentColor;
    border-top-color: initial;
    transform-origin: center top;
  }
  .tippy-box[data-placement^="bottom"] > .tippy-arrow {
    top: 0;
  }
  .tippy-box[data-placement^="bottom"] > .tippy-arrow:before {
    top: -7px;
    left: 0;
    border-width: 0 8px 8px;
    border-bottom-color: currentColor;
    border-bottom-color: initial;
    transform-origin: center bottom;
  }
  .tippy-box[data-placement^="left"] > .tippy-arrow {
    right: 0;
  }
  .tippy-box[data-placement^="left"] > .tippy-arrow:before {
    border-width: 8px 0 8px 8px;
    border-left-color: currentColor;
    border-left-color: initial;
    right: -7px;
    transform-origin: center left;
  }
  .tippy-box[data-placement^="right"] > .tippy-arrow {
    left: 0;
  }
  .tippy-box[data-placement^="right"] > .tippy-arrow:before {
    left: -7px;
    border-width: 8px 8px 8px 0;
    border-right-color: currentColor;
    border-right-color: initial;
    transform-origin: center right;
  }
  .tippy-box[data-inertia][data-state="visible"] {
    transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11);
  }
  .tippy-arrow {
    width: 16px;
    height: 16px;
    color: #333;
  }
  .tippy-arrow:before {
    content: "";
    position: absolute;
    border-color: transparent;
    border-style: solid;
  }
  .tippy-content {
    position: relative;
    padding: 5px 9px;
    z-index: 1;
  }
  .v-notification-container .v-notification-title {
    font-weight: 700;
  }
  .v-notification-container .v-notification-body {
    font-weight: 400;
  }
  .v-notification-container {
    position: absolute;
    width: 320px;
    min-height: 58px;
    overflow: hidden;
    right: 12px;
    float: right;
    padding: 6px;
    margin: -6px;
    transition: top 300ms ease-in-out 0s;
    z-index: 12003;
  }
  .v-notification-container .v-notification-wrapper {
    margin-left: 12px;
  }
  .v-notification-container .v-notification-panel {
    right: 0px;
    opacity: 1;
    width: 320px;
    min-height: 58px;
    position: relative;
    background-color: #fff;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.5);
    border-radius: 3px;
    transition: top 300ms ease-in-out 0ms, right 500ms ease-out 0s,
      opacity 500ms ease-out 0s;
  }
  .v-notification-container .v-notification-panel.show {
    top: 0px !important;
  }
  .v-notification-container .v-notification-panel.leave {
    right: -326px;
    opacity: 0;
  }
  .v-notification-container .v-notification-panel .close-btn {
    background-size: 24px 72px;
    background-position: 0 0;
    position: absolute;
    right: 6px;
    top: 6px;
    width: 24px;
    height: 24px;
    cursor: pointer;
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .v-notification-container .v-notification-panel .close-btn {
      background-size: 24px 72px;
    }
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .synohdpackdebug .v-notification-container .v-notification-panel .close-btn {
      background-size: 24px 72px;
      outline: 1px green dashed;
    }
  }
  .v-notification-container .v-notification-panel .close-btn:hover {
    background-position: 0px -24px;
  }
  .v-notification-container .v-notification-panel .close-btn:active {
    background-position: 0px -48px;
  }
  .v-notification-container .v-notification-body {
    min-height: 18px;
    width: 296px;
    font-size: 13px;
    word-break: break-word;
    color: #414b55;
    letter-spacing: 0;
    line-height: 20px;
    padding-bottom: 8px;
  }
  .v-notification-container .v-notification-body a {
    cursor: pointer;
  }
  .v-notification-container .v-notification-title {
    min-height: 20px;
    width: 274px;
    font-size: 13px;
    color: #057feb;
    letter-spacing: 0;
    line-height: 20px;
    padding-top: 8px;
    padding-bottom: 4px;
  }
  .v-empty-view {
    display: flex;
    width: 100%;
    height: 100%;
  }
  .v-empty-view .v-empty-view-box {
    margin: auto;
  }
  .v-empty-view .v-empty-view-icon {
    background-size: 120px 120px;
    margin: auto;
    width: 120px;
    height: 120px;
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .v-empty-view .v-empty-view-icon {
      background-size: 120px 120px;
    }
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .synohdpackdebug .v-empty-view .v-empty-view-icon {
      background-size: 120px 120px;
      outline: 1px green dashed;
    }
  }
  .v-empty-view .v-empty-view-text {
    margin-top: 20px;
    text-align: center;
    line-height: 20px;
    color: rgba(65, 75, 85, 0.6);
  }
  .v-empty-view .v-empty-view-action {
    margin-top: 16px;
    text-align: center;
  }
  .v-empty-view .v-btn {
    min-width: 80px;
  }
  .v-search-suggestions-wrapper .v-search-search-criteria {
    font-weight: 700;
  }
  .syno-cjk .v-search-suggestions-wrapper .v-search-search-criteria,
  .v-search-suggestions-wrapper .syno-cjk .v-search-search-criteria {
    font-weight: 600;
  }
  .v-search-suggestions-wrapper .v-search-search-criteria {
    font-weight: 700;
  }
  .syno-cjk .v-search-suggestions-wrapper .v-search-search-criteria,
  .v-search-suggestions-wrapper .syno-cjk .v-search-search-criteria {
    font-weight: 600;
  }
  .v-search-suggestions-wrapper .v-search-search-criteria {
    font-weight: 700;
  }
  .syno-cjk .v-search-suggestions-wrapper .v-search-search-criteria,
  .v-search-suggestions-wrapper .syno-cjk .v-search-search-criteria {
    font-weight: 600;
  }
  .v-search-suggestions-wrapper .v-search-search-criteria {
    font-weight: 700;
  }
  .syno-cjk .v-search-suggestions-wrapper .v-search-search-criteria,
  .v-search-suggestions-wrapper .syno-cjk .v-search-search-criteria {
    font-weight: 600;
  }
  .v-search-suggestions-date-picker-wrapper {
    position: absolute;
    z-index: 1050;
  }
  .v-search-suggestions-wrapper {
    position: absolute;
    box-sizing: border-box;
    outline: none;
    margin-bottom: 0;
    width: 200px;
    padding: 8px;
    list-style: none;
    z-index: 1050;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.16);
    background: #fff;
    border-radius: 4px;
    border: 1px solid rgba(198, 212, 224, 0.7);
  }
  .v-search-suggestions-wrapper .v-search-suggestions {
    padding-top: 2px;
  }
  .v-search-suggestions-wrapper .v-search-search-criteria {
    padding-left: 10px;
    line-height: 30px;
    font-size: 14px;
    color: #414b55;
    border-bottom: 1px solid #979797;
  }
  .v-search-suggestions-wrapper .v-search-search-criteria {
    font-weight: 700;
  }
  .syno-cjk .v-search-suggestions-wrapper .v-search-search-criteria,
  .v-search-suggestions-wrapper .syno-cjk .v-search-search-criteria {
    font-weight: 600;
  }
  .pull-right {
    float: right;
  }
  .slide-transition {
    transition: height 0.2s;
  }
  .v-search-suggestions-wrapper .v-search-search-criteria {
    font-weight: 700;
  }
  .syno-cjk .v-search-suggestions-wrapper .v-search-search-criteria,
  .v-search-suggestions-wrapper .syno-cjk .v-search-search-criteria {
    font-weight: 600;
  }
  .v-search-suggestions-item {
    margin: 0;
    padding: 8px 20px 8px 12px;
    position: relative;
    display: block;
    white-space: nowrap;
    height: 38px;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #414b55;
    letter-spacing: 0.1px;
    cursor: pointer;
  }
  .v-search-suggestions-item.unselectable {
    cursor: default;
  }
  .v-search-suggestions-item.unselectable:hover {
    background-color: #fff;
  }
  .v-search-suggestions-item:hover {
    background-color: #f5f5fa;
    border-radius: 3px;
  }
  .v-search-suggestions-item.child-item {
    padding-left: 36px;
  }
  .v-search-suggestions-item-selected {
    background-color: #f5f5fa;
    border-radius: 3px;
  }
  .v-search-suggestions-item .search-suggestion-item-content {
    line-height: 22px;
    font-size: 14px;
  }
  .v-search-suggestions-item .search-suggestion-item-content .item-prompt {
    position: absolute;
    right: 12px;
    color: #909090;
  }
  .v-search-suggestions-wrapper .v-search-search-criteria {
    font-weight: 700;
  }
  .syno-cjk .v-search-suggestions-wrapper .v-search-search-criteria,
  .v-search-suggestions-wrapper .syno-cjk .v-search-search-criteria {
    font-weight: 600;
  }
  .pull-right {
    float: right;
  }
  .slide-transition {
    transition: height 0.2s;
  }
  .v-search-suggestions-wrapper .v-search-search-criteria {
    font-weight: 700;
  }
  .syno-cjk .v-search-suggestions-wrapper .v-search-search-criteria,
  .v-search-suggestions-wrapper .syno-cjk .v-search-search-criteria {
    font-weight: 600;
  }
  .v-search-suggestions-item.group {
    color: rgba(65, 75, 85, 0.6);
    line-height: 28px;
    padding: 8px 6px 8px 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: default;
    height: 38px;
  }
  .v-search-suggestions-item.group:hover {
    background-color: #fff;
  }
  .v-search-suggestions-wrapper .v-search-search-criteria {
    font-weight: 700;
  }
  .syno-cjk .v-search-suggestions-wrapper .v-search-search-criteria,
  .v-search-suggestions-wrapper .syno-cjk .v-search-search-criteria {
    font-weight: 600;
  }
  .pull-right {
    float: right;
  }
  .slide-transition {
    transition: height 0.2s;
  }
  .v-search-suggestions-wrapper .v-search-search-criteria {
    font-weight: 700;
  }
  .syno-cjk .v-search-suggestions-wrapper .v-search-search-criteria,
  .v-search-suggestions-wrapper .syno-cjk .v-search-search-criteria {
    font-weight: 600;
  }
  .v-search-block {
    display: inline-block;
    vertical-align: top;
    background-color: transparent;
    color: #414b55;
    border-radius: 2px 0 0 2px;
    margin-right: 1px;
    padding: 0;
    font-size: 12px;
    line-height: 24px;
    top: 3px;
    position: relative;
  }
  .v-search-block.v-search-block-category {
    padding: 0px 7px;
    background-color: #e1f8fa;
  }
  .v-search-block.v-search-block-operator {
    padding: 0px 7px;
    background-color: #ebebf5;
  }
  .v-search-block.v-search-block-value {
    padding: 0px 7px;
    background-color: #e6f0ff;
  }
  .v-search-block.v-search-block-conjunction {
    padding: 0px 7px;
    background-color: #505a78;
    color: #fff;
  }
  .v-search-block.v-search-block-bracket {
    padding: 0px 7px;
    background-color: #dff5ab;
  }
  .v-search {
    width: 100%;
    position: relative;
    border: 1px solid rgba(198, 212, 224, 0.7);
    border-radius: 4px;
    box-sizing: border-box;
  }
  .v-search .search-dropdown {
    position: absolute;
  }
  .v-search .v-search-icon {
    display: block;
    position: absolute;
    left: 6px;
    top: 3px;
    width: 24px;
    height: 24px;
    background-size: 24px 96px;
    background-size: 24px;
    background-position: 0 0;
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .v-search .v-search-icon {
      background-size: 24px 96px;
    }
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .synohdpackdebug .v-search .v-search-icon {
      background-size: 24px 96px;
      outline: 1px green dashed;
    }
  }
  .v-search.has-error,
  .v-search.has-error:hover,
  .v-search.has-error[focus-within] {
    border: 1px solid #e64040;
  }
  .v-search.has-error,
  .v-search.has-error:hover,
  .v-search.has-error:focus-within {
    border: 1px solid #e64040;
  }
  .v-search:hover {
    border-color: rgba(124, 138, 152, 0.5);
  }
  .v-search[focus-within] {
    border-color: #057feb;
  }
  .v-search:focus-within {
    border-color: #057feb;
  }
  .v-search .v-search-popup {
    height: 100%;
  }
  .v-search .v-search-popup > .v-ps.ps {
    padding-right: 0;
  }
  .v-search .v-search-contenteditable {
    box-sizing: border-box;
    color: #414b55;
    overflow: hidden;
    width: 100%;
    line-height: 30px;
    padding: 0px 11px 0px 33px;
  }
  .v-search .v-search-contenteditable:empty::before {
    content: attr(placeholder);
    color: #888;
  }
  .v-search .search-clear-icon {
    background-size: 24px 24px;
    width: 24px;
    height: 24px;
    display: inline-block;
    top: 4px;
    right: 4px;
    position: absolute;
    cursor: pointer;
    opacity: 0.4;
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .v-search .search-clear-icon {
      background-size: 24px 24px;
    }
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .synohdpackdebug .v-search .search-clear-icon {
      background-size: 24px 24px;
      outline: 1px green dashed;
    }
  }
  .v-search .search-clear-icon:hover {
    opacity: 0.7;
  }
  .v-search .search-clear-icon:active {
    opacity: 1;
  }
  .v-toggle-wrapper {
    background-color: silver;
    width: 45px;
    height: 25px;
    position: relative;
    border-radius: 25px;
    transition: 0.4s;
  }
  .v-toggle-wrapper .v-toggle-indicator {
    background-color: #fff;
    width: 23px;
    height: 23px;
    position: absolute;
    left: 1px;
    bottom: 1px;
    border-radius: 50%;
    transition: 0.4s;
  }
  .v-toggle-wrapper.on {
    background-color: #057feb;
  }
  .v-toggle-wrapper.on .v-toggle-indicator {
    transform: translateX(20px);
  }
  .v-toggle-wrapper.disabled {
    background-color: rgba(198, 212, 224, 0.3);
  }
  .v-toggle-wrapper:hover {
    cursor: pointer;
  }
  .v-copy-cut-field-wrapper {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  .v-copy-cut-field-wrapper .v-copy-cut-field-input {
    width: 100%;
  }
  .v-copy-cut-field-wrapper .v-copy-cut-field-button {
    margin-left: 6px;
    background-repeat: no-repeat;
    background-position: top 1px right 2px;
  }
  .v-copy-cut-field-wrapper .v-copy-cut-field-button.copy {
    background-size: 24px 48px;
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .v-copy-cut-field-wrapper .v-copy-cut-field-button.copy {
      background-size: 24px 48px;
    }
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .synohdpackdebug .v-copy-cut-field-wrapper .v-copy-cut-field-button.copy {
      background-size: 24px 48px;
      outline: 1px green dashed;
    }
  }
  .v-copy-cut-field-wrapper .v-copy-cut-field-button.cut {
    background-size: 24px 48px;
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .v-copy-cut-field-wrapper .v-copy-cut-field-button.cut {
      background-size: 24px 48px;
    }
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .synohdpackdebug .v-copy-cut-field-wrapper .v-copy-cut-field-button.cut {
      background-size: 24px 48px;
      outline: 1px green dashed;
    }
  }
  .v-copy-cut-field-wrapper .v-copy-cut-field-button.disabled {
    opacity: 0.4;
  }
  table.adv-grid th.table-head .head-cell {
    font-weight: 400;
  }
  table.adv-grid {
    table-layout: fixed;
    border-spacing: 0;
    border-collapse: separate;
    border-radius: 4px;
    border: 1px solid rgba(50, 60, 70, 0.5);
  }
  table.adv-grid tr.table-head-row {
    background-color: #fff;
  }
  table.adv-grid th.table-head {
    background-color: rgba(50, 60, 70, 0.5);
    border: none;
  }
  table.adv-grid th.table-head .head-cell {
    color: #fff;
    line-height: 20px;
    height: 20px;
    text-align: left;
    font-size: 13px;
    padding: 5px 8px 6px 0;
  }
  table.adv-grid th.table-head:first-child .head-cell {
    padding-left: 8px;
  }
  table.adv-grid .adv-grid-body tr.table-row td.table-cell {
    border-bottom: none;
  }
  table.adv-grid .adv-grid-body tr.table-row td.table-cell .cell {
    text-align: left;
    line-height: 20px;
    font-size: 13px;
    color: #414b55;
    background-color: #fff;
    padding: 6px 8px 6px 0;
  }
  table.adv-grid .adv-grid-body tr.table-row td.table-cell:first-child .cell {
    padding-left: 8px;
  }
  table.adv-grid
    .adv-grid-body
    tr.table-row:last-child
    td.table-cell:first-child
    .cell {
    overflow: hidden;
    border-bottom-left-radius: 3px;
  }
  table.adv-grid
    .adv-grid-body
    tr.table-row:last-child
    td.table-cell:last-child
    .cell {
    overflow: hidden;
    border-bottom-right-radius: 3px;
  }
  .adv-columns {
    display: flex;
    overflow: hidden;
    flex-direction: row;
  }
  .adv-columns .adv-column {
    margin-right: 40px;
    overflow: hidden;
    flex: 1 1 50%;
  }
  .adv-columns .adv-column:last-child {
    margin-right: 0;
  }
  .adv-form {
    display: grid;
    grid-template-columns: auto 1fr;
    font-size: 13px;
    line-height: 20px;
    color: #414b55;
  }
  .adv-form .adv-form-label {
    grid-column-start: 1;
    grid-column-end: 2;
    margin-right: 8px;
    line-height: 20px;
    padding: 4px 0;
  }
  .adv-form .adv-form-value {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 4px 0;
  }
  .adv-form .adv-form-value.multiple-line {
    white-space: normal;
    text-overflow: clip;
    overflow: visible;
  }
  .info-board-wrapper .board-title .title {
    font-weight: 700;
  }
  .info-board-wrapper {
    display: flex;
    flex-direction: column;
    position: relative;
    box-sizing: border-box;
    flex: 0 0 auto;
    min-height: 34px;
  }
  .info-board-wrapper .info-board-indicator {
    display: block;
    top: 0px;
    left: 0px;
    border-bottom: 1px solid rgba(198, 212, 224, 0.7);
    position: relative;
  }
  .info-board-wrapper .info-board-indicator.enabled {
    cursor: row-resize;
  }
  .info-board-wrapper .info-board-indicator.enabled:hover {
    border-bottom: 1px solid rgba(61, 83, 102, 0.5);
  }
  .info-board-wrapper .info-board-indicator.enabled:active {
    border-bottom: 1px solid rgba(198, 212, 224, 0.7);
  }
  .info-board-wrapper .info-board-indicator .ghost {
    height: 5px;
    bottom: -3px;
    position: absolute;
    width: 100%;
  }
  .info-board-wrapper .board-title {
    margin-top: 5px;
    display: flex;
    white-space: nowrap;
    overflow: hidden;
    flex: 0 0 auto;
    align-items: center;
  }
  .info-board-wrapper .board-title .title {
    margin-left: 8px;
    line-height: 20px;
    padding: 4px 0;
    flex: 1 1 auto;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 13px;
  }
  .info-board-wrapper .board-title .expand-icon {
    background-size: 48px 72px;
    background-position-x: 24px;
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: top;
    flex: 0 0 auto;
    margin: 0 8px 0 12px;
    cursor: pointer;
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .info-board-wrapper .board-title .expand-icon {
      background-size: 48px 72px;
    }
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .synohdpackdebug .info-board-wrapper .board-title .expand-icon {
      background-size: 48px 72px;
      outline: 1px green dashed;
    }
  }
  .info-board-wrapper .board-title .expand-icon:hover {
    background-position-y: -24px;
  }
  .info-board-wrapper .board-title .expand-icon:active {
    background-position-y: -48px;
  }
  .info-board-wrapper.expanded .expand-icon {
    background-position-x: 0;
  }
  .info-board-wrapper .board-content {
    flex: 1 0 auto;
  }
  .info-board-wrapper .board-content .empty {
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: center;
    color: rgba(65, 75, 85, 0.6);
  }
  .info-board-wrapper .board-content .v-ps {
    padding-right: 0;
  }
  .info-board-wrapper .board-content .v-tabs {
    box-sizing: border-box;
    overflow: hidden;
    padding-top: 8px;
  }
  .info-board-dragging-indicator {
    display: block;
    position: absolute;
    cursor: row-resize;
    height: 1px;
    background-color: #3d5366;
  }
  .v-info-mask .info-content-wrapper .info-content {
    font-weight: 400;
  }
  .v-info-mask {
    background: rgba(255, 255, 255, 0.6);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
  }
  .v-info-mask .info-content-wrapper {
    background-color: #fff;
    border: 1px solid rgba(198, 212, 224, 0.7);
    border-radius: 3px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.16);
  }
  .v-info-mask .info-content-wrapper .info-content {
    box-sizing: border-box;
    padding: 17px 19px;
    max-width: 640px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    font-size: 13px;
    color: #414b55;
    line-height: 20px;
  }
  .v-select2-dropdown-menu-item.schedule-base-option .item-icon.schedule {
    background-image: none;
  }
  .v-window.v-about-window
    .v-about-window-body.v-window-body
    .v-about-window-body-wrapper
    .content-top
    .copyright,
  .v-window.v-about-window
    .v-about-window-body.v-window-body
    .v-about-window-body-wrapper
    .content-bottom
    .copyright,
  .v-window.v-about-window
    .v-about-window-body.v-window-body
    .v-about-window-body-wrapper
    .content-top
    .links
    > *,
  .v-window.v-about-window
    .v-about-window-body.v-window-body
    .v-about-window-body-wrapper
    .content-bottom
    .links
    > *,
  .v-window.v-about-window
    .v-about-window-body.v-window-body
    .v-about-window-body-wrapper
    .content-top
    .desc,
  .v-window.v-about-window
    .v-about-window-body.v-window-body
    .v-about-window-body-wrapper
    .content-bottom
    .desc,
  .v-window.v-about-window
    .v-about-window-body.v-window-body
    .v-about-window-body-wrapper
    .content-top
    .name
    .label,
  .v-window.v-about-window
    .v-about-window-body.v-window-body
    .v-about-window-body-wrapper
    .content-bottom
    .name
    .label,
  .v-window.v-about-window
    .v-about-window-body.v-window-body
    .v-about-window-body-wrapper
    .content-top
    .name,
  .v-window.v-about-window
    .v-about-window-body.v-window-body
    .v-about-window-body-wrapper
    .content-bottom
    .name {
    font-weight: 400;
  }
  .v-window.v-about-window.dark-theme {
    background-color: #434548;
  }
  .v-window.v-about-window.dark-theme
    .v-about-window-body.v-window-body
    .v-about-window-body-wrapper
    .content-top
    .name,
  .v-window.v-about-window.dark-theme
    .v-about-window-body.v-window-body
    .v-about-window-body-wrapper
    .content-top
    .desc,
  .v-window.v-about-window.dark-theme
    .v-about-window-body.v-window-body
    .v-about-window-body-wrapper
    .content-bottom
    .name,
  .v-window.v-about-window.dark-theme
    .v-about-window-body.v-window-body
    .v-about-window-body-wrapper
    .content-bottom
    .desc {
    color: #fff;
  }
  .v-window.v-about-window.dark-theme
    .v-about-window-body.v-window-body
    .v-about-window-body-wrapper
    .content-top
    .copyright,
  .v-window.v-about-window.dark-theme
    .v-about-window-body.v-window-body
    .v-about-window-body-wrapper
    .content-bottom
    .copyright {
    color: rgba(255, 255, 255, 0.6);
  }
  .v-window.v-about-window.dark-theme
    .v-about-window-body.v-window-body
    .v-about-window-body-wrapper
    .content-top
    .links
    > *,
  .v-window.v-about-window.dark-theme
    .v-about-window-body.v-window-body
    .v-about-window-body-wrapper
    .content-bottom
    .links
    > * {
    color: #4096ff;
  }
  .v-window.v-about-window .v-about-window-mask {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.05);
    pointer-events: none;
    z-index: 99999999;
  }
  .v-window.v-about-window .v-about-window-header.v-window-header-wrapper {
    border-bottom: none;
    cursor: default;
    height: 26px;
    padding: 12px 0 0 20px;
    background-color: inherit;
  }
  .v-window.v-about-window
    .v-about-window-header.v-window-header-wrapper
    .tool-wrapper {
    margin-right: 12px;
  }
  .v-window.v-about-window .v-about-window-body.v-window-body {
    background-color: inherit;
  }
  .v-window.v-about-window
    .v-about-window-body.v-window-body
    .v-about-window-body-wrapper {
    padding: 0px 36px 18px 36px;
  }
  .v-window.v-about-window
    .v-about-window-body.v-window-body
    .v-about-window-body-wrapper
    .content-top,
  .v-window.v-about-window
    .v-about-window-body.v-window-body
    .v-about-window-body-wrapper
    .content-bottom {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0px 36px;
  }
  .v-window.v-about-window
    .v-about-window-body.v-window-body
    .v-about-window-body-wrapper
    .content-top
    .content-row,
  .v-window.v-about-window
    .v-about-window-body.v-window-body
    .v-about-window-body-wrapper
    .content-bottom
    .content-row {
    text-align: center;
  }
  .v-window.v-about-window
    .v-about-window-body.v-window-body
    .v-about-window-body-wrapper
    .content-top
    .name-and-desc,
  .v-window.v-about-window
    .v-about-window-body.v-window-body
    .v-about-window-body-wrapper
    .content-bottom
    .name-and-desc {
    display: flex;
    flex-direction: column;
  }
  .v-window.v-about-window
    .v-about-window-body.v-window-body
    .v-about-window-body-wrapper
    .content-top
    .name-and-desc.swap,
  .v-window.v-about-window
    .v-about-window-body.v-window-body
    .v-about-window-body-wrapper
    .content-bottom
    .name-and-desc.swap {
    flex-direction: column-reverse;
  }
  .v-window.v-about-window
    .v-about-window-body.v-window-body
    .v-about-window-body-wrapper
    .content-top
    .icon,
  .v-window.v-about-window
    .v-about-window-body.v-window-body
    .v-about-window-body-wrapper
    .content-bottom
    .icon {
    height: 64px;
    width: 64px;
    background-size: contain;
    margin-bottom: 10px;
  }
  .v-window.v-about-window
    .v-about-window-body.v-window-body
    .v-about-window-body-wrapper
    .content-top
    .name,
  .v-window.v-about-window
    .v-about-window-body.v-window-body
    .v-about-window-body-wrapper
    .content-bottom
    .name {
    position: relative;
    height: 28px;
    font-size: 18px;
    line-height: 28px;
    color: #414b55;
    margin: auto;
  }
  .v-window.v-about-window
    .v-about-window-body.v-window-body
    .v-about-window-body-wrapper
    .content-top
    .name
    .beta-tag,
  .v-window.v-about-window
    .v-about-window-body.v-window-body
    .v-about-window-body-wrapper
    .content-bottom
    .name
    .beta-tag {
    background-size: 32px 16px;
    width: 32px;
    height: 16px;
    position: absolute;
    top: 0px;
    right: -37px;
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .v-window.v-about-window
      .v-about-window-body.v-window-body
      .v-about-window-body-wrapper
      .content-top
      .name
      .beta-tag,
    .v-window.v-about-window
      .v-about-window-body.v-window-body
      .v-about-window-body-wrapper
      .content-bottom
      .name
      .beta-tag {
      background-size: 32px 16px;
    }
  }
  @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
    .synohdpackdebug
      .v-window.v-about-window
      .v-about-window-body.v-window-body
      .v-about-window-body-wrapper
      .content-top
      .name
      .beta-tag,
    .synohdpackdebug
      .v-window.v-about-window
      .v-about-window-body.v-window-body
      .v-about-window-body-wrapper
      .content-bottom
      .name
      .beta-tag {
      background-size: 32px 16px;
      outline: 1px green dashed;
    }
  }
  .v-window.v-about-window
    .v-about-window-body.v-window-body
    .v-about-window-body-wrapper
    .content-top
    .name
    .label,
  .v-window.v-about-window
    .v-about-window-body.v-window-body
    .v-about-window-body-wrapper
    .content-bottom
    .name
    .label {
    display: inline;
    font-size: 13px;
    font-style: italic;
    line-height: 28px;
  }
  .v-window.v-about-window
    .v-about-window-body.v-window-body
    .v-about-window-body-wrapper
    .content-top
    .desc,
  .v-window.v-about-window
    .v-about-window-body.v-window-body
    .v-about-window-body-wrapper
    .content-bottom
    .desc {
    font-size: 13px;
    line-height: 24px;
    color: #414b55;
  }
  .v-window.v-about-window
    .v-about-window-body.v-window-body
    .v-about-window-body-wrapper
    .content-top
    .links,
  .v-window.v-about-window
    .v-about-window-body.v-window-body
    .v-about-window-body-wrapper
    .content-bottom
    .links {
    padding-bottom: 6px;
  }
  .v-window.v-about-window
    .v-about-window-body.v-window-body
    .v-about-window-body-wrapper
    .content-top
    .links
    > *,
  .v-window.v-about-window
    .v-about-window-body.v-window-body
    .v-about-window-body-wrapper
    .content-bottom
    .links
    > * {
    font-size: 12px;
    display: inline-block;
    text-decoration: underline;
    line-height: 20px;
    color: #057feb;
  }
  .v-window.v-about-window
    .v-about-window-body.v-window-body
    .v-about-window-body-wrapper
    .content-top
    .links
    .terms,
  .v-window.v-about-window
    .v-about-window-body.v-window-body
    .v-about-window-body-wrapper
    .content-bottom
    .links
    .terms {
    margin-right: 20px;
  }
  .v-window.v-about-window
    .v-about-window-body.v-window-body
    .v-about-window-body-wrapper
    .content-top
    .copyright,
  .v-window.v-about-window
    .v-about-window-body.v-window-body
    .v-about-window-body-wrapper
    .content-bottom
    .copyright {
    font-size: 12px;
    color: rgba(65, 75, 85, 0.4);
    line-height: 20px;
  }
  .v-window.v-about-window
    .v-about-window-body.v-window-body
    .v-about-window-body-wrapper
    .divider {
    width: 100%;
    height: 1px;
    margin: 20px 0 8px 0;
    background-color: rgba(198, 212, 224, 0.4);
  }