@charset "UTF-8";
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

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

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
  margin: 20px 0;
  border: 0;
  border-top: 1px solid  #d7d8da;
  border-top: 1px solid var(--devui-line, #d7d8da);
}

pre {
  font-family: monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
}

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

b,
strong {
  font-weight: bold;
}

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

small {
  font-size: 80%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.5;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

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

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

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

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

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

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

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

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

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

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

.devui-font-size-base {
  font-size:  12px;
  font-size: var(--devui-font-size, 12px);
}

.devui-font-base {
  font-size:  12px;
  font-size: var(--devui-font-size, 12px);
  font-weight: normal;
  line-height: 1.5;
}

.devui-font-size-modal-title {
  font-size:  18px;
  font-size: var(--devui-font-size-modal-title, 18px);
}

.devui-font-modal-title {
  font-size:  18px;
  font-size: var(--devui-font-size-modal-title, 18px);
  font-weight: bold;
  line-height: 1.5;
}

.devui-font-size-page-title {
  font-size:  16px;
  font-size: var(--devui-font-size-page-title, 16px);
}

.devui-font-page-title {
  font-size:  16px;
  font-size: var(--devui-font-size-page-title, 16px);
  font-weight: bold;
  line-height: 1.5;
}

.devui-font-size-secondary-title {
  font-size:  14px;
  font-size: var(--devui-font-size-card-title, 14px);
}

.devui-font-secondary-title {
  font-size:  14px;
  font-size: var(--devui-font-size-card-title, 14px);
  font-weight: bold;
  line-height: 1.5;
}

body {
  margin: 0;
  padding: 0;
  color:  #252b3a;
  color: var(--devui-text, #252b3a);
  font-size:  12px;
  font-size: var(--devui-font-size, 12px);
  font-family: "HuaweiFont", "Helvetica", "Arial", "PingFangSC-Regular", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", "Microsoft JhengHei";
  line-height: 1.5;
}

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

button {
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  outline: 0;
  -webkit-appearance: button;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: inherit;
}

ul,
ol {
  list-style: none;
  margin: 0;
  padding: 0;
}

p {
  margin: 0;
  padding: 0;
}

a,
a:hover,
a:focus,
a:active,
a:visited {
  text-decoration: none;
}

:-ms-input-placeholder {
  color:  #babbc0;
  color: var(--devui-placeholder, #babbc0);
}

::-moz-placeholder {
  color:  #babbc0;
  color: var(--devui-placeholder, #babbc0);
}

::-webkit-input-placeholder {
  color:  #babbc0;
  color: var(--devui-placeholder, #babbc0);
}

.devui-scrollbar::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.devui-scrollbar::-webkit-scrollbar-track {
  background-color: transparent;
}

.devui-scrollbar::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background-color:  #d7d8da;
  background-color: var(--devui-line, #d7d8da);
}

.devui-scrollbar::-webkit-scrollbar-thumb:hover {
  background-color:  #babbc0;
  background-color: var(--devui-placeholder, #babbc0);
}

body > * ::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

body > * ::-webkit-scrollbar-track {
  background-color: transparent;
}

body > * ::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background-color:  #d7d8da;
  background-color: var(--devui-line, #d7d8da);
}

body > * ::-webkit-scrollbar-thumb:hover {
  background-color:  #babbc0;
  background-color: var(--devui-placeholder, #babbc0);
}

body > * ::-webkit-scrollbar-corner {
  background-color: transparent;
}

.over-flow-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.clear-fix {
  zoom: 1;
}

.clear-fix::after {
  content: "";
  display: block;
  width: 0;
  clear: both;
}

.devui-close {
  float: right;
  font-weight: bold;
  line-height: 20px;
  height: 20px;
  color:  #252b3a;
  color: var(--devui-text, #252b3a);
  text-shadow: 0 1px 0 #ffffff;
  filter: alpha(opacity=20);
  opacity: 0.2;
}
.devui-close:hover, .devui-close:focus {
  color:  #252b3a;
  color: var(--devui-text, #252b3a);
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: 0.5;
}

button.devui-close {
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}

a:hover,
a:focus {
  color:  #526ecc;
  color: var(--devui-link, #526ecc);
}

a:active,
a:hover {
  outline: 0;
}

.devui-link {
  color:  #526ecc;
  color: var(--devui-link, #526ecc);
}
.devui-link:hover {
  color:  #526ecc;
  color: var(--devui-link, #526ecc);
  text-decoration: underline;
  cursor: pointer;
}

.devui-link-light {
  color:  #96adfa;
  color: var(--devui-link-light, #96adfa);
}
.devui-link-light:hover {
  color:  #96adfa;
  color: var(--devui-link-light, #96adfa);
  text-decoration: underline;
  cursor: pointer;
}

.devui-disabled, .devui-disabled.devui-input-group-addon {
  border-color:  #dfe1e6;
  border-color: var(--devui-disabled-line, #dfe1e6);
}
.devui-disabled, .devui-disabled > input, .devui-disabled > .devui-input-group-addon {
  color:  #cfd0d3;
  color: var(--devui-disabled-text, #cfd0d3);
  background-color:  #f5f5f5;
  background-color: var(--devui-disabled-bg, #f5f5f5);
  cursor: not-allowed;
}

.devui-body-scrollblock {
  width: 100%;
}

.devui-body-overflow-hidden {
  overflow: hidden;
}

.devui-data-table .devui-table-title {
  font-weight: bold;
}
.devui-data-table .devui-table-link:hover {
  text-decoration: underline;
  cursor: pointer;
  color:  #526ecc;
  color: var(--devui-link, #526ecc);
}

.devui-dropdown {
  position: relative;
  vertical-align: middle;
}
.devui-dropdown .devui-dropdown-toggle {
  box-shadow: none;
  outline: none;
}
.devui-dropdown .devui-dropdown-toggle.devui-dropdown-default {
  line-height: 1.5;
  padding: 4px 10px;
  border-radius:  2px;
  border-radius: var(--devui-border-radius, 2px);
  text-align: center;
  cursor: pointer;
  outline: 0;
  border-style: solid;
  border-width: 1px;
  display: flex;
  align-items: center;
}
.devui-dropdown .devui-dropdown-toggle.devui-dropdown-default:not(.devui-dropdown-item) {
  display: inline-flex !important;
}
.devui-dropdown .devui-caret {
  display: inline-block;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.devui-dropdown.devui-dropdown-open .devui-dropdown-toggle span.icon-chevron-down, .devui-dropdown.devui-dropdown-open .devui-dropdown-toggle span.icon-select-arrow {
  transform: rotate(180deg);
}

.devui-dropdown-menu {
  display: none;
  position: absolute;
  left: 0;
  top: 100%;
  z-index:  1052;
  z-index: var(--devui-z-index-dropdown, 1052);
  min-width: min(100%, 102px);
  margin: 4px 0;
  background-clip: padding-box;
  background-color:  #ffffff;
  background-color: var(--devui-connected-overlay-bg, #ffffff);
  border-radius:  2px;
  border-radius: var(--devui-border-radius, 2px);
  box-shadow:  0 4px 8px 0  rgba(37, 43, 58, 0.2);
  box-shadow: var(--devui-shadow-length-connected-overlay, 0 4px 8px 0) var(--devui-shadow, rgba(37, 43, 58, 0.2));
  list-style: none;
  outline: none;
}
.devui-dropdown-menu.devui-scrollbar,
.devui-dropdown-menu .devui-scrollbar {
  overflow-x: visible;
  overflow-y: auto;
  overflow-y: overlay;
}
.open > .devui-dropdown-menu {
  display: block;
}
.devui-dropdown-menu > li {
  position: relative;
}
.devui-dropdown-menu > li > a {
  height: 36px;
  padding: 8px 12px;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.devui-dropdown-menu li > input {
  margin: 0 8px;
}
.devui-dropdown-menu > .disabled > a {
  color:  #cfd0d3;
  color: var(--devui-disabled-text, #cfd0d3);
  cursor: not-allowed;
}
.devui-dropdown-menu > .disabled > a:hover, .devui-dropdown-menu > .disabled > a:focus {
  cursor: not-allowed;
}
.devui-dropdown-menu .devui-dropdown-item {
  cursor: pointer;
  display: block;
  width: 100%;
  min-height: 36px;
  line-height: 20px;
  padding: 8px 12px;
  border: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-radius:  2px;
  border-radius: var(--devui-border-radius, 2px);
  transition: color  100ms  cubic-bezier(0.645, 0.045, 0.355, 1), background-color  100ms  cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: color var(--devui-animation-duration-fast, 100ms) var(--devui-animation-ease-in-out-smooth, cubic-bezier(0.645, 0.045, 0.355, 1)), background-color var(--devui-animation-duration-fast, 100ms) var(--devui-animation-ease-in-out-smooth, cubic-bezier(0.645, 0.045, 0.355, 1));
}
.devui-dropdown-menu .devui-dropdown-item:not(:first-child) {
  margin-top: 4px;
}
.devui-dropdown-menu .devui-dropdown-item.disabled {
  cursor: not-allowed;
  color:  #cfd0d3;
  color: var(--devui-disabled-text, #cfd0d3);
}
.devui-dropdown-menu .devui-dropdown-item:not(.disabled):hover:not(.selected):not(.active) {
  background-color:  #f2f2f3;
  background-color: var(--devui-list-item-hover-bg, #f2f2f3);
  color:  #252b3a;
  color: var(--devui-list-item-hover-text, #252b3a);
}
.devui-dropdown-menu .devui-dropdown-item:not(.disabled).devui-dropdown-bg {
  background-color:  #f2f2f3;
  background-color: var(--devui-list-item-hover-bg, #f2f2f3);
  color:  #252b3a;
  color: var(--devui-list-item-hover-text, #252b3a);
}
.devui-dropdown-menu .devui-dropdown-item:not(.disabled).selected, .devui-dropdown-menu .devui-dropdown-item:not(.disabled).active {
  color:  #252b3a;
  color: var(--devui-list-item-active-text, #252b3a);
  background-color:  #f2f5fc;
  background-color: var(--devui-list-item-active-bg, #f2f5fc);
}
.devui-dropdown-menu .devui-dropdown-item:not(.disabled).selected:hover, .devui-dropdown-menu .devui-dropdown-item:not(.disabled).active:hover {
  background-color:  #f2f5fc;
  background-color: var(--devui-list-item-active-bg, #f2f5fc);
  color:  #252b3a;
  color: var(--devui-list-item-active-text, #252b3a);
}
.devui-dropdown-menu .devui-no-data-tip {
  cursor: not-allowed;
  color:  #cfd0d3;
  color: var(--devui-disabled-text, #cfd0d3);
  font-size:  12px;
  font-size: var(--devui-font-size, 12px);
  background:  #ffffff;
  background: var(--devui-base-bg, #ffffff);
  line-height: 22px;
  padding: 0;
  text-align: center;
  user-select: none;
}

.devui-dropdown-menu-wrap .devui-no-data-tip {
  cursor: not-allowed;
  color:  #cfd0d3;
  color: var(--devui-disabled-text, #cfd0d3);
  font-size:  12px;
  font-size: var(--devui-font-size, 12px);
  background:  #ffffff;
  background: var(--devui-base-bg, #ffffff);
  line-height: 22px;
  padding: 0;
  text-align: center;
  user-select: none;
}

.devui-form-group.devui-has-feedback > .devui-form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 28px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  pointer-events: none;
}
.devui-form-group.devui-has-feedback > .devui-form-control-feedback:hover {
  position: absolute;
}
.devui-form-group.devui-has-feedback > .devui-form-control-feedback .devui-caret {
  display: inline-block;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

.form-group.has-feedback[tabindex] {
  outline: 0;
}

.devui-dropdown-no-border {
  min-height: 28px;
  min-width: min(100%, 102px);
  line-height: 1.5;
  padding: 4px 10px;
  border-radius:  2px;
  border-radius: var(--devui-border-radius, 2px);
  text-align: center;
  outline: 0;
  background-image: none;
  text-decoration: none;
  cursor: pointer;
  color:  #252b3a;
  color: var(--devui-text, #252b3a);
  display: flex;
  align-items: center;
  box-shadow: none;
  border: none;
}
.devui-dropdown-no-border:hover, .devui-dropdown-no-border:focus {
  text-decoration: none;
}
.devui-dropdown-no-border:active:hover, .devui-dropdown-no-border:focus {
  color:  #526ecc;
  color: var(--devui-brand-active, #526ecc);
}

.devui-dropdown .devui-dropdown-default {
  background-color:  #ffffff;
  background-color: var(--devui-base-bg, #ffffff);
  color:  #252b3a;
  color: var(--devui-text, #252b3a);
  border-color:  #d7d8da;
  border-color: var(--devui-form-control-line, #d7d8da);
}
.devui-dropdown .devui-dropdown-default:active, .devui-dropdown .devui-dropdown-default:focus, .devui-dropdown .devui-dropdown-default:hover {
  border-color:  #9b9fa8;
  border-color: var(--devui-form-control-line-hover, #9b9fa8);
}
.devui-dropdown .devui-dropdown-menu {
  background:  #ffffff;
  background: var(--devui-connected-overlay-bg, #ffffff);
  box-shadow:  0 4px 8px 0  rgba(37, 43, 58, 0.2);
  box-shadow: var(--devui-shadow-length-connected-overlay, 0 4px 8px 0) var(--devui-shadow, rgba(37, 43, 58, 0.2));
}
.devui-dropdown .devui-dropdown-menu > li > a:not(.disabled) {
  color:  #252b3a;
  color: var(--devui-text, #252b3a);
}
.devui-dropdown .devui-dropdown-menu > li > a:not(.disabled):hover, .devui-dropdown .devui-dropdown-menu > li > a:not(.disabled):focus {
  background-color:  #f2f2f3;
  background-color: var(--devui-list-item-hover-bg, #f2f2f3);
}
.devui-dropdown .devui-dropdown-menu > .disabled > a {
  color:  #cfd0d3;
  color: var(--devui-disabled-text, #cfd0d3);
  cursor: not-allowed;
}
.devui-dropdown .devui-dropdown-menu > .disabled > a:hover, .devui-dropdown .devui-dropdown-menu > .disabled > a:focus {
  background-color: transparent;
}

.devui-image-preview-container img {
  cursor: zoom-in;
}

.devui-form-controls input[type=text],
.devui-form-controls input[type=password],
[dTextInput] {
  width: 100%;
  height: 28px;
  font-size:  12px;
  font-size: var(--devui-font-size, 12px);
}
.devui-form-controls input[type=text].devui-textinput-sm,
.devui-form-controls input[type=password].devui-textinput-sm,
[dTextInput].devui-textinput-sm {
  font-size:  12px;
  font-size: var(--devui-font-size-sm, 12px);
  height: 26px;
}
.devui-form-controls input[type=text].devui-textinput-lg,
.devui-form-controls input[type=password].devui-textinput-lg,
[dTextInput].devui-textinput-lg {
  font-size:  14px;
  font-size: var(--devui-font-size-lg, 14px);
  height: 46px;
}

[dTextArea] {
  width: 100%;
}

.devui-form-controls textarea,
[dTextInput],
[dTextarea] {
  box-sizing: border-box;
  padding: 4px 8px;
  color:  #252b3a;
  color: var(--devui-text, #252b3a);
  vertical-align: middle;
  border: 1px solid  #d7d8da;
  border: 1px solid var(--devui-form-control-line, #d7d8da);
  border-radius:  2px;
  border-radius: var(--devui-border-radius, 2px);
  outline: none;
  background-color:  #ffffff;
  background-color: var(--devui-form-control-bg, #ffffff);
  transition: border-color 300ms  cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: border-color 300ms var(--devui-animation-ease-in-out-smooth, cubic-bezier(0.645, 0.045, 0.355, 1));
}
.devui-form-controls textarea:not([disabled]):not(.disabled):not(.devui-disabled):not(.error):not(.devui-error):hover,
[dTextInput]:not([disabled]):not(.disabled):not(.devui-disabled):not(.error):not(.devui-error):hover,
[dTextarea]:not([disabled]):not(.disabled):not(.devui-disabled):not(.error):not(.devui-error):hover {
  border-color:  #9b9fa8;
  border-color: var(--devui-form-control-line-hover, #9b9fa8);
}
.devui-form-controls textarea:not([disabled]):not(.disabled):not(.devui-disabled):not(.error):not(.devui-error):focus,
[dTextInput]:not([disabled]):not(.disabled):not(.devui-disabled):not(.error):not(.devui-error):focus,
[dTextarea]:not([disabled]):not(.disabled):not(.devui-disabled):not(.error):not(.devui-error):focus {
  border-color:  #5e7ce0;
  border-color: var(--devui-form-control-line-active, #5e7ce0);
}
.devui-form-controls textarea[disabled], .devui-form-controls textarea[disabled]:hover, .devui-form-controls textarea.disabled, .devui-form-controls textarea.disabled:hover, .devui-form-controls textarea.devui-disabled, .devui-form-controls textarea.devui-disabled:hover,
[dTextInput][disabled],
[dTextInput][disabled]:hover,
[dTextInput].disabled,
[dTextInput].disabled:hover,
[dTextInput].devui-disabled,
[dTextInput].devui-disabled:hover,
[dTextarea][disabled],
[dTextarea][disabled]:hover,
[dTextarea].disabled,
[dTextarea].disabled:hover,
[dTextarea].devui-disabled,
[dTextarea].devui-disabled:hover {
  cursor: not-allowed;
  background-color:  #f5f5f5;
  background-color: var(--devui-disabled-bg, #f5f5f5);
  border-color:  #dfe1e6;
  border-color: var(--devui-disabled-line, #dfe1e6);
  color:  #cfd0d3;
  color: var(--devui-disabled-text, #cfd0d3);
}
.devui-form-controls textarea::placeholder,
[dTextInput]::placeholder,
[dTextarea]::placeholder {
  color:  #babbc0;
  color: var(--devui-placeholder, #babbc0);
}

.devui-form-controls textarea,
[dTextarea] {
  width: 100%;
}

.devui-input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}

.devui-input-group-addon {
  border: 1px solid  #d7d8da;
  border: 1px solid var(--devui-form-control-line, #d7d8da);
  border-radius:  2px;
  border-radius: var(--devui-border-radius, 2px);
  display: table-cell;
  padding: 0 8px;
  text-align: center;
}
.devui-input-group-addon:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: 0;
}
.devui-input-group-addon:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: 0;
}

.devui-input {
  outline: none;
  background-color:  #ffffff;
  background-color: var(--devui-form-control-bg, #ffffff);
  border: 1px solid  #d7d8da;
  border: 1px solid var(--devui-form-control-line, #d7d8da);
  border-radius:  2px;
  border-radius: var(--devui-border-radius, 2px);
  padding: 4px 8px;
  line-height: 18px;
  font-size:  12px;
  font-size: var(--devui-font-size, 12px);
  color:  #252b3a;
  color: var(--devui-text, #252b3a);
  width: 100%;
  display: block;
  cursor: text;
  height: 28px;
  transition: border-color 300ms  cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: border-color 300ms var(--devui-animation-ease-in-out-smooth, cubic-bezier(0.645, 0.045, 0.355, 1));
}
.devui-input:hover {
  border-color:  #9b9fa8;
  border-color: var(--devui-form-control-line-hover, #9b9fa8);
}
.devui-input:focus {
  border-color:  #5e7ce0;
  border-color: var(--devui-form-control-line-active, #5e7ce0);
}
.devui-input[disabled], .devui-input[disabled]:hover, .devui-input[disabled]:focus, .devui-input[disabled]:hover:focus, .devui-input.disabled, .devui-input.disabled:hover, .devui-input.disabled:focus, .devui-input.disabled:hover:focus, .devui-input.devui-disabled, .devui-input.devui-disabled:hover, .devui-input.devui-disabled:focus, .devui-input.devui-disabled:hover:focus {
  border-color:  #dfe1e6;
  border-color: var(--devui-disabled-line, #dfe1e6);
  color:  #cfd0d3;
  color: var(--devui-disabled-text, #cfd0d3);
  background-color:  #f5f5f5;
  background-color: var(--devui-disabled-bg, #f5f5f5);
  cursor: not-allowed;
}
.devui-input::placeholder {
  color:  #babbc0;
  color: var(--devui-placeholder, #babbc0);
}
.devui-input.devui-search-in-dropdown {
  margin: 0;
  border: none;
  padding: 4px 28px 4px 8px;
  background-color:  #f2f2f3;
  background-color: var(--devui-embed-search-bg, #f2f2f3);
  color:  #252b3a;
  color: var(--devui-text, #252b3a);
}
.devui-input.devui-search-in-dropdown:-ms-input-placeholder {
  color:  #babbc0;
  color: var(--devui-placeholder, #babbc0);
}
.devui-input.devui-search-in-dropdown:hover {
  background-color:  #eef0f5;
  background-color: var(--devui-embed-search-bg-hover, #eef0f5);
}
.devui-input-group > .devui-input {
  display: table-cell;
}
.devui-input-group > .devui-input:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.devui-input-group > .devui-input:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.devui-input-group > .devui-input:not(:first-child):not(:last-child) {
  border-radius: 0;
}

.devui-input-lg {
  font-size:  16px;
  font-size: var(--devui-font-size-page-title, 16px);
  line-height: 20px;
  height: 32px;
}

.devui-input-sm {
  font-size:  12px;
  font-size: var(--devui-font-size, 12px);
  line-height: 14px;
  height: 26px;
}

.devui-dropup,
.devui-dropdown {
  position: relative;
}

.devui-form-group {
  position: relative;
}

.devui-form-control {
  color:  #252b3a;
  color: var(--devui-text, #252b3a);
  background-color:  #ffffff;
  background-color: var(--devui-form-control-bg, #ffffff);
  padding: 4px 8px;
  border: 1px solid  #d7d8da;
  border: 1px solid var(--devui-form-control-line, #d7d8da);
  display: block;
  width: 100%;
  height: 28px;
  border-radius:  2px;
  border-radius: var(--devui-border-radius, 2px);
  outline: 0;
  transition: border-color 300ms  cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: border-color 300ms var(--devui-animation-ease-in-out-smooth, cubic-bezier(0.645, 0.045, 0.355, 1));
}
.devui-form-control[disabled], .devui-form-control[disabled]:hover, .devui-form-control[disabled]:focus, .devui-form-control.disabled, .devui-form-control.disabled:hover, .devui-form-control.disabled:focus, .devui-form-control.devui-disabled, .devui-form-control.devui-disabled:hover, .devui-form-control.devui-disabled:focus {
  border-color:  #dfe1e6;
  border-color: var(--devui-disabled-line, #dfe1e6);
}
.devui-form-control[disabled], .devui-form-control[disabled] > input, .devui-form-control[disabled]:hover, .devui-form-control[disabled]:hover > input, .devui-form-control[disabled]:focus, .devui-form-control[disabled]:focus > input, .devui-form-control.disabled, .devui-form-control.disabled > input, .devui-form-control.disabled:hover, .devui-form-control.disabled:hover > input, .devui-form-control.disabled:focus, .devui-form-control.disabled:focus > input, .devui-form-control.devui-disabled, .devui-form-control.devui-disabled > input, .devui-form-control.devui-disabled:hover, .devui-form-control.devui-disabled:hover > input, .devui-form-control.devui-disabled:focus, .devui-form-control.devui-disabled:focus > input {
  color:  #cfd0d3;
  color: var(--devui-disabled-text, #cfd0d3);
  background-color:  #f5f5f5;
  background-color: var(--devui-disabled-bg, #f5f5f5);
  cursor: not-allowed;
}
.devui-form-control:hover {
  border-color:  #9b9fa8;
  border-color: var(--devui-form-control-line-hover, #9b9fa8);
}
.devui-form-control:focus {
  border-color:  #5e7ce0;
  border-color: var(--devui-form-control-line-active, #5e7ce0);
}

:not(.multiple-label-auto-complete-disabled):not(.devui-error) > .devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]):not([disabled]):not(.disabled):not(.devui-disabled):not(.devui-dropdown-no-border):not(.devui-no-border) {
  border-color:  #d7d8da;
  border-color: var(--devui-form-control-line, #d7d8da);
  transition: border-color 300ms  cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: border-color 300ms var(--devui-animation-ease-in-out-smooth, cubic-bezier(0.645, 0.045, 0.355, 1));
}
:not(.multiple-label-auto-complete-disabled):not(.devui-error) > .devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]):not([disabled]):not(.disabled):not(.devui-disabled):not(.devui-dropdown-no-border):not(.devui-no-border):hover:not(:focus):not(.devui-dropdown-origin-open) {
  border-color:  #9b9fa8;
  border-color: var(--devui-form-control-line-hover, #9b9fa8);
}
:not(.multiple-label-auto-complete-disabled):not(.devui-error) > .devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]):not([disabled]):not(.disabled):not(.devui-disabled):not(.devui-dropdown-no-border):not(.devui-no-border):focus, :not(.multiple-label-auto-complete-disabled):not(.devui-error) > .devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]):not([disabled]):not(.disabled):not(.devui-disabled):not(.devui-dropdown-no-border):not(.devui-no-border):focus-within {
  outline: none;
  border-color:  #5e7ce0;
  border-color: var(--devui-form-control-line-active, #5e7ce0);
}
:not(.multiple-label-auto-complete-disabled):not(.devui-error) > .devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]):not([disabled]):not(.disabled):not(.devui-disabled):not(.devui-dropdown-no-border):not(.devui-no-border).devui-dropdown-origin-open {
  outline: none;
  border-color:  #526ecc;
  border-color: var(--devui-connected-overlay-line, #526ecc);
}

.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]) {
  min-height: 28px;
}
.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]):not([disabled]):not(.disabled):not(.devui-disabled) {
  color:  #252b3a;
  color: var(--devui-text, #252b3a);
}
.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]) > .devui-input, .devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]) > .devui-form-control {
  height: 26px;
}
.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]):not(.devui-select-underlined-border):not(.devui-dropdown-no-border):not(.devui-no-border) {
  border-radius:  2px;
  border-radius: var(--devui-border-radius, 2px);
  border-width: 1px;
  border-style: solid;
}
.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]) .devui-form-control,
.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]) .devui-form-control:hover,
.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]) .devui-form-control:focus,
.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]) .devui-form-control:focus:hover,
.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]) .devui-input-group-addon,
.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]) .devui-input-group-addon:hover,
.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]) .devui-input-group-addon:focus,
.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]) > .devui-dropdown-default,
.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]) > .devui-dropdown-default:hover,
.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]) > .devui-dropdown-default:active,
.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]) > .devui-dropdown-default:focus {
  border-color: transparent;
}
.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])[disabled] .devui-form-control,
.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])[disabled] .devui-form-control:hover,
.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])[disabled] .devui-form-control:focus,
.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])[disabled] .devui-form-control:focus:hover,
.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])[disabled] .devui-input-group-addon,
.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])[disabled] > .devui-dropdown-default,
.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])[disabled] > .devui-dropdown-default:hover,
.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])[disabled] > .devui-dropdown-default:active,
.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-])[disabled] > .devui-dropdown-default:focus, .devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).disabled .devui-form-control,
.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).disabled .devui-form-control:hover,
.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).disabled .devui-form-control:focus,
.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).disabled .devui-form-control:focus:hover,
.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).disabled .devui-input-group-addon,
.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).disabled > .devui-dropdown-default,
.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).disabled > .devui-dropdown-default:hover,
.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).disabled > .devui-dropdown-default:active,
.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).disabled > .devui-dropdown-default:focus, .devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).devui-disabled .devui-form-control,
.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).devui-disabled .devui-form-control:hover,
.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).devui-disabled .devui-form-control:focus,
.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).devui-disabled .devui-form-control:focus:hover,
.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).devui-disabled .devui-input-group-addon,
.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).devui-disabled > .devui-dropdown-default,
.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).devui-disabled > .devui-dropdown-default:hover,
.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).devui-disabled > .devui-dropdown-default:active,
.devui-dropdown-origin:not(d-button):not(.icon):not([class^=icon-]).devui-disabled > .devui-dropdown-default:focus {
  background-color:  #f5f5f5;
  background-color: var(--devui-disabled-bg, #f5f5f5);
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  color:  #babbc0;
  color: var(--devui-placeholder, #babbc0);
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color:  #babbc0;
  color: var(--devui-placeholder, #babbc0);
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color:  #babbc0;
  color: var(--devui-placeholder, #babbc0);
}

/* status style start */
/* border color and background */
[dTextInput]:not([disabled]):not(.disabled):not(.devui-disabled).error,
[dTextarea]:not([disabled]):not(.disabled):not(.devui-disabled).error,
[dTextInput]:not([disabled]):not(.disabled):not(.devui-disabled).devui-error,
[dTextarea]:not([disabled]):not(.disabled):not(.devui-disabled).devui-error {
  border-color:  #f66f6a;
  border-color: var(--devui-danger-line, #f66f6a);
  background-color:  #ffd5d4;
  background-color: var(--devui-danger-bg, #ffd5d4);
}

[dDatePicker]:not([disabled]):not(.disabled):not(.devui-disabled).devui-error {
  background-color:  #ffd5d4;
  background-color: var(--devui-danger-bg, #ffd5d4);
}

d-select:not([disabled]):not(.disabled):not(.devui-disabled):not(.multiple-label-auto-complete-disabled).devui-error div.devui-dropdown-origin.devui-dropup,
d-select:not([disabled]):not(.disabled):not(.devui-disabled):not(.multiple-label-auto-complete-disabled).devui-error div.devui-dropdown-origin.devui-dropdown {
  border-color:  #f66f6a;
  border-color: var(--devui-danger-line, #f66f6a);
}
d-select:not([disabled]):not(.disabled):not(.devui-disabled):not(.multiple-label-auto-complete-disabled).devui-error div.devui-dropdown-origin.devui-dropup .devui-form-group .devui-input.devui-form-control.devui-select-input:not(.devui-select-search),
d-select:not([disabled]):not(.disabled):not(.devui-disabled):not(.multiple-label-auto-complete-disabled).devui-error div.devui-dropdown-origin.devui-dropup .devui-form-group .devui-select-input:not(.devui-select-search) + .devui-form-control-feedback,
d-select:not([disabled]):not(.disabled):not(.devui-disabled):not(.multiple-label-auto-complete-disabled).devui-error div.devui-dropdown-origin.devui-dropdown .devui-form-group .devui-input.devui-form-control.devui-select-input:not(.devui-select-search),
d-select:not([disabled]):not(.disabled):not(.devui-disabled):not(.multiple-label-auto-complete-disabled).devui-error div.devui-dropdown-origin.devui-dropdown .devui-form-group .devui-select-input:not(.devui-select-search) + .devui-form-control-feedback {
  background-color:  #ffd5d4;
  background-color: var(--devui-danger-bg, #ffd5d4);
}

d-editable-select:not([disabled]):not(.disabled):not(.devui-disabled).devui-error .devui-form-group:not(.multiple-label-auto-complete-disabled) input.devui-form-control.devui-dropdown-origin {
  border-color:  #f66f6a;
  border-color: var(--devui-danger-line, #f66f6a);
  background-color:  #ffd5d4;
  background-color: var(--devui-danger-bg, #ffd5d4); /* TODO: open时，下边框颜色 */
}

d-datepicker-pro:not([disabled]):not(.disabled):not(.devui-disabled).devui-error .devui-datepicker-pro-wrapper:not([disabled]):not(.disabled):not(.devui-disabled) .devui-dropdown-toggle .devui-single-picker {
  border-color:  #f66f6a;
  border-color: var(--devui-danger-line, #f66f6a);
  background-color:  #ffd5d4;
  background-color: var(--devui-danger-bg, #ffd5d4);
}
d-datepicker-pro:not([disabled]):not(.disabled):not(.devui-disabled).devui-error .devui-datepicker-pro-wrapper:not([disabled]):not(.disabled):not(.devui-disabled) .devui-dropdown-toggle .devui-single-picker .devui-input:not(.devui-disabled) {
  background-color:  #ffd5d4;
  background-color: var(--devui-danger-bg, #ffd5d4);
}

d-range-datepicker-pro:not([disabled]):not(.disabled):not(.devui-disabled).devui-error .devui-datepicker-pro-wrapper:not([disabled]):not(.disabled):not(.devui-disabled) .devui-dropdown-toggle .devui-range-picker {
  border-color:  #f66f6a;
  border-color: var(--devui-danger-line, #f66f6a);
  background-color:  #ffd5d4;
  background-color: var(--devui-danger-bg, #ffd5d4);
}
d-range-datepicker-pro:not([disabled]):not(.disabled):not(.devui-disabled).devui-error .devui-datepicker-pro-wrapper:not([disabled]):not(.disabled):not(.devui-disabled) .devui-dropdown-toggle .devui-range-picker .devui-input:not(.devui-disabled) {
  background-color:  #ffd5d4;
  background-color: var(--devui-danger-bg, #ffd5d4);
}

d-input-number:not([disabled]):not(.disabled):not(.devui-disabled).devui-error .input-box:not(:disabled) {
  border-color:  #f66f6a;
  border-color: var(--devui-danger-line, #f66f6a);
  background-color:  #ffd5d4;
  background-color: var(--devui-danger-bg, #ffd5d4);
}

d-multi-auto-complete:not([disabled]):not(.disabled):not(.devui-disabled).devui-error :not(.multiple-label-auto-complete-disabled).multiple-label-auto-complete.multiple-label-auto-complete-border ul.devui-dropdown-origin {
  border-color:  #f66f6a;
  border-color: var(--devui-danger-line, #f66f6a);
  background-color:  #ffd5d4;
  background-color: var(--devui-danger-bg, #ffd5d4);
}
d-multi-auto-complete:not([disabled]):not(.disabled):not(.devui-disabled).devui-error :not(.multiple-label-auto-complete-disabled) input[dAutoComplete] {
  background-color:  #ffd5d4;
  background-color: var(--devui-danger-bg, #ffd5d4);
}

d-tags-input:not([disabled]):not(.disabled):not(.devui-disabled).devui-error :not(.multiple-label-auto-complete-disabled) div.devui-tags.devui-form-control {
  border-color:  #f66f6a;
  border-color: var(--devui-danger-line, #f66f6a);
  background-color:  #ffd5d4;
  background-color: var(--devui-danger-bg, #ffd5d4);
}
d-tags-input:not([disabled]):not(.disabled):not(.devui-disabled).devui-error :not(.multiple-label-auto-complete-disabled) input.devui-input {
  background-color:  #ffd5d4;
  background-color: var(--devui-danger-bg, #ffd5d4);
}

d-tree-select:not([disabled]):not(.disabled):not(.devui-disabled).devui-error :not(.multiple-label-auto-complete-disabled) > div.devui-select-input.devui-dropdown-origin.devui-tree-select-input {
  border-color:  #f66f6a;
  border-color: var(--devui-danger-line, #f66f6a);
  background-color:  #ffd5d4;
  background-color: var(--devui-danger-bg, #ffd5d4); /* TODO: open时，下边框颜色 */
}

d-search:not([disabled]):not(.disabled):not(.devui-disabled).devui-error input.devui-input {
  border-color:  #f66f6a;
  border-color: var(--devui-danger-line, #f66f6a);
  background-color:  #ffd5d4;
  background-color: var(--devui-danger-bg, #ffd5d4);
}

/* border color only */
d-editor-md:not([disabled]):not(.disabled):not(.devui-disabled).devui-error {
  border-color:  #f66f6a;
  border-color: var(--devui-danger-line, #f66f6a);
}

d-editor:not([disabled]):not(.disabled):not(.devui-disabled).devui-error .ql-toolbar,
d-editor:not([disabled]):not(.disabled):not(.devui-disabled).devui-error .ql-container {
  border-color:  #f66f6a;
  border-color: var(--devui-danger-line, #f66f6a);
}

d-form-control d-search {
  width: 100%;
}

.devui-form-controls.devui-form-control-has-suffix [dTextInput],
.devui-form-controls.devui-form-control-has-suffix [dTextArea] {
  padding-right: 28px;
}

.devui-form-controls.devui-form-control-has-suffix.devui-form-control-has-feedback [dTextInput],
.devui-form-controls.devui-form-control-has-suffix.devui-form-control-has-feedback [dTextArea] {
  padding-right: 56px;
}

.devui-form-controls.devui-form-control-has-feedback [dTextInput],
.devui-form-controls.devui-form-control-has-feedback [dTextarea] {
  padding-right: 28px;
}
.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-search-icon {
  right: 24px;
}
.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-search-line {
  right: 60px;
}
.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-search-clear {
  right: 60px;
}
.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-input.devui-icon-left {
  padding-right: 32px;
}
.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-input {
  padding-right: 56px;
}
.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-input.devui-clear-exit {
  padding-right: 84px;
}
.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-search-line.devui-search-line-sm {
  right: 60px;
}
.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-search-clear.devui-search-clear-sm {
  right: 60px;
}
.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-input.devui-input-sm {
  padding-right: 56px;
}
.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-input.devui-clear-exit.devui-input-sm {
  padding-right: 84px;
}
.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-search-line.devui-search-line-lg {
  right: 70px;
}
.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-search-clear.devui-search-clear-lg {
  right: 70px;
}
.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-input.devui-input-lg {
  padding-right: 60px;
}
.devui-form-controls.devui-form-control-has-feedback d-search .devui-search .devui-input.devui-clear-exit.devui-input-lg {
  padding-right: 96px;
}
.devui-form-controls.devui-form-control-has-feedback d-select .devui-form-group .devui-select-input {
  padding-right: 48px;
}
.devui-form-controls.devui-form-control-has-feedback d-select .devui-form-group .devui-form-control-feedback {
  right: 24px;
}
.devui-form-controls.devui-form-control-has-feedback d-tree-select {
  vertical-align: middle;
}
.devui-form-controls.devui-form-control-has-feedback d-tree-select .devui-tree-select .devui-select-input.devui-tree-select-input {
  padding-right: 52px;
}
.devui-form-controls.devui-form-control-has-feedback d-tree-select .devui-tree-select .devui-select-chevron-icon {
  right: 34px;
}
.devui-form-controls.devui-form-control-has-feedback d-input-number {
  width: 100%;
}
.devui-form-controls.devui-form-control-has-feedback d-input-number .input-control-buttons {
  right: 32px;
}
.devui-form-controls.devui-form-control-has-feedback d-input-number .input-box {
  padding-right: 32px;
}
.devui-form-controls.devui-form-control-has-feedback d-input-number:hover .input-box:not(.disabled) {
  padding-right: 60px;
}
.devui-form-controls.devui-form-control-has-feedback d-tags-input .devui-tags {
  padding-right: 28px;
}
.devui-form-controls.devui-form-control-has-feedback d-multi-auto-complete .multiple-label-auto-complete ul {
  padding-right: 28px;
}
.devui-form-controls.devui-form-control-has-feedback d-editable-select .devui-form-group.devui-has-feedback > .devui-form-control-feedback {
  right: 24px;
}
.devui-form-controls.devui-form-control-has-feedback d-editable-select > div > .devui-form-control {
  padding-right: 48px;
}
.devui-form-controls.devui-form-control-has-feedback [dDatePicker].devui-form-control {
  padding-right: 32px;
}

/* status style end */
.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: rgba(0, 0, 0, 0);
  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;
}

.cdk-overlay-container {
  z-index:  1052;
  z-index: var(--devui-z-index-dropdown, 1052);
}

.cdk-global-scrollblock body {
  overflow-x: visible;
}

.devui-icon-spin {
  animation: devuiSpin 2.5s linear infinite;
}

@keyframes devuiSpin {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.devui-icon-diffusion {
  border-radius: 50%;
  animation: devuiDiffusion 0.4s cubic-bezier(0.5, 0.05, 0.5, 0.95) 1;
}

@keyframes devuiDiffusion {
  0% {
    box-shadow: rgba(37, 43, 58, 0.3) 0 0 0 0;
  }
  100% {
    box-shadow: rgba(37, 43, 58, 0) 0 0 0 4px;
  }
}
.devui-icon-rotate {
  transition: transform 0.2s ease-in-out;
}

.devui-font-size-base {
  font-size:  12px;
  font-size: var(--devui-font-size, 12px);
}

.devui-font-base {
  font-size:  12px;
  font-size: var(--devui-font-size, 12px);
  font-weight: normal;
  line-height: 1.5;
}

.devui-font-size-modal-title {
  font-size:  18px;
  font-size: var(--devui-font-size-modal-title, 18px);
}

.devui-font-modal-title {
  font-size:  18px;
  font-size: var(--devui-font-size-modal-title, 18px);
  font-weight: bold;
  line-height: 1.5;
}

.devui-font-size-page-title {
  font-size:  16px;
  font-size: var(--devui-font-size-page-title, 16px);
}

.devui-font-page-title {
  font-size:  16px;
  font-size: var(--devui-font-size-page-title, 16px);
  font-weight: bold;
  line-height: 1.5;
}

.devui-font-size-secondary-title {
  font-size:  14px;
  font-size: var(--devui-font-size-card-title, 14px);
}

.devui-font-secondary-title {
  font-size:  14px;
  font-size: var(--devui-font-size-card-title, 14px);
  font-weight: bold;
  line-height: 1.5;
}

.mr-content-spacing {
  margin-right: 4px;
}

.padding-element-spacing {
  padding: 16px !important;
}

.ml-element-spacing {
  margin-left: 16px;
}

.mr-element-spacing {
  margin-right: 16px;
}

.mt-element-spacing {
  margin-top: 16px;
}

.mb-element-spacing {
  margin-bottom: 16px;
}

.mlr-element-spacing {
  margin-left: 16px;
  margin-right: 16px;
}

.mtb-element-spacing {
  margin-top: 16px;
  margin-bottom: 16px;
}

.m-element-spacing {
  margin: 16px;
}

.grid {
  letter-spacing: -0.31em;
  *letter-spacing: normal;
  word-spacing: -0.43em;
}

.u,
.u-1,
.u-1-2,
.u-1-3,
.u-2-3,
.u-1-4,
.u-3-4,
.u-1-5,
.u-2-5,
.u-3-5,
.u-4-5,
.u-1-6,
.u-5-6,
.u-1-8,
.u-3-8,
.u-5-8,
.u-7-8,
.u-1-12,
.u-5-12,
.u-7-12,
.u-11-12,
.u-1-24,
.u-5-24,
.u-7-24,
.u-11-24,
.u-13-24,
.u-17-24,
.u-19-24,
.u-23-24 {
  display: inline-block;
  *display: inline;
  zoom: 1;
  letter-spacing: normal;
  word-spacing: normal;
  vertical-align: top;
}

.u-1 {
  display: block;
}

.u-1-2 {
  width: 49.99999%;
}

.u-1-3 {
  width: 33.33333%;
}

.u-2-3 {
  width: 66.66666%;
}

.u-1-4 {
  width: 24.99999%;
}

.u-3-4 {
  width: 74.99999%;
}

.u-1-5 {
  width: 19.99999%;
}

.u-2-5 {
  width: 39.99999%;
}

.u-3-5 {
  width: 59.99999%;
}

.u-4-5 {
  width: 79.99999%;
}

.u-1-6 {
  width: 16.64999%;
}

.u-5-6 {
  width: 83.33333%;
}

.u-1-8 {
  width: 12.49999%;
}

.u-3-8 {
  width: 37.49999%;
}

.u-5-8 {
  width: 62.49999%;
}

.u-7-8 {
  width: 87.49999%;
}

.u-1-12 {
  width: 8.33333%;
}

.u-5-12 {
  width: 41.66666%;
}

.u-7-12 {
  width: 58.33333%;
}

.u-11-12 {
  width: 91.66666%;
}

.u-1-24 {
  width: 4.16666%;
}

.u-5-24 {
  width: 20.83333%;
}

.u-7-24 {
  width: 29.16666%;
}

.u-11-24 {
  width: 45.83333%;
}

.u-13-24 {
  width: 54.16666%;
}

.u-17-24 {
  width: 70.83333%;
}

.u-19-24 {
  width: 79.16666%;
}

.u-23-24 {
  width: 95.83333%;
}

.u-content {
  padding: 0 0 10px 10px;
}