/*!***********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./src/normalize.css ***!
  \***********************************************************************************************************************************************************************************************************/
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */

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

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */

*,
:after,
:before {
  box-sizing: border-box;
}

html {
  height: 100%;
  line-height: 1.15;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

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

/**
 * Remove the margin in all browsers (opinionated).
 */

body {
  height: 100%;
  background-color: #e4e5e6;
  /*font-family: "Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", STHeiti, "Microsoft YaHei", sans-serif;*/
  font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', Arial, sans-serif;
  font-size: 12px;
  color: #333;
  line-height: 1.5;
}

/*.app-root.en-US {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Droid Sans', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
}*/

body.bg-white {
  background-color: #fff;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td,
article,
aside,
footer,
header,
nav,
section {
  padding: 0;
  margin: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td {
  vertical-align: top;
}

ol,
ul {
  list-style: none;
}

/**
 * Add the correct display in IE 9-.
 */

article,
aside,
footer,
header,
nav,
section {
  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
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */

figcaption,
figure,
main {
  /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */

figure {
  margin: 1em 40px;
}

/**
 * 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 */
}

i {
  font-style: normal;
}

/**
 * 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
   ========================================================================== */

/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */

a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */
  color: #20a8d8;
  text-decoration: underline;
}

td a + a,
.item-default > div a + a,
.u-btn + .u-btn {
  display: inline-block;
  margin-left: 5px;
  vertical-align: top;
}

a:hover {
  color: #1985ac;
  text-decoration: underline;
}

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

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

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */

b,
strong {
  font-weight: inherit;
}

/**
 * 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 style in Android 4.3-.
 */

dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */

mark {
  background-color: #ff0;
  color: #000;
}

/**
 * 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
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

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

img {
  border-style: none;
  vertical-align: top;
}

/**
 * Hide the overflow in IE.
 */

svg:not(:root) {
  overflow: hidden;
}

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

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

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

label {
  cursor: pointer;
}

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

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

input[type='text'],
input[type='password'],
input[type='number'],
textarea,
pre.shadow {
  border: 1px solid #cfcfcf;
  max-width: 100%;
  border-radius: 4px;
  transition: border-color 0.3s;
}

input[type='text']:hover,
input[type='password']:hover,
input[type='number']:hover,
textarea:hover {
  border-color: #20a8d8;
}

input[type='text']:focus,
input[type='password']:focus,
input[type='number']:focus,
textarea:focus {
  border-color: #20a8d8;
  outline: none;
}

input[type='text'],
input[type='password'],
input[type='number'] {
  height: 24px;
  padding-left: 5px;
}

.v2 input[type='text'],
.v2 input[type='password'],
.v2 input[type='number'] {
  height: 26px;
  padding-left: 10px;
  vertical-align: top;
}

.v2 input[type='text']:hover,
.v2 input[type='password']:hover,
.v2 input[type='number']:hover,
.v2 textarea:hover {
  border-color: #fed000;
}

.v2 input[type='text']:focus,
.v2 input[type='password']:focus,
.v2 input[type='number']:focus,
.v2 textarea:focus,
.v2 .ng-select.ng-select-focused .ng-select-container {
  border-color: #fed000;
}

.v2 textarea,
pre.shadow {
  width: 100%;
  padding: 10px;
  min-height: 68px;
}

pre.shadow {
  min-height: 36px;
  max-height: 200px;
  white-space: pre-line;
  padding-bottom: 17.65px;
  visibility: hidden;
}

input[data-error='true'] {
  border-color: #f06643;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) inset, -1px -1px 2px rgba(0, 0, 0, 0.2) inset;
}

input[type='text']:disabled,
textarea:disabled {
  border: 1px solid #f1f1f1;
  background-color: #f6f6f6;
  cursor: not-allowed;
}

/* 覆盖chrome记住密码输入框背景色 */

input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  box-shadow: 0 0 0 400px #fff inset;
  -webkit-box-shadow: 0 0 0 400px #fff inset;
}

/* input边框ios中阴影 */

input[type='text'],
input[thpe='number'],
input[type='password'] {
  -webkit-appearance: none;
}

/**
 * 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;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */

button,
html [type="button"],
/* 1 */
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
}

/**
 * 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 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

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

textarea {
  overflow: auto;
  vertical-align: top;
}

/**
 * 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'] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

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

[type='search']::-webkit-search-cancel-button,
[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 IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */

details,
/* 1 */
menu {
  display: block;
}

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

summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

canvas {
  display: inline-block;
}

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

template {
  display: none;
}

/* Hidden
   ========================================================================== */

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

[hidden] {
  display: none;
}

/**
 * Set minimum font size 12px
 */

h5,
h6 {
  font-size: 12px;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./src/styles.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * 布局(grid) (.g-)，如头部、主体、主栏、侧栏、尾部等；
 * 模块(module) (.m-)，如导航、登录、注册、各种列表、搜索等；
 * 元件(unit) (.u-)，如重复使用的按钮、输入框等；
 * 功能(function) (.f-)，如text-align:center；
 * 皮肤(skin) (.s-)，文字色、背景色、边框色；
 */
.ng-select.ng-select-opened>.ng-select-container{background:#fff;border-color:#b3b3b3 #ccc #d9d9d9}
.ng-select.ng-select-opened>.ng-select-container:hover{box-shadow:none}
.ng-select.ng-select-opened>.ng-select-container .ng-arrow{top:-2px;border-color:transparent transparent #999;border-width:0 5px 5px}
.ng-select.ng-select-opened>.ng-select-container .ng-arrow:hover{border-color:transparent transparent #333}
.ng-select.ng-select-opened.ng-select-top>.ng-select-container{border-top-right-radius:0;border-top-left-radius:0}
.ng-select.ng-select-opened.ng-select-right>.ng-select-container{border-top-right-radius:0;border-bottom-right-radius:0}
.ng-select.ng-select-opened.ng-select-bottom>.ng-select-container{border-bottom-right-radius:0;border-bottom-left-radius:0}
.ng-select.ng-select-opened.ng-select-left>.ng-select-container{border-top-left-radius:0;border-bottom-left-radius:0}
.ng-select.ng-select-focused:not(.ng-select-opened)>.ng-select-container{border-color:#007eff;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 0 3px rgba(0,126,255,0.1)}
.ng-select.ng-select-disabled>.ng-select-container{background-color:#f9f9f9}
.ng-select .ng-has-value .ng-placeholder{display:none}
.ng-select .ng-select-container{color:#333;background-color:#fff;border-radius:4px;border:1px solid #ccc;min-height:36px;align-items:center}
.ng-select .ng-select-container:hover{box-shadow:0 1px 0 rgba(0,0,0,0.06)}
.ng-select .ng-select-container .ng-value-container{align-items:center;padding-left:10px}
[dir="rtl"] .ng-select .ng-select-container .ng-value-container{padding-right:10px;padding-left:0}
.ng-select .ng-select-container .ng-value-container .ng-placeholder{color:#999}
.ng-select.ng-select-single .ng-select-container{height:36px}
.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{top:5px;left:0;padding-left:10px;padding-right:50px}
[dir="rtl"] .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{padding-right:10px;padding-left:50px}
.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value{background-color:#f9f9f9;border:1px solid #e6e6e6}
.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value .ng-value-label{padding:0 5px}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-top:5px;padding-left:7px}
[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-right:7px;padding-left:0}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{font-size:.9em;margin-bottom:5px;color:#333;background-color:#ebf5ff;border-radius:2px;margin-right:5px}
[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{margin-right:0;margin-left:5px}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled{background-color:#f9f9f9}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:5px}
[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:0;padding-right:5px}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label{display:inline-block;padding:1px 5px}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon{display:inline-block;padding:1px 5px}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover{background-color:#d1e8ff}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-right:1px solid #b8dbff}
[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-left:1px solid #b8dbff;border-right:none}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:1px solid #b8dbff}
[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:0;border-right:1px solid #b8dbff}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 0 3px 3px}
[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 3px 3px 0}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input>input{color:#000}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{top:5px;padding-bottom:5px;padding-left:3px}
[dir="rtl"] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{padding-right:3px;padding-left:0}
.ng-select .ng-clear-wrapper{color:#999}
.ng-select .ng-clear-wrapper:hover .ng-clear{color:#D0021B}
.ng-select .ng-spinner-zone{padding:5px 5px 0 0}
[dir="rtl"] .ng-select .ng-spinner-zone{padding:5px 0 0 5px}
.ng-select .ng-arrow-wrapper{width:25px;padding-right:5px}
[dir="rtl"] .ng-select .ng-arrow-wrapper{padding-left:5px;padding-right:0}
.ng-select .ng-arrow-wrapper:hover .ng-arrow{border-top-color:#666}
.ng-select .ng-arrow-wrapper .ng-arrow{border-color:#999 transparent transparent;border-style:solid;border-width:5px 5px 2.5px}
.ng-dropdown-panel{background-color:#fff;border:1px solid #ccc;box-shadow:0 1px 0 rgba(0,0,0,0.06);left:0}
.ng-dropdown-panel.ng-select-top{bottom:100%;border-top-right-radius:4px;border-top-left-radius:4px;border-bottom-color:#e6e6e6;margin-bottom:-1px}
.ng-dropdown-panel.ng-select-top .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px;border-top-left-radius:4px}
.ng-dropdown-panel.ng-select-right{left:100%;top:0;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-bottom-color:#e6e6e6;margin-bottom:-1px}
.ng-dropdown-panel.ng-select-right .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px}
.ng-dropdown-panel.ng-select-bottom{top:100%;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-top-color:#e6e6e6;margin-top:-1px}
.ng-dropdown-panel.ng-select-bottom .ng-dropdown-panel-items .ng-option:last-child{border-bottom-right-radius:4px;border-bottom-left-radius:4px}
.ng-dropdown-panel.ng-select-left{left:-100%;top:0;border-top-left-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-bottom-color:#e6e6e6;margin-bottom:-1px}
.ng-dropdown-panel.ng-select-left .ng-dropdown-panel-items .ng-option:first-child{border-top-left-radius:4px}
.ng-dropdown-panel .ng-dropdown-header{border-bottom:1px solid #ccc;padding:5px 7px}
.ng-dropdown-panel .ng-dropdown-footer{border-top:1px solid #ccc;padding:5px 7px}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:8px 10px;font-weight:500;color:rgba(0,0,0,0.54);cursor:pointer}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled{cursor:default}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked{background-color:#f5faff}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected.ng-option-marked{color:rgba(0,0,0,0.54);background-color:#ebf5ff;font-weight:600}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option{background-color:#fff;color:rgba(0,0,0,0.87);padding:8px 10px}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked{color:#333;background-color:#ebf5ff}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .ng-option-label,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked .ng-option-label{font-weight:600}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked{background-color:#f5faff;color:#333}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled{color:#ccc}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-left:22px}
[dir="rtl"] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-right:22px;padding-left:0}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{font-size:80%;font-weight:400;padding-right:5px}
[dir="rtl"] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{padding-left:5px;padding-right:0}
[dir="rtl"] .ng-dropdown-panel{direction:rtl;text-align:right}
ng-select ~ ng-select {
  margin-left: 10px;
}
.p-page-sourcing ng-select ~ ng-select {
  margin-left: 0px;
}
.ng-select {
  font-size: 12px;
}
.ng-select input[type=checkbox] {
  vertical-align: -2px;
}
.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input,
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder {
  top: 0;
}
.white-space-normal .ng-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
  line-height: 1.5;
  white-space: normal;
  padding-top: 6px;
  padding-bottom: 6px;
}
.ng-select.custom .ng-select-container {
  height: 26px;
  min-height: 26px;
  line-height: 26px;
}
body .ng-select.ng-select-opened .ng-select-container {
  z-index: 998;
}
.ng-select.ng-select-multiple .ng-select-container.ng-has-value {
  height: auto;
}
.ng-select.custom .ng-dropdown-panel {
  line-height: 14px;
  min-width: 100%;
  z-index: 950;
}
.ng-dropdown-panel-200 .ng-dropdown-panel {
  width: 200px;
}
.ng-dropdown-panel-250 .ng-dropdown-panel {
  width: 250px;
}
.ng-dropdown-panel-300 .ng-dropdown-panel {
  width: 300px;
}
.ng-select.custom .ng-input {
  line-height: 14px;
}
.ng-select.custom .ng-input input {
  padding-left: 0;
  line-height: 22px;
  height: 22px;
}
.ng-select .ng-select-container {
  border-color: #d9d9d9;
}
.pagination .ng-select .ng-select-container {
  border: none;
}
.pagination .simplify .ng-select .ng-select-container {
  height: 22px;
  line-height: 22px;
  min-height: 22px;
}
.label-setting-box input[type=text],
.label-setting-box .ng-select,
.detail-column.col2 .ng-select {
  width: 100%;
}
.label-setting-box .item2 input[type=text],
.label-setting-box .item2 .ng-select {
  width: 150px;
}
.label-setting-box .ng-select .ng-select-container {
  border-color: #aaa;
}
.label-setting-box .compact .ng-select {
  width: 55px;
}
.f-f12 {
  font-size: 12px;
}
.f-f14 {
  font-size: 14px;
}
.f-f16 {
  font-size: 16px;
}
.f-f18 {
  font-size: 18px;
}
.f-f20 {
  font-size: 20px;
}
.f-f30 {
  font-size: 30px;
}
.f-f24 {
  font-size: 24px;
}
.f-lh20 {
  line-height: 20px;
}
.f-lh22 {
  line-height: 22px;
}
.f-lh24 {
  line-height: 24px;
}
.f-lh26 {
  line-height: 26px;
}
.f-lh30 {
  line-height: 30px;
}
.f-lh32 {
  line-height: 32px;
}
.f-lh34 {
  line-height: 34px;
}
.f-tl {
  text-align: left;
}
.f-tc {
  text-align: center;
}
.f-tr {
  text-align: right;
}
.f-mt3 {
  margin-top: 3px;
}
.f-mt5 {
  margin-top: 5px;
}
.f-mt10 {
  margin-top: 10px;
}
.f-mt15 {
  margin-top: 15px;
}
.f-mt20 {
  margin-top: 20px;
}
.f-mt30 {
  margin-top: 30px;
}
.f-mt35 {
  margin-top: 35px;
}
.f-mb3 {
  margin-bottom: 3px;
}
.f-mb5 {
  margin-bottom: 5px;
}
.f-mb10 {
  margin-bottom: 10px;
}
.f-mb15 {
  margin-bottom: 15px;
}
.f-mb20 {
  margin-bottom: 20px;
}
.f-mb30 {
  margin-bottom: 30px;
}
.f-ml5 {
  margin-left: 5px;
}
.f-ml10 {
  margin-left: 10px;
}
.f-ml15 {
  margin-left: 15px;
}
.f-ml20 {
  margin-left: 20px;
}
.f-ml25 {
  margin-left: 25px;
}
.f-ml30 {
  margin-left: 30px;
}
.f-mr3 {
  margin-right: 3px;
}
.f-mr5 {
  margin-right: 5px;
}
.f-mr10 {
  margin-right: 10px;
}
.f-mr15 {
  margin-right: 15px;
}
.f-mr20 {
  margin-right: 20px;
}
.f-mr30 {
  margin-right: 30px;
}
.f-pt0 {
  padding-top: 0;
}
.f-pt5 {
  padding-top: 5px;
}
.f-pt10 {
  padding-top: 10px;
}
.f-pt15 {
  padding-top: 15px;
}
.f-pt20 {
  padding-top: 20px;
}
.f-pt30 {
  padding-top: 30px;
}
.f-pt70 {
  padding-top: 70px !important;
}
.f-pb5 {
  padding-bottom: 5px;
}
.f-pb10 {
  padding-bottom: 10px;
}
.f-pb15 {
  padding-bottom: 15px;
}
.f-pb20 {
  padding-bottom: 20px;
}
.f-pb30 {
  padding-bottom: 30px;
}
.f-pl5 {
  padding-left: 5px;
}
.f-pl10 {
  padding-left: 10px;
}
.f-pl15 {
  padding-left: 15px;
}
.f-pl20 {
  padding-left: 20px;
}
.f-pl30 {
  padding-left: 30px;
}
.f-pr5 {
  padding-right: 5px;
}
.f-pr10 {
  padding-right: 10px;
}
.f-pr20 {
  padding-right: 20px;
}
.f-p20 {
  padding: 20px;
}
.f-nobd {
  border: none !important;
}
.f-fl {
  float: left;
}
.f-fr {
  float: right;
}
.f-w2 {
  width: 2%;
}
.f-w3 {
  width: 3%;
}
.f-w4 {
  width: 4%;
}
.f-w5 {
  width: 5%;
}
.f-w6 {
  width: 6%;
}
.f-w7 {
  width: 7%;
}
.f-w8 {
  width: 8%;
}
.f-w9 {
  width: 9%;
}
.f-w10 {
  width: 10%;
}
.f-w11 {
  width: 11%;
}
.f-w12 {
  width: 12%;
}
.f-w13 {
  width: 13%;
}
.f-w14 {
  width: 14%;
}
.f-w15 {
  width: 15%;
}
.f-w16 {
  width: 16%;
}
.f-w17 {
  width: 17%;
}
.f-w18 {
  width: 18%;
}
.f-w20 {
  width: 20%;
}
.f-w21 {
  width: 21%;
}
.f-w22 {
  width: 22%;
}
.f-w23 {
  width: 23%;
}
.f-w25 {
  width: 25%;
}
.f-w27 {
  width: 27%;
}
.f-w30 {
  width: 30%;
}
.f-w33 {
  width: 33.33%;
}
.f-w35 {
  width: 35%;
}
.f-w40 {
  width: 40%;
}
.f-w45 {
  width: 45%;
}
.f-w50 {
  width: 50%;
}
.f-w55 {
  width: 55%;
}
.f-w60 {
  width: 60%;
}
.f-w65 {
  width: 65%;
}
.f-w66 {
  width: 66.66%;
}
.f-w70 {
  width: 70%;
}
.f-w75 {
  width: 75%;
}
.f-w80 {
  width: 80%;
}
.f-w85 {
  width: 85%;
}
.f-w90 {
  width: 90%;
}
.f-w95 {
  width: 95%;
}
.f-w100 {
  width: 100% !important;
}
.f-none {
  display: none !important;
}
.f-block {
  display: block !important;
}
.f-relative {
  position: relative;
}
.f-absolute {
  position: absolute;
}
.fw-bold {
  font-weight: bold;
}
.fw-normal {
  font-weight: normal;
}
.f-d-ib {
  display: inline-block;
}
.f-d-b {
  display: block;
}
.f-ht20 {
  height: 20px;
  display: block;
}
.f-of-hidden {
  overflow: hidden !important;
}
.f-of-inherit {
  overflow: inherit !important;
}
.s-cBlue,
.icon-download,
.icon-editor:hover,
.printer,
.freshen,
.m-search-less .u-select:hover,
.icon-close:hover,
.icon-arrow-down,
.search-box .icon-error-fill:hover,
.m-batch-box > span:hover,
.m-batch-box > span:hover i,
.m-batch-box > b,
.m-detail-item > h4,
.m-detail-title > h4,
.m-add .icon-plus,
.m-workbar li a:hover,
.m-integration .apply,
.icon-level,
.icon-file,
.m-search-less .setup:hover,
.m-page-title a:hover,
.m-search-less .export:hover,
.m-search-less .u-select.open,
.addWrap span,
.m-type-sort a:hover,
.icon-upload,
span.edit,
span.edit .icon-editor {
  color: #20a8d8;
}
.m-integration .apply:hover,
.freshen:hover,
.printer:hover,
.icon-file:hover,
.icon-upload:hover,
span.edit:hover,
span.edit:hover .icon-editor {
  color: #1985ac;
}
.v2 .s-cBlue,
.v2 .icon-download,
.v2 .icon-editor:hover,
.v2 .printer,
.v2 .freshen,
.v2 .m-search-less .u-select:hover,
.v2 .icon-close:hover,
.v2 .icon-arrow-down,
.v2 .search-box .icon-error-fill:hover,
.v2 .m-batch-box > span:hover,
.v2 .m-batch-box > span:hover i,
.v2 .m-batch-box > b,
.v2 .m-detail-item > h4,
.v2 .m-detail-title > h4,
.v2 .m-add .icon-plus,
.v2 .m-workbar li a:hover,
.v2 .m-integration .apply,
.v2 .icon-level,
.v2 .icon-file,
.v2 .m-search-less .setup:hover,
.v2 .m-page-title a:hover,
.v2 .m-search-less .export:hover,
.v2 .m-search-less .u-select.open,
.v2 .m-type-sort a:hover,
.v2 .icon-upload,
.v2 span.edit,
.v2 span.edit .icon-editor {
  color: #feaa00;
}
.v2 .m-integration .apply:hover,
.v2 .freshen:hover,
.v2 .printer:hover,
.v2 .icon-file:hover,
.v2 .icon-upload:hover,
.v2 span.edit:hover,
.v2 span.edit:hover .icon-editor {
  color: #feaa00;
}
.s-cGreen {
  color: #4dbd74;
}
.s-cBlue {
  color: #20a8d8;
}
.s-cYellow {
  color: #f0ad4e;
}
.s-cRed {
  color: #f86c6b;
}
.s-cRed-deep {
  color: #f53c3a;
}
.s-cGray {
  color: #aaa;
}
.s-cGray.company-code {
  margin-left: 5px;
  white-space: nowrap;
}
.s-c-orange {
  color: #ff7200;
}
.s-c777 {
  color: #777;
}
.s-c999 {
  color: #999;
}
.s-bgRed,
.s-bgBlue,
.s-bgGreen,
.s-bgYellow {
  text-align: center;
  color: #fff;
}
.s-bgRed {
  background-color: #f53c3a;
}
.s-bgBlue,
.u-btn,
.u-btn-white:hover,
.left-nav-item li.on,
.left-nav-item li.active,
.left-nav-sub a:hover,
.left-nav-sub a.on {
  background-color: #20a8d8;
}
.s-bgGreen {
  background-color: #4dbd74;
}
.s-bgYellow {
  background-color: #f8cb00;
}
.s-wathet {
  background-color: #eff5fb;
}
.s-bg-orange {
  background-color: #ff7200;
}
.s-lightRed {
  background-color: #fff5ee;
}
/*fef9e3*/
.bc-1 {
  background-color: #4fb1f7;
}
.bc-2 {
  background-color: #bfe885;
}
.bc-3 {
  background-color: #6bd3ff;
}
.bc-4 {
  background-color: #d2c5eb;
}
.bc-5 {
  background-color: #8edee0;
}
.bc-6 {
  background-color: #ff9595;
}
.bc-7 {
  background-color: #ffcc80;
}
.bc-8 {
  background-color: #f8bedb;
}
/*.bc-1{ background-color: rgb(97, 172, 249);}
.bc-2{ background-color: rgb(124, 202, 55);}
.bc-3{ background-color: rgb(255, 188, 59);}
.bc-4{ background-color: rgb(255, 107, 76);}
.bc-5{ background-color: rgb(255, 148, 69);}
.bc-6{ background-color: rgb(220, 111, 244);}
.bc-7{ background-color: rgb(49, 201, 203);}
.bc-8{ background-color: rgb(0, 192, 223);}*/
.gray,
.gray .s-cRed,
.gray .s-cRed-deep {
  color: #aaa;
}
.gray span[class^=u-]:not(.u-numeral),
span[class^=u-].gray {
  background-color: #ddd;
}
.filter-gray {
  /* Webkit */
  filter: gray;
  /* IE6-9 */
  filter: grayscale(1);
  /* W3C */
}
/* 默认icon */
/* 溢出省略号... */
.f-points {
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  white-space: nowrap;
}
/* 限制文字显示多行 只支持webkit */
.line-clamp-box {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  white-space: normal;
  word-break: break-all;
  max-height: 36px;
  line-height: 18px !important;
}
.line-clamp-box.line1 {
  -webkit-line-clamp: 1;
  max-height: 18px;
}
.line-clamp-box.line3 {
  -webkit-line-clamp: 3;
  max-height: 54px;
}
.line-clamp-box.line5 {
  -webkit-line-clamp: 5;
  max-height: 90px;
}
/* 强制不换行 */
.nowrap {
  white-space: nowrap;
}
.font-bold {
  font-weight: bold;
}
.font-normal {
  font-weight: normal;
}
/* 按钮 */
.u-btn {
  display: inline-block;
  height: 26px;
  line-height: 26px;
  border-radius: 3px;
  padding: 0 10px;
  color: #fff;
  cursor: pointer;
  text-decoration: none;
  vertical-align: top;
  transition: all 0.15s ease-in-out;
}
.u-btn:hover {
  background-color: #1985ac;
  text-decoration: none;
  color: #fff;
}
.u-btn-white {
  border: 1px solid #20a8d8;
  background-color: #fff;
  line-height: 24px;
  color: #333;
}
.u-btn-white:hover {
  background-color: #20a8d8;
  color: #fff;
}
.u-btn-white-line {
  background: transparent;
  border: 1px solid #fff;
  color: #fff;
}
.u-btn-red {
  background-color: #f86c6b;
}
.u-btn-red:hover {
  background-color: #f63c3a;
}
.u-btn-green {
  background-color: #4dbd74;
}
.u-btn-green:hover {
  background-color: #3ea662;
}
.u-btn-yellow {
  background-color: #ffc107;
}
.u-btn-yellow:hover {
  background-color: #e0a800;
}
.u-btn-wathet {
  background-color: #63c2de;
}
.u-btn-wathet:hover {
  background-color: #43b6d7;
}
.u-btn-orange {
  background-color: #ff7200;
}
.u-btn-orange:hover {
  background-color: #ff821d;
}
.u-btn-small {
  height: 24px;
  line-height: 24px;
}
.u-btn-small.u-btn-white {
  line-height: 22px;
}
.u-btn-mid {
  height: 30px;
  line-height: 30px;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 13px;
}
.u-btn-big {
  height: 36px;
  line-height: 36px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 14px;
}
.u-btn-gray,
.u-btn-gray:hover {
  background-color: #a4b7c1;
  border-color: #a4b7c1;
  color: #fff;
  cursor: default;
}
.u-btn.disabled {
  cursor: default;
}
.u-btn-white-line.disabled,
.u-btn-white-line.disabled:hover {
  border-color: #aaa;
  color: #aaa;
  background: transparent;
}
.u-btn-white.u-btn-mid {
  line-height: 28px;
}
.u-btn-white.u-btn-big {
  line-height: 34px;
}
a.link {
  text-decoration: underline;
}
a.disabled,
a.disabled:hover {
  cursor: default;
  color: #aaa;
}
a.no-underline,
.ui-select-choices-row > a,
a.export,
a.import,
.m-type-sort a,
.m-type-sort a:hover {
  text-decoration: none;
}
a.open-window {
  position: absolute;
  left: -9999em;
}
/* 元件 */
.u-select {
  padding-right: 13px;
  background: url(/assets/img/icon/down.png) no-repeat right center;
  background-size: 9px 9px;
  cursor: pointer;
}
.u-num {
  background-color: #f86c6b;
  border-radius: 7px;
  padding: 0 4px;
  font-size: 12px;
  font-weight: normal;
  color: #fff;
}
.u-normal,
.u-inactive,
.u-active,
.u-danger,
.u-warning,
.u-orange,
.u-gray,
.u-sign {
  display: inline-block;
  min-width: 54px;
  padding: 0 3px;
  text-align: center;
  white-space: nowrap;
}
.u-sign {
  min-width: 44px;
  background-color: #ededed;
  color: #bbb;
  border-radius: 3px;
  cursor: pointer;
}
.u-sign.u-sign-show {
  cursor: default;
}
.u-normal,
.u-inactive.u-normal {
  background-color: #20a8d8;
  color: #fff;
}
.u-inactive,
.u-active.u-inactive {
  background-color: #a4b7c1;
  color: #111;
}
.u-active,
.u-inactive.u-active {
  background-color: #4dbd74;
  color: #fff;
}
.u-active.radius {
  min-width: auto;
  border-radius: 3px;
  line-height: 16px;
}
.u-danger.radius {
  min-width: auto;
  border-radius: 3px;
  line-height: 16px;
}
.u-danger {
  background-color: #f86c6b;
  color: #fff;
}
.u-gray {
  background-color: #c9c9c9;
  color: #fff;
}
.u-warning {
  background-color: #ffc107;
  color: #111;
}
.u-orange {
  background-color: #f0ad4e;
  color: #fff;
}
.u-more {
  float: right;
  color: #333;
  text-decoration: none;
}
.u-more:hover {
  color: #333;
  text-decoration: none;
}
.u-more:hover i {
  background-color: #e4e5e6;
}
.u-more i {
  font-size: 30px;
  vertical-align: -8px;
  color: #999;
}
.u-datetime {
  position: relative;
}
.u-datetime .icon-calendar,
.u-datetime .icon-date {
  position: absolute;
  right: 5px;
  top: 50%;
  margin-top: -9px;
  color: #999;
  font-size: 16px !important;
}
.v2 .u-datetime .icon-calendar,
.v2 .u-datetime .icon-date {
  margin-top: -5px;
}
.v2 .bill-params-date .u-datetime .icon-calendar,
.v2 .bill-params-date .u-datetime .icon-date {
  margin-top: -8px;
}
.v2 .layout-container-side .u-datetime .icon-calendar,
.v2 .layout-container-side .u-datetime .icon-date {
  margin-top: -8px;
}
.u-datetimeBox.enableTime > span > input {
  max-width: 80px;
}
.u-numeral {
  display: inline-block;
  font-size: 14px;
  height: 18px;
  line-height: 18px !important;
  vertical-align: top;
}
.u-numeral sub {
  position: static;
  position: initial;
  bottom: 0;
  font-style: normal;
  font-size: 12px;
}
.u-numeral.pad sub {
  font-family: cursive, "courier new", "PingFang SC", monospace;
}
.numeral-qty .u-numeral {
  display: inline;
}
.u-level {
  padding: 3px 16px;
  display: inline-block;
  vertical-align: top;
  color: #fff;
}
.u-level.A,
.level-A {
  background-color: #20a8d8;
}
.u-level.B,
.level-B {
  background-color: #20c997;
}
.u-level.C,
.level-C {
  background-color: #ffc107;
}
.u-level.D,
.level-D {
  background-color: #f86c6b;
}
.u-asterisk {
  font-family: "宋体";
  font-size: 12px;
  color: #f53c3a;
}
.sign-new {
  background-color: #4dbd74;
  color: #fff;
  padding: 2px;
  border-radius: 2px;
  font-size: 12px;
  line-height: 16px;
  display: inline;
}
.sign-no {
  background-color: #c6c4c4;
  color: #fff;
  padding: 2px;
  border-radius: 2px;
  font-size: 12px;
  line-height: 16px;
  display: inline;
}
.sign-stairs {
  background-color: #ffd9a8;
  color: #f53c3a;
  cursor: pointer;
  padding: 2px;
  border-radius: 2px;
  font-size: 12px;
  line-height: 16px;
  display: inline;
}
/* iconfont */
.font-barCode {
  font-family: "Code 128";
  font-size: 60px;
  line-height: 60px;
  color: #000;
}
i[class^=icon-].disabled {
  color: #ddd;
  cursor: not-allowed;
}
.icon-export,
.icon-import,
.icon-printer,
.icon-download,
.icon-plus,
.icon-addpeople,
.icon-copy,
.icon-info,
.icon-attachment,
.m-table .icon-pending,
.order-details .icon-pending {
  margin-right: 3px;
}
.m-table p.s-cRed .icon-pending {
  display: none;
}
.icon-export,
.icon-import {
  font-size: 14px;
  vertical-align: -1px;
}
.icon-printer {
  font-size: 17px;
  vertical-align: -3px;
}
.icon-download,
.icon-copy,
.icon-info {
  font-size: 14px;
  vertical-align: -1px;
}
.icon-plus,
.icon-plus-line {
  font-size: 13px;
  vertical-align: -1px;
}
.icon-attachment {
  font-size: 16px;
  color: #20a8d8;
  vertical-align: -3px;
}
.icon-barcode {
  margin-right: 3px;
  font-size: 14px;
  vertical-align: -1px;
}
.icon-warn {
  color: #f53c3a;
}
.icon-setup {
  font-size: 16px;
}
.icon-editor {
  font-size: 14px;
  cursor: pointer;
}
.icon-weixin {
  font-size: 18px;
  vertical-align: -3px;
  color: rgb(0, 190, 51);
}
.printer,
.freshen {
  cursor: pointer;
}
.icon-addpeople {
  font-size: 15px;
  vertical-align: -1px;
}
.icon-close {
  padding: 2px;
  cursor: pointer;
  font-size: 12px;
}
.icon-file {
  font-size: 17px;
  vertical-align: -2px;
  cursor: pointer;
}
.icon-layout {
  font-size: 128px;
  color: #f7f8fa;
}
.icon-eye-off,
.icon-mail {
  color: #f53c3a;
  font-size: 16px;
  vertical-align: -2px;
}
.icon-free {
  margin-left: 3px;
  font-size: 19px;
  vertical-align: -4px;
  color: #4dbd74;
}
.icon-arrow-down,
.m-table .icon-pending,
.order-details .icon-pending,
.body-row .icon-pending {
  font-size: 14px;
  vertical-align: -2px;
}
.icon-upload {
  margin-left: 5px;
  cursor: pointer;
  font-size: 14px;
}
.icon-up {
  color: #f53c3a;
}
.icon-down {
  color: #259b24;
}
.icon-new {
  font-size: 16px;
  vertical-align: -3px;
  color: #4dbd74;
}
.view-icon {
  margin: 0;
  font-size: 16px;
  vertical-align: -2px;
  color: #19a974;
  cursor: pointer;
}
.absolute-view-icon {
  position: relative;
  padding-right: 16px;
}
.absolute-view-icon .view-icon {
  position: absolute;
  right: 0;
  top: 2px;
}
.print-comp {
  display: inline-block;
  width: 18px;
  height: 18px;
  vertical-align: -4px;
  background: url('print-comp.8598fabce751c513.png') no-repeat center;
}
.non-null {
  font-family: "宋体";
  color: #f86c6b;
  font-size: 12px;
}
.p-page-edit .not-null {
  font-family: "宋体";
  font-size: 12px;
  position: relative;
}
.p-page-edit .not-null::after {
  position: absolute;
  left: -7px;
  color: #f86c6b;
  content: "*";
}
.m-null {
  padding-top: 20px;
  padding-bottom: 80px;
}
.page-403 .m-null,
.developing .m-null {
  padding-top: 100px;
  padding-bottom: 150px;
}
.page-403 .m-null {
  text-align: center;
}
.page-403 .m-null > div {
  margin-bottom: 5px;
  font-size: 18px;
}
.page-403 .m-null p {
  font-size: 12px;
}
.page-403 .m-null img {
  width: 210px;
}
.company-list-box .m-null {
  padding-top: 20px;
}
.desk-container .m-null {
  padding-top: 0;
  padding-bottom: 26px;
}
.m-null i.null {
  display: block;
  width: 210px;
  height: 165px;
  margin: 0px auto;
  background-image: url('null.d21993f0ef0334dc.svg');
}
.v2 .m-null i.null {
  background-image: url('null_v2.3b78d344a55319ae.svg');
}
.m-null p {
  text-align: center;
  font-size: 14px;
  color: #6c6c6c;
}
.m-null.small {
  position: relative;
  min-height: 108px;
  padding: 20px 0 40px 0;
  text-align: center;
}
.m-null.small i.null {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
  width: 108px;
  height: 108px;
  background: url('null.7ad3df6dd89ea0e1.png') no-repeat center;
  background-size: 100%;
}
.m-null.small p {
  margin-top: 72px;
  font-size: 12px;
}
.icon-error-fill,
.icon-delete {
  color: #f86c6b;
  font-size: 14px;
  cursor: pointer;
}
.icon-error-fill:hover,
.icon-delete:hover {
  color: #f53c3a;
}
.pointer {
  cursor: pointer;
}
/*最外层容器*/
.app-root {
  position: relative;
  width: 100%;
  height: auto;
  min-height: 100%;
  min-width: 1264px;
}
/* clear float */
.clearfix:after {
  content: ".";
  height: 0;
  line-height: 0;
  font-size: 0;
  display: block;
  clear: both;
  visibility: hidden;
}
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
/* placeholder */
::-webkit-input-placeholder {
  font-size: 12px;
  color: #bdbdbd;
}
:-moz-placeholder {
  font-size: 12px;
  color: #999;
}
::-moz-placeholder {
  font-size: 12px;
  color: #999;
}
:-ms-input-placeholder {
  font-size: 12px;
  color: #bdbdbd;
}
/* 滚动条整体 */
.scrollbar {
  overflow: auto;
}
.scrollbar::-webkit-scrollbar {
  width: 6px;
  height: 8px;
}
/* 滚动条滑轨 */
.scrollbar::-webkit-scrollbar-track {
  border-radius: 10px;
}
/* 滚动条滑块 */
.scrollbar::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: rgba(168, 168, 168, 0.6);
}
.scrollbar::-webkit-scrollbar-thumb:hover {
  background-color: rgba(168, 168, 168, 0.8);
}
/* 卡片 */
.m-card-wrap {
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
  background-color: #fff;
  border-radius: 8px;
  margin-bottom: 10px;
  transition: all 0.4s;
  box-shadow: 0 0 16px -2px #e7e7e7;
}
.m-card-wrap.m-card-box,
.mat-dialog-container .m-card-wrap {
  box-shadow: none;
}
.m-card-wrap .wrap-header {
  position: relative;
  padding: 15px 16px;
  line-height: 20px;
}
.wrap-header .wrap-title {
  position: relative;
}
.wrap-header .wrap-title::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 5px;
  background-color: rgba(255, 197, 0, 0.3);
  z-index: 0;
}
.wrap-title .title {
  position: relative;
  display: inline-block;
  line-height: 20px;
  vertical-align: bottom;
  font-size: 14px;
  font-weight: 600;
}
.m-card-wrap .wrap-body {
  padding: 0 16px;
}
.m-card-wrap.cols {
  box-shadow: none;
}
.m-card-wrap-cols {
  display: flex;
}
.m-card-wrap-col {
  flex: 1;
  border-radius: 8px;
  box-shadow: 0 0 16px -2px #ededed;
}
/* 卡片 end */
.m-card-wrap .wrap-body .m-tag-container {
  padding-top: 0;
}
.m-card-wrap .m-tag-container .icon-editor {
  top: 0;
}
.m-shuoming {
  background-color: #fcf3e7;
  border-left: 2px solid #e5830e;
  padding: 10px;
  color: #a9600a;
}
.m-shuoming .icon-warn-line {
  margin-right: 5px;
  font-size: 18px;
  vertical-align: -3px;
  color: #a9600a;
}
.m-shuoming span.gt {
  font-family: "宋体";
}
.m-shuoming b {
  margin: 0 3px;
}
.m-tips {
  position: relative;
  background-color: #ffebec;
  border: 1px solid #ff2d2d;
  border-radius: 4px;
  padding: 7px 12px;
  font-size: 12px;
}
.m-tips .icon-info {
  color: #ff2d2d;
  margin-right: 15px;
  font-size: 12px;
  vertical-align: 0;
}
.m-tips .icon-close {
  position: absolute;
  font-size: 12px;
  right: 10px;
  top: 8px;
  padding: 3px;
  cursor: pointer;
}
.m-back-reason {
  background-color: rgb(255, 252, 230);
  padding: 10px;
  margin-top: 10px;
  border: 1px solid rgb(255, 246, 194);
}
/* 对话框modals */
.modal.full .m-popup-body.scrollbar {
  max-height: 370px;
}
.modal.full .m-form-body.scrollbar {
  max-height: calc(100vh - 500px);
}
.modal-dialog .m-detail-item {
  margin: 0;
  padding: 6px 0;
}
.modal-dialog .m-detail-item:first-child {
  padding-top: 0;
}
.modal-dialog .m-detail-item > h4 {
  margin-bottom: 10px;
}
.modal-dialog .m-table th,
.modal-dialog .m-table td {
  padding: 8px 0 8px 1%;
  font-size: 12px;
}
.modal-dialog .tip {
  text-align: center;
  line-height: 32px;
}
.modal-dialog .tip i {
  display: inline-block;
  margin-right: 5px;
  vertical-align: top;
}
.modal-dialog .loading {
  width: 15px;
  height: 15px;
  margin-top: 8px;
  background-image: url('loading.6f90c9ed60106c0a.gif');
}
.modal-dialog .success {
  width: 32px;
  height: 32px;
  background-image: url('success.8eb694a7f7d2bd46.png');
}
.modal-dialog .error {
  width: 32px;
  height: 32px;
  background-image: url('error.556aa786f415a3e6.png');
}
.modal-dialog .modal-custom-content {
  text-align: left;
}
.app-modal-footer {
  text-align: center;
}
.app-modal-footer button {
  display: inline-block;
  padding: 2px 15px;
  margin: 20px 10px;
  font-size: 14px;
  line-height: 20px;
  color: #333;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  background-color: #ffffff;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.app-modal-footer .modal-btn-confirm {
  background-color: rgb(61, 168, 245);
  border-color: rgb(61, 168, 245);
  color: #fff;
}
.app-modal-footer button:hover {
  background-color: rgba(61, 168, 245, 0.85);
  border-color: rgba(61, 168, 245, 0.85);
  color: #fff;
}
.m-attention {
  border: 1px dotted #cfd8dc;
  padding: 10px;
  background-color: #fff5ee;
}
.m-attention a {
  margin-left: 10px;
  text-decoration: underline;
}
.m-attention h5 {
  margin-bottom: 10px;
}
.m-attention li {
  margin-bottom: 2px;
  color: #666;
}
.modal.notify .modal-body {
  max-height: 450px;
  overflow-y: auto;
}
.dialog-enum-container .mat-dialog-content .pagination {
  padding: 0;
}
.modal-dialog .webank-company-list {
  max-height: calc(100vh - 320px);
  margin-top: 30px;
  border: 1px solid #ddd;
  padding: 10px 16px;
  text-align: left;
}
.modal-dialog .webank-company-list .company {
  margin-bottom: 5px;
}
/* 适用于modal中的加入公司 */
.modal .modal-dialog .m-wrap {
  position: inherit;
  width: 100%;
  margin-left: 0;
  margin-top: 0;
}
.modal .modal-dialog .m-wrap-in {
  border: none;
  border-radius: 0;
  padding: 30px 20px 0 20px;
}
.modal .pagination {
  padding: 15px 0 0 0 !important;
}
.modal .label-tpls .pagination {
  position: absolute;
  right: 0;
  top: -5px;
  width: auto;
  z-index: 3;
}
/* loading */
.loader .loader-mask {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  z-index: 9999;
}
.loader-circle {
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 9999;
  margin: -18px 0 0 -18px;
  width: 36px;
  height: 36px;
  animation: circle infinite 0.75s linear;
  border: 2px solid #4dbd74;
  border-top-color: transparent;
  border-radius: 100%;
}
@keyframes circle {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.modal .loader .loader-mask,
.modal .loader-circle {
  z-index: 2999;
}
.p-page-detail .m-form .pagination {
  padding-bottom: 20px;
  padding-top: 40px;
}
.p-field-setting .btm {
  background-color: #fff;
  position: sticky;
  bottom: 0;
  padding: 20px;
  text-align: center;
}
/*.modal .m-table th, .modal .m-table td{ padding-top: 6px; padding-bottom: 6px;}*/
.p-public .p-page-help .pagination {
  padding-left: 0;
  padding-right: 0;
}
#reportBoard .modal-footer {
  display: none;
}
#reportBoard .modal-dialog {
  top: 0;
}
#reportBoard .modal-body {
  padding: 30px 15px;
}
#archiveType .modal-dialog {
  min-width: 1024px;
  width: 90% !important;
}
#invoicePreview .modal-body,
#invoicePreview .modal-footer,
#startIntro .modal-body,
#startIntro .modal-footer {
  padding: 0;
}
/* 自定义radio checkbox */
label.custom {
  position: relative;
  cursor: pointer;
}
label.custom ~ label.custom {
  margin-left: 10px;
}
label.custom input[type=radio],
label.custom input[type=checkbox] {
  position: absolute;
  opacity: 0;
  left: -9999em;
}
label.disabled {
  cursor: not-allowed;
}
.icon-checkbox,
.icon-checkbox-on,
.icon-checkbox-fill,
.icon-radio,
.icon-radio-on,
label.custom .icon-confirm-fill,
label.custom .icon-confirm,
label.custom .icon-error-line,
label.custom .icon-error-fill {
  margin-right: 2px;
  font-size: 14px;
  vertical-align: -2px;
}
.icon-checkbox,
.icon-radio {
  display: inline;
  color: #888;
}
i.icon-checkbox-on,
i.icon-checkbox-fill,
i.icon-radio-on,
label.custom .icon-confirm-fill {
  display: none;
  color: #20a8d8;
}
i.icon-urgent {
  color: #f53c3a;
  font-size: 14px;
  vertical-align: -1px;
}
label.custom .icon-error-fill {
  display: none;
  color: #f86c6b;
}
.icon-checkbox-fill.s-cGray {
  color: #aaa;
}
input[type=checkbox]:checked ~ .icon-checkbox,
input[type=radio]:checked ~ .icon-radio,
input[type=radio]:checked ~ .icon-confirm,
input[type=radio]:checked ~ .icon-error-line,
input[type=radio]:checked ~ .icon-checkbox {
  display: none;
}
input[type=checkbox]:checked ~ .icon-checkbox-on,
input[type=checkbox]:checked ~ .icon-checkbox-fill,
input[type=radio]:checked ~ .icon-radio-on,
input[type=checkbox]:checked ~ .icon-confirm-fill,
input[type=radio]:checked ~ .icon-confirm-fill,
input[type=checkbox]:checked ~ .icon-error-fill,
input[type=radio]:checked ~ .icon-error-fill,
input[type=radio]:checked ~ .icon-checkbox-fill {
  display: inline;
}
input[type=checkbox]:checked ~ span.red {
  color: #f53c3a;
}
input[type=radio]:checked ~ .icon-confirm,
input[type=radio]:checked ~ .icon-error-line {
  color: #bbb;
}
input[type=checkbox]:disabled ~ .icon-checkbox,
input[type=checkbox]:disabled ~ .icon-checkbox-on,
input[type=radio]:disabled ~ .icon-radio,
input[type=radio]:disabled ~ .icon-radio-on {
  color: #ddd;
}
input[type=checkbox]:disabled ~ span:not(.u-sign),
input[type=radio]:disabled ~ span {
  color: #666;
  cursor: not-allowed;
}
.m-help-content p,
.m-help-content ul {
  margin: 5px 0;
}
.m-help-content p {
  margin-top: 8px;
  font-weight: normal;
}
.m-filter {
  border: 1px solid #fed000;
  overflow: hidden;
  border-radius: 8px;
}
.m-filter li {
  float: left;
  width: auto;
  height: 32px;
}
.m-filter label span {
  display: block;
  height: 100%;
  line-height: 32px;
  background-color: #fff;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  color: #565656;
  text-align: center;
  cursor: pointer;
  font-size: 12px;
}
.m-filter input:checked ~ span {
  background: #fffbe8;
  border-left-color: #fed000;
  border-right-color: #fed000;
}
.m-filter li:first-child span {
  border-left: none;
}
.m-filter li:last-child span {
  border-right: none;
}
label.custom .mod-name {
  position: relative;
  display: inline-block;
  min-width: 150px;
  border: 1px solid #cfd8dc;
  padding: 7px;
  border-radius: 2px;
  text-align: center;
  cursor: pointer;
}
label.custom .mod-name:hover {
  border-color: #bbb;
}
label.custom .mod-name i {
  display: none;
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 16px;
}
.fast-filter {
  white-space: nowrap;
  background-color: #fff;
}
.fast-filter:not(.flex-item) {
  padding: 20px 20px 0 20px;
}
.fast-filter label.custom .mod-name {
  min-width: auto;
  padding: 4px 10px;
  border-radius: 4px;
  background-color: #fff;
}
.fast-filter .search-box {
  width: 200px;
}
.m-search-less .fast-filter:not(.flex-item) {
  float: left;
  padding: 0;
}
.m-search-less .fast-filter:not(.flex-item) label.custom {
  float: left;
}
.m-search-less .fast-filter label.custom ~ label.custom {
  margin-left: 7px;
}
.m-search-less > span.f-fl {
  margin-right: 30px;
}
.filter-list {
  display: flex;
  border: 1px dashed #e1e6eb;
  margin-top: 10px;
}
.filter-list .left {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 0;
  background: #f8f8f9;
  font-size: 14px;
  font-weight: bold;
  width: 100px;
  text-align: center;
}
.filter-list .right {
  flex: 1;
  padding: 10px 10px 0 10px;
}
.filter-list .right .tag {
  display: inline-block;
  background: #f0f2f5;
  border-radius: 4px;
  padding: 0px 10px;
  margin-bottom: 10px;
  margin-right: 10px;
}
input[type=checkbox]:checked ~ .mod-name,
input[type=radio]:checked ~ .mod-name {
  border-color: #20a8d8;
  color: #20a8d8 !important;
}
input[type=checkbox]:checked ~ .mod-name i,
input[type=radio]:checked ~ .mod-name i {
  display: block;
}
/* 主容器 */
.g-main-container {
  height: 100%;
  padding-left: 200px;
}
.app-root:not(.is-a-iot) .g-main-container {
  transition: padding-left 0.3s;
}
.app-root.expand-menu .g-main-container {
  padding-left: 50px;
}
.app-root.hide-menu .g-main-container {
  padding-left: 0;
}
.app-root.expand-menu .g-left-nav {
  width: 50px;
}
.app-root.hide-menu .g-left-nav {
  width: 0;
}
.app-root.expand-menu .sub-leftNav-item > a span {
  display: none;
}
.app-root.expand-menu .g-header {
  padding-left: 50px;
}
.app-root.hide-menu .g-header {
  padding-left: 0;
}
.app-root.expand-menu .m-logobar .logo {
  display: none;
}
.app-root.expand-menu .icon-menu {
  right: 14px;
  transform: rotate(90deg);
}
.app-root.expand-menu .left-nav-item li > a > span {
  display: none;
}
.app-root.expand-menu .g-left-nav .icon-enter,
.app-root.expand-menu .m-logobar .version {
  display: none;
}
.app-root.expand-menu .sys-upgrade-msg {
  padding-left: 70px;
}
body.g-full-layout {
  background-color: #fff;
}
body.g-full-layout .g-main-container {
  padding-left: 0 !important;
  transition: none;
}
body.g-full-layout .app-root {
  height: 100%;
}
body.p-register,
body.p-iplimit {
  background: rgb(39, 65, 92) url(/assets/img/bg.jpg) no-repeat center;
  background-size: cover;
}
body.p-public {
  padding-top: 50px;
}
body.p-public .g-header {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  padding: 0 40px 0 50px;
  background-color: #fff;
  border-bottom: 1px solid #e4e4e4;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15);
  z-index: 1000;
}
body.p-public .g-header .m-companys,
body.p-public .g-header .m-toolbar {
  padding: 0;
}
body.p-web-print .kf5-support-chat,
body.p-buy-template .kf5-support-chat,
body.p-buy-print .kf5-support-chat,
body.p-admin-order-print .kf5-support-chat {
  display: none;
}
.p-public-title h3 {
  color: #20a8d8;
  font-size: 21px;
  font-weight: normal;
}
.m-detail-item.p-public-title {
  padding-top: 15px;
}
/* 左侧菜单 background-color: #263238 */
.g-left-nav {
  width: 200px;
  min-height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #333;
  color: #fff;
  z-index: 105;
  font-size: 12px;
}
.app-root:not(.is-a-iot) .g-left-nav {
  transition: width 0.3s;
}
.app-root:not(.is-a-iot) .g-header {
  transition: padding-left 0.3s;
}
.g-left-nav a,
.g-left-nav a:hover {
  text-decoration: none;
}
.g-left-nav .icon-enter {
  position: absolute;
  right: 1px;
  top: 50%;
  width: 16px;
  height: 16px;
  line-height: 16px;
  margin-top: -8px;
  color: #ddd;
  text-align: center;
}
.g-left-nav .m-logobar {
  position: relative;
  height: 50px;
  line-height: 50px;
  padding-left: 15px;
  background-color: #414141;
  font-size: 18px;
  color: #eee;
}
.g-left-nav .m-logobar .logo img {
  height: 36px;
  margin-top: 6px;
}
.g-left-nav .icon-menu {
  position: absolute;
  right: 10px;
  top: 50%;
  width: 24px;
  height: 24px;
  line-height: 24px;
  margin-top: -12px;
  cursor: pointer;
  text-align: center;
  font-size: 16px;
}
.left-nav-box {
  padding-top: 10px;
  padding-bottom: 50px;
  line-height: 20px;
}
.left-nav-box h3 {
  position: relative;
  padding: 10px 12px 8px 12px;
  font-weight: 400;
  color: #cfd8dc;
  white-space: nowrap;
  font-size: 13px;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  white-space: nowrap;
}
.left-nav-box h3 > i {
  position: absolute;
  right: 0px;
  top: 50%;
  margin-top: -8px;
  padding: 3px;
}
.left-nav-box h3 > i.icon-jia-x {
  color: #20a8d8;
}
.left-nav-box h3:hover {
  color: #eee;
}
.expand-menu .left-nav-box h3 > i {
  right: -4px;
}
.left-nav-item {
  margin-bottom: 5px;
}
.left-nav-item li {
  position: relative;
}
.left-nav-item li a.disabled {
  color: #999;
}
.left-nav-item li a.disabled:hover,
.left-nav-item li:hover a.disabled {
  color: #eee;
}
.left-nav-item li.on > a,
.left-nav-sub a:hover,
.left-nav-sub a.on,
.left-nav-sub a.on i,
.left-nav-item li.on > a i,
.left-nav-item li.active,
.left-nav-item li.active > a,
.left-nav-item li.active > a i,
.left-nav-sub a:hover i {
  color: #fff;
}
.left-nav-item li a,
.left-nav-sub p {
  padding: 4px 0 4px 16px;
}
.left-nav-item li a {
  display: block;
  color: #eee;
  white-space: nowrap;
}
.left-nav-item li a i {
  margin-right: 10px;
  font-size: 16px;
  vertical-align: -2px;
  color: #b0bec5;
}
.left-nav-item .menuMark,
.m-toolbar li .menuMark {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #f16543;
  margin-left: 3px;
}
.left-nav-item li > a[href="javascript:;"] {
  cursor: default;
}
.left-nav-item li > a.disabled.pointer {
  cursor: pointer;
}
.left-nav-item:first-child {
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.left-nav-sub {
  position: absolute;
  top: 0;
  right: -180px;
  width: 180px;
  padding-bottom: 5px;
  background-color: #414141;
}
.en-US .left-nav-sub {
  right: -200px;
  width: 200px;
}
.left-nav-sub p {
  color: #cfd8dc;
}
.left-nav-sub a {
  position: relative;
}
.left-nav-sub a.disabled {
  color: #999 !important;
}
.left-nav-sub a.disabled:hover {
  color: #eee !important;
}
.left-nav-item .left-nav-sub a {
  padding-left: 38px;
  white-space: normal;
}
.left-nav-item .left-nav-sub a i {
  position: absolute;
  left: 16px;
  top: 7px;
  font-size: 14px;
}
.left-nav-sub.none {
  display: none;
}
/* tab */
.m-tab-box {
  background-color: #fff;
  padding: 0 20px 15px 20px;
}
.m-tab-in {
  border-bottom: 1px solid #ddd;
}
.m-tab-in ul {
  float: left;
}
.m-tab-in li {
  float: left;
  position: relative;
  margin-right: 30px;
  line-height: 40px;
  color: #999;
  font-size: 14px;
  cursor: pointer;
}
.m-tab-in li i {
  font-size: 12px;
}
.m-tab-in li:hover {
  color: #333;
}
.m-tab-in li.curr {
  color: #333;
  cursor: default;
}
.m-tab-in li.curr::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background-color: #20a8d8;
}
.m-tab-in > .u-btn {
  float: right;
  min-width: 50px;
  margin-top: 7px;
  text-align: center;
}
/* 通用模块 */
.m-mod {
  position: relative;
  margin-bottom: 20px;
  background-color: #fff;
  /* box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 3px 0px;*/
}
.m-mod:last-child {
  margin-bottom: 0;
}
.m-mod table {
  width: 100%;
}
th,
td {
  text-align: left;
}
.m-mod th,
.m-mod td,
tr.m-add th,
tr.m-add td {
  padding: 6px;
}
tr.m-add th,
tr.m-add td {
  padding-left: 1%;
}
.m-mod th.f-tc,
.m-mod td.f-tc {
  text-align: center;
}
.m-mod th,
.m-table th,
.m-table tfoot td,
.m-form-head {
  /*background-color: #f2f7f7;*/
  background-color: #fafafa;
  /*background-color: #eef1f9;*/
}
.v2 .m-mod th,
.v2 .m-table th,
.v2 .m-table tfoot td,
.v2 .m-form-head {
  background-color: #f2f2f2;
}
.m-table th > div,
.m-table th > p,
.m-form-head > div p {
  position: relative;
}
.m-table th .row-extend,
.m-table td .row-extend,
.col .row-extend {
  position: relative;
  height: 44px;
  overflow: hidden;
}
.m-table th:first-child:not(.f-tc):not(.align-center),
.m-table td:first-child:not(.f-tc):not(.align-center) {
  padding-left: 12px;
}
.m-table th .row-extend.on,
.m-table td .row-extend.on,
.col .row-extend.on {
  height: auto;
}
.m-table th .row-extend .icon-unfold,
.m-table td .row-extend .icon-unfold,
.col .row-extend .icon-unfold {
  position: absolute;
  right: 0;
  top: 0;
  background-color: transparent;
  color: #333;
  font-size: 16px;
  cursor: pointer;
  transition: 0.3s;
}
.m-form-head .extend-field-label .icon-unfold,
th .extend-field-label .icon-unfold {
  background-color: transparent;
  color: #333;
  font-size: 14px;
  cursor: pointer;
  transition: 0.3s;
  vertical-align: text-bottom;
  display: inline-block;
}
.m-form-head .extend-field-label .icon-unfold:hover,
th .extend-field-label .icon-unfold:hover {
  background-color: transparent;
  color: #333;
}
.m-table th .row-extend.on .icon-unfold,
.m-table td .row-extend.on .icon-unfold,
.col .row-extend.on .icon-unfold,
.m-form-head .extend-field-label.on .icon-unfold,
th .extend-field-label.on .icon-unfold {
  transform: rotate(180deg);
}
.m-table th > div > .non-null,
.m-table th > p .non-null,
.m-form-head > div p .non-null {
  position: absolute;
  left: -10px;
}
.m-table .align-right .non-null,
.m-table .f-tr .non-null,
.m-form-head .align-right .non-null,
.m-form-head .f-tr .non-null {
  position: inherit;
  left: -4px;
}
.m-mod td > div,
.m-mod td > p,
.mat-table td > div,
.mat-table td > p {
  word-break: break-all;
  word-wrap: break-word;
}
.m-mod-title {
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
  font-size: 14px;
  font-weight: 600;
}
.m-mod-title > span {
  margin-left: 15px;
  font-size: 12px;
  color: #808080;
  font-weight: normal;
}
.m-mod-body {
  padding: 10px 20px 20px 20px;
}
.m-mod-body td.s-bgRed,
.m-mod-body td.s-bgBlue,
.m-mod-body td.s-bgGreen {
  padding-left: 5px;
  vertical-align: middle;
  text-align: center;
}
.m-mod-tip {
  width: 100%;
  padding-bottom: 20px;
  padding-top: 20px;
  text-align: center;
}
.m-mod-tip .icon-coffee {
  font-size: 72px;
  color: #b9c6ce;
}
.m-mod-tip p {
  margin-top: 10px;
  font-size: 14px;
  color: #888;
  text-align: center;
  letter-spacing: 1px;
}
.task-board .m-mod-tip {
  padding-top: 60px;
}
.m-more-btm {
  text-align: right;
  line-height: 40px;
}
.m-flex {
  display: flex;
}
.m-flex .flex-item {
  flex: 1;
}
.p-page-workbench .m-mod {
  margin-bottom: 10px;
}
.p-page-workbench .m-mod-title {
  border-bottom: 1px solid #cfd8dc;
}
.m-mod-head {
  margin-bottom: 5px;
  padding: 6px 0;
  line-height: 26px;
}
.m-mod-head h4,
.m-mod-head .assist {
  float: left;
}
.m-mod-head h4 {
  margin-right: 20px;
  color: #20a8d8;
  font-size: 14px;
}
.m-mod-head .u-btn {
  float: right;
}
.m-mod-head .assist {
  width: 140px;
  min-width: 140px;
  margin-top: 1px;
}
.purchase-type-5 table td input[type=text] {
  width: 95%;
}
/* 气泡提醒框 */
.m-bubble-tip {
  position: absolute;
  right: 0;
  top: -26px;
  padding: 3px 10px;
  background-color: #4dbd74;
  text-align: left;
  color: #fff;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 5px 5px 5px 0;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
  white-space: nowrap;
  z-index: 6;
}
.m-bubble-tip a,
.m-bubble-tip a:hover {
  text-decoration: underline;
  color: #fff;
}
.m-bubble-tip .arrow {
  position: absolute;
  bottom: -7px;
  left: 0;
  border-width: 4px;
  border-style: solid;
  border-color: #4dbd74 transparent transparent #4dbd74;
}
.m-bubble-tip.red {
  background-color: #f86c6b;
}
.m-bubble-tip.red .arrow {
  border-color: #f86c6b transparent transparent #f86c6b;
}
.u-sign-tip {
  position: relative;
  background-color: #48c661;
  color: #fff;
  font-size: 12px;
  line-height: 17px;
  border-radius: 2px;
  padding: 0 4px;
  display: inline-block;
}
.u-sign-tip::before {
  content: "";
  position: absolute;
  left: -4px;
  bottom: 0;
  width: 0;
  height: 0;
  border-width: 3px;
  border-style: solid;
  border-color: transparent #48c661 #48c661 transparent;
}
/* 类似注册登录输入框的样式 */
.input-item {
  position: relative;
  margin-bottom: 20px;
}
.input-item:last-child {
  margin-bottom: 0;
}
.input-item > input[type=text],
.input-item > input[type=password] {
  width: 100%;
  height: 36px;
  padding: 0 10px;
}
.input-tips {
  margin-top: 5px;
  margin-bottom: -10px;
  line-height: 18px !important;
  color: #ff6048;
  font-size: 12px;
  text-align: left;
}
.input-tips .icon-error {
  margin-right: 3px;
}
/* 用于简单列表 */
.m-table-box {
  padding-bottom: 20px;
}
.m-table {
  width: 100%;
}
.m-table thead,
.m-form-head {
  border-bottom: 1px solid #cfd8dc;
}
.m-table tfoot {
  border-top: 1px solid #cfd8dc;
}
.m-table th,
.m-table td {
  padding: 12px 6px 12px 6px;
}
.m-table th {
  position: relative;
  vertical-align: top;
  font-size: 12px;
  font-weight: normal;
}
.m-form-body .item:nth-child(even),
.m-table tbody:not(.ng-for) tr:nth-child(even),
tbody.ng-for:nth-child(even) {
  background-color: #fff;
  border-top: 1px solid #f0f4f8;
  border-bottom: 1px solid #f0f4f8;
}
.m-table .icon-sort2 {
  margin-left: 3px;
  font-size: 12px;
  vertical-align: -1px;
}
.m-table .icon-sort2:hover {
  color: #000;
}
.m-table td > div {
  position: relative;
  padding-top: 0;
  padding-bottom: 0;
  line-height: 20px;
}
.en-US .m-table td > div > a,
.en-US .m-table td > p > a {
  white-space: nowrap;
}
.m-table td.b-lr {
  border-left: 1px solid #cfd8dc;
  border-right: 1px solid #cfd8dc;
}
.m-table td.b-l {
  border-left: 1px solid #cfd8dc;
}
.m-table td.b-r {
  border-right: 1px solid #cfd8dc;
}
.m-table td.bt:not(:first-child) {
  border-top: 1px dotted #cfd8dc;
}
.m-table td .m-help {
  margin-left: 4px;
}
.m-table .form-inline {
  width: 90%;
}
.m-table .form-control {
  width: 100%;
  height: 26px;
  line-height: 26px;
}
.extend-fields-queries .form-control {
  max-width: 300px;
}
.m-table .bootstrap-timepicker .input-group-addon {
  display: none;
}
.m-table .f-tl,
.m-form .f-tl {
  text-align: left;
}
.m-table .f-tc,
.m-form .f-tc {
  text-align: center;
}
.m-table .f-tr,
.m-form .f-tr {
  text-align: right;
}
.m-table sup,
.m-form sup,
.mat-table td sup {
  position: absolute;
  top: 4px;
  right: -8px;
  color: #f86c6b;
  vertical-align: -1px;
  font-family: "宋体";
}
.m-form-head > div.align-right,
.m-form-body .item .align-right {
  padding-left: 0;
  padding-right: 20px;
}
th.f-tr:last-child,
td.f-tr:last-child,
th.align-right:last-child,
td.align-right:last-child {
  padding-right: 1%;
}
.align-left {
  text-align: left !important;
}
.align-right {
  text-align: right !important;
}
.align-center {
  text-align: center !important;
}
.m-table td table {
  width: 100%;
}
.m-table .icon-attachment,
.m-form-body .icon-attachment {
  cursor: pointer;
}
.m-table .icon-attachment:hover,
.m-form-body .icon-attachment:hover {
  color: #1985ac;
}
/* 用于复杂列表 */
.m-form {
  width: 100%;
  padding: 0 20px 20px 20px;
}
.m-form .form-inline {
  width: 80%;
}
.m-form .form-control {
  width: 100%;
}
/*.m-form-body .item:nth-child(even) {
  background-color: #f7f8fa;
}*/
.m-form-head > div,
.m-form-body .item-default > div {
  float: left;
  padding: 12px 6px;
  line-height: 20px;
}
.m-form-head > div {
  position: relative;
  padding: 8px 6px;
  vertical-align: top;
  font-size: 12px;
  font-weight: normal;
}
.m-form-head > div:first-child:not(.f-tc),
.m-form-body .item-default > div:first-child:not(.f-tc) {
  padding-left: 12px;
}
.m-form-body .item-default > div:not(.visible):not(.line-clamp-box),
.m-form-body .item-default > div > p:not(.visible):not(.line-clamp-box) {
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  white-space: nowrap;
}
.m-form-body .visible {
  white-space: normal !important;
  word-break: break-all;
  word-wrap: break-word;
}
.m-form-body .item-add {
  padding-bottom: 15px;
}
.m-form-body .item-add li {
  float: left;
  position: relative;
  padding: 6px;
  line-height: 20px;
}
.m-form-body .item-add li.f-bt,
.f-bt {
  border-top: 1px dashed #ddd;
}
.m-form-body .item-add ul:first-child li.f-bt {
  border-top: 1px solid #ddd;
}
/*.m-form-body .item-add td > div, .m-form-body .item-add td > p{ padding: 6px;}*/
.m-form-body .item-default.disabled,
.mat-dialog-content tr.disabled,
.mat-dialog-content tr.disabled .icon-checkbox-fill {
  color: #aaa;
}
.m-form-body .item.disabled,
.m-form-body .item.disabled .icon-checkbox-fill {
  color: #aaa;
}
.p-page-detail .m-form {
  padding: 0;
  margin-bottom: 20px;
}
.m-table-box .m-form {
  margin-bottom: 0;
}
.p-page-list .m-form-body .item:hover {
  background-color: #f4f5f6;
}
.item-add .icon-close {
  position: absolute;
  right: -20px;
  top: 50%;
  width: 16px;
  height: 16px;
  line-height: 16px;
  margin-top: -8px;
  padding: 0;
  text-align: center;
}
.item-add input[type=text] {
  width: 80%;
}
.item-add input.form-control {
  width: 90%;
}
.m-form .icon-unfold,
.m-form .icon-packup,
.m-table .icon-unfold,
.m-table .icon-packup {
  font-size: 14px;
  cursor: pointer;
  background-color: #aaa;
  color: #fff;
  border-radius: 2px;
}
.m-form .icon-unfold:hover,
.m-form .icon-packup:hover,
.m-table .icon-unfold:hover,
.m-table .icon-packup:hover {
  background-color: #20a8d8;
}
.u-btn .icon-unfold,
.u-btn .icon-unfold:hover {
  background-color: transparent;
}
.m-form-footer {
  border-top: 1px dotted #cfd8dc;
  border-bottom: none;
  background-color: #fbfbfb;
  padding-top: 5px;
  padding-bottom: 5px;
}
.m-form-footer .addWrap {
  padding: 0;
}
/* 差异项 */
.item-differ li:not(.null),
.item-differ td.f-bt {
  background-color: #fff5ee;
}
/* 变更后 */
.item-add .change li:not(.null),
.item-add .change td.f-bt {
  background-color: #fff3d4;
}
/* 答交 */
.item-add .reply li:not(.null),
.item-add .reply td.f-bt {
  background-color: transparent;
}
.m-form-body .item-default > div input[type=text],
.m-form-body .item-default > div .ng-select,
.m-form-body .item-add > div > input[type=text],
.m-form-body .item p > input[type=text],
.m-table td > div > input[type=text],
.m-table td p > input[type=text],
.mod-details .body-col input[type=text],
.mod-details .body-col .ng-select {
  width: 95%;
  margin-bottom: 5px;
}
.m-table .align-right p > input[type=text],
.m-table .f-tr p > input[type=text] {
  max-width: none;
  width: 100%;
}
.more-info {
  border-bottom: 1px dashed #666;
  cursor: pointer;
}
.more-info-bule {
  border-bottom: 1px dashed #3287e9;
  cursor: pointer;
}
/* 基本资料 */
.p-basic-data .m-form-head > div:first-child,
.p-basic-data .item-default > div:first-child {
  padding-left: 20px;
}
/* 订单计划 */
.m-form-plan .m-form-body .item > p {
  border-top: 1px dotted #ddd;
  line-height: 40px;
  text-align: center;
  font-size: 15px;
  color: #aaa;
}
/* 修改记录 */
.m-form-record .m-table th:first-child,
.m-form-record .m-table td:first-child {
  padding-left: 30px;
}
/* 排程表 */
.m-scroll-box {
  width: 100%;
}
.m-scroll-box .m-form {
  margin-bottom: 0;
}
.m-scroll-box .m-form-head > div,
.m-scroll-box .item-default > div {
  width: 100px;
}
.m-scroll-box .m-form-head > div.head,
.m-scroll-box .item-default > div.head {
  width: 150px;
}
.m-scroll-box .m-form-body .item-default > div > p {
  margin-bottom: 5px;
}
.scroll-list {
  position: relative;
  width: 100%;
}
.scroll-list-in {
  position: relative;
  width: auto;
  min-width: 100%;
}
.scroll-list-in .thead {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9;
}
.scroll-list-in .absolute {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  width: auto;
  background-color: #fff;
}
.scroll-list-in .absolute:not(.thead) {
  box-shadow: 1px 0px 5px rgba(0, 0, 0, 0.1);
}
.scroll-head-hide {
  display: none;
  position: fixed;
  left: 220px;
  right: 20px;
  top: 0;
  height: 84px;
  overflow: hidden;
  z-index: 20;
}
.scroll-head-hide .absolute {
  box-shadow: 1px -2px 5px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.expand-menu .scroll-head-hide {
  left: 70px;
}
.m-page-title {
  background-color: #fff;
  padding: 5px 20px;
  line-height: 20px;
  font-size: 12px;
  clear: both;
  overflow: hidden;
}
.m-page-title a.toggle {
  color: #8a93a2;
  float: right;
}
.m-page-title a.toggle :hover {
  color: #20a8d8;
}
.m-page-title a.toggle i {
  margin-right: 6px;
  font-size: 16px;
  vertical-align: -2px;
  color: #b0bec5;
}
.m-page-title .active {
  color: #999;
}
.m-page-title a {
  color: #333;
  text-decoration: none;
}
.m-page-title a:hover {
  text-decoration: underline;
}
.icon-s-line {
  display: inline-block;
  padding-left: 3px;
  padding-right: 3px;
  vertical-align: -2px;
  font-size: 14px;
}
.m-page-body {
  position: relative;
  padding: 20px;
}
.m-page-body .m-page-main {
  float: left;
  width: 100%;
  padding-right: 25%;
  margin-right: -25%;
}
.m-page-body .m-page-side {
  float: right;
  width: 23.6%;
}
.m-page-side .m-mod {
  border: none;
}
.m-page-side .m-mod-title {
  /* background-color: #eceff1;*/
  padding: 0 7%;
  font-weight: normal;
}
.m-page-side .m-mod-body {
  padding: 5px 0;
}
.m-mod-2 .m-mod-body {
  padding: 0;
}
.m-integration {
  padding: 20px 7%;
}
.m-integration .left {
  float: left;
  width: 65px;
  margin-right: 8%;
  text-align: center;
  color: #f53c3a;
}
.m-integration .left.integration {
  color: #4dbd74;
}
.m-integration .left > p {
  margin-top: 5px;
}
.m-integration .right {
  overflow: hidden;
}
.m-integration .right > p {
  margin-bottom: 5px;
}
.m-integration .apply {
  margin-left: 3px;
  cursor: pointer;
  text-decoration: underline;
}
.m-integration .icon-freshen {
  margin-right: 3px;
  font-size: 18px;
  vertical-align: -3px;
}
.m-integration .icon-integration {
  margin-bottom: 5px;
  font-size: 45px;
}
/* 列表页面 */
.m-form-body .item:hover,
.m-table tbody:not(.ng-for) tr:hover,
.p-page-list .m-mod table:not(.mat-table) tr:hover,
.m-form-body .item.hover {
  /*background-color: #f4f5f6;*/
  box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.08);
}
.m-form-body .item:hover .progress-sign:after,
.m-table tbody tr:hover .progress-sign:after,
.p-page-list .m-mod tr:hover .progress-sign:after,
.m-form-body .item.hover .progress-sign:after {
  color: #f0f5ff;
}
/*.p-page-list .m-table thead, .p-page-list .m-form-head{ border-bottom: 1px solid #c8ced3;}
.p-page-list .m-table thead th, .p-page-list .m-form-head{ background-color: #e4e7ea;}
.p-page-list .m-table thead th, .p-page-list .m-form-head>div{ font-weight: 600; color: #5c6873;}*/
.m-type-box {
  position: static;
  width: 100%;
  min-height: 40px;
}
.p-page-list .pagination {
  position: sticky;
  bottom: 0;
  background-color: #fff;
  z-index: 1;
}
.m-type-box .filter {
  float: left;
  padding-left: 20px;
  margin-top: 10px;
}
.m-type-box .filter label.custom {
  display: inline-block;
  margin-left: 20px;
}
.m-type-box .m-tabs,
.m-type-box .m-tabs .m-tabs-list {
  float: left;
}
.m-type-box .m-tabs .m-tabs-list {
  display: block;
}
.m-type-box .m-tabs .m-tabs-list .tab-icon,
.m-type-box .m-tabs .m-tabs-list .unit {
  display: none;
}
.m-type-box .m-tabs .m-tabs-list > li,
.m-type-nav li {
  position: relative;
  float: left;
  height: 40px;
  line-height: 40px;
  padding: 0 26px;
  border-right: 1px solid #e4e5e6;
  background-color: #f1f2f3;
  font-size: 14px;
  cursor: pointer;
  border-radius: 0;
  margin-bottom: 0;
  display: block;
  min-height: auto;
}
.m-type-box .m-tabs .m-tabs-list > li:hover .tab-name,
.m-type-nav li:hover > span {
  text-decoration: underline;
}
.m-type-box .m-tabs .m-tabs-list > li.curr .tab-name,
.m-type-nav li.curr span {
  text-decoration: none;
}
.m-type-box .m-tabs .m-tabs-list > li.curr,
.m-type-nav li.curr {
  background-color: #fff;
  text-decoration: none;
  cursor: default;
}
.m-type-box .m-tabs .m-tabs-list > li.curr::before,
.m-type-nav li.curr::before {
  content: "";
  position: absolute;
  left: 0;
  top: -2px;
  width: 100%;
  height: 2px;
  background-color: #20a8d8;
}
.m-type-box .m-tabs .m-tabs-list > li .icon-calendar,
.m-type-box .m-tabs .m-tabs-list > li .icon-date,
.m-type-nav li .icon-calendar,
.m-type-nav li .icon-date {
  display: none;
}
.m-type-box .m-tabs .m-tabs-list > li > p {
  display: inline;
}
.m-type-box .m-tabs .m-tabs-list li .tab-count {
  display: inline;
  background-color: #f86c6b;
  border-radius: 7px;
  padding: 0 4px;
  margin-left: 2px;
  vertical-align: top;
}
.m-type-box .m-tabs .m-tabs-list li .tab-count b {
  font-size: 12px;
  font-weight: normal;
  color: #fff;
  margin: 0;
}
.m-type-box .m-tabs .m-tabs-list > li .tab-content {
  display: block;
  padding: 0;
  min-height: auto;
}
.m-type-box .m-tabs .m-tabs-list > li .tab-name {
  float: left;
  color: #333;
}
.m-type-nav li .u-num {
  margin-left: 2px;
  vertical-align: top;
}
.en-US .m-type-box .m-tabs .m-tabs-list > li,
.en-US .m-type-nav li {
  padding-left: 22px;
  padding-right: 22px;
}
.m-type-nav.flex {
  display: flex;
}
.m-type-nav.flex li {
  flex: 1;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
}
.m-type-sort {
  padding-top: 12px;
}
.m-type-sort a {
  color: #333;
}
.m-type-sort i {
  margin-right: 3px;
  vertical-align: -2px;
  font-size: 16px;
  cursor: pointer;
}
.m-btns [class^=u-] {
  margin: 7px 3px 0 3px;
  font-weight: normal;
}
.m-btns [class^=icon-] {
  margin-right: 3px;
  vertical-align: -1px;
  font-size: 14px;
}
.m-btns i.icon-unfold {
  margin-right: 0;
  margin-left: 3px;
}
.m-btns [class^=u-]:not(.u-btn) {
  display: inline-block;
  background-color: transparent;
  line-height: 26px;
  font-size: 14px;
  color: #ff7200;
}
.v2 .m-btns [class^=u-]:not(.u-btn) {
  line-height: 34px;
  border: none;
  margin: 0;
}
.modal .modal-content [class^=u-]:not(.u-btn) {
  line-height: 26px;
}
.modal .modal-content .u-datetime .icon-calendar,
.modal .modal-content .u-datetime .icon-date {
  margin-top: -9px;
}
.m-btns .u-btn {
  height: 30px;
  line-height: 30px;
  margin: 4px 3px 0 3px;
}
.m-btns .u-btn-white {
  line-height: 28px;
}
.m-btns .u-btn .icon-list {
  font-size: 14px;
  vertical-align: -2px;
}
.m-btns .u-btn:last-child {
  margin-right: 0;
}
.m-btns .u-btn.only-icon {
  width: 30px;
  padding: 0;
  text-align: center;
}
.m-btns .u-btn.only-icon i {
  font-size: 16px;
  margin: 0;
  vertical-align: -2px;
}
.m-detail-title .m-btns .u-btn {
  height: 26px;
  line-height: 26px;
  margin-top: 0;
}
.m-detail-title .m-btns .u-btn-white {
  line-height: 24px;
}
.m-btns .m-help {
  margin-top: 12px;
}
.m-btns .u-btn .m-help {
  margin-top: 0;
}
.m-btns .u-btn .m-help i[class^=icon-] {
  margin: 0;
}
.m-btns .icon-scan {
  margin-right: 5px;
  font-size: 16px;
  vertical-align: -2px;
}
.m-btns .setup {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  display: inline-block;
  z-index: 99;
  color: #404040;
}
.m-btns .setup .u-btn {
  border-color: #cbcbcb;
  background-color: #fff;
  color: #404040;
}
.m-btns .setup .setup-wrap {
  position: absolute;
  right: 0px;
  width: 280px;
  background-color: #fff;
  margin-top: 5px;
  padding: 15px;
  outline: 1px solid #ddd;
  outline: 1px solid rgba(255, 255, 255, 0);
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
}
.m-btns .setup .setup-item {
  margin-bottom: 12px;
}
.m-btns .setup .setup-item .label {
  line-height: 28px;
}
.m-btns .setup .setup-item > .u-btn {
  width: 100%;
  margin: 0;
  text-align: center;
}
.m-btns .setup .setup-item .ng-select,
.m-btns .setup .setup-item > input[type=text] {
  width: 100%;
}
.m-btns .setup .setup-item > input[type=text].px80 {
  width: 80px;
  margin-right: 3px;
}
.m-btns .setup .setup-item .label {
  display: inline-block;
  min-width: 72px;
}
.m-btns .setup [class^=icon-] {
  margin: 0;
}
.m-btns .setup .icon-setup {
  font-size: 16px;
}
.m-btns .setup .icon-close {
  position: absolute;
  right: 0;
  top: 5px;
}
.m-btns .u-btn .batch-dl-pdf {
  margin-left: 0;
  margin-right: 0;
}
.m-btns .u-btn .batch-dl-pdf a,
.m-btns .u-btn .batch-dl-pdf a:hover {
  color: #333 !important;
  text-decoration: none;
}
.m-type-nav2 li {
  float: left;
  position: relative;
  margin-left: 15px;
  margin-top: 5px;
  z-index: 150;
}
.m-type-nav2 li.on .hide-wrap {
  display: block;
}
.m-type-nav2 .show-wrap:hover,
.m-type-nav2 li.on .show-wrap {
  background-color: #f53c3a;
}
.m-type-nav2 .show-wrap {
  padding: 5px 15px;
  background-color: #f86c6b;
  color: #fff;
  text-align: center;
  cursor: pointer;
}
.m-type-nav2 .hide-wrap {
  display: none;
  position: absolute;
  width: 640px;
  margin-top: 5px;
  background-color: #fff;
  border: 1px solid #ddd;
  box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.15);
}
.m-type-nav2 .hide-wrap h4 {
  padding: 15px 20px;
  border-bottom: 1px solid #e5e5e5;
}
.m-type-nav2 .hide-wrap .scrollbar {
  max-height: 300px;
}
.m-type-nav2 .hide-wrap .m-table td:first-child {
  padding-left: 20px;
}
.m-type-nav2 .hide-wrap > p {
  padding-top: 10px;
  padding-bottom: 20px;
  text-align: center;
}
.m-type-nav2 .hide-wrap .icon-close {
  position: absolute;
  right: 16px;
  top: 16px;
}
/* 产品明细表 */
.prod-list {
  width: 100%;
  overflow: auto;
}
.prod-list-in {
  position: relative;
  width: auto;
  min-width: 100%;
  padding-top: 48px;
}
.prod-list-in table {
  width: 100%;
}
.prod-list-in table.thead {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9;
}
.prod-list-in th,
.prod-list-in td {
  width: 150px;
}
.prod-list-in td {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}
.prod-list-in th:first-child,
.prod-list-in td:first-child {
  width: 60px;
  text-align: center;
}
.prod-list-in td:not(:first-child) > div {
  width: 138px;
  overflow: hidden;
}
.setup-field {
  padding-bottom: 20px;
  font-size: 12px;
  color: #333;
}
.setup-field > div {
  float: left;
}
.setup-field > div > p {
  margin-bottom: 8px;
  font-size: 15px;
  color: #999;
}
.setup-field .unSelected {
  margin-left: 80px;
}
.setup-field ul {
  width: 150px;
  height: 266px;
  border: 1px solid #ccc;
  overflow: auto;
}
.setup-field li {
  padding: 0 5px;
  cursor: default;
  line-height: 24px;
  font-size: 13px;
}
.setup-field li:hover {
  background-color: #eee;
}
.setup-field li.on {
  background-color: #20a8d8;
  color: #fff;
}
.setup-field .handle {
  width: 60px;
  padding-top: 120px;
}
.setup-field .handle span {
  display: block;
  margin-bottom: 10px;
  text-align: center;
}
.setup-field .handle span i {
  background-color: #63c2de;
  color: #fff;
  font-size: 20px;
  cursor: pointer;
}
.setup-field .handle span i:hover {
  background-color: #43b6d7;
}
/* 搜索 */
.m-search-box {
  width: 100%;
  position: relative;
  padding: 20px;
  background-color: #fff;
  overflow: hidden;
}
.m-search-box input[type=text] {
  width: 100%;
  height: 24px;
  padding-left: 10px;
}
.m-search-box select {
  height: 22px;
  border: 1px solid #ddd;
}
.date-query-range-type {
  min-width: 100px;
}
.date-query-range-type .ng-select {
  width: 100%;
}
.date-query-range-type .ng-select .ng-select-container {
  color: #f07f02;
}
.m-search-box .fast-filter .filter-list {
  display: block;
}
.m-search-box .fast-filter .filter-list .filter-item {
  float: left;
  margin-bottom: 0;
}
.m-search-box .fast-filter .filter-list .filter-item > i[class^=icon-] {
  display: none;
}
.m-search-box .fast-filter .filter-list .filter-item .mod-name {
  min-width: auto;
  padding: 4px 10px;
  display: inline-block;
  text-align: center;
  vertical-align: top;
}
.m-search-box .fast-filter .filter-item ~ .filter-item {
  margin-left: 7px;
}
.m-search-less {
  min-height: 28px;
  opacity: 1;
  transition: transform 0.5s ease-in-out, opacity 1s ease-in-out;
}
.m-search-less .u-select {
  display: inline-block;
  position: relative;
  margin-left: 10px;
  line-height: 28px;
  z-index: 2;
}
.m-search-less .u-select.open {
  background-image: url('up.91175b72bb3ec8b3.png');
}
.m-search-less .u-select.open:before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -22px;
  width: 14px;
  height: 14px;
  border-left: 1px solid rgba(32, 168, 216, 0.5);
  border-top: 1px solid rgba(32, 168, 216, 0.5);
  background-color: #fff;
  transform: rotate(45deg);
  margin-left: -10px;
}
.m-search-less .export,
.m-search-less .setup {
  line-height: 26px;
  color: #333;
  cursor: pointer;
}
.m-search-less .setup {
  margin-left: 20px;
}
.m-search-less .setup i {
  vertical-align: -2px;
}
.m-search-less .search-box-2 {
  display: inline-block;
}
.m-search-less .search-box-2 .u-btn {
  height: 24px;
  line-height: 24px;
  margin-left: 30px;
}
.m-search-less .search-box-2 .u-btn-white {
  line-height: 22px;
}
.m-search-less .date-box {
  display: inline-block;
  margin-left: 20px;
  margin-right: 7px;
}
.m-search-less .date-box .input-date {
  display: inline-block;
  width: 200px;
}
.m-search-less .u-datetime input[type=text] {
  height: 28px;
}
.m-search-more {
  border: 1px solid rgba(32, 168, 216, 0.5);
  padding: 10px 20px 15px 0px;
  margin-top: 15px;
}
.m-search-box div.m-search-more {
  border: 1px solid rgba(32, 168, 216, 0.5);
  padding: 10px 20px 15px 20px;
  margin-top: 15px;
}
.m-search-box .m-search-more .advanced-list,
.m-search-box .m-search-more > ul {
  margin: 0;
}
.m-search-box .m-search-more .advanced-list .advanced-item,
.m-search-box .m-search-more > ul > li {
  width: 33.33% !important;
  padding-right: 20px;
  padding-left: 20px;
}
.m-search-more .advanced-list .advanced-item,
.m-search-more > ul > li {
  float: left;
  margin-top: 10px;
  line-height: 22px;
  height: 24px;
}
.m-search-more .advanced-list .advanced-item.f-relative,
.m-search-more > ul > li.f-relative {
  z-index: 10;
}
.m-search-more > ul > li > span,
.m-search-more > ul > li > div {
  float: left;
}
.m-search-more > ul > li > span:not(.multiple) {
  width: 30%;
  height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  white-space: nowrap;
  text-align: right;
}
.m-search-more > ul > li > span.multiple {
  position: absolute;
  margin-left: 5px;
}
.m-search-more .advanced-list .advanced-item .multiple .u-btn,
.m-search-more > ul > li .multiple .u-btn {
  min-width: 48px;
  padding: 0 3px 0 5px;
  height: 24px;
  line-height: 22px;
}
.m-search-more .advanced-list .advanced-item .multiple .u-btn.on,
.m-search-more > ul > li .multiple .u-btn.on {
  background-color: #20a8d8;
  color: #fff;
}
.m-search-more > ul > li > div {
  width: 60%;
}
.m-search-more input[type=text] {
  max-width: 300px;
  border-color: #cfcfcf;
}
.input-date .form-inline {
  float: left;
  width: 45%;
}
.input-date .middline {
  float: left;
  width: 10%;
  text-align: center;
  color: #777;
}
.plantDate .input-date .w100 .datetime {
  width: 100%;
}
.m-search-more .search-btns {
  margin-top: 20px;
  text-align: center;
}
.m-search-more .search-btns .u-btn {
  min-width: 72px;
  margin: 0 5px;
  padding: 0 10px;
}
.m-search-more > ul > li .ng-select,
.m-search-more > ul > li.extend-fields .ng-select,
.m-toolbar > ul > li .ng-select {
  width: 100%;
}
.m-toolbar > ul > li .ng-select {
  margin-top: 12px;
}
.search-box {
  position: relative;
  display: inline-block;
  width: 380px;
  vertical-align: top;
}
.search-box input[type=text] {
  width: 100%;
}
.m-search-less .search-box input[type=text] {
  height: 32px;
  border-radius: 4px;
}
.search-box .icon-error-fill,
.search-box .icon-search {
  position: absolute;
  top: 50%;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  line-height: 16px;
  text-align: center;
}
.search-box .icon-search {
  right: 10px;
  font-size: 14px;
  color: #cfd8dc;
  cursor: pointer;
}
.search-box .icon-error-fill {
  right: 35px;
  font-size: 14px;
  color: #777;
}
.m-batch-box {
  position: absolute;
  left: 0;
  top: 20px;
  line-height: 26px;
  transform: translate3d(-100%, 0, 0);
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
.m-batch-box > b {
  margin: 0 3px;
  font-weight: normal;
}
.m-batch-box > span {
  margin-left: 15px;
  margin-right: 15px;
  cursor: pointer;
}
.m-batch-box > span:last-child {
  margin-right: 0px;
}
.v2 .m-batch-box > span i {
  margin-right: 3px;
  font-size: 14px;
  vertical-align: -2px;
  color: #333;
}
.m-batch-box > span i.icon-export {
  font-size: 12px;
  vertical-align: -1px;
}
.m-batch-box > span a {
  color: #333;
  text-decoration: none;
}
.m-batch-box > span a:hover {
  color: #f07f02;
  text-decoration: none;
}
.m-batch-box > i.icon-back {
  font-size: 16px;
  vertical-align: -2px;
  margin-right: 5px;
  cursor: pointer;
}
.m-batch-box > i.icon-back:hover {
  color: #f07f02;
}
.m-search-box.batch {
  height: 68px;
}
.m-search-box.more {
  overflow: visible;
}
.m-search-box.batch .m-search-less {
  transform: translate3d(100%, 0, 0);
  opacity: 0;
  transition: transform 0.5s ease-in, opacity 0.2s linear;
}
.batch .m-batch-box {
  transform: translate3d(0, 0, 0);
  opacity: 1;
  left: 20px;
}
.day-date li .u-datetime .datetime {
  height: 36px;
}
/* 详情页面 */
.m-detail-title {
  position: relative;
}
.m-detail-title > h4,
.m-detail-item > h4 {
  font-size: 14px;
  font-weight: normal;
}
.m-detail-title > h4 {
  display: inline-block;
  line-height: 26px;
}
.m-detail-item {
  position: relative;
  padding-top: 30px;
  padding-bottom: 14px;
  margin-left: 20px;
  margin-right: 20px;
  border-bottom: 1px solid #eaeef1;
}
.m-detail-item.not-ul {
  padding-bottom: 0;
  border-bottom: none;
}
.m-detail-item > h4,
.m-detail-title {
  margin-bottom: 14px;
}
.m-detail-item > h4 > span {
  margin-left: 15px;
  font-size: 12px;
  color: #777;
  font-weight: normal;
}
.m-detail-item > h4 > span.s-c-orange {
  color: #ff7200;
}
.m-detail-item > h4 span.s-cRed-deep {
  color: #f53c3a;
  font-weight: normal;
}
.m-detail-item > h4 .custom {
  color: #404040;
}
.m-detail-item > ul:not(.m-tips-list) {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.m-detail-item > ul:not(.m-tips-list) > li {
  display: flex;
  float: left;
  padding: 0 6px 0 0;
  margin-bottom: 5px;
  line-height: 24px;
}
.m-detail-item > ul:not(.m-tips-list) > li:not([class^=f-w]) {
  width: 33.3%;
  flex-shrink: 1;
}
.m-detail-item > ul:not(.m-tips-list) > li > span,
.m-detail-item > ul:not(.m-tips-list) > li li > span {
  display: flex;
  flex-direction: column;
  min-width: 4em;
  margin-right: 20px;
  padding: 0;
  text-overflow: ellipsis;
  color: #6c6c6c;
}
.m-detail-item > ul:not(.m-tips-list) > li > span {
  position: relative;
}
.m-detail-item > ul:not(.m-tips-list) > li > span > .non-null {
  position: absolute;
  left: -10px;
}
.m-detail-item > ul:not(.m-tips-list) > li > div,
.m-detail-item > ul:not(.m-tips-list) > li > ul > li > div {
  flex: 1;
  padding: 0;
  color: #333;
  padding-right: 20px;
  word-break: break-all;
  word-wrap: break-word;
  position: relative;
}
.m-detail-item > ul > li > div .icon-edit {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px;
  cursor: pointer;
  margin-left: 4px;
}
.m-detail-item > ul > li > div .icon-edit:hover {
  color: #20a8d8;
}
.m-detail-item > ul > li > div .icon-help-fill {
  color: #999;
}
.m-detail-item > ul:not(.m-tips-list) > li > input[type=text],
.m-detail-item > ul:not(.m-tips-list) > li > div > input[type=text],
.m-detail-item > ul:not(.m-tips-list) > li > div .ng-select,
.m-detail-item > ul:not(.m-tips-list) > li > div > textarea {
  width: 100%;
}
.order-details textarea {
  height: 102px;
  padding: 10px;
}
.pre-shadow-content {
  position: relative;
}
.pre-shadow-content textarea {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  min-height: 36px;
  max-height: 200px;
  padding: 10px;
}
.m-detail-item > ul:not(.m-tips-list) > li li > input[type=text],
.m-detail-item > ul:not(.m-tips-list) > li li > div > input[type=text] {
  width: 75%;
}
.m-detail-item > ul:not(.m-tips-list) > li .u-switch {
  margin-top: 0;
  margin-left: 5px;
  vertical-align: middle;
}
.m-detail-item > ul:not(.m-tips-list) > li ul:not(.m-filter) li {
  float: left;
  width: 100%;
  line-height: 22px;
  margin-bottom: 3px;
}
.m-detail-item > ul:not(.m-tips-list) > li .icon-eye-off {
  position: absolute;
  right: -20px;
  top: 50%;
  margin-top: -8px;
}
.m-detail-item > ul:not(.m-tips-list) > li > div.line {
  border-top: 1px solid #eaeef1;
  padding-top: 15px;
}
.m-detail-item .textarea textarea {
  width: 100%;
  height: 68px;
  padding: 5px 10px;
  vertical-align: top;
}
.m-detail-item .icon-editor,
span.edit {
  position: absolute;
  right: 25px;
  top: 25px;
  cursor: pointer;
}
.m-detail-item span.edit .icon-editor {
  position: static;
  position: initial;
  vertical-align: -1px;
  font-size: 14px;
  margin-right: 3px;
}
.m-detail-item .app-wrap {
  display: inline-block;
  vertical-align: top;
}
.order-details + .m-detail-item {
  border-bottom: none;
}
.order-details.full-column {
  position: relative;
}
.order-details.full-column .detail-column.col1 {
  width: 100%;
}
.order-details.full-column .detail-column.col2 {
  display: none;
}
.order-details .show-detail-column {
  display: none;
  position: absolute;
  right: 20px;
  top: 15px;
  font-size: 14px;
}
.order-details .show-detail-column i {
  vertical-align: -1px;
  margin-right: 5px;
}
.order-details .show-detail-column a {
  text-decoration: none;
}
.order-details.full-column .show-detail-column {
  display: block;
}
.detail-column.f-w65 {
  width: 70%;
}
.detail-column.f-w35 {
  width: 30%;
}
.detail-column .m-detail-item {
  margin-right: 0;
  margin-left: 0;
  padding-top: 14px;
}
.detail-column .m-detail-item > h4,
.detail-column .m-detail-title {
  margin-bottom: 10px;
}
.detail-column.f-w100 .m-detail-item:not(:first-child) {
  padding-top: 30px;
}
.detail-column {
  float: left;
  padding: 20px 20px 0 20px;
}
.detail-column .head {
  margin-bottom: 10px;
  font-size: 16px;
}
.detail-column .head span {
  color: #c60;
}
.detail-column table {
  width: 100%;
}
body:not(.v2) .detail-column td {
  padding: 3px 1px 3px 10px;
  line-height: 18px;
  word-break: break-word;
}
body:not(.v2) .detail-column td span[class^=u-]:not(.u-btn) {
  margin: 2px 4px 2px 0;
  line-height: 20px;
}
body:not(.v2) .detail-column td .ng-select {
  margin: 2px 0;
}
body:not(.v2) .detail-column td.label {
  width: 35%;
  min-width: 70px;
  color: #666;
  vertical-align: top;
}
.reason-value {
  background-color: rgb(255, 252, 230);
  color: #c60;
}
.m-table .reason-value {
  padding-bottom: 3px;
  margin-top: 5px;
}
.detail-column td label.custom {
  margin-right: 10px;
}
.detail-column td textarea {
  width: 100%;
  height: 50px;
  padding: 6px;
}
.detail-column.col1 td.label {
  width: 25%;
  min-width: 120px;
  font-weight: 700;
}
.detail-column.col2 td {
  border-top: 1px dotted #cfd8dc;
}
.detail-column.col2 td.label {
  background-color: #f9f9f9;
}
.detail-column.col2 tr:last-child td {
  border-bottom: 1px dotted #cfd8dc;
}
.detail-column.f-w100 {
  width: 100%;
}
.detail-column td.workflow {
  padding: 10px;
}
/*.detail-column .m-detail-item:last-child{ border-bottom: none;}*/
.m-detail-item .one-half > li {
  width: 48%;
}
.m-detail-item ul.one-wrap > li:not(.default) {
  width: 100%;
}
.long-text {
  overflow-y: auto;
  max-height: 200px;
  min-height: 26px;
  background-color: #efefef;
  padding: 5px 10px;
  border-radius: 4px;
}
.m-account {
  padding: 0 10px;
  margin-top: 20px;
  border-top: 1px solid #cfd8dc;
  border-bottom: 1px solid #cfd8dc;
  font-size: 14px;
}
.m-account > div {
  overflow: hidden;
  zoom: 1;
  border-left: 1px solid #d8e3ef;
  padding: 16px 0;
}
.m-account .title {
  width: 68px;
  line-height: 58px;
  text-align: center;
}
.m-account .total {
  padding-left: 10px;
  line-height: 26px;
}
.m-account .total > span {
  margin-right: 40px;
}
.amount {
  font-family: Verdana;
}
.m-account .amount {
  display: inline-block;
  min-width: 80px;
  color: #20a8d8;
}
.m-account .amount.red {
  color: #f53c3a;
}
.amount .u-numeral {
  vertical-align: middle;
}
.m-add {
  padding-bottom: 15px;
}
.m-add .icon-plus {
  margin-right: 3px;
  font-size: 15px;
  vertical-align: -2px;
}
.m-add a {
  text-decoration: none !important;
}
.m-add a:hover {
  text-decoration: underline !important;
}
.detail-diff-reason {
  display: inline-block;
  max-width: 110px;
  vertical-align: top;
}
/* 面包屑导航 */
.bread-crumbs-nav {
  margin-bottom: 20px;
  font-size: 12px;
}
.bread-crumbs-nav a {
  color: #303030;
}
.bread-crumbs-nav a:hover {
  color: #337ab7;
}
.m-workbar li {
  float: left;
  width: 50%;
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 24px;
  text-align: center;
}
.m-workbar li a {
  display: block;
  color: #777;
}
.m-workbar li a:hover {
  text-decoration: none;
}
.m-workbar li a b {
  display: block;
  font-weight: 400;
  font-size: 16px;
}
.m-workbar li:first-child {
  border-right: 1px solid #ededed;
}
.m-workbar .btns {
  padding: 10px 0;
  border-top: 1px solid #ededed;
  text-align: center;
}
.m-workbar .btns > span {
  float: left;
  width: 45%;
  margin: 0 2.5%;
  height: 30px;
  line-height: 30px;
}
.m-workbar .btns > span i {
  margin-right: 3px;
  font-size: 18px;
  vertical-align: -3px;
}
.m-workPanel {
  display: flex;
  text-align: center;
}
.m-workPanel .panel-item {
  flex: 1;
  border-right: 1px solid #eaeef1;
}
.m-workPanel .panel-item:last-child {
  border-right: none;
}
.m-workPanel .panel-item > p {
  padding-top: 15px;
  padding-bottom: 15px;
  font-weight: bold;
  font-size: 18px;
}
.m-workPanel .panel-item > div {
  height: 30px;
  line-height: 30px;
}
/* 快捷入口 */
.yingyong {
  padding: 10px;
}
.yingyong li {
  float: left;
  width: 50%;
  padding: 5px;
}
.yingyong li .in {
  border: 1px solid #eee;
}
.yingyong li .in > div {
  padding: 5px 10px;
}
.yingyong li img {
  width: 100%;
  vertical-align: top;
}
/* 动态消息 */
.m-news-list {
  padding: 5px 0;
}
.m-news-list > li {
  padding: 6px 7%;
}
.m-news-list > li {
  border-bottom: 1px solid #f4f5f6;
}
.m-news-list > li:last-child {
  border-bottom: none;
}
.m-news-list > li > a {
  overflow: hidden;
  text-decoration: none;
}
.m-news-list > li h4 {
  font-weight: normal;
  color: #aaa;
}
.m-news-list > li:not(.orgview):hover p {
  text-decoration: underline;
  color: #167495;
}
.m-news-list .content {
  overflow: hidden;
  color: #000;
}
.m-news-list .content > p {
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  white-space: nowrap;
}
.m-news-list .content > p.name {
  font-weight: bold;
}
.m-news-list .content > p.name .icon-new2 {
  font-size: 18px;
  vertical-align: -3px;
  color: #f53c3a;
}
.m-news-list .time {
  float: right;
  color: #aaa;
}
.m-news-list .abs {
  height: 18px;
  padding-right: 10px;
  word-break: break-all;
  word-wrap: break-word;
}
.m-news-list .abs.line-clamp-box {
  height: auto;
}
.p-page-personal .form-control {
  height: 22px;
  line-height: 22px;
  padding-left: 10px;
  border: 1px solid #cfd8dc;
}
.edit-btn-box {
  padding-top: 25px;
  padding-bottom: 10px;
}
.edit-btn-box .u-btn {
  margin-right: 5px;
}
/* 通用弹出层 */
.m-popup {
  padding: 10px 10px 0 10px;
  font-size: 12px;
}
.m-popup .popup-title {
  margin-bottom: 20px;
  font-size: 15px;
  line-height: 33px;
  font-weight: normal;
}
.m-popup .popup-title i[class^=icon-] {
  font-size: 33px;
  color: #4dbd74;
  vertical-align: -10px;
  margin-right: 8px;
}
.m-popup .popup-title .line {
  display: inline-block;
  margin: 0 10px;
  width: 1px;
  background-color: #ccc;
  height: 18px;
  color: #ccc;
  vertical-align: -3px;
}
.m-popup .popup-title span {
  font-size: 12px;
  color: #777;
}
.m-popup .popup-header {
  margin-bottom: 10px;
  font-size: 15px;
}
.m-popup .popup-item {
  margin-bottom: 10px;
}
.m-popup .popup-item.export-datetime {
  display: flex;
  align-items: center;
}
.m-popup .popup-item.export-datetime > app-select {
  flex: 1;
}
.popup-btn {
  padding-top: 20px;
  text-align: center;
  overflow: hidden;
}
.popup-btn .u-btn {
  margin: 0 0 0 20px;
  text-align: center;
}
.m-popup .popup-tips {
  margin-bottom: 10px;
  padding-top: 10px;
}
.m-popup .popup-tips p {
  text-align: center;
  line-height: 20px;
}
.m-popup .popup-tips p:first-child {
  margin-bottom: 10px;
}
.m-popup .popup-tips p i {
  font-size: 48px;
}
.modal.mod-welcome .modal-body {
  background-image: linear-gradient(180deg, #fff3bf 0%, #fffae0 15%, #ffffff 69%);
  border-radius: 20px;
}
.m-popup.m-welcome .bind-weixin .weixin {
  width: auto;
  height: auto;
}
.m-popup.m-welcome .bind-weixin .weixin > img {
  height: 180px;
}
.m-popup.m-welcome .bind-weixin .weixin > p {
  padding: 16px 10px;
  font-size: 14px;
  color: #404040;
}
.m-welcome .bind-weixin .weixin > .u-btn {
  display: none;
}
.add-vendors .popup-btn {
  padding-top: 0px;
  overflow: visible;
  overflow: initial;
}
.add-vendors .popup-btn .pagination {
  padding: 10px 0 0 0 !important;
  margin-bottom: 10px;
}
.add-vendors .distpicker-item {
  margin-left: 5px;
}
/* 遮罩 */
.modal-mask {
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal-mask .in {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 200px;
  margin-left: -100px;
  margin-top: -100px;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  color: #4dbd74;
}
.modal-mask .in span {
  background-color: #fff;
  padding: 0 5px;
}
.coffee_cup {
  width: 20px;
  height: 24px;
  border: 1px #4dbd74 solid;
  border-radius: 0px 0px 5px 5px;
  position: relative;
  margin: 16px auto;
}
.coffee_cup:after,
.coffee_cup:before {
  position: absolute;
  content: "";
}
.coffee_cup:after {
  width: 5px;
  height: 12px;
  border: 1px #4dbd74 solid;
  border-left: none;
  border-radius: 0px 20px 20px 0px;
  left: 20px;
}
.coffee_cup:before {
  width: 1px;
  height: 6px;
  background-color: #4dbd74;
  top: -10px;
  left: 4px;
  box-shadow: 5px 0px 0px 0px #4dbd74, 5px -5px 0px 0px #4dbd74, 10px 0px 0px 0px #4dbd74;
  animation: steam 1s linear infinite alternate;
}
@keyframes steam {
  0% {
    height: 0px;
  }
  100% {
    height: 6px;
  }
}
/* 通用tip */
.modal-tip {
  position: fixed;
  top: 0;
  left: 50%;
  min-width: 300px;
  padding: 12px 15px;
  margin-left: -150px;
  background-color: #4dbd74;
  z-index: 2000;
  color: #fff;
  font-size: 14px;
  box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.15);
  border-radius: 0 0 5px 5px;
  font-weight: bold;
  -webkit-animation-name: animateTip;
  -webkit-animation-duration: 3s;
  -webkit-animation-fill-mode: forwards;
  animation-name: animateTip;
  animation-duration: 3s;
  animation-fill-mode: forwards;
}
.modal-tip .icon-confirm-fill,
.modal-tip .icon-error-fill {
  margin-right: 10px;
  vertical-align: -1px;
  color: #fff;
}
.modal-error {
  background-color: #f86c6b;
}
@keyframes animateTip {
  0%, 100% {
    transform: translate3d(0, -45px, 0);
  }
  16%, 84% {
    transform: translate3d(0, 0, 0);
  }
}
.no-data {
  border-top: 1px dotted #ddd;
  line-height: 40px;
  text-align: center !important;
  font-size: 15px;
  color: #aaa;
}
.no-data i.icon-null {
  display: inline-block;
  margin-right: 5px;
  margin-top: 4px;
  font-size: 32px;
  vertical-align: top;
}
/* 开关 */
.u-switch {
  position: relative;
  width: 36px;
  height: 24px;
  line-height: 24px;
  background-color: transparent;
  vertical-align: top;
  cursor: pointer;
  overflow: hidden;
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
}
.u-switch .switch-label {
  width: 100%;
  height: 14px;
  background-color: rgba(0, 0, 0, 0.38);
  transition: all 150ms linear;
  transition-property: background-color;
  transition-delay: 50ms;
  border-radius: 8px;
}
.u-switch .switch-handle {
  position: absolute;
  top: 50%;
  left: 0;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  transform: translate3d(0, -50%, 0);
  background-color: #fafafa;
  transition: all 150ms linear;
  transition-property: background-color;
  transition-delay: 50ms;
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  z-index: 1;
}
.u-switch .off {
  display: block;
}
.u-switch .on {
  display: none;
}
.u-switch > input {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
.u-switch > input:checked ~ .switch-label {
  background-color: rgba(3, 169, 244, 0.54);
}
.u-switch > input:checked ~ .switch-handle {
  transform: translate3d(16px, -50%, 0);
  background-color: #03a9f4;
}
.u-switch > input:checked ~ .off {
  display: none;
}
.u-switch > input:checked ~ .on {
  display: block;
  color: #333;
}
.u-switch > input:disabled ~ .switch-label {
  cursor: not-allowed;
}
.u-switch > input:disabled ~ .switch-handle {
  cursor: not-allowed;
}
/* 下拉控件 ng-select */
.ng-select {
  display: inline-block !important;
  width: 80%;
  max-width: 300px;
  vertical-align: top;
  text-align: left;
}
.ng-select .ui-select-choices {
  width: auto !important;
  min-width: 100%;
  max-width: 400px;
}
.m-table .ng-select,
.m-form .ng-select,
.m-form .storeSelect .ng-select,
.print-page-size .ng-select {
  width: 95%;
}
.level2-cust-item .ng-select {
  width: 90%;
}
.ui-select-placeholder.text-muted {
  float: none !important;
}
.dropdown,
.dropup {
  position: relative;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 12px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  border: 1px solid #cfd8dc;
  border-radius: 0;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
}
.dropdown .form-control {
  display: block;
  width: 100%;
  height: 24px;
  line-height: 22px;
  overflow: hidden;
  padding: 0 5px;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #cfd8dc;
  outline: none;
}
.dropdown .form-control > .ui-select-match-text {
  white-space: nowrap;
}
.open > .dropdown-menu {
  display: block;
}
.p-buy-detail .dropdown-menu {
  min-width: auto;
}
.dropdown .caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid\9 ;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.dropdown .pull-right {
  float: right !important;
}
.dropdown .glyphicon {
  position: relative;
  display: inline-block;
  margin-right: 5px;
  font-weight: 700;
  line-height: 1;
  font-family: "宋体";
}
.body-col .text-underline {
  color: #20a8d8;
  text-decoration: underline;
  cursor: pointer;
}
.glyphicon-remove:before {
  content: "×";
}
.p-page-staff .ng-select {
  width: 100%;
  max-width: 170px;
}
.erp-integration .ng-select {
  width: 211px;
}
.invite-supplier .ng-select,
.qualif-vendor .ng-select {
  width: 300px;
}
.address .ng-select {
  width: 120px !important;
}
.ifbTplList .ng-select {
  width: 95%;
}
.copy-authority .ng-select,
.user-infos .ng-select,
.user-infos .form-control {
  width: 138px;
}
.m-addStaff .ng-select {
  width: 163px;
}
.px140 .ng-select {
  width: 140px;
}
.select-w100 {
  display: inline-block;
  padding-right: 5px;
}
.m-popup-prod .ng-select,
.select-w100 .ng-select {
  width: 100%;
}
.cond-group .ng-select {
  width: 100% !important;
}
.tag-size .ng-select {
  width: 60px;
}
.barcode-item .code-list .ng-select {
  width: 143px;
}
.barcode-fill .ng-select {
  width: 80px;
}
.verify-partner .currCompany .ng-select {
  width: 240px;
}
.invite-supplier .dropdown .form-control,
.verify-partner .currCompany .form-control,
.export-datetime .form-control {
  height: 36px;
  line-height: 34px;
}
.add-trading-object .dropdown .form-control {
  height: 26px;
  line-height: 24px;
}
.barcode-style .dropdown .form-control {
  height: 21px;
  line-height: 19px;
}
.assist .dropdown .form-control {
  border-radius: 5px;
}
.m-type-nav .form-control {
  border: none;
  width: 100px;
  background-color: transparent;
  background: url(/assets/img/icon/down.png) no-repeat right center;
  background-size: 9px 9px;
}
.m-popup.board-export .form-control {
  width: 220px;
  height: 30px;
}
.p-tender .data .form-control,
.p-bid .data .form-control {
  width: 120px !important;
}
.p-tender .time .form-control,
.p-bid .time .form-control {
  width: 80px !important;
}
.range .flatpickr-input {
  min-width: 140px;
  max-width: 200px;
  width: 75%;
}
.w80 .flatpickr-input {
  width: 80%;
  max-width: 300px;
}
.px300 .flatpickr-input {
  width: 300px;
}
.page-number .dropdown .form-control {
  border: none;
  height: 32px;
  line-height: 30px;
  padding: 0 0 0 0.65rem;
}
.simplify .page-number .dropdown .form-control {
  height: 20px;
  line-height: 20px;
}
.export-datetime .form-control {
  width: 225px;
}
.w95 .form-control {
  width: 95%;
}
.page-number .ng-select {
  width: 80px;
}
.ng-select.ui-select-multiple {
  border: 1px solid #cfd8dc;
  padding: 3px 5px 0 5px !important;
}
.ng-select.ui-select-multiple input.ui-select-search {
  height: 16px !important;
}
.ng-select.ui-select-multiple .ui-select-match .ui-select-match-item {
  padding-right: 5px;
  background-color: #fff;
  cursor: pointer;
}
.select-company-list {
  display: inline-block;
  width: 100%;
  margin-top: 10px;
}
.content .select-company-list {
  margin-top: 0px;
}
.m-type-box .select-company-list {
  width: auto;
  min-width: 300px;
  max-width: 600px;
  margin-left: 15px;
}
.m-type-box .select-company-list .ng-select {
  width: 100%;
  max-width: none;
}
.m-type-box .select-company-list .dropdown .form-control {
  height: 32px;
  line-height: 30px;
}
/* 手机地区码控件 */
.area-code {
  position: absolute;
  top: 1px;
  left: 1px;
}
.area-code .u-select {
  padding-left: 10px;
  line-height: 42px;
}
body.v2 .area-code .u-select {
  padding: 0;
}
.area-code ul {
  position: absolute;
  display: none;
  width: 180px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  z-index: 10;
  max-height: 235px;
}
.area-code li {
  line-height: 28px;
  padding-left: 9px;
  cursor: pointer;
  text-align: left;
}
.area-code li:hover {
  background-color: #eee;
}
.area-code.invite .u-select {
  line-height: 25px;
}
.area-code-wrapper {
  position: relative;
  display: inline-block;
}
.m-addStaff .area-code,
.p-page-detail .area-code {
  top: 2;
  left: 8px;
}
.m-addStaff .area-code .u-select,
.p-page-detail .area-code .u-select {
  line-height: 22px;
}
.p-page-staff .area-code-wrapper {
  display: block;
}
.area-code-wrapper input[type=text] {
  padding-left: 60px;
}
.area-code-wrapper .area-code {
  left: 6px;
  top: 3px;
}
.addWrap {
  padding: 30px;
}
.addWrap span {
  cursor: pointer;
  color: #f07f02;
}
.addWrap span:hover {
  color: #feaa00;
  text-decoration: underline;
}
.addWrap span.disabled {
  color: gray;
  cursor: not-allowed;
  text-decoration: none;
}
.p-page-list .addWrap {
  padding-left: 10px;
  padding-right: 10px;
}
.message-detail-body em {
  padding: 0 5px;
  color: #333;
  font-style: normal;
}
#prodVendor .modal {
  overflow: visible;
}
/* 图片上传示例 */
.upload-example {
  position: relative;
}
.upload-example .file-list {
  width: 50%;
}
.upload-example .m-attention {
  position: absolute;
  right: 0;
  top: 72px;
  width: 65%;
  font-size: 12px;
}
.upload-example .m-attention h3 {
  margin-bottom: 5px;
  font-size: 12px;
}
.upload-example .m-attention ol {
  margin-bottom: 15px;
}
.upload-example .file-list {
  min-height: 260px;
}
.upload-example .btns {
  text-align: center;
}
.upload-example .example img {
  background-color: #fff;
  max-width: 60%;
  height: auto;
}
#uploadCompanyLogo .file-list {
  min-height: 210px;
}
#uploadProdImage .file-list {
  min-height: 200px;
}
/* 条码明细 */
.barcode-detail .m-table {
  border-bottom: 1px dotted #cfd8dc;
}
.barcode-detail .m-table td {
  border-bottom: 1px dotted #cfd8dc;
  padding-top: 6px;
  padding-bottom: 6px;
}
.barcode-detail .m-table td.b-l {
  background-color: #fff;
  border-bottom: none;
}
.m-table td.label-field > div > input[type=text] {
  width: 80px;
}
.label-field .ng-select {
  width: 100px;
}
.label-field .form-control {
  width: 110px;
}
.m-detail-item > ul:not(.m-tips-list) > li li .ng-select {
  width: 140px;
}
/* 进度条 */
.u-progress-bar {
  position: relative;
  width: 90%;
  height: 20px;
  background-color: #cfd8dc;
}
.u-progress-bar:before {
  content: "";
  position: absolute;
  left: 1px;
  right: 1px;
  top: 1px;
  bottom: 1px;
  background-color: #fff;
}
.u-progress-bar > span {
  position: relative;
  float: left;
  height: 100%;
}
.u-progress-bar > span.level1 {
  background-color: #20a8d8;
}
.u-progress-bar > span.level2 {
  background-color: #9ade0f;
}
.u-progress-bar > span.level3 {
  background-color: #ddd;
}
.u-progress-bar > span span {
  position: absolute;
  left: 50%;
  top: 18px;
  white-space: nowrap;
  padding: 1px 6px;
  transform: translateX(-50%);
  border-radius: 3px;
  background-color: rgba(0, 0, 0, 0.6);
  opacity: 0;
  color: #fff;
  text-align: center;
  transition: 0.4s;
}
.u-progress-bar > span span:after {
  content: "";
  position: absolute;
  left: 50%;
  top: -8px;
  width: 0;
  height: 0;
  margin-left: -4px;
  border-style: solid;
  border-width: 4px;
  border-color: transparent transparent rgba(0, 0, 0, 0.6) transparent;
}
.u-progress-bar > span.level1:hover {
  z-index: 2;
}
.u-progress-bar > span:hover span {
  opacity: 1;
  top: 26px;
}
.p-kpi .m-table th:first-child,
.p-kpi .m-table td:first-child {
  padding-left: 12px;
}
/* 显示更多 */
.fixed-all-data {
  position: fixed;
  margin-top: 5px;
  opacity: 0;
  padding: 8px 10px;
  text-align: left;
  background-color: rgba(77, 189, 116, 0.9);
  color: #fff;
  max-width: 350px;
  line-height: 20px;
  border-radius: 2px;
  box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.15);
  z-index: 999;
  animation: fadeInDown 0.5s ease forwards;
  animation-play-state: paused;
  -webkit-animation-play-state: paused;
}
.fixed-all-data:before {
  content: "";
  position: absolute;
  left: 10%;
  top: -12px;
  border-style: solid;
  border-width: 6px;
  border-color: transparent transparent rgba(77, 189, 116, 0.9) transparent;
}
.fixed-all-data.active {
  animation-play-state: running;
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 10px, 0);
  }
}
.p-page-help .article-content p .sub {
  padding-left: 20px;
  display: block;
  color: #666;
  margin-top: -5px;
  font-size: 15px;
}
.p-page-help .article-content p .dot {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #bbb;
  vertical-align: 3px;
  margin-right: 10px;
}
.p-page-help .article-content span[class^=title-] {
  display: block;
  padding: 20px 0;
  font-weight: bold;
}
.p-page-help .article-content span.title-3 {
  font-size: 18px;
}
/*工作台new style*/
.new .m-page-main {
  padding-left: 18px;
  padding-right: 27%;
  margin-right: -27%;
}
.new .m-page-title {
  background-color: #f4f5f6;
}
.new .m-mod-title {
  border-bottom: none;
  padding: 10px 0;
  margin-bottom: 10px;
  height: auto;
  line-height: 1.4;
}
.new .m-mod-title i {
  margin-right: 5px;
  font-size: 16px;
  vertical-align: -2px;
  color: #4dbd74;
}
.new .m-news-list > li {
  position: relative;
  border-bottom: 1px solid #eee;
  padding: 8px 0;
}
.new .m-news-list > li:last-child {
  border-bottom: none;
}
.new .m-news-list > li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 15px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #20a8d8;
}
.new .m-news-list > li > a {
  display: block;
}
.new .m-news-list .content {
  padding-left: 16px;
}
.new .m-notify-list > li {
  margin-top: 15px;
  padding: 10px 12px;
  border: 1px solid #ddd;
}
.new .m-notify-list > li:hover .abs,
.new .m-news-list > li:hover .abs {
  color: #20a8d8;
  text-decoration: none;
}
.new .m-notify-list > li a:hover,
.new .m-news-list > li > a:hover {
  text-decoration: none;
}
.new .m-notify-list .content {
  margin-bottom: 5px;
}
.new .m-notify-list .time,
.new .m-notify-list .notify-item {
  color: #9ca4ab;
}
.new .m-notify-list .abs {
  margin-top: 5px;
  font-size: 14px;
  color: #333;
}
.new .m-page-side .line-clamp-box {
  height: auto;
}
.new .m-page-side .m-mod-title {
  margin-bottom: 0;
  font-weight: bold;
}
.new .m-page-side .m-mod-body {
  padding: 0;
}
/*工作台new style end*/
#addDrawingFile .modal-custom-content h3 {
  display: none;
}
/* 通用提示弹窗 */
#alert .modal .modal-body,
.modal.alert .modal-body,
.modal.custom .modal-body,
.modal .modal-body .m-detail-item {
  margin: 0;
  box-shadow: none;
}
.modal.custom .modal-dialog .modal-content .ng-select {
  max-width: 300px;
}
#setCompEnum .ng-select {
  max-width: inherit;
}
/* 推荐活动 */
#adRecommend .modal-body {
  background-size: 100%;
  background-color: #007ec2;
  background-image: url('bg1.7e314262e9585c4f.png');
  background-repeat: no-repeat;
  background-position: center;
}
body.p-recommend {
  background-color: #ededed;
}
/* 电子签章 */
#eSignature .modal-body {
  padding: 0;
}
/* 暂无附件 */
.p-page-detail .icon-download,
.p-page-detail .icon-download ~ a {
  display: none;
}
.sys-maint-msg {
  position: relative;
  text-align: left;
  padding-left: 100px;
  padding-right: 30px;
}
.sys-maint-msg .content {
  max-height: 380px;
  margin-bottom: 10px;
  margin-top: 10px;
}
.sys-maint-msg i {
  position: absolute;
  left: 20px;
  top: 5px;
  border: 1px solid #20a8d8;
  color: #20a8d8;
  border-radius: 50%;
  font-size: 30px;
  padding: 8px;
}
.modal.sys-msg-2 .modal-body {
  padding: 0;
}
.modal.sys-msg-2 .modal-footer {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 50%;
  padding-top: 0;
}
.modal.sys-msg-2 .app-modal-footer button {
  height: 30px;
  line-height: 28px;
  margin-bottom: 30px;
}
.sys-maint-msg2 {
  text-align: left;
}
.sys-maint-msg2 .sys-msg-body {
  overflow: hidden;
  height: 600px;
}
.sys-maint-msg2 .sys-msg-body > div {
  float: left;
  width: 50%;
  height: 100%;
}
.sys-maint-msg2 .sys-msg-side {
  background: #1985ac url('bg5.d5ab1eebc94eedb5.png') no-repeat center center;
  background-size: cover;
  overflow: hidden;
}
.sys-maint-msg2 .sys-msg-side .sys-msg-img {
  width: 100%;
  height: 100%;
}
.sys-maint-msg2 .sys-msg-content {
  padding: 60px 50px 0px 50px;
}
.sys-msg-content .msg-title {
  overflow: hidden;
  color: #333;
  font-size: 20px;
  font-weight: bold;
  border-bottom: 1px solid #eee;
  margin-bottom: 20px;
  line-height: 30px;
  padding-bottom: 6px;
}
.sys-msg-content .msg-title .msg-time {
  float: right;
  color: #888;
  font-size: 12px;
  font-weight: normal;
  margin-left: 10px;
}
.sys-msg-content .msg-content {
  height: 400px;
  color: #666;
  font-size: 14px;
  line-height: 2;
  overflow-y: auto;
}
.en-US .sys-msg-content .msg-content,
.es-ES .sys-msg-content .msg-content,
.vi-VN .sys-msg-content .msg-content,
.ja-JP .sys-msg-content .msg-content {
  word-break: break-word;
  padding-right: 12px;
}
.sys-msg-content .msg-footer {
  text-align: center;
}
/* 条码打印页面的字段设置 */
.barcode-setup > ul > li > ul > li > div {
  padding-left: 106px;
}
.barcode-setup > ul > li li .ng-select {
  width: 90%;
}
.barcode-setup .flatpickr-input {
  width: 100px;
}
.barcode-setup > ul > li ul li {
  margin-bottom: 8px;
}
/** web print **/
.p-print-order {
  font-size: 14px;
  line-height: 1.2;
  font-family: Arial, "Microsoft Yahei", SimHei;
}
.p-print-order table {
  width: 100%;
  margin-bottom: 8px;
}
.p-print-order table.f-relative {
  z-index: 1;
}
.p-print-order table:not(.tb-no-b) td,
.p-print-order table:not(.tb-no-b) th {
  border: 1px solid #000;
}
.p-print-order td,
.p-print-order th {
  padding: 0 2px;
  font-size: 12px;
  line-height: 1.2;
}
.p-print-order th {
  font-weight: 400;
}
.print-logo {
  height: 40px;
}
.print-title {
  font-size: 16px;
  font-weight: 400;
}
.print-title ~ p {
  font-size: 14px;
}
.print-official-seal {
  position: relative;
  top: -50px;
  margin-bottom: -40px;
  z-index: 0;
  overflow: hidden;
}
.print-official-seal > span {
  float: left;
  width: 50%;
  height: 168px;
}
.print-official-seal > span img {
  width: 168px;
  height: 168px;
  margin-left: 20px;
}
.print-barcode-img {
  width: 100%;
  height: 40px;
  overflow: hidden;
}
.print-barcode-img img {
  max-width: 96%;
}
.print-footer span {
  margin-right: 20px;
  font-size: 12px;
}
/*@media print{
  .p-print-order thead{page-break-before: always;}
}
*/
.article-content p a {
  text-decoration: underline;
}
/* 参数设置 */
table.param-list th {
  padding: 11px 20px;
  background-color: #f5f8fa;
}
table.param-list td {
  padding: 14px 20px;
  border-bottom: 1px dashed #ebf0f5;
  line-height: 22px;
}
table.param-list tr:last-child td {
  border-bottom: none;
}
table.param-list td:last-child,
table.param-list th:last-child {
  padding-left: 0;
}
table.param-list td td {
  padding: 0;
  border-bottom: none;
}
table.param-list label.custom {
  display: inline-block;
  margin-right: 15px;
  margin-left: 0;
}
table.param-list label.custom:last-child {
  margin-right: 0;
}
table.param-list .print-list label.custom {
  margin-right: 5px;
}
.modal table.param-list {
  width: 100%;
}
/* 圆形进度标记 */
.progress-sign {
  display: inline-block;
  position: relative;
  border: 1px solid #ddd;
  border-radius: 50%;
  margin: 0 3px;
  padding: 3px 6px;
  color: #aaa;
  vertical-align: top;
}
.sign-repeat-yellow {
  background: #fff2b5 !important;
  background: linear-gradient(to bottom, #fed000, #fed000) !important;
}
.progress-sign:after {
  position: absolute;
  left: -3px;
  top: 0;
  width: 10px;
  height: 15px;
  background-color: #fff;
  z-index: 1;
}
.progress-sign span {
  position: relative;
  z-index: 2;
}
.progress-sign.part {
  border-color: #f0ad4e;
  color: #f0ad4e;
}
.progress-sign.part:after {
  content: "";
}
.progress-sign.full {
  border-color: #4dbd74;
  color: #4dbd74;
}
/* swiper */
.swiper-slide {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.swiper-slide.left {
  background-position: left center;
}
.swiper-slide.sale,
.swiper-slide.yinqizhilian,
.swiper-slide.xxgp,
.swiper-slide.xxgp_home,
.swiper-slide.xxgp_zqj {
  cursor: pointer;
}
.swiper-slide.xxgp {
  background-position: 35% center;
}
.swiper-slide.ocr {
  background-position: 40% center;
}
.swiper-container .swiper-pagination-bullet {
  position: relative;
  width: 16px;
  height: 16px;
  margin: 0 2px !important;
  background-color: transparent;
  opacity: 1;
}
.swiper-pagination-bullet:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  margin-left: -4px;
  border-radius: 100%;
  background-color: #000;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  opacity: 0.2;
  transition: 0.3s;
}
.swiper-pagination-bullet:hover:after {
  transform: scale(1.5, 1.5);
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: transparent;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active:after {
  background-color: #eee;
  opacity: 1;
}
.swiper-inner-content {
  width: 100%;
  height: 100%;
}
.swiper-inner-content > div {
  height: 100%;
}
.swiper-inner-content > div.signature {
  padding-top: 20px;
  text-align: center;
  font-size: 16px;
}
.swiper-inner-content > div.signature h4 {
  color: #3366ff;
  font-size: 32px;
}
.swiper-inner-content > div.signature .u-btn {
  width: 92px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 15px;
  background-color: #597ef7;
}
.swiper-inner-content .block {
  display: block;
  height: 100%;
}
.swiper-inner-content .block img.blank {
  width: 100%;
  height: 100%;
  vertical-align: top;
}
.swiper-inner-content .ad-huawei {
  position: relative;
  padding: 10px 10px 10px 22%;
  cursor: pointer;
  color: #fbff35;
  font-size: 24px;
  font-weight: bold;
}
.swiper-inner-content .ad-huawei p:first-child {
  font-size: 18px;
  font-weight: 400;
}
.swiper-inner-content .ad-subsidy a {
  display: block;
  height: 100%;
  padding-top: 20px;
  text-decoration: none;
  text-align: center;
}
.swiper-inner-content .ad-subsidy a p {
  font-size: 20px;
  margin-bottom: 10px;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.65);
}
.swiper-inner-content .ad-subsidy a p.f {
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 0;
}
.swiper-inner-content .ad-subsidy a span {
  text-decoration: underline;
  font-size: 14px;
  color: rgba(0, 0, 255, 0.7);
}
#yinqizhilian .modal-body {
  padding: 6px 0 6px 6px;
}
#yinqizhilian .body {
  max-height: 68vh;
}
#yinqizhilian .body img {
  width: 100%;
}
#yinqizhilian .contact {
  font-size: 12px;
  color: #666;
  text-align: center;
  padding: 10px 0;
}
#yinqizhilian .contact b {
  font-size: 16px;
  color: #20a8d8;
}
.scanner-shell {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 999;
  color: #fff;
}
.scanner-shell .icon-close,
.scanner-shell .icon-camera {
  position: absolute;
  right: 20px;
  top: 20px;
  color: #fff;
  font-size: 36px;
}
.scanner-shell .icon-camera {
  top: auto;
  right: 25px;
  bottom: 25px;
}
.scanner-shell video {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 350px !important;
  height: 350px !important;
  margin: -175px 0 0 -175px;
}
.scanner-shell .select-scan {
  position: absolute;
  top: 30%;
  right: 30px;
  margin-left: 200px;
  width: 150px;
  color: #fff;
}
.scanner-shell .select-scan select {
  width: 100%;
  height: 40px;
  line-height: 40px;
}
.scanner-shell .desc {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  margin-top: 180px;
  text-align: center;
  font-size: 12px;
}
.scanner-shell > select {
  height: 40px;
  position: absolute;
  left: 50%;
  top: 20px;
  transform: translateX(-50%);
}
.m-more-setup {
  position: absolute;
  right: 20px;
  top: 140px;
  width: 250px;
  background-color: #fff;
  padding: 16px;
  box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.15);
}
.m-more-setup .handle-item {
  line-height: 26px;
}
.m-more-setup .handle-item .custom:hover,
.m-more-setup .handle-item > .custom input:checked ~ span {
  color: #20a8d8;
}
.mat-tab-group.mat-primary .mat-ink-bar,
.mat-tab-nav-bar.mat-primary .mat-ink-bar {
  background-color: #20a8d8;
}
/*看板模式*/
.m-btns .board-change-rate,
.m-btns .board-auto-play {
  display: none;
}
.show-board-mod {
  padding: 0 !important;
}
.show-board-mod .m-page-title,
.show-board-mod .m-type-box .m-type-nav,
.show-board-mod .m-table-box > .m-shuoming,
.show-board-mod .m-type-box > div:not(.m-btns),
.show-board-mod .m-type-box .m-btns .u-btn,
.show-board-mod .m-search-box {
  display: none;
}
.show-board-mod .m-type-box {
  background-color: #fff;
  padding: 10px 20px;
}
.show-board-mod .m-page-body,
.show-board-mod .g-main-container {
  padding: 0;
}
.show-board-mod {
  background-color: #fff;
}
.show-board-mod .m-btns {
  position: relative;
}
.show-board-mod .m-btns .board-change-rate,
.show-board-mod .m-btns .board-auto-play {
  display: inline-block;
  margin-top: 8px;
  line-height: 24px;
  vertical-align: top;
}
.show-board-mod .m-type-box .m-btns {
  width: 100%;
}
.presetValue-detail {
  position: absolute;
  width: 425px;
  border: 1px solid #ddd;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  background-color: #fff;
  z-index: 105;
  padding: 10px;
}
.presetValue-detail ul {
  max-height: 150px;
}
.presetValue-detail .close {
  position: absolute;
  right: -27px;
  top: 0;
  width: 24px;
  height: 24px;
  line-height: 24px;
  background-color: #bbb;
  text-align: center;
  color: #fff;
}
.presetValue-detail .close:hover {
  background-color: #20a8d8;
}
.presetValue-detail .close:hover i {
  color: #fff;
}
.presetValue-detail .add {
  padding-left: 10px;
}
.m-tips-list li {
  display: block;
  width: 100%;
  margin-bottom: 0;
  line-height: 24px;
  font-size: 12px;
  color: #808080;
}
.tabs-nav-wrap {
  margin-bottom: 20px;
}
.tabs-nav-wrap .tabs-nav {
  float: left;
  font-size: 14px;
}
.tabs-nav-wrap .tabs-nav li {
  display: inline-block;
  line-height: 34px;
  padding: 0px 10px;
  margin-right: 20px;
  cursor: pointer;
  position: relative;
  color: #565656;
}
.tabs-nav-wrap .tabs-nav li.curr {
  height: 34px;
  color: #000;
  font-weight: bold;
}
.tabs-nav-wrap .tabs-nav li::after {
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 0;
  height: 2px;
  background-color: #fdd000;
  border-radius: 1px;
}
.tabs-nav-wrap .tabs-nav li.curr::after {
  content: "";
}
.tabs-nav-wrap .m-btns {
  float: right;
}
.tabs-nav-wrap .m-btns .u-btn {
  margin-top: 0;
}
/* 非中文 */
.en-US .m-detail-item > ul:not(.m-tips-list) > li,
.en-US .m-form-head > div,
.en-US .m-table th,
.en-US h5,
.en-US h6 {
  font-size: 13px;
}
.en-US .m-header .menu-dropdown-bar.left,
.ja-JP .m-header .menu-dropdown-bar.left,
.vi-VN .m-header .menu-dropdown-bar.left {
  width: 380px;
}
.es-ES .m-header .menu-dropdown-bar.left {
  width: 480px;
}
.m-mod-logo {
  text-align: center;
  font-size: 14px;
}
.m-mod-logo > a {
  display: block;
  padding: 20px 0;
  text-decoration: none;
  color: #666;
}
.m-mod-logo > a:hover {
  color: #20a8d8;
  text-decoration: underline;
}
.m-mod-logo img {
  width: 60%;
  margin-bottom: 10px;
}
btn-delivery-print {
  display: inline-block;
}
/* 越南语 */
.vi-VN .m-login .login-weixin,
.ja-JP .m-login .login-weixin {
  margin-left: 0;
  margin-bottom: 5px;
  display: inline-block;
  vertical-align: top;
}
.vi-VN .m-wrap .input-item .verify-code-btn {
  width: 130px;
}
.vi-VN .left-nav-item li a > span {
  display: inline-block;
  max-width: 130px;
  overflow: hidden;
  vertical-align: top;
}
.vi-VN .p-page-workbench .m-shortcut td:nth-child(3) {
  display: none;
}
.vi-VN .p-page-workbench .m-shortcut span.label {
  width: 160px;
  padding-left: 0;
  padding-right: 0;
}
.vi-VN .g-main-container .m-wrap .operate-way > label {
  font-size: 14px;
}
.vi-VN .left-nav-item .left-nav-sub a {
  padding-right: 10px;
}
.vi-VN .g-main-container .m-shortcut .shortcuts a {
  white-space: nowrap;
}
.vi-VN .m-type-box .m-tabs .m-tabs-list > li {
  padding-left: 15px;
  padding-right: 15px;
}
.required input[type=text],
.required textarea,
.required .ng-select .ng-select-container,
input.required {
  background-color: #fdf9f9;
  border: 1px solid #ff6048;
}
.distpicker-item {
  display: inline-block;
  min-width: 100px;
}
.distpicker-item .ng-select {
  width: 100%;
}
.guide-video-mask {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0);
  z-index: 1000;
  transition: background-color linear 0.4s;
}
.guide-video-mask.active {
  background: rgba(0, 0, 0, 0.6);
}
.guide-video-container {
  background-color: #fff;
  border-radius: 16px;
  transform-origin: left top;
  transition: transform 0.4s;
  width: 818px;
  min-height: 600px;
  transform: translate3d(calc(100vw - 36px), 80px, 0) scale(0);
}
.full-calendar,
.full-calendar .col2 {
  display: flex;
}
.calendar-container {
  margin: 0 0 10px 0;
  padding: 20px;
  background-color: #fff;
  box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.05);
  position: relative;
  border: none;
  border-radius: 8px;
}
.calendar-container .fc th,
.calendar-container .fc td {
  padding: 0;
}
.calendar-container .fc a,
.calendar-container .fc a:hover {
  color: #222;
  text-decoration: none;
}
.calendar-container .fc a[data-navlink]:hover {
  text-decoration: underline;
}
.full-calendar .col2 .calendar-container {
  flex: 1;
}
@media screen and (max-width: 1800px) {
  .swiper-slide.sale {
    background-position: 33% center;
  }
}
@media screen and (max-width: 1600px) {
  .detail-column:not(.f-w100) .m-detail-item > ul:not(.m-tips-list):not(.one-wrap) > li {
    width: 50%;
  }
  .dashboard .m-page-body .m-page-side {
    display: none;
  }
  .swiper-slide.yinqizhilian {
    background-position: 45% center;
  }
  .m-type-box .m-tabs .m-tabs-list > li,
.m-type-nav li {
    padding-left: 22px;
    padding-right: 22px;
  }
}
@media screen and (max-width: 1440px) {
  .m-type-box .m-tabs .m-tabs-list > li,
.m-type-nav li {
    padding-left: 18px;
    padding-right: 18px;
  }
  .swiper-slide.yinqizhilian {
    background-position: 40% center;
  }
}
@media screen and (max-width: 1280px) {
  .m-type-box .m-tabs .m-tabs-list > li,
.m-type-nav li {
    padding-left: 15px;
    padding-right: 15px;
  }
  .m-detail-item > ul:not(.m-tips-list):not(.one-wrap) > li:not([class^=f-w]) {
    width: 50%;
  }
  .m-list-box .form-inline {
    width: 90%;
  }
  .modal.full .m-form-body.scrollbar,
.modal.full .m-popup-body.scrollbar {
    max-height: 300px;
  }
}
@media screen and (max-width: 1024px) {
  .m-page-body .m-page-main {
    float: none;
    width: 100%;
    padding-right: 0;
    margin-right: 0;
  }
  .m-page-body .m-page-side {
    float: none;
    width: 100%;
  }
  .m-page-side .m-mod-title {
    padding: 0 20px;
  }
  .m-news-list > li,
.m-service {
    padding-left: 20px;
    padding-right: 20px;
  }
  .m-integration {
    padding: 20px;
  }
  .m-search-more > ul > li {
    height: auto;
  }
  .m-page-side .ad-mod img.pad {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  body.p-login {
    background: rgb(39, 65, 92) url(/assets/img/bg.jpg) no-repeat center;
    background-size: cover;
  }
  .kf5-support-chat {
    display: none !important;
  }
}
@media screen and (min-width: 1366px) {
  .m-table p.s-cRed .icon-pending {
    display: inline;
  }
  .m-search-box .m-search-more .advanced-list .advanced-item,
.m-search-box .m-search-more > ul > li {
    width: 25% !important;
  }
}
@media screen and (min-width: 1440px) {
  .m-page-side .m-mod-title {
    padding: 0 20px;
  }
  .m-news-list > li,
.m-service {
    padding-left: 20px;
    padding-right: 20px;
  }
  .m-integration {
    padding: 20px;
  }
  .modal.full .m-popup-body.scrollbar {
    max-height: 400px;
  }
  .detail-column.f-w65 {
    width: 75%;
  }
  .detail-column.f-w35 {
    width: 25%;
  }
}
@media screen and (min-width: 1600px) {
  .modal.full .m-popup-body.scrollbar {
    max-height: inherit;
  }
}
@media screen and (min-width: 1601px) {
  .m-search-box .m-search-more .advanced-list .advanced-item,
.m-search-box .m-search-more > ul > li {
    width: 20% !important;
  }
}
/* resize table */
.col-resize-container {
  height: 0px;
  position: relative;
  z-index: 9;
}
.col-resize-container + .table-col-resizer:first-of-type {
  table-layout: fixed;
}
.col-resize-container .active-drag .icon {
  visibility: visible;
}
.col-resize-container .last-handle {
  display: none;
}
.col-resize-container .drag-handle {
  margin-left: -5px;
  position: absolute;
  z-index: 5;
  width: 10px;
  cursor: col-resize;
}
.col-resize-container .drag-handle .icon {
  color: #40b0dc;
  top: -1px;
  position: absolute;
  visibility: hidden;
}
.col-resize-container .drag-handle .icon:first-child {
  left: -2px;
}
.col-resize-container .drag-handle .icon:last-child {
  left: 6px;
}
.col-resize-container .drag-handle:hover .icon {
  visibility: visible;
}
.col-resize-container .drag-handle:hover .col-resizer {
  border: 1px solid #ddd;
}
.col-resize-container .drag-handle.disabled-drag {
  cursor: default;
  display: none;
}
.col-resize-container .drag-handle .col-resizer {
  position: absolute;
  width: 1px;
  height: 100%;
  top: 0px;
  left: 3px;
}
.layout-table .drag-handle .col-resizer {
  border: 1px solid #ededed;
}
.table-col-resizer th {
  min-width: 60px !important;
}
.u-bubble {
  position: relative;
  border-radius: 3px;
  margin-left: 5px;
}
.u-bubble:before {
  content: " ";
  width: 6px;
  height: 6px;
  top: 50%;
  margin-top: -3px;
  left: -3px;
  transform: rotate(45deg);
  background-color: inherit;
  position: absolute;
}
.select-w120 {
  width: 120px;
  display: inline-block;
}
.select-w200 {
  width: 200px;
  display: inline-block;
}
/* mat-table start */
.mat-table {
  min-width: 100%;
  font-family: inherit !important;
}
.mat-table tr:hover {
  transform: none !important;
  box-shadow: none !important;
}
.mat-table td.mat-cell,
.mat-table td.mat-footer-cell,
.mat-table th.mat-header-cell {
  padding: 12px 0 12px 12px;
  vertical-align: top;
  color: #333;
}
.mat-table td.mat-cell {
  font-size: 12px;
}
.mat-table tr.mat-header-row {
  height: auto;
}
.mat-table tr.mat-header-row,
.mat-table .mat-table-sticky {
  background-color: #fafafa;
  opacity: 1;
}
.p-page-schedule .mat-table tr.mat-header-row {
  background-color: #f2f2f2;
}
.mat-table td.mat-table-sticky {
  background-color: #fff;
}
.mat-table th.mat-header-cell,
.mat-table td.mat-cell,
.mat-table td.mat-footer-cell {
  border-bottom-color: rgba(0, 0, 0, 0.08);
}
.mat-table-plan .mat-table th,
.mat-table-plan .mat-table td {
  width: 100px;
  min-width: 100px;
  text-align: right;
}
.mat-table-plan .mat-table .mat-column-sticky1,
.mat-table-plan .mat-table .mat-column-sticky2,
.mat-table-plan .mat-table .mat-column-sticky3,
.mat-table-plan .mat-table .mat-column-sticky4,
.mat-table-plan .mat-table .mat-column-sticky5 {
  width: 150px;
  min-width: 150px;
  max-width: 150px;
  text-align: left;
}
.mat-table-plan .mat-table th.mat-header-cell:last-of-type,
.mat-table-plan .mat-table td.mat-cell:last-of-type,
.mat-table-plan .mat-table td.mat-footer-cell:last-of-type {
  width: 125px;
  min-width: 125px;
}
.mat-table td div p {
  position: relative;
}
.mat-table-plan {
  max-height: calc(100vh - 160px);
  border-radius: 8px 8px 0 0;
}
.layout-container-main .mat-table-plan {
  max-height: calc(100vh - 235px);
}
/* mat-table end */
[aria-describedby] {
  -webkit-user-select: auto !important;
     -moz-user-select: auto !important;
      -ms-user-select: auto !important;
          user-select: auto !important;
}
.cdk-overlay-pane .mat-dialog-container {
  border-radius: 16px;
}
.mat-dialog-content {
  min-height: 22vh;
}
.mat-dialog-content .btm {
  position: sticky;
  bottom: 0;
  background-color: #fff;
  padding-top: 20px;
  padding-bottom: 10px;
  text-align: center;
}
.mat-dialog-container .mat-dialog-actions {
  padding: 20px 0 30px 0;
}
.mat-dialog-actions.right {
  justify-content: right;
}
.mat-dialog-actions > p {
  margin: 0;
  padding: 0;
}
.mat-dialog-actions .u-btn {
  margin: 0 10px;
}
.mat-dialog-header {
  position: relative;
  height: 36px;
  line-height: 36px;
  margin: -14px -14px 0 -14px;
  border-bottom: 1px solid #ededed;
  padding: 0 14px;
  margin-bottom: 14px;
  font-size: 16px;
}
.mat-dialog-header h3 {
  display: inline-block;
  font-size: 16px;
}
.mat-dialog-header .icon-close {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  padding: 4px;
  cursor: pointer;
  font-size: 16px;
}
.cdk-xk-ai .mat-dialog-container {
  border: 1px solid #4dbd74;
}
.cdk-xk-ai .mat-dialog-header {
  background: #DAFAFB;
  background: linear-gradient(to right, #DCFFE3, #D9F9FF);
  margin: -24px;
  margin-bottom: 0;
  padding: 10px;
  height: auto;
  line-height: 24px;
}
.cdk-xk-ai .mat-dialog-header h3 {
  background: url(/assets/img/icon/ai_02.png) no-repeat left center;
  background-size: 24px;
  padding-left: 30px;
}
.cdk-xk-ai .mat-dialog-header .icon-close {
  right: 10px;
}
.flex-container {
  display: flex;
  flex-wrap: wrap;
}
.flex-nowrap {
  flex-wrap: nowrap;
}
.search-wrapper {
  margin-right: 30px;
}
@media print {
  html,
body {
    height: auto;
  }
  .g-left-nav,
.g-header,
.m-page-title,
.m-page-body .m-type-box,
.kf5-chatSupport-btn,
#contract,
.help-container {
    display: none !important;
  }
  .m-page-body,
.wrapper-sm {
    padding: 0 !important;
  }
  .g-main-container {
    padding-left: 0px !important;
  }
}
.col-resize th {
  position: relative;
  vertical-align: top;
}
.col-resize .resizer {
  position: absolute;
  top: 0;
  right: 0;
  width: 5px;
  cursor: col-resize;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.col-resize .resizer:hover,
.col-resize .resizing {
  border-right: 2px solid blue;
}
.col-resize .resizable {
  border: 1px solid gray;
  height: 100px;
  width: 100px;
  position: relative;
}
.ad-xxs {
  padding: 10px;
  background-color: #ff5639;
}
.ad-xxs > a {
  display: block;
  position: relative;
  height: 100%;
  background-color: #fff;
  border-radius: 15px 0 15px 0;
  padding-left: 10px;
  color: #000;
  text-decoration: none;
}
.ad-xxs > a:hover {
  text-decoration: none;
}
.text-deco-none a {
  text-decoration: none;
}
.ad-xxs p {
  position: relative;
  z-index: 2;
}
.ad-xxs p:nth-child(1) {
  padding-top: 45px;
  font-size: 18px;
  line-height: 18px;
}
.ad-xxs p:nth-child(2) {
  display: inline-block;
  font-size: 20px;
}
.ad-xxs p:nth-child(3) {
  color: #ff5639;
}
.ad-xxs p:nth-child(4) {
  display: inline-block;
  background-color: #ff5639;
  padding: 0 8px;
  border-radius: 9px;
  margin-top: 18px;
}
.ad-xxs img {
  position: absolute;
  top: 5%;
  z-index: 1;
}
.ad-xxs img.l {
  left: 10px;
  height: 20px;
}
.ad-xxs img.r {
  right: 0;
}
.ad-xxs span.up,
.ad-xxs span.r-u {
  position: absolute;
  background-color: #ff5639;
  font-size: 12px;
}
.ad-xxs span.up {
  right: -17px;
  top: -15px;
  border-radius: 5px;
  padding: 0 5px;
}
.ad-xxs span.up .arrow {
  position: absolute;
  right: 10px;
  bottom: -8px;
  width: 0;
  height: 0;
  border-width: 4px;
  border-style: solid;
  border-color: #ff5639 transparent transparent;
}
.ad-xxs span.r-u {
  right: 0;
  top: 10px;
  padding: 2px 2px 2px 10px;
  border-radius: 11px 0 0 11px;
}
.editor-toolbar-container {
  border: 1px solid #c9d8db;
}
.editor-text-container {
  border: 1px solid #c9d8db;
  border-top: none;
  height: calc(100vh - 400px);
  overflow-y: auto;
}
.editor-text-container ol {
  list-style-type: decimal;
}
.editor-text-container ul {
  list-style-type: disc;
}
.editor-text-container .w-e-content-mantle .w-e-content-preview,
.editor-text-container .w-e-text {
  padding: 10px;
}
.editor-text-container .w-e-text {
  display: block !important;
}
.w-e-text i {
  font-style: italic;
}
.w-e-text table td,
.w-e-text table th {
  height: 30px;
}
.sort {
  cursor: pointer;
}
#fe-version-tip {
  position: fixed;
  right: 80px;
  bottom: 30px;
  padding: 10px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.8);
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.4);
  color: #fff;
  font-size: 13px;
  animation: fadeInUp 1s;
  z-index: 99;
}
.btn-export a.export {
  cursor: pointer;
}
.m-edit-box {
  padding: 20px 0;
}
.m-edit-box .u-btn {
  float: right;
  margin: 0 0 0 20px;
}
.sign-paopao {
  display: inline-block;
  font-size: 12px;
  height: 16px;
  line-height: 16px;
  padding: 0 4px;
  color: #fff;
  border-radius: 3px;
  background: #44ce62;
  background: linear-gradient(to bottom, #5fee5b, #44ce62);
}
/* dialog对话框 */
.cdk-backdrop-loading,
.cdk-panel-loading .mat-dialog-container {
  box-shadow: none;
  background: transparent;
  padding: 0;
}
.cdk-panel-loading .mat-dialog-container {
  overflow: hidden;
}
.cdk-contract-cover {
  width: 75vw;
}
.cdk-contract-cover .mat-dialog-content {
  height: 75vh;
  max-height: 75vh;
}
.cdk-print-config .mat-dialog-actions .u-btn {
  width: 90px;
  height: 30px;
  line-height: 30px;
}
.cdk-print-config .mat-dialog-actions .u-btn-white {
  line-height: 28px;
}
.button-toggles {
  display: inline-block;
  vertical-align: middle;
}
.button-toggles label.custom span {
  padding: 0 20px;
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.m-form-flex .m-form-head,
.m-form-flex .m-form-body .item-default {
  display: flex;
}
.m-form-flex .m-form-head > div,
.m-form-flex .m-form-body .item-default > div {
  flex-grow: 1;
}
.cdk-overlay-container .cdk-field-setting {
  min-width: 1300px;
  width: 80vw;
}
.text-decoration {
  color: #999;
  text-decoration: line-through;
}
.goods-items {
  background: #f6f8fa;
  border: 1px solid white;
  box-shadow: 0px 2px 20px 0px rgba(217, 221, 231, 0.5);
  border-radius: 12px;
  padding: 24px;
}
.goods-items.view-list .goods-col {
  float: none;
  width: 100%;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #ececec;
}
.goods-items li[class^=head] {
  float: left;
  word-wrap: break-word;
}
.goods-items li.head1 {
  width: 10%;
  padding-left: 24px !important;
}
.goods-items li.head2 {
  width: 23%;
}
.goods-items li.head3 {
  width: 15%;
}
.goods-items li.head4 {
  width: 10%;
}
.goods-items li.head5 {
  width: 10%;
}
.goods-items li.head6 {
  width: 15%;
}
.goods-items li.head7 {
  width: 7%;
}
.goods-items li.head8 {
  width: 10%;
}
.m-batch-box span.disabled {
  color: #ddd;
  cursor: not-allowed;
}
.v2 input.mobile {
  padding-left: 55px;
}
#mroShopSelect .modal-body {
  max-height: 95vh;
}
.cdk-recommend .mat-dialog-container {
  padding: 0;
}
.cdk-recommend .mat-dialog-content {
  margin: 0;
  padding: 0;
  max-height: none;
  overflow: visible;
}
.cdk-xk-filigrane {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  pointer-events: none;
  z-index: 1;
}
.app-modal-close {
  position: absolute;
  top: 0px;
  right: 0px;
}
.app-modal-close i {
  font-size: 14px;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./src/styles-v2.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* svg icon */
svg.icon,
svg[class^=icon-] {
  fill: currentColor;
  width: 1em;
  height: 1em;
  padding: 0;
  margin: 0;
  vertical-align: -0.15em;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.v2 .has-header .g-main-container {
  padding-top: 60px;
}
.v2 .p-page-list .m-page-body,
.v2 .p-page-detail .m-page-body,
.v2 .p-page-business .m-page-body {
  padding: 0;
}
/* 状态高亮 */
.v2 .u-normal,
.v2 .u-inactive,
.v2 .u-active,
.v2 .u-danger,
.v2 .u-warning,
.v2 .u-orange,
.v2 .u-gray,
.v2 .u-sign {
  border-radius: 13px;
  line-height: 18px;
  padding: 0 5px;
  text-align: center;
  min-width: 60px;
  white-space: normal;
  border-width: 1px;
  border-style: solid;
  background-color: #fff;
}
.v2 .zh-Hans .u-normal,
.v2 .zh-Hans .u-inactive,
.v2 .zh-Hans .u-active,
.v2 .zh-Hans .u-danger,
.v2 .zh-Hans .u-warning,
.v2 .zh-Hans .u-orange,
.v2 .zh-Hans .u-gray,
.v2 .zh-Hans .u-sign {
  white-space: nowrap;
}
.v2 .u-normal {
  border-color: #94c6e5;
  color: #328dc7;
}
.v2 .u-inactive {
  border-color: #b0b0b0;
  color: #6d737b;
}
.v2 .u-active {
  border-color: #6fc580;
  color: #50ae62;
}
.v2 .u-danger {
  border-color: #ff9a97;
  color: #d93b44;
}
.v2 .u-warning {
  border-color: #fcb554;
  color: #ea9212;
}
.v2 .u-orange {
  border-color: #fcb554;
  color: #ea9212;
}
.v2 .u-gray {
  border-color: #b0b0b0;
  color: #6d737b;
}
.v2 .level1.u-normal,
.v2 .level1.u-inactive,
.v2 .level1.u-active,
.v2 .level1.u-danger,
.v2 .level1.u-warning,
.v2 .level1.u-orange,
.v2 .level1.u-gray {
  border: none;
  line-height: 20px;
  color: #333;
}
.v2 .level1.u-normal {
  background-color: #b6dcf4;
}
.v2 .level1.u-inactive {
  background-color: #ebebeb;
}
.v2 .level1.u-active {
  background-color: #a5ddb0;
}
.v2 .level1.u-danger {
  background-color: #ffdcdb;
}
.v2 .level1.u-warning {
  background-color: #ffe9cb;
}
.v2 .level1.u-orange {
  background-color: #ffe9cb;
}
.v2 .level1.u-gray {
  background-color: #ebebeb;
}
.v2 .gray span[class^=u-]:not(.u-numeral),
.v2 span[class^=u-].gray {
  background-color: transparent;
}
.v2 .icon-checkbox,
.v2 .icon-radio {
  background-color: #fff;
  color: #c4c4c4;
}
.v2 .icon-radio {
  border-radius: 100%;
}
.v2 i.icon-checkbox-on,
.v2 i.icon-checkbox-fill,
.v2 i.icon-radio-on,
.v2 label.custom .icon-confirm-fill {
  color: #ffb551;
}
.blue .ng-select .ng-select-container {
  background-color: #b6dcf4;
}
.green .ng-select .ng-select-container {
  background-color: #50ae62;
}
.warning .ng-select .ng-select-container {
  background-color: #ffc107;
}
/* 链接 */
a {
  color: #f07f02;
  text-decoration: underline;
}
a:hover {
  color: #f07f02;
  text-decoration: underline;
}
/* 按钮 start */
.v2 .u-btn,
.v2 .u-btn-line,
.v2 .u-btn-white,
.v2 .u-btn-green,
.v2 .u-btn-red,
.v2 .app-modal-footer .modal-btn-confirm,
.v2 .app-modal-footer .modal-btn-cancel,
.u-btn-common {
  display: inline-block;
  height: 32px;
  line-height: 32px;
  border-radius: 4px;
  padding: 0 20px;
  color: #333;
  cursor: pointer;
  text-decoration: none;
  vertical-align: top;
  transition: all 0.15s ease-in-out;
  font-size: 12px;
}
.v2 .u-btn:hover,
.v2 .u-btn-line:hover,
.v2 .u-btn-white:hover,
.v2 .u-btn-green:hover,
.v2 .u-btn-red:hover,
.v2 .app-modal-footer .modal-btn-confirm:hover,
.v2 .app-modal-footer .modal-btn-cancel:hover {
  color: #333;
  text-decoration: none;
}
.v2 .u-btn {
  background-color: #ffeb8f;
}
.v2 .u-btn:hover {
  background-color: #ffe775;
}
.v2 .u-btn-mid {
  height: 30px;
  line-height: 30px;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 13px;
}
.v2 .u-btn-big {
  height: 36px;
  line-height: 36px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 14px;
}
.mat-dialog-container td .u-btn {
  height: 26px;
  line-height: 26px;
  padding-left: 10px;
  padding-right: 10px;
}
.mat-dialog-container td .u-btn-white {
  line-height: 24px;
}
/* 通用按钮 */
.v2 .m-type-box .u-btn,
.u-btn-common {
  background-color: #ffeb8f;
}
.v2 .m-type-box .u-btn:hover,
.u-btn-common:hover {
  background-color: #ffe775;
}
.u-btn-common.disabled,
.u-btn-common.disabled:hover,
.v2 .m-type-box .u-btn.disabled,
.v2 .m-type-box .u-btn.disabled:hover,
.v2 .m-type-box .u-btn-gray,
.v2 .m-type-box .u-btn-gray:hover {
  background-color: #fffae5;
  border-color: #ffeb93;
  color: #cbcbcb;
  cursor: not-allowed;
}
.v2 .m-type-box .setup {
  position: static;
  position: initial;
}
.v2 .m-type-box .setup .u-btn {
  display: flex;
  align-items: center;
  background-color: #fff;
  border: 1px solid #cbcbcb;
}
.v2 .m-type-box .setup .u-btn:hover {
  background-color: #fffae5;
  border-color: #fed000;
}
/* 主要按钮 */
.v2 .m-type-box .u-btn-red,
.v2 .m-type-box .u-btn-green {
  background-color: #ffd826;
  border: none;
}
.v2 .m-type-box .u-btn-green:hover {
  background-color: #fae586;
}
.v2 .m-type-box .u-btn-red.disabled,
.v2 .m-type-box .u-btn-red.disabled:hover,
.v2 .m-type-box .u-btn-green.disabled,
.v2 .m-type-box .u-btn-green.disabled:hover {
  background-color: #ffeb93;
  color: #cbcbcb;
  cursor: not-allowed;
}
/* 幽灵按钮 */
.v2 .m-type-box .u-btn-white,
.m-detail-item-head .col .u-btn {
  background-color: #fff;
  border-color: #cbcbcb;
  line-height: 30px;
}
.v2 .m-type-box .u-btn-white:hover,
.m-detail-item-head .col .u-btn:hover {
  background-color: #fef9e4;
  border-color: #fed000;
}
.v2 .m-type-box .u-btn-white.disabled,
.v2 .m-type-box .u-btn-white.disabled:hover,
.m-detail-item-head .col .u-btn.disabled,
.m-detail-item-head .col .u-btn.disabled:hover {
  background-color: #e5e5e5;
  border-color: #cbcbcb;
  color: #cbcbcb;
  cursor: not-allowed;
}
.m-detail-item-head .col.s-cRed,
.m-detail-item-head .col.s-cRed .u-btn {
  color: #f86c6b;
}
.m-detail-item-head .col.s-cRed-deep,
.m-detail-item-head .col.s-cRed-deep .u-btn {
  color: #f53c3a;
}
.v2 .m-form-body .u-btn,
.u-btn-line,
.v2 .app-modal-footer .modal-btn-confirm,
.mod-details .body-col .u-btn {
  background-color: #fff2b5;
  border: 1px solid #fed000;
  color: #333;
}
.v2 .m-form-body .u-btn:hover,
.u-btn-line:hover,
.v2 .u-btn-white:hover,
.v2 .app-modal-footer .modal-btn-confirm:hover,
.v2 .app-modal-footer .modal-btn-cancel:hover,
.mod-details .body-col .u-btn:hover {
  background-color: #fef9e4;
  border-color: #fed000;
}
.v2 .app-modal-footer .modal-btn-confirm,
.v2 .app-modal-footer .modal-btn-cancel {
  height: 34px;
  line-height: 32px;
}
.v2 .m-form-body .u-btn.disabled,
.u-btn-line.disabled,
.mod-details .body-col .u-btn.disabled {
  border-color: #ffeb93;
  color: #cbcbcb;
  cursor: not-allowed;
}
.v2 .m-form-body .u-btn,
.mod-details .body-col .u-btn {
  padding: 0 10px;
  height: 26px;
  line-height: 24px;
}
.v2 .m-btns .u-btn.only-icon i {
  font-size: 18px;
  vertical-align: -3px;
}
.v2 .m-btns .u-btn.only-icon {
  width: auto;
  background-color: transparent;
}
.v2 .m-type-box .u-btn {
  margin: 0 0 0 10px;
  padding: 0 12px;
}
.v2 .u-btn-white,
.m-detail-item-head .col .u-btn {
  background-color: #fff;
  border: 1px solid #cbcbcb;
}
.v2 .u-btn-white.disabled {
  background-color: #e5e5e5;
  border-color: #cbcbcb;
  color: #cbcbcb;
  cursor: not-allowed;
}
.v2 .u-btn-green,
.v2 .u-btn.u-btn-green {
  background-color: rgb(77, 189, 116);
  color: #fff;
}
.v2 .u-btn-green:hover,
.v2 .u-btn.u-btn-green:hover {
  background-color: rgba(77, 189, 116, 0.8);
  color: #fff;
}
.v2 .u-btn-red,
.v2 .m-type-box .u-btn-red {
  background-color: rgb(248, 108, 107);
  color: #fff;
}
.v2 .u-btn-red:hover,
.v2 .m-type-box .u-btn-red:hover {
  background-color: rgba(248, 108, 107, 0.8);
  color: #fff;
}
.v2 .u-btn.disabled,
.v2 .u-btn-gray,
.v2 .u-btn-gray:hover {
  background-color: #ffeb93;
  color: #cbcbcb;
  cursor: not-allowed;
}
/* 按钮 end */
/* 布局 */
.layout-container {
  display: flex;
  flex-direction: row-reverse;
  position: relative;
}
.layout-container-main {
  width: 0;
  flex: 1;
}
.layout-container-main > .inner {
  padding: 0 20px 20px 20px;
}
.layout-container-side {
  position: sticky;
  top: 70px;
  width: 22%;
  height: calc(100vh - 144px);
  background-color: #fff;
  padding: 0 0 20px 0;
  margin-right: 20px;
  box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  z-index: 8;
}
.scrollbar.layout-container-side {
  overflow-y: scroll;
}
.side-item {
  position: relative;
  padding: 10px 16px 10px 20px;
  margin-bottom: 10px;
  box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.08);
}
.side-item:last-child::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 20px;
  background-color: #fff;
  left: 0;
  bottom: -20px;
}
.side-item .search-box {
  width: 100%;
}
.side-item-title {
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px;
  min-height: 21px;
}
.side-item-title .title-name {
  position: relative;
  font-size: 14px;
  font-weight: bold;
  color: #333;
}
.side-item-title .title-name::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 5px;
  background-color: rgba(255, 197, 0, 0.3);
  z-index: -1;
}
.side-item-title .icon-unfold {
  display: inline-block;
  margin-left: 5px;
  cursor: pointer;
  transition: 0.3s;
}
.side-item-title i.icon-unfold {
  font-size: 16px;
  vertical-align: -2px;
}
.side-item-title svg.icon-unfold {
  width: 16px;
  height: 16px;
}
.side-item-title i.icon-unfold.open,
.side-item-title svg.icon-unfold.open {
  transform: rotate(180deg);
}
.side-item-title .title-more,
.side-item-title .setting {
  display: flex;
  align-items: center;
  justify-content: center;
}
.side-item-title .setting i,
.side-item-title .title-more i {
  display: inline-block;
  cursor: pointer;
  font-size: 14px;
}
.side-item-title .setting i:hover,
.side-item-title .title-more i:hover {
  color: #f07f02;
}
.side-item-title .setting i.icon-setup {
  font-size: 16px;
}
.side-item-title.side-item-setting {
  justify-content: flex-end;
  margin-bottom: -21px;
}
.side-item-body .side-item-content {
  margin-bottom: 12px;
}
.side-item-body .side-item-content:last-child {
  margin-bottom: 20px;
}
.side-item-body .side-item-content.flex-content {
  display: flex;
}
.side-item-body .side-item-content.flex-content {
  display: flex;
  justify-content: space-between;
}
.side-item-body .flex-content .flex-item-main {
  flex: 1;
}
.side-item-body .flex-content .flex-item-side {
  width: 20px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.flex-content .flex-item-side .icon-help-fill {
  color: #aaa;
}
.flex-content .flex-item-side .icon-help-fill:hover {
  color: #333;
}
.v2 .m-tabs {
  margin-bottom: -10px;
}
.v2 .side-item .fast-filter {
  white-space: normal;
}
.v2 .side-item .filter-item {
  margin-bottom: 10px;
}
.side-item .tab-item:hover,
.side-item .tab-item.curr {
  background-color: #fff;
  box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.08);
}
.side-item .tab-item .tab-content {
  color: #6c6c6c;
  font-size: 12px;
  line-height: 16px;
}
.side-item .fast-filter-time .u-datetime {
  display: flex;
}
.side-item .fast-filter-time .flatpickr-input {
  width: 100%;
}
.tab-item .tab-count b.open {
  display: inline;
}
.tab-item .tab-count b.close {
  display: none;
}
.tab-item.highlight .tab-count b {
  color: #ff2d2d;
}
.v2 .side-item .filter-list {
  display: block;
  margin-right: -10px;
}
.v2 .side-item .filter-item {
  display: inline-block;
  margin-right: 10px;
  vertical-align: top;
}
.v2 .p-page-detail {
  padding: 20px 20px 100px 20px;
}
.v2 .m-page-title {
  height: 40px;
  line-height: 40px;
  color: #565656;
  padding: 0;
}
.v2 .m-page-title .active {
  font-size: 14px;
  color: #000;
  font-weight: bold;
}
.v2 .m-batch-box {
  line-height: 40px;
  position: fixed;
  top: auto;
  bottom: 60px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 11;
  background-color: #fffaed;
  box-shadow: 0 2px 34px 0 rgba(172, 172, 172, 0.38);
  padding: 10px 80px 10px 20px;
  white-space: nowrap;
  opacity: 1;
  display: none;
}
.m-batch-box .batch-count .icon-error-line {
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px;
  padding: 3px;
  color: #333;
  cursor: pointer;
}
.m-batch-box .batch-count .icon-error-line:hover {
  color: #fed000;
}
.v2 .batch .m-batch-box {
  display: block;
}
.v2 .m-account {
  padding: 0;
  border: none;
  font-size: 14px;
  font-weight: 600;
}
.v2 .m-account .title {
  float: none;
  display: inline-block;
  vertical-align: top;
  width: auto;
  margin-right: 60px;
  font-size: 18px;
}
.v2 .m-account > div {
  display: inline-block;
  border: none;
  vertical-align: top;
}
.v2 .m-account .total > span {
  margin-right: 60px;
}
.v2 .m-account .amount {
  min-width: auto;
  color: #333;
}
/* 登录注册 */
body.p-login.v2,
body.p-register.v2,
body.p-resetpsw.v2,
body.p-iplimit.v2 {
  background: #edeef0 url(/assets/img/login_bg3_x1.jpg) no-repeat center;
  background-size: cover;
}
body.p-login.v2 label.custom i,
body.p-register.v2 label.custom i,
body.p-resetpsw.v2 label.custom i,
body.p-iplimit.v2 label.custom i {
  font-size: 12px;
  vertical-align: -1px;
}
/* 境外邀约，便于和普通注册页样式区分开 */
.m-login-wrap.region3 .input-item .btn-blue {
  background-color: #20a8d8;
  color: #fff;
}
.m-login-wrap.region3 .input-item .btn-blue:hover {
  background-color: #1985ac;
  color: #fff;
}
body .m-login-wrap {
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
}
body .m-login-wrap .title {
  position: absolute;
  left: 0;
  top: 16%;
  min-width: 600px;
  width: calc(100vw - 480px - 10.5%);
  text-align: center;
}
body .m-login-wrap .title h2 {
  margin-bottom: 20px;
  font-size: 36px;
  line-height: 50px;
  font-weight: bold;
}
body .m-login-wrap .title h2 span {
  margin: 0 25px;
}
body .m-login-wrap .title h3 {
  font-size: 20px;
  line-height: 28px;
  font-weight: normal;
  color: #6c6c6c;
}
body.v2 .m-wrap {
  position: absolute;
  left: auto;
  top: auto;
  right: 10.5%;
  width: 480px;
  background-color: rgb(254, 251, 247);
  box-shadow: 0 2px 34px 0 rgba(172, 172, 172, 0.1);
  border-radius: 16px;
  margin: 0;
  padding: 20px 54px;
  font-size: 12px;
}
body.v2 .m-wrap .m-wrap-in,
body.v2 .m-wrap.m-reset-psw .m-wrap-in {
  border-radius: 0;
  border: none;
  background-color: transparent;
  padding: 0;
}
body.v2 .m-wrap.m-reset-psw,
body.v2 .m-wrap.create-company,
body.v2 .m-wrap.join-company {
  min-height: calc(100vh - 37.5%);
}
body.v2 .m-wrap-in a:not(.u-btn) {
  color: #e39800;
  text-decoration: none;
}
body.v2 .m-wrap-in a:not(.u-btn):hover {
  text-decoration: underline;
}
body.v2 .m-wrap .logo-wrap {
  padding: 20px 0;
  margin-bottom: 20px;
  text-align: center;
}
body.v2 .m-wrap .logo-wrap img {
  width: auto;
  height: 35px;
}
body.v2 .m-wrap .input-item {
  margin-bottom: 14px;
  color: #6c6c6c;
}
body.v2 .m-wrap .input-item input[type=text],
body.v2 .m-wrap .input-item input[type=password] {
  padding-left: 88px;
}
body.v2 .create-company {
  margin: 0;
}
body.v2 .create-company .input-item input[type=text],
body.v2 .create-company .input-item input[type=password] {
  padding-left: 20px;
}
body.v2 .m-wrap .input-item .area-code {
  width: 100%;
  text-align: center;
}
body.v2 .input-item > .u-btn {
  width: 100%;
  height: 44px;
  line-height: 44px;
  text-align: center;
  font-size: 16px;
  color: #404040;
}
body.v2 .input-item > a.u-btn:hover {
  text-decoration: none;
}
body.v2 .m-wrap .item-forget {
  margin-bottom: 24px;
  margin-top: 0;
  line-height: normal;
}
body.v2 .m-wrap .operate-way {
  padding-top: 10px;
  margin-bottom: 40px;
}
body.v2 .m-wrap .operate-way > label {
  position: inherit;
  height: 34px;
  font-size: 20px;
  color: #6c6c6c;
  border: none;
}
body.v2 .m-wrap .operate-way > label span {
  position: relative;
  display: inline-block;
  line-height: 34px;
}
body.v2 .m-wrap .operate-way > label span::after {
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 2px;
  background-color: #fccf00;
}
body.v2 .m-wrap .operate-way > label.current {
  color: #404040;
  font-weight: 400;
}
body.v2 .m-wrap .operate-way > label.current span::after {
  content: "";
}
body.v2 .m-wrap .other-login {
  margin-top: 40px;
}
body.v2 .m-wrap .other-login h4 {
  position: relative;
  text-align: center;
  color: #979797;
  font-weight: 400;
}
body.v2 .m-wrap .other-login h4::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 1px;
  background-color: #efefef;
  z-index: 0;
}
body.v2 .m-wrap .other-login h4 span {
  position: relative;
  padding: 0 5px;
  background-color: rgba(255, 252, 248, 0.77);
  border-radius: 7px;
}
body.v2 .m-wrap .login-3rd-list {
  text-align: center;
  padding-top: 15px;
}
body.v2 .m-wrap .login-3rd-item {
  display: inline-block;
  vertical-align: top;
  width: 24px;
  height: 24px;
  margin: 0 3px;
}
body.v2 .m-wrap .login-3rd-item svg {
  width: 100%;
  height: 100%;
  color: #cbcbcb;
}
body.v2 .m-wrap .login-3rd-item svg:hover {
  color: #06dd6b;
}
body.v2 .m-wrap .m-step-wrap li {
  background-color: rgb(252, 251, 249);
}
.input-item .input-item-label {
  position: absolute;
  left: 0;
  top: 0;
  width: 70px;
  height: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #000;
}
.input-item .input-item-label > span {
  min-width: 3em;
  text-align: justify;
  -moz-text-align-last: justify;
       text-align-last: justify;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  white-space: nowrap;
}
.input-item .input-item-label::after,
.verify-code-btn::before {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 50%;
  background-color: #efefef;
}
.verify-code-btn {
  position: relative;
  color: #e39800;
  cursor: pointer;
}
.verify-code-btn:hover {
  text-decoration: underline;
}
.verify-code-btn::before {
  right: auto;
  left: 0;
}
.verify-code-btn.disabled {
  color: #cbcbcb;
  cursor: not-allowed;
  text-decoration: none;
}
.v2 .m-limit .input-item .ng-select {
  width: 100%;
  max-width: none;
}
.v2 .join-company .success {
  display: flex;
  padding: 30px 0;
}
.v2 .join-company .success > div {
  flex: 0 0 50%;
}
.v2 .join-company .success > div:nth-child(2) {
  padding: 10px;
  border: 1px solid #ddd;
}
/* 页签 start */
.v2 .m-type-box {
  padding-bottom: 10px;
  min-height: 32px;
}
.v2 .layout-header .m-type-box {
  padding: 20px 20px 10px 20px;
}
.m-type-nav li {
  position: relative;
  height: 40px;
  line-height: 38px;
  padding: 0 15px;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  font-size: 12px;
  color: #565656;
  text-align: center;
  margin-right: -1px;
}
.p-page-desk .m-type-nav li {
  min-width: 116px;
}
.m-type-box.flex {
  display: flex;
  justify-content: space-between;
}
.m-type-box.flex:after {
  content: none;
}
.m-type-box.flex .m-type-nav {
  flex: 1;
  display: flex;
}
.m-type-box.flex .m-type-nav li {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 64px;
  flex: 1;
  max-width: 100px;
  padding: 0;
  line-height: normal;
}
.m-type-nav li:hover,
.m-type-nav li.curr {
  position: relative;
  background-color: #fffdf3;
  border-color: #fed000;
  z-index: 1;
}
.m-type-nav li.curr {
  color: #333;
  font-weight: 600;
}
.m-type-nav li:hover > span {
  text-decoration: none;
}
.m-type-nav li.curr::before {
  content: none;
}
.m-type-nav li:first-child {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.m-type-nav li:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
/* 页签 end */
.v2 .m-table thead,
.v2 .m-form-head {
  border-bottom: none;
  border-radius: 8px 8px 0 0;
}
.p-page-detail .m-table thead,
.p-page-detail .m-form-head {
  position: sticky;
  z-index: 5;
  top: 60px;
}
.modal .m-table thead,
.modal .m-form-head,
.mat-dialog-container .m-table thead {
  top: 0;
}
.m-detail-item {
  margin: 0 0 10px 0;
  padding: 20px;
  background-color: #fff;
  box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.05);
  position: relative;
  border: none;
  border-radius: 8px;
}
.m-detail-item > ul {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.m-detail-item > ul > li,
.m-detail-item-body li {
  display: flex;
  float: left;
  padding: 0 6px 0 0;
  margin-bottom: 5px;
  line-height: 18px;
}
.v2 .detail-sidebar .m-detail-item-body > ul {
  flex-direction: column;
}
.v2 .detail-sidebar .m-detail-item-body li {
  width: 100%;
}
.v2 .m-detail-item-body div.value {
  padding-right: 0;
}
.v2 .col {
  line-height: 20px;
}
.v2 .mod-details .col {
  line-height: 20px;
}
.v2 .m-detail-item > ul > li > span,
.m-detail-item-body span.label {
  display: flex;
  flex-direction: column;
  min-width: 4em;
  margin-right: 20px;
  padding: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #6c6c6c;
}
.v2 .m-detail-item > ul > li > span .icon-help-fill {
  position: absolute;
  left: -16px;
  top: 50%;
  transform: translateY(-50%);
}
.m-detail-item-body span.label {
  overflow: hidden;
}
.v2 .m-detail-item > ul > li > div,
.m-detail-item-body div.value {
  flex: 1;
  padding: 0;
  color: #333;
  padding-right: 20px;
  word-break: break-all;
  word-wrap: break-word;
  position: relative;
}
.v2 .m-detail-item > ul > li > div {
  width: 0;
}
.v2 .p-page-detail .order-details {
  margin-bottom: 10px;
}
.v2 .detail-column.col1 {
  width: calc(100% - 400px);
}
.v2 .detail-column.col2 {
  width: 400px;
}
.v2 .order-details .detail-column {
  padding: 0;
}
.v2 .order-details .detail-column.col1 {
  padding-right: 10px;
}
.v2 .order-details .detail-column.f-w100 {
  padding-right: 0;
}
.v2 .detail-column .m-detail-item {
  padding-top: 10px;
  padding-bottom: 5px;
}
.v2 .detail-column.col1 .m-detail-item {
  padding-right: 50px;
  height: auto;
}
.v2 .detail-column.f-w100 .m-detail-item {
  padding-right: 20px;
}
.v2 .detail-column .m-detail-item.close {
  height: 72px;
  overflow: hidden;
}
.m-detail-item .u-handle {
  position: absolute;
  right: 20px;
  top: 15px;
  color: #565656;
  cursor: pointer;
  transition: all 0.15s ease-in-out;
  font-size: 12px;
}
.m-detail-item .u-handle:not(.u-edit) {
  display: none;
}
.m-detail-item .u-handle > i {
  display: inline-block;
  font-size: 18px;
  transition: 0.3s;
}
.m-detail-item .u-handle .icon-edit {
  font-size: 12px;
  padding: 3px;
}
.m-detail-item.close .u-handle .icon-packup {
  transform: rotate(180deg);
}
.m-detail-item .wrap-handle {
  position: absolute;
  right: 20px;
  top: 15px;
  line-height: 18px;
  overflow: hidden;
}
.m-detail-item .wrap-handle .u-handle {
  position: static;
  position: initial;
  float: right;
  margin-left: 10px;
}
.v2 .m-detail-item .u-handle {
  display: inline-block;
  line-height: 18px;
}
.v2 .m-detail-item > h4,
.v2 .m-detail-title {
  position: relative;
  line-height: 20px;
  font-size: 14px;
  transition: 0.3s;
}
.v2 .m-detail-item > h4,
.v2 .m-detail-title > h4 {
  display: inline-block;
  margin-bottom: 10px;
  font-weight: 600;
  line-height: 20px;
  padding: 0;
  color: #404040;
  font-size: 14px;
}
.v2 .m-detail-item > h4::before,
.v2 .m-detail-title > h4::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 1px;
  width: 100%;
  height: 5px;
  background-color: rgba(255, 197, 0, 0.3);
  z-index: 0;
}
.m-detail-item-body > ul {
  display: flex;
  flex-wrap: wrap;
}
.m-detail-item-body li {
  width: 50%;
  flex: 0 0 50%;
  padding-right: 0;
}
.detail-sidebar .workflow .u-btn {
  height: 22px;
  line-height: 22px;
  padding: 0 8px;
}
.advanced-item input[type=text],
.advanced-item textarea,
.advanced-item .ng-select {
  width: 100%;
  max-width: 100%;
}
.advanced-list input.highlight,
.advanced-list textarea.highlight,
.advanced-list .highlight input[type=text],
.advanced-list .highlight .ng-select-container,
.highlight .input-date.dateRange {
  background-color: #fffcef;
  border-color: #fdd000;
}
.v2 .advanced-item .select-list {
  display: flex;
}
.v2 .advanced-item .select-item {
  flex: 1;
}
.input-date.dateRange {
  position: relative;
  background-color: #fff;
  border: 1px solid #cfcfcf;
  border-radius: 4px;
}
.input-date.dateRange > .line {
  display: inline-flex;
  width: 5%;
  max-width: 14px;
  height: 100%;
  align-items: center;
  justify-content: center;
  vertical-align: top;
}
.input-date.dateRange > .line::before {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #bbb;
}
.input-date.dateRange > .icon-calendar {
  position: absolute;
  right: 5px;
  top: 50%;
  margin-top: -8px;
  font-size: 16px;
  color: #999;
}
.input-date.dateRange input[type=text] {
  border: none;
  background-color: transparent;
  height: 24px;
}
.input-date.dateRange .u-datetime {
  display: inline-block;
  width: calc(50% - 10px);
  max-width: 110px;
  vertical-align: top;
}
.input-date.dateRange app-datetime:first-child .u-datetime {
  margin-left: 0;
}
.input-date.dateRange .u-datetime .icon-calendar {
  display: none;
}
/* 英文版 */
.v2 .en-US .m-detail-item > ul > li > span {
  -moz-text-align-last: auto;
       text-align-last: auto;
}
.v2 .bread-nav .bread-nav-item {
  margin-right: 10px;
  line-height: 34px;
  color: #666;
}
.v2 .bread-nav .bread-nav-item.active {
  color: #333;
  font-size: 16px;
  font-weight: bold;
}
.v2 .m-detail-item .pagination {
  padding: 30px 0 20px 0;
}
.v2 .pagination .page-contain-link {
  color: #565656;
}
.v2 .pagination .page-contain-link.cur {
  background-color: #fff2b7;
  border-color: #fff2b7;
  color: #333;
}
.v2 .pagination .page-contain-link:hover {
  background-color: #ffe775;
  border-color: #ffe775;
  color: #333;
}
.v2 .m-form-body .item,
.v2 .m-table tbody tr,
.v2 .p-page-list .m-mod tr,
.v2 .m-table tbody.ng-for {
  position: relative;
  top: 0;
  transition: 0.3s;
}
.v2 .m-form-body .item,
.v2 .m-table tbody tr,
.v2 .p-page-list .m-mod tr,
.v2 .m-form-body .item:hover,
.v2 .m-table tbody tr:hover,
.v2 .p-page-list .m-mod tr:hover,
.v2 .m-form-body .item.hover {
  /*background-color: #f4f5f6;*/
  background-color: #fff;
}
.mod-lists .body-line .m-btns .btn-item:not(.display),
.mod-lists .body-line:hover .m-btns .more {
  display: none;
}
.mod-lists .body-line .m-btns .more,
.mod-lists .body-line .m-btns .btn-item.display,
.mod-lists .body-line:hover .m-btns .btn-item {
  display: inline-block;
}
.mod-lists .body-line.checked .body-col {
  background-color: #f9f9f9;
}
.mod-list-flat {
  max-height: calc(100vh - 270px);
}
.m-table tbody:not(.ng-for) tr:hover,
.p-page-list tbody:not(.ng-for) tr:hover,
.m-table tbody.ng-for:hover,
.m-form-body .item:hover {
  top: -5px;
  box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.08);
}
.cdk-overlay-pane .m-table tbody tr:hover,
.modal .m-table tbody tr:hover {
  top: 0;
}
.v2 .m-table tbody tr:hover tr {
  box-shadow: none;
  transform: none;
}
.m-form-body .m-upload {
  line-height: 26px;
}
.m-form-body .m-upload .u-btn {
  margin-left: 10px;
}
.v2 .m-form-body .m-upload {
  line-height: 30px;
}
.v2 .m-form-body .m-upload .u-btn {
  height: 30px;
  line-height: 30px;
}
.v2 .modal .modal-content .app-modal-icon:hover i,
.v2 .modal .annual-bill .app-modal-icon i {
  background-color: #ffd826;
  color: #fff;
}
/* 搜索 */
.v2 .search-box {
  overflow: hidden;
}
.search-box input[type=text]:hover,
.search-box input[type=text]:focus {
  border-color: #fed000;
}
.search-box input[type=text] {
  height: 32px;
}
.mat-dialog-container .search-box input[type=text] {
  height: 26px;
}
.v2 .search-box button {
  height: 32px;
  line-height: 30px;
  color: #333;
  background-color: #fff2b5;
  border: 1px solid #fed001;
}
.v2 .m-tool-bar .tool-item {
  background-color: #ffffff;
  box-shadow: 0 0 16px -2px #ededed;
  color: #333;
}
.v2 .side-item .advanced-item {
  height: 26px;
  line-height: 26px;
  margin-bottom: 12px;
  margin-top: 0;
}
.v2 .en-US .side-item .advanced-item,
.v2 .es-ES .side-item .advanced-item,
.v2 .vi-VN .side-item .advanced-item {
  width: 100% !important;
}
.v2 .side-item .advanced-item-multiple {
  width: 100% !important;
  height: auto;
}
.ng-select-multiple .v2 .m-search-more .advanced-list {
  padding-bottom: 35px;
}
.v2 .m-search-more .search-btns {
  position: fixed;
  right: 20px;
  bottom: 20px;
  width: 22%;
  background-color: #fff;
  margin-top: 0;
  padding: 20px 0;
  z-index: 100;
  box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.05);
  border-radius: 0 0 10px 10px;
}
/* 下拉组件 */
.ng-select.custom .ng-select-container,
.package .ng-select.custom .ng-select-container,
.pagination .ng-select.custom .ng-select-container {
  border-radius: 4px;
}
.v2 .ng-select.custom .ng-select-container:hover {
  border-color: #fed000;
}
.v2 .ng-dropdown-panel {
  background-color: #ffffff;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  border: none;
  z-index: 2000;
}
.v2 .ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
  color: #565656;
}
.v2 .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled {
  color: #ccc;
}
.v2 .ng-dropdown-panel.ng-select-bottom {
  margin-top: 4px;
}
.v2 .ng-dropdown-panel.ng-select-top {
  margin-bottom: 4px;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked {
  background-color: #fff;
  color: #ee9800;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked {
  background-color: #fef9e4;
  color: #565656;
}
.m-detail-item-head {
  min-height: 30px;
  line-height: 30px;
  text-align: right;
  padding: 0 20px 15px 20px;
  margin: -30px -20px 0 0;
}
.m-detail-item-head .col {
  display: inline-block;
  vertical-align: top;
  margin-left: 10px;
  line-height: 30px;
}
.m-detail-item-head .col .edit {
  position: static;
  position: initial;
}
.m-detail-item-head .col .u-switch {
  margin-top: 3px;
}
.m-detail-item-head .col .addWrap {
  padding: 0;
}
.m-detail-item-head .col .u-btn {
  line-height: 28px;
  padding: 0 12px;
}
.m-detail-item-head .col .u-btn > i[class^=icon-] {
  display: none;
}
.m-detail-item-head .search-box {
  width: 280px;
}
.m-detail-item-head .col input[type=text] {
  height: 30px;
}
.m-detail-item-head .col .ng-select {
  width: 100%;
  min-width: 95px;
}
.m-detail-item-head .col .m-shuoming {
  padding: 0;
  background-color: transparent;
  border: none;
}
.m-detail-item-head .u-btn {
  height: 30px;
  line-height: 30px;
  margin-top: 0;
}
.m-detail-item-head button,
.m-detail-item-head .search-box button {
  height: 30px;
  line-height: 28px;
}
.m-detail-item-head label.custom {
  margin-top: 2px;
}
.m-detail-item-head label.custom .mod-name {
  height: 30px;
  line-height: 28px;
  min-width: auto;
  padding: 0 10px;
  cursor: pointer;
  border: 1px solid #d9d9d9;
  border-radius: 13px;
}
.m-detail-item-head input[type=checkbox]:checked ~ .mod-name,
.m-detail-item-head input[type=radio]:checked ~ .mod-name {
  color: #333 !important;
  background-color: #fff2b5;
  border-color: #fdd000;
}
.m-detail-item-head label.custom .mod-name i {
  display: inline-block;
  position: inherit;
  font-size: 14px;
  vertical-align: top;
  margin-top: 6px;
  margin-right: 5px;
}
.m-detail-item-head .ng-select.custom .ng-select-container {
  height: 30px;
  line-height: 30px;
  min-height: auto;
}
/* 排程 */
.v2 .scroll-head-hide,
.v2 .expand-menu .scroll-head-hide {
  left: 20px;
}
.v2 .scroll-head-hide {
  top: 60px;
  right: auto;
  width: calc(78vw - 74px);
}
.m-detail-item > ul:not(.m-tips-list) > li > input[type=text]:not(.unlimited),
.m-detail-item > ul:not(.m-tips-list) > li > div > input[type=text]:not(.unlimited),
.m-detail-item > ul:not(.m-tips-list) > li > div .ng-select,
.m-detail-item > ul:not(.m-tips-list) > li > div input.datetime {
  max-width: none;
}
.m-detail-item > ul:not(.m-tips-list) > li > div input.datetime,
.m-detail-item > ul:not(.m-tips-list) > li > div .range input.datetime {
  width: 100%;
  height: 26px;
  vertical-align: top;
}
.v2 table.setup,
.v2 .p-page-workbench .param-setup,
.v2 .p-page-workbench .m-page-side,
.v2 .cp-detail .item-s,
.v2 .cp-detail .item-m {
  box-shadow: 0 0 16px -2px #ededed;
}
.v2 .m-page-body .cp-detail div.item-s,
.v2 .m-page-body .cp-detail div.item-m {
  border: none;
}
.v2 .detail-column .tpl-preview {
  width: 100%;
  border: none;
  border-radius: 4px;
  background-color: #fff;
  padding: 10px;
}
.v2 .detail-column .m-detail-item.template {
  padding: 20px;
}
.v2 .detail-column .tpl-preview .tpl-preview-item > .config {
  padding-left: 40px;
  min-width: 160px;
}
.v2 .g-main-container .tpl-setting-box {
  top: 60px;
}
.p-page-desk.dashboard .m-null {
  padding-top: 20px;
  padding-bottom: 20px;
}
/* 上传组件 start */
.modal.mod-upload .modal-dialog {
  width: 1028px !important;
}
.modal.mod-upload .modal-body {
  padding: 0;
  margin: 0;
}
.modal.mod-upload .upload-title {
  margin: 0;
  padding: 0 20px;
  line-height: 55px;
  border-bottom: 1px solid #ededed;
  font-size: 16px;
  color: #000;
  text-align: left;
}
.wrap-upload .upload-body {
  padding: 20px;
  background-color: #ffffff;
  box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.05);
  border-radius: 0 0 8px 8px;
}
.modal .wrap-upload .upload-body {
  margin: 20px;
}
.wrap-upload .upload-body .file-list {
  margin-right: -25px;
}
.wrap-upload .upload-body .file-list li {
  width: 141px;
  height: 141px;
  margin-right: 20px;
  margin-bottom: 16px;
  background-color: #f9f9f9;
  border-radius: 8px;
}
.wrap-upload .upload-body .file-list li.selectFile {
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
}
.wrap-upload .upload-body .file-list .icon-add {
  margin-top: 0;
}
.modal.mod-upload .app-modal-close {
  top: 20px;
}
.modal.mod-upload .app-modal-close i {
  padding: 5px;
  font-size: 16px;
}
.modal.mod-upload .modal-footer {
  display: none;
}
.modal.mod-upload .btns .u-btn {
  width: 98px;
  margin-left: 20px;
  margin-bottom: 0;
  text-align: center;
}
/* 上传组件 end */
/* 岗位权限 */
.v2 .p-authority {
  padding-bottom: 30px;
}
.v2 .p-authority .m-mod-set {
  padding: 0;
}
.v2 .p-authority .btns-btm {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 20px;
  z-index: 2;
  background-color: #fff;
}
.v2 .m-filter {
  display: inline-block;
}
.v2 .m-popup {
  padding: 0;
}
:root {
  --animate-duration: 1s;
  --animate-delay: 1s;
  --animate-repeat: 1;
}
.animate__animated {
  animation-duration: 1s;
  animation-duration: var(--animate-duration);
  animation-fill-mode: both;
}
/* 侧栏收缩 */
.layout-container-side .handle-sidebar {
  position: absolute;
  right: 0;
  top: 0;
  width: 43px;
  height: 43px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.layout-shrink .side-item-title .title-more {
  width: 100%;
}
.layout-shrink .side-item-title .title-more i {
  transform: rotate(180deg);
  color: #f07f02;
}
.layout-shrink .layout-container-side {
  width: 68px;
  overflow: hidden;
}
.layout-shrink .layout-container-side .side-item {
  padding-left: 0;
  padding-right: 0;
  box-shadow: none;
}
.layout-shrink .layout-container-side .title-name,
.layout-shrink .layout-container-side .side-item:not(:first-child),
.layout-shrink .tab-item .tab-count b.open {
  display: none;
}
.layout-shrink .layout-container-side .m-tabs-list {
  flex-direction: column;
}
.layout-shrink .layout-container-side .m-tabs .tab-item {
  width: 100%;
  flex: 1;
  flex-direction: column;
  margin: 0;
  padding: 8px 0;
  box-shadow: none;
  background-color: #fff;
}
.layout-shrink .layout-container-side .tab-icon,
.layout-shrink .layout-container-side .tab-content {
  width: auto;
  justify-content: center;
  align-items: center;
  min-height: auto;
}
.layout-shrink .layout-container-side .tab-icon {
  margin-bottom: 5px;
}
.layout-shrink .layout-container-side .tab-content .tab-count {
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: 8px;
}
.layout-shrink .layout-container-side .tab-content .tab-count b.close {
  display: inline-flex;
  margin-right: 0;
  height: 16px;
  line-height: 16px;
  font-size: 12px;
  color: #fff;
  font-weight: 400;
  background-color: #f07f02;
  border-radius: 8px;
  padding: 0 2px;
  min-width: 16px;
  text-align: center;
  align-items: center;
  justify-content: center;
}
.layout-shrink .layout-container-side .tab-content .tab-name {
  width: 100%;
  padding: 0 8px;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  white-space: nowrap;
}
.m-tool-tip {
  display: inline-block;
  position: relative;
}
.m-tool-tip:hover .m-tool-tip-in {
  display: block;
}
.m-tool-tip > i {
  display: inline-block;
  font-size: 18px;
  padding: 8px;
  vertical-align: top;
  cursor: pointer;
}
.m-tool-tip-in {
  display: none;
  position: absolute;
  right: 0;
  top: 34px;
  width: 500px;
  padding: 16px;
  background-color: #fff;
  border-radius: 1px;
  box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.15);
  font-size: 12px;
  z-index: 10;
}
.m-tool-tip-in h4 {
  margin-bottom: 5px;
  font-size: 14px;
}
.v2 .m-tool-tip .m-tool-tip-in tr:hover {
  top: 0;
  box-shadow: none;
}
.m-tool-tip-in td {
  border: 1px solid #cbcbcb;
}
.m-tool-tip-in td:first-child {
  background-color: #F2F2F2;
}
.fc .fc-daygrid-body-balanced .fc-daygrid-day-events {
  right: 12px;
}
.fc-h-event .fc-event-main-frame {
  padding-left: 5px;
  padding-right: 5px;
}
.fc-daygrid-event {
  border-radius: 10px;
}
.fc-day .work-type-1 {
  width: 50%;
}
@keyframes bounce {
  from, 20%, 53%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -30px, 0) scaleY(1.1);
  }
  70% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -15px, 0) scaleY(1.05);
  }
  80% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0) scaleY(0.95);
  }
  90% {
    transform: translate3d(0, -4px, 0) scaleY(1.02);
  }
}
.animate__bounce {
  animation-name: bounce;
  transform-origin: center bottom;
  animation-delay: 2s;
  -webkit-animation-delay: 2s;
}
.m-filter-container {
  display: flex;
  border-radius: 10px;
  padding: 8px 16px 8px 20px;
  margin-bottom: 10px;
  box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.08);
}
.m-filter-container .filter-list .filter-item {
  flex: auto;
  margin-bottom: 0;
}
.m-filter-container .filter-list .filter-item:not(:last-child) {
  margin-right: 16px;
}
.m-filter-container .m-filter-sections .m-sort .sort-selected {
  height: 30px;
}
.m-filter-sections {
  display: flex;
  align-items: center;
}
.m-filter-sections.flex-end {
  flex: 1;
  justify-content: flex-end;
  gap: 24px;
  min-width: 0;
  width: 100%;
}
.m-filter-sections.space-between {
  flex: 1;
  justify-content: space-between;
}
.m-filter-sections .m-filter-item {
  margin-right: 24px;
}
.m-filter-sections .m-filter-item .icon-menu,
.m-search-box .m-filter-item .icon-menu,
.m-detail-item-head .col .icon-menu {
  cursor: pointer;
}
.m-filter-sections .m-filter-item .icon-menu.on,
.m-search-box .m-filter-item .icon-menu.on,
.m-detail-item-head .col .icon-menu.on {
  color: #f53c3a;
}
.m-filter-sections.flex-end .m-filter-item {
  margin-right: 0;
  margin-left: 0;
}
.m-filter-sections.flex-start {
  flex: 1;
  justify-content: flex-start;
}
.m-filter-sections.flex-start .m-filter-item {
  margin-right: 24px;
  margin-left: 0;
}
.m-filter-sections .button-toggles.m-filter li {
  height: 28px;
}
.m-filter-sections .button-toggles.m-filter label span {
  line-height: 28px;
}
@media screen and (max-width: 768px) {
  .v2 .m-header {
    position: relative !important;
  }
  .v2 .has-header .g-main-container {
    padding-top: 0;
  }
}
@media screen and (max-height: 768px) {
  .layout-shrink .layout-container-side .m-tabs .tab-item {
    padding-bottom: 5px;
  }
  .layout-shrink .layout-container-side .tab-item .tab-icon {
    margin-bottom: 3px;
  }
  .layout-shrink .layout-container-side .tab-item .tab-icon i {
    width: 24px;
    height: 24px;
  }
}
@media screen and (max-width: 1440px) {
  .v2 .side-item .advanced-item {
    width: 100% !important;
  }
}
@media screen and (min-width: 1600px) {
  .input-date.dateRange .u-datetime {
    margin-left: 5px;
  }
}
@media screen and (min-width: 1921px) {
  body.p-login.v2,
body.p-register.v2,
body.p-resetpsw.v2,
body.p-iplimit.v2 {
    background-image: url(/assets/img/login_bg3_x2.jpg);
  }
}
/*!**********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./src/iconfont.css ***!
  \**********************************************************************************************************************************************************************************************************/
