/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * Prevent adjustments of font size after orientation changes in iOS.
 */

html {
    -webkit-text-size-adjust: 100%;
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
    margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
    display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
    box-sizing: content-box; /* 1 */
    height: 0; /* 1 */
    overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
    background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
    border-bottom: none; /* 1 */
    text-decoration: underline; /* 2 */
    text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
    font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
    border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 1 */
    line-height: 1.15; /* 1 */
    margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input {
    /* 1 */
    overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select {
    /* 1 */
    text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type='button'],
[type='reset'],
[type='submit'] {
    appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type='button']:-moz-focusring,
[type='reset']:-moz-focusring,
[type='submit']:-moz-focusring {
    outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
    padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
    box-sizing: border-box; /* 1 */
    color: inherit; /* 2 */
    display: table; /* 1 */
    max-width: 100%; /* 1 */
    padding: 0; /* 3 */
    white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
    vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
    overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type='checkbox'],
[type='radio'] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
    height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type='search'] {
    appearance: textfield; /* 1 */
    outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type='search']::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
    -webkit-appearance: button; /* 1 */
    font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
    display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
    display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
    display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
    display: none;
}@font-face {
  font-family: 'Material Design Icons';
  src: url('fonts/materialdesignicons-webfont.eot?v=5.0.45');
  src: url('fonts/materialdesignicons-webfont.eot?#iefix&v=5.0.45') format('embedded-opentype'), url('fonts/materialdesignicons-webfont.woff2?v=5.0.45') format('woff2'), url('fonts/materialdesignicons-webfont.woff?v=5.0.45') format('woff'), url('fonts/materialdesignicons-webfont.ttf?v=5.0.45') format('truetype');
  font-weight: normal;
  font-style: normal;
}
:root {
  color-scheme: light;
  --admin-bg: #eef4f7;
  --admin-surface: #ffffff;
  --admin-surface-soft: #f7fafb;
  --admin-surface-subtle: #fbfcfd;
  --admin-field: #f4f8fa;
  --admin-line: #d8e2e8;
  --admin-line-soft: #edf2f5;
  --admin-line-strong: #becbd2;
  --admin-text: #172033;
  --admin-muted: #59687a;
  --admin-nav-surface: #f7f9fb;
  --admin-nav-text: #4c5b69;
  --admin-row-hover: #edf2f5;
  --admin-active-soft: #e7f4f4;
  --admin-accent-solid: #0f8b8d;
  --admin-accent-text: #0b6f71;
  --admin-accent-button: #0b7476;
  --admin-accent-button-hover: #075f61;
  --admin-strong-control: #172033;
  --admin-on-strong: #ffffff;
  --admin-teal-soft: #e4f2f2;
  --admin-red: #b43143;
  --admin-red-solid: #b43143;
  --admin-red-solid-hover: #922536;
  --admin-red-soft: #fdeeee;
  --admin-amber: #8a570d;
  --admin-amber-solid: #87580f;
  --admin-amber-solid-hover: #70480b;
  --admin-amber-soft: #fdf3e2;
  --admin-green: #1f7a4d;
  --admin-green-soft: #e7f3ec;
  --admin-blue: #236a9f;
  --admin-blue-soft: #eaf2f9;
  --admin-violet: #6f59a5;
  --admin-violet-soft: #eee8fb;
  --admin-pink: #b42f63;
  --admin-shadow: rgba(27, 43, 57, 0.16);
  --admin-loading-overlay: rgba(238, 244, 247, 0.94);
}
:root[data-theme='dark'] {
  color-scheme: dark;
  --admin-bg: #11181c;
  --admin-surface: #1b242a;
  --admin-surface-soft: #202b31;
  --admin-surface-subtle: #1e292f;
  --admin-field: #182126;
  --admin-line: #33434b;
  --admin-line-soft: #29373e;
  --admin-line-strong: #465861;
  --admin-text: #e4ecef;
  --admin-muted: #9aabb4;
  --admin-nav-surface: #151e23;
  --admin-nav-text: #bcc9cf;
  --admin-row-hover: #243139;
  --admin-active-soft: #173a3b;
  --admin-accent-solid: #0f8b8d;
  --admin-accent-text: #62c8c6;
  --admin-accent-button: #0b7476;
  --admin-accent-button-hover: #075f61;
  --admin-strong-control: #3b4d56;
  --admin-on-strong: #ffffff;
  --admin-teal-soft: #173a3b;
  --admin-red: #ed7880;
  --admin-red-solid: #b43143;
  --admin-red-solid-hover: #922536;
  --admin-red-soft: #3a2429;
  --admin-amber: #dda957;
  --admin-amber-solid: #87580f;
  --admin-amber-solid-hover: #70480b;
  --admin-amber-soft: #3b3120;
  --admin-green: #62c493;
  --admin-green-soft: #1c3329;
  --admin-blue: #75add8;
  --admin-blue-soft: #1e3040;
  --admin-violet: #b6a2df;
  --admin-violet-soft: #2e2940;
  --admin-pink: #f08db2;
  --admin-shadow: rgba(0, 0, 0, 0.36);
  --admin-loading-overlay: rgba(17, 24, 28, 0.94);
}
/**
 * Change the default font family in all browsers (opinionated).
 */
