/*! 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 */
/* -----------  motion  ——————---- start */
/* -----------  motion  ——————---- end */
/* -----------  transition  ——————---- start */
/* -----------  transition  ——————---- end */
/* -----------  zIndex  ——————---- start */
/*
    普通组件内部自身层级应设置在0-100间
*/
/* -----------  zIndex  ——————---- end */
/* 多行显示省略号 */
/* 单行显示省略号 */
/** 浮层箭头样式 **/
.kd-date-picker {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border: 1px solid var(--kd-c-date-picker-input-color-border, var(--kd-g-color-border-strong, #d9d9d9));
  border-radius: var(--kd-c-date-picker-input-radius-border, var(--kd-g-radius-border, 2px));
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: var(--kd-c-date-picker-input-color-background, var(--kd-g-color-white, #fff));
  width: var(--kd-c-date-picker-sizing-width, 230px);
}
.kd-date-picker-borderless {
  border: 0;
}
.kd-date-picker-underline {
  border: none;
  border-bottom: 1px solid var(--kd-c-date-picker-input-underline-color, #999);
  border-radius: 0;
  padding-left: 0;
  padding-right: 0;
}
.kd-date-picker-disabled {
  background-color: var(--kd-c-date-picker-input-color-background-disabled, var(--kd-g-color-background-contain-disabled, #f5f5f5)) !important;
  border-color: var(--kd-c-date-picker-input-color-border, var(--kd-g-color-border-strong, #d9d9d9)) !important;
  color: var(--kd-c-date-picker-input-color-disabled, var(--kd-g-color-disabled, #b2b2b2)) !important;
  cursor: not-allowed !important;
}
.kd-date-picker-disabled input {
  cursor: not-allowed !important;
}
.kd-date-picker-underline.kd-date-picker-disabled,
.kd-date-picker-borderless.kd-date-picker-disabled {
  background-color: var(--kd-c-date-picker-input-color-background, var(--kd-g-color-white, #fff));
  border-color: var(--kd-c-date-picker-input-color-border, var(--kd-g-color-border-strong, #d9d9d9));
}
.kd-date-picker-focused {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
  border-color: var(--kd-c-date-picker-color-background-checked, var(--kd-g-color-theme, #5582f3));
}
.kd-date-picker:hover {
  border-color: var(--kd-c-date-picker-color-background-checked, var(--kd-g-color-theme, #5582f3));
}
.kd-date-picker:not(.kd-date-picker-disabled) input:focus {
  color: var(--kd-c-date-picker-input-color-focused, var(--kd-g-color-text-primary, #212121));
}
.kd-date-picker-small {
  height: var(--kd-c-date-picker-small-sizing-height, 20px);
  line-height: calc(var(--kd-c-date-picker-small-sizing-height, 20px) - (var(--kd-c-date-picker-small-spacing-padding-vertical, 4px) * 2) - 2);
  font-size: var(--kd-c-date-picker-small-font-size, var(--kd-g-font-size-small, 12px));
  padding: var(--kd-c-date-picker-small-spacing-padding-vertical, 4px) var(--kd-c-date-picker-small-spacing-padding-horizontal, 9px);
}
.kd-date-picker-small.kd-date-picker-underline {
  padding: var(--kd-c-date-picker-small-spacing-padding-vertical, 4px) 0;
}
.kd-date-picker-small input {
  font-size: var(--kd-c-date-picker-small-font-size, var(--kd-g-font-size-small, 12px));
}
.kd-date-picker-large {
  height: var(--kd-c-date-picker-large-sizing-height, 36px);
  line-height: calc(var(--kd-c-date-picker-large-sizing-height, 36px) - (var(--kd-c-date-picker-small-spacing-padding-vertical, 4px) * 2) - 2);
  font-size: var(--kd-c-date-picker-large-font-size, var(--kd-g-font-size-large, 16px));
  padding: var(--kd-c-date-picker-small-spacing-padding-vertical, 4px) var(--kd-c-date-picker-small-spacing-padding-horizontal, 9px);
}
.kd-date-picker-large.kd-date-picker-underline {
  padding: var(--kd-c-date-picker-small-spacing-padding-vertical, 4px) 0;
}
.kd-date-picker-large input {
  font-size: var(--kd-c-date-picker-large-font-size, var(--kd-g-font-size-large, 16px));
}
.kd-date-picker-middle {
  height: var(--kd-c-date-picker-middle-sizing-height, 30px);
  line-height: calc(var(--kd-c-date-picker-middle-sizing-height, 30px) - (var(--kd-c-date-picker-small-spacing-padding-vertical, 4px) * 2) - 2);
  font-size: var(--kd-c-date-picker-middle-font-size, var(--kd-g-font-size-middle, 14px));
  padding: var(--kd-c-date-picker-small-spacing-padding-vertical, 4px) var(--kd-c-date-picker-small-spacing-padding-horizontal, 9px);
}
.kd-date-picker-middle.kd-date-picker-underline {
  padding: var(--kd-c-date-picker-small-spacing-padding-vertical, 4px) 0;
}
.kd-date-picker-middle input {
  font-size: var(--kd-c-date-picker-middle-font-size, var(--kd-g-font-size-middle, 14px));
}
.kd-date-picker-input {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  top: 0;
}
.kd-date-picker-input input {
  width: 100%;
  min-width: 0;
  color: var(--kd-c-date-picker-input-color, var(--kd-g-color-text-primary, #212121));
  line-height: inherit;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  min-width: 1px;
  height: auto;
  padding: 0;
  background: transparent;
  border: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.kd-date-picker-input input::-webkit-input-placeholder {
  color: var(--kd-c-date-picker-input-color-placeholder, #f2f2f2);
}
.kd-date-picker-input input::-moz-input-placeholder {
  color: var(--kd-c-date-picker-input-color-placeholder, #f2f2f2);
}
.kd-date-picker-input input::-ms-input-placeholder {
  color: var(--kd-c-date-picker-input-color-placeholder, #f2f2f2);
}
.kd-date-picker-input input:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
  border-color: var(--kd-c-date-picker-color-background-checked, var(--kd-g-color-theme, #5582f3));
}
.kd-date-picker-input input[disabled] {
  background: transparent;
}
.kd-date-picker-input input::-webkit-input-placeholder {
  color: var(--kd-c-date-picker-input-color-placeholder, #f2f2f2);
}
.kd-date-picker-input input::-moz-placeholder {
  color: var(--kd-c-date-picker-input-color-placeholder, #f2f2f2);
}
.kd-date-picker-input input:-ms-input-placeholder {
  color: var(--kd-c-date-picker-input-color-placeholder, #f2f2f2);
}
.kd-date-picker-input input::-ms-input-placeholder {
  color: var(--kd-c-date-picker-input-color-placeholder, #f2f2f2);
}
.kd-date-picker-input input::placeholder {
  color: var(--kd-c-date-picker-input-color-placeholder, #f2f2f2);
}
.kd-date-picker-input-placeholder > input {
  color: var(--kd-c-date-picker-input-color-placeholder, #f2f2f2);
}
.kd-date-picker-range {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.kd-date-picker-range-separator {
  display: inline-block;
  padding: 0 8px;
}
.kd-date-picker-range .kd-date-picker-clear {
  right: var(--kd-c-date-picker-small-spacing-padding-horizontal, 9px);
}
.kd-date-picker-range .kd-date-picker-active-bar {
  bottom: -1px;
  height: 2px;
  margin-left: 11px;
  background: var(--kd-c-date-picker-bar-color-bg-active, var(--kd-g-color-theme, #5582f3));
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  pointer-events: none;
}
.kd-date-picker-range.kd-date-picker-focused .kd-date-picker-active-bar {
  opacity: 1;
}
.kd-date-picker-suffix {
  -ms-flex-item-align: center;
      align-self: center;
  margin-left: var(--kd-c-date-picker-suffix-spacing-margin-left, 10px);
  color: var(--kd-c-date-picker-input-color, var(--kd-g-color-text-primary, #212121));
  line-height: 1;
  pointer-events: none;
}
.kd-date-picker-suffix > * {
  vertical-align: top;
}
.kd-date-picker:not(.kd-date-picker-disabled):hover .kd-date-picker-clear {
  opacity: 1;
}
.kd-date-picker-clear {
  position: absolute;
  top: 50%;
  right: 0;
  color: var(--kd-c-date-picker-icon-color, #d9d9d9);
  line-height: 1;
  background: var(--kd-c-date-picker-clear-color-background, var(--kd-g-color-background, #fff));
  -webkit-transform: translateY(-48%);
          transform: translateY(-48%);
  cursor: pointer;
  opacity: 0;
}
.kd-date-picker-clear > * {
  vertical-align: top;
}
.kd-date-picker-clear:hover {
  color: var(--kd-c-date-picker-icon-color-hover, #999);
}
.kd-date-picker .kd-date-picker-range-clear {
  -ms-flex-item-align: center;
      align-self: center;
  margin-left: var(--kd-c-date-picker-suffix-spacing-margin-left, 10px);
  color: var(--kd-c-date-picker-icon-color, #d9d9d9);
  line-height: 1;
  cursor: pointer;
}
.kd-date-picker .kd-date-picker-range-clear:hover {
  color: var(--kd-c-date-picker-icon-color-hover, #999);
}
.kd-date-picker-focused .kd-date-picker-suffix {
  color: var(--kd-c-date-picker-clear-color-background-focused, var(--kd-g-color-theme, #5582f3));
}
.kd-date-picker-error {
  border-color: var(--kd-g-color-error, #fb2323);
}
.kd-date-picker-panel {
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  border-radius: var(--kd-c-date-picker-panel-radius-border, var(--kd-g-radius-border, 2px));
  background-color: #fff;
  text-align: center;
  z-index: var(--kd-c-date-picker-panel-z-index, var(--kd-g-z-index-popper, 1050));
  font-size: var(--kd-c-date-picker-panel-font-size, var(--kd-g-font-size-middle, 14px));
}
.kd-date-picker-panel-range {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.kd-date-picker-panel.hidden {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
  transition: all calc(0.3s - 0.1s) cubic-bezier(0.4, 0, 0.6, 1);
}
.kd-date-picker-panel .kd-date-picker-warpper {
  font-size: 12px;
  background: var(--kd-c-date-picker-wrapper-color-background, var(--kd-g-color-background, #fff));
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-month,
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-year,
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-quarter {
  width: 240px;
  padding: 8px 12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-year-warpper,
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-month-line {
  display: grid;
  grid-template-columns: 33.33% 33.33% 33.33%;
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-month-item,
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-year-item,
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-quarter-item,
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 32px;
  padding-bottom: 8px;
  color: #212121;
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-year-text,
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-month-text,
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-quarter-text {
  line-height: 24px;
  display: inline-block;
  border-radius: var(--kd-c-date-picker-panel-radius-border, var(--kd-g-radius-border, 2px));
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-year-warpper .kd-date-picker-year-item {
  overflow: hidden;
  cursor: pointer;
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-year-warpper .kd-date-picker-year-item:hover .kd-date-picker-year-text:not(.kd-date-picker-year-text-selected) {
  background: #f5f5f5;
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-year-warpper .kd-date-picker-year-item:hover:not(.kd-date-picker-year-item-disabled) .kd-date-picker-year-text-selected {
  background: var(--kd-c-date-picker-square-item-color-selected, var(--kd-g-color-theme-5, #87adff));
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-year-warpper .kd-date-picker-year-item .kd-date-picker-year-text {
  position: relative;
  z-index: 2;
  width: 46px;
  padding: 2px 2px;
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-year-warpper .kd-date-picker-year-item .kd-date-picker-year-text-today {
  position: relative;
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-year-warpper .kd-date-picker-year-item .kd-date-picker-year-text-today::after {
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 6px;
  background: var(--kd-c-date-picker-color-background-checked, var(--kd-g-color-theme, #5582f3));
  content: '';
  bottom: 0;
  left: calc(50% - 3px);
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-year-warpper .kd-date-picker-year-item-disabled {
  pointer-events: none;
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-year-warpper .kd-date-picker-year-item-disabled .kd-date-picker-year-text {
  color: #b2b2b2;
  background: #f5f5f5;
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-year-warpper .kd-date-picker-year-item .kd-date-picker-year-text-selected {
  background: var(--kd-c-date-picker-color-background-checked, var(--kd-g-color-theme, #5582f3));
  color: #fff;
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-year .kd-date-picker-range-view::before,
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-year .kd-date-picker-range-start::before,
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-year .kd-date-picker-range-end::before {
  height: 28px;
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-month-warpper .kd-date-picker-month-item {
  overflow: hidden;
  cursor: pointer;
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-month-warpper .kd-date-picker-month-item:hover .kd-date-picker-month-text:not(.kd-date-picker-month-text-selected) {
  background: #f5f5f5;
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-month-warpper .kd-date-picker-month-item:hover:not(.kd-date-picker-month-item-disabled) .kd-date-picker-month-text-selected {
  background: var(--kd-c-date-picker-square-item-color-selected, var(--kd-g-color-theme-5, #87adff));
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-month-warpper .kd-date-picker-month-item .kd-date-picker-month-text {
  position: relative;
  z-index: 2;
  width: 48px;
  padding: 2px 5px;
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-month-warpper .kd-date-picker-month-item .kd-date-picker-month-text-today {
  position: relative;
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-month-warpper .kd-date-picker-month-item .kd-date-picker-month-text-today::after {
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 6px;
  background: var(--kd-c-date-picker-color-background-checked, var(--kd-g-color-theme, #5582f3));
  content: '';
  bottom: 0;
  left: calc(50% - 3px);
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-month-warpper .kd-date-picker-month-item-disabled {
  pointer-events: none;
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-month-warpper .kd-date-picker-month-item-disabled .kd-date-picker-month-text {
  color: #b2b2b2;
  background: #f5f5f5;
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-month-warpper .kd-date-picker-month-item .kd-date-picker-month-text-selected {
  background: var(--kd-c-date-picker-color-background-checked, var(--kd-g-color-theme, #5582f3));
  color: #fff;
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-month .kd-date-picker-range-view::before,
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-month .kd-date-picker-range-start::before,
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-month .kd-date-picker-range-end::before {
  height: 28px;
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-quarter-warpper {
  display: grid;
  grid-template-columns: 25% 25% 25% 25%;
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-quarter-warpper .kd-date-picker-quarter-item {
  overflow: hidden;
  padding-bottom: 0;
  cursor: pointer;
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-quarter-warpper .kd-date-picker-quarter-item:hover .kd-date-picker-quarter-text:not(.kd-date-picker-quarter-text-selected) {
  background: #f5f5f5;
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-quarter-warpper .kd-date-picker-quarter-item:hover:not(.kd-date-picker-quarter-item-disabled) .kd-date-picker-quarter-text-selected {
  background: var(--kd-c-date-picker-square-item-color-selected, var(--kd-g-color-theme-5, #87adff));
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-quarter-warpper .kd-date-picker-quarter-item .kd-date-picker-quarter-text {
  position: relative;
  z-index: 2;
  width: 36px;
  padding: 0 5px;
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-quarter-warpper .kd-date-picker-quarter-item .kd-date-picker-quarter-text-today {
  position: relative;
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-quarter-warpper .kd-date-picker-quarter-item .kd-date-picker-quarter-text-today::after {
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 6px;
  background: var(--kd-c-date-picker-color-background-checked, var(--kd-g-color-theme, #5582f3));
  content: '';
  bottom: 0;
  left: calc(50% - 3px);
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-quarter-warpper .kd-date-picker-quarter-item-disabled {
  pointer-events: none;
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-quarter-warpper .kd-date-picker-quarter-item-disabled .kd-date-picker-quarter-text {
  color: #b2b2b2;
  background: #f5f5f5;
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-quarter-warpper .kd-date-picker-quarter-item .kd-date-picker-quarter-text-selected {
  background: var(--kd-c-date-picker-color-background-checked, var(--kd-g-color-theme, #5582f3));
  color: #fff;
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar {
  width: 240px;
  padding: 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-weektitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-weektitle-item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 32px;
  line-height: 32px;
  cursor: default;
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-calendar-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-calendar-line .kd-date-picker-calendar-item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-bottom: 0;
  height: 32px;
  padding: 3px 0;
  cursor: pointer;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-calendar-line .kd-date-picker-calendar-item:not(.kd-date-picker-calendar-item-disabled):hover .kd-date-picker-calendar-text {
  background: #f5f5f5;
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-calendar-line .kd-date-picker-calendar-item:not(.kd-date-picker-calendar-item-disabled):hover .kd-date-picker-calendar-text-selected {
  background: var(--kd-c-date-picker-square-item-color-selected, var(--kd-g-color-theme-5, #87adff)) !important;
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-calendar-line .kd-date-picker-calendar-item-disabled {
  position: relative;
  cursor: not-allowed;
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-calendar-line .kd-date-picker-calendar-item-disabled .kd-date-picker-calendar-text {
  color: #b2b2b2;
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-calendar-line .kd-date-picker-calendar-item-disabled .kd-date-picker-calendar-text-selected {
  color: #fff;
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-calendar-line .kd-date-picker-calendar-item-disabled::before {
  content: '';
  width: 100%;
  position: absolute;
  z-index: 1;
  background: #f5f5f5;
  height: 24px;
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-calendar-week-line {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-calendar-week-line .kd-date-picker-calendar-item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0;
  cursor: pointer;
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-calendar-week-line .kd-date-picker-calendar-item ::before {
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-calendar-week-line:hover .kd-date-picker-calendar-item:not(.kd-date-picker-calendar-item-disabled) .kd-date-picker-calendar-week-text::before {
  background: #f5f5f5;
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-calendar-week-line.kd-date-picker-calendar-week-selected .kd-date-picker-calendar-week-text::before {
  background: var(--kd-c-date-picker-color-background-checked, var(--kd-g-color-theme, #5582f3));
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-calendar-week-line.kd-date-picker-calendar-week-selected:hover .kd-date-picker-calendar-item:not(.kd-date-picker-calendar-item-disabled) .kd-date-picker-calendar-week-text::before {
  background: var(--kd-c-date-picker-square-item-color-selected, var(--kd-g-color-theme-5, #87adff));
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-calendar-week-line.kd-date-picker-calendar-week-selected .kd-date-picker-calendar-week-text {
  background: transparent !important;
  color: #fff !important;
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-calendar-week-line.kd-date-picker-calendar-week-selected .kd-date-picker-calendar-week-text-today {
  position: relative;
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-calendar-week-line.kd-date-picker-calendar-week-selected .kd-date-picker-calendar-week-text-today::after {
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 6px;
  background: #fff;
  content: '';
  bottom: 0;
  left: calc(50% - 3px);
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-calendar-week-line .kd-date-picker-calendar-item-disabled {
  cursor: not-allowed;
  pointer-events: none;
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-calendar-week-line .kd-date-picker-calendar-item-disabled .kd-date-picker-calendar-week-text {
  color: #b2b2b2;
  background: #f5f5f5;
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-calendar-week-line .kd-date-picker-range-start::before {
  left: 0;
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-calendar-week-line .kd-date-picker-range-end::before {
  right: 0;
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-calendar-text,
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-calendar-week-text {
  position: relative;
  z-index: 2;
  width: 24px;
  height: 24px;
  text-align: center;
  line-height: 24px;
  display: inline-block;
  border-radius: var(--kd-c-date-picker-panel-radius-border, var(--kd-g-radius-border, 2px));
  color: #b2b2b2;
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-calendar-text-today,
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-calendar-week-text-today {
  position: relative;
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-calendar-text-today::after,
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-calendar-week-text-today::after {
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 6px;
  background: var(--kd-c-date-picker-color-background-checked, var(--kd-g-color-theme, #5582f3));
  content: '';
  bottom: 0;
  left: calc(50% - 3px);
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-calendar-week-text {
  width: 100%;
  height: 24px;
  margin: 3px 0;
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-calendar-current .kd-date-picker-calendar-text {
  color: #212121;
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-calendar-current .kd-date-picker-calendar-week-text {
  color: #212121;
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-calendar-current .kd-date-picker-calendar-text-selected {
  background: var(--kd-c-date-picker-color-background-checked, var(--kd-g-color-theme, #5582f3));
  color: #fff;
}
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-calendar-weeknumber,
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar .kd-date-picker-weektitle-weeknumber {
  width: 24px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  color: #bfbfbf;
  font-weight: bold;
  cursor: default;
}
.kd-date-picker-panel .kd-date-picker-range-start::before {
  left: 50%;
}
.kd-date-picker-panel .kd-date-picker-range-start .kd-date-picker-calendar-text-selected {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.kd-date-picker-panel .kd-date-picker-range-end::before {
  right: 50%;
}
.kd-date-picker-panel .kd-date-picker-range-end .kd-date-picker-calendar-text-selected {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.kd-date-picker-panel .kd-date-picker-range-view,
.kd-date-picker-panel .kd-date-picker-range-start,
.kd-date-picker-panel .kd-date-picker-range-end {
  position: relative;
}
.kd-date-picker-panel .kd-date-picker-range-view::before,
.kd-date-picker-panel .kd-date-picker-range-start::before,
.kd-date-picker-panel .kd-date-picker-range-end::before {
  content: '';
  position: absolute;
  z-index: 1;
  height: 24px;
  width: 100%;
  margin: 0 -4px;
  background: var(--kd-c-date-picker-range-item-color-bg, var(--kd-g-color-theme-1, #f2f8ff));
}
.kd-date-picker-panel .kd-date-picker-header-icon {
  min-width: 1.6em;
  font-size: 14px;
  padding: 0;
  color: rgba(0, 0, 0, 0.25);
  background: 0 0;
  border: 0;
  cursor: pointer;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.kd-date-picker-panel .kd-date-picker-header-icon:hover {
  color: var(--kd-c-date-picker-color-background-checked, var(--kd-g-color-theme, #5582f3));
}
.kd-date-picker-panel .kd-date-picker-header-text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.kd-date-picker-panel .kd-date-picker-header-text-inner-active {
  color: var(--kd-c-date-picker-color-background-checked, var(--kd-g-color-theme, #5582f3));
}
.kd-date-picker-panel .kd-date-picker-header-text-inner-hover:hover {
  color: var(--kd-c-date-picker-color-background-checked, var(--kd-g-color-theme, #5582f3));
  cursor: pointer;
}
.kd-date-picker-panel .kd-date-picker-header-text-inner:nth-child(2) {
  margin-left: 13px;
}
.kd-date-picker-panel .kd-date-picker-time-header,
.kd-date-picker-panel .kd-date-picker-header {
  height: var(--kd-c-date-picker-panel-header-sizing-height, 36px);
  line-height: var(--kd-c-date-picker-panel-header-sizing-height, 36px);
  background: #fafafa;
  color: #212121;
  font-size: 14px;
  padding: 7px;
  border-bottom: 1px solid #d9d9d9;
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.kd-date-picker-panel .kd-date-picker-time {
  padding-top: 4px;
  width: auto;
}
.kd-date-picker-panel .kd-date-picker-time .kd-date-picker-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 242px;
  border-left: 1px solid #d9d9d9;
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}
.kd-date-picker-panel .kd-date-picker-time .kd-date-picker-content .kd-date-picker-time-column {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  width: 56px;
  margin: 0;
  padding: 10px 0 214px 0;
  text-align: left;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
  overflow: hidden;
}
.kd-date-picker-panel .kd-date-picker-time .kd-date-picker-content .kd-date-picker-time-column:not(:first-child) {
  border-left: 1px solid #d9d9d9;
}
.kd-date-picker-panel .kd-date-picker-time .kd-date-picker-content .kd-date-picker-time-column:hover {
  overflow-y: overlay;
}
.kd-date-picker-panel .kd-date-picker-time .kd-date-picker-content .kd-date-picker-time-column .kd-date-picker-time-cell {
  margin: 0;
  padding: 0;
}
.kd-date-picker-panel .kd-date-picker-time .kd-date-picker-content .kd-date-picker-time-column .kd-date-picker-time-cell-inner {
  display: block;
  width: 100%;
  height: 28px;
  margin: 0;
  text-align: center;
  color: rgba(0, 0, 0, 0.85);
  line-height: 28px;
  border-radius: 0;
  cursor: pointer;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}
.kd-date-picker-panel .kd-date-picker-time .kd-date-picker-content .kd-date-picker-time-column .kd-date-picker-time-cell-inner:hover {
  background: #f5f5f5;
}
.kd-date-picker-panel .kd-date-picker-time .kd-date-picker-content .kd-date-picker-time-column .kd-date-picker-time-cell-selected .kd-date-picker-time-cell-inner {
  background: var(--kd-c-date-picker-range-item-color-bg, var(--kd-g-color-theme-1, #f2f8ff));
}
.kd-date-picker-panel .kd-date-picker-time .kd-date-picker-content .kd-date-picker-time-column .kd-date-picker-time-cell-disabled .kd-date-picker-time-cell-inner {
  color: rgba(0, 0, 0, 0.25);
  background: transparent;
  cursor: not-allowed;
}
.kd-date-picker-panel .kd-date-picker-datetime-panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.kd-date-picker-panel .kd-date-picker-datetime-panel .kd-date-picker-time {
  padding: 0;
}
.kd-date-picker-panel .kd-date-picker-footer {
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
  min-width: 100%;
  line-height: 36px;
  height: 40px;
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid transparent;
  padding: 0 12px;
  color: var(--kd-c-date-picker-color-background-checked, var(--kd-g-color-theme, #5582f3));
  font-size: 12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: right;
  background: var(--kd-c-date-picker-footer-color-background, var(--kd-g-color-background, #fff));
}
.kd-date-picker-panel .kd-date-picker-footer::after {
  content: '';
  vertical-align: middle;
}
.kd-date-picker-panel .kd-date-picker-footer-extra {
  line-height: 34px;
  text-align: left;
}
.kd-date-picker-panel .kd-date-picker-footer .kd-date-picker-today-btn,
.kd-date-picker-panel .kd-date-picker-footer .kd-date-picker-ok-btn {
  display: inline-block;
  padding: 5px 12px;
  background: var(--kd-c-date-picker-color-background-checked, var(--kd-g-color-theme, #5582f3));
  color: #fff;
  border-radius: var(--kd-c-date-picker-panel-radius-border, var(--kd-g-radius-border, 2px));
  line-height: initial;
  vertical-align: middle;
  cursor: pointer;
}
.kd-date-picker-panel .kd-date-picker-footer .kd-date-picker-btn-disabled {
  background-color: #e3ebff;
  cursor: not-allowed;
}
.kd-date-picker-panel .kd-date-picker-footer .kd-date-picker-btns {
  margin-bottom: 0;
  overflow: hidden;
  text-align: left;
  list-style: none;
}
.kd-date-picker-panel .kd-date-picker-footer .kd-date-picker-btns li {
  display: inline-block;
}
.kd-date-picker-panel .kd-date-picker-footer .kd-date-picker-btns li::after {
  vertical-align: middle;
}
.kd-date-picker-panel .kd-date-picker-footer .kd-date-picker-btns .kd-date-picker-now {
  text-align: left;
  vertical-align: middle;
  cursor: pointer;
}
.kd-date-picker-panel .kd-date-picker-footer .kd-date-picker-btns .kd-date-picker-ok {
  float: right;
  margin-left: 8px;
  vertical-align: middle;
}
.kd-date-picker-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: var(--kd-c-date-picker-container-color-background, var(--kd-g-color-background-2, #f2f2f2));
}
.kd-date-picker-container-date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.kd-date-picker-container .kd-date-picker-ranges {
  width: 160px;
  color: var(--kd-c-date-picker-container-color, var(--kd-g-color-text-primary, #212121));
  padding: 0 12px;
  text-align: left;
  overflow: auto;
  max-height: 276px;
}
.kd-date-picker-container .kd-date-picker-ranges-item {
  height: var(--kd-c-date-picker-panel-header-sizing-height, 36px);
  line-height: var(--kd-c-date-picker-panel-header-sizing-height, 36px);
  font-size: var(--kd-c-date-picker-container-font-size, var(--kd-g-font-size-small, 12px));
  border-bottom: 0.5px solid var(--kd-c-date-picker-container-color-border, var(--kd-g-color-border-weak, #e5e5e5));
  cursor: pointer;
}
.kd-date-picker-rtl {
  direction: rtl;
}
.kd-date-picker-rtl .kd-date-picker-input .kd-date-picker-suffix {
  margin-right: var(--kd-c-date-picker-suffix-spacing-margin-left, 10px);
  margin-left: 0;
}
.kd-date-picker-rtl .kd-date-picker-input .kd-date-picker-clear {
  left: 0;
  right: auto;
}
.kd-date-picker-rtl.kd-date-picker-panel .kd-date-picker-time .kd-date-picker-content {
  border-right: 1px solid #d9d9d9;
  border-left: none;
}
.kd-date-picker-rtl.kd-date-picker-panel .kd-date-picker-time .kd-date-picker-content .kd-date-picker-time-column {
  text-align: right;
}
.kd-date-picker-rtl.kd-date-picker-panel .kd-date-picker-time .kd-date-picker-content .kd-date-picker-time-column:not(:first-child) {
  border-right: 1px solid #d9d9d9;
  border-left: none;
}
.kd-date-picker-rtl.kd-date-picker-panel .kd-date-picker-footer {
  text-align: left;
}
.kd-date-picker-rtl.kd-date-picker-panel .kd-date-picker-footer-extra {
  text-align: right;
}
.kd-date-picker-rtl.kd-date-picker-panel .kd-date-picker-footer .kd-date-picker-btns {
  text-align: right;
}
.kd-date-picker-rtl.kd-date-picker-panel .kd-date-picker-footer .kd-date-picker-btns .kd-date-picker-now {
  text-align: right;
}
.kd-date-picker-rtl.kd-date-picker-panel .kd-date-picker-footer .kd-date-picker-btns .kd-date-picker-ok {
  float: left;
  margin-right: 8px;
  margin-left: 0;
}
.kd-date-picker-rtl .kd-date-picker-suffix {
  margin-right: var(--kd-c-date-picker-suffix-spacing-margin-left, 10px);
  margin-left: 0;
}
.kd-date-picker-rtl .kd-date-picker-range-clear {
  margin-right: var(--kd-c-date-picker-suffix-spacing-margin-left, 10px);
  margin-left: 0;
}
.kd-date-picker-rtl .kd-date-picker-container .kd-date-picker-ranges {
  text-align: right;
}
.kd-date-picker-rtl .kd-date-picker-warpper .kd-date-picker-time .kd-date-picker-content {
  direction: ltr;
}
/*! rtl:end:ignore */