@font-face {
  font-family: 'icomoon';
  src: url('icomoon.49b94828d70b6697.ttf?1tez6h') format('truetype'),
    url('icomoon.df4fd1fab46b55be.woff?1tez6h') format('woff'),
    url('icomoon.9203dd5bf067c0e0.svg?1tez6h#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

i[class^='icon-'],
i[class*=' icon-'],
i.default_icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-adjust:before {
  content: "\e900";
}

.icon-export-set:before {
  content: "\e9cb";
}

.icon-contract-left-right:before {
  content: "\e901";
}

.icon-expand-left-right:before {
  content: "\e902";
}

.icon-arrow-up-right:before {
  content: "\e903";
}

.icon-language:before {
  content: "\e904";
}

.icon-mobile:before {
  content: "\e905";
}

.icon-fn-fill:before {
  content: "\e906";
}

.icon-type-tile:before {
  content: "\e907";
}

.icon-audio:before {
  content: "\e908";
}

.icon-success:before {
  content: "\e909";
}

.icon-sort:before {
  content: "\e90a";
}

.icon-star:before {
  content: "\e90b";
}

.icon-calendar-line:before {
  content: "\e90c";
}

.icon-service:before {
  content: "\e90d";
}

.icon-arrow-right:before {
  content: "\e90e";
}

.icon-error:before {
  content: "\e90f";
}

.icon-more-line:before {
  content: "\e910";
}

.icon-new:before {
  content: "\e911";
}

.icon-tips:before {
  content: "\e912";
}

.icon-home:before {
  content: "\e913";
}

.icon-new1:before {
  content: "\e914";
}

.icon-pdf:before {
  content: "\e915";
}

.icon-contact-mail:before {
  content: "\e916";
}

.icon-credit-card:before {
  content: "\e917";
}

.icon-mb-path:before {
  content: "\e918";
}

.icon-pay-circle:before {
  content: "\e919";
}

.icon-insert-column:before {
  content: "\e91a";
}

.icon-del-column:before {
  content: "\e91b";
}

.icon-money-collect:before {
  content: "\e91c";
}

.icon-reply-all:before {
  content: "\e91d";
}

.icon-arrow-left:before {
  content: "\e91e";
}

.icon-arrow-right1:before {
  content: "\e91f";
}

.icon-cancel-line:before {
  content: "\e920";
}

.icon-car:before {
  content: "\e921";
}

.icon-car-line:before {
  content: "\e922";
}

.icon-contrast:before {
  content: "\e923";
}

.icon-warn-line:before {
  content: "\e924";
}

.icon-shopping-cart-fill:before {
  content: "\e925";
}

.icon-shopping-cart:before {
  content: "\e926";
}

.icon-back:before {
  content: "\e927";
}

.icon-checkbox:before {
  content: "\e928";
}

.icon-s-line:before {
  content: "\e929";
}

.icon-download:before {
  content: "\e92a";
}

.icon-lock:before {
  content: "\e92b";
}

.icon-upload:before {
  content: "\e92c";
}

.icon-user:before {
  content: "\e92d";
}

.icon-checkbox-fill:before {
  content: "\e92e";
}

.icon-user-line:before {
  content: "\e92f";
}

.icon-plus-line:before {
  content: "\e930";
}

.icon-plus:before {
  content: "\e931";
}

.icon-sort2:before {
  content: "\e932";
}

.icon-warning:before {
  content: "\e933";
}

.icon-photo:before {
  content: "\e934";
}

.icon-menu:before {
  content: "\e935";
}

.icon-scan:before {
  content: "\e936";
}

.icon-maint:before {
  content: "\e937";
}

.icon-free:before {
  content: "\e938";
}

.icon-close:before {
  content: "\e939";
}

.icon-editor:before {
  content: "\e93a";
}

.icon-minus:before {
  content: "\e93b";
}

.icon-mail:before {
  content: "\e93c";
}

.icon-publish:before {
  content: "\e93d";
}

.icon-more:before {
  content: "\e93e";
}

.icon-confirm:before {
  content: "\e93f";
}

.icon-confirm-fill:before {
  content: "\e940";
}

.icon-error-line:before {
  content: "\e941";
}

.icon-error-fill:before {
  content: "\e942";
}

.icon-right:before {
  content: "\e943";
}

.icon-untie:before {
  content: "\e944";
}

.icon-level:before {
  content: "\e945";
}

.icon-hands:before {
  content: "\e946";
}

.icon-remind:before {
  content: "\e947";
}

.icon-logout:before {
  content: "\e948";
}

.icon-demand:before {
  content: "\e949";
}

.icon-file-text:before {
  content: "\e94a";
}

.icon-workbench:before {
  content: "\e94b";
}

.icon-purchase:before {
  content: "\e94c";
}

.icon-return2:before {
  content: "\e94d";
}

.icon-type:before {
  content: "\e94e";
}

.icon-attachment:before {
  content: "\e94f";
}

.icon-checked:before {
  content: "\e950";
}

.icon-supplier:before {
  content: "\e951";
}

.icon-plan:before {
  content: "\e952";
}

.icon-lock2:before {
  content: "\e953";
}

.icon-customer:before {
  content: "\e954";
}

.icon-arrow-up:before {
  content: "\e955";
}

.icon-addpeople:before {
  content: "\e956";
}

.icon-list:before {
  content: "\e957";
}

.icon-staff:before {
  content: "\e958";
}

.icon-help-fill:before {
  content: "\e959";
}

.icon-choose:before {
  content: "\e95a";
}

.icon-switch:before {
  content: "\e95b";
}

.icon-freshen:before {
  content: "\e95c";
}

.icon-enter:before {
  content: "\e95d";
}

.icon-camera:before {
  content: "\e95e";
}

.icon-contract:before {
  content: "\e95f";
}

.icon-add-bold:before {
  content: "\e960";
}

.icon-setup2:before {
  content: "\e961";
}

.icon-shrink:before {
  content: "\e962";
}

.icon-partner:before {
  content: "\e963";
}

.icon-spread:before {
  content: "\e964";
}

.icon-copy:before {
  content: "\e965";
}

.icon-integration:before {
  content: "\e966";
}

.icon-bid:before {
  content: "\e967";
}

.icon-msg:before {
  content: "\e968";
}

.icon-tender:before {
  content: "\e969";
}

.icon-wechat:before {
  content: "\e96a";
}

.icon-correct:before {
  content: "\e96b";
}

.icon-packup:before {
  content: "\e96c";
}

.icon-guide:before {
  content: "\e96d";
}

.icon-stock:before {
  content: "\e96e";
}

.icon-edit:before {
  content: "\e96f";
}

.icon-return:before {
  content: "\e970";
}

.icon-search:before {
  content: "\e971";
}

.icon-setup:before {
  content: "\e972";
}

.icon-buy:before {
  content: "\e973";
}

.icon-logistics:before {
  content: "\e974";
}

.icon-logistics2:before {
  content: "\e975";
}

.icon-systemprompt:before {
  content: "\e976";
}

.icon-printer:before {
  content: "\e977";
}

.icon-account:before {
  content: "\e978";
}

.icon-company2:before {
  content: "\e979";
}

.icon-close-square:before {
  content: "\e97a";
}

.icon-bid2:before {
  content: "\e97b";
}

.icon-unfold:before {
  content: "\e97c";
}

.icon-default:before {
  content: "\e97d";
}

.icon-delete:before {
  content: "\e97e";
}

.icon-jian:before {
  content: "\e97f";
}

.icon-verify:before {
  content: "\e980";
}

.icon-jia:before {
  content: "\e981";
}

.icon-mobile2:before {
  content: "\e982";
}

.icon-coffee:before {
  content: "\e983";
}

.icon-card:before {
  content: "\e984";
}

.icon-go:before {
  content: "\e985";
}

.icon-order:before {
  content: "\e986";
}

.icon-radio:before {
  content: "\e987";
}

.icon-radio-fill-on:before {
  content: "\e988";
}

.icon-radio-on:before {
  content: "\e989";
}

.icon-warn:before {
  content: "\e98a";
}

.icon-sale:before {
  content: "\e98b";
}

.icon-checkbox-on:before {
  content: "\e98c";
}

.icon-layout:before {
  content: "\e98d";
}

.icon-invoice:before {
  content: "\e98e";
}

.icon-mail-fill:before {
  content: "\e98f";
}

.icon-pending:before {
  content: "\e990";
}

.icon-insert-up:before {
  content: "\e991";
}

.icon-insert-down:before {
  content: "\e992";
}

.icon-iqc:before {
  content: "\e993";
}

.icon-add:before {
  content: "\e994";
}

.icon-barcode:before {
  content: "\e995";
}

.icon-cut:before {
  content: "\e996";
}

.icon-eye-off:before {
  content: "\e997";
}

.icon-item:before {
  content: "\e998";
}

.icon-date:before {
  content: "\e999";
}

.icon-word:before {
  content: "\e99a";
}

.icon-phone:before {
  content: "\e99b";
}

.icon-qq:before {
  content: "\e99c";
}

.icon-flag:before {
  content: "\e99d";
}

.icon-play:before {
  content: "\e99e";
}

.icon-fast:before {
  content: "\e99f";
}

.icon-cooperation:before {
  content: "\e9a0";
}

.icon-cloud:before {
  content: "\e9a1";
}

.icon-weixin:before {
  content: "\e9a2";
}

.icon-export:before {
  content: "\e9a3";
}

.icon-import:before {
  content: "\e9a4";
}

.icon-supply:before {
  content: "\e9a5";
}

.icon-arrow-up2:before {
  content: "\e9a6";
}

.icon-tip:before {
  content: "\e9a7";
}

.icon-null:before {
  content: "\e9a8";
}

.icon-jian-x:before {
  content: "\e9a9";
}

.icon-jia-x:before {
  content: "\e9aa";
}

.icon-data:before {
  content: "\e9ab";
}

.icon-money:before {
  content: "\e9ac";
}

.icon-look:before {
  content: "\e9ad";
}

.icon-godown-entry:before {
  content: "\e9ae";
}

.icon-invoice-down:before {
  content: "\e9af";
}

.icon-receiving-report:before {
  content: "\e9b0";
}

.icon-tooling:before {
  content: "\e9b1";
}

.icon-tooling-info:before {
  content: "\e9b2";
}

.icon-tooling-transfer:before {
  content: "\e9b3";
}

.icon-invalid:before {
  content: "\e9b4";
}

.icon-change:before {
  content: "\e9b5";
}

.icon-eye-on:before {
  content: "\e9b6";
}

.icon-eye-close:before {
  content: "\e9b7";
}

.icon-exchange:before {
  content: "\e9b8";
}

.icon-list-alt:before {
  content: "\e9b9";
}

.icon-playlist-add:before {
  content: "\e9ba";
}

.icon-dashboard:before {
  content: "\e9bb";
}

.icon-auth:before {
  content: "\e9bc";
}

.icon-link:before {
  content: "\e9bd";
}

.icon-insert:before {
  content: "\e9be";
}

.icon-auto:before {
  content: "\e9bf";
}

.icon-urgent:before {
  content: "\e9c0";
}

.icon-new2:before {
  content: "\e9c1";
}

.icon-cube:before {
  content: "\e9c2";
}

.icon-printer-succ:before {
  content: "\e9c3";
}

.icon-go-up:before {
  content: "\e9c4";
}

.icon-go-down:before {
  content: "\e9c5";
}

.icon-dot:before {
  content: "\e9c6";
}

.icon-config:before {
  content: "\e9c7";
}

.icon-calendar:before {
  content: "\e9c8";
}

.icon-check:before {
  content: "\e9c9";
}

.icon-type-list:before {
  content: "\e9ca";
}

.icon-info:before {
  content: "\ea0c";
}

.icon-up:before {
  content: "\ea32";
}

.icon-down:before {
  content: "\ea36";
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./src/mat-theme.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.mat-badge-content {
  font-weight: 600;
  font-size: 12px;
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-badge-small .mat-badge-content {
  font-size: 9px;
}
.mat-badge-large .mat-badge-content {
  font-size: 24px;
}
.mat-h1,
.mat-headline,
.mat-typography .mat-h1,
.mat-typography .mat-headline,
.mat-typography h1 {
  font: 400 24px / 32px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h2,
.mat-title,
.mat-typography .mat-h2,
.mat-typography .mat-title,
.mat-typography h2 {
  font: 500 20px / 32px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h3,
.mat-subheading-2,
.mat-typography .mat-h3,
.mat-typography .mat-subheading-2,
.mat-typography h3 {
  font: 400 16px / 28px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h4,
.mat-subheading-1,
.mat-typography .mat-h4,
.mat-typography .mat-subheading-1,
.mat-typography h4 {
  font: 400 15px / 24px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h5,
.mat-typography .mat-h5,
.mat-typography h5 {
  font: 400 calc(14px * 0.83) / 20px Roboto, "Helvetica Neue", sans-serif;
  margin: 0 0 12px;
}
.mat-h6,
.mat-typography .mat-h6,
.mat-typography h6 {
  font: 400 calc(14px * 0.67) / 20px Roboto, "Helvetica Neue", sans-serif;
  margin: 0 0 12px;
}
.mat-body-strong,
.mat-body-2,
.mat-typography .mat-body-strong,
.mat-typography .mat-body-2 {
  font: 500 14px / 24px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}
.mat-body,
.mat-body-1,
.mat-typography .mat-body,
.mat-typography .mat-body-1,
.mat-typography {
  font: 400 14px / 20px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}
.mat-body p,
.mat-body-1 p,
.mat-typography .mat-body p,
.mat-typography .mat-body-1 p,
.mat-typography p {
  margin: 0 0 12px;
}
.mat-small,
.mat-caption,
.mat-typography .mat-small,
.mat-typography .mat-caption {
  font: 400 12px / 20px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}
.mat-display-4,
.mat-typography .mat-display-4 {
  font: 300 112px / 112px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: -0.05em;
  margin: 0 0 56px;
}
.mat-display-3,
.mat-typography .mat-display-3 {
  font: 400 56px / 56px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: -0.02em;
  margin: 0 0 64px;
}
.mat-display-2,
.mat-typography .mat-display-2 {
  font: 400 45px / 48px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: -0.005em;
  margin: 0 0 64px;
}
.mat-display-1,
.mat-typography .mat-display-1 {
  font: 400 34px / 40px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0 0 64px;
}
.mat-bottom-sheet-container {
  font: 400 14px / 20px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}
.mat-button, .mat-raised-button, .mat-icon-button, .mat-stroked-button,
.mat-flat-button, .mat-fab, .mat-mini-fab {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 500;
}
.mat-button-toggle {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-card {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-card-title {
  font-size: 24px;
  font-weight: 500;
}
.mat-card-header .mat-card-title {
  font-size: 20px;
}
.mat-card-subtitle,
.mat-card-content {
  font-size: 14px;
}
.mat-checkbox {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-checkbox-layout .mat-checkbox-label {
  line-height: 24px;
}
.mat-chip {
  font-size: 14px;
  font-weight: 500;
}
.mat-chip .mat-chip-trailing-icon.mat-icon,
.mat-chip .mat-chip-remove.mat-icon {
  font-size: 18px;
}
.mat-table {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-header-cell {
  font-size: 12px;
  font-weight: 500;
}
.mat-cell, .mat-footer-cell {
  font-size: 14px;
}
.mat-calendar {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-calendar-body {
  font-size: 13px;
}
.mat-calendar-body-label,
.mat-calendar-period-button {
  font-size: 14px;
  font-weight: 500;
}
.mat-calendar-table-header th {
  font-size: 11px;
  font-weight: 400;
}
.mat-dialog-title {
  font: 500 20px / 32px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}
.mat-expansion-panel-header {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 15px;
  font-weight: 400;
}
.mat-expansion-panel-content {
  font: 400 14px / 20px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}
.mat-form-field {
  font-size: inherit;
  font-weight: 400;
  line-height: 1.125;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}
.mat-form-field-wrapper {
  padding-bottom: 1.34375em;
}
.mat-form-field-prefix .mat-icon,
.mat-form-field-suffix .mat-icon {
  font-size: 150%;
  line-height: 1.125;
}
.mat-form-field-prefix .mat-icon-button,
.mat-form-field-suffix .mat-icon-button {
  height: 1.5em;
  width: 1.5em;
}
.mat-form-field-prefix .mat-icon-button .mat-icon,
.mat-form-field-suffix .mat-icon-button .mat-icon {
  height: 1.125em;
  line-height: 1.125;
}
.mat-form-field-infix {
  padding: 0.5em 0;
  border-top: 0.84375em solid transparent;
}
.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.34375em) scale(0.75);
  width: 133.3333333333%;
}
.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.34374em) scale(0.75);
  width: 133.3333433333%;
}
.mat-form-field-label-wrapper {
  top: -0.84375em;
  padding-top: 0.84375em;
}
.mat-form-field-label {
  top: 1.34375em;
}
.mat-form-field-underline {
  bottom: 1.34375em;
}
.mat-form-field-subscript-wrapper {
  font-size: 75%;
  margin-top: 0.6666666667em;
  top: calc(100% - 1.7916666667em);
}
.mat-form-field-appearance-legacy .mat-form-field-wrapper {
  padding-bottom: 1.25em;
}
.mat-form-field-appearance-legacy .mat-form-field-infix {
  padding: 0.4375em 0;
}
.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);
  width: 133.3333333333%;
}
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00101px);
  width: 133.3333433333%;
}
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.00102px);
  width: 133.3333533333%;
}
.mat-form-field-appearance-legacy .mat-form-field-label {
  top: 1.28125em;
}
.mat-form-field-appearance-legacy .mat-form-field-underline {
  bottom: 1.25em;
}
.mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper {
  margin-top: 0.5416666667em;
  top: calc(100% - 1.6666666667em);
}
@media print {
  .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28122em) scale(0.75);
  }
  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.28121em) scale(0.75);
  }
  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
    transform: translateY(-1.2812em) scale(0.75);
  }
}
.mat-form-field-appearance-fill .mat-form-field-infix {
  padding: 0.25em 0 0.75em 0;
}
.mat-form-field-appearance-fill .mat-form-field-label {
  top: 1.09375em;
  margin-top: -0.5em;
}
.mat-form-field-appearance-fill.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-0.59375em) scale(0.75);
  width: 133.3333333333%;
}
.mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-0.59374em) scale(0.75);
  width: 133.3333433333%;
}
.mat-form-field-appearance-outline .mat-form-field-infix {
  padding: 1em 0 1em 0;
}
.mat-form-field-appearance-outline .mat-form-field-label {
  top: 1.84375em;
  margin-top: -0.25em;
}
.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.59375em) scale(0.75);
  width: 133.3333333333%;
}
.mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-1.59374em) scale(0.75);
  width: 133.3333433333%;
}
.mat-grid-tile-header,
.mat-grid-tile-footer {
  font-size: 14px;
}
.mat-grid-tile-header .mat-line,
.mat-grid-tile-footer .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-grid-tile-header .mat-line:nth-child(n+2),
.mat-grid-tile-footer .mat-line:nth-child(n+2) {
  font-size: 12px;
}
input.mat-input-element {
  margin-top: -0.0625em;
}
.mat-menu-item {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 400;
}
.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 12px;
}
.mat-radio-button {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-select {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-select-trigger {
  height: 1.125em;
}
.mat-slide-toggle-content {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-slider-thumb-label-text {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 12px;
  font-weight: 500;
}
.mat-stepper-vertical, .mat-stepper-horizontal {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-step-label {
  font-size: 14px;
  font-weight: 400;
}
.mat-step-sub-label-error {
  font-weight: normal;
}
.mat-step-label-error {
  font-size: 14px;
}
.mat-step-label-selected {
  font-size: 14px;
  font-weight: 500;
}
.mat-tab-group {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-tab-label, .mat-tab-link {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 500;
}
.mat-toolbar,
.mat-toolbar h1,
.mat-toolbar h2,
.mat-toolbar h3,
.mat-toolbar h4,
.mat-toolbar h5,
.mat-toolbar h6 {
  font: 500 20px / 32px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
  margin: 0;
}
.mat-tooltip {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 10px;
  padding-top: 6px;
  padding-bottom: 6px;
}
.mat-tooltip-handset {
  font-size: 14px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.mat-list-item {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-list-option {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-list-base .mat-list-item {
  font-size: 16px;
}
.mat-list-base .mat-list-item .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base .mat-list-item .mat-line:nth-child(n+2) {
  font-size: 14px;
}
.mat-list-base .mat-list-option {
  font-size: 16px;
}
.mat-list-base .mat-list-option .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base .mat-list-option .mat-line:nth-child(n+2) {
  font-size: 14px;
}
.mat-list-base .mat-subheader {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 500;
}
.mat-list-base[dense] .mat-list-item {
  font-size: 12px;
}
.mat-list-base[dense] .mat-list-item .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base[dense] .mat-list-item .mat-line:nth-child(n+2) {
  font-size: 12px;
}
.mat-list-base[dense] .mat-list-option {
  font-size: 12px;
}
.mat-list-base[dense] .mat-list-option .mat-line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  box-sizing: border-box;
}
.mat-list-base[dense] .mat-list-option .mat-line:nth-child(n+2) {
  font-size: 12px;
}
.mat-list-base[dense] .mat-subheader {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 12px;
  font-weight: 500;
}
.mat-option {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 16px;
}
.mat-optgroup-label {
  font: 500 14px / 24px Roboto, "Helvetica Neue", sans-serif;
  letter-spacing: normal;
}
.mat-simple-snackbar {
  font-family: Roboto, "Helvetica Neue", sans-serif;
  font-size: 14px;
}
.mat-simple-snackbar-action {
  line-height: 1;
  font-family: inherit;
  font-size: inherit;
  font-weight: 500;
}
.mat-tree {
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.mat-tree-node,
.mat-nested-tree-node {
  font-weight: 400;
  font-size: 14px;
}
.mat-ripple {
  overflow: hidden;
  position: relative;
}
.mat-ripple:not(:empty) {
  transform: translateZ(0);
}
.mat-ripple.mat-ripple-unbounded {
  overflow: visible;
}
.mat-ripple-element {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
  transform: scale3d(0, 0, 0);
}
.cdk-high-contrast-active .mat-ripple-element {
  display: none;
}
.cdk-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  left: 0;
}
[dir=rtl] .cdk-visually-hidden {
  left: auto;
  right: 0;
}
.cdk-overlay-container, .cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-container:empty {
  display: none;
}
.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}
.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
  display: flex;
  max-width: 100%;
  max-height: 100%;
}
.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1;
}
.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0.6;
}
.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.32);
}
.cdk-overlay-transparent-backdrop {
  transition: visibility 1ms linear, opacity 1ms linear;
  visibility: hidden;
  opacity: 1;
}
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0;
  visibility: visible;
}
.cdk-overlay-backdrop-noop-animation {
  transition: none;
}
.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
}
.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}
textarea.cdk-textarea-autosize {
  resize: none;
}
textarea.cdk-textarea-autosize-measuring {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: auto !important;
  overflow: hidden !important;
}
textarea.cdk-textarea-autosize-measuring-firefox {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: 0 !important;
}
@keyframes cdk-text-field-autofill-start { /*!*/ }
@keyframes cdk-text-field-autofill-end { /*!*/ }
.cdk-text-field-autofill-monitored:-webkit-autofill {
  animation: cdk-text-field-autofill-start 0s 1ms;
}
.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
  animation: cdk-text-field-autofill-end 0s 1ms;
}
.mat-focus-indicator {
  position: relative;
}
.mat-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: none;
  display: var(--mat-focus-indicator-display, none);
  border: 3px solid transparent;
  border: var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);
  border-radius: 4px;
  border-radius: var(--mat-focus-indicator-border-radius, 4px);
}
.mat-focus-indicator:focus::before {
  content: "";
}
.cdk-high-contrast-active {
  --mat-focus-indicator-display: block;
}
.mat-mdc-focus-indicator {
  position: relative;
}
.mat-mdc-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: none;
  display: var(--mat-mdc-focus-indicator-display, none);
  border: 3px solid transparent;
  border: var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);
  border-radius: 4px;
  border-radius: var(--mat-mdc-focus-indicator-border-radius, 4px);
}
.mat-mdc-focus-indicator:focus::before {
  content: "";
}
.cdk-high-contrast-active {
  --mat-mdc-focus-indicator-display: block;
}
.mat-ripple-element {
  background-color: rgba(0, 0, 0, 0.1);
}
.mat-option {
  color: rgba(0, 0, 0, 0.87);
}
.mat-option:hover:not(.mat-option-disabled), .mat-option:focus:not(.mat-option-disabled) {
  background: rgba(0, 0, 0, 0.04);
}
.mat-option.mat-selected:not(.mat-option-multiple):not(.mat-option-disabled) {
  background: rgba(0, 0, 0, 0.04);
}
.mat-option.mat-active {
  background: rgba(0, 0, 0, 0.04);
  color: rgba(0, 0, 0, 0.87);
}
.mat-option.mat-option-disabled {
  color: rgba(0, 0, 0, 0.38);
}
.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #03a9f4;
}
.mat-accent .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #009688;
}
.mat-warn .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #f44336;
}
.mat-optgroup-label {
  color: rgba(0, 0, 0, 0.54);
}
.mat-optgroup-disabled .mat-optgroup-label {
  color: rgba(0, 0, 0, 0.38);
}
.mat-pseudo-checkbox {
  color: rgba(0, 0, 0, 0.54);
}
.mat-pseudo-checkbox::after {
  color: #fafafa;
}
.mat-pseudo-checkbox-disabled {
  color: #b0b0b0;
}
.mat-primary .mat-pseudo-checkbox-checked,
.mat-primary .mat-pseudo-checkbox-indeterminate {
  background: #03a9f4;
}
.mat-pseudo-checkbox-checked,
.mat-pseudo-checkbox-indeterminate,
.mat-accent .mat-pseudo-checkbox-checked,
.mat-accent .mat-pseudo-checkbox-indeterminate {
  background: #009688;
}
.mat-warn .mat-pseudo-checkbox-checked,
.mat-warn .mat-pseudo-checkbox-indeterminate {
  background: #f44336;
}
.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled {
  background: #b0b0b0;
}
.mat-app-background {
  background-color: #fafafa;
  color: rgba(0, 0, 0, 0.87);
}
.mat-elevation-z0 {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z1 {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z2 {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z3 {
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z4 {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z5 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z6 {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z7 {
  box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z8 {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z9 {
  box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z10 {
  box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z11 {
  box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z12 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z13 {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z14 {
  box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z15 {
  box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z16 {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z17 {
  box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z18 {
  box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z19 {
  box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z20 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z21 {
  box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z22 {
  box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z23 {
  box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);
}
.mat-elevation-z24 {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
.mat-theme-loaded-marker {
  display: none;
}
.mat-autocomplete-panel {
  background: white;
  color: rgba(0, 0, 0, 0.87);
}
.mat-autocomplete-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover) {
  background: white;
}
.mat-autocomplete-panel .mat-option.mat-selected:not(.mat-active):not(:hover):not(.mat-option-disabled) {
  color: rgba(0, 0, 0, 0.87);
}
.mat-badge {
  position: relative;
}
.mat-badge.mat-badge {
  overflow: visible;
}
.mat-badge-hidden .mat-badge-content {
  display: none;
}
.mat-badge-content {
  position: absolute;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
  transition: transform 200ms ease-in-out;
  transform: scale(0.6);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  pointer-events: none;
}
.ng-animate-disabled .mat-badge-content,
.mat-badge-content._mat-animation-noopable {
  transition: none;
}
.mat-badge-content.mat-badge-active {
  transform: none;
}
.mat-badge-small .mat-badge-content {
  width: 16px;
  height: 16px;
  line-height: 16px;
}
.mat-badge-small.mat-badge-above .mat-badge-content {
  top: -8px;
}
.mat-badge-small.mat-badge-below .mat-badge-content {
  bottom: -8px;
}
.mat-badge-small.mat-badge-before .mat-badge-content {
  left: -16px;
}
[dir=rtl] .mat-badge-small.mat-badge-before .mat-badge-content {
  left: auto;
  right: -16px;
}
.mat-badge-small.mat-badge-after .mat-badge-content {
  right: -16px;
}
[dir=rtl] .mat-badge-small.mat-badge-after .mat-badge-content {
  right: auto;
  left: -16px;
}
.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -8px;
}
[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -8px;
}
.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -8px;
}
[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -8px;
}
.mat-badge-medium .mat-badge-content {
  width: 22px;
  height: 22px;
  line-height: 22px;
}
.mat-badge-medium.mat-badge-above .mat-badge-content {
  top: -11px;
}
.mat-badge-medium.mat-badge-below .mat-badge-content {
  bottom: -11px;
}
.mat-badge-medium.mat-badge-before .mat-badge-content {
  left: -22px;
}
[dir=rtl] .mat-badge-medium.mat-badge-before .mat-badge-content {
  left: auto;
  right: -22px;
}
.mat-badge-medium.mat-badge-after .mat-badge-content {
  right: -22px;
}
[dir=rtl] .mat-badge-medium.mat-badge-after .mat-badge-content {
  right: auto;
  left: -22px;
}
.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -11px;
}
[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -11px;
}
.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -11px;
}
[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -11px;
}
.mat-badge-large .mat-badge-content {
  width: 28px;
  height: 28px;
  line-height: 28px;
}
.mat-badge-large.mat-badge-above .mat-badge-content {
  top: -14px;
}
.mat-badge-large.mat-badge-below .mat-badge-content {
  bottom: -14px;
}
.mat-badge-large.mat-badge-before .mat-badge-content {
  left: -28px;
}
[dir=rtl] .mat-badge-large.mat-badge-before .mat-badge-content {
  left: auto;
  right: -28px;
}
.mat-badge-large.mat-badge-after .mat-badge-content {
  right: -28px;
}
[dir=rtl] .mat-badge-large.mat-badge-after .mat-badge-content {
  right: auto;
  left: -28px;
}
.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -14px;
}
[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -14px;
}
.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -14px;
}
[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -14px;
}
.mat-badge-content {
  color: white;
  background: #03a9f4;
}
.cdk-high-contrast-active .mat-badge-content {
  outline: solid 1px;
  border-radius: 0;
}
.mat-badge-accent .mat-badge-content {
  background: #009688;
  color: white;
}
.mat-badge-warn .mat-badge-content {
  color: white;
  background: #f44336;
}
.mat-badge-disabled .mat-badge-content {
  background: #b9b9b9;
  color: rgba(0, 0, 0, 0.38);
}
.mat-bottom-sheet-container {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  background: white;
  color: rgba(0, 0, 0, 0.87);
}
.mat-button, .mat-icon-button, .mat-stroked-button {
  color: inherit;
  background: transparent;
}
.mat-button.mat-primary, .mat-icon-button.mat-primary, .mat-stroked-button.mat-primary {
  color: #03a9f4;
}
.mat-button.mat-accent, .mat-icon-button.mat-accent, .mat-stroked-button.mat-accent {
  color: #009688;
}
.mat-button.mat-warn, .mat-icon-button.mat-warn, .mat-stroked-button.mat-warn {
  color: #f44336;
}
.mat-button.mat-primary.mat-button-disabled, .mat-button.mat-accent.mat-button-disabled, .mat-button.mat-warn.mat-button-disabled, .mat-button.mat-button-disabled.mat-button-disabled, .mat-icon-button.mat-primary.mat-button-disabled, .mat-icon-button.mat-accent.mat-button-disabled, .mat-icon-button.mat-warn.mat-button-disabled, .mat-icon-button.mat-button-disabled.mat-button-disabled, .mat-stroked-button.mat-primary.mat-button-disabled, .mat-stroked-button.mat-accent.mat-button-disabled, .mat-stroked-button.mat-warn.mat-button-disabled, .mat-stroked-button.mat-button-disabled.mat-button-disabled {
  color: rgba(0, 0, 0, 0.26);
}
.mat-button.mat-primary .mat-button-focus-overlay, .mat-icon-button.mat-primary .mat-button-focus-overlay, .mat-stroked-button.mat-primary .mat-button-focus-overlay {
  background-color: #03a9f4;
}
.mat-button.mat-accent .mat-button-focus-overlay, .mat-icon-button.mat-accent .mat-button-focus-overlay, .mat-stroked-button.mat-accent .mat-button-focus-overlay {
  background-color: #009688;
}
.mat-button.mat-warn .mat-button-focus-overlay, .mat-icon-button.mat-warn .mat-button-focus-overlay, .mat-stroked-button.mat-warn .mat-button-focus-overlay {
  background-color: #f44336;
}
.mat-button.mat-button-disabled .mat-button-focus-overlay, .mat-icon-button.mat-button-disabled .mat-button-focus-overlay, .mat-stroked-button.mat-button-disabled .mat-button-focus-overlay {
  background-color: transparent;
}
.mat-button .mat-ripple-element, .mat-icon-button .mat-ripple-element, .mat-stroked-button .mat-ripple-element {
  opacity: 0.1;
  background-color: currentColor;
}
.mat-button-focus-overlay {
  background: black;
}
.mat-stroked-button:not(.mat-button-disabled) {
  border-color: rgba(0, 0, 0, 0.12);
}
.mat-flat-button, .mat-raised-button, .mat-fab, .mat-mini-fab {
  color: rgba(0, 0, 0, 0.87);
  background-color: white;
}
.mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
  color: white;
}
.mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
  color: white;
}
.mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
  color: white;
}
.mat-flat-button.mat-primary.mat-button-disabled, .mat-flat-button.mat-accent.mat-button-disabled, .mat-flat-button.mat-warn.mat-button-disabled, .mat-flat-button.mat-button-disabled.mat-button-disabled, .mat-raised-button.mat-primary.mat-button-disabled, .mat-raised-button.mat-accent.mat-button-disabled, .mat-raised-button.mat-warn.mat-button-disabled, .mat-raised-button.mat-button-disabled.mat-button-disabled, .mat-fab.mat-primary.mat-button-disabled, .mat-fab.mat-accent.mat-button-disabled, .mat-fab.mat-warn.mat-button-disabled, .mat-fab.mat-button-disabled.mat-button-disabled, .mat-mini-fab.mat-primary.mat-button-disabled, .mat-mini-fab.mat-accent.mat-button-disabled, .mat-mini-fab.mat-warn.mat-button-disabled, .mat-mini-fab.mat-button-disabled.mat-button-disabled {
  color: rgba(0, 0, 0, 0.26);
}
.mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary {
  background-color: #03a9f4;
}
.mat-flat-button.mat-accent, .mat-raised-button.mat-accent, .mat-fab.mat-accent, .mat-mini-fab.mat-accent {
  background-color: #009688;
}
.mat-flat-button.mat-warn, .mat-raised-button.mat-warn, .mat-fab.mat-warn, .mat-mini-fab.mat-warn {
  background-color: #f44336;
}
.mat-flat-button.mat-primary.mat-button-disabled, .mat-flat-button.mat-accent.mat-button-disabled, .mat-flat-button.mat-warn.mat-button-disabled, .mat-flat-button.mat-button-disabled.mat-button-disabled, .mat-raised-button.mat-primary.mat-button-disabled, .mat-raised-button.mat-accent.mat-button-disabled, .mat-raised-button.mat-warn.mat-button-disabled, .mat-raised-button.mat-button-disabled.mat-button-disabled, .mat-fab.mat-primary.mat-button-disabled, .mat-fab.mat-accent.mat-button-disabled, .mat-fab.mat-warn.mat-button-disabled, .mat-fab.mat-button-disabled.mat-button-disabled, .mat-mini-fab.mat-primary.mat-button-disabled, .mat-mini-fab.mat-accent.mat-button-disabled, .mat-mini-fab.mat-warn.mat-button-disabled, .mat-mini-fab.mat-button-disabled.mat-button-disabled {
  background-color: rgba(0, 0, 0, 0.12);
}
.mat-flat-button.mat-primary .mat-ripple-element, .mat-raised-button.mat-primary .mat-ripple-element, .mat-fab.mat-primary .mat-ripple-element, .mat-mini-fab.mat-primary .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}
.mat-flat-button.mat-accent .mat-ripple-element, .mat-raised-button.mat-accent .mat-ripple-element, .mat-fab.mat-accent .mat-ripple-element, .mat-mini-fab.mat-accent .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}
.mat-flat-button.mat-warn .mat-ripple-element, .mat-raised-button.mat-warn .mat-ripple-element, .mat-fab.mat-warn .mat-ripple-element, .mat-mini-fab.mat-warn .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}
.mat-stroked-button:not([class*=mat-elevation-z]), .mat-flat-button:not([class*=mat-elevation-z]) {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.mat-raised-button:not([class*=mat-elevation-z]) {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.mat-raised-button:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) {
  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.mat-raised-button.mat-button-disabled:not([class*=mat-elevation-z]) {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.mat-fab:not([class*=mat-elevation-z]), .mat-mini-fab:not([class*=mat-elevation-z]) {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}
.mat-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]), .mat-mini-fab:not(.mat-button-disabled):active:not([class*=mat-elevation-z]) {
  box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}
.mat-fab.mat-button-disabled:not([class*=mat-elevation-z]), .mat-mini-fab.mat-button-disabled:not([class*=mat-elevation-z]) {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.mat-button-toggle-standalone:not([class*=mat-elevation-z]),
.mat-button-toggle-group:not([class*=mat-elevation-z]) {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.mat-button-toggle-standalone.mat-button-toggle-appearance-standard:not([class*=mat-elevation-z]),
.mat-button-toggle-group-appearance-standard:not([class*=mat-elevation-z]) {
  box-shadow: none;
}
.mat-button-toggle {
  color: rgba(0, 0, 0, 0.38);
}
.mat-button-toggle .mat-button-toggle-focus-overlay {
  background-color: rgba(0, 0, 0, 0.12);
}
.mat-button-toggle-appearance-standard {
  color: rgba(0, 0, 0, 0.87);
  background: white;
}
.mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay {
  background-color: black;
}
.mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {
  border-left: solid 1px #e0e0e0;
}
[dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {
  border-left: none;
  border-right: solid 1px #e0e0e0;
}
.mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle + .mat-button-toggle {
  border-left: none;
  border-right: none;
  border-top: solid 1px #e0e0e0;
}
.mat-button-toggle-checked {
  background-color: #e0e0e0;
  color: rgba(0, 0, 0, 0.54);
}
.mat-button-toggle-checked.mat-button-toggle-appearance-standard {
  color: rgba(0, 0, 0, 0.87);
}
.mat-button-toggle-disabled {
  color: rgba(0, 0, 0, 0.26);
  background-color: #eeeeee;
}
.mat-button-toggle-disabled.mat-button-toggle-appearance-standard {
  background: white;
}
.mat-button-toggle-disabled.mat-button-toggle-checked {
  background-color: #bdbdbd;
}
.mat-button-toggle-standalone.mat-button-toggle-appearance-standard,
.mat-button-toggle-group-appearance-standard {
  border: solid 1px #e0e0e0;
}
.mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
  line-height: 48px;
}
.mat-card {
  background: white;
  color: rgba(0, 0, 0, 0.87);
}
.mat-card:not([class*=mat-elevation-z]) {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
.mat-card.mat-card-flat:not([class*=mat-elevation-z]) {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
.mat-card-subtitle {
  color: rgba(0, 0, 0, 0.54);
}
.mat-checkbox-frame {
  border-color: rgba(0, 0, 0, 0.54);
}
.mat-checkbox-checkmark {
  fill: #fafafa;
}
.mat-checkbox-checkmark-path {
  stroke: #fafafa !important;
}
.mat-checkbox-mixedmark {
  background-color: #fafafa;
}
.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, .mat-checkbox-checked.mat-primary .mat-checkbox-background {
  background-color: #03a9f4;
}
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background-color: #009688;
}
.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background, .mat-checkbox-checked.mat-warn .mat-checkbox-background {
  background-color: #f44336;
}
.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background, .mat-checkbox-disabled.mat-checkbox-indeterminate .mat-checkbox-background {
  background-color: #b0b0b0;
}
.mat-checkbox-disabled:not(.mat-checkbox-checked) .mat-checkbox-frame {
  border-color: #b0b0b0;
}
.mat-checkbox-disabled .mat-checkbox-label {
  color: rgba(0, 0, 0, 0.38);
}
.mat-checkbox .mat-ripple-element {
  background-color: black;
}
.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element {
  background: #03a9f4;
}
.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element {
  background: #009688;
}
.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element {
  background: #f44336;
}
.mat-chip.mat-standard-chip {
  background-color: #e0e0e0;
  color: rgba(0, 0, 0, 0.87);
}
.mat-chip.mat-standard-chip .mat-chip-remove {
  color: rgba(0, 0, 0, 0.87);
  opacity: 0.4;
}
.mat-chip.mat-standard-chip:not(.mat-chip-disabled):active {
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
}
.mat-chip.mat-standard-chip:not(.mat-chip-disabled) .mat-chip-remove:hover {
  opacity: 0.54;
}
.mat-chip.mat-standard-chip.mat-chip-disabled {
  opacity: 0.4;
}
.mat-chip.mat-standard-chip::after {
  background: black;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary {
  background-color: #03a9f4;
  color: white;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-chip-remove {
  color: white;
  opacity: 0.4;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-primary .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn {
  background-color: #f44336;
  color: white;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-chip-remove {
  color: white;
  opacity: 0.4;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-warn .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent {
  background-color: #009688;
  color: white;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-chip-remove {
  color: white;
  opacity: 0.4;
}
.mat-chip.mat-standard-chip.mat-chip-selected.mat-accent .mat-ripple-element {
  background-color: rgba(255, 255, 255, 0.1);
}
.mat-table {
  background: white;
}
.mat-table thead, .mat-table tbody, .mat-table tfoot,
mat-header-row, mat-row, mat-footer-row,
[mat-header-row], [mat-row], [mat-footer-row],
.mat-table-sticky {
  background: inherit;
}
mat-row, mat-header-row, mat-footer-row,
th.mat-header-cell, td.mat-cell, td.mat-footer-cell {
  border-bottom-color: rgba(0, 0, 0, 0.12);
}
.mat-header-cell {
  color: rgba(0, 0, 0, 0.54);
}
.mat-cell, .mat-footer-cell {
  color: rgba(0, 0, 0, 0.87);
}
.mat-calendar-arrow {
  fill: rgba(0, 0, 0, 0.54);
}
.mat-datepicker-toggle,
.mat-datepicker-content .mat-calendar-next-button,
.mat-datepicker-content .mat-calendar-previous-button {
  color: rgba(0, 0, 0, 0.54);
}
.mat-calendar-table-header-divider::after {
  background: rgba(0, 0, 0, 0.12);
}
.mat-calendar-table-header,
.mat-calendar-body-label {
  color: rgba(0, 0, 0, 0.54);
}
.mat-calendar-body-cell-content,
.mat-date-range-input-separator {
  color: rgba(0, 0, 0, 0.87);
  border-color: transparent;
}
.mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  color: rgba(0, 0, 0, 0.38);
}
.mat-form-field-disabled .mat-date-range-input-separator {
  color: rgba(0, 0, 0, 0.38);
}
.mat-calendar-body-in-preview {
  color: rgba(0, 0, 0, 0.24);
}
.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  border-color: rgba(0, 0, 0, 0.38);
}
.mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  border-color: rgba(0, 0, 0, 0.18);
}
.mat-calendar-body-in-range::before {
  background: rgba(3, 169, 244, 0.2);
}
.mat-calendar-body-comparison-identical,
.mat-calendar-body-in-comparison-range::before {
  background: rgba(249, 171, 0, 0.2);
}
.mat-calendar-body-comparison-bridge-start::before,
[dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
  background: linear-gradient(to right, rgba(3, 169, 244, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.mat-calendar-body-comparison-bridge-end::before,
[dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
  background: linear-gradient(to left, rgba(3, 169, 244, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
.mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
  background: #a8dab5;
}
.mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
  background: #46a35e;
}
.mat-calendar-body-selected {
  background-color: #03a9f4;
  color: white;
}
.mat-calendar-body-disabled > .mat-calendar-body-selected {
  background-color: rgba(3, 169, 244, 0.4);
}
.mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px white;
}
.cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: rgba(3, 169, 244, 0.3);
}
@media (hover: hover) {
  .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: rgba(3, 169, 244, 0.3);
  }
}
.mat-datepicker-content {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  background-color: white;
  color: rgba(0, 0, 0, 0.87);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before {
  background: rgba(0, 150, 136, 0.2);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range::before {
  background: rgba(249, 171, 0, 0.2);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before,
.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
  background: linear-gradient(to right, rgba(0, 150, 136, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before,
.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
  background: linear-gradient(to left, rgba(0, 150, 136, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
  background: #a8dab5;
}
.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
  background: #46a35e;
}
.mat-datepicker-content.mat-accent .mat-calendar-body-selected {
  background-color: #009688;
  color: white;
}
.mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected {
  background-color: rgba(0, 150, 136, 0.4);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px white;
}
.mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: rgba(0, 150, 136, 0.3);
}
@media (hover: hover) {
  .mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: rgba(0, 150, 136, 0.3);
  }
}
.mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before {
  background: rgba(244, 67, 54, 0.2);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range::before {
  background: rgba(249, 171, 0, 0.2);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start::before,
.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
  background: linear-gradient(to right, rgba(244, 67, 54, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end::before,
.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
  background: linear-gradient(to left, rgba(244, 67, 54, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
  background: #a8dab5;
}
.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
  background: #46a35e;
}
.mat-datepicker-content.mat-warn .mat-calendar-body-selected {
  background-color: #f44336;
  color: white;
}
.mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected {
  background-color: rgba(244, 67, 54, 0.4);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px white;
}
.mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: rgba(244, 67, 54, 0.3);
}
@media (hover: hover) {
  .mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: rgba(244, 67, 54, 0.3);
  }
}
.mat-datepicker-content-touch {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
.mat-datepicker-toggle-active {
  color: #03a9f4;
}
.mat-datepicker-toggle-active.mat-accent {
  color: #009688;
}
.mat-datepicker-toggle-active.mat-warn {
  color: #f44336;
}
.mat-date-range-input-inner[disabled] {
  color: rgba(0, 0, 0, 0.38);
}
.mat-dialog-container {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  background: white;
  color: rgba(0, 0, 0, 0.87);
}
.mat-divider {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.mat-divider-vertical {
  border-right-color: rgba(0, 0, 0, 0.12);
}
.mat-expansion-panel {
  background: white;
  color: rgba(0, 0, 0, 0.87);
}
.mat-expansion-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}
.mat-action-row {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]), .mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]), .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]) {
  background: rgba(0, 0, 0, 0.04);
}
@media (hover: none) {
  .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover {
    background: white;
  }
}
.mat-expansion-panel-header-title {
  color: rgba(0, 0, 0, 0.87);
}
.mat-expansion-panel-header-description,
.mat-expansion-indicator::after {
  color: rgba(0, 0, 0, 0.54);
}
.mat-expansion-panel-header[aria-disabled=true] {
  color: rgba(0, 0, 0, 0.26);
}
.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title,
.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description {
  color: inherit;
}
.mat-expansion-panel-header {
  height: 48px;
}
.mat-expansion-panel-header.mat-expanded {
  height: 64px;
}
.mat-form-field-label {
  color: rgba(0, 0, 0, 0.6);
}
.mat-hint {
  color: rgba(0, 0, 0, 0.6);
}
.mat-form-field.mat-focused .mat-form-field-label {
  color: #03a9f4;
}
.mat-form-field.mat-focused .mat-form-field-label.mat-accent {
  color: #009688;
}
.mat-form-field.mat-focused .mat-form-field-label.mat-warn {
  color: #f44336;
}
.mat-focused .mat-form-field-required-marker {
  color: #009688;
}
.mat-form-field-ripple {
  background-color: rgba(0, 0, 0, 0.87);
}
.mat-form-field.mat-focused .mat-form-field-ripple {
  background-color: #03a9f4;
}
.mat-form-field.mat-focused .mat-form-field-ripple.mat-accent {
  background-color: #009688;
}
.mat-form-field.mat-focused .mat-form-field-ripple.mat-warn {
  background-color: #f44336;
}
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid) .mat-form-field-infix::after {
  color: #03a9f4;
}
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-accent .mat-form-field-infix::after {
  color: #009688;
}
.mat-form-field-type-mat-native-select.mat-focused:not(.mat-form-field-invalid).mat-warn .mat-form-field-infix::after {
  color: #f44336;
}
.mat-form-field.mat-form-field-invalid .mat-form-field-label {
  color: #f44336;
}
.mat-form-field.mat-form-field-invalid .mat-form-field-label.mat-accent,
.mat-form-field.mat-form-field-invalid .mat-form-field-label .mat-form-field-required-marker {
  color: #f44336;
}
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple,
.mat-form-field.mat-form-field-invalid .mat-form-field-ripple.mat-accent {
  background-color: #f44336;
}
.mat-error {
  color: #f44336;
}
.mat-form-field-appearance-legacy .mat-form-field-label {
  color: rgba(0, 0, 0, 0.54);
}
.mat-form-field-appearance-legacy .mat-hint {
  color: rgba(0, 0, 0, 0.54);
}
.mat-form-field-appearance-legacy .mat-form-field-underline {
  background-color: rgba(0, 0, 0, 0.42);
}
.mat-form-field-appearance-legacy.mat-form-field-disabled .mat-form-field-underline {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);
  background-size: 4px 100%;
  background-repeat: repeat-x;
}
.mat-form-field-appearance-standard .mat-form-field-underline {
  background-color: rgba(0, 0, 0, 0.42);
}
.mat-form-field-appearance-standard.mat-form-field-disabled .mat-form-field-underline {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);
  background-size: 4px 100%;
  background-repeat: repeat-x;
}
.mat-form-field-appearance-fill .mat-form-field-flex {
  background-color: rgba(0, 0, 0, 0.04);
}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-flex {
  background-color: rgba(0, 0, 0, 0.02);
}
.mat-form-field-appearance-fill .mat-form-field-underline::before {
  background-color: rgba(0, 0, 0, 0.42);
}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label {
  color: rgba(0, 0, 0, 0.38);
}
.mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-underline::before {
  background-color: transparent;
}
.mat-form-field-appearance-outline .mat-form-field-outline {
  color: rgba(0, 0, 0, 0.12);
}
.mat-form-field-appearance-outline .mat-form-field-outline-thick {
  color: rgba(0, 0, 0, 0.87);
}
.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
  color: #03a9f4;
}
.mat-form-field-appearance-outline.mat-focused.mat-accent .mat-form-field-outline-thick {
  color: #009688;
}
.mat-form-field-appearance-outline.mat-focused.mat-warn .mat-form-field-outline-thick {
  color: #f44336;
}
.mat-form-field-appearance-outline.mat-form-field-invalid.mat-form-field-invalid .mat-form-field-outline-thick {
  color: #f44336;
}
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-label {
  color: rgba(0, 0, 0, 0.38);
}
.mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline {
  color: rgba(0, 0, 0, 0.06);
}
.mat-icon.mat-primary {
  color: #03a9f4;
}
.mat-icon.mat-accent {
  color: #009688;
}
.mat-icon.mat-warn {
  color: #f44336;
}
.mat-form-field-type-mat-native-select .mat-form-field-infix::after {
  color: rgba(0, 0, 0, 0.54);
}
.mat-input-element:disabled,
.mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after {
  color: rgba(0, 0, 0, 0.38);
}
.mat-input-element {
  caret-color: #03a9f4;
}
.mat-input-element::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-input-element::-moz-placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-input-element:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-input-element::-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-input-element::placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-input-element::-moz-placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-input-element::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-input-element:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-form-field.mat-accent .mat-input-element {
  caret-color: #009688;
}
.mat-form-field.mat-warn .mat-input-element,
.mat-form-field-invalid .mat-input-element {
  caret-color: #f44336;
}
.mat-form-field-type-mat-native-select.mat-form-field-invalid .mat-form-field-infix::after {
  color: #f44336;
}
.mat-list-base .mat-list-item {
  color: rgba(0, 0, 0, 0.87);
}
.mat-list-base .mat-list-option {
  color: rgba(0, 0, 0, 0.87);
}
.mat-list-base .mat-subheader {
  color: rgba(0, 0, 0, 0.54);
}
.mat-list-base .mat-list-item-disabled {
  background-color: #eeeeee;
  color: rgba(0, 0, 0, 0.38);
}
.mat-list-option:hover, .mat-list-option:focus,
.mat-nav-list .mat-list-item:hover,
.mat-nav-list .mat-list-item:focus,
.mat-action-list .mat-list-item:hover,
.mat-action-list .mat-list-item:focus {
  background: rgba(0, 0, 0, 0.04);
}
.mat-list-single-selected-option, .mat-list-single-selected-option:hover, .mat-list-single-selected-option:focus {
  background: rgba(0, 0, 0, 0.12);
}
.mat-menu-panel {
  background: white;
}
.mat-menu-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.mat-menu-item {
  background: transparent;
  color: rgba(0, 0, 0, 0.87);
}
.mat-menu-item[disabled],
.mat-menu-item[disabled] .mat-menu-submenu-icon,
.mat-menu-item[disabled] .mat-icon-no-color {
  color: rgba(0, 0, 0, 0.38);
}
.mat-menu-item .mat-icon-no-color,
.mat-menu-submenu-icon {
  color: rgba(0, 0, 0, 0.54);
}
.mat-menu-item:hover:not([disabled]),
.mat-menu-item.cdk-program-focused:not([disabled]),
.mat-menu-item.cdk-keyboard-focused:not([disabled]),
.mat-menu-item-highlighted:not([disabled]) {
  background: rgba(0, 0, 0, 0.04);
}
.mat-paginator {
  background: white;
}
.mat-paginator,
.mat-paginator-page-size .mat-select-trigger {
  color: rgba(0, 0, 0, 0.54);
}
.mat-paginator-decrement,
.mat-paginator-increment {
  border-top: 2px solid rgba(0, 0, 0, 0.54);
  border-right: 2px solid rgba(0, 0, 0, 0.54);
}
.mat-paginator-first,
.mat-paginator-last {
  border-top: 2px solid rgba(0, 0, 0, 0.54);
}
.mat-icon-button[disabled] .mat-paginator-decrement,
.mat-icon-button[disabled] .mat-paginator-increment,
.mat-icon-button[disabled] .mat-paginator-first,
.mat-icon-button[disabled] .mat-paginator-last {
  border-color: rgba(0, 0, 0, 0.38);
}
.mat-paginator-container {
  min-height: 56px;
}
.mat-progress-bar-background {
  fill: #bce6f9;
}
.mat-progress-bar-buffer {
  background-color: #bce6f9;
}
.mat-progress-bar-fill::after {
  background-color: #03a9f4;
}
.mat-progress-bar.mat-accent .mat-progress-bar-background {
  fill: #bce1de;
}
.mat-progress-bar.mat-accent .mat-progress-bar-buffer {
  background-color: #bce1de;
}
.mat-progress-bar.mat-accent .mat-progress-bar-fill::after {
  background-color: #009688;
}
.mat-progress-bar.mat-warn .mat-progress-bar-background {
  fill: #f9ccc9;
}
.mat-progress-bar.mat-warn .mat-progress-bar-buffer {
  background-color: #f9ccc9;
}
.mat-progress-bar.mat-warn .mat-progress-bar-fill::after {
  background-color: #f44336;
}
.mat-progress-spinner circle, .mat-spinner circle {
  stroke: #03a9f4;
}
.mat-progress-spinner.mat-accent circle, .mat-spinner.mat-accent circle {
  stroke: #009688;
}
.mat-progress-spinner.mat-warn circle, .mat-spinner.mat-warn circle {
  stroke: #f44336;
}
.mat-radio-outer-circle {
  border-color: rgba(0, 0, 0, 0.54);
}
.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
  border-color: #03a9f4;
}
.mat-radio-button.mat-primary .mat-radio-inner-circle,
.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-primary:active .mat-radio-persistent-ripple {
  background-color: #03a9f4;
}
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
  border-color: #009688;
}
.mat-radio-button.mat-accent .mat-radio-inner-circle,
.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple {
  background-color: #009688;
}
.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {
  border-color: #f44336;
}
.mat-radio-button.mat-warn .mat-radio-inner-circle,
.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-warn:active .mat-radio-persistent-ripple {
  background-color: #f44336;
}
.mat-radio-button.mat-radio-disabled.mat-radio-checked .mat-radio-outer-circle,
.mat-radio-button.mat-radio-disabled .mat-radio-outer-circle {
  border-color: rgba(0, 0, 0, 0.38);
}
.mat-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element,
.mat-radio-button.mat-radio-disabled .mat-radio-inner-circle {
  background-color: rgba(0, 0, 0, 0.38);
}
.mat-radio-button.mat-radio-disabled .mat-radio-label-content {
  color: rgba(0, 0, 0, 0.38);
}
.mat-radio-button .mat-ripple-element {
  background-color: black;
}
.mat-select-value {
  color: rgba(0, 0, 0, 0.87);
}
.mat-select-placeholder {
  color: rgba(0, 0, 0, 0.42);
}
.mat-select-disabled .mat-select-value {
  color: rgba(0, 0, 0, 0.38);
}
.mat-select-arrow {
  color: rgba(0, 0, 0, 0.54);
}
.mat-select-panel {
  background: white;
}
.mat-select-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.mat-select-panel .mat-option.mat-selected:not(.mat-option-multiple) {
  background: rgba(0, 0, 0, 0.12);
}
.mat-form-field.mat-focused.mat-primary .mat-select-arrow {
  color: #03a9f4;
}
.mat-form-field.mat-focused.mat-accent .mat-select-arrow {
  color: #009688;
}
.mat-form-field.mat-focused.mat-warn .mat-select-arrow {
  color: #f44336;
}
.mat-form-field .mat-select.mat-select-invalid .mat-select-arrow {
  color: #f44336;
}
.mat-form-field .mat-select.mat-select-disabled .mat-select-arrow {
  color: rgba(0, 0, 0, 0.38);
}
.mat-drawer-container {
  background-color: #fafafa;
  color: rgba(0, 0, 0, 0.87);
}
.mat-drawer {
  background-color: white;
  color: rgba(0, 0, 0, 0.87);
}
.mat-drawer.mat-drawer-push {
  background-color: white;
}
.mat-drawer:not(.mat-drawer-side) {
  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
}
.mat-drawer-side {
  border-right: solid 1px rgba(0, 0, 0, 0.12);
}
.mat-drawer-side.mat-drawer-end {
  border-left: solid 1px rgba(0, 0, 0, 0.12);
  border-right: none;
}
[dir=rtl] .mat-drawer-side {
  border-left: solid 1px rgba(0, 0, 0, 0.12);
  border-right: none;
}
[dir=rtl] .mat-drawer-side.mat-drawer-end {
  border-left: none;
  border-right: solid 1px rgba(0, 0, 0, 0.12);
}
.mat-drawer-backdrop.mat-drawer-shown {
  background-color: rgba(0, 0, 0, 0.6);
}
.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
  background-color: #009688;
}
.mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(0, 150, 136, 0.54);
}
.mat-slide-toggle.mat-checked .mat-ripple-element {
  background-color: #009688;
}
.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb {
  background-color: #03a9f4;
}
.mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(3, 169, 244, 0.54);
}
.mat-slide-toggle.mat-primary.mat-checked .mat-ripple-element {
  background-color: #03a9f4;
}
.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-thumb {
  background-color: #f44336;
}
.mat-slide-toggle.mat-warn.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(244, 67, 54, 0.54);
}
.mat-slide-toggle.mat-warn.mat-checked .mat-ripple-element {
  background-color: #f44336;
}
.mat-slide-toggle:not(.mat-checked) .mat-ripple-element {
  background-color: black;
}
.mat-slide-toggle-thumb {
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  background-color: #fafafa;
}
.mat-slide-toggle-bar {
  background-color: rgba(0, 0, 0, 0.38);
}
.mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.26);
}
.mat-slider.mat-primary .mat-slider-track-fill,
.mat-slider.mat-primary .mat-slider-thumb,
.mat-slider.mat-primary .mat-slider-thumb-label {
  background-color: #03a9f4;
}
.mat-slider.mat-primary .mat-slider-thumb-label-text {
  color: white;
}
.mat-slider.mat-primary .mat-slider-focus-ring {
  background-color: rgba(3, 169, 244, 0.2);
}
.mat-slider.mat-accent .mat-slider-track-fill,
.mat-slider.mat-accent .mat-slider-thumb,
.mat-slider.mat-accent .mat-slider-thumb-label {
  background-color: #009688;
}
.mat-slider.mat-accent .mat-slider-thumb-label-text {
  color: white;
}
.mat-slider.mat-accent .mat-slider-focus-ring {
  background-color: rgba(0, 150, 136, 0.2);
}
.mat-slider.mat-warn .mat-slider-track-fill,
.mat-slider.mat-warn .mat-slider-thumb,
.mat-slider.mat-warn .mat-slider-thumb-label {
  background-color: #f44336;
}
.mat-slider.mat-warn .mat-slider-thumb-label-text {
  color: white;
}
.mat-slider.mat-warn .mat-slider-focus-ring {
  background-color: rgba(244, 67, 54, 0.2);
}
.mat-slider:hover .mat-slider-track-background,
.mat-slider.cdk-focused .mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.38);
}
.mat-slider.mat-slider-disabled .mat-slider-track-background,
.mat-slider.mat-slider-disabled .mat-slider-track-fill,
.mat-slider.mat-slider-disabled .mat-slider-thumb {
  background-color: rgba(0, 0, 0, 0.26);
}
.mat-slider.mat-slider-disabled:hover .mat-slider-track-background {
  background-color: rgba(0, 0, 0, 0.26);
}
.mat-slider.mat-slider-min-value .mat-slider-focus-ring {
  background-color: rgba(0, 0, 0, 0.12);
}
.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb,
.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing .mat-slider-thumb-label {
  background-color: rgba(0, 0, 0, 0.87);
}
.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb,
.mat-slider.mat-slider-min-value.mat-slider-thumb-label-showing.cdk-focused .mat-slider-thumb-label {
  background-color: rgba(0, 0, 0, 0.26);
}
.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing) .mat-slider-thumb {
  border-color: rgba(0, 0, 0, 0.26);
  background-color: transparent;
}
.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover .mat-slider-thumb, .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused .mat-slider-thumb {
  border-color: rgba(0, 0, 0, 0.38);
}
.mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing):hover.mat-slider-disabled .mat-slider-thumb, .mat-slider.mat-slider-min-value:not(.mat-slider-thumb-label-showing).cdk-focused.mat-slider-disabled .mat-slider-thumb {
  border-color: rgba(0, 0, 0, 0.26);
}
.mat-slider-has-ticks .mat-slider-wrapper::after {
  border-color: rgba(0, 0, 0, 0.7);
}
.mat-slider-horizontal .mat-slider-ticks {
  background-image: repeating-linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);
  background-image: -moz-repeating-linear-gradient(0.0001deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);
}
.mat-slider-vertical .mat-slider-ticks {
  background-image: repeating-linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) 2px, transparent 0, transparent);
}
.mat-step-header.cdk-keyboard-focused, .mat-step-header.cdk-program-focused, .mat-step-header:hover:not([aria-disabled]), .mat-step-header:hover[aria-disabled=false] {
  background-color: rgba(0, 0, 0, 0.04);
}
.mat-step-header:hover[aria-disabled=true] {
  cursor: default;
}
@media (hover: none) {
  .mat-step-header:hover {
    background: none;
  }
}
.mat-step-header .mat-step-label,
.mat-step-header .mat-step-optional {
  color: rgba(0, 0, 0, 0.54);
}
.mat-step-header .mat-step-icon {
  background-color: rgba(0, 0, 0, 0.54);
  color: white;
}
.mat-step-header .mat-step-icon-selected,
.mat-step-header .mat-step-icon-state-done,
.mat-step-header .mat-step-icon-state-edit {
  background-color: #03a9f4;
  color: white;
}
.mat-step-header.mat-accent .mat-step-icon {
  color: white;
}
.mat-step-header.mat-accent .mat-step-icon-selected,
.mat-step-header.mat-accent .mat-step-icon-state-done,
.mat-step-header.mat-accent .mat-step-icon-state-edit {
  background-color: #009688;
  color: white;
}
.mat-step-header.mat-warn .mat-step-icon {
  color: white;
}
.mat-step-header.mat-warn .mat-step-icon-selected,
.mat-step-header.mat-warn .mat-step-icon-state-done,
.mat-step-header.mat-warn .mat-step-icon-state-edit {
  background-color: #f44336;
  color: white;
}
.mat-step-header .mat-step-icon-state-error {
  background-color: transparent;
  color: #f44336;
}
.mat-step-header .mat-step-label.mat-step-label-active {
  color: rgba(0, 0, 0, 0.87);
}
.mat-step-header .mat-step-label.mat-step-label-error {
  color: #f44336;
}
.mat-stepper-horizontal, .mat-stepper-vertical {
  background-color: white;
}
.mat-stepper-vertical-line::before {
  border-left-color: rgba(0, 0, 0, 0.12);
}
.mat-horizontal-stepper-header::before,
.mat-horizontal-stepper-header::after,
.mat-stepper-horizontal-line {
  border-top-color: rgba(0, 0, 0, 0.12);
}
.mat-horizontal-stepper-header {
  height: 72px;
}
.mat-stepper-label-position-bottom .mat-horizontal-stepper-header,
.mat-vertical-stepper-header {
  padding: 24px 24px;
}
.mat-stepper-vertical-line::before {
  top: -16px;
  bottom: -16px;
}
.mat-stepper-label-position-bottom .mat-horizontal-stepper-header::after, .mat-stepper-label-position-bottom .mat-horizontal-stepper-header::before {
  top: 36px;
}
.mat-stepper-label-position-bottom .mat-stepper-horizontal-line {
  top: 36px;
}
.mat-sort-header-arrow {
  color: #757575;
}
.mat-tab-nav-bar,
.mat-tab-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.mat-tab-group-inverted-header .mat-tab-nav-bar,
.mat-tab-group-inverted-header .mat-tab-header {
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  border-bottom: none;
}
.mat-tab-label, .mat-tab-link {
  color: rgba(0, 0, 0, 0.87);
}
.mat-tab-label.mat-tab-disabled, .mat-tab-link.mat-tab-disabled {
  color: rgba(0, 0, 0, 0.38);
}
.mat-tab-header-pagination-chevron {
  border-color: rgba(0, 0, 0, 0.87);
}
.mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: rgba(0, 0, 0, 0.38);
}
.mat-tab-group[class*=mat-background-] > .mat-tab-header,
.mat-tab-nav-bar[class*=mat-background-] {
  border-bottom: none;
  border-top: none;
}
.mat-tab-group.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(179, 229, 252, 0.3);
}
.mat-tab-group.mat-primary .mat-ink-bar, .mat-tab-nav-bar.mat-primary .mat-ink-bar {
  background-color: #03a9f4;
}
.mat-tab-group.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, .mat-tab-group.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-header .mat-ink-bar, .mat-tab-nav-bar.mat-primary.mat-background-primary > .mat-tab-link-container .mat-ink-bar {
  background-color: white;
}
.mat-tab-group.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(178, 223, 219, 0.3);
}
.mat-tab-group.mat-accent .mat-ink-bar, .mat-tab-nav-bar.mat-accent .mat-ink-bar {
  background-color: #009688;
}
.mat-tab-group.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar {
  background-color: white;
}
.mat-tab-group.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(255, 205, 210, 0.3);
}
.mat-tab-group.mat-warn .mat-ink-bar, .mat-tab-nav-bar.mat-warn .mat-ink-bar {
  background-color: #f44336;
}
.mat-tab-group.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, .mat-tab-group.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-header .mat-ink-bar, .mat-tab-nav-bar.mat-warn.mat-background-warn > .mat-tab-link-container .mat-ink-bar {
  background-color: white;
}
.mat-tab-group.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-primary .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-primary .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(179, 229, 252, 0.3);
}
.mat-tab-group.mat-background-primary > .mat-tab-header, .mat-tab-group.mat-background-primary > .mat-tab-link-container, .mat-tab-group.mat-background-primary > .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header, .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination {
  background-color: #03a9f4;
}
.mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label, .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label, .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link {
  color: white;
}
.mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-tab-link.mat-tab-disabled {
  color: rgba(255, 255, 255, 0.4);
}
.mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-group.mat-background-primary > .mat-tab-header .mat-focus-indicator::before, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-focus-indicator::before {
  border-color: white;
}
.mat-tab-group.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: white;
  opacity: 0.4;
}
.mat-tab-group.mat-background-primary > .mat-tab-header .mat-ripple-element,
.mat-tab-group.mat-background-primary > .mat-tab-link-container .mat-ripple-element,
.mat-tab-group.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element, .mat-tab-nav-bar.mat-background-primary > .mat-tab-header .mat-ripple-element,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container .mat-ripple-element,
.mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination .mat-ripple-element {
  background-color: white;
  opacity: 0.12;
}
.mat-tab-group.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-accent .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-accent .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(178, 223, 219, 0.3);
}
.mat-tab-group.mat-background-accent > .mat-tab-header, .mat-tab-group.mat-background-accent > .mat-tab-link-container, .mat-tab-group.mat-background-accent > .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header, .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination {
  background-color: #009688;
}
.mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label, .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label, .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link {
  color: white;
}
.mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link.mat-tab-disabled {
  color: rgba(255, 255, 255, 0.4);
}
.mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-group.mat-background-accent > .mat-tab-header .mat-focus-indicator::before, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-focus-indicator::before {
  border-color: white;
}
.mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: white;
  opacity: 0.4;
}
.mat-tab-group.mat-background-accent > .mat-tab-header .mat-ripple-element,
.mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-ripple-element,
.mat-tab-group.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element, .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-ripple-element,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-ripple-element,
.mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination .mat-ripple-element {
  background-color: white;
  opacity: 0.12;
}
.mat-tab-group.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-group.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-group.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-keyboard-focused:not(.mat-tab-disabled), .mat-tab-nav-bar.mat-background-warn .mat-tab-label.cdk-program-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-keyboard-focused:not(.mat-tab-disabled),
.mat-tab-nav-bar.mat-background-warn .mat-tab-link.cdk-program-focused:not(.mat-tab-disabled) {
  background-color: rgba(255, 205, 210, 0.3);
}
.mat-tab-group.mat-background-warn > .mat-tab-header, .mat-tab-group.mat-background-warn > .mat-tab-link-container, .mat-tab-group.mat-background-warn > .mat-tab-header-pagination, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header, .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination {
  background-color: #f44336;
}
.mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label, .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label, .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link {
  color: white;
}
.mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-label.mat-tab-disabled, .mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-tab-link.mat-tab-disabled {
  color: rgba(255, 255, 255, 0.4);
}
.mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-group.mat-background-warn > .mat-tab-header .mat-focus-indicator::before, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-focus-indicator::before,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-focus-indicator::before {
  border-color: white;
}
.mat-tab-group.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-group.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination-disabled .mat-tab-header-pagination-chevron {
  border-color: white;
  opacity: 0.4;
}
.mat-tab-group.mat-background-warn > .mat-tab-header .mat-ripple-element,
.mat-tab-group.mat-background-warn > .mat-tab-link-container .mat-ripple-element,
.mat-tab-group.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element, .mat-tab-nav-bar.mat-background-warn > .mat-tab-header .mat-ripple-element,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-link-container .mat-ripple-element,
.mat-tab-nav-bar.mat-background-warn > .mat-tab-header-pagination .mat-ripple-element {
  background-color: white;
  opacity: 0.12;
}
.mat-toolbar {
  background: whitesmoke;
  color: rgba(0, 0, 0, 0.87);
}
.mat-toolbar.mat-primary {
  background: #03a9f4;
  color: white;
}
.mat-toolbar.mat-accent {
  background: #009688;
  color: white;
}
.mat-toolbar.mat-warn {
  background: #f44336;
  color: white;
}
.mat-toolbar .mat-form-field-underline,
.mat-toolbar .mat-form-field-ripple,
.mat-toolbar .mat-focused .mat-form-field-ripple {
  background-color: currentColor;
}
.mat-toolbar .mat-form-field-label,
.mat-toolbar .mat-focused .mat-form-field-label,
.mat-toolbar .mat-select-value,
.mat-toolbar .mat-select-arrow,
.mat-toolbar .mat-form-field.mat-focused .mat-select-arrow {
  color: inherit;
}
.mat-toolbar .mat-input-element {
  caret-color: currentColor;
}
.mat-toolbar-multiple-rows {
  min-height: 64px;
}
.mat-toolbar-row, .mat-toolbar-single-row {
  height: 64px;
}
@media (max-width: 599px) {
  .mat-toolbar-multiple-rows {
    min-height: 56px;
  }
  .mat-toolbar-row, .mat-toolbar-single-row {
    height: 56px;
  }
}
.mat-tooltip {
  background: rgba(97, 97, 97, 0.9);
}
.mat-tree {
  background: white;
}
.mat-tree-node,
.mat-nested-tree-node {
  color: rgba(0, 0, 0, 0.87);
}
.mat-tree-node {
  min-height: 48px;
}
.mat-snack-bar-container {
  color: rgba(255, 255, 255, 0.7);
  background: #323232;
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}
.mat-simple-snackbar-action {
  color: #009688;
}
button.btn-s,
a.btn-s {
  font-size: 12px;
  line-height: 26px;
  padding: 0 10px;
  min-width: 40px;
  margin-right: 10px;
}
/* 滚动条整体 */
.mat-dialog-content {
  overflow: auto;
}
.mat-dialog-content::-webkit-scrollbar {
  width: 6px;
  height: 8px;
}
/* 滚动条滑轨 */
.mat-dialog-content::-webkit-scrollbar-track {
  border-radius: 10px;
}
/* 滚动条滑块 */
.mat-dialog-content::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: rgba(168, 168, 168, 0.6);
}
.mat-dialog-content::-webkit-scrollbar-thumb:hover {
  background-color: rgba(168, 168, 168, 0.8);
}
.noscroll .mat-dialog-content {
  overflow: visible;
}
/* 项次详情弹窗样式 */
.show-detail .mat-dialog-container {
  border-radius: 0;
  padding: 0;
}
/*!**************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./src/assets/css/flatpickr.min.css ***!
  \**************************************************************************************************************************************************************************************************************************/
.flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;box-sizing:border-box;touch-action:manipulation;background:#fff;box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08);}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px);}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){box-shadow:none !important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:'';height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.rightMost:after{left:auto;right:22px}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-months{display:flex;}.flatpickr-months .flatpickr-month{background:transparent;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9);height:28px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;flex:1}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{text-decoration:none;cursor:pointer;position:absolute;top:0;line-height:16px;height:28px;padding:10px;z-index:3;}.flatpickr-months .flatpickr-prev-month.disabled,.flatpickr-months .flatpickr-next-month.disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{/*
      /*rtl:begin:ignore*/left:0;/*
      /*rtl:end:ignore*/}/*
      /*rtl:begin:ignore*//*
      /*rtl:end:ignore*/.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{/*
      /*rtl:begin:ignore*/right:0;/*
      /*rtl:end:ignore*/}/*
      /*rtl:begin:ignore*//*
      /*rtl:end:ignore*/.flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9;}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px;}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto;}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%;}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,0.15);box-sizing:border-box;}.numInputWrapper span:hover{background:rgba(0,0,0,0.1)}.numInputWrapper span:active{background:rgba(0,0,0,0.2)}.numInputWrapper span:after{display:block;content:"";position:absolute}.numInputWrapper span.arrowUp{top:0;border-bottom:0;}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,0.6);top:26%}.numInputWrapper span.arrowDown{top:50%;}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,0.6);top:40%}.numInputWrapper span svg{width:inherit;height:auto;}.numInputWrapper span svg path{fill:rgba(0,0,0,0.5)}.numInputWrapper:hover{background:rgba(0,0,0,0.05);}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:6.16px 0 0 0;line-height:1;height:28px;display:inline-block;text-align:center;transform:translate3d(0,0,0);}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0;}.flatpickr-current-month span.cur-month:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch\0;display:inline-block;}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:rgba(0,0,0,0.9)}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:rgba(0,0,0,0.9)}.flatpickr-current-month input.cur-year{background:transparent;box-sizing:border-box;color:inherit;cursor:text;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;border:0;border-radius:0;vertical-align:baseline;vertical-align:initial;}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(0,0,0,0.5);background:transparent;pointer-events:none}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;display:flex;align-items:center;height:28px;}.flatpickr-weekdays .flatpickr-weekdaycontainer{display:flex;flex:1}span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:rgba(0,0,0,0.54);line-height:1;margin:0;text-align:center;display:block;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0 0}.flatpickr-days{position:relative;overflow:hidden;display:flex;align-items:flex-start;width:307.875px;}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;box-sizing:border-box;display:inline-block;display:flex;flex-wrap:wrap;-ms-flex-wrap:wrap;justify-content:space-around;transform:translate3d(0,0,0);opacity:1;}.dayContainer + .dayContainer{box-shadow:-1px 0 0 #e6e6e6}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;justify-content:center;text-align:center;}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#959ea9;}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#959ea9;background:#959ea9;color:#fff}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#569ff7;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange + .endRange,.flatpickr-day.startRange.startRange + .endRange,.flatpickr-day.endRange.startRange + .endRange{box-shadow:-10px 0 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-day.disabled,.flatpickr-day.disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:rgba(57,57,57,0.3);background:transparent;border-color:transparent;cursor:default}.flatpickr-day.disabled,.flatpickr-day.disabled:hover{cursor:not-allowed;color:rgba(57,57,57,0.1)}.flatpickr-day.week.selected{border-radius:0;box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{display:inline-block;float:left;}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;box-shadow:1px 0 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:rgba(57,57,57,0.3);background:transparent;cursor:default;border:none}.flatpickr-innerContainer{display:block;display:flex;box-sizing:border-box;overflow:hidden;}.flatpickr-rContainer{display:inline-block;padding:0;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;box-sizing:border-box;overflow:hidden;display:flex;}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{flex:1;width:40%;height:40px;float:left;}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;cursor:pointer;color:#393939;font-size:14px;position:relative;box-sizing:border-box;}.flatpickr-time input.flatpickr-hour{font-weight:bold}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;display:inline-block;float:left;line-height:inherit;color:#393939;font-weight:bold;width:2%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400;}.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time .flatpickr-am-pm:focus{background:#f0f0f0}.flatpickr-input[readonly]{cursor:pointer}@keyframes fpFadeInDown{from{opacity:0;transform:translate3d(0,-20px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
/*!*******************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/swiper/swiper-bundle.css ***!
  \*******************************************************************************************************************************************************************************************************************************/
/**
 * Swiper 6.8.4
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2021 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: August 23, 2021
 */

@font-face {
  font-family: 'swiper-icons';
  src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format('woff');
  font-weight: 400;
  font-style: normal;
}

:root {
  --swiper-theme-color: #007aff;
}

.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-container-multirow-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}

