/*! rtl:begin:ignore */
/* -----------  color  ——————---- start */
/* -----------  color  ——————---- end */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  font  ——————---- start */
/* -----------  font  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
/* -----------  Button  ——————---- start */
/* -----------  Button  ——————---- end */
/* -----------  Collapse  ——————---- start */
/* -----------  Collapse  ——————---- end */
/* -----------  Card  ——————---- start */
/* -----------  Card  ——————---- end */
/* -----------  Carousel  ——————---- start */
/* -----------  Carousel  ——————---- end */
/* -----------  Cascader  ——————---- start */
/* -----------  Cascader  ——————---- end */
/* -----------  Switch  ——————---- start */
/* -----------  Switch  ——————---- end */
/* -----------  Input  ——————---- start */
/* -----------  Input  ——————---- end */
/* -----------  InputNumber  ——————---- start */
/* -----------  InputNumber  ——————---- end */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- start */
/* -----------  checkbox  ——————---- end */
/* -----------  Radio  ——————---- start */
/* -----------  Radio  ——————---- end */
/* -----------  icon  ——————---- start */
/* -----------  icon  ——————---- end */
/* -----------  Popconfirm  ——————---- start */
/* -----------  Popconfirm  ——————---- end */
/* -----------  Progress  ——————---- start */
/* -----------  Progress  ——————---- end */
/* -----------  Pagination  ——————---- start */
/* -----------  Pagination  ——————---- end */
/* -----------  Timeline  ——————---- start */
/* -----------  Timeline  ——————---- end */
/* -----------  Tabs  ——————---- start */
/* -----------  Tabs  ——————---- end */
/* -----------  Select  ——————---- start */
/* -----------  Select  ——————---- end */
/* -----------  Rate  ——————---- start */
/* -----------  Rate  ——————---- end */
/* -----------  Dropdown  ——————---- start */
/* -----------  Dropdown  ——————---- end */
/* -----------  Tooltip  ——————---- start */
/* -----------  Tooltip  ——————---- end */
/* -----------  Transfer  ——————---- start */
/* -----------  Transfer  ——————---- end */
/* -----------  DatePicker  ——————---- start */
/* -----------  DatePicker  ——————---- end */
/* -----------  ColorPicker  ——————---- start */
/* -----------  ColorPicker  ——————---- end */
/* -----------  Tree  ——————---- start */
/* -----------  Tree  ——————---- end */
/* -----------  Alert  ——————---- start */
/* -----------  Alert  ——————---- end */
/* -----------  Split-Panel ——————---- start */
/* -----------  Split-Panel ——————---- end */
/* -----------  Modal  ——————---- start */
/* -----------  Modal  ——————---- end */
/* -----------  Steps  ——————---- start */
/* -----------  Steps  ——————---- end */
/* -----------  Form  ——————---- start */
/* -----------  Form  ——————---- end */
/* -----------  Tag ——————---- start */
/* -----------  Tag ——————---- end */
/* -----------  Menu  ——————---- start */
/* -----------  Menu  ——————---- end */
/* -----------  notice  ——————---- start */
/* -----------  message  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Spin  ——————---- start */
/* -----------  Spin  ——————---- end */
/* -----------  Layout  ——————---- start */
/* -----------  Layout  ——————---- end */
/* -----------  Typography  ——————---- start */
/* -----------  Typography  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Search  ——————---- start */
/* -----------  Badge  ——————---- start */
/* -----------  Badge  ——————---- end */
/* -----------  Anchor  ——————---- start */
/* -----------  Anchor  ——————---- end */
/* -----------  Avatar  ——————---- start */
/* -----------  Avatar  ——————---- end */
/* -----------  AdvancedSelector  ——————---- start */
/* -----------  AdvancedSelector  ——————---- end */
.overall-postion {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
.kd-modal-container {
  position: relative;
  z-index: var(--kd-c-modal-z-index, var(--kd-g-z-index-dialog, 1050));
}
.kd-modal-container-ie {
  position: absolute;
}
.kd-modal-container-show {
  -webkit-animation: kdModalEffect calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1) both;
          animation: kdModalEffect calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1) both;
}
.kd-modal-container-hidden {
  display: none;
}
.kd-modal-mask {
  position: fixed;
  background-color: var(--kd-c-modal-mask-color-background, rgba(55, 55, 55, 0.5));
  z-index: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.kd-modal-has-container-box {
  position: fixed;
  left: 50%;
  top: 50%;
}
.kd-modal-container-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 460px;
  height: 340px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #ffffff;
  -webkit-box-shadow: var(--kd-c-modal-box-shadow, 0 4px 10px 0 rgba(0, 0, 0, 0.2));
          box-shadow: var(--kd-c-modal-box-shadow, 0 4px 10px 0 rgba(0, 0, 0, 0.2));
  border-radius: var(--kd-c-modal-boeder-radius, 2px);
  outline: none;
}
.kd-modal-container-box .kd-modal-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: var(--kd-c-modal-header-sizing-padding-vertical, 0px) var(--kd-c-modal-header-sizing-padding-horizontal, 20px);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: var(--kd-c-modal-header-sizing-height, 50px);
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.kd-modal-container-box .kd-modal-header .kd-modal-title-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.kd-modal-container-box .kd-modal-header .kd-modal-title-container .kd-modal-title-icon {
  border-radius: 50% 50%;
  width: var(--kd-c-modal-icon-circle-sizing, 6px);
  height: var(--kd-c-modal-icon-circle-sizing, 6px);
  margin-right: var(--kd-c-modal-title-icon-sizing-margin-right, 8px);
}
.kd-modal-container-box .kd-modal-header .kd-modal-title-container .modal-confirm-title-icon-bgcolor {
  background-color: var(--kd-c-modal-color-ongoing, var(--kd-g-color-ongoing, #276ff5));
}
.kd-modal-container-box .kd-modal-header .kd-modal-title-container .modal-warning-title-icon-bgcolor {
  background-color: var(--kd-c-modal-color-warning, var(--kd-g-color-warning, #ff991c));
}
.kd-modal-container-box .kd-modal-header .kd-modal-title-container .modal-error-title-icon-bgcolor {
  background-color: var(--kd-c-modal-color-error, var(--kd-g-color-error, #fb2323));
}
.kd-modal-container-box .kd-modal-header .kd-modal-title-container .kd-modal-title {
  min-width: 72px;
  min-height: 27px;
  font-size: var(--kd-c-modal-title-font-size, 18px);
  color: var(--kd-c-modal-title-text-color, var(--kd-g-color-text-primary, #212121));
  line-height: 27px;
}
.kd-modal-container-box .kd-modal-header .kd-modal-title-container:active {
  cursor: auto;
}
.kd-modal-container-box .kd-modal-header .kd-modal-close-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: var(--kd-c-modal-close-icon-font-size, 16px);
  color: var(--kd-c-modal-close-icon-color-text, #666666);
  cursor: pointer;
}
.kd-modal-container-box .kd-modal-header .kd-modal-close-icon:hover {
  color: var(--kd-c-modal-color-theme-hover, var(--kd-g-color-theme-5, #87adff));
}
.kd-modal-container-box .kd-modal-header .kd-modal-close-icon:active {
  color: var(--kd-c-modal-color-theme-active, var(--kd-g-color-theme-7, #375cca));
}
.kd-modal-container-box .kd-modal-header:active {
  cursor: move;
}
.kd-modal-container-box .kd-modal-body {
  display: block;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: var(--kd-c-modal-body-sizing-padding, 20px);
  font-size: var(--kd-c-modal-body-font-size, 16px);
  color: var(--kd-c-modal-body-text-color, var(--kd-g-color-text-primary, #212121));
}
.kd-modal-container-box .kd-modal-footer {
  height: var(--kd-c-modal-footer-sizing-height, 50px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: var(--kd-c-modal-footer-font-size, 14px);
  color: var(--kd-c-modal-footer-text-color, var(--kd-g-color-text-secondary, #666));
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.kd-modal-container-box .kd-modal-resise-handle {
  position: absolute;
}
.kd-modal-container-box .kd-modal-resise-n {
  top: 0;
  left: 0;
  width: 100%;
  height: 6px;
  cursor: ns-resize;
}
.kd-modal-container-box .kd-modal-resise-e {
  top: 0;
  right: 0;
  height: 100%;
  width: 6px;
  cursor: ew-resize;
}
.kd-modal-container-box .kd-modal-resise-s {
  bottom: 0;
  left: 0;
  height: 6px;
  width: 100%;
  cursor: ns-resize;
}
.kd-modal-container-box .kd-modal-resise-w {
  left: 0;
  top: 0;
  height: 100%;
  width: 6px;
  cursor: ew-resize;
}
.kd-modal-container-box .kd-modal-resise-ne {
  top: 0;
  right: 0;
  width: 6px;
  height: 6px;
  cursor: nesw-resize;
}
.kd-modal-container-box .kd-modal-resise-se {
  bottom: 0;
  right: 0;
  width: 6px;
  height: 6px;
  cursor: nwse-resize;
}
.kd-modal-container-box .kd-modal-resise-sw {
  bottom: 0;
  left: 0;
  width: 6px;
  height: 6px;
  cursor: nesw-resize;
}
.kd-modal-container-box .kd-modal-resise-nw {
  top: 0;
  left: 0;
  width: 6px;
  height: 6px;
  cursor: nwse-resize;
}
.kd-modal-margin-btn {
  margin-right: var(--kd-c-modal-footer-button-spacing, 12px);
}
.kd-modal-wrapper {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
  text-align: center;
}
.kd-modal-wrapper::before {
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
  content: '';
}
.kd-modal-wrapper-resizable {
  text-align: unset;
}
.kd-modal-wrapper-resizable::before {
  height: 0;
}
.kd-modal-dialog {
  display: inline-block;
  vertical-align: middle;
  max-width: calc(100vw);
}
.kd-modal-showline .kd-modal-header {
  border-bottom: var(--kd-c-modal-sizing-border, 1px) solid var(--kd-c-modal-color-border, var(--kd-g-color-border-strong-2, #d9d9d9));
}
.kd-modal-showline .kd-modal-footer {
  border-top: var(--kd-c-modal-sizing-border, 1px) solid var(--kd-c-modal-color-border, var(--kd-g-color-border-strong-2, #d9d9d9));
}
.kd-modal-rtl {
  direction: rtl;
}
.kd-modal-rtl .kd-modal-container-box .kd-modal-header .kd-modal-title-container .kd-modal-title-icon {
  margin-right: 0;
  margin-left: var(--kd-c-modal-title-icon-sizing-margin-right, 8px);
}
.kd-modal-rtl .kd-modal-container-box .kd-modal-footer .kd-modal-cancel-node .kd-modal-margin-btn {
  margin-left: var(--kd-c-modal-footer-button-spacing, 12px);
  margin-right: 0;
}
.kd-modal-rtl .kd-modal-has-container-box {
  right: 50%;
  left: auto;
}
/*! rtl:end:ignore */