html,
body {
  width: 100%;
  height: 100%;
  background: var(--admin-bg);
  color: var(--admin-text);
  font-family: -apple-system-font, 'Helvetica Neue', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif !important;
}
#app-target,
.v-application,
.v-main {
  background: var(--admin-bg);
  color: var(--admin-text);
}
.v-application,
.v-main,
.v-navigation-drawer,
.v-overlay__content > .v-card,
.v-overlay__content > .v-list {
  transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease;
}
.theme-mode-menu {
  overflow: hidden;
  border: 1px solid var(--admin-line);
  border-radius: 6px;
  box-shadow: 0 12px 28px var(--admin-shadow);
}
.theme-mode-menu .v-list {
  padding: 5px;
  background: var(--admin-surface);
  color: var(--admin-text);
}
.theme-mode-menu .v-list-subheader {
  min-height: 30px;
  padding-inline: 10px;
  color: var(--admin-muted);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0;
}
.theme-mode-menu .v-list-item {
  min-height: 36px;
  border-radius: 4px;
  font-size: 12px;
}
.theme-mode-menu .v-list-item--active {
  background: var(--admin-active-soft);
  color: var(--admin-accent-text);
}
.v-application .text-deep-purple,
.v-application .text-purple {
  color: var(--admin-violet) !important;
}
.v-application .text-pink {
  color: var(--admin-pink) !important;
}
.v-application .text-blue,
.v-application .text-info {
  color: var(--admin-blue) !important;
}
.v-application .text-green,
.v-application .text-success {
  color: var(--admin-green) !important;
}
.v-application .text-orange,
.v-application .text-amber,
.v-application .text-warning {
  color: var(--admin-amber) !important;
}
.v-application .text-teal,
.v-application .text-cyan-darken-1 {
  color: var(--admin-accent-text) !important;
}
.v-application .text-red,
.v-application .text-error {
  color: var(--admin-red) !important;
}
.v-application .text-grey,
.v-application .text-grey-lighten-1,
.v-application .text-grey-darken-1 {
  color: var(--admin-muted) !important;
}
html[data-theme='dark'] .v-application .text-deep-purple,
html[data-theme='dark'] .v-application .text-purple {
  color: var(--admin-violet) !important;
}
html[data-theme='dark'] .v-application .text-pink {
  color: #f08db2 !important;
}
html[data-theme='dark'] .v-application .text-blue {
  color: var(--admin-blue) !important;
}
html[data-theme='dark'] .v-application .text-green,
html[data-theme='dark'] .v-application .text-success {
  color: var(--admin-green) !important;
}
html[data-theme='dark'] .v-application .text-orange,
html[data-theme='dark'] .v-application .text-amber,
html[data-theme='dark'] .v-application .text-warning {
  color: var(--admin-amber) !important;
}
html[data-theme='dark'] .v-application .text-teal,
html[data-theme='dark'] .v-application .text-cyan-darken-1 {
  color: var(--admin-accent-text) !important;
}
html[data-theme='dark'] .v-table,
html[data-theme='dark'] .v-data-table,
html[data-theme='dark'] .v-card,
html[data-theme='dark'] .v-sheet,
html[data-theme='dark'] .v-list {
  border-color: var(--admin-line);
}
html[data-theme='dark'] .v-table .v-table__wrapper > table > thead > tr > th {
  background: var(--admin-surface-soft);
  color: var(--admin-muted);
}
html[data-theme='dark'] .v-table .v-table__wrapper > table > tbody > tr:not(:last-child) > td,
html[data-theme='dark'] .v-table .v-table__wrapper > table > tbody > tr:not(:last-child) > th {
  border-bottom-color: var(--admin-line-soft);
}
html[data-theme='dark'] .v-table .v-table__wrapper > table > tbody > tr:hover > td {
  background: var(--admin-row-hover);
}
html[data-theme='dark'] .dashboard-container tr[style*='background: #FAFAFA'],
html[data-theme='dark'] .dashboard-container tr[style*='background: #fafafa'] {
  background: var(--admin-surface-soft) !important;
}
html[data-theme='dark'] .dashboard-container tr[style*='background: #FFEBEE'],
html[data-theme='dark'] .dashboard-container tr[style*='background: #ffebee'] {
  background: var(--admin-red-soft) !important;
}
html[data-theme='dark'] .dashboard-container tr[style*='background: #FFF3E0'],
html[data-theme='dark'] .dashboard-container tr[style*='background: #fff3e0'] {
  background: var(--admin-amber-soft) !important;
}
html[data-theme='dark'] .dashboard-container tr[style*='background: #EDE7F6'],
html[data-theme='dark'] .dashboard-container tr[style*='background: #F3E5F5'] {
  background: var(--admin-violet-soft) !important;
}
html[data-theme='dark'] .service-container .sv-ticket-title strong[style] {
  filter: brightness(1.45) saturate(0.9);
}
/**
 * vuetify data table fill container
 */
.v-data-table {
  width: 100%;
  height: 100%;
}
.phrase-table tbody tr {
  cursor: pointer;
}
@media (prefers-reduced-motion: reduce) {
  .v-application,
  .v-main,
  .v-navigation-drawer,
  .v-overlay__content > .v-card,
  .v-overlay__content > .v-list {
    transition: none !important;
  }
}