.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-container-pointer-events {
  touch-action: pan-y;
}

.swiper-container-pointer-events.swiper-container-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

/* 3D Effects */

.swiper-container-3d {
  perspective: 1200px;
}

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* CSS Mode */

.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}

.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: x mandatory;
      scroll-snap-type: x mandatory;
}

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: y mandatory;
      scroll-snap-type: y mandatory;
}

:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: calc(44px / 44 * 27);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: 44px;
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (44px / 2));
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #007aff;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: 44px;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-feature-settings: ;
  font-variant: normal;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}

.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
  content: 'prev';
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
  content: 'next';
}

.swiper-button-prev.swiper-button-white,
.swiper-button-next.swiper-button-white {
  --swiper-navigation-color: #ffffff;
}

.swiper-button-prev.swiper-button-black,
.swiper-button-next.swiper-button-black {
  --swiper-navigation-color: #000000;
}

.swiper-button-lock {
  display: none;
}

:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  */
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

/* Common Styles */

.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}

/* Bullets */

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 50%;
  background: #000;
  opacity: 0.2;
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
          -moz-appearance: none;
       appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left;
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}

/* Progress */

.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #007aff;
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-white {
  --swiper-pagination-color: #ffffff;
}

.swiper-pagination-black {
  --swiper-pagination-color: #000000;
}

.swiper-pagination-lock {
  display: none;
}

/* Scrollbar */

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
}

/* Preloader */

:root {
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  */
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  animation: swiper-preloader-spin 1s infinite linear;
  box-sizing: border-box;
  border: 4px solid #007aff;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}

/* a11y */

.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube {
  overflow: visible;
}

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}

.swiper-container-cube .swiper-cube-shadow:before {
  content: '';
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}

.swiper-container-flip {
  overflow: visible;
}

.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  z-index: 1;
}

.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}