._1yHN_CCNQAk61uqyt7t2c1 ._1teJWBawuB1Ubz7YhLJbJo {
  z-index: 65 !important;
}
._1HBPpwldVCRnSkvpQoCn73 {
  background-color: rgba(247, 238, 85, 0.5);
}
._1HBPpwldVCRnSkvpQoCn73 input {
  border: 1px solid red;
}
._1dB-VBdy0Uint7of8KqzYX {
  font-size: 18px;
}
._3djKNOoHtVn_XANy6v86qS :hover {
  color: #5582f3;
}
._5Ja8dF4uKePtyfn0qB-V9 {
  border: 0px !important;
}
._3GfBxfhW3T3AC2OQbPHMPe {
  height: auto !important;
}
._2mX7KNVVDhjbeKQhSzLBd {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  z-index: 1050;
  background: #fff;
}
._17gKio4cpaBnGDU-whkhkV {
  border-spacing: 0;
  border-left: 0px;
  border-top: 0px;
  border-right: 0px;
  border-bottom: 0px;
  table-layout: fixed;
}
._17gKio4cpaBnGDU-whkhkV tr:hover {
  background-color: #eef1f6 !important;
}
._17gKio4cpaBnGDU-whkhkV tr:hover td {
  background-color: #eef1f6 !important;
}
td {
  border-right: 1px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8;
  border-left: 1px solid #d8d8d8;
  border-top: 1px solid #d8d8d8;
  background-clip: padding-box !important;
  top: 0;
  position: relative;
  word-wrap: break-word;
  word-break: break-all;
  padding: 0px 2px;
  background-color: #fff;
}
td div {
  display: inline-block;
  font-size: 14px;
}
td div._1VEy6XLK4OGafP2KLRg0Dv > div {
  display: flex;
}
._13KXlnCq9yWvjYuR8ks0dZ {
  position: relative;
  font-size: 14px;
}
td input {
  text-align: inherit;
  width: 100% !important;
}
td pre {
  display: inline-block;
  max-width: 100%;
  white-space: break-spaces;
  margin: 0;
  visibility: hidden;
  font-weight: normal;
  font-size: 10px;
  font-family: monospace;
}
td a[disabled] {
  cursor: not-allowed;
  color: #eeeeee;
}
._1jiQW-GMxohUTDb6NI6B1O {
  border-right: 0;
  border-bottom: 0;
}
._3oPWgY4gNiEAyvvyNE6ucT {
  font-size: 14px !important;
  border-collapse: collapse;
  box-sizing: border-box;
  position: relative;
}
.mGH_LIFXJgaL3IBkMOSYZ {
  flex: 0 1 auto;
  overflow: auto;
  height: 100%;
}
.fqU5d_OfDbjOSWt--zmlj {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  width: 100%;
  height: 100%;
  max-width: 100%;
  background-color: #fff;
  font-size: 14px;
  color: #1f2d3d;
}
._1_tKovupMT0ywWK-mTkHoY {
  height: 26px;
  width: 26px;
  z-index: 10;
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 10px;
}
.K_s0d9-BpN69MrzbS1fah {
  flex: 0 0 auto;
  overflow: hidden;
  width: calc(100% - 10px);
}
._2wA-h2xyYaq8NPpEABKU2S {
  flex: 0 0 auto;
  overflow: hidden;
  width: 100%;
}
._2a2LTS6Ha4v8KyqVQKNgyl {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
._3UqR2f-RKXfk38C3Af33Y6 {
  height: 26px;
  width: 26px;
  z-index: 10;
  cursor: pointer;
  position: absolute;
  right: 40px;
  top: 10px;
}
._1eBL1GuyucwQZXFSCN7M5L {
  position: absolute;
  width: 384px;
  font-family: "microsoft yahei";
  z-index: 999;
  overflow: auto;
  max-height: calc(100% - 40px);
  right: 40px;
  top: 40px;
  background-color: white;
  background: #e2e5eb;
  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.17);
  padding-bottom: 12px;
}
.QZb4NUCixeS2feV2fNK8C {
  background-image: url(data:image/png;base64, );
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  color: #ffffff;
  padding-left: 12px;
}
._1eBL1GuyucwQZXFSCN7M5L ._3UWFaFDKvdaJG7hvTDPH77 {
  font-family: PingFangSC-Regular;
  color: #212121;
  height: 36px;
  line-height: 36px;
  font-size: 16px;
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
  padding: 0 16px;
  border-bottom: 1px solid #cccccc;
  background-color: #fff;
  margin: 12px;
  margin-bottom: 0px;
  display: flex;
  justify-content: space-between;
}
._1eBL1GuyucwQZXFSCN7M5L ._14v82loaQEO8fydUSTBcae {
  font-size: 12px;
  font-family: MicrosoftYaHei;
  display: flex;
  align-items: center;
}
._1eBL1GuyucwQZXFSCN7M5L ._14v82loaQEO8fydUSTBcae > img {
  margin-right: 6px;
  width: 16px;
  height: 16px;
}
._1eBL1GuyucwQZXFSCN7M5L ._3f96QlFYsqYA__Ss7vrANv {
  background-color: #fff;
  min-height: 212px;
  font-size: 14px;
  margin: 0 12px;
}
._1eBL1GuyucwQZXFSCN7M5L ._3f96QlFYsqYA__Ss7vrANv .HextEpxkIqRKQGC9mPDQl ._3cIrJoFu-9iuxbnbQYHPjq {
  background-image: url(data:image/png;base64, );
  background-position-x: center;
  background-position-y: 50px;
  background-repeat: no-repeat;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  background-size: 120px;
  height: 152px;
}
._1eBL1GuyucwQZXFSCN7M5L ._3f96QlFYsqYA__Ss7vrANv .HextEpxkIqRKQGC9mPDQl .Bh-CW_SvGRnyGZrdbWd7A {
  text-align: center;
  margin-left: 20px;
  margin-bottom: 40px;
  color: #828282;
  font-size: 14px;
}
._1eBL1GuyucwQZXFSCN7M5L ._3f96QlFYsqYA__Ss7vrANv ._3Hk-Iw7bm8KfPNeeFVab0U {
  border-bottom: 1px solid #d5d9e4;
  padding: 17px 20px;
}
._1eBL1GuyucwQZXFSCN7M5L ._3f96QlFYsqYA__Ss7vrANv ._3Hk-Iw7bm8KfPNeeFVab0U._30kTvphvffbxJRxk6KmZ8E {
  border-left: 2px solid #fd6c6a;
  background: rgba(253, 108, 106, 0.1);
}
._1eBL1GuyucwQZXFSCN7M5L ._3f96QlFYsqYA__Ss7vrANv ._1zMfoPhqL9FRntCVRYTfFJ {
  border-left: 2px solid #fd6c6a;
  background: rgba(253, 108, 106, 0.1);
  border-bottom: 1px solid #d5d9e4;
  padding: 17px 20px;
}
._1eBL1GuyucwQZXFSCN7M5L .kd-collapse-panel-children-hide {
  border-left: 2px solid transparent;
}
._1eBL1GuyucwQZXFSCN7M5L .kd-collapse-panel-top {
  border-left: 2px solid transparent;
}
._1eBL1GuyucwQZXFSCN7M5L .kd-collapse-panel-right {
  margin-left: 0;
}
._1eBL1GuyucwQZXFSCN7M5L .kd-collapse-panel-opened {
  background: #fff2f4;
  border-left: 2px solid #fb2323;
  padding-bottom: 12px;
}
._1eBL1GuyucwQZXFSCN7M5L .kd-collapse-panel-opened .kd-collapse-panel-top {
  border-left: none;
}
._3u0YXe_bj507tEp5PxguN6 {
  width: 100%;
}
.qtbU5dwFoAGR6ESkvX5HI {
  display: none;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 16px;
  color: #fb2323;
}
._3EtJr51-jD4unKvyeVUVW- {
  display: none;
  position: absolute;
  left: 1px;
  top: 50%;
  transform: translate(0, -50%);
  font-size: 16px;
  color: #fb2323;
  z-index: 99;
}
.KBnwCVTEh8i1UI0-uRXpy {
  position: absolute;
  left: 2px;
  color: #fb2323;
  top: 15px;
}
._1DQWpgp4KxU32uMKC5I4cj {
  color: #fb2323;
  font-size: 10px;
  text-align: left;
  padding-left: 3px;
  visibility: hidden;
  height: 0;
}
.pIkw4bRJ39ejRTyrWFFJp {
  color: #2b87f3;
  cursor: pointer;
  text-align: center;
}
._3lfFDdRkT_9iC1qxMxrrpy {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 16px;
  color: #5582f3;
  cursor: pointer;
}
._1m5_vS_rhhDkVbvO7kyYjz {
  font-size: 20px;
  margin-bottom: -5px;
}
.l6JoL3DomJ-k16-3lzj-Z ._3EtJr51-jD4unKvyeVUVW- {
  display: none;
}
.l6JoL3DomJ-k16-3lzj-Z .K_fUrS-aYpihv7Fb9vGwQ {
  position: relative;
}
.l6JoL3DomJ-k16-3lzj-Z:hover td:first-child .K_fUrS-aYpihv7Fb9vGwQ {
  display: hidden;
}
.l6JoL3DomJ-k16-3lzj-Z:hover .qtbU5dwFoAGR6ESkvX5HI {
  display: inline-block !important;
  color: #fb2323;
  cursor: pointer;
}
.l6JoL3DomJ-k16-3lzj-Z:hover ._3EtJr51-jD4unKvyeVUVW- {
  display: inline-block !important;
  color: #fb2323;
  cursor: pointer;
}
.l6JoL3DomJ-k16-3lzj-Z:hover ._3lfFDdRkT_9iC1qxMxrrpy {
  display: inline-block;
  color: #5582f3;
  cursor: pointer;
}
.JJfC8fw8IxYzuVyMpS-27 {
  position: absolute;
  top: 0;
  display: inline-block;
  right: 0;
  z-index: 5;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAKdJREFUOBFjDGv+3PD/P0M9A5mAEaSPWEMqIjjA1nSs+AG3jgnEWlXL28DIyNAIFyWBAXYBTD2xLoGpB9FgF8AECLnEy4yVwcOUFaYcTKMYABLBZwg3ByMDLyeKo1FdADManyEwNTAawwUwCWINwWkAyCBiDMFrALohn7//Z/gCxMgANUSQZdDYuKKYaANA5mEzhCQDsBlCsgHohpBlALohID5ZABQmAJOtQjHa45PjAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: cover;
  width: 12px;
  height: 12px;
  cursor: pointer;
}
.J6mx1wae1_4wCd2ksedsY {
  position: absolute;
  top: 0px;
  left: 0px;
  height: calc(100% - 20px);
}
.A7ETnoHrpxAkYW0jjEFed span {
  font-size: 12px !important;
}
._3i3TTc3ObCZIka56_nxVEe {
  color: #666666;
  padding: 6px 4px;
  cursor: pointer;
}
._2UEpqvOg0SLvUi5x0v8sQz {
  color: #5582f3;
}
._1JM7sRCH_hYeG6KtKq2OJl {
  display: flex;
}
._24wYZ6tKOawVb1RH4MVozV {
  color: #5582f3;
}
._2b_Xs0dy10mhJ2SE_nB2SO :hover {
  background-color: #e5e5e5;
}
._1K3V_uNlBOcenaSM1kjZO- {
  position: absolute;
  top: 0;
  display: inline-block;
  right: 0;
  z-index: 5;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAKdJREFUOBFjDGv+3PD/P0M9A5mAEaSPWEMqIjjA1nSs+AG3jgnEWlXL28DIyNAIFyWBAXYBTD2xLoGpB9FgF8AECLnEy4yVwcOUFaYcTKMYABLBZwg3ByMDLyeKo1FdADManyEwNTAawwUwCWINwWkAyCBiDMFrALohn7//Z/gCxMgANUSQZdDYuKKYaANA5mEzhCQDsBlCsgHohpBlALohID5ZABQmAJOtQjHa45PjAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: cover;
  width: 12px;
  height: 12px;
  cursor: pointer;
}
.E_j1UUX4ArVgkdhuzwIWv {
  position: absolute;
  z-index: 1050;
  opacity: 1;
  flex-direction: column;
  max-height: 450px;
  min-width: 160px;
  border-radius: 2px;
  background-color: #ffffff;
  box-shadow: rgba(154, 154, 154, 0.5) 0px 0px 5px 0px;
  cursor: default;
}
.E_j1UUX4ArVgkdhuzwIWv ._1LFiRpNZBZ2HtTMe7UPKE0 {
  display: flex;
  flex-direction: column;
  margin-top: 8px;
}
.E_j1UUX4ArVgkdhuzwIWv ._1LFiRpNZBZ2HtTMe7UPKE0 ._3o3gOuOsl94y7u0nQjGchW:hover {
  background-color: #f2f8ff !important;
}
.E_j1UUX4ArVgkdhuzwIWv ._1LFiRpNZBZ2HtTMe7UPKE0 ._3o3gOuOsl94y7u0nQjGchW {
  display: flex;
  position: relative;
  flex-shrink: 0;
  height: 32px;
  -webkit-box-align: center;
  align-items: center;
  border-radius: 2px;
  font-size: 12px;
  color: var(--color);
  padding: 0px 12px;
  overflow: hidden;
  cursor: pointer;
}
.E_j1UUX4ArVgkdhuzwIWv ._11GBfFVYuyckd1nLf6iy0C {
  display: flex;
  flex-direction: row;
  padding: 8px 12px;
  -webkit-box-pack: justify;
  justify-content: space-between;
}
.E_j1UUX4ArVgkdhuzwIWv ._2AWdJcnEse9hSK-yzQa8-F {
  display: flex;
  padding: 6px 12px;
}
.E_j1UUX4ArVgkdhuzwIWv ._3TYNihFKfPQkt_0OmUnAZM {
  background-color: #f2f8ff;
}
._4pZHpPoi8j0Zj9ohUqwnw {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
}
.zI-BmXLVSwEKo9oCa01qK {
  position: absolute;
  left: 0;
  overflow: hidden;
  z-index: 3;
}
._1E3v0oSmP9jaqMWDS5-4IP {
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 16px;
  width: 50px;
}
.hdZT5_8ZF5wHSdH_xIzd_ {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 48px;
  cursor: pointer;
  width: 30px;
  margin-bottom: 2px;
}
._2yAN4efKldte4DhodwXSIM {
  background: #F2F6FF;
  border-radius: 6px;
}
._2yAN4efKldte4DhodwXSIM path {
  fill: #5582F3;
}
._29aVv-qUOHTMzww9ZP_Eph {
  visibility: hidden;
  width: 40px;
  height: 22px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0.6);
  border-radius: 4px;
}
._2oSYCu-3AUCQzrFTSrePD1 {
  font-family: PingFangSC-Regular;
  font-size: 12px;
  color: #FFFFFF;
  letter-spacing: 0;
  text-align: center;
  font-weight: 400;
}
.Rp9ePg7moAlY5TisSbpGw {
  width: 30px;
  display: flex;
  justify-content: center;
  height: 30px;
  align-items: center;
}
.Rp9ePg7moAlY5TisSbpGw:hover {
  background: #F2F6FF;
  border-radius: 6px;
}
.Rp9ePg7moAlY5TisSbpGw:hover ._29aVv-qUOHTMzww9ZP_Eph {
  visibility: visible;
}
._2g1TGaZAzaSYYSOlpNYe25 {
  font-family: MicrosoftYaHeiSemibold;
  font-size: 14px;
  color: #212121;
  font-weight: 600;
}
._2XeNI9g0w4pqkR9i7Md2Jy {
  width: 100%;
  height: calc(100% - 36px);
  overflow-y: auto;
  overflow-x: hidden;
}
._1r_wrhUJzdB0ZujsTRSEMl {
  height: 36px;
  padding-top: 8px;
  padding-left: 10px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-right: 10px;
}
._16spaaHH8y74V1BJIjS1qG {
  margin-left: 16px;
  margin-right: 16px;
  margin-bottom: 12px;
}
._2kHSMIUUpDRt3ab5Uux9z4 {
  background: #f2f6ff;
  border: 1px solid #ffffff;
  border-radius: 8px;
  width: 100%;
}
._183BTM3qgBMvVg3Cv4IkOL {
  background: #5582f3;
  border-radius: 0px 2px 2px 0px;
  width: 4px;
  height: 16px;
  position: relative;
  top: 3px;
  display: inline-block;
}
._3mB1L7w_qcMo9r22rzOVIJ {
  margin-bottom: 16px;
  margin-left: 16px;
  margin-right: 16px;
  margin-top: 6px;
  background: #ffffff;
  border-radius: 8px;
}
._1LIalAopUvizyn8q8vZWur {
  display: inline-block;
  height: 24px;
  margin-left: 12px;
  margin-right: 24px;
  margin-top: 12px;
  margin-bottom: 6px;
}
._1LIalAopUvizyn8q8vZWur span {
  font-family: MicrosoftYaHei;
  font-size: 16px;
  color: #212121;
  letter-spacing: 0;
  line-height: 24px;
  font-weight: 400;
}
._2wR8_S0piadRuYr5JC6VhL {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: MicrosoftYaHei;
  letter-spacing: 0;
  line-height: 21px;
  font-weight: 400;
  margin-right: 22px;
}
._2wR8_S0piadRuYr5JC6VhL span {
  margin-bottom: 4px;
  color: #666666;
  font-size: 14px;
}
._2TYAWXMEVmtRow9y_wou3M {
  height: 40px;
  padding-right: 6px;
  font-size: 32px;
  color: #212121;
  letter-spacing: 0;
  font-weight: 700;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
._3NNLtcH4NFCOyj-F-hFyOH {
  font-family: PingFangSC-Regular;
  font-size: 12px;
  color: #212121;
  letter-spacing: 0;
  font-weight: 400;
  word-break: keep-all;
}
._1d-4m0xJ9IEaD1jgOG7FBT {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  justify-content: flex-start;
  padding-left: 0px;
}
._3kNFUaZYg2qakbIx73iI1p {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 16px;
}
._11SPixVzO8k0DN8ofEHC93 {
  padding-bottom: 36px;
}
._4T1LylNXDf6r5qgGJFi7b {
  font-size: 36px;
}
._3CulOK2p3incNHEd9CJtAL {
  font-family: PingFangSC-Regular;
  font-size: 13px;
  color: #232323;
  letter-spacing: 0;
  font-weight: 400;
  margin-right: 6px;
}
@font-face {
  font-family: "TaxFont";
  src: url(data:font/otf;base64, );
  font-display: swap;
}
._1hbpg1cJ0TemtmvF_VxfGk {
  font-family: "TaxFont";
}
._1y3YSjlU0iWezhXQrvSQwm {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 130px;
  padding-right: 16px;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 12px;
  background: #f2f6ff;
  border-radius: 8px;
}
._11JxvqDq1nb2ax8EW-4NyY {
  font-family: MicrosoftYaHei;
  font-size: 14px;
  color: #666666;
  letter-spacing: 0;
  line-height: 21px;
  font-weight: 400;
}
.VSre9fOzKz4ZSnzXj9qQ8 {
  height: 40px;
  padding-right: 6px;
  font-size: 32px;
  color: #212121;
  letter-spacing: 0;
  font-weight: 700;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
._11M0ZgMwyYrITL43vxBpg1 {
  font-family: PingFangSC-Regular;
  font-size: 12px;
  color: #212121;
  letter-spacing: 0;
  font-weight: 400;
  word-break: keep-all;
}
.cwNGiexExlBWZ8qnLn-cW {
  margin-left: 28px;
}
._2smOTTANYR4-Pj8hDwNhoF {
  display: flex;
  flex-direction: row;
  align-items: baseline;
}
._3ts-XGEsMQd3qTyQ5NYJ73 {
  font-size: 36px;
}
._3yurrqHuqCKZocgd4oVacz {
  font-family: MicrosoftYaHeiSemibold;
  font-size: 14px;
  color: #212121;
  font-weight: 600;
}
._3N0n3wma3ESEO7ancOiMeu {
  font-family: MicrosoftYaHei;
  font-size: 12px;
  color: #666666;
  letter-spacing: 0;
  text-align: right;
  line-height: 19px;
  font-weight: 400;
}
._9QLZnzljo97ZxbLMVxuc7 {
  font-family: MicrosoftYaHeiSemibold;
  font-size: 14px;
  color: #fb2323;
  letter-spacing: 0;
  text-align: right;
  line-height: 19px;
  font-weight: 600;
}
._2o75bXnOKNk1o0yOZMTC1G {
  font-family: MicrosoftYaHeiSemibold;
  font-size: 14px;
  color: #ffb253;
  letter-spacing: 0;
  text-align: right;
  line-height: 19px;
  font-weight: 600;
}
._3NT2m51gdaU7Zt59DjRBrK {
  font-family: MicrosoftYaHeiSemibold;
  font-size: 14px;
  color: #212121;
  font-weight: 600;
}
._1gcEMvq1xoDluVqeUIPJ63 {
  position: relative;
  top: 25%;
}
._1gcEMvq1xoDluVqeUIPJ63 ._2dEbfHv9w0ciUWBiuL1Bok {
  background-image: url(data:image/png;base64, );
  background-position-x: center;
  background-position-y: 50px;
  background-repeat: no-repeat;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  background-size: 152px;
  height: 280px;
}
._1gcEMvq1xoDluVqeUIPJ63 ._1dkdjocFNKpP1qAdyJjk16 {
  text-align: center;
  margin-left: 20px;
  margin-bottom: 40px;
  color: #828282;
  font-size: 14px;
  position: relative;
  top: -105px;
}
._21LQzuLE2Zd_3x24koMjhU {
  font-family: MicrosoftYaHei;
  font-size: 14px;
  color: #212121;
  letter-spacing: 0;
  line-height: 22px;
  font-weight: 400;
  cursor: pointer;
  overflow-wrap: break-word;
}
._28OE7yqNOX3G8PpQem_ipP {
  font-family: MicrosoftYaHei;
  font-size: 12px;
  color: #666666;
  letter-spacing: 0;
  line-height: 18px;
  font-weight: 400;
  overflow-wrap: break-word;
}
._1fnkBlr2TpkYGJzqg0E-ma {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}
._3wfkt5BIJcXuddkQJ13If9 {
  width: 100%;
  padding-bottom: 12px;
  padding-top: 12px;
  padding-left: 12px;
  padding-right: 12px;
}
.jUvNO1GpP2ghD2rX3qadT {
  margin-right: 12px;
  width: 16px;
  height: 16px;
  position: absolute;
  right: 12px;
  transform: rotate(180deg);
  transition: transform 0.5s ease-in-out;
  cursor: pointer;
}
._1ij8D2JJrt9Et0K8-ioDHb:hover {
  text-decoration: underline;
  color: #06c;
}
._1udPkhqjHs-yxmwvgKxXMs {
  background: #fff2f4;
  border-radius: 8px;
  height: auto;
  padding-bottom: 1px;
  margin-bottom: 12px;
  transition: all 0.5s ease-in-out;
}
.M_SM4bqo8s5oN2C7ykW5q {
  padding-top: 10px;
  padding-bottom: 10px;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex;
}
._2Mr4FTZs3J_j7HjlHCt_C8 {
  font-family: MicrosoftYaHei;
  font-size: 14px;
  color: #212121;
  letter-spacing: 0;
  line-height: 22px;
  font-weight: 400;
  cursor: pointer;
  overflow-wrap: break-word;
}
._6APCWeFGRjptYUpz_SLtx {
  font-family: MicrosoftYaHei;
  font-size: 12px;
  color: #666666;
  letter-spacing: 0;
  line-height: 18px;
  font-weight: 400;
  overflow-wrap: break-word;
}
._2rh8wOskiOJWB3jhE25RWY {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}
._2NcFbqIsS0APDAPXY1wywU {
  width: 100%;
  padding-bottom: 12px;
  padding-top: 12px;
  padding-left: 12px;
  padding-right: 12px;
}
._8C9EPzN5K_0aI0HgpOfOo {
  width: 16px;
  height: 16px;
  position: absolute;
  right: 12px;
  transform: rotate(180deg);
  transition: transform 0.5s ease-in-out;
  cursor: pointer;
}
.vhye03u26vru3fBidTGe7:hover {
  text-decoration: underline;
  color: #06c;
}
._3YQbobz1EpjNOWZu0hOIdz {
  background: #fff8f2;
  border-radius: 8px;
  height: auto;
  padding-bottom: 1px;
  margin-bottom: 12px;
  transition: all 0.5s ease-in-out;
}
._1yR0wWV3Yzn_Yn8QCVMwsb {
  padding-top: 10px;
  padding-bottom: 10px;
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex;
}
.wxMNhG5ZKfEEdY5BNc3aT {
  font-family: MicrosoftYaHei;
  font-size: 14px;
  color: #212121;
  letter-spacing: 0;
  line-height: 22px;
  font-weight: 400;
  cursor: pointer;
  overflow-wrap: break-word;
  text-decoration: underline;
}
._1XUR48MGvaAZ38T49iEgrv {
  font-family: MicrosoftYaHei;
  font-size: 12px;
  color: #666666;
  letter-spacing: 0;
  line-height: 18px;
  font-weight: 400;
  overflow-wrap: break-word;
}
.mPEXxWdU1W0M_OWUwQIe2 {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
._1xucv3ZgJhkgmVPYCUxo9X {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
._19OmiGluOf7kLWDuR088hX {
  width: 100%;
  padding-bottom: 12px;
  padding-top: 12px;
  padding-left: 12px;
  padding-right: 12px;
}
.efSid1v7txSDc5EJBuqX3 {
  transform: rotate(180deg);
  transition: transform 0.5s ease-in-out;
}
._3N-cY0JDVT5wulRMWW5uQg:hover {
  color: #06c;
}
._38T5WHfishGzkEA4yLTOVY {
  margin-top: 0px;
  padding-top: 4px;
  position: relative;
}
._3TIZvMRk_W5vHF6Q2cCy6G {
  margin-left: 12px;
  margin-right: 12px;
  font-family: MicrosoftYaHei;
  font-size: 14px;
  color: #666666;
  letter-spacing: 0;
  line-height: 22px;
  font-weight: 400;
}
.qmszCMvXjGQFaVMLxwa1b {
  border-radius: 4px;
  margin-left: 12px;
  margin-right: 12px;
  margin-top: 4px;
  margin-bottom: 4px;
  border-color: #d8d8d8;
  background: white;
}
.F0iZUaL8z4GPdeUmI8m4h {
  font-family: MicrosoftYaHei;
  font-size: 14px;
  color: #666666;
  letter-spacing: 0;
  line-height: 22px;
  font-weight: 400;
  margin-top: 4px;
  margin-bottom: 4px;
  text-align: center;
}
.QO24C5h10H0am2bwNkKFO {
  font-size: 23px;
  color: #ff5f1f;
  letter-spacing: 0;
  font-weight: 700;
  line-height: 23px;
  margin-bottom: 4px;
  margin-top: 4px;
  text-align: center;
}
._3Haqqktp4YZqjcAU-zvNkw {
  cursor: pointer;
  position: absolute;
  bottom: 0px;
  left: -12px;
  height: 20px;
  width: calc(100% + 24px);
  text-align: center;
  background: lightgray;
  font-size: 14px;
  color: #666666;
  opacity: 0.9;
}
._3Haqqktp4YZqjcAU-zvNkw:hover {
  opacity: 1;
}
.gVHg1JWcUrT5-j3p_y_WK {
  display: flex;
  flex-direction: row;
  padding-bottom: 13px;
  justify-content: center;
  flex-wrap: nowrap;
  align-items: baseline;
}
._28YjLDeEmRt1L54XjBv0IT {
  height: 28px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center;
}
._28YjLDeEmRt1L54XjBv0IT span {
  font-size: 25px;
  color: #ff5f1f;
  letter-spacing: 0;
  font-weight: 700;
}
.R87HlX5FwFtpZC2ML84gV {
  height: 28px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center;
}
.R87HlX5FwFtpZC2ML84gV span {
  font-size: 25px;
  color: #212121;
  letter-spacing: 0;
  font-weight: 700;
}
._1W27VM0ZGZ747kT8RLO_Ts {
  width: 24px;
  height: 24px;
  background: #f3f6fb;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  margin-left: 10px;
  margin-right: 10px;
}
._1_0xdFzlHj1vAxrGKAg9IA {
  width: 100%;
  height: 100%;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAMKADAAQAAAABAAAAMAAAAADbN2wMAAAHeElEQVRoBdVaaWwVVRQ+M+9B+15bbYEutECrLGUvhbavmhglBgwgmwrBhR+GEIxRRIiaGI0YjYlEQY3EqMGAEECU2ArEAFKqLLIUugClCAbK1iJgV14X+t54vmlnvDNv3lKg20le595zz73znbnnnHvuvZXoHpCiKA53k2eS4lUmkiQNV4iGkEIxkkRRGF5RqI4kqpKIznGlTJKlvc4w225Jkhru9vU85p0Rg4651eiZyeBmMtDJXHe2ZyQG7+a+u7hvbkS4LZfrVe3pr8m2WwEAdTd6l3pJeZO/pvqFtcHu+ClJdTJJK5zh8koo1p5xQlaAgdvcTd4FbCbLFVL6t+clocpKJFWweS13hslrWBFPKP1CUoDnOsnb0JLDtp0RyqB3K8OgCmSHfZZTkq4EGyuoAu5mxeVt8fzcUV/dH0DMhmy3zXb2lg77kwFfDtRY39Dygtfjye9s8MCEd+LdwBAIo98ZQEe2+/WBOndWG/vD/EiHfYPV+ywVUM0GX15Rwq06dTaPFWiUbbbHrMzJR4FWh/Uc7QqzCfRhVJ9w2DLNjm3wAYTK1mjTMWEyEMBgbapPIBIyRlHWoIAa5zspVIogQi0jjAOjKK+bEGvmvNXgOdfdTEcEizJMKcJhG6Kt2PoMID3o7uChADACK8ogdQb468fUN3rK71lu0zp2x/3l3Cky3JbMs1ClzgCyyh4DHp+Fk0gVMxftrXWaiacV7diWS/X1dXpTYmISPfLoRL1uLpwoKabSUyd0tizLNGXaDIqMjNR5TU1NtH9fPp396wzdvHGDamtrKCrqPuoXG0sTMrIobdx46t27ty5vVUAaz/y1djYfB2vD+byVGFF5+Xn6+9xZQ2PqiJEUFxdv4KHS0tJCmzd+T42NjXqb0+mk2U/P1eunS0/Rxg1rye02Zs1VVf8SflBq+7YcembOszRmbJrez1xo24M4ZHUnFWAz4sp+2NyXigqP+fDAKD110gAevPQJmWS3qxNNlZUVtH7dGh/wkBOpvq6O1n73DZUUF4lsQxlRE9hldRtoaDJWxqalU3i4MaMoLio0CrXVigoLfPgu10M678C+3wnmYyZ2RjNLNaGYmBgfvsgAdjv2sOwUIt9Q7tWrF6WPz6A/D+7X+ZUVV+natUqKj0/Qebdv3yaYh0hJAwYSfhpduHBeK6rPiIgIeunlxZSYNIBu3rxBe3bvpMOHDpLNZqMXFyyigYOSDfI+FcZuZ+hDfBpMjMysbIMCaC4uOk6Tn5iqS5adLqXm5ma9joL49VE3f+mo++6n/hwUQH379qO5856n1OEjeMYdNCx1uMoP9AfYZV4ZAs8Tj5Cc8gAlJBh3kUWFxw1jlxQbzQp2D/sXaYAwG+BjJr9a/TlBea/Xq4oiAkGJkIixy2x+IW3MM13ZhjGvsUPCKUEej8cQOsEbPSaNEIFEmvj4JIJJioQI9+3Xq+n9996m3JytVHE16C5S7w7seiqhc/0UMjJchJguEswIdKbstE/0sYpesbFxNO+5+T5KYAxEnj/y8+iTFR9xmF1HtTU1YAclmf33/1UqgHhkVBSNHDXaIFHSFo00RbTG6OgYGjosVasanuPSJ9CSZW/RoOQUA1+sHCs4Qp+tWkF1tbUi26cM7HwcQ1U+LX4YWS7jmgATunzpIp08UWzoga9vdlhRAP702utv0KtLlhEUQtQxU011NW3eFGRHy9jtHIE5hQ4eifCCESNHEWYC063Rlh82+phPRpZLaw74TEl5kPDDqpyf9xvl7dnFEZ3RtBFWZfiXlYIQAXaOQkqZ1iHYEz6QmWl05iuXLxm6wXT69Olr4ImVvXm7aeuPm1VgGh/OPvXJGWoOpPHwBHgEC7/E2GUctPoVsGgwRyOziJXzajJIDLf/kkMHD+yjL79YqZqf1oY86vr1f7Sq/gwzZQF6AxeA3Y5TYk7meC8f2uEsVl+sC+WmVRUDOxwOTsDGie/Qy/l7W01EY1wsv0CrPv2YEvonUnR0NFXwmgC7FwkziQXOitjH3MDO64DUwGa3y0rIHy9LyG9EmfFC4ibyUR48eCiFhYWZ2epihoXMDB6Cs56a4yOvMYAZ2NXAzgtCrtYQyhORw7wgoZ8/xdCGvOaVxUsN+RP4/mjKtOk0avQYf80c5Voxq2kgm0+7t5Q/bdlkyI8Q1xEagxGizNEjh2jnrzuouto3gmOmpk6foUYnv2MJW0o9j+UTiXe8ivcDv51MDYgQWPa1sNePV1n4QKiEfohgyGrhwNiNxcclqGE62Bgced7lk4kPIacrwAP27GMVeDUuF4Jp39XtwAisGg59BsDgWbDdamg5xGthp1xkaCBCfTLYggiHPZsV0G9vDOklGnAzgtOvUAftLLnWw13GJoDHuw0KgIHTX9yMsGAj6t2BgEW9rbG4cvJRAIDbzuEXdgfwbRgWWt0NoM1SATTgRoQ1n9+VM4F3A4O/2xngNDgxGGbq7pd8QRWAQt35mtWvCYkzAcdG+OL9wKKOjFBqpOF34F3mqyQRj1gOaQbEDlixe+S/GohKoMyK9Mx/9jAr0qZMl/27zX9uCR3dAhitewAAAABJRU5ErkJggg==);
}
._3Y6K-0q35mjATCxHYJOyIO {
  position: absolute;
  width: 384px;
  font-family: "microsoft yahei";
  z-index: 999;
  overflow: auto;
  max-height: calc(100% - 40px);
  right: 40px;
  background-color: white;
  background: #e2e5eb;
  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.17);
  padding-bottom: 12px;
}
._3oNvKvHX5uZO4boC8c-HYO {
  background-image: url(data:image/png;base64, );
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  color: #ffffff;
  padding-left: 12px;
}
._3Y6K-0q35mjATCxHYJOyIO .Ho1XhOyIpPweckGBx3X9M {
  font-family: PingFangSC-Regular;
  color: #212121;
  height: 36px;
  line-height: 36px;
  font-size: 16px;
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
  padding: 0 16px;
  border-bottom: 1px solid #cccccc;
  background-color: #fff;
  margin: 12px;
  margin-bottom: 0px;
  display: flex;
  justify-content: space-between;
}
._3Y6K-0q35mjATCxHYJOyIO ._3fexJLTF7O0HY1yjrpWyd {
  font-size: 12px;
  font-family: MicrosoftYaHei;
  display: flex;
  align-items: center;
}
._3Y6K-0q35mjATCxHYJOyIO ._3fexJLTF7O0HY1yjrpWyd > img {
  margin-right: 6px;
  width: 16px;
  height: 16px;
}
._3Y6K-0q35mjATCxHYJOyIO ._3gf-vozrwFpljS8shFr7YP {
  background-color: #fff;
  min-height: 212px;
  font-size: 14px;
  margin: 0 12px;
}
._3Y6K-0q35mjATCxHYJOyIO ._3gf-vozrwFpljS8shFr7YP ._1h1G9wmEKBVr0MOcXehKBE {
  border-bottom: 1px solid #d5d9e4;
  padding: 17px 20px;
}
._3Y6K-0q35mjATCxHYJOyIO ._3gf-vozrwFpljS8shFr7YP ._1h1G9wmEKBVr0MOcXehKBE._34UgncteaTm0R-XFPKpZJK {
  border-left: 2px solid #fd6c6a;
  background: rgba(253, 108, 106, 0.1);
}
._3Y6K-0q35mjATCxHYJOyIO ._3gf-vozrwFpljS8shFr7YP ._35XoHJ_LtvINrTlbkjTaiO {
  border-left: 2px solid #fd6c6a;
  background: rgba(253, 108, 106, 0.1);
  border-bottom: 1px solid #d5d9e4;
  padding: 17px 20px;
}
._3Y6K-0q35mjATCxHYJOyIO .kd-collapse-panel-children-hide {
  border-left: 2px solid transparent;
}
._3Y6K-0q35mjATCxHYJOyIO .kd-collapse-panel-top {
  border-left: 2px solid transparent;
}
._3Y6K-0q35mjATCxHYJOyIO .kd-collapse-panel-right {
  margin-left: 0;
}
._3Y6K-0q35mjATCxHYJOyIO .kd-collapse-panel-opened {
  background: #fff2f4;
  border-left: 2px solid #fb2323;
  padding-bottom: 12px;
}
._3Y6K-0q35mjATCxHYJOyIO .kd-collapse-panel-opened .kd-collapse-panel-top {
  border-left: none;
}
._1cZ9AuvV0mNtBAm9LyUD2E {
  font-family: MicrosoftYaHeiSemibold;
  font-size: 14px;
  color: #212121;
  font-weight: 600;
}
._2PCoosVNqQyOzG9ISRpeEh {
  position: relative;
  top: 23.5%;
}
._2PCoosVNqQyOzG9ISRpeEh ._2bucylENy2-0necxCoAAE5 {
  background-image: url(data:image/png;base64, );
  background-position-x: center;
  background-position-y: 50px;
  background-repeat: no-repeat;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  background-size: 152px;
  height: 280px;
}
._2PCoosVNqQyOzG9ISRpeEh ._2wI1JgSkc3hUVAWBT0coNc {
  text-align: center;
  margin-left: 20px;
  margin-bottom: 40px;
  color: #828282;
  font-size: 14px;
  position: relative;
  top: -105px;
}
._2pAHaDXdrbOEucmCBt1qJp {
  font-family: MicrosoftYaHei;
  font-size: 12px;
  color: #666666;
  letter-spacing: 0;
  text-align: right;
  line-height: 19px;
  font-weight: 400;
  margin-left: 12px;
}
._1NR7GBTi4UbRKNk5LF9Xon {
  font-family: MicrosoftYaHeiSemibold;
  font-size: 14px;
  color: #fb2323;
  letter-spacing: 0;
  text-align: right;
  line-height: 19px;
  font-weight: 600;
  margin-left: 3px;
  margin-right: 3px;
}
._3d7KaDQWw_s5RosB4jDxx1 {
  font-family: MicrosoftYaHeiSemibold;
  font-size: 14px;
  color: #ffb253;
  letter-spacing: 0;
  text-align: right;
  line-height: 19px;
  font-weight: 600;
}
._3S6jhJL0zVlZcCxn5LfRmD {
  width: 100%;
}
._17SrL-vzvdburJQ1Rv6Mpv {
  position: relative;
  font-size: 14px;
}
._3o4ShnYqiKcmLHDJ23WvzG {
  color: #fb2323;
  font-size: 10px;
  text-align: left;
  padding-left: 3px;
  visibility: hidden;
  height: 0;
}
._2Ai1VH68ZGzZI3GnAVUjbS {
  color: #2b87f3;
  cursor: pointer;
  text-align: center;
}
td .F6Z042PodsfVxOW-tK5BV > span > div {
  width: 100%;
  display: flex;
}
td .F6Z042PodsfVxOW-tK5BV span {
  font-size: 14px;
}
._1AOvXynJOSN_bGAifmXhRX div div {
  border-radius: 0!important;
}
.F6Z042PodsfVxOW-tK5BV :hover {
  border-color: #5582f3 !important;
}
._3CPXNWhpH6otmZsPXioX34 {
  position: absolute;
  left: 10px;
  padding: 0 5px;
  background: rgba(245, 108, 108, 0.3);
  color: #f56c6c;
  height: 12px;
  line-height: 12px;
}
._3e1_uWJv4yAqtms-4-Kgi3 {
  visibility: hidden;
}
._3e1_uWJv4yAqtms-4-Kgi3 :hover {
  visibility: visible!important;
  color: cornflowerblue;
}
._3TMCCTUNjc4GLD0oiiHIXl input {
  font-size: 14px;
}
._22pW2C506msg1jgNIA0RNk {
  cursor: pointer;
}
._3TMCCTUNjc4GLD0oiiHIXl :hover ._3e1_uWJv4yAqtms-4-Kgi3 {
  cursor: pointer;
  visibility: visible;
}
._3TMCCTUNjc4GLD0oiiHIXl :hover ._3e1_uWJv4yAqtms-4-Kgi3 :hover {
  color: cornflowerblue;
}
._2OivQeYGUS-sdlQdgp--bN > div {
  display: flex !important;
}
._1C0k7UAy4vr5MTzlk6hh6L {
  width: 100%;
}
.KRycFjXqWhyP02wk4PADV {
  position: relative;
  font-size: 14px;
}
._3VM5LZQqp-MUsJtG_HUjwv {
  color: #fb2323;
  font-size: 10px;
  text-align: left;
  padding-left: 3px;
  visibility: hidden;
  height: 0;
}
._2gsDtD9gZBeW8qBC9LwOTA {
  color: #2b87f3;
  cursor: pointer;
  text-align: center;
}
._2RtQi6ilTJB_IohboUhfHn {
  position: absolute;
  top: 0;
  display: inline-block;
  right: 0;
  z-index: 5;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAKdJREFUOBFjDGv+3PD/P0M9A5mAEaSPWEMqIjjA1nSs+AG3jgnEWlXL28DIyNAIFyWBAXYBTD2xLoGpB9FgF8AECLnEy4yVwcOUFaYcTKMYABLBZwg3ByMDLyeKo1FdADManyEwNTAawwUwCWINwWkAyCBiDMFrALohn7//Z/gCxMgANUSQZdDYuKKYaANA5mEzhCQDsBlCsgHohpBlALohID5ZABQmAJOtQjHa45PjAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: cover;
  width: 12px;
  height: 12px;
  cursor: pointer;
}
._2-AiX1Z0UJw52uT8JIRCuR {
  width: 3px;
  height: 100%;
  background-color: #5f5f5f;
  position: absolute;
  z-index: 5;
  cursor: ew-resize;
}
._1yYZ_Y7OIjrAcFI9a8IiWN {
  transform: none!important;
}
._3skcbaZAZNIFgEJBGyuj8I {
  position: absolute;
  width: 384px;
  font-family: "microsoft yahei";
  z-index: 999;
  overflow: auto;
  max-height: calc(100% - 40px);
  right: 40px;
  top: 40px;
  background-color: white;
  background: #e2e5eb;
  box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.17);
  padding-bottom: 12px;
}
.MzvzQN5e2CcHitYUqij6S {
  background-image: url(data:image/png;base64, );
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  color: #ffffff;
  padding-left: 12px;
}
._3skcbaZAZNIFgEJBGyuj8I .DUPmqwkKWy_-nOMzWtUzU {
  font-family: PingFangSC-Regular;
  color: #212121;
  height: 36px;
  line-height: 36px;
  font-size: 16px;
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
  padding: 0 16px;
  border-bottom: 1px solid #cccccc;
  background-color: #fff;
  margin: 12px;
  margin-bottom: 0px;
  display: flex;
  justify-content: space-between;
}
._3skcbaZAZNIFgEJBGyuj8I ._2hgRLbCyWDlj3bYcs0QLr0 {
  font-size: 12px;
  font-family: MicrosoftYaHei;
  display: flex;
  align-items: center;
}
._3skcbaZAZNIFgEJBGyuj8I ._2hgRLbCyWDlj3bYcs0QLr0 > img {
  margin-right: 6px;
  width: 16px;
  height: 16px;
}
._3skcbaZAZNIFgEJBGyuj8I ._2uEwycxvhNY4aRDrXPMYx {
  background-color: #fff;
  min-height: 212px;
  font-size: 14px;
  margin: 0 12px;
}
._3skcbaZAZNIFgEJBGyuj8I ._2uEwycxvhNY4aRDrXPMYx ._3qy8VhKvs-hEr2h_oggkO ._3y14gbEVVKL9zGdVRPNm2g {
  background-image: url(data:image/png;base64, );
  background-position-x: center;
  background-position-y: 50px;
  background-repeat: no-repeat;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  background-size: 120px;
  height: 152px;
}
._3skcbaZAZNIFgEJBGyuj8I ._2uEwycxvhNY4aRDrXPMYx ._3qy8VhKvs-hEr2h_oggkO ._2LBGmEoZLBoJtpYzh17iqm {
  text-align: center;
  margin-left: 20px;
  margin-bottom: 40px;
  color: #828282;
  font-size: 14px;
}
._3skcbaZAZNIFgEJBGyuj8I ._2uEwycxvhNY4aRDrXPMYx ._1aTbMvLfTt4mng_JzMAurB {
  border-bottom: 1px solid #d5d9e4;
  padding: 17px 20px;
}
._3skcbaZAZNIFgEJBGyuj8I ._2uEwycxvhNY4aRDrXPMYx ._1aTbMvLfTt4mng_JzMAurB._1BCpCuWijwHkm0slzDSvrP {
  border-left: 2px solid #fd6c6a;
  background: rgba(253, 108, 106, 0.1);
}
._3skcbaZAZNIFgEJBGyuj8I ._2uEwycxvhNY4aRDrXPMYx ._3ymqpy1yiW3MugHPhaZQd1 {
  border-left: 2px solid #fd6c6a;
  background: rgba(253, 108, 106, 0.1);
  border-bottom: 1px solid #d5d9e4;
  padding: 17px 20px;
}
._3skcbaZAZNIFgEJBGyuj8I .kd-collapse-panel-children-hide {
  border-left: 2px solid transparent;
}
._3skcbaZAZNIFgEJBGyuj8I .kd-collapse-panel-top {
  border-left: 2px solid transparent;
}
._3skcbaZAZNIFgEJBGyuj8I .kd-collapse-panel-right {
  margin-left: 0;
}
._3skcbaZAZNIFgEJBGyuj8I .kd-collapse-panel-opened {
  background: #fff2f4;
  border-left: 2px solid #fb2323;
  padding-bottom: 12px;
}
._3skcbaZAZNIFgEJBGyuj8I .kd-collapse-panel-opened .kd-collapse-panel-top {
  border-left: none;
}
/*!
 * 
 *   @kdcloudjs/kdesign v1.5.10
 * 
 *   Copyright 2020-present, Kingdee, Inc.
 *   All rights reserved.
 * 
 */
 @font-face {
  font-family: kdicon;
  src: url(data:font/woff;base64, ) format("woff")
}

.kdicon {
  font-family: kdicon !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.kdicon-add-child:before {
  content: "\E6C0"
}

.kdicon-add-indentation:before {
  content: "\E6A7"
}

.kdicon-add-line:before {
  content: "\E6C5"
}

.kdicon-add-solid:before {
  content: "\E643"
}

.kdicon-add-word:before {
  content: "\E6ED"
}

.kdicon-add:before {
  content: "\E628"
}

.kdicon-address:before {
  content: "\E6CC"
}

.kdicon-align-center:before {
  content: "\E69A"
}

.kdicon-align-left:before {
  content: "\E6AF"
}

.kdicon-align-right:before {
  content: "\E67A"
}

.kdicon-all-border:before {
  content: "\E677"
}

.kdicon-allowance-workbench:before {
  content: "\E714"
}

.kdicon-analysis:before {
  content: "\E6CE"
}

.kdicon-arrow-down-solid:before {
  content: "\E656"
}

.kdicon-arrow-down:before {
  content: "\E627"
}

.kdicon-arrow-left-solid:before {
  content: "\E657"
}

.kdicon-arrow-left:before {
  content: "\E63F"
}

.kdicon-arrow-right-solid:before {
  content: "\E655"
}

.kdicon-arrow-right:before {
  content: "\E62C"
}

.kdicon-arrow-up-solid:before {
  content: "\E654"
}

.kdicon-arrow-up:before {
  content: "\E62B"
}

.kdicon-arrow:before {
  content: "\E69C"
}

.kdicon-attachment:before {
  content: "\E694"
}

.kdicon-avatar-default:before {
  content: "\E717"
}

.kdicon-avatar-head-default:before {
  content: "\E718"
}

.kdicon-avatar-solid:before {
  content: "\E711"
}

.kdicon-back:before {
  content: "\E6CD"
}

.kdicon-bankcard:before {
  content: "\E705"
}

.kdicon-bellOutlined:before {
  content: "\E71A"
}

.kdicon-bold-solid:before {
  content: "\E668"
}

.kdicon-border:before {
  content: "\E6F9"
}

.kdicon-bottom-border:before {
  content: "\E704"
}

.kdicon-business-type:before {
  content: "\E716"
}

.kdicon-cancel:before {
  content: "\E68F"
}

.kdicon-cell:before {
  content: "\E692"
}

.kdicon-change:before {
  content: "\E6E2"
}

.kdicon-chart-display:before {
  content: "\E710"
}

.kdicon-chart:before {
  content: "\E6D0"
}

.kdicon-classify:before {
  content: "\E6D4"
}

.kdicon-close-bold:before {
  content: "\E647"
}

.kdicon-close-full-screen:before {
  content: "\E679"
}

.kdicon-close-solid:before {
  content: "\E644"
}

.kdicon-close:before {
  content: "\E62F"
}

.kdicon-cn:before {
  content: "\E6B5"
}

.kdicon-code:before {
  content: "\E6CA"
}

.kdicon-collect:before {
  content: "\E6EC"
}

.kdicon-comment:before {
  content: "\E6BC"
}

.kdicon-communication-solid:before {
  content: "\E65E"
}

.kdicon-contract:before {
  content: "\E69F"
}

.kdicon-cooperation:before {
  content: "\E6FB"
}

.kdicon-copy-code:before {
  content: "\E6E1"
}

.kdicon-copy:before {
  content: "\E678"
}

.kdicon-counterclockwise:before {
  content: "\E6E5"
}

.kdicon-customize:before {
  content: "\E707"
}

.kdicon-dashboard:before {
  content: "\E71C"
}

.kdicon-date-selection:before {
  content: "\E70F"
}

.kdicon-date:before {
  content: "\E6EB"
}

.kdicon-delete-indentation:before {
  content: "\E697"
}

.kdicon-delete-line:before {
  content: "\E68C"
}

.kdicon-delete-solid:before {
  content: "\E667"
}

.kdicon-delete:before {
  content: "\E6EE"
}

.kdicon-detail:before {
  content: "\E6C4"
}

.kdicon-detect:before {
  content: "\E68E"
}

.kdicon-division-solid:before {
  content: "\E65A"
}

.kdicon-double-arrow-left:before {
  content: "\E64A"
}

.kdicon-double-arrow-right:before {
  content: "\E649"
}

.kdicon-download:before {
  content: "\E70A"
}

.kdicon-edit-border:before {
  content: "\E6C8"
}

.kdicon-edit-view:before {
  content: "\E6C7"
}

.kdicon-edit:before {
  content: "\E6A6"
}

.kdicon-education:before {
  content: "\E69D"
}

.kdicon-eliminate-solid:before {
  content: "\E659"
}

.kdicon-en:before {
  content: "\E6B6"
}

.kdicon-enlarge:before {
  content: "\E6D5"
}

.kdicon-equal:before {
  content: "\E6A3"
}

.kdicon-exclamatory:before {
  content: "\E64E"
}

.kdicon-expand:before {
  content: "\E651"
}

.kdicon-experience:before {
  content: "\E6FF"
}

.kdicon-fail:before {
  content: "\E6A5"
}

.kdicon-feedback:before {
  content: "\E6D6"
}

.kdicon-female:before {
  content: "\E684"
}

.kdicon-filter-solid:before {
  content: "\E66A"
}

.kdicon-filter-switch:before {
  content: "\E6B1"
}

.kdicon-filter:before {
  content: "\E6A0"
}

.kdicon-finish:before {
  content: "\E6DC"
}

.kdicon-first:before {
  content: "\E630"
}

.kdicon-fixed-shrink:before {
  content: "\E693"
}

.kdicon-fixed-solid:before {
  content: "\E65F"
}

.kdicon-fixed-window:before {
  content: "\E6D1"
}

.kdicon-fixed:before {
  content: "\E6E3"
}

.kdicon-fold:before {
  content: "\E71D"
}

.kdicon-foldmenu:before {
  content: "\E70E"
}

.kdicon-font-background-solid:before {
  content: "\E673"
}

.kdicon-font-color-solid:before {
  content: "\E674"
}

.kdicon-forbid:before {
  content: "\E69B"
}

.kdicon-git:before {
  content: "\E6C1"
}

.kdicon-graffiti:before {
  content: "\E6FE"
}

.kdicon-greater-equal:before {
  content: "\E6D7"
}

.kdicon-have-attachment:before {
  content: "\E6A8"
}

.kdicon-hide:before {
  content: "\E6A9"
}

.kdicon-hyperlink:before {
  content: "\E6C9"
}

.kdicon-image:before {
  content: "\E687"
}

.kdicon-import:before {
  content: "\E6CB"
}

.kdicon-international:before {
  content: "\E719"
}

.kdicon-job-info:before {
  content: "\E68D"
}

.kdicon-last:before {
  content: "\E631"
}

.kdicon-left-border:before {
  content: "\E708"
}

.kdicon-left-extension:before {
  content: "\E6AE"
}

.kdicon-left-unfold-solid:before {
  content: "\E675"
}

.kdicon-left-unfold:before {
  content: "\E709"
}

.kdicon-like:before {
  content: "\E67F"
}

.kdicon-list:before {
  content: "\E6E6"
}

.kdicon-little-k:before {
  content: "\E700"
}

.kdicon-loadding-circle:before {
  content: "\E645"
}

.kdicon-loadding:before {
  content: "\E62D"
}

.kdicon-location-solid:before {
  content: "\E640"
}

.kdicon-location:before {
  content: "\E695"
}

.kdicon-lock-solid:before {
  content: "\E66B"
}

.kdicon-lock:before {
  content: "\E68B"
}

.kdicon-male:before {
  content: "\E683"
}

.kdicon-material:before {
  content: "\E6DB"
}

.kdicon-medical-report:before {
  content: "\E703"
}

.kdicon-menu:before {
  content: "\E6D8"
}

.kdicon-merge-cell:before {
  content: "\E6F3"
}

.kdicon-more-info-solid:before {
  content: "\E660"
}

.kdicon-more-info:before {
  content: "\E6E4"
}

.kdicon-more-item:before {
  content: "\E6F4"
}

.kdicon-more:before {
  content: "\E6A1"
}

.kdicon-mosaic-solid:before {
  content: "\E663"
}

.kdicon-multiply:before {
  content: "\E65B"
}

.kdicon-my-receipt:before {
  content: "\E715"
}

.kdicon-no-border:before {
  content: "\E6F8"
}

.kdicon-not-equal:before {
  content: "\E6DD"
}

.kdicon-notice:before {
  content: "\E658"
}

.kdicon-oblique-solid:before {
  content: "\E66E"
}

.kdicon-operating-element:before {
  content: "\E6A4"
}

.kdicon-order-facet:before {
  content: "\E713"
}

.kdicon-order:before {
  content: "\E6D2"
}

.kdicon-ordered-list:before {
  content: "\E6FA"
}

.kdicon-person-solid:before {
  content: "\E669"
}

.kdicon-phone:before {
  content: "\E6D3"
}

.kdicon-platform:before {
  content: "\E6F1"
}

.kdicon-preview-view:before {
  content: "\E6BA"
}

.kdicon-preview:before {
  content: "\E6AC"
}

.kdicon-print:before {
  content: "\E690"
}

.kdicon-processing-solid:before {
  content: "\E665"
}

.kdicon-project:before {
  content: "\E681"
}

.kdicon-push-down:before {
  content: "\E702"
}

.kdicon-put-bottom:before {
  content: "\E6B4"
}

.kdicon-put-off:before {
  content: "\E685"
}

.kdicon-put-on:before {
  content: "\E6BD"
}

.kdicon-put-top:before {
  content: "\E6B3"
}

.kdicon-qrcode:before {
  content: "\E6DF"
}

.kdicon-qualification-info:before {
  content: "\E6B2"
}

.kdicon-quit:before {
  content: "\E6FC"
}

.kdicon-quote-solid:before {
  content: "\E66D"
}

.kdicon-reduce:before {
  content: "\E696"
}

.kdicon-reduction:before {
  content: "\E6F2"
}

.kdicon-refresh-solid:before {
  content: "\E642"
}

.kdicon-refresh:before {
  content: "\E629"
}

.kdicon-report-form:before {
  content: "\E712"
}

.kdicon-reset:before {
  content: "\E6B9"
}

.kdicon-resign-report:before {
  content: "\E699"
}

.kdicon-return:before {
  content: "\E6E0"
}

.kdicon-right-bold:before {
  content: "\E648"
}

.kdicon-right-border:before {
  content: "\E67C"
}

.kdicon-right-extension:before {
  content: "\E6AA"
}

.kdicon-right-solid:before {
  content: "\E641"
}

.kdicon-right-unfold-solid:before {
  content: "\E672"
}

.kdicon-right-unfold:before {
  content: "\E6AB"
}

.kdicon-right:before {
  content: "\E62E"
}

.kdicon-rough-border:before {
  content: "\E6DE"
}

.kdicon-save:before {
  content: "\E6C2"
}

.kdicon-scanning:before {
  content: "\E67D"
}

.kdicon-search-border:before {
  content: "\E6DA"
}

.kdicon-search:before {
  content: "\E62A"
}

.kdicon-setting:before {
  content: "\E652"
}

.kdicon-share:before {
  content: "\E6CF"
}

.kdicon-shoppingcart:before {
  content: "\E6BF"
}

.kdicon-shrink:before {
  content: "\E6FD"
}

.kdicon-shutdown:before {
  content: "\E686"
}

.kdicon-sigma:before {
  content: "\E71B"
}

.kdicon-spin:before {
  content: "\E6F7"
}

.kdicon-split:before {
  content: "\E6C3"
}

.kdicon-star:before {
  content: "\E653"
}

.kdicon-stop:before {
  content: "\E691"
}

.kdicon-strike-solid:before {
  content: "\E664"
}

.kdicon-sun-solid:before {
  content: "\E670"
}

.kdicon-switch-down:before {
  content: "\E698"
}

.kdicon-switch-up:before {
  content: "\E680"
}

.kdicon-switch:before {
  content: "\E6E7"
}

.kdicon-table-setting:before {
  content: "\E6C6"
}

.kdicon-task-process:before {
  content: "\E6EA"
}

.kdicon-timezone-solid:before {
  content: "\E662"
}

.kdicon-tips-solid:before {
  content: "\E66C"
}

.kdicon-tips:before {
  content: "\E650"
}

.kdicon-title-solid:before {
  content: "\E65C"
}

.kdicon-top-border:before {
  content: "\E6EF"
}

.kdicon-two-window:before {
  content: "\E6F6"
}

.kdicon-underline-solid:before {
  content: "\E671"
}

.kdicon-unfold-all:before {
  content: "\E6AD"
}

.kdicon-unfold:before {
  content: "\E71E"
}

.kdicon-unfoldmenu:before {
  content: "\E70D"
}

.kdicon-unlock-solid:before {
  content: "\E666"
}

.kdicon-unlock:before {
  content: "\E69E"
}

.kdicon-upload-cloud:before {
  content: "\E632"
}

.kdicon-upload:before {
  content: "\E70B"
}

.kdicon-user-info:before {
  content: "\E682"
}

.kdicon-vertical-center:before {
  content: "\E6F5"
}

.kdicon-voice:before {
  content: "\E6D9"
}

.kdicon-waiting:before {
  content: "\E64B"
}

.kdicon-warning-solid:before {
  content: "\E64C"
}

.kdicon-warning:before {
  content: "\E64D"
}

.kdicon-workbench:before {
  content: "\E64F"
}

.kdicon-wrap:before {
  content: "\E6B0"
}

.kdicon-yunzhijia:before {
  content: "\E706"
}

.kdicon-zoom:before {
  content: "\E70C"
}

@-webkit-keyframes loadingcircle {
  to {
      -webkit-transform: rotate(1turn);
      transform: rotate(1turn)
  }
}

@keyframes loadingcircle {
  to {
      -webkit-transform: rotate(1turn);
      transform: rotate(1turn)
  }
}

@-webkit-keyframes waveEffect {
  to {
      -webkit-box-shadow: 0 0 0 6px #5582f3;
      box-shadow: 0 0 0 6px #5582f3
  }
}

@keyframes waveEffect {
  to {
      -webkit-box-shadow: 0 0 0 6px #5582f3;
      box-shadow: 0 0 0 6px #5582f3
  }
}

@-webkit-keyframes fadeEffect {
  to {
      opacity: 0
  }
}

@keyframes fadeEffect {
  to {
      opacity: 0
  }
}

@-webkit-keyframes kdRadioEffect {
  0% {
      -webkit-transform: translateY(-50%) scale(0);
      transform: translateY(-50%) scale(0)
  }

  50% {
      -webkit-transform: translateY(-50%) scale(1.2);
      transform: translateY(-50%) scale(1.2)
  }

  to {
      -webkit-transform: translateY(-50%) scale(1);
      transform: translateY(-50%) scale(1)
  }
}

@keyframes kdRadioEffect {
  0% {
      -webkit-transform: translateY(-50%) scale(0);
      transform: translateY(-50%) scale(0)
  }

  50% {
      -webkit-transform: translateY(-50%) scale(1.2);
      transform: translateY(-50%) scale(1.2)
  }

  to {
      -webkit-transform: translateY(-50%) scale(1);
      transform: translateY(-50%) scale(1)
  }
}

@-webkit-keyframes kdRadioLeaveEffect {
  50% {
      -webkit-transform: translateY(-50%) scale(1.2);
      transform: translateY(-50%) scale(1.2)
  }

  to {
      -webkit-transform: translateY(-50%) scale(0);
      transform: translateY(-50%) scale(0)
  }
}

@keyframes kdRadioLeaveEffect {
  50% {
      -webkit-transform: translateY(-50%) scale(1.2);
      transform: translateY(-50%) scale(1.2)
  }

  to {
      -webkit-transform: translateY(-50%) scale(0);
      transform: translateY(-50%) scale(0)
  }
}

@-webkit-keyframes kdRadioSquareEffect {
  0% {
      -webkit-transform: rotate(45deg) scale(0);
      transform: rotate(45deg) scale(0)
  }

  50% {
      -webkit-transform: rotate(45deg) scale(1.2);
      transform: rotate(45deg) scale(1.2)
  }

  to {
      -webkit-transform: rotate(45deg) scale(1);
      transform: rotate(45deg) scale(1)
  }
}

@keyframes kdRadioSquareEffect {
  0% {
      -webkit-transform: rotate(45deg) scale(0);
      transform: rotate(45deg) scale(0)
  }

  50% {
      -webkit-transform: rotate(45deg) scale(1.2);
      transform: rotate(45deg) scale(1.2)
  }

  to {
      -webkit-transform: rotate(45deg) scale(1);
      transform: rotate(45deg) scale(1)
  }
}

@-webkit-keyframes kdRadioSquareLeaveEffect {
  50% {
      -webkit-transform: rotate(45deg) scale(1.2);
      transform: rotate(45deg) scale(1.2)
  }

  to {
      -webkit-transform: rotate(45deg) scale(0);
      transform: rotate(45deg) scale(0)
  }
}

@keyframes kdRadioSquareLeaveEffect {
  50% {
      -webkit-transform: rotate(45deg) scale(1.2);
      transform: rotate(45deg) scale(1.2)
  }

  to {
      -webkit-transform: rotate(45deg) scale(0);
      transform: rotate(45deg) scale(0)
  }
}

@-webkit-keyframes kdZoomBounceEffect {
  0% {
      -webkit-transform: scale(0);
      transform: scale(0)
  }

  50% {
      -webkit-transform-origin: bottom right;
      transform-origin: bottom right;
      -webkit-transform: scale(1.2);
      transform: scale(1.2)
  }
}

@keyframes kdZoomBounceEffect {
  0% {
      -webkit-transform: scale(0);
      transform: scale(0)
  }

  50% {
      -webkit-transform-origin: bottom right;
      transform-origin: bottom right;
      -webkit-transform: scale(1.2);
      transform: scale(1.2)
  }
}

@-webkit-keyframes kdZoomBounceLeaveEffect {
  50% {
      -webkit-transform-origin: bottom right;
      transform-origin: bottom right;
      -webkit-transform: scale(1.2);
      transform: scale(1.2)
  }

  to {
      -webkit-transform-origin: bottom right;
      transform-origin: bottom right;
      -webkit-transform: scale(0);
      transform: scale(0)
  }
}

@keyframes kdZoomBounceLeaveEffect {
  50% {
      -webkit-transform-origin: bottom right;
      transform-origin: bottom right;
      -webkit-transform: scale(1.2);
      transform: scale(1.2)
  }

  to {
      -webkit-transform-origin: bottom right;
      transform-origin: bottom right;
      -webkit-transform: scale(0);
      transform: scale(0)
  }
}

@-webkit-keyframes kdZoomBounceDefaultEffect {
  0% {
      -webkit-transform: scale(0);
      transform: scale(0)
  }

  50% {
      -webkit-transform-origin: 45% 77%;
      transform-origin: 45% 77%;
      -webkit-transform: scale(1.2);
      transform: scale(1.2)
  }
}

@keyframes kdZoomBounceDefaultEffect {
  0% {
      -webkit-transform: scale(0);
      transform: scale(0)
  }

  50% {
      -webkit-transform-origin: 45% 77%;
      transform-origin: 45% 77%;
      -webkit-transform: scale(1.2);
      transform: scale(1.2)
  }
}

@-webkit-keyframes kdZoomEffect {
  0% {
      -webkit-transform: scale(0);
      transform: scale(0);
      -webkit-transform-origin: 45% 77%;
      transform-origin: 45% 77%
  }

  to {
      -webkit-transform-origin: 45% 77%;
      transform-origin: 45% 77%;
      -webkit-transform: scale(1);
      transform: scale(1)
  }
}

@keyframes kdZoomEffect {
  0% {
      -webkit-transform: scale(0);
      transform: scale(0);
      -webkit-transform-origin: 45% 77%;
      transform-origin: 45% 77%
  }

  to {
      -webkit-transform-origin: 45% 77%;
      transform-origin: 45% 77%;
      -webkit-transform: scale(1);
      transform: scale(1)
  }
}

@-webkit-keyframes kdZoomLeaveEffect {
  0% {
      -webkit-transform: scale(1);
      transform: scale(1);
      -webkit-transform-origin: 45% 77%;
      transform-origin: 45% 77%
  }

  to {
      -webkit-transform-origin: 45% 77%;
      transform-origin: 45% 77%;
      -webkit-transform: scale(0);
      transform: scale(0)
  }
}

@keyframes kdZoomLeaveEffect {
  0% {
      -webkit-transform: scale(1);
      transform: scale(1);
      -webkit-transform-origin: 45% 77%;
      transform-origin: 45% 77%
  }

  to {
      -webkit-transform-origin: 45% 77%;
      transform-origin: 45% 77%;
      -webkit-transform: scale(0);
      transform: scale(0)
  }
}

@-webkit-keyframes kdNoticeEffect {
  0% {
      -webkit-transform: translateY(-15px) scale(.8);
      transform: translateY(-15px) scale(.8);
      opacity: 0
  }
}

@keyframes kdNoticeEffect {
  0% {
      -webkit-transform: translateY(-15px) scale(.8);
      transform: translateY(-15px) scale(.8);
      opacity: 0
  }
}

@-webkit-keyframes kdNoticeLeaveEffect {
  to {
      -webkit-transform: translateY(-15px) scale(.8);
      transform: translateY(-15px) scale(.8);
      opacity: 0
  }
}

@keyframes kdNoticeLeaveEffect {
  to {
      -webkit-transform: translateY(-15px) scale(.8);
      transform: translateY(-15px) scale(.8);
      opacity: 0
  }
}

.top-active {
  -webkit-animation-name: kdZoomBottomIn;
  animation-name: kdZoomBottomIn;
  -webkit-animation-duration: .2s;
  animation-duration: .2s;
  -webkit-animation-timing-function: cubic-bezier(0, .4, .4, 1);
  animation-timing-function: cubic-bezier(0, .4, .4, 1)
}

.top.hidden {
  -webkit-animation-name: kdZoomBottomOut;
  animation-name: kdZoomBottomOut;
  -webkit-animation-duration: .1s;
  animation-duration: .1s;
  -webkit-animation-timing-function: cubic-bezier(.4, 0, 1, .6);
  animation-timing-function: cubic-bezier(.4, 0, 1, .6)
}

.left-active {
  -webkit-animation-name: kdZoomRightIn;
  animation-name: kdZoomRightIn;
  -webkit-animation-duration: .2s;
  animation-duration: .2s;
  -webkit-animation-timing-function: cubic-bezier(0, .4, .4, 1);
  animation-timing-function: cubic-bezier(0, .4, .4, 1)
}

.left.hidden {
  -webkit-animation-name: kdZoomRightOut;
  animation-name: kdZoomRightOut;
  -webkit-animation-duration: .1s;
  animation-duration: .1s;
  -webkit-animation-timing-function: cubic-bezier(.4, 0, 1, .6);
  animation-timing-function: cubic-bezier(.4, 0, 1, .6)
}

.right-active {
  -webkit-animation-name: kdZoomLeftIn;
  animation-name: kdZoomLeftIn;
  -webkit-animation-duration: .2s;
  animation-duration: .2s;
  -webkit-animation-timing-function: cubic-bezier(0, .4, .4, 1);
  animation-timing-function: cubic-bezier(0, .4, .4, 1)
}

.right.hidden {
  -webkit-animation-name: kdZoomLeftOut;
  animation-name: kdZoomLeftOut;
  -webkit-animation-duration: .1s;
  animation-duration: .1s;
  -webkit-animation-timing-function: cubic-bezier(.4, 0, 1, .6);
  animation-timing-function: cubic-bezier(.4, 0, 1, .6)
}

.bottom-active {
  -webkit-animation-name: kdZoomTopIn;
  animation-name: kdZoomTopIn;
  -webkit-animation-duration: .2s;
  animation-duration: .2s;
  -webkit-animation-timing-function: cubic-bezier(0, .4, .4, 1);
  animation-timing-function: cubic-bezier(0, .4, .4, 1)
}

.bottom.hidden {
  -webkit-animation-name: kdZoomTopOut;
  animation-name: kdZoomTopOut;
  -webkit-animation-duration: .1s;
  animation-duration: .1s;
  -webkit-animation-timing-function: cubic-bezier(.4, 0, 1, .6);
  animation-timing-function: cubic-bezier(.4, 0, 1, .6)
}

.topLeft-active {
  -webkit-animation-name: kdZoomLeftBottomIn;
  animation-name: kdZoomLeftBottomIn;
  -webkit-animation-duration: .2s;
  animation-duration: .2s;
  -webkit-animation-timing-function: cubic-bezier(0, .4, .4, 1);
  animation-timing-function: cubic-bezier(0, .4, .4, 1)
}

.topLeft.hidden {
  -webkit-animation-name: kdZoomLeftBottomOut;
  animation-name: kdZoomLeftBottomOut;
  -webkit-animation-duration: .1s;
  animation-duration: .1s;
  -webkit-animation-timing-function: cubic-bezier(.4, 0, 1, .6);
  animation-timing-function: cubic-bezier(.4, 0, 1, .6)
}

.rightBottom-active {
  -webkit-animation-name: kdZoomLeftBottomIn;
  animation-name: kdZoomLeftBottomIn;
  -webkit-animation-duration: .2s;
  animation-duration: .2s;
  -webkit-animation-timing-function: cubic-bezier(0, .4, .4, 1);
  animation-timing-function: cubic-bezier(0, .4, .4, 1)
}

.rightBottom.hidden {
  -webkit-animation-name: kdZoomLeftBottomOut;
  animation-name: kdZoomLeftBottomOut;
  -webkit-animation-duration: .1s;
  animation-duration: .1s;
  -webkit-animation-timing-function: cubic-bezier(.4, 0, 1, .6);
  animation-timing-function: cubic-bezier(.4, 0, 1, .6)
}

.topRight-active {
  -webkit-animation-name: kdZoomRightBottomIn;
  animation-name: kdZoomRightBottomIn;
  -webkit-animation-duration: .2s;
  animation-duration: .2s;
  -webkit-animation-timing-function: cubic-bezier(0, .4, .4, 1);
  animation-timing-function: cubic-bezier(0, .4, .4, 1)
}

.topRight.hidden {
  -webkit-animation-name: kdZoomRightBottomOut;
  animation-name: kdZoomRightBottomOut;
  -webkit-animation-duration: .1s;
  animation-duration: .1s;
  -webkit-animation-timing-function: cubic-bezier(.4, 0, 1, .6);
  animation-timing-function: cubic-bezier(.4, 0, 1, .6)
}

.leftBottom-active {
  -webkit-animation-name: kdZoomRightBottomIn;
  animation-name: kdZoomRightBottomIn;
  -webkit-animation-duration: .2s;
  animation-duration: .2s;
  -webkit-animation-timing-function: cubic-bezier(0, .4, .4, 1);
  animation-timing-function: cubic-bezier(0, .4, .4, 1)
}

.leftBottom.hidden {
  -webkit-animation-name: kdZoomRightBottomOut;
  animation-name: kdZoomRightBottomOut;
  -webkit-animation-duration: .1s;
  animation-duration: .1s;
  -webkit-animation-timing-function: cubic-bezier(.4, 0, 1, .6);
  animation-timing-function: cubic-bezier(.4, 0, 1, .6)
}

.leftTop-active {
  -webkit-animation-name: kdZoomTopRightIn;
  animation-name: kdZoomTopRightIn;
  -webkit-animation-duration: .2s;
  animation-duration: .2s;
  -webkit-animation-timing-function: cubic-bezier(0, .4, .4, 1);
  animation-timing-function: cubic-bezier(0, .4, .4, 1)
}

.leftTop.hidden {
  -webkit-animation-name: kdZoomTopRightOut;
  animation-name: kdZoomTopRightOut;
  -webkit-animation-duration: .1s;
  animation-duration: .1s;
  -webkit-animation-timing-function: cubic-bezier(.4, 0, 1, .6);
  animation-timing-function: cubic-bezier(.4, 0, 1, .6)
}

.bottomRight-active {
  -webkit-animation-name: kdZoomTopRightIn;
  animation-name: kdZoomTopRightIn;
  -webkit-animation-duration: .2s;
  animation-duration: .2s;
  -webkit-animation-timing-function: cubic-bezier(0, .4, .4, 1);
  animation-timing-function: cubic-bezier(0, .4, .4, 1)
}

.bottomRight.hidden {
  -webkit-animation-name: kdZoomTopRightOut;
  animation-name: kdZoomTopRightOut;
  -webkit-animation-duration: .1s;
  animation-duration: .1s;
  -webkit-animation-timing-function: cubic-bezier(.4, 0, 1, .6);
  animation-timing-function: cubic-bezier(.4, 0, 1, .6)
}

.rightTop-active {
  -webkit-animation-name: kdZoomTopLeftIn;
  animation-name: kdZoomTopLeftIn;
  -webkit-animation-duration: .2s;
  animation-duration: .2s;
  -webkit-animation-timing-function: cubic-bezier(0, .4, .4, 1);
  animation-timing-function: cubic-bezier(0, .4, .4, 1)
}

.rightTop.hidden {
  -webkit-animation-name: kdZoomTopLeftOut;
  animation-name: kdZoomTopLeftOut;
  -webkit-animation-duration: .1s;
  animation-duration: .1s;
  -webkit-animation-timing-function: cubic-bezier(.4, 0, 1, .6);
  animation-timing-function: cubic-bezier(.4, 0, 1, .6)
}

.bottomLeft-active {
  -webkit-animation-name: kdZoomTopLeftIn;
  animation-name: kdZoomTopLeftIn;
  -webkit-animation-duration: .2s;
  animation-duration: .2s;
  -webkit-animation-timing-function: cubic-bezier(0, .4, .4, 1);
  animation-timing-function: cubic-bezier(0, .4, .4, 1)
}

.bottomLeft.hidden {
  -webkit-animation-name: kdZoomTopLeftOut;
  animation-name: kdZoomTopLeftOut;
  -webkit-animation-duration: .1s;
  animation-duration: .1s;
  -webkit-animation-timing-function: cubic-bezier(.4, 0, 1, .6);
  animation-timing-function: cubic-bezier(.4, 0, 1, .6)
}

@-webkit-keyframes kdZoomBottomIn {
  0% {
      opacity: 0
  }

  5% {
      -webkit-transform: scale(.6);
      transform: scale(.6);
      -webkit-transform-origin: 50% 100%;
      transform-origin: 50% 100%
  }

  to {
      -webkit-transform: scale(1);
      transform: scale(1);
      -webkit-transform-origin: 50% 100%;
      transform-origin: 50% 100%;
      opacity: 1
  }
}

@keyframes kdZoomBottomIn {
  0% {
      opacity: 0
  }

  5% {
      -webkit-transform: scale(.6);
      transform: scale(.6);
      -webkit-transform-origin: 50% 100%;
      transform-origin: 50% 100%
  }

  to {
      -webkit-transform: scale(1);
      transform: scale(1);
      -webkit-transform-origin: 50% 100%;
      transform-origin: 50% 100%;
      opacity: 1
  }
}

@-webkit-keyframes kdZoomBottomOut {
  0% {
      -webkit-transform: scale(1);
      transform: scale(1);
      -webkit-transform-origin: 50% 100%;
      transform-origin: 50% 100%;
      opacity: 1
  }

  to {
      -webkit-transform: scale(.6);
      transform: scale(.6);
      -webkit-transform-origin: 50% 100%;
      transform-origin: 50% 100%;
      opacity: 0
  }
}

@keyframes kdZoomBottomOut {
  0% {
      -webkit-transform: scale(1);
      transform: scale(1);
      -webkit-transform-origin: 50% 100%;
      transform-origin: 50% 100%;
      opacity: 1
  }

  to {
      -webkit-transform: scale(.6);
      transform: scale(.6);
      -webkit-transform-origin: 50% 100%;
      transform-origin: 50% 100%;
      opacity: 0
  }
}

@-webkit-keyframes kdZoomRightIn {
  0% {
      opacity: 0
  }

  5% {
      -webkit-transform: scale(.6);
      transform: scale(.6);
      -webkit-transform-origin: 100% 50%;
      transform-origin: 100% 50%
  }

  to {
      -webkit-transform: scale(1);
      transform: scale(1);
      -webkit-transform-origin: 100% 50%;
      transform-origin: 100% 50%;
      opacity: 1
  }
}

@keyframes kdZoomRightIn {
  0% {
      opacity: 0
  }

  5% {
      -webkit-transform: scale(.6);
      transform: scale(.6);
      -webkit-transform-origin: 100% 50%;
      transform-origin: 100% 50%
  }

  to {
      -webkit-transform: scale(1);
      transform: scale(1);
      -webkit-transform-origin: 100% 50%;
      transform-origin: 100% 50%;
      opacity: 1
  }
}

@-webkit-keyframes kdZoomRightOut {
  0% {
      -webkit-transform: scale(1);
      transform: scale(1);
      -webkit-transform-origin: 100% 50%;
      transform-origin: 100% 50%;
      opacity: 1
  }

  to {
      -webkit-transform: scale(.6);
      transform: scale(.6);
      -webkit-transform-origin: 100% 50%;
      transform-origin: 100% 50%;
      opacity: 0
  }
}

@keyframes kdZoomRightOut {
  0% {
      -webkit-transform: scale(1);
      transform: scale(1);
      -webkit-transform-origin: 100% 50%;
      transform-origin: 100% 50%;
      opacity: 1
  }

  to {
      -webkit-transform: scale(.6);
      transform: scale(.6);
      -webkit-transform-origin: 100% 50%;
      transform-origin: 100% 50%;
      opacity: 0
  }
}

@-webkit-keyframes kdZoomTopIn {
  0% {
      opacity: 0
  }

  5% {
      -webkit-transform: scale(.6);
      transform: scale(.6);
      -webkit-transform-origin: 50% 0;
      transform-origin: 50% 0
  }

  to {
      -webkit-transform: scale(1);
      transform: scale(1);
      -webkit-transform-origin: 50% 0;
      transform-origin: 50% 0;
      opacity: 1
  }
}

@keyframes kdZoomTopIn {
  0% {
      opacity: 0
  }

  5% {
      -webkit-transform: scale(.6);
      transform: scale(.6);
      -webkit-transform-origin: 50% 0;
      transform-origin: 50% 0
  }

  to {
      -webkit-transform: scale(1);
      transform: scale(1);
      -webkit-transform-origin: 50% 0;
      transform-origin: 50% 0;
      opacity: 1
  }
}

@-webkit-keyframes kdZoomTopOut {
  0% {
      -webkit-transform: scale(1);
      transform: scale(1);
      -webkit-transform-origin: 50% 0;
      transform-origin: 50% 0;
      opacity: 1
  }

  to {
      -webkit-transform: scale(.6);
      transform: scale(.6);
      -webkit-transform-origin: 50% 0;
      transform-origin: 50% 0;
      opacity: 0
  }
}

@keyframes kdZoomTopOut {
  0% {
      -webkit-transform: scale(1);
      transform: scale(1);
      -webkit-transform-origin: 50% 0;
      transform-origin: 50% 0;
      opacity: 1
  }

  to {
      -webkit-transform: scale(.6);
      transform: scale(.6);
      -webkit-transform-origin: 50% 0;
      transform-origin: 50% 0;
      opacity: 0
  }
}

@-webkit-keyframes kdZoomLeftIn {
  0% {
      opacity: 0
  }

  5% {
      -webkit-transform: scale(.6);
      transform: scale(.6);
      -webkit-transform-origin: 0 50%;
      transform-origin: 0 50%
  }

  to {
      -webkit-transform: scale(1);
      transform: scale(1);
      -webkit-transform-origin: 0 50%;
      transform-origin: 0 50%;
      opacity: 1
  }
}

@keyframes kdZoomLeftIn {
  0% {
      opacity: 0
  }

  5% {
      -webkit-transform: scale(.6);
      transform: scale(.6);
      -webkit-transform-origin: 0 50%;
      transform-origin: 0 50%
  }

  to {
      -webkit-transform: scale(1);
      transform: scale(1);
      -webkit-transform-origin: 0 50%;
      transform-origin: 0 50%;
      opacity: 1
  }
}

@-webkit-keyframes kdZoomLeftOut {
  0% {
      -webkit-transform: scale(1);
      transform: scale(1);
      -webkit-transform-origin: 0 50%;
      transform-origin: 0 50%;
      opacity: 1
  }

  to {
      -webkit-transform: scale(.6);
      transform: scale(.6);
      -webkit-transform-origin: 0 50%;
      transform-origin: 0 50%;
      opacity: 0
  }
}

@keyframes kdZoomLeftOut {
  0% {
      -webkit-transform: scale(1);
      transform: scale(1);
      -webkit-transform-origin: 0 50%;
      transform-origin: 0 50%;
      opacity: 1
  }

  to {
      -webkit-transform: scale(.6);
      transform: scale(.6);
      -webkit-transform-origin: 0 50%;
      transform-origin: 0 50%;
      opacity: 0
  }
}

@-webkit-keyframes kdZoomLeftBottomIn {
  0% {
      opacity: 0
  }

  5% {
      -webkit-transform: scale(.6);
      transform: scale(.6);
      -webkit-transform-origin: 0 100%;
      transform-origin: 0 100%
  }

  to {
      -webkit-transform: scale(1);
      transform: scale(1);
      -webkit-transform-origin: 0 100%;
      transform-origin: 0 100%;
      opacity: 1
  }
}

@keyframes kdZoomLeftBottomIn {
  0% {
      opacity: 0
  }

  5% {
      -webkit-transform: scale(.6);
      transform: scale(.6);
      -webkit-transform-origin: 0 100%;
      transform-origin: 0 100%
  }

  to {
      -webkit-transform: scale(1);
      transform: scale(1);
      -webkit-transform-origin: 0 100%;
      transform-origin: 0 100%;
      opacity: 1
  }
}

@-webkit-keyframes kdZoomLeftBottomOut {
  0% {
      -webkit-transform: scale(1);
      transform: scale(1);
      -webkit-transform-origin: 0 100%;
      transform-origin: 0 100%;
      opacity: 1
  }

  to {
      -webkit-transform: scale(.6);
      transform: scale(.6);
      -webkit-transform-origin: 0 100%;
      transform-origin: 0 100%;
      opacity: 0
  }
}

@keyframes kdZoomLeftBottomOut {
  0% {
      -webkit-transform: scale(1);
      transform: scale(1);
      -webkit-transform-origin: 0 100%;
      transform-origin: 0 100%;
      opacity: 1
  }

  to {
      -webkit-transform: scale(.6);
      transform: scale(.6);
      -webkit-transform-origin: 0 100%;
      transform-origin: 0 100%;
      opacity: 0
  }
}

@-webkit-keyframes kdZoomRightBottomIn {
  0% {
      opacity: 0
  }

  5% {
      -webkit-transform: scale(.6);
      transform: scale(.6);
      -webkit-transform-origin: 100% 100%;
      transform-origin: 100% 100%
  }

  to {
      -webkit-transform: scale(1);
      transform: scale(1);
      -webkit-transform-origin: 100% 100%;
      transform-origin: 100% 100%;
      opacity: 1
  }
}

@keyframes kdZoomRightBottomIn {
  0% {
      opacity: 0
  }

  5% {
      -webkit-transform: scale(.6);
      transform: scale(.6);
      -webkit-transform-origin: 100% 100%;
      transform-origin: 100% 100%
  }

  to {
      -webkit-transform: scale(1);
      transform: scale(1);
      -webkit-transform-origin: 100% 100%;
      transform-origin: 100% 100%;
      opacity: 1
  }
}

@-webkit-keyframes kdZoomRightBottomOut {
  0% {
      -webkit-transform: scale(1);
      transform: scale(1);
      -webkit-transform-origin: 100% 100%;
      transform-origin: 100% 100%;
      opacity: 1
  }

  to {
      -webkit-transform: scale(.6);
      transform: scale(.6);
      -webkit-transform-origin: 100% 100%;
      transform-origin: 100% 100%;
      opacity: 0
  }
}

@keyframes kdZoomRightBottomOut {
  0% {
      -webkit-transform: scale(1);
      transform: scale(1);
      -webkit-transform-origin: 100% 100%;
      transform-origin: 100% 100%;
      opacity: 1
  }

  to {
      -webkit-transform: scale(.6);
      transform: scale(.6);
      -webkit-transform-origin: 100% 100%;
      transform-origin: 100% 100%;
      opacity: 0
  }
}

@-webkit-keyframes kdZoomTopRightIn {
  0% {
      opacity: 0
  }

  5% {
      -webkit-transform: scale(.6);
      transform: scale(.6);
      -webkit-transform-origin: 100% 0;
      transform-origin: 100% 0
  }

  to {
      -webkit-transform: scale(1);
      transform: scale(1);
      -webkit-transform-origin: 100% 0;
      transform-origin: 100% 0;
      opacity: 1
  }
}

@keyframes kdZoomTopRightIn {
  0% {
      opacity: 0
  }

  5% {
      -webkit-transform: scale(.6);
      transform: scale(.6);
      -webkit-transform-origin: 100% 0;
      transform-origin: 100% 0
  }

  to {
      -webkit-transform: scale(1);
      transform: scale(1);
      -webkit-transform-origin: 100% 0;
      transform-origin: 100% 0;
      opacity: 1
  }
}

@-webkit-keyframes kdZoomTopRightOut {
  0% {
      -webkit-transform: scale(1);
      transform: scale(1);
      -webkit-transform-origin: 100% 0;
      transform-origin: 100% 0;
      opacity: 1
  }

  to {
      -webkit-transform: scale(.6);
      transform: scale(.6);
      -webkit-transform-origin: 100% 0;
      transform-origin: 100% 0;
      opacity: 0
  }
}

@keyframes kdZoomTopRightOut {
  0% {
      -webkit-transform: scale(1);
      transform: scale(1);
      -webkit-transform-origin: 100% 0;
      transform-origin: 100% 0;
      opacity: 1
  }

  to {
      -webkit-transform: scale(.6);
      transform: scale(.6);
      -webkit-transform-origin: 100% 0;
      transform-origin: 100% 0;
      opacity: 0
  }
}

@-webkit-keyframes kdZoomTopLeftIn {
  0% {
      opacity: 0
  }

  5% {
      -webkit-transform: scale(.6);
      transform: scale(.6);
      -webkit-transform-origin: 0 0;
      transform-origin: 0 0
  }

  to {
      -webkit-transform: scale(1);
      transform: scale(1);
      -webkit-transform-origin: 0 0;
      transform-origin: 0 0;
      opacity: 1
  }
}

@keyframes kdZoomTopLeftIn {
  0% {
      opacity: 0
  }

  5% {
      -webkit-transform: scale(.6);
      transform: scale(.6);
      -webkit-transform-origin: 0 0;
      transform-origin: 0 0
  }

  to {
      -webkit-transform: scale(1);
      transform: scale(1);
      -webkit-transform-origin: 0 0;
      transform-origin: 0 0;
      opacity: 1
  }
}

@-webkit-keyframes kdZoomTopLeftOut {
  0% {
      -webkit-transform: scale(1);
      transform: scale(1);
      -webkit-transform-origin: 0 0;
      transform-origin: 0 0;
      opacity: 1
  }

  to {
      -webkit-transform: scale(.6);
      transform: scale(.6);
      -webkit-transform-origin: 0 0;
      transform-origin: 0 0;
      opacity: 0
  }
}

@keyframes kdZoomTopLeftOut {
  0% {
      -webkit-transform: scale(1);
      transform: scale(1);
      -webkit-transform-origin: 0 0;
      transform-origin: 0 0;
      opacity: 1
  }

  to {
      -webkit-transform: scale(.6);
      transform: scale(.6);
      -webkit-transform-origin: 0 0;
      transform-origin: 0 0;
      opacity: 0
  }
}

.kd-dropdown.topLeft-active {
  -webkit-animation-name: kdSlideDownIn;
  animation-name: kdSlideDownIn;
  -webkit-animation-duration: .2s;
  animation-duration: .2s;
  -webkit-animation-timing-function: cubic-bezier(0, .4, .4, 1);
  animation-timing-function: cubic-bezier(0, .4, .4, 1)
}

.kd-dropdown.topLeft.hidden {
  -webkit-animation-name: kdSlideDownOut;
  animation-name: kdSlideDownOut;
  -webkit-animation-duration: .1s;
  animation-duration: .1s;
  -webkit-animation-timing-function: cubic-bezier(.4, 0, 1, .6);
  animation-timing-function: cubic-bezier(.4, 0, 1, .6)
}

.kd-dropdown.top-active {
  -webkit-animation-name: kdSlideDownIn;
  animation-name: kdSlideDownIn;
  -webkit-animation-duration: .2s;
  animation-duration: .2s;
  -webkit-animation-timing-function: cubic-bezier(0, .4, .4, 1);
  animation-timing-function: cubic-bezier(0, .4, .4, 1)
}

.kd-dropdown.top.hidden {
  -webkit-animation-name: kdSlideDownOut;
  animation-name: kdSlideDownOut;
  -webkit-animation-duration: .1s;
  animation-duration: .1s;
  -webkit-animation-timing-function: cubic-bezier(.4, 0, 1, .6);
  animation-timing-function: cubic-bezier(.4, 0, 1, .6)
}

.kd-dropdown.topRight-active {
  -webkit-animation-name: kdSlideDownIn;
  animation-name: kdSlideDownIn;
  -webkit-animation-duration: .2s;
  animation-duration: .2s;
  -webkit-animation-timing-function: cubic-bezier(0, .4, .4, 1);
  animation-timing-function: cubic-bezier(0, .4, .4, 1)
}

.kd-dropdown.topRight.hidden {
  -webkit-animation-name: kdSlideDownOut;
  animation-name: kdSlideDownOut;
  -webkit-animation-duration: .1s;
  animation-duration: .1s;
  -webkit-animation-timing-function: cubic-bezier(.4, 0, 1, .6);
  animation-timing-function: cubic-bezier(.4, 0, 1, .6)
}

.kd-dropdown.leftBottom-active {
  -webkit-animation-name: kdSlideDownIn;
  animation-name: kdSlideDownIn;
  -webkit-animation-duration: .2s;
  animation-duration: .2s;
  -webkit-animation-timing-function: cubic-bezier(0, .4, .4, 1);
  animation-timing-function: cubic-bezier(0, .4, .4, 1)
}

.kd-dropdown.leftBottom.hidden {
  -webkit-animation-name: kdSlideDownOut;
  animation-name: kdSlideDownOut;
  -webkit-animation-duration: .1s;
  animation-duration: .1s;
  -webkit-animation-timing-function: cubic-bezier(.4, 0, 1, .6);
  animation-timing-function: cubic-bezier(.4, 0, 1, .6)
}

.kd-dropdown.rightBottom-active {
  -webkit-animation-name: kdSlideDownIn;
  animation-name: kdSlideDownIn;
  -webkit-animation-duration: .2s;
  animation-duration: .2s;
  -webkit-animation-timing-function: cubic-bezier(0, .4, .4, 1);
  animation-timing-function: cubic-bezier(0, .4, .4, 1)
}

.kd-dropdown.rightBottom.hidden {
  -webkit-animation-name: kdSlideDownOut;
  animation-name: kdSlideDownOut;
  -webkit-animation-duration: .1s;
  animation-duration: .1s;
  -webkit-animation-timing-function: cubic-bezier(.4, 0, 1, .6);
  animation-timing-function: cubic-bezier(.4, 0, 1, .6)
}

.kd-dropdown.left-active {
  -webkit-animation-name: kdSlideCenterIn;
  animation-name: kdSlideCenterIn;
  -webkit-animation-duration: .2s;
  animation-duration: .2s;
  -webkit-animation-timing-function: cubic-bezier(0, .4, .4, 1);
  animation-timing-function: cubic-bezier(0, .4, .4, 1)
}

.kd-dropdown.left.hidden {
  -webkit-animation-name: kdSlideCenterOut;
  animation-name: kdSlideCenterOut;
  -webkit-animation-duration: .1s;
  animation-duration: .1s;
  -webkit-animation-timing-function: cubic-bezier(.4, 0, 1, .6);
  animation-timing-function: cubic-bezier(.4, 0, 1, .6)
}

.kd-dropdown.right-active {
  -webkit-animation-name: kdSlideCenterIn;
  animation-name: kdSlideCenterIn;
  -webkit-animation-duration: .2s;
  animation-duration: .2s;
  -webkit-animation-timing-function: cubic-bezier(0, .4, .4, 1);
  animation-timing-function: cubic-bezier(0, .4, .4, 1)
}

.kd-dropdown.right.hidden {
  -webkit-animation-name: kdSlideCenterOut;
  animation-name: kdSlideCenterOut;
  -webkit-animation-duration: .1s;
  animation-duration: .1s;
  -webkit-animation-timing-function: cubic-bezier(.4, 0, 1, .6);
  animation-timing-function: cubic-bezier(.4, 0, 1, .6)
}

.kd-dropdown.leftTop-active {
  -webkit-animation-name: kdSlideUpIn;
  animation-name: kdSlideUpIn;
  -webkit-animation-duration: .2s;
  animation-duration: .2s;
  -webkit-animation-timing-function: cubic-bezier(0, .4, .4, 1);
  animation-timing-function: cubic-bezier(0, .4, .4, 1)
}

.kd-dropdown.leftTop.hidden {
  -webkit-animation-name: kdSlideUpOut;
  animation-name: kdSlideUpOut;
  -webkit-animation-duration: .1s;
  animation-duration: .1s;
  -webkit-animation-timing-function: cubic-bezier(.4, 0, 1, .6);
  animation-timing-function: cubic-bezier(.4, 0, 1, .6)
}

.kd-dropdown.bottomLeft-active {
  -webkit-animation-name: kdSlideUpIn;
  animation-name: kdSlideUpIn;
  -webkit-animation-duration: .2s;
  animation-duration: .2s;
  -webkit-animation-timing-function: cubic-bezier(0, .4, .4, 1);
  animation-timing-function: cubic-bezier(0, .4, .4, 1)
}

.kd-dropdown.bottomLeft.hidden {
  -webkit-animation-name: kdSlideUpOut;
  animation-name: kdSlideUpOut;
  -webkit-animation-duration: .1s;
  animation-duration: .1s;
  -webkit-animation-timing-function: cubic-bezier(.4, 0, 1, .6);
  animation-timing-function: cubic-bezier(.4, 0, 1, .6)
}

.kd-dropdown.bottom-active {
  -webkit-animation-name: kdSlideUpIn;
  animation-name: kdSlideUpIn;
  -webkit-animation-duration: .2s;
  animation-duration: .2s;
  -webkit-animation-timing-function: cubic-bezier(0, .4, .4, 1);
  animation-timing-function: cubic-bezier(0, .4, .4, 1)
}

.kd-dropdown.bottom.hidden {
  -webkit-animation-name: kdSlideUpOut;
  animation-name: kdSlideUpOut;
  -webkit-animation-duration: .1s;
  animation-duration: .1s;
  -webkit-animation-timing-function: cubic-bezier(.4, 0, 1, .6);
  animation-timing-function: cubic-bezier(.4, 0, 1, .6)
}

.kd-dropdown.bottomRight-active {
  -webkit-animation-name: kdSlideUpIn;
  animation-name: kdSlideUpIn;
  -webkit-animation-duration: .2s;
  animation-duration: .2s;
  -webkit-animation-timing-function: cubic-bezier(0, .4, .4, 1);
  animation-timing-function: cubic-bezier(0, .4, .4, 1)
}

.kd-dropdown.bottomRight.hidden {
  -webkit-animation-name: kdSlideUpOut;
  animation-name: kdSlideUpOut;
  -webkit-animation-duration: .1s;
  animation-duration: .1s;
  -webkit-animation-timing-function: cubic-bezier(.4, 0, 1, .6);
  animation-timing-function: cubic-bezier(.4, 0, 1, .6)
}

.kd-dropdown.rightTop-active {
  -webkit-animation-name: kdSlideUpIn;
  animation-name: kdSlideUpIn;
  -webkit-animation-duration: .2s;
  animation-duration: .2s;
  -webkit-animation-timing-function: cubic-bezier(0, .4, .4, 1);
  animation-timing-function: cubic-bezier(0, .4, .4, 1)
}

.kd-dropdown.rightTop.hidden {
  -webkit-animation-name: kdSlideUpOut;
  animation-name: kdSlideUpOut;
  -webkit-animation-duration: .1s;
  animation-duration: .1s;
  -webkit-animation-timing-function: cubic-bezier(.4, 0, 1, .6);
  animation-timing-function: cubic-bezier(.4, 0, 1, .6)
}

.kd-cascader-menus.topLeft-active {
  -webkit-animation-name: kdSlideDownIn;
  animation-name: kdSlideDownIn;
  -webkit-animation-duration: .2s;
  animation-duration: .2s;
  -webkit-animation-timing-function: cubic-bezier(0, .4, .4, 1);
  animation-timing-function: cubic-bezier(0, .4, .4, 1)
}

.kd-cascader-menus.topLeft.hidden {
  -webkit-animation-name: kdSlideDownOut;
  animation-name: kdSlideDownOut;
  -webkit-animation-duration: .1s;
  animation-duration: .1s;
  -webkit-animation-timing-function: cubic-bezier(.4, 0, 1, .6);
  animation-timing-function: cubic-bezier(.4, 0, 1, .6)
}

.kd-cascader-menus.bottomLeft-active {
  -webkit-animation-name: kdSlideUpIn;
  animation-name: kdSlideUpIn;
  -webkit-animation-duration: .2s;
  animation-duration: .2s;
  -webkit-animation-timing-function: cubic-bezier(0, .4, .4, 1);
  animation-timing-function: cubic-bezier(0, .4, .4, 1)
}

.kd-cascader-menus.bottomLeft.hidden {
  -webkit-animation-name: kdSlideUpOut;
  animation-name: kdSlideUpOut;
  -webkit-animation-duration: .1s;
  animation-duration: .1s;
  -webkit-animation-timing-function: cubic-bezier(.4, 0, 1, .6);
  animation-timing-function: cubic-bezier(.4, 0, 1, .6)
}

.kd-select.topLeft-active {
  -webkit-animation-name: kdSlideDownIn;
  animation-name: kdSlideDownIn;
  -webkit-animation-duration: .2s;
  animation-duration: .2s;
  -webkit-animation-timing-function: cubic-bezier(0, .4, .4, 1);
  animation-timing-function: cubic-bezier(0, .4, .4, 1)
}

.kd-select.topLeft.hidden {
  -webkit-animation-name: kdSlideDownOut;
  animation-name: kdSlideDownOut;
  -webkit-animation-duration: .1s;
  animation-duration: .1s;
  -webkit-animation-timing-function: cubic-bezier(.4, 0, 1, .6);
  animation-timing-function: cubic-bezier(.4, 0, 1, .6)
}

.kd-select.bottomLeft-active {
  -webkit-animation-name: kdSlideUpIn;
  animation-name: kdSlideUpIn;
  -webkit-animation-duration: .2s;
  animation-duration: .2s;
  -webkit-animation-timing-function: cubic-bezier(0, .4, .4, 1);
  animation-timing-function: cubic-bezier(0, .4, .4, 1)
}

.kd-select.bottomLeft.hidden {
  -webkit-animation-name: kdSlideUpOut;
  animation-name: kdSlideUpOut;
  -webkit-animation-duration: .1s;
  animation-duration: .1s;
  -webkit-animation-timing-function: cubic-bezier(.4, 0, 1, .6);
  animation-timing-function: cubic-bezier(.4, 0, 1, .6)
}

.kd-date-picker-panel.topLeft-active {
  -webkit-animation-name: kdSlideDownIn;
  animation-name: kdSlideDownIn;
  -webkit-animation-duration: .2s;
  animation-duration: .2s;
  -webkit-animation-timing-function: cubic-bezier(0, .4, .4, 1);
  animation-timing-function: cubic-bezier(0, .4, .4, 1)
}

.kd-date-picker-panel.topLeft.hidden {
  -webkit-animation-name: kdSlideDownOut;
  animation-name: kdSlideDownOut;
  -webkit-animation-duration: .1s;
  animation-duration: .1s;
  -webkit-animation-timing-function: cubic-bezier(.4, 0, 1, .6);
  animation-timing-function: cubic-bezier(.4, 0, 1, .6)
}

.kd-date-picker-panel.bottomLeft-active {
  -webkit-animation-name: kdSlideUpIn;
  animation-name: kdSlideUpIn;
  -webkit-animation-duration: .2s;
  animation-duration: .2s;
  -webkit-animation-timing-function: cubic-bezier(0, .4, .4, 1);
  animation-timing-function: cubic-bezier(0, .4, .4, 1)
}

.kd-date-picker-panel.bottomLeft.hidden {
  -webkit-animation-name: kdSlideUpOut;
  animation-name: kdSlideUpOut;
  -webkit-animation-duration: .1s;
  animation-duration: .1s;
  -webkit-animation-timing-function: cubic-bezier(.4, 0, 1, .6);
  animation-timing-function: cubic-bezier(.4, 0, 1, .6)
}

@-webkit-keyframes kdSlideCenterIn {
  0% {
      opacity: 0
  }

  5% {
      -webkit-transform: scaleY(.6);
      transform: scaleY(.6);
      -webkit-transform-origin: 100% 50%;
      transform-origin: 100% 50%
  }

  to {
      -webkit-transform: scaleY(1);
      transform: scaleY(1);
      -webkit-transform-origin: 100% 50%;
      transform-origin: 100% 50%;
      opacity: 1
  }
}

@keyframes kdSlideCenterIn {
  0% {
      opacity: 0
  }

  5% {
      -webkit-transform: scaleY(.6);
      transform: scaleY(.6);
      -webkit-transform-origin: 100% 50%;
      transform-origin: 100% 50%
  }

  to {
      -webkit-transform: scaleY(1);
      transform: scaleY(1);
      -webkit-transform-origin: 100% 50%;
      transform-origin: 100% 50%;
      opacity: 1
  }
}

@-webkit-keyframes kdSlideCenterOut {
  0% {
      opacity: 1
  }

  5% {
      -webkit-transform: scaleY(1);
      transform: scaleY(1);
      -webkit-transform-origin: 100% 50%;
      transform-origin: 100% 50%
  }

  to {
      -webkit-transform: scaleY(.6);
      transform: scaleY(.6);
      -webkit-transform-origin: 100% 50%;
      transform-origin: 100% 50%;
      opacity: 0
  }
}

@keyframes kdSlideCenterOut {
  0% {
      opacity: 1
  }

  5% {
      -webkit-transform: scaleY(1);
      transform: scaleY(1);
      -webkit-transform-origin: 100% 50%;
      transform-origin: 100% 50%
  }

  to {
      -webkit-transform: scaleY(.6);
      transform: scaleY(.6);
      -webkit-transform-origin: 100% 50%;
      transform-origin: 100% 50%;
      opacity: 0
  }
}

@-webkit-keyframes kdSlideUpIn {
  0% {
      opacity: 0
  }

  5% {
      -webkit-transform: scaleY(.6);
      transform: scaleY(.6);
      -webkit-transform-origin: 0 0;
      transform-origin: 0 0
  }

  to {
      -webkit-transform: scaleY(1);
      transform: scaleY(1);
      -webkit-transform-origin: 0 0;
      transform-origin: 0 0;
      opacity: 1
  }
}

@keyframes kdSlideUpIn {
  0% {
      opacity: 0
  }

  5% {
      -webkit-transform: scaleY(.6);
      transform: scaleY(.6);
      -webkit-transform-origin: 0 0;
      transform-origin: 0 0
  }

  to {
      -webkit-transform: scaleY(1);
      transform: scaleY(1);
      -webkit-transform-origin: 0 0;
      transform-origin: 0 0;
      opacity: 1
  }
}

@-webkit-keyframes kdSlideUpOut {
  0% {
      -webkit-transform: scaleY(1);
      transform: scaleY(1);
      -webkit-transform-origin: 0 0;
      transform-origin: 0 0;
      opacity: 1
  }

  to {
      -webkit-transform: scaleY(.8);
      transform: scaleY(.8);
      -webkit-transform-origin: 0 0;
      transform-origin: 0 0;
      opacity: 0
  }
}

@keyframes kdSlideUpOut {
  0% {
      -webkit-transform: scaleY(1);
      transform: scaleY(1);
      -webkit-transform-origin: 0 0;
      transform-origin: 0 0;
      opacity: 1
  }

  to {
      -webkit-transform: scaleY(.8);
      transform: scaleY(.8);
      -webkit-transform-origin: 0 0;
      transform-origin: 0 0;
      opacity: 0
  }
}

@-webkit-keyframes kdSlideDownIn {
  0% {
      opacity: 0
  }

  5% {
      -webkit-transform: scaleY(.6);
      transform: scaleY(.6);
      -webkit-transform-origin: 100% 100%;
      transform-origin: 100% 100%
  }

  to {
      -webkit-transform: scaleY(1);
      transform: scaleY(1);
      -webkit-transform-origin: 100% 100%;
      transform-origin: 100% 100%;
      opacity: 1
  }
}

@keyframes kdSlideDownIn {
  0% {
      opacity: 0
  }

  5% {
      -webkit-transform: scaleY(.6);
      transform: scaleY(.6);
      -webkit-transform-origin: 100% 100%;
      transform-origin: 100% 100%
  }

  to {
      -webkit-transform: scaleY(1);
      transform: scaleY(1);
      -webkit-transform-origin: 100% 100%;
      transform-origin: 100% 100%;
      opacity: 1
  }
}

@-webkit-keyframes kdSlideDownOut {
  0% {
      -webkit-transform: scaleY(1);
      transform: scaleY(1);
      -webkit-transform-origin: 100% 100%;
      transform-origin: 100% 100%;
      opacity: 1
  }

  to {
      -webkit-transform: scaleY(.8);
      transform: scaleY(.8);
      -webkit-transform-origin: 100% 100%;
      transform-origin: 100% 100%;
      opacity: 0
  }
}

@keyframes kdSlideDownOut {
  0% {
      -webkit-transform: scaleY(1);
      transform: scaleY(1);
      -webkit-transform-origin: 100% 100%;
      transform-origin: 100% 100%;
      opacity: 1
  }

  to {
      -webkit-transform: scaleY(.8);
      transform: scaleY(.8);
      -webkit-transform-origin: 100% 100%;
      transform-origin: 100% 100%;
      opacity: 0
  }
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
body,
html {
  height: 100%;
  padding: 0;
  margin: 0;
  font-size: 12px
}

body,
button,
html,
input,
select,
textarea {
  font-family: Microsoft YaHei, PingFangSC-Regular, Helvetica Neue, Helvetica, Arial, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif
}

body {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

a {
  background-color: transparent
}

input {
  padding: 0
}

button,
input,
optgroup,
select,
textarea {
  margin: 0
}

button,
input {
  overflow: visible
}

button,
select {
  text-transform: none
}

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

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

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

progress {
  vertical-align: baseline
}

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

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

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

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

[hidden],
template {
  display: none
}

::-webkit-scrollbar-button {
  width: 0;
  height: 0
}

::-webkit-scrollbar-corner {
  background: 0 0
}

::-webkit-scrollbar-thumb {
  min-height: 28px;
  height: 5px;
  min-width: 2px;
  width: 5px;
  border-radius: 4px;
  padding: 100px 0 0;
  border: 1px dashed transparent;
  background-color: #b2b2b2;
  background-clip: padding-box
}

::-webkit-scrollbar-thumb:active {
  background-color: #999
}

::-webkit-scrollbar-thumb:hover {
  background: #999;
  border-radius: 6
}

::-webkit-scrollbar-track {
  border-radius: 10px
}

.icon-center i {
  -ms-flex-item-align: center;
  align-self: center
}

.kd-alert-container {
  z-index: var(--kd-g-z-index-apex, 9999);
  display: none;
  padding: var(--kd-c-alert-sizing-padding-vertical, 12px) var(--kd-c-alert-sizing-padding-horizontal, 20px);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: display 3s;
  transition: display 3s;
  border-radius: var(--kd-c-alert-radius-border, 4px);
  border: 1px solid
}

.kd-alert-banner-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: fixed;
  z-index: var(--kd-g-z-index-apex, 9999);
  width: 100%
}

.kd-alert.alert-success-bg-color {
  background-color: var(--kd-c-alert-color-background-success, var(--kd-g-color-background-success, #f2fff5))
}

.kd-alert.alert-warning-bg-color {
  background-color: var(--kd-c-alert-color-background-warning, var(--kd-g-color-background-warning, #fffbf2))
}

.kd-alert.alert-error-bg-color {
  background-color: var(--kd-c-alert-color-background-error, var(--kd-g-color-background-error, #fff2f4))
}

.kd-alert.alert-info-bg-color {
  background-color: var(--kd-c-alert-color-background-info, var(--kd-g-color-background-ongoing, #f2f9ff))
}

.kd-alert.alert-success-border-color {
  border-color: var(--kd-c-alert-color-border-success, #dcfae4)
}

.kd-alert.alert-warning-border-color {
  border-color: var(--kd-c-alert-color-border-warning, #fff1d4)
}

.kd-alert.alert-error-border-color {
  border-color: var(--kd-c-alert-color-border-error, #ffdbe0)
}

.kd-alert.alert-info-border-color {
  border-color: var(--kd-c-alert-color-border-info, #e0efff)
}

.kd-alert-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: default;
  height: var(--kd-c-alert-message-icon-font-size, var(--kd-g-font-size-middle, 14px));
  margin-right: var(--kd-c-alert-message-icon-sizing-margin-right, 8px);
  font-size: var(--kd-c-alert-message-icon-font-size, var(--kd-g-font-size-middle, 14px))
}

.kd-alert-icon i {
  -ms-flex-item-align: center;
  align-self: center
}

.kd-alert-icon.alert-success-icon-color {
  color: var(--kd-c-alert-color-icon-success, var(--kd-g-color-success, #1ba854))
}

.kd-alert-icon.alert-warning-icon-color {
  color: var(--kd-c-alert-color-icon-warning, var(--kd-g-color-warning, #ff991c))
}

.kd-alert-icon.alert-error-icon-color {
  color: var(--kd-c-alert-color-icon-error, var(--kd-g-color-error, #fb2323))
}

.kd-alert-icon.alert-info-icon-color {
  color: var(--kd-c-alert-color-icon-info, var(--kd-g-color-ongoing, #276ff5))
}

.kd-alert-message {
  color: var(--kd-c-alert-color-text, var(--kd-g-color-text-primary, #212121));
  font-size: var(--kd-c-alert-message-font-size, var(--kd-g-font-size-small, 12px));
  line-height: 16px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  cursor: default
}

.kd-alert-leave,
.kd-alert-message {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.kd-alert-leave {
  -webkit-transition: min-height var(--kd-g-duration, .3s) cubic-bezier(.32, .94, .6, 1), opacity var(--kd-g-duration, .3s) cubic-bezier(.32, .94, .6, 1), margin var(--kd-g-duration, .3s) cubic-bezier(.32, .94, .6, 1), height var(--kd-g-duration, .3s) cubic-bezier(.32, .94, .6, 1), line-height var(--kd-g-duration, .3s) cubic-bezier(.32, .94, .6, 1);
  transition: min-height var(--kd-g-duration, .3s) cubic-bezier(.32, .94, .6, 1), opacity var(--kd-g-duration, .3s) cubic-bezier(.32, .94, .6, 1), margin var(--kd-g-duration, .3s) cubic-bezier(.32, .94, .6, 1), height var(--kd-g-duration, .3s) cubic-bezier(.32, .94, .6, 1), line-height var(--kd-g-duration, .3s) cubic-bezier(.32, .94, .6, 1);
  min-height: 0;
  margin: 0 !important;
  overflow: hidden;
  opacity: 0
}

.kd-alert-leave .kd-alert-close-icon,
.kd-alert-leave .kd-alert-icon,
.kd-alert-leave .kd-alert-message {
  height: 0;
  line-height: 0
}

.kd-alert-close-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: var(--kd-c-alert-message-icon-font-size, var(--kd-g-font-size-middle, 14px));
  margin-left: var(--kd-c-alert-close-icon-sizing-margin-left, 8px);
  color: var(--kd-c-alert-close-icon-color-text, var(--kd-g-color-text-secondary, #666));
  font-size: var(--kd-c-alert-close-icon-font-size, var(--kd-g-font-size-middle, 14px));
  cursor: pointer
}

.kd-alert-close-icon:hover {
  color: var(--kd-c-alert-close-icon-color-text-hover, var(--kd-g-color-theme-5, #87adff))
}

.kd-alert-close-icon:active {
  color: var(--kd-g-color-theme-7, #375cca)
}

.kd-alert-close-icon i {
  -ms-flex-item-align: center;
  align-self: center
}

.kd-alert-visible {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.kd-alert-banner {
  position: fixed;
  -webkit-animation: moveIn var(--kd-g-duration, .3s) cubic-bezier(.32, .94, .6, 1) both;
  animation: moveIn var(--kd-g-duration, .3s) cubic-bezier(.32, .94, .6, 1) both
}

@-webkit-keyframes moveIn {
  0% {
      -webkit-transform: translateY(-50px);
      transform: translateY(-50px)
  }

  to {
      -webkit-transform: translateY(0);
      transform: translateY(0)
  }
}

@keyframes moveIn {
  0% {
      -webkit-transform: translateY(-50px);
      transform: translateY(-50px)
  }

  to {
      -webkit-transform: translateY(0);
      transform: translateY(0)
  }
}

.kd-anchor {
  position: relative;
  padding-left: var(--kd-c-anchor-spacing-horizontal, 7px);
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.kd-anchor-wrapper {
  overflow: auto;
  font-size: var(--kd-c-anchor-font-size, var(--kd-g-font-size-small, 12px));
  width: var(--kd-c-anchor-sizing-width, 120px)
}

.kd-anchor-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #666
}

.kd-anchor-menu-wrapper {
  overflow: auto;
  font-size: var(--kd-c-anchor-font-size, var(--kd-g-font-size-small, 12px))
}

.kd-anchor-menu-left-arrows {
  margin-right: 10px;
  font-size: var(--kd-c-anchor-icon-font-size, 16px);
  color: #666;
  cursor: pointer
}

.kd-anchor-menu-left-arrows:hover:not(.kd-anchor-menu-left-arrows-disabled) {
  color: var(--kd-c-anchor-color-theme, var(--kd-g-color-theme, #5582f3))
}

.kd-anchor-menu-left-arrows-disabled {
  color: #b2b2b2;
  cursor: not-allowed
}

.kd-anchor-menu-right-arrows {
  margin-left: 10px;
  font-size: var(--kd-c-anchor-icon-font-size, 16px);
  color: #666;
  cursor: pointer
}

.kd-anchor-menu-right-arrows:hover:not(.kd-anchor-menu-right-arrows-disabled) {
  color: var(--kd-c-anchor-color-theme, var(--kd-g-color-theme, #5582f3))
}

.kd-anchor-menu-right-arrows-disabled {
  color: #b2b2b2;
  cursor: not-allowed
}

.kd-anchor-menu-wrap {
  overflow: hidden;
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  height: 22px
}

.kd-anchor-menu-link-list {
  display: inline-block;
  white-space: nowrap;
  position: absolute;
  -webkit-transition: all var(--kd-c-anchor-duration-duration, var(--kd-g-duration, .3s)) ease-in;
  transition: all var(--kd-c-anchor-duration-duration, var(--kd-g-duration, .3s)) ease-in;
  left: 0;
  top: 0
}

.kd-anchor-menu .kd-anchor-link {
  padding: 0;
  display: inline-block
}

.kd-anchor-menu .kd-anchor-link-title {
  display: inline-block;
  max-width: 96px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0 4px;
  line-height: 1.5;
  vertical-align: middle
}

.kd-anchor-menu .kd-anchor-link:not(:last-of-type):after {
  display: inline-block;
  content: "";
  height: 0;
  width: 40px;
  border-bottom: var(--kd-c-anchor-line-slider-spacing-width, 1px) dashed var(--kd-c-anchor-color-border-disabled, var(--kd-g-color-border-disabled, #ccc));
  margin: 4px
}

.kd-anchor-advanced-arrows {
  color: var(--kd-c-anchor-advanced-arrows-color-text, #666);
  font-size: var(--kd-c-anchor-advanced-arrows-font-size, 24px);
  cursor: pointer
}

.kd-anchor-advanced-arrows:hover {
  color: var(--kd-c-anchor-color-theme, var(--kd-g-color-theme, #5582f3))
}

.kd-anchor-advanced {
  padding-top: var(--kd-c-anchor-advanced-spacing-padding-top, 8px);
  padding-bottom: var(--kd-c-anchor-advanced-spacing-padding-bottom, 7px);
  position: relative;
  -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .08);
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .08);
  background: var(--kd-c-anchor-color-background, var(--kd-g-color-background, #fff));
  z-index: 1050
}

.kd-anchor-advanced .kd-anchor-wrapper {
  width: var(--kd-c-anchor-advanced-sizing-width, 160px)
}

.kd-anchor-advanced-lock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 0 8px 8px 0;
  font-size: var(--kd-c-anchor-advanced-lock-font-size, 16px);
  color: var(--kd-c-anchor-advanced-arrows-color-text, #666);
  cursor: pointer
}

.kd-anchor-advanced .kd-anchor {
  max-width: var(--kd-c-anchor-advanced-sizing-width, 160px)
}

.kd-anchor-line {
  position: absolute;
  left: var(--kd-c-anchor-spacing-horizontal, 7px);
  top: 0;
  height: 100%
}

.kd-anchor-line:before {
  position: relative;
  display: block;
  width: var(--kd-c-anchor-line-slider-spacing-width, 1px);
  height: 100%;
  margin: 0 auto;
  background-color: var(--kd-c-anchor-color-border, var(--kd-g-color-border-strong, #d9d9d9));
  content: ""
}

.kd-anchor-line-slider {
  position: absolute;
  display: none;
  width: 0;
  height: 16px;
  border-right: var(--kd-c-anchor-line-slider-spacing-width, 1px) solid var(--kd-c-anchor-color-theme, var(--kd-g-color-theme, #5582f3));
  -webkit-transition: top .3s ease-in-out;
  transition: top .3s ease-in-out
}

.kd-anchor-line-slider.visible {
  display: inline-block
}

.kd-anchor-link {
  padding: var(--kd-c-anchor-spacing-padding, 7px 8px)
}

.kd-anchor-link>.kd-anchor-link {
  padding: var(--kd-c-anchor-secondary-spacing-padding, 12px 8px)
}

.kd-anchor-link-title {
  text-decoration: none;
  color: var(--kd-c-anchor-color-text-primary, var(--kd-g-color-text-primary, #212121));
  margin-bottom: var(--kd-c-anchor-spacing-vertical, 7px);
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 1.5;
  cursor: pointer
}

.kd-anchor-link-title:only-child {
  margin-bottom: 0
}

.kd-anchor-link-title-secondary {
  color: var(--kd-c-anchor-color-text-secondary, var(--kd-g-color-text-secondary, #666));
  padding-left: 4px
}

.kd-anchor-link-active>.kd-anchor-link-title,
.kd-anchor-link-title:hover {
  color: var(--kd-c-anchor-color-theme, var(--kd-g-color-theme, #5582f3))
}

.kd-anchor-lock {
  font-size: var(--kd-c-anchor-icon-font-size, 16px)
}

.kd-anchor.hidden {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all calc(var(--kd-c-anchor-duration-duration, var(--kd-g-duration, .3s)) - .1s) cubic-bezier(.4, 0, .6, 1);
  transition: all calc(var(--kd-c-anchor-duration-duration, var(--kd-g-duration, .3s)) - .1s) cubic-bezier(.4, 0, .6, 1)
}

.kd-avatar {
  position: relative;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  background: var(--kd-c-avatar-color-background, #b2b2b2);
  width: var(--kd-c-avatar-size-base, 40px);
  height: var(--kd-c-avatar-size-base, 40px);
  line-height: var(--kd-c-avatar-size-base, 40px);
  border-radius: 50%
}

.kd-avatar-image {
  background: transparent
}

.kd-avatar-disabled {
  cursor: not-allowed
}

.kd-avatar:hover:not(.kd-avatar-disabled) {
  cursor: pointer
}

.kd-avatar-string {
  position: absolute;
  left: 50%;
  -webkit-transform-origin: 0 center;
  transform-origin: 0 center
}

.kd-avatar.kd-avatar-icon {
  font-size: var(--kd-c-avatar-font-size-base, 22px)
}

.kd-avatar.kd-avatar-icon>.kdicon {
  vertical-align: unset !important
}

.kd-avatar-lg {
  width: var(--kd-c-avatar-size-large, 60px);
  height: var(--kd-c-avatar-size-large, 60px);
  line-height: var(--kd-c-avatar-size-large, 60px);
  border-radius: 50%
}

.kd-avatar-lg-string {
  position: absolute;
  left: 50%;
  -webkit-transform-origin: 0 center;
  transform-origin: 0 center
}

.kd-avatar-lg.kd-avatar-icon {
  font-size: var(--kd-c-avatar-font-size-large, 36px)
}

.kd-avatar-lg.kd-avatar-icon>.kdicon {
  vertical-align: unset !important
}

.kd-avatar-sm {
  width: var(--kd-c-avatar-size-small, 32px);
  height: var(--kd-c-avatar-size-small, 32px);
  line-height: var(--kd-c-avatar-size-small, 32px);
  border-radius: 50%
}

.kd-avatar-sm-string {
  position: absolute;
  left: 50%;
  -webkit-transform-origin: 0 center;
  transform-origin: 0 center
}

.kd-avatar-sm.kd-avatar-icon {
  font-size: var(--kd-c-avatar-font-size-small, 18px)
}

.kd-avatar-sm.kd-avatar-icon>.kdicon {
  vertical-align: unset !important
}

.kd-avatar-xs {
  width: var(--kd-c-avatar-size-x-small, 24px);
  height: var(--kd-c-avatar-size-x-small, 24px);
  line-height: var(--kd-c-avatar-size-x-small, 24px);
  border-radius: 50%
}

.kd-avatar-xs-string {
  position: absolute;
  left: 50%;
  -webkit-transform-origin: 0 center;
  transform-origin: 0 center
}

.kd-avatar-xs.kd-avatar-icon {
  font-size: var(--kd-c-avatar-font-size-x-small, 14px)
}

.kd-avatar-xs.kd-avatar-icon>.kdicon {
  vertical-align: unset !important
}

.kd-avatar-square {
  border-radius: var(--kd-c-avatar-border-radius, 2px)
}

.kd-avatar>img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.kd-badge {
  position: relative;
  display: inline-block;
  line-height: 1;
  font-size: var(--kd-c-badge-font-size-base, var(--kd-g-font-size-middle, 14px))
}

.kd-badge-count {
  z-index: auto;
  min-width: var(--kd-c-badge-sizing-base, 16px);
  height: var(--kd-c-badge-sizing-base, 16px);
  color: var(--kd-c-badge-color, var(--kd-g-color-background, #fff));
  font-weight: var(--kd-c-badge-font-weight, 400);
  font-size: var(--kd-g-font-size-small, 12px);
  line-height: var(--kd-c-badge-sizing-base, 16px);
  white-space: nowrap;
  text-align: center;
  background: var(--kd-c-badge-color-background, #fb2323);
  border-radius: calc(var(--kd-c-badge-sizing-base, 16px)/2)
}

.kd-badge-count-sm {
  min-width: var(--kd-c-badge-sizing-small, 14px);
  height: var(--kd-c-badge-sizing-small, 14px);
  padding: 0;
  font-size: var(--kd-c-badge-font-size-small, var(--kd-g-font-size-small, 12px));
  line-height: var(--kd-c-badge-sizing-small, 14px);
  border-radius: calc(var(--kd-c-badge-sizing-small, 14px)/2)
}

.kd-badge-dot {
  z-index: auto;
  width: var(--kd-c-badge-sizing-dot, 8px);
  min-width: var(--kd-c-badge-sizing-dot, 8px);
  height: var(--kd-c-badge-sizing-dot, 8px);
  background: var(--kd-c-badge-color-background, #fb2323);
  border-radius: 100%
}

.kd-badge-count,
.kd-badge-custom-component,
.kd-badge-dot {
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0
}

.kd-badge-multiple-words {
  padding: 0 4px
}

.kd-badge-status {
  line-height: inherit;
  vertical-align: baseline
}

.kd-badge-status-text {
  margin-left: 8px;
  color: var(--kd-c-badge-color, var(--kd-g-color-text-primary, #212121));
  font-size: var(--kd-c-badge-font-size-base, var(--kd-g-font-size-middle, 14px))
}

.kd-badge-status-dot {
  position: relative;
  top: -1px;
  display: inline-block;
  width: var(--kd-c-badge-sizing-status, 8px);
  height: var(--kd-c-badge-sizing-status, 8px);
  vertical-align: middle;
  border-radius: 50%
}

.kd-badge-status-success {
  background-color: var(--kd-c-badge-color-success, var(--kd-g-color-success, #1ba854))
}

.kd-badge-status-processing {
  background-color: var(--kd-c-badge-color-ongoing, var(--kd-g-color-ongoing, #276ff5))
}

.kd-badge-status-processing:after {
  position: absolute;
  top: -1px;
  left: -1px;
  width: 100%;
  height: 100%;
  border: 1px solid var(--kd-c-badge-color-ongoing, var(--kd-g-color-ongoing, #276ff5));
  border-radius: 50%;
  -webkit-animation: antStatusProcessing 1.2s ease-in-out infinite;
  animation: antStatusProcessing 1.2s ease-in-out infinite;
  content: ""
}

.kd-badge-status-error {
  background-color: var(--kd-c-badge-color-error, var(--kd-g-color-error, #fb2323))
}

.kd-badge-status-default {
  background-color: var(--kd-c-badge-color-default, #d9d9d9)
}

.kd-badge-status-warning {
  background-color: var(--kd-c-badge-color-warning, var(--kd-g-color-warning, #ff991c))
}

.kd-badge-not-a-wrapper:not(.kd-badge-status) {
  vertical-align: middle
}

.kd-badge-not-a-wrapper .kd-badge-count,
.kd-badge-not-a-wrapper .kd-badge-custom-component {
  position: relative;
  top: auto;
  display: block;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: none;
  transform: none
}

@-webkit-keyframes antStatusProcessing {
  0% {
      -webkit-transform: scale(.8);
      transform: scale(.8);
      opacity: .5
  }

  to {
      -webkit-transform: scale(2.4);
      transform: scale(2.4);
      opacity: 0
  }
}

@keyframes antStatusProcessing {
  0% {
      -webkit-transform: scale(.8);
      transform: scale(.8);
      opacity: .5
  }

  to {
      -webkit-transform: scale(2.4);
      transform: scale(2.4);
      opacity: 0
  }
}

.kd-baseData {
  width: var(--kd-c-base-data-sizing-width, 230px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid var(--kd-c-base-data-color-border, #999)
}

.kd-baseData-disabled {
  cursor: not-allowed
}

.kd-baseData:not(.kd-baseData-disabled):hover {
  border-color: var(--kd-c-base-data-border-color-hover, var(--kd-g-color-theme, #5582f3))
}

.kd-baseData:not(.kd-baseData-disabled):hover .kd-baseData-detail,
.kd-baseData:not(.kd-baseData-disabled):hover .kd-baseData-suffix {
  color: var(--kd-c-base-data-icon-color-text-hover, var(--kd-g-color-theme, #5582f3))
}

.kd-baseData:not(.kd-baseData-disabled):hover .kd-baseData-detail {
  visibility: visible
}

.kd-baseData-total {
  white-space: nowrap;
  cursor: pointer
}

.kd-baseData-detail,
.kd-baseData-suffix {
  font-size: 16px;
  margin-left: 5px;
  cursor: pointer
}

.kd-baseData-detail {
  visibility: hidden
}

.kd-baseData-dropdown {
  margin: 0;
  z-index: var(--kd-c-base-data-dropdown-z-index, var(--kd-g-z-index-popper, 1050));
  -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .2);
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .2);
  border-radius: var(--kd-c-base-data-dropdown-radius-border, var(--kd-g-radius-border, 2px));
  background: var(--kd-c-base-data-dropdown-radius-border, var(--kd-g-color-background, #fff));
  overflow: auto;
  max-height: var(--kd-c-base-data-dropdown-sizing-height, 400px);
  color: var(--kd-c-base-data-color-text, #212121)
}

.kd-baseData-dropdown-columns,
.kd-baseData-dropdown-options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.kd-baseData-dropdown-columns.selected,
.kd-baseData-dropdown-options.selected {
  color: var(--kd-c-base-data-option-color-text-active, var(--kd-g-color-theme, #5582f3))
}

.kd-baseData-dropdown-columns-item,
.kd-baseData-dropdown-options-item {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0 var(--kd-c-base-data-option-spacing-padding-vertical, 12px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.kd-baseData-dropdown-columns-item-collect,
.kd-baseData-dropdown-options-item-collect {
  position: absolute;
  right: 10px;
  visibility: hidden
}

.kd-baseData-dropdown-columns-item-collect-icon,
.kd-baseData-dropdown-options-item-collect-icon {
  color: var(--kd-c-base-data-dropdown-icon-color-text, var(--kd-g-color-warning, #ff991c))
}

.kd-baseData-dropdown-columns-item-collect-icon:hover,
.kd-baseData-dropdown-options-item-collect-icon:hover {
  color: var(--kd-c-base-data-dropdown-icon-color-text-hover, var(--kd-g-color-warning, #ff991c))
}

.kd-baseData-dropdown-columns-item-collect-not-icon,
.kd-baseData-dropdown-options-item-collect-not-icon {
  color: #666
}

.kd-baseData-dropdown-columns-item-collect-not-icon:hover,
.kd-baseData-dropdown-options-item-collect-not-icon:hover {
  color: var(--kd-c-base-data-dropdown-color-text-hover, var(--kd-g-color-warning, #ff991c))
}

.kd-baseData-dropdown-columns-item-search,
.kd-baseData-dropdown-options-item-search {
  color: #3987ed
}

.kd-baseData-dropdown-loading {
  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: 200px
}

.kd-baseData-dropdown-columns {
  height: var(--kd-c-base-data-dropdown-columns-height, 36px);
  background: var(--kd-c-base-data-color-background-hover, var(--kd-g-color-hover, #f5f5f5))
}

.kd-baseData-dropdown-options {
  height: var(--kd-c-base-data-dropdown-options-sizing-height, 32px);
  cursor: pointer
}

.kd-baseData-dropdown-options:hover {
  background: var(--kd-c-base-data-color-background-hover, var(--kd-g-color-hover, #f5f5f5))
}

.kd-baseData-dropdown-options:hover .kd-baseData-dropdown-options-item-collect {
  visibility: visible
}

.kd-baseData-dropdown-footer {
  height: var(--kd-c-base-data-dropdown-footer-height, 40px);
  border-top: 1px solid var(--kd-c-base-data-footer-color-border, var(--kd-g-color-border-strong, #d9d9d9))
}

.kd-baseData-dropdown-footer-btn {
  color: var(--kd-c-base-data-footer-btn-color-text, var(--kd-g-color-text-link, #0e5fd8));
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.kd-baseData-dropdown-footer-btn>span {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
  cursor: pointer
}

.kd-baseData-dropdown-empty {
  margin: 20px 0
}

.kd-baseData-dropdown .kd-tabs-tab-list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.kd-baseData-dropdown .kd-tab-pane {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-right: 0;
  text-align: center
}

.kd-baseData-dropdown .kd-tabs-right-arrows {
  display: none
}

.kd-baseData .kd-input {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 0
}

.kd-baseData .kd-input-disabled {
  background: #fff
}

.bottomLeft.hidden,
.kd-baseData-dropdown-wrapper.bottomLeft.hidden,
.kd-baseData-dropdown-wrapper.topLeft.hidden,
.topLeft.hidden {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .2s cubic-bezier(.4, 0, .6, 1);
  transition: all .2s cubic-bezier(.4, 0, .6, 1)
}

.kd-btn {
  padding: 0;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: var(--kd-c-button-font-weight, var(--kd-g-font-weight, 400));
  border: var(--kd-c-button-sizing-border, 1px) solid transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-radius: var(--kd-c-button-radius-border, var(--kd-g-radius-border, 2px));
  text-align: center;
  background-color: transparent;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-transition: color .3s, background-color .3s, border-color .3s;
  transition: color .3s, background-color .3s, border-color .3s
}

.kd-btn,
.kd-btn:active,
.kd-btn:focus {
  outline: 0
}

.kd-btn:not(.kd-btn-text):after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: inherit;
  -webkit-box-shadow: 0 0 0 0 var(--kd-g-color-theme, #5582f3);
  box-shadow: 0 0 0 0 var(--kd-g-color-theme, #5582f3);
  opacity: .2;
  content: "";
  pointer-events: none;
  clear: both
}

.kd-btn:not(.kd-btn-text)[click-animating-wave=true]:after {
  -webkit-animation: fadeEffect var(--kd-c-button-motion-duration-fade, var(--kd-g-duration-slowly, .4s)) cubic-bezier(0, .4, .4, 1) forwards, waveEffect var(--kd-c-button-motion-duration-wave, var(--kd-g-duration-quickly, .2s)) cubic-bezier(0, .4, .4, 1) forwards;
  animation: fadeEffect var(--kd-c-button-motion-duration-fade, var(--kd-g-duration-slowly, .4s)) cubic-bezier(0, .4, .4, 1) forwards, waveEffect var(--kd-c-button-motion-duration-wave, var(--kd-g-duration-quickly, .2s)) cubic-bezier(0, .4, .4, 1) forwards
}

.kd-btn-second {
  border-color: var(--kd-c-button-second-color-border, #d9d9d9);
  background-color: var(--kd-c-button-second-color-background, transparent);
  color: var(--kd-c-button-second-color-text, #212121)
}

.kd-btn-second:hover:not(.kd-btn-loading) {
  background-color: var(--kd-c-button-second-color-background-hover, var(--kd-g-color-white, #fff));
  border-color: var(--kd-c-button-second-color-border-hover, var(--kd-g-color-theme, #5582f3));
  color: var(--kd-c-button-second-color-text-hover, var(--kd-g-color-theme, #5582f3))
}

.kd-btn-second:active:not(.kd-btn-loading) {
  background-color: var(--kd-c-button-second-color-background-active, var(--kd-g-color-white, #fff));
  border-color: var(--kd-c-button-second-color-border-active, var(--kd-g-color-theme-7, #375cca));
  color: var(--kd-c-button-second-color-text-active, var(--kd-g-color-theme-7, #375cca))
}

.kd-btn-second:disabled {
  border-color: var(--kd-c-button-second-color-border-disabled, #d9d9d9) !important;
  background-color: var(--kd-c-button-second-color-background-disabled, var(--kd-g-color-background-contain-disabled, #f5f5f5)) !important;
  color: var(--kd-c-button-second-color-text-disabled, #b2b2b2) !important
}

.kd-btn-primary {
  border-color: var(--kd-c-button-primary-color-border, var(--kd-g-color-theme, #5582f3));
  background-color: var(--kd-c-button-primary-color-background, var(--kd-g-color-theme, #5582f3));
  color: var(--kd-c-button-primary-color-text, var(--kd-g-color-white, #fff))
}

.kd-btn-primary:hover:not(.kd-btn-loading) {
  background-color: var(--kd-c-button-primary-color-background-hover, var(--kd-g-color-theme-5, #87adff));
  border-color: var(--kd-c-button-primary-color-border-hover, var(--kd-g-color-theme-5, #87adff))
}

.kd-btn-primary:active:not(.kd-btn-loading) {
  border-color: var(--kd-c-button-primary-color-border-active, var(--kd-g-color-theme, #5582f3));
  background-color: var(--kd-c-button-primary-color-background-active, var(--kd-g-color-theme-7, #375cca))
}

.kd-btn-primary:disabled {
  background-color: var(--kd-c-button-primary-color-background-disabled, var(--kd-g-color-theme-4, #b5cfff)) !important;
  border-color: var(--kd-c-button-primary-color-border-disabled, var(--kd-g-color-theme-4, #b5cfff)) !important
}

.kd-btn-ghost {
  border-color: var(--kd-c-button-ghost-color-border, var(--kd-g-color-theme-6, #5582f3));
  background-color: var(--kd-c-button-ghost-color-background, transparent);
  color: var(--kd-c-button-ghost-color-text, var(--kd-g-color-theme, #5582f3))
}

.kd-btn-ghost:hover:not(.kd-btn-loading) {
  background-color: var(--kd-c-button-ghost-color-background-hover, var(--kd-g-color-theme-5, #87adff));
  border-color: var(--kd-c-button-ghost-color-border-hover, transparent);
  color: var(--kd-c-button-ghost-color-text-hover, #fff)
}

.kd-btn-ghost:active:not(.kd-btn-loading) {
  background-color: var(--kd-c-button-ghost-color-background-active, var(--kd-g-color-theme-7, #375cca));
  border-color: var(--kd-c-button-ghost-color-border-hover, transparent);
  color: var(--kd-c-button-ghost-color-text-active, #fff)
}

.kd-btn-ghost:disabled {
  background-color: var(--kd-c-button-ghost-color-background-disabled, var(--kd-g-color-background-contain-disabled, #f5f5f5)) !important;
  border-color: var(--kd-c-button-ghost-color-border-disabled, #d9d9d9) !important;
  color: var(--kd-c-button-ghost-color-text-disabled, #b2b2b2) !important
}

.kd-btn-iconWrapper-left {
  float: left
}

.kd-btn-iconWrapper-left,
.kd-btn-iconWrapper-right {
  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
}

.kd-btn-iconWrapper-right {
  float: right
}

.kd-btn-loadingIcon {
  color: var(--kd-c-button-text-color-loading, var(--kd-g-color-theme, #5582f3))
}

.kd-btn-primary-loadingIcon {
  color: var(--kd-c-button-primary-color-text-loading, var(--kd-g-color-white, #fff))
}

.kd-btn-size-small {
  height: var(--kd-c-button-sizing-height-small, 24px);
  min-width: var(--kd-c-button-sizing-min-width-small, 60px);
  line-height: calc(var(--kd-c-button-sizing-height-small, 24px) - var(--kd-c-button-spacing-padding-vertical-small, 3px)*2 - var(--kd-c-button-sizing-border, 1px)*2);
  font-size: var(--kd-c-button-font-size-small, var(--kd-g-font-size-small, 12px));
  padding: var(--kd-c-button-spacing-padding-vertical-small, 3px) var(--kd-c-button-spacing-padding-horizontal-small, 8px)
}

.kd-btn-size-small.kd-btn-icon-only {
  padding: 0 var(--kd-c-button-icon-spacing-padding-horizontal, 4px);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.kd-btn-size-small .kd-btn-group-basic-icon,
.kd-btn-size-small.kd-btn-icon-only {
  font-size: var(--kd-c-button-icon-font-size-small, 14px)
}

.kd-btn-size-middle {
  height: var(--kd-c-button-sizing-height-middle, 28px);
  min-width: var(--kd-c-button-sizing-min-width-middle, 60px);
  line-height: calc(var(--kd-c-button-sizing-height-middle, 28px) - var(--kd-c-button-spacing-padding-vertical-middle, 5px)*2 - var(--kd-c-button-sizing-border, 1px)*2);
  font-size: var(--kd-c-button-font-size-middle, var(--kd-g-font-size-small, 12px));
  padding: var(--kd-c-button-spacing-padding-vertical-middle, 5px) var(--kd-c-button-spacing-padding-horizontal-middle, 8px)
}

.kd-btn-size-middle.kd-btn-icon-only {
  padding: 0 var(--kd-c-button-icon-spacing-padding-horizontal, 4px);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.kd-btn-size-middle .kd-btn-group-basic-icon,
.kd-btn-size-middle.kd-btn-icon-only {
  font-size: var(--kd-c-button-icon-font-size-middle, 16px)
}

.kd-btn-size-large {
  height: var(--kd-c-button-sizing-height-large, 32px);
  min-width: var(--kd-c-button-sizing-min-width-large, 80px);
  line-height: calc(var(--kd-c-button-sizing-height-large, 32px) - var(--kd-c-button-spacing-padding-vertical-large, 6px)*2 - var(--kd-c-button-sizing-border, 1px)*2);
  font-size: var(--kd-c-button-font-size-large, var(--kd-g-font-size-large, 16px));
  padding: var(--kd-c-button-spacing-padding-vertical-large, 6px) var(--kd-c-button-spacing-padding-horizontal-large, 8px)
}

.kd-btn-size-large.kd-btn-icon-only {
  padding: 0 var(--kd-c-button-icon-spacing-padding-horizontal, 4px);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.kd-btn-size-large .kd-btn-group-basic-icon,
.kd-btn-size-large.kd-btn-icon-only {
  font-size: var(--kd-c-button-icon-font-size-large, 18px)
}

.kd-btn-shape-circle {
  border-radius: 50%;
  min-width: auto
}

.kd-btn-shape-circle.kd-btn-size-small {
  width: var(--kd-c-button-sizing-height-small, 24px);
  padding: 0
}

.kd-btn-shape-circle.kd-btn-size-middle {
  width: var(--kd-c-button-sizing-height-middle, 28px);
  padding: 0
}

.kd-btn-shape-circle.kd-btn-size-large {
  width: var(--kd-c-button-sizing-height-large, 32px);
  padding: 0
}

.kd-btn-shape-round.kd-btn-size-small {
  border-radius: var(--kd-c-button-sizing-height-small, 24px)
}

.kd-btn-shape-round.kd-btn-size-middle {
  border-radius: var(--kd-c-button-sizing-height-middle, 28px)
}

.kd-btn-shape-round.kd-btn-size-large {
  border-radius: var(--kd-c-button-sizing-height-large, 32px)
}

.kd-btn-shape-none {
  border-radius: 0
}

.kd-btn-text {
  height: auto;
  width: auto;
  color: var(--kd-c-button-text-color-text, var(--kd-g-color-theme-6, #5582f3));
  padding: 0;
  min-width: auto
}

.kd-btn-text:hover {
  color: var(--kd-c-button-text-color-text-hover, var(--kd-g-color-theme-5, #87adff))
}

.kd-btn-text:active {
  color: var(--kd-c-button-text-color-text-active, var(--kd-g-color-theme-7, #375cca))
}

.kd-btn-text[disabled] {
  color: var(--kd-c-button-text-color-text-disabled, var(--kd-g-color-theme-4, #b5cfff)) !important
}

.kd-btn-no-border {
  border: none
}

.kd-btn:disabled,
.kd-btn[disabled] {
  cursor: not-allowed
}

.kd-btn-background-ghost,
.kd-btn-background-ghost:active,
.kd-btn-background-ghost:hover {
  background-color: transparent
}

.kd-btn-background-ghost.kd-btn-primary {
  color: var(--kd-c-button-background-ghost-color-text, var(--kd-g-color-theme, #5582f3))
}

.kd-btn-background-ghost.kd-btn-primary:hover {
  color: var(--kd-c-button-background-ghost-color-text-hover, var(--kd-g-color-white, #fff))
}

.kd-btn-loading {
  cursor: default;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.kd-btn-block {
  width: 100%
}

.kd-btn .btn-space {
  margin-left: 4px
}

.kd-btn-group {
  display: inline-block
}

.kd-btn-group-basic .kd-btn {
  padding-top: 0;
  padding-bottom: 0
}

.kd-btn-group-basic-icon {
  margin-left: 4px
}

.kd-btn-group-similar .kd-btn-group-trigger .kd-btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: -1px
}

.kd-btn-group-similar .kd-btn-group-trigger .kd-btn-primary {
  background: var(--kd-c-button-group-trigger-color-background, var(--kd-g-color-theme-7, #375cca))
}

.kd-btn-group-similar .kd-btn-group-trigger .kd-btn-primary:hover {
  background: var(--kd-c-button-group-trigger-color-background-hover, var(--kd-g-color-theme-6, #5582f3));
  border-color: var(--kd-c-button-group-trigger-color-background-hover, var(--kd-g-color-theme-6, #5582f3))
}

.kd-btn-group-similar .kd-btn-group-trigger .kd-btn-primary:active {
  background: var(--kd-c-button-group-trigger-color-background-active, var(--kd-g-color-theme-8, #1f3ba1))
}

.kd-btn-group-similar .kd-btn-group-trigger .kd-btn-primary:disabled {
  background: var(--kd-c-button-group-trigger-color-background-disabled, var(--kd-g-color-theme-5, #87adff)) !important
}

.kd-btn-group-similar>.kd-btn:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}

.kd-btn-group-similar>.kd-btn:first-child:hover {
  z-index: 1
}

.kd-btn-group .kd-btn-size-large,
.kd-btn-group .kd-btn-size-middle,
.kd-btn-group .kd-btn-size-small {
  min-width: unset
}

.kd-btn-group .kd-dropdown-menu {
  padding: 0
}

.kd-btn-group-dropdown {
  -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .2);
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .2);
  background: var(--kd-c-button-group-dropdown-color-background, #fff);
  color: #333;
  min-width: var(--kd-c-button-group-dropdown-min-width, 80px)
}

.kd-btn-group-dropdown-item {
  height: var(--kd-c-button--group-dropdown-item-height, 30px);
  line-height: var(--kd-c-button--group-dropdown-item-height, 30px);
  cursor: pointer;
  padding: 0 var(--kd-c-button-group-dropdown-item-horizonta, 12px)
}

.kd-btn-group-dropdown-item:hover {
  background: var(--kd-c-button-group-dropdown-item-color-background-hover, #f5f5f5)
}

.kd-btn-group-dropdown-item:not(:last-child) {
  border-bottom: 1px solid var(--kd-c-button-group-dropdown-item-border-color, #e5e5e5)
}

.kd-btn-group.bottomLeft.hidden,
.kd-btn-group.bottomRight.hidden,
.kd-btn-group.topLeft.hidden,
.kd-btn-group.topRight.hidden {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .2s cubic-bezier(.4, 0, .6, 1);
  transition: all .2s cubic-bezier(.4, 0, .6, 1)
}

.kd-card {
  position: relative;
  background-color: var(--kd-c-card-color-background, var(--kd-g-color-white, #fff));
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .2);
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .2)
}

.kd-card.hoverable:hover {
  -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .2);
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .2)
}

.kd-card .kd-card-header {
  height: var(--kd-c-card-sizing-title-height, 40px);
  padding: 0 58px 0 var(--kd-c-card-spacing-padding-horizontal, 12px);
  line-height: 40px;
  font-size: var(--kd-c-card-title-font-size, var(--kd-g-font-size-middle, 14px));
  color: var(--kd-c-card-title-color, var(--kd-g-color-text-primary, #212121));
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.kd-card .kd-card-avatar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 64px;
  padding: 0 var(--kd-c-card-spacing-padding-horizontal, 12px)
}

.kd-card .kd-card-avatar .kd-card-avatar-img {
  width: 42px;
  height: 42px;
  margin-right: var(--kd-c-card-spacing-padding-vertical, 8px);
  overflow: hidden
}

.kd-card .kd-card-avatar .kd-card-avatar-img.circle {
  border-radius: 50%
}

.kd-card .kd-card-avatar .kd-card-avatar-img img {
  width: 100%;
  height: 100%
}

.kd-card .kd-card-avatar .kd-card-avatar-title {
  font-size: var(--kd-c-card-title-font-size, var(--kd-g-font-size-middle, 14px));
  color: var(--kd-c-card-title-color, var(--kd-g-color-text-primary, #212121))
}

.kd-card .kd-card-avatar .kd-card-avatar-desc {
  font-size: var(--kd-c-card-content-font-size, var(--kd-g-font-size-small, 12px));
  color: var(--kd-c-card-content-color, var(--kd-g-color-text-secondary, #666))
}

.kd-card .kd-checkbox {
  position: absolute;
  top: var(--kd-c-card-spacing-padding-horizontal, 12px);
  right: var(--kd-c-card-spacing-padding-horizontal, 12px)
}

.kd-card .kd-card-tags {
  padding: 4px var(--kd-c-card-spacing-padding-horizontal, 12px)
}

.kd-card .kd-card-tags .kd-tag:not(:last-child) {
  margin-right: var(--kd-c-card-spacing-padding-vertical, 8px)
}

.kd-card .kd-card-body {
  padding: var(--kd-c-card-spacing-padding-vertical, 8px) var(--kd-c-card-spacing-padding-horizontal, 12px);
  font-size: var(--kd-c-card-content-font-size, var(--kd-g-font-size-small, 12px));
  color: var(--kd-c-card-content-color, var(--kd-g-color-text-secondary, #666))
}

.kd-card .kd-card-actions {
  height: 32px;
  padding: 0 var(--kd-c-card-spacing-padding-horizontal, 12px);
  line-height: 32px;
  text-align: right;
  background-color: #fafafa
}

.kd-card .kd-card-actions>a {
  margin-left: 16px;
  font-size: var(--kd-c-card-content-font-size, var(--kd-g-font-size-small, 12px));
  color: var(--kd-c-card-actions-color, var(--kd-g-color-theme, #5582f3))
}

.kd-card .kd-card-actions>a:hover {
  color: var(--kd-c-card-actions-color-hover, var(--kd-g-color-theme-5, #87adff))
}

.kd-card .kd-card-actions>a:active {
  color: var(--kd-c-card-actions-color-active, var(--kd-g-color-theme-7, #375cca))
}

.kd-card-extra {
  position: absolute;
  top: 6px;
  right: 4px
}

.kd-card-extra i {
  font-size: 22px;
  width: 32px;
  cursor: pointer
}

.kd-card-lists-icon {
  font-size: 32px;
  position: absolute;
  top: 6px;
  right: 40px
}

.kd-carousel-root {
  width: 100%;
  -ms-flex-direction: row;
  flex-direction: row;
  overflow: hidden;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.kd-carousel-list,
.kd-carousel-root {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal
}

.kd-carousel-list {
  list-style: none;
  -ms-flex-direction: row;
  flex-direction: row
}

.kd-carousel-list-item {
  position: relative;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  height: 100%;
  width: 100%
}

.kd-carousel-list-slide {
  width: 100%
}

.kd-carousel-list-slide .kd-carousel-list-item {
  opacity: 1;
  border-radius: var(--kd-c-carousel-border-radius, 0)
}

.kd-carousel-list-slide .kd-carousel-list-item-animation {
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease
}

.kd-carousel-list-slide .kd-carousel-list-item-none-animation {
  -webkit-transition: none;
  transition: none
}

.kd-carousel-list-slide .kd-carousel-list-item-not-hidden {
  opacity: 1
}

.kd-carousel-list-slide .kd-carousel-list-item-hidden {
  opacity: 0
}

.kd-carousel-list-fade {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.kd-carousel-list-fade .kd-carousel-list-item {
  opacity: 1
}

.kd-carousel-list-fade .kd-carousel-list-item-animation {
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease
}

.kd-carousel-list-fade .kd-carousel-list-item-none-animation {
  -webkit-transition: none;
  transition: none
}

.kd-carousel-list-fade .kd-carousel-list-item-not-hidden {
  opacity: 1
}

.kd-carousel-list-fade .kd-carousel-list-item-hidden {
  opacity: 0
}

.kd-carousel-list-display {
  width: 100%
}

.kd-carousel-list-display .kd-carousel-list-item,
.kd-carousel-list-display .kd-carousel-list-item-not-hidden {
  display: block
}

.kd-carousel-list-display .kd-carousel-list-item-hidden {
  display: none
}

.kd-carousel-slidebar {
  position: absolute
}

.kd-carousel-slidebar-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: var(--kd-c-carousel-spacing-margin-left, 12px)
}

.kd-carousel-slidebar-left>li {
  margin: var(--kd-c-carousel-dots-spacing-margin, 4px) 0;
  width: var(--kd-c-carousel-dots-sizing-height, 4px);
  height: var(--kd-c-carousel-dots-sizing-width, 12px)
}

.kd-carousel-slidebar-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: var(--kd-c-carousel-spacing-margin-right, 12px)
}

.kd-carousel-slidebar-right>li {
  margin: var(--kd-c-carousel-dots-spacing-margin, 4px) 0;
  width: var(--kd-c-carousel-dots-sizing-height, 4px);
  height: var(--kd-c-carousel-dots-sizing-width, 12px)
}

.kd-carousel-slidebar-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: var(--kd-c-carousel-spacing-margin-bottom, 12px)
}

.kd-carousel-slidebar-bottom>li {
  margin: 0 var(--kd-c-carousel-dots-spacing-margin, 4px);
  height: var(--kd-c-carousel-dots-sizing-height, 4px);
  width: var(--kd-c-carousel-dots-sizing-width, 12px)
}

.kd-carousel-slidebar-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  top: var(--kd-c-carousel-spacing-margin-top, 12px)
}

.kd-carousel-slidebar-top>li {
  margin: 0 var(--kd-c-carousel-dots-spacing-margin, 4px);
  height: var(--kd-c-carousel-dots-sizing-height, 4px);
  width: var(--kd-c-carousel-dots-sizing-width, 12px)
}

.kd-carousel-slidebar-dot>button {
  background-color: var(--kd-c-carousel-dots-color-background, #d8d8d8)
}

.kd-carousel-slidebar-dot,
.kd-carousel-slidebar-dot>button {
  display: block;
  border-radius: var(--kd-c-carousel-dots-border-radius, 2px);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 0;
  height: 100%;
  padding: 0;
  width: 100%;
  cursor: pointer;
  outline: none
}

.kd-carousel-slidebar-dot-active {
  opacity: 1
}

.kd-carousel-slidebar-dot-active>button {
  background-color: var(--kd-c-carousel-dots-color-hover, #666);
  opacity: 1
}

.vertical {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.vertical>li {
  margin: var(--kd-c-carousel-dots-spacing-margin, 4px) 0;
  width: var(--kd-c-carousel-dots-sizing-height, 4px);
  height: var(--kd-c-carousel-dots-sizing-width, 12px)
}

.horizontal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

.horizontal>li {
  margin: 0 var(--kd-c-carousel-dots-spacing-margin, 4px);
  height: var(--kd-c-carousel-dots-sizing-height, 4px);
  width: var(--kd-c-carousel-dots-sizing-width, 12px)
}

.kd-cascader-picker {
  position: relative;
  display: inline-block;
  outline: none;
  cursor: pointer
}

.kd-cascader-picker:focus>.kd-cascader-picker-input {
  border-color: var(--kd-c-cascader-color-active, var(--kd-g-color-theme, #5582f3))
}

.kd-cascader-picker:focus>.kd-cascader-picker-input .kd-input-suffix,
.kd-cascader-picker:focus>.kd-cascader-picker-input i[class*=kdicon],
.kd-cascader-picker:hover>.kd-cascader-picker-input .kd-input-suffix,
.kd-cascader-picker:hover>.kd-cascader-picker-input i[class*=kdicon] {
  color: var(--kd-c-cascader-color-active, var(--kd-g-color-theme, #5582f3))
}

.kd-cascader-picker.disabled .kd-cascader-picker-input {
  cursor: not-allowed;
  border-color: var(--kd-g-color-border-strong, #d9d9d9)
}

.kd-cascader-picker.disabled .kd-cascader-picker-input .kd-input-suffix,
.kd-cascader-picker.disabled .kd-cascader-picker-input i[class*=kdicon] {
  color: var(--kd-c-cascader-color-text-disabled, var(--kd-g-color-disabled, #b2b2b2))
}

.kd-cascader-picker-label {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 20px;
  padding: 0 24px 0 9px;
  line-height: 20px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.kd-cascader-picker-input {
  background-color: transparent !important;
  -webkit-transition: all .2s;
  transition: all .2s
}

.kd-cascader-picker-input>input {
  color: transparent !important;
  cursor: pointer
}

.kd-cascader-picker-input.expand {
  border-color: var(--kd-c-cascader-color-active, var(--kd-g-color-theme, #5582f3))
}

.kd-cascader-picker-input.expand i[class*=kdicon] {
  color: var(--kd-c-cascader-color-active, var(--kd-g-color-theme, #5582f3));
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.kd-cascader-picker-input .kd-input-suffix,
.kd-cascader-picker-input i[class*=kdicon] {
  -webkit-transition: all .2s;
  transition: all .2s
}

.kd-cascader-picker.allowClear:hover>.kd-cascader-picker-close {
  opacity: 1;
  visibility: visible;
  -webkit-transition: all .2s;
  transition: all .2s;
  -webkit-transform: scale(1) translateY(-50%);
  transform: scale(1) translateY(-50%)
}

.kd-cascader-picker-close,
.kd-cascader-picker.allowClear:hover .kd-input-suffix {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .1s;
  transition: all .1s
}

.kd-cascader-picker-close {
  position: absolute;
  top: 50%;
  right: 9px;
  cursor: pointer;
  color: var(--kd-c-cascader-color-active, var(--kd-g-color-theme, #5582f3));
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: scale(.9) translateY(-50%);
  transform: scale(.9) translateY(-50%)
}

.kd-cascader-menus {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: "tnum";
  font-feature-settings: "tnum";
  color: var(--kd-c-cascader-color-text, var(--kd-g-color-text-primary, #212121));
  border-radius: var(--kd-c-cascader-radius-border, var(--kd-g-radius-border, 2px));
  font-size: var(--kd-c-cascader-font-size, var(--kd-g-font-size-small, 12px));
  font-weight: var(--kd-c-cascader-font-weight, "normal");
  background-color: var(--kd-c-cascader-color-background, var(--kd-g-color-white, #fff));
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .3);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .3);
  opacity: 1;
  visibility: visible;
  z-index: var(--kd-g-z-index-popper, 1050)
}

.kd-cascader-menus.hidden {
  opacity: 0;
  visibility: hidden
}

.kd-cascader-menus .kd-cascader-menu {
  display: inline-table;
  height: var(--kd-c-cascader-sizing-height, 192px);
  min-width: var(--kd-c-cascader-menu-sizing-min-width, 116px);
  margin: 0;
  padding: var(--kd-c-cascader-menu-spacing-padding-vertical, 8px) 0;
  overflow-y: auto
}

.kd-cascader-menus .kd-cascader-menu:not(:first-child) {
  border-left: 1px solid var(--kd-g-color-border-strong, #d9d9d9)
}

.kd-cascader-menus .kd-cascader-menu-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 var(--kd-c-cascader-menu-item-spacing-padding-horizontal, 12px);
  line-height: var(--kd-c-cascader-menu-item-sizing-height, 32px);
  cursor: pointer
}

.kd-cascader-menus .kd-cascader-menu-item:not(.disabled, .selected):hover {
  background-color: var(--kd-c-cascader-color-background-hover, var(--kd-g-color-hover, #f5f5f5));
  -webkit-transition: all calc(var(--kd-g-duration, .3s) - .1s) var(--kd-g-ease, cubic-bezier(.4, 0, .6, 1));
  transition: all calc(var(--kd-g-duration, .3s) - .1s) var(--kd-g-ease, cubic-bezier(.4, 0, .6, 1))
}

.kd-cascader-menus .kd-cascader-menu-item.disabled {
  color: var(--kd-c-cascader-color-text-disabled, var(--kd-g-color-disabled, #b2b2b2));
  cursor: not-allowed
}

.kd-cascader-menus .kd-cascader-menu-item.selected {
  color: var(--kd-c-cascader-color-text-selected, var(--kd-g-color-theme, #5582f3));
  background-color: var(--kd-c-cascader-color-background-selected, var(--kd-g-color-background-ongoing, #f2f9ff))
}

.kd-cascader-menus .kd-cascader-menu-item-label {
  width: 72px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.kd-cascader-menus .kd-cascader-menu-item.last .kd-cascader-menu-item-label {
  width: 92px
}

.kd-cascader-menus .kd-empty {
  padding: 10px 0 20px
}

.kd-checkbox {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  cursor: pointer;
  position: relative;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: var(--kd-c-checkbox-font-size, var(--kd-g-font-size-small, 12px));
  color: var(--kd-c-checkbox-color-text-primary, #212121);
  line-height: 18px
}

.kd-checkbox,
.kd-checkbox-no-child {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.kd-checkbox-no-child {
  height: var(--kd-c-checkbox-default-input-sizing-height, 14px);
  width: var(--kd-c-checkbox-default-input-sizing-width, 14px)
}

.kd-checkbox-group>:not(:last-child) {
  margin-right: var(--kd-c-checkbox-group-spacing-margin-right, 12px)
}

.kd-checkbox-input {
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
  cursor: inherit;
  opacity: 0
}

.kd-checkbox-children {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 999;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.kd-checkbox-children .kd-input-underline {
  background-color: transparent;
  border-bottom: none
}

.kd-checkbox-square {
  border-radius: 2px;
  border: 1px solid var(--kd-c-checkbox-color-border, #d9d9d9);
  padding: var(--kd-c-checkbox-square-spacing-padding-horizontal, 7px) var(--kd-c-checkbox-square-spacing-padding-vertical, 12px);
  -webkit-transition: color var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, .3s)), border-color var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, .3s));
  transition: color var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, .3s)), border-color var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, .3s))
}

.kd-checkbox-square:not(.kd-checkbox-square-disabled):after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: inherit;
  opacity: .2;
  -webkit-box-shadow: 0 0 0 0 var(--kd-c-checkbox-color-theme, var(--kd-g-color-theme, #5582f3));
  box-shadow: 0 0 0 0 var(--kd-c-checkbox-color-theme, var(--kd-g-color-theme, #5582f3))
}

.kd-checkbox-square:hover {
  color: var(--kd-c-checkbox-color-text-hover, var(--kd-g-color-theme, #5582f3));
  border-color: var(--kd-c-checkbox-color-border-active, var(--kd-g-color-theme, #5582f3))
}

.kd-checkbox-square-triangle,
.kd-checkbox-square-triangle-checked {
  position: absolute;
  content: "";
  height: 0;
  width: 0;
  right: 0;
  bottom: 0;
  border-top: 0 solid transparent;
  border-right: 0 solid transparent;
  border-left: var(--kd-c-checkbox-square-triangle-sizing-width, 18px) solid transparent;
  border-bottom: var(--kd-c-checkbox-square-triangle-sizing-height, 18px) solid var(--kd-c-checkbox-color-border-active, var(--kd-g-color-theme, #5582f3))
}

.kd-checkbox-square-triangle {
  -webkit-animation: kdZoomBounceLeaveEffect calc(var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, .3s)) - .1s) cubic-bezier(0, .4, .4, 1) forwards;
  animation: kdZoomBounceLeaveEffect calc(var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, .3s)) - .1s) cubic-bezier(0, .4, .4, 1) forwards;
  -webkit-transition: all var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, .3s)) cubic-bezier(.4, 0, .6, 1);
  transition: all var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, .3s)) cubic-bezier(.4, 0, .6, 1);
  visibility: hidden;
  opacity: 0
}

.kd-checkbox-square-inner {
  position: absolute;
  height: 9px;
  width: 11px;
  color: var(--kd-c-checkbox-square-input-icon-color, #fff);
  font-size: var(--kd-c-checkbox-default-input-icon-font-size, 12px);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transform: translate(-100%, 100%);
  transform: translate(-100%, 100%)
}

.kd-checkbox-square-inner-icon {
  font-size: inherit;
  line-height: 100%;
  -webkit-animation: kdZoomLeaveEffect calc(var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, .3s)) - .1s) cubic-bezier(0, .4, .4, 1);
  animation: kdZoomLeaveEffect calc(var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, .3s)) - .1s) cubic-bezier(0, .4, .4, 1)
}

.kd-checkbox-square-triangle-disabled {
  border-bottom-color: var(--kd-c-checkbox-color-text-disabled, var(--kd-g-color-disabled, #b2b2b2))
}

.kd-checkbox-square-disabled,
.kd-checkbox-square-disabled:hover {
  border-color: var(--kd-c-checkbox-color-border, #d9d9d9);
  color: var(--kd-c-checkbox-color-text-disabled, var(--kd-g-color-disabled, #b2b2b2));
  background-color: var(--kd-c-checkbox-color-background-disabled, var(--kd-g-color-background-contain-disabled, #f5f5f5));
  cursor: not-allowed !important
}

.kd-checkbox-square-checked {
  border-color: var(--kd-c-checkbox-color-border-active, var(--kd-g-color-theme, #5582f3))
}

.kd-checkbox-square-checked:not(.kd-checkbox-square-checked-disabled):after {
  -webkit-animation: fadeEffect calc(var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, .3s)) + .1s) cubic-bezier(0, .4, .4, 1) forwards, waveEffect calc(var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, .3s)) - .1s) cubic-bezier(0, .4, .4, 1) forwards;
  animation: fadeEffect calc(var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, .3s)) + .1s) cubic-bezier(0, .4, .4, 1) forwards, waveEffect calc(var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, .3s)) - .1s) cubic-bezier(0, .4, .4, 1) forwards
}

.kd-checkbox-square-checked .kd-checkbox-square-triangle-checked:not(.kd-checkbox-square-disabled) {
  -webkit-animation: kdZoomBounceEffect calc(var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, .3s)) - .1s) cubic-bezier(.4, 0, .6, 1);
  animation: kdZoomBounceEffect calc(var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, .3s)) - .1s) cubic-bezier(.4, 0, .6, 1)
}

.kd-checkbox-square-checked .kd-checkbox-square-inner-icon:not(.kd-checkbox-square-disabled) {
  -webkit-animation: kdZoomEffect calc(var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, .3s)) - .1s) cubic-bezier(0, .4, .4, 1);
  animation: kdZoomEffect calc(var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, .3s)) - .1s) cubic-bezier(0, .4, .4, 1)
}

.kd-checkbox-square-checked-disabled {
  background-color: var(--kd-c-checkbox-color-background-disabled, var(--kd-g-color-background-contain-disabled, #f5f5f5)) !important;
  border-color: var(--kd-c-checkbox-color-background-disabled, var(--kd-g-color-background-contain-disabled, #f5f5f5)) !important;
  cursor: not-allowed !important
}

.kd-checkbox-square-wrapper {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: var(--kd-c-checkbox-default-input-sizing-height, 14px);
  width: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  opacity: 0
}

.kd-checkbox-square.checked .kd-checkbox-children {
  color: var(--kd-c-checkbox-color-text-primary, #212121)
}

.kd-checkbox-default {
  border: none;
  padding: var(--kd-c-checkbox-default-spacing-padding, 0);
  -webkit-transition: color var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, .3s)), border-color var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, .3s));
  transition: color var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, .3s)), border-color var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, .3s))
}

.kd-checkbox-default:hover,
.kd-checkbox-default:hover .kd-checkbox-default-wrapper {
  color: var(--kd-c-checkbox-color-text-hover, var(--kd-g-color-theme, #5582f3));
  border-color: var(--kd-c-checkbox-color-border-active, var(--kd-g-color-theme, #5582f3));
  cursor: pointer
}

.kd-checkbox-default-disabled,
.kd-checkbox-default-disabled:hover,
.kd-checkbox-default-disabled:hover .kd-checkbox-default-wrapper {
  color: var(--kd-c-checkbox-color-text-disabled, var(--kd-g-color-disabled, #b2b2b2));
  border-color: var(--kd-c-checkbox-color-border, #d9d9d9);
  cursor: not-allowed !important
}

.kd-checkbox-default-wrapper {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background-color: var(--kd-c-checkbox-color-background, var(--kd-g-color-background, #fff));
  border: var(--kd-c-checkbox-default-input-border-width, 1px) solid var(--kd-c-checkbox-color-border, #d9d9d9);
  border-radius: var(--kd-c-checkbox-default-input-radius-border, 2px);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: color var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, .3s)), border-color var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, .3s));
  transition: color var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, .3s)), border-color var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, .3s))
}

.kd-checkbox-default-wrapper:not(.kd-checkbox-default-wrapper-disabled):after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: inherit;
  opacity: .2;
  -webkit-box-shadow: 0 0 0 0 var(--kd-c-checkbox-color-theme, var(--kd-g-color-theme, #5582f3));
  box-shadow: 0 0 0 0 var(--kd-c-checkbox-color-theme, var(--kd-g-color-theme, #5582f3))
}

.kd-checkbox-default-wrapper-size {
  height: var(--kd-c-checkbox-default-input-sizing-height, 14px);
  width: var(--kd-c-checkbox-default-input-sizing-width, 14px)
}

.kd-checkbox-default-margin {
  margin-right: var(--kd-c-checkbox-default-input-spacing-margin-right, 4px)
}

.kd-checkbox-default-no-child {
  height: 100%;
  width: 100%
}

.kd-checkbox-default-checked-disabled {
  background-color: var(--kd-c-checkbox-default-color-background-disabled, #e5e5e5) !important;
  border-color: var(--kd-c-checkbox-default-color-background-disabled, #d9d9d9) !important;
  cursor: not-allowed !important
}

.kd-checkbox-default-checked-disabled .kd-checkbox-default-inner {
  color: var(--kd-c-checkbox-color-text-disabled, var(--kd-g-color-disabled, #b2b2b2))
}

.kd-checkbox-default-checked {
  background-color: var(--kd-c-checkbox-color-border-active, var(--kd-g-color-theme, #5582f3));
  border-color: var(--kd-c-checkbox-color-border-active, var(--kd-g-color-theme, #5582f3));
  -webkit-transition: background-color calc(var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, .3s)) - .1s) cubic-bezier(0, .4, .4, 1), border-color calc(var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, .3s)) - .1s) cubic-bezier(0, .4, .4, 1);
  transition: background-color calc(var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, .3s)) - .1s) cubic-bezier(0, .4, .4, 1), border-color calc(var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, .3s)) - .1s) cubic-bezier(0, .4, .4, 1)
}

.kd-checkbox-default-checked:not(.kd-checkbox-default-checked-disabled):after {
  -webkit-animation: fadeEffect calc(var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, .3s)) + .1s) cubic-bezier(0, .4, .4, 1) forwards, waveEffect calc(var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, .3s)) - .1s) cubic-bezier(0, .4, .4, 1) forwards;
  animation: fadeEffect calc(var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, .3s)) + .1s) cubic-bezier(0, .4, .4, 1) forwards, waveEffect calc(var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, .3s)) - .1s) cubic-bezier(0, .4, .4, 1) forwards
}

.kd-checkbox-default-inner:not(.kd-checkbox-default-checked-disabled .kd-checkbox-default-inner) {
  -webkit-animation: kdZoomBounceDefaultEffect calc(var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, .3s)) - .1s) cubic-bezier(.4, 0, .6, 1) !important;
  animation: kdZoomBounceDefaultEffect calc(var(--kd-c-checkbox-motion-duration, var(--kd-g-duration, .3s)) - .1s) cubic-bezier(.4, 0, .6, 1) !important
}

.kd-checkbox-default-inner {
  position: absolute;
  color: var(--kd-c-checkbox-default-input-icon-color, #fff);
  font-size: var(--kd-c-checkbox-default-input-icon-font-size, 12px);
  height: 100%;
  width: 100%;
  top: 5%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.kd-checkbox-default-inner-icon {
  font-size: inherit;
  line-height: 100%
}

.kd-checkbox-default-indeterminate:before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: var(--kd-c-checkbox-default-indeterminate-sizing-square, 6px);
  height: var(--kd-c-checkbox-default-indeterminate-sizing-square, 6px);
  background-color: var(--kd-c-checkbox-color-border-active, var(--kd-g-color-theme, #5582f3));
  border: 0;
  -webkit-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  content: " "
}

.kd-checkbox-default-indeterminate .kd-checkbox-children,
.kd-checkbox-default.checked .kd-checkbox-children {
  color: var(--kd-c-checkbox-color-text-primary, #212121)
}

.kd-city-picker-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  border-bottom: 1px solid #999
}

.kd-city-picker-container .kd-city-picker-content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 14px;
  color: #999;
  letter-spacing: 0;
  line-height: 21px
}

.kd-city-picker-container .kd-city-picker-title {
  margin-bottom: 9px;
  font-size: 12px;
  color: #666;
  letter-spacing: 0;
  line-height: 18px
}

.kd-city-picker-container .kd-city-picker-info {
  margin-right: 20px
}

.kd-city-picker-container .kd-city-picker-input {
  border: 0;
  outline: none;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  width: 50%;
  color: #212121
}

.kd-city-picker-container .kd-city-picker-arrow {
  font-size: 16px;
  position: absolute;
  right: 0;
  bottom: 0;
  -webkit-transition: -webkit-transform .2s ease;
  transition: -webkit-transform .2s ease;
  transition: transform .2s ease;
  transition: transform .2s ease, -webkit-transform .2s ease
}

.kd-city-picker-container .kd-city-picker-arrow.arrow-up {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.kd-city-picker-panel-container {
  width: var(--kd-c-city-picker-panel-sizing-width, 460px);
  height: var(--kd-c-city-picker-panel-sizing-height, 373px);
  font-size: var(--kd-c-city-picker-panel-font-size, 12px);
  line-height: 18px;
  letter-spacing: 0
}

.kd-city-picker-panel-container .kd-city-picker-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center
}

.kd-city-picker-panel-container .kd-city-picker-header .kd-city-picker-tab-item {
  position: relative;
  cursor: pointer;
  padding: 3px 0
}

.kd-city-picker-panel-container .kd-city-picker-header .kd-city-picker-tab-item.active {
  color: var(--kd-c-city-picker-color, var(--kd-g-color-theme, #5582f3));
  z-index: 1
}

.kd-city-picker-panel-container .kd-city-picker-header .kd-city-picker-tab-item.active:before {
  z-index: -1;
  background: #fff
}

.kd-city-picker-panel-container .kd-city-picker-header .kd-city-picker-header-domestic {
  width: 94px
}

.kd-city-picker-panel-container .kd-city-picker-header .kd-city-picker-header-domestic:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -2;
  background: var(--kd-c-city-picker-color-background, var(--kd-g-color-background-contain, #fafafa));
  border-radius: 2px 4px 0 0;
  -webkit-transform: scaleY(1.25) perspective(18px) rotateX(10deg);
  transform: scaleY(1.25) perspective(18px) rotateX(10deg);
  -webkit-transform-origin: bottom left;
  transform-origin: bottom left;
  -webkit-box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, .2);
  box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, .2)
}

.kd-city-picker-panel-container .kd-city-picker-header .kd-city-picker-header-internation {
  width: 108px;
  margin-left: -13px
}

.kd-city-picker-panel-container .kd-city-picker-header .kd-city-picker-header-internation:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -2;
  background: var(--kd-c-city-picker-color-background, var(--kd-g-color-background-contain, #fafafa));
  border-radius: 4px 4px 0 0;
  -webkit-transform: scaleY(1.25) perspective(18px) rotateX(10deg);
  transform: scaleY(1.25) perspective(18px) rotateX(10deg);
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
  -webkit-box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, .2);
  box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, .2)
}

.kd-city-picker-panel-item {
  margin: 4px 6px;
  padding: 3px 6px;
  color: #212121;
  width: 72px;
  cursor: pointer
}

.kd-city-picker-panel-item:hover {
  background: var(--kd-c-city-picker-color-background-hover, var(--kd-g-color-hover, #f5f5f5));
  border-radius: 2px
}

.kd-city-picker-content-container {
  height: 349px;
  padding: 0 20px 12px;
  background: #fff;
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .2);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .2);
  border-radius: 0 var(--kd-c-city-picker-panel-radius-border, var(--kd-g-radius-border, 2px)) var(--kd-c-city-picker-panel-radius-border, var(--kd-g-radius-border, 2px)) var(--kd-c-city-picker-panel-radius-border, var(--kd-g-radius-border, 2px))
}

.kd-city-picker-group-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: distribute;
  justify-content: space-around
}

.kd-city-picker-group-item {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  padding: 10px 0;
  max-height: 39px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 2px solid #f5f5f5;
  cursor: pointer;
  text-align: center
}

.kd-city-picker-group-item.active,
.kd-city-picker-group-item:hover {
  color: var(--kd-c-city-picker-color, var(--kd-g-color-theme, #5582f3))
}

.kd-city-picker-group-item.active {
  border-bottom: 2px solid var(--kd-c-city-picker-color, var(--kd-g-color-theme, #5582f3))
}

.kd-city-picker-group-item.last {
  -ms-flex-negative: 1;
  flex-shrink: 1
}

.kd-city-picker-city-table {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 10px;
  max-height: calc(100% - 49px);
  overflow: scroll
}

.kd-city-picker-city-table,
.kd-city-picker-city-table .kd-city-picker-city-table-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.kd-city-picker-city-table .kd-city-picker-city-table-group .kd-city-picker-city-table-key {
  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;
  width: 32px;
  height: 32px;
  color: #999;
  margin-right: 32px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0
}

.kd-city-picker-city-table .kd-city-picker-city-table-item-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.kd-city-picker-city-table .kd-city-picker-city-table-cell {
  margin: 4px 6px;
  padding: 3px 6px;
  color: var(--kd-c-city-picker-panel-item-color, var(--kd-g-color-text-primary, #212121));
  cursor: pointer;
  width: 60px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.kd-city-picker-city-table .kd-city-picker-city-table-cell:hover {
  background: var(--kd-c-city-picker-color-background-hover, var(--kd-g-color-hover, #f5f5f5));
  border-radius: 2px
}

.kd-city-picker-search-panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 256px;
  height: 320px;
  padding: 8px 0;
  font-size: 12px;
  color: #212121;
  letter-spacing: 0;
  line-height: 18px;
  overflow: scroll;
  -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .2);
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .2);
  border-radius: 2px;
  background: #fff
}

.kd-city-picker-search-panel .kd-city-picker-search-panel-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 7px 8px;
  cursor: pointer
}

.kd-city-picker-search-panel .kd-city-picker-search-panel-item:hover {
  background: var(--kd-c-city-picker-color-background-hover, var(--kd-g-color-hover, #f5f5f5))
}

.kd-city-picker-search-panel .kd-city-picker-search-panel-item .kd-city-picker-search-panel-item-left {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  max-width: 168px
}

.kd-city-picker-search-panel .kd-city-picker-search-panel-item .kd-city-picker-search-panel-item-right {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  max-width: 112px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: right;
  color: #999
}

.kd-city-picker-search-keyword {
  color: var(--kd-c-city-picker-color, var(--kd-g-color-theme, #5582f3))
}

.kd-city-picker-no-data {
  height: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.kd-city-picker-no-data,
.kd-collapse {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.kd-collapse {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.kd-collapse-panel:last-child {
  border-top: none
}

.kd-collapse-panel {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.kd-collapse-panel-border {
  border: var(--kd-c-collapse-border-width, 1px) solid var(--kd-c-collapse-color-border-strong-2, var(--kd-g-color-border-strong-2, #d9d9d9))
}

.kd-collapse-panel-top {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: var(--kd-c-collapse-header-spacing-padding, 8px 50px 8px 16px);
  background: var(--kd-c-collapse-header-color-background, transparent)
}

.kd-collapse-panel-top-border {
  border-bottom: var(--kd-c-collapse-border-width, 1px) solid var(--kd-c-collapse-color-border-strong-2, var(--kd-g-color-border-strong-2, #d9d9d9))
}

.kd-collapse-panel-left {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1.5
}

.kd-collapse-panel-middle {
  -ms-flex-align: center;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-left: 22px;
  color: var(--kd-c-collapse-header-color-text-secondary, var(--kd-g-color-text-secondary, #666));
  overflow: hidden;
  text-overflow: ellipsis
}

.kd-collapse-panel-middle,
.kd-collapse-panel-right {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
  white-space: nowrap
}

.kd-collapse-panel-right {
  margin-left: 40px;
  -ms-flex-align: center
}

.kd-collapse-panel-extra,
.kd-collapse-panel-header {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--kd-c-collapse-header-color-text-primary, var(--kd-g-color-text-primary, #212121));
  font-size: var(--kd-c-collapse-header-font-size, 16px)
}

.kd-collapse-panel-header {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.kd-collapse-panel-header:hover {
  color: var(--kd-c-collapse-header-color-text-hover, #666)
}

.kd-collapse-panel-icon {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: var(--kd-c-collapse-spacing-margin-right, 6px);
  font-size: var(--kd-c-collapse-icon-font-size, 16px)
}

.kd-collapse-panel-icon:hover,
.kd-collapse-panel-left:hover {
  cursor: pointer
}

.kd-collapse-panel-animation-expand {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg)
}

.kd-collapse-panel-animation-collapse,
.kd-collapse-panel-animation-expand {
  -webkit-transition: -webkit-transform var(--kd-c-collapse-motion-duration, var(--kd-g-duration, .3s));
  transition: -webkit-transform var(--kd-c-collapse-motion-duration, var(--kd-g-duration, .3s));
  transition: transform var(--kd-c-collapse-motion-duration, var(--kd-g-duration, .3s));
  transition: transform var(--kd-c-collapse-motion-duration, var(--kd-g-duration, .3s)), -webkit-transform var(--kd-c-collapse-motion-duration, var(--kd-g-duration, .3s))
}

.kd-collapse-panel-animation-collapse {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}

.kd-collapse-panel-children {
  -webkit-transition: height var(--kd-c-collapse-motion-duration, var(--kd-g-duration, .3s)), opacity var(--kd-c-collapse-motion-duration, var(--kd-g-duration, .3s));
  transition: height var(--kd-c-collapse-motion-duration, var(--kd-g-duration, .3s)), opacity var(--kd-c-collapse-motion-duration, var(--kd-g-duration, .3s));
  background: var(--kd-c-collapse-content-color-background, transparent)
}

.kd-collapse-panel-children,
.kd-collapse-panel-children-hide {
  overflow: hidden;
  opacity: 0;
  padding: var(--kd-c-collapse-content-spacing-padding, 0 16px);
  color: var(--kd-c-collapse-content-color-text-primary, var(--kd-g-color-text-primary, #212121));
  font-size: var(--kd-c-collapse-content-font-size, var(--kd-g-font-size-middle, 14px))
}

.kd-collapse-panel-children-hide {
  height: 0;
  -webkit-transition: height var(--kd-c-collapse-motion-duration, var(--kd-g-duration, .3s)), opacity calc(var(--kd-c-collapse-motion-duration, var(--kd-g-duration, .3s))/2);
  transition: height var(--kd-c-collapse-motion-duration, var(--kd-g-duration, .3s)), opacity calc(var(--kd-c-collapse-motion-duration, var(--kd-g-duration, .3s))/2)
}

.kd-collapse-panel-children-bordered {
  padding: var(--kd-c-collapse-content-bordered-spacing-padding, 12px);
  overflow: hidden
}

.kd-collapse-panel-disabled {
  cursor: not-allowed !important;
  color: var(--kd-c-collapse-color-disabled, raba(178, 178, 178, 1))
}

.kd-date-picker {
  width: var(--kd-c-date-picker-sizing-width, 230px);
  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))
}

.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);
  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-small input {
  font-size: var(--kd-c-date-picker-small-font-size, var(--kd-g-font-size-small, 12px))
}

.kd-date-picker-small .kd-date-picker-clear {
  right: calc(var(--kd-c-date-picker-small-font-size, var(--kd-g-font-size-small, 12px)) + 1px)
}

.kd-date-picker-small.kd-date-picker-range .kd-date-picker-clear {
  right: calc(var(--kd-c-date-picker-small-font-size, var(--kd-g-font-size-small, 12px)) + 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);
  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-large input {
  font-size: var(--kd-c-date-picker-large-font-size, var(--kd-g-font-size-large, 16px))
}

.kd-date-picker-large .kd-date-picker-clear {
  right: calc(var(--kd-c-date-picker-large-font-size, var(--kd-g-font-size-large, 16px)) + 1px)
}

.kd-date-picker-large.kd-date-picker-range .kd-date-picker-clear {
  right: calc(var(--kd-c-date-picker-large-font-size, var(--kd-g-font-size-large, 16px)) + 9px)
}

.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);
  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-middle input {
  font-size: var(--kd-c-date-picker-middle-font-size, var(--kd-g-font-size-middle, 14px))
}

.kd-date-picker-middle .kd-date-picker-clear {
  right: calc(var(--kd-c-date-picker-middle-font-size, var(--kd-g-font-size-middle, 14px)) + 1px)
}

.kd-date-picker-middle.kd-date-picker-range .kd-date-picker-clear {
  right: calc(var(--kd-c-date-picker-middle-font-size, var(--kd-g-font-size-middle, 14px)) + 11px)
}

.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
}

.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
}

.kd-date-picker-disabled,
.kd-date-picker-disabled input {
  cursor: not-allowed !important
}

.kd-date-picker-borderless.kd-date-picker-disabled,
.kd-date-picker-underline.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
}

.kd-date-picker-focused,
.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-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-secondary, #666));
  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, var(--kd-g-color-text-secondary, #666))
}

.kd-date-picker-input input::-moz-input-placeholder {
  color: var(--kd-c-date-picker-input-color-placeholder, var(--kd-g-color-text-secondary, #666))
}

.kd-date-picker-input input::-ms-input-placeholder {
  color: var(--kd-c-date-picker-input-color-placeholder, var(--kd-g-color-text-secondary, #666))
}

.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-placeholder>input {
  color: var(--kd-c-date-picker-input-color-placeholder, var(--kd-g-color-text-secondary, #666))
}

.kd-date-picker-range {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  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 .3s ease-out;
  transition: all .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-secondary, #666));
  line-height: 1;
  pointer-events: none
}

.kd-date-picker-suffix>* {
  vertical-align: top
}

.kd-date-picker:hover .kd-date-picker-clear {
  opacity: 1
}

.kd-date-picker:hover .kd-date-picker-suffix {
  color: var(--kd-c-date-picker-color-background-checked, var(--kd-g-color-theme, #5582f3))
}

.kd-date-picker-clear {
  position: absolute;
  top: 50%;
  color: var(--kd-c-date-picker-icon-color, var(--kd-g-color-disabled, #b2b2b2));
  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-clear-color-background-hover, var(--kd-g-color-theme-5, #87adff))
}

.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-panel {
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
  box-shadow: 0 0 5px rgba(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: 999;
  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 .2s cubic-bezier(.4, 0, .6, 1);
  transition: all .2s cubic-bezier(.4, 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-quarter,
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-year {
  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-month-line,
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-year-warpper {
  display: grid;
  grid-template-columns: 33.33% 33.33% 33.33%
}

.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-calendar-item,
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-month-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-year-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-month-text,
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-quarter-text,
.kd-date-picker-panel .kd-date-picker-warpper .kd-date-picker-year-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
}

.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-end: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-view: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-end: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-view: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
}

.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;
  pointer-events: none
}

.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: 32px;
  height: 32px;
  text-align: center;
  line-height: 32px;
  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: 32px;
  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,
.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: 700;
  cursor: default
}

.kd-date-picker-panel .kd-date-picker-range-start:before {
  left: 50%
}

.kd-date-picker-panel .kd-date-picker-range-end:before {
  right: 50%
}

.kd-date-picker-panel .kd-date-picker-range-end,
.kd-date-picker-panel .kd-date-picker-range-start,
.kd-date-picker-panel .kd-date-picker-range-view {
  position: relative
}

.kd-date-picker-panel .kd-date-picker-range-end:before,
.kd-date-picker-panel .kd-date-picker-range-start:before,
.kd-date-picker-panel .kd-date-picker-range-view: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, .25);
  background: 0 0;
  border: 0;
  cursor: pointer;
  -webkit-transition: color .3s;
  transition: color .3s
}

.kd-date-picker-panel .kd-date-picker-header-icon:hover {
  color: rgba(0, 0, 0, .85)
}

.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,
.kd-date-picker-panel .kd-date-picker-time-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;
  padding: 7px;
  border-bottom: 1px solid #d9d9d9;
  font-weight: 700;
  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: 224px;
  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: 0 0 196px;
  overflow-y: hidden;
  text-align: left;
  -webkit-transition: background .3s;
  transition: background .3s
}

.kd-date-picker-panel .kd-date-picker-time .kd-date-picker-content .kd-date-picker-time-column:not(:first-child) {
  border-left: 1px solid #f0f0f0
}

.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;
  padding: 0 0 0 14px;
  color: rgba(0, 0, 0, .85);
  line-height: 28px;
  border-radius: 0;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: background .3s;
  transition: background .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, .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: 34px;
  border-top: 1px solid #f0f0f0;
  border-bottom: 1px solid transparent;
  padding: 0 16px;
  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-ok-btn,
.kd-date-picker-panel .kd-date-picker-footer .kd-date-picker-today-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: normal;
  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 {
  background: var(--kd-c-date-picker-container-color-background, var(--kd-g-color-background-2, #f2f2f2))
}

.kd-date-picker-container,
.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: .5px solid var(--kd-c-date-picker-container-color-border, var(--kd-g-color-border-weak, #e5e5e5))
}

.drawer-container-placement-horizontal {
  top: 0;
  bottom: 0
}

.drawer-container-placement-vertical,
.kd-drawer {
  left: 0;
  right: 0
}

.kd-drawer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: var(--kd-g-z-index-dialog, 1050);
  position: fixed;
  top: 0;
  bottom: 0
}

.kd-drawer-active .kd-drawer-mask {
  opacity: 1;
  visibility: visible;
  -webkit-transition: all calc(var(--kd-g-duration, .3s) - .1s) var(--kd-g-ease-out, cubic-bezier(0, .4, .4, 1));
  transition: all calc(var(--kd-g-duration, .3s) - .1s) var(--kd-g-ease-out, cubic-bezier(0, .4, .4, 1))
}

.kd-drawer-hide {
  visibility: hidden;
  -webkit-transition: visibility calc(var(--kd-g-duration, .3s) - .1s) var(--kd-g-ease-out, cubic-bezier(0, .4, .4, 1));
  transition: visibility calc(var(--kd-g-duration, .3s) - .1s) var(--kd-g-ease-out, cubic-bezier(0, .4, .4, 1))
}

.kd-drawer-mask {
  position: fixed;
  background-color: rgba(55, 55, 55, .5);
  z-index: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0;
  -webkit-transition: opacity calc(var(--kd-g-duration, .3s) - .1s) var(--kd-g-ease-out, cubic-bezier(0, .4, .4, 1));
  transition: opacity calc(var(--kd-g-duration, .3s) - .1s) var(--kd-g-ease-out, cubic-bezier(0, .4, .4, 1))
}

.kd-drawer-not-at-body,
.kd-drawer-not-at-body .kd-drawer-mask {
  position: absolute
}

.kd-drawer-container-left,
.kd-drawer-container-right {
  top: 0;
  bottom: 0
}

.kd-drawer-container-bottom,
.kd-drawer-container-top {
  left: 0;
  right: 0
}

.kd-drawer-container-bottom .kd-drawer-body,
.kd-drawer-container-top .kd-drawer-body {
  max-height: var(--kd-c-drawer-body-max-height-vertical, 470px);
  overflow-y: auto
}

.kd-drawer-container-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background: var(--kd-c-drawer-color-background, var(--kd-g-color-background, #fff));
  -webkit-box-shadow: -4px 0 10px 0 rgba(0, 0, 0, .1);
  box-shadow: -4px 0 10px 0 rgba(0, 0, 0, .1);
  -webkit-transition: all calc(var(--kd-g-duration, .3s) - .1s) var(--kd-g-ease-out, cubic-bezier(0, .4, .4, 1));
  transition: all calc(var(--kd-g-duration, .3s) - .1s) var(--kd-g-ease-out, cubic-bezier(0, .4, .4, 1))
}

.kd-drawer-container-box .kd-drawer-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: var(--kd-c-drawer-header-sizing-padding-vertical, 12px) var(--kd-c-drawer-header-sizing-padding-horizontal, 16px);
  border-bottom: var(--kd-c-drawer-dividing-sizing-width, 1px) solid var(--kd-c-drawer-dividing-color-border, var(--kd-g-color-border-disabled, #ccc))
}

.kd-drawer-container-box .kd-drawer-header .kd-drawer-title {
  letter-spacing: 0;
  line-height: 26px;
  font-size: var(--kd-c-drawer-title-font-size, var(--kd-g-font-size-x-large, 18px));
  color: var(--kd-c-drawer-title-color-text, var(--kd-g-color-text-primary, #212121))
}

.kd-drawer-container-box .kd-drawer-header .kd-drawer-close-icon {
  cursor: pointer
}

.kd-drawer-container-box .kd-drawer-header .kd-drawer-close-icon i {
  color: var(--kd-c-drawer-close-icon-color-text, var(--kd-g-color-text-secondary, #666));
  font-size: var(--kd-c-drawer-close-icon-font-size, var(--kd-g-font-size-large, 16px))
}

.kd-drawer-container-box .kd-drawer-body {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: var(--kd-c-drawer-body-sizing-padding, 16px);
  font-size: var(--kd-g-font-size-middle, 14px)
}

.kd-drawer-container-box .kd-drawer-body,
.kd-drawer-container-box .kd-drawer-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: var(--kd-g-color-text-primary, #212121)
}

.kd-drawer-container-box .kd-drawer-footer {
  min-height: 40px;
  font-size: var(--kd-g-font-size-small, 12px)
}

.kd-dropdown-link {
  color: var(--kd-g-color-theme, #5582f3);
  text-decoration: none;
  background-color: transparent;
  outline: noned;
  cursor: pointer;
  -webkit-transition: color var(--kd-g-duration, .3s), background-color var(--kd-g-duration, .3s);
  transition: color var(--kd-g-duration, .3s), background-color var(--kd-g-duration, .3s);
  -webkit-text-decoration-skip: objects
}

.kd-dropdown-link.disabled,
.kd-dropdown-link.disabled:hover {
  cursor: default;
  color: var(--kd-g-color-disabled, #b2b2b2)
}

.kd-dropdown-link:hover {
  color: var(--kd-g-color-theme-5, #87adff)
}

.kd-dropdown-trigger {
  outline: none
}

.kd-dropdown {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: "tnum";
  font-feature-settings: "tnum";
  opacity: 1;
  visibility: visible;
  z-index: var(--kd-g-z-index-popper, 1050);
  background-color: var(--kd-c-dropdown-menu-color-background, var(--kd-g-color-background, #fff));
  border-radius: var(--kd-g-radius-border, 2px);
  min-width: var(--kd-c-dropdown-menu-sizing-min-width, 64px);
  max-width: var(--kd-c-dropdown-menu-sizing-max-width, 600px);
  -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .2);
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .2)
}

.kd-dropdown.hidden {
  opacity: 0;
  visibility: hidden
}

.kd-dropdown.arrow:before {
  z-index: -2;
  border-style: solid;
  border-width: var(--arrowSize);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.kd-dropdown.arrow:after,
.kd-dropdown.arrow:before {
  position: absolute;
  background: var(--kd-c-dropdown-menu-color-background, var(--kd-g-color-background, #fff));
  content: ""
}

.kd-dropdown.arrow:after {
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: var(--kd-g-radius-border, 2px)
}

.kd-dropdown.arrow.bottom:before,
.kd-dropdown.arrow.bottomLeft:before,
.kd-dropdown.arrow.bottomRight:before {
  left: var(--arrowLeft);
  top: var(--arrowSpill);
  -webkit-box-shadow: -2px -2px 9px rgba(0, 0, 0, .1);
  box-shadow: -2px -2px 9px rgba(0, 0, 0, .1);
  border-left-color: var(--kd-c-dropdown-menu-color-background, var(--kd-g-color-background, #fff));
  border-bottom-color: transparent;
  border-right-color: transparent;
  border-top-color: var(--kd-c-dropdown-menu-color-background, var(--kd-g-color-background, #fff))
}

.kd-dropdown.arrow.top:before,
.kd-dropdown.arrow.topLeft:before,
.kd-dropdown.arrow.topRight:before {
  left: var(--arrowLeft);
  bottom: var(--arrowSpill);
  -webkit-box-shadow: 3px 3px 11px rgba(0, 0, 0, .15);
  box-shadow: 3px 3px 11px rgba(0, 0, 0, .15);
  border-left-color: transparent;
  border-bottom-color: var(--kd-c-dropdown-menu-color-background, var(--kd-g-color-background, #fff));
  border-right-color: var(--kd-c-dropdown-menu-color-background, var(--kd-g-color-background, #fff));
  border-top-color: transparent
}

.kd-dropdown.arrow.left:before,
.kd-dropdown.arrow.leftBottom:before,
.kd-dropdown.arrow.leftTop:before {
  top: var(--arrowTop);
  right: var(--arrowSpill);
  -webkit-box-shadow: 3px 0 10px rgba(0, 0, 0, .12), 0 -2px 10px rgba(204, 149, 149, .12);
  box-shadow: 3px 0 10px rgba(0, 0, 0, .12), 0 -2px 10px rgba(204, 149, 149, .12);
  border-left-color: transparent;
  border-bottom-color: transparent;
  border-right-color: var(--kd-c-dropdown-menu-color-background, var(--kd-g-color-background, #fff));
  border-top-color: var(--kd-c-dropdown-menu-color-background, var(--kd-g-color-background, #fff))
}

.kd-dropdown.arrow.right:before,
.kd-dropdown.arrow.rightBottom:before,
.kd-dropdown.arrow.rightTop:before {
  top: var(--arrowTop);
  left: var(--arrowSpill);
  -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, .1), -2px 0 10px rgba(0, 0, 0, .1);
  box-shadow: 0 3px 10px rgba(0, 0, 0, .1), -2px 0 10px rgba(0, 0, 0, .1);
  border-left-color: var(--kd-c-dropdown-menu-color-background, var(--kd-g-color-background, #fff));
  border-bottom-color: var(--kd-c-dropdown-menu-color-background, var(--kd-g-color-background, #fff));
  border-right-color: transparent;
  border-top-color: transparent
}

.kd-dropdown-menu {
  max-height: var(--kd-c-dropdown-menu-sizing-max-height, 328px);
  padding: var(--kd-c-dropdown-menu-spacing-padding-vertical, 4px) 0;
  overflow-y: auto
}

.kd-dropdown-menu-item {
  position: relative;
  padding: var(--kd-c-dropdown-item-spacing-padding-vertical, 7px) var(--kd-c-dropdown-item-spacing-padding-horizontal, 12px);
  color: var(--kd-c-dropdown-menu-item-color-text, var(--kd-g-color-text-primary, #212121));
  font-size: var(--kd-c-dropdown-font-size, var(--kd-g-font-size-small, 12px));
  line-height: 18px;
  overflow: hidden;
  cursor: pointer;
  -webkit-transition: background-color var(--kd-g-duration, .3s);
  transition: background-color var(--kd-g-duration, .3s)
}

.kd-dropdown-menu-item.disabled,
.kd-dropdown-menu-item.disabled>a {
  color: var(--kd-c-dropdown-item-color-text-disabled, var(--kd-g-color-disabled, #b2b2b2));
  cursor: not-allowed
}

.kd-dropdown-menu-item:not(.disabled):hover {
  background-color: var(--kd-c-dropdown-item-color-background-hover, var(--kd-g-color-hover, #f5f5f5))
}

.kd-dropdown-menu-item:not(.disabled):hover>a {
  color: var(--kd-c-dropdown-item-color-text-hover, var(--kd-g-color-text-primary, #212121))
}

.kd-dropdown-menu-item:not(.disabled).selected,
.kd-dropdown-menu-item:not(.disabled).selected>a,
.kd-dropdown-menu-item:not(.disabled):active,
.kd-dropdown-menu-item:not(.disabled):active>a {
  color: var(--kd-c-dropdown-item-color-text-active, var(--kd-g-color-theme, #5582f3))
}

.kd-dropdown-menu-item.divided:before {
  content: "";
  position: absolute;
  top: 0;
  left: var(--kd-c-dropdown-item-spacing-padding-horizontal, 12px);
  right: var(--kd-c-dropdown-item-spacing-padding-horizontal, 12px);
  height: var(--kd-c-dropdown-divided-sizing-height, 1px);
  background-color: var(--kd-c-dropdown-divided-color-background, var(--kd-g-color-border-weak, #e5e5e5))
}

.kd-dropdown-menu-item.danger,
.kd-dropdown-menu-item.danger>a {
  color: var(--kd-c-dropdown-item-color-text-danger, var(--kd-g-color-error, #fb2323));
  -webkit-transition: color var(--kd-g-duration, .3s), background-color var(--kd-g-duration, .3s);
  transition: color var(--kd-g-duration, .3s), background-color var(--kd-g-duration, .3s)
}

.kd-dropdown-menu-item.danger:hover,
.kd-dropdown-menu-item.danger>a:hover {
  color: var(--kd-g-color-white, #fff);
  background-color: var(--kd-c-dropdown-item-color-background-danger-hover, var(--kd-g-color-error, #fb2323))
}

.kd-dropdown-menu-item>a {
  display: block;
  margin: calc(var(--kd-c-dropdown-item-spacing-padding-vertical, 7px)*-1) calc(var(--kd-c-dropdown-item-spacing-padding-horizontal, 12px)*-1);
  padding: var(--kd-c-dropdown-item-spacing-padding-vertical, 7px) var(--kd-c-dropdown-item-spacing-padding-horizontal, 12px);
  font-size: var(--kd-c-dropdown-font-size, var(--kd-g-font-size-small, 12px));
  line-height: 18px;
  -webkit-transition: color var(--kd-g-duration, .3s);
  transition: color var(--kd-g-duration, .3s)
}

.kd-dropdown-menu-item>a,
.kd-dropdown-menu-item>a:hover {
  color: var(--kd-c-dropdown-menu-item-color-text, var(--kd-g-color-text-primary, #212121))
}

.kd-dropdown-menu-item span {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical
}

.kd-empty {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.kd-empty-image {
  height: var(--kd-c-empty-image-sizing-height, 96px)
}

.kd-empty-image+.kd-empty-description {
  margin-top: 8px
}

.kd-empty-description {
  font-size: var(--kd-c-empty-font-size, var(--kd-g-font-size-middle, 14px));
  color: var(--kd-c-empty-color-text, var(--kd-g-color-text-third, #999))
}

.kd-filter .kd-filter-header {
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  padding: 9px 124px 9px 0
}

.kd-filter .kd-filter-header-title {
  white-space: nowrap;
  color: var(--kd-c-filter-header-title-color-text, var(--kd-g-color-text-primary, #212121));
  font-size: var(--kd-c-filter-header-title-font-size, var(--kd-g-font-size-large, 16px))
}

.kd-filter .kd-filter-header-condition {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin: 0 8px 0 40px
}

.kd-filter .kd-filter-header-condition-label {
  padding-right: 8px;
  font-size: var(--kd-c-filter-condition-label-font-size, var(--kd-g-font-size-middle, 14px));
  white-space: nowrap;
  color: var(--kd-c-filter-condition-label-color-text, var(--kd-g-color-text-third, #999))
}

.kd-filter .kd-filter-header-condition-item-text {
  max-width: 224px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.kd-filter .kd-filter-header-search {
  min-width: 200px
}

.kd-filter .kd-filter-header-handle {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: "tnum";
  font-feature-settings: "tnum";
  position: absolute;
  right: 0;
  bottom: -1px;
  width: 100px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  color: var(--kd-c-filter-handle-color-text, var(--kd-g-color-ongoing, #276ff5));
  font-size: var(--kd-c-filter-handle-font-size, var(--kd-g-font-size-middle, 14px));
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;
  border-bottom: none
}

.kd-filter .kd-filter-header-handle>i {
  -webkit-transition: -webkit-transform .2s linear;
  transition: -webkit-transform .2s linear;
  transition: transform .2s linear;
  transition: transform .2s linear, -webkit-transform .2s linear
}

.kd-filter .kd-filter-header-handle.spread {
  border-radius: 4px 4px 0 0;
  background-color: var(--kd-c-filter-handle-color-background-spread, var(--kd-g-color-background-contain, #fafafa));
  border-color: var(--kd-c-filter-handle-color-border-spread, var(--kd-g-color-border-strong, #d9d9d9))
}

.kd-filter .kd-filter-header-handle.spread>i {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.kd-filter .kd-filter-body {
  position: relative;
  height: 0;
  overflow: hidden
}

.kd-filter .kd-filter-body.spread {
  height: auto;
  overflow: visible;
  padding: 8px 20px;
  border-radius: 4px 0 4px 4px;
  background-color: var(--kd-c-filter-body-color-background, var(--kd-g-color-background-contain, #fafafa));
  border: 1px solid var(--kd-c-filter-body-color-border, var(--kd-g-color-border-strong, #d9d9d9))
}

.kd-filter .kd-filter-body-tabs {
  border-bottom: 1px solid var(--kd-c-filter-body-tabs-color-border, var(--kd-g-color-border-weak, #e5e5e5))
}

.kd-filter .kd-filter-body-tabs-item {
  padding: 10px 0;
  font-size: var(--kd-c-filter-body-tabs-item-font-size, var(--kd-g-font-size-middle, 14px));
  color: var(--kd-c-filter-body-tabs-item-color-text, var(--kd-g-color-text-third, #999));
  cursor: pointer
}

.kd-filter .kd-filter-body-tabs-item.active,
.kd-filter .kd-filter-body-tabs-item:hover {
  color: var(--kd-c-filter-body-tabs-item-color-text-active, var(--kd-g-color-ongoing, #276ff5))
}

.kd-filter .kd-filter-body-tabs-split {
  width: 1px;
  height: 16px;
  background-color: var(--kd-g-color-border-strong, #d9d9d9)
}

.kd-filter .kd-filter-body-conditions {
  display: none
}

.kd-filter .kd-filter-body-conditions.active {
  display: block
}

.kd-filter .kd-filter-body-condition {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: var(--kd-g-font-size-small, 12px)
}

.kd-filter .kd-filter-body-condition:not(:last-child) {
  border-bottom: 1px solid var(--kd-g-color-border-weak, #e5e5e5)
}

.kd-filter .kd-filter-body-condition-label {
  padding: 11px 0 10px;
  color: var(--kd-g-color-text-third, #999);
  line-height: 18px
}

.kd-filter .kd-filter-body-condition-options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-height: 64px;
  margin-left: 24px;
  padding: 8px 0 4px;
  overflow: auto
}

.kd-filter .kd-filter-body-condition-option {
  margin-bottom: 4px;
  padding: 0 12px;
  color: var(--kd-g-color-text-secondary, #666);
  vertical-align: middle;
  line-height: 22px;
  font-size: var(--kd-g-font-size-small, 12px);
  border-radius: var(--kd-g-radius-border, 2px);
  border: 1px solid transparent;
  cursor: pointer;
  white-space: nowrap
}

.kd-filter .kd-filter-body-condition-option:not(:last-child) {
  margin-right: 24px
}

.kd-filter .kd-filter-body-condition-option.active {
  color: #276ff5;
  border-color: #276ff5;
  background-color: var(--kd-g-color-background, #fff)
}

.kd-filter .kd-filter-body-condition-option-customer {
  margin-left: -20px
}

.kd-filter .kd-filter-body-condition-addition {
  margin-left: 24px;
  line-height: 40px
}

.kd-filter .kd-filter-body-scheme {
  display: none
}

.kd-filter .kd-filter-body-scheme.active {
  display: block
}

.kd-filter .kd-filter-body-scheme>li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 40px
}

.kd-filter .kd-filter-body-scheme-label {
  width: 96px;
  color: var(--kd-g-color-text-third, #999);
  font-size: var(--kd-g-font-size-small, 12px)
}

.kd-filter .kd-filter-body-scheme-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.kd-filter .kd-filter-body-scheme-item {
  font-size: var(--kd-g-font-size-small, 12px);
  color: var(--kd-g-color-text-secondary, #666);
  cursor: pointer
}

.kd-filter .kd-filter-body-scheme-item:not(:last-child) {
  margin-right: 48px
}

.kd-filter .kd-filter-body-scheme-item.active {
  color: #276ff5
}

.kd-filter .kd-filter-body-scheme-action {
  position: absolute;
  right: 0
}

.kd-filter .kd-filter-body-scheme-detail {
  list-style: none
}

.kd-filter .kd-filter-body-scheme-detail>li {
  line-height: 40px;
  color: var(--kd-g-color-text-primary, #212121);
  font-size: var(--kd-g-font-size-small, 12px)
}

.kd-filter .kd-filter-body-scheme-detail>li>span {
  display: inline-block
}

.kd-filter .kd-filter-body-scheme-detail>li>span:not(:last-child) {
  margin-right: 12px
}

.kd-filter .kd-filter-body-scheme-detail-field {
  width: 100px
}

.kd-filter .kd-filter-body-scheme-detail-operator {
  width: 140px
}

.kd-filter .kd-filter-body-scheme-detail-value {
  width: 220px
}

.kd-filter .kd-filter-body-scheme-detail-and {
  font-size: var(--kd-g-font-size-middle, 14px)
}

.kd-filter .kd-filter-body-scheme-detail-delete {
  color: var(--kd-g-color-disabled, #b2b2b2);
  font-size: var(--kd-g-font-size-xx-large, 20px);
  cursor: pointer
}

.kd-filter .kd-filter-body-scheme-detail-delete:hover {
  color: var(--kd-g-color-error, #fb2323)
}

.kd-form {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: "tnum";
  font-feature-settings: "tnum"
}

.kd-form-horizontal .kd-form-field,
.kd-form-vertical .kd-form-field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.kd-form-inline .kd-form-field {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex
}

.kd-form-field {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 var(--kd-c-form-field-spacing-margin-right, 30px) var(--kd-c-form-field-spacing-margin-bottom, 22px) 0
}

.kd-form-field-vertical {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.kd-form-field-vertical .kd-form-field-label {
  margin-bottom: 5px
}

.kd-form-field-hidden {
  display: none !important
}

.kd-form-field-label {
  font-size: var(--kd-c-form-field-label-font-size, 12px);
  line-height: var(--kd-c-form-field-label-line-height, 18px);
  color: var(--kd-c-form-field-color, var(--kd-g-color-text-secondary, #666));
  text-align: left;
  margin-right: 30px
}

.kd-form-field-label-right {
  text-align: right
}

.kd-form-field-label-required-mark {
  position: relative
}

.kd-form-field-label-required-mark:after {
  content: "*";
  position: absolute;
  top: -1px;
  right: -9px;
  width: 5px;
  height: 5px;
  line-height: 1;
  color: var(--kd-c-form-error-color, var(--kd-g-color-error, #fb2323))
}

.kd-form-field-wrapper {
  position: relative
}

.kd-form-field-wrapper-message {
  position: absolute;
  left: -7px;
  right: 0;
  padding: var(--kd-c-form-field-message-spacing-padding-horizontal, 2px) var(--kd-c-form-field-message-spacing-padding-vertical, 8px);
  font-size: var(--kd-c-form-field-message-font-size, 12px);
  line-height: var(--kd-c-form-field-message-line-height, 18px);
  color: var(--kd-c-form-error-color, var(--kd-g-color-error, #fb2323));
  word-break: break-word;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.kd-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  row-gap: var(--rgap);
  margin: 0 calc(var(--cgap)*-1/2)
}

.kd-row.nowrap {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap
}

.kd-col {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 calc(var(--cgap)/2)
}

[class^=kdicon] {
  display: inline-block;
  text-align: center;
  vertical-align: middle
}

.icon-spin,
.icon-spin:before {
  -webkit-animation: loadingcircle 2s linear infinite;
  animation: loadingcircle 2s linear infinite
}

.kd-image-cropper-container {
  width: 100%;
  height: 100%
}

.kd-image-cropper-modal-body-container {
  padding: 28px 28px 24px !important
}

.kd-image-cropper-bar-container {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 44px;
  background: #f2f2f2;
  border-radius: 4px
}

.kd-image-cropper-bar-container,
.kd-image-cropper-bar-container .kd-image-cropper-btn-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.kd-image-cropper-bar-container .kd-image-cropper-btn-container {
  padding-left: 28px;
  font-size: 24px
}

.kd-image-cropper-bar-container .kd-image-cropper-btn-container.default {
  border-right: 1px solid #ccc
}

.kd-image-cropper-bar-container .kd-image-cropper-btn-container i {
  margin-right: 20px;
  cursor: pointer
}

.kd-image-cropper-bar-container .ok-btn {
  height: 100%
}

.kd-image-cropper-bar-container-slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 20px;
  margin-right: 20px
}

/*!
* 禁止更新
* Cropper.js v1.5.7
* https://fengyuanchen.github.io/cropperjs
*
* Copyright 2015-present Chen Fengyuan
* Released under the MIT license
*
* Date: 2020-05-23T05:22:57.283Z
*/
.cropper-container {
  direction: ltr;
  font-size: 0;
  height: 100%;
  line-height: 0;
  position: relative;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.cropper-container img {
  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-canvas,
.cropper-crop-box,
.cropper-drag-box,
.cropper-modal,
.cropper-wrap-box {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0
}

.cropper-canvas,
.cropper-wrap-box {
  overflow: hidden
}

.cropper-drag-box {
  background-color: #fff;
  opacity: 0
}

.cropper-modal {
  background-color: #000;
  opacity: .5
}

.cropper-view-box {
  display: block;
  height: 100%;
  outline: 1px solid #39f;
  outline-color: rgba(51, 153, 255, .75);
  overflow: hidden;
  width: 100%
}

.cropper-dashed {
  border: 0 dashed #eee;
  display: block;
  opacity: .5;
  position: absolute
}

.cropper-dashed.dashed-h {
  border-bottom-width: 1px;
  border-top-width: 1px;
  height: 33.33333%;
  left: 0;
  top: 33.33333%;
  width: 100%
}

.cropper-dashed.dashed-v {
  border-left-width: 1px;
  border-right-width: 1px;
  height: 100%;
  left: 33.33333%;
  top: 0;
  width: 33.33333%
}

.cropper-center {
  display: block;
  height: 0;
  left: 50%;
  opacity: .75;
  position: absolute;
  top: 50%;
  width: 0
}

.cropper-center:after,
.cropper-center:before {
  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: .1;
  position: absolute;
  width: 100%
}

.cropper-face {
  background-color: #fff;
  left: 0;
  top: 0
}

.cropper-line {
  background-color: #5582f3
}

.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: #fff;
  border: 1px solid #5582f3;
  height: 5px;
  opacity: .75;
  width: 5px
}

.cropper-point:hover {
  background-color: #5582f3
}

.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;
  right: -3px
}

.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
}

.kd-image {
  position: relative;
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  border-radius: var(--kd-c-image-radius-border, var(--kd-g-radius-border, 2px))
}

.kd-image:not(.error):hover .kd-image-action {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-timing-function: ease-in;
  transition-timing-function: ease-in
}

.kd-image.error .kd-image-img {
  cursor: auto
}

.kd-image-img {
  display: block;
  width: 100%;
  height: auto;
  cursor: pointer
}

.kd-image-action {
  position: absolute;
  bottom: 0;
  height: var(--kd-c-image-action-sizing-height, 28px);
  width: var(--kd-c-image-action-sizing-width, 100%);
  text-align: center;
  opacity: 0;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: all .2s ease-out;
  transition: all .2s ease-out;
  background-color: var(--kd-c-image-action-color-background, rgba(0, 0, 0, .5))
}

.kd-image-action>* {
  color: var(--kd-c-image-icon-color, var(--kd-g-color-white, #fff));
  cursor: pointer;
  display: inline-block;
  font-size: var(--kd-c-image-font-size-x-large, var(--kd-g-font-size-x-large, 18px))
}

.kd-image-action>:not(:first-child) {
  margin-left: 20px
}

.kd-image-preview {
  z-index: 3000;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  -webkit-transform: scale(.15);
  transform: scale(.15);
  visibility: hidden;
  -webkit-transition: all .2s cubic-bezier(.4, 0, 1, .6);
  transition: all .2s cubic-bezier(.4, 0, 1, .6);
  -webkit-overflow-scrolling: touch
}

.kd-image-preview.show {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  visibility: visible;
  -webkit-transition: all .2s cubic-bezier(0, .4, .4, 1);
  transition: all .2s cubic-bezier(0, .4, .4, 1)
}

.kd-image-preview-mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  background-color: rgba(0, 0, 0, .5)
}

.kd-image-preview-close {
  position: absolute;
  top: 18px;
  right: 18px;
  width: calc(var(--kd-c-image-preview-font-size, 28px) - 10px);
  height: calc(var(--kd-c-image-preview-font-size, 28px) - 10px);
  font-size: var(--kd-c-image-preview-font-size, 28px);
  color: var(--kd-c-image-close-color-background, #666);
  cursor: pointer;
  background-color: var(--kd-c-image-icon-color, var(--kd-g-color-white, #fff));
  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;
  border-radius: 50%
}

.kd-image-preview-close:active,
.kd-image-preview-close:hover {
  color: #5582f3
}

.kd-image-preview-wrap {
  position: absolute;
  top: 68px;
  right: 0;
  bottom: 30px;
  left: 0;
  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;
  -webkit-transition: -webkit-transform .3s cubic-bezier(.215, .61, .355, 1) 0s;
  transition: -webkit-transform .3s cubic-bezier(.215, .61, .355, 1) 0s;
  transition: transform .3s cubic-bezier(.215, .61, .355, 1) 0s;
  transition: transform .3s cubic-bezier(.215, .61, .355, 1) 0s, -webkit-transform .3s cubic-bezier(.215, .61, .355, 1) 0s
}

.kd-image-preview-img {
  max-width: 100%;
  max-height: 100%;
  cursor: -webkit-grab;
  cursor: grab
}

.kd-image-preview-action {
  position: absolute;
  left: 50%;
  bottom: 40px;
  width: 240px;
  height: 40px;
  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;
  border-radius: 20px;
  background-color: rgba(0, 0, 0, .5);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

.kd-image-preview-action i {
  color: var(--kd-c-image-icon-color, var(--kd-g-color-white, #fff));
  font-size: var(--kd-c-image-icon-font-size, 26px);
  cursor: pointer
}

.kd-image-preview-action i:active,
.kd-image-preview-action i:hover {
  opacity: .65
}

.kd-image-preview-action i:not(:first-child) {
  margin-left: 20px
}

.kd-image-preview-action i.disabled {
  opacity: .4;
  cursor: not-allowed
}

.kd-image-preview-next,
.kd-image-preview-previous {
  position: absolute;
  top: 50%;
  width: 40px;
  height: 40px;
  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;
  border-radius: 50%;
  color: var(--kd-c-image-icon-color, var(--kd-g-color-white, #fff));
  background-color: rgba(0, 0, 0, .6);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer
}

.kd-image-preview-previous {
  left: 60px
}

.kd-image-preview-next {
  right: 60px
}

.kd-image-preview-topbar {
  position: absolute;
  top: 0;
  width: 100%;
  height: 40px;
  color: var(--kd-c-image-icon-color, var(--kd-g-color-white, #fff));
  line-height: 40px;
  background-color: rgba(0, 0, 0, .9);
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .15);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .15)
}

.kd-image-preview-topbar-info {
  position: absolute;
  left: 40px
}

.kd-image-preview-topbar-info-size {
  padding-left: 12px;
  opacity: .65
}

.kd-image-preview-topbar-action {
  position: absolute;
  right: 40px
}

.kd-image-preview-topbar-action>* {
  display: inline-block;
  margin-left: 20px;
  cursor: pointer
}

.kd-image-preview-topbar-action>* i {
  margin-right: 2px;
  font-size: 18px
}

.kd-inputNumber-baseStep-small {
  width: var(--kd-c-input-number-sizing-height-small, 20px)
}

.kd-inputNumber-baseStep-middle {
  width: var(--kd-c-input-number-sizing-height-middle, 30px)
}

.kd-inputNumber-baseStep-large {
  width: var(--kd-c-input-number-sizing-height-large, 36px)
}

.kd-inputNumber-baseStep .kd-inputNumber-icon {
  color: var(--kd-c-input-number-color-text-baseStep, var(--kd-g-color-text-secondary, #666));
  -webkit-transition: color var(--kd-g-duration, .3s);
  transition: color var(--kd-g-duration, .3s)
}

.kd-inputNumber-baseStep:hover .kd-inputNumber-icon {
  color: var(--kd-c-input-number-color-theme-5, var(--kd-g-color-theme-5, #87adff))
}

.kd-inputNumber-baseStep-decrease {
  border-right: 1px solid var(--kd-c-input-number-color-border-strong, var(--kd-g-color-border-strong, #d9d9d9))
}

.kd-inputNumber-baseStep-decrease.kd-inputNumber-baseStep-large,
.kd-inputNumber-baseStep-decrease.kd-inputNumber-baseStep-middle,
.kd-inputNumber-baseStep-decrease.kd-inputNumber-baseStep-small,
.kd-inputNumber-baseStep-decrease.kd-inputNumber-embedStep-large,
.kd-inputNumber-baseStep-decrease.kd-inputNumber-embedStep-middle,
.kd-inputNumber-baseStep-decrease.kd-inputNumber-embedStep-small {
  margin-left: -9px
}

.kd-inputNumber-baseStep-increase {
  border-left: 1px solid var(--kd-c-input-number-color-border-strong, var(--kd-g-color-border-strong, #d9d9d9))
}

.kd-inputNumber-baseStep-increase.kd-inputNumber-baseStep-large,
.kd-inputNumber-baseStep-increase.kd-inputNumber-baseStep-middle,
.kd-inputNumber-baseStep-increase.kd-inputNumber-baseStep-small,
.kd-inputNumber-baseStep-increase.kd-inputNumber-embedStep-large,
.kd-inputNumber-baseStep-increase.kd-inputNumber-embedStep-middle,
.kd-inputNumber-baseStep-increase.kd-inputNumber-embedStep-small {
  margin-right: -9px
}

.kd-inputNumber-embedStep {
  background-color: var(--kd-c-input-number-color-text, #f6f7f9)
}

.kd-inputNumber-embedStep.kd-inputNumber-baseStep-large,
.kd-inputNumber-embedStep.kd-inputNumber-baseStep-middle,
.kd-inputNumber-embedStep.kd-inputNumber-baseStep-small,
.kd-inputNumber-embedStep.kd-inputNumber-embedStep-large,
.kd-inputNumber-embedStep.kd-inputNumber-embedStep-middle,
.kd-inputNumber-embedStep.kd-inputNumber-embedStep-small {
  margin-right: -9px
}

.kd-inputNumber-embedStep span {
  border-left: 1px solid var(--kd-c-input-number-color-border-strong, var(--kd-g-color-border-strong, #d9d9d9));
  border-bottom: 1px solid var(--kd-c-input-number-color-border-strong, var(--kd-g-color-border-strong, #d9d9d9))
}

.kd-inputNumber-embedStep span .kd-inputNumber-icon {
  -webkit-transition: color var(--kd-g-duration, .3s);
  transition: color var(--kd-g-duration, .3s)
}

.kd-inputNumber-embedStep span:hover .kd-inputNumber-icon {
  color: var(--kd-c-input-number-color-theme-5, var(--kd-g-color-theme-5, #87adff))
}

textarea {
  margin: 0;
  padding: 0;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
  -webkit-appearance: none;
  overflow: auto;
  resize: vertical
}

.kd-input {
  width: 100%;
  min-width: 0;
  border: var(--kd-c-input-sizing-border, 1px) solid var(--kd-c-input-color-border-disabled, var(--kd-g-color-border-strong, #d9d9d9));
  border-radius: var(--kd-c-input-radius-border, var(--kd-g-radius-border, 2px));
  color: var(--kd-c-input-color-text, var(--kd-g-color-text-primary, #212121));
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: var(--kd-c-input-color-background, var(--kd-g-color-white, #fff));
  display: inline-block;
  font-variant: tabular-nums;
  list-style: none;
  background-image: none;
  -webkit-font-feature-settings: "tnum";
  font-feature-settings: "tnum";
  -webkit-transition: border-color var(--kd-c-input-motion-duration, var(--kd-g-duration, .3s));
  transition: border-color var(--kd-c-input-motion-duration, var(--kd-g-duration, .3s))
}

.kd-input::-webkit-input-placeholder {
  color: var(--kd-c-input-placeholder-color-text, var(--kd-g-color-text-placeholder, #ccc)) !important
}

.kd-input::-moz-input-placeholder {
  color: var(--kd-c-input-placeholder-color-text, var(--kd-g-color-text-placeholder, #ccc)) !important
}

.kd-input::-ms-input-placeholder {
  color: var(--kd-c-input-placeholder-color-text, var(--kd-g-color-text-placeholder, #ccc)) !important
}

.kd-input:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none
}

.kd-input:not(.kd-input-disabled):focus,
.kd-input:not(.kd-input-disabled):hover {
  border-color: var(--kd-c-input-color-border-focused, var(--kd-g-color-theme, #5582f3))
}

.kd-input:not(.kd-input-disabled):focus {
  color: #212121
}

.kd-input-countWrapper {
  position: relative;
  display: inline-block;
  width: 100%
}

.kd-input-textarea {
  width: 100%;
  min-width: 0;
  border: var(--kd-c-input-sizing-border, 1px) solid var(--kd-c-input-color-border-disabled, var(--kd-g-color-border-strong, #d9d9d9));
  border-radius: var(--kd-c-input-radius-border, var(--kd-g-radius-border, 2px));
  color: var(--kd-c-input-color-text, var(--kd-g-color-text-primary, #212121));
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: var(--kd-c-input-color-background, var(--kd-g-color-white, #fff));
  display: inline-block;
  font-variant: tabular-nums;
  list-style: none;
  background-image: none;
  -webkit-font-feature-settings: "tnum";
  font-feature-settings: "tnum";
  -webkit-transition: border-color var(--kd-c-input-motion-duration, var(--kd-g-duration, .3s));
  transition: border-color var(--kd-c-input-motion-duration, var(--kd-g-duration, .3s));
  max-width: 100%;
  height: auto;
  vertical-align: bottom
}

.kd-input-textarea::-webkit-input-placeholder {
  color: var(--kd-c-input-placeholder-color-text, var(--kd-g-color-text-placeholder, #ccc)) !important
}

.kd-input-textarea::-moz-input-placeholder {
  color: var(--kd-c-input-placeholder-color-text, var(--kd-g-color-text-placeholder, #ccc)) !important
}

.kd-input-textarea::-ms-input-placeholder {
  color: var(--kd-c-input-placeholder-color-text, var(--kd-g-color-text-placeholder, #ccc)) !important
}

.kd-input-textarea:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none
}

.kd-input-textarea:not(.kd-input-disabled):focus,
.kd-input-textarea:not(.kd-input-disabled):hover {
  border-color: var(--kd-c-input-color-border-focused, var(--kd-g-color-theme, #5582f3))
}

.kd-input-textarea:not(.kd-input-disabled):focus {
  color: #212121
}

.kd-input-textarea-mark {
  position: absolute;
  right: 0;
  top: calc(100% + 1px);
  z-index: 1;
  color: var(--kd-c-input-placeholder-color-text, var(--kd-g-color-text-placeholder, #ccc));
  font-size: var(--kd-c-input-font-size-small, var(--kd-g-font-size-small, 12px))
}

.kd-input-no-resize {
  resize: none
}

.kd-input-borderless {
  border: 0;
  padding-left: 0 !important
}

.kd-input-borderless:focus {
  border: 0
}

.kd-input-underline {
  border: none;
  border-bottom: 1px solid var(--kd-c-input-color-border, #999);
  border-radius: 0;
  padding-left: 0 !important
}

.kd-input-disabled {
  background-color: var(--kd-c-input-color-background-disabled, var(--kd-g-color-background-contain-disabled, #f5f5f5));
  border-color: var(--kd-c-input-color-border-disabled, var(--kd-g-color-border-strong, #d9d9d9));
  color: var(--kd-c-input-affix-color-text, var(--kd-g-color-text-primary, #212121));
  cursor: not-allowed
}

.kd-input-underline.kd-input-disabled {
  color: var(--kd-c-input-color-disabled, var(--kd-g-color-disabled, #b2b2b2));
  background-color: var(--kd-c-input-color-background, var(--kd-g-color-white, #fff));
  border-color: var(--kd-c-input-underline-color-border-disabled, var(--kd-g-color-border-weak, #e5e5e5))
}

.kd-input-size-small {
  height: var(--kd-c-input-sizing-height-small, 20px);
  line-height: calc(var(--kd-c-input-sizing-height-small, 20px) - var(--kd-c-input-spacing-padding-vertical-small, 3px)*2 - 2px);
  font-size: var(--kd-c-input-font-size-small, var(--kd-g-font-size-small, 12px))
}

.kd-input-size-middle,
.kd-input-size-small {
  padding: var(--kd-c-input-spacing-padding-vertical-small, 3px) var(--kd-c-input-spacing-padding-horizontal-small, 9px)
}

.kd-input-size-middle {
  height: var(--kd-c-input-sizing-height-middle, 30px);
  line-height: calc(var(--kd-c-input-sizing-height-middle, 30px) - var(--kd-c-input-spacing-padding-vertical-small, 3px)*2 - 2px);
  font-size: var(--kd-c-input-font-size-middle, var(--kd-g-font-size-middle, 14px))
}

.kd-input-size-large {
  height: var(--kd-c-input-sizing-height-large, 36px);
  line-height: calc(var(--kd-c-input-sizing-height-large, 36px) - var(--kd-c-input-spacing-padding-vertical-small, 3px)*2 - 2px);
  font-size: var(--kd-c-input-font-size-large, var(--kd-g-font-size-large, 16px));
  padding: var(--kd-c-input-spacing-padding-vertical-small, 3px) var(--kd-c-input-spacing-padding-horizontal-small, 9px)
}

.kd-input-wrapper {
  width: 100%;
  min-width: 0;
  border: var(--kd-c-input-sizing-border, 1px) solid var(--kd-c-input-color-border-disabled, var(--kd-g-color-border-strong, #d9d9d9));
  border-radius: var(--kd-c-input-radius-border, var(--kd-g-radius-border, 2px));
  color: var(--kd-c-input-color-text, var(--kd-g-color-text-primary, #212121));
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: var(--kd-c-input-color-background, var(--kd-g-color-white, #fff));
  display: inline-block;
  font-variant: tabular-nums;
  list-style: none;
  background-image: none;
  -webkit-font-feature-settings: "tnum";
  font-feature-settings: "tnum";
  -webkit-transition: border-color var(--kd-c-input-motion-duration, var(--kd-g-duration, .3s));
  transition: border-color var(--kd-c-input-motion-duration, var(--kd-g-duration, .3s));
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  overflow: hidden
}

.kd-input-wrapper::-webkit-input-placeholder {
  color: var(--kd-c-input-placeholder-color-text, var(--kd-g-color-text-placeholder, #ccc)) !important
}

.kd-input-wrapper::-moz-input-placeholder {
  color: var(--kd-c-input-placeholder-color-text, var(--kd-g-color-text-placeholder, #ccc)) !important
}

.kd-input-wrapper::-ms-input-placeholder {
  color: var(--kd-c-input-placeholder-color-text, var(--kd-g-color-text-placeholder, #ccc)) !important
}

.kd-input-wrapper:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none
}

.kd-input-wrapper:not(.kd-input-wrapper-disabled):focus,
.kd-input-wrapper:not(.kd-input-wrapper-disabled):hover {
  border-color: var(--kd-c-input-color-border-focused, var(--kd-g-color-theme, #5582f3))
}

.kd-input-wrapper:not(.kd-input-wrapper-disabled):focus {
  color: #212121
}

.kd-input-wrapper .kd-input {
  border: none;
  padding-left: 0;
  padding-right: 0;
  height: 100%
}

.kd-input-wrapper .kd-input-prefix,
.kd-input-wrapper .kd-input-suffix {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: 0;
  flex: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  word-break: keep-all;
  color: var(--kd-c-input-affix-color-text, var(--kd-g-color-text-primary, #212121))
}

.kd-input-wrapper .kd-input-suffix {
  margin-left: 4px
}

.kd-input-wrapper .kd-input-prefix {
  margin-right: 4px
}

.kd-input-wrapper-size-small {
  height: var(--kd-c-input-sizing-height-small, 20px);
  line-height: calc(var(--kd-c-input-sizing-height-small, 20px) - var(--kd-c-input-spacing-padding-vertical-small, 3px)*2 - 2px);
  font-size: var(--kd-c-input-font-size-small, var(--kd-g-font-size-small, 12px));
  padding: var(--kd-c-input-spacing-padding-vertical-small, 3px) var(--kd-c-input-spacing-padding-horizontal-small, 9px)
}

.kd-input-wrapper-size-middle {
  height: var(--kd-c-input-sizing-height-middle, 30px);
  line-height: calc(var(--kd-c-input-sizing-height-middle, 30px) - var(--kd-c-input-spacing-padding-vertical-small, 3px)*2 - 2px);
  font-size: var(--kd-c-input-font-size-middle, var(--kd-g-font-size-middle, 14px));
  padding: var(--kd-c-input-spacing-padding-vertical-small, 3px) var(--kd-c-input-spacing-padding-horizontal-middle, 9px)
}

.kd-input-wrapper-size-large {
  height: var(--kd-c-input-sizing-height-large, 36px);
  line-height: calc(var(--kd-c-input-sizing-height-large, 36px) - var(--kd-c-input-spacing-padding-vertical-small, 3px)*2 - 2px);
  font-size: var(--kd-c-input-font-size-large, var(--kd-g-font-size-large, 16px));
  padding: var(--kd-c-input-spacing-padding-vertical-small, 3px) var(--kd-c-input-spacing-padding-horizontal-large, 9px)
}

.kd-input-wrapper-borderless {
  border: none !important
}

.kd-input-wrapper-underline {
  border: none;
  border-bottom: 1px solid var(--kd-c-input-color-border, #999);
  border-radius: 0 !important;
  padding-left: 0
}

.kd-input-wrapper-focused {
  border-color: var(--kd-c-input-color-border-focused, var(--kd-g-color-theme, #5582f3))
}

.kd-input-wrapper-focused .kd-input-clear-icon,
.kd-input-wrapper-focused .kd-input-textarea-clear-icon {
  color: var(--kd-c-input-color-border-focused, var(--kd-g-color-theme, #5582f3))
}

.kd-input-wrapper-disabled {
  background-color: var(--kd-c-input-color-background-disabled, var(--kd-g-color-background-contain-disabled, #f5f5f5));
  border-color: var(--kd-c-input-color-border-disabled, var(--kd-g-color-border-strong, #d9d9d9));
  cursor: not-allowed
}

.kd-input-wrapper-disabled .kd-input-prefix,
.kd-input-wrapper-disabled .kd-input-suffix {
  color: var(--kd-c-input-color-disabled, var(--kd-g-color-disabled, #b2b2b2))
}

.kd-input-wrapper-textarea {
  width: 100%;
  min-width: 0;
  border: var(--kd-c-input-sizing-border, 1px) solid var(--kd-c-input-color-border-disabled, var(--kd-g-color-border-strong, #d9d9d9));
  border-radius: var(--kd-c-input-radius-border, var(--kd-g-radius-border, 2px));
  color: var(--kd-c-input-color-text, var(--kd-g-color-text-primary, #212121));
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: var(--kd-c-input-color-background, var(--kd-g-color-white, #fff));
  font-variant: tabular-nums;
  list-style: none;
  background-image: none;
  -webkit-font-feature-settings: "tnum";
  font-feature-settings: "tnum";
  border: none !important;
  padding: 0 !important;
  position: relative;
  display: inline-block
}

.kd-input-wrapper-textarea::-webkit-input-placeholder {
  color: var(--kd-c-input-placeholder-color-text, var(--kd-g-color-text-placeholder, #ccc)) !important
}

.kd-input-wrapper-textarea::-moz-input-placeholder {
  color: var(--kd-c-input-placeholder-color-text, var(--kd-g-color-text-placeholder, #ccc)) !important
}

.kd-input-wrapper-textarea::-ms-input-placeholder {
  color: var(--kd-c-input-placeholder-color-text, var(--kd-g-color-text-placeholder, #ccc)) !important
}

.kd-input-wrapper-textarea:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none
}

.kd-input-wrapper-textarea:not(.kd-input-disabled):focus,
.kd-input-wrapper-textarea:not(.kd-input-disabled):hover {
  border-color: var(--kd-c-input-color-border-focused, var(--kd-g-color-theme, #5582f3))
}

.kd-input-wrapper-textarea:not(.kd-input-disabled):focus {
  color: #212121
}

.kd-input-wrapper-textarea .kd-input-textarea-clear-icon {
  position: absolute;
  right: 8px;
  top: -2px
}

.kd-input-clear-icon,
.kd-input-textarea-clear-icon {
  cursor: pointer;
  color: var(--kd-c-input-color-border, #999)
}

.kd-input-clear-icon:hover,
.kd-input-textarea-clear-icon:hover {
  color: var(--kd-c-input-color-border-focused, var(--kd-g-color-theme, #5582f3))
}

.kd-input-clear-icon i,
.kd-input-textarea-clear-icon i {
  vertical-align: middle;
  font-size: 12px !important
}

.kd-input-clear-icon-hidden {
  visibility: hidden
}

.kd-input-clear-icon-rightSpace {
  margin-right: 4px
}

.kd-input-group-wrapper {
  display: inline-block;
  width: 100%;
  text-align: start;
  vertical-align: top
}

.kd-input-group-wrapper .kd-input-group {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  color: rgba(0, 0, 0, .85);
  font-size: 14px;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: "tnum";
  font-feature-settings: "tnum";
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0
}

.kd-input-group-wrapper .kd-input-group>.kd-input-wrapper:not(:first-child):not(:last-child) {
  border-radius: 0
}

.kd-input-group-wrapper .kd-input-group>.kd-input-wrapper:first-child:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}

.kd-input-group-wrapper .kd-input-group>.kd-input-wrapper:not(:first-child):last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}

.kd-input-group-wrapper .kd-input-group .kd-input-group-addon {
  position: relative;
  color: var(--kd-c-input-affix-color-text, var(--kd-g-color-text-primary, #212121));
  padding: 0 9px;
  font-weight: 400;
  font-size: 14px;
  text-align: center;
  border: 1px solid var(--kd-c-input-color-border-disabled, var(--kd-g-color-border-strong, #d9d9d9));
  border-radius: var(--kd-c-input-radius-border, var(--kd-g-radius-border, 2px));
  white-space: nowrap;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: var(--kd-c-input-sizing-height-middle, 30px)
}

.kd-input-group-wrapper .kd-input-group .kd-input-group-addon:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right: none
}

.kd-input-group-wrapper .kd-input-group .kd-input-group-addon:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: none
}

.kd-input-group-wrapper .kd-input-group .kd-input-group-addon-borderless {
  border: none !important
}

.kd-input-group-wrapper .kd-input-group .kd-input-group-addon-underline {
  border: none;
  border-bottom: 1px solid var(--kd-c-input-color-border, #999);
  border-radius: 0 !important;
  padding-left: 0
}

.kd-input-group-wrapper .kd-input-group .kd-input-group-addon-disabled {
  background-color: var(--kd-c-input-color-background-disabled, var(--kd-g-color-background-contain-disabled, #f5f5f5));
  border-color: var(--kd-c-input-color-border-disabled, var(--kd-g-color-border-strong, #d9d9d9));
  color: var(--kd-c-input-color-disabled, var(--kd-g-color-disabled, #b2b2b2));
  cursor: not-allowed
}

.kd-input-group-wrapper .kd-input-group-size-small .kd-input-group-addon {
  height: var(--kd-c-input-sizing-height-small, 20px)
}

.kd-input-group-wrapper .kd-input-group-middle-small .kd-input-group-addon {
  height: var(--kd-c-input-sizing-height-middle, 30px)
}

.kd-input-group-wrapper .kd-input-group-large-small .kd-input-group-addon {
  height: var(--kd-c-input-sizing-height-large, 36px)
}

.kd-input-allowClear-spacing {
  padding-right: 20px
}

.kd-layout {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 0;
  background: var(--kd-c-layout-body-color-background, var(--kd-g-color-background-2, #f2f2f2))
}

.kd-layout,
.kd-layout * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.kd-layout-has-sider {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row
}

.kd-layout-has-sider>.kd-layout,
.kd-layout-has-sider>.kd-layout-content {
  width: 0
}

.kd-layout-footer,
.kd-layout-header {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto
}

.kd-layout-header {
  height: var(--kd-c-layout-header-sizing-height, 52px);
  padding: var(--kd-c-layout-header-spacing-padding, 0 20px 0 35px);
  color: var(--kd-c-layout-header-color-text, var(--kd-g-color-text-primary, #212121));
  line-height: var(--kd-c-layout-header-sizing-height, 52px);
  background: var(--kd-c-layout-header-color-background, var(--kd-g-color-background, #fff))
}

.kd-layout-footer {
  padding: var(--kd-c-layout-footer-spacing-padding, 24px 50px);
  color: var(--kd-g-color-text-primary, #212121);
  font-size: var(--kd-g-font-size-middle, 14px);
  background: var(--kd-c-layout-footer-color-background, var(--kd-g-color-background-2, #f2f2f2))
}

.kd-layout-content {
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
  min-height: 0
}

.kd-layout-sider {
  position: relative;
  min-width: 0;
  background: var(--kd-c-layout-sider-color-background, #343848);
  -webkit-transition: all .2s;
  transition: all .2s
}

.kd-layout-sider-children {
  height: 100%;
  margin-top: -.1px;
  padding-top: .1px
}

.kd-layout-sider-has-trigger {
  padding-bottom: var(--kd-c-layout-trigger-sizing-height, 50px)
}

.kd-layout-sider-right {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1
}

.kd-layout-sider-trigger {
  position: absolute;
  bottom: 0;
  z-index: 1;
  padding: 0 16px;
  color: var(--kd-c-layout-trigger-color-text, var(--kd-g-color-white, #fff));
  height: var(--kd-c-layout-trigger-sizing-height, 50px);
  line-height: calc(var(--kd-c-layout-trigger-sizing-height, 50px) - 4px);
  font-size: 20px;
  background: var(--kd-c-layout-trigger-color-background, #343848);
  cursor: pointer;
  -webkit-transition: all .2s;
  transition: all .2s;
  border-top: 1px solid rgba(218, 222, 237, .1)
}

.kd-layout-sider-zero-width>* {
  overflow: hidden
}

.kd-layout-sider-zero-width-trigger {
  position: absolute;
  top: var(--kd-c-layout-header-sizing-height, 52px);
  right: calc(var(--kd-c-layout-trigger-sizing-width, 36px)*-1);
  z-index: 1;
  width: var(--kd-c-layout-trigger-sizing-width, 36px);
  height: var(--kd-c-layout-trigger-sizing-height, 42px);
  color: var(--kd-c-layout-trigger-color-text, var(--kd-g-color-white, #fff));
  font-size: calc(var(--kd-c-layout-trigger-sizing-width, 36px)/2);
  line-height: var(--kd-c-layout-trigger-sizing-height, 42px);
  text-align: center;
  background: var(--kd-c-layout-sider-color-background, #343848);
  border-radius: 0 var(--kd-g-radius-border, 2px) var(--kd-g-radius-border, 2px) 0;
  cursor: pointer;
  -webkit-transition: background .3s ease;
  transition: background .3s ease
}

.kd-layout-sider-zero-width-trigger:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
  -webkit-transition: all .3s;
  transition: all .3s;
  content: ""
}

.kd-layout-sider-zero-width-trigger:hover:after {
  background: hsla(0, 0%, 100%, .1)
}

.kd-layout-sider-zero-width-trigger-right {
  left: calc(var(--kd-c-layout-trigger-sizing-width, 36px)*-1);
  border-radius: var(--kd-g-radius-border, 2px) 0 0 var(--kd-g-radius-border, 2px)
}

.kd-layout-sider-light {
  background: var(--kd-c-layout-sider-color-background-light, var(--kd-g-color-background, #fff))
}

.kd-layout-sider-light .kd-layout-sider-trigger,
.kd-layout-sider-light .kd-layout-sider-zero-width-trigger {
  color: var(--kd-c-layout-trigger-color-text-light, var(--kd-g-color-text-primary, #212121));
  background: var(--kd-c-layout-trigger-color-background-light, var(--kd-g-color-background, #fff))
}

.kd-link {
  cursor: pointer;
  display: inline-block;
  color: var(--kd-c-link-color-text, var(--kd-g-color-text-link, #0e5fd8))
}

.kd-link .kd-link-text {
  height: auto;
  width: auto;
  padding: 0;
  min-width: auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: inherit;
  font-weight: var(--kd-c-link-font-weight, var(--kd-g-font-weight, 400))
}

.kd-link .kd-link-text:not(.kd-link-disabled):hover {
  color: var(--kd-c-link-color-text-link-hover, #87a9ff)
}

.kd-link .kd-link-text:not(.kd-link-disabled):active {
  color: var(--kd-c-link-color-text-link-active, #3761ca)
}

.kd-link-size-small {
  height: var(--kd-c-link-sizing-height-small, 18px);
  line-height: var(--kd-c-link-sizing-height-small, 18px);
  font-size: var(--kd-c-link-font-size-small, var(--kd-g-font-size-small, 12px))
}

.kd-link-size-middle {
  height: var(--kd-c-link-sizing-height-middle, 21px);
  line-height: var(--kd-c-link-sizing-height-middle, 21px);
  font-size: var(--kd-c-link-font-size-middle, var(--kd-g-font-size-middle, 14px))
}

.kd-link-size-large {
  height: var(--kd-c-link-sizing-height-large, 24px);
  line-height: var(--kd-c-link-sizing-height-large, 24px);
  font-size: var(--kd-c-link-font-size-large, var(--kd-g-font-size-large, 16px))
}

.kd-link-underscore {
  border-bottom: 1px solid
}

.kd-link-disabled {
  color: var(--kd-c-link-color-text-link-disabled, #9ebfef) !important;
  cursor: not-allowed
}

.kd-link-prefix {
  display: inline-block;
  margin-right: var(--kd-c-link-prefix-horizontal, 4px)
}

.kd-link-suffix {
  display: inline-block;
  margin-left: var(--kd-c-link-suffix-horizontal, 4px)
}

.menu-dark-active,
.menu-dark-hover {
  background-color: var(--kd-c-menu-sub-color-background, #121319)
}

.menu-dark-active,
.menu-dark-active-inline-title,
.menu-dark-hover {
  color: var(--kd-c-menu-sub-color-text-hover, var(--kd-g-color-white, #fff))
}

.menu-dark-active-inline-title {
  background: var(--kd-c-menu-color-background, #343848);
  border: none
}

.menu-light-base {
  color: var(--kd-c-menu-light-color-text, var(--kd-g-color-text-primary, #212121));
  background: #fff
}

.menu-light-base .kd-menu-item-disabled,
.menu-light-base .kd-menu-submenu-disabled {
  background-color: #fff
}

.menu-light-base .kd-menu-submenu-sub {
  color: var(--kd-c-menu-light-color-text, var(--kd-g-color-text-primary, #212121));
  background: #fafafa
}

.menu-light-base .kd-menu-item-hover,
.menu-light-base .kd-menu-item:not(.kd-menu-item-disabled):not(.kd-menu-item-active):hover,
.menu-light-base .kd-menu-submenu-hover {
  background-color: var(--kd-c-menu-light-color-background-hover, #f5f5f5);
  color: var(--kd-c-menu-light-color-text-hover, var(--kd-g-color-text-primary, #212121));
  border: none
}

.menu-light-base .kd-menu-item-active,
.menu-light-base .kd-menu-submenu-active {
  background-color: var(--kd-c-menu-light-color-background-active, #e3ebff);
  color: var(--kd-c-menu-light-color-text-active, var(--kd-g-color-theme, #5582f3));
  border: none
}

.menu-light-default {
  color: var(--kd-c-menu-light-color-text, var(--kd-g-color-text-primary, #212121));
  background: #fff
}

.menu-light-hover {
  background-color: var(--kd-c-menu-light-color-background-hover, #f5f5f5);
  color: var(--kd-c-menu-light-color-text-hover, var(--kd-g-color-text-primary, #212121));
  border: none
}

.menu-light-active {
  background-color: var(--kd-c-menu-light-color-background-active, #e3ebff)
}

.menu-light-active,
.menu-light-active-inline-title {
  color: var(--kd-c-menu-light-color-text-active, var(--kd-g-color-theme, #5582f3));
  border: none
}

.menu-light-active-inline-title {
  background: #fff
}

.kd-menu {
  position: relative;
  width: 100%;
  height: 100%;
  min-width: 138px;
  background-color: var(--kd-c-menu-color-background, #343848);
  color: var(--kd-c-menu-sub-color-text, hsla(0, 0%, 100%, .65))
}

.kd-menu-inline .kd-menu-item {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.kd-menu-inline .kd-menu-submenu {
  padding-right: 0
}

.kd-menu-collapsed {
  width: 50px;
  min-width: auto
}

.kd-menu-item {
  position: relative;
  cursor: pointer;
  -webkit-transition: color, background-color;
  transition: color, background-color;
  -webkit-transition-duration: calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, .3s)) - .1s);
  transition-duration: calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, .3s)) - .1s);
  -webkit-transition-timing-function: cubic-bezier(.4, 0, .6, 1);
  transition-timing-function: cubic-bezier(.4, 0, .6, 1)
}

.kd-menu-item-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 50px
}

.kd-menu-item-title,
.kd-menu-item-title>span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.kd-menu-item-title>span {
  opacity: 1;
  -webkit-transition: opacity calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, .3s)) - .1s) cubic-bezier(0, .4, .4, 1);
  transition: opacity calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, .3s)) - .1s) cubic-bezier(0, .4, .4, 1)
}

.kd-menu-item-collapsed {
  padding: 0;
  margin: 0;
  text-align: center
}

.kd-menu-item-collapsed .kd-menu-item-title>p,
.kd-menu-item-collapsed .kd-menu-submenu-title>p {
  margin: 0 auto
}

.kd-menu-item-collapsed .kd-menu-item-title>span,
.kd-menu-item-collapsed .kd-menu-submenu-title>span {
  opacity: 0;
  -webkit-transition: opacity calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, .3s)) - .1s) cubic-bezier(0, .4, .4, 1);
  transition: opacity calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, .3s)) - .1s) cubic-bezier(0, .4, .4, 1)
}

.kd-menu-item-icon {
  margin: 0 15px;
  font-size: var(--kd-c-menu-icon-font-size, var(--kd-g-font-size-xx-large, 20px))
}

.kd-menu-item-disabled {
  cursor: not-allowed;
  color: var(--kd-c-menu-color-disabled, var(--kd-g-color-disabled, #b2b2b2));
  background-color: var(--kd-c-menu-color-background, #343848)
}

.kd-menu-item-arrow {
  margin-left: auto;
  font-size: 16px
}

.kd-menu-item-arrow-up {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: -webkit-transform calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, .3s)) - .1s) cubic-bezier(0, .4, .4, 1);
  transition: -webkit-transform calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, .3s)) - .1s) cubic-bezier(0, .4, .4, 1);
  transition: transform calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, .3s)) - .1s) cubic-bezier(0, .4, .4, 1);
  transition: transform calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, .3s)) - .1s) cubic-bezier(0, .4, .4, 1), -webkit-transform calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, .3s)) - .1s) cubic-bezier(0, .4, .4, 1)
}

.kd-menu-item-arrow-down {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: -webkit-transform calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, .3s)) - .1s) cubic-bezier(.4, 0, .6, 1);
  transition: -webkit-transform calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, .3s)) - .1s) cubic-bezier(.4, 0, .6, 1);
  transition: transform calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, .3s)) - .1s) cubic-bezier(.4, 0, .6, 1);
  transition: transform calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, .3s)) - .1s) cubic-bezier(.4, 0, .6, 1), -webkit-transform calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, .3s)) - .1s) cubic-bezier(.4, 0, .6, 1)
}

.kd-menu-submenu {
  position: static;
  cursor: pointer;
  -webkit-transition: color, background-color;
  transition: color, background-color;
  -webkit-transition-duration: calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, .3s)) - .1s);
  transition-duration: calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, .3s)) - .1s);
  -webkit-transition-timing-function: cubic-bezier(.4, 0, .6, 1);
  transition-timing-function: cubic-bezier(.4, 0, .6, 1)
}

.kd-menu-submenu-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 50px
}

.kd-menu-submenu-title,
.kd-menu-submenu-title>span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.kd-menu-submenu-title>span {
  opacity: 1;
  -webkit-transition: opacity calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, .3s)) - .1s) cubic-bezier(0, .4, .4, 1);
  transition: opacity calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, .3s)) - .1s) cubic-bezier(0, .4, .4, 1)
}

.kd-menu-submenu-collapsed {
  padding: 0;
  margin: 0;
  text-align: center
}

.kd-menu-submenu-collapsed .kd-menu-item-title>p,
.kd-menu-submenu-collapsed .kd-menu-submenu-title>p {
  margin: 0 auto
}

.kd-menu-submenu-collapsed .kd-menu-item-title>span,
.kd-menu-submenu-collapsed .kd-menu-submenu-title>span {
  opacity: 0;
  -webkit-transition: opacity calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, .3s)) - .1s) cubic-bezier(0, .4, .4, 1);
  transition: opacity calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, .3s)) - .1s) cubic-bezier(0, .4, .4, 1)
}

.kd-menu-submenu-icon {
  margin: 0 15px;
  font-size: var(--kd-c-menu-icon-font-size, var(--kd-g-font-size-xx-large, 20px))
}

.kd-menu-submenu-disabled {
  cursor: not-allowed;
  color: var(--kd-c-menu-color-disabled, var(--kd-g-color-disabled, #b2b2b2));
  background-color: var(--kd-c-menu-color-background, #343848)
}

.kd-menu-submenu-arrow {
  margin-left: auto;
  font-size: 16px
}

.kd-menu-submenu-arrow-up {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: -webkit-transform calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, .3s)) - .1s) cubic-bezier(0, .4, .4, 1);
  transition: -webkit-transform calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, .3s)) - .1s) cubic-bezier(0, .4, .4, 1);
  transition: transform calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, .3s)) - .1s) cubic-bezier(0, .4, .4, 1);
  transition: transform calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, .3s)) - .1s) cubic-bezier(0, .4, .4, 1), -webkit-transform calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, .3s)) - .1s) cubic-bezier(0, .4, .4, 1)
}

.kd-menu-submenu-arrow-down {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: -webkit-transform calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, .3s)) - .1s) cubic-bezier(.4, 0, .6, 1);
  transition: -webkit-transform calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, .3s)) - .1s) cubic-bezier(.4, 0, .6, 1);
  transition: transform calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, .3s)) - .1s) cubic-bezier(.4, 0, .6, 1);
  transition: transform calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, .3s)) - .1s) cubic-bezier(.4, 0, .6, 1), -webkit-transform calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, .3s)) - .1s) cubic-bezier(.4, 0, .6, 1)
}

.kd-menu-submenu-sub {
  line-height: var(--kd-c-menu-item-sizing-height, 50px)
}

.kd-menu-submenu-thrid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 810px;
  max-height: 492px;
  padding-left: 24px;
  background: var(--kd-c-menu-sub-color-background, #121319);
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  overflow-y: auto;
  cursor: default;
  z-index: var(--kd-c-menu-z-index, var(--kd-g-z-index-dialog, 1050))
}

.kd-menu-submenu-thrid-item {
  margin-right: 40px
}

.kd-menu-submenu-thrid-title {
  line-height: 50px;
  font-size: 12px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid hsla(0, 0%, 100%, .3)
}

.kd-menu-submenu-thrid-title,
.kd-menu-submenu-thrid-title>span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.kd-menu-submenu-thrid-list {
  list-style-type: none;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 20px;
  margin-top: 10px;
  height: 180px
}

.kd-menu-submenu-thrid-list>li {
  width: 160px;
  margin: 8px 0;
  font-size: 12px;
  line-height: 18px;
  color: hsla(0, 0%, 100%, .65);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.kd-menu-submenu-thrid-list>li:hover {
  color: var(--kd-c-menu-sub-color-text-active, var(--kd-g-color-white, #fff))
}

.kd-menu-submenu-thrid-list>li>span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.kd-menu-submenu-thrid-list>li .kd-menu-item-title {
  height: auto
}

.kd-menu-submenu-thrid-list>.kd-menu-item-active {
  color: var(--kd-c-menu-sub-color-text-active, var(--kd-g-color-white, #fff))
}

.kd-menu-dark .kd-menu-submenu-sub {
  color: var(--kd-c-menu-sub-color-text, hsla(0, 0%, 100%, .65));
  background: var(--kd-c-menu-sub-inline-color-background, #1f212b)
}

.kd-menu-dark .kd-menu-submenu-sub-second,
.kd-menu-dark .kd-menu-submenu-sub-third {
  background: var(--kd-c-menu-sub-color-background, #121319)
}

.kd-menu-dark .kd-menu-item-active,
.kd-menu-dark .kd-menu-item-hover,
.kd-menu-dark .kd-menu-item:not(.kd-menu-item-disabled):not(.kd-menu-item-active):hover,
.kd-menu-dark .kd-menu-submenu-active,
.kd-menu-dark .kd-menu-submenu-hover {
  background-color: var(--kd-c-menu-sub-color-background, #121319);
  color: var(--kd-c-menu-sub-color-text-hover, var(--kd-g-color-white, #fff))
}

.kd-menu-inline.kd-menu-dark .kd-menu-item-active .kd-menu-submenu-title,
.kd-menu-inline.kd-menu-dark .kd-menu-submenu-active .kd-menu-submenu-title,
.kd-menu-inline.kd-menu-dark .kd-menu-submenu:not(.kd-menu-submenu-disabled):not(.kd-menu-submenu-active)>.kd-menu-submenu-title:hover {
  color: var(--kd-c-menu-sub-color-text-hover, var(--kd-g-color-white, #fff));
  background: var(--kd-c-menu-color-background, #343848);
  border: none
}

.kd-menu-light {
  color: var(--kd-c-menu-light-color-text, var(--kd-g-color-text-primary, #212121));
  background: #fff
}

.kd-menu-light .kd-menu-item-disabled,
.kd-menu-light .kd-menu-submenu-disabled {
  background-color: #fff
}

.kd-menu-light .kd-menu-submenu-sub {
  color: var(--kd-c-menu-light-color-text, var(--kd-g-color-text-primary, #212121));
  background: #fafafa
}

.kd-menu-light .kd-menu-item-hover,
.kd-menu-light .kd-menu-item:not(.kd-menu-item-disabled):not(.kd-menu-item-active):hover,
.kd-menu-light .kd-menu-submenu-hover {
  background-color: var(--kd-c-menu-light-color-background-hover, #f5f5f5);
  color: var(--kd-c-menu-light-color-text-hover, var(--kd-g-color-text-primary, #212121));
  border: none
}

.kd-menu-light .kd-menu-item-active,
.kd-menu-light .kd-menu-submenu-active {
  background-color: var(--kd-c-menu-light-color-background-active, #e3ebff);
  color: var(--kd-c-menu-light-color-text-active, var(--kd-g-color-theme, #5582f3));
  border: none
}

.kd-menu-inline.kd-menu-light .kd-menu-item-active .kd-menu-submenu-title,
.kd-menu-inline.kd-menu-light .kd-menu-submenu-active .kd-menu-submenu-title {
  color: var(--kd-c-menu-light-color-text-active, var(--kd-g-color-theme, #5582f3));
  background: #fff;
  border: none
}

.kd-menu-popper .kd-menu-submenu-hover,
.kd-menu-popper .kd-menu-submenu:not(.kd-menu-submenu-disabled):not(.kd-menu-submenu-active):hover {
  background-color: var(--kd-c-menu-sub-color-background, #121319);
  color: var(--kd-c-menu-sub-color-text-hover, var(--kd-g-color-white, #fff))
}

.kd-menu-popper.hidden {
  opacity: 0;
  visibility: hidden;
  display: none;
  -webkit-animation: kdZoomTopLeftOut calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, .3s)) - .1s) cubic-bezier(0, .4, .4, 1) forwards;
  animation: kdZoomTopLeftOut calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, .3s)) - .1s) cubic-bezier(0, .4, .4, 1) forwards;
  -webkit-transition: opacity, visibility;
  transition: opacity, visibility;
  -webkit-transition-duration: calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, .3s)) - .1s);
  transition-duration: calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, .3s)) - .1s);
  -webkit-transition-timing-function: cubic-bezier(.4, 0, .6, 1);
  transition-timing-function: cubic-bezier(.4, 0, .6, 1)
}

.kd-menu-popper .kd-menu-submenu {
  padding-right: 0
}

.kd-menu-popper .kd-menu-submenu-sub {
  color: var(--kd-c-menu-sub-color-text, hsla(0, 0%, 100%, .65));
  background: var(--kd-c-menu-sub-inline-color-background, #1f212b);
  -webkit-box-shadow: 0 3px 6px -4px rgba(0, 0, 0, .12), 0 6px 16px 0 rgba(0, 0, 0, .08), 0 9px 28px 8px rgba(0, 0, 0, .05);
  box-shadow: 0 3px 6px -4px rgba(0, 0, 0, .12), 0 6px 16px 0 rgba(0, 0, 0, .08), 0 9px 28px 8px rgba(0, 0, 0, .05)
}

.kd-menu-popper .kd-menu-submenu-sub .kd-menu-item-active,
.kd-menu-popper .kd-menu-submenu-sub .kd-menu-item:not(.kd-menu-item-disabled):not(.kd-menu-item-active):hover {
  background-color: var(--kd-c-menu-sub-color-background, #121319);
  color: var(--kd-c-menu-sub-color-text-hover, var(--kd-g-color-white, #fff))
}

.kd-menu-popper .kd-menu-submenu-sub-second,
.kd-menu-popper .kd-menu-submenu-sub-third {
  -webkit-animation: kdZoomTopLeftIn calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, .3s)) - .1s) cubic-bezier(0, .4, .4, 1) forwards;
  animation: kdZoomTopLeftIn calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, .3s)) - .1s) cubic-bezier(0, .4, .4, 1) forwards;
  opacity: 1;
  visibility: visible
}

.kd-menu-popper .kd-menu-submenu-sub-hide,
.kd-menu-popper .kd-menu-submenu-sub-second,
.kd-menu-popper .kd-menu-submenu-sub-third {
  -webkit-transition: opacity, visibility;
  transition: opacity, visibility;
  -webkit-transition-duration: calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, .3s)) - .1s);
  transition-duration: calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, .3s)) - .1s);
  -webkit-transition-timing-function: cubic-bezier(.4, 0, .6, 1);
  transition-timing-function: cubic-bezier(.4, 0, .6, 1)
}

.kd-menu-popper .kd-menu-submenu-sub-hide {
  opacity: 0;
  visibility: hidden;
  -webkit-animation: kdZoomTopLeftOut calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, .3s)) - .1s) cubic-bezier(0, .4, .4, 1) forwards;
  animation: kdZoomTopLeftOut calc(var(--kd-c-menu-motion-duration, var(--kd-g-duration, .3s)) - .1s) cubic-bezier(0, .4, .4, 1) forwards
}

.kd-menu-popper.light {
  color: var(--kd-c-menu-light-color-text, var(--kd-g-color-text-primary, #212121));
  background: #fff
}

.kd-menu-popper.light .kd-menu-item-disabled,
.kd-menu-popper.light .kd-menu-submenu-disabled {
  background-color: #fff
}

.kd-menu-popper.light .kd-menu-submenu-sub {
  color: var(--kd-c-menu-light-color-text, var(--kd-g-color-text-primary, #212121));
  background: #fafafa
}

.kd-menu-popper.light .kd-menu-item-hover,
.kd-menu-popper.light .kd-menu-item:not(.kd-menu-item-disabled):not(.kd-menu-item-active):hover,
.kd-menu-popper.light .kd-menu-submenu-hover {
  background-color: var(--kd-c-menu-light-color-background-hover, #f5f5f5);
  color: var(--kd-c-menu-light-color-text-hover, var(--kd-g-color-text-primary, #212121));
  border: none
}

.kd-menu-popper.light .kd-menu-item-active,
.kd-menu-popper.light .kd-menu-submenu-active {
  background-color: var(--kd-c-menu-light-color-background-active, #e3ebff);
  color: var(--kd-c-menu-light-color-text-active, var(--kd-g-color-theme, #5582f3));
  border: none
}

.kd-message-box {
  position: fixed;
  width: 100%;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  pointer-events: none;
  z-index: var(--kd-c-message-z-index, var(--kd-g-z-index-apex, 9999))
}

.kd-message {
  position: relative;
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-width: var(--kd-c-message-sizing-min-width, 280px);
  max-width: var(--kd-c-message-sizing-max-width, 1000px);
  margin: 0 auto var(--kd-c-message-spacing-margin-bottom, 16px);
  padding: var(--kd-c-message-spacing-padding-horizontal, 10px) var(--kd-c-message-spacing-padding-vertical, 20px);
  color: var(--kd-c-message-info-color-text, #0e5fd8);
  border: 1px solid var(--kd-c-message-info-color-border, #b3d5ff);
  border-radius: var(--kd-c-message-border-radius, 4px);
  background-color: var(--kd-c-message-info-color-background, #e0efff);
  pointer-events: all;
  -webkit-animation: kdNoticeEffect .1s cubic-bezier(0, .4, .4, 1) forwards;
  animation: kdNoticeEffect .1s cubic-bezier(0, .4, .4, 1) forwards
}

.kd-message-content {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: var(--kd-c-message-font-size, 14px);
  line-height: var(--kd-c-message-line-height, 20px)
}

.kd-message-content,
.kd-message-content-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.kd-message-content-icon-wrapper {
  font-size: var(--kd-c-message-icon-font-size, 16px);
  margin-right: var(--kd-c-message-icon-spacing-margin-right, 8px);
  -ms-flex-item-align: start;
  align-self: flex-start;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.kd-message-content-text {
  max-height: var(--kd-c-message-text-sizing-max-height, 160px);
  overflow: auto
}

.kd-message-content-close {
  cursor: pointer;
  color: var(--kd-c-message-close-color-text, #666);
  font-size: var(--kd-c-message-font-size, 16px);
  margin-left: var(--kd-c-message-close-spacing-margin-left, 12px);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex
}

.kd-message-content-close:hover {
  color: var(--kd-c-message-close-color-text-hover, var(--kd-g-color-theme-5, #87adff))
}

.kd-message-success {
  color: var(--kd-c-message-success-color-text, #1ba854);
  background: var(--kd-c-message-success-color-background, #dcfae4);
  border: 1px solid var(--kd-c-message-success-color-border, #a1e6b5)
}

.kd-message-warning {
  color: var(--kd-c-message-warning-color-text, #ff991c);
  background: var(--kd-c-message-warning-color-background, #fff1d4);
  border: 1px solid var(--kd-c-message-warning-color-border, #ffe0a6)
}

.kd-message-error {
  color: var(--kd-c-message-error-color-text, #fb2323);
  background: var(--kd-c-message-error-color-background, #ffdbe0);
  border: 1px solid var(--kd-c-message-error-color-border, #ffadb6)
}

.kd-message-leave {
  -webkit-animation: kdNoticeLeaveEffect .1s cubic-bezier(0, .4, .4, 1) forwards;
  animation: kdNoticeLeaveEffect .1s cubic-bezier(0, .4, .4, 1) forwards
}

.kd-message-leave-after {
  padding: 0;
  margin: 0;
  opacity: 0;
  -webkit-transition: all .1s cubic-bezier(0, .4, .4, 1);
  transition: all .1s cubic-bezier(0, .4, .4, 1)
}

.kd-message-leave-after.kd-message-error,
.kd-message-leave-after.kd-message-success,
.kd-message-leave-after.kd-message-warning {
  -webkit-transition: all .1s cubic-bezier(0, .4, .4, 1);
  transition: all .1s cubic-bezier(0, .4, .4, 1);
  border: none
}

.kd-message-leave-after div,
.kd-message-leave-after i {
  -webkit-transition: all .1s cubic-bezier(0, .4, .4, 1);
  transition: all .1s cubic-bezier(0, .4, .4, 1);
  height: 0;
  font-size: 0
}

.overall-postion {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0
}

.kd-modal-container {
  position: relative;
  z-index: var(--kd-c-modal-z-index, var(--kd-g-z-index-dialog, 1050))
}

.kd-modal-mask {
  position: fixed;
  background-color: var(--kd-c-modal-mask-color-background, rgba(55, 55, 55, .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: #fff;
  -webkit-box-shadow: var(--kd-c-modal-box-shadow, 0 4px 10px 0 rgba(0, 0, 0, .2));
  box-shadow: var(--kd-c-modal-box-shadow, 0 4px 10px 0 rgba(0, 0, 0, .2));
  border-radius: var(--kd-c-modal-boeder-radius, 2px);
  outline: none
}

.kd-modal-container-box .kd-modal-header {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: var(--kd-c-modal-header-sizing-padding-vertical, 0) var(--kd-c-modal-header-sizing-padding-horizontal, 20px);
  height: var(--kd-c-modal-header-sizing-height, 50px)
}

.kd-modal-container-box .kd-modal-header,
.kd-modal-container-box .kd-modal-header .kd-modal-title-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.kd-modal-container-box .kd-modal-header .kd-modal-title-container {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: 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, #666);
  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))
}

.kd-modal-margin-btn {
  margin-right: var(--kd-c-modal-footer-button-spacing, 12px)
}

.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-notice-box-bottomLeft,
.kd-notice-box-bottomRight,
.kd-notice-box-topLeft,
.kd-notice-box-topRight {
  position: fixed;
  z-index: var(--kd-c-notice-z-index, var(--kd-g-z-index-apex, 9999))
}

.kd-notice {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 320px;
  margin: 0 auto 16px;
  -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .15);
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .15);
  border-radius: 2px;
  background-color: var(--kd-c-notice-content-color-background, var(--kd-g-color-white, #fff));
  -webkit-animation: kdNoticeEffect var(--kd-c-notice-motion-duration, var(--kd-g-duration-quickly, .2s)) cubic-bezier(0, .4, .4, 1) forwards;
  animation: kdNoticeEffect var(--kd-c-notice-motion-duration, var(--kd-g-duration-quickly, .2s)) cubic-bezier(0, .4, .4, 1) forwards
}

.kd-notice-content {
  width: 100%
}

.kd-notice-content-title {
  height: 40px;
  line-height: 40px;
  white-space: nowrap;
  padding: 0 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: var(--kd-c-notice-title-font-size, var(--kd-g-font-size-middle, 14px));
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.kd-notice-content-title-left {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-right: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.kd-notice-content-title-left-icon {
  margin-right: 5px;
  font-size: 17px
}

.kd-notice-content-title-left-text {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis
}

.kd-notice-content-title-close {
  cursor: pointer
}

.kd-notice-content-description {
  height: 46px;
  padding: 10px 20px;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical
}

.kd-notice-content-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 20px 15px;
  font-size: 12px;
  color: var(--kd-c-notice-footer-color, var(--kd-g-color-text-link, #0e5fd8));
  cursor: pointer
}

.kd-notice-content-footer>div {
  margin-right: 10px
}

.kd-notice-content-footer>div:hover {
  color: var(--kd-c-notice-footer-color-hover, var(--kd-g-color-text-link-hover, #3987ed))
}

.kd-notice-info .kd-notice-content-title {
  color: var(--kd-c-notice-info-color, var(--kd-g-color-text-primary, #212121));
  background: var(--kd-c-notice-info-header-color-background, var(--kd-g-color-white, #fff))
}

.kd-notice-info .kd-notice-content-title-close,
.kd-notice-info .kd-notice-content-title-left-icon {
  color: var(--kd-c-notice-icon-color, var(--kd-g-color-theme, #5582f3))
}

.kd-notice-info .kd-notice-content-title-close:hover {
  color: var(--kd-c-notice-icon-color-hover, var(--kd-g-color-border-ongoing, #85b8ff))
}

.kd-notice-primary .kd-notice-content-title {
  background: var(--kd-c-notice-header-color-background, var(--kd-g-color-theme, #5582f3))
}

.kd-notice-primary .kd-notice-content-title,
.kd-notice-primary .kd-notice-content-title-close {
  color: var(--kd-c-notice-header-color, var(--kd-g-color-white, #fff))
}

.kd-notice-primary .kd-notice-content-title-close:hover {
  color: var(--kd-c-notice-icon-color-hover, var(--kd-g-color-border-ongoing, #85b8ff))
}

.kd-notice-leave {
  -webkit-animation: kdNoticeLeaveEffect var(--kd-c-notice-motion-duration, var(--kd-g-duration-quickly, .2s)) cubic-bezier(0, .4, .4, 1) forwards;
  animation: kdNoticeLeaveEffect var(--kd-c-notice-motion-duration, var(--kd-g-duration-quickly, .2s)) cubic-bezier(0, .4, .4, 1) forwards
}

.kd-notice-leave-after {
  padding: 0;
  margin: 0;
  opacity: 0
}

.kd-notice-leave-after,
.kd-notice-leave-after.kd-notice-error,
.kd-notice-leave-after.kd-notice-success,
.kd-notice-leave-after.kd-notice-warning {
  -webkit-transition: all var(--kd-c-notice-motion-duration, var(--kd-g-duration-quickly, .2s)) cubic-bezier(0, .4, .4, 1);
  transition: all var(--kd-c-notice-motion-duration, var(--kd-g-duration-quickly, .2s)) cubic-bezier(0, .4, .4, 1)
}

.kd-notice-leave-after.kd-notice-error,
.kd-notice-leave-after.kd-notice-success,
.kd-notice-leave-after.kd-notice-warning {
  border: none
}

.kd-notice-leave-after div,
.kd-notice-leave-after i {
  -webkit-transition: all var(--kd-c-notice-motion-duration, var(--kd-g-duration-quickly, .2s)) cubic-bezier(0, .4, .4, 1);
  transition: all var(--kd-c-notice-motion-duration, var(--kd-g-duration-quickly, .2s)) cubic-bezier(0, .4, .4, 1);
  height: 0;
  font-size: 0
}

.kd-pagination {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: "tnum";
  font-feature-settings: "tnum";
  color: var(--kd-c-pagination-text-color, var(--kd-g-color-text-secondary, #666));
  font-size: var(--kd-c-pagination-font-size, var(--kd-g-font-size-small, 12px))
}

.kd-pagination .kd-pagination-current,
.kd-pagination .kd-pagination-total {
  display: inline-block;
  margin-right: 12px;
  vertical-align: middle
}

.kd-pagination .kd-pagination-current .kd-pagination-current-input {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 44px;
  height: var(--kd-c-pagination-sizing-square, 24px);
  margin: 0 3px;
  padding: 0;
  outline: none;
  text-align: center;
  background: var(--kd-g-color-background, #fff);
  color: var(--kd-g-color-text-primary, #212121);
  font-size: var(--kd-c-pagination-font-size, var(--kd-g-font-size-small, 12px));
  border-radius: var(--kd-g-radius-border, 2px);
  border: var(--kd-c-pagination-sizing-border-width, 1px) solid var(--kd-g-color-border-strong, #d9d9d9);
  -webkit-transition: border-color var(--kd-g-duration, .3s);
  transition: border-color var(--kd-g-duration, .3s)
}

.kd-pagination .kd-pagination-current .kd-pagination-current-input:active,
.kd-pagination .kd-pagination-current .kd-pagination-current-input:focus,
.kd-pagination .kd-pagination-current .kd-pagination-current-input:hover {
  border-color: var(--kd-c-pagination-color-border-hover, var(--kd-g-color-theme-7, #375cca))
}

.kd-pagination .kd-pagination-current .kd-pagination-current-input:disabled {
  color: var(--kd-c-pagination-color-disabled, var(--kd-g-color-disabled, #b2b2b2));
  border: var(--kd-c-pagination-sizing-border-width, 1px) solid var(--kd-c-pagination-color-border-disabled, var(--kd-g-color-border-strong, #d9d9d9));
  background: var(--kd-c-pagination-button-color-background-disabled, var(--kd-g-color-background-contain-disabled, #f5f5f5));
  cursor: not-allowed
}

.kd-pagination .kd-pagination-action {
  vertical-align: middle
}

.kd-pagination .kd-pagination-action,
.kd-pagination .kd-pagination-action .kd-pagination-action-item {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: "tnum";
  font-feature-settings: "tnum";
  display: inline-block
}

.kd-pagination .kd-pagination-action .kd-pagination-action-item.bordered {
  margin-right: calc(var(--kd-c-pagination-button-spacing, 4px)*2)
}

.kd-pagination .kd-pagination-action .kd-pagination-action-item.bordered:last-child {
  margin-right: 0
}

.kd-pagination .kd-pagination-action .kd-pagination-action-item.bordered button {
  border: var(--kd-c-pagination-sizing-border-width, 1px) solid var(--kd-c-pagination-color-border, var(--kd-g-color-border-strong, #d9d9d9))
}

.kd-pagination .kd-pagination-action .kd-pagination-action-item.bordered button:disabled {
  background-color: var(--kd-c-pagination-button-color-background-disabled, var(--kd-g-color-background-contain-disabled, #f5f5f5))
}

.kd-pagination .kd-pagination-action .kd-pagination-action-item button {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  width: var(--kd-c-pagination-sizing-square, 24px);
  height: var(--kd-c-pagination-sizing-square, 24px);
  border: none;
  background-color: var(--kd-g-color-background, #fff);
  border-radius: var(--kd-g-radius-border, 2px);
  cursor: pointer;
  outline: none;
  vertical-align: middle;
  -webkit-transition: border-color var(--kd-g-duration, .3s);
  transition: border-color var(--kd-g-duration, .3s)
}

.kd-pagination .kd-pagination-action .kd-pagination-action-item button:active:not(:disabled),
.kd-pagination .kd-pagination-action .kd-pagination-action-item button:hover:not(:disabled) {
  border-color: var(--kd-c-pagination-color-border-hover, var(--kd-g-color-theme-7, #375cca))
}

.kd-pagination .kd-pagination-action .kd-pagination-action-item button:active i,
.kd-pagination .kd-pagination-action .kd-pagination-action-item button:hover i {
  color: var(--kd-c-pagination-color-text-hover, var(--kd-g-color-theme, #5582f3))
}

.kd-pagination .kd-pagination-action .kd-pagination-action-item button[disabled] {
  cursor: not-allowed
}

.kd-pagination .kd-pagination-action .kd-pagination-action-item button[disabled] i {
  color: var(--kd-c-pagination-color-disabled, var(--kd-g-color-disabled, #b2b2b2))
}

.kd-pagination .kd-pagination-action .kd-pagination-action-item button i {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  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;
  font-size: var(--kd-c-pagination-icon-font-size, var(--kd-g-font-size-large, 16px));
  color: var(--kd-c-pagination-button-color, var(--kd-g-color-text-secondary, #666));
  -webkit-transition: color var(--kd-g-duration, .3s);
  transition: color var(--kd-g-duration, .3s)
}

.kd-pagination .kd-pagination-selector {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: "tnum";
  font-feature-settings: "tnum";
  position: relative;
  display: inline-block;
  margin: 0 0 0 20px;
  outline: none;
  height: var(--kd-c-pagination-sizing-square, 24px);
  vertical-align: middle
}

.kd-pagination .kd-pagination-selector .kd-pagination-selector-size {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  padding: 0;
  line-height: var(--kd-c-pagination-sizing-square, 24px);
  font-size: var(--kd-c-pagination-font-size, var(--kd-g-font-size-small, 12px));
  color: var(--kd-g-color-text-primary, #212121);
  border-radius: var(--kd-g-radius-border, 2px);
  background: var(--kd-g-color-background, #fff);
  cursor: pointer;
  border: none;
  outline: none
}

.kd-pagination .kd-pagination-selector .kd-pagination-selector-size:active i,
.kd-pagination .kd-pagination-selector .kd-pagination-selector-size:hover i {
  color: var(--kd-c-pagination-color-text-hover, var(--kd-g-color-theme, #5582f3))
}

.kd-pagination .kd-pagination-selector .kd-pagination-selector-size.disabled,
.kd-pagination .kd-pagination-selector .kd-pagination-selector-size.disabled>i {
  cursor: not-allowed;
  color: var(--kd-c-pagination-color-disabled, var(--kd-g-color-disabled, #b2b2b2))
}

.kd-pagination .kd-pagination-selector .kd-pagination-selector-size i {
  margin-left: 4px;
  line-height: var(--kd-c-pagination-sizing-square, 24px);
  font-size: var(--kd-c-pagination-icon-font-size, var(--kd-g-font-size-large, 16px));
  color: var(--kd-c-pagination-text-color, var(--kd-g-color-text-secondary, #666))
}

.kd-pagination .kd-pagination-selector .kd-dropdown-menu-item {
  text-align: right;
  padding-right: var(--kd-c-pagination-dropdown-item-spacing-padding-horizontal, 24px);
  padding-left: var(--kd-c-pagination-dropdown-item-spacing-padding-horizontal, 24px)
}

.kd-pagination .kd-pagination-selector .kd-dropdown-menu-item span {
  white-space: nowrap
}

.kd-pagination.simple {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: var(--kd-c-pagination-sizing-square, 24px);
  border-radius: var(--kd-g-radius-border, 2px);
  border: var(--kd-c-pagination-sizing-border-width, 1px) solid transparent
}

.kd-pagination.simple.bordered {
  border-color: var(--kd-c-pagination-color-border, var(--kd-g-color-border-strong, #d9d9d9));
  -webkit-transition: border-color var(--kd-g-duration, .3s);
  transition: border-color var(--kd-g-duration, .3s)
}

.kd-pagination.simple.bordered:active:not(.disabled) {
  border-color: var(--kd-c-pagination-color-border-hover, var(--kd-g-color-theme-7, #375cca))
}

.kd-pagination.simple.bordered.disabled,
.kd-pagination.simple.bordered.disabled>.kd-pagination-item>button {
  background-color: var(--kd-c-pagination-button-color-background-disabled, var(--kd-g-color-background-contain-disabled, #f5f5f5))
}

.kd-pagination.simple.disabled>.kd-pagination-item {
  color: var(--kd-c-pagination-color-disabled, var(--kd-g-color-disabled, #b2b2b2))
}

.kd-pagination.simple .kd-pagination-item {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: "tnum";
  font-feature-settings: "tnum";
  display: inline-block;
  height: var(--kd-c-pagination-sizing-square, 24px);
  overflow: hidden;
  margin: 0 8px;
  vertical-align: middle;
  color: var(--kd-g-color-text-primary, #212121)
}

.kd-pagination.simple .kd-pagination-item:first-child,
.kd-pagination.simple .kd-pagination-item:last-child {
  margin: 0
}

.kd-pagination.simple .kd-pagination-item .kd-pagination-current {
  margin-right: 2px;
  vertical-align: middle
}

.kd-pagination.simple .kd-pagination-item .kd-pagination-current .kd-pagination-current-input {
  margin: 0
}

.kd-pagination.simple .kd-pagination-item .kd-pagination-current .kd-pagination-current-input:disabled {
  color: var(--kd-c-pagination-color-disabled, var(--kd-g-color-disabled, #b2b2b2));
  cursor: not-allowed
}

.kd-pagination.simple .kd-pagination-item .kd-pagination-total {
  vertical-align: middle;
  margin-right: 0
}

.kd-pagination.simple .kd-pagination-item button {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  width: calc(var(--kd-c-pagination-sizing-square, 24px) - 2px);
  height: calc(var(--kd-c-pagination-sizing-square, 24px) - 2px);
  border: none;
  background-color: var(--kd-g-color-background, #fff);
  border-radius: var(--kd-g-radius-border, 2px);
  cursor: pointer;
  outline: none;
  vertical-align: middle;
  -webkit-transition: border-color var(--kd-g-duration, .3s);
  transition: border-color var(--kd-g-duration, .3s)
}

.kd-pagination.simple .kd-pagination-item button:active:not(:disabled),
.kd-pagination.simple .kd-pagination-item button:hover:not(:disabled) {
  border-color: var(--kd-c-pagination-color-border-hover, var(--kd-g-color-theme-7, #375cca))
}

.kd-pagination.simple .kd-pagination-item button:active i,
.kd-pagination.simple .kd-pagination-item button:hover i {
  color: var(--kd-c-pagination-color-text-hover, var(--kd-g-color-theme, #5582f3))
}

.kd-pagination.simple .kd-pagination-item button:disabled {
  cursor: not-allowed
}

.kd-pagination.simple .kd-pagination-item button:disabled i {
  color: var(--kd-c-pagination-color-disabled, var(--kd-g-color-disabled, #b2b2b2))
}

.kd-pagination.simple .kd-pagination-item button i {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  line-height: calc(var(--kd-c-pagination-sizing-square, 24px) - 2px);
  font-size: var(--kd-c-pagination-icon-font-size, var(--kd-g-font-size-large, 16px));
  color: var(--kd-c-pagination-button-color, var(--kd-g-color-text-secondary, #666));
  -webkit-transition: color var(--kd-g-duration, .3s);
  transition: color var(--kd-g-duration, .3s)
}

.kd-pagination.less .kd-pagination-pages,
.kd-pagination.less .kd-pagination-pages-item {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: "tnum";
  font-feature-settings: "tnum";
  display: inline-block
}

.kd-pagination.less .kd-pagination-pages-item {
  position: relative;
  margin-right: var(--kd-c-pagination-button-spacing, 4px);
  vertical-align: middle
}

.kd-pagination.less .kd-pagination-pages-item:last-child {
  margin-right: 0
}

.kd-pagination.less .kd-pagination-pages-item.active>button:disabled {
  background-color: var(--kd-g-color-background-contain, #fafafa)
}

.kd-pagination.less .kd-pagination-pages-item.active button,
.kd-pagination.less .kd-pagination-pages-item:active button,
.kd-pagination.less .kd-pagination-pages-item:hover button {
  color: var(--kd-g-color-theme, #5582f3)
}

.kd-pagination.less .kd-pagination-pages-item:first-child button,
.kd-pagination.less .kd-pagination-pages-item:last-child button {
  width: var(--kd-c-pagination-sizing-square, 24px);
  padding: 0;
  border-radius: var(--kd-g-radius-border, 2px);
  border: var(--kd-c-pagination-sizing-border-width, 1px) solid var(--kd-c-pagination-color-border, var(--kd-g-color-border-strong, #d9d9d9))
}

.kd-pagination.less .kd-pagination-pages-item:first-child button:active,
.kd-pagination.less .kd-pagination-pages-item:first-child button:hover,
.kd-pagination.less .kd-pagination-pages-item:last-child button:active,
.kd-pagination.less .kd-pagination-pages-item:last-child button:hover {
  border-color: var(--kd-c-pagination-color-border-hover, var(--kd-g-color-theme-7, #375cca))
}

.kd-pagination.less .kd-pagination-pages-item:first-child button:active:disabled,
.kd-pagination.less .kd-pagination-pages-item:first-child button:hover:disabled,
.kd-pagination.less .kd-pagination-pages-item:last-child button:active:disabled,
.kd-pagination.less .kd-pagination-pages-item:last-child button:hover:disabled {
  border-color: var(--kd-c-pagination-color-border-disabled, var(--kd-g-color-border-strong, #d9d9d9))
}

.kd-pagination.less .kd-pagination-pages-item button {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: "tnum";
  font-feature-settings: "tnum";
  min-width: var(--kd-c-pagination-sizing-square, 24px);
  height: var(--kd-c-pagination-sizing-square, 24px);
  padding: 0 4px;
  color: var(--kd-g-color-text-primary, #212121);
  font-size: var(--kd-c-pagination-font-size, var(--kd-g-font-size-small, 12px));
  cursor: pointer;
  outline: none;
  border: none;
  background: var(--kd-g-color-background, #fff);
  -webkit-transition: color var(--kd-g-duration, .3s), border-color var(--kd-g-duration, .3s);
  transition: color var(--kd-g-duration, .3s), border-color var(--kd-g-duration, .3s)
}

.kd-pagination.less .kd-pagination-pages-item button:disabled {
  cursor: not-allowed;
  color: var(--kd-c-pagination-color-disabled, var(--kd-g-color-disabled, #b2b2b2))
}

.kd-pagination.nicety .kd-pagination-pages,
.kd-pagination.nicety .kd-pagination-pages-item {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: "tnum";
  font-feature-settings: "tnum";
  display: inline-block
}

.kd-pagination.nicety .kd-pagination-pages-item {
  position: relative;
  margin-right: var(--kd-c-pagination-button-spacing, 4px);
  vertical-align: middle
}

.kd-pagination.nicety .kd-pagination-pages-item:last-child {
  margin-right: 0
}

.kd-pagination.nicety .kd-pagination-pages-item.active button,
.kd-pagination.nicety .kd-pagination-pages-item:active button,
.kd-pagination.nicety .kd-pagination-pages-item:hover button {
  border-color: var(--kd-c-pagination-color-border-hover, var(--kd-g-color-theme-7, #375cca))
}

.kd-pagination.nicety .kd-pagination-pages-item.active button:disabled,
.kd-pagination.nicety .kd-pagination-pages-item:active button:disabled,
.kd-pagination.nicety .kd-pagination-pages-item:hover button:disabled {
  border-color: var(--kd-c-pagination-color-border-disabled, var(--kd-g-color-border-strong, #d9d9d9))
}

.kd-pagination.nicety .kd-pagination-pages-item.active>button:disabled {
  background-color: var(--kd-g-color-background-contain, #fafafa)
}

.kd-pagination.nicety .kd-pagination-pages-item.active button,
.kd-pagination.nicety .kd-pagination-pages-item:hover button {
  color: var(--kd-g-color-theme, #5582f3)
}

.kd-pagination.nicety .kd-pagination-pages-item.active button:not(:disabled)>.kd-pagination-pages-jumper-icon,
.kd-pagination.nicety .kd-pagination-pages-item:hover button:not(:disabled)>.kd-pagination-pages-jumper-icon {
  opacity: 1
}

.kd-pagination.nicety .kd-pagination-pages-item:first-child button,
.kd-pagination.nicety .kd-pagination-pages-item:last-child button {
  width: var(--kd-c-pagination-sizing-square, 24px);
  padding: 0;
  line-height: calc(var(--kd-c-pagination-sizing-square, 24px) - 2px)
}

.kd-pagination.nicety .kd-pagination-pages-item button {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: "tnum";
  font-feature-settings: "tnum";
  min-width: var(--kd-c-pagination-sizing-square, 24px);
  height: var(--kd-c-pagination-sizing-square, 24px);
  padding: 0 6px;
  cursor: pointer;
  outline: none;
  font-size: var(--kd-c-pagination-font-size, var(--kd-g-font-size-small, 12px));
  color: var(--kd-g-color-text-primary, #212121);
  border-radius: var(--kd-g-radius-border, 2px);
  border: var(--kd-c-pagination-sizing-border-width, 1px) solid var(--kd-c-pagination-color-border, var(--kd-g-color-border-strong, #d9d9d9));
  background: var(--kd-g-color-background, #fff);
  -webkit-transition: color var(--kd-g-duration, .3s), border-color var(--kd-g-duration, .3s), background-color var(--kd-g-duration, .3s);
  transition: color var(--kd-g-duration, .3s), border-color var(--kd-g-duration, .3s), background-color var(--kd-g-duration, .3s)
}

.kd-pagination.nicety .kd-pagination-pages-item button:disabled {
  cursor: not-allowed;
  color: var(--kd-c-pagination-color-disabled, var(--kd-g-color-disabled, #b2b2b2))
}

.kd-pagination.nicety .kd-pagination-pages-item button>i {
  font-size: 16px
}

.kd-pagination.nicety .kd-pagination-pages-item button .kd-pagination-pages-jumper-icon {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  color: var(--kd-g-color-theme, #5582f3);
  line-height: var(--kd-c-pagination-sizing-square, 24px);
  background-color: var(--kd-g-color-background, #fff);
  -webkit-transition: opacity var(--kd-g-duration, .3s);
  transition: opacity var(--kd-g-duration, .3s)
}

.kd-pagination.nicety .kd-pagination-jumper {
  display: inline-block;
  margin-left: 4px;
  vertical-align: middle
}

.kd-pagination.nicety .kd-pagination-jumper .kd-pagination-jumper-input {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 40px;
  height: var(--kd-c-pagination-sizing-square, 24px);
  padding: 0;
  outline: none;
  text-align: center;
  background: var(--kd-g-color-background, #fff);
  color: var(--kd-g-color-text-primary, #212121);
  font-size: var(--kd-c-pagination-font-size, var(--kd-g-font-size-small, 12px));
  border-radius: var(--kd-g-radius-border, 2px);
  border: var(--kd-c-pagination-sizing-border-width, 1px) solid var(--kd-g-color-border-strong, #d9d9d9);
  -webkit-transition: border-color var(--kd-g-duration, .3s);
  transition: border-color var(--kd-g-duration, .3s)
}

.kd-pagination.nicety .kd-pagination-jumper .kd-pagination-jumper-input:active,
.kd-pagination.nicety .kd-pagination-jumper .kd-pagination-jumper-input:focus,
.kd-pagination.nicety .kd-pagination-jumper .kd-pagination-jumper-input:hover {
  border-color: var(--kd-c-pagination-color-border-hover, var(--kd-g-color-theme-7, #375cca))
}

.kd-pagination.nicety .kd-pagination-jumper .kd-pagination-jumper-input:disabled {
  color: var(--kd-c-pagination-color-disabled, var(--kd-g-color-disabled, #b2b2b2));
  border: var(--kd-c-pagination-sizing-border-width, 1px) solid var(--kd-c-pagination-color-border-disabled, var(--kd-g-color-border-strong, #d9d9d9));
  background: var(--kd-c-pagination-button-color-background-disabled, var(--kd-g-color-background-contain-disabled, #f5f5f5));
  cursor: not-allowed
}

.kd-pagination.nicety .kd-pagination-jumper .kd-pagination-jumper-button {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: "tnum";
  font-feature-settings: "tnum";
  width: var(--kd-c-pagination-sizing-square, 24px);
  height: var(--kd-c-pagination-sizing-square, 24px);
  margin-left: var(--kd-c-pagination-button-spacing, 4px);
  line-height: var(--kd-c-pagination-sizing-square, 24px);
  vertical-align: top;
  cursor: pointer;
  outline: none;
  color: var(--kd-g-color-text-primary, #212121);
  font-size: var(--kd-c-pagination-font-size, var(--kd-g-font-size-small, 12px));
  border-radius: var(--kd-g-radius-border, 2px);
  border: var(--kd-c-pagination-sizing-border-width, 1px) solid var(--kd-g-color-border-strong, #d9d9d9);
  background: var(--kd-g-color-background, #fff);
  -webkit-transition: border-color var(--kd-g-duration, .3s);
  transition: border-color var(--kd-g-duration, .3s)
}

.kd-pagination.nicety .kd-pagination-jumper .kd-pagination-jumper-button:active,
.kd-pagination.nicety .kd-pagination-jumper .kd-pagination-jumper-button:hover {
  color: var(--kd-g-color-theme, #5582f3);
  border-color: var(--kd-c-pagination-color-border-hover, var(--kd-g-color-theme-7, #375cca))
}

.kd-pagination.nicety .kd-pagination-jumper .kd-pagination-jumper-button:active:disabled,
.kd-pagination.nicety .kd-pagination-jumper .kd-pagination-jumper-button:hover:disabled {
  border-color: var(--kd-c-pagination-color-border-disabled, var(--kd-g-color-border-strong, #d9d9d9))
}

.kd-pagination.nicety .kd-pagination-jumper .kd-pagination-jumper-button:disabled {
  color: var(--kd-c-pagination-color-disabled, var(--kd-g-color-disabled, #b2b2b2));
  cursor: not-allowed
}

.kd-pagination.nicety .kd-pagination-options {
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: "tnum";
  font-feature-settings: "tnum";
  margin: 0 0 0 22px;
  vertical-align: middle
}

.kd-pagination.nicety .kd-pagination-options,
.kd-pagination.nicety .kd-pagination-options .kd-pagination-options-size {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  outline: none;
  height: var(--kd-c-pagination-sizing-square, 24px);
  color: var(--kd-g-color-text-primary, #212121)
}

.kd-pagination.nicety .kd-pagination-options .kd-pagination-options-size {
  min-width: 64px;
  margin-right: 8px;
  padding: 0 24px 0 4px;
  line-height: var(--kd-c-pagination-sizing-square, 24px);
  font-size: var(--kd-c-pagination-font-size, var(--kd-g-font-size-small, 12px));
  text-align: left;
  border-radius: var(--kd-g-radius-border, 2px);
  border: var(--kd-c-pagination-sizing-border-width, 1px) solid var(--kd-g-color-border-strong, #d9d9d9);
  background: var(--kd-g-color-background, #fff);
  cursor: pointer;
  -webkit-transition: border-color var(--kd-g-duration, .3s);
  transition: border-color var(--kd-g-duration, .3s)
}

.kd-pagination.nicety .kd-pagination-options .kd-pagination-options-size:active,
.kd-pagination.nicety .kd-pagination-options .kd-pagination-options-size:hover {
  border-color: var(--kd-c-pagination-color-border-hover, var(--kd-g-color-theme-7, #375cca))
}

.kd-pagination.nicety .kd-pagination-options .kd-pagination-options-size:active.disabled,
.kd-pagination.nicety .kd-pagination-options .kd-pagination-options-size:hover.disabled {
  border-color: var(--kd-g-color-border-strong, #d9d9d9)
}

.kd-pagination.nicety .kd-pagination-options .kd-pagination-options-size.disabled,
.kd-pagination.nicety .kd-pagination-options .kd-pagination-options-size.disabled>i {
  cursor: not-allowed;
  color: var(--kd-c-pagination-color-disabled, var(--kd-g-color-disabled, #b2b2b2))
}

.kd-pagination.nicety .kd-pagination-options .kd-pagination-options-size i {
  position: absolute;
  top: 50%;
  right: 5px;
  line-height: calc(var(--kd-c-pagination-sizing-square, 24px) - 2px);
  font-size: var(--kd-c-pagination-icon-font-size, var(--kd-g-font-size-large, 16px));
  color: var(--kd-c-pagination-color-text-hover, var(--kd-g-color-theme, #5582f3));
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.kd-pagination.nicety .kd-pagination-options .kd-pagination-options-size .kd-pagination-dropdown-icon-open {
  -webkit-transform: rotate(180deg) translateY(50%);
  transform: rotate(180deg) translateY(50%)
}

.kd-pagination-dropdown-icon {
  -webkit-transition: -webkit-transform var(--kd-g-duration, .3s);
  transition: -webkit-transform var(--kd-g-duration, .3s);
  transition: transform var(--kd-g-duration, .3s);
  transition: transform var(--kd-g-duration, .3s), -webkit-transform var(--kd-g-duration, .3s)
}

.kd-pagination-dropdown-icon-open {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.kd-popconfirm {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: "tnum";
  font-feature-settings: "tnum";
  border-radius: var(--kd-c-popconfirm-radius-border, var(--kd-g-radius-border, 2px));
  background-color: var(--kd-c-popconfirm-color-background, var(--kd-g-color-background, #fff));
  opacity: 1;
  z-index: var(--kd-g-z-index-popper, 1050);
  visibility: visible
}

.kd-popconfirm.hidden {
  opacity: 0;
  visibility: hidden
}

.kd-popconfirm[class*=top] {
  -webkit-box-shadow: 0 6px 16px 3px rgba(0, 0, 0, .08);
  box-shadow: 0 6px 16px 3px rgba(0, 0, 0, .08)
}

.kd-popconfirm[class*=bottom] {
  -webkit-box-shadow: 0 -6px 16px 3px rgba(0, 0, 0, .08);
  box-shadow: 0 -6px 16px 3px rgba(0, 0, 0, .08)
}

.kd-popconfirm[class*=left] {
  -webkit-box-shadow: 6px 0 16px 3px rgba(0, 0, 0, .08);
  box-shadow: 6px 0 16px 3px rgba(0, 0, 0, .08)
}

.kd-popconfirm[class*=right] {
  -webkit-box-shadow: -6px 0 16px 3px rgba(0, 0, 0, .08);
  box-shadow: -6px 0 16px 3px rgba(0, 0, 0, .08)
}

.kd-popconfirm.arrow:before {
  z-index: -2;
  border-style: solid;
  border-width: var(--arrowSize);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.kd-popconfirm.arrow:after,
.kd-popconfirm.arrow:before {
  position: absolute;
  background: var(--kd-c-popconfirm-color-background, var(--kd-g-color-background, #fff));
  content: ""
}

.kd-popconfirm.arrow:after {
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: var(--kd-g-radius-border, 2px)
}

.kd-popconfirm.arrow.bottom:before,
.kd-popconfirm.arrow.bottomLeft:before,
.kd-popconfirm.arrow.bottomRight:before {
  left: var(--arrowLeft);
  top: var(--arrowSpill);
  -webkit-box-shadow: -2px -2px 15px rgba(0, 0, 0, .1);
  box-shadow: -2px -2px 15px rgba(0, 0, 0, .1);
  border-left-color: var(--kd-c-popconfirm-color-background, var(--kd-g-color-background, #fff));
  border-bottom-color: transparent;
  border-right-color: transparent;
  border-top-color: var(--kd-c-popconfirm-color-background, var(--kd-g-color-background, #fff))
}

.kd-popconfirm.arrow.top:before,
.kd-popconfirm.arrow.topLeft:before,
.kd-popconfirm.arrow.topRight:before {
  left: var(--arrowLeft);
  bottom: var(--arrowSpill);
  -webkit-box-shadow: 3px 3px 17px rgba(0, 0, 0, .15);
  box-shadow: 3px 3px 17px rgba(0, 0, 0, .15);
  border-left-color: transparent;
  border-bottom-color: var(--kd-c-popconfirm-color-background, var(--kd-g-color-background, #fff));
  border-right-color: var(--kd-c-popconfirm-color-background, var(--kd-g-color-background, #fff));
  border-top-color: transparent
}

.kd-popconfirm.arrow.left:before,
.kd-popconfirm.arrow.leftBottom:before,
.kd-popconfirm.arrow.leftTop:before {
  top: var(--arrowTop);
  right: var(--arrowSpill);
  -webkit-box-shadow: 3px 0 16px rgba(0, 0, 0, .12), 0 -2px 16px rgba(204, 149, 149, .12);
  box-shadow: 3px 0 16px rgba(0, 0, 0, .12), 0 -2px 16px rgba(204, 149, 149, .12);
  border-left-color: transparent;
  border-bottom-color: transparent;
  border-right-color: var(--kd-c-popconfirm-color-background, var(--kd-g-color-background, #fff));
  border-top-color: var(--kd-c-popconfirm-color-background, var(--kd-g-color-background, #fff))
}

.kd-popconfirm.arrow.right:before,
.kd-popconfirm.arrow.rightBottom:before,
.kd-popconfirm.arrow.rightTop:before {
  top: var(--arrowTop);
  left: var(--arrowSpill);
  -webkit-box-shadow: 0 3px 16px rgba(0, 0, 0, .1), -2px 0 16px rgba(0, 0, 0, .1);
  box-shadow: 0 3px 16px rgba(0, 0, 0, .1), -2px 0 16px rgba(0, 0, 0, .1);
  border-left-color: var(--kd-c-popconfirm-color-background, var(--kd-g-color-background, #fff));
  border-bottom-color: var(--kd-c-popconfirm-color-background, var(--kd-g-color-background, #fff));
  border-right-color: transparent;
  border-top-color: transparent
}

.kd-popconfirm-content {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: "tnum";
  font-feature-settings: "tnum";
  width: var(--kd-c-popconfirm-sizing-min-width, 240px);
  padding: var(--kd-c-popconfirm-spacing-padding-vertical, 16px) var(--kd-c-popconfirm-spacing-padding-horizontal, 16px)
}

.kd-popconfirm-title {
  line-height: 21px;
  color: var(--kd-c-popconfirm-title-color-text, var(--kd-g-color-text-primary, #212121));
  font-size: var(--kd-c-popconfirm-title-font-size, var(--kd-g-font-size-middle, 14px))
}

.kd-popconfirm-title i {
  margin-right: var(--kd-c-popconfirm-title-icon-spacing-margin-right, 6px);
  vertical-align: top;
  line-height: 21px;
  color: var(--kd-c-popconfirm-icon-color-text, var(--kd-g-color-warning, #ff991c));
  font-size: var(--kd-c-popconfirm-icon-sizing-square, 17px)
}

.kd-popconfirm-message {
  color: var(--kd-c-popconfirm-message-color-text, var(--kd-g-color-text-primary, #212121));
  font-size: var(--kd-c-popconfirm-message-font-size, var(--kd-g-font-size-small, 12px));
  line-height: 18px;
  margin: var(--kd-c-popconfirm-message-spacing-margin-top, 6px) 0 var(--kd-c-popconfirm-message-spacing-margin-bottom, 18px)
}

.kd-popconfirm-interaction {
  text-align: right
}

.kd-popconfirm-interaction button:not(:last-child) {
  margin-right: var(--kd-c-popconfirm-button-spacing, 12px)
}

.kd-progress {
  display: inline-block;
  font-variant: tabular-nums;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 1;
  font-size: 0;
  vertical-align: top
}

.kd-progress-show-info {
  font-size: var(--kd-c-progress-line-text-font-size, 16px)
}

.kd-progress-type-line {
  width: 100%;
  color: var(--kd-c-progress-line-color-font, #212121)
}

.kd-progress-type-line .kd-progress-special-text {
  margin-top: var(--kd-c-progress-line-text-spacing-margin-top, 12px);
  line-height: 24px
}

.kd-progress-type-circle {
  color: var(--kd-c-progress-circle-color-font, #666)
}

.kd-progress-type-circle .kd-progress-special-text {
  margin-top: var(--kd-c-progress-circle-text-spacing-margin-top, 8px);
  padding: 0;
  line-height: 24px
}

.kd-progress-outer {
  display: inline-block;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin-right: 0;
  padding-right: 0;
  font-size: 0
}

.kd-progress-show-info:not(.kd-progress-position-bottom) .kd-progress-outer {
  margin-right: calc(var(--kd-c-progress-line-text-font-size, 16px)*-1*2 - 8px);
  padding-right: calc(var(--kd-c-progress-line-text-font-size, 16px)*2 + 8px)
}

.kd-progress-inner {
  width: 100%;
  overflow: hidden;
  vertical-align: middle;
  font-size: 0;
  background-color: var(--kd-c-progress-color-remaining, #e5e5e5)
}

.kd-progress-bg,
.kd-progress-inner,
.kd-progress-success-bg {
  position: relative;
  display: inline-block;
  border-radius: var(--kd-c-progress-radius-border, 100px)
}

.kd-progress-bg,
.kd-progress-success-bg {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: var(--kd-c-progress-color-default, #5582f3);
  height: var(--kd-c-progress-line-stroke-sizing-width, 8px);
  -webkit-transition: all .3s cubic-bezier(.66, 0, .34, 1);
  transition: all .3s cubic-bezier(.66, 0, .34, 1)
}

.kd-progress-success-bg {
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--kd-c-progress-color-success, var(--kd-g-color-success, #1ba854))
}

.kd-progress-text {
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: calc(var(--kd-c-progress-line-text-font-size, 16px)*2);
  margin-left: var(--kd-c-progress-line-text-spacing-margin-left, 8px);
  white-space: nowrap;
  text-align: left;
  vertical-align: middle;
  word-break: normal
}

.kd-progress-special-text {
  font-size: var(--kd-c-progress-line-special-text-font-size, 16px);
  text-align: center;
  overflow: hidden;
  padding-right: calc(var(--kd-c-progress-line-text-font-size, 16px)*2 + 8px)
}

.kd-progress-position-bottom .kd-progress-special-text {
  padding-right: 0
}

.kd-progress-status-success .kd-progress-bg {
  background-color: var(--kd-c-progress-color-success, var(--kd-g-color-success, #1ba854))
}

.kd-progress-status-success .kd-progress-special-text,
.kd-progress-status-success .kd-progress-text {
  color: var(--kd-c-progress-color-success, var(--kd-g-color-success, #1ba854))
}

.kd-progress-status-success .kd-progress-text {
  font-size: 0
}

.kd-progress-status-success .kd-progress-icon {
  font-size: var(--kd-c-progress-line-icon-font-size, 16px);
  color: var(--kd-c-progress-color-success, var(--kd-g-color-success, #1ba854))
}

.kd-progress-status-success .kd-progress-circle-box:not(.kd-progress-circle-gradient) .kd-progress-circle-path {
  stroke: var(--kd-c-progress-color-success, var(--kd-g-color-success, #1ba854))
}

.kd-progress-status-failure .kd-progress-bg {
  background-color: var(--kd-c-progress-color-failure, var(--kd-g-color-error, #fb2323))
}

.kd-progress-status-failure .kd-progress-special-text,
.kd-progress-status-failure .kd-progress-text {
  color: var(--kd-c-progress-color-failure, var(--kd-g-color-error, #fb2323))
}

.kd-progress-status-failure .kd-progress-text {
  font-size: 0
}

.kd-progress-status-failure .kd-progress-icon {
  font-size: var(--kd-c-progress-line-icon-font-size, 16px);
  color: var(--kd-c-progress-color-failure, var(--kd-g-color-error, #fb2323))
}

.kd-progress-status-failure .kd-progress-circle-box:not(.kd-progress-circle-gradient) .kd-progress-circle-path {
  stroke: var(--kd-c-progress-color-failure, var(--kd-g-color-error, #fb2323))
}

.kd-progress-circle-box {
  position: relative
}

.kd-progress-circle-box .kd-progress-circle-trail {
  stroke: var(--kd-c-progress-color-remaining, #e5e5e5)
}

.kd-progress-circle-box .kd-progress-circle-path {
  -webkit-transition: stroke-dasharray .3s cubic-bezier(.66, 0, .34, 1), stroke-dashoffset .3s cubic-bezier(.66, 0, .34, 1);
  transition: stroke-dasharray .3s cubic-bezier(.66, 0, .34, 1), stroke-dashoffset .3s cubic-bezier(.66, 0, .34, 1)
}

.kd-progress-circle-box .kd-progress-text {
  position: absolute;
  width: auto;
  text-align: center;
  font-size: 28px;
  margin: 0;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.kd-progress-circle-box .kd-progress-text-percent,
.kd-progress-circle-box .kd-progress-text-unit {
  display: inline-block;
  vertical-align: top
}

.kd-progress-circle-box .kd-progress-text-percent {
  line-height: var(--kd-c-progress-circle-percent-line-height, 48px)
}

.kd-progress-circle-box .kd-progress-text-unit {
  line-height: var(--kd-c-progress-circle-unit-line-height, 18px);
  font-size: 12px;
  margin-top: var(--kd-c-progress-circle-unit-spacing-margin-top, 18px)
}

.kd-progress-circle-box .kd-progress-icon {
  font-size: 48px
}

.kd-progress-circle-box:not(.kd-progress-circle-gradient) .kd-progress-circle-path {
  stroke: var(--kd-c-progress-color-default, #5582f3);
  -webkit-transition: stroke-dasharray .3s cubic-bezier(.66, 0, .34, 1), stroke-dashoffset .3s cubic-bezier(.66, 0, .34, 1);
  transition: stroke-dasharray .3s cubic-bezier(.66, 0, .34, 1), stroke-dashoffset .3s cubic-bezier(.66, 0, .34, 1)
}

.kd-radio {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: "tnum";
  font-feature-settings: "tnum";
  position: relative;
  display: inline-block;
  padding-left: var(--kd-c-radio-square-sizing-width-height, 14px);
  margin-right: var(--kd-c-radio-spacing-margin-right, 8px);
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: pointer;
  vertical-align: middle;
  color: var(--kd-c-radio-color-font, var(--kd-g-color-text-primary, #212121));
  font-size: var(--kd-c-radio-font-size, var(--kd-g-font-size-small, 12px))
}

.kd-radio:before {
  left: 0;
  height: var(--kd-c-radio-square-sizing-width-height, 14px);
  width: var(--kd-c-radio-square-sizing-width-height, 14px);
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: var(--kd-c-radio-radius-border-width, 1px) solid var(--kd-c-radio-color-border, var(--kd-g-color-border-strong, #d9d9d9));
  background-color: var(--kd-c-radio-color-background, var(--kd-g-color-white, #fff));
  -webkit-transition: border-color .3s, -webkit-box-shadow .3s;
  transition: border-color .3s, -webkit-box-shadow .3s;
  transition: border-color .3s, box-shadow .3s;
  transition: border-color .3s, box-shadow .3s, -webkit-box-shadow .3s
}

.kd-radio:after,
.kd-radio:before {
  position: absolute;
  top: 50%;
  content: "";
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.kd-radio:after {
  left: 2px;
  width: calc(var(--kd-c-radio-square-sizing-width-height, 14px) - 4px);
  height: calc(var(--kd-c-radio-square-sizing-width-height, 14px) - 4px);
  border-radius: 50%;
  background-color: var(--kd-c-radio-color-theme, var(--kd-g-color-theme, #5582f3));
  -webkit-animation: kdRadioLeaveEffect .2s cubic-bezier(.4, 0, .6, 1) both;
  animation: kdRadioLeaveEffect .2s cubic-bezier(.4, 0, .6, 1) both;
  -webkit-transition: all .3s cubic-bezier(.4, 0, .6, 1);
  transition: all .3s cubic-bezier(.4, 0, .6, 1);
  visibility: hidden;
  opacity: 0
}

.kd-radio-input {
  position: absolute;
  opacity: 0
}

.kd-radio>span {
  padding: 0 6px 0 var(--kd-c-radio-spacing-padding-left, 4px)
}

.kd-radio:hover {
  color: var(--kd-c-radio-color-theme, var(--kd-g-color-theme, #5582f3))
}

.kd-radio-checked:before,
.kd-radio:hover:before {
  border-color: var(--kd-c-radio-color-theme, var(--kd-g-color-theme, #5582f3))
}

.kd-radio-checked:focus-within:before {
  -webkit-box-shadow: 0 0 0 3px rgba(85, 130, 243, .1);
  box-shadow: 0 0 0 3px rgba(85, 130, 243, .1)
}

.kd-radio-checked:after {
  position: absolute;
  top: 50%;
  left: 2px;
  width: calc(var(--kd-c-radio-square-sizing-width-height, 14px) - 4px);
  height: calc(var(--kd-c-radio-square-sizing-width-height, 14px) - 4px);
  content: "";
  border-radius: 50%;
  background-color: var(--kd-c-radio-color-theme, var(--kd-g-color-theme, #5582f3));
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-animation: kdRadioEffect .2s cubic-bezier(.4, 0, .6, 1) both;
  animation: kdRadioEffect .2s cubic-bezier(.4, 0, .6, 1) both;
  -webkit-transition: all .2s cubic-bezier(.4, 0, .6, 1);
  transition: all .2s cubic-bezier(.4, 0, .6, 1);
  opacity: 1;
  visibility: visible
}

.kd-radio-disabled,
.kd-radio-disabled:hover {
  cursor: not-allowed;
  color: var(--kd-c-radio-color-disabled, var(--kd-g-color-disabled, #b2b2b2))
}

.kd-radio-disabled:before,
.kd-radio-disabled:hover:before {
  border-color: var(--kd-c-radio-color-disabled, var(--kd-g-color-disabled, #b2b2b2));
  background-color: var(--kd-c-radio-color-background-disabled, var(--kd-g-color-background-contain-disabled, #f5f5f5));
  -webkit-box-shadow: none;
  box-shadow: none
}

.kd-radio-disabled:after,
.kd-radio-disabled:hover:after {
  background-color: var(--kd-c-radio-color-disabled, var(--kd-g-color-disabled, #b2b2b2));
  -webkit-animation: none;
  animation: none
}

.kd-radio-disabled.kd-radio-checked,
.kd-radio-disabled:hover.kd-radio-checked {
  color: var(--kd-c-radio-color-font, var(--kd-g-color-text-primary, #212121))
}

.kd-radio-text {
  line-height: 1.5
}

.kd-radio-square {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: "tnum";
  font-feature-settings: "tnum";
  white-space: nowrap;
  text-overflow: ellipsis;
  position: relative;
  display: inline-block;
  height: var(--kd-c-radio-square-sizing-height, 32px);
  padding: var(--kd-c-radio-square-spacing-padding-vertical, 6px) var(--kd-c-radio-square-spacing-padding-horizontal, 12px);
  margin-right: var(--kd-c-radio-spacing-margin-right, 8px);
  line-height: calc(var(--kd-c-radio-square-sizing-height, 32px) - var(--kd-c-radio-square-spacing-padding-vertical, 6px)*2 - var(--kd-c-radio-radius-border-width, 1px)*2);
  vertical-align: middle;
  color: var(--kd-c-radio-color-font, var(--kd-g-color-text-primary, #212121));
  font-size: var(--kd-c-radio-font-size, var(--kd-g-font-size-small, 12px));
  cursor: pointer;
  background-color: var(--kd-c-radio-color-background, var(--kd-g-color-white, #fff));
  overflow: hidden;
  border-radius: 2px;
  border: var(--kd-c-radio-radius-border-width, 1px) solid var(--kd-c-radio-color-border, var(--kd-g-color-border-strong, #d9d9d9));
  -webkit-transition: all .3s;
  transition: all .3s
}

.kd-radio-square:after {
  position: absolute;
  right: calc(var(--kd-c-radio-square-sizing-height, 32px)*-1/2 - -5px);
  bottom: calc(var(--kd-c-radio-square-sizing-height, 32px)*-1/2 - -5px);
  width: calc(var(--kd-c-radio-square-sizing-height, 32px) - 10px);
  height: calc(var(--kd-c-radio-square-sizing-height, 32px) - 10px);
  content: "";
  background-color: var(--kd-c-radio-color-theme, var(--kd-g-color-theme, #5582f3));
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-animation: kdRadioSquareLeaveEffect .2s cubic-bezier(.4, 0, .6, 1) both;
  animation: kdRadioSquareLeaveEffect .2s cubic-bezier(.4, 0, .6, 1) both;
  -webkit-transition: all .3s cubic-bezier(.4, 0, .6, 1);
  transition: all .3s cubic-bezier(.4, 0, .6, 1);
  opacity: 0;
  visibility: hidden
}

.kd-radio-square-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  cursor: pointer;
  opacity: 0;
  width: 100%;
  height: 100%
}

.kd-radio-square-input[disabled] {
  cursor: not-allowed
}

.kd-radio-square:hover {
  color: var(--kd-c-radio-color-theme, var(--kd-g-color-theme, #5582f3))
}

.kd-radio-square-checked,
.kd-radio-square:hover {
  border-color: var(--kd-c-radio-color-theme, var(--kd-g-color-theme, #5582f3))
}

.kd-radio-square-checked:focus-within {
  -webkit-box-shadow: 0 0 0 3px rgba(85, 130, 243, .1);
  box-shadow: 0 0 0 3px rgba(85, 130, 243, .1)
}

.kd-radio-square-checked:after {
  position: absolute;
  right: calc(var(--kd-c-radio-square-sizing-height, 32px)*-1/2 - -5px);
  bottom: calc(var(--kd-c-radio-square-sizing-height, 32px)*-1/2 - -5px);
  width: calc(var(--kd-c-radio-square-sizing-height, 32px) - 10px);
  height: calc(var(--kd-c-radio-square-sizing-height, 32px) - 10px);
  content: "";
  background-color: var(--kd-c-radio-color-theme, var(--kd-g-color-theme, #5582f3));
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-animation: kdRadioSquareEffect .2s cubic-bezier(.4, 0, .6, 1) both;
  animation: kdRadioSquareEffect .2s cubic-bezier(.4, 0, .6, 1) both;
  -webkit-transition: all .2s cubic-bezier(.4, 0, .6, 1);
  transition: all .2s cubic-bezier(.4, 0, .6, 1);
  opacity: 1;
  visibility: visible
}

.kd-radio-square-disabled,
.kd-radio-square-disabled:hover {
  color: var(--kd-c-radio-color-disabled, var(--kd-g-color-disabled, #b2b2b2));
  border-color: var(--kd-c-radio-color-border-disabled, var(--kd-g-color-border-strong, #d9d9d9));
  background-color: var(--kd-c-radio-color-background-disabled, var(--kd-g-color-background-contain-disabled, #f5f5f5));
  -webkit-box-shadow: none;
  box-shadow: none;
  cursor: not-allowed
}

.kd-radio-square-disabled:after,
.kd-radio-square-disabled:hover:after {
  background-color: var(--kd-c-radio-color-disabled, var(--kd-g-color-disabled, #b2b2b2));
  -webkit-animation: none;
  animation: none
}

.kd-radio-square-disabled.kd-radio-square-checked,
.kd-radio-square-disabled:hover.kd-radio-square-checked {
  color: var(--kd-c-radio-color-font, var(--kd-g-color-text-primary, #212121))
}

.kd-radio-square-text {
  line-height: 1.5
}

.kd-radio-button {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: "tnum";
  font-feature-settings: "tnum";
  position: relative;
  display: inline-block;
  height: var(--kd-c-radio-square-sizing-height, 32px);
  padding: var(--kd-c-radio-square-spacing-padding-vertical, 6px) var(--kd-c-radio-square-spacing-padding-horizontal, 12px);
  line-height: calc(var(--kd-c-radio-square-sizing-height, 32px) - var(--kd-c-radio-square-spacing-padding-vertical, 6px)*2 - var(--kd-c-radio-radius-border-width, 1px)*2);
  vertical-align: middle;
  color: var(--kd-c-radio-color-font, var(--kd-g-color-text-primary, #212121));
  font-size: var(--kd-c-radio-font-size, var(--kd-g-font-size-small, 12px));
  cursor: pointer;
  background-color: var(--kd-c-radio-color-background, var(--kd-g-color-white, #fff));
  border: var(--kd-c-radio-radius-border-width, 1px) solid var(--kd-c-radio-color-border, var(--kd-g-color-border-strong, #d9d9d9));
  border-left: none;
  -webkit-transition: all .3s;
  transition: all .3s
}

.kd-radio-button:first-child {
  border-radius: 2px 0 0 2px;
  border-left: var(--kd-c-radio-radius-border-width, 1px) solid var(--kd-c-radio-color-border, var(--kd-g-color-border-strong, #d9d9d9))
}

.kd-radio-button:first-child:before {
  content: none
}

.kd-radio-button:last-child {
  border-radius: 0 2px 2px 0
}

.kd-radio-button:before {
  z-index: 10;
  position: absolute;
  top: calc(var(--kd-c-radio-radius-border-width, 1px)*-1);
  left: calc(var(--kd-c-radio-radius-border-width, 1px)*-1);
  height: var(--kd-c-radio-square-sizing-height, 32px);
  width: var(--kd-c-radio-radius-border-width, 1px);
  content: "";
  background-color: var(--kd-c-radio-color-border, var(--kd-g-color-border-strong, #d9d9d9))
}

.kd-radio-button-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  cursor: pointer;
  opacity: 0
}

.kd-radio-button-input[disabled] {
  cursor: not-allowed
}

.kd-radio-button:hover {
  color: var(--kd-c-radio-color-theme, var(--kd-g-color-theme, #5582f3))
}

.kd-radio-button-checked {
  z-index: 1;
  color: var(--kd-c-radio-color-background, var(--kd-g-color-white, #fff));
  border-color: var(--kd-c-radio-color-theme, var(--kd-g-color-theme, #5582f3));
  background-color: var(--kd-c-radio-color-theme, var(--kd-g-color-theme, #5582f3))
}

.kd-radio-button-checked:focus-within {
  -webkit-box-shadow: 0 0 0 3px rgba(85, 130, 243, .1);
  box-shadow: 0 0 0 3px rgba(85, 130, 243, .1)
}

.kd-radio-button-checked:hover {
  color: var(--kd-c-radio-color-background, var(--kd-g-color-white, #fff))
}

.kd-radio-button-checked:not(.kd-radio-button-disabled):before {
  background-color: var(--kd-c-radio-color-theme, var(--kd-g-color-theme, #5582f3))
}

.kd-radio-button-checked:first-child {
  border-left-color: var(--kd-c-radio-color-theme, var(--kd-g-color-theme, #5582f3))
}

.kd-radio-button-checked+.kd-radio-button:before,
.kd-radio-button-checked:first-child:before {
  content: none
}

.kd-radio-button-checked.kd-radio-button-disabled {
  background-color: var(--kd-c-radio-color-border, var(--kd-g-color-border-strong, #d9d9d9));
  border-left-color: var(--kd-c-radio-color-border, var(--kd-g-color-border-strong, #d9d9d9));
  -webkit-box-shadow: none;
  box-shadow: none
}

.kd-radio-button-disabled,
.kd-radio-button-disabled:hover {
  color: var(--kd-c-radio-color-disabled, var(--kd-g-color-disabled, #b2b2b2));
  border-color: var(--kd-c-radio-color-border, var(--kd-g-color-border-strong, #d9d9d9));
  cursor: not-allowed
}

.kd-radio-button-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  line-height: 1.5
}

.kd-rate {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: "tnum";
  font-feature-settings: "tnum";
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.kd-rate-size-large {
  font-size: var(--kd-c-rate-font-size-large, 20px)
}

.kd-rate-size-middle {
  font-size: var(--kd-c-rate-font-size-middle, 16px)
}

.kd-rate-size-small {
  font-size: var(--kd-c-rate-font-size-small, 12px)
}

.kd-rate-item {
  height: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 100%;
  margin-right: var(--kd-c-rate-spacing-margin-right, 8px)
}

.kd-rate-item,
.kd-rate-item .kd-rate-icon-view {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex
}

.kd-rate-item .kd-rate-icon-view {
  position: relative;
  -webkit-transition: -webkit-transform var(--kd-c-rate-motion-duration, var(--kd-g-duration, .3s));
  transition: -webkit-transform var(--kd-c-rate-motion-duration, var(--kd-g-duration, .3s));
  transition: transform var(--kd-c-rate-motion-duration, var(--kd-g-duration, .3s));
  transition: transform var(--kd-c-rate-motion-duration, var(--kd-g-duration, .3s)), -webkit-transform var(--kd-c-rate-motion-duration, var(--kd-g-duration, .3s))
}

.kd-rate-item .kd-rate-icon-view:hover {
  -webkit-transform: scale(1.2);
  transform: scale(1.2)
}

.kd-rate-item .kd-rate-icon-first,
.kd-rate-item .kd-rate-icon-wrapper {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex
}

.kd-rate-item .kd-rate-icon-first {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  overflow: hidden;
  color: var(--kd-c-rate-color-text-not-selected, #e5e5e5);
  opacity: 1;
  cursor: pointer;
  -webkit-transition: color var(--kd-c-rate-motion-duration, var(--kd-g-duration, .3s));
  transition: color var(--kd-c-rate-motion-duration, var(--kd-g-duration, .3s))
}

.kd-rate-item .kd-rate-icon-first:hover {
  color: var(--kd-c-rate-color-text-selected, #fec104)
}

.kd-rate-item .kd-rate-icon-second {
  color: var(--kd-c-rate-color-text-not-selected, #e5e5e5);
  opacity: 1;
  cursor: pointer;
  -webkit-transition: color var(--kd-c-rate-motion-duration, var(--kd-g-duration, .3s));
  transition: color var(--kd-c-rate-motion-duration, var(--kd-g-duration, .3s))
}

.kd-rate-item .kd-rate-icon-second,
.kd-rate-item .kd-rate-icon-second-content {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex
}

.kd-rate-item .kd-rate-icon-second:hover,
.kd-rate-item .kd-rate-icon-selected {
  color: var(--kd-c-rate-color-text-selected, #fec104)
}

.kd-rate-item .kd-rate-icon-selected {
  opacity: 1
}

.kd-rate-item:last-child {
  margin-right: 0
}

.kd-rate-disabled {
  pointer-events: none
}

@-webkit-keyframes animate_loading {
  50% {
      -webkit-transform: scale(1.5);
      transform: scale(1.5)
  }

  to {
      -webkit-transform: scale(1);
      transform: scale(1)
  }
}

@keyframes animate_loading {
  50% {
      -webkit-transform: scale(1.5);
      transform: scale(1.5)
  }

  to {
      -webkit-transform: scale(1);
      transform: scale(1)
  }
}

.kd-search {
  border-bottom: var(--kd-c-search-sizing-border-width, 1px) solid var(--kd-c-search-color-border, var(--kd-g-color-border-strong-2, #d9d9d9))
}

.kd-search-size-small {
  width: var(--kd-c-search-sizing-width-small, 200px)
}

.kd-search-size-middle {
  width: var(--kd-c-search-sizing-width-middle, 260px)
}

.kd-search-size-large {
  width: var(--kd-c-search-sizing-width-large, 320px)
}

.kd-search-disabled {
  cursor: not-allowed
}

.kd-search-borderless {
  border: none !important
}

.kd-search-border {
  border: var(--kd-c-search-sizing-border-width, 1px) solid var(--kd-c-search-color-border, var(--kd-g-color-border-strong-2, #d9d9d9))
}

.kd-search-prefix,
.kd-search-suffix {
  font-size: var(--kd-c-search-icon-font-size, 16px);
  color: var(--kd-c-search-icon-color, #b2b2b2)
}

.kd-search-focused,
.kd-search:not(.kd-search-disabled):hover {
  border-color: var(--kd-c-search-color-theme, var(--kd-g-color-theme, #5582f3))
}

.kd-search-focused .kd-search-prefix,
.kd-search-focused .kd-search-suffix,
.kd-search:not(.kd-search-disabled):hover .kd-search-prefix,
.kd-search:not(.kd-search-disabled):hover .kd-search-suffix {
  color: var(--kd-c-search-color-theme, var(--kd-g-color-theme, #5582f3))
}

.kd-quick-search {
  display: inline-block;
  max-width: var(--kd-c-search-sizing-width-max, 400px);
  width: var(--kd-c-search-sizing-width-default, 200px);
  height: var(--kd-c-search-sizing-height-default, 24px);
  position: relative;
  border-bottom: var(--kd-c-search-sizing-border-width, 1px) solid var(--kd-c-search-color-border, var(--kd-g-color-border-strong-2, #d9d9d9));
  -webkit-transition: all calc(var(--kd-c-search-motion-duration, var(--kd-g-duration, .3s)) - .1s) cubic-bezier(.4, 0, .6, 1);
  transition: all calc(var(--kd-c-search-motion-duration, var(--kd-g-duration, .3s)) - .1s) cubic-bezier(.4, 0, .6, 1)
}

.kd-quick-search-borderless {
  border: none !important
}

.kd-quick-search-border {
  border: var(--kd-c-search-sizing-border-width, 1px) solid var(--kd-c-search-color-border, var(--kd-g-color-border-strong-2, #d9d9d9))
}

.kd-quick-search:hover:not(.kd-quick-search-disabled) {
  border-color: var(--kd-c-search-color-theme, var(--kd-g-color-theme, #5582f3))
}

.kd-quick-search:hover:not(.kd-quick-search-disabled) .kd-quick-search-prefix {
  color: var(--kd-c-search-color-theme, var(--kd-g-color-theme, #5582f3))
}

.kd-quick-search-focused:not(.kd-quick-search-disabled) {
  max-width: var(--kd-c-search-sizing-width-max, 400px);
  width: 100% !important;
  border-color: var(--kd-c-search-color-theme, var(--kd-g-color-theme, #5582f3))
}

.kd-quick-search-focused:not(.kd-quick-search-disabled) .kd-quick-search-prefix {
  color: var(--kd-c-search-color-theme, var(--kd-g-color-theme, #5582f3))
}

.kd-quick-search-disabled {
  cursor: not-allowed
}

.kd-quick-search-prefix {
  margin-right: 4px;
  -ms-flex-item-align: center;
  align-self: center;
  line-height: 1;
  font-size: var(--kd-c-search-icon-font-size, 16px);
  color: var(--kd-c-search-icon-color, #b2b2b2)
}

.kd-quick-search-prefix,
.kd-quick-search-selector {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.kd-quick-search-selector {
  cursor: text;
  padding-left: 24px
}

.kd-quick-search-selector-disabled {
  cursor: not-allowed
}

.kd-quick-search-selection-overflow {
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.kd-quick-search-selection-overflow,
.kd-quick-search-selection-overflow-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 100%
}

.kd-quick-search-selection-overflow-item {
  border-radius: 2px;
  border: 1px solid var(--kd-c-search-color-end, var(--kd-g-color-end, #666));
  margin: 2px 12px 2px 0;
  cursor: pointer;
  height: 20px
}

.kd-quick-search-selection-overflow-item:hover .kd-quick-search-selection-overflow-item-del {
  display: block
}

.kd-quick-search-selection-overflow-item-tag {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  max-width: 170px;
  background: var(--kd-c-search-color-end, var(--kd-g-color-end, #666));
  line-height: 20px;
  color: #fff
}

.kd-quick-search-selection-overflow-item-label,
.kd-quick-search-selection-overflow-item-tag {
  padding: 0 4px;
  font-size: var(--kd-c-search-dropdown-font-size, 12px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.kd-quick-search-selection-overflow-item-label {
  color: #212121;
  letter-spacing: 0;
  -ms-flex-item-align: center;
  align-self: center
}

.kd-quick-search-selection-overflow-item-del {
  height: 14px;
  width: 14px;
  line-height: 1;
  font-size: var(--kd-c-search-font-size-middle, var(--kd-g-font-size-middle, 14px));
  border-radius: 50%;
  position: absolute;
  right: -7px;
  top: -6px;
  display: none;
  background: var(--kd-c-search-color-background, var(--kd-g-color-background, #fff))
}

.kd-quick-search-selection-overflow-item-del:hover {
  color: var(--kd-c-search-selected-tags-del-color-background-hover, #999)
}

.kd-quick-search-selection-placeholder {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  color: var(--kd-c-search-selection-placeholder-color-text, #b2b2b2);
  font-size: var(--kd-c-search-placeholder-font-size, 12px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.kd-quick-search-selection-search {
  position: relative;
  max-width: 100%;
  margin-top: 2px;
  margin-bottom: 2px
}

.kd-quick-search-selection-search-mirror {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
  white-space: pre;
  visibility: hidden
}

.kd-quick-search-input {
  outline: 0;
  border-radius: 0;
  border: none;
  width: 100%;
  background: transparent;
  font-size: var(--kd-c-search-input-font-size, 12px);
  color: var(--kd-c-search-color-text-primary, var(--kd-g-color-text-primary, #212121))
}

.kd-quick-search-input::-webkit-input-placeholder {
  font-size: 12px;
  color: var(--kd-c-search-input-color-text, var(--kd-g-color-disabled, #b2b2b2));
  letter-spacing: 0
}

.kd-quick-search-input::-moz-placeholder {
  font-size: 12px;
  color: var(--kd-c-search-input-color-text, var(--kd-g-color-disabled, #b2b2b2));
  letter-spacing: 0
}

.kd-quick-search-input:-ms-input-placeholder {
  font-size: 12px;
  color: var(--kd-c-search-input-color-text, var(--kd-g-color-disabled, #b2b2b2));
  letter-spacing: 0
}

.kd-quick-search-input::-ms-input-placeholder {
  font-size: 12px;
  color: var(--kd-c-search-input-color-text, var(--kd-g-color-disabled, #b2b2b2));
  letter-spacing: 0
}

.kd-quick-search-input::placeholder {
  font-size: 12px;
  color: var(--kd-c-search-input-color-text, var(--kd-g-color-disabled, #b2b2b2));
  letter-spacing: 0
}

.kd-quick-search-dropdown {
  padding: 8px 0;
  margin: 0;
  z-index: 1050;
  font-size: var(--kd-c-search-dropdown-font-size, 12px);
  -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .2);
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .2);
  border-radius: var(--kd-c-search-radius-border, var(--kd-g-radius-border, 2px));
  background: var(--kd-c-search-color-background, var(--kd-g-color-background, #fff));
  overflow: auto
}

.kd-quick-search-dropdown-scroll {
  overflow-y: auto
}

.kd-quick-search-dropdown-empty {
  padding: 5px 12px
}

.kd-quick-search-dropdown-desc {
  color: var(--kd-c-search-dropdown-desc-color-text, #999);
  font-size: var(--kd-c-search-dropdown-desc-font-size, 12px)
}

.kd-quick-search-dropdown-desc,
.kd-quick-search-option {
  padding-left: var(--kd-c-search-dropdown-option-spacing-padding-horizontal, 12px);
  padding-right: var(--kd-c-search-dropdown-option-spacing-padding-horizontal, 12px);
  line-height: var(--kd-c-search-dropdown-option-sizing-height, 32px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.kd-quick-search-option {
  cursor: pointer;
  color: var(--kd-c-search-color-text-primary, var(--kd-g-color-text-primary, #212121))
}

.kd-quick-search-option-tag {
  margin-right: 12px
}

.kd-quick-search-option:hover:not(.kd-quick-search-option-selected) {
  background: var(--kd-c-search-color-background-contain-disabled, var(--kd-g-color-background-contain-disabled, #f5f5f5))
}

.kd-quick-search-option-selected:not(.kd-quick-search-option-disabled) {
  background: var(--kd-c-search-dropdown-tags-color-background-selected, #f2f6ff)
}

.kd-quick-search-option-selected:not(.kd-quick-search-option-disabled) .kd-quick-search-option-content,
.kd-quick-search-option-selected:not(.kd-quick-search-option-disabled) .kd-quick-search-option-tag {
  color: var(--kd-c-search-color-hover, #5582f3)
}

.kd-quick-search-npl {
  border-top: 1px solid var(--kd-c-search-npl-color-border, #d8d8d8)
}

.kd-quick-search-npl-loading {
  height: var(--kd-c-search-dropdown-option-sizing-height, 32px);
  line-height: var(--kd-c-search-dropdown-option-sizing-height, 32px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
  padding-left: var(--kd-c-search-dropdown-option-spacing-padding-horizontal, 12px)
}

.kd-quick-search-npl-loading-item {
  width: 4px;
  height: 4px;
  margin-right: 5px;
  border-radius: 50% 50% 50% 50%;
  -webkit-animation: animate_loading 1s infinite;
  animation: animate_loading 1s infinite
}

.kd-quick-search-npl-loading-item:first-child {
  background-color: var(--kd-c-search-dot-color-first, var(--kd-g-color-logo-1, #2486ee))
}

.kd-quick-search-npl-loading-item:nth-child(2) {
  background-color: #02ccfe
}

.kd-quick-search-npl-loading-item:nth-child(3) {
  background-color: #05c8c7
}

.kd-quick-search-npl-loading-item:nth-child(4) {
  background-color: #a06eff
}

.kd-search-panel {
  width: var(--kd-c-search-panel-sizing-width, 800px);
  border-radius: 4px;
  background: var(--kd-c-search-color-background, var(--kd-g-color-background, #fff))
}

.kd-search-panel-wrapper {
  height: var(--kd-c-search-panel-sizing-height, 60px);
  border-radius: 4px
}

.kd-search-panel-recommend,
.kd-search-panel-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.kd-search-panel-recommend {
  padding-left: 24px
}

.kd-search-panel-recommend-icon {
  font-size: 18px;
  margin: 0 8px;
  -webkit-transition: all calc(var(--kd-c-search-motion-duration, var(--kd-g-duration, .3s)) - .1s) cubic-bezier(.4, 0, .6, 1);
  transition: all calc(var(--kd-c-search-motion-duration, var(--kd-g-duration, .3s)) - .1s) cubic-bezier(.4, 0, .6, 1)
}

.kd-search-panel-type {
  width: 230px;
  max-height: 400px;
  overflow: auto
}

.kd-search-panel-type-list {
  line-height: 30px;
  display: block;
  padding-left: 24px
}

.kd-search-panel-type-list:hover {
  background: var(--kd-c-search-panel-color-background-hover, #eef3fe)
}

.kd-search-panel-type-list-active,
.kd-search-panel-type-list:hover {
  color: var(--kd-c-search-panel-color-hover, #597cfc)
}

.kd-search-panel-dropDown {
  height: 400px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid var(--kd-c-search-panel-color-border, #e6e8ed);
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  -webkit-transition: all calc(var(--kd-c-search-motion-duration, var(--kd-g-duration, .3s)) - .1s) cubic-bezier(.4, 0, .6, 1);
  transition: all calc(var(--kd-c-search-motion-duration, var(--kd-g-duration, .3s)) - .1s) cubic-bezier(.4, 0, .6, 1)
}

.kd-search-panel-dropDown-result {
  width: 300px;
  height: 400px;
  border-right: 1px solid var(--kd-c-search-panel-color-border, #e6e8ed)
}

.kd-search-panel-dropDown-result-wrapper {
  max-height: 330px;
  overflow: auto;
  border-bottom: 1px solid var(--kd-c-search-panel-color-border, #e6e8ed)
}

.kd-search-panel-dropDown-result-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  height: 48px;
  padding: 5px 13px 2px 17px;
  font-size: 12px;
  line-height: 20px;
  cursor: pointer;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.kd-search-panel-dropDown-result-list-active,
.kd-search-panel-dropDown-result-list:hover {
  background: var(--kd-c-search-panel-color-background-hover, #eef3fe)
}

.kd-search-panel-dropDown-result-list-title {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  white-space: normal;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 1
}

.kd-search-panel-dropDown-result-list-sub-title,
.kd-search-panel-dropDown-result-list-type {
  color: var(--kd-c-search-color-text-third, var(--kd-g-color-text-third, #999))
}

.kd-search-panel-dropDown-result-list-sub-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 95px
}

.kd-search-panel-dropDown-result-list img {
  height: 18px;
  width: 18px;
  margin-right: 4px;
  margin-top: 2px
}

.kd-search-panel-dropDown-summary {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.kd-search-panel-dropDown-summary-pic {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
  margin-bottom: 20px
}

.kd-search-panel-dropDown-summary-icon {
  position: absolute;
  width: 48px;
  height: 48px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.kd-search-panel-dropDown-summary-title {
  margin-bottom: 10px;
  font-size: var(--kd-c-search-font-size-middle, var(--kd-g-font-size-middle, 14px));
  color: var(--kd-c-search-color-text-primary, var(--kd-g-color-text-primary, #212121))
}

.kd-search-panel-dropDown-summary-list {
  margin-top: 4px;
  color: var(--kd-c-search-color-text-secondary, var(--kd-g-color-text-secondary, #666));
  font-size: var(--kd-c-search-font-size-small, var(--kd-g-font-size-small, 12px));
  line-height: 20px
}

.kd-search-panel-dropDown-search {
  height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 17px;
  font-size: var(--kd-c-search-font-size-middle, var(--kd-g-font-size-middle, 14px));
  cursor: pointer
}

.kd-search-panel-dropDown-search-active,
.kd-search-panel-dropDown-search:hover {
  background: var(--kd-c-search-panel-color-background-hover, #eef3fe)
}

.kd-search-panel-dropDown-search-value {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.kd-search-panel-dropDown-loading {
  margin-left: 30px;
  margin-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.kd-search-panel .kd-input-clear-icon {
  display: inline-block;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: var(--kd-c-search-color-end, var(--kd-g-color-end, #666));
  position: relative
}

.kd-search-panel .kd-input-clear-icon .kdicon {
  position: absolute;
  right: 2.5px;
  top: -2px;
  color: #fff
}

.kd-search-panel-tooltip:before {
  display: none
}

.kd-search-panel-tooltip-content {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer
}

.kd-search-panel-tooltip-content:hover {
  background: var(--kd-c-search-panel-color-background-hover, #eef3fe)
}

.kd-quick-search-dropdown-wrapper.bottomLeft.hidden,
.kd-quick-search-dropdown-wrapper.topLeft.hidden {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all calc(var(--kd-c-search-motion-duration, var(--kd-g-duration, .3s)) - .1s) cubic-bezier(.4, 0, .6, 1);
  transition: all calc(var(--kd-c-search-motion-duration, var(--kd-g-duration, .3s)) - .1s) cubic-bezier(.4, 0, .6, 1)
}

.kd-quick-search-dropdown-wrapper.bottomLeft-active {
  padding: 10px 0
}

@-webkit-keyframes SlideDownIn {
  0% {
      -webkit-transform: scaleY(.8);
      transform: scaleY(.8);
      -webkit-transform-origin: 0 0;
      transform-origin: 0 0;
      opacity: 0
  }

  to {
      -webkit-transform: scaleY(1);
      transform: scaleY(1);
      -webkit-transform-origin: 0 0;
      transform-origin: 0 0;
      opacity: 1
  }
}

@keyframes SlideDownIn {
  0% {
      -webkit-transform: scaleY(.8);
      transform: scaleY(.8);
      -webkit-transform-origin: 0 0;
      transform-origin: 0 0;
      opacity: 0
  }

  to {
      -webkit-transform: scaleY(1);
      transform: scaleY(1);
      -webkit-transform-origin: 0 0;
      transform-origin: 0 0;
      opacity: 1
  }
}

@-webkit-keyframes SlideDownOut {
  0% {
      -webkit-transform: scaleY(1);
      transform: scaleY(1);
      -webkit-transform-origin: 0 0;
      transform-origin: 0 0;
      opacity: 1
  }

  to {
      -webkit-transform: scaleY(.8);
      transform: scaleY(.8);
      -webkit-transform-origin: 0 0;
      transform-origin: 0 0;
      opacity: 0
  }
}

@keyframes SlideDownOut {
  0% {
      -webkit-transform: scaleY(1);
      transform: scaleY(1);
      -webkit-transform-origin: 0 0;
      transform-origin: 0 0;
      opacity: 1
  }

  to {
      -webkit-transform: scaleY(.8);
      transform: scaleY(.8);
      -webkit-transform-origin: 0 0;
      transform-origin: 0 0;
      opacity: 0
  }
}

@-webkit-keyframes SlideUpIn {
  0% {
      -webkit-transform: scaleY(.8);
      transform: scaleY(.8);
      -webkit-transform-origin: 100% 100%;
      transform-origin: 100% 100%;
      opacity: 0
  }

  to {
      -webkit-transform: scaleY(1);
      transform: scaleY(1);
      -webkit-transform-origin: 100% 100%;
      transform-origin: 100% 100%;
      opacity: 1
  }
}

@keyframes SlideUpIn {
  0% {
      -webkit-transform: scaleY(.8);
      transform: scaleY(.8);
      -webkit-transform-origin: 100% 100%;
      transform-origin: 100% 100%;
      opacity: 0
  }

  to {
      -webkit-transform: scaleY(1);
      transform: scaleY(1);
      -webkit-transform-origin: 100% 100%;
      transform-origin: 100% 100%;
      opacity: 1
  }
}

@-webkit-keyframes SlideUpOut {
  0% {
      -webkit-transform: scaleY(1);
      transform: scaleY(1);
      -webkit-transform-origin: 100% 100%;
      transform-origin: 100% 100%;
      opacity: 1
  }

  to {
      -webkit-transform: scaleY(.8);
      transform: scaleY(.8);
      -webkit-transform-origin: 100% 100%;
      transform-origin: 100% 100%;
      opacity: 0
  }
}

@keyframes SlideUpOut {
  0% {
      -webkit-transform: scaleY(1);
      transform: scaleY(1);
      -webkit-transform-origin: 100% 100%;
      transform-origin: 100% 100%;
      opacity: 1
  }

  to {
      -webkit-transform: scaleY(.8);
      transform: scaleY(.8);
      -webkit-transform-origin: 100% 100%;
      transform-origin: 100% 100%;
      opacity: 0
  }
}

.kd-select {
  position: relative;
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: transparent;
  cursor: pointer;
  margin: 0 8px 2px 0;
  vertical-align: middle
}

.kd-select-selector:hover .kd-select-icon-active,
.kd-select-visible .kd-select-icon-active {
  color: #3761ca
}

.kd-select-icon-arrow {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  vertical-align: middle
}

.kd-select-icon-arrow-up {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.kd-select-icon-arrow-down,
.kd-select-icon-arrow-up {
  -webkit-transition: -webkit-transform .2s cubic-bezier(.4, 0, .6, 1);
  transition: -webkit-transform .2s cubic-bezier(.4, 0, .6, 1);
  transition: transform .2s cubic-bezier(.4, 0, .6, 1);
  transition: transform .2s cubic-bezier(.4, 0, .6, 1), -webkit-transform .2s cubic-bezier(.4, 0, .6, 1)
}

.kd-select-icon-arrow-down {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg)
}

.kd-select-icon-arrow-focus {
  color: var(--kd-c-select-color-border-foucs, var(--kd-g-color-theme, #5582f3))
}

.kd-select-icon-clear {
  opacity: 0;
  -webkit-transition: opacity .15s ease;
  transition: opacity .15s ease
}

.kd-select-icon-clear:hover {
  color: var(--kd-c-select-color-border-hover, var(--kd-g-color-theme, #5582f3))
}

.kd-select-selection-search {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 11px
}

.kd-select-selection-search-input {
  opacity: 0;
  margin: 0;
  padding: 0;
  background: 0 0;
  border: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

.kd-select-selection-search-input:hover {
  cursor: pointer
}

.kd-select-focused {
  border-color: var(--kd-c-select-color-border-foucs, var(--kd-g-color-theme, #5582f3)) !important
}

.kd-select-placeholder {
  color: var(--kd-c-select-placeholder-color-text, #b2b2b2);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.kd-select-borderless {
  border: none
}

.kd-select-underline {
  border-bottom: 1px solid var(--kd-c-select-color-border, var(--kd-g-color-input, #999))
}

.kd-select-underline:hover:not(.kd-select-multiple-disabled):not(.kd-select-single-disabled) {
  border-bottom: 1px solid var(--kd-c-select-color-border-hover, var(--kd-g-color-theme, #5582f3))
}

.kd-select-bordered {
  border: 1px solid var(--kd-c-select-border-color-border, var(--kd-g-color-border-strong, #d9d9d9));
  padding-left: 8px !important;
  border-radius: 2px
}

.kd-select-bordered:hover:not(.kd-select-multiple-disabled):not(.kd-select-single-disabled) {
  border: 1px solid var(--kd-c-select-color-border-hover, var(--kd-g-color-theme, #5582f3))
}

.kd-select-bordered .kd-select-suffix {
  right: 10px
}

.kd-select-wrapper {
  -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);
  transition: all .3s cubic-bezier(.645, .045, .355, 1);
  padding: 1px 28px 1px 0;
  max-width: 100%;
  color: #212121;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  overflow-y: auto;
  overflow-x: hidden
}

.kd-select-dropdown,
.kd-select-wrapper {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.kd-select-dropdown {
  display: block;
  left: 0;
  z-index: var(--kd-c-select-z-index, var(--kd-g-z-index-popper, 1050));
  padding: 4px 0;
  margin: 0;
  overflow: auto;
  font-size: var(--kd-c-select-dropdown-font-size, 12px);
  font-variant: normal;
  background-color: var(--kd-c-select-dropdown-color-background, var(--kd-g-color-background, #fff));
  border-radius: var(--kd-c-select-radius-border, var(--kd-g-radius-border, 2px));
  outline: none;
  -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .2);
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .2)
}

.kd-select-dropdown-scroll {
  overflow-y: auto
}

.kd-select-dropdown-empty {
  padding: 5px 12px
}

.kd-select-dropdown-search {
  padding: 5px 6px
}

.kd-select-dropdown-search-hidden {
  display: none
}

.kd-select-item {
  position: relative;
  display: block;
  font-weight: 400;
  font-size: var(--kd-c-select-dropdown-font-size, 12px);
  min-height: var(--kd-c-select-item-sizing-height, 22px);
  padding: 5px 12px;
  color: var(--kd-c-select-footer-color-text, var(--kd-g-color-text-primary, #212121));
  line-height: var(--kd-c-select-dropdown-line-height, 22px);
  cursor: pointer;
  -webkit-transition: background .3s ease;
  transition: background .3s ease
}

.kd-select-item-option {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 75px
}

.kd-select-item-option-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.kd-select-item-option-active:not(.kd-select-item-option-disabled),
.kd-select-item-option:hover:not(.kd-select-item-option-selected):not(.kd-select-item-option-disabled) {
  background-color: var(--kd-c-select-color-background, #f5f5f5)
}

.kd-select-item-option-selected:not(.kd-select-item-option-disabled) {
  color: var(--kd-c-select-item-color-text-selected, var(--kd-g-color-theme, #5582f3));
  background-color: var(--kd-c-select-color-background-selected, var(--kd-g-color-theme-3, #e3eeff))
}

.kd-select-item-option-disabled {
  color: var(--kd-c-select-item-color-text-disabled, var(--kd-g-color-disabled, #b2b2b2));
  cursor: not-allowed;
  background-color: var(--kd-c-select-item-color-background-disabled, #fff)
}

.kd-select-size-small {
  min-height: var(--kd-c-select-sizing-height-small, 24px);
  max-height: calc(var(--kd-c-select-sizing-height-small, 24px)*3 - 10px);
  line-height: var(--kd-c-select-line-height-small, 14px);
  font-size: var(--kd-c-select-font-size-small, 12px)
}

.kd-select-size-middle {
  min-height: var(--kd-c-select-sizing-height-middle, 30px);
  max-height: calc(var(--kd-c-select-sizing-height-middle, 30px)*3 - 10px);
  line-height: var(--kd-c-select-line-height-middle, 22px);
  font-size: var(--kd-c-select-font-size-middle, 14px)
}

.kd-select-size-large {
  min-height: var(--kd-c-select-sizing-height-large, 36px);
  max-height: calc(var(--kd-c-select-sizing-height-large, 36px)*3 - 10px);
  line-height: var(--kd-c-select-line-height-large, 28px);
  font-size: var(--kd-c-select-font-size-large, 16px)
}

.kd-select-suffix {
  right: 0;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: 0;
  flex: 0;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-left: 8px
}

.kd-select-single-focused {
  border-color: var(--kd-c-select-color-border-foucs, var(--kd-g-color-theme, #5582f3)) !important
}

.kd-select-single-disabled {
  background-color: var(--kd-c-select-color-background-disabled, #f5f5f5);
  color: var(--kd-c-select-color-text-disabled, var(--kd-g-color-disabled, #b2b2b2))
}

.kd-select-single-disabled:hover {
  cursor: not-allowed
}

.kd-select-single-disabled .kd-select-suffix {
  color: var(--kd-c-select-arrow-icon-color-text-disabled, #b2b2b2)
}

.kd-select-single:hover .kd-select-icon-clear {
  opacity: 1
}

.kd-select-single-text {
  color: var(--kd-c-select-single-color-text, var(--kd-g-color-text-primary, #212121));
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.kd-select-single-disabled-text {
  color: var(--kd-c-select-color-text-disabled, var(--kd-g-color-disabled, #b2b2b2))
}

.kd-select .kd-select-selection-item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  vertical-align: middle;
  max-width: 100%;
  height: 20px;
  line-height: 20px;
  margin: 2px 8px 2px 0;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.kd-select .kd-select-selection-item-middle,
.kd-select .kd-select-selection-item-small {
  height: 18px;
  line-height: 18px;
  font-size: 12px
}

.kd-select .kd-select-selection-item-large {
  font-size: 14px;
  line-height: 22px;
  height: 22px
}

.kd-select .kd-select-selection-item-content {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  vertical-align: middle;
  padding: 0 7px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border: 1px solid #ccc;
  color: #212121
}

.kd-select .kd-select-selection-item-span {
  position: relative;
  margin-left: .5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.kd-select .kd-select-selection-item-input {
  cursor: text;
  margin: 0;
  padding: 0;
  background: 0 0;
  border: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  min-width: 20px
}

.kd-select-multiple-disabled {
  cursor: not-allowed;
  background-color: var(--kd-c-select-color-background-disabled, #f5f5f5);
  color: var(--kd-c-select-color-text-disabled, var(--kd-g-color-disabled, #b2b2b2))
}

.kd-select-multiple-disabled .kd-select-suffix {
  color: var(--kd-c-select-arrow-icon-color-text-disabled, #b2b2b2)
}

.kd-select-multiple:hover .kd-select-icon-clear {
  opacity: 1
}

.kd-select-multiple-selector {
  position: relative;
  cursor: text;
  padding-right: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.kd-select-multiple .kd-select-wrapper:hover:not(.kd-select-multiple-disabled) {
  border-bottom: 1px solid var(--kd-c-select-color-border-hover, var(--kd-g-color-theme, #5582f3))
}

.kd-select-multiple-footer {
  color: var(--kd-c-select-footer-color-text, var(--kd-g-color-text-primary, #212121));
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  padding: 0 12px;
  height: 32px;
  line-height: 32px;
  border-top: 1px solid #d9d9d9;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.kd-select-multiple-footer-hadSelected {
  color: #999;
  padding-left: 12px
}

.kd-select-multiple-footer-hadSelected>span {
  color: var(--kd-c-select-footer-color-text-selected, #0e5fd8);
  padding: 0 2px
}

.kd-select.bottomLeft.hidden,
.kd-select.bottomRight.hidden,
.kd-select.topLeft.hidden,
.kd-select.topRight.hidden {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .2s cubic-bezier(.4, 0, .6, 1);
  transition: all .2s cubic-bezier(.4, 0, .6, 1)
}

.slider {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 12px;
  margin: 10px 6px;
  padding: 4px 0;
  cursor: pointer;
  -ms-touch-action: none;
  touch-action: none
}

.slider-vertical {
  width: 12px;
  height: 100%;
  margin: 6px 10px;
  padding: 0 4px
}

.slider-dot {
  top: -2px;
  margin-left: -4px;
  display: block;
  width: 8px;
  height: 8px;
  border: 2px solid #f0f0f0;
  border-radius: 50%
}

.slider-dot,
.slider-handle {
  position: absolute;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  cursor: pointer
}

.slider-handle {
  top: -1px;
  margin-left: -7px;
  width: 14px;
  height: 14px;
  border: 2px solid var(--kd-c-slider-handle-color-border, var(--kd-g-color-theme, #5582f3));
  border-radius: 50%
}

.kd-slider {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 12px;
  margin: 10px 6px;
  padding: 4px 0;
  cursor: pointer;
  -ms-touch-action: none;
  touch-action: none
}

.kd-slider-rail {
  position: absolute;
  width: 100%;
  height: 4px;
  background-color: var(--kd-c-slider-trail-color-background, var(--kd-g-color-border-weak, #e5e5e5));
  border-radius: 2px
}

.kd-slider-track {
  position: absolute;
  height: 4px;
  background-color: var(--kd-c-slider-track-color-background, var(--kd-g-color-theme, #5582f3))
}

.kd-slider-step {
  position: absolute;
  width: 100%
}

.kd-slider-dot {
  position: absolute;
  top: -2px;
  margin-left: -4px;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 8px;
  height: 8px;
  background-color: #fff;
  border: 2px solid #f0f0f0;
  border-radius: 50%;
  cursor: pointer
}

.kd-slider-dot.kd-slider-dot-actived {
  border-color: var(--kd-c-slider-dot-color-border-actived, var(--kd-g-color-theme, #5582f3))
}

.kd-slider-handle {
  position: absolute;
  top: -1px;
  margin-left: -7px;
  width: 14px;
  height: 14px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  border: 2px solid var(--kd-c-slider-handle-color-border, var(--kd-g-color-theme, #5582f3));
  border-radius: 50%;
  cursor: pointer
}

.kd-slider-mark {
  position: absolute;
  width: 100%;
  top: 14px
}

.kd-slider-mark-text {
  position: absolute;
  display: inline-block;
  color: var(--kd-c-slider-mark-color-text, var(--kd-g-color-text-primary, #212121));
  word-break: keep-all;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

.kd-slider-mark-text.kd-slider-mark-text-actived {
  color: var(--kd-c-slider-mark-color-text-actived, var(--kd-g-color-text-primary-2, #fff))
}

.kd-slider:hover>.kd-slider-rail {
  background-color: #e1e1e1
}

.kd-slider:not(.kd-slider-disabled):hover>.kd-slider-handle {
  border-color: var(--kd-c-slider-handle-color-border-hover, var(--kd-g-color-theme-5, #87adff))
}

.kd-slider:not(.kd-slider-disabled):hover .kd-slider-track {
  background-color: var(--kd-c-slider-track-color-background-hover, var(--kd-g-color-theme-5, #87adff))
}

.kd-slider-reverse .kd-slider-dot {
  top: -2px;
  margin-right: -4px;
  margin-left: 0
}

.kd-slider-reverse .kd-slider-mark-text {
  -webkit-transform: translateX(50%);
  transform: translateX(50%)
}

.kd-slider-reverse.kd-slider-handle {
  top: -1px;
  margin-right: -7px;
  margin-left: 0
}

.kd-slider-vertical {
  width: 12px;
  height: 100%;
  margin: 6px 10px;
  padding: 0 4px
}

.kd-slider-vertical .kd-slider-rail {
  width: 4px;
  height: 100%
}

.kd-slider-vertical .kd-slider-track {
  width: 4px
}

.kd-slider-vertical .kd-slider-step {
  width: 4px;
  height: 100%
}

.kd-slider-vertical .kd-slider-dot {
  top: auto;
  margin-left: 0;
  left: -2px;
  margin-bottom: -4px
}

.kd-slider-vertical .kd-slider-mark {
  width: 4px;
  height: 100%;
  top: auto;
  left: 14px
}

.kd-slider-vertical .kd-slider-mark-text {
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.kd-slider-vertical .kd-slider-handle {
  left: -1px;
  margin-left: 0;
  margin-bottom: -7px
}

.kd-slider-vertical .kd-slider-reverse .kd-slider-dot {
  top: auto;
  margin-left: 0;
  left: -2px;
  margin-top: -4px
}

.kd-slider-vertical .kd-slider-reverse .kd-slider-mark-text {
  -webkit-transform: translateY(50%);
  transform: translateY(50%)
}

.kd-slider-vertical .kd-slider-reverse.kd-slider-handle {
  margin-left: 0;
  margin-top: -7px
}

.kd-slider-disabled {
  cursor: not-allowed
}

.kd-slider-disabled .kd-slider-track {
  background-color: var(--kd-c-slider-track-color-background-hover, var(--kd-g-color-disabled, #b2b2b2))
}

.kd-slider-disabled .kd-slider-dot {
  border-color: var(--kd-c-slider-dot-color-border-actived, var(--kd-g-color-disabled, #b2b2b2));
  cursor: not-allowed
}

.kd-slider-disabled .kd-slider-handle {
  border-color: var(--kd-c-slider-handle-color-border-hover, var(--kd-g-color-disabled, #b2b2b2));
  cursor: not-allowed
}

.kd-space {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  row-gap: var(--rgap)
}

.kd-space.kd-space-horizontal>:not(:last-child) {
  margin-right: var(--cgap)
}

.kd-space.kd-space-vertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.kd-space.kd-space-vertical>:not(:last-child) {
  margin-bottom: var(--cgap)
}

.kd-space.kd-space-wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.kd-space.kd-space-align-start {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.kd-space.kd-space-align-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.kd-space.kd-space-align-end {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

.kd-space.kd-space-align-baseline {
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline
}

.kd-spin-page .kd-spin-dot-spin {
  width: var(--kd-c-spin-page-dot-spin-sizing-square, 48px);
  height: var(--kd-c-spin-page-dot-spin-sizing-square, 48px);
  padding: var(--kd-c-spin-page-dot-spin-spacing-padding, 4px);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-line-pack: justify;
  align-content: space-between
}

.kd-spin-page .kd-spin-dot-item {
  width: var(--kd-c-spin-page-dot-item-sizing-square, 16px);
  height: var(--kd-c-spin-page-dot-item-sizing-square, 16px);
  background-color: var(--kd-c-spin-dot-color-backgroung-first, var(--kd-g-color-logo-1, #2486ee));
  border-radius: 50%
}

.kd-spin-page .kd-spin-dot-item:nth-child(odd) {
  -webkit-animation: pageLoading 1s ease-in-out .3s infinite;
  animation: pageLoading 1s ease-in-out .3s infinite
}

.kd-spin-page .kd-spin-dot-item:nth-child(2n+2) {
  background-color: var(--kd-c-spin-dot-color-backgroung-second, var(--kd-g-color-logo-2, #02ccfe));
  -webkit-animation: pageLoading 1s ease-in-out .2s infinite;
  animation: pageLoading 1s ease-in-out .2s infinite
}

.kd-spin-page .kd-spin-dot-item:nth-child(2n+3) {
  background-color: var(--kd-c-spin-dot-color-backgroung-third, var(--kd-g-color-logo-3, #05c8c7));
  -webkit-animation: pageLoading 1s ease-in-out .1s infinite;
  animation: pageLoading 1s ease-in-out .1s infinite
}

.kd-spin-page .kd-spin-dot-item:nth-child(2n+4) {
  background-color: var(--kd-c-spin-dot-color-backgroung-fourth, var(--kd-g-color-logo-4, #a06eff));
  -webkit-animation: pageLoading 1s ease-in-out infinite;
  animation: pageLoading 1s ease-in-out infinite
}

@-webkit-keyframes pageLoading {
  50% {
      -webkit-transform: scale(1.25);
      transform: scale(1.25)
  }

  to {
      -webkit-transform: scale(1);
      transform: scale(1)
  }
}

@keyframes pageLoading {
  50% {
      -webkit-transform: scale(1.25);
      transform: scale(1.25)
  }

  to {
      -webkit-transform: scale(1);
      transform: scale(1)
  }
}

.kd-spin-container .kd-spin-dot-spin {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 15px;
  width: 35px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

.kd-spin-container .kd-spin-dot-spin .kd-spin-dot-item {
  width: var(--kd-c-spin-dot-container-sizing-square, 5px);
  height: var(--kd-c-spin-dot-container-sizing-square, 5px);
  background-color: var(--kd-c-spin-dot-color-backgroung-first, var(--kd-g-color-logo-1, #2486ee));
  border-radius: 50%
}

.kd-spin-container .kd-spin-dot-spin .kd-spin-dot-item:nth-child(odd) {
  -webkit-animation: containerLoading 1s ease-in-out .6s infinite;
  animation: containerLoading 1s ease-in-out .6s infinite
}

.kd-spin-container .kd-spin-dot-spin .kd-spin-dot-item:nth-child(2n+2) {
  background-color: var(--kd-c-spin-dot-color-backgroung-second, var(--kd-g-color-logo-2, #02ccfe));
  -webkit-animation: containerLoading 1s ease-in-out .45s infinite;
  animation: containerLoading 1s ease-in-out .45s infinite
}

.kd-spin-container .kd-spin-dot-spin .kd-spin-dot-item:nth-child(2n+3) {
  background-color: var(--kd-c-spin-dot-color-backgroung-third, var(--kd-g-color-logo-3, #05c8c7));
  -webkit-animation: containerLoading 1s ease-in-out .3s infinite;
  animation: containerLoading 1s ease-in-out .3s infinite
}

.kd-spin-container .kd-spin-dot-spin .kd-spin-dot-item:nth-child(2n+4) {
  background-color: var(--kd-c-spin-dot-color-backgroung-fourth, var(--kd-g-color-logo-4, #a06eff));
  -webkit-animation: containerLoading 1s ease-in-out .15s infinite;
  animation: containerLoading 1s ease-in-out .15s infinite
}

@-webkit-keyframes containerLoading {
  50% {
      -webkit-transform: translateY(-10px);
      transform: translateY(-10px)
  }

  to {
      -webkit-transform: translateY(0);
      transform: translateY(0)
  }
}

@keyframes containerLoading {
  50% {
      -webkit-transform: translateY(-10px);
      transform: translateY(-10px)
  }

  to {
      -webkit-transform: translateY(0);
      transform: translateY(0)
  }
}

.kd-spin-component .kd-spin-dot-spin {
  border: var(--kd-c-spin-dot-component-sizing-border, 2px) solid var(--kd-c-spin-component-dot-color-border, #ebebeb);
  border-radius: 50%;
  position: relative
}

.kd-spin-component .kd-spin-dot-spin,
.kd-spin-component .kd-spin-dot-spin .kd-spin-dot-item {
  width: var(--kd-c-spin-dot-component-sizing-square, 24px);
  height: var(--kd-c-spin-dot-component-sizing-square, 24px);
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.kd-spin-component .kd-spin-dot-spin .kd-spin-dot-item {
  border-right: var(--kd-c-spin-dot-component-sizing-border, 2px) solid transparent;
  border-right-color: var(--kd-c-spin-component-dot-item-color-border, var(--kd-g-color-theme, #5582f3));
  border-style: solid;
  border-width: var(--kd-c-spin-dot-component-sizing-border, 2px);
  border-radius: 50%;
  position: absolute;
  top: calc(var(--kd-c-spin-dot-component-sizing-border, 2px)*-1);
  left: calc(var(--kd-c-spin-dot-component-sizing-border, 2px)*-1);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: componentRotate 1s linear infinite;
  animation: componentRotate 1s linear infinite
}

@-webkit-keyframes componentRotate {
  0% {
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg)
  }

  to {
      -webkit-transform: rotate(315deg);
      transform: rotate(315deg)
  }
}

@keyframes componentRotate {
  0% {
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg)
  }

  to {
      -webkit-transform: rotate(315deg);
      transform: rotate(315deg)
  }
}

.kd-spin-children-wrapper {
  position: relative
}

.kd-spin-has-children {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1
}

.kd-spin-children-container {
  opacity: .5;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none
}

.kd-spin-indicator-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.kd-split-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  border: var(--kd-c-split-panel-wrapper-sizing-border, 1px) solid var(--kd-c-split-panel-color-border, #d9d9d9);
  overflow: hidden
}

.kd-split-panel {
  position: absolute;
  overflow: hidden;
  -webkit-transition: all .2s cubic-bezier(0, .4, .4, 1);
  transition: all .2s cubic-bezier(0, .4, .4, 1)
}

.kd-split-panel.left-panel,
.kd-split-panel.right-panel {
  top: 0;
  bottom: 0
}

.kd-split-panel.left-panel {
  left: 0;
  margin-right: calc(var(--kd-c-split-panel-line-sizing-border, 1px)/2)
}

.kd-split-panel.right-panel {
  right: 0;
  margin-left: calc(var(--kd-c-split-panel-line-sizing-border, 1px)/2)
}

.kd-split-panel.bottom-panel,
.kd-split-panel.top-panel {
  left: 0;
  right: 0
}

.kd-split-panel.top-panel {
  top: 0;
  margin-bottom: calc(var(--kd-c-split-panel-line-sizing-border, 1px)/2)
}

.kd-split-panel.bottom-panel {
  bottom: 0;
  margin-top: calc(var(--kd-c-split-panel-line-sizing-border, 1px)/2)
}

.kd-split-panel-moving {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.kd-split-trigger-con {
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 10;
  -webkit-transition: all .2s cubic-bezier(0, .4, .4, 1);
  transition: all .2s cubic-bezier(0, .4, .4, 1)
}

.kd-split-trigger-con.is-active .kd-split-trigger-arrow {
  border-color: var(--kd-c-split-panel-arrow-color-background, #999);
  background: var(--kd-c-split-panel-arrow-color-background, #999);
  color: #fff
}

.kd-split-trigger-con.can-drag .kd-split-trigger-vertical {
  cursor: col-resize
}

.kd-split-trigger-con.can-drag .kd-split-trigger-horizontal {
  cursor: row-resize
}

.kd-split-trigger-con.is-disabled .kd-split-trigger-vertical {
  cursor: not-allowed
}

.kd-split-trigger-con:not(.is-disabled):hover .kd-split-trigger-arrow {
  border-color: var(--kd-c-split-panel-arrow-color-background, #999)
}

.kd-split-trigger-con:not(.is-disabled) .kd-split-trigger-arrow:hover {
  cursor: pointer;
  background: #fff !important;
  color: var(--kd-c-split-panel-arrow-color-background-hover, var(--kd-g-color-theme, #5582f3)) !important;
  border-color: var(--kd-c-split-panel-arrow-color-background-hover, var(--kd-g-color-theme, #5582f3)) !important
}

.kd-split-trigger-arrow {
  position: absolute;
  color: var(--kd-c-split-panel-arrow-color-background, #999);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: all .2s cubic-bezier(0, .4, .4, 1);
  transition: all .2s cubic-bezier(0, .4, .4, 1);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: var(--kd-c-split-panel-arrow-sizing-border, 1px) solid transparent
}

.kd-split-trigger-arrow .kdicon {
  font-size: 12px
}

.kd-split-trigger-arrow.is-vertical {
  width: var(--kd-c-split-panel-arrow-sizing-width-vertical, 16px);
  height: var(--kd-c-split-panel-arrow-sizing-height-vertical, 16px);
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.kd-split-trigger-arrow.is-horizontal {
  width: var(--kd-c-split-panel-arrow-sizing-width-horizontal, 16px);
  height: var(--kd-c-split-panel-arrow-sizing-height-horizontal, 16px);
  left: 50%;
  -webkit-transform: translate(-50%);
  transform: translate(-50%)
}

.kd-split-trigger-arrow.top {
  bottom: 100%;
  border-bottom: none;
  border-radius: var(--kd-c-split-panel-arrow-radius-border-vertical, 8px) var(--kd-c-split-panel-arrow-radius-border-vertical, 8px) 0 0
}

.kd-split-trigger-arrow.bottom {
  top: 100%;
  border-top: none;
  border-radius: 0 0 var(--kd-c-split-panel-arrow-radius-border-vertical, 8px) var(--kd-c-split-panel-arrow-radius-border-vertical, 8px)
}

.kd-split-trigger-arrow.left {
  right: 100%;
  border-right: none;
  border-radius: var(--kd-c-split-panel-arrow-radius-border-horizontal, 8px) 0 0 var(--kd-c-split-panel-arrow-radius-border-horizontal, 8px)
}

.kd-split-trigger-arrow.right {
  left: 100%;
  border-left: none;
  border-radius: 0 var(--kd-c-split-panel-arrow-radius-border-horizontal, 8px) var(--kd-c-split-panel-arrow-radius-border-horizontal, 8px) 0
}

.kd-split-trigger-vertical {
  width: var(--kd-c-split-panel-line-sizing-border, 1px);
  height: 100%;
  border-top: none;
  border-bottom: none
}

.kd-split-trigger-horizontal,
.kd-split-trigger-vertical {
  background: var(--kd-c-split-panel-line-color-background, #d9d9d9)
}

.kd-split-trigger-horizontal {
  height: var(--kd-c-split-panel-line-sizing-border, 1px);
  width: 100%;
  border-left: none;
  border-right: none
}

.kd-split-trigger.is-disabled {
  cursor: not-allowed
}

.kd-split-horizontal>.kd-split-trigger-con {
  top: 50%;
  height: 100%
}

.kd-split-vertical>.kd-split-trigger-con {
  left: 50%;
  width: 100%
}

.kd-split .no-select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.kd-inputNumber {
  width: 100px;
  height: var(--kd-c-stepper-input-middle-sizing-height, 28px)
}

.kd-inputNumber input {
  text-align: center;
  color: var(--kd-c-stepper-input-color, var(--kd-g-color-text-primary, #212121));
  margin: 0 4px;
  font-size: var(--kd-c-stepper-input-font-size, 12px)
}

.kd-inputNumber-icon {
  font-size: 14px
}

.kd-inputNumber-baseStep {
  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;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
  cursor: pointer
}

.kd-inputNumber-baseStep-small {
  width: var(--kd-c-stepper-input-small-sizing-height, 20px)
}

.kd-inputNumber-baseStep-middle {
  width: var(--kd-c-stepper-input-middle-sizing-height, 28px)
}

.kd-inputNumber-baseStep-large {
  width: var(--kd-c-stepper-input-large-sizing-height, 36px)
}

.kd-inputNumber-baseStep .kd-inputNumber-icon {
  color: var(--kd-c-stepper-icon-color, var(--kd-g-color-text-secondary, #666));
  -webkit-transition: color var(--kd-c-stepper-motion-duration, var(--kd-g-duration, .3s));
  transition: color var(--kd-c-stepper-motion-duration, var(--kd-g-duration, .3s));
  font-size: 16px
}

.kd-inputNumber-baseStep .kd-inputNumber-icon:hover,
.kd-inputNumber-baseStep:hover:not(.kd-inputNumber-baseStep-disabled) .kd-inputNumber-icon {
  color: var(--kd-c-stepper-icon-color-hover, var(--kd-g-color-theme, #5582f3))
}

.kd-inputNumber-baseStep-disabled {
  cursor: not-allowed;
  color: var(--kd-c-stepper-icon-color-disabled, var(--kd-g-color-disabled, #b2b2b2))
}

.kd-inputNumber-baseStep-disabled .kd-inputNumber-icon {
  color: unset !important
}

.kd-inputNumber-baseStep-decrease {
  border-right: 1px solid var(--kd-c-stepper-color-border-strong, var(--kd-g-color-border-strong, #d9d9d9))
}

.kd-inputNumber-baseStep-decrease.kd-inputNumber-baseStep-large,
.kd-inputNumber-baseStep-decrease.kd-inputNumber-baseStep-middle,
.kd-inputNumber-baseStep-decrease.kd-inputNumber-baseStep-small,
.kd-inputNumber-baseStep-decrease.kd-inputNumber-embedStep-large,
.kd-inputNumber-baseStep-decrease.kd-inputNumber-embedStep-middle,
.kd-inputNumber-baseStep-decrease.kd-inputNumber-embedStep-small {
  margin-left: calc(var(--kd-c-stepper-input-spacing-padding-horizontal, 9px)*-1)
}

.kd-inputNumber-baseStep-increase {
  border-left: 1px solid var(--kd-c-stepper-color-border-strong, var(--kd-g-color-border-strong, #d9d9d9))
}

.kd-inputNumber-baseStep-increase.kd-inputNumber-baseStep-large,
.kd-inputNumber-baseStep-increase.kd-inputNumber-baseStep-middle,
.kd-inputNumber-baseStep-increase.kd-inputNumber-baseStep-small,
.kd-inputNumber-baseStep-increase.kd-inputNumber-embedStep-large,
.kd-inputNumber-baseStep-increase.kd-inputNumber-embedStep-middle,
.kd-inputNumber-baseStep-increase.kd-inputNumber-embedStep-small {
  margin-right: calc(var(--kd-c-stepper-input-spacing-padding-horizontal, 9px)*-1)
}

.kd-inputNumber-embedStep {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  border-radius: 0 1px 1px 0;
  background-color: var(--kd-c-stepper-embed-icon-color-background, transparent);
  overflow: hidden;
  border: none
}

.kd-inputNumber-embedStep.kd-inputNumber-baseStep-large,
.kd-inputNumber-embedStep.kd-inputNumber-baseStep-middle,
.kd-inputNumber-embedStep.kd-inputNumber-baseStep-small,
.kd-inputNumber-embedStep.kd-inputNumber-embedStep-large,
.kd-inputNumber-embedStep.kd-inputNumber-embedStep-middle,
.kd-inputNumber-embedStep.kd-inputNumber-embedStep-small {
  margin-right: calc(var(--kd-c-stepper-input-spacing-padding-horizontal, 9px)*-1)
}

.kd-inputNumber-embedStep span {
  height: 50%;
  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;
  border-left: 1px solid var(--kd-c-stepper-color-border-strong, var(--kd-g-color-border-strong, #d9d9d9));
  border-bottom: 1px solid var(--kd-c-stepper-color-border-strong, var(--kd-g-color-border-strong, #d9d9d9));
  cursor: pointer;
  font-size: 12px
}

.kd-inputNumber-embedStep span .kd-inputNumber-icon {
  -webkit-transition: color var(--kd-c-stepper-motion-duration, var(--kd-g-duration, .3s));
  transition: color var(--kd-c-stepper-motion-duration, var(--kd-g-duration, .3s))
}

.kd-inputNumber-embedStep span:hover .kd-inputNumber-icon {
  color: var(--kd-c-stepper-icon-color-hover, var(--kd-g-color-theme, #5582f3))
}

.kd-inputNumber-embedStep span:last-child {
  border-bottom: none
}

.kd-inputNumber-embedStep-disabled {
  cursor: not-allowed !important;
  color: var(--kd-c-stepper-icon-color-disabled, var(--kd-g-color-disabled, #b2b2b2))
}

.kd-inputNumber-embedStep-disabled .kd-inputNumber-icon {
  color: unset !important
}

.kd-steps {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.kd-steps .kd-steps-icon {
  border: 2px solid;
  padding-top: 1px
}

.kd-steps .kdicon-exclamatory {
  font-size: 30px
}

.kd-steps-item {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 0
}

.kd-steps-item-clickable {
  cursor: pointer
}

.kd-steps-item-clickable .kd-steps-item-iconContainer-icon .kd-steps-icon {
  background-color: var(--kd-c-steps-color-white, var(--kd-g-color-white, #fff))
}

.kd-steps-item-clickable.kd-steps-item-wait .kd-steps-icon,
.kd-steps-item-clickable.kd-steps-item-wait .kd-steps-item-title {
  -webkit-transition: all var(--kd-c-steps-motion-duration, var(--kd-g-duration, .3s));
  transition: all var(--kd-c-steps-motion-duration, var(--kd-g-duration, .3s))
}

.kd-steps-item-clickable.kd-steps-item-wait:hover .kd-steps-icon {
  background-color: var(--kd-c-steps-color-white, var(--kd-g-color-white, #fff));
  border-color: var(--kd-c-steps-color-hover, var(--kd-g-color-theme, #5582f3))
}

.kd-steps-item-clickable.kd-steps-item-wait:hover .kd-steps-icon,
.kd-steps-item-clickable.kd-steps-item-wait:hover .kd-steps-item-description,
.kd-steps-item-clickable.kd-steps-item-wait:hover .kd-steps-item-title {
  color: var(--kd-c-steps-color-hover, var(--kd-g-color-theme, #5582f3))
}

.kd-steps-item-clickable.kd-steps-item-finish .kd-steps-item-title {
  -webkit-transition: all var(--kd-c-steps-motion-duration, var(--kd-g-duration, .3s)) ease;
  transition: all var(--kd-c-steps-motion-duration, var(--kd-g-duration, .3s)) ease
}

.kd-steps-item-clickable.kd-steps-item-finish:hover .kd-steps-item-title {
  color: var(--kd-c-steps-color-completed, var(--kd-g-color-success, #1ba854))
}

.kd-steps-item-container {
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.kd-steps-item-container,
.kd-steps-item-iconContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.kd-steps-item-iconContainer {
  position: relative
}

.kd-steps-item-iconContainer:after {
  content: "";
  width: 100%;
  height: var(--kd-c-steps-line-sizing-height, 1px);
  border-bottom: 1px dashed var(--kd-c-steps-color-wait, #999);
  border-left: 1px dashed var(--kd-c-steps-color-wait, #999);
  position: absolute;
  left: 50%;
  top: calc(50% - var(--kd-c-steps-line-sizing-height, 1px)/2);
  -webkit-transition: width var(--kd-c-steps-motion-duration, var(--kd-g-duration, .3s)) cubic-bezier(.48, .04, .52, .96), background-color var(--kd-c-steps-motion-duration, var(--kd-g-duration, .3s)) cubic-bezier(.48, .04, .52, .96);
  transition: width var(--kd-c-steps-motion-duration, var(--kd-g-duration, .3s)) cubic-bezier(.48, .04, .52, .96), background-color var(--kd-c-steps-motion-duration, var(--kd-g-duration, .3s)) cubic-bezier(.48, .04, .52, .96)
}

.kd-steps-item-iconContainer:last-child:after {
  display: none
}

.kd-steps-item-iconContainer-icon {
  z-index: 1
}

.kd-steps-item-iconContainer-icon,
.kd-steps-item-iconContainer-icon .kd-steps-icon {
  width: var(--kd-c-steps-icon-sizing-width, 28px);
  height: var(--kd-c-steps-icon-sizing-width, 28px);
  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-steps-item-iconContainer-icon .kd-steps-icon {
  background-color: var(--kd-c-steps-color-white, var(--kd-g-color-white, #fff));
  color: var(--kd-c-steps-color-wait, #999);
  font-size: calc(var(--kd-c-steps-icon-sizing-width, 28px) - 13px);
  border-radius: 50%;
  border-color: var(--kd-c-steps-color-wait, #999);
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.kd-steps-item-content {
  text-align: center
}

.kd-steps-item-content .kd-steps-item-description,
.kd-steps-item-content .kd-steps-item-title {
  line-height: 20px;
  font-size: var(--kd-c-steps-font-size, var(--kd-g-font-size-small, 12px));
  color: var(--kd-c-steps-color-wait, #999);
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  display: -webkit-box;
  -webkit-box-orient: vertical
}

.kd-steps-item-content .kd-steps-item-description {
  width: var(--kd-c-steps-vertical-description-sizing-width, 200px)
}

.kd-steps-item-process,
.kd-steps-item-process .kd-steps-icon {
  color: var(--kd-c-steps-color-hover, var(--kd-g-color-theme, #5582f3))
}

.kd-steps-item-process .kd-steps-icon {
  background-color: var(--kd-c-steps-color-white, var(--kd-g-color-white, #fff));
  border-color: var(--kd-c-steps-color-hover, var(--kd-g-color-theme, #5582f3))
}

.kd-steps-item-process .kd-steps-item-description,
.kd-steps-item-process .kd-steps-item-title {
  color: var(--kd-c-steps-color-hover, var(--kd-g-color-theme, #5582f3))
}

.kd-steps-item:last-child .kd-steps-item-iconContainer:after {
  display: none
}

.kd-steps-item-finish .kd-steps-icon {
  background-color: var(--kd-c-steps-color-white, var(--kd-g-color-white, #fff));
  border-color: var(--kd-c-steps-color-completed, var(--kd-g-color-success, #1ba854));
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.kd-steps-item-finish .kd-steps-icon,
.kd-steps-item-finish .kd-steps-item-content .kd-steps-item-description,
.kd-steps-item-finish .kd-steps-item-content .kd-steps-item-title {
  color: var(--kd-c-steps-color-completed, var(--kd-g-color-success, #1ba854))
}

.kd-steps-item-error .kd-steps-icon {
  border-color: var(--kd-c-steps-color-error, var(--kd-g-color-error, #fb2323))
}

.kd-steps-item-error .kd-steps-icon,
.kd-steps-item-error .kd-steps-item-content .kd-steps-item-description,
.kd-steps-item-error .kd-steps-item-content .kd-steps-item-title {
  color: var(--kd-c-steps-color-error, var(--kd-g-color-error, #fb2323))
}

.kd-steps-bottomLable .kd-steps-item-iconContainer {
  margin-bottom: 4px
}

.kd-steps-horizontal .kd-steps-item {
  min-width: 88px;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  padding: 0 22px
}

.kd-steps-horizontal .kd-steps-item:first-child {
  padding-left: 0
}

.kd-steps-horizontal .kd-steps-item:last-child {
  padding-right: 0
}

.kd-steps-horizontal .kd-steps-item .kd-steps-item-description {
  height: var(--kd-c-steps-horizontal-description-sizing-height, 60px);
  width: auto
}

.kd-steps-horizontal .kd-steps-item-iconContainer:after {
  width: calc(100% + 44px)
}

.kd-steps-vertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.kd-steps-vertical .kd-steps-item {
  width: 100%;
  min-height: 68px;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  padding: 22px 0
}

.kd-steps-vertical .kd-steps-item:first-child {
  padding-top: 0
}

.kd-steps-vertical .kd-steps-item:last-child {
  padding-bottom: 0
}

.kd-steps-vertical .kd-steps-item-container {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.kd-steps-vertical .kd-steps-item-iconContainer {
  margin-bottom: 0;
  margin-right: 4px
}

.kd-steps-vertical .kd-steps-item-iconContainer:after {
  width: var(--kd-c-steps-line-sizing-height, 1px);
  height: calc(100% + 44px);
  top: 2px;
  left: calc(50% - var(--kd-c-steps-line-sizing-height, 1px)/2)
}

.kd-steps-vertical .kd-steps-item-content {
  text-align: left;
  margin-top: 1px
}

.kd-switch {
  padding: 0;
  position: relative;
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: var(--kd-c-switch-color-off, #b2b2b2);
  cursor: pointer
}

.kd-switch,
.kd-switch:after {
  -webkit-transition: all .2s cubic-bezier(0, .4, .4, 1);
  transition: all .2s cubic-bezier(0, .4, .4, 1)
}

.kd-switch:after {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  border-radius: 50%;
  background-color: #fff
}

.kd-switch .kd-switch-inner {
  color: var(--kd-c-switch-color-font, var(--kd-g-color-white, #fff));
  font-size: var(--kd-c-switch-inner-font-size-small, var(--kd-g-font-size-small, 12px));
  margin: var(--kd-c-switch-inner-spacing-margin, 0 5px 0 17px);
  -webkit-transition: all .2s cubic-bezier(0, .4, .4, 1);
  transition: all .2s cubic-bezier(0, .4, .4, 1);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.kd-switch .kd-switch-loading-icon {
  color: #b2b2b2;
  position: absolute;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  left: 1px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 10
}

.kd-switch .kd-switch-loading-icon .kdicon-loadding-circle {
  -webkit-animation: loadingcircle 1s infinite;
  animation: loadingcircle 1s infinite;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  font-size: var(--kd-c-switch-small-font-size, var(--kd-g-font-size-small, 12px));
  line-height: 1;
  vertical-align: baseline
}

.kd-switch-disabled {
  background-color: var(--kd-c-switch-color-off-background-disabled, #d9d9d9);
  cursor: not-allowed
}

.kd-switch-checked {
  background-color: var(--kd-c-switch-color-on, var(--kd-g-color-theme-6, #5582f3));
  text-align: right
}

.kd-switch-checked:after {
  left: 100%;
  margin-left: -1px;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%)
}

.kd-switch-checked .kd-switch-loading-icon {
  left: unset;
  right: 1px;
  color: var(--kd-c-switch-color-loading, var(--kd-g-color-ongoing, #276ff5))
}

.kd-switch-checked.kd-switch-disabled {
  background-color: var(--kd-c-switch-color-on-background-disabled, var(--kd-g-color-theme-4, #b5cfff))
}

.kd-switch-checked .kd-switch-inner {
  margin: var(--kd-c-switch-inner-spacing-margin-checked, 0 17px 0 5px)
}

.kd-switch-checked.kd-switch-size-large .kd-switch-inner {
  margin: var(--kd-c-switch-inner-spacing-margin-large-checked, 0 21px 0 5px)
}

.kd-switch-size-small {
  height: var(--kd-c-switch-small-sizing-height, 16px);
  min-width: var(--kd-c-switch-small-sizing-width, 32px);
  line-height: var(--kd-c-switch-small-line-height, 16px);
  font-size: var(--kd-c-switch-small-font-size, var(--kd-g-font-size-small, 12px));
  border-radius: var(--kd-c-switch-small-radius-border, 8px)
}

.kd-switch-size-small .kd-switch-loading-icon,
.kd-switch-size-small:after {
  width: calc(var(--kd-c-switch-small-sizing-height, 16px) - 2px);
  height: calc(var(--kd-c-switch-small-sizing-height, 16px) - 2px)
}

.kd-switch-size-large {
  height: var(--kd-c-switch-large-sizing-height, 20px);
  min-width: var(--kd-c-switch-large-sizing-width, 40px);
  line-height: var(--kd-c-switch-large-line-height, 20px);
  font-size: var(--kd-c-switch-large-font-size, var(--kd-g-font-size-small, 12px));
  border-radius: var(--kd-c-switch-large-sizing-border-radius, 10px)
}

.kd-switch-size-large .kd-switch-loading-icon,
.kd-switch-size-large:after {
  width: calc(var(--kd-c-switch-large-sizing-height, 20px) - 2px);
  height: calc(var(--kd-c-switch-large-sizing-height, 20px) - 2px)
}

.kd-switch-size-large .kd-switch-inner {
  margin: var(--kd-c-switch-inner-spacing-margin-large, 0 5px 0 21px)
}

.kd-table-wrapper,
.kd-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

.kd-tabs {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  height: 100%
}

.kd-tabs-noContainer {
  height: var(--kd-c-tabs-sizing-height, 48px)
}

.kd-tabs-tab-wrap {
  position: relative;
  height: calc(100% + 1px);
  overflow: hidden;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  font-size: 0
}

.kd-tabs-tab-list {
  display: inline-block;
  position: absolute;
  white-space: nowrap;
  top: 0;
  left: 0;
  -webkit-transition: all var(--kd-c-tabs-motion-duration, var(--kd-g-duration, .3s)) var(--kd-c-tabs-motion-timing-function, ease-in);
  transition: all var(--kd-c-tabs-motion-duration, var(--kd-g-duration, .3s)) var(--kd-c-tabs-motion-timing-function, ease-in)
}

.kd-tabs-bottom {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse
}

.kd-tabs-left {
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row
}

.kd-tabs-left,
.kd-tabs-right {
  -webkit-box-orient: horizontal
}

.kd-tabs-right {
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse
}

.kd-tabs-left-arrows {
  -webkit-box-shadow: 2px 0 2px rgba(0, 0, 0, .08);
  box-shadow: 2px 0 2px rgba(0, 0, 0, .08);
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.kd-tabs-left-arrows-line {
  background-color: #fff
}

.kd-tabs-left-arrows-noshadow {
  -webkit-box-shadow: unset;
  box-shadow: unset
}

.kd-tabs-right-arrows {
  -webkit-box-shadow: -2px 0 2px rgba(0, 0, 0, .08);
  box-shadow: -2px 0 2px rgba(0, 0, 0, .08);
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.kd-tabs-right-arrows-line {
  background-color: #fff
}

.kd-tabs-right-arrows-line .kd-tabs-more-btn {
  width: 24px
}

.kd-tabs-right-arrows-grid {
  background-color: #fff;
  -webkit-box-shadow: unset;
  box-shadow: unset;
  border: 1px solid var(--kd-c-tabs-color-border, var(--kd-g-color-border-strong, #d9d9d9))
}

.kd-tabs-right-arrows-grid .kd-tabs-more-btn {
  line-height: 22px
}

.kd-tabs-right-arrows-noshadow {
  -webkit-box-shadow: unset;
  box-shadow: unset
}

.kd-tabs-right-arrows .kdicon {
  font-size: 14px
}

.kd-tabs-left-operations {
  position: relative;
  margin-right: 2px
}

.kd-tabs-left-operations-item {
  padding: 0 12px;
  cursor: pointer
}

.kd-tabs-right-operations {
  position: relative;
  padding-right: 18px
}

.kd-tabs-right-operations-item {
  padding-left: 12px;
  cursor: pointer
}

.kd-tabs-more-btn {
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 48px;
  text-align: center;
  cursor: pointer
}

.kd-tabs-more-btn:hover {
  color: var(--kd-c-tabs-color-text-hover, var(--kd-g-color-theme, #5582f3))
}

.kd-tabs-more-btn-disabled {
  cursor: not-allowed
}

.kd-tabs-more-btn-disabled,
.kd-tabs-more-btn-disabled:hover {
  color: var(--kd-c-tabs-color-text-disabled, var(--kd-g-color-disabled, #b2b2b2))
}

.kd-tabs-navs {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: var(--kd-c-tabs-sizing-height, 48px);
  border-bottom: var(--kd-c-tabs-sizing-border, 1px) solid var(--kd-c-tabs-color-border, var(--kd-g-color-border-strong, #d9d9d9))
}

.kd-tabs-navs-line.kd-tabs-navs-middle {
  height: var(--kd-c-tabs-pane-type-line-sizing-height-middle, 32px)
}

.kd-tabs-navs-line.kd-tabs-navs-small {
  height: var(--kd-c-tabs-pane-type-line-sizing-height-small, 32px) !important
}

.kd-tabs-navs-line .kd-tab-pane-middle {
  line-height: var(--kd-c-tabs-pane-type-line-sizing-height-middle, 32px);
  height: var(--kd-c-tabs-pane-type-line-sizing-height-middle, 32px)
}

.kd-tabs-navs-line .kd-tab-pane-small {
  line-height: var(--kd-c-tabs-pane-type-line-sizing-height-small, 32px);
  height: var(--kd-c-tabs-pane-type-line-sizing-height-small, 32px)
}

.kd-tabs-navs-line.kd-tabs-navs-bottom {
  border-top: 1px solid var(--kd-c-tabs-color-border, var(--kd-g-color-border-strong, #d9d9d9));
  border-bottom: unset
}

.kd-tabs-navs-line.kd-tabs-navs-bottom .kd-tabs-tab-wrap {
  margin-top: -1px
}

.kd-tabs-navs-line.kd-tabs-navs-bottom .kd-tabs-tab-list {
  top: -1px
}

.kd-tabs-navs-line.kd-tabs-navs-bottom .kd-active-line {
  top: 1px;
  bottom: unset
}

.kd-tabs-navs-card {
  border-top: 1px solid var(--kd-c-tabs-color-border, var(--kd-g-color-border-strong, #d9d9d9));
  background-color: var(--kd-c-tabs-card-color-background, var(--kd-g-color-background-contain-disabled, #f5f5f5))
}

.kd-tabs-navs-card .kd-tabs-tab-wrap {
  top: -1px;
  height: calc(100% + 2px)
}

.kd-tabs-navs-card.kd-tabs-navs-left,
.kd-tabs-navs-card.kd-tabs-navs-right {
  min-width: 120px;
  height: 100%;
  font-size: 0;
  border-top: 1px solid transparent
}

.kd-tabs-navs-card.kd-tabs-navs-left:after,
.kd-tabs-navs-card.kd-tabs-navs-left:before,
.kd-tabs-navs-card.kd-tabs-navs-right:after,
.kd-tabs-navs-card.kd-tabs-navs-right:before {
  position: absolute;
  content: "";
  display: inline-block;
  width: 1px;
  height: 100%;
  background-color: var(--kd-c-tabs-color-border, var(--kd-g-color-border-strong, #d9d9d9))
}

.kd-tabs-navs-card.kd-tabs-navs-left:before,
.kd-tabs-navs-card.kd-tabs-navs-right:before {
  left: 0
}

.kd-tabs-navs-card.kd-tabs-navs-left:after,
.kd-tabs-navs-card.kd-tabs-navs-right:after {
  right: 0
}

.kd-tabs-navs-card.kd-tabs-navs-left .kd-tabs-tab-wrap,
.kd-tabs-navs-card.kd-tabs-navs-right .kd-tabs-tab-wrap {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 120px;
  width: 100%;
  z-index: 2
}

.kd-tabs-navs-card.kd-tabs-navs-left .kd-tabs-tab-list,
.kd-tabs-navs-card.kd-tabs-navs-right .kd-tabs-tab-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  white-space: normal;
  width: 100%;
  height: 100%;
  min-width: 120px;
  max-height: 100%;
  overflow: auto
}

.kd-tabs-navs-grid {
  height: 24px;
  border-bottom: unset
}

.kd-tabs-navs-dynamic {
  background-color: var(--kd-c-tabs-card-color-background, var(--kd-g-color-background-contain-disabled, #f5f5f5));
  border-bottom: unset
}

.kd-tabs-navs-dynamic,
.kd-tabs-navs-dynamic .kd-tabs-tab-wrap {
  height: var(--kd-c-tabs-pane-type-dynamic-sizing-height, 32px)
}

.kd-tabs-navs-dynamic .kd-tabs-more-btn {
  line-height: var(--kd-c-tabs-pane-type-dynamic-sizing-height, 32px)
}

.kd-tabs-navs-small:not(.kd-tabs-navs-left):not(.kd-tabs-navs-right) {
  height: 36px
}

.kd-tabs-navs-small:not(.kd-tabs-navs-left):not(.kd-tabs-navs-right).kd-tabs-card-more {
  padding-right: 36px
}

.kd-tab-pane {
  display: inline-block;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: var(--kd-c-tabs-pane-font-size, var(--kd-g-font-size-middle, 14px));
  color: var(--kd-c-tabs-color-text, var(--kd-g-color-text-secondary, #666));
  height: var(--kd-c-tabs-pane-sizing-height, 48px);
  line-height: var(--kd-c-tabs-pane-height, 48px);
  cursor: pointer
}

.kd-tab-pane-text {
  display: inline-block;
  -webkit-transition: color var(--kd-c-tabs-motion-duration, var(--kd-g-duration, .3s));
  transition: color var(--kd-c-tabs-motion-duration, var(--kd-g-duration, .3s))
}

.kd-tab-pane-text-active,
.kd-tab-pane-text:hover {
  color: var(--kd-c-tabs-color-text-active, var(--kd-g-color-theme, #5582f3))
}

.kd-tab-pane-disabled,
.kd-tab-pane-text-disabled:hover {
  color: var(--kd-c-tabs-color-text-disabled, var(--kd-g-color-disabled, #b2b2b2))
}

.kd-tab-pane-disabled {
  cursor: not-allowed
}

.kd-tab-pane-disabled:hover {
  color: var(--kd-c-tabs-color-text-disabled, var(--kd-g-color-disabled, #b2b2b2))
}

.kd-tab-pane-type-line {
  padding: 0 var(--kd-c-tabs-pane-line-paddinng-horizontal, 20px)
}

.kd-tab-pane-type-card {
  margin-right: 0;
  padding: 0 var(--kd-c-tabs-pane-card-paddinng-horizontal, 18px);
  border: 1px solid transparent
}

.kd-tab-pane-type-card.kd-tab-pane-box-active {
  background-color: #fff;
  border-color: var(--kd-c-tabs-color-border, var(--kd-g-color-border-strong, #d9d9d9));
  border-top: 1px solid;
  border-left: 1px solid var(--kd-c-tabs-color-border, var(--kd-g-color-border-strong, #d9d9d9));
  border-bottom: 1px solid transparent;
  border-right: 1px solid var(--kd-c-tabs-color-border, var(--kd-g-color-border-strong, #d9d9d9));
  border-top: 2px solid var(--kd-c-tabs-line-color-active, var(--kd-g-color-theme, #5582f3));
  -webkit-transition: background-color .2s var(--kd-c-tabs-motion-timing-function, ease-in);
  transition: background-color .2s var(--kd-c-tabs-motion-timing-function, ease-in)
}

.kd-tab-pane-type-card.kd-tab-pane-box-active:first-of-type {
  border-left-color: transparent
}

.kd-tab-pane-type-card.kd-tab-pane-left {
  border-left: 2px solid transparent
}

.kd-tab-pane-type-card.kd-tab-pane-left.kd-tab-pane-box-active {
  border-left: 2px solid;
  border-left-color: var(--kd-c-tabs-line-color-active, var(--kd-g-color-theme, #5582f3));
  border-bottom-color: transparent;
  border-right-color: transparent;
  border-top-color: var(--kd-c-tabs-color-border, var(--kd-g-color-border-strong, #d9d9d9))
}

.kd-tab-pane-type-card.kd-tab-pane-right {
  border-right: 1px solid transparent
}

.kd-tab-pane-type-card.kd-tab-pane-right.kd-tab-pane-box-active {
  border-right: 2px solid var(--kd-c-tabs-line-color-active, var(--kd-g-color-theme, #5582f3));
  border-left: 1px solid transparent
}

.kd-tab-pane-type-card.kd-tab-pane-left,
.kd-tab-pane-type-card.kd-tab-pane-right {
  width: 100%;
  border-top: 1px solid var(--kd-c-tabs-color-border, var(--kd-g-color-border-strong, #d9d9d9))
}

.kd-tab-pane-type-card.kd-tab-pane-left:last-of-type,
.kd-tab-pane-type-card.kd-tab-pane-right:last-of-type {
  border-bottom: 1px solid var(--kd-c-tabs-color-border, var(--kd-g-color-border-strong, #d9d9d9))
}

.kd-tab-pane-type-card.kd-tab-pane-bottom {
  border-top: 1px solid transparent;
  border-bottom: 2px solid transparent
}

.kd-tab-pane-type-card.kd-tab-pane-bottom.kd-tab-pane-box-active {
  border-left-color: var(--kd-c-tabs-color-border, var(--kd-g-color-border-strong, #d9d9d9));
  border-bottom: 2px solid;
  border-bottom-color: var(--kd-c-tabs-line-color-active, var(--kd-g-color-theme, #5582f3));
  border-right-color: var(--kd-c-tabs-color-border, var(--kd-g-color-border-strong, #d9d9d9));
  border-top-color: transparent
}

.kd-tab-pane-type-card.kd-tab-pane-bottom.kd-tab-pane-box-active:first-of-type {
  border-left-color: transparent
}

.kd-tab-pane-type-card.kd-tab-pane-top {
  border-top: 2px solid transparent
}

.kd-tab-pane-type-card.kd-tab-pane-top.kd-tab-pane-box-active {
  border-color: currentcolor transparent var(--kd-c-tabs-color-border, var(--kd-g-color-border-strong, #d9d9d9));
  border-top: 2px solid;
  border-top-color: var(--kd-c-tabs-line-color-active, var(--kd-g-color-theme, #5582f3))
}

.kd-tab-pane-type-card.kd-tab-pane-top.kd-tab-pane-box-active:first-of-type {
  border-left-color: transparent
}

.kd-tab-pane-type-dynamic {
  height: var(--kd-c-tabs-pane-type-dynamic-sizing-height, 32px);
  line-height: var(--kd-c-tabs-pane-type-dynamic-sizing-height, 32px);
  margin: 0 0 0 4px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.kd-tab-pane-type-dynamic:not(.kd-tab-pane-disabled):hover .kd-tab-pane-operations span:first-child {
  opacity: 1;
  cursor: pointer
}

.kd-tab-pane-type-dynamic .kd-tab-pane-operations .kdicon {
  font-size: 16px
}

.kd-tab-pane-type-grid {
  height: 24px;
  line-height: 22px;
  padding: 0 var(--kd-c-tabs-pane-grid-paddinng-horizontal, 20px);
  border: 1px solid var(--kd-c-tabs-color-border, var(--kd-g-color-border-strong, #d9d9d9));
  margin-right: -1px
}

.kd-tab-pane-type-grid:first-of-type {
  border-radius: 2px 0 0 2px
}

.kd-tab-pane-type-grid:last-of-type {
  border-radius: 0 2px 2px 0
}

.kd-tab-pane-type-grid.kd-tab-pane-box-active {
  position: relative;
  z-index: 2;
  background-color: var(--kd-c-tabs-line-color-active, var(--kd-g-color-theme, #5582f3));
  border: 1px solid var(--kd-c-tabs-line-color-active, var(--kd-g-color-theme, #5582f3));
  -webkit-transition: background-color .2s var(--kd-c-tabs-motion-timing-function, ease-in);
  transition: background-color .2s var(--kd-c-tabs-motion-timing-function, ease-in)
}

.kd-tab-pane-type-grid.kd-tab-pane-box-active .kd-tab-pane-text-active {
  color: #fff
}

.kd-tab-pane-type-grid.kd-tab-pane-disabled {
  background-color: var(--kd-c-tabs-color-background-disabled, transparent)
}

.kd-tab-pane-type-grid:hover {
  color: var(--kd-c-tabs-color-text-active, var(--kd-g-color-theme, #5582f3))
}

.kd-tab-pane-operations {
  position: relative;
  display: inline-block;
  line-height: 1;
  padding: 0 4px
}

.kd-tab-pane-operations span:first-child {
  display: inline-block;
  vertical-align: top;
  font-size: 0;
  opacity: 0
}

.kd-tab-pane-small {
  height: 36px;
  line-height: 36px
}

.kd-active-line {
  position: absolute;
  width: auto;
  left: 0;
  bottom: 0;
  height: 2px;
  background-color: var(--kd-c-tabs-line-color-active, var(--kd-g-color-theme, #5582f3));
  -webkit-transition: all var(--kd-c-tabs-motion-duration, var(--kd-g-duration, .3s)) var(--kd-c-tabs-motion-timing-function, ease-in);
  transition: all var(--kd-c-tabs-motion-duration, var(--kd-g-duration, .3s)) var(--kd-c-tabs-motion-timing-function, ease-in)
}

.kd-active-line,
.kd-arrow-button {
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.kd-arrow-button {
  width: 48px;
  text-align: center;
  cursor: pointer
}

.kd-arrow-button:hover {
  color: var(--kd-c-tabs-color-text-hover, var(--kd-g-color-theme, #5582f3))
}

.kd-arrow-button-line {
  width: 24px
}

.kd-arrow-button-dynamic {
  width: 24px;
  line-height: var(--kd-c-tabs-pane-type-dynamic-sizing-height, 32px)
}

.kd-arrow-button-disabled {
  cursor: not-allowed
}

.kd-arrow-button-disabled,
.kd-arrow-button-disabled:hover {
  color: var(--kd-c-tabs-color-text-disabled, var(--kd-g-color-disabled, #b2b2b2))
}

.kd-arrow-button .kdicon {
  font-size: 14px
}

.kd-tag {
  -webkit-transition: all var(--kd-c-tag-motion-duration, var(--kd-g-duration, .3s));
  transition: all var(--kd-c-tag-motion-duration, var(--kd-g-duration, .3s))
}

.kd-tag-size-small {
  font-size: var(--kd-c-tag-font-size-small, var(--kd-g-font-size-small, 12px));
  height: var(--kd-c-tag-sizing-height-small, 20px);
  padding: 0 var(--kd-c-tag-spacing-padding-horizontal-small, 6px);
  border-radius: calc(var(--kd-c-tag-sizing-height-small, 20px)/2)
}

.kd-tag-size-middle,
.kd-tag-size-small {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  vertical-align: middle
}

.kd-tag-size-middle {
  font-size: var(--kd-c-tag-font-size-middle, var(--kd-g-font-size-small, 12px));
  height: var(--kd-c-tag-sizing-height-middle, 20px);
  padding: 0 var(--kd-c-tag-spacing-padding-horizontal-middle, 7px);
  border-radius: calc(var(--kd-c-tag-sizing-height-middle, 20px)/2)
}

.kd-tag-size-large {
  font-size: var(--kd-c-tag-font-size-large, var(--kd-g-font-size-middle, 14px));
  height: var(--kd-c-tag-sizing-height-large, 24px);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  vertical-align: middle;
  padding: 0 var(--kd-c-tag-spacing-padding-horizontal-large, 8px);
  border-radius: calc(var(--kd-c-tag-sizing-height-large, 24px)/2)
}

.kd-tag-shape-status {
  border: 1px solid var(--kd-c-tag-color-process, var(--kd-g-color-ongoing, #276ff5));
  color: var(--kd-c-tag-color-process, var(--kd-g-color-ongoing, #276ff5))
}

.kd-tag-shape-status:hover {
  background-color: var(--kd-c-tag-color-process, var(--kd-g-color-ongoing, #276ff5));
  color: #fff
}

.kd-tag-shape-status.kd-tag-process {
  border: 1px solid var(--kd-c-tag-color-process, var(--kd-g-color-ongoing, #276ff5));
  color: var(--kd-c-tag-color-process, var(--kd-g-color-ongoing, #276ff5))
}

.kd-tag-shape-status.kd-tag-process:hover {
  background-color: var(--kd-c-tag-color-process, var(--kd-g-color-ongoing, #276ff5));
  color: #fff
}

.kd-tag-shape-status.kd-tag-success {
  border: 1px solid var(--kd-c-tag-color-success, var(--kd-g-color-success, #1ba854));
  color: var(--kd-c-tag-color-success, var(--kd-g-color-success, #1ba854))
}

.kd-tag-shape-status.kd-tag-success:hover {
  background-color: var(--kd-c-tag-color-success, var(--kd-g-color-success, #1ba854));
  color: #fff
}

.kd-tag-shape-status.kd-tag-warning {
  border: 1px solid var(--kd-c-tag-color-warning, var(--kd-g-color-warning, #ff991c));
  color: var(--kd-c-tag-color-warning, var(--kd-g-color-warning, #ff991c))
}

.kd-tag-shape-status.kd-tag-warning:hover {
  background-color: var(--kd-c-tag-color-warning, var(--kd-g-color-warning, #ff991c));
  color: #fff
}

.kd-tag-shape-status.kd-tag-error {
  border: 1px solid var(--kd-c-tag-color-error, var(--kd-g-color-error, #fb2323));
  color: var(--kd-c-tag-color-error, var(--kd-g-color-error, #fb2323))
}

.kd-tag-shape-status.kd-tag-error:hover {
  background-color: var(--kd-c-tag-color-error, var(--kd-g-color-error, #fb2323));
  color: #fff
}

.kd-tag-shape-status.kd-tag-end {
  border: 1px solid var(--kd-c-tag-color-end, var(--kd-g-color-end, #666));
  color: var(--kd-c-tag-color-end, var(--kd-g-color-end, #666))
}

.kd-tag-shape-status.kd-tag-end:hover {
  background-color: var(--kd-c-tag-color-end, var(--kd-g-color-end, #666));
  color: #fff
}

.kd-tag-shape-status.kd-tag-expired {
  border: 1px solid var(--kd-c-tag-color-expired, var(--kd-g-color-disabled, #b2b2b2));
  color: var(--kd-c-tag-color-expired, var(--kd-g-color-disabled, #b2b2b2))
}

.kd-tag-shape-status.kd-tag-expired:hover {
  background-color: var(--kd-c-tag-color-expired, var(--kd-g-color-disabled, #b2b2b2));
  color: #fff
}

.kd-tag-shape-attribute,
.kd-tag-shape-attribute.kd-tag-process {
  color: #fff;
  background-color: var(--kd-c-tag-color-process, var(--kd-g-color-ongoing, #276ff5))
}

.kd-tag-shape-attribute.kd-tag-success {
  color: #fff;
  background-color: var(--kd-c-tag-color-success, var(--kd-g-color-success, #1ba854))
}

.kd-tag-shape-attribute.kd-tag-warning {
  color: #fff;
  background-color: var(--kd-c-tag-color-warning, var(--kd-g-color-warning, #ff991c))
}

.kd-tag-shape-attribute.kd-tag-error {
  color: #fff;
  background-color: var(--kd-c-tag-color-error, var(--kd-g-color-error, #fb2323))
}

.kd-tag-shape-attribute.kd-tag-end {
  color: #fff;
  background-color: var(--kd-c-tag-color-end, var(--kd-g-color-end, #666))
}

.kd-tag-shape-attribute.kd-tag-expired {
  color: #fff;
  background-color: var(--kd-c-tag-color-expired, var(--kd-g-color-disabled, #b2b2b2))
}

.kd-tag-shape-text,
.kd-tag-shape-text.kd-tag-process,
.kd-tag-shape-text.kd-tag-process.kd-tag-size-large,
.kd-tag-shape-text.kd-tag-process.kd-tag-size-middle {
  color: var(--kd-c-tag-color-process, var(--kd-g-color-ongoing, #276ff5));
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0;
  border-radius: 0
}

.kd-tag-shape-text.kd-tag-success,
.kd-tag-shape-text.kd-tag-success.kd-tag-size-large,
.kd-tag-shape-text.kd-tag-success.kd-tag-size-middle {
  color: var(--kd-c-tag-color-success, var(--kd-g-color-success, #1ba854));
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0;
  border-radius: 0
}

.kd-tag-shape-text.kd-tag-warning,
.kd-tag-shape-text.kd-tag-warning.kd-tag-size-large,
.kd-tag-shape-text.kd-tag-warning.kd-tag-size-middle {
  color: var(--kd-c-tag-color-warning, var(--kd-g-color-warning, #ff991c));
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0;
  border-radius: 0
}

.kd-tag-shape-text.kd-tag-error,
.kd-tag-shape-text.kd-tag-error.kd-tag-size-large,
.kd-tag-shape-text.kd-tag-error.kd-tag-size-middle {
  color: var(--kd-c-tag-color-error, var(--kd-g-color-error, #fb2323));
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0;
  border-radius: 0
}

.kd-tag-shape-text.kd-tag-end,
.kd-tag-shape-text.kd-tag-end.kd-tag-size-large,
.kd-tag-shape-text.kd-tag-end.kd-tag-size-middle {
  color: var(--kd-c-tag-color-end, var(--kd-g-color-end, #666));
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0;
  border-radius: 0
}

.kd-tag-shape-text.kd-tag-expired,
.kd-tag-shape-text.kd-tag-expired.kd-tag-size-large,
.kd-tag-shape-text.kd-tag-expired.kd-tag-size-middle {
  color: var(--kd-c-tag-color-expired, var(--kd-g-color-disabled, #b2b2b2));
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0;
  border-radius: 0
}

.kd-tag-shape-edit {
  border: 1px solid var(--kd-c-tag-edit-color-border, var(--kd-g-color-text-placeholder, #ccc));
  border-radius: 2px;
  line-height: var(--kd-c-tag-sizing-height-middle, 20px);
  padding-left: 6px;
  padding-right: 6px;
  color: var(--kd-c-tag-edit-color-text, var(--kd-g-color-text-primary, #212121))
}

.kd-tag-shape-edit:not(.kd-tag-closable-disabled):hover {
  border-color: var(--kd-c-tag-edit-color-border-hover, var(--kd-g-color-theme, #5582f3))
}

.kd-tag-shape-edit:not(.kd-tag-closable-disabled):hover .kd-tag-closeWrapper {
  color: var(--kd-c-tag-edit-cloesWrapper-color-text-hover, var(--kd-g-color-theme, #5582f3))
}

.kd-tag-shape-edit.kd-tag-closable {
  padding-right: 8px
}

.kd-tag-clickable {
  cursor: pointer
}

.kd-tag-has-color {
  color: var(--kd-c-tag-attribute-color-text, var(--kd-g-color-white, #fff))
}

.kd-tag-text {
  margin-left: 6px
}

.kd-tag-closable-disabled {
  background-color: var(--kd-c-tag-edit-color-background-disabled, var(--kd-g-color-background-contain-disabled, #f5f5f5));
  border-color: var(--kd-c-tag-edit-color-background-disabled, var(--kd-g-color-border-strong, #d9d9d9));
  color: var(--kd-c-tag-edit-color-text-disabled, var(--kd-g-color-border-strong, #d9d9d9));
  cursor: not-allowed
}

.kd-tag-closable.kd-tag-size-middle {
  line-height: var(--kd-c-tag-sizing-height-middle, 20px)
}

.kd-tag-closable.kd-tag-size-large {
  line-height: var(--kd-c-tag-sizing-height-large, 24px);
  padding-left: var(--kd-c-tag-spacing-padding-horizontal-large, 8px)
}

.kd-tag-closable.kd-tag-size-large .kd-tag-closeWrapper .kd-tag-close-icon {
  font-size: 14px
}

.kd-tag-closeWrapper {
  margin-left: 4px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: color var(--kd-c-tag-motion-duration, var(--kd-g-duration, .3s)), background-color var(--kd-c-tag-motion-duration, var(--kd-g-duration, .3s));
  transition: color var(--kd-c-tag-motion-duration, var(--kd-g-duration, .3s)), background-color var(--kd-c-tag-motion-duration, var(--kd-g-duration, .3s))
}

.kd-tag-close-icon {
  cursor: pointer;
  font-size: 12px
}

.kd-timeline {
  padding: 0 4px;
  overflow: hidden
}

.kd-timeline,
.kd-timeline .kd-timeline-item {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-variant: tabular-nums;
  -webkit-font-feature-settings: "tnum";
  font-feature-settings: "tnum";
  margin: 0;
  list-style: none
}

.kd-timeline .kd-timeline-item {
  padding: 0;
  position: relative;
  padding-bottom: var(--kd-c-timeline-spacing-padding-bottom, 24px);
  font-size: var(--kd-c-timeline-content-font-size, var(--kd-g-font-size-small, 12px))
}

.kd-timeline .kd-timeline-item-tail {
  position: absolute;
  left: calc(var(--kd-c-timeline-dot-sizing, 9px)/2 - .5px);
  height: calc(100% - var(--kd-c-timeline-dot-sizing, 9px)*2 + 4px);
  border-left: var(--kd-c-timeline-sizing-width, 1px) solid var(--kd-c-timeline-line-color, var(--kd-g-color-border-weak, #e5e5e5))
}

.kd-timeline .kd-timeline-item.pending .kd-timeline-item-dot {
  font-size: var(--kd-c-timeline-content-font-size, var(--kd-g-font-size-small, 12px))
}

.kd-timeline .kd-timeline-item.pending .kd-timeline-item-tail {
  display: none
}

.kd-timeline .kd-timeline-item-dot {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  width: var(--kd-c-timeline-dot-sizing, 9px);
  height: var(--kd-c-timeline-dot-sizing, 9px);
  border-radius: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.kd-timeline .kd-timeline-item-dot.blue {
  color: var(--kd-c-timeline-finished-color, var(--kd-g-color-theme, #5582f3));
  background-color: var(--kd-c-timeline-finished-color, var(--kd-g-color-theme, #5582f3))
}

.kd-timeline .kd-timeline-item-dot.red {
  color: var(--kd-c-timeline-error-color, var(--kd-g-color-error, #fb2323));
  background-color: var(--kd-c-timeline-error-color, var(--kd-g-color-error, #fb2323))
}

.kd-timeline .kd-timeline-item-dot.green {
  color: var(--kd-c-timeline-success-color, var(--kd-g-color-success, #1ba854));
  background-color: var(--kd-c-timeline-success-color, var(--kd-g-color-success, #1ba854))
}

.kd-timeline .kd-timeline-item-dot.gray {
  color: var(--kd-c-timeline-disabled-color, var(--kd-g-color-disabled, #b2b2b2));
  background-color: var(--kd-c-timeline-disabled-color, var(--kd-g-color-disabled, #b2b2b2))
}

.kd-timeline .kd-timeline-item-dot.custom {
  position: absolute;
  left: calc(var(--kd-c-timeline-dot-sizing, 9px)/2);
  width: auto;
  height: auto;
  margin-top: 0;
  padding: 1px;
  line-height: 1;
  text-align: center;
  border: 0;
  border-radius: 0;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: transparent !important
}

.kd-timeline .kd-timeline-item-content {
  position: relative;
  margin: 0 0 0 calc(var(--kd-c-timeline-dot-sizing, 9px)*2 - var(--kd-c-timeline-sizing-width, 1px)*2 + 8px);
  word-break: break-word;
  color: var(--kd-c-timeline-content-color-text, var(--kd-g-color-text-primary, #212121))
}

.kd-timeline .kd-timeline-item-content>* {
  margin: 0;
  padding: 0
}

.kd-timeline .kd-timeline-item.last>.kd-timeline-item-tail {
  display: none
}

.kd-timeline .kd-timeline-item.last>.kd-timeline-item-content {
  min-height: 48px
}

.kd-timeline.alternate .kd-timeline-item-dot,
.kd-timeline.alternate .kd-timeline-item-dot.custom,
.kd-timeline.alternate .kd-timeline-item-tail {
  left: 50%
}

.kd-timeline.alternate .kd-timeline-item-dot {
  margin-left: calc(var(--kd-c-timeline-dot-sizing, 9px)*-1/2 - -.5px)
}

.kd-timeline.alternate .kd-timeline-item-dot.custom {
  margin-left: 1px
}

.kd-timeline.alternate .kd-timeline-item:nth-child(odd) .kd-timeline-item-content {
  left: calc(50% - 4px);
  width: calc(50% - 24px);
  text-align: left
}

.kd-timeline.alternate .kd-timeline-item:nth-child(2n) .kd-timeline-item-content {
  width: calc(50% - 24px);
  margin: 0;
  text-align: right
}

.kd-timeline.right .kd-timeline-item-dot,
.kd-timeline.right .kd-timeline-item-dot.custom,
.kd-timeline.right .kd-timeline-item-tail {
  left: auto;
  right: 4.5px
}

.kd-timeline.right .kd-timeline-item-dot {
  margin-right: calc(var(--kd-c-timeline-dot-sizing, 9px)*-1/2 - -.5px)
}

.kd-timeline.right .kd-timeline-item-dot.custom {
  margin-right: -18px
}

.kd-timeline.right .kd-timeline-item .kd-timeline-item-content {
  left: 0;
  text-align: right;
  margin: 0 calc(var(--kd-c-timeline-dot-sizing, 9px)*2 - var(--kd-c-timeline-sizing-width, 1px)*2 + 8px) 0 0;
  width: auto
}

.kd-timeline.label.left .kd-timeline-item-dot,
.kd-timeline.label.left .kd-timeline-item-dot.custom,
.kd-timeline.label.left .kd-timeline-item-tail {
  left: calc(16px + var(--kd-c-timeline-dot-sizing, 9px)/2)
}

.kd-timeline.label.left .kd-timeline-item-dot {
  margin-left: calc(var(--kd-c-timeline-dot-sizing, 9px)*-1/2 - -.5px)
}

.kd-timeline.label.left .kd-timeline-item-dot.custom {
  margin-left: 1px
}

.kd-timeline.label.left .kd-timeline-item .kd-timeline-item-label {
  position: absolute;
  text-align: right;
  color: var(--kd-c-timeline-label-color-text, #666)
}

.kd-timeline.label.left .kd-timeline-item .kd-timeline-item-content {
  left: calc(var(--kd-c-timeline-dot-sizing, 9px) + 7.5px);
  text-align: left;
  margin-right: 16px
}

.kd-timeline.label.right .kd-timeline-item-dot,
.kd-timeline.label.right .kd-timeline-item-dot.custom,
.kd-timeline.label.right .kd-timeline-item-tail {
  left: auto;
  right: calc(16px + var(--kd-c-timeline-dot-sizing, 9px)/2)
}

.kd-timeline.label.right .kd-timeline-item-dot {
  margin-right: calc(var(--kd-c-timeline-dot-sizing, 9px)*-1/2 - -.5px)
}

.kd-timeline.label.right .kd-timeline-item-dot.custom {
  right: calc(var(--kd-c-timeline-dot-sizing, 9px)*-1/2 - -.5px)
}

.kd-timeline.label.right .kd-timeline-item .kd-timeline-item-label {
  position: absolute;
  right: 0;
  text-align: left
}

.kd-timeline.label.right .kd-timeline-item .kd-timeline-item-content {
  left: auto;
  right: calc(var(--kd-c-timeline-dot-sizing, 9px) + 7.5px);
  text-align: right;
  margin-left: 17px
}

.kd-timeline.label.alternate .kd-timeline-item:nth-child(odd) .kd-timeline-item-label {
  position: absolute;
  width: calc(50% - 18px);
  text-align: right
}

.kd-timeline.label.alternate .kd-timeline-item:nth-child(2n) .kd-timeline-item-label {
  position: absolute;
  left: calc(50% + var(--kd-c-timeline-dot-sizing, 9px)*2 - var(--kd-c-timeline-sizing-width, 1px)*2 + 8px - var(--kd-c-timeline-dot-sizing, 9px)/2);
  width: calc(50% - var(--kd-c-timeline-dot-sizing, 9px)*2 + var(--kd-c-timeline-sizing-width, 1px)*2 - 8px + var(--kd-c-timeline-dot-sizing, 9px)/2);
  text-align: left
}

.kd-timeline.pending .kd-timeline-item.last .kd-timeline-item-tail {
  display: block;
  height: calc(100% - 14px);
  border-left: 2px dotted var(--kd-c-timeline-line-color, var(--kd-g-color-border-weak, #e5e5e5))
}

.kd-timeline.reverse .kd-timeline-item.last .kd-timeline-item-tail {
  display: none
}

.kd-timeline.reverse .kd-timeline-item.pending .kd-timeline-item-tail {
  top: 15px;
  display: block;
  height: calc(100% - 15px);
  border-left: 2px dotted var(--kd-c-timeline-line-color, var(--kd-g-color-border-weak, #e5e5e5))
}

.kd-timeline.reverse .kd-timeline-item.pending .kd-timeline-item-content {
  min-height: 48px
}

.kd-tooltip {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: "tnum";
  font-feature-settings: "tnum";
  max-width: var(--kd-c-tooltip-sizing-max-width, 360px);
  padding: var(--kd-c-tooltip-spacing-padding-vertical, 8px) var(--kd-c-tooltip-spacing-padding-vertical, 12px);
  color: var(--kd-c-tooltip-color-text, var(--kd-g-color-text-primary, #212121));
  border-radius: var(--kd-c-tooltip-radius-border, var(--kd-g-radius-border, 2px));
  font-size: var(--kd-c-tooltip-color-text, var(--kd-g-font-size-small, 12px));
  line-height: 1.5;
  background-color: var(--kd-c-tooltip-color-background, var(--kd-g-color-background, #fff));
  -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .2);
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .2);
  opacity: 1;
  z-index: var(--kd-g-z-index-popper, 1050);
  visibility: visible
}

.kd-tooltip.hidden {
  opacity: 0;
  visibility: hidden
}

.kd-tooltip.arrow:before {
  z-index: -2;
  border-style: solid;
  border-width: var(--arrowSize);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.kd-tooltip.arrow:after,
.kd-tooltip.arrow:before {
  position: absolute;
  background: var(--kd-c-tooltip-color-background, var(--kd-g-color-background, #fff));
  content: ""
}

.kd-tooltip.arrow:after {
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: var(--kd-g-radius-border, 2px)
}

.kd-tooltip.arrow.bottom:before,
.kd-tooltip.arrow.bottomLeft:before,
.kd-tooltip.arrow.bottomRight:before {
  left: var(--arrowLeft);
  top: var(--arrowSpill);
  -webkit-box-shadow: -2px -2px 5px rgba(0, 0, 0, .1);
  box-shadow: -2px -2px 5px rgba(0, 0, 0, .1);
  border-left-color: var(--kd-c-tooltip-color-background, var(--kd-g-color-background, #fff));
  border-bottom-color: transparent;
  border-right-color: transparent;
  border-top-color: var(--kd-c-tooltip-color-background, var(--kd-g-color-background, #fff))
}

.kd-tooltip.arrow.top:before,
.kd-tooltip.arrow.topLeft:before,
.kd-tooltip.arrow.topRight:before {
  left: var(--arrowLeft);
  bottom: var(--arrowSpill);
  -webkit-box-shadow: 3px 3px 7px rgba(0, 0, 0, .15);
  box-shadow: 3px 3px 7px rgba(0, 0, 0, .15);
  border-left-color: transparent;
  border-bottom-color: var(--kd-c-tooltip-color-background, var(--kd-g-color-background, #fff));
  border-right-color: var(--kd-c-tooltip-color-background, var(--kd-g-color-background, #fff));
  border-top-color: transparent
}

.kd-tooltip.arrow.left:before,
.kd-tooltip.arrow.leftBottom:before,
.kd-tooltip.arrow.leftTop:before {
  top: var(--arrowTop);
  right: var(--arrowSpill);
  -webkit-box-shadow: 3px 0 6px rgba(0, 0, 0, .12), 0 -2px 6px rgba(204, 149, 149, .12);
  box-shadow: 3px 0 6px rgba(0, 0, 0, .12), 0 -2px 6px rgba(204, 149, 149, .12);
  border-left-color: transparent;
  border-bottom-color: transparent;
  border-right-color: var(--kd-c-tooltip-color-background, var(--kd-g-color-background, #fff));
  border-top-color: var(--kd-c-tooltip-color-background, var(--kd-g-color-background, #fff))
}

.kd-tooltip.arrow.right:before,
.kd-tooltip.arrow.rightBottom:before,
.kd-tooltip.arrow.rightTop:before {
  top: var(--arrowTop);
  left: var(--arrowSpill);
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .1), -2px 0 6px rgba(0, 0, 0, .1);
  box-shadow: 0 3px 6px rgba(0, 0, 0, .1), -2px 0 6px rgba(0, 0, 0, .1);
  border-left-color: var(--kd-c-tooltip-color-background, var(--kd-g-color-background, #fff));
  border-bottom-color: var(--kd-c-tooltip-color-background, var(--kd-g-color-background, #fff));
  border-right-color: transparent;
  border-top-color: transparent
}

.kd-transfer {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: "tnum";
  font-feature-settings: "tnum";
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch
}

.kd-transfer .kd-checkbox {
  background: transparent;
  margin-right: 6px
}

.kd-transfer-disabled .kd-transfer-list {
  background: var(--kd-c-transfer-color-background-disabled, var(--kd-g-color-background-contain-disabled, #f5f5f5))
}

.kd-transfer-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 250px;
  min-height: 300px;
  border: 1px solid var(--kd-c-transfer-color-border, var(--kd-g-color-border-strong, #d9d9d9))
}

.kd-transfer-list-with-pagination {
  width: 250px;
  height: auto
}

.kd-transfer-list-header {
  height: var(--kd-c-transfer-header-sizing-height, 36px);
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  font-size: var(--kd-c-transfer-font-size, 12px);
  background-color: var(--kd-c-transfer-header-color-background, #f5f5f5);
  border-bottom: 1px solid var(--kd-c-transfer-color-border, var(--kd-g-color-border-strong, #d9d9d9));
  padding: 0 var(--kd-c-transfer-spacing-horizontal, 14px)
}

.kd-transfer-list-header,
.kd-transfer-list-header-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.kd-transfer-list-header-left {
  overflow: hidden
}

.kd-transfer-list-header-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.kd-transfer-list-header-select-all {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.kd-transfer-list-search {
  height: var(--kd-c-transfer-search-sizing-height, 32px);
  position: relative
}

.kd-transfer-list-search-prefix i {
  color: var(--kd-c-transfer-search-icon-color-text-prefix, #999)
}

.kd-transfer-list-search-suffix {
  cursor: pointer
}

.kd-transfer-list-search-suffix i {
  color: var(--kd-c-transfer-search-icon-color-text-suffix, #bbb)
}

.kd-transfer-list-search-suffix i:hover {
  color: var(--kd-c-transfer-search-icon-color-text-suffix-hover, #999)
}

.kd-transfer-list-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
  font-size: var(--kd-c-transfer-font-size, 12px)
}

.kd-transfer-list-body-search-wrapper {
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  padding: 0 12px;
  margin: 8px 0
}

.kd-transfer-list-content {
  height: var(--kd-c-transfer-list-item-content-sizing-height, 320px);
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
  margin: 0;
  overflow: auto;
  list-style: none;
  padding: 0 0 8px
}

.kd-transfer-list-content-item {
  height: var(--kd-c-transfer-list-item-sizing-height, 32px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 var(--kd-c-transfer-spacing-horizontal, 14px);
  cursor: pointer;
  -webkit-transition: background-color .3s;
  transition: background-color .3s
}

.kd-transfer-list-content-item-disabled {
  color: var(--kd-c-transfer-list-item-color-text-disabled, var(--kd-g-color-disabled, #b2b2b2));
  cursor: not-allowed
}

.kd-transfer-list-content-item:hover:not(.kd-transfer-list-content-item-disabled) {
  background: var(--kd-c-transfer-list-item-color-background-hover, var(--kd-g-color-hover, #f5f5f5))
}

.kd-transfer-list-content-item-checked {
  color: var(--kd-c-transfer-list-item-color-text-checked, var(--kd-g-color-theme, #5582f3))
}

.kd-transfer-list-content-item-text {
  -webkit-box-flex: 1;
  -ms-flex: auto;
  flex: auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.kd-transfer-list-content-item-remove {
  cursor: pointer
}

.kd-transfer-list-content-item-remove i {
  color: var(--kd-c-transfer-search-icon-color-text-suffix, #bbb)
}

.kd-transfer-list-content-item-remove i:hover {
  color: var(--kd-c-transfer-search-icon-color-text-suffix-hover, #999)
}

.kd-transfer-list-pagination {
  height: var(--kd-c-transfer-pagination-sizing-height, 36px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 0 var(--kd-c-transfer-spacing-horizontal, 14px)
}

.kd-transfer-list-footer,
.kd-transfer-list-pagination {
  border-top: 1px solid var(--kd-c-transfer-color-border, var(--kd-g-color-border-strong, #d9d9d9))
}

.kd-transfer-list-body-not-found {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  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;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-bottom: 8px;
  color: #999
}

.kd-transfer-list-body-not-found-tip {
  font-size: 12px;
  line-height: 16px;
  margin-top: 8px
}

.kd-transfer-operation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-item-align: center;
  align-self: center;
  margin: 0 8px;
  overflow: hidden;
  vertical-align: middle
}

.kd-transfer-operation .kd-btn {
  display: block;
  height: 28px;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 40px
}

.kd-transfer-operation .kd-btn+.kd-btn {
  margin-top: 20px
}

.node-hover-hover {
  -webkit-transition: background-color var(--kd-c-tree-motion-duration, var(--kd-g-duration, .3s)), color var(--kd-c-tree-motion-duration, var(--kd-g-duration, .3s));
  transition: background-color var(--kd-c-tree-motion-duration, var(--kd-g-duration, .3s)), color var(--kd-c-tree-motion-duration, var(--kd-g-duration, .3s))
}

.node-hover-hover:hover {
  background-color: var(--kd-c-tree-node-color-backgroung-hover, var(--kd-g-color-hover, #f5f5f5));
  cursor: pointer
}

.node-selected {
  background-color: var(--kd-c-tree-node-color-backgroung-checked, var(--kd-g-color-theme-3, #e3eeff)) !important
}

.node-selected,
.node-selected .kd-tree-node-icon,
.node-selected .kd-tree-node-title {
  color: var(--kd-c-tree-node-color-text-checked, var(--kd-g-color-theme, #5582f3))
}

.kd-tree {
  position: relative;
  overflow: auto;
  height: inherit;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  font-size: var(--kd-c-tree-font-size, var(--kd-g-font-size-small, 12px));
  color: var(--kd-c-tree-color-text, var(--kd-g-color-text-primary, #212121));
  margin-left: var(--kd-c-tree-spacing-margin-left, 16px)
}

.kd-tree-root {
  min-width: 100%;
  -ms-flex-negative: 0;
  flex-shrink: 0
}

.kd-tree-plantom {
  position: absolute;
  min-width: 100%;
  z-index: -1
}

.kd-tree-node-root {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.kd-tree-node-root .kd-spin-dot-spin {
  border: 2px solid transparent
}

.kd-tree-node-root .kd-spin-dot-spin,
.kd-tree-node-root .kd-spin-dot-spin .kd-spin-dot-item {
  width: var(--kd-c-tree-expand-icon-loading-sizing-width, 16px);
  height: var(--kd-c-tree-expand-icon-loading-sizing-height, 16px)
}

.kd-tree-node-fb-children-pointerEvents * {
  pointer-events: none
}

.kd-tree-node-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.kd-tree-node-item-hover {
  -webkit-transition: background-color var(--kd-c-tree-motion-duration, var(--kd-g-duration, .3s)), color var(--kd-c-tree-motion-duration, var(--kd-g-duration, .3s));
  transition: background-color var(--kd-c-tree-motion-duration, var(--kd-g-duration, .3s)), color var(--kd-c-tree-motion-duration, var(--kd-g-duration, .3s))
}

.kd-tree-node-item-hover:hover {
  background-color: var(--kd-c-tree-node-color-backgroung-hover, var(--kd-g-color-hover, #f5f5f5));
  cursor: pointer
}

.kd-tree-node-indent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 1px;
  border-top: 0;
  border-left: 11px;
  border-bottom: 0;
  border-right: 10px;
  border-color: #fff;
  border-style: solid;
  height: 100%;
  cursor: default;
  opacity: 0
}

.kd-tree-node-indent-line {
  background-color: #000;
  opacity: 1
}

.kd-tree-node-icon {
  cursor: pointer;
  height: var(--kd-c-tree-expand-icon-sizing-height, 16px);
  width: var(--kd-c-tree-expand-icon-sizing-width, 16px);
  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-tree-node-icon-font-size, 16px);
  color: var(--kd-c-tree-node-icon-color-text, #666)
}

.kd-tree-node-icon-hover:hover {
  background-color: var(--kd-c-tree-node-color-backgroung-hover, var(--kd-g-color-hover, #f5f5f5));
  cursor: pointer
}

.kd-tree-node-icon-hidden {
  height: var(--kd-c-tree-node-icon-sizing-height, 16px);
  width: var(--kd-c-tree-node-icon-sizing-width, 16px);
  -ms-flex-negative: 0;
  flex-shrink: 0;
  opacity: 0;
  cursor: default
}

.kd-tree-node-animation-expand {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}

.kd-tree-node-animation-collapse,
.kd-tree-node-animation-expand {
  -webkit-transition: -webkit-transform var(--kd-c-tree-motion-duration, var(--kd-g-duration, .3s));
  transition: -webkit-transform var(--kd-c-tree-motion-duration, var(--kd-g-duration, .3s));
  transition: transform var(--kd-c-tree-motion-duration, var(--kd-g-duration, .3s));
  transition: transform var(--kd-c-tree-motion-duration, var(--kd-g-duration, .3s)), -webkit-transform var(--kd-c-tree-motion-duration, var(--kd-g-duration, .3s))
}

.kd-tree-node-animation-collapse {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg)
}

.kd-tree-node-disabled {
  cursor: not-allowed !important;
  border-color: var(--kd-c-tree-node-color-border-disabled, var(--kd-g-color-border-disabled, #ccc))
}

.kd-tree-node-title-disabled {
  color: var(--kd-c-tree-node-color-disabled, var(--kd-g-color-disabled, #b2b2b2))
}

.kd-tree-node-title-wrap {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  padding-left: 4px
}

.kd-tree-node-title-wrap-hover {
  -webkit-transition: background-color var(--kd-c-tree-motion-duration, var(--kd-g-duration, .3s)), color var(--kd-c-tree-motion-duration, var(--kd-g-duration, .3s));
  transition: background-color var(--kd-c-tree-motion-duration, var(--kd-g-duration, .3s)), color var(--kd-c-tree-motion-duration, var(--kd-g-duration, .3s))
}

.kd-tree-node-title-wrap-hover:hover {
  background-color: var(--kd-c-tree-node-color-backgroung-hover, var(--kd-g-color-hover, #f5f5f5));
  cursor: pointer
}

.kd-tree-node-title-wrap-selected {
  background-color: var(--kd-c-tree-node-color-backgroung-checked, var(--kd-g-color-theme-3, #e3eeff)) !important
}

.kd-tree-node-title-wrap-selected,
.kd-tree-node-title-wrap-selected .kd-tree-node-icon,
.kd-tree-node-title-wrap-selected .kd-tree-node-title {
  color: var(--kd-c-tree-node-color-text-checked, var(--kd-g-color-theme, #5582f3))
}

.kd-tree-node-title {
  white-space: nowrap
}

.kd-tree-node-selected {
  background-color: var(--kd-c-tree-node-color-backgroung-checked, var(--kd-g-color-theme-3, #e3eeff)) !important
}

.kd-tree-node-selected,
.kd-tree-node-selected .kd-tree-node-icon,
.kd-tree-node-selected .kd-tree-node-title {
  color: var(--kd-c-tree-node-color-text-checked, var(--kd-g-color-theme, #5582f3))
}

.kd-tree-node-draggabled {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%
}

.kd-tree-node-drag-over {
  background-color: var(--kd-c-tree-node-drag-over-color-background, #e3ebff);
  border: 2px solid var(--kd-c-tree-node-drag-over-color-border, #5582f3)
}

.kd-tree-node-drag-line {
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  border-top: 2px solid var(--kd-c-tree-node-drag-line-color-background, #276ff5)
}

.kd-tree-node-drag-line:before {
  content: "";
  width: 4px;
  height: 4px;
  background-color: #fff;
  border-radius: 50%;
  border: 2px solid var(--kd-c-tree-node-drag-line-color-background, #276ff5);
  position: absolute;
  top: -1px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.kd-tree-node-leaf-icon {
  height: var(--kd-c-tree-node-icon-sizing-height, 16px);
  width: var(--kd-c-tree-node-icon-sizing-width, 16px);
  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-typography {
  color: var(--kd-c-typography-color-text-primary, var(--kd-g-color-text-primary, #212121));
  overflow-wrap: break-word;
  line-height: 2;
  max-width: var(--kd-c-typography-sizing-width-max, 830px)
}

.kd-typography.kd-typography-second {
  color: var(--kd-c-typography-color-text-secondary, var(--kd-g-color-text-secondary, #666))
}

.kd-typography.kd-typography-success {
  color: var(--kd-c-typography-color-success, var(--kd-g-color-success, #1ba854))
}

.kd-typography.kd-typography-warning {
  color: var(--kd-c-typography-color-warning, var(--kd-g-color-warning, #ff991c))
}

.kd-typography.kd-typography-danger {
  color: var(--kd-c-typography-color-error, var(--kd-g-color-error, #fb2323))
}

.kd-typography.kd-typography-disabled {
  color: var(--kd-c-typography-color-disabled, var(--kd-g-color-disabled, #b2b2b2));
  cursor: not-allowed;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.kd-typography.kd-typography-assist {
  color: var(--kd-c-typography-color-text-third, var(--kd-g-color-text-third, #999))
}

.kd-typography+h1.kd-typography,
.kd-typography+h2.kd-typography,
.kd-typography+h3.kd-typography,
.kd-typography+h4.kd-typography,
.kd-typography+h5.kd-typography {
  margin-top: var(--kd-c-typography-title-spacing-margin-top, 1.2em)
}

article.kd-typography>div.kd-typography {
  margin-bottom: var(--kd-c-typography-paragraph-spacing-margin-bottom, 24px)
}

article.kd-typography>div.kd-typography:first-child {
  margin-bottom: var(--kd-c-typography-spacing-margin-bottom, 80px)
}

article.kd-typography>div.kd-typography+div.kd-typography h2 {
  margin-top: var(--kd-c-typography-spacing-margin-bottom, 80px)
}

article.kd-typography h1 {
  margin-bottom: var(--kd-c-typography-spacing-margin-bottom-1, 12px);
  color: var(--kd-c-typography-color-text-primary, var(--kd-g-color-text-primary, #212121));
  font-size: var(--kd-c-typography-font-size-1, 40px)
}

article.kd-typography h1,
article.kd-typography h2 {
  margin-top: 0;
  font-weight: var(--kd-c-typography-title-font-weight, 600);
  line-height: 1.5
}

article.kd-typography h2 {
  margin-bottom: var(--kd-c-typography-spacing-margin-bottom-2, 24px);
  color: var(--kd-c-typography-title-color-text, #276ff5);
  font-size: var(--kd-c-typography-font-size-2, 28px)
}

article.kd-typography h3 {
  margin-top: 0;
  margin-bottom: var(--kd-c-typography-spacing-margin-bottom-3, 12px);
  font-size: var(--kd-c-typography-font-size-3, 18px)
}

.kd-typography h1,
article.kd-typography h3,
h1.kd-typography {
  color: var(--kd-c-typography-color-text-primary, var(--kd-g-color-text-primary, #212121));
  font-weight: var(--kd-c-typography-title-font-weight, 600);
  line-height: 1.5
}

.kd-typography h1,
h1.kd-typography {
  margin-bottom: var(--kd-c-typography-title-spacing-margin-bottom, .5em);
  font-size: var(--kd-c-typography-font-size-1, 40px)
}

.kd-typography h2,
h2.kd-typography {
  color: var(--kd-c-typography-title-color-text, #276ff5);
  font-size: var(--kd-c-typography-font-size-2, 28px)
}

.kd-typography h2,
.kd-typography h3,
h2.kd-typography,
h3.kd-typography {
  margin-bottom: var(--kd-c-typography-title-spacing-margin-bottom, .5em);
  font-weight: var(--kd-c-typography-title-font-weight, 600);
  line-height: 1.5
}

.kd-typography h3,
h3.kd-typography {
  color: var(--kd-c-typography-color-text-primary, var(--kd-g-color-text-primary, #212121));
  font-size: var(--kd-c-typography-font-size-3, 18px)
}

.kd-typography code {
  margin: 0 .2em;
  padding: .2em .4em .1em;
  font-size: 85%;
  background: hsla(0, 0%, 58.8%, .1);
  border: 1px solid hsla(0, 0%, 39.2%, .2);
  border-radius: 3px
}

.kd-typography kbd {
  margin: 0 .2em;
  padding: .15em .4em .1em;
  font-size: 90%;
  background: hsla(0, 0%, 58.8%, .06);
  border: solid hsla(0, 0%, 39.2%, .2);
  border-width: 1px 1px 2px;
  border-radius: 3px
}

.kd-typography strong {
  font-weight: 600
}

.kd-typography ol,
.kd-typography ul {
  margin: 0 0 var(--kd-c-typography-spacing-margin-bottom-2, 24px) 0;
  padding: 0
}

.kd-typography ol li,
.kd-typography ul li {
  margin: 0 0 0 20px;
  padding: 0 0 0 4px
}

.kd-typography ul,
.kd-typography ul ul {
  list-style-type: disc
}

.kd-typography ol {
  list-style-type: decimal
}

.kd-upload {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: "tnum";
  font-feature-settings: "tnum"
}

.kd-upload-select {
  position: relative;
  display: inline-block;
  cursor: pointer
}

.kd-upload-drag {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: "tnum";
  font-feature-settings: "tnum";
  position: relative;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 80px;
  text-align: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: var(--kd-c-upload-color, var(--kd-g-color-text-third, #999));
  border: 1px dashed var(--kd-c-upload-color-border, var(--kd-g-color-border-weak, #e5e5e5));
  background-color: var(--kd-c-upload-color-background, var(--kd-g-color-background-contain, #fafafa));
  -webkit-transition: border-color var(--kd-c-upload-motion-duration, var(--kd-g-duration, .3s)), background-color var(--kd-c-upload-motion-duration, var(--kd-g-duration, .3s));
  transition: border-color var(--kd-c-upload-motion-duration, var(--kd-g-duration, .3s)), background-color var(--kd-c-upload-motion-duration, var(--kd-g-duration, .3s))
}

.kd-upload-drag.hover,
.kd-upload-drag:active,
.kd-upload-drag:hover {
  border-color: var(--kd-c-upload-color-border-active, var(--kd-g-color-text-link, #0e5fd8));
  background-color: var(--kd-c-upload-color-background-ongoing, var(--kd-g-color-background-ongoing, #f2f9ff))
}

.kd-upload-input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  overflow: hidden
}

.kd-upload-input input[type=file] {
  position: absolute;
  top: -20%;
  left: 0;
  width: 100%;
  height: 120%;
  font-size: 0;
  cursor: pointer
}

.kd-upload .kd-upload-text-list {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: "tnum";
  font-feature-settings: "tnum";
  margin-top: var(--kd-c-upload-text-list-margin-top, 16px);
  font-size: var(--kd-c-upload-font-size, var(--kd-g-font-size-middle, 14px));
  border-top: 1px dashed var(--kd-c-upload-division-color, var(--kd-g-color-border-strong, #d9d9d9))
}

.kd-upload .kd-upload-text-list-item {
  position: relative;
  padding: 0 var(--kd-c-upload-text-list-item-padding-horizontal, 20px);
  height: var(--kd-c-upload-list-item-height, 44px);
  overflow: hidden;
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: background-color var(--kd-c-upload-motion-duration, var(--kd-g-duration, .3s));
  transition: background-color var(--kd-c-upload-motion-duration, var(--kd-g-duration, .3s))
}

.kd-upload .kd-upload-text-list-item:hover,
.kd-upload .kd-upload-text-list-item:hover .kd-upload-text-list-item-action {
  background-color: var(--kd-c-upload-color-background-hover, var(--kd-g-color-hover, #f5f5f5))
}

.kd-upload .kd-upload-text-list-item:hover .kd-upload-text-list-item-action {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateX(0);
  transform: translateX(0)
}

.kd-upload .kd-upload-text-list-item.error .kd-upload-text-list-item-name,
.kd-upload .kd-upload-text-list-item.error i {
  color: var(--kd-c-upload-error-color, var(--kd-g-color-error, #fb2323))
}

.kd-upload .kd-upload-text-list-item-icon>i {
  font-size: var(--kd-c-upload-font-size, var(--kd-g-font-size-middle, 14px))
}

.kd-upload .kd-upload-text-list-item-name {
  display: inline-block;
  margin: 0 var(--kd-c-upload-text-list-item-name-padding-right, 8px) 0 var(--kd-c-upload-text-list-item-name-padding-left, 4px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--kd-c-upload-panel-color, var(--kd-g-color-text-primary, #212121))
}

.kd-upload .kd-upload-text-list-item-size {
  color: var(--kd-c-upload-color, var(--kd-g-color-text-third, #999))
}

.kd-upload .kd-upload-text-list-item-action {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0 var(--kd-c-upload-text-list-item-padding-horizontal, 20px);
  height: var(--kd-c-upload-list-item-height, 44px);
  line-height: var(--kd-c-upload-list-item-height, 44px);
  background-color: transparent;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateX(5px);
  transform: translateX(5px);
  -webkit-transition: -webkit-transform var(--kd-c-upload-motion-duration, var(--kd-g-duration, .3s));
  transition: -webkit-transform var(--kd-c-upload-motion-duration, var(--kd-g-duration, .3s));
  transition: transform var(--kd-c-upload-motion-duration, var(--kd-g-duration, .3s));
  transition: transform var(--kd-c-upload-motion-duration, var(--kd-g-duration, .3s)), -webkit-transform var(--kd-c-upload-motion-duration, var(--kd-g-duration, .3s))
}

.kd-upload .kd-upload-text-list-item-action a {
  display: inline-block;
  vertical-align: middle;
  color: var(--kd-c-upload-panel-button-color, #0e5fd8)
}

.kd-upload .kd-upload-text-list-item-action a:not(:first-child) {
  margin-left: 20px
}

.kd-upload .kd-upload-picture-list {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-variant: tabular-nums;
  list-style: none;
  -webkit-font-feature-settings: "tnum";
  font-feature-settings: "tnum"
}

.kd-upload .kd-upload-picture-list-item {
  position: relative;
  width: 100px;
  height: 100px;
  display: inline-block;
  margin: 0 28px 28px 0;
  vertical-align: middle;
  overflow: hidden;
  border-radius: var(--kd-c-upload-radius-border, var(--kd-g-radius-border, 2px));
  border: 1px solid var(--kd-c-upload-color-border, var(--kd-g-color-border-weak, #e5e5e5));
  background-color: var(--kd-c-upload-color-background, var(--kd-g-color-background-contain, #fafafa))
}

.kd-upload .kd-upload-picture-list-item .kd-upload-select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  color: var(--kd-c-upload-color, var(--kd-g-color-text-third, #999));
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px dashed var(--kd-c-upload-color-border, var(--kd-g-color-border-weak, #e5e5e5));
  -webkit-transition: all var(--kd-c-upload-motion-duration, var(--kd-g-duration, .3s));
  transition: all var(--kd-c-upload-motion-duration, var(--kd-g-duration, .3s))
}

.kd-upload .kd-upload-picture-list-item .kd-upload-select:active,
.kd-upload .kd-upload-picture-list-item .kd-upload-select:hover {
  border-color: var(--kd-c-upload-color-border-active, var(--kd-g-color-text-link, #0e5fd8));
  background-color: var(--kd-c-upload-color-background-ongoing, var(--kd-g-color-background-ongoing, #f2f9ff))
}

.kd-upload .kd-upload-picture-list-item .kd-upload-select .kd-upload-handle {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.kd-upload .kd-upload-picture-list-item img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%
}

.kd-upload .kd-upload-picture-list-item.error {
  border-color: var(--kd-c-upload-color-border-error, var(--kd-g-color-border-error, #fc808b));
  background-color: var(--kd-c-upload-color-background-error, var(--kd-g-color-background-error, #fff2f4))
}

.kd-upload .kd-upload-picture-list-item-loading {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.kd-upload .kd-upload-picture-list-item-loading>* {
  width: 80%
}

.kd-upload .kd-upload-picture-list-item-error {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

.kd-upload .kd-upload-picture-list-item-error-text {
  margin-bottom: 4px;
  color: var(--kd-c-upload-error-color, var(--kd-g-color-error, #fb2323))
}

.kd-upload .kd-upload-picture-list-item-error a {
  display: inline-block
}

.kd-upload .kd-upload-picture-list-item-error a:not(:first-child) {
  margin-left: 10px
}

.kd-upload .kd-upload-picture-list-item-action>a {
  color: var(--kd-c-upload-panel-button-color, #0e5fd8);
  font-size: var(--kd-c-upload-picture-action-font-size, var(--kd-g-font-size-small, 12px))
}