body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
/* stylelint-disable at-rule-no-unknown */
html,
body {
  width: 100%;
  height: 100%;
}
input::-ms-clear,
input::-ms-reveal {
  display: none;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@-ms-viewport {
  width: device-width;
}
article,
aside,
dialog,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block;
}
body {
  margin: 0;
  color: #000000D9;
  font-size: 12px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  font-variant: tabular-nums;
  line-height: 1.5;
  background-color: #ececec;
  font-feature-settings: 'tnum';
}
[tabindex='-1']:focus {
  outline: none !important;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0.5em;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
}
p {
  margin-top: 0;
  margin-bottom: 1em;
}
abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  text-decoration: underline dotted;
  border-bottom: 0;
  cursor: help;
}
address {
  margin-bottom: 1em;
  font-style: normal;
  line-height: inherit;
}
input[type='text'],
input[type='password'],
input[type='number'],
textarea {
  -webkit-appearance: none;
}
ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1em;
}
ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}
dt {
  font-weight: 500;
}
dd {
  margin-bottom: 0.5em;
  margin-left: 0;
}
blockquote {
  margin: 0 0 1em;
}
dfn {
  font-style: italic;
}
b,
strong {
  font-weight: bolder;
}
small {
  font-size: 80%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
a {
  color: #3A78F2;
  text-decoration: none;
  background-color: transparent;
  outline: none;
  cursor: pointer;
  transition: color 0.3s;
  -webkit-text-decoration-skip: objects;
}
a:hover {
  color: #669eff;
}
a:active {
  color: #2758cc;
}
a:active,
a:hover {
  text-decoration: none;
  outline: 0;
}
a[disabled] {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
  pointer-events: none;
}
pre,
code,
kbd,
samp {
  font-size: 1em;
  font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
}
pre {
  margin-top: 0;
  margin-bottom: 1em;
  overflow: auto;
}
figure {
  margin: 0 0 1em;
}
img {
  vertical-align: middle;
  border-style: none;
}
svg:not(:root) {
  overflow: hidden;
}
a,
area,
button,
[role='button'],
input:not([type='range']),
label,
select,
summary,
textarea {
  touch-action: manipulation;
}
table {
  border-collapse: collapse;
}
caption {
  padding-top: 0.75em;
  padding-bottom: 0.3em;
  color: rgba(0, 0, 0, 0.45);
  text-align: left;
  caption-side: bottom;
}
th {
  text-align: inherit;
}
input,
button,
select,
optgroup,
textarea {
  margin: 0;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html [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 {
  padding: 0;
  border-style: none;
}
input[type='radio'],
input[type='checkbox'] {
  box-sizing: border-box;
  padding: 0;
}
input[type='date'],
input[type='time'],
input[type='datetime-local'],
input[type='month'] {
  -webkit-appearance: listbox;
}
textarea {
  overflow: auto;
  resize: vertical;
}
fieldset {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  max-width: 100%;
  margin-bottom: 0.5em;
  padding: 0;
  color: inherit;
  font-size: 1.5em;
  line-height: inherit;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  height: auto;
}
[type='search'] {
  outline-offset: -2px;
  -webkit-appearance: none;
}
[type='search']::-webkit-search-cancel-button,
[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}
output {
  display: inline-block;
}
summary {
  display: list-item;
}
template {
  display: none;
}
[hidden] {
  display: none !important;
}
mark {
  padding: 0.2em;
  background-color: #feffe6;
}
::selection {
  color: #fff;
  background: #3A78F2;
}
.clearfix {
  zoom: 1;
}
.clearfix::before,
.clearfix::after {
  display: table;
  content: '';
}
.clearfix::after {
  clear: both;
}
.anticon {
  display: inline-block;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.anticon > * {
  line-height: 1;
}
.anticon svg {
  display: inline-block;
}
.anticon::before {
  display: none;
}
.anticon .anticon-icon {
  display: block;
}
.anticon[tabindex] {
  cursor: pointer;
}
.anticon-spin::before {
  display: inline-block;
  animation: loadingCircle 1s infinite linear;
}
.anticon-spin {
  display: inline-block;
  animation: loadingCircle 1s infinite linear;
}
.fade-enter,
.fade-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.fade-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.fade-enter.fade-enter-active,
.fade-appear.fade-appear-active {
  animation-name: antFadeIn;
  animation-play-state: running;
}
.fade-leave.fade-leave-active {
  animation-name: antFadeOut;
  animation-play-state: running;
  pointer-events: none;
}
.fade-enter,
.fade-appear {
  opacity: 0;
  animation-timing-function: linear;
}
.fade-leave {
  animation-timing-function: linear;
}
@keyframes antFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes antFadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.move-up-enter,
.move-up-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.move-up-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.move-up-enter.move-up-enter-active,
.move-up-appear.move-up-appear-active {
  animation-name: antMoveUpIn;
  animation-play-state: running;
}
.move-up-leave.move-up-leave-active {
  animation-name: antMoveUpOut;
  animation-play-state: running;
  pointer-events: none;
}
.move-up-enter,
.move-up-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.move-up-leave {
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.move-down-enter,
.move-down-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.move-down-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.move-down-enter.move-down-enter-active,
.move-down-appear.move-down-appear-active {
  animation-name: antMoveDownIn;
  animation-play-state: running;
}
.move-down-leave.move-down-leave-active {
  animation-name: antMoveDownOut;
  animation-play-state: running;
  pointer-events: none;
}
.move-down-enter,
.move-down-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.move-down-leave {
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.move-left-enter,
.move-left-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.move-left-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.move-left-enter.move-left-enter-active,
.move-left-appear.move-left-appear-active {
  animation-name: antMoveLeftIn;
  animation-play-state: running;
}
.move-left-leave.move-left-leave-active {
  animation-name: antMoveLeftOut;
  animation-play-state: running;
  pointer-events: none;
}
.move-left-enter,
.move-left-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.move-left-leave {
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.move-right-enter,
.move-right-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.move-right-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.move-right-enter.move-right-enter-active,
.move-right-appear.move-right-appear-active {
  animation-name: antMoveRightIn;
  animation-play-state: running;
}
.move-right-leave.move-right-leave-active {
  animation-name: antMoveRightOut;
  animation-play-state: running;
  pointer-events: none;
}
.move-right-enter,
.move-right-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.move-right-leave {
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
@keyframes antMoveDownIn {
  0% {
    transform: translateY(100%);
    transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    transform: translateY(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes antMoveDownOut {
  0% {
    transform: translateY(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    transform: translateY(100%);
    transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes antMoveLeftIn {
  0% {
    transform: translateX(-100%);
    transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    transform: translateX(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes antMoveLeftOut {
  0% {
    transform: translateX(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    transform: translateX(-100%);
    transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes antMoveRightIn {
  0% {
    transform: translateX(100%);
    transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    transform: translateX(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes antMoveRightOut {
  0% {
    transform: translateX(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    transform: translateX(100%);
    transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes antMoveUpIn {
  0% {
    transform: translateY(-100%);
    transform-origin: 0 0;
    opacity: 0;
  }
  100% {
    transform: translateY(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
}
@keyframes antMoveUpOut {
  0% {
    transform: translateY(0%);
    transform-origin: 0 0;
    opacity: 1;
  }
  100% {
    transform: translateY(-100%);
    transform-origin: 0 0;
    opacity: 0;
  }
}
@keyframes loadingCircle {
  100% {
    transform: rotate(360deg);
  }
}
[ant-click-animating='true'],
[ant-click-animating-without-extra-node='true'] {
  position: relative;
}
html {
  --antd-wave-shadow-color: #3A78F2;
}
[ant-click-animating-without-extra-node='true']::after,
.ant-click-animating-node {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  border-radius: inherit;
  box-shadow: 0 0 0 0 #3A78F2;
  box-shadow: 0 0 0 0 var(--antd-wave-shadow-color);
  opacity: 0.2;
  animation: fadeEffect 2s cubic-bezier(0.08, 0.82, 0.17, 1), waveEffect 0.4s cubic-bezier(0.08, 0.82, 0.17, 1);
  animation-fill-mode: forwards;
  content: '';
  pointer-events: none;
}
@keyframes waveEffect {
  100% {
    box-shadow: 0 0 0 #3A78F2;
    box-shadow: 0 0 0 6px var(--antd-wave-shadow-color);
  }
}
@keyframes fadeEffect {
  100% {
    opacity: 0;
  }
}
.slide-up-enter,
.slide-up-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.slide-up-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.slide-up-enter.slide-up-enter-active,
.slide-up-appear.slide-up-appear-active {
  animation-name: antSlideUpIn;
  animation-play-state: running;
}
.slide-up-leave.slide-up-leave-active {
  animation-name: antSlideUpOut;
  animation-play-state: running;
  pointer-events: none;
}
.slide-up-enter,
.slide-up-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.slide-up-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.slide-down-enter,
.slide-down-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.slide-down-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.slide-down-enter.slide-down-enter-active,
.slide-down-appear.slide-down-appear-active {
  animation-name: antSlideDownIn;
  animation-play-state: running;
}
.slide-down-leave.slide-down-leave-active {
  animation-name: antSlideDownOut;
  animation-play-state: running;
  pointer-events: none;
}
.slide-down-enter,
.slide-down-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.slide-down-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.slide-left-enter,
.slide-left-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.slide-left-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.slide-left-enter.slide-left-enter-active,
.slide-left-appear.slide-left-appear-active {
  animation-name: antSlideLeftIn;
  animation-play-state: running;
}
.slide-left-leave.slide-left-leave-active {
  animation-name: antSlideLeftOut;
  animation-play-state: running;
  pointer-events: none;
}
.slide-left-enter,
.slide-left-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.slide-left-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
.slide-right-enter,
.slide-right-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.slide-right-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.slide-right-enter.slide-right-enter-active,
.slide-right-appear.slide-right-appear-active {
  animation-name: antSlideRightIn;
  animation-play-state: running;
}
.slide-right-leave.slide-right-leave-active {
  animation-name: antSlideRightOut;
  animation-play-state: running;
  pointer-events: none;
}
.slide-right-enter,
.slide-right-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
}
.slide-right-leave {
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
}
@keyframes antSlideUpIn {
  0% {
    transform: scaleY(0.8);
    transform-origin: 0% 0%;
    opacity: 0;
  }
  100% {
    transform: scaleY(1);
    transform-origin: 0% 0%;
    opacity: 1;
  }
}
@keyframes antSlideUpOut {
  0% {
    transform: scaleY(1);
    transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    transform: scaleY(0.8);
    transform-origin: 0% 0%;
    opacity: 0;
  }
}
@keyframes antSlideDownIn {
  0% {
    transform: scaleY(0.8);
    transform-origin: 100% 100%;
    opacity: 0;
  }
  100% {
    transform: scaleY(1);
    transform-origin: 100% 100%;
    opacity: 1;
  }
}
@keyframes antSlideDownOut {
  0% {
    transform: scaleY(1);
    transform-origin: 100% 100%;
    opacity: 1;
  }
  100% {
    transform: scaleY(0.8);
    transform-origin: 100% 100%;
    opacity: 0;
  }
}
@keyframes antSlideLeftIn {
  0% {
    transform: scaleX(0.8);
    transform-origin: 0% 0%;
    opacity: 0;
  }
  100% {
    transform: scaleX(1);
    transform-origin: 0% 0%;
    opacity: 1;
  }
}
@keyframes antSlideLeftOut {
  0% {
    transform: scaleX(1);
    transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    transform: scaleX(0.8);
    transform-origin: 0% 0%;
    opacity: 0;
  }
}
@keyframes antSlideRightIn {
  0% {
    transform: scaleX(0.8);
    transform-origin: 100% 0%;
    opacity: 0;
  }
  100% {
    transform: scaleX(1);
    transform-origin: 100% 0%;
    opacity: 1;
  }
}
@keyframes antSlideRightOut {
  0% {
    transform: scaleX(1);
    transform-origin: 100% 0%;
    opacity: 1;
  }
  100% {
    transform: scaleX(0.8);
    transform-origin: 100% 0%;
    opacity: 0;
  }
}
.swing-enter,
.swing-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.swing-enter.swing-enter-active,
.swing-appear.swing-appear-active {
  animation-name: antSwingIn;
  animation-play-state: running;
}
@keyframes antSwingIn {
  0%,
  100% {
    transform: translateX(0);
  }
  20% {
    transform: translateX(-10px);
  }
  40% {
    transform: translateX(10px);
  }
  60% {
    transform: translateX(-5px);
  }
  80% {
    transform: translateX(5px);
  }
}
.zoom-enter,
.zoom-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.zoom-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.zoom-enter.zoom-enter-active,
.zoom-appear.zoom-appear-active {
  animation-name: antZoomIn;
  animation-play-state: running;
}
.zoom-leave.zoom-leave-active {
  animation-name: antZoomOut;
  animation-play-state: running;
  pointer-events: none;
}
.zoom-enter,
.zoom-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-big-enter,
.zoom-big-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.zoom-big-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.zoom-big-enter.zoom-big-enter-active,
.zoom-big-appear.zoom-big-appear-active {
  animation-name: antZoomBigIn;
  animation-play-state: running;
}
.zoom-big-leave.zoom-big-leave-active {
  animation-name: antZoomBigOut;
  animation-play-state: running;
  pointer-events: none;
}
.zoom-big-enter,
.zoom-big-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-big-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-big-fast-enter,
.zoom-big-fast-appear {
  animation-duration: 0.1s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.zoom-big-fast-leave {
  animation-duration: 0.1s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.zoom-big-fast-enter.zoom-big-fast-enter-active,
.zoom-big-fast-appear.zoom-big-fast-appear-active {
  animation-name: antZoomBigIn;
  animation-play-state: running;
}
.zoom-big-fast-leave.zoom-big-fast-leave-active {
  animation-name: antZoomBigOut;
  animation-play-state: running;
  pointer-events: none;
}
.zoom-big-fast-enter,
.zoom-big-fast-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-big-fast-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-up-enter,
.zoom-up-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.zoom-up-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.zoom-up-enter.zoom-up-enter-active,
.zoom-up-appear.zoom-up-appear-active {
  animation-name: antZoomUpIn;
  animation-play-state: running;
}
.zoom-up-leave.zoom-up-leave-active {
  animation-name: antZoomUpOut;
  animation-play-state: running;
  pointer-events: none;
}
.zoom-up-enter,
.zoom-up-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-up-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-down-enter,
.zoom-down-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.zoom-down-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.zoom-down-enter.zoom-down-enter-active,
.zoom-down-appear.zoom-down-appear-active {
  animation-name: antZoomDownIn;
  animation-play-state: running;
}
.zoom-down-leave.zoom-down-leave-active {
  animation-name: antZoomDownOut;
  animation-play-state: running;
  pointer-events: none;
}
.zoom-down-enter,
.zoom-down-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-down-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-left-enter,
.zoom-left-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.zoom-left-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.zoom-left-enter.zoom-left-enter-active,
.zoom-left-appear.zoom-left-appear-active {
  animation-name: antZoomLeftIn;
  animation-play-state: running;
}
.zoom-left-leave.zoom-left-leave-active {
  animation-name: antZoomLeftOut;
  animation-play-state: running;
  pointer-events: none;
}
.zoom-left-enter,
.zoom-left-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-left-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.zoom-right-enter,
.zoom-right-appear {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.zoom-right-leave {
  animation-duration: 0.2s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.zoom-right-enter.zoom-right-enter-active,
.zoom-right-appear.zoom-right-appear-active {
  animation-name: antZoomRightIn;
  animation-play-state: running;
}
.zoom-right-leave.zoom-right-leave-active {
  animation-name: antZoomRightOut;
  animation-play-state: running;
  pointer-events: none;
}
.zoom-right-enter,
.zoom-right-appear {
  transform: scale(0);
  opacity: 0;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
}
.zoom-right-leave {
  animation-timing-function: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
@keyframes antZoomIn {
  0% {
    transform: scale(0.2);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes antZoomOut {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.2);
    opacity: 0;
  }
}
@keyframes antZoomBigIn {
  0% {
    transform: scale(0.8);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes antZoomBigOut {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.8);
    opacity: 0;
  }
}
@keyframes antZoomUpIn {
  0% {
    transform: scale(0.8);
    transform-origin: 50% 0%;
    opacity: 0;
  }
  100% {
    transform: scale(1);
    transform-origin: 50% 0%;
  }
}
@keyframes antZoomUpOut {
  0% {
    transform: scale(1);
    transform-origin: 50% 0%;
  }
  100% {
    transform: scale(0.8);
    transform-origin: 50% 0%;
    opacity: 0;
  }
}
@keyframes antZoomLeftIn {
  0% {
    transform: scale(0.8);
    transform-origin: 0% 50%;
    opacity: 0;
  }
  100% {
    transform: scale(1);
    transform-origin: 0% 50%;
  }
}
@keyframes antZoomLeftOut {
  0% {
    transform: scale(1);
    transform-origin: 0% 50%;
  }
  100% {
    transform: scale(0.8);
    transform-origin: 0% 50%;
    opacity: 0;
  }
}
@keyframes antZoomRightIn {
  0% {
    transform: scale(0.8);
    transform-origin: 100% 50%;
    opacity: 0;
  }
  100% {
    transform: scale(1);
    transform-origin: 100% 50%;
  }
}
@keyframes antZoomRightOut {
  0% {
    transform: scale(1);
    transform-origin: 100% 50%;
  }
  100% {
    transform: scale(0.8);
    transform-origin: 100% 50%;
    opacity: 0;
  }
}
@keyframes antZoomDownIn {
  0% {
    transform: scale(0.8);
    transform-origin: 50% 100%;
    opacity: 0;
  }
  100% {
    transform: scale(1);
    transform-origin: 50% 100%;
  }
}
@keyframes antZoomDownOut {
  0% {
    transform: scale(1);
    transform-origin: 50% 100%;
  }
  100% {
    transform: scale(0.8);
    transform-origin: 50% 100%;
    opacity: 0;
  }
}
.ant-motion-collapse-legacy {
  overflow: hidden;
}
.ant-motion-collapse-legacy-active {
  transition: height 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}
.ant-motion-collapse {
  overflow: hidden;
  transition: height 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1) !important;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-message {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #000000D9;
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: fixed;
  top: 16px;
  left: 0;
  z-index: 1010;
  width: 100%;
  pointer-events: none;
}
.ant-message-notice {
  padding: 8px;
  text-align: center;
}
.ant-message-notice:first-child {
  margin-top: -8px;
}
.ant-message-notice-content {
  display: inline-block;
  padding: 10px 16px;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  pointer-events: all;
}
.ant-message-success .anticon {
  color: #52c41a;
}
.ant-message-error .anticon {
  color: #f5222d;
}
.ant-message-warning .anticon {
  color: #faad14;
}
.ant-message-info .anticon,
.ant-message-loading .anticon {
  color: #1890ff;
}
.ant-message .anticon {
  position: relative;
  top: 1px;
  margin-right: 8px;
  font-size: 14px;
}
.ant-message-notice.move-up-leave.move-up-leave-active {
  overflow: hidden;
  animation-name: MessageMoveOut;
  animation-duration: 0.3s;
}
@keyframes MessageMoveOut {
  0% {
    max-height: 150px;
    padding: 8px;
    opacity: 1;
  }
  100% {
    max-height: 0;
    padding: 0;
    opacity: 0;
  }
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-notification {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #000000D9;
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: fixed;
  z-index: 1010;
  width: 384px;
  max-width: calc(100vw - 32px);
  margin-right: 24px;
}
.ant-notification-topLeft,
.ant-notification-bottomLeft {
  margin-right: 0;
  margin-left: 24px;
}
.ant-notification-topLeft .ant-notification-fade-enter.ant-notification-fade-enter-active,
.ant-notification-bottomLeft .ant-notification-fade-enter.ant-notification-fade-enter-active,
.ant-notification-topLeft .ant-notification-fade-appear.ant-notification-fade-appear-active,
.ant-notification-bottomLeft .ant-notification-fade-appear.ant-notification-fade-appear-active {
  animation-name: NotificationLeftFadeIn;
}
.ant-notification-close-icon {
  font-size: 12px;
  cursor: pointer;
}
.ant-notification-notice {
  position: relative;
  margin-bottom: 16px;
  padding: 16px 24px;
  overflow: hidden;
  line-height: 1.5;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.ant-notification-notice-message {
  display: inline-block;
  margin-bottom: 8px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  line-height: 24px;
}
.ant-notification-notice-message-single-line-auto-margin {
  display: block;
  width: calc(384px - 24px * 2 - 24px - 48px - 100%);
  max-width: 4px;
  background-color: transparent;
  pointer-events: none;
}
.ant-notification-notice-message-single-line-auto-margin::before {
  display: block;
  content: '';
}
.ant-notification-notice-description {
  font-size: 12px;
}
.ant-notification-notice-closable .ant-notification-notice-message {
  padding-right: 24px;
}
.ant-notification-notice-with-icon .ant-notification-notice-message {
  margin-bottom: 4px;
  margin-left: 48px;
  font-size: 14px;
}
.ant-notification-notice-with-icon .ant-notification-notice-description {
  margin-left: 48px;
  font-size: 12px;
}
.ant-notification-notice-icon {
  position: absolute;
  margin-left: 4px;
  font-size: 24px;
  line-height: 24px;
}
.anticon.ant-notification-notice-icon-success {
  color: #52c41a;
}
.anticon.ant-notification-notice-icon-info {
  color: #1890ff;
}
.anticon.ant-notification-notice-icon-warning {
  color: #faad14;
}
.anticon.ant-notification-notice-icon-error {
  color: #f5222d;
}
.ant-notification-notice-close {
  position: absolute;
  top: 16px;
  right: 22px;
  color: rgba(0, 0, 0, 0.45);
  outline: none;
}
.ant-notification-notice-close:hover {
  color: rgba(0, 0, 0, 0.67);
}
.ant-notification-notice-btn {
  float: right;
  margin-top: 16px;
}
.ant-notification .notification-fade-effect {
  animation-duration: 0.24s;
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  animation-fill-mode: both;
}
.ant-notification-fade-enter,
.ant-notification-fade-appear {
  opacity: 0;
  animation-duration: 0.24s;
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  animation-fill-mode: both;
  animation-play-state: paused;
}
.ant-notification-fade-leave {
  animation-duration: 0.24s;
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  animation-fill-mode: both;
  animation-duration: 0.2s;
  animation-play-state: paused;
}
.ant-notification-fade-enter.ant-notification-fade-enter-active,
.ant-notification-fade-appear.ant-notification-fade-appear-active {
  animation-name: NotificationFadeIn;
  animation-play-state: running;
}
.ant-notification-fade-leave.ant-notification-fade-leave-active {
  animation-name: NotificationFadeOut;
  animation-play-state: running;
}
@keyframes NotificationFadeIn {
  0% {
    left: 384px;
    opacity: 0;
  }
  100% {
    left: 0;
    opacity: 1;
  }
}
@keyframes NotificationLeftFadeIn {
  0% {
    right: 384px;
    opacity: 0;
  }
  100% {
    right: 0;
    opacity: 1;
  }
}
@keyframes NotificationFadeOut {
  0% {
    max-height: 150px;
    margin-bottom: 16px;
    padding-top: 16px 24px;
    padding-bottom: 16px 24px;
    opacity: 1;
  }
  100% {
    max-height: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    opacity: 0;
  }
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-modal {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #000000D9;
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  top: 100px;
  width: auto;
  margin: 0 auto;
  padding-bottom: 24px;
  pointer-events: none;
}
.ant-modal-wrap {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  overflow: auto;
  outline: 0;
  -webkit-overflow-scrolling: touch;
}
.ant-modal-title {
  margin: 0;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  word-wrap: break-word;
}
.ant-modal-content {
  position: relative;
  background-color: #fff;
  background-clip: padding-box;
  border: 0;
  border-radius: 4px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  pointer-events: auto;
}
.ant-modal-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  padding: 0;
  color: rgba(0, 0, 0, 0.45);
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  background: transparent;
  border: 0;
  outline: 0;
  cursor: pointer;
  transition: color 0.3s;
}
.ant-modal-close-x {
  display: block;
  width: 56px;
  height: 56px;
  font-size: 14px;
  font-style: normal;
  line-height: 56px;
  text-align: center;
  text-transform: none;
  text-rendering: auto;
}
.ant-modal-close:focus,
.ant-modal-close:hover {
  color: rgba(0, 0, 0, 0.75);
  text-decoration: none;
}
.ant-modal-header {
  padding: 16px 24px;
  color: #000000D9;
  background: #fff;
  border-bottom: 1px solid #e8e8e8;
  border-radius: 4px 4px 0 0;
}
.ant-modal-body {
  padding: 24px;
  font-size: 12px;
  line-height: 1.5;
  word-wrap: break-word;
}
.ant-modal-footer {
  padding: 10px 16px;
  text-align: right;
  background: transparent;
  border-top: 1px solid #e8e8e8;
  border-radius: 0 0 4px 4px;
}
.ant-modal-footer button + button {
  margin-bottom: 0;
  margin-left: 8px;
}
.ant-modal.zoom-enter,
.ant-modal.zoom-appear {
  transform: none;
  opacity: 0;
  animation-duration: 0.3s;
  user-select: none;
}
.ant-modal-mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.45);
  filter: alpha(opacity=50);
}
.ant-modal-mask-hidden {
  display: none;
}
.ant-modal-open {
  overflow: hidden;
}
.ant-modal-centered {
  text-align: center;
}
.ant-modal-centered::before {
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
  content: '';
}
.ant-modal-centered .ant-modal {
  top: 0;
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
@media (max-width: 767px) {
  .ant-modal {
    max-width: calc(100vw - 16px);
    margin: 8px auto;
  }
  .ant-modal-centered .ant-modal {
    flex: 1;
  }
}
.ant-modal-confirm .ant-modal-header {
  display: none;
}
.ant-modal-confirm .ant-modal-close {
  display: none;
}
.ant-modal-confirm .ant-modal-body {
  padding: 32px 32px 24px;
}
.ant-modal-confirm-body-wrapper {
  zoom: 1;
}
.ant-modal-confirm-body-wrapper::before,
.ant-modal-confirm-body-wrapper::after {
  display: table;
  content: '';
}
.ant-modal-confirm-body-wrapper::after {
  clear: both;
}
.ant-modal-confirm-body .ant-modal-confirm-title {
  display: block;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 14px;
  line-height: 1.4;
}
.ant-modal-confirm-body .ant-modal-confirm-content {
  margin-top: 8px;
  color: #000000D9;
  font-size: 12px;
}
.ant-modal-confirm-body > .anticon {
  float: left;
  margin-right: 16px;
  font-size: 22px;
}
.ant-modal-confirm-body > .anticon + .ant-modal-confirm-title + .ant-modal-confirm-content {
  margin-left: 38px;
}
.ant-modal-confirm .ant-modal-confirm-btns {
  float: right;
  margin-top: 24px;
}
.ant-modal-confirm .ant-modal-confirm-btns button + button {
  margin-bottom: 0;
  margin-left: 8px;
}
.ant-modal-confirm-error .ant-modal-confirm-body > .anticon {
  color: #f5222d;
}
.ant-modal-confirm-warning .ant-modal-confirm-body > .anticon,
.ant-modal-confirm-confirm .ant-modal-confirm-body > .anticon {
  color: #faad14;
}
.ant-modal-confirm-info .ant-modal-confirm-body > .anticon {
  color: #1890ff;
}
.ant-modal-confirm-success .ant-modal-confirm-body > .anticon {
  color: #52c41a;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-btn {
  line-height: 1.499;
  position: relative;
  display: inline-block;
  font-weight: 400;
  white-space: nowrap;
  text-align: center;
  background-image: none;
  border: 1px solid transparent;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  user-select: none;
  touch-action: manipulation;
  height: 32px;
  padding: 0 15px;
  font-size: 12px;
  border-radius: 4px;
  color: #000000D9;
  background-color: #fff;
  border-color: #d9d9d9;
}
.ant-btn > .anticon {
  line-height: 1;
}
.ant-btn,
.ant-btn:active,
.ant-btn:focus {
  outline: 0;
}
.ant-btn:not([disabled]):hover {
  text-decoration: none;
}
.ant-btn:not([disabled]):active {
  outline: 0;
  box-shadow: none;
}
.ant-btn.disabled,
.ant-btn[disabled] {
  cursor: not-allowed;
}
.ant-btn.disabled > *,
.ant-btn[disabled] > * {
  pointer-events: none;
}
.ant-btn-lg {
  height: 40px;
  padding: 0 15px;
  font-size: 14px;
  border-radius: 4px;
}
.ant-btn-sm {
  height: 24px;
  padding: 0 7px;
  font-size: 12px;
  border-radius: 4px;
}
.ant-btn > a:only-child {
  color: currentColor;
}
.ant-btn > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn:hover,
.ant-btn:focus {
  color: #669eff;
  background-color: #fff;
  border-color: #669eff;
}
.ant-btn:hover > a:only-child,
.ant-btn:focus > a:only-child {
  color: currentColor;
}
.ant-btn:hover > a:only-child::after,
.ant-btn:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn:active,
.ant-btn.active {
  color: #2758cc;
  background-color: #fff;
  border-color: #2758cc;
}
.ant-btn:active > a:only-child,
.ant-btn.active > a:only-child {
  color: currentColor;
}
.ant-btn:active > a:only-child::after,
.ant-btn.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-disabled,
.ant-btn.disabled,
.ant-btn[disabled],
.ant-btn-disabled:hover,
.ant-btn.disabled:hover,
.ant-btn[disabled]:hover,
.ant-btn-disabled:focus,
.ant-btn.disabled:focus,
.ant-btn[disabled]:focus,
.ant-btn-disabled:active,
.ant-btn.disabled:active,
.ant-btn[disabled]:active,
.ant-btn-disabled.active,
.ant-btn.disabled.active,
.ant-btn[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-disabled > a:only-child,
.ant-btn.disabled > a:only-child,
.ant-btn[disabled] > a:only-child,
.ant-btn-disabled:hover > a:only-child,
.ant-btn.disabled:hover > a:only-child,
.ant-btn[disabled]:hover > a:only-child,
.ant-btn-disabled:focus > a:only-child,
.ant-btn.disabled:focus > a:only-child,
.ant-btn[disabled]:focus > a:only-child,
.ant-btn-disabled:active > a:only-child,
.ant-btn.disabled:active > a:only-child,
.ant-btn[disabled]:active > a:only-child,
.ant-btn-disabled.active > a:only-child,
.ant-btn.disabled.active > a:only-child,
.ant-btn[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-disabled > a:only-child::after,
.ant-btn.disabled > a:only-child::after,
.ant-btn[disabled] > a:only-child::after,
.ant-btn-disabled:hover > a:only-child::after,
.ant-btn.disabled:hover > a:only-child::after,
.ant-btn[disabled]:hover > a:only-child::after,
.ant-btn-disabled:focus > a:only-child::after,
.ant-btn.disabled:focus > a:only-child::after,
.ant-btn[disabled]:focus > a:only-child::after,
.ant-btn-disabled:active > a:only-child::after,
.ant-btn.disabled:active > a:only-child::after,
.ant-btn[disabled]:active > a:only-child::after,
.ant-btn-disabled.active > a:only-child::after,
.ant-btn.disabled.active > a:only-child::after,
.ant-btn[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn:hover,
.ant-btn:focus,
.ant-btn:active,
.ant-btn.active {
  text-decoration: none;
  background: #fff;
}
.ant-btn > i,
.ant-btn > span {
  display: inline-block;
  transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  pointer-events: none;
}
.ant-btn-primary {
  color: #fff;
  background-color: #3A78F2;
  border-color: #3A78F2;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
}
.ant-btn-primary > a:only-child {
  color: currentColor;
}
.ant-btn-primary > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-primary:hover,
.ant-btn-primary:focus {
  color: #fff;
  background-color: #669eff;
  border-color: #669eff;
}
.ant-btn-primary:hover > a:only-child,
.ant-btn-primary:focus > a:only-child {
  color: currentColor;
}
.ant-btn-primary:hover > a:only-child::after,
.ant-btn-primary:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-primary:active,
.ant-btn-primary.active {
  color: #fff;
  background-color: #2758cc;
  border-color: #2758cc;
}
.ant-btn-primary:active > a:only-child,
.ant-btn-primary.active > a:only-child {
  color: currentColor;
}
.ant-btn-primary:active > a:only-child::after,
.ant-btn-primary.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-primary-disabled,
.ant-btn-primary.disabled,
.ant-btn-primary[disabled],
.ant-btn-primary-disabled:hover,
.ant-btn-primary.disabled:hover,
.ant-btn-primary[disabled]:hover,
.ant-btn-primary-disabled:focus,
.ant-btn-primary.disabled:focus,
.ant-btn-primary[disabled]:focus,
.ant-btn-primary-disabled:active,
.ant-btn-primary.disabled:active,
.ant-btn-primary[disabled]:active,
.ant-btn-primary-disabled.active,
.ant-btn-primary.disabled.active,
.ant-btn-primary[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-primary-disabled > a:only-child,
.ant-btn-primary.disabled > a:only-child,
.ant-btn-primary[disabled] > a:only-child,
.ant-btn-primary-disabled:hover > a:only-child,
.ant-btn-primary.disabled:hover > a:only-child,
.ant-btn-primary[disabled]:hover > a:only-child,
.ant-btn-primary-disabled:focus > a:only-child,
.ant-btn-primary.disabled:focus > a:only-child,
.ant-btn-primary[disabled]:focus > a:only-child,
.ant-btn-primary-disabled:active > a:only-child,
.ant-btn-primary.disabled:active > a:only-child,
.ant-btn-primary[disabled]:active > a:only-child,
.ant-btn-primary-disabled.active > a:only-child,
.ant-btn-primary.disabled.active > a:only-child,
.ant-btn-primary[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-primary-disabled > a:only-child::after,
.ant-btn-primary.disabled > a:only-child::after,
.ant-btn-primary[disabled] > a:only-child::after,
.ant-btn-primary-disabled:hover > a:only-child::after,
.ant-btn-primary.disabled:hover > a:only-child::after,
.ant-btn-primary[disabled]:hover > a:only-child::after,
.ant-btn-primary-disabled:focus > a:only-child::after,
.ant-btn-primary.disabled:focus > a:only-child::after,
.ant-btn-primary[disabled]:focus > a:only-child::after,
.ant-btn-primary-disabled:active > a:only-child::after,
.ant-btn-primary.disabled:active > a:only-child::after,
.ant-btn-primary[disabled]:active > a:only-child::after,
.ant-btn-primary-disabled.active > a:only-child::after,
.ant-btn-primary.disabled.active > a:only-child::after,
.ant-btn-primary[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child) {
  border-right-color: #669eff;
  border-left-color: #669eff;
}
.ant-btn-group .ant-btn-primary:not(:first-child):not(:last-child):disabled {
  border-color: #d9d9d9;
}
.ant-btn-group .ant-btn-primary:first-child:not(:last-child) {
  border-right-color: #669eff;
}
.ant-btn-group .ant-btn-primary:first-child:not(:last-child)[disabled] {
  border-right-color: #d9d9d9;
}
.ant-btn-group .ant-btn-primary:last-child:not(:first-child),
.ant-btn-group .ant-btn-primary + .ant-btn-primary {
  border-left-color: #669eff;
}
.ant-btn-group .ant-btn-primary:last-child:not(:first-child)[disabled],
.ant-btn-group .ant-btn-primary + .ant-btn-primary[disabled] {
  border-left-color: #d9d9d9;
}
.ant-btn-ghost {
  color: #000000D9;
  background-color: transparent;
  border-color: #d9d9d9;
}
.ant-btn-ghost > a:only-child {
  color: currentColor;
}
.ant-btn-ghost > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-ghost:hover,
.ant-btn-ghost:focus {
  color: #669eff;
  background-color: transparent;
  border-color: #669eff;
}
.ant-btn-ghost:hover > a:only-child,
.ant-btn-ghost:focus > a:only-child {
  color: currentColor;
}
.ant-btn-ghost:hover > a:only-child::after,
.ant-btn-ghost:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-ghost:active,
.ant-btn-ghost.active {
  color: #2758cc;
  background-color: transparent;
  border-color: #2758cc;
}
.ant-btn-ghost:active > a:only-child,
.ant-btn-ghost.active > a:only-child {
  color: currentColor;
}
.ant-btn-ghost:active > a:only-child::after,
.ant-btn-ghost.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-ghost-disabled,
.ant-btn-ghost.disabled,
.ant-btn-ghost[disabled],
.ant-btn-ghost-disabled:hover,
.ant-btn-ghost.disabled:hover,
.ant-btn-ghost[disabled]:hover,
.ant-btn-ghost-disabled:focus,
.ant-btn-ghost.disabled:focus,
.ant-btn-ghost[disabled]:focus,
.ant-btn-ghost-disabled:active,
.ant-btn-ghost.disabled:active,
.ant-btn-ghost[disabled]:active,
.ant-btn-ghost-disabled.active,
.ant-btn-ghost.disabled.active,
.ant-btn-ghost[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-ghost-disabled > a:only-child,
.ant-btn-ghost.disabled > a:only-child,
.ant-btn-ghost[disabled] > a:only-child,
.ant-btn-ghost-disabled:hover > a:only-child,
.ant-btn-ghost.disabled:hover > a:only-child,
.ant-btn-ghost[disabled]:hover > a:only-child,
.ant-btn-ghost-disabled:focus > a:only-child,
.ant-btn-ghost.disabled:focus > a:only-child,
.ant-btn-ghost[disabled]:focus > a:only-child,
.ant-btn-ghost-disabled:active > a:only-child,
.ant-btn-ghost.disabled:active > a:only-child,
.ant-btn-ghost[disabled]:active > a:only-child,
.ant-btn-ghost-disabled.active > a:only-child,
.ant-btn-ghost.disabled.active > a:only-child,
.ant-btn-ghost[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-ghost-disabled > a:only-child::after,
.ant-btn-ghost.disabled > a:only-child::after,
.ant-btn-ghost[disabled] > a:only-child::after,
.ant-btn-ghost-disabled:hover > a:only-child::after,
.ant-btn-ghost.disabled:hover > a:only-child::after,
.ant-btn-ghost[disabled]:hover > a:only-child::after,
.ant-btn-ghost-disabled:focus > a:only-child::after,
.ant-btn-ghost.disabled:focus > a:only-child::after,
.ant-btn-ghost[disabled]:focus > a:only-child::after,
.ant-btn-ghost-disabled:active > a:only-child::after,
.ant-btn-ghost.disabled:active > a:only-child::after,
.ant-btn-ghost[disabled]:active > a:only-child::after,
.ant-btn-ghost-disabled.active > a:only-child::after,
.ant-btn-ghost.disabled.active > a:only-child::after,
.ant-btn-ghost[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dashed {
  color: #000000D9;
  background-color: #fff;
  border-color: #d9d9d9;
  border-style: dashed;
}
.ant-btn-dashed > a:only-child {
  color: currentColor;
}
.ant-btn-dashed > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dashed:hover,
.ant-btn-dashed:focus {
  color: #669eff;
  background-color: #fff;
  border-color: #669eff;
}
.ant-btn-dashed:hover > a:only-child,
.ant-btn-dashed:focus > a:only-child {
  color: currentColor;
}
.ant-btn-dashed:hover > a:only-child::after,
.ant-btn-dashed:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dashed:active,
.ant-btn-dashed.active {
  color: #2758cc;
  background-color: #fff;
  border-color: #2758cc;
}
.ant-btn-dashed:active > a:only-child,
.ant-btn-dashed.active > a:only-child {
  color: currentColor;
}
.ant-btn-dashed:active > a:only-child::after,
.ant-btn-dashed.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-dashed-disabled,
.ant-btn-dashed.disabled,
.ant-btn-dashed[disabled],
.ant-btn-dashed-disabled:hover,
.ant-btn-dashed.disabled:hover,
.ant-btn-dashed[disabled]:hover,
.ant-btn-dashed-disabled:focus,
.ant-btn-dashed.disabled:focus,
.ant-btn-dashed[disabled]:focus,
.ant-btn-dashed-disabled:active,
.ant-btn-dashed.disabled:active,
.ant-btn-dashed[disabled]:active,
.ant-btn-dashed-disabled.active,
.ant-btn-dashed.disabled.active,
.ant-btn-dashed[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-dashed-disabled > a:only-child,
.ant-btn-dashed.disabled > a:only-child,
.ant-btn-dashed[disabled] > a:only-child,
.ant-btn-dashed-disabled:hover > a:only-child,
.ant-btn-dashed.disabled:hover > a:only-child,
.ant-btn-dashed[disabled]:hover > a:only-child,
.ant-btn-dashed-disabled:focus > a:only-child,
.ant-btn-dashed.disabled:focus > a:only-child,
.ant-btn-dashed[disabled]:focus > a:only-child,
.ant-btn-dashed-disabled:active > a:only-child,
.ant-btn-dashed.disabled:active > a:only-child,
.ant-btn-dashed[disabled]:active > a:only-child,
.ant-btn-dashed-disabled.active > a:only-child,
.ant-btn-dashed.disabled.active > a:only-child,
.ant-btn-dashed[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-dashed-disabled > a:only-child::after,
.ant-btn-dashed.disabled > a:only-child::after,
.ant-btn-dashed[disabled] > a:only-child::after,
.ant-btn-dashed-disabled:hover > a:only-child::after,
.ant-btn-dashed.disabled:hover > a:only-child::after,
.ant-btn-dashed[disabled]:hover > a:only-child::after,
.ant-btn-dashed-disabled:focus > a:only-child::after,
.ant-btn-dashed.disabled:focus > a:only-child::after,
.ant-btn-dashed[disabled]:focus > a:only-child::after,
.ant-btn-dashed-disabled:active > a:only-child::after,
.ant-btn-dashed.disabled:active > a:only-child::after,
.ant-btn-dashed[disabled]:active > a:only-child::after,
.ant-btn-dashed-disabled.active > a:only-child::after,
.ant-btn-dashed.disabled.active > a:only-child::after,
.ant-btn-dashed[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-danger {
  color: #fff;
  background-color: #ff4d4f;
  border-color: #ff4d4f;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
}
.ant-btn-danger > a:only-child {
  color: currentColor;
}
.ant-btn-danger > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-danger:hover,
.ant-btn-danger:focus {
  color: #fff;
  background-color: #ff7875;
  border-color: #ff7875;
}
.ant-btn-danger:hover > a:only-child,
.ant-btn-danger:focus > a:only-child {
  color: currentColor;
}
.ant-btn-danger:hover > a:only-child::after,
.ant-btn-danger:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-danger:active,
.ant-btn-danger.active {
  color: #fff;
  background-color: #d9363e;
  border-color: #d9363e;
}
.ant-btn-danger:active > a:only-child,
.ant-btn-danger.active > a:only-child {
  color: currentColor;
}
.ant-btn-danger:active > a:only-child::after,
.ant-btn-danger.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-danger-disabled,
.ant-btn-danger.disabled,
.ant-btn-danger[disabled],
.ant-btn-danger-disabled:hover,
.ant-btn-danger.disabled:hover,
.ant-btn-danger[disabled]:hover,
.ant-btn-danger-disabled:focus,
.ant-btn-danger.disabled:focus,
.ant-btn-danger[disabled]:focus,
.ant-btn-danger-disabled:active,
.ant-btn-danger.disabled:active,
.ant-btn-danger[disabled]:active,
.ant-btn-danger-disabled.active,
.ant-btn-danger.disabled.active,
.ant-btn-danger[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-danger-disabled > a:only-child,
.ant-btn-danger.disabled > a:only-child,
.ant-btn-danger[disabled] > a:only-child,
.ant-btn-danger-disabled:hover > a:only-child,
.ant-btn-danger.disabled:hover > a:only-child,
.ant-btn-danger[disabled]:hover > a:only-child,
.ant-btn-danger-disabled:focus > a:only-child,
.ant-btn-danger.disabled:focus > a:only-child,
.ant-btn-danger[disabled]:focus > a:only-child,
.ant-btn-danger-disabled:active > a:only-child,
.ant-btn-danger.disabled:active > a:only-child,
.ant-btn-danger[disabled]:active > a:only-child,
.ant-btn-danger-disabled.active > a:only-child,
.ant-btn-danger.disabled.active > a:only-child,
.ant-btn-danger[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-danger-disabled > a:only-child::after,
.ant-btn-danger.disabled > a:only-child::after,
.ant-btn-danger[disabled] > a:only-child::after,
.ant-btn-danger-disabled:hover > a:only-child::after,
.ant-btn-danger.disabled:hover > a:only-child::after,
.ant-btn-danger[disabled]:hover > a:only-child::after,
.ant-btn-danger-disabled:focus > a:only-child::after,
.ant-btn-danger.disabled:focus > a:only-child::after,
.ant-btn-danger[disabled]:focus > a:only-child::after,
.ant-btn-danger-disabled:active > a:only-child::after,
.ant-btn-danger.disabled:active > a:only-child::after,
.ant-btn-danger[disabled]:active > a:only-child::after,
.ant-btn-danger-disabled.active > a:only-child::after,
.ant-btn-danger.disabled.active > a:only-child::after,
.ant-btn-danger[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-link {
  color: #3A78F2;
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
}
.ant-btn-link > a:only-child {
  color: currentColor;
}
.ant-btn-link > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-link:hover,
.ant-btn-link:focus {
  color: #669eff;
  background-color: transparent;
  border-color: #669eff;
}
.ant-btn-link:hover > a:only-child,
.ant-btn-link:focus > a:only-child {
  color: currentColor;
}
.ant-btn-link:hover > a:only-child::after,
.ant-btn-link:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-link:active,
.ant-btn-link.active {
  color: #2758cc;
  background-color: transparent;
  border-color: #2758cc;
}
.ant-btn-link:active > a:only-child,
.ant-btn-link.active > a:only-child {
  color: currentColor;
}
.ant-btn-link:active > a:only-child::after,
.ant-btn-link.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-link-disabled,
.ant-btn-link.disabled,
.ant-btn-link[disabled],
.ant-btn-link-disabled:hover,
.ant-btn-link.disabled:hover,
.ant-btn-link[disabled]:hover,
.ant-btn-link-disabled:focus,
.ant-btn-link.disabled:focus,
.ant-btn-link[disabled]:focus,
.ant-btn-link-disabled:active,
.ant-btn-link.disabled:active,
.ant-btn-link[disabled]:active,
.ant-btn-link-disabled.active,
.ant-btn-link.disabled.active,
.ant-btn-link[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-link-disabled > a:only-child,
.ant-btn-link.disabled > a:only-child,
.ant-btn-link[disabled] > a:only-child,
.ant-btn-link-disabled:hover > a:only-child,
.ant-btn-link.disabled:hover > a:only-child,
.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-link-disabled:focus > a:only-child,
.ant-btn-link.disabled:focus > a:only-child,
.ant-btn-link[disabled]:focus > a:only-child,
.ant-btn-link-disabled:active > a:only-child,
.ant-btn-link.disabled:active > a:only-child,
.ant-btn-link[disabled]:active > a:only-child,
.ant-btn-link-disabled.active > a:only-child,
.ant-btn-link.disabled.active > a:only-child,
.ant-btn-link[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-link-disabled > a:only-child::after,
.ant-btn-link.disabled > a:only-child::after,
.ant-btn-link[disabled] > a:only-child::after,
.ant-btn-link-disabled:hover > a:only-child::after,
.ant-btn-link.disabled:hover > a:only-child::after,
.ant-btn-link[disabled]:hover > a:only-child::after,
.ant-btn-link-disabled:focus > a:only-child::after,
.ant-btn-link.disabled:focus > a:only-child::after,
.ant-btn-link[disabled]:focus > a:only-child::after,
.ant-btn-link-disabled:active > a:only-child::after,
.ant-btn-link.disabled:active > a:only-child::after,
.ant-btn-link[disabled]:active > a:only-child::after,
.ant-btn-link-disabled.active > a:only-child::after,
.ant-btn-link.disabled.active > a:only-child::after,
.ant-btn-link[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-link:hover,
.ant-btn-link:focus,
.ant-btn-link:active {
  border-color: transparent;
}
.ant-btn-link-disabled,
.ant-btn-link.disabled,
.ant-btn-link[disabled],
.ant-btn-link-disabled:hover,
.ant-btn-link.disabled:hover,
.ant-btn-link[disabled]:hover,
.ant-btn-link-disabled:focus,
.ant-btn-link.disabled:focus,
.ant-btn-link[disabled]:focus,
.ant-btn-link-disabled:active,
.ant-btn-link.disabled:active,
.ant-btn-link[disabled]:active,
.ant-btn-link-disabled.active,
.ant-btn-link.disabled.active,
.ant-btn-link[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: transparent;
  border-color: transparent;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-link-disabled > a:only-child,
.ant-btn-link.disabled > a:only-child,
.ant-btn-link[disabled] > a:only-child,
.ant-btn-link-disabled:hover > a:only-child,
.ant-btn-link.disabled:hover > a:only-child,
.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-link-disabled:focus > a:only-child,
.ant-btn-link.disabled:focus > a:only-child,
.ant-btn-link[disabled]:focus > a:only-child,
.ant-btn-link-disabled:active > a:only-child,
.ant-btn-link.disabled:active > a:only-child,
.ant-btn-link[disabled]:active > a:only-child,
.ant-btn-link-disabled.active > a:only-child,
.ant-btn-link.disabled.active > a:only-child,
.ant-btn-link[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-link-disabled > a:only-child::after,
.ant-btn-link.disabled > a:only-child::after,
.ant-btn-link[disabled] > a:only-child::after,
.ant-btn-link-disabled:hover > a:only-child::after,
.ant-btn-link.disabled:hover > a:only-child::after,
.ant-btn-link[disabled]:hover > a:only-child::after,
.ant-btn-link-disabled:focus > a:only-child::after,
.ant-btn-link.disabled:focus > a:only-child::after,
.ant-btn-link[disabled]:focus > a:only-child::after,
.ant-btn-link-disabled:active > a:only-child::after,
.ant-btn-link.disabled:active > a:only-child::after,
.ant-btn-link[disabled]:active > a:only-child::after,
.ant-btn-link-disabled.active > a:only-child::after,
.ant-btn-link.disabled.active > a:only-child::after,
.ant-btn-link[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-icon-only {
  width: 32px;
  height: 32px;
  padding: 0;
  font-size: 14px;
  border-radius: 4px;
}
.ant-btn-icon-only.ant-btn-lg {
  width: 40px;
  height: 40px;
  padding: 0;
  font-size: 16px;
  border-radius: 4px;
}
.ant-btn-icon-only.ant-btn-sm {
  width: 24px;
  height: 24px;
  padding: 0;
  font-size: 12px;
  border-radius: 4px;
}
.ant-btn-icon-only > i {
  vertical-align: middle;
}
.ant-btn-round {
  height: 32px;
  padding: 0 16px;
  font-size: 12px;
  border-radius: 32px;
}
.ant-btn-round.ant-btn-lg {
  height: 40px;
  padding: 0 20px;
  font-size: 14px;
  border-radius: 40px;
}
.ant-btn-round.ant-btn-sm {
  height: 24px;
  padding: 0 12px;
  font-size: 12px;
  border-radius: 24px;
}
.ant-btn-round.ant-btn-icon-only {
  width: auto;
}
.ant-btn-circle,
.ant-btn-circle-outline {
  min-width: 32px;
  padding-right: 0;
  padding-left: 0;
  text-align: center;
  border-radius: 50%;
}
.ant-btn-circle.ant-btn-lg,
.ant-btn-circle-outline.ant-btn-lg {
  min-width: 40px;
  border-radius: 50%;
}
.ant-btn-circle.ant-btn-sm,
.ant-btn-circle-outline.ant-btn-sm {
  min-width: 24px;
  border-radius: 50%;
}
.ant-btn::before {
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  z-index: 1;
  display: none;
  background: #fff;
  border-radius: inherit;
  opacity: 0.35;
  transition: opacity 0.2s;
  content: '';
  pointer-events: none;
}
.ant-btn .anticon {
  transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-btn .anticon.anticon-plus > svg,
.ant-btn .anticon.anticon-minus > svg {
  shape-rendering: optimizeSpeed;
}
.ant-btn.ant-btn-loading {
  position: relative;
}
.ant-btn.ant-btn-loading:not([disabled]) {
  pointer-events: none;
}
.ant-btn.ant-btn-loading::before {
  display: block;
}
.ant-btn.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline):not(.ant-btn-icon-only) {
  padding-left: 29px;
}
.ant-btn.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline):not(.ant-btn-icon-only) .anticon:not(:last-child) {
  margin-left: -14px;
}
.ant-btn-sm.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline):not(.ant-btn-icon-only) {
  padding-left: 24px;
}
.ant-btn-sm.ant-btn-loading:not(.ant-btn-circle):not(.ant-btn-circle-outline):not(.ant-btn-icon-only) .anticon {
  margin-left: -17px;
}
.ant-btn-group {
  position: relative;
  display: inline-block;
}
.ant-btn-group > .ant-btn,
.ant-btn-group > span > .ant-btn {
  position: relative;
}
.ant-btn-group > .ant-btn:hover,
.ant-btn-group > span > .ant-btn:hover,
.ant-btn-group > .ant-btn:focus,
.ant-btn-group > span > .ant-btn:focus,
.ant-btn-group > .ant-btn:active,
.ant-btn-group > span > .ant-btn:active,
.ant-btn-group > .ant-btn.active,
.ant-btn-group > span > .ant-btn.active {
  z-index: 2;
}
.ant-btn-group > .ant-btn:disabled,
.ant-btn-group > span > .ant-btn:disabled {
  z-index: 0;
}
.ant-btn-group > .ant-btn-icon-only {
  font-size: 12px;
}
.ant-btn-group-lg > .ant-btn,
.ant-btn-group-lg > span > .ant-btn {
  height: 40px;
  padding: 0 15px;
  font-size: 14px;
  border-radius: 0;
  line-height: 38px;
}
.ant-btn-group-lg > .ant-btn.ant-btn-icon-only {
  width: 40px;
  height: 40px;
  padding-right: 0;
  padding-left: 0;
}
.ant-btn-group-sm > .ant-btn,
.ant-btn-group-sm > span > .ant-btn {
  height: 24px;
  padding: 0 7px;
  font-size: 12px;
  border-radius: 0;
  line-height: 22px;
}
.ant-btn-group-sm > .ant-btn > .anticon,
.ant-btn-group-sm > span > .ant-btn > .anticon {
  font-size: 12px;
}
.ant-btn-group-sm > .ant-btn.ant-btn-icon-only {
  width: 24px;
  height: 24px;
  padding-right: 0;
  padding-left: 0;
}
.ant-btn-group .ant-btn + .ant-btn,
.ant-btn + .ant-btn-group,
.ant-btn-group span + .ant-btn,
.ant-btn-group .ant-btn + span,
.ant-btn-group > span + span,
.ant-btn-group + .ant-btn,
.ant-btn-group + .ant-btn-group {
  margin-left: -1px;
}
.ant-btn-group .ant-btn-primary + .ant-btn:not(.ant-btn-primary):not([disabled]) {
  border-left-color: transparent;
}
.ant-btn-group .ant-btn {
  border-radius: 0;
}
.ant-btn-group > .ant-btn:first-child,
.ant-btn-group > span:first-child > .ant-btn {
  margin-left: 0;
}
.ant-btn-group > .ant-btn:only-child {
  border-radius: 4px;
}
.ant-btn-group > span:only-child > .ant-btn {
  border-radius: 4px;
}
.ant-btn-group > .ant-btn:first-child:not(:last-child),
.ant-btn-group > span:first-child:not(:last-child) > .ant-btn {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.ant-btn-group > .ant-btn:last-child:not(:first-child),
.ant-btn-group > span:last-child:not(:first-child) > .ant-btn {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.ant-btn-group-sm > .ant-btn:only-child {
  border-radius: 4px;
}
.ant-btn-group-sm > span:only-child > .ant-btn {
  border-radius: 4px;
}
.ant-btn-group-sm > .ant-btn:first-child:not(:last-child),
.ant-btn-group-sm > span:first-child:not(:last-child) > .ant-btn {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.ant-btn-group-sm > .ant-btn:last-child:not(:first-child),
.ant-btn-group-sm > span:last-child:not(:first-child) > .ant-btn {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.ant-btn-group > .ant-btn-group {
  float: left;
}
.ant-btn-group > .ant-btn-group:not(:first-child):not(:last-child) > .ant-btn {
  border-radius: 0;
}
.ant-btn-group > .ant-btn-group:first-child:not(:last-child) > .ant-btn:last-child {
  padding-right: 8px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-btn-group > .ant-btn-group:last-child:not(:first-child) > .ant-btn:first-child {
  padding-left: 8px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-btn:focus > span,
.ant-btn:active > span {
  position: relative;
}
.ant-btn > .anticon + span,
.ant-btn > span + .anticon {
  margin-left: 8px;
}
.ant-btn-background-ghost {
  color: #fff;
  background: transparent !important;
  border-color: #fff;
}
.ant-btn-background-ghost.ant-btn-primary {
  color: #3A78F2;
  background-color: transparent;
  border-color: #3A78F2;
  text-shadow: none;
}
.ant-btn-background-ghost.ant-btn-primary > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-primary > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-primary:hover,
.ant-btn-background-ghost.ant-btn-primary:focus {
  color: #669eff;
  background-color: transparent;
  border-color: #669eff;
}
.ant-btn-background-ghost.ant-btn-primary:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-primary:focus > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-primary:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-primary:active,
.ant-btn-background-ghost.ant-btn-primary.active {
  color: #2758cc;
  background-color: transparent;
  border-color: #2758cc;
}
.ant-btn-background-ghost.ant-btn-primary:active > a:only-child,
.ant-btn-background-ghost.ant-btn-primary.active > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-primary:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-primary-disabled,
.ant-btn-background-ghost.ant-btn-primary.disabled,
.ant-btn-background-ghost.ant-btn-primary[disabled],
.ant-btn-background-ghost.ant-btn-primary-disabled:hover,
.ant-btn-background-ghost.ant-btn-primary.disabled:hover,
.ant-btn-background-ghost.ant-btn-primary[disabled]:hover,
.ant-btn-background-ghost.ant-btn-primary-disabled:focus,
.ant-btn-background-ghost.ant-btn-primary.disabled:focus,
.ant-btn-background-ghost.ant-btn-primary[disabled]:focus,
.ant-btn-background-ghost.ant-btn-primary-disabled:active,
.ant-btn-background-ghost.ant-btn-primary.disabled:active,
.ant-btn-background-ghost.ant-btn-primary[disabled]:active,
.ant-btn-background-ghost.ant-btn-primary-disabled.active,
.ant-btn-background-ghost.ant-btn-primary.disabled.active,
.ant-btn-background-ghost.ant-btn-primary[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-background-ghost.ant-btn-primary-disabled > a:only-child,
.ant-btn-background-ghost.ant-btn-primary.disabled > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled] > a:only-child,
.ant-btn-background-ghost.ant-btn-primary-disabled:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-primary.disabled:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled]:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-primary-disabled:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-primary.disabled:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled]:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-primary-disabled:active > a:only-child,
.ant-btn-background-ghost.ant-btn-primary.disabled:active > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled]:active > a:only-child,
.ant-btn-background-ghost.ant-btn-primary-disabled.active > a:only-child,
.ant-btn-background-ghost.ant-btn-primary.disabled.active > a:only-child,
.ant-btn-background-ghost.ant-btn-primary[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-primary-disabled > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary.disabled > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled] > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary-disabled:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary.disabled:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled]:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary-disabled:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary.disabled:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled]:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary-disabled:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary.disabled:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled]:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary-disabled.active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary.disabled.active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-primary[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-danger {
  color: #ff4d4f;
  background-color: transparent;
  border-color: #ff4d4f;
  text-shadow: none;
}
.ant-btn-background-ghost.ant-btn-danger > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-danger > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-danger:hover,
.ant-btn-background-ghost.ant-btn-danger:focus {
  color: #ff7875;
  background-color: transparent;
  border-color: #ff7875;
}
.ant-btn-background-ghost.ant-btn-danger:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-danger:focus > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-danger:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-danger:active,
.ant-btn-background-ghost.ant-btn-danger.active {
  color: #d9363e;
  background-color: transparent;
  border-color: #d9363e;
}
.ant-btn-background-ghost.ant-btn-danger:active > a:only-child,
.ant-btn-background-ghost.ant-btn-danger.active > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-danger:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-danger-disabled,
.ant-btn-background-ghost.ant-btn-danger.disabled,
.ant-btn-background-ghost.ant-btn-danger[disabled],
.ant-btn-background-ghost.ant-btn-danger-disabled:hover,
.ant-btn-background-ghost.ant-btn-danger.disabled:hover,
.ant-btn-background-ghost.ant-btn-danger[disabled]:hover,
.ant-btn-background-ghost.ant-btn-danger-disabled:focus,
.ant-btn-background-ghost.ant-btn-danger.disabled:focus,
.ant-btn-background-ghost.ant-btn-danger[disabled]:focus,
.ant-btn-background-ghost.ant-btn-danger-disabled:active,
.ant-btn-background-ghost.ant-btn-danger.disabled:active,
.ant-btn-background-ghost.ant-btn-danger[disabled]:active,
.ant-btn-background-ghost.ant-btn-danger-disabled.active,
.ant-btn-background-ghost.ant-btn-danger.disabled.active,
.ant-btn-background-ghost.ant-btn-danger[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-background-ghost.ant-btn-danger-disabled > a:only-child,
.ant-btn-background-ghost.ant-btn-danger.disabled > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled] > a:only-child,
.ant-btn-background-ghost.ant-btn-danger-disabled:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-danger.disabled:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled]:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-danger-disabled:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-danger.disabled:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled]:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-danger-disabled:active > a:only-child,
.ant-btn-background-ghost.ant-btn-danger.disabled:active > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled]:active > a:only-child,
.ant-btn-background-ghost.ant-btn-danger-disabled.active > a:only-child,
.ant-btn-background-ghost.ant-btn-danger.disabled.active > a:only-child,
.ant-btn-background-ghost.ant-btn-danger[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-danger-disabled > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger.disabled > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled] > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger-disabled:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger.disabled:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled]:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger-disabled:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger.disabled:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled]:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger-disabled:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger.disabled:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled]:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger-disabled.active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger.disabled.active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-danger[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-link {
  color: #3A78F2;
  background-color: transparent;
  border-color: transparent;
  text-shadow: none;
  color: #fff;
}
.ant-btn-background-ghost.ant-btn-link > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-link > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-link:hover,
.ant-btn-background-ghost.ant-btn-link:focus {
  color: #669eff;
  background-color: transparent;
  border-color: transparent;
}
.ant-btn-background-ghost.ant-btn-link:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-link:focus > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-link:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-link:active,
.ant-btn-background-ghost.ant-btn-link.active {
  color: #2758cc;
  background-color: transparent;
  border-color: transparent;
}
.ant-btn-background-ghost.ant-btn-link:active > a:only-child,
.ant-btn-background-ghost.ant-btn-link.active > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-link:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-background-ghost.ant-btn-link-disabled,
.ant-btn-background-ghost.ant-btn-link.disabled,
.ant-btn-background-ghost.ant-btn-link[disabled],
.ant-btn-background-ghost.ant-btn-link-disabled:hover,
.ant-btn-background-ghost.ant-btn-link.disabled:hover,
.ant-btn-background-ghost.ant-btn-link[disabled]:hover,
.ant-btn-background-ghost.ant-btn-link-disabled:focus,
.ant-btn-background-ghost.ant-btn-link.disabled:focus,
.ant-btn-background-ghost.ant-btn-link[disabled]:focus,
.ant-btn-background-ghost.ant-btn-link-disabled:active,
.ant-btn-background-ghost.ant-btn-link.disabled:active,
.ant-btn-background-ghost.ant-btn-link[disabled]:active,
.ant-btn-background-ghost.ant-btn-link-disabled.active,
.ant-btn-background-ghost.ant-btn-link.disabled.active,
.ant-btn-background-ghost.ant-btn-link[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none;
}
.ant-btn-background-ghost.ant-btn-link-disabled > a:only-child,
.ant-btn-background-ghost.ant-btn-link.disabled > a:only-child,
.ant-btn-background-ghost.ant-btn-link[disabled] > a:only-child,
.ant-btn-background-ghost.ant-btn-link-disabled:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-link.disabled:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-link[disabled]:hover > a:only-child,
.ant-btn-background-ghost.ant-btn-link-disabled:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-link.disabled:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-link[disabled]:focus > a:only-child,
.ant-btn-background-ghost.ant-btn-link-disabled:active > a:only-child,
.ant-btn-background-ghost.ant-btn-link.disabled:active > a:only-child,
.ant-btn-background-ghost.ant-btn-link[disabled]:active > a:only-child,
.ant-btn-background-ghost.ant-btn-link-disabled.active > a:only-child,
.ant-btn-background-ghost.ant-btn-link.disabled.active > a:only-child,
.ant-btn-background-ghost.ant-btn-link[disabled].active > a:only-child {
  color: currentColor;
}
.ant-btn-background-ghost.ant-btn-link-disabled > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link.disabled > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link[disabled] > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link-disabled:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link.disabled:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link[disabled]:hover > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link-disabled:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link.disabled:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link[disabled]:focus > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link-disabled:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link.disabled:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link[disabled]:active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link-disabled.active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link.disabled.active > a:only-child::after,
.ant-btn-background-ghost.ant-btn-link[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-btn-two-chinese-chars::first-letter {
  letter-spacing: 0.34em;
}
.ant-btn-two-chinese-chars > *:not(.anticon) {
  margin-right: -0.34em;
  letter-spacing: 0.34em;
}
.ant-btn-block {
  width: 100%;
}
.ant-btn:empty {
  vertical-align: top;
}
a.ant-btn {
  padding-top: 0.1px;
  line-height: 30px;
}
a.ant-btn-lg {
  line-height: 38px;
}
a.ant-btn-sm {
  line-height: 22px;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
@font-face {
  font-family: "iconfont";
  /* Project id 3943798 */
  src: url(/res/resources/163951e7.woff2?t=1737514242682) format('woff2'), url(/res/resources/bd06db50.woff?t=1737514242682) format('woff'), url(/res/resources/3643389d.ttf?t=1737514242682) format('truetype');
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-icon_yingyon:before {
  content: "\e790";
}
.icon-icon_xiugai:before {
  content: "\e791";
}
.icon-icon_xiangmu:before {
  content: "\e792";
}
.icon-icon_xinzeng:before {
  content: "\e793";
}
.icon-icon_qiehuan:before {
  content: "\e794";
}
.icon-icon_dabao:before {
  content: "\e795";
}
.icon-zhexiantu-line:before {
  content: "\e78c";
}
.icon-bingtu-line:before {
  content: "\e78d";
}
.icon-biaoge-line:before {
  content: "\e78e";
}
.icon-zhuzhuangtu-line:before {
  content: "\e78f";
}
.icon-xitongpeizhi_no:before {
  content: "\e77d";
}
.icon-shujufuwukaifa_no:before {
  content: "\e783";
}
.icon-shujufuwukaifa_yes:before {
  content: "\e784";
}
.icon-shishishujujicheng_yes:before {
  content: "\e77c";
}
.icon-lixianshujujicheng_no:before {
  content: "\e77b";
}
.icon-shishishujujicheng_no:before {
  content: "\e785";
}
.icon-lixianshujujicheng_yes:before {
  content: "\e786";
}
.icon-SQLkaifaguanli_yes:before {
  content: "\e77a";
}
.icon-SQLkaifaguanli_no:before {
  content: "\e787";
}
.icon-gailan_yes:before {
  content: "\e788";
}
.icon-gailan_no:before {
  content: "\e789";
}
.icon-jiankongzhongxin_no:before {
  content: "\e78a";
}
.icon-jiankongzhongxin_yes:before {
  content: "\e78b";
}
.icon-zujiankaifapingtai_yes:before {
  content: "\e77e";
}
.icon-xieyijiantingrenwu_no:before {
  content: "\e77f";
}
.icon-xitongpeizhi_yes:before {
  content: "\e780";
}
.icon-xieyijiantingrenwu_yes:before {
  content: "\e781";
}
.icon-zujiankaifapingtai_no:before {
  content: "\e782";
}
.icon-icon_guanbi:before {
  content: "\ed52";
}
.icon-icon_hulianwang:before {
  content: "\ed51";
}
.icon-icon_shujuyuan:before {
  content: "\ed50";
}
.icon-expand-right-fill:before {
  content: "\e764";
}
.icon-expand-left-fill:before {
  content: "\e774";
}
.icon-LOGO:before {
  content: "\e708";
}
.icon-save1:before {
  content: "\eb73";
}
.icon-version_view:before {
  content: "\eb74";
}
.icon-interaction:before {
  content: "\ebe1";
}
.icon-drop_down_menu:before {
  content: "\ebbf";
}
.icon-button:before {
  content: "\ebc0";
}
.icon-pie_chart:before {
  content: "\ebc1";
}
.icon-text:before {
  content: "\ebc2";
}
.icon-date_time:before {
  content: "\ebc3";
}
.icon-histogram:before {
  content: "\ebc4";
}
.icon-picture:before {
  content: "\ebc5";
}
.icon-radar_chart:before {
  content: "\ebc6";
}
.icon-iframe:before {
  content: "\ebc7";
}
.icon-line_chart:before {
  content: "\ebc8";
}
.icon-sheet:before {
  content: "\ebc9";
}
.icon-Tab:before {
  content: "\ebca";
}
.icon-Video:before {
  content: "\ebcb";
}
.icon-Marquee:before {
  content: "\ebcc";
}
.icon-funnel_chart:before {
  content: "\ebcd";
}
.icon-set1:before {
  content: "\ebce";
}
.icon-configuration:before {
  content: "\ebcf";
}
.icon-data:before {
  content: "\ebd0";
}
.icon-parameter:before {
  content: "\ebd1";
}
.icon-Vector4:before {
  content: "\ebd2";
}
.icon-redo:before {
  content: "\eb86";
}
.icon-thumbnail:before {
  content: "\eb8a";
}
.icon-revoke:before {
  content: "\eb8b";
}
.icon-edit_description:before {
  content: "\ec76";
}
.icon-a-bianji1:before {
  content: "\eca5";
}
.icon-icon_shanchu:before {
  content: "\ed0d";
}
.icon-unfold21:before {
  content: "\e673";
}
.icon-icon_yunhangjiankong_yes:before {
  content: "\e705";
}
.icon-icon_pingtaijiankong_yes:before {
  content: "\e706";
}
.icon-icon_kaifaceshi_yes:before {
  content: "\e707";
}
.icon-icon_xitongyingyong_yes:before {
  content: "\e6fc";
}
.icon-icon_yunhangtongji_yes:before {
  content: "\e6fd";
}
.icon-icon_yunhangyujing_yes:before {
  content: "\e6fe";
}
.icon-icon_suoyouyingyong_yes:before {
  content: "\e6ff";
}
.icon-icon_shujufuwukaifa_yes:before {
  content: "\e700";
}
.icon-icon_shishijichengyingyong_yes:before {
  content: "\e701";
}
.icon-icon_yunhangfenxi_yes:before {
  content: "\e702";
}
.icon-icon_shujuyuanliebiao_yes:before {
  content: "\e703";
}
.icon-icon_yingyongguanli_yes:before {
  content: "\e704";
}
.icon-huifang:before {
  content: "\e61d";
}
.icon-chakanyunhangshuju:before {
  content: "\e6f9";
}
.icon-icon_paste:before {
  content: "\e6fa";
}
.icon-jincongbenjiedian:before {
  content: "\e6fb";
}
.icon-benjiediankaishi:before {
  content: "\e6f8";
}
.icon-yunhang:before {
  content: "\e6f3";
}
.icon-shuaxin1:before {
  content: "\e6f4";
}
.icon-zhenggeliucheng:before {
  content: "\e6f5";
}
.icon-suoxiao1:before {
  content: "\e6f6";
}
.icon-fangda1:before {
  content: "\e6f7";
}
.icon-mqjiantingqi_yes:before {
  content: "\e6ed";
}
.icon-xieyijiantingqi_yes:before {
  content: "\e6ee";
}
.icon-agreement:before {
  content: "\e6ef";
}
.icon-mqwatch:before {
  content: "\e6f0";
}
.icon-kafkajiantingqi_yes:before {
  content: "\e6f1";
}
.icon-kafka:before {
  content: "\e6f2";
}
.icon-daoru:before {
  content: "\e6e0";
}
.icon-a-chengjiantubiaoku_yingyong11:before {
  content: "\e629";
}
.icon-guanliyuan:before {
  content: "\e635";
}
.icon-18:before {
  content: "\e712";
}
.icon-icon-liucheng:before {
  content: "\e62e";
}
.icon-response_timeout_warning:before {
  content: "\e9a3";
}
.icon-forewarning:before {
  content: "\e9af";
}
.icon-tuisong:before {
  content: "\e62a";
}
.icon-keep_right:before {
  content: "\e910";
}
.icon-lower_down:before {
  content: "\e911";
}
.icon-bright_plate:before {
  content: "\e93e";
}
.icon-zidonglianxian:before {
  content: "\e9db";
}
.icon-view1:before {
  content: "\ebae";
}
.icon-close:before {
  content: "\e9c4";
}
.icon-close1:before {
  content: "\eb94";
}
.icon-delete2:before {
  content: "\ebab";
}
.icon-dark_plate:before {
  content: "\ebad";
}
.icon-search3:before {
  content: "\ebaf";
}
.icon-copy1:before {
  content: "\ebb2";
}
.icon-re_execute_this_node:before {
  content: "\ebb7";
}
.icon-download1:before {
  content: "\eba9";
}
.icon-upturning:before {
  content: "\ec4a";
}
.icon-flip_down_off:before {
  content: "\ec4d";
}
.icon-upturning_off:before {
  content: "\ec4c";
}
.icon-flip_down:before {
  content: "\ec4b";
}
.icon-preview:before {
  content: "\eca0";
}
.icon-shuaxin:before {
  content: "\e61c";
}
.icon-ETL:before {
  content: "\e9d6";
}
.icon-expand2:before {
  content: "\ec59";
}
.icon-uploadByteNode-esb:before {
  content: "\e9cd";
}
.icon-icon_11:before {
  content: "\ebd9";
}
.icon-delete:before {
  content: "\e8fd";
}
.icon-compile1:before {
  content: "\e9cc";
}
.icon-icon_3:before {
  content: "\ebe0";
}
.icon-icon_5:before {
  content: "\ebdb";
}
.icon-icon_6:before {
  content: "\ebdd";
}
.icon-icon_21:before {
  content: "\ebd7";
}
.icon-icon_7:before {
  content: "\ebdf";
}
.icon-icon_4:before {
  content: "\ebde";
}
.icon-icon_8:before {
  content: "\ebd8";
}
.icon-icon_12:before {
  content: "\ebd5";
}
.icon-icon_10:before {
  content: "\ebdc";
}
.icon-icon_15:before {
  content: "\ebda";
}
.icon-icon_13:before {
  content: "\ebd6";
}
.icon-icon_9:before {
  content: "\ebd4";
}
.icon-icon_14:before {
  content: "\ebd3";
}
.icon-setting:before {
  content: "\e6a0";
}
.icon-change_app:before {
  content: "\ec6d";
}
.icon-Apply3:before {
  content: "\ec9c";
}
.icon-change_app-copy:before {
  content: "\ec9d";
}
.icon-Apply3-copy:before {
  content: "\ec9e";
}
.icon-dataPreview:before {
  content: "\e684";
}
.icon-dataPreview-copy:before {
  content: "\ec9f";
}
.icon-Shapex:before {
  content: "\e620";
}
.icon-logo1:before {
  content: "\ebb1";
}
.icon-run1:before {
  content: "\e7db";
}
.icon-save:before {
  content: "\e93c";
}
.icon-constituency:before {
  content: "\e932";
}
.icon-debug_log:before {
  content: "\e933";
}
.icon-auto_layout:before {
  content: "\e934";
}
.icon-process_line:before {
  content: "\e935";
}
.icon-run:before {
  content: "\e936";
}
.icon-save_version:before {
  content: "\e937";
}
.icon-straight_line:before {
  content: "\e938";
}
.icon-view_all:before {
  content: "\e939";
}
.icon-process_properties:before {
  content: "\e93a";
}
.icon-task_monitoring:before {
  content: "\e93b";
}
.icon-animation:before {
  content: "\e93d";
}
.icon-chatgpt:before {
  content: "\e6bf";
}
.icon-my_process_on:before {
  content: "\eabc";
}
.icon-compile_on:before {
  content: "\e9a7";
}
.icon-copy:before {
  content: "\e9b7";
}
.icon-delete1:before {
  content: "\e9b9";
}
.icon-a-3dcube:before {
  content: "\ead8";
}
.icon-a-daoru1:before {
  content: "\e769";
}
.icon-wodezhanghao:before {
  content: "\e857";
}
.icon-qiehuan1:before {
  content: "\e859";
}
.icon-import1:before {
  content: "\e855";
}
.icon-notification-bing:before {
  content: "\e84b";
}
.icon-home1:before {
  content: "\e856";
}
.icon-editor-background:before {
  content: "\e829";
}
.icon-search1:before {
  content: "\e9ca";
}
.icon-suoxiao:before {
  content: "\ec13";
}
.icon-fangda:before {
  content: "\ec14";
}
.icon-ic_mxgc_mchb_cz_dsrz1:before {
  content: "\e61a";
}
.icon-process-menu-icon:before {
  content: "\e61b";
}
.icon-ic_mxgc_mchb_cz_rwjk1:before {
  content: "\e615";
}
.icon-ic_mxgc_mchb_cz_lcx1:before {
  content: "\e616";
}
.icon-ic_mxgc_mchb_cz_lcbb1:before {
  content: "\e617";
}
.icon-ic_mxgc_mchb_cz_cksy1:before {
  content: "\e618";
}
.icon-ic_mxgc_mchb_cz_zx1:before {
  content: "\e619";
}
.icon-ic_dh_sy:before {
  content: "\e614";
}
.icon-ic_mxgc_mchb_cz_bcmx:before {
  content: "\e600";
}
.icon-ic_mxgc_mchb_cz_cksy:before {
  content: "\e601";
}
.icon-ic_mxgc_mchb_cz_dsrz:before {
  content: "\e602";
}
.icon-ic_mxgc_mchb_cz_dhkg:before {
  content: "\e603";
}
.icon-ic_mxgc_mchb_cz_yxmx:before {
  content: "\e604";
}
.icon-ic_mxgc_mchb_cz_rwjk:before {
  content: "\e605";
}
.icon-ic_mxgc_mchb_fd:before {
  content: "\e606";
}
.icon-ic_mxgc_mchb_cz_lcbb:before {
  content: "\e607";
}
.icon-ic_mxgc_mchb_ss_sjyszzw_h:before {
  content: "\e608";
}
.icon-ic_mxgc_mchb_cz_xq:before {
  content: "\e609";
}
.icon-ic_mxgc_mchb_ss_qhshitu_lb:before {
  content: "\e60a";
}
.icon-ic_mxgc_mchb_cz_lcsx:before {
  content: "\e60b";
}
.icon-ic_mxgc_mchb_xyb:before {
  content: "\e60c";
}
.icon-ic_mxgc_mchb_sx:before {
  content: "\e60d";
}
.icon-ic_mxgc_mchb_cz_lcx:before {
  content: "\e60e";
}
.icon-ic_mxgc_mchb_ss_sjyszzw:before {
  content: "\e60f";
}
.icon-ic_mxgc_mchb_syb:before {
  content: "\e610";
}
.icon-ic_mxgc_mchb_dh:before {
  content: "\e611";
}
.icon-ic_mxgc_mchb_sy:before {
  content: "\e612";
}
.icon-ic_mxgc_mchb_cz_zx:before {
  content: "\e613";
}
.icon-daochu_on:before {
  content: "\e71a";
}
.icon-shanchu_on:before {
  content: "\e71c";
}
.icon-shuaxin_on:before {
  content: "\e71e";
}
.icon-yingyongpeizhi_on:before {
  content: "\e71f";
}
.icon-card:before {
  content: "\e83c";
}
.icon-list:before {
  content: "\e847";
}
.icon-more2:before {
  content: "\e849";
}
.icon-box:before {
  content: "\e852";
}
.icon-meihuadaima:before {
  content: "\e6b7";
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
.topHeaderText {
  font-size: 20px;
  font-weight: 600;
  color: #FFFFFF;
  margin-left: 10px;
  padding-left: 10px;
  padding-bottom: 2px;
  position: relative;
}
.monitorlogo {
  height: 60px;
  background-image: url(/res/image/a62bc3924c.png);
  background-repeat: no-repeat;
  background-position: 12px 8px;
  margin: 0 0 0 0;
}
.monitorTrigger {
  font-size: 18px;
  line-height: 64px;
  padding: 0 16px;
  cursor: pointer;
  transition: color 0.3s;
}
.monitorTrigger:hover {
  color: #1890ff;
}
.monitorlogo-w {
  height: 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  cursor: pointer;
  padding: 20px;
}
.monitorTrigger-w {
  font-size: 18px;
  height: 64px;
  line-height: 64px;
  padding: 0 16px;
  cursor: pointer;
  color: #fff;
  transition: color 0.3s;
}
.monitorTrigger-w:hover {
  color: #E6F7FF;
}
.topHeaderButton {
  border: none;
  color: #fff;
  height: 36px;
  border-radius: 2px;
  padding: 0 10px;
  line-height: 36px;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  margin: 0 10px 0 0;
  -webkit-transition-duration: 0.4s;
  /* Safari */
  transition-duration: 0.4s;
  cursor: pointer;
}
.topHeaderButton:hover {
  background-color: #108ee9;
  color: #fff;
}
.topHeaderButton-b {
  border: none;
  color: #666;
  height: 36px;
  border-radius: 5px;
  padding: 0 10px;
  line-height: 36px;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  margin: 0 10px 0 0;
  -webkit-transition-duration: 0.4s;
  /* Safari */
  transition-duration: 0.4s;
  cursor: pointer;
}
.topHeaderButton-b:hover {
  background-color: #108ee9;
  color: #fff;
}
.topHeaderButton-blue {
  border: none;
  color: #fff;
  height: 36px;
  border-radius: 5px;
  padding: 0 10px;
  line-height: 36px;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  margin: 0 10px 0 0;
  -webkit-transition-duration: 0.4s;
  /* Safari */
  transition-duration: 0.4s;
  cursor: pointer;
}
.topHeaderButton-blue:hover {
  background-color: #f4f4f4;
  color: #000;
}
.title-menu-min {
  overflow-x: hidden !important;
}
.title-menu-min::-webkit-scrollbar {
  width: 1px;
  height: 0;
}
.title-menu-min::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 5px #ececec;
  background: #999;
}
.title-menu-min::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  -webkit-box-shadow: inset 0 0 5px #ececec;
  border-radius: 0;
  background: #EBEEF4;
}
.apidoc table {
  border-collapse: collapse;
  border-spacing: 0;
  border-left: 1px solid #f4f4f4;
  border-top: 1px solid #f4f4f4;
  background: #fff;
  width: 100%;
}
.apidoc th {
  font-weight: bold;
  background: #f8f8f8;
  border-right: 1px solid #f4f4f4;
  border-bottom: 1px solid #f4f4f4;
  padding: 5px 15px;
  font-size: '9pt';
  height: 36px;
  text-align: left;
}
.apidoc tr:hover {
  background: #fafafa;
}
.apidoc td {
  border-right: 1px solid #f4f4f4;
  border-bottom: 1px solid #f4f4f4;
  padding: 5px 15px;
  font-size: '9pt';
  height: 36px;
}
.apidoc a:hover {
  text-decoration: underline;
}
.apiTotalDiv {
  background: #f8f8f8;
  height: 110px;
  width: 165px;
}
.apiTotalDiv:hover {
  background: #99CCFF;
}
.search-form {
  margin-bottom: 20px;
}
.search-form .search-content .ant-form-inline .ant-form-item > .ant-form-item-control-wrapper,
.search-form .search-content .ant-form-inline .ant-form-item > .ant-form-item-label {
  min-width: 60px;
}
.RelationalType .ant-avatar > img,
.bigData .ant-avatar > img {
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 100% !important;
  display: inline !important;
}
.RelationalType-text {
  height: 30px;
  line-height: 30px;
  font-size: 18px;
  text-align: left;
  border-left: 3px solid #1890ff;
  margin-bottom: 20px;
  /**/
  padding: 0px 0 0 5px;
}
.menu-icon {
  width: 14px;
  height: 14px;
  margin-right: 10px;
}
.ant-menu-item:hover .menu-icon {
  filter: drop-shadow(#1890ff 100px 0);
  transform: translateX(-100px);
}
.ant-menu-submenu-title:hover .menu-icon {
  filter: drop-shadow(#1890ff 100px 0);
  transform: translateX(-100px);
}
.ant-card-hoverable:hover {
  box-shadow: 0px 2px 8px rgba(7, 0, 2, 0.521) !important;
}
span.ant-breadcrumb-link {
  color: #108ee9;
}
.login_tips_mask {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 20px;
  top: 76px;
  right: 20px;
  bottom: 24px;
  color: #fff;
  font-size: 14px;
  background-color: hsla(0, 3%, 39%, 0.6);
  cursor: pointer;
}
.copyright .ant-card-head-title {
  font-weight: 400;
  font-size: 26px;
  color: #111111;
}
.copyright .ant-col {
  font-size: 14px;
}
.copyright .ant-row {
  line-height: 2;
}
.copyright .title {
  color: #111111;
}
.ListSchedulerConfig .ant-modal-body {
  min-height: 500px;
}
.noFund-style {
  width: 100%;
  height: 100vh;
  position: relative;
  background-image: url(/res/image/12831381e3.webp);
  background-repeat: no-repeat;
  background-size: cover;
}
.noFund-style .go-back {
  position: absolute;
  bottom: 100px;
  left: 47%;
}
.errPage-style {
  width: 100%;
  height: 100vh;
  background-color: #fff;
  border: 1px solid #fff;
}
.errPage-style .errPage-content {
  margin: 200px auto;
  width: 750px;
  height: 350px;
}
.errPage-style .errPage-content .errPage-dec {
  padding-top: 50px;
}
.errPage-style .errPage-content .errPage-dec h1.ant-typography {
  color: #b02333;
  font-size: 36px;
}
.errPage-style button.ant-btn.go-back {
  background: #b02333;
  color: #fff;
}
.home-link-list .home-link-card {
  width: 100%;
  height: 130px;
  overflow: hidden;
  z-index: 1;
  border-radius: 5px;
  background-color: #fff;
}
.home-link-list .home-link-card .ant-card-body {
  height: 100%;
  padding: 10px 15px;
}
.home-link-list .home-link-card .ant-card-body .ant-card-meta {
  display: flex;
  align-items: center;
  height: 100%;
}
.home-link-list .home-link-card .ant-card-body .ant-card-meta .ant-card-meta-avatar {
  display: flex;
  width: 27%;
  align-items: center;
  justify-content: center;
}
.home-link-list .home-link-card .ant-card-body .ant-card-meta .ant-card-meta-avatar img {
  width: 100%;
}
.home-link-list .home-link-card .ant-card-body .ant-card-meta .ant-card-meta-detail {
  width: 64.43%;
}
.home-link-list .home-link-card .ant-card-body .ant-card-meta .ant-card-meta-detail .ant-card-meta-title {
  font-size: 16px;
  font-weight: 400;
  color: #666;
}
.home-link-list .home-link-card .ant-card-body .ant-card-meta .ant-card-meta-detail .ant-card-meta-description {
  color: #a7a7a7;
  font-size: 12px;
}
.process-list .ant-menu-item {
  /* pointer-events: none; */
  cursor: move;
}
.process-list li.ant-menu-item.ant-menu-item-selected {
  background-color: #fff;
  color: #111111;
  /* .lf-dnd-item{
			pointer-events: none;
		} */
}
.process-list .ant-menu-inline .ant-menu-item::after {
  border-right: 1px solid #E8E8E8;
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.configName-tooltip .ant-tooltip-arrow::before {
  content: none;
}
.configName-tooltip .ant-tooltip-inner {
  color: #3C78F0;
  background: #fff;
}
.configName-text {
  width: 100%;
  height: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ant-affix {
  width: unset !important;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
.ant-table {
  margin-top: 10px !important;
}
.ant-table .ant-table-thead > tr > th,
.ant-table .ant-table-tbody > tr > td {
  padding: 12px 8px;
}
.ant-table .ant-table-expand-icon-th,
.ant-table .ant-table-row-expand-icon-cell {
  min-width: 40px;
  width: 40px;
}
.ant-table-thead > tr > th:not(.datav-th) {
  background-color: #f7f8fa !important;
  color: #666 !important;
  line-height: 22px;
}
.ant-table td .method-tag {
  margin: 0;
  min-width: 55px;
  text-align: center;
}
.ant-table-expanded-row .ant-table {
  min-height: 0 !important;
}
.ant-card {
  border-color: #e5e5e5;
}
.ant-notification-notice-description {
  word-wrap: break-word;
  max-height: calc(100vh - 200px);
  min-height: 20px;
  overflow-y: auto;
}
.ant-notification-notice-description::-webkit-scrollbar {
  width: 0;
}
.ant-input[disabled] {
  color: rgba(0, 0, 0, 0.5) !important;
}
body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-spin {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #000000D9;
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: absolute;
  display: none;
  color: #3A78F2;
  text-align: center;
  vertical-align: middle;
  opacity: 0;
  transition: transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-spin-spinning {
  position: static;
  display: inline-block;
  opacity: 1;
}
.ant-spin-nested-loading {
  position: relative;
}
.ant-spin-nested-loading > div > .ant-spin {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
  display: block;
  width: 100%;
  height: 100%;
  max-height: 400px;
}
.ant-spin-nested-loading > div > .ant-spin .ant-spin-dot {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -10px;
}
.ant-spin-nested-loading > div > .ant-spin .ant-spin-text {
  position: absolute;
  top: 50%;
  width: 100%;
  padding-top: 6px;
  text-shadow: 0 1px 2px #fff;
}
.ant-spin-nested-loading > div > .ant-spin.ant-spin-show-text .ant-spin-dot {
  margin-top: -20px;
}
.ant-spin-nested-loading > div > .ant-spin-sm .ant-spin-dot {
  margin: -7px;
}
.ant-spin-nested-loading > div > .ant-spin-sm .ant-spin-text {
  padding-top: 3px;
}
.ant-spin-nested-loading > div > .ant-spin-sm.ant-spin-show-text .ant-spin-dot {
  margin-top: -17px;
}
.ant-spin-nested-loading > div > .ant-spin-lg .ant-spin-dot {
  margin: -16px;
}
.ant-spin-nested-loading > div > .ant-spin-lg .ant-spin-text {
  padding-top: 12px;
}
.ant-spin-nested-loading > div > .ant-spin-lg.ant-spin-show-text .ant-spin-dot {
  margin-top: -26px;
}
.ant-spin-container {
  position: relative;
  transition: opacity 0.3s;
}
.ant-spin-container::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  display: none \9;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0;
  transition: all 0.3s;
  content: '';
  pointer-events: none;
}
.ant-spin-blur {
  clear: both;
  overflow: hidden;
  opacity: 0.5;
  user-select: none;
  pointer-events: none;
}
.ant-spin-blur::after {
  opacity: 0.4;
  pointer-events: auto;
}
.ant-spin-tip {
  color: rgba(0, 0, 0, 0.45);
}
.ant-spin-dot {
  position: relative;
  display: inline-block;
  font-size: 20px;
  width: 1em;
  height: 1em;
}
.ant-spin-dot-item {
  position: absolute;
  display: block;
  width: 9px;
  height: 9px;
  background-color: #3A78F2;
  border-radius: 100%;
  transform: scale(0.75);
  transform-origin: 50% 50%;
  opacity: 0.3;
  animation: antSpinMove 1s infinite linear alternate;
}
.ant-spin-dot-item:nth-child(1) {
  top: 0;
  left: 0;
}
.ant-spin-dot-item:nth-child(2) {
  top: 0;
  right: 0;
  animation-delay: 0.4s;
}
.ant-spin-dot-item:nth-child(3) {
  right: 0;
  bottom: 0;
  animation-delay: 0.8s;
}
.ant-spin-dot-item:nth-child(4) {
  bottom: 0;
  left: 0;
  animation-delay: 1.2s;
}
.ant-spin-dot-spin {
  transform: rotate(45deg);
  animation: antRotate 1.2s infinite linear;
}
.ant-spin-sm .ant-spin-dot {
  font-size: 14px;
}
.ant-spin-sm .ant-spin-dot i {
  width: 6px;
  height: 6px;
}
.ant-spin-lg .ant-spin-dot {
  font-size: 32px;
}
.ant-spin-lg .ant-spin-dot i {
  width: 14px;
  height: 14px;
}
.ant-spin.ant-spin-show-text .ant-spin-text {
  display: block;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* IE10+ */
  .ant-spin-blur {
    background: #fff;
    opacity: 0.5;
  }
}
@keyframes antSpinMove {
  to {
    opacity: 1;
  }
}
@keyframes antRotate {
  to {
    transform: rotate(405deg);
  }
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-breadcrumb {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #000000D9;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
}
.ant-breadcrumb .anticon {
  font-size: 12px;
}
.ant-breadcrumb a {
  color: rgba(0, 0, 0, 0.45);
  transition: color 0.3s;
}
.ant-breadcrumb a:hover {
  color: #669eff;
}
.ant-breadcrumb > span:last-child {
  color: #000000D9;
}
.ant-breadcrumb > span:last-child a {
  color: #000000D9;
}
.ant-breadcrumb > span:last-child .ant-breadcrumb-separator {
  display: none;
}
.ant-breadcrumb-separator {
  margin: 0 8px;
  color: rgba(0, 0, 0, 0.45);
}
.ant-breadcrumb-link > .anticon + span {
  margin-left: 4px;
}
.ant-breadcrumb-overlay-link > .anticon {
  margin-left: 4px;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-menu {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  font-feature-settings: 'tnum';
  margin-bottom: 0;
  padding-left: 0;
  color: #000000D9;
  line-height: 0;
  list-style: none;
  background: #fff;
  outline: none;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  transition: background 0.3s, width 0.2s;
  zoom: 1;
}
.ant-menu::before,
.ant-menu::after {
  display: table;
  content: '';
}
.ant-menu::after {
  clear: both;
}
.ant-menu ul,
.ant-menu ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ant-menu-hidden {
  display: none;
}
.ant-menu-item-group-title {
  padding: 8px 16px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
  line-height: 1.5;
  transition: all 0.3s;
}
.ant-menu-submenu,
.ant-menu-submenu-inline {
  transition: border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-submenu-selected {
  color: #3A78F2;
}
.ant-menu-item:active,
.ant-menu-submenu-title:active {
  background: #f0f7ff;
}
.ant-menu-submenu .ant-menu-sub {
  cursor: initial;
  transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-item > a {
  display: block;
  color: #000000D9;
}
.ant-menu-item > a:hover {
  color: #3A78F2;
}
.ant-menu-item > a::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: transparent;
  content: '';
}
.ant-menu-item > .ant-badge > a {
  color: #000000D9;
}
.ant-menu-item > .ant-badge > a:hover {
  color: #3A78F2;
}
.ant-menu-item-divider {
  height: 1px;
  overflow: hidden;
  line-height: 0;
  background-color: #e8e8e8;
}
.ant-menu-item:hover,
.ant-menu-item-active,
.ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open,
.ant-menu-submenu-active,
.ant-menu-submenu-title:hover {
  color: #3A78F2;
}
.ant-menu-horizontal .ant-menu-item,
.ant-menu-horizontal .ant-menu-submenu {
  margin-top: -1px;
}
.ant-menu-horizontal > .ant-menu-item:hover,
.ant-menu-horizontal > .ant-menu-item-active,
.ant-menu-horizontal > .ant-menu-submenu .ant-menu-submenu-title:hover {
  background-color: transparent;
}
.ant-menu-item-selected {
  color: #3A78F2;
}
.ant-menu-item-selected > a,
.ant-menu-item-selected > a:hover {
  color: #3A78F2;
}
.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
  background-color: #f0f7ff;
}
.ant-menu-inline,
.ant-menu-vertical,
.ant-menu-vertical-left {
  border-right: 1px solid #e8e8e8;
}
.ant-menu-vertical-right {
  border-left: 1px solid #e8e8e8;
}
.ant-menu-vertical.ant-menu-sub,
.ant-menu-vertical-left.ant-menu-sub,
.ant-menu-vertical-right.ant-menu-sub {
  min-width: 160px;
  padding: 0;
  border-right: 0;
  transform-origin: 0 0;
}
.ant-menu-vertical.ant-menu-sub .ant-menu-item,
.ant-menu-vertical-left.ant-menu-sub .ant-menu-item,
.ant-menu-vertical-right.ant-menu-sub .ant-menu-item {
  left: 0;
  margin-left: 0;
  border-right: 0;
}
.ant-menu-vertical.ant-menu-sub .ant-menu-item::after,
.ant-menu-vertical-left.ant-menu-sub .ant-menu-item::after,
.ant-menu-vertical-right.ant-menu-sub .ant-menu-item::after {
  border-right: 0;
}
.ant-menu-vertical.ant-menu-sub > .ant-menu-item,
.ant-menu-vertical-left.ant-menu-sub > .ant-menu-item,
.ant-menu-vertical-right.ant-menu-sub > .ant-menu-item,
.ant-menu-vertical.ant-menu-sub > .ant-menu-submenu,
.ant-menu-vertical-left.ant-menu-sub > .ant-menu-submenu,
.ant-menu-vertical-right.ant-menu-sub > .ant-menu-submenu {
  transform-origin: 0 0;
}
.ant-menu-horizontal.ant-menu-sub {
  min-width: 114px;
}
.ant-menu-item,
.ant-menu-submenu-title {
  position: relative;
  display: block;
  margin: 0;
  padding: 0 20px;
  white-space: nowrap;
  cursor: pointer;
  transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), border-color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), padding 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-item .anticon,
.ant-menu-submenu-title .anticon {
  min-width: 14px;
  margin-right: 10px;
  font-size: 12px;
  transition: font-size 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-item .anticon + span,
.ant-menu-submenu-title .anticon + span {
  opacity: 1;
  transition: opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu > .ant-menu-item-divider {
  height: 1px;
  margin: 1px 0;
  padding: 0;
  overflow: hidden;
  line-height: 0;
  background-color: #e8e8e8;
}
.ant-menu-submenu-popup {
  position: absolute;
  z-index: 1050;
  background: #fff;
  border-radius: 4px;
}
.ant-menu-submenu-popup .submenu-title-wrapper {
  padding-right: 20px;
}
.ant-menu-submenu-popup::before {
  position: absolute;
  top: -7px;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.0001;
  content: ' ';
}
.ant-menu-submenu > .ant-menu {
  background-color: #fff;
  border-radius: 4px;
}
.ant-menu-submenu > .ant-menu-submenu-title::after {
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow {
  position: absolute;
  top: 50%;
  right: 16px;
  width: 10px;
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::after {
  position: absolute;
  width: 6px;
  height: 1.5px;
  background: #fff;
  background: #000000D9 \9;
  background-image: linear-gradient(to right, #000000D9, #000000D9);
  background-image: none \9;
  border-radius: 2px;
  transition: background 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  content: '';
}
.ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::before {
  transform: rotate(45deg) translateY(-2px);
}
.ant-menu-submenu-vertical > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical-left > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical-right > .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::after {
  transform: rotate(-45deg) translateY(2px);
}
.ant-menu-submenu-vertical > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical-left > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical-right > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after,
.ant-menu-submenu-inline > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after,
.ant-menu-submenu-vertical > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical-left > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before,
.ant-menu-submenu-vertical-right > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before,
.ant-menu-submenu-inline > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before {
  background: linear-gradient(to right, #3A78F2, #3A78F2);
}
.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::before {
  transform: rotate(-45deg) translateX(2px);
}
.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::after {
  transform: rotate(45deg) translateX(-2px);
}
.ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow {
  transform: translateY(-2px);
}
.ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::after {
  transform: rotate(-45deg) translateX(-2px);
}
.ant-menu-submenu-open.ant-menu-submenu-inline > .ant-menu-submenu-title .ant-menu-submenu-arrow::before {
  transform: rotate(45deg) translateX(2px);
}
.ant-menu-vertical .ant-menu-submenu-selected,
.ant-menu-vertical-left .ant-menu-submenu-selected,
.ant-menu-vertical-right .ant-menu-submenu-selected {
  color: #3A78F2;
}
.ant-menu-vertical .ant-menu-submenu-selected > a,
.ant-menu-vertical-left .ant-menu-submenu-selected > a,
.ant-menu-vertical-right .ant-menu-submenu-selected > a {
  color: #3A78F2;
}
.ant-menu-horizontal {
  line-height: 46px;
  white-space: nowrap;
  border: 0;
  border-bottom: 1px solid #e8e8e8;
  box-shadow: none;
}
.ant-menu-horizontal > .ant-menu-item,
.ant-menu-horizontal > .ant-menu-submenu {
  position: relative;
  top: 1px;
  display: inline-block;
  vertical-align: bottom;
  border-bottom: 2px solid transparent;
}
.ant-menu-horizontal > .ant-menu-item:hover,
.ant-menu-horizontal > .ant-menu-submenu:hover,
.ant-menu-horizontal > .ant-menu-item-active,
.ant-menu-horizontal > .ant-menu-submenu-active,
.ant-menu-horizontal > .ant-menu-item-open,
.ant-menu-horizontal > .ant-menu-submenu-open,
.ant-menu-horizontal > .ant-menu-item-selected,
.ant-menu-horizontal > .ant-menu-submenu-selected {
  color: #3A78F2;
  border-bottom: 2px solid #3A78F2;
}
.ant-menu-horizontal > .ant-menu-item > a {
  display: block;
  color: #000000D9;
}
.ant-menu-horizontal > .ant-menu-item > a:hover {
  color: #3A78F2;
}
.ant-menu-horizontal > .ant-menu-item > a::before {
  bottom: -2px;
}
.ant-menu-horizontal > .ant-menu-item-selected > a {
  color: #3A78F2;
}
.ant-menu-horizontal::after {
  display: block;
  clear: both;
  height: 0;
  content: '\20';
}
.ant-menu-vertical .ant-menu-item,
.ant-menu-vertical-left .ant-menu-item,
.ant-menu-vertical-right .ant-menu-item,
.ant-menu-inline .ant-menu-item {
  position: relative;
}
.ant-menu-vertical .ant-menu-item::after,
.ant-menu-vertical-left .ant-menu-item::after,
.ant-menu-vertical-right .ant-menu-item::after,
.ant-menu-inline .ant-menu-item::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  border-right: 3px solid #3A78F2;
  transform: scaleY(0.0001);
  opacity: 0;
  transition: transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
  content: '';
}
.ant-menu-vertical .ant-menu-item,
.ant-menu-vertical-left .ant-menu-item,
.ant-menu-vertical-right .ant-menu-item,
.ant-menu-inline .ant-menu-item,
.ant-menu-vertical .ant-menu-submenu-title,
.ant-menu-vertical-left .ant-menu-submenu-title,
.ant-menu-vertical-right .ant-menu-submenu-title,
.ant-menu-inline .ant-menu-submenu-title {
  height: 40px;
  margin-top: 4px;
  margin-bottom: 4px;
  padding: 0 16px;
  overflow: hidden;
  font-size: 14px;
  line-height: 40px;
  text-overflow: ellipsis;
}
.ant-menu-vertical .ant-menu-submenu,
.ant-menu-vertical-left .ant-menu-submenu,
.ant-menu-vertical-right .ant-menu-submenu,
.ant-menu-inline .ant-menu-submenu {
  padding-bottom: 0.02px;
}
.ant-menu-vertical .ant-menu-item:not(:last-child),
.ant-menu-vertical-left .ant-menu-item:not(:last-child),
.ant-menu-vertical-right .ant-menu-item:not(:last-child),
.ant-menu-inline .ant-menu-item:not(:last-child) {
  margin-bottom: 8px;
}
.ant-menu-vertical > .ant-menu-item,
.ant-menu-vertical-left > .ant-menu-item,
.ant-menu-vertical-right > .ant-menu-item,
.ant-menu-inline > .ant-menu-item,
.ant-menu-vertical > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu-vertical-left > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu-vertical-right > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title {
  height: 40px;
  line-height: 40px;
}
.ant-menu-inline {
  width: 100%;
}
.ant-menu-inline .ant-menu-selected::after,
.ant-menu-inline .ant-menu-item-selected::after {
  transform: scaleY(1);
  opacity: 1;
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-menu-inline .ant-menu-item,
.ant-menu-inline .ant-menu-submenu-title {
  width: calc(100% + 1px);
}
.ant-menu-inline .ant-menu-submenu-title {
  padding-right: 34px;
}
.ant-menu-inline-collapsed {
  width: 80px;
}
.ant-menu-inline-collapsed > .ant-menu-item,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title,
.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title {
  left: 0;
  padding: 0 33px !important;
  text-overflow: clip;
}
.ant-menu-inline-collapsed > .ant-menu-item .ant-menu-submenu-arrow,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .ant-menu-submenu-arrow,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .ant-menu-submenu-arrow {
  display: none;
}
.ant-menu-inline-collapsed > .ant-menu-item .anticon,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .anticon,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .anticon,
.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .anticon {
  margin: 0;
  font-size: 14px;
  line-height: 40px;
}
.ant-menu-inline-collapsed > .ant-menu-item .anticon + span,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-item .anticon + span,
.ant-menu-inline-collapsed > .ant-menu-item-group > .ant-menu-item-group-list > .ant-menu-submenu > .ant-menu-submenu-title .anticon + span,
.ant-menu-inline-collapsed > .ant-menu-submenu > .ant-menu-submenu-title .anticon + span {
  display: inline-block;
  max-width: 0;
  opacity: 0;
}
.ant-menu-inline-collapsed-tooltip {
  pointer-events: none;
}
.ant-menu-inline-collapsed-tooltip .anticon {
  display: none;
}
.ant-menu-inline-collapsed-tooltip a {
  color: rgba(255, 255, 255, 0.85);
}
.ant-menu-inline-collapsed .ant-menu-item-group-title {
  padding-right: 4px;
  padding-left: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-menu-item-group-list {
  margin: 0;
  padding: 0;
}
.ant-menu-item-group-list .ant-menu-item,
.ant-menu-item-group-list .ant-menu-submenu-title {
  padding: 0 16px 0 28px;
}
.ant-menu-root.ant-menu-vertical,
.ant-menu-root.ant-menu-vertical-left,
.ant-menu-root.ant-menu-vertical-right,
.ant-menu-root.ant-menu-inline {
  box-shadow: none;
}
.ant-menu-sub.ant-menu-inline {
  padding: 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.ant-menu-sub.ant-menu-inline > .ant-menu-item,
.ant-menu-sub.ant-menu-inline > .ant-menu-submenu > .ant-menu-submenu-title {
  height: 40px;
  line-height: 40px;
  list-style-position: inside;
  list-style-type: disc;
}
.ant-menu-sub.ant-menu-inline .ant-menu-item-group-title {
  padding-left: 32px;
}
.ant-menu-item-disabled,
.ant-menu-submenu-disabled {
  color: rgba(0, 0, 0, 0.25) !important;
  background: none;
  border-color: transparent !important;
  cursor: not-allowed;
}
.ant-menu-item-disabled > a,
.ant-menu-submenu-disabled > a {
  color: rgba(0, 0, 0, 0.25) !important;
  pointer-events: none;
}
.ant-menu-item-disabled > .ant-menu-submenu-title,
.ant-menu-submenu-disabled > .ant-menu-submenu-title {
  color: rgba(0, 0, 0, 0.25) !important;
  cursor: not-allowed;
}
.ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after {
  background: rgba(0, 0, 0, 0.25) !important;
}
.ant-menu-dark,
.ant-menu-dark .ant-menu-sub {
  color: rgba(255, 255, 255, 0.65);
  background: #001529;
}
.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow {
  opacity: 0.45;
  transition: all 0.3s;
}
.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-title .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-sub .ant-menu-submenu-title .ant-menu-submenu-arrow::before {
  background: #fff;
}
.ant-menu-dark.ant-menu-submenu-popup {
  background: transparent;
}
.ant-menu-dark .ant-menu-inline.ant-menu-sub {
  background: #000c17;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45) inset;
}
.ant-menu-dark.ant-menu-horizontal {
  border-bottom: 0;
}
.ant-menu-dark.ant-menu-horizontal > .ant-menu-item,
.ant-menu-dark.ant-menu-horizontal > .ant-menu-submenu {
  top: 0;
  margin-top: 0;
  border-color: #001529;
  border-bottom: 0;
}
.ant-menu-dark.ant-menu-horizontal > .ant-menu-item > a::before {
  bottom: 0;
}
.ant-menu-dark .ant-menu-item,
.ant-menu-dark .ant-menu-item-group-title,
.ant-menu-dark .ant-menu-item > a {
  color: rgba(255, 255, 255, 0.65);
}
.ant-menu-dark.ant-menu-inline,
.ant-menu-dark.ant-menu-vertical,
.ant-menu-dark.ant-menu-vertical-left,
.ant-menu-dark.ant-menu-vertical-right {
  border-right: 0;
}
.ant-menu-dark.ant-menu-inline .ant-menu-item,
.ant-menu-dark.ant-menu-vertical .ant-menu-item,
.ant-menu-dark.ant-menu-vertical-left .ant-menu-item,
.ant-menu-dark.ant-menu-vertical-right .ant-menu-item {
  left: 0;
  margin-left: 0;
  border-right: 0;
}
.ant-menu-dark.ant-menu-inline .ant-menu-item::after,
.ant-menu-dark.ant-menu-vertical .ant-menu-item::after,
.ant-menu-dark.ant-menu-vertical-left .ant-menu-item::after,
.ant-menu-dark.ant-menu-vertical-right .ant-menu-item::after {
  border-right: 0;
}
.ant-menu-dark.ant-menu-inline .ant-menu-item,
.ant-menu-dark.ant-menu-inline .ant-menu-submenu-title {
  width: 100%;
}
.ant-menu-dark .ant-menu-item:hover,
.ant-menu-dark .ant-menu-item-active,
.ant-menu-dark .ant-menu-submenu-active,
.ant-menu-dark .ant-menu-submenu-open,
.ant-menu-dark .ant-menu-submenu-selected,
.ant-menu-dark .ant-menu-submenu-title:hover {
  color: #fff;
  background-color: transparent;
}
.ant-menu-dark .ant-menu-item:hover > a,
.ant-menu-dark .ant-menu-item-active > a,
.ant-menu-dark .ant-menu-submenu-active > a,
.ant-menu-dark .ant-menu-submenu-open > a,
.ant-menu-dark .ant-menu-submenu-selected > a,
.ant-menu-dark .ant-menu-submenu-title:hover > a {
  color: #fff;
}
.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow {
  opacity: 1;
}
.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-item:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-item-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-active > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-open > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-selected > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-title:hover > .ant-menu-submenu-title:hover > .ant-menu-submenu-arrow::before {
  background: #fff;
}
.ant-menu-dark .ant-menu-item:hover {
  background-color: transparent;
}
.ant-menu-dark .ant-menu-item-selected {
  color: #fff;
  border-right: 0;
}
.ant-menu-dark .ant-menu-item-selected::after {
  border-right: 0;
}
.ant-menu-dark .ant-menu-item-selected > a,
.ant-menu-dark .ant-menu-item-selected > a:hover {
  color: #fff;
}
.ant-menu-dark .ant-menu-item-selected .anticon {
  color: #fff;
}
.ant-menu-dark .ant-menu-item-selected .anticon + span {
  color: #fff;
}
.ant-menu.ant-menu-dark .ant-menu-item-selected,
.ant-menu-submenu-popup.ant-menu-dark .ant-menu-item-selected {
  background-color: #3A78F2;
}
.ant-menu-dark .ant-menu-item-disabled,
.ant-menu-dark .ant-menu-submenu-disabled,
.ant-menu-dark .ant-menu-item-disabled > a,
.ant-menu-dark .ant-menu-submenu-disabled > a {
  color: rgba(255, 255, 255, 0.35) !important;
  opacity: 0.8;
}
.ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title,
.ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title {
  color: rgba(255, 255, 255, 0.35) !important;
}
.ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::before,
.ant-menu-dark .ant-menu-item-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after,
.ant-menu-dark .ant-menu-submenu-disabled > .ant-menu-submenu-title > .ant-menu-submenu-arrow::after {
  background: rgba(255, 255, 255, 0.35) !important;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-tooltip {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #000000D9;
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: absolute;
  z-index: 1060;
  display: block;
  max-width: 250px;
  visibility: visible;
}
.ant-tooltip-hidden {
  display: none;
}
.ant-tooltip-placement-top,
.ant-tooltip-placement-topLeft,
.ant-tooltip-placement-topRight {
  padding-bottom: 8px;
}
.ant-tooltip-placement-right,
.ant-tooltip-placement-rightTop,
.ant-tooltip-placement-rightBottom {
  padding-left: 8px;
}
.ant-tooltip-placement-bottom,
.ant-tooltip-placement-bottomLeft,
.ant-tooltip-placement-bottomRight {
  padding-top: 8px;
}
.ant-tooltip-placement-left,
.ant-tooltip-placement-leftTop,
.ant-tooltip-placement-leftBottom {
  padding-right: 8px;
}
.ant-tooltip-inner {
  min-width: 30px;
  min-height: 32px;
  padding: 6px 8px;
  color: #fff;
  text-align: left;
  text-decoration: none;
  word-wrap: break-word;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-tooltip-arrow {
  position: absolute;
  display: block;
  width: 13.07106781px;
  height: 13.07106781px;
  overflow: hidden;
  background: transparent;
  pointer-events: none;
}
.ant-tooltip-arrow::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 5px;
  height: 5px;
  margin: auto;
  background-color: rgba(0, 0, 0, 0.75);
  content: '';
  pointer-events: auto;
}
.ant-tooltip-placement-top .ant-tooltip-arrow,
.ant-tooltip-placement-topLeft .ant-tooltip-arrow,
.ant-tooltip-placement-topRight .ant-tooltip-arrow {
  bottom: -5.07106781px;
}
.ant-tooltip-placement-top .ant-tooltip-arrow::before,
.ant-tooltip-placement-topLeft .ant-tooltip-arrow::before,
.ant-tooltip-placement-topRight .ant-tooltip-arrow::before {
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
  transform: translateY(-6.53553391px) rotate(45deg);
}
.ant-tooltip-placement-top .ant-tooltip-arrow {
  left: 50%;
  transform: translateX(-50%);
}
.ant-tooltip-placement-topLeft .ant-tooltip-arrow {
  left: 13px;
}
.ant-tooltip-placement-topRight .ant-tooltip-arrow {
  right: 13px;
}
.ant-tooltip-placement-right .ant-tooltip-arrow,
.ant-tooltip-placement-rightTop .ant-tooltip-arrow,
.ant-tooltip-placement-rightBottom .ant-tooltip-arrow {
  left: -5.07106781px;
}
.ant-tooltip-placement-right .ant-tooltip-arrow::before,
.ant-tooltip-placement-rightTop .ant-tooltip-arrow::before,
.ant-tooltip-placement-rightBottom .ant-tooltip-arrow::before {
  box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
  transform: translateX(6.53553391px) rotate(45deg);
}
.ant-tooltip-placement-right .ant-tooltip-arrow {
  top: 50%;
  transform: translateY(-50%);
}
.ant-tooltip-placement-rightTop .ant-tooltip-arrow {
  top: 5px;
}
.ant-tooltip-placement-rightBottom .ant-tooltip-arrow {
  bottom: 5px;
}
.ant-tooltip-placement-left .ant-tooltip-arrow,
.ant-tooltip-placement-leftTop .ant-tooltip-arrow,
.ant-tooltip-placement-leftBottom .ant-tooltip-arrow {
  right: -5.07106781px;
}
.ant-tooltip-placement-left .ant-tooltip-arrow::before,
.ant-tooltip-placement-leftTop .ant-tooltip-arrow::before,
.ant-tooltip-placement-leftBottom .ant-tooltip-arrow::before {
  box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
  transform: translateX(-6.53553391px) rotate(45deg);
}
.ant-tooltip-placement-left .ant-tooltip-arrow {
  top: 50%;
  transform: translateY(-50%);
}
.ant-tooltip-placement-leftTop .ant-tooltip-arrow {
  top: 5px;
}
.ant-tooltip-placement-leftBottom .ant-tooltip-arrow {
  bottom: 5px;
}
.ant-tooltip-placement-bottom .ant-tooltip-arrow,
.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow,
.ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
  top: -5.07106781px;
}
.ant-tooltip-placement-bottom .ant-tooltip-arrow::before,
.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow::before,
.ant-tooltip-placement-bottomRight .ant-tooltip-arrow::before {
  box-shadow: -3px -3px 7px rgba(0, 0, 0, 0.07);
  transform: translateY(6.53553391px) rotate(45deg);
}
.ant-tooltip-placement-bottom .ant-tooltip-arrow {
  left: 50%;
  transform: translateX(-50%);
}
.ant-tooltip-placement-bottomLeft .ant-tooltip-arrow {
  left: 13px;
}
.ant-tooltip-placement-bottomRight .ant-tooltip-arrow {
  right: 13px;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-dropdown {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #000000D9;
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: absolute;
  top: -9999px;
  left: -9999px;
  z-index: 1050;
  display: block;
}
.ant-dropdown::before {
  position: absolute;
  top: -7px;
  right: 0;
  bottom: -7px;
  left: -7px;
  z-index: -9999;
  opacity: 0.0001;
  content: ' ';
}
.ant-dropdown-wrap {
  position: relative;
}
.ant-dropdown-wrap .ant-btn > .anticon-down {
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  transform: scale(0.83333333) rotate(0deg);
}
:root .ant-dropdown-wrap .ant-btn > .anticon-down {
  font-size: 12px;
}
.ant-dropdown-wrap .anticon-down::before {
  transition: transform 0.2s;
}
.ant-dropdown-wrap-open .anticon-down::before {
  transform: rotate(180deg);
}
.ant-dropdown-hidden,
.ant-dropdown-menu-hidden {
  display: none;
}
.ant-dropdown-menu {
  position: relative;
  margin: 0;
  padding: 4px 0;
  text-align: left;
  list-style-type: none;
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 4px;
  outline: none;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  -webkit-transform: translate3d(0, 0, 0);
}
.ant-dropdown-menu-item-group-title {
  padding: 5px 12px;
  color: rgba(0, 0, 0, 0.45);
  transition: all 0.3s;
}
.ant-dropdown-menu-submenu-popup {
  position: absolute;
  z-index: 1050;
}
.ant-dropdown-menu-submenu-popup > .ant-dropdown-menu {
  transform-origin: 0 0;
}
.ant-dropdown-menu-submenu-popup ul,
.ant-dropdown-menu-submenu-popup li {
  list-style: none;
}
.ant-dropdown-menu-submenu-popup ul {
  margin-right: 0.3em;
  margin-left: 0.3em;
  padding: 0;
}
.ant-dropdown-menu-item,
.ant-dropdown-menu-submenu-title {
  clear: both;
  margin: 0;
  padding: 5px 12px;
  color: #000000D9;
  font-weight: normal;
  font-size: 12px;
  line-height: 22px;
  white-space: nowrap;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-dropdown-menu-item > .anticon:first-child,
.ant-dropdown-menu-submenu-title > .anticon:first-child,
.ant-dropdown-menu-item > span > .anticon:first-child,
.ant-dropdown-menu-submenu-title > span > .anticon:first-child {
  min-width: 12px;
  margin-right: 8px;
  font-size: 12px;
}
.ant-dropdown-menu-item > a,
.ant-dropdown-menu-submenu-title > a {
  display: block;
  margin: -5px -12px;
  padding: 5px 12px;
  color: #000000D9;
  transition: all 0.3s;
}
.ant-dropdown-menu-item-selected,
.ant-dropdown-menu-submenu-title-selected,
.ant-dropdown-menu-item-selected > a,
.ant-dropdown-menu-submenu-title-selected > a {
  color: #3A78F2;
  background-color: #f0f7ff;
}
.ant-dropdown-menu-item:hover,
.ant-dropdown-menu-submenu-title:hover {
  background-color: #f0f7ff;
}
.ant-dropdown-menu-item-disabled,
.ant-dropdown-menu-submenu-title-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-dropdown-menu-item-disabled:hover,
.ant-dropdown-menu-submenu-title-disabled:hover {
  color: rgba(0, 0, 0, 0.25);
  background-color: #fff;
  cursor: not-allowed;
}
.ant-dropdown-menu-item-divider,
.ant-dropdown-menu-submenu-title-divider {
  height: 1px;
  margin: 4px 0;
  overflow: hidden;
  line-height: 0;
  background-color: #e8e8e8;
}
.ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow,
.ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow {
  position: absolute;
  right: 8px;
}
.ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow-icon,
.ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow-icon {
  color: rgba(0, 0, 0, 0.45);
  font-style: normal;
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  transform: scale(0.83333333) rotate(0deg);
}
:root .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow-icon,
:root .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow-icon {
  font-size: 12px;
}
.ant-dropdown-menu-item-group-list {
  margin: 0 8px;
  padding: 0;
  list-style: none;
}
.ant-dropdown-menu-submenu-title {
  padding-right: 26px;
}
.ant-dropdown-menu-submenu-vertical {
  position: relative;
}
.ant-dropdown-menu-submenu-vertical > .ant-dropdown-menu {
  position: absolute;
  top: 0;
  left: 100%;
  min-width: 100%;
  margin-left: 4px;
  transform-origin: 0 0;
}
.ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title,
.ant-dropdown-menu-submenu.ant-dropdown-menu-submenu-disabled .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow-icon {
  color: rgba(0, 0, 0, 0.25);
  background-color: #fff;
  cursor: not-allowed;
}
.ant-dropdown-menu-submenu-selected .ant-dropdown-menu-submenu-title {
  color: #3A78F2;
}
.ant-dropdown.slide-down-enter.slide-down-enter-active.ant-dropdown-placement-bottomLeft,
.ant-dropdown.slide-down-appear.slide-down-appear-active.ant-dropdown-placement-bottomLeft,
.ant-dropdown.slide-down-enter.slide-down-enter-active.ant-dropdown-placement-bottomCenter,
.ant-dropdown.slide-down-appear.slide-down-appear-active.ant-dropdown-placement-bottomCenter,
.ant-dropdown.slide-down-enter.slide-down-enter-active.ant-dropdown-placement-bottomRight,
.ant-dropdown.slide-down-appear.slide-down-appear-active.ant-dropdown-placement-bottomRight {
  animation-name: antSlideUpIn;
}
.ant-dropdown.slide-up-enter.slide-up-enter-active.ant-dropdown-placement-topLeft,
.ant-dropdown.slide-up-appear.slide-up-appear-active.ant-dropdown-placement-topLeft,
.ant-dropdown.slide-up-enter.slide-up-enter-active.ant-dropdown-placement-topCenter,
.ant-dropdown.slide-up-appear.slide-up-appear-active.ant-dropdown-placement-topCenter,
.ant-dropdown.slide-up-enter.slide-up-enter-active.ant-dropdown-placement-topRight,
.ant-dropdown.slide-up-appear.slide-up-appear-active.ant-dropdown-placement-topRight {
  animation-name: antSlideDownIn;
}
.ant-dropdown.slide-down-leave.slide-down-leave-active.ant-dropdown-placement-bottomLeft,
.ant-dropdown.slide-down-leave.slide-down-leave-active.ant-dropdown-placement-bottomCenter,
.ant-dropdown.slide-down-leave.slide-down-leave-active.ant-dropdown-placement-bottomRight {
  animation-name: antSlideUpOut;
}
.ant-dropdown.slide-up-leave.slide-up-leave-active.ant-dropdown-placement-topLeft,
.ant-dropdown.slide-up-leave.slide-up-leave-active.ant-dropdown-placement-topCenter,
.ant-dropdown.slide-up-leave.slide-up-leave-active.ant-dropdown-placement-topRight {
  animation-name: antSlideDownOut;
}
.ant-dropdown-trigger > .anticon.anticon-down,
.ant-dropdown-link > .anticon.anticon-down {
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  transform: scale(0.83333333) rotate(0deg);
}
:root .ant-dropdown-trigger > .anticon.anticon-down,
:root .ant-dropdown-link > .anticon.anticon-down {
  font-size: 12px;
}
.ant-dropdown-button {
  white-space: nowrap;
}
.ant-dropdown-button.ant-btn-group > .ant-btn:last-child:not(:first-child) {
  padding-right: 8px;
  padding-left: 8px;
}
.ant-dropdown-button .anticon.anticon-down {
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  transform: scale(0.83333333) rotate(0deg);
}
:root .ant-dropdown-button .anticon.anticon-down {
  font-size: 12px;
}
.ant-dropdown-menu-dark,
.ant-dropdown-menu-dark .ant-dropdown-menu {
  background: #001529;
}
.ant-dropdown-menu-dark .ant-dropdown-menu-item,
.ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title,
.ant-dropdown-menu-dark .ant-dropdown-menu-item > a {
  color: rgba(255, 255, 255, 0.65);
}
.ant-dropdown-menu-dark .ant-dropdown-menu-item .ant-dropdown-menu-submenu-arrow::after,
.ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-arrow::after,
.ant-dropdown-menu-dark .ant-dropdown-menu-item > a .ant-dropdown-menu-submenu-arrow::after {
  color: rgba(255, 255, 255, 0.65);
}
.ant-dropdown-menu-dark .ant-dropdown-menu-item:hover,
.ant-dropdown-menu-dark .ant-dropdown-menu-submenu-title:hover,
.ant-dropdown-menu-dark .ant-dropdown-menu-item > a:hover {
  color: #fff;
  background: transparent;
}
.ant-dropdown-menu-dark .ant-dropdown-menu-item-selected,
.ant-dropdown-menu-dark .ant-dropdown-menu-item-selected:hover,
.ant-dropdown-menu-dark .ant-dropdown-menu-item-selected > a {
  color: #fff;
  background: #3A78F2;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-layout {
  display: flex;
  flex: auto;
  flex-direction: column;
  /* fix firefox can't set height smaller than content on flex item */
  min-height: 0;
  background: #f0f2f5;
}
.ant-layout,
.ant-layout * {
  box-sizing: border-box;
}
.ant-layout.ant-layout-has-sider {
  flex-direction: row;
}
.ant-layout.ant-layout-has-sider > .ant-layout,
.ant-layout.ant-layout-has-sider > .ant-layout-content {
  overflow-x: hidden;
}
.ant-layout-header,
.ant-layout-footer {
  flex: 0 0 auto;
}
.ant-layout-header {
  height: 64px;
  padding: 0 50px;
  line-height: 64px;
  background: #001529;
}
.ant-layout-footer {
  padding: 24px 50px;
  color: #000000D9;
  font-size: 12px;
  background: #f0f2f5;
}
.ant-layout-content {
  flex: auto;
  /* fix firefox can't set height smaller than content on flex item */
  min-height: 0;
}
.ant-layout-sider {
  position: relative;
  /* fix firefox can't set width smaller than content on flex item */
  min-width: 0;
  background: #001529;
  transition: all 0.2s;
}
.ant-layout-sider-children {
  height: 100%;
  margin-top: -0.1px;
  padding-top: 0.1px;
}
.ant-layout-sider-has-trigger {
  padding-bottom: 48px;
}
.ant-layout-sider-right {
  order: 1;
}
.ant-layout-sider-trigger {
  position: fixed;
  bottom: 0;
  z-index: 1;
  height: 48px;
  color: #fff;
  line-height: 48px;
  text-align: center;
  background: #002140;
  cursor: pointer;
  transition: all 0.2s;
}
.ant-layout-sider-zero-width > * {
  overflow: hidden;
}
.ant-layout-sider-zero-width-trigger {
  position: absolute;
  top: 64px;
  right: -36px;
  z-index: 1;
  width: 36px;
  height: 42px;
  color: #fff;
  font-size: 18px;
  line-height: 42px;
  text-align: center;
  background: #001529;
  border-radius: 0 4px 4px 0;
  cursor: pointer;
  transition: background 0.3s ease;
}
.ant-layout-sider-zero-width-trigger:hover {
  background: #192c3e;
}
.ant-layout-sider-zero-width-trigger-right {
  left: -36px;
  border-radius: 4px 0 0 4px;
}
.ant-layout-sider-light {
  background: #fff;
}
.ant-layout-sider-light .ant-layout-sider-trigger {
  color: #000000D9;
  background: #fff;
}
.ant-layout-sider-light .ant-layout-sider-zero-width-trigger {
  color: #000000D9;
  background: #fff;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/* 侧边栏文字颜色 */
/* 侧边栏移入文字颜色 */
/* 侧边栏选中文字颜色 */
/* 侧边栏icon颜色 */
/* 侧边栏选中icon颜色 */
/* 侧边栏背景色 */
/* 侧边栏选中背景色 */
.scrollbar-style::-webkit-scrollbar {
  width: 1px;
  height: 1px;
  background-color: #fff;
}
.scrollbar-style::-webkit-scrollbar-track {
  border-radius: 10px;
  background: #fff;
}
.scrollbar-style::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #fff;
}
.scrollbar-style::-webkit-scrollbar-button {
  height: 0;
  background-color: #fff;
}
.communityLayout-actionApp {
  width: 120px;
  height: 76px;
  padding: 0 8px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.communityLayout-actionApp > div {
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  font-size: 14px;
}
.communityLayout-actionApp > div:hover {
  background-color: #FAFAFA;
}
.communityLayout-header {
  height: 64px;
  width: 100%;
  background-color: #3A78F2;
  display: flex;
  padding: 0px 16px 0px 24px;
  justify-content: space-between;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 8;
}
.communityLayout-header-left {
  display: flex;
  align-items: center;
  min-width: 500px;
}
.communityLayout-header-left-app {
  height: 50px;
  margin-left: 80px;
  display: flex;
  align-items: center;
}
.communityLayout-header-left-app .switch-btn {
  width: 90px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  cursor: pointer;
}
.communityLayout-header-left-app .switch-btn:hover {
  background-color: rgba(255, 255, 255, 0.15);
  border-radius: 4px;
}
.communityLayout-header-left-app .switch-divider {
  width: 1px;
  height: 14px;
  background: #FFFFFF;
  margin: 0px 12px;
}
.communityLayout-header-left-app .switch-appName {
  padding: 5px 12px;
  color: #fff;
  cursor: pointer;
}
.communityLayout-header-left-app .switch-appName:hover {
  background-color: rgba(255, 255, 255, 0.15);
  border-radius: 4px;
}
.communityLayout-header-right {
  cursor: pointer;
  color: #fff;
  display: flex;
  align-items: center;
  font-size: 14px;
  min-width: 500px;
  justify-content: flex-end;
}
.communityLayout-header-right .header-avatar {
  padding-right: 40px;
  display: flex;
  align-items: center;
  z-index: 8;
}
.communityLayout-header-right .header-avatar .userName {
  margin-right: 10px;
}
.communityLayout-layout {
  margin-left: 200px;
  margin-top: 64px;
}
.communityLayout-layout-sider {
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  height: calc(100vh - 64px);
  margin-top: 64px;
}
.communityLayout-layout-sider::-webkit-scrollbar {
  width: 0px;
  height: 0px;
  background-color: red;
}
.communityLayout-layout-sider::-webkit-scrollbar-track {
  border-radius: 10px;
  background: #fff;
}
.communityLayout-layout-sider::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #fff;
}
.communityLayout-layout-layouts {
  height: calc(100vh - 64px) !important;
  overflow: auto;
  display: block;
  margin-left: 16px;
  padding-right: 16px;
}
.communityLayout-layout-Breadcrumb {
  height: 40px;
  display: flex;
  align-items: center;
  margin-left: 10px;
}
.communityLayout-layout-content {
  background-color: #fff;
  padding: 30px;
  min-height: calc(100vh - 149px);
}
.communityLayout-layout-footer {
  padding: 0;
  background: #f0f2f5;
}
.communityLayout-layout-footer .page-footer {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 45px;
}
.communityLayout-layout-footer .page-footer span {
  margin-right: 15px;
  color: #999;
}
.subMenu-vertical {
  padding-left: 32px;
  box-sizing: border-box;
}
.subMenu-vertical .ant-menu-submenu-title {
  padding-right: 0px;
}
.subMenu-vertical-children {
  position: relative;
}
.localhost-info {
  padding: 12px 16px;
}
.localhost-info-divider {
  background-color: #ebedf0;
  height: 2px;
  border: none;
  margin: 5px 0px;
}
.version-switch {
  display: flex;
  align-items: center;
  margin: 5px 0px;
  height: 30px;
  cursor: pointer;
}
.version-switch:hover {
  color: #3a78f2;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-avatar {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #000000D9;
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  overflow: hidden;
  color: #fff;
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  background: #ccc;
  width: 32px;
  height: 32px;
  line-height: 32px;
  border-radius: 50%;
}
.ant-avatar-image {
  background: transparent;
}
.ant-avatar-string {
  position: absolute;
  left: 50%;
  transform-origin: 0 center;
}
.ant-avatar.ant-avatar-icon {
  font-size: 18px;
}
.ant-avatar-lg {
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50%;
}
.ant-avatar-lg-string {
  position: absolute;
  left: 50%;
  transform-origin: 0 center;
}
.ant-avatar-lg.ant-avatar-icon {
  font-size: 24px;
}
.ant-avatar-sm {
  width: 24px;
  height: 24px;
  line-height: 24px;
  border-radius: 50%;
}
.ant-avatar-sm-string {
  position: absolute;
  left: 50%;
  transform-origin: 0 center;
}
.ant-avatar-sm.ant-avatar-icon {
  font-size: 14px;
}
.ant-avatar-square {
  border-radius: 4px;
}
.ant-avatar > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-popover {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #000000D9;
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1030;
  font-weight: normal;
  white-space: normal;
  text-align: left;
  cursor: auto;
  user-select: text;
}
.ant-popover::after {
  position: absolute;
  background: rgba(255, 255, 255, 0.01);
  content: '';
}
.ant-popover-hidden {
  display: none;
}
.ant-popover-placement-top,
.ant-popover-placement-topLeft,
.ant-popover-placement-topRight {
  padding-bottom: 10px;
}
.ant-popover-placement-right,
.ant-popover-placement-rightTop,
.ant-popover-placement-rightBottom {
  padding-left: 10px;
}
.ant-popover-placement-bottom,
.ant-popover-placement-bottomLeft,
.ant-popover-placement-bottomRight {
  padding-top: 10px;
}
.ant-popover-placement-left,
.ant-popover-placement-leftTop,
.ant-popover-placement-leftBottom {
  padding-right: 10px;
}
.ant-popover-inner {
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.15) \9;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ant-popover {
    /* IE10+ */
  }
  .ant-popover-inner {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  }
}
.ant-popover-title {
  min-width: 177px;
  min-height: 32px;
  margin: 0;
  padding: 5px 16px 4px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  border-bottom: 1px solid #e8e8e8;
}
.ant-popover-inner-content {
  padding: 12px 16px;
  color: #000000D9;
}
.ant-popover-message {
  position: relative;
  padding: 4px 0 12px;
  color: #000000D9;
  font-size: 12px;
}
.ant-popover-message > .anticon {
  position: absolute;
  top: 8px;
  color: #faad14;
  font-size: 12px;
}
.ant-popover-message-title {
  padding-left: 20px;
}
.ant-popover-buttons {
  margin-bottom: 4px;
  text-align: right;
}
.ant-popover-buttons button {
  margin-left: 8px;
}
.ant-popover-arrow {
  position: absolute;
  display: block;
  width: 8.48528137px;
  height: 8.48528137px;
  background: transparent;
  border-style: solid;
  border-width: 4.24264069px;
  transform: rotate(45deg);
}
.ant-popover-placement-top > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-topLeft > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-topRight > .ant-popover-content > .ant-popover-arrow {
  bottom: 6.2px;
  border-top-color: transparent;
  border-right-color: #fff;
  border-bottom-color: #fff;
  border-left-color: transparent;
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
}
.ant-popover-placement-top > .ant-popover-content > .ant-popover-arrow {
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
}
.ant-popover-placement-topLeft > .ant-popover-content > .ant-popover-arrow {
  left: 16px;
}
.ant-popover-placement-topRight > .ant-popover-content > .ant-popover-arrow {
  right: 16px;
}
.ant-popover-placement-right > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-rightTop > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-rightBottom > .ant-popover-content > .ant-popover-arrow {
  left: 6px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: #fff;
  border-left-color: #fff;
  box-shadow: -3px 3px 7px rgba(0, 0, 0, 0.07);
}
.ant-popover-placement-right > .ant-popover-content > .ant-popover-arrow {
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}
.ant-popover-placement-rightTop > .ant-popover-content > .ant-popover-arrow {
  top: 12px;
}
.ant-popover-placement-rightBottom > .ant-popover-content > .ant-popover-arrow {
  bottom: 12px;
}
.ant-popover-placement-bottom > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-bottomLeft > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-bottomRight > .ant-popover-content > .ant-popover-arrow {
  top: 6px;
  border-top-color: #fff;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: #fff;
  box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.06);
}
.ant-popover-placement-bottom > .ant-popover-content > .ant-popover-arrow {
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
}
.ant-popover-placement-bottomLeft > .ant-popover-content > .ant-popover-arrow {
  left: 16px;
}
.ant-popover-placement-bottomRight > .ant-popover-content > .ant-popover-arrow {
  right: 16px;
}
.ant-popover-placement-left > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-leftTop > .ant-popover-content > .ant-popover-arrow,
.ant-popover-placement-leftBottom > .ant-popover-content > .ant-popover-arrow {
  right: 6px;
  border-top-color: #fff;
  border-right-color: #fff;
  border-bottom-color: transparent;
  border-left-color: transparent;
  box-shadow: 3px -3px 7px rgba(0, 0, 0, 0.07);
}
.ant-popover-placement-left > .ant-popover-content > .ant-popover-arrow {
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}
.ant-popover-placement-leftTop > .ant-popover-content > .ant-popover-arrow {
  top: 12px;
}
.ant-popover-placement-leftBottom > .ant-popover-content > .ant-popover-arrow {
  bottom: 12px;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-row {
  position: relative;
  height: auto;
  margin-right: 0;
  margin-left: 0;
  zoom: 1;
  display: block;
  box-sizing: border-box;
}
.ant-row::before,
.ant-row::after {
  display: table;
  content: '';
}
.ant-row::after {
  clear: both;
}
.ant-row + .ant-row::before {
  clear: both;
}
.ant-row-flex {
  display: flex;
  flex-flow: row wrap;
}
.ant-row-flex::before,
.ant-row-flex::after {
  display: flex;
}
.ant-row-flex-start {
  justify-content: flex-start;
}
.ant-row-flex-center {
  justify-content: center;
}
.ant-row-flex-end {
  justify-content: flex-end;
}
.ant-row-flex-space-between {
  justify-content: space-between;
}
.ant-row-flex-space-around {
  justify-content: space-around;
}
.ant-row-flex-top {
  align-items: flex-start;
}
.ant-row-flex-middle {
  align-items: center;
}
.ant-row-flex-bottom {
  align-items: flex-end;
}
.ant-col {
  position: relative;
  min-height: 1px;
}
.ant-col-1,
.ant-col-xs-1,
.ant-col-sm-1,
.ant-col-md-1,
.ant-col-lg-1,
.ant-col-2,
.ant-col-xs-2,
.ant-col-sm-2,
.ant-col-md-2,
.ant-col-lg-2,
.ant-col-3,
.ant-col-xs-3,
.ant-col-sm-3,
.ant-col-md-3,
.ant-col-lg-3,
.ant-col-4,
.ant-col-xs-4,
.ant-col-sm-4,
.ant-col-md-4,
.ant-col-lg-4,
.ant-col-5,
.ant-col-xs-5,
.ant-col-sm-5,
.ant-col-md-5,
.ant-col-lg-5,
.ant-col-6,
.ant-col-xs-6,
.ant-col-sm-6,
.ant-col-md-6,
.ant-col-lg-6,
.ant-col-7,
.ant-col-xs-7,
.ant-col-sm-7,
.ant-col-md-7,
.ant-col-lg-7,
.ant-col-8,
.ant-col-xs-8,
.ant-col-sm-8,
.ant-col-md-8,
.ant-col-lg-8,
.ant-col-9,
.ant-col-xs-9,
.ant-col-sm-9,
.ant-col-md-9,
.ant-col-lg-9,
.ant-col-10,
.ant-col-xs-10,
.ant-col-sm-10,
.ant-col-md-10,
.ant-col-lg-10,
.ant-col-11,
.ant-col-xs-11,
.ant-col-sm-11,
.ant-col-md-11,
.ant-col-lg-11,
.ant-col-12,
.ant-col-xs-12,
.ant-col-sm-12,
.ant-col-md-12,
.ant-col-lg-12,
.ant-col-13,
.ant-col-xs-13,
.ant-col-sm-13,
.ant-col-md-13,
.ant-col-lg-13,
.ant-col-14,
.ant-col-xs-14,
.ant-col-sm-14,
.ant-col-md-14,
.ant-col-lg-14,
.ant-col-15,
.ant-col-xs-15,
.ant-col-sm-15,
.ant-col-md-15,
.ant-col-lg-15,
.ant-col-16,
.ant-col-xs-16,
.ant-col-sm-16,
.ant-col-md-16,
.ant-col-lg-16,
.ant-col-17,
.ant-col-xs-17,
.ant-col-sm-17,
.ant-col-md-17,
.ant-col-lg-17,
.ant-col-18,
.ant-col-xs-18,
.ant-col-sm-18,
.ant-col-md-18,
.ant-col-lg-18,
.ant-col-19,
.ant-col-xs-19,
.ant-col-sm-19,
.ant-col-md-19,
.ant-col-lg-19,
.ant-col-20,
.ant-col-xs-20,
.ant-col-sm-20,
.ant-col-md-20,
.ant-col-lg-20,
.ant-col-21,
.ant-col-xs-21,
.ant-col-sm-21,
.ant-col-md-21,
.ant-col-lg-21,
.ant-col-22,
.ant-col-xs-22,
.ant-col-sm-22,
.ant-col-md-22,
.ant-col-lg-22,
.ant-col-23,
.ant-col-xs-23,
.ant-col-sm-23,
.ant-col-md-23,
.ant-col-lg-23,
.ant-col-24,
.ant-col-xs-24,
.ant-col-sm-24,
.ant-col-md-24,
.ant-col-lg-24 {
  position: relative;
  padding-right: 0;
  padding-left: 0;
}
.ant-col-1,
.ant-col-2,
.ant-col-3,
.ant-col-4,
.ant-col-5,
.ant-col-6,
.ant-col-7,
.ant-col-8,
.ant-col-9,
.ant-col-10,
.ant-col-11,
.ant-col-12,
.ant-col-13,
.ant-col-14,
.ant-col-15,
.ant-col-16,
.ant-col-17,
.ant-col-18,
.ant-col-19,
.ant-col-20,
.ant-col-21,
.ant-col-22,
.ant-col-23,
.ant-col-24 {
  flex: 0 0 auto;
  float: left;
}
.ant-col-24 {
  display: block;
  box-sizing: border-box;
  width: 100%;
}
.ant-col-push-24 {
  left: 100%;
}
.ant-col-pull-24 {
  right: 100%;
}
.ant-col-offset-24 {
  margin-left: 100%;
}
.ant-col-order-24 {
  order: 24;
}
.ant-col-23 {
  display: block;
  box-sizing: border-box;
  width: 95.83333333%;
}
.ant-col-push-23 {
  left: 95.83333333%;
}
.ant-col-pull-23 {
  right: 95.83333333%;
}
.ant-col-offset-23 {
  margin-left: 95.83333333%;
}
.ant-col-order-23 {
  order: 23;
}
.ant-col-22 {
  display: block;
  box-sizing: border-box;
  width: 91.66666667%;
}
.ant-col-push-22 {
  left: 91.66666667%;
}
.ant-col-pull-22 {
  right: 91.66666667%;
}
.ant-col-offset-22 {
  margin-left: 91.66666667%;
}
.ant-col-order-22 {
  order: 22;
}
.ant-col-21 {
  display: block;
  box-sizing: border-box;
  width: 87.5%;
}
.ant-col-push-21 {
  left: 87.5%;
}
.ant-col-pull-21 {
  right: 87.5%;
}
.ant-col-offset-21 {
  margin-left: 87.5%;
}
.ant-col-order-21 {
  order: 21;
}
.ant-col-20 {
  display: block;
  box-sizing: border-box;
  width: 83.33333333%;
}
.ant-col-push-20 {
  left: 83.33333333%;
}
.ant-col-pull-20 {
  right: 83.33333333%;
}
.ant-col-offset-20 {
  margin-left: 83.33333333%;
}
.ant-col-order-20 {
  order: 20;
}
.ant-col-19 {
  display: block;
  box-sizing: border-box;
  width: 79.16666667%;
}
.ant-col-push-19 {
  left: 79.16666667%;
}
.ant-col-pull-19 {
  right: 79.16666667%;
}
.ant-col-offset-19 {
  margin-left: 79.16666667%;
}
.ant-col-order-19 {
  order: 19;
}
.ant-col-18 {
  display: block;
  box-sizing: border-box;
  width: 75%;
}
.ant-col-push-18 {
  left: 75%;
}
.ant-col-pull-18 {
  right: 75%;
}
.ant-col-offset-18 {
  margin-left: 75%;
}
.ant-col-order-18 {
  order: 18;
}
.ant-col-17 {
  display: block;
  box-sizing: border-box;
  width: 70.83333333%;
}
.ant-col-push-17 {
  left: 70.83333333%;
}
.ant-col-pull-17 {
  right: 70.83333333%;
}
.ant-col-offset-17 {
  margin-left: 70.83333333%;
}
.ant-col-order-17 {
  order: 17;
}
.ant-col-16 {
  display: block;
  box-sizing: border-box;
  width: 66.66666667%;
}
.ant-col-push-16 {
  left: 66.66666667%;
}
.ant-col-pull-16 {
  right: 66.66666667%;
}
.ant-col-offset-16 {
  margin-left: 66.66666667%;
}
.ant-col-order-16 {
  order: 16;
}
.ant-col-15 {
  display: block;
  box-sizing: border-box;
  width: 62.5%;
}
.ant-col-push-15 {
  left: 62.5%;
}
.ant-col-pull-15 {
  right: 62.5%;
}
.ant-col-offset-15 {
  margin-left: 62.5%;
}
.ant-col-order-15 {
  order: 15;
}
.ant-col-14 {
  display: block;
  box-sizing: border-box;
  width: 58.33333333%;
}
.ant-col-push-14 {
  left: 58.33333333%;
}
.ant-col-pull-14 {
  right: 58.33333333%;
}
.ant-col-offset-14 {
  margin-left: 58.33333333%;
}
.ant-col-order-14 {
  order: 14;
}
.ant-col-13 {
  display: block;
  box-sizing: border-box;
  width: 54.16666667%;
}
.ant-col-push-13 {
  left: 54.16666667%;
}
.ant-col-pull-13 {
  right: 54.16666667%;
}
.ant-col-offset-13 {
  margin-left: 54.16666667%;
}
.ant-col-order-13 {
  order: 13;
}
.ant-col-12 {
  display: block;
  box-sizing: border-box;
  width: 50%;
}
.ant-col-push-12 {
  left: 50%;
}
.ant-col-pull-12 {
  right: 50%;
}
.ant-col-offset-12 {
  margin-left: 50%;
}
.ant-col-order-12 {
  order: 12;
}
.ant-col-11 {
  display: block;
  box-sizing: border-box;
  width: 45.83333333%;
}
.ant-col-push-11 {
  left: 45.83333333%;
}
.ant-col-pull-11 {
  right: 45.83333333%;
}
.ant-col-offset-11 {
  margin-left: 45.83333333%;
}
.ant-col-order-11 {
  order: 11;
}
.ant-col-10 {
  display: block;
  box-sizing: border-box;
  width: 41.66666667%;
}
.ant-col-push-10 {
  left: 41.66666667%;
}
.ant-col-pull-10 {
  right: 41.66666667%;
}
.ant-col-offset-10 {
  margin-left: 41.66666667%;
}
.ant-col-order-10 {
  order: 10;
}
.ant-col-9 {
  display: block;
  box-sizing: border-box;
  width: 37.5%;
}
.ant-col-push-9 {
  left: 37.5%;
}
.ant-col-pull-9 {
  right: 37.5%;
}
.ant-col-offset-9 {
  margin-left: 37.5%;
}
.ant-col-order-9 {
  order: 9;
}
.ant-col-8 {
  display: block;
  box-sizing: border-box;
  width: 33.33333333%;
}
.ant-col-push-8 {
  left: 33.33333333%;
}
.ant-col-pull-8 {
  right: 33.33333333%;
}
.ant-col-offset-8 {
  margin-left: 33.33333333%;
}
.ant-col-order-8 {
  order: 8;
}
.ant-col-7 {
  display: block;
  box-sizing: border-box;
  width: 29.16666667%;
}
.ant-col-push-7 {
  left: 29.16666667%;
}
.ant-col-pull-7 {
  right: 29.16666667%;
}
.ant-col-offset-7 {
  margin-left: 29.16666667%;
}
.ant-col-order-7 {
  order: 7;
}
.ant-col-6 {
  display: block;
  box-sizing: border-box;
  width: 25%;
}
.ant-col-push-6 {
  left: 25%;
}
.ant-col-pull-6 {
  right: 25%;
}
.ant-col-offset-6 {
  margin-left: 25%;
}
.ant-col-order-6 {
  order: 6;
}
.ant-col-5 {
  display: block;
  box-sizing: border-box;
  width: 20.83333333%;
}
.ant-col-push-5 {
  left: 20.83333333%;
}
.ant-col-pull-5 {
  right: 20.83333333%;
}
.ant-col-offset-5 {
  margin-left: 20.83333333%;
}
.ant-col-order-5 {
  order: 5;
}
.ant-col-4 {
  display: block;
  box-sizing: border-box;
  width: 16.66666667%;
}
.ant-col-push-4 {
  left: 16.66666667%;
}
.ant-col-pull-4 {
  right: 16.66666667%;
}
.ant-col-offset-4 {
  margin-left: 16.66666667%;
}
.ant-col-order-4 {
  order: 4;
}
.ant-col-3 {
  display: block;
  box-sizing: border-box;
  width: 12.5%;
}
.ant-col-push-3 {
  left: 12.5%;
}
.ant-col-pull-3 {
  right: 12.5%;
}
.ant-col-offset-3 {
  margin-left: 12.5%;
}
.ant-col-order-3 {
  order: 3;
}
.ant-col-2 {
  display: block;
  box-sizing: border-box;
  width: 8.33333333%;
}
.ant-col-push-2 {
  left: 8.33333333%;
}
.ant-col-pull-2 {
  right: 8.33333333%;
}
.ant-col-offset-2 {
  margin-left: 8.33333333%;
}
.ant-col-order-2 {
  order: 2;
}
.ant-col-1 {
  display: block;
  box-sizing: border-box;
  width: 4.16666667%;
}
.ant-col-push-1 {
  left: 4.16666667%;
}
.ant-col-pull-1 {
  right: 4.16666667%;
}
.ant-col-offset-1 {
  margin-left: 4.16666667%;
}
.ant-col-order-1 {
  order: 1;
}
.ant-col-0 {
  display: none;
}
.ant-col-push-0 {
  left: auto;
}
.ant-col-pull-0 {
  right: auto;
}
.ant-col-push-0 {
  left: auto;
}
.ant-col-pull-0 {
  right: auto;
}
.ant-col-offset-0 {
  margin-left: 0;
}
.ant-col-order-0 {
  order: 0;
}
.ant-col-xs-1,
.ant-col-xs-2,
.ant-col-xs-3,
.ant-col-xs-4,
.ant-col-xs-5,
.ant-col-xs-6,
.ant-col-xs-7,
.ant-col-xs-8,
.ant-col-xs-9,
.ant-col-xs-10,
.ant-col-xs-11,
.ant-col-xs-12,
.ant-col-xs-13,
.ant-col-xs-14,
.ant-col-xs-15,
.ant-col-xs-16,
.ant-col-xs-17,
.ant-col-xs-18,
.ant-col-xs-19,
.ant-col-xs-20,
.ant-col-xs-21,
.ant-col-xs-22,
.ant-col-xs-23,
.ant-col-xs-24 {
  flex: 0 0 auto;
  float: left;
}
.ant-col-xs-24 {
  display: block;
  box-sizing: border-box;
  width: 100%;
}
.ant-col-xs-push-24 {
  left: 100%;
}
.ant-col-xs-pull-24 {
  right: 100%;
}
.ant-col-xs-offset-24 {
  margin-left: 100%;
}
.ant-col-xs-order-24 {
  order: 24;
}
.ant-col-xs-23 {
  display: block;
  box-sizing: border-box;
  width: 95.83333333%;
}
.ant-col-xs-push-23 {
  left: 95.83333333%;
}
.ant-col-xs-pull-23 {
  right: 95.83333333%;
}
.ant-col-xs-offset-23 {
  margin-left: 95.83333333%;
}
.ant-col-xs-order-23 {
  order: 23;
}
.ant-col-xs-22 {
  display: block;
  box-sizing: border-box;
  width: 91.66666667%;
}
.ant-col-xs-push-22 {
  left: 91.66666667%;
}
.ant-col-xs-pull-22 {
  right: 91.66666667%;
}
.ant-col-xs-offset-22 {
  margin-left: 91.66666667%;
}
.ant-col-xs-order-22 {
  order: 22;
}
.ant-col-xs-21 {
  display: block;
  box-sizing: border-box;
  width: 87.5%;
}
.ant-col-xs-push-21 {
  left: 87.5%;
}
.ant-col-xs-pull-21 {
  right: 87.5%;
}
.ant-col-xs-offset-21 {
  margin-left: 87.5%;
}
.ant-col-xs-order-21 {
  order: 21;
}
.ant-col-xs-20 {
  display: block;
  box-sizing: border-box;
  width: 83.33333333%;
}
.ant-col-xs-push-20 {
  left: 83.33333333%;
}
.ant-col-xs-pull-20 {
  right: 83.33333333%;
}
.ant-col-xs-offset-20 {
  margin-left: 83.33333333%;
}
.ant-col-xs-order-20 {
  order: 20;
}
.ant-col-xs-19 {
  display: block;
  box-sizing: border-box;
  width: 79.16666667%;
}
.ant-col-xs-push-19 {
  left: 79.16666667%;
}
.ant-col-xs-pull-19 {
  right: 79.16666667%;
}
.ant-col-xs-offset-19 {
  margin-left: 79.16666667%;
}
.ant-col-xs-order-19 {
  order: 19;
}
.ant-col-xs-18 {
  display: block;
  box-sizing: border-box;
  width: 75%;
}
.ant-col-xs-push-18 {
  left: 75%;
}
.ant-col-xs-pull-18 {
  right: 75%;
}
.ant-col-xs-offset-18 {
  margin-left: 75%;
}
.ant-col-xs-order-18 {
  order: 18;
}
.ant-col-xs-17 {
  display: block;
  box-sizing: border-box;
  width: 70.83333333%;
}
.ant-col-xs-push-17 {
  left: 70.83333333%;
}
.ant-col-xs-pull-17 {
  right: 70.83333333%;
}
.ant-col-xs-offset-17 {
  margin-left: 70.83333333%;
}
.ant-col-xs-order-17 {
  order: 17;
}
.ant-col-xs-16 {
  display: block;
  box-sizing: border-box;
  width: 66.66666667%;
}
.ant-col-xs-push-16 {
  left: 66.66666667%;
}
.ant-col-xs-pull-16 {
  right: 66.66666667%;
}
.ant-col-xs-offset-16 {
  margin-left: 66.66666667%;
}
.ant-col-xs-order-16 {
  order: 16;
}
.ant-col-xs-15 {
  display: block;
  box-sizing: border-box;
  width: 62.5%;
}
.ant-col-xs-push-15 {
  left: 62.5%;
}
.ant-col-xs-pull-15 {
  right: 62.5%;
}
.ant-col-xs-offset-15 {
  margin-left: 62.5%;
}
.ant-col-xs-order-15 {
  order: 15;
}
.ant-col-xs-14 {
  display: block;
  box-sizing: border-box;
  width: 58.33333333%;
}
.ant-col-xs-push-14 {
  left: 58.33333333%;
}
.ant-col-xs-pull-14 {
  right: 58.33333333%;
}
.ant-col-xs-offset-14 {
  margin-left: 58.33333333%;
}
.ant-col-xs-order-14 {
  order: 14;
}
.ant-col-xs-13 {
  display: block;
  box-sizing: border-box;
  width: 54.16666667%;
}
.ant-col-xs-push-13 {
  left: 54.16666667%;
}
.ant-col-xs-pull-13 {
  right: 54.16666667%;
}
.ant-col-xs-offset-13 {
  margin-left: 54.16666667%;
}
.ant-col-xs-order-13 {
  order: 13;
}
.ant-col-xs-12 {
  display: block;
  box-sizing: border-box;
  width: 50%;
}
.ant-col-xs-push-12 {
  left: 50%;
}
.ant-col-xs-pull-12 {
  right: 50%;
}
.ant-col-xs-offset-12 {
  margin-left: 50%;
}
.ant-col-xs-order-12 {
  order: 12;
}
.ant-col-xs-11 {
  display: block;
  box-sizing: border-box;
  width: 45.83333333%;
}
.ant-col-xs-push-11 {
  left: 45.83333333%;
}
.ant-col-xs-pull-11 {
  right: 45.83333333%;
}
.ant-col-xs-offset-11 {
  margin-left: 45.83333333%;
}
.ant-col-xs-order-11 {
  order: 11;
}
.ant-col-xs-10 {
  display: block;
  box-sizing: border-box;
  width: 41.66666667%;
}
.ant-col-xs-push-10 {
  left: 41.66666667%;
}
.ant-col-xs-pull-10 {
  right: 41.66666667%;
}
.ant-col-xs-offset-10 {
  margin-left: 41.66666667%;
}
.ant-col-xs-order-10 {
  order: 10;
}
.ant-col-xs-9 {
  display: block;
  box-sizing: border-box;
  width: 37.5%;
}
.ant-col-xs-push-9 {
  left: 37.5%;
}
.ant-col-xs-pull-9 {
  right: 37.5%;
}
.ant-col-xs-offset-9 {
  margin-left: 37.5%;
}
.ant-col-xs-order-9 {
  order: 9;
}
.ant-col-xs-8 {
  display: block;
  box-sizing: border-box;
  width: 33.33333333%;
}
.ant-col-xs-push-8 {
  left: 33.33333333%;
}
.ant-col-xs-pull-8 {
  right: 33.33333333%;
}
.ant-col-xs-offset-8 {
  margin-left: 33.33333333%;
}
.ant-col-xs-order-8 {
  order: 8;
}
.ant-col-xs-7 {
  display: block;
  box-sizing: border-box;
  width: 29.16666667%;
}
.ant-col-xs-push-7 {
  left: 29.16666667%;
}
.ant-col-xs-pull-7 {
  right: 29.16666667%;
}
.ant-col-xs-offset-7 {
  margin-left: 29.16666667%;
}
.ant-col-xs-order-7 {
  order: 7;
}
.ant-col-xs-6 {
  display: block;
  box-sizing: border-box;
  width: 25%;
}
.ant-col-xs-push-6 {
  left: 25%;
}
.ant-col-xs-pull-6 {
  right: 25%;
}
.ant-col-xs-offset-6 {
  margin-left: 25%;
}
.ant-col-xs-order-6 {
  order: 6;
}
.ant-col-xs-5 {
  display: block;
  box-sizing: border-box;
  width: 20.83333333%;
}
.ant-col-xs-push-5 {
  left: 20.83333333%;
}
.ant-col-xs-pull-5 {
  right: 20.83333333%;
}
.ant-col-xs-offset-5 {
  margin-left: 20.83333333%;
}
.ant-col-xs-order-5 {
  order: 5;
}
.ant-col-xs-4 {
  display: block;
  box-sizing: border-box;
  width: 16.66666667%;
}
.ant-col-xs-push-4 {
  left: 16.66666667%;
}
.ant-col-xs-pull-4 {
  right: 16.66666667%;
}
.ant-col-xs-offset-4 {
  margin-left: 16.66666667%;
}
.ant-col-xs-order-4 {
  order: 4;
}
.ant-col-xs-3 {
  display: block;
  box-sizing: border-box;
  width: 12.5%;
}
.ant-col-xs-push-3 {
  left: 12.5%;
}
.ant-col-xs-pull-3 {
  right: 12.5%;
}
.ant-col-xs-offset-3 {
  margin-left: 12.5%;
}
.ant-col-xs-order-3 {
  order: 3;
}
.ant-col-xs-2 {
  display: block;
  box-sizing: border-box;
  width: 8.33333333%;
}
.ant-col-xs-push-2 {
  left: 8.33333333%;
}
.ant-col-xs-pull-2 {
  right: 8.33333333%;
}
.ant-col-xs-offset-2 {
  margin-left: 8.33333333%;
}
.ant-col-xs-order-2 {
  order: 2;
}
.ant-col-xs-1 {
  display: block;
  box-sizing: border-box;
  width: 4.16666667%;
}
.ant-col-xs-push-1 {
  left: 4.16666667%;
}
.ant-col-xs-pull-1 {
  right: 4.16666667%;
}
.ant-col-xs-offset-1 {
  margin-left: 4.16666667%;
}
.ant-col-xs-order-1 {
  order: 1;
}
.ant-col-xs-0 {
  display: none;
}
.ant-col-push-0 {
  left: auto;
}
.ant-col-pull-0 {
  right: auto;
}
.ant-col-xs-push-0 {
  left: auto;
}
.ant-col-xs-pull-0 {
  right: auto;
}
.ant-col-xs-offset-0 {
  margin-left: 0;
}
.ant-col-xs-order-0 {
  order: 0;
}
@media (min-width: 576px) {
  .ant-col-sm-1,
  .ant-col-sm-2,
  .ant-col-sm-3,
  .ant-col-sm-4,
  .ant-col-sm-5,
  .ant-col-sm-6,
  .ant-col-sm-7,
  .ant-col-sm-8,
  .ant-col-sm-9,
  .ant-col-sm-10,
  .ant-col-sm-11,
  .ant-col-sm-12,
  .ant-col-sm-13,
  .ant-col-sm-14,
  .ant-col-sm-15,
  .ant-col-sm-16,
  .ant-col-sm-17,
  .ant-col-sm-18,
  .ant-col-sm-19,
  .ant-col-sm-20,
  .ant-col-sm-21,
  .ant-col-sm-22,
  .ant-col-sm-23,
  .ant-col-sm-24 {
    flex: 0 0 auto;
    float: left;
  }
  .ant-col-sm-24 {
    display: block;
    box-sizing: border-box;
    width: 100%;
  }
  .ant-col-sm-push-24 {
    left: 100%;
  }
  .ant-col-sm-pull-24 {
    right: 100%;
  }
  .ant-col-sm-offset-24 {
    margin-left: 100%;
  }
  .ant-col-sm-order-24 {
    order: 24;
  }
  .ant-col-sm-23 {
    display: block;
    box-sizing: border-box;
    width: 95.83333333%;
  }
  .ant-col-sm-push-23 {
    left: 95.83333333%;
  }
  .ant-col-sm-pull-23 {
    right: 95.83333333%;
  }
  .ant-col-sm-offset-23 {
    margin-left: 95.83333333%;
  }
  .ant-col-sm-order-23 {
    order: 23;
  }
  .ant-col-sm-22 {
    display: block;
    box-sizing: border-box;
    width: 91.66666667%;
  }
  .ant-col-sm-push-22 {
    left: 91.66666667%;
  }
  .ant-col-sm-pull-22 {
    right: 91.66666667%;
  }
  .ant-col-sm-offset-22 {
    margin-left: 91.66666667%;
  }
  .ant-col-sm-order-22 {
    order: 22;
  }
  .ant-col-sm-21 {
    display: block;
    box-sizing: border-box;
    width: 87.5%;
  }
  .ant-col-sm-push-21 {
    left: 87.5%;
  }
  .ant-col-sm-pull-21 {
    right: 87.5%;
  }
  .ant-col-sm-offset-21 {
    margin-left: 87.5%;
  }
  .ant-col-sm-order-21 {
    order: 21;
  }
  .ant-col-sm-20 {
    display: block;
    box-sizing: border-box;
    width: 83.33333333%;
  }
  .ant-col-sm-push-20 {
    left: 83.33333333%;
  }
  .ant-col-sm-pull-20 {
    right: 83.33333333%;
  }
  .ant-col-sm-offset-20 {
    margin-left: 83.33333333%;
  }
  .ant-col-sm-order-20 {
    order: 20;
  }
  .ant-col-sm-19 {
    display: block;
    box-sizing: border-box;
    width: 79.16666667%;
  }
  .ant-col-sm-push-19 {
    left: 79.16666667%;
  }
  .ant-col-sm-pull-19 {
    right: 79.16666667%;
  }
  .ant-col-sm-offset-19 {
    margin-left: 79.16666667%;
  }
  .ant-col-sm-order-19 {
    order: 19;
  }
  .ant-col-sm-18 {
    display: block;
    box-sizing: border-box;
    width: 75%;
  }
  .ant-col-sm-push-18 {
    left: 75%;
  }
  .ant-col-sm-pull-18 {
    right: 75%;
  }
  .ant-col-sm-offset-18 {
    margin-left: 75%;
  }
  .ant-col-sm-order-18 {
    order: 18;
  }
  .ant-col-sm-17 {
    display: block;
    box-sizing: border-box;
    width: 70.83333333%;
  }
  .ant-col-sm-push-17 {
    left: 70.83333333%;
  }
  .ant-col-sm-pull-17 {
    right: 70.83333333%;
  }
  .ant-col-sm-offset-17 {
    margin-left: 70.83333333%;
  }
  .ant-col-sm-order-17 {
    order: 17;
  }
  .ant-col-sm-16 {
    display: block;
    box-sizing: border-box;
    width: 66.66666667%;
  }
  .ant-col-sm-push-16 {
    left: 66.66666667%;
  }
  .ant-col-sm-pull-16 {
    right: 66.66666667%;
  }
  .ant-col-sm-offset-16 {
    margin-left: 66.66666667%;
  }
  .ant-col-sm-order-16 {
    order: 16;
  }
  .ant-col-sm-15 {
    display: block;
    box-sizing: border-box;
    width: 62.5%;
  }
  .ant-col-sm-push-15 {
    left: 62.5%;
  }
  .ant-col-sm-pull-15 {
    right: 62.5%;
  }
  .ant-col-sm-offset-15 {
    margin-left: 62.5%;
  }
  .ant-col-sm-order-15 {
    order: 15;
  }
  .ant-col-sm-14 {
    display: block;
    box-sizing: border-box;
    width: 58.33333333%;
  }
  .ant-col-sm-push-14 {
    left: 58.33333333%;
  }
  .ant-col-sm-pull-14 {
    right: 58.33333333%;
  }
  .ant-col-sm-offset-14 {
    margin-left: 58.33333333%;
  }
  .ant-col-sm-order-14 {
    order: 14;
  }
  .ant-col-sm-13 {
    display: block;
    box-sizing: border-box;
    width: 54.16666667%;
  }
  .ant-col-sm-push-13 {
    left: 54.16666667%;
  }
  .ant-col-sm-pull-13 {
    right: 54.16666667%;
  }
  .ant-col-sm-offset-13 {
    margin-left: 54.16666667%;
  }
  .ant-col-sm-order-13 {
    order: 13;
  }
  .ant-col-sm-12 {
    display: block;
    box-sizing: border-box;
    width: 50%;
  }
  .ant-col-sm-push-12 {
    left: 50%;
  }
  .ant-col-sm-pull-12 {
    right: 50%;
  }
  .ant-col-sm-offset-12 {
    margin-left: 50%;
  }
  .ant-col-sm-order-12 {
    order: 12;
  }
  .ant-col-sm-11 {
    display: block;
    box-sizing: border-box;
    width: 45.83333333%;
  }
  .ant-col-sm-push-11 {
    left: 45.83333333%;
  }
  .ant-col-sm-pull-11 {
    right: 45.83333333%;
  }
  .ant-col-sm-offset-11 {
    margin-left: 45.83333333%;
  }
  .ant-col-sm-order-11 {
    order: 11;
  }
  .ant-col-sm-10 {
    display: block;
    box-sizing: border-box;
    width: 41.66666667%;
  }
  .ant-col-sm-push-10 {
    left: 41.66666667%;
  }
  .ant-col-sm-pull-10 {
    right: 41.66666667%;
  }
  .ant-col-sm-offset-10 {
    margin-left: 41.66666667%;
  }
  .ant-col-sm-order-10 {
    order: 10;
  }
  .ant-col-sm-9 {
    display: block;
    box-sizing: border-box;
    width: 37.5%;
  }
  .ant-col-sm-push-9 {
    left: 37.5%;
  }
  .ant-col-sm-pull-9 {
    right: 37.5%;
  }
  .ant-col-sm-offset-9 {
    margin-left: 37.5%;
  }
  .ant-col-sm-order-9 {
    order: 9;
  }
  .ant-col-sm-8 {
    display: block;
    box-sizing: border-box;
    width: 33.33333333%;
  }
  .ant-col-sm-push-8 {
    left: 33.33333333%;
  }
  .ant-col-sm-pull-8 {
    right: 33.33333333%;
  }
  .ant-col-sm-offset-8 {
    margin-left: 33.33333333%;
  }
  .ant-col-sm-order-8 {
    order: 8;
  }
  .ant-col-sm-7 {
    display: block;
    box-sizing: border-box;
    width: 29.16666667%;
  }
  .ant-col-sm-push-7 {
    left: 29.16666667%;
  }
  .ant-col-sm-pull-7 {
    right: 29.16666667%;
  }
  .ant-col-sm-offset-7 {
    margin-left: 29.16666667%;
  }
  .ant-col-sm-order-7 {
    order: 7;
  }
  .ant-col-sm-6 {
    display: block;
    box-sizing: border-box;
    width: 25%;
  }
  .ant-col-sm-push-6 {
    left: 25%;
  }
  .ant-col-sm-pull-6 {
    right: 25%;
  }
  .ant-col-sm-offset-6 {
    margin-left: 25%;
  }
  .ant-col-sm-order-6 {
    order: 6;
  }
  .ant-col-sm-5 {
    display: block;
    box-sizing: border-box;
    width: 20.83333333%;
  }
  .ant-col-sm-push-5 {
    left: 20.83333333%;
  }
  .ant-col-sm-pull-5 {
    right: 20.83333333%;
  }
  .ant-col-sm-offset-5 {
    margin-left: 20.83333333%;
  }
  .ant-col-sm-order-5 {
    order: 5;
  }
  .ant-col-sm-4 {
    display: block;
    box-sizing: border-box;
    width: 16.66666667%;
  }
  .ant-col-sm-push-4 {
    left: 16.66666667%;
  }
  .ant-col-sm-pull-4 {
    right: 16.66666667%;
  }
  .ant-col-sm-offset-4 {
    margin-left: 16.66666667%;
  }
  .ant-col-sm-order-4 {
    order: 4;
  }
  .ant-col-sm-3 {
    display: block;
    box-sizing: border-box;
    width: 12.5%;
  }
  .ant-col-sm-push-3 {
    left: 12.5%;
  }
  .ant-col-sm-pull-3 {
    right: 12.5%;
  }
  .ant-col-sm-offset-3 {
    margin-left: 12.5%;
  }
  .ant-col-sm-order-3 {
    order: 3;
  }
  .ant-col-sm-2 {
    display: block;
    box-sizing: border-box;
    width: 8.33333333%;
  }
  .ant-col-sm-push-2 {
    left: 8.33333333%;
  }
  .ant-col-sm-pull-2 {
    right: 8.33333333%;
  }
  .ant-col-sm-offset-2 {
    margin-left: 8.33333333%;
  }
  .ant-col-sm-order-2 {
    order: 2;
  }
  .ant-col-sm-1 {
    display: block;
    box-sizing: border-box;
    width: 4.16666667%;
  }
  .ant-col-sm-push-1 {
    left: 4.16666667%;
  }
  .ant-col-sm-pull-1 {
    right: 4.16666667%;
  }
  .ant-col-sm-offset-1 {
    margin-left: 4.16666667%;
  }
  .ant-col-sm-order-1 {
    order: 1;
  }
  .ant-col-sm-0 {
    display: none;
  }
  .ant-col-push-0 {
    left: auto;
  }
  .ant-col-pull-0 {
    right: auto;
  }
  .ant-col-sm-push-0 {
    left: auto;
  }
  .ant-col-sm-pull-0 {
    right: auto;
  }
  .ant-col-sm-offset-0 {
    margin-left: 0;
  }
  .ant-col-sm-order-0 {
    order: 0;
  }
}
@media (min-width: 768px) {
  .ant-col-md-1,
  .ant-col-md-2,
  .ant-col-md-3,
  .ant-col-md-4,
  .ant-col-md-5,
  .ant-col-md-6,
  .ant-col-md-7,
  .ant-col-md-8,
  .ant-col-md-9,
  .ant-col-md-10,
  .ant-col-md-11,
  .ant-col-md-12,
  .ant-col-md-13,
  .ant-col-md-14,
  .ant-col-md-15,
  .ant-col-md-16,
  .ant-col-md-17,
  .ant-col-md-18,
  .ant-col-md-19,
  .ant-col-md-20,
  .ant-col-md-21,
  .ant-col-md-22,
  .ant-col-md-23,
  .ant-col-md-24 {
    flex: 0 0 auto;
    float: left;
  }
  .ant-col-md-24 {
    display: block;
    box-sizing: border-box;
    width: 100%;
  }
  .ant-col-md-push-24 {
    left: 100%;
  }
  .ant-col-md-pull-24 {
    right: 100%;
  }
  .ant-col-md-offset-24 {
    margin-left: 100%;
  }
  .ant-col-md-order-24 {
    order: 24;
  }
  .ant-col-md-23 {
    display: block;
    box-sizing: border-box;
    width: 95.83333333%;
  }
  .ant-col-md-push-23 {
    left: 95.83333333%;
  }
  .ant-col-md-pull-23 {
    right: 95.83333333%;
  }
  .ant-col-md-offset-23 {
    margin-left: 95.83333333%;
  }
  .ant-col-md-order-23 {
    order: 23;
  }
  .ant-col-md-22 {
    display: block;
    box-sizing: border-box;
    width: 91.66666667%;
  }
  .ant-col-md-push-22 {
    left: 91.66666667%;
  }
  .ant-col-md-pull-22 {
    right: 91.66666667%;
  }
  .ant-col-md-offset-22 {
    margin-left: 91.66666667%;
  }
  .ant-col-md-order-22 {
    order: 22;
  }
  .ant-col-md-21 {
    display: block;
    box-sizing: border-box;
    width: 87.5%;
  }
  .ant-col-md-push-21 {
    left: 87.5%;
  }
  .ant-col-md-pull-21 {
    right: 87.5%;
  }
  .ant-col-md-offset-21 {
    margin-left: 87.5%;
  }
  .ant-col-md-order-21 {
    order: 21;
  }
  .ant-col-md-20 {
    display: block;
    box-sizing: border-box;
    width: 83.33333333%;
  }
  .ant-col-md-push-20 {
    left: 83.33333333%;
  }
  .ant-col-md-pull-20 {
    right: 83.33333333%;
  }
  .ant-col-md-offset-20 {
    margin-left: 83.33333333%;
  }
  .ant-col-md-order-20 {
    order: 20;
  }
  .ant-col-md-19 {
    display: block;
    box-sizing: border-box;
    width: 79.16666667%;
  }
  .ant-col-md-push-19 {
    left: 79.16666667%;
  }
  .ant-col-md-pull-19 {
    right: 79.16666667%;
  }
  .ant-col-md-offset-19 {
    margin-left: 79.16666667%;
  }
  .ant-col-md-order-19 {
    order: 19;
  }
  .ant-col-md-18 {
    display: block;
    box-sizing: border-box;
    width: 75%;
  }
  .ant-col-md-push-18 {
    left: 75%;
  }
  .ant-col-md-pull-18 {
    right: 75%;
  }
  .ant-col-md-offset-18 {
    margin-left: 75%;
  }
  .ant-col-md-order-18 {
    order: 18;
  }
  .ant-col-md-17 {
    display: block;
    box-sizing: border-box;
    width: 70.83333333%;
  }
  .ant-col-md-push-17 {
    left: 70.83333333%;
  }
  .ant-col-md-pull-17 {
    right: 70.83333333%;
  }
  .ant-col-md-offset-17 {
    margin-left: 70.83333333%;
  }
  .ant-col-md-order-17 {
    order: 17;
  }
  .ant-col-md-16 {
    display: block;
    box-sizing: border-box;
    width: 66.66666667%;
  }
  .ant-col-md-push-16 {
    left: 66.66666667%;
  }
  .ant-col-md-pull-16 {
    right: 66.66666667%;
  }
  .ant-col-md-offset-16 {
    margin-left: 66.66666667%;
  }
  .ant-col-md-order-16 {
    order: 16;
  }
  .ant-col-md-15 {
    display: block;
    box-sizing: border-box;
    width: 62.5%;
  }
  .ant-col-md-push-15 {
    left: 62.5%;
  }
  .ant-col-md-pull-15 {
    right: 62.5%;
  }
  .ant-col-md-offset-15 {
    margin-left: 62.5%;
  }
  .ant-col-md-order-15 {
    order: 15;
  }
  .ant-col-md-14 {
    display: block;
    box-sizing: border-box;
    width: 58.33333333%;
  }
  .ant-col-md-push-14 {
    left: 58.33333333%;
  }
  .ant-col-md-pull-14 {
    right: 58.33333333%;
  }
  .ant-col-md-offset-14 {
    margin-left: 58.33333333%;
  }
  .ant-col-md-order-14 {
    order: 14;
  }
  .ant-col-md-13 {
    display: block;
    box-sizing: border-box;
    width: 54.16666667%;
  }
  .ant-col-md-push-13 {
    left: 54.16666667%;
  }
  .ant-col-md-pull-13 {
    right: 54.16666667%;
  }
  .ant-col-md-offset-13 {
    margin-left: 54.16666667%;
  }
  .ant-col-md-order-13 {
    order: 13;
  }
  .ant-col-md-12 {
    display: block;
    box-sizing: border-box;
    width: 50%;
  }
  .ant-col-md-push-12 {
    left: 50%;
  }
  .ant-col-md-pull-12 {
    right: 50%;
  }
  .ant-col-md-offset-12 {
    margin-left: 50%;
  }
  .ant-col-md-order-12 {
    order: 12;
  }
  .ant-col-md-11 {
    display: block;
    box-sizing: border-box;
    width: 45.83333333%;
  }
  .ant-col-md-push-11 {
    left: 45.83333333%;
  }
  .ant-col-md-pull-11 {
    right: 45.83333333%;
  }
  .ant-col-md-offset-11 {
    margin-left: 45.83333333%;
  }
  .ant-col-md-order-11 {
    order: 11;
  }
  .ant-col-md-10 {
    display: block;
    box-sizing: border-box;
    width: 41.66666667%;
  }
  .ant-col-md-push-10 {
    left: 41.66666667%;
  }
  .ant-col-md-pull-10 {
    right: 41.66666667%;
  }
  .ant-col-md-offset-10 {
    margin-left: 41.66666667%;
  }
  .ant-col-md-order-10 {
    order: 10;
  }
  .ant-col-md-9 {
    display: block;
    box-sizing: border-box;
    width: 37.5%;
  }
  .ant-col-md-push-9 {
    left: 37.5%;
  }
  .ant-col-md-pull-9 {
    right: 37.5%;
  }
  .ant-col-md-offset-9 {
    margin-left: 37.5%;
  }
  .ant-col-md-order-9 {
    order: 9;
  }
  .ant-col-md-8 {
    display: block;
    box-sizing: border-box;
    width: 33.33333333%;
  }
  .ant-col-md-push-8 {
    left: 33.33333333%;
  }
  .ant-col-md-pull-8 {
    right: 33.33333333%;
  }
  .ant-col-md-offset-8 {
    margin-left: 33.33333333%;
  }
  .ant-col-md-order-8 {
    order: 8;
  }
  .ant-col-md-7 {
    display: block;
    box-sizing: border-box;
    width: 29.16666667%;
  }
  .ant-col-md-push-7 {
    left: 29.16666667%;
  }
  .ant-col-md-pull-7 {
    right: 29.16666667%;
  }
  .ant-col-md-offset-7 {
    margin-left: 29.16666667%;
  }
  .ant-col-md-order-7 {
    order: 7;
  }
  .ant-col-md-6 {
    display: block;
    box-sizing: border-box;
    width: 25%;
  }
  .ant-col-md-push-6 {
    left: 25%;
  }
  .ant-col-md-pull-6 {
    right: 25%;
  }
  .ant-col-md-offset-6 {
    margin-left: 25%;
  }
  .ant-col-md-order-6 {
    order: 6;
  }
  .ant-col-md-5 {
    display: block;
    box-sizing: border-box;
    width: 20.83333333%;
  }
  .ant-col-md-push-5 {
    left: 20.83333333%;
  }
  .ant-col-md-pull-5 {
    right: 20.83333333%;
  }
  .ant-col-md-offset-5 {
    margin-left: 20.83333333%;
  }
  .ant-col-md-order-5 {
    order: 5;
  }
  .ant-col-md-4 {
    display: block;
    box-sizing: border-box;
    width: 16.66666667%;
  }
  .ant-col-md-push-4 {
    left: 16.66666667%;
  }
  .ant-col-md-pull-4 {
    right: 16.66666667%;
  }
  .ant-col-md-offset-4 {
    margin-left: 16.66666667%;
  }
  .ant-col-md-order-4 {
    order: 4;
  }
  .ant-col-md-3 {
    display: block;
    box-sizing: border-box;
    width: 12.5%;
  }
  .ant-col-md-push-3 {
    left: 12.5%;
  }
  .ant-col-md-pull-3 {
    right: 12.5%;
  }
  .ant-col-md-offset-3 {
    margin-left: 12.5%;
  }
  .ant-col-md-order-3 {
    order: 3;
  }
  .ant-col-md-2 {
    display: block;
    box-sizing: border-box;
    width: 8.33333333%;
  }
  .ant-col-md-push-2 {
    left: 8.33333333%;
  }
  .ant-col-md-pull-2 {
    right: 8.33333333%;
  }
  .ant-col-md-offset-2 {
    margin-left: 8.33333333%;
  }
  .ant-col-md-order-2 {
    order: 2;
  }
  .ant-col-md-1 {
    display: block;
    box-sizing: border-box;
    width: 4.16666667%;
  }
  .ant-col-md-push-1 {
    left: 4.16666667%;
  }
  .ant-col-md-pull-1 {
    right: 4.16666667%;
  }
  .ant-col-md-offset-1 {
    margin-left: 4.16666667%;
  }
  .ant-col-md-order-1 {
    order: 1;
  }
  .ant-col-md-0 {
    display: none;
  }
  .ant-col-push-0 {
    left: auto;
  }
  .ant-col-pull-0 {
    right: auto;
  }
  .ant-col-md-push-0 {
    left: auto;
  }
  .ant-col-md-pull-0 {
    right: auto;
  }
  .ant-col-md-offset-0 {
    margin-left: 0;
  }
  .ant-col-md-order-0 {
    order: 0;
  }
}
@media (min-width: 992px) {
  .ant-col-lg-1,
  .ant-col-lg-2,
  .ant-col-lg-3,
  .ant-col-lg-4,
  .ant-col-lg-5,
  .ant-col-lg-6,
  .ant-col-lg-7,
  .ant-col-lg-8,
  .ant-col-lg-9,
  .ant-col-lg-10,
  .ant-col-lg-11,
  .ant-col-lg-12,
  .ant-col-lg-13,
  .ant-col-lg-14,
  .ant-col-lg-15,
  .ant-col-lg-16,
  .ant-col-lg-17,
  .ant-col-lg-18,
  .ant-col-lg-19,
  .ant-col-lg-20,
  .ant-col-lg-21,
  .ant-col-lg-22,
  .ant-col-lg-23,
  .ant-col-lg-24 {
    flex: 0 0 auto;
    float: left;
  }
  .ant-col-lg-24 {
    display: block;
    box-sizing: border-box;
    width: 100%;
  }
  .ant-col-lg-push-24 {
    left: 100%;
  }
  .ant-col-lg-pull-24 {
    right: 100%;
  }
  .ant-col-lg-offset-24 {
    margin-left: 100%;
  }
  .ant-col-lg-order-24 {
    order: 24;
  }
  .ant-col-lg-23 {
    display: block;
    box-sizing: border-box;
    width: 95.83333333%;
  }
  .ant-col-lg-push-23 {
    left: 95.83333333%;
  }
  .ant-col-lg-pull-23 {
    right: 95.83333333%;
  }
  .ant-col-lg-offset-23 {
    margin-left: 95.83333333%;
  }
  .ant-col-lg-order-23 {
    order: 23;
  }
  .ant-col-lg-22 {
    display: block;
    box-sizing: border-box;
    width: 91.66666667%;
  }
  .ant-col-lg-push-22 {
    left: 91.66666667%;
  }
  .ant-col-lg-pull-22 {
    right: 91.66666667%;
  }
  .ant-col-lg-offset-22 {
    margin-left: 91.66666667%;
  }
  .ant-col-lg-order-22 {
    order: 22;
  }
  .ant-col-lg-21 {
    display: block;
    box-sizing: border-box;
    width: 87.5%;
  }
  .ant-col-lg-push-21 {
    left: 87.5%;
  }
  .ant-col-lg-pull-21 {
    right: 87.5%;
  }
  .ant-col-lg-offset-21 {
    margin-left: 87.5%;
  }
  .ant-col-lg-order-21 {
    order: 21;
  }
  .ant-col-lg-20 {
    display: block;
    box-sizing: border-box;
    width: 83.33333333%;
  }
  .ant-col-lg-push-20 {
    left: 83.33333333%;
  }
  .ant-col-lg-pull-20 {
    right: 83.33333333%;
  }
  .ant-col-lg-offset-20 {
    margin-left: 83.33333333%;
  }
  .ant-col-lg-order-20 {
    order: 20;
  }
  .ant-col-lg-19 {
    display: block;
    box-sizing: border-box;
    width: 79.16666667%;
  }
  .ant-col-lg-push-19 {
    left: 79.16666667%;
  }
  .ant-col-lg-pull-19 {
    right: 79.16666667%;
  }
  .ant-col-lg-offset-19 {
    margin-left: 79.16666667%;
  }
  .ant-col-lg-order-19 {
    order: 19;
  }
  .ant-col-lg-18 {
    display: block;
    box-sizing: border-box;
    width: 75%;
  }
  .ant-col-lg-push-18 {
    left: 75%;
  }
  .ant-col-lg-pull-18 {
    right: 75%;
  }
  .ant-col-lg-offset-18 {
    margin-left: 75%;
  }
  .ant-col-lg-order-18 {
    order: 18;
  }
  .ant-col-lg-17 {
    display: block;
    box-sizing: border-box;
    width: 70.83333333%;
  }
  .ant-col-lg-push-17 {
    left: 70.83333333%;
  }
  .ant-col-lg-pull-17 {
    right: 70.83333333%;
  }
  .ant-col-lg-offset-17 {
    margin-left: 70.83333333%;
  }
  .ant-col-lg-order-17 {
    order: 17;
  }
  .ant-col-lg-16 {
    display: block;
    box-sizing: border-box;
    width: 66.66666667%;
  }
  .ant-col-lg-push-16 {
    left: 66.66666667%;
  }
  .ant-col-lg-pull-16 {
    right: 66.66666667%;
  }
  .ant-col-lg-offset-16 {
    margin-left: 66.66666667%;
  }
  .ant-col-lg-order-16 {
    order: 16;
  }
  .ant-col-lg-15 {
    display: block;
    box-sizing: border-box;
    width: 62.5%;
  }
  .ant-col-lg-push-15 {
    left: 62.5%;
  }
  .ant-col-lg-pull-15 {
    right: 62.5%;
  }
  .ant-col-lg-offset-15 {
    margin-left: 62.5%;
  }
  .ant-col-lg-order-15 {
    order: 15;
  }
  .ant-col-lg-14 {
    display: block;
    box-sizing: border-box;
    width: 58.33333333%;
  }
  .ant-col-lg-push-14 {
    left: 58.33333333%;
  }
  .ant-col-lg-pull-14 {
    right: 58.33333333%;
  }
  .ant-col-lg-offset-14 {
    margin-left: 58.33333333%;
  }
  .ant-col-lg-order-14 {
    order: 14;
  }
  .ant-col-lg-13 {
    display: block;
    box-sizing: border-box;
    width: 54.16666667%;
  }
  .ant-col-lg-push-13 {
    left: 54.16666667%;
  }
  .ant-col-lg-pull-13 {
    right: 54.16666667%;
  }
  .ant-col-lg-offset-13 {
    margin-left: 54.16666667%;
  }
  .ant-col-lg-order-13 {
    order: 13;
  }
  .ant-col-lg-12 {
    display: block;
    box-sizing: border-box;
    width: 50%;
  }
  .ant-col-lg-push-12 {
    left: 50%;
  }
  .ant-col-lg-pull-12 {
    right: 50%;
  }
  .ant-col-lg-offset-12 {
    margin-left: 50%;
  }
  .ant-col-lg-order-12 {
    order: 12;
  }
  .ant-col-lg-11 {
    display: block;
    box-sizing: border-box;
    width: 45.83333333%;
  }
  .ant-col-lg-push-11 {
    left: 45.83333333%;
  }
  .ant-col-lg-pull-11 {
    right: 45.83333333%;
  }
  .ant-col-lg-offset-11 {
    margin-left: 45.83333333%;
  }
  .ant-col-lg-order-11 {
    order: 11;
  }
  .ant-col-lg-10 {
    display: block;
    box-sizing: border-box;
    width: 41.66666667%;
  }
  .ant-col-lg-push-10 {
    left: 41.66666667%;
  }
  .ant-col-lg-pull-10 {
    right: 41.66666667%;
  }
  .ant-col-lg-offset-10 {
    margin-left: 41.66666667%;
  }
  .ant-col-lg-order-10 {
    order: 10;
  }
  .ant-col-lg-9 {
    display: block;
    box-sizing: border-box;
    width: 37.5%;
  }
  .ant-col-lg-push-9 {
    left: 37.5%;
  }
  .ant-col-lg-pull-9 {
    right: 37.5%;
  }
  .ant-col-lg-offset-9 {
    margin-left: 37.5%;
  }
  .ant-col-lg-order-9 {
    order: 9;
  }
  .ant-col-lg-8 {
    display: block;
    box-sizing: border-box;
    width: 33.33333333%;
  }
  .ant-col-lg-push-8 {
    left: 33.33333333%;
  }
  .ant-col-lg-pull-8 {
    right: 33.33333333%;
  }
  .ant-col-lg-offset-8 {
    margin-left: 33.33333333%;
  }
  .ant-col-lg-order-8 {
    order: 8;
  }
  .ant-col-lg-7 {
    display: block;
    box-sizing: border-box;
    width: 29.16666667%;
  }
  .ant-col-lg-push-7 {
    left: 29.16666667%;
  }
  .ant-col-lg-pull-7 {
    right: 29.16666667%;
  }
  .ant-col-lg-offset-7 {
    margin-left: 29.16666667%;
  }
  .ant-col-lg-order-7 {
    order: 7;
  }
  .ant-col-lg-6 {
    display: block;
    box-sizing: border-box;
    width: 25%;
  }
  .ant-col-lg-push-6 {
    left: 25%;
  }
  .ant-col-lg-pull-6 {
    right: 25%;
  }
  .ant-col-lg-offset-6 {
    margin-left: 25%;
  }
  .ant-col-lg-order-6 {
    order: 6;
  }
  .ant-col-lg-5 {
    display: block;
    box-sizing: border-box;
    width: 20.83333333%;
  }
  .ant-col-lg-push-5 {
    left: 20.83333333%;
  }
  .ant-col-lg-pull-5 {
    right: 20.83333333%;
  }
  .ant-col-lg-offset-5 {
    margin-left: 20.83333333%;
  }
  .ant-col-lg-order-5 {
    order: 5;
  }
  .ant-col-lg-4 {
    display: block;
    box-sizing: border-box;
    width: 16.66666667%;
  }
  .ant-col-lg-push-4 {
    left: 16.66666667%;
  }
  .ant-col-lg-pull-4 {
    right: 16.66666667%;
  }
  .ant-col-lg-offset-4 {
    margin-left: 16.66666667%;
  }
  .ant-col-lg-order-4 {
    order: 4;
  }
  .ant-col-lg-3 {
    display: block;
    box-sizing: border-box;
    width: 12.5%;
  }
  .ant-col-lg-push-3 {
    left: 12.5%;
  }
  .ant-col-lg-pull-3 {
    right: 12.5%;
  }
  .ant-col-lg-offset-3 {
    margin-left: 12.5%;
  }
  .ant-col-lg-order-3 {
    order: 3;
  }
  .ant-col-lg-2 {
    display: block;
    box-sizing: border-box;
    width: 8.33333333%;
  }
  .ant-col-lg-push-2 {
    left: 8.33333333%;
  }
  .ant-col-lg-pull-2 {
    right: 8.33333333%;
  }
  .ant-col-lg-offset-2 {
    margin-left: 8.33333333%;
  }
  .ant-col-lg-order-2 {
    order: 2;
  }
  .ant-col-lg-1 {
    display: block;
    box-sizing: border-box;
    width: 4.16666667%;
  }
  .ant-col-lg-push-1 {
    left: 4.16666667%;
  }
  .ant-col-lg-pull-1 {
    right: 4.16666667%;
  }
  .ant-col-lg-offset-1 {
    margin-left: 4.16666667%;
  }
  .ant-col-lg-order-1 {
    order: 1;
  }
  .ant-col-lg-0 {
    display: none;
  }
  .ant-col-push-0 {
    left: auto;
  }
  .ant-col-pull-0 {
    right: auto;
  }
  .ant-col-lg-push-0 {
    left: auto;
  }
  .ant-col-lg-pull-0 {
    right: auto;
  }
  .ant-col-lg-offset-0 {
    margin-left: 0;
  }
  .ant-col-lg-order-0 {
    order: 0;
  }
}
@media (min-width: 1200px) {
  .ant-col-xl-1,
  .ant-col-xl-2,
  .ant-col-xl-3,
  .ant-col-xl-4,
  .ant-col-xl-5,
  .ant-col-xl-6,
  .ant-col-xl-7,
  .ant-col-xl-8,
  .ant-col-xl-9,
  .ant-col-xl-10,
  .ant-col-xl-11,
  .ant-col-xl-12,
  .ant-col-xl-13,
  .ant-col-xl-14,
  .ant-col-xl-15,
  .ant-col-xl-16,
  .ant-col-xl-17,
  .ant-col-xl-18,
  .ant-col-xl-19,
  .ant-col-xl-20,
  .ant-col-xl-21,
  .ant-col-xl-22,
  .ant-col-xl-23,
  .ant-col-xl-24 {
    flex: 0 0 auto;
    float: left;
  }
  .ant-col-xl-24 {
    display: block;
    box-sizing: border-box;
    width: 100%;
  }
  .ant-col-xl-push-24 {
    left: 100%;
  }
  .ant-col-xl-pull-24 {
    right: 100%;
  }
  .ant-col-xl-offset-24 {
    margin-left: 100%;
  }
  .ant-col-xl-order-24 {
    order: 24;
  }
  .ant-col-xl-23 {
    display: block;
    box-sizing: border-box;
    width: 95.83333333%;
  }
  .ant-col-xl-push-23 {
    left: 95.83333333%;
  }
  .ant-col-xl-pull-23 {
    right: 95.83333333%;
  }
  .ant-col-xl-offset-23 {
    margin-left: 95.83333333%;
  }
  .ant-col-xl-order-23 {
    order: 23;
  }
  .ant-col-xl-22 {
    display: block;
    box-sizing: border-box;
    width: 91.66666667%;
  }
  .ant-col-xl-push-22 {
    left: 91.66666667%;
  }
  .ant-col-xl-pull-22 {
    right: 91.66666667%;
  }
  .ant-col-xl-offset-22 {
    margin-left: 91.66666667%;
  }
  .ant-col-xl-order-22 {
    order: 22;
  }
  .ant-col-xl-21 {
    display: block;
    box-sizing: border-box;
    width: 87.5%;
  }
  .ant-col-xl-push-21 {
    left: 87.5%;
  }
  .ant-col-xl-pull-21 {
    right: 87.5%;
  }
  .ant-col-xl-offset-21 {
    margin-left: 87.5%;
  }
  .ant-col-xl-order-21 {
    order: 21;
  }
  .ant-col-xl-20 {
    display: block;
    box-sizing: border-box;
    width: 83.33333333%;
  }
  .ant-col-xl-push-20 {
    left: 83.33333333%;
  }
  .ant-col-xl-pull-20 {
    right: 83.33333333%;
  }
  .ant-col-xl-offset-20 {
    margin-left: 83.33333333%;
  }
  .ant-col-xl-order-20 {
    order: 20;
  }
  .ant-col-xl-19 {
    display: block;
    box-sizing: border-box;
    width: 79.16666667%;
  }
  .ant-col-xl-push-19 {
    left: 79.16666667%;
  }
  .ant-col-xl-pull-19 {
    right: 79.16666667%;
  }
  .ant-col-xl-offset-19 {
    margin-left: 79.16666667%;
  }
  .ant-col-xl-order-19 {
    order: 19;
  }
  .ant-col-xl-18 {
    display: block;
    box-sizing: border-box;
    width: 75%;
  }
  .ant-col-xl-push-18 {
    left: 75%;
  }
  .ant-col-xl-pull-18 {
    right: 75%;
  }
  .ant-col-xl-offset-18 {
    margin-left: 75%;
  }
  .ant-col-xl-order-18 {
    order: 18;
  }
  .ant-col-xl-17 {
    display: block;
    box-sizing: border-box;
    width: 70.83333333%;
  }
  .ant-col-xl-push-17 {
    left: 70.83333333%;
  }
  .ant-col-xl-pull-17 {
    right: 70.83333333%;
  }
  .ant-col-xl-offset-17 {
    margin-left: 70.83333333%;
  }
  .ant-col-xl-order-17 {
    order: 17;
  }
  .ant-col-xl-16 {
    display: block;
    box-sizing: border-box;
    width: 66.66666667%;
  }
  .ant-col-xl-push-16 {
    left: 66.66666667%;
  }
  .ant-col-xl-pull-16 {
    right: 66.66666667%;
  }
  .ant-col-xl-offset-16 {
    margin-left: 66.66666667%;
  }
  .ant-col-xl-order-16 {
    order: 16;
  }
  .ant-col-xl-15 {
    display: block;
    box-sizing: border-box;
    width: 62.5%;
  }
  .ant-col-xl-push-15 {
    left: 62.5%;
  }
  .ant-col-xl-pull-15 {
    right: 62.5%;
  }
  .ant-col-xl-offset-15 {
    margin-left: 62.5%;
  }
  .ant-col-xl-order-15 {
    order: 15;
  }
  .ant-col-xl-14 {
    display: block;
    box-sizing: border-box;
    width: 58.33333333%;
  }
  .ant-col-xl-push-14 {
    left: 58.33333333%;
  }
  .ant-col-xl-pull-14 {
    right: 58.33333333%;
  }
  .ant-col-xl-offset-14 {
    margin-left: 58.33333333%;
  }
  .ant-col-xl-order-14 {
    order: 14;
  }
  .ant-col-xl-13 {
    display: block;
    box-sizing: border-box;
    width: 54.16666667%;
  }
  .ant-col-xl-push-13 {
    left: 54.16666667%;
  }
  .ant-col-xl-pull-13 {
    right: 54.16666667%;
  }
  .ant-col-xl-offset-13 {
    margin-left: 54.16666667%;
  }
  .ant-col-xl-order-13 {
    order: 13;
  }
  .ant-col-xl-12 {
    display: block;
    box-sizing: border-box;
    width: 50%;
  }
  .ant-col-xl-push-12 {
    left: 50%;
  }
  .ant-col-xl-pull-12 {
    right: 50%;
  }
  .ant-col-xl-offset-12 {
    margin-left: 50%;
  }
  .ant-col-xl-order-12 {
    order: 12;
  }
  .ant-col-xl-11 {
    display: block;
    box-sizing: border-box;
    width: 45.83333333%;
  }
  .ant-col-xl-push-11 {
    left: 45.83333333%;
  }
  .ant-col-xl-pull-11 {
    right: 45.83333333%;
  }
  .ant-col-xl-offset-11 {
    margin-left: 45.83333333%;
  }
  .ant-col-xl-order-11 {
    order: 11;
  }
  .ant-col-xl-10 {
    display: block;
    box-sizing: border-box;
    width: 41.66666667%;
  }
  .ant-col-xl-push-10 {
    left: 41.66666667%;
  }
  .ant-col-xl-pull-10 {
    right: 41.66666667%;
  }
  .ant-col-xl-offset-10 {
    margin-left: 41.66666667%;
  }
  .ant-col-xl-order-10 {
    order: 10;
  }
  .ant-col-xl-9 {
    display: block;
    box-sizing: border-box;
    width: 37.5%;
  }
  .ant-col-xl-push-9 {
    left: 37.5%;
  }
  .ant-col-xl-pull-9 {
    right: 37.5%;
  }
  .ant-col-xl-offset-9 {
    margin-left: 37.5%;
  }
  .ant-col-xl-order-9 {
    order: 9;
  }
  .ant-col-xl-8 {
    display: block;
    box-sizing: border-box;
    width: 33.33333333%;
  }
  .ant-col-xl-push-8 {
    left: 33.33333333%;
  }
  .ant-col-xl-pull-8 {
    right: 33.33333333%;
  }
  .ant-col-xl-offset-8 {
    margin-left: 33.33333333%;
  }
  .ant-col-xl-order-8 {
    order: 8;
  }
  .ant-col-xl-7 {
    display: block;
    box-sizing: border-box;
    width: 29.16666667%;
  }
  .ant-col-xl-push-7 {
    left: 29.16666667%;
  }
  .ant-col-xl-pull-7 {
    right: 29.16666667%;
  }
  .ant-col-xl-offset-7 {
    margin-left: 29.16666667%;
  }
  .ant-col-xl-order-7 {
    order: 7;
  }
  .ant-col-xl-6 {
    display: block;
    box-sizing: border-box;
    width: 25%;
  }
  .ant-col-xl-push-6 {
    left: 25%;
  }
  .ant-col-xl-pull-6 {
    right: 25%;
  }
  .ant-col-xl-offset-6 {
    margin-left: 25%;
  }
  .ant-col-xl-order-6 {
    order: 6;
  }
  .ant-col-xl-5 {
    display: block;
    box-sizing: border-box;
    width: 20.83333333%;
  }
  .ant-col-xl-push-5 {
    left: 20.83333333%;
  }
  .ant-col-xl-pull-5 {
    right: 20.83333333%;
  }
  .ant-col-xl-offset-5 {
    margin-left: 20.83333333%;
  }
  .ant-col-xl-order-5 {
    order: 5;
  }
  .ant-col-xl-4 {
    display: block;
    box-sizing: border-box;
    width: 16.66666667%;
  }
  .ant-col-xl-push-4 {
    left: 16.66666667%;
  }
  .ant-col-xl-pull-4 {
    right: 16.66666667%;
  }
  .ant-col-xl-offset-4 {
    margin-left: 16.66666667%;
  }
  .ant-col-xl-order-4 {
    order: 4;
  }
  .ant-col-xl-3 {
    display: block;
    box-sizing: border-box;
    width: 12.5%;
  }
  .ant-col-xl-push-3 {
    left: 12.5%;
  }
  .ant-col-xl-pull-3 {
    right: 12.5%;
  }
  .ant-col-xl-offset-3 {
    margin-left: 12.5%;
  }
  .ant-col-xl-order-3 {
    order: 3;
  }
  .ant-col-xl-2 {
    display: block;
    box-sizing: border-box;
    width: 8.33333333%;
  }
  .ant-col-xl-push-2 {
    left: 8.33333333%;
  }
  .ant-col-xl-pull-2 {
    right: 8.33333333%;
  }
  .ant-col-xl-offset-2 {
    margin-left: 8.33333333%;
  }
  .ant-col-xl-order-2 {
    order: 2;
  }
  .ant-col-xl-1 {
    display: block;
    box-sizing: border-box;
    width: 4.16666667%;
  }
  .ant-col-xl-push-1 {
    left: 4.16666667%;
  }
  .ant-col-xl-pull-1 {
    right: 4.16666667%;
  }
  .ant-col-xl-offset-1 {
    margin-left: 4.16666667%;
  }
  .ant-col-xl-order-1 {
    order: 1;
  }
  .ant-col-xl-0 {
    display: none;
  }
  .ant-col-push-0 {
    left: auto;
  }
  .ant-col-pull-0 {
    right: auto;
  }
  .ant-col-xl-push-0 {
    left: auto;
  }
  .ant-col-xl-pull-0 {
    right: auto;
  }
  .ant-col-xl-offset-0 {
    margin-left: 0;
  }
  .ant-col-xl-order-0 {
    order: 0;
  }
}
@media (min-width: 1600px) {
  .ant-col-xxl-1,
  .ant-col-xxl-2,
  .ant-col-xxl-3,
  .ant-col-xxl-4,
  .ant-col-xxl-5,
  .ant-col-xxl-6,
  .ant-col-xxl-7,
  .ant-col-xxl-8,
  .ant-col-xxl-9,
  .ant-col-xxl-10,
  .ant-col-xxl-11,
  .ant-col-xxl-12,
  .ant-col-xxl-13,
  .ant-col-xxl-14,
  .ant-col-xxl-15,
  .ant-col-xxl-16,
  .ant-col-xxl-17,
  .ant-col-xxl-18,
  .ant-col-xxl-19,
  .ant-col-xxl-20,
  .ant-col-xxl-21,
  .ant-col-xxl-22,
  .ant-col-xxl-23,
  .ant-col-xxl-24 {
    flex: 0 0 auto;
    float: left;
  }
  .ant-col-xxl-24 {
    display: block;
    box-sizing: border-box;
    width: 100%;
  }
  .ant-col-xxl-push-24 {
    left: 100%;
  }
  .ant-col-xxl-pull-24 {
    right: 100%;
  }
  .ant-col-xxl-offset-24 {
    margin-left: 100%;
  }
  .ant-col-xxl-order-24 {
    order: 24;
  }
  .ant-col-xxl-23 {
    display: block;
    box-sizing: border-box;
    width: 95.83333333%;
  }
  .ant-col-xxl-push-23 {
    left: 95.83333333%;
  }
  .ant-col-xxl-pull-23 {
    right: 95.83333333%;
  }
  .ant-col-xxl-offset-23 {
    margin-left: 95.83333333%;
  }
  .ant-col-xxl-order-23 {
    order: 23;
  }
  .ant-col-xxl-22 {
    display: block;
    box-sizing: border-box;
    width: 91.66666667%;
  }
  .ant-col-xxl-push-22 {
    left: 91.66666667%;
  }
  .ant-col-xxl-pull-22 {
    right: 91.66666667%;
  }
  .ant-col-xxl-offset-22 {
    margin-left: 91.66666667%;
  }
  .ant-col-xxl-order-22 {
    order: 22;
  }
  .ant-col-xxl-21 {
    display: block;
    box-sizing: border-box;
    width: 87.5%;
  }
  .ant-col-xxl-push-21 {
    left: 87.5%;
  }
  .ant-col-xxl-pull-21 {
    right: 87.5%;
  }
  .ant-col-xxl-offset-21 {
    margin-left: 87.5%;
  }
  .ant-col-xxl-order-21 {
    order: 21;
  }
  .ant-col-xxl-20 {
    display: block;
    box-sizing: border-box;
    width: 83.33333333%;
  }
  .ant-col-xxl-push-20 {
    left: 83.33333333%;
  }
  .ant-col-xxl-pull-20 {
    right: 83.33333333%;
  }
  .ant-col-xxl-offset-20 {
    margin-left: 83.33333333%;
  }
  .ant-col-xxl-order-20 {
    order: 20;
  }
  .ant-col-xxl-19 {
    display: block;
    box-sizing: border-box;
    width: 79.16666667%;
  }
  .ant-col-xxl-push-19 {
    left: 79.16666667%;
  }
  .ant-col-xxl-pull-19 {
    right: 79.16666667%;
  }
  .ant-col-xxl-offset-19 {
    margin-left: 79.16666667%;
  }
  .ant-col-xxl-order-19 {
    order: 19;
  }
  .ant-col-xxl-18 {
    display: block;
    box-sizing: border-box;
    width: 75%;
  }
  .ant-col-xxl-push-18 {
    left: 75%;
  }
  .ant-col-xxl-pull-18 {
    right: 75%;
  }
  .ant-col-xxl-offset-18 {
    margin-left: 75%;
  }
  .ant-col-xxl-order-18 {
    order: 18;
  }
  .ant-col-xxl-17 {
    display: block;
    box-sizing: border-box;
    width: 70.83333333%;
  }
  .ant-col-xxl-push-17 {
    left: 70.83333333%;
  }
  .ant-col-xxl-pull-17 {
    right: 70.83333333%;
  }
  .ant-col-xxl-offset-17 {
    margin-left: 70.83333333%;
  }
  .ant-col-xxl-order-17 {
    order: 17;
  }
  .ant-col-xxl-16 {
    display: block;
    box-sizing: border-box;
    width: 66.66666667%;
  }
  .ant-col-xxl-push-16 {
    left: 66.66666667%;
  }
  .ant-col-xxl-pull-16 {
    right: 66.66666667%;
  }
  .ant-col-xxl-offset-16 {
    margin-left: 66.66666667%;
  }
  .ant-col-xxl-order-16 {
    order: 16;
  }
  .ant-col-xxl-15 {
    display: block;
    box-sizing: border-box;
    width: 62.5%;
  }
  .ant-col-xxl-push-15 {
    left: 62.5%;
  }
  .ant-col-xxl-pull-15 {
    right: 62.5%;
  }
  .ant-col-xxl-offset-15 {
    margin-left: 62.5%;
  }
  .ant-col-xxl-order-15 {
    order: 15;
  }
  .ant-col-xxl-14 {
    display: block;
    box-sizing: border-box;
    width: 58.33333333%;
  }
  .ant-col-xxl-push-14 {
    left: 58.33333333%;
  }
  .ant-col-xxl-pull-14 {
    right: 58.33333333%;
  }
  .ant-col-xxl-offset-14 {
    margin-left: 58.33333333%;
  }
  .ant-col-xxl-order-14 {
    order: 14;
  }
  .ant-col-xxl-13 {
    display: block;
    box-sizing: border-box;
    width: 54.16666667%;
  }
  .ant-col-xxl-push-13 {
    left: 54.16666667%;
  }
  .ant-col-xxl-pull-13 {
    right: 54.16666667%;
  }
  .ant-col-xxl-offset-13 {
    margin-left: 54.16666667%;
  }
  .ant-col-xxl-order-13 {
    order: 13;
  }
  .ant-col-xxl-12 {
    display: block;
    box-sizing: border-box;
    width: 50%;
  }
  .ant-col-xxl-push-12 {
    left: 50%;
  }
  .ant-col-xxl-pull-12 {
    right: 50%;
  }
  .ant-col-xxl-offset-12 {
    margin-left: 50%;
  }
  .ant-col-xxl-order-12 {
    order: 12;
  }
  .ant-col-xxl-11 {
    display: block;
    box-sizing: border-box;
    width: 45.83333333%;
  }
  .ant-col-xxl-push-11 {
    left: 45.83333333%;
  }
  .ant-col-xxl-pull-11 {
    right: 45.83333333%;
  }
  .ant-col-xxl-offset-11 {
    margin-left: 45.83333333%;
  }
  .ant-col-xxl-order-11 {
    order: 11;
  }
  .ant-col-xxl-10 {
    display: block;
    box-sizing: border-box;
    width: 41.66666667%;
  }
  .ant-col-xxl-push-10 {
    left: 41.66666667%;
  }
  .ant-col-xxl-pull-10 {
    right: 41.66666667%;
  }
  .ant-col-xxl-offset-10 {
    margin-left: 41.66666667%;
  }
  .ant-col-xxl-order-10 {
    order: 10;
  }
  .ant-col-xxl-9 {
    display: block;
    box-sizing: border-box;
    width: 37.5%;
  }
  .ant-col-xxl-push-9 {
    left: 37.5%;
  }
  .ant-col-xxl-pull-9 {
    right: 37.5%;
  }
  .ant-col-xxl-offset-9 {
    margin-left: 37.5%;
  }
  .ant-col-xxl-order-9 {
    order: 9;
  }
  .ant-col-xxl-8 {
    display: block;
    box-sizing: border-box;
    width: 33.33333333%;
  }
  .ant-col-xxl-push-8 {
    left: 33.33333333%;
  }
  .ant-col-xxl-pull-8 {
    right: 33.33333333%;
  }
  .ant-col-xxl-offset-8 {
    margin-left: 33.33333333%;
  }
  .ant-col-xxl-order-8 {
    order: 8;
  }
  .ant-col-xxl-7 {
    display: block;
    box-sizing: border-box;
    width: 29.16666667%;
  }
  .ant-col-xxl-push-7 {
    left: 29.16666667%;
  }
  .ant-col-xxl-pull-7 {
    right: 29.16666667%;
  }
  .ant-col-xxl-offset-7 {
    margin-left: 29.16666667%;
  }
  .ant-col-xxl-order-7 {
    order: 7;
  }
  .ant-col-xxl-6 {
    display: block;
    box-sizing: border-box;
    width: 25%;
  }
  .ant-col-xxl-push-6 {
    left: 25%;
  }
  .ant-col-xxl-pull-6 {
    right: 25%;
  }
  .ant-col-xxl-offset-6 {
    margin-left: 25%;
  }
  .ant-col-xxl-order-6 {
    order: 6;
  }
  .ant-col-xxl-5 {
    display: block;
    box-sizing: border-box;
    width: 20.83333333%;
  }
  .ant-col-xxl-push-5 {
    left: 20.83333333%;
  }
  .ant-col-xxl-pull-5 {
    right: 20.83333333%;
  }
  .ant-col-xxl-offset-5 {
    margin-left: 20.83333333%;
  }
  .ant-col-xxl-order-5 {
    order: 5;
  }
  .ant-col-xxl-4 {
    display: block;
    box-sizing: border-box;
    width: 16.66666667%;
  }
  .ant-col-xxl-push-4 {
    left: 16.66666667%;
  }
  .ant-col-xxl-pull-4 {
    right: 16.66666667%;
  }
  .ant-col-xxl-offset-4 {
    margin-left: 16.66666667%;
  }
  .ant-col-xxl-order-4 {
    order: 4;
  }
  .ant-col-xxl-3 {
    display: block;
    box-sizing: border-box;
    width: 12.5%;
  }
  .ant-col-xxl-push-3 {
    left: 12.5%;
  }
  .ant-col-xxl-pull-3 {
    right: 12.5%;
  }
  .ant-col-xxl-offset-3 {
    margin-left: 12.5%;
  }
  .ant-col-xxl-order-3 {
    order: 3;
  }
  .ant-col-xxl-2 {
    display: block;
    box-sizing: border-box;
    width: 8.33333333%;
  }
  .ant-col-xxl-push-2 {
    left: 8.33333333%;
  }
  .ant-col-xxl-pull-2 {
    right: 8.33333333%;
  }
  .ant-col-xxl-offset-2 {
    margin-left: 8.33333333%;
  }
  .ant-col-xxl-order-2 {
    order: 2;
  }
  .ant-col-xxl-1 {
    display: block;
    box-sizing: border-box;
    width: 4.16666667%;
  }
  .ant-col-xxl-push-1 {
    left: 4.16666667%;
  }
  .ant-col-xxl-pull-1 {
    right: 4.16666667%;
  }
  .ant-col-xxl-offset-1 {
    margin-left: 4.16666667%;
  }
  .ant-col-xxl-order-1 {
    order: 1;
  }
  .ant-col-xxl-0 {
    display: none;
  }
  .ant-col-push-0 {
    left: auto;
  }
  .ant-col-pull-0 {
    right: auto;
  }
  .ant-col-xxl-push-0 {
    left: auto;
  }
  .ant-col-xxl-pull-0 {
    right: auto;
  }
  .ant-col-xxl-offset-0 {
    margin-left: 0;
  }
  .ant-col-xxl-order-0 {
    order: 0;
  }
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-select {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #000000D9;
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  outline: 0;
}
.ant-select ul,
.ant-select ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ant-select > ul > li > a {
  padding: 0;
  background-color: #fff;
}
.ant-select-arrow {
  display: inline-block;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  right: 11px;
  margin-top: -6px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 12px;
  line-height: 1;
  transform-origin: 50% 50%;
}
.ant-select-arrow > * {
  line-height: 1;
}
.ant-select-arrow svg {
  display: inline-block;
}
.ant-select-arrow::before {
  display: none;
}
.ant-select-arrow .ant-select-arrow-icon {
  display: block;
}
.ant-select-arrow .ant-select-arrow-icon svg {
  transition: transform 0.3s;
}
.ant-select-selection {
  display: block;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-top-width: 1.02px;
  border-radius: 4px;
  outline: none;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  user-select: none;
}
.ant-select-selection:hover {
  border-color: #669eff;
  border-right-width: 1px !important;
}
.ant-select-focused .ant-select-selection,
.ant-select-selection:focus,
.ant-select-selection:active {
  border-color: #669eff;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(58, 120, 242, 0.2);
}
.ant-select-selection__clear {
  position: absolute;
  top: 50%;
  right: 11px;
  z-index: 1;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 12px;
  font-style: normal;
  line-height: 12px;
  text-align: center;
  text-transform: none;
  background: #fff;
  cursor: pointer;
  opacity: 0;
  transition: color 0.3s ease, opacity 0.15s ease;
  text-rendering: auto;
}
.ant-select-selection__clear::before {
  display: block;
}
.ant-select-selection__clear:hover {
  color: rgba(0, 0, 0, 0.45);
}
.ant-select-selection:hover .ant-select-selection__clear {
  opacity: 1;
}
.ant-select-selection-selected-value {
  float: left;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-select-no-arrow .ant-select-selection-selected-value {
  padding-right: 0;
}
.ant-select-disabled {
  color: rgba(0, 0, 0, 0.25);
}
.ant-select-disabled .ant-select-selection {
  background: #f5f5f5;
  cursor: not-allowed;
}
.ant-select-disabled .ant-select-selection:hover,
.ant-select-disabled .ant-select-selection:focus,
.ant-select-disabled .ant-select-selection:active {
  border-color: #d9d9d9;
  box-shadow: none;
}
.ant-select-disabled .ant-select-selection__clear {
  display: none;
  visibility: hidden;
  pointer-events: none;
}
.ant-select-disabled .ant-select-selection--multiple .ant-select-selection__choice {
  padding-right: 10px;
  color: rgba(0, 0, 0, 0.33);
  background: #f5f5f5;
}
.ant-select-disabled .ant-select-selection--multiple .ant-select-selection__choice__remove {
  display: none;
}
.ant-select-selection--single {
  position: relative;
  height: 32px;
  cursor: pointer;
}
.ant-select-selection--single .ant-select-selection__rendered {
  margin-right: 24px;
}
.ant-select-no-arrow .ant-select-selection__rendered {
  margin-right: 11px;
}
.ant-select-selection__rendered {
  position: relative;
  display: block;
  margin-right: 11px;
  margin-left: 11px;
  line-height: 30px;
}
.ant-select-selection__rendered::after {
  display: inline-block;
  width: 0;
  visibility: hidden;
  content: '.';
  pointer-events: none;
}
.ant-select-lg {
  font-size: 14px;
}
.ant-select-lg .ant-select-selection--single {
  height: 40px;
}
.ant-select-lg .ant-select-selection__rendered {
  line-height: 38px;
}
.ant-select-lg .ant-select-selection--multiple {
  min-height: 40px;
}
.ant-select-lg .ant-select-selection--multiple .ant-select-selection__rendered li {
  height: 32px;
  line-height: 32px;
}
.ant-select-lg .ant-select-selection--multiple .ant-select-selection__clear,
.ant-select-lg .ant-select-selection--multiple .ant-select-arrow {
  top: 20px;
}
.ant-select-sm .ant-select-selection--single {
  height: 24px;
}
.ant-select-sm .ant-select-selection__rendered {
  margin-left: 7px;
  line-height: 22px;
}
.ant-select-sm .ant-select-selection--multiple {
  min-height: 24px;
}
.ant-select-sm .ant-select-selection--multiple .ant-select-selection__rendered li {
  height: 16px;
  line-height: 14px;
}
.ant-select-sm .ant-select-selection--multiple .ant-select-selection__clear,
.ant-select-sm .ant-select-selection--multiple .ant-select-arrow {
  top: 12px;
}
.ant-select-sm .ant-select-selection__clear,
.ant-select-sm .ant-select-arrow {
  right: 8px;
}
.ant-select-disabled .ant-select-selection__choice__remove {
  color: rgba(0, 0, 0, 0.25);
  cursor: default;
}
.ant-select-disabled .ant-select-selection__choice__remove:hover {
  color: rgba(0, 0, 0, 0.25);
}
.ant-select-search__field__wrap {
  position: relative;
  display: inline-block;
}
.ant-select-selection__placeholder,
.ant-select-search__field__placeholder {
  position: absolute;
  top: 50%;
  right: 9px;
  left: 0;
  max-width: 100%;
  height: 20px;
  margin-top: -10px;
  overflow: hidden;
  color: #bfbfbf;
  line-height: 20px;
  white-space: nowrap;
  text-align: left;
  text-overflow: ellipsis;
}
.ant-select-search__field__placeholder {
  left: 12px;
}
.ant-select-search__field__mirror {
  position: absolute;
  top: 0;
  left: 0;
  white-space: pre;
  opacity: 0;
  pointer-events: none;
}
.ant-select-search--inline {
  position: absolute;
  width: 100%;
  height: 100%;
}
.ant-select-search--inline .ant-select-search__field__wrap {
  width: 100%;
  height: 100%;
}
.ant-select-search--inline .ant-select-search__field {
  width: 100%;
  height: 100%;
  font-size: 100%;
  line-height: 1;
  background: transparent;
  border-width: 0;
  border-radius: 4px;
  outline: 0;
}
.ant-select-search--inline > i {
  float: right;
}
.ant-select-selection--multiple {
  min-height: 32px;
  padding-bottom: 3px;
  cursor: text;
  zoom: 1;
}
.ant-select-selection--multiple::before,
.ant-select-selection--multiple::after {
  display: table;
  content: '';
}
.ant-select-selection--multiple::after {
  clear: both;
}
.ant-select-selection--multiple .ant-select-search--inline {
  position: static;
  float: left;
  width: auto;
  max-width: 100%;
  padding: 0;
}
.ant-select-selection--multiple .ant-select-search--inline .ant-select-search__field {
  width: 0.75em;
  max-width: 100%;
  padding: 1px;
}
.ant-select-selection--multiple .ant-select-selection__rendered {
  height: auto;
  margin-bottom: -3px;
  margin-left: 5px;
}
.ant-select-selection--multiple .ant-select-selection__placeholder {
  margin-left: 6px;
}
.ant-select-selection--multiple > ul > li,
.ant-select-selection--multiple .ant-select-selection__rendered > ul > li {
  height: 24px;
  margin-top: 3px;
  line-height: 22px;
}
.ant-select-selection--multiple .ant-select-selection__choice {
  position: relative;
  float: left;
  max-width: 99%;
  margin-right: 4px;
  padding: 0 20px 0 10px;
  overflow: hidden;
  color: #000000D9;
  background-color: #fafafa;
  border: 1px solid #e8e8e8;
  border-radius: 2px;
  cursor: default;
  transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-select-selection--multiple .ant-select-selection__choice__disabled {
  padding: 0 10px;
}
.ant-select-selection--multiple .ant-select-selection__choice__content {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-select-selection--multiple .ant-select-selection__choice__remove {
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  right: 4px;
  color: rgba(0, 0, 0, 0.45);
  font-weight: bold;
  line-height: inherit;
  cursor: pointer;
  transition: all 0.3s;
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  transform: scale(0.83333333) rotate(0deg);
}
.ant-select-selection--multiple .ant-select-selection__choice__remove > * {
  line-height: 1;
}
.ant-select-selection--multiple .ant-select-selection__choice__remove svg {
  display: inline-block;
}
.ant-select-selection--multiple .ant-select-selection__choice__remove::before {
  display: none;
}
.ant-select-selection--multiple .ant-select-selection__choice__remove .ant-select-selection--multiple .ant-select-selection__choice__remove-icon {
  display: block;
}
:root .ant-select-selection--multiple .ant-select-selection__choice__remove {
  font-size: 12px;
}
.ant-select-selection--multiple .ant-select-selection__choice__remove:hover {
  color: rgba(0, 0, 0, 0.75);
}
.ant-select-selection--multiple .ant-select-selection__clear,
.ant-select-selection--multiple .ant-select-arrow {
  top: 16px;
}
.ant-select-allow-clear .ant-select-selection--multiple .ant-select-selection__rendered,
.ant-select-show-arrow .ant-select-selection--multiple .ant-select-selection__rendered {
  margin-right: 20px;
}
.ant-select-open .ant-select-arrow-icon svg {
  transform: rotate(180deg);
}
.ant-select-open .ant-select-selection {
  border-color: #669eff;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(58, 120, 242, 0.2);
}
.ant-select-combobox .ant-select-arrow {
  display: none;
}
.ant-select-combobox .ant-select-search--inline {
  float: none;
  width: 100%;
  height: 100%;
}
.ant-select-combobox .ant-select-search__field__wrap {
  width: 100%;
  height: 100%;
}
.ant-select-combobox .ant-select-search__field {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  box-shadow: none;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), height 0s;
}
.ant-select-combobox.ant-select-allow-clear .ant-select-selection:hover .ant-select-selection__rendered,
.ant-select-combobox.ant-select-show-arrow .ant-select-selection:hover .ant-select-selection__rendered {
  margin-right: 20px;
}
.ant-select-dropdown {
  margin: 0;
  padding: 0;
  color: #000000D9;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: absolute;
  top: -9999px;
  left: -9999px;
  z-index: 1050;
  box-sizing: border-box;
  font-size: 12px;
  font-variant: initial;
  background-color: #fff;
  border-radius: 4px;
  outline: none;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-select-dropdown.slide-up-enter.slide-up-enter-active.ant-select-dropdown-placement-bottomLeft,
.ant-select-dropdown.slide-up-appear.slide-up-appear-active.ant-select-dropdown-placement-bottomLeft {
  animation-name: antSlideUpIn;
}
.ant-select-dropdown.slide-up-enter.slide-up-enter-active.ant-select-dropdown-placement-topLeft,
.ant-select-dropdown.slide-up-appear.slide-up-appear-active.ant-select-dropdown-placement-topLeft {
  animation-name: antSlideDownIn;
}
.ant-select-dropdown.slide-up-leave.slide-up-leave-active.ant-select-dropdown-placement-bottomLeft {
  animation-name: antSlideUpOut;
}
.ant-select-dropdown.slide-up-leave.slide-up-leave-active.ant-select-dropdown-placement-topLeft {
  animation-name: antSlideDownOut;
}
.ant-select-dropdown-hidden {
  display: none;
}
.ant-select-dropdown-menu {
  max-height: 250px;
  margin-bottom: 0;
  padding: 4px 0;
  padding-left: 0;
  overflow: auto;
  list-style: none;
  outline: none;
}
.ant-select-dropdown-menu-item-group-list {
  margin: 0;
  padding: 0;
}
.ant-select-dropdown-menu-item-group-list > .ant-select-dropdown-menu-item {
  padding-left: 20px;
}
.ant-select-dropdown-menu-item-group-title {
  height: 32px;
  padding: 0 12px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
  line-height: 32px;
}
.ant-select-dropdown-menu-item-group-list .ant-select-dropdown-menu-item:first-child:not(:last-child),
.ant-select-dropdown-menu-item-group:not(:last-child) .ant-select-dropdown-menu-item-group-list .ant-select-dropdown-menu-item:last-child {
  border-radius: 0;
}
.ant-select-dropdown-menu-item {
  position: relative;
  display: block;
  padding: 5px 12px;
  overflow: hidden;
  color: #000000D9;
  font-weight: normal;
  font-size: 12px;
  line-height: 22px;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
  transition: background 0.3s ease;
}
.ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
  background-color: #f0f7ff;
}
.ant-select-dropdown-menu-item-selected {
  color: #000000D9;
  font-weight: 600;
  background-color: #fafafa;
}
.ant-select-dropdown-menu-item-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-select-dropdown-menu-item-disabled:hover {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background-color: #f0f7ff;
}
.ant-select-dropdown-menu-item-divider {
  height: 1px;
  margin: 1px 0;
  overflow: hidden;
  line-height: 0;
  background-color: #e8e8e8;
}
.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item {
  padding-right: 32px;
}
.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item .ant-select-selected-icon {
  position: absolute;
  top: 50%;
  right: 12px;
  color: transparent;
  font-weight: bold;
  font-size: 12px;
  text-shadow: 0 0.1px 0, 0.1px 0 0, 0 -0.1px 0, -0.1px 0;
  transform: translateY(-50%);
  transition: all 0.2s;
}
.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item:hover .ant-select-selected-icon {
  color: rgba(0, 0, 0, 0.87);
}
.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-disabled .ant-select-selected-icon {
  display: none;
}
.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-selected .ant-select-selected-icon,
.ant-select-dropdown.ant-select-dropdown--multiple .ant-select-dropdown-menu-item-selected:hover .ant-select-selected-icon {
  display: inline-block;
  color: #3A78F2;
}
.ant-select-dropdown--empty.ant-select-dropdown--multiple .ant-select-dropdown-menu-item {
  padding-right: 12px;
}
.ant-select-dropdown-container-open .ant-select-dropdown,
.ant-select-dropdown-open .ant-select-dropdown {
  display: block;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-empty {
  margin: 0 8px;
  font-size: 12px;
  line-height: 22px;
  text-align: center;
}
.ant-empty-image {
  height: 100px;
  margin-bottom: 8px;
}
.ant-empty-image img {
  height: 100%;
}
.ant-empty-image svg {
  height: 100%;
  margin: auto;
}
.ant-empty-description {
  margin: 0;
}
.ant-empty-footer {
  margin-top: 16px;
}
.ant-empty-normal {
  margin: 32px 0;
  color: rgba(0, 0, 0, 0.25);
}
.ant-empty-normal .ant-empty-image {
  height: 40px;
}
.ant-empty-small {
  margin: 8px 0;
  color: rgba(0, 0, 0, 0.25);
}
.ant-empty-small .ant-empty-image {
  height: 35px;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-input {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  width: 100%;
  height: 32px;
  padding: 4px 11px;
  color: #000000D9;
  font-size: 12px;
  line-height: 1.5;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  transition: all 0.3s;
}
.ant-input::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.ant-input:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-input::-webkit-input-placeholder {
  color: #bfbfbf;
}
.ant-input:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-input:hover {
  border-color: #669eff;
  border-right-width: 1px !important;
}
.ant-input:focus {
  border-color: #669eff;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(58, 120, 242, 0.2);
}
.ant-input-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-input[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
textarea.ant-input {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  line-height: 1.5;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}
.ant-input-lg {
  height: 40px;
  padding: 6px 11px;
  font-size: 14px;
}
.ant-input-sm {
  height: 24px;
  padding: 1px 7px;
}
.ant-input-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #000000D9;
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.ant-input-group[class*='col-'] {
  float: none;
  padding-right: 0;
  padding-left: 0;
}
.ant-input-group > [class*='col-'] {
  padding-right: 8px;
}
.ant-input-group > [class*='col-']:last-child {
  padding-right: 0;
}
.ant-input-group-addon,
.ant-input-group-wrap,
.ant-input-group > .ant-input {
  display: table-cell;
}
.ant-input-group-addon:not(:first-child):not(:last-child),
.ant-input-group-wrap:not(:first-child):not(:last-child),
.ant-input-group > .ant-input:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.ant-input-group-addon,
.ant-input-group-wrap {
  width: 1px;
  white-space: nowrap;
  vertical-align: middle;
}
.ant-input-group-wrap > * {
  display: block !important;
}
.ant-input-group .ant-input {
  float: left;
  width: 100%;
  margin-bottom: 0;
  text-align: inherit;
}
.ant-input-group .ant-input:focus {
  z-index: 1;
  border-right-width: 1px;
}
.ant-input-group .ant-input:hover {
  z-index: 1;
  border-right-width: 1px;
}
.ant-input-group-addon {
  position: relative;
  padding: 0 11px;
  color: #000000D9;
  font-weight: normal;
  font-size: 12px;
  text-align: center;
  background-color: #fafafa;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  transition: all 0.3s;
}
.ant-input-group-addon .ant-select {
  margin: -5px -11px;
}
.ant-input-group-addon .ant-select .ant-select-selection {
  margin: -1px;
  background-color: inherit;
  border: 1px solid transparent;
  box-shadow: none;
}
.ant-input-group-addon .ant-select-open .ant-select-selection,
.ant-input-group-addon .ant-select-focused .ant-select-selection {
  color: #3A78F2;
}
.ant-input-group-addon > i:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: '';
}
.ant-input-group > .ant-input:first-child,
.ant-input-group-addon:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-input-group > .ant-input:first-child .ant-select .ant-select-selection,
.ant-input-group-addon:first-child .ant-select .ant-select-selection {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-input-group > .ant-input-affix-wrapper:not(:first-child) .ant-input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-group > .ant-input-affix-wrapper:not(:last-child) .ant-input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ant-input-group-addon:first-child {
  border-right: 0;
}
.ant-input-group-addon:last-child {
  border-left: 0;
}
.ant-input-group > .ant-input:last-child,
.ant-input-group-addon:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-group > .ant-input:last-child .ant-select .ant-select-selection,
.ant-input-group-addon:last-child .ant-select .ant-select-selection {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ant-input-group-lg .ant-input,
.ant-input-group-lg > .ant-input-group-addon {
  height: 40px;
  padding: 6px 11px;
  font-size: 14px;
}
.ant-input-group-sm .ant-input,
.ant-input-group-sm > .ant-input-group-addon {
  height: 24px;
  padding: 1px 7px;
}
.ant-input-group-lg .ant-select-selection--single {
  height: 40px;
}
.ant-input-group-sm .ant-select-selection--single {
  height: 24px;
}
.ant-input-group .ant-input-affix-wrapper {
  display: table-cell;
  float: left;
  width: 100%;
}
.ant-input-group.ant-input-group-compact {
  display: block;
  zoom: 1;
}
.ant-input-group.ant-input-group-compact::before,
.ant-input-group.ant-input-group-compact::after {
  display: table;
  content: '';
}
.ant-input-group.ant-input-group-compact::after {
  clear: both;
}
.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child),
.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child),
.ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child) {
  border-right-width: 1px;
}
.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):hover,
.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):hover,
.ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child):hover {
  z-index: 1;
}
.ant-input-group.ant-input-group-compact-addon:not(:first-child):not(:last-child):focus,
.ant-input-group.ant-input-group-compact-wrap:not(:first-child):not(:last-child):focus,
.ant-input-group.ant-input-group-compact > .ant-input:not(:first-child):not(:last-child):focus {
  z-index: 1;
}
.ant-input-group.ant-input-group-compact > * {
  display: inline-block;
  float: none;
  vertical-align: top;
  border-radius: 0;
}
.ant-input-group.ant-input-group-compact > *:not(:last-child) {
  margin-right: -1px;
  border-right-width: 1px;
}
.ant-input-group.ant-input-group-compact .ant-input {
  float: none;
}
.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selection,
.ant-input-group.ant-input-group-compact > .ant-calendar-picker .ant-input,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input,
.ant-input-group.ant-input-group-compact > .ant-mention-wrapper .ant-mention-editor,
.ant-input-group.ant-input-group-compact > .ant-time-picker .ant-time-picker-input,
.ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input {
  border-right-width: 1px;
  border-radius: 0;
}
.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selection:hover,
.ant-input-group.ant-input-group-compact > .ant-calendar-picker .ant-input:hover,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input:hover,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input:hover,
.ant-input-group.ant-input-group-compact > .ant-mention-wrapper .ant-mention-editor:hover,
.ant-input-group.ant-input-group-compact > .ant-time-picker .ant-time-picker-input:hover,
.ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input:hover {
  z-index: 1;
}
.ant-input-group.ant-input-group-compact > .ant-select > .ant-select-selection:focus,
.ant-input-group.ant-input-group-compact > .ant-calendar-picker .ant-input:focus,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input:focus,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker .ant-input:focus,
.ant-input-group.ant-input-group-compact > .ant-mention-wrapper .ant-mention-editor:focus,
.ant-input-group.ant-input-group-compact > .ant-time-picker .ant-time-picker-input:focus,
.ant-input-group.ant-input-group-compact > .ant-input-group-wrapper .ant-input:focus {
  z-index: 1;
}
.ant-input-group.ant-input-group-compact > *:first-child,
.ant-input-group.ant-input-group-compact > .ant-select:first-child > .ant-select-selection,
.ant-input-group.ant-input-group-compact > .ant-calendar-picker:first-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:first-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker:first-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-mention-wrapper:first-child .ant-mention-editor,
.ant-input-group.ant-input-group-compact > .ant-time-picker:first-child .ant-time-picker-input {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.ant-input-group.ant-input-group-compact > *:last-child,
.ant-input-group.ant-input-group-compact > .ant-select:last-child > .ant-select-selection,
.ant-input-group.ant-input-group-compact > .ant-calendar-picker:last-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete:last-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker:last-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-cascader-picker-focused:last-child .ant-input,
.ant-input-group.ant-input-group-compact > .ant-mention-wrapper:last-child .ant-mention-editor,
.ant-input-group.ant-input-group-compact > .ant-time-picker:last-child .ant-time-picker-input {
  border-right-width: 1px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.ant-input-group.ant-input-group-compact > .ant-select-auto-complete .ant-input {
  vertical-align: top;
}
.ant-input-group-wrapper {
  display: inline-block;
  width: 100%;
  text-align: start;
  vertical-align: top;
}
.ant-input-affix-wrapper {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #000000D9;
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  width: 100%;
  text-align: start;
}
.ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) {
  border-color: #669eff;
  border-right-width: 1px !important;
}
.ant-input-affix-wrapper .ant-input {
  position: relative;
  text-align: inherit;
}
.ant-input-affix-wrapper .ant-input-prefix,
.ant-input-affix-wrapper .ant-input-suffix {
  position: absolute;
  top: 50%;
  z-index: 2;
  display: flex;
  align-items: center;
  color: #000000D9;
  line-height: 0;
  transform: translateY(-50%);
}
.ant-input-affix-wrapper .ant-input-prefix :not(.anticon),
.ant-input-affix-wrapper .ant-input-suffix :not(.anticon) {
  line-height: 1.5;
}
.ant-input-affix-wrapper .ant-input-disabled ~ .ant-input-suffix .anticon {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-input-affix-wrapper .ant-input-prefix {
  left: 12px;
}
.ant-input-affix-wrapper .ant-input-suffix {
  right: 12px;
}
.ant-input-affix-wrapper .ant-input:not(:first-child) {
  padding-left: 30px;
}
.ant-input-affix-wrapper .ant-input:not(:last-child) {
  padding-right: 30px;
}
.ant-input-affix-wrapper.ant-input-affix-wrapper-input-with-clear-btn .ant-input:not(:last-child) {
  padding-right: 49px;
}
.ant-input-affix-wrapper.ant-input-affix-wrapper-textarea-with-clear-btn .ant-input {
  padding-right: 22px;
}
.ant-input-affix-wrapper .ant-input {
  min-height: 100%;
}
.ant-input-password-icon {
  color: rgba(0, 0, 0, 0.45);
  cursor: pointer;
  transition: all 0.3s;
}
.ant-input-password-icon:hover {
  color: #333;
}
.ant-input-clear-icon {
  color: rgba(0, 0, 0, 0.25);
  font-size: 12px;
  cursor: pointer;
  transition: color 0.3s;
  vertical-align: 0;
}
.ant-input-clear-icon:hover {
  color: rgba(0, 0, 0, 0.45);
}
.ant-input-clear-icon:active {
  color: #000000D9;
}
.ant-input-clear-icon + i {
  margin-left: 6px;
}
.ant-input-textarea-clear-icon {
  color: rgba(0, 0, 0, 0.25);
  font-size: 12px;
  cursor: pointer;
  transition: color 0.3s;
  position: absolute;
  top: 0;
  right: 0;
  margin: 8px 8px 0 0;
}
.ant-input-textarea-clear-icon:hover {
  color: rgba(0, 0, 0, 0.45);
}
.ant-input-textarea-clear-icon:active {
  color: #000000D9;
}
.ant-input-textarea-clear-icon + i {
  margin-left: 6px;
}
.ant-input-search-icon {
  color: rgba(0, 0, 0, 0.45);
  cursor: pointer;
  transition: all 0.3s;
}
.ant-input-search-icon:hover {
  color: rgba(0, 0, 0, 0.8);
}
.ant-input-search-enter-button input {
  border-right: 0;
}
.ant-input-search-enter-button + .ant-input-group-addon,
.ant-input-search-enter-button input + .ant-input-group-addon {
  padding: 0;
  border: 0;
}
.ant-input-search-enter-button + .ant-input-group-addon .ant-input-search-button,
.ant-input-search-enter-button input + .ant-input-group-addon .ant-input-search-button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-input-number {
  box-sizing: border-box;
  font-variant: tabular-nums;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  width: 100%;
  height: 32px;
  padding: 4px 11px;
  color: #000000D9;
  font-size: 12px;
  line-height: 1.5;
  background-color: #fff;
  background-image: none;
  transition: all 0.3s;
  display: inline-block;
  width: 90px;
  margin: 0;
  padding: 0;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
}
.ant-input-number::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.ant-input-number:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-input-number::-webkit-input-placeholder {
  color: #bfbfbf;
}
.ant-input-number:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-input-number:hover {
  border-color: #669eff;
  border-right-width: 1px !important;
}
.ant-input-number:focus {
  border-color: #669eff;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(58, 120, 242, 0.2);
}
.ant-input-number-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-number-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-input-number[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-number[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
textarea.ant-input-number {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  line-height: 1.5;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}
.ant-input-number-lg {
  height: 40px;
  padding: 6px 11px;
  font-size: 14px;
}
.ant-input-number-sm {
  height: 24px;
  padding: 1px 7px;
}
.ant-input-number-handler {
  position: relative;
  display: block;
  width: 100%;
  height: 50%;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.45);
  font-weight: bold;
  line-height: 0;
  text-align: center;
  transition: all 0.1s linear;
}
.ant-input-number-handler:active {
  background: #f4f4f4;
}
.ant-input-number-handler:hover .ant-input-number-handler-up-inner,
.ant-input-number-handler:hover .ant-input-number-handler-down-inner {
  color: #669eff;
}
.ant-input-number-handler-up-inner,
.ant-input-number-handler-down-inner {
  display: inline-block;
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  right: 4px;
  width: 12px;
  height: 12px;
  color: rgba(0, 0, 0, 0.45);
  line-height: 12px;
  transition: all 0.1s linear;
  user-select: none;
}
.ant-input-number-handler-up-inner > *,
.ant-input-number-handler-down-inner > * {
  line-height: 1;
}
.ant-input-number-handler-up-inner svg,
.ant-input-number-handler-down-inner svg {
  display: inline-block;
}
.ant-input-number-handler-up-inner::before,
.ant-input-number-handler-down-inner::before {
  display: none;
}
.ant-input-number-handler-up-inner .ant-input-number-handler-up-inner-icon,
.ant-input-number-handler-up-inner .ant-input-number-handler-down-inner-icon,
.ant-input-number-handler-down-inner .ant-input-number-handler-up-inner-icon,
.ant-input-number-handler-down-inner .ant-input-number-handler-down-inner-icon {
  display: block;
}
.ant-input-number:hover {
  border-color: #669eff;
  border-right-width: 1px !important;
}
.ant-input-number-focused {
  border-color: #669eff;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(58, 120, 242, 0.2);
}
.ant-input-number-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-input-number-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-input-number-disabled .ant-input-number-input {
  cursor: not-allowed;
}
.ant-input-number-disabled .ant-input-number-handler-wrap {
  display: none;
}
.ant-input-number-input {
  width: 100%;
  height: 30px;
  padding: 0 11px;
  text-align: left;
  background-color: transparent;
  border: 0;
  border-radius: 4px;
  outline: 0;
  transition: all 0.3s linear;
  -moz-appearance: textfield !important;
}
.ant-input-number-input::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.ant-input-number-input:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-input-number-input::-webkit-input-placeholder {
  color: #bfbfbf;
}
.ant-input-number-input:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-input-number-input[type='number']::-webkit-inner-spin-button,
.ant-input-number-input[type='number']::-webkit-outer-spin-button {
  margin: 0;
  -webkit-appearance: none;
}
.ant-input-number-lg {
  padding: 0;
  font-size: 14px;
}
.ant-input-number-lg input {
  height: 38px;
}
.ant-input-number-sm {
  padding: 0;
}
.ant-input-number-sm input {
  height: 22px;
  padding: 0 7px;
}
.ant-input-number-handler-wrap {
  position: absolute;
  top: 0;
  right: 0;
  width: 22px;
  height: 100%;
  background: #fff;
  border-left: 1px solid #d9d9d9;
  border-radius: 0 4px 4px 0;
  opacity: 0;
  transition: opacity 0.24s linear 0.1s;
}
.ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-up-inner,
.ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-down-inner {
  display: inline-block;
  font-size: 12px;
  font-size: 7px \9;
  transform: scale(0.58333333) rotate(0deg);
  min-width: auto;
  margin-right: 0;
}
:root .ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-up-inner,
:root .ant-input-number-handler-wrap .ant-input-number-handler .ant-input-number-handler-down-inner {
  font-size: 12px;
}
.ant-input-number-handler-wrap:hover .ant-input-number-handler {
  height: 40%;
}
.ant-input-number:hover .ant-input-number-handler-wrap {
  opacity: 1;
}
.ant-input-number-handler-up {
  border-top-right-radius: 4px;
  cursor: pointer;
}
.ant-input-number-handler-up-inner {
  top: 50%;
  margin-top: -5px;
  text-align: center;
}
.ant-input-number-handler-up:hover {
  height: 60% !important;
}
.ant-input-number-handler-down {
  top: 0;
  border-top: 1px solid #d9d9d9;
  border-bottom-right-radius: 4px;
  cursor: pointer;
}
.ant-input-number-handler-down-inner {
  top: 50%;
  margin-top: -6px;
  text-align: center;
}
.ant-input-number-handler-down:hover {
  height: 60% !important;
}
.ant-input-number-handler-up-disabled,
.ant-input-number-handler-down-disabled {
  cursor: not-allowed;
}
.ant-input-number-handler-up-disabled:hover .ant-input-number-handler-up-inner,
.ant-input-number-handler-down-disabled:hover .ant-input-number-handler-down-inner {
  color: rgba(0, 0, 0, 0.25);
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-form {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #000000D9;
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
}
.ant-form legend {
  display: block;
  width: 100%;
  margin-bottom: 20px;
  padding: 0;
  color: rgba(0, 0, 0, 0.45);
  font-size: 14px;
  line-height: inherit;
  border: 0;
  border-bottom: 1px solid #d9d9d9;
}
.ant-form label {
  font-size: 12px;
}
.ant-form input[type='search'] {
  box-sizing: border-box;
}
.ant-form input[type='radio'],
.ant-form input[type='checkbox'] {
  line-height: normal;
}
.ant-form input[type='file'] {
  display: block;
}
.ant-form input[type='range'] {
  display: block;
  width: 100%;
}
.ant-form select[multiple],
.ant-form select[size] {
  height: auto;
}
.ant-form input[type='file']:focus,
.ant-form input[type='radio']:focus,
.ant-form input[type='checkbox']:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.ant-form output {
  display: block;
  padding-top: 15px;
  color: #000000D9;
  font-size: 12px;
  line-height: 1.5;
}
.ant-form-item-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.ant-form-hide-required-mark .ant-form-item-required::before {
  display: none;
}
.ant-form-item-label > label {
  color: rgba(0, 0, 0, 0.85);
}
.ant-form-item-label > label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.ant-form-item-label > label.ant-form-item-no-colon::after {
  content: ' ';
}
.ant-form-item {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #000000D9;
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  margin-bottom: 24px;
  vertical-align: top;
}
.ant-form-item label {
  position: relative;
}
.ant-form-item label > .anticon {
  font-size: 12px;
  vertical-align: top;
}
.ant-form-item-control {
  position: relative;
  line-height: 40px;
  zoom: 1;
}
.ant-form-item-control::before,
.ant-form-item-control::after {
  display: table;
  content: '';
}
.ant-form-item-control::after {
  clear: both;
}
.ant-form-item-children {
  position: relative;
}
.ant-form-item-with-help {
  margin-bottom: 8px;
}
.ant-form-item-label {
  display: inline-block;
  overflow: hidden;
  line-height: 39.9999px;
  white-space: nowrap;
  text-align: right;
  vertical-align: middle;
}
.ant-form-item-label-left {
  text-align: left;
}
.ant-form-item .ant-switch {
  margin: 2px 0 4px;
}
.ant-form-explain,
.ant-form-extra {
  clear: both;
  min-height: 19px;
  margin-top: -2px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
  line-height: 1.5;
  transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.ant-form-explain {
  margin-bottom: -1px;
}
.ant-form-extra {
  padding-top: 4px;
}
.ant-form-text {
  display: inline-block;
  padding-right: 8px;
}
.ant-form-split {
  display: block;
  text-align: center;
}
form .has-feedback .ant-input {
  padding-right: 30px;
}
form .has-feedback .ant-input-affix-wrapper .ant-input-suffix {
  padding-right: 18px;
}
form .has-feedback .ant-input-affix-wrapper .ant-input {
  padding-right: 49px;
}
form .has-feedback .ant-input-affix-wrapper.ant-input-affix-wrapper-input-with-clear-btn .ant-input {
  padding-right: 68px;
}
form .has-feedback > .ant-select .ant-select-arrow,
form .has-feedback > .ant-select .ant-select-selection__clear,
form .has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-arrow,
form .has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-selection__clear {
  right: 26px;
}
form .has-feedback > .ant-select .ant-select-selection-selected-value,
form .has-feedback :not(.ant-input-group-addon) > .ant-select .ant-select-selection-selected-value {
  padding-right: 42px;
}
form .has-feedback .ant-cascader-picker-arrow {
  margin-right: 15px;
}
form .has-feedback .ant-cascader-picker-clear {
  right: 26px;
}
form .has-feedback .ant-input-search:not(.ant-input-search-enter-button) .ant-input-suffix {
  right: 26px;
}
form .has-feedback .ant-calendar-picker-icon,
form .has-feedback .ant-time-picker-icon,
form .has-feedback .ant-calendar-picker-clear,
form .has-feedback .ant-time-picker-clear {
  right: 26px;
}
form .ant-mentions,
form textarea.ant-input {
  height: auto;
  margin-bottom: 4px;
}
form .ant-upload {
  background: transparent;
}
form input[type='radio'],
form input[type='checkbox'] {
  width: 14px;
  height: 14px;
}
form .ant-radio-inline,
form .ant-checkbox-inline {
  display: inline-block;
  margin-left: 8px;
  font-weight: normal;
  vertical-align: middle;
  cursor: pointer;
}
form .ant-radio-inline:first-child,
form .ant-checkbox-inline:first-child {
  margin-left: 0;
}
form .ant-checkbox-vertical,
form .ant-radio-vertical {
  display: block;
}
form .ant-checkbox-vertical + .ant-checkbox-vertical,
form .ant-radio-vertical + .ant-radio-vertical {
  margin-left: 0;
}
form .ant-input-number + .ant-form-text {
  margin-left: 8px;
}
form .ant-input-number-handler-wrap {
  z-index: 2;
}
form .ant-select,
form .ant-cascader-picker {
  width: 100%;
}
form .ant-input-group .ant-select,
form .ant-input-group .ant-cascader-picker {
  width: auto;
}
form :not(.ant-input-group-wrapper) > .ant-input-group,
form .ant-input-group-wrapper {
  display: inline-block;
  vertical-align: middle;
}
form:not(.ant-form-vertical) :not(.ant-input-group-wrapper) > .ant-input-group,
form:not(.ant-form-vertical) .ant-input-group-wrapper {
  position: relative;
  top: -1px;
}
.ant-form-vertical .ant-form-item-label,
.ant-col-24.ant-form-item-label,
.ant-col-xl-24.ant-form-item-label {
  display: block;
  margin: 0;
  padding: 0 0 8px;
  line-height: 1.5;
  white-space: initial;
  text-align: left;
}
.ant-form-vertical .ant-form-item-label label::after,
.ant-col-24.ant-form-item-label label::after,
.ant-col-xl-24.ant-form-item-label label::after {
  display: none;
}
.ant-form-vertical .ant-form-item {
  padding-bottom: 8px;
}
.ant-form-vertical .ant-form-item-control {
  line-height: 1.5;
}
.ant-form-vertical .ant-form-explain {
  margin-top: 2px;
  margin-bottom: -5px;
}
.ant-form-vertical .ant-form-extra {
  margin-top: 2px;
  margin-bottom: -4px;
}
@media (max-width: 575px) {
  .ant-form-item-label,
  .ant-form-item-control-wrapper {
    display: block;
    width: 100%;
  }
  .ant-form-item-label {
    display: block;
    margin: 0;
    padding: 0 0 8px;
    line-height: 1.5;
    white-space: initial;
    text-align: left;
  }
  .ant-form-item-label label::after {
    display: none;
  }
  .ant-col-xs-24.ant-form-item-label {
    display: block;
    margin: 0;
    padding: 0 0 8px;
    line-height: 1.5;
    white-space: initial;
    text-align: left;
  }
  .ant-col-xs-24.ant-form-item-label label::after {
    display: none;
  }
}
@media (max-width: 767px) {
  .ant-col-sm-24.ant-form-item-label {
    display: block;
    margin: 0;
    padding: 0 0 8px;
    line-height: 1.5;
    white-space: initial;
    text-align: left;
  }
  .ant-col-sm-24.ant-form-item-label label::after {
    display: none;
  }
}
@media (max-width: 991px) {
  .ant-col-md-24.ant-form-item-label {
    display: block;
    margin: 0;
    padding: 0 0 8px;
    line-height: 1.5;
    white-space: initial;
    text-align: left;
  }
  .ant-col-md-24.ant-form-item-label label::after {
    display: none;
  }
}
@media (max-width: 1199px) {
  .ant-col-lg-24.ant-form-item-label {
    display: block;
    margin: 0;
    padding: 0 0 8px;
    line-height: 1.5;
    white-space: initial;
    text-align: left;
  }
  .ant-col-lg-24.ant-form-item-label label::after {
    display: none;
  }
}
@media (max-width: 1599px) {
  .ant-col-xl-24.ant-form-item-label {
    display: block;
    margin: 0;
    padding: 0 0 8px;
    line-height: 1.5;
    white-space: initial;
    text-align: left;
  }
  .ant-col-xl-24.ant-form-item-label label::after {
    display: none;
  }
}
.ant-form-inline .ant-form-item {
  display: inline-block;
  margin-right: 16px;
  margin-bottom: 0;
}
.ant-form-inline .ant-form-item-with-help {
  margin-bottom: 24px;
}
.ant-form-inline .ant-form-item > .ant-form-item-control-wrapper,
.ant-form-inline .ant-form-item > .ant-form-item-label {
  display: inline-block;
  vertical-align: top;
}
.ant-form-inline .ant-form-text {
  display: inline-block;
}
.ant-form-inline .has-feedback {
  display: inline-block;
}
.has-success.has-feedback .ant-form-item-children-icon,
.has-warning.has-feedback .ant-form-item-children-icon,
.has-error.has-feedback .ant-form-item-children-icon,
.is-validating.has-feedback .ant-form-item-children-icon {
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 1;
  width: 32px;
  height: 20px;
  margin-top: -10px;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  visibility: visible;
  animation: zoomIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
  pointer-events: none;
}
.has-success.has-feedback .ant-form-item-children-icon svg,
.has-warning.has-feedback .ant-form-item-children-icon svg,
.has-error.has-feedback .ant-form-item-children-icon svg,
.is-validating.has-feedback .ant-form-item-children-icon svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.has-success.has-feedback .ant-form-item-children-icon {
  color: #52c41a;
  animation-name: diffZoomIn1 !important;
}
.has-warning .ant-form-explain,
.has-warning .ant-form-split {
  color: #faad14;
}
.has-warning .ant-input,
.has-warning .ant-input:hover {
  background-color: #fff;
  border-color: #faad14;
}
.has-warning .ant-input:focus {
  border-color: #ffc53d;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
}
.has-warning .ant-input:not([disabled]):hover {
  border-color: #faad14;
}
.has-warning .ant-calendar-picker-open .ant-calendar-picker-input {
  border-color: #ffc53d;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
}
.has-warning .ant-input-affix-wrapper .ant-input,
.has-warning .ant-input-affix-wrapper .ant-input:hover {
  background-color: #fff;
  border-color: #faad14;
}
.has-warning .ant-input-affix-wrapper .ant-input:focus {
  border-color: #ffc53d;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
}
.has-warning .ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) {
  border-color: #faad14;
}
.has-warning .ant-input-prefix {
  color: #faad14;
}
.has-warning .ant-input-group-addon {
  color: #faad14;
  background-color: #fff;
  border-color: #faad14;
}
.has-warning .has-feedback {
  color: #faad14;
}
.has-warning.has-feedback .ant-form-item-children-icon {
  color: #faad14;
  animation-name: diffZoomIn3 !important;
}
.has-warning .ant-select-selection {
  border-color: #faad14;
}
.has-warning .ant-select-selection:hover {
  border-color: #faad14;
}
.has-warning .ant-select-open .ant-select-selection,
.has-warning .ant-select-focused .ant-select-selection {
  border-color: #ffc53d;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
}
.has-warning .ant-calendar-picker-icon::after,
.has-warning .ant-time-picker-icon::after,
.has-warning .ant-picker-icon::after,
.has-warning .ant-select-arrow,
.has-warning .ant-cascader-picker-arrow {
  color: #faad14;
}
.has-warning .ant-input-number,
.has-warning .ant-time-picker-input {
  border-color: #faad14;
}
.has-warning .ant-input-number-focused,
.has-warning .ant-time-picker-input-focused,
.has-warning .ant-input-number:focus,
.has-warning .ant-time-picker-input:focus {
  border-color: #ffc53d;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
}
.has-warning .ant-input-number:not([disabled]):hover,
.has-warning .ant-time-picker-input:not([disabled]):hover {
  border-color: #faad14;
}
.has-warning .ant-cascader-picker:focus .ant-cascader-input {
  border-color: #ffc53d;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(250, 173, 20, 0.2);
}
.has-warning .ant-cascader-picker:hover .ant-cascader-input {
  border-color: #faad14;
}
.has-error .ant-form-explain,
.has-error .ant-form-split {
  color: #f5222d;
}
.has-error .ant-input,
.has-error .ant-input:hover {
  background-color: #fff;
  border-color: #f5222d;
}
.has-error .ant-input:focus {
  border-color: #ff4d4f;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
}
.has-error .ant-input:not([disabled]):hover {
  border-color: #f5222d;
}
.has-error .ant-calendar-picker-open .ant-calendar-picker-input {
  border-color: #ff4d4f;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
}
.has-error .ant-input-affix-wrapper .ant-input,
.has-error .ant-input-affix-wrapper .ant-input:hover {
  background-color: #fff;
  border-color: #f5222d;
}
.has-error .ant-input-affix-wrapper .ant-input:focus {
  border-color: #ff4d4f;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
}
.has-error .ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) {
  border-color: #f5222d;
}
.has-error .ant-input-prefix {
  color: #f5222d;
}
.has-error .ant-input-group-addon {
  color: #f5222d;
  background-color: #fff;
  border-color: #f5222d;
}
.has-error .has-feedback {
  color: #f5222d;
}
.has-error.has-feedback .ant-form-item-children-icon {
  color: #f5222d;
  animation-name: diffZoomIn2 !important;
}
.has-error .ant-select-selection {
  border-color: #f5222d;
}
.has-error .ant-select-selection:hover {
  border-color: #f5222d;
}
.has-error .ant-select-open .ant-select-selection,
.has-error .ant-select-focused .ant-select-selection {
  border-color: #ff4d4f;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
}
.has-error .ant-select.ant-select-auto-complete .ant-input:focus {
  border-color: #f5222d;
}
.has-error .ant-input-group-addon .ant-select-selection {
  border-color: transparent;
  box-shadow: none;
}
.has-error .ant-calendar-picker-icon::after,
.has-error .ant-time-picker-icon::after,
.has-error .ant-picker-icon::after,
.has-error .ant-select-arrow,
.has-error .ant-cascader-picker-arrow {
  color: #f5222d;
}
.has-error .ant-input-number,
.has-error .ant-time-picker-input {
  border-color: #f5222d;
}
.has-error .ant-input-number-focused,
.has-error .ant-time-picker-input-focused,
.has-error .ant-input-number:focus,
.has-error .ant-time-picker-input:focus {
  border-color: #ff4d4f;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
}
.has-error .ant-input-number:not([disabled]):hover,
.has-error .ant-time-picker-input:not([disabled]):hover {
  border-color: #f5222d;
}
.has-error .ant-mention-wrapper .ant-mention-editor,
.has-error .ant-mention-wrapper .ant-mention-editor:not([disabled]):hover {
  border-color: #f5222d;
}
.has-error .ant-mention-wrapper.ant-mention-active:not([disabled]) .ant-mention-editor,
.has-error .ant-mention-wrapper .ant-mention-editor:not([disabled]):focus {
  border-color: #ff4d4f;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
}
.has-error .ant-cascader-picker:focus .ant-cascader-input {
  border-color: #ff4d4f;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
}
.has-error .ant-cascader-picker:hover .ant-cascader-input {
  border-color: #f5222d;
}
.has-error .ant-transfer-list {
  border-color: #f5222d;
}
.has-error .ant-transfer-list-search:not([disabled]) {
  border-color: #d9d9d9;
}
.has-error .ant-transfer-list-search:not([disabled]):hover {
  border-color: #669eff;
  border-right-width: 1px !important;
}
.has-error .ant-transfer-list-search:not([disabled]):focus {
  border-color: #669eff;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(58, 120, 242, 0.2);
}
.is-validating.has-feedback .ant-form-item-children-icon {
  display: inline-block;
  color: #3A78F2;
}
.ant-advanced-search-form .ant-form-item {
  margin-bottom: 24px;
}
.ant-advanced-search-form .ant-form-item-with-help {
  margin-bottom: 8px;
}
.show-help-enter,
.show-help-appear {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.show-help-leave {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-play-state: paused;
}
.show-help-enter.show-help-enter-active,
.show-help-appear.show-help-appear-active {
  animation-name: antShowHelpIn;
  animation-play-state: running;
}
.show-help-leave.show-help-leave-active {
  animation-name: antShowHelpOut;
  animation-play-state: running;
  pointer-events: none;
}
.show-help-enter,
.show-help-appear {
  opacity: 0;
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
.show-help-leave {
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}
@keyframes antShowHelpIn {
  0% {
    transform: translateY(-5px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes antShowHelpOut {
  to {
    transform: translateY(-5px);
    opacity: 0;
  }
}
@keyframes diffZoomIn1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes diffZoomIn2 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes diffZoomIn3 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-radio-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #000000D9;
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
}
.ant-radio-wrapper {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #000000D9;
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  margin-right: 8px;
  white-space: nowrap;
  cursor: pointer;
}
.ant-radio {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #000000D9;
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  vertical-align: sub;
  outline: none;
  cursor: pointer;
}
.ant-radio-wrapper:hover .ant-radio,
.ant-radio:hover .ant-radio-inner,
.ant-radio-input:focus + .ant-radio-inner {
  border-color: #3A78F2;
}
.ant-radio-input:focus + .ant-radio-inner {
  box-shadow: 0 0 0 3px rgba(58, 120, 242, 0.08);
}
.ant-radio-checked::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #3A78F2;
  border-radius: 50%;
  visibility: hidden;
  animation: antRadioEffect 0.36s ease-in-out;
  animation-fill-mode: both;
  content: '';
}
.ant-radio:hover::after,
.ant-radio-wrapper:hover .ant-radio::after {
  visibility: visible;
}
.ant-radio-inner {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  background-color: #fff;
  border-color: #d9d9d9;
  border-style: solid;
  border-width: 1px;
  border-radius: 100px;
  transition: all 0.3s;
}
.ant-radio-inner::after {
  position: absolute;
  top: 3px;
  left: 3px;
  display: table;
  width: 8px;
  height: 8px;
  background-color: #3A78F2;
  border-top: 0;
  border-left: 0;
  border-radius: 8px;
  transform: scale(0);
  opacity: 0;
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  content: ' ';
}
.ant-radio-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  cursor: pointer;
  opacity: 0;
}
.ant-radio-checked .ant-radio-inner {
  border-color: #3A78F2;
}
.ant-radio-checked .ant-radio-inner::after {
  transform: scale(1);
  opacity: 1;
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-radio-disabled .ant-radio-inner {
  background-color: #f5f5f5;
  border-color: #d9d9d9 !important;
  cursor: not-allowed;
}
.ant-radio-disabled .ant-radio-inner::after {
  background-color: rgba(0, 0, 0, 0.2);
}
.ant-radio-disabled .ant-radio-input {
  cursor: not-allowed;
}
.ant-radio-disabled + span {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
span.ant-radio + * {
  padding-right: 8px;
  padding-left: 8px;
}
.ant-radio-button-wrapper {
  position: relative;
  display: inline-block;
  height: 32px;
  margin: 0;
  padding: 0 15px;
  color: #000000D9;
  line-height: 30px;
  background: #fff;
  border: 1px solid #d9d9d9;
  border-top-width: 1.02px;
  border-left: 0;
  cursor: pointer;
  transition: color 0.3s, background 0.3s, border-color 0.3s;
}
.ant-radio-button-wrapper a {
  color: #000000D9;
}
.ant-radio-button-wrapper > .ant-radio-button {
  display: block;
  width: 0;
  height: 0;
  margin-left: 0;
}
.ant-radio-group-large .ant-radio-button-wrapper {
  height: 40px;
  font-size: 14px;
  line-height: 38px;
}
.ant-radio-group-small .ant-radio-button-wrapper {
  height: 24px;
  padding: 0 7px;
  line-height: 22px;
}
.ant-radio-button-wrapper:not(:first-child)::before {
  position: absolute;
  top: 0;
  left: -1px;
  display: block;
  width: 1px;
  height: 100%;
  background-color: #d9d9d9;
  content: '';
}
.ant-radio-button-wrapper:first-child {
  border-left: 1px solid #d9d9d9;
  border-radius: 4px 0 0 4px;
}
.ant-radio-button-wrapper:last-child {
  border-radius: 0 4px 4px 0;
}
.ant-radio-button-wrapper:first-child:last-child {
  border-radius: 4px;
}
.ant-radio-button-wrapper:hover {
  position: relative;
  color: #3A78F2;
}
.ant-radio-button-wrapper:focus-within {
  outline: 3px solid rgba(58, 120, 242, 0.06);
}
.ant-radio-button-wrapper .ant-radio-inner,
.ant-radio-button-wrapper input[type='checkbox'],
.ant-radio-button-wrapper input[type='radio'] {
  width: 0;
  height: 0;
  opacity: 0;
  pointer-events: none;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
  z-index: 1;
  color: #3A78F2;
  background: #fff;
  border-color: #3A78F2;
  box-shadow: -1px 0 0 0 #3A78F2;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {
  background-color: #3A78F2 !important;
  opacity: 0.1;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):first-child {
  border-color: #3A78F2;
  box-shadow: none !important;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
  color: #669eff;
  border-color: #669eff;
  box-shadow: -1px 0 0 0 #669eff;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {
  color: #2758cc;
  border-color: #2758cc;
  box-shadow: -1px 0 0 0 #2758cc;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
  outline: 3px solid rgba(58, 120, 242, 0.06);
}
.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
  color: #fff;
  background: #3A78F2;
  border-color: #3A78F2;
}
.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
  color: #fff;
  background: #669eff;
  border-color: #669eff;
}
.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):active {
  color: #fff;
  background: #2758cc;
  border-color: #2758cc;
}
.ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within {
  outline: 3px solid rgba(58, 120, 242, 0.06);
}
.ant-radio-button-wrapper-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  cursor: not-allowed;
}
.ant-radio-button-wrapper-disabled:first-child,
.ant-radio-button-wrapper-disabled:hover {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
}
.ant-radio-button-wrapper-disabled:first-child {
  border-left-color: #d9d9d9;
}
.ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked {
  color: #fff;
  background-color: #e6e6e6;
  border-color: #d9d9d9;
  box-shadow: none;
}
@keyframes antRadioEffect {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }
  100% {
    transform: scale(1.6);
    opacity: 0;
  }
}
@supports (-moz-appearance: meterbar) and (background-blend-mode: difference, normal) {
  .ant-radio {
    vertical-align: text-bottom;
  }
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-nav-container {
  height: 40px;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-ink-bar {
  visibility: hidden;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab {
  height: 40px;
  margin: 0;
  margin-right: 2px;
  padding: 0 16px;
  line-height: 38px;
  background: #fafafa;
  border: 1px solid #e8e8e8;
  border-radius: 4px 4px 0 0;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active {
  height: 40px;
  color: #3A78F2;
  background: #fff;
  border-color: #e8e8e8;
  border-bottom: 1px solid #fff;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active::before {
  border-top: 2px solid transparent;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-disabled {
  color: #3A78F2;
  color: rgba(0, 0, 0, 0.25);
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-inactive {
  padding: 0;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-nav-wrap {
  margin-bottom: 0;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab .ant-tabs-close-x {
  width: 16px;
  height: 16px;
  height: 12px;
  margin-right: -5px;
  margin-left: 3px;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
  vertical-align: middle;
  transition: all 0.3s;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab .ant-tabs-close-x:hover {
  color: rgba(0, 0, 0, 0.85);
}
.ant-tabs.ant-tabs-card .ant-tabs-card-content > .ant-tabs-tabpane,
.ant-tabs.ant-tabs-editable-card .ant-tabs-card-content > .ant-tabs-tabpane {
  transition: none !important;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-content > .ant-tabs-tabpane-inactive,
.ant-tabs.ant-tabs-editable-card .ant-tabs-card-content > .ant-tabs-tabpane-inactive {
  overflow: hidden;
}
.ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab:hover .anticon-close {
  opacity: 1;
}
.ant-tabs-extra-content {
  line-height: 42px;
}
.ant-tabs-extra-content .ant-tabs-new-tab {
  position: relative;
  width: 20px;
  height: 20px;
  color: #000000D9;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  border: 1px solid #e8e8e8;
  border-radius: 2px;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-tabs-extra-content .ant-tabs-new-tab:hover {
  color: #3A78F2;
  border-color: #3A78F2;
}
.ant-tabs-extra-content .ant-tabs-new-tab svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.ant-tabs.ant-tabs-large .ant-tabs-extra-content {
  line-height: 53px;
}
.ant-tabs.ant-tabs-small .ant-tabs-extra-content {
  line-height: 34px;
}
.ant-tabs.ant-tabs-card .ant-tabs-extra-content {
  line-height: 40px;
}
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-nav-container,
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-nav-container {
  height: 100%;
}
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab,
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab {
  margin-bottom: 8px;
  border-bottom: 1px solid #e8e8e8;
}
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab-active,
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab-active {
  padding-bottom: 4px;
}
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab:last-child,
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab:last-child {
  margin-bottom: 8px;
}
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-new-tab,
.ant-tabs-vertical.ant-tabs-card .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-new-tab {
  width: 90%;
}
.ant-tabs-vertical.ant-tabs-card.ant-tabs-left .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-nav-wrap {
  margin-right: 0;
}
.ant-tabs-vertical.ant-tabs-card.ant-tabs-left .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab {
  margin-right: 1px;
  border-right: 0;
  border-radius: 4px 0 0 4px;
}
.ant-tabs-vertical.ant-tabs-card.ant-tabs-left .ant-tabs-card-bar.ant-tabs-left-bar .ant-tabs-tab-active {
  margin-right: -1px;
  padding-right: 18px;
}
.ant-tabs-vertical.ant-tabs-card.ant-tabs-right .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-nav-wrap {
  margin-left: 0;
}
.ant-tabs-vertical.ant-tabs-card.ant-tabs-right .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab {
  margin-left: 1px;
  border-left: 0;
  border-radius: 0 4px 4px 0;
}
.ant-tabs-vertical.ant-tabs-card.ant-tabs-right .ant-tabs-card-bar.ant-tabs-right-bar .ant-tabs-tab-active {
  margin-left: -1px;
  padding-left: 18px;
}
.ant-tabs .ant-tabs-card-bar.ant-tabs-bottom-bar .ant-tabs-tab {
  height: auto;
  border-top: 0;
  border-bottom: 1px solid #e8e8e8;
  border-radius: 0 0 4px 4px;
}
.ant-tabs .ant-tabs-card-bar.ant-tabs-bottom-bar .ant-tabs-tab-active {
  padding-top: 1px;
  padding-bottom: 0;
  color: #3A78F2;
}
.ant-tabs {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #000000D9;
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  overflow: hidden;
  zoom: 1;
}
.ant-tabs::before,
.ant-tabs::after {
  display: table;
  content: '';
}
.ant-tabs::after {
  clear: both;
}
.ant-tabs-ink-bar {
  position: absolute;
  bottom: 1px;
  left: 0;
  z-index: 1;
  box-sizing: border-box;
  width: 0;
  height: 2px;
  background-color: #3A78F2;
  transform-origin: 0 0;
}
.ant-tabs-bar {
  margin: 0 0 16px 0;
  border-bottom: 1px solid #e8e8e8;
  outline: none;
  transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-tabs-nav-container {
  position: relative;
  box-sizing: border-box;
  margin-bottom: -1px;
  overflow: hidden;
  font-size: 12px;
  line-height: 1.5;
  white-space: nowrap;
  transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  zoom: 1;
}
.ant-tabs-nav-container::before,
.ant-tabs-nav-container::after {
  display: table;
  content: '';
}
.ant-tabs-nav-container::after {
  clear: both;
}
.ant-tabs-nav-container-scrolling {
  padding-right: 32px;
  padding-left: 32px;
}
.ant-tabs-bottom .ant-tabs-bottom-bar {
  margin-top: 16px;
  margin-bottom: 0;
  border-top: 1px solid #e8e8e8;
  border-bottom: none;
}
.ant-tabs-bottom .ant-tabs-bottom-bar .ant-tabs-ink-bar {
  top: 1px;
  bottom: auto;
}
.ant-tabs-bottom .ant-tabs-bottom-bar .ant-tabs-nav-container {
  margin-top: -1px;
  margin-bottom: 0;
}
.ant-tabs-tab-prev,
.ant-tabs-tab-next {
  position: absolute;
  z-index: 2;
  width: 0;
  height: 100%;
  color: rgba(0, 0, 0, 0.45);
  text-align: center;
  background-color: transparent;
  border: 0;
  cursor: pointer;
  opacity: 0;
  transition: width 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  user-select: none;
  pointer-events: none;
}
.ant-tabs-tab-prev.ant-tabs-tab-arrow-show,
.ant-tabs-tab-next.ant-tabs-tab-arrow-show {
  width: 32px;
  height: 100%;
  opacity: 1;
  pointer-events: auto;
}
.ant-tabs-tab-prev:hover,
.ant-tabs-tab-next:hover {
  color: #000000D9;
}
.ant-tabs-tab-prev-icon,
.ant-tabs-tab-next-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  font-weight: bold;
  font-style: normal;
  font-variant: normal;
  line-height: inherit;
  text-align: center;
  text-transform: none;
  transform: translate(-50%, -50%);
}
.ant-tabs-tab-prev-icon-target,
.ant-tabs-tab-next-icon-target {
  display: block;
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  transform: scale(0.83333333) rotate(0deg);
}
:root .ant-tabs-tab-prev-icon-target,
:root .ant-tabs-tab-next-icon-target {
  font-size: 12px;
}
.ant-tabs-tab-btn-disabled {
  cursor: not-allowed;
}
.ant-tabs-tab-btn-disabled,
.ant-tabs-tab-btn-disabled:hover {
  color: rgba(0, 0, 0, 0.25);
}
.ant-tabs-tab-next {
  right: 2px;
}
.ant-tabs-tab-prev {
  left: 0;
}
:root .ant-tabs-tab-prev {
  filter: none;
}
.ant-tabs-nav-wrap {
  margin-bottom: -1px;
  overflow: hidden;
}
.ant-tabs-nav-scroll {
  overflow: hidden;
  white-space: nowrap;
}
.ant-tabs-nav {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  margin: 0;
  padding-left: 0;
  list-style: none;
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-tabs-nav::before,
.ant-tabs-nav::after {
  display: table;
  content: ' ';
}
.ant-tabs-nav::after {
  clear: both;
}
.ant-tabs-nav .ant-tabs-tab {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  height: 100%;
  margin: 0 32px 0 0;
  padding: 12px 16px;
  text-decoration: none;
  cursor: pointer;
  transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-tabs-nav .ant-tabs-tab::before {
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
  border-top: 2px solid transparent;
  border-radius: 4px 4px 0 0;
  transition: all 0.3s;
  content: '';
  pointer-events: none;
}
.ant-tabs-nav .ant-tabs-tab:last-child {
  margin-right: 0;
}
.ant-tabs-nav .ant-tabs-tab:hover {
  color: #669eff;
}
.ant-tabs-nav .ant-tabs-tab:active {
  color: #2758cc;
}
.ant-tabs-nav .ant-tabs-tab .anticon {
  margin-right: 8px;
}
.ant-tabs-nav .ant-tabs-tab-active {
  color: #3A78F2;
  font-weight: 500;
}
.ant-tabs-nav .ant-tabs-tab-disabled,
.ant-tabs-nav .ant-tabs-tab-disabled:hover {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-tabs .ant-tabs-large-bar .ant-tabs-nav-container {
  font-size: 14px;
}
.ant-tabs .ant-tabs-large-bar .ant-tabs-tab {
  padding: 16px;
}
.ant-tabs .ant-tabs-small-bar .ant-tabs-nav-container {
  font-size: 12px;
}
.ant-tabs .ant-tabs-small-bar .ant-tabs-tab {
  padding: 8px 16px;
}
.ant-tabs-content::before {
  display: block;
  overflow: hidden;
  content: '';
}
.ant-tabs .ant-tabs-top-content,
.ant-tabs .ant-tabs-bottom-content {
  width: 100%;
}
.ant-tabs .ant-tabs-top-content > .ant-tabs-tabpane,
.ant-tabs .ant-tabs-bottom-content > .ant-tabs-tabpane {
  flex-shrink: 0;
  width: 100%;
  -webkit-backface-visibility: hidden;
  opacity: 1;
  transition: opacity 0.45s;
}
.ant-tabs .ant-tabs-top-content > .ant-tabs-tabpane-inactive,
.ant-tabs .ant-tabs-bottom-content > .ant-tabs-tabpane-inactive {
  height: 0;
  padding: 0 !important;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}
.ant-tabs .ant-tabs-top-content > .ant-tabs-tabpane-inactive input,
.ant-tabs .ant-tabs-bottom-content > .ant-tabs-tabpane-inactive input {
  visibility: hidden;
}
.ant-tabs .ant-tabs-top-content.ant-tabs-content-animated,
.ant-tabs .ant-tabs-bottom-content.ant-tabs-content-animated {
  display: flex;
  flex-direction: row;
  transition: margin-left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  will-change: margin-left;
}
.ant-tabs .ant-tabs-left-bar,
.ant-tabs .ant-tabs-right-bar {
  height: 100%;
  border-bottom: 0;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-tab-arrow-show,
.ant-tabs .ant-tabs-right-bar .ant-tabs-tab-arrow-show {
  width: 100%;
  height: 32px;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-tab,
.ant-tabs .ant-tabs-right-bar .ant-tabs-tab {
  display: block;
  float: none;
  margin: 0 0 16px 0;
  padding: 8px 24px;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-tab:last-child,
.ant-tabs .ant-tabs-right-bar .ant-tabs-tab:last-child {
  margin-bottom: 0;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-extra-content,
.ant-tabs .ant-tabs-right-bar .ant-tabs-extra-content {
  text-align: center;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-scroll,
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-scroll {
  width: auto;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-container,
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-container,
.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-wrap,
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-wrap {
  height: 100%;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-container,
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-container {
  margin-bottom: 0;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-container.ant-tabs-nav-container-scrolling,
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-container.ant-tabs-nav-container-scrolling {
  padding: 32px 0;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-wrap,
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-wrap {
  margin-bottom: 0;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-nav,
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav {
  width: 100%;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-ink-bar,
.ant-tabs .ant-tabs-right-bar .ant-tabs-ink-bar {
  top: 0;
  bottom: auto;
  left: auto;
  width: 2px;
  height: 0;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-tab-next,
.ant-tabs .ant-tabs-right-bar .ant-tabs-tab-next {
  right: 0;
  bottom: 0;
  width: 100%;
  height: 32px;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-tab-prev,
.ant-tabs .ant-tabs-right-bar .ant-tabs-tab-prev {
  top: 0;
  width: 100%;
  height: 32px;
}
.ant-tabs .ant-tabs-left-content,
.ant-tabs .ant-tabs-right-content {
  width: auto;
  margin-top: 0 !important;
  overflow: hidden;
}
.ant-tabs .ant-tabs-left-bar {
  float: left;
  margin-right: -1px;
  margin-bottom: 0;
  border-right: 1px solid #e8e8e8;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-tab {
  text-align: right;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-container {
  margin-right: -1px;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-nav-wrap {
  margin-right: -1px;
}
.ant-tabs .ant-tabs-left-bar .ant-tabs-ink-bar {
  right: 1px;
}
.ant-tabs .ant-tabs-left-content {
  padding-left: 24px;
  border-left: 1px solid #e8e8e8;
}
.ant-tabs .ant-tabs-right-bar {
  float: right;
  margin-bottom: 0;
  margin-left: -1px;
  border-left: 1px solid #e8e8e8;
}
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-container {
  margin-left: -1px;
}
.ant-tabs .ant-tabs-right-bar .ant-tabs-nav-wrap {
  margin-left: -1px;
}
.ant-tabs .ant-tabs-right-bar .ant-tabs-ink-bar {
  left: 1px;
}
.ant-tabs .ant-tabs-right-content {
  padding-right: 24px;
  border-right: 1px solid #e8e8e8;
}
.ant-tabs-top .ant-tabs-ink-bar-animated,
.ant-tabs-bottom .ant-tabs-ink-bar-animated {
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), width 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), left 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-tabs-left .ant-tabs-ink-bar-animated,
.ant-tabs-right .ant-tabs-ink-bar-animated {
  transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), height 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), top 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.no-flex > .ant-tabs-content > .ant-tabs-content-animated,
.ant-tabs-no-animation > .ant-tabs-content > .ant-tabs-content-animated {
  margin-left: 0 !important;
  transform: none !important;
}
.no-flex > .ant-tabs-content > .ant-tabs-tabpane-inactive,
.ant-tabs-no-animation > .ant-tabs-content > .ant-tabs-tabpane-inactive {
  height: 0;
  padding: 0 !important;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}
.no-flex > .ant-tabs-content > .ant-tabs-tabpane-inactive input,
.ant-tabs-no-animation > .ant-tabs-content > .ant-tabs-tabpane-inactive input {
  visibility: hidden;
}
.ant-tabs-left-content > .ant-tabs-content-animated,
.ant-tabs-right-content > .ant-tabs-content-animated {
  margin-left: 0 !important;
  transform: none !important;
}
.ant-tabs-left-content > .ant-tabs-tabpane-inactive,
.ant-tabs-right-content > .ant-tabs-tabpane-inactive {
  height: 0;
  padding: 0 !important;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
}
.ant-tabs-left-content > .ant-tabs-tabpane-inactive input,
.ant-tabs-right-content > .ant-tabs-tabpane-inactive input {
  visibility: hidden;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-select-auto-complete {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #000000D9;
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
}
.ant-select-auto-complete.ant-select .ant-select-selection {
  border: 0;
  box-shadow: none;
}
.ant-select-auto-complete.ant-select .ant-select-selection__rendered {
  height: 100%;
  margin-right: 0;
  margin-left: 0;
  line-height: 32px;
}
.ant-select-auto-complete.ant-select .ant-select-selection__placeholder {
  margin-right: 12px;
  margin-left: 12px;
}
.ant-select-auto-complete.ant-select .ant-select-selection--single {
  height: auto;
}
.ant-select-auto-complete.ant-select .ant-select-search--inline {
  position: static;
  float: left;
}
.ant-select-auto-complete.ant-select-allow-clear .ant-select-selection:hover .ant-select-selection__rendered {
  margin-right: 0 !important;
}
.ant-select-auto-complete.ant-select .ant-input {
  height: 32px;
  line-height: 1.5;
  background: transparent;
  border-width: 1px;
}
.ant-select-auto-complete.ant-select .ant-input:focus,
.ant-select-auto-complete.ant-select .ant-input:hover {
  border-color: #669eff;
  border-right-width: 1px !important;
}
.ant-select-auto-complete.ant-select .ant-input[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
  background-color: transparent;
}
.ant-select-auto-complete.ant-select .ant-input[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-select-auto-complete.ant-select-lg .ant-select-selection__rendered {
  line-height: 40px;
}
.ant-select-auto-complete.ant-select-lg .ant-input {
  height: 40px;
  padding-top: 6px;
  padding-bottom: 6px;
}
.ant-select-auto-complete.ant-select-sm .ant-select-selection__rendered {
  line-height: 24px;
}
.ant-select-auto-complete.ant-select-sm .ant-input {
  height: 24px;
  padding-top: 1px;
  padding-bottom: 1px;
}
.ant-input-group > .ant-select-auto-complete .ant-select-search__field.ant-input-affix-wrapper {
  display: inline;
  float: none;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-calendar-picker-container {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #000000D9;
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: absolute;
  z-index: 1050;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
}
.ant-calendar-picker-container.slide-up-enter.slide-up-enter-active.ant-calendar-picker-container-placement-topLeft,
.ant-calendar-picker-container.slide-up-enter.slide-up-enter-active.ant-calendar-picker-container-placement-topRight,
.ant-calendar-picker-container.slide-up-appear.slide-up-appear-active.ant-calendar-picker-container-placement-topLeft,
.ant-calendar-picker-container.slide-up-appear.slide-up-appear-active.ant-calendar-picker-container-placement-topRight {
  animation-name: antSlideDownIn;
}
.ant-calendar-picker-container.slide-up-enter.slide-up-enter-active.ant-calendar-picker-container-placement-bottomLeft,
.ant-calendar-picker-container.slide-up-enter.slide-up-enter-active.ant-calendar-picker-container-placement-bottomRight,
.ant-calendar-picker-container.slide-up-appear.slide-up-appear-active.ant-calendar-picker-container-placement-bottomLeft,
.ant-calendar-picker-container.slide-up-appear.slide-up-appear-active.ant-calendar-picker-container-placement-bottomRight {
  animation-name: antSlideUpIn;
}
.ant-calendar-picker-container.slide-up-leave.slide-up-leave-active.ant-calendar-picker-container-placement-topLeft,
.ant-calendar-picker-container.slide-up-leave.slide-up-leave-active.ant-calendar-picker-container-placement-topRight {
  animation-name: antSlideDownOut;
}
.ant-calendar-picker-container.slide-up-leave.slide-up-leave-active.ant-calendar-picker-container-placement-bottomLeft,
.ant-calendar-picker-container.slide-up-leave.slide-up-leave-active.ant-calendar-picker-container-placement-bottomRight {
  animation-name: antSlideUpOut;
}
.ant-calendar-picker {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #000000D9;
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  outline: none;
  cursor: text;
  transition: opacity 0.3s;
}
.ant-calendar-picker-input {
  outline: none;
}
.ant-calendar-picker-input.ant-input {
  line-height: 1.5;
}
.ant-calendar-picker-input.ant-input-sm {
  padding-top: 0;
  padding-bottom: 0;
}
.ant-calendar-picker:hover .ant-calendar-picker-input:not(.ant-input-disabled) {
  border-color: #669eff;
}
.ant-calendar-picker:focus .ant-calendar-picker-input:not(.ant-input-disabled) {
  border-color: #669eff;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(58, 120, 242, 0.2);
}
.ant-calendar-picker-clear,
.ant-calendar-picker-icon {
  position: absolute;
  top: 50%;
  right: 12px;
  z-index: 1;
  width: 14px;
  height: 14px;
  margin-top: -7px;
  font-size: 12px;
  line-height: 14px;
  transition: all 0.3s;
  user-select: none;
}
.ant-calendar-picker-clear {
  z-index: 2;
  color: rgba(0, 0, 0, 0.25);
  font-size: 12px;
  background: #fff;
  cursor: pointer;
  opacity: 0;
  pointer-events: none;
}
.ant-calendar-picker-clear:hover {
  color: rgba(0, 0, 0, 0.45);
}
.ant-calendar-picker:hover .ant-calendar-picker-clear {
  opacity: 1;
  pointer-events: auto;
}
.ant-calendar-picker-icon {
  display: inline-block;
  color: rgba(0, 0, 0, 0.25);
  font-size: 12px;
  line-height: 1;
}
.ant-input-disabled + .ant-calendar-picker-icon {
  cursor: not-allowed;
}
.ant-calendar-picker-small .ant-calendar-picker-clear,
.ant-calendar-picker-small .ant-calendar-picker-icon {
  right: 8px;
}
.ant-calendar {
  position: relative;
  width: 280px;
  font-size: 12px;
  line-height: 1.5;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #fff;
  border-radius: 4px;
  outline: none;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-calendar-input-wrap {
  height: 34px;
  padding: 6px 10px;
  border-bottom: 1px solid #e8e8e8;
}
.ant-calendar-input {
  width: 100%;
  height: 22px;
  color: #000000D9;
  background: #fff;
  border: 0;
  outline: 0;
  cursor: auto;
}
.ant-calendar-input::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.ant-calendar-input:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-calendar-input::-webkit-input-placeholder {
  color: #bfbfbf;
}
.ant-calendar-input:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-calendar-week-number {
  width: 286px;
}
.ant-calendar-week-number-cell {
  text-align: center;
}
.ant-calendar-header {
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-bottom: 1px solid #e8e8e8;
  user-select: none;
}
.ant-calendar-header a:hover {
  color: #669eff;
}
.ant-calendar-header .ant-calendar-century-select,
.ant-calendar-header .ant-calendar-decade-select,
.ant-calendar-header .ant-calendar-year-select,
.ant-calendar-header .ant-calendar-month-select {
  display: inline-block;
  padding: 0 2px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  line-height: 40px;
}
.ant-calendar-header .ant-calendar-century-select-arrow,
.ant-calendar-header .ant-calendar-decade-select-arrow,
.ant-calendar-header .ant-calendar-year-select-arrow,
.ant-calendar-header .ant-calendar-month-select-arrow {
  display: none;
}
.ant-calendar-header .ant-calendar-prev-century-btn,
.ant-calendar-header .ant-calendar-next-century-btn,
.ant-calendar-header .ant-calendar-prev-decade-btn,
.ant-calendar-header .ant-calendar-next-decade-btn,
.ant-calendar-header .ant-calendar-prev-month-btn,
.ant-calendar-header .ant-calendar-next-month-btn,
.ant-calendar-header .ant-calendar-prev-year-btn,
.ant-calendar-header .ant-calendar-next-year-btn {
  position: absolute;
  top: 0;
  display: inline-block;
  padding: 0 5px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 16px;
  font-family: Arial, 'Hiragino Sans GB', 'Microsoft Yahei', 'Microsoft Sans Serif', sans-serif;
  line-height: 40px;
}
.ant-calendar-header .ant-calendar-prev-century-btn,
.ant-calendar-header .ant-calendar-prev-decade-btn,
.ant-calendar-header .ant-calendar-prev-year-btn {
  left: 7px;
  height: 100%;
}
.ant-calendar-header .ant-calendar-prev-century-btn::before,
.ant-calendar-header .ant-calendar-prev-decade-btn::before,
.ant-calendar-header .ant-calendar-prev-year-btn::before,
.ant-calendar-header .ant-calendar-prev-century-btn::after,
.ant-calendar-header .ant-calendar-prev-decade-btn::after,
.ant-calendar-header .ant-calendar-prev-year-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  transform: rotate(-45deg) scale(0.8);
  transition: all 0.3s;
  content: '';
}
.ant-calendar-header .ant-calendar-prev-century-btn:hover::before,
.ant-calendar-header .ant-calendar-prev-decade-btn:hover::before,
.ant-calendar-header .ant-calendar-prev-year-btn:hover::before,
.ant-calendar-header .ant-calendar-prev-century-btn:hover::after,
.ant-calendar-header .ant-calendar-prev-decade-btn:hover::after,
.ant-calendar-header .ant-calendar-prev-year-btn:hover::after {
  border-color: #000000D9;
}
.ant-calendar-header .ant-calendar-prev-century-btn::after,
.ant-calendar-header .ant-calendar-prev-decade-btn::after,
.ant-calendar-header .ant-calendar-prev-year-btn::after {
  display: none;
}
.ant-calendar-header .ant-calendar-prev-century-btn::after,
.ant-calendar-header .ant-calendar-prev-decade-btn::after,
.ant-calendar-header .ant-calendar-prev-year-btn::after {
  position: relative;
  left: -3px;
  display: inline-block;
}
.ant-calendar-header .ant-calendar-next-century-btn,
.ant-calendar-header .ant-calendar-next-decade-btn,
.ant-calendar-header .ant-calendar-next-year-btn {
  right: 7px;
  height: 100%;
}
.ant-calendar-header .ant-calendar-next-century-btn::before,
.ant-calendar-header .ant-calendar-next-decade-btn::before,
.ant-calendar-header .ant-calendar-next-year-btn::before,
.ant-calendar-header .ant-calendar-next-century-btn::after,
.ant-calendar-header .ant-calendar-next-decade-btn::after,
.ant-calendar-header .ant-calendar-next-year-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  transform: rotate(-45deg) scale(0.8);
  transition: all 0.3s;
  content: '';
}
.ant-calendar-header .ant-calendar-next-century-btn:hover::before,
.ant-calendar-header .ant-calendar-next-decade-btn:hover::before,
.ant-calendar-header .ant-calendar-next-year-btn:hover::before,
.ant-calendar-header .ant-calendar-next-century-btn:hover::after,
.ant-calendar-header .ant-calendar-next-decade-btn:hover::after,
.ant-calendar-header .ant-calendar-next-year-btn:hover::after {
  border-color: #000000D9;
}
.ant-calendar-header .ant-calendar-next-century-btn::after,
.ant-calendar-header .ant-calendar-next-decade-btn::after,
.ant-calendar-header .ant-calendar-next-year-btn::after {
  display: none;
}
.ant-calendar-header .ant-calendar-next-century-btn::before,
.ant-calendar-header .ant-calendar-next-decade-btn::before,
.ant-calendar-header .ant-calendar-next-year-btn::before,
.ant-calendar-header .ant-calendar-next-century-btn::after,
.ant-calendar-header .ant-calendar-next-decade-btn::after,
.ant-calendar-header .ant-calendar-next-year-btn::after {
  transform: rotate(135deg) scale(0.8);
}
.ant-calendar-header .ant-calendar-next-century-btn::before,
.ant-calendar-header .ant-calendar-next-decade-btn::before,
.ant-calendar-header .ant-calendar-next-year-btn::before {
  position: relative;
  left: 3px;
}
.ant-calendar-header .ant-calendar-next-century-btn::after,
.ant-calendar-header .ant-calendar-next-decade-btn::after,
.ant-calendar-header .ant-calendar-next-year-btn::after {
  display: inline-block;
}
.ant-calendar-header .ant-calendar-prev-month-btn {
  left: 29px;
  height: 100%;
}
.ant-calendar-header .ant-calendar-prev-month-btn::before,
.ant-calendar-header .ant-calendar-prev-month-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  transform: rotate(-45deg) scale(0.8);
  transition: all 0.3s;
  content: '';
}
.ant-calendar-header .ant-calendar-prev-month-btn:hover::before,
.ant-calendar-header .ant-calendar-prev-month-btn:hover::after {
  border-color: #000000D9;
}
.ant-calendar-header .ant-calendar-prev-month-btn::after {
  display: none;
}
.ant-calendar-header .ant-calendar-next-month-btn {
  right: 29px;
  height: 100%;
}
.ant-calendar-header .ant-calendar-next-month-btn::before,
.ant-calendar-header .ant-calendar-next-month-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  transform: rotate(-45deg) scale(0.8);
  transition: all 0.3s;
  content: '';
}
.ant-calendar-header .ant-calendar-next-month-btn:hover::before,
.ant-calendar-header .ant-calendar-next-month-btn:hover::after {
  border-color: #000000D9;
}
.ant-calendar-header .ant-calendar-next-month-btn::after {
  display: none;
}
.ant-calendar-header .ant-calendar-next-month-btn::before,
.ant-calendar-header .ant-calendar-next-month-btn::after {
  transform: rotate(135deg) scale(0.8);
}
.ant-calendar-body {
  padding: 8px 12px;
}
.ant-calendar table {
  width: 100%;
  max-width: 100%;
  background-color: transparent;
  border-collapse: collapse;
}
.ant-calendar table,
.ant-calendar th,
.ant-calendar td {
  text-align: center;
  border: 0;
}
.ant-calendar-calendar-table {
  margin-bottom: 0;
  border-spacing: 0;
}
.ant-calendar-column-header {
  width: 33px;
  padding: 6px 0;
  line-height: 18px;
  text-align: center;
}
.ant-calendar-column-header .ant-calendar-column-header-inner {
  display: block;
  font-weight: normal;
}
.ant-calendar-week-number-header .ant-calendar-column-header-inner {
  display: none;
}
.ant-calendar-cell {
  height: 30px;
  padding: 3px 0;
}
.ant-calendar-date {
  display: block;
  width: 24px;
  height: 24px;
  margin: 0 auto;
  padding: 0;
  color: #000000D9;
  line-height: 22px;
  text-align: center;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 2px;
  transition: background 0.3s ease;
}
.ant-calendar-date-panel {
  position: relative;
  outline: none;
}
.ant-calendar-date:hover {
  background: #f0f7ff;
  cursor: pointer;
}
.ant-calendar-date:active {
  color: #fff;
  background: #669eff;
}
.ant-calendar-today .ant-calendar-date {
  color: #3A78F2;
  font-weight: bold;
  border-color: #3A78F2;
}
.ant-calendar-selected-day .ant-calendar-date {
  background: #e0efff;
}
.ant-calendar-last-month-cell .ant-calendar-date,
.ant-calendar-next-month-btn-day .ant-calendar-date,
.ant-calendar-last-month-cell .ant-calendar-date:hover,
.ant-calendar-next-month-btn-day .ant-calendar-date:hover {
  color: rgba(0, 0, 0, 0.25);
  background: transparent;
  border-color: transparent;
}
.ant-calendar-disabled-cell .ant-calendar-date {
  position: relative;
  width: auto;
  color: rgba(0, 0, 0, 0.25);
  background: #f5f5f5;
  border: 1px solid transparent;
  border-radius: 0;
  cursor: not-allowed;
}
.ant-calendar-disabled-cell .ant-calendar-date:hover {
  background: #f5f5f5;
}
.ant-calendar-disabled-cell.ant-calendar-selected-day .ant-calendar-date::before {
  position: absolute;
  top: -1px;
  left: 5px;
  width: 24px;
  height: 24px;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  content: '';
}
.ant-calendar-disabled-cell.ant-calendar-today .ant-calendar-date {
  position: relative;
  padding-right: 5px;
  padding-left: 5px;
}
.ant-calendar-disabled-cell.ant-calendar-today .ant-calendar-date::before {
  position: absolute;
  top: -1px;
  left: 5px;
  width: 24px;
  height: 24px;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 2px;
  content: ' ';
}
.ant-calendar-disabled-cell-first-of-row .ant-calendar-date {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.ant-calendar-disabled-cell-last-of-row .ant-calendar-date {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.ant-calendar-footer {
  padding: 0 12px;
  line-height: 38px;
  border-top: 1px solid #e8e8e8;
}
.ant-calendar-footer:empty {
  border-top: 0;
}
.ant-calendar-footer-btn {
  display: block;
  text-align: center;
}
.ant-calendar-footer-extra {
  text-align: left;
}
.ant-calendar .ant-calendar-today-btn,
.ant-calendar .ant-calendar-clear-btn {
  display: inline-block;
  margin: 0 0 0 8px;
  text-align: center;
}
.ant-calendar .ant-calendar-today-btn-disabled,
.ant-calendar .ant-calendar-clear-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-calendar .ant-calendar-today-btn:only-child,
.ant-calendar .ant-calendar-clear-btn:only-child {
  margin: 0;
}
.ant-calendar .ant-calendar-clear-btn {
  position: absolute;
  top: 7px;
  right: 5px;
  display: none;
  width: 20px;
  height: 20px;
  margin: 0;
  overflow: hidden;
  line-height: 20px;
  text-align: center;
  text-indent: -76px;
}
.ant-calendar .ant-calendar-clear-btn::after {
  display: inline-block;
  width: 20px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 12px;
  line-height: 1;
  text-indent: 43px;
  transition: color 0.3s ease;
}
.ant-calendar .ant-calendar-clear-btn:hover::after {
  color: rgba(0, 0, 0, 0.45);
}
.ant-calendar .ant-calendar-ok-btn {
  position: relative;
  display: inline-block;
  font-weight: 400;
  white-space: nowrap;
  text-align: center;
  background-image: none;
  border: 1px solid transparent;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.015);
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  user-select: none;
  touch-action: manipulation;
  height: 32px;
  padding: 0 15px;
  color: #fff;
  background-color: #3A78F2;
  border-color: #3A78F2;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.045);
  height: 24px;
  padding: 0 7px;
  font-size: 12px;
  border-radius: 4px;
  line-height: 22px;
}
.ant-calendar .ant-calendar-ok-btn > .anticon {
  line-height: 1;
}
.ant-calendar .ant-calendar-ok-btn,
.ant-calendar .ant-calendar-ok-btn:active,
.ant-calendar .ant-calendar-ok-btn:focus {
  outline: 0;
}
.ant-calendar .ant-calendar-ok-btn:not([disabled]):hover {
  text-decoration: none;
}
.ant-calendar .ant-calendar-ok-btn:not([disabled]):active {
  outline: 0;
  box-shadow: none;
}
.ant-calendar .ant-calendar-ok-btn.disabled,
.ant-calendar .ant-calendar-ok-btn[disabled] {
  cursor: not-allowed;
}
.ant-calendar .ant-calendar-ok-btn.disabled > *,
.ant-calendar .ant-calendar-ok-btn[disabled] > * {
  pointer-events: none;
}
.ant-calendar .ant-calendar-ok-btn-lg {
  height: 40px;
  padding: 0 15px;
  font-size: 14px;
  border-radius: 4px;
}
.ant-calendar .ant-calendar-ok-btn-sm {
  height: 24px;
  padding: 0 7px;
  font-size: 12px;
  border-radius: 4px;
}
.ant-calendar .ant-calendar-ok-btn > a:only-child {
  color: currentColor;
}
.ant-calendar .ant-calendar-ok-btn > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-calendar .ant-calendar-ok-btn:hover,
.ant-calendar .ant-calendar-ok-btn:focus {
  color: #fff;
  background-color: #669eff;
  border-color: #669eff;
}
.ant-calendar .ant-calendar-ok-btn:hover > a:only-child,
.ant-calendar .ant-calendar-ok-btn:focus > a:only-child {
  color: currentColor;
}
.ant-calendar .ant-calendar-ok-btn:hover > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn:focus > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-calendar .ant-calendar-ok-btn:active,
.ant-calendar .ant-calendar-ok-btn.active {
  color: #fff;
  background-color: #2758cc;
  border-color: #2758cc;
}
.ant-calendar .ant-calendar-ok-btn:active > a:only-child,
.ant-calendar .ant-calendar-ok-btn.active > a:only-child {
  color: currentColor;
}
.ant-calendar .ant-calendar-ok-btn:active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-calendar .ant-calendar-ok-btn-disabled,
.ant-calendar .ant-calendar-ok-btn.disabled,
.ant-calendar .ant-calendar-ok-btn[disabled],
.ant-calendar .ant-calendar-ok-btn-disabled:hover,
.ant-calendar .ant-calendar-ok-btn.disabled:hover,
.ant-calendar .ant-calendar-ok-btn[disabled]:hover,
.ant-calendar .ant-calendar-ok-btn-disabled:focus,
.ant-calendar .ant-calendar-ok-btn.disabled:focus,
.ant-calendar .ant-calendar-ok-btn[disabled]:focus,
.ant-calendar .ant-calendar-ok-btn-disabled:active,
.ant-calendar .ant-calendar-ok-btn.disabled:active,
.ant-calendar .ant-calendar-ok-btn[disabled]:active,
.ant-calendar .ant-calendar-ok-btn-disabled.active,
.ant-calendar .ant-calendar-ok-btn.disabled.active,
.ant-calendar .ant-calendar-ok-btn[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none;
}
.ant-calendar .ant-calendar-ok-btn-disabled > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled] > a:only-child,
.ant-calendar .ant-calendar-ok-btn-disabled:hover > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled:hover > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled]:hover > a:only-child,
.ant-calendar .ant-calendar-ok-btn-disabled:focus > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled:focus > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled]:focus > a:only-child,
.ant-calendar .ant-calendar-ok-btn-disabled:active > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled:active > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled]:active > a:only-child,
.ant-calendar .ant-calendar-ok-btn-disabled.active > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled.active > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled].active > a:only-child {
  color: currentColor;
}
.ant-calendar .ant-calendar-ok-btn-disabled > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled] > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn-disabled:hover > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled:hover > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled]:hover > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn-disabled:focus > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled:focus > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled]:focus > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn-disabled:active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled:active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled]:active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn-disabled.active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled.active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-calendar .ant-calendar-ok-btn-disabled,
.ant-calendar .ant-calendar-ok-btn.disabled,
.ant-calendar .ant-calendar-ok-btn[disabled],
.ant-calendar .ant-calendar-ok-btn-disabled:hover,
.ant-calendar .ant-calendar-ok-btn.disabled:hover,
.ant-calendar .ant-calendar-ok-btn[disabled]:hover,
.ant-calendar .ant-calendar-ok-btn-disabled:focus,
.ant-calendar .ant-calendar-ok-btn.disabled:focus,
.ant-calendar .ant-calendar-ok-btn[disabled]:focus,
.ant-calendar .ant-calendar-ok-btn-disabled:active,
.ant-calendar .ant-calendar-ok-btn.disabled:active,
.ant-calendar .ant-calendar-ok-btn[disabled]:active,
.ant-calendar .ant-calendar-ok-btn-disabled.active,
.ant-calendar .ant-calendar-ok-btn.disabled.active,
.ant-calendar .ant-calendar-ok-btn[disabled].active {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  text-shadow: none;
  box-shadow: none;
}
.ant-calendar .ant-calendar-ok-btn-disabled > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled] > a:only-child,
.ant-calendar .ant-calendar-ok-btn-disabled:hover > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled:hover > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled]:hover > a:only-child,
.ant-calendar .ant-calendar-ok-btn-disabled:focus > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled:focus > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled]:focus > a:only-child,
.ant-calendar .ant-calendar-ok-btn-disabled:active > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled:active > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled]:active > a:only-child,
.ant-calendar .ant-calendar-ok-btn-disabled.active > a:only-child,
.ant-calendar .ant-calendar-ok-btn.disabled.active > a:only-child,
.ant-calendar .ant-calendar-ok-btn[disabled].active > a:only-child {
  color: currentColor;
}
.ant-calendar .ant-calendar-ok-btn-disabled > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled] > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn-disabled:hover > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled:hover > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled]:hover > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn-disabled:focus > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled:focus > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled]:focus > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn-disabled:active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled:active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled]:active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn-disabled.active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn.disabled.active > a:only-child::after,
.ant-calendar .ant-calendar-ok-btn[disabled].active > a:only-child::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  content: '';
}
.ant-calendar-range-picker-input {
  width: 44%;
  height: 99%;
  text-align: center;
  background-color: transparent;
  border: 0;
  outline: 0;
}
.ant-calendar-range-picker-input::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.ant-calendar-range-picker-input:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-calendar-range-picker-input::-webkit-input-placeholder {
  color: #bfbfbf;
}
.ant-calendar-range-picker-input:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-calendar-range-picker-input[disabled] {
  cursor: not-allowed;
}
.ant-calendar-range-picker-separator {
  display: inline-block;
  min-width: 10px;
  height: 100%;
  color: rgba(0, 0, 0, 0.45);
  white-space: nowrap;
  text-align: center;
  vertical-align: top;
  pointer-events: none;
}
.ant-calendar-range {
  width: 552px;
  overflow: hidden;
}
.ant-calendar-range .ant-calendar-date-panel::after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: '.';
}
.ant-calendar-range-part {
  position: relative;
  width: 50%;
}
.ant-calendar-range-left {
  float: left;
}
.ant-calendar-range-left .ant-calendar-time-picker-inner {
  border-right: 1px solid #e8e8e8;
}
.ant-calendar-range-right {
  float: right;
}
.ant-calendar-range-right .ant-calendar-time-picker-inner {
  border-left: 1px solid #e8e8e8;
}
.ant-calendar-range-middle {
  position: absolute;
  left: 50%;
  z-index: 1;
  height: 34px;
  margin: 1px 0 0 0;
  padding: 0 200px 0 0;
  color: rgba(0, 0, 0, 0.45);
  line-height: 34px;
  text-align: center;
  transform: translateX(-50%);
  pointer-events: none;
}
.ant-calendar-range-right .ant-calendar-date-input-wrap {
  margin-left: -90px;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-range-middle {
  padding: 0 10px 0 0;
  transform: translateX(-50%);
}
.ant-calendar-range .ant-calendar-today :not(.ant-calendar-disabled-cell) :not(.ant-calendar-last-month-cell) :not(.ant-calendar-next-month-btn-day) .ant-calendar-date {
  color: #3A78F2;
  background: #e0efff;
  border-color: #3A78F2;
}
.ant-calendar-range .ant-calendar-selected-start-date .ant-calendar-date,
.ant-calendar-range .ant-calendar-selected-end-date .ant-calendar-date {
  color: #fff;
  background: #3A78F2;
  border: 1px solid transparent;
}
.ant-calendar-range .ant-calendar-selected-start-date .ant-calendar-date:hover,
.ant-calendar-range .ant-calendar-selected-end-date .ant-calendar-date:hover {
  background: #3A78F2;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-range-right .ant-calendar-date-input-wrap {
  margin-left: 0;
}
.ant-calendar-range .ant-calendar-input-wrap {
  position: relative;
  height: 34px;
}
.ant-calendar-range .ant-calendar-input,
.ant-calendar-range .ant-calendar-time-picker-input {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 32px;
  padding: 4px 11px;
  color: #000000D9;
  font-size: 12px;
  line-height: 1.5;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  transition: all 0.3s;
  height: 24px;
  padding-right: 0;
  padding-left: 0;
  line-height: 24px;
  border: 0;
  box-shadow: none;
}
.ant-calendar-range .ant-calendar-input::-moz-placeholder,
.ant-calendar-range .ant-calendar-time-picker-input::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.ant-calendar-range .ant-calendar-input:-ms-input-placeholder,
.ant-calendar-range .ant-calendar-time-picker-input:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-calendar-range .ant-calendar-input::-webkit-input-placeholder,
.ant-calendar-range .ant-calendar-time-picker-input::-webkit-input-placeholder {
  color: #bfbfbf;
}
.ant-calendar-range .ant-calendar-input:placeholder-shown,
.ant-calendar-range .ant-calendar-time-picker-input:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-calendar-range .ant-calendar-input:hover,
.ant-calendar-range .ant-calendar-time-picker-input:hover {
  border-color: #669eff;
  border-right-width: 1px !important;
}
.ant-calendar-range .ant-calendar-input:focus,
.ant-calendar-range .ant-calendar-time-picker-input:focus {
  border-color: #669eff;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(58, 120, 242, 0.2);
}
.ant-calendar-range .ant-calendar-input-disabled,
.ant-calendar-range .ant-calendar-time-picker-input-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-calendar-range .ant-calendar-input-disabled:hover,
.ant-calendar-range .ant-calendar-time-picker-input-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-calendar-range .ant-calendar-input[disabled],
.ant-calendar-range .ant-calendar-time-picker-input[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-calendar-range .ant-calendar-input[disabled]:hover,
.ant-calendar-range .ant-calendar-time-picker-input[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
textarea.ant-calendar-range .ant-calendar-input,
textarea.ant-calendar-range .ant-calendar-time-picker-input {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  line-height: 1.5;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}
.ant-calendar-range .ant-calendar-input-lg,
.ant-calendar-range .ant-calendar-time-picker-input-lg {
  height: 40px;
  padding: 6px 11px;
  font-size: 14px;
}
.ant-calendar-range .ant-calendar-input-sm,
.ant-calendar-range .ant-calendar-time-picker-input-sm {
  height: 24px;
  padding: 1px 7px;
}
.ant-calendar-range .ant-calendar-input:focus,
.ant-calendar-range .ant-calendar-time-picker-input:focus {
  box-shadow: none;
}
.ant-calendar-range .ant-calendar-time-picker-icon {
  display: none;
}
.ant-calendar-range.ant-calendar-week-number {
  width: 574px;
}
.ant-calendar-range.ant-calendar-week-number .ant-calendar-range-part {
  width: 286px;
}
.ant-calendar-range .ant-calendar-year-panel,
.ant-calendar-range .ant-calendar-month-panel,
.ant-calendar-range .ant-calendar-decade-panel {
  top: 34px;
}
.ant-calendar-range .ant-calendar-month-panel .ant-calendar-year-panel {
  top: 0;
}
.ant-calendar-range .ant-calendar-decade-panel-table,
.ant-calendar-range .ant-calendar-year-panel-table,
.ant-calendar-range .ant-calendar-month-panel-table {
  height: 208px;
}
.ant-calendar-range .ant-calendar-in-range-cell {
  position: relative;
  border-radius: 0;
}
.ant-calendar-range .ant-calendar-in-range-cell > div {
  position: relative;
  z-index: 1;
}
.ant-calendar-range .ant-calendar-in-range-cell::before {
  position: absolute;
  top: 4px;
  right: 0;
  bottom: 4px;
  left: 0;
  display: block;
  background: #f0f7ff;
  border: 0;
  border-radius: 0;
  content: '';
}
.ant-calendar-range .ant-calendar-footer-extra {
  float: left;
}
div.ant-calendar-range-quick-selector {
  text-align: left;
}
div.ant-calendar-range-quick-selector > a {
  margin-right: 8px;
}
.ant-calendar-range .ant-calendar-header,
.ant-calendar-range .ant-calendar-month-panel-header,
.ant-calendar-range .ant-calendar-year-panel-header,
.ant-calendar-range .ant-calendar-decade-panel-header {
  border-bottom: 0;
}
.ant-calendar-range .ant-calendar-body,
.ant-calendar-range .ant-calendar-month-panel-body,
.ant-calendar-range .ant-calendar-year-panel-body,
.ant-calendar-range .ant-calendar-decade-panel-body {
  border-top: 1px solid #e8e8e8;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker {
  top: 68px;
  z-index: 2;
  width: 100%;
  height: 207px;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-panel {
  height: 267px;
  margin-top: -34px;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-inner {
  height: 100%;
  padding-top: 40px;
  background: none;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-combobox {
  display: inline-block;
  height: 100%;
  background-color: #fff;
  border-top: 1px solid #e8e8e8;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-select {
  height: 100%;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-time-picker-select ul {
  max-height: 100%;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-footer .ant-calendar-time-picker-btn {
  margin-right: 8px;
}
.ant-calendar-range.ant-calendar-time .ant-calendar-today-btn {
  height: 22px;
  margin: 8px 12px;
  line-height: 22px;
}
.ant-calendar-range-with-ranges.ant-calendar-time .ant-calendar-time-picker {
  height: 233px;
}
.ant-calendar-range.ant-calendar-show-time-picker .ant-calendar-body {
  border-top-color: transparent;
}
.ant-calendar-time-picker {
  position: absolute;
  top: 40px;
  width: 100%;
  background-color: #fff;
}
.ant-calendar-time-picker-panel {
  position: absolute;
  z-index: 1050;
  width: 100%;
}
.ant-calendar-time-picker-inner {
  position: relative;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  font-size: 12px;
  line-height: 1.5;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  outline: none;
}
.ant-calendar-time-picker-combobox {
  width: 100%;
}
.ant-calendar-time-picker-column-1,
.ant-calendar-time-picker-column-1 .ant-calendar-time-picker-select {
  width: 100%;
}
.ant-calendar-time-picker-column-2 .ant-calendar-time-picker-select {
  width: 50%;
}
.ant-calendar-time-picker-column-3 .ant-calendar-time-picker-select {
  width: 33.33%;
}
.ant-calendar-time-picker-column-4 .ant-calendar-time-picker-select {
  width: 25%;
}
.ant-calendar-time-picker-input-wrap {
  display: none;
}
.ant-calendar-time-picker-select {
  position: relative;
  float: left;
  height: 226px;
  overflow: hidden;
  font-size: 12px;
  border-right: 1px solid #e8e8e8;
}
.ant-calendar-time-picker-select:hover {
  overflow-y: auto;
}
.ant-calendar-time-picker-select:first-child {
  margin-left: 0;
  border-left: 0;
}
.ant-calendar-time-picker-select:last-child {
  border-right: 0;
}
.ant-calendar-time-picker-select ul {
  width: 100%;
  max-height: 206px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.ant-calendar-time-picker-select li {
  width: 100%;
  height: 24px;
  margin: 0;
  line-height: 24px;
  text-align: center;
  list-style: none;
  cursor: pointer;
  transition: all 0.3s;
  user-select: none;
}
.ant-calendar-time-picker-select li:last-child::after {
  display: block;
  height: 202px;
  content: '';
}
.ant-calendar-time-picker-select li:hover {
  background: #f0f7ff;
}
.ant-calendar-time-picker-select li:focus {
  color: #3A78F2;
  font-weight: 600;
  outline: none;
}
li.ant-calendar-time-picker-select-option-selected {
  font-weight: 600;
  background: #f5f5f5;
}
li.ant-calendar-time-picker-select-option-disabled {
  color: rgba(0, 0, 0, 0.25);
}
li.ant-calendar-time-picker-select-option-disabled:hover {
  background: transparent;
  cursor: not-allowed;
}
.ant-calendar-time .ant-calendar-day-select {
  display: inline-block;
  padding: 0 2px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  line-height: 34px;
}
.ant-calendar-time .ant-calendar-footer {
  position: relative;
  height: auto;
}
.ant-calendar-time .ant-calendar-footer-btn {
  text-align: right;
}
.ant-calendar-time .ant-calendar-footer .ant-calendar-today-btn {
  float: left;
  margin: 0;
}
.ant-calendar-time .ant-calendar-footer .ant-calendar-time-picker-btn {
  display: inline-block;
  margin-right: 8px;
}
.ant-calendar-time .ant-calendar-footer .ant-calendar-time-picker-btn-disabled {
  color: rgba(0, 0, 0, 0.25);
}
.ant-calendar-month-panel {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  background: #fff;
  border-radius: 4px;
  outline: none;
}
.ant-calendar-month-panel > div {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.ant-calendar-month-panel-hidden {
  display: none;
}
.ant-calendar-month-panel-header {
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-bottom: 1px solid #e8e8e8;
  user-select: none;
  position: relative;
}
.ant-calendar-month-panel-header a:hover {
  color: #669eff;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-century-select,
.ant-calendar-month-panel-header .ant-calendar-month-panel-decade-select,
.ant-calendar-month-panel-header .ant-calendar-month-panel-year-select,
.ant-calendar-month-panel-header .ant-calendar-month-panel-month-select {
  display: inline-block;
  padding: 0 2px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  line-height: 40px;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-century-select-arrow,
.ant-calendar-month-panel-header .ant-calendar-month-panel-decade-select-arrow,
.ant-calendar-month-panel-header .ant-calendar-month-panel-year-select-arrow,
.ant-calendar-month-panel-header .ant-calendar-month-panel-month-select-arrow {
  display: none;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn {
  position: absolute;
  top: 0;
  display: inline-block;
  padding: 0 5px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 16px;
  font-family: Arial, 'Hiragino Sans GB', 'Microsoft Yahei', 'Microsoft Sans Serif', sans-serif;
  line-height: 40px;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn {
  left: 7px;
  height: 100%;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  transform: rotate(-45deg) scale(0.8);
  transition: all 0.3s;
  content: '';
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn:hover::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn:hover::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn:hover::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn:hover::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn:hover::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn:hover::after {
  border-color: #000000D9;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn::after {
  display: none;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-century-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-decade-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-year-btn::after {
  position: relative;
  left: -3px;
  display: inline-block;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn {
  right: 7px;
  height: 100%;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  transform: rotate(-45deg) scale(0.8);
  transition: all 0.3s;
  content: '';
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn:hover::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn:hover::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn:hover::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn:hover::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn:hover::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn:hover::after {
  border-color: #000000D9;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn::after {
  display: none;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn::after {
  transform: rotate(135deg) scale(0.8);
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn::before {
  position: relative;
  left: 3px;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-century-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-decade-btn::after,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-year-btn::after {
  display: inline-block;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn {
  left: 29px;
  height: 100%;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  transform: rotate(-45deg) scale(0.8);
  transition: all 0.3s;
  content: '';
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn:hover::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn:hover::after {
  border-color: #000000D9;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-prev-month-btn::after {
  display: none;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn {
  right: 29px;
  height: 100%;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  transform: rotate(-45deg) scale(0.8);
  transition: all 0.3s;
  content: '';
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn:hover::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn:hover::after {
  border-color: #000000D9;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn::after {
  display: none;
}
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn::before,
.ant-calendar-month-panel-header .ant-calendar-month-panel-next-month-btn::after {
  transform: rotate(135deg) scale(0.8);
}
.ant-calendar-month-panel-body {
  flex: 1;
}
.ant-calendar-month-panel-footer {
  border-top: 1px solid #e8e8e8;
}
.ant-calendar-month-panel-footer .ant-calendar-footer-extra {
  padding: 0 12px;
}
.ant-calendar-month-panel-table {
  width: 100%;
  height: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.ant-calendar-month-panel-selected-cell .ant-calendar-month-panel-month {
  color: #fff;
  background: #3A78F2;
}
.ant-calendar-month-panel-selected-cell .ant-calendar-month-panel-month:hover {
  color: #fff;
  background: #3A78F2;
}
.ant-calendar-month-panel-cell {
  text-align: center;
}
.ant-calendar-month-panel-cell-disabled .ant-calendar-month-panel-month,
.ant-calendar-month-panel-cell-disabled .ant-calendar-month-panel-month:hover {
  color: rgba(0, 0, 0, 0.25);
  background: #f5f5f5;
  cursor: not-allowed;
}
.ant-calendar-month-panel-month {
  display: inline-block;
  height: 24px;
  margin: 0 auto;
  padding: 0 8px;
  color: #000000D9;
  line-height: 24px;
  text-align: center;
  background: transparent;
  border-radius: 2px;
  transition: background 0.3s ease;
}
.ant-calendar-month-panel-month:hover {
  background: #f0f7ff;
  cursor: pointer;
}
.ant-calendar-year-panel {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  background: #fff;
  border-radius: 4px;
  outline: none;
}
.ant-calendar-year-panel > div {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.ant-calendar-year-panel-hidden {
  display: none;
}
.ant-calendar-year-panel-header {
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-bottom: 1px solid #e8e8e8;
  user-select: none;
  position: relative;
}
.ant-calendar-year-panel-header a:hover {
  color: #669eff;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-century-select,
.ant-calendar-year-panel-header .ant-calendar-year-panel-decade-select,
.ant-calendar-year-panel-header .ant-calendar-year-panel-year-select,
.ant-calendar-year-panel-header .ant-calendar-year-panel-month-select {
  display: inline-block;
  padding: 0 2px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  line-height: 40px;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-century-select-arrow,
.ant-calendar-year-panel-header .ant-calendar-year-panel-decade-select-arrow,
.ant-calendar-year-panel-header .ant-calendar-year-panel-year-select-arrow,
.ant-calendar-year-panel-header .ant-calendar-year-panel-month-select-arrow {
  display: none;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn {
  position: absolute;
  top: 0;
  display: inline-block;
  padding: 0 5px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 16px;
  font-family: Arial, 'Hiragino Sans GB', 'Microsoft Yahei', 'Microsoft Sans Serif', sans-serif;
  line-height: 40px;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn {
  left: 7px;
  height: 100%;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  transform: rotate(-45deg) scale(0.8);
  transition: all 0.3s;
  content: '';
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn:hover::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn:hover::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn:hover::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn:hover::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn:hover::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn:hover::after {
  border-color: #000000D9;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn::after {
  display: none;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-century-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-decade-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-year-btn::after {
  position: relative;
  left: -3px;
  display: inline-block;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn {
  right: 7px;
  height: 100%;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  transform: rotate(-45deg) scale(0.8);
  transition: all 0.3s;
  content: '';
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn:hover::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn:hover::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn:hover::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn:hover::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn:hover::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn:hover::after {
  border-color: #000000D9;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn::after {
  display: none;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn::after {
  transform: rotate(135deg) scale(0.8);
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn::before {
  position: relative;
  left: 3px;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-century-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-decade-btn::after,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-year-btn::after {
  display: inline-block;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn {
  left: 29px;
  height: 100%;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  transform: rotate(-45deg) scale(0.8);
  transition: all 0.3s;
  content: '';
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn:hover::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn:hover::after {
  border-color: #000000D9;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-prev-month-btn::after {
  display: none;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn {
  right: 29px;
  height: 100%;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  transform: rotate(-45deg) scale(0.8);
  transition: all 0.3s;
  content: '';
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn:hover::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn:hover::after {
  border-color: #000000D9;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn::after {
  display: none;
}
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn::before,
.ant-calendar-year-panel-header .ant-calendar-year-panel-next-month-btn::after {
  transform: rotate(135deg) scale(0.8);
}
.ant-calendar-year-panel-body {
  flex: 1;
}
.ant-calendar-year-panel-footer {
  border-top: 1px solid #e8e8e8;
}
.ant-calendar-year-panel-footer .ant-calendar-footer-extra {
  padding: 0 12px;
}
.ant-calendar-year-panel-table {
  width: 100%;
  height: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.ant-calendar-year-panel-cell {
  text-align: center;
}
.ant-calendar-year-panel-year {
  display: inline-block;
  height: 24px;
  margin: 0 auto;
  padding: 0 8px;
  color: #000000D9;
  line-height: 24px;
  text-align: center;
  background: transparent;
  border-radius: 2px;
  transition: background 0.3s ease;
}
.ant-calendar-year-panel-year:hover {
  background: #f0f7ff;
  cursor: pointer;
}
.ant-calendar-year-panel-selected-cell .ant-calendar-year-panel-year {
  color: #fff;
  background: #3A78F2;
}
.ant-calendar-year-panel-selected-cell .ant-calendar-year-panel-year:hover {
  color: #fff;
  background: #3A78F2;
}
.ant-calendar-year-panel-last-decade-cell .ant-calendar-year-panel-year,
.ant-calendar-year-panel-next-decade-cell .ant-calendar-year-panel-year {
  color: rgba(0, 0, 0, 0.25);
  user-select: none;
}
.ant-calendar-decade-panel {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  display: flex;
  flex-direction: column;
  background: #fff;
  border-radius: 4px;
  outline: none;
}
.ant-calendar-decade-panel-hidden {
  display: none;
}
.ant-calendar-decade-panel-header {
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-bottom: 1px solid #e8e8e8;
  user-select: none;
  position: relative;
}
.ant-calendar-decade-panel-header a:hover {
  color: #669eff;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-century-select,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-decade-select,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-year-select,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-month-select {
  display: inline-block;
  padding: 0 2px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  line-height: 40px;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-century-select-arrow,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-decade-select-arrow,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-year-select-arrow,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-month-select-arrow {
  display: none;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn {
  position: absolute;
  top: 0;
  display: inline-block;
  padding: 0 5px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 16px;
  font-family: Arial, 'Hiragino Sans GB', 'Microsoft Yahei', 'Microsoft Sans Serif', sans-serif;
  line-height: 40px;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn {
  left: 7px;
  height: 100%;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  transform: rotate(-45deg) scale(0.8);
  transition: all 0.3s;
  content: '';
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn:hover::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn:hover::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn:hover::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn:hover::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn:hover::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn:hover::after {
  border-color: #000000D9;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn::after {
  display: none;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-century-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-decade-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-year-btn::after {
  position: relative;
  left: -3px;
  display: inline-block;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn {
  right: 7px;
  height: 100%;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  transform: rotate(-45deg) scale(0.8);
  transition: all 0.3s;
  content: '';
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn:hover::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn:hover::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn:hover::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn:hover::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn:hover::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn:hover::after {
  border-color: #000000D9;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn::after {
  display: none;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn::after {
  transform: rotate(135deg) scale(0.8);
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn::before {
  position: relative;
  left: 3px;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-century-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-decade-btn::after,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-year-btn::after {
  display: inline-block;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn {
  left: 29px;
  height: 100%;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  transform: rotate(-45deg) scale(0.8);
  transition: all 0.3s;
  content: '';
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn:hover::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn:hover::after {
  border-color: #000000D9;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-prev-month-btn::after {
  display: none;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn {
  right: 29px;
  height: 100%;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn::after {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  border: 0 solid #aaa;
  border-width: 1.5px 0 0 1.5px;
  border-radius: 1px;
  transform: rotate(-45deg) scale(0.8);
  transition: all 0.3s;
  content: '';
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn:hover::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn:hover::after {
  border-color: #000000D9;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn::after {
  display: none;
}
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn::before,
.ant-calendar-decade-panel-header .ant-calendar-decade-panel-next-month-btn::after {
  transform: rotate(135deg) scale(0.8);
}
.ant-calendar-decade-panel-body {
  flex: 1;
}
.ant-calendar-decade-panel-footer {
  border-top: 1px solid #e8e8e8;
}
.ant-calendar-decade-panel-footer .ant-calendar-footer-extra {
  padding: 0 12px;
}
.ant-calendar-decade-panel-table {
  width: 100%;
  height: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.ant-calendar-decade-panel-cell {
  white-space: nowrap;
  text-align: center;
}
.ant-calendar-decade-panel-decade {
  display: inline-block;
  height: 24px;
  margin: 0 auto;
  padding: 0 6px;
  color: #000000D9;
  line-height: 24px;
  text-align: center;
  background: transparent;
  border-radius: 2px;
  transition: background 0.3s ease;
}
.ant-calendar-decade-panel-decade:hover {
  background: #f0f7ff;
  cursor: pointer;
}
.ant-calendar-decade-panel-selected-cell .ant-calendar-decade-panel-decade {
  color: #fff;
  background: #3A78F2;
}
.ant-calendar-decade-panel-selected-cell .ant-calendar-decade-panel-decade:hover {
  color: #fff;
  background: #3A78F2;
}
.ant-calendar-decade-panel-last-century-cell .ant-calendar-decade-panel-decade,
.ant-calendar-decade-panel-next-century-cell .ant-calendar-decade-panel-decade {
  color: rgba(0, 0, 0, 0.25);
  user-select: none;
}
.ant-calendar-month .ant-calendar-month-header-wrap {
  position: relative;
  height: 288px;
}
.ant-calendar-month .ant-calendar-month-panel,
.ant-calendar-month .ant-calendar-year-panel {
  top: 0;
  height: 100%;
}
.ant-calendar-week-number-cell {
  opacity: 0.5;
}
.ant-calendar-week-number .ant-calendar-body tr {
  cursor: pointer;
  transition: all 0.3s;
}
.ant-calendar-week-number .ant-calendar-body tr:hover {
  background: #f0f7ff;
}
.ant-calendar-week-number .ant-calendar-body tr.ant-calendar-active-week {
  font-weight: bold;
  background: #e0efff;
}
.ant-calendar-week-number .ant-calendar-body tr .ant-calendar-selected-day .ant-calendar-date,
.ant-calendar-week-number .ant-calendar-body tr .ant-calendar-selected-day:hover .ant-calendar-date {
  color: #000000D9;
  background: transparent;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-time-picker-panel {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #000000D9;
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: absolute;
  z-index: 1050;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
}
.ant-time-picker-panel-inner {
  position: relative;
  left: -2px;
  font-size: 12px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 4px;
  outline: none;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-time-picker-panel-input {
  width: 100%;
  max-width: 154px;
  margin: 0;
  padding: 0;
  line-height: normal;
  border: 0;
  outline: 0;
  cursor: auto;
}
.ant-time-picker-panel-input::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.ant-time-picker-panel-input:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-time-picker-panel-input::-webkit-input-placeholder {
  color: #bfbfbf;
}
.ant-time-picker-panel-input:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-time-picker-panel-input-wrap {
  position: relative;
  padding: 7px 2px 7px 12px;
  border-bottom: 1px solid #e8e8e8;
}
.ant-time-picker-panel-input-invalid {
  border-color: #f5222d;
}
.ant-time-picker-panel-narrow .ant-time-picker-panel-input-wrap {
  max-width: 112px;
}
.ant-time-picker-panel-select {
  position: relative;
  float: left;
  width: 56px;
  max-height: 192px;
  overflow: hidden;
  font-size: 12px;
  border-left: 1px solid #e8e8e8;
}
.ant-time-picker-panel-select:hover {
  overflow-y: auto;
}
.ant-time-picker-panel-select:first-child {
  margin-left: 0;
  border-left: 0;
}
.ant-time-picker-panel-select:last-child {
  border-right: 0;
}
.ant-time-picker-panel-select:only-child {
  width: 100%;
}
.ant-time-picker-panel-select ul {
  width: 56px;
  margin: 0;
  padding: 0 0 160px;
  list-style: none;
}
.ant-time-picker-panel-select li {
  width: 100%;
  height: 32px;
  margin: 0;
  padding: 0 0 0 12px;
  line-height: 32px;
  text-align: left;
  list-style: none;
  cursor: pointer;
  transition: all 0.3s;
  user-select: none;
}
.ant-time-picker-panel-select li:focus {
  color: #3A78F2;
  font-weight: 600;
  outline: none;
}
.ant-time-picker-panel-select li:hover {
  background: #f0f7ff;
}
li.ant-time-picker-panel-select-option-selected {
  font-weight: 600;
  background: #f5f5f5;
}
li.ant-time-picker-panel-select-option-selected:hover {
  background: #f5f5f5;
}
li.ant-time-picker-panel-select-option-disabled {
  color: rgba(0, 0, 0, 0.25);
}
li.ant-time-picker-panel-select-option-disabled:hover {
  background: transparent;
  cursor: not-allowed;
}
li.ant-time-picker-panel-select-option-disabled:focus {
  color: rgba(0, 0, 0, 0.25);
  font-weight: inherit;
}
.ant-time-picker-panel-combobox {
  zoom: 1;
}
.ant-time-picker-panel-combobox::before,
.ant-time-picker-panel-combobox::after {
  display: table;
  content: '';
}
.ant-time-picker-panel-combobox::after {
  clear: both;
}
.ant-time-picker-panel-addon {
  padding: 8px;
  border-top: 1px solid #e8e8e8;
}
.ant-time-picker-panel.slide-up-enter.slide-up-enter-active.ant-time-picker-panel-placement-topLeft,
.ant-time-picker-panel.slide-up-enter.slide-up-enter-active.ant-time-picker-panel-placement-topRight,
.ant-time-picker-panel.slide-up-appear.slide-up-appear-active.ant-time-picker-panel-placement-topLeft,
.ant-time-picker-panel.slide-up-appear.slide-up-appear-active.ant-time-picker-panel-placement-topRight {
  animation-name: antSlideDownIn;
}
.ant-time-picker-panel.slide-up-enter.slide-up-enter-active.ant-time-picker-panel-placement-bottomLeft,
.ant-time-picker-panel.slide-up-enter.slide-up-enter-active.ant-time-picker-panel-placement-bottomRight,
.ant-time-picker-panel.slide-up-appear.slide-up-appear-active.ant-time-picker-panel-placement-bottomLeft,
.ant-time-picker-panel.slide-up-appear.slide-up-appear-active.ant-time-picker-panel-placement-bottomRight {
  animation-name: antSlideUpIn;
}
.ant-time-picker-panel.slide-up-leave.slide-up-leave-active.ant-time-picker-panel-placement-topLeft,
.ant-time-picker-panel.slide-up-leave.slide-up-leave-active.ant-time-picker-panel-placement-topRight {
  animation-name: antSlideDownOut;
}
.ant-time-picker-panel.slide-up-leave.slide-up-leave-active.ant-time-picker-panel-placement-bottomLeft,
.ant-time-picker-panel.slide-up-leave.slide-up-leave-active.ant-time-picker-panel-placement-bottomRight {
  animation-name: antSlideUpOut;
}
.ant-time-picker {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #000000D9;
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  width: 128px;
  outline: none;
  cursor: text;
  transition: opacity 0.3s;
}
.ant-time-picker-input {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 32px;
  padding: 4px 11px;
  color: #000000D9;
  font-size: 12px;
  line-height: 1.5;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  transition: all 0.3s;
}
.ant-time-picker-input::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.ant-time-picker-input:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-time-picker-input::-webkit-input-placeholder {
  color: #bfbfbf;
}
.ant-time-picker-input:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-time-picker-input:hover {
  border-color: #669eff;
  border-right-width: 1px !important;
}
.ant-time-picker-input:focus {
  border-color: #669eff;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(58, 120, 242, 0.2);
}
.ant-time-picker-input-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-time-picker-input-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-time-picker-input[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-time-picker-input[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
textarea.ant-time-picker-input {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  line-height: 1.5;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}
.ant-time-picker-input-lg {
  height: 40px;
  padding: 6px 11px;
  font-size: 14px;
}
.ant-time-picker-input-sm {
  height: 24px;
  padding: 1px 7px;
}
.ant-time-picker-input[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-time-picker-input[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-time-picker-open {
  opacity: 0;
}
.ant-time-picker-icon,
.ant-time-picker-clear {
  position: absolute;
  top: 50%;
  right: 11px;
  z-index: 1;
  width: 14px;
  height: 14px;
  margin-top: -7px;
  color: rgba(0, 0, 0, 0.25);
  line-height: 14px;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
  user-select: none;
}
.ant-time-picker-icon .ant-time-picker-clock-icon,
.ant-time-picker-clear .ant-time-picker-clock-icon {
  display: block;
  color: rgba(0, 0, 0, 0.25);
  line-height: 1;
}
.ant-time-picker-clear {
  z-index: 2;
  background: #fff;
  opacity: 0;
  pointer-events: none;
}
.ant-time-picker-clear:hover {
  color: rgba(0, 0, 0, 0.45);
}
.ant-time-picker:hover .ant-time-picker-clear {
  opacity: 1;
  pointer-events: auto;
}
.ant-time-picker-large .ant-time-picker-input {
  height: 40px;
  padding: 6px 11px;
  font-size: 14px;
}
.ant-time-picker-small .ant-time-picker-input {
  height: 24px;
  padding: 1px 7px;
}
.ant-time-picker-small .ant-time-picker-icon,
.ant-time-picker-small .ant-time-picker-clear {
  right: 7px;
}
@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) and (stroke-color: transparent) {
    .ant-input {
      line-height: 1.5;
    }
  }
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-tag {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #000000D9;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
  height: auto;
  margin-right: 8px;
  padding: 0 7px;
  font-size: 12px;
  line-height: 20px;
  white-space: nowrap;
  background: #fafafa;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  cursor: default;
  opacity: 1;
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-tag:hover {
  opacity: 0.85;
}
.ant-tag,
.ant-tag a,
.ant-tag a:hover {
  color: #000000D9;
}
.ant-tag > a:first-child:last-child {
  display: inline-block;
  margin: 0 -8px;
  padding: 0 8px;
}
.ant-tag .anticon-close {
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  transform: scale(0.83333333) rotate(0deg);
  margin-left: 3px;
  color: rgba(0, 0, 0, 0.45);
  font-weight: bold;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
:root .ant-tag .anticon-close {
  font-size: 12px;
}
.ant-tag .anticon-close:hover {
  color: rgba(0, 0, 0, 0.85);
}
.ant-tag-has-color {
  border-color: transparent;
}
.ant-tag-has-color,
.ant-tag-has-color a,
.ant-tag-has-color a:hover,
.ant-tag-has-color .anticon-close,
.ant-tag-has-color .anticon-close:hover {
  color: #fff;
}
.ant-tag-checkable {
  background-color: transparent;
  border-color: transparent;
}
.ant-tag-checkable:not(.ant-tag-checkable-checked):hover {
  color: #3A78F2;
}
.ant-tag-checkable:active,
.ant-tag-checkable-checked {
  color: #fff;
}
.ant-tag-checkable-checked {
  background-color: #3A78F2;
}
.ant-tag-checkable:active {
  background-color: #2758cc;
}
.ant-tag-hidden {
  display: none;
}
.ant-tag-pink {
  color: #eb2f96;
  background: #fff0f6;
  border-color: #ffadd2;
}
.ant-tag-pink-inverse {
  color: #fff;
  background: #eb2f96;
  border-color: #eb2f96;
}
.ant-tag-magenta {
  color: #eb2f96;
  background: #fff0f6;
  border-color: #ffadd2;
}
.ant-tag-magenta-inverse {
  color: #fff;
  background: #eb2f96;
  border-color: #eb2f96;
}
.ant-tag-red {
  color: #f5222d;
  background: #fff1f0;
  border-color: #ffa39e;
}
.ant-tag-red-inverse {
  color: #fff;
  background: #f5222d;
  border-color: #f5222d;
}
.ant-tag-volcano {
  color: #fa541c;
  background: #fff2e8;
  border-color: #ffbb96;
}
.ant-tag-volcano-inverse {
  color: #fff;
  background: #fa541c;
  border-color: #fa541c;
}
.ant-tag-orange {
  color: #fa8c16;
  background: #fff7e6;
  border-color: #ffd591;
}
.ant-tag-orange-inverse {
  color: #fff;
  background: #fa8c16;
  border-color: #fa8c16;
}
.ant-tag-yellow {
  color: #fadb14;
  background: #feffe6;
  border-color: #fffb8f;
}
.ant-tag-yellow-inverse {
  color: #fff;
  background: #fadb14;
  border-color: #fadb14;
}
.ant-tag-gold {
  color: #faad14;
  background: #fffbe6;
  border-color: #ffe58f;
}
.ant-tag-gold-inverse {
  color: #fff;
  background: #faad14;
  border-color: #faad14;
}
.ant-tag-cyan {
  color: #13c2c2;
  background: #e6fffb;
  border-color: #87e8de;
}
.ant-tag-cyan-inverse {
  color: #fff;
  background: #13c2c2;
  border-color: #13c2c2;
}
.ant-tag-lime {
  color: #a0d911;
  background: #fcffe6;
  border-color: #eaff8f;
}
.ant-tag-lime-inverse {
  color: #fff;
  background: #a0d911;
  border-color: #a0d911;
}
.ant-tag-green {
  color: #52c41a;
  background: #f6ffed;
  border-color: #b7eb8f;
}
.ant-tag-green-inverse {
  color: #fff;
  background: #52c41a;
  border-color: #52c41a;
}
.ant-tag-blue {
  color: #1890ff;
  background: #e6f7ff;
  border-color: #91d5ff;
}
.ant-tag-blue-inverse {
  color: #fff;
  background: #1890ff;
  border-color: #1890ff;
}
.ant-tag-geekblue {
  color: #2f54eb;
  background: #f0f5ff;
  border-color: #adc6ff;
}
.ant-tag-geekblue-inverse {
  color: #fff;
  background: #2f54eb;
  border-color: #2f54eb;
}
.ant-tag-purple {
  color: #722ed1;
  background: #f9f0ff;
  border-color: #d3adf7;
}
.ant-tag-purple-inverse {
  color: #fff;
  background: #722ed1;
  border-color: #722ed1;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-steps {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #000000D9;
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  display: flex;
  width: 100%;
  font-size: 0;
}
.ant-steps-item {
  position: relative;
  display: inline-block;
  flex: 1;
  overflow: hidden;
  vertical-align: top;
}
.ant-steps-item-container {
  outline: none;
}
.ant-steps-item:last-child {
  flex: none;
}
.ant-steps-item:last-child > .ant-steps-item-container > .ant-steps-item-tail,
.ant-steps-item:last-child > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
  display: none;
}
.ant-steps-item-icon,
.ant-steps-item-content {
  display: inline-block;
  vertical-align: top;
}
.ant-steps-item-icon {
  width: 32px;
  height: 32px;
  margin-right: 8px;
  font-size: 14px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
  line-height: 32px;
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 32px;
  transition: background-color 0.3s, border-color 0.3s;
}
.ant-steps-item-icon > .ant-steps-icon {
  position: relative;
  top: -1px;
  color: #3A78F2;
  line-height: 1;
}
.ant-steps-item-tail {
  position: absolute;
  top: 12px;
  left: 0;
  width: 100%;
  padding: 0 10px;
}
.ant-steps-item-tail::after {
  display: inline-block;
  width: 100%;
  height: 1px;
  background: #e8e8e8;
  border-radius: 1px;
  transition: background 0.3s;
  content: '';
}
.ant-steps-item-title {
  position: relative;
  display: inline-block;
  padding-right: 16px;
  color: #000000D9;
  font-size: 14px;
  line-height: 32px;
}
.ant-steps-item-title::after {
  position: absolute;
  top: 16px;
  left: 100%;
  display: block;
  width: 9999px;
  height: 1px;
  background: #e8e8e8;
  content: '';
}
.ant-steps-item-subtitle {
  display: inline;
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.45);
  font-weight: normal;
  font-size: 12px;
}
.ant-steps-item-description {
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
}
.ant-steps-item-wait .ant-steps-item-icon {
  background-color: #fff;
  border-color: rgba(0, 0, 0, 0.25);
}
.ant-steps-item-wait .ant-steps-item-icon > .ant-steps-icon {
  color: rgba(0, 0, 0, 0.25);
}
.ant-steps-item-wait .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
  background: rgba(0, 0, 0, 0.25);
}
.ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
  color: rgba(0, 0, 0, 0.45);
}
.ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
  background-color: #e8e8e8;
}
.ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
  color: rgba(0, 0, 0, 0.45);
}
.ant-steps-item-wait > .ant-steps-item-container > .ant-steps-item-tail::after {
  background-color: #e8e8e8;
}
.ant-steps-item-process .ant-steps-item-icon {
  background-color: #fff;
  border-color: #3A78F2;
}
.ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon {
  color: #3A78F2;
}
.ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
  background: #3A78F2;
}
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
  color: rgba(0, 0, 0, 0.85);
}
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
  background-color: #e8e8e8;
}
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
  color: #000000D9;
}
.ant-steps-item-process > .ant-steps-item-container > .ant-steps-item-tail::after {
  background-color: #e8e8e8;
}
.ant-steps-item-process .ant-steps-item-icon {
  background: #3A78F2;
}
.ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon {
  color: #fff;
}
.ant-steps-item-process .ant-steps-item-title {
  font-weight: 500;
}
.ant-steps-item-finish .ant-steps-item-icon {
  background-color: #fff;
  border-color: #3A78F2;
}
.ant-steps-item-finish .ant-steps-item-icon > .ant-steps-icon {
  color: #3A78F2;
}
.ant-steps-item-finish .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
  background: #3A78F2;
}
.ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
  color: #000000D9;
}
.ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
  background-color: #3A78F2;
}
.ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
  color: rgba(0, 0, 0, 0.45);
}
.ant-steps-item-finish > .ant-steps-item-container > .ant-steps-item-tail::after {
  background-color: #3A78F2;
}
.ant-steps-item-error .ant-steps-item-icon {
  background-color: #fff;
  border-color: #f5222d;
}
.ant-steps-item-error .ant-steps-item-icon > .ant-steps-icon {
  color: #f5222d;
}
.ant-steps-item-error .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
  background: #f5222d;
}
.ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title {
  color: #f5222d;
}
.ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
  background-color: #e8e8e8;
}
.ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-description {
  color: #f5222d;
}
.ant-steps-item-error > .ant-steps-item-container > .ant-steps-item-tail::after {
  background-color: #e8e8e8;
}
.ant-steps-item.ant-steps-next-error .ant-steps-item-title::after {
  background: #f5222d;
}
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] {
  cursor: pointer;
}
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] .ant-steps-item-title,
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] .ant-steps-item-description,
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button'] .ant-steps-item-icon .ant-steps-icon {
  transition: color 0.3s;
}
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button']:hover .ant-steps-item-title,
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button']:hover .ant-steps-item-subtitle,
.ant-steps .ant-steps-item:not(.ant-steps-item-active) > .ant-steps-item-container[role='button']:hover .ant-steps-item-description {
  color: #3A78F2;
}
.ant-steps .ant-steps-item:not(.ant-steps-item-active):not(.ant-steps-item-process) > .ant-steps-item-container[role='button']:hover .ant-steps-item-icon {
  border-color: #3A78F2;
}
.ant-steps .ant-steps-item:not(.ant-steps-item-active):not(.ant-steps-item-process) > .ant-steps-item-container[role='button']:hover .ant-steps-item-icon .ant-steps-icon {
  color: #3A78F2;
}
.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item {
  margin-right: 16px;
  white-space: nowrap;
}
.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:last-child {
  margin-right: 0;
}
.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:last-child .ant-steps-item-title {
  padding-right: 0;
}
.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item-tail {
  display: none;
}
.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item-description {
  max-width: 140px;
  white-space: normal;
}
.ant-steps-item-custom .ant-steps-item-icon {
  height: auto;
  background: none;
  border: 0;
}
.ant-steps-item-custom .ant-steps-item-icon > .ant-steps-icon {
  top: 0;
  left: 0.5px;
  width: 32px;
  height: 32px;
  font-size: 24px;
  line-height: 32px;
}
.ant-steps-item-custom.ant-steps-item-process .ant-steps-item-icon > .ant-steps-icon {
  color: #3A78F2;
}
.ant-steps:not(.ant-steps-vertical) .ant-steps-item-custom .ant-steps-item-icon {
  width: auto;
}
.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item {
  margin-right: 12px;
}
.ant-steps-small.ant-steps-horizontal:not(.ant-steps-label-vertical) .ant-steps-item:last-child {
  margin-right: 0;
}
.ant-steps-small .ant-steps-item-icon {
  width: 24px;
  height: 24px;
  font-size: 12px;
  line-height: 24px;
  text-align: center;
  border-radius: 24px;
}
.ant-steps-small .ant-steps-item-title {
  padding-right: 12px;
  font-size: 12px;
  line-height: 24px;
}
.ant-steps-small .ant-steps-item-title::after {
  top: 12px;
}
.ant-steps-small .ant-steps-item-description {
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
}
.ant-steps-small .ant-steps-item-tail {
  top: 8px;
}
.ant-steps-small .ant-steps-item-custom .ant-steps-item-icon {
  width: inherit;
  height: inherit;
  line-height: inherit;
  background: none;
  border: 0;
  border-radius: 0;
}
.ant-steps-small .ant-steps-item-custom .ant-steps-item-icon > .ant-steps-icon {
  font-size: 24px;
  line-height: 24px;
  transform: none;
}
.ant-steps-vertical {
  display: block;
}
.ant-steps-vertical .ant-steps-item {
  display: block;
  overflow: visible;
}
.ant-steps-vertical .ant-steps-item-icon {
  float: left;
  margin-right: 16px;
}
.ant-steps-vertical .ant-steps-item-content {
  display: block;
  min-height: 48px;
  overflow: hidden;
}
.ant-steps-vertical .ant-steps-item-title {
  line-height: 32px;
}
.ant-steps-vertical .ant-steps-item-description {
  padding-bottom: 12px;
}
.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
  position: absolute;
  top: 0;
  left: 16px;
  width: 1px;
  height: 100%;
  padding: 38px 0 6px;
}
.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail::after {
  width: 1px;
  height: 100%;
}
.ant-steps-vertical > .ant-steps-item:not(:last-child) > .ant-steps-item-container > .ant-steps-item-tail {
  display: block;
}
.ant-steps-vertical > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
  display: none;
}
.ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item-tail {
  position: absolute;
  top: 0;
  left: 12px;
  padding: 30px 0 6px;
}
.ant-steps-vertical.ant-steps-small .ant-steps-item-container .ant-steps-item-title {
  line-height: 24px;
}
@media (max-width: 480px) {
  .ant-steps-horizontal.ant-steps-label-horizontal {
    display: block;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item {
    display: block;
    overflow: visible;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-icon {
    float: left;
    margin-right: 16px;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-content {
    display: block;
    min-height: 48px;
    overflow: hidden;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-title {
    line-height: 32px;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item-description {
    padding-bottom: 12px;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
    position: absolute;
    top: 0;
    left: 16px;
    width: 1px;
    height: 100%;
    padding: 38px 0 6px;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail::after {
    width: 1px;
    height: 100%;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal > .ant-steps-item:not(:last-child) > .ant-steps-item-container > .ant-steps-item-tail {
    display: block;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-content > .ant-steps-item-title::after {
    display: none;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal.ant-steps-small .ant-steps-item-container .ant-steps-item-tail {
    position: absolute;
    top: 0;
    left: 12px;
    padding: 30px 0 6px;
  }
  .ant-steps-horizontal.ant-steps-label-horizontal.ant-steps-small .ant-steps-item-container .ant-steps-item-title {
    line-height: 24px;
  }
}
.ant-steps-label-vertical .ant-steps-item {
  overflow: visible;
}
.ant-steps-label-vertical .ant-steps-item-tail {
  margin-left: 58px;
  padding: 3.5px 24px;
}
.ant-steps-label-vertical .ant-steps-item-content {
  display: block;
  width: 116px;
  margin-top: 8px;
  text-align: center;
}
.ant-steps-label-vertical .ant-steps-item-icon {
  display: inline-block;
  margin-left: 42px;
}
.ant-steps-label-vertical .ant-steps-item-title {
  padding-right: 0;
}
.ant-steps-label-vertical .ant-steps-item-title::after {
  display: none;
}
.ant-steps-label-vertical .ant-steps-item-subtitle {
  display: block;
  margin-bottom: 4px;
  margin-left: 0;
  line-height: 1.5;
}
.ant-steps-label-vertical.ant-steps-small:not(.ant-steps-dot) .ant-steps-item-icon {
  margin-left: 46px;
}
.ant-steps-dot .ant-steps-item-title,
.ant-steps-dot.ant-steps-small .ant-steps-item-title {
  line-height: 1.5;
}
.ant-steps-dot .ant-steps-item-tail,
.ant-steps-dot.ant-steps-small .ant-steps-item-tail {
  top: 2px;
  width: 100%;
  margin: 0 0 0 70px;
  padding: 0;
}
.ant-steps-dot .ant-steps-item-tail::after,
.ant-steps-dot.ant-steps-small .ant-steps-item-tail::after {
  width: calc(100% - 20px);
  height: 3px;
  margin-left: 12px;
}
.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot,
.ant-steps-dot.ant-steps-small .ant-steps-item:first-child .ant-steps-icon-dot {
  left: 2px;
}
.ant-steps-dot .ant-steps-item-icon,
.ant-steps-dot.ant-steps-small .ant-steps-item-icon {
  width: 8px;
  height: 8px;
  margin-left: 67px;
  padding-right: 0;
  line-height: 8px;
  background: transparent;
  border: 0;
}
.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot,
.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot {
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
  border-radius: 100px;
  transition: all 0.3s;
  /* expand hover area */
}
.ant-steps-dot .ant-steps-item-icon .ant-steps-icon-dot::after,
.ant-steps-dot.ant-steps-small .ant-steps-item-icon .ant-steps-icon-dot::after {
  position: absolute;
  top: -12px;
  left: -26px;
  width: 60px;
  height: 32px;
  background: rgba(0, 0, 0, 0.001);
  content: '';
}
.ant-steps-dot .ant-steps-item-content,
.ant-steps-dot.ant-steps-small .ant-steps-item-content {
  width: 140px;
}
.ant-steps-dot .ant-steps-item-process .ant-steps-item-icon,
.ant-steps-dot.ant-steps-small .ant-steps-item-process .ant-steps-item-icon {
  width: 10px;
  height: 10px;
  line-height: 10px;
}
.ant-steps-dot .ant-steps-item-process .ant-steps-item-icon .ant-steps-icon-dot,
.ant-steps-dot.ant-steps-small .ant-steps-item-process .ant-steps-item-icon .ant-steps-icon-dot {
  top: -1px;
}
.ant-steps-vertical.ant-steps-dot .ant-steps-item-icon {
  margin-top: 8px;
  margin-left: 0;
}
.ant-steps-vertical.ant-steps-dot .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
  top: 2px;
  left: -9px;
  margin: 0;
  padding: 22px 0 4px;
}
.ant-steps-vertical.ant-steps-dot .ant-steps-item:first-child .ant-steps-icon-dot {
  left: 0;
}
.ant-steps-vertical.ant-steps-dot .ant-steps-item-process .ant-steps-icon-dot {
  left: -2px;
}
.ant-steps-navigation {
  padding-top: 12px;
}
.ant-steps-navigation.ant-steps-small .ant-steps-item-container {
  margin-left: -12px;
}
.ant-steps-navigation .ant-steps-item {
  overflow: visible;
  text-align: center;
}
.ant-steps-navigation .ant-steps-item-container {
  display: inline-block;
  height: 100%;
  margin-left: -16px;
  padding-bottom: 12px;
  text-align: left;
  transition: opacity 0.3s;
}
.ant-steps-navigation .ant-steps-item-container .ant-steps-item-content {
  max-width: auto;
}
.ant-steps-navigation .ant-steps-item-container .ant-steps-item-title {
  max-width: 100%;
  padding-right: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-steps-navigation .ant-steps-item-container .ant-steps-item-title::after {
  display: none;
}
.ant-steps-navigation .ant-steps-item:not(.ant-steps-item-active) .ant-steps-item-container[role='button'] {
  cursor: pointer;
}
.ant-steps-navigation .ant-steps-item:not(.ant-steps-item-active) .ant-steps-item-container[role='button']:hover {
  opacity: 0.85;
}
.ant-steps-navigation .ant-steps-item:last-child {
  flex: 1;
}
.ant-steps-navigation .ant-steps-item:last-child::after {
  display: none;
}
.ant-steps-navigation .ant-steps-item::after {
  position: absolute;
  top: 50%;
  left: 100%;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-top: -14px;
  margin-left: -2px;
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-bottom: none;
  border-left: none;
  transform: rotate(45deg);
  content: '';
}
.ant-steps-navigation .ant-steps-item::before {
  position: absolute;
  bottom: 0;
  left: 50%;
  display: inline-block;
  width: 0;
  height: 3px;
  background-color: #3A78F2;
  transition: width 0.3s, left 0.3s;
  transition-timing-function: ease-out;
  content: '';
}
.ant-steps-navigation .ant-steps-item.ant-steps-item-active::before {
  left: 0;
  width: 100%;
}
@media (max-width: 480px) {
  .ant-steps-navigation > .ant-steps-item {
    margin-right: 0 !important;
  }
  .ant-steps-navigation > .ant-steps-item::before {
    display: none;
  }
  .ant-steps-navigation > .ant-steps-item.ant-steps-item-active::before {
    top: 0;
    right: 0;
    left: unset;
    display: block;
    width: 3px;
    height: calc(100% - 24px);
  }
  .ant-steps-navigation > .ant-steps-item::after {
    position: relative;
    top: -2px;
    left: 50%;
    display: block;
    width: 8px;
    height: 8px;
    margin-bottom: 8px;
    text-align: center;
    transform: rotate(135deg);
  }
  .ant-steps-navigation > .ant-steps-item > .ant-steps-item-container > .ant-steps-item-tail {
    visibility: hidden;
  }
}
.ant-steps-flex-not-supported.ant-steps-horizontal.ant-steps-label-horizontal .ant-steps-item {
  margin-left: -16px;
  padding-left: 16px;
  background: #fff;
}
.ant-steps-flex-not-supported.ant-steps-horizontal.ant-steps-label-horizontal.ant-steps-small .ant-steps-item {
  margin-left: -12px;
  padding-left: 12px;
}
.ant-steps-flex-not-supported.ant-steps-dot .ant-steps-item:last-child {
  overflow: hidden;
}
.ant-steps-flex-not-supported.ant-steps-dot .ant-steps-item:last-child .ant-steps-icon-dot::after {
  right: -200px;
  width: 200px;
}
.ant-steps-flex-not-supported.ant-steps-dot .ant-steps-item .ant-steps-icon-dot::before,
.ant-steps-flex-not-supported.ant-steps-dot .ant-steps-item .ant-steps-icon-dot::after {
  position: absolute;
  top: 0;
  left: -10px;
  width: 10px;
  height: 8px;
  background: #fff;
  content: '';
}
.ant-steps-flex-not-supported.ant-steps-dot .ant-steps-item .ant-steps-icon-dot::after {
  right: -10px;
  left: auto;
}
.ant-steps-flex-not-supported.ant-steps-dot .ant-steps-item-wait .ant-steps-item-icon > .ant-steps-icon .ant-steps-icon-dot {
  background: #ccc;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
.process-step .ant-steps-item {
  min-height: 190px;
}
.process-config-message .ant-tag-magenta {
  width: 100% !important;
  height: 35px;
  line-height: 35px;
}
.process-content-menu {
  font-size: 14px;
}
.process-content-menu .process-content-menu-change {
  vertical-align: middle;
}
.process-content-basicConfiguration {
  min-height: 400px;
}
.process-content {
  display: flex;
  width: 100%;
}
.process-content .ant-steps {
  width: 85% !important;
  margin: 0 auto;
}
.process-content .process-content-menu {
  width: 13%;
  margin-right: 20 ;
  margin-top: 5px;
}
.process-content .process-content-menu .ant-menu {
  min-height: 100%;
  /**/
}
.process-content .process-content-config {
  width: 87%;
  padding-top: 30px;
  padding-left: 30px;
}
.process-content .process-content-config .advancedConfiguration-content {
  min-height: 580px;
  margin-top: 30px;
}
.process-content-btn {
  text-align: center;
  margin-top: 20px;
}
.process-content-btn button {
  margin-right: 5px;
}
.process-main-style {
  height: 65px;
  line-height: 65px;
  box-sizing: content-box;
  display: flex;
  border-bottom: 1px #cccccc solid;
  background: #fff;
  align-items: center;
}
.process-main-style .process-main-style-left {
  width: 180px;
  box-sizing: content-box;
  border-right: 1px solid #ccc;
}
.process-main-style .process-main-style-left img {
  width: 85%;
}
.process-main-style .process-main-style-right {
  margin-left: 50px;
  display: flex;
  align-items: center;
  /* 	padding: 15px 0 11px 0; */
}
.process-main-style .process-main-style-right .process-component-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
  width: 80px;
  height: auto;
  border: none;
  overflow: hidden;
  margin-top: 3px;
  font-size: 14px;
  color: #7B828D;
  margin-right: 20px;
  font-family: "Microsoft YaHei", "微软雅黑";
}
.process-main-style .process-main-style-right .process-component-btn .btn-icon {
  width: 18px;
  padding: 3px 0;
  height: 20px;
}
.process-main-style .process-main-style-right .process-component-btn:hover {
  color: #1890ff;
  border: 2px solid #1890ff;
  /* box-shadow: 0px 2px 8px  rgba(7, 0, 2, 0.521); */
}
.process-main-style .process-main-style-right .process-component-btn:hover .btn-icon {
  filter: drop-shadow(#1890ff 100px 0);
  transform: translateX(-100px);
}
.process-main-style .process-main-style-right .process-component-btn-selected {
  border: 2px solid #1890ff;
}
.process-child-style {
  display: flex;
  justify-content: space-around;
  padding: 7px 20px 6px;
  border-bottom: 1px #cccccc solid;
  background: #fff;
}
.process-child-style .process-component-btn {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 5px 0;
  width: 55px;
  height: auto;
  border: 2px solid rgba(0, 0, 0, 0);
  border-radius: 10px;
  overflow: hidden;
  font-size: 12px;
  color: #7B828D;
  font-family: "Microsoft YaHei", "微软雅黑";
}
.process-child-style .process-component-btn .btn-icon {
  width: 18px;
  padding-bottom: 6px;
}
.process-child-style .process-component-btn:hover {
  border: 2px solid #1890ff;
  color: #1890ff;
  box-shadow: 0px 2px 8px rgba(7, 0, 2, 0.521);
}
.process-child-style .process-component-btn:hover .btn-icon {
  filter: drop-shadow(#1890ff 100px 0);
  transform: translateX(-100px);
}
.menu_self_icon {
  filter: drop-shadow(#1890ff 100px 0);
  transform: translateX(-100px);
}
.upload-style {
  display: block;
  text-align: center;
}
.upload-style .ant-upload {
  width: 100%;
}
.upload-style .ant-upload .ant-upload {
  display: block;
  width: 100%;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
@keyframes antCheckboxEffect {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }
  100% {
    transform: scale(1.6);
    opacity: 0;
  }
}
.ant-select-tree-checkbox {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #000000D9;
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  top: -0.09em;
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  vertical-align: middle;
  outline: none;
  cursor: pointer;
}
.ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox-inner,
.ant-select-tree-checkbox:hover .ant-select-tree-checkbox-inner,
.ant-select-tree-checkbox-input:focus + .ant-select-tree-checkbox-inner {
  border-color: #3A78F2;
}
.ant-select-tree-checkbox-checked::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #3A78F2;
  border-radius: 2px;
  visibility: hidden;
  animation: antCheckboxEffect 0.36s ease-in-out;
  animation-fill-mode: backwards;
  content: '';
}
.ant-select-tree-checkbox:hover::after,
.ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox::after {
  visibility: visible;
}
.ant-select-tree-checkbox-inner {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  border-collapse: separate;
  transition: all 0.3s;
}
.ant-select-tree-checkbox-inner::after {
  position: absolute;
  top: 50%;
  left: 22%;
  display: table;
  width: 5.71428571px;
  height: 9.14285714px;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(0) translate(-50%, -50%);
  opacity: 0;
  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
  content: ' ';
}
.ant-select-tree-checkbox-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}
.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner::after {
  position: absolute;
  display: table;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(1) translate(-50%, -50%);
  opacity: 1;
  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  content: ' ';
}
.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner {
  background-color: #3A78F2;
  border-color: #3A78F2;
}
.ant-select-tree-checkbox-disabled {
  cursor: not-allowed;
}
.ant-select-tree-checkbox-disabled.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner::after {
  border-color: rgba(0, 0, 0, 0.25);
  animation-name: none;
}
.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-input {
  cursor: not-allowed;
}
.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner {
  background-color: #f5f5f5;
  border-color: #d9d9d9 !important;
}
.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner::after {
  border-color: #f5f5f5;
  border-collapse: separate;
  animation-name: none;
}
.ant-select-tree-checkbox-disabled + span {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-select-tree-checkbox-disabled:hover::after,
.ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox-disabled::after {
  visibility: hidden;
}
.ant-select-tree-checkbox-wrapper {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #000000D9;
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
  line-height: unset;
  cursor: pointer;
}
.ant-select-tree-checkbox-wrapper.ant-select-tree-checkbox-wrapper-disabled {
  cursor: not-allowed;
}
.ant-select-tree-checkbox-wrapper + .ant-select-tree-checkbox-wrapper {
  margin-left: 8px;
}
.ant-select-tree-checkbox + span {
  padding-right: 8px;
  padding-left: 8px;
}
.ant-select-tree-checkbox-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #000000D9;
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
}
.ant-select-tree-checkbox-group-item {
  display: inline-block;
  margin-right: 8px;
}
.ant-select-tree-checkbox-group-item:last-child {
  margin-right: 0;
}
.ant-select-tree-checkbox-group-item + .ant-select-tree-checkbox-group-item {
  margin-left: 0;
}
.ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner {
  background-color: #fff;
  border-color: #d9d9d9;
}
.ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner::after {
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  background-color: #3A78F2;
  border: 0;
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  content: ' ';
}
.ant-select-tree-checkbox-indeterminate.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner::after {
  background-color: rgba(0, 0, 0, 0.25);
  border-color: rgba(0, 0, 0, 0.25);
}
.ant-select-tree {
  box-sizing: border-box;
  padding: 0;
  color: #000000D9;
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  margin: 0;
  margin-top: -4px;
  padding: 0 4px;
}
.ant-select-tree li {
  margin: 8px 0;
  padding: 0;
  white-space: nowrap;
  list-style: none;
  outline: 0;
}
.ant-select-tree li.filter-node > span {
  font-weight: 500;
}
.ant-select-tree li ul {
  margin: 0;
  padding: 0 0 0 18px;
}
.ant-select-tree li .ant-select-tree-node-content-wrapper {
  display: inline-block;
  width: calc(100% - 24px);
  margin: 0;
  padding: 3px 5px;
  color: #000000D9;
  text-decoration: none;
  border-radius: 2px;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-select-tree li .ant-select-tree-node-content-wrapper:hover {
  background-color: #f0f7ff;
}
.ant-select-tree li .ant-select-tree-node-content-wrapper.ant-select-tree-node-selected {
  background-color: #e0efff;
}
.ant-select-tree li span.ant-select-tree-checkbox {
  margin: 0 4px 0 0;
}
.ant-select-tree li span.ant-select-tree-checkbox + .ant-select-tree-node-content-wrapper {
  width: calc(100% - 46px);
}
.ant-select-tree li span.ant-select-tree-switcher,
.ant-select-tree li span.ant-select-tree-iconEle {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: 0;
  line-height: 22px;
  text-align: center;
  vertical-align: middle;
  border: 0 none;
  outline: none;
  cursor: pointer;
}
.ant-select-tree li span.ant-select-icon_loading .ant-select-switcher-loading-icon {
  position: absolute;
  left: 0;
  display: inline-block;
  color: #3A78F2;
  font-size: 14px;
  transform: none;
}
.ant-select-tree li span.ant-select-icon_loading .ant-select-switcher-loading-icon svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.ant-select-tree li span.ant-select-tree-switcher {
  position: relative;
}
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher-noop {
  cursor: auto;
}
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_open .ant-tree-switcher-icon,
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_open .ant-select-switcher-icon {
  font-size: 12px;
  font-size: 10px \9;
  transform: scale(0.83333333) rotate(0deg);
  display: inline-block;
  font-weight: bold;
}
:root .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_open .ant-tree-switcher-icon,
:root .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_open .ant-select-switcher-icon {
  font-size: 12px;
}
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_open .ant-tree-switcher-icon svg,
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_open .ant-select-switcher-icon svg {
  transition: transform 0.3s;
}
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-tree-switcher-icon,
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-select-switcher-icon {
  font-size: 12px;
  font-size: 10px \9;
  transform: scale(0.83333333) rotate(0deg);
  display: inline-block;
  font-weight: bold;
}
:root .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-tree-switcher-icon,
:root .ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-select-switcher-icon {
  font-size: 12px;
}
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-tree-switcher-icon svg,
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-select-switcher-icon svg {
  transition: transform 0.3s;
}
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-select-switcher-icon svg {
  transform: rotate(-90deg);
}
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_open .ant-select-switcher-loading-icon,
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-select-switcher-loading-icon {
  position: absolute;
  left: 0;
  display: inline-block;
  width: 24px;
  height: 24px;
  color: #3A78F2;
  font-size: 14px;
  transform: none;
}
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_open .ant-select-switcher-loading-icon svg,
.ant-select-tree li span.ant-select-tree-switcher.ant-select-tree-switcher_close .ant-select-switcher-loading-icon svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.ant-select-tree .ant-select-tree-treenode-loading .ant-select-tree-iconEle {
  display: none;
}
.ant-select-tree-child-tree {
  display: none;
}
.ant-select-tree-child-tree-open {
  display: block;
}
li.ant-select-tree-treenode-disabled > span:not(.ant-select-tree-switcher),
li.ant-select-tree-treenode-disabled > .ant-select-tree-node-content-wrapper,
li.ant-select-tree-treenode-disabled > .ant-select-tree-node-content-wrapper span {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
li.ant-select-tree-treenode-disabled > .ant-select-tree-node-content-wrapper:hover {
  background: transparent;
}
.ant-select-tree-icon__open {
  margin-right: 2px;
  vertical-align: top;
}
.ant-select-tree-icon__close {
  margin-right: 2px;
  vertical-align: top;
}
.ant-select-tree-dropdown {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #000000D9;
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
}
.ant-select-tree-dropdown .ant-select-dropdown-search {
  position: sticky;
  top: 0;
  z-index: 1;
  display: block;
  padding: 4px;
  background: #fff;
}
.ant-select-tree-dropdown .ant-select-dropdown-search .ant-select-search__field__wrap {
  width: 100%;
}
.ant-select-tree-dropdown .ant-select-dropdown-search .ant-select-search__field {
  box-sizing: border-box;
  width: 100%;
  padding: 4px 7px;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  outline: none;
}
.ant-select-tree-dropdown .ant-select-dropdown-search.ant-select-search--hide {
  display: none;
}
.ant-select-tree-dropdown .ant-select-not-found {
  display: block;
  padding: 7px 16px;
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-table-wrapper {
  zoom: 1;
}
.ant-table-wrapper::before,
.ant-table-wrapper::after {
  display: table;
  content: '';
}
.ant-table-wrapper::after {
  clear: both;
}
.ant-table {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #000000D9;
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  clear: both;
}
.ant-table-body {
  transition: opacity 0.3s;
}
.ant-table-empty .ant-table-body {
  overflow-x: auto !important;
  overflow-y: hidden !important;
}
.ant-table table {
  width: 100%;
  text-align: left;
  border-radius: 4px 4px 0 0;
  border-collapse: separate;
  border-spacing: 0;
}
.ant-table-layout-fixed table {
  table-layout: fixed;
}
.ant-table-thead > tr > th {
  color: #666;
  font-weight: 500;
  text-align: left;
  background: #f0f0f0;
  border-bottom: 1px solid #e8e8e8;
  transition: background 0.3s ease;
}
.ant-table-thead > tr > th[colspan]:not([colspan='1']) {
  text-align: center;
}
.ant-table-thead > tr > th .anticon-filter,
.ant-table-thead > tr > th .ant-table-filter-icon {
  position: absolute;
  top: 0;
  right: 0;
  width: 28px;
  height: 100%;
  color: #bfbfbf;
  font-size: 12px;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-table-thead > tr > th .anticon-filter > svg,
.ant-table-thead > tr > th .ant-table-filter-icon > svg {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -5px;
  margin-left: -6px;
}
.ant-table-thead > tr > th .ant-table-filter-selected.anticon {
  color: #3A78F2;
}
.ant-table-thead > tr > th .ant-table-column-sorter {
  display: table-cell;
  vertical-align: middle;
}
.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner {
  height: 1em;
  margin-top: 0.35em;
  margin-left: 0.57142857em;
  color: #bfbfbf;
  line-height: 1em;
  text-align: center;
  transition: all 0.3s;
}
.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-up,
.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-down {
  display: inline-block;
  font-size: 12px;
  font-size: 11px \9;
  transform: scale(0.91666667) rotate(0deg);
  display: block;
  height: 1em;
  line-height: 1em;
  transition: all 0.3s;
}
:root .ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-up,
:root .ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-down {
  font-size: 12px;
}
.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-up.on,
.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-down.on {
  color: #3A78F2;
}
.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner-full {
  margin-top: -0.15em;
}
.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner-full .ant-table-column-sorter-up,
.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner-full .ant-table-column-sorter-down {
  height: 0.5em;
  line-height: 0.5em;
}
.ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner-full .ant-table-column-sorter-down {
  margin-top: 0.125em;
}
.ant-table-thead > tr > th.ant-table-column-has-actions {
  position: relative;
  background-clip: padding-box;
  /* stylelint-disable-next-line */
  -webkit-background-clip: border-box;
}
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters {
  padding-right: 30px !important;
}
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters .anticon-filter.ant-table-filter-open,
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters .ant-table-filter-icon.ant-table-filter-open {
  color: rgba(0, 0, 0, 0.45);
  background: #dcdcdc;
}
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters:hover .anticon-filter:hover,
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters:hover .ant-table-filter-icon:hover {
  color: rgba(0, 0, 0, 0.45);
  background: #dcdcdc;
}
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters:hover .anticon-filter:active,
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-filters:hover .ant-table-filter-icon:active {
  color: #000000D9;
}
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters {
  cursor: pointer;
}
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters:hover {
  background: #e8e8e8;
}
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters:hover .anticon-filter,
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters:hover .ant-table-filter-icon {
  background: #e8e8e8;
}
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters:active .ant-table-column-sorter-up:not(.on),
.ant-table-thead > tr > th.ant-table-column-has-actions.ant-table-column-has-sorters:active .ant-table-column-sorter-down:not(.on) {
  color: rgba(0, 0, 0, 0.45);
}
.ant-table-thead > tr > th .ant-table-header-column {
  display: inline-block;
  max-width: 100%;
  vertical-align: top;
}
.ant-table-thead > tr > th .ant-table-header-column .ant-table-column-sorters {
  display: table;
}
.ant-table-thead > tr > th .ant-table-header-column .ant-table-column-sorters > .ant-table-column-title {
  display: table-cell;
  vertical-align: middle;
}
.ant-table-thead > tr > th .ant-table-header-column .ant-table-column-sorters > *:not(.ant-table-column-sorter) {
  position: relative;
}
.ant-table-thead > tr > th .ant-table-header-column .ant-table-column-sorters::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  transition: all 0.3s;
  content: '';
}
.ant-table-thead > tr > th .ant-table-header-column .ant-table-column-sorters:hover::before {
  background: rgba(0, 0, 0, 0.04);
}
.ant-table-thead > tr > th.ant-table-column-has-sorters {
  user-select: none;
}
.ant-table-thead > tr:first-child > th:first-child {
  border-top-left-radius: 4px;
}
.ant-table-thead > tr:first-child > th:last-child {
  border-top-right-radius: 4px;
}
.ant-table-thead > tr:not(:last-child) > th[colspan] {
  border-bottom: 0;
}
.ant-table-tbody > tr > td {
  border-bottom: 1px solid #e8e8e8;
  transition: all 0.3s, border 0s;
}
.ant-table-thead > tr,
.ant-table-tbody > tr {
  transition: all 0.3s, height 0s;
}
.ant-table-thead > tr.ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td,
.ant-table-tbody > tr.ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td,
.ant-table-thead > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td,
.ant-table-tbody > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td {
  background: #f0f7ff;
}
.ant-table-thead > tr.ant-table-row-selected > td.ant-table-column-sort,
.ant-table-tbody > tr.ant-table-row-selected > td.ant-table-column-sort {
  background: #fafafa;
}
.ant-table-thead > tr:hover.ant-table-row-selected > td,
.ant-table-tbody > tr:hover.ant-table-row-selected > td {
  background: #fafafa;
}
.ant-table-thead > tr:hover.ant-table-row-selected > td.ant-table-column-sort,
.ant-table-tbody > tr:hover.ant-table-row-selected > td.ant-table-column-sort {
  background: #fafafa;
}
.ant-table-thead > tr:hover {
  background: none;
}
.ant-table-footer {
  position: relative;
  padding: 16px 16px;
  color: rgba(0, 0, 0, 0.85);
  background: #fafafa;
  border-top: 1px solid #e8e8e8;
  border-radius: 0 0 4px 4px;
}
.ant-table-footer::before {
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #fafafa;
  content: '';
}
.ant-table.ant-table-bordered .ant-table-footer {
  border: 1px solid #e8e8e8;
}
.ant-table-title {
  position: relative;
  top: 1px;
  padding: 16px 0;
  border-radius: 4px 4px 0 0;
}
.ant-table.ant-table-bordered .ant-table-title {
  padding-right: 16px;
  padding-left: 16px;
  border: 1px solid #e8e8e8;
}
.ant-table-title + .ant-table-content {
  position: relative;
  border-radius: 4px 4px 0 0;
}
.ant-table-bordered .ant-table-title + .ant-table-content,
.ant-table-bordered .ant-table-title + .ant-table-content table,
.ant-table-bordered .ant-table-title + .ant-table-content .ant-table-thead > tr:first-child > th {
  border-radius: 0;
}
.ant-table-without-column-header .ant-table-title + .ant-table-content,
.ant-table-without-column-header table {
  border-radius: 0;
}
.ant-table-without-column-header.ant-table-bordered.ant-table-empty .ant-table-placeholder {
  border-top: 1px solid #e8e8e8;
  border-radius: 4px;
}
.ant-table-tbody > tr.ant-table-row-selected td {
  color: inherit;
  background: #fafafa;
}
.ant-table-thead > tr > th.ant-table-column-sort {
  background: #f5f5f5;
}
.ant-table-tbody > tr > td.ant-table-column-sort {
  background: rgba(0, 0, 0, 0.01);
}
.ant-table-thead > tr > th,
.ant-table-tbody > tr > td {
  padding: 16px 16px;
  overflow-wrap: break-word;
}
.ant-table-expand-icon-th,
.ant-table-row-expand-icon-cell {
  width: 50px;
  min-width: 50px;
  text-align: center;
}
.ant-table-header {
  overflow: hidden;
  background: #f0f0f0;
}
.ant-table-header table {
  border-radius: 4px 4px 0 0;
}
.ant-table-loading {
  position: relative;
}
.ant-table-loading .ant-table-body {
  background: #fff;
  opacity: 0.5;
}
.ant-table-loading .ant-table-spin-holder {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 20px;
  margin-left: -30px;
  line-height: 20px;
}
.ant-table-loading .ant-table-with-pagination {
  margin-top: -20px;
}
.ant-table-loading .ant-table-without-pagination {
  margin-top: 10px;
}
.ant-table-bordered .ant-table-header > table,
.ant-table-bordered .ant-table-body > table,
.ant-table-bordered .ant-table-fixed-left table,
.ant-table-bordered .ant-table-fixed-right table {
  border: 1px solid #e8e8e8;
  border-right: 0;
  border-bottom: 0;
}
.ant-table-bordered.ant-table-empty .ant-table-placeholder {
  border-right: 1px solid #e8e8e8;
  border-left: 1px solid #e8e8e8;
}
.ant-table-bordered.ant-table-fixed-header .ant-table-header > table {
  border-bottom: 0;
}
.ant-table-bordered.ant-table-fixed-header .ant-table-body > table {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.ant-table-bordered.ant-table-fixed-header .ant-table-header + .ant-table-body > table,
.ant-table-bordered.ant-table-fixed-header .ant-table-body-inner > table {
  border-top: 0;
}
.ant-table-bordered .ant-table-thead > tr:not(:last-child) > th {
  border-bottom: 1px solid #e8e8e8;
}
.ant-table-bordered .ant-table-thead > tr > th,
.ant-table-bordered .ant-table-tbody > tr > td {
  border-right: 1px solid #e8e8e8;
}
.ant-table-placeholder {
  position: relative;
  z-index: 1;
  margin-top: -1px;
  padding: 16px 16px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 12px;
  text-align: center;
  background: #fff;
  border-top: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
  border-radius: 0 0 4px 4px;
}
.ant-table-pagination.ant-pagination {
  float: right;
  margin: 16px 0;
}
.ant-table-filter-dropdown {
  position: relative;
  min-width: 96px;
  margin-left: -8px;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-table-filter-dropdown .ant-dropdown-menu {
  max-height: calc(100vh - 130px);
  overflow-x: hidden;
  border: 0;
  border-radius: 4px 4px 0 0;
  box-shadow: none;
}
.ant-table-filter-dropdown .ant-dropdown-menu-item > label + span {
  padding-right: 0;
}
.ant-table-filter-dropdown .ant-dropdown-menu-sub {
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-table-filter-dropdown .ant-dropdown-menu .ant-dropdown-submenu-contain-selected .ant-dropdown-menu-submenu-title::after {
  color: #3A78F2;
  font-weight: bold;
  text-shadow: 0 0 2px #e0efff;
}
.ant-table-filter-dropdown .ant-dropdown-menu-item {
  overflow: hidden;
}
.ant-table-filter-dropdown > .ant-dropdown-menu > .ant-dropdown-menu-item:last-child,
.ant-table-filter-dropdown > .ant-dropdown-menu > .ant-dropdown-menu-submenu:last-child .ant-dropdown-menu-submenu-title {
  border-radius: 0;
}
.ant-table-filter-dropdown-btns {
  padding: 7px 8px;
  overflow: hidden;
  border-top: 1px solid #e8e8e8;
}
.ant-table-filter-dropdown-link {
  color: #3A78F2;
}
.ant-table-filter-dropdown-link:hover {
  color: #669eff;
}
.ant-table-filter-dropdown-link:active {
  color: #2758cc;
}
.ant-table-filter-dropdown-link.confirm {
  float: left;
}
.ant-table-filter-dropdown-link.clear {
  float: right;
}
.ant-table-selection {
  white-space: nowrap;
}
.ant-table-selection-select-all-custom {
  margin-right: 4px !important;
}
.ant-table-selection .anticon-down {
  color: #bfbfbf;
  transition: all 0.3s;
}
.ant-table-selection-menu {
  min-width: 96px;
  margin-top: 5px;
  margin-left: -30px;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-table-selection-menu .ant-action-down {
  color: #bfbfbf;
}
.ant-table-selection-down {
  display: inline-block;
  padding: 0;
  line-height: 1;
  cursor: pointer;
}
.ant-table-selection-down:hover .anticon-down {
  color: rgba(0, 0, 0, 0.6);
}
.ant-table-row-expand-icon {
  color: #3A78F2;
  text-decoration: none;
  cursor: pointer;
  transition: color 0.3s;
  display: inline-block;
  width: 17px;
  height: 17px;
  color: inherit;
  line-height: 13px;
  text-align: center;
  background: #fff;
  border: 1px solid #e8e8e8;
  border-radius: 2px;
  outline: none;
  transition: all 0.3s;
  user-select: none;
}
.ant-table-row-expand-icon:focus,
.ant-table-row-expand-icon:hover {
  color: #669eff;
}
.ant-table-row-expand-icon:active {
  color: #2758cc;
}
.ant-table-row-expand-icon:focus,
.ant-table-row-expand-icon:hover,
.ant-table-row-expand-icon:active {
  border-color: currentColor;
}
.ant-table-row-expanded::after {
  content: '-';
}
.ant-table-row-collapsed::after {
  content: '+';
}
.ant-table-row-spaced {
  visibility: hidden;
}
.ant-table-row-spaced::after {
  content: '.';
}
.ant-table-row-cell-ellipsis,
.ant-table-row-cell-ellipsis .ant-table-column-title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-table-row-cell-ellipsis .ant-table-column-title {
  display: block;
}
.ant-table-row-cell-break-word {
  word-wrap: break-word;
  word-break: break-word;
}
tr.ant-table-expanded-row,
tr.ant-table-expanded-row:hover {
  background: #fbfbfb;
}
tr.ant-table-expanded-row td > .ant-table-wrapper {
  margin: -16px -16px -17px;
}
.ant-table .ant-table-row-indent + .ant-table-row-expand-icon {
  margin-right: 8px;
}
.ant-table-scroll {
  overflow: auto;
  overflow-x: hidden;
}
.ant-table-scroll table {
  min-width: 100%;
}
.ant-table-scroll table .ant-table-fixed-columns-in-body:not([colspan]) {
  color: transparent;
}
.ant-table-scroll table .ant-table-fixed-columns-in-body:not([colspan]) > * {
  visibility: hidden;
}
.ant-table-body-inner {
  height: 100%;
}
.ant-table-fixed-header > .ant-table-content > .ant-table-scroll > .ant-table-body {
  position: relative;
  background: #fff;
}
.ant-table-fixed-header .ant-table-body-inner {
  overflow: scroll;
}
.ant-table-fixed-header .ant-table-scroll .ant-table-header {
  margin-bottom: -20px;
  padding-bottom: 20px;
  overflow: scroll;
  opacity: 0.9999;
}
.ant-table-fixed-header .ant-table-scroll .ant-table-header::-webkit-scrollbar {
  border: 1px solid #e8e8e8;
  border-width: 0 0 1px 0;
}
.ant-table-hide-scrollbar {
  scrollbar-color: transparent transparent;
  min-width: unset;
}
.ant-table-hide-scrollbar::-webkit-scrollbar {
  min-width: inherit;
  background-color: transparent;
}
.ant-table-bordered.ant-table-fixed-header .ant-table-scroll .ant-table-header::-webkit-scrollbar {
  border: 1px solid #e8e8e8;
  border-width: 1px 1px 1px 0;
}
.ant-table-bordered.ant-table-fixed-header .ant-table-scroll .ant-table-header.ant-table-hide-scrollbar .ant-table-thead > tr:only-child > th:last-child {
  border-right-color: transparent;
}
.ant-table-fixed-left,
.ant-table-fixed-right {
  position: absolute;
  top: 0;
  z-index: 1;
  overflow: hidden;
  border-radius: 0;
  transition: box-shadow 0.3s ease;
}
.ant-table-fixed-left table,
.ant-table-fixed-right table {
  width: auto;
  background: #fff;
}
.ant-table-fixed-header .ant-table-fixed-left .ant-table-body-outer .ant-table-fixed,
.ant-table-fixed-header .ant-table-fixed-right .ant-table-body-outer .ant-table-fixed {
  border-radius: 0;
}
.ant-table-fixed-left {
  left: 0;
  box-shadow: 6px 0 6px -4px rgba(0, 0, 0, 0.15);
}
.ant-table-fixed-left .ant-table-header {
  overflow-y: hidden;
}
.ant-table-fixed-left .ant-table-body-inner {
  margin-right: -20px;
  padding-right: 20px;
}
.ant-table-fixed-header .ant-table-fixed-left .ant-table-body-inner {
  padding-right: 0;
}
.ant-table-fixed-left,
.ant-table-fixed-left table {
  border-radius: 4px 0 0 0;
}
.ant-table-fixed-left .ant-table-thead > tr > th:last-child {
  border-top-right-radius: 0;
}
.ant-table-fixed-right {
  right: 0;
  box-shadow: -6px 0 6px -4px rgba(0, 0, 0, 0.15);
}
.ant-table-fixed-right,
.ant-table-fixed-right table {
  border-radius: 0 4px 0 0;
}
.ant-table-fixed-right .ant-table-expanded-row {
  color: transparent;
  pointer-events: none;
}
.ant-table-fixed-right .ant-table-thead > tr > th:first-child {
  border-top-left-radius: 0;
}
.ant-table.ant-table-scroll-position-left .ant-table-fixed-left {
  box-shadow: none;
}
.ant-table.ant-table-scroll-position-right .ant-table-fixed-right {
  box-shadow: none;
}
.ant-table colgroup > col.ant-table-selection-col {
  width: 60px;
}
.ant-table-thead > tr > th.ant-table-selection-column-custom .ant-table-selection {
  margin-right: -15px;
}
.ant-table-thead > tr > th.ant-table-selection-column,
.ant-table-tbody > tr > td.ant-table-selection-column {
  text-align: center;
}
.ant-table-thead > tr > th.ant-table-selection-column .ant-radio-wrapper,
.ant-table-tbody > tr > td.ant-table-selection-column .ant-radio-wrapper {
  margin-right: 0;
}
.ant-table-row[class*='ant-table-row-level-0'] .ant-table-selection-column > span {
  display: inline-block;
}
.ant-table-filter-dropdown .ant-checkbox-wrapper + span,
.ant-table-filter-dropdown-submenu .ant-checkbox-wrapper + span {
  padding-left: 8px;
}
/**
* Another fix of Firefox:
*/
@supports (-moz-appearance: meterbar) {
  .ant-table-thead > tr > th.ant-table-column-has-actions {
    background-clip: padding-box;
  }
}
.ant-table-middle > .ant-table-title,
.ant-table-middle > .ant-table-content > .ant-table-footer {
  padding: 12px 8px;
}
.ant-table-middle > .ant-table-content > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-middle > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th,
.ant-table-middle > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-middle > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-thead > tr > th,
.ant-table-middle > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-middle > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-middle > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th,
.ant-table-middle > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th,
.ant-table-middle > .ant-table-content > .ant-table-header > table > .ant-table-tbody > tr > td,
.ant-table-middle > .ant-table-content > .ant-table-body > table > .ant-table-tbody > tr > td,
.ant-table-middle > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-tbody > tr > td,
.ant-table-middle > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-tbody > tr > td,
.ant-table-middle > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-tbody > tr > td,
.ant-table-middle > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-tbody > tr > td,
.ant-table-middle > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-tbody > tr > td,
.ant-table-middle > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-tbody > tr > td {
  padding: 12px 8px;
}
.ant-table-middle tr.ant-table-expanded-row td > .ant-table-wrapper {
  margin: -12px -8px -13px;
}
.ant-table-small {
  border: 1px solid #e8e8e8;
  border-radius: 4px;
}
.ant-table-small > .ant-table-title,
.ant-table-small > .ant-table-content > .ant-table-footer {
  padding: 8px 8px;
}
.ant-table-small > .ant-table-title {
  top: 0;
  border-bottom: 1px solid #e8e8e8;
}
.ant-table-small > .ant-table-content > .ant-table-footer {
  background-color: transparent;
  border-top: 1px solid #e8e8e8;
}
.ant-table-small > .ant-table-content > .ant-table-footer::before {
  background-color: transparent;
}
.ant-table-small > .ant-table-content > .ant-table-body {
  margin: 0 8px;
}
.ant-table-small > .ant-table-content > .ant-table-header > table,
.ant-table-small > .ant-table-content > .ant-table-body > table,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table {
  border: 0;
}
.ant-table-small > .ant-table-content > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-header > table > .ant-table-tbody > tr > td,
.ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-tbody > tr > td,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-tbody > tr > td,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-tbody > tr > td,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-tbody > tr > td,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-tbody > tr > td,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-tbody > tr > td,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-tbody > tr > td {
  padding: 8px 8px;
}
.ant-table-small > .ant-table-content > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th {
  background-color: transparent;
}
.ant-table-small > .ant-table-content > .ant-table-header > table > .ant-table-thead > tr,
.ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-thead > tr,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-thead > tr,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-thead > tr,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-thead > tr,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr {
  border-bottom: 1px solid #e8e8e8;
}
.ant-table-small > .ant-table-content > .ant-table-header > table > .ant-table-thead > tr > th.ant-table-column-sort,
.ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th.ant-table-column-sort,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-thead > tr > th.ant-table-column-sort,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-thead > tr > th.ant-table-column-sort,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-thead > tr > th.ant-table-column-sort,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-thead > tr > th.ant-table-column-sort,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th.ant-table-column-sort,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th.ant-table-column-sort {
  background-color: rgba(0, 0, 0, 0.01);
}
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table,
.ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table,
.ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table,
.ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table {
  padding: 0;
}
.ant-table-small > .ant-table-content .ant-table-header {
  background-color: transparent;
  border-radius: 4px 4px 0 0;
}
.ant-table-small > .ant-table-content .ant-table-placeholder,
.ant-table-small > .ant-table-content .ant-table-row:last-child td {
  border-bottom: 0;
}
.ant-table-small.ant-table-bordered {
  border-right: 0;
}
.ant-table-small.ant-table-bordered .ant-table-title {
  border: 0;
  border-right: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
}
.ant-table-small.ant-table-bordered .ant-table-content {
  border-right: 1px solid #e8e8e8;
}
.ant-table-small.ant-table-bordered .ant-table-footer {
  border: 0;
  border-top: 1px solid #e8e8e8;
}
.ant-table-small.ant-table-bordered .ant-table-footer::before {
  display: none;
}
.ant-table-small.ant-table-bordered .ant-table-placeholder {
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
}
.ant-table-small.ant-table-bordered .ant-table-thead > tr > th.ant-table-row-cell-last,
.ant-table-small.ant-table-bordered .ant-table-tbody > tr > td:last-child {
  border-right: none;
}
.ant-table-small.ant-table-bordered .ant-table-fixed-left .ant-table-thead > tr > th:last-child,
.ant-table-small.ant-table-bordered .ant-table-fixed-left .ant-table-tbody > tr > td:last-child {
  border-right: 1px solid #e8e8e8;
}
.ant-table-small.ant-table-bordered .ant-table-fixed-right {
  border-right: 1px solid #e8e8e8;
  border-left: 1px solid #e8e8e8;
}
.ant-table-small tr.ant-table-expanded-row td > .ant-table-wrapper {
  margin: -8px -8px -9px;
}
.ant-table-small.ant-table-fixed-header > .ant-table-content > .ant-table-scroll > .ant-table-body {
  border-radius: 0 0 4px 4px;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
@keyframes antCheckboxEffect {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }
  100% {
    transform: scale(1.6);
    opacity: 0;
  }
}
.ant-checkbox {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #000000D9;
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  top: -0.09em;
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  vertical-align: middle;
  outline: none;
  cursor: pointer;
}
.ant-checkbox-wrapper:hover .ant-checkbox-inner,
.ant-checkbox:hover .ant-checkbox-inner,
.ant-checkbox-input:focus + .ant-checkbox-inner {
  border-color: #3A78F2;
}
.ant-checkbox-checked::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #3A78F2;
  border-radius: 2px;
  visibility: hidden;
  animation: antCheckboxEffect 0.36s ease-in-out;
  animation-fill-mode: backwards;
  content: '';
}
.ant-checkbox:hover::after,
.ant-checkbox-wrapper:hover .ant-checkbox::after {
  visibility: visible;
}
.ant-checkbox-inner {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  border-collapse: separate;
  transition: all 0.3s;
}
.ant-checkbox-inner::after {
  position: absolute;
  top: 50%;
  left: 22%;
  display: table;
  width: 5.71428571px;
  height: 9.14285714px;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(0) translate(-50%, -50%);
  opacity: 0;
  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
  content: ' ';
}
.ant-checkbox-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}
.ant-checkbox-checked .ant-checkbox-inner::after {
  position: absolute;
  display: table;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(1) translate(-50%, -50%);
  opacity: 1;
  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  content: ' ';
}
.ant-checkbox-checked .ant-checkbox-inner {
  background-color: #3A78F2;
  border-color: #3A78F2;
}
.ant-checkbox-disabled {
  cursor: not-allowed;
}
.ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner::after {
  border-color: rgba(0, 0, 0, 0.25);
  animation-name: none;
}
.ant-checkbox-disabled .ant-checkbox-input {
  cursor: not-allowed;
}
.ant-checkbox-disabled .ant-checkbox-inner {
  background-color: #f5f5f5;
  border-color: #d9d9d9 !important;
}
.ant-checkbox-disabled .ant-checkbox-inner::after {
  border-color: #f5f5f5;
  border-collapse: separate;
  animation-name: none;
}
.ant-checkbox-disabled + span {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-checkbox-disabled:hover::after,
.ant-checkbox-wrapper:hover .ant-checkbox-disabled::after {
  visibility: hidden;
}
.ant-checkbox-wrapper {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #000000D9;
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
  line-height: unset;
  cursor: pointer;
}
.ant-checkbox-wrapper.ant-checkbox-wrapper-disabled {
  cursor: not-allowed;
}
.ant-checkbox-wrapper + .ant-checkbox-wrapper {
  margin-left: 8px;
}
.ant-checkbox + span {
  padding-right: 8px;
  padding-left: 8px;
}
.ant-checkbox-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #000000D9;
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
}
.ant-checkbox-group-item {
  display: inline-block;
  margin-right: 8px;
}
.ant-checkbox-group-item:last-child {
  margin-right: 0;
}
.ant-checkbox-group-item + .ant-checkbox-group-item {
  margin-left: 0;
}
.ant-checkbox-indeterminate .ant-checkbox-inner {
  background-color: #fff;
  border-color: #d9d9d9;
}
.ant-checkbox-indeterminate .ant-checkbox-inner::after {
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  background-color: #3A78F2;
  border: 0;
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  content: ' ';
}
.ant-checkbox-indeterminate.ant-checkbox-disabled .ant-checkbox-inner::after {
  background-color: rgba(0, 0, 0, 0.25);
  border-color: rgba(0, 0, 0, 0.25);
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-pagination {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #000000D9;
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
}
.ant-pagination ul,
.ant-pagination ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ant-pagination::after {
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  content: ' ';
}
.ant-pagination-total-text {
  display: inline-block;
  height: 32px;
  margin-right: 8px;
  line-height: 30px;
  vertical-align: middle;
}
.ant-pagination-item {
  display: inline-block;
  min-width: 32px;
  height: 32px;
  margin-right: 8px;
  font-family: Arial;
  line-height: 30px;
  text-align: center;
  vertical-align: middle;
  list-style: none;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  outline: 0;
  cursor: pointer;
  user-select: none;
}
.ant-pagination-item a {
  display: block;
  padding: 0 6px;
  color: #000000D9;
  transition: none;
}
.ant-pagination-item a:hover {
  text-decoration: none;
}
.ant-pagination-item:focus,
.ant-pagination-item:hover {
  border-color: #3A78F2;
  transition: all 0.3s;
}
.ant-pagination-item:focus a,
.ant-pagination-item:hover a {
  color: #3A78F2;
}
.ant-pagination-item-active {
  font-weight: 500;
  background: #fff;
  border-color: #3A78F2;
}
.ant-pagination-item-active a {
  color: #3A78F2;
}
.ant-pagination-item-active:focus,
.ant-pagination-item-active:hover {
  border-color: #669eff;
}
.ant-pagination-item-active:focus a,
.ant-pagination-item-active:hover a {
  color: #669eff;
}
.ant-pagination-jump-prev,
.ant-pagination-jump-next {
  outline: 0;
}
.ant-pagination-jump-prev .ant-pagination-item-container,
.ant-pagination-jump-next .ant-pagination-item-container {
  position: relative;
}
.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon,
.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon {
  display: inline-block;
  font-size: 12px;
  font-size: 12px \9;
  transform: scale(1) rotate(0deg);
  color: #3A78F2;
  letter-spacing: -1px;
  opacity: 0;
  transition: all 0.2s;
}
:root .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon,
:root .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon {
  font-size: 12px;
}
.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon-svg,
.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon-svg {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-ellipsis,
.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-ellipsis {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  margin: auto;
  color: rgba(0, 0, 0, 0.25);
  letter-spacing: 2px;
  text-align: center;
  text-indent: 0.13em;
  opacity: 1;
  transition: all 0.2s;
}
.ant-pagination-jump-prev:focus .ant-pagination-item-link-icon,
.ant-pagination-jump-next:focus .ant-pagination-item-link-icon,
.ant-pagination-jump-prev:hover .ant-pagination-item-link-icon,
.ant-pagination-jump-next:hover .ant-pagination-item-link-icon {
  opacity: 1;
}
.ant-pagination-jump-prev:focus .ant-pagination-item-ellipsis,
.ant-pagination-jump-next:focus .ant-pagination-item-ellipsis,
.ant-pagination-jump-prev:hover .ant-pagination-item-ellipsis,
.ant-pagination-jump-next:hover .ant-pagination-item-ellipsis {
  opacity: 0;
}
.ant-pagination-prev,
.ant-pagination-jump-prev,
.ant-pagination-jump-next {
  margin-right: 8px;
}
.ant-pagination-prev,
.ant-pagination-next,
.ant-pagination-jump-prev,
.ant-pagination-jump-next {
  display: inline-block;
  min-width: 32px;
  height: 32px;
  color: #000000D9;
  font-family: Arial;
  line-height: 32px;
  text-align: center;
  vertical-align: middle;
  list-style: none;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-pagination-prev,
.ant-pagination-next {
  outline: 0;
}
.ant-pagination-prev a,
.ant-pagination-next a {
  color: #000000D9;
  user-select: none;
}
.ant-pagination-prev:hover a,
.ant-pagination-next:hover a {
  border-color: #669eff;
}
.ant-pagination-prev .ant-pagination-item-link,
.ant-pagination-next .ant-pagination-item-link {
  display: block;
  height: 100%;
  font-size: 12px;
  text-align: center;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  outline: none;
  transition: all 0.3s;
}
.ant-pagination-prev:focus .ant-pagination-item-link,
.ant-pagination-next:focus .ant-pagination-item-link,
.ant-pagination-prev:hover .ant-pagination-item-link,
.ant-pagination-next:hover .ant-pagination-item-link {
  color: #3A78F2;
  border-color: #3A78F2;
}
.ant-pagination-disabled,
.ant-pagination-disabled:hover,
.ant-pagination-disabled:focus {
  cursor: not-allowed;
}
.ant-pagination-disabled a,
.ant-pagination-disabled:hover a,
.ant-pagination-disabled:focus a,
.ant-pagination-disabled .ant-pagination-item-link,
.ant-pagination-disabled:hover .ant-pagination-item-link,
.ant-pagination-disabled:focus .ant-pagination-item-link {
  color: rgba(0, 0, 0, 0.25);
  border-color: #d9d9d9;
  cursor: not-allowed;
}
.ant-pagination-slash {
  margin: 0 10px 0 5px;
}
.ant-pagination-options {
  display: inline-block;
  margin-left: 16px;
  vertical-align: middle;
}
.ant-pagination-options-size-changer.ant-select {
  display: inline-block;
  width: auto;
  margin-right: 8px;
}
.ant-pagination-options-quick-jumper {
  display: inline-block;
  height: 32px;
  line-height: 32px;
  vertical-align: top;
}
.ant-pagination-options-quick-jumper input {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 32px;
  padding: 4px 11px;
  color: #000000D9;
  font-size: 12px;
  line-height: 1.5;
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  transition: all 0.3s;
  width: 50px;
  margin: 0 8px;
}
.ant-pagination-options-quick-jumper input::-moz-placeholder {
  color: #bfbfbf;
  opacity: 1;
}
.ant-pagination-options-quick-jumper input:-ms-input-placeholder {
  color: #bfbfbf;
}
.ant-pagination-options-quick-jumper input::-webkit-input-placeholder {
  color: #bfbfbf;
}
.ant-pagination-options-quick-jumper input:placeholder-shown {
  text-overflow: ellipsis;
}
.ant-pagination-options-quick-jumper input:hover {
  border-color: #669eff;
  border-right-width: 1px !important;
}
.ant-pagination-options-quick-jumper input:focus {
  border-color: #669eff;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(58, 120, 242, 0.2);
}
.ant-pagination-options-quick-jumper input-disabled {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-pagination-options-quick-jumper input-disabled:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
.ant-pagination-options-quick-jumper input[disabled] {
  color: rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  cursor: not-allowed;
  opacity: 1;
}
.ant-pagination-options-quick-jumper input[disabled]:hover {
  border-color: #d9d9d9;
  border-right-width: 1px !important;
}
textarea.ant-pagination-options-quick-jumper input {
  max-width: 100%;
  height: auto;
  min-height: 32px;
  line-height: 1.5;
  vertical-align: bottom;
  transition: all 0.3s, height 0s;
}
.ant-pagination-options-quick-jumper input-lg {
  height: 40px;
  padding: 6px 11px;
  font-size: 14px;
}
.ant-pagination-options-quick-jumper input-sm {
  height: 24px;
  padding: 1px 7px;
}
.ant-pagination-simple .ant-pagination-prev,
.ant-pagination-simple .ant-pagination-next {
  height: 24px;
  line-height: 24px;
  vertical-align: top;
}
.ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link,
.ant-pagination-simple .ant-pagination-next .ant-pagination-item-link {
  height: 24px;
  border: 0;
}
.ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link::after,
.ant-pagination-simple .ant-pagination-next .ant-pagination-item-link::after {
  height: 24px;
  line-height: 24px;
}
.ant-pagination-simple .ant-pagination-simple-pager {
  display: inline-block;
  height: 24px;
  margin-right: 8px;
}
.ant-pagination-simple .ant-pagination-simple-pager input {
  box-sizing: border-box;
  height: 100%;
  margin-right: 8px;
  padding: 0 6px;
  text-align: center;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  outline: none;
  transition: border-color 0.3s;
}
.ant-pagination-simple .ant-pagination-simple-pager input:hover {
  border-color: #3A78F2;
}
.ant-pagination.mini .ant-pagination-total-text,
.ant-pagination.mini .ant-pagination-simple-pager {
  height: 24px;
  line-height: 24px;
}
.ant-pagination.mini .ant-pagination-item {
  min-width: 24px;
  height: 24px;
  margin: 0;
  line-height: 22px;
}
.ant-pagination.mini .ant-pagination-item:not(.ant-pagination-item-active) {
  background: transparent;
  border-color: transparent;
}
.ant-pagination.mini .ant-pagination-prev,
.ant-pagination.mini .ant-pagination-next {
  min-width: 24px;
  height: 24px;
  margin: 0;
  line-height: 24px;
}
.ant-pagination.mini .ant-pagination-prev .ant-pagination-item-link,
.ant-pagination.mini .ant-pagination-next .ant-pagination-item-link {
  background: transparent;
  border-color: transparent;
}
.ant-pagination.mini .ant-pagination-prev .ant-pagination-item-link::after,
.ant-pagination.mini .ant-pagination-next .ant-pagination-item-link::after {
  height: 24px;
  line-height: 24px;
}
.ant-pagination.mini .ant-pagination-jump-prev,
.ant-pagination.mini .ant-pagination-jump-next {
  height: 24px;
  margin-right: 0;
  line-height: 24px;
}
.ant-pagination.mini .ant-pagination-options {
  margin-left: 2px;
}
.ant-pagination.mini .ant-pagination-options-quick-jumper {
  height: 24px;
  line-height: 24px;
}
.ant-pagination.mini .ant-pagination-options-quick-jumper input {
  height: 24px;
  padding: 1px 7px;
  width: 44px;
}
.ant-pagination.ant-pagination-disabled {
  cursor: not-allowed;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item {
  background: #f5f5f5;
  border-color: #d9d9d9;
  cursor: not-allowed;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item a {
  color: rgba(0, 0, 0, 0.25);
  background: transparent;
  border: none;
  cursor: not-allowed;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item-active {
  background: #dbdbdb;
  border-color: transparent;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item-active a {
  color: #fff;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-item-link,
.ant-pagination.ant-pagination-disabled .ant-pagination-item-link:hover,
.ant-pagination.ant-pagination-disabled .ant-pagination-item-link:focus {
  color: rgba(0, 0, 0, 0.45);
  background: #f5f5f5;
  border-color: #d9d9d9;
  cursor: not-allowed;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-jump-prev:focus .ant-pagination-item-link-icon,
.ant-pagination.ant-pagination-disabled .ant-pagination-jump-next:focus .ant-pagination-item-link-icon,
.ant-pagination.ant-pagination-disabled .ant-pagination-jump-prev:hover .ant-pagination-item-link-icon,
.ant-pagination.ant-pagination-disabled .ant-pagination-jump-next:hover .ant-pagination-item-link-icon {
  opacity: 0;
}
.ant-pagination.ant-pagination-disabled .ant-pagination-jump-prev:focus .ant-pagination-item-ellipsis,
.ant-pagination.ant-pagination-disabled .ant-pagination-jump-next:focus .ant-pagination-item-ellipsis,
.ant-pagination.ant-pagination-disabled .ant-pagination-jump-prev:hover .ant-pagination-item-ellipsis,
.ant-pagination.ant-pagination-disabled .ant-pagination-jump-next:hover .ant-pagination-item-ellipsis {
  opacity: 1;
}
@media only screen and (max-width: 992px) {
  .ant-pagination-item-after-jump-prev,
  .ant-pagination-item-before-jump-next {
    display: none;
  }
}
@media only screen and (max-width: 576px) {
  .ant-pagination-options {
    display: none;
  }
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-divider {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #000000D9;
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  background: #e8e8e8;
}
.ant-divider,
.ant-divider-vertical {
  position: relative;
  top: -0.06em;
  display: inline-block;
  width: 1px;
  height: 0.9em;
  margin: 0 8px;
  vertical-align: middle;
}
.ant-divider-horizontal {
  display: block;
  clear: both;
  width: 100%;
  min-width: 100%;
  height: 1px;
  margin: 24px 0;
}
.ant-divider-horizontal.ant-divider-with-text-center,
.ant-divider-horizontal.ant-divider-with-text-left,
.ant-divider-horizontal.ant-divider-with-text-right {
  display: table;
  margin: 16px 0;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 14px;
  white-space: nowrap;
  text-align: center;
  background: transparent;
}
.ant-divider-horizontal.ant-divider-with-text-center::before,
.ant-divider-horizontal.ant-divider-with-text-left::before,
.ant-divider-horizontal.ant-divider-with-text-right::before,
.ant-divider-horizontal.ant-divider-with-text-center::after,
.ant-divider-horizontal.ant-divider-with-text-left::after,
.ant-divider-horizontal.ant-divider-with-text-right::after {
  position: relative;
  top: 50%;
  display: table-cell;
  width: 50%;
  border-top: 1px solid #e8e8e8;
  transform: translateY(50%);
  content: '';
}
.ant-divider-horizontal.ant-divider-with-text-left .ant-divider-inner-text,
.ant-divider-horizontal.ant-divider-with-text-right .ant-divider-inner-text {
  display: inline-block;
  padding: 0 10px;
}
.ant-divider-horizontal.ant-divider-with-text-left::before {
  top: 50%;
  width: 5%;
}
.ant-divider-horizontal.ant-divider-with-text-left::after {
  top: 50%;
  width: 95%;
}
.ant-divider-horizontal.ant-divider-with-text-right::before {
  top: 50%;
  width: 95%;
}
.ant-divider-horizontal.ant-divider-with-text-right::after {
  top: 50%;
  width: 5%;
}
.ant-divider-inner-text {
  display: inline-block;
  padding: 0 24px;
}
.ant-divider-dashed {
  background: none;
  border-color: #e8e8e8;
  border-style: dashed;
  border-width: 1px 0 0;
}
.ant-divider-horizontal.ant-divider-with-text-center.ant-divider-dashed,
.ant-divider-horizontal.ant-divider-with-text-left.ant-divider-dashed,
.ant-divider-horizontal.ant-divider-with-text-right.ant-divider-dashed {
  border-top: 0;
}
.ant-divider-horizontal.ant-divider-with-text-center.ant-divider-dashed::before,
.ant-divider-horizontal.ant-divider-with-text-left.ant-divider-dashed::before,
.ant-divider-horizontal.ant-divider-with-text-right.ant-divider-dashed::before,
.ant-divider-horizontal.ant-divider-with-text-center.ant-divider-dashed::after,
.ant-divider-horizontal.ant-divider-with-text-left.ant-divider-dashed::after,
.ant-divider-horizontal.ant-divider-with-text-right.ant-divider-dashed::after {
  border-style: dashed none none;
}
.ant-divider-vertical.ant-divider-dashed {
  border-width: 0 0 0 1px;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-upload {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #000000D9;
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  outline: 0;
}
.ant-upload p {
  margin: 0;
}
.ant-upload-btn {
  display: block;
  width: 100%;
  outline: none;
}
.ant-upload input[type='file'] {
  cursor: pointer;
}
.ant-upload.ant-upload-select {
  display: inline-block;
}
.ant-upload.ant-upload-disabled {
  cursor: not-allowed;
}
.ant-upload.ant-upload-select-picture-card {
  display: table;
  float: left;
  width: 104px;
  height: 104px;
  margin-right: 8px;
  margin-bottom: 8px;
  text-align: center;
  vertical-align: top;
  background-color: #fafafa;
  border: 1px dashed #d9d9d9;
  border-radius: 4px;
  cursor: pointer;
  transition: border-color 0.3s ease;
}
.ant-upload.ant-upload-select-picture-card > .ant-upload {
  display: table-cell;
  width: 100%;
  height: 100%;
  padding: 8px;
  text-align: center;
  vertical-align: middle;
}
.ant-upload.ant-upload-select-picture-card:hover {
  border-color: #3A78F2;
}
.ant-upload.ant-upload-drag {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  background: #fafafa;
  border: 1px dashed #d9d9d9;
  border-radius: 4px;
  cursor: pointer;
  transition: border-color 0.3s;
}
.ant-upload.ant-upload-drag .ant-upload {
  padding: 16px 0;
}
.ant-upload.ant-upload-drag.ant-upload-drag-hover:not(.ant-upload-disabled) {
  border-color: #2758cc;
}
.ant-upload.ant-upload-drag.ant-upload-disabled {
  cursor: not-allowed;
}
.ant-upload.ant-upload-drag .ant-upload-btn {
  display: table;
  height: 100%;
}
.ant-upload.ant-upload-drag .ant-upload-drag-container {
  display: table-cell;
  vertical-align: middle;
}
.ant-upload.ant-upload-drag:not(.ant-upload-disabled):hover {
  border-color: #669eff;
}
.ant-upload.ant-upload-drag p.ant-upload-drag-icon {
  margin-bottom: 20px;
}
.ant-upload.ant-upload-drag p.ant-upload-drag-icon .anticon {
  color: #669eff;
  font-size: 48px;
}
.ant-upload.ant-upload-drag p.ant-upload-text {
  margin: 0 0 4px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
}
.ant-upload.ant-upload-drag p.ant-upload-hint {
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
}
.ant-upload.ant-upload-drag .anticon-plus {
  color: rgba(0, 0, 0, 0.25);
  font-size: 30px;
  transition: all 0.3s;
}
.ant-upload.ant-upload-drag .anticon-plus:hover {
  color: rgba(0, 0, 0, 0.45);
}
.ant-upload.ant-upload-drag:hover .anticon-plus {
  color: rgba(0, 0, 0, 0.45);
}
.ant-upload-picture-card-wrapper {
  zoom: 1;
  display: inline-block;
  width: 100%;
}
.ant-upload-picture-card-wrapper::before,
.ant-upload-picture-card-wrapper::after {
  display: table;
  content: '';
}
.ant-upload-picture-card-wrapper::after {
  clear: both;
}
.ant-upload-list {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #000000D9;
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  zoom: 1;
}
.ant-upload-list::before,
.ant-upload-list::after {
  display: table;
  content: '';
}
.ant-upload-list::after {
  clear: both;
}
.ant-upload-list-item-list-type-text:hover .ant-upload-list-item-name-icon-count-1 {
  padding-right: 14px;
}
.ant-upload-list-item-list-type-text:hover .ant-upload-list-item-name-icon-count-2 {
  padding-right: 28px;
}
.ant-upload-list-item {
  position: relative;
  height: 22px;
  margin-top: 8px;
  font-size: 12px;
}
.ant-upload-list-item-name {
  display: inline-block;
  width: 100%;
  padding-left: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-upload-list-item-name-icon-count-1 {
  padding-right: 14px;
}
.ant-upload-list-item-card-actions {
  position: absolute;
  right: 0;
  opacity: 0;
}
.ant-upload-list-item-card-actions.picture {
  top: 25px;
  line-height: 1;
  opacity: 1;
}
.ant-upload-list-item-card-actions .anticon {
  padding-right: 6px;
  color: rgba(0, 0, 0, 0.45);
}
.ant-upload-list-item-info {
  height: 100%;
  padding: 0 12px 0 4px;
  transition: background-color 0.3s;
}
.ant-upload-list-item-info > span {
  display: block;
  width: 100%;
  height: 100%;
}
.ant-upload-list-item-info .anticon-loading,
.ant-upload-list-item-info .anticon-paper-clip {
  position: absolute;
  top: 4px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
}
.ant-upload-list-item .anticon-close {
  display: inline-block;
  font-size: 12px;
  font-size: 10px \9;
  transform: scale(0.83333333) rotate(0deg);
  position: absolute;
  top: 6px;
  right: 4px;
  color: rgba(0, 0, 0, 0.45);
  line-height: 0;
  cursor: pointer;
  opacity: 0;
  transition: all 0.3s;
}
:root .ant-upload-list-item .anticon-close {
  font-size: 12px;
}
.ant-upload-list-item .anticon-close:hover {
  color: #000000D9;
}
.ant-upload-list-item:hover .ant-upload-list-item-info {
  background-color: #f0f7ff;
}
.ant-upload-list-item:hover .anticon-close {
  opacity: 1;
}
.ant-upload-list-item:hover .ant-upload-list-item-card-actions {
  opacity: 1;
}
.ant-upload-list-item-error,
.ant-upload-list-item-error .anticon-paper-clip,
.ant-upload-list-item-error .ant-upload-list-item-name {
  color: #f5222d;
}
.ant-upload-list-item-error .ant-upload-list-item-card-actions {
  opacity: 1;
}
.ant-upload-list-item-error .ant-upload-list-item-card-actions .anticon {
  color: #f5222d;
}
.ant-upload-list-item-progress {
  position: absolute;
  bottom: -12px;
  width: 100%;
  padding-left: 24px;
  font-size: 12px;
  line-height: 0;
}
.ant-upload-list-picture .ant-upload-list-item,
.ant-upload-list-picture-card .ant-upload-list-item {
  position: relative;
  height: 66px;
  padding: 8px;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
}
.ant-upload-list-picture .ant-upload-list-item:hover,
.ant-upload-list-picture-card .ant-upload-list-item:hover {
  background: transparent;
}
.ant-upload-list-picture .ant-upload-list-item-error,
.ant-upload-list-picture-card .ant-upload-list-item-error {
  border-color: #f5222d;
}
.ant-upload-list-picture .ant-upload-list-item-info,
.ant-upload-list-picture-card .ant-upload-list-item-info {
  padding: 0;
}
.ant-upload-list-picture .ant-upload-list-item:hover .ant-upload-list-item-info,
.ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-info {
  background: transparent;
}
.ant-upload-list-picture .ant-upload-list-item-uploading,
.ant-upload-list-picture-card .ant-upload-list-item-uploading {
  border-style: dashed;
}
.ant-upload-list-picture .ant-upload-list-item-thumbnail,
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail {
  position: absolute;
  top: 8px;
  left: 8px;
  width: 48px;
  height: 48px;
  font-size: 26px;
  line-height: 54px;
  text-align: center;
  opacity: 0.8;
}
.ant-upload-list-picture .ant-upload-list-item-icon,
.ant-upload-list-picture-card .ant-upload-list-item-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 26px;
  transform: translate(-50%, -50%);
}
.ant-upload-list-picture .ant-upload-list-item-image,
.ant-upload-list-picture-card .ant-upload-list-item-image {
  max-width: 100%;
}
.ant-upload-list-picture .ant-upload-list-item-thumbnail img,
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail img {
  display: block;
  width: 48px;
  height: 48px;
  overflow: hidden;
}
.ant-upload-list-picture .ant-upload-list-item-name,
.ant-upload-list-picture-card .ant-upload-list-item-name {
  display: inline-block;
  box-sizing: border-box;
  max-width: 100%;
  margin: 0 0 0 8px;
  padding-right: 8px;
  padding-left: 48px;
  overflow: hidden;
  line-height: 44px;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: all 0.3s;
}
.ant-upload-list-picture .ant-upload-list-item-name-icon-count-1,
.ant-upload-list-picture-card .ant-upload-list-item-name-icon-count-1 {
  padding-right: 18px;
}
.ant-upload-list-picture .ant-upload-list-item-name-icon-count-2,
.ant-upload-list-picture-card .ant-upload-list-item-name-icon-count-2 {
  padding-right: 36px;
}
.ant-upload-list-picture .ant-upload-list-item-uploading .ant-upload-list-item-name,
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-name {
  line-height: 28px;
}
.ant-upload-list-picture .ant-upload-list-item-progress,
.ant-upload-list-picture-card .ant-upload-list-item-progress {
  bottom: 14px;
  width: calc(100% - 24px);
  margin-top: 0;
  padding-left: 56px;
}
.ant-upload-list-picture .anticon-close,
.ant-upload-list-picture-card .anticon-close {
  position: absolute;
  top: 8px;
  right: 8px;
  line-height: 1;
  opacity: 1;
}
.ant-upload-list-picture-card.ant-upload-list::after {
  display: none;
}
.ant-upload-list-picture-card-container {
  float: left;
  width: 104px;
  height: 104px;
  margin: 0 8px 8px 0;
}
.ant-upload-list-picture-card .ant-upload-list-item {
  float: left;
  width: 104px;
  height: 104px;
  margin: 0 8px 8px 0;
}
.ant-upload-list-picture-card .ant-upload-list-item-info {
  position: relative;
  height: 100%;
  overflow: hidden;
}
.ant-upload-list-picture-card .ant-upload-list-item-info::before {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  transition: all 0.3s;
  content: ' ';
}
.ant-upload-list-picture-card .ant-upload-list-item:hover .ant-upload-list-item-info::before {
  opacity: 1;
}
.ant-upload-list-picture-card .ant-upload-list-item-actions {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  white-space: nowrap;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: all 0.3s;
}
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye-o,
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-download,
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete {
  z-index: 10;
  width: 16px;
  margin: 0 4px;
  color: rgba(255, 255, 255, 0.85);
  font-size: 16px;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-eye-o:hover,
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-download:hover,
.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon-delete:hover {
  color: #fff;
}
.ant-upload-list-picture-card .ant-upload-list-item-info:hover + .ant-upload-list-item-actions,
.ant-upload-list-picture-card .ant-upload-list-item-actions:hover {
  opacity: 1;
}
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail,
.ant-upload-list-picture-card .ant-upload-list-item-thumbnail img {
  position: static;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ant-upload-list-picture-card .ant-upload-list-item-name {
  display: none;
  margin: 8px 0 0;
  padding: 0;
  line-height: 1.5;
  text-align: center;
}
.ant-upload-list-picture-card .anticon-picture + .ant-upload-list-item-name {
  position: absolute;
  bottom: 10px;
  display: block;
}
.ant-upload-list-picture-card .ant-upload-list-item-uploading.ant-upload-list-item {
  background-color: #fafafa;
}
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info {
  height: auto;
}
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info::before,
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info .anticon-eye-o,
.ant-upload-list-picture-card .ant-upload-list-item-uploading .ant-upload-list-item-info .anticon-delete {
  display: none;
}
.ant-upload-list-picture-card .ant-upload-list-item-uploading-text {
  margin-top: 18px;
  color: rgba(0, 0, 0, 0.45);
}
.ant-upload-list-picture-card .ant-upload-list-item-progress {
  bottom: 32px;
  padding-left: 0;
}
.ant-upload-list .ant-upload-success-icon {
  color: #52c41a;
  font-weight: bold;
}
.ant-upload-list .ant-upload-animate-enter,
.ant-upload-list .ant-upload-animate-leave,
.ant-upload-list .ant-upload-animate-inline-enter,
.ant-upload-list .ant-upload-animate-inline-leave {
  animation-duration: 0.3s;
  animation-fill-mode: cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-upload-list .ant-upload-animate-enter {
  animation-name: uploadAnimateIn;
}
.ant-upload-list .ant-upload-animate-leave {
  animation-name: uploadAnimateOut;
}
.ant-upload-list .ant-upload-animate-inline-enter {
  animation-name: uploadAnimateInlineIn;
}
.ant-upload-list .ant-upload-animate-inline-leave {
  animation-name: uploadAnimateInlineOut;
}
@keyframes uploadAnimateIn {
  from {
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
  }
}
@keyframes uploadAnimateOut {
  to {
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
  }
}
@keyframes uploadAnimateInlineIn {
  from {
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
  }
}
@keyframes uploadAnimateInlineOut {
  to {
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
  }
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-progress {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #000000D9;
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
}
.ant-progress-line {
  position: relative;
  width: 100%;
  font-size: 12px;
}
.ant-progress-small.ant-progress-line,
.ant-progress-small.ant-progress-line .ant-progress-text .anticon {
  font-size: 12px;
}
.ant-progress-outer {
  display: inline-block;
  width: 100%;
  margin-right: 0;
  padding-right: 0;
}
.ant-progress-show-info .ant-progress-outer {
  margin-right: calc(-2em - 8px);
  padding-right: calc(2em + 8px);
}
.ant-progress-inner {
  position: relative;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  vertical-align: middle;
  background-color: #f5f5f5;
  border-radius: 100px;
}
.ant-progress-circle-trail {
  stroke: #f5f5f5;
}
.ant-progress-circle-path {
  animation: ant-progress-appear 0.3s;
}
.ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path {
  stroke: #1890ff;
}
.ant-progress-success-bg,
.ant-progress-bg {
  position: relative;
  background-color: #1890ff;
  border-radius: 100px;
  transition: all 0.4s cubic-bezier(0.08, 0.82, 0.17, 1) 0s;
}
.ant-progress-success-bg {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #52c41a;
}
.ant-progress-text {
  display: inline-block;
  width: 2em;
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 1em;
  line-height: 1;
  white-space: nowrap;
  text-align: left;
  vertical-align: middle;
  word-break: normal;
}
.ant-progress-text .anticon {
  font-size: 12px;
}
.ant-progress-status-active .ant-progress-bg::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff;
  border-radius: 10px;
  opacity: 0;
  animation: ant-progress-active 2.4s cubic-bezier(0.23, 1, 0.32, 1) infinite;
  content: '';
}
.ant-progress-status-exception .ant-progress-bg {
  background-color: #f5222d;
}
.ant-progress-status-exception .ant-progress-text {
  color: #f5222d;
}
.ant-progress-status-exception .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path {
  stroke: #f5222d;
}
.ant-progress-status-success .ant-progress-bg {
  background-color: #52c41a;
}
.ant-progress-status-success .ant-progress-text {
  color: #52c41a;
}
.ant-progress-status-success .ant-progress-inner:not(.ant-progress-circle-gradient) .ant-progress-circle-path {
  stroke: #52c41a;
}
.ant-progress-circle .ant-progress-inner {
  position: relative;
  line-height: 1;
  background-color: transparent;
}
.ant-progress-circle .ant-progress-text {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  margin: 0;
  padding: 0;
  color: #000000D9;
  line-height: 1;
  white-space: normal;
  text-align: center;
  transform: translate(-50%, -50%);
}
.ant-progress-circle .ant-progress-text .anticon {
  font-size: 1.16666667em;
}
.ant-progress-circle.ant-progress-status-exception .ant-progress-text {
  color: #f5222d;
}
.ant-progress-circle.ant-progress-status-success .ant-progress-text {
  color: #52c41a;
}
@keyframes ant-progress-active {
  0% {
    width: 0;
    opacity: 0.1;
  }
  20% {
    width: 0;
    opacity: 0.5;
  }
  100% {
    width: 100%;
    opacity: 0;
  }
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-badge {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #000000D9;
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  color: unset;
  line-height: 1;
}
.ant-badge-count {
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  color: #fff;
  font-weight: normal;
  font-size: 12px;
  line-height: 20px;
  white-space: nowrap;
  text-align: center;
  background: #f5222d;
  border-radius: 10px;
  box-shadow: 0 0 0 1px #fff;
}
.ant-badge-count a,
.ant-badge-count a:hover {
  color: #fff;
}
.ant-badge-multiple-words {
  padding: 0 8px;
}
.ant-badge-dot {
  width: 6px;
  height: 6px;
  background: #f5222d;
  border-radius: 100%;
  box-shadow: 0 0 0 1px #fff;
}
.ant-badge-count,
.ant-badge-dot,
.ant-badge .ant-scroll-number-custom-component {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  transform: translate(50%, -50%);
  transform-origin: 100% 0%;
}
.ant-badge-status {
  line-height: inherit;
  vertical-align: baseline;
}
.ant-badge-status-dot {
  position: relative;
  top: -1px;
  display: inline-block;
  width: 6px;
  height: 6px;
  vertical-align: middle;
  border-radius: 50%;
}
.ant-badge-status-success {
  background-color: #52c41a;
}
.ant-badge-status-processing {
  position: relative;
  background-color: #1890ff;
}
.ant-badge-status-processing::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #1890ff;
  border-radius: 50%;
  animation: antStatusProcessing 1.2s infinite ease-in-out;
  content: '';
}
.ant-badge-status-default {
  background-color: #d9d9d9;
}
.ant-badge-status-error {
  background-color: #f5222d;
}
.ant-badge-status-warning {
  background-color: #faad14;
}
.ant-badge-status-pink {
  background: #eb2f96;
}
.ant-badge-status-magenta {
  background: #eb2f96;
}
.ant-badge-status-red {
  background: #f5222d;
}
.ant-badge-status-volcano {
  background: #fa541c;
}
.ant-badge-status-orange {
  background: #fa8c16;
}
.ant-badge-status-yellow {
  background: #fadb14;
}
.ant-badge-status-gold {
  background: #faad14;
}
.ant-badge-status-cyan {
  background: #13c2c2;
}
.ant-badge-status-lime {
  background: #a0d911;
}
.ant-badge-status-green {
  background: #52c41a;
}
.ant-badge-status-blue {
  background: #1890ff;
}
.ant-badge-status-geekblue {
  background: #2f54eb;
}
.ant-badge-status-purple {
  background: #722ed1;
}
.ant-badge-status-text {
  margin-left: 8px;
  color: #000000D9;
  font-size: 12px;
}
.ant-badge-zoom-appear,
.ant-badge-zoom-enter {
  animation: antZoomBadgeIn 0.3s cubic-bezier(0.12, 0.4, 0.29, 1.46);
  animation-fill-mode: both;
}
.ant-badge-zoom-leave {
  animation: antZoomBadgeOut 0.3s cubic-bezier(0.71, -0.46, 0.88, 0.6);
  animation-fill-mode: both;
}
.ant-badge-not-a-wrapper:not(.ant-badge-status) {
  vertical-align: middle;
}
.ant-badge-not-a-wrapper .ant-scroll-number {
  position: relative;
  top: auto;
  display: block;
}
.ant-badge-not-a-wrapper .ant-badge-count {
  transform: none;
}
@keyframes antStatusProcessing {
  0% {
    transform: scale(0.8);
    opacity: 0.5;
  }
  100% {
    transform: scale(2.4);
    opacity: 0;
  }
}
.ant-scroll-number {
  overflow: hidden;
}
.ant-scroll-number-only {
  display: inline-block;
  height: 20px;
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.ant-scroll-number-only > p.ant-scroll-number-only-unit {
  height: 20px;
  margin: 0;
}
.ant-scroll-number-symbol {
  vertical-align: top;
}
@keyframes antZoomBadgeIn {
  0% {
    transform: scale(0) translate(50%, -50%);
    opacity: 0;
  }
  100% {
    transform: scale(1) translate(50%, -50%);
  }
}
@keyframes antZoomBadgeOut {
  0% {
    transform: scale(1) translate(50%, -50%);
  }
  100% {
    transform: scale(0) translate(50%, -50%);
    opacity: 0;
  }
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
.ant-popover-inner-content {
  padding: 0px;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-card {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #000000D9;
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  background: #fff;
  border-radius: 2px;
  transition: all 0.3s;
}
.ant-card-hoverable {
  cursor: pointer;
}
.ant-card-hoverable:hover {
  border-color: rgba(0, 0, 0, 0.09);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.09);
}
.ant-card-bordered {
  border: 1px solid #e8e8e8;
}
.ant-card-head {
  min-height: 48px;
  margin-bottom: -1px;
  padding: 0 24px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 14px;
  background: transparent;
  border-bottom: 1px solid #e8e8e8;
  border-radius: 2px 2px 0 0;
  zoom: 1;
}
.ant-card-head::before,
.ant-card-head::after {
  display: table;
  content: '';
}
.ant-card-head::after {
  clear: both;
}
.ant-card-head-wrapper {
  display: flex;
  align-items: center;
}
.ant-card-head-title {
  display: inline-block;
  flex: 1;
  padding: 16px 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-card-head .ant-tabs {
  clear: both;
  margin-bottom: -17px;
  color: #000000D9;
  font-weight: normal;
  font-size: 12px;
}
.ant-card-head .ant-tabs-bar {
  border-bottom: 1px solid #e8e8e8;
}
.ant-card-extra {
  float: right;
  margin-left: auto;
  padding: 16px 0;
  color: #000000D9;
  font-weight: normal;
  font-size: 12px;
}
.ant-card-body {
  padding: 24px;
  zoom: 1;
}
.ant-card-body::before,
.ant-card-body::after {
  display: table;
  content: '';
}
.ant-card-body::after {
  clear: both;
}
.ant-card-contain-grid:not(.ant-card-loading) .ant-card-body {
  margin: -1px 0 0 -1px;
  padding: 0;
}
.ant-card-grid {
  float: left;
  width: 33.33%;
  padding: 24px;
  border: 0;
  border-radius: 0;
  box-shadow: 1px 0 0 0 #e8e8e8, 0 1px 0 0 #e8e8e8, 1px 1px 0 0 #e8e8e8, 1px 0 0 0 #e8e8e8 inset, 0 1px 0 0 #e8e8e8 inset;
  transition: all 0.3s;
}
.ant-card-grid-hoverable:hover {
  position: relative;
  z-index: 1;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-card-contain-tabs > .ant-card-head .ant-card-head-title {
  min-height: 32px;
  padding-bottom: 0;
}
.ant-card-contain-tabs > .ant-card-head .ant-card-extra {
  padding-bottom: 0;
}
.ant-card-cover > * {
  display: block;
  width: 100%;
}
.ant-card-cover img {
  border-radius: 2px 2px 0 0;
}
.ant-card-actions {
  margin: 0;
  padding: 0;
  list-style: none;
  background: #fafafa;
  border-top: 1px solid #e8e8e8;
  zoom: 1;
}
.ant-card-actions::before,
.ant-card-actions::after {
  display: table;
  content: '';
}
.ant-card-actions::after {
  clear: both;
}
.ant-card-actions > li {
  float: left;
  margin: 12px 0;
  color: rgba(0, 0, 0, 0.45);
  text-align: center;
}
.ant-card-actions > li > span {
  position: relative;
  display: block;
  min-width: 32px;
  font-size: 12px;
  line-height: 22px;
  cursor: pointer;
}
.ant-card-actions > li > span:hover {
  color: #3A78F2;
  transition: color 0.3s;
}
.ant-card-actions > li > span a:not(.ant-btn),
.ant-card-actions > li > span > .anticon {
  display: inline-block;
  width: 100%;
  color: rgba(0, 0, 0, 0.45);
  line-height: 22px;
  transition: color 0.3s;
}
.ant-card-actions > li > span a:not(.ant-btn):hover,
.ant-card-actions > li > span > .anticon:hover {
  color: #3A78F2;
}
.ant-card-actions > li > span > .anticon {
  font-size: 16px;
  line-height: 22px;
}
.ant-card-actions > li:not(:last-child) {
  border-right: 1px solid #e8e8e8;
}
.ant-card-type-inner .ant-card-head {
  padding: 0 24px;
  background: #fafafa;
}
.ant-card-type-inner .ant-card-head-title {
  padding: 12px 0;
  font-size: 12px;
}
.ant-card-type-inner .ant-card-body {
  padding: 16px 24px;
}
.ant-card-type-inner .ant-card-extra {
  padding: 13.5px 0;
}
.ant-card-meta {
  margin: -4px 0;
  zoom: 1;
}
.ant-card-meta::before,
.ant-card-meta::after {
  display: table;
  content: '';
}
.ant-card-meta::after {
  clear: both;
}
.ant-card-meta-avatar {
  float: left;
  padding-right: 16px;
}
.ant-card-meta-detail {
  overflow: hidden;
}
.ant-card-meta-detail > div:not(:last-child) {
  margin-bottom: 8px;
}
.ant-card-meta-title {
  overflow: hidden;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-card-meta-description {
  color: rgba(0, 0, 0, 0.45);
}
.ant-card-loading {
  overflow: hidden;
}
.ant-card-loading .ant-card-body {
  user-select: none;
}
.ant-card-loading-content p {
  margin: 0;
}
.ant-card-loading-block {
  height: 14px;
  margin: 4px 0;
  background: linear-gradient(90deg, rgba(207, 216, 220, 0.2), rgba(207, 216, 220, 0.4), rgba(207, 216, 220, 0.2));
  background-size: 600% 600%;
  border-radius: 2px;
  animation: card-loading 1.4s ease infinite;
}
@keyframes card-loading {
  0%,
  100% {
    background-position: 0 50%;
  }
  50% {
    background-position: 100% 50%;
  }
}
.ant-card-small > .ant-card-head {
  min-height: 36px;
  padding: 0 12px;
  font-size: 12px;
}
.ant-card-small > .ant-card-head > .ant-card-head-wrapper > .ant-card-head-title {
  padding: 8px 0;
}
.ant-card-small > .ant-card-head > .ant-card-head-wrapper > .ant-card-extra {
  padding: 8px 0;
  font-size: 12px;
}
.ant-card-small > .ant-card-body {
  padding: 12px;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
.home {
  width: 100%;
  /* padding: 37px 56px; */
}
.home .serveInformation {
  border: 1px solid #e6e6e6;
  border-radius: 10px;
  padding: 0 20px 20px 20px;
}
.home .serveInformation-title {
  position: relative;
  top: -13px;
  background: #fff;
  display: inline-block;
}
.home .serveInformation-title .serveInformation-title-word {
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #1b5cfe;
}
.home .serveInformation-content {
  border: 1px solid transparent;
  height: 50px;
  background: #ffffff;
  border-radius: 10px;
  display: flex;
  text-align: center;
  justify-content: space-between;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #333333;
  background-color: #f9f9f9;
  margin-bottom: 20px;
  line-height: 50px;
}
.home .serveInformation-content .serveInformation-content-item {
  width: 210px;
}
.home .serveInformation-content:last-child {
  margin-bottom: 0;
}
.home .processInformation {
  width: 100%;
  height: 80px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}
.home .processInformation .processInformation-content {
  height: 100%;
  display: flex;
  background-color: #f9f9f9;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 10px;
}
.home .processInformation .processInformation-content .processInformation-item {
  width: 200px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-right: 1px solid #e3e3e3;
  text-align: center;
}
.home .processInformation .processInformation-content .processInformation-item .item-count {
  height: 50%;
  font-size: 24px;
  font-family: Microsoft YaHei;
  font-weight: bold;
}
.home .processInformation .processInformation-content .processInformation-item .item-count-error {
  height: 50%;
  font-size: 24px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #f50;
}
.home .processInformation .processInformation-content .processInformation-item .item-content {
  height: 50%;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #333333;
}
.home .processInformation .processInformation-content .processInformation-item:last-child {
  border: none;
}
.home .processInformation .processInformation-more {
  justify-content: space-between;
}
.home .processInformation .processInformation-more-item {
  width: 315px;
  height: 100%;
  vertical-align: middle;
  text-align: center;
  border-radius: 10px;
  background-color: #f9f9f9;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 10px;
}
.home .processInformation .processInformation-more-item .item-count {
  height: 50%;
  font-size: 24px;
  font-family: Microsoft YaHei;
  font-weight: bold;
}
.home .processInformation .processInformation-more-item .item-content {
  height: 50%;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #333333;
}
.home .executeInformation {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  height: 800px;
  justify-content: space-between;
}
.home .executeInformation .executeInformation-left {
  width: 70%;
  display: flex;
  flex-direction: column ;
}
.home .executeInformation .executeInformation-left .executeInformation-left-info {
  height: 48%;
  box-sizing: border-box;
}
.home .executeInformation .executeInformation-left .executeInformation-left-info .executeInformation-left-info-content {
  height: 300px;
}
.home .executeInformation .executeInformation-left .executeInformation-left-info .executeInformation-left-info-content .ant-table {
  min-height: 250px;
}
.home .executeInformation .executeInformation-left .executeInformation-left-info .executeInformation-left-info-content .ant-table-thead tr {
  border-radius: 10px;
}
.home .executeInformation .executeInformation-left .executeInformation-left-info .executeInformation-left-info-content .ant-table-thead tr th {
  background: #F3F8FF;
}
.home .executeInformation .executeInformation-left .executeInformation-left-info .executeInformation-left-info-content .ant-table-tbody > tr > td {
  padding: 12px 16px;
}
.home .executeInformation .executeInformation-right {
  width: 28%;
}
.home .executeInformation .executeInformation-right .executeInformation-content {
  height: 680px;
  overflow: auto;
}
.home .executeInformation .executeInformation-right .executeInformation-content .ant-table-body {
  min-height: 620px;
}
.log-form {
  margin-bottom: 20px;
}
.log-form .log-label {
  width: 100px;
  display: inline-block;
  text-align: right;
}
.item-count-error {
  height: 50%;
  font-size: 24px;
  font-family: Microsoft YaHei;
  font-weight: bold;
  color: #e65b25;
}
.tabs-div {
  width: '100%';
  margin-bottom: 0;
  margin-top: -30px;
}
.tabs-div .home-tabs {
  background: #fff;
  border-radius: 8px 8px 0 0;
  margin-left: -12px;
  margin-bottom: 16px;
  width: 103%;
  padding-left: 0;
  box-sizing: border-box;
}
.tabs-div .ant-tabs-bar {
  margin: 0 0 0px 0;
  border-bottom: 1px solid #e8e8e8;
  outline: none;
  transition: padding 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
.tabs-div .ant-btn {
  border: none;
  box-shadow: none;
}
.home-overview-root h3 {
  text-align: left;
  font-size: 18px;
  margin-bottom: 2px;
  margin-top: 0px;
}
.home-overview-root {
  background: #F4F5FA;
  min-height: 100vh;
  min-width: 100vh;
  padding: 12px;
  margin: -16px -30px -30px -30px;
}
.home-overview-root .home-overview-top {
  display: flex;
  gap: 12px;
  margin-bottom: 12px;
  font-family: 'Microsoft YaHei', sans-serif;
  font-weight: 500;
  line-height: 2;
}
.home-overview-root .home-overview-top .home-flow-info-card {
  padding: 10px 22px 0 10px;
  flex: 1;
  min-width: 450px;
  min-height: 250px;
  position: relative;
  overflow: hidden;
  opacity: 1;
  border-radius: 10px;
}
.home-overview-root .home-overview-top .home-flow-info-card .home-flow-bg {
  border: 1px solid #FFFFFF;
  border-radius: 10px;
  position: absolute;
  left: 10px;
  top: 10px;
  right: 10px;
  bottom: 10px;
  z-index: 0;
}
.home-overview-root .home-overview-top .home-flow-info-card .home-flow-bg::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border-radius: 10px;
  z-index: 1;
  pointer-events: none;
}
.home-overview-root .home-overview-top .home-flow-info-card .home-flow-bg.offline::after {
  background: url(/res/image/1f53c01202.png) no-repeat center;
  background-size: 100% 100%;
}
.home-overview-root .home-overview-top .home-flow-info-card .home-flow-bg.realtime::after {
  background: url(/res/image/e9eb100d34.png) no-repeat center;
  background-size: 100% 100%;
}
.home-overview-root .home-overview-top .home-flow-info-card .home-flow-info {
  position: relative;
  z-index: 2;
  padding: 2px 16px;
  font-size: 12px;
  color: #333;
  width: calc(100% - 108px);
}
.home-overview-root .home-overview-top .home-flow-info-card .home-flow-info div {
  margin-bottom: 2px;
}
.home-overview-root .home-overview-top .home-flow-info-card .home-flow-line {
  width: 365px;
  min-height: 100px;
  margin-left: 15px;
  margin-top: -5px;
}
.home-overview-root .home-overview-top .home-flow-info-card.offline {
  background: #DDE6FA;
}
.home-overview-root .home-overview-top .home-flow-info-card.realtime {
  background: #DDEEFF;
}
.home-overview-root .home-overview-top .home-run-status-card {
  padding: 10px 16px 0 16px;
  color: #333;
  flex: 1;
  min-width: 450px;
  min-height: 250px;
  display: flex;
  flex-direction: column;
  gap: 2px;
  border-radius: 10px;
  border: none;
  background: #FFFFFF;
}
.home-overview-root .home-overview-top .home-run-status-card .home-run-status-card-content {
  display: flex;
  flex-direction: row;
  width: 100%;
  margin-top: 0;
}
.home-overview-root .home-overview-top .home-run-status-card .home-run-status-card-content .home-run-status-card-content-pie {
  flex: 0.5;
  min-width: 80px;
  min-height: 80px;
  width: 170px;
  height: 180px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.home-overview-root .home-overview-top .home-run-status-card .home-run-status-card-content .home-run-status-card-content-stats {
  padding: 0 10px 0 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  flex: 1;
}
.home-overview-root .home-overview-top .home-run-status-card .home-run-status-card-content .home-run-status-card-content-stats .home-run-status-card-content-stat-card {
  width: 170px;
  height: 75px;
  flex: 1;
  background: #f5f8ff;
  border-radius: 8px;
  border: none;
  text-align: center;
  display: 'flex';
  align-items: 'center';
  height: 85;
  position: 'relative';
  overflow: 'hidden';
}
.home-overview-root .home-overview-top .home-run-status-card .home-run-status-card-content .home-run-status-card-content-stats .home-run-status-card-content-stat-card .custom-content-container {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
.home-overview-root .home-overview-top .home-run-status-card .home-run-status-card-content .home-run-status-card-content-stats .home-run-status-card-content-stat-card .custom-content-container .running {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
  opacity: 0.8;
  z-index: 1;
  background: url(/res/image/253147aae5.png) no-repeat center;
}
.home-overview-root .home-overview-top .home-run-status-card .home-run-status-card-content .home-run-status-card-content-stats .home-run-status-card-content-stat-card .custom-content-container .success {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
  opacity: 0.8;
  z-index: 1;
  background: url(/res/image/f9784b0997.png) no-repeat center;
}
.home-overview-root .home-overview-top .home-run-status-card .home-run-status-card-content .home-run-status-card-content-stats .home-run-status-card-content-stat-card .custom-content-container .error {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
  opacity: 0.8;
  z-index: 1;
  background: url(/res/image/d594d9ee06.png) no-repeat center;
}
.home-overview-root .home-overview-top .home-run-status-card .home-run-status-card-content .home-run-status-card-content-stats .home-run-status-card-content-stat-card .custom-content-container .interrupt {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-size: 100% 100%;
  opacity: 0.8;
  z-index: 1;
  background: url(/res/image/684c1a9962.png) no-repeat center;
}
.home-overview-root .home-overview-top .home-run-status-card .home-run-status-card-content .home-run-status-card-content-stats .home-run-status-card-content-stat-card .custom-content-container .right-content-section {
  position: relative;
  z-index: 2;
  width: 65%;
  margin-left: auto;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: left;
  padding-left: 4px;
}
.home-overview-root .home-overview-top .home-run-status-card .home-run-status-card-content .home-run-status-card-content-stats .home-run-status-card-content-stat-card .custom-content-container .right-content-section .content-title {
  font-size: 13px;
  color: #333;
  margin-bottom: 2px;
}
.home-overview-root .home-overview-top .home-run-status-card .home-run-status-card-content .home-run-status-card-content-stats .home-run-status-card-content-stat-card .custom-content-container .right-content-section .content-value {
  display: flex;
  align-items: center;
}
.home-overview-root .home-overview-top .home-run-status-card .home-run-status-card-content .home-run-status-card-content-stats .home-run-status-card-content-stat-card .custom-content-container .right-content-section .content-value .value-number {
  font-size: 22px;
  font-weight: bold;
  color: inherit;
}
.home-overview-root .home-overview-top .home-run-status-card .home-run-status-card-content .home-run-status-card-content-stats .home-run-status-card-content-stat-card .custom-content-container .right-content-section .content-value .value-unit {
  font-size: 12px;
  color: #666;
  margin-left: 4px;
}
.home-overview-root .home-overview-bottom {
  display: flex;
  gap: 12px;
  font-family: 'Microsoft YaHei', sans-serif;
  font-weight: 500;
  line-height: 2;
}
.home-overview-root .home-overview-bottom .home-warn-card,
.home-overview-root .home-overview-bottom .home-avg-card {
  padding: 10px 16px 16px 16px;
  flex: 1;
  min-width: 450px;
  background: #FFFFFF;
  border-radius: 10px;
  border: none;
}
.home-overview-root .home-overview-bottom .home-warn-card .ant-table,
.home-overview-root .home-overview-bottom .home-avg-card .ant-table {
  min-height: 350px;
}
.home-overview-root .home-overview-bottom .home-warn-card .ant-table-thead tr,
.home-overview-root .home-overview-bottom .home-avg-card .ant-table-thead tr {
  border-radius: 10px;
}
.home-overview-root .home-overview-bottom .home-warn-card .ant-table-thead tr th:not(.datav-th),
.home-overview-root .home-overview-bottom .home-avg-card .ant-table-thead tr th:not(.datav-th) {
  color: #030303 !important;
  background: #F5F7FC !important;
}
.home-overview-root .home-overview-bottom .home-warn-card .ant-table-tbody > tr > td,
.home-overview-root .home-overview-bottom .home-avg-card .ant-table-tbody > tr > td {
  padding: 12px 16px;
}
.home-overview-root .home-overview-bottom .home-warn-card .ant-table-small > .ant-table-content .ant-table-header,
.home-overview-root .home-overview-bottom .home-avg-card .ant-table-small > .ant-table-content .ant-table-header {
  margin-right: -15px;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-drawer {
  position: fixed;
  z-index: 1000;
  width: 0%;
  height: 100%;
  transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1), height 0s ease 0.3s, width 0s ease 0.3s;
}
.ant-drawer > * {
  transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1), box-shadow 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
}
.ant-drawer-content-wrapper {
  position: absolute;
}
.ant-drawer .ant-drawer-content {
  width: 100%;
  height: 100%;
}
.ant-drawer-left,
.ant-drawer-right {
  top: 0;
  width: 0%;
  height: 100%;
}
.ant-drawer-left .ant-drawer-content-wrapper,
.ant-drawer-right .ant-drawer-content-wrapper {
  height: 100%;
}
.ant-drawer-left.ant-drawer-open,
.ant-drawer-right.ant-drawer-open {
  width: 100%;
  transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
}
.ant-drawer-left.ant-drawer-open.no-mask,
.ant-drawer-right.ant-drawer-open.no-mask {
  width: 0%;
}
.ant-drawer-left.ant-drawer-open .ant-drawer-content-wrapper {
  box-shadow: 2px 0 8px rgba(0, 0, 0, 0.15);
}
.ant-drawer-right {
  right: 0;
}
.ant-drawer-right .ant-drawer-content-wrapper {
  right: 0;
}
.ant-drawer-right.ant-drawer-open .ant-drawer-content-wrapper {
  box-shadow: -2px 0 8px rgba(0, 0, 0, 0.15);
}
.ant-drawer-right.ant-drawer-open.no-mask {
  right: 1px;
  transform: translateX(1px);
}
.ant-drawer-top,
.ant-drawer-bottom {
  left: 0;
  width: 100%;
  height: 0%;
}
.ant-drawer-top .ant-drawer-content-wrapper,
.ant-drawer-bottom .ant-drawer-content-wrapper {
  width: 100%;
}
.ant-drawer-top.ant-drawer-open,
.ant-drawer-bottom.ant-drawer-open {
  height: 100%;
  transition: transform 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
}
.ant-drawer-top.ant-drawer-open.no-mask,
.ant-drawer-bottom.ant-drawer-open.no-mask {
  height: 0%;
}
.ant-drawer-top {
  top: 0;
}
.ant-drawer-top.ant-drawer-open .ant-drawer-content-wrapper {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
.ant-drawer-bottom {
  bottom: 0;
}
.ant-drawer-bottom .ant-drawer-content-wrapper {
  bottom: 0;
}
.ant-drawer-bottom.ant-drawer-open .ant-drawer-content-wrapper {
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.15);
}
.ant-drawer-bottom.ant-drawer-open.no-mask {
  bottom: 1px;
  transform: translateY(1px);
}
.ant-drawer.ant-drawer-open .ant-drawer-mask {
  height: 100%;
  opacity: 1;
  transition: none;
  animation: antdDrawerFadeIn 0.3s cubic-bezier(0.7, 0.3, 0.1, 1);
}
.ant-drawer-title {
  margin: 0;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
}
.ant-drawer-content {
  position: relative;
  z-index: 1;
  overflow: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 0;
}
.ant-drawer-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  display: block;
  width: 56px;
  height: 56px;
  padding: 0;
  color: rgba(0, 0, 0, 0.45);
  font-weight: 700;
  font-size: 14px;
  font-style: normal;
  line-height: 56px;
  text-align: center;
  text-transform: none;
  text-decoration: none;
  background: transparent;
  border: 0;
  outline: 0;
  cursor: pointer;
  transition: color 0.3s;
  text-rendering: auto;
}
.ant-drawer-close:focus,
.ant-drawer-close:hover {
  color: rgba(0, 0, 0, 0.75);
  text-decoration: none;
}
.ant-drawer-header {
  position: relative;
  padding: 16px 24px;
  color: #000000D9;
  background: #fff;
  border-bottom: 1px solid #e8e8e8;
  border-radius: 4px 4px 0 0;
}
.ant-drawer-header-no-title {
  color: #000000D9;
  background: #fff;
}
.ant-drawer-body {
  padding: 24px;
  font-size: 12px;
  line-height: 1.5;
  word-wrap: break-word;
}
.ant-drawer-wrapper-body {
  height: 100%;
  overflow: auto;
}
.ant-drawer-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background-color: rgba(0, 0, 0, 0.45);
  opacity: 0;
  filter: alpha(opacity=45);
  transition: opacity 0.3s linear, height 0s ease 0.3s;
}
.ant-drawer-open-content {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
@keyframes antdDrawerFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-statistic {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #000000D9;
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
}
.ant-statistic-title {
  margin-bottom: 4px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
}
.ant-statistic-content {
  color: rgba(0, 0, 0, 0.85);
  font-size: 24px;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', 'Helvetica Neue', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
}
.ant-statistic-content-value-decimal {
  font-size: 16px;
}
.ant-statistic-content-prefix,
.ant-statistic-content-suffix {
  display: inline-block;
}
.ant-statistic-content-prefix {
  margin-right: 4px;
}
.ant-statistic-content-suffix {
  margin-left: 4px;
  font-size: 16px;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
.lf-graph {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 0;
  background: #ffffff;
  user-select: none;
}
.lf-element-text {
  cursor: text;
}
.lf-text-disabled {
  pointer-events: none;
}
.lf-text-draggable {
  cursor: move;
}
.lf-node-anchor {
  cursor: crosshair;
}
.lf-node-anchor-hover {
  visibility: hidden;
}
.lf-anchor:hover .lf-node-anchor-hover {
  visibility: visible;
}
.lf-edge.pointer-none {
  pointer-events: none;
}
.lf-edge-append {
  cursor: pointer;
}
.lf-edge-animation {
  stroke-dashoffset: 100%;
  animation: lf_animate_dash 5s linear infinite;
}
@keyframes lf_animate_dash {
  to {
    stroke-dashoffset: 0;
  }
}
/* node */
.lf-node-not-allow {
  cursor: not-allowed;
}
.lf-polyline-append-ns-resize {
  cursor: ns-resize;
}
.lf-polyline-append-ew-resize {
  cursor: ew-resize;
}
.lf-dragging {
  cursor: grabbing;
}
.lf-drag-able {
  cursor: default;
}
.lf-bezier-adjust-anchor {
  cursor: pointer;
}
/* background */
.lf-background,
.lf-grid {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0;
  bottom: 0;
  z-index: -1;
}
.lf-background-area {
  width: 100%;
  height: 100%;
}
/* html-overlay */
.lf-html-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  pointer-events: none;
  overflow: hidden;
  user-select: none;
}
.lf-html-overlay__transform > * {
  pointer-events: all;
}
.lf-text-editable {
  pointer-events: all;
}
.lf-text-input {
  text-align: center;
  outline: none;
  position: absolute;
  border: 1px solid #edefed;
  box-sizing: border-box;
  line-height: 1.2;
  border-radius: 3px;
  resize: none;
  padding: 5px;
  min-height: 20px;
  min-width: 100px;
  white-space: pre;
  background: #fff;
  transform: translate(-50%, -50%);
}
.lf-get-text-height {
  display: inline-block;
  word-break: break-all;
  /* 为了跟输入效果保持一致，设置透明边框占位 */
  border: 1px solid transparent;
  box-sizing: border-box;
}
.lf-node-text-auto-wrap {
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  /* border: 1px solid transparent; */
}
.lf-node-text-auto-wrap-content {
  line-height: 1.2;
  background: transparent;
  text-align: center;
  word-break: break-all;
  width: 100%;
}
.lf-node-text-ellipsis-content {
  line-height: 1.2;
  background: transparent;
  text-align: center;
  white-space: nowrap;
  /* overflow: hidden;
  text-overflow: ellipsis; */
  width: 100%;
}
.lf-node-text-ellipsis-content > div {
  text-overflow: ellipsis;
  overflow: hidden;
}
/* tool-overlay */
.lf-tool-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  pointer-events: none;
  overflow: hidden;
}
.lf-tool-overlay > * {
  pointer-events: all;
}
/* modification-overlay */
.modification-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  pointer-events: none;
  overflow: hidden;
}
.modification-overlay > * {
  pointer-events: all;
}
.lf-outline,
.lf-snapline {
  pointer-events: none;
}
.lf-keyboard-tips {
  float: right;
}
.lf-node-select-decorate {
  transform: translate(-50%, -50%);
  pointer-events: none;
  border: 1px dashed #343435;
  position: absolute;
}
.lf-multiple-select {
  position: absolute;
  border: 2px dashed rgba(24, 125, 255, 0.8);
  box-shadow: 0px 0px 3px 0px rgba(24, 125, 255, 0.5);
  cursor: move;
}
.lf-edge-adjust-point {
  cursor: move;
}
.lf-rotate {
  cursor: grabbing;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
.lf-control {
  display: flex;
  padding: 0 15px;
  background: rgba(255, 255, 255, 0.8);
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  margin: 5px;
  position: absolute;
  right: 10px;
  top: 0;
}
.lf-control-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  justify-content: center;
  padding: 5px 10px;
}
.lf-control-item:hover {
  background: #efefef;
}
.lf-control-item.disabled {
  filter: opacity(0.5);
  /* cursor: not-allowed; */
  pointer-events: none;
}
.lf-control-item.disabled:hover {
  background: #fff;
}
.lf-control-item.disabled i {
  pointer-events: none;
}
.lf-control-item i {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  background-size: cover;
}
.lf-control-text {
  margin-top: 5px;
  font-size: 12px;
}
.lf-control-zoomOut {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAFMElEQVR4Xu3dsQ3CQBBFQei/KEoDXQG2xAv9h3yDnb0nh7xffgQIXAq82RAgcC0gEK+DwI2AQDwPAgLxBgg0AV+Q5mZqREAgI4e2ZhMQSHMzNSIgkJFDW7MJCKS5mRoREMjIoa3ZBATS3EyNCAhk5NDWbAICaW6mRgQEMnJoazYBgTQ3UyMCAhk5tDWbgECam6kRAYGMHNqaTUAgzc3UiIBARg5tzSYgkOZmakRAICOHtmYTEEhzMzUiIJCRQ1uzCQikuZkaERDIyKGt2QQE0txMjQgIZOTQ1mwCAmlupkYEBDJyaGs2AYE0N1MjAgIZObQ1m4BAmpupEQGBjBzamk1AIM3N1IiAQEYObc0mIJDmZmpEQCAjh7ZmExBIczM1IiCQkUNbswkIpLmZGhEQyMihrdkEBNLcTI0ICGTk0NZsAgJpbqZGBAQycmhrNgGBNDdTIwICGTm0NZuAQJqbqREBgYwc2ppNQCDNzdSIgEBGDm3NJiCQ5mZqREAgI4e2ZhMQSHMzNSIgkJFDW7MJCKS5mRoREMjIoa3ZBATS3EyNCAhk5NDWbAICaW6mRgQEMnJoazYBgTQ3UyMCAhk5tDWbgECam6kRAYGMHNqaTUAgzc3UiIBARg5tzSYgkOZmakRAICOHtmYTEEhzMzUiIJCRQ1uzCQikuZkaERDIyKGt2QQE0txMjQgIZOTQ1mwCAmlupkYEBDJyaGs2AYE0N1MjAgIZObQ1m4BAmpupEQGBjBzamk3gBPJpo6YIPF/gBPJ9/po2JNAEBNLcTI0ICGTk0NZsAgJpbqZGBAQycmhrNgGBNDdTIwICGTm0NZuAQJqbqREBgYwc2ppNQCDNzdSIgEBGDm3NJiCQ5mZqREAgI4e2ZhMQSHMzNSIgkJFDW7MJCKS5mRoREMjIoa3ZBATS3EyNCAhk5NDWbAICaW6mRgQEMnJoazYBgTQ3UyMCAhk5tDWbgECam6kRAYGMHNqaTUAgzc3UiIBARg5tzSYgkOZmakRAICOHtmYTEEhzMzUiIJCRQ1uzCQikuZkaETiB+AOdkWNb83+BE4gfAQIXAgLxNAjcCAjE8yAgEG+AQBPwBWlupkYEBDJyaGs2AYE0N1MjAgIZObQ1m4BAmpupEQGBjBzamk1AIM3N1IiAQEYObc0mIJDmZmpEQCAjh7ZmExBIczM1IiCQkUNbswkIpLmZGhEQyMihrdkEBNLcTI0ICGTk0NZsAgJpbqZGBAQycmhrNgGBNDdTIwICGTm0NZuAQJqbqREBgYwc2ppNQCDNzdSIgEBGDm3NJiCQ5mZqREAgI4e2ZhMQSHMzNSIgkJFDW7MJCKS5mRoREMjIoa3ZBATS3EyNCAhk5NDWbAICaW6mRgQEMnJoazYBgTQ3UyMCAhk5tDWbgECam6kRAYGMHNqaTUAgzc3UiIBARg5tzSYgkOZmakRAICOHtmYTEEhzMzUiIJCRQ1uzCQikuZkaERDIyKGt2QQE0txMjQgIZOTQ1mwCAmlupkYEBDJyaGs2AYE0N1MjAgIZObQ1m4BAmpupEQGBjBzamk1AIM3N1IiAQEYObc0mIJDmZmpEQCAjh7ZmExBIczM1IiCQkUNbswkIpLmZGhEQyMihrdkEBNLcTI0ICGTk0NZsAgJpbqZGBAQycmhrNgGBNDdTIwICGTm0NZuAQJqbqREBgYwc2ppNQCDNzdSIgEBGDm3NJiCQ5mZqREAgI4e2ZhMQSHMzNSIgkJFDW7MJCKS5mRoREMjIoa3ZBATS3EyNCPwAiAUiJ9hUCCUAAAAASUVORK5CYII=);
}
.lf-control-zoomIn {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAGr0lEQVR4Xu3dsW3cABQEUaoIN+F6DDfpJlSFm1ARMi53JAywwse7nHP8s5iYb49faeDP8zy/SuAXWK93+P2F5zzyHwNvrKQGBJLq3MME0m4gkNbnnCaQdgKBtD7nNIG0Ewik9TmnCaSdQCCtzzlNIO0EAml9zmkCaScQSOtzThNIO4FAWp9zmkDaCQTS+pzTBNJOIJDW55wmkHYCgbQ+5zSBtBMIpPU5pwmknUAgrc85TSDtBAJpfc5pAmknEEjrc04TSDuBQFqfc5pA2gkE0vqc0wTSTiCQ1uecJpB2AoG0Puc0gbQTCKT1OacJpJ1AIK3POU0g7QQCaX3OaQJpJxBI63NOE0g7gUBan3OaQNoJBNL6nNME0k4gkNbnnCaQdgKBtD7nNIG0Ewik9TmnCaSdQCCtzzlNIO0EAml9zmkCaScQSOtzThNIO4FAWp9zmkDaCQTS+pzTBNJOIJDW55wmkHYCgbQ+5zSBtBMIpPU5pwmknUAgrc85TSDtBAJpfc5pAmknEEjrc04TSDuBQFqfc5pA2gkE0vqc0wTSTiCQ1uecJpB2AoG0Puc0gbQTCKT1OacJpJ1AIK3POU0g7QQCaX3OaQJpJxBI63NOE0g7gUBan3OaQNoJBNL6nNME0k4gkNbnnCaQdgKBtD7nNIG0Ewik9TmnCaSdQCCtzzlNIO0EAml9zmkCaScQSOtzThNIO4FAWp9zmkDaCQTS+pzTBNJOIJDW55wmkHYCgbQ+5zSBtBMIpPU5pwmknUAgrc85TSDtBAJpfc5pAmknEEjrc04TSDuBQFqfc5pA2gkE0vqc0wTSTiCQ1uecJpB2AoG0Puc0gbQTCKT1OacJpJ1AIK3POU0g7QQCaX3OaQJpJxBI63NOE0g7gUBan3OaQNoJBNL6nNME0k4gkNbnnCaQdgKBtD7nNIG0Ewik9TmnCaSdQCCtzzlNIO0EAml9zmkCaScQSOtzThNIO4FAWp9zmkDaCQTS+pzTBNJOIJDW55z2CuR9/hZ3XuDn8zw/xud8PM/zd/wOZ/7+FcjnmWscwkBsQCCxULhbBgRya0/XxAYEEguFu2VAILf2dE1sQCCxULhbBgRya0/XxAYEEguFu2VAILf2dE1sQCCxULhbBgRya0/XxAYEEguFu2VAILf2dE1sQCCxULhbBgRya0/XxAYEEguFu2VAILf2dE1sQCCxULhbBgRya0/XxAYEEguFu2VAILf2dE1sQCCxULhbBgRya0/XxAYEEguFu2VAILf2dE1sQCCxULhbBgRya0/XxAYEEguFu2VAILf2dE1sQCCxULhbBgRya0/XxAYEEguFu2XgFYgP6HSb+oBO5/JbkF6B+HUGfIKtc/ktSAJpZxBI63NOE0g7gUBan3OaQNoJBNL6nNME0k4gkNbnnCaQdgKBtD7nNIG0Ewik9TmnCaSdQCCtzzlNIO0EAml9zmkCaScQSOtzThNIO4FAWp9zmkDaCQTS+pzTBNJOIJDW55wmkHYCgbQ+5zSBtBMIpPU5pwmknUAgrc85TSDtBAJpfc5pAmknEEjrc04TSDuBQFqfc5pA2gkE0vqc0wTSTiCQ1uecJpB2AoG0Puc0gbQTCKT1OacJpJ1AIK3POU0g7QQCaX3OaQJpJxBI63NOE0g7gUBan3OaQNoJBNL6nNME0k4gkNbnnCaQdgKBtD7nNIG0Ewik9TmnCaSdQCCtzzlNIO0EAml9zmkCaScQSOtzThNIO4FAWp9zmkDaCQTS+pzTBNJOIJDW55wmkHYCgbQ+5zSBtBMIpPU5pwmknUAgrc85TSDtBAJpfc5pAmknEEjrc04TSDuBQFqfc5pA2gkE0vqc0wTSTiCQ1uecJpB2AoG0Puc0gbQTCKT1OacJpJ1AIK3POU0g7QQCaX3OaQJpJxBI63NOE0g7gUBan3OaQNoJBNL6nNME0k4gkNbnnCaQdgKBtD7nNIG0Ewik9TmnCaSdQCCtzzlNIO0EAml9zmkCaScQSOtzThNIO4FAWp9zmkDaCQTS+pzTBNJOIJDW55wmkHYCgbQ+5zSBtBMIpPU5pwmknUAgrc85TSDtBAJpfc5pAmknEEjrc04TSDuBQFqfc5pA2gkE0vqc0wTSTiCQ1uecJpB2AoG0Puc0gbQTCKT1OacJpJ1AIK3POU0g7QQCaX3OaQJpJxBI63NOE0g7gUBan3OaQNoJBNL6nNME0k4gkNbnnCaQdgKBtD7nNIG0Ewik9TmnCaSdQCCtzzlNIO0EAml9zmkCaScQSOtzThNIO4FAWp9z2j95TXI4rwKcnQAAAABJRU5ErkJggg==);
}
.lf-control-fit {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAKq0lEQVR4Xu2d8bEURRCHmwg0AyECIAIlAs1AjQCJQI1AiUCJQIhAiQCMAIhAjUDr9+rOOinf4+bedO/8er+t4h9qrnfm6/7ezO3tzt4JDghA4FoCd2ADAQhcTwBBqA4I3EAAQSgPCCAINQCBywgwg1zGjU/thMBKgtyNiM8j4osT9s8j4kVEvN1JPvY2zOVzvoogjyPixxuq45uIeLq36mk+XoucryCIiv+HM4rhyQckOiMETRYhYJPzrQXRFPtmIGn3WG4N0FqzqVXOtxbk3L8kx1Qzi6xZ9CO9ssr51oL8FhGfDtDVF/bTL/EDH6XpIgSscu4myMuI+GyRRNONywiMCrJpzhHksiTzqcsJIMgAOytYA+Oi6fUErHLODEIpVxNAkAHiVrAGxkVTZpApNYAgUzBaBbHKOUssq9pq0VkEGUijFayBcdGUJdaUGkCQKRitgljlnCWWVW216CyCDKTRCtbAuGjKEmtKDSDIFIxWQaxyzhLLqrZadBZBBtJoBWtgXDRliTWlBhBkCkarIFY5Z4llVVstOosgA2m0gjUwLpqyxJpSAwgyBaNVEKucs8Syqq0WnUWQgTRawRoYF01ZYk2pAQSZgtEqiFXOWWJZ1VaLziLIQBqtYA2Mi6YssabUAIJMwWgVxCrnLLGsaqtFZ+0F0SsIHhSl4quI0F6t5x6bbiJ2bidpdyOBUUH06oufi5i+Prxu49/Tnc4gKlbtsv5xUWcuOQ2CXEJtrc+MClLd+z8jQntAX0l5FOS7iPi2uicXnA9BLoC22EdWF+SI6/uI+E6CaK/bXxeDeF13EMQkUTd000UQDeGRBNFU8qUJdwQxSVQTQZ5JkD8W/95xyhpBEKSSwFsJ8nflGW95LgS5JcAFPu60xLr6ko4gC1TNjrpgJ4iu/d43SdDVlQWTvtLN/yegtxnrDbcOx0vNIKPvjNtyYA8jQkJz+BLQj9CvTLr/RILoh0FNe6vPIs8iQj9mcvgTcLhy+rt+Ajn+UCir1elVJdHLOyWHfuXk8CegP8qqN93WtOIhOVRvr09vNVGn9Z/6t4Iofx1mtueF9+KsmKzOfVKt6a3Fq4iiq6THerv6Y7z13bydk8/YGhBAkAZJZAh5BBAkjy2RGxBAkAZJZAh5BBAkjy2RGxBAkAZJZAh5BBAkjy2RGxBAkAZJZAh5BBAkjy2RGxBAkAZJZAh5BBAkjy2RGxBAkAZJZAh5BPYmiO5a/uiwk0se1b6R9ViEbiLdzTM5exBEOzdqzy/dNbrypnhOWulOV931qic8tfNh26OzIJJBO0XykFVu+eq5Du1E2PJZna6CaCn1U+Eew7kluH50Lbm+7rj06iiIZo43LKfKrdIMcq/bTNJREG0IULU7fXkVLn5CzSTaWKPN0U0Qfd/Q0opjOwJaalW9riB9lN0E0dJq5H0j6YB3eAJd1dJSq8XRSRBdxv2lRVb8B/HosOGG/Ug6CeK0Y5994XxgAE8PGxLaj7OTIFZ7vtpXzs0DaLPJeCdB+P6xjnVtvod0EsRpl/p1SjmvJy1qq8UgDjkeFYSd4s+X45J3WLaorRaDQJDzK/3ClghyIbiVPsYMkpcNBMljWxYZQfJQI0ge27LICJKHGkHy2JZFRpA81AiSx7YsMoLkoUaQPLZlkREkDzWC5LEti4wgeagRJI9tWWQEyUONIHlsyyIjSB5qBMljWxYZQfJQI0ge27LICJKHGkHy2JZFRpA81AiSx7YsMoLkoUaQPLZlkREkDzWC5LEti4wgeagRJI9tWWQEyUONIHlsyyIjSB5qBMljWxYZQfJQI0ge27LICJKHGkHy2JZFRpA81AiSx7YsMoLkoUaQPLZlkREkDzWC5LEti4wgeagRJI9tWWQEyUONIHlsyyIjSB5qBMljWxYZQfJQI0ge27LICJKHGkHy2JZFRpA81AiSx7YsMoLkoUaQPLZlkREkDzWC5LEti4wgeagRJI9tWWQEyUONIHlsyyIjSB5qBMljWxYZQfJQI0ge27LICJKHGkHy2JZFRpA81AiSx7YsMoLkoUaQPLZlkREkDzWC5LEti4wgeagRJI9tWWQEyUONIHlsyyIjSB5qBMljWxYZQfJQI0ge27LICJKHGkHy2JZFRpA81AiSx7YsMoLkoUaQPLZlkREkDzWC5LEti4wgeagRJI9tWWQEyUONIHlsyyKPClLWsZ2e6E6HcbcYxCERbyPikw5JaTCGdxFxt8E4opMgv0XEpx2S0mAMLyPiswbjaCXIjxHxuENSGozhaUR802AcrQT5IiJ+6ZCUBmN4FBGa0e2PTkssJYPvIduXZJvvH0LZTZCvIuKn7Wtk1z34OiJ+7kKgmyDKy+uIuN8lQWbj+D0iHpj1+cbudhTk48NS66NOiTIYy1+HS7t/GvT17C52FESD118xTfPMJGeXwq0aaubQ8lazd6ujqyBKkmYSXfr9slXG1hvMs8Ml3VYzxxFzZ0GOY9QvurqXSJeBWXbNEUxXqnQZV1x15bDtsQdBTpOnpZdmlha/8m5QlZJCM0W7pdR1LPcmyAY1xSmdCSCIc/boezoBBElHzAmcCSCIc/boezoBBElHzAmcCSCIc/boezoBBElHzAmcCSCIc/boezoBBElHzAmcCSCIc/boezoBBElHzAmcCSCIc/boezqBU0F0E59uDdd9/as8FfY8IvRPt1Rz9COgetNd1vq3wqGbMPUckert6vb9oyASQs9yryLG+7AkiZ51bvnMwQqVUdwH/TFWva0ixvvDlyiqt9cSRJ39dWE5jp2X2eo0hz8ByaGVysqHJHkkQbTB1w8r9/Skbw/39CyCSU5Gu6lVyqvRD23U/okEUWdXXVq9z+X7w1NsG/HitBMIOO2A+VKCOO2K3mbP1wmF5hrCag9lBHEtM99+2wmiK0Mumxkwg/iKcey5kyDvNIPo6pDL1jgIgiCVBJ5JEO3wocu8DgeCOGTp5j46zSBXl3l1XPIOui1ShSBbUJ97ThdBrq6Ynt5qoh9udAlu5e8jCDK3WLeItrog2mNYvw1e7VD/fzcr6uf/qt9FJOXIewURZIuSnnvOUUG0i2PV6xTUt/+8+Gfru3lHYSHI3GLdIppVzhFkixLZ9zkRZCD/VrAGxkXT6wlY5ZwZhFKuJoAgA8StYA2Mi6bMIFNqAEGmYLQKYpVzllhWtdWiswgykEYrWAPjoilLrCk1gCBTMFoFsco5Syyr2mrRWQQZSKMVrIFx0ZQl1pQaQJApGK2CWOWcJZZVbbXoLIIMpNEK1sC4aMoSa0oNIMgUjFZBrHLOEsuqtlp0FkEG0mgFa2BcNGWJNaUGEGQKRqsgVjlniWVVWy06iyADabSCNTAumrLEmlIDCDIFo1UQq5yzxLKqrRadRZCBNFrBGhgXTVliTakBBJmC0SqIVc5ZYlnVVovOIshAGkdhvVj4xY8Dw951U6ucbz2DjL4f8clh/+BdV5j54K1yvrUgdyPizUDC70XE24H2NF2PgFXOtxZE6Tv3Lwqzx3rFfmmPbHK+giDnSIIcl5biup/7kCRL5HwVQZRGTb169YL+6dC7E/WF7jnLqnWr/JY9Wz7nKwlyS9Z8HALzCSDIfKZEbEQAQRolk6HMJ4Ag85kSsREBBGmUTIYynwCCzGdKxEYE/gHBVkPiBWPScAAAAABJRU5ErkJggg==);
}
.lf-control-undo {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAARvklEQVR4Xu2dB6wvRRXGf4iKgCJg7xJBUFDBLlZiBWyxUBXFACoWxEIRxAJYg4iFiGDEiLyHGkURxYiNKEZBRYiIYq+oWJ+o0Yjmu+yfd999/7Jlzu7s7neSm/uSN3Pm7Hf2u7Mzc+acDbAYASMwE4ENjI0RMAKzETBB/HYYgTkImCB+PYyACeJ3wAjUQ8AzSD3c3GskCJggI3G0H7MeAiZIPdzcayQImCDxjr498Bbg2fFDeYTUCJggqRFdV99zgJOANcCdYoey9ggETJAIVOFWwAeBXQv1vzJBYoCO1mqCpEf4ycAHgC2XqTZB0uPcikYTJB3MmwPvAfaZotIESYdzq5pMkDRwPwY4A7jNDHUmSBqcW9digjSDfFPgRODABWpMkGY4d9bbBKkP/UOBVSUX3yZIfZw77WmCVIf/JsCbgEOAsviZINVxzqJHWQdnYWwGRtwPWA1sXdEWE6QiYLk0N0HKeeJGwGuBI4ANy3VZp5UJUgO0HLqYIIu9sD1wFqDfdcUEqYtcx/1MkNkOuAFwGPB64MYN/WSCNASwq+4myHTktcbQWkNrjhRigqRAsQMdJsi6oAuPFwNvBjZJ6A8TJCGYbaoyQdairWhbnWvofCO1mCCpEW1JnwlyHdDPK07ENwvC3QQJAjZa7dgJsjIsPQpvEyQK2WC9YybItLD0KLhNkChkg/WOkSAKS38vsGcwtsvVmyAtgp1yqLERZFFYekpsTZAoNFvUOxaCKCz9ncVivEV4rx/KM0gXqCcYcwwEqRKWngDSqSpMkChkg/UOmSAKS1e6nZdUCEuPgtsEiUI2WO9QCVI3LD0KbhMkCtlgvUMjiMLSFVyoIMM6YelRcJsgUcgG6x0SQVKEpUfBbYJEIRusdwgEUVj6kcWFJs0gOYoJkqNXStjUd4KkDksvAVmtJiZILdi679RXgsjulxbJEzbuHsaFFpggCyHKs0EfCRIZlh7lJRMkCtlgvX0jyAHA24GbBeOSWr0JkhrRlvT1hSBK6anUnoql6qOYIH30WgYnzGVg2xt494ps6WX65dTGBMnJGxVsyXkGUfkAlRHQvY2+iwnSUw/mShAVnlEBGt34G4KYID31Ym4E0eJbYenP7Smes8w2QXrq0JwI8ijgw4CKXg5NTJCeejQHguig723AwT3ZNKjjahOkDmoZ9OmaIA8qMhjeNQMsIk0wQSLRDdTdFUGU6/YNwKsABRsOXUyQnnq4C4Lcp8iWvm1PMatjtglSB7UM+rRJkBsWYemvAXINS49yiQkShWyw3rYIorD0jwGaPcYoJkhPvR5NEOk/FDgeUBKFsYoJ0lPPRxKkj2HpUW40QaKQDdYbRZCDgBOAmwbb3xf1JkhfPLXCztQE6XtYepQbTZAoZIP1piTIvsC7gC2Cbe6jehOkj15LFNqhsPRTgaf1FIO2zP5KWwM1GOdfwD+n/FwD/AK4svi5qsEYveradAZ5CnAacMtePbWNbYrA35eR5fvABcAXmyrNsX9dgigsXbf89svxoWxTJwho5vkq8AXgfOA7wLWdWJJw0DoEeSxw+kDD0hNCO3pVfwXOLYJRz+krGlUIorB0bd2+sK8Pa7s7Q+CPwEeBM4tZ5n+dWVJx4LIEUY0NXWa6S0X9bm4EViKgHT1lqFH6pj/kDs8igigsXWEiLx9JWHru/hqSfVqzqFakarj8LtcHm0eQMYal5+qnIdulreX3AW/MkSizCKKQdF1oshiBNhHQQbPeu6vbHHTeWCsJoktMZ404LD0Xv4zZDu1+HVtkt/lP10BMCKJrr1pnHAds1LVRHt8IAD8GXgmc3SUaIshWxQ7VQ7o0xGMbgRkIfLkodXFZFwiJIM8udhM26cIAj2kESiLw6qIeTMnmaZpNPrF8uSkNntYSi4BivvYBfh07zFrtyxfp+rdqir8Z6EPVprYw8jh5IfA3YH/g422YNW2bVwkWdNKppG4WI5ArAkpuHp7DedY5iHa1DgdeB+g03WIEckTga4AqAayJMm5RqEnOtcejMLHefiGg3S1VHvt9hNmLCKIxleTttcARwIYRRlinEWiIwM+AXQD9TiplCDIZ8H5FbL/WKBYjkBsCmkE0kyQ9L6lCEAGi5G9vAg5JdJ89N5BtT78R+AvwMOB7qR6jKkEm4+p+yCpA5ycWI5ATAppJFBXykxRG1SWIxt4UOBE4MIUh1mEEEiLwS+DBwG+a6mxCkMnY+u7TuYmSxlmMQC4I/BDYGdB139qSgiAafHPgFGCP2pYMv2PuebG0Q6kcZ5sBylpz8wG45LvAw5uck6QiyARLJY9TnixnV1z37dKUf+cevnC3LdaZdwT0c0/gicW/+/I4Ckl5el1jUxNEdqi2+QeA3esaNcB+yko4pIQXOwBPKH4e3QN/KcZQedwqSwRBJkYoqZxqng9hqq4M7IoOQ87Nq0+yxwNPAnYDbtEUrID+upmondeLquqOJIhsUc1zpQtSDfQxy5AJstyvirpQAOFRGc6YCpHXzKezktISTZCJIUo2p1ro2hoeo4yFIBPfiijPK4iS01nZeUVwY+l3sC2CyCDVQl890jD6sRFk8gIqEvxgQLcBtTbNQVTcSdUISkmbBJFBY00OMVaCTF5CbRsrAYMSg3RddUyfWIonLHU+0jZBJoCNLb3Q2Aky8bs+t5SfV/FSXYpSW+1VxoCuCCLbVDddi7mji3+XsbevbUyQtZ6bXMZTgji9A12Jtqk/t2jwLgkyse2+ReDj3RcZ2+P/7+tBYSTkDyhyXmmnswvR2dR2RTWtmePnQJCJcQqj16WsIYoJMt2rit/7DKA/kl2IEpQcOW/gnAgiO5UoQjtd2vEakvgTa7Y3lY9NawKFsLQtyjCvGWzm2UhuBBFASjk0uZTVNmBR4w0t1CQCJ229HhCheIFOpdtVsvapkiNBJobq9F2n8F19o6b0lWeQxWjqXVQqH2X6bFNUkPR2gH6vJzkTRMZq/1wp8Z/TJmIBY5kg5UDVDpe2gfcs1zxZK80gmkl6R5CJwfo+VYRwX8tN+xOr2rusKrltRgnr0FBnNFqTrCO5zyDLjdVlHlUiqh3bX81HSVt7F6sanPpDqOwkuo/SlhwKvKPPBJnYvjfwnp5dyvInVvXXXDPI51vMnnMFcI8hEETPoEWVarU/rjrunfTwJ1Y92F8PHFOva61eujNy4fKeffrEmvbE2hZUOWEt5nMWzyD1vKNQlEsApcBtQ7TOVZj+9dJ3guhB+lDbxASp/3rvVNwEbCPtrSruav1zzcTcIRBEz6LneGlxwJhjbRMTpD5B1POtwKuaqSjde537IkMhyOTptylydD2wNBztNPQapBnOSnmrop5tHBp/tUgVtGTx0AiiZ9Jhk4IelZE+l9omnkGaEUS9X1Q3M0nFoa8tEo0snawPkSATPHKqbWKCVHxLpzTXHzuVN9AOZrQ8Ffjk0Ami51PyAFXJUrWsNhZ5sxxngqR5pZ9fVGROo222FoU3aU076Blk+eN3XdvEBEnzSusPnhJSR4ccXT7ZWh7yJ9ZKl2ihpwsy+svQ9nObIGkI0uaOlj7lrmr7RUkHU31NXdQ2MUHq+2tlT6Vw/WkLf+SepesWYySIANfJu9KihpcRLrzrbd50BJEmxWip7EakKHDx0LESZAJsW7VNPIOkfZVVAnC9yNu0QyxlPHnC2AkiTFXb5GRAUcJRYoKkRfZewKVpVa6n7efKjWCCrMXlycWlLN07SS0mSGpEr8uMGOGr5ZbexARZ13HKH6t70bsm9qcJkhjQIpdaqeyIDYbe0QSZjp4W7/rGTVXbxARp8JbO6KobgLrqECl7mSCz4b0D8CFglwQe8C5WAhBXqNBluYWpQxsOe4wJshhBBckp3FoJzuqKZ5C6yM3up5qPWkhHyskmSDl4m9Y2MUHK4Vy1lS44bVS1U4X2q0yQCmgBhwFvqdZlqbU/sWqAVqLLd4AdS7Sr2+Q8E6Q6dHVqm3gGqY5zmR7RJ+rfNEHKuGH9NkomoGx8Ki1WpsaFCVIP50W9lJp2n0WNGvz/lSZIA/SA+xSZyTWrzBMTpBnOs3qfCLwsRvWS1qtNkDTonlDU35ulzZkV0+C8UotmcVWqChMTJB2082qbeAZJh/NyTbrfo9uiUbLGBEkLrVIO6XT3BSvUmiBpcZ5oU5DpC2NUL2n9jQkSg+7K2iYmSAzOZwD7xqhe0voDEyQOXV3KUpJtFYQxQWJw/hTwpBjVS1ovNkEC0S1UKzL4+A4LVcY/YXcjRB8UfskEace5N51V4qud4Qc7igreKBlHlJxtgkRBa73RCNwN+FHwIKebIMEIW30YAroBupT9MFCOMkEC0bXqUASUe1lZMyPlqSZIJLzWHYnA14EHRw4AbGuCBCNs9SEI6Cr0n4OTx/0b2NgECfGflQYjoDrqq4PHUJXde5sgwShbfQgCZwbnMZPRZwFO2hDiPiuNRECfV78Lvmor+1+huDrPIJGutO4IBA4uQngidC/Xqbs+l5og0TBbf2oELgZU7yVS/gJsoQFMkEiYrTs1Ag8Avpla6RR9qyZXeU2QFtD2EMkQUKI4JYyLlgOA93sGiYbZ+lMioNLe30ipcI4uFelRqiZ/YrUEuIdpjoDql6s6WLT8ANhuMog/saLhtv4UCDwT+EgKRSV0KBHEcSZICaTcJAsEdO7xkxZqgehh/wfcsaiku/TwnkGyeAdsxBwElGFfBTXbkC+srH1ogrQBu8eoi4Dum+veeVui/AFKBHG9mCBtQe9xqiKgbJU6FNR15TbkGuCWgDLGmyBtIO4xaiOwWUGObWprqN7xVOCgld08g1QH0j3iETgX2C1+mHVGEBnXu+NugrTsBQ83F4EbFGHmz2gZp9OB/aeNaYK07AkPNxMBvYvasYrMlDht8P8CWwFKML6emCB+Y3NBQGsAxUC1LadMyaXsRXrbXvB4MxFQcdSPdrDmkEG6d771rNlDDTyD+M3tEoFbA+cBO3VkxEmLCvCYIB15xsOieiqfAG7XERa/L2aPNfPGN0E68s6Ih90QOKqo8VimvmMUVPsVmwJz9ZsgUfBb7zQEdM9C6w3dDOxSLiwbOm+CdOmm8YytmUJZQo5uMXRkFrra1t1exXHKwG+ClEHJbZog8EhAW7htho3Ms1cFV19Z9oFMkLJIuV1VBHYpdoiUhT0XuQK4P6DAxFJigpSCyY1KInDjIhvIIcCOJfu01ezvRV17Xb4qLSZIaajccA4CuiuuEJE9gFtkiJRuCu4OfLaqbSZIVcTcXggoHH1n4BEFMe6cOSzHAMfWsdEEqYPauPpsDtyr2Pm5N/BwYIceQfDpJpVwx0wQpdBPUYT+WuCCHr0ws0zVAd6WgJIkaIbQb6W/UThIX+XbgGrWzz0tn/dwYyaItvre1lfP2+6FCFxZVKD608KWcxqYIE3Qc99cEfhpcVL+26YGmiBNEXT/3BAQKRQIOfUCVFVjTZCqiLl9zgjoc0qFPfV5lURMkCQwWkkGCFxVLMhLxViVtdcEKYuU2+WMwI8LcvwqtZEmSGpEra9tBC4BHg002q2aZbQJ0rY7PV5KBL5S3GX/R0qly3WZIFHIWm80AqcBB0YPYoJEI2z9qRFQgU1dlz0nteJp+kyQNlD2GKkQUHkClULQjlUrYoK0ArMHaYiAMq4fDryzoZ7K3U2QypC5Q8sIKBBUWdeTnm+UfQYTpCxSbtc2AspbpYBS5evtTEyQzqD3wDMQ0PUB5cs9Avhb1yiZIF17wOMvR+Ci4o7Ot3KBxQTJxRPjtUP3xXXrT+l4dPCXlZggWbljVMZoZ0rri7dOq+yUCxImSC6eGI8dPwNU0endwB9zf2wTJHcPDcM+HeytBs4EtM7ojZggvXFV7wy9GvhM8Rl1fu+sLww2QfrqufzsVuYQHeopHESEuCw/E6tbZIJUx8w9QAGDPyyutl5e7D59bYjAmCBD9Gr9Z/prsXDW5SP9aBGt338AlClEd731o8+nUciYCTIKB/shmyFggjTDz70HjoAJMnAH+/GaIWCCNMPPvQeOgAkycAf78ZohYII0w8+9B46ACTJwB/vxmiFggjTDz70HjsD/AT5bM+fiPLaOAAAAAElFTkSuQmCC);
}
.lf-control-redo {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAASJElEQVR4Xu2dCdB2YxnHf0hZvkTC2CpZxpKZZB0iDcZUQ5LJEkNkouxEWUJSyJatIssIqca0aLSQyiStTCotQzXaJs1EQiqq+X/ffXzv937v85ztXs+5rpl3vm/mPee6r/t/n9/7POec676uJTAzBUyBiQosYdqYAqbAZAUMELs6TIEpChggdnmYAgaIXQOmQDcF7BOkm2521kgUMEBGstA2zW4KGCDddLOzRqKAAVLuQt8AnAj8qdwp5B+5AZL/Gk2K8A/APOAo4Ppyp5F35AZI3uszLToBsqY74CvAgcBfy51OnpEbIHmuS5OoZgKi4/8GvB34UpOT7ZhmChggzXTK8ajZgFQx3gS8G3gsx6BLi8kAKW3FFsY7CRAd8Rdgf+COcqeXR+QGSB7r0CWKaYBU/q4EjgOe7DKAnQMGSLlXQRNANLvfA/sCd5c71XSRGyDptO87clNANM7/gIuBk4Gn+w48pvMNkHJXuw0g1SwfBPYBflzutONGboDE1dvnaF0A0fjPAOcAHwD+4zOgIfoyQMpd1a6AVDP+ObA3oH/NJihggJR7afQFRDP/N3A6cB7w33KlCBe5ARJO29CefQBSxah7kr2A34UOujT/BkhpK7YwXp+AyOtTwEnAZeVK4j9yA8S/prE8+gakivtbwNssjX6BHAZIrMvZ/zihAFGkjwPHANf6D7ssjwZIWes1M9qQgFTjjD6N3gAxQOoUGHUavQFSd3nk+/sYnyAzZ38zcPjY0ugNkHwBqIssNiCKZ3Rp9AZI3WWY7+9TAFKpcTVw9BjS6A2QfAGoiywlIIptFGn0BkjdZZjv71MDImWURn+pe8E4yDR6AyRfAOoiywGQKsbBptEbIHWXYb6/zwkQqfQscC5wxpDS6A2QfAGoiyw3QKp4B5VGb4DUXYb5/j5XQKSY0ujPdBuzik6jN0DyBaAuspwBqWJXGr22+OoepUgzQIpctvlBlwCI4vwn8D7gEvfUqyjFDZCilmuRYEsBpApaZYdUfkjvT4oxA6SYpVos0NIA0QT+ARwL6E18EWaAFLFMcwZZIiDVRFQSVaVRlduVtRkgWS/P1OBKBkQTUxq9imwrSzhbM0CyXZrawEoHpJqg2jWobYOAyc4MkOyWpHFAQwFEE1bjHzUA0g7GrMwAyWo5WgUzJECqiWsPvNLodTOfhRkgWSxDpyCGCIiEUFNSVVVRdZXkZoAkX4LOAQwVEAmiNPrLXRdfvWhMZgZIMul7DzxkQCpxVOlRqSrf761WRwcGSEfhMjhtDIBIZqXRnw+cliKN3gDJ4ErvGMJYAKnkSZJGb4B0vDozOG1sgEhy9TNRX5MPxapGb4BkcKV3DGGMgFRSRUujN0A6Xp0ZnDZmQCS/ikSo56J6L+qpVxAzQILIGsXp2AGpRA6aRm+ARLmWgwxigCyU9QngeEB94b2aAeJVzqjODJDF5faeRm+ARL2mvQ5mgMwt56PAEcBNPtQeGyCrA+sDGwBrA8u5n2WBmT8v8CFuYB+axxqBxyjZvZc0+qECsgywPbAdsLGDQhfU8iWv+KzY/wwIeLPJCvROox8KIEsBWwA7uR+BUcKnQJ+L2wBprt717mtX6zT60gHZE9gbeAMwr7legzjSAGm3jJ3S6EsDZElgR2A/4C3Aiu00GtTRBkj75dQLxY8BJ7h6XbUeSgFE37U1KW2kWa12VuM4wADpvs6N0+hzB2Qt4BTgYOD53fUY5JkGSL9lVc3gC4BTXS3hOb3lCshLXf6/NvIv3U+HwZ5tgPhZ2l+5+9ifzOUuN0D0VUpVwQ/1M/dBezFA/C3vM8AHgbMB/f85ywUQvbA7EXiPe3Hnb+rD9WSA+F9bfYroqag+VeZbakA0/gFuA8ya/uc7aI8GSJjl/Ze7771Im7JSArINcBmweZh5Dt6rARJ2iVUoYp8UgOim+yz3dUrvNcy6KWCAdNOt6VlPAYfFBkT5ULcAmzaN0o6bqIABEu7ieG4TVkxAjnRdUJU1a9ZfAQOkv4azPSzWDSsGIC8EPgfs6n8+o/ZogPhd/jkLQYQGZBXgm8Amfudi3gADxM9lMLUjb0hAXgZ8G9C/Zv4VMED6a1pbjC4UIK8Cvg7oE8QsjAIGSHddVc70XOCMunKmIQB5LXCbvRHvvnoNzzRAGgo16zD1bFdBbN1z1JpvQHYAbrfM21rdfRxggLRTUXtBPup6tqvoXCPzCYjeiN9lnxyNdPdxkAHSXEX1ZlePdr3faGW+ANkIuAd4UavR7eA+ChggzdS7yvVmf7LZ4Yse5QOQdVyDE7sh77IC3c8xQKZrpx7s6sWuYnKdrS8gysD9HqCdf6Xb34HHXQNJtSTWk46czepiTV4dFY1TD/bH+i5gX0B+AGzZN4iI5z8MfBn4BaDKhPrR91P9tSnNrLLi4iumP2zqua6icV6sDyB6InCUlyjCOtFTta+6HtwCYyhmgCy6kuqxri3aKhbnzboCsptPSr3NZoEjCaT3MLc6MDrdnHmOKYQ7A2SBqvpqrD/UKg7n3boAsh5wX4aF2h5y+4o/VcD9g4+FNEAW9FJXKSgVhQtibQFROU/Boce6uZjA0GZ7gbHIhvtcAgwUx5gB0bcC1S9QEbig1haQC90z5aBBNXSuvxpq6Hj1yMCo5BkrIPO3wgIq/hbc2gCyGfBDQIWiU5oe3SnRTA8JtMFlrDY2QFRMQUXe9EdaRd+iWFNABIVKoqTe1/ENV5f3kSjq5D3ImABZrBxPrKVpCojq4n4kVlBzjKPkMtXNujRhDLkNPQZA1Bdd95eLFXSLtRhNANGGp18CakqTwn4N7OFe7qUYP9cxhw7I1JKgsRalCSB68/zGWAHNGkc7End3KSCJQsh22KECovuL811tZm2HTWp1gOjG/N5EEd4IHDTSJ1RNJB8iII3bEjQRyMcxdYB8AXiTj4Fa+vgwcHLLc8Z2+JAA0WamK9y7jayeTE4DRM0vtak9tl2c0buW2HNvM95QAOnUGq2NUH2OnQaIalnt1cd5h3P1ZvRdHc4b4ylDAOQ6l0fVurlmrAWfBIhSSR6IFYQbR/cc2uBi1kyBkgHp3Z65mUT9j5oEiMhW6nAs0yO9VwMqGGzWTIFSAdFeDe3Z0N6N7G0uQLSvXBuIYvUZ10tAFXyI/YmV/eLUBFgaIAJCu/xuLkn4uQDRJNS3I5YdAlwTa7ABjVMSINoXrq/Pxe3cnAuQ+yO2J1Bu1c4DumhjTqUEQHTzfazLuI6pjbexZgOyhcvY9TbAFEdPABsCf4wx2ADHyB2Q53pslKz9bEA+Drwz0oQOAz4RaawhDpMrIHrR916XWKoXgEXbbEC0v3eFCDPSvpKtIowz5CFyBGTOHhslL8JMQHZ0vTxizEfNdFT93ay7AjkBoqRCVUrXRrZom5m6S9f8zJmAqJH6Kc1P7Xykamlt3flsO7FSIBdAantslLxkMwFRhcQYF67aI6jItVk/BVIDosqTSipVXQBtbBqkVYAs70pu1mX39hXBPj36Krjw/JSAtOqx4W/K8T1VQCilXantoe1g4NrQg4zEfwpA9FRK2dbaitC4x0bJ61EBor3eRwSeiApDrwqoOoVZfwViA9K5x0b/qabzUAES4/5DZXqOSTfVwY0cE5ArgeOAoZZxnXhxVIDorbbuQ0KaUkqUWmLmR4EYgHjpseFnumm8CJDVQ9Y2ddPS1yplCdvXK3/rHBoQ7c/R1+7ePTb8TTm+JwHyOuDOwEMrm3OXwGOMzX0oQLz32Ch5YQSItrheHngSys3RW1YzfwqEACRIjw1/U47vSYBcAhwZeGh9SqlUvZk/BXwCoq9R6rGhCvlmMxQQIOq+pNyokKbHu147/4QMthDfvgAJ3mOjED3nDFOAKLNW+0BCmb7TrhzK+Yj99gVETy7VY0NbHMwmKCBAfha4arvyrpR/ZeZXgT6ARO2x4Xfacb0JEOXVrBtwWFVIURULM78KdAFE6SHK2Fa6yKDS0v1Ku9CbAFFlO70LCWVWDC6Msm0BSdZjI8z043gVII8CKwYc7gJA/UXM/CrQFBClop/lUtPH1MPRi9oCRB+7IWtgaSPWaV6iNSczFWgCSBY9NkpeNgESemP9+91fsJJ1yjH2aYDo/kIdwaR98h4bOYrXNCYBotpF85qe0OG484CTOpxnp0xXYBIg2fXYKHkh7Sa93NWbDYi+CShlSL0cs+qxUa7EIEDUA3D9gJO4ATggoP+xup4JSNY9NkpeIAGiWkaqrB7KVM07RZeqUPPJxW8FiLYwH+2+KucS22DiECBqlLlDwBkJwJCpLAFDz9r1fW5vuDJwzQIpIEBCd7HVJqlULaQDyZaFW+0AHd0W2NjKCxClOIfu7KRe6w/HnpyNZwr0VUCA6Fn5mX0d1Zz/epdWH3gYc28K+FVAgKhRpxp2hjTVUVIVPjNToCgFBMgrgZ8GjloPAlQc28wUKEoBAbKUqzaif0OZkuSUEGk3laEUNr9BFKjqYimpbYMgIyx0qncheidiZgoUo0AFiOryhn6ZdzXwjmKUsUBNARakmsh0E312YEX09eolYyl6HFhLcx9JgQoQ9QVRfd7QdiBwfehBzL8p4EuBCpAlAfUnDJn2rphVYkY1ssxMgSIUqABRsDHuQzTOJsADRahjQY5egZmAqLKeWhSENr2UfGvoQcy/KeBDgZmA6C+7amSFNm3s0ctJ+xQJrbT5763ATEDkLHQJoCrgzwN79o7eHJgCgRWYDcg5EfePW7fbwItr7vsrMBuQjQH1vY5hKi6g8Wz/dAy1bYxOCswGRE5Ut3WrTt7an3SR633X/kw7wxSIoMBcgMRoqDNzatsC90SYqw1hCrRWYC5AVgLUvHHp1t66nfAIsFmEPondorOzRq3AXIBIkJuBvSMqox4lsb7WRZyWDVW6ApMAURkgVSOJadcAh8Qc0MYyBeoUmASIzvsisHudA8+/P991PfLs1tyZAt0UmAaI7gv0KTLtmG6jTj9LafenhnBsPk2BtgrUXfy3JHrjrSorZ7SdjB1vCvhWoA4QvchTflbdcb7jkr+rgMOBZ0M4N5+mQBMFmlz4sZ9ozYz7DuDNgDqympkC0RVoAshargL8stGjWzCgUl+0X/6hROPbsCNWoAkgkkcNcJTImMq0n/0Y4JOpArBxx6lAU0D0Vv1+YMPEMmnX48Gu8WjiUGz4MSjQFBBpsR3wnQxEURqMuihZ8YcMFmPoIbQBRFp8GtgnE1G+CxxqOxMzWY2BhtEWkNVcHd9VMtJDKSrqxW5beDNalKGE0hYQzXsb4K6I2b5Ntb4d0P4S67jUVDE7rlaBLoDIqV7gXVHrPc0B2ql4I3Ad8GCaEGzUoSjQFRDNX80jD8pciHuBz7qHC3dnHquFl6ECfQDRdH4EbJ7hvCaFpJ2LehKnfih6Aan7lqcLit9CjaxAX0DWAPSX+eWR4/Y53G+A37o2yo+7fx8dSA7YuoDKyvY1fWW9ra+TEs/vC4jm/Aq3p3zVEgWwmBspcDxwYaMjB3aQD0Akiaoy6quLukiZDU8BA8TDmm7pqrcv58GXuchLAQPE03qoUefXgOd78mdu8lDAAPG4Dur/cSuwvEef5iqtAgaIZ/21n11vtlf27NfcpVHAAAmg+3rAncDaAXyby7gKGCCB9F7dQZJ6H0mg6Y3GrQEScKn16FfpHrsEHMNch1XAAAmr73zvRwLnActEGMuG8KuAAeJXz4neNgI+A2waaTwbxo8CBogfHRt50f52VU88IVG9rUZB2kGLKGCAJLggtndVSjZIMLYN2U4BA6SdXt6Ofp77JDkNsBQVb7J6d2SAeJe0nUO9K1Gp0V3bnWZHR1LAAIkkdN0we7i06nXqDrTfR1XAAIkq9/TBtMFHPdR1E791RnGNORQDJNPVf41rqLObPfFKukIGSFL56wdXXtfRwL6WAFkvVoAjDJAAooZwuZRLWdnPtUWYF2IQ87mYAgZIgReF2jHoq9f+wE72mDjoChogQeUN71zvU3RDv7P70f9j9XkPP7v0Ixgg6dfAawTazajtv9u6lg16W68SOKmaAHmdXAJnBkgC0VMMqReS6wMCRv/XjscXu5+VZvx/hRTBBRhTrSJ039bXTs+41GzfuU0931fZn6BBmnNTIJUCBkgq5W3cIhQwQIpYJgsylQIGSCrlbdwiFDBAilgmCzKVAgZIKuVt3CIUMECKWCYLMpUCBkgq5W3cIhT4P9N9vGSnCJYeAAAAAElFTkSuQmCC);
}
/*menu*/
.lf-menu {
  position: absolute;
  display: none;
  background: #fff;
  padding: 10px 0;
  margin: 0 0 0 10px;
  border-radius: 3px;
  border: 1px solid #efefee;
  width: 200px;
  z-index: 999;
}
.lf-menu > li {
  list-style: none;
  padding: 3px 12px;
  font-size: 12px;
  line-height: 18px;
  cursor: pointer;
  transition: all 120ms ease-in-out;
  position: relative;
}
.lf-menu-item__disabled {
  cursor: default;
  pointer-events: none;
  color: #aaa;
  opacity: 0.88;
}
.lf-menu-item:hover {
  background: #f3f3f3;
}
/* dndpanel */
.lf-dndpanel {
  position: absolute;
  margin: 5px;
  padding: 15px 5px;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
}
.lf-dnd-item {
  margin-top: 5px;
  text-align: center;
  font-size: 14px;
}
.lf-dnd-item.disabled > div {
  color: #a8abb2;
  cursor: not-allowed;
}
.lf-dnd-shape {
  width: 36px;
  height: 36px;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: grab;
  margin: 0 auto;
  opacity: 0.99;
}
/* 选区 */
.lf-selection-select {
  border: 2px dashed darkorange;
  position: absolute;
}
/* 缩略图 */
.lf-mini-map {
  border: 1px solid #93a3b4;
  background: #ffffff;
  position: absolute;
  overflow: hidden;
  padding-top: 20px;
}
.lf-mini-map-graph {
  position: relative;
  overflow: hidden;
}
.lf-minimap-viewport {
  position: absolute;
  top: 0;
  left: 0;
  border: 2px solid #187dff;
  cursor: grab;
}
.lf-mini-map-header {
  height: 18px;
  line-height: 18px;
  border-top: #bfbfbf solid 1px;
  border-bottom: #666666 solid 1px;
  text-shadow: 0 1px 0 rgb(255 255 7.72727273%);
  background-color: #a6a6a6;
  background-image: linear-gradient(to bottom, #b2b2b2, #9b9b9b);
  padding: 0px 10px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  border: 1px solid #999;
}
.lf-mini-map-close {
  position: absolute;
  right: 2px;
  top: 0px;
  width: 18px;
  height: 18px;
  cursor: pointer;
  background-size: contain;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAACL0lEQVRoQ+1YT2vUQBT/vS+Smc3u0ZtfwA+hUKEttIIVbMEWrGAL3UItqKCCCipooS3Ynu29ePfqLcnO5Nov0NsrWbc0myxtJpNmGZw9LZk37/3+vCTzQnD8R47jhycwbQe9A94BSwV8C1kKaL3dO2AtoWWC/8+BMJB9ItwHcM6MX0mqtm1EzOU7Y8bvJFV9k3zGDnSFPAVw76oIb8ZavzIpehnbE+Ilg/J7/8Za3THJVYfAHwB3x4owXsSpemNSuCs6zwEu7rl9AmEgt4hQspkIa5FS76uQCKV8RoxSLDP6pi1p7EAGsCvEBkA7ZbC0EuvBp+tI9IR4yqBSDIE3Iq13qwiQj6lFYEgikOsgvC4VJDyJlfo6CUg3kI9BmLBG67EevDUFn8XXJpBt7km5yox3xcIMfpRo/SN/PZRygRhj17J1JqwmSn2oA96awL926iwD/LEIgJjmo3RwMCQadGaZePh/3H5ejrT+XBd8IwSGJKRcAuPLhHZ6mIkMxlFpjbEUp+qbDfjGCGSJQiEWCfS9CiAmLCZK7VWJvSnG6h4oJu8FnTkm3r+uKDHNReng8CZgVdcbJTBqpxkwfk4EQJiJlTquCq5KnCeQV8npFnL6Jnb6Mer0i8zpo4TThzmnj9OjGXardDBrZqDZbmMmdnukdH6oL3xWOTG1vNh6oxn7AYB2PqtUOWC1GdP4Ya5N8I0ONG0Dv6znHZiW8t6BaSvvHfAONKSAf4w2JGTtNBey0xBAkjSEzwAAAABJRU5ErkJggg==);
}
.lf-mini-map-no-header {
  padding-top: 0;
}
.lf-mini-map-no-header .lf-mini-map-header {
  display: none;
}
.lf-mini-map-no-close-icon .lf-mini-map-close {
  display: none;
}
/* 节点调整 */
.lf-resize-control-0 {
  cursor: nw-resize;
}
.lf-resize-control-1 {
  cursor: ne-resize;
}
.lf-resize-control-2 {
  cursor: se-resize;
}
.lf-resize-control-3 {
  cursor: sw-resize;
}
/* context-menu */
.lf-inner-context {
  display: none;
  position: absolute;
  /* display: flex; */
  flex-direction: column;
  flex-wrap: wrap;
  height: 90px;
}
.lf-context-item {
  padding: 2px 3px;
  width: 20px;
  height: 20px;
  margin: 0 2px 2px 0;
  box-sizing: content-box;
}
.lf-context-item:hover {
  background: rgba(201, 217, 216, 0.5);
}
.lf-context-img {
  width: 20px;
  height: 20px;
  cursor: pointer;
}
/* mind map */
.lf-mindmap_addIcon {
  margin-top: 10px;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
.lf-node-text--auto-wrap-inner {
  padding: 2px;
}
.page-form-footer {
  text-align: center !important;
}
.custom-minimap {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAGeUlEQVRoQ+1afYhVRRQ/5y66RVBiH2RalCwWGltvZt7SUon+YaSCZpRaWln5AaVEUUErpRYVVBihBX1Y24f5sVEqlJJ/JH2w0btntpZWShYDy4ossSBslb0nzmXuMt7efe++52r+sQcuu2/mzG/mnDNz5pxzL4JHSqnFiNgKAEUAmOD3ZfzfQ0SX5+DLZNFaf5t3LgAoMXOntfaVBBCTf7TWIQDoWhfDzKustStrHSf8SqmViLiijrFEREbGxQJorTcDwM11AO0iosl1jBsYorX+BAAm1YHRQUSz0RhzGzO/5QF0RFG0squra3cdoCdsSKFQGB8EgVh6QNGIeDtqrd8FgFtk5uPZDids5Sng1LbbIAJ8DwDjhC8IgkKpVPr6ZC2mnnmKxeKVURR1ubF7RABOgIho4FDXA36yxvhrHhLgZGndn2fIAv+H1ocsUE3rWuvLmHluEASjmHk0AFzkHhm6Tx5E3B9F0S+IuJGIvquGmdU/qGfAGDODmecAgDwNORfVDwCbEHFTGIbbco7xw48B11+3G9VaT2fmFYgokWvdxMwlRFxFRB/mBUlbIAlnc4fGWuvHAeDRMhPuAoAdALCXmfcePXp0r/AMGzZsLCKOBQB5rs8I3p4gosfyCOGF4D3xzSvxRZ6QuFgsFqMoehIApngTHQCADkTsCMNQBIDm5uYzGhsbxzNzs/xGxO6+vr7d3d3df8tvY8wkZpagTJ5zPaydQRAsL5VKpWqCJGvOHTporW8AgDcB4MwEXPYwALSFYRhrWkhr/SAA3AcAY1KL+AkAXiCi55J2Y4xY5Cl3hpLmvwDgDiLaUk2IWDl5mIwxU5h5KwCc7vj7ZOFEtNofb4zZzsyyRTIJEXeEYTjVZ9BaPyCCAECjaz+MiDPDMNxZbX1VBTDGXM3MH3imluh1IRF97oMrpeaIe/TaPgYA4RW6FACuS/rE3VprxXoDpLW+BgBec7zSfgARZ4Vh+EVFhVTqdKHr+wBwieP70WkmCWfjZqVUMyJ+mViImedba9enBJyHiO8kGmbmq6y13SkLFpylL3TtPwRBcGOlEL+iBZRSX3lu8mAURbO6uro+TQttjFnKzGtc+0tEdG85xWitXwSAe6QPEZeFYbg2zVcoFCYGQSAWHyl94mattS1Zis4UwHkKyVeF/gGAm7J8tdZaTH+3m3CJXzVIWUGqHi+7tnVEtDBD0OkA8B4AnOaEnZx4uDR/pgBaawF/1S1qo7U2TjvLkVJqKyLOcJNNC8Nwezk+Y8xUZv7IYW6z1s6sgLkBEee6/kVEJEr6D2UK0NraOvLIkSPi+mLPw8yvW2tjLadJKdWGiHI/CD3ku0qf17nYZx3ecmuteJ5yeOsQ8S7XcXj48OFjOjs7D9YkgDCnb1xmXmutXZYGcneE7Fuhg0R0drnJtNZ/JHsbAGaV8/VKqTWIuNQbX/GGrupGlVKrEfF+D/BpImorI4Qc7mtdew8iPszMsbdCRPEuz3gVuM+IaGIZDLHII0k7Mz9vrZU7IpOqCuAsIaW8RR6KnA25yH5P2orF4vkSKleaLOmTkLtUKv2a/NZan+MusmPmIKLF1fByCeCEEB8+zwP8BhEljIgPpeMZBQBSZ8qqtEmsdCsRDQhqjJnGzKL5Kzzs9UQ0v9riY+vmYUp4yuzPuBjGzJv9Sp4EWkEQKGaOa62ISFEUWT9glEobIs5O10azzlnWOmsSQECUUnKjisYk4/KpQ6JSIpK/maS1TqLQdC12HzO3pW/wLCC5p+RuqCmc9izR5Nzm7DIT/JmkkJIXuH6JOpMU86wyYzYzs7jV3jw7Qmv9BgAsAIB2yciS6nDNlWal1IIgCOZUi0AzzY+4I4qiTdba9jwL987a8aeU/oQuYk3y4vOqLOY3Lx+uGGlm4QxqUu9P0tTU1DhixIjRzHyBVCYQUaoTctD3S0UCEX8+dOjQ/t7eXskn6qYTJkDdK6px4JAANSps0NmHLDDoKq0RcMgCNSps0NmzSosQRdGEU+31alp697q1x7X3SCiRxBXSFr88HnSVDSJg6qV8O7rvI5JKQRweNzQ0bDnVXrdKjaq/v/8GP/xm5iXJpwZ1fSfhFLuFiGYdr5JbWlrG9ff3S7XPL/ZWgo2/l/A/9qj3ewlJWDLrNnkFq/GbiYGtfkxC476bkMKrZFLx2/sc1E5Ed+bgq8jiyphS2bg4g3EPABAibg/D8O2E51+mVguWMJuBHAAAAABJRU5ErkJggg==);
}
.box-wrapper {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  border: 2px solid #108ee9;
  box-sizing: border-box;
  /* background: #f6f6f6; */
}
.box-wrapper-current {
  border: 2px solid #ff3333;
}
.box-wrapper-end {
  border: 2px solid #00ff99;
}
.box-title {
  font-size: 13px;
  font-weight: bold;
  margin-top: 4px;
  padding: 0 4px;
  display: flex;
  justify-content: space-between;
}
h1.box-title-current {
  background: #ff3333;
}
h1.box-title-end {
  background: #00ff99;
}
.box-mark {
  font-size: 12px;
  font-weight: 400;
  color: #7f7777;
}
.box-content {
  border: 1px solid #f4efef;
}
.uml-body {
  border-top: 1px solid #838382;
  border-bottom: 1px solid #838382;
  padding: 5px 10px;
  font-size: 12px;
}
.uml-footer {
  padding: 5px 10px;
  font-size: 14px;
}
.lf-menu {
  box-shadow: 0 6px 16px 0 rgb(184 179 25.57142857%), 0 3px 6px -4px rgb(28 26 2.88888889%), 0 9px 28px 8px rgb(184 179 25.57142857%);
  border-radius: 8px;
}
.logicProcessNode {
  background: #ffffff;
  border: 1px solid #ececec;
  box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.09);
  border-radius: 4px;
  overflow: hidden;
  width: 100%;
}
.logicProcessNode-top {
  height: 26px;
  padding: 3px 6px 3px 6px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.logicProcessNode-top .top-left {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  overflow: hidden;
  width: calc(100% - 52px);
}
.logicProcessNode-top .top-left .classify {
  font-size: 12px;
  color: #f7f7f7;
  margin-left: 6px;
  width: calc(100% - 16px);
  text-overflow: ellipsis;
  box-sizing: border-box;
  overflow: hidden;
  white-space: nowrap;
}
.logicProcessNode-top .top-right {
  font-size: 14px;
  color: #ffffff;
  letter-spacing: 0;
  font-weight: 500;
  color: #f0f0f0;
  margin-left: 5px;
  width: 52px;
  white-space: nowrap;
  font-size: 12px;
}
.logicProcessNode-top-debug {
  position: absolute;
  right: 2px;
  top: 2px;
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  background: #fff;
  cursor: pointer;
  z-index: 10;
}
.logicProcessNode-top-debug__active {
  background: red;
}
.logicProcessNode-bottom {
  height: calc(100% - 26px);
  padding: 3px 6px 3px 11px;
  overflow: hidden;
}
.logicProcessNode-bottom .text {
  font-size: 12px;
  color: #333333;
  letter-spacing: 0;
  font-weight: 400;
  height: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  text-overflow: ellipsis;
}
.logicProcessNode .end {
  background-color: #0dda88 !important;
}
.logicProcessNode .current {
  background-color: #ff3333 !important;
}
.logicProcessNode .notRunning {
  background-color: #bbc4d4 !important;
}
.process_flow_default {
  width: 100%;
  min-width: 600px;
  height: 750px;
  min-height: 600px;
}
.process_flow_default .lf-graph {
  background-color: #f1f3fa;
}
.lf-inner-menu_content {
  display: none;
  position: absolute;
  flex-direction: column;
  flex-wrap: nowrap;
  height: auto;
  box-shadow: 0 6px 16px 0 rgba(184, 179, 179, 0.09), 0 3px 6px -4px rgba(28, 26, 26, 0.09), 0 9px 28px 8px rgba(184, 179, 179, 0.09);
  border-radius: 8px;
  padding: 10px;
  width: 200px;
  background: #fff;
}
.lf-inner-menu_content .lf-context-item {
  box-sizing: border-box;
  display: flex;
  height: 30px;
  align-items: center;
  width: 100%;
}
.lf-inner-menu_content .lf-context-item .icon-default {
  font-size: 22px;
  color: #3a78f2;
}
.lf-inner-menu_content .lf-context-item .delete_style {
  color: #d81e06;
}
.lf-inner-menu_content .lf-context-item .node_style {
  color: #ffc800;
}
.lf-inner-menu_content .lf-context-item .item-text {
  width: calc(100% - 28px);
  margin-left: 10px;
}
.Relationship_flow .Relationship_flow_content {
  height: 600px;
}
.Relationship_flow .relyOn-box {
  width: 140px;
  height: 46px;
  background-color: #c6e5ff;
  padding: 10px;
  border-radius: 5px;
  display: flex;
  overflow: hidden;
  font-size: 13px;
  justify-content: center;
  align-items: center;
}
.Relationship_flow .relyOn-box .relyOn-box-title {
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.Relationship_flow .currentCls {
  background-color: #87e8de;
}
.lf-menu-item:nth-child(1) {
  display: flex;
  align-items: center;
}
.lf-menu-item:nth-child(1) > span:nth-child(1) {
  width: 22px;
  height: 22px;
  margin-right: 10px;
  background: url(/res/image/dc3796f463.png) no-repeat;
}
.lf-menu-item:nth-child(2) {
  display: flex;
  align-items: center;
}
.lf-menu-item:nth-child(2) > span:nth-child(1) {
  width: 22px;
  height: 22px;
  margin-right: 10px;
  background: url(/res/image/4e34dc1faa.png) no-repeat;
}
.lf-menu-item:nth-child(3) {
  display: flex;
  align-items: center;
}
.lf-menu-item:nth-child(3) > span:nth-child(1) {
  width: 22px;
  height: 22px;
  margin-right: 10px;
  background: url(/res/image/7a3c7a12d0.png) no-repeat;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
.lf-node-text--auto-wrap-inner {
  padding: 2px;
}
.page-form-footer {
  text-align: center !important;
}
.custom-minimap {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAGeUlEQVRoQ+1afYhVRRQ/5y66RVBiH2RalCwWGltvZt7SUon+YaSCZpRaWln5AaVEUUErpRYVVBihBX1Y24f5sVEqlJJ/JH2w0btntpZWShYDy4ossSBslb0nzmXuMt7efe++52r+sQcuu2/mzG/mnDNz5pxzL4JHSqnFiNgKAEUAmOD3ZfzfQ0SX5+DLZNFaf5t3LgAoMXOntfaVBBCTf7TWIQDoWhfDzKustStrHSf8SqmViLiijrFEREbGxQJorTcDwM11AO0iosl1jBsYorX+BAAm1YHRQUSz0RhzGzO/5QF0RFG0squra3cdoCdsSKFQGB8EgVh6QNGIeDtqrd8FgFtk5uPZDids5Sng1LbbIAJ8DwDjhC8IgkKpVPr6ZC2mnnmKxeKVURR1ubF7RABOgIho4FDXA36yxvhrHhLgZGndn2fIAv+H1ocsUE3rWuvLmHluEASjmHk0AFzkHhm6Tx5E3B9F0S+IuJGIvquGmdU/qGfAGDODmecAgDwNORfVDwCbEHFTGIbbco7xw48B11+3G9VaT2fmFYgokWvdxMwlRFxFRB/mBUlbIAlnc4fGWuvHAeDRMhPuAoAdALCXmfcePXp0r/AMGzZsLCKOBQB5rs8I3p4gosfyCOGF4D3xzSvxRZ6QuFgsFqMoehIApngTHQCADkTsCMNQBIDm5uYzGhsbxzNzs/xGxO6+vr7d3d3df8tvY8wkZpagTJ5zPaydQRAsL5VKpWqCJGvOHTporW8AgDcB4MwEXPYwALSFYRhrWkhr/SAA3AcAY1KL+AkAXiCi55J2Y4xY5Cl3hpLmvwDgDiLaUk2IWDl5mIwxU5h5KwCc7vj7ZOFEtNofb4zZzsyyRTIJEXeEYTjVZ9BaPyCCAECjaz+MiDPDMNxZbX1VBTDGXM3MH3imluh1IRF97oMrpeaIe/TaPgYA4RW6FACuS/rE3VprxXoDpLW+BgBec7zSfgARZ4Vh+EVFhVTqdKHr+wBwieP70WkmCWfjZqVUMyJ+mViImedba9enBJyHiO8kGmbmq6y13SkLFpylL3TtPwRBcGOlEL+iBZRSX3lu8mAURbO6uro+TQttjFnKzGtc+0tEdG85xWitXwSAe6QPEZeFYbg2zVcoFCYGQSAWHyl94mattS1Zis4UwHkKyVeF/gGAm7J8tdZaTH+3m3CJXzVIWUGqHi+7tnVEtDBD0OkA8B4AnOaEnZx4uDR/pgBaawF/1S1qo7U2TjvLkVJqKyLOcJNNC8Nwezk+Y8xUZv7IYW6z1s6sgLkBEee6/kVEJEr6D2UK0NraOvLIkSPi+mLPw8yvW2tjLadJKdWGiHI/CD3ku0qf17nYZx3ecmuteJ5yeOsQ8S7XcXj48OFjOjs7D9YkgDCnb1xmXmutXZYGcneE7Fuhg0R0drnJtNZ/JHsbAGaV8/VKqTWIuNQbX/GGrupGlVKrEfF+D/BpImorI4Qc7mtdew8iPszMsbdCRPEuz3gVuM+IaGIZDLHII0k7Mz9vrZU7IpOqCuAsIaW8RR6KnA25yH5P2orF4vkSKleaLOmTkLtUKv2a/NZan+MusmPmIKLF1fByCeCEEB8+zwP8BhEljIgPpeMZBQBSZ8qqtEmsdCsRDQhqjJnGzKL5Kzzs9UQ0v9riY+vmYUp4yuzPuBjGzJv9Sp4EWkEQKGaOa62ISFEUWT9glEobIs5O10azzlnWOmsSQECUUnKjisYk4/KpQ6JSIpK/maS1TqLQdC12HzO3pW/wLCC5p+RuqCmc9izR5Nzm7DIT/JmkkJIXuH6JOpMU86wyYzYzs7jV3jw7Qmv9BgAsAIB2yciS6nDNlWal1IIgCOZUi0AzzY+4I4qiTdba9jwL987a8aeU/oQuYk3y4vOqLOY3Lx+uGGlm4QxqUu9P0tTU1DhixIjRzHyBVCYQUaoTctD3S0UCEX8+dOjQ/t7eXskn6qYTJkDdK6px4JAANSps0NmHLDDoKq0RcMgCNSps0NmzSosQRdGEU+31alp697q1x7X3SCiRxBXSFr88HnSVDSJg6qV8O7rvI5JKQRweNzQ0bDnVXrdKjaq/v/8GP/xm5iXJpwZ1fSfhFLuFiGYdr5JbWlrG9ff3S7XPL/ZWgo2/l/A/9qj3ewlJWDLrNnkFq/GbiYGtfkxC476bkMKrZFLx2/sc1E5Ed+bgq8jiyphS2bg4g3EPABAibg/D8O2E51+mVguWMJuBHAAAAABJRU5ErkJggg==);
}
.box-wrapper {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  border: 2px solid #108ee9;
  box-sizing: border-box;
  /* background: #f6f6f6; */
}
.box-wrapper-current {
  border: 2px solid #ff3333;
}
.box-wrapper-end {
  border: 2px solid #00ff99;
}
.box-title {
  font-size: 13px;
  font-weight: bold;
  margin-top: 4px;
  padding: 0 4px;
  display: flex;
  justify-content: space-between;
}
h1.box-title-current {
  background: #ff3333;
}
h1.box-title-end {
  background: #00ff99;
}
.box-mark {
  font-size: 12px;
  font-weight: 400;
  color: #7f7777;
}
.box-content {
  border: 1px solid #f4efef;
}
.uml-body {
  border-top: 1px solid #838382;
  border-bottom: 1px solid #838382;
  padding: 5px 10px;
  font-size: 12px;
}
.uml-footer {
  padding: 5px 10px;
  font-size: 14px;
}
.lf-menu {
  box-shadow: 0 6px 16px 0 rgba(184, 179, 179, 0.07), 0 3px 6px -4px rgba(28, 26, 26, 0.09), 0 9px 28px 8px rgba(184, 179, 179, 0.07);
  border-radius: 8px;
}
.logicProcessNode {
  background: #ffffff;
  border: 1px solid #ececec;
  box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.09);
  border-radius: 4px;
  overflow: hidden;
  width: 100%;
}
.logicProcessNode-top {
  height: 26px;
  padding: 3px 6px 3px 6px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.logicProcessNode-top .top-left {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  overflow: hidden;
  width: calc(100% - 52px);
}
.logicProcessNode-top .top-left .classify {
  font-size: 12px;
  color: #f7f7f7;
  margin-left: 6px;
  width: calc(100% - 16px);
  text-overflow: ellipsis;
  box-sizing: border-box;
  overflow: hidden;
  white-space: nowrap;
}
.logicProcessNode-top .top-right {
  font-size: 14px;
  color: #ffffff;
  letter-spacing: 0;
  font-weight: 500;
  color: #f0f0f0;
  margin-left: 5px;
  width: 52px;
  white-space: nowrap;
  font-size: 12px;
}
.logicProcessNode-top-debug {
  position: absolute;
  right: 2px;
  top: 2px;
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  background: #fff;
  cursor: pointer;
  z-index: 10;
}
.logicProcessNode-top-debug__active {
  background: red;
}
.logicProcessNode-bottom {
  height: calc(100% - 26px);
  padding: 3px 6px 3px 11px;
  overflow: hidden;
}
.logicProcessNode-bottom .text {
  font-size: 12px;
  color: #333333;
  letter-spacing: 0;
  font-weight: 400;
  height: 100%;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  text-overflow: ellipsis;
}
.logicProcessNode .end {
  background-color: #0dda88 !important;
}
.logicProcessNode .current {
  background-color: #ff3333 !important;
}
.logicProcessNode .notRunning {
  background-color: #bbc4d4 !important;
}
.process_flow_default {
  width: 100%;
  min-width: 600px;
  height: 750px;
  min-height: 600px;
}
.process_flow_default .lf-graph {
  background-color: #f1f3fa;
}
.lf-inner-menu_content {
  display: none;
  position: absolute;
  flex-direction: column;
  flex-wrap: nowrap;
  height: auto;
  box-shadow: 0 6px 16px 0 rgba(184, 179, 179, 0.09), 0 3px 6px -4px rgba(28, 26, 26, 0.09), 0 9px 28px 8px rgba(184, 179, 179, 0.09);
  border-radius: 8px;
  padding: 10px;
  width: 200px;
  background: #fff;
}
.lf-inner-menu_content .lf-context-item {
  box-sizing: border-box;
  display: flex;
  height: 30px;
  align-items: center;
  width: 100%;
}
.lf-inner-menu_content .lf-context-item .icon-default {
  font-size: 22px;
  color: #3a78f2;
}
.lf-inner-menu_content .lf-context-item .delete_style {
  color: #d81e06;
}
.lf-inner-menu_content .lf-context-item .node_style {
  color: #ffc800;
}
.lf-inner-menu_content .lf-context-item .item-text {
  width: calc(100% - 28px);
  margin-left: 10px;
}
.Relationship_flow .Relationship_flow_content {
  height: 600px;
}
.Relationship_flow .relyOn-box {
  width: 140px;
  height: 46px;
  background-color: #c6e5ff;
  padding: 10px;
  border-radius: 5px;
  display: flex;
  overflow: hidden;
  font-size: 13px;
  justify-content: center;
  align-items: center;
}
.Relationship_flow .relyOn-box .relyOn-box-title {
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.Relationship_flow .currentCls {
  background-color: #87e8de;
}
.lf-menu-item:nth-child(1) {
  display: flex;
  align-items: center;
}
.lf-menu-item:nth-child(1) > span:nth-child(1) {
  width: 22px;
  height: 22px;
  margin-right: 10px;
  background: url(/res/image/dc3796f463.png) no-repeat;
}
.lf-menu-item:nth-child(2) {
  display: flex;
  align-items: center;
}
.lf-menu-item:nth-child(2) > span:nth-child(1) {
  width: 22px;
  height: 22px;
  margin-right: 10px;
  background: url(/res/image/4e34dc1faa.png) no-repeat;
}
.lf-menu-item:nth-child(3) {
  display: flex;
  align-items: center;
}
.lf-menu-item:nth-child(3) > span:nth-child(1) {
  width: 22px;
  height: 22px;
  margin-right: 10px;
  background: url(/res/image/7a3c7a12d0.png) no-repeat;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-descriptions-title {
  margin-bottom: 20px;
  color: rgba(0, 0, 0, 0.85);
  font-weight: bold;
  font-size: 14px;
  line-height: 1.5;
}
.ant-descriptions-view {
  width: 100%;
  overflow: hidden;
  border-radius: 4px;
}
.ant-descriptions-view table {
  width: 100%;
  table-layout: fixed;
}
.ant-descriptions-row > th,
.ant-descriptions-row > td {
  padding-bottom: 16px;
}
.ant-descriptions-row:last-child {
  border-bottom: none;
}
.ant-descriptions-item-label {
  color: rgba(0, 0, 0, 0.85);
  font-weight: normal;
  font-size: 12px;
  line-height: 1.5;
}
.ant-descriptions-item-label::after {
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
  content: ' ';
}
.ant-descriptions-item-colon::after {
  content: ':';
}
.ant-descriptions-item-no-label::after {
  margin: 0;
  content: '';
}
.ant-descriptions-item-content {
  display: table-cell;
  color: #000000D9;
  font-size: 12px;
  line-height: 1.5;
}
.ant-descriptions-item {
  padding-bottom: 0;
}
.ant-descriptions-item > span {
  display: inline-block;
}
.ant-descriptions-middle .ant-descriptions-row > th,
.ant-descriptions-middle .ant-descriptions-row > td {
  padding-bottom: 12px;
}
.ant-descriptions-small .ant-descriptions-row > th,
.ant-descriptions-small .ant-descriptions-row > td {
  padding-bottom: 8px;
}
.ant-descriptions-bordered .ant-descriptions-view {
  border: 1px solid #e8e8e8;
}
.ant-descriptions-bordered .ant-descriptions-view > table {
  table-layout: auto;
}
.ant-descriptions-bordered .ant-descriptions-item-label,
.ant-descriptions-bordered .ant-descriptions-item-content {
  padding: 16px 24px;
  border-right: 1px solid #e8e8e8;
}
.ant-descriptions-bordered .ant-descriptions-item-label:last-child,
.ant-descriptions-bordered .ant-descriptions-item-content:last-child {
  border-right: none;
}
.ant-descriptions-bordered .ant-descriptions-item-label {
  background-color: #fafafa;
}
.ant-descriptions-bordered .ant-descriptions-item-label::after {
  display: none;
}
.ant-descriptions-bordered .ant-descriptions-row {
  border-bottom: 1px solid #e8e8e8;
}
.ant-descriptions-bordered .ant-descriptions-row:last-child {
  border-bottom: none;
}
.ant-descriptions-bordered.ant-descriptions-middle .ant-descriptions-item-label,
.ant-descriptions-bordered.ant-descriptions-middle .ant-descriptions-item-content {
  padding: 12px 24px;
}
.ant-descriptions-bordered.ant-descriptions-small .ant-descriptions-item-label,
.ant-descriptions-bordered.ant-descriptions-small .ant-descriptions-item-content {
  padding: 8px 16px;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
.action-link {
  padding: 0 5px !important;
}
.action-link .anticon {
  margin-left: 0 !important;
}
.action-link .anticon + span {
  margin-left: 0 !important;
}
.ant-table-thead th {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.configName-text {
  width: 100%;
  height: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.configName-wrap {
  width: 100%;
}
.configName-wrap.configName-wrap {
  width: 100% !important;
}
.configName-tooltip .ant-tooltip-arrow::before {
  content: none;
}
.configName-tooltip .ant-tooltip-inner {
  color: #3A78F2;
  background: #fff;
  cursor: pointer;
}
.ant-table-placeholder {
  z-index: 0;
}
.dataTransfer_Descriptions_Item {
  width: 360px;
}
.dataTransfer_Descriptions_Item_3rd {
  width: 357px;
}
.dataTransferViewPage_columns {
  font-weight: bolder !important;
}
.test0001 {
  background: red;
}
.dataTransferViewPage_title {
  height: 40px;
  border: 1px solid #e8e8e8;
  width: 33.33%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-basis: 0;
  flex-grow: 1;
  background-color: #fafafa;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/* home-overview-new.css */
.home-overview-new {
  background: #F0F2F5;
  /* background: #1F1F1F; */
  min-height: 100vh;
  min-width: 100vh;
  padding: 12px;
  margin: -42px -42px -30px -43px;
  padding-bottom: 0px;
}
/* 左侧内容区域样式 */
.left-content {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.trend-chart {
  background-color: white;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  min-height: 400px;
}
.trend-card {
  height: 100%;
  border-radius: 8px;
  box-shadow: '0 2px 8px rgba(0, 0, 0, 0.1)';
}
.recent-tasks-card {
  height: 100%;
  border-radius: 8px;
  margin-right: 16px;
}
/* 调整统计卡片在左侧时的布局 */
.stat-cards .ant-row {
  margin: -8px;
}
.stat-cards .ant-col {
  padding: 8px;
}
/* 统计卡片样式 */
.stat-cards {
  /* margin-bottom: 16px; */
  /* background-color: white; */
  border-radius: 8px;
  padding-left: 16px;
  margin: -8px -8px 0px -8px;
  /* box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); */
}
.stat-cards-header {
  margin-bottom: 16px;
}
.stat-cards-header h3 {
  font-size: 16px;
  font-weight: 500;
  color: #111827;
  margin: 0;
  font-family: 'PingFang SC';
}
.stat-card-content {
  display: flex;
  align-items: center;
  padding: 2px;
  height: 100%;
  border-radius: 8px;
  /* background-color: white; */
  /* box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  transition: all 0.2s ease; */
}
/* .stat-card-content:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
} */
.stat-card-info {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-right: 16px;
}
.stat-card-title {
  font-size: 14px;
  color: #666;
  margin-bottom: 4px;
  font-weight: 500;
}
.stat-card-value {
  font-size: 24px;
  font-weight: 700;
  color: #333;
  margin-bottom: 4px;
}
.stat-card-change {
  font-size: 12px;
  color: #666;
  display: flex;
  align-items: center;
  margin-left: -10px;
}
.stat-card-change span {
  font-weight: 500;
  margin-left: 4px;
}
.stat-card-change .ant-badge-status-dot {
  margin-right: 4px;
}
/* 图标区域样式 */
.stat-card-icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 16px;
  background-color: #e8f5e8;
  /* 绿色背景 */
}
/* 图标样式 */
.stat-card-icon svg {
  width: 24px;
  height: 24px;
  fill: currentColor;
}
/* 快速操作区域样式 */
.quick-actions {
  margin-bottom: 16px;
  background-color: white;
  border-radius: 8px;
  padding: 16px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
/* 快速操作按钮样式 */
.quick-action-btn {
  width: 100%;
  height: 60px;
  max-width: 170px;
  display: flex;
  flex-direction: row;
  align-items: center;
  /* justify-content: center; */
  padding: 10px;
  border: 1px solid #e8e8e8;
  border-radius: 8px;
  background: white;
  transition: all 0.2s ease;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  gap: 8px;
}
.quick-action-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.quick-action-btn .action-icon {
  width: 32px;
  height: 32px;
  /* margin-bottom: 8px; */
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  background-color: #f0f7ff;
  /* 浅蓝色背景 */
  transition: all 0.2s ease;
  flex-shrink: 0;
}
.quick-action-btn .action-icon svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
}
.quick-action-btn .action-text {
  font-size: 14px;
  color: #666;
  text-align: center;
  font-weight: 500;
}
/* 不同操作的图标颜色 */
.quick-action-btn[data-type="ETL"] .action-icon {
  background-color: #f0f7ff;
  color: #3B82F6;
}
.quick-action-btn[data-type="CDCX"] .action-icon {
  background-color: #fdf0ff;
  color: #733af9;
}
.quick-action-btn[data-type="dataSource"] .action-icon {
  background-color: #f0fff0;
  color: #10B981;
}
.quick-action-btn[data-type="monitor"] .action-icon {
  background-color: #fff8f0;
  color: #EF4444;
}
.quick-action-btn[data-type="permission"] .action-icon {
  background-color: #f0fffd;
  color: #2FD0CB;
}
.quick-action-btn[data-type="schedule"] .action-icon {
  background-color: #fff9eb;
  color: #DE9C00;
}
.action-icon {
  width: 24px;
  height: 24px;
  /* margin-bottom: 8px; */
}
.action-text {
  font-size: 14px;
  color: #666;
  text-align: center;
}
/* 主要内容区域样式 */
.main-content {
  /* display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px; */
  margin-top: '16px';
}
.avg-tasks-list {
  height: 350px;
  padding: 0;
  margin: 0;
  list-style: none;
  overflow-y: overlay;
  scrollbar-width: thin;
  scrollbar-color: #c1c1c178 transparent;
}
.avg-tasks-list::-webkit-scrollbar {
  width: 8px;
  background: transparent;
}
.avg-tasks-list::-webkit-scrollbar-track {
  background: transparent;
}
.avg-tasks-list::-webkit-scrollbar-thumb {
  background-color: #c1c1c1;
  border-radius: 4px;
}
.warn-tasks-list {
  height: 486.5px;
  padding: 0;
  margin: 0;
  list-style: none;
  overflow-y: overlay;
  scrollbar-width: thin;
  scrollbar-color: #c1c1c178 transparent;
}
.warn-tasks-list::-webkit-scrollbar {
  width: 8px;
  background: transparent;
}
.warn-tasks-list::-webkit-scrollbar-track {
  background: transparent;
}
.warn-tasks-list::-webkit-scrollbar-thumb {
  background-color: #c1c1c1;
  border-radius: 4px;
}
.task-item {
  padding: 16px 0px;
  border-bottom: 1px solid #e8e8e8;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: background-color 0.2s ease;
}
.task-item:last-child {
  border-bottom: none;
}
.task-item:hover {
  background-color: #f9f9f9;
}
.task-name {
  font-size: 12px;
  font-weight: 500;
  /* color: #333; */
  margin: 0;
}
.task-time {
  font-size: 12px;
  color: #999;
  margin: 0;
}
.task-status {
  display: inline-block;
  padding: 4px 8px;
  border-radius: 12px;
  font-size: 12px;
  font-weight: 500;
}
.task-status .ant-badge-status-dot {
  margin-right: 4px;
}
.ant-card-body {
  margin: -12px 0px;
}
/* 状态标签颜色 */
.ant-badge-status-success {
  background-color: #10B981;
}
.ant-badge-status-processing {
  background-color: #3B82F6;
}
.ant-badge-status-error {
  background-color: #EF4444;
}
.data-view {
  background-color: #fff;
  border-radius: 8px;
  padding: 0 16px;
}
.data-view-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.data-view-header-btn {
  padding: 16px;
}
.data-view-header-btn button {
  width: 80px;
}
.data-view-header-btn :first-child {
  border-radius: 8px 0 0 8px;
}
.data-view-header-btn :last-child {
  border-radius: 0 8px 8px 0;
}
.data-view-header h3 {
  font-size: 16px;
  font-weight: 500;
  color: #111827d3;
  margin: 0;
  padding: 16px;
  /* font-family: 'Tahoma'; */
  /* , 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif */
}
.avg-cards {
  /* margin-bottom: 16px; */
  background-color: white;
  border-radius: 8px;
  padding-left: 16px;
  /* box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); */
}
/* 卡片标题样式 */
/* .ant-card-head {
  border-bottom: none;
  padding: 16px 24px;
}

.ant-card-head-title {
  font-size: 16px;
  font-weight: 500;
  color: #333;
} */
/* 卡片内容样式 */
/* .ant-card-body {
  padding: 24px;
} */
/* 按钮样式 */
/* .ant-btn-primary {
  background-color: #3B82F6;
  border-color: #3B82F6;
  color: white;
}

.ant-btn-primary:hover {
  background-color: #2563EB;
  border-color: #2563EB;
}

.ant-btn-ghost {
  background-color: transparent;
  border-color: #e8e8e8;
  color: #666;
}

.ant-btn-ghost:hover {
  background-color: #f9f9f9;
  border-color: #d9d9d9;
} */
/* 表格样式 */
/* .ant-table {
  border-radius: 8px;
  overflow: hidden;
}

.ant-table-thead > tr > th {
  background-color: #f9f9f9;
  border-bottom: 1px solid #e8e8e8;
  font-weight: 500;
  color: #333;
}

.ant-table-tbody > tr > td {
  border-bottom: 1px solid #e8e8e8;
}

.ant-table-tbody > tr:last-child > td {
  border-bottom: none;
} */
/* 图表容器样式 */
.chart-container {
  height: 300px;
  background-color: #f0f6ff;
  border-radius: 8px;
  overflow: hidden;
}
/* 响应式调整 */
@media (max-width: 768px) {
  .home-overview-new {
    padding: 16px;
  }
  .main-content {
    grid-template-columns: 1fr;
  }
  .quick-actions {
    padding: 12px;
  }
  .action-icon {
    width: 24px;
    height: 24px;
  }
  .action-text {
    font-size: 12px;
  }
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
@keyframes antCheckboxEffect {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }
  100% {
    transform: scale(1.6);
    opacity: 0;
  }
}
.ant-tree.ant-tree-directory {
  position: relative;
}
.ant-tree.ant-tree-directory > li span.ant-tree-switcher,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-switcher {
  position: relative;
  z-index: 1;
}
.ant-tree.ant-tree-directory > li span.ant-tree-switcher.ant-tree-switcher-noop,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-switcher.ant-tree-switcher-noop {
  pointer-events: none;
}
.ant-tree.ant-tree-directory > li span.ant-tree-checkbox,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-checkbox {
  position: relative;
  z-index: 1;
}
.ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper {
  border-radius: 0;
  user-select: none;
}
.ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper:hover,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper:hover {
  background: transparent;
}
.ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper:hover::before,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper:hover::before {
  background: #f0f7ff;
}
.ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper.ant-tree-node-selected,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper.ant-tree-node-selected {
  color: #fff;
  background: transparent;
}
.ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper::before,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper::before {
  position: absolute;
  right: 0;
  left: 0;
  height: 24px;
  transition: all 0.3s;
  content: '';
}
.ant-tree.ant-tree-directory > li span.ant-tree-node-content-wrapper > span,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li span.ant-tree-node-content-wrapper > span {
  position: relative;
  z-index: 1;
}
.ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-switcher,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-switcher {
  color: #fff;
}
.ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-checkbox .ant-tree-checkbox-inner,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-checkbox .ant-tree-checkbox-inner {
  border-color: #3A78F2;
}
.ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked::after,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked::after {
  border-color: #fff;
}
.ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked .ant-tree-checkbox-inner,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked .ant-tree-checkbox-inner {
  background: #fff;
}
.ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-checkbox.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after {
  border-color: #3A78F2;
}
.ant-tree.ant-tree-directory > li.ant-tree-treenode-selected > span.ant-tree-node-content-wrapper::before,
.ant-tree.ant-tree-directory .ant-tree-child-tree > li.ant-tree-treenode-selected > span.ant-tree-node-content-wrapper::before {
  background: #3A78F2;
}
.ant-tree-checkbox {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #000000D9;
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  top: -0.09em;
  display: inline-block;
  line-height: 1;
  white-space: nowrap;
  vertical-align: middle;
  outline: none;
  cursor: pointer;
}
.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-inner,
.ant-tree-checkbox:hover .ant-tree-checkbox-inner,
.ant-tree-checkbox-input:focus + .ant-tree-checkbox-inner {
  border-color: #3A78F2;
}
.ant-tree-checkbox-checked::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #3A78F2;
  border-radius: 2px;
  visibility: hidden;
  animation: antCheckboxEffect 0.36s ease-in-out;
  animation-fill-mode: backwards;
  content: '';
}
.ant-tree-checkbox:hover::after,
.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox::after {
  visibility: visible;
}
.ant-tree-checkbox-inner {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: 16px;
  height: 16px;
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  border-collapse: separate;
  transition: all 0.3s;
}
.ant-tree-checkbox-inner::after {
  position: absolute;
  top: 50%;
  left: 22%;
  display: table;
  width: 5.71428571px;
  height: 9.14285714px;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(0) translate(-50%, -50%);
  opacity: 0;
  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
  content: ' ';
}
.ant-tree-checkbox-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}
.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after {
  position: absolute;
  display: table;
  border: 2px solid #fff;
  border-top: 0;
  border-left: 0;
  transform: rotate(45deg) scale(1) translate(-50%, -50%);
  opacity: 1;
  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
  content: ' ';
}
.ant-tree-checkbox-checked .ant-tree-checkbox-inner {
  background-color: #3A78F2;
  border-color: #3A78F2;
}
.ant-tree-checkbox-disabled {
  cursor: not-allowed;
}
.ant-tree-checkbox-disabled.ant-tree-checkbox-checked .ant-tree-checkbox-inner::after {
  border-color: rgba(0, 0, 0, 0.25);
  animation-name: none;
}
.ant-tree-checkbox-disabled .ant-tree-checkbox-input {
  cursor: not-allowed;
}
.ant-tree-checkbox-disabled .ant-tree-checkbox-inner {
  background-color: #f5f5f5;
  border-color: #d9d9d9 !important;
}
.ant-tree-checkbox-disabled .ant-tree-checkbox-inner::after {
  border-color: #f5f5f5;
  border-collapse: separate;
  animation-name: none;
}
.ant-tree-checkbox-disabled + span {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-tree-checkbox-disabled:hover::after,
.ant-tree-checkbox-wrapper:hover .ant-tree-checkbox-disabled::after {
  visibility: hidden;
}
.ant-tree-checkbox-wrapper {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #000000D9;
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
  line-height: unset;
  cursor: pointer;
}
.ant-tree-checkbox-wrapper.ant-tree-checkbox-wrapper-disabled {
  cursor: not-allowed;
}
.ant-tree-checkbox-wrapper + .ant-tree-checkbox-wrapper {
  margin-left: 8px;
}
.ant-tree-checkbox + span {
  padding-right: 8px;
  padding-left: 8px;
}
.ant-tree-checkbox-group {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #000000D9;
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  display: inline-block;
}
.ant-tree-checkbox-group-item {
  display: inline-block;
  margin-right: 8px;
}
.ant-tree-checkbox-group-item:last-child {
  margin-right: 0;
}
.ant-tree-checkbox-group-item + .ant-tree-checkbox-group-item {
  margin-left: 0;
}
.ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner {
  background-color: #fff;
  border-color: #d9d9d9;
}
.ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner::after {
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  background-color: #3A78F2;
  border: 0;
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  content: ' ';
}
.ant-tree-checkbox-indeterminate.ant-tree-checkbox-disabled .ant-tree-checkbox-inner::after {
  background-color: rgba(0, 0, 0, 0.25);
  border-color: rgba(0, 0, 0, 0.25);
}
.ant-tree {
  /* see https://github.com/ant-design/ant-design/issues/16259 */
  box-sizing: border-box;
  color: #000000D9;
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  margin: 0;
  padding: 0;
}
.ant-tree-checkbox-checked::after {
  position: absolute;
  top: 16.67%;
  left: 0;
  width: 100%;
  height: 66.67%;
}
.ant-tree ol,
.ant-tree ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ant-tree li {
  margin: 0;
  padding: 4px 0;
  white-space: nowrap;
  list-style: none;
  outline: 0;
}
.ant-tree li span[draggable],
.ant-tree li span[draggable='true'] {
  line-height: 20px;
  border-top: 2px transparent solid;
  border-bottom: 2px transparent solid;
  user-select: none;
  /* Required to make elements draggable in old WebKit */
  -khtml-user-drag: element;
  -webkit-user-drag: element;
}
.ant-tree li.drag-over > span[draggable] {
  color: white;
  background-color: #3A78F2;
  opacity: 0.8;
}
.ant-tree li.drag-over-gap-top > span[draggable] {
  border-top-color: #3A78F2;
}
.ant-tree li.drag-over-gap-bottom > span[draggable] {
  border-bottom-color: #3A78F2;
}
.ant-tree li.filter-node > span {
  color: #f5222d !important;
  font-weight: 500 !important;
}
.ant-tree li.ant-tree-treenode-loading span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-loading-icon,
.ant-tree li.ant-tree-treenode-loading span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-loading-icon {
  position: absolute;
  left: 0;
  display: inline-block;
  width: 24px;
  height: 24px;
  color: #3A78F2;
  font-size: 14px;
  transform: none;
}
.ant-tree li.ant-tree-treenode-loading span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-loading-icon svg,
.ant-tree li.ant-tree-treenode-loading span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-loading-icon svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
:root .ant-tree li.ant-tree-treenode-loading span.ant-tree-switcher.ant-tree-switcher_open::after,
:root .ant-tree li.ant-tree-treenode-loading span.ant-tree-switcher.ant-tree-switcher_close::after {
  opacity: 0;
}
.ant-tree li ul {
  margin: 0;
  padding: 0 0 0 18px;
}
.ant-tree li .ant-tree-node-content-wrapper {
  display: inline-block;
  height: 24px;
  margin: 0;
  padding: 0 5px;
  color: #000000D9;
  line-height: 24px;
  text-decoration: none;
  vertical-align: top;
  border-radius: 2px;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-tree li .ant-tree-node-content-wrapper:hover {
  background-color: #f0f7ff;
}
.ant-tree li .ant-tree-node-content-wrapper.ant-tree-node-selected {
  background-color: #e0efff;
}
.ant-tree li span.ant-tree-checkbox {
  top: initial;
  height: 24px;
  margin: 0 4px 0 2px;
  padding: 4px 0;
}
.ant-tree li span.ant-tree-switcher,
.ant-tree li span.ant-tree-iconEle {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: 0;
  line-height: 24px;
  text-align: center;
  vertical-align: top;
  border: 0 none;
  outline: none;
  cursor: pointer;
}
.ant-tree li span.ant-tree-iconEle:empty {
  display: none;
}
.ant-tree li span.ant-tree-switcher {
  position: relative;
}
.ant-tree li span.ant-tree-switcher.ant-tree-switcher-noop {
  cursor: default;
}
.ant-tree li span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon,
.ant-tree li span.ant-tree-switcher.ant-tree-switcher_open .ant-select-switcher-icon {
  font-size: 12px;
  font-size: 10px \9;
  transform: scale(0.83333333) rotate(0deg);
  display: inline-block;
  font-weight: bold;
}
:root .ant-tree li span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon,
:root .ant-tree li span.ant-tree-switcher.ant-tree-switcher_open .ant-select-switcher-icon {
  font-size: 12px;
}
.ant-tree li span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg,
.ant-tree li span.ant-tree-switcher.ant-tree-switcher_open .ant-select-switcher-icon svg {
  transition: transform 0.3s;
}
.ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-icon,
.ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .ant-select-switcher-icon {
  font-size: 12px;
  font-size: 10px \9;
  transform: scale(0.83333333) rotate(0deg);
  display: inline-block;
  font-weight: bold;
}
:root .ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-icon,
:root .ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .ant-select-switcher-icon {
  font-size: 12px;
}
.ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-icon svg,
.ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .ant-select-switcher-icon svg {
  transition: transform 0.3s;
}
.ant-tree li span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-icon svg {
  transform: rotate(-90deg);
}
.ant-tree li:last-child > span.ant-tree-switcher::before,
.ant-tree li:last-child > span.ant-tree-iconEle::before {
  display: none;
}
.ant-tree > li:first-child {
  padding-top: 7px;
}
.ant-tree > li:last-child {
  padding-bottom: 7px;
}
.ant-tree-child-tree > li:first-child {
  padding-top: 8px;
}
.ant-tree-child-tree > li:last-child {
  padding-bottom: 0;
}
li.ant-tree-treenode-disabled > span:not(.ant-tree-switcher),
li.ant-tree-treenode-disabled > .ant-tree-node-content-wrapper,
li.ant-tree-treenode-disabled > .ant-tree-node-content-wrapper span {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
li.ant-tree-treenode-disabled > .ant-tree-node-content-wrapper:hover {
  background: transparent;
}
.ant-tree-icon__open {
  margin-right: 2px;
  vertical-align: top;
}
.ant-tree-icon__close {
  margin-right: 2px;
  vertical-align: top;
}
.ant-tree.ant-tree-show-line li {
  position: relative;
}
.ant-tree.ant-tree-show-line li span.ant-tree-switcher {
  color: rgba(0, 0, 0, 0.45);
  background: #fff;
}
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher-noop .ant-tree-switcher-icon,
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher-noop .ant-select-switcher-icon {
  display: inline-block;
  font-weight: normal;
  font-size: 12px;
}
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher-noop .ant-tree-switcher-icon svg,
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher-noop .ant-select-switcher-icon svg {
  transition: transform 0.3s;
}
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon,
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_open .ant-select-switcher-icon {
  display: inline-block;
  font-weight: normal;
  font-size: 12px;
}
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_open .ant-tree-switcher-icon svg,
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_open .ant-select-switcher-icon svg {
  transition: transform 0.3s;
}
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-icon,
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_close .ant-select-switcher-icon {
  display: inline-block;
  font-weight: normal;
  font-size: 12px;
}
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_close .ant-tree-switcher-icon svg,
.ant-tree.ant-tree-show-line li span.ant-tree-switcher.ant-tree-switcher_close .ant-select-switcher-icon svg {
  transition: transform 0.3s;
}
.ant-tree.ant-tree-show-line li:not(:last-child)::before {
  position: absolute;
  left: 12px;
  width: 1px;
  height: 100%;
  height: calc(100% - 22px);
  margin: 22px 0 0;
  border-left: 1px solid #d9d9d9;
  content: ' ';
}
.ant-tree.ant-tree-icon-hide .ant-tree-treenode-loading .ant-tree-iconEle {
  display: none;
}
.ant-tree.ant-tree-block-node li .ant-tree-node-content-wrapper {
  width: calc(100% - 24px);
}
.ant-tree.ant-tree-block-node li span.ant-tree-checkbox + .ant-tree-node-content-wrapper {
  width: calc(100% - 46px);
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/* BASICS */
.CodeMirror {
  /* Set height, width, borders, and global font properties here */
  font-family: monospace;
  height: 300px;
  color: black;
  direction: ltr;
}
/* PADDING */
.CodeMirror-lines {
  padding: 4px 0;
  /* Vertical padding around content */
}
.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
  padding: 0 4px;
  /* Horizontal padding of content */
}
.CodeMirror-scrollbar-filler,
.CodeMirror-gutter-filler {
  background-color: white;
  /* The little square between H and V scrollbars */
}
/* GUTTER */
.CodeMirror-gutters {
  border-right: 1px solid #ddd;
  background-color: #f7f7f7;
  white-space: nowrap;
}
.CodeMirror-linenumber {
  padding: 0 3px 0 5px;
  min-width: 20px;
  text-align: right;
  color: #999;
  white-space: nowrap;
}
.CodeMirror-guttermarker {
  color: black;
}
.CodeMirror-guttermarker-subtle {
  color: #999;
}
/* CURSOR */
.CodeMirror-cursor {
  border-left: 1px solid black;
  border-right: none;
  width: 0;
}
/* Shown when moving in bi-directional text */
.CodeMirror div.CodeMirror-secondarycursor {
  border-left: 1px solid silver;
}
.cm-fat-cursor .CodeMirror-cursor {
  width: auto;
  border: 0 !important;
  background: #7e7;
}
.cm-fat-cursor div.CodeMirror-cursors {
  z-index: 1;
}
.cm-fat-cursor .CodeMirror-line::selection,
.cm-fat-cursor .CodeMirror-line > span::selection,
.cm-fat-cursor .CodeMirror-line > span > span::selection {
  background: transparent;
}
.cm-fat-cursor .CodeMirror-line::-moz-selection,
.cm-fat-cursor .CodeMirror-line > span::-moz-selection,
.cm-fat-cursor .CodeMirror-line > span > span::-moz-selection {
  background: transparent;
}
.cm-fat-cursor {
  caret-color: transparent;
}
@-moz-keyframes blink {
  50% {
    background-color: transparent;
  }
}
@-webkit-keyframes blink {
  50% {
    background-color: transparent;
  }
}
@keyframes blink {
  50% {
    background-color: transparent;
  }
}
/* Can style cursor different in overwrite (non-insert) mode */
.cm-tab {
  display: inline-block;
  text-decoration: inherit;
}
.CodeMirror-rulers {
  position: absolute;
  left: 0;
  right: 0;
  top: -50px;
  bottom: 0;
  overflow: hidden;
}
.CodeMirror-ruler {
  border-left: 1px solid #ccc;
  top: 0;
  bottom: 0;
  position: absolute;
}
/* DEFAULT THEME */
.cm-s-default .cm-header {
  color: blue;
}
.cm-s-default .cm-quote {
  color: #090;
}
.cm-negative {
  color: #d44;
}
.cm-positive {
  color: #292;
}
.cm-header,
.cm-strong {
  font-weight: bold;
}
.cm-em {
  font-style: italic;
}
.cm-link {
  text-decoration: underline;
}
.cm-strikethrough {
  text-decoration: line-through;
}
.cm-s-default .cm-keyword {
  color: #708;
}
.cm-s-default .cm-atom {
  color: #219;
}
.cm-s-default .cm-number {
  color: #164;
}
.cm-s-default .cm-def {
  color: #00f;
}
.cm-s-default .cm-variable-2 {
  color: #05a;
}
.cm-s-default .cm-variable-3,
.cm-s-default .cm-type {
  color: #085;
}
.cm-s-default .cm-comment {
  color: #a50;
}
.cm-s-default .cm-string {
  color: #a11;
}
.cm-s-default .cm-string-2 {
  color: #f50;
}
.cm-s-default .cm-meta {
  color: #555;
}
.cm-s-default .cm-qualifier {
  color: #555;
}
.cm-s-default .cm-builtin {
  color: #30a;
}
.cm-s-default .cm-bracket {
  color: #997;
}
.cm-s-default .cm-tag {
  color: #170;
}
.cm-s-default .cm-attribute {
  color: #00c;
}
.cm-s-default .cm-hr {
  color: #999;
}
.cm-s-default .cm-link {
  color: #00c;
}
.cm-s-default .cm-error {
  color: #f00;
}
.cm-invalidchar {
  color: #f00;
}
.CodeMirror-composing {
  border-bottom: 2px solid;
}
/* Default styles for common addons */
div.CodeMirror span.CodeMirror-matchingbracket {
  color: #0b0;
}
div.CodeMirror span.CodeMirror-nonmatchingbracket {
  color: #a22;
}
.CodeMirror-matchingtag {
  background: rgba(255, 150, 0, 0.3);
}
.CodeMirror-activeline-background {
  background: #e8f2ff;
}
/* STOP */
/* The rest of this file contains styles related to the mechanics of
   the editor. You probably shouldn't touch them. */
.CodeMirror {
  position: relative;
  overflow: hidden;
  background: white;
}
.CodeMirror-scroll {
  overflow: scroll !important;
  /* Things will break if this is overridden */
  /* 50px is the magic margin used to hide the element's real scrollbars */
  /* See overflow: hidden in .CodeMirror */
  margin-bottom: -50px;
  margin-right: -50px;
  padding-bottom: 50px;
  height: 100%;
  outline: none;
  /* Prevent dragging from highlighting the element */
  position: relative;
  z-index: 0;
}
.CodeMirror-sizer {
  position: relative;
  border-right: 50px solid transparent;
}
/* The fake, visible scrollbars. Used to force redraw during scrolling
   before actual scrolling happens, thus preventing shaking and
   flickering artifacts. */
.CodeMirror-vscrollbar,
.CodeMirror-hscrollbar,
.CodeMirror-scrollbar-filler,
.CodeMirror-gutter-filler {
  position: absolute;
  z-index: 6;
  display: none;
  outline: none;
}
.CodeMirror-vscrollbar {
  right: 0;
  top: 0;
  overflow-x: hidden;
  overflow-y: scroll;
}
.CodeMirror-hscrollbar {
  bottom: 0;
  left: 0;
  overflow-y: hidden;
  overflow-x: scroll;
}
.CodeMirror-scrollbar-filler {
  right: 0;
  bottom: 0;
}
.CodeMirror-gutter-filler {
  left: 0;
  bottom: 0;
}
.CodeMirror-gutters {
  position: absolute;
  left: 0;
  top: 0;
  min-height: 100%;
  z-index: 3;
}
.CodeMirror-gutter {
  white-space: normal;
  height: 100%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: -50px;
}
.CodeMirror-gutter-wrapper {
  position: absolute;
  z-index: 4;
  background: none !important;
  border: none !important;
}
.CodeMirror-gutter-background {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 4;
}
.CodeMirror-gutter-elt {
  position: absolute;
  cursor: default;
  z-index: 4;
}
.CodeMirror-gutter-wrapper ::selection {
  background-color: transparent;
}
.CodeMirror-gutter-wrapper ::-moz-selection {
  background-color: transparent;
}
.CodeMirror-lines {
  cursor: text;
  min-height: 1px;
  /* prevents collapsing before first draw */
}
.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
  /* Reset some styles that the rest of the page might have set */
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  border-width: 0;
  background: transparent;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  white-space: pre;
  word-wrap: normal;
  line-height: inherit;
  color: inherit;
  z-index: 2;
  position: relative;
  overflow: visible;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-variant-ligatures: contextual;
  font-variant-ligatures: contextual;
}
.CodeMirror-wrap pre.CodeMirror-line,
.CodeMirror-wrap pre.CodeMirror-line-like {
  word-wrap: break-word;
  white-space: pre-wrap;
  word-break: normal;
}
.CodeMirror-linebackground {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0;
}
.CodeMirror-linewidget {
  position: relative;
  z-index: 2;
  padding: 0.1px;
  /* Force widget margins to stay inside of the container */
}
.CodeMirror-rtl pre {
  direction: rtl;
}
.CodeMirror-code {
  outline: none;
}
/* Force content-box sizing for the elements where we expect it */
.CodeMirror-scroll,
.CodeMirror-sizer,
.CodeMirror-gutter,
.CodeMirror-gutters,
.CodeMirror-linenumber {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.CodeMirror-measure {
  position: absolute;
  width: 100%;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}
.CodeMirror-cursor {
  position: absolute;
  pointer-events: none;
}
.CodeMirror-measure pre {
  position: static;
}
div.CodeMirror-cursors {
  visibility: hidden;
  position: relative;
  z-index: 3;
}
div.CodeMirror-dragcursors {
  visibility: visible;
}
.CodeMirror-focused div.CodeMirror-cursors {
  visibility: visible;
}
.CodeMirror-selected {
  background: #d9d9d9;
}
.CodeMirror-focused .CodeMirror-selected {
  background: #d7d4f0;
}
.CodeMirror-crosshair {
  cursor: crosshair;
}
.CodeMirror-line::selection,
.CodeMirror-line > span::selection,
.CodeMirror-line > span > span::selection {
  background: #d7d4f0;
}
.CodeMirror-line::-moz-selection,
.CodeMirror-line > span::-moz-selection,
.CodeMirror-line > span > span::-moz-selection {
  background: #d7d4f0;
}
.cm-searching {
  background-color: #ffa;
  background-color: rgba(255, 255, 0, 0.4);
}
/* Used to force a border model for a node */
.cm-force-border {
  padding-right: 0.1px;
}
@media print {
  /* Hide the cursor when printing */
  .CodeMirror div.CodeMirror-cursors {
    visibility: hidden;
  }
}
/* See issue #2901 */
.cm-tab-wrap-hack:after {
  content: '';
}
/* Help users use markselection to safely style text background */
span.CodeMirror-selectedtext {
  background: none;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
.rule-top-lable {
  font-size: 14px;
  padding: 5px 0px 6px;
}
.rule-top .ant-select-selection {
  border-radius: 0;
}
.rule-top .ant-btn {
  width: 104px;
  border-radius: 0;
}
.rule-top .btn-new {
  color: #3A78F2;
}
.rule-card-list-box {
  margin-top: 20px;
  height: 600px;
  overflow-y: auto;
  margin-bottom: 30px;
}
.rule-card-list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
.rule-crad-list-item {
  width: 235px;
  height: 120px;
  border: 1px solid #e5e8ef;
  cursor: pointer;
  padding: 8px;
  line-height: 24px;
  flex-grow: 0;
}
.rule-crad-list-item > div:first-child {
  display: flex;
  justify-content: space-between;
  margin-bottom: 5px;
}
.rule-crad-list-item > div:nth-child(2) > p {
  margin-bottom: 0px;
  line-height: 20px;
}
.rule-crad-list-item > div:nth-child(3) {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 5px;
}
.rule-crad-list-item > div:nth-child(3) > div:nth-child(2) {
  display: flex;
}
.rule-card-item-btn {
  height: 16px;
}
.rule-card-item-btn .ant-btn {
  padding: 0px;
}
.popover-menu > div {
  cursor: pointer;
  padding: 3px 15px;
}
.popover-menu > div:hover {
  color: #3a78f2;
  background-color: #f4f9fd;
}
.rule-crad-list-item-top {
  display: flex;
  align-items: center;
}
.rule-card-dataNull {
  display: flex;
  align-items: center;
  flex-direction: column;
  height: 300px;
  justify-content: center;
}
.rule-card-dataNull > img {
  width: 150px;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-aria-container {
  position: absolute;
  /* try to hide from window but not from screen readers */
  left: -999em;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-editor .selection-anchor {
  background-color: #007ACC;
  width: 2px !important;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-editor .bracket-match {
  box-sizing: border-box;
  background-color: var(--vscode-editorBracketMatch-background);
  border: 1px solid var(--vscode-editorBracketMatch-border);
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
@font-face {
  font-family: "codicon";
  font-display: block;
  src: url(/res/resources/4a477f66.ttf) format("truetype");
}
.codicon[class*='codicon-'] {
  font: normal normal normal 16px/1 codicon;
  display: inline-block;
  text-decoration: none;
  text-rendering: auto;
  text-align: center;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  user-select: none;
  -webkit-user-select: none;
}
/* icon rules are dynamically created by the platform theme service (see iconsStyleSheet.ts) */

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.codicon-wrench-subaction {
  opacity: 0.5;
}
@keyframes codicon-spin {
  100% {
    transform: rotate(360deg);
  }
}
.codicon-sync.codicon-modifier-spin,
.codicon-loading.codicon-modifier-spin,
.codicon-gear.codicon-modifier-spin,
.codicon-notebook-state-executing.codicon-modifier-spin {
  /* Use steps to throttle FPS to reduce CPU usage */
  animation: codicon-spin 1.5s steps(30) infinite;
}
.codicon-modifier-disabled {
  opacity: 0.4;
}
/* custom speed & easing for loading icon */
.codicon-loading,
.codicon-tree-item-loading::before {
  animation-duration: 1s !important;
  animation-timing-function: cubic-bezier(0.53, 0.21, 0.29, 0.67) !important;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-editor .codicon.codicon-symbol-array,
.monaco-workbench .codicon.codicon-symbol-array {
  color: var(--vscode-symbolIcon-arrayForeground);
}
.monaco-editor .codicon.codicon-symbol-boolean,
.monaco-workbench .codicon.codicon-symbol-boolean {
  color: var(--vscode-symbolIcon-booleanForeground);
}
.monaco-editor .codicon.codicon-symbol-class,
.monaco-workbench .codicon.codicon-symbol-class {
  color: var(--vscode-symbolIcon-classForeground);
}
.monaco-editor .codicon.codicon-symbol-method,
.monaco-workbench .codicon.codicon-symbol-method {
  color: var(--vscode-symbolIcon-methodForeground);
}
.monaco-editor .codicon.codicon-symbol-color,
.monaco-workbench .codicon.codicon-symbol-color {
  color: var(--vscode-symbolIcon-colorForeground);
}
.monaco-editor .codicon.codicon-symbol-constant,
.monaco-workbench .codicon.codicon-symbol-constant {
  color: var(--vscode-symbolIcon-constantForeground);
}
.monaco-editor .codicon.codicon-symbol-constructor,
.monaco-workbench .codicon.codicon-symbol-constructor {
  color: var(--vscode-symbolIcon-constructorForeground);
}
.monaco-editor .codicon.codicon-symbol-value,
.monaco-workbench .codicon.codicon-symbol-value,
.monaco-editor .codicon.codicon-symbol-enum,
.monaco-workbench .codicon.codicon-symbol-enum {
  color: var(--vscode-symbolIcon-enumeratorForeground);
}
.monaco-editor .codicon.codicon-symbol-enum-member,
.monaco-workbench .codicon.codicon-symbol-enum-member {
  color: var(--vscode-symbolIcon-enumeratorMemberForeground);
}
.monaco-editor .codicon.codicon-symbol-event,
.monaco-workbench .codicon.codicon-symbol-event {
  color: var(--vscode-symbolIcon-eventForeground);
}
.monaco-editor .codicon.codicon-symbol-field,
.monaco-workbench .codicon.codicon-symbol-field {
  color: var(--vscode-symbolIcon-fieldForeground);
}
.monaco-editor .codicon.codicon-symbol-file,
.monaco-workbench .codicon.codicon-symbol-file {
  color: var(--vscode-symbolIcon-fileForeground);
}
.monaco-editor .codicon.codicon-symbol-folder,
.monaco-workbench .codicon.codicon-symbol-folder {
  color: var(--vscode-symbolIcon-folderForeground);
}
.monaco-editor .codicon.codicon-symbol-function,
.monaco-workbench .codicon.codicon-symbol-function {
  color: var(--vscode-symbolIcon-functionForeground);
}
.monaco-editor .codicon.codicon-symbol-interface,
.monaco-workbench .codicon.codicon-symbol-interface {
  color: var(--vscode-symbolIcon-interfaceForeground);
}
.monaco-editor .codicon.codicon-symbol-key,
.monaco-workbench .codicon.codicon-symbol-key {
  color: var(--vscode-symbolIcon-keyForeground);
}
.monaco-editor .codicon.codicon-symbol-keyword,
.monaco-workbench .codicon.codicon-symbol-keyword {
  color: var(--vscode-symbolIcon-keywordForeground);
}
.monaco-editor .codicon.codicon-symbol-module,
.monaco-workbench .codicon.codicon-symbol-module {
  color: var(--vscode-symbolIcon-moduleForeground);
}
.monaco-editor .codicon.codicon-symbol-namespace,
.monaco-workbench .codicon.codicon-symbol-namespace {
  color: var(--vscode-symbolIcon-namespaceForeground);
}
.monaco-editor .codicon.codicon-symbol-null,
.monaco-workbench .codicon.codicon-symbol-null {
  color: var(--vscode-symbolIcon-nullForeground);
}
.monaco-editor .codicon.codicon-symbol-number,
.monaco-workbench .codicon.codicon-symbol-number {
  color: var(--vscode-symbolIcon-numberForeground);
}
.monaco-editor .codicon.codicon-symbol-object,
.monaco-workbench .codicon.codicon-symbol-object {
  color: var(--vscode-symbolIcon-objectForeground);
}
.monaco-editor .codicon.codicon-symbol-operator,
.monaco-workbench .codicon.codicon-symbol-operator {
  color: var(--vscode-symbolIcon-operatorForeground);
}
.monaco-editor .codicon.codicon-symbol-package,
.monaco-workbench .codicon.codicon-symbol-package {
  color: var(--vscode-symbolIcon-packageForeground);
}
.monaco-editor .codicon.codicon-symbol-property,
.monaco-workbench .codicon.codicon-symbol-property {
  color: var(--vscode-symbolIcon-propertyForeground);
}
.monaco-editor .codicon.codicon-symbol-reference,
.monaco-workbench .codicon.codicon-symbol-reference {
  color: var(--vscode-symbolIcon-referenceForeground);
}
.monaco-editor .codicon.codicon-symbol-snippet,
.monaco-workbench .codicon.codicon-symbol-snippet {
  color: var(--vscode-symbolIcon-snippetForeground);
}
.monaco-editor .codicon.codicon-symbol-string,
.monaco-workbench .codicon.codicon-symbol-string {
  color: var(--vscode-symbolIcon-stringForeground);
}
.monaco-editor .codicon.codicon-symbol-struct,
.monaco-workbench .codicon.codicon-symbol-struct {
  color: var(--vscode-symbolIcon-structForeground);
}
.monaco-editor .codicon.codicon-symbol-text,
.monaco-workbench .codicon.codicon-symbol-text {
  color: var(--vscode-symbolIcon-textForeground);
}
.monaco-editor .codicon.codicon-symbol-type-parameter,
.monaco-workbench .codicon.codicon-symbol-type-parameter {
  color: var(--vscode-symbolIcon-typeParameterForeground);
}
.monaco-editor .codicon.codicon-symbol-unit,
.monaco-workbench .codicon.codicon-symbol-unit {
  color: var(--vscode-symbolIcon-unitForeground);
}
.monaco-editor .codicon.codicon-symbol-variable,
.monaco-workbench .codicon.codicon-symbol-variable {
  color: var(--vscode-symbolIcon-variableForeground);
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-editor .lightBulbWidget {
  display: flex;
  align-items: center;
  justify-content: center;
}
.monaco-editor .lightBulbWidget:hover {
  cursor: pointer;
}
.monaco-editor .lightBulbWidget.codicon-light-bulb {
  color: var(--vscode-editorLightBulb-foreground);
}
.monaco-editor .lightBulbWidget.codicon-lightbulb-autofix {
  color: var(--vscode-editorLightBulbAutoFix-foreground, var(--vscode-editorLightBulb-foreground));
}
.monaco-editor .lightBulbWidget:before {
  position: relative;
  z-index: 2;
}
.monaco-editor .lightBulbWidget:after {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0.3;
  background-color: var(--vscode-editor-background);
  z-index: 1;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-editor .monaco-editor-overlaymessage {
  padding-bottom: 8px;
  z-index: 10000;
}
.monaco-editor .monaco-editor-overlaymessage.below {
  padding-bottom: 0;
  padding-top: 8px;
  z-index: 10000;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.monaco-editor .monaco-editor-overlaymessage.fadeIn {
  animation: fadeIn 150ms ease-out;
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.monaco-editor .monaco-editor-overlaymessage.fadeOut {
  animation: fadeOut 100ms ease-out;
}
.monaco-editor .monaco-editor-overlaymessage .message {
  padding: 2px 4px;
  color: var(--vscode-editorHoverWidget-foreground);
  background-color: var(--vscode-editorHoverWidget-background);
  border: 1px solid var(--vscode-inputValidation-infoBorder);
  border-radius: 3px;
}
.monaco-editor .monaco-editor-overlaymessage .message p {
  margin-block: 0px;
}
.monaco-editor .monaco-editor-overlaymessage .message a {
  color: var(--vscode-textLink-foreground);
}
.monaco-editor .monaco-editor-overlaymessage .message a:hover {
  color: var(--vscode-textLink-activeForeground);
}
.monaco-editor.hc-black .monaco-editor-overlaymessage .message,
.monaco-editor.hc-light .monaco-editor-overlaymessage .message {
  border-width: 2px;
}
.monaco-editor .monaco-editor-overlaymessage .anchor {
  width: 0 !important;
  height: 0 !important;
  border-color: transparent;
  border-style: solid;
  z-index: 1000;
  border-width: 8px;
  position: absolute;
  left: 2px;
}
.monaco-editor .monaco-editor-overlaymessage .anchor.top {
  border-bottom-color: var(--vscode-inputValidation-infoBorder);
}
.monaco-editor .monaco-editor-overlaymessage .anchor.below {
  border-top-color: var(--vscode-inputValidation-infoBorder);
}
.monaco-editor .monaco-editor-overlaymessage:not(.below) .anchor.top,
.monaco-editor .monaco-editor-overlaymessage.below .anchor.below {
  display: none;
}
.monaco-editor .monaco-editor-overlaymessage.below .anchor.top {
  display: inherit;
  top: -8px;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-editor .rendered-markdown kbd {
  background-color: var(--vscode-keybindingLabel-background);
  color: var(--vscode-keybindingLabel-foreground);
  border-style: solid;
  border-width: 1px;
  border-radius: 3px;
  border-color: var(--vscode-keybindingLabel-border);
  border-bottom-color: var(--vscode-keybindingLabel-bottomBorder);
  box-shadow: inset 0 -1px 0 var(--vscode-widget-shadow);
  vertical-align: middle;
  padding: 1px 3px;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-list {
  position: relative;
  height: 100%;
  width: 100%;
  white-space: nowrap;
}
.monaco-list.mouse-support {
  user-select: none;
  -webkit-user-select: none;
}
.monaco-list > .monaco-scrollable-element {
  height: 100%;
}
.monaco-list-rows {
  position: relative;
  width: 100%;
  height: 100%;
}
.monaco-list.horizontal-scrolling .monaco-list-rows {
  width: auto;
  min-width: 100%;
}
.monaco-list-row {
  position: absolute;
  box-sizing: border-box;
  overflow: hidden;
  width: 100%;
}
.monaco-list.mouse-support .monaco-list-row {
  cursor: pointer;
  touch-action: none;
}
/* for OS X ballistic scrolling */
.monaco-list-row.scrolling {
  display: none !important;
}
/* Focus */
.monaco-list.element-focused,
.monaco-list.selection-single,
.monaco-list.selection-multiple {
  outline: 0 !important;
}
/* Dnd */
.monaco-drag-image {
  display: inline-block;
  padding: 1px 7px;
  border-radius: 10px;
  font-size: 12px;
  position: absolute;
  z-index: 1000;
}
/* Filter */
.monaco-list-type-filter-message {
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 40px 1em 1em 1em;
  text-align: center;
  white-space: normal;
  opacity: 0.7;
  pointer-events: none;
}
.monaco-list-type-filter-message:empty {
  display: none;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
/* Arrows */
.monaco-scrollable-element > .scrollbar > .scra {
  cursor: pointer;
  font-size: 11px !important;
}
.monaco-scrollable-element > .visible {
  opacity: 1;
  /* Background rule added for IE9 - to allow clicks on dom node */
  background: rgba(0, 0, 0, 0);
  transition: opacity 100ms linear;
  /* In front of peek view */
  z-index: 11;
}
.monaco-scrollable-element > .invisible {
  opacity: 0;
  pointer-events: none;
}
.monaco-scrollable-element > .invisible.fade {
  transition: opacity 800ms linear;
}
/* Scrollable Content Inset Shadow */
.monaco-scrollable-element > .shadow {
  position: absolute;
  display: none;
}
.monaco-scrollable-element > .shadow.top {
  display: block;
  top: 0;
  left: 3px;
  height: 3px;
  width: 100%;
  box-shadow: var(--vscode-scrollbar-shadow) 0 6px 6px -6px inset;
}
.monaco-scrollable-element > .shadow.left {
  display: block;
  top: 3px;
  left: 0;
  height: 100%;
  width: 3px;
  box-shadow: var(--vscode-scrollbar-shadow) 6px 0 6px -6px inset;
}
.monaco-scrollable-element > .shadow.top-left-corner {
  display: block;
  top: 0;
  left: 0;
  height: 3px;
  width: 3px;
}
.monaco-scrollable-element > .shadow.top.left {
  box-shadow: var(--vscode-scrollbar-shadow) 6px 0 6px -6px inset;
}
.monaco-scrollable-element > .scrollbar > .slider {
  background: var(--vscode-scrollbarSlider-background);
}
.monaco-scrollable-element > .scrollbar > .slider:hover {
  background: var(--vscode-scrollbarSlider-hoverBackground);
}
.monaco-scrollable-element > .scrollbar > .slider.active {
  background: var(--vscode-scrollbarSlider-activeBackground);
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
/* Use custom CSS vars to expose padding into parent select for padding calculation */
.monaco-select-box-dropdown-padding {
  --dropdown-padding-top: 1px;
  --dropdown-padding-bottom: 1px;
}
.hc-black .monaco-select-box-dropdown-padding,
.hc-light .monaco-select-box-dropdown-padding {
  --dropdown-padding-top: 3px;
  --dropdown-padding-bottom: 4px;
}
.monaco-select-box-dropdown-container {
  display: none;
  box-sizing: border-box;
}
.monaco-select-box-dropdown-container > .select-box-details-pane > .select-box-description-markdown * {
  margin: 0;
}
.monaco-select-box-dropdown-container > .select-box-details-pane > .select-box-description-markdown a:focus {
  outline: 1px solid -webkit-focus-ring-color;
  outline-offset: -1px;
}
.monaco-select-box-dropdown-container > .select-box-details-pane > .select-box-description-markdown code {
  line-height: 15px;
  /** For some reason, this is needed, otherwise <code> will take up 20px height */
  font-family: var(--monaco-monospace-font);
}
.monaco-select-box-dropdown-container.visible {
  display: flex;
  flex-direction: column;
  text-align: left;
  width: 1px;
  overflow: hidden;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.monaco-select-box-dropdown-container > .select-box-dropdown-list-container {
  flex: 0 0 auto;
  align-self: flex-start;
  padding-top: var(--dropdown-padding-top);
  padding-bottom: var(--dropdown-padding-bottom);
  padding-left: 1px;
  padding-right: 1px;
  width: 100%;
  overflow: hidden;
  box-sizing: border-box;
}
.monaco-select-box-dropdown-container > .select-box-details-pane {
  padding: 5px;
}
.hc-black .monaco-select-box-dropdown-container > .select-box-dropdown-list-container {
  padding-top: var(--dropdown-padding-top);
  padding-bottom: var(--dropdown-padding-bottom);
}
.monaco-select-box-dropdown-container > .select-box-dropdown-list-container .monaco-list .monaco-list-row {
  cursor: pointer;
}
.monaco-select-box-dropdown-container > .select-box-dropdown-list-container .monaco-list .monaco-list-row > .option-text {
  text-overflow: ellipsis;
  overflow: hidden;
  padding-left: 3.5px;
  white-space: nowrap;
  float: left;
}
.monaco-select-box-dropdown-container > .select-box-dropdown-list-container .monaco-list .monaco-list-row > .option-detail {
  text-overflow: ellipsis;
  overflow: hidden;
  padding-left: 3.5px;
  white-space: nowrap;
  float: left;
  opacity: 0.7;
}
.monaco-select-box-dropdown-container > .select-box-dropdown-list-container .monaco-list .monaco-list-row > .option-decorator-right {
  text-overflow: ellipsis;
  overflow: hidden;
  padding-right: 10px;
  white-space: nowrap;
  float: right;
}
/* Accepted CSS hiding technique for accessibility reader text  */
/* https://webaim.org/techniques/css/invisiblecontent/ */
.monaco-select-box-dropdown-container > .select-box-dropdown-list-container .monaco-list .monaco-list-row > .visually-hidden {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.monaco-select-box-dropdown-container > .select-box-dropdown-container-width-control {
  flex: 1 1 auto;
  align-self: flex-start;
  opacity: 0;
}
.monaco-select-box-dropdown-container > .select-box-dropdown-container-width-control > .width-control-div {
  overflow: hidden;
  max-height: 0px;
}
.monaco-select-box-dropdown-container > .select-box-dropdown-container-width-control > .width-control-div > .option-text-width-control {
  padding-left: 4px;
  padding-right: 8px;
  white-space: nowrap;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-select-box {
  width: 100%;
  cursor: pointer;
  border-radius: 2px;
}
.monaco-select-box-dropdown-container {
  font-size: 13px;
  font-weight: normal;
  text-transform: none;
}
/** Actions */
.monaco-action-bar .action-item.select-container {
  cursor: default;
}
.monaco-action-bar .action-item .monaco-select-box {
  cursor: pointer;
  min-width: 100px;
  min-height: 18px;
  padding: 2px 23px 2px 8px;
}
.mac .monaco-action-bar .action-item .monaco-select-box {
  font-size: 11px;
  border-radius: 5px;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-action-bar {
  white-space: nowrap;
  height: 100%;
}
.monaco-action-bar .actions-container {
  display: flex;
  margin: 0 auto;
  padding: 0;
  height: 100%;
  width: 100%;
  align-items: center;
}
.monaco-action-bar.vertical .actions-container {
  display: inline-block;
}
.monaco-action-bar .action-item {
  display: block;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
  /* DO NOT REMOVE - this is the key to preventing the ghosting icon bug in Chrome 42 */
}
.monaco-action-bar .action-item.disabled {
  cursor: default;
}
.monaco-action-bar .action-item .icon,
.monaco-action-bar .action-item .codicon {
  display: block;
}
.monaco-action-bar .action-item .codicon {
  display: flex;
  align-items: center;
  width: 16px;
  height: 16px;
}
.monaco-action-bar .action-label {
  display: flex;
  font-size: 11px;
  padding: 3px;
  border-radius: 5px;
}
.monaco-action-bar .action-item.disabled .action-label,
.monaco-action-bar .action-item.disabled .action-label::before,
.monaco-action-bar .action-item.disabled .action-label:hover {
  opacity: 0.6;
}
/* Vertical actions */
.monaco-action-bar.vertical {
  text-align: left;
}
.monaco-action-bar.vertical .action-item {
  display: block;
}
.monaco-action-bar.vertical .action-label.separator {
  display: block;
  border-bottom: 1px solid #bbb;
  padding-top: 1px;
  margin-left: 0.8em;
  margin-right: 0.8em;
}
.monaco-action-bar .action-item .action-label.separator {
  width: 1px;
  height: 16px;
  margin: 5px 4px !important;
  cursor: default;
  min-width: 1px;
  padding: 0;
  background-color: #bbb;
}
.secondary-actions .monaco-action-bar .action-label {
  margin-left: 6px;
}
/* Action Items */
.monaco-action-bar .action-item.select-container {
  overflow: hidden;
  /* somehow the dropdown overflows its container, we prevent it here to not push */
  flex: 1;
  max-width: 170px;
  min-width: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}
.monaco-action-bar .action-item.action-dropdown-item {
  display: flex;
}
.monaco-action-bar .action-item.action-dropdown-item > .action-dropdown-item-separator {
  display: flex;
  align-items: center;
  cursor: default;
}
.monaco-action-bar .action-item.action-dropdown-item > .action-dropdown-item-separator > div {
  width: 1px;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.action-widget {
  font-size: 13px;
  border-radius: 0;
  min-width: 160px;
  max-width: 80vw;
  z-index: 40;
  display: block;
  width: 100%;
  border: 1px solid var(--vscode-editorWidget-border) !important;
  background-color: var(--vscode-editorWidget-background);
  color: var(--vscode-editorWidget-foreground);
}
.context-view-block {
  position: fixed;
  cursor: initial;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.context-view-pointerBlock {
  position: fixed;
  cursor: initial;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
.action-widget .monaco-list {
  user-select: none;
  -webkit-user-select: none;
  border: none !important;
  border-width: 0 !important;
}
.action-widget .monaco-list:focus:before {
  outline: 0 !important;
}
.action-widget .monaco-list .monaco-scrollable-element {
  overflow: visible;
}
/** Styles for each row in the list element **/
.action-widget .monaco-list .monaco-list-row {
  padding: 0 10px;
  white-space: nowrap;
  cursor: pointer;
  touch-action: none;
  width: 100%;
}
.action-widget .monaco-list .monaco-list-row.action.focused:not(.option-disabled) {
  background-color: var(--vscode-quickInputList-focusBackground) !important;
  color: var(--vscode-quickInputList-focusForeground);
  outline: 1px solid var(--vscode-menu-selectionBorder, transparent);
  outline-offset: -1px;
}
.action-widget .monaco-list-row.group-header {
  color: var(--vscode-pickerGroup-foreground) !important;
  font-weight: 600;
}
.action-widget .monaco-list .group-header,
.action-widget .monaco-list .option-disabled,
.action-widget .monaco-list .option-disabled:before,
.action-widget .monaco-list .option-disabled .focused,
.action-widget .monaco-list .option-disabled .focused:before {
  cursor: default !important;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
  background-color: transparent !important;
  outline: 0 solid !important;
}
.action-widget .monaco-list-row.action {
  display: flex;
  gap: 6px;
  align-items: center;
}
.action-widget .monaco-list-row.action.option-disabled {
  color: var(--vscode-disabledForeground);
}
.action-widget .monaco-list-row.action.option-disabled .codicon {
  opacity: 0.4;
}
.action-widget .monaco-list-row.action:not(.option-disabled) .codicon {
  color: inherit;
}
.action-widget .monaco-list-row.action .title {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* Action bar */
.action-widget .action-widget-action-bar {
  background-color: var(--vscode-editorHoverWidget-statusBarBackground);
  border-top: 1px solid var(--vscode-editorHoverWidget-border);
}
.action-widget .action-widget-action-bar::before {
  display: block;
  content: "";
  width: 100%;
}
.action-widget .action-widget-action-bar .actions-container {
  padding: 0 8px;
}
.action-widget-action-bar .action-label {
  color: var(--vscode-textLink-activeForeground);
  font-size: 12px;
  line-height: 22px;
  padding: 0;
  pointer-events: all;
}
.action-widget-action-bar .action-item {
  margin-right: 16px;
  pointer-events: none;
}
.action-widget-action-bar .action-label:hover {
  background-color: transparent !important;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-keybinding {
  display: flex;
  align-items: center;
  line-height: 10px;
}
.monaco-keybinding > .monaco-keybinding-key {
  display: inline-block;
  border-style: solid;
  border-width: 1px;
  border-radius: 3px;
  vertical-align: middle;
  font-size: 11px;
  padding: 3px 5px;
  margin: 0 2px;
}
.monaco-keybinding > .monaco-keybinding-key:first-child {
  margin-left: 0;
}
.monaco-keybinding > .monaco-keybinding-key:last-child {
  margin-right: 0;
}
.monaco-keybinding > .monaco-keybinding-key-separator {
  display: inline-block;
}
.monaco-keybinding > .monaco-keybinding-key-chord-separator {
  width: 6px;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-editor .codelens-decoration {
  overflow: hidden;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--vscode-editorCodeLens-foreground);
  line-height: var(--vscode-editorCodeLens-lineHeight);
  font-size: var(--vscode-editorCodeLens-fontSize);
  padding-right: calc(var(--vscode-editorCodeLens-fontSize)*0.5);
  font-feature-settings: var(--vscode-editorCodeLens-fontFeatureSettings);
  font-family: var(--vscode-editorCodeLens-fontFamily), var(--vscode-editorCodeLens-fontFamilyDefault);
}
.monaco-editor .codelens-decoration > span,
.monaco-editor .codelens-decoration > a {
  user-select: none;
  -webkit-user-select: none;
  white-space: nowrap;
  vertical-align: sub;
}
.monaco-editor .codelens-decoration > a {
  text-decoration: none;
}
.monaco-editor .codelens-decoration > a:hover {
  cursor: pointer;
  color: var(--vscode-editorLink-activeForeground) !important;
}
.monaco-editor .codelens-decoration > a:hover .codicon {
  color: var(--vscode-editorLink-activeForeground) !important;
}
.monaco-editor .codelens-decoration .codicon {
  vertical-align: middle;
  color: currentColor !important;
  color: var(--vscode-editorCodeLens-foreground);
  line-height: var(--vscode-editorCodeLens-lineHeight);
  font-size: var(--vscode-editorCodeLens-fontSize);
}
.monaco-editor .codelens-decoration > a:hover .codicon::before {
  cursor: pointer;
}
@keyframes fadein {
  0% {
    opacity: 0;
    visibility: visible;
  }
  100% {
    opacity: 1;
  }
}
.monaco-editor .codelens-decoration.fadein {
  animation: fadein 0.1s linear;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.colorpicker-widget {
  height: 190px;
  user-select: none;
  -webkit-user-select: none;
}
/* Decoration */
.colorpicker-color-decoration,
.hc-light .colorpicker-color-decoration {
  border: solid 0.1em #000;
  box-sizing: border-box;
  margin: 0.1em 0.2em 0 0.2em;
  width: 0.8em;
  height: 0.8em;
  line-height: 0.8em;
  display: inline-block;
  cursor: pointer;
}
.hc-black .colorpicker-color-decoration,
.vs-dark .colorpicker-color-decoration {
  border: solid 0.1em #eee;
}
/* Header */
.colorpicker-header {
  display: flex;
  height: 24px;
  position: relative;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTZEaa/1AAAAHUlEQVQYV2PYvXu3JAi7uLiAMaYAjAGTQBPYLQkAa/0Zef3qRswAAAAASUVORK5CYII=);
  background-size: 9px 9px;
  image-rendering: pixelated;
}
.colorpicker-header .picked-color {
  width: 240px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 24px;
  cursor: pointer;
  color: white;
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
}
.colorpicker-header .picked-color .picked-color-presentation {
  white-space: nowrap;
  margin-left: 5px;
  margin-right: 5px;
}
.colorpicker-header .picked-color .codicon {
  color: inherit;
  font-size: 14px;
}
.colorpicker-header .picked-color.light {
  color: black;
}
.colorpicker-header .original-color {
  width: 74px;
  z-index: inherit;
  cursor: pointer;
}
.standalone-colorpicker {
  color: var(--vscode-editorHoverWidget-foreground);
  background-color: var(--vscode-editorHoverWidget-background);
  border: 1px solid var(--vscode-editorHoverWidget-border);
}
.colorpicker-header.standalone-colorpicker {
  border-bottom: none;
}
.colorpicker-header .close-button {
  cursor: pointer;
  background-color: var(--vscode-editorHoverWidget-background);
  border-left: 1px solid var(--vscode-editorHoverWidget-border);
}
.colorpicker-header .close-button-inner-div {
  width: 100%;
  height: 100%;
  text-align: center;
}
.colorpicker-header .close-button-inner-div:hover {
  background-color: var(--vscode-toolbar-hoverBackground);
}
.colorpicker-header .close-icon {
  padding: 3px;
}
/* Body */
.colorpicker-body {
  display: flex;
  padding: 8px;
  position: relative;
}
.colorpicker-body .saturation-wrap {
  overflow: hidden;
  height: 150px;
  position: relative;
  min-width: 220px;
  flex: 1;
}
.colorpicker-body .saturation-box {
  height: 150px;
  position: absolute;
}
.colorpicker-body .saturation-selection {
  width: 9px;
  height: 9px;
  margin: -5px 0 0 -5px;
  border: 1px solid #ffffff;
  border-radius: 100%;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.8);
  position: absolute;
}
.colorpicker-body .strip {
  width: 25px;
  height: 150px;
}
.colorpicker-body .standalone-strip {
  width: 25px;
  height: 122px;
}
.colorpicker-body .hue-strip {
  position: relative;
  margin-left: 8px;
  cursor: grab;
  background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
}
.colorpicker-body .opacity-strip {
  position: relative;
  margin-left: 8px;
  cursor: grab;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTZEaa/1AAAAHUlEQVQYV2PYvXu3JAi7uLiAMaYAjAGTQBPYLQkAa/0Zef3qRswAAAAASUVORK5CYII=);
  background-size: 9px 9px;
  image-rendering: pixelated;
}
.colorpicker-body .strip.grabbing {
  cursor: grabbing;
}
.colorpicker-body .slider {
  position: absolute;
  top: 0;
  left: -2px;
  width: calc(100% + 4px);
  height: 4px;
  box-sizing: border-box;
  border: 1px solid rgba(255, 255, 255, 0.71);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.85);
}
.colorpicker-body .strip .overlay {
  height: 150px;
  pointer-events: none;
}
.colorpicker-body .standalone-strip .standalone-overlay {
  height: 122px;
  pointer-events: none;
}
.standalone-colorpicker-body {
  display: block;
  border: 1px solid transparent;
  border-bottom: 1px solid var(--vscode-editorHoverWidget-border);
  overflow: hidden;
}
.colorpicker-body .insert-button {
  position: absolute;
  height: 20px;
  width: 58px;
  padding: 0px;
  right: 8px;
  bottom: 8px;
  background: var(--vscode-button-background);
  color: var(--vscode-button-foreground);
  border-radius: 2px;
  border: none;
  cursor: pointer;
}
.colorpicker-body .insert-button:hover {
  background: var(--vscode-button-hoverBackground);
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-editor .goto-definition-link {
  text-decoration: underline;
  cursor: pointer;
  color: var(--vscode-editorLink-activeForeground) !important;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-editor .peekview-widget .head {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
}
.monaco-editor .peekview-widget .head .peekview-title {
  display: flex;
  align-items: baseline;
  font-size: 13px;
  margin-left: 20px;
  min-width: 0;
  text-overflow: ellipsis;
  overflow: hidden;
}
.monaco-editor .peekview-widget .head .peekview-title.clickable {
  cursor: pointer;
}
.monaco-editor .peekview-widget .head .peekview-title .dirname:not(:empty) {
  font-size: 0.9em;
  margin-left: 0.5em;
}
.monaco-editor .peekview-widget .head .peekview-title .meta {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.monaco-editor .peekview-widget .head .peekview-title .dirname {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.monaco-editor .peekview-widget .head .peekview-title .filename {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.monaco-editor .peekview-widget .head .peekview-title .meta:not(:empty)::before {
  content: '-';
  padding: 0 0.3em;
}
.monaco-editor .peekview-widget .head .peekview-actions {
  flex: 1;
  text-align: right;
  padding-right: 2px;
}
.monaco-editor .peekview-widget .head .peekview-actions > .monaco-action-bar {
  display: inline-block;
}
.monaco-editor .peekview-widget .head .peekview-actions > .monaco-action-bar,
.monaco-editor .peekview-widget .head .peekview-actions > .monaco-action-bar > .actions-container {
  height: 100%;
}
.monaco-editor .peekview-widget > .body {
  border-top: 1px solid;
  position: relative;
}
.monaco-editor .peekview-widget .head .peekview-title .codicon {
  margin-right: 4px;
  align-self: center;
}
.monaco-editor .peekview-widget .monaco-list .monaco-list-row.focused .codicon {
  color: inherit !important;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
/* -------------------- IE10 remove auto clear button -------------------- */
::-ms-clear {
  display: none;
}
/* All widgets */
/* I am not a big fan of this rule */
.monaco-editor .editor-widget input {
  color: inherit;
}
/* -------------------- Editor -------------------- */
.monaco-editor {
  position: relative;
  overflow: visible;
  -webkit-text-size-adjust: 100%;
  color: var(--vscode-editor-foreground);
  background-color: var(--vscode-editor-background);
}
.monaco-editor-background {
  background-color: var(--vscode-editor-background);
}
.monaco-editor .rangeHighlight {
  background-color: var(--vscode-editor-rangeHighlightBackground);
  box-sizing: border-box;
  border: 1px solid var(--vscode-editor-rangeHighlightBorder);
}
.monaco-editor.hc-black .rangeHighlight,
.monaco-editor.hc-light .rangeHighlight {
  border-style: dotted;
}
.monaco-editor .symbolHighlight {
  background-color: var(--vscode-editor-symbolHighlightBackground);
  box-sizing: border-box;
  border: 1px solid var(--vscode-editor-symbolHighlightBorder);
}
.monaco-editor.hc-black .symbolHighlight,
.monaco-editor.hc-light .symbolHighlight {
  border-style: dotted;
}
/* -------------------- Misc -------------------- */
.monaco-editor .overflow-guard {
  position: relative;
  overflow: hidden;
}
.monaco-editor .view-overlays {
  position: absolute;
  top: 0;
}
/*
.monaco-editor .auto-closed-character {
	opacity: 0.3;
}
*/
.monaco-editor .squiggly-error {
  border-bottom: 4px double var(--vscode-editorError-border);
}
.monaco-editor .squiggly-error::before {
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  background: var(--vscode-editorError-background);
}
.monaco-editor .squiggly-warning {
  border-bottom: 4px double var(--vscode-editorWarning-border);
}
.monaco-editor .squiggly-warning::before {
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  background: var(--vscode-editorWarning-background);
}
.monaco-editor .squiggly-info {
  border-bottom: 4px double var(--vscode-editorInfo-border);
}
.monaco-editor .squiggly-info::before {
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  background: var(--vscode-editorInfo-background);
}
.monaco-editor .squiggly-hint {
  border-bottom: 2px dotted var(--vscode-editorHint-border);
}
.monaco-editor.showUnused .squiggly-unnecessary {
  border-bottom: 2px dashed var(--vscode-editorUnnecessaryCode-border);
}
.monaco-editor.showDeprecated .squiggly-inline-deprecated {
  text-decoration: line-through;
  text-decoration-color: var(--vscode-editor-foreground, inherit);
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-editor .inputarea {
  min-width: 0;
  min-height: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  outline: none !important;
  resize: none;
  border: none;
  overflow: hidden;
  color: transparent;
  background-color: transparent;
  z-index: -10;
}
/*.monaco-editor .inputarea {
	position: fixed !important;
	width: 800px !important;
	height: 500px !important;
	top: initial !important;
	left: initial !important;
	bottom: 0 !important;
	right: 0 !important;
	color: black !important;
	background: white !important;
	line-height: 15px !important;
	font-size: 14px !important;
	z-index: 10 !important;
}*/
.monaco-editor .inputarea.ime-input {
  z-index: 10;
  caret-color: var(--vscode-editorCursor-foreground);
  color: var(--vscode-editor-foreground);
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-editor .margin-view-overlays .line-numbers {
  font-variant-numeric: tabular-nums;
  position: absolute;
  text-align: right;
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
  cursor: default;
  height: 100%;
}
.monaco-editor .relative-current-line-number {
  text-align: left;
  display: inline-block;
  width: 100%;
}
.monaco-editor .margin-view-overlays .line-numbers.lh-odd {
  margin-top: 1px;
}
.monaco-editor .line-numbers {
  color: var(--vscode-editorLineNumber-foreground);
}
.monaco-editor .line-numbers.active-line-number {
  color: var(--vscode-editorLineNumber-activeForeground);
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-editor .margin {
  background-color: var(--vscode-editorGutter-background);
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-mouse-cursor-text {
  cursor: text;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-editor .view-overlays .current-line {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  box-sizing: border-box;
}
.monaco-editor .margin-view-overlays .current-line {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  box-sizing: border-box;
}
.monaco-editor .margin-view-overlays .current-line.current-line-margin.current-line-margin-both {
  border-right: 0;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
/*
	Keeping name short for faster parsing.
	cdr = core decorations rendering (div)
*/
.monaco-editor .lines-content .cdr {
  position: absolute;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-editor .lines-content .core-guide {
  position: absolute;
  box-sizing: border-box;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
/* Uncomment to see lines flashing when they're painted */
/*.monaco-editor .view-lines > .view-line {
	background-color: none;
	animation-name: flash-background;
	animation-duration: 800ms;
}
@keyframes flash-background {
	0%   { background-color: lightgreen; }
	100% { background-color: none }
}*/
.mtkcontrol {
  color: #ffffff !important;
  background: #960000 !important;
}
.mtkoverflow {
  background-color: var(--vscode-button-background, --vscode-editor-background);
  color: var(--vscode-button-foreground, --vscode-editor-foreground);
  border-width: 1px;
  border-style: solid;
  border-color: var(--vscode-contrastBorder);
  border-radius: 2px;
  padding: 4px;
  cursor: pointer;
}
.mtkoverflow:hover {
  background-color: var(--vscode-button-hoverBackground);
}
.monaco-editor.no-user-select .lines-content,
.monaco-editor.no-user-select .view-line,
.monaco-editor.no-user-select .view-lines {
  user-select: none;
  -webkit-user-select: none;
}
/* Use user-select: text for lookup feature on macOS */
/* https://github.com/microsoft/vscode/issues/85632 */
.monaco-editor.mac .lines-content:hover,
.monaco-editor.mac .view-line:hover,
.monaco-editor.mac .view-lines:hover {
  user-select: text;
  -webkit-user-select: text;
  -ms-user-select: text;
}
.monaco-editor.enable-user-select {
  user-select: initial;
  -webkit-user-select: initial;
}
.monaco-editor .view-lines {
  white-space: nowrap;
}
.monaco-editor .view-line {
  position: absolute;
  width: 100%;
}
.monaco-editor .mtkw {
  color: var(--vscode-editorWhitespace-foreground) !important;
}
.monaco-editor .mtkz {
  display: inline-block;
  color: var(--vscode-editorWhitespace-foreground) !important;
}
/* TODO@tokenization bootstrap fix */
/*.monaco-editor .view-line > span > span {
	float: none;
	min-height: inherit;
	margin-left: inherit;
}*/

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-editor .lines-decorations {
  position: absolute;
  top: 0;
  background: white;
}
/*
	Keeping name short for faster parsing.
	cldr = core lines decorations rendering (div)
*/
.monaco-editor .margin-view-overlays .cldr {
  position: absolute;
  height: 100%;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-editor .glyph-margin {
  position: absolute;
  top: 0;
}
/*
	Keeping name short for faster parsing.
	cgmr = core glyph margin rendering (div)
*/
.monaco-editor .glyph-margin-widgets .cgmr {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
}
/*
	Ensure spinning icons are pixel-perfectly centered and avoid wobble.
	This is only applied to icons that spin to avoid unnecessary
	GPU layers and blurry subpixel AA.
*/
.monaco-editor .glyph-margin-widgets .cgmr.codicon-modifier-spin::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
/*
	Keeping name short for faster parsing.
	cmdr = core margin decorations rendering (div)
*/
.monaco-editor .margin-view-overlays .cmdr {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
/* START cover the case that slider is visible on mouseover */
.monaco-editor .minimap.slider-mouseover .minimap-slider {
  opacity: 0;
  transition: opacity 100ms linear;
}
.monaco-editor .minimap.slider-mouseover:hover .minimap-slider {
  opacity: 1;
}
.monaco-editor .minimap.slider-mouseover .minimap-slider.active {
  opacity: 1;
}
/* END cover the case that slider is visible on mouseover */
.monaco-editor .minimap-slider .minimap-slider-horizontal {
  background: var(--vscode-minimapSlider-background);
}
.monaco-editor .minimap-slider:hover .minimap-slider-horizontal {
  background: var(--vscode-minimapSlider-hoverBackground);
}
.monaco-editor .minimap-slider.active .minimap-slider-horizontal {
  background: var(--vscode-minimapSlider-activeBackground);
}
.monaco-editor .minimap-shadow-visible {
  box-shadow: var(--vscode-scrollbar-shadow) -6px 0 6px -6px inset;
}
.monaco-editor .minimap-shadow-hidden {
  position: absolute;
  width: 0;
}
.monaco-editor .minimap-shadow-visible {
  position: absolute;
  left: -6px;
  width: 6px;
}
.monaco-editor.no-minimap-shadow .minimap-shadow-visible {
  position: absolute;
  left: -1px;
  width: 1px;
}
/* 0.5s fade in/out for the minimap */
.minimap.autohide {
  opacity: 0;
  transition: opacity 0.5s;
}
.minimap.autohide:hover {
  opacity: 1;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-editor .overlayWidgets {
  position: absolute;
  top: 0;
  left: 0;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-editor .view-ruler {
  position: absolute;
  top: 0;
  box-shadow: 1px 0 0 0 var(--vscode-editorRuler-foreground) inset;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-editor .scroll-decoration {
  position: absolute;
  top: 0;
  left: 0;
  height: 6px;
  box-shadow: var(--vscode-scrollbar-shadow) 0 6px 6px -6px inset;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
/*
	Keeping name short for faster parsing.
	cslr = core selections layer rendering (div)
*/
.monaco-editor .lines-content .cslr {
  position: absolute;
}
.monaco-editor .focused .selected-text {
  background-color: var(--vscode-editor-selectionBackground);
}
.monaco-editor .selected-text {
  background-color: var(--vscode-editor-inactiveSelectionBackground);
}
.monaco-editor .top-left-radius {
  border-top-left-radius: 3px;
}
.monaco-editor .bottom-left-radius {
  border-bottom-left-radius: 3px;
}
.monaco-editor .top-right-radius {
  border-top-right-radius: 3px;
}
.monaco-editor .bottom-right-radius {
  border-bottom-right-radius: 3px;
}
.monaco-editor.hc-black .top-left-radius {
  border-top-left-radius: 0;
}
.monaco-editor.hc-black .bottom-left-radius {
  border-bottom-left-radius: 0;
}
.monaco-editor.hc-black .top-right-radius {
  border-top-right-radius: 0;
}
.monaco-editor.hc-black .bottom-right-radius {
  border-bottom-right-radius: 0;
}
.monaco-editor.hc-light .top-left-radius {
  border-top-left-radius: 0;
}
.monaco-editor.hc-light .bottom-left-radius {
  border-bottom-left-radius: 0;
}
.monaco-editor.hc-light .top-right-radius {
  border-top-right-radius: 0;
}
.monaco-editor.hc-light .bottom-right-radius {
  border-bottom-right-radius: 0;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-editor .cursors-layer {
  position: absolute;
  top: 0;
}
.monaco-editor .cursors-layer > .cursor {
  position: absolute;
  overflow: hidden;
  box-sizing: border-box;
}
/* -- smooth-caret-animation -- */
.monaco-editor .cursors-layer.cursor-smooth-caret-animation > .cursor {
  transition: all 80ms;
}
/* -- block-outline-style -- */
.monaco-editor .cursors-layer.cursor-block-outline-style > .cursor {
  background: transparent !important;
  border-style: solid;
  border-width: 1px;
}
/* -- underline-style -- */
.monaco-editor .cursors-layer.cursor-underline-style > .cursor {
  border-bottom-width: 2px;
  border-bottom-style: solid;
  background: transparent !important;
}
/* -- underline-thin-style -- */
.monaco-editor .cursors-layer.cursor-underline-thin-style > .cursor {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  background: transparent !important;
}
@keyframes monaco-cursor-smooth {
  0%,
  20% {
    opacity: 1;
  }
  60%,
  100% {
    opacity: 0;
  }
}
@keyframes monaco-cursor-phase {
  0%,
  20% {
    opacity: 1;
  }
  90%,
  100% {
    opacity: 0;
  }
}
@keyframes monaco-cursor-expand {
  0%,
  20% {
    transform: scaleY(1);
  }
  80%,
  100% {
    transform: scaleY(0);
  }
}
.cursor-smooth {
  animation: monaco-cursor-smooth 0.5s ease-in-out 0s 20 alternate;
}
.cursor-phase {
  animation: monaco-cursor-phase 0.5s ease-in-out 0s 20 alternate;
}
.cursor-expand > .cursor {
  animation: monaco-cursor-expand 0.5s ease-in-out 0s 20 alternate;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-editor .blockDecorations-container {
  position: absolute;
  top: 0;
  pointer-events: none;
}
.monaco-editor .blockDecorations-block {
  position: absolute;
  box-sizing: border-box;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-editor .mwh {
  position: absolute;
  color: var(--vscode-editorWhitespace-foreground) !important;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
:root {
  --vscode-sash-size: 4px;
}
.monaco-sash {
  position: absolute;
  z-index: 35;
  touch-action: none;
}
.monaco-sash.disabled {
  pointer-events: none;
}
.monaco-sash.mac.vertical {
  cursor: col-resize;
}
.monaco-sash.vertical.minimum {
  cursor: e-resize;
}
.monaco-sash.vertical.maximum {
  cursor: w-resize;
}
.monaco-sash.mac.horizontal {
  cursor: row-resize;
}
.monaco-sash.horizontal.minimum {
  cursor: s-resize;
}
.monaco-sash.horizontal.maximum {
  cursor: n-resize;
}
.monaco-sash.disabled {
  cursor: default !important;
  pointer-events: none !important;
}
.monaco-sash.vertical {
  cursor: ew-resize;
  top: 0;
  width: var(--vscode-sash-size);
  height: 100%;
}
.monaco-sash.horizontal {
  cursor: ns-resize;
  left: 0;
  width: 100%;
  height: var(--vscode-sash-size);
}
.monaco-sash:not(.disabled) > .orthogonal-drag-handle {
  content: " ";
  height: calc(var(--vscode-sash-size) * 2);
  width: calc(var(--vscode-sash-size) * 2);
  z-index: 100;
  display: block;
  cursor: all-scroll;
  position: absolute;
}
.monaco-sash.horizontal.orthogonal-edge-north:not(.disabled) > .orthogonal-drag-handle.start,
.monaco-sash.horizontal.orthogonal-edge-south:not(.disabled) > .orthogonal-drag-handle.end {
  cursor: nwse-resize;
}
.monaco-sash.horizontal.orthogonal-edge-north:not(.disabled) > .orthogonal-drag-handle.end,
.monaco-sash.horizontal.orthogonal-edge-south:not(.disabled) > .orthogonal-drag-handle.start {
  cursor: nesw-resize;
}
.monaco-sash.vertical > .orthogonal-drag-handle.start {
  left: calc(var(--vscode-sash-size) * -0.5);
  top: calc(var(--vscode-sash-size) * -1);
}
.monaco-sash.vertical > .orthogonal-drag-handle.end {
  left: calc(var(--vscode-sash-size) * -0.5);
  bottom: calc(var(--vscode-sash-size) * -1);
}
.monaco-sash.horizontal > .orthogonal-drag-handle.start {
  top: calc(var(--vscode-sash-size) * -0.5);
  left: calc(var(--vscode-sash-size) * -1);
}
.monaco-sash.horizontal > .orthogonal-drag-handle.end {
  top: calc(var(--vscode-sash-size) * -0.5);
  right: calc(var(--vscode-sash-size) * -1);
}
.monaco-sash:before {
  content: '';
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100%;
  background: transparent;
}
.monaco-workbench:not(.reduce-motion) .monaco-sash:before {
  transition: background-color 0.1s ease-out;
}
.monaco-sash.hover:before,
.monaco-sash.active:before {
  background: var(--vscode-sash-hoverBorder);
}
.monaco-sash.vertical:before {
  width: var(--vscode-sash-hover-size);
  left: calc(50% - (var(--vscode-sash-hover-size) / 2));
}
.monaco-sash.horizontal:before {
  height: var(--vscode-sash-hover-size);
  top: calc(50% - (var(--vscode-sash-hover-size) / 2));
}
.pointer-events-disabled {
  pointer-events: none !important;
}
/** Debug **/
.monaco-sash.debug {
  background: cyan;
}
.monaco-sash.debug.disabled {
  background: rgba(0, 255, 255, 0.2);
}
.monaco-sash.debug:not(.disabled) > .orthogonal-drag-handle {
  background: red;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-editor .zone-widget {
  position: absolute;
  z-index: 10;
}
.monaco-editor .zone-widget .zone-widget-container {
  border-top-style: solid;
  border-bottom-style: solid;
  border-top-width: 0;
  border-bottom-width: 0;
  position: relative;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-dropdown {
  height: 100%;
  padding: 0;
}
.monaco-dropdown > .dropdown-label {
  cursor: pointer;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.monaco-dropdown > .dropdown-label > .action-label.disabled {
  cursor: default;
}
.monaco-dropdown-with-primary {
  display: flex !important;
  flex-direction: row;
  border-radius: 5px;
}
.monaco-dropdown-with-primary > .action-container > .action-label {
  margin-right: 0;
}
.monaco-dropdown-with-primary > .dropdown-action-container > .monaco-dropdown > .dropdown-label .codicon[class*='codicon-'] {
  font-size: 12px;
  padding-left: 0px;
  padding-right: 0px;
  line-height: 16px;
  margin-left: -3px;
}
.monaco-dropdown-with-primary > .dropdown-action-container > .monaco-dropdown > .dropdown-label > .action-label {
  display: block;
  background-size: 16px;
  background-position: center center;
  background-repeat: no-repeat;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-action-bar .action-item.menu-entry .action-label.icon {
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 16px;
}
.monaco-dropdown-with-default {
  display: flex !important;
  flex-direction: row;
  border-radius: 5px;
}
.monaco-dropdown-with-default > .action-container > .action-label {
  margin-right: 0;
}
.monaco-dropdown-with-default > .action-container.menu-entry > .action-label.icon {
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 16px;
}
.monaco-dropdown-with-default > .dropdown-action-container > .monaco-dropdown > .dropdown-label .codicon[class*='codicon-'] {
  font-size: 12px;
  padding-left: 0px;
  padding-right: 0px;
  line-height: 16px;
  margin-left: -3px;
}
.monaco-dropdown-with-default > .dropdown-action-container > .monaco-dropdown > .dropdown-label > .action-label {
  display: block;
  background-size: 16px;
  background-position: center center;
  background-repeat: no-repeat;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-split-view2 {
  position: relative;
  width: 100%;
  height: 100%;
}
.monaco-split-view2 > .sash-container {
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.monaco-split-view2 > .sash-container > .monaco-sash {
  pointer-events: initial;
}
.monaco-split-view2 > .monaco-scrollable-element {
  width: 100%;
  height: 100%;
}
.monaco-split-view2 > .monaco-scrollable-element > .split-view-container {
  width: 100%;
  height: 100%;
  white-space: nowrap;
  position: relative;
}
.monaco-split-view2 > .monaco-scrollable-element > .split-view-container > .split-view-view {
  white-space: initial;
  position: absolute;
}
.monaco-split-view2 > .monaco-scrollable-element > .split-view-container > .split-view-view:not(.visible) {
  display: none;
}
.monaco-split-view2.vertical > .monaco-scrollable-element > .split-view-container > .split-view-view {
  width: 100%;
}
.monaco-split-view2.horizontal > .monaco-scrollable-element > .split-view-container > .split-view-view {
  height: 100%;
}
.monaco-split-view2.separator-border > .monaco-scrollable-element > .split-view-container > .split-view-view:not(:first-child)::before {
  content: ' ';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  pointer-events: none;
  background-color: var(--separator-border);
}
.monaco-split-view2.separator-border.horizontal > .monaco-scrollable-element > .split-view-container > .split-view-view:not(:first-child)::before {
  height: 100%;
  width: 1px;
}
.monaco-split-view2.separator-border.vertical > .monaco-scrollable-element > .split-view-container > .split-view-view:not(:first-child)::before {
  height: 1px;
  width: 100%;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-table {
  display: flex;
  flex-direction: column;
  position: relative;
  height: 100%;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.monaco-table > .monaco-split-view2 {
  border-bottom: 1px solid transparent;
}
.monaco-table > .monaco-list {
  flex: 1;
}
.monaco-table-tr {
  display: flex;
  height: 100%;
}
.monaco-table-th {
  width: 100%;
  height: 100%;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
}
.monaco-table-th,
.monaco-table-td {
  box-sizing: border-box;
  flex-shrink: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.monaco-table > .monaco-split-view2 .monaco-sash.vertical::before {
  content: "";
  position: absolute;
  left: calc(var(--vscode-sash-size) / 2);
  width: 0;
  border-left: 1px solid transparent;
}
.monaco-workbench:not(.reduce-motion) .monaco-table > .monaco-split-view2,
.monaco-workbench:not(.reduce-motion) .monaco-table > .monaco-split-view2 .monaco-sash.vertical::before {
  transition: border-color 0.2s ease-out;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-custom-toggle {
  margin-left: 2px;
  float: left;
  cursor: pointer;
  overflow: hidden;
  width: 20px;
  height: 20px;
  border-radius: 3px;
  border: 1px solid transparent;
  padding: 1px;
  box-sizing: border-box;
  user-select: none;
  -webkit-user-select: none;
}
.monaco-custom-toggle:hover {
  background-color: var(--vscode-inputOption-hoverBackground);
}
.hc-black .monaco-custom-toggle:hover,
.hc-light .monaco-custom-toggle:hover {
  border: 1px dashed var(--vscode-focusBorder);
}
.hc-black .monaco-custom-toggle,
.hc-light .monaco-custom-toggle {
  background: none;
}
.hc-black .monaco-custom-toggle:hover,
.hc-light .monaco-custom-toggle:hover {
  background: none;
}
.monaco-custom-toggle.monaco-checkbox {
  height: 18px;
  width: 18px;
  border: 1px solid transparent;
  border-radius: 3px;
  margin-right: 9px;
  margin-left: 0px;
  padding: 0px;
  opacity: 1;
  background-size: 16px !important;
}
/* hide check when unchecked */
.monaco-custom-toggle.monaco-checkbox:not(.checked)::before {
  visibility: hidden;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-inputbox {
  position: relative;
  display: block;
  padding: 0;
  box-sizing: border-box;
  border-radius: 2px;
  /* Customizable */
  font-size: inherit;
}
.monaco-inputbox > .ibwrapper > .input,
.monaco-inputbox > .ibwrapper > .mirror {
  /* Customizable */
  padding: 4px 6px;
}
.monaco-inputbox > .ibwrapper {
  position: relative;
  width: 100%;
  height: 100%;
}
.monaco-inputbox > .ibwrapper > .input {
  display: inline-block;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  line-height: inherit;
  border: none;
  font-family: inherit;
  font-size: inherit;
  resize: none;
  color: inherit;
}
.monaco-inputbox > .ibwrapper > input {
  text-overflow: ellipsis;
}
.monaco-inputbox > .ibwrapper > textarea.input {
  display: block;
  scrollbar-width: none;
  /* Firefox: hide scrollbars */
  outline: none;
}
.monaco-inputbox > .ibwrapper > textarea.input::-webkit-scrollbar {
  display: none;
  /* Chrome + Safari: hide scrollbar */
}
.monaco-inputbox > .ibwrapper > textarea.input.empty {
  white-space: nowrap;
}
.monaco-inputbox > .ibwrapper > .mirror {
  position: absolute;
  display: inline-block;
  width: 100%;
  top: 0;
  left: 0;
  box-sizing: border-box;
  white-space: pre-wrap;
  visibility: hidden;
  word-wrap: break-word;
}
/* Context view */
.monaco-inputbox-container {
  text-align: right;
}
.monaco-inputbox-container .monaco-inputbox-message {
  display: inline-block;
  overflow: hidden;
  text-align: left;
  width: 100%;
  box-sizing: border-box;
  padding: 0.4em;
  font-size: 12px;
  line-height: 17px;
  margin-top: -1px;
  word-wrap: break-word;
}
/* Action bar support */
.monaco-inputbox .monaco-action-bar {
  position: absolute;
  right: 2px;
  top: 4px;
}
.monaco-inputbox .monaco-action-bar .action-item {
  margin-left: 2px;
}
.monaco-inputbox .monaco-action-bar .action-item .codicon {
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
/* ---------- Find input ---------- */
.monaco-findInput {
  position: relative;
}
.monaco-findInput .monaco-inputbox {
  font-size: 13px;
  width: 100%;
}
.monaco-findInput > .controls {
  position: absolute;
  top: 3px;
  right: 2px;
}
.vs .monaco-findInput.disabled {
  background-color: #E1E1E1;
}
/* Theming */
.vs-dark .monaco-findInput.disabled {
  background-color: #333;
}
/* Highlighting */
.monaco-findInput.highlight-0 .controls,
.hc-light .monaco-findInput.highlight-0 .controls {
  animation: monaco-findInput-highlight-0 100ms linear 0s;
}
.monaco-findInput.highlight-1 .controls,
.hc-light .monaco-findInput.highlight-1 .controls {
  animation: monaco-findInput-highlight-1 100ms linear 0s;
}
.hc-black .monaco-findInput.highlight-0 .controls,
.vs-dark .monaco-findInput.highlight-0 .controls {
  animation: monaco-findInput-highlight-dark-0 100ms linear 0s;
}
.hc-black .monaco-findInput.highlight-1 .controls,
.vs-dark .monaco-findInput.highlight-1 .controls {
  animation: monaco-findInput-highlight-dark-1 100ms linear 0s;
}
@keyframes monaco-findInput-highlight-0 {
  0% {
    background: rgba(253, 255, 0, 0.8);
  }
  100% {
    background: transparent;
  }
}
@keyframes monaco-findInput-highlight-1 {
  0% {
    background: rgba(253, 255, 0, 0.8);
  }
  /* Made intentionally different such that the CSS minifier does not collapse the two animations into a single one*/
  99% {
    background: transparent;
  }
}
@keyframes monaco-findInput-highlight-dark-0 {
  0% {
    background: rgba(255, 255, 255, 0.44);
  }
  100% {
    background: transparent;
  }
}
@keyframes monaco-findInput-highlight-dark-1 {
  0% {
    background: rgba(255, 255, 255, 0.44);
  }
  /* Made intentionally different such that the CSS minifier does not collapse the two animations into a single one*/
  99% {
    background: transparent;
  }
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-tl-row {
  display: flex;
  height: 100%;
  align-items: center;
  position: relative;
}
.monaco-tl-row.disabled {
  cursor: default;
}
.monaco-tl-indent {
  height: 100%;
  position: absolute;
  top: 0;
  left: 16px;
  pointer-events: none;
}
.hide-arrows .monaco-tl-indent {
  left: 12px;
}
.monaco-tl-indent > .indent-guide {
  display: inline-block;
  box-sizing: border-box;
  height: 100%;
  border-left: 1px solid transparent;
}
.monaco-workbench:not(.reduce-motion) .monaco-tl-indent > .indent-guide {
  transition: border-color 0.1s linear;
}
.monaco-tl-twistie,
.monaco-tl-contents {
  height: 100%;
}
.monaco-tl-twistie {
  font-size: 10px;
  text-align: right;
  padding-right: 6px;
  flex-shrink: 0;
  width: 16px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  transform: translateX(3px);
}
.monaco-tl-contents {
  flex: 1;
  overflow: hidden;
}
.monaco-tl-twistie::before {
  border-radius: 20px;
}
.monaco-tl-twistie.collapsed::before {
  transform: rotate(-90deg);
}
.monaco-tl-twistie.codicon-tree-item-loading::before {
  /* Use steps to throttle FPS to reduce CPU usage */
  animation: codicon-spin 1.25s steps(30) infinite;
}
.monaco-tree-type-filter {
  position: absolute;
  top: 0;
  display: flex;
  padding: 3px;
  max-width: 200px;
  z-index: 100;
  margin: 0 6px;
  border: 1px solid var(--vscode-widget-border);
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.monaco-workbench:not(.reduce-motion) .monaco-tree-type-filter {
  transition: top 0.3s;
}
.monaco-tree-type-filter.disabled {
  top: -40px !important;
}
.monaco-tree-type-filter-grab {
  display: flex !important;
  align-items: center;
  justify-content: center;
  cursor: grab;
  margin-right: 2px;
}
.monaco-tree-type-filter-grab.grabbing {
  cursor: grabbing;
}
.monaco-tree-type-filter-input {
  flex: 1;
}
.monaco-tree-type-filter-input .monaco-inputbox {
  height: 23px;
}
.monaco-tree-type-filter-input .monaco-inputbox > .ibwrapper > .input,
.monaco-tree-type-filter-input .monaco-inputbox > .ibwrapper > .mirror {
  padding: 2px 4px;
}
.monaco-tree-type-filter-input .monaco-findInput > .controls {
  top: 2px;
}
.monaco-tree-type-filter-actionbar {
  margin-left: 4px;
}
.monaco-tree-type-filter-actionbar .monaco-action-bar .action-label {
  padding: 2px;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
/* -- zone widget */
.monaco-editor .zone-widget .zone-widget-container.reference-zone-widget {
  border-top-width: 1px;
  border-bottom-width: 1px;
}
.monaco-editor .reference-zone-widget .inline {
  display: inline-block;
  vertical-align: top;
}
.monaco-editor .reference-zone-widget .messages {
  height: 100%;
  width: 100%;
  text-align: center;
  padding: 3em 0;
}
.monaco-editor .reference-zone-widget .ref-tree {
  line-height: 23px;
  background-color: var(--vscode-peekViewResult-background);
  color: var(--vscode-peekViewResult-lineForeground);
}
.monaco-editor .reference-zone-widget .ref-tree .reference {
  text-overflow: ellipsis;
  overflow: hidden;
}
.monaco-editor .reference-zone-widget .ref-tree .reference-file {
  display: inline-flex;
  width: 100%;
  height: 100%;
  color: var(--vscode-peekViewResult-fileForeground);
}
.monaco-editor .reference-zone-widget .ref-tree .monaco-list:focus .selected .reference-file {
  color: inherit !important;
}
.monaco-editor .reference-zone-widget .ref-tree .monaco-list:focus .monaco-list-rows > .monaco-list-row.selected:not(.highlighted) {
  background-color: var(--vscode-peekViewResult-selectionBackground);
  color: var(--vscode-peekViewResult-selectionForeground) !important;
}
.monaco-editor .reference-zone-widget .ref-tree .reference-file .count {
  margin-right: 12px;
  margin-left: auto;
}
.monaco-editor .reference-zone-widget .ref-tree .referenceMatch .highlight {
  background-color: var(--vscode-peekViewResult-matchHighlightBackground);
}
.monaco-editor .reference-zone-widget .preview .reference-decoration {
  background-color: var(--vscode-peekViewEditor-matchHighlightBackground);
  border: 2px solid var(--vscode-peekViewEditor-matchHighlightBorder);
  box-sizing: border-box;
}
.monaco-editor .reference-zone-widget .preview .monaco-editor .monaco-editor-background,
.monaco-editor .reference-zone-widget .preview .monaco-editor .inputarea.ime-input {
  background-color: var(--vscode-peekViewEditor-background);
}
.monaco-editor .reference-zone-widget .preview .monaco-editor .margin {
  background-color: var(--vscode-peekViewEditorGutter-background);
}
/* High Contrast Theming */
.monaco-editor.hc-black .reference-zone-widget .ref-tree .reference-file,
.monaco-editor.hc-light .reference-zone-widget .ref-tree .reference-file {
  font-weight: bold;
}
.monaco-editor.hc-black .reference-zone-widget .ref-tree .referenceMatch .highlight,
.monaco-editor.hc-light .reference-zone-widget .ref-tree .referenceMatch .highlight {
  border: 1px dotted var(--vscode-contrastActiveBorder, transparent);
  box-sizing: border-box;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-count-badge {
  padding: 3px 6px;
  border-radius: 11px;
  font-size: 11px;
  min-width: 18px;
  min-height: 18px;
  line-height: 11px;
  font-weight: normal;
  text-align: center;
  display: inline-block;
  box-sizing: border-box;
}
.monaco-count-badge.long {
  padding: 2px 3px;
  border-radius: 2px;
  min-height: auto;
  line-height: normal;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
/* ---------- Icon label ---------- */
.monaco-icon-label {
  display: flex;
  /* required for icons support :before rule */
  overflow: hidden;
  text-overflow: ellipsis;
}
.monaco-icon-label::before {
  /* svg icons rendered as background image */
  background-size: 16px;
  background-position: left center;
  background-repeat: no-repeat;
  padding-right: 6px;
  width: 16px;
  height: 22px;
  line-height: inherit !important;
  display: inline-block;
  /* fonts icons */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: top;
  flex-shrink: 0;
  /* fix for https://github.com/microsoft/vscode/issues/13787 */
}
.monaco-icon-label-container.disabled {
  color: var(--vscode-disabledForeground);
}
.monaco-icon-label > .monaco-icon-label-container {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1;
}
.monaco-icon-label > .monaco-icon-label-container > .monaco-icon-name-container > .label-name {
  color: inherit;
  white-space: pre;
  /* enable to show labels that include multiple whitespaces */
}
.monaco-icon-label > .monaco-icon-label-container > .monaco-icon-name-container > .label-name > .label-separator {
  margin: 0 2px;
  opacity: 0.5;
}
.monaco-icon-label > .monaco-icon-label-container > .monaco-icon-description-container > .label-description {
  opacity: 0.7;
  margin-left: 0.5em;
  font-size: 0.9em;
  white-space: pre;
  /* enable to show labels that include multiple whitespaces */
}
.monaco-icon-label.nowrap > .monaco-icon-label-container > .monaco-icon-description-container > .label-description {
  white-space: nowrap;
}
.vs .monaco-icon-label > .monaco-icon-label-container > .monaco-icon-description-container > .label-description {
  opacity: 0.95;
}
.monaco-icon-label.italic > .monaco-icon-label-container > .monaco-icon-name-container > .label-name,
.monaco-icon-label.italic > .monaco-icon-label-container > .monaco-icon-description-container > .label-description {
  font-style: italic;
}
.monaco-icon-label.deprecated {
  text-decoration: line-through;
  opacity: 0.66;
}
/* make sure apply italic font style to decorations as well */
.monaco-icon-label.italic::after {
  font-style: italic;
}
.monaco-icon-label.strikethrough > .monaco-icon-label-container > .monaco-icon-name-container > .label-name,
.monaco-icon-label.strikethrough > .monaco-icon-label-container > .monaco-icon-description-container > .label-description {
  text-decoration: line-through;
}
.monaco-icon-label::after {
  opacity: 0.75;
  font-size: 90%;
  font-weight: 600;
  margin: auto 16px 0 5px;
  /* https://github.com/microsoft/vscode/issues/113223 */
  text-align: center;
}
/* make sure selection color wins when a label is being selected */
.monaco-list:focus .selected .monaco-icon-label,
.monaco-list:focus .selected .monaco-icon-label::after {
  color: inherit !important;
}
.monaco-list-row.focused.selected .label-description,
.monaco-list-row.selected .label-description {
  opacity: 0.8;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-hover {
  cursor: default;
  position: absolute;
  overflow: hidden;
  user-select: text;
  -webkit-user-select: text;
  box-sizing: border-box;
  animation: fadein 100ms linear;
  line-height: 1.5em;
}
.monaco-hover.hidden {
  display: none;
}
.monaco-hover a:hover:not(.disabled) {
  cursor: pointer;
}
.monaco-hover .hover-contents:not(.html-hover-contents) {
  padding: 4px 8px;
}
.monaco-hover .markdown-hover > .hover-contents:not(.code-hover-contents) {
  max-width: var(--hover-maxWidth, 500px);
  word-wrap: break-word;
}
.monaco-hover .markdown-hover > .hover-contents:not(.code-hover-contents) hr {
  min-width: 100%;
}
.monaco-hover p,
.monaco-hover .code,
.monaco-hover ul,
.monaco-hover h1,
.monaco-hover h2,
.monaco-hover h3,
.monaco-hover h4,
.monaco-hover h5,
.monaco-hover h6 {
  margin: 8px 0;
}
.monaco-hover h1,
.monaco-hover h2,
.monaco-hover h3,
.monaco-hover h4,
.monaco-hover h5,
.monaco-hover h6 {
  line-height: 1.1;
}
.monaco-hover code {
  font-family: var(--monaco-monospace-font);
}
.monaco-hover hr {
  box-sizing: border-box;
  border-left: 0px;
  border-right: 0px;
  margin-top: 4px;
  margin-bottom: -4px;
  margin-left: -8px;
  margin-right: -8px;
  height: 1px;
}
.monaco-hover p:first-child,
.monaco-hover .code:first-child,
.monaco-hover ul:first-child {
  margin-top: 0;
}
.monaco-hover p:last-child,
.monaco-hover .code:last-child,
.monaco-hover ul:last-child {
  margin-bottom: 0;
}
/* MarkupContent Layout */
.monaco-hover ul {
  padding-left: 20px;
}
.monaco-hover ol {
  padding-left: 20px;
}
.monaco-hover li > p {
  margin-bottom: 0;
}
.monaco-hover li > ul {
  margin-top: 0;
}
.monaco-hover code {
  border-radius: 3px;
  padding: 0 0.4em;
}
.monaco-hover .monaco-tokenized-source {
  white-space: pre-wrap;
}
.monaco-hover .hover-row.status-bar {
  font-size: 12px;
  line-height: 22px;
}
.monaco-hover .hover-row.status-bar .info {
  font-style: italic;
  padding: 0px 8px;
}
.monaco-hover .hover-row.status-bar .actions {
  display: flex;
  padding: 0px 8px;
}
.monaco-hover .hover-row.status-bar .actions .action-container {
  margin-right: 16px;
  cursor: pointer;
}
.monaco-hover .hover-row.status-bar .actions .action-container .action .icon {
  padding-right: 4px;
}
.monaco-hover .markdown-hover .hover-contents .codicon {
  color: inherit;
  font-size: inherit;
  vertical-align: middle;
}
.monaco-hover .hover-contents a.code-link:hover,
.monaco-hover .hover-contents a.code-link {
  color: inherit;
}
.monaco-hover .hover-contents a.code-link:before {
  content: '(';
}
.monaco-hover .hover-contents a.code-link:after {
  content: ')';
}
.monaco-hover .hover-contents a.code-link > span {
  text-decoration: underline;
  /** Hack to force underline to show **/
  border-bottom: 1px solid transparent;
  text-underline-position: under;
  color: var(--vscode-textLink-foreground);
}
.monaco-hover .hover-contents a.code-link > span:hover {
  color: var(--vscode-textLink-activeForeground);
}
/** Spans in markdown hovers need a margin-bottom to avoid looking cramped: https://github.com/microsoft/vscode/issues/101496 **/
.monaco-hover .markdown-hover .hover-contents:not(.code-hover-contents):not(.html-hover-contents) span {
  margin-bottom: 4px;
  display: inline-block;
}
.monaco-hover-content .action-container a {
  -webkit-user-select: none;
  user-select: none;
}
.monaco-hover-content .action-container.disabled {
  pointer-events: none;
  opacity: 0.4;
  cursor: default;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
/* marker zone */
.monaco-editor .peekview-widget .head .peekview-title .severity-icon {
  display: inline-block;
  vertical-align: text-top;
  margin-right: 4px;
}
.monaco-editor .marker-widget {
  text-overflow: ellipsis;
  white-space: nowrap;
}
.monaco-editor .marker-widget > .stale {
  opacity: 0.6;
  font-style: italic;
}
.monaco-editor .marker-widget .title {
  display: inline-block;
  padding-right: 5px;
}
.monaco-editor .marker-widget .descriptioncontainer {
  position: absolute;
  white-space: pre;
  user-select: text;
  -webkit-user-select: text;
  padding: 8px 12px 0 20px;
}
.monaco-editor .marker-widget .descriptioncontainer .message {
  display: flex;
  flex-direction: column;
}
.monaco-editor .marker-widget .descriptioncontainer .message .details {
  padding-left: 6px;
}
.monaco-editor .marker-widget .descriptioncontainer .message .source,
.monaco-editor .marker-widget .descriptioncontainer .message span.code {
  opacity: 0.6;
}
.monaco-editor .marker-widget .descriptioncontainer .message a.code-link {
  opacity: 0.6;
  color: inherit;
}
.monaco-editor .marker-widget .descriptioncontainer .message a.code-link:before {
  content: '(';
}
.monaco-editor .marker-widget .descriptioncontainer .message a.code-link:after {
  content: ')';
}
.monaco-editor .marker-widget .descriptioncontainer .message a.code-link > span {
  text-decoration: underline;
  /** Hack to force underline to show **/
  border-bottom: 1px solid transparent;
  text-underline-position: under;
  color: var(--vscode-textLink-foreground);
}
.monaco-editor .marker-widget .descriptioncontainer .message a.code-link > span {
  color: var(--vscode-textLink-activeForeground);
}
.monaco-editor .marker-widget .descriptioncontainer .filename {
  cursor: pointer;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-editor .zone-widget .codicon.codicon-error,
.markers-panel .marker-icon.error,
.markers-panel .marker-icon .codicon.codicon-error,
.text-search-provider-messages .providerMessage .codicon.codicon-error,
.extensions-viewlet > .extensions .codicon.codicon-error,
.extension-editor .codicon.codicon-error,
.preferences-editor .codicon.codicon-error {
  color: var(--vscode-problemsErrorIcon-foreground);
}
.monaco-editor .zone-widget .codicon.codicon-warning,
.markers-panel .marker-icon.warning,
.markers-panel .marker-icon .codicon.codicon-warning,
.text-search-provider-messages .providerMessage .codicon.codicon-warning,
.extensions-viewlet > .extensions .codicon.codicon-warning,
.extension-editor .codicon.codicon-warning,
.preferences-editor .codicon.codicon-warning {
  color: var(--vscode-problemsWarningIcon-foreground);
}
.monaco-editor .zone-widget .codicon.codicon-info,
.markers-panel .marker-icon.info,
.markers-panel .marker-icon .codicon.codicon-info,
.text-search-provider-messages .providerMessage .codicon.codicon-info,
.extensions-viewlet > .extensions .codicon.codicon-info,
.extension-editor .codicon.codicon-info,
.preferences-editor .codicon.codicon-info {
  color: var(--vscode-problemsInfoIcon-foreground);
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-editor .inlineSuggestionsHints.withBorder {
  z-index: 39;
  color: var(--vscode-editorHoverWidget-foreground);
  background-color: var(--vscode-editorHoverWidget-background);
  border: 1px solid var(--vscode-editorHoverWidget-border);
}
.monaco-editor .inlineSuggestionsHints a {
  color: var(--vscode-foreground);
}
.monaco-editor .inlineSuggestionsHints a:hover {
  color: var(--vscode-foreground);
}
.monaco-editor .inlineSuggestionsHints .keybinding {
  display: flex;
  margin-left: 4px;
  opacity: 0.6;
}
.monaco-editor .inlineSuggestionsHints .keybinding .monaco-keybinding-key {
  font-size: 8px;
  padding: 2px 3px;
}
.monaco-editor .inlineSuggestionsHints .custom-actions .action-item:nth-child(2) a {
  display: flex;
  min-width: 19px;
  justify-content: center;
}
.monaco-editor .inlineSuggestionStatusBarItemLabel {
  margin-right: 2px;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-toolbar {
  height: 100%;
}
.monaco-toolbar .toolbar-toggle-more {
  display: inline-block;
  padding: 0;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-editor .hoverHighlight {
  background-color: var(--vscode-editor-hoverHighlightBackground);
}
.monaco-editor .monaco-hover {
  color: var(--vscode-editorHoverWidget-foreground);
  background-color: var(--vscode-editorHoverWidget-background);
  border: 1px solid var(--vscode-editorHoverWidget-border);
  border-radius: 3px;
}
.monaco-editor .monaco-hover a {
  color: var(--vscode-textLink-foreground);
}
.monaco-editor .monaco-hover a:hover {
  color: var(--vscode-textLink-activeForeground);
}
.monaco-editor .monaco-hover .hover-row .actions {
  background-color: var(--vscode-editorHoverWidget-statusBarBackground);
}
.monaco-editor .monaco-hover code {
  background-color: var(--vscode-textCodeBlock-background);
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-editor.vs .dnd-target,
.monaco-editor.hc-light .dnd-target {
  border-right: 2px dotted black;
  color: white;
  /* opposite of black */
}
.monaco-editor.vs-dark .dnd-target {
  border-right: 2px dotted #AEAFAD;
  color: #51504f;
  /* opposite of #AEAFAD */
}
.monaco-editor.hc-black .dnd-target {
  border-right: 2px dotted #fff;
  color: #000;
  /* opposite of #fff */
}
.monaco-editor.mouse-default .view-lines,
.monaco-editor.vs-dark.mac.mouse-default .view-lines,
.monaco-editor.hc-black.mac.mouse-default .view-lines,
.monaco-editor.hc-light.mac.mouse-default .view-lines {
  cursor: default;
}
.monaco-editor.mouse-copy .view-lines,
.monaco-editor.vs-dark.mac.mouse-copy .view-lines,
.monaco-editor.hc-black.mac.mouse-copy .view-lines,
.monaco-editor.hc-light.mac.mouse-copy .view-lines {
  cursor: copy;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.inline-editor-progress-decoration {
  display: inline-block;
  width: 1em;
  height: 1em;
}
.inline-progress-widget {
  display: flex !important;
  justify-content: center;
  align-items: center;
}
.inline-progress-widget .icon {
  font-size: 80% !important;
}
.inline-progress-widget:hover .icon {
  font-size: 90% !important;
  animation: none;
}
.inline-progress-widget:hover .icon::before {
  content: "\ea76";
  /* codicon-x */
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-text-button {
  box-sizing: border-box;
  display: flex;
  width: 100%;
  padding: 4px;
  border-radius: 2px;
  text-align: center;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--vscode-button-border, transparent);
  line-height: 18px;
}
.monaco-text-button:focus {
  outline-offset: 2px !important;
}
.monaco-text-button:hover {
  text-decoration: none !important;
}
.monaco-button.disabled:focus,
.monaco-button.disabled {
  opacity: 0.4 !important;
  cursor: default;
}
.monaco-text-button .codicon {
  margin: 0 0.2em;
  color: inherit !important;
}
.monaco-text-button.monaco-text-button-with-short-label {
  flex-direction: row;
  flex-wrap: wrap;
  padding: 0 4px;
  overflow: hidden;
  height: 28px;
}
.monaco-text-button.monaco-text-button-with-short-label > .monaco-button-label {
  flex-basis: 100%;
}
.monaco-text-button.monaco-text-button-with-short-label > .monaco-button-label-short {
  flex-grow: 1;
  width: 0;
  overflow: hidden;
}
.monaco-text-button.monaco-text-button-with-short-label > .monaco-button-label,
.monaco-text-button.monaco-text-button-with-short-label > .monaco-button-label-short {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: normal;
  font-style: inherit;
  padding: 4px 0;
}
.monaco-button-dropdown {
  display: flex;
  cursor: pointer;
}
.monaco-button-dropdown.disabled {
  cursor: default;
}
.monaco-button-dropdown > .monaco-button:focus {
  outline-offset: -1px !important;
}
.monaco-button-dropdown.disabled > .monaco-button.disabled,
.monaco-button-dropdown.disabled > .monaco-button.disabled:focus,
.monaco-button-dropdown.disabled > .monaco-button-dropdown-separator {
  opacity: 0.4 !important;
}
.monaco-button-dropdown > .monaco-button.monaco-text-button {
  border-right-width: 0 !important;
}
.monaco-button-dropdown .monaco-button-dropdown-separator {
  padding: 4px 0;
  cursor: default;
}
.monaco-button-dropdown .monaco-button-dropdown-separator > div {
  height: 100%;
  width: 1px;
}
.monaco-button-dropdown > .monaco-button.monaco-dropdown-button {
  border: 1px solid var(--vscode-button-border, transparent);
  border-left-width: 0 !important;
  border-radius: 0 2px 2px 0;
}
.monaco-button-dropdown > .monaco-button.monaco-text-button {
  border-radius: 2px 0 0 2px;
}
.monaco-description-button {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 4px 5px;
  /* allows button focus outline to be visible */
}
.monaco-description-button .monaco-button-description {
  font-style: italic;
  font-size: 11px;
  padding: 4px 20px;
}
.monaco-description-button .monaco-button-label,
.monaco-description-button .monaco-button-description {
  display: flex;
  justify-content: center;
  align-items: center;
}
.monaco-description-button .monaco-button-label > .codicon,
.monaco-description-button .monaco-button-description > .codicon {
  margin: 0 0.2em;
  color: inherit !important;
}
/* default color styles - based on CSS variables */
.monaco-button.default-colors,
.monaco-button-dropdown.default-colors > .monaco-button {
  color: var(--vscode-button-foreground);
  background-color: var(--vscode-button-background);
}
.monaco-button.default-colors:hover,
.monaco-button-dropdown.default-colors > .monaco-button:hover {
  background-color: var(--vscode-button-hoverBackground);
}
.monaco-button.default-colors.secondary,
.monaco-button-dropdown.default-colors > .monaco-button.secondary {
  color: var(--vscode-button-secondaryForeground);
  background-color: var(--vscode-button-secondaryBackground);
}
.monaco-button.default-colors.secondary:hover,
.monaco-button-dropdown.default-colors > .monaco-button.secondary:hover {
  background-color: var(--vscode-button-secondaryHoverBackground);
}
.monaco-button-dropdown.default-colors .monaco-button-dropdown-separator {
  background-color: var(--vscode-button-background);
  border-top: 1px solid var(--vscode-button-border);
  border-bottom: 1px solid var(--vscode-button-border);
}
.monaco-button-dropdown.default-colors .monaco-button.secondary + .monaco-button-dropdown-separator {
  background-color: var(--vscode-button-secondaryBackground);
}
.monaco-button-dropdown.default-colors .monaco-button-dropdown-separator > div {
  background-color: var(--vscode-button-separator);
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.post-edit-widget {
  box-shadow: 0 0 8px 2px var(--vscode-widget-shadow);
  border: 1px solid var(--vscode-widget-border, transparent);
  border-radius: 4px;
  background-color: var(--vscode-editorWidget-background);
  overflow: hidden;
}
.post-edit-widget .monaco-button {
  padding: 2px;
  border: none;
  border-radius: 0;
}
.post-edit-widget .monaco-button:hover {
  background-color: var(--vscode-button-secondaryHoverBackground) !important;
}
.post-edit-widget .monaco-button .codicon {
  margin: 0;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-editor .findOptionsWidget {
  background-color: var(--vscode-editorWidget-background);
  color: var(--vscode-editorWidget-foreground);
  box-shadow: 0 0 8px 2px var(--vscode-widget-shadow);
  border: 2px solid var(--vscode-contrastBorder);
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
/* Find widget */
.monaco-editor .find-widget {
  position: absolute;
  z-index: 35;
  height: 33px;
  overflow: hidden;
  line-height: 19px;
  transition: transform 200ms linear;
  padding: 0 4px;
  box-sizing: border-box;
  transform: translateY(calc(-100% - 10px));
  /* shadow (10px) */
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.monaco-workbench.reduce-motion .monaco-editor .find-widget {
  transition: transform 0ms linear;
}
.monaco-editor .find-widget textarea {
  margin: 0px;
}
.monaco-editor .find-widget.hiddenEditor {
  display: none;
}
/* Find widget when replace is toggled on */
.monaco-editor .find-widget.replaceToggled > .replace-part {
  display: flex;
}
.monaco-editor .find-widget.visible {
  transform: translateY(0);
}
.monaco-editor .find-widget .monaco-inputbox.synthetic-focus {
  outline: 1px solid -webkit-focus-ring-color;
  outline-offset: -1px;
}
.monaco-editor .find-widget .monaco-inputbox .input {
  background-color: transparent;
  min-height: 0;
}
.monaco-editor .find-widget .monaco-findInput .input {
  font-size: 13px;
}
.monaco-editor .find-widget > .find-part,
.monaco-editor .find-widget > .replace-part {
  margin: 3px 25px 0 17px;
  font-size: 12px;
  display: flex;
}
.monaco-editor .find-widget > .find-part .monaco-inputbox,
.monaco-editor .find-widget > .replace-part .monaco-inputbox {
  min-height: 25px;
}
.monaco-editor .find-widget > .replace-part .monaco-inputbox > .ibwrapper > .mirror {
  padding-right: 22px;
}
.monaco-editor .find-widget > .find-part .monaco-inputbox > .ibwrapper > .input,
.monaco-editor .find-widget > .find-part .monaco-inputbox > .ibwrapper > .mirror,
.monaco-editor .find-widget > .replace-part .monaco-inputbox > .ibwrapper > .input,
.monaco-editor .find-widget > .replace-part .monaco-inputbox > .ibwrapper > .mirror {
  padding-top: 2px;
  padding-bottom: 2px;
}
.monaco-editor .find-widget > .find-part .find-actions {
  height: 25px;
  display: flex;
  align-items: center;
}
.monaco-editor .find-widget > .replace-part .replace-actions {
  height: 25px;
  display: flex;
  align-items: center;
}
.monaco-editor .find-widget .monaco-findInput {
  vertical-align: middle;
  display: flex;
  flex: 1;
}
.monaco-editor .find-widget .monaco-findInput .monaco-scrollable-element {
  /* Make sure textarea inherits the width correctly */
  width: 100%;
}
.monaco-editor .find-widget .monaco-findInput .monaco-scrollable-element .scrollbar.vertical {
  /* Hide vertical scrollbar */
  opacity: 0;
}
.monaco-editor .find-widget .matchesCount {
  display: flex;
  flex: initial;
  margin: 0 0 0 3px;
  padding: 2px 0 0 2px;
  height: 25px;
  vertical-align: middle;
  box-sizing: border-box;
  text-align: center;
  line-height: 23px;
}
.monaco-editor .find-widget .button {
  width: 16px;
  height: 16px;
  padding: 3px;
  border-radius: 5px;
  flex: initial;
  margin-left: 3px;
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* find in selection button */
.monaco-editor .find-widget .codicon-find-selection {
  width: 22px;
  height: 22px;
  padding: 3px;
  border-radius: 5px;
}
.monaco-editor .find-widget .button.left {
  margin-left: 0;
  margin-right: 3px;
}
.monaco-editor .find-widget .button.wide {
  width: auto;
  padding: 1px 6px;
  top: -1px;
}
.monaco-editor .find-widget .button.toggle {
  position: absolute;
  top: 0;
  left: 3px;
  width: 18px;
  height: 100%;
  border-radius: 0;
  box-sizing: border-box;
}
.monaco-editor .find-widget .button.toggle.disabled {
  display: none;
}
.monaco-editor .find-widget .disabled {
  color: var(--vscode-disabledForeground);
  cursor: default;
}
.monaco-editor .find-widget > .replace-part {
  display: none;
}
.monaco-editor .find-widget > .replace-part > .monaco-findInput {
  position: relative;
  display: flex;
  vertical-align: middle;
  flex: auto;
  flex-grow: 0;
  flex-shrink: 0;
}
.monaco-editor .find-widget > .replace-part > .monaco-findInput > .controls {
  position: absolute;
  top: 3px;
  right: 2px;
}
/* REDUCED */
.monaco-editor .find-widget.reduced-find-widget .matchesCount {
  display: none;
}
/* NARROW (SMALLER THAN REDUCED) */
.monaco-editor .find-widget.narrow-find-widget {
  max-width: 257px !important;
}
/* COLLAPSED (SMALLER THAN NARROW) */
.monaco-editor .find-widget.collapsed-find-widget {
  max-width: 170px !important;
}
.monaco-editor .find-widget.collapsed-find-widget .button.previous,
.monaco-editor .find-widget.collapsed-find-widget .button.next,
.monaco-editor .find-widget.collapsed-find-widget .button.replace,
.monaco-editor .find-widget.collapsed-find-widget .button.replace-all,
.monaco-editor .find-widget.collapsed-find-widget > .find-part .monaco-findInput .controls {
  display: none;
}
.monaco-editor .findMatch {
  animation-duration: 0;
  animation-name: inherit !important;
}
.monaco-editor .find-widget .monaco-sash {
  left: 0 !important;
}
.monaco-editor.hc-black .find-widget .button:before {
  position: relative;
  top: 1px;
  left: 2px;
}
/* Close button position. */
.monaco-editor .find-widget > .button.codicon-widget-close {
  position: absolute;
  top: 5px;
  right: 4px;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-editor .margin-view-overlays .codicon-folding-manual-collapsed,
.monaco-editor .margin-view-overlays .codicon-folding-manual-expanded,
.monaco-editor .margin-view-overlays .codicon-folding-expanded,
.monaco-editor .margin-view-overlays .codicon-folding-collapsed {
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.5s;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 140%;
  margin-left: 2px;
}
.monaco-workbench.reduce-motion .monaco-editor .margin-view-overlays .codicon-folding-manual-collapsed,
.monaco-workbench.reduce-motion .monaco-editor .margin-view-overlays .codicon-folding-manual-expanded,
.monaco-workbench.reduce-motion .monaco-editor .margin-view-overlays .codicon-folding-expanded,
.monaco-workbench.reduce-motion .monaco-editor .margin-view-overlays .codicon-folding-collapsed {
  transition: initial;
}
.monaco-editor .margin-view-overlays:hover .codicon,
.monaco-editor .margin-view-overlays .codicon.codicon-folding-collapsed,
.monaco-editor .margin-view-overlays .codicon.codicon-folding-manual-collapsed,
.monaco-editor .margin-view-overlays .codicon.alwaysShowFoldIcons {
  opacity: 1;
}
.monaco-editor .inline-folded:after {
  color: grey;
  margin: 0.1em 0.2em 0 0.2em;
  content: "\22EF";
  /* ellipses unicode character */
  display: inline;
  line-height: 1em;
  cursor: pointer;
}
.monaco-editor .folded-background {
  background-color: var(--vscode-editor-foldBackground);
}
.monaco-editor .cldr.codicon.codicon-folding-expanded,
.monaco-editor .cldr.codicon.codicon-folding-collapsed,
.monaco-editor .cldr.codicon.codicon-folding-manual-expanded,
.monaco-editor .cldr.codicon.codicon-folding-manual-collapsed {
  color: var(--vscode-editorGutter-foldingControlForeground) !important;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-editor .iPadShowKeyboard {
  width: 58px;
  min-width: 0;
  height: 36px;
  min-height: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  resize: none;
  overflow: hidden;
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTMiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCA1MyAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNDguMDM2NCA0LjAxMDQySDQuMDA3NzlMNC4wMDc3OSAzMi4wMjg2SDQ4LjAzNjRWNC4wMTA0MlpNNC4wMDc3OSAwLjAwNzgxMjVDMS43OTcyMSAwLjAwNzgxMjUgMC4wMDUxODc5OSAxLjc5OTg0IDAuMDA1MTg3OTkgNC4wMTA0MlYzMi4wMjg2QzAuMDA1MTg3OTkgMzQuMjM5MiAxLjc5NzIxIDM2LjAzMTIgNC4wMDc3OSAzNi4wMzEySDQ4LjAzNjRDNTAuMjQ3IDM2LjAzMTIgNTIuMDM5IDM0LjIzOTIgNTIuMDM5IDMyLjAyODZWNC4wMTA0MkM1Mi4wMzkgMS43OTk4NCA1MC4yNDcgMC4wMDc4MTI1IDQ4LjAzNjQgMC4wMDc4MTI1SDQuMDA3NzlaTTguMDEwNDIgOC4wMTMwMkgxMi4wMTNWMTIuMDE1Nkg4LjAxMDQyVjguMDEzMDJaTTIwLjAxODIgOC4wMTMwMkgxNi4wMTU2VjEyLjAxNTZIMjAuMDE4MlY4LjAxMzAyWk0yNC4wMjA4IDguMDEzMDJIMjguMDIzNFYxMi4wMTU2SDI0LjAyMDhWOC4wMTMwMlpNMzYuMDI4NiA4LjAxMzAySDMyLjAyNlYxMi4wMTU2SDM2LjAyODZWOC4wMTMwMlpNNDAuMDMxMiA4LjAxMzAySDQ0LjAzMzlWMTIuMDE1Nkg0MC4wMzEyVjguMDEzMDJaTTE2LjAxNTYgMTYuMDE4Mkg4LjAxMDQyVjIwLjAyMDhIMTYuMDE1NlYxNi4wMTgyWk0yMC4wMTgyIDE2LjAxODJIMjQuMDIwOFYyMC4wMjA4SDIwLjAxODJWMTYuMDE4MlpNMzIuMDI2IDE2LjAxODJIMjguMDIzNFYyMC4wMjA4SDMyLjAyNlYxNi4wMTgyWk00NC4wMzM5IDE2LjAxODJWMjAuMDIwOEgzNi4wMjg2VjE2LjAxODJINDQuMDMzOVpNMTIuMDEzIDI0LjAyMzRIOC4wMTA0MlYyOC4wMjZIMTIuMDEzVjI0LjAyMzRaTTE2LjAxNTYgMjQuMDIzNEgzNi4wMjg2VjI4LjAyNkgxNi4wMTU2VjI0LjAyMzRaTTQ0LjAzMzkgMjQuMDIzNEg0MC4wMzEyVjI4LjAyNkg0NC4wMzM5VjI0LjAyMzRaIiBmaWxsPSIjNDI0MjQyIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDAiPgo8cmVjdCB3aWR0aD0iNTMiIGhlaWdodD0iMzYiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==) center center no-repeat;
  border: 4px solid #F6F6F6;
  border-radius: 4px;
}
.monaco-editor.vs-dark .iPadShowKeyboard {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTMiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCA1MyAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwKSI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNDguMDM2NCA0LjAxMDQySDQuMDA3NzlMNC4wMDc3OSAzMi4wMjg2SDQ4LjAzNjRWNC4wMTA0MlpNNC4wMDc3OSAwLjAwNzgxMjVDMS43OTcyMSAwLjAwNzgxMjUgMC4wMDUxODc5OSAxLjc5OTg0IDAuMDA1MTg3OTkgNC4wMTA0MlYzMi4wMjg2QzAuMDA1MTg3OTkgMzQuMjM5MiAxLjc5NzIxIDM2LjAzMTIgNC4wMDc3OSAzNi4wMzEySDQ4LjAzNjRDNTAuMjQ3IDM2LjAzMTIgNTIuMDM5IDM0LjIzOTIgNTIuMDM5IDMyLjAyODZWNC4wMTA0MkM1Mi4wMzkgMS43OTk4NCA1MC4yNDcgMC4wMDc4MTI1IDQ4LjAzNjQgMC4wMDc4MTI1SDQuMDA3NzlaTTguMDEwNDIgOC4wMTMwMkgxMi4wMTNWMTIuMDE1Nkg4LjAxMDQyVjguMDEzMDJaTTIwLjAxODIgOC4wMTMwMkgxNi4wMTU2VjEyLjAxNTZIMjAuMDE4MlY4LjAxMzAyWk0yNC4wMjA4IDguMDEzMDJIMjguMDIzNFYxMi4wMTU2SDI0LjAyMDhWOC4wMTMwMlpNMzYuMDI4NiA4LjAxMzAySDMyLjAyNlYxMi4wMTU2SDM2LjAyODZWOC4wMTMwMlpNNDAuMDMxMiA4LjAxMzAySDQ0LjAzMzlWMTIuMDE1Nkg0MC4wMzEyVjguMDEzMDJaTTE2LjAxNTYgMTYuMDE4Mkg4LjAxMDQyVjIwLjAyMDhIMTYuMDE1NlYxNi4wMTgyWk0yMC4wMTgyIDE2LjAxODJIMjQuMDIwOFYyMC4wMjA4SDIwLjAxODJWMTYuMDE4MlpNMzIuMDI2IDE2LjAxODJIMjguMDIzNFYyMC4wMjA4SDMyLjAyNlYxNi4wMTgyWk00NC4wMzM5IDE2LjAxODJWMjAuMDIwOEgzNi4wMjg2VjE2LjAxODJINDQuMDMzOVpNMTIuMDEzIDI0LjAyMzRIOC4wMTA0MlYyOC4wMjZIMTIuMDEzVjI0LjAyMzRaTTE2LjAxNTYgMjQuMDIzNEgzNi4wMjg2VjI4LjAyNkgxNi4wMTU2VjI0LjAyMzRaTTQ0LjAzMzkgMjQuMDIzNEg0MC4wMzEyVjI4LjAyNkg0NC4wMzM5VjI0LjAyMzRaIiBmaWxsPSIjQzVDNUM1Ii8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDAiPgo8cmVjdCB3aWR0aD0iNTMiIGhlaWdodD0iMzYiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==) center center no-repeat;
  border: 4px solid #252526;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-editor.vs .valueSetReplacement {
  outline: solid 2px var(--vscode-editorBracketMatch-border);
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-editor .suggest-preview-additional-widget {
  white-space: nowrap;
}
.monaco-editor .suggest-preview-additional-widget .content-spacer {
  color: transparent;
  white-space: pre;
}
.monaco-editor .suggest-preview-additional-widget .button {
  display: inline-block;
  cursor: pointer;
  text-decoration: underline;
  text-underline-position: under;
}
.monaco-editor .ghost-text-hidden {
  opacity: 0;
  font-size: 0;
}
.monaco-editor .ghost-text-decoration,
.monaco-editor .suggest-preview-text .ghost-text {
  font-style: italic;
}
.monaco-editor .inline-completion-text-to-replace {
  text-decoration: underline;
  text-underline-position: under;
}
.monaco-editor .ghost-text-decoration,
.monaco-editor .ghost-text-decoration-preview,
.monaco-editor .suggest-preview-text .ghost-text {
  color: var(--vscode-editorGhostText-foreground) !important;
  background-color: var(--vscode-editorGhostText-background);
  border: 1px solid var(--vscode-editorGhostText-border);
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-editor .snippet-placeholder {
  min-width: 2px;
  outline-style: solid;
  outline-width: 1px;
  background-color: var(--vscode-editor-snippetTabstopHighlightBackground, transparent);
  outline-color: var(--vscode-editor-snippetTabstopHighlightBorder, transparent);
}
.monaco-editor .finish-snippet-placeholder {
  outline-style: solid;
  outline-width: 1px;
  background-color: var(--vscode-editor-snippetFinalTabstopHighlightBackground, transparent);
  outline-color: var(--vscode-editor-snippetFinalTabstopHighlightBorder, transparent);
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
/* Suggest widget*/
.monaco-editor .suggest-widget {
  width: 430px;
  z-index: 40;
  display: flex;
  flex-direction: column;
  border-radius: 3px;
}
.monaco-editor .suggest-widget.message {
  flex-direction: row;
  align-items: center;
}
.monaco-editor .suggest-widget,
.monaco-editor .suggest-details {
  flex: 0 1 auto;
  width: 100%;
  border-style: solid;
  border-width: 1px;
  border-color: var(--vscode-editorSuggestWidget-border);
  background-color: var(--vscode-editorSuggestWidget-background);
}
.monaco-editor.hc-black .suggest-widget,
.monaco-editor.hc-black .suggest-details,
.monaco-editor.hc-light .suggest-widget,
.monaco-editor.hc-light .suggest-details {
  border-width: 2px;
}
/* Styles for status bar part */
.monaco-editor .suggest-widget .suggest-status-bar {
  box-sizing: border-box;
  display: none;
  flex-flow: row nowrap;
  justify-content: space-between;
  width: 100%;
  font-size: 80%;
  padding: 0 4px 0 4px;
  border-top: 1px solid var(--vscode-editorSuggestWidget-border);
  overflow: hidden;
}
.monaco-editor .suggest-widget.with-status-bar .suggest-status-bar {
  display: flex;
}
.monaco-editor .suggest-widget .suggest-status-bar .left {
  padding-right: 8px;
}
.monaco-editor .suggest-widget.with-status-bar .suggest-status-bar .action-label {
  color: var(--vscode-editorSuggestWidgetStatus-foreground);
}
.monaco-editor .suggest-widget.with-status-bar .suggest-status-bar .action-item:not(:last-of-type) .action-label {
  margin-right: 0;
}
.monaco-editor .suggest-widget.with-status-bar .suggest-status-bar .action-item:not(:last-of-type) .action-label::after {
  content: ', ';
  margin-right: 0.3em;
}
.monaco-editor .suggest-widget.with-status-bar .monaco-list .monaco-list-row > .contents > .main > .right > .readMore,
.monaco-editor .suggest-widget.with-status-bar .monaco-list .monaco-list-row.focused.string-label > .contents > .main > .right > .readMore {
  display: none;
}
.monaco-editor .suggest-widget.with-status-bar:not(.docs-side) .monaco-list .monaco-list-row:hover > .contents > .main > .right.can-expand-details > .details-label {
  width: 100%;
}
/* Styles for Message element for when widget is loading or is empty */
.monaco-editor .suggest-widget > .message {
  padding-left: 22px;
}
/** Styles for the list element **/
.monaco-editor .suggest-widget > .tree {
  height: 100%;
  width: 100%;
}
.monaco-editor .suggest-widget .monaco-list {
  user-select: none;
  -webkit-user-select: none;
}
/** Styles for each row in the list element **/
.monaco-editor .suggest-widget .monaco-list .monaco-list-row {
  display: flex;
  -mox-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 10px;
  background-repeat: no-repeat;
  background-position: 2px 2px;
  white-space: nowrap;
  cursor: pointer;
  touch-action: none;
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused {
  color: var(--vscode-editorSuggestWidget-selectedForeground);
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused .codicon {
  color: var(--vscode-editorSuggestWidget-selectedIconForeground);
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents {
  flex: 1;
  height: 100%;
  overflow: hidden;
  padding-left: 2px;
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main {
  display: flex;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre;
  justify-content: space-between;
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .left,
.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right {
  display: flex;
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row:not(.focused) > .contents > .main .monaco-icon-label {
  color: var(--vscode-editorSuggestWidget-foreground);
}
.monaco-editor .suggest-widget:not(.frozen) .monaco-highlighted-label .highlight {
  font-weight: bold;
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main .monaco-highlighted-label .highlight {
  color: var(--vscode-editorSuggestWidget-highlightForeground);
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused > .contents > .main .monaco-highlighted-label .highlight {
  color: var(--vscode-editorSuggestWidget-focusHighlightForeground);
}
/** ReadMore Icon styles **/
.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .header > .codicon-close,
.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .readMore::before {
  color: inherit;
  opacity: 1;
  font-size: 14px;
  cursor: pointer;
}
.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .header > .codicon-close {
  position: absolute;
  top: 6px;
  right: 2px;
}
.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .header > .codicon-close:hover,
.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .readMore:hover {
  opacity: 1;
}
/** signature, qualifier, type/details opacity **/
.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .details-label {
  opacity: 0.7;
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .left > .signature-label {
  overflow: hidden;
  text-overflow: ellipsis;
  opacity: 0.6;
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .left > .qualifier-label {
  margin-left: 12px;
  opacity: 0.4;
  font-size: 85%;
  line-height: initial;
  text-overflow: ellipsis;
  overflow: hidden;
  align-self: center;
}
/** Type Info and icon next to the label in the focused completion item **/
.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .details-label {
  font-size: 85%;
  margin-left: 1.1em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .details-label > .monaco-tokenized-source {
  display: inline;
}
/** Details: if using CompletionItem#details, show on focus **/
.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .details-label {
  display: none;
}
.monaco-editor .suggest-widget:not(.shows-details) .monaco-list .monaco-list-row.focused > .contents > .main > .right > .details-label {
  display: inline;
}
/** Details: if using CompletionItemLabel#details, always show **/
.monaco-editor .suggest-widget .monaco-list .monaco-list-row:not(.string-label) > .contents > .main > .right > .details-label,
.monaco-editor .suggest-widget.docs-side .monaco-list .monaco-list-row.focused:not(.string-label) > .contents > .main > .right > .details-label {
  display: inline;
}
/** Ellipsis on hover **/
.monaco-editor .suggest-widget:not(.docs-side) .monaco-list .monaco-list-row.focused:hover > .contents > .main > .right.can-expand-details > .details-label {
  width: calc(100% - 26px);
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .left {
  flex-shrink: 1;
  flex-grow: 1;
  overflow: hidden;
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .left > .monaco-icon-label {
  flex-shrink: 0;
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row:not(.string-label) > .contents > .main > .left > .monaco-icon-label {
  max-width: 100%;
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row.string-label > .contents > .main > .left > .monaco-icon-label {
  flex-shrink: 1;
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right {
  overflow: hidden;
  flex-shrink: 4;
  max-width: 70%;
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row > .contents > .main > .right > .readMore {
  display: inline-block;
  position: absolute;
  right: 10px;
  width: 18px;
  height: 18px;
  visibility: hidden;
}
/** Do NOT display ReadMore when docs is side/below **/
.monaco-editor .suggest-widget.docs-side .monaco-list .monaco-list-row > .contents > .main > .right > .readMore {
  display: none !important;
}
/** Do NOT display ReadMore when using plain CompletionItemLabel (details/documentation might not be resolved) **/
.monaco-editor .suggest-widget .monaco-list .monaco-list-row.string-label > .contents > .main > .right > .readMore {
  display: none;
}
/** Focused item can show ReadMore, but can't when docs is side/below **/
.monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused.string-label > .contents > .main > .right > .readMore {
  display: inline-block;
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row.focused:hover > .contents > .main > .right > .readMore {
  visibility: visible;
}
/** Styles for each row in the list **/
.monaco-editor .suggest-widget .monaco-list .monaco-list-row .monaco-icon-label.deprecated {
  opacity: 0.66;
  text-decoration: unset;
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row .monaco-icon-label.deprecated > .monaco-icon-label-container > .monaco-icon-name-container {
  text-decoration: line-through;
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row .monaco-icon-label::before {
  height: 100%;
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon {
  display: block;
  height: 16px;
  width: 16px;
  margin-left: 2px;
  background-repeat: no-repeat;
  background-size: 80%;
  background-position: center;
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon.hide {
  display: none;
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row .suggest-icon {
  display: flex;
  align-items: center;
  margin-right: 4px;
}
.monaco-editor .suggest-widget.no-icons .monaco-list .monaco-list-row .icon,
.monaco-editor .suggest-widget.no-icons .monaco-list .monaco-list-row .suggest-icon::before {
  display: none;
}
.monaco-editor .suggest-widget .monaco-list .monaco-list-row .icon.customcolor .colorspan {
  margin: 0 0 0 0.3em;
  border: 0.1em solid #000;
  width: 0.7em;
  height: 0.7em;
  display: inline-block;
}
/** Styles for the docs of the completion item in focus **/
.monaco-editor .suggest-details-container {
  z-index: 41;
}
.monaco-editor .suggest-details {
  display: flex;
  flex-direction: column;
  cursor: default;
  color: var(--vscode-editorSuggestWidget-foreground);
}
.monaco-editor .suggest-details.focused {
  border-color: var(--vscode-focusBorder);
}
.monaco-editor .suggest-details a {
  color: var(--vscode-textLink-foreground);
}
.monaco-editor .suggest-details a:hover {
  color: var(--vscode-textLink-activeForeground);
}
.monaco-editor .suggest-details code {
  background-color: var(--vscode-textCodeBlock-background);
}
.monaco-editor .suggest-details.no-docs {
  display: none;
}
.monaco-editor .suggest-details > .monaco-scrollable-element {
  flex: 1;
}
.monaco-editor .suggest-details > .monaco-scrollable-element > .body {
  box-sizing: border-box;
  height: 100%;
  width: 100%;
}
.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .header > .type {
  flex: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  opacity: 0.7;
  white-space: pre;
  margin: 0 24px 0 0;
  padding: 4px 0 12px 5px;
}
.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .header > .type.auto-wrap {
  white-space: normal;
  word-break: break-all;
}
.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .docs {
  margin: 0;
  padding: 4px 5px;
  white-space: pre-wrap;
}
.monaco-editor .suggest-details.no-type > .monaco-scrollable-element > .body > .docs {
  margin-right: 24px;
  overflow: hidden;
}
.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .docs.markdown-docs {
  padding: 0;
  white-space: initial;
  min-height: calc(1rem + 8px);
}
.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .docs.markdown-docs > div,
.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .docs.markdown-docs > span:not(:empty) {
  padding: 4px 5px;
}
.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .docs.markdown-docs > div > p:first-child {
  margin-top: 0;
}
.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .docs.markdown-docs > div > p:last-child {
  margin-bottom: 0;
}
.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .docs.markdown-docs .monaco-tokenized-source {
  white-space: pre;
}
.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .docs .code {
  white-space: pre-wrap;
  word-wrap: break-word;
}
.monaco-editor .suggest-details > .monaco-scrollable-element > .body > .docs.markdown-docs .codicon {
  vertical-align: sub;
}
.monaco-editor .suggest-details > .monaco-scrollable-element > .body > p:empty {
  display: none;
}
.monaco-editor .suggest-details code {
  border-radius: 3px;
  padding: 0 0.4em;
}
.monaco-editor .suggest-details ul {
  padding-left: 20px;
}
.monaco-editor .suggest-details ol {
  padding-left: 20px;
}
.monaco-editor .suggest-details p code {
  font-family: var(--monaco-monospace-font);
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-editor .tokens-inspect-widget {
  z-index: 50;
  user-select: text;
  -webkit-user-select: text;
  padding: 10px;
  color: var(--vscode-editorHoverWidget-foreground);
  background-color: var(--vscode-editorHoverWidget-background);
  border: 1px solid var(--vscode-editorHoverWidget-border);
}
.monaco-editor.hc-black .tokens-inspect-widget,
.monaco-editor.hc-light .tokens-inspect-widget {
  border-width: 2px;
}
.monaco-editor .tokens-inspect-widget .tokens-inspect-separator {
  height: 1px;
  border: 0;
  background-color: var(--vscode-editorHoverWidget-border);
}
.monaco-editor .tokens-inspect-widget .tm-token {
  font-family: var(--monaco-monospace-font);
}
.monaco-editor .tokens-inspect-widget .tm-token-length {
  font-weight: normal;
  font-size: 60%;
  float: right;
}
.monaco-editor .tokens-inspect-widget .tm-metadata-table {
  width: 100%;
}
.monaco-editor .tokens-inspect-widget .tm-metadata-value {
  font-family: var(--monaco-monospace-font);
  text-align: right;
}
.monaco-editor .tokens-inspect-widget .tm-token-type {
  font-family: var(--monaco-monospace-font);
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-editor .linked-editing-decoration {
  background-color: var(--vscode-editor-linkedEditingBackground);
  /* Ensure decoration is visible even if range is empty */
  min-width: 1px;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-editor .detected-link,
.monaco-editor .detected-link-active {
  text-decoration: underline;
  text-underline-position: under;
}
.monaco-editor .detected-link-active {
  cursor: pointer;
  color: var(--vscode-editorLink-activeForeground) !important;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-editor .focused .selectionHighlight {
  background-color: var(--vscode-editor-selectionHighlightBackground);
  box-sizing: border-box;
  border: 1px solid var(--vscode-editor-selectionHighlightBorder);
}
.monaco-editor.hc-black .focused .selectionHighlight,
.monaco-editor.hc-light .focused .selectionHighlight {
  border-style: dotted;
}
.monaco-editor .wordHighlight {
  background-color: var(--vscode-editor-wordHighlightBackground);
  box-sizing: border-box;
  border: 1px solid var(--vscode-editor-wordHighlightBorder);
}
.monaco-editor.hc-black .wordHighlight,
.monaco-editor.hc-light .wordHighlight {
  border-style: dotted;
}
.monaco-editor .wordHighlightStrong {
  background-color: var(--vscode-editor-wordHighlightStrongBackground);
  box-sizing: border-box;
  border: 1px solid var(--vscode-editor-wordHighlightStrongBorder);
}
.monaco-editor.hc-black .wordHighlightStrong,
.monaco-editor.hc-light .wordHighlightStrong {
  border-style: dotted;
}
.monaco-editor .wordHighlightText {
  background-color: var(--vscode-editor-wordHighlightTextBackground);
  box-sizing: border-box;
  border: 1px solid var(--vscode-editor-wordHighlightTextBorder);
}
.monaco-editor.hc-black .wordHighlightText,
.monaco-editor.hc-light .wordHighlightText {
  border-style: dotted;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-editor .parameter-hints-widget {
  /* Must be higher than the sash's z-index and terminal canvases but lower than the suggest widget */
  z-index: 39;
  display: flex;
  flex-direction: column;
  line-height: 1.5em;
  cursor: default;
  color: var(--vscode-editorHoverWidget-foreground);
  background-color: var(--vscode-editorHoverWidget-background);
  border: 1px solid var(--vscode-editorHoverWidget-border);
}
.hc-black .monaco-editor .parameter-hints-widget,
.hc-light .monaco-editor .parameter-hints-widget {
  border-width: 2px;
}
.monaco-editor .parameter-hints-widget > .phwrapper {
  max-width: 440px;
  display: flex;
  flex-direction: row;
}
.monaco-editor .parameter-hints-widget.multiple {
  min-height: 3.3em;
  padding: 0;
}
.monaco-editor .parameter-hints-widget.multiple .body::before {
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  opacity: 0.5;
  border-left: 1px solid var(--vscode-editorHoverWidget-border);
}
.monaco-editor .parameter-hints-widget p,
.monaco-editor .parameter-hints-widget ul {
  margin: 8px 0;
}
.monaco-editor .parameter-hints-widget .monaco-scrollable-element,
.monaco-editor .parameter-hints-widget .body {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-height: 100%;
}
.monaco-editor .parameter-hints-widget .signature {
  padding: 4px 5px;
  position: relative;
}
.monaco-editor .parameter-hints-widget .signature.has-docs::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  padding-top: 4px;
  opacity: 0.5;
  border-bottom: 1px solid var(--vscode-editorHoverWidget-border);
}
.monaco-editor .parameter-hints-widget .docs {
  padding: 0 10px 0 5px;
  white-space: pre-wrap;
}
.monaco-editor .parameter-hints-widget .docs.empty {
  display: none;
}
.monaco-editor .parameter-hints-widget .docs a {
  color: var(--vscode-textLink-foreground);
}
.monaco-editor .parameter-hints-widget .docs a:hover {
  color: var(--vscode-textLink-activeForeground);
  cursor: pointer;
}
.monaco-editor .parameter-hints-widget .docs .markdown-docs {
  white-space: initial;
}
.monaco-editor .parameter-hints-widget .docs code {
  font-family: var(--monaco-monospace-font);
  border-radius: 3px;
  padding: 0 0.4em;
  background-color: var(--vscode-textCodeBlock-background);
}
.monaco-editor .parameter-hints-widget .docs .monaco-tokenized-source,
.monaco-editor .parameter-hints-widget .docs .code {
  white-space: pre-wrap;
}
.monaco-editor .parameter-hints-widget .controls {
  display: none;
  flex-direction: column;
  align-items: center;
  min-width: 22px;
  justify-content: flex-end;
}
.monaco-editor .parameter-hints-widget.multiple .controls {
  display: flex;
  padding: 0 2px;
}
.monaco-editor .parameter-hints-widget.multiple .button {
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  cursor: pointer;
}
.monaco-editor .parameter-hints-widget .button.previous {
  bottom: 24px;
}
.monaco-editor .parameter-hints-widget .overloads {
  text-align: center;
  height: 12px;
  line-height: 12px;
  font-family: var(--monaco-monospace-font);
}
.monaco-editor .parameter-hints-widget .signature .parameter.active {
  color: var(--vscode-editorHoverWidget-highlightForeground);
  font-weight: bold;
}
.monaco-editor .parameter-hints-widget .documentation-parameter > .parameter {
  font-weight: bold;
  margin-right: 0.5em;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-editor .rename-box {
  z-index: 100;
  color: inherit;
  border-radius: 4px;
}
.monaco-editor .rename-box.preview {
  padding: 4px 4px 0 4px;
}
.monaco-editor .rename-box .rename-input {
  padding: 3px;
  border-radius: 2px;
}
.monaco-editor .rename-box .rename-label {
  display: none;
  opacity: 0.8;
}
.monaco-editor .rename-box.preview .rename-label {
  display: inherit;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-editor .sticky-line {
  color: var(--vscode-editorLineNumber-foreground);
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
}
.monaco-editor .sticky-line-number {
  text-align: right;
  float: left;
}
.monaco-editor .sticky-line-root {
  background-color: inherit;
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
}
.monaco-editor.hc-black .sticky-widget,
.monaco-editor.hc-light .sticky-widget {
  border-bottom: 1px solid var(--vscode-contrastBorder);
}
.monaco-editor .sticky-line-root:hover {
  background-color: var(--vscode-editorStickyScrollHover-background);
  cursor: pointer;
}
.monaco-editor .sticky-widget {
  width: 100%;
  box-shadow: var(--vscode-scrollbar-shadow) 0 3px 2px -2px;
  z-index: 4;
  background-color: var(--vscode-editorStickyScroll-background);
}
.monaco-editor .sticky-widget.peek {
  background-color: var(--vscode-peekViewEditorStickyScroll-background);
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-editor .unicode-highlight {
  border: 1px solid var(--vscode-editorUnicodeHighlight-border);
  background-color: var(--vscode-editorUnicodeHighlight-background);
  box-sizing: border-box;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.editor-banner {
  box-sizing: border-box;
  cursor: default;
  width: 100%;
  font-size: 12px;
  display: flex;
  overflow: visible;
  height: 26px;
  background: var(--vscode-banner-background);
}
.editor-banner .icon-container {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  padding: 0 6px 0 10px;
}
.editor-banner .icon-container.custom-icon {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 16px;
  width: 16px;
  padding: 0;
  margin: 0 6px 0 10px;
}
.editor-banner .message-container {
  display: flex;
  align-items: center;
  line-height: 26px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.editor-banner .message-container p {
  margin-block-start: 0;
  margin-block-end: 0;
}
.editor-banner .message-actions-container {
  flex-grow: 1;
  flex-shrink: 0;
  line-height: 26px;
  margin: 0 4px;
}
.editor-banner .message-actions-container a.monaco-button {
  width: inherit;
  margin: 2px 8px;
  padding: 0px 12px;
}
.editor-banner .message-actions-container a {
  padding: 3px;
  margin-left: 12px;
  text-decoration: underline;
}
.editor-banner .action-container {
  padding: 0 10px 0 6px;
}
.editor-banner {
  background-color: var(--vscode-banner-background);
}
.editor-banner,
.editor-banner .action-container .codicon,
.editor-banner .message-actions-container .monaco-link {
  color: var(--vscode-banner-foreground);
}
.editor-banner .icon-container .codicon {
  color: var(--vscode-banner-iconForeground);
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-link {
  color: var(--vscode-textLink-foreground);
}
.monaco-link:hover {
  color: var(--vscode-textLink-activeForeground);
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
/* Default standalone editor fonts */
.monaco-editor {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe WPC", "Segoe UI", "HelveticaNeue-Light", system-ui, "Ubuntu", "Droid Sans", sans-serif;
  --monaco-monospace-font: "SF Mono", Monaco, Menlo, Consolas, "Ubuntu Mono", "Liberation Mono", "DejaVu Sans Mono", "Courier New", monospace;
}
.monaco-menu .monaco-action-bar.vertical .action-item .action-menu-item:focus .action-label {
  stroke-width: 1.2px;
}
.monaco-editor.vs-dark .monaco-menu .monaco-action-bar.vertical .action-menu-item:focus .action-label,
.monaco-editor.hc-black .monaco-menu .monaco-action-bar.vertical .action-menu-item:focus .action-label,
.monaco-editor.hc-light .monaco-menu .monaco-action-bar.vertical .action-menu-item:focus .action-label {
  stroke-width: 1.2px;
}
.monaco-hover p {
  margin: 0;
}
/* See https://github.com/microsoft/monaco-editor/issues/2168#issuecomment-780078600 */
.monaco-aria-container {
  position: absolute !important;
  top: 0;
  /* avoid being placed underneath a sibling element */
  height: 1px;
  width: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
}
/*.monaco-editor.vs [tabindex="0"]:focus {
	outline: 1px solid rgba(0, 122, 204, 0.4);
	outline-offset: -1px;
	opacity: 1 !important;
}

.monaco-editor.vs-dark [tabindex="0"]:focus {
	outline: 1px solid rgba(14, 99, 156, 0.6);
	outline-offset: -1px;
	opacity: 1 !important;
}*/

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
/* ---------- DiffEditor ---------- */
.monaco-diff-editor .diffOverview {
  z-index: 9;
}
.monaco-diff-editor .diffOverview .diffViewport {
  z-index: 10;
}
/* colors not externalized: using transparancy on background */
.monaco-diff-editor.vs .diffOverview {
  background: rgba(0, 0, 0, 0.03);
}
.monaco-diff-editor.vs-dark .diffOverview {
  background: rgba(255, 255, 255, 0.01);
}
.monaco-scrollable-element.modified-in-monaco-diff-editor.vs .scrollbar {
  background: rgba(0, 0, 0, 0);
}
.monaco-scrollable-element.modified-in-monaco-diff-editor.vs-dark .scrollbar {
  background: rgba(0, 0, 0, 0);
}
.monaco-scrollable-element.modified-in-monaco-diff-editor.hc-black .scrollbar {
  background: none;
}
.monaco-scrollable-element.modified-in-monaco-diff-editor.hc-light .scrollbar {
  background: none;
}
.monaco-scrollable-element.modified-in-monaco-diff-editor .slider {
  z-index: 10;
}
.modified-in-monaco-diff-editor .slider.active {
  background: rgba(171, 171, 171, 0.4);
}
.modified-in-monaco-diff-editor.hc-black .slider.active {
  background: none;
}
.modified-in-monaco-diff-editor.hc-light .slider.active {
  background: none;
}
/* ---------- Diff ---------- */
.monaco-editor .insert-sign,
.monaco-diff-editor .insert-sign,
.monaco-editor .delete-sign,
.monaco-diff-editor .delete-sign {
  font-size: 11px !important;
  opacity: 0.7 !important;
  display: flex !important;
  align-items: center;
}
.monaco-editor.hc-black .insert-sign,
.monaco-diff-editor.hc-black .insert-sign,
.monaco-editor.hc-black .delete-sign,
.monaco-diff-editor.hc-black .delete-sign,
.monaco-editor.hc-light .insert-sign,
.monaco-diff-editor.hc-light .insert-sign,
.monaco-editor.hc-light .delete-sign,
.monaco-diff-editor.hc-light .delete-sign {
  opacity: 1;
}
.monaco-editor .inline-deleted-margin-view-zone {
  text-align: right;
}
.monaco-editor .inline-added-margin-view-zone {
  text-align: right;
}
.monaco-editor .arrow-revert-change {
  z-index: 10;
  position: absolute;
}
.monaco-editor .arrow-revert-change:hover {
  cursor: pointer;
}
/* ---------- Inline Diff ---------- */
.monaco-editor .view-zones .view-lines .view-line span {
  display: inline-block;
}
.monaco-editor .margin-view-zones .lightbulb-glyph:hover {
  cursor: pointer;
}
.monaco-editor .char-insert,
.monaco-diff-editor .char-insert {
  background-color: var(--vscode-diffEditor-insertedTextBackground);
}
.monaco-editor .line-insert,
.monaco-diff-editor .line-insert {
  background-color: var(--vscode-diffEditor-insertedLineBackground, --vscode-diffEditor-insertedTextBackground);
}
.monaco-editor .line-insert,
.monaco-editor .char-insert {
  box-sizing: border-box;
  border: 1px solid var(--vscode-diffEditor-insertedTextBorder);
}
.monaco-editor.hc-black .line-insert,
.monaco-editor.hc-light .line-insert,
.monaco-editor.hc-black .char-insert,
.monaco-editor.hc-light .char-insert {
  border-style: dashed;
}
.monaco-editor .line-delete,
.monaco-editor .char-delete {
  box-sizing: border-box;
  border: 1px solid var(--vscode-diffEditor-removedTextBorder);
}
.monaco-editor.hc-black .line-delete,
.monaco-editor.hc-light .line-delete,
.monaco-editor.hc-black .char-delete,
.monaco-editor.hc-light .char-delete {
  border-style: dashed;
}
.monaco-editor .inline-added-margin-view-zone,
.monaco-editor .gutter-insert,
.monaco-diff-editor .gutter-insert {
  background-color: var(--vscode-diffEditorGutter-insertedLineBackground, --vscode-diffEditor-insertedLineBackground, --vscode-diffEditor-insertedTextBackground);
}
.monaco-editor .char-delete,
.monaco-diff-editor .char-delete {
  background-color: var(--vscode-diffEditor-removedTextBackground);
}
.monaco-editor .line-delete,
.monaco-diff-editor .line-delete {
  background-color: var(--vscode-diffEditor-removedLineBackground, --vscode-diffEditor-removedTextBackground);
}
.monaco-editor .inline-deleted-margin-view-zone,
.monaco-editor .gutter-delete,
.monaco-diff-editor .gutter-delete {
  background-color: var(--vscode-diffEditorGutter-removedLineBackground, --vscode-diffEditor-removedLineBackground, --vscode-diffEditor-removedTextBackground);
}
.monaco-diff-editor.side-by-side .editor.modified {
  box-shadow: -6px 0 5px -5px var(--vscode-scrollbar-shadow);
  border-left: 1px solid var(--vscode-diffEditor-border);
}
.monaco-diff-editor .diffViewport {
  background: var(--vscode-scrollbarSlider-background);
}
.monaco-diff-editor .diffViewport:hover {
  background: var(--vscode-scrollbarSlider-hoverBackground);
}
.monaco-diff-editor .diffViewport:active {
  background: var(--vscode-scrollbarSlider-activeBackground);
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-diff-editor .diff-review-line-number {
  text-align: right;
  display: inline-block;
  color: var(--vscode-editorLineNumber-foreground);
}
.monaco-diff-editor .diff-review {
  position: absolute;
  user-select: none;
  -webkit-user-select: none;
  z-index: 99;
}
.monaco-diff-editor .diff-review-summary {
  padding-left: 10px;
}
.monaco-diff-editor .diff-review-shadow {
  position: absolute;
  box-shadow: var(--vscode-scrollbar-shadow) 0 -6px 6px -6px inset;
}
.monaco-diff-editor .diff-review-row {
  white-space: pre;
}
.monaco-diff-editor .diff-review-table {
  display: table;
  min-width: 100%;
}
.monaco-diff-editor .diff-review-row {
  display: table-row;
  width: 100%;
}
.monaco-diff-editor .diff-review-spacer {
  display: inline-block;
  width: 10px;
  vertical-align: middle;
}
.monaco-diff-editor .diff-review-spacer > .codicon {
  font-size: 9px !important;
}
.monaco-diff-editor .diff-review-actions {
  display: inline-block;
  position: absolute;
  right: 10px;
  top: 2px;
  z-index: 100;
}
.monaco-diff-editor .diff-review-actions .action-label {
  width: 16px;
  height: 16px;
  margin: 2px 0;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.context-view {
  position: absolute;
}
.context-view.fixed {
  all: initial;
  font-family: inherit;
  font-size: 13px;
  position: fixed;
  color: inherit;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.quick-input-widget {
  font-size: 13px;
}
.quick-input-widget .monaco-highlighted-label .highlight,
.quick-input-widget .monaco-highlighted-label .highlight {
  color: #0066BF;
}
.vs .quick-input-widget .monaco-list-row.focused .monaco-highlighted-label .highlight,
.vs .quick-input-widget .monaco-list-row.focused .monaco-highlighted-label .highlight {
  color: #9DDDFF;
}
.vs-dark .quick-input-widget .monaco-highlighted-label .highlight,
.vs-dark .quick-input-widget .monaco-highlighted-label .highlight {
  color: #0097fb;
}
.hc-black .quick-input-widget .monaco-highlighted-label .highlight,
.hc-black .quick-input-widget .monaco-highlighted-label .highlight {
  color: #F38518;
}
.hc-light .quick-input-widget .monaco-highlighted-label .highlight,
.hc-light .quick-input-widget .monaco-highlighted-label .highlight {
  color: #0F4A85;
}
.monaco-keybinding > .monaco-keybinding-key {
  background-color: rgba(221, 221, 221, 0.4);
  border: solid 1px rgba(204, 204, 204, 0.4);
  border-bottom-color: rgba(187, 187, 187, 0.4);
  box-shadow: inset 0 -1px 0 rgba(187, 187, 187, 0.4);
  color: #555;
}
.hc-black .monaco-keybinding > .monaco-keybinding-key {
  background-color: transparent;
  border: solid 1px #6fc3df;
  box-shadow: none;
  color: #fff;
}
.hc-light .monaco-keybinding > .monaco-keybinding-key {
  background-color: transparent;
  border: solid 1px #0F4A85;
  box-shadow: none;
  color: #292929;
}
.vs-dark .monaco-keybinding > .monaco-keybinding-key {
  background-color: rgba(128, 128, 128, 0.17);
  border: solid 1px rgba(51, 51, 51, 0.6);
  border-bottom-color: rgba(68, 68, 68, 0.6);
  box-shadow: inset 0 -1px 0 rgba(68, 68, 68, 0.6);
  color: #ccc;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-progress-container {
  width: 100%;
  height: 5px;
  overflow: hidden;
  /* keep progress bit in bounds */
}
.monaco-progress-container .progress-bit {
  width: 2%;
  height: 5px;
  position: absolute;
  left: 0;
  display: none;
}
.monaco-progress-container.active .progress-bit {
  display: inherit;
}
.monaco-progress-container.discrete .progress-bit {
  left: 0;
  transition: width 100ms linear;
}
.monaco-progress-container.discrete.done .progress-bit {
  width: 100%;
}
.monaco-progress-container.infinite .progress-bit {
  animation-name: progress;
  animation-duration: 4s;
  animation-iteration-count: infinite;
  transform: translate3d(0px, 0px, 0px);
  animation-timing-function: linear;
}
.monaco-progress-container.infinite.infinite-long-running .progress-bit {
  /*
		The more smooth `linear` timing function can cause
		higher GPU consumption as indicated in
		https://github.com/microsoft/vscode/issues/97900 &
		https://github.com/microsoft/vscode/issues/138396
	*/
  animation-timing-function: steps(100);
}
/**
 * The progress bit has a width: 2% (1/50) of the parent container. The animation moves it from 0% to 100% of
 * that container. Since translateX is relative to the progress bit size, we have to multiple it with
 * its relative size to the parent container:
 * parent width: 5000%
 *    bit width: 100%
 * translateX should be as follow:
 *  50%: 5000% * 50% - 50% (set to center) = 2450%
 * 100%: 5000% * 100% - 100% (do not overflow) = 4900%
 */
@keyframes progress {
  from {
    transform: translateX(0%) scaleX(1);
  }
  50% {
    transform: translateX(2500%) scaleX(3);
  }
  to {
    transform: translateX(4900%) scaleX(1);
  }
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.quick-input-widget {
  position: absolute;
  width: 600px;
  z-index: 2550;
  left: 50%;
  margin-left: -300px;
  -webkit-app-region: no-drag;
  border-radius: 6px;
}
.quick-input-titlebar {
  display: flex;
  align-items: center;
  border-top-left-radius: 5px;
  /* match border radius of quick input widget */
  border-top-right-radius: 5px;
}
.quick-input-left-action-bar {
  display: flex;
  margin-left: 4px;
  flex: 1;
}
.quick-input-title {
  padding: 3px 0px;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
}
.quick-input-right-action-bar {
  display: flex;
  margin-right: 4px;
  flex: 1;
}
.quick-input-right-action-bar > .actions-container {
  justify-content: flex-end;
}
.quick-input-titlebar .monaco-action-bar .action-label.codicon {
  background-position: center;
  background-repeat: no-repeat;
  padding: 2px;
}
.quick-input-description {
  margin: 6px 6px 6px 11px;
}
.quick-input-header .quick-input-description {
  margin: 4px 2px;
  flex: 1;
}
.quick-input-header {
  display: flex;
  padding: 8px 6px 6px 6px;
}
.quick-input-widget.hidden-input .quick-input-header {
  /* reduce margins and paddings when input box hidden */
  padding: 0;
  margin-bottom: 0;
}
.quick-input-and-message {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  min-width: 0;
  position: relative;
}
.quick-input-check-all {
  align-self: center;
  margin: 0;
}
.quick-input-filter {
  flex-grow: 1;
  display: flex;
  position: relative;
}
.quick-input-box {
  flex-grow: 1;
}
.quick-input-widget.show-checkboxes .quick-input-box,
.quick-input-widget.show-checkboxes .quick-input-message {
  margin-left: 5px;
}
.quick-input-visible-count {
  position: absolute;
  left: -10000px;
}
.quick-input-count {
  align-self: center;
  position: absolute;
  right: 4px;
  display: flex;
  align-items: center;
}
.quick-input-count .monaco-count-badge {
  vertical-align: middle;
  padding: 2px 4px;
  border-radius: 2px;
  min-height: auto;
  line-height: normal;
}
.quick-input-action {
  margin-left: 6px;
}
.quick-input-action .monaco-text-button {
  font-size: 11px;
  padding: 0 6px;
  display: flex;
  height: 25px;
  align-items: center;
}
.quick-input-message {
  margin-top: -1px;
  padding: 5px;
  overflow-wrap: break-word;
}
.quick-input-message > .codicon {
  margin: 0 0.2em;
  vertical-align: text-bottom;
}
/* Links in descriptions & validations */
.quick-input-message a {
  color: inherit;
}
.quick-input-progress.monaco-progress-container {
  position: relative;
}
.quick-input-progress.monaco-progress-container,
.quick-input-progress.monaco-progress-container .progress-bit {
  height: 2px;
}
.quick-input-list {
  line-height: 22px;
}
.quick-input-widget.hidden-input .quick-input-list {
  margin-top: 4px;
  /* reduce margins when input box hidden */
  padding-bottom: 4px;
}
.quick-input-list .monaco-list {
  overflow: hidden;
  max-height: calc(20 * 22px);
  padding-bottom: 5px;
}
.quick-input-list .monaco-scrollable-element {
  padding: 0px 5px;
}
.quick-input-list .quick-input-list-entry {
  box-sizing: border-box;
  overflow: hidden;
  display: flex;
  height: 100%;
  padding: 0 6px;
}
.quick-input-list .quick-input-list-entry.quick-input-list-separator-border {
  border-top-width: 1px;
  border-top-style: solid;
}
.quick-input-list .monaco-list-row {
  border-radius: 3px;
}
.quick-input-list .monaco-list-row[data-index="0"] .quick-input-list-entry.quick-input-list-separator-border {
  border-top-style: none;
}
.quick-input-list .quick-input-list-label {
  overflow: hidden;
  display: flex;
  height: 100%;
  flex: 1;
}
.quick-input-list .quick-input-list-checkbox {
  align-self: center;
  margin: 0;
}
.quick-input-list .quick-input-list-icon {
  background-size: 16px;
  background-position: left center;
  background-repeat: no-repeat;
  padding-right: 6px;
  width: 16px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.quick-input-list .quick-input-list-rows {
  overflow: hidden;
  text-overflow: ellipsis;
  display: flex;
  flex-direction: column;
  height: 100%;
  flex: 1;
  margin-left: 5px;
}
.quick-input-widget.show-checkboxes .quick-input-list .quick-input-list-rows {
  margin-left: 10px;
}
.quick-input-widget .quick-input-list .quick-input-list-checkbox {
  display: none;
}
.quick-input-widget.show-checkboxes .quick-input-list .quick-input-list-checkbox {
  display: inline;
}
.quick-input-list .quick-input-list-rows > .quick-input-list-row {
  display: flex;
  align-items: center;
}
.quick-input-list .quick-input-list-rows > .quick-input-list-row .monaco-icon-label,
.quick-input-list .quick-input-list-rows > .quick-input-list-row .monaco-icon-label .monaco-icon-label-container > .monaco-icon-name-container {
  flex: 1;
  /* make sure the icon label grows within the row */
}
.quick-input-list .quick-input-list-rows > .quick-input-list-row .codicon[class*='codicon-'] {
  vertical-align: text-bottom;
}
.quick-input-list .quick-input-list-rows .monaco-highlighted-label > span {
  opacity: 1;
}
.quick-input-list .quick-input-list-entry .quick-input-list-entry-keybinding {
  margin-right: 8px;
  /* separate from the separator label or scrollbar if any */
}
.quick-input-list .quick-input-list-label-meta {
  opacity: 0.7;
  line-height: normal;
  text-overflow: ellipsis;
  overflow: hidden;
}
.quick-input-list .monaco-highlighted-label .highlight {
  font-weight: bold;
}
.quick-input-list .quick-input-list-entry .quick-input-list-separator {
  margin-right: 4px;
  /* separate from keybindings or actions */
}
.quick-input-list .quick-input-list-entry-action-bar {
  display: flex;
  flex: 0;
  overflow: visible;
}
.quick-input-list .quick-input-list-entry-action-bar .action-label {
  /*
	 * By default, actions in the quick input action bar are hidden
	 * until hovered over them or selected.
	 */
  display: none;
}
.quick-input-list .quick-input-list-entry-action-bar .action-label.codicon {
  margin-right: 4px;
  padding: 0px 2px 2px 2px;
}
.quick-input-list .quick-input-list-entry-action-bar {
  margin-top: 1px;
}
.quick-input-list .quick-input-list-entry-action-bar {
  margin-right: 4px;
  /* separate from scrollbar */
}
.quick-input-list .quick-input-list-entry .quick-input-list-entry-action-bar .action-label.always-visible,
.quick-input-list .quick-input-list-entry:hover .quick-input-list-entry-action-bar .action-label,
.quick-input-list .monaco-list-row.focused .quick-input-list-entry-action-bar .action-label {
  display: flex;
}
/* focused items in quick pick */
.quick-input-list .monaco-list-row.focused .monaco-keybinding-key,
.quick-input-list .monaco-list-row.focused .quick-input-list-entry .quick-input-list-separator {
  color: inherit;
}
.quick-input-list .monaco-list-row.focused .monaco-keybinding-key {
  background: none;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/
.monaco-editor .diff-hidden-lines-widget {
  width: 100%;
}
.monaco-editor .diff-hidden-lines {
  height: 0px;
  /* The children each have a fixed height, the transform confuses the browser */
  transform: translate(0px, -10px);
  font-size: 13px;
  line-height: 14px;
}
.monaco-editor .diff-hidden-lines:not(.dragging) .top:hover,
.diff-hidden-lines:not(.dragging) .bottom:hover,
.diff-hidden-lines .top.dragging,
.diff-hidden-lines .bottom.dragging {
  background-color: var(--vscode-focusBorder);
}
.monaco-editor .diff-hidden-lines .top,
.diff-hidden-lines .bottom {
  transition: background-color 0.1s ease-out;
  height: 4px;
  background-color: transparent;
  background-clip: padding-box;
  border-bottom: 2px solid transparent;
  border-top: 4px solid transparent;
  cursor: ns-resize;
}
.monaco-editor .diff-hidden-lines .top {
  transform: translate(0px, 4px);
}
.monaco-editor .diff-hidden-lines .bottom {
  transform: translate(0px, -6px);
}
.monaco-editor .diff-unchanged-lines {
  background: var(--vscode-diffEditor-unchangedCodeBackground);
}
.monaco-editor .noModificationsOverlay {
  z-index: 1;
  background: var(--vscode-editor-background);
  display: flex;
  justify-content: center;
  align-items: center;
}
.monaco-editor .diff-hidden-lines .center {
  background: var(--vscode-diffEditor-unchangedRegionBackground);
  color: var(--vscode-diffEditor-unchangedRegionForeground);
  overflow: hidden;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 24px;
}
.monaco-editor .diff-hidden-lines .center span.codicon {
  vertical-align: middle;
}
.monaco-editor .diff-hidden-lines .center a:hover .codicon {
  cursor: pointer;
  color: var(--vscode-editorLink-activeForeground) !important;
}
.monaco-editor .movedOriginal {
  border: 2px solid var(--vscode-diffEditor-move-border);
}
.monaco-editor .movedModified {
  border: 2px solid var(--vscode-diffEditor-move-border);
}
.monaco-diff-editor .moved-blocks-lines {
  position: absolute;
  pointer-events: none;
}
.monaco-diff-editor .moved-blocks-lines path {
  fill: none;
  stroke: var(--vscode-diffEditor-move-border);
  stroke-width: 2;
}
.monaco-editor .char-delete.diff-range-empty {
  margin-left: -1px;
  border-left: solid var(--vscode-diffEditor-removedTextBackground) 3px;
}
.monaco-editor .char-insert.diff-range-empty {
  border-left: solid var(--vscode-diffEditor-insertedTextBackground) 3px;
}
.monaco-editor .fold-unchanged {
  cursor: pointer;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
.monacoEditor_content {
  border: 1px solid #e5e5e5;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-switch {
  margin: 0;
  padding: 0;
  color: #000000D9;
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  min-width: 44px;
  height: 22px;
  line-height: 20px;
  vertical-align: middle;
  background-color: rgba(0, 0, 0, 0.25);
  border: 1px solid transparent;
  border-radius: 100px;
  cursor: pointer;
  transition: all 0.36s;
  user-select: none;
}
.ant-switch-inner {
  display: block;
  margin-right: 6px;
  margin-left: 24px;
  color: #fff;
  font-size: 12px;
}
.ant-switch-loading-icon,
.ant-switch::after {
  position: absolute;
  top: 1px;
  left: 1px;
  width: 18px;
  height: 18px;
  background-color: #fff;
  border-radius: 18px;
  cursor: pointer;
  transition: all 0.36s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  content: ' ';
}
.ant-switch::after {
  box-shadow: 0 2px 4px 0 rgba(0, 35, 11, 0.2);
}
.ant-switch:not(.ant-switch-disabled):active::before,
.ant-switch:not(.ant-switch-disabled):active::after {
  width: 24px;
}
.ant-switch-loading-icon {
  z-index: 1;
  display: none;
  font-size: 12px;
  background: transparent;
}
.ant-switch-loading-icon svg {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.ant-switch-loading .ant-switch-loading-icon {
  display: inline-block;
  color: #000000D9;
}
.ant-switch-checked.ant-switch-loading .ant-switch-loading-icon {
  color: #3A78F2;
}
.ant-switch:focus {
  outline: 0;
  box-shadow: 0 0 0 2px rgba(58, 120, 242, 0.2);
}
.ant-switch:focus:hover {
  box-shadow: none;
}
.ant-switch-small {
  min-width: 28px;
  height: 16px;
  line-height: 14px;
}
.ant-switch-small .ant-switch-inner {
  margin-right: 3px;
  margin-left: 18px;
  font-size: 12px;
}
.ant-switch-small::after {
  width: 12px;
  height: 12px;
}
.ant-switch-small:active::before,
.ant-switch-small:active::after {
  width: 16px;
}
.ant-switch-small .ant-switch-loading-icon {
  width: 12px;
  height: 12px;
}
.ant-switch-small.ant-switch-checked .ant-switch-inner {
  margin-right: 18px;
  margin-left: 3px;
}
.ant-switch-small.ant-switch-checked .ant-switch-loading-icon {
  left: 100%;
  margin-left: -13px;
}
.ant-switch-small.ant-switch-loading .ant-switch-loading-icon {
  font-weight: bold;
  transform: scale(0.66667);
}
.ant-switch-checked {
  background-color: #3A78F2;
}
.ant-switch-checked .ant-switch-inner {
  margin-right: 24px;
  margin-left: 6px;
}
.ant-switch-checked::after {
  left: 100%;
  margin-left: -1px;
  transform: translateX(-100%);
}
.ant-switch-checked .ant-switch-loading-icon {
  left: 100%;
  margin-left: -19px;
}
.ant-switch-loading,
.ant-switch-disabled {
  cursor: not-allowed;
  opacity: 0.4;
}
.ant-switch-loading *,
.ant-switch-disabled * {
  cursor: not-allowed;
}
.ant-switch-loading::before,
.ant-switch-disabled::before,
.ant-switch-loading::after,
.ant-switch-disabled::after {
  cursor: not-allowed;
}
@keyframes AntSwitchSmallLoadingCircle {
  0% {
    transform: rotate(0deg) scale(0.66667);
    transform-origin: 50% 50%;
  }
  100% {
    transform: rotate(360deg) scale(0.66667);
    transform-origin: 50% 50%;
  }
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
.notification-setting-header {
  display: flex;
  justify-content: space-between;
}
.notification-setting-header .notification-setting-search {
  display: flex;
  align-items: center;
}
.notification-setting-header .notification-setting-search label {
  width: 50px;
  text-align: right;
}
.notification-setting-header .notification-setting-search .ant-input {
  width: 250px;
}
.table-action-btns .ant-btn {
  padding: 0;
}
.table-action-btns .ant-btn:nth-child(n + 2) {
  margin-left: 8px;
}
.notification-type-list {
  display: flex;
  flex-wrap: wrap;
}
.notification-type-list .notification-type-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: calc(50% - 10px);
  border: 1px solid #e8e8e8;
  padding: 18px;
  cursor: pointer;
}
.notification-type-list .notification-type-item:nth-child(2n) {
  margin-left: 20px;
}
.notification-type-list .notification-type-item:nth-child(n + 3) {
  margin-top: 20px;
}
.notification-type-list .notification-type-item .anticon {
  font-size: 64px;
}
.notification-type-list .notification-type-item img {
  width: 54px;
}
.notification-type-list .notification-type-item .notification-type-text {
  font-size: 14px;
  font-weight: bolder;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
.ajax-edit-select {
  position: relative;
}
.ajax-edit-select-suffix {
  position: absolute;
  top: 0;
  right: -50px;
  width: 50px;
  height: 40px;
  line-height: 40px;
}
.ajax-edit-select-suffix .ant-btn {
  margin-left: 10px;
  color: #000000D9;
}
.ajax-edit-select-suffix .ant-btn-icon-only {
  width: auto !important;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
.ant-table-body {
  overflow: auto !important;
}
.ant-table-header {
  background: #f7f8fa;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-typography {
  color: #000000D9;
}
.ant-typography.ant-typography-secondary {
  color: rgba(0, 0, 0, 0.45);
}
.ant-typography.ant-typography-warning {
  color: #faad14;
}
.ant-typography.ant-typography-danger {
  color: #f5222d;
}
.ant-typography.ant-typography-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
  user-select: none;
}
div.ant-typography,
.ant-typography p {
  margin-bottom: 1em;
}
h1.ant-typography,
.ant-typography h1 {
  margin-bottom: 0.5em;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 600;
  font-size: 33px;
  line-height: 1.23;
}
h2.ant-typography,
.ant-typography h2 {
  margin-bottom: 0.5em;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 600;
  font-size: 26px;
  line-height: 1.35;
}
h3.ant-typography,
.ant-typography h3 {
  margin-bottom: 0.5em;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 600;
  font-size: 21px;
  line-height: 1.35;
}
h4.ant-typography,
.ant-typography h4 {
  margin-bottom: 0.5em;
  color: rgba(0, 0, 0, 0.85);
  font-weight: 600;
  font-size: 18px;
  line-height: 1.4;
}
.ant-typography + h1.ant-typography,
.ant-typography + h2.ant-typography,
.ant-typography + h3.ant-typography,
.ant-typography + h4.ant-typography {
  margin-top: 1.2em;
}
.ant-typography div + h1,
.ant-typography ul + h1,
.ant-typography li + h1,
.ant-typography p + h1,
.ant-typography h1 + h1,
.ant-typography h2 + h1,
.ant-typography h3 + h1,
.ant-typography h4 + h1,
.ant-typography div + h2,
.ant-typography ul + h2,
.ant-typography li + h2,
.ant-typography p + h2,
.ant-typography h1 + h2,
.ant-typography h2 + h2,
.ant-typography h3 + h2,
.ant-typography h4 + h2,
.ant-typography div + h3,
.ant-typography ul + h3,
.ant-typography li + h3,
.ant-typography p + h3,
.ant-typography h1 + h3,
.ant-typography h2 + h3,
.ant-typography h3 + h3,
.ant-typography h4 + h3,
.ant-typography div + h4,
.ant-typography ul + h4,
.ant-typography li + h4,
.ant-typography p + h4,
.ant-typography h1 + h4,
.ant-typography h2 + h4,
.ant-typography h3 + h4,
.ant-typography h4 + h4 {
  margin-top: 1.2em;
}
span.ant-typography-ellipsis {
  display: inline-block;
}
.ant-typography a {
  color: #3A78F2;
  text-decoration: none;
  outline: none;
  cursor: pointer;
  transition: color 0.3s;
}
.ant-typography a:focus,
.ant-typography a:hover {
  color: #669eff;
}
.ant-typography a:active {
  color: #2758cc;
}
.ant-typography a:active,
.ant-typography a:hover {
  text-decoration: none;
}
.ant-typography a[disabled] {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
  pointer-events: none;
}
.ant-typography code {
  margin: 0 0.2em;
  padding: 0.2em 0.4em 0.1em;
  font-size: 85%;
  background: rgba(0, 0, 0, 0.06);
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 3px;
}
.ant-typography mark {
  padding: 0;
  background-color: #ffe58f;
}
.ant-typography u,
.ant-typography ins {
  text-decoration: underline;
  text-decoration-skip-ink: auto;
}
.ant-typography s,
.ant-typography del {
  text-decoration: line-through;
}
.ant-typography strong {
  font-weight: 600;
}
.ant-typography-expand,
.ant-typography-edit,
.ant-typography-copy {
  color: #3A78F2;
  text-decoration: none;
  outline: none;
  cursor: pointer;
  transition: color 0.3s;
  margin-left: 8px;
}
.ant-typography-expand:focus,
.ant-typography-edit:focus,
.ant-typography-copy:focus,
.ant-typography-expand:hover,
.ant-typography-edit:hover,
.ant-typography-copy:hover {
  color: #669eff;
}
.ant-typography-expand:active,
.ant-typography-edit:active,
.ant-typography-copy:active {
  color: #2758cc;
}
.ant-typography-copy-success,
.ant-typography-copy-success:hover,
.ant-typography-copy-success:focus {
  color: #52c41a;
}
.ant-typography-edit-content {
  position: relative;
}
div.ant-typography-edit-content {
  left: -12px;
  margin-top: -5px;
  margin-bottom: calc(1em - 4px - 2px);
}
.ant-typography-edit-content-confirm {
  position: absolute;
  right: 10px;
  bottom: 8px;
  color: rgba(0, 0, 0, 0.45);
  pointer-events: none;
}
.ant-typography-edit-content textarea {
  -moz-transition: none;
}
.ant-typography ul,
.ant-typography ol {
  margin: 0 0 1em 0;
  padding: 0;
}
.ant-typography ul li,
.ant-typography ol li {
  margin: 0 0 0 20px;
  padding: 0 0 0 4px;
}
.ant-typography ul li {
  list-style-type: circle;
}
.ant-typography ul li li {
  list-style-type: disc;
}
.ant-typography ol li {
  list-style-type: decimal;
}
.ant-typography-ellipsis-single-line {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ant-typography-ellipsis-multiple-line {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  /*! autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  overflow: hidden;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
.sqlExecute .ant-tabs-nav .ant-tabs-tab {
  margin-right: 16px;
}
.sqlExecute .sqlExecute-tab {
  display: flex;
  align-items: center;
  column-gap: 6px;
  width: 120px;
  height: 32px;
}
.sqlExecute .sqlExecute-tab-close {
  color: #000000D9;
}
.sqlExecute .sqlExecute-tab-close:hover {
  color: #ff4d4f !important;
}
.sqlExecute .sqlExecute-tab .ant-input {
  display: none;
}
.sqlExecute .sqlExecute-tab .sqlExecute-tab-title {
  width: calc(100% - 20px);
}
.sqlExecute .sqlExecute-input .ant-input {
  display: block;
}
.sqlExecute .sqlExecute-input .sqlExecute-tab-title {
  display: none;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
.ant-modal-header {
  border-bottom: 0;
}
.ant-modal-header .ant-modal-title {
  font-size: 20px;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-slider {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #000000D9;
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  height: 12px;
  margin: 14px 6px 10px;
  padding: 4px 0;
  cursor: pointer;
  touch-action: none;
}
.ant-slider-vertical {
  width: 12px;
  height: 100%;
  margin: 6px 10px;
  padding: 0 4px;
}
.ant-slider-vertical .ant-slider-rail {
  width: 4px;
  height: 100%;
}
.ant-slider-vertical .ant-slider-track {
  width: 4px;
}
.ant-slider-vertical .ant-slider-handle {
  margin-bottom: -7px;
  margin-left: -5px;
}
.ant-slider-vertical .ant-slider-mark {
  top: 0;
  left: 12px;
  width: 18px;
  height: 100%;
}
.ant-slider-vertical .ant-slider-mark-text {
  left: 4px;
  white-space: nowrap;
}
.ant-slider-vertical .ant-slider-step {
  width: 4px;
  height: 100%;
}
.ant-slider-vertical .ant-slider-dot {
  top: auto;
  left: 2px;
  margin-bottom: -4px;
}
.ant-slider-tooltip .ant-tooltip-inner {
  min-width: unset;
}
.ant-slider-with-marks {
  margin-bottom: 28px;
}
.ant-slider-rail {
  position: absolute;
  width: 100%;
  height: 4px;
  background-color: #f5f5f5;
  border-radius: 2px;
  transition: background-color 0.3s;
}
.ant-slider-track {
  position: absolute;
  height: 4px;
  background-color: #b8d7ff;
  border-radius: 4px;
  transition: background-color 0.3s;
}
.ant-slider-handle {
  position: absolute;
  width: 14px;
  height: 14px;
  margin-top: -5px;
  background-color: #fff;
  border: solid 2px #b8d7ff;
  border-radius: 50%;
  box-shadow: 0;
  cursor: pointer;
  transition: border-color 0.3s, box-shadow 0.6s, transform 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);
}
.ant-slider-handle:focus {
  border-color: #6193f5;
  outline: none;
  box-shadow: 0 0 0 5px rgba(58, 120, 242, 0.2);
}
.ant-slider-handle.ant-tooltip-open {
  border-color: #3A78F2;
}
.ant-slider:hover .ant-slider-rail {
  background-color: #e1e1e1;
}
.ant-slider:hover .ant-slider-track {
  background-color: #8fbcff;
}
.ant-slider:hover .ant-slider-handle:not(.ant-tooltip-open) {
  border-color: #8fbcff;
}
.ant-slider-mark {
  position: absolute;
  top: 14px;
  left: 0;
  width: 100%;
  font-size: 12px;
}
.ant-slider-mark-text {
  position: absolute;
  display: inline-block;
  color: rgba(0, 0, 0, 0.45);
  text-align: center;
  word-break: keep-all;
  cursor: pointer;
}
.ant-slider-mark-text-active {
  color: #000000D9;
}
.ant-slider-step {
  position: absolute;
  width: 100%;
  height: 4px;
  background: transparent;
}
.ant-slider-dot {
  position: absolute;
  top: -2px;
  width: 8px;
  height: 8px;
  margin-left: -4px;
  background-color: #fff;
  border: 2px solid #e8e8e8;
  border-radius: 50%;
  cursor: pointer;
}
.ant-slider-dot:first-child {
  margin-left: -4px;
}
.ant-slider-dot:last-child {
  margin-left: -4px;
}
.ant-slider-dot-active {
  border-color: #9dbcf9;
}
.ant-slider-disabled {
  cursor: not-allowed;
}
.ant-slider-disabled .ant-slider-track {
  background-color: rgba(0, 0, 0, 0.25) !important;
}
.ant-slider-disabled .ant-slider-handle,
.ant-slider-disabled .ant-slider-dot {
  background-color: #fff;
  border-color: rgba(0, 0, 0, 0.25) !important;
  box-shadow: none;
  cursor: not-allowed;
}
.ant-slider-disabled .ant-slider-mark-text,
.ant-slider-disabled .ant-slider-dot {
  cursor: not-allowed !important;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
.gateway-statistic {
  display: flex;
  flex-wrap: wrap;
}
.gateway-statistic .gateway-statistic-item {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: calc(100% / 4 - 15px);
  height: 144px;
  padding: 24px 0 29px 26px;
  border: 1px solid #EBEDF0;
  border-radius: 6px;
  box-sizing: border-box;
}
.gateway-statistic .gateway-statistic-item:not(:nth-child(5n - 4)) {
  margin-left: 20px;
}
.gateway-statistic .gateway-statistic-item:nth-child(n + 6) {
  margin-top: 20px;
}
.gateway-statistic .gateway-statistic-item .gateway-statistic-title {
  color: #999;
  font-size: 16px;
  font-weight: 500;
}
.gateway-statistic .gateway-statistic-item .gateway-statistic-value {
  color: #333;
}
.gateway-statistic .gateway-statistic-item .gateway-statistic-value span:first-child {
  font-size: 34px;
  margin-right: 6px;
  font-weight: bold;
}
.gateway-statistic .gateway-statistic-item .gateway-statistic-value span:last-child {
  font-size: 14px;
}
.gateway-statistic .gateway-statistic-item .gateway-statistic-icon {
  position: absolute;
  right: 20px;
  top: 16px;
  color: #fff;
}
.mappingComponent_header {
  display: flex;
  justify-content: flex-end;
}
.mappingComponent_app {
  display: flex;
  margin-top: 10px;
}
.mappingComponent_app .mappingComponent_menu_container {
  width: 20%;
  height: 450px;
  overflow-y: auto;
}
.mappingComponent_app .mappingComponent_table_container {
  width: 80%;
}
.data-monitor-content {
  padding: 10px 20px;
  width: 100%;
  height: 100%;
}
.data-monitor-content .top-time-view {
  padding: 0 10px;
  font-size: 14px;
}
.data-monitor-content .content-top-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
}
.data-monitor-content .content-top-list .top-list-item {
  display: flex;
  justify-content: space-between;
  padding: 10px 20px;
  margin-bottom: 15px;
  width: calc(16.6% - 10px);
  height: 130px;
  border-radius: 6px;
  overflow: hidden;
  color: #fff;
  background-size: auto;
  background-repeat: no-repeat;
}
.data-monitor-content .content-top-list .top-list-item .top-list-info {
  max-width: 180px;
  min-width: 50px;
}
.data-monitor-content .content-top-list .top-list-item .top-list-title {
  font-size: 16px;
  white-space: nowrap;
  overflow: hidden;
}
.data-monitor-content .content-top-list .top-list-item .top-list-value {
  margin-top: 6px;
}
.data-monitor-content .content-top-list .top-list-item .top-list-value span {
  font-size: 28px;
  font-weight: bold;
  color: #fff;
}
.data-monitor-content .content-top-list .top-list-item .top-list-btn {
  margin-top: 10px;
  width: 70px;
  height: 20px;
  color: #fff;
  font-size: 12px;
  cursor: pointer;
}
.data-monitor-content .content-top-list .top-list-item .top-list-img {
  flex: 1;
  position: relative;
  max-width: 27%;
  min-width: 30px;
  top: 5px;
}
.data-monitor-content .content-top-list .top-list-item .top-list-img .ant-image {
  width: 100%;
}
.data-monitor-content .content-top-list .linear-gradient-orange {
  background-image: url(/res/image/8a65eb49f9.png);
}
.data-monitor-content .content-top-list .linear-gradient-blue {
  background-image: url(/res/image/b2692e83e0.png);
}
.data-monitor-content .chart-content-list {
  display: grid;
  width: 100%;
  min-height: calc(100% - 190px);
  grid-template-rows: 280px calc(100% -280px);
  grid-auto-flow: row;
  grid-row-gap: 15px;
  grid-column-gap: 15px;
  margin-bottom: 10px;
}
.data-monitor-content .chart-content-list .chart-content-item {
  border: 1px solid #f0f0f0;
  border-radius: 10px;
  margin-top: 15px;
  padding: 15px 15px;
}
.data-monitor-content .chart-content-list .chart-content-item:nth-child(3) {
  grid-column-start: 3;
  grid-column-end: 4;
  grid-row-start: 1;
  grid-row-end: 3;
}
.data-monitor-content .chart-content-list .chart-content-item:nth-child(4) {
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 2;
  grid-row-end: 3;
}
.data-monitor-content .chart-content-list .chart-content-item .item-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 50px;
  width: 100%;
  padding: 0 20px;
  border-bottom: 1px solid #f0f0f0;
}
.data-monitor-content .chart-content-list .chart-content-item .item-title > span {
  padding-left: 5px;
  height: 20px;
  line-height: 20px;
  font-size: 16px;
  font-weight: 500;
  border-left: 3px solid #3a78f2;
}
.data-monitor-content .chart-content-list .chart-content-item .item-title .item-title-chart {
  display: flex;
  align-items: center;
}
.data-monitor-content .chart-content-list .chart-content-item .chart-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  height: calc(100% - 50px);
  width: 100%;
}
.data-monitor-content .improve-info-content {
  height: calc(100% - 50px);
  width: 100%;
  overflow-y: auto;
  /*滚动条样式*/
}
.data-monitor-content .improve-info-content .improve-info-item {
  display: flex;
  justify-content: start;
  align-items: center;
  width: 100%;
  font-size: 14px;
  white-space: nowrap;
}
.data-monitor-content .improve-info-content .improve-info-item::before {
  display: inline-block;
  content: '';
  width: 15px;
  height: 15px;
  margin: 0 10px 0 20px;
  border-radius: 50%;
  background-color: #3A78F2;
}
.data-monitor-content .improve-info-content::-webkit-scrollbar {
  width: 10px;
  user-select: none;
}
.data-monitor-content .improve-info-content::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: rgba(0, 0, 0, 0.5);
}
.data-monitor-content .improve-info-content::-webkit-scrollbar-track {
  background: #fff;
}
.data-monitor-content .verify-analysis-wrapper {
  padding: 10px 20px;
  background-color: #fff;
}
.data-monitor-content .verify-analysis-wrapper .verify-analysis-sider .classify-select {
  width: 180px;
}
.data-monitor-content .verify-analysis-wrapper .verify-analysis-content {
  padding-left: 10px;
  width: calc(100% - 190px);
}
.custom-dropdown {
  width: 200px !important;
}
.fileExeRecordContent {
  width: 100%;
  /*   height: 600px;
  overflow: hidden; */
}
.fileExeRecordContent-left {
  height: 600px;
  border: 1px solid #000;
  width: 100%;
  padding: 12px 16px;
}
.fileExeRecordContent-left .left-content-item {
  margin-bottom: 30px;
}
.fileExeRecordContent-left .left-content-item .item-title {
  font-size: 15px;
  font-weight: 600;
}
.fileExeRecordContent-left .left-content-item .item-dec {
  font-size: 13px;
  margin-top: 10px;
}
.fileExeRecordContent-right {
  padding-left: 20px;
  width: 100%;
}
.space-content {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  row-gap: 8px;
  column-gap: 8px;
}
.required-border {
  border: 1px solid red;
  border-radius: 4px;
}
.required-border .ant-select:hover .ant-select-selector {
  border-color: red;
}
.required-border .ant-select-selection .ant-select-arrow {
  color: red;
}
.required-border .ant-select-selection:hover {
  border-color: red;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
.process_flow_content_main_top {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.process_flow_content_main_footer {
  position: absolute;
  bottom: 0;
  border-top: 1px solid #e5e5e5;
  z-index: 3;
}
.process_flow_content_main_footer__line {
  position: absolute;
  top: -3px;
  left: 0;
  height: 6px;
  width: 100%;
  cursor: row-resize;
  z-index: 1;
}
.process_flow_content_main_footer__content {
  height: 400px;
  padding: 0 11px;
  background-color: #fff;
}
.process_flow_content_main_footer__content .ant-spin-nested-loading,
.process_flow_content_main_footer__content .ant-spin-container {
  height: 100%;
}
.process_flow_content_main_footer__content__search {
  display: flex;
  align-items: center;
}
.process_flow_content_main_footer__content__search__msg {
  min-width: 120px;
  max-width: 120px;
  margin: 0 7px;
  user-select: none;
}
.process_flow_content_main_footer__content__search__input {
  margin-right: 4px;
}
.process_flow_content_main_footer__content__search__input .ant-input {
  height: 28px;
  border-radius: 14px;
}
.process_flow_content_main_footer__content__search__input .ant-btn {
  border: none;
}
.process_flow_content_main_footer__content__search__input .ant-input-prefix {
  left: 2px;
}
.process_flow_content_main_footer__content__search__input .ant-input-suffix {
  right: 6px;
}
.process_flow_content_main_footer__content__search__input .ant-input-suffix .ant-btn {
  height: 14px;
}
.process_flow_content_main_footer__content__logTitle {
  box-sizing: border-box;
  padding-top: 10px;
  padding-bottom: 10px;
}
.process_flow_content_main_footer__content__logContent {
  height: 100%;
}
.process_flow_content_main_footer__content__logContent .ant-spin-nested-loading {
  height: calc(100% - 40px);
}
.process_flow_content_main_footer__content__logContent .ant-spin-container {
  display: flex;
  flex-direction: column;
  height: 100% !important;
}
.process_flow_content_main_footer__content .icon-close1,
.process_flow_content_main_footer__content .anticon {
  color: #818aa1;
  cursor: pointer;
  margin-left: 10px;
  font-size: 16px;
}
.process_flow_content_main_footer__content__icon {
  position: absolute;
  right: 11px;
  top: 0;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.process_flow_content_main_footer__content__icon .ant-btn {
  padding: 0;
  margin: 0;
  height: 26px;
}
.process_flow_content_main_footer__content__icon .log-icon-btn {
  margin-left: 10px;
}
.process_flow_content_main_footer__content__icon .log-icon-height {
  margin-top: 3px;
}
.process_flow_content_main_footer__content__log {
  overflow: auto;
  flex: 1;
  border: 1px solid #e5e5e5;
  padding: 5px 10px;
  border-radius: 6px;
}
.process_flow_content_main_footer__content__log .log-mark {
  background: #f0e900;
}
.process_flow_content_main_footer__content__log .log-mark-active {
  background: #ffc408;
}
.process_flow_content_main_footer__content__log__black {
  background-color: #181818 !important;
  color: #ccc !important;
}
.process_flow_content_main_footer__content__log__black .log-mark {
  background: #ae4800;
}
.process_flow_content_main_footer__content__log__black .log-mark-active {
  background: #950000;
}
.process_flow_content_main_footer__content__stats {
  display: flex;
}
.process_flow_content_main_footer__content__stats .monitor-span {
  display: flex;
  align-items: center;
  margin-right: 28px;
}
.process_flow_content_main_footer__content__stats .monitor-span > span {
  margin-left: 7px;
}
.process_flow_content_main_footer__action {
  position: relative;
  z-index: 2;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 16px;
  background-color: #fff;
}
.process_flow_content_main_footer__action .ant-btn {
  padding: 0;
  margin: 0;
  color: #818aa1;
}
.process_flow_content_main_footer__action__active {
  color: #3a78f2 !important;
}
.process_flow_content_main_footer__action__left .ant-btn {
  margin-right: 24px;
}
.process_flow_content_main_footer__action__right .ant-btn {
  margin-right: 16px;
  border-radius: 3px;
  height: 20px;
  line-height: 18px;
}
.process_flow_content_main_right {
  height: 100%;
  padding: 0 24px;
  z-index: 2;
}
.process_flow_content_main_right::-webkit-scrollbar {
  width: 0;
}
.process_flow_content_main_right .ant-spin-nested-loading,
.process_flow_content_main_right .ant-spin-container {
  height: 100%;
}
.process_flow_content_main_right__title {
  line-height: 46px;
  box-shadow: 0px 1px 0px 0px #e5e5e5;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 16px;
}
.process_flow_content_main_right .ant-form {
  height: calc(100% - 120px);
  overflow-y: auto;
}
.process_flow_content_main_right .ant-form .ant-form-item-label {
  font-size: 14px;
  font-weight: 400;
  color: rgba(20, 20, 20, 0.9);
  line-height: 20px;
}
.process_flow_content_main_right .ant-form .ant-form-item-label::before {
  display: inline-block;
  content: "";
  width: 3px;
  height: 14px;
  background: #3a78f2;
  border-radius: 2px;
  margin-right: 10px;
  vertical-align: middle;
}
.process_flow_content_main_right .ant-form .ant-form-item-children #editor {
  border-color: #e5e5e5;
}
.process_flow_content_main_right .ant-form .ant-form-explain {
  color: #bfbfbf;
}
.process_flow_content_main_right__footer {
  line-height: 56px;
  display: flex;
  justify-content: flex-end;
}
.process_flow_content_main_right__footer .ant-btn {
  margin-right: 8px;
}
.process_flow_content_main_right__footer .ant-btn-danger {
  background-color: #FF9F02;
  border-color: #FF9F02;
}
.process_flow_content_main_right__footer .ant-btn-danger:hover {
  background-color: rgba(255, 159, 2, 0.7);
  border-color: rgba(255, 159, 2, 0.7);
}
.process_flow_foolter_tabpane {
  height: 100%;
}
.process_flow_foolter_tabpane .ant-tabs-nav {
  margin-left: 25px !important;
}
.process_flow_foolter_btn {
  position: absolute;
  left: -5px;
  top: 10px;
  z-index: 100;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
.ant-table-body {
  margin: 0 !important;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-collapse {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #000000D9;
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  background-color: #fafafa;
  border: 1px solid #d9d9d9;
  border-bottom: 0;
  border-radius: 4px;
}
.ant-collapse > .ant-collapse-item {
  border-bottom: 1px solid #d9d9d9;
}
.ant-collapse > .ant-collapse-item:last-child,
.ant-collapse > .ant-collapse-item:last-child > .ant-collapse-header {
  border-radius: 0 0 4px 4px;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header {
  position: relative;
  padding: 12px 16px;
  padding-left: 40px;
  color: rgba(0, 0, 0, 0.85);
  line-height: 22px;
  cursor: pointer;
  transition: all 0.3s;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
  color: inherit;
  font-style: normal;
  line-height: 0;
  text-align: center;
  text-transform: none;
  vertical-align: -0.125em;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  left: 16px;
  display: inline-block;
  font-size: 12px;
  transform: translateY(-50%);
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow > * {
  line-height: 1;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow svg {
  display: inline-block;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow::before {
  display: none;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow .ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow-icon {
  display: block;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow svg {
  transition: transform 0.24s;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header .ant-collapse-extra {
  float: right;
}
.ant-collapse > .ant-collapse-item > .ant-collapse-header:focus {
  outline: none;
}
.ant-collapse > .ant-collapse-item.ant-collapse-no-arrow > .ant-collapse-header {
  padding-left: 12px;
}
.ant-collapse-icon-position-right > .ant-collapse-item > .ant-collapse-header {
  padding: 12px 16px;
  padding-right: 40px;
}
.ant-collapse-icon-position-right > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
  right: 16px;
  left: auto;
}
.ant-collapse-anim-active {
  transition: height 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.ant-collapse-content {
  overflow: hidden;
  color: #000000D9;
  background-color: #fff;
  border-top: 1px solid #d9d9d9;
}
.ant-collapse-content > .ant-collapse-content-box {
  padding: 16px;
}
.ant-collapse-content-inactive {
  display: none;
}
.ant-collapse-item:last-child > .ant-collapse-content {
  border-radius: 0 0 4px 4px;
}
.ant-collapse-borderless {
  background-color: #fafafa;
  border: 0;
}
.ant-collapse-borderless > .ant-collapse-item {
  border-bottom: 1px solid #d9d9d9;
}
.ant-collapse-borderless > .ant-collapse-item:last-child,
.ant-collapse-borderless > .ant-collapse-item:last-child .ant-collapse-header {
  border-radius: 0;
}
.ant-collapse-borderless > .ant-collapse-item > .ant-collapse-content {
  background-color: transparent;
  border-top: 0;
}
.ant-collapse-borderless > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {
  padding-top: 4px;
}
.ant-collapse .ant-collapse-item-disabled > .ant-collapse-header,
.ant-collapse .ant-collapse-item-disabled > .ant-collapse-header > .arrow {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
.draggable-modal-wrap {
  width: 0;
  z-index: 999999 !important;
}
.draggable-modal-wrap .ant-modal-body {
  height: calc(100% - 50px);
  padding: 0;
}
.draggable-modal-wrap .ant-modal-header {
  margin-bottom: 0;
  padding: 0;
}
.draggable-modal-wrap .ant-modal-content {
  position: relative;
  padding: 0;
  height: 100%;
  min-height: 300px;
}
.draggable-modal-fixed {
  height: 100vh !important;
  overflow: hidden !important;
}
.draggable-modal-fixed .draggable-modal-content {
  height: 100% !important;
  min-width: 200px;
}
.draggable-modal-fixed .draggable-modal-content .icon-fixed_position {
  display: inline-block;
  transform: rotate(-45deg);
}
.draggable-modal-content {
  position: fixed;
  z-index: 99999;
  padding: 0;
  height: 640px;
  top: 0;
}
.draggable-modal-content-box {
  position: relative;
  height: 100%;
}
.draggable-modal-content-box img {
  max-width: 100%;
}
.draggable-modal-content-box__move {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
}
.draggable-modal-content-box__title {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 50px;
  color: #fff;
  padding: 0 14px;
  font-size: 14px;
  font-weight: 400;
}
.draggable-modal-content-box__title::after {
  content: "";
  background: #5e91f4;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  z-index: 1;
}
.draggable-modal-content-box__title__text {
  z-index: 2;
  font-weight: 500;
  display: flex;
  align-items: center;
}
.draggable-modal-content-box__title__text > i {
  padding-top: 2px;
  line-height: 1;
  margin-left: 5px;
}
.draggable-modal-content-box__title img {
  position: absolute;
  max-width: 100%;
  height: 50px;
  right: 0;
  z-index: 2;
  -webkit-user-drag: none;
}
.draggable-modal-content-box__btn {
  position: absolute;
  top: -36px;
  right: 0;
  height: 16px;
  z-index: 2;
}
.draggable-modal-content-box__btn .anticon,
.draggable-modal-content-box__btn .iconfont {
  margin-right: 14px;
  cursor: pointer;
  font-size: 16px;
  color: #fff;
}
.draggable-modal-content-box__content {
  padding: 0 14px;
  height: 100%;
  overflow-y: auto;
}
.draggable-modal-content-box__content__btn {
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.draggable-modal-content-box__content__btn .ant-btn-link {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
}
.draggable-modal-content-box__content__btn .ant-btn-link > span {
  margin-left: 4px;
}
.draggable-modal-content-box__content::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.draggable-modal-content-box .no-padding {
  padding: 0;
  height: 100%;
}
.draggable-modal-content-box .no-padding iframe {
  width: 100%;
  height: 100%;
  border: none;
}
.draggable-modal-resize > div {
  position: absolute;
  user-select: none;
  color: #000;
}
.draggable-modal-resize-top {
  top: -55px;
  left: 0;
  width: 100%;
  height: 10px;
  cursor: n-resize;
}
.draggable-modal-resize-right {
  top: 0;
  right: -5px;
  height: 100%;
  width: 10px;
  cursor: e-resize;
}
.draggable-modal-resize-bottom {
  bottom: -5px;
  left: 0;
  width: 100%;
  height: 10px;
  cursor: n-resize;
}
.draggable-modal-resize-left {
  top: 0;
  left: -5px;
  height: 100%;
  width: 10px;
  cursor: e-resize;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
.process-top {
  height: 70px;
  width: 100vw;
  position: fixed;
  background: #ffffff;
  box-sizing: border-box;
  display: flex;
  top: 0;
  left: 0;
  align-items: center;
  box-shadow: 2px 0px 8px 3px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  z-index: 9;
}
.process-top .top-name {
  font-size: 20px;
  color: #333333;
  letter-spacing: 0;
  font-weight: 600;
  width: 220px;
  height: 100%;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 12px;
  margin-right: 15px;
}
.process-top .top-btn {
  height: 100%;
  width: calc(100vw - 220px);
  display: flex;
  align-items: center;
  justify-content: start;
  min-width: 1100px;
}
.process-top .top-btn .btn-item {
  height: 55px;
  width: 100px;
  background: rgba(79, 143, 255, 0);
  border: 1px solid #e2eaf6;
  color: #333;
  border-radius: 4px;
  margin-right: 16px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.process-top .top-btn .btn-item .btn-dec {
  opacity: 0.6;
  font-size: 12px;
  letter-spacing: 0;
  font-weight: 400;
  margin-top: 5px;
}
.process-top .top-btn .btn-item .btn-icon {
  opacity: 0.6;
  height: 24px;
}
.process-top .top-btn .btn-item:hover {
  background: rgba(79, 143, 255, 0.04);
  border: 1px solid #4f8fff;
  color: #4f8fff;
}
.process-top .top-btn .btn-item:hover .btn-dec {
  opacity: 0.9;
}
.process-top .top-btn .btn-item:hover .btn-icon {
  opacity: 1;
  color: #4f8fff;
}
.process-top .top-btn .selected {
  background: rgba(79, 143, 255, 0.04);
  border: 1px solid #4f8fff;
  color: #4f8fff;
}
.process-top .top-btn .selected .btn-dec {
  opacity: 0.9;
}
.process-top .top-btn .selected .btn-icon {
  opacity: 1;
  color: #4f8fff;
}
.ModalShow_process-top {
  position: absolute;
  width: 100%;
}
.ModalShow_process-top .top-btn {
  gap: 8px;
}
.ModalShow_process-top .top-btn .btn-item {
  margin-right: 0;
  width: 85px;
}
.ModalShow_process_flow_content {
  height: calc(100vh - 130px) !important;
}
.process-layout {
  margin-top: 70px;
}
.process_flow_content {
  height: calc(100vh - 70px);
  width: 100%;
  overflow: hidden;
  position: relative;
}
.process_flow_content .flow_menu {
  overflow: hidden;
  position: fixed;
  left: 0;
  top: 70px;
  z-index: 8;
  height: 100%;
  width: 220px;
  background: #ffffff;
  border-right: 1px solid #d4d4d4;
  padding: 15px 12px 12px 11px;
}
.process_flow_content .flow_menu .ant-menu-inline,
.process_flow_content .flow_menu .ant-menu-vertical,
.process_flow_content .flow_menu .ant-menu-vertical-left {
  border-style: none;
}
.process_flow_content .flow_menu .flow_search {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 36px;
}
.process_flow_content .flow_menu .flow_search .search-change {
  cursor: pointer;
}
.process_flow_content .flow_menu .flow_search .search-change :hover {
  color: #3a78f2;
}
.process_flow_content .flow_menu-content {
  height: calc(100% - 90px);
  overflow: auto;
  margin-top: 2px;
  box-sizing: border-box;
}
.process_flow_content .flow_menu-content::-webkit-scrollbar {
  width: 0px;
  height: 5px;
  background-color: #fff;
}
.process_flow_content .flow_menu-content::-webkit-scrollbar-track {
  border-radius: 10px;
  background: #fff;
}
.process_flow_content .flow_menu-content::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #fff;
}
.process_flow_content .flow_menu-content::-webkit-scrollbar-button {
  height: 0;
  background-color: #fff;
}
.process_flow_content .flow_menu-content .lf-dnd-text {
  text-align: left;
}
.process_flow_content .flow_menu-content .ant-menu-item:hover {
  cursor: move;
}
.process_flow_content .flow_menu-content .ant-menu-item::after {
  border-style: none;
}
.process_flow_content .flow_menu-content .ant-menu-submenu {
  padding-bottom: 0px;
}
.process_flow_content .flow_menu-content .ant-menu-submenu .ant-menu-sub.ant-menu-inline {
  padding-right: 5px;
}
.process_flow_content .flow_menu-content .ant-menu-submenu .ant-menu-submenu-title {
  position: relative;
  height: 30px;
  font-size: 14px;
  color: #333333;
  letter-spacing: 0;
  font-weight: 500;
}
.process_flow_content .flow_menu-content .ant-menu-submenu .ant-menu-submenu-title .ant-menu-submenu-arrow {
  right: 8px;
  width: 12px;
}
.process_flow_content .flow_menu-content .ant-menu-submenu .ant-menu-submenu-title .subMenu-content {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.process_flow_content .flow_menu-content .ant-menu-submenu .ant-menu-submenu-title .subMenu-content .subMenu-icon {
  width: 2px;
  height: 12px;
}
.process_flow_content .flow_menu-content .ant-menu-submenu .ant-menu-submenu-title .subMenu-content .subMenu-text {
  margin-left: 8px;
  width: calc(100% - 8px);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.process_flow_content .flow_menu-content .ant-menu-submenu .ant-menu-submenu-title .subMenu-content .subMenu-text .text-content {
  width: calc(100% - 22px);
}
.process_flow_content .flow_menu-content .ant-menu-submenu .ant-menu-submenu-title .subMenu-content .subMenu-text .text-length {
  background-color: #f3f3f3;
  display: inline-block;
  height: 20px;
  line-height: 20px;
  width: 22px;
  text-align: center;
  font-size: 12px;
  font-weight: 300;
}
.process_flow_content .flow_menu-content .ant-menu-submenu .menu-list {
  width: calc(100% - 6px);
  padding-left: 6px !important;
  padding-right: 10px !important;
  height: 26px;
  border: 1px solid #fff;
  border-radius: 4px;
  line-height: 26px;
}
.process_flow_content .flow_menu-content .ant-menu-submenu .menu-list:hover {
  background: rgba(79, 143, 255, 0.04);
  border: 1px solid #d4e5f9;
  border-radius: 4px;
}
.process_flow_content .flow_menu-content .ant-menu-submenu .menu-list .lf-dnd-item {
  display: flex;
  align-items: center;
  height: 100%;
  cursor: move;
  margin-top: 0;
}
.process_flow_content .flow_menu-content .ant-menu-submenu .menu-list .lf-dnd-item:hover i,
.process_flow_content .flow_menu-content .ant-menu-submenu .menu-list .lf-dnd-item:hover .lf-dnd-text {
  color: #4f8fff !important;
}
.process_flow_content .flow_menu-content .ant-menu-submenu .menu-list .lf-dnd-item .menu-item-icon {
  display: flex;
  align-items: center;
}
.process_flow_content .flow_menu-content .ant-menu-submenu .menu-list .lf-dnd-item .lf-dnd-text {
  width: calc(100% - 24px);
  margin-left: 7px;
  opacity: 0.9;
  font-size: 12px;
  color: #333333;
  letter-spacing: 0;
  font-weight: 400;
}
.process_flow_content .flow_menu-content .ant-menu-submenu .menu-card > .ant-menu-item-group-list {
  width: calc(100% - 3px);
  padding-left: 6px !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.process_flow_content .flow_menu-content .ant-menu-submenu .menu-card > .ant-menu-item-group-list .ant-menu-item,
.process_flow_content .flow_menu-content .ant-menu-submenu .menu-card > .ant-menu-item-group-list .ant-menu-submenu-title {
  padding: 0;
}
.process_flow_content .flow_menu-content .ant-menu-submenu .menu-card > .ant-menu-item-group-list .ant-menu-item-selected {
  background: rgba(79, 143, 255, 0.04) !important;
  border: 1px solid #d4e5f9;
  border-radius: 4px;
}
.process_flow_content .flow_menu-content .ant-menu-submenu .menu-card > .ant-menu-item-group-list .ant-menu-item-selected .text-tooltip-box {
  color: #4f8fff !important;
}
.process_flow_content .flow_menu-content .ant-menu-submenu .menu-card > .ant-menu-item-group-list .lf-card-item {
  width: 50%;
  height: 65px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  flex-direction: column;
  box-sizing: border-box;
  background: rgba(79, 143, 255, 0);
  border: 1px solid #fff;
  border-radius: 8px;
}
.process_flow_content .flow_menu-content .ant-menu-submenu .menu-card > .ant-menu-item-group-list .lf-card-item:hover i,
.process_flow_content .flow_menu-content .ant-menu-submenu .menu-card > .ant-menu-item-group-list .lf-card-item:hover .item-text {
  color: #3a78f2 !important;
}
.process_flow_content .flow_menu-content .ant-menu-submenu .menu-card > .ant-menu-item-group-list .lf-card-item .item-icon {
  height: calc(100% - 23px);
  display: flex;
  align-items: center;
}
.process_flow_content .flow_menu-content .ant-menu-submenu .menu-card > .ant-menu-item-group-list .lf-card-item .item-text {
  height: 23px;
  opacity: 0.9;
  width: 100%;
  font-size: 12px;
  color: #333333;
  font-weight: 400;
  padding: 0 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 23px;
  text-align: center;
}
.process_flow_content .flow_menu-content .ant-menu-submenu .ant-menu-item-group-title {
  padding: 0;
}
.process_flow_content .flow_menu-content .ant-menu-submenu .test {
  background: rgba(79, 143, 255, 0.04);
  border: 1px solid #d4e5f9;
  border-radius: 4px;
}
.process_flow_content .flow_menu-content .ant-menu-submenu .test .icon-ic_mxgc_mchb_ss_sjyszzw {
  opacity: 1;
  color: #4f8fff !important;
}
.process_flow_content .flow_menu-content .ant-menu-submenu .ant-menu-item-selected {
  background: rgba(79, 143, 255, 0.04);
  border: 1px solid #d4e5f9;
  border-radius: 4px;
}
.process_flow_content .flow_menu-content .ant-menu-submenu .ant-menu-item-selected i {
  opacity: 1;
  color: #4f8fff !important;
}
.process_flow_content .flow_menu-content .ant-menu-submenu .ant-menu-item-selected .text-tooltip-box {
  color: #4f8fff !important;
}
.process_flow_content .ModalShow_flow_menu {
  position: absolute;
  top: 0;
  width: 200px;
}
.process_flow_content .ModalShow_flow_menu .flow_menu-content {
  height: calc(100% - 10px);
}
.process_flow_content .flow-control-navigator {
  position: fixed;
  left: 238px;
  bottom: 94px;
}
.process_flow_content .flow-control-git {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: fixed;
  z-index: 10;
  right: 20px;
  top: 90px;
}
.process_flow_content .flow-control-git-span {
  height: 24px;
  font-size: 12px;
  line-height: 24px;
  background-color: #3A78F2;
  color: #fff;
  border-radius: 4px;
  padding: 0 7px;
}
.process_flow_content .mr5 {
  margin-right: 5px;
}
.process_flow_content .flow-control-panel {
  width: 35px;
  height: 245px;
  display: flex;
  flex-direction: column;
  position: fixed;
  z-index: 10;
  left: 238px;
  top: 94px;
  background-color: #fff;
}
.process_flow_content .flow-control-panel .btn-item {
  display: flex;
  align-items: center;
  height: 35px;
  width: 35px;
  justify-content: center;
  cursor: pointer;
}
.process_flow_content .flow-control-panel .btn-item:hover {
  background: #dfe9ff;
}
.process_flow_content .flow-control-panel .btn-item:hover .action-span {
  transform: scale(0.8);
}
.process_flow_content .flow-control-panel .btn-item:hover .action-icon {
  color: #4f8fff;
}
.process_flow_content .ModalShow_flow-control-panel {
  position: absolute;
  left: 218px;
}
.process_flow_content #process_flow,
.process_flow_content #process_flow_false,
.process_flow_content #process_flow_true {
  height: calc(100vh - 70px);
}
.process_flow_content #process_flow .lf-mini-map,
.process_flow_content #process_flow_false .lf-mini-map,
.process_flow_content #process_flow_true .lf-mini-map {
  background: #ffffff;
  border: 1px solid #ececec;
  box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.09);
  border-radius: 4px;
}
.process_flow_content #process_flow .lf-mini-map .lf-mini-map-header,
.process_flow_content #process_flow_false .lf-mini-map .lf-mini-map-header,
.process_flow_content #process_flow_true .lf-mini-map .lf-mini-map-header {
  border-style: none;
  background-color: #fff !important;
  font-size: 14px;
  color: #333333;
  text-align: center;
  font-weight: 500;
  border-bottom: 2px solid #f0f7ff;
  background-image: none;
}
.process_flow_content .process_flow_content_main_top {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.process_flow_content .process_flow_content_main_top > .ant-spin-nested-loading {
  height: 100vh;
}
.process_flow_content .process_flow_content_main_top > .ant-spin-nested-loading > .ant-spin-container {
  height: 100vh;
}
.process_flow_content_change {
  height: 100vh;
}
.process_flow_default_change {
  height: 890px;
}
.cdc_process-top {
  height: 70px;
  padding: 12px 0 12px 11px;
  background: #ffffff;
  box-sizing: border-box;
  display: flex;
  top: 0;
  left: 0;
  align-items: center;
  box-shadow: 2px 0px 8px 3px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  z-index: 9;
}
.cdc_process-top .top-name {
  font-size: 20px;
  color: #333333;
  letter-spacing: 0;
  font-weight: 600;
  width: 220px;
  height: 100%;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: 56px;
}
.cdc_process-top .top-btn {
  height: 100%;
  width: calc(100vw - 220px);
  display: flex;
  align-items: center;
  justify-content: start;
  min-width: 1100px;
}
.cdc_process-top .top-btn .btn-item {
  height: 55px;
  width: 100px;
  background: rgba(79, 143, 255, 0);
  border: 1px solid #e2eaf6;
  color: #333;
  border-radius: 4px;
  margin-right: 16px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.cdc_process-top .top-btn .btn-item .btn-dec {
  opacity: 0.6;
  font-size: 12px;
  letter-spacing: 0;
  font-weight: 400;
  margin-top: 5px;
}
.cdc_process-top .top-btn .btn-item .btn-icon {
  opacity: 0.6;
  height: 24px;
}
.cdc_process-top .top-btn .btn-item:hover {
  background: rgba(79, 143, 255, 0.04);
  border: 1px solid #4f8fff;
  color: #4f8fff;
}
.cdc_process-top .top-btn .btn-item:hover .btn-dec {
  opacity: 0.9;
}
.cdc_process-top .top-btn .btn-item:hover .btn-icon {
  opacity: 1;
  color: #4f8fff;
}
.cdc_process-top .top-btn .selected {
  background: rgba(79, 143, 255, 0.04);
  border: 1px solid #4f8fff;
  color: #4f8fff;
}
.cdc_process-top .top-btn .selected .btn-dec {
  opacity: 0.9;
}
.cdc_process-top .top-btn .selected .btn-icon {
  opacity: 1;
  color: #4f8fff;
}
.cdc_process_flow_content {
  height: calc(100vh - 310px);
  width: 100%;
  overflow: hidden;
}
.cdc_process_flow_content .cdc_flow_menu {
  overflow: hidden;
  position: absolute;
  z-index: 8;
  height: 100%;
  width: 220px;
  background: #ffffff;
  border-right: 1px solid #d4d4d4;
  padding-top: 15px;
  padding-right: 12px;
  padding-left: 11px;
}
.cdc_process_flow_content .cdc_flow_menu .ant-menu-inline,
.cdc_process_flow_content .cdc_flow_menu .ant-menu-vertical,
.cdc_process_flow_content .cdc_flow_menu .ant-menu-vertical-left {
  border-style: none;
}
.cdc_process_flow_content .cdc_flow_menu .cdc_flow_search {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 36px;
}
.cdc_process_flow_content .cdc_flow_menu .cdc_flow_search .cdc_search-change {
  cursor: pointer;
}
.cdc_process_flow_content .cdc_flow_menu .cdc_flow_search .cdc_search-change :hover {
  color: #3a78f2;
}
.cdc_process_flow_content .cdc_flow_menu .cdc_flow_menu-content {
  height: 100%;
  overflow: auto;
  margin-top: 2px;
  box-sizing: border-box;
  padding-bottom: 30px;
}
.cdc_process_flow_content .cdc_flow_menu .cdc_flow_menu-content::-webkit-scrollbar {
  width: 0px;
  height: 5px;
  background-color: #fff;
}
.cdc_process_flow_content .cdc_flow_menu .cdc_flow_menu-content::-webkit-scrollbar-track {
  border-radius: 10px;
  background: #fff;
}
.cdc_process_flow_content .cdc_flow_menu .cdc_flow_menu-content::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #fff;
}
.cdc_process_flow_content .cdc_flow_menu .cdc_flow_menu-content::-webkit-scrollbar-button {
  height: 0;
  background-color: #fff;
}
.cdc_process_flow_content .cdc_flow_menu .cdc_flow_menu-content .lf-dnd-text {
  text-align: left;
}
.cdc_process_flow_content .cdc_flow_menu .cdc_flow_menu-content .ant-menu-item:hover {
  cursor: move;
}
.cdc_process_flow_content .cdc_flow_menu .cdc_flow_menu-content .ant-menu-item::after {
  border-style: none;
}
.cdc_process_flow_content .cdc_flow_menu .cdc_flow_menu-content .ant-menu-submenu {
  padding-bottom: 0px;
}
.cdc_process_flow_content .cdc_flow_menu .cdc_flow_menu-content .ant-menu-submenu .ant-menu-sub.ant-menu-inline {
  padding-right: 5px;
}
.cdc_process_flow_content .cdc_flow_menu .cdc_flow_menu-content .ant-menu-submenu .ant-menu-submenu-title {
  position: relative;
  height: 30px;
  font-size: 14px;
  color: #333333;
  letter-spacing: 0;
  font-weight: 500;
}
.cdc_process_flow_content .cdc_flow_menu .cdc_flow_menu-content .ant-menu-submenu .ant-menu-submenu-title .ant-menu-submenu-arrow {
  right: 8px;
  width: 12px;
}
.cdc_process_flow_content .cdc_flow_menu .cdc_flow_menu-content .ant-menu-submenu .ant-menu-submenu-title .subMenu-content {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cdc_process_flow_content .cdc_flow_menu .cdc_flow_menu-content .ant-menu-submenu .ant-menu-submenu-title .subMenu-content .subMenu-icon {
  width: 2px;
  height: 12px;
}
.cdc_process_flow_content .cdc_flow_menu .cdc_flow_menu-content .ant-menu-submenu .ant-menu-submenu-title .subMenu-content .subMenu-text {
  margin-left: 8px;
  width: calc(100% - 8px);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.cdc_process_flow_content .cdc_flow_menu .cdc_flow_menu-content .ant-menu-submenu .ant-menu-submenu-title .subMenu-content .subMenu-text .text-content {
  width: calc(100% - 22px);
}
.cdc_process_flow_content .cdc_flow_menu .cdc_flow_menu-content .ant-menu-submenu .ant-menu-submenu-title .subMenu-content .subMenu-text .text-length {
  background-color: #f3f3f3;
  display: inline-block;
  height: 20px;
  line-height: 20px;
  width: 22px;
  text-align: center;
  font-size: 12px;
  font-weight: 300;
}
.cdc_process_flow_content .cdc_flow_menu .cdc_flow_menu-content .ant-menu-submenu .menu-list {
  width: calc(100% - 6px);
  padding-left: 6px !important;
  padding-right: 10px !important;
  height: 26px;
  border: 1px solid #fff;
  border-radius: 4px;
  line-height: 26px;
}
.cdc_process_flow_content .cdc_flow_menu .cdc_flow_menu-content .ant-menu-submenu .menu-list:hover {
  background: rgba(79, 143, 255, 0.04);
  border: 1px solid #d4e5f9;
  border-radius: 4px;
}
.cdc_process_flow_content .cdc_flow_menu .cdc_flow_menu-content .ant-menu-submenu .menu-list .lf-dnd-item {
  display: flex;
  align-items: center;
  height: 100%;
  cursor: move;
  margin-top: 0;
}
.cdc_process_flow_content .cdc_flow_menu .cdc_flow_menu-content .ant-menu-submenu .menu-list .lf-dnd-item:hover i,
.cdc_process_flow_content .cdc_flow_menu .cdc_flow_menu-content .ant-menu-submenu .menu-list .lf-dnd-item:hover .lf-dnd-text {
  color: #4f8fff !important;
}
.cdc_process_flow_content .cdc_flow_menu .cdc_flow_menu-content .ant-menu-submenu .menu-list .lf-dnd-item .menu-item-icon {
  display: flex;
  align-items: center;
}
.cdc_process_flow_content .cdc_flow_menu .cdc_flow_menu-content .ant-menu-submenu .menu-list .lf-dnd-item .lf-dnd-text {
  width: calc(100% - 24px);
  margin-left: 7px;
  opacity: 0.9;
  font-size: 12px;
  color: #333333;
  letter-spacing: 0;
  font-weight: 400;
}
.cdc_process_flow_content .cdc_flow_menu .cdc_flow_menu-content .ant-menu-submenu .menu-card > .ant-menu-item-group-list {
  width: calc(100% - 3px);
  padding-left: 6px !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.cdc_process_flow_content .cdc_flow_menu .cdc_flow_menu-content .ant-menu-submenu .menu-card > .ant-menu-item-group-list .ant-menu-item,
.cdc_process_flow_content .cdc_flow_menu .cdc_flow_menu-content .ant-menu-submenu .menu-card > .ant-menu-item-group-list .ant-menu-submenu-title {
  padding: 0;
}
.cdc_process_flow_content .cdc_flow_menu .cdc_flow_menu-content .ant-menu-submenu .menu-card > .ant-menu-item-group-list .ant-menu-item-selected {
  background: rgba(79, 143, 255, 0.04) !important;
  border: 1px solid #d4e5f9;
  border-radius: 4px;
}
.cdc_process_flow_content .cdc_flow_menu .cdc_flow_menu-content .ant-menu-submenu .menu-card > .ant-menu-item-group-list .ant-menu-item-selected .text-tooltip-box {
  color: #4f8fff !important;
}
.cdc_process_flow_content .cdc_flow_menu .cdc_flow_menu-content .ant-menu-submenu .menu-card > .ant-menu-item-group-list .lf-card-item {
  width: 90px;
  height: 65px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  flex-direction: column;
  box-sizing: border-box;
  background: rgba(79, 143, 255, 0);
  border: 1px solid #fff;
  border-radius: 8px;
}
.cdc_process_flow_content .cdc_flow_menu .cdc_flow_menu-content .ant-menu-submenu .menu-card > .ant-menu-item-group-list .lf-card-item:hover i,
.cdc_process_flow_content .cdc_flow_menu .cdc_flow_menu-content .ant-menu-submenu .menu-card > .ant-menu-item-group-list .lf-card-item:hover .item-text {
  color: #3a78f2 !important;
}
.cdc_process_flow_content .cdc_flow_menu .cdc_flow_menu-content .ant-menu-submenu .menu-card > .ant-menu-item-group-list .lf-card-item .item-icon {
  height: calc(100% - 23px);
  display: flex;
  align-items: center;
}
.cdc_process_flow_content .cdc_flow_menu .cdc_flow_menu-content .ant-menu-submenu .menu-card > .ant-menu-item-group-list .lf-card-item .item-text {
  height: 23px;
  opacity: 0.9;
  width: 100%;
  font-size: 12px;
  color: #333333;
  font-weight: 400;
  padding: 0 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  line-height: 23px;
  text-align: center;
}
.cdc_process_flow_content .cdc_flow_menu .cdc_flow_menu-content .ant-menu-submenu .ant-menu-item-group-title {
  padding: 0;
}
.cdc_process_flow_content .cdc_flow_menu .cdc_flow_menu-content .ant-menu-submenu .test {
  background: rgba(79, 143, 255, 0.04);
  border: 1px solid #d4e5f9;
  border-radius: 4px;
}
.cdc_process_flow_content .cdc_flow_menu .cdc_flow_menu-content .ant-menu-submenu .test .icon-ic_mxgc_mchb_ss_sjyszzw {
  opacity: 1;
  color: #4f8fff !important;
}
.cdc_process_flow_content .cdc_flow_menu .cdc_flow_menu-content .ant-menu-submenu .ant-menu-item-selected {
  background: rgba(79, 143, 255, 0.04);
  border: 1px solid #d4e5f9;
  border-radius: 4px;
}
.cdc_process_flow_content .cdc_flow_menu .cdc_flow_menu-content .ant-menu-submenu .ant-menu-item-selected i {
  opacity: 1;
  color: #4f8fff !important;
}
.cdc_process_flow_content .cdc_flow_menu .cdc_flow_menu-content .ant-menu-submenu .ant-menu-item-selected .text-tooltip-box {
  color: #4f8fff !important;
}
.cdc_process_flow_content .flow-control-navigator {
  position: fixed;
  left: 238px;
  bottom: 94px;
}
.cdc_process_flow_content .flow-control-panel {
  width: 35px;
  height: 245px;
  display: flex;
  flex-direction: column;
  position: absolute;
  z-index: 10;
  right: 0;
  background-color: #fff;
}
.cdc_process_flow_content .flow-control-panel .btn-item {
  display: flex;
  align-items: center;
  height: 35px;
  width: 35px;
  justify-content: center;
  cursor: pointer;
}
.cdc_process_flow_content .flow-control-panel .btn-item:hover {
  background: #dfe9ff;
}
.cdc_process_flow_content .flow-control-panel .btn-item:hover .action-span {
  transform: scale(0.8);
}
.cdc_process_flow_content .flow-control-panel .btn-item:hover .action-icon {
  color: #4f8fff;
}
.cdc_process_flow_content #process_flow,
.cdc_process_flow_content #process_flow_false,
.cdc_process_flow_content #process_flow_true {
  height: calc(100vh - 70px);
}
.cdc_process_flow_content #process_flow .lf-mini-map,
.cdc_process_flow_content #process_flow_false .lf-mini-map,
.cdc_process_flow_content #process_flow_true .lf-mini-map {
  background: #ffffff;
  border: 1px solid #ececec;
  box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.09);
  border-radius: 4px;
}
.cdc_process_flow_content #process_flow .lf-mini-map .lf-mini-map-header,
.cdc_process_flow_content #process_flow_false .lf-mini-map .lf-mini-map-header,
.cdc_process_flow_content #process_flow_true .lf-mini-map .lf-mini-map-header {
  border-style: none;
  background-color: #fff !important;
  font-size: 14px;
  color: #333333;
  text-align: center;
  font-weight: 500;
  border-bottom: 2px solid #f0f7ff;
  background-image: none;
}
.process-template-monitor-action {
  border: 1px solid #e8e8e8;
  margin: 0px;
  border-radius: 2px;
  border-color: #f9d67c !important;
  height: 400px;
}
.process-content-box {
  position: relative;
}
.process-content-box-draggable {
  width: 76px;
  height: 64px;
  position: absolute;
  right: 35px;
  top: 122px;
  z-index: 1001;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
}
.process-content-box-draggable-logo {
  width: 60px;
  height: 60px;
  border: 0px solid;
  border-radius: 50%;
}
.process-content-box-draggable-text {
  width: 100px;
  height: 20px;
  color: #fff;
  font-size: 12px;
  text-align: center;
  line-height: 20px;
  position: absolute;
  bottom: 0;
  background-color: #3A78F2;
  border-radius: 10px;
}
.process-content-box-draggable:hover .process-content-box-draggable-logo {
  box-shadow: inset 2px 2px 20px 0px rgba(146, 200, 255, 0.4), inset -4px -4px 10px 0px rgba(255, 255, 255, 0.6);
}
.process-content-box-draggable:hover .process-content-box-draggable-text {
  box-shadow: 0px -4px 15px 0px rgba(0, 36, 91, 0.2);
}
.process-content-gitpull-footer {
  margin: 0 40px 0 23px;
}
.process-content-gitpull-footer-top {
  height: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.process-content-gitpull-footer-center {
  max-height: 400px;
  margin: 0 0 10px;
}
.process-content-gitpull-footer-bottom {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 20px;
}
.process-content-gitpush-select-bottom {
  display: flex;
  justify-content: space-between;
}
.process-content-gitpush-btn {
  flex: 1;
  border: 0;
  z-index: 66;
}
.flow-control-git-btns {
  width: 150px;
  font-size: 14px;
  border-radius: 8px 0px 0px 8px;
  position: fixed;
  z-index: 10;
  right: 0;
  top: 300px;
  box-shadow: 0px 2px 20px 0px rgba(58, 120, 242, 0.1);
  cursor: pointer;
}
.flow-control-git-btns-version {
  height: 38px;
  padding: 0 10px;
  box-sizing: border-box;
  font-size: 12px;
  background: #F5F7FF;
  color: #171819;
  display: flex;
  align-items: center;
  border-radius: 8px 0px 0px 0px;
}
.flow-control-git-btns-btn {
  height: 36px;
  padding: 0 10px;
  box-sizing: border-box;
  color: #5E6D82;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #fff;
}
.flow-control-git-btns-btn:hover {
  background-color: #F5F7FF;
  color: #3A78F2;
}
.flow-control-git-btns-btn:hover .iconfont-symbol {
  color: #3A78F2;
}
.process-content-gitpull-switch {
  margin-top: 30px;
}
.process_flow_left_container {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  height: 100%;
}
.process_flow_left_container .process_flow_info {
  position: relative;
  height: 100%;
  background: #fff;
  margin-right: 20px;
  border-right: 1px solid #d4d4d4;
}
.process_flow_left_container .process_flow_info_expand {
  position: absolute;
  top: 300px;
  right: -32px;
  width: 32px;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
}
.process_flow_left_container .process_flow_info_expand:hover {
  background: #3A78F222;
}
.process_flow_left_container .process_flow_info_content {
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
.process_flow_left_container .process_flow_info_title {
  font-weight: bold;
  margin-bottom: 20px;
  font-size: 16px;
}
.process_flow_left_container .process_flow_info .ant-form label {
  font-size: 14px;
  color: #373839;
}
.process_flow_left_container .process_flow_info .ant-form-item {
  margin-bottom: 8px;
}
.process_flow_left_container .process_flow_info .ant-form-item-control-wrapper {
  font-size: 14px;
}
.process_flow_left_container .process_flow_default_Icons {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: #fff;
  border-radius: 5px;
  cursor: pointer;
  width: 40px;
  height: 160px;
  max-height: 200px;
  margin-top: 10%;
}
.process_flow_left_container .process_flow_default_Icons > div {
  height: 40px;
  font-size: 16px;
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
.log-model-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 40px;
}
.log-model-title > .icon-close1,
.log-model-title > .anticon {
  color: #818aa1;
  cursor: pointer;
  margin-left: 10px;
  font-size: 16px;
}
.log-model-title .iconfont {
  color: #818aa1;
}
.log-model-title__timer {
  width: 120px;
  line-height: 28px !important;
  height: 28px !important;
  margin-right: 20px;
}
.log-model-title__timer .ant-select-selection {
  line-height: 28px !important;
  height: 28px !important;
}
.log-model-title__timer .ant-select-selection__rendered {
  line-height: 26px !important;
  height: 26px !important;
}
.log-model-title__name {
  font-size: 16px;
  margin-right: 20px;
}
.log-model-title__url {
  margin-left: 20px;
}
.log-model-title__left {
  flex: 1;
  display: flex;
  align-items: center;
}
.log-model-title__right {
  width: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.log-model-title__right__search {
  display: flex;
  align-items: center;
}
.log-model-title__right__search__msg {
  width: 120px;
  margin: 0 7px;
  user-select: none;
}
.log-model-title__right__box {
  width: 26px;
  margin: 0 7px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.log-model-title__right__search {
  flex: 1;
  margin: 0 10px;
}
.log-model-title__right__search .ant-btn {
  margin: 0;
  padding: 0;
  border: 0;
  height: 26px;
}
.log-model-title__right__search .ant-input {
  height: 28px;
  border-radius: 14px;
}
.log-model-title__right__search .ant-input-prefix {
  left: 2px;
}
.log-model-title__right__search .ant-input-suffix {
  right: 6px;
}
.log-model-title__right__search .ant-input-suffix .ant-btn {
  height: 14px;
}
.log-model-content {
  overflow: auto;
  height: calc(100vh - 300px);
  border: 1px solid #e5e5e5;
  padding: 5px 10px;
  border-radius: 6px;
}
.log-model-content .log-mark {
  background: #f0e900;
}
.log-model-content .log-mark-active {
  background: #ffc408;
}
.log-model-content__margin {
  margin-right: 210px;
}
.log-model-content__black {
  background-color: #181818 !important;
  color: #ccc !important;
}
.log-model-content__black .log-mark {
  background: #ae4800;
}
.log-model-content__black .log-mark-active {
  background: #950000;
}
.log-model-today {
  width: 200px;
  height: calc(100% - 40px);
  position: absolute;
  top: 40px;
  right: 0;
  background: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  padding: 12px;
  overflow-y: auto;
  overflow-x: hidden;
}
.log-model-today-select {
  color: #3A78F2;
  background-color: rgba(58, 120, 242, 0.08);
}
.log-model-today .ant-list-header {
  padding-left: 12px;
  padding-right: 12px;
}
.log-model-today > .ant-spin-nested-loading {
  height: calc(100% - 43px);
  overflow-y: auto;
}
.log-model-today > .ant-spin-nested-loading::-webkit-scrollbar {
  width: 0;
}
.log-model-today .ant-tree .ant-tree-switcher-noop {
  display: none;
}
.log-model-today .ant-tree .treeNode-left-title {
  display: flex;
  align-items: center;
  justify-self: center;
}
.log-model-today .ant-list-items {
  min-height: 100%;
}
.log-model-today .ant-list-items .ant-list-item {
  cursor: pointer;
  padding-left: 12px;
  padding-right: 12px;
}
.log-model-today .ant-list-items .ant-list-item:hover {
  color: #3A78F2;
}
.log-model-today .ant-list-items .ant-list-item-action {
  margin-left: 10px;
}
.log-model-today .ant-list-items .ant-list-item-action > li {
  padding: 0;
}
.log-model-today-down {
  width: 26px;
  height: 26px;
  line-height: 26px;
}
.log-model-today-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.log-model-today-header .anticon-close {
  margin-right: 7px;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
.log-model .ant-tabs-bar {
  border-color: #e5e5e5;
}
.log-model .ant-tabs-tab {
  background: #fff !important;
}
.log-model-tab {
  font-size: 14px;
  display: flex;
  align-items: center;
}
.log-model-tab .anticon-close {
  color: #aaa;
  font-size: 12px;
}
.log-model-btn {
  display: flex;
  align-items: center;
}
.log-model-btn .ant-btn {
  display: flex;
  align-items: center;
  margin-left: 10px;
  height: 28px !important;
  padding-left: 10px;
  padding-right: 14px;
}
.log-model-btn .ant-btn .iconfont-symbol,
.log-model-btn .ant-btn .iconfont {
  margin-right: 2px;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
.log-model-search-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 10px;
}
.log-model-search-box__name {
  width: 70px;
  text-align: right;
}
.log-model-search-box__name::before {
  content: "*";
  color: red;
  margin-right: 4px;
}
.log-model-search-box__name::after {
  content: ":";
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.log-model-search-box .ant-input,
.log-model-search-box .ant-select,
.log-model-search-box .ant-radio-group {
  flex: 1;
}
.log-model-search-bottom {
  margin-bottom: 10px;
}
.log-model-search-remark {
  padding-left: 70px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.45);
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}
.ql-editor ul > li::before {
  content: '\2022';
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
  content: '\2611';
}
.ql-editor ul[data-checked=false] > li::before {
  content: '\2610';
}
.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}
.ql-editor ol li:before {
  content: counter(list-0, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
  font-size: 0.75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor.ql-blank::before {
  color: rgba(0, 0, 0, 0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}
.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
}
.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
  float: left;
  height: 100%;
}
.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
  outline: none;
}
.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file] {
  display: none;
}
.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #06c;
}
@media (pointer: coarse) {
  .ql-snow.ql-toolbar button:hover:not(.ql-active),
  .ql-snow .ql-toolbar button:hover:not(.ql-active) {
    color: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #444;
  }
}
.ql-snow {
  box-sizing: border-box;
}
.ql-snow * {
  box-sizing: border-box;
}
.ql-snow .ql-hidden {
  display: none;
}
.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
  visibility: hidden;
}
.ql-snow .ql-tooltip {
  position: absolute;
  transform: translateY(10px);
}
.ql-snow .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}
.ql-snow .ql-tooltip.ql-flip {
  transform: translateY(-10px);
}
.ql-snow .ql-formats {
  display: inline-block;
  vertical-align: middle;
}
.ql-snow .ql-formats:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow .ql-stroke {
  fill: none;
  stroke: #444;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}
.ql-snow .ql-stroke-miter {
  fill: none;
  stroke: #444;
  stroke-miterlimit: 10;
  stroke-width: 2;
}
.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
  fill: #444;
}
.ql-snow .ql-empty {
  fill: none;
}
.ql-snow .ql-even {
  fill-rule: evenodd;
}
.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
  stroke-width: 1;
}
.ql-snow .ql-transparent {
  opacity: 0.4;
}
.ql-snow .ql-direction svg:last-child {
  display: none;
}
.ql-snow .ql-direction.ql-active svg:last-child {
  display: inline;
}
.ql-snow .ql-direction.ql-active svg:first-child {
  display: none;
}
.ql-snow .ql-editor h1 {
  font-size: 2em;
}
.ql-snow .ql-editor h2 {
  font-size: 1.5em;
}
.ql-snow .ql-editor h3 {
  font-size: 1.17em;
}
.ql-snow .ql-editor h4 {
  font-size: 1em;
}
.ql-snow .ql-editor h5 {
  font-size: 0.83em;
}
.ql-snow .ql-editor h6 {
  font-size: 0.67em;
}
.ql-snow .ql-editor a {
  text-decoration: underline;
}
.ql-snow .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}
.ql-snow .ql-editor code,
.ql-snow .ql-editor pre {
  background-color: #f0f0f0;
  border-radius: 3px;
}
.ql-snow .ql-editor pre {
  white-space: pre-wrap;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}
.ql-snow .ql-editor code {
  font-size: 85%;
  padding: 2px 4px;
}
.ql-snow .ql-editor pre.ql-syntax {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}
.ql-snow .ql-editor img {
  max-width: 100%;
}
.ql-snow .ql-picker {
  color: #444;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
}
.ql-snow .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}
.ql-snow .ql-picker-label::before {
  display: inline-block;
  line-height: 22px;
}
.ql-snow .ql-picker-options {
  background-color: #fff;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}
.ql-snow .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #ccc;
  z-index: 2;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}
.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
  width: 28px;
}
.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}
.ql-snow .ql-icon-picker .ql-picker-options {
  padding: 4px 0px;
}
.ql-snow .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}
.ql-snow .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0px;
  width: 16px;
}
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
  content: attr(data-label);
}
.ql-snow .ql-picker.ql-header {
  width: 98px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: 'Heading 1';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: 'Heading 2';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: 'Heading 3';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: 'Heading 4';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: 'Heading 5';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: 'Heading 6';
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: 0.83em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: 0.67em;
}
.ql-snow .ql-picker.ql-font {
  width: 108px;
}
.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
  content: 'Sans Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: 'Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: 'Monospace';
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family: Georgia, Times New Roman, serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family: Monaco, Courier New, monospace;
}
.ql-snow .ql-picker.ql-size {
  width: 98px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: 'Small';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: 'Large';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: 'Huge';
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px;
}
.ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}
.ql-snow .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}
.ql-toolbar.ql-snow {
  border: 1px solid #ccc;
  box-sizing: border-box;
  font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  padding: 8px;
}
.ql-toolbar.ql-snow .ql-formats {
  margin-right: 15px;
}
.ql-toolbar.ql-snow .ql-picker-label {
  border: 1px solid transparent;
}
.ql-toolbar.ql-snow .ql-picker-options {
  border: 1px solid transparent;
  box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
  border-color: #000;
}
.ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-top: 0px;
}
.ql-snow .ql-tooltip {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0px 0px 5px #ddd;
  color: #444;
  padding: 5px 12px;
  white-space: nowrap;
}
.ql-snow .ql-tooltip::before {
  content: "Visit URL:";
  line-height: 26px;
  margin-right: 8px;
}
.ql-snow .ql-tooltip input[type=text] {
  display: none;
  border: 1px solid #ccc;
  font-size: 13px;
  height: 26px;
  margin: 0px;
  padding: 3px 5px;
  width: 170px;
}
.ql-snow .ql-tooltip a.ql-preview {
  display: inline-block;
  max-width: 200px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.ql-snow .ql-tooltip a.ql-action::after {
  border-right: 1px solid #ccc;
  content: 'Edit';
  margin-left: 16px;
  padding-right: 8px;
}
.ql-snow .ql-tooltip a.ql-remove::before {
  content: 'Remove';
  margin-left: 8px;
}
.ql-snow .ql-tooltip a {
  line-height: 26px;
}
.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
  display: none;
}
.ql-snow .ql-tooltip.ql-editing input[type=text] {
  display: inline-block;
}
.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  border-right: 0px;
  content: 'Save';
  padding-right: 0px;
}
.ql-snow .ql-tooltip[data-mode=link]::before {
  content: "Enter link:";
}
.ql-snow .ql-tooltip[data-mode=formula]::before {
  content: "Enter formula:";
}
.ql-snow .ql-tooltip[data-mode=video]::before {
  content: "Enter video:";
}
.ql-snow a {
  color: #06c;
}
.ql-container.ql-snow {
  border: 1px solid #ccc;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-timeline {
  box-sizing: border-box;
  color: #000000D9;
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  font-feature-settings: 'tnum';
  margin: 0;
  padding: 0;
  list-style: none;
}
.ant-timeline-item {
  position: relative;
  margin: 0;
  padding: 0 0 20px;
  font-size: 12px;
  list-style: none;
}
.ant-timeline-item-tail {
  position: absolute;
  top: 10px;
  left: 4px;
  height: calc(100% - 10px);
  border-left: 2px solid #e8e8e8;
}
.ant-timeline-item-pending .ant-timeline-item-head {
  font-size: 12px;
  background-color: transparent;
}
.ant-timeline-item-pending .ant-timeline-item-tail {
  display: none;
}
.ant-timeline-item-head {
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: #fff;
  border: 2px solid transparent;
  border-radius: 100px;
}
.ant-timeline-item-head-blue {
  color: #3A78F2;
  border-color: #3A78F2;
}
.ant-timeline-item-head-red {
  color: #f5222d;
  border-color: #f5222d;
}
.ant-timeline-item-head-green {
  color: #52c41a;
  border-color: #52c41a;
}
.ant-timeline-item-head-gray {
  color: rgba(0, 0, 0, 0.25);
  border-color: rgba(0, 0, 0, 0.25);
}
.ant-timeline-item-head-custom {
  position: absolute;
  top: 5.5px;
  left: 5px;
  width: auto;
  height: auto;
  margin-top: 0;
  padding: 3px 1px;
  line-height: 1;
  text-align: center;
  border: 0;
  border-radius: 0;
  transform: translate(-50%, -50%);
}
.ant-timeline-item-content {
  position: relative;
  top: -5px;
  margin: 0 0 0 18px;
  word-break: break-word;
}
.ant-timeline-item-last > .ant-timeline-item-tail {
  display: none;
}
.ant-timeline-item-last > .ant-timeline-item-content {
  min-height: 48px;
}
.ant-timeline.ant-timeline-alternate .ant-timeline-item-tail,
.ant-timeline.ant-timeline-right .ant-timeline-item-tail,
.ant-timeline.ant-timeline-alternate .ant-timeline-item-head,
.ant-timeline.ant-timeline-right .ant-timeline-item-head,
.ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom,
.ant-timeline.ant-timeline-right .ant-timeline-item-head-custom {
  left: 50%;
}
.ant-timeline.ant-timeline-alternate .ant-timeline-item-head,
.ant-timeline.ant-timeline-right .ant-timeline-item-head {
  margin-left: -4px;
}
.ant-timeline.ant-timeline-alternate .ant-timeline-item-head-custom,
.ant-timeline.ant-timeline-right .ant-timeline-item-head-custom {
  margin-left: 1px;
}
.ant-timeline.ant-timeline-alternate .ant-timeline-item-left .ant-timeline-item-content,
.ant-timeline.ant-timeline-right .ant-timeline-item-left .ant-timeline-item-content {
  left: calc(50% - 4px);
  width: calc(50% - 14px);
  text-align: left;
}
.ant-timeline.ant-timeline-alternate .ant-timeline-item-right .ant-timeline-item-content,
.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content {
  width: calc(50% - 12px);
  margin: 0;
  text-align: right;
}
.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-tail,
.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head,
.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-head-custom {
  left: calc(100% - 4px - 2px);
}
.ant-timeline.ant-timeline-right .ant-timeline-item-right .ant-timeline-item-content {
  width: calc(100% - 18px);
}
.ant-timeline.ant-timeline-pending .ant-timeline-item-last .ant-timeline-item-tail {
  display: block;
  height: calc(100% - 14px);
  border-left: 2px dotted #e8e8e8;
}
.ant-timeline.ant-timeline-reverse .ant-timeline-item-last .ant-timeline-item-tail {
  display: none;
}
.ant-timeline.ant-timeline-reverse .ant-timeline-item-pending .ant-timeline-item-tail {
  top: 15px;
  display: block;
  height: calc(100% - 15px);
  border-left: 2px dotted #e8e8e8;
}
.ant-timeline.ant-timeline-reverse .ant-timeline-item-pending .ant-timeline-item-content {
  min-height: 48px;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
.api-center-layout-content-btn {
  position: absolute;
  right: 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.api-documentation {
  font-size: 14px;
  background-color: #fff;
}
.api-documentation .ant-collapse {
  font-size: 14px;
  background-color: #fff;
}
.api-documentation .ant-collapse-item {
  background-color: #fff;
  border-bottom: none;
  font-size: 14px;
  margin-bottom: 10px;
}
.api-documentation .ant-collapse-header {
  padding-left: 25px !important;
  display: inline-block;
}
.api-documentation .ant-collapse-arrow {
  left: 0 !important;
}
.api-documentation .ant-collapse-content-box {
  padding: 0 !important;
}
.api-documentation-collapse-icon {
  border: 1px solid #d5d5d5;
  display: inline-block;
  width: 15px;
  height: 15px;
  line-height: 11px !important;
  color: #d5d5d5 !important;
  border-radius: 3px;
  font-weight: 500;
}
.api-documentation-top-content {
  padding: 15px 0;
}
.api-documentation-top-content-url {
  color: #3A78F2;
}
.api-documentation-top-value {
  padding-top: 10px;
  padding-bottom: 30px;
  display: flex;
}
.api-documentation-top-value > span {
  flex: 1;
}
.api-documentation-mark {
  display: inline-block;
  padding: 0 10px;
  border-radius: 10px;
  background-color: #eafaf7;
  color: #00d1af;
  margin-right: 12px;
}
.api-documentation-mark-get {
  color: #00d1af;
  background-color: #eafaf7;
}
.api-documentation-mark-post {
  color: #ffae00;
  background-color: #fff7eb;
}
.api-documentation-mark-put {
  color: #3a78f2;
  background-color: #e6f7ff;
}
.api-documentation-mark-delete {
  color: #fe6464;
  background-color: #fef1f1;
}
.api-documentation-out .ant-table {
  border-right: 1px solid #e8e8e8;
}
.api-documentation-out .ant-table td {
  border-right: 0 !important;
}
.api-documentation-more {
  margin-top: 30px;
  margin-bottom: 10px;
  padding-left: 12px;
  position: relative;
}
.api-documentation-more::before {
  content: "";
  position: absolute;
  top: 4px;
  left: 0;
  border-radius: 2px;
  height: 14px;
  display: inline-block;
  border-left: 3px solid #3A78F2;
}
.api-documentation-border-box {
  padding: 10px 25px;
  border: 1px solid #e8e8e8;
  min-height: 40px;
}
.api-documentation-border-box ol,
.api-documentation-border-box ul,
.api-documentation-border-box dl {
  margin-top: 0;
  margin-bottom: 0;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
.template-category {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 500px;
  height: calc(100vh - 200px);
}
.template-category .ant-spin-container {
  width: 100%;
  height: 100%;
}
.template-category-menu {
  width: 200px;
  height: 100%;
}
.template-category-menu-spin {
  height: 100%;
}
.template-category-menu-spin:hover .template-category-menu-open {
  opacity: 1;
}
.template-category-menu-more {
  text-align: center;
  font-size: 14px;
}
.template-category-menu-open {
  position: absolute;
  left: 200px;
  top: calc(50% - 48px);
  width: 14px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  background: #3a81eb;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  cursor: pointer;
  color: #fff;
  opacity: 0;
}
.template-category-menu-open .iconfont {
  display: inline-block;
  transform: rotate(-90deg);
}
.template-category-menu-open:active {
  background: #1f6de0;
}
.template-category-menu-title {
  position: relative;
  display: flex;
  align-items: center;
  height: 40px;
  padding-left: 24px;
  padding-bottom: 10px;
  font-size: 14px;
  font-weight: 400;
  color: #1f2329;
  border-right: 1px solid #e8e8e8;
}
.template-category-menu-title:before {
  content: "";
  position: absolute;
  left: 14px;
  top: calc(50% - 12px);
  width: 3px;
  height: 14px;
  background: #3a78f2;
  border-radius: 2px;
}
.template-category-menu .ant-menu {
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  /*滚动条样式*/
}
.template-category-menu .ant-menu .ant-menu-item:first-child {
  margin-top: 0 !important;
}
.template-category-menu .ant-menu::-webkit-scrollbar {
  width: 5px;
  user-select: none;
}
.template-category-menu .ant-menu::-webkit-scrollbar-thumb {
  width: 5px !important;
  height: 143px !important;
  background: #e6e9f0 !important;
  border-radius: 3px !important;
  cursor: pointer;
}
.template-category-menu .ant-menu::-webkit-scrollbar-track {
  background: #fff;
}
.template-category-menu .ant-menu .ant-empty {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 0;
  margin: 0;
}
.template-category-menu-item {
  display: flex;
  align-items: center;
}
.template-category-menu-item__method {
  width: 36px;
  height: 20px;
  line-height: 20px;
  font-weight: 500;
  text-align: center;
  color: #ffffff;
  background: #3a78f2;
  border-radius: 11px;
  margin-right: 10px;
  font-size: 12px;
}
.template-category-menu-item__url {
  flex: 1;
  font-weight: 400;
  font-size: 14px;
}
.template-category-null {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 300px;
}
.template-category-null img {
  width: 220px;
}
.template-category-null span {
  padding-top: 20px;
  color: #bfbfbf;
  font-size: 13px;
}
.template-category .template-category-content {
  display: flex;
  align-content: flex-start;
  flex-wrap: wrap;
  gap: 20px;
  height: 100%;
}
.template-category .template-category-content-spin {
  width: calc(100% - 220px);
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
.template-category .template-category-content-empty {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  margin: 0;
}
.template-category .template-category-content-select {
  cursor: pointer;
}
.template-category .template-category-content-select:hover {
  background: rgba(255, 255, 255, 0.04);
  box-shadow: 0px 2px 16px 0px rgba(58, 120, 242, 0.3);
  border: 1px solid #3a78f2;
}
.template-category .template-category-content-item {
  display: flex;
  flex-direction: column;
  width: calc(100% / 3 - 16px);
  height: 155px;
  border-radius: 4px;
  box-sizing: border-box;
  border: 1px solid #e5e8ef;
}
.template-category .template-category-content-item-title {
  padding: 20px;
  padding-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  color: #0a1629;
  flex: 1;
}
.template-category .template-category-content-item-title-name {
  display: flex;
  align-items: center;
  column-gap: 12px;
  margin-bottom: 16px;
}
.template-category .template-category-content-item-title-name-text {
  flex: 1;
}
.template-category .template-category-content-item-title-name-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  background: #ffffff;
  border-radius: 3px;
  border: 1px solid #d9e1eb;
}
.template-category .template-category-content-item-title-sub {
  font-size: 12px;
  color: #aaa;
}
.template-category .template-category-content-item-title-sub .text-tooltip-box-two {
  line-height: 1.5;
}
.template-category .template-category-content-item-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 40px;
  background: #f5f9fd;
  border-radius: 0px 0px 4px 4px;
  padding: 0 20px;
}
.template-category .template-category-content-item-footer .ant-btn {
  border-radius: 11px;
  height: 22px;
  background: #ffffff !important;
}
.template-category .template-category-content-item-footer .ant-btn:hover {
  background: rgba(92, 113, 255, 0.15) !important;
}
.template-category .template-category-content-active {
  position: relative;
  background: rgba(255, 255, 255, 0.04);
  box-shadow: 0px 2px 16px 0px rgba(249, 214, 124, 0.3) !important;
  border: 1px solid #f9d67c !important;
}
.template-category .template-category-content-active::before {
  content: "";
  width: 20px;
  height: 20px;
  border: 1px solid #f9d67c;
  border-left-color: transparent;
  border-top-color: transparent;
  border-bottom-right-radius: 5px;
  transform: rotate(-135deg);
  position: absolute;
  bottom: -31.5px;
  left: 50%;
  margin-left: -10px;
  background: #f9fafc;
  z-index: 1;
}
.template-category .template-category-content-detail {
  width: calc(100% - 9px);
}
.template-category .template-category-content-detail .esb-process-monitor > div {
  border-color: #f9d67c !important;
}
.template-category-open-menu .template-category-menu {
  display: none;
}
.template-category-open-menu .template-category-menu-open {
  background: #3a78f2;
  color: #fff;
  left: 0;
  opacity: 1;
}
.template-category-open-menu .template-category-menu-open .iconfont {
  transform: rotate(90deg);
}
.template-category-open-menu .template-category-content-spin {
  width: calc(100% - 20px);
}
.template-category-hide-menu .template-category-menu {
  display: none;
}
.template-category-hide-menu .template-category-content-spin {
  width: 100% !important;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
.modal-process {
  overflow: hidden;
}
.modal-process .ant-modal-close-x {
  width: 30px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
.metaRelationShip {
  display: flex;
  padding: 50px;
  justify-content: 'space-between';
  /* flex-wrap: wrap;
	align-items: flex-start;
	align-content: flex-start;
	justify-content: space-between; 
	margin-bottom: -50px;*/
}
.metaRelationShip .metaRelationShip-chart {
  /*width: 934px;
		height: 401px; */
}
.metaRelationShip .metaRelationShip-message {
  width: 301px;
  height: 500px;
  background-color: #ffffff;
  box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.35);
  border-radius: 10px;
  padding: 21px 18px 0 28px;
  margin-left: 20px;
}
.metaRelationShip .metaRelationShip-message .ods-ms-evi-all-machine-df {
  width: 216px;
  height: 47px;
  font-family: MicrosoftYaHei-Bold;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: 0px;
  color: #666666;
}
.metaRelationShip .metaRelationShip-message .ods-ms-evi-all-machine-df .text-style-1 {
  font-family: MicrosoftYaHei-Bold;
  font-size: 16px;
  font-weight: normal;
  letter-spacing: 0px;
  color: #666666;
}
.metaRelationShip .metaRelationShip-message .ods-ms-evi-all-machine-df .text-style-2 {
  font-family: MicrosoftYaHei-Bold;
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0px;
  color: #666666;
}
.metaRelationShip .metaRelationShip-message .split_line {
  width: 255px;
  height: 3px;
  background-color: #b0bcc2;
  margin-top: 30px;
  margin-bottom: 22px;
}
.metaRelationShip .metaRelationShip-message .metaRelationShip-dec .metaRelationShip-dec-item {
  font-family: MicrosoftYaHei;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 30px;
  letter-spacing: 0px;
  color: #666666;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 216px;
}
.metaRelationShip .metaRelationShip-message .metaRelationShip-dec .metaRelationShip-dec-item .metaRelationShip-dec-item-name {
  width: 75px;
  text-align: right;
  display: inline-block;
}
.metaRelationShip .metaRelationShip-message .metaRelationShip-dec .metaRelationShip-dec-item .metaRelationShip-dec-item-data {
  margin-left: 9px;
  width: 162px;
  text-align: left;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
@keyframes antCheckboxEffect {
  0% {
    transform: scale(1);
    opacity: 0.5;
  }
  100% {
    transform: scale(1.6);
    opacity: 0;
  }
}
.ant-transfer-customize-list {
  display: flex;
}
.ant-transfer-customize-list .ant-transfer-operation {
  flex: none;
  align-self: center;
}
.ant-transfer-customize-list .ant-transfer-list {
  flex: auto;
  width: auto;
  height: auto;
  min-height: 200px;
}
.ant-transfer-customize-list .ant-transfer-list-body-with-search {
  padding-top: 0;
}
.ant-transfer-customize-list .ant-transfer-list-body-search-wrapper {
  position: relative;
  padding-bottom: 0;
}
.ant-transfer-customize-list .ant-transfer-list-body-customize-wrapper {
  padding: 12px;
}
.ant-transfer-customize-list .ant-table-wrapper .ant-table-small {
  border: 0;
  border-radius: 0;
}
.ant-transfer-customize-list .ant-table-wrapper .ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th {
  background: #f0f0f0;
}
.ant-transfer-customize-list .ant-table-wrapper .ant-table-small > .ant-table-content .ant-table-row:last-child td {
  border-bottom: 1px solid #e8e8e8;
}
.ant-transfer-customize-list .ant-table-wrapper .ant-table-small .ant-table-body {
  margin: 0;
}
.ant-transfer-customize-list .ant-table-wrapper .ant-table-pagination.ant-pagination {
  margin: 16px 0 4px;
}
.ant-transfer {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #000000D9;
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
}
.ant-transfer-disabled .ant-transfer-list {
  background: #f5f5f5;
}
.ant-transfer-list {
  position: relative;
  display: inline-block;
  width: 180px;
  height: 200px;
  padding-top: 40px;
  vertical-align: middle;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
}
.ant-transfer-list-with-footer {
  padding-bottom: 34px;
}
.ant-transfer-list-search {
  padding: 0 24px 0 8px;
}
.ant-transfer-list-search-action {
  position: absolute;
  top: 12px;
  right: 12px;
  bottom: 12px;
  width: 28px;
  color: rgba(0, 0, 0, 0.25);
  line-height: 32px;
  text-align: center;
}
.ant-transfer-list-search-action .anticon {
  color: rgba(0, 0, 0, 0.25);
  transition: all 0.3s;
}
.ant-transfer-list-search-action .anticon:hover {
  color: rgba(0, 0, 0, 0.45);
}
span.ant-transfer-list-search-action {
  pointer-events: none;
}
.ant-transfer-list-header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 9.5px 12px 10.5px;
  overflow: hidden;
  color: #000000D9;
  background: #fff;
  border-bottom: 1px solid #e8e8e8;
  border-radius: 4px 4px 0 0;
}
.ant-transfer-list-header-title {
  position: absolute;
  right: 12px;
}
.ant-transfer-list-header .ant-checkbox-wrapper + span {
  padding-left: 8px;
}
.ant-transfer-list-body {
  position: relative;
  height: 100%;
  font-size: 12px;
}
.ant-transfer-list-body-search-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 12px;
}
.ant-transfer-list-body-with-search {
  padding-top: 56px;
}
.ant-transfer-list-content {
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: auto;
  list-style: none;
}
.ant-transfer-list-content > .LazyLoad {
  animation: transferHighlightIn 1s;
}
.ant-transfer-list-content-item {
  min-height: 32px;
  padding: 6px 12px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: all 0.3s;
}
.ant-transfer-list-content-item > span {
  padding-right: 0;
}
.ant-transfer-list-content-item-text {
  padding-left: 8px;
}
.ant-transfer-list-content-item:not(.ant-transfer-list-content-item-disabled):hover {
  background-color: #f0f7ff;
  cursor: pointer;
}
.ant-transfer-list-content-item-disabled {
  color: rgba(0, 0, 0, 0.25);
  cursor: not-allowed;
}
.ant-transfer-list-body-not-found {
  position: absolute;
  top: 50%;
  width: 100%;
  padding-top: 0;
  color: rgba(0, 0, 0, 0.25);
  text-align: center;
  transform: translateY(-50%);
}
.ant-transfer-list-body-with-search .ant-transfer-list-body-not-found {
  margin-top: 16px;
}
.ant-transfer-list-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  border-top: 1px solid #e8e8e8;
  border-radius: 0 0 4px 4px;
}
.ant-transfer-operation {
  display: inline-block;
  margin: 0 8px;
  overflow: hidden;
  vertical-align: middle;
}
.ant-transfer-operation .ant-btn {
  display: block;
}
.ant-transfer-operation .ant-btn:first-child {
  margin-bottom: 4px;
}
.ant-transfer-operation .ant-btn .anticon {
  font-size: 12px;
}
@keyframes transferHighlightIn {
  0% {
    background: #e0efff;
  }
  100% {
    background: transparent;
  }
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
.api-documentation {
  font-size: 14px;
  background-color: #fff;
}
.api-documentation .ant-collapse {
  font-size: 14px;
  background-color: #fff;
}
.api-documentation .ant-collapse-item {
  background-color: #fff;
  border-bottom: none;
  font-size: 14px;
  margin-bottom: 10px;
}
.api-documentation .ant-collapse-header {
  padding-left: 25px !important;
  display: inline-block;
}
.api-documentation .ant-collapse-arrow {
  left: 0 !important;
}
.api-documentation .ant-collapse-content-box {
  padding: 0 !important;
}
.api-documentation-collapse-icon {
  border: 1px solid #d5d5d5;
  display: inline-block;
  width: 15px;
  height: 15px;
  line-height: 11px !important;
  color: #d5d5d5 !important;
  border-radius: 3px;
  font-weight: 500;
}
.api-documentation-top-content {
  padding: 15px 0;
}
.api-documentation-top-content-url {
  color: #000;
}
.api-documentation-top-value {
  padding-top: 10px;
  padding-bottom: 30px;
  display: flex;
}
.api-documentation-top-value > span {
  flex: 1;
}
.api-documentation-mark {
  display: inline-block;
  padding: 0 10px;
  border-radius: 10px;
  background-color: #eafaf7;
  color: #00d1af;
  margin-right: 12px;
}
.api-documentation-mark-get {
  color: #00d1af;
  background-color: #eafaf7;
}
.api-documentation-mark-post {
  color: #ffae00;
  background-color: #fff7eb;
}
.api-documentation-mark-put {
  color: #3a78f2;
  background-color: #e6f7ff;
}
.api-documentation-mark-delete {
  color: #fe6464;
  background-color: #fef1f1;
}
.api-documentation-out .ant-table {
  border-right: 1px solid #e8e8e8;
}
.api-documentation-out .ant-table td {
  border-right: 0 !important;
}
.api-documentation-more {
  margin-top: 30px;
  margin-bottom: 10px;
  padding-left: 12px;
  position: relative;
}
.api-documentation-more::before {
  content: "";
  position: absolute;
  top: 4px;
  left: 0;
  border-radius: 2px;
  height: 14px;
  display: inline-block;
  border-left: 3px solid #000;
}
.api-documentation-border-box {
  padding: 10px 25px;
  border: 1px solid #e8e8e8;
  min-height: 40px;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
.table-card-list-header {
  display: flex;
  align-items: center;
}
.table-card-list-header-left {
  flex: 1;
}
.table-card-list-header-right {
  display: flex;
  align-items: center;
}
.table-card-list-header-action {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.table-card-list-header-action .ant-btn .iconfont {
  margin-right: 8px;
}
.table-card-list-content-detail {
  width: 100%;
}
.table-card-list-content-detail .ant-card {
  border: 1px solid #e5e8ef;
  border-radius: 4px;
}
.table-card-list-content-detail .ant-card-body {
  padding: 20px;
  padding-top: 7px;
}
.table-card-list-content-detail .ant-tabs-bar {
  border-bottom: 1px solid #e1e4e8;
}
.table-card-list-content-detail .ant-tabs-tab {
  padding: 12px;
  font-size: 12px;
  margin-right: 26px;
  color: rgba(20, 20, 20, 0.65);
  line-height: 20px;
}
.table-card-list-content-detail .ant-tabs-tab-active {
  font-weight: 500;
  color: #141414;
}
.table-card-list-hide {
  display: none;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
.no-data-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 300px;
  gap: 10px;
}
.no-data-content img {
  width: 150px;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
.security-settings-card {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-top: 30px;
  gap: 20px;
}
.security-settings-card-action {
  display: flex;
  align-items: center;
  line-height: 1;
}
.security-settings-card-action .icon-apiNode {
  color: #3f8cff;
}
.security-settings-card-action .text-tooltip-box {
  color: #7D8592 !important;
}
.security-settings-card-detail {
  width: 100%;
}
.security-settings-card-detail > .ant-card > .ant-card-body > .ant-tabs {
  margin-top: -13px;
}
.security-settings-card-detail .ant-card {
  border: 1px solid #f9d67c;
  border-radius: 4px;
}
.security-settings-card-detail .ant-card .ant-card-body {
  padding: 20px;
}
.security-settings-card-detail .ant-card .ant-card-body .ant-tabs .ant-tabs-bar {
  border-bottom: 1px solid #e1e4e8;
}
.security-settings-card-detail .ant-card .ant-card-body .ant-tabs .ant-tabs-tab {
  padding: 12px;
  font-size: 14px;
  margin-right: 26px;
  color: rgba(20, 20, 20, 0.65);
  line-height: 20px;
}
.security-settings-card-detail .ant-card .ant-card-body .ant-tabs .ant-tabs-tab-active {
  font-weight: 500;
  color: #141414;
}
.security-settings-card-box {
  position: relative;
}
.security-settings-card-box-content {
  height: 40px;
  width: 40px;
  position: absolute;
  bottom: 0;
  right: 0;
  background: url(/res/image/00ed8d7404.png) no-repeat center;
  background-size: cover;
}
.security-settings-card-active {
  position: relative;
  background: rgba(255, 255, 255, 0.04);
  box-shadow: 0px 2px 16px 0px rgba(249, 214, 124, 0.3) !important;
  border: 1px solid #f9d67c !important;
}
.security-settings-card-active::before {
  content: "";
  width: 20px;
  height: 20px;
  border: 1px solid #f9d67c;
  border-left-color: transparent;
  border-top-color: transparent;
  border-bottom-right-radius: 5px;
  transform: rotate(-135deg);
  position: absolute;
  bottom: -31.5px;
  left: 50%;
  margin-left: -10px;
  background: #fff;
  z-index: 1;
}
.security-settings-card .security-settings-card-item {
  display: flex;
  flex-direction: column;
  width: calc(100% / 4 - 15px);
  height: 133px;
  padding: 16px;
  border-radius: 4px;
  box-sizing: border-box;
  border: 1px solid #e5e8ef;
  cursor: pointer;
}
.security-settings-card .security-settings-card-item:hover {
  background: rgba(255, 255, 255, 0.04);
  box-shadow: 0px 2px 16px 0px rgba(58, 120, 242, 0.3);
  border: 1px solid #3a78f2;
}
@media all and (min-width: 1500px) {
  .security-settings-card .security-settings-card-item {
    width: calc(100% / 5 - 16px);
  }
}
@media all and (min-width: 2100px) {
  .security-settings-card .security-settings-card-item {
    width: calc(100% / 6 - 17px);
  }
}
.security-settings-card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.security-settings-card-header .ant-btn {
  padding: 0;
  margin: 0;
  height: auto;
  color: #7d8592;
}
.security-settings-card-header .ant-btn:hover {
  color: #3a78f2;
}
.security-settings-card-header-left,
.security-settings-card-header-right {
  display: flex;
  align-items: center;
}
.security-settings-card-header-left {
  width: calc(100% - 50px);
  font-weight: 400;
  color: #91929e;
}
.security-settings-card-header-left .text-tooltip-box {
  line-height: 17px;
  flex: 1;
  color: #0a1629;
}
.security-settings-card-header-left .iconfont-symbol {
  margin-right: 4px;
  min-width: 12px;
}
.security-settings-card-header-left-2 {
  width: calc(100% - 51px);
}
.security-settings-card-header-left-3 {
  width: calc(100% - 57px);
}
.security-settings-card-header-right {
  position: relative;
}
.security-settings-card-header-right .ant-badge-count {
  padding: 0 6px !important;
}
.security-settings-card-header-right .data-badge {
  transform: scale(0.9);
  position: absolute;
  left: -25px;
}
.security-settings-card-header-right .data-badge-2 {
  left: -31px;
}
.security-settings-card-header-right .data-badge-3 {
  left: -37px;
}
.security-settings-card-header-right .ant-btn {
  margin-right: -5px;
  margin-left: 5px;
}
.security-settings-card-content {
  font-weight: 400;
  color: #56618E;
  flex: 1;
  padding-top: 5px;
}
.security-settings-card-content .text-tooltip-box {
  line-height: 17px !important;
  margin-bottom: 5px;
}
.security-settings-card-content .text-tooltip-box:last-child {
  margin-bottom: 0;
}
.security-settings-card-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.security-settings-card-footer-left,
.security-settings-card-footer-right {
  display: flex;
  align-items: center;
}
.security-settings-card-footer-right {
  gap: 5px;
  color: #7d8592;
}
.security-settings-card-footer-right .iconfont-symbol,
.security-settings-card-footer-right .iconfont {
  min-width: 12px;
  margin-right: 5px;
}
.security-settings-card-footer-left .ant-tag {
  border-radius: 3px;
  margin: 0;
}
.security-settings-card-footer-left-type {
  height: 20px;
  line-height: 20px;
  padding: 0 9px;
  border-radius: 3px;
  background: #f2f4f5;
  color: rgba(0, 0, 0, 0.65);
  white-space: nowrap;
}
.security-settings-card-footer-left-type-1 {
  background: rgba(72, 106, 255, 0.1);
  color: #486aff;
}
.security-settings-card-footer-left-type-2 {
  background: #fef6df;
  color: #ac7a04;
}
.security-settings-card-footer-left-type-3 {
  background: rgba(140, 78, 242, 0.1);
  color: #8c4ef2;
}
.security-settings-card-popover .ant-popover-inner-content {
  padding: 8px !important;
}
.security-settings-card-popover .ant-menu {
  border: none;
}
.security-settings-card-popover .ant-menu-item {
  border-radius: 4px;
  width: 82px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 12px;
}
.security-settings-card-popover .ant-menu-item:hover {
  background: #f4f9fd;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-width .ant-input-search,
.table-search-box-left-width > .ant-input,
.table-search-box-left-width .ant-select,
.table-search-box-left-width .ant-calendar-picker {
  width: 195px;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
.range-search {
  display: flex;
}
.range-search > span {
  line-height: 30px;
}
body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
  padding: 0 10px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
  padding: 0 10px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn .table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn .table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-width .ant-input-search,
.table-search-box-width > .ant-input,
.table-search-box-width .ant-select,
.table-search-box-width .ant-calendar-picker {
  width: 195px;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-width .ant-input-search,
.table-search-box-left-width > .ant-input,
.table-search-box-left-width .ant-select,
.table-search-box-left-width .ant-calendar-picker {
  width: 195px;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.ant-row-flex.table-search-box,
.ant-row.table-search-box,
.ant-row-flex.table-search-box-left,
.ant-row.table-search-box-left {
  display: flex;
}
.ant-row-flex.table-search-box .table-search-box-width,
.ant-row.table-search-box .table-search-box-width,
.ant-row-flex.table-search-box-left .table-search-box-width,
.ant-row.table-search-box-left .table-search-box-width {
  width: auto;
}
.ant-row-flex.table-search-box .table-search-box-auto,
.ant-row.table-search-box .table-search-box-auto,
.ant-row-flex.table-search-box-left .table-search-box-auto,
.ant-row.table-search-box-left .table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.text-link-btn {
  padding: 0;
  margin: 0;
  height: auto;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
.rulesContent {
  display: flex;
  width: 100%;
  height: 600px;
}
.rulesContent .rulesContent-menu {
  width: 15%;
  margin-right: 20px;
  height: 100%;
  box-sizing: border-box;
  overflow: auto;
  border-right: 1px solid #e8e8e8;
}
.rulesContent .rulesContent-menu .ant-menu-inline {
  border-right-color: transparent;
}
.rulesContent .rulesContent-content {
  height: 100%;
  width: 86%;
  overflow-y: auto;
}
.rulesContent .rulesContent-content .platFormConfig-top {
  height: 40px;
  font-weight: 700;
  font-size: 18px;
}
.rulesContent .rulesContent-menu-other {
  margin-right: 40px;
  margin-left: 30px;
}
.rulesContent .rulesContent-table {
  height: 90%;
  width: 40%;
  margin-right: 40px;
  overflow: auto;
}
.rulesContent .rulesContent-config {
  height: 90%;
  width: 47%;
  border-left: 1px solid #e8e8e8;
  overflow: auto;
}
.ruleHeightLight {
  background: #e6f7ff;
}
.process-home {
  width: 100%;
}
.process-home .process-home-message {
  /* height: 234px; */
  display: flex;
  justify-content: space-between;
}
.process-home .process-home-message .message-content-style {
  padding: 20px;
  /* height: 234px; */
  border: 1px solid #EEEEEE;
  border-radius: 10px;
}
.process-home .process-home-message .message-content-style .message-content-info-item {
  font-family: MicrosoftYaHei;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  line-height: 25px;
  letter-spacing: 0px;
  color: #666666;
  display: flex;
  vertical-align: middle;
}
.process-home .process-home-message .message-content-style .message-content-info-item .message-content-info-item-name {
  width: 80px;
  text-align: right;
  display: inline-block;
}
.process-home .process-home-message .message-content-style .message-content-info-item .message-content-info-item-data {
  margin-left: 9px;
  width: 140px;
  height: 45px;
  overflow: hidden;
  display: inline-block;
  vertical-align: top;
  word-break: break-all;
}
.process-home .process-home-message .message-content-info {
  background: #F6F9FF;
}
.process-home .processInformation {
  width: 100%;
  height: 80px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}
.process-home .processInformation .processInformation-content {
  height: 100%;
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 10px;
  border: 1px solid #EEEEEE;
  border-radius: 10px;
}
.process-home .processInformation .processInformation-content .processInformation-item {
  width: 200px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-right: 1px solid #e3e3e3;
  text-align: center;
}
.process-home .processInformation .processInformation-content .processInformation-item .item-count {
  height: 50%;
  font-size: 24px;
  font-family: Microsoft YaHei;
  font-weight: bold;
}
.process-home .processInformation .processInformation-content .processInformation-item .item-content {
  height: 50%;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #333333;
}
.process-home .processInformation .processInformation-content .processInformation-item:last-child {
  border: none;
}
.process-home .processInformation .processInformation-more {
  justify-content: space-between;
}
.process-home .processInformation .processInformation-more-item {
  width: 175px;
  height: 100%;
  vertical-align: middle;
  text-align: center;
  border: 1px solid #EEEEEE;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 10px;
}
.process-home .processInformation .processInformation-more-item .item-count {
  height: 50%;
  font-size: 24px;
  font-family: Microsoft YaHei;
  font-weight: bold;
}
.process-home .processInformation .processInformation-more-item .item-content {
  height: 50%;
  font-size: 14px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #333333;
}
.ant-advanced-search-form {
  padding: 16px 24px;
  border-radius: 6px;
}
.ant-advanced-search-form .ant-form-item {
  display: flex;
}
.ant-advanced-search-form .ant-form-item-control-wrapper {
  flex: 1;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
.custom-table .ant-table-scroll .ant-table-body {
  overflow-x: auto !important;
}
.custom-table .ant-table-scroll .ant-table-expanded-row {
  position: relative;
  z-index: 2;
}
.custom-table-tooltip {
  max-width: 500px;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
.search-form .search-content .ant-row.ant-form-item {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
}
.search-form .search-content .ant-row.ant-form-item .ant-form-item-label {
  min-width: 100px;
  overflow: hidden;
  white-space: nowrap;
  font-weight: 400;
  color: #0A1629;
}
.search-form .search-content .ant-row.ant-form-item .ant-form-item-control-wrapper {
  min-width: 170px;
  width: calc(100% - 100px);
}
.search-form .search-content .ant-row.ant-form-item .ant-form-item-control-wrapper .ant-calendar-picker {
  min-width: 160px !important;
}
.search-form .search-btn {
  flex: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.search-form .search-btn > div {
  display: flex;
  justify-content: end;
  align-items: center;
  column-gap: 8px;
}
.search-form .search-btn-search::before {
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  z-index: 1;
  display: none;
  background: #fff;
  border-radius: inherit;
  opacity: 0.35;
  transition: opacity 0.2s;
  content: '';
  pointer-events: none;
}
.search-form .search-btn-search > span {
  margin-left: 8px;
}
.search-form .search-btn-loading {
  pointer-events: none;
}
.search-form .search-btn-loading::before {
  display: block;
}
.search-form .search-btn-expand.ant-btn {
  display: flex;
  justify-content: end;
  align-items: center;
  column-gap: 4px;
  margin-right: 0;
  padding: 0;
}
.search-form .search-btn-expand.ant-btn > span {
  font-size: 12px;
  font-weight: 400;
  color: #3A78F2;
}
.search-form .search-btn-up .iconfont-symbol {
  transform: rotate(180deg);
}
.search-form .ant-col-24.search-btn {
  min-width: 100%;
  padding-top: 10px;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
.search-table {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}
.search-table-header {
  display: flex;
  align-items: center;
}
.search-table-header-right {
  flex: 1;
}
.search-table-search {
  background: #f7f8fa;
  padding: 16px;
  padding-left: 0;
}
.search-table-search .ant-row-flex {
  padding: 0 !important;
  margin: 0 !important;
}
.search-table-search .ant-row-flex > .ant-col {
  padding: 0 !important;
  margin: 0 !important;
}
.search-table-search .ant-row-flex > .ant-col .ant-form-item-control-wrapper {
  flex: 1;
}
.search-table-search .ant-row-flex .search-btn {
  padding-top: 5px !important;
}
.search-table .ant-table {
  margin-top: 0 !important;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
.gateway-statistic {
  display: flex;
  flex-wrap: wrap;
}
.gateway-statistic .gateway-statistic-item {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: calc(100% / 4 - 15px);
  height: 144px;
  padding: 24px 0 29px 26px;
  border: 1px solid #EBEDF0;
  border-radius: 6px;
  box-sizing: border-box;
}
.gateway-statistic .gateway-statistic-item:not(:nth-child(5n - 4)) {
  margin-left: 20px;
}
.gateway-statistic .gateway-statistic-item:nth-child(n + 6) {
  margin-top: 20px;
}
.gateway-statistic .gateway-statistic-item .gateway-statistic-title {
  color: #999;
  font-size: 16px;
  font-weight: 500;
}
.gateway-statistic .gateway-statistic-item .gateway-statistic-value {
  color: #333;
}
.gateway-statistic .gateway-statistic-item .gateway-statistic-value span:first-child {
  font-size: 34px;
  margin-right: 6px;
  font-weight: bold;
}
.gateway-statistic .gateway-statistic-item .gateway-statistic-value span:last-child {
  font-size: 14px;
}
.gateway-statistic .gateway-statistic-item .gateway-statistic-icon {
  position: absolute;
  right: 20px;
  top: 16px;
  color: #fff;
}
.mappingComponent_header {
  display: flex;
  justify-content: flex-end;
}
.mappingComponent_app {
  display: flex;
  margin-top: 10px;
}
.mappingComponent_app .mappingComponent_menu_container {
  width: 25%;
  height: 450px;
  overflow-y: auto;
  overflow-x: hidden;
}
.mappingComponent_app .mappingComponent_table_container {
  width: 80%;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
.render-form-item {
  position: relative;
}
.render-form-item .ant-form-explain,
.render-form-item .ant-form-extra {
  min-height: 0;
}
.render-form-item-hide {
  display: none;
}
.render-form-item-active .ant-form-item {
  background: #f0f5fe;
}
.render-form-item-label {
  flex: 1;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.render-form-item-label__name {
  flex: 1;
  overflow: hidden;
}
.render-form-item-over {
  height: 32px;
  border-radius: 4px;
  border: 1px dashed #3a78f2;
}
.render-form-item-help {
  word-wrap: break-word;
  word-break: break-all;
}
.render-form-item-help .ant-btn {
  margin: 0;
  padding: 0;
  height: 20px;
  line-height: 20px;
}
.render-form-item-help .ant-btn:last-child {
  margin-right: 10px;
}
.render-form-item-config {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 10;
}
.render-form-item-action {
  z-index: 11;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
.render-form {
  display: flex;
  flex-direction: column;
}
.render-form .ant-form-item {
  margin-bottom: 0;
  padding: 10px;
  border-radius: 4px;
}
.render-form .ant-form-item-label > label {
  display: flex;
  align-items: center;
  width: 100%;
}
.render-form-hide-tab .ant-tabs-bar {
  display: none;
}
.render-form-nodata {
  height: 400px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  color: #bfbfbf;
}
.render-form-nodata img {
  width: 200px;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
.new-data-source {
  position: static;
}
.new-data-source .ant-spin-container {
  position: static;
}
.new-data-source-content {
  min-height: 200px;
}
.new-data-source-footer {
  padding: 0 10px;
  display: flex;
  column-gap: 10px;
  flex-direction: row-reverse;
  justify-content: start;
  align-items: center;
  height: 55px;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-alert {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #000000D9;
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
  padding: 8px 15px 8px 37px;
  word-wrap: break-word;
  border-radius: 4px;
}
.ant-alert.ant-alert-no-icon {
  padding: 8px 15px;
}
.ant-alert.ant-alert-closable {
  padding-right: 30px;
}
.ant-alert-icon {
  position: absolute;
  top: 11px;
  left: 16px;
}
.ant-alert-description {
  display: none;
  font-size: 12px;
  line-height: 22px;
}
.ant-alert-success {
  background-color: #f6ffed;
  border: 1px solid #b7eb8f;
}
.ant-alert-success .ant-alert-icon {
  color: #52c41a;
}
.ant-alert-info {
  background-color: #e6f7ff;
  border: 1px solid #91d5ff;
}
.ant-alert-info .ant-alert-icon {
  color: #1890ff;
}
.ant-alert-warning {
  background-color: #fffbe6;
  border: 1px solid #ffe58f;
}
.ant-alert-warning .ant-alert-icon {
  color: #faad14;
}
.ant-alert-error {
  background-color: #fff1f0;
  border: 1px solid #ffa39e;
}
.ant-alert-error .ant-alert-icon {
  color: #f5222d;
}
.ant-alert-close-icon {
  position: absolute;
  top: 8px;
  right: 16px;
  padding: 0;
  overflow: hidden;
  font-size: 12px;
  line-height: 22px;
  background-color: transparent;
  border: none;
  outline: none;
  cursor: pointer;
}
.ant-alert-close-icon .anticon-close {
  color: rgba(0, 0, 0, 0.45);
  transition: color 0.3s;
}
.ant-alert-close-icon .anticon-close:hover {
  color: rgba(0, 0, 0, 0.75);
}
.ant-alert-close-text {
  color: rgba(0, 0, 0, 0.45);
  transition: color 0.3s;
}
.ant-alert-close-text:hover {
  color: rgba(0, 0, 0, 0.75);
}
.ant-alert-with-description {
  position: relative;
  padding: 15px 15px 15px 64px;
  color: #000000D9;
  line-height: 1.5;
  border-radius: 4px;
}
.ant-alert-with-description.ant-alert-no-icon {
  padding: 15px;
}
.ant-alert-with-description .ant-alert-icon {
  position: absolute;
  top: 16px;
  left: 24px;
  font-size: 24px;
}
.ant-alert-with-description .ant-alert-close-icon {
  position: absolute;
  top: 16px;
  right: 16px;
  font-size: 12px;
  cursor: pointer;
}
.ant-alert-with-description .ant-alert-message {
  display: block;
  margin-bottom: 4px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
}
.ant-alert-message {
  color: rgba(0, 0, 0, 0.85);
}
.ant-alert-with-description .ant-alert-description {
  display: block;
}
.ant-alert.ant-alert-closing {
  height: 0 !important;
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
  transform-origin: 50% 0;
  transition: all 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.ant-alert-slide-up-leave {
  animation: antAlertSlideUpOut 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
  animation-fill-mode: both;
}
.ant-alert-banner {
  margin-bottom: 0;
  border: 0;
  border-radius: 0;
}
@keyframes antAlertSlideUpIn {
  0% {
    transform: scaleY(0);
    transform-origin: 0% 0%;
    opacity: 0;
  }
  100% {
    transform: scaleY(1);
    transform-origin: 0% 0%;
    opacity: 1;
  }
}
@keyframes antAlertSlideUpOut {
  0% {
    transform: scaleY(1);
    transform-origin: 0% 0%;
    opacity: 1;
  }
  100% {
    transform: scaleY(0);
    transform-origin: 0% 0%;
    opacity: 0;
  }
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
.app-management {
  padding: 0px;
  background: #f0f2f5;
  min-height: calc(100vh - 112px);
}
.app-management .app-management-card .ant-card-head {
  border-bottom: 1px solid #e8e8e8;
  min-height: 56px;
}
.app-management .app-management-card .create-btn {
  display: flex;
  align-items: center;
  height: 32px;
  margin-right: -5px;
  margin-left: -15px;
}
.app-management .search-bar {
  margin-bottom: 8px;
  padding: 16px;
  background: #fff;
  border-radius: 2px;
}
.app-management .search-bar .ant-row {
  margin: 0 -4px;
}
.app-management .search-bar .ant-col {
  padding: 0 4px;
}
.app-management .search-bar .search-input {
  width: 100%;
  max-width: 300px;
}
.app-management .search-bar .category-btn {
  margin-right: -5px;
}
.app-management .search-bar .filter-select {
  width: 120px;
}
.app-management .app-table {
  background: #fff;
  border-radius: 2px;
}
.app-management .app-table .table-actions .ant-btn-link {
  padding: 0 4px;
  height: auto;
  line-height: 1.5;
}
.app-management .app-table .table-actions .ant-btn-link:hover {
  color: #1890ff;
}
.app-management .app-table .ant-table-thead > tr > th {
  background: #fafafa;
}
.app-management .app-table .ant-table-tbody > tr:hover > td {
  background: #f5f5f5;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
.cleanFormClass .search-content .ant-row.ant-form-item .ant-form-item-control-wrapper {
  width: calc(100% - 250px) !important;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-affix {
  position: fixed;
  z-index: 10;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-list {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #000000D9;
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  position: relative;
}
.ant-list * {
  outline: none;
}
.ant-list-pagination {
  margin-top: 24px;
  text-align: right;
}
.ant-list-pagination .ant-pagination-options {
  text-align: left;
}
.ant-list-more {
  margin-top: 12px;
  text-align: center;
}
.ant-list-more button {
  padding-right: 32px;
  padding-left: 32px;
}
.ant-list-spin {
  min-height: 40px;
  text-align: center;
}
.ant-list-empty-text {
  padding: 16px;
  color: rgba(0, 0, 0, 0.25);
  font-size: 12px;
  text-align: center;
}
.ant-list-items {
  margin: 0;
  padding: 0;
  list-style: none;
}
.ant-list-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 0;
}
.ant-list-item-content {
  color: #000000D9;
}
.ant-list-item-meta {
  display: flex;
  flex: 1;
  align-items: flex-start;
  font-size: 0;
}
.ant-list-item-meta-avatar {
  margin-right: 16px;
}
.ant-list-item-meta-content {
  flex: 1 0;
}
.ant-list-item-meta-title {
  margin-bottom: 4px;
  color: #000000D9;
  font-size: 12px;
  line-height: 22px;
}
.ant-list-item-meta-title > a {
  color: #000000D9;
  transition: all 0.3s;
}
.ant-list-item-meta-title > a:hover {
  color: #3A78F2;
}
.ant-list-item-meta-description {
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
  line-height: 22px;
}
.ant-list-item-action {
  flex: 0 0 auto;
  margin-left: 48px;
  padding: 0;
  font-size: 0;
  list-style: none;
}
.ant-list-item-action > li {
  position: relative;
  display: inline-block;
  padding: 0 8px;
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
  line-height: 22px;
  text-align: center;
  cursor: pointer;
}
.ant-list-item-action > li:first-child {
  padding-left: 0;
}
.ant-list-item-action-split {
  position: absolute;
  top: 50%;
  right: 0;
  width: 1px;
  height: 14px;
  margin-top: -7px;
  background-color: #e8e8e8;
}
.ant-list-header {
  background: transparent;
}
.ant-list-footer {
  background: transparent;
}
.ant-list-header,
.ant-list-footer {
  padding-top: 12px;
  padding-bottom: 12px;
}
.ant-list-empty {
  padding: 16px 0;
  color: rgba(0, 0, 0, 0.45);
  font-size: 12px;
  text-align: center;
}
.ant-list-split .ant-list-item {
  border-bottom: 1px solid #e8e8e8;
}
.ant-list-split .ant-list-item:last-child {
  border-bottom: none;
}
.ant-list-split .ant-list-header {
  border-bottom: 1px solid #e8e8e8;
}
.ant-list-loading .ant-list-spin-nested-loading {
  min-height: 32px;
}
.ant-list-something-after-last-item .ant-spin-container > .ant-list-items > .ant-list-item:last-child {
  border-bottom: 1px solid #e8e8e8;
}
.ant-list-lg .ant-list-item {
  padding-top: 16px;
  padding-bottom: 16px;
}
.ant-list-sm .ant-list-item {
  padding-top: 8px;
  padding-bottom: 8px;
}
.ant-list-vertical .ant-list-item {
  align-items: initial;
}
.ant-list-vertical .ant-list-item-main {
  display: block;
  flex: 1;
}
.ant-list-vertical .ant-list-item-extra {
  margin-left: 40px;
}
.ant-list-vertical .ant-list-item-meta {
  margin-bottom: 16px;
}
.ant-list-vertical .ant-list-item-meta-title {
  margin-bottom: 12px;
  color: rgba(0, 0, 0, 0.85);
  font-size: 14px;
  line-height: 24px;
}
.ant-list-vertical .ant-list-item-action {
  margin-top: 16px;
  margin-left: auto;
}
.ant-list-vertical .ant-list-item-action > li {
  padding: 0 16px;
}
.ant-list-vertical .ant-list-item-action > li:first-child {
  padding-left: 0;
}
.ant-list-grid .ant-col > .ant-list-item {
  display: block;
  max-width: 100%;
  margin-bottom: 16px;
  padding-top: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.ant-list-item-no-flex {
  display: block;
}
.ant-list:not(.ant-list-vertical) .ant-list-item-no-flex .ant-list-item-action {
  float: right;
}
.ant-list-bordered {
  border: 1px solid #d9d9d9;
  border-radius: 4px;
}
.ant-list-bordered .ant-list-header {
  padding-right: 24px;
  padding-left: 24px;
}
.ant-list-bordered .ant-list-footer {
  padding-right: 24px;
  padding-left: 24px;
}
.ant-list-bordered .ant-list-item {
  padding-right: 24px;
  padding-left: 24px;
  border-bottom: 1px solid #e8e8e8;
}
.ant-list-bordered .ant-list-pagination {
  margin: 16px 24px;
}
.ant-list-bordered.ant-list-sm .ant-list-item {
  padding-right: 16px;
  padding-left: 16px;
}
.ant-list-bordered.ant-list-sm .ant-list-header,
.ant-list-bordered.ant-list-sm .ant-list-footer {
  padding: 8px 16px;
}
.ant-list-bordered.ant-list-lg .ant-list-header,
.ant-list-bordered.ant-list-lg .ant-list-footer {
  padding: 16px 24px;
}
@media screen and (max-width: 768px) {
  .ant-list-item-action {
    margin-left: 24px;
  }
  .ant-list-vertical .ant-list-item-extra {
    margin-left: 24px;
  }
}
@media screen and (max-width: 576px) {
  .ant-list-item {
    flex-wrap: wrap;
  }
  .ant-list-item-action {
    margin-left: 12px;
  }
  .ant-list-vertical .ant-list-item {
    flex-wrap: wrap-reverse;
  }
  .ant-list-vertical .ant-list-item-main {
    min-width: 220px;
  }
  .ant-list-vertical .ant-list-item-extra {
    margin: auto auto 16px;
  }
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url(/res/resources/8b43027f.eot?v=4.7.0);
  src: url(/res/resources/8b43027f.eot?#iefix&v=4.7.0) format('embedded-opentype'), url(/res/resources/20fd1704.woff2?v=4.7.0) format('woff2'), url(/res/resources/f691f37e.woff?v=4.7.0) format('woff'), url(/res/resources/1e59d233.ttf?v=4.7.0) format('truetype'), url(/res/image/c1e38fd9e0.svg?v=4.7.0#fontawesomeregular) format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.28571429em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.85714286em;
}
.fa-border {
  padding: 0.2em 0.25em 0.15em;
  border: solid 0.08em #eeeeee;
  border-radius: 0.1em;
}
.fa-pull-left {
  float: left;
}
.fa-pull-right {
  float: right;
}
.fa.fa-pull-left {
  margin-right: 0.3em;
}
.fa.fa-pull-right {
  margin-left: 0.3em;
}
/* Deprecated as of 4.4.0 */
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left {
  margin-right: 0.3em;
}
.fa.pull-right {
  margin-left: 0.3em;
}
.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #ffffff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "\f000";
}
.fa-music:before {
  content: "\f001";
}
.fa-search:before {
  content: "\f002";
}
.fa-envelope-o:before {
  content: "\f003";
}
.fa-heart:before {
  content: "\f004";
}
.fa-star:before {
  content: "\f005";
}
.fa-star-o:before {
  content: "\f006";
}
.fa-user:before {
  content: "\f007";
}
.fa-film:before {
  content: "\f008";
}
.fa-th-large:before {
  content: "\f009";
}
.fa-th:before {
  content: "\f00a";
}
.fa-th-list:before {
  content: "\f00b";
}
.fa-check:before {
  content: "\f00c";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d";
}
.fa-search-plus:before {
  content: "\f00e";
}
.fa-search-minus:before {
  content: "\f010";
}
.fa-power-off:before {
  content: "\f011";
}
.fa-signal:before {
  content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
  content: "\f013";
}
.fa-trash-o:before {
  content: "\f014";
}
.fa-home:before {
  content: "\f015";
}
.fa-file-o:before {
  content: "\f016";
}
.fa-clock-o:before {
  content: "\f017";
}
.fa-road:before {
  content: "\f018";
}
.fa-download:before {
  content: "\f019";
}
.fa-arrow-circle-o-down:before {
  content: "\f01a";
}
.fa-arrow-circle-o-up:before {
  content: "\f01b";
}
.fa-inbox:before {
  content: "\f01c";
}
.fa-play-circle-o:before {
  content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e";
}
.fa-refresh:before {
  content: "\f021";
}
.fa-list-alt:before {
  content: "\f022";
}
.fa-lock:before {
  content: "\f023";
}
.fa-flag:before {
  content: "\f024";
}
.fa-headphones:before {
  content: "\f025";
}
.fa-volume-off:before {
  content: "\f026";
}
.fa-volume-down:before {
  content: "\f027";
}
.fa-volume-up:before {
  content: "\f028";
}
.fa-qrcode:before {
  content: "\f029";
}
.fa-barcode:before {
  content: "\f02a";
}
.fa-tag:before {
  content: "\f02b";
}
.fa-tags:before {
  content: "\f02c";
}
.fa-book:before {
  content: "\f02d";
}
.fa-bookmark:before {
  content: "\f02e";
}
.fa-print:before {
  content: "\f02f";
}
.fa-camera:before {
  content: "\f030";
}
.fa-font:before {
  content: "\f031";
}
.fa-bold:before {
  content: "\f032";
}
.fa-italic:before {
  content: "\f033";
}
.fa-text-height:before {
  content: "\f034";
}
.fa-text-width:before {
  content: "\f035";
}
.fa-align-left:before {
  content: "\f036";
}
.fa-align-center:before {
  content: "\f037";
}
.fa-align-right:before {
  content: "\f038";
}
.fa-align-justify:before {
  content: "\f039";
}
.fa-list:before {
  content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}
.fa-indent:before {
  content: "\f03c";
}
.fa-video-camera:before {
  content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e";
}
.fa-pencil:before {
  content: "\f040";
}
.fa-map-marker:before {
  content: "\f041";
}
.fa-adjust:before {
  content: "\f042";
}
.fa-tint:before {
  content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}
.fa-share-square-o:before {
  content: "\f045";
}
.fa-check-square-o:before {
  content: "\f046";
}
.fa-arrows:before {
  content: "\f047";
}
.fa-step-backward:before {
  content: "\f048";
}
.fa-fast-backward:before {
  content: "\f049";
}
.fa-backward:before {
  content: "\f04a";
}
.fa-play:before {
  content: "\f04b";
}
.fa-pause:before {
  content: "\f04c";
}
.fa-stop:before {
  content: "\f04d";
}
.fa-forward:before {
  content: "\f04e";
}
.fa-fast-forward:before {
  content: "\f050";
}
.fa-step-forward:before {
  content: "\f051";
}
.fa-eject:before {
  content: "\f052";
}
.fa-chevron-left:before {
  content: "\f053";
}
.fa-chevron-right:before {
  content: "\f054";
}
.fa-plus-circle:before {
  content: "\f055";
}
.fa-minus-circle:before {
  content: "\f056";
}
.fa-times-circle:before {
  content: "\f057";
}
.fa-check-circle:before {
  content: "\f058";
}
.fa-question-circle:before {
  content: "\f059";
}
.fa-info-circle:before {
  content: "\f05a";
}
.fa-crosshairs:before {
  content: "\f05b";
}
.fa-times-circle-o:before {
  content: "\f05c";
}
.fa-check-circle-o:before {
  content: "\f05d";
}
.fa-ban:before {
  content: "\f05e";
}
.fa-arrow-left:before {
  content: "\f060";
}
.fa-arrow-right:before {
  content: "\f061";
}
.fa-arrow-up:before {
  content: "\f062";
}
.fa-arrow-down:before {
  content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}
.fa-expand:before {
  content: "\f065";
}
.fa-compress:before {
  content: "\f066";
}
.fa-plus:before {
  content: "\f067";
}
.fa-minus:before {
  content: "\f068";
}
.fa-asterisk:before {
  content: "\f069";
}
.fa-exclamation-circle:before {
  content: "\f06a";
}
.fa-gift:before {
  content: "\f06b";
}
.fa-leaf:before {
  content: "\f06c";
}
.fa-fire:before {
  content: "\f06d";
}
.fa-eye:before {
  content: "\f06e";
}
.fa-eye-slash:before {
  content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}
.fa-plane:before {
  content: "\f072";
}
.fa-calendar:before {
  content: "\f073";
}
.fa-random:before {
  content: "\f074";
}
.fa-comment:before {
  content: "\f075";
}
.fa-magnet:before {
  content: "\f076";
}
.fa-chevron-up:before {
  content: "\f077";
}
.fa-chevron-down:before {
  content: "\f078";
}
.fa-retweet:before {
  content: "\f079";
}
.fa-shopping-cart:before {
  content: "\f07a";
}
.fa-folder:before {
  content: "\f07b";
}
.fa-folder-open:before {
  content: "\f07c";
}
.fa-arrows-v:before {
  content: "\f07d";
}
.fa-arrows-h:before {
  content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\f080";
}
.fa-twitter-square:before {
  content: "\f081";
}
.fa-facebook-square:before {
  content: "\f082";
}
.fa-camera-retro:before {
  content: "\f083";
}
.fa-key:before {
  content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
  content: "\f085";
}
.fa-comments:before {
  content: "\f086";
}
.fa-thumbs-o-up:before {
  content: "\f087";
}
.fa-thumbs-o-down:before {
  content: "\f088";
}
.fa-star-half:before {
  content: "\f089";
}
.fa-heart-o:before {
  content: "\f08a";
}
.fa-sign-out:before {
  content: "\f08b";
}
.fa-linkedin-square:before {
  content: "\f08c";
}
.fa-thumb-tack:before {
  content: "\f08d";
}
.fa-external-link:before {
  content: "\f08e";
}
.fa-sign-in:before {
  content: "\f090";
}
.fa-trophy:before {
  content: "\f091";
}
.fa-github-square:before {
  content: "\f092";
}
.fa-upload:before {
  content: "\f093";
}
.fa-lemon-o:before {
  content: "\f094";
}
.fa-phone:before {
  content: "\f095";
}
.fa-square-o:before {
  content: "\f096";
}
.fa-bookmark-o:before {
  content: "\f097";
}
.fa-phone-square:before {
  content: "\f098";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-facebook-f:before,
.fa-facebook:before {
  content: "\f09a";
}
.fa-github:before {
  content: "\f09b";
}
.fa-unlock:before {
  content: "\f09c";
}
.fa-credit-card:before {
  content: "\f09d";
}
.fa-feed:before,
.fa-rss:before {
  content: "\f09e";
}
.fa-hdd-o:before {
  content: "\f0a0";
}
.fa-bullhorn:before {
  content: "\f0a1";
}
.fa-bell:before {
  content: "\f0f3";
}
.fa-certificate:before {
  content: "\f0a3";
}
.fa-hand-o-right:before {
  content: "\f0a4";
}
.fa-hand-o-left:before {
  content: "\f0a5";
}
.fa-hand-o-up:before {
  content: "\f0a6";
}
.fa-hand-o-down:before {
  content: "\f0a7";
}
.fa-arrow-circle-left:before {
  content: "\f0a8";
}
.fa-arrow-circle-right:before {
  content: "\f0a9";
}
.fa-arrow-circle-up:before {
  content: "\f0aa";
}
.fa-arrow-circle-down:before {
  content: "\f0ab";
}
.fa-globe:before {
  content: "\f0ac";
}
.fa-wrench:before {
  content: "\f0ad";
}
.fa-tasks:before {
  content: "\f0ae";
}
.fa-filter:before {
  content: "\f0b0";
}
.fa-briefcase:before {
  content: "\f0b1";
}
.fa-arrows-alt:before {
  content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
  content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}
.fa-cloud:before {
  content: "\f0c2";
}
.fa-flask:before {
  content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}
.fa-paperclip:before {
  content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7";
}
.fa-square:before {
  content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9";
}
.fa-list-ul:before {
  content: "\f0ca";
}
.fa-list-ol:before {
  content: "\f0cb";
}
.fa-strikethrough:before {
  content: "\f0cc";
}
.fa-underline:before {
  content: "\f0cd";
}
.fa-table:before {
  content: "\f0ce";
}
.fa-magic:before {
  content: "\f0d0";
}
.fa-truck:before {
  content: "\f0d1";
}
.fa-pinterest:before {
  content: "\f0d2";
}
.fa-pinterest-square:before {
  content: "\f0d3";
}
.fa-google-plus-square:before {
  content: "\f0d4";
}
.fa-google-plus:before {
  content: "\f0d5";
}
.fa-money:before {
  content: "\f0d6";
}
.fa-caret-down:before {
  content: "\f0d7";
}
.fa-caret-up:before {
  content: "\f0d8";
}
.fa-caret-left:before {
  content: "\f0d9";
}
.fa-caret-right:before {
  content: "\f0da";
}
.fa-columns:before {
  content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de";
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-linkedin:before {
  content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}
.fa-comment-o:before {
  content: "\f0e5";
}
.fa-comments-o:before {
  content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7";
}
.fa-sitemap:before {
  content: "\f0e8";
}
.fa-umbrella:before {
  content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea";
}
.fa-lightbulb-o:before {
  content: "\f0eb";
}
.fa-exchange:before {
  content: "\f0ec";
}
.fa-cloud-download:before {
  content: "\f0ed";
}
.fa-cloud-upload:before {
  content: "\f0ee";
}
.fa-user-md:before {
  content: "\f0f0";
}
.fa-stethoscope:before {
  content: "\f0f1";
}
.fa-suitcase:before {
  content: "\f0f2";
}
.fa-bell-o:before {
  content: "\f0a2";
}
.fa-coffee:before {
  content: "\f0f4";
}
.fa-cutlery:before {
  content: "\f0f5";
}
.fa-file-text-o:before {
  content: "\f0f6";
}
.fa-building-o:before {
  content: "\f0f7";
}
.fa-hospital-o:before {
  content: "\f0f8";
}
.fa-ambulance:before {
  content: "\f0f9";
}
.fa-medkit:before {
  content: "\f0fa";
}
.fa-fighter-jet:before {
  content: "\f0fb";
}
.fa-beer:before {
  content: "\f0fc";
}
.fa-h-square:before {
  content: "\f0fd";
}
.fa-plus-square:before {
  content: "\f0fe";
}
.fa-angle-double-left:before {
  content: "\f100";
}
.fa-angle-double-right:before {
  content: "\f101";
}
.fa-angle-double-up:before {
  content: "\f102";
}
.fa-angle-double-down:before {
  content: "\f103";
}
.fa-angle-left:before {
  content: "\f104";
}
.fa-angle-right:before {
  content: "\f105";
}
.fa-angle-up:before {
  content: "\f106";
}
.fa-angle-down:before {
  content: "\f107";
}
.fa-desktop:before {
  content: "\f108";
}
.fa-laptop:before {
  content: "\f109";
}
.fa-tablet:before {
  content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}
.fa-circle-o:before {
  content: "\f10c";
}
.fa-quote-left:before {
  content: "\f10d";
}
.fa-quote-right:before {
  content: "\f10e";
}
.fa-spinner:before {
  content: "\f110";
}
.fa-circle:before {
  content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}
.fa-github-alt:before {
  content: "\f113";
}
.fa-folder-o:before {
  content: "\f114";
}
.fa-folder-open-o:before {
  content: "\f115";
}
.fa-smile-o:before {
  content: "\f118";
}
.fa-frown-o:before {
  content: "\f119";
}
.fa-meh-o:before {
  content: "\f11a";
}
.fa-gamepad:before {
  content: "\f11b";
}
.fa-keyboard-o:before {
  content: "\f11c";
}
.fa-flag-o:before {
  content: "\f11d";
}
.fa-flag-checkered:before {
  content: "\f11e";
}
.fa-terminal:before {
  content: "\f120";
}
.fa-code:before {
  content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}
.fa-location-arrow:before {
  content: "\f124";
}
.fa-crop:before {
  content: "\f125";
}
.fa-code-fork:before {
  content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127";
}
.fa-question:before {
  content: "\f128";
}
.fa-info:before {
  content: "\f129";
}
.fa-exclamation:before {
  content: "\f12a";
}
.fa-superscript:before {
  content: "\f12b";
}
.fa-subscript:before {
  content: "\f12c";
}
.fa-eraser:before {
  content: "\f12d";
}
.fa-puzzle-piece:before {
  content: "\f12e";
}
.fa-microphone:before {
  content: "\f130";
}
.fa-microphone-slash:before {
  content: "\f131";
}
.fa-shield:before {
  content: "\f132";
}
.fa-calendar-o:before {
  content: "\f133";
}
.fa-fire-extinguisher:before {
  content: "\f134";
}
.fa-rocket:before {
  content: "\f135";
}
.fa-maxcdn:before {
  content: "\f136";
}
.fa-chevron-circle-left:before {
  content: "\f137";
}
.fa-chevron-circle-right:before {
  content: "\f138";
}
.fa-chevron-circle-up:before {
  content: "\f139";
}
.fa-chevron-circle-down:before {
  content: "\f13a";
}
.fa-html5:before {
  content: "\f13b";
}
.fa-css3:before {
  content: "\f13c";
}
.fa-anchor:before {
  content: "\f13d";
}
.fa-unlock-alt:before {
  content: "\f13e";
}
.fa-bullseye:before {
  content: "\f140";
}
.fa-ellipsis-h:before {
  content: "\f141";
}
.fa-ellipsis-v:before {
  content: "\f142";
}
.fa-rss-square:before {
  content: "\f143";
}
.fa-play-circle:before {
  content: "\f144";
}
.fa-ticket:before {
  content: "\f145";
}
.fa-minus-square:before {
  content: "\f146";
}
.fa-minus-square-o:before {
  content: "\f147";
}
.fa-level-up:before {
  content: "\f148";
}
.fa-level-down:before {
  content: "\f149";
}
.fa-check-square:before {
  content: "\f14a";
}
.fa-pencil-square:before {
  content: "\f14b";
}
.fa-external-link-square:before {
  content: "\f14c";
}
.fa-share-square:before {
  content: "\f14d";
}
.fa-compass:before {
  content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
  content: "\f153";
}
.fa-gbp:before {
  content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
  content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158";
}
.fa-won:before,
.fa-krw:before {
  content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a";
}
.fa-file:before {
  content: "\f15b";
}
.fa-file-text:before {
  content: "\f15c";
}
.fa-sort-alpha-asc:before {
  content: "\f15d";
}
.fa-sort-alpha-desc:before {
  content: "\f15e";
}
.fa-sort-amount-asc:before {
  content: "\f160";
}
.fa-sort-amount-desc:before {
  content: "\f161";
}
.fa-sort-numeric-asc:before {
  content: "\f162";
}
.fa-sort-numeric-desc:before {
  content: "\f163";
}
.fa-thumbs-up:before {
  content: "\f164";
}
.fa-thumbs-down:before {
  content: "\f165";
}
.fa-youtube-square:before {
  content: "\f166";
}
.fa-youtube:before {
  content: "\f167";
}
.fa-xing:before {
  content: "\f168";
}
.fa-xing-square:before {
  content: "\f169";
}
.fa-youtube-play:before {
  content: "\f16a";
}
.fa-dropbox:before {
  content: "\f16b";
}
.fa-stack-overflow:before {
  content: "\f16c";
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-flickr:before {
  content: "\f16e";
}
.fa-adn:before {
  content: "\f170";
}
.fa-bitbucket:before {
  content: "\f171";
}
.fa-bitbucket-square:before {
  content: "\f172";
}
.fa-tumblr:before {
  content: "\f173";
}
.fa-tumblr-square:before {
  content: "\f174";
}
.fa-long-arrow-down:before {
  content: "\f175";
}
.fa-long-arrow-up:before {
  content: "\f176";
}
.fa-long-arrow-left:before {
  content: "\f177";
}
.fa-long-arrow-right:before {
  content: "\f178";
}
.fa-apple:before {
  content: "\f179";
}
.fa-windows:before {
  content: "\f17a";
}
.fa-android:before {
  content: "\f17b";
}
.fa-linux:before {
  content: "\f17c";
}
.fa-dribbble:before {
  content: "\f17d";
}
.fa-skype:before {
  content: "\f17e";
}
.fa-foursquare:before {
  content: "\f180";
}
.fa-trello:before {
  content: "\f181";
}
.fa-female:before {
  content: "\f182";
}
.fa-male:before {
  content: "\f183";
}
.fa-gittip:before,
.fa-gratipay:before {
  content: "\f184";
}
.fa-sun-o:before {
  content: "\f185";
}
.fa-moon-o:before {
  content: "\f186";
}
.fa-archive:before {
  content: "\f187";
}
.fa-bug:before {
  content: "\f188";
}
.fa-vk:before {
  content: "\f189";
}
.fa-weibo:before {
  content: "\f18a";
}
.fa-renren:before {
  content: "\f18b";
}
.fa-pagelines:before {
  content: "\f18c";
}
.fa-stack-exchange:before {
  content: "\f18d";
}
.fa-arrow-circle-o-right:before {
  content: "\f18e";
}
.fa-arrow-circle-o-left:before {
  content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191";
}
.fa-dot-circle-o:before {
  content: "\f192";
}
.fa-wheelchair:before {
  content: "\f193";
}
.fa-vimeo-square:before {
  content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195";
}
.fa-plus-square-o:before {
  content: "\f196";
}
.fa-space-shuttle:before {
  content: "\f197";
}
.fa-slack:before {
  content: "\f198";
}
.fa-envelope-square:before {
  content: "\f199";
}
.fa-wordpress:before {
  content: "\f19a";
}
.fa-openid:before {
  content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d";
}
.fa-yahoo:before {
  content: "\f19e";
}
.fa-google:before {
  content: "\f1a0";
}
.fa-reddit:before {
  content: "\f1a1";
}
.fa-reddit-square:before {
  content: "\f1a2";
}
.fa-stumbleupon-circle:before {
  content: "\f1a3";
}
.fa-stumbleupon:before {
  content: "\f1a4";
}
.fa-delicious:before {
  content: "\f1a5";
}
.fa-digg:before {
  content: "\f1a6";
}
.fa-pied-piper-pp:before {
  content: "\f1a7";
}
.fa-pied-piper-alt:before {
  content: "\f1a8";
}
.fa-drupal:before {
  content: "\f1a9";
}
.fa-joomla:before {
  content: "\f1aa";
}
.fa-language:before {
  content: "\f1ab";
}
.fa-fax:before {
  content: "\f1ac";
}
.fa-building:before {
  content: "\f1ad";
}
.fa-child:before {
  content: "\f1ae";
}
.fa-paw:before {
  content: "\f1b0";
}
.fa-spoon:before {
  content: "\f1b1";
}
.fa-cube:before {
  content: "\f1b2";
}
.fa-cubes:before {
  content: "\f1b3";
}
.fa-behance:before {
  content: "\f1b4";
}
.fa-behance-square:before {
  content: "\f1b5";
}
.fa-steam:before {
  content: "\f1b6";
}
.fa-steam-square:before {
  content: "\f1b7";
}
.fa-recycle:before {
  content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
  content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba";
}
.fa-tree:before {
  content: "\f1bb";
}
.fa-spotify:before {
  content: "\f1bc";
}
.fa-deviantart:before {
  content: "\f1bd";
}
.fa-soundcloud:before {
  content: "\f1be";
}
.fa-database:before {
  content: "\f1c0";
}
.fa-file-pdf-o:before {
  content: "\f1c1";
}
.fa-file-word-o:before {
  content: "\f1c2";
}
.fa-file-excel-o:before {
  content: "\f1c3";
}
.fa-file-powerpoint-o:before {
  content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8";
}
.fa-file-code-o:before {
  content: "\f1c9";
}
.fa-vine:before {
  content: "\f1ca";
}
.fa-codepen:before {
  content: "\f1cb";
}
.fa-jsfiddle:before {
  content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd";
}
.fa-circle-o-notch:before {
  content: "\f1ce";
}
.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
  content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
  content: "\f1d1";
}
.fa-git-square:before {
  content: "\f1d2";
}
.fa-git:before {
  content: "\f1d3";
}
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "\f1d4";
}
.fa-tencent-weibo:before {
  content: "\f1d5";
}
.fa-qq:before {
  content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9";
}
.fa-history:before {
  content: "\f1da";
}
.fa-circle-thin:before {
  content: "\f1db";
}
.fa-header:before {
  content: "\f1dc";
}
.fa-paragraph:before {
  content: "\f1dd";
}
.fa-sliders:before {
  content: "\f1de";
}
.fa-share-alt:before {
  content: "\f1e0";
}
.fa-share-alt-square:before {
  content: "\f1e1";
}
.fa-bomb:before {
  content: "\f1e2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\f1e3";
}
.fa-tty:before {
  content: "\f1e4";
}
.fa-binoculars:before {
  content: "\f1e5";
}
.fa-plug:before {
  content: "\f1e6";
}
.fa-slideshare:before {
  content: "\f1e7";
}
.fa-twitch:before {
  content: "\f1e8";
}
.fa-yelp:before {
  content: "\f1e9";
}
.fa-newspaper-o:before {
  content: "\f1ea";
}
.fa-wifi:before {
  content: "\f1eb";
}
.fa-calculator:before {
  content: "\f1ec";
}
.fa-paypal:before {
  content: "\f1ed";
}
.fa-google-wallet:before {
  content: "\f1ee";
}
.fa-cc-visa:before {
  content: "\f1f0";
}
.fa-cc-mastercard:before {
  content: "\f1f1";
}
.fa-cc-discover:before {
  content: "\f1f2";
}
.fa-cc-amex:before {
  content: "\f1f3";
}
.fa-cc-paypal:before {
  content: "\f1f4";
}
.fa-cc-stripe:before {
  content: "\f1f5";
}
.fa-bell-slash:before {
  content: "\f1f6";
}
.fa-bell-slash-o:before {
  content: "\f1f7";
}
.fa-trash:before {
  content: "\f1f8";
}
.fa-copyright:before {
  content: "\f1f9";
}
.fa-at:before {
  content: "\f1fa";
}
.fa-eyedropper:before {
  content: "\f1fb";
}
.fa-paint-brush:before {
  content: "\f1fc";
}
.fa-birthday-cake:before {
  content: "\f1fd";
}
.fa-area-chart:before {
  content: "\f1fe";
}
.fa-pie-chart:before {
  content: "\f200";
}
.fa-line-chart:before {
  content: "\f201";
}
.fa-lastfm:before {
  content: "\f202";
}
.fa-lastfm-square:before {
  content: "\f203";
}
.fa-toggle-off:before {
  content: "\f204";
}
.fa-toggle-on:before {
  content: "\f205";
}
.fa-bicycle:before {
  content: "\f206";
}
.fa-bus:before {
  content: "\f207";
}
.fa-ioxhost:before {
  content: "\f208";
}
.fa-angellist:before {
  content: "\f209";
}
.fa-cc:before {
  content: "\f20a";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\f20b";
}
.fa-meanpath:before {
  content: "\f20c";
}
.fa-buysellads:before {
  content: "\f20d";
}
.fa-connectdevelop:before {
  content: "\f20e";
}
.fa-dashcube:before {
  content: "\f210";
}
.fa-forumbee:before {
  content: "\f211";
}
.fa-leanpub:before {
  content: "\f212";
}
.fa-sellsy:before {
  content: "\f213";
}
.fa-shirtsinbulk:before {
  content: "\f214";
}
.fa-simplybuilt:before {
  content: "\f215";
}
.fa-skyatlas:before {
  content: "\f216";
}
.fa-cart-plus:before {
  content: "\f217";
}
.fa-cart-arrow-down:before {
  content: "\f218";
}
.fa-diamond:before {
  content: "\f219";
}
.fa-ship:before {
  content: "\f21a";
}
.fa-user-secret:before {
  content: "\f21b";
}
.fa-motorcycle:before {
  content: "\f21c";
}
.fa-street-view:before {
  content: "\f21d";
}
.fa-heartbeat:before {
  content: "\f21e";
}
.fa-venus:before {
  content: "\f221";
}
.fa-mars:before {
  content: "\f222";
}
.fa-mercury:before {
  content: "\f223";
}
.fa-intersex:before,
.fa-transgender:before {
  content: "\f224";
}
.fa-transgender-alt:before {
  content: "\f225";
}
.fa-venus-double:before {
  content: "\f226";
}
.fa-mars-double:before {
  content: "\f227";
}
.fa-venus-mars:before {
  content: "\f228";
}
.fa-mars-stroke:before {
  content: "\f229";
}
.fa-mars-stroke-v:before {
  content: "\f22a";
}
.fa-mars-stroke-h:before {
  content: "\f22b";
}
.fa-neuter:before {
  content: "\f22c";
}
.fa-genderless:before {
  content: "\f22d";
}
.fa-facebook-official:before {
  content: "\f230";
}
.fa-pinterest-p:before {
  content: "\f231";
}
.fa-whatsapp:before {
  content: "\f232";
}
.fa-server:before {
  content: "\f233";
}
.fa-user-plus:before {
  content: "\f234";
}
.fa-user-times:before {
  content: "\f235";
}
.fa-hotel:before,
.fa-bed:before {
  content: "\f236";
}
.fa-viacoin:before {
  content: "\f237";
}
.fa-train:before {
  content: "\f238";
}
.fa-subway:before {
  content: "\f239";
}
.fa-medium:before {
  content: "\f23a";
}
.fa-yc:before,
.fa-y-combinator:before {
  content: "\f23b";
}
.fa-optin-monster:before {
  content: "\f23c";
}
.fa-opencart:before {
  content: "\f23d";
}
.fa-expeditedssl:before {
  content: "\f23e";
}
.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
  content: "\f240";
}
.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "\f241";
}
.fa-battery-2:before,
.fa-battery-half:before {
  content: "\f242";
}
.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "\f243";
}
.fa-battery-0:before,
.fa-battery-empty:before {
  content: "\f244";
}
.fa-mouse-pointer:before {
  content: "\f245";
}
.fa-i-cursor:before {
  content: "\f246";
}
.fa-object-group:before {
  content: "\f247";
}
.fa-object-ungroup:before {
  content: "\f248";
}
.fa-sticky-note:before {
  content: "\f249";
}
.fa-sticky-note-o:before {
  content: "\f24a";
}
.fa-cc-jcb:before {
  content: "\f24b";
}
.fa-cc-diners-club:before {
  content: "\f24c";
}
.fa-clone:before {
  content: "\f24d";
}
.fa-balance-scale:before {
  content: "\f24e";
}
.fa-hourglass-o:before {
  content: "\f250";
}
.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "\f251";
}
.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "\f252";
}
.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "\f253";
}
.fa-hourglass:before {
  content: "\f254";
}
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "\f255";
}
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "\f256";
}
.fa-hand-scissors-o:before {
  content: "\f257";
}
.fa-hand-lizard-o:before {
  content: "\f258";
}
.fa-hand-spock-o:before {
  content: "\f259";
}
.fa-hand-pointer-o:before {
  content: "\f25a";
}
.fa-hand-peace-o:before {
  content: "\f25b";
}
.fa-trademark:before {
  content: "\f25c";
}
.fa-registered:before {
  content: "\f25d";
}
.fa-creative-commons:before {
  content: "\f25e";
}
.fa-gg:before {
  content: "\f260";
}
.fa-gg-circle:before {
  content: "\f261";
}
.fa-tripadvisor:before {
  content: "\f262";
}
.fa-odnoklassniki:before {
  content: "\f263";
}
.fa-odnoklassniki-square:before {
  content: "\f264";
}
.fa-get-pocket:before {
  content: "\f265";
}
.fa-wikipedia-w:before {
  content: "\f266";
}
.fa-safari:before {
  content: "\f267";
}
.fa-chrome:before {
  content: "\f268";
}
.fa-firefox:before {
  content: "\f269";
}
.fa-opera:before {
  content: "\f26a";
}
.fa-internet-explorer:before {
  content: "\f26b";
}
.fa-tv:before,
.fa-television:before {
  content: "\f26c";
}
.fa-contao:before {
  content: "\f26d";
}
.fa-500px:before {
  content: "\f26e";
}
.fa-amazon:before {
  content: "\f270";
}
.fa-calendar-plus-o:before {
  content: "\f271";
}
.fa-calendar-minus-o:before {
  content: "\f272";
}
.fa-calendar-times-o:before {
  content: "\f273";
}
.fa-calendar-check-o:before {
  content: "\f274";
}
.fa-industry:before {
  content: "\f275";
}
.fa-map-pin:before {
  content: "\f276";
}
.fa-map-signs:before {
  content: "\f277";
}
.fa-map-o:before {
  content: "\f278";
}
.fa-map:before {
  content: "\f279";
}
.fa-commenting:before {
  content: "\f27a";
}
.fa-commenting-o:before {
  content: "\f27b";
}
.fa-houzz:before {
  content: "\f27c";
}
.fa-vimeo:before {
  content: "\f27d";
}
.fa-black-tie:before {
  content: "\f27e";
}
.fa-fonticons:before {
  content: "\f280";
}
.fa-reddit-alien:before {
  content: "\f281";
}
.fa-edge:before {
  content: "\f282";
}
.fa-credit-card-alt:before {
  content: "\f283";
}
.fa-codiepie:before {
  content: "\f284";
}
.fa-modx:before {
  content: "\f285";
}
.fa-fort-awesome:before {
  content: "\f286";
}
.fa-usb:before {
  content: "\f287";
}
.fa-product-hunt:before {
  content: "\f288";
}
.fa-mixcloud:before {
  content: "\f289";
}
.fa-scribd:before {
  content: "\f28a";
}
.fa-pause-circle:before {
  content: "\f28b";
}
.fa-pause-circle-o:before {
  content: "\f28c";
}
.fa-stop-circle:before {
  content: "\f28d";
}
.fa-stop-circle-o:before {
  content: "\f28e";
}
.fa-shopping-bag:before {
  content: "\f290";
}
.fa-shopping-basket:before {
  content: "\f291";
}
.fa-hashtag:before {
  content: "\f292";
}
.fa-bluetooth:before {
  content: "\f293";
}
.fa-bluetooth-b:before {
  content: "\f294";
}
.fa-percent:before {
  content: "\f295";
}
.fa-gitlab:before {
  content: "\f296";
}
.fa-wpbeginner:before {
  content: "\f297";
}
.fa-wpforms:before {
  content: "\f298";
}
.fa-envira:before {
  content: "\f299";
}
.fa-universal-access:before {
  content: "\f29a";
}
.fa-wheelchair-alt:before {
  content: "\f29b";
}
.fa-question-circle-o:before {
  content: "\f29c";
}
.fa-blind:before {
  content: "\f29d";
}
.fa-audio-description:before {
  content: "\f29e";
}
.fa-volume-control-phone:before {
  content: "\f2a0";
}
.fa-braille:before {
  content: "\f2a1";
}
.fa-assistive-listening-systems:before {
  content: "\f2a2";
}
.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: "\f2a3";
}
.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: "\f2a4";
}
.fa-glide:before {
  content: "\f2a5";
}
.fa-glide-g:before {
  content: "\f2a6";
}
.fa-signing:before,
.fa-sign-language:before {
  content: "\f2a7";
}
.fa-low-vision:before {
  content: "\f2a8";
}
.fa-viadeo:before {
  content: "\f2a9";
}
.fa-viadeo-square:before {
  content: "\f2aa";
}
.fa-snapchat:before {
  content: "\f2ab";
}
.fa-snapchat-ghost:before {
  content: "\f2ac";
}
.fa-snapchat-square:before {
  content: "\f2ad";
}
.fa-pied-piper:before {
  content: "\f2ae";
}
.fa-first-order:before {
  content: "\f2b0";
}
.fa-yoast:before {
  content: "\f2b1";
}
.fa-themeisle:before {
  content: "\f2b2";
}
.fa-google-plus-circle:before,
.fa-google-plus-official:before {
  content: "\f2b3";
}
.fa-fa:before,
.fa-font-awesome:before {
  content: "\f2b4";
}
.fa-handshake-o:before {
  content: "\f2b5";
}
.fa-envelope-open:before {
  content: "\f2b6";
}
.fa-envelope-open-o:before {
  content: "\f2b7";
}
.fa-linode:before {
  content: "\f2b8";
}
.fa-address-book:before {
  content: "\f2b9";
}
.fa-address-book-o:before {
  content: "\f2ba";
}
.fa-vcard:before,
.fa-address-card:before {
  content: "\f2bb";
}
.fa-vcard-o:before,
.fa-address-card-o:before {
  content: "\f2bc";
}
.fa-user-circle:before {
  content: "\f2bd";
}
.fa-user-circle-o:before {
  content: "\f2be";
}
.fa-user-o:before {
  content: "\f2c0";
}
.fa-id-badge:before {
  content: "\f2c1";
}
.fa-drivers-license:before,
.fa-id-card:before {
  content: "\f2c2";
}
.fa-drivers-license-o:before,
.fa-id-card-o:before {
  content: "\f2c3";
}
.fa-quora:before {
  content: "\f2c4";
}
.fa-free-code-camp:before {
  content: "\f2c5";
}
.fa-telegram:before {
  content: "\f2c6";
}
.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
  content: "\f2c7";
}
.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
  content: "\f2c8";
}
.fa-thermometer-2:before,
.fa-thermometer-half:before {
  content: "\f2c9";
}
.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
  content: "\f2ca";
}
.fa-thermometer-0:before,
.fa-thermometer-empty:before {
  content: "\f2cb";
}
.fa-shower:before {
  content: "\f2cc";
}
.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
  content: "\f2cd";
}
.fa-podcast:before {
  content: "\f2ce";
}
.fa-window-maximize:before {
  content: "\f2d0";
}
.fa-window-minimize:before {
  content: "\f2d1";
}
.fa-window-restore:before {
  content: "\f2d2";
}
.fa-times-rectangle:before,
.fa-window-close:before {
  content: "\f2d3";
}
.fa-times-rectangle-o:before,
.fa-window-close-o:before {
  content: "\f2d4";
}
.fa-bandcamp:before {
  content: "\f2d5";
}
.fa-grav:before {
  content: "\f2d6";
}
.fa-etsy:before {
  content: "\f2d7";
}
.fa-imdb:before {
  content: "\f2d8";
}
.fa-ravelry:before {
  content: "\f2d9";
}
.fa-eercast:before {
  content: "\f2da";
}
.fa-microchip:before {
  content: "\f2db";
}
.fa-snowflake-o:before {
  content: "\f2dc";
}
.fa-superpowers:before {
  content: "\f2dd";
}
.fa-wpexplorer:before {
  content: "\f2de";
}
.fa-meetup:before {
  content: "\f2e0";
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
.home-all-app-header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.home-all-app .header-left {
  width: 70%;
}
.home-all-app .header-left button:nth-child(n + 2) {
  margin-left: 10px;
}
.home-all-app .header-right {
  width: 30%;
  display: flex;
  justify-content: end;
  align-items: center;
}
.home-all-app .header-right .active {
  color: #4a97f1;
}
.home-all-app .header-right span:hover {
  cursor: pointer;
}
.esb-app-list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-top: 30px;
}
.esb-app-list .esb-app-list-item {
  display: flex;
  /* width: calc(~"100% / 5 - 16px"); */
  width: calc(100% / 4 - 16px);
  height: 152px;
  padding: 20px 20px 0;
  overflow: hidden;
  border: 1px solid #f0f0f0;
  border-radius: 4px;
  box-sizing: border-box;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.02);
  cursor: pointer;
  /*&:nth-child(n + 6) {
        margin-top: 20px;
      }
       &:not(:nth-child(5n + 1)) {
        margin-left: 20px;
      } */
}
.esb-app-list .esb-app-list-item:hover {
  background: rgba(255, 255, 255, 0.04);
  box-shadow: 2px 2px 16px 0px rgba(58, 120, 242, 0.3);
  border-radius: 6px;
  border: 1px solid rgba(58, 120, 242, 0.3);
}
.esb-app-list .esb-app-list-item:hover .esb-app-action {
  color: #666;
  opacity: 0.8;
}
.esb-app-list .esb-app-list-item:nth-child(n + 5) {
  margin-top: 20px;
}
.esb-app-list .esb-app-list-item:not(:nth-child(4n + 1)) {
  margin-left: 20px;
}
.esb-app-list .esb-app-list-item .esb-app-icon {
  width: 24px;
  margin-right: 16px;
  color: #4a97f1;
  line-height: 30px;
}
.esb-app-list .esb-app-list-item .esb-app-info {
  flex: auto;
  width: calc(100% - 90px);
}
.esb-app-list .esb-app-list-item .esb-app-info p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.esb-app-list .esb-app-list-item .esb-app-info p:nth-child(1) {
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 600;
  color: #333;
  /* text-overflow: ellipsis;
                                      white-space: nowrap; */
}
.esb-app-list .esb-app-list-item .esb-app-info p:nth-child(n + 2) {
  margin-bottom: 5px;
  font-size: 12px;
  color: #999;
  line-height: 22px;
}
.esb-app-list .esb-app-list-item .esb-app-action {
  margin-left: 10px;
  opacity: 0.2;
  /* &-icon{
                      color: #666;
                      &:hover{
                          color: rgba(58,120,242,0.3000);
                      }
                  } */
}
.esb-app-list .esb-app-list-item .esb-app-action .ant-btn {
  padding: 0 !important;
}
.esb-app-list .esb-app-list-item .esb-app-action .ant-btn-link {
  color: #666;
}
.esb-app-list .esb-app-list-item .esb-app-action .ant-btn-link:hover {
  color: #669eff;
}
@media screen and (min-width: 1520px) {
  .esb-app-list .esb-app-list-item {
    margin-left: 0 !important;
    margin-top: 0 !important;
    width: calc(100% / 5 - 16px);
  }
  .esb-app-list .esb-app-list-item:nth-child(n + 6) {
    margin-top: 20px !important;
  }
  .esb-app-list .esb-app-list-item:not(:nth-child(5n + 1)) {
    margin-left: 20px !important;
  }
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
.home-new {
  background: #F0F2F5;
  /* background: #1F1F1F; */
  min-height: 88vh;
  min-width: 100vh;
  padding: 12px;
  padding-bottom: 0px;
  margin: -42px -42px -30px -43px;
}
.home-new .serveInformation {
  background: #FFFFFF;
  border: none;
  border-radius: 12px;
  padding: 16px 20px 8px 20px;
  margin-bottom: 16px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}
.home-new .serveInformation span {
  font-size: 13px;
  font-family: 'Microsoft YaHei', sans-serif;
  font-weight: 500;
  color: #303030;
  margin-bottom: 0px;
}
.home-new .serveInformation-title {
  position: relative;
  top: 0;
  background: transparent;
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}
.home-new .serveInformation-title .serveInformation-title-word {
  font-size: 16px;
  font-family: sans-serif;
  font-weight: 500;
  display: flex;
  align-items: center;
}
.home-new .serveInformation-title .serveInformation-title-word img {
  margin-right: 8px;
}
.home-new .serveInformation-content {
  border: none;
  height: 64px;
  background: linear-gradient(to bottom, #f6f9febf 0%, #FCFDFF 100%);
  border-radius: 8px;
  display: flex;
  text-align: center;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  font-family: 'Microsoft YaHei', sans-serif;
  font-weight: 400;
  color: #333333;
  margin-bottom: 12px;
  padding: 0 16px;
  transition: all 0.3s ease;
}
.home-new .serveInformation-content:hover {
  background: linear-gradient(135deg, #EEF4FF 0%, #E6EFFF 100%);
  transform: translateY(-1px);
}
.home-new .serveInformation-content .serveInformation-content-item {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0 2px;
}
.home-new .serveInformation-content .serveInformation-content-item img {
  width: 20px;
  height: 20px;
}
.home-new .serveInformation-content:last-child {
  margin-bottom: 0;
}
.home-new .processInformation {
  width: 100%;
  min-height: 100px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 10px;
}
.home-new .processInformation .processInformation-content {
  height: 100%;
  display: flex;
  background: linear-gradient(to bottom, #f6f9febf 0%, #FCFDFF 100%);
  border-radius: 12px;
  justify-content: space-between;
  box-sizing: border-box;
  transition: all 0.3s ease;
  align-items: center;
}
.home-new .processInformation .processInformation-content h5 {
  margin-bottom: 0px;
}
.home-new .processInformation .processInformation-content:hover {
  background: linear-gradient(to bottom, #EEF4FF 0%, #F8FAFF 100%);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(27, 92, 254, 0.15);
}
.home-new .processInformation .processInformation-content .processInformation-bg {
  margin-top: 2px;
  margin-right: -3px;
}
.home-new .processInformation .processInformation-content .processInformation-item {
  padding: 16px 12px;
  flex: 1;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  position: relative;
  cursor: pointer;
  transition: all 0.2s ease;
}
.home-new .processInformation .processInformation-content .processInformation-item:not(:last-child)::after {
  content: '';
  position: absolute;
  right: 0;
  top: 20%;
  bottom: 20%;
  width: 1px;
  background: linear-gradient(to bottom, transparent, #E0E6FF, transparent);
}
.home-new .processInformation .processInformation-content .processInformation-item:hover {
  transform: scale(1.05);
}
.home-new .processInformation .processInformation-content .processInformation-item .item-count {
  font-size: 24px;
  font-family: 'Microsoft YaHei', sans-serif;
  font-weight: 500;
  text-shadow: 0.5px 0 0 currentColor;
  color: #333333;
  margin-bottom: 8px;
  transition: color 0.2s ease;
}
.home-new .processInformation .processInformation-content .processInformation-item .item-count.color-blue {
  color: #3DA0EF !important;
}
.home-new .processInformation .processInformation-content .processInformation-item .item-count.color-green {
  color: #52C41A !important;
}
.home-new .processInformation .processInformation-content .processInformation-item .item-count.color-orange {
  color: #FF7875 !important;
}
.home-new .processInformation .processInformation-content .processInformation-item .item-content {
  font-size: 13px;
  font-family: 'Microsoft YaHei', sans-serif;
  font-weight: 400;
  color: #666666;
  display: flex;
  align-items: center;
  justify-content: center;
}
.home-new .processInformation .processInformation-content .processInformation-item .item-content img {
  margin-right: 2px;
  width: 16px;
  height: 16px;
}
.home-new .processInformation.processInformation-more {
  margin-top: 10px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  overflow-x: auto;
  align-items: center;
  scrollbar-width: none;
}
.home-new .processInformation.processInformation-more::-webkit-scrollbar {
  display: none;
}
.home-new .processInformation.processInformation-more .processInformation-more-item {
  flex: 1;
  min-width: 160px;
  max-width: 180px;
  height: 80px;
  text-align: center;
  border-radius: 12px;
  background: linear-gradient(to bottom, #f6f9febf 0%, #FCFDFF 100%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease;
}
.home-new .processInformation.processInformation-more .processInformation-more-item .item-content-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 0 12px;
}
.home-new .processInformation.processInformation-more .processInformation-more-item .item-content-container img {
  margin-left: 10px;
  width: 38px;
  height: 38px;
}
.home-new .processInformation.processInformation-more .processInformation-more-item .item-text-count {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.home-new .processInformation.processInformation-more .processInformation-more-item .item-text-count span {
  font-size: 13px;
  font-family: 'Microsoft YaHei', sans-serif;
  font-weight: 500;
  color: #303030;
  margin-bottom: 0px;
}
.home-new .processInformation.processInformation-more .processInformation-more-item .item-content {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1.2;
}
.home-new .processInformation.processInformation-more .processInformation-more-item .item-content img {
  margin-right: 2px;
  width: 16px;
  height: 16px;
}
.home-new .processInformation.processInformation-more .processInformation-more-item:last-child {
  margin-right: 0;
}
.home-new .processInformation.processInformation-more .processInformation-more-item:hover {
  background: linear-gradient(to bottom, #EEF4FF 0%, #F8FAFF 100%);
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(27, 92, 254, 0.12);
}
.home-new .processInformation.processInformation-more .processInformation-more-item .item-count {
  font-size: 24px;
  font-family: 'Microsoft YaHei', sans-serif;
  font-weight: 500;
  text-shadow: 0.5px 0 0 currentColor;
  color: #1F1F1F;
  margin-bottom: 6px;
  transition: all 0.2s ease;
  line-height: 1;
}
@media (max-width: 1400px) {
  .home-new .processInformation.processInformation-more .processInformation-more-item {
    min-width: 120px;
    padding: 12px 6px;
  }
  .home-new .processInformation.processInformation-more .processInformation-more-item .item-count,
  .home-new .processInformation.processInformation-more .processInformation-more-item .item-count-error {
    font-size: 24px;
  }
  .home-new .processInformation.processInformation-more .processInformation-more-item .item-content {
    font-size: 10px;
  }
}
@media (max-width: 1200px) {
  .home-new .processInformation.processInformation-more .processInformation-more-item {
    min-width: 100px;
  }
  .home-new .processInformation.processInformation-more .processInformation-more-item .item-count,
  .home-new .processInformation.processInformation-more .processInformation-more-item .item-count-error {
    font-size: 24px;
  }
}
.color-blue {
  color: #3DA0EF !important;
}
.color-green {
  color: #52C41A !important;
}
.color-orange {
  color: #FF7875 !important;
}
.color-yellow {
  color: #ecc372 !important;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/*!
 * Cropper.js v1.6.2
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2024-04-21T07:43:02.731Z
 */
.cropper-container {
  direction: ltr;
  font-size: 0;
  line-height: 0;
  position: relative;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.cropper-container img {
  backface-visibility: hidden;
  display: block;
  height: 100%;
  image-orientation: 0deg;
  max-height: none !important;
  max-width: none !important;
  min-height: 0 !important;
  min-width: 0 !important;
  width: 100%;
}
.cropper-wrap-box,
.cropper-canvas,
.cropper-drag-box,
.cropper-crop-box,
.cropper-modal {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.cropper-wrap-box,
.cropper-canvas {
  overflow: hidden;
}
.cropper-drag-box {
  background-color: #fff;
  opacity: 0;
}
.cropper-modal {
  background-color: #000;
  opacity: 0.5;
}
.cropper-view-box {
  display: block;
  height: 100%;
  outline: 1px solid #39f;
  outline-color: rgba(51, 153, 255, 0.75);
  overflow: hidden;
  width: 100%;
}
.cropper-dashed {
  border: 0 dashed #eee;
  display: block;
  opacity: 0.5;
  position: absolute;
}
.cropper-dashed.dashed-h {
  border-bottom-width: 1px;
  border-top-width: 1px;
  height: calc(100% / 3);
  left: 0;
  top: calc(100% / 3);
  width: 100%;
}
.cropper-dashed.dashed-v {
  border-left-width: 1px;
  border-right-width: 1px;
  height: 100%;
  left: calc(100% / 3);
  top: 0;
  width: calc(100% / 3);
}
.cropper-center {
  display: block;
  height: 0;
  left: 50%;
  opacity: 0.75;
  position: absolute;
  top: 50%;
  width: 0;
}
.cropper-center::before,
.cropper-center::after {
  background-color: #eee;
  content: ' ';
  display: block;
  position: absolute;
}
.cropper-center::before {
  height: 1px;
  left: -3px;
  top: 0;
  width: 7px;
}
.cropper-center::after {
  height: 7px;
  left: 0;
  top: -3px;
  width: 1px;
}
.cropper-face,
.cropper-line,
.cropper-point {
  display: block;
  height: 100%;
  opacity: 0.1;
  position: absolute;
  width: 100%;
}
.cropper-face {
  background-color: #fff;
  left: 0;
  top: 0;
}
.cropper-line {
  background-color: #39f;
}
.cropper-line.line-e {
  cursor: ew-resize;
  right: -3px;
  top: 0;
  width: 5px;
}
.cropper-line.line-n {
  cursor: ns-resize;
  height: 5px;
  left: 0;
  top: -3px;
}
.cropper-line.line-w {
  cursor: ew-resize;
  left: -3px;
  top: 0;
  width: 5px;
}
.cropper-line.line-s {
  bottom: -3px;
  cursor: ns-resize;
  height: 5px;
  left: 0;
}
.cropper-point {
  background-color: #39f;
  height: 5px;
  opacity: 0.75;
  width: 5px;
}
.cropper-point.point-e {
  cursor: ew-resize;
  margin-top: -3px;
  right: -3px;
  top: 50%;
}
.cropper-point.point-n {
  cursor: ns-resize;
  left: 50%;
  margin-left: -3px;
  top: -3px;
}
.cropper-point.point-w {
  cursor: ew-resize;
  left: -3px;
  margin-top: -3px;
  top: 50%;
}
.cropper-point.point-s {
  bottom: -3px;
  cursor: s-resize;
  left: 50%;
  margin-left: -3px;
}
.cropper-point.point-ne {
  cursor: nesw-resize;
  right: -3px;
  top: -3px;
}
.cropper-point.point-nw {
  cursor: nwse-resize;
  left: -3px;
  top: -3px;
}
.cropper-point.point-sw {
  bottom: -3px;
  cursor: nesw-resize;
  left: -3px;
}
.cropper-point.point-se {
  bottom: -3px;
  cursor: nwse-resize;
  height: 20px;
  opacity: 1;
  right: -3px;
  width: 20px;
}
@media (min-width: 768px) {
  .cropper-point.point-se {
    height: 15px;
    width: 15px;
  }
}
@media (min-width: 992px) {
  .cropper-point.point-se {
    height: 10px;
    width: 10px;
  }
}
@media (min-width: 1200px) {
  .cropper-point.point-se {
    height: 5px;
    opacity: 0.75;
    width: 5px;
  }
}
.cropper-point.point-se::before {
  background-color: #39f;
  bottom: -50%;
  content: ' ';
  display: block;
  height: 200%;
  opacity: 0;
  position: absolute;
  right: -50%;
  width: 200%;
}
.cropper-invisible {
  opacity: 0;
}
.cropper-bg {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC);
}
.cropper-hide {
  display: block;
  height: 0;
  position: absolute;
  width: 0;
}
.cropper-hidden {
  display: none !important;
}
.cropper-move {
  cursor: move;
}
.cropper-crop {
  cursor: crosshair;
}
.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
  cursor: not-allowed;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
.new-application-source-select {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
.data-source-type-btn {
  display: flex;
  align-items: center;
}
.data-source-type-action {
  margin: 0;
  padding: 0;
}
.data-source-type-action .anticon-down {
  margin-left: 0 !important;
}
.data-source-type-icon {
  width: 24px;
  margin-right: 6px;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
.list-data-source-icon {
  width: 24px;
  margin-right: 6px;
}
.body-auto-drawer-dataSource .ant-drawer-title {
  font-size: 17px;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
.home-all-app {
  /*  padding: 0px !important; */
  background: #fff !important;
  width: 100% !important;
  box-sizing: border-box !important;
  overflow-x: auto !important;
  /* 添加横向滚动 */
}
.esb-app-list {
  display: flex !important;
  width: 100% !important;
  min-width: 1200px !important;
  /* 设置最小宽度 */
  border-spacing: 19px 0 !important;
  table-layout: fixed !important;
}
.esb-app-list-item {
  /*  height: 122px !important; */
  /*  width: 224px !important; */
  background: #fff !important;
  border-radius: 6px !important;
  padding: 19px !important;
  cursor: pointer !important;
  transition: all 0.3s !important;
  display: flex !important;
  vertical-align: top !important;
  align-items: flex-start !important;
  /* 改为顶部对齐 */
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06) !important;
  border: 1px solid #f0f0f0 !important;
  box-sizing: border-box !important;
}
.esb-app-list-item:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
  border-color: #1890ff !important;
}
.esb-app-icon {
  margin-right: 13px !important;
  flex-shrink: 0 !important;
}
.esb-app-info {
  flex: 1 !important;
  min-width: 0 !important;
  overflow: hidden !important;
}
.esb-app-info p {
  margin: 0 !important;
  line-height: 18px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.esb-app-info p:first-child {
  font-weight: 500 !important;
  color: rgba(0, 0, 0, 0.85) !important;
  font-size: 11px !important;
}
.esb-app-info p:last-child {
  color: rgba(0, 0, 0, 0.45) !important;
  font-size: 10px !important;
}
.esb-app-action {
  opacity: 0 !important;
  transition: opacity 0.3s !important;
  flex-shrink: 0 !important;
}
.esb-app-list-item:hover .esb-app-action {
  opacity: 1 !important;
}
.esb-app-info .category-title {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  justify-content: space-between !important;
  /* 确保两端对齐 */
}
.esb-app-info .category-name {
  width: 200px !important;
  /* 固定宽度 */
  display: inline-block !important;
  flex: 1 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  margin-right: 16px !important;
}
/* 添加 Badge 样式调整 */
.esb-app-info .category-title .ant-badge {
  transform: translateY(-4px) !important;
  /* 向上移动2px */
}
.more-actions {
  display: inline-flex;
  align-items: center;
  padding: 4px;
  cursor: pointer;
  border-radius: 4px;
  transition: all 0.3s;
  color: rgba(0, 0, 0, 0.65) !important;
  /* 加深颜色 */
  font-size: 14px !important;
  /* 确保图标大小 */
  opacity: 0.5;
  /* 始终显示 */
}
.more-actions:hover {
  color: rgba(0, 0, 0, 0.65) !important;
  /* 保持颜色不变 */
}
.category-title {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 8px;
  /* 使用gap替代margin */
}
.category-name {
  font-size: 14px !important;
  /* 增大字体大小 */
  max-width: 300px;
  /* 增加最大宽度 */
  width: 150px !important;
  /* 固定宽度 */
  flex: 1;
  min-width: 90px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #333333 !important;
  /* 改为纯黑色 */
  font-weight: 700 !important;
  /* 增加字体粗细 */
}
/* Dropdown菜单样式 */
.ant-dropdown-menu-item {
  display: flex;
  align-items: center;
  padding: 5px 12px;
}
.ant-dropdown-menu-item i {
  margin-right: 8px;
}
.module-category-home .ant-badge-count {
  background-color: #FFC94A !important;
  color: #ffffff !important;
  border: none !important;
  box-shadow: none !important;
}
.module-category-home .ant-badge-count sup {
  color: #ffffff !important;
}
.module-category-home .ant-badge .ant-scroll-number {
  color: #ffffff !important;
}
.module-category-home .ant-badge .ant-scroll-number-only {
  color: #ffffff !important;
}
.module-category-home .custom-badge {
  background-color: #FFC94A !important;
  color: #ffffff !important;
  font-size: 12px !important;
  height: 20px !important;
  min-width: 20px !important;
  padding: 0 6px !important;
  border-radius: 10px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-weight: 500 !important;
  border: none !important;
  box-shadow: none !important;
  position: relative !important;
  top: -2px !important;
}
.esb-app-info p {
  font-size: 12px !important;
  color: rgba(0, 0, 0, 0.45) !important;
  margin: 4px 0 !important;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/* 侧边栏文字颜色 */
/* 侧边栏移入文字颜色 */
/* 侧边栏选中文字颜色 */
/* 侧边栏icon颜色 */
/* 侧边栏选中icon颜色 */
/* 侧边栏背景色 */
/* 侧边栏选中背景色 */
.scrollbar-style::-webkit-scrollbar {
  width: 1px;
  height: 1px;
  background-color: #fff;
}
.scrollbar-style::-webkit-scrollbar-track {
  border-radius: 10px;
  background: #fff;
}
.scrollbar-style::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #fff;
}
.scrollbar-style::-webkit-scrollbar-button {
  height: 0;
  background-color: #fff;
}
.header-userInfo-content .style {
  padding: 0 20px;
}
.header-userInfo-content .style:hover {
  background: rgba(58, 120, 242, 0.08);
  border-radius: 4px;
  cursor: pointer;
}
.header-userInfo-content .style:hover .header-userInfo-btn {
  color: #3A78F2;
}
.header-userInfo-content .style:hover .header-userInfo-icon {
  color: #3A78F2;
}
.header-userInfo-content .style .header-userInfo-btn {
  color: #666;
}
.defaultLayout-header {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 8;
  padding: 0;
  color: #fff;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.defaultLayout-header .header-content-right {
  float: right;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 21px;
}
.defaultLayout-header .header-content-right .header-userInfo {
  padding: 0;
  font-size: 14px;
  cursor: pointer;
  color: #fff;
  display: flex;
  align-items: center;
  height: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.defaultLayout-header .header-content-right .header-userInfo-btn .header-userInfo-serve {
  color: #000 !important;
}
.defaultLayout-header .header-content-right .header-userInfo-text {
  max-width: 80px;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1;
}
.defaultLayout-header .header-content-right .header-userInfo-dropdown {
  position: relative;
  display: flex;
  align-items: center;
}
.defaultLayout-header .header-content-right .header-userInfo-dropdown-content {
  display: flex;
  align-items: center;
  padding-right: 15px;
  height: 5px;
}
.defaultLayout-header .header-content-right .header-userInfo-dropdown-after {
  content: "";
  display: inline-block;
  border: 5px solid;
  border-color: #fff transparent transparent transparent;
  border-radius: 2px;
  margin-left: 6px;
  margin-top: 8px;
}
.defaultLayout .defaultLayout-main {
  margin-top: 64px;
}
.defaultLayout .defaultLayout-main .breadcrumb-style {
  height: 40px;
  display: flex;
  align-items: center;
  margin-left: 15px;
}
.defaultLayout-left-menu {
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  height: calc(100vh - 64px);
  margin-top: 64px;
}
.defaultLayout-left-menu .ant-menu-inline,
.defaultLayout-left-menu .ant-menu-vertical,
.defaultLayout-left-menu .ant-menu-vertical-left {
  border: none;
}
.defaultLayout-left-menu ul.ant-menu {
  height: 100%;
  background-color: var(--layout-menu-bg-color, #fff);
  color: var(--layout-menu-color, rgba(0, 0, 0, 0.65));
}
.defaultLayout-left-menu ul.ant-menu .ant-menu-item:hover,
.defaultLayout-left-menu ul.ant-menu .ant-menu-item-active,
.defaultLayout-left-menu ul.ant-menu .ant-menu:not(.ant-menu-inline) .ant-menu-submenu-open,
.defaultLayout-left-menu ul.ant-menu .ant-menu-submenu-active,
.defaultLayout-left-menu ul.ant-menu .ant-menu-submenu-title:hover {
  color: var(--layout-menu-hover-color, #3a78f2);
}
.defaultLayout-left-menu ul.ant-menu .ant-menu-submenu-vertical > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after,
.defaultLayout-left-menu ul.ant-menu .ant-menu-submenu-vertical-left > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after,
.defaultLayout-left-menu ul.ant-menu .ant-menu-submenu-vertical-right > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after,
.defaultLayout-left-menu ul.ant-menu .ant-menu-submenu-inline > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::after,
.defaultLayout-left-menu ul.ant-menu .ant-menu-submenu-vertical > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before,
.defaultLayout-left-menu ul.ant-menu .ant-menu-submenu-vertical-left > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before,
.defaultLayout-left-menu ul.ant-menu .ant-menu-submenu-vertical-right > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before,
.defaultLayout-left-menu ul.ant-menu .ant-menu-submenu-inline > .ant-menu-submenu-title:hover .ant-menu-submenu-arrow::before {
  background-image: linear-gradient(to right, var(--layout-menu-hover-color, #3a78f2), var(--layout-menu-hover-color, #3a78f2));
}
.defaultLayout-left-menu ul.ant-menu .ant-menu-item-selected {
  background-color: var(--layout-menu-bg-active-bg, #e6f7ff);
  color: var(--layout-menu-selected-color, #1890ff);
}
.defaultLayout-left-menu ul.ant-menu .ant-menu-item-selected::after {
  border-right: 3px solid var(--layout-menu-icon-active-color, #1890ff) !important;
}
.defaultLayout-left-menu ul.ant-menu .ant-menu-submenu-selected {
  color: var(--layout-menu-selected-color, #1890ff);
}
.defaultLayout-left-menu ul.ant-menu .ant-menu-submenu-selected .ant-menu-submenu-arrow::before,
.defaultLayout-left-menu ul.ant-menu .ant-menu-submenu-selected .ant-menu-submenu-arrow::after {
  background-image: linear-gradient(to right, var(--layout-menu-icon-active-color, #1890ff), var(--layout-menu-icon-active-color, #1890ff));
}
.defaultLayout-left-menu ul.ant-menu .ant-menu-inline .ant-menu-item::after {
  border-right: 3px solid var(--layout-menu-icon-active-color, #1890ff) !important;
}
.defaultLayout .main-content-style {
  min-height: 100%;
  margin: 1px 16px;
  padding: 30px;
  background: #fff;
  border-radius: 5px;
}
.defaultLayout .layout-footer {
  padding: 0;
  padding: 15;
  min-height: 60;
  background: #f0f2f5;
}
.defaultLayout .layout-footer .page-footer {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 45px;
  background: #f0f2f5;
}
.defaultLayout .layout-footer .page-footer span {
  margin-right: 15px;
  color: #999;
}
.callbackBtn:hover {
  cursor: pointer;
}
.top-menu {
  display: flex;
  height: 64px;
  align-items: center;
}
.top-menu-item {
  height: 46px;
  line-height: 46px;
  font-weight: bold;
  font-size: 14px;
  cursor: pointer;
  position: relative;
}
.top-menu-item-select {
  width: 6px;
  height: 6px;
  position: absolute;
  background: #fff;
  bottom: -6px;
  left: 50%;
  margin-left: -3px;
  border-radius: 3px;
  transform: scaleX(1);
}
.filter-app-box {
  height: 64px;
  display: flex;
  align-items: center;
}
.filter-app-box div {
  height: 35px;
  display: flex;
  align-items: center;
}
.filter-app-box div:nth-child(1) {
  cursor: pointer;
  padding: 0 8px;
  border-radius: 5px;
}
.filter-app-box div:nth-child(1) span {
  height: 35px;
  display: flex;
  align-items: center;
}
.filter-app-box div:nth-child(1):hover {
  background: hsla(0, 0%, 100%, 0.1);
}
.filter-app-box div:nth-child(2) {
  margin: 0 10px 0 5px;
  border-left: 1px solid #fff;
  height: 20px;
}
.allApplication-levelTree-title {
  display: flex;
  justify-content: start;
  align-items: center;
  /*width: 400px; */
  flex-wrap: nowrap;
}
.allApplication-levelTree-title .topHeaderButton-blue {
  display: flex;
  align-items: center;
  column-gap: 4px;
  padding: 4px 7px !important;
}
.allApplication-levelTree-title .allApplication-icon {
  color: #fff;
  background-color: #3a78f2;
}
.allApplication-levelTree-title .allApplication-name {
  margin-left: 10px;
  color: #fff;
  font-size: 15px;
  /* display: inline-block;
	width: 120px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap; */
}
.allApplication-levelTree-title .allApplication-border {
  /* margin: 0 10px; */
  margin: 0 15px 0 5px;
  height: 16px;
  opacity: 0.5;
  display: inline-block;
  width: 1px;
  border-left: 1px solid #fff;
  background-color: #3a78f2;
  /* &::after{
		content: '|';
	} */
}
.allApplication-levelTree-title .allApplication-content-icon {
  margin-right: 10px;
}
.allApplication-levelTree-title .allApplication-right {
  height: 60px;
  display: flex;
  align-items: center;
}
.header-allApplication {
  position: fixed;
  max-height: 500px;
  width: 1000px;
  overflow: hidden;
  top: 37px !important;
  left: 3%;
  box-shadow: 2px 2px 16px 0px rgba(58, 120, 242, 0.3);
  border-radius: 5px;
}
.header-allApplication .ant-popover-inner-content {
  max-height: 500px;
  overflow: hidden;
}
.header-allApplication .allApplication-list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  /* margin-top: 40px; */
  overflow: auto;
  margin-top: 20px;
  max-height: 400px;
}
.header-allApplication .allApplication-list::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background-color: #fff;
}
.header-allApplication .allApplication-list::-webkit-scrollbar-track {
  border-radius: 10px;
  background: #fff;
}
.header-allApplication .allApplication-list::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #fff;
}
.header-allApplication .allApplication-list::-webkit-scrollbar-button {
  height: 0;
  background-color: #fff;
}
.header-allApplication .allApplication-list .allApplication-list-item {
  display: flex;
  width: calc(100% / 5 - 16px);
  height: 90px;
  padding: 15px 15px 0;
  overflow: hidden;
  border: 1px solid #f0f0f0;
  border-radius: 4px;
  box-sizing: border-box;
  cursor: pointer;
  position: relative;
  /* margin-top: 20px; */
}
.header-allApplication .allApplication-list .allApplication-list-item:hover {
  background: rgba(255, 255, 255, 0.04);
  box-shadow: 2px 2px 16px 0px rgba(58, 120, 242, 0.3);
  border-radius: 6px;
  border: 1px solid rgba(58, 120, 242, 0.3);
}
.header-allApplication .allApplication-list .allApplication-list-item:nth-child(n+6) {
  margin-top: 20px;
}
.header-allApplication .allApplication-list .allApplication-list-item:not(:nth-child(5n + 1)) {
  margin-left: 20px;
}
.header-allApplication .allApplication-list .allApplication-list-item .allApplication-icon {
  margin-right: 16px;
  color: #4a97f1;
  line-height: 30px;
}
.header-allApplication .allApplication-list .allApplication-list-item .allApplication-info {
  flex: 1 1;
  width: calc(100% - 37px);
}
.header-allApplication .allApplication-list .allApplication-list-item .allApplication-info p:nth-child(1) {
  margin-bottom: 10px;
  font-size: 14px;
  color: #333;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: calc(100% - 22px);
}
.header-allApplication .allApplication-list .allApplication-list-item .allApplication-info p:nth-child(n + 2) {
  margin-bottom: 5px;
  font-size: 12px;
  color: #999;
  line-height: 17px;
}
.header-allApplication .allApplication-list .allApplication-list-item-delete {
  position: absolute;
  top: 5px;
  right: 10px;
  font-size: 16px;
  color: #999;
}
.header-allApplication .allApplication-list .allApplication-list-item .allApplication-list-item-delete:hover {
  color: #1890ff;
}
.header-allApplication .allApplication-list .allApplication-list-item-create {
  display: flex;
  align-items: center;
  padding-bottom: 15px;
  box-sizing: border-box;
}
.header-allApplication .allApplication-list .allApplication-list-item-create > div:nth-child(1) {
  margin-right: 15px;
}
.header-allApplication .allApplication-list .allApplication-list-item-create > div:nth-child(2) {
  color: #99B7FF;
  font-size: 14px;
}
.header-allApplication .allApplication-list .allApplication-list-active {
  border: 1px solid rgba(58, 120, 242, 0.3);
  border-radius: 4px;
}
.esbapp-list-dataNull {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  height: 500px;
  justify-content: center;
}
.esbapp-list-dataNull > img {
  width: 150px;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
.appMenu-list {
  width: 500px;
  display: flex;
  flex-flow: wrap;
  padding-left: 10px ;
}
.appMenu-list-item {
  width: 160px;
  height: 50px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.appMenu-list-item:hover {
  color: #3A78F2;
}
.appMenu-list-item > img {
  width: 34px;
  height: 34px;
  margin-right: 10px;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
.dynamic-menu {
  height: calc(100vh - 60px);
}
.dynamic-menu-tip {
  z-index: 4;
}
.dynamic-menu-tip .ant-tooltip-arrow {
  left: 9px !important;
}
.dynamic-menu-tip .ant-tooltip-content {
  margin-left: 14px;
}
.dynamic-menu-badge {
  position: absolute;
  top: calc(50% - 9px);
  right: 8px;
}
.dynamic-menu-badge .ant-badge-count {
  min-width: 18px;
  width: 18px;
  height: 18px;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  padding: 0;
  text-align: center;
  color: #343434;
  background-color: #fafbfc !important;
  box-shadow: 0 0 0 1px #e5e8ef inset;
  border-radius: 50%;
}
.dynamic-menu .ant-menu-submenu-arrow {
  display: none;
}
.dynamic-menu .ant-menu-item-selected {
  background-color: rgba(58, 120, 242, 0.08) !important;
  color: #3A78F2;
}
.dynamic-menu .ant-menu-item-selected .api-center-left-menu-type,
.dynamic-menu .ant-menu-item-selected .icon-application_program {
  color: #3A78F2 !important;
}
.dynamic-menu .ant-menu-item-selected::before {
  background-color: #3A78F2 !important;
}
.dynamic-menu-sub-active {
  position: relative;
}
.dynamic-menu-sub-active > .ant-menu-submenu-title {
  background-color: rgba(58, 120, 242, 0.08) !important;
  color: #3A78F2 !important;
}
.dynamic-menu-sub-active > .ant-menu-submenu-title::before {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  border-right: 3px solid #3a78f2;
  content: "";
}
.dynamic-menu .ant-menu-submenu .dynamic-menu-arrow {
  position: absolute;
  right: 0;
  top: 0;
  height: 40px;
  padding-right: 4px;
  cursor: pointer;
  z-index: 5;
}
.dynamic-menu .ant-menu-submenu .dynamic-menu-arrow .iconfont-symbol {
  height: 100% !important;
  line-height: 1 !important;
}
.dynamic-menu .ant-menu-submenu > .ant-menu-submenu-title {
  padding-right: 20px;
}
.dynamic-menu .ant-menu-submenu > .ant-menu-submenu-title > .text-tooltip-box .dynamic-menu-badge {
  right: 20px;
}
.dynamic-menu .ant-menu-submenu-open > .ant-menu-submenu-title > .dynamic-menu-arrow .iconfont-symbol {
  transform: rotateZ(180deg);
}
.dynamic-menu .ant-menu-submenu-title::after {
  display: none;
}
.dynamic-menu.ant-menu-inline-collapsed .dynamic-menu-sub-active .ant-menu-submenu-title::before {
  display: none;
}
.dynamic-menu.ant-menu-inline-collapsed .dynamic-menu-sub-active .ant-menu-submenu-title i,
.dynamic-menu.ant-menu-inline-collapsed .dynamic-menu-sub-active .ant-menu-submenu-title .iconfont-symbol {
  color: #3A78F2 !important;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
.login-wrapper {
  /*  width: 100vw;
     height: 100vh; */
  background: url(/res/image/b90198a31b.jpg) no-repeat;
  background-position: 0 center;
  background-size: cover;
  overflow: hidden;
  background-attachment: fixed;
  min-height: 730px;
}
.login-wrapper .login-container {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  min-height: 730px;
}
.login-wrapper .login-container .login-body {
  height: 100%;
  min-height: 730px;
}
.login-wrapper .login-container .login-body .login-logo {
  position: fixed;
  width: 110px;
  left: 40px;
  top: 30px;
}
.login-wrapper .login-container .login-body .login-description {
  position: fixed;
  right: 40px;
  top: 30px;
  color: #c8c9cc;
  font-size: 14px;
}
.login-wrapper .login-container .login-body .login-pic {
  width: 699px;
  height: 555px;
  position: absolute;
  left: 11.4%;
  top: 20%;
}
.login-wrapper .login-container .login-body .login-pic img {
  width: 100%;
  height: 100%;
}
.login-wrapper .login-container .login-body .login-content {
  width: 480px;
  height: 555px;
  box-sizing: border-box;
  position: absolute;
  padding: 50px;
  right: 16%;
  top: 21%;
  background-color: #fff;
}
.login-wrapper .login-container .login-body .login-content .login-content-wrapper {
  width: 380px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  /* .login-description{
                     color: #999;
                     margin-top: 15px;
                     font-size: 20px;
                 } */
}
.login-wrapper .login-container .login-body .login-content .login-content-wrapper .login-title {
  color: #333;
  font-size: 40px;
  font-weight: 500;
  margin: 0 0 30px 0;
  padding: 0;
}
.login-wrapper .login-container .login-body .login-content .login-content-wrapper .login-serve_icon {
  font-size: 16px;
  position: relative;
  left: 3px;
  top: -25px;
  cursor: pointer;
}
.login-wrapper .login-container .login-body .login-content .login-content-wrapper .login-serve_icon:hover {
  color: #1890ff;
}
.login-wrapper .login-container .login-body .login-content .login-content-wrapper .login-serveFlag {
  color: rgba(0, 0, 0, 0.85);
  font-size: 12px;
  margin-bottom: 24px;
}
.login-wrapper .login-container .login-body .login-content .login-content-wrapper .login-form .login-btn {
  width: 100%;
}
.login-wrapper .login-container .login-body .login-content .login-content-wrapper .login-form .ant-form-item:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 1700px) and (min-width: 1501px) {
  .login-wrapper .login-container .login-body .login-pic {
    left: 9%;
  }
  .login-wrapper .login-container .login-body .login-content {
    right: 12%;
  }
}
@media screen and (max-width: 1500px) {
  .login-wrapper .login-container .login-body .login-pic {
    width: 570px;
    height: 452px;
    position: absolute;
    left: 10%;
    top: 19%;
  }
  .login-wrapper .login-container .login-body .login-content {
    top: 20%;
    right: 13%;
    width: 400px;
    padding: 30px 0px 40px 50px;
    height: 480px;
  }
  .login-wrapper .login-container .login-body .login-content .login-content-wrapper {
    width: 290px;
  }
  .login-wrapper .login-container .login-body .login-content .login-content-wrapper .login-title {
    margin-bottom: 20px;
  }
  .login-wrapper .login-container .login-body .login-content .ant-form-item {
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 1200px) {
  .login-wrapper .login-container .login-body .login-content {
    top: 20%;
    width: 400px;
    padding: 10px 0px 25px 50px;
    height: 430px;
  }
  .login-wrapper .login-container .login-body .login-content .login-content-wrapper {
    width: 290px;
  }
  .login-wrapper .login-container .login-body .login-content .login-content-wrapper .login-title {
    margin-bottom: 10px;
  }
  .login-wrapper .login-container .login-body .login-content .ant-form-item {
    margin-bottom: 10px;
  }
}
.login-wrapper .login-container .login-body .login-copyright {
  position: fixed;
  bottom: 45px;
  text-align: center;
  height: 20px;
  width: 100%;
  line-height: 20px;
  font-size: 14px;
}
.login-wrapper .login-container .login-body .login-copyright span,
.login-wrapper .login-container .login-body .login-copyright a {
  margin-left: 15px;
  color: #999;
}
.login-wrapper .login-container .login-body .login-copyright span:first-child,
.login-wrapper .login-container .login-body .login-copyright a:first-child {
  margin-left: 0;
}
.serveClass input.ant-input.ant-select-search__field {
  border: none;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
.ant-fullcalendar {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: #000000D9;
  font-size: 12px;
  font-variant: tabular-nums;
  line-height: 1.5;
  list-style: none;
  font-feature-settings: 'tnum';
  border-top: 1px solid #d9d9d9;
  outline: none;
}
.ant-select.ant-fullcalendar-year-select {
  min-width: 90px;
}
.ant-select.ant-fullcalendar-year-select.ant-select-sm {
  min-width: 70px;
}
.ant-select.ant-fullcalendar-month-select {
  min-width: 80px;
  margin-left: 8px;
}
.ant-select.ant-fullcalendar-month-select.ant-select-sm {
  min-width: 70px;
}
.ant-fullcalendar-header {
  padding: 11px 16px 11px 0;
  text-align: right;
}
.ant-fullcalendar-header .ant-select-dropdown {
  text-align: left;
}
.ant-fullcalendar-header .ant-radio-group {
  margin-left: 8px;
  text-align: left;
}
.ant-fullcalendar-header label.ant-radio-button {
  height: 22px;
  padding: 0 10px;
  line-height: 20px;
}
.ant-fullcalendar-date-panel {
  position: relative;
  outline: none;
}
.ant-fullcalendar-calendar-body {
  padding: 8px 12px;
}
.ant-fullcalendar table {
  width: 100%;
  max-width: 100%;
  height: 256px;
  background-color: transparent;
  border-collapse: collapse;
}
.ant-fullcalendar table,
.ant-fullcalendar th,
.ant-fullcalendar td {
  border: 0;
}
.ant-fullcalendar td {
  position: relative;
}
.ant-fullcalendar-calendar-table {
  margin-bottom: 0;
  border-spacing: 0;
}
.ant-fullcalendar-column-header {
  width: 33px;
  padding: 0;
  line-height: 18px;
  text-align: center;
}
.ant-fullcalendar-column-header .ant-fullcalendar-column-header-inner {
  display: block;
  font-weight: normal;
}
.ant-fullcalendar-week-number-header .ant-fullcalendar-column-header-inner {
  display: none;
}
.ant-fullcalendar-month,
.ant-fullcalendar-date {
  text-align: center;
  transition: all 0.3s;
}
.ant-fullcalendar-value {
  display: block;
  width: 24px;
  height: 24px;
  margin: 0 auto;
  padding: 0;
  color: #000000D9;
  line-height: 24px;
  background: transparent;
  border-radius: 2px;
  transition: all 0.3s;
}
.ant-fullcalendar-value:hover {
  background: #f0f7ff;
  cursor: pointer;
}
.ant-fullcalendar-value:active {
  color: #fff;
  background: #3A78F2;
}
.ant-fullcalendar-month-panel-cell .ant-fullcalendar-value {
  width: 48px;
}
.ant-fullcalendar-today .ant-fullcalendar-value,
.ant-fullcalendar-month-panel-current-cell .ant-fullcalendar-value {
  box-shadow: 0 0 0 1px #3A78F2 inset;
}
.ant-fullcalendar-selected-day .ant-fullcalendar-value,
.ant-fullcalendar-month-panel-selected-cell .ant-fullcalendar-value {
  color: #fff;
  background: #3A78F2;
}
.ant-fullcalendar-disabled-cell-first-of-row .ant-fullcalendar-value {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.ant-fullcalendar-disabled-cell-last-of-row .ant-fullcalendar-value {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.ant-fullcalendar-last-month-cell .ant-fullcalendar-value,
.ant-fullcalendar-next-month-btn-day .ant-fullcalendar-value {
  color: rgba(0, 0, 0, 0.25);
}
.ant-fullcalendar-month-panel-table {
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.ant-fullcalendar-content {
  position: absolute;
  bottom: -9px;
  left: 0;
  width: 100%;
}
.ant-fullcalendar-fullscreen {
  border-top: 0;
}
.ant-fullcalendar-fullscreen .ant-fullcalendar-table {
  table-layout: fixed;
}
.ant-fullcalendar-fullscreen .ant-fullcalendar-header .ant-radio-group {
  margin-left: 16px;
}
.ant-fullcalendar-fullscreen .ant-fullcalendar-header label.ant-radio-button {
  height: 32px;
  line-height: 30px;
}
.ant-fullcalendar-fullscreen .ant-fullcalendar-month,
.ant-fullcalendar-fullscreen .ant-fullcalendar-date {
  display: block;
  height: 116px;
  margin: 0 4px;
  padding: 4px 8px;
  color: #000000D9;
  text-align: left;
  border-top: 2px solid #e8e8e8;
  transition: background 0.3s;
}
.ant-fullcalendar-fullscreen .ant-fullcalendar-month:hover,
.ant-fullcalendar-fullscreen .ant-fullcalendar-date:hover {
  background: #f0f7ff;
  cursor: pointer;
}
.ant-fullcalendar-fullscreen .ant-fullcalendar-month:active,
.ant-fullcalendar-fullscreen .ant-fullcalendar-date:active {
  background: #e0efff;
}
.ant-fullcalendar-fullscreen .ant-fullcalendar-column-header {
  padding-right: 12px;
  padding-bottom: 5px;
  text-align: right;
}
.ant-fullcalendar-fullscreen .ant-fullcalendar-value {
  width: auto;
  text-align: right;
  background: transparent;
}
.ant-fullcalendar-fullscreen .ant-fullcalendar-today .ant-fullcalendar-value {
  color: #000000D9;
}
.ant-fullcalendar-fullscreen .ant-fullcalendar-month-panel-current-cell .ant-fullcalendar-month,
.ant-fullcalendar-fullscreen .ant-fullcalendar-today .ant-fullcalendar-date {
  background: transparent;
  border-top-color: #3A78F2;
}
.ant-fullcalendar-fullscreen .ant-fullcalendar-month-panel-current-cell .ant-fullcalendar-value,
.ant-fullcalendar-fullscreen .ant-fullcalendar-today .ant-fullcalendar-value {
  box-shadow: none;
}
.ant-fullcalendar-fullscreen .ant-fullcalendar-month-panel-selected-cell .ant-fullcalendar-month,
.ant-fullcalendar-fullscreen .ant-fullcalendar-selected-day .ant-fullcalendar-date {
  background: #f0f7ff;
}
.ant-fullcalendar-fullscreen .ant-fullcalendar-month-panel-selected-cell .ant-fullcalendar-value,
.ant-fullcalendar-fullscreen .ant-fullcalendar-selected-day .ant-fullcalendar-value {
  color: #3A78F2;
}
.ant-fullcalendar-fullscreen .ant-fullcalendar-last-month-cell .ant-fullcalendar-date,
.ant-fullcalendar-fullscreen .ant-fullcalendar-next-month-btn-day .ant-fullcalendar-date {
  color: rgba(0, 0, 0, 0.25);
}
.ant-fullcalendar-fullscreen .ant-fullcalendar-content {
  position: static;
  width: auto;
  height: 88px;
  overflow-y: auto;
}
.ant-fullcalendar-disabled-cell .ant-fullcalendar-date,
.ant-fullcalendar-disabled-cell .ant-fullcalendar-date:hover {
  cursor: not-allowed;
}
.ant-fullcalendar-disabled-cell:not(.ant-fullcalendar-today) .ant-fullcalendar-date,
.ant-fullcalendar-disabled-cell:not(.ant-fullcalendar-today) .ant-fullcalendar-date:hover {
  background: transparent;
}
.ant-fullcalendar-disabled-cell .ant-fullcalendar-value {
  width: auto;
  color: rgba(0, 0, 0, 0.25);
  border-radius: 0;
  cursor: not-allowed;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
.home-all-app-header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.home-all-app .header-left {
  width: 70%;
}
.home-all-app .header-left button:nth-child(n + 2) {
  margin-left: 10px;
}
.home-all-app .header-right {
  width: 30%;
  display: flex;
  justify-content: end;
  align-items: center;
}
.home-all-app .header-right .active {
  color: #4a97f1;
}
.home-all-app .header-right span:hover {
  cursor: pointer;
}
.esb-app-list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-top: 30px;
}
.esb-app-list .esb-app-list-item {
  display: flex;
  /* width: calc(~"100% / 5 - 16px"); */
  width: calc(100% / 4 - 16px);
  height: 152px;
  padding: 20px 20px 0;
  overflow: hidden;
  border: 1px solid #f0f0f0;
  border-radius: 4px;
  box-sizing: border-box;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.02);
  cursor: pointer;
  /*&:nth-child(n + 6) {
        margin-top: 20px;
      }
       &:not(:nth-child(5n + 1)) {
        margin-left: 20px;
      } */
}
.esb-app-list .esb-app-list-item:hover {
  background: rgba(255, 255, 255, 0.04);
  box-shadow: 2px 2px 16px 0px rgba(58, 120, 242, 0.3);
  border-radius: 6px;
  border: 1px solid rgba(58, 120, 242, 0.3);
}
.esb-app-list .esb-app-list-item:hover .esb-app-action {
  color: #666;
  opacity: 0.8;
}
.esb-app-list .esb-app-list-item:nth-child(n + 5) {
  margin-top: 20px;
}
.esb-app-list .esb-app-list-item:not(:nth-child(4n + 1)) {
  margin-left: 20px;
}
.esb-app-list .esb-app-list-item .esb-app-icon {
  width: 24px;
  margin-right: 16px;
  color: #4a97f1;
  line-height: 30px;
}
.esb-app-list .esb-app-list-item .esb-app-info {
  flex: auto;
  width: calc(100% - 90px);
}
.esb-app-list .esb-app-list-item .esb-app-info p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.esb-app-list .esb-app-list-item .esb-app-info p:nth-child(1) {
  margin: 5px 0px;
  font-size: 14px;
  font-weight: 600;
  color: #333;
  /* text-overflow: ellipsis;
                                      white-space: nowrap; */
}
.esb-app-list .esb-app-list-item .esb-app-info p:nth-child(n + 2) {
  margin-bottom: 5px;
  font-size: 12px;
  color: #999;
  line-height: 22px;
}
.esb-app-list .esb-app-list-item .esb-app-action {
  margin-left: 10px;
  opacity: 0.2;
  /* &-icon{
                      color: #666;
                      &:hover{
                          color: rgba(58,120,242,0.3000);
                      }
                  } */
}
.esb-app-list .esb-app-list-item .esb-app-action .ant-btn {
  padding: 0 !important;
}
.esb-app-list .esb-app-list-item .esb-app-action .ant-btn-link {
  color: #666;
}
.esb-app-list .esb-app-list-item .esb-app-action .ant-btn-link:hover {
  color: #669eff;
}
@media screen and (min-width: 1520px) {
  .esb-app-list .esb-app-list-item {
    margin-left: 0 !important;
    margin-top: 0 !important;
    width: calc(100% / 5 - 16px);
  }
  .esb-app-list .esb-app-list-item:nth-child(n + 6) {
    margin-top: 20px !important;
  }
  .esb-app-list .esb-app-list-item:not(:nth-child(5n + 1)) {
    margin-left: 20px !important;
  }
}
.allApplication-list-dataNull {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  height: 200px;
  justify-content: center;
}
.allApplication-list-dataNull > img {
  width: 150px;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
.echarts-loading {
  width: 100px;
  height: 100px;
  z-index: 717px;
  position: absolute;
  left: 40vw;
  top: 50%;
  transform: translate(-50%, -50%);
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
.rulesContent {
  display: flex;
  width: 100%;
  height: 600px;
}
.rulesContent .rulesContent-menu {
  width: 12%;
  margin-right: 20px;
  height: 100%;
  box-sizing: border-box;
  overflow: auto;
}
.rulesContent .rulesContent-content {
  height: 100%;
  width: 86%;
  overflow-y: auto;
}
.rulesContent .rulesContent-content .platFormConfig-top {
  height: 40px;
  font-weight: 700;
  font-size: 18px;
}
.rulesContent .rulesContent-menu-other {
  margin-right: 40px;
  margin-left: 30px;
}
.rulesContent .rulesContent-table {
  height: 90%;
  width: 40%;
  margin-right: 40px;
  overflow: auto;
}
.rulesContent .rulesContent-config {
  height: 90%;
  width: 47%;
  border-left: 1px solid #e8e8e8;
  overflow: auto;
}
.tree-classify-content {
  padding: 10px;
}
.tree-classify-content .ant-tree-treenode {
  height: 35px;
  width: 200px;
  padding: 0;
  overflow: hidden;
}
.tree-classify-content .ant-tree-treenode .ant-tree-indent {
  flex: 0 0 auto;
}
.tree-classify-content .ant-tree-treenode .ant-tree-switcher {
  display: flex;
  flex: 0 0 auto;
  justify-content: center;
  align-items: center;
  font-size: 14px;
}
.tree-classify-content .ant-tree-treenode .ant-tree-node-content-wrapper {
  flex: 1 1 auto;
  width: 150px;
  height: 100%;
  padding: 0;
  overflow: hidden;
}
.tree-classify-content .ant-tree-treenode .ant-tree-node-content-wrapper:hover {
  background-color: #fff;
}
.tree-classify-content .ant-tree-treenode .ant-tree-node-content-wrapper .ant-tree-title {
  width: 100%;
}
.tree-classify-content .ant-tree-treenode .ant-tree-node-selected {
  background-color: #fff !important;
}
.tree-classify-content .ant-tree-treenode .ant-tree-node-selected .text-tooltip-box {
  background-color: #f0f7ff;
  border-radius: 3px;
}
.tree-classify-content .ant-tree-treenode .ant-tree-title {
  display: inline-block;
  max-width: calc(100% - 5px);
}
.tree-classify-content .ant-tree-treenode .ant-tree-title:hover {
  background-color: #f0f7ff;
}
.tree-classify-content .ant-tree-treenode .info-menu {
  width: 100%;
}
.tree-classify-content .ant-tree-treenode .info-menu .text-tooltip-box {
  width: 100%;
}
.tree-classify-content .ant-tree-treenode .info-menu .menu-text {
  width: 100%;
  height: 35px;
  line-height: 35px;
  padding-left: 10px;
}
.tree-classify-content .ant-tree-treenode .info-menu .menu-btn {
  width: 30px;
  padding-left: 10px;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
.list-component-template-btn {
  display: flex;
  align-items: center;
}
.list-component-template-action {
  margin: 0;
  padding: 0;
}
.list-component-template-action .anticon-down {
  margin-left: 0 !important;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
.home-all-app-header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.home-all-app .header-left {
  width: 70%;
}
.home-all-app .header-left button:nth-child(n + 2) {
  margin-left: 10px;
}
.home-all-app .header-right {
  width: 30%;
  display: flex;
  justify-content: end;
  align-items: center;
}
.home-all-app .header-right .active {
  color: #4a97f1;
}
.home-all-app .header-right span:hover {
  cursor: pointer;
}
.esb-app-list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin-top: 30px;
}
.esb-app-list .esb-app-list-item {
  display: flex;
  /* width: calc(~"100% / 5 - 16px"); */
  width: calc(100% / 4 - 16px);
  height: 152px;
  padding: 20px 20px 0;
  overflow: hidden;
  border: 1px solid #f0f0f0;
  border-radius: 4px;
  box-sizing: border-box;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.02);
  cursor: pointer;
  /*&:nth-child(n + 6) {
      margin-top: 20px;
    }
     &:not(:nth-child(5n + 1)) {
      margin-left: 20px;
    } */
}
.esb-app-list .esb-app-list-item:hover {
  background: rgba(255, 255, 255, 0.04);
  box-shadow: 2px 2px 16px 0px rgba(58, 120, 242, 0.3);
  border-radius: 6px;
  border: 1px solid rgba(58, 120, 242, 0.3);
}
.esb-app-list .esb-app-list-item:hover .esb-app-action {
  color: #666;
  opacity: 0.8;
}
.esb-app-list .esb-app-list-item:nth-child(n + 5) {
  margin-top: 20px;
}
.esb-app-list .esb-app-list-item:not(:nth-child(4n + 1)) {
  margin-left: 20px;
}
.esb-app-list .esb-app-list-item .esb-app-icon {
  width: 24px;
  margin-right: 16px;
  color: #4a97f1;
  line-height: 30px;
}
.esb-app-list .esb-app-list-item .esb-app-info {
  flex: auto;
  width: calc(100% - 90px);
}
.esb-app-list .esb-app-list-item .esb-app-info p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.esb-app-list .esb-app-list-item .esb-app-info p:nth-child(1) {
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 600;
  color: #333;
  /* text-overflow: ellipsis;
                                    white-space: nowrap; */
}
.esb-app-list .esb-app-list-item .esb-app-info p:nth-child(n + 2) {
  margin-bottom: 5px;
  font-size: 12px;
  color: #999;
  line-height: 22px;
}
.esb-app-list .esb-app-list-item .esb-app-action {
  margin-left: 10px;
  opacity: 0.2;
  /* &-icon{
                    color: #666;
                    &:hover{
                        color: rgba(58,120,242,0.3000);
                    }
                } */
}
.esb-app-list .esb-app-list-item .esb-app-action .ant-btn {
  padding: 0 !important;
}
.esb-app-list .esb-app-list-item .esb-app-action .ant-btn-link {
  color: #666;
}
.esb-app-list .esb-app-list-item .esb-app-action .ant-btn-link:hover {
  color: #669eff;
}
@media screen and (min-width: 1520px) {
  .esb-app-list .esb-app-list-item {
    margin-left: 0 !important;
    margin-top: 0 !important;
    width: calc(100% / 5 - 16px);
  }
  .esb-app-list .esb-app-list-item:nth-child(n + 6) {
    margin-top: 20px !important;
  }
  .esb-app-list .esb-app-list-item:not(:nth-child(5n + 1)) {
    margin-left: 20px !important;
  }
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
.link-show-set > .ant-btn {
  margin: 10px 0;
}
.link-show-set-data {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 10px;
}
.link-show-set-btn .ant-btn {
  padding: 0;
  margin-right: 10px;
}
.link-show-set-box {
  display: flex;
}
.link-show-set-box .ant-select {
  min-width: 150px;
  max-width: 150px;
  height: 32px;
}
.link-show-set-box-list {
  margin: 0 20px;
  flex: 1;
}
.link-show-set-box-list > div {
  display: flex;
}
.link-show-set-box-list .ant-input {
  margin-bottom: 8px;
}
.link-show-set-box-btn {
  width: 300px;
  line-height: 20px;
}
.link-show-set-box-btn > .ant-btn {
  margin-left: 8px;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
.static-table {
  padding-top: 10px;
}
.static-table-action {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
.custom-form-config {
  background: #fff;
  width: 480px;
  height: 100%;
}
.custom-form-config-hide {
  display: none;
}
.custom-form-config-type {
  margin: 10px 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e5e5e5;
  text-align: center;
}
.custom-form-config-type .ant-radio-group {
  background: #f9f9f9;
  width: 80%;
  border-radius: 4px;
  padding: 5px;
}
.custom-form-config-type .ant-radio-group .ant-radio-button-wrapper {
  width: calc(50% - 5px);
  text-align: center;
}
.custom-form-config-form {
  padding: 20px;
  padding-top: 10px;
  height: 100%;
  overflow-y: auto;
}
.custom-form-config-form-item {
  margin-bottom: 10px;
}
.custom-form-config-form-item > .ant-select {
  width: 100%;
}
.custom-form-config-form-item__required .custom-form-config__title > span:first-child::after {
  display: inline-block;
  margin-left: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: "*";
}
.custom-form-config-form-item__mag {
  position: absolute;
  opacity: 0;
  color: #f5222d;
  transition: opacity 0.5s;
}
.custom-form-config-form-item__error {
  position: relative;
}
.custom-form-config-form-item__error .ant-input {
  border-color: #f5222d;
  box-shadow: 0 0 0 2px rgba(245, 34, 45, 0.2);
}
.custom-form-config-form-item__error .custom-form-config-form-item__mag {
  opacity: 1;
}
.custom-form-config-form::-webkit-scrollbar {
  width: 9px;
  height: 9px;
  border-radius: 6px;
}
.custom-form-config-form::-webkit-scrollbar-corner {
  background: transparent;
}
.custom-form-config-form::-webkit-scrollbar-thumb {
  background: #e5e5e5;
  border-radius: 6px;
}
.custom-form-config__title {
  display: flex;
  align-items: center;
  height: 44px;
}
.custom-form-config__title::before {
  content: "";
  display: inline-block;
  width: 3px;
  height: 14px;
  margin-inline-end: 8px;
  background: #2399f9;
  border-radius: 2px;
}
.custom-form-config__title > span:first-child {
  margin-right: 6px;
}
.custom-form-config__title .anticon-question-circle {
  color: #aaa;
}
.custom-form-config-nodata {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: 14px;
  color: #d8d8d8;
  border: 1px dashed #e5e5e5;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
.field-width .ant-input-number-handler-wrap {
  display: none;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
.custom-form-item-select {
  width: 230px;
  background: #fff;
}
.custom-form-item-select-title {
  display: flex;
  align-items: center;
  width: 100%;
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 6px;
}
.custom-form-item-select-title::before {
  content: "";
  display: inline-block;
  width: 3px;
  height: 14px;
  margin-inline-end: 10px;
  background: #2399f9;
  border-radius: 2px;
}
.custom-form-item-select-node {
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 12px;
  line-height: 32px;
  height: 32px;
  padding-left: 13px;
  border-radius: 4px;
  background: #fff;
  border: 1px dashed;
  border-color: #fff;
  cursor: pointer;
}
.custom-form-item-select-node:hover {
  border-color: #3A78F2;
  color: #3A78F2;
}
.custom-form-item-select-node .iconfont-symbol {
  margin-right: 10px;
}
.custom-form-item-select-search {
  display: flex;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 10px;
  margin: 0 16px;
  margin-bottom: 10px;
  border-bottom: 1px solid #e5e5e5;
  box-sizing: border-box;
}
.custom-form-item-select-search .ant-input-affix-wrapper {
  height: 28px;
}
.custom-form-item-select-search .ant-input-affix-wrapper .ant-input {
  height: 28px;
  background: #fafbfc;
  border-radius: 14px;
  border: 1px solid #e5e5e5;
}
.custom-form-item-select-search .ant-input-affix-wrapper .ant-input:focus {
  box-shadow: none;
}
.custom-form-item-select-search .ant-btn {
  padding: 0;
  height: 22px;
  margin-left: 6px;
}
.custom-form-item-select-content {
  padding: 0 16px;
  padding-bottom: 20px;
  overflow-y: auto;
  overflow-x: hidden;
  height: calc(100% - 56px);
}
.custom-form-item-select-content::-webkit-scrollbar {
  width: 9px;
  height: 9px;
  border-radius: 6px;
}
.custom-form-item-select-content::-webkit-scrollbar-corner {
  background: transparent;
}
.custom-form-item-select-content::-webkit-scrollbar-thumb {
  background: #e5e5e5;
  border-radius: 6px;
}
.custom-form-item-select-card .custom-form-item-select-content-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin-bottom: 10px;
}
.custom-form-item-select-card .custom-form-item-select-content-box .custom-form-item-select-node {
  width: 80px;
  height: 80px;
  flex-direction: column;
  justify-content: center;
  margin: 0;
  padding: 0;
}
.custom-form-item-select-card .custom-form-item-select-content-box .custom-form-item-select-node .iconfont-symbol {
  margin-right: 0;
  margin-bottom: 6px;
}
.custom-form-item-select-card .custom-form-item-select-content-box .custom-form-item-select-node .text-tooltip-box {
  line-height: 17px;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
.edit-form {
  display: flex;
  flex-direction: column;
}
.edit-form .render-form-item:hover {
  background: #f9f9f9;
}
.edit-form .ant-form-item {
  margin-bottom: 0;
  padding: 10px;
  border-radius: 4px;
}
.edit-form .ant-form-item-label > label {
  display: flex;
  align-items: center;
  width: 100%;
}
.edit-form-drop {
  flex: 1;
}
.edit-form-drop-over {
  height: 32px;
  border-radius: 4px;
  border: 1px dashed #3a78f2;
}
.edit-form-drop-nodata {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: 14px;
  color: #d8d8d8;
  border: 1px dashed #e5e5e5;
}
.edit-form-delete {
  padding: 0;
  height: auto;
  color: #8b95a9;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
.custom-form-content {
  display: flex;
  width: 100%;
  height: 100%;
  background: #fafafa;
}
.custom-form-content .scrollbar-fn {
  background: #fff;
}
.custom-form-content .scrollbar-fn::-webkit-scrollbar {
  width: 9px;
  height: 9px;
  border-radius: 6px;
}
.custom-form-content .scrollbar-fn::-webkit-scrollbar-corner {
  background: transparent;
}
.custom-form-content .scrollbar-fn::-webkit-scrollbar-thumb {
  background: #e5e5e5;
  border-radius: 6px;
}
.custom-form-content .edit-form {
  flex: 1;
  padding: 20px;
  margin: 0 20px;
  overflow-y: auto;
  overflow-x: hidden;
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  background: #fff;
}
.custom-form-content .edit-form::-webkit-scrollbar {
  width: 9px;
  height: 9px;
  border-radius: 6px;
}
.custom-form-content .edit-form::-webkit-scrollbar-corner {
  background: transparent;
}
.custom-form-content .edit-form::-webkit-scrollbar-thumb {
  background: #e5e5e5;
  border-radius: 6px;
}
.custom-form-content .custom-form-item-select {
  border-right: 1px solid #e5e5e5;
}
.custom-form-content .custom-form-config {
  border-left: 1px solid #e5e5e5;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
.custom-form {
  position: relative;
  height: 100vh;
}
.custom-form-logo {
  position: absolute;
  height: 52px;
  line-height: 52px;
  width: 230px;
  padding: 0 15px;
  display: flex;
  align-items: center;
  z-index: 1;
  overflow: hidden;
}
.custom-form-logo > img {
  height: 100%;
  padding: 8px 0;
}
.custom-form-header {
  display: flex;
  align-items: center;
  height: 48px;
  line-height: 48px;
  padding: 0 16px;
  border-bottom: 1px solid #e5e5e5;
}
.custom-form-tab {
  height: 100%;
}
.custom-form-tab .ant-tabs-content {
  height: calc(100% - 53px);
}
.custom-form-tab .ant-tabs-bar {
  margin-bottom: 0;
  border-color: #e5e5e5;
  padding-left: 230px;
}
.custom-form-tab .ant-tabs-nav-scroll {
  text-align: center;
}
.custom-form-tab .ant-tabs-tab {
  padding: 0 !important;
  margin: 0 !important;
}
.custom-form-tab .ant-tabs-tab .custom-form-tab__title:hover .custom-form-tab__title__text {
  color: #3A78F2;
}
.custom-form-tab .ant-tabs-tab .custom-form-tab__title:hover .custom-form-tab__title__action {
  opacity: 1;
}
.custom-form-tab .ant-tabs-tab-active .custom-form-tab__title__text {
  position: relative;
  color: #4185fb;
}
.custom-form-tab .ant-tabs-tab-active .custom-form-tab__title__text::before {
  opacity: 1;
  transform: scaleX(1);
}
.custom-form-tab .ant-tabs-ink-bar {
  display: none !important;
}
.custom-form-tab__title {
  display: flex;
  align-items: center;
  height: 53px;
  width: 170px;
  padding: 0 5px;
}
.custom-form-tab__title .ant-input {
  max-width: calc(100% - 45px);
}
.custom-form-tab__title__text {
  height: 100%;
  display: flex;
  align-items: center;
  max-width: calc(100% - 45px);
  margin-right: 6px;
  color: #6b6b6b;
}
.custom-form-tab__title__text::before {
  content: "";
  opacity: 0;
  position: absolute;
  bottom: 0;
  left: 25%;
  width: 50%;
  height: 3px;
  background: #3a78f2;
  border-radius: 2px;
  transform: scaleX(0);
  transition: all 0.5s;
}
.custom-form-tab__title__action {
  opacity: 0;
  width: 45px;
  display: flex;
  align-items: center;
}
.custom-form-tab__title__action .ant-btn-link {
  color: #8790a6;
  padding: 0;
  height: 21px;
  margin-right: 5px;
}
.custom-form-tab .ant-tabs-extra-content {
  padding-right: 16px;
}
.mr8 {
  margin-right: 8px;
}
.ml8 {
  margin-left: 8px;
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
.chatbot-container {
  display: flex;
  flex-direction: column;
  height: 100vh;
  padding: 16px;
  background: #f0f2f5;
  overflow: hidden;
  margin-left: 250px;
  width: 100%;
}
.message-list {
  flex: 1;
  overflow-y: auto;
  margin-bottom: 28px;
  padding: 16px;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  word-wrap: break-word;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.message-list-blank {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 30px;
  height: 100%;
}
.message-list-blank-img {
  width: 50px;
  height: 50px;
}
.message-list-blank-img img {
  width: 100%;
  height: 100%;
  border-radius: 50px;
}
.message-list-blank-desc {
  font-size: 16px;
}
.selected-tag {
  width: 80%;
  height: 28px;
  display: flex;
  align-items: center;
  position: absolute;
  z-index: 9;
  top: -27px;
}
.selected-tag > .ant-tag {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.user-message,
.bot-message {
  display: flex;
  /* margin-bottom: 16px; */
  max-width: 100%;
}
.user-message {
  justify-content: flex-end;
}
.bot-message {
  justify-content: flex-start;
}
.message-content {
  display: flex;
  flex-direction: column;
  max-width: 100%;
  min-width: 100px;
  word-wrap: break-word;
}
.message-title {
  font-weight: bold;
  margin-bottom: 5px;
}
.continue-question {
  display: flex;
  align-items: center;
  gap: 30px;
  width: 100%;
  justify-content: space-between;
}
.continue-question .continue-question-icon {
  opacity: 0;
  /* color: #2163e0; */
}
.continue-question .continue-question-icon .ant-checkbox-wrapper span {
  color: #2163e0 !important;
}
.chatbot-container .message-list .ant-card-hoverable:hover .continue-question .continue-question-icon {
  opacity: 1 !important;
}
.user-message .message-description {
  background: #584be6;
  color: #ffffff;
  padding: 10px;
  border-radius: 8px;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.bot-message .message-description {
  background: #f7f7fa;
  color: #000000;
  padding: 10px;
  border-radius: 8px;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.input-container {
  display: flex;
  gap: 8px;
  width: 100%;
  box-sizing: border-box;
  position: relative;
}
.input-container .ant-input {
  flex: 1;
}
.input-container .ant-btn {
  flex-shrink: 0;
}
.chart-container {
  width: 100%;
  height: 300px;
}
.message-description.typing::after {
  content: '...';
  display: inline-block;
  animation: typing 1s steps(3, end) infinite;
}
@keyframes typing {
  0%,
  20% {
    content: '...';
  }
  40% {
    content: '.. ';
  }
  60% {
    content: '.  ';
  }
  80%,
  100% {
    content: '   ';
  }
}

body {
  min-width: 1260px;
  background: -webkit-linear-gradient(left, #F3F6FC, #ECF2FC, #F5F7FD);
  font-family: "-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji";
}
img[src=''],
img:not([src]) {
  opacity: 0;
}
#content {
  min-height: 100%;
  width: 100%;
  background-color: #fff;
}
#content > .ant-spin-nested-loading {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container {
  min-height: 100%;
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
}
#content > .ant-spin-nested-loading > .ant-spin-container > .ant-layout {
  min-height: 100%;
  width: 100%;
  overflow-x: hidden;
}
.table-search-label {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required {
  margin-left: 8px;
  color: rgba(0, 0, 0, 0.65);
  font-size: 12px;
}
.table-search-label-required::after {
  content: ':';
  position: relative;
  top: -0.5px;
  margin: 0 8px 0 2px;
}
.table-search-label-required::before {
  display: inline-block;
  margin-right: 4px;
  color: #f5222d;
  font-size: 12px;
  font-family: SimSun, sans-serif;
  line-height: 1;
  content: '*';
}
.text-tooltip-box {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-tooltip-box-two {
  white-space: pre-wrap !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
  line-height: 1;
  height: auto;
}
.text-tooltip-overlay {
  word-wrap: break-word;
  word-break: break-all;
}
.page-header-env {
  min-width: 70px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.4);
  height: 20px;
  text-align: center;
}
.page-header-env-text {
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  width: 48px;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 16px;
}
.page-header-env-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 10px;
  text-align: center;
  display: inline-block;
  border: 1px solid rgba(255, 255, 255, 0.4);
  min-width: 70px;
  height: 23px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #FFFFFF;
  line-height: 21px;
}
.title-menu-min::-webkit-scrollbar {
  width: 0px;
  height: 0;
}
.clear-margin {
  margin: 0;
}
.clear-padding {
  padding: 0;
}
.table-clear-btn {
  padding: 0;
  margin: 0;
}
.table-clear-btn > span {
  margin-left: 0 !important;
}
.table-text-btn {
  display: flex;
  align-items: center;
}
.table-text-btn-badge {
  margin-left: 6px;
}
.table-text-btn-badge .ant-badge-count {
  min-width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
  padding: 0 4px !important;
}
.table-search-box {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-width {
  width: auto;
}
.table-search-box-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-auto .ant-calendar-picker,
.table-search-box-auto .ant-input-search,
.table-search-box-auto .ant-select,
.table-search-box-auto > .ant-input {
  flex: 1;
}
.table-search-box-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-auto .ant-input-search,
.table-search-box-auto > .ant-input,
.table-search-box-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-btn {
  margin-left: 8px;
}
.table-search-box-left {
  display: flex;
  align-items: center;
  row-gap: 10px;
  grid-row-gap: 10px;
}
.table-search-box-left-width {
  width: auto;
}
.table-search-box-left-auto {
  width: auto;
  flex: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.table-search-box-left-auto .ant-calendar-picker,
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto .ant-select,
.table-search-box-left-auto > .ant-input {
  flex: 1;
}
.table-search-box-left-auto .ant-calendar-picker {
  max-width: 195px;
  min-width: 60px !important;
}
.table-search-box-left-auto .ant-input-search,
.table-search-box-left-auto > .ant-input,
.table-search-box-left-auto .ant-select {
  max-width: 190px;
  min-width: 60px !important;
}
.table-search-box-left-btn {
  margin-left: 8px;
}
.table-search-box-left .table-search-box-auto {
  justify-content: flex-start;
}
.table-search-box-wrap {
  flex-wrap: wrap;
}
.table-search-box-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.table-ellipsis-box {
  display: flex;
  align-items: center;
}
.form-after {
  position: relative;
}
.form-after-btn {
  position: absolute;
  right: 40px;
  top: 4px;
}
.hide-form-item {
  display: none;
}
.body-auto-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  overflow: auto;
  height: calc(100% - 55px);
}
.body-auto-footer-drawer .ant-drawer-body {
  height: calc(100% - 110px);
}
.body-auto-footer-drawer__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  column-gap: 10px;
  align-items: center;
  justify-content: end;
  width: 100%;
  height: 55px;
  padding: 0 16px;
  border-top: 1px solid #e9e9e9;
  background: #fff;
  z-index: 11;
}
.data-source-select-title {
  display: flex;
  align-items: center;
}
.data-source-select-title-icon {
  width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.list-page-change {
  margin-left: 6px;
}
.list-page-change-btn {
  margin-left: 10px;
  color: #C8C8C8;
  cursor: pointer;
}
.list-page-change-btn:hover {
  color: #4a97f1;
}
.list-page-change-active {
  color: #3A78F2 !important;
}
.btn-group-list {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.btn-group-list .ant-btn .iconfont {
  margin-right: 8px;
}
.iconfont-btn .iconfont {
  margin-right: 8px;
}
.log-db-name-dropdown {
  min-width: 300px;
}
.markDown-content .for-container .for-toolbar {
  flex-wrap: wrap;
}
.markDown-content .for-container .for-toolbar > ul {
  flex-wrap: wrap;
}
@keyframes moveArrow {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(5px);
    /* 箭头向右移动100px */
  }
}
.chatbot-box {
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}
.chatbot-box-refresh {
  animation: none !important;
}
.chatbot-box-trigger {
  position: absolute;
  cursor: pointer;
  display: inline-block;
  width: 30px;
  height: 30px;
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  left: 228px;
  z-index: 9;
  top: 400px;
  animation: moveArrow 1s infinite alternate;
}
.chatbot-favorite {
  width: 250px;
  height: 100vh;
  position: fixed;
  left: 0px;
  top: 0px;
}
.chatbot-favorite .favorite-title {
  width: 250px;
  box-sizing: border-box;
  padding: 32px 20px 0;
  font-size: 16px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.chatbot-favorite .favorite-title-box {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.chatbot-favorite .favorite-add {
  height: 120px;
  padding: 32px 20px;
  cursor: pointer;
}
.chatbot-favorite .favorite-add:hover .favorite-add-box {
  border: 1px solid #2163e0;
}
.chatbot-favorite .favorite-add-box {
  height: 40px;
  border-radius: 6px 6px 6px 6px;
  border: 1px solid #e4e7ed;
  padding: 20px 16px;
  display: flex;
  align-items: center;
  gap: 4px;
  color: #2163e0;
}
.chatbot-favorite .favorite-search {
  height: 80px;
  border-top: 1px solid #e4e7ed;
  border-bottom: 1px solid #e4e7ed;
  display: flex;
  align-items: center;
  justify-content: center;
}
.chatbot-favorite .favorite-content {
  padding: 23px 15px;
  flex-direction: column;
  height: calc(100% - 200px);
  overflow: auto;
}
.chatbot-favorite .favorite-content::-webkit-scrollbar {
  width: 0;
}
.chatbot-favorite .favorite-content .item-active {
  background: #e5edfa;
  border-radius: 6px 6px 6px 6px;
}
.chatbot-favorite .favorite-content .item-active .item-data {
  color: #015cf9;
}
.chatbot-favorite .favorite-content-item {
  width: 100%;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 15px;
  gap: 12px;
  font-size: 14px;
  cursor: pointer;
  margin-bottom: 5px;
}
.chatbot-favorite .favorite-content-item:hover .item-data {
  color: #015cf9;
}
.chatbot-favorite .favorite-content-item:hover .item-action {
  display: flex;
}
.chatbot-favorite .favorite-content-item .item-data {
  flex: 1;
  display: flex;
  gap: 4px;
  align-items: center;
  overflow: hidden;
  color: #171819;
}
.chatbot-favorite .favorite-content-item .item-data-title {
  width: auto;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.chatbot-favorite .favorite-content-item .item-action {
  width: 36px;
  display: flex;
  justify-content: end;
  gap: 8px;
  display: none;
}
.chatbot-favorite .favorite-content-item .item-action span {
  cursor: pointer;
}