@-webkit-keyframes dmc-spin{
  0%{
    transform:rotate(0deg);
  }
  100%{
    transform:rotate(360deg);
  }
}
@keyframes dmc-spin{
  0%{
    transform:rotate(0deg);
  }
  100%{
    transform:rotate(360deg);
  }
}
@-webkit-keyframes dmc-fade-in{
  0%{
    opacity:0;
  }
  100%{
    opacity:1;
  }
}
@keyframes dmc-fade-in{
  0%{
    opacity:0;
  }
  100%{
    opacity:1;
  }
}
@-webkit-keyframes dmc-fade-out{
  0%{
    opacity:1;
  }
  100%{
    opacity:0;
  }
}
@keyframes dmc-fade-out{
  0%{
    opacity:1;
  }
  100%{
    opacity:0;
  }
}
@-webkit-keyframes dmc-slide-up-in{
  0%{
    opacity:0;
    transform:scaleY(0);
    transform-origin:0% 0%;
  }
  100%{
    opacity:1;
    transform:scaleY(1);
    transform-origin:0% 0%;
  }
}
@keyframes dmc-slide-up-in{
  0%{
    opacity:0;
    transform:scaleY(0);
    transform-origin:0% 0%;
  }
  100%{
    opacity:1;
    transform:scaleY(1);
    transform-origin:0% 0%;
  }
}
@-webkit-keyframes dmc-slide-up-out{
  0%{
    opacity:1;
    transform:scaleY(1);
    transform-origin:0% 0%;
  }
  100%{
    opacity:0;
    transform:scaleY(0);
    transform-origin:0% 0%;
  }
}
@keyframes dmc-slide-up-out{
  0%{
    opacity:1;
    transform:scaleY(1);
    transform-origin:0% 0%;
  }
  100%{
    opacity:0;
    transform:scaleY(0);
    transform-origin:0% 0%;
  }
}
@-webkit-keyframes dmc-slide-down-in{
  0%{
    opacity:0;
    transform:scaleY(0);
    transform-origin:0% 100%;
  }
  100%{
    opacity:1;
    transform:scaleY(1);
    transform-origin:0% 100%;
  }
}
@keyframes dmc-slide-down-in{
  0%{
    opacity:0;
    transform:scaleY(0);
    transform-origin:0% 100%;
  }
  100%{
    opacity:1;
    transform:scaleY(1);
    transform-origin:0% 100%;
  }
}
@-webkit-keyframes dmc-slide-down-out{
  0%{
    opacity:1;
    transform:scaleY(1);
    transform-origin:0% 100%;
  }
  100%{
    opacity:0;
    transform:scaleY(0);
    transform-origin:0% 100%;
  }
}
@keyframes dmc-slide-down-out{
  0%{
    opacity:1;
    transform:scaleY(1);
    transform-origin:0% 100%;
  }
  100%{
    opacity:0;
    transform:scaleY(0);
    transform-origin:0% 100%;
  }
}
@-webkit-keyframes dmc-zoom-in{
  0%{
    opacity:0;
    transform:scale(0, 0);
  }
  100%{
    opacity:1;
    transform:scale(1, 1);
  }
}
@keyframes dmc-zoom-in{
  0%{
    opacity:0;
    transform:scale(0, 0);
  }
  100%{
    opacity:1;
    transform:scale(1, 1);
  }
}
@-webkit-keyframes dmc-zoom-out{
  0%{
    transform:scale(1, 1);
  }
  100%{
    opacity:0;
    transform:scale(0, 0);
  }
}
@keyframes dmc-zoom-out{
  0%{
    transform:scale(1, 1);
  }
  100%{
    opacity:0;
    transform:scale(0, 0);
  }
}
body{
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

[data-theme='dark']{
  --dmc-split-color:#141419;
  --dmc-page-700-color:#1e2130;
  --dmc-page-600-color:#202333;
  --dmc-page-500-color:#212536;
  --dmc-page-400-color:#232739;
  --dmc-primary-panel-700-color:#262a3b;
  --dmc-primary-panel-600-color:#282c3e;
  --dmc-primary-panel-500-color:#282d40;
  --dmc-primary-panel-400-color:#2a2f42;
  --dmc-primary-panel-300-color:#2e3347;
  --dmc-primary-panel-200-color:#31364a;
  --dmc-primary-panel-100-color:#32384e;
  --dmc-primary-panel-50-color:#394056;
  --dmc-primary-menu-600-color:#333b52;
  --dmc-primary-menu-500-color:#343c54;
  --dmc-primary-menu-400-color:#39425b;
  --dmc-primary-menu-300-color:#3f4863;
  --dmc-primary-menu-200-color:#444e6a;
  --dmc-primary-menu-100-color:#4a5472;
  --dmc-primary-menu-50-color:#5a6585;
  --dmc-assist-panel-500-color:#343b4d;
  --dmc-assist-panel-400-color:#373e51;
  --dmc-assist-panel-300-color:#3a4256;
  --dmc-assist-panel-200-color:#3d455a;
  --dmc-assist-panel-100-color:#40495f;
  --dmc-assist-panel-50-color:#475066;
  --dmc-assist-menu-500-color:#434d63;
  --dmc-assist-menu-400-color:#475168;
  --dmc-assist-menu-300-color:#4b556d;
  --dmc-assist-menu-200-color:#4f5a72;
  --dmc-assist-menu-100-color:#535e77;
  --dmc-text-900-color:#4c556e;
  --dmc-text-800-color:#5f6984;
  --dmc-text-700-color:#727d9b;
  --dmc-text-600-color:#8b94ad;
  --dmc-text-500-color:#a3aac2;
  --dmc-text-400-color:#bac1d7;
  --dmc-text-300-color:#d4d9eb;
  --dmc-text-200-color:#f4f6fc;
  --dmc-text-white-color:#fff;
  --dmc-text-black-color:#000;
  --dmc-blue-900-color:#233878;
  --dmc-blue-800-color:#2b4997;
  --dmc-blue-700-color:#335bb6;
  --dmc-blue-600-color:#3b6fd5;
  --dmc-blue-500-color:#4285f4;
  --dmc-blue-400-color:#5096ff;
  --dmc-blue-300-color:#63a7ff;
  --dmc-blue-200-color:#79b9ff;
  --dmc-blue-100-color:#94cbff;
  --dmc-blue-50-color:#b5ddff;
  --dmc-red-900-color:#7a2b22;
  --dmc-red-800-color:#97332b;
  --dmc-red-700-color:#b33a35;
  --dmc-red-600-color:#cf4040;
  --dmc-red-500-color:#eb4b50;
  --dmc-red-400-color:#f85960;
  --dmc-red-300-color:#ff6973;
  --dmc-red-200-color:#ff7d89;
  --dmc-red-100-color:#ff95a0;
  --dmc-red-50-color:#ffafba;
  --dmc-green-900-color:#005c48;
  --dmc-green-800-color:#007658;
  --dmc-green-700-color:#008d64;
  --dmc-green-600-color:#00a36e;
  --dmc-green-500-color:#04b776;
  --dmc-green-400-color:#22cc89;
  --dmc-green-300-color:#44de9a;
  --dmc-green-200-color:#66ecac;
  --dmc-green-100-color:#88f7bd;
  --dmc-green-50-color:#aafdcf;
  --dmc-yellow-900-color:#805500;
  --dmc-yellow-800-color:#9f6e00;
  --dmc-yellow-700-color:#bf8800;
  --dmc-yellow-600-color:#dfa300;
  --dmc-yellow-500-color:#ffbf00;
  --dmc-yellow-400-color:#ffc81a;
  --dmc-yellow-300-color:#ffcf33;
  --dmc-yellow-200-color:#ffd64d;
  --dmc-yellow-100-color:#ffdb66;
  --dmc-yellow-50-color:#ffe180;
  --dmc-plain-blue-900-color:#2b4465;
  --dmc-plain-blue-800-color:#38557c;
  --dmc-plain-blue-700-color:#456692;
  --dmc-plain-blue-600-color:#5477a7;
  --dmc-plain-blue-500-color:#6389bc;
  --dmc-plain-blue-400-color:#7299c9;
  --dmc-plain-blue-300-color:#82a9d5;
  --dmc-plain-blue-200-color:#94b9df;
  --dmc-plain-blue-100-color:#a7c8e8;
  --dmc-plain-blue-50-color:#bbd7f0;
  --dmc-magenta-900-color:#563269;
  --dmc-magenta-800-color:#6d3e84;
  --dmc-magenta-700-color:#85499f;
  --dmc-magenta-600-color:#9d54bb;
  --dmc-magenta-500-color:#b65fd7;
  --dmc-magenta-400-color:#c16fe3;
  --dmc-magenta-300-color:#cb81ec;
  --dmc-magenta-200-color:#d594f4;
  --dmc-magenta-100-color:#deaafa;
  --dmc-magenta-50-color:#e8c1fd;
  --dmc-orange-900-color:#73331d;
  --dmc-orange-800-color:#914123;
  --dmc-orange-700-color:#af4f29;
  --dmc-orange-600-color:#ce5e2e;
  --dmc-orange-500-color:#ed6e33;
  --dmc-orange-400-color:#f97b46;
  --dmc-orange-300-color:#ff8a5b;
  --dmc-orange-200-color:#ff9b73;
  --dmc-orange-100-color:#ffae8f;
  --dmc-orange-50-color:#ffc3ae;
  --dmc-purple-900-color:#372e69;
  --dmc-purple-800-color:#453884;
  --dmc-purple-700-color:#54429f;
  --dmc-purple-600-color:#634cbb;
  --dmc-purple-500-color:#7356d7;
  --dmc-purple-400-color:#8167e3;
  --dmc-purple-300-color:#8f79ed;
  --dmc-purple-200-color:#a08ef5;
  --dmc-purple-100-color:#b2a5fb;
  --dmc-purple-50-color:#c7befe;
  --dmc-grey-blue-900-color:#263049;
  --dmc-grey-blue-800-color:#2d3751;
  --dmc-grey-blue-700-color:#333e58;
  --dmc-grey-blue-600-color:#3b455f;
  --dmc-grey-blue-500-color:#424c66;
  --dmc-grey-blue-400-color:#4e5975;
  --dmc-grey-blue-300-color:#5b6684;
  --dmc-grey-blue-200-color:#697492;
  --dmc-grey-blue-100-color:#76829f;
  --dmc-grey-blue-50-color:#8590ac;
  --dmc-tp-10-black-color:rgba(0, 0, 0, 0.1);
  --dmc-tp-15-black-color:rgba(0, 0, 0, 0.15);
  --dmc-tp-30-black-color:rgba(0, 0, 0, 0.3);
  --dmc-tp-60-black-color:rgba(0, 0, 0, 0.6);
  --dmc-tp-10-blue-color:rgba(51, 91, 182, 0.1);
  --dmc-tp-15-blue-color:rgba(51, 91, 182, 0.15);
  --dmc-tp-30-blue-color:rgba(51, 91, 182, 0.3);
  --dmc-tp-60-blue-color:rgba(51, 91, 182, 0.6);
  --dmc-tp-10-plain-blue-color:rgba(69, 102, 146, 0.1);
  --dmc-tp-15-plain-blue-color:rgba(69, 102, 146, 0.15);
  --dmc-tp-30-plain-blue-color:rgba(69, 102, 146, 0.3);
  --dmc-tp-60-plain-blue-color:rgba(69, 102, 146, 0.6);
  --dmc-tp-10-magenta-color:rgba(133, 73, 159, 0.1);
  --dmc-tp-15-magenta-color:rgba(133, 73, 159, 0.15);
  --dmc-tp-30-magenta-color:rgba(133, 73, 159, 0.3);
  --dmc-tp-60-magenta-color:rgba(133, 73, 159, 0.6);
  --dmc-tp-10-white-color:rgba(255, 255, 255, 0.1);
  --dmc-tp-15-white-color:rgba(255, 255, 255, 0.15);
  --dmc-tp-30-white-color:rgba(255, 255, 255, 0.3);
  --dmc-tp-60-white-color:rgba(255, 255, 255, 0.6);
  --dmc-tp-10-red-color:rgba(179, 58, 53, 0.1);
  --dmc-tp-15-red-color:rgba(179, 58, 53, 0.15);
  --dmc-tp-30-red-color:rgba(179, 58, 53, 0.3);
  --dmc-tp-60-red-color:rgba(179, 58, 53, 0.6);
  --dmc-tp-10-orange-color:rgba(175, 79, 41, 0.1);
  --dmc-tp-15-orange-color:rgba(175, 79, 41, 0.15);
  --dmc-tp-30-orange-color:rgba(175, 79, 41, 0.3);
  --dmc-tp-60-orange-color:rgba(175, 79, 41, 0.6);
  --dmc-tp-10-gray-blue-color:rgba(51, 62, 88, 0.1);
  --dmc-tp-15-gray-blue-color:rgba(51, 62, 88, 0.15);
  --dmc-tp-30-gray-blue-color:rgba(51, 62, 88, 0.3);
  --dmc-tp-60-gray-blue-color:rgba(51, 62, 88, 0.6);
  --dmc-tp-10-green-color:rgba(0, 141, 100, 0.1);
  --dmc-tp-15-green-color:rgba(0, 141, 100, 0.15);
  --dmc-tp-30-green-color:rgba(0, 141, 100, 0.3);
  --dmc-tp-60-green-color:rgba(0, 141, 100, 0.6);
  --dmc-tp-10-yellow-color:rgba(191, 136, 0, 0.1);
  --dmc-tp-15-yellow-color:rgba(191, 136, 0, 0.15);
  --dmc-tp-30-yellow-color:rgba(191, 136, 0, 0.3);
  --dmc-tp-60-yellow-color:rgba(191, 136, 0, 0.6);
  --dmc-tp-10-purple-color:rgba(84, 66, 159, 0.1);
  --dmc-tp-15-purple-color:rgba(84, 66, 159, 0.15);
  --dmc-tp-30-purple-color:rgba(84, 66, 159, 0.3);
  --dmc-tp-60-purple-color:rgba(84, 66, 159, 0.6);
  --dmc-box-shadow-100:0 0 1px rgba(0, 0, 0, 0.32), 0 0 2px rgba(0, 0, 0, 0.48),
    0 4px 8px rgba(0, 0, 0, 0.32);
  --dmc-box-shadow-200:0 0 1px rgba(0, 0, 0, 0.24), 0 2px 6px rgba(0, 0, 0, 0.24),
    0 10px 20px rgba(0, 0, 0, 0.24);
  --dmc-box-shadow-300:0 0 1px rgba(0, 0, 0, 0.12), 0 2px 6px rgba(0, 0, 0, 0.12),
    0 16px 24px rgba(0, 0, 0, 0.2);
  --dmc-box-shadow-400:0 0 1px rgba(0, 0, 0, 0.04), 0 4px 8px rgba(0, 0, 0, 0.12),
    0 16px 24px rgba(0, 0, 0, 0.12), 0 24px 32px rgba(0, 0, 0, 0.12);
  --dmc-assist-box-shadow-100:0 0 1px rgba(0, 0, 0, 0.06), 0 0 2px rgba(0, 0, 0, 0.1),
    0 2px 10px rgba(0, 0, 0, 0.14);
  --dmc-assist-box-shadow-200:0 0 1px rgba(0, 0, 0, 0.12), 0 2px 6px rgba(0, 0, 0, 0.1),
    0 10px 20px rgba(0, 0, 0, 0.08);
  --dmc-assist-box-shadow-300:0 0 1px rgba(0, 0, 0, 0.08), 0 2px 6px rgba(0, 0, 0, 0.08),
    0 8px 24px rgba(0, 0, 0, 0.12);
  --dmc-assist-box-shadow-400:0 0 1px rgba(0, 0, 0, 0.04), 0 4px 8px rgba(0, 0, 0, 0.08),
    0 16px 24px rgba(0, 0, 0, 0.08), 0 14px 32px rgba(0, 0, 0, 0.08);
  --dmc-table-right-shadow:0 0 1px rgba(0, 0, 0, 0.24), 2px 0 6px rgba(0, 0, 0, 0.24),
    10px 0 20px rgba(0, 0, 0, 0.08);
  --dmc-table-left-shadow:0 0 1px rgba(0, 0, 0, 0.24), -2px 0 6px rgba(0, 0, 0, 0.24),
    -10px 0 20px rgba(0, 0, 0, 0.08);
  --dmc-table-up-shadow:0 0 1px rgba(0, 0, 0, 0.24), 0 -2px 6px rgba(0, 0, 0, 0.24),
    0 -10px 20px rgba(0, 0, 0, 0.08);
}

[data-theme='dark']{
  --dmc-border-btn-color:var(--dmc-split-color);
  --dmc-border-page-color:var(--dmc-primary-menu-100-color);
  --dmc-without-border-bg-color:var(--dmc-primary-menu-400-color);
  --dmc-primary-bg-color:var(--dmc-blue-600-color);
  --dmc-primary-bg-hover-color:var(--dmc-blue-500-color);
  --dmc-primary-bg-active-color:var(--dmc-blue-800-color);
  --dmc-primary-bg-disabled-color:var(--dmc-blue-800-color);
  --dmc-primary-bg-loading-color:var(--dmc-blue-800-color);
  --dmc-primary-text-color:var(--dmc-text-200-color);
  --dmc-primary-text-hover-color:var(--dmc-text-white-color);
  --dmc-primary-text-active-color:var(--dmc-tp-30-white-color);
  --dmc-primary-text-disabled-color:var(--dmc-tp-30-white-color);
  --dmc-primary-text-loading-color:var(--dmc-tp-30-white-color);
  --dmc-primary-border-color:var(--dmc-split-color);
  --dmc-primary-border-hover-color:var(--dmc-split-color);
  --dmc-primary-border-active-color:var(--dmc-split-color);
  --dmc-primary-border-disabled-color:var(--dmc-split-color);
  --dmc-primary-border-loading-color:var(--dmc-split-color);
  --dmc-primary-danger-bg-color:var(--dmc-red-600-color);
  --dmc-primary-danger-bg-hover-color:var(--dmc-red-500-color);
  --dmc-primary-danger-bg-active-color:var(--dmc-red-800-color);
  --dmc-primary-danger-bg-disabled-color:var(--dmc-red-800-color);
  --dmc-primary-danger-bg-loading-color:var(--dmc-red-800-color);
  --dmc-primary-danger-text-color:var(--dmc-text-200-color);
  --dmc-primary-danger-text-hover-color:var(--dmc-text-white-color);
  --dmc-primary-danger-text-active-color:var(--dmc-tp-30-white-color);
  --dmc-primary-danger-text-disabled-color:var(--dmc-tp-30-white-color);
  --dmc-primary-danger-text-loading-color:var(--dmc-tp-30-white-color);
  --dmc-primary-danger-border-color:var(--dmc-split-color);
  --dmc-primary-danger-border-hover-color:var(--dmc-split-color);
  --dmc-primary-danger-border-active-color:var(--dmc-split-color);
  --dmc-primary-danger-border-disabled-color:var(--dmc-split-color);
  --dmc-primary-danger-border-loading-color:var(--dmc-split-color);
  --dmc-primary-success-bg-color:var(--dmc-green-600-color);
  --dmc-primary-success-bg-hover-color:var(--dmc-green-500-color);
  --dmc-primary-success-bg-active-color:var(--dmc-green-800-color);
  --dmc-primary-success-bg-disabled-color:var(--dmc-green-800-color);
  --dmc-primary-success-bg-loading-color:var(--dmc-green-800-color);
  --dmc-primary-success-text-color:var(--dmc-text-200-color);
  --dmc-primary-success-text-hover-color:var(--dmc-text-white-color);
  --dmc-primary-success-text-active-color:var(--dmc-tp-30-white-color);
  --dmc-primary-success-text-disabled-color:var(--dmc-tp-30-white-color);
  --dmc-primary-success-text-loading-color:var(--dmc-tp-30-white-color);
  --dmc-primary-success-border-color:var(--dmc-split-color);
  --dmc-primary-success-border-hover-color:var(--dmc-split-color);
  --dmc-primary-success-border-active-color:var(--dmc-split-color);
  --dmc-primary-success-border-disabled-color:var(--dmc-split-color);
  --dmc-primary-success-border-loading-color:var(--dmc-split-color);
  --dmc-bg-color:var(--dmc-primary-menu-400-color);
  --dmc-bg-hover-color:var(--dmc-primary-menu-200-color);
  --dmc-bg-active-color:var(--dmc-primary-panel-100-color);
  --dmc-bg-disabled-color:var(--dmc-primary-panel-100-color);
  --dmc-bg-loading-color:var(--dmc-primary-panel-100-color);
  --dmc-bg-ghost-hover-color:var(--dmc-primary-menu-400-color);
  --dmc-bg-ghost-active-color:var(--dmc-primary-panel-100-color);
  --dmc-text-color:var(--dmc-text-400-color);
  --dmc-text-hover-color:var(--dmc-text-200-color);
  --dmc-text-active-color:var(--dmc-text-800-color);
  --dmc-text-disabled-color:var(--dmc-text-800-color);
  --dmc-text-loading-color:var(--dmc-text-800-color);
  --dmc-text-ghost-hover-color:var(--dmc-text-300-color);
  --dmc-text-ghost-active-color:var(--dmc-text-800-color);
  --dmc-assist-bg-color:var(--dmc-tp-30-plain-blue-color);
  --dmc-assist-bg-hover-color:var(--dmc-tp-60-plain-blue-color);
  --dmc-assist-bg-active-color:var(--dmc-tp-10-plain-blue-color);
  --dmc-assist-bg-disabled-color:var(--dmc-tp-10-plain-blue-color);
  --dmc-assist-bg-loading-color:var(--dmc-tp-10-plain-blue-color);
  --dmc-assist-bg-ghost-hover-color:var(--dmc-tp-30-plain-blue-color);
  --dmc-assist-bg-ghost-active-color:var(--dmc-tp-10-plain-blue-color);
  --dmc-assist-text-color:var(--dmc-blue-400-color);
  --dmc-assist-text-hover-color:var(--dmc-blue-300-color);
  --dmc-assist-text-active-color:var(--dmc-blue-800-color);
  --dmc-assist-text-disabled-color:var(--dmc-blue-800-color);
  --dmc-assist-text-loading-color:var(--dmc-blue-800-color);
  --dmc-assist-text-ghost-hover-color:var(--dmc-blue-400-color);
  --dmc-assist-text-ghost-active-color:var(--dmc-blue-800-color);
  --dmc-assist-danger-bg-color:var(--dmc-tp-30-red-color);
  --dmc-assist-danger-bg-hover-color:var(--dmc-tp-60-red-color);
  --dmc-assist-danger-bg-active-color:var(--dmc-tp-10-red-color);
  --dmc-assist-danger-bg-disabled-color:var(--dmc-tp-10-red-color);
  --dmc-assist-danger-bg-loading-color:var(--dmc-tp-10-red-color);
  --dmc-assist-danger-bg-ghost-hover-color:var(--dmc-tp-30-red-color);
  --dmc-assist-danger-bg-ghost-active-color:var(--dmc-tp-10-red-color);
  --dmc-assist-danger-text-color:var(--dmc-red-400-color);
  --dmc-assist-danger-text-hover-color:var(--dmc-red-300-color);
  --dmc-assist-danger-text-active-color:var(--dmc-red-800-color);
  --dmc-assist-danger-text-disabled-color:var(--dmc-red-800-color);
  --dmc-assist-danger-text-loading-color:var(--dmc-red-800-color);
  --dmc-assist-danger-text-ghost-hover-color:var(--dmc-red-400-color);
  --dmc-assist-danger-text-ghost-active-color:var(--dmc-red-800-color);
  --dmc-assist-success-bg-color:var(--dmc-tp-30-green-color);
  --dmc-assist-success-bg-hover-color:var(--dmc-tp-60-green-color);
  --dmc-assist-success-bg-active-color:var(--dmc-tp-10-green-color);
  --dmc-assist-success-bg-disabled-color:var(--dmc-tp-10-green-color);
  --dmc-assist-success-bg-loading-color:var(--dmc-tp-10-green-color);
  --dmc-assist-success-bg-ghost-hover-color:var(--dmc-tp-30-green-color);
  --dmc-assist-success-bg-ghost-active-color:var(--dmc-tp-10-green-color);
  --dmc-assist-success-text-color:var(--dmc-green-400-color);
  --dmc-assist-success-text-hover-color:var(--dmc-green-300-color);
  --dmc-assist-success-text-active-color:var(--dmc-green-800-color);
  --dmc-assist-success-text-disabled-color:var(--dmc-green-800-color);
  --dmc-assist-success-text-loading-color:var(--dmc-green-800-color);
  --dmc-assist-success-text-ghost-hover-color:var(--dmc-green-400-color);
  --dmc-assist-success-text-ghost-active-color:var(--dmc-green-800-color);
  --dmc-assistbg-bg-color:var(--dmc-assist-menu-400-color);
  --dmc-assistbg-bg-hover-color:var(--dmc-assist-menu-200-color);
  --dmc-assistbg-bg-active-color:var(--dmc-assist-panel-200-color);
  --dmc-assistbg-bg-disabled-color:var(--dmc-assist-panel-200-color);
  --dmc-assistbg-bg-loading-color:var(--dmc-assist-panel-200-color);
  --dmc-assistbg-bg-ghost-hover-color:var(--dmc-assist-menu-400-color);
  --dmc-assistbg-bg-ghost-active-color:var(--dmc-assist-panel-200-color);
  --dmc-assistbg-text-color:var(--dmc-text-400-color);
  --dmc-assistbg-text-hover-color:var(--dmc-text-200-color);
  --dmc-assistbg-text-active-color:var(--dmc-text-800-color);
  --dmc-assistbg-text-disabled-color:var(--dmc-text-800-color);
  --dmc-assistbg-text-loading-color:var(--dmc-text-800-color);
  --dmc-assistbg-text-ghost-hover-color:var(--dmc-text-300-color);
  --dmc-assistbg-text-ghost-active-color:var(--dmc-text-800-color);
  --dmc-ghost-text-color:var(--dmc-text-300-color);
  --dmc-link-text-color:var(--dmc-blue-400-color);
  --dmc-link-text-hover-color:var(--dmc-blue-300-color);
  --dmc-link-text-active-color:var(--dmc-blue-600-color);
  --dmc-link-text-disabled-color:var(--dmc-blue-600-color);
  --dmc-link-danger-text-color:var(--dmc-red-400-color);
  --dmc-link-danger-text-hover-color:var(--dmc-red-300-color);
  --dmc-link-danger-text-active-color:var(--dmc-red-600-color);
  --dmc-link-danger-text-disabled-color:var(--dmc-red-600-color);
  --dmc-link-plain-text-color:var(--dmc-text-600-color);
  --dmc-link-plain-text-hover-color:var(--dmc-text-300-color);
  --dmc-link-plain-text-active-color:var(--dmc-text-800-color);
  --dmc-link-plain-text-disabled-color:var(--dmc-text-800-color);
  --dmc-nav-bg-color:var(--dmc-tp-30-blue-color);
  --dmc-nav-bg-hover-color:var(--dmc-tp-60-blue-color);
  --dmc-nav-bg-active-color:var(--dmc-tp-10-blue-color);
  --dmc-nav-bg-disabled-color:var(--dmc-tp-10-blue-color);
  --dmc-nav-text-color:var(--dmc-blue-400-color);
  --dmc-nav-text-hover-color:var(--dmc-blue-300-color);
  --dmc-nav-text-active-color:var(--dmc-blue-800-color);
  --dmc-nav-text-disabled-color:var(--dmc-blue-800-color);
  --dmc-nav-bg-success-color:var(--dmc-tp-30-green-color);
  --dmc-nav-bg-success-hover-color:var(--dmc-tp-60-green-color);
  --dmc-nav-bg-success-active-color:var(--dmc-tp-10-green-color);
  --dmc-nav-bg-success-disabled-color:var(--dmc-tp-10-green-color);
  --dmc-nav-text-success-color:var(--dmc-green-400-color);
  --dmc-nav-text-success-hover-color:var(--dmc-green-300-color);
  --dmc-nav-text-success-active-color:var(--dmc-green-800-color);
  --dmc-nav-text-success-disabled-color:var(--dmc-green-800-color);
  --dmc-nav-bg-danger-color:var(--dmc-tp-30-red-color);
  --dmc-nav-bg-danger-hover-color:var(--dmc-tp-60-red-color);
  --dmc-nav-bg-danger-active-color:var(--dmc-tp-10-red-color);
  --dmc-nav-bg-danger-disabled-color:var(--dmc-tp-10-red-color);
  --dmc-nav-text-danger-color:var(--dmc-red-400-color);
  --dmc-nav-text-danger-hover-color:var(--dmc-red-300-color);
  --dmc-nav-text-danger-active-color:var(--dmc-red-800-color);
  --dmc-nav-text-danger-disabled-color:var(--dmc-red-800-color);
  --dmc-switch-bg-color:var(--dmc-primary-menu-300-color);
  --dmc-switch-bg-hover-color:var(--dmc-plain-blue-700-color);
  --dmc-switch-bg-active-hover-color:var(--dmc-plain-blue-700-color);
  --dmc-switch-bg-active-color:var(--dmc-plain-blue-800-color);
  --dmc-switch-text-color:var(--dmc-text-200-color);
  --dmc-switch-text-hover-color:var(--dmc-text-400-color);
  --dmc-switch-text-active-hover-color:var(--dmc-text-white-color);
  --dmc-switch-text-active-color:var(--dmc-text-200-color);
  --dmc-switch-border-color:transparent;
  --dmc-switch-border-hover-color:transparent;
  --dmc-switch-border-active-hover-color:var(--dmc-blue-400-color);
  --dmc-switch-border-active-color:var(--dmc-blue-500-color);
  --dmc-icon-bg-color:var(--dmc-primary-panel-100-color);
  --dmc-icon-bg-hover-color:var(--dmc-primary-panel-50-color);
  --dmc-icon-bg-active-color:var(--dmc-primary-menu-200-color);
  --dmc-icon-bg-disabled-color:var(--dmc-primary-panel-200-color);
  --dmc-icon-color:var(--dmc-text-400-color);
  --dmc-icon-hover-color:var(--dmc-text-400-color);
  --dmc-icon-active-color:var(--dmc-text-400-color);
  --dmc-icon-disabled-color:var(--dmc-text-900-color);
  --dmc-icon-border-bg-color:var(--dmc-primary-panel-100-color);
  --dmc-icon-border-bg-hover-color:var(--dmc-primary-panel-50-color);
  --dmc-icon-border-bg-active-color:var(--dmc-primary-menu-200-color);
  --dmc-icon-border-bg-disabled-color:var(--dmc-primary-panel-200-color);
  --dmc-icon-border-active-color:var(--dmc-blue-500-color);
  --dmc-icon-assist-bg-color:var(--dmc-assist-panel-200-color);
  --dmc-icon-assist-bg-hover-color:var(--dmc-assist-panel-50-color);
  --dmc-icon-assist-bg-active-color:var(--dmc-assist-menu-100-color);
  --dmc-icon-assist-bg-disabled-color:var(--dmc-assist-panel-300-color);
  --dmc-icon-only-color:var(--dmc-text-400-color);
  --dmc-icon-only-hover-color:var(--dmc-text-300-color);
  --dmc-icon-only-active-color:var(--dmc-text-900-color);
  --dmc-icon-only-disabled-color:var(--dmc-text-900-color);
  --dmc-badge-bg-color:var(--dmc-red-700-color);
  --dmc-badge-processing-bg-color:var(--dmc-blue-700-color);
  --dmc-badge-success-bg-color:var(--dmc-green-700-color);
  --dmc-badge-warning-bg-color:var(--dmc-yellow-700-color);
  --dmc-badge-text-color:var(--dmc-text-200-color);
  --dmc-breadcrumb-color:var(--dmc-text-500-color);
  --dmc-breadcrumb-slot-color:var(--dmc-text-500-color);
  --dmc-breadcrumb-current-color:var(--dmc-text-white-color);
  --dmc-breadcrumb-hover-color:var(--dmc-blue-400-color);
  --dmc-checkbox-check-color:var(--dmc-blue-400-color);
  --dmc-checkbox-uncheck-inner-color:var(--dmc-primary-menu-400-color);
  --dmc-checkbox-uncheck-out-color:var(--dmc-primary-menu-100-color);
  --dmc-checkbox-check-hover-color:var(--dmc-blue-300-color);
  --dmc-checkbox-uncheck-inner-hover-color:var(--dmc-primary-menu-200-color);
  --dmc-checkbox-uncheck-out-hover-color:var(--dmc-primary-menu-50-color);
  --dmc-checkbox-check-disabled-color:var(--dmc-blue-800-color);
  --dmc-checkbox-uncheck-inner-disabled-color:var(--dmc-primary-menu-600-color);
  --dmc-checkbox-uncheck-out-disabled-color:var(--dmc-primary-menu-400-color);
  --dmc-checkbox-title-color:var(--dmc-text-300-color);
  --dmc-checkbox-sub-title-color:var(--dmc-text-600-color);
  --dmc-checkbox-title-disabled-color:var(--dmc-text-700-color);
  --dmc-checkbox-sub-title-disabled-color:var(--dmc-text-900-color);
  --dmc-checkbox-pb-check-color:var(--dmc-blue-400-color);
  --dmc-checkbox-pb-uncheck-inner-color:var(--dmc-primary-panel-600-color);
  --dmc-checkbox-pb-uncheck-out-color:var(--dmc-primary-panel-50-color);
  --dmc-checkbox-pb-check-hover-color:var(--dmc-blue-300-color);
  --dmc-checkbox-pb-uncheck-inner-hover-color:var(--dmc-primary-panel-200-color);
  --dmc-checkbox-pb-uncheck-out-hover-color:var(--dmc-primary-menu-300-color);
  --dmc-checkbox-pb-check-disabled-color:var(--dmc-blue-800-color);
  --dmc-checkbox-pb-uncheck-inner-disabled-color:var(--dmc-primary-panel-600-color);
  --dmc-checkbox-pb-uncheck-out-disabled-color:var(--dmc-primary-panel-300-color);
  --dmc-checkbox-mb-check-color:var(--dmc-blue-400-color);
  --dmc-checkbox-mb-uncheck-inner-color:var(--dmc-primary-menu-400-color);
  --dmc-checkbox-mb-uncheck-out-color:var(--dmc-primary-menu-100-color);
  --dmc-checkbox-mb-check-hover-color:var(--dmc-blue-300-color);
  --dmc-checkbox-mb-uncheck-inner-hover-color:var(--dmc-primary-menu-200-color);
  --dmc-checkbox-mb-uncheck-out-hover-color:var(--dmc-primary-menu-50-color);
  --dmc-checkbox-mb-check-disabled-color:var(--dmc-blue-800-color);
  --dmc-checkbox-mb-uncheck-inner-disabled-color:var(--dmc-primary-menu-400-color);
  --dmc-checkbox-mb-uncheck-out-disabled-color:var(--dmc-primary-menu-300-color);
  --dmc-checkbox-ab-check-color:var(--dmc-blue-400-color);
  --dmc-checkbox-ab-uncheck-inner-color:var(--dmc-assist-menu-400-color);
  --dmc-checkbox-ab-uncheck-out-color:var(--dmc-assist-menu-200-color);
  --dmc-checkbox-ab-check-hover-color:var(--dmc-blue-300-color);
  --dmc-checkbox-ab-uncheck-inner-hover-color:var(--dmc-assist-menu-200-color);
  --dmc-checkbox-ab-uncheck-out-hover-color:var(--dmc-assist-menu-100-color);
  --dmc-checkbox-ab-check-disabled-color:var(--dmc-blue-800-color);
  --dmc-checkbox-ab-uncheck-inner-disabled-color:var(--dmc-assist-menu-500-color);
  --dmc-checkbox-bb-uncheck-out-disabled-color:var(--dmc-assist-menu-400-color);
  --dmc-checklist-bg-color:var(--dmc-primary-panel-600-color);
  --dmc-checklist-desc-color:var(--dmc-text-800-color);
  --dmc-checklist-icon-search-color:var(--dmc-text-200-color);
  --dmc-checklist-loading-color:var(--dmc-text-700-color);
  --dmc-checklist-ab-bg-color:var(--dmc-primary-menu-600-color);
  --dmc-collapse-text-color:var(--dmc-text-300-color);
  --dmc-collapse-text-hover-color:var(--dmc-text-200-color);
  --dmc-collapse-text-disabled-color:var(--dmc-text-800-color);
  --dmc-collapse-icon-color:var(--dmc-text-700-color);
  --dmc-collapse-icon-disabled-color:var(--dmc-text-900-color);
  --dmc-color-gradient-border-color:var(--dmc-text-700-color);
  --dmc-color-gradient-item-border-color:var(--dmc-text-500-color);
  --dmc-colorpicker-bg-color:var(--dmc-primary-menu-500-color);
  --dmc-colorpicker-btns-bg-color:var(--dmc-tp-60-black-color);
  --dmc-colorpicker-shadow-color:var(--dmc-box-shadow-100);
  --dmc-colorpicker-block-border-color:var(--dmc-text-400-color);
  --dmc-colorpicker-content-text-color:var(--dmc-text-600-color);
  --dmc-colorpicker-content-text-hover-color:var(--dmc-text-300-color);
  --dmc-colorpicker-picker-bg-color:var(--dmc-text-white-color);
  --dmc-colorpicker-picker-border-color:var(--dmc-text-400-color);
  --dmc-colorpicker-placeholder-color:var(--dmc-text-800-color);
  --dmc-colorpicker-route-label-color:var(--dmc-text-400-color);
  --dmc-colorpicker-input-bg-color:var(--dmc-primary-menu-300-color);
  --dmc-create-filter-bg-color:var(--dmc-primary-menu-500-color);
  --dmc-create-filter-shadow-color:var(--dmc-box-shadow-100);
  --dmc-create-filter-loading:var(--dmc-text-800-color);
  --dmc-create-filter-text-color:var(--dmc-text-300-color);
  --dmc-create-filter-desc-color:var(--dmc-text-600-color);
  --dmc-create-filter-dynamic-bg-color:var(--dmc-primary-menu-400-color);
  --dmc-create-filter-dynamic-text-color:var(--dmc-text-500-color);
  --dmc-date-picker-text-color:var(--dmc-text-200-color);
  --dmc-date-picker-disabled-text-color:var(--dmc-text-700-color);
  --dmc-date-picker-selected-text-color:var(--dmc-text-300-color);
  --dmc-date-picker-focus-text-color:var(--dmc-text-300-color);
  --dmc-date-picker-bg-color:var(--dmc-primary-panel-100-color);
  --dmc-date-picker-bg-hover-color:var(--dmc-primary-panel-50-color);
  --dmc-date-picker-bg-value-hover-color:var(--dmc-plain-blue-700-color);
  --dmc-date-picker-selected-bg-color:var(--dmc-plain-blue-800-color);
  --dmc-date-picker-selected-bg-hover-color:var(--dmc-plain-blue-700-color);
  --dmc-date-picker-suffix-color:var(--dmc-text-800-color);
  --dmc-date-picker-suffix-focus-color:var(--dmc-text-400-color);
  --dmc-date-picker-suffix-hover-color:var(--dmc-text-400-color);
  --dmc-date-picker-clear-color:var(--dmc-text-700-color);
  --dmc-date-picker-clear-hover-color:var(--dmc-text-200-color);
  --dmc-date-picker-bg-disabled-color:var(--dmc-primary-menu-400-color);
  --dmc-date-picker-border-color:var(--dmc-blue-400-color);
  --dmc-date-picker-border-focus-color:var(--dmc-blue-400-color);
  --dmc-date-picker-placeholder-color:var(--dmc-text-800-color);
  --dmc-date-picker-assist-bg-border-color:var(--dmc-blue-400-color);
  --dmc-date-picker-assist-bg-placeholder-color:var(--dmc-text-700-color);
  --dmc-date-picker-assist-bg-color:var(--dmc-primary-menu-300-color);
  --dmc-date-picker-assist-bg-hover-color:var(--dmc-primary-menu-200-color);
  --dmc-date-picker-assist-bg-value-hover-color:var(--dmc-plain-blue-700-color);
  --dmc-date-picker-panel-bg-color:var(--dmc-primary-menu-500-color);
  --dmc-date-picker-content-selected-bg-color:var(--dmc-plain-blue-600-color);
  --dmc-date-picker-panel-border-shadow:var(--dmc-box-shadow-100);
  --dmc-date-picker-header-color:var(--dmc-text-200-color);
  --dmc-date-picker-header-bg-hover-color:var(--dmc-primary-menu-200-color);
  --dmc-date-picker-content-color:var(--dmc-text-200-color);
  --dmc-date-picker-content-bg-hover-color:var(--dmc-primary-menu-200-color);
  --dmc-date-picker-content-disabled-color:var(--dmc-text-700-color);
  --dmc-date-picker-content-selected-color:var(--dmc-text-200-color);
  --dmc-date-picker-content-out-cell-color:var(--dmc-text-700-color);
  --dmc-date-picker-content-inner-cell-color:var(--dmc-text-200-color);
  --dmc-date-picker-today-color:var(--dmc-blue-300-color);
  --dmc-date-picker-today-btn-color:var(--dmc-blue-400-color);
  --dmc-datatable-bg-color:var(--dmc-primary-panel-400-color);
  --dmc-datatable-color:var(--dmc-text-400-color);
  --dmc-datatable-border-color:var(--dmc-split-color);
  --dmc-datatable-summary-border-color:var(--dmc-split-color);
  --dmc-datatable-selection-color:var(--dmc-blue-600-color);
  --dmc-datatable-empty-color:var(--dmc-text-800-color);
  --dmc-datatable-selected-color:var(--dmc-plain-blue-800-color);
  --dmc-datatable-pb-body-odd-bg-color:var(--dmc-primary-panel-300-color);
  --dmc-datatable-pb-body-even-bg-color:var(--dmc-primary-panel-500-color);
  --dmc-datatable-pb-head-bg-color:var(--dmc-primary-panel-100-color);
  --dmc-datatable-pb-empty-bg-color:var(--dmc-primary-panel-400-color);
  --dmc-datatable-pb-scroll-bar-bg-color:var(--dmc-primary-panel-400-color);
  --dmc-datatable-ab-body-odd-bg-color:var(--dmc-primary-menu-300-color);
  --dmc-datatable-ab-body-even-bg-color:var(--dmc-primary-menu-500-color);
  --dmc-datatable-ab-head-bg-color:var(--dmc-primary-menu-400-color);
  --dmc-datatable-ab-empty-bg-color:var(--dmc-primary-menu-500-color);
  --dmc-datatable-ab-scroll-bar-bg-color:var(--dmc-assist-menu-100-color);
  --dmc-datatable-blue-color:var(--dmc-blue-400-color);
  --dmc-datatable-red-color:var(--dmc-red-400-color);
  --dmc-datatable-green-color:var(--dmc-green-400-color);
  --dmc-datatable-yellow-color:var(--dmc-yellow-400-color);
  --dmc-datatable-plain-blue-color:var(--dmc-plain-blue-300-color);
  --dmc-dialog-bg-color:var(--dmc-primary-panel-500-color);
  --dmc-dialog-border-color:var(--dmc-split-color);
  --dmc-dialog-close-color:var(--dmc-text-800-color);
  --dmc-dialog-close-hover-color:var(--dmc-text-200-color);
  --dmc-diaglog-header-color:var(--dmc-text-300-color);
  --dmc-dialog-mask-color:var(--dmc-text-black-color);
  --dmc-dialog-emotion-title-color:var(--dmc-text-200-color);
  --dmc-dialog-emotion-desc-color:var(--dmc-text-500-color);
  --dmc-dialog-emotion-icon-color:var(--dmc-blue-400-color);
  --dmc-dialog-emotion-alert-color:var(--dmc-red-500-color);
  --dmc-dialog-emotion-success-color:var(--dmc-green-500-color);
  --dmc-dialog-emotion-help-color:var(--dmc-yellow-500-color);
  --dmc-dot-process-color:var(--dmc-blue-400-color);
  --dmc-dot-process-bg-color:var(--dmc-tp-10-blue-color);
  --dmc-dot-error-color:var(--dmc-red-400-color);
  --dmc-dot-error-bg-color:var(--dmc-tp-10-red-color);
  --dmc-dot-warning-color:var(--dmc-yellow-400-color);
  --dmc-dot-warning-bg-color:var(--dmc-tp-10-yellow-color);
  --dmc-dot-success-color:var(--dmc-green-400-color);
  --dmc-dot-success-bg-color:var(--dmc-tp-10-green-color);
  --dmc-dot-canceled-color:var(--dmc-text-600-color);
  --dmc-dot-canceled-bg-color:var(--dmc-tp-10-plain-blue-color);
  --dmc-draggable-wrap-bg-color:var(--dmc-primary-panel-500-color);
  --dmc-draggable-wrap-shadow-color:var(--dmc-box-shadow-100);
  --dmc-draggable-handle-color:var(--dmc-text-500-color);
  --dmc-drawer-bg-color:var(--dmc-page-400-color);
  --dmc-drawer-shadow-color:-10px 0 20px rgba(0, 0, 0, 0.12), -2px 0 6px rgba(0, 0, 0, 0.36),
    0 0 1px rgba(0, 0, 0, 0.24);
  --dmc-drawer-content-text-color:var(--dmc-text-500-color);
  --dmc-drawer-left-shadow-color:var(--dmc-box-shadow-100);
  --dmc-drawer-right-shadow-color:-2px 0 8px rgba(0, 0, 0, 0.15);
  --dmc-drawer-top-shadow-color:0 2px 8px rgba(0, 0, 0, 0.15);
  --dmc-drawer-bottom-shadow-color:var(--dmc-box-shadow-100);
  --dmc-drawer-panel2-shadow-color:0 0 1px rgba(0, 0, 0, 0.24), -2px 0 6px rgba(0, 0, 0, 0.36),
    -10px 0 20px rgba(0, 0, 0, 0.12);
  --dmc-drop-menu-only-text-color:var(--dmc-text-800-color);
  --dmc-drop-menu-only-text-hover-color:var(--dmc-text-300-color);
  --dmc-drop-menu-only-text-active-color:var(--dmc-text-600-color);
  --dmc-drop-zone-bg-color:transparent;
  --dmc-drop-zone-bg-active-color:var(--dmc-tp-10-blue-color);
  --dmc-drop-zone-border-color:var(--dmc-grey-blue-300-color);
  --dmc-drop-zone-border-active-color:var(--dmc-blue-500-color);
  --dmc-drop-zone-icon-color:var(--dmc-primary-menu-100-color);
  --dmc-drop-zone-compact-icon-color:var(--dmc-grey-blue-200-color);
  --dmc-drop-zone-tip-color:var(--dmc-text-400-color);
  --dmc-drop-zone-desc-color:var(--dmc-text-700-color);
  --dmc-field-text-color:var(--dmc-text-300-color);
  --dmc-field-bg-color:var(--dmc-primary-menu-400-color);
  --dmc-field-bg-blue-hover-color:var(--dmc-primary-menu-100-color);
  --dmc-field-bg-red-hover-color:var(--dmc-primary-menu-100-color);
  --dmc-field-bg-green-hover-color:var(--dmc-primary-menu-100-color);
  --dmc-field-blue-color:var(--dmc-blue-500-color);
  --dmc-field-red-color:var(--dmc-red-500-color);
  --dmc-field-green-color:var(--dmc-green-500-color);
  --dmc-field-blue-icon-color:var(--dmc-text-200-color);
  --dmc-field-red-icon-color:var(--dmc-text-200-color);
  --dmc-field-green-icon-color:var(--dmc-text-200-color);
  --dmc-field-checked-blue-bg-color:var(--dmc-primary-menu-200-color);
  --dmc-field-checked-red-bg-color:var(--dmc-primary-menu-200-color);
  --dmc-field-checked-green-bg-color:var(--dmc-primary-menu-200-color);
  --dmc-field-checked-blue-color:var(--dmc-blue-500-color);
  --dmc-field-checked-red-color:var(--dmc-red-500-color);
  --dmc-field-checked-green-color:var(--dmc-green-500-color);
  --dmc-field-blue-text-color:var(--dmc-text-300-color);
  --dmc-field-blue-bg-color:var(--dmc-primary-menu-400-color);
  --dmc-field-red-text-color:var(--dmc-text-300-color);
  --dmc-field-red-bg-color:var(--dmc-primary-menu-400-color);
  --dmc-field-green-text-color:var(--dmc-text-300-color);
  --dmc-field-green-bg-color:var(--dmc-primary-menu-400-color);
  --dmc-form-item-color:var(--dmc-text-500-color);
  --dmc-form-item-msg-color:var(--dmc-text-600-color);
  --dmc-form-item-required-color:var(--dmc-red-500-color);
  --dmc-icons-color:var(--dmc-text-400-color);
  --dmc-icons-error-color:var(--dmc-red-400-color);
  --dmc-input-text-color:var(--dmc-text-200-color);
  --dmc-input-text-mb-color:var(--dmc-text-200-color);
  --dmc-input-text-ab-color:var(--dmc-text-800-color);
  --dmc-input-text-disabled-color:var(--dmc-text-900-color);
  --dmc-input-border-focus-color:var(--dmc-blue-400-color);
  --dmc-input-warning-color:var(--dmc-yellow-400-color);
  --dmc-input-error-color:var(--dmc-red-400-color);
  --dmc-input-success-color:var(--dmc-green-400-color);
  --dmc-input-bg-color:var(--dmc-primary-panel-100-color);
  --dmc-input-bg-hover-color:var(--dmc-primary-panel-50-color);
  --dmc-input-bg-disabled-color:var(--dmc-primary-panel-300-color);
  --dmc-input-bg-mb-color:var(--dmc-primary-menu-300-color);
  --dmc-input-bg-mb-hover-color:var(--dmc-primary-menu-200-color);
  --dmc-input-bg-mb-disabled-color:var(--dmc-primary-menu-400-color);
  --dmc-input-bg-ab-color:var(--dmc-assist-panel-200-color);
  --dmc-input-bg-ab-hover-color:var(--dmc-assist-panel-50-color);
  --dmc-input-bg-ab-disabled-color:var(--dmc-assist-panel-400-color);
  --dmc-input-compact-bg-color:var(--dmc-primary-panel-100-color);
  --dmc-input-compact-bg-hover-color:var(--dmc-primary-panel-50-color);
  --dmc-input-compact-border-color:var(--dmc-primary-panel-700-color);
  --dmc-input-icon-color:var(--dmc-text-800-color);
  --dmc-input-extra-color:var(--dmc-text-500-color);
  --dmc-input-extra-mb-color:var(--dmc-text-500-color);
  --dmc-input-extra-ab-color:var(--dmc-text-500-color);
  --dmc-input-extra-disabled-color:var(--dmc-text-700-color);
  --dmc-input-extra-bg-color:var(--dmc-primary-panel-300-color);
  --dmc-input-extra-bg-mb-color:var(--dmc-primary-menu-300-color);
  --dmc-input-extra-bg-ab-color:var(--dmc-primary-menu-300-color);
  --dmc-input-text-placeholder-color:var(--dmc-text-800-color);
  --dmc-input-text-placeholder-mb-color:var(--dmc-text-800-color);
  --dmc-input-text-placeholder-ab-color:var(--dmc-text-700-color);
  --dmc-input-text-placeholder-disabled-color:var(--dmc-text-900-color);
  --dmc-input-number-extra-color:var(--dmc-text-800-color);
  --dmc-input-number-extra-mb-color:var(--dmc-text-700-color);
  --dmc-input-number-extra-ab-color:var(--dmc-text-500-color);
  --dmc-input-number-extra-bg-color:var(--dmc-primary-panel-500-color);
  --dmc-input-number-extra-bg-mb-color:var(--dmc-primary-menu-300-color);
  --dmc-input-number-extra-bg-ab-color:var(--dmc-assist-panel-400-color);
  --dmc-load-process-color:var(--dmc-blue-500-color);
  --dmc-menu-text-color:var(--dmc-text-200-color);
  --dmc-menu-bg-color:var(--dmc-primary-menu-500-color);
  --dmc-menu-bg-active-color:var(--dmc-primary-menu-300-color);
  --dmc-menu-bg-ab-active-color:var(--dmc-assist-menu-100-color);
  --dmc-menu-border-color:var(--dmc-primary-menu-100-color);
  --dmc-menu-bg-ab-color:var(--dmc-assist-menu-500-color);
  --dmc-menu-border-ab-color:var(--dmc-assist-menu-100-color);
  --dmc-menu-shadow:var(--dmc-box-shadow-100);
  --dmc-menu-hover-color:var(--dmc-primary-menu-300-color);
  --dmc-menu-text-hover-color:var(--dmc-text-200-color);
  --dmc-menu-group-title-color:var(--dmc-text-700-color);
  --dmc-menu-disabled-color:var(--dmc-text-800-color);
  --dmc-notification-bg-color:var(--dmc-primary-menu-500-color);
  --dmc-notification-shadow:var(--dmc-box-shadow-200);
  --dmc-notification-title-color:var(--dmc-text-200-color);
  --dmc-notification-desc-color:var(--dmc-text-500-color);
  --dmc-notification-icon-color:var(--dmc-blue-500-color);
  --dmc-notification-icon-success-color:var(--dmc-green-400-color);
  --dmc-notification-icon-alert-color:var(--dmc-red-400-color);
  --dmc-notification-icon-help-color:var(--dmc-yellow-400-color);
  --dmc-page-header-bg-color:var(--dmc-primary-panel-500-color);
  --dmc-page-header-border-color:var(--dmc-primary-panel-100-color);
  --dmc-pagination-color:var(--dmc-text-500-color);
  --dmc-pagination-hover-color:var(--dmc-text-200-color);
  --dmc-pagination-bg-color:var(--dmc-primary-panel-100-color);
  --dmc-pagination-hover-bg-color:var(--dmc-primary-menu-300-color);
  --dmc-pagination-active-bg-color:var(--dmc-primary-menu-300-color);
  --dmc-pagination-assist-bg-color:var(--dmc-assist-panel-200-color);
  --dmc-pagination-assist-hover-bg-color:var(--dmc-assist-menu-500-color);
  --dmc-pagination-assist-active-bg-color:var(--dmc-assist-menu-500-color);
  --dmc-popover-bg:var(--dmc-primary-menu-500-color);
  --dmc-popover-box-shadow-base:var(--dmc-box-shadow-100);
  --dmc-popover-border-color:var(--dmc-primary-menu-100-color);
  --dmc-popover-title-color:var(--dmc-text-200-color);
  --dmc-popover-title-border-bottom-color:var(--dmc-split-color);
  --dmc-progress-title-color:var(--dmc-text-300-color);
  --dmc-progress-percent-color:var(--dmc-text-500-color);
  --dmc-progress-bg-color:var(--dmc-primary-menu-500-color);
  --dmc-progress-trail-color:var(--dmc-blue-500-color);
  --dmc-progress-trail-success-color:var(--dmc-green-500-color);
  --dmc-progress-trail-error-color:var(--dmc-red-500-color);
  --dmc-progress-trail-warning-color:var(--dmc-yellow-500-color);
  --dmc-radio-checked-inner-color:var(--dmc-text-white-color);
  --dmc-radio-checked-out-color:var(--dmc-blue-400-color);
  --dmc-radio-unchecked-inner-color:var(--dmc-primary-menu-400-color);
  --dmc-radio-unchecked-out-color:var(--dmc-primary-menu-100-color);
  --dmc-radio-hover-checked-inner-color:var(--dmc-text-white-color);
  --dmc-radio-hover-checked-out-color:var(--dmc-blue-300-color);
  --dmc-radio-hover-unchecked-inner-color:var(--dmc-primary-menu-200-color);
  --dmc-radio-hover-unchecked-out-color:var(--dmc-primary-menu-50-color);
  --dmc-radio-disabled-checked-inner-color:var(--dmc-plain-blue-400-color);
  --dmc-radio-disabled-checked-out-color:var(--dmc-blue-800-color);
  --dmc-radio-disabled-unchecked-inner-color:var(--dmc-primary-menu-600-color);
  --dmc-radio-disabled-unchecked-out-color:var(--dmc-primary-menu-400-color);
  --dmc-radio-pb-checked-inner-color:var(--dmc-text-white-color);
  --dmc-radio-pb-checked-out-color:var(--dmc-blue-400-color);
  --dmc-radio-pb-unchecked-inner-color:var(--dmc-primary-panel-600-color);
  --dmc-radio-pb-unchecked-out-color:var(--dmc-primary-panel-50-color);
  --dmc-radio-pb-hover-checked-inner-color:var(--dmc-text-white-color);
  --dmc-radio-pb-hover-checked-out-color:var(--dmc-blue-300-color);
  --dmc-radio-pb-hover-unchecked-inner-color:var(--dmc-primary-panel-200-color);
  --dmc-radio-pb-hover-unchecked-out-color:var(--dmc-primary-menu-300-color);
  --dmc-radio-pb-disabled-checked-inner-color:var(--dmc-plain-blue-400-color);
  --dmc-radio-pb-disabled-checked-out-color:var(--dmc-blue-800-color);
  --dmc-radio-pb-disabled-unchecked-inner-color:var(--dmc-primary-panel-600-color);
  --dmc-radio-pb-disabled-unchecked-out-color:var(--dmc-primary-panel-300-color);
  --dmc-radio-mb-checked-inner-color:var(--dmc-text-white-color);
  --dmc-radio-mb-checked-out-color:var(--dmc-blue-400-color);
  --dmc-radio-mb-unchecked-inner-color:var(--dmc-primary-menu-400-color);
  --dmc-radio-mb-unchecked-out-color:var(--dmc-primary-menu-100-color);
  --dmc-radio-mb-hover-checked-inner-color:var(--dmc-text-white-color);
  --dmc-radio-mb-hover-checked-out-color:var(--dmc-blue-300-color);
  --dmc-radio-mb-hover-unchecked-inner-color:var(--dmc-primary-menu-200-color);
  --dmc-radio-mb-hover-unchecked-out-color:var(--dmc-primary-menu-50-color);
  --dmc-radio-mb-disabled-checked-inner-color:var(--dmc-plain-blue-400-color);
  --dmc-radio-mb-disabled-checked-out-color:var(--dmc-blue-800-color);
  --dmc-radio-mb-disabled-unchecked-inner-color:var(--dmc-primary-menu-400-color);
  --dmc-radio-mb-disabled-unchecked-out-color:var(--dmc-primary-menu-300-color);
  --dmc-radio-ab-checked-inner-color:var(--dmc-text-white-color);
  --dmc-radio-ab-checked-out-color:var(--dmc-blue-400-color);
  --dmc-radio-ab-unchecked-inner-color:var(--dmc-assist-menu-400-color);
  --dmc-radio-ab-unchecked-out-color:var(--dmc-assist-menu-200-color);
  --dmc-radio-ab-hover-checked-inner-color:var(--dmc-text-white-color);
  --dmc-radio-ab-hover-checked-out-color:var(--dmc-blue-300-color);
  --dmc-radio-ab-hover-unchecked-inner-color:var(--dmc-assist-menu-200-color);
  --dmc-radio-ab-hover-unchecked-out-color:var(--dmc-assist-menu-100-color);
  --dmc-radio-ab-disabled-checked-inner-color:var(--dmc-plain-blue-400-color);
  --dmc-radio-ab-disabled-checked-out-color:var(--dmc-blue-800-color);
  --dmc-radio-ab-disabled-unchecked-inner-color:var(--dmc-assist-menu-500-color);
  --dmc-radio-ab-disabled-unchecked-out-color:var(--dmc-assist-menu-400-color);
  --dmc-radio-info-color:var(--dmc-text-300-color);
  --dmc-radio-info-disabled-color:var(--dmc-text-700-color);
  --dmc-radio-btn-text-color:var(--dmc-text-500-color);
  --dmc-radio-btn-text-hover-color:var(--dmc-text-300-color);
  --dmc-radio-btn-text-active-color:var(--dmc-text-200-color);
  --dmc-radio-btn-text-disabled-color:var(--dmc-text-700-color);
  --dmc-radio-btn-bg-color:transparent;
  --dmc-radio-btn-bg-hover-color:var(--dmc-primary-menu-200-color);
  --dmc-radio-btn-bg-active-color:var(--dmc-primary-menu-100-color);
  --dmc-radio-btn-bg-disabled-color:var(--dmc-primary-menu-300-color);
  --dmc-radio-btn-bg-group-color:var(--dmc-primary-menu-300-color);
  --dmc-radio-nav-text-color:var(--dmc-text-800-color);
  --dmc-radio-nav-text-hover-color:var(--dmc-text-500-color);
  --dmc-radio-nav-text-active-color:var(--dmc-text-200-color);
  --dmc-scrollbar-color:var(--dmc-primary-panel-100-color);
  --dmc-scrollbar-pb-color:var(--dmc-primary-panel-400-color);
  --dmc-scrollbar-mb-color:var(--dmc-primary-menu-300-color);
  --dmc-scrollbar-ab-color:var(--dmc-assist-panel-100-color);
  --dmc-select-text-color:var(--dmc-text-300-color);
  --dmc-select-text-hover-color:var(--dmc-text-200-color);
  --dmc-select-text-loading-color:var(--dmc-text-700-color);
  --dmc-select-text-disabled-color:var(--dmc-text-900-color);
  --dmc-select-text-txt-disabled-color:var(--dmc-text-900-color);
  --dmc-select-text-txt-color:var(--dmc-text-800-color);
  --dmc-select-bg-color:var(--dmc-primary-panel-100-color);
  --dmc-select-bg-mini-color:var(--dmc-primary-panel-100-color);
  --dmc-select-bg-hover-color:var(--dmc-primary-panel-50-color);
  --dmc-select-bg-active-color:var(--dmc-primary-panel-100-color);
  --dmc-select-bg-disabled-color:var(--dmc-primary-panel-300-color);
  --dmc-select-bg-error-color:var(--dmc-primary-panel-100-color);
  --dmc-select-item-bg-color:var(--dmc-primary-menu-300-color);
  --dmc-select-item-hover-bg-color:var(--dmc-primary-menu-100-color);
  --dmc-select-dropdown-bg-color:var(--dmc-primary-menu-500-color);
  --dmc-select-dropdown-border-color:var(--dmc-primary-menu-100-color);
  --dmc-select-dropdown-shadow-color:var(--dmc-box-shadow-100);
  --dmc-select-scrollbar-color:var(--dmc-primary-panel-100-color);
  --dmc-select-bg-mb-color:var(--dmc-primary-menu-300-color);
  --dmc-select-bg-mb-hover-color:var(--dmc-primary-menu-200-color);
  --dmc-select-mb-ph-color:var(--dmc-text-700-color);
  --dmc-select-mb-item-bg-color:var(--dmc-primary-menu-100-color);
  --dmc-select-mb-item-hover-bg-color:var(--dmc-primary-menu-100-color);
  --dmc-select-mb-disabled-color:var(--dmc-primary-menu-400-color);
  --dmc-select-mb-txt-disabled-color:var(--dmc-text-900-color);
  --dmc-select-mb-disabled-text-color:var(--dmc-text-900-color);
  --dmc-select-mb-dropdown-bg-color:var(--dmc-primary-menu-500-color);
  --dmc-select-mb-scrollbar-color:var(--dmc-primary-menu-300-color);
  --dmc-select-bg-ab-color:var(--dmc-primary-menu-200-color);
  --dmc-select-bg-ab-hover-color:var(--dmc-assist-panel-50-color);
  --dmc-select-ab-ph-color:var(--dmc-text-800-color);
  --dmc-select-ab-item-bg-color:var(--dmc-assist-menu-300-color);
  --dmc-select-ab-item-hover-bg-color:var(--dmc-assist-menu-100-color);
  --dmc-select-ab-disabled-color:var(--dmc-assist-panel-400-color);
  --dmc-select-ab-disabled-text-color:var(--dmc-text-900-color);
  --dmc-select-ab-txt-disabled-color:var(--dmc-text-900-color);
  --dmc-select-ab-dropdown-bg-color:var(--dmc-assist-menu-500-color);
  --dmc-select-ab-scrollbar-color:var(--dmc-assist-panel-100-color);
  --dmc-select-border-active-color:var(--dmc-blue-400-color);
  --dmc-select-border-error-color:var(--dmc-red-400-color);
  --dmc-select-arrow-icon-color:var(--dmc-text-400-color);
  --dmc-select-disabled-arrow-icon-color:var(--dmc-text-900-color);
  --dmc-select-bg-compact-color:var(--dmc-primary-panel-100-color);
  --dmc-select-bg-compact-hover-color:var(--dmc-primary-panel-50-color);
  --dmc-select-compact-ph-color:var(--dmc-text-800-color);
  --dmc-select-compact-item-bg-color:var(--dmc-primary-menu-300-color);
  --dmc-select-compact-item-hover-bg-color:var(--dmc-primary-menu-100-color);
  --dmc-select-compact-disabled-color:var(--dmc-primary-panel-300-color);
  --dmc-select-compact-disabled-text-color:var(--dmc-text-900-color);
  --dmc-select-compact-txt-disabled-color:var(--dmc-text-900-color);
  --dmc-select-compact-dropdown-bg-color:var(--dmc-primary-menu-500-color);
  --dmc-select-compact-scrollbar-color:var(--dmc-primary-panel-100-color);
  --dmc-sidenav-bg-color:var(--dmc-page-500-color);
  --dmc-sidenav-item-text-color:var(--dmc-text-700-color);
  --dmc-sidenav-item-text-hover-color:var(--dmc-text-400-color);
  --dmc-sidenav-item-text-active-color:var(--dmc-text-300-color);
  --dmc-sidenav-item-text-disabled-color:var(--dmc-text-900-color);
  --dmc-sidenav-item-text-active-mark-color:var(--dmc-blue-500-color);
  --dmc-sidenav-item-bg-hover-color:var(--dmc-primary-panel-400-color);
  --dmc-sidenav-item-bg-active-color:var(--dmc-primary-panel-100-color);
  --dmc-sidenav-pb-item-text-hover-color:var(--dmc-text-500-color);
  --dmc-sidenav-pb-item-bg-color:var(--dmc-primary-panel-600-color);
  --dmc-sidenav-pb-item-bg-hover-color:var(--dmc-assist-panel-300-color);
  --dmc-sidenav-pb-item-bg-active-color:var(--dmc-assist-panel-100-color);
  --dmc-sidenav-ab-item-text-hover-color:var(--dmc-text-500-color);
  --dmc-sidenav-ab-item-bg-color:var(--dmc-assist-panel-400-color);
  --dmc-sidenav-ab-item-bg-hover-color:var(--dmc-assist-panel-300-color);
  --dmc-sidenav-ab-item-bg-active-color:var(--dmc-assist-panel-100-color);
  --dmc-slider-bg-color:var(--dmc-primary-menu-100-color);
  --dmc-slider-bg-hover-color:var(--dmc-primary-menu-50-color);
  --dmc-slider-disabled-color:var(--dmc-text-900-color);
  --dmc-slider-track-color:var(--dmc-blue-400-color);
  --dmc-slider-track-hover-color:var(--dmc-blue-300-color);
  --dmc-slider-handle-bg-color:var(--dmc-text-200-color);
  --dmc-slider-handle-border-color:var(--dmc-text-400-color);
  --dmc-slider-mark-text-color:var(--dmc-text-800-color);
  --dmc-slider-mark-text-active-color:var(--dmc-text-200-color);
  --dmc-slider-dot-color:var(--dmc-primary-panel-50-color);
  --dmc-slider-dot-active-color:var(--dmc-blue-300-color);
  --dmc-sortlist-ab-bg-color:var(--dmc-primary-menu-600-color);
  --dmc-sortlist-item-color:var(--dmc-text-700-color);
  --dmc-sortlist-text-color:var(--dmc-text-300-color);
  --dmc-sortlist-text-hover-color:var(--dmc-text-200-color);
  --dmc-sortlist-hover-color:var(--dmc-primary-menu-300-color);
  --dmc-spin-color:var(--dmc-text-800-color);
  --dmc-spin-bg-color:var(--dmc-page-500-color);
  --dmc-steps-wait-default-title-color:var(--dmc-text-800-color);
  --dmc-steps-not-wait-default-title-color:var(--dmc-text-400-color);
  --dmc-steps-wait-default-description-color:var(--dmc-text-800-color);
  --dmc-steps-not-wait-default-description-color:var(--dmc-text-500-color);
  --dmc-steps-process-default-icon-line-color:var(--dmc-blue-800-color);
  --dmc-steps-process-default-icon-bg-color:var(--dmc-blue-500-color);
  --dmc-steps-wait-default-icon-bg-color:var(--dmc-primary-menu-500-color);
  --dmc-steps-finish-default-icon-line-color:var(--dmc-green-800-color);
  --dmc-steps-finish-default-icon-bg-color:var(--dmc-green-600-color);
  --dmc-steps-error-default-icon-line-color:var(--dmc-red-800-color);
  --dmc-steps-error-default-icon-bg-color:var(--dmc-red-600-color);
  --dmc-steps-process-default-icon-text-color:var(--dmc-text-200-color);
  --dmc-steps-wait-default-icon-text-color:var(--dmc-text-400-color);
  --dmc-steps-finish-default-icon-text-color:var(--dmc-text-white-color);
  --dmc-steps-error-default-icon-text-color:var(--dmc-text-white-color);
  --dmc-steps-wait-navigation-title-color:var(--dmc-text-600-color);
  --dmc-steps-not-wait-navigation-title-color:var(--dmc-text-white-color);
  --dmc-steps-process-navigation-bg-color:var(--dmc-plain-blue-800-color);
  --dmc-steps-process-navigation-border-color:var(--dmc-blue-400-color);
  --dmc-steps-wait-navigation-bg-color:var(--dmc-primary-menu-300-color);
  --dmc-steps-finish-navigation-bg-color:var(--dmc-green-800-color);
  --dmc-steps-finish-navigation-icon-color:var(--dmc-green-300-color);
  --dmc-steps-error-navigation-bg-color:var(--dmc-red-800-color);
  --dmc-steps-error-navigation-icon-color:var(--dmc-red-300-color);
  --dmc-steps-process-navigation-title-color:var(--dmc-text-white-color);
  --dmc-table-bg-color:transparent;
  --dmc-table-bg-fix-bs-color:var(--dmc-split-color);
  --dmc-table-bg-border-color:var(--dmc-split-color);
  --dmc-table-bg-head-bg-color:var(--dmc-primary-panel-100-color);
  --dmc-table-bg-body-odd-bg-color:var(--dmc-primary-panel-400-color);
  --dmc-table-bg-body-even-bg-color:var(--dmc-primary-panel-500-color);
  --dmc-table-bg-head-text-color:var(--dmc-text-200-color);
  --dmc-table-bg-body-text-color:var(--dmc-text-300-color);
  --dmc-table-bg-scrollbar-color:var(--dmc-primary-panel-100-color);
  --dmc-table-bg-body-bg-hover-color:var(--dmc-grey-blue-900-color);
  --dmc-table-pb-bg-color:transparent;
  --dmc-table-pb-fix-bs-color:var(--dmc-split-color);
  --dmc-table-pb-border-color:var(--dmc-primary-panel-200-color);
  --dmc-table-pb-head-bg-color:var(--dmc-primary-panel-700-color);
  --dmc-table-pb-body-odd-bg-color:var(--dmc-page-500-color);
  --dmc-table-pb-body-even-bg-color:var(--dmc-page-500-color);
  --dmc-table-pb-head-text-color:var(--dmc-text-300-color);
  --dmc-table-pb-body-text-color:var(--dmc-text-400-color);
  --dmc-table-pb-scrollbar-color:var(--dmc-primary-panel-400-color);
  --dmc-table-pb-body-bg-hover-color:var(--dmc-grey-blue-800-color);
  --dmc-table-ab-bg-color:transparent;
  --dmc-table-ab-fix-bs-color:var(--dmc-split-color);
  --dmc-table-ab-border-color:var(--dmc-split-color);
  --dmc-table-ab-head-bg-color:var(--dmc-assist-panel-200-color);
  --dmc-table-ab-body-odd-bg-color:var(--dmc-assist-panel-400-color);
  --dmc-table-ab-body-even-bg-color:var(--dmc-assist-panel-500-color);
  --dmc-table-ab-head-text-color:var(--dmc-text-200-color);
  --dmc-table-ab-body-text-color:var(--dmc-text-300-color);
  --dmc-table-ab-scrollbar-color:var(--dmc-assist-panel-100-color);
  --dmc-table-ab-body-bg-hover-color:var(--dmc-plain-blue-900-color);
  --dmc-virtual-table-loading-color:var(--dmc-text-800-color);
  --dmc-virtual-table-hovered-color:var(--dmc-primary-panel-200-color);
  --dmc-virtual-table-select-hovered-color:var(--dmc-grey-blue-800-color);
  --dmc-tag-text-color:var(--dmc-text-300-color);
  --dmc-tag-text-new-color:var(--dmc-text-400-color);
  --dmc-tag-text-colorful-color:var(--dmc-text-300-color);
  --dmc-tag-text-hover-color:var(--dmc-text-200-color);
  --dmc-tag-text-disabled-color:var(--dmc-text-900-color);
  --dmc-tag-bg-color:var(--dmc-primary-menu-300-color);
  --dmc-tag-bg-hover-color:var(--dmc-primary-panel-50-color);
  --dmc-tag-bg-disabled-color:var(--dmc-primary-panel-200-color);
  --dmc-tag-close-color:var(--dmc-text-700-color);
  --dmc-tag-close-hover-color:var(--dmc-text-300-color);
  --dmc-tag-close-colorful-color:var(--dmc-tp-30-white-color);
  --dmc-tag-border-new-color:var(--dmc-text-900-color);
  --dmc-tag-actived-bg-color:var(--dmc-blue-600-color);
  --dmc-tag-actived-bg-hover-color:var(--dmc-blue-500-color);
  --dmc-tag-actived-bg-active-color:var(--dmc-blue-900-color);
  --dmc-tag-actived-text-color:var(--dmc-text-200-color);
  --dmc-tag-actived-text-hover-color:var(--dmc-text-white-color);
  --dmc-tag-actived-text-active-color:var(--dmc-plain-blue-400-color);
  --dmc-tag-blue-900-color:var(--dmc-blue-900-color);
  --dmc-tag-green-900-color:var(--dmc-green-900-color);
  --dmc-tag-plain-blue-900-color:var(--dmc-plain-blue-900-color);
  --dmc-tag-orange-900-color:var(--dmc-orange-900-color);
  --dmc-tag-red-900-color:var(--dmc-red-900-color);
  --dmc-tag-yellow-900-color:var(--dmc-yellow-900-color);
  --dmc-tag-magenta-900-color:var(--dmc-magenta-900-color);
  --dmc-tag-purple-900-color:var(--dmc-purple-900-color);
  --dmc-tag-blue-700-color:var(--dmc-blue-700-color);
  --dmc-tag-green-700-color:var(--dmc-green-700-color);
  --dmc-tag-plain-blue-700-color:var(--dmc-plain-blue-700-color);
  --dmc-tag-grey-blue-500-color:var(--dmc-grey-blue-500-color);
  --dmc-tag-grey-blue-400-color:var(--dmc-grey-blue-400-color);
  --dmc-tag-orange-700-color:var(--dmc-orange-700-color);
  --dmc-tag-red-700-color:var(--dmc-red-700-color);
  --dmc-tag-yellow-700-color:var(--dmc-yellow-700-color);
  --dmc-tag-magenta-700-color:var(--dmc-magenta-700-color);
  --dmc-tag-purple-700-color:var(--dmc-purple-700-color);
  --dmc-tag-text-blue-700-color:var(--dmc-text-300-color);
  --dmc-tag-text-green-700-color:var(--dmc-text-300-color);
  --dmc-tag-text-plain-blue-700-color:var(--dmc-text-300-color);
  --dmc-tag-text-grey-blue-500-color:var(--dmc-text-300-color);
  --dmc-tag-text-grey-blue-400-color:var(--dmc-text-300-color);
  --dmc-tag-text-orange-700-color:var(--dmc-text-300-color);
  --dmc-tag-text-red-700-color:var(--dmc-text-300-color);
  --dmc-tag-text-yellow-700-color:var(--dmc-text-300-color);
  --dmc-tag-text-magenta-700-color:var(--dmc-text-300-color);
  --dmc-tag-text-purple-700-color:var(--dmc-tp-30-white-color);
  --dmc-tag-close-blue-700-color:var(--dmc-tp-30-white-color);
  --dmc-tag-close-green-700-color:var(--dmc-tp-30-white-color);
  --dmc-tag-close-plain-blue-700-color:var(--dmc-tp-30-white-color);
  --dmc-tag-close-grey-blue-500-color:var(--dmc-tp-30-white-color);
  --dmc-tag-close-grey-blue-400-color:var(--dmc-tp-30-white-color);
  --dmc-tag-close-orange-700-color:var(--dmc-tp-30-white-color);
  --dmc-tag-close-red-700-color:var(--dmc-tp-30-white-color);
  --dmc-tag-close-yellow-700-color:var(--dmc-tp-30-white-color);
  --dmc-tag-close-magenta-700-color:var(--dmc-tp-30-white-color);
  --dmc-tag-close-purple-700-color:var(--dmc-tp-30-white-color);
  --dmc-text-alert-bg-color:var(--dmc-tp-30-blue-color);
  --dmc-text-alert-bg-solid-color:var(--dmc-blue-700-color);
  --dmc-text-alert-text-color:rgba(255, 255, 255, 0.8);
  --dmc-text-alert-desc-color:var(--dmc-tp-60-white-color);
  --dmc-text-alert-icon-color:var(--dmc-blue-400-color);
  --dmc-text-alert-close-color:var(--dmc-tp-30-white-color);
  --dmc-text-alert-close-hover-color:var(--dmc-text-white-color);
  --dmc-text-alert-success-bg-color:var(--dmc-tp-30-green-color);
  --dmc-text-alert-success-bg-solid-color:var(--dmc-green-700-color);
  --dmc-text-alert-success-icon-color:var(--dmc-green-400-color);
  --dmc-text-alert-warning-bg-color:var(--dmc-tp-30-yellow-color);
  --dmc-text-alert-warning-bg-solid-color:var(--dmc-yellow-700-color);
  --dmc-text-alert-warning-icon-color:var(--dmc-yellow-400-color);
  --dmc-text-alert-error-bg-color:var(--dmc-tp-30-red-color);
  --dmc-text-alert-error-bg-solid-color:var(--dmc-red-700-color);
  --dmc-text-alert-error-icon-color:var(--dmc-red-400-color);
  --dmc-tooltip-bg-color:rgba(0, 0, 0, 0.8);
  --dmc-toast-shadow-color:var(--dmc-box-shadow-100);
  --dmc-toast-close-color:var(--dmc-tp-30-white-color);
  --dmc-toast-close-hover-color:var(--dmc-tp-60-white-color);
  --dmc-toast-close-warning-color:var(--dmc-tp-30-blue-color);
  --dmc-toast-close-warning-hover-color:var(--dmc-tp-60-blue-color);
  --dmc-toast-text-color:var(--dmc-text-white-color);
  --dmc-toast-text-warning-color:var(--dmc-split-color);
  --dmc-toast-bg-color:var(--dmc-blue-700-color);
  --dmc-toast-bg-success-color:var(--dmc-green-700-color);
  --dmc-toast-bg-error-color:var(--dmc-red-700-color);
  --dmc-toast-bg-warning-color:var(--dmc-yellow-500-color);
  --dmc-toggle-out-text-color:var(--dmc-text-500-color);
  --dmc-toggle-out-text-active-color:var(--dmc-blue-300-color);
  --dmc-toggle-bg-color:var(--dmc-text-700-color);
  --dmc-toggle-in-text-color:var(--dmc-text-white-color);
  --dmc-toggle-in-text-hover-color:var(--dmc-text-300-color);
  --dmc-toggle-bg-hover-color:var(--dmc-text-500-color);
  --dmc-toggle-in-text-active-color:var(--dmc-blue-500-color);
  --dmc-toggle-bg-active-color:var(--dmc-blue-500-color);
  --dmc-toggle-in-text-active-hover-color:var(--dmc-blue-400-color);
  --dmc-toggle-bg-active-hover-color:var(--dmc-blue-300-color);
  --dmc-toggle-out-text-disabled-color:var(--dmc-text-700-color);
  --dmc-toggle-in-text-disabled-color:var(--dmc-text-600-color);
  --dmc-toggle-bg-disabled-color:var(--dmc-text-900-color);
  --dmc-toggle-out-text-active-disabled-color:var(--dmc-blue-700-color);
  --dmc-toggle-in-text-active-disabled-color:var(--dmc-plain-blue-500-color);
  --dmc-toggle-bg-active-disabled-color:var(--dmc-blue-800-color);
  --dmc-transfer-bg-color:var(--dmc-primary-panel-600-color);
  --dmc-transfer-ab-bg-color:var(--dmc-primary-menu-600-color);
  --dmc-transfer-sortlist-clear-color:var(--dmc-blue-400-color);
  --dmc-transfer-desc-color:var(--dmc-text-700-color);
  --dmc-tree-text-color:var(--dmc-text-300-color);
  --dmc-tree-text-active-color:var(--dmc-text-300-color);
  --dmc-tree-bg-hover-color:var(--dmc-assist-panel-50-color);
  --dmc-tree-bg-selected-color:var(--dmc-assist-panel-50-color);
  --dmc-tree-icon-color:var(--dmc-text-300-color);
  --dmc-tree-icon-active-color:var(--dmc-text-300-color);
  --dmc-tree-draggable-border-color:var(--dmc-blue-500-color);
  --dmc-tree-draggable-border-color2:var(--dmc-plain-blue-800-color);
  --dmc-tree-select-empty-color:var(--dmc-text-800-color);
  --dmc-virtual-list-bg-color:var(--dmc-primary-panel-500-color);
  --dmc-virtual-list-mb-bg-color:var(--dmc-primary-menu-500-color);
  --dmc-virtual-list-ab-bg-color:var(--dmc-assist-panel-500-color);
  --dmc-virtual-list-group-text-color:var(--dmc-text-200-color);
  --dmc-virtual-list-group-bg-hover-color:var(--dmc-primary-panel-100-color);
  --dmc-data-groupby-slider-bg-color:var(--dmc-text-600-color);
  --dmc-data-groupby-slider-bg-hover-color:var(--dmc-yellow-500-color);
  --dmc-data-groupby-chart-bg-color:var(--dmc-primary-panel-100-color);
  --dmc-data-groupby-text-color:var(--dmc-text-600-color);
  --dmc-card-title-color:var(--dmc-text-300-color);
  --dmc-card-bg-color:var(--dmc-primary-panel-500-color);
  --dmc-card-thumb-bg-color:var(--dmc-primary-panel-500-color);
  --dmc-card-border-color:var(--dmc-primary-panel-100-color);
  --dmc-card-border-active-color:var(--dmc-blue-500-color);
  --dmc-card-desc-color:var(--dmc-text-800-color);
  --dmc-data-side-bar-bg-color:var(--dmc-assist-panel-500-color);
  --dmc-data-side-bar-item-color:var(--dmc-text-800-color);
  --dmc-data-side-bar-item-hover-color:var(--dmc-text-500-color);
  --dmc-data-side-bar-item-active-color:var(--dmc-text-200-color);
  --dmc-data-side-bar-empty-color:var(--dmc-text-800-color);
  --dmc-gf-tf-row-label-color:var(--dmc-text-400-color);
  --dmc-gf-tf-more-active-color:var(--dmc-blue-400-color);
  --dmc-sf-border-color:var(--dmc-primary-menu-400-color);
  --dmc-sf-bg-color:var(--dmc-primary-panel-500-color);
  --dmc-mbc-bgc:var(--dmc-primary-menu-500-color);
  --dmc-mbc-border-color:var(--dmc-primary-menu-100-color);
  --dmc-mbc-name-bgc:var(--dmc-primary-panel-100-color);
  --dmc-mbc-name-active-bgc:var(--dmc-blue-600-color);
  --dmc-mbc-name-color:var(--dmc-text-300-color);
  --dmc-mbc-name-active-color:var(--dmc-text-300-color);
  --dmc-mbc-border-active-color:var(--dmc-blue-600-color);
  --dmc-map-control-color:var(--dmc-text-400-color);
  --dmc-map-control-bgc:#141419cc;
  --dmc-map-control-hover-bgc:var(--dmc-primary-panel-50-color);
  --dmc-map-control-zoom-split-color:var(--dmc-primary-panel-100-color);
}

[data-theme='light']{
  --dmc-split-page-color:#eaecef;
  --dmc-split-btn-color:#dcdee5;
  --dmc-page-000-color:#fff;
  --dmc-page-100-color:#fbfcfe;
  --dmc-page-200-color:#f9fafb;
  --dmc-page-300-color:#f6f7f9;
  --dmc-page-400-color:#f3f4f7;
  --dmc-page-500-color:#f0f1f3;
  --dmc-page-600-color:#ebecef;
  --dmc-page-700-color:#e2e4e9;
  --dmc-page-800-color:#dadce2;
  --dmc-page-light-blue:#f4f6fb;
  --dmc-page-light-red:#fcf7f7;
  --dmc-page-light-green:#f1faf7;
  --dmc-page-light-yellow:#fcf7ef;
  --dmc-primary-panel-700-color:#2d2d2e;
  --dmc-primary-panel-600-color:#282c3e;
  --dmc-primary-panel-500-color:#282d40;
  --dmc-primary-panel-400-color:#2a2f42;
  --dmc-primary-panel-300-color:#2e3347;
  --dmc-primary-panel-200-color:#31364a;
  --dmc-primary-panel-100-color:#32384e;
  --dmc-primary-panel-50-color:#394056;
  --dmc-primary-menu-600-color:#333b52;
  --dmc-primary-menu-500-color:#343c54;
  --dmc-primary-menu-400-color:#39425b;
  --dmc-primary-menu-300-color:#3f4863;
  --dmc-primary-menu-200-color:#444e6a;
  --dmc-primary-menu-100-color:#4a5472;
  --dmc-primary-menu-50-color:#5a6585;
  --dmc-assist-panel-500-color:#343b4d;
  --dmc-assist-panel-400-color:#373e51;
  --dmc-assist-panel-300-color:#3a4256;
  --dmc-assist-panel-200-color:#3d455a;
  --dmc-assist-panel-100-color:#40495f;
  --dmc-assist-panel-50-color:#475066;
  --dmc-assist-menu-500-color:#434d63;
  --dmc-assist-menu-400-color:#475168;
  --dmc-assist-menu-300-color:#4b556d;
  --dmc-assist-menu-200-color:#4f5a72;
  --dmc-assist-menu-100-color:#535e77;
  --dmc-text-900-color:#000;
  --dmc-text-800-color:#202939;
  --dmc-text-700-color:#424853;
  --dmc-text-600-color:#55606c;
  --dmc-text-500-color:#6e798c;
  --dmc-text-400-color:#8995a0;
  --dmc-text-300-color:#a7afb7;
  --dmc-text-200-color:#c4c9ce;
  --dmc-text-100-color:#e1e3e6;
  --dmc-text-white-color:#fdfdfd;
  --dmc-text-black-color:#000;
  --dmc-blue-900-color:#203573;
  --dmc-blue-800-color:#284590;
  --dmc-blue-700-color:#2f57ae;
  --dmc-blue-600-color:#366acb;
  --dmc-blue-500-color:#3d7fe9;
  --dmc-blue-400-color:#6899ef;
  --dmc-blue-300-color:#a9c3f7;
  --dmc-blue-200-color:#ccd5f3;
  --dmc-blue-100-color:#e2e6f8;
  --dmc-blue-50-color:#eceffa;
  --dmc-red-900-color:#6d2c29;
  --dmc-red-800-color:#893333;
  --dmc-red-700-color:#a53d40;
  --dmc-red-600-color:#c1474f;
  --dmc-red-500-color:#dd505e;
  --dmc-red-400-color:#ec7281;
  --dmc-red-300-color:#faadb8;
  --dmc-red-200-color:#fecdd5;
  --dmc-red-100-color:#f9eaed;
  --dmc-red-50-color:#fcf4f5;
  --dmc-green-900-color:#175948;
  --dmc-green-800-color:#1c6f58;
  --dmc-green-700-color:#218667;
  --dmc-green-600-color:#269d74;
  --dmc-green-500-color:#2bb480;
  --dmc-green-400-color:#53c99a;
  --dmc-green-300-color:#94e4c1;
  --dmc-green-200-color:#b7efd6;
  --dmc-green-100-color:#d2f2e4;
  --dmc-green-50-color:#e9f7f0;
  --dmc-yellow-900-color:#945400;
  --dmc-yellow-800-color:#b06a02;
  --dmc-yellow-700-color:#cc8105;
  --dmc-yellow-600-color:#e69b00;
  --dmc-yellow-500-color:#f2a70d;
  --dmc-yellow-400-color:#ffbc39;
  --dmc-yellow-300-color:#ffd58f;
  --dmc-yellow-200-color:#ffe3bb;
  --dmc-yellow-100-color:#ffeed7;
  --dmc-yellow-50-color:#fff4e6;
  --dmc-plain-blue-900-color:#25436a;
  --dmc-plain-blue-800-color:#325481;
  --dmc-plain-blue-700-color:#416596;
  --dmc-plain-blue-600-color:#5177aa;
  --dmc-plain-blue-500-color:#6389bc;
  --dmc-plain-blue-400-color:#87a6ca;
  --dmc-plain-blue-300-color:#bbcfe2;
  --dmc-plain-blue-200-color:#d5e2ed;
  --dmc-plain-blue-100-color:#e7eef5;
  --dmc-plain-blue-50-color:#eff4f8;
  --dmc-magenta-900-color:#562174;
  --dmc-magenta-800-color:#6c2e8c;
  --dmc-magenta-700-color:#823da2;
  --dmc-magenta-600-color:#974eb7;
  --dmc-magenta-500-color:#ac60ca;
  --dmc-magenta-400-color:#bc85d5;
  --dmc-magenta-300-color:#d6bbe6;
  --dmc-magenta-200-color:#e5d5f0;
  --dmc-magenta-100-color:#f0e7f6;
  --dmc-magenta-50-color:#f5f0f9;
  --dmc-orange-900-color:#74331e;
  --dmc-orange-800-color:#914025;
  --dmc-orange-700-color:#ae4d2c;
  --dmc-orange-600-color:#cc5933;
  --dmc-orange-500-color:#e9663a;
  --dmc-orange-400-color:#f5805d;
  --dmc-orange-300-color:#ffad98;
  --dmc-orange-200-color:#ffc6b9;
  --dmc-orange-100-color:#ffd9d0;
  --dmc-orange-50-color:#ffe2dc;
  --dmc-purple-900-color:#433164;
  --dmc-purple-800-color:#523d7d;
  --dmc-purple-700-color:#604997;
  --dmc-purple-600-color:#6c55b0;
  --dmc-purple-500-color:#7860ca;
  --dmc-purple-400-color:#917ed9;
  --dmc-purple-300-color:#b9aeec;
  --dmc-purple-200-color:#cfc9f4;
  --dmc-purple-100-color:#dfdbf8;
  --dmc-purple-50-color:#e7e4fa;
  --dmc-grey-blue-900-color:#17191e;
  --dmc-grey-blue-800-color:#2f333c;
  --dmc-grey-blue-700-color:#474d58;
  --dmc-grey-blue-600-color:#606775;
  --dmc-grey-blue-500-color:#798190;
  --dmc-grey-blue-400-color:#989fac;
  --dmc-grey-blue-300-color:#c7cbd3;
  --dmc-grey-blue-200-color:#dfe2e7;
  --dmc-grey-blue-100-color:#f0f1f3;
  --dmc-grey-blue-50-color:#f8f9fa;
  --dmc-tp-10-black-color:rgba(12, 16, 24, 0.1);
  --dmc-tp-15-black-color:rgba(12, 16, 24, 0.15);
  --dmc-tp-30-black-color:rgba(12, 16, 24, 0.3);
  --dmc-tp-60-black-color:rgba(12, 16, 24, 0.6);
  --dmc-tp-10-blue-color:rgba(45, 98, 195, 0.1);
  --dmc-tp-15-blue-color:rgba(45, 98, 195, 0.15);
  --dmc-tp-30-blue-color:rgba(45, 98, 195, 0.3);
  --dmc-tp-60-blue-color:rgba(45, 98, 195, 0.6);
  --dmc-tp-10-plain-blue-color:rgba(81, 119, 170, 0.1);
  --dmc-tp-15-plain-blue-color:rgba(81, 119, 170, 0.15);
  --dmc-tp-30-plain-blue-color:rgba(81, 119, 170, 0.3);
  --dmc-tp-60-plain-blue-color:rgba(81, 119, 170, 0.6);
  --dmc-tp-10-magenta-color:rgba(151, 78, 183, 0.1);
  --dmc-tp-15-magenta-color:rgba(151, 78, 183, 0.15);
  --dmc-tp-30-magenta-color:rgba(151, 78, 183, 0.3);
  --dmc-tp-60-magenta-color:rgba(151, 78, 183, 0.6);
  --dmc-tp-10-white-color:rgba(255, 255, 255, 0.1);
  --dmc-tp-15-white-color:rgba(255, 255, 255, 0.15);
  --dmc-tp-30-white-color:rgba(255, 255, 255, 0.3);
  --dmc-tp-60-white-color:rgba(255, 255, 255, 0.6);
  --dmc-tp-10-red-color:rgba(193, 71, 79, 0.1);
  --dmc-tp-15-red-color:rgba(193, 71, 79, 0.15);
  --dmc-tp-30-red-color:rgba(193, 71, 79, 0.3);
  --dmc-tp-60-red-color:rgba(193, 71, 79, 0.6);
  --dmc-tp-10-orange-color:rgba(204, 89, 51, 0.1);
  --dmc-tp-15-orange-color:rgba(204, 89, 51, 0.15);
  --dmc-tp-30-orange-color:rgba(204, 89, 51, 0.3);
  --dmc-tp-60-orange-color:rgba(204, 89, 51, 0.6);
  --dmc-tp-10-gray-blue-color:rgba(96, 103, 117, 0.1);
  --dmc-tp-15-gray-blue-color:rgba(96, 103, 117, 0.15);
  --dmc-tp-30-gray-blue-color:rgba(96, 103, 117, 0.3);
  --dmc-tp-60-gray-blue-color:rgba(96, 103, 117, 0.6);
  --dmc-tp-10-green-color:rgba(67, 154, 124, 0.1);
  --dmc-tp-15-green-color:rgba(67, 154, 124, 0.15);
  --dmc-tp-30-green-color:rgba(67, 154, 124, 0.3);
  --dmc-tp-60-green-color:rgba(67, 154, 124, 0.6);
  --dmc-tp-10-yellow-color:rgba(229, 155, 0, 0.1);
  --dmc-tp-15-yellow-color:rgba(229, 155, 0, 0.15);
  --dmc-tp-30-yellow-color:rgba(229, 155, 0, 0.3);
  --dmc-tp-60-yellow-color:rgba(229, 155, 0, 0.6);
  --dmc-tp-10-purple-color:rgba(108, 85, 176, 0.1);
  --dmc-tp-15-purple-color:rgba(108, 85, 176, 0.15);
  --dmc-tp-30-purple-color:rgba(108, 85, 176, 0.3);
  --dmc-tp-60-purple-color:rgba(108, 85, 176, 0.6);
  --dmc-panel-shadow-300:0 4px 12px -2px rgba(7, 19, 39, 0.05),
    0 3px 3px -2px rgba(7, 19, 39, 0.04), 0 1px 2px -4px rgba(7, 19, 39, 0.03);
  --dmc-panel-shadow-400:0 8px 22px -4px rgba(7, 19, 39, 0.06),
    0 5px 6px -4px rgba(7, 19, 39, 0.04), 0 1px 2px -4px rgba(7, 19, 39, 0.03);
  --dmc-panel-shadow-500:0 12px 28px -4px rgba(7, 19, 39, 0.06),
    0 5px 9px -4px rgba(7, 19, 39, 0.04), 0 1px 2px -4px rgba(7, 19, 39, 0.04);
  --dmc-panel-shadow-600:0 12px 28px -4px rgba(7, 19, 39, 0.07),
    0 5px 9px -4px rgba(7, 19, 39, 0.04), 0 1px 2px -4px rgba(7, 19, 39, 0.03);
  --dmc-panel-shadow-300-dark:0 4px 12px -2px rgba(7, 19, 39, 0.12),
    0 3px 3px -2px rgba(7, 19, 39, 0.1), 0 1px 2px -4px rgba(7, 19, 39, 0.08);
  --dmc-panel-shadow-400-dark:0 8px 22px -4px rgba(7, 19, 39, 0.14),
    0 5px 6px -4px rgba(7, 19, 39, 0.1), 0 1px 2px -4px rgba(7, 19, 39, 0.08);
  --dmc-panel-shadow-500-dark:0 12px 28px -4px rgba(7, 19, 39, 0.14),
    0 5px 9px -4px rgba(7, 19, 39, 0.1), 0 1px 2px -4px rgba(7, 19, 39, 0.1);
  --dmc-panel-shadow-600-dark:0 12px 28px -4px rgba(7, 19, 39, 0.16),
    0 5px 9px -4px rgba(7, 19, 39, 0.1), 0 1px 2px -4px rgba(7, 19, 39, 0.08);
}

[data-theme='light']{
  --dmc-border-btn-color:var(--dmc-split-btn-color);
  --dmc-border-page-color:var(--dmc-split-page-color);
  --dmc-without-border-bg-color:var(--dmc-page-400-color);
  --dmc-primary-bg-color:var(--dmc-blue-500-color);
  --dmc-primary-bg-hover-color:var(--dmc-blue-600-color);
  --dmc-primary-bg-active-color:var(--dmc-blue-700-color);
  --dmc-primary-bg-disabled-color:var(--dmc-blue-300-color);
  --dmc-primary-bg-loading-color:var(--dmc-blue-300-color);
  --dmc-primary-text-color:var(--dmc-text-white-color);
  --dmc-primary-text-hover-color:var(--dmc-text-white-color);
  --dmc-primary-text-active-color:var(--dmc-tp-30-white-color);
  --dmc-primary-text-disabled-color:var(--dmc-tp-60-white-color);
  --dmc-primary-text-loading-color:var(--dmc-tp-60-white-color);
  --dmc-primary-border-color:var(--dmc-blue-600-color);
  --dmc-primary-border-hover-color:var(--dmc-blue-700-color);
  --dmc-primary-border-active-color:var(--dmc-blue-800-color);
  --dmc-primary-border-disabled-color:var(--dmc-blue-300-color);
  --dmc-primary-border-loading-color:var(--dmc-blue-300-color);
  --dmc-primary-danger-bg-color:var(--dmc-red-500-color);
  --dmc-primary-danger-bg-hover-color:var(--dmc-red-600-color);
  --dmc-primary-danger-bg-active-color:var(--dmc-red-700-color);
  --dmc-primary-danger-bg-disabled-color:var(--dmc-red-300-color);
  --dmc-primary-danger-bg-loading-color:var(--dmc-red-300-color);
  --dmc-primary-danger-text-color:var(--dmc-text-white-color);
  --dmc-primary-danger-text-hover-color:var(--dmc-text-white-color);
  --dmc-primary-danger-text-active-color:var(--dmc-tp-30-white-color);
  --dmc-primary-danger-text-disabled-color:var(--dmc-tp-60-white-color);
  --dmc-primary-danger-text-loading-color:var(--dmc-tp-60-white-color);
  --dmc-primary-danger-border-color:var(--dmc-red-600-color);
  --dmc-primary-danger-border-hover-color:var(--dmc-red-700-color);
  --dmc-primary-danger-border-active-color:var(--dmc-red-800-color);
  --dmc-primary-danger-border-disabled-color:var(--dmc-red-300-color);
  --dmc-primary-danger-border-loading-color:var(--dmc-red-300-color);
  --dmc-primary-success-bg-color:var(--dmc-green-500-color);
  --dmc-primary-success-bg-hover-color:var(--dmc-green-600-color);
  --dmc-primary-success-bg-active-color:var(--dmc-green-700-color);
  --dmc-primary-success-bg-disabled-color:var(--dmc-green-300-color);
  --dmc-primary-success-bg-loading-color:var(--dmc-green-300-color);
  --dmc-primary-success-text-color:var(--dmc-text-white-color);
  --dmc-primary-success-text-hover-color:var(--dmc-text-white-color);
  --dmc-primary-success-text-active-color:var(--dmc-tp-30-white-color);
  --dmc-primary-success-text-disabled-color:var(--dmc-tp-60-white-color);
  --dmc-primary-success-text-loading-color:var(--dmc-tp-60-white-color);
  --dmc-primary-success-border-color:var(--dmc-green-600-color);
  --dmc-primary-success-border-hover-color:var(--dmc-green-700-color);
  --dmc-primary-success-border-active-color:var(--dmc-green-800-color);
  --dmc-primary-success-border-disabled-color:var(--dmc-green-300-color);
  --dmc-primary-success-border-loading-color:var(--dmc-green-300-color);
  --dmc-bg-color:var(--dmc-page-100-color);
  --dmc-bg-hover-color:var(--dmc-page-400-color);
  --dmc-bg-active-color:var(--dmc-page-500-color);
  --dmc-bg-disabled-color:var(--dmc-page-500-color);
  --dmc-bg-loading-color:var(--dmc-page-500-color);
  --dmc-bg-ghost-hover-color:var(--dmc-page-200-color);
  --dmc-bg-ghost-active-color:var(--dmc-page-500-color);
  --dmc-text-color:var(--dmc-text-800-color);
  --dmc-text-hover-color:var(--dmc-text-800-color);
  --dmc-text-active-color:var(--dmc-text-300-color);
  --dmc-text-disabled-color:var(--dmc-text-400-color);
  --dmc-text-loading-color:var(--dmc-text-400-color);
  --dmc-text-ghost-hover-color:var(--dmc-text-800-color);
  --dmc-text-ghost-active-color:var(--dmc-text-300-color);
  --dmc-assist-bg-color:var(--dmc-blue-50-color);
  --dmc-assist-bg-hover-color:var(--dmc-blue-100-color);
  --dmc-assist-bg-active-color:var(--dmc-tp-10-blue-color);
  --dmc-assist-bg-disabled-color:var(--dmc-tp-10-blue-color);
  --dmc-assist-bg-loading-color:var(--dmc-tp-10-blue-color);
  --dmc-assist-bg-ghost-hover-color:var(--dmc-blue-100-color);
  --dmc-assist-bg-ghost-active-color:var(--dmc-tp-10-blue-color);
  --dmc-assist-text-color:var(--dmc-blue-500-color);
  --dmc-assist-text-hover-color:var(--dmc-blue-500-color);
  --dmc-assist-text-active-color:var(--dmc-blue-300-color);
  --dmc-assist-text-disabled-color:var(--dmc-blue-300-color);
  --dmc-assist-text-loading-color:var(--dmc-blue-300-color);
  --dmc-assist-text-ghost-hover-color:var(--dmc-blue-500-color);
  --dmc-assist-text-ghost-active-color:var(--dmc-blue-300-color);
  --dmc-assist-danger-bg-color:var(--dmc-red-50-color);
  --dmc-assist-danger-bg-hover-color:var(--dmc-red-100-color);
  --dmc-assist-danger-bg-active-color:var(--dmc-tp-10-red-color);
  --dmc-assist-danger-bg-disabled-color:var(--dmc-tp-10-red-color);
  --dmc-assist-danger-bg-loading-color:var(--dmc-tp-10-red-color);
  --dmc-assist-danger-bg-ghost-hover-color:var(--dmc-red-100-color);
  --dmc-assist-danger-bg-ghost-active-color:var(--dmc-tp-10-red-color);
  --dmc-assist-danger-text-color:var(--dmc-red-500-color);
  --dmc-assist-danger-text-hover-color:var(--dmc-red-500-color);
  --dmc-assist-danger-text-active-color:var(--dmc-red-300-color);
  --dmc-assist-danger-text-disabled-color:var(--dmc-red-300-color);
  --dmc-assist-danger-text-loading-color:var(--dmc-red-300-color);
  --dmc-assist-danger-text-ghost-hover-color:var(--dmc-red-500-color);
  --dmc-assist-danger-text-ghost-active-color:var(--dmc-red-300-color);
  --dmc-assist-success-bg-color:var(--dmc-green-50-color);
  --dmc-assist-success-bg-hover-color:var(--dmc-green-100-color);
  --dmc-assist-success-bg-active-color:var(--dmc-tp-10-green-color);
  --dmc-assist-success-bg-disabled-color:var(--dmc-tp-10-green-color);
  --dmc-assist-success-bg-loading-color:var(--dmc-tp-10-green-color);
  --dmc-assist-success-bg-ghost-hover-color:var(--dmc-green-100-color);
  --dmc-assist-success-bg-ghost-active-color:var(--dmc-tp-10-green-color);
  --dmc-assist-success-text-color:var(--dmc-green-500-color);
  --dmc-assist-success-text-hover-color:var(--dmc-green-500-color);
  --dmc-assist-success-text-active-color:var(--dmc-green-300-color);
  --dmc-assist-success-text-disabled-color:var(--dmc-green-300-color);
  --dmc-assist-success-text-loading-color:var(--dmc-green-300-color);
  --dmc-assist-success-text-ghost-hover-color:var(--dmc-green-500-color);
  --dmc-assist-success-text-ghost-active-color:var(--dmc-green-300-color);
  --dmc-assistbg-bg-color:var(--dmc-page-100-color);
  --dmc-assistbg-bg-hover-color:var(--dmc-page-200-color);
  --dmc-assistbg-bg-active-color:var(--dmc-page-500-color);
  --dmc-assistbg-bg-disabled-color:var(--dmc-page-500-color);
  --dmc-assistbg-bg-loading-color:var(--dmc-page-500-color);
  --dmc-assistbg-bg-ghost-hover-color:var(--dmc-page-200-color);
  --dmc-assistbg-bg-ghost-active-color:var(--dmc-page-500-color);
  --dmc-assistbg-text-color:var(--dmc-text-800-color);
  --dmc-assistbg-text-hover-color:var(--dmc-text-800-color);
  --dmc-assistbg-text-active-color:var(--dmc-text-300-color);
  --dmc-assistbg-text-disabled-color:var(--dmc-text-300-color);
  --dmc-assistbg-text-loading-color:var(--dmc-text-300-color);
  --dmc-assistbg-text-ghost-hover-color:var(--dmc-text-800-color);
  --dmc-assistbg-text-ghost-active-color:var(--dmc-text-300-color);
  --dmc-ghost-text-color:var(--dmc-text-800-color);
  --dmc-link-text-color:var(--dmc-blue-500-color);
  --dmc-link-text-hover-color:var(--dmc-blue-400-color);
  --dmc-link-text-active-color:var(--dmc-blue-600-color);
  --dmc-link-text-disabled-color:var(--dmc-blue-300-color);
  --dmc-link-danger-text-color:var(--dmc-red-500-color);
  --dmc-link-danger-text-hover-color:var(--dmc-red-400-color);
  --dmc-link-danger-text-active-color:var(--dmc-red-600-color);
  --dmc-link-danger-text-disabled-color:var(--dmc-red-300-color);
  --dmc-link-plain-text-color:var(--dmc-text-500-color);
  --dmc-link-plain-text-hover-color:var(--dmc-text-400-color);
  --dmc-link-plain-text-active-color:var(--dmc-text-800-color);
  --dmc-link-plain-text-disabled-color:var(--dmc-text-200-color);
  --dmc-nav-bg-color:var(--dmc-page-light-blue);
  --dmc-nav-bg-hover-color:var(--dmc-blue-50-color);
  --dmc-nav-bg-active-color:var(--dmc-page-light-blue);
  --dmc-nav-bg-disabled-color:var(--dmc-page-light-blue);
  --dmc-nav-text-color:var(--dmc-blue-600-color);
  --dmc-nav-text-hover-color:var(--dmc-blue-500-color);
  --dmc-nav-text-active-color:var(--dmc-blue-300-color);
  --dmc-nav-text-disabled-color:var(--dmc-blue-300-color);
  --dmc-nav-bg-success-color:var(--dmc-page-light-green);
  --dmc-nav-bg-success-hover-color:var(--dmc-green-50-color);
  --dmc-nav-bg-success-active-color:var(--dmc-page-light-green);
  --dmc-nav-bg-success-disabled-color:var(--dmc-page-light-green);
  --dmc-nav-text-success-color:var(--dmc-green-600-color);
  --dmc-nav-text-success-hover-color:var(--dmc-green-500-color);
  --dmc-nav-text-success-active-color:var(--dmc-green-300-color);
  --dmc-nav-text-success-disabled-color:var(--dmc-green-300-color);
  --dmc-nav-bg-danger-color:var(--dmc-page-light-red);
  --dmc-nav-bg-danger-hover-color:var(--dmc-red-50-color);
  --dmc-nav-bg-danger-active-color:var(--dmc-page-light-red);
  --dmc-nav-bg-danger-disabled-color:var(--dmc-page-light-red);
  --dmc-nav-text-danger-color:var(--dmc-red-600-color);
  --dmc-nav-text-danger-hover-color:var(--dmc-red-500-color);
  --dmc-nav-text-danger-active-color:var(--dmc-red-300-color);
  --dmc-nav-text-danger-disabled-color:var(--dmc-red-300-color);
  --dmc-switch-bg-color:var(--dmc-page-400-color);
  --dmc-switch-bg-hover-color:var(--dmc-page-500-color);
  --dmc-switch-bg-active-hover-color:var(--dmc-blue-100-color);
  --dmc-switch-bg-active-color:var(--dmc-blue-50-color);
  --dmc-switch-text-color:var(--dmc-text-500-color);
  --dmc-switch-text-hover-color:var(--dmc-text-600-color);
  --dmc-switch-text-active-hover-color:var(--dmc-blue-400-color);
  --dmc-switch-text-active-color:var(--dmc-blue-500-color);
  --dmc-switch-border-color:transparent;
  --dmc-switch-border-hover-color:transparent;
  --dmc-switch-border-active-hover-color:var(--dmc-blue-400-color);
  --dmc-switch-border-active-color:var(--dmc-blue-400-color);
  --dmc-icon-bg-color:var(--dmc-page-400-color);
  --dmc-icon-bg-hover-color:var(--dmc-page-500-color);
  --dmc-icon-bg-active-color:var(--dmc-page-600-color);
  --dmc-icon-bg-disabled-color:var(--dmc-page-600-color);
  --dmc-icon-color:var(--dmc-text-800-color);
  --dmc-icon-hover-color:var(--dmc-text-800-color);
  --dmc-icon-active-color:var(--dmc-text-600-color);
  --dmc-icon-disabled-color:var(--dmc-text-400-color);
  --dmc-icon-border-bg-color:var(--dmc-page-100-color);
  --dmc-icon-border-bg-hover-color:var(--dmc-page-400-color);
  --dmc-icon-border-bg-active-color:var(--dmc-page-500-color);
  --dmc-icon-border-bg-disabled-color:var(--dmc-page-600-color);
  --dmc-icon-border-active-color:var(--dmc-blue-500-color);
  --dmc-icon-assist-bg-color:var(--dmc-page-400-color);
  --dmc-icon-assist-bg-hover-color:var(--dmc-page-500-color);
  --dmc-icon-assist-bg-active-color:var(--dmc-page-600-color);
  --dmc-icon-assist-bg-disabled-color:var(--dmc-page-600-color);
  --dmc-icon-only-color:var(--dmc-text-800-color);
  --dmc-icon-only-hover-color:var(--dmc-text-700-color);
  --dmc-icon-only-active-color:var(--dmc-text-200-color);
  --dmc-icon-only-disabled-color:var(--dmc-text-200-color);
  --dmc-badge-bg-color:var(--dmc-red-500-color);
  --dmc-badge-processing-bg-color:var(--dmc-blue-500-color);
  --dmc-badge-success-bg-color:var(--dmc-green-500-color);
  --dmc-badge-warning-bg-color:var(--dmc-yellow-600-color);
  --dmc-badge-text-color:var(--dmc-page-000-color);
  --dmc-breadcrumb-color:var(--dmc-text-400-color);
  --dmc-breadcrumb-slot-color:var(--dmc-text-500-color);
  --dmc-breadcrumb-current-color:var(--dmc-text-700-color);
  --dmc-breadcrumb-hover-color:var(--dmc-blue-500-color);
  --dmc-checkbox-check-color:var(--dmc-blue-500-color);
  --dmc-checkbox-uncheck-inner-color:var(--dmc-page-200-color);
  --dmc-checkbox-uncheck-out-color:var(--dmc-page-800-color);
  --dmc-checkbox-check-hover-color:var(--dmc-blue-400-color);
  --dmc-checkbox-uncheck-inner-hover-color:var(--dmc-page-500-color);
  --dmc-checkbox-uncheck-out-hover-color:var(--dmc-page-800-color);
  --dmc-checkbox-check-disabled-color:var(--dmc-blue-200-color);
  --dmc-checkbox-uncheck-inner-disabled-color:var(--dmc-page-600-color);
  --dmc-checkbox-uncheck-out-disabled-color:var(--dmc-page-600-color);
  --dmc-checkbox-title-color:var(--dmc-text-800-color);
  --dmc-checkbox-sub-title-color:var(--dmc-text-500-color);
  --dmc-checkbox-title-disabled-color:var(--dmc-text-400-color);
  --dmc-checkbox-sub-title-disabled-color:var(--dmc-text-300-color);
  --dmc-checkbox-pb-check-color:var(--dmc-blue-500-color);
  --dmc-checkbox-pb-uncheck-inner-color:var(--dmc-page-200-color);
  --dmc-checkbox-pb-uncheck-out-color:var(--dmc-page-800-color);
  --dmc-checkbox-pb-check-hover-color:var(--dmc-blue-400-color);
  --dmc-checkbox-pb-uncheck-inner-hover-color:var(--dmc-page-500-color);
  --dmc-checkbox-pb-uncheck-out-hover-color:var(--dmc-page-800-color);
  --dmc-checkbox-pb-check-disabled-color:var(--dmc-blue-200-color);
  --dmc-checkbox-pb-uncheck-inner-disabled-color:var(--dmc-page-600-color);
  --dmc-checkbox-pb-uncheck-out-disabled-color:var(--dmc-page-600-color);
  --dmc-checkbox-mb-check-color:var(--dmc-blue-500-color);
  --dmc-checkbox-mb-uncheck-inner-color:var(--dmc-page-200-color);
  --dmc-checkbox-mb-uncheck-out-color:var(--dmc-page-800-color);
  --dmc-checkbox-mb-check-hover-color:var(--dmc-blue-400-color);
  --dmc-checkbox-mb-uncheck-inner-hover-color:var(--dmc-page-500-color);
  --dmc-checkbox-mb-uncheck-out-hover-color:var(--dmc-page-800-color);
  --dmc-checkbox-mb-check-disabled-color:var(--dmc-blue-200-color);
  --dmc-checkbox-mb-uncheck-inner-disabled-color:var(--dmc-page-600-color);
  --dmc-checkbox-mb-uncheck-out-disabled-color:var(--dmc-page-600-color);
  --dmc-checkbox-ab-check-color:var(--dmc-blue-500-color);
  --dmc-checkbox-ab-uncheck-inner-color:var(--dmc-page-200-color);
  --dmc-checkbox-ab-uncheck-out-color:var(--dmc-page-800-color);
  --dmc-checkbox-ab-check-hover-color:var(--dmc-blue-400-color);
  --dmc-checkbox-ab-uncheck-inner-hover-color:var(--dmc-page-500-color);
  --dmc-checkbox-ab-uncheck-out-hover-color:var(--dmc-page-800-color);
  --dmc-checkbox-ab-check-disabled-color:var(--dmc-blue-200-color);
  --dmc-checkbox-ab-uncheck-inner-disabled-color:var(--dmc-page-600-color);
  --dmc-checkbox-bb-uncheck-out-disabled-color:var(--dmc-page-600-color);
  --dmc-checklist-bg-color:var(--dmc-page-200-color);
  --dmc-checklist-desc-color:var(--dmc-text-400-color);
  --dmc-checklist-icon-search-color:var(--dmc-page-200-color);
  --dmc-checklist-loading-color:var(--dmc-text-300-color);
  --dmc-checklist-ab-bg-color:var(--dmc-page-200-color);
  --dmc-collapse-text-color:var(--dmc-text-800-color);
  --dmc-collapse-text-hover-color:var(--dmc-text-700-color);
  --dmc-collapse-text-disabled-color:var(--dmc-text-300-color);
  --dmc-collapse-icon-color:var(--dmc-text-400-color);
  --dmc-collapse-icon-disabled-color:var(--dmc-text-200-color);
  --dmc-color-gradient-border-color:var(--dmc-tp-30-white-color);
  --dmc-color-gradient-item-border-color:var(--dmc-text-300-color);
  --dmc-colorpicker-bg-color:var(--dmc-page-100-color);
  --dmc-colorpicker-btns-bg-color:var(--dmc-tp-60-black-color);
  --dmc-colorpicker-shadow-color:var(--dmc-panel-shadow-400-dark);
  --dmc-colorpicker-block-border-color:var(--dmc-split-btn-color);
  --dmc-colorpicker-content-text-color:var(--dmc-text-500-color);
  --dmc-colorpicker-content-text-hover-color:var(--dmc-text-800-color);
  --dmc-colorpicker-picker-bg-color:var(--dmc-page-000-color);
  --dmc-colorpicker-picker-border-color:var(--dmc-text-400-color);
  --dmc-colorpicker-placeholder-color:var(--dmc-text-200-color);
  --dmc-colorpicker-route-label-color:var(--dmc-text-700-color);
  --dmc-colorpicker-input-bg-color:var(--dmc-page-400-color);
  --dmc-create-filter-bg-color:var(--dmc-page-100-color);
  --dmc-create-filter-shadow-color:var(--dmc-panel-shadow-400-dark);
  --dmc-create-filter-loading:var(--dmc-text-300-color);
  --dmc-create-filter-text-color:var(--dmc-text-400-color);
  --dmc-create-filter-desc-color:var(--dmc-text-700-color);
  --dmc-create-filter-dynamic-bg-color:var(--dmc-page-200-color);
  --dmc-create-filter-dynamic-text-color:var(--dmc-text-600-color);
  --dmc-date-picker-text-color:var(--dmc-text-400-color);
  --dmc-date-picker-disabled-text-color:var(--dmc-text-200-color);
  --dmc-date-picker-selected-text-color:var(--dmc-blue-500-color);
  --dmc-date-picker-focus-text-color:var(--dmc-text-800-color);
  --dmc-date-picker-bg-color:var(--dmc-page-200-color);
  --dmc-date-picker-bg-hover-color:var(--dmc-page-500-color);
  --dmc-date-picker-bg-value-hover-color:var(--dmc-blue-500-color);
  --dmc-date-picker-selected-bg-color:var(--dmc-blue-50-color);
  --dmc-date-picker-selected-bg-hover-color:var(--dmc-blue-100-color);
  --dmc-date-picker-suffix-color:var(--dmc-text-400-color);
  --dmc-date-picker-suffix-focus-color:var(--dmc-blue-500-color);
  --dmc-date-picker-suffix-hover-color:var(--dmc-blue-400-color);
  --dmc-date-picker-clear-color:var(--dmc-text-400-color);
  --dmc-date-picker-clear-hover-color:var(--dmc-text-400-color);
  --dmc-date-picker-bg-disabled-color:var(--dmc-page-500-color);
  --dmc-date-picker-border-color:var(--dmc-blue-500-color);
  --dmc-date-picker-border-focus-color:var(--dmc-blue-400-color);
  --dmc-date-picker-placeholder-color:var(--dmc-text-400-color);
  --dmc-date-picker-assist-bg-border-color:var(--dmc-blue-400-color);
  --dmc-date-picker-assist-bg-placeholder-color:var(--dmc-text-400-color);
  --dmc-date-picker-assist-bg-color:var(--dmc-page-200-color);
  --dmc-date-picker-assist-bg-hover-color:var(--dmc-page-500-color);
  --dmc-date-picker-assist-bg-value-hover-color:var(--dmc-blue-500-color);
  --dmc-date-picker-panel-bg-color:var(--dmc-page-000-color);
  --dmc-date-picker-content-selected-bg-color:var(--dmc-blue-100-color);
  --dmc-date-picker-panel-border-shadow:var(--dmc-panel-shadow-400-dark);
  --dmc-date-picker-header-color:var(--dmc-text-700-color);
  --dmc-date-picker-header-bg-hover-color:var(--dmc-page-500-color);
  --dmc-date-picker-content-color:var(--dmc-text-500-color);
  --dmc-date-picker-content-disabled-color:var(--dmc-text-700-color);
  --dmc-date-picker-content-bg-hover-color:var(--dmc-page-600-color);
  --dmc-date-picker-content-selected-color:var(--dmc-blue-600-color);
  --dmc-date-picker-content-out-cell-color:var(--dmc-text-200-color);
  --dmc-date-picker-content-inner-cell-color:var(--dmc-text-700-color);
  --dmc-date-picker-today-color:var(--dmc-blue-500-color);
  --dmc-date-picker-today-btn-color:var(--dmc-blue-500-color);
  --dmc-datatable-bg-color:var(--dmc-page-200-color);
  --dmc-datatable-color:var(--dmc-text-700-color);
  --dmc-datatable-border-color:var(--dmc-split-page-color);
  --dmc-datatable-summary-border-color:var(--dmc-split-page-color);
  --dmc-datatable-selection-color:var(--dmc-blue-500-color);
  --dmc-datatable-empty-color:var(--dmc-text-300-color);
  --dmc-datatable-selected-color:var(--dmc-page-light-blue);
  --dmc-datatable-pb-body-odd-bg-color:var(--dmc-page-100-color);
  --dmc-datatable-pb-body-even-bg-color:var(--dmc-page-200-color);
  --dmc-datatable-pb-head-bg-color:var(--dmc-page-100-color);
  --dmc-datatable-pb-empty-bg-color:var(--dmc-page-200-color);
  --dmc-datatable-pb-scroll-bar-bg-color:var(--dmc-page-200-color);
  --dmc-datatable-ab-body-odd-bg-color:var(--dmc-page-100-color);
  --dmc-datatable-ab-body-even-bg-color:var(--dmc-page-200-color);
  --dmc-datatable-ab-head-bg-color:var(--dmc-page-100-color);
  --dmc-datatable-ab-empty-bg-color:var(--dmc-page-200-color);
  --dmc-datatable-ab-scroll-bar-bg-color:var(--dmc-page-200-color);
  --dmc-datatable-blue-color:var(--dmc-blue-400-color);
  --dmc-datatable-red-color:var(--dmc-red-400-color);
  --dmc-datatable-green-color:var(--dmc-green-400-color);
  --dmc-datatable-yellow-color:var(--dmc-yellow-400-color);
  --dmc-datatable-plain-blue-color:var(--dmc-grey-blue-300-color);
  --dmc-dialog-bg-color:var(--dmc-page-100-color);
  --dmc-dialog-border-color:var(--dmc-split-page-color);
  --dmc-dialog-close-color:var(--dmc-text-400-color);
  --dmc-dialog-close-hover-color:var(--dmc-blue-800-color);
  --dmc-diaglog-header-color:var(--dmc-text-700-color);
  --dmc-dialog-mask-color:var(--dmc-grey-blue-900-color);
  --dmc-dialog-emotion-title-color:var(--dmc-text-800-color);
  --dmc-dialog-emotion-desc-color:var(--dmc-text-600-color);
  --dmc-dialog-emotion-icon-color:var(--dmc-blue-500-color);
  --dmc-dialog-emotion-alert-color:var(--dmc-red-500-color);
  --dmc-dialog-emotion-success-color:var(--dmc-green-500-color);
  --dmc-dialog-emotion-help-color:var(--dmc-yellow-500-color);
  --dmc-dot-process-color:var(--dmc-blue-500-color);
  --dmc-dot-process-bg-color:var(--dmc-tp-10-blue-color);
  --dmc-dot-error-color:var(--dmc-red-500-color);
  --dmc-dot-error-bg-color:var(--dmc-tp-10-red-color);
  --dmc-dot-warning-color:var(--dmc-yellow-500-color);
  --dmc-dot-warning-bg-color:var(--dmc-tp-10-yellow-color);
  --dmc-dot-success-color:var(--dmc-green-500-color);
  --dmc-dot-success-bg-color:var(--dmc-tp-10-green-color);
  --dmc-dot-canceled-color:var(--dmc-text-400-color);
  --dmc-dot-canceled-bg-color:var(--dmc-tp-10-plain-blue-color);
  --dmc-draggable-wrap-bg-color:var(--dmc-page-100-color);
  --dmc-draggable-wrap-shadow-color:var(--dmc-panel-shadow-400);
  --dmc-draggable-handle-color:var(--dmc-text-300-color);
  --dmc-drawer-bg-color:var(--dmc-page-400-color);
  --dmc-drawer-shadow-color:-12px 0 28px rgba(7, 19, 39, 0.06), -5px 0 9px rgba(7, 19, 39, 0.04),
    -1px 0 2px rgba(7, 19, 39, 0.04);
  --dmc-drawer-content-text-color:var(--dmc-text-800-color);
  --dmc-drawer-left-shadow-color:var(--dmc-box-shadow-100);
  --dmc-drawer-right-shadow-color:-2px 0 8px rgba(0, 0, 0, 0.15);
  --dmc-drawer-top-shadow-color:0 2px 8px rgba(0, 0, 0, 0.15);
  --dmc-drawer-bottom-shadow-color:var(--dmc-box-shadow-100);
  --dmc-drawer-panel2-shadow-color:0 -12px 28px rgba(7, 19, 39, 0.04),
    0 -5px 9px rgba(7, 19, 39, 0.02), 0 -1px 2px rgba(7, 19, 39, 0.02);
  --dmc-drop-menu-only-text-color:var(--dmc-text-600-color);
  --dmc-drop-menu-only-text-hover-color:var(--dmc-text-300-color);
  --dmc-drop-menu-only-text-active-color:var(--dmc-text-600-color);
  --dmc-drop-zone-bg-color:var(--dmc-page-200-color);
  --dmc-drop-zone-bg-active-color:var(--dmc-page-light-blue);
  --dmc-drop-zone-border-color:var(--dmc-grey-blue-300-color);
  --dmc-drop-zone-border-active-color:var(--dmc-blue-500-color);
  --dmc-drop-zone-icon-color:var(--dmc-grey-blue-300-color);
  --dmc-drop-zone-compact-icon-color:var(--dmc-grey-blue-300-color);
  --dmc-drop-zone-tip-color:var(--dmc-text-600-color);
  --dmc-drop-zone-desc-color:var(--dmc-text-400-color);
  --dmc-field-text-color:var(--dmc-text-800-color);
  --dmc-field-bg-color:var(--dmc-page-100-color);
  --dmc-field-bg-blue-hover-color:var(--dmc-page-400-color);
  --dmc-field-bg-red-hover-color:var(--dmc-page-400-color);
  --dmc-field-bg-green-hover-color:var(--dmc-page-400-color);
  --dmc-field-blue-color:var(--dmc-blue-400-color);
  --dmc-field-red-color:var(--dmc-red-400-color);
  --dmc-field-green-color:var(--dmc-green-400-color);
  --dmc-field-blue-icon-color:var(--dmc-blue-500-color);
  --dmc-field-red-icon-color:var(--dmc-red-500-color);
  --dmc-field-green-icon-color:var(--dmc-green-500-color);
  --dmc-field-checked-blue-bg-color:var(--dmc-tp-10-blue-color);
  --dmc-field-checked-red-bg-color:var(--dmc-tp-10-red-color);
  --dmc-field-checked-green-bg-color:var(--dmc-tp-10-green-color);
  --dmc-field-checked-blue-color:var(--dmc-blue-400-color);
  --dmc-field-checked-red-color:var(--dmc-red-400-color);
  --dmc-field-checked-green-color:var(--dmc-green-400-color);
  --dmc-field-blue-text-color:var(--dmc-text-800-color);
  --dmc-field-blue-bg-color:var(--dmc-page-300-color);
  --dmc-field-red-text-color:var(--dmc-text-800-color);
  --dmc-field-red-bg-color:var(--dmc-page-300-color);
  --dmc-field-green-text-color:var(--dmc-text-800-color);
  --dmc-field-green-bg-color:var(--dmc-page-300-color);
  --dmc-form-item-color:var(--dmc-text-800-color);
  --dmc-form-item-msg-color:var(--dmc-text-400-color);
  --dmc-form-item-required-color:var(--dmc-red-500-color);
  --dmc-icons-color:var(--dmc-text-black-color);
  --dmc-icons-error-color:var(--dmc-red-500-color);
  --dmc-input-text-color:var(--dmc-text-800-color);
  --dmc-input-text-mb-color:var(--dmc-text-800-color);
  --dmc-input-text-ab-color:var(--dmc-text-800-color);
  --dmc-input-text-disabled-color:var(--dmc-text-300-color);
  --dmc-input-border-focus-color:var(--dmc-blue-500-color);
  --dmc-input-warning-color:var(--dmc-yellow-600-color);
  --dmc-input-error-color:var(--dmc-red-500-color);
  --dmc-input-success-color:var(--dmc-green-600-color);
  --dmc-input-bg-color:var(--dmc-page-200-color);
  --dmc-input-bg-hover-color:var(--dmc-page-400-color);
  --dmc-input-bg-disabled-color:var(--dmc-page-400-color);
  --dmc-input-bg-mb-color:var(--dmc-page-200-color);
  --dmc-input-bg-mb-hover-color:var(--dmc-page-400-color);
  --dmc-input-bg-mb-disabled-color:var(--dmc-page-400-color);
  --dmc-input-bg-ab-color:var(--dmc-page-200-color);
  --dmc-input-bg-ab-hover-color:var(--dmc-page-400-color);
  --dmc-input-bg-ab-disabled-color:var(--dmc-page-400-color);
  --dmc-input-compact-bg-color:var(--dmc-page-400-color);
  --dmc-input-compact-bg-hover-color:var(--dmc-page-500-color);
  --dmc-input-compact-border-color:var(--dmc-page-600-color);
  --dmc-input-icon-color:var(--dmc-text-black-color);
  --dmc-input-extra-color:var(--dmc-text-800-color);
  --dmc-input-extra-mb-color:var(--dmc-text-800-color);
  --dmc-input-extra-ab-color:var(--dmc-text-800-color);
  --dmc-input-extra-disabled-color:var(--dmc-text-700-color);
  --dmc-input-extra-bg-color:var(--dmc-page-400-color);
  --dmc-input-extra-bg-mb-color:var(--dmc-page-400-color);
  --dmc-input-extra-bg-ab-color:var(--dmc-page-400-color);
  --dmc-input-text-placeholder-color:var(--dmc-text-400-color);
  --dmc-input-text-placeholder-mb-color:var(--dmc-text-400-color);
  --dmc-input-text-placeholder-ab-color:var(--dmc-text-400-color);
  --dmc-input-text-placeholder-disabled-color:var(--dmc-text-200-color);
  --dmc-input-number-extra-color:var(--dmc-text-400-color);
  --dmc-input-number-extra-mb-color:var(--dmc-text-400-color);
  --dmc-input-number-extra-ab-color:var(--dmc-text-400-color);
  --dmc-input-number-extra-bg-color:var(--dmc-page-400-color);
  --dmc-input-number-extra-bg-mb-color:var(--dmc-page-400-color);
  --dmc-input-number-extra-bg-ab-color:var(--dmc-page-400-color);
  --dmc-load-process-color:var(--dmc-blue-500-color);
  --dmc-menu-text-color:var(--dmc-text-700-color);
  --dmc-menu-bg-color:var(--dmc-page-000-color);
  --dmc-menu-border-color:var(--dmc-page-700-color);
  --dmc-menu-shadow:var(--dmc-panel-shadow-400);
  --dmc-menu-hover-color:var(--dmc-blue-50-color);
  --dmc-menu-text-hover-color:var(--dmc-blue-600-color);
  --dmc-menu-bg-active-color:var(--dmc-blue-50-color);
  --dmc-menu-bg-ab-active-color:var(--dmc-blue-50-color);
  --dmc-menu-bg-ab-color:var(--dmc-page-000-color);
  --dmc-menu-border-ab-color:var(--dmc-page-700-color);
  --dmc-menu-group-title-color:var(--dmc-text-300-color);
  --dmc-menu-disabled-color:var(--dmc-text-300-color);
  --dmc-notification-bg-color:var(--dmc-page-100-color);
  --dmc-notification-shadow:var(--dmc-panel-shadow-600);
  --dmc-notification-title-color:var(--dmc-text-800-color);
  --dmc-notification-desc-color:var(--dmc-text-600-color);
  --dmc-notification-icon-color:var(--dmc-blue-500-color);
  --dmc-notification-icon-success-color:var(--dmc-green-500-color);
  --dmc-notification-icon-alert-color:var(--dmc-red-500-color);
  --dmc-notification-icon-help-color:var(--dmc-yellow-500-color);
  --dmc-page-header-bg-color:var(--dmc-page-000-color);
  --dmc-page-header-border-color:var(--dmc-page-400-color);
  --dmc-pagination-color:var(--dmc-text-600-color);
  --dmc-pagination-hover-color:var(--dmc-blue-600-color);
  --dmc-pagination-bg-color:var(--dmc-page-500-color);
  --dmc-pagination-hover-bg-color:var(--dmc-blue-50-color);
  --dmc-pagination-active-bg-color:var(--dmc-blue-100-color);
  --dmc-pagination-assist-bg-color:var(--dmc-page-500-color);
  --dmc-pagination-assist-hover-bg-color:var(--dmc-blue-50-color);
  --dmc-pagination-assist-active-bg-color:var(--dmc-blue-100-color);
  --dmc-popover-bg:var(--dmc-page-100-color);
  --dmc-popover-box-shadow-base:var(--dmc-panel-shadow-500);
  --dmc-popover-border-color:var(--dmc-page-700-color);
  --dmc-popover-title-color:var(--dmc-text-800-color);
  --dmc-popover-title-border-bottom-color:var(--dmc-split-page-color);
  --dmc-progress-title-color:var(--dmc-text-700-color);
  --dmc-progress-percent-color:var(--dmc-text-400-color);
  --dmc-progress-bg-color:var(--dmc-page-500-color);
  --dmc-progress-trail-color:var(--dmc-blue-500-color);
  --dmc-progress-trail-success-color:var(--dmc-green-500-color);
  --dmc-progress-trail-error-color:var(--dmc-red-500-color);
  --dmc-progress-trail-warning-color:var(--dmc-yellow-500-color);
  --dmc-radio-checked-inner-color:var(--dmc-text-white-color);
  --dmc-radio-checked-out-color:var(--dmc-blue-500-color);
  --dmc-radio-unchecked-inner-color:var(--dmc-page-200-color);
  --dmc-radio-unchecked-out-color:var(--dmc-page-800-color);
  --dmc-radio-hover-checked-inner-color:var(--dmc-text-white-color);
  --dmc-radio-hover-checked-out-color:var(--dmc-blue-400-color);
  --dmc-radio-hover-unchecked-inner-color:var(--dmc-page-500-color);
  --dmc-radio-hover-unchecked-out-color:var(--dmc-page-800-color);
  --dmc-radio-disabled-checked-inner-color:var(--dmc-page-200-color);
  --dmc-radio-disabled-checked-out-color:var(--dmc-blue-200-color);
  --dmc-radio-disabled-unchecked-inner-color:var(--dmc-page-600-color);
  --dmc-radio-disabled-unchecked-out-color:var(--dmc-page-600-color);
  --dmc-radio-pb-checked-inner-color:var(--dmc-text-white-color);
  --dmc-radio-pb-checked-out-color:var(--dmc-blue-500-color);
  --dmc-radio-pb-unchecked-inner-color:var(--dmc-page-200-color);
  --dmc-radio-pb-unchecked-out-color:var(--dmc-page-800-color);
  --dmc-radio-pb-hover-checked-inner-color:var(--dmc-text-white-color);
  --dmc-radio-pb-hover-checked-out-color:var(--dmc-blue-400-color);
  --dmc-radio-pb-hover-unchecked-inner-color:var(--dmc-page-500-color);
  --dmc-radio-pb-hover-unchecked-out-color:var(--dmc-page-800-color);
  --dmc-radio-pb-disabled-checked-inner-color:var(--dmc-page-200-color);
  --dmc-radio-pb-disabled-checked-out-color:var(--dmc-blue-200-color);
  --dmc-radio-pb-disabled-unchecked-inner-color:var(--dmc-page-600-color);
  --dmc-radio-pb-disabled-unchecked-out-color:var(--dmc-page-600-color);
  --dmc-radio-mb-checked-inner-color:var(--dmc-text-white-color);
  --dmc-radio-mb-checked-out-color:var(--dmc-blue-500-color);
  --dmc-radio-mb-unchecked-inner-color:var(--dmc-page-200-color);
  --dmc-radio-mb-unchecked-out-color:var(--dmc-page-800-color);
  --dmc-radio-mb-hover-checked-inner-color:var(--dmc-text-white-color);
  --dmc-radio-mb-hover-checked-out-color:var(--dmc-blue-400-color);
  --dmc-radio-mb-hover-unchecked-inner-color:var(--dmc-page-500-color);
  --dmc-radio-mb-hover-unchecked-out-color:var(--dmc-page-800-color);
  --dmc-radio-mb-disabled-checked-inner-color:var(--dmc-page-200-color);
  --dmc-radio-mb-disabled-checked-out-color:var(--dmc-blue-200-color);
  --dmc-radio-mb-disabled-unchecked-inner-color:var(--dmc-page-600-color);
  --dmc-radio-mb-disabled-unchecked-out-color:var(--dmc-page-600-color);
  --dmc-radio-ab-checked-inner-color:var(--dmc-text-white-color);
  --dmc-radio-ab-checked-out-color:var(--dmc-blue-500-color);
  --dmc-radio-ab-unchecked-inner-color:var(--dmc-page-200-color);
  --dmc-radio-ab-unchecked-out-color:var(--dmc-page-800-color);
  --dmc-radio-ab-hover-checked-inner-color:var(--dmc-text-white-color);
  --dmc-radio-ab-hover-checked-out-color:var(--dmc-blue-400-color);
  --dmc-radio-ab-hover-unchecked-inner-color:var(--dmc-page-500-color);
  --dmc-radio-ab-hover-unchecked-out-color:var(--dmc-page-800-color);
  --dmc-radio-ab-disabled-checked-inner-color:var(--dmc-page-200-color);
  --dmc-radio-ab-disabled-checked-out-color:var(--dmc-blue-200-color);
  --dmc-radio-ab-disabled-unchecked-inner-color:var(--dmc-page-600-color);
  --dmc-radio-ab-disabled-unchecked-out-color:var(--dmc-page-600-color);
  --dmc-radio-info-color:var(--dmc-text-800-color);
  --dmc-radio-info-disabled-color:var(--dmc-text-400-color);
  --dmc-radio-btn-text-color:var(--dmc-text-400-color);
  --dmc-radio-btn-text-hover-color:var(--dmc-text-500-color);
  --dmc-radio-btn-text-active-color:var(--dmc-blue-600-color);
  --dmc-radio-btn-text-disabled-color:var(--dmc-text-200-color);
  --dmc-radio-btn-bg-color:var(--dmc-page-100-color);
  --dmc-radio-btn-bg-hover-color:var(--dmc-page-400-color);
  --dmc-radio-btn-bg-active-color:var(--dmc-blue-50-color);
  --dmc-radio-btn-bg-disabled-color:var(--dmc-page-400-color);
  --dmc-radio-btn-bg-group-color:transparent;
  --dmc-radio-nav-text-color:var(--dmc-text-300-color);
  --dmc-radio-nav-text-hover-color:var(--dmc-text-600-color);
  --dmc-radio-nav-text-active-color:var(--dmc-text-800-color);
  --dmc-scrollbar-color:var(--dmc-page-600-color);
  --dmc-scrollbar-pb-color:var(--dmc-page-600-color);
  --dmc-scrollbar-mb-color:var(--dmc-page-600-color);
  --dmc-scrollbar-ab-color:var(--dmc-page-600-color);
  --dmc-select-text-color:var(--dmc-text-800-color);
  --dmc-select-text-hover-color:var(--dmc-blue-600-color);
  --dmc-select-text-loading-color:var(--dmc-text-200-color);
  --dmc-select-text-disabled-color:var(--dmc-text-400-color);
  --dmc-select-text-txt-color:var(--dmc-text-300-color);
  --dmc-select-bg-color:var(--dmc-page-100-color);
  --dmc-select-bg-mini-color:var(--dmc-page-400-color);
  --dmc-select-bg-hover-color:var(--dmc-page-400-color);
  --dmc-select-bg-active-color:var(--dmc-page-100-color);
  --dmc-select-bg-disabled-color:var(--dmc-page-400-color);
  --dmc-select-text-txt-disabled-color:var(--dmc-text-200-color);
  --dmc-select-bg-error-color:var(--dmc-page-100-color);
  --dmc-select-item-bg-color:var(--dmc-page-000-color);
  --dmc-select-item-hover-bg-color:var(--dmc-blue-50-color);
  --dmc-select-dropdown-bg-color:var(--dmc-page-000-color);
  --dmc-select-dropdown-border-color:var(--dmc-page-700-color);
  --dmc-select-dropdown-shadow-color:var(--dmc-panel-shadow-400);
  --dmc-select-scrollbar-color:var(--dmc-page-600-color);
  --dmc-select-bg-mb-color:var(--dmc-page-200-color);
  --dmc-select-bg-mb-hover-color:var(--dmc-page-400-color);
  --dmc-select-mb-ph-color:var(--dmc-text-400-color);
  --dmc-select-mb-item-bg-color:var(--dmc-page-000-color);
  --dmc-select-mb-item-hover-bg-color:var(--dmc-blue-50-color);
  --dmc-select-mb-disabled-color:var(--dmc-page-400-color);
  --dmc-select-mb-disabled-text-color:var(--dmc-text-400-color);
  --dmc-select-mb-txt-disabled-color:var(--dmc-text-200-color);
  --dmc-select-mb-dropdown-bg-color:var(--dmc-page-000-color);
  --dmc-select-mb-scrollbar-color:var(--dmc-page-600-color);
  --dmc-select-bg-ab-color:var(--dmc-page-200-color);
  --dmc-select-bg-ab-hover-color:var(--dmc-page-400-color);
  --dmc-select-ab-ph-color:var(--dmc-text-400-color);
  --dmc-select-ab-item-bg-color:var(--dmc-page-000-color);
  --dmc-select-ab-item-hover-bg-color:var(--dmc-blue-50-color);
  --dmc-select-ab-disabled-color:var(--dmc-page-400-color);
  --dmc-select-ab-disabled-text-color:var(--dmc-text-400-color);
  --dmc-select-ab-txt-disabled-color:var(--dmc-text-200-color);
  --dmc-select-ab-dropdown-bg-color:var(--dmc-page-000-color);
  --dmc-select-ab-scrollbar-color:var(--dmc-page-600-color);
  --dmc-select-bg-compact-color:var(--dmc-page-400-color);
  --dmc-select-bg-compact-hover-color:var(--dmc-page-500-color);
  --dmc-select-compact-ph-color:var(--dmc-text-300-color);
  --dmc-select-compact-item-bg-color:var(--dmc-page-000-color);
  --dmc-select-compact-item-hover-bg-color:var(--dmc-blue-50-color);
  --dmc-select-compact-disabled-color:var(--dmc-page-400-color);
  --dmc-select-compact-disabled-text-color:var(--dmc-text-400-color);
  --dmc-select-compact-txt-disabled-color:var(--dmc-text-200-color);
  --dmc-select-compact-dropdown-bg-color:var(--dmc-page-000-color);
  --dmc-select-compact-scrollbar-color:var(--dmc-page-600-color);
  --dmc-select-border-active-color:var(--dmc-blue-500-color);
  --dmc-select-border-error-color:var(--dmc-red-500-color);
  --dmc-select-arrow-icon-color:var(--dmc-text-600-color);
  --dmc-select-disabled-arrow-icon-color:var(--dmc-text-300-color);
  --dmc-sidenav-bg-color:var(--dmc-page-100-color);
  --dmc-sidenav-item-text-color:var(--dmc-text-600-color);
  --dmc-sidenav-item-text-hover-color:var(--dmc-text-700-color);
  --dmc-sidenav-item-text-active-color:var(--dmc-blue-600-color);
  --dmc-sidenav-item-text-disabled-color:var(--dmc-text-300-color);
  --dmc-sidenav-item-text-active-mark-color:var(--dmc-blue-500-color);
  --dmc-sidenav-item-bg-hover-color:var(--dmc-page-400-color);
  --dmc-sidenav-item-bg-active-color:var(--dmc-blue-50-color);
  --dmc-sidenav-pb-item-text-hover-color:var(--dmc-text-700-color);
  --dmc-sidenav-pb-item-bg-color:transparent;
  --dmc-sidenav-pb-item-bg-hover-color:var(--dmc-page-400-color);
  --dmc-sidenav-pb-item-bg-active-color:var(--dmc-blue-50-color);
  --dmc-sidenav-ab-item-text-hover-color:var(--dmc-text-700-color);
  --dmc-sidenav-ab-item-bg-color:transparent;
  --dmc-sidenav-ab-item-bg-hover-color:var(--dmc-page-400-color);
  --dmc-sidenav-ab-item-bg-active-color:var(--dmc-blue-50-color);
  --dmc-slider-bg-color:var(--dmc-page-600-color);
  --dmc-slider-bg-hover-color:var(--dmc-blue-100-color);
  --dmc-slider-disabled-color:var(--dmc-page-400-color);
  --dmc-slider-track-color:var(--dmc-blue-500-color);
  --dmc-slider-track-hover-color:var(--dmc-blue-500-color);
  --dmc-slider-handle-bg-color:var(--dmc-page-200-color);
  --dmc-slider-handle-border-color:var(--dmc-split-btn-color);
  --dmc-slider-mark-text-color:var(--dmc-text-300-color);
  --dmc-slider-mark-text-active-color:var(--dmc-text-300-color);
  --dmc-slider-dot-color:var(--dmc-blue-100-color);
  --dmc-slider-dot-active-color:var(--dmc-blue-500-color);
  --dmc-sortlist-ab-bg-color:transparent;
  --dmc-sortlist-item-color:var(--dmc-text-300-color);
  --dmc-sortlist-text-color:var(--dmc-text-700-color);
  --dmc-sortlist-text-hover-color:var(--dmc-text-600-color);
  --dmc-sortlist-hover-color:var(--dmc-page-200-color);
  --dmc-spin-color:var(--dmc-text-300-color);
  --dmc-spin-bg-color:var(--dmc-page-100-color);
  --dmc-steps-wait-default-title-color:var(--dmc-text-300-color);
  --dmc-steps-not-wait-default-title-color:var(--dmc-text-800-color);
  --dmc-steps-wait-default-description-color:var(--dmc-text-300-color);
  --dmc-steps-not-wait-default-description-color:var(--dmc-text-600-color);
  --dmc-steps-process-default-icon-line-color:var(--dmc-blue-500-color);
  --dmc-steps-process-default-icon-bg-color:var(--dmc-blue-500-color);
  --dmc-steps-wait-default-icon-bg-color:var(--dmc-page-500-color);
  --dmc-steps-finish-default-icon-line-color:var(--dmc-green-500-color);
  --dmc-steps-finish-default-icon-bg-color:var(--dmc-green-600-color);
  --dmc-steps-error-default-icon-line-color:var(--dmc-red-500-color);
  --dmc-steps-error-default-icon-bg-color:var(--dmc-red-600-color);
  --dmc-steps-process-default-icon-text-color:var(--dmc-text-white-color);
  --dmc-steps-wait-default-icon-text-color:var(--dmc-text-400-color);
  --dmc-steps-finish-default-icon-text-color:var(--dmc-text-white-color);
  --dmc-steps-error-default-icon-text-color:var(--dmc-text-white-color);
  --dmc-steps-wait-navigation-title-color:var(--dmc-text-400-color);
  --dmc-steps-not-wait-navigation-title-color:var(--dmc-text-white-color);
  --dmc-steps-process-navigation-bg-color:var(--dmc-blue-50-color);
  --dmc-steps-process-navigation-border-color:var(--dmc-blue-500-color);
  --dmc-steps-wait-navigation-bg-color:var(--dmc-page-500-color);
  --dmc-steps-finish-navigation-bg-color:var(--dmc-green-600-color);
  --dmc-steps-finish-navigation-icon-color:var(--dmc-text-white-color);
  --dmc-steps-error-navigation-bg-color:var(--dmc-red-600-color);
  --dmc-steps-error-navigation-icon-color:var(--dmc-text-white-color);
  --dmc-steps-process-navigation-title-color:var(--dmc-blue-500-color);
  --dmc-table-bg-color:var(--dmc-page-100-color);
  --dmc-table-bg-fix-bs-color:var(--dmc-split-page-color);
  --dmc-table-bg-border-color:var(--dmc-split-page-color);
  --dmc-table-bg-head-bg-color:var(--dmc-page-200-color);
  --dmc-table-bg-body-odd-bg-color:var(--dmc-page-200-color);
  --dmc-table-bg-body-even-bg-color:var(--dmc-page-100-color);
  --dmc-table-bg-head-text-color:var(--dmc-text-800-color);
  --dmc-table-bg-body-text-color:var(--dmc-text-800-color);
  --dmc-table-bg-scrollbar-color:var(--dmc-page-600-color);
  --dmc-table-bg-body-bg-hover-color:var(--dmc-page-300-color);
  --dmc-table-pb-bg-color:var(--dmc-page-200-color);
  --dmc-table-pb-fix-bs-color:var(--dmc-split-page-color);
  --dmc-table-pb-border-color:var(--dmc-split-page-color);
  --dmc-table-pb-head-bg-color:var(--dmc-page-200-color);
  --dmc-table-pb-body-odd-bg-color:var(--dmc-page-200-color);
  --dmc-table-pb-body-even-bg-color:var(--dmc-page-100-color);
  --dmc-table-pb-head-text-color:var(--dmc-text-700-color);
  --dmc-table-pb-body-text-color:var(--dmc-text-800-color);
  --dmc-table-pb-scrollbar-color:var(--dmc-page-600-color);
  --dmc-table-pb-body-bg-hover-color:var(--dmc-page-300-color);
  --dmc-table-ab-bg-color:var(--dmc-page-100-color);
  --dmc-table-ab-fix-bs-color:var(--dmc-split-page-color);
  --dmc-table-ab-border-color:var(--dmc-split-page-color);
  --dmc-table-ab-head-bg-color:var(--dmc-page-200-color);
  --dmc-table-ab-body-odd-bg-color:var(--dmc-page-200-color);
  --dmc-table-ab-body-even-bg-color:var(--dmc-page-100-color);
  --dmc-table-ab-head-text-color:var(--dmc-text-700-color);
  --dmc-table-ab-body-text-color:var(--dmc-text-800-color);
  --dmc-table-ab-scrollbar-color:var(--dmc-page-600-color);
  --dmc-table-ab-body-bg-hover-color:var(--dmc-page-300-color);
  --dmc-virtual-table-loading-color:var(--dmc-text-200-color);
  --dmc-virtual-table-hovered-color:var(--dmc-page-200-color);
  --dmc-virtual-table-select-hovered-color:var(--dmc-page-400-color);
  --dmc-tag-text-color:var(--dmc-text-700-color);
  --dmc-tag-text-new-color:var(--dmc-text-600-color);
  --dmc-tag-text-colorful-color:var(--dmc-text-white-color);
  --dmc-tag-text-hover-color:var(--dmc-text-700-color);
  --dmc-tag-text-disabled-color:var(--dmc-text-300-color);
  --dmc-tag-bg-color:var(--dmc-page-500-color);
  --dmc-tag-bg-hover-color:var(--dmc-page-600-color);
  --dmc-tag-bg-disabled-color:var(--dmc-page-400-color);
  --dmc-tag-close-color:var(--dmc-text-400-color);
  --dmc-tag-close-hover-color:var(--dmc-text-700-color);
  --dmc-tag-close-colorful-color:var(--dmc-tp-30-white-color);
  --dmc-tag-border-new-color:var(--dmc-text-400-color);
  --dmc-tag-actived-bg-color:var(--dmc-blue-50-color);
  --dmc-tag-actived-bg-hover-color:var(--dmc-blue-100-color);
  --dmc-tag-actived-bg-active-color:var(--dmc-blue-50-color);
  --dmc-tag-actived-text-color:var(--dmc-blue-600-color);
  --dmc-tag-actived-text-hover-color:var(--dmc-blue-600-color);
  --dmc-tag-actived-text-active-color:var(--dmc-blue-300-color);
  --dmc-tag-blue-900-color:var(--dmc-blue-600-color);
  --dmc-tag-green-900-color:var(--dmc-green-600-color);
  --dmc-tag-plain-blue-900-color:var(--dmc-plain-blue-600-color);
  --dmc-tag-orange-900-color:var(--dmc-orange-600-color);
  --dmc-tag-red-900-color:var(--dmc-red-600-color);
  --dmc-tag-yellow-900-color:var(--dmc-yellow-700-color);
  --dmc-tag-magenta-900-color:var(--dmc-magenta-600-color);
  --dmc-tag-purple-900-color:var(--dmc-purple-600-color);
  --dmc-tag-blue-700-color:var(--dmc-blue-50-color);
  --dmc-tag-green-700-color:var(--dmc-green-50-color);
  --dmc-tag-plain-blue-700-color:var(--dmc-plain-blue-50-color);
  --dmc-tag-grey-blue-500-color:var(--dmc-grey-blue-600-color);
  --dmc-tag-grey-blue-400-color:var(--dmc-grey-blue-200-color);
  --dmc-tag-orange-700-color:var(--dmc-orange-50-color);
  --dmc-tag-red-700-color:var(--dmc-red-50-color);
  --dmc-tag-yellow-700-color:var(--dmc-yellow-50-color);
  --dmc-tag-magenta-700-color:var(--dmc-magenta-50-color);
  --dmc-tag-purple-700-color:var(--dmc-purple-50-color);
  --dmc-tag-text-blue-700-color:var(--dmc-blue-600-color);
  --dmc-tag-text-green-700-color:var(--dmc-green-600-color);
  --dmc-tag-text-plain-blue-700-color:var(--dmc-plain-blue-600-color);
  --dmc-tag-text-grey-blue-500-color:var(--dmc-text-100-color);
  --dmc-tag-text-grey-blue-400-color:var(--dmc-grey-blue-700-color);
  --dmc-tag-text-orange-700-color:var(--dmc-orange-700-color);
  --dmc-tag-text-red-700-color:var(--dmc-red-600-color);
  --dmc-tag-text-yellow-700-color:var(--dmc-yellow-700-color);
  --dmc-tag-text-magenta-700-color:var(--dmc-magenta-600-color);
  --dmc-tag-text-purple-700-color:var(--dmc-purple-600-color);
  --dmc-tag-close-blue-700-color:var(--dmc-tp-30-blue-color);
  --dmc-tag-close-green-700-color:var(--dmc-tp-30-green-color);
  --dmc-tag-close-plain-blue-700-color:var(--dmc-tp-30-plain-blue-color);
  --dmc-tag-close-grey-blue-500-color:var(--dmc-tp-30-white-color);
  --dmc-tag-close-grey-blue-400-color:var(--dmc-tp-30-black-color);
  --dmc-tag-close-orange-700-color:var(--dmc-tp-30-orange-color);
  --dmc-tag-close-red-700-color:var(--dmc-tp-30-red-color);
  --dmc-tag-close-yellow-700-color:var(--dmc-tp-30-yellow-color);
  --dmc-tag-close-magenta-700-color:var(--dmc-tp-30-magenta-color);
  --dmc-tag-close-purple-700-color:var(--dmc-tp-30-purple-color);
  --dmc-text-alert-bg-color:var(--dmc-blue-50-color);
  --dmc-text-alert-bg-solid-color:var(--dmc-blue-500-color);
  --dmc-text-alert-text-color:var(--dmc-text-800-color);
  --dmc-text-alert-desc-color:var(--dmc-tp-60-black-color);
  --dmc-text-alert-icon-color:var(--dmc-blue-500-color);
  --dmc-text-alert-close-color:var(--dmc-tp-60-black-color);
  --dmc-text-alert-close-hover-color:var(--dmc-text-800-color);
  --dmc-text-alert-success-bg-color:var(--dmc-green-50-color);
  --dmc-text-alert-success-bg-solid-color:var(--dmc-green-500-color);
  --dmc-text-alert-success-icon-color:var(--dmc-green-500-color);
  --dmc-text-alert-warning-bg-color:var(--dmc-yellow-50-color);
  --dmc-text-alert-warning-bg-solid-color:var(--dmc-yellow-500-color);
  --dmc-text-alert-warning-icon-color:var(--dmc-yellow-500-color);
  --dmc-text-alert-error-bg-color:var(--dmc-red-50-color);
  --dmc-text-alert-error-bg-solid-color:var(--dmc-red-500-color);
  --dmc-text-alert-error-icon-color:var(--dmc-red-500-color);
  --dmc-tooltip-bg-color:var(--dmc-grey-blue-900-color);
  --dmc-toast-shadow-color:var(--dmc-panel-shadow-400-dark);
  --dmc-toast-close-color:var(--dmc-tp-30-white-color);
  --dmc-toast-close-hover-color:var(--dmc-tp-60-white-color);
  --dmc-toast-close-warning-color:var(--dmc-tp-30-black-color);
  --dmc-toast-close-warning-hover-color:var(--dmc-tp-60-black-color);
  --dmc-toast-text-color:var(--dmc-text-white-color);
  --dmc-toast-text-warning-color:var(--dmc-text-900-color);
  --dmc-toast-bg-color:var(--dmc-blue-600-color);
  --dmc-toast-bg-success-color:var(--dmc-green-600-color);
  --dmc-toast-bg-error-color:var(--dmc-red-500-color);
  --dmc-toast-bg-warning-color:var(--dmc-yellow-400-color);
  --dmc-toggle-out-text-color:var(--dmc-text-500-color);
  --dmc-toggle-out-text-active-color:var(--dmc-blue-500-color);
  --dmc-toggle-bg-color:var(--dmc-text-500-color);
  --dmc-toggle-in-text-color:var(--dmc-page-000-color);
  --dmc-toggle-in-text-hover-color:var(--dmc-text-400-color);
  --dmc-toggle-bg-hover-color:var(--dmc-text-400-color);
  --dmc-toggle-in-text-active-color:var(--dmc-page-000-color);
  --dmc-toggle-bg-active-color:var(--dmc-blue-500-color);
  --dmc-toggle-in-text-active-hover-color:var(--dmc-blue-400-color);
  --dmc-toggle-bg-active-hover-color:var(--dmc-blue-400-color);
  --dmc-toggle-out-text-disabled-color:var(--dmc-text-300-color);
  --dmc-toggle-in-text-disabled-color:var(--dmc-page-000-color);
  --dmc-toggle-bg-disabled-color:var(--dmc-text-200-color);
  --dmc-toggle-out-text-active-disabled-color:var(--dmc-blue-300-color);
  --dmc-toggle-in-text-active-disabled-color:var(--dmc-page-000-color);
  --dmc-toggle-bg-active-disabled-color:var(--dmc-blue-200-color);
  --dmc-transfer-bg-color:var(--dmc-page-200-color);
  --dmc-transfer-ab-bg-color:var(--dmc-page-200-color);
  --dmc-transfer-sortlist-clear-color:var(--dmc-blue-500-color);
  --dmc-transfer-desc-color:var(--dmc-text-400-color);
  --dmc-tree-text-color:var(--dmc-text-800-color);
  --dmc-tree-text-active-color:var(--dmc-blue-600-color);
  --dmc-tree-bg-hover-color:var(--dmc-page-500-color);
  --dmc-tree-bg-selected-color:var(--dmc-blue-100-color);
  --dmc-tree-icon-color:var(--dmc-text-800-color);
  --dmc-tree-icon-active-color:var(--dmc-blue-600-color);
  --dmc-tree-draggable-border-color:var(--dmc-blue-500-color);
  --dmc-tree-draggable-border-color2:var(--dmc-blue-100-color);
  --dmc-tree-select-empty-color:var(--dmc-text-300-color);
  --dmc-virtual-list-bg-color:var(--dmc-page-100-color);
  --dmc-virtual-list-mb-bg-color:var(--dmc-page-100-color);
  --dmc-virtual-list-ab-bg-color:var(--dmc-page-100-color);
  --dmc-virtual-list-group-text-color:var(--dmc-text-800-color);
  --dmc-virtual-list-group-bg-hover-color:var(--dmc-page-200-color);
  --dmc-data-groupby-slider-bg-color:var(--dmc-text-400-color);
  --dmc-data-groupby-slider-bg-hover-color:var(--dmc-yellow-500-color);
  --dmc-data-groupby-chart-bg-color:var(--dmc-page-200-color);
  --dmc-data-groupby-text-color:var(--dmc-text-600-color);
  --dmc-card-title-color:var(--dmc-text-800-color);
  --dmc-card-bg-color:var(--dmc-page-100-color);
  --dmc-card-thumb-bg-color:var(--dmc-page-200-color);
  --dmc-card-border-color:var(--dmc-split-page-color);
  --dmc-card-border-active-color:var(--dmc-blue-500-color);
  --dmc-card-desc-color:var(--dmc-text-300-color);
  --dmc-data-side-bar-bg-color:var(--dmc-page-100-color);
  --dmc-data-side-bar-item-color:var(--dmc-text-300-color);
  --dmc-data-side-bar-item-hover-color:var(--dmc-text-500-color);
  --dmc-data-side-bar-item-active-color:var(--dmc-text-800-color);
  --dmc-data-side-bar-empty-color:var(--dmc-text-300-color);
  --dmc-gf-tf-row-label-color:var(--dmc-text-400-color);
  --dmc-gf-tf-more-active-color:var(--dmc-blue-400-color);
  --dmc-sf-border-color:var(--dmc-primary-menu-400-color);
  --dmc-sf-bg-color:var(--dmc-page-100-color);
  --dmc-mbc-bgc:var(--dmc-page-100-color);
  --dmc-mbc-border-color:var(--dmc-split-page-color);
  --dmc-mbc-name-bgc:var(--dmc-grey-blue-100-color);
  --dmc-mbc-name-active-bgc:var(--dmc-grey-blue-100-color);
  --dmc-mbc-name-color:var(--dmc-text-700-color);
  --dmc-mbc-name-active-color:var(--dmc-blue-600-color);
  --dmc-mbc-border-active-color:var(--dmc-blue-600-color);
  --dmc-map-control-color:var(--dmc-text-800-color);
  --dmc-map-control-bgc:#fbfcfecc;
  --dmc-map-control-hover-bgc:var(--dmc-page-500-color);
  --dmc-map-control-zoom-split-color:var(--dmc-split-page-color);
}

.dmc-dropdown{
  position:absolute;
  top:-9999px;
  left:-9999px;
  z-index:1050;
  display:block;
}
.dmc-dropdown-hidden{
  display:none;
}
.dmc-dropdown-slide-up-enter,
.dmc-dropdown-slide-up-appear{
  display:block !important;
  transform-origin:0 0;
  -webkit-animation-duration:0.3s;
          animation-duration:0.3s;
  -webkit-animation-fill-mode:both;
          animation-fill-mode:both;
  opacity:0;
  -webkit-animation-play-state:paused;
          animation-play-state:paused;
  -webkit-animation-timing-function:cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function:cubic-bezier(0.08, 0.82, 0.17, 1);
}
.dmc-dropdown-slide-up-leave{
  display:block !important;
  transform-origin:0 0;
  -webkit-animation-duration:0.3s;
          animation-duration:0.3s;
  -webkit-animation-fill-mode:both;
          animation-fill-mode:both;
  opacity:1;
  -webkit-animation-play-state:paused;
          animation-play-state:paused;
  -webkit-animation-timing-function:cubic-bezier(0.6, 0.04, 0.98, 0.34);
          animation-timing-function:cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.dmc-dropdown-slide-up-enter.dmc-dropdown-slide-up-enter-active.dmc-dropdown-placement-bottomLeft,
.dmc-dropdown-slide-up-appear.dmc-dropdown-slide-up-appear-active.dmc-dropdown-placement-bottomLeft,
.dmc-dropdown-slide-up-enter.dmc-dropdown-slide-up-enter-active.dmc-dropdown-placement-bottomCenter,
.dmc-dropdown-slide-up-appear.dmc-dropdown-slide-up-appear-active.dmc-dropdown-placement-bottomCenter,
.dmc-dropdown-slide-up-enter.dmc-dropdown-slide-up-enter-active.dmc-dropdown-placement-bottomRight,
.dmc-dropdown-slide-up-appear.dmc-dropdown-slide-up-appear-active.dmc-dropdown-placement-bottomRight{
  -webkit-animation-name:dmc-slide-up-in;
          animation-name:dmc-slide-up-in;
  -webkit-animation-play-state:running;
          animation-play-state:running;
}
.dmc-dropdown-slide-up-enter.dmc-dropdown-slide-up-enter-active.dmc-dropdown-placement-topLeft,
.dmc-dropdown-slide-up-appear.dmc-dropdown-slide-up-appear-active.dmc-dropdown-placement-topLeft,
.dmc-dropdown-slide-up-enter.dmc-dropdown-slide-up-enter-active.dmc-dropdown-placement-topCenter,
.dmc-dropdown-slide-up-appear.dmc-dropdown-slide-up-appear-active.dmc-dropdown-placement-topCenter,
.dmc-dropdown-slide-up-enter.dmc-dropdown-slide-up-enter-active.dmc-dropdown-placement-topRight,
.dmc-dropdown-slide-up-appear.dmc-dropdown-slide-up-appear-active.dmc-dropdown-placement-topRight{
  -webkit-animation-name:dmc-slide-down-in;
          animation-name:dmc-slide-down-in;
  -webkit-animation-play-state:running;
          animation-play-state:running;
}
.dmc-dropdown-slide-up-leave.dmc-dropdown-slide-up-leave-active.dmc-dropdown-placement-bottomLeft,
.dmc-dropdown-slide-up-leave.dmc-dropdown-slide-up-leave-active.dmc-dropdown-placement-bottomCenter,
.dmc-dropdown-slide-up-leave.dmc-dropdown-slide-up-leave-active.dmc-dropdown-placement-bottomRight{
  -webkit-animation-name:dmc-slide-up-out;
          animation-name:dmc-slide-up-out;
  -webkit-animation-play-state:running;
          animation-play-state:running;
}
.dmc-dropdown-slide-up-leave.dmc-dropdown-slide-up-leave-active.dmc-dropdown-placement-topLeft,
.dmc-dropdown-slide-up-leave.dmc-dropdown-slide-up-leave-active.dmc-dropdown-placement-topCenter,
.dmc-dropdown-slide-up-leave.dmc-dropdown-slide-up-leave-active.dmc-dropdown-placement-topRight{
  -webkit-animation-name:dmc-slide-down-out;
          animation-name:dmc-slide-down-out;
  -webkit-animation-play-state:running;
          animation-play-state:running;
}

.dmc-toast-container{
  display:flex;
  align-items:center;
  position:relative;
  box-sizing:border-box;
  min-width:140px;
  max-width:500px;
  padding:10px 20px;
  font-weight:normal;
  font-size:14px;
  line-height:20px;
  border-radius:6px;
  box-shadow:var(--dmc-toast-shadow-color);
}
.dmc-toast-container .dmc-toast-container-close{
  width:16px;
  height:16px;
  margin-left:10px;
  color:var(--dmc-toast-close-color);
  cursor:pointer;
}
.dmc-toast-container .dmc-toast-container-close:hover{
  color:var(--dmc-toast-close-hover-color);
}
.dmc-toast-container .dmc-toast-container-close:active{
  color:var(--dmc-toast-close-color);
}
.dmc-toast-container-button-placeholder{
  visibility:hidden;
}
.dmc-toast-container-button-bg{
  position:absolute;
  top:-6px;
  bottom:-6px;
  left:0;
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  border-radius:6px;
  cursor:pointer;
}
.dmc-toast-container-button{
  position:relative;
  margin-right:-16px;
  margin-left:14px;
  padding:0 23px;
}
.dmc-toast-container-button::before{
  position:absolute;
  top:-1px;
  bottom:-1px;
  left:-4px;
  width:1px;
  content:'';
}
.dmc-toast-container-info{
  color:var(--dmc-toast-text-color);
  background:var(--dmc-toast-bg-color);
}
.dmc-toast-container-info .dmc-toast-container-arrow{
  border-bottom-color:var(--dmc-toast-bg-color);
}
.dmc-toast-container-info .dmc-toast-container-button:before,
.dmc-toast-container-info .dmc-toast-container-button-bg:hover{
  background:var(--dmc-toast-bg-color);
}
.dmc-toast-container-success{
  color:var(--dmc-toast-text-color);
  background:var(--dmc-toast-bg-success-color);
}
.dmc-toast-container-success .dmc-toast-container-arrow{
  border-bottom-color:var(--dmc-toast-bg-success-color);
}
.dmc-toast-container-success .dmc-toast-container-button:before,
.dmc-toast-container-success .dmc-toast-container-button-bg:hover{
  background:var(--dmc-toast-bg-success-color);
}
.dmc-toast-container-error{
  color:var(--dmc-text-white-color);
  background:var(--dmc-toast-bg-error-color);
}
.dmc-toast-container-error .dmc-toast-container-arrow{
  border-bottom-color:var(--dmc-toast-bg-error-color);
}
.dmc-toast-container-error .dmc-toast-container-button:before,
.dmc-toast-container-error .dmc-toast-container-button-bg:hover{
  background:var(--dmc-toast-bg-error-color);
}
.dmc-toast-container-warning{
  color:var(--dmc-toast-text-warning-color);
  background:var(--dmc-toast-bg-warning-color);
}
.dmc-toast-container-warning .dmc-toast-container-arrow{
  border-bottom-color:var(--dmc-toast-bg-warning-color);
}
.dmc-toast-container-warning .dmc-toast-container-button:before,
.dmc-toast-container-warning .dmc-toast-container-button-bg:hover{
  background:var(---dmc-toast-bg-warning-color);
}
.dmc-toast-container-warning .dmc-toast-container-close{
  color:var(--dmc-toast-close-warning-color);
}
.dmc-toast-container-warning .dmc-toast-container-close:hover{
  color:var(--dmc-toast-close-warning-hover-color);
}
.dmc-toast-container-message{
  flex:1;
  flex-wrap:wrap;
  word-break:break-word;
}
.dmc-toast-container-icon{
  width:22px;
  height:22px;
  min-width:22px;
  margin-right:10px;
}
.dmc-toast-container-arrow{
  position:absolute;
  top:-20px;
  right:30%;
  width:0;
  height:0;
  border-color:transparent;
  border-style:solid;
  border-width:10px;
}

.dmc-toast{
  position:fixed;
  z-index:2000;
  transform:translateX(-50%);
}
.dmc-toast-notice{
  position:relative;
  right:auto !important;
  display:block;
  margin-bottom:10px;
}
.dmc-toast-fade-enter{
  opacity:0;
  -webkit-animation-duration:0.3s;
          animation-duration:0.3s;
  -webkit-animation-timing-function:cubic-bezier(0.55, 0, 0.55, 0.2);
          animation-timing-function:cubic-bezier(0.55, 0, 0.55, 0.2);
  -webkit-animation-fill-mode:both;
          animation-fill-mode:both;
  -webkit-animation-play-state:paused;
          animation-play-state:paused;
}
.dmc-toast-fade-leave{
  -webkit-animation-duration:0.3s;
          animation-duration:0.3s;
  -webkit-animation-timing-function:cubic-bezier(0.55, 0, 0.55, 0.2);
          animation-timing-function:cubic-bezier(0.55, 0, 0.55, 0.2);
  -webkit-animation-fill-mode:both;
          animation-fill-mode:both;
  -webkit-animation-play-state:paused;
          animation-play-state:paused;
}
.dmc-toast-fade-enter.dmc-toast-fade-enter-active{
  -webkit-animation-name:dmc-fade-in;
          animation-name:dmc-fade-in;
  -webkit-animation-play-state:running;
          animation-play-state:running;
}
.dmc-toast-fade-leave.dmc-toast-fade-leave-active{
  -webkit-animation-name:dmc-fade-out;
          animation-name:dmc-fade-out;
  -webkit-animation-play-state:running;
          animation-play-state:running;
}

.dmc-toast-on-target{
  position:absolute;
  top:calc(100% + 10px) !important;
  right:50% !important;
  left:initial !important;
  z-index:1010;
  transform:translateX(15%);
}
.dmc-toast-on-target-notice{
  position:relative;
  right:initial !important;
  display:block;
  margin-bottom:10px;
}
.dmc-toast-on-target-notice .dmc-toast-container-message{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.dmc-toast-on-target-notice .dmc-toast-container-arrow{
  right:calc(15% - 10px);
}
.dmc-toast-on-target-fade-enter{
  opacity:0;
  -webkit-animation-duration:0.3s;
          animation-duration:0.3s;
  -webkit-animation-timing-function:cubic-bezier(0.55, 0, 0.55, 0.2);
          animation-timing-function:cubic-bezier(0.55, 0, 0.55, 0.2);
  -webkit-animation-fill-mode:both;
          animation-fill-mode:both;
  -webkit-animation-play-state:paused;
          animation-play-state:paused;
}
.dmc-toast-on-target-fade-leave{
  -webkit-animation-duration:0.3s;
          animation-duration:0.3s;
  -webkit-animation-timing-function:cubic-bezier(0.55, 0, 0.55, 0.2);
          animation-timing-function:cubic-bezier(0.55, 0, 0.55, 0.2);
  -webkit-animation-fill-mode:both;
          animation-fill-mode:both;
  -webkit-animation-play-state:paused;
          animation-play-state:paused;
}
.dmc-toast-on-target-fade-enter.dmc-toast-on-target-fade-enter-active{
  -webkit-animation-name:dmc-fade-in;
          animation-name:dmc-fade-in;
  -webkit-animation-play-state:running;
          animation-play-state:running;
}
.dmc-toast-on-target-fade-leave.dmc-toast-on-target-fade-leave-active{
  -webkit-animation-name:dmc-fade-out;
          animation-name:dmc-fade-out;
  -webkit-animation-play-state:running;
          animation-play-state:running;
}

.dmc-tooltip{
  position:absolute;
  z-index:1060;
  box-sizing:border-box;
  display:block;
  max-width:250px;
  visibility:visible;
}
.dmc-tooltip-hidden{
  display:none;
}
.dmc-tooltip-placement-top,
.dmc-tooltip-placement-topLeft,
.dmc-tooltip-placement-topRight{
  padding-bottom:9px;
}
.dmc-tooltip-placement-right,
.dmc-tooltip-placement-rightTop,
.dmc-tooltip-placement-rightBottom{
  padding-left:9px;
}
.dmc-tooltip-placement-bottom,
.dmc-tooltip-placement-bottomLeft,
.dmc-tooltip-placement-bottomRight{
  padding-top:9px;
}
.dmc-tooltip-placement-left,
.dmc-tooltip-placement-leftTop,
.dmc-tooltip-placement-leftBottom{
  padding-right:9px;
}
.dmc-tooltip-inner{
  box-sizing:border-box;
  padding:6px 18px;
  font-size:13px;
  line-height:18px;
  color:var(--dmc-text-white-color);
  text-align:left;
  text-decoration:none;
  word-wrap:break-word;
  background-color:var(--dmc-tooltip-bg-color);
  border-radius:6px;
  box-shadow:none;
}
.dmc-tooltip-arrow{
  position:absolute;
  display:block;
  overflow:hidden;
  pointer-events:none;
  background:transparent;
  width:11.3137085px;
  height:11.3137085px;
}
.dmc-tooltip-arrow::before{
  display:block;
  margin:auto;
  pointer-events:auto;
  content:'';
  background-color:var(--dmc-tooltip-bg-color);
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  width:8px;
  height:8px;
}
.dmc-tooltip-placement-top .dmc-tooltip-arrow,
.dmc-tooltip-placement-topLeft .dmc-tooltip-arrow,
.dmc-tooltip-placement-topRight .dmc-tooltip-arrow{
  bottom:-2.3137085px;
}
.dmc-tooltip-placement-top .dmc-tooltip-arrow::before,
.dmc-tooltip-placement-topLeft .dmc-tooltip-arrow::before,
.dmc-tooltip-placement-topRight .dmc-tooltip-arrow::before{
  transform:translateY(-5.65685425px) rotate(45deg);
}
.dmc-tooltip-placement-top .dmc-tooltip-arrow{
  left:50%;
  transform:translateX(-50%);
}
.dmc-tooltip-placement-topLeft .dmc-tooltip-arrow{
  left:16px;
}
.dmc-tooltip-placement-topRight .dmc-tooltip-arrow{
  right:16px;
}
.dmc-tooltip-placement-right .dmc-tooltip-arrow,
.dmc-tooltip-placement-rightTop .dmc-tooltip-arrow,
.dmc-tooltip-placement-rightBottom .dmc-tooltip-arrow{
  left:-2.3137085px;
}
.dmc-tooltip-placement-right .dmc-tooltip-arrow::before,
.dmc-tooltip-placement-rightTop .dmc-tooltip-arrow::before,
.dmc-tooltip-placement-rightBottom .dmc-tooltip-arrow::before{
  transform:translateX(5.65685425px) rotate(45deg);
}
.dmc-tooltip-placement-right .dmc-tooltip-arrow{
  top:50%;
  transform:translateY(-50%);
}
.dmc-tooltip-placement-rightTop .dmc-tooltip-arrow{
  top:8px;
}
.dmc-tooltip-placement-rightBottom .dmc-tooltip-arrow{
  bottom:8px;
}
.dmc-tooltip-placement-left .dmc-tooltip-arrow,
.dmc-tooltip-placement-leftTop .dmc-tooltip-arrow,
.dmc-tooltip-placement-leftBottom .dmc-tooltip-arrow{
  right:-2.3137085px;
}
.dmc-tooltip-placement-left .dmc-tooltip-arrow::before,
.dmc-tooltip-placement-leftTop .dmc-tooltip-arrow::before,
.dmc-tooltip-placement-leftBottom .dmc-tooltip-arrow::before{
  transform:translateX(-5.65685425px) rotate(45deg);
}
.dmc-tooltip-placement-left .dmc-tooltip-arrow{
  top:50%;
  transform:translateY(-50%);
}
.dmc-tooltip-placement-leftTop .dmc-tooltip-arrow{
  top:8px;
}
.dmc-tooltip-placement-leftBottom .dmc-tooltip-arrow{
  bottom:8px;
}
.dmc-tooltip-placement-bottom .dmc-tooltip-arrow,
.dmc-tooltip-placement-bottomLeft .dmc-tooltip-arrow,
.dmc-tooltip-placement-bottomRight .dmc-tooltip-arrow{
  top:-2.3137085px;
}
.dmc-tooltip-placement-bottom .dmc-tooltip-arrow::before,
.dmc-tooltip-placement-bottomLeft .dmc-tooltip-arrow::before,
.dmc-tooltip-placement-bottomRight .dmc-tooltip-arrow::before{
  transform:translateY(5.65685425px) rotate(45deg);
}
.dmc-tooltip-placement-bottom .dmc-tooltip-arrow{
  left:50%;
  transform:translateX(-50%);
}
.dmc-tooltip-placement-bottomLeft .dmc-tooltip-arrow{
  left:16px;
}
.dmc-tooltip-placement-bottomRight .dmc-tooltip-arrow{
  right:16px;
}

.dmc-icon{
  width:24px;
  height:24px;
}
.dmc-icon-load-error{
  width:100%;
  height:100%;
  color:var(--dmc-icons-error-color);
}

.dmc-btn{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  background:transparent;
  outline:none;
  box-shadow:none;
  cursor:pointer;
  -webkit-user-select:none;
     -moz-user-select:none;
      -ms-user-select:none;
          user-select:none;
  border:none;
  border-radius:6px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  height:32px;
  padding:0 25px;
  font-weight:500;
  font-size:14px;
  line-height:20px;
}
.dmc-btn-bg{
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  border:1px solid var(--dmc-border-btn-color);
  border-radius:6px;
}
.dmc-btn-container{
  display:flex;
  align-items:center;
  z-index:1;
  color:var(--dmc-text-color);
}
.dmc-btn .dmc-btn-bg{
  background:var(--dmc-bg-color);
}
.dmc-btn .dmc-btn-container{
  color:var(--dmc-text-color);
}
.dmc-btn:hover:not([disabled]) .dmc-btn-bg{
  background:var(--dmc-bg-hover-color);
}
.dmc-btn:hover:not([disabled]) .dmc-btn-container{
  color:var(--dmc-text-hover-color);
}
.dmc-btn:active:not([disabled]) .dmc-btn-bg{
  background:var(--dmc-bg-active-color);
}
.dmc-btn:active:not([disabled]) .dmc-btn-container{
  color:var(--dmc-text-active-color);
}
.dmc-btn-without-border .dmc-btn-bg{
  background:var(--dmc-without-border-bg-color);
}
.dmc-btn-without-border .dmc-btn-bg{
  border:none !important;
}
.dmc-btn-without-border:hover:not([disabled]) .dmc-btn-bg{
  border:none !important;
}
.dmc-btn-without-border:active:not([disabled]) .dmc-btn-bg{
  border:none !important;
}
.dmc-btn-primary .dmc-btn-bg{
  background:var(--dmc-primary-bg-color);
}
.dmc-btn-primary .dmc-btn-container{
  color:var(--dmc-primary-text-color);
}
.dmc-btn-primary:hover:not([disabled]) .dmc-btn-bg{
  background:var(--dmc-primary-bg-hover-color);
}
.dmc-btn-primary:hover:not([disabled]) .dmc-btn-container{
  color:var(--dmc-primary-text-hover-color);
}
.dmc-btn-primary:active:not([disabled]) .dmc-btn-bg{
  background:var(--dmc-primary-bg-active-color);
}
.dmc-btn-primary:active:not([disabled]) .dmc-btn-container{
  color:var(--dmc-primary-text-active-color);
}
.dmc-btn-primary .dmc-btn-bg{
  border:1px solid var(--dmc-primary-border-color);
}
.dmc-btn-primary:hover:not([disabled]) .dmc-btn-bg{
  border:1px solid var(--dmc-primary-border-hover-color);
}
.dmc-btn-primary:active:not([disabled]) .dmc-btn-bg{
  border:1px solid var(--dmc-primary-border-active-color);
}
.dmc-btn-primary.dmc-btn-danger .dmc-btn-bg{
  background:var(--dmc-primary-danger-bg-color);
}
.dmc-btn-primary.dmc-btn-danger .dmc-btn-container{
  color:var(--dmc-primary-danger-text-color);
}
.dmc-btn-primary.dmc-btn-danger:hover:not([disabled]) .dmc-btn-bg{
  background:var(--dmc-primary-danger-bg-hover-color);
}
.dmc-btn-primary.dmc-btn-danger:hover:not([disabled]) .dmc-btn-container{
  color:var(--dmc-primary-danger-text-hover-color);
}
.dmc-btn-primary.dmc-btn-danger:active:not([disabled]) .dmc-btn-bg{
  background:var(--dmc-primary-danger-bg-active-color);
}
.dmc-btn-primary.dmc-btn-danger:active:not([disabled]) .dmc-btn-container{
  color:var(--dmc-primary-danger-text-active-color);
}
.dmc-btn-primary.dmc-btn-danger .dmc-btn-bg{
  border:1px solid var(--dmc-primary-danger-border-color);
}
.dmc-btn-primary.dmc-btn-danger:hover:not([disabled]) .dmc-btn-bg{
  border:1px solid var(--dmc-primary-danger-border-hover-color);
}
.dmc-btn-primary.dmc-btn-danger:active:not([disabled]) .dmc-btn-bg{
  border:1px solid var(--dmc-primary-danger-border-active-color);
}
.dmc-btn-primary.dmc-btn-success .dmc-btn-bg{
  background:var(--dmc-primary-success-bg-color);
}
.dmc-btn-primary.dmc-btn-success .dmc-btn-container{
  color:var(--dmc-primary-success-text-color);
}
.dmc-btn-primary.dmc-btn-success:hover:not([disabled]) .dmc-btn-bg{
  background:var(--dmc-primary-success-bg-hover-color);
}
.dmc-btn-primary.dmc-btn-success:hover:not([disabled]) .dmc-btn-container{
  color:var(--dmc-primary-success-text-hover-color);
}
.dmc-btn-primary.dmc-btn-success:active:not([disabled]) .dmc-btn-bg{
  background:var(--dmc-primary-success-bg-active-color);
}
.dmc-btn-primary.dmc-btn-success:active:not([disabled]) .dmc-btn-container{
  color:var(--dmc-primary-success-text-active-color);
}
.dmc-btn-primary.dmc-btn-success .dmc-btn-bg{
  border:1px solid var(--dmc-primary-success-border-color);
}
.dmc-btn-primary.dmc-btn-success:hover:not([disabled]) .dmc-btn-bg{
  border:1px solid var(--dmc-primary-success-border-hover-color);
}
.dmc-btn-primary.dmc-btn-success:active:not([disabled]) .dmc-btn-bg{
  border:1px solid var(--dmc-primary-success-border-active-color);
}
.dmc-btn-assist .dmc-btn-bg{
  border:none !important;
}
.dmc-btn-assist:hover:not([disabled]) .dmc-btn-bg{
  border:none !important;
}
.dmc-btn-assist:active:not([disabled]) .dmc-btn-bg{
  border:none !important;
}
.dmc-btn-assist .dmc-btn-bg{
  background:var(--dmc-assist-bg-color);
}
.dmc-btn-assist .dmc-btn-container{
  color:var(--dmc-assist-text-color);
}
.dmc-btn-assist:hover:not([disabled]) .dmc-btn-bg{
  background:var(--dmc-assist-bg-hover-color);
}
.dmc-btn-assist:hover:not([disabled]) .dmc-btn-container{
  color:var(--dmc-assist-text-hover-color);
}
.dmc-btn-assist:active:not([disabled]) .dmc-btn-bg{
  background:var(--dmc-assist-bg-active-color);
}
.dmc-btn-assist:active:not([disabled]) .dmc-btn-container{
  color:var(--dmc-assist-text-active-color);
}
.dmc-btn-assist.dmc-btn-danger .dmc-btn-bg{
  border:none !important;
}
.dmc-btn-assist.dmc-btn-danger:hover:not([disabled]) .dmc-btn-bg{
  border:none !important;
}
.dmc-btn-assist.dmc-btn-danger:active:not([disabled]) .dmc-btn-bg{
  border:none !important;
}
.dmc-btn-assist.dmc-btn-danger .dmc-btn-bg{
  background:var(--dmc-assist-danger-bg-color);
}
.dmc-btn-assist.dmc-btn-danger .dmc-btn-container{
  color:var(--dmc-assist-danger-text-color);
}
.dmc-btn-assist.dmc-btn-danger:hover:not([disabled]) .dmc-btn-bg{
  background:var(--dmc-assist-danger-bg-hover-color);
}
.dmc-btn-assist.dmc-btn-danger:hover:not([disabled]) .dmc-btn-container{
  color:var(--dmc-assist-danger-text-hover-color);
}
.dmc-btn-assist.dmc-btn-danger:active:not([disabled]) .dmc-btn-bg{
  background:var(--dmc-assist-danger-bg-active-color);
}
.dmc-btn-assist.dmc-btn-danger:active:not([disabled]) .dmc-btn-container{
  color:var(--dmc-assist-danger-text-active-color);
}
.dmc-btn-assist.dmc-btn-success .dmc-btn-bg{
  border:none !important;
}
.dmc-btn-assist.dmc-btn-success:hover:not([disabled]) .dmc-btn-bg{
  border:none !important;
}
.dmc-btn-assist.dmc-btn-success:active:not([disabled]) .dmc-btn-bg{
  border:none !important;
}
.dmc-btn-assist.dmc-btn-success .dmc-btn-bg{
  background:var(--dmc-assist-success-bg-color);
}
.dmc-btn-assist.dmc-btn-success .dmc-btn-container{
  color:var(--dmc-assist-success-text-color);
}
.dmc-btn-assist.dmc-btn-success:hover:not([disabled]) .dmc-btn-bg{
  background:var(--dmc-assist-success-bg-hover-color);
}
.dmc-btn-assist.dmc-btn-success:hover:not([disabled]) .dmc-btn-container{
  color:var(--dmc-assist-success-text-hover-color);
}
.dmc-btn-assist.dmc-btn-success:active:not([disabled]) .dmc-btn-bg{
  background:var(--dmc-assist-success-bg-active-color);
}
.dmc-btn-assist.dmc-btn-success:active:not([disabled]) .dmc-btn-container{
  color:var(--dmc-assist-success-text-active-color);
}
.dmc-btn-assist-bg .dmc-btn-bg{
  background:var(--dmc-assistbg-bg-color);
}
.dmc-btn-assist-bg .dmc-btn-container{
  color:var(--dmc-assistbg-text-color);
}
.dmc-btn-assist-bg:hover:not([disabled]) .dmc-btn-bg{
  background:var(--dmc-assistbg-bg-hover-color);
}
.dmc-btn-assist-bg:hover:not([disabled]) .dmc-btn-container{
  color:var(--dmc-assistbg-text-hover-color);
}
.dmc-btn-assist-bg:active:not([disabled]) .dmc-btn-bg{
  background:var(--dmc-assistbg-bg-active-color);
}
.dmc-btn-assist-bg:active:not([disabled]) .dmc-btn-container{
  color:var(--dmc-assistbg-text-active-color);
}
.dmc-btn-compact{
  height:28px;
  padding:0 20px;
  font-weight:400;
}
.dmc-btn-ghost:not(.dmc-btn-primary) .dmc-btn-bg{
  background:transparent;
}
.dmc-btn-ghost:not(.dmc-btn-primary) .dmc-btn-container{
  color:var(--dmc-text-color);
}
.dmc-btn-ghost:not(.dmc-btn-primary):hover:not([disabled]) .dmc-btn-bg{
  background:var(--dmc-bg-ghost-hover-color);
}
.dmc-btn-ghost:not(.dmc-btn-primary):hover:not([disabled]) .dmc-btn-container{
  color:var(--dmc-text-hover-color);
}
.dmc-btn-ghost:not(.dmc-btn-primary):active:not([disabled]) .dmc-btn-bg{
  background:var(--dmc-bg-ghost-acitve-color);
}
.dmc-btn-ghost:not(.dmc-btn-primary):active:not([disabled]) .dmc-btn-container{
  color:var(--dmc-text-active-color);
}
.dmc-btn-ghost:not(.dmc-btn-primary) .dmc-btn-bg{
  border:1px solid transparent;
}
.dmc-btn-ghost:not(.dmc-btn-primary):hover:not([disabled]) .dmc-btn-bg{
  border:1px solid var(--dmc-border-btn-color);
}
.dmc-btn-ghost:not(.dmc-btn-primary):active:not([disabled]) .dmc-btn-bg{
  border:1px solid var(--dmc-border-btn-color);
}
.dmc-btn-ghost:not(.dmc-btn-primary).dmc-btn-assist .dmc-btn-bg{
  background:transparent;
}
.dmc-btn-ghost:not(.dmc-btn-primary).dmc-btn-assist .dmc-btn-container{
  color:var(--dmc-assist-text-color);
}
.dmc-btn-ghost:not(.dmc-btn-primary).dmc-btn-assist:hover:not([disabled]) .dmc-btn-bg{
  background:var(--dmc-assist-bg-ghost-hover-color);
}
.dmc-btn-ghost:not(.dmc-btn-primary).dmc-btn-assist:hover:not([disabled]) .dmc-btn-container{
  color:var(--dmc-assist-text-ghost-hover-color);
}
.dmc-btn-ghost:not(.dmc-btn-primary).dmc-btn-assist:active:not([disabled]) .dmc-btn-bg{
  background:var(--dmc-assist-bg-ghost-active-color);
}
.dmc-btn-ghost:not(.dmc-btn-primary).dmc-btn-assist:active:not([disabled]) .dmc-btn-container{
  color:var(--dmc-assist-text-ghost-active-color);
}
.dmc-btn-ghost:not(.dmc-btn-primary).dmc-btn-assist.dmc-btn-ghost:not(.dmc-btn-primary).dmc-btn-danger .dmc-btn-bg{
  background:transparent;
}
.dmc-btn-ghost:not(.dmc-btn-primary).dmc-btn-assist.dmc-btn-ghost:not(.dmc-btn-primary).dmc-btn-danger .dmc-btn-container{
  color:var(--dmc-assist-danger-text-color);
}
.dmc-btn-ghost:not(.dmc-btn-primary).dmc-btn-assist.dmc-btn-ghost:not(.dmc-btn-primary).dmc-btn-danger:hover:not([disabled]) .dmc-btn-bg{
  background:var(--dmc-assist-danger-bg-ghost-hover-color);
}
.dmc-btn-ghost:not(.dmc-btn-primary).dmc-btn-assist.dmc-btn-ghost:not(.dmc-btn-primary).dmc-btn-danger:hover:not([disabled]) .dmc-btn-container{
  color:var(--dmc-assist-danger-text-ghost-hover-color);
}
.dmc-btn-ghost:not(.dmc-btn-primary).dmc-btn-assist.dmc-btn-ghost:not(.dmc-btn-primary).dmc-btn-danger:active:not([disabled]) .dmc-btn-bg{
  background:var(--dmc-assist-danger-bg-ghost-active-color);
}
.dmc-btn-ghost:not(.dmc-btn-primary).dmc-btn-assist.dmc-btn-ghost:not(.dmc-btn-primary).dmc-btn-danger:active:not([disabled]) .dmc-btn-container{
  color:var(--dmc-assist-danger-text-ghost-active-color);
}
.dmc-btn-ghost:not(.dmc-btn-primary).dmc-btn-assist.dmc-btn-ghost:not(.dmc-btn-primary).dmc-btn-success .dmc-btn-bg{
  background:transparent;
}
.dmc-btn-ghost:not(.dmc-btn-primary).dmc-btn-assist.dmc-btn-ghost:not(.dmc-btn-primary).dmc-btn-success .dmc-btn-container{
  color:var(--dmc-assist-success-text-color);
}
.dmc-btn-ghost:not(.dmc-btn-primary).dmc-btn-assist.dmc-btn-ghost:not(.dmc-btn-primary).dmc-btn-success:hover:not([disabled]) .dmc-btn-bg{
  background:var(--dmc-assist-success-bg-ghost-hover-color);
}
.dmc-btn-ghost:not(.dmc-btn-primary).dmc-btn-assist.dmc-btn-ghost:not(.dmc-btn-primary).dmc-btn-success:hover:not([disabled]) .dmc-btn-container{
  color:var(--dmc-assist-success-text-ghost-hover-color);
}
.dmc-btn-ghost:not(.dmc-btn-primary).dmc-btn-assist.dmc-btn-ghost:not(.dmc-btn-primary).dmc-btn-success:active:not([disabled]) .dmc-btn-bg{
  background:var(--dmc-assist-success-bg-ghost-active-color);
}
.dmc-btn-ghost:not(.dmc-btn-primary).dmc-btn-assist.dmc-btn-ghost:not(.dmc-btn-primary).dmc-btn-success:active:not([disabled]) .dmc-btn-container{
  color:var(--dmc-assist-success-text-ghost-active-color);
}
.dmc-btn-ghost:not(.dmc-btn-primary).dmc-btn-assist-bg .dmc-btn-bg{
  background:transparent;
}
.dmc-btn-ghost:not(.dmc-btn-primary).dmc-btn-assist-bg .dmc-btn-container{
  color:var(--dmc-assistbg-text-color);
}
.dmc-btn-ghost:not(.dmc-btn-primary).dmc-btn-assist-bg:hover:not([disabled]) .dmc-btn-bg{
  background:var(--dmc-assistbg-bg-ghost-hover-color);
}
.dmc-btn-ghost:not(.dmc-btn-primary).dmc-btn-assist-bg:hover:not([disabled]) .dmc-btn-container{
  color:var(--dmc-assistbg-text-ghost-hover-color);
}
.dmc-btn-ghost:not(.dmc-btn-primary).dmc-btn-assist-bg:active:not([disabled]) .dmc-btn-bg{
  background:var(--dmc-assistbg-bg-ghost-active-color);
}
.dmc-btn-ghost:not(.dmc-btn-primary).dmc-btn-assist-bg:active:not([disabled]) .dmc-btn-container{
  color:var(--dmc-assistbg-text-ghost-active-color);
}
.dmc-btn-ghost:not(.dmc-btn-primary).dmc-btn-disabled .dmc-btn-bg{
  border:1px solid transparent;
  background:transparent !important;
}
.dmc-btn-ghost:not(.dmc-btn-primary):not(.dmc-btn-assist):not(.dmc-btn-assist-bg):not(.dmc-btn-danger):not(.dmc-btn-success) .dmc-btn-container{
  color:var(--dmc-ghost-text-color);
}
.dmc-btn-actived:not([disabled]).dmc-btn-bg{
  border:1px solid var(--dmc-border-btn-color);
}
.dmc-btn-actived:not([disabled]).dmc-btn .dmc-btn-bg{
  background:var(--dmc-bg-active-color);
}
.dmc-btn-actived:not([disabled]).dmc-btn .dmc-btn-container{
  color:var(--dmc-text-active-color);
}
.dmc-btn-actived:not([disabled]).dmc-btn-primary .dmc-btn-bg{
  background:var(--dmc-primary-bg-active-color);
}
.dmc-btn-actived:not([disabled]).dmc-btn-primary .dmc-btn-container{
  color:var(--dmc-primary-text-active-color);
}
.dmc-btn-actived:not([disabled]).dmc-btn-primary-bg{
  border:1px solid var(--dmc-primary-border-active-color);
}
.dmc-btn-actived:not([disabled]).dmc-btn-primary.dmc-btn-actived:not([disabled]).dmc-btn-danger .dmc-btn-bg{
  background:var(--dmc-primary-danger-bg-active-color);
}
.dmc-btn-actived:not([disabled]).dmc-btn-primary.dmc-btn-actived:not([disabled]).dmc-btn-danger .dmc-btn-container{
  color:var(--dmc-primary-danger-text-active-color);
}
.dmc-btn-actived:not([disabled]).dmc-btn-primary.dmc-btn-actived:not([disabled]).dmc-btn-danger-bg{
  border:1px solid var(--dmc-primary-danger-border-active-color);
}
.dmc-btn-actived:not([disabled]).dmc-btn-primary.dmc-btn-actived:not([disabled]).dmc-btn-success .dmc-btn-bg{
  background:var(--dmc-primary-success-bg-active-color);
}
.dmc-btn-actived:not([disabled]).dmc-btn-primary.dmc-btn-actived:not([disabled]).dmc-btn-success .dmc-btn-container{
  color:var(--dmc-primary-success-text-active-color);
}
.dmc-btn-actived:not([disabled]).dmc-btn-primary.dmc-btn-actived:not([disabled]).dmc-btn-success-bg{
  border:1px solid var(--dmc-primary-success-border-active-color);
}
.dmc-btn-actived:not([disabled]).dmc-btn-assist .dmc-btn-bg{
  background:var(--dmc-assist-bg-active-color);
}
.dmc-btn-actived:not([disabled]).dmc-btn-assist .dmc-btn-container{
  color:var(--dmc-assist-text-active-color);
}
.dmc-btn-actived:not([disabled]).dmc-btn-assist.dmc-btn-actived:not([disabled]).dmc-btn-danger .dmc-btn-bg{
  background:var(--dmc-assist-danger-bg-active-color);
}
.dmc-btn-actived:not([disabled]).dmc-btn-assist.dmc-btn-actived:not([disabled]).dmc-btn-danger .dmc-btn-container{
  color:var(--dmc-assist-danger-text-active-color);
}
.dmc-btn-actived:not([disabled]).dmc-btn-assist.dmc-btn-actived:not([disabled]).dmc-btn-success .dmc-btn-bg{
  background:var(--dmc-assist-success-bg-active-color);
}
.dmc-btn-actived:not([disabled]).dmc-btn-assist.dmc-btn-actived:not([disabled]).dmc-btn-success .dmc-btn-container{
  color:var(--dmc-assist-success-text-active-color);
}
.dmc-btn-actived:not([disabled]).dmc-btn-assist-bg .dmc-btn-bg{
  background:var(--dmc-assistbg-bg-active-color);
}
.dmc-btn-actived:not([disabled]).dmc-btn-assist-bg .dmc-btn-container{
  color:var(--dmc-assistbg-text-active-color);
}
.dmc-btn-actived:not([disabled]).dmc-btn-assist-bg-bg{
  border:1px solid var(--dmc-border-btn-color);
}
.dmc-btn-disabled{
  cursor:not-allowed;
}
.dmc-btn-disabled.dmc-btn .dmc-btn-bg{
  background:var(--dmc-bg-active-color);
}
.dmc-btn-disabled.dmc-btn .dmc-btn-container{
  color:var(--dmc-text-active-color);
}
.dmc-btn-disabled.dmc-btn-primary .dmc-btn-bg{
  background:var(--dmc-primary-bg-disabled-color);
}
.dmc-btn-disabled.dmc-btn-primary .dmc-btn-container{
  color:var(--dmc-primary-text-disabled-color);
}
.dmc-btn-disabled.dmc-btn-primary .dmc-btn-bg{
  border:1px solid var(--dmc-primary-border-disabled-color);
}
.dmc-btn-disabled.dmc-btn-primary.dmc-btn-disabled.dmc-btn-danger .dmc-btn-bg{
  background:var(--dmc-primary-danger-bg-disabled-color);
}
.dmc-btn-disabled.dmc-btn-primary.dmc-btn-disabled.dmc-btn-danger .dmc-btn-container{
  color:var(--dmc-primary-danger-text-disabled-color);
}
.dmc-btn-disabled.dmc-btn-primary.dmc-btn-disabled.dmc-btn-danger .dmc-btn-bg{
  border:1px solid var(--dmc-primary-danger-border-disabled-color);
}
.dmc-btn-disabled.dmc-btn-primary.dmc-btn-disabled.dmc-btn-success .dmc-btn-bg{
  background:var(--dmc-primary-success-bg-disabled-color);
}
.dmc-btn-disabled.dmc-btn-primary.dmc-btn-disabled.dmc-btn-success .dmc-btn-container{
  color:var(--dmc-primary-success-text-disabled-color);
}
.dmc-btn-disabled.dmc-btn-primary.dmc-btn-disabled.dmc-btn-success .dmc-btn-bg{
  border:1px solid var(--dmc-primary-success-border-disabled-color);
}
.dmc-btn-disabled.dmc-btn-assist .dmc-btn-bg{
  background:var(--dmc-assist-bg-disabled-color);
}
.dmc-btn-disabled.dmc-btn-assist .dmc-btn-container{
  color:var(--dmc-assist-text-disabled-color);
}
.dmc-btn-disabled.dmc-btn-assist .dmc-btn-bg{
  opacity:1;
}
.dmc-btn-disabled.dmc-btn-assist .dmc-btn-container{
  color:var(--dmc-assist-text-disabled-color);
}
.dmc-btn-disabled.dmc-btn-assist.dmc-btn-disabled.dmc-btn-danger .dmc-btn-bg{
  background:var(--dmc-assist-danger-bg-disabled-color);
}
.dmc-btn-disabled.dmc-btn-assist.dmc-btn-disabled.dmc-btn-danger .dmc-btn-container{
  color:var(--dmc-assist-danger-text-disabled-color);
}
.dmc-btn-disabled.dmc-btn-assist.dmc-btn-disabled.dmc-btn-danger .dmc-btn-bg{
  opacity:1;
}
.dmc-btn-disabled.dmc-btn-assist.dmc-btn-disabled.dmc-btn-danger .dmc-btn-container{
  color:var(--dmc-assist-danger-text-disabled-color);
}
.dmc-btn-disabled.dmc-btn-assist.dmc-btn-disabled.dmc-btn-success .dmc-btn-bg{
  background:var(--dmc-assist-success-bg-disabled-color);
}
.dmc-btn-disabled.dmc-btn-assist.dmc-btn-disabled.dmc-btn-success .dmc-btn-container{
  color:var(--dmc-assist-success-text-disabled-color);
}
.dmc-btn-disabled.dmc-btn-assist.dmc-btn-disabled.dmc-btn-success .dmc-btn-bg{
  opacity:1;
}
.dmc-btn-disabled.dmc-btn-assist.dmc-btn-disabled.dmc-btn-success .dmc-btn-container{
  color:var(--dmc-assist-success-text-disabled-color);
}
.dmc-btn-disabled.dmc-btn-assist-bg .dmc-btn-bg{
  background:var(--dmc-assistbg-bg-disabled-color);
}
.dmc-btn-disabled.dmc-btn-assist-bg .dmc-btn-container{
  color:var(--dmc-assistbg-text-disabled-color);
}
.dmc-btn-ghost.dmc-btn-actived:not([disabled]):not(.dmc-btn-primary):not(.dmc-btn-danger):not(.dmc-btn-success).dmc-btn .dmc-btn-bg{
  background:var(--dmc-bg-active-color);
}
.dmc-btn-ghost.dmc-btn-actived:not([disabled]):not(.dmc-btn-primary):not(.dmc-btn-danger):not(.dmc-btn-success).dmc-btn .dmc-btn-container{
  color:var(--dmc-text-active-color);
}
.dmc-btn-ghost.dmc-btn-actived:not([disabled]):not(.dmc-btn-primary):not(.dmc-btn-danger):not(.dmc-btn-success).dmc-btn-assist .dmc-btn-bg{
  opacity:1;
}
.dmc-btn-ghost.dmc-btn-actived:not([disabled]):not(.dmc-btn-primary):not(.dmc-btn-danger):not(.dmc-btn-success).dmc-btn-assist .dmc-btn-container{
  color:var(--dmc-assist-text-active-color);
}
.dmc-btn-ghost.dmc-btn-actived:not([disabled]):not(.dmc-btn-primary):not(.dmc-btn-danger):not(.dmc-btn-success).dmc-btn-assist-bg .dmc-btn-bg{
  background:var(--dmc-assistbg-bg-active-color);
}
.dmc-btn-ghost.dmc-btn-actived:not([disabled]):not(.dmc-btn-primary):not(.dmc-btn-danger):not(.dmc-btn-success).dmc-btn-assist-bg .dmc-btn-container{
  color:var(--dmc-assistbg-text-active-color);
}
.dmc-btn-icon-loading{
  width:16px;
  height:16px;
  margin-right:4px;
  -webkit-animation:dmc-spin 1s infinite linear;
          animation:dmc-spin 1s infinite linear;
}
.dmc-btn-container-loading .dmc-btn-context{
  visibility:hidden;
}
.dmc-btn-container-loading .dmc-btn-icon-wrapper{
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  display:flex;
  align-items:center;
  justify-content:center;
}
.dmc-btn-container-loading .dmc-btn-icon-wrapper .dmc-btn-icon-loading{
  margin-right:0;
}
.dmc-btn-block{
  width:100%;
}
.dmc-btn-only-icon{
  width:20px;
  height:20px;
}
.dmc-btn-right-icon{
  width:16px;
  height:16px;
  margin-left:4px;
}
.dmc-btn-left-icon{
  width:16px;
  height:16px;
  margin-right:4px;
}

.dmc-btn-link{
  font-weight:normal;
  font-size:14px;
  line-height:20px;
  text-decoration:none;
  cursor:pointer;
  -webkit-user-select:none;
     -moz-user-select:none;
      -ms-user-select:none;
          user-select:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:var(--dmc-link-text-color);
}
.dmc-btn-link:hover:not(.dmc-btn-link-disabled){
  color:var(--dmc-link-text-hover-color);
}
.dmc-btn-link:active:not(.dmc-btn-link-disabled){
  color:var(--dmc-link-text-active-color);
}
.dmc-btn-link-danger{
  color:var(--dmc-link-danger-text-color);
}
.dmc-btn-link-danger:hover:not(.dmc-btn-link-disabled){
  color:var(--dmc-link-danger-text-hover-color);
}
.dmc-btn-link-danger:active:not(.dmc-btn-link-disabled){
  color:var(--dmc-link-danger-text-active-color);
}
.dmc-btn-link-plain{
  color:var(--dmc-link-plain-text-color);
}
.dmc-btn-link-plain:hover:not(.dmc-btn-link-disabled){
  color:var(--dmc-link-plain-text-hover-color);
}
.dmc-btn-link-plain:active:not(.dmc-btn-link-disabled){
  color:var(--dmc-link-plain-text-active-color);
}
.dmc-btn-link-disabled{
  color:var(--dmc-link-text-disabled-color);
  cursor:not-allowed;
}
.dmc-btn-link-disabled.dmc-btn-link-danger{
  cursor:not-allowed;
  color:var(--dmc-link-danger-text-disabled-color);
}
.dmc-btn-link-disabled.dmc-btn-link-plain{
  cursor:not-allowed;
  color:var(--dmc-link-plain-text-disabled-color);
}
.dmc-btn-link-left-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:12px;
  height:12px;
  margin-right:4px;
}
.dmc-btn-link-right-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:12px;
  height:12px;
  margin-left:4px;
}
.dmc-btn-link-compact .dmc-btn-link-left-icon{
  width:10px;
  height:10px;
  margin-right:4px;
}
.dmc-btn-link-compact .dmc-btn-link-right-icon{
  width:10px;
  height:10px;
  margin-left:4px;
}
.dmc-btn-link-compact{
  font-size:12px;
  line-height:17px;
}

.dmc-btn-nav{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  background:transparent;
  outline:none;
  box-shadow:none;
  cursor:pointer;
  -webkit-user-select:none;
     -moz-user-select:none;
      -ms-user-select:none;
          user-select:none;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  height:27px;
  padding:0 18px;
  font-weight:500;
  font-size:12px;
  line-height:17px;
  border:none;
  border-radius:6px;
}
.dmc-btn-nav-container{
  display:flex;
  align-items:center;
  z-index:1;
}
.dmc-btn-nav-bg{
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
}
.dmc-btn-nav .dmc-btn-nav-bg{
  background:var(--dmc-nav-bg-color);
}
.dmc-btn-nav .dmc-btn-nav-container{
  color:var(--dmc-nav-text-color);
}
.dmc-btn-nav:hover:not([disabled]) .dmc-btn-nav-bg{
  background:var(--dmc-nav-bg-hover-color);
}
.dmc-btn-nav:hover:not([disabled]) .dmc-btn-nav-container{
  color:var(--dmc-nav-text-hover-color);
}
.dmc-btn-nav:active:not([disabled]) .dmc-btn-nav-bg{
  background:var(--dmc-nav-bg-active-color);
}
.dmc-btn-nav:active:not([disabled]) .dmc-btn-nav-container{
  color:var(--dmc-nav-text-active-color);
}
.dmc-btn-nav-danger .dmc-btn-nav-bg{
  background:var(--dmc-nav-bg-danger-color);
}
.dmc-btn-nav-danger .dmc-btn-nav-container{
  color:var(--dmc-nav-text-danger-color);
}
.dmc-btn-nav-danger:hover:not([disabled]) .dmc-btn-nav-bg{
  background:var(--dmc-nav-bg-danger-hover-color);
}
.dmc-btn-nav-danger:hover:not([disabled]) .dmc-btn-nav-container{
  color:var(--dmc-nav-text-danger-hover-color);
}
.dmc-btn-nav-danger:active:not([disabled]) .dmc-btn-nav-bg{
  background:var(--dmc-nav-bg-danger-active-color);
}
.dmc-btn-nav-danger:active:not([disabled]) .dmc-btn-nav-container{
  color:var(--dmc-nav-text-danger-active-color);
}
.dmc-btn-nav-success .dmc-btn-nav-bg{
  background:var(--dmc-nav-bg-success-color);
}
.dmc-btn-nav-success .dmc-btn-nav-container{
  color:var(--dmc-nav-text-success-color);
}
.dmc-btn-nav-success:hover:not([disabled]) .dmc-btn-nav-bg{
  background:var(--dmc-nav-bg-success-hover-color);
}
.dmc-btn-nav-success:hover:not([disabled]) .dmc-btn-nav-container{
  color:var(--dmc-nav-text-success-hover-color);
}
.dmc-btn-nav-success:active:not([disabled]) .dmc-btn-nav-bg{
  background:var(--dmc-nav-bg-success-active-color);
}
.dmc-btn-nav-success:active:not([disabled]) .dmc-btn-nav-container{
  color:var(--dmc-nav-text-success-active-color);
}
.dmc-btn-nav-disabled{
  cursor:not-allowed;
}
.dmc-btn-nav-disabled.dmc-btn-nav .dmc-btn-nav-bg{
  background:var(--dmc-nav-bg-disabled-color);
}
.dmc-btn-nav-disabled.dmc-btn-nav .dmc-btn-nav-container{
  color:var(--dmc-nav-text-disabled-color);
}
.dmc-btn-nav-disabled.dmc-btn-nav-danger .dmc-btn-nav-bg{
  background:var(--dmc-nav-bg-danger-disabled-color);
}
.dmc-btn-nav-disabled.dmc-btn-nav-danger .dmc-btn-nav-container{
  color:var(--dmc-nav-text-danger-disabled-color);
}
.dmc-btn-nav-disabled.dmc-btn-nav-success .dmc-btn-nav-bg{
  background:var(--dmc-nav-bg-success-disabled-color);
}
.dmc-btn-nav-disabled.dmc-btn-nav-success .dmc-btn-nav-container{
  color:var(--dmc-nav-text-success-disabled-color);
}
.dmc-btn-nav-icon-loading{
  width:16px;
  height:16px;
  -webkit-animation:dmc-spin 1s infinite linear;
          animation:dmc-spin 1s infinite linear;
}
.dmc-btn-nav-container-loading .dmc-btn-nav-context{
  visibility:hidden;
}
.dmc-btn-nav-container-loading .dmc-btn-nav-icon-wrapper{
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  display:flex;
  align-items:center;
  justify-content:center;
}

.dmc-btn-icon{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  background:transparent;
  outline:none;
  box-shadow:none;
  cursor:pointer;
  -webkit-user-select:none;
     -moz-user-select:none;
      -ms-user-select:none;
          user-select:none;
  border-radius:6px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  padding:6px;
  color:var(--dmc-icon-color);
  background:var(--dmc-icon-bg-color);
  border:none;
  border-radius:4px;
}
.dmc-btn-icon-icon{
  width:16px;
  height:16px;
}
.dmc-btn-icon-dropdown-icon{
  width:12px;
  height:12px;
}
.dmc-btn-icon:hover{
  color:var(--dmc-icon-hover-color);
  background:var(--dmc-icon-bg-hover-color);
}
.dmc-btn-icon:active:not(.dmc-btn-icon-only-icon),
.dmc-btn-icon-actived:not(.dmc-btn-icon-only-icon){
  color:var(--dmc-icon-active-color);
  background:var(--dmc-icon-bg-active-color);
}
.dmc-btn-icon-disabled{
  color:var(--dmc-icon-disabled-color) !important;
  background:var(--dmc-icon-bg-disabled-color) !important;
  cursor:not-allowed !important;
}
.dmc-btn-icon-disabled.dmc-btn-icon-ghost,
.dmc-btn-icon-disabled.dmc-btn-icon-only-icon{
  color:var(--dmc-icon-only-disabled-color) !important;
  background:transparent !important;
}
.dmc-btn-icon-only-icon{
  background:transparent;
  color:var(--dmc-icon-only-color);
  padding:0;
}
.dmc-btn-icon-only-icon:hover{
  background:transparent;
  color:var(--dmc-icon-only-hover-color);
}
.dmc-btn-icon-only-icon:active{
  background:transparent;
  color:var(--dmc-icon-only-active-color);
}
.dmc-btn-icon-only-icon.dmc-btn-icon-actived{
  background:transparent;
  color:var(--dmc-icon-only-active-color);
}
.dmc-btn-icon-assist-bg.dmc-btn-icon-disabled,
.dmc-btn-icon-assist-bg-border.dmc-btn-icon-disabled{
  color:var(--dmc-icon-disabled-color) !important;
  background:var(--dmc-icon-assist-bg-disabled-color) !important;
}
.dmc-btn-icon-assist-bg{
  background:var(--dmc-icon-assist-bg-color);
}
.dmc-btn-icon-assist-bg:hover{
  background:var(--dmc-icon-assist-bg-hover-color);
}
.dmc-btn-icon-assist-bg:active,
.dmc-btn-icon-assist-bg.dmc-btn-icon-actived{
  background:var(--dmc-icon-assist-bg-active-color);
}
.dmc-btn-icon-border,
.dmc-btn-icon-assist-bg-border{
  border:1px solid var(--dmc-border-btn-color);
  border-radius:4px;
}
.dmc-btn-icon-border .dmc-btn-icon-icon,
.dmc-btn-icon-assist-bg-border .dmc-btn-icon-icon{
  width:18px;
  height:18px;
}
.dmc-btn-icon-border:active:not([disabled]),
.dmc-btn-icon-assist-bg-border:active:not([disabled]),
.dmc-btn-icon-border.dmc-btn-icon-actived:not([disabled]),
.dmc-btn-icon-assist-bg-border.dmc-btn-icon-actived:not([disabled]){
  border-color:var(--dmc-icon-border-active-color);
  box-shadow:inset 0 0 0 1px var(--dmc-icon-border-active-color);
}
.dmc-btn-icon-border{
  background:var(--dmc-icon-border-bg-color);
}
.dmc-btn-icon-border:hover,
.dmc-btn-icon-border:active,
.dmc-btn-icon-border.dmc-btn-icon-actived{
  background:var(--dmc-icon-border-bg-hover-color);
}
.dmc-btn-icon-assist-bg-border{
  background:var(--dmc-icon-assist-bg-color);
}
.dmc-btn-icon-assist-bg-border:hover,
.dmc-btn-icon-assist-bg-border:active,
.dmc-btn-icon-assist-bg-border.dmc-btn-icon-actived{
  background:var(--dmc-icon-assist-bg-hover-color);
}
.dmc-btn-icon-ghost{
  background:transparent;
}
.dmc-btn-icon-compact{
  height:28px;
  padding:4px;
}

.dmc-btn-switch{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  background:transparent;
  outline:none;
  box-shadow:none;
  cursor:pointer;
  -webkit-user-select:none;
     -moz-user-select:none;
      -ms-user-select:none;
          user-select:none;
  border:none;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  height:32px;
  padding:0 22px;
  font-weight:normal;
  font-size:14px;
  line-height:20px;
  border:2px solid var(--dmc-switch-border-color);
  border-radius:6px;
  color:var(--dmc-switch-text-color);
  background:var(--dmc-switch-bg-color);
}
.dmc-btn-switch:hover{
  color:var(--dmc-switch-text-hover-color);
  background:var(--dmc-switch-bg-hover-color);
}
.dmc-btn-switch.dmc-btn-switch-checked{
  border-color:var(--dmc-switch-border-active-color);
  color:var(--dmc-switch-text-active-color);
  background:var(--dmc-switch-bg-active-color);
}
.dmc-btn-switch.dmc-btn-switch-checked:hover{
  border-color:var(--dmc-switch-border-active-hover-color);
  color:var(--dmc-switch-text-active-hover-color);
  background:var(--dmc-switch-bg-active-hover-color);
}

.dmc-menu{
  min-width:150px;
  margin:0;
  padding:0;
  color:var(--dmc-menu-text-color);
  font-weight:500;
  font-size:14px;
  line-height:20px;
  list-style:none;
  background:var(--dmc-menu-bg-color);
  border-color:var(--dmc-menu-border-color);
  border-style:solid;
  border-width:1px;
  border-radius:4px;
  outline:none;
  box-shadow:var(--dmc-menu-shadow);
}
.dmc-menu-assist-bg{
  background:var(--dmc-menu-bg-ab-color);
  border-color:var(--dmc-menu-border-ab-color);
}
.dmc-menu-assist-bg > li.dmc-menu-item-divider{
  background-color:var(--dmc-menu-bg-ab-active-color);
}
.dmc-menu-assist-bg .dmc-menu-item-active,
.dmc-menu-assist-bg .dmc-menu-submenu-active > .dmc-menu-submenu-title,
.dmc-menu-assist-bg .dmc-menu-item-selected,
.dmc-menu-assist-bg .dmc-menu-submenu-selected{
  color:var(--dmc-menu-text-hover-color);
  background-color:var(--dmc-menu-bg-ab-active-color);
}
.dmc-menu-assist-bg.dmc-menu-horizontal{
  background-color:var(--dmc-menu-bg-ab-color);
}
.dmc-menu-popup-assist-bg.dmc-menu-submenu > .dmc-menu{
  background-color:var(--dmc-menu-bg-ab-color);
}
.dmc-menu-popup-assist-bg.dmc-menu-submenu .dmc-menu-item-active,
.dmc-menu-popup-assist-bg.dmc-menu-submenu .dmc-menu-submenu-active > .dmc-menu-submenu-title,
.dmc-menu-popup-assist-bg.dmc-menu-submenu .dmc-menu-item-selected,
.dmc-menu-popup-assist-bg.dmc-menu-submenu .dmc-menu-submenu-selected{
  color:var(--dmc-menu-text-hover-color);
  background-color:var(--dmc-menu-bg-ab-active-color);
}
.dmc-menu-rtl{
  direction:rtl;
}
.dmc-menu-hidden{
  display:none;
}
.dmc-menu-collapse{
  overflow:hidden;
  transition:height 0.3s ease-out;
}
.dmc-menu-item-group-list{
  margin:0;
  padding:0;
}
.dmc-menu-item-group-list .dmc-menu-item{
  padding-left:27px;
}
.dmc-menu-item-group-title{
  padding:5px 7px 5px 24px;
  color:var(--dmc-menu-group-title-color);
  font-size:13px;
  line-height:18px;
}
.dmc-menu-item-active,
.dmc-menu-submenu-active > .dmc-menu-submenu-title{
  color:var(--dmc-menu-text-hover-color);
  background-color:var(--dmc-menu-bg-active-color);
}
.dmc-menu-item-active .dmc-menu-submenu-arrow,
.dmc-menu-submenu-active > .dmc-menu-submenu-title .dmc-menu-submenu-arrow{
  background:var(--dmc-menu-text-hover-color);
}
.dmc-menu-item-selected{
  color:var(--dmc-menu-text-hover-color);
  background-color:var(--dmc-menu-bg-active-color);
  transform:translateZ(0);
}
.dmc-menu-item-selected .dmc-menu-submenu-arrow{
  background:var(--dmc-menu-text-hover-color);
}
.dmc-menu-submenu-selected{
  color:var(--dmc-menu-text-hover-color);
  background-color:var(--dmc-menu-bg-active-color);
}
.dmc-menu-submenu-selected .dmc-menu-submenu-arrow{
  background:var(--dmc-menu-text-hover-color) !important;
}
.dmc-menu > li.dmc-menu-submenu{
  padding:0;
}
.dmc-menu-horizontal.dmc-menu-sub,
.dmc-menu-vertical.dmc-menu-sub,
.dmc-menu-vertical-left.dmc-menu-sub,
.dmc-menu-vertical-right.dmc-menu-sub{
  min-width:160px;
  margin-top:0;
}
.dmc-menu-item,
.dmc-menu-submenu-title{
  position:relative;
  display:block;
  margin:0;
  padding:7px 7px 7px 24px;
  white-space:nowrap;
  cursor:pointer;
}
.dmc-menu-rtl .dmc-menu-item,
.dmc-menu-rtl .dmc-menu-submenu-title{
  padding:7px 16px 7px 7px;
}
.dmc-menu-item.dmc-menu-item-disabled,
.dmc-menu-submenu-title.dmc-menu-item-disabled,
.dmc-menu-item.dmc-menu-submenu-disabled,
.dmc-menu-submenu-title.dmc-menu-submenu-disabled{
  color:var(--dmc-menu-disabled-color) !important;
}
.dmc-menu > .dmc-menu-item-divider{
  height:2px;
  margin:4px 0;
  padding:0;
  overflow:hidden;
  line-height:0;
  background-color:var(--dmc-menu-bg-active-color);
}
.dmc-menu-submenu{
  z-index:1060;
  max-height:90vh;
  overflow:auto;
}
.dmc-menu-submenu::-webkit-scrollbar{
  display:none;
  width:0;
  height:0;
}
.dmc-menu-submenu:hover::-webkit-scrollbar{
  display:block;
}
.dmc-menu-submenu::-webkit-scrollbar-track{
  background-color:transparent;
  border-radius:0;
}
.dmc-menu-submenu::-webkit-scrollbar-thumb{
  background-color:transparent;
  border-radius:0;
}
.dmc-menu-submenu::-webkit-scrollbar-corner{
  background:transparent;
}
.dmc-menu-submenu-popup{
  position:absolute;
}
.dmc-menu-submenu-popup .submenu-title-wrapper{
  padding-right:20px;
}
.dmc-menu-submenu-rtl.dmc-menu-submenu-popup .submenu-title-wrapper,
.dmc-menu-submenu-rtl .dmc-menu-submenu-popup .submenu-title-wrapper{
  padding-right:0;
  padding-left:20px;
}
.dmc-menu-submenu > .dmc-menu{
  background-color:var(--dmc-menu-bg-color);
}
.dmc-menu-submenu-disabled{
  color:var(--dmc-menu-disabled-color) !important;
}
.dmc-menu-submenu-disabled .dmc-menu-submenu-arrow{
  color:var(--dmc-menu-disabled-color);
}
.dmc-menu .dmc-menu-submenu-title .anticon,
.dmc-menu .dmc-menu-item .anticon{
  top:-1px;
  width:14px;
  height:14px;
  margin-right:8px;
}
.dmc-menu-rtl .dmc-menu .dmc-menu-submenu-title .anticon,
.dmc-menu-rtl .dmc-menu .dmc-menu-item .anticon{
  margin-right:0;
  margin-left:8px;
}
.dmc-menu-horizontal{
  margin:0;
  padding:0;
  overflow:hidden;
  white-space:nowrap;
  background-color:var(--dmc-menu-bg-color);
  border:none;
  box-shadow:none;
}
.dmc-menu-horizontal > .dmc-menu-item,
.dmc-menu-horizontal > .dmc-menu-submenu > .dmc-menu-submenu-title{
  padding:11px 22px;
}
.dmc-menu-horizontal > .dmc-menu-submenu,
.dmc-menu-horizontal > .dmc-menu-item{
  display:inline-block;
  vertical-align:bottom;
  border-bottom:2px solid transparent;
}
.dmc-menu-horizontal > .dmc-menu-submenu-active,
.dmc-menu-horizontal > .dmc-menu-item-active{
  color:var(--dmc-menu-text-hover-color);
  background-color:transparent;
}
.dmc-menu-horizontal::after{
  display:block;
  clear:both;
  height:0;
  content:'';
}
.dmc-menu-vertical,
.dmc-menu-vertical-left,
.dmc-menu-vertical-right,
.dmc-menu-inline{
  padding:6px 0;
}
.dmc-menu-vertical > .dmc-menu-item,
.dmc-menu-vertical-left > .dmc-menu-item,
.dmc-menu-vertical-right > .dmc-menu-item,
.dmc-menu-inline > .dmc-menu-item,
.dmc-menu-vertical > .dmc-menu-submenu > .dmc-menu-submenu-title,
.dmc-menu-vertical-left > .dmc-menu-submenu > .dmc-menu-submenu-title,
.dmc-menu-vertical-right > .dmc-menu-submenu > .dmc-menu-submenu-title,
.dmc-menu-inline > .dmc-menu-submenu > .dmc-menu-submenu-title{
  padding:8px 8px 8px 24px;
}
.dmc-menu-rtl.dmc-menu-vertical > .dmc-menu-item,
.dmc-menu-rtl.dmc-menu-vertical-left > .dmc-menu-item,
.dmc-menu-rtl.dmc-menu-vertical-right > .dmc-menu-item,
.dmc-menu-rtl.dmc-menu-inline > .dmc-menu-item,
.dmc-menu-rtl.dmc-menu-vertical > .dmc-menu-submenu > .dmc-menu-submenu-title,
.dmc-menu-rtl.dmc-menu-vertical-left > .dmc-menu-submenu > .dmc-menu-submenu-title,
.dmc-menu-rtl.dmc-menu-vertical-right > .dmc-menu-submenu > .dmc-menu-submenu-title,
.dmc-menu-rtl.dmc-menu-inline > .dmc-menu-submenu > .dmc-menu-submenu-title{
  padding:8px 24px 8px 8px;
}
.dmc-menu-vertical .dmc-menu-submenu-arrow,
.dmc-menu-vertical-left .dmc-menu-submenu-arrow,
.dmc-menu-vertical-right .dmc-menu-submenu-arrow,
.dmc-menu-inline .dmc-menu-submenu-arrow{
  position:absolute;
  top:calc(50% - 8px);
  right:7px;
  display:inline-block;
  width:16px;
  height:16px;
  background:var(--dmc-menu-text-color);
  -webkit-mask-image:url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuMzMyMDMgMy4zMzMwMVYxMi42NjYzTDEyLjY2NTQgNy45OTk2OEw1LjMzMjAzIDMuMzMzMDFaIiBmaWxsPSIjQkFDMUQ3Ii8+Cjwvc3ZnPgo=');
  mask-image:url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTUuMzMyMDMgMy4zMzMwMVYxMi42NjYzTDEyLjY2NTQgNy45OTk2OEw1LjMzMjAzIDMuMzMzMDFaIiBmaWxsPSIjQkFDMUQ3Ii8+Cjwvc3ZnPgo=');
}
.dmc-menu-rtl.dmc-menu-vertical .dmc-menu-submenu-arrow,
.dmc-menu-rtl.dmc-menu-vertical-left .dmc-menu-submenu-arrow,
.dmc-menu-rtl.dmc-menu-vertical-right .dmc-menu-submenu-arrow,
.dmc-menu-rtl.dmc-menu-inline .dmc-menu-submenu-arrow,
.dmc-menu-submenu-rtl .dmc-menu-vertical .dmc-menu-submenu-arrow,
.dmc-menu-submenu-rtl .dmc-menu-vertical-left .dmc-menu-submenu-arrow,
.dmc-menu-submenu-rtl .dmc-menu-vertical-right .dmc-menu-submenu-arrow,
.dmc-menu-submenu-rtl .dmc-menu-inline .dmc-menu-submenu-arrow{
  right:auto;
  left:16px;
}
.dmc-menu-inline .dmc-menu-submenu-arrow{
  transform:rotate(90deg);
  transition:transform 0.3s;
}
.dmc-menu-inline .dmc-menu-submenu-open > .dmc-menu-submenu-title .dmc-menu-submenu-arrow{
  transform:rotate(-90deg);
}
.dmc-menu-vertical.dmc-menu-sub,
.dmc-menu-vertical-left.dmc-menu-sub,
.dmc-menu-vertical-right.dmc-menu-sub{
  padding:6px 0;
}
.dmc-menu-submenu-rtl .dmc-menu-vertical.dmc-menu-sub,
.dmc-menu-submenu-rtl .dmc-menu-vertical-left.dmc-menu-sub,
.dmc-menu-submenu-rtl .dmc-menu-vertical-right.dmc-menu-sub{
  direction:rtl;
}
.dmc-menu-sub.dmc-menu-inline{
  padding:0;
  border:none;
  border-radius:0;
  box-shadow:none;
}
.dmc-menu-sub.dmc-menu-inline > .dmc-menu-item,
.dmc-menu-sub.dmc-menu-inline > .dmc-menu-submenu > .dmc-menu-submenu-title{
  padding-top:8px;
  padding-right:0;
  padding-bottom:8px;
}
.dmc-menu-rtl .dmc-menu-sub.dmc-menu-inline > .dmc-menu-item,
.dmc-menu-rtl .dmc-menu-sub.dmc-menu-inline > .dmc-menu-submenu > .dmc-menu-submenu-title{
  padding-left:0;
}
.dmc-menu-open-slide-up-enter,
.dmc-menu-open-slide-up-appear{
  transform-origin:0 0;
  -webkit-animation-duration:0.3s;
          animation-duration:0.3s;
  -webkit-animation-fill-mode:both;
          animation-fill-mode:both;
  opacity:0;
  -webkit-animation-play-state:paused;
          animation-play-state:paused;
  -webkit-animation-timing-function:cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function:cubic-bezier(0.08, 0.82, 0.17, 1);
}
.dmc-menu-open-slide-up-leave{
  transform-origin:0 0;
  -webkit-animation-duration:0.3s;
          animation-duration:0.3s;
  -webkit-animation-fill-mode:both;
          animation-fill-mode:both;
  opacity:1;
  -webkit-animation-play-state:paused;
          animation-play-state:paused;
  -webkit-animation-timing-function:cubic-bezier(0.6, 0.04, 0.98, 0.34);
          animation-timing-function:cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.dmc-menu-open-slide-up-enter.dmc-menu-open-slide-up-enter-active,
.dmc-menu-open-slide-up-appear.dmc-menu-open-slide-up-appear-active{
  -webkit-animation-name:dmc-slide-up-in;
          animation-name:dmc-slide-up-in;
  -webkit-animation-play-state:running;
          animation-play-state:running;
}
.dmc-menu-open-slide-up-leave.dmc-menu-open-slide-up-leave-active{
  -webkit-animation-name:dmc-slide-up-out;
          animation-name:dmc-slide-up-out;
  -webkit-animation-play-state:running;
          animation-play-state:running;
}
.dmc-menu-open-zoom-enter,
.dmc-menu-open-zoom-appear{
  opacity:0;
  transform-origin:0 0;
  -webkit-animation-duration:0.3s;
          animation-duration:0.3s;
  -webkit-animation-fill-mode:both;
          animation-fill-mode:both;
  -webkit-animation-play-state:paused;
          animation-play-state:paused;
  -webkit-animation-timing-function:cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function:cubic-bezier(0.08, 0.82, 0.17, 1);
}
.dmc-menu-open-zoom-leave{
  transform-origin:0 0;
  -webkit-animation-duration:0.3s;
          animation-duration:0.3s;
  -webkit-animation-fill-mode:both;
          animation-fill-mode:both;
  -webkit-animation-play-state:paused;
          animation-play-state:paused;
  -webkit-animation-timing-function:cubic-bezier(0.6, 0.04, 0.98, 0.34);
          animation-timing-function:cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.dmc-menu-open-zoom-enter.dmc-menu-open-zoom-enter-active,
.dmc-menu-open-zoom-appear.dmc-menu-open-zoom-appear-active{
  -webkit-animation-name:dmc-zoom-in;
          animation-name:dmc-zoom-in;
  -webkit-animation-play-state:running;
          animation-play-state:running;
}
.dmc-menu-open-zoom-leave.dmc-menu-open-zoom-leave-active{
  -webkit-animation-name:dmc-zoom-out;
          animation-name:dmc-zoom-out;
  -webkit-animation-play-state:running;
          animation-play-state:running;
}
.dmc-menu-submenu-rtl.dmc-menu-open-zoom-enter,
.dmc-menu-submenu-rtl.dmc-menu-open-zoom-appear,
.dmc-menu-submenu-rtl.dmc-menu-open-zoom-leave,
.dmc-menu-submenu-rtl .dmc-menu-open-zoom-enter,
.dmc-menu-submenu-rtl .dmc-menu-open-zoom-appear,
.dmc-menu-submenu-rtl .dmc-menu-open-zoom-leave{
  transform-origin:top right !important;
}

.dmc-dropmenu{
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  box-sizing:border-box;
  padding:6px 10px;
  color:var(--dmc-select-text-color);
  font-weight:normal;
  font-size:13px;
  line-height:18px;
  background:var(--dmc-select-bg-color);
  border:1px solid var(--dmc-border-btn-color);
  border-radius:6px;
  cursor:pointer;
}
.dmc-dropmenu:hover:not(:active):not(.dmc-dropmenu-actived):not(.dmc-dropmenu-disabled){
  background:var(--dmc-select-bg-hover-color);
}
.dmc-dropmenu-menu-bg{
  background:var(--dmc-select-bg-mb-color);
}
.dmc-dropmenu-menu-bg:hover:not(:active):not(.dmc-dropmenu-actived):not(.dmc-dropmenu-disabled){
  background:var(--dmc-select-bg-mb-hover-color);
}
.dmc-dropmenu-assist-bg{
  background:var(--dmc-select-bg-ab-color);
}
.dmc-dropmenu-assist-bg:hover:not(:active):not(.dmc-dropmenu-actived):not(.dmc-dropmenu-disabled){
  background:var(--dmc-select-bg-ab-hover-color);
}
.dmc-dropmenu-no-border{
  border:1px solid transparent;
}
.dmc-dropmenu:active:not(.dmc-dropmenu-disabled),
.dmc-dropmenu-actived:not(.dmc-dropmenu-disabled){
  background:var(--dmc-select-bg-active-color);
  border-color:var(--dmc-select-border-active-color);
  box-shadow:inset 0 0 1px 1px var(--dmc-select-border-active-color);
}
.dmc-dropmenu-icon{
  width:14px;
  height:14px;
}
.dmc-dropmenu.dmc-dropmenu-only-text{
  padding:0;
  color:var(--dmc-drop-menu-only-text-color);
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
}
.dmc-dropmenu.dmc-dropmenu-only-text:hover:not(:active):not(.dmc-dropmenu-actived):not(.dmc-dropmenu-disabled){
  color:var(--dmc-drop-menu-only-text-hover-color);
}
.dmc-dropmenu.dmc-dropmenu-only-text.dmc-dropmenu-actived{
  color:var(--dmc-drop-menu-only-text-active-color);
}
.dmc-dropmenu-sub-menu-item span{
  padding-left:9px;
}
.dmc-dropmenu-menu-item{
  display:flex;
  align-items:center;
  margin-left:-13px;
}
.dmc-dropmenu-menu-item-actived .dmc-dropmenu-drop-icon{
  opacity:1;
}
.dmc-dropmenu-drop-icon{
  width:16px;
  height:16px;
  margin-right:6px;
  opacity:0;
}
.dmc-dropmenu-block{
  display:flex;
  width:100%;
}
.dmc-dropmenu-disabled{
  cursor:not-allowed;
  color:var(--dmc-select-text-txt-disabled-color);
}

.dmc-adaptive-more{
  width:100%;
  height:100%;
  position:relative;
  display:flex;
  align-items:center;
}
.dmc-adaptive-more-inner{
  display:flex;
  flex:1;
  overflow:hidden;
  white-space:nowrap;
}
.dmc-adaptive-more-item{
  font-size:13px;
  line-height:18px;
  cursor:pointer;
}
.dmc-adaptive-more-hidden{
  position:absolute;
  z-index:-1;
  display:flex;
  flex:1;
  flex-wrap:nowrap;
  width:100%;
  visibility:hidden;
}
.dmc-adaptive-more-hidden .dmc-adaptive-more-item{
  flex:none;
  box-sizing:border-box;
}

.dmc-spin{
  position:absolute;
  display:none;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  color:var(--dmc-spin-color);
  opacity:0;
  transition:transform 0.3s cubic-bezier(0.78, 0.14, 0.15, 0.86);
}
.dmc-spin-spinning{
  position:static;
  display:inline-flex;
  opacity:1;
}
.dmc-spin-loading{
  width:32px;
  height:32px;
  -webkit-animation:dmc-spin 1s infinite linear;
          animation:dmc-spin 1s infinite linear;
}
.dmc-spin-small .dmc-spin-loading{
  width:18px;
  height:18px;
}
.dmc-spin-lager .dmc-spin-loading{
  width:48px;
  height:48px;
}
.dmc-spin-nested-loading{
  position:relative;
}
.dmc-spin-nested-loading > div > .dmc-spin{
  position:absolute;
  top:0;
  left:0;
  z-index:4;
  display:inline-flex;
  width:100%;
  height:100%;
  max-height:100vh;
}
.dmc-spin-nested-loading > div > .dmc-spin-small .dmc-spin-text{
  padding-top:3px;
  font-size:12px;
  line-height:17px;
}
.dmc-spin-nested-loading > div > .dmc-spin-large .dmc-spin-text{
  padding-top:8px;
  font-size:14px;
  line-height:20px;
}
.dmc-spin-text{
  padding-top:5px;
  color:var(--dmc-spin-color);
  font-weight:normal;
  font-size:13px;
  line-height:18px;
}
.dmc-spin-container{
  position:relative;
  transition:opacity 0.3s;
}
.dmc-spin-container::after{
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  z-index:10;
  display:none \9;
  width:100%;
  height:100%;
  background:var(--dmc-spin-bg-color);
  opacity:0;
  transition:all 0.3s;
  content:'';
  pointer-events:none;
}
.dmc-spin-blur{
  clear:both;
  overflow:hidden;
  opacity:0.5;
  -webkit-user-select:none;
     -moz-user-select:none;
      -ms-user-select:none;
          user-select:none;
  pointer-events:none;
}
.dmc-spin-blur::after{
  opacity:0.4;
  pointer-events:auto;
}

.dmc-badge{
  position:relative;
  display:inline-block;
}
.dmc-badge .dmc-badge-count{
  background:var(--dmc-badge-bg-color);
}
.dmc-badge .dmc-badge-dot{
  background:var(--dmc-badge-bg-color);
}
.dmc-badge-count{
  display:inline-block;
  height:16px;
  padding:0 6px;
  color:var(--dmc-badge-text-color);
  font-weight:500;
  font-size:12px;
  line-height:16px;
  text-align:center;
  border-radius:8px;
}
.dmc-badge-dot{
  width:8px;
  height:8px;
  border-radius:4px;
}
.dmc-badge-count,
.dmc-badge-dot{
  position:absolute;
  top:0;
  right:0;
  transform:translate(50%, -50%);
  transform-origin:100% 0%;
}
.dmc-badge-processing .dmc-badge-count{
  background:var(--dmc-badge-processing-bg-color);
}
.dmc-badge-processing .dmc-badge-dot{
  background:var(--dmc-badge-processing-bg-color);
}
.dmc-badge-warning .dmc-badge-count{
  background:var(--dmc-badge-warning-bg-color);
}
.dmc-badge-warning .dmc-badge-dot{
  background:var(--dmc-badge-warning-bg-color);
}
.dmc-badge-success .dmc-badge-count{
  background:var(--dmc-badge-success-bg-color);
}
.dmc-badge-success .dmc-badge-dot{
  background:var(--dmc-badge-success-bg-color);
}

.dmc-breadcrumb{
  display:flex;
  align-items:center;
  color:var(--dmc-breadcrumb-slot-color);
  font-size:13px;
  line-height:18px;
}
.dmc-breadcrumb-item{
  display:inline-flex;
  align-items:center;
}
.dmc-breadcrumb-item .dmc-breadcrumb-item-link{
  display:inline-flex;
  align-items:center;
  margin:0 6px;
  color:var(--dmc-breadcrumb-color);
  text-decoration:none;
  cursor:pointer;
}
.dmc-breadcrumb-item:hover .dmc-breadcrumb-item-link,
.dmc-breadcrumb-item:hover a{
  color:var(--dmc-breadcrumb-hover-color);
}
.dmc-breadcrumb-item .dmc-icon{
  width:16px;
  height:16px;
}
.dmc-breadcrumb-item a{
  color:var(--dmc-breadcrumb-color);
  text-decoration:none;
  cursor:pointer;
}
.dmc-breadcrumb-item:not(.dmc-breadcrumb-item-prev):nth-last-of-type(1) .dmc-breadcrumb-item-link{
  color:var(--dmc-breadcrumb-current-color);
  cursor:auto;
}
.dmc-breadcrumb-item-prev .dmc-breadcrumb-item-link{
  display:inline-flex;
  align-items:center;
  margin:0 6px;
  color:var(--dmc-breadcrumb-color);
  text-decoration:none;
  cursor:pointer;
}
.dmc-breadcrumb-item-prev:hover .dmc-breadcrumb-item-link,
.dmc-breadcrumb-item-prev:hover a{
  color:var(--dmc-breadcrumb-hover-color);
}

.dmc-canvas-color-picker{
  position:fixed;
  top:0;
  left:0;
  z-index:1060;
  display:none;
  pointer-events:none;
}
.dmc-canvas-color-picker-visible{
  display:block;
}
.dmc-canvas-color-picker-top-left{
  top:20px;
  left:20px;
}
.dmc-canvas-color-picker-top-right{
  top:20px;
  right:20px;
  left:unset;
}
.dmc-canvas-color-picker-left-bottom{
  top:unset;
  bottom:20px;
  left:20px;
}
.dmc-canvas-color-picker-right-bottom{
  top:unset;
  right:20px;
  bottom:20px;
  left:unset;
}
.dmc-canvas-color-picker-wrapper{
  display:flex;
  flex-direction:column;
  align-items:center;
}
.dmc-canvas-color-picker-magnifier{
  border:1px solid #4a5472;
  border-radius:50%;
}
.dmc-canvas-color-picker-cursor{
  cursor:crosshair;
}
.dmc-canvas-color-picker-color-hint{
  display:flex;
  align-items:center;
  justify-content:center;
  height:18px;
  padding:0 8px;
  margin-top:10px;
  font-size:10px;
  color:var(--dmc-text-white-color);
  background-color:var(--dmc-opacity-black);
  border-radius:4px;
}

.dmc-cascade-check-list{
  display:flex;
  width:-webkit-max-content;
  width:-moz-max-content;
  width:max-content;
  position:relative;
}
.dmc-cascade-check-list-custom-item-wrap{
  flex:1;
}
.dmc-cascade-check-list-row-content{
  flex:1;
  display:grid;
  grid-template-columns:1fr 16px;
  align-items:center;
  align-self:stretch;
  margin-left:2px;
  -webkit-user-select:none;
     -moz-user-select:none;
      -ms-user-select:none;
          user-select:none;
  overflow:hidden;
}
.dmc-cascade-check-list-row-content .content{
  flex:1;
  overflow:hidden;
  word-break:break-all;
}
.dmc-cascade-check-list-row-content .content:hover{
  color:var(--dmc-menu-text-hover-color);
}

.dmc-checkbox{
  position:relative;
  display:inline-flex;
  align-items:center;
  box-sizing:border-box;
  cursor:pointer;
}
.dmc-checkbox .dmc-checkbox-icon-checked,
.dmc-checkbox .dmc-checkbox-icon-intermediate{
  color:var(--dmc-checkbox-check-color);
}
.dmc-checkbox .dmc-checkbox-icon-uncheck path[fill='transparent']{
  fill:var(--dmc-checkbox-uncheck-inner-color);
}
.dmc-checkbox .dmc-checkbox-icon-uncheck path[fill='currentColor']{
  fill:var(--dmc-checkbox-uncheck-out-color);
}
.dmc-checkbox:hover:not(.dmc-checkbox-disabled) .dmc-checkbox-icon-checked,
.dmc-checkbox:hover:not(.dmc-checkbox-disabled) .dmc-checkbox-icon-intermediate{
  color:var(--dmc-checkbox-check-hover-color);
}
.dmc-checkbox:hover:not(.dmc-checkbox-disabled) .dmc-checkbox-icon-uncheck path[fill='transparent']{
  fill:var(--dmc-checkbox-uncheck-inner-hover-color);
}
.dmc-checkbox:hover:not(.dmc-checkbox-disabled) .dmc-checkbox-icon-uncheck path[fill='currentColor']{
  fill:var(--dmc-checkbox-uncheck-out-hover-color);
}
.dmc-checkbox-page-bg .dmc-checkbox-icon-checked,
.dmc-checkbox-page-bg .dmc-checkbox-icon-intermediate{
  color:var(--dmc-checkbox-pb-check-color);
}
.dmc-checkbox-page-bg .dmc-checkbox-icon-uncheck path[fill='transparent']{
  fill:var(--dmc-checkbox-pb-uncheck-inner-color);
}
.dmc-checkbox-page-bg .dmc-checkbox-icon-uncheck path[fill='currentColor']{
  fill:var(--dmc-checkbox-pb-uncheck-out-color);
}
.dmc-checkbox-page-bg:hover:not(.dmc-checkbox-disabled) .dmc-checkbox-icon-checked,
.dmc-checkbox-page-bg:hover:not(.dmc-checkbox-disabled) .dmc-checkbox-icon-intermediate{
  color:var(--dmc-checkbox-pb-check-hover-color);
}
.dmc-checkbox-page-bg:hover:not(.dmc-checkbox-disabled) .dmc-checkbox-icon-uncheck path[fill='transparent']{
  fill:var(--dmc-checkbox-pb-uncheck-inner-hover-color);
}
.dmc-checkbox-page-bg:hover:not(.dmc-checkbox-disabled) .dmc-checkbox-icon-uncheck path[fill='currentColor']{
  fill:var(--dmc-checkbox-pb-uncheck-out-hover-color);
}
.dmc-checkbox-menu-bg .dmc-checkbox-icon-checked,
.dmc-checkbox-menu-bg .dmc-checkbox-icon-intermediate{
  color:var(--dmc-checkbox-mb-check-color);
}
.dmc-checkbox-menu-bg .dmc-checkbox-icon-uncheck path[fill='transparent']{
  fill:var(--dmc-checkbox-mb-uncheck-inner-color);
}
.dmc-checkbox-menu-bg .dmc-checkbox-icon-uncheck path[fill='currentColor']{
  fill:var(--dmc-checkbox-mb-uncheck-out-color);
}
.dmc-checkbox-menu-bg:hover:not(.dmc-checkbox-disabled) .dmc-checkbox-icon-checked,
.dmc-checkbox-menu-bg:hover:not(.dmc-checkbox-disabled) .dmc-checkbox-icon-intermediate{
  color:var(--dmc-checkbox-mb-check-hover-color);
}
.dmc-checkbox-menu-bg:hover:not(.dmc-checkbox-disabled) .dmc-checkbox-icon-uncheck path[fill='transparent']{
  fill:var(--dmc-checkbox-mb-uncheck-inner-hover-color);
}
.dmc-checkbox-menu-bg:hover:not(.dmc-checkbox-disabled) .dmc-checkbox-icon-uncheck path[fill='currentColor']{
  fill:var(--dmc-checkbox-mb-uncheck-out-hover-color);
}
.dmc-checkbox-assist-bg .dmc-checkbox-icon-checked,
.dmc-checkbox-assist-bg .dmc-checkbox-icon-intermediate{
  color:var(--dmc-checkbox-ab-check-color);
}
.dmc-checkbox-assist-bg .dmc-checkbox-icon-uncheck path[fill='transparent']{
  fill:var(--dmc-checkbox-ab-uncheck-inner-color);
}
.dmc-checkbox-assist-bg .dmc-checkbox-icon-uncheck path[fill='currentColor']{
  fill:var(--dmc-checkbox-ab-uncheck-out-color);
}
.dmc-checkbox-assist-bg:hover:not(.dmc-checkbox-disabled) .dmc-checkbox-icon-checked,
.dmc-checkbox-assist-bg:hover:not(.dmc-checkbox-disabled) .dmc-checkbox-icon-intermediate{
  color:var(--dmc-checkbox-ab-check-hover-color);
}
.dmc-checkbox-assist-bg:hover:not(.dmc-checkbox-disabled) .dmc-checkbox-icon-uncheck path[fill='transparent']{
  fill:var(--dmc-checkbox-ab-uncheck-inner-hover-color);
}
.dmc-checkbox-assist-bg:hover:not(.dmc-checkbox-disabled) .dmc-checkbox-icon-uncheck path[fill='currentColor']{
  fill:var(--dmc-checkbox-ab-uncheck-out-hover-color);
}
.dmc-checkbox-disabled{
  cursor:not-allowed;
}
.dmc-checkbox-disabled .dmc-checkbox-title{
  color:var(--dmc-checkbox-title-disabled-color);
}
.dmc-checkbox-disabled .dmc-checkbox-sub-title{
  color:var(--dmc-checkbox-sub-title-disabled-color);
}
.dmc-checkbox-disabled .dmc-checkbox-icon-checked,
.dmc-checkbox-disabled .dmc-checkbox-icon-intermediate{
  color:var(--dmc-checkbox-check-disabled-color);
}
.dmc-checkbox-disabled .dmc-checkbox-icon-uncheck path[fill='transparent']{
  fill:var(--dmc-checkbox-uncheck-inner-disabled-color);
}
.dmc-checkbox-disabled .dmc-checkbox-icon-uncheck path[fill='currentColor']{
  fill:var(--dmc-checkbox-uncheck-out-disabled-color);
}
.dmc-checkbox-disabled.dmc-checkbox-page-bg .dmc-checkbox-icon-checked,
.dmc-checkbox-disabled.dmc-checkbox-page-bg .dmc-checkbox-icon-intermediate{
  color:var(--dmc-checkbox-pb-check-disabled-color);
}
.dmc-checkbox-disabled.dmc-checkbox-page-bg .dmc-checkbox-icon-uncheck path[fill='transparent']{
  fill:var(--dmc-checkbox-pb-uncheck-inner-disabled-color);
}
.dmc-checkbox-disabled.dmc-checkbox-page-bg .dmc-checkbox-icon-uncheck path[fill='currentColor']{
  fill:var(--dmc-checkbox-pb-uncheck-out-disabled-color);
}
.dmc-checkbox-disabled.dmc-checkbox-menu-bg .dmc-checkbox-icon-checked,
.dmc-checkbox-disabled.dmc-checkbox-menu-bg .dmc-checkbox-icon-intermediate{
  color:var(--dmc-checkbox-mb-check-disabled-color);
}
.dmc-checkbox-disabled.dmc-checkbox-menu-bg .dmc-checkbox-icon-uncheck path[fill='transparent']{
  fill:var(--dmc-checkbox-mb-uncheck-inner-disabled-color);
}
.dmc-checkbox-disabled.dmc-checkbox-menu-bg .dmc-checkbox-icon-uncheck path[fill='currentColor']{
  fill:var(--dmc-checkbox-mb-uncheck-out-disabled-color);
}
.dmc-checkbox-disabled.dmc-checkbox-assist-bg .dmc-checkbox-icon-checked,
.dmc-checkbox-disabled.dmc-checkbox-assist-bg .dmc-checkbox-icon-intermediate{
  color:var(--dmc-checkbox-ab-check-disabled-color);
}
.dmc-checkbox-disabled.dmc-checkbox-assist-bg .dmc-checkbox-icon-uncheck path[fill='transparent']{
  fill:var(--dmc-checkbox-ab-uncheck-inner-disabled-color);
}
.dmc-checkbox-disabled.dmc-checkbox-assist-bg .dmc-checkbox-icon-uncheck path[fill='currentColor']{
  fill:var(--dmc-checkbox-bb-uncheck-out-disabled-color);
}
.dmc-checkbox-icon-container{
  display:inline-flex;
}
.dmc-checkbox-compact .dmc-checkbox-icon-container .dmc-icon{
  width:18px;
  height:18px;
}
.dmc-checkbox-info{
  margin-left:2px;
  font-weight:normal;
}
.dmc-checkbox-title{
  color:var(--dmc-checkbox-title-color);
  font-size:13px;
  line-height:18px;
}
.dmc-checkbox-sub-title{
  color:var(--dmc-checkbox-sub-title-color);
  font-size:12px;
  line-height:17px;
}
.dmc-checkbox-has-sub-title{
  align-items:flex-start;
}
.dmc-checkbox-group{
  display:inline-flex;
}
.dmc-checkbox-group .dmc-checkbox{
  margin-right:10px;
}
.dmc-checkbox-group .dmc-checkbox:last-child{
  margin-right:0;
}

.cascade-modified-list{
  display:flex;
  flex-direction:column;
  box-sizing:border-box;
  width:156px;
  max-height:344px;
  padding:6px 0;
  overflow:auto;
  color:var(--dmc-menu-text-color);
  font-size:14px;
  background-color:var(--dmc-menu-bg-color);
  border:1px solid var(--dmc-menu-border-color);
  border-radius:4px;
  box-shadow:var(--dmc-menu-shadow);
  -webkit-user-select:none;
     -moz-user-select:none;
      -ms-user-select:none;
          user-select:none;
  -ms-scroll-chaining:none;
      overscroll-behavior:none;
}
.cascade-modified-list .dmc-list{
  background:inherit;
  border:none;
}
.cascade-modified-list .dmc-list .ReactVirtualized__Grid:focus{
  outline:none;
}
.cascade-modified-list .dmc-checkbox-title{
  font-size:14px;
}
.cascade-modified-list .dmc-input{
  width:auto;
  min-height:25px;
  margin:6px 9px;
  border:none;
}
.cascade-modified-list .title-wrapper{
  padding:0 6px;
  min-height:28px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.cascade-modified-list .title-wrapper .title{
  color:var(--dmc-menu-text-color);
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.cascade-modified-list .select-all{
  padding-left:7px;
}
.cascade-modified-list .virtualized-list-wrapper{
  flex:1;
  overflow:hidden auto;
  -ms-scroll-chaining:none;
      overscroll-behavior:none;
  scrollbar-width:none;
}
.cascade-modified-list .virtualized-list-wrapper .cascade-modified-list-item{
  display:flex;
  align-items:center;
  min-height:36px;
  padding-right:11px;
  padding-left:7px;
  cursor:pointer;
}
.cascade-modified-list .virtualized-list-wrapper .cascade-modified-list-item:hover{
  color:var(--dmc-menu-text-hover-color);
  background-color:var(--dmc-menu-hover-color);
}
.cascade-modified-list .virtualized-list-wrapper .no-mouse-event{
  pointer-events:none;
}
.cascade-modified-list .virtualized-list-wrapper::-webkit-scrollbar{
  display:none;
}

.dmc-input{
  position:relative;
  box-sizing:border-box;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:256px;
  height:32px;
  padding:1px;
  overflow:hidden;
  color:var(--dmc-input-icon-color);
  font-weight:normal;
  font-size:13px;
  line-height:18px;
  background:var(--dmc-input-bg-color);
  border:1px solid var(--dmc-border-btn-color);
  border-radius:6px;
  outline:none;
  box-shadow:none;
}
.dmc-input input{
  width:100%;
}
.dmc-input-input{
  flex:1;
  height:100%;
  margin:0 8px;
  color:var(--dmc-input-text-color);
  font-weight:normal;
  font-size:14px;
  line-height:20px;
  background:transparent;
  border:none;
  outline:none !important;
}
.dmc-input-input::-moz-placeholder{
  color:var(--dmc-input-text-placeholder-color);
  opacity:1;
}
.dmc-input-input:-ms-input-placeholder{
  color:var(--dmc-input-text-placeholder-color);
}
.dmc-input-input::-webkit-input-placeholder{
  color:var(--dmc-input-text-placeholder-color);
}
.dmc-input-input-centered{
  text-align:center;
}
.dmc-input-disabled{
  color:var(--dmc-input-text-disabled-color);
  background:var(--dmc-input-bg-disabled-color);
}
.dmc-input-disabled .dmc-input-prefix-icon,
.dmc-input-disabled .dmc-input-suffix-icon{
  color:var(--dmc-icon-only-disabled-color);
}
.dmc-input-disabled::after{
  position:absolute;
  top:0;
  bottom:0;
  z-index:1;
  width:100%;
  cursor:not-allowed;
  opacity:0;
  content:'';
}
.dmc-input-suffix-addon,
.dmc-input-prefix-addon{
  display:flex;
  align-items:center;
  height:calc(100% + 2px);
  padding:0 16px;
  color:var(--dmc-input-extra-color);
  background:var(--dmc-input-extra-bg-color);
  border:0 solid var(--dmc-border-btn-color);
}
.dmc-input-prefix-addon{
  margin-left:-1px;
  border-right-width:1px;
}
.dmc-input-suffix-addon{
  margin-right:-1px;
  border-left-width:1px;
}
.dmc-input:hover:not(.dmc-input-disabled):not(.dmc-input-focused){
  background:var(--dmc-input-bg-hover-color);
}
.dmc-input-compact{
  width:256px;
  height:28px;
  padding:2px;
  border-width:0;
  background:var(--dmc-input-compact-bg-color);
}
.dmc-input-compact:hover:not(.dmc-input-compact-disabled):not(.dmc-input-compact-focused){
  background:var(--dmc-input-compact-bg-hover-color);
}
.dmc-input-compact .dmc-input-suffix-addon{
  height:calc(100% + 4px);
  margin-right:-2px;
  border-left-color:var(--dmc-input-compact-border-color);
}
.dmc-input-compact .dmc-input-prefix-addon{
  height:calc(100% + 4px);
  margin-left:-2px;
  border-right-color:var(--dmc-input-compact-border-color);
}
.dmc-input-compact .dmc-input-input{
  font-size:12px;
  line-height:17px;
}
.dmc-input-assist-bg{
  color:var(--dmc-input-text-ab-color);
  background:var(--dmc-input-bg-ab-color);
}
.dmc-input-assist-bg .dmc-input-input::-moz-placeholder{
  color:var(--dmc-input-text-placeholder-ab-color);
  opacity:1;
}
.dmc-input-assist-bg .dmc-input-input:-ms-input-placeholder{
  color:var(--dmc-input-text-placeholder-ab-color);
}
.dmc-input-assist-bg .dmc-input-input::-webkit-input-placeholder{
  color:var(--dmc-input-text-placeholder-ab-color);
}
.dmc-input-assist-bg .dmc-input-suffix-addon,
.dmc-input-assist-bg .dmc-input-prefix-addon{
  color:var(--dmc-input-extra-ab-color);
  background:var(--dmc-input-extra-bg-ab-color);
}
.dmc-input-assist-bg:hover:not(.dmc-input-disabled):not(.dmc-input-focused){
  background:var(--dmc-input-bg-ab-hover-color);
}
.dmc-input-assist-bg.dmc-input-disabled{
  background:var(--dmc-input-bg-ab-disabled-color);
}
.dmc-input-menu-bg{
  color:var(--dmc-input-text-mb-color);
  background:var(--dmc-input-bg-mb-color);
}
.dmc-input-menu-bg .dmc-input-input::-moz-placeholder{
  color:var(--dmc-input-text-placeholder-ab-color);
  opacity:1;
}
.dmc-input-menu-bg .dmc-input-input:-ms-input-placeholder{
  color:var(--dmc-input-text-placeholder-ab-color);
}
.dmc-input-menu-bg .dmc-input-input::-webkit-input-placeholder{
  color:var(--dmc-input-text-placeholder-ab-color);
}
.dmc-input-menu-bg .dmc-input-suffix-addon,
.dmc-input-menu-bg .dmc-input-prefix-addon{
  color:var(--dmc-input-extra-mb-color);
  background:var(--dmc-input-extra-bg-ab-color);
}
.dmc-input-menu-bg:hover:not(.dmc-input-disabled):not(.dmc-input-focused){
  background:var(--dmc-input-bg-mb-hover-color);
}
.dmc-input-menu-bg.dmc-input-disabled{
  background:var(--dmc-input-bg-mb-disabled-color);
}
.dmc-input-focused{
  padding:0;
  border-width:2px;
  border-color:var(--dmc-input-border-focus-color);
}
.dmc-input.dmc-input-error-status{
  padding:0;
  border-width:2px;
  border-color:var(--dmc-input-error-color);
}
.dmc-input.dmc-input-warning-status{
  padding:0;
  border-width:2px;
  border-color:var(--dmc-input-warning-color);
}
.dmc-input.dmc-input-success-status{
  padding:0;
  border-width:2px;
  border-color:var(--dmc-input-success-color);
}
.dmc-input-prefix-icon,
.dmc-input-suffix-icon{
  width:16px;
  height:16px;
  color:var(--dmc-icon-only-color);
}
.dmc-input-prefix,
.dmc-input-suffix{
  display:flex;
  align-items:center;
  justify-content:center;
}
.dmc-input-prefix-icon,
.dmc-input-prefix{
  margin-left:8px;
}
.dmc-input-suffix-icon,
.dmc-input-suffix{
  margin-right:8px;
}
.dmc-input > .dmc-btn-icon-only-icon{
  margin-right:8px;
}
.dmc-input-block{
  width:100%;
}

.dmc-input-textarea{
  position:relative;
  display:inline-flex;
}
.dmc-input-textarea-focused .dmc-input-textarea-textarea,
.dmc-input-textarea.dmc-input-textarea-error-status .dmc-input-textarea-textarea,
.dmc-input-textarea.dmc-input-textarea-warning-status .dmc-input-textarea-textarea,
.dmc-input-textarea.dmc-input-textarea-success-status .dmc-input-textarea-textarea{
  padding:6px 10px;
  border-width:2px;
}
.dmc-input-textarea-focused .dmc-input-textarea-textarea{
  border-color:var(--dmc-input-border-focus-color);
}
.dmc-input-textarea-focused .dmc-input-textarea-textarea::-webkit-scrollbar{
  display:none;
  width:7px;
  height:7px;
}
.dmc-input-textarea-focused .dmc-input-textarea-textarea:hover::-webkit-scrollbar{
  display:block;
}
.dmc-input-textarea-focused .dmc-input-textarea-textarea::-webkit-scrollbar-track{
  background-color:transparent;
  border-radius:7px;
}
.dmc-input-textarea-focused .dmc-input-textarea-textarea::-webkit-scrollbar-thumb{
  background-color:var(--dmc-scrollbar-color);
  border-radius:7px;
}
.dmc-input-textarea-focused .dmc-input-textarea-textarea::-webkit-scrollbar-corner{
  background:transparent;
}
.dmc-input-textarea-focused.dmc-input-textarea-assist-bg .dmc-input-textarea-textarea::-webkit-scrollbar{
  display:none;
  width:7px;
  height:7px;
}
.dmc-input-textarea-focused.dmc-input-textarea-assist-bg .dmc-input-textarea-textarea:hover::-webkit-scrollbar{
  display:block;
}
.dmc-input-textarea-focused.dmc-input-textarea-assist-bg .dmc-input-textarea-textarea::-webkit-scrollbar-track{
  background-color:transparent;
  border-radius:7px;
}
.dmc-input-textarea-focused.dmc-input-textarea-assist-bg .dmc-input-textarea-textarea::-webkit-scrollbar-thumb{
  background-color:var(--dmc-scrollbar-ab-color);
  border-radius:7px;
}
.dmc-input-textarea-focused.dmc-input-textarea-assist-bg .dmc-input-textarea-textarea::-webkit-scrollbar-corner{
  background:transparent;
}
.dmc-input-textarea-focused.dmc-input-textarea-menu-bg .dmc-input-textarea-textarea::-webkit-scrollbar{
  display:none;
  width:7px;
  height:7px;
}
.dmc-input-textarea-focused.dmc-input-textarea-menu-bg .dmc-input-textarea-textarea:hover::-webkit-scrollbar{
  display:block;
}
.dmc-input-textarea-focused.dmc-input-textarea-menu-bg .dmc-input-textarea-textarea::-webkit-scrollbar-track{
  background-color:transparent;
  border-radius:7px;
}
.dmc-input-textarea-focused.dmc-input-textarea-menu-bg .dmc-input-textarea-textarea::-webkit-scrollbar-thumb{
  background-color:var(--dmc-scrollbar-mb-color);
  border-radius:7px;
}
.dmc-input-textarea-focused.dmc-input-textarea-menu-bg .dmc-input-textarea-textarea::-webkit-scrollbar-corner{
  background:transparent;
}
.dmc-input-textarea.dmc-input-textarea-error-status .dmc-input-textarea-textarea{
  border-color:var(--dmc-input-error-color);
}
.dmc-input-textarea.dmc-input-textarea-warning-status .dmc-input-textarea-textarea{
  border-color:var(--dmc-input-warning-color);
}
.dmc-input-textarea.dmc-input-textarea-success-status .dmc-input-textarea-textarea{
  border-color:var(--dmc-input-success-color);
}
.dmc-input-textarea-textarea{
  box-sizing:border-box;
  width:256px;
  min-height:32px;
  padding:7px 11px;
  color:var(--dmc-input-text-color);
  font-weight:normal;
  font-size:14px;
  line-height:20px;
  background:var(--dmc-input-bg-color);
  border:1px solid var(--dmc-border-btn-color);
  border-radius:6px;
  outline:none;
  resize:none;
}
.dmc-input-textarea-textarea::-moz-placeholder{
  color:var(--dmc-input-text-placeholder-color);
  opacity:1;
}
.dmc-input-textarea-textarea:-ms-input-placeholder{
  color:var(--dmc-input-text-placeholder-color);
}
.dmc-input-textarea-textarea::-webkit-input-placeholder{
  color:var(--dmc-input-text-placeholder-color);
}
.dmc-input-textarea:hover:not(.dmc-input-textarea-disabled):not(.dmc-input-textarea-focused) .dmc-input-textarea-textarea{
  background:var(--dmc-input-bg-hover-color);
}
.dmc-input-textarea:hover:not(.dmc-input-textarea-disabled):not(.dmc-input-textarea-focused) .dmc-input-textarea-textarea::-webkit-scrollbar{
  display:none;
  width:7px;
  height:7px;
}
.dmc-input-textarea:hover:not(.dmc-input-textarea-disabled):not(.dmc-input-textarea-focused) .dmc-input-textarea-textarea:hover::-webkit-scrollbar{
  display:block;
}
.dmc-input-textarea:hover:not(.dmc-input-textarea-disabled):not(.dmc-input-textarea-focused) .dmc-input-textarea-textarea::-webkit-scrollbar-track{
  background-color:transparent;
  border-radius:7px;
}
.dmc-input-textarea:hover:not(.dmc-input-textarea-disabled):not(.dmc-input-textarea-focused) .dmc-input-textarea-textarea::-webkit-scrollbar-thumb{
  background-color:var(--dmc-scrollbar-color);
  border-radius:7px;
}
.dmc-input-textarea:hover:not(.dmc-input-textarea-disabled):not(.dmc-input-textarea-focused) .dmc-input-textarea-textarea::-webkit-scrollbar-corner{
  background:transparent;
}
.dmc-input-textarea-assist-bg .dmc-input-textarea-textarea{
  background:var(--dmc-input-bg-ab-color);
}
.dmc-input-textarea-assist-bg:hover:not(.dmc-input-textarea-disabled):not(.dmc-input-textarea-focused) .dmc-input-textarea-textarea{
  background:var(--dmc-input-bg-ab-hover-color);
}
.dmc-input-textarea-assist-bg:hover:not(.dmc-input-textarea-disabled):not(.dmc-input-textarea-focused) .dmc-input-textarea-textarea::-webkit-scrollbar{
  display:none;
  width:7px;
  height:7px;
}
.dmc-input-textarea-assist-bg:hover:not(.dmc-input-textarea-disabled):not(.dmc-input-textarea-focused) .dmc-input-textarea-textarea:hover::-webkit-scrollbar{
  display:block;
}
.dmc-input-textarea-assist-bg:hover:not(.dmc-input-textarea-disabled):not(.dmc-input-textarea-focused) .dmc-input-textarea-textarea::-webkit-scrollbar-track{
  background-color:transparent;
  border-radius:7px;
}
.dmc-input-textarea-assist-bg:hover:not(.dmc-input-textarea-disabled):not(.dmc-input-textarea-focused) .dmc-input-textarea-textarea::-webkit-scrollbar-thumb{
  background-color:var(--dmc-scrollbar-ab-color);
  border-radius:7px;
}
.dmc-input-textarea-assist-bg:hover:not(.dmc-input-textarea-disabled):not(.dmc-input-textarea-focused) .dmc-input-textarea-textarea::-webkit-scrollbar-corner{
  background:transparent;
}
.dmc-input-textarea-assist-bg.dmc-input-textarea-disabled .dmc-input-textarea-textarea{
  background:var(--dmc-input-bg-ab-disabled-color);
}
.dmc-input-textarea-menu-bg .dmc-input-textarea-textarea{
  background:var(--dmc-input-bg-mb-color);
}
.dmc-input-textarea-menu-bg:hover:not(.dmc-input-textarea-disabled):not(.dmc-input-textarea-focused) .dmc-input-textarea-textarea{
  background:var(--dmc-input-bg-mb-hover-color);
}
.dmc-input-textarea-menu-bg:hover:not(.dmc-input-textarea-disabled):not(.dmc-input-textarea-focused) .dmc-input-textarea-textarea::-webkit-scrollbar{
  display:none;
  width:7px;
  height:7px;
}
.dmc-input-textarea-menu-bg:hover:not(.dmc-input-textarea-disabled):not(.dmc-input-textarea-focused) .dmc-input-textarea-textarea:hover::-webkit-scrollbar{
  display:block;
}
.dmc-input-textarea-menu-bg:hover:not(.dmc-input-textarea-disabled):not(.dmc-input-textarea-focused) .dmc-input-textarea-textarea::-webkit-scrollbar-track{
  background-color:transparent;
  border-radius:7px;
}
.dmc-input-textarea-menu-bg:hover:not(.dmc-input-textarea-disabled):not(.dmc-input-textarea-focused) .dmc-input-textarea-textarea::-webkit-scrollbar-thumb{
  background-color:var(--dmc-scrollbar-mb-color);
  border-radius:7px;
}
.dmc-input-textarea-menu-bg:hover:not(.dmc-input-textarea-disabled):not(.dmc-input-textarea-focused) .dmc-input-textarea-textarea::-webkit-scrollbar-corner{
  background:transparent;
}
.dmc-input-textarea-menu-bg.dmc-input-textarea-disabled .dmc-input-textarea-textarea{
  background:var(--dmc-input-bg-mb-disabled-color);
}
.dmc-input-textarea-disabled .dmc-input-textarea-textarea{
  background:var(--dmc-input-bg-disabled-color);
  cursor:not-allowed;
}
.dmc-input-textarea-resize .dmc-input-textarea-textarea{
  resize:vertical;
}
.dmc-input-textarea-block{
  width:100%;
}
.dmc-input-textarea-block .dmc-input-textarea-textarea{
  width:100%;
}

.dmc-input-number{
  flex-direction:row-reverse;
  position:relative;
  box-sizing:border-box;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:256px;
  height:32px;
  padding:1px;
  overflow:hidden;
  color:var(--dmc-input-icon-color);
  font-weight:normal;
  font-size:13px;
  line-height:18px;
  background:var(--dmc-input-bg-color);
  border:1px solid var(--dmc-border-btn-color);
  border-radius:6px;
  outline:none;
  box-shadow:none;
}
.dmc-input-number input{
  width:100%;
}
.dmc-input-number-input-wrap{
  display:inline-flex;
  flex:1;
  box-sizing:border-box;
  height:100%;
}
.dmc-input-number-input{
  width:100%;
  height:100%;
  padding:0 8px;
  color:var(--dmc-input-text-color);
  font-size:14px;
  line-height:20px;
  background:transparent;
  border:none;
  outline:none !important;
}
.dmc-input-number-input::-moz-placeholder{
  color:var(--dmc-input-text-placeholder-color);
  opacity:1;
}
.dmc-input-number-input:-ms-input-placeholder{
  color:var(--dmc-input-text-placeholder-color);
}
.dmc-input-number-input::-webkit-input-placeholder{
  color:var(--dmc-input-text-placeholder-color);
}
.dmc-input-number-handler-wrap{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  box-sizing:border-box;
  width:20px;
  height:calc(100% + 2px);
  margin-right:-1px;
  color:var(--dmc-input-number-extra-color);
  background:var(--dmc-input-number-extra-bg-color);
  border-left:1px solid var(--dmc-border-btn-color);
}
.dmc-input-number-handler-up{
  padding-top:1px;
  border-bottom:1px solid var(--dmc-border-btn-color);
}
.dmc-input-number-handler{
  width:100%;
  height:50%;
  cursor:pointer;
}
.dmc-input-number-handler-active{
  color:var(--dmc-text-200-color);
}
.dmc-input-number-handler-up-inner,
.dmc-input-number-handler-down-inner{
  width:100%;
  height:100%;
  -webkit-user-select:none;
     -moz-user-select:none;
      -ms-user-select:none;
          user-select:none;
}
.dmc-input-number:hover:not(.dmc-input-number-disabled):not(.dmc-input-number-focused){
  background:var(--dmc-input-bg-hover-color);
}
.dmc-input-number-assist-bg{
  color:var(--dmc-input-text-ab-color);
  background:var(--dmc-input-bg-ab-color);
}
.dmc-input-number-assist-bg .dmc-input-number-input::-moz-placeholder{
  color:var(--dmc-input-text-placeholder-ab-color);
  opacity:1;
}
.dmc-input-number-assist-bg .dmc-input-number-input:-ms-input-placeholder{
  color:var(--dmc-input-text-placeholder-ab-color);
}
.dmc-input-number-assist-bg .dmc-input-number-input::-webkit-input-placeholder{
  color:var(--dmc-input-text-placeholder-ab-color);
}
.dmc-input-number-assist-bg .dmc-input-number-handler-wrap{
  color:var(--dmc-input-number-extra-ab-color);
  background:var(--dmc-input-number-extra-bg-ab-color);
}
.dmc-input-number-assist-bg:hover:not(.dmc-input-number-disabled):not(.dmc-input-number-focused){
  background:var(--dmc-input-bg-ab-hover-color);
}
.dmc-input-number-assist-bg.dmc-input-number-disabled{
  background:var(--dmc-input-bg-ab-disabled-color);
}
.dmc-input-number-compact{
  width:256px;
  height:28px;
  padding:2px;
  border-width:0;
  background:var(--dmc-input-compact-bg-color);
}
.dmc-input-number-compact:hover:not(.dmc-input-number-compact-disabled):not(.dmc-input-number-compact-focused){
  background:var(--dmc-input-compact-bg-hover-color);
}
.dmc-input-number-compact .dmc-input-number-handler-wrap{
  height:calc(100% + 4px);
  margin-right:-2px;
  border-left-color:var(--dmc-input-compact-border-color);
}
.dmc-input-number-compact .dmc-input-number-handler-up{
  border-bottom-color:var(--dmc-input-compact-border-color);
}
.dmc-input-number-menu-bg{
  color:var(--dmc-input-text-mb-color);
  background:var(--dmc-input-bg-mb-color);
}
.dmc-input-number-menu-bg .dmc-input-number-input::-moz-placeholder{
  color:var(--dmc-input-text-placeholder-mb-color);
  opacity:1;
}
.dmc-input-number-menu-bg .dmc-input-number-input:-ms-input-placeholder{
  color:var(--dmc-input-text-placeholder-mb-color);
}
.dmc-input-number-menu-bg .dmc-input-number-input::-webkit-input-placeholder{
  color:var(--dmc-input-text-placeholder-mb-color);
}
.dmc-input-number-menu-bg .dmc-input-number-handler-wrap{
  color:var(--dmc-input-number-extra-mb-color);
  background:var(--dmc-input-number-extra-bg-mb-color);
}
.dmc-input-number-menu-bg:hover:not(.dmc-input-number-disabled):not(.dmc-input-number-focused){
  background:var(--dmc-input-bg-mb-hover-color);
}
.dmc-input-number-menu-bg.dmc-input-number-disabled{
  background:var(--dmc-input-bg-mb-disabled-color);
}
.dmc-input-number-disabled{
  background:var(--dmc-input-bg-disabled-color);
}
.dmc-input-number-disabled::after{
  position:absolute;
  top:0;
  bottom:0;
  z-index:1;
  width:100%;
  cursor:not-allowed;
  opacity:0;
  content:'';
}
.dmc-input-number-focused{
  padding:0;
  border-width:2px;
  border-color:var(--dmc-input-border-focus-color);
}
.dmc-input-number.dmc-input-number-error-status{
  padding:0;
  border-width:2px;
  border-color:var(--dmc-input-error-color);
}
.dmc-input-number.dmc-input-number-warning-status{
  padding:0;
  border-width:2px;
  border-color:var(--dmc-input-warning-color);
}
.dmc-input-number.dmc-input-number-success-status{
  padding:0;
  border-width:2px;
  border-color:var(--dmc-input-success-color);
}
.dmc-input-number-block{
  width:100%;
}
.dmc-input-number-centered .dmc-input-number-input{
  text-align:center;
}
.dmc-input-number-visibility-handler .dmc-input-number-handler-wrap{
  display:none;
}

.dmc-scrollbar{
  position:relative;
  width:100%;
  height:100%;
  overflow:hidden;
  outline:none;
}
.dmc-scrollbar.ps{
  overflow:hidden !important;
  overflow-anchor:none;
  -ms-overflow-style:none;
  touch-action:auto;
}
.dmc-scrollbar .ps__rail-x,
.dmc-scrollbar .ps__rail-y{
  position:absolute;
  z-index:5;
  display:none;
  opacity:0;
}
.dmc-scrollbar .ps__rail-x{
  bottom:0;
}
.dmc-scrollbar .ps__rail-y{
  right:0;
}
.dmc-scrollbar.ps--active-x > .ps__rail-x,
.dmc-scrollbar.ps--active-y > .ps__rail-y{
  display:block;
}
.dmc-scrollbar.ps:hover > .ps__rail-x,
.dmc-scrollbar.ps:hover > .ps__rail-y,
.dmc-scrollbar.ps--focus > .ps__rail-x,
.dmc-scrollbar.ps--focus > .ps__rail-y,
.dmc-scrollbar.ps--scrolling-x > .ps__rail-x,
.dmc-scrollbar.ps--scrolling-y > .ps__rail-y,
.dmc-scrollbar.ps .ps__rail-x:hover,
.dmc-scrollbar.ps .ps__rail-y:hover,
.dmc-scrollbar.ps .ps__rail-x:focus,
.dmc-scrollbar.ps .ps__rail-y:focus,
.dmc-scrollbar.ps .ps__rail-x.ps--clicking,
.dmc-scrollbar.ps .ps__rail-y.ps--clicking{
  opacity:1;
}
.dmc-scrollbar .ps__thumb-x,
.dmc-scrollbar .ps__thumb-y{
  position:absolute;
  background-color:var(--dmc-scrollbar-color);
  border-radius:7px;
  transition:background-color 0.2s linear;
}
.dmc-scrollbar-page-bg .ps__thumb-x,
.dmc-scrollbar-page-bg .ps__thumb-y{
  background-color:var(--dmc-scrollbar-pb-color);
}
.dmc-scrollbar-menu-bg .ps__thumb-x,
.dmc-scrollbar-menu-bg .ps__thumb-y{
  background-color:var(--dmc-scrollbar-mb-color);
}
.dmc-scrollbar-assist-bg .ps__thumb-x,
.dmc-scrollbar-assist-bg .ps__thumb-y{
  background-color:var(--dmc-scrollbar-ab-color);
}
.dmc-scrollbar .ps__thumb-x{
  bottom:2px;
  height:7px;
}
.dmc-scrollbar .ps__thumb-y{
  right:2px;
  width:7px;
}

.dmc-list{
  box-sizing:border-box;
  width:100%;
  height:100%;
  background:var(--dmc-virtual-list-bg-color);
  border:1px solid var(--dmc-table-bg-border-color);
  border-radius:4px;
  outline:none;
}
.dmc-list-no-border{
  border:none;
  border-radius:0;
  box-shadow:none;
}
.dmc-list-no-scrollbar .ReactVirtualized__Grid{
  scrollbar-width:none;
}
.dmc-list-no-scrollbar .ReactVirtualized__Grid::-webkit-scrollbar{
  display:none;
  width:0;
  height:0;
}
.dmc-list-no-scrollbar .ReactVirtualized__Grid:hover::-webkit-scrollbar{
  display:block;
}
.dmc-list-no-scrollbar .ReactVirtualized__Grid::-webkit-scrollbar-track{
  background-color:transparent;
  border-radius:6px;
}
.dmc-list-no-scrollbar .ReactVirtualized__Grid::-webkit-scrollbar-thumb{
  background-color:transparent;
  border-radius:6px;
}
.dmc-list-no-scrollbar .ReactVirtualized__Grid::-webkit-scrollbar-corner{
  background:transparent;
}
.dmc-list-menu-bg{
  background:var(--dmc-virtual-list-mb-bg-color);
  border-color:var(--dmc-border-page-color);
}
.dmc-list-menu-bg .dmc-list-item:hover{
  background:var(--dmc-border-page-color);
}
.dmc-list-assist-bg{
  background:var(--dmc-virtual-list-ab-bg-color);
  border-color:var(--dmc-border-page-color);
}
.dmc-list-assist-bg .dmc-list-item:hover{
  background:var(--dmc-border-page-color);
}
.dmc-list-item{
  box-sizing:border-box;
  color:var(--dmc-virtual-list-group-text-color);
  font-weight:normal;
  font-size:14px;
  line-height:20px;
}
.dmc-list-item:hover{
  background:var(--dmc-virtual-list-group-bg-hover-color);
}

.dmc-group-list-wrapper{
  box-sizing:border-box;
  width:100%;
  height:100%;
  background:var(--dmc-virtual-list-bg-color);
  border:1px solid var(--dmc-table-bg-border-color);
  border-radius:4px;
  outline:none;
}
.dmc-group-list-wrapper.dmc-group-list-no-border{
  border:none;
  border-radius:0;
  box-shadow:none;
}
.dmc-group-list-menu-bg{
  background:var(--dmc-virtual-list-mb-bg-color);
  border-color:var(--dmc-border-page-color);
}
.dmc-group-list-menu-bg .dmc-group-list-item:hover{
  background:var(--dmc-border-page-color);
}
.dmc-group-list-assist-bg{
  background:var(--dmc-virtual-list-ab-bg-color);
  border-color:var(--dmc-border-page-color);
}
.dmc-group-list-assist-bg .dmc-group-list-item:hover{
  background:var(--dmc-border-page-color);
}
.dmc-group-list-group-item{
  box-sizing:border-box;
  color:var(--dmc-virtual-list-group-text-color);
  font-weight:normal;
  font-size:14px;
  line-height:20px;
}
.dmc-group-list-group-item:hover{
  background:var(--dmc-virtual-list-group-bg-hover-color);
}

.dmc-check-list{
  display:inline-block;
  box-sizing:border-box;
  min-width:170px;
  font-size:14px;
}
.dmc-check-list .dmc-list{
  background:transparent;
}
.dmc-check-list-wrap{
  display:flex;
  flex-direction:column;
  height:100%;
}
.dmc-check-list-plain .dmc-check-list-list{
  margin-top:8px;
  padding:0;
  background:unset;
}
.dmc-check-list-plain .dmc-check-list-list-description{
  margin-bottom:6px;
}
.dmc-check-list-plain .dmc-check-list-checkbox{
  height:30px;
}
.dmc-check-list-flex-height{
  height:100%;
}
.dmc-check-list-checkbox{
  flex:none;
  height:36px;
}
.dmc-check-list.dmc-create-filter{
  padding:0;
}
.dmc-check-list-close{
  margin-right:10px;
}
.dmc-check-list-list{
  position:relative;
  display:flex;
  flex-direction:column;
  flex:auto;
  box-sizing:border-box;
  margin-right:10px;
  margin-bottom:10px;
  margin-left:10px;
  padding:8px 10px;
  overflow:hidden;
  background:var(--dmc-checklist-bg-color);
  border:1px solid var(--dmc-border-btn-color);
  border-radius:4px;
}
.dmc-check-list-list .dmc-tree-list::-webkit-scrollbar{
  display:none;
  width:7px;
  height:7px;
}
.dmc-check-list-list .dmc-tree-list:hover::-webkit-scrollbar{
  display:block;
}
.dmc-check-list-list .dmc-tree-list::-webkit-scrollbar-track{
  background-color:transparent;
  border-radius:7px;
}
.dmc-check-list-list .dmc-tree-list::-webkit-scrollbar-thumb{
  background-color:var(--dmc-scrollbar-color);
  border-radius:7px;
}
.dmc-check-list-list .dmc-tree-list::-webkit-scrollbar-corner{
  background:transparent;
}
.dmc-check-list-list-description{
  color:var(--dmc-checklist-desc-color);
  font-size:13px;
  line-height:18px;
}
.dmc-check-list-list-tree{
  flex:1 0 auto;
}
.dmc-check-list-list-item{
  display:flex;
  align-items:center;
  font-size:14px;
}
.dmc-check-list-list-item-gap .dmc-field-item{
  margin:2px 0;
}
.dmc-check-list-icon-search{
  width:16px;
  height:16px;
  color:var(--dmc-checklist-icon-search-color);
}
.dmc-check-list-search{
  padding:11px 10px 6px 10px;
}
.dmc-check-list-icon-wrap{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:32px 0;
}
.dmc-check-list-icon-loading{
  width:16px;
  height:16px;
  color:var(--dmc-checklist-loading-color);
  -webkit-animation:dmc-spin 1s infinite linear;
          animation:dmc-spin 1s infinite linear;
}
.dmc-check-list-empty,
.dmc-check-list-no-content{
  display:flex;
  align-items:center;
  justify-content:center;
  height:100%;
  color:var(--dmc-checklist-loading-color);
  text-align:center;
}
.dmc-check-list-virtual-list{
  flex:1;
  width:auto;
  height:auto;
  overflow:hidden;
  border:none;
  box-shadow:none;
}
.dmc-check-list-assist-bg .dmc-check-list-list{
  background:var(--dmc-checklist-ab-bg-color);
}
.dmc-check-list-assist-bg .dmc-check-list-list .dmc-tree-list::-webkit-scrollbar{
  display:none;
  width:7px;
  height:7px;
}
.dmc-check-list-assist-bg .dmc-check-list-list .dmc-tree-list:hover::-webkit-scrollbar{
  display:block;
}
.dmc-check-list-assist-bg .dmc-check-list-list .dmc-tree-list::-webkit-scrollbar-track{
  background-color:transparent;
  border-radius:7px;
}
.dmc-check-list-assist-bg .dmc-check-list-list .dmc-tree-list::-webkit-scrollbar-thumb{
  background-color:var(--dmc-scrollbar-ab-color);
  border-radius:7px;
}
.dmc-check-list-assist-bg .dmc-check-list-list .dmc-tree-list::-webkit-scrollbar-corner{
  background:transparent;
}
.dmc-check-list-plain-row-wrap{
  cursor:pointer;
}

.dmc-field-item{
  display:inline-flex;
  align-items:center;
  max-width:100%;
  min-height:26px;
  padding:0 8px;
  overflow:hidden;
  color:var(--dmc-field-text-color);
  font-size:13px;
  background-color:var(--dmc-field-bg-color);
  border-left:4px solid;
  border-radius:4px 2px 2px 4px;
}
.dmc-field-item-icon{
  flex-shrink:0;
  width:14px;
  height:14px;
  margin-right:4px;
  background-color:var(--dmc-field-text-color);
}
.dmc-field-item .dmc-icon{
  flex-shrink:0;
}
.dmc-field-item-name{
  width:inherit;
  line-height:20px;
  word-break:break-all;
}
.dmc-field-item-type-icon{
  margin-right:4px;
}
.dmc-field-item-text{
  color:var(--dmc-field-blue-text-color);
  background-color:var(--dmc-field-blue-bg-color);
  border-color:var(--dmc-field-blue-color);
}
.dmc-field-item-text .dmc-field-item-icon{
  background-color:var(--dmc-field-blue-text-color);
}
.dmc-field-item-text .dmc-field-item-close{
  color:var(--dmc-field-blue-text-color);
}
.dmc-field-item-text:hover{
  background-color:var(--dmc-field-bg-blue-hover-color);
}
.dmc-field-item-number,
.dmc-field-item-num{
  color:var(--dmc-field-red-text-color);
  background-color:var(--dmc-field-red-bg-color);
  border-color:var(--dmc-field-red-color);
}
.dmc-field-item-number .dmc-field-item-icon,
.dmc-field-item-num .dmc-field-item-icon{
  background-color:var(--dmc-field-red-text-color);
}
.dmc-field-item-number .dmc-field-item-close,
.dmc-field-item-num .dmc-field-item-close{
  color:var(--dmc-field-red-text-color);
}
.dmc-field-item-number:hover,
.dmc-field-item-num:hover{
  background-color:var(--dmc-field-bg-red-hover-color);
}
.dmc-field-item-datetime{
  color:var(--dmc-field-green-text-color);
  background-color:var(--dmc-field-green-bg-color);
  border-color:var(--dmc-field-green-color);
}
.dmc-field-item-datetime .dmc-field-item-icon{
  background-color:var(--dmc-field-green-text-color);
}
.dmc-field-item-datetime .dmc-field-item-close{
  color:var(--dmc-field-green-text-color);
}
.dmc-field-item-datetime:hover{
  background-color:var(--dmc-field-bg-green-hover-color);
}
.dmc-field-item-checked.dmc-field-item-text{
  color:var(--dmc-field-blue-text-color);
  background-color:var(--dmc-field-checked-blue-bg-color);
  border-color:var(--dmc-field-checked-blue-color);
}
.dmc-field-item-checked.dmc-field-item-text .dmc-field-item-icon{
  background:var(--dmc-field-blue-icon-color);
}
.dmc-field-item-checked.dmc-field-item-number{
  color:var(--dmc-field-red-text-color);
  background-color:var(--dmc-field-checked-red-bg-color);
  border-color:var(--dmc-field-checked-red-color);
}
.dmc-field-item-checked.dmc-field-item-number .dmc-field-item-icon{
  background:var(--dmc-field-red-icon-color);
}
.dmc-field-item-checked.dmc-field-item-datetime{
  color:var(--dmc-field-green-text-color);
  background-color:var(--dmc-field-checked-green-bg-color);
  border-color:var(--dmc-field-checked-green-color);
}
.dmc-field-item-checked.dmc-field-item-datetime .dmc-field-item-icon{
  background-color:var(--dmc-field-green-icon-color);
}

.dmc-tree{
  color:var(--dmc-tree-text-color);
  font-size:13px;
  line-height:18px;
}
.dmc-tree-wrapper{
  height:calc(100%);
}
.dmc-tree-without-select-effect .dmc-tree-node-selected{
  background:transparent;
}
.dmc-tree-without-hover-effect .dmc-tree-node-content-wrapper:hover{
  background:transparent;
}
.dmc-tree-assist-bg .dmc-tree-list-scrollbar-thumb{
  background:var(--dmc-scrollbar-ab-color) !important;
}
.dmc-tree-list{
  padding-left:2px;
}
.dmc-tree-list-scrollbar-thumb{
  background:var(--dmc-scrollbar-color) !important;
}
.dmc-tree-list-holder{
  scrollbar-width:thin;
  scrollbar-color:var(--dmc-primary-menu-300-color) transparent;
}
.dmc-tree-list-holder::-webkit-scrollbar{
  display:none;
  width:7px;
  height:7px;
}
.dmc-tree-list-holder:hover::-webkit-scrollbar{
  display:block;
}
.dmc-tree-list-holder::-webkit-scrollbar-track{
  background-color:transparent;
  border-radius:7px;
}
.dmc-tree-list-holder::-webkit-scrollbar-thumb{
  background-color:var(--dmc-primary-menu-300-color);
  border-radius:7px;
}
.dmc-tree-list-holder::-webkit-scrollbar-corner{
  background:transparent;
}
.dmc-tree-checkable .dmc-tree-node-content-wrapper{
  margin-left:-24px;
}
.dmc-tree-checkable .dmc-tree-iconEle{
  right:-3px;
}
.dmc-tree-checkbox{
  z-index:10;
  display:block;
  width:24px;
  height:24px;
  min-width:24px;
  background:transparent;
  display:flex;
  align-items:center;
}
.dmc-tree-checkbox-disabled{
  cursor:not-allowed;
}
.dmc-tree-switcher{
  position:relative;
  width:12px;
  height:12px;
  display:inline-flex;
  cursor:pointer;
}
.dmc-tree-switcher .dmc-icon{
  display:flex;
  align-items:center;
  width:100%;
  height:100%;
  color:var(--dmc-tree-icon-color);
  position:relative;
}
.dmc-tree-switcher .dmc-icon::before{
  content:'';
  position:absolute;
  top:-10px;
  right:-10px;
  bottom:-10px;
  left:-10px;
}
.dmc-tree-indent-unit{
  padding-left:12px;
}
.dmc-tree-iconEle{
  display:inline-flex;
  align-items:center;
}
.dmc-tree-iconEle .dmc-checkbox{
  margin-right:4px;
}
.dmc-tree-iconEle > .dmc-icon{
  color:var(--dmc-tree-icon-color);
  width:16px;
  height:16px;
  display:flex;
  align-items:center;
}
.dmc-tree-iconEle > .dmc-icon svg{
  width:16px;
  height:16px;
}
.dmc-tree-node-content-wrapper{
  display:flex;
  align-items:center;
  flex:1;
  box-sizing:border-box;
  width:100%;
  padding:4px 0 4px 4px;
  border-radius:4px;
  position:relative;
}
.dmc-tree-node-content-wrapper:hover{
  background:var(--dmc-tree-bg-hover-color);
}
.dmc-tree-node-content-wrapper .dmc-tree-title{
  margin-left:4px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.dmc-tree-node-selected{
  color:var(--dmc-tree-text-active-color);
  background:var(--dmc-tree-bg-selected-color);
}
.dmc-tree-node-selected:hover{
  background:var(--dmc-tree-bg-selected-color);
}
.dmc-tree-node-selected .dmc-tree-iconEle > .dmc-icon{
  color:var(--dmc-tree-icon-active-color);
}
.dmc-tree-full .dmc-tree-node-content-wrapper{
  padding:0 4px;
}
.dmc-tree-full .dmc-tree-treenode + .dmc-tree-treenode{
  padding-top:9px;
}
.dmc-tree-full .dmc-tree-treenode{
  width:100%;
  border-radius:4px;
}
.dmc-tree-full .dmc-tree-treenode:hover{
  background:var(--dmc-tree-bg-hover-color);
}
.dmc-tree-full .dmc-tree-treenode-selected{
  background:var(--dmc-tree-bg-selected-color);
}
.dmc-tree-full .dmc-tree-treenode-selected .dmc-tree-switcher .dmc-icon{
  color:var(--dmc-tree-icon-active-color);
}
.dmc-tree-node-content-wrapper[draggable='true']{
  -webkit-user-select:none;
     -moz-user-select:none;
      -ms-user-select:none;
          user-select:none;
}
.dmc-tree .dmc-tree-treenode.drag-over{
  background-color:var(--dmc-tree-draggable-border-color2);
}
.dmc-tree .dmc-tree-treenode.drag-over-gap-top .draggable{
  border-top:2px solid var(--dmc-tree-draggable-border-color);
  border-radius:0;
}
.dmc-tree .dmc-tree-treenode.drag-over-gap-bottom .draggable{
  border-bottom:2px solid var(---dmc-tree-draggable-border-color);
  border-radius:0;
}
.dmc-tree-treenode{
  display:flex;
  align-items:center;
  padding:3px 0;
  cursor:pointer;
}
.dmc-tree-treenode-disabled{
  cursor:not-allowed;
}
.dmc-tree-treenode-disabled:hover{
  background:transparent !important;
}
.dmc-tree-treenode-disabled .dmc-tree-node-content-wrapper:hover{
  background:transparent;
}
.dmc-tree-treenode-selected .dmc-tree-switcher .dmc-icon{
  color:var(--dmc-tree-icon-active-color);
}
.dmc-tree-treenode.drop-container > .draggable::after{
  position:absolute;
  left:0;
  right:0;
  top:0;
  bottom:0;
  box-shadow:inset 0 0 0 2px var(--dmc-tree-draggable-border-color);
  content:'';
}
.dmc-tree-treenode.drop-container ~ .dmc-tree-treenode{
  border-left:2px solid var(--dmc-tree-draggable-border-color2);
}
.dmc-tree-treenode.drop-target{
  background-color:var(--dmc-tree-draggable-border-color2);
}
.dmc-tree-treenode.drop-target ~ .dmc-tree-treenode{
  border-left:none;
}

.dmc-collapse-panel-item{
  border:none;
  cursor:pointer;
}
.dmc-collapse-panel-item-disabled .dmc-collapse-panel-header{
  color:var(--dmc-collapse-text-disabled-color) !important;
}
.dmc-collapse-panel-item-disabled .dmc-collapse-panel-arrow{
  color:var(--dmc-collapse-icon-disabled-color) !important;
}
.dmc-collapse-panel-item-disabled .dmc-collapse-panel-extra{
  color:var(--dmc-collapse-icon-disabled-color) !important;
}
.dmc-collapse-panel-header{
  display:flex;
  align-items:center;
  box-sizing:border-box;
  height:42px;
  padding:8px 0;
  color:var(--dmc-collapse-text-color);
  font-size:14px;
  outline:none;
  cursor:pointer;
}
.dmc-collapse-panel-header-content{
  flex:auto;
  order:2;
}
.dmc-collapse-panel-header:hover:not([disabled]){
  color:var(--dmc-collapse-text-hover-color);
}
.dmc-collapse-panel-arrow{
  order:1;
  font-size:0;
  line-height:0;
  transform:rotate(-90deg);
  transition:transform 0.3s ease;
  color:var(--dmc-collapse-icon-color);
}
.dmc-collapse-arrow-position-right .dmc-collapse-panel-extra{
  color:var(--dmc-collapse-icon-color);
  margin-right:8px;
}
.dmc-collapse-arrow-position-right .dmc-collapse-panel-arrow{
  order:10;
}
.dmc-collapse-panel-extra{
  order:3;
  line-height:0;
}
.dmc-collapse-panel-item-active .dmc-collapse-panel-arrow{
  transform:rotate(0deg);
}
.dmc-collapse-animation-active{
  transition:height 0.3s ease-out, opacity 0.15s ease-out;
}
.dmc-collapse-panel-content{
  box-sizing:border-box;
  padding:0 16px;
  overflow:hidden;
  cursor:auto;
}
.dmc-collapse-panel-content-inactive{
  display:none;
}

.dmc-slider{
  position:relative;
  box-sizing:border-box;
  height:10px;
  margin:10px 6px;
  padding:5px 0;
  cursor:pointer;
  touch-action:none;
}
.dmc-slider-vertical{
  width:10px;
  height:100%;
  margin:6px 10px;
  padding:0 5px;
}
.dmc-slider-vertical .dmc-slider-rail{
  width:4px;
  height:100%;
}
.dmc-slider-vertical .dmc-slider-track{
  width:4px;
}
.dmc-slider-vertical .dmc-slider-handle{
  margin-top:-6px;
  margin-left:-6px;
}
.dmc-slider-vertical .dmc-slider-mark{
  top:0;
  left:12px;
  width:20px;
  height:100%;
}
.dmc-slider-vertical .dmc-slider-mark-text{
  left:6px;
  white-space:nowrap;
}
.dmc-slider-vertical .dmc-slider-step{
  width:4px;
  height:100%;
}
.dmc-slider-vertical .dmc-slider-dot{
  top:auto;
  left:2px;
  margin-bottom:-4px;
}
.dmc-slider-small .dmc-slider-rail{
  height:2px;
}
.dmc-slider-small .dmc-slider-track{
  height:2px;
}
.dmc-slider-small .dmc-slider-step{
  height:2px;
}
.dmc-slider-small .dmc-slider-handle{
  margin-top:-6px;
}
.dmc-slider-with-marks{
  margin-bottom:28px;
}
.dmc-slider-rail{
  position:absolute;
  width:100%;
  height:4px;
  background-color:var(--dmc-slider-bg-color);
  border-radius:0;
  transition:background-color 0.3s;
}
.dmc-slider-track{
  position:absolute;
  height:4px;
  background-color:var(--dmc-slider-track-color);
  border-radius:0;
  transition:background-color 0.3s;
}
.dmc-slider-handle{
  position:absolute;
  box-sizing:border-box;
  width:16px;
  height:16px;
  margin-top:-6px;
  background-color:var(--dmc-slider-handle-bg-color);
  border:1px solid var(--dmc-slider-handle-border-color);
  border-radius:50%;
  box-shadow:none;
  cursor:pointer;
}
.dmc-slider-handle:focus{
  outline:none;
  border:2px solid var(--dmc-slider-handle-border-focus-color);
}
.dmc-slider:hover .dmc-slider-rail{
  background-color:var(--dmc-slider-bg-hover-color);
}
.dmc-slider:hover .dmc-slider-track{
  background-color:var(--dmc-slider-track-hover-color);
}
.dmc-slider-mark{
  position:absolute;
  top:18px;
  left:0;
  width:100%;
  font-size:12px;
  line-height:17px;
}
.dmc-slider-mark-text{
  position:absolute;
  display:inline-block;
  color:var(--dmc-slider-mark-text-color);
  text-align:center;
  word-break:keep-all;
  cursor:pointer;
  -webkit-user-select:none;
     -moz-user-select:none;
      -ms-user-select:none;
          user-select:none;
}
.dmc-slider-mark-text-active{
  color:var(--dmc-slider-mark-text-active-color);
}
.dmc-slider-step{
  position:absolute;
  width:100%;
  height:4px;
  background:transparent;
}
.dmc-slider-dot{
  position:absolute;
  top:-2px;
  width:8px;
  height:8px;
  margin-left:-4px;
  background-color:var(--dmc-slider-dot-color);
  border-radius:50%;
  cursor:pointer;
}
.dmc-slider-dot:first-child{
  margin-left:-4px;
}
.dmc-slider-dot:last-child{
  margin-left:-4px;
}
.dmc-slider-dot-active{
  background-color:var(--dmc-slider-dot-active-color);
}
.dmc-slider-disabled{
  cursor:not-allowed;
}
.dmc-slider-disabled .dmc-slider-track{
  background-color:var(--dmc-slider-track-disabled-color) !important;
}
.dmc-slider-disabled .dmc-slider-handle,
.dmc-slider-disabled .dmc-slider-dot{
  background-color:var(--dmc-slider-disabled-color);
  border-color:var(--dmc-slider-disabled-color) !important;
  box-shadow:none;
  cursor:not-allowed;
  pointer-events:none;
}
.dmc-slider-disabled .dmc-slider-mark-text,
.dmc-slider-disabled .dmc-slider-dot{
  cursor:not-allowed !important;
}
.dmc-slider-vertical .dmc-slider-small .dmc-slider-rail{
  width:2px;
}
.dmc-slider-vertical .dmc-slider-small .dmc-slider-track{
  width:2px;
}
.dmc-slider-vertical .dmc-slider-small .dmc-slider-step{
  width:2px;
}
.dmc-slider-vertical .dmc-slider-small .dmc-slider-handle{
  margin-left:-4px;
}

.dmc-color-gradient-wrap{
  width:100%;
  height:100%;
}
.dmc-color-gradient-slider.dmc-slider{
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  height:100%;
  margin:0;
  padding:0;
  pointer-events:none;
}
.dmc-color-gradient-slider.dmc-slider.actived .dmc-slider-handle::after{
  position:absolute;
  top:-3px;
  right:-3px;
  bottom:-3px;
  left:-3px;
  border:2px solid var(--dmc-blue-200-color);
  border-radius:50%;
  content:'';
}
.dmc-color-gradient-slider.dmc-slider .dmc-slider-rail,
.dmc-color-gradient-slider.dmc-slider .dmc-slider-track{
  display:none;
}
.dmc-color-gradient-slider.dmc-slider .dmc-slider-handle{
  width:12px;
  height:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  position:absolute;
  top:4px;
  box-sizing:border-box;
  background:var(--dmc-text-white-color);
  border:1px solid var(--dmc-color-gradient-item-border-color);
  border-radius:50%;
  cursor:pointer;
  pointer-events:auto;
}
.dmc-color-gradient-slider.dmc-slider .dmc-slider-handle-click-focused .dmc-slider-handle{
  border-color:var(--dmc-blue-200-color);
}
.dmc-color-gradient-gradient{
  position:relative;
  box-sizing:border-box;
  width:100%;
  height:8px;
}
.dmc-color-gradient-palette{
  position:absolute;
  box-sizing:border-box;
  height:8px;
  border:1px solid var(--dmc-color-gradient-border-color);
  border-radius:4px;
  cursor:pointer;
}

.dmc-tag{
  position:relative;
  display:inline-flex;
  align-items:center;
  padding:4px 8px;
  color:var(--dmc-tag-text-color);
  background:var(--dmc-tag-bg-color);
  border-radius:4px;
}
.dmc-tag:hover:not(.dmc-tag-disabled):not(.dmc-tag-color):not(.dmc-tag-actieved){
  color:var(--dmc-tag-text-hover-color);
  background:var(--dmc-tag-bg-hover-color);
}
.dmc-tag .dmc-icon{
  display:inline-flex;
  width:12px;
  height:12px;
}
.dmc-tag-new-icon .dmc-icon{
  width:10px;
  height:10px;
}
.dmc-tag-tag{
  margin:0 4px;
  font-weight:normal;
  font-size:12px;
  line-height:17px;
}
.dmc-tag-close{
  color:var(--dmc-tag-close-color);
  cursor:pointer;
}
.dmc-tag-close:hover{
  color:var(--dmc-tag-close-hover-color);
}
.dmc-tag-close:active{
  color:var(--dmc-tag-close-color) !important;
}
.dmc-tag-actieved{
  color:var(--dmc-tag-actived-text-color);
  background:var(--dmc-tag-actived-bg-color) !important;
}
.dmc-tag-actieved:hover{
  color:var(--dmc-tag-actived-text-hover-color);
  background:var(--dmc-tag-actived-bg-hover-color) !important;
}
.dmc-tag-actieved:active{
  color:var(--dmc-tag-actived-text-active-color);
  background:var(--dmc-tag-actived-bg-active-color) !important;
}
.dmc-tag-color-blue-900{
  color:var(--dmc-tag-text-colorful-color);
  background:var(--dmc-tag-blue-900-color);
}
.dmc-tag-color-blue-900 .dmc-tag-close{
  color:var(--dmc-tag-close-colorful-color);
}
.dmc-tag-color-green-900{
  color:var(--dmc-tag-text-colorful-color);
  background:var(--dmc-tag-green-900-color);
}
.dmc-tag-color-green-900 .dmc-tag-close{
  color:var(--dmc-tag-close-colorful-color);
}
.dmc-tag-color-plain-blue-900{
  color:var(--dmc-tag-text-colorful-color);
  background:var(--dmc-tag-plain-blue-900-color);
}
.dmc-tag-color-plain-blue-900 .dmc-tag-close{
  color:var(--dmc-tag-close-colorful-color);
}
.dmc-tag-color-orange-900{
  color:var(--dmc-tag-text-colorful-color);
  background:var(--dmc-tag-orange-900-color);
}
.dmc-tag-color-orange-900 .dmc-tag-close{
  color:var(--dmc-tag-close-colorful-color);
}
.dmc-tag-color-red-900{
  color:var(--dmc-tag-text-colorful-color);
  background:var(--dmc-tag-red-900-color);
}
.dmc-tag-color-red-900 .dmc-tag-close{
  color:var(--dmc-tag-close-colorful-color);
}
.dmc-tag-color-yellow-900{
  color:var(--dmc-tag-text-colorful-color);
  background:var(--dmc-tag-yellow-900-color);
}
.dmc-tag-color-yellow-900 .dmc-tag-close{
  color:var(--dmc-tag-close-colorful-color);
}
.dmc-tag-color-magenta-900{
  color:var(--dmc-tag-text-colorful-color);
  background:var(--dmc-tag-magenta-900-color);
}
.dmc-tag-color-magenta-900 .dmc-tag-close{
  color:var(--dmc-tag-close-colorful-color);
}
.dmc-tag-color-purple-900{
  color:var(--dmc-tag-text-colorful-color);
  background:var(--dmc-tag-purple-900-color);
}
.dmc-tag-color-purple-900 .dmc-tag-close{
  color:var(--dmc-tag-close-colorful-color);
}
.dmc-tag-color-blue-700{
  color:var(--dmc-tag-text-blue-700-color);
  background:var(--dmc-tag-blue-700-color);
}
.dmc-tag-color-blue-700 .dmc-tag-close{
  color:var(--dmc-tag-close-blue-700-color);
}
.dmc-tag-color-green-700{
  color:var(--dmc-tag-text-green-700-color);
  background:var(--dmc-tag-green-700-color);
}
.dmc-tag-color-green-700 .dmc-tag-close{
  color:var(--dmc-tag-close-green-700-color);
}
.dmc-tag-color-plain-blue-700{
  color:var(--dmc-tag-text-plain-blue-700-color);
  background:var(--dmc-tag-plain-blue-700-color);
}
.dmc-tag-color-plain-blue-700 .dmc-tag-close{
  color:var(--dmc-tag-close-plain-blue-700-color);
}
.dmc-tag-color-grey-blue-500{
  color:var(--dmc-tag-text-grey-blue-500-color);
  background:var(--dmc-tag-grey-blue-500-color);
}
.dmc-tag-color-grey-blue-500 .dmc-tag-close{
  color:var(--dmc-tag-close-gary-blue-500-color);
}
.dmc-tag-color-grey-blue-400{
  color:var(--dmc-tag-text-grey-blue-400-color);
  background:var(--dmc-tag-grey-blue-400-color);
}
.dmc-tag-color-grey-blue-400 .dmc-tag-close{
  color:var(--dmc-tag-close-grey-blue-400-color);
}
.dmc-tag-color-orange-700{
  color:var(--dmc-tag-text-orange-700-color);
  background:var(--dmc-tag-orange-700-color);
}
.dmc-tag-color-orange-700 .dmc-tag-close{
  color:var(--dmc-tag-close-orange-700-color);
}
.dmc-tag-color-red-700{
  color:var(--dmc-tag-text-red-700-color);
  background:var(--dmc-tag-red-700-color);
}
.dmc-tag-color-red-700 .dmc-tag-close{
  color:var(--dmc-tag-close-red-700-color);
}
.dmc-tag-color-yellow-700{
  color:var(--dmc-tag-text-yellow-700-color);
  background:var(--dmc-tag-yellow-700-color);
}
.dmc-tag-color-yellow-700 .dmc-tag-close{
  color:var(--dmc-tag-close-yellow-700-color);
}
.dmc-tag-color-magenta-700{
  color:var(--dmc-tag-text-magenta-700-color);
  background:var(--dmc-tag-magenta-700-color);
}
.dmc-tag-color-magenta-700 .dmc-tag-close{
  color:var(--dmc-tag-close-magenta-700-color);
}
.dmc-tag-color-purple-700{
  color:var(--dmc-tag-text-purple-700-color);
  background:var(--dmc-tag-purple-700-color);
}
.dmc-tag-color-purple-700 .dmc-tag-close{
  color:var(--dmc-tag-close-purple-700-color);
}
.dmc-tag-new{
  box-sizing:border-box;
  padding:3px 7px;
  color:var(--dmc-tag-text-new-color);
  border:1px dashed var(--dmc-tag-border-new-color);
  cursor:pointer;
}
.dmc-tag-disabled{
  color:var(--dmc-tag-text-disabled-color);
  background:var(--dmc-tag-bg-disabled-color);
}
.dmc-tag-compact{
  padding:2px 6px;
}
.dmc-tag-compact.dmc-tag-new{
  padding:1px 5px;
}

.common-select{
  width:256px;
  height:32px;
  position:relative;
  box-sizing:border-box;
  padding:1px;
  overflow:hidden;
  color:var(--dmc-select-text-color);
  font-weight:normal;
  font-size:14px;
  line-height:20px;
  border-color:var(--dmc-border-btn-color);
  border-style:solid;
  border-width:1px;
  border-radius:6px;
  outline:none;
  box-shadow:none;
}
.common-select-create-select-single .dmc-tag{
  display:flex;
  align-items:center;
  background:none !important;
  pointer-events:none;
}
.common-select-create-select-single .dmc-tag > div{
  margin-right:5px;
}
.common-select-selection-search-input{
  color:var(--dmc-select-text-color);
}
.common-select-disabled{
  padding:0 !important;
}
.common-select-disabled.dmc-select-show-arrow .dmc-select-arrow-icon{
  color:var(--dmc-select-disabled-arrow-icon-color);
}
.common-select-disabled,
.common-select-disabled input{
  cursor:not-allowed !important;
}
.common-select-disabled .dmc-select-selection-placeholder{
  color:var(--dmc-select-text-txt-disabled-color) !important;
}
.common-select .dmc-select-selection{
  box-sizing:border-box;
}
.common-select .dmc-select-selection-search{
  box-sizing:content-box;
  padding-left:10px;
}
.common-select .dmc-select-selection-placeholder{
  color:var(--dmc-select-text-txt-color);
  display:flex;
  align-items:center;
}
.common-select .dmc-select-selector{
  margin-left:-2px;
}
.common-select .dmc-select-selector span + .dmc-select-selection-search{
  padding-left:0;
}
.common-select-single .dmc-select-selector{
  position:relative;
  display:flex;
  align-items:center;
  width:100%;
  height:100%;
}
.common-select-single .dmc-select-selector .dmc-select-selection-search,
.common-select-single .dmc-select-selector .dmc-select-selection-search-input{
  width:100%;
  height:100%;
}
.common-select-single .dmc-select-selector .dmc-select-selection-item,
.common-select-single .dmc-select-selector .dmc-select-selection-placeholder{
  position:absolute;
  top:0;
  right:'';
  bottom:0;
  left:10px;
  margin:auto 0;
  pointer-events:none;
}
.common-select-single .dmc-select-selector .dmc-select-selection-item > div,
.common-select-single .dmc-select-selector .dmc-select-selection-placeholder > div{
  margin-right:5px;
}
.common-select-single:not(.dmc-select-customize-input) .dmc-select-selector .dmc-select-selection-search-input{
  width:100%;
  margin-left:-4px;
  background:transparent;
  border:none;
  outline:none;
}
.common-select-multiple .dmc-select-selector{
  width:100%;
  height:100%;
  display:flex;
  flex-wrap:wrap;
}
.common-select-multiple .dmc-select-selector .dmc-select-selection-item{
  margin:4px;
  margin-left:0;
  padding:2px 8px;
  font-size:12px;
  line-height:17px;
  border-radius:4px;
  display:flex;
  align-items:center;
}
.common-select-multiple .dmc-select-selector .dmc-select-selection-item-disabled{
  cursor:not-allowed;
  opacity:0.5;
}
.common-select-multiple .dmc-select-selector .dmc-select-selection-item-clear-icon{
  width:16px;
  height:16px;
}
.common-select-multiple .dmc-select-selector .dmc-select-selection-search{
  position:relative;
  box-sizing:content-box;
  height:100%;
}
.common-select-multiple .dmc-select-selector .dmc-select-selection-search-input,
.common-select-multiple .dmc-select-selector .dmc-select-selection-search-mirror{
  height:100%;
  padding:1px;
}
.common-select-multiple .dmc-select-selector .dmc-select-selection-search-mirror{
  position:absolute;
  top:0;
  right:'';
  bottom:'';
  left:0;
  z-index:999;
  white-space:nowrap;
  visibility:hidden;
}
.common-select-multiple .dmc-select-selector .dmc-select-selection-placeholder{
  margin-left:-6px;
}
.common-select-multiple .dmc-select-selector .dmc-select-selection-search-input{
  width:100%;
  margin-left:-4px;
  background:transparent;
  border:none;
  outline:none;
}
.common-select .dmc-select-selection-overflow-item{
  display:inline-block;
}
.common-select-allow-clear.dmc-select-multiple .dmc-select-selector{
  padding-right:20px;
}
.common-select-allow-clear .dmc-select-clear{
  position:absolute;
  top:0;
  right:20px;
  bottom:'';
  left:'';
}
.common-select-show-arrow.dmc-select-multiple .dmc-select-selector{
  padding-right:20px;
}
.common-select-show-arrow .dmc-select-arrow{
  margin:auto 0;
  pointer-events:none;
  display:flex;
  align-items:center;
  position:absolute;
  top:0;
  right:9px;
  bottom:0;
  left:'';
}
.common-select-show-arrow .dmc-select-arrow-icon{
  display:inline-flex;
  align-items:center;
  color:var(--dmc-select-arrow-icon-color);
  width:18px;
  height:18px;
}
.common-select-focused{
  padding:0 !important;
  border-width:2px !important;
  border-color:var(--dmc-select-border-active-color) !important;
}
.common-select-focused .dmc-select-arrow{
  right:8px;
}
.common-select-focused.dmc-select-compact .dmc-select-arrow,
.common-select-focused.dmc-select-mini .dmc-select-arrow{
  right:7px;
}
.common-select-dropdown{
  position:absolute;
  z-index:1050;
  box-sizing:border-box;
  min-height:48px;
  margin-left:-3px;
  padding:6px 0;
  color:var(--dmc-select-text-color);
  border:1px solid var(--dmc-select-dropdown-border-color);
  border-radius:4px;
  box-shadow:var(--dmc-select-dropdown-shadow-color);
}
.common-select-dropdown-hidden{
  display:none;
}
.common-select-dropdown .dmc-list{
  background:transparent;
  border:none;
  border-radius:none;
  box-shadow:none;
}
.common-select-dropdown .dmc-list .dmc-select-item-option-empty{
  display:flex;
  align-items:center;
  margin-top:8px;
  padding-left:33px;
  color:#717a95;
  font-size:14px;
  line-height:20px;
}
.common-select-dropdown-loading{
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-top:6px;
  color:var(--dmc-select-text-loading-color);
}
.common-select-dropdown-loading .dmc-icon{
  width:20px;
  height:20px;
  -webkit-animation:dmc-spin 1s infinite linear;
          animation:dmc-spin 1s infinite linear;
}
.common-select-item{
  box-sizing:border-box;
  width:100%;
  padding:8px 0;
  padding-left:33px;
  color:var(--dmc-select-text-color);
  cursor:pointer;
}
.common-select-item-group{
  color:#999;
  font-weight:bold;
  font-size:80%;
}
.common-select-item-option{
  position:relative;
  font-size:14px;
  line-height:20px;
}
.common-select-item-option-grouped{
  padding-left:24px;
}
.common-select-item-option .dmc-select-item-option-state{
  position:absolute;
  top:0;
  right:'';
  bottom:0;
  left:12px;
  margin:auto 0;
  pointer-events:none;
  display:flex;
  align-items:center;
}
.common-select-item-option .dmc-select-item-option-state-icon{
  min-width:16px;
  width:16px;
  height:16px;
}
.common-select-item-option .dmc-select-item-option-content{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  margin-left:6px;
}
.common-select-item-option .dmc-select-item-option-content > div{
  margin-right:5px;
}
.common-select-item-option-active{
  background:var(--dmc-select-bg-active-color);
}
.common-select-item-option-disabled{
  color:#999;
}
.common-select-item-new-option + .common-select-item-option{
  border-bottom:2px solid var(--dmc-select-bg-active-color);
}
.common-select-item-empty{
  display:flex;
  align-items:center;
  margin-top:8px;
  padding-left:33px;
  color:#717a95;
  font-size:14px;
  line-height:20px;
}
.dmc-select{
  background:var(--dmc-select-bg-color);
  height:32px;
  position:relative;
  box-sizing:border-box;
  overflow:hidden;
  color:var(--dmc-select-text-color);
  font-weight:normal;
  font-size:14px;
  line-height:20px;
  border-color:var(--dmc-border-btn-color);
  border-style:solid;
  border-radius:6px;
  outline:none;
  box-shadow:none;
  width:256px;
  height:auto;
  min-height:32px;
  padding:1px;
  border-width:1px;
}
.dmc-select:hover{
  background:var(--dmc-select-bg-hover-color);
}
.dmc-select:hover .dmc-select-selection-search-input{
  cursor:pointer;
}
.dmc-select .dmc-select-selection-placeholder{
  color:var(--dmc-select-text-txt-color);
}
.dmc-select.dmc-select-multiple .dmc-tag{
  display:flex;
  align-items:center;
}
.dmc-select.dmc-select-disabled{
  background:var(--dmc-select-bg-disabled-color);
}
.dmc-select.dmc-select-disabled .dmc-select-selector{
  color:var(--dmc-select-text-disabled-color);
}
.dmc-select-dropdown{
  background:var(--dmc-select-dropdown-bg-color);
}
.dmc-select-dropdown .dmc-select-item-new-option{
  display:flex;
  align-items:center;
  padding-left:12px;
}
.dmc-select-dropdown .dmc-select-item-new-option-content{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.dmc-select-dropdown .dmc-select-item-new-option .dmc-select-item-option-state-icon{
  margin-right:9px;
}
.dmc-select-dropdown .dmc-select-item:hover{
  color:var(--dmc-select-text-hover-color);
  background:var(--dmc-select-item-hover-bg-color);
}
.dmc-select-dropdown > div > div:nth-last-child(1)::-webkit-scrollbar{
  display:none;
  width:7px;
  height:7px;
}
.dmc-select-dropdown > div > div:nth-last-child(1):hover::-webkit-scrollbar{
  display:block;
}
.dmc-select-dropdown > div > div:nth-last-child(1)::-webkit-scrollbar-track{
  background-color:transparent;
  border-radius:7px;
}
.dmc-select-dropdown > div > div:nth-last-child(1)::-webkit-scrollbar-thumb{
  background-color:var(--dmc-select-scrollbar-color);
  border-radius:7px;
}
.dmc-select-dropdown > div > div:nth-last-child(1)::-webkit-scrollbar-corner{
  background:transparent;
}
.dmc-select-create-select-single .dmc-tag{
  display:flex;
  align-items:center;
  background:none !important;
  pointer-events:none;
}
.dmc-select-create-select-single .dmc-tag > div{
  margin-right:5px;
}
.dmc-select-selection-search-input{
  color:var(--dmc-select-text-color);
}
.dmc-select-disabled{
  padding:0 !important;
}
.dmc-select-disabled.dmc-select-show-arrow .dmc-select-arrow-icon{
  color:var(--dmc-select-disabled-arrow-icon-color);
}
.dmc-select-disabled,
.dmc-select-disabled input{
  cursor:not-allowed !important;
}
.dmc-select-disabled .dmc-select-selection-placeholder{
  color:var(--dmc-select-text-txt-disabled-color) !important;
}
.dmc-select .dmc-select-selection{
  box-sizing:border-box;
}
.dmc-select .dmc-select-selection-search{
  box-sizing:content-box;
  padding-left:10px;
}
.dmc-select .dmc-select-selection-placeholder{
  color:var(--dmc-select-text-txt-color);
  display:flex;
  align-items:center;
}
.dmc-select .dmc-select-selector{
  margin-left:-2px;
}
.dmc-select .dmc-select-selector span + .dmc-select-selection-search{
  padding-left:0;
}
.dmc-select-single .dmc-select-selector{
  position:relative;
  display:flex;
  align-items:center;
  width:100%;
  height:100%;
}
.dmc-select-single .dmc-select-selector .dmc-select-selection-search,
.dmc-select-single .dmc-select-selector .dmc-select-selection-search-input{
  width:100%;
  height:100%;
}
.dmc-select-single .dmc-select-selector .dmc-select-selection-item,
.dmc-select-single .dmc-select-selector .dmc-select-selection-placeholder{
  position:absolute;
  top:0;
  right:'';
  bottom:0;
  left:10px;
  margin:auto 0;
  pointer-events:none;
}
.dmc-select-single .dmc-select-selector .dmc-select-selection-item > div,
.dmc-select-single .dmc-select-selector .dmc-select-selection-placeholder > div{
  margin-right:5px;
}
.dmc-select-single:not(.dmc-select-customize-input) .dmc-select-selector .dmc-select-selection-search-input{
  width:100%;
  margin-left:-4px;
  background:transparent;
  border:none;
  outline:none;
}
.dmc-select-multiple .dmc-select-selector{
  width:100%;
  height:100%;
  display:flex;
  flex-wrap:wrap;
}
.dmc-select-multiple .dmc-select-selector .dmc-select-selection-item{
  margin:4px;
  margin-left:0;
  padding:2px 8px;
  font-size:12px;
  line-height:17px;
  border-radius:4px;
  display:flex;
  align-items:center;
}
.dmc-select-multiple .dmc-select-selector .dmc-select-selection-item-disabled{
  cursor:not-allowed;
  opacity:0.5;
}
.dmc-select-multiple .dmc-select-selector .dmc-select-selection-item-clear-icon{
  width:16px;
  height:16px;
}
.dmc-select-multiple .dmc-select-selector .dmc-select-selection-search{
  position:relative;
  box-sizing:content-box;
  height:100%;
}
.dmc-select-multiple .dmc-select-selector .dmc-select-selection-search-input,
.dmc-select-multiple .dmc-select-selector .dmc-select-selection-search-mirror{
  height:100%;
  padding:1px;
}
.dmc-select-multiple .dmc-select-selector .dmc-select-selection-search-mirror{
  position:absolute;
  top:0;
  right:'';
  bottom:'';
  left:0;
  z-index:999;
  white-space:nowrap;
  visibility:hidden;
}
.dmc-select-multiple .dmc-select-selector .dmc-select-selection-placeholder{
  margin-left:-6px;
}
.dmc-select-multiple .dmc-select-selector .dmc-select-selection-search-input{
  width:100%;
  margin-left:-4px;
  background:transparent;
  border:none;
  outline:none;
}
.dmc-select .dmc-select-selection-overflow-item{
  display:inline-block;
}
.dmc-select-allow-clear.dmc-select-multiple .dmc-select-selector{
  padding-right:20px;
}
.dmc-select-allow-clear .dmc-select-clear{
  position:absolute;
  top:0;
  right:20px;
  bottom:'';
  left:'';
}
.dmc-select-show-arrow.dmc-select-multiple .dmc-select-selector{
  padding-right:20px;
}
.dmc-select-show-arrow .dmc-select-arrow{
  margin:auto 0;
  pointer-events:none;
  display:flex;
  align-items:center;
  position:absolute;
  top:0;
  right:9px;
  bottom:0;
  left:'';
}
.dmc-select-show-arrow .dmc-select-arrow-icon{
  display:inline-flex;
  align-items:center;
  color:var(--dmc-select-arrow-icon-color);
  width:18px;
  height:18px;
}
.dmc-select-focused{
  padding:0 !important;
  border-width:2px !important;
  border-color:var(--dmc-select-border-active-color) !important;
}
.dmc-select-focused .dmc-select-arrow{
  right:8px;
}
.dmc-select-focused.dmc-select-compact .dmc-select-arrow,
.dmc-select-focused.dmc-select-mini .dmc-select-arrow{
  right:7px;
}
.dmc-select-dropdown{
  position:absolute;
  z-index:1050;
  box-sizing:border-box;
  min-height:48px;
  margin-left:-3px;
  padding:6px 0;
  color:var(--dmc-select-text-color);
  border:1px solid var(--dmc-select-dropdown-border-color);
  border-radius:4px;
  box-shadow:var(--dmc-select-dropdown-shadow-color);
}
.dmc-select-dropdown-hidden{
  display:none;
}
.dmc-select-dropdown .dmc-list{
  background:transparent;
  border:none;
  border-radius:none;
  box-shadow:none;
}
.dmc-select-dropdown .dmc-list .dmc-select-item-option-empty{
  display:flex;
  align-items:center;
  margin-top:8px;
  padding-left:33px;
  color:#717a95;
  font-size:14px;
  line-height:20px;
}
.dmc-select-dropdown-loading{
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-top:6px;
  color:var(--dmc-select-text-loading-color);
}
.dmc-select-dropdown-loading .dmc-icon{
  width:20px;
  height:20px;
  -webkit-animation:dmc-spin 1s infinite linear;
          animation:dmc-spin 1s infinite linear;
}
.dmc-select-item{
  box-sizing:border-box;
  width:100%;
  padding:8px 0;
  padding-left:33px;
  color:var(--dmc-select-text-color);
  cursor:pointer;
}
.dmc-select-item-group{
  color:#999;
  font-weight:bold;
  font-size:80%;
}
.dmc-select-item-option{
  position:relative;
  font-size:14px;
  line-height:20px;
}
.dmc-select-item-option-grouped{
  padding-left:24px;
}
.dmc-select-item-option .dmc-select-item-option-state{
  position:absolute;
  top:0;
  right:'';
  bottom:0;
  left:12px;
  margin:auto 0;
  pointer-events:none;
  display:flex;
  align-items:center;
}
.dmc-select-item-option .dmc-select-item-option-state-icon{
  min-width:16px;
  width:16px;
  height:16px;
}
.dmc-select-item-option .dmc-select-item-option-content{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  margin-left:6px;
}
.dmc-select-item-option .dmc-select-item-option-content > div{
  margin-right:5px;
}
.dmc-select-item-option-active{
  background:var(--dmc-select-bg-active-color);
}
.dmc-select-item-option-disabled{
  color:#999;
}
.dmc-select-item-new-option + .dmc-select-item-option{
  border-bottom:2px solid var(--dmc-select-bg-active-color);
}
.dmc-select-item-empty{
  display:flex;
  align-items:center;
  margin-top:8px;
  padding-left:33px;
  color:#717a95;
  font-size:14px;
  line-height:20px;
}
.dmc-select .dmc-select-selector,
.dmc-select .dmc-select-selection-search,
.dmc-select .dmc-select-selection-search-input{
  height:100%;
  min-height:28px;
}
.dmc-select.dmc-select-multiple .dmc-tag{
  margin:4px;
  padding:2px 8px;
}
.dmc-select.dmc-select-single .dmc-select-selection-item{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  width:calc(100% - 37px);
  line-height:30px;
}
.dmc-select-menu-bg{
  background:var(--dmc-select-bg-mb-color);
}
.dmc-select-menu-bg:hover{
  background:var(--dmc-select-bg-mb-hover-color);
}
.dmc-select-menu-bg:hover .dmc-select-selection-search-input{
  cursor:pointer;
}
.dmc-select-menu-bg .dmc-select-selection-placeholder{
  color:var(--dmc-select-mb-ph-color);
}
.dmc-select-menu-bg.dmc-select-multiple .dmc-tag{
  display:flex;
  align-items:center;
}
.dmc-select-menu-bg.dmc-select-disabled{
  background:var(--dmc-select-mb-disabled-color);
}
.dmc-select-menu-bg.dmc-select-disabled .dmc-select-selector{
  color:var(--dmc-select-mb-disabled-text-color);
}
.dmc-select-menu-bg-dropdown{
  background:var(--dmc-select-mb-dropdown-bg-color);
}
.dmc-select-menu-bg-dropdown .dmc-select-item-new-option{
  display:flex;
  align-items:center;
  padding-left:12px;
}
.dmc-select-menu-bg-dropdown .dmc-select-item-new-option-content{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.dmc-select-menu-bg-dropdown .dmc-select-item-new-option .dmc-select-item-option-state-icon{
  margin-right:9px;
}
.dmc-select-menu-bg-dropdown .dmc-select-item:hover{
  color:var(--dmc-select-text-hover-color);
  background:var(--dmc-select-mb-item-hover-bg-color);
}
.dmc-select-menu-bg-dropdown > div > div:nth-last-child(1)::-webkit-scrollbar{
  display:none;
  width:7px;
  height:7px;
}
.dmc-select-menu-bg-dropdown > div > div:nth-last-child(1):hover::-webkit-scrollbar{
  display:block;
}
.dmc-select-menu-bg-dropdown > div > div:nth-last-child(1)::-webkit-scrollbar-track{
  background-color:transparent;
  border-radius:7px;
}
.dmc-select-menu-bg-dropdown > div > div:nth-last-child(1)::-webkit-scrollbar-thumb{
  background-color:var(--dmc-select-mb-scrollbar-color);
  border-radius:7px;
}
.dmc-select-menu-bg-dropdown > div > div:nth-last-child(1)::-webkit-scrollbar-corner{
  background:transparent;
}
.dmc-select-assist-bg{
  background:var(--dmc-select-bg-ab-color);
}
.dmc-select-assist-bg:hover{
  background:var(--dmc-select-bg-ab-hover-color);
}
.dmc-select-assist-bg:hover .dmc-select-selection-search-input{
  cursor:pointer;
}
.dmc-select-assist-bg .dmc-select-selection-placeholder{
  color:var(--dmc-select-ab-ph-color);
}
.dmc-select-assist-bg.dmc-select-multiple .dmc-tag{
  display:flex;
  align-items:center;
}
.dmc-select-assist-bg.dmc-select-disabled{
  background:var(--dmc-select-ab-disabled-color);
}
.dmc-select-assist-bg.dmc-select-disabled .dmc-select-selector{
  color:var(--dmc-select-ab-disabled-text-color);
}
.dmc-select-assist-bg-dropdown{
  background:var(--dmc-select-ab-dropdown-bg-color);
}
.dmc-select-assist-bg-dropdown .dmc-select-item-new-option{
  display:flex;
  align-items:center;
  padding-left:12px;
}
.dmc-select-assist-bg-dropdown .dmc-select-item-new-option-content{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.dmc-select-assist-bg-dropdown .dmc-select-item-new-option .dmc-select-item-option-state-icon{
  margin-right:9px;
}
.dmc-select-assist-bg-dropdown .dmc-select-item:hover{
  color:var(--dmc-select-text-hover-color);
  background:var(--dmc-select-ab-item-hover-bg-color);
}
.dmc-select-assist-bg-dropdown > div > div:nth-last-child(1)::-webkit-scrollbar{
  display:none;
  width:7px;
  height:7px;
}
.dmc-select-assist-bg-dropdown > div > div:nth-last-child(1):hover::-webkit-scrollbar{
  display:block;
}
.dmc-select-assist-bg-dropdown > div > div:nth-last-child(1)::-webkit-scrollbar-track{
  background-color:transparent;
  border-radius:7px;
}
.dmc-select-assist-bg-dropdown > div > div:nth-last-child(1)::-webkit-scrollbar-thumb{
  background-color:var(--dmc-select-ab-scrollbar-color);
  border-radius:7px;
}
.dmc-select-assist-bg-dropdown > div > div:nth-last-child(1)::-webkit-scrollbar-corner{
  background:transparent;
}
.dmc-select-compact{
  background:var(--dmc-select-bg-compact-color);
  width:256px;
  height:auto;
  min-height:28px;
  padding:2px;
  border-width:0;
}
.dmc-select-compact:hover{
  background:var(--dmc-select-bg-compact-hover-color);
}
.dmc-select-compact:hover .dmc-select-selection-search-input{
  cursor:pointer;
}
.dmc-select-compact .dmc-select-selection-placeholder{
  color:var(--dmc-select-compact-ph-color);
}
.dmc-select-compact.dmc-select-multiple .dmc-tag{
  display:flex;
  align-items:center;
}
.dmc-select-compact.dmc-select-disabled{
  background:var(--dmc-select-compact-disabled-color);
}
.dmc-select-compact.dmc-select-disabled .dmc-select-selector{
  color:var(--dmc-select-compact-disabled-text-color);
}
.dmc-select-compact-dropdown{
  background:var(--dmc-select-compact-dropdown-bg-color);
}
.dmc-select-compact-dropdown .dmc-select-item-new-option{
  display:flex;
  align-items:center;
  padding-left:12px;
}
.dmc-select-compact-dropdown .dmc-select-item-new-option-content{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.dmc-select-compact-dropdown .dmc-select-item-new-option .dmc-select-item-option-state-icon{
  margin-right:9px;
}
.dmc-select-compact-dropdown .dmc-select-item:hover{
  color:var(--dmc-select-text-hover-color);
  background:var(--dmc-select-compact-item-hover-bg-color);
}
.dmc-select-compact-dropdown > div > div:nth-last-child(1)::-webkit-scrollbar{
  display:none;
  width:7px;
  height:7px;
}
.dmc-select-compact-dropdown > div > div:nth-last-child(1):hover::-webkit-scrollbar{
  display:block;
}
.dmc-select-compact-dropdown > div > div:nth-last-child(1)::-webkit-scrollbar-track{
  background-color:transparent;
  border-radius:7px;
}
.dmc-select-compact-dropdown > div > div:nth-last-child(1)::-webkit-scrollbar-thumb{
  background-color:var(--dmc-select-compact-scrollbar-color);
  border-radius:7px;
}
.dmc-select-compact-dropdown > div > div:nth-last-child(1)::-webkit-scrollbar-corner{
  background:transparent;
}
.dmc-select-compact .dmc-select-selector,
.dmc-select-compact .dmc-select-selection-search,
.dmc-select-compact .dmc-select-selection-search-input{
  height:100%;
  min-height:24px;
}
.dmc-select-compact.dmc-select-multiple .dmc-tag{
  margin:2px;
  padding:1px 6px;
}
.dmc-select-compact.dmc-select-single .dmc-select-selection-item{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  width:calc(100% - 37px);
  line-height:26px;
}
.dmc-select-mini{
  background:var(--dmc-select-bg-compact-color);
  width:76px;
  height:auto;
  min-height:24px;
  padding:2px;
  border-width:0;
}
.dmc-select-mini:hover{
  background:var(--dmc-select-bg-compact-hover-color);
}
.dmc-select-mini:hover .dmc-select-selection-search-input{
  cursor:pointer;
}
.dmc-select-mini .dmc-select-selection-placeholder{
  color:var(--dmc-select-compact-ph-color);
}
.dmc-select-mini.dmc-select-multiple .dmc-tag{
  display:flex;
  align-items:center;
}
.dmc-select-mini.dmc-select-disabled{
  background:var(--dmc-select-compact-disabled-color);
}
.dmc-select-mini.dmc-select-disabled .dmc-select-selector{
  color:var(--dmc-select-compact-disabled-text-color);
}
.dmc-select-mini-dropdown{
  background:var(--dmc-select-compact-dropdown-bg-color);
}
.dmc-select-mini-dropdown .dmc-select-item-new-option{
  display:flex;
  align-items:center;
  padding-left:12px;
}
.dmc-select-mini-dropdown .dmc-select-item-new-option-content{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.dmc-select-mini-dropdown .dmc-select-item-new-option .dmc-select-item-option-state-icon{
  margin-right:9px;
}
.dmc-select-mini-dropdown .dmc-select-item:hover{
  color:var(--dmc-select-text-hover-color);
  background:var(--dmc-select-compact-item-hover-bg-color);
}
.dmc-select-mini-dropdown > div > div:nth-last-child(1)::-webkit-scrollbar{
  display:none;
  width:7px;
  height:7px;
}
.dmc-select-mini-dropdown > div > div:nth-last-child(1):hover::-webkit-scrollbar{
  display:block;
}
.dmc-select-mini-dropdown > div > div:nth-last-child(1)::-webkit-scrollbar-track{
  background-color:transparent;
  border-radius:7px;
}
.dmc-select-mini-dropdown > div > div:nth-last-child(1)::-webkit-scrollbar-thumb{
  background-color:var(--dmc-select-compact-scrollbar-color);
  border-radius:7px;
}
.dmc-select-mini-dropdown > div > div:nth-last-child(1)::-webkit-scrollbar-corner{
  background:transparent;
}
.dmc-select-mini .dmc-select-selector,
.dmc-select-mini .dmc-select-selection-search,
.dmc-select-mini .dmc-select-selection-search-input{
  height:100%;
  min-height:20px;
}
.dmc-select-mini.dmc-select-multiple .dmc-tag{
  margin:2px;
  padding:0 5px;
}
.dmc-select-mini.dmc-select-single .dmc-select-selection-item{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  width:calc(100% - 37px);
  line-height:22px;
}
.dmc-select-block{
  width:100%;
}
input[type='search']::-webkit-search-cancel-button{
  -webkit-appearance:none;
}

.dmc-color-picker-custom{
  position:relative;
  border-radius:4px;
}
.dmc-color-picker-custom-input-color{
  display:none;
}
.dmc-color-picker-custom-fileld{
  display:flex;
  padding-top:4px;
}
.dmc-color-picker-custom-fileld input{
  width:100%;
  padding:4px 0 3px;
  color:var(--dmc-input-text-color);
  font-size:12px;
  text-align:center;
  background:var(--dmc-colorpicker-input-bg-color);
  border:none;
  border-radius:6px;
  outline:none;
}
.dmc-color-picker-custom-fileld label{
  display:block;
  padding-top:3px;
  padding-bottom:4px;
  color:var(--dmc-colorpicker-content-text-color);
  font-size:11px;
  text-align:center;
  text-transform:capitalize;
}
.dmc-color-picker-custom-fileld-single{
  flex:1;
  padding-left:6px;
}
.dmc-color-picker-custom-fileld-double{
  flex:2;
}
.dmc-color-picker-custom-fileld-alpha{
  flex:1;
  padding-left:6px;
}
.dmc-color-picker-custom-saturation{
  width:100%;
  height:140px;
  position:relative;
  overflow:hidden;
  border-radius:4px;
}
.dmc-color-picker-custom-controls{
  display:flex;
  align-items:center;
}
.dmc-color-picker-custom-icon-straw{
  width:18px;
  height:18px;
  margin-left:5px;
  color:var(--dmc-colorpicker-content-text-color);
  cursor:pointer;
}
.dmc-color-picker-custom-sliders{
  flex:1;
  padding:4px 7px;
}
.dmc-color-picker-custom-hue,
.dmc-color-picker-custom-alpha{
  position:relative;
  height:8px;
  border:1px solid rgba(255, 255, 255, 0.25);
  border-radius:4px;
}
.dmc-color-picker-custom-alpha{
  margin-top:8px;
  width:100%;
}
.dmc-color-picker-custom-color{
  width:24px;
  height:24px;
  position:relative;
  margin-top:4px;
  margin-left:4px;
  overflow:hidden;
  border-radius:50%;
}
.dmc-color-picker-custom-color-active{
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  border-radius:2px;
}
.dmc-color-picker-custom-pointer{
  width:10px;
  height:10px;
  display:inline-block;
  box-sizing:border-box;
  background:var(--dmc-colorpicker-picker-bg-color);
  border:1px solid var(--dmc-colorpicker-picker-border-color);
  border-radius:50%;
  transform:translate(-6px, -4px);
}

.dmc-color-picker-circle{
  display:flex;
  flex-flow:wrap;
  margin:-5px -2px 2px;
  max-height:95px;
  overflow:scroll;
}
.dmc-color-picker-circle::-webkit-scrollbar{
  display:none;
  width:7px;
  height:0;
}
.dmc-color-picker-circle:hover::-webkit-scrollbar{
  display:block;
}
.dmc-color-picker-circle::-webkit-scrollbar-track{
  background-color:transparent;
  border-radius:7px;
}
.dmc-color-picker-circle::-webkit-scrollbar-thumb{
  background-color:var(--dmc-scrollbar-mb-color);
  border-radius:7px;
}
.dmc-color-picker-circle::-webkit-scrollbar-corner{
  background:transparent;
}
.dmc-color-picker-circle-swatch{
  width:19px;
  height:19px;
  box-sizing:border-box;
  overflow:hidden;
  border:1px solid rgba(255, 255, 255, 0.15);
  border-radius:50%;
}
.dmc-color-picker-circle-swatch-wrap{
  width:25px;
  height:25px;
  display:flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  margin-top:5px;
  margin-left:2px;
  border:2px solid transparent;
  border-radius:50%;
}
.dmc-color-picker-circle-swatch-wrap.active{
  border-color:var(--dmc-blue-400-color);
}

.dmc-color-picker-preset{
  padding:3px 10px;
}
.dmc-color-picker-preset-trigger{
  display:flex;
  align-items:center;
  color:var(--dmc-colorpicker-content-text-color);
  font-size:12px;
}
.dmc-color-picker-preset-trigger:hover{
  color:var(--dmc-colorpicker-content-text-hover-color);
}
.dmc-color-picker-preset-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-top:5px;
  margin-bottom:5px;
  cursor:pointer;
}
.dmc-color-picker-preset-expand{
  width:15px;
  height:15px;
  color:var(--dmc-colorpicker-content-text-color);
  transition:0.2s ease transform;
}
.dmc-color-picker-preset-expand.expand{
  transform:rotate(180deg);
}

.dmc-color-picker-favor{
  padding:10px;
}
.dmc-color-picker-favor-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:5px;
  cursor:pointer;
}
.dmc-color-picker-favor-btns{
  display:flex;
}
.dmc-color-picker-favor-add{
  width:15px;
  height:15px;
  margin-left:5px;
  color:var(--dmc-colorpicker-content-text-color);
}
.dmc-color-picker-favor-expand{
  width:15px;
  height:15px;
  color:var(--dmc-colorpicker-content-text-color);
  transition:0.2s ease transform;
}
.dmc-color-picker-favor-expand.expand{
  transform:rotate(180deg);
}
.dmc-color-picker-favor-label{
  color:var(--dmc-colorpicker-content-text-color);
  font-size:12px;
}
.dmc-color-picker-favor-placeholder{
  display:flex;
  align-items:center;
  color:var(--dmc-colorpicker-placeholder-color);
  font-size:12px;
}
.dmc-color-picker-favor-placeholder-circle{
  width:17px;
  height:17px;
  display:inline-block;
  margin-right:5px;
  border:1px solid var(--dmc-colorpicker-placeholder-color);
  border-radius:50%;
}

.dmc-color-picker-img{
  box-sizing:border-box;
  height:140px;
  margin:12px 12px 8px 12px;
}
.dmc-color-picker-img:hover .dmc-color-picker-img-btns{
  display:flex;
}
.dmc-color-picker-img-wrap{
  width:100%;
  height:100%;
  background-repeat:no-repeat;
  background-position:center;
}
.dmc-color-picker-img-btns{
  display:none;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  height:100%;
  background:var(--dmc-colorpicker-btns-bg-color);
}
.dmc-color-picker-img-btn{
  align-items:center;
  justify-content:center;
  width:166px;
}
.dmc-color-picker-img-size-select{
  width:218px;
}
.dmc-color-picker-img-size-wrap{
  display:flex;
  justify-content:center;
  padding-bottom:12px;
}

.dmc-color-picker{
  position:relative;
  width:242px;
  background:var(--dmc-colorpicker-bg-color);
  border:1px solid var(--dmc-border-page-color);
  border-radius:6px;
  box-shadow:var(--dmc-colorpicker-shadow-color);
}
.dmc-color-picker-img-block,
.dmc-color-picker-gradient-block,
.dmc-color-picker-color-block{
  box-sizing:border-box;
  width:28px;
  height:28px;
  background-position:center;
  border:1px solid var(--dmc-colorpicker-block-border-color);
  border-radius:4px;
}
.dmc-color-picker-block-disabled{
  cursor:not-allowed;
  opacity:0.2;
}
.dmc-color-picker-disabled{
  cursor:not-allowed;
  opacity:0.2;
  pointer-events:none;
}
.dmc-color-picker-create-filter.dmc-create-filter{
  padding:0;
  border:none;
}
.dmc-color-picker-create-filter.dmc-create-filter .dmc-create-filter-content{
  padding-right:0;
}
.dmc-color-picker-footer.dmc-create-filter-footer{
  display:none;
}
.dmc-color-picker-popup.dmc-tooltip{
  background:transparent;
  opacity:1;
  pointer-events:none;
}
.dmc-color-picker-custom{
  margin:10px;
}
.dmc-color-picker-divider{
  width:100%;
  height:1px;
  background:var(--dmc-border-page-color);
}
.dmc-color-picker-gradient-wrap{
  display:flex;
  align-items:center;
  justify-content:center;
  height:12px;
  margin-bottom:10px;
  padding-right:12px;
  padding-left:12px;
}
.dmc-color-picker-type-select{
  width:89px;
}
.dmc-color-picker-top-wrap{
  display:flex;
  justify-content:space-between;
  margin:12px;
}
.dmc-color-picker-top-wrap .dmc-color-picker-select{
  font-size:12px;
}
.dmc-color-picker-rotate-wrap{
  display:flex;
  align-items:center;
}
.dmc-color-picker-rotate-label{
  margin-right:8px;
  color:var(--dmc-text-700-color);
  font-size:13px;
}

.dmc-draggable-wrap{
  position:relative;
  z-index:100;
  display:inline-block;
  background:var(--dmc-draggable-wrap-bg-color);
  border-radius:6px;
  box-shadow:var(--dmc-draggable-wrap-shadow-color);
  pointer-events:initial;
}
.dmc-draggable-wrap-handle{
  position:absolute;
  z-index:1;
  color:var(--dmc-draggable-handle-color);
  cursor:move;
}

.dmc-create-filter{
  display:flex;
  flex-direction:column;
  box-sizing:border-box;
  padding:20px;
  background:var(--dmc-create-filter-bg-color);
  border:1px solid var(--dmc-border-page-color);
  border-radius:4px;
  box-shadow:var(--dmc-create-filter-shadow-color);
}
.dmc-create-filter-popup.dmc-tooltip{
  max-width:initial;
  pointer-events:none;
}
.dmc-create-filter-popup.dmc-tooltip .dmc-tooltip-arrow{
  display:none;
}
.dmc-create-filter-popup.dmc-tooltip .dmc-tooltip-inner{
  padding:0;
  background:transparent;
  opacity:1;
}
.dmc-create-filter-content{
  flex:1;
  overflow:auto;
  scrollbar-width:thin;
  scrollbar-color:var(--dmc-primary-menu-300-color) transparent;
}
.dmc-create-filter-content::-webkit-scrollbar{
  display:none;
  width:7px;
  height:7px;
}
.dmc-create-filter-content:hover::-webkit-scrollbar{
  display:block;
}
.dmc-create-filter-content::-webkit-scrollbar-track{
  background-color:transparent;
  border-radius:7px;
}
.dmc-create-filter-content::-webkit-scrollbar-thumb{
  background-color:var(--dmc-primary-menu-300-color);
  border-radius:7px;
}
.dmc-create-filter-content::-webkit-scrollbar-corner{
  background:transparent;
}
.dmc-create-filter-footer{
  display:flex;
  flex:0;
  align-items:center;
  justify-content:space-between;
}
.dmc-create-filter-btns .dmc-btn{
  margin-left:6px;
}
.dmc-create-filter-loading{
  display:flex;
  align-items:center;
  justify-content:center;
}
.dmc-create-filter-extra{
  color:var(--dmc-create-filter-loading);
  font-size:12px;
  cursor:pointer;
}
.dmc-create-filter-icon-loading{
  width:18px;
  height:18px;
  color:var(--dmc-create-filter-loading);
  -webkit-animation:loadingCircle 1s infinite linear;
          animation:loadingCircle 1s infinite linear;
}
@-webkit-keyframes loadingCircle{
  100%{
    transform:rotate(360deg);
  }
}
@keyframes loadingCircle{
  100%{
    transform:rotate(360deg);
  }
}

.dmc-popover{
  position:absolute;
  top:0;
  left:0;
  z-index:1030;
  box-sizing:border-box;
  font-weight:normal;
  white-space:normal;
  text-align:left;
  cursor:auto;
  -webkit-user-select:text;
     -moz-user-select:text;
      -ms-user-select:text;
          user-select:text;
}
.dmc-popover::after{
  position:absolute;
  background:rgba(0, 0, 0, 0.01);
  content:'';
}
.dmc-popover-hidden{
  display:none;
}
.dmc-popover-placement-top,
.dmc-popover-placement-topLeft,
.dmc-popover-placement-topRight{
  padding-bottom:11px;
}
.dmc-popover-placement-right,
.dmc-popover-placement-rightTop,
.dmc-popover-placement-rightBottom{
  padding-left:11px;
}
.dmc-popover-placement-bottom,
.dmc-popover-placement-bottomLeft,
.dmc-popover-placement-bottomRight{
  padding-top:11px;
}
.dmc-popover-placement-left,
.dmc-popover-placement-leftTop,
.dmc-popover-placement-leftBottom{
  padding-right:11px;
}
.dmc-popover-inner{
  overflow:hidden;
  background-color:var(--dmc-popover-bg);
  background-clip:padding-box;
  border:1px solid var(--dmc-popover-border-color);
  border-radius:4px;
  box-shadow:var(--dmc-popover-box-shadow-base);
}
.dmc-popover-title{
  min-width:177px;
  margin:0;
  padding:10px 18px;
  color:var(--dmc-popover-title-color);
  font-weight:normal;
  font-size:16px;
  line-height:22px;
  border-bottom:1px solid var(--dmc-popover-title-border-bottom-color);
}
.dmc-popover-inner-content{
  padding:20px;
  color:#000;
}
.dmc-popover-arrow{
  position:absolute;
  display:block;
  box-sizing:border-box;
  width:9.89949494px;
  height:9.89949494px;
  background:var(--dmc-popover-bg);
  border:0.5px solid var(--dmc-popover-border-color);
  transform:rotate(45deg);
}
.dmc-popover-arrow::after{
  position:absolute;
  width:calc(100% + 2px);
  height:calc(100% + 2px);
  background:var(--dmc-popover-bg);
  content:'';
}
.dmc-popover-placement-top > .dmc-popover-content > .dmc-popover-arrow,
.dmc-popover-placement-topLeft > .dmc-popover-content > .dmc-popover-arrow,
.dmc-popover-placement-topRight > .dmc-popover-content > .dmc-popover-arrow{
  bottom:6.2px;
}
.dmc-popover-placement-top > .dmc-popover-content > .dmc-popover-arrow::after,
.dmc-popover-placement-topLeft > .dmc-popover-content > .dmc-popover-arrow::after,
.dmc-popover-placement-topRight > .dmc-popover-content > .dmc-popover-arrow::after{
  top:-2px;
  left:-2px;
}
.dmc-popover-placement-top > .dmc-popover-content > .dmc-popover-arrow{
  left:50%;
  transform:translateX(-50%) rotate(45deg);
}
.dmc-popover-placement-topLeft > .dmc-popover-content > .dmc-popover-arrow{
  left:16px;
}
.dmc-popover-placement-topRight > .dmc-popover-content > .dmc-popover-arrow{
  right:16px;
}
.dmc-popover-placement-right > .dmc-popover-content > .dmc-popover-arrow,
.dmc-popover-placement-rightTop > .dmc-popover-content > .dmc-popover-arrow,
.dmc-popover-placement-rightBottom > .dmc-popover-content > .dmc-popover-arrow{
  left:6px;
}
.dmc-popover-placement-right > .dmc-popover-content > .dmc-popover-arrow::after,
.dmc-popover-placement-rightTop > .dmc-popover-content > .dmc-popover-arrow::after,
.dmc-popover-placement-rightBottom > .dmc-popover-content > .dmc-popover-arrow::after{
  top:-2px;
  left:0;
}
.dmc-popover-placement-right > .dmc-popover-content > .dmc-popover-arrow{
  top:50%;
  transform:translateY(-50%) rotate(45deg);
}
.dmc-popover-placement-rightTop > .dmc-popover-content > .dmc-popover-arrow{
  top:12px;
}
.dmc-popover-placement-rightBottom > .dmc-popover-content > .dmc-popover-arrow{
  bottom:12px;
}
.dmc-popover-placement-bottom > .dmc-popover-content > .dmc-popover-arrow,
.dmc-popover-placement-bottomLeft > .dmc-popover-content > .dmc-popover-arrow,
.dmc-popover-placement-bottomRight > .dmc-popover-content > .dmc-popover-arrow{
  top:6px;
}
.dmc-popover-placement-bottom > .dmc-popover-content > .dmc-popover-arrow::after,
.dmc-popover-placement-bottomLeft > .dmc-popover-content > .dmc-popover-arrow::after,
.dmc-popover-placement-bottomRight > .dmc-popover-content > .dmc-popover-arrow::after{
  top:0;
  left:0;
}
.dmc-popover-placement-bottom > .dmc-popover-content > .dmc-popover-arrow{
  left:50%;
  transform:translateX(-50%) rotate(45deg);
}
.dmc-popover-placement-bottomLeft > .dmc-popover-content > .dmc-popover-arrow{
  left:16px;
}
.dmc-popover-placement-bottomRight > .dmc-popover-content > .dmc-popover-arrow{
  right:16px;
}
.dmc-popover-placement-left > .dmc-popover-content > .dmc-popover-arrow,
.dmc-popover-placement-leftTop > .dmc-popover-content > .dmc-popover-arrow,
.dmc-popover-placement-leftBottom > .dmc-popover-content > .dmc-popover-arrow{
  right:6px;
}
.dmc-popover-placement-left > .dmc-popover-content > .dmc-popover-arrow::after,
.dmc-popover-placement-leftTop > .dmc-popover-content > .dmc-popover-arrow::after,
.dmc-popover-placement-leftBottom > .dmc-popover-content > .dmc-popover-arrow::after{
  top:0;
  left:-2px;
}
.dmc-popover-placement-left > .dmc-popover-content > .dmc-popover-arrow{
  top:50%;
  transform:translateY(-50%) rotate(45deg);
}
.dmc-popover-placement-leftTop > .dmc-popover-content > .dmc-popover-arrow{
  top:12px;
}
.dmc-popover-placement-leftBottom > .dmc-popover-content > .dmc-popover-arrow{
  bottom:12px;
}

.dmc-notification-container{
  position:relative;
  box-sizing:border-box;
  width:384px;
  padding:18px 24px 18px 64px;
  font-weight:normal;
  background:var(--dmc-notification-bg-color);
  border:1px solid var(--dmc-border-page-color);
  border-radius:4px;
  box-shadow:var(--dmc-notification-shadow);
}
.dmc-notification-container-no-icon{
  padding-left:24px;
}
.dmc-notification-container-footer{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  margin-top:16px;
}
.dmc-notification-container-footer .dmc-btn + .dmc-btn{
  margin-left:8px;
}
.dmc-notification-container-desc{
  margin-top:8px;
  color:var(--dmc-notification-desc-color);
  font-size:13px;
  line-height:150%;
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-line-clamp:5;
  -webkit-box-orient:vertical;
}
.dmc-notification-container-message{
  color:var(--dmc-notification-title-color);
  font-weight:500;
  font-size:16px;
  line-height:24px;
}
.dmc-notification-container-icon{
  position:absolute;
  top:18px;
  left:24px;
  width:24px;
  height:24px;
  color:var(--dmc-notification-icon-color);
}
.dmc-notification-container-success{
  color:var(--dmc-notification-icon-success-color);
}
.dmc-notification-container-alert{
  color:var(--dmc-notification-icon-alert-color);
}
.dmc-notification-container-help-2{
  color:var(--dmc-notification-icon-help-color);
}

.dmc-notification{
  position:fixed;
  z-index:1010;
  width:384px;
  margin-right:24px;
}
.dmc-notification-topLeft,
.dmc-notification-bottomLeft{
  margin-right:0;
  margin-left:24px;
}
.dmc-notification-topLeft .dmc-notification-fade-enter.dmc-notification-fade-enter-active,
.dmc-notification-bottomLeft .dmc-notification-fade-enter.dmc-notification-fade-enter-active,
.dmc-notification-topLeft .dmc-notification-fade-appear.dmc-notification-fade-appear-active,
.dmc-notification-bottomLeft .dmc-notification-fade-appear.dmc-notification-fade-appear-active{
  -webkit-animation-name:NotificationLeftFadeIn;
          animation-name:NotificationLeftFadeIn;
}
.dmc-notification-close-icon{
  position:absolute;
  top:18px;
  right:24px;
}
.dmc-notification-notice{
  position:relative;
  margin-bottom:16px;
  overflow:hidden;
}
.dmc-notification .notification-fade-effect{
  -webkit-animation-duration:0.24s;
          animation-duration:0.24s;
  -webkit-animation-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1);
          animation-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-animation-fill-mode:both;
          animation-fill-mode:both;
}
.dmc-notification-fade-enter,
.dmc-notification-fade-appear{
  opacity:0;
  -webkit-animation-duration:0.24s;
          animation-duration:0.24s;
  -webkit-animation-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1);
          animation-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-animation-fill-mode:both;
          animation-fill-mode:both;
  -webkit-animation-play-state:paused;
          animation-play-state:paused;
}
.dmc-notification-fade-leave{
  -webkit-animation-duration:0.24s;
          animation-duration:0.24s;
  -webkit-animation-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1);
          animation-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-animation-fill-mode:both;
          animation-fill-mode:both;
  -webkit-animation-duration:0.2s;
          animation-duration:0.2s;
  -webkit-animation-play-state:paused;
          animation-play-state:paused;
}
.dmc-notification-fade-enter.dmc-notification-fade-enter-active,
.dmc-notification-fade-appear.dmc-notification-fade-appear-active{
  -webkit-animation-name:NotificationFadeIn;
          animation-name:NotificationFadeIn;
  -webkit-animation-play-state:running;
          animation-play-state:running;
}
.dmc-notification-fade-leave.dmc-notification-fade-leave-active{
  -webkit-animation-name:NotificationFadeOut;
          animation-name:NotificationFadeOut;
  -webkit-animation-play-state:running;
          animation-play-state:running;
}
@-webkit-keyframes NotificationFadeIn{
  0%{
    left:384px;
    opacity:0;
  }
  100%{
    left:0;
    opacity:1;
  }
}
@keyframes NotificationFadeIn{
  0%{
    left:384px;
    opacity:0;
  }
  100%{
    left:0;
    opacity:1;
  }
}
@-webkit-keyframes NotificationLeftFadeIn{
  0%{
    right:384px;
    opacity:0;
  }
  100%{
    right:0;
    opacity:1;
  }
}
@keyframes NotificationLeftFadeIn{
  0%{
    right:384px;
    opacity:0;
  }
  100%{
    right:0;
    opacity:1;
  }
}
@-webkit-keyframes NotificationFadeOut{
  0%{
    max-height:150px;
    padding-top:18px;
    padding-bottom:18px;
    margin-bottom:16px;
    opacity:1;
  }
  100%{
    max-height:0;
    padding-top:0;
    padding-bottom:0;
    margin-bottom:0;
    opacity:0;
  }
}
@keyframes NotificationFadeOut{
  0%{
    max-height:150px;
    padding-top:18px;
    padding-bottom:18px;
    margin-bottom:16px;
    opacity:1;
  }
  100%{
    max-height:0;
    padding-top:0;
    padding-bottom:0;
    margin-bottom:0;
    opacity:0;
  }
}

.dmc-popconfirm-container.dmc-notification-container{
  width:260px;
  padding:0 0 0 30px;
  border:none;
  box-shadow:none;
}
.dmc-popconfirm-container.dmc-notification-container .dmc-notification-container-icon{
  top:0;
  left:0;
}
.dmc-popconfirm-container.dmc-notification-container-no-icon{
  padding:0;
}

.dmc-number-filter{
  width:-webkit-fit-content;
  width:-moz-fit-content;
  width:fit-content;
}
.dmc-number-filter.dmc-create-filter{
  padding-top:24px;
}
.dmc-number-filter-popup.dmc-tooltip{
  background:transparent;
  opacity:1;
}
.dmc-number-filter-content{
  display:flex;
}
.dmc-number-filter-content-item{
  color:var(--dmc-text-300-color);
  height:36px;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.dmc-input-number.dmc-number-filter-input{
  width:138px;
}
.dmc-number-filter-split{
  width:26px;
  color:var(--dmc-create-filter-text-color);
  line-height:76px;
  text-align:center;
}
.dmc-number-filter-label{
  display:flex;
  width:138px;
  margin-bottom:6px;
  overflow:hidden;
  color:var(--dmc-create-filter-desc-color);
  font-size:12px;
}
.dmc-number-filter-statistic{
  flex:1;
  margin-left:5px;
  color:var(--dmc-create-filter-text-color);
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.dmc-number-filter-footer.dmc-create-filter-footer{
  justify-content:flex-end;
}
.dmc-number-filter-select{
  width:144px;
}
.dmc-number-filter-none-text{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  padding:20px 0;
  font-size:12px;
  color:var(--dmc-text-300-color);
}
.dmc-number-filter-none-text span{
  color:var(--dmc-blue-400-color);
}
.dmc-number-filter .dmc-popconfirm-container{
  width:-webkit-fit-content;
  width:-moz-fit-content;
  width:fit-content;
}

.dmc-text-filter{
  display:inline-block;
  box-sizing:border-box;
  min-width:170px;
  font-size:14px;
  background:var(--dmc-create-filter-bg-color);
  border:1px solid var(--dmc-border-page-color);
  border-radius:4px;
  box-shadow:var(--dmc-create-filter-shadow-color);
}
.dmc-text-filter.dmc-create-filter{
  padding:0;
}
.dmc-text-filter .dmc-check-list-list{
  padding:0;
  background:none;
  border:none;
}
.dmc-text-filter-footer .dmc-create-filter-btns{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex:1;
  padding:7px;
  border-top:2px solid var(--dmc-border-page-color);
}

.dmc-radio{
  position:relative;
  display:inline-flex;
  align-items:center;
  cursor:pointer;
}
.dmc-radio .dmc-radio-icon-checked [fill='transparent']{
  fill:var(--dmc-radio-checked-inner-color);
}
.dmc-radio .dmc-radio-icon-checked [fill='currentColor']{
  fill:var(--dmc-radio-checked-out-color);
}
.dmc-radio .dmc-radio-icon-uncheck [fill='transparent']{
  fill:var(--dmc-radio-unchecked-inner-color);
}
.dmc-radio .dmc-radio-icon-uncheck [fill='currentColor']{
  fill:var(--dmc-radio-unchecked-out-color);
}
.dmc-radio:hover:not(.dmc-radio-disabled) .dmc-radio-icon-checked [fill='transparent']{
  fill:var(--dmc-radio-hover-checked-inner-color);
}
.dmc-radio:hover:not(.dmc-radio-disabled) .dmc-radio-icon-checked [fill='currentColor']{
  fill:var(--dmc-radio-hover-checked-out-color);
}
.dmc-radio:hover:not(.dmc-radio-disabled) .dmc-radio-icon-uncheck [fill='transparent']{
  fill:var(--dmc-radio-hover-unchecked-inner-color);
}
.dmc-radio:hover:not(.dmc-radio-disabled) .dmc-radio-icon-uncheck [fill='currentColor']{
  fill:var(--dmc-radio-hover-unchecked-out-color);
}
.dmc-radio-page-bg .dmc-radio-icon-checked [fill='transparent']{
  fill:var(--dmc-radio-pb-checked-inner-color);
}
.dmc-radio-page-bg .dmc-radio-icon-checked [fill='currentColor']{
  fill:var(--dmc-radio-pb-checked-out-color);
}
.dmc-radio-page-bg .dmc-radio-icon-uncheck [fill='transparent']{
  fill:var(--dmc-radio-pb-unchecked-inner-color);
}
.dmc-radio-page-bg .dmc-radio-icon-uncheck [fill='currentColor']{
  fill:var(--dmc-radio-pb-unchecked-out-color);
}
.dmc-radio-page-bg:hover:not(.dmc-radio-disabled) .dmc-radio-icon-checked [fill='transparent']{
  fill:var(--dmc-radio-pb-hover-checked-inner-color);
}
.dmc-radio-page-bg:hover:not(.dmc-radio-disabled) .dmc-radio-icon-checked [fill='currentColor']{
  fill:var(--dmc-radio-pb-hover-checked-out-color);
}
.dmc-radio-page-bg:hover:not(.dmc-radio-disabled) .dmc-radio-icon-uncheck [fill='transparent']{
  fill:var(--dmc-radio-pb-hover-unchecked-inner-color);
}
.dmc-radio-page-bg:hover:not(.dmc-radio-disabled) .dmc-radio-icon-uncheck [fill='currentColor']{
  fill:var(--dmc-radio-pb-hover-unchecked-out-color);
}
.dmc-radio-menu-bg .dmc-radio-icon-checked [fill='transparent']{
  fill:var(--dmc-radio-mb-checked-inner-color);
}
.dmc-radio-menu-bg .dmc-radio-icon-checked [fill='currentColor']{
  fill:var(--dmc-radio-mb-checked-out-color);
}
.dmc-radio-menu-bg .dmc-radio-icon-uncheck [fill='transparent']{
  fill:var(--dmc-radio-mb-unchecked-inner-color);
}
.dmc-radio-menu-bg .dmc-radio-icon-uncheck [fill='currentColor']{
  fill:var(--dmc-radio-mb-unchecked-out-color);
}
.dmc-radio-menu-bg:hover:not(.dmc-radio-disabled) .dmc-radio-icon-checked [fill='transparent']{
  fill:var(--dmc-radio-mb-hover-checked-inner-color);
}
.dmc-radio-menu-bg:hover:not(.dmc-radio-disabled) .dmc-radio-icon-checked [fill='currentColor']{
  fill:var(--dmc-radio-mb-hover-checked-out-color);
}
.dmc-radio-menu-bg:hover:not(.dmc-radio-disabled) .dmc-radio-icon-uncheck [fill='transparent']{
  fill:var(--dmc-radio-mb-hover-unchecked-inner-color);
}
.dmc-radio-menu-bg:hover:not(.dmc-radio-disabled) .dmc-radio-icon-uncheck [fill='currentColor']{
  fill:var(--dmc-radio-mb-hover-unchecked-out-color);
}
.dmc-radio-assist-bg .dmc-radio-icon-checked [fill='transparent']{
  fill:var(--dmc-radio-ab-checked-inner-color);
}
.dmc-radio-assist-bg .dmc-radio-icon-checked [fill='currentColor']{
  fill:var(--dmc-radio-ab-checked-out-color);
}
.dmc-radio-assist-bg .dmc-radio-icon-uncheck [fill='transparent']{
  fill:var(--dmc-radio-ab-unchecked-inner-color);
}
.dmc-radio-assist-bg .dmc-radio-icon-uncheck [fill='currentColor']{
  fill:var(--dmc-radio-ab-unchecked-out-color);
}
.dmc-radio-assist-bg:hover:not(.dmc-radio-disabled) .dmc-radio-icon-checked [fill='transparent']{
  fill:var(--dmc-radio-ab-hover-checked-inner-color);
}
.dmc-radio-assist-bg:hover:not(.dmc-radio-disabled) .dmc-radio-icon-checked [fill='currentColor']{
  fill:var(--dmc-radio-ab-hover-checked-out-color);
}
.dmc-radio-assist-bg:hover:not(.dmc-radio-disabled) .dmc-radio-icon-uncheck [fill='transparent']{
  fill:var(--dmc-radio-ab-hover-unchecked-inner-color);
}
.dmc-radio-assist-bg:hover:not(.dmc-radio-disabled) .dmc-radio-icon-uncheck [fill='currentColor']{
  fill:var(--dmc-radio-ab-hover-unchecked-out-color);
}
.dmc-radio-info{
  margin-left:6px;
  color:var(--dmc-radio-info-color);
  font-weight:normal;
  font-size:13px;
  line-height:18px;
}
.dmc-radio-disabled{
  cursor:not-allowed;
}
.dmc-radio-disabled .dmc-radio-icon-checked [fill='transparent']{
  fill:var(--dmc-radio-disabled-checked-inner-color);
}
.dmc-radio-disabled .dmc-radio-icon-checked [fill='currentColor']{
  fill:var(--dmc-radio-disabled-checked-out-color);
}
.dmc-radio-disabled .dmc-radio-icon-uncheck [fill='transparent']{
  fill:var(--dmc-radio-disabled-unchecked-inner-color);
}
.dmc-radio-disabled .dmc-radio-icon-uncheck [fill='currentColor']{
  fill:var(--dmc-radio-disabled-unchecked-out-color);
}
.dmc-radio-disabled.dmc-radio-page-bg .dmc-radio-icon-checked [fill='transparent']{
  fill:var(--dmc-radio-pb-disabled-checked-inner-color);
}
.dmc-radio-disabled.dmc-radio-page-bg .dmc-radio-icon-checked [fill='currentColor']{
  fill:var(--dmc-radio-pb-disabled-checked-out-color);
}
.dmc-radio-disabled.dmc-radio-page-bg .dmc-radio-icon-uncheck [fill='transparent']{
  fill:var(--dmc-radio-pb-disabled-unchecked-inner-color);
}
.dmc-radio-disabled.dmc-radio-page-bg .dmc-radio-icon-uncheck [fill='currentColor']{
  fill:var(--dmc-radio-pb-disabled-unchecked-out-color);
}
.dmc-radio-disabled.dmc-radio-menu-bg .dmc-radio-icon-checked [fill='transparent']{
  fill:var(--dmc-radio-mb-disabled-checked-inner-color);
}
.dmc-radio-disabled.dmc-radio-menu-bg .dmc-radio-icon-checked [fill='currentColor']{
  fill:var(--dmc-radio-mb-disabled-checked-out-color);
}
.dmc-radio-disabled.dmc-radio-menu-bg .dmc-radio-icon-uncheck [fill='transparent']{
  fill:var(--dmc-radio-mb-disabled-unchecked-inner-color);
}
.dmc-radio-disabled.dmc-radio-menu-bg .dmc-radio-icon-uncheck [fill='currentColor']{
  fill:var(--dmc-radio-mb-disabled-unchecked-out-color);
}
.dmc-radio-disabled.dmc-radio-assist-bg .dmc-radio-icon-checked [fill='transparent']{
  fill:var(--dmc-radio-ab-disabled-checked-inner-color);
}
.dmc-radio-disabled.dmc-radio-assist-bg .dmc-radio-icon-checked [fill='currentColor']{
  fill:var(--dmc-radio-ab-disabled-checked-out-color);
}
.dmc-radio-disabled.dmc-radio-assist-bg .dmc-radio-icon-uncheck [fill='transparent']{
  fill:var(--dmc-radio-ab-disabled-unchecked-inner-color);
}
.dmc-radio-disabled.dmc-radio-assist-bg .dmc-radio-icon-uncheck [fill='currentColor']{
  fill:var(--dmc-radio-ab-disabled-unchecked-out-color);
}
.dmc-radio-disabled .dmc-radio-info{
  color:var(--dmc-radio-info-disabled-color);
}
.dmc-radio-compact .dmc-icon{
  width:18px;
  height:18px;
}
.dmc-radio-group{
  display:inline-flex;
}
.dmc-radio-group .dmc-radio{
  margin-right:10px;
}
.dmc-radio-group .dmc-radio:last-child{
  margin-right:0;
}

.dmc-radio-button{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  height:30px;
  padding:0 12px;
  font-weight:normal;
  font-size:13px;
  line-height:18px;
  border:none;
  border-radius:4px;
  outline:none;
  box-shadow:none;
  cursor:pointer;
  -webkit-user-select:none;
     -moz-user-select:none;
      -ms-user-select:none;
          user-select:none;
  color:var(--dmc-radio-btn-text-color);
  background:var(--dmc-radio-btn-bg-color);
}
.dmc-radio-button:hover:not([disabled]){
  color:var(--dmc-radio-btn-text-hover-color);
  background:var(--dmc-radio-btn-bg-hover-color);
}
.dmc-radio-button-active:not([disabled]){
  color:var(--dmc-radio-btn-text-active-color) !important;
  background:var(--dmc-radio-btn-bg-active-color) !important;
}
.dmc-radio-button-disabled{
  color:var(--dmc-radio-btn-text-disabled-color);
  background:var(--dmc-radio-btn-bg-disabled-color);
  cursor:not-allowed;
}
.dmc-radio-button > .dmc-icon{
  width:16px;
  height:16px;
}
.dmc-radio-button-only-icon{
  width:30px !important;
  height:30px !important;
  padding:0 !important;
}
.dmc-radio-button-left-icon{
  margin-right:6px;
}
.dmc-radio-button-right-icon{
  margin-left:6px;
}
.dmc-radio-button-compact{
  height:26px;
  padding-right:12px;
  padding-left:12px;
}
.dmc-radio-button-compact > .dmc-icon{
  width:14px;
  height:14px;
}
.dmc-radio-button-group{
  padding:2px;
  background:var(--dmc-radio-btn-bg-group-color);
  border-radius:6px;
}
.dmc-radio-button-group .dmc-radio-button{
  margin-right:2px;
}
.dmc-radio-button-group .dmc-radio-button:last-child{
  margin-right:0;
}

.dmc-radio-nav{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  color:var(--dmc-radio-nav-text-color);
  font-weight:normal;
  font-size:13px;
  line-height:18px;
  outline:none;
  box-shadow:none;
  cursor:pointer;
  -webkit-user-select:none;
     -moz-user-select:none;
      -ms-user-select:none;
          user-select:none;
}
.dmc-radio-nav:hover{
  color:var(--dmc-radio-nav-text-hover-color);
}
.dmc-radio-nav:active,
.dmc-radio-nav-active{
  color:var(--dmc-radio-nav-text-active-color) !important;
  font-weight:500;
}
.dmc-radio-nav-icon{
  width:12px;
  height:12px;
}
.dmc-radio-nav-group{
  padding:12px 14px;
}
.dmc-radio-nav-group .dmc-radio-nav{
  margin-right:13px;
}
.dmc-radio-nav-group .dmc-radio-nav:last-child{
  margin-right:0;
}

.input-selected{
  color:var(--dmc-date-picker-selected-text-color);
  background:var(--dmc-date-picker-selected-bg-color);
}
.input-selected:hover:not(.input-selected:focus){
  background:var(--dmc-date-picker-selected-bg-hover-color);
}
.dmc-date-picker-panel{
  display:inline-flex;
  flex-direction:column;
  text-align:center;
  background:var(--dmc-date-picker-panel-bg-color);
  border:1px solid var(--dmc-border-page-color);
  border-radius:4px;
  outline:none;
}
.dmc-date-picker-decade-panel,
.dmc-date-picker-year-panel,
.dmc-date-picker-quarter-panel,
.dmc-date-picker-month-panel,
.dmc-date-picker-week-panel,
.dmc-date-picker-date-panel,
.dmc-date-picker-time-panel{
  display:flex;
  flex-direction:column;
  box-sizing:border-box;
  width:256px;
  padding:20px;
}
.dmc-date-picker-header{
  display:flex;
}
.dmc-date-picker-header > *{
  flex:none;
}
.dmc-date-picker-header button{
  padding:0;
  color:var(--dmc-date-picker-header-color);
  line-height:32px;
  background:transparent;
  border:0;
  cursor:pointer;
}
.dmc-date-picker-header > button{
  min-width:1.6em;
}
.dmc-date-picker-header > button:hover{
  background:var(--dmc-date-picker-header-bg-hover-color);
}
.dmc-date-picker-header-view{
  flex:auto;
  color:var(--dmc-date-picker-header-color);
  font-weight:500;
  line-height:32px;
}
.dmc-date-picker-header-view button{
  color:var(--dmc-date-picker-header-color);
  font-weight:inherit;
  text-align:center;
}
.dmc-date-picker-header-view button:hover{
  background:var(--dmc-date-picker-header-bg-hover-color);
}
.dmc-date-picker-prev-icon,
.dmc-date-picker-next-icon,
.dmc-date-picker-super-next-icon,
.dmc-date-picker-super-prev-icon{
  width:18px;
  height:18px;
  color:var(--dmc-date-picker-suffix-color);
}
.dmc-date-picker-content{
  width:100%;
  font-size:14px;
  table-layout:fixed;
  border-collapse:collapse;
}
.dmc-date-picker-content th,
.dmc-date-picker-content td{
  position:relative;
  min-width:24px;
  font-weight:500;
}
.dmc-date-picker-content th{
  height:30px;
  color:var(--dmc-date-picker-content-color);
  line-height:30px;
}
.dmc-date-picker-cell{
  color:var(--dmc-date-picker-content-out-cell-color);
}
.dmc-date-picker-cell-in-view{
  color:var(--dmc-date-picker-content-inner-cell-color);
  cursor:pointer;
}
.dmc-date-picker-cell-disabled{
  cursor:not-allowed;
  color:var(--dmc-date-picker-disabled-text-color);
}
.dmc-date-picker-cell::before{
  position:absolute;
  top:50%;
  right:0;
  left:0;
  z-index:1;
  height:28px;
  transform:translateY(-50%);
  content:'';
}
.dmc-date-picker-cell .dmc-date-picker-cell-inner{
  position:relative;
  z-index:2;
  display:inline-block;
  min-width:28px;
  height:28px;
  line-height:28px;
}
.dmc-date-picker-cell:hover:not(.dmc-date-picker-cell-in-view) .dmc-date-picker-cell-inner,
.dmc-date-picker-cell:hover:not(.dmc-date-picker-cell-selected):not(.dmc-date-picker-cell-range-start):not(.dmc-date-picker-cell-range-end):not(.dmc-date-picker-cell-range-hover-start):not(.dmc-date-picker-cell-range-hover-end) .dmc-date-picker-cell-inner{
  background:var(--dmc-date-picker-content-bg-hover-color);
}
.dmc-date-picker-cell-in-view.dmc-date-picker-cell-today .dmc-date-picker-cell-inner{
  color:var(--dmc-date-picker-today-color);
  font-size:14px;
}
.dmc-date-picker-cell-in-view.dmc-date-picker-cell-selected .dmc-date-picker-cell-inner,
.dmc-date-picker-cell-in-view.dmc-date-picker-cell-range-start .dmc-date-picker-cell-inner,
.dmc-date-picker-cell-in-view.dmc-date-picker-cell-range-end .dmc-date-picker-cell-inner{
  color:var(--dmc-date-picker-content-selected-color);
  background:var(--dmc-date-picker-content-selected-bg-color);
}
.dmc-date-picker-cell-disabled{
  pointer-events:none;
}
.dmc-date-picker-cell-disabled .dmc-date-picker-cell-inner{
  background:transparent;
}
.dmc-date-picker-footer{
  width:-webkit-min-content;
  width:-moz-min-content;
  width:min-content;
  min-width:100%;
  line-height:42px;
  text-align:center;
}
.dmc-date-picker-footer-extra{
  width:256px;
  text-align:left;
}
.dmc-date-picker-footer-radio-group{
  display:flex;
  align-items:center;
  justify-content:center;
  height:42px;
  line-height:38px;
  border-top:2px solid var(--dmc-border-page-color);
  border-bottom:2px solid var(--dmc-border-page-color);
}
.dmc-date-picker-footer-range-radio-group{
  display:flex;
  align-items:center;
  justify-content:center;
  height:42px;
  line-height:38px;
}
.dmc-date-picker-now{
  color:var(--dmc-date-picker-today-btn-color);
  font-size:14px;
  text-align:left;
  cursor:pointer;
}
.dmc-date-picker-today-btn{
  color:var(--dmc-date-picker-today-btn-color);
  font-size:14px;
  cursor:pointer;
}
.dmc-date-picker-today-btn.dmc-date-picker-today-btn-disabled{
  cursor:not-allowed;
}
.dmc-date-picker-month-panel .dmc-date-picker-cell-inner{
  width:72px;
  height:55px;
  line-height:55px;
  font-size:14px;
}
.dmc-date-picker-year-panel .dmc-date-picker-cell-inner{
  width:66px;
  height:43px;
  line-height:43px;
  font-size:14px;
}
.dmc-date-picker-quarter-panel .dmc-date-picker-cell-inner{
  width:55px;
  height:55px;
  font-size:14px;
  line-height:55px;
}
.dmc-date-picker-quarter-panel .dmc-date-picker-content{
  height:56px;
}
.dmc-date-picker-month-btn,
.dmc-date-picker-year-btn{
  width:62px;
}
.dmc-date-picker-decade-panel .dmc-date-picker-cell-inner{
  width:66px;
  height:43px;
  font-size:14px;
  line-height:43px;
  font-size:12px;
}
.dmc-date-picker-decade-panel .dmc-date-picker-cell::before{
  display:none;
}
.dmc-date-picker-week-panel .dmc-date-picker-cell:hover .dmc-date-picker-cell-inner,
.dmc-date-picker-week-panel .dmc-date-picker-cell-selected .dmc-date-picker-cell-inner,
.dmc-date-picker-week-panel .dmc-date-picker-cell .dmc-date-picker-cell-inner{
  background:transparent !important;
}
.dmc-date-picker-week-panel-row:hover td{
  background:var(--dmc-date-picker-content-bg-hover-color);
}
.dmc-date-picker-week-panel-row-selected td,
.dmc-date-picker-week-panel-row-selected:hover td{
  background:var(--dmc-date-picker-content-selected-bg-color);
}
.dmc-date-picker-show-time .dmc-date-picker-footer-radio-group{
  border-bottom:none;
}
.dmc-date-picker-datetime-panel{
  display:flex;
}
.dmc-date-picker-datetime-panel .dmc-date-picker-time-panel{
  z-index:1;
  margin-bottom:-44px;
  background:var(--dmc-date-picker-panel-bg-color);
}
.dmc-date-picker-datetime-panel .dmc-date-picker-time-panel .dmc-date-picker-header{
  border-bottom:1px solid var(--dmc-border-page-color);
  border-left:1px solid var(--dmc-border-page-color);
}
.dmc-date-picker-datetime-panel .dmc-date-picker-time-panel .dmc-date-picker-content{
  border-left:1px solid var(--dmc-border-page-color);
}
.dmc-date-picker-datetime-panel-active .dmc-date-picker-date-panel,
.dmc-date-picker-datetime-panel-active .dmc-date-picker-time-panel{
  opacity:0.3;
}
.dmc-date-picker-datetime-panel-active .dmc-date-picker-date-panel-active,
.dmc-date-picker-datetime-panel-active .dmc-date-picker-time-panel-active{
  opacity:1;
}
.dmc-date-picker-time-panel{
  width:auto;
  min-width:auto;
  padding:0;
}
.dmc-date-picker-time-panel .dmc-date-picker-content{
  display:flex;
  flex:auto;
  height:224px;
}
.dmc-date-picker-time-panel-column{
  flex:1 0 auto;
  width:72px;
  margin:0;
  padding:0 0 194px 0;
  overflow-y:hidden;
  text-align:left;
  list-style:none;
}
.dmc-date-picker-time-panel-column:not(:first-child){
  border-left:1px solid var(--dmc-border-page-color);
}
.dmc-date-picker-time-panel-column:hover{
  overflow-y:auto;
}
.dmc-date-picker-time-panel-column:hover::-webkit-scrollbar{
  display:none;
  width:0;
  height:0;
}
.dmc-date-picker-time-panel-column:hover:hover::-webkit-scrollbar{
  display:block;
}
.dmc-date-picker-time-panel-column:hover::-webkit-scrollbar-track{
  background-color:transparent;
  border-radius:0;
}
.dmc-date-picker-time-panel-column:hover::-webkit-scrollbar-thumb{
  background-color:transparent;
  border-radius:0;
}
.dmc-date-picker-time-panel-column:hover::-webkit-scrollbar-corner{
  background:transparent;
}
.dmc-date-picker-time-panel-column > li{
  margin:0;
  padding:0;
}
.dmc-date-picker-time-panel-column > li.dmc-date-picker-time-panel-cell .dmc-date-picker-time-panel-cell-inner{
  display:block;
  width:100%;
  height:34px;
  margin:0;
  padding:0;
  color:var(--dmc-date-picker-content-inner-cell-color);
  line-height:34px;
  text-align:center;
  border-radius:0;
  cursor:pointer;
}
.dmc-date-picker-time-panel-column > li.dmc-date-picker-time-panel-cell .dmc-date-picker-time-panel-cell-inner:hover{
  background:var(--dmc-date-picker-content-bg-hover-color);
}
.dmc-date-picker-time-panel-column > li.dmc-date-picker-time-panel-cell-selected .dmc-date-picker-time-panel-cell-inner{
  color:var(--dmc-date-picker-content-selected-color);
  background:var(--dmc-date-picker-content-selected-bg-color);
}
.dmc-date-picker-time-panel-column > li.dmc-date-picker-time-panel-cell-disabled .dmc-date-picker-time-panel-cell-inner{
  color:var(--dmc-date-picker-header-bg-hover-color);
  background:transparent;
  cursor:not-allowed;
}
_:-ms-fullscreen .dmc-date-picker-range-wrapper .dmc-date-picker-month-panel .dmc-date-picker-cell,
:root .dmc-date-picker-range-wrapper .dmc-date-picker-month-panel .dmc-date-picker-cell,
_:-ms-fullscreen .dmc-date-picker-range-wrapper .dmc-date-picker-year-panel .dmc-date-picker-cell,
:root .dmc-date-picker-range-wrapper .dmc-date-picker-year-panel .dmc-date-picker-cell{
  padding:21px 0;
}
.dmc-date-picker{
  position:relative;
  display:inline-flex;
  align-items:center;
  box-sizing:border-box;
  margin:0;
  padding:0;
}
.dmc-date-picker-disabled{
  background:var(--dmc-date-picker-bg-disabled-color);
  border-radius:6px;
  cursor:not-allowed;
}
.dmc-date-picker:hover .dmc-date-picker-clear{
  opacity:1;
}
.dmc-date-picker-input{
  position:relative;
  display:inline-flex;
  width:100%;
}
.dmc-date-picker-input > input:not([value='']){
  color:var(--dmc-date-picker-selected-text-color);
  background:var(--dmc-date-picker-selected-bg-color);
  border-color:var(--dmc-date-picker-border-color);
}
.dmc-date-picker-input > input:not([value='']):hover:not(.dmc-date-picker-input > input:not([value='']):focus){
  background:var(--dmc-date-picker-selected-bg-hover-color);
}
.dmc-date-picker-input > input:not([value='']):focus{
  color:var(--dmc-date-picker-focus-text-color);
}
.dmc-date-picker-input > input:not([value='']):focus + span{
  color:var(--dmc-date-picker-suffix-color);
}
.dmc-date-picker-input > input:not([value='']) + span{
  color:var(--dmc-date-picker-suffix-focus-color);
}
.dmc-date-picker-input > input{
  position:relative;
  box-sizing:border-box;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:200px;
  height:32px;
  padding:0 8px 0 30px;
  overflow:hidden;
  color:var(--dmc-date-picker-text-color);
  font-weight:normal;
  font-size:13px;
  line-height:18px;
  border-radius:6px;
  outline:none;
  box-shadow:none;
  background:var(--dmc-date-picker-bg-color);
  border:2px solid transparent;
}
.dmc-date-picker-input > input::-moz-placeholder{
  color:var(--dmc-date-picker-placeholder-color);
  opacity:1;
}
.dmc-date-picker-input > input:-ms-input-placeholder{
  color:var(--dmc-date-picker-placeholder-color);
}
.dmc-date-picker-input > input::-webkit-input-placeholder{
  color:var(--dmc-date-picker-placeholder-color);
}
.dmc-date-picker-input > input:hover:not(:focus){
  background:var(--dmc-date-picker-bg-hover-color);
}
.dmc-date-picker-input > input:hover:not([value='']):not(:focus){
  background:var(--dmc-date-picker-bg-value-hover-color);
}
.dmc-date-picker-input > input:focus{
  border-color:var(--dmc-date-picker-border-focus-color);
  outline:none !important;
  box-shadow:none;
}
.dmc-date-picker-input > input[disabled]{
  background:transparent;
}
.dmc-date-picker-assist-bg .dmc-date-picker-input > input{
  background:var(--dmc-date-picker-assist-bg-color);
}
.dmc-date-picker-assist-bg .dmc-date-picker-input > input:not([value='']){
  color:var(--dmc-date-picker-selected-text-color);
  background:var(--dmc-date-picker-selected-bg-color);
  border-color:var(--dmc-date-picker-assist-bg-border-color);
}
.dmc-date-picker-assist-bg .dmc-date-picker-input > input:not([value='']):hover:not(.dmc-date-picker-assist-bg .dmc-date-picker-input > input:not([value='']):focus){
  background:var(--dmc-date-picker-selected-bg-hover-color);
}
.dmc-date-picker-assist-bg .dmc-date-picker-input > input:focus{
  color:var(--dmc-date-picker-focus-text-color);
}
.dmc-date-picker-assist-bg .dmc-date-picker-input > input::-moz-placeholder{
  color:var(---dmc-date-picker-assist-bg-placeholder-colo);
  opacity:1;
}
.dmc-date-picker-assist-bg .dmc-date-picker-input > input:-ms-input-placeholder{
  color:var(---dmc-date-picker-assist-bg-placeholder-colo);
}
.dmc-date-picker-assist-bg .dmc-date-picker-input > input::-webkit-input-placeholder{
  color:var(---dmc-date-picker-assist-bg-placeholder-colo);
}
.dmc-date-picker-assist-bg .dmc-date-picker-input > input:hover:not(:focus){
  background:var(--dmc-date-picker-assist-bg-hover-color);
}
.dmc-date-picker-assist-bg .dmc-date-picker-input > input:hover:not([value='']):not(:focus){
  background:var(--dmc-date-picker-assist-bg-value-hover-color);
}
.dmc-date-picker-assist-bg .dmc-date-picker-suffix{
  color:var(--dmc-date-picker-text-color);
}
.dmc-date-picker-compact .dmc-date-picker-input > input{
  height:28px;
}
.dmc-date-picker-suffix{
  position:absolute;
  left:10px;
  align-self:center;
  color:var(--dmc-date-picker-suffix-color);
  pointer-events:none;
}
.dmc-date-picker-suffix-icon{
  width:18px;
  height:18px;
}
.dmc-date-picker-clear{
  position:absolute;
  top:50%;
  right:6px;
  color:var(--dmc-date-picker-clear-color);
  transform:translateY(-50%);
  cursor:pointer;
  opacity:0;
}
.dmc-date-picker-clear:hover{
  color:var(--dmc-date-picker-clear-hover-color);
}
.dmc-date-picker-clear-icon{
  width:16px;
  height:16px;
}
.dmc-date-picker-dropdown{
  position:absolute;
  z-index:1050;
  box-sizing:border-box;
  margin:0;
  padding:0;
}
.dmc-date-picker-dropdown-hidden{
  display:none;
}
.dmc-date-picker-dropdown-placement-bottomLeft .dmc-date-picker-range-arrow{
  top:1.66666667px;
  display:block;
  transform:rotate(-45deg);
}
.dmc-date-picker-dropdown-placement-topLeft .dmc-date-picker-range-arrow{
  bottom:1.66666667px;
  display:block;
  transform:rotate(135deg);
}
.dmc-date-picker-ranges{
  margin:0;
  padding:0 10px 0 18px;
  overflow:hidden;
  text-align:left;
  list-style:none;
  border-top:2px solid var(--dmc-border-page-color);
}
.dmc-date-picker-ranges > li{
  display:inline-block;
}
.dmc-date-picker-ranges .dmc-date-picker-ok{
  float:right;
}
.dmc-date-picker-range-wrapper{
  display:flex;
}
.dmc-date-picker-panel-container{
  overflow:hidden;
  vertical-align:top;
  background:var(--dmc-date-picker-panel-bg-color);
  border:1px solid var(--dmc-border-page-color);
  border-radius:4px;
  box-shadow:var(--dmc-date-picker-panel-border-shadow);
}
.dmc-date-picker-panel-container .dmc-date-picker-panels{
  display:inline-flex;
  flex-wrap:nowrap;
  direction:ltr;
}
.dmc-date-picker-panel-container .dmc-date-picker-panel{
  vertical-align:top;
  background:transparent;
  border-width:0 0 1px 0;
  border-radius:0;
}

.dmc-date-filter-dropmenu{
  width:130px;
}
.dmc-date-filter-fast{
  display:flex;
  align-items:center;
  margin-bottom:10px;
}
.dmc-date-filter-fast-label{
  color:var(--dmc-create-filter-desc-color);
}
.dmc-date-filter-date-picker{
  margin-bottom:10px;
}
.dmc-date-filter-date-wrap{
  display:flex;
  margin-bottom:20px;
}
.dmc-date-filter-date-item{
  display:flex;
  flex-direction:column;
  width:200px;
}
.dmc-date-filter-date-label{
  width:100%;
  margin-bottom:5px;
  color:var(--dmc-create-filter-desc-color);
  font-size:12px;
}
.dmc-date-filter-date-split{
  width:24px;
  padding-top:22px;
  color:var(--dmc-create-filter-text-color);
  font-weight:100;
  line-height:30px;
  text-align:center;
}
.dmc-date-filter-footer{
  justify-content:flex-end;
}
.dmc-date-filter-dynamic{
  display:flex;
  align-items:center;
  margin-bottom:20px;
  padding:12px;
  background:var(--dmc-create-filter-dynamic-bg-color);
  border:1px solid var(--dmc-border-page-color);
  border-radius:4px;
}
.dmc-date-filter-dynamic-label{
  color:var(--dmc-create-filter-dynamic-text-color);
}
.dmc-date-filter-dynamic-input{
  margin:0 4px;
}

.rdg-cell{
  position:absolute;
  height:inherit;
  background-color:inherit;
  border-right:1px solid var(--border-color);
  border-bottom:1px solid var(--border-color);
  contain:strict;
  contain:size layout style paint;
}
.rdg-cell-frozen{
  position:sticky;
  z-index:1;
}
.rdg-cell-selected{
  box-shadow:inset 0 0 0 2px var(--selection-color);
}
.rdg-cell-copied{
  background-color:rgba(66, 133, 244, 0.1);
}
.rdg-cell-drag-handle{
  background-color:var(--selection-color);
  cursor:move;
  position:absolute;
  right:0;
  bottom:0;
  width:8px;
  height:8px;
}
.rdg-cell-drag-handle:hover{
  width:16px;
  height:16px;
  background-color:var(--background-color);
  border:2px solid var(--selection-color);
}
.rdg-cell-dragged-over{
  background-color:rgba(66, 133, 244, 0.1);
}
.rdg-cell-copied.rdg-cell-dragged-over{
  background-color:var(--dmc-datatable-selected-color);
}
.rdg-cell-editing{
  padding:0;
}
.rdg{
  --color:var(--dmc-datatable-color);
  --border-color:var(--dmc-datatable-border-color);
  --summary-border-color:var(--dmc-datatable-summary-border-color);
  --background-color:var(--dmc-datatable-bg-color);
  --selection-color:var(--dmc-datatable-selection-color);
  --font-size:14px;
  box-sizing:border-box;
  height:100%;
  overflow-x:auto;
  overflow-y:auto;
  color:var(--color);
  font-size:var(--font-size);
  background-color:var(--background-color);
  border:1px solid var(--border-color);
  -webkit-user-select:none;
  -moz-user-select:none;
   -ms-user-select:none;
       user-select:none;
  contain:strict;
  contain:size layout style paint;
}
.rdg *,
.rdg *::before,
.rdg *::after{
  box-sizing:inherit;
}
@supports not (contain: strict){
  .rdg{
    position:relative;
    z-index:0;
  }
}
.rdg-focus-sink{
  position:sticky;
  top:0;
  right:0;
  bottom:'';
  left:0;
  width:0;
  outline:0;
}
.rdg-viewport-dragging .rdg-row{
  cursor:move;
}
.rdg-editor-container{
  position:absolute;
  z-index:11;
}
.rdg-editor-container2{
  display:contents;
}
.rdg-text-editor{
  z-index:11;
  box-sizing:border-box;
  width:calc(100% + 1px);
  height:calc(100% + 1px);
  margin:-1px 0 0 -1px;
  padding:1px 7px 0 7px;
  color:var(--dmc-input-text-color);
  font-size:var(--font-size);
  line-height:1.2;
  background:var(--dmc-input-bg-color);
  background-color:var(--background-color);
  border:2px solid var(--selection-color) !important;
  -webkit-appearance:none;
     -moz-appearance:none;
          appearance:none;
}
.rdg-text-editor:focus{
  border-color:var(--selection-color);
}
.rdg-text-editor::-moz-placeholder{
  color:var(--dmc-input-text-placeholder-color);
  opacity:1;
}
.rdg-text-editor:-ms-input-placeholder{
  color:var(--dmc-input-text-placeholder-color);
  opacity:1;
}
.rdg-text-editor::placeholder{
  color:var(--dmc-input-text-placeholder-color);
  opacity:1;
}
.rdg-header-row,
.rdg-filter-row{
  contain:strict;
  contain:size layout style paint;
  position:sticky;
  z-index:3;
  display:flex;
  width:var(--row-width);
}
.rdg-header-row{
  top:0;
  height:var(--header-row-height);
  line-height:var(--header-row-height);
}
.rdg-header-row .rdg-cell{
  height:45px;
  text-align:center;
}
.rdg-filter-row{
  top:var(--header-row-height);
  height:var(--filter-row-height);
  line-height:var(--filter-row-height);
}
.rdg-filter-row .rdg-cell{
  padding:0 15px;
}
.rdg-header-cell-resizer{
  width:10px;
  cursor:col-resize;
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:'';
}
.rdg-cell .Select{
  max-height:30px;
  font-size:12px;
  font-weight:normal;
}
.rdg-header-sort-cell{
  display:flex;
  cursor:pointer;
}
.rdg-header-sort-name{
  flex-grow:1;
  overflow:hidden;
  text-overflow:ellipsis;
}
.rdg-row{
  position:absolute;
  left:0;
  display:flex;
  width:var(--row-width);
  height:var(--row-height);
  line-height:var(--row-height);
  background-color:var(--background-color);
  contain:strict;
  contain:size layout style paint;
}
.rdg-summary-row{
  position:sticky;
  z-index:3;
}
.rdg-summary-row > .rdg-cell{
  border-top:2px solid var(--summary-border-color);
}
.dmc-datatable-wrapper{
  width:100%;
  height:100%;
  position:relative;
}
.dmc-datatable div.rdg-row-odd{
  background:var(--dmc-datatable-pb-body-odd-bg-color);
}
.dmc-datatable div.rdg-row-even{
  background:var(--dmc-datatable-pb-body-even-bg-color);
}
.dmc-datatable div.rdg-header-row,
.dmc-datatable div.rdg-filter-row{
  background-color:var(--dmc-datatable-pb-head-bg-color);
}
.dmc-datatable .dmc-datatable-empty{
  background-color:var(--dmc-datatable-pb-empty-bg-color);
}
.dmc-datatable .dmc-datatable-empty-row{
  width:100%;
  height:calc(100% - 45px);
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--dmc-datatable-empty-color);
}
.dmc-datatable.dmc-datatable::-webkit-scrollbar{
  display:none;
  width:7px;
  height:7px;
}
.dmc-datatable.dmc-datatable:hover::-webkit-scrollbar{
  display:block;
}
.dmc-datatable.dmc-datatable::-webkit-scrollbar-track{
  background-color:transparent;
  border-radius:7px;
}
.dmc-datatable.dmc-datatable::-webkit-scrollbar-thumb{
  background-color:var(--dmc-scrollbar-color);
  border-radius:7px;
}
.dmc-datatable.dmc-datatable::-webkit-scrollbar-corner{
  background:transparent;
}
.dmc-datatable-assist-bg div.rdg-row-odd{
  background:var(--dmc-datatable-ab-body-odd-bg-color);
}
.dmc-datatable-assist-bg div.rdg-row-even{
  background:var(--dmc-datatable-ab-body-even-bg-color);
}
.dmc-datatable-assist-bg div.rdg-header-row,
.dmc-datatable-assist-bg div.rdg-filter-row{
  background-color:var(--dmc-datatable-ab-head-bg-color);
}
.dmc-datatable-assist-bg .dmc-datatable-empty{
  background-color:var(--dmc-datatable-ab-empty-bg-color);
}
.dmc-datatable-assist-bg .dmc-datatable-empty-row{
  width:100%;
  height:calc(100% - 45px);
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--dmc-datatable-empty-color);
}
.dmc-datatable-assist-bg.dmc-datatable::-webkit-scrollbar{
  display:none;
  width:7px;
  height:7px;
}
.dmc-datatable-assist-bg.dmc-datatable:hover::-webkit-scrollbar{
  display:block;
}
.dmc-datatable-assist-bg.dmc-datatable::-webkit-scrollbar-track{
  background-color:transparent;
  border-radius:7px;
}
.dmc-datatable-assist-bg.dmc-datatable::-webkit-scrollbar-thumb{
  background-color:var(--dmc-scrollbar-color);
  border-radius:7px;
}
.dmc-datatable-assist-bg.dmc-datatable::-webkit-scrollbar-corner{
  background:transparent;
}
.dmc-datatable-loading{
  display:flex;
  align-items:center;
  justify-content:center;
  position:absolute;
  top:0;
  left:0;
  z-index:10;
  width:100%;
}
.dmc-datatable-loading .dmc-icon{
  width:36px;
  height:36px;
  -webkit-animation:dmc-spin 1s infinite linear;
          animation:dmc-spin 1s infinite linear;
}
.dmc-datatable-header-cell-dropmenu{
  display:flex;
  align-items:center;
  justify-content:space-between;
  cursor:pointer;
}
.dmc-datatable-header-cell-dropmenu > .dmc-icon{
  width:16px;
  height:16px;
  min-width:16px;
  margin-right:10px;
  line-height:1;
}
.dmc-datatable-header-cell-wrapper{
  display:flex;
  align-items:center;
  padding:0 15px;
}
.dmc-datatable-header-cell-wrapper .dmc-icon{
  width:13px;
  height:13px;
  min-width:13px;
  margin-right:8px;
  line-height:1;
}
.dmc-datatable-header-cell::before{
  width:100%;
  height:4px;
  position:absolute;
  top:0;
  left:0;
  display:block;
  content:'';
}
.dmc-datatable-header-cell-number::before{
  background:var(--dmc-datatable-red-color);
}
.dmc-datatable-header-cell-text::before{
  background:var(--dmc-datatable-blue-color);
}
.dmc-datatable-header-cell-datetime::before{
  background:var(--dmc-datatable-green-color);
}
.dmc-datatable-header-cell-image::before{
  background:var(--dmc-datatable-plain-blue-color);
}
.dmc-datatable-header-cell-lnglat::before{
  background:var(--dmc-datatable-yellow-color);
}
.dmc-datatable .rdg-cell{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.dmc-datatable .rdg-cell:not(.dmc-datatable-header-cell){
  padding:0 20px;
}
.dmc-datatable .rdg-filter-row .rdg-cell{
  padding:0 15px;
}

.dmc-dialog{
  position:relative;
  width:auto;
  margin:10px;
}
.dmc-dialog-wrap{
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  left:0;
  z-index:1000;
  -webkit-overflow-scrolling:touch;
  outline:0;
}
.dmc-dialog-title{
  margin:0;
  font-weight:normal;
  font-size:16px;
  line-height:22px;
}
.dmc-dialog-content{
  position:relative;
  background-color:var(--dmc-dialog-bg-color);
  border:1px solid var(--dmc-dialog-border-color);
  border-radius:6px;
}
.dmc-dialog-close{
  position:absolute;
  top:20px;
  right:20px;
  z-index:1;
  padding:0;
  color:var(--dmc-text-800-color);
  background:transparent;
  border:none;
  outline:none;
  cursor:pointer;
}
.dmc-dialog-close .dmc-icon{
  width:20px;
  height:20px;
}
.dmc-dialog-close:hover{
  color:var(--dmc-dialog-close-color);
}
.dmc-dialog-close:active{
  color:var(--dmc-dialog-close-hover-color) !important;
}
.dmc-dialog-header{
  padding:19px 20px;
  color:var(--dmc-diaglog-header-color);
  border-bottom:1px solid var(--dmc-dialog-border-color);
  border-radius:6px 6px 0 0;
}
.dmc-dialog-body{
  padding:20px;
}
.dmc-dialog-footer{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  padding:20px;
  border-radius:0 0 6px 6px;
}
.dmc-dialog-default-actions{
  display:flex;
}
.dmc-dialog-default-actions .dmc-btn + .dmc-btn{
  margin-left:8px;
}
.dmc-dialog-centered{
  text-align:center;
}
.dmc-dialog-centered::before{
  display:inline-block;
  width:0;
  height:100%;
  vertical-align:middle;
  content:'';
}
.dmc-dialog-centered .dmc-dialog{
  display:inline-block;
  text-align:left;
  vertical-align:middle;
}
.dmc-dialog-zoom-enter,
.dmc-dialog-zoom-appear{
  opacity:0;
  -webkit-animation-duration:0.3s;
          animation-duration:0.3s;
  -webkit-animation-fill-mode:both;
          animation-fill-mode:both;
  -webkit-animation-play-state:paused;
          animation-play-state:paused;
  -webkit-animation-timing-function:cubic-bezier(0.08, 0.82, 0.17, 1);
          animation-timing-function:cubic-bezier(0.08, 0.82, 0.17, 1);
}
.dmc-dialog-zoom-leave{
  -webkit-animation-duration:0.3s;
          animation-duration:0.3s;
  -webkit-animation-fill-mode:both;
          animation-fill-mode:both;
  -webkit-animation-play-state:paused;
          animation-play-state:paused;
  -webkit-animation-timing-function:cubic-bezier(0.6, 0.04, 0.98, 0.34);
          animation-timing-function:cubic-bezier(0.6, 0.04, 0.98, 0.34);
}
.dmc-dialog-zoom-enter.dmc-dialog-zoom-enter-active,
.dmc-dialog-zoom-appear.dmc-dialog-zoom-appear-active{
  -webkit-animation-name:dmc-zoom-in;
          animation-name:dmc-zoom-in;
  -webkit-animation-play-state:running;
          animation-play-state:running;
}
.dmc-dialog-zoom-leave.dmc-dialog-zoom-leave-active{
  -webkit-animation-name:dmc-zoom-out;
          animation-name:dmc-zoom-out;
  -webkit-animation-play-state:running;
          animation-play-state:running;
}
.dmc-dialog-mask{
  position:fixed;
  top:0;
  right:0;
  bottom:0;
  left:0;
  z-index:1000;
  height:100%;
  background-color:var(--dmc-dialog-mask-color);
  opacity:0.8;
}
.dmc-dialog-mask-hidden{
  display:none;
}
.dmc-dialog-fade-enter,
.dmc-dialog-fade-appear{
  opacity:0;
  -webkit-animation-duration:0.3s;
          animation-duration:0.3s;
  -webkit-animation-timing-function:cubic-bezier(0.55, 0, 0.55, 0.2);
          animation-timing-function:cubic-bezier(0.55, 0, 0.55, 0.2);
  -webkit-animation-fill-mode:both;
          animation-fill-mode:both;
  -webkit-animation-play-state:paused;
          animation-play-state:paused;
}
.dmc-dialog-fade-leave{
  -webkit-animation-duration:0.3s;
          animation-duration:0.3s;
  -webkit-animation-timing-function:cubic-bezier(0.55, 0, 0.55, 0.2);
          animation-timing-function:cubic-bezier(0.55, 0, 0.55, 0.2);
  -webkit-animation-fill-mode:both;
          animation-fill-mode:both;
  -webkit-animation-play-state:paused;
          animation-play-state:paused;
}
.dmc-dialog-fade-enter.dmc-dialog-fade-enter-active,
.dmc-dialog-fade-appear.dmc-dialog-fade-appear-active{
  -webkit-animation-name:dmc-fade-in;
          animation-name:dmc-fade-in;
  -webkit-animation-play-state:running;
          animation-play-state:running;
}
.dmc-dialog-fade-leave.dmc-dialog-fade-leave-active{
  -webkit-animation-name:dmc-fade-out;
          animation-name:dmc-fade-out;
  -webkit-animation-play-state:running;
          animation-play-state:running;
}
@media (min-width: 768px){
  .dmc-dialog{
    width:600px;
    margin:30px auto;
  }
}

.dmc-dialog.dmc-dialog-emotion{
  position:relative;
  width:450px;
}
.dmc-dialog.dmc-dialog-emotion .dmc-dialog-body{
  padding:33px 20px 0 79px;
}
.dmc-dialog-emotion-title{
  color:var(--dmc-dialog-emotion-title-color);
  font-weight:600;
  font-size:20px;
  line-height:32px;
}
.dmc-dialog-emotion.dmc-dialog-emotion-no-icon .dmc-dialog-body{
  padding:28px 20px 0 28px;
}
.dmc-dialog-emotion-desc{
  margin-top:4px;
  color:var(--dmc-dialog-emotion-desc-color);
  font-weight:normal;
  font-size:14px;
  line-height:20px;
}
.dmc-dialog-emotion-extra{
  margin-top:6px;
}
.dmc-dialog-emotion-icon{
  position:absolute;
  top:33px;
  left:33px;
  width:32px;
  height:32px;
  color:var(--dmc-dialog-emotion-icon-color);
}
.dmc-dialog-emotion-alert{
  color:var(--dmc-dialog-emotion-alert-color);
}
.dmc-dialog-emotion-success{
  color:var(--dmc-dialog-emotion-success-color);
}
.dmc-dialog-emotion-help-2{
  color:var(--dmc-dialog-emotion-help-color);
}

.dmc-form-item{
  display:inline-flex;
  align-items:center;
  color:var(--dmc-form-item-color);
  font-weight:normal;
  font-size:14px;
  line-height:20px;
}
.dmc-form-item-block{
  width:100%;
}
.dmc-form-item-block .dmc-form-item-message-wrapper{
  width:100%;
}
.dmc-form-item-column{
  flex-direction:column;
  align-items:flex-start;
}
.dmc-form-item-column .dmc-form-item-label{
  margin-bottom:6px;
}
.dmc-form-item-label{
  display:flex;
  flex-direction:row;
  align-items:center;
  margin-right:10px;
}
.dmc-form-item-label-right{
  flex-direction:row-reverse;
}
.dmc-form-item-label-right .dmc-form-item-required{
  margin-left:4px;
}
.dmc-form-item-message{
  display:flex;
  align-items:center;
  position:absolute;
  margin-top:6px;
  color:var(--dmc-form-item-msg-color);
  font-weight:normal;
  font-size:12px;
  line-height:17px;
}
.dmc-form-item-message-error{
  color:var(--dmc-input-error-color);
}
.dmc-form-item-message-success{
  color:var(--dmc-input-success-color);
}
.dmc-form-item-message-warning{
  color:var(--dmc-input-warning-color);
}
.dmc-form-item-message-wrapper{
  position:relative;
}
.dmc-form-item-icon{
  width:16px;
  height:16px;
  margin-right:2px;
}
.dmc-form-item-required{
  color:var(--dmc-form-item-required-color);
}

.dmc-dot{
  display:inline-flex;
}
.dmc-dot-dot{
  width:6px;
  height:6px;
  z-index:1;
  background:var(--dmc-dot-process-color);
  border-radius:50%;
}
.dmc-dot-error-status .dmc-dot-dot{
  background:var(--dmc-dot-error-color);
}
.dmc-dot-error-status .dmc-dot-text{
  color:var(--dmc-dot-error-color);
}
.dmc-dot-error-status.dmc-dot-has-text:before{
  background:var(--dmc-dot-error-bg-color);
}
.dmc-dot-warning-status .dmc-dot-dot{
  background:var(--dmc-dot-warning-color);
}
.dmc-dot-warning-status .dmc-dot-text{
  color:var(--dmc-dot-warning-color);
}
.dmc-dot-warning-status.dmc-dot-has-text:before{
  background:var(--dmc-dot-warning-bg-color);
}
.dmc-dot-success-status .dmc-dot-dot{
  background:var(--dmc-dot-success-color);
}
.dmc-dot-success-status .dmc-dot-text{
  color:var(--dmc-dot-success-color);
}
.dmc-dot-success-status.dmc-dot-has-text:before{
  background:var(--dmc-dot-success-bg-color);
}
.dmc-dot-canceled-status .dmc-dot-dot{
  background:var(--dmc-dot-canceled-color);
}
.dmc-dot-canceled-status .dmc-dot-text{
  color:var(--dmc-dot-canceled-color);
}
.dmc-dot-canceled-status.dmc-dot-has-text:before{
  background:var(--dmc-dot-canceled-bg-color);
}
.dmc-dot-has-text{
  display:flex;
  align-items:center;
  position:relative;
  padding:2px 8px;
  overflow:hidden;
  font-weight:normal;
  font-size:13px;
  line-height:18px;
  border-radius:100px;
}
.dmc-dot-has-text::before{
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  background:var(--dmc-dot-process-bg-color);
  opacity:0.2;
  content:'';
}
.dmc-dot-text{
  z-index:1;
  margin-left:6px;
  color:var(--dmc-dot-process-color);
}

.dmc-drawer{
  position:fixed;
  z-index:100;
  transition:width 0s ease 0.4s, height 0s ease 0.4s, transform 0.4s ease-in-out;
}
.dmc-drawer > *{
  transition:transform 0.4s ease-in-out, opacity 0.4s ease-in-out;
}
.dmc-drawer .dmc-drawer-mask{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:0;
  background:#000;
  opacity:0;
  transition:opacity 0.4s ease-in-out, height 0s ease 0.4s;
}
.dmc-drawer-content-wrapper{
  position:absolute;
  background:var(--dmc-drawer-bg-color);
  box-shadow:var(--dmc-drawer-shadow-color);
}
.dmc-drawer-content{
  position:relative;
  z-index:1;
  overflow:auto;
  color:var(--dmc-drawer-content-text-color);
  font-size:14px;
}
.dmc-drawer-handle{
  position:absolute;
  top:72px;
  z-index:0;
  display:flex;
  align-items:center;
  justify-content:center;
  width:41px;
  height:40px;
  background:var(--dmc-page-700-color);
  cursor:pointer;
}
.dmc-drawer-handle-icon{
  position:relative;
  width:14px;
  height:2px;
  background:var(--dmc-page-400-color);
  transition:background 0.4s ease-in-out;
}
.dmc-drawer-handle-icon::before,
.dmc-drawer-handle-icon::after{
  position:absolute;
  display:block;
  width:100%;
  height:2px;
  background:var(--dmc-page-400-color);
  transition:transform 0.4s ease-in-out;
  content:'';
}
.dmc-drawer-handle-icon::before{
  top:-5px;
}
.dmc-drawer-handle-icon::after{
  top:5px;
}
.dmc-drawer-left,
.dmc-drawer-right{
  width:0;
  height:100%;
}
.dmc-drawer-left .dmc-drawer-content-wrapper,
.dmc-drawer-right .dmc-drawer-content-wrapper,
.dmc-drawer-left .dmc-drawer-content,
.dmc-drawer-right .dmc-drawer-content{
  height:100%;
}
.dmc-drawer-left.dmc-drawer-open,
.dmc-drawer-right.dmc-drawer-open{
  width:100%;
}
.dmc-drawer-left.dmc-drawer-open.no-mask,
.dmc-drawer-right.dmc-drawer-open.no-mask{
  width:0%;
}
.dmc-drawer-left{
  left:0;
}
.dmc-drawer-left .dmc-drawer-handle{
  right:-40px;
  border-radius:0 4px 4px 0;
  box-shadow:var(--dmc-drawer-left-shadow-color);
}
.dmc-drawer-right{
  top:0;
  right:0;
}
.dmc-drawer-right .dmc-drawer-content-wrapper{
  right:0;
}
.dmc-drawer-right .dmc-drawer-handle{
  left:-40px;
  border-radius:4px 0 0 4px;
  box-shadow:var(--dmc-drawer-right-shadow-color);
}
.dmc-drawer-right.dmc-drawer-open.no-mask{
  right:1px;
  transform:translateX(1px);
}
.dmc-drawer-top,
.dmc-drawer-bottom{
  width:100%;
  height:0;
}
.dmc-drawer-top .dmc-drawer-content-wrapper,
.dmc-drawer-bottom .dmc-drawer-content-wrapper,
.dmc-drawer-top .dmc-drawer-content,
.dmc-drawer-bottom .dmc-drawer-content{
  width:100%;
}
.dmc-drawer-top .dmc-drawer-content,
.dmc-drawer-bottom .dmc-drawer-content{
  height:100%;
}
.dmc-drawer-top.dmc-drawer-open,
.dmc-drawer-bottom.dmc-drawer-open{
  height:100%;
}
.dmc-drawer-top.dmc-drawer-open.no-mask,
.dmc-drawer-bottom.dmc-drawer-open.no-mask{
  height:0%;
}
.dmc-drawer-top .dmc-drawer-handle,
.dmc-drawer-bottom .dmc-drawer-handle{
  left:50%;
  margin-left:-20px;
}
.dmc-drawer-top{
  top:0;
}
.dmc-drawer-top .dmc-drawer-handle{
  top:auto;
  bottom:-40px;
  border-radius:0 0 4px 4px;
  box-shadow:var(--dmc-drawer-top-shadow-color);
}
.dmc-drawer-bottom{
  bottom:0;
}
.dmc-drawer-bottom .dmc-drawer-content-wrapper{
  bottom:0;
}
.dmc-drawer-bottom .dmc-drawer-handle{
  top:-40px;
  border-radius:4px 4px 0 0;
  box-shadow:var(--dmc-drawer-botom-shadow-color);
}
.dmc-drawer-bottom.dmc-drawer-open.no-mask{
  bottom:1px;
  transform:translateY(1px);
}
.dmc-drawer.dmc-drawer-open{
  transition:transform 0.4s ease-in-out;
}
.dmc-drawer.dmc-drawer-open .dmc-drawer-mask{
  height:100%;
  opacity:0.8;
  transition:opacity 0.3s ease-in-out;
}
.dmc-drawer.dmc-drawer-open .dmc-drawer-handle-icon{
  background:transparent;
}
.dmc-drawer.dmc-drawer-open .dmc-drawer-handle-icon::before{
  transform:translateY(5px) rotate(45deg);
}
.dmc-drawer.dmc-drawer-open .dmc-drawer-handle-icon::after{
  transform:translateY(-5px) rotate(-45deg);
}
.dmc-drawer.dmc-drawer-drag .dmc-drawer-content-wrapper{
  background:transparent;
  box-shadow:none;
  pointer-events:none;
}
.dmc-drawer.dmc-drawer-drag .dmc-drawer-content-wrapper .dmc-split-panel,
.dmc-drawer.dmc-drawer-drag .dmc-drawer-content-wrapper .dmc-split-panel .Pane1{
  pointer-events:none;
}
.dmc-drawer.dmc-drawer-drag .dmc-drawer-content-wrapper .dmc-split-panel-resizer,
.dmc-drawer.dmc-drawer-drag .dmc-drawer-content-wrapper .dmc-split-panel .Pane2{
  background:var(--dmc-drawer-bg-color);
  box-shadow:0 0 1px rgba(0, 0, 0, 0.24), -2px 0 6px rgba(0, 0, 0, 0.36), -10px 0 20px rgba(0, 0, 0, 0.12);
  pointer-events:auto;
}

.dmc-split-panel .dmc-split-panel-resizer{
  z-index:1;
  box-sizing:border-box;
  -moz-background-clip:padding;
  -webkit-background-clip:padding;
  background-clip:padding-box;
  opacity:0;
}
.dmc-split-panel .dmc-split-panel-resizer:hover{
  transition:opacity 2s ease;
}
.dmc-split-panel .dmc-split-panel-resizer.horizontal{
  width:100%;
  height:10px;
  margin:-5px 0;
  cursor:row-resize;
}
.dmc-split-panel .dmc-split-panel-resizer.horizontal:hover{
  border-top:5px solid rgba(0, 0, 0, 0.5);
  border-bottom:5px solid rgba(0, 0, 0, 0.5);
  opacity:0.2;
}
.dmc-split-panel .dmc-split-panel-resizer.vertical{
  width:10px;
  margin:0 -5px;
  cursor:col-resize;
}
.dmc-split-panel .dmc-split-panel-resizer.vertical:hover{
  border-right:5px solid rgba(0, 0, 0, 0.5);
  border-left:5px solid rgba(0, 0, 0, 0.5);
  opacity:0.2;
}
.dmc-split-panel .dmc-split-panel-resizer.disabled{
  cursor:not-allowed;
}
.dmc-split-panel .dmc-split-panel-resizer.disabled:hover{
  border-color:transparent;
}

.dmc-dropzone{
  display:flex;
  align-items:center;
  justify-content:center;
  width:300px;
  height:300px;
  border:2px dashed;
  border-color:var(--dmc-drop-zone-border-color);
  background:var(--dmc-drop-zone-bg-color);
  border-radius:4px;
  cursor:pointer;
}
.dmc-dropzone:hover:not([disabled]){
  background:var(--dmc-drop-zone-bg-active-color);
  border-color:var(--dmc-drop-zone-border-active-color);
}
.dmc-dropzone-compact{
  width:200px;
  height:200px;
  border-width:1px;
}
.dmc-dropzone-compact .dmc-dropzone-tip{
  font-size:13px;
  line-height:18px;
}
.dmc-dropzone-compact .dmc-dropzone-desc{
  margin-top:8px;
}
.dmc-dropzone-compact .dmc-dropzone-icon{
  width:54px;
  height:54px;
  color:var(--dmc-drop-zone-compact-icon-color);
  border:1px dashed;
  border-radius:50%;
}
.dmc-dropzone-compact .dmc-dropzone-icon::before{
  display:flex;
  align-items:center;
  justify-content:center;
  position:absolute;
  top:-2px;
  left:0;
  width:100%;
  height:100%;
  font-size:26px;
  background:transparent;
  content:'+';
}
.dmc-dropzone-compact .dmc-dropzone-icon::after{
  display:none;
}
.dmc-dropzone-disabled{
  cursor:not-allowed;
  border-color:var(--dmc-drop-zone-border-color) !important;
  background:var(--dmc-drop-zone-bg-color) !important;
}
.dmc-dropzone-container{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  width:100%;
  height:100%;
  outline:none;
}
.dmc-dropzone-tip{
  margin-top:30px;
  color:var(--dmc-drop-zone-tip-color);
  font-weight:normal;
  font-size:14px;
  line-height:20px;
}
.dmc-dropzone-desc{
  margin-top:2px;
  padding:0 20px;
  color:var(--dmc-drop-zone-desc-color);
  font-weight:normal;
  font-size:12px;
  line-height:17px;
  text-align:center;
}
.dmc-dropzone-icon{
  position:relative;
  width:80px;
  height:80px;
  color:var(--dmc-drop-zone-icon-color);
}
.dmc-dropzone-icon::before{
  position:absolute;
  top:39px;
  left:0;
  width:100%;
  height:2px;
  background:var(--dmc-drop-zone-icon-color);
  content:'';
}
.dmc-dropzone-icon::after{
  position:absolute;
  top:0;
  left:39px;
  width:2px;
  height:100%;
  background:var(--dmc-drop-zone-icon-color);
  content:'';
}

.dmc-load-progress{
  pointer-events:none;
}
.dmc-load-progress-line-bar{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:2px;
  z-index:2000;
  background:var(--dmc-load-process-color);
}
.dmc-load-progress-line-bar-container{
  position:absolute;
  right:0;
  display:block;
  width:100px;
  height:100%;
  transform:rotate(4deg) translate(0, -3px);
  opacity:1;
}

.dmc-page-header{
  display:flex;
  align-items:center;
  height:52px;
  padding:0 12px;
  background:var(--dmc-page-header-bg-color);
  border-bottom:1px solid var(--dmc-page-header-border-color);
}

.dmc-pagination{
  display:flex;
  align-items:center;
}
.dmc-pagination-prev{
  border-radius:6px 0 0 6px;
}
.dmc-pagination-next{
  border-radius:0 6px 6px 0;
}
.dmc-pagination-item a{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:100%;
  outline:none;
}
.dmc-pagination-prev a,
.dmc-pagination-next a{
  outline:none;
}
.dmc-pagination li{
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--dmc-pagination-color);
  font-size:13px;
  line-height:18px;
  list-style:none;
  outline:none;
  cursor:pointer;
}
.dmc-pagination .dmc-pagination-prev,
.dmc-pagination .dmc-pagination-next{
  width:30px;
  height:30px;
}
.dmc-pagination .dmc-pagination-break,
.dmc-pagination .dmc-pagination-item{
  outline:none;
}
.dmc-pagination .dmc-pagination-break a,
.dmc-pagination .dmc-pagination-item a{
  padding:6px 12px;
  outline:none;
}
.dmc-pagination-compact .dmc-pagination-prev,
.dmc-pagination-compact .dmc-pagination-next{
  width:24px;
  height:24px;
}
.dmc-pagination-compact .dmc-pagination-break,
.dmc-pagination-compact .dmc-pagination-item{
  outline:none;
}
.dmc-pagination-compact .dmc-pagination-break a,
.dmc-pagination-compact .dmc-pagination-item a{
  padding:3px 6px;
  outline:none;
}
.dmc-pagination li{
  background:var(--dmc-pagination-bg-color);
}
.dmc-pagination li.dmc-pagination-item-active{
  color:var(--dmc-pagination-hover-color);
  background:var(--dmc-pagination-active-bg-color);
}
.dmc-pagination li:hover{
  color:var(--dmc-pagination-hover-color);
  background:var(--dmc-pagination-hover-bg-color);
}
.dmc-pagination-assist li{
  background:var(--dmc-pagination-assist-bg-color);
}
.dmc-pagination-assist li.dmc-pagination-item-active{
  color:var(--dmc-pagination-hover-color);
  background:var(--dmc-pagination-assist-active-bg-color);
}
.dmc-pagination-assist li:hover{
  color:var(--dmc-pagination-hover-color);
  background:var(--dmc-pagination-assist-hover-bg-color);
}

.dmc-preview-list{
  display:flex;
  flex-direction:column;
  width:100%;
  height:100%;
}
.dmc-preview-list-head{
  height:34px;
  color:var(--dmc-text-200-color);
  background-color:rgba(76, 85, 110, 0.3);
  display:flex;
  align-items:center;
}
.dmc-preview-list-head .name{
  display:flex;
  flex:1;
  justify-content:center;
  font-size:14px;
  text-align:center;
}
.dmc-preview-list-head-black-full{
  background-color:rgba(76, 85, 110, 0.2);
}
.dmc-preview-list-default-full{
  background-color:black;
}
.dmc-preview-list-black-full{
  background-color:var(--dmc-page-700-color);
}
.dmc-preview-list-action{
  display:flex;
  align-items:center;
  color:var(--dmc-text-400-color);
}
.dmc-preview-list-action .dmc-icon{
  margin-right:9px;
}
.dmc-preview-list-fullscreen{
  width:100vw;
  height:100vh;
}
.dmc-preview-list-preview{
  position:relative;
  flex:1;
  display:flex;
  flex-direction:column;
}
.dmc-preview-list-preview-container{
  flex:1;
  overflow:hidden;
  border-radius:6px;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.dmc-preview-list-preview-container .content{
  width:calc(100% - 188px);
  height:100%;
}
.dmc-preview-list-nav{
  position:absolute;
  top:calc(50% - 60px);
  display:flex;
  align-items:center;
  justify-content:center;
  width:40px;
  height:120px;
  z-index:2000;
  color:var(--dmc-text-200-color);
  cursor:pointer;
  opacity:0.7;
}
.dmc-preview-list-nav:hover{
  background:rgba(0, 0, 0, 0.6);
  opacity:1;
}
.dmc-preview-list-left-nav{
  left:0;
  border-radius:0 8px 8px 0;
}
.dmc-preview-list-right-nav{
  right:0;
  border-radius:8px 0 0 8px;
}
.dmc-preview-list-item{
  box-sizing:border-box;
  padding:0 4px;
  pointer-events:none;
}
.dmc-preview-list-item-inner{
  width:100%;
  height:100%;
  box-sizing:border-box;
  overflow:hidden;
  border:2px solid transparent;
  border-radius:6px;
  cursor:pointer;
  pointer-events:auto;
}
.dmc-preview-list-item-active .dmc-preview-list-item-inner{
  border-color:var(--dmc-blue-500-color);
}
.dmc-preview-list-list{
  margin-top:10px;
}
.mobile .dmc-preview-list-preview-container .content{
  width:100%;
  height:100%;
}

.dmc-progress{
  width:100%;
  height:auto;
  position:relative;
  flex-wrap:wrap;
  overflow:hidden;
  font-size:14px;
  line-height:20px;
}
.dmc-progress-info{
  display:flex;
  align-items:center;
  justify-content:space-between;
  height:20px;
  overflow:hidden;
}
.dmc-progress-title{
  flex:1;
  overflow:hidden;
  color:var(--dmc-progress-title-color);
}
.dmc-progress-percent{
  flex:0 0 auto;
  width:40px;
  color:var(--dmc-progress-percent-color);
  text-align:right;
}
.dmc-progress-wrapper{
  width:100%;
  height:100%;
  height:20px;
  display:flex;
  align-items:center;
}
.dmc-progress-bg{
  width:100%;
  height:6px;
  background-color:var(--dmc-progress-bg-color);
  border-radius:3px;
}
.dmc-progress-trail{
  width:100%;
  height:100%;
  border-radius:3px;
  background-color:var(--dmc-progress-trail-color);
}
.dmc-progress-trail-error{
  background-color:var(--dmc-progress-trail-error-color);
}
.dmc-progress-trail-success{
  background-color:var(--dmc-progress-trail-success-color);
}
.dmc-progress-trail-warning{
  background-color:var(--dmc-progress-trail-warning-color);
}
.dmc-progress-cancel{
  flex:0 0 auto;
  margin-left:6px;
  color:var(--dmc-progress-percent-color);
  font-size:0;
}

.dmc-side-nav{
  width:210px;
  height:100%;
  padding:24px 12px;
  background:var(--dmc-sidenav-bg-color);
}
.dmc-side-nav-ghost{
  background:transparent;
}
.dmc-side-nav-item{
  display:flex;
  align-items:center;
  height:42px;
  padding:0 16px;
  border-radius:6px;
  cursor:pointer;
}
.dmc-side-nav-item-mark{
  padding-left:12px;
  border-left:4px solid transparent;
  border-radius:4px;
}
.dmc-side-nav-item-label{
  margin-left:8px;
  color:var(--dmc-sidenav-item-text-color);
  font-weight:normal;
  font-size:14px;
  line-height:20px;
}
.dmc-side-nav-item:hover:not(.dmc-side-nav-item-actived):not(.dmc-side-nav-item-disabled){
  background:var(--dmc-sidenav-item-bg-hover-color);
}
.dmc-side-nav-item:hover:not(.dmc-side-nav-item-actived):not(.dmc-side-nav-item-disabled) .dmc-side-nav-item-label{
  color:var(--dmc-sidenav-item-text-hover-color);
}
.dmc-side-nav-item-actived{
  background:var(--dmc-sidenav-item-bg-active-color);
}
.dmc-side-nav-item-actived .dmc-side-nav-item-label{
  color:var(--dmc-sidenav-item-text-active-color);
}
.dmc-side-nav-item-actived.dmc-side-nav-item-mark{
  border-left-color:var(--dmc-sidenav-item-text-active-mark-color);
}
.dmc-side-nav-item-disabled{
  cursor:not-allowed;
}
.dmc-side-nav-item-disabled .dmc-side-nav-item-label{
  color:var(--dmc-sidenav-item-text-disabled-color);
}
.dmc-side-nav-assist-bg{
  background:var(--dmc-sidenav-ab-item-bg-color);
}
.dmc-side-nav-assist-bg .dmc-side-nav-item:hover:not(.dmc-side-nav-item-actived):not(.dmc-side-nav-item-disabled){
  background:var(--dmc-sidenav-ab-item-bg-hover-color);
}
.dmc-side-nav-assist-bg .dmc-side-nav-item:hover:not(.dmc-side-nav-item-actived):not(.dmc-side-nav-item-disabled) .dmc-side-nav-item-label{
  color:var(--dmc-sidenav-ab-item-text-hover-color);
}
.dmc-side-nav-assist-bg .dmc-side-nav-item-actived{
  background:var(--dmc-sidenav-ab-item-bg-active-color);
}
.dmc-side-nav-assist-bg .dmc-side-nav-item-disabled{
  cursor:not-allowed;
}
.dmc-side-nav-assist-bg .dmc-side-nav-item-disabled .dmc-side-nav-item-label{
  color:var(--dmc-sidenav-item-text-disabled-color);
}
.dmc-side-nav-page-bg{
  background:var(--dmc-sidenav-pb-item-bg-color);
}
.dmc-side-nav-page-bg .dmc-side-nav-item:hover:not(.dmc-side-nav-item-actived){
  background:var(--dmc-sidenav-pb-item-bg-hover-color);
}
.dmc-side-nav-page-bg .dmc-side-nav-item:hover:not(.dmc-side-nav-item-actived) .dmc-side-nav-item-label{
  color:var(--dmc-sidenav-pb-item-text-hover-color);
}
.dmc-side-nav-page-bg .dmc-side-nav-item-actived{
  background:var(--dmc-sidenav-pb-item-bg-active-color);
}
.dmc-side-nav-page-bg .dmc-side-nav-item-disabled{
  cursor:not-allowed;
}
.dmc-side-nav-page-bg .dmc-side-nav-item-disabled .dmc-side-nav-item-label{
  color:var(--dmc-sidenav-item-text-disabled-color);
}

.dmc-sort-list{
  position:relative;
  box-sizing:border-box;
  width:100%;
  height:100%;
}
.dmc-sort-list-assist-bg{
  background:var(--dmc-sortlist-ab-bg-color);
}
.dmc-sort-list-plain .dmc-sort-list-item{
  padding-top:2px;
  padding-bottom:2px;
}
.dmc-sort-list-plain .dmc-sort-list-item:hover{
  background:unset !important;
}
.dmc-sort-list-plain-row-wrap{
  flex:1;
}
.dmc-sort-list-item{
  display:flex;
  align-items:center;
  box-sizing:border-box;
  padding:6px 8px;
  color:var(--dmc-sortlist-item-color);
  border-radius:4px;
  -webkit-user-select:none;
     -moz-user-select:none;
      -ms-user-select:none;
          user-select:none;
}
.dmc-sort-list-item-action{
  display:inline-flex;
  visibility:hidden;
  cursor:pointer;
  width:12px;
  height:12px;
}
.dmc-sort-list-item-action:hover:not(:active){
  color:var(--dmc-sortlist-text-hover-color);
}
.dmc-sort-list-item-action + .dmc-sort-list-item-action{
  margin-left:10px;
}
.dmc-sort-list-item:hover:not(.dmc-sort-list-item-draging){
  background:var(--dmc-sortlist-hover-color);
}
.dmc-sort-list-item:hover:not(.dmc-sort-list-item-draging) .dmc-sort-list-item-action{
  visibility:visible;
}
.dmc-sort-list-item-handle{
  display:inline-flex;
  margin-right:6px;
  width:14px;
  height:14px;
}
.dmc-sort-list-item-label{
  flex:1;
  color:var(--dmc-sortlist-text-color);
  font-weight:normal;
  font-size:13px;
  line-height:18px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.dmc-steps{
  display:flex;
  align-items:center;
  font-size:0;
}
.dmc-steps-item{
  position:relative;
  display:inline-block;
  flex:1;
  margin-right:13px;
  overflow:hidden;
  vertical-align:top;
  cursor:pointer;
}
.dmc-steps-item-container{
  display:flex;
  outline:none;
}
.dmc-steps-item-process .dmc-steps-item-icon{
  color:var(--dmc-steps-process-default-icon-text-color);
  background:var(--dmc-steps-process-default-icon-bg-color);
}
.dmc-steps-item-process .dmc-steps-item-tail{
  background:var(--dmc-steps-process-default-icon-bg-color);
}
.dmc-steps-item-process .dmc-steps-item-tail::after{
  background:var(--dmc-steps-process-default-icon-line-color);
}
.dmc-steps-item-process .dmc-steps-item-title{
  color:var(--dmc-steps-not-wait-default-title-color);
}
.dmc-steps-item-process .dmc-steps-item-title::after{
  background:var(--dmc-steps-process-default-icon-line-color);
}
.dmc-steps-item-process .dmc-steps-item-description{
  color:var(--dmc-steps-not-wait-default-description-color);
}
.dmc-steps-item-wait .dmc-steps-item-icon{
  color:var(--dmc-steps-wait-default-icon-text-color);
  background:var(--dmc-steps-wait-default-icon-bg-color);
}
.dmc-steps-item-wait .dmc-steps-item-tail{
  background:var(--dmc-steps-wait-default-icon-bg-color);
}
.dmc-steps-item-wait .dmc-steps-item-tail::after{
  background:var(--dmc-steps-wait-default-icon-line-color);
}
.dmc-steps-item-wait .dmc-steps-item-title{
  color:var(--dmc-steps-wait-default-title-color);
}
.dmc-steps-item-wait .dmc-steps-item-title::after{
  background:var(--dmc-steps-wait-default-icon-line-color);
}
.dmc-steps-item-wait .dmc-steps-item-description{
  color:var(--dmc-steps-wait-default-description-color);
}
.dmc-steps-item-finish .dmc-steps-item-icon{
  color:var(--dmc-steps-finish-default-icon-text-color);
  background:var(--dmc-steps-finish-default-icon-bg-color);
}
.dmc-steps-item-finish .dmc-steps-item-tail{
  background:var(--dmc-steps-finish-default-icon-bg-color);
}
.dmc-steps-item-finish .dmc-steps-item-tail::after{
  background:var(--dmc-steps-finish-default-icon-line-color);
}
.dmc-steps-item-finish .dmc-steps-item-title{
  color:var(--dmc-steps-not-wait-default-title-color);
}
.dmc-steps-item-finish .dmc-steps-item-title::after{
  background:var(--dmc-steps-finish-default-icon-line-color);
}
.dmc-steps-item-finish .dmc-steps-item-description{
  color:var(--dmc-steps-not-wait-default-description-color);
}
.dmc-steps-item-error .dmc-steps-item-icon{
  color:var(--dmc-steps-error-default-icon-text-color);
  background:var(--dmc-steps-error-default-icon-bg-color);
}
.dmc-steps-item-error .dmc-steps-item-tail{
  background:var(--dmc-steps-error-default-icon-bg-color);
}
.dmc-steps-item-error .dmc-steps-item-tail::after{
  background:var(--dmc-steps-error-default-icon-line-color);
}
.dmc-steps-item-error .dmc-steps-item-title{
  color:var(--dmc-steps-not-wait-default-title-color);
}
.dmc-steps-item-error .dmc-steps-item-title::after{
  background:var(--dmc-steps-error-default-icon-line-color);
}
.dmc-steps-item-error .dmc-steps-item-description{
  color:var(--dmc-steps-not-wait-default-description-color);
}
.dmc-steps-item-icon{
  width:28px;
  height:28px;
  margin-right:13px;
  font-size:14px;
  border-radius:100%;
}
.dmc-steps-item-icon .dmc-icon{
  width:18px;
  height:18px;
  font-size:0;
}
.dmc-steps-item-content{
  display:inline-block;
}
.dmc-steps-item-title{
  position:relative;
  display:inline-block;
  padding-right:13px;
  font-size:18px;
  font-weight:normal;
  line-height:28px;
}
.dmc-steps-item-subtitle{
  display:inline;
  margin-left:8px;
  font-size:14px;
}
.dmc-steps-item-description{
  padding-bottom:8px;
  font-size:12px;
  line-height:17px;
}
.dmc-steps-icon{
  width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
}
.dmc-steps-horizontal .dmc-steps-item-tail{
  display:none;
}
.dmc-steps-horizontal .dmc-steps-item:nth-last-of-type(1){
  flex:initial;
}
.dmc-steps-horizontal .dmc-steps-item:nth-last-of-type(1) .dmc-steps-item-title::after{
  display:none;
}
.dmc-steps-horizontal .dmc-steps-item-title::after{
  position:absolute;
  top:13px;
  right:0;
  bottom:0;
  left:100%;
  width:1000px;
  height:2px;
  display:block;
  content:'';
}
.dmc-steps-horizontal .dmc-steps-item-description{
  max-width:100px;
}
.dmc-steps-vertical{
  flex-direction:column;
  height:100%;
}
.dmc-steps-vertical .dmc-steps-item-title::after{
  display:none;
}
.dmc-steps-vertical .dmc-steps-item-tail{
  box-sizing:border-box;
  flex-direction:column;
  padding:32px 0 4px;
  background-color:transparent;
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:13px;
  width:2px;
  height:100%;
}
.dmc-steps-vertical .dmc-steps-item-tail::after{
  display:block;
  content:'';
  width:2px;
  height:100%;
}
.dmc-steps-vertical .dmc-steps-item:nth-last-of-type(1) .dmc-steps-item-tail{
  display:none;
}
.dmc-steps-vertical .dmc-steps-item{
  padding-bottom:10px;
}
.dmc-steps-vertical .dmc-steps-item-container{
  display:inline-block;
}
.dmc-steps-vertical .dmc-steps-item-icon{
  float:left;
}
.dmc-steps-vertical .dmc-steps-item-content{
  display:block;
  min-height:48px;
  overflow:hidden;
}
.dmc-steps-vertical.dmc-steps-small .dmc-steps-item-tail{
  left:8px;
  padding-top:22px;
}
.dmc-steps-label-vertical .dmc-steps-item{
  margin-right:0;
  overflow:visible;
}
.dmc-steps-label-vertical .dmc-steps-item-container{
  display:inline-block;
}
.dmc-steps-label-vertical .dmc-steps-item-tail{
  display:block;
  position:absolute;
  top:13px;
  left:0;
  width:calc(100% - 28px - 8px * 2);
  height:2px;
  margin-left:72px;
}
.dmc-steps-label-vertical .dmc-steps-item-icon{
  margin-left:36px;
}
.dmc-steps-label-vertical .dmc-steps-item-title{
  width:100%;
  padding-top:5px;
  padding-right:0;
  text-align:center;
}
.dmc-steps-label-vertical .dmc-steps-item-title::after{
  display:none;
}
.dmc-steps-label-vertical .dmc-steps-item-subtitle{
  display:block;
  margin-left:0;
}
.dmc-steps-label-vertical .dmc-steps-item:nth-last-of-type(1) .dmc-steps-item-tail{
  display:none;
}
.dmc-steps-label-vertical.dmc-steps-small .dmc-steps-item-tail{
  top:8px;
  width:calc(100% - 18px - 8px * 2);
  margin-left:67px;
}
.dmc-steps-label-vertical.dmc-steps-small .dmc-steps-item-icon{
  margin-left:41px;
}
.dmc-steps-small .dmc-steps-item-icon{
  width:18px;
  height:18px;
  margin-right:7px;
  font-size:12px;
}
.dmc-steps-small .dmc-steps-item-icon .dmc-icon{
  width:12px;
  height:12px;
}
.dmc-steps-small .dmc-steps-item-title{
  font-size:14px;
  line-height:18px;
}
.dmc-steps-small .dmc-steps-item-title::after{
  top:7px;
}
.dmc-steps-small .dmc-steps-item-subtitle{
  font-size:12px;
}
.dmc-steps-small .dmc-steps-item-description{
  padding-bottom:8px;
  font-size:12px;
  line-height:17px;
}
.dmc-steps-navigation{
  display:flex;
  align-items:center;
}
.dmc-steps-navigation .dmc-steps-item{
  flex:1 !important;
  overflow:visible;
}
.dmc-steps-navigation .dmc-steps-item-tail{
  display:none;
}
.dmc-steps-navigation .dmc-steps-item-icon{
  width:18px;
  height:18px;
  position:relative;
  right:8px;
  margin-right:8px;
  background:transparent;
}
.dmc-steps-navigation .dmc-steps-item-container{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0;
  border-style:solid;
  border-width:2px;
  border-radius:6px;
}
.dmc-steps-navigation .dmc-steps-item-title{
  display:flex;
  align-items:center;
  justify-content:center;
  height:28px;
  padding:0;
  font-size:14px;
  line-height:20px;
}
.dmc-steps-navigation .dmc-steps-item-title::after{
  display:none;
}
.dmc-steps-navigation .dmc-steps-item-subtitle{
  display:none;
}
.dmc-steps-navigation .dmc-steps-item-description{
  display:none;
}
.dmc-steps-navigation .dmc-steps-item-process .dmc-steps-item-container{
  background:var(--dmc-steps-process-navigation-bg-color);
  border-color:var(--dmc-steps-process-navigation-border-color);
}
.dmc-steps-navigation .dmc-steps-item-process .dmc-steps-item-title{
  color:var(--dmc-steps-process-navigation-title-color);
}
.dmc-steps-navigation .dmc-steps-item-process .dmc-steps-item-icon{
  color:var(--dmc-steps-process-navigation-bg-color);
}
.dmc-steps-navigation .dmc-steps-item-process .dmc-steps-item-icon{
  display:none;
}
.dmc-steps-navigation .dmc-steps-item-wait .dmc-steps-item-container{
  background:var(--dmc-steps-wait-navigation-bg-color);
  border-color:var(--dmc-steps-wait-navigation-bg-color);
}
.dmc-steps-navigation .dmc-steps-item-wait .dmc-steps-item-title{
  color:var(--dmc-steps-wait-navigation-title-color);
}
.dmc-steps-navigation .dmc-steps-item-wait .dmc-steps-item-icon{
  color:var(--dmc-steps-wait-navigation-bg-color);
}
.dmc-steps-navigation .dmc-steps-item-wait .dmc-steps-item-icon{
  display:none;
}
.dmc-steps-navigation .dmc-steps-item-finish .dmc-steps-item-container{
  background:var(--dmc-steps-finish-navigation-bg-color);
  border-color:var(--dmc-steps-finish-navigation-bg-color);
}
.dmc-steps-navigation .dmc-steps-item-finish .dmc-steps-item-title{
  color:var(--dmc-steps-not-wait-navigation-title-color);
}
.dmc-steps-navigation .dmc-steps-item-finish .dmc-steps-item-icon{
  color:var(--dmc-steps-finish-navigation-icon-color);
}
.dmc-steps-navigation .dmc-steps-item-finish .dmc-steps-item-content{
  position:relative;
  right:8px;
}
.dmc-steps-navigation .dmc-steps-item-error .dmc-steps-item-container{
  background:var(--dmc-steps-error-navigation-bg-color);
  border-color:var(--dmc-steps-error-navigation-bg-color);
}
.dmc-steps-navigation .dmc-steps-item-error .dmc-steps-item-title{
  color:var(--dmc-steps-not-wait-navigation-title-color);
}
.dmc-steps-navigation .dmc-steps-item-error .dmc-steps-item-icon{
  color:var(--dmc-steps-error-navigation-icon-color);
}
.dmc-steps-navigation .dmc-steps-item-error .dmc-steps-item-content{
  position:relative;
  right:8px;
}

.dmc-table{
  position:relative;
  box-sizing:border-box;
  width:100%;
  font-size:14px;
  line-height:20px;
  border-radius:6px;
}
.dmc-table .dmc-table-cell{
  height:40px;
  padding-right:12px;
  padding-left:12px;
  border-bottom:1px solid var(--dmc-table-bg-border-color);
  border-left:1px solid var(--dmc-table-bg-border-color);
}
.dmc-table.dmc-table-without-vertical-border .dmc-table-cell{
  border:none;
  border-bottom:1px solid var(--dmc-table-bg-border-color);
}
.dmc-table.dmc-table-without-vertical-border .dmc-table-cell:nth-of-type(1){
  border-left:1px solid var(--dmc-table-bg-border-color);
}
.dmc-table.dmc-table-without-vertical-border .dmc-table-cell-left-border{
  border-left:1px solid var(--dmc-table-bg-border-color);
}
.dmc-table.dmc-table-without-vertical-border .dmc-table-row .dmc-table-cell:nth-of-type(1){
  border-left:1px solid var(--dmc-table-bg-border-color);
}
.dmc-table.dmc-table-without-vertical-border .dmc-table-row .dmc-table-cell:last-of-type{
  border-right:1px solid var(--dmc-table-bg-border-color);
}
.dmc-table.dmc-table-without-vertical-border .dmc-table-thead .dmc-table-cell{
  border-top:1px solid var(--dmc-table-bg-border-color);
}
.dmc-table thead .dmc-table-cell,
.dmc-table .dmc-table-header .dmc-table-cell{
  height:42px;
  padding-right:12px;
  padding-left:12px;
  color:var(--dmc-table-bg-head-text-color);
  background:var(--dmc-table-bg-head-bg-color);
  border-top:1px solid var(--dmc-table-bg-border-color);
  border-bottom:2px solid var(--dmc-table-bg-border-color);
}
.dmc-table thead .dmc-table-cell:nth-of-type(1),
.dmc-table .dmc-table-header .dmc-table-cell:nth-of-type(1){
  border-top-left-radius:6px;
}
.dmc-table thead .dmc-table-cell:nth-last-of-type(1),
.dmc-table .dmc-table-header .dmc-table-cell:nth-last-of-type(1){
  border-right:1px solid var(--dmc-table-bg-border-color);
  border-top-right-radius:6px;
}
.dmc-table tbody > tr:nth-last-of-type(1) td:nth-of-type(1){
  border-bottom-left-radius:6px;
}
.dmc-table tbody > tr:nth-last-of-type(1) td:nth-last-of-type(1){
  border-bottom-right-radius:6px;
}
.dmc-table tbody > tr td:nth-last-of-type(1){
  border-right:1px solid var(--dmc-table-bg-border-color);
}
.dmc-table tbody tr,
.dmc-table.dmc-table-virtual-body .dmc-table-cell{
  color:var(--dmc-table-bg-body-text-color);
}
.dmc-table tbody tr:nth-child(even) td,
.dmc-table.dmc-table-virtual-body .dmc-table-cell:nth-child(even) td{
  background:var(--dmc-table-bg-body-even-bg-color);
}
.dmc-table tbody tr:nth-child(odd) td,
.dmc-table.dmc-table-virtual-body .dmc-table-cell:nth-child(odd) td{
  background:var(--dmc-table-bg-body-odd-bg-color);
}
.dmc-table.dmc-table-virtual-table .dmc-table-virtual-body{
  position:relative;
  border-bottom:1px solid var(--dmc-table-bg-border-color);
  border-bottom-right-radius:6px;
  border-bottom-left-radius:6px;
}
.dmc-table.dmc-table-virtual-table .dmc-table-virtual-body .dmc-table-cell-right-border{
  border-right:1px solid var(--dmc-table-bg-border-color);
}
.dmc-table.dmc-table-virtual-table thead{
  border-right:1px solid var(--dmc-table-bg-border-color);
}
.dmc-table.dmc-table-virtual-table .dmc-table-cell-scrollbar::after{
  position:absolute;
  top:0;
  right:'';
  bottom:0;
  left:-2px;
  width:2px;
  content:'';
  background:var(--dmc-table-bg-head-bg-color);
}
.dmc-table .dmc-table-content{
  border-radius:5px 0 0 0;
}
.dmc-table .dmc-table-content::-webkit-scrollbar{
  display:none;
  width:7px;
  height:7px;
}
.dmc-table .dmc-table-content:hover::-webkit-scrollbar{
  display:block;
}
.dmc-table .dmc-table-content::-webkit-scrollbar-track{
  background-color:transparent;
  border-radius:7px;
}
.dmc-table .dmc-table-content::-webkit-scrollbar-thumb{
  background-color:var(--dmc-table-bg-scrollbar-color);
  border-radius:7px;
}
.dmc-table .dmc-table-content::-webkit-scrollbar-corner{
  background:transparent;
}
.dmc-table .dmc-table-body::-webkit-scrollbar{
  display:none;
  width:7px;
  height:7px;
}
.dmc-table .dmc-table-body:hover::-webkit-scrollbar{
  display:block;
}
.dmc-table .dmc-table-body::-webkit-scrollbar-track{
  background-color:transparent;
  border-radius:7px;
}
.dmc-table .dmc-table-body::-webkit-scrollbar-thumb{
  background-color:var(--dmc-table-bg-scrollbar-color);
  border-radius:7px;
}
.dmc-table .dmc-table-body::-webkit-scrollbar-corner{
  background:transparent;
}
.dmc-table.dmc-table-ping-left .dmc-table-cell-fix-left-first::after,
.dmc-table.dmc-table-ping-left .dmc-table-cell-fix-left-last::after{
  box-shadow:inset 10px 0 8px -8px var(--dmc-table-bg-fix-bs-color);
}
.dmc-table.dmc-table-ping-right .dmc-table-cell-fix-right-first::after,
.dmc-table.dmc-table-ping-right .dmc-table-cell-fix-right-last::after{
  box-shadow:inset -10px 0 8px -8px var(--dmc-table-bg-fix-bs-color);
}
.dmc-table-page-bg .dmc-table-cell{
  height:48px;
  padding-right:12px;
  padding-left:12px;
  border-bottom:1px solid var(--dmc-table-pb-border-color);
  border-left:1px solid var(--dmc-table-pb-border-color);
}
.dmc-table-page-bg.dmc-table-without-vertical-border .dmc-table-cell{
  border:none;
  border-bottom:1px solid var(--dmc-table-pb-border-color);
}
.dmc-table-page-bg.dmc-table-without-vertical-border .dmc-table-cell:nth-of-type(1){
  border-left:1px solid var(--dmc-table-pb-border-color);
}
.dmc-table-page-bg.dmc-table-without-vertical-border .dmc-table-cell-left-border{
  border-left:1px solid var(--dmc-table-pb-border-color);
}
.dmc-table-page-bg.dmc-table-without-vertical-border .dmc-table-row .dmc-table-cell:nth-of-type(1){
  border-left:1px solid var(--dmc-table-pb-border-color);
}
.dmc-table-page-bg.dmc-table-without-vertical-border .dmc-table-row .dmc-table-cell:last-of-type{
  border-right:1px solid var(--dmc-table-pb-border-color);
}
.dmc-table-page-bg.dmc-table-without-vertical-border .dmc-table-thead .dmc-table-cell{
  border-top:1px solid var(--dmc-table-pb-border-color);
}
.dmc-table-page-bg thead .dmc-table-cell,
.dmc-table-page-bg .dmc-table-header .dmc-table-cell{
  height:50px;
  padding-right:12px;
  padding-left:12px;
  color:var(--dmc-table-pb-head-text-color);
  background:var(--dmc-table-pb-head-bg-color);
  border-top:1px solid var(--dmc-table-pb-border-color);
  border-bottom:2px solid var(--dmc-table-pb-border-color);
}
.dmc-table-page-bg thead .dmc-table-cell:nth-of-type(1),
.dmc-table-page-bg .dmc-table-header .dmc-table-cell:nth-of-type(1){
  border-top-left-radius:6px;
}
.dmc-table-page-bg thead .dmc-table-cell:nth-last-of-type(1),
.dmc-table-page-bg .dmc-table-header .dmc-table-cell:nth-last-of-type(1){
  border-right:1px solid var(--dmc-table-pb-border-color);
  border-top-right-radius:6px;
}
.dmc-table-page-bg tbody > tr:nth-last-of-type(1) td:nth-of-type(1){
  border-bottom-left-radius:6px;
}
.dmc-table-page-bg tbody > tr:nth-last-of-type(1) td:nth-last-of-type(1){
  border-bottom-right-radius:6px;
}
.dmc-table-page-bg tbody > tr td:nth-last-of-type(1){
  border-right:1px solid var(--dmc-table-pb-border-color);
}
.dmc-table-page-bg tbody tr,
.dmc-table-page-bg.dmc-table-virtual-body .dmc-table-cell{
  color:var(--dmc-table-pb-body-text-color);
}
.dmc-table-page-bg tbody tr:nth-child(even) td,
.dmc-table-page-bg.dmc-table-virtual-body .dmc-table-cell:nth-child(even) td{
  background:var(--dmc-table-pb-body-even-bg-color);
}
.dmc-table-page-bg tbody tr:nth-child(odd) td,
.dmc-table-page-bg.dmc-table-virtual-body .dmc-table-cell:nth-child(odd) td{
  background:var(--dmc-table-pb-body-odd-bg-color);
}
.dmc-table-page-bg.dmc-table-virtual-table .dmc-table-virtual-body{
  position:relative;
  border-bottom:1px solid var(--dmc-table-pb-border-color);
  border-bottom-right-radius:6px;
  border-bottom-left-radius:6px;
}
.dmc-table-page-bg.dmc-table-virtual-table .dmc-table-virtual-body .dmc-table-cell-right-border{
  border-right:1px solid var(--dmc-table-pb-border-color);
}
.dmc-table-page-bg.dmc-table-virtual-table thead{
  border-right:1px solid var(--dmc-table-pb-border-color);
}
.dmc-table-page-bg.dmc-table-virtual-table .dmc-table-cell-scrollbar::after{
  position:absolute;
  top:0;
  right:'';
  bottom:0;
  left:-2px;
  width:2px;
  content:'';
  background:var(--dmc-table-pb-head-bg-color);
}
.dmc-table-page-bg .dmc-table-content{
  border-radius:5px 0 0 0;
}
.dmc-table-page-bg .dmc-table-content::-webkit-scrollbar{
  display:none;
  width:7px;
  height:7px;
}
.dmc-table-page-bg .dmc-table-content:hover::-webkit-scrollbar{
  display:block;
}
.dmc-table-page-bg .dmc-table-content::-webkit-scrollbar-track{
  background-color:transparent;
  border-radius:7px;
}
.dmc-table-page-bg .dmc-table-content::-webkit-scrollbar-thumb{
  background-color:var(--dmc-table-pb-scrollbar-color);
  border-radius:7px;
}
.dmc-table-page-bg .dmc-table-content::-webkit-scrollbar-corner{
  background:transparent;
}
.dmc-table-page-bg .dmc-table-body::-webkit-scrollbar{
  display:none;
  width:7px;
  height:7px;
}
.dmc-table-page-bg .dmc-table-body:hover::-webkit-scrollbar{
  display:block;
}
.dmc-table-page-bg .dmc-table-body::-webkit-scrollbar-track{
  background-color:transparent;
  border-radius:7px;
}
.dmc-table-page-bg .dmc-table-body::-webkit-scrollbar-thumb{
  background-color:var(--dmc-table-pb-scrollbar-color);
  border-radius:7px;
}
.dmc-table-page-bg .dmc-table-body::-webkit-scrollbar-corner{
  background:transparent;
}
.dmc-table-page-bg.dmc-table-ping-left .dmc-table-cell-fix-left-first::after,
.dmc-table-page-bg.dmc-table-ping-left .dmc-table-cell-fix-left-last::after{
  box-shadow:inset 10px 0 8px -8px var(--dmc-table-pb-fix-bs-color);
}
.dmc-table-page-bg.dmc-table-ping-right .dmc-table-cell-fix-right-first::after,
.dmc-table-page-bg.dmc-table-ping-right .dmc-table-cell-fix-right-last::after{
  box-shadow:inset -10px 0 8px -8px var(--dmc-table-pb-fix-bs-color);
}
.dmc-table-assist-bg .dmc-table-cell{
  height:40px;
  padding-right:12px;
  padding-left:12px;
  border-bottom:1px solid var(--dmc-table-ab-border-color);
  border-left:1px solid var(--dmc-table-ab-border-color);
}
.dmc-table-assist-bg.dmc-table-without-vertical-border .dmc-table-cell{
  border:none;
  border-bottom:1px solid var(--dmc-table-ab-border-color);
}
.dmc-table-assist-bg.dmc-table-without-vertical-border .dmc-table-cell:nth-of-type(1){
  border-left:1px solid var(--dmc-table-ab-border-color);
}
.dmc-table-assist-bg.dmc-table-without-vertical-border .dmc-table-cell-left-border{
  border-left:1px solid var(--dmc-table-ab-border-color);
}
.dmc-table-assist-bg.dmc-table-without-vertical-border .dmc-table-row .dmc-table-cell:nth-of-type(1){
  border-left:1px solid var(--dmc-table-ab-border-color);
}
.dmc-table-assist-bg.dmc-table-without-vertical-border .dmc-table-row .dmc-table-cell:last-of-type{
  border-right:1px solid var(--dmc-table-ab-border-color);
}
.dmc-table-assist-bg.dmc-table-without-vertical-border .dmc-table-thead .dmc-table-cell{
  border-top:1px solid var(--dmc-table-ab-border-color);
}
.dmc-table-assist-bg thead .dmc-table-cell,
.dmc-table-assist-bg .dmc-table-header .dmc-table-cell{
  height:42px;
  padding-right:12px;
  padding-left:12px;
  color:var(--dmc-table-ab-head-text-color);
  background:var(--dmc-table-ab-head-bg-color);
  border-top:1px solid var(--dmc-table-ab-border-color);
  border-bottom:2px solid var(--dmc-table-ab-border-color);
}
.dmc-table-assist-bg thead .dmc-table-cell:nth-of-type(1),
.dmc-table-assist-bg .dmc-table-header .dmc-table-cell:nth-of-type(1){
  border-top-left-radius:6px;
}
.dmc-table-assist-bg thead .dmc-table-cell:nth-last-of-type(1),
.dmc-table-assist-bg .dmc-table-header .dmc-table-cell:nth-last-of-type(1){
  border-right:1px solid var(--dmc-table-ab-border-color);
  border-top-right-radius:6px;
}
.dmc-table-assist-bg tbody > tr:nth-last-of-type(1) td:nth-of-type(1){
  border-bottom-left-radius:6px;
}
.dmc-table-assist-bg tbody > tr:nth-last-of-type(1) td:nth-last-of-type(1){
  border-bottom-right-radius:6px;
}
.dmc-table-assist-bg tbody > tr td:nth-last-of-type(1){
  border-right:1px solid var(--dmc-table-ab-border-color);
}
.dmc-table-assist-bg tbody tr,
.dmc-table-assist-bg.dmc-table-virtual-body .dmc-table-cell{
  color:var(--dmc-table-ab-body-text-color);
}
.dmc-table-assist-bg tbody tr:nth-child(even) td,
.dmc-table-assist-bg.dmc-table-virtual-body .dmc-table-cell:nth-child(even) td{
  background:var(--dmc-table-ab-body-even-bg-color);
}
.dmc-table-assist-bg tbody tr:nth-child(odd) td,
.dmc-table-assist-bg.dmc-table-virtual-body .dmc-table-cell:nth-child(odd) td{
  background:var(--dmc-table-ab-body-odd-bg-color);
}
.dmc-table-assist-bg.dmc-table-virtual-table .dmc-table-virtual-body{
  position:relative;
  border-bottom:1px solid var(--dmc-table-ab-border-color);
  border-bottom-right-radius:6px;
  border-bottom-left-radius:6px;
}
.dmc-table-assist-bg.dmc-table-virtual-table .dmc-table-virtual-body .dmc-table-cell-right-border{
  border-right:1px solid var(--dmc-table-ab-border-color);
}
.dmc-table-assist-bg.dmc-table-virtual-table thead{
  border-right:1px solid var(--dmc-table-ab-border-color);
}
.dmc-table-assist-bg.dmc-table-virtual-table .dmc-table-cell-scrollbar::after{
  position:absolute;
  top:0;
  right:'';
  bottom:0;
  left:-2px;
  width:2px;
  content:'';
  background:var(--dmc-table-ab-head-bg-color);
}
.dmc-table-assist-bg .dmc-table-content{
  border-radius:5px 0 0 0;
}
.dmc-table-assist-bg .dmc-table-content::-webkit-scrollbar{
  display:none;
  width:7px;
  height:7px;
}
.dmc-table-assist-bg .dmc-table-content:hover::-webkit-scrollbar{
  display:block;
}
.dmc-table-assist-bg .dmc-table-content::-webkit-scrollbar-track{
  background-color:transparent;
  border-radius:7px;
}
.dmc-table-assist-bg .dmc-table-content::-webkit-scrollbar-thumb{
  background-color:var(--dmc-table-ab-scrollbar-color);
  border-radius:7px;
}
.dmc-table-assist-bg .dmc-table-content::-webkit-scrollbar-corner{
  background:transparent;
}
.dmc-table-assist-bg .dmc-table-body::-webkit-scrollbar{
  display:none;
  width:7px;
  height:7px;
}
.dmc-table-assist-bg .dmc-table-body:hover::-webkit-scrollbar{
  display:block;
}
.dmc-table-assist-bg .dmc-table-body::-webkit-scrollbar-track{
  background-color:transparent;
  border-radius:7px;
}
.dmc-table-assist-bg .dmc-table-body::-webkit-scrollbar-thumb{
  background-color:var(--dmc-table-ab-scrollbar-color);
  border-radius:7px;
}
.dmc-table-assist-bg .dmc-table-body::-webkit-scrollbar-corner{
  background:transparent;
}
.dmc-table-assist-bg.dmc-table-ping-left .dmc-table-cell-fix-left-first::after,
.dmc-table-assist-bg.dmc-table-ping-left .dmc-table-cell-fix-left-last::after{
  box-shadow:inset 10px 0 8px -8px var(--dmc-table-ab-fix-bs-color);
}
.dmc-table-assist-bg.dmc-table-ping-right .dmc-table-cell-fix-right-first::after,
.dmc-table-assist-bg.dmc-table-ping-right .dmc-table-cell-fix-right-last::after{
  box-shadow:inset -10px 0 8px -8px var(--dmc-table-ab-fix-bs-color);
}
.dmc-table-wrapper{
  width:100%;
  height:100%;
  max-height:100%;
}
.dmc-table table{
  width:100%;
  border-spacing:0;
}
.dmc-table-placeholder{
  text-align:center;
}
.dmc-table-cell{
  position:relative;
  box-sizing:border-box;
  padding:0;
  text-align:left;
  word-break:break-word;
  white-space:normal;
  border-top:0;
  border-left:0;
  transition:box-shadow 0.3s;
}
.dmc-table-cell-fix-left,
.dmc-table-cell-fix-right{
  z-index:1;
}
.dmc-table-cell-fix-right:last-child{
  border-right-color:transparent;
}
.dmc-table-cell-fix-left-first::after,
.dmc-table-cell-fix-left-last::after{
  position:absolute;
  top:0;
  right:-1px;
  bottom:-1px;
  left:'';
  width:20px;
  pointer-events:none;
  content:'';
  transition:box-shadow 0.3s;
  transform:translateX(100%);
}
.dmc-table-rtl .dmc-table-cell-fix-right-first,
.dmc-table-rtl .dmc-table-cell-fix-right-last{
  box-shadow:none;
}
.dmc-table-cell-fix-right-first::after,
.dmc-table-cell-fix-right-last::after{
  position:absolute;
  top:0;
  right:'';
  bottom:-1px;
  left:-1px;
  width:20px;
  pointer-events:none;
  content:'';
  transition:box-shadow 0.3s;
  transform:translateX(-100%);
}
.dmc-table-cell.dmc-table-cell-ellipsis{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.dmc-table-cell.dmc-table-cell-ellipsis.dmc-table-cell-fix-left-first,
.dmc-table-cell.dmc-table-cell-ellipsis.dmc-table-cell-fix-left-last,
.dmc-table-cell.dmc-table-cell-ellipsis.dmc-table-cell-fix-right-first .dmc-table-cell.dmc-table-cell-ellipsis.dmc-table-cell-fix-right-last{
  overflow:visible;
}
.dmc-table-cell.dmc-table-cell-ellipsis.dmc-table-cell-fix-left-first .dmc-table-cell-content,
.dmc-table-cell.dmc-table-cell-ellipsis.dmc-table-cell-fix-left-last .dmc-table-cell-content,
.dmc-table-cell.dmc-table-cell-ellipsis.dmc-table-cell-fix-right-first .dmc-table-cell.dmc-table-cell-ellipsis.dmc-table-cell-fix-right-last .dmc-table-cell-content{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  display:block;
}

div.dmc-virtual-table{
  font-size:14px;
}
div.dmc-virtual-table-container{
  position:relative;
  height:100%;
}
div.dmc-virtual-table-container .dmc-virtual-table-row.even{
  background:var(--dmc-table-bg-body-even-bg-color);
}
div.dmc-virtual-table-container .dmc-virtual-table-row.odd{
  background:var(--dmc-table-bg-body-odd-bg-color);
}
div.dmc-virtual-table-container .dmc-virtual-table-body::-webkit-scrollbar{
  display:none;
  width:7px;
  height:0;
}
div.dmc-virtual-table-container .dmc-virtual-table-body:hover::-webkit-scrollbar{
  display:block;
}
div.dmc-virtual-table-container .dmc-virtual-table-body::-webkit-scrollbar-track{
  background-color:transparent;
  border-radius:7px;
}
div.dmc-virtual-table-container .dmc-virtual-table-body::-webkit-scrollbar-thumb{
  background-color:var(--dmc-table-bg-scrollbar-color);
  border-radius:7px;
}
div.dmc-virtual-table-container .dmc-virtual-table-body::-webkit-scrollbar-corner{
  background:transparent;
}
div.dmc-virtual-table .dmc-virtual-table-row.even{
  background:var(--dmc-table-bg-body-even-bg-color);
}
div.dmc-virtual-table .dmc-virtual-table-row.odd{
  background:var(--dmc-table-bg-body-odd-bg-color);
}
div.dmc-virtual-table .dmc-virtual-table-body::-webkit-scrollbar{
  display:none;
  width:7px;
  height:0;
}
div.dmc-virtual-table .dmc-virtual-table-body:hover::-webkit-scrollbar{
  display:block;
}
div.dmc-virtual-table .dmc-virtual-table-body::-webkit-scrollbar-track{
  background-color:transparent;
  border-radius:7px;
}
div.dmc-virtual-table .dmc-virtual-table-body::-webkit-scrollbar-thumb{
  background-color:var(--dmc-table-bg-scrollbar-color);
  border-radius:7px;
}
div.dmc-virtual-table .dmc-virtual-table-body::-webkit-scrollbar-corner{
  background:transparent;
}
div.dmc-virtual-table-page-bg .dmc-virtual-table-row.even{
  background:var(--dmc-table-pb-body-even-bg-color);
}
div.dmc-virtual-table-page-bg .dmc-virtual-table-row.odd{
  background:var(--dmc-table-pb-body-odd-bg-color);
}
div.dmc-virtual-table-page-bg .dmc-virtual-table-body::-webkit-scrollbar{
  display:none;
  width:7px;
  height:0;
}
div.dmc-virtual-table-page-bg .dmc-virtual-table-body:hover::-webkit-scrollbar{
  display:block;
}
div.dmc-virtual-table-page-bg .dmc-virtual-table-body::-webkit-scrollbar-track{
  background-color:transparent;
  border-radius:7px;
}
div.dmc-virtual-table-page-bg .dmc-virtual-table-body::-webkit-scrollbar-thumb{
  background-color:var(--dmc-table-pb-scrollbar-color);
  border-radius:7px;
}
div.dmc-virtual-table-page-bg .dmc-virtual-table-body::-webkit-scrollbar-corner{
  background:transparent;
}
div.dmc-virtual-table-assist-bg .dmc-virtual-table-row.even{
  background:var(--dmc-table-ab-body-even-bg-color);
}
div.dmc-virtual-table-assist-bg .dmc-virtual-table-row.odd{
  background:var(--dmc-table-ab-body-odd-bg-color);
}
div.dmc-virtual-table-assist-bg .dmc-virtual-table-body::-webkit-scrollbar{
  display:none;
  width:7px;
  height:0;
}
div.dmc-virtual-table-assist-bg .dmc-virtual-table-body:hover::-webkit-scrollbar{
  display:block;
}
div.dmc-virtual-table-assist-bg .dmc-virtual-table-body::-webkit-scrollbar-track{
  background-color:transparent;
  border-radius:7px;
}
div.dmc-virtual-table-assist-bg .dmc-virtual-table-body::-webkit-scrollbar-thumb{
  background-color:var(--dmc-table-ab-scrollbar-color);
  border-radius:7px;
}
div.dmc-virtual-table-assist-bg .dmc-virtual-table-body::-webkit-scrollbar-corner{
  background:transparent;
}
div.dmc-virtual-table-noCellPadding .dmc-virtual-table-cell,
div.dmc-virtual-table-noCellPadding .dmc-virtual-table-header-cell{
  padding-right:0;
  padding-left:0;
}
div.dmc-virtual-table-wrapper{
  font-size:14px;
}
div.dmc-virtual-table-wrapper tr.dmc-virtual-table-row.hovered .dmc-virtual-table-cell{
  background:var(--dmc-virtual-table-hovered-color);
}
div.dmc-virtual-table-wrapper tr.dmc-virtual-table-row.row-selected .dmc-virtual-table-cell,
div.dmc-virtual-table-wrapper tr.dmc-virtual-table-row.row-selected.hovered .dmc-virtual-table-cell{
  background:var(--dmc-virtual-table-select-hovered-color);
}
div.dmc-virtual-table-wrapper.dmc-virtual-table-without-vertical-border th.dmc-virtual-table-header-cell:not(.first),
div.dmc-virtual-table-wrapper.dmc-virtual-table-without-vertical-border td.dmc-virtual-table-cell:not(.first){
  border-left:none;
}
div.dmc-virtual-table-wrapper.dmc-virtual-table-without-vertical-border th.dmc-virtual-table-header-cell:not(.last),
div.dmc-virtual-table-wrapper.dmc-virtual-table-without-vertical-border td.dmc-virtual-table-cell:not(.last){
  border-right:none;
}
div.dmc-virtual-table-wrapper.dmc-virtual-table-without-horizontal-border tr.dmc-virtual-table-header-row:not(.first) td.dmc-virtual-table-header-cell,
div.dmc-virtual-table-wrapper.dmc-virtual-table-without-horizontal-border tr.dmc-virtual-table-row:not(.first) td.dmc-virtual-table-header-cell,
div.dmc-virtual-table-wrapper.dmc-virtual-table-without-horizontal-border tr.dmc-virtual-table-header-row:not(.first) td.dmc-virtual-table-cell,
div.dmc-virtual-table-wrapper.dmc-virtual-table-without-horizontal-border tr.dmc-virtual-table-row:not(.first) td.dmc-virtual-table-cell{
  border-top:none;
}
div.dmc-virtual-table-wrapper.dmc-virtual-table-without-horizontal-border tr.dmc-virtual-table-header-row:not(.last) td.dmc-virtual-table-header-cell,
div.dmc-virtual-table-wrapper.dmc-virtual-table-without-horizontal-border tr.dmc-virtual-table-row:not(.last) td.dmc-virtual-table-header-cell,
div.dmc-virtual-table-wrapper.dmc-virtual-table-without-horizontal-border tr.dmc-virtual-table-header-row:not(.last) td.dmc-virtual-table-cell,
div.dmc-virtual-table-wrapper.dmc-virtual-table-without-horizontal-border tr.dmc-virtual-table-row:not(.last) td.dmc-virtual-table-cell{
  border-bottom:none;
}
div.dmc-virtual-table-wrapper.dmc-virtual-table-without-horizontal-border tr.dmc-virtual-table-header-row th.dmc-virtual-table-header-cell{
  border-bottom:none;
}
div.dmc-virtual-table-wrapper .dmc-virtual-sticky-scroll{
  height:7px !important;
  margin-top:0 !important;
}
div.dmc-virtual-table-wrapper .dmc-virtual-sticky-scroll::-webkit-scrollbar{
  display:none;
  width:7px;
  height:7px;
}
div.dmc-virtual-table-wrapper .dmc-virtual-sticky-scroll::-webkit-scrollbar-track{
  background-color:transparent;
  border-radius:7px;
}
div.dmc-virtual-table-wrapper .dmc-virtual-sticky-scroll::-webkit-scrollbar-thumb{
  background-color:var(--dmc-table-bg-scrollbar-color);
  border-radius:7px;
}
div.dmc-virtual-table-wrapper .dmc-virtual-sticky-scroll::-webkit-scrollbar-corner{
  background:transparent;
}
div.dmc-virtual-table-wrapper:hover .dmc-virtual-sticky-scroll::-webkit-scrollbar{
  display:block;
}
div.dmc-virtual-table td.dmc-virtual-empty-table-cell{
  position:relative;
  height:164px;
}
div.dmc-virtual-table td.dmc-virtual-empty-table-cell .dmc-virtual-empty-wrapper{
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:auto;
  color:var(--dmc-text-900-color);
  font-size:13px;
  line-height:18px;
  transform:none;
}

.dmc-simple-cross-table{
  display:inline-block;
  box-sizing:border-box;
  overflow:auto;
  background-color:#262a3b;
  color:var(--dmc-text-400-color);
  position:relative;
  border-radius:6px;
  border:1px solid var(--dmc-table-bg-border-color);
}
.dmc-simple-cross-table::-webkit-scrollbar{
  display:none;
  width:0;
  height:0;
}
.dmc-simple-cross-table:hover::-webkit-scrollbar{
  display:block;
}
.dmc-simple-cross-table::-webkit-scrollbar-track{
  background-color:transparent;
  border-radius:0;
}
.dmc-simple-cross-table::-webkit-scrollbar-thumb{
  background-color:transparent;
  border-radius:0;
}
.dmc-simple-cross-table::-webkit-scrollbar-corner{
  background:transparent;
}
.dmc-simple-cross-table *{
  box-sizing:border-box;
}
.dmc-simple-cross-table-row{
  display:flex;
  width:-webkit-fit-content;
  width:-moz-fit-content;
  width:fit-content;
  align-items:center;
  border-bottom:1px solid var(--dmc-table-bg-border-color);
}
.dmc-simple-cross-table-col{
  display:flex;
  overflow:hidden;
  align-items:center;
  justify-content:center;
  background-color:var(--dmc-table-pb-head-bg-color);
  border-left:1px solid var(--dmc-table-bg-border-color);
}
.dmc-simple-cross-table-sticky{
  position:sticky;
}
.dmc-simple-cross-table-z-index-1{
  z-index:1;
}
.dmc-simple-cross-table-z-index-20{
  z-index:20;
}
.dmc-simple-cross-table-ping .dmc-simple-cross-table-box-shadow::after{
  box-shadow:inset 10px 0 8px -8px var(--dmc-table-bg-fix-bs-color);
}
.dmc-simple-cross-table-box-shadow{
  overflow:visible;
  transition:box-shadow 0.3s;
}
.dmc-simple-cross-table-box-shadow::after{
  position:absolute;
  top:0;
  right:-1px;
  bottom:-1px;
  width:20px;
  transform:translateX(100%);
  transition:box-shadow 0.3s;
  content:'';
  pointer-events:none;
}

.mdt-table-scroll-x{
  position:relative;
  box-sizing:border-box;
  height:23px;
  border-radius:12px;
  width:400px;
  border:1px solid var(--dmc-menu-border-color);
  background-color:var(--dmc-menu-bg-color);
  display:flex;
  align-items:center;
  -webkit-user-select:none;
     -moz-user-select:none;
      -ms-user-select:none;
          user-select:none;
}
.mdt-table-scroll-x-content{
  display:flex;
  align-items:center;
  flex:1;
  height:300%;
}
.mdt-table-scroll-x-bar{
  display:inline-block;
  min-width:20px;
  height:15px;
  background-color:var(--dmc-menu-bg-active-color);
  border-radius:12px;
  cursor:pointer;
}
.mdt-table-scroll-x-left-icon{
  margin-left:4px;
}
.mdt-table-scroll-x-right-icon{
  margin-right:4px;
}
.mdt-table-scroll-x .dmc-icon{
  display:flex;
}

.dmc-text-alert{
  position:relative;
  padding:9px 25px 9px 38px;
  overflow:hidden;
  border-radius:4px;
  background:var(--dmc-text-alert-bg-color);
}
.dmc-text-alert-column{
  border-radius:0;
}
.dmc-text-alert-no-icon{
  padding-left:14px;
}
.dmc-text-alert-icon{
  position:absolute;
  top:10px;
  left:14px;
  width:16px;
  height:16px;
  color:var(--dmc-text-alert-icon-color);
}
.dmc-text-alert-close{
  position:absolute;
  top:11px;
  right:11px;
  display:inline-flex;
  width:14px;
  height:14px;
  color:var(--dmc-text-alert-close-color);
  cursor:pointer;
}
.dmc-text-alert-close:hover{
  color:var(--dmc-text-alert-close-hover-color);
}
.dmc-text-alert-close:active{
  color:var(--dmc-text-alert-close-color);
}
.dmc-text-alert-message-container{
  z-index:0;
}
.dmc-text-alert-message{
  z-index:1;
  color:var(--dmc-text-alert-text-color);
  font-weight:normal;
  font-size:13px;
  line-height:18px;
}
.dmc-text-alert-success-status .dmc-text-alert-icon{
  color:var(--dmc-text-alert-success-icon-color);
}
.dmc-text-alert-success-status.dmc-text-alert{
  background:var(--dmc-text-alert-success-bg-color);
}
.dmc-text-alert-success-status.dmc-text-alert-solid{
  background:var(--dmc-text-alert-success-bg-solid-color);
}
.dmc-text-alert-warning-status .dmc-text-alert-icon{
  color:var(--dmc-text-alert-warning-icon-color);
}
.dmc-text-alert-warning-status.dmc-text-alert{
  background:var(--dmc-text-alert-warning-bg-color);
}
.dmc-text-alert-warning-status.dmc-text-alert-solid{
  background:var(--dmc-text-alert-warning-bg-solid-color);
}
.dmc-text-alert-error-status .dmc-text-alert-icon{
  color:var(--dmc-text-alert-error-icon-color);
}
.dmc-text-alert-error-status.dmc-text-alert{
  background:var(--dmc-text-alert-error-bg-color);
}
.dmc-text-alert-error-status.dmc-text-alert-solid{
  background:var(--dmc-text-alert-error-bg-solid-color);
}
.dmc-text-alert .dmc-text-alert-desc{
  color:var(--dmc-text-alert-desc-color);
  font-size:12px;
  line-height:1.5;
}
.dmc-text-alert-compact{
  padding:6px 21px 5px 28px;
}
.dmc-text-alert-compact .dmc-text-alert-icon{
  top:5px;
  left:8px;
  width:14px;
  height:14px;
}
.dmc-text-alert-compact .dmc-text-alert-message{
  font-size:12px;
  line-height:17px;
}
.dmc-text-alert-compact.dmc-text-alert-no-icon{
  padding-left:11px;
}
.dmc-text-alert-compact .dmc-text-alert-close{
  top:9px;
  right:11px;
  width:10px;
  height:10px;
}
.dmc-text-alert-has-desc{
  padding:14px 36px 14px 44px;
}
.dmc-text-alert-has-desc .dmc-text-alert-icon{
  top:14px;
  width:22px;
  height:22px;
}
.dmc-text-alert-has-desc .dmc-text-alert-message{
  font-size:16px;
  line-height:22px;
}
.dmc-text-alert-has-desc.dmc-text-alert-solid .dmc-text-alert-desc{
  color:var(--dmc-text-alert-text-color);
}
.dmc-text-alert-has-desc.dmc-text-alert-no-icon{
  padding-left:14px;
}
.dmc-text-alert-solid{
  background:var(--dmc-text-alert-bg-solid-color);
}
.dmc-text-alert-solid .dmc-text-alert-bg{
  display:none;
}
.dmc-text-alert-solid .dmc-text-alert-message{
  color:var(--dmc-text-white-color);
}
.dmc-text-alert-solid .dmc-text-alert-icon{
  color:var(--dmc-text-white-color);
}
.dmc-text-alert-solid .dmc-text-alert-close{
  color:var(--dmc-text-white-color);
}

.dmc-timeline{
  box-sizing:border-box;
  padding:0;
  margin:0;
  font-size:16px;
  line-height:22px;
  color:var(--dmc-text-300-color);
  list-style:none;
}
.dmc-timeline .dmc-timeline-item{
  position:relative;
  padding-bottom:15px;
  margin:0;
  font-size:14px;
  list-style:none;
}
.dmc-timeline .dmc-timeline-item .dmc-timeline-item-tail{
  position:absolute;
  top:18px;
  left:15px;
  width:2px;
  height:calc(100% - 16px);
  background-color:var(--dmc-text-800-color);
}
.dmc-timeline .dmc-timeline-item .dmc-timeline-item-head{
  position:absolute;
  top:6px;
  left:12px;
  width:8px;
  height:8px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--dmc-text-800-color);
  background-color:var(--dmc-text-800-color);
  border-radius:100%;
}
.dmc-timeline .dmc-timeline-item .dmc-timeline-item-content{
  position:relative;
  box-sizing:border-box;
  margin-left:32px;
  overflow:auto;
  word-break:break-all;
}
.dmc-timeline .dmc-timeline-item:last-child .dmc-timeline-item-tail{
  display:none;
}
.dmc-timeline .dmc-timeline-item.dmc-timeline-item-custom .dmc-timeline-item-tail{
  top:34px;
  left:15px;
  height:calc(100% - 32px);
}
.dmc-timeline .dmc-timeline-item.dmc-timeline-item-custom .dmc-timeline-item-head{
  top:6px;
  left:16px;
  background-color:transparent;
  border-radius:0;
  transform:translateX(-50%);
  width:24px;
  height:24px;
}
.dmc-timeline.dmc-timeline-right .dmc-timeline-item .dmc-timeline-item-tail{
  left:calc((100% - 15px) - 2px);
}
.dmc-timeline.dmc-timeline-right .dmc-timeline-item .dmc-timeline-item-head{
  left:calc(100% - 20px);
}
.dmc-timeline.dmc-timeline-right .dmc-timeline-item .dmc-timeline-item-content{
  margin-right:32px;
  margin-left:0;
  text-align:right;
}
.dmc-timeline.dmc-timeline-right .dmc-timeline-item.dmc-timeline-item-custom .dmc-timeline-item-head{
  left:calc(100% - 16px);
}
.dmc-timeline.dmc-timeline-alternate .dmc-timeline-item .dmc-timeline-item-tail{
  left:calc(50% - 1px);
}
.dmc-timeline.dmc-timeline-alternate .dmc-timeline-item .dmc-timeline-item-head{
  left:calc(50% - 4px);
}
.dmc-timeline.dmc-timeline-alternate .dmc-timeline-item:nth-child(odd) .dmc-timeline-item-content{
  left:50%;
  width:calc(50% - 16px);
  margin-left:16px;
  text-align:left;
}
.dmc-timeline.dmc-timeline-alternate .dmc-timeline-item:nth-child(even) .dmc-timeline-item-content{
  left:0;
  width:calc(50% - 16px);
  margin-right:16px;
  margin-left:0;
  text-align:right;
}
.dmc-timeline.dmc-timeline-alternate .dmc-timeline-item.dmc-timeline-item-custom .dmc-timeline-item-head{
  left:50%;
}
.dmc-timeline.dmc-timeline-alternate .dmc-timeline-item.dmc-timeline-item-right .dmc-timeline-item-content{
  left:0;
  width:calc(50% - 16px);
  margin-right:16px;
  margin-left:0;
  text-align:right;
}
.dmc-timeline.dmc-timeline-alternate .dmc-timeline-item.dmc-timeline-item-left .dmc-timeline-item-content{
  left:50%;
  width:calc(50% - 16px);
  margin-left:16px;
  text-align:left;
}
.dmc-timeline.dmc-timeline-label .dmc-timeline-item .dmc-timeline-item-label{
  position:absolute;
  top:0;
  left:0;
  width:calc(50% - 16px);
  text-align:right;
}
.dmc-timeline.dmc-timeline-label .dmc-timeline-item .dmc-timeline-item-tail{
  left:calc(50% - 1px);
}
.dmc-timeline.dmc-timeline-label .dmc-timeline-item .dmc-timeline-item-head{
  left:calc(50% - 4px);
}
.dmc-timeline.dmc-timeline-label .dmc-timeline-item .dmc-timeline-item-content{
  left:50%;
  width:calc(50% - 16px);
  margin-left:16px;
  text-align:left;
}
.dmc-timeline.dmc-timeline-label .dmc-timeline-item.dmc-timeline-item-custom .dmc-timeline-item-tail{
  left:calc(50% - 1px);
}
.dmc-timeline.dmc-timeline-label .dmc-timeline-item.dmc-timeline-item-custom .dmc-timeline-item-head{
  left:50%;
}
.dmc-timeline.dmc-timeline-label.dmc-timeline-right .dmc-timeline-item .dmc-timeline-item-label{
  left:50%;
  width:calc(50% - 16px);
  margin-right:0;
  margin-left:16px;
  text-align:left;
}
.dmc-timeline.dmc-timeline-label.dmc-timeline-right .dmc-timeline-item .dmc-timeline-item-tail{
  left:calc(50% - 1px);
}
.dmc-timeline.dmc-timeline-label.dmc-timeline-right .dmc-timeline-item .dmc-timeline-item-head{
  left:calc(50% - 4px);
}
.dmc-timeline.dmc-timeline-label.dmc-timeline-right .dmc-timeline-item .dmc-timeline-item-content{
  left:0;
  width:calc(50% - 16px);
  margin-right:16px;
  margin-left:0;
  text-align:right;
}
.dmc-timeline.dmc-timeline-label.dmc-timeline-right .dmc-timeline-item.dmc-timeline-item-custom .dmc-timeline-item-tail{
  left:calc(50% - 1px);
}
.dmc-timeline.dmc-timeline-label.dmc-timeline-right .dmc-timeline-item.dmc-timeline-item-custom .dmc-timeline-item-head{
  left:50%;
}
.dmc-timeline.dmc-timeline-label.dmc-timeline-alternate .dmc-timeline-item:nth-child(odd) .dmc-timeline-item-label{
  left:0;
  width:calc(50% - 16px);
  text-align:right;
}
.dmc-timeline.dmc-timeline-label.dmc-timeline-alternate .dmc-timeline-item:nth-child(odd) .dmc-timeline-item-content{
  left:50%;
  width:calc(50% - 16px);
  margin-right:0;
  margin-left:16px;
  text-align:left;
}
.dmc-timeline.dmc-timeline-label.dmc-timeline-alternate .dmc-timeline-item:nth-child(even) .dmc-timeline-item-label{
  left:50%;
  width:calc(50% - 16px);
  margin-right:0;
  margin-left:16px;
  text-align:left;
}
.dmc-timeline.dmc-timeline-label.dmc-timeline-alternate .dmc-timeline-item:nth-child(even) .dmc-timeline-item-content{
  left:0;
  width:calc(50% - 16px);
  margin-right:16px;
  margin-left:0;
  text-align:right;
}
.dmc-timeline.dmc-timeline-label.dmc-timeline-alternate .dmc-timeline-item.dmc-timeline-item-right .dmc-timeline-item-label{
  left:50%;
  width:calc(50% - 16px);
  margin-right:0;
  margin-left:16px;
  text-align:left;
}
.dmc-timeline.dmc-timeline-label.dmc-timeline-alternate .dmc-timeline-item.dmc-timeline-item-right .dmc-timeline-item-content{
  left:0;
  width:calc(50% - 16px);
  margin-right:16px;
  margin-left:0;
  text-align:right;
}
.dmc-timeline.dmc-timeline-label.dmc-timeline-alternate .dmc-timeline-item.dmc-timeline-item-left .dmc-timeline-item-label{
  left:0;
  width:calc(50% - 16px);
  margin-right:16px;
  margin-left:0;
  text-align:right;
}
.dmc-timeline.dmc-timeline-label.dmc-timeline-alternate .dmc-timeline-item.dmc-timeline-item-left .dmc-timeline-item-content{
  left:50%;
  width:calc(50% - 16px);
  margin-right:0;
  margin-left:16px;
  text-align:left;
}

.dmc-toggle{
  display:flex;
  align-items:center;
}
.dmc-toggle-text{
  margin-right:5px;
  color:var(--dmc-toggle-out-text-color);
  font-size:14px;
  line-height:0;
}
.dmc-toggle-button{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  position:relative;
  box-sizing:border-box;
  width:40px;
  height:20px;
  padding:0 7px;
  font-weight:normal;
  font-size:14px;
  line-height:20px;
  border:none;
  border-radius:10px;
  outline:none;
  cursor:pointer;
  transition:all 0.3s cubic-bezier(0.35, 0, 0.25, 1);
  color:var(--dmc-toggle-in-text-color);
  background:var(--dmc-toggle-bg-color);
}
.dmc-toggle-button::after{
  position:absolute;
  top:2px;
  left:2px;
  width:16px;
  height:16px;
  background:var(--dmc-toggle-in-text-color);
  border-radius:50%;
  transition:all 0.3s cubic-bezier(0.35, 0, 0.25, 1);
  content:'';
}
.dmc-toggle-button-inner{
  display:inline-flex;
  font-size:12px;
  line-height:17px;
}
.dmc-toggle-button-inner > .dmc-inner-icon{
  width:auto;
  height:6px;
}
.dmc-toggle-loading-icon{
  -webkit-animation:dmc-spin 1s infinite linear;
          animation:dmc-spin 1s infinite linear;
}
.dmc-toggle-compact .dmc-toggle-loading-icon{
  width:8px;
  height:8px;
}
.dmc-toggle:hover:not(.dmc-toggle-disabled) .dmc-toggle-text{
  color:var(--dmc-toggle-in-text-hover-color);
}
.dmc-toggle:hover:not(.dmc-toggle-disabled) .dmc-toggle-button{
  background:var(--dmc-toggle-bg-hover-color);
}
.dmc-toggle-on .dmc-toggle-text{
  color:var(--dmc-toggle-out-text-active-color);
}
.dmc-toggle-on .dmc-toggle-button{
  justify-content:flex-start;
  background:var(--dmc-toggle-bg-active-color);
}
.dmc-toggle-on .dmc-toggle-button::after{
  left:22px;
}
.dmc-toggle-on:hover:not(.dmc-toggle-disabled) .dmc-toggle-text{
  color:var(--dmc-toggle-in-text-active-hover-color);
}
.dmc-toggle-on:hover:not(.dmc-toggle-disabled) .dmc-toggle-button{
  background:var(--dmc-toggle-bg-active-hover-color);
}
.dmc-toggle-compact .dmc-toggle-text{
  font-size:12px;
}
.dmc-toggle-compact .dmc-toggle-button{
  width:32px;
  height:16px;
  padding:0 5px;
  border-radius:8px;
}
.dmc-toggle-compact .dmc-toggle-button::after{
  width:12px;
  height:12px;
}
.dmc-toggle-compact .dmc-toggle-button .dmc-toggle-button-inner > .dmc-icon{
  height:5px;
}
.dmc-toggle-compact.dmc-toggle-on .dmc-toggle-button:after{
  left:18px;
}
.dmc-toggle-disabled{
  cursor:not-allowed;
}
.dmc-toggle-disabled .dmc-toggle-text{
  color:var(--dmc-toggle-out-text-disabled-color);
}
.dmc-toggle-disabled .dmc-toggle-button{
  cursor:not-allowed;
  color:var(--dmc-toggle-in-text-disabled-color);
  background:var(--dmc-toggle-bg-disabled-color);
}
.dmc-toggle-disabled .dmc-toggle-button::after{
  background:var(--dmc-toggle-in-text-disabled-color);
}
.dmc-toggle-disabled.dmc-toggle-on .dmc-toggle-text{
  color:var(--dmc-toggle-out-text-active-disabled-color);
}
.dmc-toggle-disabled.dmc-toggle-on .dmc-toggle-button{
  cursor:not-allowed;
  color:var(--dmc-toggle-in-text-active-disabled-color);
  background:var(--dmc-toggle-bg-active-disabled-color);
}
.dmc-toggle-disabled.dmc-toggle-on .dmc-toggle-button::after{
  background:var(--dmc-toggle-in-text-active-disabled-color);
}

.dmc-transfer{
  display:flex;
  align-items:center;
  width:100%;
}
.dmc-transfer-no-padding .dmc-check-list-search{
  padding-top:0;
  padding-left:0;
}
.dmc-transfer-no-padding .dmc-check-list-list{
  margin-bottom:0;
  margin-left:0;
}
.dmc-transfer > div{
  flex:1 0 auto;
  width:50%;
}
.dmc-transfer-assist-bg{
  background:var(--dmc-transfer-ab-bg-color) !important;
}
.dmc-transfer-plain .dmc-check-list-list,
.dmc-transfer-plain .dmc-input{
  border:none;
}
.dmc-transfer-plain .dmc-check-list-wrap{
  box-sizing:border-box;
  margin-right:10px;
  border:1px solid var(--dmc-border-btn-color);
  border-radius:6px;
}
.dmc-transfer-plain .dmc-transfer-checked{
  padding:11px 10px 10px 10px;
}
.dmc-transfer-plain .dmc-transfer-checked{
  border:1px solid var(--dmc-border-btn-color);
  border-radius:6px;
}
.dmc-transfer-plain .dmc-transfer-checked-list{
  border:none;
}
.dmc-transfer-sort-list-desc{
  margin-right:4px;
  overflow:hidden;
  color:var(--dmc-transfer-desc-color);
  font-size:12px;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.dmc-transfer-checked{
  display:flex;
  flex-direction:column;
  box-sizing:border-box;
  height:100%;
  padding:0;
}
.dmc-transfer-checked-top-right{
  display:flex;
  align-items:center;
  height:32px;
  margin-bottom:6px;
  padding-right:8px;
}
.dmc-transfer-checked-top-right-other{
  display:flex;
  flex:1;
  align-items:center;
}
.dmc-transfer-checked-top-right .clear{
  color:var(--dmc-transfer-sortlist-clear-color);
  font-size:12px;
  white-space:nowrap;
  cursor:pointer;
}
.dmc-transfer-checked-top-right .align-right{
  justify-content:flex-end;
}
.dmc-transfer-checked-top-right .space-between{
  justify-content:space-between;
}
.dmc-transfer-checked-count{
  color:var(--dmc-transfer-desc-color);
  font-size:13px;
}
.dmc-transfer-checked-list{
  flex:1;
  overflow:auto;
  background:var(--dmc-transfer-bg-color);
  border:1px solid var(--dmc-border-btn-color);
  border-radius:4px;
}
.dmc-transfer-checked-list-wrapper{
  padding:8px 10px;
}
.dmc-transfer-checked-list-plain{
  height:100%;
  padding:0;
}

.dmc-select-tree{
  color:var(--dmc-tree-text-color);
  font-size:13px;
  line-height:18px;
}
.dmc-select-tree-checkable .dmc-select-tree-switcher{
  right:-22px;
}
.dmc-select-tree-checkable .dmc-select-tree-iconEle{
  right:-3px;
}
.dmc-select-tree-checkbox{
  position:relative;
  right:-22px;
  z-index:10;
  display:block;
  width:24px;
  height:24px;
  background:transparent;
  display:flex;
  align-items:center;
}
.dmc-select-tree-checkbox-disabled{
  cursor:not-allowed;
}
.dmc-select-tree-checkbox + .dmc-select-tree-node-content-wrapper{
  position:relative;
  right:22px;
}
.dmc-select-tree-switcher{
  position:relative;
  width:18px;
  height:18px;
  display:inline-flex;
  cursor:pointer;
}
.dmc-select-tree-switcher .dmc-icon{
  display:flex;
  align-items:center;
  width:100%;
  height:100%;
}
.dmc-select-tree-indent-unit{
  padding-left:24px;
}
.dmc-select-tree-iconEle{
  display:inline-flex;
  align-items:center;
}
.dmc-select-tree-iconEle > svg{
  width:20px;
  height:20px;
  margin-right:5px;
  margin-left:10px;
}
.dmc-select-tree-node-content-wrapper{
  display:flex;
  align-items:center;
  flex:1;
  box-sizing:border-box;
  width:100%;
  padding:4px 0 4px 4px;
  border-radius:4px;
}
.dmc-select-tree-node-content-wrapper .dmc-select-tree-title{
  margin-left:4px;
}
.dmc-select-tree-node-content-wrapper:hover{
  background:var(--dmc-tree-bg-hover-color);
}
.dmc-select-tree-node-selected{
  background:var(--dmc-tree-bg-selected-color);
}
.dmc-select-tree-treenode{
  display:flex;
  align-items:center;
  padding:3px 0;
  cursor:pointer;
}
.dmc-select-tree-treenode-disabled{
  cursor:not-allowed;
}
.dmc-select-tree-treenode-disabled:hover{
  background:transparent !important;
}
.dmc-select-tree-treenode-disabled .dmc-select-tree-treenode-content-wrapper:hover{
  background:transparent;
}
.dmc-tree-select-dropdown .dmc-select-empty{
  display:flex;
  align-items:center;
  margin-top:8px;
  padding-left:33px;
  color:var(--dmc-tree-select-empty-color);
  font-size:14px;
  line-height:20px;
}
.dmc-tree-select-full .dmc-select-tree-content-wrapper{
  padding:0 4px;
}
.dmc-tree-select-full .dmc-select-tree-treenode + .dmc-select-tree-treenode{
  margin-top:6px;
}
.dmc-tree-select-full .dmc-select-tree-treenode{
  width:100%;
  border-radius:4px;
}
.dmc-tree-select-full .dmc-select-tree-treenode:hover{
  background:var(--dmc-tree-bg-hover-color);
}
.dmc-tree-select-full .dmc-select-tree-treenode-selected{
  background:var(--dmc-tree-bg-selected-color);
}

.dmc-map-base-change{
  display:inline-flex;
  flex-direction:column;
  box-sizing:border-box;
  width:220px;
  overflow:hidden;
  border-radius:6px;
  background-color:var(--dmc-mbc-bgc);
  border:1px solid var(--dmc-mbc-border-color);
}
.dmc-map-base-change-header{
  display:flex;
  flex-shrink:0;
  align-items:center;
  justify-content:space-between;
  padding:0 10px;
  height:40px;
}
.dmc-map-base-change-header .dmc-btn-icon-only-icon svg{
  width:16px;
  height:16px;
}
.dmc-map-base-change-line{
  height:1px;
  background-color:var(--dmc-mbc-border-color);
  margin-bottom:8px;
  margin-right:11px;
}
.dmc-map-base-change-group-item{
  margin-right:8px;
}
.dmc-map-base-change-content{
  border-top:1px solid var(--dmc-mbc-border-color);
  max-height:280px;
  padding:10px 0 3px 11px;
  overflow:auto;
}
.dmc-map-base-change-content::-webkit-scrollbar{
  display:none;
  width:0;
  height:0;
}
.dmc-map-base-change-content:hover::-webkit-scrollbar{
  display:block;
}
.dmc-map-base-change-content::-webkit-scrollbar-track{
  background-color:transparent;
  border-radius:0;
}
.dmc-map-base-change-content::-webkit-scrollbar-thumb{
  background-color:transparent;
  border-radius:0;
}
.dmc-map-base-change-content::-webkit-scrollbar-corner{
  background:transparent;
}
.dmc-map-base-change-content-style{
  display:inline-flex;
  position:relative;
  box-sizing:border-box;
  width:93px;
  height:64px;
  margin-bottom:8px;
  background-repeat:no-repeat;
  background-size:cover;
  border-radius:4px;
  cursor:pointer;
}
.dmc-map-base-change-content-style:hover{
  box-shadow:0 0 0 2px var(--dmc-mbc-border-active-color);
}
.dmc-map-base-change-content-style:hover .dmc-map-base-change-content-style-label{
  background-color:var(--dmc-mbc-name-active-bgc);
}
.dmc-map-base-change-content-style:hover .dmc-map-base-change-content-style-label > div{
  color:var(--dmc-mbc-name-active-color);
}
.dmc-map-base-change-content-style-label{
  box-sizing:border-box;
  position:absolute;
  padding:0 8px;
  bottom:4px;
  left:4px;
  display:flex;
  align-items:center;
  justify-content:center;
  max-width:calc(100% - 8px);
  height:19px;
  background-color:var(--dmc-mbc-name-bgc);
  border-radius:4px;
  pointer-events:none;
}
.dmc-map-base-change-content-style-label > div{
  color:var(--dmc-mbc-name-color);
  font-size:12px;
  font-weight:500;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.dmc-map-base-change-selected{
  box-shadow:0 0 0 2px var(--dmc-mbc-border-active-color);
}
.dmc-map-base-change-selected .dmc-map-base-change-content-style-label{
  background-color:var(--dmc-mbc-name-active-bgc);
}
.dmc-map-base-change-selected .dmc-map-base-change-content-style-label > div{
  color:var(--dmc-mbc-name-active-color);
}
